@cloudbase/weda-ui 3.4.7 → 3.4.9-alpha.1024

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
 import * as React from 'react';
 import { Upload, Button, Icon, message, ErrorTip, ImagePreview, ConfigProvider, } from 'tea-component';
 import classNames from '../../../utils/classnames';
@@ -30,15 +31,11 @@ export function UploaderPC({ layout, className, id, style, title, tips, ...props
         [layout]: layout,
         [className]: className,
     });
-    return (React.createElement("div", { className: cls, id: id, style: style },
-        React.createElement("div", { className: `${CLASS_PREFIX}__header` },
-            title && React.createElement("div", { className: `${CLASS_PREFIX}__title` }, title),
-            tips && (React.createElement("div", { className: `${CLASS_PREFIX}__description` }, tips || ''))),
-        React.createElement(UploaderPCInner, { ...props })));
+    return (_jsxs("div", { className: cls, id: id, style: style, children: [_jsxs("div", { className: `${CLASS_PREFIX}__header`, children: [title && _jsx("div", { className: `${CLASS_PREFIX}__title`, children: title }), tips && (_jsx("div", { className: `${CLASS_PREFIX}__description`, children: tips || '' }))] }), _jsx(UploaderPCInner, { ...props })] }));
 }
 export function UploaderPCInner(props) {
     var _a;
-    const { tips = '', btnTitle = '上传图片', maxUploadCount = 9, maxSize = 10, value: defaultValue, // 需要兼容 cloud:和https: 协议，需要兼容 字符串和字符串数组
+    const { tips = '', btnTitle = '上传图片', maxUploadCount = 9, maxSize = 10, defaultValue, // 需要兼容 cloud:和https: 协议，需要兼容 字符串和字符串数组
     acceptTypes = IMAGE_TYPES, uploadPath = 'weda-uploader', events = emptyObject, single = false, disabled = false, onChange, imgTypeCls, $node, } = props;
     // 上传中
     const [uploading, setUploading] = React.useState(false);
@@ -56,7 +53,7 @@ export function UploaderPCInner(props) {
             initialValue = initialValue[0] ? [initialValue[0]] : [];
         }
         setfileIDList(initialValue);
-    }, [defaultValue]);
+    }, [defaultValue, single]);
     // 值变化事件
     React.useEffect(() => {
         if (!isObjectEqual(fileRef.current, fileIDList)) {
@@ -167,39 +164,16 @@ export function UploaderPCInner(props) {
             : Array.from(new Set(acceptTypes));
     tips && (extraProps['title'] = tips);
     maxSize && (extraProps['maxSize'] = maxSize * 1024 * 1024);
-    return (React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement("div", { className: "_weda-fn-upload-result" },
-            fileIDList.map((d) => (React.createElement("div", { className: `_weda-fn-upload-result__item ${imgTypeCls}`, key: d },
-                React.createElement(TcbImage, { fileID: d, imgTypeCls: imgTypeCls }),
-                React.createElement("div", { className: `_weda-fn-upload-result__op ${imgTypeCls}` },
-                    React.createElement(Button, { disabled: disabled, onClick: () => deleteHandle(d), className: `${CLASS_PREFIX}__btn` }, "\u5220\u9664"))))),
-            uploading && (React.createElement("div", { className: `_weda-fn-upload-result__item ${imgTypeCls}` },
-                React.createElement("div", { className: "_weda-fn-upload-result__status", key: "_place_image" },
-                    React.createElement(Icon, { type: "loading" }),
-                    !!progress && (React.createElement("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset" },
-                        "\u4E0A\u4F20",
-                        progress,
-                        "%..."))))),
-            React.createElement("div", { className: `${CLASS_PREFIX}__input-box` },
-                formType === 'read' && fileIDList.length < 1 && React.createElement("div", null, "\u2014"),
-                disabled && formType !== 'read' ? (React.createElement("li", { className: `_weda-fn-upload-result__item wedatea2td-disabled ${imgTypeCls}` },
-                    React.createElement("div", { className: "_weda-fn-upload-result__status" },
-                        React.createElement("i", { className: "wedatea2td-icon wedatea2td-icon-plus", role: "img", "aria-label": "plus" }),
-                        React.createElement("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset" }, btnTitle)))) : (((!single && fileIDList.length < maxUploadCount) ||
-                    (single && fileIDList.length < 1 && !uploading)) &&
-                    formType !== 'read' && ( // single 模式时，当数组为空且不在上传文件过程中时显示
-                React.createElement(Upload, { ...extraProps, beforeUpload: beforeHandle },
-                    React.createElement("li", { 
-                        // className={"_weda-fn-upload-result__item _weda-fn-upload-result__item--upload" imgTypeCls}
-                        // className={classNames(
-                        //   `_weda-fn-upload-result__item _weda-fn-upload-result__item--upload`,
-                        //   imgTypeCls
-                        // )}
-                        className: `_weda-fn-upload-result__item _weda-fn-upload-result__item--upload ${imgTypeCls}` },
-                        imgTypeCls,
-                        React.createElement("div", { className: "_weda-fn-upload-result__status" },
-                            React.createElement("i", { className: "wedatea2td-icon wedatea2td-icon-plus", role: "img", "aria-label": "plus" }),
-                            React.createElement("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset" }, btnTitle))))))))));
+    return (_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsxs("div", { className: "_weda-fn-upload-result", children: [fileIDList.map((d) => (_jsxs("div", { className: `_weda-fn-upload-result__item ${imgTypeCls}`, children: [_jsx(TcbImage, { fileID: d, imgTypeCls: imgTypeCls }), _jsx("div", { className: `_weda-fn-upload-result__op ${imgTypeCls}`, children: _jsx(Button, { disabled: disabled, onClick: () => deleteHandle(d), className: `${CLASS_PREFIX}__btn`, children: "\u5220\u9664" }) })] }, d))), uploading && (_jsx("div", { className: `_weda-fn-upload-result__item ${imgTypeCls}`, children: _jsxs("div", { className: "_weda-fn-upload-result__status", children: [_jsx(Icon, { type: "loading" }), !!progress && (_jsxs("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset", children: ["\u4E0A\u4F20", progress, "%..."] }))] }, "_place_image") })), _jsxs("div", { className: `${CLASS_PREFIX}__input-box`, children: [formType === 'read' && fileIDList.length < 1 && _jsx("div", { children: "\u2014" }), disabled && formType !== 'read' ? (_jsx("li", { className: `_weda-fn-upload-result__item wedatea2td-disabled ${imgTypeCls}`, children: _jsxs("div", { className: "_weda-fn-upload-result__status", children: [_jsx("i", { className: "wedatea2td-icon wedatea2td-icon-plus", role: "img", "aria-label": "plus" }), _jsx("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset", children: btnTitle })] }) })) : (((!single && fileIDList.length < maxUploadCount) ||
+                            (single && fileIDList.length < 1 && !uploading)) &&
+                            formType !== 'read' && ( // single 模式时，当数组为空且不在上传文件过程中时显示
+                        _jsx(Upload, { ...extraProps, beforeUpload: beforeHandle, children: _jsxs("li", { 
+                                // className={"_weda-fn-upload-result__item _weda-fn-upload-result__item--upload" imgTypeCls}
+                                // className={classNames(
+                                //   `_weda-fn-upload-result__item _weda-fn-upload-result__item--upload`,
+                                //   imgTypeCls
+                                // )}
+                                className: `_weda-fn-upload-result__item _weda-fn-upload-result__item--upload ${imgTypeCls}`, children: [imgTypeCls, _jsxs("div", { className: "_weda-fn-upload-result__status", children: [_jsx("i", { className: "wedatea2td-icon wedatea2td-icon-plus", role: "img", "aria-label": "plus" }), _jsx("span", { className: "wedatea2td-mt-1n wedatea2td-text-label wedatea2td-fz-reset", children: btnTitle })] })] }) })))] })] }) }));
 }
 export const TcbImage = (props) => {
     const { fileID, isZoom, imgTypeCls, ...rest } = props;
@@ -207,18 +181,18 @@ export const TcbImage = (props) => {
     const { data: src, error: requestError } = useTempUrl(fileID);
     const encodeSrc = encodeConvert(src);
     if (isError || requestError) {
-        return React.createElement(ErrorTip, null);
+        return _jsx(ErrorTip, {});
     }
     if (src) {
-        return isZoom ? (React.createElement(ImagePreview, { key: fileID, className: `${CLASS_PREFIX}__image ${imgTypeCls}`, ...rest, src: encodeURI(encodeSrc), previewSrc: encodeURI(encodeSrc), 
+        return isZoom ? (_jsx(ImagePreview, { "data-testid": "uploaderpc_imgStyle", className: `${CLASS_PREFIX}__image ${imgTypeCls}`, ...rest, src: encodeURI(encodeSrc), previewSrc: encodeURI(encodeSrc), 
             /** @ts-expect-error tea imagepreview onError */
             onError: (e) => {
                 setIsError(true);
                 (props === null || props === void 0 ? void 0 : props.onError) && props.onError(e);
-            } })) : (React.createElement("img", { "data-testid": "uploaderpc_imgStyle", key: fileID, className: `${CLASS_PREFIX}__image ${imgTypeCls}`, ...rest, src: encodeURI(encodeSrc), onError: (e) => {
+            } }, fileID)) : (_jsx("img", { "data-testid": "uploaderpc_imgStyle", className: `${CLASS_PREFIX}__image ${imgTypeCls}`, ...rest, src: encodeURI(encodeSrc), onError: (e) => {
                 setIsError(true);
                 (props === null || props === void 0 ? void 0 : props.onError) && props.onError(e);
-            } }));
+            } }, fileID));
     }
     return null;
 };

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

@@ -1,5 +1,4 @@
-/* eslint-disable react/prop-types */
-import * as React from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
 import { usePlatform } from '../../../utils/platform';
 import { UploadFileH5 as UploaderH5 } from './uploadFile.h5';
 import { UploadFilePc } from './uploadFile.pc';
@@ -10,10 +9,10 @@ import './index.css';
 export default function UploaderFile(props) {
     const platform = usePlatform();
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
-        return React.createElement(UploadFilePc, { ...props });
+        return _jsx(UploadFilePc, { ...props });
     }
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'h5') {
-        return React.createElement(UploaderH5, { ...props });
+        return _jsx(UploaderH5, { ...props });
     }
-    return platform === 'h5' ? (React.createElement(UploaderH5, { ...props })) : (React.createElement(UploadFilePc, { ...props }));
+    return platform === 'h5' ? (_jsx(UploaderH5, { ...props })) : (_jsx(UploadFilePc, { ...props }));
 }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import weui from '../../../utils/weui';
 import isObjectEqual from '../../../utils/isObjectEqual';
@@ -47,13 +48,9 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
     const fileRef = React.useRef(fileIDList);
     const maxSizeLimit = maxSize > 500 ? 500 : maxSize;
     const formType = ((_a = getParentForm($node)) === null || _a === void 0 ? void 0 : _a.formType) || 'create';
-    React.useMemo(() => {
+    React.useEffect(() => {
         //有有效默认值时不刷新，解决初次渲染默认值不显示问题
-        if (!isInIde() &&
-            defaultValue &&
-            !isObjectEqual(prevDefaultRef.current, defaultValue) &&
-            (JSON.stringify(prevDefaultRef.current) == '[]' ||
-                !prevDefaultRef.current)) {
+        if (!isInIde() && !isObjectEqual(prevDefaultRef.current, defaultValue)) {
             prevDefaultRef.current = defaultValue;
             setfileIDList(filterStrList([].concat(defaultValue)));
         }
@@ -92,9 +89,9 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
     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 (!accepts.includes(file === null || file === void 0 ? void 0 : file.type)) {
+                illegalType.push(file === null || file === void 0 ? void 0 : file.type);
+            }
         }
         if (illegalType.length > 0) {
             weui.alert('不支持上传' + Array.from(new Set(illegalType)).join(',') + '格式文件');
@@ -121,11 +118,14 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
     };
     tips && (uploadProps['label'] = tips);
     maxSizeLimit && (uploadProps['maxSize'] = maxSizeLimit * 1024 * 1024);
-    const btnDisabled = fileIDList.length >= maxUploadCount ||
-        (single && fileIDList.length > 0) ||
-        disabled;
-    return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(FileContext.Provider, { value: {
+    const btnDisabled = React.useMemo(() => {
+        return (fileIDList.length >= maxUploadCount ||
+            (single && fileIDList.length > 0) ||
+            fileList.length >= maxUploadCount ||
+            (single && fileList.length > 0) ||
+            disabled);
+    }, [disabled, fileIDList.length, fileList.length, maxUploadCount, single]);
+    return renderDecorator(_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(FileContext.Provider, { value: {
                 uploadPath,
                 downloadVisible,
                 deleteVisible,
@@ -133,47 +133,35 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
                 isEdit,
                 events,
                 fileSizeObj,
-            } },
-            React.createElement("div", { "data-testid": "uploadFileH5", className: cls, id: id, style: style },
-                React.createElement("div", { className: classNames(`${CLASS_PREFIX}`) },
-                    isEdit && (React.createElement("div", { className: classNames(`${CLASS_PREFIX}__hd`, layout) },
-                        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;
-                                    }
-                                    if (fileList.length + fileIDList.length >
-                                        maxUploadCount) {
-                                        weui.alert(`上传文件总数不能超过${maxUploadCount}个`);
-                                        return false;
-                                    }
-                                    if (maxSizeLimit &&
-                                        fileList.some((f) => f.size > maxSizeLimit * 1024 * 1024)) {
-                                        weui.alert(`请上传不超过${maxSizeLimit}M的文件`);
-                                        return false;
-                                    }
-                                    if (fileList.some((f) => f.size > 1024 * 1024 * 1024)) {
-                                        weui.alert(`请上传不超过1024M的文件`);
-                                        return false;
-                                    }
-                                    fileList.forEach((f) => (f['_uuid'] = randomStr()));
-                                    setFileList((list) => [...list, ...fileList]);
-                                } }),
-                            React.createElement("a", { type: "weak", className: "wedatea2td-btn wedatea2td-btn--weak" }, "\u70B9\u51FB\u4E0A\u4F20"),
-                            !single && (React.createElement(Text, { className: `${CLASS_PREFIX}__tips` }, "\u652F\u6301\u6279\u91CF\u4E0A\u4F20"))))))),
-                    React.createElement("div", { className: `${CLASS_PREFIX}__bd` },
-                        fileIDList && fileIDList.length > 0 && (React.createElement("div", { className: "weda-uploader-files_split" })),
-                        React.createElement(List, null,
-                            fileIDList.map((d) => (React.createElement(List.Item, { key: d }, React.createElement(TcbFileEcho, { fileID: d, fileList: fileList, onChange: handleChange, disabled: disabled, deleteVisible: deleteVisible, downloadVisible: downloadVisible, formType: formType })))),
-                            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, formType: formType })))))))))))({
+            }, children: _jsx("div", { "data-testid": "uploadFileH5", className: cls, id: id, style: style, children: _jsxs("div", { className: classNames(`${CLASS_PREFIX}`), children: [isEdit && (_jsx("div", { className: classNames(`${CLASS_PREFIX}__hd`, layout), children: _jsx("div", { children: btnDisabled ? (_jsx(Button, { type: "weak", className: classNames(`${CLASS_PREFIX}__btn--weak`), disabled: btnDisabled, children: btnTitle })) : (_jsxs("div", { children: [_jsx("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;
+                                                }
+                                                if (fileList.length + fileIDList.length >
+                                                    maxUploadCount) {
+                                                    weui.alert(`上传文件总数不能超过${maxUploadCount}个`);
+                                                    return false;
+                                                }
+                                                if (maxSizeLimit &&
+                                                    fileList.some((f) => f.size > maxSizeLimit * 1024 * 1024)) {
+                                                    weui.alert(`请上传不超过${maxSizeLimit}M的文件`);
+                                                    return false;
+                                                }
+                                                if (fileList.some((f) => f.size > 1024 * 1024 * 1024)) {
+                                                    weui.alert(`请上传不超过1024M的文件`);
+                                                    return false;
+                                                }
+                                                fileList.forEach((f) => (f['_uuid'] = randomStr()));
+                                                setFileList((list) => [...list, ...fileList]);
+                                            } }), _jsx("a", { type: "weak", className: "wedatea2td-btn wedatea2td-btn--weak", children: "\u70B9\u51FB\u4E0A\u4F20" }), !single && (_jsx(Text, { className: `${CLASS_PREFIX}__tips`, children: "\u652F\u6301\u6279\u91CF\u4E0A\u4F20" }))] })) }) })), _jsxs("div", { className: `${CLASS_PREFIX}__bd`, children: [fileIDList && fileIDList.length > 0 && (_jsx("div", { className: "weda-uploader-files_split" })), _jsxs(List, { children: [fileIDList.map((d) => (_jsx(List.Item, { children: _jsx(TcbFileEcho, { fileID: d, fileList: fileList, onChange: handleChange, disabled: disabled, deleteVisible: deleteVisible, downloadVisible: downloadVisible, formType: formType }) }, d))), fileList.map((item) => (_jsx(List.Item, { children: _jsx(TcbFileUpload, { disabled: disabled, file: item, downloadVisible: downloadVisible, deleteVisible: deleteVisible && !disabled, formType: formType }) }, item === null || item === void 0 ? void 0 : item._uuid)))] })] })] }) }) }) }))({
         id,
         className: cls,
         style,
@@ -204,11 +192,7 @@ const TcbFileEcho = ({ fileID, disabled, formType }) => {
         }
     }, [fileID]);
     //上传文件列表展示
-    return (React.createElement("div", { className: `${CLASS_PREFIX}__item` },
-        React.createElement("div", { className: `${CLASS_PREFIX}__item-left` },
-            React.createElement(UploadFileStatus, { title: label, size: fileSizeObj[fileID] || '-', formType: formType })),
-        React.createElement("div", { className: `${CLASS_PREFIX}__btn-group` },
-            React.createElement(UploadFileAction, { title: label, disabled: disabled, status: "UPLOAD_STATUS_SUCCESS", fileID: fileID, src: src }))));
+    return (_jsxs("div", { className: `${CLASS_PREFIX}__item`, children: [_jsx("div", { className: `${CLASS_PREFIX}__item-left`, children: _jsx(UploadFileStatus, { title: label, size: fileSizeObj[fileID] || '-', formType: formType }) }), _jsx("div", { className: `${CLASS_PREFIX}__btn-group`, children: _jsx(UploadFileAction, { title: label, disabled: disabled, status: "UPLOAD_STATUS_SUCCESS", fileID: fileID, src: src }) })] }));
 };
 /**
  * 基于 File 上传文件过程组件
@@ -252,14 +236,10 @@ const TcbFileUpload = ({ file, disabled, formType }) => {
             (_a = events === null || events === void 0 ? void 0 : events.error) === null || _a === void 0 ? void 0 : _a.call(events, err);
         }
     };
-    return (React.createElement("div", { className: `${CLASS_PREFIX}__item`, role: "TcbFileUpload" },
-        React.createElement("div", { className: `${CLASS_PREFIX}__item-left` },
-            React.createElement(UploadFileStatus, { status: status, percent: percent, size: size, title: title, percentSize: (((file === null || file === void 0 ? void 0 : file.size) / 1024) * percent) / 100, formType: formType })),
-        React.createElement("div", { className: `${CLASS_PREFIX}__btn-group` },
-            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 }))));
+    return (_jsxs("div", { className: `${CLASS_PREFIX}__item`, role: "TcbFileUpload", children: [_jsx("div", { className: `${CLASS_PREFIX}__item-left`, children: _jsx(UploadFileStatus, { status: status, percent: percent, size: size, title: title, percentSize: (((file === null || file === void 0 ? void 0 : file.size) / 1024) * percent) / 100, formType: formType }) }), _jsx("div", { className: `${CLASS_PREFIX}__btn-group`, children: _jsx(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 }) })] }));
 };
 /**
  * 上传文件状态组件
@@ -270,31 +250,11 @@ const UploadFileStatus = ({ status = 'UPLOAD_STATUS_SUCCESS', percent = 0, size,
     //上传中、待上传状态
     if (status == 'UPLOAD_STATUS_LOADING' ||
         (status == 'UPLOAD_STATUS_PENDING' && percent)) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement("div", { className: `${CLASS_PREFIX}__file-detail` },
-                React.createElement(Text, { className: `${CLASS_PREFIX}__file-name` }, title)),
-            React.createElement("div", null,
-                React.createElement(Progress, { percent: percent, theme: "default", strokeColor: '#0052D9', className: `${CLASS_PREFIX}__file-progress` })),
-            React.createElement("div", { className: `${CLASS_PREFIX}__file-foot` },
-                formType !== 'read' && (React.createElement("div", null,
-                    React.createElement(Text, null,
-                        Math.floor(percentSize),
-                        "K/"),
-                    React.createElement(Text, null, size))),
-                React.createElement(Text, null, status === 'UPLOAD_STATUS_PENDING' ? '等待上传' : '上传中'))));
+        return (_jsxs(_Fragment, { children: [_jsx("div", { className: `${CLASS_PREFIX}__file-detail`, children: _jsx(Text, { className: `${CLASS_PREFIX}__file-name`, children: title }) }), _jsx("div", { children: _jsx(Progress, { percent: percent, theme: "default", strokeColor: '#0052D9', className: `${CLASS_PREFIX}__file-progress` }) }), _jsxs("div", { className: `${CLASS_PREFIX}__file-foot`, children: [formType !== 'read' && (_jsxs("div", { children: [_jsxs(Text, { children: [Math.floor(percentSize), "K/"] }), _jsx(Text, { children: size })] })), _jsx(Text, { children: status === 'UPLOAD_STATUS_PENDING' ? '等待上传' : '上传中' })] })] }));
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement("div", { className: `${CLASS_PREFIX}__file-detail` },
-            React.createElement(Tooltip, { title: title },
-                React.createElement(Text, { className: `${CLASS_PREFIX}__file-name` }, title))),
-        isEdit && (React.createElement("div", { className: `${CLASS_PREFIX}__file-foot` },
-            formType !== 'read' && (React.createElement("div", null,
-                React.createElement(Text, null, size))),
-            isEdit && (React.createElement("div", { className: `${CLASS_PREFIX}__file-status` },
-                React.createElement(Icon, { type: ((_a = statusMap[status]) === null || _a === void 0 ? void 0 : _a.icon) ||
-                        statusMap['UPLOAD_STATUS_PENDING'].icon }),
-                React.createElement(Text, { className: `${CLASS_PREFIX}__file-status--msg` }, ((_b = statusMap[status]) === null || _b === void 0 ? void 0 : _b.title) ||
-                    statusMap['UPLOAD_STATUS_PENDING'].title)))))));
+    return (_jsxs(_Fragment, { children: [_jsx("div", { className: `${CLASS_PREFIX}__file-detail`, children: _jsx(Tooltip, { title: title, children: _jsx(Text, { className: `${CLASS_PREFIX}__file-name`, children: title }) }) }), isEdit && (_jsxs("div", { className: `${CLASS_PREFIX}__file-foot`, children: [formType !== 'read' && (_jsx("div", { children: _jsx(Text, { children: size }) })), isEdit && (_jsxs("div", { className: `${CLASS_PREFIX}__file-status`, children: [_jsx(Icon, { type: ((_a = statusMap[status]) === null || _a === void 0 ? void 0 : _a.icon) ||
+                                    statusMap['UPLOAD_STATUS_PENDING'].icon }), _jsx(Text, { className: `${CLASS_PREFIX}__file-status--msg`, children: ((_b = statusMap[status]) === null || _b === void 0 ? void 0 : _b.title) ||
+                                    statusMap['UPLOAD_STATUS_PENDING'].title })] }))] }))] }));
 };
 /**
  * 操作列组件, onChange 从最外层 UploadFilePc 传进来
@@ -303,30 +263,24 @@ const UploadFileStatus = ({ status = 'UPLOAD_STATUS_SUCCESS', percent = 0, size,
 const UploadFileAction = ({ status = 'UPLOAD_STATUS_PENDING', fileID = '', uuid = '', src = '', file = null, onReLoad = null, onCancel = null, disabled, title = 'downfile', }) => {
     const { onChange, downloadVisible, deleteVisible, isEdit } = React.useContext(FileContext) || {};
     // 操作列按钮-删除
-    const renderDelete = () => isEdit && (React.createElement(Button, { icon: "delete", onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange({ fileID, uuid, type: 'delete' }), disabled: disabled }));
+    const renderDelete = () => isEdit && (_jsx(Button, { icon: "delete", onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange({ fileID, uuid, type: 'delete' }), disabled: disabled }));
     // 操作列按钮-取消
-    const renderCancel = () => isEdit && React.createElement(Button, { icon: "dismiss", onClick: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(uuid) });
+    const renderCancel = () => isEdit && _jsx(Button, { icon: "dismiss", onClick: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(uuid) });
     // 操作列按钮-重新上传
-    const renderReLoad = () => isEdit && (React.createElement(Button, { icon: "refresh", onClick: () => {
+    const renderReLoad = () => isEdit && (_jsx(Button, { icon: "refresh", onClick: () => {
             onReLoad === null || onReLoad === void 0 ? void 0 : onReLoad(file);
         } }));
     // 操作列按钮-下载
-    const renderDownLoad = () => (React.createElement(Button, { icon: "download", onClick: () => downloadFile(src, title) }));
+    const renderDownLoad = () => (_jsx(Button, { icon: "download", onClick: () => downloadFile(src, title) }));
     switch (status) {
         case 'UPLOAD_STATUS_PENDING':
             return renderCancel();
         case 'UPLOAD_STATUS_LOADING':
             return renderCancel();
         case 'UPLOAD_STATUS_SUCCESS':
-            return (React.createElement(React.Fragment, null,
-                deleteVisible && renderDelete(),
-                ' ',
-                downloadVisible && !isWebInMiniprogram() && renderDownLoad()));
+            return (_jsxs(_Fragment, { children: [deleteVisible && renderDelete(), ' ', downloadVisible && !isWebInMiniprogram() && renderDownLoad()] }));
         case 'UPLOAD_STATUS_ERROR':
-            return (React.createElement(React.Fragment, null,
-                deleteVisible && renderDelete(),
-                " ",
-                renderReLoad()));
+            return (_jsxs(_Fragment, { children: [deleteVisible && renderDelete(), " ", renderReLoad()] }));
         default:
             return null;
     }

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

@@ -1,3 +1,4 @@
+import { jsx as _jsx, jsxs as _jsxs, Fragment as _Fragment } from "react/jsx-runtime";
 import * as React from 'react';
 import { Upload, ConfigProvider, Button, message, Icon, Text, List, } from 'tea-component';
 import { filterStrList, isCloudFileID, isHttpFileID, transSize, downloadFile, cutFileTitle, transFileCloudidToName, randomStr, isInIde, isWebInMiniprogram, } from '../../../utils/platform';
@@ -30,7 +31,17 @@ decorator, tips = '', btnTitle = '点击上传', maxUploadCount = 9, maxSize = 1
 value = emptyArray, // 用于模型组件中 formily 的值管理
 acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPath = 'weda-uploader', onChange = null, isEdit = true, $node, }) {
     var _a;
-    const [fileIDList, setfileIDList] = React.useState(isInIde() ? [] : filterStrList([].concat(defaultValue, value))); // 上传成功文件ID列表，fileID[]
+    const [fileIDList, setfileIDList] = React.useState(() => {
+        let defaultVal = defaultValue;
+        let val = value;
+        if (!Array.isArray(defaultVal)) {
+            defaultVal = [defaultValue];
+        }
+        if (!Array.isArray(val)) {
+            val = [val];
+        }
+        return isInIde() ? [] : filterStrList([].concat(defaultValue, value));
+    }); // 上传成功文件ID列表，fileID[]
     const [fileList, setFileList] = React.useState([]); // 上传中的文件列表，file[]，file为原始文件 + uuid属性
     const [fileSizeObj, setFileSizeObj] = React.useState({}); // 管理上传文件大小 {uuid:size}
     // 两次默认值不同, 需要刷新
@@ -38,15 +49,11 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
     const fileRef = React.useRef(fileIDList);
     const maxSizeLimit = maxSize > 500 ? 500 : maxSize;
     const formType = ((_a = getParentForm($node)) === null || _a === void 0 ? void 0 : _a.formType) || 'create';
-    React.useMemo(() => {
+    React.useEffect(() => {
         //有有效默认值时不刷新，解决初次渲染默认值不显示问题
-        if (!isInIde() &&
-            defaultValue &&
-            !isObjectEqual(prevDefaultRef.current, defaultValue) &&
-            (JSON.stringify(prevDefaultRef.current) == '[]' ||
-                !prevDefaultRef.current)) {
+        if (!isInIde() && !isObjectEqual(prevDefaultRef.current, defaultValue)) {
             prevDefaultRef.current = defaultValue;
-            setfileIDList(filterStrList([].concat(defaultValue)));
+            setfileIDList(filterStrList([].concat(Array.isArray(defaultValue) ? defaultValue : [defaultValue])));
         }
     }, [defaultValue]);
     React.useEffect(() => {
@@ -122,14 +129,21 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
     }
     tips && (uploadProps['title'] = tips);
     maxSize && (uploadProps['maxSize'] = maxSizeLimit * 1024 * 1024);
-    const btnDisabled = fileIDList.length >= maxUploadCount || (single && fileIDList.length > 0);
+    const btnDisabled = React.useMemo(() => {
+        fileList;
+        return (fileIDList.length >= maxUploadCount ||
+            (single && fileIDList.length > 0) ||
+            fileList.length >= maxUploadCount ||
+            (single && fileList.length > 0) ||
+            disabled);
+    }, [disabled, fileIDList.length, fileList, maxUploadCount, single]);
     //验证上传文件类型是否合法
     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 (!accepts.includes(file === null || file === void 0 ? void 0 : file.type)) {
+                illegalType.push(file === null || file === void 0 ? void 0 : file.type);
+            }
         }
         if (illegalType.length > 0) {
             message.error({
@@ -141,8 +155,7 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
         }
         return true;
     };
-    return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
-        React.createElement(FileContext.Provider, { value: {
+    return renderDecorator(_jsx(ConfigProvider, { classPrefix: "wedatea2td", children: _jsx(FileContext.Provider, { value: {
                 uploadPath,
                 downloadVisible,
                 deleteVisible,
@@ -150,25 +163,7 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
                 isEdit,
                 events,
                 fileSizeObj,
-            }, "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" },
-                    React.createElement(List.Item, null,
-                        React.createElement("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-header` },
-                            React.createElement("div", { className: `${CLASS_PREFIX}--item-title ${CLASS_PREFIX}--item-label` }, "\u6587\u4EF6\u540D"),
-                            formType !== 'read' && (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, { disabled: disabled, fileID: d, formType: formType })))),
-                    fileList.map((item) => (React.createElement(List.Item, { key: item === null || item === void 0 ? void 0 : item._uuid }, React.createElement(TcbFileUpload, { disabled: disabled, file: item, formType: formType })))),
-                    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",
-                            btnTitle,
-                            "\u201D\u6309\u94AE"))))))), decorator)({
+            }, "data-testid": "button-up", children: _jsxs("div", { className: `${CLASS_PREFIX}`, "data-testid": "UploadFilePc", children: [isEdit && (_jsx("div", { className: `${CLASS_PREFIX}__input-box`, children: btnDisabled ? (_jsx(Button, { type: "weak", disabled: true, children: btnTitle })) : (_jsxs(Upload, { ...uploadProps, beforeUpload: handleBefore, "data-testid": "Upload", children: [_jsx(Button, { type: "weak", className: `${CLASS_PREFIX}__btn--weak`, children: btnTitle }), !single && (_jsx(Text, { theme: "weak", className: `${CLASS_PREFIX}__btn-descripe`, children: "\u652F\u6301\u6279\u91CF\u4E0A\u4F20" }))] })) })), _jsxs(List, { split: "divide", children: [_jsx(List.Item, { children: _jsxs("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-header`, children: [_jsx("div", { className: `${CLASS_PREFIX}--item-title ${CLASS_PREFIX}--item-label`, children: "\u6587\u4EF6\u540D" }), formType !== 'read' && (_jsx("div", { className: `${CLASS_PREFIX}--item-size ${CLASS_PREFIX}--item-label`, children: "\u5927\u5C0F" })), _jsx("div", { className: `${CLASS_PREFIX}--item-status ${CLASS_PREFIX}--item-label`, children: "\u72B6\u6001" }), _jsx("div", { className: `${CLASS_PREFIX}--item-action`, children: "\u64CD\u4F5C" })] }) }), fileIDList.map((d) => (_jsx(List.Item, { children: _jsx(TcbFileEcho, { disabled: disabled, fileID: d, formType: formType }) }, d))), fileList.map((item) => (_jsx(List.Item, { children: _jsx(TcbFileUpload, { disabled: disabled, file: item, formType: formType }) }, item === null || item === void 0 ? void 0 : item._uuid))), isEdit && fileIDList.length === 0 && fileList.length === 0 && (_jsx(List.Item, { className: `${CLASS_PREFIX}--item-empty`, children: _jsxs("div", { className: `${CLASS_PREFIX}--item`, children: ["\u70B9\u51FB\u4E0A\u65B9\u201C", btnTitle, "\u201D\u6309\u94AE"] }) }))] })] }) }) }), decorator)({
         id,
         className: cls,
         style,
@@ -192,13 +187,7 @@ const TcbFileEcho = ({ fileID, disabled, formType }) => {
             return fileID;
         }
     }, [fileID]);
-    return (React.createElement("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-body` },
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-title`, title: title }, cutFileTitle(title)),
-        formType !== 'read' && (React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, fileSizeObj[fileID] || '--')),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-status` },
-            React.createElement(UploadFileStatus, null)),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-action` },
-            React.createElement(UploadFileAction, { title: title, disabled: disabled, status: "2", fileID: fileID, src: src }))));
+    return (_jsxs("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-body`, children: [_jsx("div", { className: `${CLASS_PREFIX}--item-title`, title: title, children: cutFileTitle(title) }), formType !== 'read' && (_jsx("div", { className: `${CLASS_PREFIX}--item-size`, children: fileSizeObj[fileID] || '--' })), _jsx("div", { className: `${CLASS_PREFIX}--item-status`, children: _jsx(UploadFileStatus, {}) }), _jsx("div", { className: `${CLASS_PREFIX}--item-action`, children: _jsx(UploadFileAction, { title: title, disabled: disabled, status: "2", fileID: fileID, src: src }) })] }));
 };
 /**
  * 基于 File 上传文件过程表格行组件
@@ -241,16 +230,10 @@ const TcbFileUpload = ({ file, disabled, formType }) => {
             events.error && events.error(e);
         }
     };
-    return (React.createElement("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-body` },
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-title`, title: title }, cutFileTitle(title)),
-        formType !== 'read' && (React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, size)),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-status` },
-            React.createElement(UploadFileStatus, { status: status, percent: percent })),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-action` },
-            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 });
-                }, disabled: disabled, onReLoad: handleUpload }))));
+    return (_jsxs("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-body`, children: [_jsx("div", { className: `${CLASS_PREFIX}--item-title`, title: title, children: cutFileTitle(title) }), formType !== 'read' && (_jsx("div", { className: `${CLASS_PREFIX}--item-size`, children: size })), _jsx("div", { className: `${CLASS_PREFIX}--item-status`, children: _jsx(UploadFileStatus, { status: status, percent: percent }) }), _jsx("div", { className: `${CLASS_PREFIX}--item-action`, children: _jsx(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 });
+                    }, disabled: disabled, onReLoad: handleUpload }) })] }));
 };
 /**
  * 上传文件状态组件
@@ -258,15 +241,9 @@ const TcbFileUpload = ({ file, disabled, formType }) => {
 const UploadFileStatus = ({ status = '2', percent = 0 }) => {
     var _a, _b;
     if (status == '1' && percent) {
-        return (React.createElement(React.Fragment, null,
-            React.createElement(Icon, { type: "loading" }),
-            "\u4E0A\u4F20",
-            percent,
-            "% ..."));
+        return (_jsxs(_Fragment, { children: [_jsx(Icon, { type: "loading" }), "\u4E0A\u4F20", percent, "% ..."] }));
     }
-    return (React.createElement(React.Fragment, null,
-        React.createElement(Icon, { type: ((_a = statusMap[status]) === null || _a === void 0 ? void 0 : _a.icon) || statusMap['0'].icon }),
-        ((_b = statusMap[status]) === null || _b === void 0 ? void 0 : _b.title) || statusMap['0'].title));
+    return (_jsxs(_Fragment, { children: [_jsx(Icon, { type: ((_a = statusMap[status]) === null || _a === void 0 ? void 0 : _a.icon) || statusMap['0'].icon }), ((_b = statusMap[status]) === null || _b === void 0 ? void 0 : _b.title) || statusMap['0'].title] }));
 };
 /**
  * 操作列组件, onChange 从最外层 UploadFilePc 传进来
@@ -276,29 +253,25 @@ const UploadFileAction = ({ title = 'downfile', status = '0', fileID = '', uuid
     const { onChange, downloadVisible, deleteVisible, isEdit } = React.useContext(FileContext) || {};
     // 操作列按钮-删除
     const renderDelete = () => isEdit &&
-        deleteVisible && (React.createElement(Button, { type: "link", disabled: disabled, onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange({ fileID, uuid, type: 'delete' }) }, "\u5220\u9664"));
+        deleteVisible && (_jsx(Button, { type: "link", disabled: disabled, onClick: () => onChange === null || onChange === void 0 ? void 0 : onChange({ fileID, uuid, type: 'delete' }), children: "\u5220\u9664" }));
     // 操作列按钮-取消
-    const renderCancel = () => isEdit && (React.createElement(Button, { onClick: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(uuid), type: "link" }, "\u53D6\u6D88"));
+    const renderCancel = () => isEdit && (_jsx(Button, { onClick: () => onCancel === null || onCancel === void 0 ? void 0 : onCancel(uuid), type: "link", children: "\u53D6\u6D88" }));
     // 操作列按钮-重新上传
-    const renderReLoad = () => isEdit && (React.createElement(Button, { type: "link", onClick: () => {
+    const renderReLoad = () => isEdit && (_jsx(Button, { type: "link", onClick: () => {
             onReLoad === null || onReLoad === void 0 ? void 0 : onReLoad(file);
-        } }, "\u91CD\u65B0\u4E0A\u4F20"));
+        }, children: "\u91CD\u65B0\u4E0A\u4F20" }));
     // 操作列按钮-下载
     const renderDownLoad = () => downloadVisible &&
-        !isWebInMiniprogram && (React.createElement(Button, { type: "link", title: "\u70B9\u51FB\u4E0B\u8F7D\u6587\u4EF6", onClick: () => downloadFile(src, title) }, "\u4E0B\u8F7D"));
+        !isWebInMiniprogram() && (_jsx(Button, { type: "link", title: "\u70B9\u51FB\u4E0B\u8F7D\u6587\u4EF6", onClick: () => downloadFile(src, title), children: "\u4E0B\u8F7D" }));
     switch (status) {
         case '0':
             return renderCancel();
         case '1':
             return renderCancel();
         case '2':
-            return (React.createElement(React.Fragment, null,
-                renderDelete(),
-                renderDownLoad()));
+            return (_jsxs(_Fragment, { children: [renderDelete(), renderDownLoad()] }));
         case '3':
-            return (React.createElement(React.Fragment, null,
-                renderDelete(),
-                renderReLoad()));
+            return (_jsxs(_Fragment, { children: [renderDelete(), renderReLoad()] }));
         default:
             return null;
     }