@cloudbase/weda-ui 3.4.8 → 3.4.9

package/dist/web/components/form/userOrgSelect/common/fetch-data-service.js

@@ -1,4 +1,4 @@
-import { dealUserData, dealOrgData, dealOrgAPIData, parseStrToArr, } from './utils';
+import { dealUserData, dealOrgData, parseStrToArr } from './utils';
 import { callWedaApi } from '../../../../utils/tcb';
 import { filterStrList } from '../../../../utils/platform';
 export const defaultRequest = async (action, params) => {
@@ -42,23 +42,26 @@ export const errorHandle = (error, action) => {
  */
 export const fetchUserListByIds = async (selectUserIds = [], request) => {
     try {
-        let pageNo = 1;
-        const pageSize = 50;
-        let records = [];
-        let total = 9999;
-        for (let index = 0; index < Math.floor(total / pageSize) + 1; index++) {
-            const data = await request('DescribeWedaUsersRuntime', {
-                pageNo: pageNo,
-                pageSize: pageSize,
-                UserIds: selectUserIds || [],
+        const PAGE_SIZE = 50;
+        const total = selectUserIds.length;
+        const records = [];
+        const promises = [];
+        for (let index = 1; index <= Math.ceil(total / PAGE_SIZE); index++) {
+            const start = (index - 1) * PAGE_SIZE;
+            const end = start + PAGE_SIZE;
+            promises.push(request('DescribeWedaUsersRuntime', {
+                UserIds: selectUserIds.slice(start, end),
                 UserType: 'internalUser',
                 NeedPrimaryColumn: true,
                 IsNoRelatedOrgFlag: false,
-            });
-            pageNo = pageNo + 1;
-            if (data === null || data === void 0 ? void 0 : data.UserList) {
-                total = (data === null || data === void 0 ? void 0 : data.Total) || 0;
-                records = records.concat(data === null || data === void 0 ? void 0 : data.UserList);
+            }));
+        }
+        const results = await Promise.all(promises);
+        for (const res of results) {
+            if (res.UserList &&
+                Array.isArray(res.UserList) &&
+                res.UserList.length > 0) {
+                records.push(...res.UserList);
             }
         }
         return records;
@@ -171,44 +174,37 @@ async function fetchUsersByOrgId(params, request) {
         throw errorHandle(error, 'LazyDescribeOrgs');
     }
 }
-/**
- * 获取当前组织列表总数
- */
-export const fetchOrgTotal = async (request) => {
-    try {
-        return await request('DescribeOrgs', {
-            pageNo: 1,
-            pageSize: 1,
-        }).then((data) => {
-            return (data === null || data === void 0 ? void 0 : data.Total) || 0;
-        });
-    }
-    catch (error) {
-        console.error('错误', error);
-        throw errorHandle(error, 'fetchOrgTotal');
-    }
-};
 /**
  *获取全量组织数据
  */
 export const DescribeOrgs = async (request) => {
     try {
-        const total = await fetchOrgTotal(request);
-        let records = [];
-        if (total > 0) {
-            const resultPromise = [];
-            for (let index = 1; index <= Math.ceil(total / 1000); index++) {
-                const DescribeOrgsByPage = request('DescribeOrgs', {
-                    pageNo: index,
-                    pageSize: 1000,
-                }) || {};
-                resultPromise.push(DescribeOrgsByPage);
+        const PAGE_SIZE = 1000;
+        const { Total = 0, DataList = [] } = await request('DescribeOrgs', {
+            pageNo: 1,
+            pageSize: PAGE_SIZE,
+        });
+        const total = Number(Total);
+        // 一页拉取了全部数据，直接返回
+        if (total <= PAGE_SIZE) {
+            return DataList;
+        }
+        const records = [...DataList];
+        const promises = [];
+        // 从第二页开始，并发拉取所有
+        for (let index = 2; index <= Math.ceil(total / PAGE_SIZE); index++) {
+            promises.push(request('DescribeOrgs', {
+                pageNo: index,
+                pageSize: PAGE_SIZE,
+            }));
+        }
+        const results = await Promise.all(promises);
+        for (const res of results) {
+            if (res.DataList &&
+                Array.isArray(res.DataList) &&
+                res.DataList.length > 0) {
+                records.push(...res.DataList);
             }
-            await Promise.all(resultPromise).then((data) => {
-                (data || []).map((item) => {
-                    records = records.concat(item === null || item === void 0 ? void 0 : item.DataList);
-                });
-            });
         }
         return records;
     }
@@ -243,20 +239,6 @@ export async function getDepartByIds({ ids, request }) {
         throw errorHandle(error, 'getDepartById');
     }
 }
-/**
- * 模糊搜索组织
- */
-export const fetchSearchOrg = async (props) => {
-    const { request, key } = props;
-    const { Orgs = [] } = await request('SearchByCondition', {
-        KeyWords: key,
-        SearchCondition: {
-            SearchType: 'SearchByOrg',
-            NeedUser: false,
-        },
-    });
-    return dealOrgAPIData(Orgs);
-};
 /*
  * 获取用户表视图信息
  */
@@ -270,6 +252,6 @@ export const fetchViewList = async () => {
     }
     catch (error) {
         console.error('错误', error);
-        throw errorHandle(error, 'DescribeOrgs');
+        throw errorHandle(error, 'fetchViewList');
     }
 };

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

@@ -1,9 +1,15 @@
+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 +18,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 +123,206 @@ 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;
+};
+/**
+ * 前端实现部门模糊搜索
+ * @param props
+ * @returns
+ */
+export const fetchSearchOrg = (props) => {
+    const { key, treeData } = props;
+    const orgList = treeToArray(treeData);
+    if (Array.isArray(orgList) && orgList.length > 0) {
+        const arr = orgList.filter((item) => (item === null || item === void 0 ? void 0 : item.content.indexOf(key)) >= 0 && (item === null || item === void 0 ? void 0 : item.selectable)) || [];
+        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 [];
+};
+/**
+ * 根据code再树结构中查找节点
+ * @param treeData
+ * @param code
+ * @returns
+ */
+export const getNodeFromTreeByCode = (treeData, code) => {
+    for (const node of treeData) {
+        if (node.code === code) {
+            return node;
+        }
+        if (node.children) {
+            const result = getNodeFromTreeByCode(node.children, code);
+            if (result) {
+                return result;
+            }
+        }
+    }
+    return null;
+};

package/dist/web/components/form/userOrgSelect/component/OrgPaths.js

@@ -0,0 +1,12 @@
+import { Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import { getTreePaths } from '../common/utils';
+export const OrgPaths = ({ nodeId, treeData }) => {
+    if (!nodeId || !treeData) {
+        return null;
+    }
+    const paths = getTreePaths(nodeId, treeData);
+    if (paths && paths.length > 0) {
+        return _jsxs(_Fragment, { children: ["(", paths.map((node) => node.content).join('/'), ")"] });
+    }
+    return null;
+};

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,20 +1,15 @@
+import { jsx as _jsx } from "react/jsx-runtime";
 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, }) {
+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 +23,23 @@ 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,
                 setSelectedOrgList,
+                selectedOrgList,
                 confirmOrgList,
-                selectedOrgIds,
-                setSelectedOrgIds,
+                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,156 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import React, { useState, 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 { fetchSearchOrg, getNodeFromTreeByCode } 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';
+import { OrgPaths } from '../OrgPaths';
+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(treeData);
+    // currentItem从那一个部门点击进到下个部门的
+    const [currentItem, setCurrentItem] = useState(null);
+    const [searchValue, setSearchValue] = useState('');
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const [loading, setLoading] = useState({ id: null, status: false });
+    const [listHeight, setListHeight] = useState(0);
+    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(treeData);
+        // 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(treeData);
+            }
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    }, 500);
+    const onFocus = function () {
+        setSearchValue('');
+        setVisible(true);
+        setShowTreeData(treeData);
+    };
+    const onClose = () => {
+        setSelectedOrgList(confirmOrgList);
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        setVisible(false);
+        setShowTreeData(treeData);
+    };
+    const onConfirm = (selectedOrgList = []) => {
+        setConfirmOrgList(selectedOrgList);
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        setShowTreeData(treeData);
+        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) : []);
+        setCurrentItem(item);
+    };
+    // 返回targetItem节点所在的层级
+    const returnToLevelOfNode = (targetItem) => {
+        if (!targetItem) {
+            return;
+        }
+        // 已经返回到根节点层级
+        if (!targetItem.parentCode) {
+            setShowTreeData(treeData);
+            setCurrentItem(null);
+        }
+        else {
+            // 要返回targetItem所在的层级，需要找到targetItem的父节点parent，再显示parent的子节点即可
+            const parent = getNodeFromTreeByCode(treeData, targetItem.parentCode);
+            setShowTreeData((parent === null || parent === void 0 ? void 0 : parent.children) || []);
+            // 标记当前是从根节点进到这一层
+            setCurrentItem(parent);
+        }
+    };
+    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, { disableEscape: true, maskClosable: false, 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", children: [_jsx("div", { className: !currentItem ? '' : 'arrow-left', onClick: () => returnToLevelOfNode(currentItem) }), currentItem ? currentItem.content : '选择部门'] }), _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: [_jsxs(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" }))] })) }), isSearch && searchValue && (_jsx("div", { className: "item-org-h5", children: _jsx(OrgPaths, { nodeId: item === null || item === void 0 ? void 0 : item.id, treeData: treeData }) }))] }), 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: [_jsx("div", { 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,
+    });
+}