@coding-flow/flow-pc-approval 0.0.15 → 0.0.16

package/dist/components/flow-approval/components/action/pass.js

@@ -4,6 +4,7 @@ import { Form, Input, Modal, message } from "antd";
 import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
 import { SignKeyView } from "../../../../plugins/view/sign-key-view.js";
 import { CustomStyleButton } from "../custom-style-button.js";
+import { OperatorSelectView } from "../../../../plugins/view/operator-select-view.js";
 import { ManualView } from "../../../../plugins/view/manual-view.js";
 import { APPROVAL_ACTION_PASS_KEY } from "../../index.js";
 import { ViewBindPlugin } from "@coding-flow/flow-core";
@@ -15,16 +16,19 @@ const PassAction = (props)=>{
     const [modalVisible, setModalVisible] = react.useState(false);
     const [options, setOptions] = react.useState([]);
     const [request, setRequest] = react.useState({});
+    const [responseType, setResponseType] = react.useState(null);
     const isStartNode = state.flow?.nodeType === 'START';
     const currentOperator = state.flow?.currentOperator;
     const [form] = Form.useForm();
     const handleSubmit = (params)=>{
         actionPresenter.action(action.id, params).then((res)=>{
             if (res.success) {
-                const options = res.data?.options || [];
-                if (options.length > 0) {
+                const resOptions = res.data?.options || [];
+                if (resOptions.length > 0) {
+                    const resType = res.data?.responseType || 'OPERATOR_SELECT';
                     setRequest(params);
-                    setOptions(options);
+                    setOptions(resOptions);
+                    setResponseType(resType);
                 } else {
                     message.success("操作成功");
                     setModalVisible(false);
@@ -109,10 +113,22 @@ const PassAction = (props)=>{
                     ]
                 })
             }),
-            options && options.length > 0 && /*#__PURE__*/ jsx(ManualView, {
+            options && options.length > 0 && 'OPERATOR_SELECT' === responseType && /*#__PURE__*/ jsx(OperatorSelectView, {
+                options: options,
+                onChange: (operatorSelectMap)=>{
+                    setOptions([]);
+                    setResponseType(null);
+                    if (Object.keys(operatorSelectMap).length > 0) handleSubmit({
+                        ...request,
+                        operatorSelectMap
+                    });
+                }
+            }),
+            options && options.length > 0 && 'OPERATOR_SELECT' !== responseType && /*#__PURE__*/ jsx(ManualView, {
                 options: options,
                 onChange: (value)=>{
                     setOptions([]);
+                    setResponseType(null);
                     if (value) handleSubmit({
                         ...request,
                         manualNodeId: value

package/dist/plugins/view/operator-select-view.d.ts

@@ -0,0 +1,3 @@
+import React from "react";
+import { OperatorSelectViewPlugin } from "@coding-flow/flow-approval-presenter";
+export declare const OperatorSelectView: React.FC<OperatorSelectViewPlugin>;

package/dist/plugins/view/operator-select-view.js

@@ -0,0 +1,57 @@
+import { jsx } from "react/jsx-runtime";
+import react from "react";
+import { OperatorSelectViewPluginKey } from "@coding-flow/flow-approval-presenter";
+import { ViewBindPlugin } from "@coding-flow/flow-core";
+import { Form, Input, Modal } from "antd";
+const OperatorSelectView = (props)=>{
+    const [visible, setVisible] = react.useState(true);
+    const CustomComponent = ViewBindPlugin.getInstance().get(OperatorSelectViewPluginKey);
+    const [form] = Form.useForm();
+    if (CustomComponent) return /*#__PURE__*/ jsx(CustomComponent, {
+        ...props
+    });
+    const handleFinish = (values)=>{
+        const result = {};
+        for (const option of props.options){
+            const inputVal = values[option.id];
+            if (inputVal) {
+                const ids = String(inputVal).split(',').map((s)=>s.trim()).filter((s)=>s.length > 0).map(Number).filter((n)=>!isNaN(n));
+                if (ids.length > 0) result[option.id] = ids;
+            }
+        }
+        props.onChange(result);
+        setVisible(false);
+    };
+    return /*#__PURE__*/ jsx(Modal, {
+        title: "请选择操作人",
+        width: "40%",
+        open: visible,
+        destroyOnHidden: true,
+        onCancel: ()=>{
+            setVisible(false);
+            props.onChange({});
+        },
+        onOk: ()=>{
+            form.submit();
+        },
+        children: /*#__PURE__*/ jsx(Form, {
+            form: form,
+            onFinish: handleFinish,
+            layout: "vertical",
+            children: props.options.map((option)=>/*#__PURE__*/ jsx(Form.Item, {
+                    name: option.id,
+                    label: `${option.name} - 操作人`,
+                    rules: [
+                        {
+                            required: true,
+                            message: `请为 ${option.name} 指定操作人`
+                        }
+                    ],
+                    children: /*#__PURE__*/ jsx(Input, {
+                        placeholder: "请输入操作人ID，多个用逗号分隔"
+                    })
+                }, option.id))
+        })
+    });
+};
+export { OperatorSelectView };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coding-flow/flow-pc-approval",
-  "version": "0.0.15",
+  "version": "0.0.16",
   "description": "flow-engine pc form approval components",
   "type": "module",
   "keywords": [
@@ -39,15 +39,15 @@
     "dayjs": "^1.11.19",
     "immer": "^11.1.3",
     "react-redux": "^9.2.0",
-    "@coding-flow/flow-core": "0.0.15",
-    "@coding-flow/flow-types": "0.0.15",
-    "@coding-flow/flow-icons": "0.0.15",
-    "@coding-flow/flow-approval-presenter": "0.0.15",
-    "@coding-flow/flow-pc-ui": "0.0.15",
-    "@coding-flow/flow-pc-form": "0.0.15"
+    "@coding-flow/flow-types": "0.0.16",
+    "@coding-flow/flow-core": "0.0.16",
+    "@coding-flow/flow-icons": "0.0.16",
+    "@coding-flow/flow-pc-ui": "0.0.16",
+    "@coding-flow/flow-pc-form": "0.0.16",
+    "@coding-flow/flow-approval-presenter": "0.0.16"
   },
   "devDependencies": {
-    "@coding-flow/flow-types": "0.0.15"
+    "@coding-flow/flow-types": "0.0.16"
   },
   "scripts": {
     "build": "rslib build",