@vunk/form 2.18.2 → 2.19.0

package/components/upload/index.mjs

@@ -1,21 +1,20 @@
-import { defineComponent, computed, resolveComponent, openBlock, createElementBlock, Fragment, createCommentVNode, normalizeClass, createBlock, createElementVNode, withModifiers, createVNode, withCtx, toDisplayString, createTextVNode, normalizeStyle, shallowRef, normalizeProps, guardReactiveProps, mergeProps, createSlots, renderSlot, h } from 'vue';
-import { _VkfFormItemCtx, VkfFormItem } from '@vunk/form/components/form-item';
-import { bindPropsFactory, onEmitsFactory, vOn } from '@vunk/core/shared/utils-vue';
-import { uploadProps, ElProgress, ElIcon, ElButton, useNamespace, ElUpload, ElLink, ElMessageBox, genFileId } from 'element-plus';
-import { pickObject } from '@vunk/core/shared/utils-object';
-import { createUploadBindProps } from '@vunk/form/shared/element-plus';
-import { h as check_default, z as zoom_in_default, d as delete_default, i as close_default, j as circle_check_default, k as document_default, a as download_default } from '../index.mjs';
-import { RestFetch } from '@vunk/core/shared/utils-fetch';
-import { NOOP } from '@vunk/core/shared/utils-function';
-import { isCallable } from '@vunk/shared/function';
-import { useLocale } from '@vunk/form/composables/element-plus';
-import { _ as _export_sfc } from '../_plugin-vue_export-helper.mjs';
-import { useComputedReadonly } from '@vunk/form/composables';
-import progress from '@vunk/form/shared/progress-it';
-
-const props = {
-  ..._VkfFormItemCtx.props,
-  ...uploadProps,
+import { defineComponent as T, computed as F, resolveComponent as m, openBlock as p, createElementBlock as g, Fragment as S, normalizeClass as n, createBlock as C, createCommentVNode as b, createElementVNode as I, withModifiers as R, createVNode as s, withCtx as u, toDisplayString as P, createTextVNode as D, normalizeStyle as M, shallowRef as Z, normalizeProps as G, guardReactiveProps as q, mergeProps as A, createSlots as H, renderSlot as J, h as K } from "vue";
+import { _VkfFormItemCtx as O, VkfFormItem as Q } from "@vunk/form/components/form-item";
+import { bindPropsFactory as W, onEmitsFactory as X, vOn as Y } from "@vunk/core/shared/utils-vue";
+import { uploadProps as _, ElProgress as x, ElIcon as ee, ElButton as oe, useNamespace as V, ElUpload as le, ElLink as ne, ElMessageBox as se, genFileId as te } from "element-plus";
+import { pickObject as ae } from "@vunk/core/shared/utils-object";
+import { createUploadBindProps as ie } from "@vunk/form/shared/element-plus";
+import { g as de, z as re, d as ue, h as pe, i as me, j as ce, b as fe } from "../index.cjs";
+import { RestFetch as ve } from "@vunk/core/shared/utils-fetch";
+import { NOOP as ye } from "@vunk/core/shared/utils-function";
+import { isCallable as be } from "@vunk/shared/function";
+import { useLocale as j } from "@vunk/form/composables/element-plus";
+import { _ as z } from "../_plugin-vue_export-helper.cjs";
+import { useComputedReadonly as we } from "@vunk/form/composables";
+import ke from "@vunk/form/shared/progress-it";
+const L = {
+  ...O.props,
+  ..._,
   tip: {
     type: String,
     default: ""
@@ -42,50 +41,42 @@ const props = {
    */
   exceedable: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description 是否开启超出覆盖文件的确认框
    */
   confirmExceed: {
     type: Boolean,
-    default: false
+    default: !1
   },
   /**
    * @description 同 el-upload 的 slots
    */
   slots: null
-};
-const createBindProps = bindPropsFactory(props);
-const emits = {
+}, ge = W(L), B = {
   "update:fileList": null,
-  "remove": (e) => e
-};
-const createOnEmits = onEmitsFactory(emits);
-
-var ctx = /*#__PURE__*/Object.freeze({
+  remove: (e) => e
+}, N = X(B), Ae = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null,
-  createBindProps: createBindProps,
-  createOnEmits: createOnEmits,
-  emits: emits,
-  props: props
-});
-
-const restFetch = new RestFetch({
+  createBindProps: ge,
+  createOnEmits: N,
+  emits: B,
+  props: L
+}, Symbol.toStringTag, { value: "Module" })), Ee = new ve({
   baseURL: ""
-});
-var _sfc_main$2 = defineComponent({
+}), Ue = T({
   components: {
-    ElProgress,
-    ElIcon,
-    Check: check_default,
-    ZoomIn: zoom_in_default,
-    Delete: delete_default,
-    Close: close_default,
-    CircleCheck: circle_check_default,
-    Document: document_default,
-    Download: download_default,
-    ElButton
+    ElProgress: x,
+    ElIcon: ee,
+    Check: de,
+    ZoomIn: re,
+    Delete: ue,
+    Close: pe,
+    CircleCheck: me,
+    Document: ce,
+    Download: fe,
+    ElButton: oe
   },
   props: {
     listType: {
@@ -98,11 +89,11 @@ var _sfc_main$2 = defineComponent({
     },
     disabled: {
       type: Boolean,
-      default: false
+      default: !1
     },
     onPreview: {
       type: Function,
-      default: () => NOOP
+      default: () => ye
     },
     onDownload: {
       type: Function,
@@ -110,7 +101,7 @@ var _sfc_main$2 = defineComponent({
     },
     preview: {
       type: [Boolean, Function],
-      default: false
+      default: !1
     },
     previewLabel: {
       type: String,
@@ -120,537 +111,352 @@ var _sfc_main$2 = defineComponent({
   emits: {
     remove: (e) => e
   },
-  setup(props, { emit }) {
-    const nsUpload = useNamespace("upload");
-    const nsIcon = useNamespace("icon");
-    const { tr } = useLocale();
-    const handleRemove = (file = props.file) => {
-      emit("remove", file);
-    };
-    const handleDownload = (file = props.file) => {
-      if (props.onDownload) {
-        props.onDownload(file);
+  setup(e, { emit: o }) {
+    const E = V("upload"), c = V("icon"), { tr: U } = j(), v = (a = e.file) => {
+      o("remove", a);
+    }, w = (a = e.file) => {
+      if (e.onDownload) {
+        e.onDownload(a);
         return;
       }
-      let url = "";
-      if (file.url) {
-        url = file.url;
-      } else if (file.raw) {
-        url = window.URL.createObjectURL(file.raw);
-      }
-      url && restFetch.download({
-        url,
-        fileName: file.name
+      let l = "";
+      a.url ? l = a.url : a.raw && (l = window.URL.createObjectURL(a.raw)), l && Ee.download({
+        url: l,
+        fileName: a.name
       }, {
         method: "GET"
       });
-    };
-    const previewable = computed(() => {
-      if (isCallable(props.preview)) {
-        return props.preview(props.file);
-      }
-      return props.preview;
-    });
-    const previewText = computed(() => props.previewLabel || tr("el.upload.preview", "\u9884\u89C8"));
-    const handlePreview = (file = props.file) => {
-      previewable.value && props.onPreview(file);
-    };
+    }, r = F(() => be(e.preview) ? e.preview(e.file) : e.preview), k = F(() => e.previewLabel || U("el.upload.preview", "预览"));
     return {
-      handleRemove,
-      nsIcon,
-      nsUpload,
-      handleDownload,
-      handlePreview,
-      previewText,
-      previewable,
-      tr
+      handleRemove: v,
+      nsIcon: c,
+      nsUpload: E,
+      handleDownload: w,
+      handlePreview: (a = e.file) => {
+        r.value && e.onPreview(a);
+      },
+      previewText: k,
+      previewable: r,
+      tr: U
     };
   }
-});
-
-const _hoisted_1$1 = ["src"];
-function _sfc_render$1(_ctx, _cache, $props, $setup, $data, $options) {
-  const _component_Document = resolveComponent("Document");
-  const _component_ElIcon = resolveComponent("ElIcon");
-  const _component_Download = resolveComponent("Download");
-  const _component_ElButton = resolveComponent("ElButton");
-  const _component_ElProgress = resolveComponent("ElProgress");
-  const _component_CircleCheck = resolveComponent("CircleCheck");
-  const _component_Check = resolveComponent("Check");
-  const _component_Close = resolveComponent("Close");
-  const _component_ZoomIn = resolveComponent("ZoomIn");
-  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", {
-            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,
-            class: normalizeClass([
-              _ctx.nsUpload.be("list", "item-thumbnail"),
-              _ctx.nsIcon.m("document")
-            ])
-          }, null, 8, ["class"]))
-        ],
-        64
-        /* STABLE_FRAGMENT */
-      )) : createCommentVNode("v-if", true),
-      createCommentVNode(" text "),
-      _ctx.listType !== "picture-card" || _ctx.file.status === "uploading" ? (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.handlePreview(_ctx.file), ["prevent"]))
-            },
-            [
-              createVNode(_component_ElIcon, {
-                class: normalizeClass(_ctx.nsIcon.m("document"))
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_Document)
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"]),
-              createVNode(_component_ElIcon, {
-                class: normalizeClass([
-                  _ctx.nsIcon.m("download"),
-                  _ctx.nsIcon.m("download-primary")
-                ]),
-                onClick: _cache[0] || (_cache[0] = withModifiers(($event) => _ctx.handleDownload(_ctx.file), ["stop"]))
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_Download)
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"]),
-              createElementVNode(
-                "span",
-                {
-                  class: normalizeClass(_ctx.nsUpload.be("list", "item-file-name"))
-                },
-                toDisplayString(_ctx.file.name),
-                3
-                /* TEXT, CLASS */
-              )
-            ],
-            2
-            /* CLASS */
-          ),
-          _ctx.listType === "picture" ? (openBlock(), createElementBlock(
-            "div",
-            {
-              key: 0,
-              class: normalizeClass(_ctx.nsUpload.be("list", "item-file-actions"))
-            },
-            [
-              createVNode(_component_ElButton, {
-                disabled: !_ctx.previewable,
-                class: normalizeClass(_ctx.nsUpload.be("list", "item-file-action-preview")),
-                plain: "",
-                size: "small",
-                round: "",
-                onClick: _cache[2] || (_cache[2] = ($event) => _ctx.handlePreview(_ctx.file))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(_ctx.previewText),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["disabled", "class"]),
-              createCommentVNode(" \u4E0B\u8F7D "),
-              createVNode(_component_ElButton, {
-                plain: "",
-                size: "small",
-                round: "",
-                type: "primary",
-                onClick: _cache[3] || (_cache[3] = ($event) => _ctx.handleDownload(_ctx.file))
-              }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    toDisplayString(_ctx.tr("vkf.common.download", "\u4E0B\u8F7D")),
-                    1
-                    /* TEXT */
-                  )
-                ]),
-                _: 1
-                /* STABLE */
-              })
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true),
-          _ctx.file.status === "uploading" ? (openBlock(), createBlock(_component_ElProgress, {
-            key: 1,
-            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
-        /* CLASS */
-      )) : createCommentVNode("v-if", true),
-      createCommentVNode(" label "),
-      createElementVNode(
-        "label",
-        {
-          class: normalizeClass(_ctx.nsUpload.be("list", "item-status-label"))
-        },
-        [
-          _ctx.listType === "text" ? (openBlock(), createBlock(_component_ElIcon, {
-            key: 0,
-            class: normalizeClass([
-              _ctx.nsIcon.m("upload-success"),
-              _ctx.nsIcon.m("circle-check")
-            ])
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_CircleCheck)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["class"])) : ["picture-card", "picture"].includes(_ctx.listType) ? (openBlock(), createBlock(_component_ElIcon, {
-            key: 1,
-            class: normalizeClass([_ctx.nsIcon.m("upload-success"), _ctx.nsIcon.m("check")])
-          }, {
-            default: withCtx(() => [
-              createVNode(_component_Check)
-            ]),
-            _: 1
-            /* STABLE */
-          }, 8, ["class"])) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      ),
-      !_ctx.disabled ? (openBlock(), createBlock(_component_ElIcon, {
-        key: 2,
-        class: normalizeClass(_ctx.nsIcon.m("close")),
-        onClick: _cache[4] || (_cache[4] = ($event) => _ctx.handleRemove(_ctx.file))
+}), he = ["src"];
+function Ce(e, o, E, c, U, v) {
+  const w = m("Document"), r = m("ElIcon"), k = m("Download"), h = m("ElButton"), a = m("ElProgress"), l = m("CircleCheck"), i = m("Check"), d = m("Close"), f = m("ZoomIn"), y = m("Delete");
+  return p(), g(S, null, [
+    e.listType === "picture" || e.file.status !== "uploading" && e.listType === "picture-card" ? (p(), g(S, { key: 0 }, [
+      /\.(svg|png|jpg|jpeg)$/.test(e.file.name) ? (p(), g("img", {
+        key: 0,
+        class: n(e.nsUpload.be("list", "item-thumbnail")),
+        src: e.file.url,
+        alt: ""
+      }, null, 10, he)) : (p(), C(w, {
+        key: 1,
+        class: n([
+          e.nsUpload.be("list", "item-thumbnail"),
+          e.nsIcon.m("document")
+        ])
+      }, null, 8, ["class"]))
+    ], 64)) : b("", !0),
+    e.listType !== "picture-card" || e.file.status === "uploading" ? (p(), g("div", {
+      key: 1,
+      class: n(e.nsUpload.be("list", "item-info"))
+    }, [
+      I("a", {
+        class: n(e.nsUpload.be("list", "item-name")),
+        onClick: o[1] || (o[1] = R((t) => e.handlePreview(e.file), ["prevent"]))
+      }, [
+        s(r, {
+          class: n(e.nsIcon.m("document"))
+        }, {
+          default: u(() => [
+            s(w)
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        s(r, {
+          class: n([
+            e.nsIcon.m("download"),
+            e.nsIcon.m("download-primary")
+          ]),
+          onClick: o[0] || (o[0] = R((t) => e.handleDownload(e.file), ["stop"]))
+        }, {
+          default: u(() => [
+            s(k)
+          ]),
+          _: 1
+        }, 8, ["class"]),
+        I("span", {
+          class: n(e.nsUpload.be("list", "item-file-name"))
+        }, P(e.file.name), 3)
+      ], 2),
+      e.listType === "picture" ? (p(), g("div", {
+        key: 0,
+        class: n(e.nsUpload.be("list", "item-file-actions"))
+      }, [
+        s(h, {
+          disabled: !e.previewable,
+          class: n(e.nsUpload.be("list", "item-file-action-preview")),
+          plain: "",
+          size: "small",
+          round: "",
+          onClick: o[2] || (o[2] = (t) => e.handlePreview(e.file))
+        }, {
+          default: u(() => [
+            D(P(e.previewText), 1)
+          ]),
+          _: 1
+        }, 8, ["disabled", "class"]),
+        s(h, {
+          plain: "",
+          size: "small",
+          round: "",
+          type: "primary",
+          onClick: o[3] || (o[3] = (t) => e.handleDownload(e.file))
+        }, {
+          default: u(() => [
+            D(P(e.tr("vkf.common.download", "下载")), 1)
+          ]),
+          _: 1
+        })
+      ], 2)) : b("", !0),
+      e.file.status === "uploading" ? (p(), C(a, {
+        key: 1,
+        type: e.listType === "picture-card" ? "circle" : "line",
+        "stroke-width": e.listType === "picture-card" ? 6 : 2,
+        percentage: Number(e.file.percentage),
+        style: M(e.listType === "picture-card" ? "" : "margin-top: 0.5rem")
+      }, null, 8, ["type", "stroke-width", "percentage", "style"])) : b("", !0)
+    ], 2)) : b("", !0),
+    I("label", {
+      class: n(e.nsUpload.be("list", "item-status-label"))
+    }, [
+      e.listType === "text" ? (p(), C(r, {
+        key: 0,
+        class: n([
+          e.nsIcon.m("upload-success"),
+          e.nsIcon.m("circle-check")
+        ])
       }, {
-        default: withCtx(() => [
-          createVNode(_component_Close)
+        default: u(() => [
+          s(l)
         ]),
         _: 1
-        /* 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"))
-        },
-        [
-          createCommentVNode(" \u9884\u89C8 "),
-          _ctx.previewable ? (openBlock(), createElementBlock(
-            "span",
-            {
-              key: 0,
-              class: normalizeClass(_ctx.nsUpload.be("list", "item-preview")),
-              onClick: _cache[5] || (_cache[5] = ($event) => _ctx.handlePreview(_ctx.file))
-            },
-            [
-              createVNode(_component_ElIcon, {
-                class: normalizeClass(_ctx.nsIcon.m("zoom-in"))
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_ZoomIn)
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"])
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true),
-          createCommentVNode(" \u4E0B\u8F7D "),
-          createElementVNode(
-            "span",
-            {
-              class: normalizeClass(_ctx.nsUpload.be("list", "item-download")),
-              onClick: _cache[6] || (_cache[6] = ($event) => _ctx.handleDownload(_ctx.file))
-            },
-            [
-              createVNode(_component_ElIcon, {
-                class: normalizeClass(_ctx.nsIcon.m("download"))
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_Download)
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"])
-            ],
-            2
-            /* CLASS */
-          ),
-          !_ctx.disabled ? (openBlock(), createElementBlock(
-            "span",
-            {
-              key: 1,
-              class: normalizeClass(_ctx.nsUpload.be("list", "item-delete")),
-              onClick: _cache[7] || (_cache[7] = ($event) => _ctx.handleRemove(_ctx.file))
-            },
-            [
-              createVNode(_component_ElIcon, {
-                class: normalizeClass(_ctx.nsIcon.m("delete"))
-              }, {
-                default: withCtx(() => [
-                  createVNode(_component_Delete)
-                ]),
-                _: 1
-                /* STABLE */
-              }, 8, ["class"])
-            ],
-            2
-            /* CLASS */
-          )) : createCommentVNode("v-if", true)
-        ],
-        2
-        /* CLASS */
-      )) : createCommentVNode("v-if", true)
-    ],
-    64
-    /* STABLE_FRAGMENT */
-  );
+      }, 8, ["class"])) : ["picture-card", "picture"].includes(e.listType) ? (p(), C(r, {
+        key: 1,
+        class: n([e.nsIcon.m("upload-success"), e.nsIcon.m("check")])
+      }, {
+        default: u(() => [
+          s(i)
+        ]),
+        _: 1
+      }, 8, ["class"])) : b("", !0)
+    ], 2),
+    e.disabled ? b("", !0) : (p(), C(r, {
+      key: 2,
+      class: n(e.nsIcon.m("close")),
+      onClick: o[4] || (o[4] = (t) => e.handleRemove(e.file))
+    }, {
+      default: u(() => [
+        s(d)
+      ]),
+      _: 1
+    }, 8, ["class"])),
+    e.listType === "picture-card" ? (p(), g("span", {
+      key: 3,
+      class: n(e.nsUpload.be("list", "item-actions"))
+    }, [
+      e.previewable ? (p(), g("span", {
+        key: 0,
+        class: n(e.nsUpload.be("list", "item-preview")),
+        onClick: o[5] || (o[5] = (t) => e.handlePreview(e.file))
+      }, [
+        s(r, {
+          class: n(e.nsIcon.m("zoom-in"))
+        }, {
+          default: u(() => [
+            s(f)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 2)) : b("", !0),
+      I("span", {
+        class: n(e.nsUpload.be("list", "item-download")),
+        onClick: o[6] || (o[6] = (t) => e.handleDownload(e.file))
+      }, [
+        s(r, {
+          class: n(e.nsIcon.m("download"))
+        }, {
+          default: u(() => [
+            s(k)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 2),
+      e.disabled ? b("", !0) : (p(), g("span", {
+        key: 1,
+        class: n(e.nsUpload.be("list", "item-delete")),
+        onClick: o[7] || (o[7] = (t) => e.handleRemove(e.file))
+      }, [
+        s(r, {
+          class: n(e.nsIcon.m("delete"))
+        }, {
+          default: u(() => [
+            s(y)
+          ]),
+          _: 1
+        }, 8, ["class"])
+      ], 2))
+    ], 2)) : b("", !0)
+  ], 64);
 }
-var FileVue = /* @__PURE__ */ _export_sfc(_sfc_main$2, [["render", _sfc_render$1], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/upload/src/file.vue"]]);
-
-var _sfc_main$1 = defineComponent({
+const Ie = /* @__PURE__ */ z(Ue, [["render", Ce]]), Pe = T({
   components: {
-    VkfFormItem,
-    ElUpload,
-    FileVue,
-    ElLink
+    VkfFormItem: Q,
+    ElUpload: le,
+    FileVue: Ie,
+    ElLink: ne
   },
-  props,
-  emits,
-  setup(props2, { emit }) {
-    const formItemBindProps = _VkfFormItemCtx.createBindProps(props2);
-    const { tr } = useLocale();
-    const coreBindProps = createUploadBindProps(props2, ["disabled", "fileList", "beforeUpload", "onSuccess"]);
-    const uploadRef = shallowRef();
-    const handleRemove = (file) => {
-      uploadRef.value?.handleRemove(file);
-      uploadRef.value?.abort(file);
-      emit("update:fileList", props2.fileList);
-    };
-    const handleExceed = (files, uploadFiles) => {
-      if (props2.onExceed) {
-        props2.onExceed(files, uploadFiles);
+  props: L,
+  emits: B,
+  setup(e, { emit: o }) {
+    const E = O.createBindProps(e), { tr: c } = j(), U = ie(e, ["disabled", "fileList", "beforeUpload", "onSuccess"]), v = Z(), w = (l) => {
+      var i, d;
+      (i = v.value) == null || i.handleRemove(l), (d = v.value) == null || d.abort(l), o("update:fileList", e.fileList);
+    }, r = (l, i) => {
+      if (e.onExceed) {
+        e.onExceed(l, i);
         return;
       }
-      if (props2.exceedable) {
-        const doUpload = () => {
-          uploadRef.value?.clearFiles();
-          files.forEach((file) => {
-            file.uid = genFileId();
-            uploadRef.value?.handleStart(file);
-          });
-          uploadRef.value?.submit();
+      if (e.exceedable) {
+        const d = () => {
+          var f, y;
+          (f = v.value) == null || f.clearFiles(), l.forEach((t) => {
+            var $;
+            t.uid = te(), ($ = v.value) == null || $.handleStart(t);
+          }), (y = v.value) == null || y.submit();
         };
-        if (props2.confirmExceed) {
-          ElMessageBox.confirm(
-            tr("vkf.upload.exceedConfirm", "\u5DF2\u8D85\u8FC7\u6700\u5927\u4E0A\u4F20\u6570\u91CF\u9650\u5236\uFF0C\u662F\u5426\u4F7F\u7528\u65B0\u6587\u4EF6\u91CD\u65B0\u4E0A\u4F20\uFF1F"),
-            tr("el.messagebox.title", "\u63D0\u793A"),
-            {
-              confirmButtonText: tr("el.upload.continue", "\u7EE7\u7EED"),
-              cancelButtonText: tr("el.messagebox.cancel", "\u53D6\u6D88"),
-              type: "warning"
-            }
-          ).then(doUpload);
-        } else {
-          doUpload();
-        }
-      }
-    };
-    const readonly = useComputedReadonly(props2);
-    const onSuccess = (response, uploadFile, uploadFiles) => {
-      const raw = uploadFile.raw;
-      raw.progress(true);
-      uploadFile.percentage = 100;
-      uploadFile.status = "success";
-      props2.onSuccess?.(response, uploadFile, uploadFiles);
-    };
-    const beforeUpload = async (rawFile) => {
-      const effect = (e, s) => {
-        const file = props2.fileList.find((item) => item.uid === rawFile.uid);
-        if (file) {
-          file.percentage = Number((e * 100).toFixed(2));
-          if (s === false) {
-            file.status = "uploading";
+        e.confirmExceed ? se.confirm(
+          c("vkf.upload.exceedConfirm", "已超过最大上传数量限制，是否使用新文件重新上传？"),
+          c("el.messagebox.title", "提示"),
+          {
+            confirmButtonText: c("el.upload.continue", "继续"),
+            cancelButtonText: c("el.messagebox.cancel", "取消"),
+            type: "warning"
           }
-        }
-      };
-      rawFile.progress = progress(effect)(false);
-      if (props2.beforeUpload) {
-        const res = await props2.beforeUpload?.(rawFile);
-        return res;
+        ).then(d) : d();
       }
-      return true;
-    };
+    }, k = we(e);
     return {
-      formItemBindProps,
-      pickObject,
-      coreBindProps,
-      uploadRef,
-      handleRemove,
-      readonly,
-      onSuccess,
+      formItemBindProps: E,
+      pickObject: ae,
+      coreBindProps: U,
+      uploadRef: v,
+      handleRemove: w,
+      readonly: k,
+      onSuccess: (l, i, d) => {
+        var y, t;
+        const f = i.raw;
+        (y = f.progress) == null || y.call(f, !0), i.percentage = 100, i.status = "success", (t = e.onSuccess) == null || t.call(e, l, i, d);
+      },
       // onProgress,
-      beforeUpload,
-      handleExceed,
-      tr
+      beforeUpload: async (l) => {
+        var d;
+        const i = (f, y) => {
+          const t = e.fileList.find(($) => $.uid === l.uid);
+          t && (t.percentage = Number((f * 100).toFixed(2)), y === !1 && (t.status = "uploading"));
+        };
+        return l.progress = ke(i)(!1), e.beforeUpload ? await ((d = e.beforeUpload) == null ? void 0 : d.call(e, l)) : !0;
+      },
+      handleExceed: r,
+      tr: c
     };
   }
-});
-
-const _hoisted_1 = { class: "el-upload__tip" };
-function _sfc_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(_ctx.coreBindProps, {
+}), $e = { class: "el-upload__tip" };
+function Le(e, o, E, c, U, v) {
+  const w = m("ElLink"), r = m("FileVue"), k = m("ElUpload"), h = m("VkfFormItem");
+  return p(), C(h, G(q(e.formItemBindProps)), {
+    default: u(() => {
+      var a, l, i;
+      return [
+        s(k, A(e.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,
-            "is-exceedable": _ctx.exceedable
+            "is-readonly": e.readonly,
+            "is-empty": ((a = e.fileList) == null ? void 0 : a.length) === 0,
+            "is-limit": e.limit && ((l = e.fileList) == null ? void 0 : l.length) >= e.limit,
+            "is-exceedable": e.exceedable
           }],
-          "file-list": _ctx.fileList ?? [],
-          "on-success": _ctx.onSuccess,
-          "before-upload": _ctx.beforeUpload,
-          disabled: _ctx.readonly || _ctx.disabled,
-          "on-exceed": _ctx.handleExceed,
-          "onUpdate:fileList": _cache[0] || (_cache[0] = ($event) => _ctx.$emit("update:fileList", $event))
-        }), createSlots({
-          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,
-              "preview-label": _ctx.previewLabel,
-              onRemove: _ctx.handleRemove
+          "file-list": e.fileList ?? [],
+          "on-success": e.onSuccess,
+          "before-upload": e.beforeUpload,
+          disabled: e.readonly || e.disabled,
+          "on-exceed": e.handleExceed,
+          "onUpdate:fileList": o[0] || (o[0] = (d) => e.$emit("update:fileList", d))
+        }), H({
+          file: u(({ file: d }) => [
+            s(r, {
+              file: d,
+              "list-type": e.listType,
+              disabled: e.readonly || e.disabled,
+              "on-preview": e.onPreview,
+              preview: e.preview,
+              "on-download": e.onDownload,
+              "preview-label": e.previewLabel,
+              onRemove: e.handleRemove
             }, null, 8, ["file", "list-type", "disabled", "on-preview", "preview", "on-download", "preview-label", "onRemove"])
           ]),
-          default: withCtx(() => [
-            renderSlot(_ctx.$slots, "default", {}, () => [
-              createVNode(_component_ElLink, { type: "primary" }, {
-                default: withCtx(() => [
-                  createTextVNode(
-                    " + " + toDisplayString(_ctx.tr("vkf.upload.selectFile", "\u9009\u62E9\u6587\u4EF6")),
-                    1
-                    /* TEXT */
-                  )
+          default: u(() => [
+            J(e.$slots, "default", {}, () => [
+              s(w, { type: "primary" }, {
+                default: u(() => [
+                  D(" + " + P(e.tr("vkf.upload.selectFile", "选择文件")), 1)
                 ]),
                 _: 1
-                /* STABLE */
               })
             ])
           ]),
           _: 2
-          /* DYNAMIC */
         }, [
-          _ctx.tip ? {
+          e.tip ? {
             name: "tip",
-            fn: withCtx(() => [
-              createElementVNode(
-                "div",
-                _hoisted_1,
-                toDisplayString(_ctx.tip),
-                1
-                /* TEXT */
-              )
+            fn: u(() => [
+              I("div", $e, P(e.tip), 1)
             ]),
             key: "0"
           } : void 0
         ]), 1040, ["class", "file-list", "on-success", "before-upload", "disabled", "on-exceed"]),
-        createElementVNode(
-          "span",
-          {
-            class: normalizeClass(["vkf-upload-empty-tip", {
-              "is-readonly": _ctx.readonly,
-              "is-empty": _ctx.fileList?.length === 0
-            }])
-          },
-          toDisplayString(_ctx.tr("vkf.upload.empty", "\u6682\u65E0")),
-          3
-          /* TEXT, CLASS */
-        )
-      ]),
-      _: 3
-      /* FORWARDED */
-    },
-    16
-    /* FULL_PROPS */
-  );
+        I("span", {
+          class: n(["vkf-upload-empty-tip", {
+            "is-readonly": e.readonly,
+            "is-empty": ((i = e.fileList) == null ? void 0 : i.length) === 0
+          }])
+        }, P(e.tr("vkf.upload.empty", "暂无")), 3)
+      ];
+    }),
+    _: 3
+  }, 16);
 }
-var Core = /* @__PURE__ */ _export_sfc(_sfc_main$1, [["render", _sfc_render], ["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/upload/src/index.vue"]]);
-
-var _sfc_main = defineComponent({
+const Be = /* @__PURE__ */ z(Pe, [["render", Le]]), He = T({
   name: "VkfUpload",
-  props,
-  emits,
-  setup(props2, { emit, slots }) {
-    const coreEmits = createOnEmits(emit);
-    return () => h(Core, {
-      ...props2,
-      ...vOn(coreEmits)
+  props: L,
+  emits: B,
+  setup(e, { emit: o, slots: E }) {
+    const c = N(o);
+    return () => K(Be, {
+      ...e,
+      ...Y(c)
     }, {
-      ...props2.slots,
-      ...slots
+      ...e.slots,
+      ...E
     });
   }
-});
-
-var VkfUpload = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "/home/runner/work/private-vunk-form/private-vunk-form/packages/components/upload/src/wraper.vue"]]);
-
-var types = /*#__PURE__*/Object.freeze({
+}), Je = /* @__PURE__ */ Object.freeze(/* @__PURE__ */ Object.defineProperty({
   __proto__: null
-});
-
-VkfUpload.install = (app) => {
-  app.component(VkfUpload.name || "VkfUpload", VkfUpload);
+}, Symbol.toStringTag, { value: "Module" }));
+export {
+  He as VkfUpload,
+  Ae as _VkfUploadCtx,
+  Je as __VkfUpload,
+  He as default
 };
-
-export { VkfUpload, ctx as _VkfUploadCtx, types as __VkfUpload, VkfUpload as default };