@cloudbase/weda-ui 3.5.1 → 3.5.2-mp

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

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

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

@@ -1,9 +0,0 @@
-/// <reference types="react" />
-import '../index.css';
-export declare const ModelUserList: ({ selectedOrgId, curPageUserList, setCurPageUserList, filterParams, secondDisplay, }: {
-    selectedOrgId: any;
-    curPageUserList: any;
-    setCurPageUserList: any;
-    filterParams: any;
-    secondDisplay: any;
-}) => JSX.Element;

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

@@ -1,106 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-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 { getPropertiesList } from '../../common/utils';
-import '../index.css';
-export const ModelUserList = ({ selectedOrgId, curPageUserList, setCurPageUserList, filterParams, secondDisplay, }) => {
-    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);
-                    const userSchemaData = res.records.map((item) => {
-                        const properties = getPropertiesList(item.userExtend, item.userSchema);
-                        if (Array.isArray(properties) && properties.length) {
-                            return Promise.all(properties).then((value) => {
-                                return { ...item, userSchemaProps: value };
-                            });
-                        }
-                        else {
-                            return item;
-                        }
-                    });
-                    Promise.all(userSchemaData)
-                        .then((data) => {
-                        setCurPageUserList(data);
-                    })
-                        .catch(() => {
-                        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 (_jsxs(_Fragment, { children: [_jsxs("div", { className: "weda-ui-user-select-container-list-header", children: [_jsx("div", { className: "weda-ui-user-select-container-list-header__col", children: multiple && curPageUserList && curPageUserList.length > 0 && (_jsx(Checkbox, { value: checkAll === 3 ? true : false, indeterminate: checkAll === 2, onChange: (value) => {
-                                onChange(value);
-                            }, children: "\u5168\u9009" })) }), _jsx("div", { className: "weda-ui-user-select-container-list-header__col", children: curPageUserList && curPageUserList.length > 0 && (_jsxs("div", { className: "weda-ui-user-select-container-list-header__statistics", children: [_jsx(Button, { type: "icon", icon: "arrowleft--line", disabled: pageNo <= 1, onClick: () => setPageNo(pageNo - 1) }), _jsxs(Text, { reset: true, children: [pageNo, ' ', _jsxs(Text, { theme: "label", children: ["/ ", Math.ceil(total / pageSize)] })] }), _jsx(Button, { type: "icon", icon: "arrowright--line", disabled: Math.ceil(total / pageSize) === pageNo, onClick: () => setPageNo(pageNo + 1) })] })) })] }), _jsx(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, secondDisplay: secondDisplay })] }));
-};

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

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

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

@@ -1,10 +0,0 @@
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-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 (_jsx(_Fragment, { children: treeDataError ? (_jsx(ErrorStatus, { description: treeDataError || null })) : (_jsx(_Fragment, { children: treeData && treeData.length > 0 && !treeDataError ? (_jsx(Tree, { className: "depart-tree", data: treeData, fullActivable: true, activable: true, selectable: selectable, selectedIds: [selectedOrgId], activeIds: [selectedOrgId], selectStrictly: true, onActive: (ids) => onActive(ids) })) : (_jsx(LoadingStatus, {})) })) }));
-};

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

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-import '../index.css';
-import { IUserModel } from '../../common/types';
-export declare const UserModel: ({ open, onCancel, onConfirm, treeData, treeDataError, filterParams, secondDisplay, }: IUserModel) => JSX.Element;

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

@@ -1,57 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
-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, onCancel, onConfirm, treeData, treeDataError, filterParams, secondDisplay, }) => {
-    const { selectedOrgId, setSelectedOrgId, selectedUserList, setSelectedUserIds, request, selectedUserIds, setSelectedUserList, multiple, setPageNo, confirmUserList, } = React.useContext(UserOrgContext) || {};
-    //当前页人员列表
-    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);
-    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 (_jsxs(Modal, { disableEscape: true, maskClosable: false, visible: open, caption: "\u9009\u62E9\u6210\u5458", onClose: () => onCancel(null), className: "weda-ui weda-ui-user-select-modal", children: [_jsxs(Modal.Body, { children: [_jsxs("div", { className: "weda-ui-user-select-container", children: [_jsx(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 && (_jsx(_Fragment, { children: _jsxs("div", { className: "weda-ui-user-select-container-list", children: [_jsx("div", { className: "weda-ui-user-select-container-list__start", children: _jsx(OrgTree, { selectedOrgId: [selectedOrgId], treeData: treeData, treeDataError: treeDataError, onActive: (ids) => {
-                                                    setSelectedOrgId(ids[0]);
-                                                    setPageNo(1);
-                                                } }) }), _jsx("div", { className: "weda-ui-user-select-container-list__end", children: _jsx(ModelUserList, { selectedOrgId: selectedOrgId, curPageUserList: curPageUserList, setCurPageUserList: setCurPageUserList, filterParams: filterParams, secondDisplay: secondDisplay }) })] }) }))] }), _jsx(SelectedList, { selectedList: selectedUserList, secondDisplay: secondDisplay, onClose: (item) => {
-                            //检查是否当前页用户被关闭
-                            setSelectedUserList(selectedUserList.filter((e) => (e === null || e === void 0 ? void 0 : e.id) !== (item === null || item === void 0 ? void 0 : item.id)));
-                        } })] }), _jsxs(Modal.Footer, { children: [_jsx(Button, { type: "weak", onClick: onCancel, children: "\u53D6\u6D88" }), _jsx(Bubble, { content: selectedUserList.length === 0 && confirmUserList.length == 0
-                            ? '请选择成员'
-                            : null, children: _jsx(Button, { type: "primary", onClick: onConfirm, disabled: selectedUserList.length === 0 && confirmUserList.length == 0, children: "\u786E\u5B9A" }) })] })] }));
-};

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

@@ -1,8 +0,0 @@
-import React from 'react';
-import '../index.css';
-import { IUserTreeSelect } from '../../common/types';
-export declare const UserOrgContext: React.Context<any>;
-export declare function UserSelectPC({ id, className, style, label, labelVisible, //标题显隐
-placeholder, disabled, layout, requiredFlag, size, multiple, //多选
-outerRef, request, //接口请求
-decorator, onCancel, onConfirm, errInfo, open, setOpen, selectedOrgId, setSelectedOrgId, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, selectedUserIds, setSelectedUserIds, pageNo, setPageNo, pageSize, filterParams, treeData, error, onConfirmSelectUser, secondDisplay, naked, containerClass, triggerElement, readOnly, }: IUserTreeSelect): JSX.Element;

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

@@ -1,72 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import React, { useImperativeHandle } from 'react';
-import { renderDecorator } from '../../../renderDecorator';
-import '../index.css';
-import { ConfigProvider, Dropdown } from 'tea-component';
-import { UserModel } from './user-model';
-import { defaultRequest } from '../../common/fetch-data-service';
-import { InputTags } from '../input-tags';
-import classNames from '../../../../../utils/classnames';
-export const UserOrgContext = React.createContext(null);
-export function UserSelectPC({ id, className, style, label = '人员选择', labelVisible = true, //标题显隐
-placeholder = '请选择人员', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', multiple = false, //多选
-outerRef, request = defaultRequest, //接口请求
-decorator, onCancel, onConfirm, errInfo, open, setOpen, selectedOrgId, setSelectedOrgId, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, selectedUserIds, setSelectedUserIds, pageNo, setPageNo, pageSize, filterParams, treeData, error, onConfirmSelectUser, secondDisplay, naked, containerClass, triggerElement, readOnly, }) {
-    // 外层组件类
-    const cls = classNames({
-        'weda-ui': true,
-        'weda-user-tree-select': true,
-        [className]: className,
-    });
-    const selectInputCls = classNames({
-        'weda-ui-user-selected': true,
-    });
-    // 实例 ref 到外部
-    useImperativeHandle(outerRef, () => {
-        return {
-            methods: {
-                open: () => {
-                    setOpen(true);
-                },
-            },
-        };
-    }, [setOpen]);
-    return renderDecorator(_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(UserOrgContext.Provider, { value: {
-                selectedOrgId,
-                setSelectedOrgId,
-                selectedUserList,
-                multiple,
-                setSelectedUserList,
-                selectedUserIds,
-                setSelectedUserIds,
-                confirmUserList,
-                request,
-                pageNo,
-                setPageNo,
-                pageSize,
-            }, children: readOnly ? (_jsx(InputTags, { tagsList: confirmUserList, placeholder: placeholder, multiple: multiple, errInfo: errInfo, disabled: disabled, readOnly: readOnly, 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(Dropdown, { "data-testid": "userSelectDropdown", className: classNames(selectInputCls, `size-${size}`, containerClass), disabled: disabled, open: open, onOpenChange: (open) => {
-                    if (open)
-                        setSelectedUserList(confirmUserList);
-                    setOpen(open);
-                }, appearance: 'button', button: triggerElement || (_jsx(InputTags, { tagsList: confirmUserList, placeholder: placeholder, multiple: multiple, errInfo: errInfo, disabled: disabled, 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();
-                    } })), overlayClassName: 'weda-ui-user-selected-overlay-hidden', style: { width: '100%' }, children: _jsx(UserModel, { open: open, setOpen: setOpen, onConfirm: onConfirm, onCancel: onCancel, treeData: treeData || [], treeDataError: error, filterParams: filterParams, secondDisplay: secondDisplay }) })) }) }), naked ? null : undefined)({
-        id,
-        className: cls,
-        style,
-        size,
-        label: labelVisible ? label : null,
-        layout,
-        multiCell: false,
-        requiredFlag,
-        decorator,
-    });
-}