@cloudbase/weda-ui 3.1.9 → 3.2.1

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

@@ -0,0 +1,258 @@
+import React, { useState, useEffect } 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 { 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, }) {
+    var _a;
+    const cls = classNames({
+        'weda-ui': true,
+        'weda-select-user-dept': true,
+        [className]: className,
+    });
+    const subCls = classNames({
+        'weui-cell': true,
+        'weui-cell_active': true,
+        'weui-cell_form': true,
+        'weui-cell_disabled': disabled,
+    });
+    // 两次默认值不同, 需要刷新
+    const prevDefaultRef = React.useRef(null);
+    const prevConfirmRef = React.useRef(null);
+    const [value, setValue] = useState([]);
+    const [visible, setVisible] = React.useState(false);
+    const [isSearch, setIsSearch] = useState(false);
+    const [orgsTreeData, setOrgsTreeData] = useState([]);
+    const [originalOrgData, setOriginalOrgData] = useState([]);
+    const [count, setCount] = useState(1); //计数弹窗显示层级
+    const [errorInfo, setErrorInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    const handleFocus = (value) => {
+        setIsSearch(value);
+    };
+    const cancleSearch = () => {
+        handleFocus(false);
+        setSearchValue([]);
+        initOrgsData();
+    };
+    const changeSearchValue = async (event) => {
+        var _a;
+        try {
+            const sValue = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
+            if (sValue) {
+                setSearchValue(multiple ? [...searchValue, sValue] : [sValue]);
+                const { Users = [] } = await request('SearchByCondition', {
+                    KeyWords: sValue.trim(),
+                    SearchCondition: {
+                        SearchType: 'SearchByRole',
+                        NeedUser: true,
+                    },
+                });
+                setOrgsTreeData(dealUserData(Users));
+            }
+            else {
+                setSearchValue([]);
+                initOrgsData();
+            }
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    const [selectItem, setSelectItem] = useState([]);
+    const [searchValue, setSearchValue] = useState([]);
+    const [loading, setLoading] = useState({ id: null, status: false });
+    const [titleText, setTitleText] = useState('');
+    const onFocus = function () {
+        setSearchValue([]);
+        setVisible(true);
+    };
+    const onClose = () => {
+        initOrgsData();
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        setVisible(false);
+    };
+    const onConfirm = (selectItem = []) => {
+        var _a, _b, _c, _d;
+        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 });
+        initOrgsData();
+        setVisible(false);
+    };
+    useEffect(() => {
+        initOrgsData();
+        if ((defaultValue &&
+            !isObjectEqual(prevDefaultRef.current !== defaultValue)) ||
+            (confirmValue &&
+                !isObjectEqual(prevConfirmRef.current !== confirmValue)) ||
+            defaultValueType === 'loginUser') {
+            getDefaultUser();
+            prevDefaultRef.current = defaultValue;
+            prevConfirmRef.current = confirmValue;
+        }
+    }, [defaultValueType, confirmValue, defaultValue]);
+    const getDefaultUser = async () => {
+        var _a;
+        try {
+            //默认显示登录用户时
+            if (defaultValueType === 'loginUser') {
+                if (isInIde()) {
+                    setValue(['显示登录人名称']);
+                }
+                else {
+                    const logginUserInfo = await getUserInfo();
+                    setValue([(logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.name) || '-']);
+                    prevDefaultRef.current = logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId;
+                    onChange === null || onChange === void 0 ? void 0 : onChange(logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId);
+                    (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, {
+                        value: logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId,
+                        data: logginUserInfo,
+                    });
+                }
+            }
+            else if ((defaultValueType === 'confirmUser' && confirmValue.length !== 0) ||
+                defaultValue.length !== 0) {
+                const userIdList = filterStrList(confirmValue.length !== 0 ? confirmValue : defaultValue);
+                const userSelectList = await request('getUserById', {
+                    idList: userIdList || [],
+                }, 'callDataSource');
+                setValue([userSelectList[0].data.content]);
+            }
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    // 初始化数据
+    const initOrgsData = async () => {
+        try {
+            const resData = (await request('InitRootOrgs', {})) || [];
+            const data = dealOrgData(resData);
+            setTitleText('选择成员');
+            setOrgsTreeData(destr(data));
+            setOriginalOrgData([{ index: count, treeData: data, title: '选择成员' }]);
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    //点击部门节点，获取子部门节点
+    const loadDepartData = async (node, count) => {
+        setTitleText(node === null || node === void 0 ? void 0 : node.content);
+        setLoading({ id: node.orgId, status: true });
+        const { Orgs = [], Users = [] } = await request('LazyDescribeOrgs', {
+            OrgId: node.orgId,
+            DescribeCondition: {
+                NeedUser: true,
+            },
+        });
+        // 用来收集返回的部门和用户
+        //@ts-ignore jsx
+        const children = dealOrgData(Orgs).concat(dealUserData(Users));
+        setOrgsTreeData(destr(children));
+        originalOrgData.push({
+            index: count + 1,
+            treeData: children,
+            title: node === null || node === void 0 ? void 0 : node.content,
+        });
+        setCount(count + 1);
+        setOriginalOrgData(originalOrgData);
+        setLoading({ id: null, status: false });
+    };
+    //判断当前页结构为第几层，如首次渲染则添加至orgsTreeData，二次进入刷新index数据
+    const retLevel = (count) => {
+        const storageOriTreeData = [];
+        if (count !== 1) {
+            originalOrgData.map((item) => {
+                if ((item === null || item === void 0 ? void 0 : item.index) < count) {
+                    storageOriTreeData.push(item);
+                    if ((item === null || item === void 0 ? void 0 : item.index) === count - 1) {
+                        setCount(count - 1);
+                        setTitleText(item === null || item === void 0 ? void 0 : item.title);
+                        setOrgsTreeData(destr((item === null || item === void 0 ? void 0 : item.treeData) || []));
+                    }
+                }
+                else {
+                    return;
+                }
+            });
+            setOriginalOrgData(storageOriTreeData);
+        }
+        else {
+            onClose();
+        }
+    };
+    return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement("div", { className: subCls },
+            React.createElement("div", { className: "weui-cell__bd weui-flex" },
+                React.createElement("input", { className: "weui-input", placeholder: placeholder, value: value.join(','), disabled: disabled, name: name, autoFocus: autoFocus, readOnly: true, onClick: onFocus, role: "input" })),
+            React.createElement(Modal, { visible: visible, onClose: onClose, destroyOnClose: true, className: `weda-ui weda-select-user-dept__dialog` },
+                React.createElement(Modal.Body, { className: ((_a = selectItem[0]) === null || _a === void 0 ? void 0 : _a.userId) ? 'is-selected-value' : '' },
+                    React.createElement("div", { className: "weda-select-user-dept__dialog-header", id: count.toString() },
+                        React.createElement("div", { className: count == 1 ? '' : 'arrow-left', onClick: () => retLevel(count) }),
+                        titleText),
+                    React.createElement(ModalSearch, { value: searchValue.join(), onChange: changeSearchValue, onCancel: cancleSearch, isSearch: isSearch, onFocus: () => {
+                            handleFocus(true);
+                        } }),
+                    (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorStatus) ? (React.createElement(ErrorStatus, { size: "l", title: "\u63A5\u53E3\u8C03\u7528\u5931\u8D25", description: (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorMessage) || null })) : orgsTreeData && orgsTreeData.length > 0 ? (React.createElement("div", { className: classNames('weda-select-user-dept__dialog-list') }, orgsTreeData.map((item, index) => {
+                        var _a;
+                        return (React.createElement("div", { className: "weda-select-user-dept__list-item", key: index + (item === null || item === void 0 ? void 0 : item.id), onClick: () => {
+                                !(item === null || item === void 0 ? void 0 : item.isUser) ? loadDepartData(item, count) : null;
+                            } },
+                            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);
+                                            setSelectItem(selectItem.filter((e) => e.userId !== value));
+                                        }
+                                        else {
+                                            selectItem.push(item);
+                                            setSelectItem(multiple ? [...selectItem] : [item]);
+                                        }
+                                    }, layout: "column" },
+                                    React.createElement(Radio, { name: item === null || item === void 0 ? void 0 : item.userId },
+                                        React.createElement("div", { className: "wedatea2td-form-check__user" },
+                                            React.createElement("div", { className: "item-radio-name" }, item === null || item === void 0 ? void 0 : item.content))))),
+                                !(item === null || item === void 0 ? void 0 : item.isUser) && (React.createElement("div", { className: "weda-select-user-dept__item-detail" },
+                                    React.createElement("div", { className: "item-name" }, item === null || item === void 0 ? void 0 : item.content),
+                                    (item === null || item === void 0 ? void 0 : item.expandable) && loading.id !== item.orgId && (React.createElement("div", { className: "lcap-icon lcap-icon-chevronright" })),
+                                    loading.id === item.orgId && (loading === null || loading === void 0 ? void 0 : loading.status) && (React.createElement("div", null,
+                                        React.createElement(IconFont, { name: "loading", className: `user_loading weda-grid-navigation__fonticon` }))))))));
+                    }))) : (React.createElement(Status, { className: "dim-tree-select--blank", icon: 'blank', size: 's', title: `暂无成员数据` }))),
+                React.createElement(Modal.Footer, null,
+                    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: () => {
+                                    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,
+                                React.createElement("div", { className: "close" }))))))),
+                        React.createElement("div", { className: "weda-select-user-dept__btn-group" },
+                            React.createElement(Button, { type: "weak", onClick: onClose }, "\u53D6\u6D88"),
+                            React.createElement(Button, { type: "primary", onClick: () => onConfirm(selectItem) }, "\u786E\u5B9A"))))))))({
+        id,
+        className: cls,
+        style,
+        label: labelVisible ? label : null,
+        multiCell: false,
+        requiredFlag,
+        layout,
+        decorator,
+    });
+}

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

@@ -0,0 +1,9 @@
+/// <reference types="react" />
+import { IUserTreeSelec } from './userTreeSelect.h5';
+import './userOrgSelect.css';
+export declare function UserTreeSelectPC({ id, className, modelClassName, modelStyle, //弹窗样式控制
+style, events, label, labelVisible, //标题显隐
+defaultValue, //默认值，支持数组
+confirmValue, placeholder, defaultValueType, disabled, layout, modelType, requiredFlag, size, multiple, //多选
+onChange, request, //接口请求
+decorator, matchButtonWidth, dropDownStyle, }: IUserTreeSelec): JSX.Element;

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

@@ -0,0 +1,271 @@
+import React, { useState, useEffect } from 'react';
+import { renderDecorator } from '../renderDecorator';
+import { isInIde, filterStrList } from '../../../utils/platform';
+import classNames from 'classnames';
+import { Dropdown, ConfigProvider, Text, Modal } from 'tea-component';
+import { getNode, getRelationData, dealOrgData } from './utils';
+import { getUserInfo, defaultRequest } from '../../../utils/getUserService';
+import './userOrgSelect.css';
+import { DimTreeContent } from './comTool';
+import isObjectEqual from '../../../utils/isObjectEqual';
+import { emptyArray, emptyObject } from '../../../utils/constant';
+const defaultDropDownStyle = { width: '100%' };
+export function UserTreeSelectPC({ id, className, modelClassName, modelStyle, //弹窗样式控制
+style, events = emptyObject, 
+// 组件属性
+label = '人员选择', labelVisible = true, //标题显隐
+// name = 'formUserTreeSelect',
+defaultValue = emptyArray, //默认值，支持数组
+confirmValue = '', placeholder = '请选择人员', defaultValueType = 'noneUser', disabled = false, layout = 'horizontal', modelType = 'dropdown', requiredFlag = false, size = 'l', multiple = false, //多选
+onChange = null, request = defaultRequest, //接口请求
+decorator, matchButtonWidth = false, dropDownStyle = defaultDropDownStyle, }) {
+    // 两次默认值不同, 需要刷新
+    const prevDefaultRef = React.useRef(null);
+    const prevConfirmRef = React.useRef(null);
+    const [selectIds, setSelectIds] = useState([]);
+    // 用户单选
+    const [curSelectData, setCurSelectData] = useState([]);
+    //const { callWedaApi, showToast, showError } = useGlobalContext();
+    const [orgsTreeData, setOrgsTreeData] = useState([]);
+    // 节点高亮
+    const [activeIds, setActiveIds] = useState([]);
+    const [open, setOpen] = useState(false);
+    //鼠标移入移除输入框
+    const [moveIn, setMoveIn] = useState(false);
+    const [originalOrgData, setOriginalOrgData] = useState([]);
+    const [, setErrorInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    useEffect(() => {
+        initOrgsData();
+    }, [defaultValueType]);
+    useEffect(() => {
+        if ((defaultValue &&
+            !isObjectEqual(prevDefaultRef.current !== defaultValue)) ||
+            (confirmValue &&
+                !isObjectEqual(prevConfirmRef.current !== confirmValue)) ||
+            defaultValueType === 'loginUser') {
+            getdefaultUser();
+            prevDefaultRef.current = defaultValue;
+            prevConfirmRef.current = confirmValue;
+        }
+    }, [defaultValueType, confirmValue, defaultValue]);
+    useEffect(() => {
+        var _a;
+        if (open) {
+            setErrorInfo({ errorStatus: false, errorMessage: null });
+            const userId = (_a = curSelectData[0]) === null || _a === void 0 ? void 0 : _a.userId;
+            const isOrgs = getNode(orgsTreeData, userId, 'userId');
+            if (isOrgs) {
+                setActiveIds([isOrgs.id]);
+                setSelectIds([isOrgs.id]);
+            }
+        }
+    }, [open]);
+    // 初始化数据
+    const initOrgsData = async () => {
+        try {
+            setErrorInfo({ errorStatus: false, errorMessage: null });
+            const resData = (await request('InitRootOrgs', {})) || [];
+            const data = dealOrgData(resData);
+            setOrgsTreeData(data);
+            setOriginalOrgData([...data]);
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    const getdefaultUser = async () => {
+        var _a;
+        try {
+            setErrorInfo({ errorStatus: false, errorMessage: null });
+            //默认显示登录用户时
+            if (defaultValueType === 'loginUser') {
+                if (isInIde()) {
+                    setCurSelectData([
+                        { data: { content: '显示登录人名称' }, value: 'loginmock' },
+                    ]);
+                }
+                else {
+                    const logginUserInfo = await getUserInfo();
+                    setCurSelectData([
+                        {
+                            value: logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId,
+                            data: { content: logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.name },
+                        },
+                    ]);
+                    (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, {
+                        value: logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId,
+                        data: logginUserInfo,
+                    });
+                }
+            }
+            else if ((defaultValueType === 'confirmUser' && confirmValue.length !== 0) ||
+                defaultValue.length !== 0) {
+                const userIdList = filterStrList(confirmValue.length !== 0 ? confirmValue : defaultValue);
+                const userSelectList = await request('getUserById', {
+                    idList: userIdList || [],
+                }, 'callDataSource');
+                setCurSelectData([...userSelectList]);
+            }
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    const reset = (close, value = '') => {
+        var _a;
+        setSelectIds([]);
+        setCurSelectData([]);
+        setActiveIds([]);
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        onChange === null || onChange === void 0 ? void 0 : onChange(value);
+        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
+        close && setOpen(false);
+    };
+    // 外层组件类
+    const cls = classNames({
+        'weda-ui': true,
+        'weda-user-tree-select': true,
+        'weda-user-model-select': modelType === 'model',
+        [className]: className,
+    });
+    const modelCls = classNames({
+        'dim-tree-select': true,
+        'dim-tree-select--user': true,
+        [className]: modelClassName,
+    });
+    return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement("div", { onMouseEnter: () => {
+                setMoveIn(true);
+            }, onMouseLeave: () => {
+                setMoveIn(false);
+            } },
+            React.createElement(Dropdown, { "data-testid": "userSelectDropdown", className: classNames('role-tree-select', `role-tree-select--depart`, `size-${size}`), overlayStyle: modelType === 'model' ? { display: 'none' } : {}, destroyOnClose: false, open: open, onOpenChange: (open) => {
+                    setOpen(open);
+                    setErrorInfo({ errorStatus: false, errorMessage: null });
+                }, button: curSelectData.length === 0 ? (React.createElement(Text, { className: "placeholder" }, placeholder)) : (React.createElement(SelectViewContainer, { curSelectData: curSelectData, multiple: multiple, placeholder: placeholder, onChange: () => reset(true), moveIn: moveIn })), style: dropDownStyle, appearance: 'button', clickClose: false, disabled: disabled, matchButtonWidth: matchButtonWidth }, (close) => (React.createElement(React.Fragment, null, modelType === 'model' ? (React.createElement(Modal, { visible: open, onClose: close, className: "user_modal" },
+                React.createElement("div", { className: modelCls, style: modelStyle },
+                    React.createElement(DimTreeContent, { data: orgsTreeData, setTreeData: setOrgsTreeData, selectedIds: selectIds, activeIds: activeIds, needUser: true, request: request, onActive: (ids) => {
+                            const selectedId = ids[0];
+                            const node = getNode(orgsTreeData, selectedId, 'id');
+                            if (node === null || node === void 0 ? void 0 : node.isUser) {
+                                //多选情况，取消选中某元素时
+                                if (multiple &&
+                                    activeIds.indexOf(selectedId) !== -1) {
+                                    activeIds.splice(activeIds.indexOf(selectedId), 1);
+                                    setActiveIds([...activeIds]);
+                                    setSelectIds([...activeIds]);
+                                }
+                                else {
+                                    setActiveIds(multiple ? [...activeIds, ...ids] : [...ids]);
+                                    setSelectIds(multiple ? [...activeIds, ...ids] : [...ids]);
+                                }
+                            }
+                        }, onReset: () => setOrgsTreeData(originalOrgData), onCancel: () => {
+                            setOpen(false);
+                            setErrorInfo({
+                                errorStatus: false,
+                                errorMessage: null,
+                            });
+                        }, onClear: () => reset(false), onConfirm: () => {
+                            var _a, _b;
+                            const nodeList = [];
+                            const idList = [];
+                            const selectItem = [];
+                            selectIds.forEach((selectId) => {
+                                if (selectId) {
+                                    const node = getNode(orgsTreeData, selectId, 'id');
+                                    nodeList.push(node);
+                                    idList.push(node.userId);
+                                    selectItem.push({
+                                        value: node === null || node === void 0 ? void 0 : node.userId,
+                                        data: node,
+                                    });
+                                }
+                            });
+                            setCurSelectData(selectItem);
+                            onChange === null || onChange === void 0 ? void 0 : onChange(multiple ? idList : (_a = selectItem[0]) === null || _a === void 0 ? void 0 : _a.value);
+                            setOpen(false);
+                            (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, multiple
+                                ? { value: idList, data: nodeList }
+                                : selectItem[0]);
+                        } })))) : (React.createElement("div", { className: modelCls, style: modelStyle },
+                React.createElement(DimTreeContent, { data: orgsTreeData, setTreeData: setOrgsTreeData, selectedIds: selectIds, activeIds: activeIds, needUser: true, request: request, onActive: (ids) => {
+                        const selectedId = ids[0];
+                        const node = getNode(orgsTreeData, selectedId, 'id');
+                        if (node === null || node === void 0 ? void 0 : node.isUser) {
+                            //多选情况，取消选中某元素时
+                            if (multiple && activeIds.indexOf(selectedId) !== -1) {
+                                activeIds.splice(activeIds.indexOf(selectedId), 1);
+                                setActiveIds([...activeIds]);
+                                setSelectIds([...activeIds]);
+                            }
+                            else {
+                                setActiveIds(multiple ? [...activeIds, ...ids] : [...ids]);
+                                setSelectIds(multiple ? [...activeIds, ...ids] : [...ids]);
+                            }
+                        }
+                    }, onReset: () => setOrgsTreeData(originalOrgData), onCancel: () => {
+                        setOpen(false);
+                        setErrorInfo({
+                            errorStatus: false,
+                            errorMessage: null,
+                        });
+                    }, onClear: () => reset(false), onConfirm: () => {
+                        var _a, _b;
+                        const nodeList = [];
+                        const idList = [];
+                        const selectItem = [];
+                        selectIds.forEach((selectId) => {
+                            if (selectId) {
+                                const node = getNode(orgsTreeData, selectId, 'id');
+                                nodeList.push(node);
+                                idList.push(node.userId);
+                                selectItem.push({
+                                    value: node === null || node === void 0 ? void 0 : node.userId,
+                                    data: node,
+                                });
+                            }
+                        });
+                        setCurSelectData(selectItem);
+                        onChange === null || onChange === void 0 ? void 0 : onChange(multiple ? idList : (_a = selectItem[0]) === null || _a === void 0 ? void 0 : _a.value);
+                        setOpen(false);
+                        (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, multiple
+                            ? { value: idList, data: nodeList }
+                            : selectItem[0]);
+                    } })))))))))({
+        id,
+        className: cls,
+        style,
+        label: labelVisible ? label : null,
+        layout,
+        multiCell: false,
+        requiredFlag,
+        size,
+        decorator,
+    });
+}
+const SelectViewContainer = (props) => {
+    var _a;
+    const { curSelectData, placeholder, onChange, moveIn } = props;
+    const data = curSelectData.map((e) => { var _a; return (_a = e.data) === null || _a === void 0 ? void 0 : _a.content; });
+    if (!((_a = curSelectData[0]) === null || _a === void 0 ? void 0 : _a.value))
+        return React.createElement(Text, { className: "placeholder1" }, placeholder);
+    return (React.createElement(React.Fragment, null,
+        React.createElement(ViewCell, { data: data, showType: "tree", relation: undefined }),
+        moveIn && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "weda-select-user-dept__dialog-input-clear", onClick: (e) => {
+                    e.stopPropagation();
+                    onChange === null || onChange === void 0 ? void 0 : onChange();
+                } },
+                React.createElement("p", { className: "weda-select-user-dept__dialog-input-clear-close" }))))));
+};
+const ViewCell = ({ data, showType, relation }) => {
+    if (showType === 'tree') {
+        return (React.createElement(Text, { verticalAlign: "middle", "data-testid": "defaultValueText" }, data.join(',') || '-'));
+    }
+    const defaultValue = getRelationData(relation);
+    return (defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.value) ? (React.createElement(Text, { verticalAlign: "middle" }, defaultValue === null || defaultValue === void 0 ? void 0 : defaultValue.content)) : (React.createElement(Text, null, "-"));
+};

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

@@ -0,0 +1,35 @@
+export function guidMod(bit: any): string;
+export function parentIcon({ expanded }: {
+    expanded: any;
+}): JSX.Element;
+export function roleIcon(): JSX.Element;
+export function departIcon(): JSX.Element;
+export function dealOrgData(data?: any[]): {
+    id: string;
+    content: any;
+    children: any;
+    selectable: boolean;
+    expandable: boolean;
+    isUser: boolean;
+    icon: ({ expanded }: {
+        expanded: any;
+    }) => JSX.Element;
+    orgId: any;
+    userId: any;
+}[];
+export function dealUserData(data: any[], isRole: any): {
+    id: string;
+    expandable: boolean;
+    selectable: boolean;
+    content: any;
+    userId: any;
+    isUser: boolean;
+    orgId: any;
+    children: any;
+    icon: () => JSX.Element;
+}[];
+export function getNode(nodes: any, id: any, key: any): any;
+export function getRelationData(relation: any): {
+    content: any;
+    id: any;
+};

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

@@ -0,0 +1,72 @@
+import React from 'react';
+import { Icon } from 'tea-component';
+import destr from 'destr';
+export const parentIcon = ({ expanded }) => (React.createElement(Icon, { type: expanded ? 'folderopen' : 'folderclose' }));
+export const roleIcon = () => React.createElement(Icon, { type: 'role' });
+export const departIcon = () => React.createElement(Icon, { type: 'depart' });
+// 处理部门数据格式
+export const dealOrgData = (data = []) => data.map((i) => ({
+    id: `${guidMod(7)}-${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 dealUserData = (data = [], isRole) => data.map((user) => {
+    var _a;
+    return ({
+        id: `${guidMod(7)}-${user.UserId}`,
+        expandable: false,
+        selectable: true,
+        content: (user === null || user === void 0 ? void 0 : user[user === null || user === void 0 ? void 0 : user.PrimaryColumn]) ||
+            ((user === null || user === void 0 ? void 0 : user.UserExtend)
+                ? ((_a = destr(user.UserExtend)) === null || _a === void 0 ? void 0 : _a[user === null || user === void 0 ? void 0 : user.PrimaryColumn]) || user.UserId
+                : user.UserId),
+        userId: user.UserId,
+        isUser: true,
+        orgId: (user === null || user === void 0 ? void 0 : user.OrgId) || null,
+        children: undefined,
+        icon: isRole ? roleIcon : departIcon,
+    });
+});
+export function guidMod(bit) {
+    const str = 'qwertyuiopasdfghjklmnbvcxz1234567890';
+    let cont = '';
+    for (let i = 0; i < bit; i++) {
+        cont += str[Math.floor(Math.random() * str.length)];
+    }
+    return cont;
+}
+export const getNode = (nodes, id, key) => {
+    if (!id)
+        return null;
+    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 getRelationData = (relation) => {
+    var _a, _b;
+    const record = (_a = relation === null || relation === void 0 ? void 0 : relation.v1) === null || _a === void 0 ? void 0 : _a.record;
+    const primaryColumn = (_b = relation === null || relation === void 0 ? void 0 : relation.v1) === null || _b === void 0 ? void 0 : _b.primaryColumn;
+    const data = {
+        content: record === null || record === void 0 ? void 0 : record[primaryColumn],
+        // eslint-disable-next-line no-underscore-dangle
+        id: record === null || record === void 0 ? void 0 : record._id,
+    };
+    // eslint-disable-next-line no-underscore-dangle
+    return data;
+};