@cloudbase/weda-ui 3.2.0 → 3.3.0

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

@@ -0,0 +1,276 @@
+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 './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, decorator, multiple = false, //是否多选
+focus: autoFocus = false, onChange = null, modelOpen = false, 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;
+        const contentList = selectItem.map((e) => e === null || e === void 0 ? void 0 : e.content);
+        setValue([...contentList]);
+        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 &&
+            !isObjectEqual(prevDefaultRef.current !== defaultValue)) ||
+            (confirmValue &&
+                !isObjectEqual(prevConfirmRef.current !== confirmValue)) ||
+            defaultValueType === 'loginUser') {
+            getDefaultUser();
+            prevDefaultRef.current = defaultValue;
+            prevConfirmRef.current = confirmValue;
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValueType, confirmValue, defaultValue]);
+    const getDefaultUser = useCallback(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.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 = useCallback(async () => {
+        try {
+            const resData = (await request('InitRootOrgs', {})) || [];
+            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: '选择成员' }]);
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    }, [request, count]);
+    //点击部门节点，获取子部门节点
+    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) => {
+                                        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 {
+                                            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) || (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,
+                                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, modelOpen, dropDownStyle, }: IUserTreeSelec): JSX.Element;

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

@@ -0,0 +1,253 @@
+import React, { useState, useEffect, useCallback } 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, dealUserData, removeMarkString, } from './utils';
+import { getUserInfo, defaultRequest } from './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, //标题显隐
+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, modelOpen = 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 [errorInfo, setErrorInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    const getDefaultUser = useCallback(async (defaultValue) => {
+        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 userList = await request('getUserById', {
+                    idList: userIdList || [],
+                }, 'callDataSource');
+                const userSelectList = [];
+                userList.forEach((list) => {
+                    var _a;
+                    if (Array.isArray(list === null || list === void 0 ? void 0 : list.orgs)) {
+                        userSelectList.push({
+                            value: `${(_a = list === null || list === void 0 ? void 0 : list.orgs[0]) === null || _a === void 0 ? void 0 : _a.OrgId}-${list.value}`,
+                            data: list === null || list === void 0 ? void 0 : list.data,
+                        });
+                    }
+                    else {
+                        userSelectList.push(list);
+                    }
+                });
+                setCurSelectData([...userSelectList]);
+            }
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    }, [confirmValue, defaultValueType, events, request]);
+    useEffect(() => {
+        // 初始化数据
+        const initOrgsData = async () => {
+            try {
+                setErrorInfo({ errorStatus: false, errorMessage: null });
+                const resData = (await request('InitRootOrgs', {})) || [];
+                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));
+                setOrgsTreeData(data);
+                setOriginalOrgData([...data]);
+            }
+            catch (e) {
+                setErrorInfo({ errorStatus: true, errorMessage: e });
+            }
+        };
+        initOrgsData();
+    }, [defaultValueType, request]);
+    useEffect(() => {
+        setOpen(modelOpen);
+    }, [modelOpen]);
+    useEffect(() => {
+        if ((defaultValue &&
+            !isObjectEqual(prevDefaultRef.current !== defaultValue)) ||
+            (confirmValue &&
+                !isObjectEqual(prevConfirmRef.current !== confirmValue)) ||
+            defaultValueType === 'loginUser') {
+            getDefaultUser(defaultValue);
+            prevDefaultRef.current = defaultValue;
+            prevConfirmRef.current = confirmValue;
+        }
+    }, [defaultValueType, confirmValue, defaultValue, getDefaultUser]);
+    useEffect(() => {
+        if (open) {
+            setErrorInfo({ errorStatus: false, errorMessage: null });
+            const userIdList = curSelectData.map((d) => d === null || d === void 0 ? void 0 : d.value);
+            if (userIdList && userIdList.length > 0) {
+                setActiveIds(userIdList);
+                setSelectIds(userIdList);
+            }
+        }
+    }, [open, orgsTreeData, curSelectData]);
+    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,
+    });
+    const onActiveChange = (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]);
+            }
+        }
+    };
+    const onConfirm = () => {
+        var _a, _b;
+        const nodeList = [];
+        const idList = [];
+        const selectItem = [];
+        removeMarkString(selectIds).forEach((selectId) => {
+            if (selectId) {
+                const node = getNode(orgsTreeData, selectId, 'userId');
+                nodeList.push(node);
+                idList.push((node === null || node === void 0 ? void 0 : node.userId) || selectId);
+                selectItem.push({
+                    value: node === null || node === void 0 ? void 0 : node.userId,
+                    data: node,
+                });
+            }
+        });
+        getDefaultUser([...idList]);
+        onChange === null || onChange === void 0 ? void 0 : onChange(multiple ? idList : (_a = selectItem[0]) === null || _a === void 0 ? void 0 : _a.value);
+        (_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]);
+        setOpen(false);
+    };
+    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, 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, errorInfo: errorInfo, onActive: (ids) => onActiveChange(ids), onReset: () => setOrgsTreeData(originalOrgData), onCancel: () => {
+                            setOpen(false);
+                            setErrorInfo({
+                                errorStatus: false,
+                                errorMessage: null,
+                            });
+                        }, onClear: () => reset(false), onConfirm: onConfirm })))) : (React.createElement("div", { className: modelCls, style: modelStyle },
+                React.createElement(DimTreeContent, { data: orgsTreeData, setTreeData: setOrgsTreeData, selectedIds: selectIds, activeIds: activeIds, needUser: true, request: request, errorInfo: errorInfo, onActive: (ids) => onActiveChange(ids), onReset: () => setOrgsTreeData(originalOrgData), onCancel: () => {
+                        setOpen(false);
+                        setErrorInfo({
+                            errorStatus: false,
+                            errorMessage: null,
+                        });
+                    }, onClear: () => reset(false), onConfirm: onConfirm })))))))))({
+        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", className: "dropdown-cell" }, 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,36 @@
+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, orgId?: string): {
+    id: any;
+    expandable: boolean;
+    selectable: boolean;
+    content: any;
+    userId: any;
+    isUser: boolean;
+    orgId: any;
+    children: any;
+    icon: () => JSX.Element;
+}[];
+export function removeMarkString(arr?: any[]): any[];
+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,80 @@
+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, orgId = '') => {
+    return data.map((user) => {
+        var _a, _b, _c, _d;
+        return ({
+            id: orgId ? `${orgId}-${user === null || user === void 0 ? void 0 : user.UserId}` : user === null || user === void 0 ? void 0 : user.UserId,
+            expandable: false,
+            selectable: true,
+            content: (user === null || user === void 0 ? void 0 : user[nameParse(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[nameParse(user === null || user === void 0 ? void 0 : user.PrimaryColumn)]) ||
+                        ((_b = destr(user.UserExtend)) === null || _b === void 0 ? void 0 : _b[nameParse((_c = destr(user === null || user === void 0 ? void 0 : user.UserSchema)) === null || _c === void 0 ? void 0 : _c['x-primary-column'])]) ||
+                        (user === null || user === void 0 ? void 0 : user[nameParse((_d = destr(user === null || user === void 0 ? void 0 : user.UserSchema)) === null || _d === void 0 ? void 0 : _d['x-primary-column'])]) ||
+                        user.UserId
+                    : user.UserId),
+            userId: user === null || user === void 0 ? void 0 : user.UserId,
+            isUser: true,
+            orgId: (user === null || user === void 0 ? void 0 : user.OrgId) || null,
+            children: undefined,
+            icon: isRole ? roleIcon : departIcon,
+        });
+    });
+};
+//用户主列字段为name时，特殊处理
+const nameParse = (primaryColumn) => primaryColumn === 'name' ? 'Name' : primaryColumn;
+export const removeMarkString = (arr = []) => (arr || []).map((item) => item.indexOf('-') === -1 ? item : item.split('-')[1]);
+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;
+};