@cloudbase/weda-ui 3.4.3 → 3.4.5

package/dist/web/components/form/userOrgSelect/component/input-tags.js

@@ -0,0 +1,21 @@
+import React from 'react';
+import { Tag, Icon, Text } from 'tea-component';
+export const InputTags = ({ tagsList, placeholder, onClose, multiple, errInfo, disabled, platForm = 'pc', }) => {
+    return (React.createElement("div", { className: "weda-ui-user-select-input" },
+        React.createElement(React.Fragment, null,
+            tagsList && tagsList.length > 0 && !errInfo.errorStatus ? (React.createElement(React.Fragment, null,
+                React.createElement("div", { className: "weda-ui-user-select-input__values" }, (tagsList || []).map((item) => (React.createElement(React.Fragment, null, disabled ? (React.createElement(Tag, { key: item === null || item === void 0 ? void 0 : item.id, "data-testid": "defaultValueDisabled" }, (item === null || item === void 0 ? void 0 : item.content) || '-')) : (React.createElement(Tag, { key: item === null || item === void 0 ? void 0 : item.id, onClose: (e) => onClose(e, item), "data-testid": "defaultValueText" }, (item === null || item === void 0 ? void 0 : item.content) || '-')))))),
+                multiple && (React.createElement("div", { className: disabled
+                        ? 'weda-ui-user-select-input__extra__disabled'
+                        : 'weda-ui-user-select-input__extra' }, platForm === 'pc' ? (React.createElement(React.Fragment, null,
+                    React.createElement(Icon, { type: "more" }),
+                    React.createElement(Text, { theme: "primary" },
+                        "\u5171",
+                        tagsList.length,
+                        "\u4E2A"))) : (React.createElement("div", { className: "weda-select-user-dept__select-total" },
+                    "\u5171",
+                    tagsList.length,
+                    "\u4E2A",
+                    React.createElement("i", { className: "lcap-icon lcap-icon-chevronright" }))))))) : (React.createElement(Text, { className: "weda-ui-user-select-input__placeholder" }, placeholder)),
+            errInfo.errorStatus && (React.createElement(Text, { className: "weda-ui-user-select-input__placeholder" }, errInfo.errorMessage)))));
+};

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

@@ -0,0 +1,25 @@
+import React from 'react';
+import classNames from '../../../../utils/classnames';
+export const ModalSearchH5 = (props) => {
+    const { value, onChange, onCancel, isSearch, onFocus } = props;
+    return (React.createElement("div", { className: classNames({
+            'weda-select-user-dept__dialog-search-h5': true,
+            'weda-select-user-dept__dialog-search-focus': isSearch,
+        }) },
+        React.createElement("div", { className: "weda-select-user-dept__dialog-search-box" },
+            React.createElement("input", { id: "wd-search-input", type: "text", onFocus: onFocus, value: value, onClick: (e) => {
+                    e.stopPropagation();
+                }, onChange: (e) => {
+                    var _a;
+                    onChange((_a = e === null || e === void 0 ? void 0 : e.target) === null || _a === void 0 ? void 0 : _a.value);
+                }, className: "weda-select-user-dept__dialog-search-input" }),
+            React.createElement("div", { className: classNames({
+                    'weda-select-user-dept__dialog-label': true,
+                    'weda-select-user-dept__dialog-label-value': value,
+                }) },
+                React.createElement("span", { className: "search-icon" }),
+                React.createElement("span", { className: "search-placeholder" }, "\u641C\u7D22")),
+            value && value.length > 0 && (React.createElement("div", { className: "weda-select-user-dept__dialog-input-clear", onClick: () => onChange('') },
+                React.createElement("p", { className: "weda-select-user-dept__dialog-input-clear-close" })))),
+        React.createElement("span", { className: "weda-select-user-dept__dialog-search-cancel", onClick: onCancel }, "\u53D6\u6D88")));
+};

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

@@ -0,0 +1,11 @@
+import React from 'react';
+import { SearchBox } from 'tea-component';
+import { UserOrgList } from './user-org-list';
+import './index.css';
+export const ModalSearch = (props) => {
+    const { searchList, onReset, keyWords, onSearch, loading, errInfo, selectedList, multiple, setSelectedList, setSelectedIds, selectedIds, isUser = true, } = props;
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SearchBox, { "data-testid": "SearchBox", onChange: onSearch, onSearch: (key) => onSearch(key), onClear: () => onReset(), placeholder: `搜索${isUser ? '成员' : '部门'}` }),
+        keyWords.length !== 0 && (React.createElement("div", { className: "weda-ui-user-select-container-list__end " },
+            React.createElement(UserOrgList, { isUser: isUser, userOrgList: searchList, isOrg: true, loading: loading, errorStatus: errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorStatus, errorMessage: errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorMessage, selectedList: selectedList, multiple: multiple, setSelectedIds: setSelectedIds, setSelectedList: setSelectedList, selectedIds: selectedIds })))));
+};

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

@@ -0,0 +1,201 @@
+import React, { 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 } 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, } = 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);
+                    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 (React.createElement(Modal, { visible: open, onClose: () => {
+            onrest();
+            onClose();
+        }, destroyOnClose: true, className: `weda-ui weda-select-user-dept__dialog` },
+        React.createElement(Modal.Body, { className: ((_a = selectedUserList[0]) === null || _a === void 0 ? void 0 : _a.userId) ? 'is-selected-value' : '' },
+            React.createElement("div", { className: "weda-select-user-dept__dialog-header" }, '选择成员'),
+            React.createElement(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) ? (React.createElement(ErrorStatus, { description: (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorMessage) || null })) : (React.createElement(React.Fragment, null, treeData && treeData.length > 0 && !pageLoading ? (React.createElement("div", { className: "weda-select-user-dept__dialog-content" },
+                !(keyWords && keyWords.length > 0) && (React.createElement(DepartBreadcrumb, { data: breadCrumbData, onBreadCrumbClick: (item) => onBreadCrumbClick(item) })),
+                listLoading ? (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "weda-select-user-dept__dialog-list" },
+                        React.createElement(LoadingStatus, null)))) : (React.createElement(React.Fragment, null, showTreeData &&
+                    showTreeData.length > 0 &&
+                    !(keyWords && keyWords.length > 0) ? (React.createElement(OrgTreeH5, { treeData: showTreeData, loading: loading, loadItem: (item) => loadItem(item), treeDataError: treeDataError, onTouchMove: onTouchMove })) : (React.createElement(UserListH5, { userList: userList, selectedList: selectedUserList, setSelectedList: setSelectedUserList, loading: loading, multiple: multiple, isEnd: isEnd, isSearch: keyWords ? true : false, onScrollBottom: onScrollBottom, onTouchMove: onTouchMove })))))) : (React.createElement("div", { className: "weda-select-user-dept__dialog-list" },
+                React.createElement(LoadingStatus, null)))))),
+        React.createElement(Modal.Footer, null,
+            React.createElement(SelectedListH5, { selectedList: selectedUserList, setSelectedList: setSelectedUserList, confirmUserList: confirmUserList, onClose: () => {
+                    onrest();
+                    onClose();
+                }, onConfirm: onConfirm }))));
+};

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

@@ -0,0 +1,19 @@
+import React from 'react';
+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 } = props;
+    return (React.createElement("div", { className: classNames('weda-select-user-dept__dialog-list'), onTouchMove: (e) => onTouchMove(e) }, treeDataError ? (React.createElement(ErrorStatus, { description: treeDataError || null })) : (React.createElement(React.Fragment, null, treeData && treeData.length > 0 && !treeDataError ? ((treeData || []).map((item, index) => (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) ? loadItem(item) : null;
+        } },
+        React.createElement("div", { className: "weda-select-user-dept__list-item-wrap" },
+            React.createElement("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' },
+                React.createElement("div", { className: "item-name" }, item === null || item === void 0 ? void 0 : item.content),
+                loading.id !== item.id && (React.createElement("div", { className: "lcap-icon lcap-icon-chevronright" })),
+                loading.id === item.id && (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(LoadingStatus, null))))));
+};

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

@@ -0,0 +1,33 @@
+import React from 'react';
+import { Tree } from 'tea-component';
+import { LoadingStatus, ErrorStatus } from './error-tips';
+import './index.css';
+export const OrgTree = (props) => {
+    const { selectedOrgId = [], treeData, treeDataError, onActive, 
+    //是否展示 Checkbox
+    selectable = false, 
+    //是否多选
+    mutiple = false, } = props;
+    // 切换选中组织节点
+    const onChange = (ids, checked, nodeId) => {
+        //是否取消选中
+        if (selectedOrgId.indexOf(nodeId) !== -1) {
+            const actionIds = selectedOrgId.filter((e) => e !== nodeId);
+            onActive(actionIds);
+        }
+        else {
+            //单选情况下
+            if (!mutiple) {
+                onActive([nodeId]);
+            }
+            else {
+                onActive(selectedOrgId.concat([nodeId]));
+            }
+        }
+    };
+    return (React.createElement(React.Fragment, null, treeDataError ? (React.createElement(ErrorStatus, { description: treeDataError || null })) : (React.createElement(React.Fragment, null, treeData && treeData.length > 0 && !treeDataError ? (React.createElement(Tree, { className: "depart-tree", data: treeData, fullActivable: true, activable: true, selectable: selectable, selectedIds: selectedOrgId, activeIds: selectedOrgId, selectStrictly: true, onActive: (ids, context) => {
+            onChange(ids, context === null || context === void 0 ? void 0 : context.active, context === null || context === void 0 ? void 0 : context.nodeId);
+        }, onSelect: (ids, context) => {
+            onChange(ids, context === null || context === void 0 ? void 0 : context.selected, context === null || context === void 0 ? void 0 : context.nodeId);
+        } })) : (React.createElement(LoadingStatus, null))))));
+};

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

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

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

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

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

@@ -0,0 +1,55 @@
+/* eslint-disable prettier/prettier */
+import React from 'react';
+import { Radio, List, Checkbox, useClassNames, Text } from 'tea-component';
+import './index.css';
+import { ErrorStatus, NullStatus, LoadingStatus } from './error-tips';
+// 用户组织展示列表
+export const UserOrgList = ({ isUser = true, userOrgList, isOrg, loading, errorStatus, errorMessage, selectedList, multiple, setSelectedList, setSelectedIds, selectedIds, }) => {
+    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 (React.createElement(List, { className: "weda-ui-user-select-list" },
+        React.createElement(List.Item, null, loading ? (React.createElement(LoadingStatus, null)) : (React.createElement(React.Fragment, null, errorStatus ? (React.createElement(ErrorStatus, { description: errorMessage || null })) : (React.createElement(React.Fragment, null, userOrgList && userOrgList.length > 0 ? (React.createElement(React.Fragment, null, multiple ? (React.createElement("div", null,
+            React.createElement(Checkbox.Group, { layout: "column", value: selectedIds }, (userOrgList || []).map((item) => {
+                var _a;
+                return (React.createElement(React.Fragment, null,
+                    React.createElement(Checkbox, { name: item === null || item === void 0 ? void 0 : item.id, onChange: (value) => onChange(value, item) }, item === null || item === void 0 ? void 0 :
+                        item.content,
+                        isOrg && isUser && (React.createElement(Text, { theme: "label", className: Margin.Left['2n'] }, (_a = item === null || item === void 0 ? void 0 : item.mainOrg[0]) === null || _a === void 0 ? void 0 : _a.OrgName)))));
+            })))) : (React.createElement(React.Fragment, null, (userOrgList || []).map((item, index) => {
+            var _a;
+            return (React.createElement(Radio.Group, { value: selectedIds[0], key: index, 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);
+                    }
+                } },
+                React.createElement(Radio, { name: item === null || item === void 0 ? void 0 : item.id }, item === null || item === void 0 ? void 0 :
+                    item.content,
+                    isOrg && isUser && (React.createElement(Text, { theme: "label", className: Margin.Left['2n'] }, (_a = item === null || item === void 0 ? void 0 : item.mainOrg[0]) === null || _a === void 0 ? void 0 : _a.OrgName)))));
+        }))))) : (React.createElement(NullStatus, { description: isOrg
+                ? `无相关${isUser ? '成员' : '部门'}`
+                : `无可选${isUser ? '成员' : '部门'}`, size: 's' })))))))));
+};

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

@@ -0,0 +1,168 @@
+import React, { useState, useEffect } from 'react';
+import { UserSelectPC } from '../user-select-pc/user-select-pc';
+import { UserTreeSelectH5 as UserSelectH5 } from './user-select-h5';
+import '../userOrgSelect.css';
+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';
+export default function UserTreeSelect(props) {
+    const { events = emptyObject, defaultValue = emptyArray, confirmValue = '', defaultValueType = 'noneUser', onChange = null, multiple = false, request = defaultRequest, where, confirmAction, } = props;
+    const platform = usePlatform();
+    const [errInfo, setErrInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    const [open, setOpen] = useState(false);
+    const [selectUserIds, setSelectUserIds] = useSyncValue(defaultValue, isObjectEqual);
+    // 两次默认值不同, 需要刷新
+    const prevDefaultRef = React.useRef(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 { treeData, error } = useDepartData({ request });
+    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 userSelectList = await getUserListByIds({
+                    selectUserIds: filterStrList(parseStrToArr(defaultValue)) || [],
+                    IsNoRelatedOrgFlag: false,
+                    request,
+                });
+                setConfirmUserList(userSelectList);
+            }
+            else {
+                setConfirmUserList([]);
+            }
+        }
+        catch (e) {
+            setErrInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    useEffect(() => {
+        try {
+            if (!isObjectEqual(prevDefaultRef.current, selectUserIds)) {
+                getDefaultUser(selectUserIds);
+                prevDefaultRef.current = selectUserIds;
+            }
+        }
+        catch (e) { }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [defaultValueType, selectUserIds]);
+    useEffect(() => {
+        var _a;
+        setSelectedUserList(confirmUserList);
+        onChange === null || onChange === void 0 ? void 0 : onChange(setOnChangeValue(multiple, confirmUserList));
+        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, setOnChangeValue(multiple, confirmUserList, true));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [confirmUserList]);
+    //确定 关闭弹窗
+    const onConfirm = () => {
+        confirmAction === null || confirmAction === void 0 ? void 0 : confirmAction({
+            userIds: setOnChangeValue(multiple, selectedUserList),
+            users: setOnChangeValue(multiple, selectedUserList, true),
+        });
+        setConfirmUserList(selectedUserList);
+        setOpen(false);
+    };
+    //取消 关闭弹窗
+    const onCancel = () => {
+        setSelectedUserIds([]);
+        setSelectedUserList([]);
+        setOpen(false);
+    };
+    const restProps = {
+        errInfo,
+        open,
+        setOpen,
+        selectedUserList,
+        setSelectedUserList,
+        confirmUserList,
+        setConfirmUserList,
+        selectedUserIds,
+        setSelectedUserIds,
+        pageNo,
+        setPageNo,
+        pageSize,
+        onConfirm,
+        onCancel,
+        platform,
+        filterParams,
+        treeData,
+        error,
+    };
+    if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
+        return React.createElement(UserSelectPC, { ...restProps, ...props });
+    }
+    if ((props === null || props === void 0 ? void 0 : props.showType) === 'h5') {
+        return React.createElement(UserSelectH5, { ...restProps, ...props });
+    }
+    return platform === 'h5' ? (React.createElement(UserSelectH5, { ...restProps, ...props })) : (React.createElement(UserSelectPC, { ...restProps, ...props }));
+}
+/**
+ * 设置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,
+            }
+            : {
+                value: ((_a = confirmUserList[0]) === null || _a === void 0 ? void 0 : _a.id) || null,
+                data: 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;
+}