@cloudbase/weda-ui 3.4.4 → 3.4.6

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

@@ -7,11 +7,13 @@ import { useSyncValue } from '../../../utils/hooks/useSyncValue';
 import { randomStr } from '../../../utils/platform';
 import { IMAGE_TYPES, encodeConvert } from './uploader.pc';
 import { useTempUrl } from '../../../utils/hooks/use-cloud-id-temp-url';
+import { getParentForm } from '../../../utils/widget-api';
 const uploadPath = 'weda-uploader';
 /**
  * H5端
  */
-export function ImageUploaderH5({ title: label, maxUploadCount, maxSize = 10, acceptTypes, className, id, events, layout, defaultValue, single = false, disabled = false, requiredFlag = false, labelVisible = true, onChange, style, }) {
+export function ImageUploaderH5({ title: label, maxUploadCount, maxSize = 10, acceptTypes, className, id, events, layout, defaultValue, single = false, disabled = false, requiredFlag = false, labelVisible = true, onChange, style, imgTypeCls, $node, }) {
+    var _a;
     const cls = classNames({
         'weda-ui': true,
         'weui-cells': true,
@@ -23,6 +25,7 @@ export function ImageUploaderH5({ title: label, maxUploadCount, maxSize = 10, ac
     //上传进度
     const [progress, setProgress] = React.useState(0);
     const [inputValue, setInputValue] = useSyncValue(defaultValue, isObjectEqual);
+    const formType = ((_a = getParentForm($node)) === null || _a === void 0 ? void 0 : _a.formType) || 'create';
     const fileIdList = React.useMemo(() => {
         // 兼容h5默认值为空时情况
         if (inputValue === null) {
@@ -133,12 +136,13 @@ export function ImageUploaderH5({ title: label, maxUploadCount, maxSize = 10, ac
                 React.createElement(UploaderLabel, { layout: layout, label: label, labelVisible: labelVisible, 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, disabled: disabled }))),
-                    uploading && (React.createElement("li", { className: "weui-uploader__file weui-uploader__file_status" },
+                    (fileIdList !== null && fileIdList !== void 0 ? fileIdList : []).map((f) => (React.createElement(SingleImage, { key: f, src: f, deleteBySrc: deleteFile, disabled: disabled, imgTypeCls: imgTypeCls }))),
+                    fileIdList.length < 1 && formType === 'read' && React.createElement(React.Fragment, null, "\u2014"),
+                    uploading && (React.createElement("li", { className: `weui-uploader__file weui-uploader__file_status ${imgTypeCls}` },
                         React.createElement("div", { className: "weui-uploader__file-content" },
                             progress,
                             "%")))),
-                showAdd && (React.createElement("div", { className: "weui-uploader__input-box" }, !disabled && (React.createElement("input", { "data-testid": "uploaderh5_input", id: "uploaderInput", className: "weui-uploader__input", type: "file", accept: accepts.join(','), multiple: !single, onChange: (e) => {
+                showAdd && formType !== 'read' && (React.createElement("div", { className: `weui-uploader__input-box ${imgTypeCls}` }, !disabled && (React.createElement("input", { "data-testid": "uploaderh5_input", id: "uploaderInput", className: "weui-uploader__input", type: "file", accept: accepts.join(','), multiple: !single, onChange: (e) => {
                         const files = [...e.target.files];
                         if (!islegalType(files, accepts))
                             return;
@@ -158,7 +162,7 @@ export function ImageUploaderH5({ title: label, maxUploadCount, maxSize = 10, ac
                         files.forEach((f) => uploadToTcb(f));
                     } }))))))));
 }
-function SingleImage({ src, deleteBySrc }) {
+function SingleImage({ src, deleteBySrc, disabled, imgTypeCls, }) {
     const cls = classNames({
         'weui-uploader__file': true,
     });
@@ -170,12 +174,14 @@ function SingleImage({ src, deleteBySrc }) {
     const showGallery = () => {
         const gallery = weui.gallery(encodeURI(encodeSrc), {
             onDelete: function () {
-                deleteBySrc(src);
-                gallery.hide();
+                if (!disabled) {
+                    deleteBySrc(src);
+                    gallery.hide();
+                }
             },
         });
     };
-    return (React.createElement("li", { className: cls, style: imgStyle, onClick: showGallery, "data-testid": "uploaderh5_imgStyle" }, 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)));
+    return (React.createElement("li", { className: `${cls} ${imgTypeCls}`, style: imgStyle, onClick: showGallery, "data-testid": "uploaderh5_imgStyle" }, 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 ${imgTypeCls}`, style: { width: 30, height: 30 } })))) : (false)));
 }
 const UploaderLabel = ({ layout, label, currentCount, maxCount, requiredFlag, labelVisible, }) => {
     if (layout === 'horizontal') {

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

@@ -6,6 +6,7 @@ import { randomStr } from '../../../utils/platform';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { emptyObject } from '../../../utils/constant';
 import { useTempUrl } from '../../../utils/hooks/use-cloud-id-temp-url';
+import { getParentForm } from '../../../utils/widget-api';
 // 默认组件类前缀
 export const CLASS_PREFIX = 'weda-uploader-pc';
 // 默认图片类型
@@ -36,8 +37,9 @@ export function UploaderPC({ layout, className, id, style, title, tips, ...props
         React.createElement(UploaderPCInner, { ...props })));
 }
 export function UploaderPCInner(props) {
+    var _a;
     const { tips = '', btnTitle = '上传图片', maxUploadCount = 9, maxSize = 10, value: defaultValue, // 需要兼容 cloud:和https: 协议，需要兼容 字符串和字符串数组
-    acceptTypes = IMAGE_TYPES, uploadPath = 'weda-uploader', events = emptyObject, single = false, disabled = false, onChange, } = props;
+    acceptTypes = IMAGE_TYPES, uploadPath = 'weda-uploader', events = emptyObject, single = false, disabled = false, onChange, imgTypeCls, $node, } = props;
     // 上传中
     const [uploading, setUploading] = React.useState(false);
     //上传进度
@@ -45,6 +47,7 @@ export function UploaderPCInner(props) {
     // 文件列表
     const [fileIDList, setfileIDList] = React.useState([]);
     const fileRef = React.useRef([]);
+    const formType = ((_a = getParentForm($node)) === null || _a === void 0 ? void 0 : _a.formType) || 'create';
     React.useEffect(() => {
         let initialValue = []
             .concat(defaultValue)
@@ -166,30 +169,40 @@ export function UploaderPCInner(props) {
     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", key: d },
-                React.createElement(TcbImage, { fileID: d }),
-                React.createElement("div", { className: "_weda-fn-upload-result__op" },
+            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" },
+            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` }, disabled ? (React.createElement("li", { className: "_weda-fn-upload-result__item wedatea2td-disabled" },
-                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)) && ( // single 模式时，当数组为空且不在上传文件过程中时显示
-            React.createElement(Upload, { ...extraProps, beforeUpload: beforeHandle },
-                React.createElement("li", { className: "_weda-fn-upload-result__item _weda-fn-upload-result__item--upload" },
+            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))))))))));
+                        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))))))))));
 }
 export const TcbImage = (props) => {
-    const { fileID, isZoom, ...rest } = props;
+    const { fileID, isZoom, imgTypeCls, ...rest } = props;
     const [isError, setIsError] = React.useState(false);
     const { data: src, error: requestError } = useTempUrl(fileID);
     const encodeSrc = encodeConvert(src);
@@ -197,12 +210,12 @@ export const TcbImage = (props) => {
         return React.createElement(ErrorTip, null);
     }
     if (src) {
-        return isZoom ? (React.createElement(ImagePreview, { key: fileID, className: `${CLASS_PREFIX}__image`, ...rest, src: encodeURI(encodeSrc), previewSrc: encodeURI(encodeSrc), 
+        return isZoom ? (React.createElement(ImagePreview, { key: fileID, 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`, ...rest, src: encodeURI(encodeSrc), onError: (e) => {
+            } })) : (React.createElement("img", { "data-testid": "uploaderpc_imgStyle", key: fileID, 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);
             } }));

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

@@ -274,7 +274,7 @@
 
 .weda-upload-file-mobile .weda-upload-file-mobile__item {
   width: 100%;
-  padding: 16px;
+  padding: 8px;
   display: flex;
   justify-content: space-between;
   align-items: center;
@@ -319,7 +319,7 @@
   .weda-upload-file-mobile__item
   .weda-upload-file-mobile__item-left {
   flex: 1;
-  margin-right: 16px;
+  margin-right: 4px;
   width: 70%;
 }
 
@@ -336,7 +336,7 @@
   font-size: 0.875em;
   line-height: 1.375em;
   color: rgba(0, 0, 0, 0.9);
-  max-width: 6.5rem;
+  max-width: 100%;
   overflow: hidden;
   text-overflow: ellipsis;
   white-space: nowrap;
@@ -345,8 +345,11 @@
 .weda-upload-file-mobile
   .weda-upload-file-mobile__item
   .weda-upload-file-mobile__file-status {
-  margin-left: 24px;
-  display: flex;
+  margin-left: 0.28571rem;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
 }
 
 .weda-upload-file-mobile
@@ -399,6 +402,7 @@
   background-color: #e7e7e7;
   height: 3px !important;
   margin-bottom: 0;
+  display: inline;
 }
 
 .weda-upload-file-mobile

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

@@ -2,12 +2,13 @@ import * as React from 'react';
 import weui from '../../../utils/weui';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { ConfigProvider, Button, Icon, Text, List, Progress, Tooltip, message, } from 'tea-component';
-import { filterStrList, isCloudFileID, isHttpFileID, transSize, downloadFile, transFileCloudidToName, randomStr, isInIde, } from '../../../utils/platform';
+import { filterStrList, isCloudFileID, isHttpFileID, transSize, downloadFile, transFileCloudidToName, randomStr, isInIde, isWebInMiniprogram, } from '../../../utils/platform';
 import { getCloudInstance } from '../../../utils/tcb';
 import classNames from '../../../utils/classnames';
 import { renderDecorator } from '../renderDecorator';
 import { emptyArray, emptyObject } from '../../../utils/constant';
 import { useTempUrl } from '../../../utils/hooks/use-cloud-id-temp-url';
+import { getParentForm } from '../../../utils/widget-api';
 // 默认组件类前缀
 const CLASS_PREFIX = 'weda-upload-file-mobile';
 // 默认图片类型
@@ -36,7 +37,8 @@ export function UploadFileH5({
 layout, id = '', style = defaultStyle, labelVisible = true, label = '上传文件', requiredFlag = false, disabled = false, className = '', acceptTypes = emptyArray, 
 // 组件属性
 tips = '', btnTitle = '点击上传', maxUploadCount = 9, maxSize = 10, deleteVisible = true, downloadVisible = true, value = emptyArray, // 需要兼容 cloud:和https: 协议，需要兼容字符串和字符串数组
-events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true, onChange = null, isEdit = true, }) {
+events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true, onChange = null, isEdit = true, $node, }) {
+    var _a;
     const [fileIDList, setfileIDList] = React.useState(isInIde() ? [] : filterStrList([].concat(defaultValue, value))); // 上传成功文件ID列表，fileID[]
     const [fileList, setFileList] = React.useState([]); // 上传中的文件列表，file[]，file为原始文件 + uuid属性
     const [fileSizeObj, setFileSizeObj] = React.useState({}); // 管理上传文件大小 {uuid:size}
@@ -44,6 +46,7 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
     const prevDefaultRef = React.useRef([]);
     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(() => {
         //有有效默认值时不刷新，解决初次渲染默认值不显示问题
         if (!isInIde() &&
@@ -169,8 +172,8 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
                     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 })))),
-                            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 })))))))))))({
+                            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 })))))))))))({
         id,
         className: cls,
         style,
@@ -183,7 +186,7 @@ events = emptyObject, defaultValue, uploadPath = 'weda-uploader', single = true,
 /**
  * 基于 FileID 文件回显组件
  */
-const TcbFileEcho = ({ fileID, disabled }) => {
+const TcbFileEcho = ({ fileID, disabled, formType }) => {
     const { fileSizeObj } = React.useContext(FileContext) || {};
     const { data: src, error } = useTempUrl(fileID);
     if (error) {
@@ -203,14 +206,14 @@ const TcbFileEcho = ({ fileID, disabled }) => {
     //上传文件列表展示
     return (React.createElement("div", { className: `${CLASS_PREFIX}__item` },
         React.createElement("div", { className: `${CLASS_PREFIX}__item-left` },
-            React.createElement(UploadFileStatus, { title: label, size: fileSizeObj[fileID] || '--' })),
+            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 }))));
 };
 /**
  * 基于 File 上传文件过程组件
  */
-const TcbFileUpload = ({ file, disabled }) => {
+const TcbFileUpload = ({ file, disabled, formType }) => {
     const { uploadPath, onChange, events } = React.useContext(FileContext) || {};
     const [percent, setPercent] = React.useState(0); // 上传进度
     const [status, setStatus] = React.useState('UPLOAD_STATUS_PENDING'); // 上传状态
@@ -251,7 +254,7 @@ const TcbFileUpload = ({ file, disabled }) => {
     };
     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 })),
+            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;
@@ -261,7 +264,7 @@ const TcbFileUpload = ({ file, disabled }) => {
 /**
  * 上传文件状态组件
  */
-const UploadFileStatus = ({ status = 'UPLOAD_STATUS_SUCCESS', percent = 0, size, title = null, percentSize = 0, }) => {
+const UploadFileStatus = ({ status = 'UPLOAD_STATUS_SUCCESS', percent = 0, size, title = null, percentSize = 0, formType, }) => {
     var _a, _b;
     const { isEdit } = React.useContext(FileContext) || {};
     //上传中、待上传状态
@@ -269,30 +272,29 @@ const UploadFileStatus = ({ status = 'UPLOAD_STATUS_SUCCESS', percent = 0, size,
         (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", { className: `${CLASS_PREFIX}__file-status` },
-                    React.createElement("div", { className: `${CLASS_PREFIX}__file-status` },
-                        React.createElement(Progress, { percent: percent, theme: "default", strokeColor: '#0052D9', className: `${CLASS_PREFIX}__file-progress` })))),
+                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` },
-                React.createElement("div", null,
+                formType !== 'read' && (React.createElement("div", null,
                     React.createElement(Text, null,
                         Math.floor(percentSize),
                         "K/"),
-                    React.createElement(Text, null, size)),
+                    React.createElement(Text, null, size))),
                 React.createElement(Text, null, 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)),
+                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)))),
-        isEdit && (React.createElement("div", { className: `${CLASS_PREFIX}__file-foot` },
-            React.createElement("div", null,
-                React.createElement(Text, null, size))))));
+                    statusMap['UPLOAD_STATUS_PENDING'].title)))))));
 };
 /**
  * 操作列组件, onChange 从最外层 UploadFilePc 传进来
@@ -319,7 +321,7 @@ const UploadFileAction = ({ status = 'UPLOAD_STATUS_PENDING', fileID = '', uuid
             return (React.createElement(React.Fragment, null,
                 deleteVisible && renderDelete(),
                 ' ',
-                downloadVisible && renderDownLoad()));
+                downloadVisible && !isWebInMiniprogram() && renderDownLoad()));
         case 'UPLOAD_STATUS_ERROR':
             return (React.createElement(React.Fragment, null,
                 deleteVisible && renderDelete(),

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

@@ -1,12 +1,13 @@
 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, } from '../../../utils/platform';
+import { filterStrList, isCloudFileID, isHttpFileID, transSize, downloadFile, cutFileTitle, transFileCloudidToName, randomStr, isInIde, isWebInMiniprogram, } from '../../../utils/platform';
 import { getCloudInstance } from '../../../utils/tcb';
 import classNames from '../../../utils/classnames';
 import { renderDecorator } from '../renderDecorator';
 import isObjectEqual from '../../../utils/isObjectEqual';
 import { emptyArray, emptyObject } from '../../../utils/constant';
 import { useTempUrl } from '../../../utils/hooks/use-cloud-id-temp-url';
+import { getParentForm } from '../../../utils/widget-api';
 // 默认组件类前缀
 const CLASS_PREFIX = 'weda-upload-file-pc';
 // 上传状态字典
@@ -27,7 +28,8 @@ layout, id = '', style, labelVisible = true, label = '上传文件', requiredFla
 // 组件属性
 decorator, tips = '', btnTitle = '点击上传', maxUploadCount = 9, maxSize = 1024, single = true, defaultValue = emptyArray, // 组件默认初始化值
 value = emptyArray, // 用于模型组件中 formily 的值管理
-acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPath = 'weda-uploader', onChange = null, isEdit = true, }) {
+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 [fileList, setFileList] = React.useState([]); // 上传中的文件列表，file[]，file为原始文件 + uuid属性
     const [fileSizeObj, setFileSizeObj] = React.useState({}); // 管理上传文件大小 {uuid:size}
@@ -35,6 +37,7 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
     const prevDefaultRef = React.useRef([]);
     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(() => {
         //有有效默认值时不刷新，解决初次渲染默认值不显示问题
         if (!isInIde() &&
@@ -156,11 +159,11 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
                     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"),
-                            React.createElement("div", { className: `${CLASS_PREFIX}--item-size ${CLASS_PREFIX}--item-label` }, "\u5927\u5C0F"),
+                            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 })))),
-                    fileList.map((item) => (React.createElement(List.Item, { key: item === null || item === void 0 ? void 0 : item._uuid }, React.createElement(TcbFileUpload, { disabled: disabled, file: item })))),
+                    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",
@@ -178,7 +181,7 @@ acceptTypes = emptyArray, downloadVisible = true, deleteVisible = true, uploadPa
 /**
  * 基于 FileID 回显文件表格行组件
  */
-const TcbFileEcho = ({ fileID, disabled }) => {
+const TcbFileEcho = ({ fileID, disabled, formType }) => {
     const { fileSizeObj } = React.useContext(FileContext) || {};
     const { data: src } = useTempUrl(fileID);
     const title = React.useMemo(() => {
@@ -191,7 +194,7 @@ const TcbFileEcho = ({ fileID, disabled }) => {
     }, [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)),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, fileSizeObj[fileID] || '--'),
+        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` },
@@ -200,7 +203,7 @@ const TcbFileEcho = ({ fileID, disabled }) => {
 /**
  * 基于 File 上传文件过程表格行组件
  */
-const TcbFileUpload = ({ file, disabled }) => {
+const TcbFileUpload = ({ file, disabled, formType }) => {
     const { uploadPath, onChange, events } = React.useContext(FileContext) || {};
     const [percent, setPercent] = React.useState(0); // 上传进度
     const [status, setStatus] = React.useState('0'); // 上传状态
@@ -240,7 +243,7 @@ const TcbFileUpload = ({ file, disabled }) => {
     };
     return (React.createElement("div", { className: `${CLASS_PREFIX}--item ${CLASS_PREFIX}--item-body` },
         React.createElement("div", { className: `${CLASS_PREFIX}--item-title`, title: title }, cutFileTitle(title)),
-        React.createElement("div", { className: `${CLASS_PREFIX}--item-size` }, size),
+        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` },
@@ -281,7 +284,8 @@ const UploadFileAction = ({ title = 'downfile', status = '0', fileID = '', uuid
             onReLoad === null || onReLoad === void 0 ? void 0 : onReLoad(file);
         } }, "\u91CD\u65B0\u4E0A\u4F20"));
     // 操作列按钮-下载
-    const renderDownLoad = () => downloadVisible && (React.createElement(Button, { type: "link", title: "\u70B9\u51FB\u4E0B\u8F7D\u6587\u4EF6", onClick: () => downloadFile(src, title) }, "\u4E0B\u8F7D"));
+    const renderDownLoad = () => downloadVisible &&
+        !isWebInMiniprogram && (React.createElement(Button, { type: "link", title: "\u70B9\u51FB\u4E0B\u8F7D\u6587\u4EF6", onClick: () => downloadFile(src, title) }, "\u4E0B\u8F7D"));
     switch (status) {
         case '0':
             return renderCancel();

package/dist/web/components/form/userOrgSelect/common/fetch-data-service.js

@@ -236,7 +236,6 @@ export async function getDepartByIds({ ids, request }) {
             const dataRecord = res === null || res === void 0 ? void 0 : res.DataList.map((item) => JSON.parse((item === null || item === void 0 ? void 0 : item.DataRecord) || {}));
             return { orgList: dealOrgData(dataRecord), orgIds };
         }
-        // return [];
         return res;
     }
     catch (error) {

package/dist/web/components/form/userOrgSelect/component/depart-select/index.js

@@ -39,7 +39,7 @@ export default function DepartTreeSelect(props) {
             setErrorInfo({ errorStatus: false, errorMessage: null });
             if (ids && ids.length !== 0 && !isInIde()) {
                 const { orgList } = await getDepartByIds({ ids, request });
-                setConfirmOrgList(orgList);
+                setConfirmOrgList(orgList || []);
             }
             else {
                 setConfirmOrgList([]);

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

@@ -11,7 +11,7 @@ import { useViewData } from '../../hooks/use-views-data';
 import { useDepartData } from '../../hooks/use-depart-data';
 import { parseStrToArr } from '../../common/utils';
 export default function UserTreeSelect(props) {
-    const { events = emptyObject, defaultValue = emptyArray, confirmValue = '', defaultValueType = 'noneUser', onChange = null, multiple = false, request = defaultRequest, where, } = props;
+    const { events = emptyObject, defaultValue = emptyArray, confirmValue = '', defaultValueType = 'noneUser', onChange = null, multiple = false, request = defaultRequest, where, confirmAction, closeAction, } = props;
     const platform = usePlatform();
     const [errInfo, setErrInfo] = useState({
         errorStatus: false,
@@ -86,32 +86,20 @@ export default function UserTreeSelect(props) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [defaultValueType, selectUserIds]);
     useEffect(() => {
-        var _a, _b, _c;
+        var _a;
         setSelectedUserList(confirmUserList);
-        onChange === null || onChange === void 0 ? void 0 : onChange(multiple
-            ? confirmUserList.length > 0
-                ? confirmUserList.map((e) => {
-                    return e === null || e === void 0 ? void 0 : e.id;
-                })
-                : null
-            : (_a = confirmUserList[0]) === null || _a === void 0 ? void 0 : _a.id);
-        (_b = events === null || events === void 0 ? void 0 : events.change) === null || _b === void 0 ? void 0 : _b.call(events, multiple
-            ? {
-                value: confirmUserList.length > 0
-                    ? confirmUserList.map((e) => {
-                        return e === null || e === void 0 ? void 0 : e.id;
-                    })
-                    : null,
-                data: confirmUserList,
-            }
-            : {
-                value: ((_c = confirmUserList[0]) === null || _c === void 0 ? void 0 : _c.id) || null,
-                data: confirmUserList[0] || null,
-            });
+        onChange === null || onChange === void 0 ? void 0 : onChange(setOnChangeValue(multiple, confirmUserList));
+        (_a = events === null || events === void 0 ? void 0 : events.change) === null || _a === void 0 ? void 0 : _a.call(events, setOnChangeValue(multiple, confirmUserList, true));
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [confirmUserList]);
+    /** 点击确认时获取所选用户，调用confirmAction，将所选用户向外传出 */
+    const onConfirmSelectUser = (selectedUserList) => {
+        const selectedUser = setOnChangeValue(multiple, selectedUserList, true);
+        confirmAction === null || confirmAction === void 0 ? void 0 : confirmAction(selectedUser);
+    };
     //确定 关闭弹窗
     const onConfirm = () => {
+        onConfirmSelectUser(selectedUserList);
         setConfirmUserList(selectedUserList);
         setOpen(false);
     };
@@ -120,6 +108,7 @@ export default function UserTreeSelect(props) {
         setSelectedUserIds([]);
         setSelectedUserList([]);
         setOpen(false);
+        closeAction === null || closeAction === void 0 ? void 0 : closeAction();
     };
     const restProps = {
         errInfo,
@@ -140,6 +129,7 @@ export default function UserTreeSelect(props) {
         filterParams,
         treeData,
         error,
+        onConfirmSelectUser,
     };
     if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
         return React.createElement(UserSelectPC, { ...restProps, ...props });
@@ -149,3 +139,34 @@ export default function UserTreeSelect(props) {
     }
     return platform === 'h5' ? (React.createElement(UserSelectH5, { ...restProps, ...props })) : (React.createElement(UserSelectPC, { ...restProps, ...props }));
 }
+/**
+ * 设置onChange值
+ * @param multiple 是否是多选
+ * @param confirmUserList 已选用户列表
+ * @param isEventChange 是否是event事件
+ */
+function setOnChangeValue(multiple, confirmUserList, isEventChange = false) {
+    var _a, _b;
+    if (isEventChange) {
+        return multiple
+            ? {
+                value: confirmUserList.length > 0
+                    ? confirmUserList.map((e) => {
+                        return e === null || e === void 0 ? void 0 : e.id;
+                    })
+                    : null,
+                data: confirmUserList,
+            }
+            : {
+                value: ((_a = confirmUserList[0]) === null || _a === void 0 ? void 0 : _a.id) || null,
+                data: confirmUserList[0] || null,
+            };
+    }
+    return multiple
+        ? confirmUserList.length > 0
+            ? confirmUserList.map((e) => {
+                return e === null || e === void 0 ? void 0 : e.id;
+            })
+            : null
+        : (_b = confirmUserList[0]) === null || _b === void 0 ? void 0 : _b.id;
+}

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

@@ -1,4 +1,4 @@
-import React, { useState } from 'react';
+import React, { useState, useImperativeHandle } from 'react';
 import { renderDecorator } from '../../../renderDecorator';
 import classNames from '../../../../../utils/classnames';
 import { defaultRequest } from '../../common/fetch-data-service';
@@ -6,9 +6,9 @@ import { ConfigProvider } from 'tea-component';
 import { ModalSelectH5 } from '../modal-select-h5';
 import { InputTags } from '../input-tags';
 export function UserTreeSelectH5({ id, className, style, label = '成员选择', labelVisible = true, placeholder = '请选择成员', disabled = false, layout = 'horizontal', requiredFlag = false, decorator, multiple = false, //是否多选
-pageNo, setPageNo, pageSize, 
+outerRef, pageNo, setPageNo, pageSize, 
 // platform,
-request = defaultRequest, onCancel, onConfirm, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, open, setOpen, filterParams, treeData, error, }) {
+request = defaultRequest, onCancel, onConfirm, selectedUserList, setSelectedUserList, confirmUserList, setConfirmUserList, open, setOpen, filterParams, treeData, error, onConfirmSelectUser, }) {
     const cls = classNames({
         'weda-ui': true,
         'weda-select-user-dept': true,
@@ -26,6 +26,15 @@ request = defaultRequest, onCancel, onConfirm, selectedUserList, setSelectedUser
         errorStatus: false,
         errorMessage: null,
     });
+    useImperativeHandle(outerRef, () => {
+        return {
+            methods: {
+                open: () => {
+                    setOpen(true);
+                },
+            },
+        };
+    }, [setOpen]);
     const onFocus = function () {
         setSelectedUserList(confirmUserList);
         if (!disabled)
@@ -34,7 +43,9 @@ request = defaultRequest, onCancel, onConfirm, selectedUserList, setSelectedUser
     return renderDecorator(React.createElement(ConfigProvider, { classPrefix: "wedatea2td" },
         React.createElement("div", { className: subCls, onClick: onFocus },
             React.createElement(InputTags, { tagsList: confirmUserList, placeholder: placeholder, multiple: multiple, errInfo: errorInfo, disabled: disabled, platForm: 'h5', onClose: (e, item) => {
-                    setConfirmUserList(confirmUserList.filter((l) => (l === null || l === void 0 ? void 0 : l.id) !== (item === null || item === void 0 ? void 0 : item.id)));
+                    const currentConfirmUserList = confirmUserList.filter((l) => (l === null || l === void 0 ? void 0 : l.id) !== (item === null || item === void 0 ? void 0 : item.id));
+                    setConfirmUserList(currentConfirmUserList);
+                    onConfirmSelectUser(currentConfirmUserList);
                     e.stopPropagation();
                 } })),
         React.createElement(ModalSelectH5, { open: open, request: request, treeData: treeData, originalOrgData: originalOrgData, setOriginalOrgData: setOriginalOrgData, multiple: multiple, errorInfo: errorInfo, selectedUserList: selectedUserList, setSelectedUserList: setSelectedUserList, confirmUserList: confirmUserList, onClose: onCancel, onConfirm: onConfirm, setErrorInfo: setErrorInfo, filterParams: filterParams, pageNo: pageNo, setPageNo: setPageNo, pageSize: pageSize, treeDataError: error })))({