@cloudbase/weda-ui 3.4.5 → 3.4.7

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) })));
-};

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

@@ -1,115 +0,0 @@
-.cp-vant-popup {
-  z-index: 998 !important;
-}
-.cp-vant-popup h3.popup-title {
-  padding: 20px 24px 12px;
-}
-.cp-vant-popup .rv-cell {
-  padding: 12px 24px;
-}
-.cp-vant-popup .rv-field + .rv-field {
-  margin-top: 12px;
-}
-.cp-vant-popup .rv-field__control {
-  color: #000;
-}
-.cp-vant-popup .rv-cell:not(:last-child)::after {
-  left: 24px;
-  right: 24px;
-  border-bottom: 1px solid #dcdee6;
-}
-.cp-vant-popup .apa-height-xl.wedatea2td-btn.success-btn {
-  padding: 0;
-  height: 40px;
-  line-height: 40px;
-  min-width: 152px;
-  position: absolute;
-  bottom: 30px;
-  left: 20px;
-  right: 20px;
-  width: calc(100% - 48px);
-}
-.cp-vant-popup .popup-content-wrapper {
-  height: calc(100% - 90px);
-  overflow: auto;
-}
-.cp-vant-popup h3.popup-title {
-  padding: 20px;
-  padding-bottom: 10px;
-  font-size: 14px;
-}
-.cp-vant-popup .rv-cell {
-  padding-left: 20px;
-}
-.cp-vant-popup .upload-cell_wrapper .pant-cell__title {
-  display: flex;
-  justify-content: space-between;
-}
-.cp-vant-popup .label-execute__btn .rv-cell__value .rv-field__control-wrapper {
-  margin-right: 12px;
-  justify-content: flex-end;
-  color: #2473f2;
-}
-.cp-vant-popup
-  .label-execute__btn
-  .rv-cell__value
-  .rv-field__control-wrapper
-  .rv-field__children {
-  justify-content: flex-end;
-}
-.cp-vant-popup .label-execute__btn .btn-show-modal {
-  display: flex;
-  align-items: center;
-}
-.cp-vant-popup .label-execute__btn .apa-icon {
-  width: 16px;
-  height: 16px;
-  display: inline-block;
-  vertical-align: middle;
-  background-repeat: no-repeat;
-  background-position: inherit;
-  font-size: 0;
-  background-image: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTYgMTYiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8IS0tIEdlbmVyYXRvcjogU2tldGNoIDU4ICg4NDY2MykgLSBodHRwczovL3NrZXRjaC5jb20gLS0+CiAgICA8dGl0bGU+55S75p2/PC90aXRsZT4KICAgIDxkZXNjPkNyZWF0ZWQgd2l0aCBTa2V0Y2guPC9kZXNjPgogICAgPGcgaWQ9IueUu+advyIgc3Ryb2tlPSJub25lIiBzdHJva2Utd2lkdGg9IjEiIGZpbGw9Im5vbmUiIGZpbGwtcnVsZT0iZXZlbm9kZCI+CiAgICAgICAgPGcgaWQ9IuWbvuaghy/mt7vliqAiPgogICAgICAgICAgICA8ZyBpZD0i57yW57uEIj4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04LDIuNSBDOC4yNzYxNDIzNywyLjUgOC41LDIuNzIzODU3NjMgOC41LDMgTDguNSw3LjUgTDEzLDcuNSBDMTMuMjc2MTQyNCw3LjUgMTMuNSw3LjcyMzg1NzYzIDEzLjUsOCBDMTMuNSw4LjI3NjE0MjM3IDEzLjI3NjE0MjQsOC41IDEzLDguNSBMOC41LDguNSBMOC41LDEzIEM4LjUsMTMuMjc2MTQyNCA4LjI3NjE0MjM3LDEzLjUgOCwxMy41IEM3LjcyMzg1NzYzLDEzLjUgNy41LDEzLjI3NjE0MjQgNy41LDEzIEw3LjUsOC41IEwzLDguNSBDMi43MjM4NTc2Myw4LjUgMi41LDguMjc2MTQyMzcgMi41LDggQzIuNSw3LjcyMzg1NzYzIDIuNzIzODU3NjMsNy41IDMsNy41IEw3LjUsNy41IEw3LjUsMyBDNy41LDIuNzIzODU3NjMgNy43MjM4NTc2MywyLjUgOCwyLjUgWiIgaWQ9IuW9oueKtue7k+WQiCIgZmlsbD0iIzI0NzNGMiI+PC9wYXRoPgogICAgICAgICAgICAgICAgPHJlY3QgaWQ9IuefqeW9oiIgeD0iMCIgeT0iMCIgd2lkdGg9IjE2IiBoZWlnaHQ9IjE2Ij48L3JlY3Q+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
-}
-.pant-popup .success-btn {
-  position: absolute;
-  bottom: 30px;
-  left: 20px;
-  right: 20px;
-  width: calc(100% - 48px);
-}
-.highlightTextarea-cell_wrapper .rv-cell__title {
-  width: 100%;
-}
-.highlightTextarea-cell_wrapper
-  .highlightTextarea-mobile__wrapper
-  .highlight-textarea {
-  border: none;
-  color: #000;
-  margin-top: 5px;
-}
-.highlightTextarea-cell_wrapper .highlightTextarea-mobile__wrapper .extra-dom {
-  position: absolute;
-  right: 40px;
-  top: 14px;
-  color: #006eff;
-  cursor: pointer;
-}
-.highlightTextarea-cell_wrapper .rv-cell__value {
-  display: none;
-}
-.rv-popup .person-item {
-  display: flex;
-  justify-content: space-between;
-  font-size: 12px;
-  background: rgba(220, 222, 230, 0.4);
-  padding: 4px 8px;
-  line-height: 20px;
-  margin: 0 24px;
-}
-.rv-popup .person-item .tea-icon {
-  margin-top: 4px;
-}
-.rv-popup .person-item + .person-item {
-  margin-top: 4px;
-}