@cloudbase/weda-ui 3.4.7 → 3.4.9-alpha.1024

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

@@ -1,9 +1,16 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import { callWedaApi } from '../../../../utils/tcb';
+import destr from 'destr';
+import { node } from 'prop-types';
 // 处理用户数据格式
 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);
+        // userExtend上面的字段是自定义的，userExtend下面的字段和数据库一一对应
+        const userExtend = (user === null || user === void 0 ? void 0 : user.UserExtend) ? JSON.parse(user.UserExtend) : {};
+        const mainDep = (user === null || user === void 0 ? void 0 : user.MainOrg) ? [].concat(user === null || user === void 0 ? void 0 : user.MainOrg) : (user === null || user === void 0 ? void 0 : user.Orgs) || [];
         return {
             id: user === null || user === void 0 ? void 0 : user.UserId,
             userName: name,
@@ -12,6 +19,22 @@ export const dealUserData = (data = []) => {
             isUser: true,
             orgId: (user === null || user === void 0 ? void 0 : user.OrgId) || null,
             mainOrg: (user === null || user === void 0 ? void 0 : user.MainOrg) ? [].concat(user === null || user === void 0 ? void 0 : user.MainOrg) : (user === null || user === void 0 ? void 0 : user.Orgs) || [],
+            userExtend: userExtend,
+            uin: user === null || user === void 0 ? void 0 : user.Uin,
+            envId: user === null || user === void 0 ? void 0 : user.EnvId,
+            nick_name: user === null || user === void 0 ? void 0 : user.NickName,
+            type: user === null || user === void 0 ? void 0 : user.Type,
+            internal_user_type: user === null || user === void 0 ? void 0 : user.InternalUserType,
+            source: user === null || user === void 0 ? void 0 : user.Source,
+            email: user === null || user === void 0 ? void 0 : user.Email,
+            phone: user === null || user === void 0 ? void 0 : user.Phone,
+            uuid: user === null || user === void 0 ? void 0 : user.Uuid,
+            user_desc: user === null || user === void 0 ? void 0 : user.UserDesc,
+            _id: user === null || user === void 0 ? void 0 : user.UserId,
+            main_dep: (userExtend === null || userExtend === void 0 ? void 0 : userExtend.main_dep)
+                ? mainDep.filter((item) => item.OrgId === userExtend.main_dep).OrgName
+                : '',
+            userSchema: (user === null || user === void 0 ? void 0 : user.UserSchema) ? JSON.parse(user === null || user === void 0 ? void 0 : user.UserSchema) : {},
         };
     });
 };
@@ -101,3 +124,249 @@ export const parseStrToArr = (value) => {
         return value.split(',');
     return value;
 };
+// 获取选项集名称
+export const getPropertiesList = (userExtends, userSchemas) => {
+    return Object.keys(userExtends)
+        .filter((key) => {
+        var _a;
+        const value = userExtends[key];
+        if (typeof value === 'string') {
+            const propertiesValue = (_a = userSchemas === null || userSchemas === void 0 ? void 0 : userSchemas.properties) === null || _a === void 0 ? void 0 : _a[key];
+            const xOptionName = propertiesValue === null || propertiesValue === void 0 ? void 0 : propertiesValue['x-option-name'];
+            return Boolean(xOptionName);
+        }
+        else {
+            return false;
+        }
+    })
+        .map(async (key) => {
+        var _a;
+        const value = userExtends[key];
+        const propertiesValue = (_a = userSchemas === null || userSchemas === void 0 ? void 0 : userSchemas.properties) === null || _a === void 0 ? void 0 : _a[key];
+        const xOptionName = propertiesValue === null || propertiesValue === void 0 ? void 0 : propertiesValue['x-option-name'];
+        const format = propertiesValue === null || propertiesValue === void 0 ? void 0 : propertiesValue.format;
+        const type = propertiesValue === null || propertiesValue === void 0 ? void 0 : propertiesValue.type;
+        const label = await getLabel(format, xOptionName, value);
+        if (xOptionName) {
+            return {
+                key,
+                type,
+                format,
+                value,
+                label,
+            };
+        }
+    });
+};
+const getLabel = async (format, xOptionName, value) => {
+    var _a, _b, _c;
+    if (format === 'x-enum') {
+        const data = await callWedaApi({
+            action: 'DescribeGeneralOptionsDetailList',
+            data: {
+                OptNameList: [xOptionName],
+                PageIndex: 1,
+                PageSize: 10, // 表示选项集个数，不是每个选项集拉下来的数据，单个选项集所以数据都被返回
+            },
+        });
+        if (data) {
+            const config = (_c = destr((_b = (_a = data === null || data === void 0 ? void 0 : data.Items) === null || _a === void 0 ? void 0 : _a[0]) === null || _b === void 0 ? void 0 : _b.Config)) !== null && _c !== void 0 ? _c : [];
+            const enumOption = config === null || config === void 0 ? void 0 : config.map((item) => {
+                return {
+                    label: item.value,
+                    value: item.key,
+                };
+            });
+            const enumItem = enumOption.filter((opt) => opt.value === value);
+            return Array.isArray(enumItem) && enumItem.length
+                ? enumItem[0].label
+                : '';
+        }
+    }
+    return undefined;
+};
+export const displayUserInfo = (item, secondDisplay) => {
+    var _a, _b, _c;
+    if (item === null || item === void 0 ? void 0 : item.userSchemaProps) {
+        const list = (_a = item === null || item === void 0 ? void 0 : item.userSchemaProps) === null || _a === void 0 ? void 0 : _a.filter((value) => value.key === secondDisplay);
+        if (list && list.length) {
+            return list[0].label;
+        }
+    }
+    let value;
+    if (item === null || item === void 0 ? void 0 : item[secondDisplay]) {
+        value = item === null || item === void 0 ? void 0 : item[secondDisplay];
+    }
+    else if ((_b = item === null || item === void 0 ? void 0 : item.userExtend) === null || _b === void 0 ? void 0 : _b[secondDisplay]) {
+        value = (_c = item === null || item === void 0 ? void 0 : item.userExtend) === null || _c === void 0 ? void 0 : _c[secondDisplay];
+    }
+    return value;
+};
+/**
+ * 前端实现部门模糊搜索
+ */
+export const fetchSearchOrg = ({ key, orgList, }) => {
+    if (Array.isArray(orgList) && orgList.length > 0) {
+        const arr = orgList.filter((item) => String((item === null || item === void 0 ? void 0 : item.content) || '').includes(key) &&
+            (item === null || item === void 0 ? void 0 : item.selectable) &&
+            item.type !== 'corp') || [];
+        return arr;
+    }
+    return [];
+};
+export const setChildren = (node) => {
+    node.selected = true;
+    node.selectable = true;
+    if (node.children && node.children.length > 0) {
+        // let selected = true;
+        for (const item of node.children) {
+            item.selected = true;
+            item.selectable = true;
+            setChildren(item);
+        }
+    }
+};
+/**
+ * 给每个节点添加一个标记
+ * @param node 树节点
+ * @param ids  可选范围
+ * @returns selectable：是否在可选范围
+ */
+export const setFlag = (node, ids = []) => {
+    node.selectable = false;
+    node.selected = false;
+    if (ids.includes(node.id)) {
+        //设置当前节点是否展示 Checkbox
+        setChildren(node);
+        return true;
+    }
+    // 判断非叶子节点，只有有一个子节点为true，那么为true
+    if (node.children) {
+        let selected = false;
+        for (const item of node.children) {
+            // 这里或的顺序要注意，不能这样：selected = selected || setFlag(item);
+            selected = setFlag(item, ids) || selected;
+        }
+        node.selected = selected;
+        return selected;
+    }
+};
+/**
+ * 树结构转扁平
+ * @param tree
+ * @returns
+ */
+const treeToArray = (tree) => {
+    return tree.reduce((res, item) => {
+        const { children, ...i } = item;
+        return res.concat(i, children && children.length ? treeToArray(children) : []);
+    }, []);
+};
+/**
+ * 扁平数组转树形结构
+ * @param items
+ * @returns
+ */
+const arrayToTree = (items) => {
+    const res = []; // 存放结果集
+    const map = {};
+    // 判断对象是否有某个属性
+    const getHasOwnProperty = (obj, property) => Object.prototype.hasOwnProperty.call(obj, property);
+    // 边做map存储，边找对应关系
+    for (const i of items) {
+        map[i.code] = {
+            ...i,
+            children: getHasOwnProperty(map, i.code) ? map[i.code].children : [],
+        };
+        const newItem = map[i.code];
+        if (i.depth === 1) {
+            res.push(newItem);
+        }
+        else {
+            if (!getHasOwnProperty(map, i.parentCode)) {
+                map[i.parentCode] = {
+                    children: [],
+                };
+            }
+            map[i.parentCode].children.push(newItem);
+        }
+    }
+    return res;
+};
+/**
+ * 筛选出在可选范围内数据构建树形结构
+ * @param nodes
+ * @returns
+ */
+export const formatTree = (nodes) => {
+    if (Array.isArray(nodes) && node.length > 0) {
+        const arrayTree = treeToArray(nodes).filter((e) => e.selected);
+        return arrayToTree(arrayTree);
+    }
+    return [];
+};
+/**
+ * 数组转树结构
+ * @param list
+ * @returns
+ */
+export const buildTree = (list) => {
+    const idMap = {};
+    const tree = [];
+    for (const item of list) {
+        idMap[item.code] = { ...item };
+    }
+    for (const item of list) {
+        const { code, parentCode } = item;
+        if (!parentCode) {
+            tree.push(idMap[code]);
+        }
+        else {
+            if (idMap[parentCode]) {
+                idMap[parentCode].children
+                    ? idMap[parentCode].children.push(idMap[code])
+                    : (idMap[parentCode].children = [idMap[code]]);
+            }
+        }
+    }
+    return {
+        list,
+        idMap,
+        treeData: tree,
+    };
+};
+/**
+ * 从树形结构中查找某个节点
+ * @param treeData
+ * @param id
+ * @returns
+ */
+export const getNodeFromTree = (treeData, id) => {
+    for (const node of treeData) {
+        if (node.id === id) {
+            return node;
+        }
+        if (node.children) {
+            const result = getNodeFromTree(node.children, id);
+            if (result) {
+                return result;
+            }
+        }
+    }
+    return null;
+};
+/**
+ * 根据部门ids获取部门详情列表
+ * @param param0
+ * @returns
+ */
+export const getOrgItemsByIds = ({ ids, orgList }) => {
+    const list = [];
+    for (const id of ids) {
+        const item = orgList.find((item) => item.id === id);
+        if (item) {
+            list.push(item);
+        }
+    }
+    return list;
+};

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

@@ -1,15 +1,10 @@
-import React from 'react';
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
 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
+    return (_jsxs("div", { className: "weda-select-user-dept-breadcrumb", children: [_jsx(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(item) }, item === null || item === void 0 ? void 0 : item.content))))));
+                    : 'weda-select-user-dept-breadcrumb__item', onClick: () => onBreadCrumbClick(), children: "\u7EC4\u7EC7\u67B6\u6784" }), (data || []).map((item, index) => (_jsxs(_Fragment, { children: [' ', _jsx("span", { className: "weda-select-user-dept-breadcrumb__separate" }), _jsx(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), children: item === null || item === void 0 ? void 0 : item.content })] })))] }));
 };

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 import React, { useState } from 'react';
 import { renderDecorator } from '../../../renderDecorator';
 import classNames from '../../../../../utils/classnames';
@@ -7,14 +8,9 @@ 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, }) {
+export function DepartTreeSelectPC({ id, className, style, label = '部门选择', labelVisible = true, placeholder = '请选择部门', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', multiple = false, decorator, request = defaultRequest, confirmOrgList, setConfirmOrgList, selectedOrgList, setSelectedOrgList, errorInfo, setErrorInfo, treeData, orgList, error, defaultExpandedIds, }) {
     const [open, setOpen] = useState(false);
-    const { orgTreeData, orgList, error } = useDepartData({
-        request,
-    });
     // 外层组件类
     const cls = classNames({
         'weda-ui': true,
@@ -28,28 +24,24 @@ export function DepartTreeSelectPC({ id, className, style, label = '部门选择
     };
     //取消 关闭弹窗
     const onCancel = () => {
-        setSelectedOrgList([]);
+        setSelectedOrgList(confirmOrgList);
         setOpen(false);
     };
-    return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(OrgTreeContext.Provider, { value: {
-                selectedOrgList,
+    return renderDecorator(_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(OrgTreeContext.Provider, { value: {
                 multiple,
+                selectedOrgList,
                 setSelectedOrgList,
                 confirmOrgList,
-                selectedOrgIds,
-                setSelectedOrgIds,
+                setConfirmOrgList,
+                defaultExpandedIds,
                 request,
-            } },
-            React.createElement(Dropdown, { className: classNames(`weda-ui-org-selected`, `size-${size}`), open: open, onOpenChange: (open) => {
+            }, children: _jsx(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) => {
+                }, appearance: 'button', button: _jsx(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 })))))({
+                    } }), overlayClassName: 'weda-ui-user-selected-overlay-hidden', style: { width: '100%' }, disabled: disabled, children: _jsx(OrgModalPC, { open: open, setOpen: setOpen, request: request, onConfirm: onConfirm, onCancel: onCancel, treeData: treeData || [], orgList: orgList || [], treeDataError: error }) }) }) }))({
         id,
         className: cls,
         style,

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

@@ -0,0 +1,177 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React, { useState, useEffect, useLayoutEffect } from 'react';
+import List from 'rc-virtual-list';
+import { renderDecorator } from '../../../renderDecorator';
+import { IconFont } from 'tdesign-icons-react';
+import classNames from '../../../../../utils/classnames';
+import { getNode, fetchSearchOrg } from '../../common/utils';
+import { Modal, Button, ConfigProvider, Radio, Status, Bubble, } from 'tea-component';
+import { ModalSearchH5 } from '../modal-search-h5';
+import { LoadingStatus, ErrorStatus } from '../error-tips';
+import debounce from '../../../../../utils/debounce';
+import '../userOrgSelect.css';
+export function DepartTreeSelectH5({ id, className, style, label = '部门选择', labelVisible = true, name = 'formDepartTreeSelect', placeholder = '请选择部门', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, multiple = true, focus: autoFocus = false, confirmOrgList, setConfirmOrgList, selectedOrgList, setSelectedOrgList, errorInfo, setErrorInfo, orgList, treeData, }) {
+    var _a;
+    const cls = classNames({
+        'weda-ui': true,
+        'weda-select-user-dept': true,
+        [className]: className,
+    });
+    const subCls = classNames({
+        'weui-cell': true,
+        'weui-cell_active': true,
+        'weui-cell_form': true,
+        'weui-cell_disabled': disabled,
+    });
+    const [visible, setVisible] = React.useState(false);
+    const [isSearch, setIsSearch] = useState(false);
+    const [showTreeData, setShowTreeData] = useState([]);
+    const [originalOrgData, setOriginalOrgData] = useState([]);
+    const [count, setCount] = useState(1); //计数弹窗显示层级
+    const [searchValue, setSearchValue] = useState('');
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [loading, setLoading] = useState({ id: null, status: false });
+    const [titleText, setTitleText] = useState('');
+    const [listHeight, setListHeight] = useState(0);
+    const treeNode = getNode(treeData, 'root', 'id');
+    useEffect(() => {
+        // 仅执行一次
+        if (treeData) {
+            setShowTreeData(treeNode);
+            setOriginalOrgData([{ index: 1, treeData: treeNode, title: '选择部门' }]);
+            setTitleText('选择部门');
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [treeData]);
+    useLayoutEffect(() => {
+        const windowHeight = window.screen.height;
+        const listHeight = windowHeight - 35 - 80 - 80 - 50; // 顶部标题35px，搜索框80px，底部按钮80px, 选择结果50px
+        setListHeight(listHeight - 100); // 底部再留缓冲
+    }, []);
+    const handleFocus = (value) => {
+        setIsSearch(value);
+    };
+    const cancleSearch = () => {
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        handleFocus(false);
+        setSearchValue('');
+        setShowTreeData(treeNode);
+        // initOrgsData();
+    };
+    const onSearch = debounce((key) => {
+        try {
+            setErrorInfo({ errorStatus: false, errorMessage: null });
+            if (key && key.length > 0) {
+                const res = fetchSearchOrg({ key, orgList });
+                setShowTreeData(res);
+            }
+            else {
+                setShowTreeData(treeNode);
+            }
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    }, 500);
+    const onFocus = function () {
+        setSearchValue('');
+        setVisible(true);
+        setShowTreeData(treeNode);
+    };
+    const onClose = () => {
+        setSelectedOrgList(confirmOrgList);
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        setVisible(false);
+        setShowTreeData(treeNode);
+    };
+    const onConfirm = (selectedOrgList = []) => {
+        setConfirmOrgList(selectedOrgList);
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        setShowTreeData(treeNode);
+        setVisible(false);
+    };
+    // 获取某节点子部门
+    const loadItem = (item) => {
+        setShowTreeData((item === null || item === void 0 ? void 0 : item.children) ? [].concat(item === null || item === void 0 ? void 0 : item.children) : []);
+        originalOrgData.push({
+            index: count + 1,
+            treeData: item === null || item === void 0 ? void 0 : item.children,
+            title: item === null || item === void 0 ? void 0 : item.content,
+        });
+        setCount(count + 1);
+        setOriginalOrgData(originalOrgData);
+        setTitleText(item === null || item === void 0 ? void 0 : item.content);
+    };
+    //判断当前页结构为第几层，如首次渲染则添加至orgsTreeData，二次进入刷新index数据
+    const retLevel = (count) => {
+        const storageOriTreeData = [];
+        if (count !== 1) {
+            originalOrgData.map((item) => {
+                if ((item === null || item === void 0 ? void 0 : item.index) < count) {
+                    storageOriTreeData.push(item);
+                    if ((item === null || item === void 0 ? void 0 : item.index) === count - 1) {
+                        setCount(count - 1);
+                        setTitleText(item.title);
+                        setShowTreeData((item === null || item === void 0 ? void 0 : item.treeData) || []);
+                    }
+                }
+                else {
+                    return;
+                }
+            });
+            setOriginalOrgData(storageOriTreeData);
+        }
+        else {
+            onClose();
+        }
+    };
+    return renderDecorator(_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: subCls, children: [_jsx("div", { className: "weui-cell__bd weui-flex", children: _jsx("input", { className: "weui-input", placeholder: placeholder, 
+                        //value={value}
+                        value: (confirmOrgList || []).map((e) => e === null || e === void 0 ? void 0 : e.content).join(','), disabled: disabled, name: name, autoFocus: autoFocus, onClick: onFocus, readOnly: true, role: "input" }) }), _jsxs(Modal, { visible: visible, onClose: onClose, destroyOnClose: true, className: `weda-ui weda-select-user-dept__dialog`, children: [_jsxs(Modal.Body, { className: ((_a = selectedOrgList[0]) === null || _a === void 0 ? void 0 : _a.id) ? 'is-selected-value' : '', children: [_jsxs("div", { className: "weda-select-user-dept__dialog-header", id: count.toString(), children: [_jsx("div", { className: count == 1 ? '' : 'arrow-left', onClick: () => retLevel(count) }), titleText] }), _jsx(ModalSearchH5, { value: searchValue, onChange: (key) => {
+                                        onSearch(key);
+                                        setSearchValue(key);
+                                    }, onCancel: cancleSearch, isSearch: isSearch, onFocus: () => {
+                                        handleFocus(true);
+                                    } }), (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorStatus) ? (_jsx(ErrorStatus, { description: (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorMessage) || null })) : !(loading === null || loading === void 0 ? void 0 : loading.status) ? (_jsx(_Fragment, { children: showTreeData && showTreeData.length > 0 ? (_jsx(List, { className: classNames('weda-select-user-dept__dialog-list'), data: showTreeData, height: 400, itemHeight: 40, itemKey: "id", children: (item) => {
+                                            var _a;
+                                            return (_jsx("div", { className: "weda-select-user-dept__list-item", children: _jsxs("div", { className: "weda-select-user-dept__list-item-wrap", children: [_jsx(Radio.Group, { value: (_a = selectedOrgList.filter((e) => (e === null || e === void 0 ? void 0 : e.id) === (item === null || item === void 0 ? void 0 : item.id))[0]) === null || _a === void 0 ? void 0 : _a.id, onChange: (value) => {
+                                                                const ids = selectedOrgList.map((item) => item === null || item === void 0 ? void 0 : item.id);
+                                                                // 多选情况，取消选中某元素时
+                                                                if (ids.indexOf(value) !== -1) {
+                                                                    setSelectedOrgList(selectedOrgList.filter((e) => e.id !== value));
+                                                                }
+                                                                else {
+                                                                    if (multiple) {
+                                                                        setSelectedOrgList([
+                                                                            ...selectedOrgList,
+                                                                            item,
+                                                                        ]);
+                                                                    }
+                                                                    else {
+                                                                        setSelectedOrgList([item]);
+                                                                    }
+                                                                }
+                                                            }, layout: "column", children: _jsx(_Fragment, { children: item.type !== 'corp' && (item === null || item === void 0 ? void 0 : item.selectable) ? (_jsx(Radio, { name: item === null || item === void 0 ? void 0 : item.id, children: _jsxs("div", { className: "weda-select-user-dept__item-detail weda-select-user-dept__item-detail-is-org", onClick: () => {
+                                                                            (item === null || item === void 0 ? void 0 : item.children) ? loadItem(item) : false;
+                                                                        }, children: [_jsx("div", { className: "item-name", children: item === null || item === void 0 ? void 0 : item.content }), (item === null || item === void 0 ? void 0 : item.children) &&
+                                                                                loading.id !== item.id && (_jsx("div", { className: "lcap-icon lcap-icon-chevronright" }))] }) })) : (_jsxs("div", { className: "weda-select-user-dept__item-detail weda-select-user-dept__item-detail-is-org", onClick: () => {
+                                                                        (item === null || item === void 0 ? void 0 : item.children) ? loadItem(item) : false;
+                                                                    }, children: [_jsx("div", { className: "item-name", children: item === null || item === void 0 ? void 0 : item.content }), (item === null || item === void 0 ? void 0 : item.children) && loading.id !== item.id && (_jsx("div", { className: "lcap-icon lcap-icon-chevronright" }))] })) }) }), loading.id === (item === null || item === void 0 ? void 0 : item.id) && (loading === null || loading === void 0 ? void 0 : loading.status) && (_jsx("div", { children: _jsx(IconFont, { name: "loading", className: `weda-grid-navigation__fonticon depart_loading` }) }))] }) }, item === null || item === void 0 ? void 0 : item.id));
+                                        } })) : (_jsx(Status, { className: "dim-tree-select--blank", icon: 'blank', size: 's', title: `暂无部门数据` })) })) : (_jsx(LoadingStatus, {}))] }), _jsx(Modal.Footer, { children: _jsxs("div", { children: [selectedOrgList.length > 0 && (_jsxs("div", { className: "weda-select-user-dept__select-result", children: [_jsx("div", { className: "weda-select-user-dept__select-label", children: "\u5DF2\u9009\u62E9" }), _jsx("div", { className: "weda-select-user-dept__result-list", children: selectedOrgList.map((d) => (_jsxs("div", { className: "weda-select-user-dept__result-item", onClick: () => {
+                                                        setSelectedOrgList(selectedOrgList.filter((e) => (e === null || e === void 0 ? void 0 : e.id) !== (d === null || d === void 0 ? void 0 : d.id)));
+                                                    }, children: [d === null || d === void 0 ? void 0 : d.content, _jsx("div", { className: "close" })] }, (d === null || d === void 0 ? void 0 : d.id) || (d === null || d === void 0 ? void 0 : d.value)))) })] })), _jsxs("div", { className: "weda-select-user-dept__btn-group", children: [_jsx(Button, { type: "weak", onClick: onClose, children: "\u53D6\u6D88" }), _jsx(Bubble, { content: selectedOrgList.length === 0 && confirmOrgList.length === 0
+                                                    ? '请选择部门'
+                                                    : null, className: "weda-select-user-dept__bubble", children: _jsx(Button, { type: "primary", onClick: () => onConfirm(selectedOrgList), disabled: selectedOrgList.length === 0 &&
+                                                        confirmOrgList.length === 0, children: "\u786E\u5B9A" }) })] })] }) })] })] }) }))({
+        id,
+        className: cls,
+        style,
+        label: labelVisible ? label : null,
+        multiCell: false,
+        requiredFlag,
+        layout,
+        size,
+        decorator,
+    });
+}