@dt-frames/ui 2.0.16 → 2.0.18

package/es/components/upload/index.js

@@ -2,12 +2,11 @@ import { Button, Upload, Image } from "ant-design-vue/es";
 import "ant-design-vue/es/image/style";
 import "ant-design-vue/es/upload/style";
 import "ant-design-vue/es/button/style";
-import { computed, unref, ref, watch, defineComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toRefs, createElementBlock, mergeProps, isRef, createSlots, toDisplayString, Fragment, renderList, normalizeClass, createCommentVNode, renderSlot, normalizeProps, guardReactiveProps } from "vue";
+import { computed, unref, ref, watch, defineComponent, openBlock, createBlock, withCtx, createVNode, createElementVNode, toRefs, createElementBlock, mergeProps, isRef, createSlots, normalizeClass, createTextVNode, toDisplayString, createCommentVNode, normalizeStyle, Fragment, renderList, renderSlot, normalizeProps, guardReactiveProps } from "vue";
 import { takeRight, omit } from "lodash-es";
-import { useAppStore, useMessage, isString, dispatchResize, isFunction, http, HttpContentTypeEnum } from "@dt-frames/core";
+import { isString, useAppStore, useMessage, dispatchResize, isFunction, http, HttpContentTypeEnum } from "@dt-frames/core";
 import { useModal, DtModal, useModalOut } from "../modal";
 import { DtIframe } from "../iframe";
-import { renderAsync } from "docx-preview";
 const basicProps = {
   uploadUrl: {
     type: Object
@@ -27,6 +26,10 @@ const basicProps = {
     type: Object,
     default: {}
   },
+  fieldNames: {
+    type: Object,
+    default: {}
+  },
   fileName: {
     type: String,
     default: "file"
@@ -78,6 +81,10 @@ const basicProps = {
     type: Object,
     default: () => ({})
   },
+  emitSnippet: {
+    type: Boolean,
+    default: false
+  },
   showView: {
     type: Boolean,
     default: true
@@ -91,12 +98,28 @@ const basicProps = {
     default: true
   }
 };
+function getFileSize(size) {
+  if (!size)
+    return "\u672A\u77E5\u5927\u5C0F";
+  if (isString(size))
+    return size;
+  if (size >= 1073741824) {
+    return size % 1073741824 === 0 ? size / 1073741824 + "G" : Math.trunc(size / 1073741824) + "G";
+  } else if (size >= 1048576) {
+    return size % 1048576 === 0 ? size / 1048576 + "MB" : Math.trunc(size / 1048576) + "MB";
+  } else if (size >= 1024) {
+    return size % 1024 === 0 ? size / 1024 + "KB" : Math.trunc(size / 1024) + "KB";
+  } else {
+    return size + "B";
+  }
+}
 function useFile({
   fileListRef = ref([]),
   acceptRef,
   helpTextRef,
   maxCountRef,
-  maxSizeRef
+  maxSizeRef,
+  fieldNamesRef
 }) {
   const { getAppConf } = useAppStore();
   const { message } = useMessage();
@@ -135,13 +158,17 @@ function useFile({
   });
   const setFile = (file) => {
     let _downloadUrl = getAppConf.pages?.downloadUrl;
+    const { fileName, fileType, fileId, filePath, fileSize } = unref(fieldNamesRef);
+    const url = file[filePath] || `${getAppConf.http?.baseUrl}${isString(_downloadUrl) ? _downloadUrl : _downloadUrl.api}?id=${file[fileId]}`;
     return {
       ...file,
-      name: file.fileName ?? file.fileId,
-      fileType: file.fileName ? takeRight(file.fileName.split("."))[0] : null,
+      name: file[fileName],
+      fileType: file[fileType] || takeRight(file[fileName].split("."))[0],
       status: "done",
-      uid: file.id ?? file.fileId,
-      url: `${getAppConf.http?.baseUrl}${isString(_downloadUrl) ? _downloadUrl : _downloadUrl.api}?id=${file.fileId}`
+      fileSize: getFileSize(file[fileSize]),
+      uid: file[fileId],
+      url,
+      filePath: url
     };
   };
   const fileList = ref(unref(fileListRef).map((it) => setFile(it)));
@@ -243,10 +270,19 @@ const _sfc_main$2 = /* @__PURE__ */ defineComponent({
     };
   }
 });
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const PdfView = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/upload/src/components/PdfView.vue"]]);
 const _sfc_main$1 = /* @__PURE__ */ defineComponent({
   __name: "WordView",
   setup(__props) {
     const ID = `word-view-${Math.ceil(Math.random() * 1e6)}`;
+    const domRef = ref(null);
     const [register] = useModal({
       width: "900px",
       title: (data) => `\u9644\u4EF6\u9884\u89C8 - ${data.fileName}`,
@@ -256,56 +292,69 @@ const _sfc_main$1 = /* @__PURE__ */ defineComponent({
       wrapClassName: "dt-word",
       maskClosable: false,
       footer: null
-    }, (data) => {
+    }, async (data) => {
       const fileReader = new FileReader();
-      fileReader.addEventListener("load", (event) => {
-        const arrayBuffer = event.target.result;
-        renderAsync(arrayBuffer, document.getElementById(ID), null, {
-          className: "docx",
-          inWrapper: true,
-          ignoreWidth: false,
-          ignoreHeight: false,
-          ignoreFonts: false,
-          breakPages: true,
-          ignoreLastRenderedPageBreak: true,
-          experimental: false,
-          trimXmlDeclaration: true,
-          debug: false
-        }).then((rsp) => {
-          dispatchResize();
+      if (typeof window !== "undefined") {
+        let { renderAsync } = await import("docx-preview");
+        fileReader.addEventListener("load", (event) => {
+          const arrayBuffer = event.target.result;
+          renderAsync(arrayBuffer, unref(domRef), null, {
+            className: "docx",
+            inWrapper: true,
+            ignoreWidth: false,
+            ignoreHeight: false,
+            ignoreFonts: false,
+            breakPages: true,
+            ignoreLastRenderedPageBreak: true,
+            experimental: false,
+            trimXmlDeclaration: true,
+            debug: false
+          }).then((rsp) => {
+            dispatchResize();
+          });
         });
-      });
-      fileReader.readAsArrayBuffer(data.data);
+        fileReader.readAsArrayBuffer(data.data);
+      }
     });
     return (_ctx, _cache) => {
       return openBlock(), createBlock(unref(DtModal), { onRegister: unref(register) }, {
         default: withCtx(() => [
           createElementVNode("div", {
+            ref_key: "domRef",
+            ref: domRef,
             id: ID,
             class: "word-view"
-          })
+          }, null, 512)
         ]),
         _: 1
       }, 8, ["onRegister"]);
     };
   }
 });
+const DocxView = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/upload/src/components/WordView.vue"]]);
 const _hoisted_1 = {
   key: 0,
   class: "flex items-center"
 };
 const _hoisted_2 = { class: "pl-3" };
-const _hoisted_3 = { class: "flex justify-between border border-solid border-gray-300 p-1 mt-2" };
-const _hoisted_4 = { class: "flex items-center" };
-const _hoisted_5 = ["src"];
-const _hoisted_6 = { class: "flex items-center" };
-const _hoisted_7 = ["onClick"];
-const _hoisted_8 = { key: 0 };
-const _hoisted_9 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-file-upload" }, null, -1);
-const _hoisted_10 = /* @__PURE__ */ createElementVNode("div", null, "\u6587\u4EF6\u4E0A\u4F20", -1);
-const _hoisted_11 = [
-  _hoisted_9,
-  _hoisted_10
+const _hoisted_3 = { class: "flex items-center flex-1" };
+const _hoisted_4 = ["src"];
+const _hoisted_5 = { class: "flex-1 pr-4" };
+const _hoisted_6 = { class: "not-italic text-12 text-gray-400 ml-1" };
+const _hoisted_7 = {
+  key: 0,
+  class: "ant-progress ant-progress-line ant-progress-default ant-progress-status-normal"
+};
+const _hoisted_8 = { class: "ant-progress-outer" };
+const _hoisted_9 = { class: "ant-progress-inner" };
+const _hoisted_10 = { class: "flex items-center" };
+const _hoisted_11 = ["onClick"];
+const _hoisted_12 = { key: 0 };
+const _hoisted_13 = /* @__PURE__ */ createElementVNode("i", { class: "i ic:baseline-file-upload" }, null, -1);
+const _hoisted_14 = /* @__PURE__ */ createElementVNode("div", null, "\u6587\u4EF6\u4E0A\u4F20", -1);
+const _hoisted_15 = [
+  _hoisted_13,
+  _hoisted_14
 ];
 const _sfc_main = /* @__PURE__ */ defineComponent({
   __name: "index",
@@ -323,6 +372,18 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       maxCount: maxCountRef,
       maxSize: maxSizeRef
     } = toRefs(props);
+    const fieldNamesRef = computed(() => {
+      return {
+        ...{
+          fileId: "id",
+          fileName: "fileName",
+          filePath: "fileUrl",
+          fileSize: "fileSize",
+          fileType: "extendName"
+        },
+        ...unref(props.fieldNames)
+      };
+    });
     const {
       getStringAccept,
       getHelpText,
@@ -333,7 +394,8 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       acceptRef,
       helpTextRef,
       maxCountRef,
-      maxSizeRef
+      maxSizeRef,
+      fieldNamesRef
     });
     const btns = [
       {
@@ -380,7 +442,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
       };
     });
     const handlePreview = async (file) => {
-      imgSrcRef.value = file.url;
+      imgSrcRef.value = file.filePath;
       imgVisable.value = true;
     };
     const uploadFile = async ({ file, onSuccess, onError, onProgress }) => {
@@ -409,12 +471,29 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
             [fileName || "file"]: file
           }
         );
-        Object.assign(file, {
-          fileId: result?.data?.fileId,
-          url: `${getAppConf.http?.baseUrl}${_downloadUrl}?id=${result?.data?.fileId}`,
-          fileName: result?.data?.fileName,
-          fileType: takeRight(result?.data?.fileName?.split("."))?.[0]
-        });
+        let field = {}, fieldNames = unref(fieldNamesRef);
+        for (let key in fieldNames) {
+          let val = fieldNames[key];
+          if (key === "filePath") {
+            field[key] = result?.data?.[val] ?? `${getAppConf.http?.baseUrl}${_downloadUrl}?id=${result?.data?.fileId}`;
+            field["url"] = field["thumbUrl"] = field[key];
+            continue;
+          }
+          if (key === "fileType") {
+            field[key] = result?.data?.[val] ?? takeRight(file.name?.split("."))?.[0];
+            continue;
+          }
+          if (key === "fileSize") {
+            field[key] = getFileSize(file.size);
+            continue;
+          }
+          if (key === "fileName") {
+            field[key] = file.name;
+            continue;
+          }
+          field[key] = result?.data?.[val] ?? null;
+        }
+        Object.assign(file, field);
         onSuccess(result);
       } catch (err) {
         onError(err);
@@ -427,7 +506,7 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
         let _downloadUrl = isString(downloadUrl) ? downloadUrl : downloadUrl.api;
         let _downloadType = isString(downloadUrl) ? "get" : downloadUrl.type;
         if (["jpg", "jpeg", "png", "bmp", "gif"].includes(file.fileType)) {
-          imgSrcRef.value = `${getAppConf.http?.baseUrl}${_downloadUrl}?id=${file.fileId}`;
+          imgSrcRef.value = file.filePath ?? `${getAppConf.http?.baseUrl}${_downloadUrl}?id=${file.fileId}`;
           imgVisable.value = true;
           return;
         }
@@ -465,13 +544,13 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
     watch(
       () => unref(fileList),
       async (v) => {
-        let ids = unref(fileList).map((it) => it.fileId);
-        if (ids.length === v.length)
-          emits("change", ids.join(","));
-      },
-      {
-        deep: true,
-        immediate: true
+        let ids = [];
+        unref(fileList).forEach((it) => {
+          ids.push(it.fileId);
+        });
+        if (props.emitSnippet || !props.emitSnippet && !ids.includes(void 0)) {
+          emits("change", ids.join(","), unref(fileList));
+        }
       }
     );
     return (_ctx, _cache) => {
@@ -484,15 +563,36 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
           "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => isRef(fileList) ? fileList.value = $event : null)
         }), createSlots({
           itemRender: withCtx(({ file, actions }) => [
-            createElementVNode("div", _hoisted_3, [
-              createElementVNode("div", _hoisted_4, [
+            createElementVNode("div", {
+              class: normalizeClass(["flex justify-between border border-solid border-gray-300 p-1 mt-2", file?.status === "error" ? "ant-upload-list-item-error" : ""])
+            }, [
+              createElementVNode("div", _hoisted_3, [
                 createElementVNode("img", {
                   src: unref(getFileThumb)(file.fileType),
                   class: "w-9 h-9 mr-2 p-1"
-                }, null, 8, _hoisted_5),
-                createElementVNode("span", null, toDisplayString(file.fileName), 1)
+                }, null, 8, _hoisted_4),
+                createElementVNode("div", _hoisted_5, [
+                  createElementVNode("span", null, [
+                    createTextVNode(toDisplayString(file.fileName || file.name) + " ", 1),
+                    createElementVNode("i", _hoisted_6, "(" + toDisplayString(file.fileSize) + ")", 1)
+                  ]),
+                  createCommentVNode(" \u8BBE\u7F6E\u8FDB\u5EA6 "),
+                  file.percent < 100 && file.percent > 0 ? (openBlock(), createElementBlock("div", _hoisted_7, [
+                    createElementVNode("div", _hoisted_8, [
+                      createElementVNode("div", _hoisted_9, [
+                        createElementVNode("div", {
+                          class: "ant-progress-bg",
+                          style: normalizeStyle({
+                            width: `${file.percent}%`,
+                            height: "2px"
+                          })
+                        }, null, 4)
+                      ])
+                    ])
+                  ])) : createCommentVNode("v-if", true)
+                ])
               ]),
-              createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_10, [
                 (openBlock(), createElementBlock(Fragment, null, renderList(btns, (btn) => {
                   return openBlock(), createElementBlock(Fragment, {
                     key: btn.class
@@ -501,11 +601,11 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                       key: 0,
                       class: normalizeClass(["i w-7 h-7 !text-base text-center leading-7 text-gray-600 cursor-pointer hover:bg-gray-200 hover:bg-opacity-50 transition-all duration-300", btn.class]),
                       onClick: ($event) => btn.click(file)
-                    }, null, 10, _hoisted_7)) : createCommentVNode("", true)
+                    }, null, 10, _hoisted_11)) : createCommentVNode("v-if", true)
                   ], 64);
                 }), 64))
               ])
-            ])
+            ], 2)
           ]),
           default: withCtx(() => [
             !unref(getBind).disabled ? (openBlock(), createElementBlock("div", _hoisted_1, [
@@ -519,9 +619,9 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
                 _: 1
               }),
               createElementVNode("p", _hoisted_2, toDisplayString(unref(getHelpText)), 1)
-            ])) : createCommentVNode("", true),
-            createVNode(_sfc_main$2, { onRegister: unref(registerPdf) }, null, 8, ["onRegister"]),
-            createVNode(_sfc_main$1, { onRegister: unref(registerDocx) }, null, 8, ["onRegister"])
+            ])) : createCommentVNode("v-if", true),
+            createVNode(PdfView, { onRegister: unref(registerPdf) }, null, 8, ["onRegister"]),
+            createVNode(DocxView, { onRegister: unref(registerDocx) }, null, 8, ["onRegister"])
           ]),
           _: 2
         }, [
@@ -533,22 +633,23 @@ const _sfc_main = /* @__PURE__ */ defineComponent({
               ])
             };
           })
-        ]), 1040, ["fileList"])) : createCommentVNode("", true),
+        ]), 1040, ["fileList"])) : createCommentVNode("v-if", true),
         unref(getBind).listType === "picture-card" ? (openBlock(), createBlock(_component_AUpload, mergeProps({ key: 1 }, unref(getBind), {
           fileList: unref(fileList),
           "onUpdate:fileList": _cache[1] || (_cache[1] = ($event) => isRef(fileList) ? fileList.value = $event : null),
           onPreview: handlePreview
         }), {
           default: withCtx(() => [
-            !unref(getBind).disabled && (!_ctx.maxCount || !unref(fileList).length || unref(fileList).length < _ctx.maxCount) ? (openBlock(), createElementBlock("div", _hoisted_8, _hoisted_11)) : createCommentVNode("", true)
+            !unref(getBind).disabled && (!_ctx.maxCount || !unref(fileList).length || unref(fileList).length < _ctx.maxCount) ? (openBlock(), createElementBlock("div", _hoisted_12, _hoisted_15)) : createCommentVNode("v-if", true)
           ]),
           _: 1
-        }, 16, ["fileList"])) : createCommentVNode("", true),
-        unref(bindImg).src ? (openBlock(), createBlock(_component_AImage, mergeProps({ key: 2 }, unref(bindImg), { style: { display: "none" } }), null, 16)) : createCommentVNode("", true)
+        }, 16, ["fileList"])) : createCommentVNode("v-if", true),
+        unref(bindImg).src ? (openBlock(), createBlock(_component_AImage, mergeProps({ key: 2 }, unref(bindImg), { style: { display: "none" } }), null, 16)) : createCommentVNode("v-if", true)
       ]);
     };
   }
 });
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "D:/dt/dt-frame-front/dt-frames/frames/packages/ui/src/components/upload/src/index.vue"]]);
 export {
-  _sfc_main as DtUpload
+  index as DtUpload
 };

package/es/components/upload/index.less

@@ -72,5 +72,12 @@
     .ant-upload-list-item-actions{
         display: flex;
     }
+
+    .ant-upload-list-item-error{
+        border-color: #ED6F6F;
+        i{
+            color: #ED6F6F;
+        }
+    }
     
 }

package/es/components/upload/src/basicProps.d.ts

@@ -1,5 +1,5 @@
 import { PropType, Ref, ComputedRef } from "vue";
-import { UploadFile } from "./type/file";
+import { FieldNames, UploadFile } from "./type/file";
 import { UploadRequestOption } from "ant-design-vue/es/vc-upload/interface";
 import { ApiType, Recordable } from "@dt-frames/core";
 export declare const basicProps: {
@@ -21,6 +21,10 @@ export declare const basicProps: {
         type: PropType<object | ((file: UploadFile) => object)>;
         default: {};
     };
+    fieldNames: {
+        type: PropType<FieldNames>;
+        default: {};
+    };
     fileName: {
         type: StringConstructor;
         default: string;

package/es/components/upload/src/components/WordView.d.ts

@@ -1,5 +1,6 @@
 declare const _sfc_main: import("vue").DefineComponent<{}, {
     ID: string;
+    domRef: any;
     register: import("../../../modal/src/types/modal.type").RegisterFn;
     readonly DtModal: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
 }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;

package/es/components/upload/src/hooks/useFile.d.ts

@@ -1,15 +1,16 @@
-import { Ref } from "vue";
-import { UploadFile } from "../type/file";
-export declare function useFile({ fileListRef, acceptRef, helpTextRef, maxCountRef, maxSizeRef, }: {
+import { Ref, ComputedRef } from "vue";
+import { FieldNames, UploadFile } from "../type/file";
+export declare function useFile({ fileListRef, acceptRef, helpTextRef, maxCountRef, maxSizeRef, fieldNamesRef }: {
     fileListRef: Ref<UploadFile[]>;
     acceptRef: Ref<string[]>;
     helpTextRef: Ref<string>;
     maxCountRef: Ref<number>;
     maxSizeRef: Ref<number>;
+    fieldNamesRef: ComputedRef<FieldNames>;
 }): {
-    getAccept: import("vue").ComputedRef<string[]>;
-    getStringAccept: import("vue").ComputedRef<string>;
-    getHelpText: import("vue").ComputedRef<string>;
+    getAccept: ComputedRef<string[]>;
+    getStringAccept: ComputedRef<string>;
+    getHelpText: ComputedRef<string>;
     fileList: Ref<any[]>;
     setFile: (file: any) => any;
     beforeUpload: (file: File) => void;

package/es/components/upload/src/index.d.ts

@@ -19,6 +19,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<object | ((file: UploadFile) => object)>;
         default: {};
     };
+    fieldNames: {
+        type: import("vue").PropType<import("./type/file").FieldNames>;
+        default: {};
+    };
     fileName: {
         type: StringConstructor;
         default: string;
@@ -95,6 +99,13 @@ declare const _sfc_main: import("vue").DefineComponent<{
     helpTextRef: import("vue").Ref<string>;
     maxCountRef: import("vue").Ref<number>;
     maxSizeRef: import("vue").Ref<number>;
+    fieldNamesRef: import("vue").ComputedRef<{
+        fileId: string;
+        fileName: string;
+        filePath: string;
+        size: string;
+        fileType: string;
+    }>;
     getStringAccept: import("vue").ComputedRef<string>;
     getHelpText: import("vue").ComputedRef<string>;
     fileList: import("vue").Ref<any[]>;
@@ -134,6 +145,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     DocxView: import("vue").DefineComponent<{}, {
         ID: string;
+        domRef: any;
         register: import("../../modal/src/types/modal.type").RegisterFn;
         readonly DtModal: import("vue").DefineComponent<{}, {}, any, import("vue").ComputedOptions, import("vue").MethodOptions, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
     }, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{}>>, {}>;
@@ -156,6 +168,10 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: import("vue").PropType<object | ((file: UploadFile) => object)>;
         default: {};
     };
+    fieldNames: {
+        type: import("vue").PropType<import("./type/file").FieldNames>;
+        default: {};
+    };
     fileName: {
         type: StringConstructor;
         default: string;
@@ -225,6 +241,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     data: object | ((file: UploadFile) => object);
     buttonText: string;
     preIcon: string;
+    fieldNames: {};
     fileName: string;
     accept: string[];
     disabled: Boolean | import("vue").Ref<Boolean> | import("vue").ComputedRef<Boolean>;

package/es/components/upload/src/type/file.d.ts

@@ -2,9 +2,16 @@ export declare type UploadFile = {
     name?: string;
     percent?: number;
     status?: 'error' | 'success' | 'done' | 'uploading' | 'removed';
-    thumbUrl?: string;
     uid?: string;
-    url?: string;
+    fileSize?: string | number;
+    filePath?: string;
     fileId?: string;
     [key: string]: any;
 };
+export declare type FieldNames = {
+    fileId?: string;
+    fileName?: string;
+    filePath?: string;
+    fileSize?: string;
+    fileType?: string;
+};

package/es/components/upload/src/utils/fileSize.d.ts

@@ -0,0 +1 @@
+export declare function getFileSize(size: string | number): string;