Commit 5c4c13f

mat02ludomikula

authored and

committed

Add 'Open' event on modal component

1 parent 7f2442b commit 5c4c13fCopy full SHA for 5c4c13f

File tree

-0

lines changed

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

-0

lines changed

Lines changed: 4 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -25,6 +25,7 @@ import { withDefault } from "comps/generators";`
`25`	`25`	`import SliderControl from "../controls/sliderControl";`
`26`	`26`
`27`	`27`	`const EventOptions = [`
	`28`	`+ { label: trans("modalComp.open"), value: "open", description: trans("modalComp.openDesc") },`
`28`	`29`	`{ label: trans("modalComp.close"), value: "close", description: trans("modalComp.closeDesc") },`
`29`	`30`	`] as const;`
`30`	`31`
`@@ -169,6 +170,9 @@ let TmpModalComp = (function () {`
`169`	`170`	`afterClose={() => {`
`170`	`171`	`props.toggleClose&&props.onEvent("close");`
`171`	`172`	`}}`
	`173`	`+ afterOpenChange={(open: boolean) => {`
	`174`	`+ if (open) props.onEvent("open");`
	`175`	`+ }}`
`172`	`176`	`zIndex={Layers.modal}`
`173`	`177`	`modalRender={(node) => <ModalStyled $style={props.style}>{node}</ModalStyled>}`
`174`	`178`	`mask={props.showMask}`

Lines changed: 2 additions & 0 deletions

Original file line number	Diff line number	Diff line change
`@@ -2368,6 +2368,8 @@ export const en = {`
`2368`	`2368`
`2369`	`2369`
`2370`	`2370`	`"modalComp": {`
	`2371`	`+ "open": "Open",`
	`2372`	`+ "openDesc": "Triggered When the Modal Dialog Box is Opened",`
`2371`	`2373`	`"close": "Close",`
`2372`	`2374`	`"closeDesc": "Triggered When the Modal Dialog Box is Closed",`
`2373`	`2375`	`"openModalDesc": "Open the Dialog Box",`

Comments

(0)