Add 'Open' event on modal component

Author: mat02

client/packages/lowcoder/src/comps/hooks/modalComp.tsx

@@ -25,6 +25,7 @@ import { withDefault } from "comps/generators";
 import SliderControl from "../controls/sliderControl";
 
 const EventOptions = [
+  { label: trans("modalComp.open"), value: "open", description: trans("modalComp.openDesc") },
   { label: trans("modalComp.close"), value: "close", description: trans("modalComp.closeDesc") },
 ] as const;
 
@@ -169,6 +170,9 @@ let TmpModalComp = (function () {
               afterClose={() => {
                 props.toggleClose&&props.onEvent("close");
               }}
+              afterOpenChange={(open: boolean) => {
+                if (open) props.onEvent("open");
+              }}
               zIndex={Layers.modal}
               modalRender={(node) => <ModalStyled $style={props.style}>{node}</ModalStyled>}
               mask={props.showMask}

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

@@ -2368,6 +2368,8 @@ export const en = {
 
 
   "modalComp": {
+    "open": "Open",
+    "openDesc": "Triggered When the Modal Dialog Box is Opened",
     "close": "Close",
     "closeDesc": "Triggered When the Modal Dialog Box is Closed",
     "openModalDesc": "Open the Dialog Box",