@cloudbase/weda-ui 3.1.6 → 3.2.0

package/dist/web/components/form/uploaderFile/uploadFile.h5.js

@@ -83,15 +83,29 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
             ? ['*']
             : Array.from(new Set(acceptTypes));
     }, [acceptTypes]);
+    const islegalType = (files, accepts) => {
+        const illegalType = [];
+        for (const file of files) {
+            accepts.some((item) => item === (file === null || file === void 0 ? void 0 : file.type))
+                ? null
+                : illegalType.push(file === null || file === void 0 ? void 0 : file.type);
+        }
+        if (illegalType.length > 0) {
+            weui.alert('不支持上传' + Array.from(new Set(illegalType)).join(',') + '格式文件');
+            return false;
+        }
+        return true;
+    };
     // 上传后文件列表 fileIDList 改变事件，'add'|'delete'
     const handleChange = ({ fileID, uuid, type, size }) => {
         // 上传时新增事件
         if (type === 'add') {
             fileID && setFileSizeObj((obj) => ({ ...obj, [fileID]: size }));
-            fileID && setfileIDList([...fileIDList, fileID]);
+            fileID && setfileIDList((fileIDList) => [...fileIDList, fileID]);
         }
         else {
-            fileID && setfileIDList(fileIDList.filter((f) => f !== fileID));
+            fileID &&
+                setfileIDList((fileIDList) => fileIDList.filter((f) => f !== fileID));
         }
         uuid && setFileList((list) => list.filter((item) => uuid !== (item === null || item === void 0 ? void 0 : item._uuid)));
     };
@@ -120,6 +134,12 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
                         React.createElement("div", null, btnDisabled ? (React.createElement(Button, { type: "weak", className: classNames(`${CLASS_PREFIX}__btn--weak`), disabled: btnDisabled }, btnTitle)) : (React.createElement("div", null,
                             React.createElement("input", { id: "uploaderInput", type: "file", "data-testid": "button-up", className: "weui-uploader-mobile__input", accept: accepts.join(','), multiple: !single, onChange: (e) => {
                                     const fileList = [...e.target.files];
+                                    //校验逻辑与图片有出入，文件类型限制为全部时，不设限
+                                    if (!(accepts.includes('*') ||
+                                        accepts.includes('') ||
+                                        accepts.length === 0) &&
+                                        !islegalType(fileList, accepts))
+                                        return;
                                     if (single && fileList.length > 1) {
                                         weui.alert(`上传文件总数不能超过1个`);
                                         return false;
@@ -145,8 +165,8 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
                             !single && (React.createElement(Text, { className: `${CLASS_PREFIX}__tips` }, "\u652F\u6301\u6279\u91CF\u4E0A\u4F20"))))))),
                     React.createElement("div", { className: `${CLASS_PREFIX}__bd` },
                         React.createElement(List, null,
-                            fileIDList.map((d) => (React.createElement(List.Item, { key: d }, React.createElement(TcbFileEcho, { fileID: d, fileList: fileList, onChange: handleChange, deleteVisible: deleteVisible, downloadVisible: downloadVisible })))),
-                            fileList.map((item) => (React.createElement(List.Item, { key: item === null || item === void 0 ? void 0 : item._uuid }, React.createElement(TcbFileUpload, { file: item, downloadVisible: downloadVisible, deleteVisible: deleteVisible })))))))))))({
+                            fileIDList.map((d) => (React.createElement(List.Item, { key: d }, React.createElement(TcbFileEcho, { fileID: d, fileList: fileList, onChange: handleChange, disabled: disabled, deleteVisible: deleteVisible, downloadVisible: downloadVisible })))),
+                            fileList.map((item) => (React.createElement(List.Item, { key: item === null || item === void 0 ? void 0 : item._uuid }, React.createElement(TcbFileUpload, { disabled: disabled, file: item, downloadVisible: downloadVisible, deleteVisible: deleteVisible && !disabled })))))))))))({
         id,
         className: cls,
         style,
@@ -159,7 +179,7 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
 /**
  * 基于 FileID 文件回显组件
  */
-const TcbFileEcho = ({ fileID }) => {
+const TcbFileEcho = ({ fileID, disabled }) => {
     const [src, setSrc] = React.useState('');
     const { fileSizeObj } = React.useContext(FileContext) || {};
     React.useEffect(() => {
@@ -191,12 +211,12 @@ const TcbFileEcho = ({ fileID }) => {
         React.createElement("div", { className: `${CLASS_PREFIX}__item-left` },
             React.createElement(UploadFileStatus, { title: label, size: fileSizeObj[fileID] || '--' })),
         React.createElement("div", { className: `${CLASS_PREFIX}__btn-group` },
-            React.createElement(UploadFileAction, { status: "UPLOAD_STATUS_SUCCESS", fileID: fileID, src: src }))));
+            React.createElement(UploadFileAction, { disabled: disabled, status: "UPLOAD_STATUS_SUCCESS", fileID: fileID, src: src }))));
 };
 /**
  * 基于 File 上传文件过程组件
  */
-const TcbFileUpload = ({ file }) => {
+const TcbFileUpload = ({ file, disabled }) => {
     const { uploadPath, onChange, events } = React.useContext(FileContext) || {};
     const [percent, setPercent] = React.useState(0); // 上传进度
     const [status, setStatus] = React.useState('UPLOAD_STATUS_PENDING'); // 上传状态
@@ -242,7 +262,7 @@ const TcbFileUpload = ({ file }) => {
             React.createElement(UploadFileAction, { file: file, uuid: file === null || file === void 0 ? void 0 : file._uuid, status: status, onCancel: (uuid) => {
                     cancleRef.current = uuid;
                     onChange === null || onChange === void 0 ? void 0 : onChange({ type: 'delete', uuid });
-                }, onReLoad: handleUpload }))));
+                }, onReLoad: handleUpload, disabled: disabled }))));
 };
 /**
  * 上传文件状态组件
@@ -261,7 +281,9 @@ const UploadFileStatus = ({ status = 'UPLOAD_STATUS_SUCCESS', percent = 0, size,
                         React.createElement(Progress, { percent: percent, theme: "default", strokeColor: '#0052D9', className: `${CLASS_PREFIX}__file-progress` })))),
             React.createElement("div", { className: `${CLASS_PREFIX}__file-foot` },
                 React.createElement("div", null,
-                    React.createElement(Text, null, `${Math.floor(percentSize)}K/`),
+                    React.createElement(Text, null,
+                        Math.floor(percentSize),
+                        "K/"),
                     React.createElement(Text, null, size)),
                 React.createElement(Text, null, status === 'UPLOAD_STATUS_PENDING' ? '等待上传' : '上传中'))));
     }
@@ -282,18 +304,18 @@ const UploadFileStatus = ({ status = 'UPLOAD_STATUS_SUCCESS', percent = 0, size,
  * 操作列组件, onChange 从最外层 UploadFilePc 传进来
  * props: { status, fileID, uuid, src, onChange }
  */
-const UploadFileAction = ({ status = 'UPLOAD_STATUS_PENDING', fileID = '', uuid = '', src = '', file = null, onReLoad = null, onCancel = null, }) => {
+const UploadFileAction = ({ status = 'UPLOAD_STATUS_PENDING', fileID = '', uuid = '', src = '', file = null, onReLoad = null, onCancel = null, disabled, }) => {
     const { onChange, downloadVisible, deleteVisible, isEdit } = React.useContext(FileContext) || {};
     // 操作列按钮-删除
-    const renderDelete = () => isEdit && (React.createElement(Icon, { type: "delete", style: { cursor: 'pointer' }, onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange({ fileID, uuid, type: 'delete' }) }));
+    const renderDelete = () => isEdit && (React.createElement(Button, { icon: "delete", onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange({ fileID, uuid, type: 'delete' }), disabled: disabled }));
     // 操作列按钮-取消
-    const renderCancel = () => isEdit && (React.createElement(Icon, { type: "dismiss", style: { cursor: 'pointer' }, onClick: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(uuid) }));
+    const renderCancel = () => isEdit && React.createElement(Button, { icon: "dismiss", onClick: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(uuid) });
     // 操作列按钮-重新上传
-    const renderReLoad = () => isEdit && (React.createElement(Icon, { type: "refresh", style: { cursor: 'pointer' }, onClick: () => {
+    const renderReLoad = () => isEdit && (React.createElement(Button, { icon: "refresh", onClick: () => {
             onReLoad === null || onReLoad === void 0 ? void 0 : onReLoad(file);
         } }));
     // 操作列按钮-下载
-    const renderDownLoad = () => (React.createElement(Icon, { type: "download", style: { cursor: 'pointer' }, onClick: () => downloadFile(src) }));
+    const renderDownLoad = () => (React.createElement(Button, { icon: "download", onClick: () => downloadFile(src) }));
     switch (status) {
         case 'UPLOAD_STATUS_PENDING':
             return renderCancel();

package/dist/web/components/form/uploaderFile/uploadFile.pc.js

@@ -68,6 +68,11 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
     });
     // 批量上传文件前置事件
     const handleBefore = (file, fileList, isAccepted, error) => {
+        if (!((acceptTypes === null || acceptTypes === void 0 ? void 0 : acceptTypes.includes('*')) ||
+            (acceptTypes === null || acceptTypes === void 0 ? void 0 : acceptTypes.includes('')) ||
+            (acceptTypes === null || acceptTypes === void 0 ? void 0 : acceptTypes.length) === 0) &&
+            !islegalType(fileList, uploadProps['accept']))
+            return;
         if (fileList.length + fileIDList.length > maxUploadCount) {
             message.warning({ content: `上传文件总数不能超过${maxUploadCount}个` });
             return false;
@@ -112,6 +117,24 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
     tips && (uploadProps['title'] = tips);
     maxSize && (uploadProps['maxSize'] = maxSize * 1024 * 1024);
     const btnDisabled = fileIDList.length >= maxUploadCount || (single && fileIDList.length > 0);
+    //验证上传文件类型是否合法
+    const islegalType = (files, accepts) => {
+        const illegalType = [];
+        for (const file of files) {
+            accepts.some((item) => item === (file === null || file === void 0 ? void 0 : file.type))
+                ? null
+                : illegalType.push(file === null || file === void 0 ? void 0 : file.type);
+        }
+        if (illegalType.length > 0) {
+            message.error({
+                content: '不支持上传' +
+                    Array.from(new Set(illegalType)).join(',') +
+                    '格式文件',
+            });
+            return false;
+        }
+        return true;
+    };
     return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
         React.createElement(FileContext.Provider, { value: {
                 uploadPath,
@@ -121,9 +144,9 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
                 isEdit,
                 events,
                 fileSizeObj,
-            } },
-            React.createElement("div", { className: `${CLASS_PREFIX}` },
-                isEdit && (React.createElement("div", { className: `${CLASS_PREFIX}__input-box` }, disabled || btnDisabled ? (React.createElement(Button, { type: "weak", disabled: true }, btnTitle)) : (React.createElement(Upload, { ...uploadProps, beforeUpload: handleBefore },
+            }, "data-testid": "button-up" },
+            React.createElement("div", { className: `${CLASS_PREFIX}`, "data-testid": "UploadFilePc" },
+                isEdit && (React.createElement("div", { className: `${CLASS_PREFIX}__input-box` }, disabled || btnDisabled ? (React.createElement(Button, { type: "weak", disabled: true }, btnTitle)) : (React.createElement(Upload, { ...uploadProps, beforeUpload: handleBefore, "data-testid": "Upload" },
                     React.createElement(Button, { type: "weak", className: `${CLASS_PREFIX}__btn--weak` }, btnTitle),
                     !single && (React.createElement(Text, { theme: "weak", className: `${CLASS_PREFIX}__btn-descripe` }, "\u652F\u6301\u6279\u91CF\u4E0A\u4F20")))))),
                 React.createElement(List, { split: "divide" },
@@ -133,8 +156,8 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
                             React.createElement("div", { className: `${CLASS_PREFIX}--item-size ${CLASS_PREFIX}--item-label` }, "\u5927\u5C0F"),
                             React.createElement("div", { className: `${CLASS_PREFIX}--item-status ${CLASS_PREFIX}--item-label` }, "\u72B6\u6001"),
                             React.createElement("div", { className: `${CLASS_PREFIX}--item-action` }, "\u64CD\u4F5C"))),
-                    fileIDList.map((d) => (React.createElement(List.Item, { key: d }, React.createElement(TcbFileEcho, { fileID: d })))),
-                    fileList.map((item) => (React.createElement(List.Item, { key: item === null || item === void 0 ? void 0 : item._uuid }, React.createElement(TcbFileUpload, { file: item })))),
+                    fileIDList.map((d) => (React.createElement(List.Item, { key: d }, React.createElement(TcbFileEcho, { disabled: disabled, fileID: d })))),
+                    fileList.map((item) => (React.createElement(List.Item, { key: item === null || item === void 0 ? void 0 : item._uuid }, React.createElement(TcbFileUpload, { disabled: disabled, file: item })))),
                     isEdit && fileIDList.length === 0 && fileList.length === 0 && (React.createElement(List.Item, { className: `${CLASS_PREFIX}--item-empty` },
                         React.createElement("div", { className: `${CLASS_PREFIX}--item` },
                             "\u70B9\u51FB\u4E0A\u65B9\u201C",
@@ -152,7 +175,7 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
 /**
  * 基于 FileID 回显文件表格行组件
  */
-const TcbFileEcho = ({ fileID }) => {
+const TcbFileEcho = ({ fileID, disabled }) => {
     const [src, setSrc] = React.useState('');
     const { fileSizeObj } = React.useContext(FileContext) || {};
     React.useEffect(() => {
@@ -184,12 +207,12 @@ const TcbFileEcho = ({ fileID }) => {
         React.createElement("div", { className: `${CLASS_PREFIX}--item-status` },
             React.createElement(UploadFileStatus, null)),
         React.createElement("div", { className: `${CLASS_PREFIX}--item-action` },
-            React.createElement(UploadFileAction, { status: "2", fileID: fileID, src: src }))));
+            React.createElement(UploadFileAction, { disabled: disabled, status: "2", fileID: fileID, src: src }))));
 };
 /**
  * 基于 File 上传文件过程表格行组件
  */
-const TcbFileUpload = ({ file }) => {
+const TcbFileUpload = ({ file, disabled }) => {
     const { uploadPath, onChange, events } = React.useContext(FileContext) || {};
     const [percent, setPercent] = React.useState(0); // 上传进度
     const [status, setStatus] = React.useState('0'); // 上传状态
@@ -236,7 +259,7 @@ const TcbFileUpload = ({ file }) => {
             React.createElement(UploadFileAction, { file: file, uuid: file === null || file === void 0 ? void 0 : file._uuid, status: status, onCancel: (uuid) => {
                     cancleRef.current = uuid;
                     onChange === null || onChange === void 0 ? void 0 : onChange({ type: 'delete', uuid });
-                }, onReLoad: handleUpload }))));
+                }, disabled: disabled, onReLoad: handleUpload }))));
 };
 /**
  * 上传文件状态组件
@@ -258,11 +281,11 @@ const UploadFileStatus = ({ status = '2', percent = 0 }) => {
  * 操作列组件, onChange 从最外层 UploadFilePc 传进来
  * props: { status, fileID, uuid, src, onChange }
  */
-const UploadFileAction = ({ status = '0', fileID = '', uuid = '', src = '', file = null, onReLoad = null, onCancel = null, }) => {
+const UploadFileAction = ({ status = '0', fileID = '', uuid = '', src = '', file = null, onReLoad = null, onCancel = null, disabled, }) => {
     const { onChange, downloadVisible, deleteVisible, isEdit } = React.useContext(FileContext) || {};
     // 操作列按钮-删除
     const renderDelete = () => isEdit &&
-        deleteVisible && (React.createElement(Button, { type: "link", onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange({ fileID, uuid, type: 'delete' }) }, "\u5220\u9664"));
+        deleteVisible && (React.createElement(Button, { type: "link", disabled: disabled, onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange({ fileID, uuid, type: 'delete' }) }, "\u5220\u9664"));
     // 操作列按钮-取消
     const renderCancel = () => isEdit && (React.createElement(Button, { onClick: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(uuid), type: "link" }, "\u53D6\u6D88"));
     // 操作列按钮-重新上传

package/dist/web/components/form/userOrgSelect/comTool.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export declare const DimTreeContent: (props: any) => JSX.Element;
+export declare const ErrorStatus: ({ size, title, description }: {
+    size: any;
+    title: any;
+    description: any;
+}) => JSX.Element;

package/dist/web/components/form/userOrgSelect/comTool.js

@@ -0,0 +1,89 @@
+import React, { useState } from 'react';
+import { SearchBox, Status, Tree, LoadingTip, Button } from 'tea-component';
+import { getNode, dealUserData, dealOrgData } from './utils';
+export const DimTreeContent = (props) => {
+    const { selectedIds, onSelect, onActive, activeIds, treeClassName, data: treeData, setTreeData, onCancel, onConfirm, needUser, onReset, request, errorInfo = { errorStatus: false, errorMessage: '' }, } = props;
+    //const commonParams = [callWedaApi, showToast, showError];
+    const [loading, setLoading] = useState(false);
+    const [errInfo, setErrInfo] = useState(errorInfo);
+    const loadDepartData = async (id) => {
+        const node = getNode(treeData, id, 'id');
+        if (node.children) {
+            //resolve();
+            return;
+        }
+        try {
+            // 部门
+            const { Orgs = [], Users = [] } = await request('LazyDescribeOrgs', {
+                OrgId: node.orgId,
+                DescribeCondition: {
+                    NeedUser: !!needUser,
+                },
+            });
+            // 如果不存在数据
+            if (!(Orgs === null || Orgs === void 0 ? void 0 : Orgs.length) && !(Users === null || Users === void 0 ? void 0 : Users.length)) {
+                node.expandable = false;
+            }
+            else {
+                //@ts-ignore jsx
+                const children = dealOrgData(Orgs).concat(needUser ? dealUserData(Users) : []);
+                Object.assign(node, { children });
+            }
+            setTreeData([...treeData]);
+            // resolve();
+            return;
+        }
+        catch (error) {
+            //reject(error);
+            return;
+        }
+    };
+    // 根据关键词搜索
+    // const { run: runSearch, loading: searchLoading } = useRequest(searchByCondition, {
+    //   manual: true,
+    // });
+    // 搜索
+    const search = async (key) => {
+        try {
+            setErrInfo({ errorStatus: false, errorMessage: null });
+            let resData = [];
+            if (key) {
+                setLoading(true);
+                const { Orgs = [], Users = [] } = await request('SearchByCondition', {
+                    KeyWords: key,
+                    SearchCondition: {
+                        SearchType: 'SearchByOrg',
+                        NeedUser: needUser,
+                    },
+                }
+                // ...commonParams,
+                );
+                setLoading(false);
+                //@ts-ignore jsx
+                resData = dealOrgData(Orgs).concat(needUser ? dealUserData(Users) : []);
+            }
+            else {
+                resData = dealOrgData((await request('SearchByCondition', {})) || []);
+            }
+            setTreeData(resData);
+        }
+        catch (e) {
+            setLoading(false);
+            setErrInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    return (React.createElement(React.Fragment, null,
+        React.createElement(SearchBox, { onSearch: search, onClear: () => onReset(), onChange: (val) => !val && onReset() }),
+        React.createElement("div", { className: "tree-search-loading" }, loading && React.createElement(LoadingTip, null)),
+        (errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorStatus) && (React.createElement(ErrorStatus, { size: "l", title: "\u63A5\u53E3\u8C03\u7528\u5931\u8D25", description: (errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorMessage) || null })),
+        !(treeData === null || treeData === void 0 ? void 0 : treeData.length) && !loading && !(errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorStatus) && (React.createElement(Status, { className: "dim-tree-select--blank", icon: 'blank', size: 's', title: `暂无${needUser ? '成员' : '部门'}数据` })),
+        !!(treeData === null || treeData === void 0 ? void 0 : treeData.length) && !loading && !(errInfo === null || errInfo === void 0 ? void 0 : errInfo.errorStatus) && (React.createElement(React.Fragment, null,
+            React.createElement("div", { className: "tree-select-warp" },
+                React.createElement(Tree, { selectable: false, selectStrictly: true, activable: true, activeIds: activeIds, selectedIds: selectedIds, data: treeData, onLoad: loadDepartData, onActive: onActive, onSelect: onSelect, className: `tree-select ${treeClassName}` })),
+            React.createElement("div", { className: "dim-tree-footer" },
+                React.createElement(Button, { type: "weak", className: "din-btn din-btn--cancle", onClick: onCancel }, "\u53D6\u6D88"),
+                React.createElement(Button, { type: "primary", className: "din-btn din-btn--primary", onClick: onConfirm }, "\u786E\u5B9A"))))));
+};
+export const ErrorStatus = ({ size, title, description }) => {
+    return (React.createElement(Status, { className: "dim-tree-select--blank", icon: 'blank', size: size, title: title, description: description }));
+};

package/dist/web/components/form/userOrgSelect/departTreeSelect/departTreeSelect.h5.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import type { CommonFormPropsType } from '../../types';
+import '../userOrgSelect.less';
+export declare function DepartTreeSelectH5({ id, className, style, events, label, labelVisible, name, placeholder, defaultValueType, defaultValue, confirmValue, disabled, layout, requiredFlag, size, decorator, request, multiple, onChange, focus: autoFocus, getDepartByIdRequest, }: IDepartTreeSelec): JSX.Element;
+export interface IDepartTreeSelec extends CommonFormPropsType {
+    defaultValue?: string;
+    confirmValue?: string;
+    placeholder?: string;
+    defaultValueType?: 'noneDepart' | 'confirmDepart';
+    maxLength?: number;
+    focus?: boolean;
+    size?: 's' | 'm' | 'l' | 'full';
+    clearable?: boolean;
+    multiple?: boolean;
+    relation?: object;
+    isMuti?: boolean;
+    onChange?: (v: any) => void;
+    request?: any;
+    getDepartByIdRequest?: (v: any) => any;
+}

package/dist/web/components/form/userOrgSelect/departTreeSelect/departTreeSelect.h5.js

@@ -0,0 +1,259 @@
+import React, { useState, useEffect } from 'react';
+import { emptyObject } from '../../../../utils/constant';
+import { renderDecorator } from '../../renderDecorator';
+import { IconFont } from 'tdesign-icons-react';
+import classNames from '../../../../utils/classnames';
+import { getDepartById, defaultRequest, } from '../../../../utils/getUserService';
+import { dealOrgData } from '../utils';
+import { Modal, Button, ConfigProvider, Radio, Status } from 'tea-component';
+import isObjectEqual from '../../../../utils/isObjectEqual';
+import '../userOrgSelect.less';
+import { ErrorStatus } from '../comTool';
+export function DepartTreeSelectH5({ id, className, style, events = emptyObject, label = '部门选择', labelVisible = true, name = 'formDepartTreeSelect', placeholder = '请选择部门', defaultValueType = 'noneDepart', defaultValue = '', confirmValue = '', disabled = false, layout = 'horizontal', requiredFlag = false, size = 'l', decorator, request = defaultRequest, multiple = false, onChange = null, focus: autoFocus = false, getDepartByIdRequest = getDepartById, }) {
+    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,
+    });
+    // 两次默认值不同, 需要刷新
+    const prevDefaultRef = React.useRef(null);
+    const prevConfirmRef = React.useRef(null);
+    const [value, setValue] = useState(null);
+    const [visible, setVisible] = React.useState(false);
+    const [isSearch, setIsSearch] = useState(false);
+    const [orgsTreeData, setOrgsTreeData] = useState([]);
+    const [originalOrgData, setOriginalOrgData] = useState([]);
+    const [count, setCount] = useState(1); //计数弹窗显示层级
+    const [selectItem, setSelectItem] = useState(null);
+    const [searchValue, setSearchValue] = useState('');
+    const [loading, setLoading] = useState({ id: null, status: false });
+    const [errorInfo, setErrorInfo] = useState({
+        errorStatus: false,
+        errorMessage: null,
+    });
+    const handleFocus = (value) => {
+        setIsSearch(value);
+    };
+    const cancleSearch = () => {
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        handleFocus(false);
+        setSearchValue('');
+        initOrgsData();
+    };
+    const changeSearchValue = async (event) => {
+        var _a;
+        try {
+            setErrorInfo({ errorStatus: false, errorMessage: null });
+            const sValue = (_a = event === null || event === void 0 ? void 0 : event.target) === null || _a === void 0 ? void 0 : _a.value;
+            setSearchValue(sValue);
+            if (sValue) {
+                const { Users = [], Orgs = [] } = await request('SearchByCondition', {
+                    KeyWords: sValue.trim(),
+                    SearchCondition: {
+                        SearchType: 'SearchByOrg',
+                        NeedUser: false,
+                    },
+                });
+                setOrgsTreeData(dealOrgData(Orgs));
+            }
+            else {
+                setSearchValue('');
+                initOrgsData();
+            }
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    const onInputChange = function (e) {
+        const text = typeof e === 'string' ? e : e.target.value;
+        const newValue = text;
+        setValue(newValue);
+        onChange === null || onChange === void 0 ? void 0 : onChange(newValue);
+        events.change({ value: newValue }, { originEvent: e });
+    };
+    const onFocus = function () {
+        setSearchValue('');
+        initOrgsData();
+        setVisible(true);
+    };
+    const onClose = () => {
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        setVisible(false);
+        initOrgsData();
+    };
+    const onConfirm = (selectItem) => {
+        var _a;
+        setErrorInfo({ errorStatus: false, errorMessage: null });
+        setValue(selectItem === null || selectItem === void 0 ? void 0 : selectItem.content);
+        onChange === null || onChange === void 0 ? void 0 : onChange(selectItem === null || selectItem === void 0 ? void 0 : selectItem.orgId);
+        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: selectItem === null || selectItem === void 0 ? void 0 : selectItem.orgId, data: selectItem });
+        setVisible(false);
+    };
+    //获取组织结构
+    useEffect(() => {
+        initOrgsData();
+        if ((defaultValue &&
+            !isObjectEqual(prevDefaultRef.current !== defaultValue)) ||
+            (confirmValue && !isObjectEqual(prevConfirmRef.current !== confirmValue))) {
+            getdefaultUser();
+            prevDefaultRef.current = defaultValue;
+            prevConfirmRef.current = confirmValue;
+        }
+    }, [defaultValueType, confirmValue, defaultValue]);
+    const getdefaultUser = async () => {
+        var _a;
+        try {
+            if ((defaultValueType === 'confirmDepart' && confirmValue.length !== 0) ||
+                defaultValue.length !== 0) {
+                const orgId = confirmValue.length !== 0 ? confirmValue : defaultValue;
+                const defaultDepart = await getDepartById({
+                    _id: orgId,
+                });
+                setValue(defaultDepart);
+                onChange === null || onChange === void 0 ? void 0 : onChange(orgId);
+                (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value: orgId, data: { content: defaultDepart } });
+            }
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    // 初始化数据
+    const initOrgsData = async () => {
+        try {
+            const resData = (await request('InitRootOrgs', {})) || [];
+            const data = dealOrgData(resData);
+            setOrgsTreeData(data);
+            setOriginalOrgData([{ index: count, treeData: data }]);
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    //点击部门节点，获取子部门节点
+    const loadDepartData = async (node, count) => {
+        try {
+            setLoading({ id: node.orgId, status: true });
+            const { Orgs = [], Users = [] } = await request('LazyDescribeOrgs', {
+                OrgId: node.orgId,
+                DescribeCondition: {
+                    NeedUser: true,
+                },
+            });
+            // 如果不存在数据
+            if (!(Orgs === null || Orgs === void 0 ? void 0 : Orgs.length)) {
+                orgsTreeData.forEach((item, index, orgsTreeData) => {
+                    if (item.id == node.id) {
+                        orgsTreeData[index].expandable = false;
+                    }
+                });
+                setOrgsTreeData([...orgsTreeData]);
+            }
+            else {
+                const children = dealOrgData(Orgs);
+                setOrgsTreeData(children);
+                originalOrgData.push({ index: count + 1, treeData: children });
+                setCount(count + 1);
+                setOriginalOrgData(originalOrgData);
+            }
+            setLoading({ id: null, status: false });
+        }
+        catch (e) {
+            setErrorInfo({ errorStatus: true, errorMessage: e });
+        }
+    };
+    //判断当前页结构为第几层，如首次渲染则添加至orgsTreeData，二次进入刷新index数据
+    const retLevel = (count) => {
+        const storageOriTreeData = [];
+        if (count !== 1) {
+            originalOrgData.map((item) => {
+                if ((item === null || item === void 0 ? void 0 : item.index) < count) {
+                    storageOriTreeData.push(item);
+                    if ((item === null || item === void 0 ? void 0 : item.index) === count - 1) {
+                        setCount(count - 1);
+                        setOrgsTreeData((item === null || item === void 0 ? void 0 : item.treeData) || []);
+                    }
+                }
+                else {
+                    return;
+                }
+            });
+            setOriginalOrgData(storageOriTreeData);
+        }
+        else {
+            onClose();
+        }
+    };
+    return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
+        React.createElement("div", { className: subCls },
+            React.createElement("div", { className: "weui-cell__bd weui-flex" },
+                React.createElement("input", { className: "weui-input", placeholder: placeholder, value: value, disabled: disabled, name: name, autoFocus: autoFocus, onChange: onInputChange, onClick: onFocus, readOnly: true, role: "input" })),
+            React.createElement(Modal, { visible: visible, onClose: onClose, destroyOnClose: true, className: `weda-ui weda-select-user-dept__dialog` },
+                React.createElement(Modal.Body, { className: (selectItem === null || selectItem === void 0 ? void 0 : selectItem.userId) ? 'is-selected-value' : '' },
+                    React.createElement("div", { className: "weda-select-user-dept__dialog-header", id: count.toString() },
+                        React.createElement("div", { className: count == 1 ? '' : 'arrow-left', onClick: () => retLevel(count) }),
+                        "\u9009\u62E9\u90E8\u95E8"),
+                    React.createElement("div", { className: classNames({
+                            'weda-select-user-dept__dialog-search': true,
+                            'weda-select-user-dept__dialog-search-focus': isSearch,
+                        }) },
+                        React.createElement("div", { className: "weda-select-user-dept__dialog-search-box" },
+                            React.createElement("input", { type: "text", onFocus: () => {
+                                    handleFocus(true);
+                                }, value: searchValue, onClick: (e) => {
+                                    e.stopPropagation();
+                                }, onChange: changeSearchValue, className: "weda-select-user-dept__dialog-search-input" }),
+                            React.createElement("div", { className: classNames({
+                                    'weda-select-user-dept__dialog-label': true,
+                                    'weda-select-user-dept__dialog-label-value': searchValue,
+                                }) },
+                                React.createElement("span", { className: "search-icon" }),
+                                React.createElement("span", { className: "search-placeholder" }, "\u641C\u7D22")),
+                            searchValue && searchValue.length > 0 && (React.createElement("div", { className: "weda-select-user-dept__dialog-input-clear", onClick: changeSearchValue },
+                                React.createElement("p", { className: "weda-select-user-dept__dialog-input-clear-close" })))),
+                        React.createElement("span", { className: "weda-select-user-dept__dialog-search-cancel", onClick: cancleSearch }, "\u53D6\u6D88")),
+                    (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorStatus) ? (React.createElement(ErrorStatus, { size: "l", title: "\u63A5\u53E3\u8C03\u7528\u5931\u8D25", description: (errorInfo === null || errorInfo === void 0 ? void 0 : errorInfo.errorMessage) || null })) : orgsTreeData && orgsTreeData.length > 0 ? (React.createElement("div", { className: classNames('weda-select-user-dept__dialog-list') }, orgsTreeData.map((item, index) => (React.createElement("div", { className: "weda-select-user-dept__list-item", key: item === null || item === void 0 ? void 0 : item.id },
+                        React.createElement("div", { className: "weda-select-user-dept__list-item-wrap" },
+                            React.createElement(Radio.Group, { value: selectItem === null || selectItem === void 0 ? void 0 : selectItem.orgId, onChange: (value) => {
+                                    setSelectItem(item);
+                                }, layout: "column" },
+                                React.createElement(Radio, { name: item === null || item === void 0 ? void 0 : item.orgId },
+                                    React.createElement("div", { className: "weda-select-user-dept__item-detail" },
+                                        React.createElement("div", { className: "item-name" }, item === null || item === void 0 ? void 0 : item.content)))),
+                            (item === null || item === void 0 ? void 0 : item.expandable) && loading.id !== item.orgId && (React.createElement("div", { className: "lcap-icon lcap-icon-chevronright", onClick: () => {
+                                    loadDepartData(item, count);
+                                } })),
+                            loading.id === item.orgId && (loading === null || loading === void 0 ? void 0 : loading.status) && (React.createElement("div", null,
+                                React.createElement(IconFont, { name: "loading", className: `weda-grid-navigation__fonticon depart_loading` }))))))))) : (React.createElement(Status, { className: "dim-tree-select--blank", icon: 'blank', size: 's', title: `暂无部门数据` }))),
+                React.createElement(Modal.Footer, null,
+                    React.createElement("div", null,
+                        selectItem && (React.createElement("div", { className: "weda-select-user-dept__select-result" },
+                            React.createElement("div", { className: "weda-select-user-dept__select-label" }, "\u5DF2\u9009\u62E9"),
+                            React.createElement("div", { className: "weda-select-user-dept__result-list" },
+                                React.createElement("div", { className: "weda-select-user-dept__result-item", onClick: () => {
+                                        setSelectItem(null);
+                                        setSearchValue(null);
+                                    } },
+                                    selectItem.content,
+                                    React.createElement("div", { className: "close" }))))),
+                        React.createElement("div", { className: "weda-select-user-dept__btn-group" },
+                            React.createElement(Button, { type: "weak", onClick: onClose }, "\u53D6\u6D88"),
+                            React.createElement(Button, { type: "primary", onClick: () => onConfirm(selectItem) }, "\u786E\u5B9A"))))))))({
+        id,
+        className: cls,
+        style,
+        label: labelVisible ? label : null,
+        multiCell: false,
+        requiredFlag,
+        layout,
+        size,
+        decorator,
+    });
+}

package/dist/web/components/form/userOrgSelect/departTreeSelect/departTreeSelect.pc.d.ts

@@ -0,0 +1,4 @@
+/// <reference types="react" />
+import { IDepartTreeSelec } from './departTreeSelect.h5';
+import '../userOrgSelect.less';
+export declare function DepartTreeSelectPC({ id, className, style, events, label, labelVisible, name, defaultValue, confirmValue, placeholder, defaultValueType, disabled, layout, requiredFlag, size, multiple, onChange, decorator, relation, request, getDepartByIdRequest, }: IDepartTreeSelec): JSX.Element;