NotificationsYou must be signed in to change notification settings
Fork286
Star1.4k

Commit5db3f5a

committed

#1720 remove unnecessary styled wrapper

1 parentedbd09d commit5db3f5aCopy full SHA for 5db3f5a

File tree

1 file changed

+13

-50

lines changed

client/packages/lowcoder/src/comps/comps/fileComp
- draggerUpload.tsx

1 file changed

+13

-50

lines changed

`‎client/packages/lowcoder/src/comps/comps/fileComp/draggerUpload.tsx‎`

Lines changed: 13 additions & 50 deletions

Original file line number	Diff line number	Diff line change
@@ -19,11 +19,13 @@ const IconWrapper = styled.span`
`19`	`19`	`display: flex;`
`20`	`20`	`;
`21`	`21`
`22`		-constDraggerShell=styled.div<{$auto:boolean}>`
	`22`	`+constDraggerShell=styled(AntdUpload.Dragger)<{$auto:boolean`
	`23`	`+$style:FileStyleType`
	`24`	+}>`
`23`	`25`	`height:${(p)=>(p.$auto ?"auto" :"100%")};`
`24`	`26`
`25`	`27`	`/* AntD wraps dragger + list in this */`
`26`		`- .ant-upload-wrapper {`
	`28`	`+&.ant-upload-wrapper {`
`27`	`29`	`display: flex;`
`28`	`30`	`flex-direction: column;`
`29`	`31`	`height: 100%;`
@@ -39,6 +41,12 @@ const DraggerShell = styled.div<{ $auto: boolean }>`
`39`	`41`	`min-height: 120px;`
`40`	`42`	`min-width: 0;`
`41`	`43`	`}
	`44`	`+ .ant-upload-drag-container {`
	`45`	`+ .ant-upload-drag-icon {`
	`46`	`+ display: flex;`
	`47`	`+ justify-content: center;`
	`48`	`+ }`
	`49`	`+ }`
`42`	`50`	`}`
`43`	`51`
`44`	`52`	`/* The list sits below the dragger */`
@@ -50,50 +58,6 @@ const DraggerShell = styled.div<{ $auto: boolean }>`
`50`	`58`	`}
`51`	`59`	`}`
`52`	`60`	`;
`53`		`-`
`54`		`-`
`55`		`-constStyledDragger=styled(AntdUpload.Dragger)<{`
`56`		`-$style:FileStyleType;`
`57`		`-$auto:boolean;`
`58`		-}>`
`59`		`- &.ant-upload-drag {`
`60`		`- border-color:${(p)=>p.$style.border};`
`61`		`- border-width:${(p)=>p.$style.borderWidth};`
`62`		`- border-style:${(p)=>p.$style.borderStyle};`
`63`		`- border-radius:${(p)=>p.$style.radius};`
`64`		`- background:${(p)=>p.$style.background};`
`65`		`-`
`66`		`-${(p)=>`
`67`		`-!p.$auto&&`
`68`		-`
`69`		`- display: flex;`
`70`		`- align-items: center;`
`71`		- `}
`72`		`-`
`73`		`-${(p)=>`
`74`		`-p.$auto&&`
`75`		-`
`76`		`- min-height: 200px;`
`77`		- `}
`78`		`-`
`79`		`- .ant-upload-drag-container {`
`80`		`-${(p)=>`
`81`		`-!p.$auto&&`
`82`		-`
`83`		`- display: flex;`
`84`		`- flex-direction: column;`
`85`		`- justify-content: center;`
`86`		`- height: 100%;`
`87`		- `}
`88`		`- }`
`89`		`-`
`90`		`- &:hover {`
`91`		`- border-color:${(p)=>p.$style.accent};`
`92`		`- }`
`93`		`- }`
`94`		-`;
`95`		`-`
`96`		`-`
`97`	`61`	`interfaceDraggerUploadProps{`
`98`	`62`	`value:Array<string\|null>;`
`99`	`63`	`files:any[];`
`@@ -202,8 +166,7 @@ export const DraggerUpload = (props: DraggerUploadProps) => {`
`202`	`166`	`};`
`203`	`167`
`204`	`168`	`return(`
`205`		`-<DraggerShell$auto={autoHeight}>`
`206`		`-<StyledDragger`
	`169`	`+<DraggerShell`
`207`	`170`	`{...commonProps(props)}`
`208`	`171`	`fileList={fileList}`
`209`	`172`	`$style={style}`
`@@ -240,7 +203,7 @@ export const DraggerUpload = (props: DraggerUploadProps) => {`
`240`	`203`	`<pclassName="ant-upload-hint">`
`241`	`204`	`{props.dragHintText}`
`242`	`205`	`</p>`
`243`		`-</StyledDragger>`
`244`		`-</DraggerShell>`
	`206`	`+</DraggerShell>`
	`207`	`+`
`245`	`208`	`);`
`246`	`209`	`};`

0 commit comments

Comments

(0)

Movatterモバイル変換

Navigation Menu

Search code, repositories, users, issues, pull requests...

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit5db3f5a

File tree

1 file changed

1 file changed

`‎client/packages/lowcoder/src/comps/comps/fileComp/draggerUpload.tsx‎`

0 commit comments