Commit 5665218

freddysundownerraheeliftikhar5

authored and

committed

added grid too shapes comp and lables to shapes lists

1 parent bcd1211 commit 5665218Copy full SHA for 5665218

File tree

2 files changed

+25

-15

lines changed

client
- packages/lowcoder-design/src/components/shapeSelect
  - index.tsx
- yarn.lock

2 files changed

+25

-15

lines changed

`‎client/packages/lowcoder-design/src/components/shapeSelect/index.tsx‎`

Lines changed: 20 additions & 10 deletions

Original file line number	Diff line number	Diff line change
@@ -74,6 +74,12 @@ const StyledSearchIcon = styled(SearchIcon)`
`74`	`74`	const IconListWrapper = styled.div`
`75`	`75`	`padding-left: 10px;`
`76`	`76`	`padding-right: 4px;`
	`77`	`+ .gtujLP {`
	`78`	`+ overflow: hidden;`
	`79`	`+ }`
	`80`	`+ .iconsDiv div {`
	`81`	`+ float: left;`
	`82`	`+ }`
`77`	`83`	`;
`78`	`84`	const IconList = styled(List)`
`79`	`85`	`scrollbar-gutter: stable;`
`@@ -278,14 +284,10 @@ function getIconKey(value?: string) {`
`278`	`284`	`}`
`279`	`285`
`280`	`286`	`export function useShape(value?: string) {`
`281`		`- console.log("icon value ", value);`
`282`	`287`	`const key = getIconKey(value);`
`283`		`- console.log("icon key ", key);`
`284`		`-`
`285`	`288`	`const [icon, setIcon] = useState<Icon \| undefined>(undefined);`
`286`	`289`	`useEffect(() => {`
`287`	`290`	`let allshapes = getAllIcons();`
`288`		`- console.log("all shapes ", allshapes);`
`289`	`291`	`setIcon(allshapes[key]);`
`290`	`292`	`}, [key]);`
`291`	`293`	`return icon;`
`@@ -379,28 +381,36 @@ const IconPopup = (props: {`
`379`	`381`	`<StyledCloseIcon onClick={props.onClose} />`
`380`	`382`	`</TitleDiv>`
`381`	`383`	`{/* <SearchDiv>`
`382`		`- <TacoInput`
	`384`	`+ <TacoInput`
`383`	`385`	`style={{ width: "100%", paddingLeft: "40px" }}`
`384`	`386`	`value={searchText}`
`385`	`387`	`onChange={(e) => setSearchText(e.target.value)}`
`386`	`388`	`placeholder={trans("shapeSelect.searchPlaceholder")}`
`387`	`389`	`/>`
`388`	`390`	`<StyledSearchIcon />`
`389`	`391`	`</SearchDiv> */}`
`390`		`- <IconListWrapper>`
	`392`	`+ <IconListWrapperstyle={{display: "flex",flexWrap: "wrap"}}>`
`391`	`393`	`<>`
`392`	`394`	`{Object.keys(shapes).map((shapeType: string, _i: number) => {`
`393`	`395`	`return shapes[shapeType as keyof typeof shapes].map(`
`394`	`396`	`(Shape: any, index: any) => {`
`395`	`397`	`return (`
`396`		`- <Shape`
`397`		`- size={48}`
	`398`	`+ <div`
	`399`	`+ style={{paddingLeft: "10px"}}`
`398`	`400`	`key={index}`
`399`	`401`	`onClick={() => {`
`400`		`- console.log("Shape ", index, shapeType);`
`401`	`402`	`onChangeIcon(index + "_" + shapeType);`
`402`	`403`	`}}`
`403`		`- />`
	`404`	`+ >`
	`405`	`+ <Shape`
	`406`	`+ size={24}`
	`407`	`+ key={index}`
	`408`	`+ onClick={() => {`
	`409`	`+ onChangeIcon(index + "_" + shapeType);`
	`410`	`+ }}`
	`411`	`+ />`
	`412`	`+ <p>{shapeType}</p>`
	`413`	`+ </div>`
`404`	`414`	`);`
`405`	`415`	`}`
`406`	`416`	`);`

`‎client/yarn.lock‎`

Lines changed: 5 additions & 5 deletions

Original file line number	Diff line number	Diff line change
`@@ -7425,13 +7425,13 @@ __metadata:`
`7425`	`7425`	`languageName: node`
`7426`	`7426`	`linkType: hard`
`7427`	`7427`
`7428`		`-"coolshapes-react@npm:^0.1.1-beta.0":`
`7429`		`- version: 0.1.1-beta.0`
`7430`		`- resolution: "coolshapes-react@npm:0.1.1-beta.0"`
	`7428`	`+"coolshapes-react@file:/Users/la/Desktop/coolshapes-react::locator=lowcoder%40workspace%3Apackages%2Flowcoder":`
	`7429`	`+ version: 1.0.1`
	`7430`	`+ resolution: "coolshapes-react@file:/Users/la/Desktop/coolshapes-react#/Users/la/Desktop/coolshapes-react::hash=163e05&locator=lowcoder%40workspace%3Apackages%2Flowcoder"`
`7431`	`7431`	`peerDependencies:`
`7432`	`7432`	`react: ">=16.8"`
`7433`	`7433`	`react-dom: ">=16.8"`
`7434`		`- checksum: c3edd7e43ef84f5c34faebc0d97316a2a4177c143d0eb23f9f62022a9fc19451a7d8f2af2730ae7852bba524bb08204ac22871fad2f85305072b048acbad7b78`
	`7434`	`+ checksum: 858b8476d410d3faae4cb26aab768d7a9d370befd51f54004540b84a08f27f5f11aa6ff4b76dca9f4dee82edfcd030d528819fabdbc82d2a6b0462b6f2d94ff3`
`7435`	`7435`	`languageName: node`
`7436`	`7436`	`linkType: hard`
`7437`	`7437`
`@@ -13675,7 +13675,7 @@ __metadata:`
`13675`	`13675`	`buffer: ^6.0.3`
`13676`	`13676`	`clsx: ^2.0.0`
`13677`	`13677`	`cnchar: ^3.2.4`
`13678`		`- coolshapes-react: ^0.1.1-beta.0`
	`13678`	`+ coolshapes-react: /Users/la/Desktop/coolshapes-react`
`13679`	`13679`	`copy-to-clipboard: ^3.3.3`
`13680`	`13680`	`core-js: ^3.25.2`
`13681`	`13681`	`dotenv: ^16.0.3`

0 commit comments

Comments

(0)

Navigation Menu

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

Provide feedback

Saved searches

Use saved searches to filter your results more quickly

Uh oh!

Commit 5665218

File tree

2 files changed

2 files changed

`‎client/packages/lowcoder-design/src/components/shapeSelect/index.tsx‎`

`‎client/yarn.lock‎`

0 commit comments