@cloudbase/weda-ui 3.5.0 → 3.5.2-mp

package/dist/web/components/form/userOrgSelect/component/modal-select-h5.js

@@ -1,215 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment, jsxs as _jsxs } from "react/jsx-runtime";
-import { useEffect, useState } from 'react';
-import { Modal } from 'tea-component';
-import { ModalSearchH5 } from './modal-search-h5';
-import { ErrorStatus, LoadingStatus } from './error-tips';
-import { DepartBreadcrumb } from './depart-breadcrumb';
-import { SelectedListH5 } from './selected-list-h5';
-import './index.css';
-import { OrgTreeH5 } from './org-tree-h5';
-import { UserListH5 } from './user-select-h5/user-list-h5';
-import { getNode, getBreadNode, getPropertiesList } from '../common/utils';
-import debounce from '../../../../utils/debounce';
-import { fetchSearchUser, fetchUserList } from '../common/fetch-data-service';
-const appendNode = { id: 'appendNode', content: '直属成员' };
-export const ModalSelectH5 = (props) => {
-    var _a;
-    const { open, onClose, onConfirm, treeData, multiple = false, errorInfo, setErrorInfo, selectedUserList, setSelectedUserList, confirmUserList, request, filterParams, pageNo, setPageNo, pageSize, treeDataError, secondDisplay, } = props;
-    const [loading, setLoading] = useState({ id: null, status: false });
-    const [pageLoading, setPageLoading] = useState(false);
-    const [listLoading, setListLoading] = useState(false);
-    const [isSearch, setIsSearch] = useState(false);
-    // 是否有搜索项
-    const [keyWords, setKeyWords] = useState('');
-    const [showTreeData, setShowTreeData] = useState([]);
-    const [breadCrumbData, setBreadCrumbData] = useState([]);
-    const [userList, setUserList] = useState([]);
-    const [isEnd, setIsEnd] = useState(false);
-    const treeNode = getNode(treeData, 'root', 'id');
-    useEffect(() => {
-        // 仅执行一次
-        if (treeData) {
-            setShowTreeData(treeNode);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [treeData]);
-    useEffect(() => {
-        // 仅执行一次
-        if (open) {
-            setShowTreeData(treeNode);
-            setUserList([]);
-            setBreadCrumbData([]);
-            setPageNo(1);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [open]);
-    const handleFocus = (value) => {
-        setIsSearch(value);
-    };
-    //重置状态
-    const onrest = () => {
-        setIsEnd(false);
-        handleFocus(false);
-        setKeyWords('');
-        setBreadCrumbData([]);
-        setUserList([]);
-        setShowTreeData(treeNode);
-    };
-    //搜索值变化延迟响应，节流处理
-    const onSearch = debounce((key) => {
-        try {
-            setBreadCrumbData([]);
-            if (key && key.length > 0) {
-                setPageLoading(true);
-                fetchSearchUser({ key, ...filterParams }, request).then((res) => {
-                    setPageLoading(false);
-                    setUserList(res);
-                });
-            }
-            else {
-                setUserList([]);
-                setShowTreeData(treeNode);
-            }
-        }
-        catch (e) {
-            setPageLoading(false);
-            setErrorInfo({ errorStatus: true, errorMessage: e });
-        }
-    }, 500);
-    const cancleSearch = () => {
-        onrest();
-    };
-    const loadItem = (item) => {
-        var _a;
-        try {
-            setPageNo(1);
-            setLoading({ id: item === null || item === void 0 ? void 0 : item.id, status: true });
-            switch (item === null || item === void 0 ? void 0 : item.id) {
-                case 'isNoOrgList': {
-                    const orgId = item === null || item === void 0 ? void 0 : item.id;
-                    fetchUserData({ orgId, pageNo, pageSize, request, ...filterParams });
-                    setBreadCrumbData(getBreadNode(breadCrumbData, item));
-                    break;
-                }
-                case 'appendNode': {
-                    const orgId = (_a = breadCrumbData[breadCrumbData.length - 1]) === null || _a === void 0 ? void 0 : _a.id;
-                    fetchUserData({ orgId, pageNo, pageSize, request, ...filterParams });
-                    break;
-                }
-                default: {
-                    fetchUserList({ OrgId: item === null || item === void 0 ? void 0 : item.id, pageNo, pageSize, ...filterParams }, request).then((res) => {
-                        setLoading({ id: null, status: false });
-                        setListLoading(false);
-                        if ((res === null || res === void 0 ? void 0 : res.total) > 0) {
-                            appendNode['children'] = res === null || res === void 0 ? void 0 : res.records;
-                            appendNode['content'] = `直属成员(${res === null || res === void 0 ? void 0 : res.total})`;
-                            setShowTreeData((item === null || item === void 0 ? void 0 : item.children)
-                                ? [appendNode].concat(item === null || item === void 0 ? void 0 : item.children)
-                                : [appendNode]);
-                        }
-                        else {
-                            setShowTreeData((item === null || item === void 0 ? void 0 : item.children) ? [].concat(item === null || item === void 0 ? void 0 : item.children) : []);
-                        }
-                        setBreadCrumbData(getBreadNode(breadCrumbData, item));
-                    });
-                    break;
-                }
-            }
-        }
-        catch (e) {
-            setLoading({ id: null, status: false });
-            setErrorInfo({ errorStatus: true, errorMessage: e });
-        }
-    };
-    const onBreadCrumbClick = (item) => {
-        var _a;
-        setKeyWords('');
-        if (!item) {
-            //根目录
-            setIsEnd(false);
-            setUserList([]);
-            setPageNo(1);
-            setShowTreeData(treeNode);
-            setBreadCrumbData([]);
-        }
-        else {
-            //避免重复点击请求
-            if ((item === null || item === void 0 ? void 0 : item.id) !== ((_a = breadCrumbData[breadCrumbData.length - 1]) === null || _a === void 0 ? void 0 : _a.id) ||
-                showTreeData.length === 0) {
-                setListLoading(true);
-                setIsEnd(false);
-                // 部门目录
-                loadItem(item);
-            }
-        }
-    };
-    const onScrollBottom = debounce(() => {
-        var _a;
-        if (!(keyWords && keyWords.length > 0)) {
-            const orgId = ((_a = breadCrumbData[breadCrumbData.length - 1]) === null || _a === void 0 ? void 0 : _a.id) || 'isNoOrgList';
-            setLoading({ id: orgId, status: true });
-            fetchUserData({ orgId, pageNo, pageSize, request, ...filterParams });
-        }
-    }, 1000);
-    const fetchUserData = ({ orgId, pageNo, pageSize, request, ...resetProps }) => {
-        if (orgId && !isEnd) {
-            fetchUserList({ OrgId: orgId, pageNo, pageSize, ...resetProps }, request).then((res) => {
-                setLoading({ id: null, status: false });
-                if ((res === null || res === void 0 ? void 0 : res.total) > 0) {
-                    const currentUserData = userList.concat(res === null || res === void 0 ? void 0 : res.records);
-                    const userSchemaData = currentUserData.map((item) => {
-                        const properties = getPropertiesList(item.userExtend, item.userSchema);
-                        if (Array.isArray(properties) && properties.length) {
-                            return Promise.all(properties).then((value) => {
-                                return { ...item, userSchemaProps: value };
-                            });
-                        }
-                        else {
-                            return item;
-                        }
-                    });
-                    Promise.all(userSchemaData)
-                        .then((data) => {
-                        setUserList(data);
-                        setShowTreeData([]);
-                        if ((res === null || res === void 0 ? void 0 : res.total) <= data.length) {
-                            setIsEnd(true);
-                        }
-                        else {
-                            setPageNo(pageNo + 1);
-                        }
-                    })
-                        .catch(() => {
-                        setUserList(currentUserData);
-                        setShowTreeData([]);
-                        if ((res === null || res === void 0 ? void 0 : res.total) <= currentUserData.length) {
-                            setIsEnd(true);
-                        }
-                        else {
-                            setPageNo(pageNo + 1);
-                        }
-                    });
-                }
-            });
-        }
-    };
-    const onTouchMove = (e) => {
-        document.getElementById('wd-search-input').blur();
-        e.stopPropagation();
-    };
-    return (_jsxs(Modal, { disableEscape: true, maskClosable: false, visible: open, onClose: () => {
-            onrest();
-            onClose();
-        }, destroyOnClose: true, className: `weda-ui weda-select-user-dept__dialog`, children: [_jsxs(Modal.Body, { className: ((_a = selectedUserList[0]) === null || _a === void 0 ? void 0 : _a.userId) ? 'is-selected-value' : '', children: [_jsx("div", { className: "weda-select-user-dept__dialog-header", children: '选择成员' }), _jsx(ModalSearchH5, { value: keyWords, onChange: (key) => {
-                            setKeyWords(key);
-                            onSearch(key);
-                        }, onCancel: cancleSearch, isSearch: isSearch, onFocus: (e) => {
-                            handleFocus(true);
-                            e.stopPropagation();
-                        } }), (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorStatus) ? (_jsx(ErrorStatus, { description: (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorMessage) || null })) : (_jsx(_Fragment, { children: treeData && treeData.length > 0 && !pageLoading ? (_jsxs("div", { className: "weda-select-user-dept__dialog-content", children: [!(keyWords && keyWords.length > 0) && (_jsx(DepartBreadcrumb, { data: breadCrumbData, onBreadCrumbClick: (item) => onBreadCrumbClick(item) })), listLoading ? (_jsx(_Fragment, { children: _jsx("div", { className: "weda-select-user-dept__dialog-list", children: _jsx(LoadingStatus, {}) }) })) : (_jsx(_Fragment, { children: showTreeData &&
-                                        showTreeData.length > 0 &&
-                                        !(keyWords && keyWords.length > 0) ? (_jsx(OrgTreeH5, { treeData: showTreeData, loading: loading, loadItem: (item) => loadItem(item), treeDataError: treeDataError, onTouchMove: onTouchMove })) : (_jsx(UserListH5, { userList: userList, selectedList: selectedUserList, setSelectedList: setSelectedUserList, loading: loading, multiple: multiple, isEnd: isEnd, isSearch: keyWords ? true : false, onScrollBottom: onScrollBottom, onTouchMove: onTouchMove, secondDisplay: secondDisplay })) }))] })) : (_jsx("div", { className: "weda-select-user-dept__dialog-list", children: _jsx(LoadingStatus, {}) })) }))] }), _jsx(Modal.Footer, { children: _jsx(SelectedListH5, { selectedList: selectedUserList, setSelectedList: setSelectedUserList, confirmUserList: confirmUserList, secondDisplay: secondDisplay, onClose: () => {
-                        onrest();
-                        onClose();
-                    }, onConfirm: onConfirm }) })] }));
-};

package/dist/web/components/form/userOrgSelect/component/org-tree-h5.js

@@ -1,13 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { LoadingStatus, ErrorStatus } from './error-tips';
-import './index.css';
-import { IconFont } from 'tdesign-icons-react';
-import classNames from '../../../../utils/classnames';
-export const OrgTreeH5 = (props) => {
-    const { treeData, treeDataError, loading, loadItem, onTouchMove, isUser = true, } = props;
-    return (_jsx("div", { className: classNames('weda-select-user-dept__dialog-list'), onTouchMove: (e) => onTouchMove(e), children: treeDataError ? (_jsx(ErrorStatus, { description: treeDataError || null })) : (_jsx(_Fragment, { children: treeData && treeData.length > 0 && !treeDataError ? ((treeData || []).map((item, index) => (_jsx("div", { className: "weda-select-user-dept__list-item", onClick: () => {
-                    !(item === null || item === void 0 ? void 0 : item.isUser) ? loadItem(item) : null;
-                }, children: _jsx("div", { className: "weda-select-user-dept__list-item-wrap", children: _jsxs("div", { className: (item === null || item === void 0 ? void 0 : item.id) === 'appendNode'
-                            ? 'weda-select-user-dept__item-detail weda-select-user-dept__item-detail-is-user'
-                            : 'weda-select-user-dept__item-detail weda-select-user-dept__item-detail-is-org', children: [_jsx("div", { className: "item-name", children: item === null || item === void 0 ? void 0 : item.content }), (loading.id !== item.id || (!isUser && item.children)) && (_jsx("div", { className: "lcap-icon lcap-icon-chevronright" })), loading.id === item.id && (loading === null || loading === void 0 ? void 0 : loading.status) && (_jsx("div", { children: _jsx(IconFont, { name: "loading", className: `user_loading weda-grid-navigation__fonticon` }) }))] }) }) }, index + (item === null || item === void 0 ? void 0 : item.id))))) : (_jsx(LoadingStatus, {})) })) }));
-};

package/dist/web/components/form/userOrgSelect/component/org-tree.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tree } from 'tea-component';
-import { LoadingStatus, ErrorStatus, NullStatus } from './error-tips';
-import './index.css';
-export const OrgTree = (props) => {
-    const { selectedOrgId = [], treeData, treeDataError, onActive, 
-    //是否展示 Checkbox
-    selectable = false, 
-    //是否多选
-    mutiple = false, 
-    //默认展开的节点
-    defaultExpandedIds = [], isUser = true, } = props;
-    // 切换选中组织节点
-    const onChange = (ids, checked, nodeId, selectable = true) => {
-        if (isUser || selectable) {
-            //是否取消选中
-            if (selectedOrgId.indexOf(nodeId) !== -1) {
-                const actionIds = selectedOrgId.filter((e) => e !== nodeId);
-                onActive(actionIds);
-            }
-            else {
-                //单选情况下
-                if (!mutiple) {
-                    onActive([nodeId]);
-                }
-                else {
-                    onActive(selectedOrgId.concat([nodeId]));
-                }
-            }
-        }
-    };
-    if (treeDataError) {
-        return _jsx(ErrorStatus, { description: treeDataError || null });
-    }
-    if (!treeData) {
-        return _jsx(LoadingStatus, {});
-    }
-    if (treeData.length > 0) {
-        return (_jsx(Tree, { className: "depart-tree", data: treeData, fullActivable: true, activable: true, selectable: selectable, selectedIds: selectedOrgId, activeIds: selectedOrgId, defaultExpandedIds: defaultExpandedIds, selectStrictly: true, onActive: (ids, context) => {
-                var _a;
-                onChange(ids, context === null || context === void 0 ? void 0 : context.active, context === null || context === void 0 ? void 0 : context.nodeId, (_a = context === null || context === void 0 ? void 0 : context.data) === null || _a === void 0 ? void 0 : _a.selectable);
-            }, onSelect: (ids, context) => {
-                onChange(ids, context === null || context === void 0 ? void 0 : context.selected, context === null || context === void 0 ? void 0 : context.nodeId, true);
-            }, 
-            // 开启虚拟滚动，优化大数据量性能！！
-            height: 320 }));
-    }
-    else {
-        return _jsx(NullStatus, { description: "\u6682\u65E0\u6570\u636E", size: 's' });
-    }
-};

package/dist/web/components/form/userOrgSelect/component/selected-list-h5.js

@@ -1,27 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useState } from 'react';
-import { Button as TButton, Popover, Tag, Bubble } from 'tea-component';
-import { displayUserInfo } from '../common/utils';
-export const SelectedListH5 = (props) => {
-    const { selectedList, setSelectedList, onClose, onConfirm, confirmUserList, secondDisplay, } = props;
-    const [showDetail, setShowDetail] = useState(false);
-    return (_jsxs("div", { children: [selectedList.length > 0 && (_jsxs("div", { className: "weda-select-user-dept__select-result", onClick: () => {
-                    setShowDetail(true);
-                }, children: [_jsx("div", { className: "weda-select-user-dept__select-label", children: "\u5DF2\u9009\u62E9" }), _jsx("div", { className: "weda-select-user-dept__result-list", children: selectedList.map((d) => (_jsx(Tag, { children: d === null || d === void 0 ? void 0 : d.content }, (d === null || d === void 0 ? void 0 : d.userId) || (d === null || d === void 0 ? void 0 : d.value)))) }), _jsx(Popover, { trigger: "click", visible: showDetail, popupContainer: () => document.querySelector('#tea-overlay-root'), overlay: _jsxs("div", { className: "weda-ui-custom-picker", children: [_jsx("div", { className: "weda-ui-custom-backdrop", "data-testid": "allTime-backdrop" }), _jsxs("div", { className: "weda-ui-custom-picker__inner", children: [_jsxs("div", { className: "weda-ui-custom-picker__header", children: [_jsx("div", { "data-testid": "allTime-cancel", className: "weda-ui-custom-picker__header-cancle", onClick: (e) => {
-                                                        setShowDetail(false);
-                                                        //onClose();
-                                                        e.stopPropagation();
-                                                    }, children: "\u53D6\u6D88" }), _jsx("div", { className: "weda-ui-custom-picker__header-title", children: "\u5DF2\u9009\u62E9" }), _jsx("div", { "data-testid": "allTime-confirm", className: "weda-ui-custom-picker__header-confirm", onClick: (e) => {
-                                                        setShowDetail(false);
-                                                        //onConfirm();
-                                                        e.stopPropagation();
-                                                    }, children: "\u786E\u8BA4" })] }), _jsx("div", { className: "weda-ui-custom-picker__body", children: _jsx("ul", { className: "weda-user-select-h5 weda-ui-custom-picker__list ", children: selectedList.map((d) => (_jsxs("li", { className: "weda-ui-custom-picker__list-item", children: [_jsxs("p", { className: 'weda-ui-custom-picker__list-item__content', children: [_jsx("span", { className: "weda-ui-custom-picker__list-label", children: d === null || d === void 0 ? void 0 : d.content }), _jsxs("span", { className: 'weda-ui-user-select-result__display-h5', style: {
-                                                                        display: displayUserInfo(d, secondDisplay)
-                                                                            ? 'inline'
-                                                                            : 'none',
-                                                                    }, children: ["(", displayUserInfo(d, secondDisplay), ")"] })] }), _jsx("i", { className: "weda-ui-custom-picker__list-dismiss", onClick: () => {
-                                                                setSelectedList(selectedList.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.userId) || (d === null || d === void 0 ? void 0 : d.value)))) }) })] })] }), children: _jsxs("div", { className: "weda-select-user-dept__select-total", children: ["\u5171", selectedList.length, "\u4EBA", _jsx("i", { className: "lcap-icon lcap-icon-chevronright" })] }) })] })), _jsxs("div", { className: "weda-select-user-dept__btn-group", children: [_jsx(TButton, { type: "weak", onClick: onClose, className: "wd-btn--outline", children: "\u53D6\u6D88" }), _jsx(Bubble, { content: selectedList.length === 0 && confirmUserList.length === 0
-                            ? '请选择成员'
-                            : null, className: "weda-select-user-dept__bubble", children: _jsx(TButton, { type: "primary", onClick: onConfirm, disabled: selectedList.length === 0 && confirmUserList.length == 0, children: "\u786E\u5B9A" }) })] })] }));
-};

package/dist/web/components/form/userOrgSelect/component/selected-list.js

@@ -1,18 +0,0 @@
-import { jsxs as _jsxs, jsx as _jsx } from "react/jsx-runtime";
-import { TagGroup, Tag, Text } from 'tea-component';
-import './index.css';
-import { displayUserInfo } from '../common/utils';
-export const SelectedList = (props) => {
-    const { secondDisplay, selectedList, onClose, isUser = true } = props;
-    // const { selectedList, setSelectedUserList } =
-    //   React.useContext(UserOrgContext) || {};
-    // const onClose = (item) => {
-    //   //检查是否当前页用户被关闭
-    //   setSelectedUserList(selectedUserList.filter((e) => e?.id !== item?.id));
-    // };
-    return (_jsx("div", { className: "weda-ui-user-select-result", children: selectedList && selectedList.length > 0 ? (_jsx(TagGroup, { children: (selectedList || []).map((item) => (_jsxs(Tag, { onClose: () => onClose(item), children: [item === null || item === void 0 ? void 0 : item.content, _jsxs("span", { className: 'weda-ui-user-select-result__display', style: {
-                            display: displayUserInfo(item, secondDisplay)
-                                ? 'inherit'
-                                : 'none',
-                        }, children: ["(", displayUserInfo(item, secondDisplay), ")"] })] }, item === null || item === void 0 ? void 0 : item.id))) })) : (_jsxs(Text, { className: "weda-ui-user-select-input__placeholder", theme: "label", children: ["\u65E0\u9009\u4E2D", isUser ? '成员' : '部门'] })) }));
-};

package/dist/web/components/form/userOrgSelect/component/user-org-list.js

@@ -1,55 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-import { Radio, List, Checkbox, useClassNames, Text } from 'tea-component';
-import './index.css';
-import { ErrorStatus, NullStatus, LoadingStatus } from './error-tips';
-import { displayUserInfo } from '../common/utils';
-// 用户组织展示列表
-export const UserOrgList = ({ isUser = true, userOrgList, isOrg, loading, errorStatus, errorMessage, selectedList, multiple, setSelectedList, setSelectedIds, selectedIds, secondDisplay, }) => {
-    const { Margin } = useClassNames();
-    const onChange = (value, item) => {
-        if (value) {
-            setSelectedIds
-                ? setSelectedIds((selectedIds || []).concat([item === null || item === void 0 ? void 0 : item.id]))
-                : false;
-            setSelectedList((selectedList || []).concat([item]));
-        }
-        else {
-            setSelectedIds
-                ? setSelectedIds(selectedIds.filter((e) => e !== (item === null || item === void 0 ? void 0 : item.id)))
-                : false;
-            setSelectedList(selectedList.filter((e) => e.id !== (item === null || item === void 0 ? void 0 : item.id)));
-        }
-    };
-    return (_jsx(List, { className: "weda-ui-user-select-list", children: _jsx(List.Item, { children: loading ? (_jsx(LoadingStatus, {})) : (_jsx(_Fragment, { children: errorStatus ? (_jsx(ErrorStatus, { description: errorMessage || null })) : (_jsx(_Fragment, { children: userOrgList && userOrgList.length > 0 ? (_jsx(_Fragment, { children: multiple ? (_jsx("div", { children: _jsx(Checkbox.Group, { layout: "column", value: selectedIds, children: (userOrgList || []).map((item) => {
-                                    var _a;
-                                    return (_jsxs(_Fragment, { children: [_jsxs(Checkbox, { className: 'weda-ui-user-select-list_box', name: item === null || item === void 0 ? void 0 : item.id, onChange: (value) => onChange(value, item), children: [_jsx("i", { className: 'weda-ui-user-select-list__user' }), item === null || item === void 0 ? void 0 : item.content, isOrg && isUser && (_jsx(Text, { theme: "label", className: Margin.Left['2n'], children: (_a = item === null || item === void 0 ? void 0 : item.mainOrg[0]) === null || _a === void 0 ? void 0 : _a.OrgName }))] }), _jsx("span", { className: 'weda-ui-user-select-list__display', style: {
-                                                    display: displayUserInfo(item, secondDisplay)
-                                                        ? 'block'
-                                                        : 'none',
-                                                }, children: displayUserInfo(item, secondDisplay) })] }));
-                                }) }) })) : (_jsx(_Fragment, { children: (userOrgList || []).map((item, index) => {
-                                var _a;
-                                return (_jsxs(Radio.Group, { value: selectedIds[0], layout: "column", onChange: (value) => {
-                                        // 被选中过，取消选中
-                                        if ((selectedIds || []).indexOf(value) !== -1) {
-                                            setSelectedIds
-                                                ? setSelectedIds(selectedIds.filter((e) => e !== (item === null || item === void 0 ? void 0 : item.id)))
-                                                : false;
-                                            setSelectedList(selectedList.filter((e) => e.id !== value));
-                                        }
-                                        else {
-                                            const list = [].concat([item]);
-                                            setSelectedIds
-                                                ? setSelectedIds([].concat([item === null || item === void 0 ? void 0 : item.id]))
-                                                : false;
-                                            setSelectedList(list);
-                                        }
-                                    }, children: [_jsxs(Radio, { name: item === null || item === void 0 ? void 0 : item.id, children: [_jsx("i", { className: 'weda-ui-user-select-list__user' }), item === null || item === void 0 ? void 0 : item.content, isOrg && isUser && (_jsx(Text, { theme: "label", className: Margin.Left['2n'], children: (_a = item === null || item === void 0 ? void 0 : item.mainOrg[0]) === null || _a === void 0 ? void 0 : _a.OrgName }))] }), _jsx("span", { className: 'weda-ui-user-select-list__display weda-ui-user-select-list__display-radio', style: {
-                                                display: displayUserInfo(item, secondDisplay)
-                                                    ? 'block'
-                                                    : 'none',
-                                            }, children: displayUserInfo(item, secondDisplay) })] }, index));
-                            }) })) })) : (_jsx(NullStatus, { description: isOrg
-                            ? `无相关${isUser ? '成员' : '部门'}`
-                            : `无可选${isUser ? '成员' : '部门'}`, size: 's' })) })) })) }) }));
-};

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

@@ -1,234 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useState, useEffect, useRef } from 'react';
-import { UserSelectPC } from '../user-select-pc/user-select-pc';
-import { UserTreeSelectH5 as UserSelectH5 } from './user-select-h5';
-import { isInIde, filterStrList, getUserInfo, usePlatform, } from '../../../../../utils/platform';
-import { useSyncValue } from '../../../../../utils/hooks/useSyncValue';
-import isObjectEqual from '../../../../../utils/isObjectEqual';
-import { getUserListByIds, defaultRequest, } from '../../common/fetch-data-service';
-import { emptyArray, emptyObject } from '../../../../../utils/constant';
-import { useViewData } from '../../hooks/use-views-data';
-import { useDepartData } from '../../hooks/use-depart-data';
-import { parseStrToArr } from '../../common/utils';
-import { useDeepCompareEffect } from '@react-hookz/web';
-import { getUuid } from '../../../../../utils/tool';
-import './style';
-export default function UserTreeSelect(props) {
-    const { events = emptyObject, defaultValue = emptyArray, confirmValue = '', defaultValueType = 'noneUser', onChange = null, multiple = false, request = defaultRequest, where, confirmAction, closeAction, secondDisplay, // 辅助信息
-    corpScope, // 展示企业范围
-    /**
-     * 以下两个属性  不用在组件库，企业工作台使用该组件时支持外部定义样式
-     * naked: 单纯使用该组件，而不在FormCell中使用（该组件实现默认在在）
-     * containerClass: string
-     * triggerElement: React.ReactNode
-     */
-    naked = false, containerClass = '', triggerElement = null, 
-    /** 是否展示未关联部门用户 */
-    displayUncategorizedUsers = true, } = props;
-    const platform = usePlatform();
-    const [errInfo, setErrInfo] = useState({
-        errorStatus: false,
-        errorMessage: null,
-    });
-    const [open, setOpen] = useState(false);
-    const [selectUserIds, setSelectUserIds] = useSyncValue(defaultValue, isObjectEqual);
-    const fetchRef = useRef({ version: '' });
-    // 两次默认值不同, 需要刷新
-    const prevDefaultRef = React.useRef(null);
-    // 当前选中的部门id
-    const [selectedOrgId, setSelectedOrgId] = useState(null);
-    //弹窗中被选中用户集合
-    const [selectedUserList, setSelectedUserList] = useState([]);
-    //弹窗中被选中用户id集合
-    const [selectedUserIds, setSelectedUserIds] = useState([]);
-    // 最终选定用户集合
-    const [confirmUserList, setConfirmUserList] = useState([]);
-    //组织下展示用户页码
-    const [pageNo, setPageNo] = useState(1);
-    //组织下展示用户页大小
-    const pageSize = 200;
-    const { filterParams } = useViewData(where);
-    const [corpScopes, setCorpScopes] = useState([]);
-    useEffect(() => {
-        if (!corpScope) {
-            return;
-        }
-        const corpScopes = filterStrList(parseStrToArr(corpScope));
-        setCorpScopes(corpScopes);
-    }, [corpScope]);
-    const { treeData, error } = useDepartData({
-        request,
-        params: { corpScopes },
-        displayUncategorizedUsers,
-    });
-    // 默认选中第一个部门
-    useEffect(() => {
-        var _a;
-        if (!selectedOrgId && treeData && treeData.length > 0) {
-            setSelectedOrgId((_a = treeData[0]) === null || _a === void 0 ? void 0 : _a.id);
-        }
-    }, [selectedOrgId, treeData]);
-    useEffect(() => {
-        // 仅执行一次
-        if (defaultValueType === 'loginUser') {
-            getLoginUserInfo();
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [defaultValueType]);
-    useEffect(() => {
-        if (defaultValueType === 'confirmUser') {
-            setSelectUserIds(confirmValue);
-        }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [defaultValueType, confirmValue]);
-    const getLoginUserInfo = async () => {
-        if (isInIde()) {
-            setConfirmUserList([{ userName: '显示登录人名称', id: 'loginmock' }]);
-        }
-        else {
-            const logginUserInfo = await getUserInfo();
-            setSelectUserIds(multiple ? [logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId] : logginUserInfo === null || logginUserInfo === void 0 ? void 0 : logginUserInfo.userId);
-        }
-    };
-    const getDefaultUser = async (defaultValue) => {
-        try {
-            setErrInfo({ errorStatus: false, errorMessage: null });
-            // 避免ide mock值请求数据异常
-            if (defaultValue && defaultValue.length !== 0 && !isInIde()) {
-                const fetchVersion = (fetchRef.current.version = getUuid());
-                const userSelectList = await getUserListByIds({
-                    selectUserIds: filterStrList(parseStrToArr(defaultValue)) || [],
-                    IsNoRelatedOrgFlag: false,
-                    request,
-                });
-                if (fetchVersion !== fetchRef.current.version)
-                    return;
-                setConfirmUserList(userSelectList);
-            }
-            else {
-                setConfirmUserList([]);
-            }
-        }
-        catch (e) {
-            setErrInfo({ errorStatus: true, errorMessage: e });
-        }
-    };
-    useEffect(() => {
-        try {
-            if (selectUserIds &&
-                !isObjectEqual(prevDefaultRef.current, selectUserIds)) {
-                getDefaultUser(selectUserIds);
-                prevDefaultRef.current = selectUserIds;
-            }
-        }
-        catch (e) { }
-        // eslint-disable-next-line react-hooks/exhaustive-deps
-    }, [defaultValueType, selectUserIds]);
-    useDeepCompareEffect(() => {
-        var _a, _b;
-        setSelectedUserList(confirmUserList);
-        const _value = (_a = setOnChangeValue(multiple, confirmUserList)) !== null && _a !== void 0 ? _a : null;
-        const _eventValue = setOnChangeValue(multiple, confirmUserList, true);
-        // 值和默认值相同时，不触发 change 事件
-        if (isObjectEqual(_value, defaultValue))
-            return;
-        onChange === null || onChange === void 0 ? void 0 : onChange(_value);
-        (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, _eventValue);
-    }, [confirmUserList === null || confirmUserList === void 0 ? void 0 : confirmUserList.map((user) => filterUserInfo(user))]);
-    /** 点击确认时获取所选用户，调用confirmAction，将所选用户向外传出 */
-    const onConfirmSelectUser = (selectedUserList) => {
-        const selectedUser = setOnChangeValue(multiple, selectedUserList, true);
-        confirmAction === null || confirmAction === void 0 ? void 0 : confirmAction(selectedUser);
-    };
-    //确定 关闭弹窗
-    const onConfirm = () => {
-        onConfirmSelectUser(selectedUserList);
-        setConfirmUserList(selectedUserList);
-        setOpen(false);
-    };
-    //取消 关闭弹窗
-    const onCancel = () => {
-        setSelectedUserIds([]);
-        setSelectedUserList([]);
-        setOpen(false);
-        closeAction === null || closeAction === void 0 ? void 0 : closeAction();
-    };
-    const restProps = {
-        errInfo,
-        open,
-        setOpen,
-        selectedOrgId,
-        setSelectedOrgId,
-        selectedUserList,
-        setSelectedUserList,
-        confirmUserList,
-        setConfirmUserList,
-        selectedUserIds,
-        setSelectedUserIds,
-        pageNo,
-        setPageNo,
-        pageSize,
-        onConfirm,
-        onCancel,
-        platform,
-        filterParams,
-        treeData,
-        error,
-        onConfirmSelectUser,
-        secondDisplay,
-    };
-    // 企业工作台使用该组件时，支持自定义样式
-    const extraProps = {
-        naked,
-        containerClass,
-        triggerElement,
-    };
-    if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
-        return _jsx(UserSelectPC, { ...props, ...restProps, ...extraProps });
-    }
-    if ((props === null || props === void 0 ? void 0 : props.showType) === 'h5') {
-        return _jsx(UserSelectH5, { ...props, ...restProps, ...extraProps });
-    }
-    return platform === 'h5' ? (_jsx(UserSelectH5, { ...props, ...restProps, ...extraProps })) : (_jsx(UserSelectPC, { ...props, ...restProps, ...extraProps }));
-}
-/**
- * 设置onChange值
- * @param multiple 是否是多选
- * @param confirmUserList 已选用户列表
- * @param isEventChange 是否是event事件
- */
-function setOnChangeValue(multiple, confirmUserList, isEventChange = false) {
-    var _a, _b;
-    if (isEventChange) {
-        return multiple
-            ? {
-                value: confirmUserList.length > 0
-                    ? confirmUserList.map((e) => {
-                        return e === null || e === void 0 ? void 0 : e.id;
-                    })
-                    : null,
-                data: confirmUserList.map((user) => filterUserInfo(user)),
-            }
-            : {
-                value: ((_a = confirmUserList[0]) === null || _a === void 0 ? void 0 : _a.id) || null,
-                data: confirmUserList[0] ? filterUserInfo(confirmUserList[0]) : null,
-            };
-    }
-    return multiple
-        ? confirmUserList.length > 0
-            ? confirmUserList.map((e) => {
-                return e === null || e === void 0 ? void 0 : e.id;
-            })
-            : null
-        : (_b = confirmUserList[0]) === null || _b === void 0 ? void 0 : _b.id;
-}
-function filterUserInfo(userInfo) {
-    return pick(userInfo || {}, ['id', 'userName', 'userId', 'type']);
-}
-function pick(obj = {}, keys) {
-    const ret = {};
-    for (const key of keys) {
-        ret[key] = obj[key];
-    }
-    return ret;
-}

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

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