@cloudbase/weda-ui 0.2.16 → 0.2.21-alpha.1

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

@@ -0,0 +1,324 @@
+import { callWedaApi } from '../../../../utils/tcb';
+import destr from 'destr';
+import { node } from 'prop-types';
+import { textToString } from '../../../../utils/platform';
+// 处理用户数据格式
+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,
+            name: user === null || user === void 0 ? void 0 : user.Name,
+            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,
+            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) : {},
+        };
+    });
+};
+// 处理数据呀部门数据格式
+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;
+};
+// 获取选项集名称
+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;
+        }
+    }
+    const value = (_b = item === null || item === void 0 ? void 0 : item[secondDisplay]) !== null && _b !== void 0 ? _b : (_c = item === null || item === void 0 ? void 0 : item.userExtend) === null || _c === void 0 ? void 0 : _c[secondDisplay];
+    return textToString(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/depart-breadcrumb.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const DepartBreadcrumb: (props: any) => JSX.Element;

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

@@ -0,0 +1,10 @@
+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 (_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(), 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.d.ts

@@ -0,0 +1,29 @@
+import React from 'react';
+import '../index.css';
+export declare const OrgTreeContext: React.Context<any>;
+export declare function DepartTreeSelectPC({ id, className, style, label, labelVisible, placeholder, disabled, layout, requiredFlag, size, multiple, decorator, request, confirmOrgList, setConfirmOrgList, selectedOrgList, setSelectedOrgList, errorInfo, setErrorInfo, treeData, orgList, error, defaultExpandedIds, readOnly, }: {
+    id: any;
+    className: any;
+    style: any;
+    label?: string;
+    labelVisible?: boolean;
+    placeholder?: string;
+    disabled?: boolean;
+    layout?: string;
+    requiredFlag?: boolean;
+    size?: string;
+    multiple?: boolean;
+    decorator: any;
+    request?: (action: any, params: any) => Promise<any>;
+    confirmOrgList: any;
+    setConfirmOrgList: any;
+    selectedOrgList: any;
+    setSelectedOrgList: any;
+    errorInfo: any;
+    setErrorInfo: any;
+    treeData: any;
+    orgList: any;
+    error: any;
+    defaultExpandedIds: any;
+    readOnly: any;
+}): JSX.Element;

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

@@ -0,0 +1,55 @@
+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 { defaultRequest } from '../../common/fetch-data-service';
+import '../index.css';
+import { OrgModalPC } from './org-modal-pc';
+import { InputTags } from '../../component/input-tags';
+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, confirmOrgList, setConfirmOrgList, selectedOrgList, setSelectedOrgList, errorInfo, setErrorInfo, treeData, orgList, error, defaultExpandedIds, readOnly, }) {
+    const [open, setOpen] = useState(false);
+    // 外层组件类
+    const cls = classNames({
+        'weda-ui': true,
+        'weda-user-tree-select': true,
+        [className]: className,
+    });
+    //确定 关闭弹窗
+    const onConfirm = () => {
+        setConfirmOrgList(selectedOrgList);
+        setOpen(false);
+    };
+    //取消 关闭弹窗
+    const onCancel = () => {
+        setSelectedOrgList(confirmOrgList);
+        setOpen(false);
+    };
+    return renderDecorator(_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(OrgTreeContext.Provider, { value: {
+                multiple,
+                setSelectedOrgList,
+                selectedOrgList,
+                confirmOrgList,
+                defaultExpandedIds,
+                request,
+            }, children: readOnly ? (_jsx(InputTags, { tagsList: confirmOrgList, placeholder: placeholder, multiple: multiple, errInfo: errorInfo, disabled: disabled, readOnly: readOnly, 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();
+                } })) : (_jsx(Dropdown, { className: classNames(`weda-ui-org-selected`, `size-${size}`), open: open, onOpenChange: (open) => {
+                    setOpen(open);
+                    setErrorInfo({ errorStatus: false, errorMessage: null });
+                }, 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, children: _jsx(OrgModalPC, { open: open, setOpen: setOpen, request: request, onConfirm: onConfirm, onCancel: onCancel, treeData: treeData || [], orgList: orgList || [], treeDataError: error }) })) }) }), decorator)({
+        id,
+        className: cls,
+        style,
+        label: labelVisible ? label : null,
+        layout,
+        multiCell: false,
+        requiredFlag,
+        size,
+    });
+}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './style';
+export default function DepartTreeSelect(props: any): JSX.Element;

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

@@ -0,0 +1,139 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import React, { useState, useEffect, useCallback } from 'react';
+import { ConfigProvider } from 'tea-component';
+import { useSyncValue } from '../../../../../utils/hooks/useSyncValue';
+import { usePlatform, isInIde } from '../../../../../utils/platform';
+import { deepClone } from '../../../../../utils/tool';
+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';
+import { setFlag, formatTree, parseStrToArr, setChildren, } from '../../common/utils';
+import { useDepartData } from '../../hooks/use-depart-data';
+import './style';
+import { useDeepCompareEffect } from '@react-hookz/web';
+export default function DepartTreeSelect(props) {
+    const { events = emptyObject, defaultValue = emptyArray, //默认值，支持数组
+    confirmValue = '', defaultValueType = 'noneDepart', multiple = false, onChange = null, request = defaultRequest, departmentScope, } = props;
+    const platform = usePlatform();
+    // 两次默认值不同, 需要刷新
+    const prevDefaultRef = React.useRef(null);
+    // 最终选定部门id
+    const [confirmOrgIds, setConfirmOrgIds] = useSyncValue(defaultValue, isObjectEqual);
+    // 最终选定部门集合
+    const [confirmOrgList, setConfirmOrgList] = useState([]);
+    //弹窗中被选中部门集合
+    const [selectedOrgList, setSelectedOrgList] = useState([]);
+    const [errorInfo, setErrorInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    const { orgTreeData, orgList, error } = useDepartData({
+        request,
+    });
+    const [treeData, setTreeData] = useState([]);
+    const defaultExpandedIds = parseStrToArr(departmentScope);
+    const triggerEventRef = React.useRef(false);
+    useEffect(() => {
+        if (orgTreeData) {
+            // deepClone数组，变更对象指针，避免数据混乱
+            const TreeDataClone = deepClone(orgTreeData);
+            if (Array.isArray(defaultExpandedIds) && defaultExpandedIds.length > 0) {
+                TreeDataClone.forEach((e) => {
+                    setFlag(e, defaultExpandedIds);
+                });
+                const scopeTree = formatTree(TreeDataClone);
+                setTreeData(scopeTree);
+            }
+            else {
+                TreeDataClone.forEach((e) => setChildren(e));
+                setTreeData(TreeDataClone);
+            }
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [orgTreeData, departmentScope]);
+    useEffect(() => {
+        if (defaultValueType === 'confirmDepart') {
+            setConfirmOrgIds(confirmValue);
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValueType, confirmValue]);
+    useEffect(() => {
+        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 });
+            }
+        };
+        try {
+            if (!isObjectEqual(prevDefaultRef.current, confirmOrgIds)) {
+                getDefaultOrg(confirmOrgIds);
+                prevDefaultRef.current = confirmOrgIds;
+            }
+        }
+        catch (e) { }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValueType, confirmOrgIds]);
+    useDeepCompareEffect(() => {
+        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);
+        if (triggerEventRef.current) {
+            (_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,
+                });
+            triggerEventRef.current = false;
+        }
+    }, [confirmOrgList]);
+    const _setConfirmOrgList = useCallback((v) => {
+        triggerEventRef.current = true;
+        setConfirmOrgList(v);
+    }, []);
+    const restProps = {
+        confirmOrgIds,
+        confirmOrgList,
+        setConfirmOrgList: _setConfirmOrgList,
+        selectedOrgList,
+        setSelectedOrgList,
+        errorInfo,
+        setErrorInfo,
+        treeData,
+        orgList,
+        error,
+        defaultExpandedIds,
+    };
+    if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
+        return _jsx(DepartSelectPC, { ...restProps, ...props });
+    }
+    if ((props === null || props === void 0 ? void 0 : props.showType) === 'h5') {
+        return _jsx(DepartSelectH5, { ...restProps, ...props });
+    }
+    return platform === 'h5' ? (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(DepartSelectH5, { ...restProps, ...props }) })) : (_jsx(DepartSelectPC, { ...restProps, ...props }));
+}

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

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import '../index.css';
+export declare const OrgModalPC: (props: any) => JSX.Element;

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

@@ -0,0 +1,65 @@
+import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useState, useCallback, useMemo } from 'react';
+import { 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/utils';
+import debounce from '../../../../../utils/debounce';
+import { WdButton } from '../../../../wd-button';
+import '../index.css';
+export const OrgModalPC = (props) => {
+    const { open, setOpen, onCancel, onConfirm, treeData, orgList, treeDataError, } = props;
+    const { multiple, setSelectedOrgList, selectedOrgList, confirmOrgList, defaultExpandedIds, } = React.useContext(OrgTreeContext) || {};
+    const [searchOrgList, setSearchOrgList] = useState([]);
+    // 是否有搜索项
+    const [keyWords, setKeyWords] = useState('');
+    const [errInfo, setErrInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    const [loading, setLoading] = useState(false);
+    const selectedIds = useMemo(() => selectedOrgList.map((item) => item.id), [selectedOrgList]);
+    //搜索值变化延迟响应，节流处理
+    const onSearch = debounce((key) => {
+        try {
+            if (key && key.length > 0) {
+                setLoading(true);
+                const res = fetchSearchOrg({ key, treeData });
+                setSearchOrgList(res);
+                setLoading(false);
+            }
+            else {
+                setSearchOrgList([]);
+            }
+            setKeyWords(key);
+        }
+        catch (e) {
+            setLoading(false);
+            setErrInfo({ errorStatus: true, errorMessage: e });
+        }
+    }, 500);
+    const handleSelectedIdsChange = useCallback((ids) => {
+        const items = [];
+        if (ids.length > 0) {
+            for (const id of ids) {
+                const item = orgList === null || orgList === void 0 ? void 0 : orgList.find((i) => i.id === id);
+                if (item) {
+                    items.push(item);
+                }
+            }
+        }
+        if (items.length > 0) {
+            setSelectedOrgList(items);
+        }
+    }, [orgList, setSelectedOrgList]);
+    const btnDisabled = selectedOrgList.length === 0 && confirmOrgList.length === 0;
+    return (_jsxs(Modal, { disableEscape: true, maskClosable: false, visible: open, caption: "\u9009\u62E9\u90E8\u95E8", onClose: () => setOpen(false), className: "weda-ui weda-ui-user-select-modal", children: [_jsxs(Modal.Body, { children: [_jsxs("div", { className: "weda-ui-user-select-container", children: [_jsx(ModalSearch, { searchList: searchOrgList, errInfo: errInfo, loading: loading, keyWords: keyWords, selectedList: selectedOrgList, multiple: multiple, setSelectedList: setSelectedOrgList, setSelectedIds: handleSelectedIdsChange, selectedIds: selectedIds, onSearch: (key) => onSearch(key), onReset: () => setSearchOrgList([]), isUser: false }), keyWords.length === 0 && (_jsx(_Fragment, { children: _jsx("div", { className: "weda-ui-user-select-container-list", children: _jsx("div", { className: "weda-ui-user-select-container-list__start", children: _jsx(OrgTree, { selectedOrgId: selectedIds, mutiple: multiple, 
+                                            //setSelectedOrgId={setSelectedOrgId}
+                                            isUser: false, treeData: treeData, treeDataError: treeDataError, selectable: true, defaultExpandedIds: defaultExpandedIds, onActive: (ids) => handleSelectedIdsChange(ids) }) }) }) }))] }), _jsx(SelectedList, { selectedList: selectedOrgList, isUser: false, onClose: (item) => {
+                            setSelectedOrgList(selectedOrgList.filter((data) => data.id !== (item === null || item === void 0 ? void 0 : item.id)));
+                        } })] }), _jsxs(Modal.Footer, { children: [_jsx(WdButton, { text: "\u53D6\u6D88", events: { tap: onCancel }, theme: "secondary", variant: "outline", className: "wd-btn__margin-right" }), _jsx(Bubble, { content: selectedOrgList.length === 0 && confirmOrgList.length === 0
+                            ? '请选择部门'
+                            : null, children: _jsx("span", { children: _jsx(WdButton, { text: "\u786E\u5B9A", events: { tap: onConfirm }, disabled: btnDisabled }) }) })] })] }));
+};

package/dist/web/components/form/userOrgSelect/component/depart-select/style.d.ts

@@ -0,0 +1,2 @@
+import '../userOrgSelect.css';
+import '../../../../style';

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

@@ -0,0 +1,3 @@
+import '../userOrgSelect.css';
+// common style
+import '../../../../style';

package/dist/web/components/form/userOrgSelect/component/error-tips.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const ErrorStatus: ({ description, title }: {
+    description: any;
+    title?: string;
+}) => JSX.Element;
+export declare const NullStatus: ({ title, size, description }: {
+    title?: any;
+    size: any;
+    description?: any;
+}) => JSX.Element;
+export declare const LoadingStatus: () => JSX.Element;