@cloudbase/weda-ui 3.4.2 → 3.4.4

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

@@ -0,0 +1,276 @@
+import { dealUserData, dealOrgData, dealOrgAPIData, parseStrToArr, } from './utils';
+import { callWedaApi } from '../../../../utils/tcb';
+import { filterStrList } from '../../../../utils/platform';
+export const defaultRequest = async (action, params) => {
+    try {
+        const res = await callWedaApi({
+            action: action,
+            data: params,
+        });
+        return res;
+    }
+    catch (error) {
+        console.error(action + '错误', error);
+        throw errorHandle(error, action);
+    }
+};
+export const getUserListByIds = async (porps) => {
+    const { selectUserIds, request } = porps;
+    const userList = await fetchUserListByIds(selectUserIds, request);
+    return dealUserData(userList);
+};
+/**
+ * 统一接口错误处理
+ * @param error
+ * @param action
+ * @returns
+ */
+export const errorHandle = (error, action) => {
+    var _a;
+    if (error === null || error === void 0 ? void 0 : error.result) {
+        return `${(_a = error === null || error === void 0 ? void 0 : error.result) === null || _a === void 0 ? void 0 : _a.message}(${action}${error === null || error === void 0 ? void 0 : error.requestId})`;
+    }
+    else {
+        return `${action}(${(error === null || error === void 0 ? void 0 : error.message) || error})`;
+    }
+};
+/**
+ * 根据用户id获取全量相关用户数据
+ * @param selectUserIds 查询用户id
+ * @param request 发起请求
+ * @returns
+ */
+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 || [],
+                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);
+            }
+        }
+        return records;
+    }
+    catch (error) {
+        console.error('错误', error);
+        throw errorHandle(error, 'DescribeWedaUsersRuntime');
+    }
+};
+/**
+ * 获取非组织用户数据分页接口
+ * @param pageNo
+ * @param pageSize
+ * @param request
+ * @returns
+ */
+export const fetchUserData = async (props, request) => {
+    const { pageNo, pageSize } = props;
+    try {
+        let records = [];
+        let total = 0;
+        const noOrgParams = {
+            pageNo: pageNo,
+            pageSize: pageSize,
+            UserType: 'internalUser',
+            NeedPrimaryColumn: true,
+            IsNoRelatedOrgFlag: true,
+        };
+        const data = await request('DescribeWedaUsersRuntime', noOrgParams);
+        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);
+        }
+        return { records, total };
+    }
+    catch (error) {
+        console.error('错误', error);
+        throw errorHandle(error, 'DescribeWedaUsersRuntime');
+    }
+};
+export const fetchSearchUser = async (props, request) => {
+    const { key, where } = props;
+    const { Users = [] } = await request('SearchByCondition', {
+        KeyWords: key.trim(),
+        condition: typeof where === 'object' ? JSON.stringify(where) : where,
+        orderBy: props === null || props === void 0 ? void 0 : props.orderBy,
+        orderType: props === null || props === void 0 ? void 0 : props.orderType,
+        SearchCondition: {
+            SearchType: 'SearchByOrg',
+            NeedUser: true,
+        },
+    });
+    return dealUserData(Users);
+};
+/**
+ * 根据orgid获取节点下用户分页数据
+ */
+export const fetchUserList = (params, request) => {
+    const { pageNo, pageSize } = params;
+    // eslint-disable-next-line no-useless-catch
+    try {
+        if ((params === null || params === void 0 ? void 0 : params.OrgId) === 'isNoOrgList') {
+            return fetchUserData({ pageNo, pageSize }, request).then((res) => {
+                return { records: dealUserData(res === null || res === void 0 ? void 0 : res.records), total: res === null || res === void 0 ? void 0 : res.total };
+            });
+        }
+        else {
+            return fetchUsersByOrgId({
+                ...params,
+            }, request).then((res) => {
+                return { records: dealUserData(res === null || res === void 0 ? void 0 : res.records), total: res === null || res === void 0 ? void 0 : res.total };
+            });
+        }
+    }
+    catch (error) {
+        throw error;
+    }
+};
+/**
+ * 根据部门节点获取分页用户数据
+ * @param params
+ * @param request
+ * @returns
+ */
+async function fetchUsersByOrgId(params, request) {
+    try {
+        let records = [];
+        let total = 0;
+        const data = await request('LazyDescribeOrgs', {
+            pageNo: params === null || params === void 0 ? void 0 : params.pageNo,
+            pageSize: params === null || params === void 0 ? void 0 : params.pageSize,
+            OrgId: params === null || params === void 0 ? void 0 : params.OrgId,
+            condition: typeof params.where === 'object'
+                ? JSON.stringify(params.where)
+                : params.where,
+            orderBy: params === null || params === void 0 ? void 0 : params.orderBy,
+            orderType: params === null || params === void 0 ? void 0 : params.orderType,
+            DescribeCondition: {
+                NeedUser: true,
+            },
+        });
+        if (data === null || data === void 0 ? void 0 : data.Users) {
+            total = (data === null || data === void 0 ? void 0 : data.UserTotal) || 0;
+            records = records.concat(data === null || data === void 0 ? void 0 : data.Users);
+        }
+        return { records, total };
+    }
+    catch (error) {
+        console.error('错误', error);
+        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);
+            }
+            await Promise.all(resultPromise).then((data) => {
+                (data || []).map((item) => {
+                    records = records.concat(item === null || item === void 0 ? void 0 : item.DataList);
+                });
+            });
+        }
+        return records;
+    }
+    catch (error) {
+        console.error('错误', error);
+        throw errorHandle(error, 'DescribeOrgs');
+    }
+};
+/**
+ * 根据_id查询部门数据
+ *
+ */
+export async function getDepartByIds({ ids, request }) {
+    try {
+        const orgIds = filterStrList(parseStrToArr(ids)) || [];
+        const whereList = (orgIds || []).map((id) => {
+            return { _id: { $eq: id } };
+        });
+        const res = await request('DescribeOrgs', {
+            pageNo: 1,
+            pageSize: 1000,
+            condition: JSON.stringify({ $and: [{ $or: whereList }] }),
+        });
+        if ((res === null || res === void 0 ? void 0 : res.Total) > 0) {
+            const dataRecord = res === null || res === void 0 ? void 0 : res.DataList.map((item) => JSON.parse((item === null || item === void 0 ? void 0 : item.DataRecord) || {}));
+            return { orgList: dealOrgData(dataRecord), orgIds };
+        }
+        // return [];
+        return res;
+    }
+    catch (error) {
+        console.error('错误', error);
+        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);
+};
+/*
+ * 获取用户表视图信息
+ */
+export const fetchViewList = async () => {
+    try {
+        const data = await defaultRequest('DescribeRuntimeDataViewPropertiesList', {
+            DatasourceName: 'sys_user',
+            GetColumnAuth: true,
+        });
+        return data;
+    }
+    catch (error) {
+        console.error('错误', error);
+        throw errorHandle(error, 'DescribeOrgs');
+    }
+};

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

@@ -0,0 +1 @@
+export {};

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

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Status } from 'tea-component';
+export const ErrorStatus = ({ description, title = '接口调用失败' }) => {
+    return (React.createElement(Status, { icon: 'blank', size: 's', title: title, description: description }));
+};
+export const NullStatus = ({ title = null, size, description = null }) => {
+    return (React.createElement(Status, { icon: 'blank', size: size, title: title, description: description }));
+};
+export const LoadingStatus = () => {
+    return React.createElement(Status, { icon: 'loading', size: 's', description: '加载中' });
+};