@coding-flow/flow-mobile-approval 0.0.15 → 0.0.17

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

@@ -5,6 +5,7 @@ import { PopupModal } from "@coding-flow/flow-mobile-ui";
 import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
 import { SignKeyView } from "../../../../plugins/view/sign-key-view.js";
 import { EventBus, ViewBindPlugin } from "@coding-flow/flow-core";
+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";
 const PassAction = (props)=>{
@@ -14,6 +15,7 @@ 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();
@@ -39,10 +41,12 @@ const PassAction = (props)=>{
     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 {
                     Toast.show("操作成功");
                     setModalVisible(false);
@@ -105,10 +109,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,55 @@
+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 } from "antd-mobile";
+import { PopupModal } from "@coding-flow/flow-mobile-ui";
+const OperatorSelectView = (props)=>{
+    const CustomComponent = ViewBindPlugin.getInstance().get(OperatorSelectViewPluginKey);
+    const [visible, setVisible] = react.useState(true);
+    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(PopupModal, {
+        open: visible,
+        onClose: ()=>{
+            setVisible(false);
+            props.onChange({});
+        },
+        onOk: ()=>{
+            form.submit();
+        },
+        children: /*#__PURE__*/ jsx(Form, {
+            form: form,
+            layout: "vertical",
+            onFinish: handleFinish,
+            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-mobile-approval",
-  "version": "0.0.15",
+  "version": "0.0.17",
   "description": "flow-engine pc mobile 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-icons": "0.0.15",
-    "@coding-flow/flow-types": "0.0.15",
-    "@coding-flow/flow-approval-presenter": "0.0.15",
-    "@coding-flow/flow-mobile-ui": "0.0.15",
-    "@coding-flow/flow-mobile-form": "0.0.15"
+    "@coding-flow/flow-core": "0.0.17",
+    "@coding-flow/flow-icons": "0.0.17",
+    "@coding-flow/flow-types": "0.0.17",
+    "@coding-flow/flow-approval-presenter": "0.0.17",
+    "@coding-flow/flow-mobile-ui": "0.0.17",
+    "@coding-flow/flow-mobile-form": "0.0.17"
   },
   "devDependencies": {
-    "@coding-flow/flow-types": "0.0.15"
+    "@coding-flow/flow-types": "0.0.17"
   },
   "scripts": {
     "build": "rslib build",