@cloudbase/weda-ui 3.1.9 → 3.2.0

package/dist/web/components/form/form/index.js

@@ -5,6 +5,7 @@ import { usePlatform, isInIde } from '../../../utils/platform';
 import { callDataSource, callConnector } from '../../../utils/tcb';
 import weui from '../../../utils/weui';
 import './index.css';
+const formTypeWithInitValue = ['edit', 'read'];
 /**
  * 表单容器组件
  */
@@ -27,7 +28,7 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
                 let initValue = {};
                 if (isDataModel) {
                     // 数据模型查询条件
-                    if (formType === 'edit' && dataSourceName) {
+                    if (formTypeWithInitValue.includes(formType) && dataSourceName) {
                         initValue = await appCloud.callDataSource({
                             dataSourceName,
                             methodName: 'wedaGetItem',
@@ -37,13 +38,13 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
                             (_a = events === null || events === void 0 ? void 0 : events.onInitValue) === null || _a === void 0 ? void 0 : _a.call(events, initValue);
                         }
                         else {
-                            alertError(platform);
+                            alertError(platform, '表单容器数据查询失败');
                         }
                     }
                 }
                 else {
                     // 连接器查询条件
-                    if (formType === 'edit' &&
+                    if (formTypeWithInitValue.includes(formType) &&
                         dataSourceName &&
                         methodGetItem &&
                         paramGetItem) {
@@ -59,13 +60,15 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
                 }
             }
             catch (e) {
-                alertError(platform);
+                alertError(platform, '表单容器数据查询失败');
             }
         };
-        if (dataSourceName && formType === 'edit') {
+        if (dataSourceName && formTypeWithInitValue.includes(formType)) {
             if ((isDataModel && _id) ||
                 (!isDataModel && paramGetItem && methodGetItem)) {
                 clearTimeout(timeRef.current);
+                // 防抖
+                // eslint-disable-next-line rulesdir/no-timer
                 timeRef.current = setTimeout(() => getData(), 100);
             }
         }
@@ -93,11 +96,11 @@ export default function Form({ className, contentSlot, style, id, layout, formTy
 /**
  * 根据平台不同，展示不同的错误提示消息
  */
-function alertError(platform = 'h5', message = '更新场景下未查询到数据') {
+function alertError(platform = 'h5', message) {
     if (isInIde())
         return;
     if (platform === 'h5') {
-        weui.toast(message, { className: 'weda-form-toast' });
+        weui.toast(message, { duration: 2000, className: 'weda-form-toast' });
     }
     else {
         TeaMessage.error({ content: message });

package/dist/web/components/form/location/common/mapChoose.js

@@ -322,6 +322,8 @@ export default function MapChoose({ changeLocation, onConfirm, onClose, currentL
         }
         else {
             setSearchValue('');
+            // 不知道
+            // eslint-disable-next-line rulesdir/no-timer
             setTimeout(() => {
                 setSearchList([]);
             }, 300);

package/dist/web/components/form/location/common/mapView.js

@@ -87,6 +87,8 @@ export default function MapView({ APIKEY = '', drag = true, zoom = true, latlng
             };
             document.body.appendChild(script);
         }
+        // 不知道
+        // eslint-disable-next-line rulesdir/no-timer
         setTimeout(() => {
             loadScript();
         }, 1000);

package/dist/web/components/form/location/components/LocationH5/location.h5.js

@@ -10,6 +10,7 @@ import SelectModal from '../../common/selectModal';
 import { propTypes, defaultProps } from '../../common/propsConfig';
 import { callDataSource } from '../../../../../utils/tcb';
 import { inH5IsMobile } from '../../../../../utils/platform';
+import styles from './location.module.css';
 const { useEffect, useState, useRef } = React;
 export default function LocationH5(props) {
     const { 
@@ -288,12 +289,13 @@ export default function LocationH5(props) {
         return status;
     };
     const LocationEl = (React.createElement("div", { className: "form-location weda-ui_form-location", "data-testid": "form-location" },
-        React.createElement("div", { className: "form-location-warp", style: { display: layout === 'vertical' ? 'block' : 'flex' } },
+        React.createElement("div", { className: `form-location-warp ${styles.locationDisabled}`, style: { display: layout === 'vertical' ? 'block' : 'flex' } },
             labelVisible && (React.createElement("div", { className: "form-location-label" },
                 React.createElement("label", null, label),
                 requiredFlag && React.createElement("span", null, "*"))),
             React.createElement("div", { className: classNames({
                     'form-location-con': true,
+                    [styles.locationContent]: true,
                     'form-location-con_vertical': layout === 'vertical',
                 }) },
                 React.createElement("img", { src: "https://qcloudimg.tencent-cloud.cn/raw/6542e1ce1dd36a90085b2eb979801df9.png", alt: "" }),

package/dist/web/components/form/location/components/LocationH5/location.module.css

@@ -0,0 +1,3 @@
+.location_locationDisabled__5aEWr .location_locationContent__4BWhz {
+  opacity: 0.4;
+}

package/dist/web/components/form/select/h5.js

@@ -188,9 +188,13 @@ defaultRegion, defaultMutiRegion, separator, regionType, onChange, }) {
                 onRegionClick();
             }
             else {
+                // 轮询直到他不为空
+                // eslint-disable-next-line rulesdir/no-timer
                 setTimeout(cb, 200);
             }
         };
+        // 轮询直到他不为空
+        // eslint-disable-next-line rulesdir/no-timer
         regionTimer = setTimeout(cb, 200);
     };
     const onRegionClick = function () {

package/dist/web/components/form/select/index.js

@@ -174,7 +174,7 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
     const createDropdown = () => {
         switch (mode) {
             case 'selector':
-                return (React.createElement(PureSelectPc, { size: size, onChange: (value) => {
+                return (React.createElement(PureSelectPc, { disabled: disabled, size: size, onChange: (value) => {
                         var _a;
                         onChange && onChange(value);
                         (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, { value });
@@ -222,13 +222,7 @@ function SelectPc({ where, dataSourceName, viewId, format, primaryField, enumNam
                         index !== 0 && `${separator}`,
                         label || value))), value: region }));
             case 'mutiRegion':
-                return (React.createElement(Cascader, { clearable: true, searchable: true, className: sizeClassName, type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, onLoad: (regionTree, options) => {
-                        return new Promise((resolve) => {
-                            setTimeout(() => {
-                                resolve();
-                            }, 1000);
-                        });
-                    }, valueRender: (options) => options.map(({ label, value }, index) => (React.createElement(React.Fragment, { key: `${value}-${index}` },
+                return (React.createElement(Cascader, { clearable: true, searchable: true, className: sizeClassName, type: "menu", disabled: disabled, data: regionTree, multiple: false, onChange: onDataChange, valueRender: (options) => options.map(({ label, value }, index) => (React.createElement(React.Fragment, { key: `${value}-${index}` },
                         index !== 0 && ',',
                         label || value))), value: mutiRegion }));
         }

package/dist/web/components/form/switch/index.js

@@ -6,6 +6,7 @@ import { ConfigProvider, Switch as TeaSwitch } from 'tea-component';
 import { renderDecorator } from '../renderDecorator';
 import { useSyncValue } from '../../../utils/useSyncValue';
 import { emptyObject } from '../../../utils/constant';
+import styles from './switch.module.css';
 export default function Switch({ 
 // 系统属性
 id, className, style, events = emptyObject, 
@@ -34,11 +35,11 @@ label = '标题', labelVisible = true, checked: defaultChecked, layout = 'horizo
         isFlex ? React.createElement("div", { className: "weui-cell__bd" }) : null,
         React.createElement("div", { className: isFlex ? 'weui-cell__ft' : 'weui-cell__bd' },
             React.createElement("label", { htmlFor: _id, key: _id, className: "weui-switch-cp" },
-                !disabled && (React.createElement("input", { id: _id, className: "weui-switch-cp__input", type: "checkbox", checked: checked, disabled: disabled, onChange: (ev) => {
+                React.createElement("input", { id: _id, className: `weui-switch-cp__input ${styles.wedaSwitchInput}`, type: "checkbox", checked: checked, disabled: disabled, onChange: (ev) => {
                         const value = ev.target.checked;
                         setChecked(value);
                         events.change({ value }, { orgianalEvent: ev });
-                    } })),
+                    } }),
                 React.createElement("div", { className: "weui-switch-cp__box" }))))) : (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
         React.createElement(TeaSwitch, { id: _id, value: checked, disabled: disabled, onChange: (value, context) => {
                 const originEvent = context.event;

package/dist/web/components/form/switch/switch.module.css

@@ -0,0 +1,7 @@
+.switch_wedaSwitchInput__iwKfX.weui-switch-cp__input {
+  position: absolute;
+  width: 0;
+  height: 0;
+  opacity: 0;
+  overflow: hidden;
+}

package/dist/web/components/form/uploader/uploader.h5.d.ts

@@ -7,6 +7,7 @@ export declare function ImageUploaderH5({ title, maxUploadCount, maxSize, accept
 export interface SingleImageProps {
     src: string;
     deleteBySrc: (url: string) => void;
+    disabled: boolean;
 }
 export interface H5UploaderProps extends CommonFormPropsType {
     title?: string;

package/dist/web/components/form/uploader/uploader.h5.js

@@ -135,7 +135,7 @@ export function ImageUploaderH5({ title, maxUploadCount, maxSize = 10, acceptTyp
                 React.createElement(UploaderLabel, { layout: layout, title: title, currentCount: fileIdList.length, maxCount: finalMaxImgCount, requiredFlag: requiredFlag })),
             React.createElement("div", { className: "weui-uploader__bd" },
                 React.createElement("ul", { className: "weui-uploader__files", id: "uploaderFiles" },
-                    (fileIdList !== null && fileIdList !== void 0 ? fileIdList : []).map((f) => (React.createElement(SingleImage, { key: f, src: f, deleteBySrc: deleteFile }))),
+                    (fileIdList !== null && fileIdList !== void 0 ? fileIdList : []).map((f) => (React.createElement(SingleImage, { key: f, src: f, deleteBySrc: deleteFile, disabled: disabled }))),
                     uploading && (React.createElement("li", { className: "weui-uploader__file weui-uploader__file_status" },
                         React.createElement("div", { className: "weui-uploader__file-content" },
                             progress,
@@ -160,7 +160,7 @@ export function ImageUploaderH5({ title, maxUploadCount, maxSize = 10, acceptTyp
                         files.forEach((f) => uploadToTcb(f));
                     } }))))))));
 }
-function SingleImage({ src, deleteBySrc }) {
+function SingleImage({ src, deleteBySrc, disabled }) {
     const [error, setError] = React.useState(false);
     const cls = classNames({
         'weui-uploader__file': true,
@@ -190,12 +190,14 @@ function SingleImage({ src, deleteBySrc }) {
         backgroundImage: `url(${realSrc})`,
     };
     const showGallery = () => {
-        const gallery = weui.gallery(realSrc, {
-            onDelete: function () {
-                deleteBySrc(src);
-                gallery.hide();
-            },
-        });
+        const gallery = weui.gallery(realSrc, disabled
+            ? undefined
+            : {
+                onDelete: function () {
+                    deleteBySrc(src);
+                    gallery.hide();
+                },
+            });
     };
     return (React.createElement("li", { className: cls, style: imgStyle, onClick: showGallery }, error || status ? (React.createElement("div", { className: "weui-uploader__file-content" }, error ? (React.createElement("i", { role: "img", "aria-label": "\u9519\u8BEF", className: "weui-icon-warn" })) : (React.createElement("i", { className: "weui-loading", style: { width: 30, height: 30 } })))) : (false)));
 }
@@ -207,7 +209,8 @@ const UploaderLabel = ({ layout, title, currentCount, maxCount, requiredFlag, })
                     React.createElement("p", { className: "weui-uploader__title" }, title),
                     React.createElement("div", { className: "weui-uploader__info" },
                         React.createElement("span", { id: "uploadCount" }, currentCount),
-                        `/${maxCount}`)),
+                        "/",
+                        maxCount)),
                 requiredFlag && React.createElement("label", { className: "weda-formcells__flag" }, "*"))));
     }
     return (React.createElement("div", { className: "weda-formcells__label weui-cell" },
@@ -216,5 +219,6 @@ const UploaderLabel = ({ layout, title, currentCount, maxCount, requiredFlag, })
             requiredFlag && React.createElement("label", { className: "weda-formcells__flag" }, "*")),
         React.createElement("div", { className: "weui-uploader__info" },
             React.createElement("span", { id: "uploadCount" }, currentCount),
-            `/${maxCount}`)));
+            "/",
+            maxCount)));
 };

package/dist/web/components/form/uploader/uploader.pc.js

@@ -166,7 +166,7 @@ export function UploaderPCInner(props) {
             fileIDList.map((d) => (React.createElement("div", { className: "_weda-fn-upload-result__item", key: d },
                 React.createElement(TcbImage, { fileID: d }),
                 React.createElement("div", { className: "_weda-fn-upload-result__op" },
-                    React.createElement(Button, { onClick: () => deleteHandle(d), className: `${CLASS_PREFIX}__btn` }, "\u5220\u9664"))))),
+                    React.createElement(Button, { disabled: disabled, onClick: () => deleteHandle(d), className: `${CLASS_PREFIX}__btn` }, "\u5220\u9664"))))),
             uploading && (React.createElement("div", { className: "_weda-fn-upload-result__item" },
                 React.createElement("div", { className: "_weda-fn-upload-result__status", key: "_place_image" },
                     React.createElement(Icon, { type: "loading" }),

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

@@ -165,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,
@@ -179,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(() => {
@@ -211,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'); // 上传状态
@@ -262,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 }))));
 };
 /**
  * 上传文件状态组件
@@ -281,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' ? '等待上传' : '上传中'))));
     }
@@ -302,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

@@ -156,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",
@@ -175,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(() => {
@@ -207,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'); // 上传状态
@@ -259,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 }))));
 };
 /**
  * 上传文件状态组件
@@ -281,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;
+}