@cloudbase/weda-ui 3.4.2 → 3.4.4

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,151 @@
+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, } = 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, _b, _c;
+        setSelectedUserList(confirmUserList);
+        onChange === null || onChange === void 0 ? void 0 : onChange(multiple
+            ? confirmUserList.length > 0
+                ? confirmUserList.map((e) => {
+                    return e === null || e === void 0 ? void 0 : e.id;
+                })
+                : null
+            : (_a = confirmUserList[0]) === null || _a === void 0 ? void 0 : _a.id);
+        (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, multiple
+            ? {
+                value: confirmUserList.length > 0
+                    ? confirmUserList.map((e) => {
+                        return e === null || e === void 0 ? void 0 : e.id;
+                    })
+                    : null,
+                data: confirmUserList,
+            }
+            : {
+                value: ((_c = confirmUserList[0]) === null || _c === void 0 ? void 0 : _c.id) || null,
+                data: confirmUserList[0] || null,
+            });
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [confirmUserList]);
+    //确定 关闭弹窗
+    const onConfirm = () => {
+        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 }));
+}

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

@@ -0,0 +1,107 @@
+import React, { useState, useEffect } from 'react';
+import { Radio, Checkbox, List, StatusTip } from 'tea-component';
+import { NullStatus } from '../error-tips';
+import '../userOrgSelect.css';
+export const UserListH5 = (props) => {
+    const { multiple, selectedList, setSelectedList, userList, isEnd, isSearch = false, onScrollBottom, loading, onTouchMove, } = 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 (React.createElement(React.Fragment, null,
+        multiple && (React.createElement("div", { className: "weda-select-user-dept__dialog-list-multiple-all" },
+            React.createElement("div", { className: "weda-select-user-dept__list-multiple-all", onTouchMove: (e) => onTouchMove(e) },
+                React.createElement("div", { className: "weda-select-user-dept__list-item-wrap" },
+                    React.createElement("div", { className: "weda-select-user-dept__group" },
+                        React.createElement(Checkbox, { value: checkAll === 3 ? true : false, indeterminate: checkAll === 2, onChange: (value) => {
+                                onChange(value);
+                            } },
+                            "\u6279\u91CF\u9009\u62E9(",
+                            count,
+                            "/",
+                            userList.length,
+                            ")")))))),
+        React.createElement(List, { className: "weda-select-user-dept__dialog-list", onScrollBottom: onScrollBottom }, userList && userList.length > 0 ? (React.createElement(React.Fragment, null,
+            (userList || []).map((item, index) => {
+                var _a, _b;
+                return (React.createElement("div", { className: "weda-select-user-dept__list-item", key: index + (item === null || item === void 0 ? void 0 : item.id), onTouchMove: (e) => onTouchMove(e) },
+                    React.createElement("div", { className: "weda-select-user-dept__list-item-wrap" },
+                        React.createElement("div", { className: "weda-select-user-dept__group" },
+                            multiple ? (React.createElement("div", null,
+                                React.createElement(Checkbox.Group, { value: selectedList.map((e) => e === null || e === void 0 ? void 0 : e.id), layout: "column" },
+                                    React.createElement(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)));
+                                            }
+                                        } },
+                                        React.createElement("div", { className: "wedatea2td-form-check-select__user_h5" },
+                                            React.createElement("div", { className: "item-radio-name" }, item === null || item === void 0 ? void 0 : item.content)))))) : (React.createElement(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" },
+                                React.createElement(Radio, { name: item === null || item === void 0 ? void 0 : item.userId },
+                                    React.createElement("div", { className: "wedatea2td-form-check-select__user_h5" },
+                                        React.createElement("div", { className: "item-radio-name" }, item === null || item === void 0 ? void 0 : item.content))))),
+                            isSearch && (item === null || item === void 0 ? void 0 : item.mainOrg) && (item === null || item === void 0 ? void 0 : item.mainOrg.length) > 0 && (React.createElement("div", { className: "item-org-h5" }, (_b = item === null || item === void 0 ? void 0 : item.mainOrg[0]) === null || _b === void 0 ? void 0 : _b.OrgName))))));
+            }),
+            isEnd && (React.createElement("div", { className: "weda-select-user-dept__load-completed" }, "\u5DF2\u7ECF\u5230\u5E95\u4E86")),
+            (loading === null || loading === void 0 ? void 0 : loading.status) && (React.createElement("div", { className: "weda-select-user-dept__load-completed" },
+                React.createElement(StatusTip, { status: 'loading' }))))) : (React.createElement(NullStatus, { description: '无可选成员', size: 's' })))));
+};

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

@@ -0,0 +1,50 @@
+import React, { useState } 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, //是否多选
+pageNo, setPageNo, pageSize, 
+// platform,
+request = defaultRequest, onCancel, onConfirm, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, open, setOpen, filterParams, treeData, error, }) {
+    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,
+    });
+    const onFocus = function () {
+        setSelectedUserList(confirmUserList);
+        if (!disabled)
+            setOpen(true);
+    };
+    return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement("div", { className: subCls, onClick: onFocus },
+            React.createElement(InputTags, { tagsList: confirmUserList, placeholder: placeholder, multiple: multiple, errInfo: errorInfo, disabled: disabled, platForm: 'h5', onClose: (e, item) => {
+                    setConfirmUserList(confirmUserList.filter((l) => (l === null || l === void 0 ? void 0 : l.id) !== (item === null || item === void 0 ? void 0 : item.id)));
+                    e.stopPropagation();
+                } })),
+        React.createElement(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 })))({
+        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.js

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Status } from 'tea-component';
+export const ErrorStatus = ({ description, title = '接口调用失败' }) => {
+    return (React.createElement(Status, { icon: 'blank', size: 's', title: title, description: description }));
+};
+export const NullStatus = ({ title = null, size, description = null }) => {
+    return (React.createElement(Status, { icon: 'blank', size: size, title: title, description: description }));
+};
+export const LoadingStatus = () => {
+    return React.createElement(Status, { icon: 'loading', size: 's', description: '加载中' });
+};

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

@@ -0,0 +1,99 @@
+import React, { useState, useEffect } from 'react';
+import { Checkbox, Button, Text } from 'tea-component';
+import { fetchUserList } from '../../common/fetch-data-service';
+import { UserOrgContext } from './user-select-pc';
+import { UserOrgList } from './../user-org-list';
+import '../index.css';
+export const ModelUserList = ({ selectedOrgId, curPageUserList, setCurPageUserList, filterParams, }) => {
+    const { selectedUserList, multiple, setSelectedUserList, request, pageNo, setPageNo, pageSize, selectedUserIds, setSelectedIds, } = React.useContext(UserOrgContext) || {};
+    const [errInfo, setErrInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    const [loading, setLoading] = useState(false);
+    const [total, setTotal] = useState(0);
+    const [checkAll, setCheckAll] = useState(1); //1:未选中；2:半选；3:选中
+    useEffect(() => {
+        try {
+            if (selectedOrgId) {
+                setLoading(true);
+                fetchUserList({ OrgId: selectedOrgId, pageNo, pageSize, ...filterParams }, request).then((res) => {
+                    setLoading(false);
+                    setTotal(res === null || res === void 0 ? void 0 : res.total);
+                    setCurPageUserList(res.records);
+                });
+            }
+        }
+        catch (e) {
+            setLoading(false);
+            setErrInfo({ errorStatus: true, errorMessage: e });
+        }
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedOrgId, pageNo]);
+    useEffect(() => {
+        const pageTotal = (curPageUserList === null || curPageUserList === void 0 ? void 0 : curPageUserList.length) || 0;
+        // 值变更，检查全选状态
+        if (multiple && curPageUserList && curPageUserList.length > 0) {
+            let count = 0;
+            // 当前页有部分用户被选中，半选状态
+            curPageUserList.map((e) => {
+                if (selectedUserList.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);
+            }
+            else if (count < pageTotal && count !== 0) {
+                setCheckAll(2);
+            }
+        }
+    }, [selectedUserList, multiple, curPageUserList]);
+    // 用户列表当前页全选逻辑
+    const onChange = (value) => {
+        setCheckAll(value ? 3 : 1);
+        if (value) {
+            //全选逻辑
+            const storgeUsers = [];
+            curPageUserList.map((e) => {
+                var _a;
+                let isContain = false;
+                for (let i = 0; i < selectedUserList.length; i++) {
+                    //用户已被选中过
+                    if (((_a = selectedUserList[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);
+            });
+            setSelectedUserList((selectedUserList || []).concat(storgeUsers));
+        }
+        else {
+            // 取消全选
+            curPageUserList.map((e) => {
+                selectedUserList.splice(selectedUserList.findIndex((s) => (s === null || s === void 0 ? void 0 : s.id) === (e === null || e === void 0 ? void 0 : e.id)), 1);
+            });
+            setSelectedUserList([].concat(selectedUserList));
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement("div", { className: "weda-ui-user-select-container-list-header" },
+            React.createElement("div", { className: "weda-ui-user-select-container-list-header__col" }, multiple && curPageUserList && curPageUserList.length > 0 && (React.createElement(Checkbox, { value: checkAll === 3 ? true : false, indeterminate: checkAll === 2, onChange: (value) => {
+                    onChange(value);
+                } }, "\u5168\u9009"))),
+            React.createElement("div", { className: "weda-ui-user-select-container-list-header__col" }, curPageUserList && curPageUserList.length > 0 && (React.createElement("div", { className: "weda-ui-user-select-container-list-header__statistics" },
+                React.createElement(Button, { type: "icon", icon: "arrowleft--line", disabled: pageNo <= 1, onClick: () => setPageNo(pageNo - 1) }),
+                React.createElement(Text, { reset: true },
+                    pageNo,
+                    ' ',
+                    React.createElement(Text, { theme: "label" },
+                        "/ ",
+                        Math.ceil(total / pageSize))),
+                React.createElement(Button, { type: "icon", icon: "arrowright--line", disabled: Math.ceil(total / pageSize) === pageNo, onClick: () => setPageNo(pageNo + 1) }))))),
+        React.createElement(UserOrgList, { userOrgList: curPageUserList, isOrg: false, loading: loading, errorStatus: errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorStatus, errorMessage: errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorMessage, selectedList: selectedUserList, multiple: multiple, setSelectedList: setSelectedUserList, selectedIds: selectedUserIds, setSelectedIds: setSelectedIds })));
+};

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

@@ -0,0 +1,10 @@
+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, } = props;
+    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) => onActive(ids) })) : (React.createElement(LoadingStatus, null))))));
+};

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

@@ -0,0 +1,75 @@
+import React, { useState, useEffect } from 'react';
+import { Button, Modal, Bubble } from 'tea-component';
+import { ModalSearch } from '../modal-search';
+import { UserOrgContext } from './user-select-pc';
+import { OrgTree } from '../org-tree';
+import { ModelUserList } from './model-user-list';
+import { SelectedList } from '../selected-list';
+import { fetchSearchUser } from '../../common/fetch-data-service';
+import debounce from '../../../../../utils/debounce';
+import '../index.css';
+export const UserModel = ({ open, setOpen, onCancel, onConfirm, treeData, treeDataError, filterParams, }) => {
+    var _a;
+    const { selectedUserList, setSelectedUserIds, request, selectedUserIds, setSelectedUserList, multiple, setPageNo, confirmUserList, } = React.useContext(UserOrgContext) || {};
+    const [selectedOrgId, setSelectedOrgId] = useState(null);
+    //当前页人员列表
+    const [curPageUserList, setCurPageUserList] = useState(null);
+    const [searchUserList, setSearchUserList] = useState([]);
+    // 是否有搜索项
+    const [keyWords, setKeyWords] = useState('');
+    const [errInfo, setErrInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    const [loading, setLoading] = useState(false);
+    treeData.length > 0 && !selectedOrgId
+        ? setSelectedOrgId((_a = treeData[0]) === null || _a === void 0 ? void 0 : _a.id)
+        : [];
+    useEffect(() => {
+        setSelectedUserIds((selectedUserList || []).map((e) => e === null || e === void 0 ? void 0 : e.id));
+        // eslint-disable-next-line react-hooks/exhaustive-deps
+    }, [selectedUserList]);
+    //搜索值变化延迟响应，节流处理
+    const onSearch = debounce((key) => {
+        try {
+            if (key && key.length > 0) {
+                setLoading(true);
+                fetchSearchUser({ key, ...filterParams }, request).then((res) => {
+                    setLoading(false);
+                    setSearchUserList(res);
+                });
+            }
+            else {
+                setSearchUserList([]);
+            }
+            setKeyWords(key);
+        }
+        catch (e) {
+            setLoading(false);
+            setErrInfo({ errorStatus: true, errorMessage: e });
+        }
+    }, 500);
+    return (React.createElement(Modal, { visible: open, caption: "\u9009\u62E9\u6210\u5458", onClose: () => setOpen(false), className: "weda-ui weda-ui-user-select-modal" },
+        React.createElement(Modal.Body, null,
+            React.createElement("div", { className: "weda-ui-user-select-container" },
+                React.createElement(ModalSearch, { searchList: searchUserList, errInfo: errInfo, loading: loading, keyWords: keyWords, selectedList: selectedUserList, multiple: multiple, setSelectedList: setSelectedUserList, selectedIds: selectedUserIds, filterParams: filterParams, onSearch: (key) => onSearch(key), onReset: () => setSearchUserList([]) }),
+                keyWords.length === 0 && (React.createElement(React.Fragment, null,
+                    React.createElement("div", { className: "weda-ui-user-select-container-list" },
+                        React.createElement("div", { className: "weda-ui-user-select-container-list__start" },
+                            React.createElement(OrgTree, { selectedOrgId: [selectedOrgId], treeData: treeData, treeDataError: treeDataError, onActive: (ids) => {
+                                    setSelectedOrgId(ids[0]);
+                                    setPageNo(1);
+                                } })),
+                        React.createElement("div", { className: "weda-ui-user-select-container-list__end" },
+                            React.createElement(ModelUserList, { selectedOrgId: selectedOrgId, curPageUserList: curPageUserList, setCurPageUserList: setCurPageUserList, filterParams: filterParams })))))),
+            React.createElement(SelectedList, { selectedList: selectedUserList, onClose: (item) => {
+                    //检查是否当前页用户被关闭
+                    setSelectedUserList(selectedUserList.filter((e) => (e === null || e === void 0 ? void 0 : e.id) !== (item === null || item === void 0 ? void 0 : item.id)));
+                } })),
+        React.createElement(Modal.Footer, null,
+            React.createElement(Button, { type: "weak", onClick: onCancel }, "\u53D6\u6D88"),
+            React.createElement(Bubble, { content: selectedUserList.length === 0 && confirmUserList.length == 0
+                    ? '请选择成员'
+                    : null },
+                React.createElement(Button, { type: "primary", onClick: onConfirm, disabled: selectedUserList.length === 0 && confirmUserList.length == 0 }, "\u786E\u5B9A")))));
+};