@cloudbase/weda-ui 3.2.1 → 3.3.0

package/dist/src/web/components/form/uploaderFile/uploadFile.pc.js

@@ -61,6 +61,7 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
             (_c = events === null || events === void 0 ? void 0 : events.success) === null || _c === void 0 ? void 0 : _c.call(events, { value: pureFileIDList });
             fileRef.current = fileIDList;
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [fileIDList]);
     // 外层组件类
     const cls = classNames({
@@ -209,12 +210,9 @@ const TcbFileUpload = ({ file, disabled }) => {
         const title = (file === null || file === void 0 ? void 0 : file.name) || '';
         const uuid = file === null || file === void 0 ? void 0 : file._uuid;
         return { size, title, uuid };
-    }, [file === null || file === void 0 ? void 0 : file._uuid]);
-    React.useEffect(() => {
-        handleUpload(file);
-    }, [file === null || file === void 0 ? void 0 : file._uuid]);
+    }, [file === null || file === void 0 ? void 0 : file._uuid, file === null || file === void 0 ? void 0 : file.name, file === null || file === void 0 ? void 0 : file.size]);
     // 上传过程
-    const handleUpload = async (file) => {
+    const handleUpload = React.useCallback(async (file) => {
         const tcb = await getCloudInstance();
         try {
             setStatus('0');
@@ -235,7 +233,12 @@ const TcbFileUpload = ({ file, disabled }) => {
             setStatus('3');
             events.error && events.error(e);
         }
-    };
+    }, 
+    // eslint-disable-next-line react-hooks/exhaustive-deps
+    [size, uploadPath, uuid]);
+    React.useEffect(() => {
+        handleUpload(file);
+    }, [file, file._uuid, handleUpload]);
     return (React.createElement("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-body` },
         React.createElement("div", { className: `${CLASS_PREFIX}--item-title`, title: title }, cutFileTitle(title)),
         React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, size),

package/dist/src/web/components/form/userOrgSelect/comTool.js

@@ -10,7 +10,6 @@ export const DimTreeContent = (props) => {
     const loadDepartData = async (id) => {
         const node = getNode(treeData, id, 'id');
         if (node.children) {
-            //resolve();
             return;
         }
         try {
@@ -27,15 +26,13 @@ export const DimTreeContent = (props) => {
             }
             else {
                 //@ts-ignore jsx
-                const children = dealOrgData(Orgs).concat(needUser ? dealUserData(Users) : []);
+                const children = dealOrgData(Orgs).concat(needUser ? dealUserData(Users, false, node.orgId) : []);
                 Object.assign(node, { children });
             }
             setTreeData([...treeData]);
-            // resolve();
             return;
         }
         catch (error) {
-            //reject(error);
             return;
         }
     };
@@ -58,11 +55,8 @@ export const DimTreeContent = (props) => {
                 setLoading(false);
                 //@ts-ignore jsx
                 resData = dealOrgData(Orgs).concat(needUser ? dealUserData(Users) : []);
+                setTreeData(resData);
             }
-            else {
-                resData = dealOrgData((await request('SearchByCondition', {})) || []);
-            }
-            setTreeData(resData);
         }
         catch (e) {
             setLoading(false);
@@ -76,7 +70,7 @@ export const DimTreeContent = (props) => {
         !(treeData === null || treeData === void 0 ? void 0 : treeData.length) && !loading && !(errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorStatus) && (React.createElement(Status, { className: "dim-tree-select--blank", icon: 'blank', size: 's', title: `暂无${needUser ? '成员' : '部门'}数据` })),
         !!(treeData === null || treeData === void 0 ? void 0 : treeData.length) && !loading && !(errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorStatus) && (React.createElement(React.Fragment, null,
             React.createElement("div", { className: "tree-select-warp" },
-                React.createElement(Tree, { selectable: false, selectStrictly: true, activable: true, activeIds: activeIds, selectedIds: selectedIds, data: treeData, onLoad: loadDepartData, onActive: onActive, onSelect: onSelect, fullExpandable: needUser ? true : false, className: `tree-select ${treeClassName}` })),
+                React.createElement(Tree, { selectable: false, selectStrictly: true, activable: true, activeIds: activeIds, selectedIds: selectedIds, data: treeData, onLoad: loadDepartData, onActive: onActive, onSelect: onSelect, height: 324, fullExpandable: needUser ? true : false, className: `tree-select ${treeClassName}` })),
             React.createElement("div", { className: "dim-tree-footer" },
                 React.createElement(Button, { type: "weak", className: "din-btn din-btn--cancle", onClick: onCancel }, "\u53D6\u6D88"),
                 React.createElement(Button, { type: "primary", className: "din-btn din-btn--primary", onClick: onConfirm }, "\u786E\u5B9A"))))));

package/dist/src/web/components/form/userOrgSelect/departTreeSelect/departTreeSelect.h5.js

@@ -1,9 +1,9 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { emptyObject } from '../../../../utils/constant';
 import { renderDecorator } from '../../renderDecorator';
 import { IconFont } from 'tdesign-icons-react';
 import classNames from '../../../../utils/classnames';
-import { getDepartById, defaultRequest, } from '../../../../utils/getUserService';
+import { getDepartById, defaultRequest } from '../getUserService';
 import { dealOrgData } from '../utils';
 import { Modal, Button, ConfigProvider, Radio, Status } from 'tea-component';
 import isObjectEqual from '../../../../utils/isObjectEqual';
@@ -38,6 +38,19 @@ export function DepartTreeSelectH5({ id, className, style, events = emptyObject,
         errorStatus: false,
         errorMessage: null,
     });
+    // 初始化数据
+    const initOrgsData = useCallback(async () => {
+        try {
+            setTitleText('选择部门');
+            const resData = (await request('InitRootOrgs', {})) || [];
+            const data = dealOrgData(resData);
+            setOrgsTreeData(data);
+            setOriginalOrgData([{ index: count, treeData: data, title: '选择部门' }]);
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    }, [count, request]);
     const handleFocus = (value) => {
         setIsSearch(value);
     };
@@ -103,42 +116,34 @@ export function DepartTreeSelectH5({ id, className, style, events = emptyObject,
         if ((defaultValue &&
             !isObjectEqual(prevDefaultRef.current !== defaultValue)) ||
             (confirmValue && !isObjectEqual(prevConfirmRef.current !== confirmValue))) {
+            const getdefaultUser = async () => {
+                var _a;
+                try {
+                    if ((defaultValueType === 'confirmDepart' &&
+                        confirmValue.length !== 0) ||
+                        defaultValue.length !== 0) {
+                        const orgId = confirmValue.length !== 0 ? confirmValue : defaultValue;
+                        const defaultDepart = await getDepartById({
+                            _id: orgId,
+                        });
+                        setValue(defaultDepart);
+                        onChange === null || onChange === void 0 ? void 0 : onChange(orgId);
+                        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, {
+                            value: orgId,
+                            data: { content: defaultDepart },
+                        });
+                    }
+                }
+                catch (e) {
+                    setErrorInfo({ errorStatus: true, errorMessage: e });
+                }
+            };
             getdefaultUser();
             prevDefaultRef.current = defaultValue;
             prevConfirmRef.current = confirmValue;
         }
-    }, [defaultValueType, confirmValue, defaultValue]);
-    const getdefaultUser = async () => {
-        var _a;
-        try {
-            if ((defaultValueType === 'confirmDepart' && confirmValue.length !== 0) ||
-                defaultValue.length !== 0) {
-                const orgId = confirmValue.length !== 0 ? confirmValue : defaultValue;
-                const defaultDepart = await getDepartById({
-                    _id: orgId,
-                });
-                setValue(defaultDepart);
-                onChange === null || onChange === void 0 ? void 0 : onChange(orgId);
-                (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: orgId, data: { content: defaultDepart } });
-            }
-        }
-        catch (e) {
-            setErrorInfo({ errorStatus: true, errorMessage: e });
-        }
-    };
-    // 初始化数据
-    const initOrgsData = async () => {
-        try {
-            setTitleText('选择部门');
-            const resData = (await request('InitRootOrgs', {})) || [];
-            const data = dealOrgData(resData);
-            setOrgsTreeData(data);
-            setOriginalOrgData([{ index: count, treeData: data, title: '选择部门' }]);
-        }
-        catch (e) {
-            setErrorInfo({ errorStatus: true, errorMessage: e });
-        }
-    };
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValueType, confirmValue, defaultValue, initOrgsData]);
     //点击部门节点，获取子部门节点
     const loadDepartData = async (node, count) => {
         try {

package/dist/src/web/components/form/userOrgSelect/departTreeSelect/departTreeSelect.pc.d.ts

@@ -1,4 +1,4 @@
 /// <reference types="react" />
 import { IDepartTreeSelec } from './departTreeSelect.h5';
 import '../userOrgSelect.css';
-export declare function DepartTreeSelectPC({ id, className, style, events, label, labelVisible, placeholder, defaultValue, confirmValue, defaultValueType, disabled, layout, requiredFlag, size, decorator, multiple, onChange, request, }: IDepartTreeSelec): JSX.Element;
+export declare function DepartTreeSelectPC({ id, className, style, events, label, labelVisible, defaultValue, confirmValue, placeholder, defaultValueType, disabled, layout, requiredFlag, size, multiple, onChange, decorator, request, }: IDepartTreeSelec): JSX.Element;

package/dist/src/web/components/form/userOrgSelect/departTreeSelect/departTreeSelect.pc.js

@@ -4,13 +4,11 @@ import { renderDecorator } from '../../renderDecorator';
 import classNames from 'classnames';
 import { Dropdown, ConfigProvider, Text } from 'tea-component';
 import { getNode, getRelationData, dealOrgData } from '../utils';
-import { getDepartById, defaultRequest, } from '../../../../utils/getUserService';
+import { getDepartById, defaultRequest } from '../getUserService';
 import '../userOrgSelect.css';
 import { DimTreeContent } from '../comTool';
 import isObjectEqual from '../../../../utils/isObjectEqual';
-export function DepartTreeSelectPC({ id, className, style, events = emptyObject, label = '人员选择', labelVisible = true, placeholder, 
-// name = 'formUserTreeSelect',
-defaultValue = '', confirmValue = '', defaultValueType = 'noneDepart', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, multiple = false, onChange = null, request = defaultRequest, }) {
+export function DepartTreeSelectPC({ id, className, style, events = emptyObject, label = '人员选择', labelVisible = true, defaultValue = '', confirmValue = '', placeholder = '请选择部门', defaultValueType = 'noneDepart', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', multiple = false, onChange = null, decorator, request = defaultRequest, }) {
     // 两次默认值不同, 需要刷新
     const prevDefaultRef = React.useRef(null);
     const prevConfirmRef = React.useRef(null);
@@ -32,6 +30,36 @@ defaultValue = '', confirmValue = '', defaultValueType = 'noneDepart', disabled
         errorMessage: null,
     });
     useEffect(() => {
+        // 初始化数据
+        const initOrgsData = async () => {
+            try {
+                setErrorInfo({ errorStatus: false, errorMessage: null });
+                const resData = (await request('InitRootOrgs', {})) || [];
+                const data = dealOrgData(resData);
+                setTreeData(data);
+                setOriginalTreeData([...data]);
+            }
+            catch (e) {
+                setErrorInfo({ errorStatus: true, errorMessage: e });
+            }
+        };
+        const getdefaultUser = async () => {
+            var _a;
+            try {
+                if ((defaultValueType === 'confirmDepart' && confirmValue.length !== 0) ||
+                    defaultValue.length !== 0) {
+                    const orgId = confirmValue.length !== 0 ? confirmValue : defaultValue;
+                    const defaultUser = await getDepartById({
+                        _id: orgId,
+                    });
+                    setCurSelectItem({ orgId: orgId, content: defaultUser });
+                    (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: orgId, data: { content: defaultUser } });
+                }
+            }
+            catch (e) {
+                setErrorInfo({ errorStatus: true, errorMessage: e });
+            }
+        };
         initOrgsData();
         if ((defaultValue &&
             !isObjectEqual(prevDefaultRef.current !== defaultValue)) ||
@@ -40,7 +68,8 @@ defaultValue = '', confirmValue = '', defaultValueType = 'noneDepart', disabled
             prevDefaultRef.current = defaultValue;
             prevConfirmRef.current = confirmValue;
         }
-    }, [defaultValueType, confirmValue, defaultValue]);
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValueType, confirmValue, defaultValue, request]);
     useEffect(() => {
         if (open) {
             setErrorInfo({ errorStatus: false, errorMessage: null });
@@ -49,37 +78,7 @@ defaultValue = '', confirmValue = '', defaultValueType = 'noneDepart', disabled
             setActiveIds(node ? [node.id] : []);
             setSelectIds(node ? [node.id] : []);
         }
-    }, [open, treeData]);
-    // 初始化数据
-    const initOrgsData = async () => {
-        try {
-            setErrorInfo({ errorStatus: false, errorMessage: null });
-            const resData = (await request('InitRootOrgs', {})) || [];
-            const data = dealOrgData(resData);
-            setTreeData(data);
-            setOriginalTreeData([...data]);
-        }
-        catch (e) {
-            setErrorInfo({ errorStatus: true, errorMessage: e });
-        }
-    };
-    const getdefaultUser = async () => {
-        var _a;
-        try {
-            if ((defaultValueType === 'confirmDepart' && confirmValue.length !== 0) ||
-                defaultValue.length !== 0) {
-                const orgId = confirmValue.length !== 0 ? confirmValue : defaultValue;
-                const defaultUser = await getDepartById({
-                    _id: orgId,
-                });
-                setCurSelectItem({ orgId: orgId, content: defaultUser });
-                (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: orgId, data: { content: defaultUser } });
-            }
-        }
-        catch (e) {
-            setErrorInfo({ errorStatus: true, errorMessage: e });
-        }
-    };
+    }, [curSelectItem === null || curSelectItem === void 0 ? void 0 : curSelectItem.orgId, open, treeData]);
     const reset = (close, value = '') => {
         var _a;
         setSelectIds([]);

package/dist/src/web/components/form/userOrgSelect/getUserService.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 根据_id查询部门数据
+ *
+ */
+export function getDepartById(data: any): Promise<any>;
+export function initRootOrgs(data: any): Promise<any>;
+export function getDeparts(data: any): Promise<any>;
+export function searchByCondition(data: any): Promise<any>;
+export function defaultRequest(action: any, params: any, type?: any): Promise<any>;
+export function getDataSourceByName(dbName: any): Promise<any>;
+export function getUserInfo(): Promise<any>;

package/dist/src/web/components/form/userOrgSelect/getUserService.js

@@ -0,0 +1,159 @@
+import { callWedaApi, callDataSource } from '../../../utils/tcb';
+/**
+ * 默认请求统一处理方法
+ * @param {*} action
+ * @param {*} params
+ * @param {*} type
+ * @returns
+ */
+export const defaultRequest = async (action, params, type = 'callWedaApi') => {
+    try {
+        if (type === 'callWedaApi') {
+            const res = await callWedaApi({
+                action: action,
+                data: params,
+            });
+            return res;
+        }
+        else if (type === 'callDataSource' && action === 'getUserById') {
+            const datasource = await getDataSourceByName('sys_user');
+            const userInfoList = [];
+            let pageNo = 1;
+            const setInitUserDataHandle = async () => {
+                const res = await callWedaApi({
+                    action: 'DescribeWedaUsersRuntime',
+                    data: {
+                        pageNo: pageNo,
+                        pageSize: 200,
+                        UserIds: (params === null || params === void 0 ? void 0 : params.idList) || [],
+                        UserType: 'internalUser',
+                    },
+                });
+                const resData = ((res === null || res === void 0 ? void 0 : res.UserList) || []).map((item) => {
+                    const userInfo = JSON.parse(item === null || item === void 0 ? void 0 : item.UserExtend) || {};
+                    return {
+                        value: item === null || item === void 0 ? void 0 : item.UserId,
+                        data: {
+                            content: (datasource === null || datasource === void 0 ? void 0 : datasource.schema['x-primary-column']) === 'name'
+                                ? item === null || item === void 0 ? void 0 : item.Name
+                                : userInfo[datasource === null || datasource === void 0 ? void 0 : datasource.schema['x-primary-column']] ||
+                                    (item === null || item === void 0 ? void 0 : item.UserId),
+                        },
+                        orgs: item === null || item === void 0 ? void 0 : item.Orgs,
+                    };
+                });
+                userInfoList.push.apply(userInfoList, resData);
+                if ((res === null || res === void 0 ? void 0 : res.Total) > pageNo * 100) {
+                    pageNo += 1;
+                    await setInitUserDataHandle();
+                }
+            };
+            (params === null || params === void 0 ? void 0 : params.idList.length) > 0 && (await setInitUserDataHandle());
+            return userInfoList;
+        }
+    }
+    catch (error) {
+        console.error(action + '错误', error);
+        throw errorHandle(error, action);
+    }
+};
+/**
+ * 获取用户表schema
+ */
+export const getDataSourceByName = async (dbName) => {
+    // dbName 为空时
+    if (!dbName)
+        return;
+    const datasource = await window.app.cloud.getDataSourceProfile(dbName);
+    return datasource;
+};
+/**
+ * 根据_id查询部门数据
+ *
+ */
+export async function getDepartById(data) {
+    try {
+        const datasource = await getDataSourceByName('sys_department');
+        const res = await callDataSource({
+            dataSourceName: 'sys_department',
+            methodName: 'wedaGetItem',
+            params: data,
+        });
+        return res[datasource === null || datasource === void 0 ? void 0 : datasource.schema['x-primary-column']] || (res === null || res === void 0 ? void 0 : res._id);
+    }
+    catch (error) {
+        console.error('错误', error);
+        throw errorHandle(error, 'getDepartById');
+    }
+}
+/**
+ *  获取当前登录人信息
+ * */
+export const getUserInfo = () => {
+    var _a, _b;
+    const userInfo = (_b = (_a = window === null || window === void 0 ? void 0 : window.app) === null || _a === void 0 ? void 0 : _a.auth) === null || _b === void 0 ? void 0 : _b.getUserInfo();
+    return Promise.resolve(userInfo);
+};
+/*
+ * 初始化加载部门数据
+ * @author servernnyu
+ */
+export async function initRootOrgs(data) {
+    try {
+        const res = await callWedaApi({
+            action: 'InitRootOrgs',
+            data,
+        });
+        return res;
+    }
+    catch (error) {
+        console.error('错误', error);
+        throw errorHandle(error, 'InitRootOrgs');
+    }
+}
+/*
+ * 懒加载部门数据 LazyDescribeOrgs
+ * OrgId：组织架构Id，为根节点就不传了，我就会去查根节点
+ * DescribeCondition：查询条件，现在可以传{"Key":"NeedUser","Value": "true"}
+ */
+export async function getDeparts(data) {
+    try {
+        const res = await callWedaApi({
+            action: 'LazyDescribeOrgs',
+            data,
+        });
+        return res;
+    }
+    catch (error) {
+        console.error('错误', error);
+        throw errorHandle(error, 'LazyDescribeOrgs');
+    }
+}
+/*
+ SearchByCondition接口
+入参：
+KeyWords：关键词
+SearchCondition：搜索条件，当前要传俩，一个是是否关联用户同上，一个是SeachType，SearchByRole和SearchByOrg, NeedUser
+ */
+export async function searchByCondition(data) {
+    try {
+        const res = await callWedaApi({
+            action: 'SearchByCondition',
+            data,
+        });
+        return res;
+    }
+    catch (error) {
+        console.error('错误', error);
+        throw errorHandle(error, 'SearchByCondition');
+    }
+}
+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})`;
+    }
+};

package/dist/src/web/components/form/userOrgSelect/userTreeSelect.h5.d.ts

@@ -1,8 +1,8 @@
 import React from 'react';
 import type { CommonFormPropsType } from '../types';
 import './userOrgSelect.css';
-export declare function UserTreeSelectH5({ id, className, style, events, label, labelVisible, name, placeholder, defaultValueType, defaultValue, confirmValue, disabled, layout, requiredFlag, multiple, //是否多选
-focus: autoFocus, onChange, decorator, request, }: IUserTreeSelec): JSX.Element;
+export declare function UserTreeSelectH5({ id, className, style, events, label, labelVisible, name, placeholder, defaultValueType, defaultValue, confirmValue, disabled, layout, requiredFlag, decorator, multiple, //是否多选
+focus: autoFocus, onChange, modelOpen, request, }: IUserTreeSelec): JSX.Element;
 export interface IUserTreeSelec extends CommonFormPropsType {
     defaultValue?: Readonly<string | string[]>;
     confirmValue?: string;
@@ -22,5 +22,6 @@ export interface IUserTreeSelec extends CommonFormPropsType {
     dropDownStyle?: React.CSSProperties;
     onChange?: (v: any) => void;
     request?: any;
+    modelOpen?: boolean;
     getUserByIdRequest?: (v: any) => any;
 }

package/dist/src/web/components/form/userOrgSelect/userTreeSelect.h5.js

@@ -1,18 +1,18 @@
-import React, { useState, useEffect } from 'react';
+import React, { useState, useEffect, useCallback } from 'react';
 import { emptyObject, emptyArray } from '../../../utils/constant';
 import { renderDecorator } from '../renderDecorator';
 import { IconFont } from 'tdesign-icons-react';
 import classNames from '../../../utils/classnames';
-import { getUserInfo, defaultRequest } from '../../../utils/getUserService';
-import { dealUserData, dealOrgData } from './utils';
+import { getUserInfo, defaultRequest } from './getUserService';
+import { dealOrgData, dealUserData } from './utils';
 import { Modal, Button, ConfigProvider, Radio, Status } from 'tea-component';
 import { isInIde, filterStrList } from '../../../utils/platform';
 import './userOrgSelect.css';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import destr from 'destr';
 import { ErrorStatus, ModalSearch } from './comTool';
-export function UserTreeSelectH5({ id, className, style, events = emptyObject, label = '成员选择', labelVisible = true, name = 'formUserTreeSelect', placeholder = '请选择成员', defaultValueType = 'noneUser', defaultValue = emptyArray, confirmValue = '', disabled = false, layout = 'horizontal', requiredFlag = false, multiple = false, //是否多选
-focus: autoFocus = false, onChange = null, decorator, request = defaultRequest, }) {
+export function UserTreeSelectH5({ id, className, style, events = emptyObject, label = '成员选择', labelVisible = true, name = 'formUserTreeSelect', placeholder = '请选择成员', defaultValueType = 'noneUser', defaultValue = emptyArray, confirmValue = '', disabled = false, layout = 'horizontal', requiredFlag = false, decorator, multiple = false, //是否多选
+focus: autoFocus = false, onChange = null, modelOpen = false, request = defaultRequest, }) {
     var _a;
     const cls = classNames({
         'weda-ui': true,
@@ -84,15 +84,21 @@ focus: autoFocus = false, onChange = null, decorator, request = defaultRequest,
         setVisible(false);
     };
     const onConfirm = (selectItem = []) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c;
         const contentList = selectItem.map((e) => e === null || e === void 0 ? void 0 : e.content);
         setValue([...contentList]);
-        prevDefaultRef.current = (_a = selectItem[0]) === null || _a === void 0 ? void 0 : _a.userId;
-        onChange === null || onChange === void 0 ? void 0 : onChange((_b = selectItem[0]) === null || _b === void 0 ? void 0 : _b.userId);
-        (_c = events === null || events === void 0 ? void 0 : events.change) === null || _c === void 0 ? void 0 : _c.call(events, { value: (_d = selectItem[0]) === null || _d === void 0 ? void 0 : _d.userId, data: selectItem });
+        const idList = selectItem.map((e) => e === null || e === void 0 ? void 0 : e.userId);
+        prevDefaultRef.current = [...idList];
+        onChange === null || onChange === void 0 ? void 0 : onChange(multiple ? idList : (_a = selectItem[0]) === null || _a === void 0 ? void 0 : _a.userId);
+        (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, multiple
+            ? { value: idList, data: selectItem }
+            : { value: (_c = selectItem[0]) === null || _c === void 0 ? void 0 : _c.userId, data: selectItem });
         initOrgsData();
         setVisible(false);
     };
+    useEffect(() => {
+        setVisible(modelOpen);
+    }, [modelOpen]);
     useEffect(() => {
         initOrgsData();
         if ((defaultValue &&
@@ -104,8 +110,9 @@ focus: autoFocus = false, onChange = null, decorator, request = defaultRequest,
             prevDefaultRef.current = defaultValue;
             prevConfirmRef.current = confirmValue;
         }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [defaultValueType, confirmValue, defaultValue]);
-    const getDefaultUser = async () => {
+    const getDefaultUser = useCallback(async () => {
         var _a;
         try {
             //默认显示登录用户时
@@ -130,18 +137,29 @@ focus: autoFocus = false, onChange = null, decorator, request = defaultRequest,
                 const userSelectList = await request('getUserById', {
                     idList: userIdList || [],
                 }, 'callDataSource');
-                setValue([userSelectList[0].data.content]);
+                setValue(userSelectList.map((list) => { var _a; return (_a = list === null || list === void 0 ? void 0 : list.data) === null || _a === void 0 ? void 0 : _a.content; }));
+                setSelectItem(userSelectList.map((list) => {
+                    var _a;
+                    return { userId: list === null || list === void 0 ? void 0 : list.value, content: (_a = list === null || list === void 0 ? void 0 : list.data) === null || _a === void 0 ? void 0 : _a.content };
+                }));
             }
         }
         catch (e) {
             setErrorInfo({ errorStatus: true, errorMessage: e });
         }
-    };
+    }, [confirmValue, defaultValue, defaultValueType, request, events, onChange]);
     // 初始化数据
-    const initOrgsData = async () => {
+    const initOrgsData = useCallback(async () => {
         try {
             const resData = (await request('InitRootOrgs', {})) || [];
-            const data = dealOrgData(resData);
+            const pageNo = 1;
+            const noOrgUserData = await request('DescribeWedaUsersRuntime', {
+                pageNo: pageNo,
+                pageSize: 200,
+                IsNoRelatedOrgFlag: true,
+                UserType: 'internalUser',
+            });
+            const data = dealOrgData(resData).concat(dealUserData(noOrgUserData === null || noOrgUserData === void 0 ? void 0 : noOrgUserData.UserList));
             setTitleText('选择成员');
             setOrgsTreeData(destr(data));
             setOriginalOrgData([{ index: count, treeData: data, title: '选择成员' }]);
@@ -149,7 +167,7 @@ focus: autoFocus = false, onChange = null, decorator, request = defaultRequest,
         catch (e) {
             setErrorInfo({ errorStatus: true, errorMessage: e });
         }
-    };
+    }, [request, count]);
     //点击部门节点，获取子部门节点
     const loadDepartData = async (node, count) => {
         setTitleText(node === null || node === void 0 ? void 0 : node.content);
@@ -215,9 +233,9 @@ focus: autoFocus = false, onChange = null, decorator, request = defaultRequest,
                             } },
                             React.createElement("div", { className: "weda-select-user-dept__list-item-wrap" },
                                 (item === null || item === void 0 ? void 0 : item.isUser) && (React.createElement(Radio.Group, { value: (_a = selectItem.filter((e) => (e === null || e === void 0 ? void 0 : e.userId) === (item === null || item === void 0 ? void 0 : item.userId))[0]) === null || _a === void 0 ? void 0 : _a.userId, onChange: (value) => {
-                                        //多选情况，取消选中某元素时
-                                        if (multiple && searchValue.indexOf(value) !== -1) {
-                                            searchValue.splice(searchValue.indexOf(value), 1);
+                                        const ids = selectItem.map((item) => item === null || item === void 0 ? void 0 : item.userId);
+                                        // 多选情况，取消选中某元素时
+                                        if (ids.indexOf(value) !== -1) {
                                             setSelectItem(selectItem.filter((e) => e.userId !== value));
                                         }
                                         else {
@@ -238,7 +256,7 @@ focus: autoFocus = false, onChange = null, decorator, request = defaultRequest,
                     React.createElement("div", null,
                         selectItem.length > 0 && (React.createElement("div", { className: "weda-select-user-dept__select-result" },
                             React.createElement("div", { className: "weda-select-user-dept__select-label" }, "\u5DF2\u9009\u62E9"),
-                            React.createElement("div", { className: "weda-select-user-dept__result-list" }, selectItem.map((d) => (React.createElement("div", { key: d === null || d === void 0 ? void 0 : d.userId, className: "weda-select-user-dept__result-item", onClick: () => {
+                            React.createElement("div", { className: "weda-select-user-dept__result-list" }, selectItem.map((d) => (React.createElement("div", { key: (d === null || d === void 0 ? void 0 : d.userId) || (d === null || d === void 0 ? void 0 : d.value), className: "weda-select-user-dept__result-item", onClick: () => {
                                     setSelectItem(selectItem.filter((e) => (e === null || e === void 0 ? void 0 : e.userId) !== (d === null || d === void 0 ? void 0 : d.userId)));
                                 } }, d === null || d === void 0 ? void 0 :
                                 d.content,

package/dist/src/web/components/form/userOrgSelect/userTreeSelect.pc.d.ts

@@ -6,4 +6,4 @@ style, events, label, labelVisible, //标题显隐
 defaultValue, //默认值，支持数组
 confirmValue, placeholder, defaultValueType, disabled, layout, modelType, requiredFlag, size, multiple, //多选
 onChange, request, //接口请求
-decorator, matchButtonWidth, dropDownStyle, }: IUserTreeSelec): JSX.Element;
+decorator, matchButtonWidth, modelOpen, dropDownStyle, }: IUserTreeSelec): JSX.Element;