@cloudbase/weda-ui 3.4.9 → 3.4.11

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

@@ -1,149 +0,0 @@
-import { parse, stringify } from 'querystring';
-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.TO_DO : queryPageType;
-        return {
-            flowTaskId: flowTaskId,
-            currentPageType: currentPageType,
-        };
-    }
-    /** 更新浏览器参数 */
-    static updateUrlSearch(newSearchOption) {
-        const { hash, origin, pathname } = location;
-        const currentHash = hash.split('?')[0];
-        const currentSearch = parse(hash.split('?')[1]);
-        const newSearch = stringify({ ...currentSearch, ...newSearchOption });
-        const newHash = `${currentHash}?${newSearch}`;
-        const newUrl = `${origin}${pathname}${newHash}`;
-        history.pushState('', '', newUrl);
-    }
-}
-/** 转换流程记录数据 */
-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;
-        });
-    }
-});
-/** 针对流程封装请求 */
-export class FlowRequest {
-    /** 设置请求方法，加入 预览数据 入参首字母大小写等设置 */
-    request(callWedaApi, isWedaIde) {
-        const flowRequest = async (params, config) => {
-            const { previewData, upperCaseData = true, upperCaseIgnoreKeys, } = config || {};
-            if (isWedaIde) {
-                return this.toTransKeyCase(previewData || {}, 'toLowerCase');
-            }
-            const result = await callWedaApi({
-                ...params,
-                data: this.toTransKeyCase(params.data, upperCaseData ? 'toUpperCase' : 'toLowerCase', upperCaseIgnoreKeys),
-            });
-            return this.toTransKeyCase(result, 'toLowerCase');
-        };
-        return flowRequest;
-    }
-    /** 转换具体参数的首字母大小写 */
-    toTransKeyCase(target, method, ignoreKeyValues) {
-        const result = {};
-        if (this.isArray(target)) {
-            return target === null || target === void 0 ? void 0 : target.map((item) => this.toTransKeyCase(item, method));
-        }
-        if (this.isObject(target)) {
-            return Object.keys(target).reduce((acc, key) => {
-                const finalKey = this.transKey(key, method);
-                acc[finalKey] = (ignoreKeyValues === null || ignoreKeyValues === void 0 ? void 0 : ignoreKeyValues.includes(key))
-                    ? target[key]
-                    : this.toTransKeyCase(target[key], method);
-                return acc;
-            }, result);
-        }
-        return target;
-    }
-    /** 转换字符串首字母大小写 */
-    transKey(str, method) {
-        const firstChar = method === 'toLowerCase'
-            ? str.charAt(0).toLowerCase()
-            : str.charAt(0).toUpperCase();
-        return `${firstChar}${str.slice(1)}`;
-    }
-    isArray(value) {
-        return Array.isArray(value);
-    }
-    isObject(value) {
-        return Object.prototype.toString.call(value) === '[object Object]';
-    }
-}

package/dist/web/components/flow/modules/chart/Chart.js

@@ -1,282 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-/* eslint-disable no-param-reassign */
-import { useState, useEffect } from 'react';
-import ReactDOM from 'react-dom';
-import moment from 'moment';
-import { Modal, Button, LoadingTip, Status } from 'tea-component';
-import G6 from '@antv/g6';
-import { safeJsonParse } from '../../common';
-import { isString, getProcessCanvasInfo } from './utils';
-import { STATUS_COLOR_MAP, APPROVE_MAP } from './constants';
-import './index.css';
-G6.Tooltip.prototype.showTooltip = function (e) {
-    if (!e.item) {
-        return;
-    }
-    const itemTypes = this.get('itemTypes');
-    if (e.item.getType && itemTypes.indexOf(e.item.getType()) === -1)
-        return;
-    const container = this.get('tooltip');
-    const getContent = this.get('getContent');
-    const tooltip = getContent(e);
-    if (isString(tooltip)) {
-        container.innerHTML = tooltip;
-    }
-    else {
-        container.innerHTML = '';
-        container.appendChild(tooltip);
-    }
-    this.updatePosition(e);
-};
-export const RenderProcess = (props) => {
-    const { processInstance } = props;
-    const { flowCode, flowVersion: appVersion, instanceId, } = processInstance || {};
-    const [visible, setVisible] = useState(false);
-    const [modalData, setModalData] = useState({});
-    const [loading, setLoading] = useState(false);
-    const [isEmptyChart, setIsEmptyChart] = useState(false);
-    useEffect(() => {
-        setIsEmptyChart(!instanceId);
-        instanceId && getGraphData(instanceId);
-    }, [instanceId]);
-    const closeModal = () => {
-        setVisible(false);
-    };
-    const getGraphData = async (instanceId) => {
-        try {
-            setLoading(true);
-            const params = {
-                flowCode,
-                instanceId,
-                appVersion,
-            };
-            const data = await getProcessCanvasInfo(params);
-            setLoading(false);
-            data && renderContent(data);
-        }
-        catch (error) {
-            console.error(error);
-        }
-    };
-    const showModal = (data, infoData) => {
-        const modalData = {
-            nodeName: {
-                label: '审批节点',
-                content: data.name,
-            },
-            approvePerson: {
-                label: '审批人',
-                content: infoData.name,
-            },
-            approveAction: {
-                label: '审批操作',
-                content: (_jsxs("span", { style: {
-                        color: APPROVE_MAP[infoData.status].color,
-                    }, children: [' ', APPROVE_MAP[infoData.status].txt] })),
-            },
-            actionTime: {
-                label: '操作时间',
-                content: infoData.opTime
-                    ? moment(infoData.opTime).format('YYYY-MM-DD HH:mm:ss')
-                    : undefined,
-            },
-            approveComment: {
-                label: '审批意见',
-                content: infoData.comment,
-            },
-            newProcessors: {
-                label: '操作详情',
-                content: infoData.newProcessors,
-            },
-            attachmentInfo: {
-                label: '上传附件',
-                content: infoData.attachmentInfo
-                    ? safeJsonParse(infoData.attachmentInfo)
-                    : undefined,
-            },
-        };
-        setVisible(true);
-        setModalData(modalData);
-    };
-    G6.registerNode('sql', {
-        drawShape(cfg, group) {
-            const rect = group.addShape('rect', {
-                attrs: {
-                    x: -75,
-                    y: -25,
-                    width: 150,
-                    height: 50,
-                    radius: 10,
-                    stroke: STATUS_COLOR_MAP[cfg.status].lineColor,
-                    fill: STATUS_COLOR_MAP[cfg.status].bgColor,
-                    lineWidth: 3,
-                    lineDash: cfg.status === 3 ? [5] : undefined,
-                },
-                name: cfg.name,
-            });
-            if (cfg.name) {
-                group.addShape('text', {
-                    attrs: {
-                        text: cfg.name,
-                        x: 0,
-                        y: 0,
-                        fill: '#333',
-                        fontSize: 12,
-                        textAlign: 'center',
-                        textBaseline: 'middle',
-                        // fontWeight: 'bold',
-                    },
-                    name: 'text-shape',
-                });
-            }
-            return rect;
-        },
-    }, 'single-node');
-    const renderContent = (jsonData) => {
-        jsonData.nodes.forEach((node) => {
-            if (!node.style) {
-                node.style = {};
-            }
-            if (node.id) {
-                node.id = `${node.id}`;
-            }
-            node.style.lineWidth = 3;
-            node.label = node.name;
-            node.labelCfg = {
-                fontSize: 14,
-                color: '#00287E',
-                fontWeight: 'bold',
-            };
-            // STATUS_COLOR_MAP
-            node.style.stroke = STATUS_COLOR_MAP[node.status].lineColor;
-            node.style.fill = STATUS_COLOR_MAP[node.status].bgColor;
-            if (node.elementId.startsWith('startNode') ||
-                node.elementId.startsWith('end')) {
-                node.type = 'circle';
-                node.size = 80;
-                if (node.status === 3) {
-                    node.style.lineDash = [5];
-                }
-            }
-            if (node.elementId.startsWith('exclusiveGateway')) {
-                node.type = 'diamond';
-                node.size = [160, 80];
-                node.anchorPoints = [
-                    [0.5, 0],
-                    [0, 0.5],
-                    [0.5, 1],
-                    [1, 0.5],
-                ];
-            }
-        });
-        const nodeIdsMap = jsonData.nodes.reduce((acc, cur) => {
-            acc[cur.elementId] = cur.id;
-            return acc;
-        }, {});
-        jsonData.edges.forEach((edge) => {
-            edge.source = nodeIdsMap[edge.source];
-            edge.target = nodeIdsMap[edge.target];
-            edge.labelCfg = {
-                refY: -20,
-            };
-            Reflect.deleteProperty(edge, 'type');
-            if (edge.status === 1) {
-                edge.style = {
-                    stroke: '#0ABF5B',
-                };
-            }
-        });
-        const container = document.getElementById('flow-graph_container');
-        const width = container.scrollWidth;
-        const height = document.documentElement.clientHeight;
-        const tooltip = new G6.Tooltip({
-            offsetX: 60,
-            offsetY: -20,
-            trigger: 'click',
-            getContent(e) {
-                const outDiv = document.createElement('div');
-                outDiv.style.width = 'auto';
-                const modelData = e.item.getModel();
-                const conf = modelData === null || modelData === void 0 ? void 0 : modelData.conf;
-                let vdomContent;
-                if (conf === null || conf === void 0 ? void 0 : conf.length) {
-                    const contentHtml = conf.map((value, index) => {
-                        const info = { ...value };
-                        // 区分处理节点和审批节点的 待审批/待处理 文案
-                        if (modelData.dataType === 23 && info.status === 0) {
-                            info.status = 10;
-                        }
-                        return (_jsxs("li", { className: "ProcessInfo-item", onClick: () => {
-                                showModal(modelData, info);
-                            }, children: [_jsxs("div", { className: "first-line", children: [_jsx("i", { className: info.status ? 'tootip-will_do' : '' }), _jsx("span", { className: "tootip-name", children: info.name }), _jsx("span", { style: {
-                                                color: APPROVE_MAP[info.status ? info.status : 0].color,
-                                                paddingLeft: '8px',
-                                            }, children: APPROVE_MAP[info.status ? info.status : 0].txt })] }), info.status && info.opTime ? (_jsx("p", { className: "tooltip-time", children: moment(info.opTime).format('YYYY-MM-DD HH:mm:ss') })) : null] }, `conf-${index}`));
-                    });
-                    vdomContent = (_jsxs("div", { className: "ProcessInfo", children: [_jsx("h4", { children: "\u8282\u70B9\u5BA1\u6279\u4FE1\u606F" }), _jsx("ul", { className: "ProcessInfo-content", children: contentHtml })] }));
-                }
-                else {
-                    vdomContent = _jsx("p", { children: "\u6682\u65E0\u4FE1\u606F" });
-                }
-                ReactDOM.render(vdomContent, outDiv);
-                return outDiv;
-            },
-            itemTypes: ['node'],
-        });
-        const graph = new G6.Graph({
-            container: 'flow-graph_container',
-            width,
-            height: height - 300,
-            fitView: true,
-            fitViewPadding: [20, 40, 50, 20],
-            layout: {
-                type: 'dagre',
-                ranksep: 30,
-                controlPoints: true,
-            },
-            defaultNode: {
-                type: 'sql',
-            },
-            plugins: [tooltip],
-            defaultEdge: {
-                type: 'polyline',
-                style: {
-                    endArrow: true,
-                    lineWidth: 2,
-                    stroke: '#C2C8D5',
-                },
-            },
-            nodeStateStyles: {
-                selected: {
-                    stroke: '#000',
-                    fill: '#5394ef',
-                },
-            },
-            modes: {
-                default: ['drag-canvas', 'zoom-canvas'],
-            },
-        });
-        graph.data(jsonData);
-        graph.render();
-        if (typeof window !== 'undefined')
-            window.onresize = () => {
-                if (!graph || graph.get('destroyed'))
-                    return;
-                if (!container || !container.scrollWidth || !container.scrollHeight)
-                    return;
-                graph.changeSize(container.scrollWidth, container.scrollHeight);
-            };
-    };
-    const renderStatus = () => {
-        if (loading) {
-            return _jsx(LoadingTip, {});
-        }
-        if (isEmptyChart) {
-            return _jsx(Status, { icon: "blank", size: "l", title: "\u6682\u65E0\u6D41\u8F6C\u8282\u70B9" });
-        }
-        return null;
-    };
-    return (_jsxs("div", { id: "flow-graph_container", children: [renderStatus(), _jsxs(Modal, { visible: visible, caption: '审批详情', onClose: closeModal, className: "ProcessInfo-modal", children: [_jsx(Modal.Body, { children: _jsx("div", { className: "ProcessInfo-modal_content", children: Object.entries(modalData)
-                                .filter(([, { content }]) => content)
-                                .map(([, { label, content }], index) => (_jsxs("div", { children: [_jsx("span", { className: "ProcessInfo-modal_content-label", children: label }), _jsx("span", { className: "ProcessInfo-modal_content-content", children: content })] }, index))) }) }), _jsx(Modal.Footer, { children: _jsx(Button, { type: "weak", onClick: closeModal, children: "\u5173\u95ED" }) })] })] }));
-};

package/dist/web/components/flow/modules/chart/constants.js

@@ -1,28 +0,0 @@
-export const STATUS_COLOR_MAP = {
-    1: {
-        bgColor: 'rgba(10,191,91,0.10)',
-        lineColor: '#0ABF5B',
-    },
-    2: {
-        bgColor: 'rgba(153,153,153,0.10)',
-        lineColor: '#999999',
-    },
-    3: {
-        bgColor: 'rgba(0,110,255,0.20)',
-        lineColor: '#2473F2',
-    },
-};
-export const APPROVE_MAP = {
-    0: { txt: '待审批', color: '#F88000' },
-    1: { txt: '提交', color: '#09BF5B' },
-    2: { txt: '同意', color: '#09BF5B' },
-    3: { txt: '拒绝', color: '#E02020' },
-    4: { txt: '转办', color: '#333333' },
-    5: { txt: '撤销', color: '#333333' },
-    6: { txt: '回退', color: '#333333' },
-    7: { txt: '加签', color: '#333333' },
-    8: { txt: '终止', color: '#333333' },
-    9: { txt: '跳过', color: '#333333' },
-    10: { txt: '待处理', color: '#F88000' },
-    13: { txt: '已处理', color: '#09BF5B' },
-};

package/dist/web/components/flow/modules/chart/index.css

@@ -1,84 +0,0 @@
-.ProcessInfo {
-  padding: 2px 4px;
-}
-.ProcessInfo h4 {
-  margin-bottom: 4px;
-  font-size: 14px;
-  border-bottom: 1px solid #eee;
-  color: #000;
-}
-.ProcessInfo .ProcessInfo-content {
-  max-height: 160px;
-  overflow: auto;
-}
-.ProcessInfo .ProcessInfo-content .ProcessInfo-item {
-  padding: 8px 0;
-  border-bottom: 1px solid #e5e8ed;
-  cursor: pointer;
-}
-.ProcessInfo .ProcessInfo-content .ProcessInfo-item .first-line {
-  height: 20px;
-  display: flex;
-  justify-content: flex-start nowrap;
-  align-items: center;
-}
-.ProcessInfo .ProcessInfo-content .ProcessInfo-item .first-line i {
-  width: 16px;
-  height: 16px;
-  position: relative;
-  border-radius: 50%;
-  background: rgba(36, 115, 242, 0.15);
-}
-.ProcessInfo
-  .ProcessInfo-content
-  .ProcessInfo-item
-  .first-line
-  i.tooltip-will_do {
-  background: rgba(162, 172, 189, 0.15);
-}
-.ProcessInfo
-  .ProcessInfo-content
-  .ProcessInfo-item
-  .first-line
-  i.tooltip-will_do:after {
-  background: #a2acbd;
-}
-.ProcessInfo .ProcessInfo-content .ProcessInfo-item .first-line i:after {
-  content: '';
-  position: absolute;
-  top: 4px;
-  left: 4px;
-  width: 8px;
-  height: 8px;
-  background-color: var(--co-common-main-color);
-  border-radius: 50%;
-}
-.ProcessInfo .ProcessInfo-content .ProcessInfo-item .first-line .tootip-name {
-  padding-left: 8px;
-}
-.ProcessInfo .ProcessInfo-content .ProcessInfo-item .tooltip-time {
-  padding-left: 24px;
-  color: #999;
-  font-size: 12px;
-  height: 18px;
-  line-height: 18px;
-}
-.ProcessInfo-modal_content > div {
-  display: flex;
-  margin-bottom: 8px;
-}
-.ProcessInfo-modal_content > div .ProcessInfo-modal_content-label {
-  min-width: 60px;
-  margin-right: 28px;
-  color: #999;
-}
-.ProcessInfo-modal_content > div .ProcessInfo-modal_content-content {
-  color: #333;
-}
-.ProcessInfo-modal_content > div .ProcessInfo-modal_content_link > button {
-  display: block;
-}
-.ProcessInfo-modal .tea-dialog__body {
-  max-height: 200px;
-  overflow: auto;
-}

package/dist/web/components/flow/modules/chart/isString.js

@@ -1,5 +0,0 @@
-const to = {}.toString;
-const isType = (value, type) => to.call(value) === '[object ' + type + ']';
-export default (str) => {
-    return isType(str, 'String');
-};

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

@@ -1,111 +0,0 @@
-import { message } from 'tea-component';
-import { flowRequest } from '../../common';
-export function isString(str) {
-    const to = {}.toString;
-    const isType = (value, type) => to.call(value) === '[object ' + type + ']';
-    return isType(str, 'String');
-}
-/**
- * 获取流程实例运行图
- */
-export async function getProcessCanvasInfo(data) {
-    try {
-        const result = await flowRequest({
-            data,
-            action: 'GetProcessCanvasInfo',
-        }, { previewData: getProcessCanvasInfoPreviewData });
-        return result;
-    }
-    catch (error) {
-        message.error({ content: '获取流程实例运行数据失败' });
-        return {};
-    }
-}
-const getProcessCanvasInfoPreviewData = {
-    Nodes: [
-        {
-            visited: true,
-            Id: 2,
-            ElementId: 'approvalNode1656317642548',
-            Name: '经理审批',
-            DataType: 17,
-            Status: 1,
-            Conf: [
-                {
-                    Name: '张三',
-                    Status: 2,
-                    OpTime: 1656502417000,
-                    Comment: '',
-                    AttachmentInfo: '[]',
-                    NewProcessors: 'true',
-                },
-            ],
-        },
-        {
-            visited: true,
-            Id: 3,
-            ElementId: 'approvalNode1656317679079',
-            Name: '总监审批',
-            DataType: 17,
-            Status: 3,
-            Conf: [
-                { Name: '王五', Status: 0, OpTime: 0 },
-                { Name: '李四', Status: 0, OpTime: 0 },
-            ],
-        },
-        {
-            visited: true,
-            Id: 4,
-            ElementId: 'approvalNode1656317682440',
-            Name: '人事审批',
-            DataType: 17,
-            Status: 2,
-        },
-        {
-            visited: true,
-            Id: 1,
-            ElementId: 'startNode',
-            Name: '开始',
-            DataType: 1,
-            Status: 1,
-        },
-        {
-            visited: true,
-            Id: 5,
-            ElementId: 'endNode',
-            Name: '结束',
-            DataType: 13,
-            Status: 2,
-        },
-    ],
-    Edges: [
-        {
-            Label: '同意',
-            Type: 2,
-            Source: 'approvalNode1656317679079',
-            Target: 'approvalNode1656317682440',
-            Status: 2,
-        },
-        {
-            Label: '同意c',
-            Type: 2,
-            Source: 'approvalNode1656317682440',
-            Target: 'endNode',
-            Status: 2,
-        },
-        {
-            Label: '同意',
-            Type: 2,
-            Source: 'approvalNode1656317642548',
-            Target: 'approvalNode1656317679079',
-            Status: 2,
-        },
-        {
-            Label: '',
-            Type: 2,
-            Source: 'startNode',
-            Target: 'approvalNode1656317642548',
-            Status: 2,
-        },
-    ],
-};