@coding-flow/flow-mobile-approval 0.0.12 → 0.0.13

package/dist/components/flow-approval/components/action/add-audit.js

@@ -4,7 +4,8 @@ import { Form, Toast } from "antd-mobile";
 import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
 import { AddAuditView } from "../../../../plugins/view/add-audit-view.js";
 import { PopupModal } from "@coding-flow/flow-mobile-ui";
-import { EventBus } from "@coding-flow/flow-core";
+import { EventBus, ViewBindPlugin } from "@coding-flow/flow-core";
+import { APPROVAL_ACTION_ADD_AUDIT_KEY } from "../../index.js";
 const AddAuditAction = (props)=>{
     const action = props.action;
     const { context } = useApprovalContext();
@@ -36,6 +37,10 @@ const AddAuditAction = (props)=>{
             EventBus.getInstance().off(action.id);
         };
     }, []);
+    const ActionView = ViewBindPlugin.getInstance().get(APPROVAL_ACTION_ADD_AUDIT_KEY);
+    if (ActionView) return /*#__PURE__*/ jsx(ActionView, {
+        ...props
+    });
     return /*#__PURE__*/ jsx(Fragment, {
         children: /*#__PURE__*/ jsx(PopupModal, {
             title: "加签审批",

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

@@ -1,12 +1,17 @@
 import { Fragment, jsx } from "react/jsx-runtime";
 import "react";
-import { GroovyScriptConvertorUtil } from "@coding-flow/flow-core";
+import { GroovyScriptConvertorUtil, ViewBindPlugin } from "@coding-flow/flow-core";
 import { ActionFactory } from "./factory.js";
+import { APPROVAL_ACTION_CUSTOM_KEY } from "../../index.js";
 const CustomAction = (props)=>{
     const action = props.action;
     const script = action.script || '';
     const returnData = GroovyScriptConvertorUtil.getReturnScript(script);
     const triggerType = returnData.replaceAll('\'', '');
+    const ActionPluginView = ViewBindPlugin.getInstance().get(APPROVAL_ACTION_CUSTOM_KEY);
+    if (ActionPluginView) return /*#__PURE__*/ jsx(ActionPluginView, {
+        ...props
+    });
     const ActionView = ActionFactory.getInstance().render({
         ...props.action,
         type: triggerType

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

@@ -3,8 +3,9 @@ import react from "react";
 import { Form, Toast } from "antd-mobile";
 import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
 import { DelegateView } from "../../../../plugins/view/delegate-view.js";
-import { EventBus } from "@coding-flow/flow-core";
+import { EventBus, ViewBindPlugin } from "@coding-flow/flow-core";
 import { PopupModal } from "@coding-flow/flow-mobile-ui";
+import { APPROVAL_ACTION_DELEGATE_KEY } from "../../index.js";
 const DelegateAction = (props)=>{
     const action = props.action;
     const { context } = useApprovalContext();
@@ -36,6 +37,10 @@ const DelegateAction = (props)=>{
             EventBus.getInstance().off(action.id);
         };
     }, []);
+    const ActionView = ViewBindPlugin.getInstance().get(APPROVAL_ACTION_DELEGATE_KEY);
+    if (ActionView) return /*#__PURE__*/ jsx(ActionView, {
+        ...props
+    });
     return /*#__PURE__*/ jsx(Fragment, {
         children: /*#__PURE__*/ jsx(PopupModal, {
             title: "委派审批",

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

@@ -4,8 +4,9 @@ import { Form, TextArea, Toast } from "antd-mobile";
 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 } from "@coding-flow/flow-core";
+import { EventBus, ViewBindPlugin } from "@coding-flow/flow-core";
 import { ManualView } from "../../../../plugins/view/manual-view.js";
+import { APPROVAL_ACTION_PASS_KEY } from "../../index.js";
 const PassAction = (props)=>{
     const action = props.action;
     const { state, context } = useApprovalContext();
@@ -56,6 +57,10 @@ const PassAction = (props)=>{
             message: '请输入审批意见'
         }
     ] : [];
+    const ActionView = ViewBindPlugin.getInstance().get(APPROVAL_ACTION_PASS_KEY);
+    if (ActionView) return /*#__PURE__*/ jsx(ActionView, {
+        ...props
+    });
     return /*#__PURE__*/ jsxs(Fragment, {
         children: [
             /*#__PURE__*/ jsx(PopupModal, {

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

@@ -3,7 +3,8 @@ import react from "react";
 import { Form, TextArea, Toast } from "antd-mobile";
 import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
 import { PopupModal } from "@coding-flow/flow-mobile-ui";
-import { EventBus } from "@coding-flow/flow-core";
+import { EventBus, ViewBindPlugin } from "@coding-flow/flow-core";
+import { APPROVAL_ACTION_REJECT_KEY } from "../../index.js";
 const RejectAction = (props)=>{
     const action = props.action;
     const { state, context } = useApprovalContext();
@@ -34,6 +35,10 @@ const RejectAction = (props)=>{
             message: '请输入审批意见'
         }
     ] : [];
+    const ActionView = ViewBindPlugin.getInstance().get(APPROVAL_ACTION_REJECT_KEY);
+    if (ActionView) return /*#__PURE__*/ jsx(ActionView, {
+        ...props
+    });
     return /*#__PURE__*/ jsx(Fragment, {
         children: /*#__PURE__*/ jsx(PopupModal, {
             title: "审批拒绝",

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

@@ -4,7 +4,8 @@ import { Form, Toast } from "antd-mobile";
 import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
 import { ReturnView } from "../../../../plugins/view/return-view.js";
 import { PopupModal } from "@coding-flow/flow-mobile-ui";
-import { EventBus } from "@coding-flow/flow-core";
+import { EventBus, ViewBindPlugin } from "@coding-flow/flow-core";
+import { APPROVAL_ACTION_RETURN_KEY } from "../../index.js";
 const ReturnAction = (props)=>{
     const action = props.action;
     const { context } = useApprovalContext();
@@ -36,6 +37,10 @@ const ReturnAction = (props)=>{
             EventBus.getInstance().off(action.id);
         };
     }, []);
+    const ActionView = ViewBindPlugin.getInstance().get(APPROVAL_ACTION_RETURN_KEY);
+    if (ActionView) return /*#__PURE__*/ jsx(ActionView, {
+        ...props
+    });
     return /*#__PURE__*/ jsx(Fragment, {
         children: /*#__PURE__*/ jsx(PopupModal, {
             title: "退回审批",

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

@@ -3,10 +3,14 @@ import "react";
 import { Button, Toast } from "antd-mobile";
 import { Popconfirm } from "@coding-flow/flow-mobile-ui";
 import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { APPROVAL_ACTION_REVOKE_KEY } from "../../index.js";
+import { ViewBindPlugin } from "@coding-flow/flow-core";
 const RevokeAction = ()=>{
     const { state, context } = useApprovalContext();
     const presenter = context.getPresenter().getFlowActionPresenter();
     const revoke = state.flow?.revoke || false;
+    const ActionView = ViewBindPlugin.getInstance().get(APPROVAL_ACTION_REVOKE_KEY);
+    if (ActionView) return /*#__PURE__*/ jsx(ActionView, {});
     return /*#__PURE__*/ jsx(Fragment, {
         children: revoke && /*#__PURE__*/ jsx(Popconfirm, {
             title: "确认要撤销审批吗？",

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

@@ -2,7 +2,8 @@ import { Fragment, jsx } from "react/jsx-runtime";
 import react from "react";
 import { Toast } from "antd-mobile";
 import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
-import { EventBus } from "@coding-flow/flow-core";
+import { EventBus, ViewBindPlugin } from "@coding-flow/flow-core";
+import { APPROVAL_ACTION_SAVE_KEY } from "../../index.js";
 const SaveAction = (props)=>{
     const action = props.action;
     const { context } = useApprovalContext();
@@ -17,6 +18,8 @@ const SaveAction = (props)=>{
             EventBus.getInstance().off(action.id);
         };
     }, []);
+    const ActionView = ViewBindPlugin.getInstance().get(APPROVAL_ACTION_SAVE_KEY);
+    if (ActionView) return /*#__PURE__*/ jsx(ActionView, {});
     return /*#__PURE__*/ jsx(Fragment, {});
 };
 export { SaveAction };

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

@@ -3,8 +3,9 @@ import react from "react";
 import { Form, Toast } from "antd-mobile";
 import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
 import { TransferView } from "../../../../plugins/view/transfer-view.js";
-import { EventBus } from "@coding-flow/flow-core";
+import { EventBus, ViewBindPlugin } from "@coding-flow/flow-core";
 import { PopupModal } from "@coding-flow/flow-mobile-ui";
+import { APPROVAL_ACTION_TRANSFER_KEY } from "../../index.js";
 const TransferAction = (props)=>{
     const action = props.action;
     const { context } = useApprovalContext();
@@ -36,6 +37,8 @@ const TransferAction = (props)=>{
             }
         });
     };
+    const ActionView = ViewBindPlugin.getInstance().get(APPROVAL_ACTION_TRANSFER_KEY);
+    if (ActionView) return /*#__PURE__*/ jsx(ActionView, {});
     return /*#__PURE__*/ jsx(Fragment, {
         children: /*#__PURE__*/ jsx(PopupModal, {
             title: "转办审批",

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

@@ -3,10 +3,14 @@ import "react";
 import { Button, Toast } from "antd-mobile";
 import { Popconfirm } from "@coding-flow/flow-mobile-ui";
 import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { APPROVAL_ACTION_URGE_KEY } from "../../index.js";
+import { ViewBindPlugin } from "@coding-flow/flow-core";
 const UrgeAction = ()=>{
     const { state, context } = useApprovalContext();
     const presenter = context.getPresenter().getFlowActionPresenter();
     const urge = state.flow?.urge || false;
+    const ActionView = ViewBindPlugin.getInstance().get(APPROVAL_ACTION_URGE_KEY);
+    if (ActionView) return /*#__PURE__*/ jsx(ActionView, {});
     return /*#__PURE__*/ jsx(Fragment, {
         children: urge && /*#__PURE__*/ jsx(Popconfirm, {
             title: "确认要催办审批用户吗？",

package/dist/components/flow-approval/components/flow-approval-actions.d.ts

@@ -0,0 +1 @@
+export declare const FlowApprovalActions: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/flow-approval/components/flow-approval-actions.js

@@ -0,0 +1,76 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useState } from "react";
+import { MoreOutlined } from "@ant-design/icons";
+import { CustomStyleButton } from "./custom-style-button.js";
+import { useLayoutPresenter } from "../layout/hooks/use-layout-presenter.js";
+import { ActionSheet, Button, Space, Toast } from "antd-mobile";
+import { RevokeAction } from "./action/revoke.js";
+import { UrgeAction } from "./action/urge.js";
+import { ActionFactory } from "./action/factory.js";
+import { EventBus, ObjectUtils } from "@coding-flow/flow-core";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+const FlowApprovalActions = ()=>{
+    const { state, context } = useApprovalContext();
+    const presenter = useLayoutPresenter();
+    const [moreVisible, setMoreVisible] = useState(false);
+    const handlerAction = (id)=>{
+        if (state.flow?.mergeable) {
+            const presenter = context.getPresenter().getFlowActionPresenter();
+            const selectRecordIds = presenter.getSubmitRecordIds();
+            const currentFormData = presenter.getCurrentFormData();
+            if (ObjectUtils.isEmptyObject(currentFormData) && 0 == selectRecordIds.length) return void Toast.show('请先选择审批流程.');
+        }
+        EventBus.getInstance().emit(id);
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        style: {
+            width: '100%',
+            height: '100%',
+            display: 'flex',
+            justifyContent: 'space-around',
+            gap: '10px',
+            alignItems: 'center'
+        },
+        children: [
+            presenter.getActions().map((action, index)=>ActionFactory.getInstance().render(action)),
+            !presenter.isReview() && presenter.getFooterOptions().map((action, index)=>/*#__PURE__*/ jsx(CustomStyleButton, {
+                    onClick: ()=>{
+                        handlerAction(action.id);
+                    },
+                    display: action.display,
+                    title: action.title
+                }, index)),
+            !presenter.isReview() && presenter.hasMoreOptions() && /*#__PURE__*/ jsx(Button, {
+                onClick: ()=>setMoreVisible(true),
+                style: {
+                    width: '100%',
+                    padding: '10px',
+                    margin: '5px'
+                },
+                children: /*#__PURE__*/ jsxs(Space, {
+                    children: [
+                        /*#__PURE__*/ jsx("span", {
+                            children: "更多操作"
+                        }),
+                        /*#__PURE__*/ jsx(MoreOutlined, {})
+                    ]
+                })
+            }),
+            /*#__PURE__*/ jsx(RevokeAction, {}),
+            /*#__PURE__*/ jsx(UrgeAction, {}),
+            /*#__PURE__*/ jsx(ActionSheet, {
+                visible: moreVisible,
+                onAction: (action)=>{
+                    handlerAction(action.key);
+                },
+                cancelText: "取消",
+                actions: presenter.getMoreOptions().map((action)=>({
+                        text: action.title,
+                        key: action.id
+                    })),
+                onClose: ()=>setMoreVisible(false)
+            })
+        ]
+    });
+};
+export { FlowApprovalActions };

package/dist/components/flow-approval/components/flow-approval-content.d.ts

@@ -0,0 +1 @@
+export declare const FlowApprovalContent: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/flow-approval/components/flow-approval-content.js

@@ -0,0 +1,29 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { FormViewComponent } from "./form-view-component.js";
+import { FlowNodeHistory } from "./flow-node-history.js";
+import react from "react";
+import { Tabs } from "antd-mobile";
+const FlowApprovalContent = ()=>{
+    const flowNodeHistoryAction = react.useRef(null);
+    return /*#__PURE__*/ jsxs(Tabs, {
+        style: {
+            width: '100%'
+        },
+        onChange: (key)=>{
+            if ("history" === key) flowNodeHistoryAction.current?.refresh();
+        },
+        children: [
+            /*#__PURE__*/ jsx(Tabs.Tab, {
+                title: "流程详情",
+                children: /*#__PURE__*/ jsx(FormViewComponent, {})
+            }, "detail"),
+            /*#__PURE__*/ jsx(Tabs.Tab, {
+                title: "流程记录",
+                children: /*#__PURE__*/ jsx(FlowNodeHistory, {
+                    actionRef: flowNodeHistoryAction
+                })
+            }, "history")
+        ]
+    });
+};
+export { FlowApprovalContent };

package/dist/components/flow-approval/components/flow-approval-title.d.ts

@@ -0,0 +1 @@
+export declare const FlowApprovalTitle: () => import("react/jsx-runtime").JSX.Element;

package/dist/components/flow-approval/components/flow-approval-title.js

@@ -0,0 +1,10 @@
+import { Fragment, jsx } from "react/jsx-runtime";
+import "react";
+import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+const FlowApprovalTitle = ()=>{
+    const { state } = useApprovalContext();
+    return /*#__PURE__*/ jsx(Fragment, {
+        children: state.flow?.title || '审批详情'
+    });
+};
+export { FlowApprovalTitle };

package/dist/components/flow-approval/index.d.ts

@@ -1,4 +1,5 @@
-import React from "react";
-import { type ApprovalPanelProps } from "@coding-flow/flow-approval-presenter";
-import "./index.scss";
-export declare const ApprovalPanel: React.FC<ApprovalPanelProps>;
+export * from "./view";
+export * from "./typings/plugin-type";
+export * from "./components/action/factory";
+export * from "./components/action/type";
+export * from "./components/flow-approval-actions";

package/dist/components/flow-approval/index.js

@@ -1,25 +1,5 @@
-import { jsx } from "react/jsx-runtime";
-import react from "react";
-import { detail } from "../../api/record.js";
-import { ApprovalLayout } from "./layout/index.js";
-import { useMockContext } from "@coding-flow/flow-approval-presenter";
-import "./index.css";
-const ApprovalPanel = (props)=>{
-    const [content, dispatch] = react.useState(void 0);
-    const mockKey = useMockContext();
-    react.useEffect(()=>{
-        const id = props.recordId || props.workflowCode || '';
-        detail(id, mockKey).then((res)=>{
-            if (res.success) dispatch(res.data);
-        });
-    }, []);
-    return /*#__PURE__*/ jsx("div", {
-        children: content && /*#__PURE__*/ jsx(ApprovalLayout, {
-            content: content,
-            onClose: props.onClose,
-            initData: props.initData,
-            review: props.review
-        })
-    });
-};
-export { ApprovalPanel };
+export * from "./view.js";
+export * from "./typings/plugin-type.js";
+export * from "./components/action/factory.js";
+export * from "./components/action/type.js";
+export * from "./components/flow-approval-actions.js";

package/dist/components/flow-approval/layout/body.js

@@ -1,35 +1,17 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import react from "react";
-import { Tabs } from "antd-mobile";
-import { FormViewComponent } from "../components/form-view-component.js";
-import { FlowNodeHistory } from "../components/flow-node-history.js";
+import { jsx } from "react/jsx-runtime";
+import "react";
+import { FlowApprovalContent } from "../components/flow-approval-content.js";
+import { ViewBindPlugin } from "@coding-flow/flow-core";
+import { APPROVAL_BODY_VIEW_KEY } from "../index.js";
 const Body = (props)=>{
-    const flowNodeHistoryAction = react.useRef(null);
+    const BodyView = ViewBindPlugin.getInstance().get(APPROVAL_BODY_VIEW_KEY);
+    if (BodyView) return /*#__PURE__*/ jsx(BodyView, {});
     return /*#__PURE__*/ jsx("div", {
         style: {
             height: props.height,
             overflowY: "auto"
         },
-        children: /*#__PURE__*/ jsxs(Tabs, {
-            style: {
-                width: '100%'
-            },
-            onChange: (key)=>{
-                if ("history" === key) flowNodeHistoryAction.current?.refresh();
-            },
-            children: [
-                /*#__PURE__*/ jsx(Tabs.Tab, {
-                    title: "流程详情",
-                    children: /*#__PURE__*/ jsx(FormViewComponent, {})
-                }, "detail"),
-                /*#__PURE__*/ jsx(Tabs.Tab, {
-                    title: "流程记录",
-                    children: /*#__PURE__*/ jsx(FlowNodeHistory, {
-                        actionRef: flowNodeHistoryAction
-                    })
-                }, "history")
-            ]
-        })
+        children: /*#__PURE__*/ jsx(FlowApprovalContent, {})
     });
 };
 export { Body };

package/dist/components/flow-approval/layout/footer.js

@@ -1,84 +1,18 @@
-import { jsx, jsxs } from "react/jsx-runtime";
-import { useState } from "react";
-import { MoreOutlined } from "@ant-design/icons";
+import { jsx } from "react/jsx-runtime";
+import "react";
 import { FOOTER_HEIGHT } from "../typings/index.js";
-import { CustomStyleButton } from "../components/custom-style-button.js";
-import { useLayoutPresenter } from "./hooks/use-layout-presenter.js";
-import { ActionSheet, Button, Space, Toast } from "antd-mobile";
-import { RevokeAction } from "../components/action/revoke.js";
-import { UrgeAction } from "../components/action/urge.js";
-import { ActionFactory } from "../components/action/factory.js";
-import { EventBus, ObjectUtils } from "@coding-flow/flow-core";
-import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
+import { APPROVAL_FOOTER_VIEW_KEY, FlowApprovalActions } from "../index.js";
+import { ViewBindPlugin } from "@coding-flow/flow-core";
 const Footer = ()=>{
-    const { state, context } = useApprovalContext();
-    const presenter = useLayoutPresenter();
-    const [moreVisible, setMoreVisible] = useState(false);
-    const handlerAction = (id)=>{
-        if (state.flow?.mergeable) {
-            const presenter = context.getPresenter().getFlowActionPresenter();
-            const selectRecordIds = presenter.getSubmitRecordIds();
-            const currentFormData = presenter.getCurrentFormData();
-            if (ObjectUtils.isEmptyObject(currentFormData) && 0 == selectRecordIds.length) return void Toast.show('请先选择审批流程.');
-        }
-        EventBus.getInstance().emit(id);
-    };
+    const HeaderView = ViewBindPlugin.getInstance().get(APPROVAL_FOOTER_VIEW_KEY);
+    if (HeaderView) return /*#__PURE__*/ jsx(HeaderView, {});
     return /*#__PURE__*/ jsx("div", {
         style: {
             height: FOOTER_HEIGHT,
             width: '100%',
             borderTop: '1px solid lightgray'
         },
-        children: /*#__PURE__*/ jsxs("div", {
-            style: {
-                width: '100%',
-                height: '100%',
-                display: 'flex',
-                justifyContent: 'space-around',
-                gap: '10px',
-                alignItems: 'center'
-            },
-            children: [
-                presenter.getActions().map((action, index)=>ActionFactory.getInstance().render(action)),
-                !presenter.isReview() && presenter.getFooterOptions().map((action, index)=>/*#__PURE__*/ jsx(CustomStyleButton, {
-                        onClick: ()=>{
-                            handlerAction(action.id);
-                        },
-                        display: action.display,
-                        title: action.title
-                    }, index)),
-                !presenter.isReview() && presenter.hasMoreOptions() && /*#__PURE__*/ jsx(Button, {
-                    onClick: ()=>setMoreVisible(true),
-                    style: {
-                        width: '100%',
-                        padding: '10px',
-                        margin: '5px'
-                    },
-                    children: /*#__PURE__*/ jsxs(Space, {
-                        children: [
-                            /*#__PURE__*/ jsx("span", {
-                                children: "更多操作"
-                            }),
-                            /*#__PURE__*/ jsx(MoreOutlined, {})
-                        ]
-                    })
-                }),
-                /*#__PURE__*/ jsx(RevokeAction, {}),
-                /*#__PURE__*/ jsx(UrgeAction, {}),
-                /*#__PURE__*/ jsx(ActionSheet, {
-                    visible: moreVisible,
-                    onAction: (action)=>{
-                        handlerAction(action.key);
-                    },
-                    cancelText: "取消",
-                    actions: presenter.getMoreOptions().map((action)=>({
-                            text: action.title,
-                            key: action.id
-                        })),
-                    onClose: ()=>setMoreVisible(false)
-                })
-            ]
-        })
+        children: /*#__PURE__*/ jsx(FlowApprovalActions, {})
     });
 };
 export { Footer };

package/dist/components/flow-approval/layout/header.js

@@ -3,8 +3,13 @@ import { NavBar } from "antd-mobile";
 import "react";
 import { useApprovalContext } from "@coding-flow/flow-approval-presenter";
 import { HEADER_HEIGHT } from "../typings/index.js";
+import { FlowApprovalTitle } from "../components/flow-approval-title.js";
+import { ViewBindPlugin } from "@coding-flow/flow-core";
+import { APPROVAL_HEADER_VIEW_KEY } from "../index.js";
 const Header = ()=>{
-    const { state, context } = useApprovalContext();
+    const { context } = useApprovalContext();
+    const HeaderView = ViewBindPlugin.getInstance().get(APPROVAL_HEADER_VIEW_KEY);
+    if (HeaderView) return /*#__PURE__*/ jsx(HeaderView, {});
     return /*#__PURE__*/ jsx(NavBar, {
         style: {
             height: HEADER_HEIGHT,
@@ -14,7 +19,7 @@ const Header = ()=>{
             context.close();
         },
         right: false,
-        children: state.flow?.title || '审批详情'
+        children: /*#__PURE__*/ jsx(FlowApprovalTitle, {})
     });
 };
 export { Header };

package/dist/components/flow-approval/layout/index.js

@@ -25,6 +25,7 @@ const ApprovalLayoutScope = (props)=>{
     return /*#__PURE__*/ jsx(ApprovalContext.Provider, {
         value: context,
         children: /*#__PURE__*/ jsxs("div", {
+            className: props.className,
             style: {
                 margin: 0,
                 padding: 0

package/dist/components/flow-approval/typings/plugin-type.d.ts

@@ -0,0 +1,13 @@
+export declare const APPROVAL_HEADER_VIEW_KEY = "APPROVAL_HEADER_VIEW_KEY";
+export declare const APPROVAL_BODY_VIEW_KEY = "APPROVAL_BODY_VIEW_KEY";
+export declare const APPROVAL_FOOTER_VIEW_KEY = "APPROVAL_FOOTER_VIEW_KEY";
+export declare const APPROVAL_ACTION_ADD_AUDIT_KEY = "APPROVAL_ACTION_ADD_AUDIT_KEY";
+export declare const APPROVAL_ACTION_CUSTOM_KEY = "APPROVAL_ACTION_CUSTOM_KEY";
+export declare const APPROVAL_ACTION_DELEGATE_KEY = "APPROVAL_ACTION_DELEGATE_KEY";
+export declare const APPROVAL_ACTION_PASS_KEY = "APPROVAL_ACTION_PASS_KEY";
+export declare const APPROVAL_ACTION_REJECT_KEY = "APPROVAL_ACTION_REJECT_KEY";
+export declare const APPROVAL_ACTION_RETURN_KEY = "APPROVAL_ACTION_RETURN_KEY";
+export declare const APPROVAL_ACTION_REVOKE_KEY = "APPROVAL_ACTION_REVOKE_KEY";
+export declare const APPROVAL_ACTION_SAVE_KEY = "APPROVAL_ACTION_SAVE_KEY";
+export declare const APPROVAL_ACTION_TRANSFER_KEY = "APPROVAL_ACTION_TRANSFER_KEY";
+export declare const APPROVAL_ACTION_URGE_KEY = "APPROVAL_ACTION_URGE_KEY";

package/dist/components/flow-approval/typings/plugin-type.js

@@ -0,0 +1,14 @@
+const APPROVAL_HEADER_VIEW_KEY = 'APPROVAL_HEADER_VIEW_KEY';
+const APPROVAL_BODY_VIEW_KEY = 'APPROVAL_BODY_VIEW_KEY';
+const APPROVAL_FOOTER_VIEW_KEY = 'APPROVAL_FOOTER_VIEW_KEY';
+const APPROVAL_ACTION_ADD_AUDIT_KEY = 'APPROVAL_ACTION_ADD_AUDIT_KEY';
+const APPROVAL_ACTION_CUSTOM_KEY = 'APPROVAL_ACTION_CUSTOM_KEY';
+const APPROVAL_ACTION_DELEGATE_KEY = 'APPROVAL_ACTION_DELEGATE_KEY';
+const APPROVAL_ACTION_PASS_KEY = 'APPROVAL_ACTION_PASS_KEY';
+const APPROVAL_ACTION_REJECT_KEY = 'APPROVAL_ACTION_REJECT_KEY';
+const APPROVAL_ACTION_RETURN_KEY = 'APPROVAL_ACTION_RETURN_KEY';
+const APPROVAL_ACTION_REVOKE_KEY = 'APPROVAL_ACTION_REVOKE_KEY';
+const APPROVAL_ACTION_SAVE_KEY = 'APPROVAL_ACTION_SAVE_KEY';
+const APPROVAL_ACTION_TRANSFER_KEY = 'APPROVAL_ACTION_TRANSFER_KEY';
+const APPROVAL_ACTION_URGE_KEY = 'APPROVAL_ACTION_URGE_KEY';
+export { APPROVAL_ACTION_ADD_AUDIT_KEY, APPROVAL_ACTION_CUSTOM_KEY, APPROVAL_ACTION_DELEGATE_KEY, APPROVAL_ACTION_PASS_KEY, APPROVAL_ACTION_REJECT_KEY, APPROVAL_ACTION_RETURN_KEY, APPROVAL_ACTION_REVOKE_KEY, APPROVAL_ACTION_SAVE_KEY, APPROVAL_ACTION_TRANSFER_KEY, APPROVAL_ACTION_URGE_KEY, APPROVAL_BODY_VIEW_KEY, APPROVAL_FOOTER_VIEW_KEY, APPROVAL_HEADER_VIEW_KEY };

package/dist/components/flow-approval/view.d.ts

@@ -0,0 +1,4 @@
+import React from "react";
+import { type ApprovalPanelProps } from "@coding-flow/flow-approval-presenter";
+import "./index.scss";
+export declare const ApprovalPanel: React.FC<ApprovalPanelProps>;

package/dist/components/flow-approval/view.js

@@ -0,0 +1,25 @@
+import { jsx } from "react/jsx-runtime";
+import react from "react";
+import { detail } from "../../api/record.js";
+import { ApprovalLayout } from "./layout/index.js";
+import { useMockContext } from "@coding-flow/flow-approval-presenter";
+import "./index.css";
+const ApprovalPanel = (props)=>{
+    const [content, dispatch] = react.useState(void 0);
+    const mockKey = useMockContext();
+    react.useEffect(()=>{
+        const id = props.recordId || props.workflowCode || '';
+        detail(id, mockKey).then((res)=>{
+            if (res.success) dispatch(res.data);
+        });
+    }, []);
+    return /*#__PURE__*/ jsx("div", {
+        children: content && /*#__PURE__*/ jsx(ApprovalLayout, {
+            content: content,
+            onClose: props.onClose,
+            initData: props.initData,
+            review: props.review
+        })
+    });
+};
+export { ApprovalPanel };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@coding-flow/flow-mobile-approval",
-  "version": "0.0.12",
+  "version": "0.0.13",
   "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-types": "0.0.12",
-    "@coding-flow/flow-core": "0.0.12",
-    "@coding-flow/flow-icons": "0.0.12",
-    "@coding-flow/flow-approval-presenter": "0.0.12",
-    "@coding-flow/flow-mobile-form": "0.0.12",
-    "@coding-flow/flow-mobile-ui": "0.0.12"
+    "@coding-flow/flow-core": "0.0.13",
+    "@coding-flow/flow-icons": "0.0.13",
+    "@coding-flow/flow-approval-presenter": "0.0.13",
+    "@coding-flow/flow-mobile-ui": "0.0.13",
+    "@coding-flow/flow-types": "0.0.13",
+    "@coding-flow/flow-mobile-form": "0.0.13"
   },
   "devDependencies": {
-    "@coding-flow/flow-types": "0.0.12"
+    "@coding-flow/flow-types": "0.0.13"
   },
   "scripts": {
     "build": "rslib build",