@vunk/form 1.1.65 → 1.1.67

package/components/upload/index.js

@@ -9,26 +9,9 @@ import { RestFetch } from '@vunk/core/shared/utils-fetch';
 import { useComputedReadonly } from '@vunk/form/composables';
 import progress from '@vunk/form/shared/progress-it';
 
-var __defProp = Object.defineProperty;
-var __defProps = Object.defineProperties;
-var __getOwnPropDescs = Object.getOwnPropertyDescriptors;
-var __getOwnPropSymbols = Object.getOwnPropertySymbols;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __propIsEnum = Object.prototype.propertyIsEnumerable;
-var __defNormalProp = (obj, key, value) => key in obj ? __defProp(obj, key, { enumerable: true, configurable: true, writable: true, value }) : obj[key] = value;
-var __spreadValues = (a, b) => {
-  for (var prop in b || (b = {}))
-    if (__hasOwnProp.call(b, prop))
-      __defNormalProp(a, prop, b[prop]);
-  if (__getOwnPropSymbols)
-    for (var prop of __getOwnPropSymbols(b)) {
-      if (__propIsEnum.call(b, prop))
-        __defNormalProp(a, prop, b[prop]);
-    }
-  return a;
-};
-var __spreadProps = (a, b) => __defProps(a, __getOwnPropDescs(b));
-const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.props), uploadProps), {
+const props = {
+  ..._VkfFormItemCtx.props,
+  ...uploadProps,
   tip: {
     type: String,
     default: ""
@@ -40,8 +23,12 @@ const props = __spreadProps(__spreadValues(__spreadValues({}, _VkfFormItemCtx.pr
   beforeUpload: {
     type: Function,
     default: void 0
+  },
+  onDownload: {
+    type: Function,
+    default: void 0
   }
-});
+};
 const createBindProps = bindPropsFactory(props);
 const emits = {
   "update:fileList": null,
@@ -51,19 +38,19 @@ const createOnEmits = onEmitsFactory(emits);
 
 var ctx = /*#__PURE__*/Object.freeze({
   __proto__: null,
-  props: props,
   createBindProps: createBindProps,
+  createOnEmits: createOnEmits,
   emits: emits,
-  createOnEmits: createOnEmits
+  props: props
 });
 
 /*! Element Plus Icons Vue v2.1.0 */
 
+
 // unplugin-vue:/plugin-vue/export-helper
 var export_helper_default = (sfc, props) => {
   let target = sfc.__vccOpts || sfc;
-  for (let [key, val] of props)
-    target[key] = val;
+  for (let [key, val] of props) target[key] = val;
   return target;
 };
 
@@ -72,191 +59,143 @@ var check_vue_vue_type_script_lang_default = {
   name: "Check"
 };
 var _hoisted_143 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-}, _hoisted_243 = /* @__PURE__ */ createElementVNode(
-  "path",
-  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1024 1024"
+  },
+  _hoisted_243 = /* @__PURE__ */createElementVNode("path", {
     fill: "currentColor",
     d: "M406.656 706.944 195.84 496.256a32 32 0 1 0-45.248 45.248l256 256 512-512a32 32 0 0 0-45.248-45.248L406.592 706.944z"
-  },
-  null,
-  -1
-  /* HOISTED */
-), _hoisted_342 = [
-  _hoisted_243
-];
+  }, null, -1
+  /* HOISTED */),
+  _hoisted_342 = [_hoisted_243];
 function _sfc_render43(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_143, _hoisted_342);
 }
-var check_default = /* @__PURE__ */ export_helper_default(check_vue_vue_type_script_lang_default, [["render", _sfc_render43], ["__file", "check.vue"]]);
+var check_default = /* @__PURE__ */export_helper_default(check_vue_vue_type_script_lang_default, [["render", _sfc_render43], ["__file", "check.vue"]]);
 
 // unplugin-vue:/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/circle-check.vue?vue&type=script&lang.ts
 var circle_check_vue_vue_type_script_lang_default = {
   name: "CircleCheck"
 };
 var _hoisted_149 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-}, _hoisted_249 = /* @__PURE__ */ createElementVNode(
-  "path",
-  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1024 1024"
+  },
+  _hoisted_249 = /* @__PURE__ */createElementVNode("path", {
     fill: "currentColor",
     d: "M512 896a384 384 0 1 0 0-768 384 384 0 0 0 0 768zm0 64a448 448 0 1 1 0-896 448 448 0 0 1 0 896z"
-  },
-  null,
-  -1
-  /* HOISTED */
-), _hoisted_348 = /* @__PURE__ */ createElementVNode(
-  "path",
-  {
+  }, null, -1
+  /* HOISTED */),
+  _hoisted_348 = /* @__PURE__ */createElementVNode("path", {
     fill: "currentColor",
     d: "M745.344 361.344a32 32 0 0 1 45.312 45.312l-288 288a32 32 0 0 1-45.312 0l-160-160a32 32 0 1 1 45.312-45.312L480 626.752l265.344-265.408z"
-  },
-  null,
-  -1
-  /* HOISTED */
-), _hoisted_415 = [
-  _hoisted_249,
-  _hoisted_348
-];
+  }, null, -1
+  /* HOISTED */),
+  _hoisted_415 = [_hoisted_249, _hoisted_348];
 function _sfc_render49(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_149, _hoisted_415);
 }
-var circle_check_default = /* @__PURE__ */ export_helper_default(circle_check_vue_vue_type_script_lang_default, [["render", _sfc_render49], ["__file", "circle-check.vue"]]);
+var circle_check_default = /* @__PURE__ */export_helper_default(circle_check_vue_vue_type_script_lang_default, [["render", _sfc_render49], ["__file", "circle-check.vue"]]);
 
 // unplugin-vue:/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/close.vue?vue&type=script&lang.ts
 var close_vue_vue_type_script_lang_default = {
   name: "Close"
 };
 var _hoisted_156 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-}, _hoisted_256 = /* @__PURE__ */ createElementVNode(
-  "path",
-  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1024 1024"
+  },
+  _hoisted_256 = /* @__PURE__ */createElementVNode("path", {
     fill: "currentColor",
     d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
-  },
-  null,
-  -1
-  /* HOISTED */
-), _hoisted_355 = [
-  _hoisted_256
-];
+  }, null, -1
+  /* HOISTED */),
+  _hoisted_355 = [_hoisted_256];
 function _sfc_render56(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_156, _hoisted_355);
 }
-var close_default = /* @__PURE__ */ export_helper_default(close_vue_vue_type_script_lang_default, [["render", _sfc_render56], ["__file", "close.vue"]]);
+var close_default = /* @__PURE__ */export_helper_default(close_vue_vue_type_script_lang_default, [["render", _sfc_render56], ["__file", "close.vue"]]);
 
 // unplugin-vue:/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/delete.vue?vue&type=script&lang.ts
 var delete_vue_vue_type_script_lang_default = {
   name: "Delete"
 };
 var _hoisted_180 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-}, _hoisted_280 = /* @__PURE__ */ createElementVNode(
-  "path",
-  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1024 1024"
+  },
+  _hoisted_280 = /* @__PURE__ */createElementVNode("path", {
     fill: "currentColor",
     d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32V256zm448-64v-64H416v64h192zM224 896h576V256H224v640zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32zm192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32z"
-  },
-  null,
-  -1
-  /* HOISTED */
-), _hoisted_379 = [
-  _hoisted_280
-];
+  }, null, -1
+  /* HOISTED */),
+  _hoisted_379 = [_hoisted_280];
 function _sfc_render80(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_180, _hoisted_379);
 }
-var delete_default = /* @__PURE__ */ export_helper_default(delete_vue_vue_type_script_lang_default, [["render", _sfc_render80], ["__file", "delete.vue"]]);
+var delete_default = /* @__PURE__ */export_helper_default(delete_vue_vue_type_script_lang_default, [["render", _sfc_render80], ["__file", "delete.vue"]]);
 
 // unplugin-vue:/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/document.vue?vue&type=script&lang.ts
 var document_vue_vue_type_script_lang_default = {
   name: "Document"
 };
 var _hoisted_190 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-}, _hoisted_290 = /* @__PURE__ */ createElementVNode(
-  "path",
-  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1024 1024"
+  },
+  _hoisted_290 = /* @__PURE__ */createElementVNode("path", {
     fill: "currentColor",
     d: "M832 384H576V128H192v768h640V384zm-26.496-64L640 154.496V320h165.504zM160 64h480l256 256v608a32 32 0 0 1-32 32H160a32 32 0 0 1-32-32V96a32 32 0 0 1 32-32zm160 448h384v64H320v-64zm0-192h160v64H320v-64zm0 384h384v64H320v-64z"
-  },
-  null,
-  -1
-  /* HOISTED */
-), _hoisted_389 = [
-  _hoisted_290
-];
+  }, null, -1
+  /* HOISTED */),
+  _hoisted_389 = [_hoisted_290];
 function _sfc_render90(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_190, _hoisted_389);
 }
-var document_default = /* @__PURE__ */ export_helper_default(document_vue_vue_type_script_lang_default, [["render", _sfc_render90], ["__file", "document.vue"]]);
+var document_default = /* @__PURE__ */export_helper_default(document_vue_vue_type_script_lang_default, [["render", _sfc_render90], ["__file", "document.vue"]]);
 
 // unplugin-vue:/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/download.vue?vue&type=script&lang.ts
 var download_vue_vue_type_script_lang_default = {
   name: "Download"
 };
 var _hoisted_191 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-}, _hoisted_291 = /* @__PURE__ */ createElementVNode(
-  "path",
-  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1024 1024"
+  },
+  _hoisted_291 = /* @__PURE__ */createElementVNode("path", {
     fill: "currentColor",
     d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64zm384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64v450.304z"
-  },
-  null,
-  -1
-  /* HOISTED */
-), _hoisted_390 = [
-  _hoisted_291
-];
+  }, null, -1
+  /* HOISTED */),
+  _hoisted_390 = [_hoisted_291];
 function _sfc_render91(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_191, _hoisted_390);
 }
-var download_default = /* @__PURE__ */ export_helper_default(download_vue_vue_type_script_lang_default, [["render", _sfc_render91], ["__file", "download.vue"]]);
+var download_default = /* @__PURE__ */export_helper_default(download_vue_vue_type_script_lang_default, [["render", _sfc_render91], ["__file", "download.vue"]]);
 
 // unplugin-vue:/home/runner/work/element-plus-icons/element-plus-icons/packages/vue/src/components/zoom-in.vue?vue&type=script&lang.ts
 var zoom_in_vue_vue_type_script_lang_default = {
   name: "ZoomIn"
 };
 var _hoisted_1292 = {
-  xmlns: "http://www.w3.org/2000/svg",
-  viewBox: "0 0 1024 1024"
-}, _hoisted_2292 = /* @__PURE__ */ createElementVNode(
-  "path",
-  {
+    xmlns: "http://www.w3.org/2000/svg",
+    viewBox: "0 0 1024 1024"
+  },
+  _hoisted_2292 = /* @__PURE__ */createElementVNode("path", {
     fill: "currentColor",
     d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704zm-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64h96z"
-  },
-  null,
-  -1
-  /* HOISTED */
-), _hoisted_3291 = [
-  _hoisted_2292
-];
+  }, null, -1
+  /* HOISTED */),
+  _hoisted_3291 = [_hoisted_2292];
 function _sfc_render292(_ctx, _cache, $props, $setup, $data, $options) {
   return openBlock(), createElementBlock("svg", _hoisted_1292, _hoisted_3291);
 }
-var zoom_in_default = /* @__PURE__ */ export_helper_default(zoom_in_vue_vue_type_script_lang_default, [["render", _sfc_render292], ["__file", "zoom-in.vue"]]);
-
-var _export_sfc = (sfc, props) => {
-  const target = sfc.__vccOpts || sfc;
-  for (const [key, val] of props) {
-    target[key] = val;
-  }
-  return target;
-};
+var zoom_in_default = /* @__PURE__ */export_helper_default(zoom_in_vue_vue_type_script_lang_default, [["render", _sfc_render292], ["__file", "zoom-in.vue"]]);
 
 const restFetch = new RestFetch({
   baseURL: ""
 });
-const _sfc_main$1 = defineComponent({
+var script$1 = defineComponent({
   components: {
     ElProgress,
     ElIcon,
@@ -285,6 +224,10 @@ const _sfc_main$1 = defineComponent({
       type: Function,
       default: () => NOOP
     },
+    onDownload: {
+      type: Function,
+      default: void 0
+    },
     preview: {
       type: Boolean,
       default: false
@@ -293,14 +236,22 @@ const _sfc_main$1 = defineComponent({
   emits: {
     "remove": (e) => e
   },
-  setup(props, { emit }) {
+  setup(props, {
+    emit
+  }) {
     const nsUpload = useNamespace("upload");
     const nsIcon = useNamespace("icon");
-    const { t } = useLocale();
+    const {
+      t
+    } = useLocale();
     const handleRemove = (file = props.file) => {
       emit("remove", file);
     };
     const handleDownload = (file = props.file) => {
+      if (props.onDownload) {
+        props.onDownload(file);
+        return;
+      }
       let url = "";
       if (file.url) {
         url = file.url;
@@ -323,8 +274,9 @@ const _sfc_main$1 = defineComponent({
     };
   }
 });
+
 const _hoisted_1$1 = ["src"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
+function render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Document = resolveComponent("Document");
   const _component_el_icon = resolveComponent("el-icon");
   const _component_Download = resolveComponent("Download");
@@ -334,160 +286,179 @@ function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_Close = resolveComponent("Close");
   const _component_zoom_in = resolveComponent("zoom-in");
   const _component_Delete = resolveComponent("Delete");
-  return openBlock(), createElementBlock(Fragment, null, [
-    createCommentVNode(" picture "),
-    _ctx.listType === "picture" || _ctx.file.status !== "uploading" && _ctx.listType === "picture-card" ? (openBlock(), createElementBlock(Fragment, { key: 0 }, [
-      /\.(svg|png|jpg|jpeg)$/.test(_ctx.file.name) ? (openBlock(), createElementBlock("img", {
+  return openBlock(), createElementBlock(
+    Fragment,
+    null,
+    [createCommentVNode(" picture "), _ctx.listType === "picture" || _ctx.file.status !== "uploading" && _ctx.listType === "picture-card" ? (openBlock(), createElementBlock(
+      Fragment,
+      {
+        key: 0
+      },
+      [/\.(svg|png|jpg|jpeg)$/.test(_ctx.file.name) ? (openBlock(), createElementBlock("img", {
         key: 0,
         class: normalizeClass(_ctx.nsUpload.be("list", "item-thumbnail")),
         src: _ctx.file.url,
         alt: ""
-      }, null, 10, _hoisted_1$1)) : (openBlock(), createBlock(_component_Document, { key: 1 }))
-    ], 64)) : createCommentVNode("v-if", true),
-    createCommentVNode(" text "),
-    _ctx.listType !== "picture" && (_ctx.file.status === "uploading" || _ctx.listType !== "picture-card") ? (openBlock(), createElementBlock("div", {
-      key: 1,
-      class: normalizeClass(_ctx.nsUpload.be("list", "item-info"))
-    }, [
-      createElementVNode("a", {
-        class: normalizeClass(_ctx.nsUpload.be("list", "item-name")),
-        onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.onPreview(_ctx.file), ["prevent"]))
-      }, [
-        createVNode(_component_el_icon, {
+      }, null, 10, _hoisted_1$1)) : (openBlock(), createBlock(_component_Document, {
+        key: 1
+      }))],
+      64
+      /* STABLE_FRAGMENT */
+    )) : createCommentVNode("v-if", true), createCommentVNode(" text "), _ctx.listType !== "picture" && (_ctx.file.status === "uploading" || _ctx.listType !== "picture-card") ? (openBlock(), createElementBlock(
+      "div",
+      {
+        key: 1,
+        class: normalizeClass(_ctx.nsUpload.be("list", "item-info"))
+      },
+      [createElementVNode(
+        "a",
+        {
+          class: normalizeClass(_ctx.nsUpload.be("list", "item-name")),
+          onClick: _cache[1] || (_cache[1] = withModifiers(($event) => _ctx.onPreview(_ctx.file), ["prevent"]))
+        },
+        [createVNode(_component_el_icon, {
           class: normalizeClass(_ctx.nsIcon.m("document"))
         }, {
-          default: withCtx(() => [
-            createVNode(_component_Document)
-          ]),
+          default: withCtx(() => [createVNode(_component_Document)]),
           _: 1
-        }, 8, ["class"]),
-        createVNode(_component_el_icon, {
-          class: normalizeClass([
-            _ctx.nsIcon.m("download"),
-            _ctx.nsIcon.m("download-primary")
-          ]),
+          /* STABLE */
+        }, 8, ["class"]), createVNode(_component_el_icon, {
+          class: normalizeClass([_ctx.nsIcon.m("download"), _ctx.nsIcon.m("download-primary")]),
           onClick: _cache[0] || (_cache[0] = ($event) => _ctx.handleDownload(_ctx.file))
         }, {
-          default: withCtx(() => [
-            createVNode(_component_Download)
-          ]),
+          default: withCtx(() => [createVNode(_component_Download)]),
           _: 1
-        }, 8, ["class"]),
-        createElementVNode("span", {
-          class: normalizeClass(_ctx.nsUpload.be("list", "item-file-name"))
-        }, toDisplayString(_ctx.file.name), 3)
-      ], 2),
-      _ctx.file.status === "uploading" ? (openBlock(), createBlock(_component_el_progress, {
+          /* STABLE */
+        }, 8, ["class"]), createElementVNode(
+          "span",
+          {
+            class: normalizeClass(_ctx.nsUpload.be("list", "item-file-name"))
+          },
+          toDisplayString(_ctx.file.name),
+          3
+          /* TEXT, CLASS */
+        )],
+        2
+        /* CLASS */
+      ), _ctx.file.status === "uploading" ? (openBlock(), createBlock(_component_el_progress, {
         key: 0,
         type: _ctx.listType === "picture-card" ? "circle" : "line",
         "stroke-width": _ctx.listType === "picture-card" ? 6 : 2,
         percentage: Number(_ctx.file.percentage),
         style: normalizeStyle(_ctx.listType === "picture-card" ? "" : "margin-top: 0.5rem")
-      }, null, 8, ["type", "stroke-width", "percentage", "style"])) : createCommentVNode("v-if", true)
-    ], 2)) : createCommentVNode("v-if", true),
-    createElementVNode("label", {
-      class: normalizeClass(_ctx.nsUpload.be("list", "item-status-label"))
-    }, [
-      _ctx.listType === "text" ? (openBlock(), createBlock(_component_el_icon, {
+      }, null, 8, ["type", "stroke-width", "percentage", "style"])) : createCommentVNode("v-if", true)],
+      2
+      /* CLASS */
+    )) : createCommentVNode("v-if", true), createElementVNode(
+      "label",
+      {
+        class: normalizeClass(_ctx.nsUpload.be("list", "item-status-label"))
+      },
+      [_ctx.listType === "text" ? (openBlock(), createBlock(_component_el_icon, {
         key: 0,
-        class: normalizeClass([
-          _ctx.nsIcon.m("upload-success"),
-          _ctx.nsIcon.m("circle-check")
-        ])
+        class: normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("circle-check")])
       }, {
-        default: withCtx(() => [
-          createVNode(_component_circle_check)
-        ]),
+        default: withCtx(() => [createVNode(_component_circle_check)]),
         _: 1
+        /* STABLE */
       }, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (openBlock(), createBlock(_component_el_icon, {
         key: 1,
         class: normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("check")])
       }, {
-        default: withCtx(() => [
-          createVNode(_component_Check)
-        ]),
+        default: withCtx(() => [createVNode(_component_Check)]),
         _: 1
-      }, 8, ["class"])) : createCommentVNode("v-if", true)
-    ], 2),
-    !_ctx.disabled ? (openBlock(), createBlock(_component_el_icon, {
+        /* STABLE */
+      }, 8, ["class"])) : createCommentVNode("v-if", true)],
+      2
+      /* CLASS */
+    ), !_ctx.disabled ? (openBlock(), createBlock(_component_el_icon, {
       key: 2,
       class: normalizeClass(_ctx.nsIcon.m("close")),
       onClick: _cache[2] || (_cache[2] = ($event) => _ctx.handleRemove(_ctx.file))
     }, {
-      default: withCtx(() => [
-        createVNode(_component_Close)
-      ]),
+      default: withCtx(() => [createVNode(_component_Close)]),
       _: 1
-    }, 8, ["class"])) : createCommentVNode("v-if", true),
-    createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"),
-    createCommentVNode(" This is a bug which needs to be fixed "),
-    createCommentVNode(" TODO: Fix the incorrect navigation interaction "),
-    createCommentVNode(` <i v-if="!disabled" :class="nsIcon.m('close-tip')">{{
+      /* STABLE */
+    }, 8, ["class"])) : createCommentVNode("v-if", true), createCommentVNode(" Due to close btn only appears when li gets focused disappears after li gets blurred, thus keyboard navigation can never reach close btn"), createCommentVNode(" This is a bug which needs to be fixed "), createCommentVNode(" TODO: Fix the incorrect navigation interaction "), createCommentVNode(` <i v-if="!disabled" :class="nsIcon.m('close-tip')">{{
       t('el.upload.deleteTip')
-  }}</i> `),
-    createCommentVNode(" picture-card "),
-    _ctx.listType === "picture-card" ? (openBlock(), createElementBlock("span", {
-      key: 3,
-      class: normalizeClass(_ctx.nsUpload.be("list", "item-actions"))
-    }, [
-      _ctx.preview ? (openBlock(), createElementBlock("span", {
-        key: 0,
-        class: normalizeClass(_ctx.nsUpload.be("list", "item-preview")),
-        onClick: _cache[3] || (_cache[3] = ($event) => _ctx.onPreview(_ctx.file))
-      }, [
-        createVNode(_component_el_icon, {
+  }}</i> `), createCommentVNode(" picture-card "), _ctx.listType === "picture-card" ? (openBlock(), createElementBlock(
+      "span",
+      {
+        key: 3,
+        class: normalizeClass(_ctx.nsUpload.be("list", "item-actions"))
+      },
+      [_ctx.preview ? (openBlock(), createElementBlock(
+        "span",
+        {
+          key: 0,
+          class: normalizeClass(_ctx.nsUpload.be("list", "item-preview")),
+          onClick: _cache[3] || (_cache[3] = ($event) => _ctx.onPreview(_ctx.file))
+        },
+        [createVNode(_component_el_icon, {
           class: normalizeClass(_ctx.nsIcon.m("zoom-in"))
         }, {
-          default: withCtx(() => [
-            createVNode(_component_zoom_in)
-          ]),
+          default: withCtx(() => [createVNode(_component_zoom_in)]),
           _: 1
-        }, 8, ["class"])
-      ], 2)) : createCommentVNode("v-if", true),
-      createCommentVNode(" \u4E0B\u8F7D "),
-      createElementVNode("span", {
-        class: normalizeClass(_ctx.nsUpload.be("list", "item-download")),
-        onClick: _cache[4] || (_cache[4] = ($event) => _ctx.handleDownload(_ctx.file))
-      }, [
-        createVNode(_component_el_icon, {
+          /* STABLE */
+        }, 8, ["class"])],
+        2
+        /* CLASS */
+      )) : createCommentVNode("v-if", true), createCommentVNode(" \u4E0B\u8F7D "), createElementVNode(
+        "span",
+        {
+          class: normalizeClass(_ctx.nsUpload.be("list", "item-download")),
+          onClick: _cache[4] || (_cache[4] = ($event) => _ctx.handleDownload(_ctx.file))
+        },
+        [createVNode(_component_el_icon, {
           class: normalizeClass(_ctx.nsIcon.m("download"))
         }, {
-          default: withCtx(() => [
-            createVNode(_component_Download)
-          ]),
+          default: withCtx(() => [createVNode(_component_Download)]),
           _: 1
-        }, 8, ["class"])
-      ], 2),
-      !_ctx.disabled ? (openBlock(), createElementBlock("span", {
-        key: 1,
-        class: normalizeClass(_ctx.nsUpload.be("list", "item-delete")),
-        onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handleRemove(_ctx.file))
-      }, [
-        createVNode(_component_el_icon, {
+          /* STABLE */
+        }, 8, ["class"])],
+        2
+        /* CLASS */
+      ), !_ctx.disabled ? (openBlock(), createElementBlock(
+        "span",
+        {
+          key: 1,
+          class: normalizeClass(_ctx.nsUpload.be("list", "item-delete")),
+          onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handleRemove(_ctx.file))
+        },
+        [createVNode(_component_el_icon, {
           class: normalizeClass(_ctx.nsIcon.m("delete"))
         }, {
-          default: withCtx(() => [
-            createVNode(_component_Delete)
-          ]),
+          default: withCtx(() => [createVNode(_component_Delete)]),
           _: 1
-        }, 8, ["class"])
-      ], 2)) : createCommentVNode("v-if", true)
-    ], 2)) : createCommentVNode("v-if", true)
-  ], 64);
+          /* STABLE */
+        }, 8, ["class"])],
+        2
+        /* CLASS */
+      )) : createCommentVNode("v-if", true)],
+      2
+      /* CLASS */
+    )) : createCommentVNode("v-if", true)],
+    64
+    /* STABLE_FRAGMENT */
+  );
 }
-var FileVue = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render$1], ["__file", "file.vue"]]);
 
-const _sfc_main = defineComponent({
+script$1.render = render$1;
+script$1.__file = "upload/src/file.vue";
+
+var script = defineComponent({
   name: "VkfUpload",
   components: {
     VkfFormItem,
     ElUpload,
-    FileVue,
+    FileVue: script$1,
     ElLink
   },
-  emits,
   props,
-  setup(props2, { emit }) {
+  emits,
+  setup(props2, {
+    emit
+  }) {
     const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
     const coreBindProps = createUploadBindProps(props2, ["disabled", "fileList", "beforeUpload", "onSuccess"]);
     const uploadRef = shallowRef();
@@ -529,80 +500,96 @@ const _sfc_main = defineComponent({
       handleRemove,
       readonly,
       onSuccess,
+      // onProgress,
       beforeUpload
     };
   }
 });
-const _hoisted_1 = { class: "el-upload__tip" };
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
+
+const _hoisted_1 = {
+  class: "el-upload__tip"
+};
+function render(_ctx, _cache, $props, $setup, $data, $options) {
   const _component_ElLink = resolveComponent("ElLink");
   const _component_FileVue = resolveComponent("FileVue");
   const _component_ElUpload = resolveComponent("ElUpload");
   const _component_VkfFormItem = resolveComponent("VkfFormItem");
-  return openBlock(), createBlock(_component_VkfFormItem, normalizeProps(guardReactiveProps(_ctx.formItemBindProps)), {
-    default: withCtx(() => [
-      createVNode(_component_ElUpload, mergeProps({
+  return openBlock(), createBlock(
+    _component_VkfFormItem,
+    normalizeProps(guardReactiveProps(_ctx.formItemBindProps)),
+    {
+      default: withCtx(() => [createVNode(_component_ElUpload, mergeProps(_ctx.coreBindProps, {
+        ref: "uploadRef",
         class: ["vkf-upload", {
           "is-readonly": _ctx.readonly,
           "is-empty": _ctx.fileList?.length === 0,
           "is-limit": _ctx.limit && _ctx.fileList?.length >= _ctx.limit
-        }]
-      }, _ctx.coreBindProps, {
-        fileList: _ctx.fileList ?? [],
-        "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:fileList", $event)),
-        ref: "uploadRef",
+        }],
+        "file-list": _ctx.fileList ?? [],
         "on-success": _ctx.onSuccess,
         "before-upload": _ctx.beforeUpload,
-        disabled: _ctx.readonly || _ctx.disabled
+        disabled: _ctx.readonly || _ctx.disabled,
+        "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:fileList", $event))
       }), createSlots({
-        file: withCtx(({ file }) => [
-          createVNode(_component_FileVue, {
-            file,
-            listType: _ctx.listType,
-            disabled: _ctx.readonly || _ctx.disabled,
-            onPreview: _ctx.onPreview,
-            preview: _ctx.preview,
-            onRemove: _ctx.handleRemove
-          }, null, 8, ["file", "listType", "disabled", "onPreview", "preview", "onRemove"])
-        ]),
-        default: withCtx(() => [
-          renderSlot(_ctx.$slots, "default", {}, () => [
-            createVNode(_component_ElLink, { type: "primary" }, {
-              default: withCtx(() => [
-                createTextVNode("+ \u9009\u62E9\u6587\u4EF6")
-              ]),
-              _: 1
-            })
-          ])
-        ]),
+        file: withCtx(({
+          file
+        }) => [createVNode(_component_FileVue, {
+          file,
+          "list-type": _ctx.listType,
+          disabled: _ctx.readonly || _ctx.disabled,
+          "on-preview": _ctx.onPreview,
+          preview: _ctx.preview,
+          "on-download": _ctx.onDownload,
+          onRemove: _ctx.handleRemove
+        }, null, 8, ["file", "list-type", "disabled", "on-preview", "preview", "on-download", "onRemove"])]),
+        default: withCtx(() => [renderSlot(_ctx.$slots, "default", {}, () => [createVNode(_component_ElLink, {
+          type: "primary"
+        }, {
+          default: withCtx(() => [createTextVNode(" + \u9009\u62E9\u6587\u4EF6 ")]),
+          _: 1
+          /* STABLE */
+        })])]),
         _: 2
-      }, [
-        _ctx.tip ? {
-          name: "tip",
-          fn: withCtx(() => [
-            createElementVNode("div", _hoisted_1, toDisplayString(_ctx.tip), 1)
-          ]),
-          key: "0"
-        } : void 0
-      ]), 1040, ["class", "fileList", "on-success", "before-upload", "disabled"]),
-      createElementVNode("span", {
-        class: normalizeClass(["vkf-upload-empty-tip", {
-          "is-readonly": _ctx.readonly,
-          "is-empty": _ctx.fileList?.length === 0
-        }])
-      }, "\u6682\u65E0", 2)
-    ]),
-    _: 3
-  }, 16);
+        /* DYNAMIC */
+      }, [_ctx.tip ? {
+        name: "tip",
+        fn: withCtx(() => [createElementVNode(
+          "div",
+          _hoisted_1,
+          toDisplayString(_ctx.tip),
+          1
+          /* TEXT */
+        )]),
+        key: "0"
+      } : void 0]), 1040, ["class", "file-list", "on-success", "before-upload", "disabled"]), createElementVNode(
+        "span",
+        {
+          class: normalizeClass(["vkf-upload-empty-tip", {
+            "is-readonly": _ctx.readonly,
+            "is-empty": _ctx.fileList?.length === 0
+          }])
+        },
+        "\u6682\u65E0",
+        2
+        /* CLASS */
+      )]),
+      _: 3
+      /* FORWARDED */
+    },
+    16
+    /* FULL_PROPS */
+  );
 }
-var VkfUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["render", _sfc_render], ["__file", "index.vue"]]);
+
+script.render = render;
+script.__file = "upload/src/index.vue";
 
 var types = /*#__PURE__*/Object.freeze({
   __proto__: null
 });
 
-VkfUpload.install = (app) => {
-  app.component(VkfUpload.name, VkfUpload);
+script.install = (app) => {
+  app.component(script.name, script);
 };
 
-export { VkfUpload, ctx as _VkfUploadCtx, types as __VkfUpload, VkfUpload as default };
+export { script as VkfUpload, ctx as _VkfUploadCtx, types as __VkfUpload, script as default };