@cloudbase/weda-ui 3.5.0 → 3.5.2

package/dist/web/components/flow/modules/operations/config/index.d.ts

@@ -0,0 +1,2 @@
+export * from './control-config';
+export * from './types';

package/dist/web/components/flow/modules/operations/config/index.js

@@ -1,2 +1,3 @@
+/* eslint-disable rulesdir/no-export-all */
 export * from './control-config';
 export * from './types';

package/dist/web/components/flow/modules/operations/config/types.d.ts

@@ -0,0 +1,69 @@
+import { ButtonProps } from 'tea-component';
+import { IFlowModulesProps } from '../../../common';
+import { FLOW_CONTROL_ACTION_KEY } from './control-config';
+import { IFlowApprovalFormInfo } from '../controls-items/approval-drawer/drawer-form';
+/**
+ * 流程操作配置属性
+ */
+export interface IFlowControlConfigItem {
+    /** 操作唯一标识 */
+    actionKey: IFlowControlConfigKey;
+    /** 对应的操作组件 */
+    component: string;
+    /** 操作组件可见性 */
+    visible: boolean;
+    /** 组件属性 */
+    props?: IFlowControlItemProps;
+    /** 是否显示分割线 */
+    hideDivider?: boolean;
+}
+/** 流程控制组件属性 */
+export interface IFlowControlItemProps {
+    /** 组件Dom Id */
+    id?: string;
+    /** 操作显示名称 */
+    label?: string;
+    /** 服务端所需的动作类型 */
+    buttonAction?: number;
+    /** 动作触发按钮属性 */
+    buttonProps?: ButtonProps;
+    /** 动作触发按钮图标 */
+    buttonIcon?: string;
+    /** 完成流程操作后事件 */
+    afterAction?: IFlowAfterAction;
+    /** 流程模块组件通用属性 */
+    flowModulesProps?: IFlowModulesProps;
+    /** 审批类型（同意、拒绝、处理、转办）标题属性 */
+    approvalFormInfo?: IFlowApprovalFormInfo;
+}
+/**
+ * 流程操作后事件类型
+ * - afterSavedDraft: 保存草稿后
+ * - afterSubmit: 提交后
+ * - afterCancelSubmit: 取消提交后
+ * - afterHandle: 处理后
+ * - afterAgree: 同意后
+ * - afterReject: 拒绝后
+ * - afterTransfer: 转办后
+ * - afterGoBack: 回退后
+ * - afterAddAssignee: 加签后
+ * - afterRevoke: 撤销后
+ * - afterSelectNextApprover: 选择完下一节点审批人后
+ */
+export type IFlowAfterAction = 'afterSavedDraft' | 'afterSubmit' | 'afterCancelSubmit' | 'afterHandle' | 'afterAgree' | 'afterReject' | 'afterTransfer' | 'afterGoBack' | 'afterAddAssignee' | 'afterRevoke' | 'afterSelectNextApprover';
+/**
+ * 流程操作类型
+ * - agree: 同意
+ * - reject: 拒绝
+ * - handle: 处理
+ * - turn_to_person: 转办
+ * - roll_back: 回退
+ * - add_assignee: 加签
+ * - revoke: 撤销
+ * - submit: 提交
+ * - cc: 抄送
+ * - save_draft: 保存草稿
+ * - cancel_submit: 取消提交
+ * - next_approver: 选择下一节点审批人
+ */
+export type IFlowControlConfigKey = typeof FLOW_CONTROL_ACTION_KEY[keyof typeof FLOW_CONTROL_ACTION_KEY];

package/dist/web/components/flow/modules/operations/control.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IWedaPlatformProps } from '../../common';
+import './style.css';
+/** 流程控制组件 */
+export declare const ModelFlowControl: (props: IWedaPlatformProps) => JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/add-assignee-btn.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from './types';
+/**
+ * 提交申请抄送按钮
+ */
+export declare function AddAssigneeBtn(props: IFlowControlItemProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/apply-cc-btn.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from './types';
+/**
+ * 提交申请抄送按钮
+ */
+export declare function ApplyCcBtn(props: IFlowControlItemProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/comment/index.d.ts

@@ -0,0 +1,17 @@
+import React from 'react';
+import './style.css';
+interface IFlowCommentProps {
+    placeholder?: string;
+    isH5?: boolean;
+    defaultValue?: IFlowCommentValue;
+    onChange?: (value: IFlowCommentValue) => void;
+    bordered?: boolean;
+    atButtonStyle?: React.CSSProperties;
+}
+export interface IFlowCommentValue {
+    operationComment?: string;
+    opinionUserMap?: Record<string, string> | null;
+    highlightPositionList?: string | '';
+}
+export declare function FlowComment(props: IFlowCommentProps): JSX.Element;
+export {};

package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/drawer-form/index.d.ts

@@ -0,0 +1,8 @@
+/// <reference types="react" />
+import { IFlowApprovalFormDrawerProps } from './types';
+export * from './types';
+/** 抽屉表单 */
+export declare const DrawerForm: {
+    (props: IFlowApprovalFormDrawerProps): JSX.Element;
+    displayName: string;
+};

package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/drawer-form/index.js

@@ -8,6 +8,7 @@ const FormComponents = {
     FlowComment,
     FlowUserSelect,
 };
+// eslint-disable-next-line rulesdir/no-export-all
 export * from './types';
 /** 抽屉表单 */
 export const DrawerForm = (props) => {

package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/drawer-form/types.d.ts

@@ -0,0 +1,47 @@
+/** 审批表单抽屉属性 */
+export interface IFlowApprovalFormDrawerProps {
+    isH5?: boolean;
+    formInfo: IFlowApprovalFormInfo;
+    submit: (values: unknown) => void;
+    submitLoading: boolean;
+    visible: boolean;
+    onClose: () => void;
+}
+/** 审批表单属性 */
+export interface IFlowApprovalFormInfo {
+    /** 表单标题 */
+    formTitle?: string;
+    /** 表单项 */
+    formItems?: IFlowApprovalFormItem[];
+    /** 提交默认值， 用于提交一些固定值*/
+    submitDefaultValues?: Record<string, unknown>;
+}
+/** 审批表单项属性 */
+export interface IFlowApprovalFormItem {
+    /** 表单项标题 */
+    label?: string;
+    /** 字段名称 */
+    field?: string;
+    /** 必填样式 */
+    required?: boolean;
+    /** 提示信息 */
+    help?: string;
+    /** 是否只读 */
+    readonly?: boolean;
+    /** 只读状态下显示的内容 */
+    content?: string;
+    /** 隐藏表单项 */
+    hidden?: boolean;
+    /** 默认值 */
+    defaultValue?: unknown;
+    /** 组件名称 */
+    component?: string;
+    /** 组件属性 */
+    props?: Record<string, unknown>;
+    /** 校验规则 */
+    validate?: (value: unknown) => string | void;
+    /** 转换输出的值 */
+    transform?: (value: unknown) => unknown;
+    /** 其他信息 */
+    extra?: Record<string, unknown>;
+}

package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/drawer-form/view-model.d.ts

@@ -0,0 +1,12 @@
+import { IFlowApprovalFormItem, IFlowApprovalFormInfo, IFlowApprovalFormDrawerProps } from './types';
+export type IDrawerFormModel = ReturnType<typeof useDrawerFormModel>;
+/** 审批表单model */
+export declare function useDrawerFormModel(formInfo: IFlowApprovalFormInfo, submit: IFlowApprovalFormDrawerProps['submit']): {
+    visible: boolean;
+    errorMap: Record<string, string>;
+    onOpenDrawer: () => void;
+    onCloseDrawer: () => void;
+    resetFormStatus: () => void;
+    onSubmitForm: () => void;
+    onFormItemChange: (value: any, formItem: IFlowApprovalFormItem) => void;
+};

package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/field/index.d.ts

@@ -0,0 +1,14 @@
+import React from 'react';
+import './style.css';
+export interface IFlowFieldProps {
+    label?: string;
+    labelClass?: string;
+    labelStyle?: React.CSSProperties;
+    content?: string | React.ReactNode;
+    required?: boolean;
+    errorMessage?: string;
+    className?: string;
+    layout?: 'vertical' | 'horizontal';
+    bordered?: boolean;
+}
+export declare function FlowField(props: IFlowFieldProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/approval-drawer/index.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from '../types';
+import './style.css';
+/**
+ * 审批类型弹窗 可用于同意、拒绝、处理、转办 这几个操作
+ */
+export declare function ApprovalDrawer(props: IFlowControlItemProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/cancel-apply-btn.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from './types';
+/**
+ * 取消申请
+ */
+export declare function CancelApplyBtn(props: IFlowControlItemProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/check-list-popup/index.d.ts

@@ -0,0 +1,10 @@
+/// <reference types="react" />
+import { ButtonProps } from 'tea-component';
+import { IFlowPopupProps } from '../../components';
+import './style.css';
+export interface IFlowCheckListPopupProps extends IFlowPopupProps {
+    confirmButtonProps?: ButtonProps;
+    confirmButtonText?: string;
+}
+/** 单双选弹窗(Popup)容器 */
+export declare function FlowCheckListPopup(props: IFlowCheckListPopupProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal/index.d.ts

@@ -0,0 +1,6 @@
+import * as React from 'react';
+import { IFlowControlItemProps } from '../types';
+/**
+ * 选择下一节点审批人弹窗
+ */
+export declare const FlowTaskInfoModal: React.FC<IFlowControlItemProps>;

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal/view-model.d.ts

@@ -0,0 +1,13 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from '../types';
+/**
+ * 下一节点审批人model
+ */
+export declare function useFlowTaskInfoModel(params: IFlowControlItemProps): {
+    isH5: boolean;
+    visible: boolean;
+    assigneeOptions: any[];
+    selectedAssignees: any[];
+    setSelectedAssignees: import("react").Dispatch<import("react").SetStateAction<any[]>>;
+    onSubmitTaskIds: (isCancel?: boolean) => void;
+};

package/dist/web/components/flow/modules/operations/controls-items/flow-task-info-modal.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from './types';
+/**
+ * 选择下一节点审批人弹窗
+ */
+export declare const FlowTaskInfoModal: (props: IFlowControlItemProps) => JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/index.d.ts

@@ -0,0 +1,18 @@
+/// <reference types="react" />
+import { AddAssigneeBtn } from './add-assignee-btn';
+import { ApplyCcBtn } from './apply-cc-btn';
+import { ApprovalDrawer } from './approval-drawer';
+import { CancelApplyBtn } from './cancel-apply-btn';
+import { InitiationBtn } from './initiation-btn';
+import { RevokeModal } from './revoke-modal';
+import { RollbackModal } from './roll-back-modal';
+export declare const CONTROL_COMPONENT: {
+    AddAssigneeBtn: typeof AddAssigneeBtn;
+    ApplyCcBtn: typeof ApplyCcBtn;
+    ApprovalDrawer: typeof ApprovalDrawer;
+    CancelApplyBtn: typeof CancelApplyBtn;
+    FlowTaskInfoModal: (props: import("./types").IFlowControlItemProps) => JSX.Element;
+    InitiationBtn: typeof InitiationBtn;
+    RevokeModal: typeof RevokeModal;
+    RollbackModal: typeof RollbackModal;
+};

package/dist/web/components/flow/modules/operations/controls-items/initiation-btn.d.ts

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from './types';
+/**
+ * 发起阶段按钮、可用于保存草稿和提交申请两个操作
+ */
+export declare function InitiationBtn(props: IFlowControlItemProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/revoke-modal/index.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from '../types';
+import './style.css';
+/** 撤回弹窗组件 */
+export declare function RevokeModal(props: IFlowControlItemProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/roll-back-modal.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IFlowControlItemProps } from './types';
+/** 回退弹窗 */
+export declare function RollbackModal(props: IFlowControlItemProps): JSX.Element;

package/dist/web/components/flow/modules/operations/controls-items/types.d.ts

@@ -0,0 +1,5 @@
+import { IFlowControlConfigItem } from '../config';
+import { IFlowControlModel } from '../view-model';
+export type IFlowControlItemProps = Pick<IFlowControlConfigItem, 'actionKey'> & IFlowControlConfigItem['props'] & {
+    flowControlModel: IFlowControlModel;
+};

package/dist/web/components/flow/modules/operations/index.d.ts

@@ -0,0 +1,2 @@
+import { ModelFlowControl } from './control';
+export default ModelFlowControl;

package/dist/web/components/flow/modules/operations/view-model.d.ts

@@ -0,0 +1,22 @@
+/// <reference types="react" />
+import { IFlowModulesProps } from '../../common';
+import { IFlowControlConfigKey, IFlowAfterAction } from './config';
+export type IFlowControlModel = ReturnType<typeof useFlowControlModel>;
+/** 流程控制主model, 包含一些公共状态或方法 */
+export declare function useFlowControlModel(params: IFlowModulesProps): {
+    getApprovalFormData: () => Promise<unknown>;
+    clearFormData: () => void;
+    hasGoBack: boolean;
+    applyCcUser: string[];
+    triggerFlowTaskInfo: any;
+    setApplyCcUser: import("react").Dispatch<import("react").SetStateAction<string[]>>;
+    completeTask: (value: {
+        actionKey: IFlowControlConfigKey;
+        buttonAction: number;
+        afterAction: IFlowAfterAction;
+        data: Record<string, unknown>;
+        setLoadingState?: (state: boolean) => void;
+        successCallback?: () => void;
+    }) => Promise<void>;
+    onAfterFinishFlowAction: (currentActionKey: IFlowControlConfigKey, afterAction: IFlowAfterAction) => void;
+};

package/dist/web/components/flow/process/components/comment-text/index.d.ts

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import './style.css';
+export interface ICommentTextProps {
+    comment: string;
+    highlightPositionList?: Array<[number, number]>;
+    arrowDirection?: 'top' | 'left';
+}
+/** 评论内容文本标签 */
+export declare function CommentText(props: ICommentTextProps): JSX.Element;

package/dist/web/components/flow/process/components/descriptions/index.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+import './style.css';
+export interface IDescriptionsProps {
+    items?: IDescriptionItem[];
+}
+export interface IDescriptionItem {
+    label?: React.ReactNode;
+    layout?: 'horizontal' | 'vertical';
+    children?: React.ReactNode;
+}
+/** 描述列表 成组展示多个只读字段 */
+export declare function Descriptions(props: IDescriptionsProps): JSX.Element;
+export declare namespace Descriptions {
+    var defaultProps: {
+        label: string;
+        layout: string;
+    };
+}

package/dist/web/components/flow/process/components/index.d.ts

@@ -0,0 +1,5 @@
+import { CommentText } from './comment-text';
+import { Descriptions, IDescriptionItem } from './descriptions';
+import { Timeline, ITimelineItemConfig } from './timeline';
+export { CommentText, Descriptions, Timeline };
+export type { ITimelineItemConfig, IDescriptionItem };

package/dist/web/components/flow/process/components/timeline/index.d.ts

@@ -0,0 +1,26 @@
+import React from 'react';
+import './style.css';
+export interface ITimelineItemConfig {
+    /** 底部标签文本内容 */
+    label?: React.ReactNode;
+    /** 顶部标题内容 */
+    title?: React.ReactNode;
+    /** 顶部右侧操作内容 */
+    extra?: React.ReactNode;
+    /** 装饰点颜色 */
+    dotColor?: 'default' | 'success' | 'error' | 'warning' | 'primary';
+    /** 时间轴正文内容 */
+    content?: React.ReactNode;
+}
+export interface IFlowTimelineProps {
+    /** 时间轴子元素 */
+    items?: ITimelineItemConfig[];
+    /** 标题对齐方式 */
+    titleAlign?: 'flex-start' | 'space-between';
+    /** 样式类名 */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+}
+/** 审批历史时间轴组件 */
+export declare function Timeline(props: IFlowTimelineProps): JSX.Element;

package/dist/web/components/flow/process/constants.d.ts

@@ -0,0 +1,98 @@
+/** 操作节点状态相关常量 */
+declare const OPERATION_NODE_STATUS: readonly [{
+    readonly name: "start";
+    readonly code: 1;
+    readonly theme: any;
+    readonly text: any;
+}, {
+    readonly name: "pass";
+    readonly code: 2;
+    readonly theme: "success";
+    readonly text: "审批通过";
+}, {
+    readonly name: "down";
+    readonly code: 3;
+    readonly theme: "error";
+    readonly text: "驳回";
+}, {
+    readonly name: "turn";
+    readonly code: 4;
+    readonly theme: "primary";
+    readonly text: "已转办";
+}, {
+    readonly name: "revoke";
+    readonly code: 5;
+    readonly theme: "default";
+    readonly text: "撤销";
+}, {
+    readonly name: "trans";
+    readonly code: 6;
+    readonly theme: "default";
+    readonly text: "回退";
+}, {
+    readonly name: "countersign";
+    readonly code: 7;
+    readonly theme: "default";
+    readonly text: "加签";
+}, {
+    readonly name: "stop";
+    readonly code: 8;
+    readonly theme: "error";
+    readonly text: "终止";
+}, {
+    readonly name: "skip_pass";
+    readonly code: 9;
+    readonly theme: "success";
+    readonly text: "跳过(同意)";
+}, {
+    readonly name: "skip_down";
+    readonly code: 10;
+    readonly theme: "error";
+    readonly text: "跳过(驳回)";
+}, {
+    readonly name: "pending";
+    readonly code: 11;
+    readonly theme: "warning";
+    readonly text: "待审批";
+}, {
+    readonly name: "end";
+    readonly code: 12;
+    readonly theme: "error";
+    readonly text: "结束";
+}, {
+    readonly name: "handled";
+    readonly code: 13;
+    readonly theme: "success";
+    readonly text: "已处理";
+}, {
+    readonly name: "handling";
+    readonly code: 14;
+    readonly theme: "warning";
+    readonly text: "待处理";
+}, {
+    readonly name: "cc";
+    readonly code: 15;
+    readonly theme: any;
+    readonly text: any;
+}, {
+    readonly name: "drop";
+    readonly code: 16;
+    readonly theme: any;
+    readonly text: any;
+}];
+/** 操作节点状态相关映射关系转换 */
+declare const 
+/** 状态码-状态名称映射 */
+CODE_NAME_MAPPING: Record<number, "stop" | "end" | "start" | "down" | "drop" | "pending" | "revoke" | "cc" | "pass" | "turn" | "trans" | "countersign" | "skip_pass" | "skip_down" | "handled" | "handling">, 
+/** 状态名称-状态码映射 */
+NAME_CODE_MAPPING: Record<"CC" | "REVOKE" | "STOP" | "END" | "START" | "DOWN" | "DROP" | "PENDING" | "PASS" | "TURN" | "TRANS" | "COUNTERSIGN" | "SKIP_PASS" | "SKIP_DOWN" | "HANDLED" | "HANDLING", number>, 
+/** 状态名称映射 */
+NAME_MAPPING: Record<"CC" | "REVOKE" | "STOP" | "END" | "START" | "DOWN" | "DROP" | "PENDING" | "PASS" | "TURN" | "TRANS" | "COUNTERSIGN" | "SKIP_PASS" | "SKIP_DOWN" | "HANDLED" | "HANDLING", "stop" | "end" | "start" | "down" | "drop" | "pending" | "revoke" | "cc" | "pass" | "turn" | "trans" | "countersign" | "skip_pass" | "skip_down" | "handled" | "handling">, 
+/** 状态名称-状态文本信息映射 */
+NAME_TEXT_MAPPING: Record<string, {
+    theme: string;
+    text: string;
+}>;
+/** 操作节点状态名称 */
+export type IStatusName = typeof OPERATION_NODE_STATUS[number]['name'];
+export { CODE_NAME_MAPPING, NAME_CODE_MAPPING, NAME_MAPPING, NAME_TEXT_MAPPING, };

package/dist/web/components/flow/process/constants.js

@@ -26,9 +26,7 @@ NAME_CODE_MAPPING,
 /** 状态名称映射 */
 NAME_MAPPING, 
 /** 状态名称-状态文本信息映射 */
-NAME_TEXT_MAPPING,
-// eslint-disable-next-line tree-shaking/no-side-effects-in-initialization
- } = OPERATION_NODE_STATUS.reduce((result, curr) => {
+NAME_TEXT_MAPPING, } = OPERATION_NODE_STATUS.reduce((result, curr) => {
     result.CODE_NAME_MAPPING[curr.code] = curr.name;
     result.NAME_CODE_MAPPING[curr.name.toUpperCase()] = curr.code;
     result.NAME_MAPPING[curr.name.toUpperCase()] = curr.name;

package/dist/web/components/flow/process/index.d.ts

@@ -0,0 +1,2 @@
+import ModelFlowProcess from './process';
+export default ModelFlowProcess;

package/dist/web/components/flow/process/process.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import { IWedaPlatformProps } from '../common';
+import './style.css';
+/** 批办过程组件 */
+export default function ModelFlowProcess(props: IWedaPlatformProps): JSX.Element;

package/dist/web/components/flow/process/types.d.ts

@@ -0,0 +1,80 @@
+import { ITimelineItemConfig } from './components';
+import { IStatusName } from './constants';
+/** 批办过程响应数据 */
+export interface IElementInfo {
+    id: string;
+    /** 节点名称 */
+    name: string;
+    /** 操作人名称列表 */
+    operaName: string[];
+    /** 操作人列表 */
+    operaUserList: IUserInfo[];
+    /** 操作结果 */
+    result: string;
+    /** 审批策略 */
+    approvalStrategy: string;
+    /** 操作内容 */
+    contentInfo: IContentInfo;
+}
+/** 批办过程响应数据 - 操作内容 */
+export interface IContentInfo {
+    /**
+     * 操作动作
+     * 1：提交，
+     * 2：同意，
+     * 3：拒绝，
+     * 4：转办：
+     * 5：撤销，
+     * 6：回退，
+     * 7：加签，
+     * 8：终止，
+     * 9：跳过，
+     * 13：处理，
+     * 15：节点抄送，
+     * 16：废弃流程，
+     * 17：保存草稿
+     */
+    action: number;
+    /** 抄送人员列表 */
+    ccUserInfos?: IUserInfo[];
+    /** 操作时间 */
+    createTime: number;
+    /** 评论高亮位置列表 */
+    highlightPositionList?: string;
+    /** 是否为抄送 */
+    isCC?: boolean;
+    /** 审批意见 */
+    operationComment?: string;
+    /** @操作，userid和@ 户名映射 */
+    opinionUserMap?: Record<number, string>;
+    /** 操作记录 */
+    operation?: string;
+}
+/** 前端渲染界面所需的流程数据属性 */
+export interface IProcessData extends Omit<IElementInfo, 'contentInfo'> {
+    contentInfo: IProcessDataContentInfo;
+    /** 节点状态名称 */
+    status?: IStatusName;
+    /** 批办过程节点标题 */
+    title?: string;
+    /** 批办过程节点在时间轴中对应的装饰点颜色 */
+    dotColor?: ITimelineItemConfig['dotColor'];
+}
+export interface IProcessDataContentInfo extends Omit<IContentInfo, 'action' | 'createTime' | 'highlightPositionList'> {
+    /** 操作时间 */
+    createTime: string;
+    /** 评论高亮位置列表 */
+    highlightPositionList?: Array<[number, number]>;
+    /** 操作记录列表形式 */
+    operationList?: IOperationListItem[];
+}
+export interface IUserInfo {
+    /** 用户UserId */
+    id: string;
+    /** 用户名称 */
+    name: string;
+}
+export interface IOperationListItem {
+    id: string;
+    name: string;
+}

package/dist/web/components/flow/process/view-model.d.ts

@@ -0,0 +1,7 @@
+import { ICommonFlowData } from '../common';
+import { IProcessData } from './types';
+export declare function useFlowProcessModel(): {
+    processData: IProcessData[];
+    loading: boolean;
+    getProcessDataList: (data: ICommonFlowData) => Promise<void>;
+};