@cloudbase/weda-ui 3.4.2 → 3.4.4

package/dist/web/components/flow/frame/types.js

@@ -0,0 +1,271 @@
+/** 流程通用数据属性 来源于接口 */
+export class ICommonFlowDataProps {
+    constructor() {
+        Object.defineProperty(this, "flowDetail", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new IFlowDetailProps()
+        });
+        Object.defineProperty(this, "pageInfo", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: new IPageInfoProps()
+        });
+        Object.defineProperty(this, "steps", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "ccUserMaps", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "flowLoadData", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+    }
+}
+export class IFlowDetailProps {
+    constructor() {
+        Object.defineProperty(this, "instanceId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "name", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "description", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "startedBy", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "startUserId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "currentApprover", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "startTime", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "isCompleted", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "startAppCode", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "startAppName", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "currentNodeId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "currentNodeName", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "currentNodeType", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 1
+        });
+        Object.defineProperty(this, "taskId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "flowCode", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "flowVersion", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "flag", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "canApprove", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "canDelete", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "tenantZoneId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "operationName", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: '[]'
+        });
+        Object.defineProperty(this, "userTaskType", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 1
+        });
+        Object.defineProperty(this, "ccId", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "endTime", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: 0
+        });
+        Object.defineProperty(this, "taskStatus", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+    }
+}
+export class IPageInfoProps {
+    constructor() {
+        Object.defineProperty(this, "pageUrl", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "variableInfos", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "appCode", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: ''
+        });
+        Object.defineProperty(this, "show", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "showRevoke", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "showSubmitApp", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "showCarbonCopy", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "showTurnToPerson", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "showAddAssignee", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "showRollBack", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "outEntityCodes", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+        Object.defineProperty(this, "buttons", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: {}
+        });
+        Object.defineProperty(this, "dataSourceInputParams", {
+            enumerable: true,
+            configurable: true,
+            writable: true,
+            value: void 0
+        });
+    }
+}

package/dist/web/components/flow/frame/utils.js

@@ -0,0 +1,90 @@
+import { getPageQuery } from '../../../utils/getPageQuery';
+import { STATUS_NUMBER_MAPPING, STATUS, PAGE_TYPE } from '../constants';
+export class CommonFlowDataUtils {
+    /** 转换流程接口中的变量数据 */
+    static translateObjectMap(pageDetail) {
+        var _a;
+        const objectMap = ((_a = pageDetail === null || pageDetail === void 0 ? void 0 : pageDetail.variableInfos) === null || _a === void 0 ? void 0 : _a.objectMap) || [];
+        return objectMap.reduce((prev, curr) => {
+            if (curr.entityCode) {
+                prev[curr.entityCode] = {
+                    ...curr === null || curr === void 0 ? void 0 : curr.fieldValueMap,
+                    _id: curr.recordId,
+                };
+            }
+            return prev;
+        }, {});
+    }
+    /** 转换流程接口中的对象列表数据 */
+    static translateObjectListMap(pageDetail) {
+        var _a;
+        const objectListMap = ((_a = pageDetail === null || pageDetail === void 0 ? void 0 : pageDetail.variableInfos) === null || _a === void 0 ? void 0 : _a.objectListMap) || [];
+        return objectListMap.reduce((prev, curr) => {
+            if (curr.entityCode) {
+                prev[curr.entityCode] = (curr === null || curr === void 0 ? void 0 : curr.fieldValueMapList) || [];
+            }
+            return prev;
+        }, {});
+    }
+    /** 获取流程自定义页面表单状态 */
+    static getFormState(params) {
+        const { isWedaIde, currentPageType } = params;
+        const couldWriteForm = [
+            PAGE_TYPE.DRAFT,
+            PAGE_TYPE.TO_DO,
+            PAGE_TYPE.CREATEFLOW,
+        ];
+        return {
+            isReadonly: isWedaIde ? false : !couldWriteForm.includes(currentPageType),
+        };
+    }
+    /** 获取当前流程页面参数 */
+    static getCurrentFlowPageQuery(isWedaIde) {
+        const { flowTaskId, pageType: queryPageType } = getPageQuery();
+        const currentPageType = isWedaIde ? PAGE_TYPE.CREATEFLOW : queryPageType;
+        return {
+            flowTaskId: flowTaskId,
+            currentPageType: currentPageType,
+        };
+    }
+}
+/** 转换流程记录数据 */
+Object.defineProperty(CommonFlowDataUtils, "transProcessData", {
+    enumerable: true,
+    configurable: true,
+    writable: true,
+    value: (process, safeJsonParse) => {
+        return process.map((value) => {
+            var _a, _b;
+            const item = {
+                ...value,
+                status: STATUS_NUMBER_MAPPING === null || STATUS_NUMBER_MAPPING === void 0 ? void 0 : STATUS_NUMBER_MAPPING[process === null || process === void 0 ? void 0 : process.status],
+            };
+            const details = {
+                ...item.contentInfo,
+                action: STATUS_NUMBER_MAPPING === null || STATUS_NUMBER_MAPPING === void 0 ? void 0 : STATUS_NUMBER_MAPPING[(_a = item === null || item === void 0 ? void 0 : item.contentInfo) === null || _a === void 0 ? void 0 : _a.action],
+            };
+            if (item.result === '待审批') {
+                item.status = STATUS.PENDING;
+            }
+            else if (item.result === '待处理') {
+                item.status = STATUS.HANDLING;
+            }
+            else {
+                item.status = STATUS[details.action];
+                if (details.action === STATUS.SKIP_PASS) {
+                    item.status =
+                        ((_b = safeJsonParse(details.operation)[0].id) === null || _b === void 0 ? void 0 : _b.toString()) === '2'
+                            ? STATUS.SKIP_PASS
+                            : STATUS.SKIP_DOWN; // 2同意 3驳回
+                }
+            }
+            let files = [];
+            if (details.attachmentInfo) {
+                files = safeJsonParse((details === null || details === void 0 ? void 0 : details.attachmentInfo) || '[]') || [];
+            }
+            item.files = files;
+            return item;
+        });
+    }
+});

package/dist/web/components/flow/modules/basic/Basic.css

@@ -0,0 +1,16 @@
+.mf-progress-info__form {
+  display: flex !important;
+  line-height: 1.7;
+  width: 100%;
+  font-size: 14px;
+  background-color: #fff;
+}
+.mf-progress-info__form .wedatea2td-form__item {
+  width: 25%;
+}
+.mf-progress-info__form .wedatea2td-form__controls {
+  font-size: 14px;
+}
+.mf-progress-info__form .wedatea2td-form__label {
+  width: 70px !important;
+}

package/dist/web/components/flow/modules/basic/Basic.js

@@ -0,0 +1,48 @@
+import React from 'react';
+import moment from 'moment';
+import { Card, Button, Form } from 'tea-component';
+import { FlowStatusText, FlowModuleText, getModuleTextProps, getModuleContentStyle, } from '../../components';
+import { pressTask } from './utils';
+import './Basic.css';
+const { Title, Content } = FlowModuleText;
+export const Basic = (props) => {
+    const { commonFlowData, flowLocalProps, ide } = props;
+    const { flowDetail, pageInfo } = commonFlowData;
+    const { isWedaIde, callWedaApi, currentPageType } = flowLocalProps;
+    const textProps = getModuleTextProps(ide);
+    // 是否为发起流程页面
+    const isStartFlowPage = ['DRAFT', 'CREATEFLOW', 'TODO'].includes(currentPageType) &&
+        (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp);
+    const onPressTask = () => {
+        const params = { instanceId: flowDetail.instanceId };
+        const options = { isWedaIde, callWedaApi };
+        pressTask(params, options);
+    };
+    const formOptions = [
+        { label: '发起人', value: flowDetail.startedBy },
+        {
+            label: '发起时间',
+            value: flowDetail.startTime
+                ? moment(flowDetail.startTime).format('YYYY-MM-DD HH:mm:ss')
+                : '--',
+        },
+        {
+            label: '结束时间',
+            value: flowDetail.endTime
+                ? moment(flowDetail.endTime).format('YYYY-MM-DD HH:mm:ss')
+                : '--',
+        },
+        {
+            label: '流程状态',
+            value: (React.createElement(FlowStatusText, { flow: flowDetail, style: getModuleContentStyle(ide) })),
+            useOriginValue: true,
+        },
+    ];
+    if (!isStartFlowPage) {
+        return (React.createElement(Card.Body, { className: "page-process__progress-card", title: React.createElement(Title, { ...textProps }), operation: React.createElement("div", { className: "detail__operations" }, currentPageType === 'CREATE' && !flowDetail.isCompleted && (React.createElement(Button, { type: "link", style: { fontSize: '14px' }, onClick: onPressTask }, "\u50AC\u529E"))) },
+            React.createElement(Form, { className: "mf-progress-info__form" }, formOptions.map(({ label, value, useOriginValue }, index) => (React.createElement(Form.Item, { label: React.createElement(Content, { ...textProps },
+                    label,
+                    "\uFF1A"), key: index }, useOriginValue ? (value) : (React.createElement(Content, { ...textProps }, value))))))));
+    }
+    return null;
+};

package/dist/web/components/flow/modules/basic/BasicMobile.css

@@ -0,0 +1,29 @@
+.process-progress--mb {
+  background: #fff !important;
+}
+.progress-mb--header {
+  background: #fff;
+  padding: 16px;
+}
+.progress-mb--header .progress-mb--title {
+  font-size: 16px;
+  line-height: 24px;
+  margin-bottom: 8px;
+  color: #333;
+}
+.progress-mb--header .progress-mb--header__module-title {
+  margin-bottom: 10px;
+}
+.progress-mb--header .wedatea2td-tag {
+  margin-top: 0;
+}
+.progress-mb--header .wedatea2td-justify-grid .wedatea2td-justify-grid__col {
+  font-size: 12px;
+}
+.progress-mb--header__info {
+  font-size: 12px;
+  line-height: 20px;
+}
+.progress-mb--header__info + .progress-mb--header__info {
+  margin-top: 6px;
+}

package/dist/web/components/flow/modules/basic/BasicMobile.js

@@ -0,0 +1,41 @@
+import React from 'react';
+import moment from 'moment';
+import { Text, Button, Justify } from 'tea-component';
+import { FlowStatusText, FlowModuleText, getModuleContentStyle, getModuleTitleStyle, getModuleTextProps, } from '../../components';
+import { pressTask } from './utils';
+import './BasicMobile.css';
+export const BasicMobile = (props) => {
+    const { commonFlowData, flowLocalProps, ide } = props;
+    const { flowDetail, pageInfo } = commonFlowData;
+    const { currentPageType, isWedaIde, callWedaApi } = flowLocalProps;
+    const textProps = getModuleTextProps(ide);
+    const flowModelContentStyle = getModuleContentStyle(ide);
+    // 是否为发起流程页面
+    const isStartFlowPage = ['DRAFT', 'CREATEFLOW', 'TODO'].includes(currentPageType) &&
+        (pageInfo === null || pageInfo === void 0 ? void 0 : pageInfo.showSubmitApp);
+    const onPressTask = () => {
+        const params = { instanceId: flowDetail.instanceId };
+        const options = { isWedaIde, callWedaApi };
+        pressTask(params, options);
+    };
+    if (isStartFlowPage) {
+        return (React.createElement("div", { className: "progress-mb--header" },
+            React.createElement(FlowModuleText.Title, { ...textProps, className: "progress-mb--header__module-title" }),
+            React.createElement("div", { className: "progress-mb--title", style: { marginBottom: 0, ...getModuleTitleStyle(ide) } }, flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.name)));
+    }
+    return (React.createElement("div", { className: "progress-mb--header" },
+        React.createElement(FlowModuleText.Title, { ...textProps, className: "progress-mb--header__module-title" }),
+        React.createElement("div", { className: "progress-mb--title", style: { display: 'flex', justifyContent: 'space-between' } },
+            React.createElement("span", { style: flowModelContentStyle }, flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.name),
+            currentPageType === 'CREATE' && !(flowDetail === null || flowDetail === void 0 ? void 0 : flowDetail.isCompleted) && (React.createElement(Button, { type: "link", style: { fontSize: '14px', flexShrink: '0' }, onClick: onPressTask }, "\u50AC\u529E"))),
+        React.createElement("div", { className: "progress-mb--header__info" },
+            React.createElement(Text, { theme: "weak", style: flowModelContentStyle },
+                "\u53D1\u8D77\u4EBA\uFF1A",
+                flowDetail.startedBy)),
+        React.createElement(Justify, { className: "progress-mb--header__info", left: React.createElement(Text, { theme: "weak", style: flowModelContentStyle },
+                "\u53D1\u8D77\u65F6\u95F4\uFF1A",
+                flowDetail.startTime
+                    ? moment(flowDetail.startTime).format('YYYY-MM-DD HH:mm:ss')
+                    : '--',
+                ' '), right: React.createElement(FlowStatusText, { flow: flowDetail, style: getModuleContentStyle(ide) }) })));
+};

package/dist/web/components/flow/modules/basic/index.js

@@ -0,0 +1,13 @@
+import React from 'react';
+import { Basic } from './Basic';
+import { BasicMobile } from './BasicMobile';
+import { createModuleFrame } from '../../frame';
+const ModelFlowBasic = (props) => {
+    const { flowLocalProps } = props;
+    const { isH5, isNarrowElement } = flowLocalProps;
+    if (isH5 || isNarrowElement) {
+        return React.createElement(BasicMobile, { ...props });
+    }
+    return React.createElement(Basic, { ...props });
+};
+export default createModuleFrame(ModelFlowBasic, 'flow-basic');

package/dist/web/components/flow/modules/basic/utils.js

@@ -0,0 +1,20 @@
+import { message } from 'tea-component';
+import { postPressTask } from '../../services';
+// 流程催办
+export const pressTask = (params, { isWedaIde, callWedaApi }) => {
+    if (isWedaIde) {
+        return;
+    }
+    postPressTask(params, { callWedaApi }).then((res) => {
+        if ((res === null || res === void 0 ? void 0 : res.status) === true) {
+            message.success({
+                content: '催办成功',
+            });
+        }
+        else if ((res === null || res === void 0 ? void 0 : res.status) === false) {
+            message.warning({
+                content: '当前催办操作过于频繁，请明日再试！',
+            });
+        }
+    });
+};