@cloudbase/weda-ui 3.5.0 → 3.5.1

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/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/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>;
+};

package/dist/web/components/flow-graph/constants.d.ts

@@ -0,0 +1,64 @@
+export declare const STATUS_COLOR_MAP: {
+    1: {
+        bgColor: string;
+        lineColor: string;
+    };
+    2: {
+        bgColor: string;
+        lineColor: string;
+    };
+    3: {
+        bgColor: string;
+        lineColor: string;
+    };
+};
+export declare const APPROVE_MAP: {
+    0: {
+        txt: string;
+        color: string;
+    };
+    1: {
+        txt: string;
+        color: string;
+    };
+    2: {
+        txt: string;
+        color: string;
+    };
+    3: {
+        txt: string;
+        color: string;
+    };
+    4: {
+        txt: string;
+        color: string;
+    };
+    5: {
+        txt: string;
+        color: string;
+    };
+    6: {
+        txt: string;
+        color: string;
+    };
+    7: {
+        txt: string;
+        color: string;
+    };
+    8: {
+        txt: string;
+        color: string;
+    };
+    9: {
+        txt: string;
+        color: string;
+    };
+    10: {
+        txt: string;
+        color: string;
+    };
+    13: {
+        txt: string;
+        color: string;
+    };
+};

package/dist/web/components/flow-graph/graph.d.ts

@@ -0,0 +1,5 @@
+import React from 'react';
+import { IFlowGraphProps } from './types';
+import './style.css';
+/** 流程图组件 */
+export declare const FlowGraph: React.FC<IFlowGraphProps>;

package/dist/web/components/flow-graph/index.d.ts

@@ -0,0 +1,3 @@
+import { FlowGraph } from './graph';
+export type { IFlowGraphCanvasInfo } from './types';
+export default FlowGraph;

package/dist/web/components/flow-graph/types.d.ts

@@ -0,0 +1,48 @@
+export interface IFlowGraphProps {
+    /**流程图数据 */
+    processCanvasInfo?: IFlowGraphCanvasInfo;
+}
+export interface IFlowGraphCanvasInfo {
+    /**流程图数据节点信息 */
+    Nodes: IFlowGraphCanvasNode[];
+    /**流程图数据连线信息 */
+    Edges: IFlowGraphCanvasEdge[];
+}
+export interface IFlowGraphCanvasNode {
+    /** 节点序号 */
+    Id: number;
+    /** 节点Id */
+    ElementId: string;
+    /** 节点名称 */
+    Name: string;
+    /** 节点类型 */
+    DataType: number;
+    /** 节点状态 */
+    Status: number;
+    /** 配置信息 */
+    Conf: IFlowGraphCanvasNodeConf[];
+}
+export interface IFlowGraphCanvasNodeConf {
+    /** 处理人名称 */
+    Name: string;
+    /** 处理状态 */
+    Status: number;
+    /** 操作时间 */
+    OpTime: number;
+    /** 评论 */
+    Comment: string;
+    /** 转交处理人 */
+    NewProcessors: string;
+}
+export interface IFlowGraphCanvasEdge {
+    /** 分支、边名称 */
+    Label: string;
+    /** 类型 */
+    Type: number;
+    /** 边的起始节点 */
+    Source: string;
+    /** 边的目标节点 */
+    Target: string;
+    /** 边的状态 */
+    Status: number;
+}

package/dist/web/components/form/checkbox/index.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { CommonFormPropsType } from '../types';
+import './style';
+export default function Checkbox({ id, className, style, events, name, label, labelVisible, format, enumName, range, layout, disabled, requiredFlag, decorator, controlValue, onChange: outerOnChange, }: PropsType): JSX.Element;
+export interface PropsType extends CommonFormPropsType {
+    range?: Readonly<{
+        label: string;
+        value: any;
+        [key: string]: any;
+    }[]>;
+    format?: string;
+    enumName?: string;
+    controlValue?: string[];
+    onChange?: (val: string[]) => void;
+}

package/dist/web/components/form/checkbox/style.d.ts

@@ -0,0 +1 @@
+import '../../style';