@cloudbase/weda-ui 3.4.4 → 3.4.6

package/dist/web/components/flow/components/UserSelectModel/UserSelect.js

@@ -1,74 +0,0 @@
-import React, { useEffect, useRef } from 'react';
-import UserTreeSelect from '../../../form/userOrgSelect/component/user-select-h5';
-export function UserSelect(props) {
-    const { multiple = true, isMobile = false, placeholder, visible = false, onClose, } = props;
-    const visibleRef = useRef(visible);
-    useEffect(() => {
-        const onBodyClick = (e) => {
-            const element = e.target;
-            if (element.closest('.wedatea2td-icon-close') ||
-                element.closest('.wedatea2td-btn--weak')) {
-                onClose === null || onClose === void 0 ? void 0 : onClose();
-            }
-        };
-        const evtOptions = { passive: true, capture: true };
-        document.addEventListener('click', onBodyClick, evtOptions);
-        return () => {
-            document.removeEventListener('click', onBodyClick, evtOptions);
-        };
-    }, []);
-    const { userSelectRef } = usePcUserSelectRef(visible);
-    const onTreeSelectChange = (value) => {
-        var _a, _b;
-        const selectedData = multiple ? value.data : [value.data];
-        const userList = selectedData === null || selectedData === void 0 ? void 0 : selectedData.map((user) => ({
-            text: (user === null || user === void 0 ? void 0 : user.userName) || (user === null || user === void 0 ? void 0 : user.content) || '-',
-            value: user.userId,
-        }));
-        (_a = props === null || props === void 0 ? void 0 : props.onChange) === null || _a === void 0 ? void 0 : _a.call(props, userList || []);
-        (_b = props === null || props === void 0 ? void 0 : props.originOnChange) === null || _b === void 0 ? void 0 : _b.call(props, value);
-        if (visibleRef.current !== true) {
-            onClose === null || onClose === void 0 ? void 0 : onClose();
-        }
-    };
-    const commonProps = {
-        labelVisible: false,
-        decorator: null,
-        multiple,
-        size: 'auto-width',
-        defaultValue: props.value || [],
-        events: {
-            change: onTreeSelectChange,
-        },
-        placeholder,
-        style: {
-            display: 'none',
-        },
-    };
-    const mobileProps = {
-        modelType: 'model',
-        showType: 'h5',
-        dropDownStyle: { width: '190px' },
-        modelOpen: visible,
-    };
-    const pcProps = {
-        showType: 'pc',
-        outerRef: userSelectRef,
-        onClose,
-    };
-    const selectProps = { ...commonProps, ...(isMobile ? mobileProps : pcProps) };
-    return React.createElement(UserTreeSelect, { ...selectProps });
-}
-/**
- * 针对Pc改版后的选人组件设置的自定义hook
- */
-function usePcUserSelectRef(visible) {
-    const userSelectRef = useRef();
-    useEffect(() => {
-        var _a, _b, _c;
-        if (visible) {
-            (_c = (_b = (_a = userSelectRef.current) === null || _a === void 0 ? void 0 : _a.methods) === null || _b === void 0 ? void 0 : _b.open) === null || _c === void 0 ? void 0 : _c.call(_b);
-        }
-    }, [visible]);
-    return { userSelectRef };
-}

package/dist/web/components/flow/components/UserSelectModel/UserSelectMobile.css

@@ -1,8 +0,0 @@
-.flow-user-select-mobile {
-  height: calc(100% - 52px);
-}
-.flow-user-select-mobile .page-info__wrapper-mobile {
-  position: relative;
-  height: 100%;
-  background: #f2f2f2;
-}

package/dist/web/components/flow/components/UserSelectModel/UserSelectMobile.js

@@ -1,86 +0,0 @@
-import React, { useState, useEffect, useRef } from 'react';
-import { safeJsonParse } from '../../../../utils/tool';
-import { UserSelect } from './UserSelect';
-import './UserSelectMobile.css';
-export const UserSelectMobile = (props) => {
-    const { visible, approveField, mode, close, values } = props;
-    const [selected, setSelected] = useState(values);
-    const visibleRef = useRef(visible);
-    useEffect(() => {
-        const selectedAvatar = sessionStorage.getItem('selected');
-        selectedAvatar && setSelected(safeJsonParse(selectedAvatar));
-    }, []);
-    const handleHighLightSelected = (selectedIds, selectedUser, flowData) => {
-        let v = '';
-        const { opinionUserMap, approveInfo } = flowData;
-        selectedIds.forEach((id) => {
-            const user = selectedUser.find((user) => (user === null || user === void 0 ? void 0 : user.UserId) === id) || {};
-            const name = `@${user === null || user === void 0 ? void 0 : user.Name}`;
-            v = `${v + name} `;
-            if (!opinionUserMap[id]) {
-                opinionUserMap[id] = name;
-            }
-        });
-        flowData.approveInfo = approveInfo + v;
-        flowData.opinionUserMap = { ...opinionUserMap };
-    };
-    const saveSelect = (selectedIds, selectedUser) => {
-        var _a;
-        const flowData = (_a = safeJsonParse(sessionStorage.getItem('FlowActionsMobile'))) !== null && _a !== void 0 ? _a : {};
-        if (approveField === 'assigneeIds') {
-            flowData.assigneeIds = selectedIds;
-            sessionStorage.setItem('hasSignSubmit', 'hasSignSubmit');
-        }
-        else if (approveField === 'highLightApprovers') {
-            handleHighLightSelected(selectedIds || [], selectedUser, flowData);
-        }
-        else {
-            flowData[approveField] = selectedIds;
-        }
-        sessionStorage.setItem('FlowActionsMobile', JSON.stringify(flowData));
-        sessionStorage.setItem(approveField, JSON.stringify(selectedUser));
-        if (visibleRef.current !== true) {
-            close === null || close === void 0 ? void 0 : close();
-        }
-    };
-    const onUserSelectChange = (rows) => {
-        var _a;
-        const isMultiple = mode === 'multiple';
-        const ids = isMultiple ? rows.value : [rows.value];
-        const users = (_a = rows.data) === null || _a === void 0 ? void 0 : _a.map((user) => ({
-            Name: (user === null || user === void 0 ? void 0 : user.userName) || (user === null || user === void 0 ? void 0 : user.content) || '-',
-            UserId: user.userId,
-        }));
-        saveSelect(ids, users);
-    };
-    useEffect(() => {
-        let lastTouchEnd = 0;
-        const touchstartFn = (event) => {
-            if (event.touches.length > 1) {
-                event.preventDefault();
-            }
-        };
-        const touchendFn = (event) => {
-            const now = new Date().getTime();
-            if (now - lastTouchEnd <= 300) {
-                event.preventDefault();
-            }
-            lastTouchEnd = now;
-        };
-        const gesturestartFn = (event) => {
-            event.preventDefault();
-        };
-        document.addEventListener('touchstart', touchstartFn);
-        document.addEventListener('touchend', touchendFn, false);
-        // 阻止双指放大
-        document.addEventListener('gesturestart', gesturestartFn);
-        return () => {
-            document.removeEventListener('touchstart', touchstartFn);
-            document.removeEventListener('touchend', touchendFn);
-            document.removeEventListener('gesturestart', gesturestartFn);
-        };
-    }, []);
-    return visible ? (React.createElement(UserSelect, { visible: true, isMobile: true, multiple: mode === 'multiple', value: selected, originOnChange: onUserSelectChange, onClose: () => {
-            close === null || close === void 0 ? void 0 : close();
-        } })) : null;
-};

package/dist/web/components/flow/components/UserSelectModel/index.js

@@ -1,18 +0,0 @@
-import React from 'react';
-import { WedaUserTransfer } from '../WedaUserTransfer';
-import { FlowUserSelect } from '../FlowUserSelect';
-import { UserSelect } from './UserSelect';
-import { UserSelectMobile } from './UserSelectMobile';
-const useOld = false;
-export function UserSelectModel(props) {
-    if (props.mobileModel) {
-        if (useOld) {
-            return React.createElement(FlowUserSelect, { ...props });
-        }
-        return React.createElement(UserSelectMobile, { ...props });
-    }
-    if (useOld) {
-        return React.createElement(WedaUserTransfer, { ...props, setOptions: props === null || props === void 0 ? void 0 : props.onChange });
-    }
-    return React.createElement(UserSelect, { ...props });
-}

package/dist/web/components/flow/components/WedaUserTransfer/index.css

@@ -1,3 +0,0 @@
-.weda-workbench__flow-user-search {
-  background-color: #fff !important;
-}

package/dist/web/components/flow/components/WedaUserTransfer/index.js

@@ -1,162 +0,0 @@
-import React, { useEffect, useRef, useState } from 'react';
-import { Transfer, Table, SearchBox, Bubble, Text, Modal, Button, LoadingTip, } from 'tea-component';
-import to from 'await-to-js';
-import { useGlobalContext } from '../../../../utils/hooks/context';
-import { getWedaUserList } from '../../services';
-import './index.css';
-const { selectable, removeable, scrollable, radioable } = Table.addons;
-export function WedaUserTransfer({ visible, onClose, setOptions, multiple = true, isMobile = false, onSelectedChange, value, tableClassName, }) {
-    var _a;
-    const [targetKeys, setTargetKeys] = useState([]);
-    const [selectedRows, setSelectedRows] = useState([]);
-    const [inputValue, setInputValue] = useState('');
-    const [userList, setUserList] = useState([]);
-    const originUserList = useRef([]);
-    const [loading, setLoading] = useState(false);
-    const { callWedaApi, IS_WEDA_IDE } = useGlobalContext();
-    useEffect(() => {
-        getWedaUser({ PageNo: 1, PageSize: 200 });
-    }, []);
-    useEffect(() => {
-        if (!visible) {
-            onSearchUser('');
-        }
-    }, [visible]);
-    useEffect(() => {
-        var _a;
-        if (isMobile) {
-            setTargetKeys(value);
-        }
-        else {
-            setTargetKeys(value === null || value === void 0 ? void 0 : value.map((i) => i === null || i === void 0 ? void 0 : i.value));
-        }
-        if ((_a = originUserList.current) === null || _a === void 0 ? void 0 : _a.length) {
-            const initSelected = value === null || value === void 0 ? void 0 : value.map((i) => {
-                var _a;
-                return (_a = originUserList.current) === null || _a === void 0 ? void 0 : _a.find((user) => {
-                    if (isMobile)
-                        return (user === null || user === void 0 ? void 0 : user.UserId) === i;
-                    return (user === null || user === void 0 ? void 0 : user.UserId) === (i === null || i === void 0 ? void 0 : i.value);
-                });
-            });
-            setSelectedRows(initSelected || []);
-        }
-    }, [value, (_a = originUserList.current) === null || _a === void 0 ? void 0 : _a.length]);
-    const getWedaUser = async (params) => {
-        setLoading(true);
-        const [err, result] = await to(getWedaUserList(params, { callWedaApi, IS_WEDA_IDE }));
-        setLoading(false);
-        if (!err) {
-            originUserList.current = (result === null || result === void 0 ? void 0 : result.UserList) || [];
-            setUserList((result === null || result === void 0 ? void 0 : result.UserList) || []);
-        }
-    };
-    const onSourceTableChange = (keys, context) => {
-        if (multiple) {
-            setTargetKeys(keys);
-            const selectedRows = transSelectedRows(context);
-            setSelectedRows(selectedRows);
-            onSelectedChange === null || onSelectedChange === void 0 ? void 0 : onSelectedChange({ keys, rows: selectedRows });
-        }
-        else {
-            setTargetKeys([keys]);
-            setSelectedRows([context === null || context === void 0 ? void 0 : context.record]);
-            onSelectedChange === null || onSelectedChange === void 0 ? void 0 : onSelectedChange({ keys: [keys], rows: [context === null || context === void 0 ? void 0 : context.record] });
-        }
-    };
-    const transSelectedRows = (context) => {
-        const { checked, record, recordKey } = context;
-        const index = selectedRows.findIndex((val) => (val === null || val === void 0 ? void 0 : val.UserId) === recordKey);
-        const newSelectedRows = selectedRows.concat();
-        if (checked) {
-            newSelectedRows.push(record);
-        }
-        else {
-            newSelectedRows.splice(index, 1);
-        }
-        return newSelectedRows;
-    };
-    const onSearchUser = (value) => {
-        var _a;
-        setInputValue(value);
-        if (value) {
-            const list = (_a = originUserList.current) === null || _a === void 0 ? void 0 : _a.filter((item) => { var _a; return (_a = item === null || item === void 0 ? void 0 : item.Name) === null || _a === void 0 ? void 0 : _a.includes(value); });
-            setUserList(list);
-        }
-        else {
-            setUserList(originUserList.current);
-        }
-    };
-    const onSubmitUser = () => {
-        setOptions(selectedRows.map((item) => ({
-            text: item.Name,
-            value: item.UserId,
-        })));
-        onCloseModal();
-    };
-    const onRemoveUser = (key) => {
-        setTargetKeys(targetKeys === null || targetKeys === void 0 ? void 0 : targetKeys.filter((i) => i !== key));
-        setSelectedRows(selectedRows === null || selectedRows === void 0 ? void 0 : selectedRows.filter((i) => i.UserId !== key));
-    };
-    const onCloseModal = () => {
-        setTargetKeys([]);
-        setSelectedRows([]);
-        onClose === null || onClose === void 0 ? void 0 : onClose();
-    };
-    if (isMobile) {
-        if (loading) {
-            return React.createElement(LoadingTip, { loadingText: "\u52A0\u8F7D\u4E2D" });
-        }
-        return (React.createElement(React.Fragment, null,
-            React.createElement(SearchBox, { className: "weda-workbench__flow-user-search", value: inputValue, onChange: (value) => onSearchUser(value) }),
-            React.createElement(SourceTable, { dataSource: userList, targetKeys: targetKeys, onChange: onSourceTableChange, multiple: multiple, className: tableClassName })));
-    }
-    return (React.createElement(Modal, { visible: visible, caption: "\u4EBA\u5458\u9009\u62E9", onClose: onCloseModal, size: "l" },
-        React.createElement(Modal.Body, null,
-            React.createElement(Transfer, { leftCell: React.createElement(Transfer.Cell, { scrollable: false, title: "\u8BF7\u9009\u62E9\u7528\u6237", header: React.createElement(SearchBox, { value: inputValue, onChange: (value) => onSearchUser(value) }) },
-                    React.createElement(SourceTable, { dataSource: userList, targetKeys: targetKeys, onChange: onSourceTableChange, multiple: multiple, className: tableClassName })), rightCell: React.createElement(Transfer.Cell, { title: `已选择 (${(targetKeys === null || targetKeys === void 0 ? void 0 : targetKeys.length) || 0})` },
-                    React.createElement(TargetTable, { dataSource: selectedRows, onRemove: onRemoveUser })) })),
-        React.createElement(Modal.Footer, null,
-            React.createElement(Button, { type: "primary", onClick: onSubmitUser }, "\u786E\u5B9A"),
-            React.createElement(Button, { type: "weak", onClick: onCloseModal }, "\u53D6\u6D88"))));
-}
-const columns = [
-    {
-        key: 'Name',
-        header: '用户名',
-        render: (record) => (record === null || record === void 0 ? void 0 : record.Name) ? (React.createElement(Bubble, { content: record === null || record === void 0 ? void 0 : record.Name },
-            React.createElement(Text, { overflow: true, style: { cursor: 'pointer' } }, record === null || record === void 0 ? void 0 : record.Name))) : (React.createElement(Text, null, "-")),
-    },
-    {
-        key: 'UserDepartment',
-        header: '所属部门',
-        render: (record) => {
-            var _a, _b;
-            const showStr = (_a = record === null || record === void 0 ? void 0 : record.Orgs) === null || _a === void 0 ? void 0 : _a.map((i) => (i === null || i === void 0 ? void 0 : i.OrgName) || '').join();
-            return ((_b = record === null || record === void 0 ? void 0 : record.Orgs) === null || _b === void 0 ? void 0 : _b.length) ? (React.createElement(Bubble, { content: showStr },
-                React.createElement(Text, { overflow: true, style: { cursor: 'pointer' } }, showStr))) : (React.createElement(Text, null, "-"));
-        },
-    },
-];
-function SourceTable({ dataSource, targetKeys, onChange, multiple, className, }) {
-    const addons = [
-        scrollable({
-            maxHeight: 310,
-        }),
-        multiple
-            ? selectable({
-                value: targetKeys,
-                onChange,
-                rowSelect: true,
-            })
-            : radioable({
-                value: targetKeys === null || targetKeys === void 0 ? void 0 : targetKeys[0],
-                onChange,
-                rowSelect: true,
-            }),
-    ];
-    return (React.createElement(Table, { records: dataSource, recordKey: "UserId", rowDisabled: (record) => record.status === 'stopped', rowClassName: (record) => record.status, columns: columns, addons: addons, className: className }));
-}
-function TargetTable({ dataSource, onRemove }) {
-    return (React.createElement(Table, { records: dataSource, recordKey: "UserId", columns: columns, addons: [removeable({ onRemove })] }));
-}

package/dist/web/components/flow/modules/control/ApprovalDrawer.css

@@ -1,144 +0,0 @@
-.approval-drawer.drawer {
-  width: 500px !important;
-  top: 0px !important;
-  box-shadow: 0px 25px 25px rgba(0, 0, 0, 0.5) !important;
-  background-color: #fff;
-}
-.approval-drawer.drawer .wedatea2td-form.approval-form__drawer {
-  display: block;
-}
-.approval-drawer.drawer
-  .wedatea2td-form.approval-form__drawer
-  .wedatea2td-form__label {
-  padding-top: 5px !important;
-  padding-bottom: 5px !important;
-  min-width: auto !important;
-  line-height: 1.5 !important;
-}
-.approval-drawer.drawer
-  .wedatea2td-form.approval-form__drawer
-  .wedatea2td-form__label
-  label {
-  font-size: 14px;
-  color: #666;
-}
-.approval-drawer.drawer
-  .wedatea2td-form.approval-form__drawer
-  .wedatea2td-form__controls {
-  width: 100%;
-  font-size: 12px;
-}
-.approval-drawer.drawer
-  .wedatea2td-form.approval-form__drawer
-  .wedatea2td-form__controls--text {
-  padding-top: 5px !important;
-  padding-bottom: 16px !important;
-  line-height: 1.5 !important;
-}
-.approval-drawer.drawer
-  .wedatea2td-form.approval-form__drawer
-  .wedatea2td-form__controls--text
-  .wedatea2td-btn {
-  padding: 0 20px !important;
-  height: 28px !important;
-  line-height: 28px !important;
-  min-width: auto !important;
-}
-.approval-drawer.drawer
-  .wedatea2td-form.approval-form__drawer
-  .wedatea2td-form__controls--text
-  .wedatea2td-btn.wedatea2td-btn--link {
-  padding: 0 !important;
-}
-.approval-drawer.drawer
-  .wedatea2td-form.approval-form__drawer
-  .form-item__plain {
-  font-size: 14px;
-  color: #333;
-}
-.approval-drawer.drawer
-  .wedatea2td-form.approval-form__drawer
-  .btn-wrapper__black
-  button {
-  border-radius: 4px;
-}
-.approval-drawer.drawer
-  .wedatea2td-form.approval-form__drawer
-  .btn-wrapper__black.person-btn__wrapper
-  button {
-  margin-right: 8px;
-  margin-bottom: 6px;
-}
-.approval-drawer.drawer
-  .wedatea2td-form.approval-form__drawer
-  .upload-item__label
-  .wedatea2td-form__label {
-  padding-top: 12px !important;
-}
-.approval-drawer.drawer
-  .wedatea2td-form.approval-form__drawer
-  .form-item__textarea {
-  width: 356px;
-  height: 108px;
-  border-radius: 4px;
-}
-.approval-drawer.drawer .btn-wrapper button {
-  border-radius: 4px;
-}
-.approval-drawer.drawer .btn-wrapper button:first-child {
-  margin-right: 10px;
-}
-.approval-drawer.drawer .person-item {
-  display: inline-block;
-  vertical-align: middle;
-  height: 30px;
-  box-sizing: border-box;
-  margin-right: 8px;
-  margin-bottom: 6px;
-  padding: 4px;
-  border: 1px solid #dcdee6;
-  border-radius: 4px;
-  font-size: 12px;
-}
-.approval-drawer.drawer .person-item span {
-  padding: 0 8px;
-}
-.approval-drawer.drawer .person-item .wedatea2td-icon-dismiss {
-  cursor: pointer;
-}
-.approval-drawer.drawer .wedatea2td-drawer__body {
-  padding: 28px;
-}
-.approval-drawer.drawer .wedatea2td-drawer__footer {
-  flex: 0 0 76px;
-  padding: 20px;
-  background-color: #fff;
-}
-.approval-drawer.drawer .wedatea2td-drawer__footer .btn-wrapper button {
-  height: 36px;
-  width: 106px;
-}
-.approval-drawer.drawer .apass-upload-file-item__title {
-  max-width: 220px;
-  overflow: hidden;
-  text-overflow: ellipsis;
-  display: inline-block;
-}
-.ccUsers-wrapper .person-item {
-  display: inline-block;
-  vertical-align: middle;
-  height: 30px;
-  box-sizing: border-box;
-  margin-right: 8px;
-  margin-bottom: 6px;
-  padding: 4px;
-  border: 1px solid #dcdee6;
-  border-radius: 4px;
-  font-size: 12px;
-}
-.ccUsers-wrapper .person-item span {
-  padding: 0 8px;
-}
-.ccUsers-wrapper .person-item .wedatea2td-icon-dismiss {
-  cursor: pointer;
-}

package/dist/web/components/flow/modules/control/ApprovalDrawer.js

@@ -1,178 +0,0 @@
-import React, { useState, useEffect } from 'react';
-import { Drawer, Button, Form, Icon } from 'tea-component';
-import { HighlightTextarea, UserSelectModel } from '../../components';
-import { useControlContext } from './provider';
-import './ApprovalDrawer.css';
-const ExtraDOM = (props) => {
-    const { 
-    // fileList,
-    approveInfo, onChange, 
-    // appCode,
-    type, operationName, statusFlag, setStatusFlag, statusMessage, setStatusMessage, opinionUserMap, setOpinionUserMap, setHighlightPositionMap, } = props;
-    const approveInfoLabel = type === 'handle' ? `${operationName}意见` : '审批意见';
-    return (React.createElement(Form.Item, { label: approveInfoLabel, required: type === 'reject', status: statusFlag, message: statusMessage },
-        React.createElement(HighlightTextarea, { value: approveInfo, placeholder: `请输入您的${approveInfoLabel},可@通知他人`, opinionUserMap: opinionUserMap, setOpinionUserMap: setOpinionUserMap, setHighlightPositionMap: setHighlightPositionMap, onChange: (value) => {
-                onChange('approveInfo', value);
-                setStatusFlag('');
-                setStatusMessage(null);
-                if (type === 'reject' && !value.trim()) {
-                    setStatusFlag('error');
-                    setStatusMessage(`请输入${approveInfoLabel}`);
-                }
-                if (value.length > 500) {
-                    setStatusFlag('error');
-                    setStatusMessage(`${approveInfoLabel}长度不可超过500，请检查`);
-                }
-            } })));
-};
-const ApprovePerson = (props) => {
-    const { label, approvers, show, onChange } = props;
-    const removeItem = (index) => {
-        const approversAvatar = approvers.filter((item, idx) => idx !== index);
-        onChange(approversAvatar);
-    };
-    return (React.createElement(Form.Item, { label: label, className: "btn-wrapper__black person-btn__wrapper" },
-        React.createElement(Button, { onClick: show },
-            React.createElement("span", { style: { fontSize: '16px', lineHeight: '16px' } }, "+"),
-            " ",
-            '人员'),
-        approvers.length > 0
-            ? approvers.map(({ text }, index) => (React.createElement("div", { className: "person-item", key: `person-${index}` },
-                React.createElement("span", null, text),
-                React.createElement(Icon, { type: "dismiss", onClick: () => removeItem(index) }))))
-            : null));
-};
-export const ApprovalDrawer = (props) => {
-    var _a, _b, _c, _d, _e, _f;
-    const { pageInfo, flowDetail } = props;
-    const { handleType, approveDrawerVisible, submitLoading, onTriggerFlowEvent, onApproveDrawerVisibleChange, } = useControlContext();
-    const { startAppCode: appCode, currentNodeName: nodeName, operationName, currentApproverName, } = flowDetail || {};
-    const { buttons, showCarbonCopy } = pageInfo || {};
-    const [fileList, setFileList] = useState((_a = props.fileList) !== null && _a !== void 0 ? _a : []);
-    const [approveInfo, setApproveInfo] = useState((_b = props.approveInfo) !== null && _b !== void 0 ? _b : '');
-    const [opinionUserMap, setOpinionUserMap] = useState({});
-    const [highlightPositionMap, setHighlightPositionMap] = useState({});
-    const [approvers, setApprovers] = useState((_c = props.approvers) !== null && _c !== void 0 ? _c : []);
-    const [modalVisible, setModalVisible] = useState(false);
-    const [statusFlag, setStatusFlag] = useState('');
-    const [statusMessage, setStatusMessage] = useState(null);
-    const showModal = () => setModalVisible(true);
-    const hideModal = () => setModalVisible(false);
-    const stateMap = {
-        fileList: {
-            default: [],
-            fn: setFileList,
-        },
-        // addTag: {
-        //   default: false,
-        //   fn: setTagStatus,
-        // },
-        approveInfo: {
-            default: '',
-            fn: setApproveInfo,
-        },
-        approvers: {
-            default: [],
-            fn: setApprovers,
-        },
-        statusFlag: {
-            default: '',
-            fn: setStatusFlag,
-        },
-        statusMessage: {
-            default: null,
-            fn: setStatusMessage,
-        },
-    };
-    const approvalType = {
-        agree: {
-            title: `${(buttons === null || buttons === void 0 ? void 0 : buttons[1]) || '同意'}`,
-            dom: true,
-            personLabel: '抄送',
-        },
-        reject: {
-            title: `${(buttons === null || buttons === void 0 ? void 0 : buttons[2]) || '拒绝'}`,
-            dom: true,
-            personLabel: '抄送',
-        },
-        transfer: {
-            title: '转办',
-            dom: false,
-            personLabel: '转办',
-        },
-        handle: {
-            title: '处理',
-            dom: true,
-            personLabel: '处理',
-        },
-    };
-    useEffect(() => {
-        if (!approveDrawerVisible) {
-            Object.values(stateMap).forEach(({ default: defaultValue, fn }) => fn(defaultValue));
-        }
-        else {
-            // postUserInfo().then((res) => {
-            //   if (res?.data) {
-            //     setApprover(res?.data?.name);
-            //   }
-            // });
-        }
-    }, [approveDrawerVisible]);
-    const handleSubmit = () => {
-        var _a;
-        // const getIdReg = /^(\d+)&(?:user|group),(?:.+)$/;
-        if (submitLoading)
-            return;
-        const obj = {
-            operationComment: approveInfo,
-            opinionUserMap,
-            highlightPositionList: JSON.stringify(highlightPositionMap),
-            attachmentInfo: JSON.stringify(fileList),
-            ccUserIds: approvers.map((item) => item.value).join(','),
-            turnToUserId: (_a = approvers === null || approvers === void 0 ? void 0 : approvers[0]) === null || _a === void 0 ? void 0 : _a.value,
-        };
-        switch (handleType) {
-            case 'agree':
-                Reflect.deleteProperty(obj, 'turnToUserId');
-                break;
-            case 'reject':
-                Reflect.deleteProperty(obj, 'ccUserIds');
-                Reflect.deleteProperty(obj, 'turnToUserId');
-                break;
-            case 'transfer':
-                Reflect.deleteProperty(obj, 'ccUserIds');
-                break;
-        }
-        onTriggerFlowEvent(obj);
-    };
-    const onChange = (key, value) => {
-        stateMap[key].fn(value);
-    };
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Drawer, { showMask: true, size: 'l', className: "approval-drawer drawer", outerClickClosable: false, visible: approveDrawerVisible, title: handleType === 'handle'
-                ? `${operationName}意见`
-                : `审批意见-${(_d = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _d === void 0 ? void 0 : _d.title}`, onClose: onApproveDrawerVisibleChange, footer: React.createElement("div", { className: "btn-wrapper" },
-                React.createElement(Button, { className: "submit-btn", type: "primary", loading: submitLoading, onClick: () => {
-                        if (handleType === 'reject' && !approveInfo.trim()) {
-                            setStatusFlag('error');
-                            setStatusMessage('请输入审批意见');
-                            return;
-                        }
-                        if (approveInfo.length > 500) {
-                            setStatusFlag('error');
-                            setStatusMessage('审批意见长度不可超过500，请检查');
-                            return;
-                        }
-                        handleSubmit();
-                    } }, "\u63D0\u4EA4"),
-                React.createElement(Button, { onClick: onApproveDrawerVisibleChange }, "\u53D6\u6D88")) },
-            React.createElement(Form, { className: "approval-form__drawer" },
-                React.createElement(Form.Item, { label: '当前节点' },
-                    React.createElement("span", { className: "form-item__plain" }, nodeName)),
-                React.createElement(Form.Item, { label: handleType === 'handle' ? '处理人' : '审批人' },
-                    React.createElement("span", { className: "form-item__plain" }, currentApproverName || '--')),
-                ((_e = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _e === void 0 ? void 0 : _e.dom) ? (React.createElement(ExtraDOM, { type: handleType, appCode: appCode, onChange: onChange, fileList: fileList, approveInfo: approveInfo, operationName: operationName, statusFlag: statusFlag, setStatusFlag: setStatusFlag, statusMessage: statusMessage, setStatusMessage: setStatusMessage, opinionUserMap: opinionUserMap, setOpinionUserMap: setOpinionUserMap, setHighlightPositionMap: setHighlightPositionMap })) : null,
-                handleType !== 'reject' &&
-                    (showCarbonCopy || handleType === 'transfer') ? (React.createElement(ApprovePerson, { approvers: approvers, label: (_f = approvalType === null || approvalType === void 0 ? void 0 : approvalType[handleType]) === null || _f === void 0 ? void 0 : _f.personLabel, show: showModal, onChange: (val) => onChange('approvers', val) })) : null)),
-        React.createElement(UserSelectModel, { visible: modalVisible, onChange: (val) => onChange('approvers', val), onClose: hideModal, value: approvers === null || approvers === void 0 ? void 0 : approvers.map((item) => item === null || item === void 0 ? void 0 : item.value) })));
-};