@coding-flow/flow-design 0.0.19 → 0.0.21

package/dist/components/design-panel/presenters/index.d.ts

@@ -1,6 +1,6 @@
 import { DesignPanelApi, State, TabPanelType } from "../types";
 import { Dispatch } from "@coding-flow/flow-core";
-import { FormActionContext } from "@coding-flow/flow-types";
+import { FlowForm, FormActionContext } from "@coding-flow/flow-types";
 import { NodeManger } from "../manager/node";
 export declare class Presenter {
     private state;
@@ -23,6 +23,7 @@ export declare class Presenter {
     removeWorkflowSubForm(code: string): void;
     addWorkflowSubForm(values: any): void;
     updateWorkflowFormField(code: string, values: any): void;
+    importWorkflowForm(selectedForm: FlowForm): void;
     save(versionName?: string): Promise<void>;
     getNodeManager(): NodeManger;
     createNode(form: string, type: string): Promise<any>;

package/dist/components/design-panel/presenters/index.js

@@ -94,6 +94,16 @@ class Presenter {
         const form = workflowFormManager.updateFieldValue(code, values);
         this.updateWorkflowForm(form);
     }
+    importWorkflowForm(selectedForm) {
+        const updatedForm = {
+            ...this.state.workflow.form,
+            name: selectedForm.name,
+            code: selectedForm.code,
+            fields: selectedForm.fields || [],
+            subForms: selectedForm.subForms || []
+        };
+        this.updateWorkflowForm(updatedForm);
+    }
     async save(versionName) {
         const values = this.formActionContext.save();
         this.updateWorkflow(values);

package/dist/components/design-panel/tabs/form/import-form-plugin-view.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { ImportFormViewPlugin } from "../../../../plugins/import-form-view-type";
+export declare const ImportFormPluginView: React.FC<ImportFormViewPlugin>;

package/dist/components/design-panel/tabs/form/import-form-plugin-view.js

@@ -0,0 +1,12 @@
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { IMPORT_FORM_VIEW_KEY } from "../../../../plugins/import-form-view-type.js";
+import { ViewBindPlugin } from "@coding-flow/flow-core";
+const ImportFormPluginView = (props)=>{
+    const CustomViewComponent = ViewBindPlugin.getInstance().get(IMPORT_FORM_VIEW_KEY);
+    if (!CustomViewComponent) return null;
+    return /*#__PURE__*/ jsx(CustomViewComponent, {
+        ...props
+    });
+};
+export { ImportFormPluginView };

package/dist/components/design-panel/tabs/form/index.js

@@ -1,14 +1,20 @@
 import { jsx, jsxs } from "react/jsx-runtime";
-import "react";
+import { useState } from "react";
 import { Panel } from "@coding-flow/flow-pc-ui";
 import { Empty, Tabs } from "antd";
+import { ViewBindPlugin } from "@coding-flow/flow-core";
+import { IMPORT_FORM_VIEW_KEY } from "../../../../plugins/import-form-view-type.js";
 import { useDesignContext } from "../../hooks/use-design-context.js";
 import { FormTable } from "./table.js";
+import { ImportFormPluginView } from "./import-form-plugin-view.js";
 const TabForm = ()=>{
-    const { state } = useDesignContext();
+    const { state, context } = useDesignContext();
+    const presenter = context.getPresenter();
+    const [importFormOpen, setImportFormOpen] = useState(false);
     const mainCode = state.workflow.form.code;
     const mainName = state.workflow.form.name;
     const subForms = state.workflow.form.subForms || [];
+    const hasImportFormView = !!ViewBindPlugin.getInstance().get(IMPORT_FORM_VIEW_KEY);
     const items = subForms.map((item)=>{
         const title = `子表:${item.name}`;
         return {
@@ -24,18 +30,29 @@ const TabForm = ()=>{
     if (!mainCode) return /*#__PURE__*/ jsx(Empty, {
         description: "请先在基本信息中添加表单的定义配置."
     });
+    const handleImportForm = (form)=>{
+        presenter.importWorkflowForm(form);
+        setImportFormOpen(false);
+    };
     return /*#__PURE__*/ jsxs(Panel, {
         children: [
             /*#__PURE__*/ jsx(FormTable, {
                 name: `主表:${mainName}`,
                 code: mainCode,
-                mainForm: true
+                mainForm: true,
+                hasImportForm: hasImportFormView,
+                onImportClick: ()=>setImportFormOpen(true)
             }),
             /*#__PURE__*/ jsx(Tabs, {
                 style: {
                     marginTop: 20
                 },
                 items: items
+            }),
+            /*#__PURE__*/ jsx(ImportFormPluginView, {
+                open: importFormOpen,
+                onSelect: handleImportForm,
+                onCancel: ()=>setImportFormOpen(false)
             })
         ]
     });

package/dist/components/design-panel/tabs/form/table.d.ts

@@ -3,6 +3,8 @@ interface FormTableProps {
     name: string;
     code: string;
     mainForm: boolean;
+    hasImportForm?: boolean;
+    onImportClick?: () => void;
 }
 export declare const FormTable: React.FC<FormTableProps>;
 export {};

package/dist/components/design-panel/tabs/form/table.js

@@ -5,7 +5,7 @@ import { Button, Flex, Form, Popconfirm, Space } from "antd";
 import { FormTypeContext, dataTypeOptions } from "@coding-flow/flow-types";
 import { useDesignContext } from "../../hooks/use-design-context.js";
 import { WorkflowFormManager } from "../../manager/form.js";
-import { DeleteOutlined, FolderAddOutlined, PlusOutlined } from "@ant-design/icons";
+import { CloudUploadOutlined, DeleteOutlined, FolderAddOutlined, PlusOutlined } from "@ant-design/icons";
 import { FormFieldModal } from "./model.js";
 import { SubFormModal } from "./sub-form.js";
 const FormTable = (props)=>{
@@ -109,13 +109,22 @@ const FormTable = (props)=>{
                             }),
                             /*#__PURE__*/ jsxs(Space, {
                                 children: [
-                                    props.mainForm && /*#__PURE__*/ jsx(Button, {
-                                        icon: /*#__PURE__*/ jsx(FolderAddOutlined, {}),
-                                        onClick: ()=>{
-                                            subForm.resetFields();
-                                            setSubFormVisible(true);
-                                        },
-                                        children: "添加子表"
+                                    props.mainForm && /*#__PURE__*/ jsxs(Fragment, {
+                                        children: [
+                                            props.hasImportForm && /*#__PURE__*/ jsx(Button, {
+                                                icon: /*#__PURE__*/ jsx(CloudUploadOutlined, {}),
+                                                onClick: props.onImportClick,
+                                                children: "导入表单"
+                                            }),
+                                            /*#__PURE__*/ jsx(Button, {
+                                                icon: /*#__PURE__*/ jsx(FolderAddOutlined, {}),
+                                                onClick: ()=>{
+                                                    subForm.resetFields();
+                                                    setSubFormVisible(true);
+                                                },
+                                                children: "添加子表"
+                                            })
+                                        ]
                                     }),
                                     !props.mainForm && /*#__PURE__*/ jsx(Popconfirm, {
                                         title: "确认要删除子表吗？",

package/dist/plugins/import-form-view-type.d.ts

@@ -0,0 +1,10 @@
+import { FlowForm } from "@coding-flow/flow-types";
+export declare const IMPORT_FORM_VIEW_KEY = "ImportFormViewPlugin";
+export interface ImportFormViewPlugin {
+    /** 是否显示 */
+    open: boolean;
+    /** 确认回调 */
+    onSelect: (form: FlowForm) => void;
+    /** 取消回调 */
+    onCancel: () => void;
+}

package/dist/plugins/import-form-view-type.js

@@ -0,0 +1,2 @@
+const IMPORT_FORM_VIEW_KEY = 'ImportFormViewPlugin';
+export { IMPORT_FORM_VIEW_KEY };

package/dist/plugins/index.d.ts

@@ -2,6 +2,7 @@ export { type ActionCustomViewPlugin, VIEW_KEY as ActionCustomViewPluginKey } fr
 export { type ActionRejectViewPlugin, VIEW_KEY as ActionRejectViewPluginKey } from "./action-reject-view-type";
 export { type ConditionViewPlugin, VIEW_KEY as ConditionViewPluginKey } from "./condition-view-type";
 export { type ErrorTriggerViewPlugin, VIEW_KEY as ErrorTriggerViewPluginKey } from "./error-trigger-view-type";
+export { type ImportFormViewPlugin, IMPORT_FORM_VIEW_KEY } from "./import-form-view-type";
 export { type NodeTitleViewPlugin, VIEW_KEY as NodeTitleViewPluginKey } from "./node-title-view-type";
 export { type OperatorCreateViewPlugin, VIEW_KEY as OperatorCreateViewPluginKey } from "./operator-create-view-type";
 export { type OperatorLoadViewPlugin, VIEW_KEY as OperatorLoadViewPluginKey } from "./operator-load-view-type";

package/dist/plugins/index.js

@@ -2,6 +2,7 @@ import { VIEW_KEY } from "./action-custom-view-type.js";
 import { VIEW_KEY as external_action_reject_view_type_js_VIEW_KEY } from "./action-reject-view-type.js";
 import { VIEW_KEY as external_condition_view_type_js_VIEW_KEY } from "./condition-view-type.js";
 import { VIEW_KEY as external_error_trigger_view_type_js_VIEW_KEY } from "./error-trigger-view-type.js";
+import { IMPORT_FORM_VIEW_KEY } from "./import-form-view-type.js";
 import { VIEW_KEY as external_node_title_view_type_js_VIEW_KEY } from "./node-title-view-type.js";
 import { VIEW_KEY as external_operator_create_view_type_js_VIEW_KEY } from "./operator-create-view-type.js";
 import { VIEW_KEY as external_operator_load_view_type_js_VIEW_KEY } from "./operator-load-view-type.js";
@@ -9,4 +10,4 @@ import { VIEW_KEY as external_router_view_type_js_VIEW_KEY } from "./router-view
 import { VIEW_KEY as external_sub_process_view_type_js_VIEW_KEY } from "./sub-process-view-type.js";
 import { VIEW_KEY as external_trigger_view_type_js_VIEW_KEY } from "./trigger-view-type.js";
 export * from "./design-view-plugin-action.js";
-export { VIEW_KEY as ActionCustomViewPluginKey, external_action_reject_view_type_js_VIEW_KEY as ActionRejectViewPluginKey, external_condition_view_type_js_VIEW_KEY as ConditionViewPluginKey, external_error_trigger_view_type_js_VIEW_KEY as ErrorTriggerViewPluginKey, external_node_title_view_type_js_VIEW_KEY as NodeTitleViewPluginKey, external_operator_create_view_type_js_VIEW_KEY as OperatorCreateViewPluginKey, external_operator_load_view_type_js_VIEW_KEY as OperatorLoadViewPluginKey, external_router_view_type_js_VIEW_KEY as RouterViewPluginKey, external_sub_process_view_type_js_VIEW_KEY as SubProcessViewPluginKey, external_trigger_view_type_js_VIEW_KEY as TriggerViewPluginKey };
+export { VIEW_KEY as ActionCustomViewPluginKey, external_action_reject_view_type_js_VIEW_KEY as ActionRejectViewPluginKey, external_condition_view_type_js_VIEW_KEY as ConditionViewPluginKey, external_error_trigger_view_type_js_VIEW_KEY as ErrorTriggerViewPluginKey, IMPORT_FORM_VIEW_KEY, external_node_title_view_type_js_VIEW_KEY as NodeTitleViewPluginKey, external_operator_create_view_type_js_VIEW_KEY as OperatorCreateViewPluginKey, external_operator_load_view_type_js_VIEW_KEY as OperatorLoadViewPluginKey, external_router_view_type_js_VIEW_KEY as RouterViewPluginKey, external_sub_process_view_type_js_VIEW_KEY as SubProcessViewPluginKey, external_trigger_view_type_js_VIEW_KEY as TriggerViewPluginKey };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coding-flow/flow-design",
-  "version": "0.0.19",
+  "version": "0.0.21",
   "description": "flow-engine design components ",
   "type": "module",
   "keywords": [
@@ -54,16 +54,16 @@
     "nanoid": "^5.1.6",
     "react-redux": "^9.2.0",
     "styled-components": "^5.3.11",
-    "@coding-flow/flow-core": "0.0.19",
-    "@coding-flow/flow-icons": "0.0.19",
-    "@coding-flow/flow-pc-ui": "0.0.19",
-    "@coding-flow/flow-types": "0.0.19"
+    "@coding-flow/flow-core": "0.0.21",
+    "@coding-flow/flow-pc-ui": "0.0.21",
+    "@coding-flow/flow-types": "0.0.21",
+    "@coding-flow/flow-icons": "0.0.21"
   },
   "devDependencies": {
     "@types/lodash-es": "^4.17.12",
     "@types/styled-components": "^5.1.36",
-    "@coding-flow/flow-core": "0.0.19",
-    "@coding-flow/flow-types": "0.0.19"
+    "@coding-flow/flow-core": "0.0.21",
+    "@coding-flow/flow-types": "0.0.21"
   },
   "scripts": {
     "build": "rslib build",