feat:表单关闭事件

alibaba · Jan 2, 2025 · 8e85ef2 · 8e85ef2
1 parent ef5ad22
commit 8e85ef2
Show file tree

Hide file tree

Showing 2 changed files with 8 additions and 3 deletions.
diff --git a/packages/x-flow/src/XFlow.tsx b/packages/x-flow/src/XFlow.tsx
@@ -86,7 +86,7 @@ const XFlow: FC<FlowProps> = memo(props => {
   const { settingMap, globalConfig,readOnly } = useContext(ConfigContext);
   const [openPanel, setOpenPanel] = useState<boolean>(true);
   const [openLogPanel, setOpenLogPanel] = useState<boolean>(true);
-  const { onNodeClick } = props;
+  const { onNodeClick,panel } = props;
 
   useEffect(() => {
     zoomTo(0.8);
@@ -341,6 +341,7 @@ const XFlow: FC<FlowProps> = memo(props => {
               if (!activeNode?._status || !openLogPanel) {
                 setActiveNode(null);
               }
+              panel.onClose && panel.onClose(activeNode?.id)
             }}
             node={activeNode}
             data={activeNode?.values}

diff --git a/packages/x-flow/src/types.ts b/packages/x-flow/src/types.ts
@@ -87,6 +87,10 @@ export interface TControl{
 //   isConnectableEnd?:boolean
 // }
 
+export interface TPanel{
+  onClose:(activeNodeId:string)=>void
+}
+
 export interface FlowProps {
   initialValues?: {
     nodes: any[];
@@ -111,10 +115,10 @@ export interface FlowProps {
     //handle?:THandle
   };
   logPanel?: TLogPanel; // 日志面板配置
+  readOnly?:boolean//只读模式
+  panel?:TPanel //表单配置面板
   onNodeClick?: NodeMouseHandler;
   onMenuItemClick: (itemInfo: ItemInfo,defaultAction:()=>void) => void;
-  readOnly?:boolean
-
 }
 interface ItemInfo {
   key: 'copy' | 'paste' | 'delete' | string;