Commit 7dc8e77

authored

Merge pull request #1995 from iamfaran/feat/1922-drawer-events

[Feat]: #1922 add drawer events

2 parents ee31e1c + fcf78c9 commit 7dc8e77Copy full SHA for 7dc8e77

File tree

2 files changed

+14

-6

lines changed

client/packages/lowcoder/src
- comps/hooks
  - drawerComp.tsx
- i18n/locales
  - en.ts

2 files changed

+14

-6

lines changed

`‎client/packages/lowcoder/src/comps/hooks/drawerComp.tsx‎`

Lines changed: 10 additions & 6 deletions

Original file line number	Diff line number	Diff line change
`@@ -7,7 +7,7 @@ import { BoolControl } from "comps/controls/boolControl";`
`7`	`7`	`import { StringControl } from "comps/controls/codeControl";`
`8`	`8`	`import { booleanExposingStateControl } from "comps/controls/codeStateControl";`
`9`	`9`	`import { PositionControl, LeftRightControl, HorizontalAlignmentControl } from "comps/controls/dropdownControl";`
`10`		`-import { closeEvent,eventHandlerControl } from "comps/controls/eventHandlerControl";`
	`10`	`+import { eventHandlerControl } from "comps/controls/eventHandlerControl";`
`11`	`11`	`import { styleControl } from "comps/controls/styleControl";`
`12`	`12`	`import { DrawerStyle } from "comps/controls/styleControlConstants";`
`13`	`13`	`import { withDefault } from "comps/generators";`
`@@ -34,7 +34,10 @@ import { ToViewReturn } from "../generators/multi";`
`34`	`34`	`import { SimpleContainerComp } from "../comps/containerBase/simpleContainerComp";`
`35`	`35`	`import { JSX } from "react/jsx-runtime";`
`36`	`36`
`37`		`-const EventOptions = [closeEvent] as const;`
	`37`	`+const EventOptions = [`
	`38`	`+ { label: trans("drawer.open"), value: "open", description: trans("drawer.openDesc") },`
	`39`	`+ { label: trans("drawer.close"), value: "close", description: trans("drawer.closeDesc") },`
	`40`	`+] as const;`
`38`	`41`
`39`	`42`	`const DEFAULT_SIZE = 378;`
`40`	`43`	`const DEFAULT_PADDING = 16;`
`@@ -201,12 +204,13 @@ const DrawerView = React.memo((`
`201`	`204`
`202`	`205`	`const onClose = useCallback((e?: React.MouseEvent \| React.KeyboardEvent) => {`
`203`	`206`	`props.visible.onChange(false);`
`204`		`- }, [props.visible]);`
	`207`	`+ props.onEvent("close");`
	`208`	`+ }, [props.visible, props.onEvent]);`
`205`	`209`
`206`	`210`	`const afterOpenChange = useCallback((visible: boolean) => {`
`207`		`- if (!visible) {`
`208`		`- props.onEvent("close");`
`209`		`- }`
	`211`	`+ if (visible) {`
	`212`	`+ props.onEvent("open");`
	`213`	`+ }`
`210`	`214`	`}, [props.onEvent]);`
`211`	`215`
`212`	`216`	`const drawerStyles = useMemo(() => ({`

`‎client/packages/lowcoder/src/i18n/locales/en.ts‎`

Lines changed: 4 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -2345,6 +2345,10 @@ export const en = {`
`2345`	`2345`	`"titleAlign": "Title Alignment",`
`2346`	`2346`	`"widthTooltip": "Pixel or Percentage, e.g. 520, 60%",`
`2347`	`2347`	`"heightTooltip": "Pixel, e.g. 378",`
	`2348`	`+ "open": "Open",`
	`2349`	`+ "openDesc": "Triggered When the Drawer is Opened",`
	`2350`	`+ "close": "Close",`
	`2351`	`+ "closeDesc": "Triggered When the Drawer is Closed",`
`2348`	`2352`	`"openDrawerDesc": "Open Drawer",`
`2349`	`2353`	`"closeDrawerDesc": "Close Drawer",`
`2350`	`2354`	`"width": "Drawer Width",`

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 7dc8e77

File tree

2 files changed

2 files changed

`‎client/packages/lowcoder/src/comps/hooks/drawerComp.tsx‎`

`‎client/packages/lowcoder/src/i18n/locales/en.ts‎`

0 commit comments