@cloudbase/weda-ui 0.2.17 → 0.2.21-alpha.2

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

@@ -0,0 +1,116 @@
+import { compressImage } from './compress';
+import { getCloudInstance } from '../../../utils/tcb';
+import { toBase64Uri } from '../../../utils/file2base64';
+import { randomStr } from '../../../utils/platform';
+import { errorHandler } from '../../../utils/error';
+export const getBase64 = (files) => {
+    return Promise.all(files.map(async (item) => {
+        let tempUrl = '';
+        if (item.file instanceof File) {
+            tempUrl = await toBase64Uri(item.file);
+        }
+        return {
+            ...item,
+            tempUrl,
+            loading: true,
+            progress: 0,
+        };
+    }));
+};
+// 多张上传
+export const uploadTcbMulti = async (files, props) => {
+    const { isCompressBeforeUpload, compressedHeight, compressedWidth, compressQuality, } = props;
+    const promiseAll = files.map(async (f) => {
+        if (isCompressBeforeUpload) {
+            const compressed = await compressImage(f.file, {
+                compressedHeight,
+                compressedWidth,
+                compressQuality,
+            });
+            return uploadToTcb({ ...f, file: compressed }, props);
+        }
+        return uploadToTcb(f, props);
+    });
+    const result = await Promise.all(promiseAll);
+    return result;
+};
+export const filenameRegex = /[^a-zA-Z0-9\u4e00-\u9fff-*!_.]/g;
+const uploadToTcb = async (item, props) => {
+    var _a, _b;
+    const { onUploadProgress, onUploadFinish, onUploadError } = props;
+    const { file, uploadPath } = item;
+    try {
+        const tcb = await getCloudInstance();
+        const cloudPath = `${uploadPath}/${randomStr()}-${(_a = file === null || file === void 0 ? void 0 : file.name) === null || _a === void 0 ? void 0 : _a.replace(filenameRegex, '-')}`;
+        const { fileID } = await tcb.uploadFile({
+            cloudPath,
+            filePath: file,
+            onUploadProgress: (progressEvent) => {
+                let percentCompleted = 0;
+                try {
+                    percentCompleted = Math.round((progressEvent.loaded * 100) / progressEvent.total);
+                    percentCompleted < 100 ? percentCompleted : 100;
+                }
+                catch (e) {
+                    errorHandler({
+                        code: 'WdUploadImage.OnUploadProgressError',
+                        error: e,
+                    });
+                }
+                if (onUploadProgress) {
+                    onUploadProgress({ ...item, progress: percentCompleted });
+                }
+            },
+        });
+        const fileItem = {
+            ...item,
+            progress: 100,
+            loading: false,
+            realUrl: fileID,
+        };
+        if (onUploadFinish) {
+            onUploadFinish(fileItem);
+        }
+        return fileItem;
+    }
+    catch (err) {
+        errorHandler({
+            code: 'WdUploadImage.UploadToTcbError',
+            error: err,
+        });
+        (_b = window === null || window === void 0 ? void 0 : window.$w) === null || _b === void 0 ? void 0 : _b.utils.showModal({
+            title: '上传失败，请重试',
+            content: err.message,
+            showCancel: false,
+        });
+        onUploadError(err);
+    }
+};
+export const checkAcceptedFiles = (file, acceptedFiles) => {
+    if (file && acceptedFiles) {
+        const acceptedFilesArray = Array.isArray(acceptedFiles)
+            ? acceptedFiles
+            : acceptedFiles.split(',');
+        if (acceptedFilesArray.length === 0) {
+            return true;
+        }
+        if (acceptedFilesArray.includes('*')) {
+            return true;
+        }
+        const fileName = file.name || '';
+        const mimeType = (file.type || '').toLowerCase();
+        const baseMimeType = mimeType.replace(/\/.*$/, '');
+        return acceptedFilesArray.some((type) => {
+            const validType = type.trim().toLowerCase();
+            if (validType.charAt(0) === '.') {
+                return fileName.toLowerCase().endsWith(validType);
+            }
+            else if (validType.endsWith('/*')) {
+                // This is something like a image/* mime type
+                return baseMimeType === validType.replace(/\/.*$/, '');
+            }
+            return mimeType === validType;
+        });
+    }
+    return true;
+};

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

@@ -0,0 +1,426 @@
+.weda-uploader-pc {
+  margin: 0;
+  padding: 0;
+}
+
+.weda-uploader-pc .weda-uploader-pc__title {
+  color: #000000;
+  line-height: 20px;
+  font-weight: 400;
+  margin-bottom: 4px;
+}
+
+/* 单张图片回显 */
+.weda-uploader-pc .weda-uploader-pc__image-box {
+  height: 100px;
+  width: 100px;
+  margin-right: 8px;
+  margin-bottom: 8px;
+  background: #f2f2f2;
+  position: relative;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  flex-direction: column;
+}
+
+.weda-uploader-pc .weda-uploader-pc__body {
+  margin-bottom: 8px;
+}
+
+.weda-uploader-pc .weda-uploader-pc__input-box {
+  margin-bottom: 8px;
+}
+.weda-uploader-pc.cloudbase_standard .weda-uploader-pc__body {
+  margin-bottom: 0px;
+}
+
+.weda-uploader-pc.cloudbase_standard .weda-uploader-pc__input-box {
+  margin-bottom: 0px;
+}
+.weda-uploader-pc.cloudbase_standard .weda-uploader-pc__image-list {
+  margin-left: 8px;
+}
+
+.weda-uploader-pc .weda-uploader-pc__image-box:hover .weda-uploader-pc__action {
+  display: flex;
+}
+
+.weda-uploader-pc .weda-uploader-pc__image {
+  max-height: 100%;
+  height: auto;
+  width: 100%;
+  cursor: zoom-in;
+}
+
+.weda-uploader-pc .weda-uploader-pc__action {
+  display: none;
+  position: absolute;
+  top: 0;
+  left: 0;
+  right: 0;
+  bottom: 0;
+  justify-content: center;
+  align-items: center;
+  background-color: rgba(0, 0, 0, 0.6);
+}
+
+.weui-uploader.horizontal {
+  display: flex;
+}
+.weui-uploader.horizontal .weui-uploader__hd {
+  display: inline-block;
+  align-self: center;
+}
+.weda-uploader-pc.horizontal {
+  display: flex;
+  justify-content: space-between;
+}
+
+/* ----上传文件----  pc */
+.weda-upload-file-pc .weda-upload-file-pc__file-item {
+  display: flex;
+  flex-wrap: nowrap;
+  justify-content: space-between;
+  align-items: center;
+}
+
+.weda-upload-file-pc .weda-upload-file-pc__btn-descripe {
+  line-height: 20px;
+  color: var(--wd-color-text-placeholder, rgba(0, 0, 0, 0.4));
+  font-size: var(--wd-font-size-2, 0.75em);
+}
+
+.weda-upload-file-pc .wedatea2td-list--divider > li {
+  padding: 0 !important;
+}
+
+.weda-upload-file-pc .wedatea2td-list--divider > li:nth-child(n + 2) {
+  border-top: 0;
+  border-bottom: 1px solid #e7e7e7;
+}
+
+.weda-upload-file-pc .weda-upload-file-pc--item {
+  display: flex;
+  font-size: 0.875em;
+}
+
+.weda-upload-file-pc .weda-upload-file-pc--item-header {
+  border: 1px solid #e7e7e7;
+  line-height: 1.375em;
+  font-size: var(--wd-font-size-3, 0.875em);
+  color: var(--wd-color-text-placeholder, rgba(0, 0, 0, 0.4));
+  margin-top: 16px;
+}
+
+.weda-upload-file-pc .weda-upload-file-pc--item-body {
+  border-left: 1px dashed #e7e7e7;
+  border-right: 1px dashed #e7e7e7;
+  font-size: 0.875em;
+  line-height: 1.375em;
+  color: rgba(0, 0, 0, 0.9);
+  align-items: center;
+}
+
+.weda-upload-file-pc
+  .weda-upload-file-pc--item-header
+  .weda-upload-file-pc--item-label {
+  border-right: 1px solid #e7e7e7;
+}
+
+.weda-upload-file-pc
+  .weda-upload-file-pc--item
+  .weda-upload-file-pc--item-title {
+  width: 220px;
+  padding: 10px 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.weda-upload-file-pc
+  .weda-upload-file-pc--item
+  .weda-upload-file-pc--item-size {
+  width: 100px;
+  padding: 10px 12px;
+}
+
+.weda-upload-file-pc
+  .weda-upload-file-pc--item
+  .weda-upload-file-pc--item-status {
+  width: 150px;
+  padding: 10px 12px;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.weda-upload-file-pc
+  .weda-upload-file-pc--item
+  .weda-upload-file-pc--item-action {
+  width: 160px;
+  padding: 10px 12px;
+}
+
+.weda-upload-file-pc .weda-upload-file-pc__btn--weak {
+  border-color: #dcdcdc;
+  width: 88px;
+  font-weight: normal;
+  color: var(--wd-color-text-default, rgba(0, 0, 0, 0.9));
+  font: var(--wd-typography-body-md, 14px);
+}
+
+.weda-upload-file-pc
+  .weda-upload-file-pc--item
+  .weda-upload-file-pc--item-status
+  .wedatea2td-icon {
+  margin-right: 8px;
+}
+
+.weda-upload-file-pc
+  .weda-upload-file-pc--item
+  .weda-upload-file-pc--item-status
+  .wedatea2td-icon.wedatea2td-icon-pending-gray {
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTRweCIgaGVpZ2h0PSIxNHB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+SWNvbjwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSJwYyIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoLTY1MS4wMDAwMDAsIC0zOTQuMDAwMDAwKSI+CiAgICAgICAgICAgIDxnIGlkPSLkuIrkvKAv5om56YeP5LiK5Lyg5Lit5aSH5Lu9IiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgzNzIuMDAwMDAwLCAxNDcuMDAwMDAwKSI+CiAgICAgICAgICAgICAgICA8ZyBpZD0i5YaF5a655YiXIiB0cmFuc2Zvcm09InRyYW5zbGF0ZSgwLjAwMDAwMCwgMTA3LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgICAgIDxnIHRyYW5zZm9ybT0idHJhbnNsYXRlKDI1NC4wMDAwMDAsIDEyNi4wMDAwMDApIiBpZD0i57yW57uEIj4KICAgICAgICAgICAgICAgICAgICAgICAgPGcgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMjQuMDAwMDAwLCAxMy4wMDAwMDApIiBpZD0iMS5CYWNl5Z+656GALzMuSWNvbuWbvuaghy/mk43kvZwvbW92ZSI+CiAgICAgICAgICAgICAgICAgICAgICAgICAgICA8cGF0aCBkPSJNMCwwIEwxNiwwIEwxNiwxNiBMMCwxNiBMMCwwIFoiIGlkPSJ0aW1lLWZpbGxlZC0oQmFja2dyb3VuZCkiPjwvcGF0aD4KICAgICAgICAgICAgICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSw4IEMxNSw0LjEzNDAwNjc0IDExLjg2NTk5MzUsMSA4LDEgQzQuMTM0MDA2NzQsMSAxLDQuMTM0MDA2NzQgMSw4IEMxLDExLjg2NTk5MzUgNC4xMzQwMDY3NCwxNSA4LDE1IEMxMS44NjU5OTM1LDE1IDE1LDExLjg2NTk5MzUgMTUsOCBaIE03LjUsOC4zODg5MjQ2IEwxMC42NDY2OTA0LDExLjUzNTYxNTkgTDExLjM1Mzc5NzksMTAuODI4NTA4NCBMOC41LDcuOTc0NzExNDIgTDguNSw1IEw3LjUsNSBMNy41LDguMzg4OTI0NiBaIiBpZD0idGltZS1maWxsZWQiIGZpbGwtb3BhY2l0eT0iMC40IiBmaWxsPSIjMDAwMDAwIj48L3BhdGg+CiAgICAgICAgICAgICAgICAgICAgICAgIDwvZz4KICAgICAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgICAgICA8L2c+CiAgICAgICAgICAgIDwvZz4KICAgICAgICA8L2c+CiAgICA8L2c+Cjwvc3ZnPg==);
+}
+
+.weda-upload-file-pc
+  .weda-upload-file-pc--item
+  .weda-upload-file-pc--item-action
+  .wedatea2td-btn {
+  font-size: 0.875em;
+  line-height: 1.375em;
+  margin-right: 12px;
+  color: var(--wd-color-brand, #0052d9);
+}
+
+.weda-upload-file-pc
+  .weda-upload-file-pc--item
+  .weda-upload-file-pc--item-action
+  .wedatea2td-btn:last-child {
+  margin-right: 0;
+}
+
+.weda-upload-file-pc .weda-upload-file-pc--item-empty {
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  height: 169px;
+
+  border: 1px dashed #dcdcdc !important;
+  border-top: none !important;
+  border-radius: 0 0 2px 2px;
+}
+
+.weda-upload-file-pc
+  .weda-upload-file-pc--item-empty
+  .weda-upload-file-pc--item {
+  line-height: 1.375em;
+  color: var(--wd-color-text-placeholder, rgba(0, 0, 0, 0.4));
+  font-size: var(--wd-font-size-3, 0.875em);
+}
+
+/* ----上传文件----  h5 */
+.weda-upload-file-mobile {
+  width: 90%;
+}
+
+.weda-upload-file-mobile .weda-upload-file-mobile__hd {
+  width: 100%;
+  padding: 16px;
+  padding-left: 0;
+  display: flex;
+}
+.weda-upload-file-mobile .vertical {
+  padding: 0 20px 8px 20px;
+}
+.weda-upload-file-mobile .weda-upload-file-mobile__title {
+  font-size: 0.875em;
+  line-height: 1.25em;
+  color: #000;
+  margin-right: 20px;
+  padding-top: 6px;
+}
+
+.weda-upload-file-mobile .weda-upload-file-mobile__btn--weak {
+  width: 88px;
+  padding: 0 16px;
+  font-size: 14px;
+  color: rgba(0, 0, 0, 0.9);
+  border: 1px solid #dcdcdc;
+  border-radius: 3px;
+  line-height: 1.375em;
+}
+
+.weda-upload-file-mobile .weda-upload-file-mobile__tips {
+  display: block;
+  margin-top: 8px;
+  margin-bottom: 8px;
+  line-height: 1.25em;
+  color: var(--wd-color-text-placeholder, rgba(0, 0, 0, 0.4));
+  font-size: var(--wd-font-size-2, 0.75em);
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__bd
+  .weda-uploader-files_split {
+  height: 8px;
+  width: 100%;
+  background-color: #f6f6f6;
+}
+
+.weda-upload-file-mobile .weda-upload-file-mobile__bd .wedatea2td-list > li {
+  margin-bottom: 8px;
+}
+
+.weda-upload-file-mobile .weda-upload-file-mobile__item {
+  width: 100%;
+  padding: 8px;
+  display: flex;
+  justify-content: space-between;
+  align-items: center;
+  box-sizing: border-box;
+}
+
+.weda-upload-file-mobile .weda-upload-file-mobile__btn-group {
+  display: flex;
+  width: 70px;
+}
+
+.weda-upload-file-mobile .weda-upload-file-mobile__item .wedatea2td-icon {
+  width: 24px;
+  height: 24px;
+  margin-right: 16px;
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__btn-group
+  .wedatea2td-icon:last-child {
+  margin-right: 0;
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .wedatea2td-icon.wedatea2td-icon-delete {
+  background-image: url('https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/2372f6a8-2f6a-4f30-92bf-73c62a5c0ae7.svg');
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .wedatea2td-icon.wedatea2td-icon-download {
+  background-image: url('https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/4cba5da1-cde4-40c6-a075-86eff22858a4.svg');
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .wedatea2td-icon.wedatea2td-icon-refresh {
+  background-image: url('https://imgcache.qq.com/qcloud/tcloud_dtc/static/static_source_business/af5486eb-65e0-4536-8e51-6c68a17b71ac.svg');
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__item-left {
+  flex: 1;
+  margin-right: 4px;
+  max-width: calc(100% - 75px);
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__file-detail {
+  display: flex;
+  align-items: center;
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__file-name {
+  font-size: 0.875em;
+  line-height: 1.375em;
+  color: rgba(0, 0, 0, 0.9);
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__file-status {
+  margin-right: 0.28571rem;
+  display: inline-block;
+  white-space: nowrap;
+  overflow: hidden;
+  text-overflow: ellipsis;
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__file-status
+  .wedatea2td-icon {
+  width: 16px;
+  height: 16px;
+  background-size: 100% 100%;
+  margin-right: 0;
+}
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__file-status
+  .wedatea2td-icon.wedatea2td-icon-fail {
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+MS5CYWNl5Z+656GALzMuSWNvbuWbvuaghy/mk43kvZwvbW92ZTwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLnlLvmnb8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQuMDAwMDAwLCAtMjEwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iMS5CYWNl5Z+656GALzMuSWNvbuWbvuaghy/mk43kvZwvbW92ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAzLjAwMDAwMCwgMjA5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMCBMMTYsMCBMMTYsMTYgTDAsMTYgTDAsMCBaIiBpZD0iY2xvc2UtY2lyY2xlLWZpbGxlZC0oQmFja2dyb3VuZCkiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik04LDEgQzQuMTM0MDA5MTIsMSAxLDQuMTM0MDA0ODMgMSw4IEMxLDExLjg2NTk5MTYgNC4xMzQwMDQ4MywxNSA4LDE1IEMxMS44NjU5OTE2LDE1IDE1LDExLjg2NTk5NTQgMTUsOCBDMTUsNC4xMzQwMDkxMiAxMS44NjU5OTU0LDEgOCwxIFogTTguMDAwMDExOTIsNy4yOTA3NTE0NiBMMTAuMzI5MTE3OCw0Ljk0NzUzODE0IEwxMS4wMzgzNTU4LDUuNjUyNTA3MzEgTDguNzA0OTkzMjUsOCBMMTEuMDM4MzQ3MiwxMC4zNDc0ODk0IEwxMC4zMjkxMDgyLDExLjA1MjQ1NzggTDguMDAwMDExNDQsOC43MDkyNTQyNiBMNS42NzA5MTU2LDExLjA1MjQ1NzggTDQuOTYxNjc2NiwxMC4zNDc0ODg0IEw3LjI5NTAzMDU5LDggTDQuOTYxNjY3NzgsNS42NTI1MDY4MyBMNS42NzA5MDY1NCw0Ljk0NzUzODE0IEw4LjAwMDAxMTkyLDcuMjkwNzUxNDYgWiIgaWQ9ImNsb3NlLWNpcmNsZS1maWxsZWQiIGZpbGw9IiNFMzRENTkiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
+}
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__file-status
+  .wedatea2td-icon.wedatea2td-icon-success {
+  background-image: url(data:image/svg+xml;charset=utf-8;base64,PD94bWwgdmVyc2lvbj0iMS4wIiBlbmNvZGluZz0iVVRGLTgiPz4KPHN2ZyB3aWR0aD0iMTZweCIgaGVpZ2h0PSIxNnB4IiB2aWV3Qm94PSIwIDAgMTQgMTQiIHZlcnNpb249IjEuMSIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4bWxuczp4bGluaz0iaHR0cDovL3d3dy53My5vcmcvMTk5OS94bGluayI+CiAgICA8dGl0bGU+MS5CYWNl5Z+656GALzMuSWNvbuWbvuaghy/mk43kvZwvbW92ZTwvdGl0bGU+CiAgICA8ZyBpZD0i6aG16Z2iLTEiIHN0cm9rZT0ibm9uZSIgc3Ryb2tlLXdpZHRoPSIxIiBmaWxsPSJub25lIiBmaWxsLXJ1bGU9ImV2ZW5vZGQiPgogICAgICAgIDxnIGlkPSLnlLvmnb8iIHRyYW5zZm9ybT0idHJhbnNsYXRlKC0xMDQuMDAwMDAwLCAtMTIwLjAwMDAwMCkiPgogICAgICAgICAgICA8ZyBpZD0iMS5CYWNl5Z+656GALzMuSWNvbuWbvuaghy/mk43kvZwvbW92ZSIgdHJhbnNmb3JtPSJ0cmFuc2xhdGUoMTAzLjAwMDAwMCwgMTE5LjAwMDAwMCkiPgogICAgICAgICAgICAgICAgPHBhdGggZD0iTTAsMCBMMTYsMCBMMTYsMTYgTDAsMTYgTDAsMCBaIiBpZD0iY2hlY2stY2lyY2xlLWZpbGxlZC0oQmFja2dyb3VuZCkiPjwvcGF0aD4KICAgICAgICAgICAgICAgIDxwYXRoIGQ9Ik0xNSw4IEMxNSw0LjEzNDAwNjc0IDExLjg2NTk5MzUsMSA4LDEgQzQuMTM0MDA2NzQsMSAxLDQuMTM0MDA2NzQgMSw4IEMxLDExLjg2NTk5MzUgNC4xMzQwMDY3NCwxNSA4LDE1IEMxMS44NjU5OTM1LDE1IDE1LDExLjg2NTk5MzUgMTUsOCBaIE03LDEwLjcwNjk5OTggTDExLjUsNi4yMDc0OTk5OCBMMTAuNzkyNDk5NSw1LjUgTDcsOS4yOTMwMDAyMiBMNS4yMDY1MDAwNSw3LjUgTDQuNSw4LjIwNjUwMDA1IEw3LDEwLjcwNjk5OTggWiIgaWQ9ImNoZWNrLWNpcmNsZS1maWxsZWQiIGZpbGw9IiMwMEE4NzAiPjwvcGF0aD4KICAgICAgICAgICAgPC9nPgogICAgICAgIDwvZz4KICAgIDwvZz4KPC9zdmc+);
+}
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__file-status--msg {
+  width: 4.2rem;
+  line-height: 1.25em;
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__file-foot {
+  line-height: 1.25em;
+  margin-top: 8px;
+  display: flex;
+  color: var(--wd-color-text-placeholder, rgba(0, 0, 0, 0.4));
+  font-size: var(--wd-font-size-2, 0.75em);
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__file-progress {
+  margin-top: 4px;
+  border-radius: 0;
+  background-color: #e7e7e7;
+  height: 3px !important;
+  margin-bottom: 0;
+  display: inline;
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__file-progress
+  .wedatea2td-progress__value {
+  border-radius: 0;
+  height: 3px !important;
+}
+
+.weda-upload-file-mobile
+  .weda-upload-file-mobile__item
+  .weda-upload-file-mobile__file-progress
+  .wedatea2td-progress__text {
+  display: none;
+}
+.weda-upload-file-mobile .weui-uploader-mobile__input {
+  position: absolute;
+  font-size: 1em;
+  opacity: 0;
+  width: 92px;
+  height: 32px;
+}

package/dist/web/components/form/uploaderFile/index.d.ts

@@ -0,0 +1,4 @@
+/**
+ * 文件组件上传，区分 h5端/pc端
+ */
+export default function UploaderFile(props: any): JSX.Element;

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

@@ -0,0 +1,19 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import * as React from 'react';
+import { usePlatform } from '../../../utils/platform';
+import { UploadFileH5 as UploaderH5 } from './uploadFile.h5';
+import { UploadFilePc } from './uploadFile.pc';
+import './style';
+/**
+ * 文件组件上传，区分 h5端/pc端
+ */
+export default function UploaderFile(props) {
+    const platform = usePlatform();
+    if ((props === null || props === void 0 ? void 0 : props.showType) === 'pc') {
+        return _jsx(UploadFilePc, { ...props });
+    }
+    if ((props === null || props === void 0 ? void 0 : props.showType) === 'h5') {
+        return _jsx(UploaderH5, { ...props });
+    }
+    return platform === 'h5' ? (_jsx(UploaderH5, { ...props })) : (_jsx(UploadFilePc, { ...props }));
+}

package/dist/web/components/form/uploaderFile/style.d.ts

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

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

@@ -0,0 +1,2 @@
+import './index.css';
+import '../../style';

package/dist/web/components/form/uploaderFile/uploadFile.h5.d.ts

@@ -0,0 +1,27 @@
+/// <reference types="react" />
+import type { CommonFormPropsType } from '../types';
+import type { DataType } from '../../../../configs/components/wd-upload-file';
+export declare const FILES_TYPES: string[];
+export declare function UploadFileH5({ layout, id, style, labelVisible, label, requiredFlag, disabled, className, acceptTypes, tips, btnTitle, uploadTipText, maxUploadCount, maxSize, deleteVisible, downloadVisible, value, // 需要兼容 cloud:和https: 协议，需要兼容字符串和字符串数组
+events, defaultValue, uploadPath, single, onChange, isEdit, $node, readOnly, callbacks, }: IUploadFileH5): JSX.Element;
+export interface IUploadFileH5 extends CommonFormPropsType {
+    className?: string;
+    label?: string;
+    tips?: string;
+    btnTitle?: string;
+    maxUploadCount?: number;
+    deleteVisible?: boolean;
+    downloadVisible?: boolean;
+    acceptTypes?: Readonly<string[] | string>;
+    disabled?: boolean;
+    defaultValue?: string | string[];
+    maxSize?: number;
+    value?: Readonly<string | string[]>;
+    uploadPath?: string;
+    single?: boolean;
+    onChange?: (v: any) => void;
+    isEdit: boolean;
+    readOnly?: boolean;
+    callbacks?: DataType['callbacks'];
+    uploadTipText?: string;
+}