@cloudbase/weda-ui 3.5.2-mp → 3.5.3

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

@@ -0,0 +1,13 @@
+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.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const OrgTree: (props: any) => JSX.Element;

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

@@ -0,0 +1,51 @@
+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.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const SelectedListH5: (props: any) => JSX.Element;

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

@@ -0,0 +1,27 @@
+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.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './index.css';
+export declare const SelectedList: (props: any) => JSX.Element;

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

@@ -0,0 +1,18 @@
+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.d.ts

@@ -0,0 +1,16 @@
+/// <reference types="react" />
+import './index.css';
+export declare const UserOrgList: ({ isUser, userOrgList, isOrg, loading, errorStatus, errorMessage, selectedList, multiple, setSelectedList, setSelectedIds, selectedIds, secondDisplay, }: {
+    isUser?: boolean;
+    userOrgList: any;
+    isOrg: any;
+    loading: any;
+    errorStatus: any;
+    errorMessage: any;
+    selectedList: any;
+    multiple: any;
+    setSelectedList: any;
+    setSelectedIds: any;
+    selectedIds: any;
+    secondDisplay: any;
+}) => JSX.Element;

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

@@ -0,0 +1,55 @@
+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.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import './style';
+export default function UserTreeSelect(props: any): JSX.Element;

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

@@ -0,0 +1,233 @@
+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 (!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.d.ts

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

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

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

package/dist/web/components/form/userOrgSelect/component/user-select-h5/user-list-h5.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import '../userOrgSelect.css';
+export declare const UserListH5: (props: any) => JSX.Element;

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

@@ -0,0 +1,93 @@
+import { jsxs as _jsxs, jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
+import { useState, useEffect } from 'react';
+import { Radio, Checkbox, List, StatusTip } from 'tea-component';
+import { NullStatus } from '../error-tips';
+import '../userOrgSelect.css';
+import { displayUserInfo } from '../../common/utils';
+export const UserListH5 = (props) => {
+    const { multiple, selectedList, setSelectedList, userList, isEnd, isSearch = false, onScrollBottom, loading, onTouchMove, secondDisplay, } = props;
+    const [checkAll, setCheckAll] = useState(1); //1:未选中；2:半选；3:选中
+    const [count, setCount] = useState(0);
+    // 用户列表当前页全选逻辑
+    const onChange = (value) => {
+        setCheckAll(value ? 3 : 1);
+        if (value) {
+            //全选逻辑
+            const storgeUsers = [];
+            userList.map((e) => {
+                var _a;
+                let isContain = false;
+                for (let i = 0; i < selectedList.length; i++) {
+                    //用户已被选中过
+                    if (((_a = selectedList[i]) === null || _a === void 0 ? void 0 : _a.id) === (e === null || e === void 0 ? void 0 : e.id)) {
+                        isContain = true;
+                        break;
+                    }
+                }
+                if (!isContain)
+                    storgeUsers.push(e);
+            });
+            setSelectedList((selectedList || []).concat(storgeUsers));
+        }
+        else {
+            // 取消全选
+            userList.map((e) => {
+                selectedList.splice(selectedList.findIndex((s) => (s === null || s === void 0 ? void 0 : s.id) === (e === null || e === void 0 ? void 0 : e.id)), 1);
+            });
+            setSelectedList([].concat(selectedList));
+        }
+    };
+    useEffect(() => {
+        setCount(0);
+        const pageTotal = (userList === null || userList === void 0 ? void 0 : userList.length) || 0;
+        // 值变更，检查全选状态
+        if (multiple && userList && userList.length > 0) {
+            // 当前页有部分用户被选中
+            let count = 0;
+            userList.map((e) => {
+                if (selectedList.findIndex((s) => (s === null || s === void 0 ? void 0 : s.id) === (e === null || e === void 0 ? void 0 : e.id)) !== -1) {
+                    count++;
+                }
+            });
+            if (count === 0) {
+                setCheckAll(1);
+            }
+            else if (count === pageTotal) {
+                setCheckAll(3);
+            }
+            setCount(count);
+        }
+    }, [selectedList, multiple, userList]);
+    return (_jsxs(_Fragment, { children: [multiple && (_jsx("div", { className: "weda-select-user-dept__dialog-list-multiple-all", children: _jsx("div", { className: "weda-select-user-dept__list-multiple-all", onTouchMove: (e) => onTouchMove(e), children: _jsx("div", { className: "weda-select-user-dept__list-item-wrap", children: _jsx("div", { className: "weda-select-user-dept__group", children: _jsxs(Checkbox, { value: checkAll === 3 ? true : false, indeterminate: checkAll === 2, onChange: (value) => {
+                                    onChange(value);
+                                }, children: ["\u6279\u91CF\u9009\u62E9(", count, "/", userList.length, ")"] }) }) }) }) })), _jsx(List, { className: "weda-select-user-dept__dialog-list", onScrollBottom: onScrollBottom, children: userList && userList.length > 0 ? (_jsxs(_Fragment, { children: [(userList || []).map((item, index) => {
+                            var _a, _b;
+                            return (_jsx("div", { className: "weda-select-user-dept__list-item", onTouchMove: (e) => onTouchMove(e), children: _jsx("div", { className: "weda-select-user-dept__list-item-wrap", children: _jsxs("div", { className: "weda-select-user-dept__group", children: [multiple ? (_jsx("div", { children: _jsxs(Checkbox.Group, { value: selectedList.map((e) => e === null || e === void 0 ? void 0 : e.id), layout: "column", children: [_jsxs(Checkbox, { name: item === null || item === void 0 ? void 0 : item.userId, onChange: (value) => {
+                                                                if (value) {
+                                                                    setSelectedList((selectedList || []).concat([item]));
+                                                                }
+                                                                else {
+                                                                    setSelectedList(selectedList.filter((e) => e.id !== (item === null || item === void 0 ? void 0 : item.id)));
+                                                                }
+                                                            }, children: [_jsx("i", { className: 'weda-ui-user-select-list__user' }), _jsx("div", { className: "wedatea2td-form-check-select__user_h5", children: _jsx("div", { className: "item-radio-name", children: item === null || item === void 0 ? void 0 : item.content }) })] }), _jsx("span", { className: 'weda-ui-user-select-list__display-h5', style: {
+                                                                display: !isSearch &&
+                                                                    !!displayUserInfo(item, secondDisplay)
+                                                                    ? 'inherit'
+                                                                    : 'none',
+                                                            }, children: displayUserInfo(item, secondDisplay) })] }) })) : (_jsxs(Radio.Group, { value: (_a = selectedList.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 = selectedList.map((item) => item === null || item === void 0 ? void 0 : item.userId);
+                                                    // 多选情况，取消选中某元素时
+                                                    if (ids.indexOf(value) !== -1) {
+                                                        setSelectedList(selectedList.filter((e) => e.userId !== value));
+                                                    }
+                                                    else {
+                                                        setSelectedList([item]);
+                                                    }
+                                                }, layout: "column", children: [_jsxs(Radio, { name: item === null || item === void 0 ? void 0 : item.userId, children: [_jsx("i", { className: 'weda-ui-user-select-list__user' }), _jsx("div", { className: "wedatea2td-form-check-select__user_h5", children: _jsx("div", { className: "item-radio-name", children: item === null || item === void 0 ? void 0 : item.content }) })] }), _jsx("span", { className: 'weda-ui-user-select-list__display-h5', style: {
+                                                            display: !isSearch &&
+                                                                !!displayUserInfo(item, secondDisplay)
+                                                                ? 'inherit'
+                                                                : 'none',
+                                                        }, children: displayUserInfo(item, secondDisplay) })] })), isSearch && (item === null || item === void 0 ? void 0 : item.mainOrg) && (item === null || item === void 0 ? void 0 : item.mainOrg.length) > 0 && (_jsx("div", { className: "item-org-h5", children: (_b = item === null || item === void 0 ? void 0 : item.mainOrg[0]) === null || _b === void 0 ? void 0 : _b.OrgName }))] }) }) }, index + (item === null || item === void 0 ? void 0 : item.id)));
+                        }), isEnd && (_jsx("div", { className: "weda-select-user-dept__load-completed", children: "\u5DF2\u7ECF\u5230\u5E95\u4E86" })), (loading === null || loading === void 0 ? void 0 : loading.status) && (_jsx("div", { className: "weda-select-user-dept__load-completed", children: _jsx(StatusTip, { status: 'loading' }) }))] })) : (_jsx(NullStatus, { description: '无可选成员', size: 's' })) })] }));
+};

package/dist/web/components/form/userOrgSelect/component/user-select-h5/user-select-h5.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IUserTreeSelect } from '../../common/types';
+export declare function UserTreeSelectH5({ id, className, style, label, labelVisible, placeholder, disabled, layout, requiredFlag, decorator, multiple, //是否多选
+outerRef, pageNo, setPageNo, pageSize, request, onCancel, onConfirm, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, open, setOpen, filterParams, treeData, error, onConfirmSelectUser, secondDisplay, readOnly, }: IUserTreeSelect): JSX.Element;

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

@@ -0,0 +1,59 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import { useState, useImperativeHandle } from 'react';
+import { renderDecorator } from '../../../renderDecorator';
+import classNames from '../../../../../utils/classnames';
+import { defaultRequest } from '../../common/fetch-data-service';
+import { ConfigProvider } from 'tea-component';
+import { ModalSelectH5 } from '../modal-select-h5';
+import { InputTags } from '../input-tags';
+export function UserTreeSelectH5({ id, className, style, label = '成员选择', labelVisible = true, placeholder = '请选择成员', disabled = false, layout = 'horizontal', requiredFlag = false, decorator, multiple = false, //是否多选
+outerRef, pageNo, setPageNo, pageSize, 
+// platform,
+request = defaultRequest, onCancel, onConfirm, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, open, setOpen, filterParams, treeData, error, onConfirmSelectUser, secondDisplay, readOnly, }) {
+    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,
+        'weda-select-user-dept__select-result': true,
+    });
+    const [originalOrgData, setOriginalOrgData] = useState([]);
+    const [errorInfo, setErrorInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    useImperativeHandle(outerRef, () => {
+        return {
+            methods: {
+                open: () => {
+                    setOpen(true);
+                },
+            },
+        };
+    }, [setOpen]);
+    const onFocus = function () {
+        setSelectedUserList(confirmUserList);
+        if (!disabled)
+            setOpen(true);
+    };
+    return renderDecorator(_jsxs(ConfigProvider, { classPrefix: "wedatea2td", children: [_jsx("div", { className: subCls, onClick: onFocus, children: _jsx(InputTags, { tagsList: confirmUserList, placeholder: placeholder, multiple: multiple, errInfo: errorInfo, disabled: disabled, readOnly: readOnly, platForm: 'h5', onClose: (e, item) => {
+                        const currentConfirmUserList = confirmUserList.filter((l) => (l === null || l === void 0 ? void 0 : l.id) !== (item === null || item === void 0 ? void 0 : item.id));
+                        setConfirmUserList(currentConfirmUserList);
+                        onConfirmSelectUser(currentConfirmUserList);
+                        e.stopPropagation();
+                    } }) }), _jsx(ModalSelectH5, { open: open, request: request, treeData: treeData, originalOrgData: originalOrgData, setOriginalOrgData: setOriginalOrgData, multiple: multiple, errorInfo: errorInfo, selectedUserList: selectedUserList, setSelectedUserList: setSelectedUserList, confirmUserList: confirmUserList, onClose: onCancel, onConfirm: onConfirm, setErrorInfo: setErrorInfo, filterParams: filterParams, pageNo: pageNo, setPageNo: setPageNo, pageSize: pageSize, treeDataError: error, secondDisplay: secondDisplay })] }))({
+        id,
+        className: cls,
+        style,
+        label: labelVisible ? label : null,
+        multiCell: false,
+        requiredFlag,
+        layout,
+        decorator,
+    });
+}

package/dist/web/components/form/userOrgSelect/component/user-select-pc/error-tips.d.ts

@@ -0,0 +1,11 @@
+/// <reference types="react" />
+export declare const ErrorStatus: ({ description, title }: {
+    description: any;
+    title?: string;
+}) => JSX.Element;
+export declare const NullStatus: ({ title, size, description }: {
+    title?: any;
+    size: any;
+    description?: any;
+}) => JSX.Element;
+export declare const LoadingStatus: () => JSX.Element;