@coding-flow/flow-approval-presenter 0.0.1

package/LICENSE

@@ -0,0 +1,201 @@
+                                 Apache License
+                           Version 2.0, January 2004
+                        http://www.apache.org/licenses/
+
+   TERMS AND CONDITIONS FOR USE, REPRODUCTION, AND DISTRIBUTION
+
+   1. Definitions.
+
+      "License" shall mean the terms and conditions for use, reproduction,
+      and distribution as defined by Sections 1 through 9 of this document.
+
+      "Licensor" shall mean the copyright owner or entity authorized by
+      the copyright owner that is granting the License.
+
+      "Legal Entity" shall mean the union of the acting entity and all
+      other entities that control, are controlled by, or are under common
+      control with that entity. For the purposes of this definition,
+      "control" means (i) the power, direct or indirect, to cause the
+      direction or management of such entity, whether by contract or
+      otherwise, or (ii) ownership of fifty percent (50%) or more of the
+      outstanding shares, or (iii) beneficial ownership of such entity.
+
+      "You" (or "Your") shall mean an individual or Legal Entity
+      exercising permissions granted by this License.
+
+      "Source" form shall mean the preferred form for making modifications,
+      including but not limited to software source code, documentation
+      source, and configuration files.
+
+      "Object" form shall mean any form resulting from mechanical
+      transformation or translation of a Source form, including but
+      not limited to compiled object code, generated documentation,
+      and conversions to other media types.
+
+      "Work" shall mean the work of authorship, whether in Source or
+      Object form, made available under the License, as indicated by a
+      copyright notice that is included in or attached to the work
+      (an example is provided in the Appendix below).
+
+      "Derivative Works" shall mean any work, whether in Source or Object
+      form, that is based on (or derived from) the Work and for which the
+      editorial revisions, annotations, elaborations, or other modifications
+      represent, as a whole, an original work of authorship. For the purposes
+      of this License, Derivative Works shall not include works that remain
+      separable from, or merely link (or bind by name) to the interfaces of,
+      the Work and Derivative Works thereof.
+
+      "Contribution" shall mean any work of authorship, including
+      the original version of the Work and any modifications or additions
+      to that Work or Derivative Works thereof, that is intentionally
+      submitted to Licensor for inclusion in the Work by the copyright owner
+      or by an individual or Legal Entity authorized to submit on behalf of
+      the copyright owner. For the purposes of this definition, "submitted"
+      means any form of electronic, verbal, or written communication sent
+      to the Licensor or its representatives, including but not limited to
+      communication on electronic mailing lists, source code control systems,
+      and issue tracking systems that are managed by, or on behalf of, the
+      Licensor for the purpose of discussing and improving the Work, but
+      excluding communication that is conspicuously marked or otherwise
+      designated in writing by the copyright owner as "Not a Contribution."
+
+      "Contributor" shall mean Licensor and any individual or Legal Entity
+      on behalf of whom a Contribution has been received by Licensor and
+      subsequently incorporated within the Work.
+
+   2. Grant of Copyright License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      copyright license to reproduce, prepare Derivative Works of,
+      publicly display, publicly perform, sublicense, and distribute the
+      Work and such Derivative Works in Source or Object form.
+
+   3. Grant of Patent License. Subject to the terms and conditions of
+      this License, each Contributor hereby grants to You a perpetual,
+      worldwide, non-exclusive, no-charge, royalty-free, irrevocable
+      (except as stated in this section) patent license to make, have made,
+      use, offer to sell, sell, import, and otherwise transfer the Work,
+      where such license applies only to those patent claims licensable
+      by such Contributor that are necessarily infringed by their
+      Contribution(s) alone or by combination of their Contribution(s)
+      with the Work to which such Contribution(s) was submitted. If You
+      institute patent litigation against any entity (including a
+      cross-claim or counterclaim in a lawsuit) alleging that the Work
+      or a Contribution incorporated within the Work constitutes direct
+      or contributory patent infringement, then any patent licenses
+      granted to You under this License for that Work shall terminate
+      as of the date such litigation is filed.
+
+   4. Redistribution. You may reproduce and distribute copies of the
+      Work or Derivative Works thereof in any medium, with or without
+      modifications, and in Source or Object form, provided that You
+      meet the following conditions:
+
+      (a) You must give any other recipients of the Work or
+          Derivative Works a copy of this License; and
+
+      (b) You must cause any modified files to carry prominent notices
+          stating that You changed the files; and
+
+      (c) You must retain, in the Source form of any Derivative Works
+          that You distribute, all copyright, patent, trademark, and
+          attribution notices from the Source form of the Work,
+          excluding those notices that do not pertain to any part of
+          the Derivative Works; and
+
+      (d) If the Work includes a "NOTICE" text file as part of its
+          distribution, then any Derivative Works that You distribute must
+          include a readable copy of the attribution notices contained
+          within such NOTICE file, excluding those notices that do not
+          pertain to any part of the Derivative Works, in at least one
+          of the following places: within a NOTICE text file distributed
+          as part of the Derivative Works; within the Source form or
+          documentation, if provided along with the Derivative Works; or,
+          within a display generated by the Derivative Works, if and
+          wherever such third-party notices normally appear. The contents
+          of the NOTICE file are for informational purposes only and
+          do not modify the License. You may add Your own attribution
+          notices within Derivative Works that You distribute, alongside
+          or as an addendum to the NOTICE text from the Work, provided
+          that such additional attribution notices cannot be construed
+          as modifying the License.
+
+      You may add Your own copyright statement to Your modifications and
+      may provide additional or different license terms and conditions
+      for use, reproduction, or distribution of Your modifications, or
+      for any such Derivative Works as a whole, provided Your use,
+      reproduction, and distribution of the Work otherwise complies with
+      the conditions stated in this License.
+
+   5. Submission of Contributions. Unless You explicitly state otherwise,
+      any Contribution intentionally submitted for inclusion in the Work
+      by You to the Licensor shall be under the terms and conditions of
+      this License, without any additional terms or conditions.
+      Notwithstanding the above, nothing herein shall supersede or modify
+      the terms of any separate license agreement you may have executed
+      with Licensor regarding such Contributions.
+
+   6. Trademarks. This License does not grant permission to use the trade
+      names, trademarks, service marks, or product names of the Licensor,
+      except as required for reasonable and customary use in describing the
+      origin of the Work and reproducing the content of the NOTICE file.
+
+   7. Disclaimer of Warranty. Unless required by applicable law or
+      agreed to in writing, Licensor provides the Work (and each
+      Contributor provides its Contributions) on an "AS IS" BASIS,
+      WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or
+      implied, including, without limitation, any warranties or conditions
+      of TITLE, NON-INFRINGEMENT, MERCHANTABILITY, or FITNESS FOR A
+      PARTICULAR PURPOSE. You are solely responsible for determining the
+      appropriateness of using or redistributing the Work and assume any
+      risks associated with Your exercise of permissions under this License.
+
+   8. Limitation of Liability. In no event and under no legal theory,
+      whether in tort (including negligence), contract, or otherwise,
+      unless required by applicable law (such as deliberate and grossly
+      negligent acts) or agreed to in writing, shall any Contributor be
+      liable to You for damages, including any direct, indirect, special,
+      incidental, or consequential damages of any character arising as a
+      result of this License or out of the use or inability to use the
+      Work (including but not limited to damages for loss of goodwill,
+      work stoppage, computer failure or malfunction, or any and all
+      other commercial damages or losses), even if such Contributor
+      has been advised of the possibility of such damages.
+
+   9. Accepting Warranty or Additional Liability. While redistributing
+      the Work or Derivative Works thereof, You may choose to offer,
+      and charge a fee for, acceptance of support, warranty, indemnity,
+      or other liability obligations and/or rights consistent with this
+      License. However, in accepting such obligations, You may act only
+      on Your own behalf and on Your sole responsibility, not on behalf
+      of any other Contributor, and only if You agree to indemnify,
+      defend, and hold each Contributor harmless for any liability
+      incurred by, or claims asserted against, such Contributor by reason
+      of your accepting any such warranty or additional liability.
+
+   END OF TERMS AND CONDITIONS
+
+   APPENDIX: How to apply the Apache License to your work.
+
+      To apply the Apache License to your work, attach the following
+      boilerplate notice, with the fields enclosed by brackets "[]"
+      replaced with your own identifying information. (Don't include
+      the brackets!)  The text should be enclosed in the appropriate
+      comment syntax for the file format. We also recommend that a
+      file or class name and description of purpose be included on the
+      same "printed page" as the copyright notice for easier
+      identification within third-party archives.
+
+   Copyright 2025-2026 copyright codingapi
+
+   Licensed under the Apache License, Version 2.0 (the "License");
+   you may not use this file except in compliance with the License.
+   You may obtain a copy of the License at
+
+       http://www.apache.org/licenses/LICENSE-2.0
+
+   Unless required by applicable law or agreed to in writing, software
+   distributed under the License is distributed on an "AS IS" BASIS,
+   WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
+   See the License for the specific language governing permissions and
+   limitations under the License.

package/README.md

@@ -0,0 +1,261 @@
+# @coding-flow/flow-pc-approval
+
+Flow Engine PC 端审批组件库，提供待办/已办/审批处理等功能。
+
+## 简介
+
+`flow-pc-approval` 是 Flow Engine PC 端的审批页面组件库，提供：
+
+- 待办列表（我的待办）
+- 已办列表（我的已办）
+- 我发起的（我的申请）
+- 审批处理（审批操作）
+- 流程详情查看
+- 审批记录展示
+
+### 依赖关系
+
+- **依赖**: `@coding-flow/flow-pc-design`, `@coding-flow/flow-pc-ui`
+
+## Setup
+
+安装依赖:
+
+```bash
+pnpm install
+```
+
+## 开发
+
+构建组件库:
+
+```bash
+pnpm run build
+```
+
+监听模式构建:
+
+```bash
+pnpm run dev
+```
+
+## 核心功能
+
+### 待办列表
+
+我的待办任务列表：
+
+- 任务筛选（按状态、类型、时间等）
+- 任务搜索
+- 批量操作
+- 分页加载
+
+```typescript
+import { TodoList } from '@coding-flow/flow-pc-approval';
+
+<TodoList
+  filters={filters}
+  onTaskClick={handleTaskClick}
+  onBatchApprove={handleBatchApprove}
+/>
+```
+
+### 已办列表
+
+我的已办任务列表：
+
+- 历史记录查询
+- 筛选和搜索
+- 查看审批详情
+
+```typescript
+import { DoneList } from '@coding-flow/flow-pc-approval';
+
+<DoneList
+  filters={filters}
+  onTaskClick={handleTaskClick}
+/>
+```
+
+### 我发起的
+
+我发起的流程列表：
+
+- 流程状态查看
+- 流程跟踪
+- 撤回/取消操作
+
+```typescript
+import { MyRequestsList } from '@coding-flow/flow-pc-approval';
+
+<MyRequestsList
+  filters={filters}
+  onFlowClick={handleFlowClick}
+  onWithdraw={handleWithdraw}
+/>
+```
+
+### 审批处理
+
+审批操作组件：
+
+- 表单展示（只读/编辑）
+- 审批意见填写
+- 审批操作（通过/拒绝/保存/转交/退回/委托）
+- 附件上传
+
+```typescript
+import { ApprovalForm } from '@coding-flow/flow-pc-approval';
+
+<ApprovalForm
+  taskId={taskId}
+  formSchema={formSchema}
+  formValues={formValues}
+  permissions={fieldPermissions}
+  onApprove={handleApprove}
+  onReject={handleReject}
+  onSave={handleSave}
+  onTransfer={handleTransfer}
+  onReturn={handleReturn}
+  onDelegate={handleDelegate}
+/>
+```
+
+### 流程详情
+
+流程详情查看：
+
+- 流程基本信息
+- 节点状态展示
+- 审批记录时间轴
+- 表单数据展示
+
+```typescript
+import { FlowDetail } from '@coding-flow/flow-pc-approval';
+
+<FlowDetail
+  workflowId={workflowId}
+  instanceId={instanceId}
+  onBack={handleBack}
+/>
+```
+
+### 审批记录
+
+审批记录展示：
+
+- 时间轴展示
+- 审批人信息
+- 审批意见
+- 审批时间
+- 操作记录
+
+```typescript
+import { ApprovalTimeline } from '@coding-flow/flow-pc-approval';
+
+<ApprovalTimeline
+  records={approvalRecords}
+  currentNodeId={currentNodeId}
+/>
+```
+
+## 模块结构
+
+```
+flow-pc-approval/
+├── src/
+│   ├── todo/           # 待办列表
+│   ├── done/           # 已办列表
+│   ├── my-requests/    # 我发起的
+│   ├── approval-form/  # 审批表单
+│   ├── flow-detail/    # 流程详情
+│   ├── timeline/       # 审批记录时间轴
+│   ├── components/     # 公共组件
+│   └── index.ts        # 统一导出
+└── README.md
+```
+
+## 使用示例
+
+### 待办页面
+
+```typescript
+import { TodoList, ApprovalModal } from '@coding-flow/flow-pc-approval';
+
+const TodoPage = () => {
+  const [selectedTask, setSelectedTask] = useState(null);
+  const [showApprovalModal, setShowApprovalModal] = useState(false);
+
+  const handleTaskClick = async (task) => {
+    setSelectedTask(task);
+    setShowApprovalModal(true);
+  };
+
+  return (
+    <>
+      <TodoList
+        filters={filters}
+        onTaskClick={handleTaskClick}
+      />
+      {showApprovalModal && (
+        <ApprovalModal
+          taskId={selectedTask.id}
+          onClose={() => setShowApprovalModal(false)}
+          onApproved={handleRefresh}
+        />
+      )}
+    </>
+  );
+};
+```
+
+### 审批操作
+
+```typescript
+import { ApprovalForm } from '@coding-flow/flow-pc-approval';
+
+const MyApprovalForm = () => {
+  const handleSubmit = async (action, opinion) => {
+    await approvalApi.submit({
+      taskId,
+      action,
+      opinion,
+      formData
+    });
+  };
+
+  return (
+    <ApprovalForm
+      taskId={taskId}
+      formSchema={formSchema}
+      formValues={formValues}
+      permissions={permissions}
+      onApprove={(opinion) => handleSubmit('PASS', opinion)}
+      onReject={(opinion) => handleSubmit('REJECT', opinion)}
+      onSave={(data) => handleSubmit('SAVE', data)}
+      onTransfer={(userId) => handleSubmit('TRANSFER', { userId })}
+      onReturn={(nodeId) => handleSubmit('RETURN', { nodeId })}
+      onDelegate={(userId) => handleSubmit('DELEGATE', { userId })}
+    />
+  );
+};
+```
+
+## 审批动作
+
+支持以下审批动作：
+
+- `PASS` - 通过
+- `REJECT` - 拒绝
+- `SAVE` - 保存
+- `ADD_AUDIT` - 加签
+- `DELEGATE` - 委托
+- `RETURN` - 退回
+- `TRANSFER` - 转交
+- `CUSTOM` - 自定义动作
+
+## Learn more
+
+- [Rslib documentation](https://lib.rsbuild.io/) - Rslib 特性和 API
+- [Flow Engine Docs](https://github.com/codingapi/flow-engine) - 完整文档
+- [CLAUDE.md](../../../CLAUDE.md) - 开发指南

package/dist/api/index.d.ts

@@ -0,0 +1,2 @@
+import { HttpClient } from "@coding-flow/flow-core";
+export declare const httpClient: HttpClient;

package/dist/api/index.js

@@ -0,0 +1,12 @@
+import { HttpClient } from "@coding-flow/flow-core";
+import { message } from "antd";
+const httpClient = new HttpClient(10000, {
+    success: (msg)=>{
+        message.success(msg);
+    },
+    error: (msg)=>{
+        console.log(msg);
+        message.error(msg);
+    }
+});
+export { httpClient };

package/dist/api/record.d.ts

@@ -0,0 +1,10 @@
+export declare const detail: (id: string, mockKey?: string) => Promise<import("@coding-flow/flow-core").Response>;
+export declare const processNodes: (body: any, mockKey?: string) => Promise<import("@coding-flow/flow-core").Response>;
+export declare const create: (body: any, mockKey?: string) => Promise<import("@coding-flow/flow-core").Response>;
+export declare const action: (body: any, mockKey?: string) => Promise<import("@coding-flow/flow-core").Response>;
+export declare const revoke: (id: any, mockKey?: string) => Promise<import("@coding-flow/flow-core").Response>;
+export declare const urge: (id: any, mockKey?: string) => Promise<import("@coding-flow/flow-core").Response>;
+export declare const list: (request: any, mockKey?: string) => Promise<import("@coding-flow/flow-core").Response>;
+export declare const todo: (request: any, mockKey?: string) => Promise<import("@coding-flow/flow-core").Response>;
+export declare const done: (request: any, mockKey?: string) => Promise<import("@coding-flow/flow-core").Response>;
+export declare const notify: (request: any, mockKey?: string) => Promise<import("@coding-flow/flow-core").Response>;

package/dist/api/record.js

@@ -0,0 +1,48 @@
+import { httpClient } from "./index.js";
+const detail = (id, mockKey)=>{
+    const key = mockKey ? mockKey : '';
+    return httpClient.get('/api/cmd/record/detail?mockKey=' + key, {
+        id
+    });
+};
+const processNodes = (body, mockKey)=>{
+    const key = mockKey ? mockKey : '';
+    return httpClient.post('/api/cmd/record/processNodes?mockKey=' + key, body);
+};
+const create = (body, mockKey)=>{
+    const key = mockKey ? mockKey : '';
+    return httpClient.post('/api/cmd/record/create?mockKey=' + key, body);
+};
+const action = (body, mockKey)=>{
+    const key = mockKey ? mockKey : '';
+    return httpClient.post('/api/cmd/record/action?mockKey=' + key, body);
+};
+const revoke = (id, mockKey)=>{
+    const key = mockKey ? mockKey : '';
+    return httpClient.post('/api/cmd/record/revoke?mockKey=' + key, {
+        id
+    });
+};
+const urge = (id, mockKey)=>{
+    const key = mockKey ? mockKey : '';
+    return httpClient.post('/api/cmd/record/urge?mockKey=' + key, {
+        id
+    });
+};
+const list = (request, mockKey)=>{
+    const key = mockKey ? mockKey : '';
+    return httpClient.page('/api/query/record/list?mockKey=' + key, request, {}, {}, []);
+};
+const todo = (request, mockKey)=>{
+    const key = mockKey ? mockKey : '';
+    return httpClient.page('/api/query/record/todo?mockKey=' + key, request, {}, {}, []);
+};
+const done = (request, mockKey)=>{
+    const key = mockKey ? mockKey : '';
+    return httpClient.page('/api/query/record/done?mockKey=' + key, request, {}, {}, []);
+};
+const notify = (request, mockKey)=>{
+    const key = mockKey ? mockKey : '';
+    return httpClient.page('/api/query/record/notify?mockKey=' + key, request, {}, {}, []);
+};
+export { action, create, detail, done, list, notify, processNodes, revoke, todo, urge };

package/dist/api/workflow.d.ts

@@ -0,0 +1,3 @@
+export declare const mock: () => Promise<import("@coding-flow/flow-core").Response>;
+export declare const cleanMock: (id: string) => Promise<import("@coding-flow/flow-core").Response>;
+export declare const options: () => Promise<import("@coding-flow/flow-core").Response>;

package/dist/api/workflow.js

@@ -0,0 +1,7 @@
+import { httpClient } from "./index.js";
+const mock = ()=>httpClient.post('/api/cmd/workflow/mock', {});
+const cleanMock = (id)=>httpClient.post('/api/cmd/workflow/cleanMock', {
+        id
+    });
+const options = ()=>httpClient.get('/api/query/workflow/options');
+export { cleanMock, mock, options };

package/dist/context/approval.d.ts

@@ -0,0 +1,13 @@
+import React from "react";
+import { ApprovalLayoutProps, ApprovalState } from "../typings";
+import { ApprovalPresenter } from "../presenters";
+export declare class ApprovalContextScope {
+    private readonly presenter;
+    private readonly props;
+    constructor(presenter: ApprovalPresenter, props: ApprovalLayoutProps);
+    syncState(state: ApprovalState): void;
+    getPresenter(): ApprovalPresenter;
+    close(): void;
+    initialState(): void;
+}
+export declare const ApprovalContext: React.Context<ApprovalContextScope | undefined>;

package/dist/context/approval.js

@@ -0,0 +1,26 @@
+import react from "react";
+class ApprovalContextScope {
+    presenter;
+    props;
+    constructor(presenter, props){
+        this.presenter = presenter;
+        this.props = props;
+    }
+    syncState(state) {
+        this.presenter.syncState(state);
+    }
+    getPresenter() {
+        return this.presenter;
+    }
+    close() {
+        this.props.onClose?.();
+    }
+    initialState() {
+        this.presenter.initialState({
+            flow: this.props.content,
+            review: this.props.review
+        });
+    }
+}
+const ApprovalContext = /*#__PURE__*/ react.createContext(void 0);
+export { ApprovalContext, ApprovalContextScope };

package/dist/context/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./approval";
+export * from "./mock";

package/dist/context/index.js

@@ -0,0 +1,2 @@
+export * from "./approval.js";
+export * from "./mock.js";

package/dist/context/mock.d.ts

@@ -0,0 +1,2 @@
+import React from "react";
+export declare const FlowMockContext: React.Context<string>;

package/dist/context/mock.js

@@ -0,0 +1,3 @@
+import react from "react";
+const FlowMockContext = /*#__PURE__*/ react.createContext('');
+export { FlowMockContext };

package/dist/hooks/index.d.ts

@@ -0,0 +1,2 @@
+export * from "./use-approval-context";
+export * from "./use-mock-context";

package/dist/hooks/index.js

@@ -0,0 +1,2 @@
+export * from "./use-approval-context.js";
+export * from "./use-mock-context.js";

package/dist/hooks/use-approval-context.d.ts

@@ -0,0 +1,10 @@
+import { ApprovalContextScope } from "../context";
+import { ApprovalLayoutProps } from "../typings";
+export declare const useApprovalContext: () => {
+    state: import("../typings").ApprovalState;
+    context: ApprovalContextScope;
+};
+export declare const createApprovalContext: (props: ApprovalLayoutProps) => {
+    state: import("../typings").ApprovalState;
+    context: ApprovalContextScope;
+};

package/dist/hooks/use-approval-context.js

@@ -0,0 +1,40 @@
+import react from "react";
+import { useDispatch, useSelector } from "react-redux";
+import { ApprovalContext, ApprovalContextScope } from "../context/index.js";
+import { updateState } from "../store/index.js";
+import { ApprovalPresenter } from "../presenters/index.js";
+import { FlowApprovalApiImpl } from "../model/index.js";
+import { useMockContext } from "./use-mock-context.js";
+const useApprovalContext = ()=>{
+    const context = react.useContext(ApprovalContext);
+    const state = useSelector((state)=>state.approval);
+    if (!context) throw new Error("ApprovalContext must be used within useContext");
+    return {
+        state,
+        context
+    };
+};
+const createApprovalContext = (props)=>{
+    const ref = react.useRef(void 0);
+    const dispatch = useDispatch();
+    const state = useSelector((state)=>state.approval);
+    const mockKey = useMockContext();
+    if (!ref.current) {
+        const presenter = new ApprovalPresenter(state, (prevState)=>{
+            dispatch(updateState(prevState));
+            return prevState;
+        }, new FlowApprovalApiImpl(), mockKey);
+        ref.current = new ApprovalContextScope(presenter, props);
+        ref.current.initialState();
+    }
+    react.useEffect(()=>{
+        if (state.flow) ref.current?.syncState(state);
+    }, [
+        state
+    ]);
+    return {
+        state,
+        context: ref.current
+    };
+};
+export { createApprovalContext, useApprovalContext };

package/dist/hooks/use-mock-context.d.ts

@@ -0,0 +1 @@
+export declare const useMockContext: () => string;

package/dist/hooks/use-mock-context.js

@@ -0,0 +1,4 @@
+import react from "react";
+import { FlowMockContext } from "../context/index.js";
+const useMockContext = ()=>react.useContext(FlowMockContext);
+export { useMockContext };

package/dist/index.d.ts

@@ -0,0 +1,5 @@
+export * from './context';
+export * from './plugins';
+export * from './typings';
+export * from './store';
+export * from './hooks';

package/dist/index.js

@@ -0,0 +1,5 @@
+export * from "./context/index.js";
+export * from "./plugins/index.js";
+export * from "./typings/index.js";
+export * from "./store/index.js";
+export * from "./hooks/index.js";

package/dist/model/index.d.ts

@@ -0,0 +1,8 @@
+import { FlowApprovalApi } from "../typings";
+export declare class FlowApprovalApiImpl implements FlowApprovalApi {
+    create: (body: Record<string, any>, mockKey: string) => Promise<any>;
+    action: (body: Record<string, any>, mockKey: string) => Promise<import("@coding-flow/flow-core").Response>;
+    processNodes: (body: Record<string, any>, mockKey: string) => Promise<any>;
+    revoke: (id: any, mockKey: string) => Promise<import("@coding-flow/flow-core").Response>;
+    urge: (id: any, mockKey: string) => Promise<import("@coding-flow/flow-core").Response>;
+}

package/dist/model/index.js

@@ -0,0 +1,16 @@
+import { action, create, processNodes, revoke, urge } from "../api/record.js";
+class FlowApprovalApiImpl {
+    create = async (body, mockKey)=>{
+        const response = await create(body, mockKey);
+        if (response.success) return response.data;
+    };
+    action = async (body, mockKey)=>await action(body, mockKey);
+    processNodes = async (body, mockKey)=>{
+        const response = await processNodes(body, mockKey);
+        if (response.success) return response.data.list;
+        return [];
+    };
+    revoke = async (id, mockKey)=>await revoke(id, mockKey);
+    urge = async (id, mockKey)=>await urge(id, mockKey);
+}
+export { FlowApprovalApiImpl };

package/dist/plugins/add-audit-type.d.ts

@@ -0,0 +1,7 @@
+export declare const VIEW_KEY = "AddAuditViewPlugin";
+export interface AddAuditViewPlugin {
+    /** 返回用户 */
+    onChange?: (value: string | string[]) => void;
+    /** 当前用户 */
+    value?: string | string[];
+}

package/dist/plugins/add-audit-type.js

@@ -0,0 +1,2 @@
+const VIEW_KEY = 'AddAuditViewPlugin';
+export { VIEW_KEY };

package/dist/plugins/delegate-type.d.ts

@@ -0,0 +1,7 @@
+export declare const VIEW_KEY = "DelegateViewPlugin";
+export interface DelegateViewPlugin {
+    /** 返回用户 */
+    onChange?: (value: string | string[]) => void;
+    /** 当前用户 */
+    value?: string | string[];
+}

package/dist/plugins/delegate-type.js

@@ -0,0 +1,2 @@
+const VIEW_KEY = 'DelegateViewPlugin';
+export { VIEW_KEY };

package/dist/plugins/index.d.ts

@@ -0,0 +1,5 @@
+export { type AddAuditViewPlugin, VIEW_KEY as AddAuditViewPluginKey } from "./add-audit-type";
+export { type DelegateViewPlugin, VIEW_KEY as DelegateViewPluginKey } from "./delegate-type";
+export { type ReturnViewPlugin, VIEW_KEY as ReturnViewPluginKey } from "./return-type";
+export { type SignKeyViewPlugin, VIEW_KEY as SignKeyViewPluginKey } from "./sign-key-type";
+export { type TransferViewPlugin, VIEW_KEY as TransferViewPluginKey } from "./transfer-type";

package/dist/plugins/index.js

@@ -0,0 +1,6 @@
+import { VIEW_KEY } from "./add-audit-type.js";
+import { VIEW_KEY as external_delegate_type_js_VIEW_KEY } from "./delegate-type.js";
+import { VIEW_KEY as external_return_type_js_VIEW_KEY } from "./return-type.js";
+import { VIEW_KEY as external_sign_key_type_js_VIEW_KEY } from "./sign-key-type.js";
+import { VIEW_KEY as external_transfer_type_js_VIEW_KEY } from "./transfer-type.js";
+export { VIEW_KEY as AddAuditViewPluginKey, external_delegate_type_js_VIEW_KEY as DelegateViewPluginKey, external_return_type_js_VIEW_KEY as ReturnViewPluginKey, external_sign_key_type_js_VIEW_KEY as SignKeyViewPluginKey, external_transfer_type_js_VIEW_KEY as TransferViewPluginKey };

package/dist/plugins/return-type.d.ts

@@ -0,0 +1,7 @@
+export declare const VIEW_KEY = "ReturnViewPlugin";
+export interface ReturnViewPlugin {
+    /** 返回用户 */
+    onChange?: (value: string | string[]) => void;
+    /** 当前用户 */
+    value?: string | string[];
+}

package/dist/plugins/return-type.js

@@ -0,0 +1,2 @@
+const VIEW_KEY = 'ReturnViewPlugin';
+export { VIEW_KEY };

package/dist/plugins/sign-key-type.d.ts

@@ -0,0 +1,10 @@
+import { FlowOperator } from "@coding-flow/flow-types";
+export declare const VIEW_KEY = "SignKeyViewPlugin";
+export interface SignKeyViewPlugin {
+    /** 当前用户 */
+    current: FlowOperator;
+    /** 返回签名 */
+    onChange?: (value: string) => void;
+    /** 当前签名 */
+    value?: string;
+}

package/dist/plugins/sign-key-type.js

@@ -0,0 +1,2 @@
+const VIEW_KEY = 'SignKeyViewPlugin';
+export { VIEW_KEY };

package/dist/plugins/transfer-type.d.ts

@@ -0,0 +1,7 @@
+export declare const VIEW_KEY = "TransferViewPlugin";
+export interface TransferViewPlugin {
+    /** 返回用户 */
+    onChange?: (value: string | string[]) => void;
+    /** 当前用户 */
+    value?: string | string[];
+}

package/dist/plugins/transfer-type.js

@@ -0,0 +1,2 @@
+const VIEW_KEY = 'TransferViewPlugin';
+export { VIEW_KEY };

package/dist/presenters/action.d.ts

@@ -0,0 +1,28 @@
+import { ApprovalState, FlowApprovalApi } from "../typings";
+import { FormActionContext } from "@coding-flow/flow-types";
+export declare class FlowActionPresenter {
+    private readonly api;
+    private readonly formActionContext;
+    private state;
+    private readonly mockKey;
+    private submitRecordIds;
+    constructor(state: ApprovalState, api: FlowApprovalApi, formActionContext: FormActionContext, mockKey: string);
+    setSubmitRecordIds(submitRecordIds: number[]): void;
+    private clearSubmitRecordIds;
+    getSubmitRecordIds(): number[];
+    syncState(state: ApprovalState): void;
+    processNodes(): Promise<import("@coding-flow/flow-types").ProcessNode[]>;
+    /**
+     * 是否通过操作
+     * @param actionId
+     * @private
+     */
+    private isPassAction;
+    private submitAction;
+    getCurrentFormData(): {};
+    private executeAction;
+    private getFormDataByRecordId;
+    revoke(): Promise<any>;
+    urge(): Promise<any>;
+    action(actionId: string, params?: any): Promise<any>;
+}

package/dist/presenters/action.js

@@ -0,0 +1,126 @@
+import { GroovyScriptConvertorUtil } from "@coding-flow/flow-core";
+class FlowActionPresenter {
+    api;
+    formActionContext;
+    state;
+    mockKey;
+    submitRecordIds;
+    constructor(state, api, formActionContext, mockKey){
+        this.state = state;
+        this.api = api;
+        this.formActionContext = formActionContext;
+        this.submitRecordIds = [];
+        this.mockKey = mockKey;
+    }
+    setSubmitRecordIds(submitRecordIds) {
+        this.submitRecordIds = [];
+        this.submitRecordIds = submitRecordIds;
+    }
+    clearSubmitRecordIds() {
+        this.submitRecordIds = [];
+    }
+    getSubmitRecordIds() {
+        return this.submitRecordIds;
+    }
+    syncState(state) {
+        this.state = state;
+    }
+    async processNodes() {
+        const formData = this.formActionContext.save();
+        const recordId = formData.recordId || this.state.flow?.recordId;
+        if (formData.recordId) delete formData.recordId;
+        const id = recordId || this.state.flow?.workId || '';
+        return await this.api.processNodes({
+            id,
+            formData
+        }, this.mockKey);
+    }
+    isPassAction(actionId) {
+        const actions = this.state.flow?.actions || [];
+        for (const action of actions)if (action.id === actionId) {
+            if ('PASS' === action.type) return true;
+            if ('CUSTOM' === action.type) {
+                const script = action.script || '';
+                const returnData = GroovyScriptConvertorUtil.getReturnScript(script);
+                if (returnData.includes('PASS')) return true;
+            }
+        }
+        return false;
+    }
+    async submitAction(actionId, formData, params) {
+        const recordId = formData.recordId || this.state.flow?.recordId;
+        const workId = this.state.flow?.workId;
+        if (formData.recordId) delete formData.recordId;
+        if (recordId) {
+            const request = {
+                formData,
+                recordId,
+                advice: {
+                    actionId,
+                    ...params
+                }
+            };
+            return await this.api.action(request, this.mockKey);
+        }
+        {
+            const createRequest = {
+                workId,
+                formData,
+                actionId
+            };
+            const recordId = await this.api.create(createRequest, this.mockKey);
+            const actionRequest = {
+                formData,
+                recordId,
+                advice: {
+                    actionId,
+                    ...params
+                }
+            };
+            return await this.api.action(actionRequest, this.mockKey);
+        }
+    }
+    getCurrentFormData() {
+        return this.formActionContext.save();
+    }
+    async executeAction(actionId, params) {
+        let formData;
+        formData = this.isPassAction(actionId) ? await this.formActionContext.validate() : this.formActionContext.save();
+        return await this.submitAction(actionId, formData, params);
+    }
+    getFormDataByRecordId(recordId) {
+        const todoList = this.state.flow?.todos || [];
+        for (const item of todoList)if (item.recordId === recordId) return {
+            ...item.data,
+            recordId
+        };
+        return null;
+    }
+    async revoke() {
+        const recordId = this.state.flow?.recordId;
+        if (recordId) return await this.api.revoke(recordId, this.mockKey);
+    }
+    async urge() {
+        const recordId = this.state.flow?.recordId;
+        if (recordId) return await this.api.urge(recordId, this.mockKey);
+    }
+    async action(actionId, params) {
+        const mergeable = this.state.flow?.mergeable || false;
+        const submitRecordIds = this.submitRecordIds;
+        if (!mergeable || !(submitRecordIds.length > 0)) return await this.executeAction(actionId, params);
+        {
+            const submitRecordIds = this.submitRecordIds;
+            for (const recordId of submitRecordIds){
+                const formData = this.getFormDataByRecordId(recordId);
+                await this.submitAction(actionId, formData, params);
+            }
+            this.clearSubmitRecordIds();
+            return new Promise((resolve)=>{
+                resolve({
+                    success: true
+                });
+            });
+        }
+    }
+}
+export { FlowActionPresenter };

package/dist/presenters/index.d.ts

@@ -0,0 +1,18 @@
+import { FlowApprovalApi, ApprovalState } from "../typings";
+import { Dispatch } from "@coding-flow/flow-core";
+import { FormActionContext } from "@coding-flow/flow-types";
+import { FlowActionPresenter } from "./action";
+export declare class ApprovalPresenter {
+    private state;
+    private readonly mockKey;
+    private readonly dispatch;
+    private readonly api;
+    private readonly formActionContext;
+    private readonly flowActionPresenter;
+    constructor(state: ApprovalState, dispatch: Dispatch<ApprovalState>, api: FlowApprovalApi, mockKey: string);
+    syncState(state: ApprovalState): void;
+    getFormActionContext(): FormActionContext;
+    getFlowActionPresenter(): FlowActionPresenter;
+    initialState(state: ApprovalState): void;
+    processNodes(): Promise<import("@coding-flow/flow-types").ProcessNode[]>;
+}

package/dist/presenters/index.js

@@ -0,0 +1,35 @@
+import { FormActionContext } from "@coding-flow/flow-types";
+import { FlowActionPresenter } from "./action.js";
+class ApprovalPresenter {
+    state;
+    mockKey;
+    dispatch;
+    api;
+    formActionContext;
+    flowActionPresenter;
+    constructor(state, dispatch, api, mockKey){
+        this.state = state;
+        this.dispatch = dispatch;
+        this.api = api;
+        this.formActionContext = new FormActionContext();
+        this.mockKey = mockKey;
+        this.flowActionPresenter = new FlowActionPresenter(state, api, this.formActionContext, mockKey);
+    }
+    syncState(state) {
+        this.state = state;
+        this.flowActionPresenter.syncState(state);
+    }
+    getFormActionContext() {
+        return this.formActionContext;
+    }
+    getFlowActionPresenter() {
+        return this.flowActionPresenter;
+    }
+    initialState(state) {
+        this.dispatch(state);
+    }
+    processNodes() {
+        return this.flowActionPresenter.processNodes();
+    }
+}
+export { ApprovalPresenter };

package/dist/store/index.d.ts

@@ -0,0 +1,15 @@
+import { PayloadAction } from '@reduxjs/toolkit';
+import { ApprovalState } from "../typings";
+export type ApprovalStoreAction = {
+    updateState: (state: ApprovalState, action: PayloadAction<Partial<ApprovalState> | ((prev: ApprovalState) => Partial<ApprovalState>)>) => void;
+};
+export declare const approvalSlice: import("@reduxjs/toolkit").Slice<ApprovalState, ApprovalStoreAction, "approval", "approval", {}>;
+export declare const updateState: import("@reduxjs/toolkit").ActionCreatorWithPayload<Partial<ApprovalState> | ((prev: ApprovalState) => Partial<ApprovalState>), "approval/updateState">;
+export declare const approvalStore: import("@reduxjs/toolkit").EnhancedStore<{
+    approval: ApprovalState;
+}, import("redux").UnknownAction, import("@reduxjs/toolkit").Tuple<[import("redux").StoreEnhancer<{
+    dispatch: import("redux-thunk").ThunkDispatch<{
+        approval: ApprovalState;
+    }, undefined, import("redux").UnknownAction>;
+}>, import("redux").StoreEnhancer]>>;
+export type ApprovalReduxState = ReturnType<typeof approvalStore.getState>;

package/dist/store/index.js

@@ -0,0 +1,24 @@
+import { configureStore, createSlice } from "@reduxjs/toolkit";
+import { initStateData } from "../typings/index.js";
+import { original } from "immer";
+const approvalSlice = createSlice({
+    name: 'approval',
+    initialState: {
+        ...initStateData
+    },
+    reducers: {
+        updateState: (state, action)=>{
+            if ('function' == typeof action.payload) {
+                const currentState = original(state);
+                Object.assign(state, action.payload(currentState));
+            } else Object.assign(state, action.payload);
+        }
+    }
+});
+const { updateState } = approvalSlice.actions;
+const approvalStore = configureStore({
+    reducer: {
+        approval: approvalSlice.reducer
+    }
+});
+export { approvalSlice, approvalStore, updateState };

package/dist/typings/index.d.ts

@@ -0,0 +1,21 @@
+import { FlowContent, ProcessNode } from "@coding-flow/flow-types";
+/**
+ * 流程审批布局组件属性
+ */
+export interface ApprovalLayoutProps {
+    content: FlowContent;
+    review?: boolean;
+    onClose?: () => void;
+}
+export type ApprovalState = {
+    flow?: FlowContent;
+    review?: boolean;
+};
+export declare const initStateData: {};
+export interface FlowApprovalApi {
+    create(body: Record<string, any>, mockKey: string): Promise<number>;
+    processNodes(body: Record<string, any>, mockKey: string): Promise<ProcessNode[]>;
+    action(body: Record<string, any>, mockKey: string): Promise<any>;
+    revoke(id: any, mockKey: string): Promise<any>;
+    urge(id: any, mockKey: string): Promise<any>;
+}

package/dist/typings/index.js

@@ -0,0 +1,2 @@
+const initStateData = {};
+export { initStateData };

package/package.json

@@ -0,0 +1,51 @@
+{
+  "name": "@coding-flow/flow-approval-presenter",
+  "version": "0.0.1",
+  "description": "flow-engine approval presenter framework ",
+  "type": "module",
+  "keywords": [
+    "coding-flow",
+    "flow-engine"
+  ],
+  "homepage": "https://github.com/codingapi/flow-frontend",
+  "bugs": {
+    "url": "https://github.com/codingapi/flow-frontend/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "https://github.com/codingapi/flow-frontend.git"
+  },
+  "license": "Apache-2.0",
+  "author": "1024lorne@gmail.com",
+  "exports": {
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js"
+    }
+  },
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "peerDependencies": {
+    "react": ">=18",
+    "react-dom": ">=18"
+  },
+  "dependencies": {
+    "@reduxjs/toolkit": "^2.11.2",
+    "dayjs": "^1.11.19",
+    "immer": "^11.1.3",
+    "react-redux": "^9.2.0",
+    "@coding-flow/flow-core": "0.0.1",
+    "@coding-flow/flow-types": "0.0.1"
+  },
+  "devDependencies": {
+    "@coding-flow/flow-types": "0.0.1"
+  },
+  "scripts": {
+    "build": "rslib build",
+    "dev": "rslib build --watch",
+    "test": "rstest",
+    "push": "pnpm run build && pnpm publish --access public"
+  }
+}