@cloudbase/weda-ui 3.4.3 → 3.4.5

package/dist/web/components/form/userOrgSelect/common/utils.js

@@ -3,9 +3,11 @@ export const dealUserData = (data = []) => {
     return data.map((user) => {
         const userInfo = JSON.parse(user === null || user === void 0 ? void 0 : user.UserExtend) || {};
         const primaryColumn = user === null || user === void 0 ? void 0 : user.PrimaryColumn;
+        const name = (user === null || user === void 0 ? void 0 : user[primaryColumn]) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo[primaryColumn]) || (user === null || user === void 0 ? void 0 : user.UserId);
         return {
             id: user === null || user === void 0 ? void 0 : user.UserId,
-            userName: (user === null || user === void 0 ? void 0 : user[primaryColumn]) || (userInfo === null || userInfo === void 0 ? void 0 : userInfo[primaryColumn]) || (user === null || user === void 0 ? void 0 : user.UserId),
+            userName: name,
+            content: name,
             userId: user === null || user === void 0 ? void 0 : user.UserId,
             isUser: true,
             orgId: (user === null || user === void 0 ? void 0 : user.OrgId) || null,
@@ -13,3 +15,89 @@ export const dealUserData = (data = []) => {
         };
     });
 };
+// 处理数据呀部门数据格式
+export const dealOrgData = (data = []) => {
+    return data.map((item) => {
+        return {
+            id: item === null || item === void 0 ? void 0 : item._id,
+            orgName: item === null || item === void 0 ? void 0 : item.departmentName,
+            content: item === null || item === void 0 ? void 0 : item.departmentName,
+            orgId: (item === null || item === void 0 ? void 0 : item._id) || null,
+            depth: item === null || item === void 0 ? void 0 : item.depth,
+            orgCode: item === null || item === void 0 ? void 0 : item.departmentCode,
+        };
+    });
+};
+// export const parentIcon = ({ expanded }) => (
+//   <Icon type={expanded ? 'folderopen' : 'folderclose'} />
+// );
+// 处理部门数据格式
+export const dealOrgDataH5 = (data = []) => data.map((i) => ({
+    id: i.OrgId,
+    content: i[i.PrimaryColumn] || i.OrgId,
+    children: undefined,
+    selectable: true,
+    expandable: true,
+    isUser: false,
+    //icon: parentIcon,
+    orgId: i.OrgId,
+    userId: (i === null || i === void 0 ? void 0 : i.UserId) || null,
+}));
+// 处理部门数据格式
+export const dealOrgAPIData = (data = []) => {
+    return data.map((item) => {
+        const primaryColumn = item === null || item === void 0 ? void 0 : item.PrimaryColumn;
+        return {
+            id: item === null || item === void 0 ? void 0 : item.OrgId,
+            orgName: (item === null || item === void 0 ? void 0 : item[primaryColumn]) || (item === null || item === void 0 ? void 0 : item.OrgId),
+            content: (item === null || item === void 0 ? void 0 : item[primaryColumn]) || (item === null || item === void 0 ? void 0 : item.OrgId),
+            orgId: (item === null || item === void 0 ? void 0 : item.OrgId) || null,
+            orgCode: item === null || item === void 0 ? void 0 : item.OrgIdentity,
+        };
+    });
+};
+export const getNode = (nodes, id, key) => {
+    if (!id)
+        return null;
+    if (id === 'root')
+        return nodes;
+    for (const node of nodes) {
+        if (node[key] === id) {
+            return node;
+        }
+        if (node.children) {
+            const result = getNode(node.children, id, key);
+            if (result) {
+                return result;
+            }
+        }
+    }
+    return null;
+};
+export const getBreadNode = (data, item) => {
+    var _a;
+    const newData = [];
+    let nullFlag = false;
+    if (data && data.length === 0)
+        return [item];
+    for (let i = 0; i < data.length; i++) {
+        newData.push(data[i]);
+        if ((item === null || item === void 0 ? void 0 : item.id) === ((_a = data[i]) === null || _a === void 0 ? void 0 : _a.id)) {
+            nullFlag = true;
+            break;
+        }
+    }
+    if (!nullFlag)
+        return newData.concat(item);
+    return newData;
+};
+/**
+ * 将字符串格式转换为数组，兼容多选落库为逗号分隔字符串情况
+ * @param value
+ * @returns
+ */
+export const parseStrToArr = (value) => {
+    if (typeof value === 'string')
+        return value.split(',');
+    return value;
+};

package/dist/web/components/form/userOrgSelect/component/depart-breadcrumb.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import { Button } from 'tea-component';
+export const DepartBreadcrumb = (props) => {
+    const { data, onBreadCrumbClick } = props;
+    return (React.createElement("div", { className: "weda-select-user-dept-breadcrumb" },
+        React.createElement(Button, { type: "link", className: !(Array.isArray(data) && data.length > 0)
+                ? 'weda-select-user-dept-breadcrumb__item is-selected'
+                : 'weda-select-user-dept-breadcrumb__item', onClick: () => onBreadCrumbClick() }, "\u7EC4\u7EC7\u67B6\u6784"),
+        (data || []).map((item, index) => (React.createElement(React.Fragment, null,
+            ' ',
+            React.createElement("span", { className: "weda-select-user-dept-breadcrumb__separate" }),
+            React.createElement(Button, { type: "link", className: index === data.length - 1
+                    ? 'weda-select-user-dept-breadcrumb__item is-selected'
+                    : 'weda-select-user-dept-breadcrumb__item', onClick: () => onBreadCrumbClick(item) }, item === null || item === void 0 ? void 0 : item.content))))));
+};

package/dist/web/components/form/userOrgSelect/component/depart-select/depart-select-pc.js

@@ -0,0 +1,63 @@
+import React, { useState } from 'react';
+import { renderDecorator } from '../../../renderDecorator';
+import classNames from '../../../../../utils/classnames';
+import { Dropdown, ConfigProvider } from 'tea-component';
+//import {dealOrgData } from '../../utils';
+import { defaultRequest } from '../../common/fetch-data-service';
+import '../index.css';
+import { OrgModalPC } from './org-modal-pc';
+import { InputTags } from '../../component/input-tags';
+import { useDepartData } from '../../hooks/use-depart-data';
+import { filterStrList } from '../../../../../utils/platform';
+export const OrgTreeContext = React.createContext(null);
+export function DepartTreeSelectPC({ id, className, style, label = '部门选择', labelVisible = true, placeholder = '请选择部门', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', multiple = false, decorator, request = defaultRequest, confirmOrgIds, confirmOrgList, setConfirmOrgList, selectedOrgIds, setSelectedOrgIds, selectedOrgList, setSelectedOrgList, errorInfo, setErrorInfo, }) {
+    const [open, setOpen] = useState(false);
+    const { orgTreeData, orgList, error } = useDepartData({
+        request,
+    });
+    // 外层组件类
+    const cls = classNames({
+        'weda-ui': true,
+        'weda-user-tree-select': true,
+        [className]: className,
+    });
+    //确定 关闭弹窗
+    const onConfirm = () => {
+        setConfirmOrgList(selectedOrgList);
+        setOpen(false);
+    };
+    //取消 关闭弹窗
+    const onCancel = () => {
+        setSelectedOrgList([]);
+        setOpen(false);
+    };
+    return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement(OrgTreeContext.Provider, { value: {
+                selectedOrgList,
+                multiple,
+                setSelectedOrgList,
+                confirmOrgList,
+                selectedOrgIds,
+                setSelectedOrgIds,
+                request,
+            } },
+            React.createElement(Dropdown, { className: classNames(`weda-ui-org-selected`, `size-${size}`), open: open, onOpenChange: (open) => {
+                    setOpen(open);
+                    setSelectedOrgIds(filterStrList(confirmOrgIds));
+                    setErrorInfo({ errorStatus: false, errorMessage: null });
+                }, appearance: 'button', button: React.createElement(InputTags, { tagsList: confirmOrgList, placeholder: placeholder, multiple: multiple, errInfo: errorInfo, disabled: disabled, onClose: (e, item) => {
+                        setConfirmOrgList(confirmOrgList.filter((l) => (l === null || l === void 0 ? void 0 : l.id) !== (item === null || item === void 0 ? void 0 : item.id)));
+                        e.stopPropagation();
+                    } }), overlayClassName: 'weda-ui-user-selected-overlay-hidden', style: { width: '100%' }, disabled: disabled },
+                React.createElement(OrgModalPC, { open: open, setOpen: setOpen, request: request, onConfirm: onConfirm, onCancel: onCancel, treeData: orgTreeData || [], orgList: orgList || [], treeDataError: error })))))({
+        id,
+        className: cls,
+        style,
+        label: labelVisible ? label : null,
+        layout,
+        multiCell: false,
+        requiredFlag,
+        size,
+        decorator,
+    });
+}

package/dist/web/components/form/userOrgSelect/component/depart-select/index.js

@@ -0,0 +1,96 @@
+import React, { useState, useEffect } from 'react';
+import { ConfigProvider } from 'tea-component';
+// import './index.less';
+import { useSyncValue } from '../../../../../utils/hooks/useSyncValue';
+import { usePlatform, isInIde } from '../../../../../utils/platform';
+import isObjectEqual from '../../../../../utils/isObjectEqual';
+import { emptyObject, emptyArray } from '../../../../../utils/constant';
+import { DepartTreeSelectH5 as DepartSelectH5 } from '../../departTreeSelect/departTreeSelect.h5';
+import { DepartTreeSelectPC as DepartSelectPC } from './depart-select-pc';
+import { defaultRequest, getDepartByIds, } from '../../common/fetch-data-service';
+export default function DepartTreeSelect(props) {
+    const { events = emptyObject, defaultValue = emptyArray, //默认值，支持数组
+    confirmValue = '', defaultValueType = 'noneDepart', multiple = false, onChange = null, 
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    request = defaultRequest, } = props;
+    const platform = usePlatform();
+    // 两次默认值不同, 需要刷新
+    const prevDefaultRef = React.useRef(null);
+    // 最终选定部门id
+    const [confirmOrgIds, setConfirmOrgIds] = useSyncValue(defaultValue, isObjectEqual);
+    //弹窗中被选中部门id集合
+    const [selectedOrgIds, setSelectedOrgIds] = useState([]);
+    // 最终选定部门集合
+    const [confirmOrgList, setConfirmOrgList] = useState([]);
+    //弹窗中被选中部门集合
+    const [selectedOrgList, setSelectedOrgList] = useState([]);
+    const [errorInfo, setErrorInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    useEffect(() => {
+        if (defaultValueType === 'confirmDepart') {
+            setConfirmOrgIds(confirmValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValueType, confirmValue]);
+    const getDefaultOrg = async (ids) => {
+        try {
+            setErrorInfo({ errorStatus: false, errorMessage: null });
+            if (ids && ids.length !== 0 && !isInIde()) {
+                const { orgList } = await getDepartByIds({ ids, request });
+                setConfirmOrgList(orgList);
+            }
+            else {
+                setConfirmOrgList([]);
+            }
+        }
+        catch (e) {
+            setConfirmOrgList([]);
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    useEffect(() => {
+        try {
+            if (!isObjectEqual(prevDefaultRef.current, confirmOrgIds)) {
+                getDefaultOrg(confirmOrgIds);
+                prevDefaultRef.current = confirmOrgIds;
+            }
+        }
+        catch (e) { }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValueType, confirmOrgIds]);
+    useEffect(() => {
+        var _a, _b, _c;
+        setSelectedOrgList(confirmOrgList);
+        onChange === null || onChange === void 0 ? void 0 : onChange(multiple
+            ? confirmOrgList.length > 0
+                ? confirmOrgList.map((e) => {
+                    return e === null || e === void 0 ? void 0 : e.id;
+                })
+                : null
+            : (_a = confirmOrgList[0]) === null || _a === void 0 ? void 0 : _a.id);
+        (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, multiple
+            ? {
+                value: confirmOrgList.length > 0
+                    ? confirmOrgList.map((e) => {
+                        return e === null || e === void 0 ? void 0 : e.id;
+                    })
+                    : null,
+                data: confirmOrgList,
+            }
+            : {
+                value: ((_c = confirmOrgList[0]) === null || _c === void 0 ? void 0 : _c.id) || null,
+                data: confirmOrgList[0] || null,
+            });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [confirmOrgList]);
+    if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
+        return (React.createElement(DepartSelectPC, { confirmOrgIds: confirmOrgIds, confirmOrgList: confirmOrgList, setConfirmOrgList: setConfirmOrgList, selectedOrgIds: selectedOrgIds, setSelectedOrgIds: setSelectedOrgIds, selectedOrgList: selectedOrgList, setSelectedOrgList: setSelectedOrgList, errorInfo: errorInfo, setErrorInfo: setErrorInfo, ...props }));
+    }
+    if ((props === null || props === void 0 ? void 0 : props.showType) === 'h5') {
+        return (React.createElement(DepartSelectH5, { confirmOrgIds: confirmOrgIds, confirmOrgList: confirmOrgList, setConfirmOrgList: setConfirmOrgList, selectedOrgIds: selectedOrgIds, setSelectedOrgIds: setSelectedOrgIds, selectedOrgList: selectedOrgList, setSelectedOrgList: setSelectedOrgList, errorInfo: errorInfo, setErrorInfo: setErrorInfo, ...props }));
+    }
+    return platform === 'h5' ? (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement(DepartSelectH5, { confirmOrgIds: confirmOrgIds, confirmOrgList: confirmOrgList, setConfirmOrgList: setConfirmOrgList, selectedOrgIds: selectedOrgIds, setSelectedOrgIds: setSelectedOrgIds, selectedOrgList: selectedOrgList, setSelectedOrgList: setSelectedOrgList, errorInfo: errorInfo, setErrorInfo: setErrorInfo, ...props }))) : (React.createElement(DepartSelectPC, { confirmOrgIds: confirmOrgIds, confirmOrgList: confirmOrgList, setConfirmOrgList: setConfirmOrgList, selectedOrgIds: selectedOrgIds, setSelectedOrgIds: setSelectedOrgIds, selectedOrgList: selectedOrgList, setSelectedOrgList: setSelectedOrgList, errorInfo: errorInfo, setErrorInfo: setErrorInfo, ...props }));
+}

package/dist/web/components/form/userOrgSelect/component/depart-select/org-modal-pc.js

@@ -0,0 +1,69 @@
+import React, { useState, useEffect } from 'react';
+import { Button, Modal, Bubble } from 'tea-component';
+import { ModalSearch } from '../modal-search';
+import { OrgTreeContext } from './depart-select-pc';
+import { OrgTree } from '../org-tree';
+import { SelectedList } from '../selected-list';
+import { fetchSearchOrg } from '../../common/fetch-data-service';
+import debounce from '../../../../../utils/debounce';
+import '../index.css';
+export const OrgModalPC = (props) => {
+    const { open, setOpen, onCancel, onConfirm, treeData, orgList, treeDataError, } = props;
+    const { selectedOrgList, multiple, setSelectedOrgList, confirmOrgList, selectedOrgIds, setSelectedOrgIds, request, } = React.useContext(OrgTreeContext) || {};
+    const [searchOrgList, setSearchOrgList] = useState([]);
+    // 是否有搜索项
+    const [keyWords, setKeyWords] = useState('');
+    const [errInfo, setErrInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    const [loading, setLoading] = useState(false);
+    useEffect(() => {
+        let selectOrgList = [];
+        []
+            .concat(selectedOrgIds)
+            .map((e) => (selectOrgList = selectOrgList.concat(orgList.filter((item) => (item === null || item === void 0 ? void 0 : item.id) === e))));
+        setSelectedOrgList(selectOrgList);
+    }, [selectedOrgIds]);
+    //搜索值变化延迟响应，节流处理
+    const onSearch = debounce((key) => {
+        try {
+            if (key && key.length > 0) {
+                setLoading(true);
+                fetchSearchOrg({ key, request }).then((res) => {
+                    setLoading(false);
+                    setSearchOrgList(res);
+                });
+            }
+            else {
+                setSearchOrgList([]);
+            }
+            setKeyWords(key);
+        }
+        catch (e) {
+            setLoading(false);
+            setErrInfo({ errorStatus: true, errorMessage: e });
+        }
+    }, 500);
+    return (React.createElement(Modal, { visible: open, caption: "\u9009\u62E9\u90E8\u95E8", onClose: () => setOpen(false), className: "weda-ui weda-ui-user-select-modal" },
+        React.createElement(Modal.Body, null,
+            React.createElement("div", { className: "weda-ui-user-select-container" },
+                React.createElement(ModalSearch, { searchList: searchOrgList, errInfo: errInfo, loading: loading, keyWords: keyWords, selectedList: selectedOrgList, multiple: multiple, setSelectedList: setSelectedOrgList, setSelectedIds: setSelectedOrgIds, selectedIds: selectedOrgIds, onSearch: (key) => onSearch(key), onReset: () => setSearchOrgList([]), isUser: false }),
+                keyWords.length === 0 && (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "weda-ui-user-select-container-list" },
+                        React.createElement("div", { className: "weda-ui-user-select-container-list__start" },
+                            React.createElement(OrgTree, { selectedOrgId: selectedOrgIds, mutiple: multiple, 
+                                //setSelectedOrgId={setSelectedOrgId}
+                                treeData: treeData, treeDataError: treeDataError, selectable: true, onActive: (ids) => {
+                                    setSelectedOrgIds(ids);
+                                } })))))),
+            React.createElement(SelectedList, { selectedList: selectedOrgList, isUser: false, onClose: (item) => {
+                    setSelectedOrgIds(selectedOrgIds.filter((e) => e !== (item === null || item === void 0 ? void 0 : item.id)));
+                } })),
+        React.createElement(Modal.Footer, null,
+            React.createElement(Button, { type: "weak", onClick: onCancel }, "\u53D6\u6D88"),
+            React.createElement(Bubble, { content: selectedOrgList.length === 0 && confirmOrgList.length === 0
+                    ? '请选择部门'
+                    : null },
+                React.createElement(Button, { type: "primary", onClick: onConfirm, disabled: selectedOrgList.length === 0 && confirmOrgList.length === 0 }, "\u786E\u5B9A")))));
+};

package/dist/web/components/form/userOrgSelect/component/index.css

@@ -0,0 +1,323 @@
+/* 最外层容器 */
+.weda-ui-user-selected {
+}
+
+/* 弹窗 */
+.weda-ui-user-select-modal {
+}
+
+.weda-ui-user-select-modal .wedatea2td-icon-status-blank {
+  width: 120px;
+  height: 80px;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTIwIiBoZWlnaHQ9IjgwIiB2aWV3Qm94PSIwIDAgMTIwIDgwIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPgo8cmVjdCB3aWR0aD0iMTIwIiBoZWlnaHQ9IjgwIiBmaWxsPSJ3aGl0ZSIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTcxLjg0NjIgMjcuODQ2MkM3MS44NDYyIDM0LjM4ODYgNjYuNTQyNCAzOS42OTIzIDYwIDM5LjY5MjNDNTMuNDU3NSAzOS42OTIzIDQ4LjE1MzggMzQuMzg4NiA0OC4xNTM4IDI3Ljg0NjJDNDguMTUzOCAyMS4zMDM3IDUzLjQ1NzUgMTYgNjAgMTZDNjYuNTQyNCAxNiA3MS44NDYyIDIxLjMwMzcgNzEuODQ2MiAyNy44NDYyWiIgZmlsbD0iI0U3RTdFNyIvPgo8cGF0aCBmaWxsLXJ1bGU9ImV2ZW5vZGQiIGNsaXAtcnVsZT0iZXZlbm9kZCIgZD0iTTgwLjE4MjkgNDcuNjU1NUM4MS4zMTI5IDQ4LjE5NTIgODIgNDkuMzU0MiA4MiA1MC42MDY0VjU4LjMwNzdDODIgNTkuMjQyMyA4MS4yNDIzIDYwIDgwLjMwNzcgNjBIMzkuNjkyM0MzOC43NTc3IDYwIDM4IDU5LjI0MjMgMzggNTguMzA3N1Y1MC42MDY0QzM4IDQ5LjM1NDIgMzguNjg3MSA0OC4xOTUyIDM5LjgxNzEgNDcuNjU1NUM0NS45NTE4IDQ0LjcyNTUgNTIuNzc5IDQzLjA3NjkgNjAgNDMuMDc2OUM2Ny4yMjEgNDMuMDc2OSA3NC4wNDgyIDQ0LjcyNTUgODAuMTgyOSA0Ny42NTU1WiIgZmlsbD0iI0U3RTdFNyIvPgo8ZyBvcGFjaXR5PSIwLjkiIGZpbHRlcj0idXJsKCNmaWx0ZXIwX2JfMTQxNV8xNTM2OSkiPgo8Y2lyY2xlIGN4PSI4NSIgY3k9IjQ4IiByPSIxNSIgZmlsbD0iIzAwNTJEOSIvPgo8L2c+CjxwYXRoIGQ9Ik04NC4xODc1IDQ4LjgxMjVWNTMuNjI1SDg1LjgxMjVWNDguODEyNUg5MC42MjVWNDcuMTg3NUg4NS44MTI1VjQyLjM3NUg4NC4xODc1VjQ3LjE4NzVINzkuMzc1VjQ4LjgxMjVIODQuMTg3NVoiIGZpbGw9IndoaXRlIi8+CjxnIGZpbHRlcj0idXJsKCNmaWx0ZXIxX2JfMTQxNV8xNTM2OSkiPgo8cGF0aCBkPSJNNDcuOTAwOSAzOS43MDRMNDAuOTQxNSA2NS44Mzk5TDIyLjUxMzggNDkuMDMyMUw0Ny45MDA5IDM5LjcwNFoiIGZpbGw9InVybCgjcGFpbnQwX2xpbmVhcl8xNDE1XzE1MzY5KSIvPgo8L2c+CjxyZWN0IHg9IjMzLjE4MyIgeT0iOC42ODMwMSIgd2lkdGg9IjE3IiBoZWlnaHQ9IjE3IiB0cmFuc2Zvcm09InJvdGF0ZSgzMCAzMy4xODMgOC42ODMwMSkiIHN0cm9rZT0iYmxhY2siIHN0cm9rZS1vcGFjaXR5PSIwLjkiLz4KPGRlZnM+CjxmaWx0ZXIgaWQ9ImZpbHRlcjBfYl8xNDE1XzE1MzY5IiB4PSI2NC42NjY3IiB5PSIyNy42NjY3IiB3aWR0aD0iNDAuNjY2NyIgaGVpZ2h0PSI0MC42NjY3IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjIuNjY2NjciLz4KPGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzE0MTVfMTUzNjkiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzE0MTVfMTUzNjkiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxmaWx0ZXIgaWQ9ImZpbHRlcjFfYl8xNDE1XzE1MzY5IiB4PSIxNy4xODA2IiB5PSIzNC4zNzA2IiB3aWR0aD0iMzYuMDUzNiIgaGVpZ2h0PSIzNi44MDI2IiBmaWx0ZXJVbml0cz0idXNlclNwYWNlT25Vc2UiIGNvbG9yLWludGVycG9sYXRpb24tZmlsdGVycz0ic1JHQiI+CjxmZUZsb29kIGZsb29kLW9wYWNpdHk9IjAiIHJlc3VsdD0iQmFja2dyb3VuZEltYWdlRml4Ii8+CjxmZUdhdXNzaWFuQmx1ciBpbj0iQmFja2dyb3VuZEltYWdlRml4IiBzdGREZXZpYXRpb249IjIuNjY2NjciLz4KPGZlQ29tcG9zaXRlIGluMj0iU291cmNlQWxwaGEiIG9wZXJhdG9yPSJpbiIgcmVzdWx0PSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzE0MTVfMTUzNjkiLz4KPGZlQmxlbmQgbW9kZT0ibm9ybWFsIiBpbj0iU291cmNlR3JhcGhpYyIgaW4yPSJlZmZlY3QxX2JhY2tncm91bmRCbHVyXzE0MTVfMTUzNjkiIHJlc3VsdD0ic2hhcGUiLz4KPC9maWx0ZXI+CjxsaW5lYXJHcmFkaWVudCBpZD0icGFpbnQwX2xpbmVhcl8xNDE1XzE1MzY5IiB4MT0iNDIuOTQzMSIgeTE9IjQ0LjA0ODIiIHgyPSIyOS4xNzciIHkyPSI1OS4xNDExIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSI+CjxzdG9wIHN0b3AtY29sb3I9IiM0OEM3OUMiIHN0b3Atb3BhY2l0eT0iMC43Ii8+CjxzdG9wIG9mZnNldD0iMSIgc3RvcC1jb2xvcj0iIzQ4Qzc5QyIvPgo8L2xpbmVhckdyYWRpZW50Pgo8L2RlZnM+Cjwvc3ZnPgo=);
+}
+
+.weda-ui-user-select-modal .wedatea2td-dialog__inner {
+  width: 800px;
+}
+.weda-ui-user-select-modal .wedatea2td-tree--full-line {
+  max-width: 800px;
+}
+/* 弹窗内容包裹 */
+.weda-ui-user-select-container {
+  border: 1px solid #dcdcdc;
+  border-radius: 3px;
+}
+
+.weda-ui-user-select-container .wedatea2td-form--search {
+  margin: 8px;
+}
+
+/* 弹窗内容 列表容器，包括树和列表 */
+.weda-ui-user-select-container-list {
+  display: flex;
+  height: 320px;
+}
+.weda-ui-user-select-container-list
+  .wedatea2td-tree__node-content
+  .wedatea2td-icon {
+  margin-top: 3px;
+}
+
+.weda-ui-user-select-container-list__start,
+.weda-ui-user-select-container-list__end {
+  flex: 1 1 auto;
+  min-width: 50%;
+  box-sizing: border-box;
+  border-right: 1px solid #e7e7e7;
+  padding: 0 8px 8px;
+  overflow: auto;
+}
+
+.weda-ui-user-select-container .weda-ui-user-select-container-list__end {
+  height: 320px;
+}
+
+/* .weda-ui-user-select-container-list__start,
+.depart-tree,
+.wedatea2td-tree__node,
+.wedatea2td-tree__label, img{
+  margin-right: 2px;
+} */
+.weda-ui-user-select-container-list__start
+  .depart-tree
+  .wedatea2td-tree__node.is-selected
+  > .wedatea2td-tree__node-content {
+  background-color: #d4e3fc;
+}
+.weda-ui-user-select-container-list__start
+  .depart-tree
+  .wedatea2td-tree__node.is-selected
+  > .wedatea2td-tree__node-content
+  .wedatea2td-tree__label {
+  background-color: #d4e3fc;
+}
+.weda-ui-user-select-container-list__start
+  .wedatea2td-tree.wedatea2td-tree--checkbox-separate
+  .wedatea2td-tree__node.is-selected
+  > .wedatea2td-tree__node-content
+  .wedatea2td-tree__label
+  .wedatea2td-tree__label-title {
+  background-color: #d4e3fc;
+}
+
+/* 弹窗内容 列表头部信息容器 */
+.weda-ui-user-select-container-list-header {
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  margin-bottom: 8px;
+  position: sticky;
+  top: 0;
+  background-color: #fff;
+  z-index: 1;
+}
+
+.weda-ui-user-select-container-list__end.is-scrolling
+  .weda-ui-user-select-container-list-header {
+  box-shadow: 0px 10px 10px rgba(0, 0, 0, 0.1);
+  margin-left: -8px;
+  margin-right: -8px;
+  padding: 0 8px;
+}
+
+.weda-ui-user-select-container-list-header__col {
+  line-height: 22px;
+}
+
+/* 弹窗内容 统计/翻页 */
+.weda-ui-user-select-container-list-header__statistics {
+  display: flex;
+  align-items: center;
+}
+
+/* 列表 */
+.weda-ui-user-select-list {
+}
+
+.weda-ui-user-select-list .wedatea2td-form-check-group {
+  margin-bottom: 0;
+  width: 100%;
+}
+
+/* 结果列表 */
+.weda-ui-user-select-result {
+  height: 120px;
+  box-sizing: border-box;
+  border: 1px solid #dcdcdc;
+  border-radius: 3px;
+  margin-top: 20px;
+  padding: 8px;
+  overflow: auto;
+}
+
+/* 选择输入框 */
+.weda-ui-user-select-input {
+  height: 32px;
+  box-sizing: border-box;
+  display: flex;
+  cursor: pointer;
+  padding: 3px 0;
+  width: 100%;
+}
+
+.weda-ui-user-select-input__placeholder {
+  flex: 1 1 0px;
+  line-height: 24px;
+  color: #9a9a9a !important;
+  font-size: inherit;
+}
+
+/* 选择输入框 值 tags */
+.weda-ui-user-select-input__values {
+  flex: 1 1 0px;
+  overflow: hidden;
+}
+
+.weda-ui-user-select-input__img {
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgNUMxMS41IDYuOTMzIDkuOTMzIDguNSA4IDguNUM2LjA2NyA4LjUgNC41IDYuOTMzIDQuNSA1QzQuNSAzLjA2NyA2LjA2NyAxLjUgOCAxLjVDOS45MzMgMS41IDExLjUgMy4wNjcgMTEuNSA1Wk0xMC41IDVDMTAuNSAzLjYxOTI5IDkuMzgwNzEgMi41IDggMi41QzYuNjE5MjkgMi41IDUuNSAzLjYxOTI5IDUuNSA1QzUuNSA2LjM4MDcxIDYuNjE5MjkgNy41IDggNy41QzkuMzgwNzEgNy41IDEwLjUgNi4zODA3MSAxMC41IDVaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHBhdGggZD0iTTEzLjk2MzEgMTAuODUyOEMxNC4yOTcgMTEuMDEyMiAxNC41IDExLjM1NDcgMTQuNSAxMS43MjQ2VjE0QzE0LjUgMTQuMjc2MSAxNC4yNzYxIDE0LjUgMTQgMTQuNUgyQzEuNzIzODYgMTQuNSAxLjUgMTQuMjc2MSAxLjUgMTRWMTEuNzI0NkMxLjUgMTEuMzU0NyAxLjcwMzAyIDExLjAxMjIgMi4wMzY4NiAxMC44NTI4QzMuODQ5NCA5Ljk4NzA4IDUuODY2NTEgOS41IDggOS41QzEwLjEzMzUgOS41IDEyLjE1MDYgOS45ODcwOCAxMy45NjMxIDEwLjg1MjhaTTggMTAuNUM2LjAzMzQgMTAuNSA0LjE3NDM1IDEwLjk0NTcgMi41IDExLjczOThWMTMuNUgxMy41VjExLjczOThDMTEuODI1NyAxMC45NDU3IDkuOTY2NiAxMC41IDggMTAuNVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K);
+  background-repeat: no-repeat;
+  width: 24px;
+  margin-top: 4px;
+}
+
+.weda-ui-user-select-input__values .wedatea2td-tag {
+  margin: 0;
+  height: 24px;
+  line-height: 22px;
+  margin-right: 8px;
+  margin-bottom: 8px;
+}
+
+.weda-ui-user-select-input__values .wedatea2td-tag .wedatea2td-icon-dismiss {
+  bottom: 3px;
+}
+
+/* 选择输入框 尾部信息 */
+.weda-ui-user-select-input__extra {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  flex: 0 0 auto;
+  border-radius: 3px;
+  padding: 0 8px;
+  cursor: pointer;
+}
+
+/* 选择输入框 尾部信息 */
+.weda-ui-user-select-input__extra__disabled {
+  display: flex;
+  align-items: center;
+  height: 100%;
+  flex: 0 0 auto;
+  border-radius: 3px;
+  padding: 0 8px;
+}
+
+.weda-ui-user-select-input__extra .wedatea2td-icon-more,
+.weda-ui-user-select-input__extra__disabled .wedatea2td-icon-more {
+  margin-right: 8px;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTMgOUMyLjQ0Nzc1IDkgMiA4LjU1MjI4IDIgOEMyIDcuNDQ3NzIgMi40NDc3NSA3IDMgN0MzLjU1MjI1IDcgNCA3LjQ0NzcyIDQgOEM0IDguNTUyMjggMy41NTIyNSA5IDMgOVoiIGZpbGw9IiMwMDUyRDkiLz4KPHBhdGggZD0iTTcgOEM3IDguNTUyMjggNy40NDc3NSA5IDggOUM4LjU1MjI1IDkgOSA4LjU1MjI4IDkgOEM5IDcuNDQ3NzIgOC41NTIyNSA3IDggN0M3LjQ0Nzc1IDcgNyA3LjQ0NzcyIDcgOFoiIGZpbGw9IiMwMDUyRDkiLz4KPHBhdGggZD0iTTEyIDhDMTIgOC41NTIyOCAxMi40NDc4IDkgMTMgOUMxMy41NTIyIDkgMTQgOC41NTIyOCAxNCA4QzE0IDcuNDQ3NzIgMTMuNTUyMiA3IDEzIDdDMTIuNDQ3OCA3IDEyIDcuNDQ3NzIgMTIgOFoiIGZpbGw9IiMwMDUyRDkiLz4KPC9zdmc+Cg==);
+}
+
+.weda-ui-user-select-input__extra:hover {
+  background-color: #d4e3fc;
+}
+.weda-ui-org-selected .wedatea2td-dropdown__header .wedatea2td-icon-arrowdown {
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik0xLjUgMy41QzEuNSAyLjk0NzcxIDEuOTQ3NzIgMi41IDIuNSAyLjVINS40Mjg1N0g1LjU5MDZMNS43MjE4MyAyLjU5NTAzTDcuNjYyMDIgNEgxMy41QzE0LjA1MjMgNCAxNC41IDQuNDQ3NzIgMTQuNSA1VjEzQzE0LjUgMTMuNTUyMyAxNC4wNTIzIDE0IDEzLjUgMTRIMi41QzEuOTQ3NzIgMTQgMS41IDEzLjU1MjMgMS41IDEzTDEuNSAzLjVaTTUuMjY2NTUgMy41TDIuNSAzLjVWMTNIMTMuNVY1SDcuNUg3LjMzNzk4TDcuMjA2NzUgNC45MDQ5N0w1LjI2NjU1IDMuNVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K);
+  background-repeat: no-repeat;
+  left: 8px;
+  top: 8px;
+}
+
+.weda-ui-user-selected .wedatea2td-dropdown__header .wedatea2td-icon-arrowdown {
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZD0iTTExLjUgNUMxMS41IDYuOTMzIDkuOTMzIDguNSA4IDguNUM2LjA2NyA4LjUgNC41IDYuOTMzIDQuNSA1QzQuNSAzLjA2NyA2LjA2NyAxLjUgOCAxLjVDOS45MzMgMS41IDExLjUgMy4wNjcgMTEuNSA1Wk0xMC41IDVDMTAuNSAzLjYxOTI5IDkuMzgwNzEgMi41IDggMi41QzYuNjE5MjkgMi41IDUuNSAzLjYxOTI5IDUuNSA1QzUuNSA2LjM4MDcxIDYuNjE5MjkgNy41IDggNy41QzkuMzgwNzEgNy41IDEwLjUgNi4zODA3MSAxMC41IDVaIiBmaWxsPSJibGFjayIgZmlsbC1vcGFjaXR5PSIwLjQiLz4KPHBhdGggZD0iTTEzLjk2MzEgMTAuODUyOEMxNC4yOTcgMTEuMDEyMiAxNC41IDExLjM1NDcgMTQuNSAxMS43MjQ2VjE0QzE0LjUgMTQuMjc2MSAxNC4yNzYxIDE0LjUgMTQgMTQuNUgyQzEuNzIzODYgMTQuNSAxLjUgMTQuMjc2MSAxLjUgMTRWMTEuNzI0NkMxLjUgMTEuMzU0NyAxLjcwMzAyIDExLjAxMjIgMi4wMzY4NiAxMC44NTI4QzMuODQ5NCA5Ljk4NzA4IDUuODY2NTEgOS41IDggOS41QzEwLjEzMzUgOS41IDEyLjE1MDYgOS45ODcwOCAxMy45NjMxIDEwLjg1MjhaTTggMTAuNUM2LjAzMzQgMTAuNSA0LjE3NDM1IDEwLjk0NTcgMi41IDExLjczOThWMTMuNUgxMy41VjExLjczOThDMTEuODI1NyAxMC45NDU3IDkuOTY2NiAxMC41IDggMTAuNVoiIGZpbGw9ImJsYWNrIiBmaWxsLW9wYWNpdHk9IjAuNCIvPgo8L3N2Zz4K);
+  background-repeat: no-repeat;
+  left: 8px;
+  top: 8px;
+}
+.weda-ui-org-selected .wedatea2td-dropdown__header,
+.weda-ui-user-selected .wedatea2td-dropdown__header {
+  padding-left: 32px !important;
+  padding-right: 8px !important;
+}
+.weda-ui-user-selected-overlay-hidden {
+  display: none;
+}
+
+.weda-user-tree-select .wedatea2td-dropdown-btn .wedatea2td-dropdown__value {
+  white-space: break-spaces;
+}
+/*禁用效果*/
+.weda-user-tree-select .is-disabled .wedatea2td-tag--unlimited-width {
+  background-color: #dcdcdc;
+  color: rgba(0, 0, 0, 0.26);
+}
+
+/* 组织树选中框*/
+.weda-ui-user-select-container
+  .wedatea2td-tree.wedatea2td-tree--checkbox-separate
+  .wedatea2td-tree__label
+  .wedatea2td-form-check {
+  width: auto;
+  height: 46px;
+  padding-left: 0px;
+}
+
+/* 面包屑 */
+.weda-select-user-dept-breadcrumb {
+  font-size: 14px;
+  line-height: 22px;
+  color: rgba(0, 0, 0, 0.4);
+  display: flex;
+  align-items: center;
+  overflow: hidden;
+  position: relative;
+}
+
+/* .weda-select-user-dept-breadcrumb::after {
+  content: '';
+  display: block;
+  position: absolute;
+  right: 0;
+  top: 0;
+  bottom: 0;
+  width: 40px;
+  background: linear-gradient(to right, rgba(255, 255, 255, 0.5), rgba(255, 255, 255, 1) 60%)
+} */
+
+.weda-select-user-dept-breadcrumb__item {
+  flex: 0 0 auto;
+  display: inline-flex;
+  align-items: center;
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.weda-select-user-dept-breadcrumb__item:hover {
+  color: rgba(0, 0, 0, 0.4);
+}
+
+.weda-select-user-dept-breadcrumb__item.is-selected {
+  color: #0052d9;
+}
+
+.weda-select-user-dept-breadcrumb__separate {
+  flex: 0 0 auto;
+  display: inline-flex;
+  margin: 0 8px;
+  width: 16px;
+  height: 16px;
+  background-image: url(data:image/svg+xml;base64,PHN2ZyB3aWR0aD0iMTYiIGhlaWdodD0iMTYiIHZpZXdCb3g9IjAgMCAxNiAxNiIgZmlsbD0ibm9uZSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIj4KPHBhdGggZmlsbC1ydWxlPSJldmVub2RkIiBjbGlwLXJ1bGU9ImV2ZW5vZGQiIGQ9Ik02LjQ1OTUyIDEyLjQ1OTdMNS41NDAyOCAxMS41NDA1TDkuMDgwNjYgOC4wMDAxTDUuNTQwMjggNC40NTk3Mkw2LjQ1OTUyIDMuNTQwNDhMMTAuOTE5MSA4LjAwMDFMNi40NTk1MiAxMi40NTk3WiIgZmlsbD0iYmxhY2siLz4KPC9zdmc+Cg==);
+}
+
+.weda-select-user-dept__dialog .weda-select-user-dept-breadcrumb {
+  padding: 20px 16px 8px;
+  background-color: #fff;
+}
+
+.weda-select-user-dept__load-completed {
+  text-align: center;
+  margin: 12px 0 50px 0;
+  color: rgba(0, 0, 0, 0.4);
+  opacity: 0.4;
+  font-size: 0.85714rem;
+  height: 50px;
+}
+/* .weda-select-user-dept__dialog .wedatea2td-form-check__user {
+  padding-left: 32px;
+} */
+
+.weda-select-user-dept__dialog .weda-select-user-dept__dialog-content {
+  height: calc(100% - 20px);
+  background-color: #fff;
+}
+.weda-select-user-dept__dialog .wedatea2td-form-check__user .item-radio-name {
+  overflow: hidden;
+  white-space: nowrap;
+  text-overflow: ellipsis;
+  font-weight: 400;
+  font-size: 16px;
+  line-height: 22px;
+  color: rgba(0, 0, 0, 0.9);
+  max-width: 100%;
+}