iking-web-ui-pro 0.2.19 → 0.2.20

package/dist/IkUploadImage/ik.index.es.js

@@ -1,7 +1,7 @@
-import { defineComponent as $, openBlock as u, createElementBlock as r, createElementVNode as o, inject as C, computed as y, resolveComponent as H, normalizeClass as b, normalizeStyle as z, createCommentVNode as M, createBlock as E, withCtx as m, createTextVNode as R, toDisplayString as U, mergeModels as F, useModel as ue, watch as re, ref as S, Fragment as N, createVNode as _, unref as p, mergeProps as ce, createSlots as de, renderSlot as ve, withDirectives as O, vShow as P, renderList as pe, pushScopeId as _e, popScopeId as he } from "vue";
-import { ElUpload as ge, ElIcon as x, ElImage as fe, ElImageViewer as me, ElMessage as W } from "element-plus";
-import { ikColor as ye, _ as we, ikFile as ke } from "iking-utils-pro";
-const G = (l, c) => {
+import { defineComponent as $, openBlock as u, createElementBlock as r, createElementVNode as o, inject as B, computed as h, resolveComponent as W, normalizeClass as k, normalizeStyle as z, createCommentVNode as V, createBlock as H, withCtx as f, createTextVNode as J, toDisplayString as U, mergeModels as F, useCssVars as ce, useModel as de, watch as pe, ref as M, Fragment as O, createVNode as _, unref as v, mergeProps as ve, createSlots as _e, renderSlot as he, withDirectives as P, vShow as R, renderList as ge, pushScopeId as fe, popScopeId as me } from "vue";
+import { ElUpload as ye, ElIcon as C, ElImage as we, ElImageViewer as ke, ElMessage as G } from "element-plus";
+import { ikColor as be, _ as ze, ikFile as $e } from "iking-utils-pro";
+const X = (l, c) => {
   if (l.install = (i) => {
     for (const e of [l, ...Object.values(c ?? {})])
       i.component(e.name, e);
@@ -11,7 +11,7 @@ const G = (l, c) => {
   return l;
 };
 /*! Element Plus Icons Vue v2.3.1 */
-var be = /* @__PURE__ */ $({
+var xe = /* @__PURE__ */ $({
   name: "Close",
   __name: "close",
   setup(l) {
@@ -25,7 +25,7 @@ var be = /* @__PURE__ */ $({
       })
     ]));
   }
-}), ze = be, $e = /* @__PURE__ */ $({
+}), Ce = xe, Be = /* @__PURE__ */ $({
   name: "Delete",
   __name: "delete",
   setup(l) {
@@ -39,7 +39,7 @@ var be = /* @__PURE__ */ $({
       })
     ]));
   }
-}), xe = $e, Ce = /* @__PURE__ */ $({
+}), Ie = Be, Le = /* @__PURE__ */ $({
   name: "Download",
   __name: "download",
   setup(l) {
@@ -53,7 +53,7 @@ var be = /* @__PURE__ */ $({
       })
     ]));
   }
-}), Be = Ce, Ie = /* @__PURE__ */ $({
+}), Se = Le, Me = /* @__PURE__ */ $({
   name: "Refresh",
   __name: "refresh",
   setup(l) {
@@ -67,7 +67,7 @@ var be = /* @__PURE__ */ $({
       })
     ]));
   }
-}), Le = Ie, Se = /* @__PURE__ */ $({
+}), Ve = Me, Ue = /* @__PURE__ */ $({
   name: "ZoomIn",
   __name: "zoom-in",
   setup(l) {
@@ -81,13 +81,13 @@ var be = /* @__PURE__ */ $({
       })
     ]));
   }
-}), Me = Se;
-const D = (l, c) => {
+}), je = Ue;
+const N = (l, c) => {
   const i = l.__vccOpts || l;
   for (const [e, d] of c)
     i[e] = d;
   return i;
-}, Ue = {}, Ve = {
+}, Ee = {}, De = {
   t: "1686214149488",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -96,7 +96,7 @@ const D = (l, c) => {
   "p-id": "8490",
   width: "200",
   height: "200"
-}, je = /* @__PURE__ */ o(
+}, He = /* @__PURE__ */ o(
   "path",
   {
     d: "M369.569592 512.011256c0-14.328333-11.010775-25.945929-24.591071-25.945929L86.980515 486.065328c-13.580297 0-24.591071 11.618619-24.591071 25.945929 0 14.33038 11.010775 25.947975 24.591071 25.947975l257.998005 0C358.55984 537.959232 369.569592 526.341636 369.569592 512.011256z",
@@ -105,7 +105,7 @@ const D = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Ee = /* @__PURE__ */ o(
+), Ne = /* @__PURE__ */ o(
   "path",
   {
     d: "M937.019485 486.064304 679.020456 486.064304c-13.580297 0-24.591071 11.618619-24.591071 25.945929 0 14.33038 11.010775 25.947975 24.591071 25.947975l257.999029 0c13.580297 0 24.590048-11.618619 24.590048-25.947975C961.609533 497.682923 950.598758 486.064304 937.019485 486.064304z",
@@ -114,7 +114,7 @@ const D = (l, c) => {
   null,
   -1
   /* HOISTED */
-), De = /* @__PURE__ */ o(
+), Te = /* @__PURE__ */ o(
   "path",
   {
     d: "M512.011768 62.389956c-13.580297 0-24.590048 11.618619-24.590048 25.945929l0 257.170151c0 14.329357 11.010775 25.946952 24.590048 25.946952s24.591071-11.618619 24.591071-25.946952L536.602839 88.335884C536.602839 74.008574 525.591041 62.389956 512.011768 62.389956z",
@@ -123,7 +123,7 @@ const D = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Te = /* @__PURE__ */ o(
+), Ae = /* @__PURE__ */ o(
   "path",
   {
     d: "M512.011768 652.544967c-13.580297 0-24.590048 11.618619-24.590048 25.946952l0 257.169127c0 14.33038 11.010775 25.947975 24.590048 25.947975s24.591071-11.618619 24.591071-25.947975L536.602839 678.491918C536.602839 664.162562 525.591041 652.544967 512.011768 652.544967z",
@@ -132,7 +132,7 @@ const D = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Ae = /* @__PURE__ */ o(
+), We = /* @__PURE__ */ o(
   "path",
   {
     d: "M377.001865 413.125085c4.744048 4.737908 10.818393 7.082302 16.882506 7.082302 6.519484 0 13.039991-2.724041 17.879206-8.134261 9.317203-10.414187 8.885368-26.834158-0.9967-36.678364L228.341057 193.559391c-9.832949-9.830903-25.406646-9.388834-34.760688 1.050935-9.317203 10.414187-8.885368 26.834158 0.9967 36.678364L377.001865 413.125085z",
@@ -141,7 +141,7 @@ const D = (l, c) => {
   null,
   -1
   /* HOISTED */
-), He = /* @__PURE__ */ o(
+), Fe = /* @__PURE__ */ o(
   "path",
   {
     d: "M646.997112 610.873892c-9.846252-9.831926-25.419949-9.388834-34.761712 1.051959-9.317203 10.414187-8.885368 26.834158 0.997724 36.678364l182.41354 181.834348c4.743024 4.738931 10.818393 7.083326 16.881482 7.083326 6.520507 0 13.039991-2.723018 17.879206-8.134261 9.317203-10.41521 8.886391-26.834158-0.9967-36.678364L646.997112 610.873892z",
@@ -150,7 +150,7 @@ const D = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Fe = /* @__PURE__ */ o(
+), Oe = /* @__PURE__ */ o(
   "path",
   {
     d: "M630.114606 420.207387c6.064113 0 12.139481-2.344395 16.882506-7.082302l182.425819-181.836395c9.882068-9.844206 10.313903-26.264177 0.9967-36.678364-9.341762-10.43977-24.915459-10.882861-34.760688-1.050935L613.233124 375.394762c-9.882068 9.844206-10.314926 26.264177-0.997724 36.678364C617.074615 417.483346 623.595123 420.207387 630.114606 420.207387z",
@@ -159,7 +159,7 @@ const D = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Ne = /* @__PURE__ */ o(
+), Pe = /* @__PURE__ */ o(
   "path",
   {
     d: "M377.025401 610.873892 194.600605 792.710286c-9.881045 9.844206-10.313903 26.263154-0.9967 36.678364 4.839215 5.411243 11.358699 8.134261 17.879206 8.134261 6.064113 0 12.138458-2.344395 16.881482-7.083326l182.425819-181.834348c9.881045-9.844206 10.313903-26.264177 0.9967-36.678364C402.469909 601.485057 386.872676 601.041966 377.025401 610.873892z",
@@ -168,40 +168,40 @@ const D = (l, c) => {
   null,
   -1
   /* HOISTED */
-), Oe = [
-  je,
-  Ee,
-  De,
+), Re = [
+  He,
+  Ne,
   Te,
   Ae,
-  He,
+  We,
   Fe,
-  Ne
+  Oe,
+  Pe
 ];
-function Pe(l, c) {
-  return u(), r("svg", Ve, Oe);
+function Ge(l, c) {
+  return u(), r("svg", De, Re);
 }
-const We = /* @__PURE__ */ D(Ue, [["render", Pe]]), Re = (l) => {
-  const c = C("loadUrl"), i = y(() => l.loadUrl || l.fileUrl || (c == null ? void 0 : c.value)), e = C("uploadUrl"), d = y(() => l.action || l.uploadUrl || (e == null ? void 0 : e.value)), h = C("token"), n = y(() => l.token || (h == null ? void 0 : h.value)), w = C("onlyofficeConfig"), B = y(() => l.onlyofficeConfig || (w == null ? void 0 : w.value)), g = C("userInfo"), f = y(() => l.userInfo || (g == null ? void 0 : g.value));
+const Je = /* @__PURE__ */ N(Ee, [["render", Ge]]), Xe = (l) => {
+  const c = B("loadUrl"), i = h(() => l.loadUrl || l.fileUrl || (c == null ? void 0 : c.value)), e = B("uploadUrl"), d = h(() => l.action || l.uploadUrl || (e == null ? void 0 : e.value)), g = B("token"), n = h(() => l.token || (g == null ? void 0 : g.value)), m = B("onlyofficeConfig"), I = h(() => l.onlyofficeConfig || (m == null ? void 0 : m.value)), b = B("userInfo"), j = h(() => l.userInfo || (b == null ? void 0 : b.value));
   return {
     cLoadUrl: i,
     cUploadUrl: d,
     cToken: n,
-    cOnlyofficeConfig: B,
-    cUserInfo: f
+    cOnlyofficeConfig: I,
+    cUserInfo: j
   };
-}, Ge = Re, Je = {
+}, Ye = Xe, Ze = {
   key: 0,
   class: "ik-svg-icon ik-icon-span inline-block inline-flex justify-center box-content line-height-[0]"
-}, Xe = {
+}, qe = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, Ye = ["xlink:href"], Ze = ["src"], qe = {
+}, Ke = ["xlink:href"], Qe = ["src"], et = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, Ke = ["xlink:href"], Qe = ["src"], et = /* @__PURE__ */ $({
+}, tt = ["xlink:href"], lt = ["src"], at = /* @__PURE__ */ $({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -228,13 +228,13 @@ const We = /* @__PURE__ */ D(Ue, [["render", Pe]]), Re = (l) => {
     width: {}
   },
   setup(l) {
-    const c = l, i = C("iconConfig"), e = y(() => ({
+    const c = l, i = B("iconConfig"), e = h(() => ({
       ...(i == null ? void 0 : i.value) || {},
       ...c
-    })), d = y(() => {
+    })), d = h(() => {
       const { name: n } = e.value;
       return /^http?:\/\//.test(n) ? "img" : /i-[^:]+:[^:]+/.test(n) ? "unocss" : n != null && n.startsWith("iksig") ? "iksig" : n != null && n.includes(":") ? "iconify" : n != null && n.startsWith("iksvg") ? "svg" : "i";
-    }), h = y(() => {
+    }), g = h(() => {
       const n = [];
       if (e.value.flip)
         switch (e.value.flip) {
@@ -249,26 +249,26 @@ const We = /* @__PURE__ */ D(Ue, [["render", Pe]]), Re = (l) => {
             break;
         }
       e.value.rotate && n.push(`rotate(${e.value.rotate % 360}deg)`);
-      const w = {
+      const m = {
         ...e.value.color && { color: e.value.color },
         ...e.value.size && { fontSize: typeof e.value.size == "number" ? `${e.value.size}px` : e.value.size },
         ...n.length && { transform: n.join(" ") },
         padding: e.value.showBg || e.value.bg ? e.value.padding : 0,
         ...e.value.color && d.value !== "iksig" ? {
           "--ik-color-icon-dark": e.value.color,
-          "--ik-color-icon-light": e.value.colorLight || ye.setOpacity(e.value.color, e.value.opacity)
+          "--ik-color-icon-light": e.value.colorLight || be.setOpacity(e.value.color, e.value.opacity)
         } : {}
       };
-      return e.value.width && (w.width = w.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), w;
+      return e.value.width && (m.width = m.height = typeof e.value.width == "number" ? `${e.value.width}px` : e.value.width), m;
     });
-    return (n, w) => {
-      const B = H("el-tooltip"), g = H("el-button");
-      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (u(), r("span", Je, [
+    return (n, m) => {
+      const I = W("el-tooltip"), b = W("el-button");
+      return e.value.tableIconType === "icon" || !e.value.tableIconType ? (u(), r("span", Ze, [
         e.value.notip || !e.value.title ? (u(), r(
           "i",
           {
             key: 0,
-            class: b(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+            class: k(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
               [n.name]: d.value === "unocss",
               "show-bg": e.value.showBg || e.value.bg,
               default: e.value.size === "default",
@@ -281,34 +281,34 @@ const We = /* @__PURE__ */ D(Ue, [["render", Pe]]), Re = (l) => {
               active: e.value.active,
               disabled: e.value.disabled
             }]),
-            style: z(h.value)
+            style: z(g.value)
           },
           [
-            M(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            V(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
             d.value === "iksig" ? (u(), r(
               "i",
               {
                 key: 0,
-                class: b(`iksig ${e.value.name}`),
-                style: z(h.value)
+                class: k(`iksig ${e.value.name}`),
+                style: z(g.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : d.value === "svg" ? (u(), r("svg", Xe, [
+            )) : d.value === "svg" ? (u(), r("svg", qe, [
               o("use", {
                 "xlink:href": `#${e.value.name}`
-              }, null, 8, Ye)
+              }, null, 8, Ke)
             ])) : d.value === "img" ? (u(), r("img", {
               key: 2,
               src: e.value.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, Ze)) : (u(), r(
+            }, null, 8, Qe)) : (u(), r(
               "i",
               {
                 key: 3,
-                class: b(e.value.name),
-                style: z(h.value)
+                class: k(e.value.name),
+                style: z(g.value)
               },
               null,
               6
@@ -317,16 +317,16 @@ const We = /* @__PURE__ */ D(Ue, [["render", Pe]]), Re = (l) => {
           ],
           6
           /* CLASS, STYLE */
-        )) : (u(), E(B, {
+        )) : (u(), H(I, {
           key: 1,
           content: e.value.title,
           placement: "top"
         }, {
-          default: m(() => [
+          default: f(() => [
             o(
               "i",
               {
-                class: b(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                class: k(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
                   [n.name]: d.value === "unocss",
                   "show-bg": e.value.showBg || e.value.bg,
                   default: e.value.size === "default",
@@ -338,33 +338,33 @@ const We = /* @__PURE__ */ D(Ue, [["render", Pe]]), Re = (l) => {
                   error: e.value.error || e.value.type === "error",
                   active: e.value.active
                 }]),
-                style: z(h.value)
+                style: z(g.value)
               },
               [
                 d.value === "iksig" ? (u(), r(
                   "i",
                   {
                     key: 0,
-                    class: b(`iksig ${e.value.name}`),
-                    style: z(h.value)
+                    class: k(`iksig ${e.value.name}`),
+                    style: z(g.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : d.value === "svg" ? (u(), r("svg", qe, [
+                )) : d.value === "svg" ? (u(), r("svg", et, [
                   o("use", {
                     "xlink:href": `#${e.value.name}`
-                  }, null, 8, Ke)
+                  }, null, 8, tt)
                 ])) : d.value === "img" ? (u(), r("img", {
                   key: 2,
                   src: e.value.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, Qe)) : (u(), r(
+                }, null, 8, lt)) : (u(), r(
                   "i",
                   {
                     key: 3,
-                    class: b(e.value.name),
-                    style: z(h.value)
+                    class: k(e.value.name),
+                    style: z(g.value)
                   },
                   null,
                   6
@@ -378,12 +378,12 @@ const We = /* @__PURE__ */ D(Ue, [["render", Pe]]), Re = (l) => {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (u(), E(g, {
+      ])) : (u(), H(b, {
         key: 1,
         type: ["warning", "error"].includes(e.value.type) ? "danger" : ""
       }, {
-        default: m(() => [
-          R(
+        default: f(() => [
+          J(
             U(e.value.title),
             1
             /* TEXT */
@@ -395,25 +395,25 @@ const We = /* @__PURE__ */ D(Ue, [["render", Pe]]), Re = (l) => {
     };
   }
 });
-const tt = /* @__PURE__ */ D(et, [["__scopeId", "data-v-ec9fdc8a"]]), lt = G(tt), J = (l) => (_e("data-v-3ef6eeda"), l = l(), he(), l), at = {
+const st = /* @__PURE__ */ N(at, [["__scopeId", "data-v-ec9fdc8a"]]), ot = X(st), Y = (l) => (fe("data-v-d12a12c0"), l = l(), me(), l), nt = {
   key: 1,
   class: "upload-btn"
-}, st = { class: "tip" }, ot = { class: "loading-statu" }, nt = { class: "operate-btn" }, it = { key: 0 }, ut = {
+}, it = { class: "tip" }, ut = { class: "loading-statu" }, rt = { class: "operate-btn" }, ct = { key: 0 }, dt = {
   class: "el-upload-list el-upload-list--picture-card",
   style: { float: "left" }
-}, rt = ["onClick"], ct = /* @__PURE__ */ J(() => /* @__PURE__ */ o(
+}, pt = ["onClick"], vt = /* @__PURE__ */ Y(() => /* @__PURE__ */ o(
   "span",
   { class: "error" },
   "上传错误",
   -1
   /* HOISTED */
-)), dt = /* @__PURE__ */ J(() => /* @__PURE__ */ o(
+)), _t = /* @__PURE__ */ Y(() => /* @__PURE__ */ o(
   "p",
   null,
   "点击重新上传",
   -1
   /* HOISTED */
-)), vt = ["src"], pt = { class: "demo-image__preview" }, _t = /* @__PURE__ */ $({
+)), ht = ["src"], gt = { class: "demo-image__preview" }, ft = /* @__PURE__ */ $({
   __name: "index",
   props: /* @__PURE__ */ F({
     // 显示的文字
@@ -488,6 +488,16 @@ const tt = /* @__PURE__ */ D(et, [["__scopeId", "data-v-ec9fdc8a"]]), lt = G(tt)
     disabled: {
       type: Boolean,
       default: !1
+    },
+    // 展示宽度
+    width: {
+      type: Number,
+      default: 106
+    },
+    // 展示高度
+    height: {
+      type: Number,
+      default: 106
     }
   }, {
     modelValue: {
@@ -498,12 +508,16 @@ const tt = /* @__PURE__ */ D(et, [["__scopeId", "data-v-ec9fdc8a"]]), lt = G(tt)
   }),
   emits: /* @__PURE__ */ F(["delete", "success"], ["update:modelValue"]),
   setup(l, { emit: c }) {
-    const i = l, e = ue(l, "modelValue"), d = (t) => Array.isArray(t) ? t.map((a) => {
-      var k, L;
-      const s = ((k = a.url) == null ? void 0 : k.startsWith("http")) || ((L = a.url) == null ? void 0 : L.startsWith("blob")), v = (a == null ? void 0 : a.url) || a;
+    ce((t) => ({
+      "48c07ec5": I.value,
+      "94ff3ff0": b.value
+    }));
+    const i = l, e = de(l, "modelValue"), d = (t) => Array.isArray(t) ? t.map((a) => {
+      var w, S;
+      const s = ((w = a.url) == null ? void 0 : w.startsWith("http")) || ((S = a.url) == null ? void 0 : S.startsWith("blob")), p = (a == null ? void 0 : a.url) || a;
       return {
-        ...a.url ? a : { url: v },
-        __url: s ? v : `${n.value}${v}`
+        ...a.url ? a : { url: p },
+        __url: s ? p : `${n.value}${p}`
       };
     }) : t ? [
       {
@@ -511,98 +525,98 @@ const tt = /* @__PURE__ */ D(et, [["__scopeId", "data-v-ec9fdc8a"]]), lt = G(tt)
         __url: t != null && t.startsWith("http") || t != null && t.startsWith("blob") ? t : `${n.value}${t}`
       }
     ] : [];
-    re(
+    pe(
       () => e.value,
       (t) => {
-        !t || !t.length ? f.value = [] : f.value = we.cloneDeep(d(t));
+        !t || !t.length ? y.value = [] : y.value = ze.cloneDeep(d(t));
       },
       { deep: !0 }
     );
-    const h = c, { cLoadUrl: n, cUploadUrl: w } = Ge(i), B = y(() => i.size), g = S(null), f = S(d(e.value)), I = S([]), V = S(!1), T = S(0), X = y(
+    const g = c, { cLoadUrl: n, cUploadUrl: m } = Ye(i), I = h(() => `${i.width}px`), b = h(() => `${i.height}px`), j = h(() => i.size), x = M(null), y = M(d(e.value)), L = M([]), E = M(!1), T = M(0), Z = h(
       () => i.tipText || `最多可上传${i.limit}张图片, 每张图片不能超过${i.size}MB`
-    ), Y = (t, a) => {
-    }, Z = (t) => {
+    ), q = (t, a) => {
+    }, K = (t) => {
       if (!t.type.includes("image")) {
-        W.warning("只允许上传图片!");
+        G.warning("只允许上传图片!");
         try {
-          f.value.pop();
+          y.value.pop();
         } catch {
         }
         return !1;
       }
-      if (!(t.size / 1024 / 1024 < B.value)) {
-        W.warning("图片大小超出限制!");
+      if (!(t.size / 1024 / 1024 < j.value)) {
+        G.warning("图片大小超出限制!");
         try {
-          f.value.pop();
+          y.value.pop();
         } catch {
         }
         return !1;
       }
       return !0;
-    }, q = () => !1, K = (t, a) => {
-      var s, v;
-      t.status = "ready", a !== void 0 && I.value.splice(a, 1), (s = g.value) == null || s.handleStart(t.raw), (v = g.value) == null || v.submit();
-    }, Q = (t, a) => {
-      var L, A;
-      const s = e.value.length, v = i.limit - s;
-      let k = 0;
-      for (; k < v && k < (t == null ? void 0 : t.length); )
-        (L = g.value) == null || L.handleStart(t == null ? void 0 : t[k]), (A = g.value) == null || A.submit(), k++;
-    }, ee = (t, a, s) => {
-      h("success", t, a, s), e.value = f.value;
-    }, te = (t, a, s) => {
-      I.value.push({
+    }, Q = () => !1, ee = (t, a) => {
+      var s, p;
+      t.status = "ready", a !== void 0 && L.value.splice(a, 1), (s = x.value) == null || s.handleStart(t.raw), (p = x.value) == null || p.submit();
+    }, te = (t, a) => {
+      var S, A;
+      const s = e.value.length, p = i.limit - s;
+      let w = 0;
+      for (; w < p && w < (t == null ? void 0 : t.length); )
+        (S = x.value) == null || S.handleStart(t == null ? void 0 : t[w]), (A = x.value) == null || A.submit(), w++;
+    }, le = (t, a, s) => {
+      g("success", t, a, s), e.value = y.value;
+    }, ae = (t, a, s) => {
+      L.value.push({
         ...a,
         __url: a.url
       });
-    }, le = (t) => {
-      var a;
-      V.value = !0, T.value = (a = e.value) == null ? void 0 : a.findIndex((s) => s.url === t.url);
-    }, ae = (t) => {
-      ke.downloadFile(t.__url || t.url, t.name || t.url);
     }, se = (t) => {
       var a;
-      (a = g.value) == null || a.abort(t);
+      E.value = !0, T.value = (a = e.value) == null ? void 0 : a.findIndex((s) => s.url === t.url);
     }, oe = (t) => {
+      $e.downloadFile(t.__url || t.url, t.name || t.url);
+    }, ne = (t) => {
+      var a;
+      (a = x.value) == null || a.abort(t);
+    }, ie = (t) => {
       var a;
-      t.status !== "success" && se(t), e.value = (a = f.value) == null ? void 0 : a.filter((s) => s.uid !== t.uid), h("delete", t);
-    }, ne = (t, a) => {
-      I.value.splice(a, 1);
-    }, ie = y(() => f.value.length + I.value.length < i.limit), j = y(
+      t.status !== "success" && ne(t), e.value = (a = y.value) == null ? void 0 : a.filter((s) => s.uid !== t.uid), g("delete", t);
+    }, ue = (t, a) => {
+      L.value.splice(a, 1);
+    }, re = h(() => y.value.length + L.value.length < i.limit), D = h(
       () => e.value.length >= i.limit || i.disabled
     );
     return (t, a) => (u(), r(
-      N,
+      O,
       null,
       [
-        _(p(ge), ce({
-          class: ["ik-image-upload", { preview: l.preview, "hide-upload": !ie.value, disabled: j.value }],
+        _(v(ye), ve({
+          class: ["ik-image-upload", { preview: l.preview, "hide-upload": !re.value, disabled: D.value }],
           ref_key: "refUpload",
-          ref: g,
+          ref: x,
           "list-type": "picture-card",
           accept: l.accept,
-          action: p(w),
+          action: v(m),
           headers: l.headers,
           data: l.data,
-          "file-list": f.value,
-          "onUpdate:fileList": a[0] || (a[0] = (s) => f.value = s),
+          "file-list": y.value,
+          "onUpdate:fileList": a[0] || (a[0] = (s) => y.value = s),
           multiple: l.multiple,
           limit: l.limit,
-          "on-change": Y,
-          "before-upload": Z,
-          "before-remove": q,
-          "on-exceed": Q,
-          "on-success": ee,
-          "on-error": te,
+          "on-change": q,
+          "before-upload": K,
+          "before-remove": Q,
+          "on-exceed": te,
+          "on-success": le,
+          "on-error": ae,
           drag: ""
-        }, t.$attrs, { disabled: j.value }), de({
-          trigger: m(() => [
-            t.$slots.trigger ? ve(t.$slots, "trigger", { key: 0 }, void 0, !0) : (u(), r("div", at, [
-              _(p(x), { size: 20 }, {
-                default: m(() => [
-                  _(p(lt), {
+        }, t.$attrs, { disabled: D.value }), _e({
+          trigger: f(() => [
+            t.$slots.trigger ? he(t.$slots, "trigger", { key: 0 }, void 0, !0) : (u(), r("div", nt, [
+              _(v(C), { size: 20 }, {
+                default: f(() => [
+                  _(v(ot), {
                     name: "iksvg_guanbibeifen",
-                    disabled: j.value
+                    disabled: D.value
                   }, null, 8, ["disabled"])
                 ]),
                 _: 1
@@ -617,20 +631,20 @@ const tt = /* @__PURE__ */ D(et, [["__scopeId", "data-v-ec9fdc8a"]]), lt = G(tt)
               )
             ]))
           ]),
-          file: m(({ file: s }) => [
+          file: f(({ file: s }) => [
             o(
               "div",
               {
-                class: b(["load-list", { loading: s.status === "uploading" }]),
+                class: k(["load-list", { loading: s.status === "uploading" }]),
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
-                O(o(
+                P(o(
                   "div",
-                  ot,
+                  ut,
                   [
-                    _(We),
-                    R(
+                    _(Je),
+                    J(
                       " 上传" + U(s.percentage) + "% ",
                       1
                       /* TEXT */
@@ -639,46 +653,46 @@ const tt = /* @__PURE__ */ D(et, [["__scopeId", "data-v-ec9fdc8a"]]), lt = G(tt)
                   512
                   /* NEED_PATCH */
                 ), [
-                  [P, s.status === "uploading"]
+                  [R, s.status === "uploading"]
                 ]),
-                M(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
-                _(p(fe), {
+                V(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
+                _(v(we), {
                   style: { width: "100%", height: "100%" },
                   src: s.__url || s.url,
                   "zoom-rate": 1.2,
                   "initial-index": 0,
                   fit: "contain"
                 }, null, 8, ["src"]),
-                o("span", nt, [
+                o("span", rt, [
                   o("span", null, [
-                    _(p(x), {
-                      onClick: (v) => le(s)
+                    _(v(C), {
+                      onClick: (p) => se(s)
                     }, {
-                      default: m(() => [
-                        _(p(Me))
+                      default: f(() => [
+                        _(v(je))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
                   o("span", null, [
-                    _(p(x), {
-                      onClick: (v) => ae(s)
+                    _(v(C), {
+                      onClick: (p) => oe(s)
                     }, {
-                      default: m(() => [
-                        _(p(Be))
+                      default: f(() => [
+                        _(v(Se))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  l.preview ? M("v-if", !0) : (u(), r("span", it, [
-                    _(p(x), {
+                  l.preview ? V("v-if", !0) : (u(), r("span", ct, [
+                    _(v(C), {
                       type: "warning",
-                      onClick: (v) => oe(s)
+                      onClick: (p) => ie(s)
                     }, {
-                      default: m(() => [
-                        _(p(xe))
+                      default: f(() => [
+                        _(v(Ie))
                       ]),
                       _: 2
                       /* DYNAMIC */
@@ -690,21 +704,21 @@ const tt = /* @__PURE__ */ D(et, [["__scopeId", "data-v-ec9fdc8a"]]), lt = G(tt)
               /* CLASS */
             )
           ]),
-          default: m(() => [
-            o("ul", ut, [
+          default: f(() => [
+            o("ul", dt, [
               (u(!0), r(
-                N,
+                O,
                 null,
-                pe(I.value, (s, v) => (u(), r("li", {
+                ge(L.value, (s, p) => (u(), r("li", {
                   class: "el-upload-list__item",
                   key: s.uid
                 }, [
                   o("span", null, [
-                    _(p(x), {
-                      onClick: (k) => ne(s, v)
+                    _(v(C), {
+                      onClick: (w) => ue(s, p)
                     }, {
-                      default: m(() => [
-                        _(p(ze))
+                      default: f(() => [
+                        _(v(Ce))
                       ]),
                       _: 2
                       /* DYNAMIC */
@@ -713,34 +727,34 @@ const tt = /* @__PURE__ */ D(et, [["__scopeId", "data-v-ec9fdc8a"]]), lt = G(tt)
                   o(
                     "div",
                     {
-                      class: b(["load-list", {
+                      class: k(["load-list", {
                         loading: s.status === "uploading",
                         fail: s.status === "fail"
                       }]),
                       "element-loading-background": "var(--ik-upload-bg)"
                     },
                     [
-                      O(o("div", {
+                      P(o("div", {
                         class: "loading-statu",
-                        onClick: (k) => K(s, v)
+                        onClick: (w) => ee(s, p)
                       }, [
-                        _(p(x), { size: 24 }, {
-                          default: m(() => [
-                            _(p(Le))
+                        _(v(C), { size: 24 }, {
+                          default: f(() => [
+                            _(v(Ve))
                           ]),
                           _: 1
                           /* STABLE */
                         }),
-                        ct,
-                        dt
-                      ], 8, rt), [
-                        [P, s.status === "fail"]
+                        vt,
+                        _t
+                      ], 8, pt), [
+                        [R, s.status === "fail"]
                       ]),
                       o("img", {
                         src: s.__url,
                         alt: "",
                         style: z({ "object-fit": l.fit })
-                      }, null, 12, vt)
+                      }, null, 12, ht)
                     ],
                     2
                     /* CLASS */
@@ -756,11 +770,11 @@ const tt = /* @__PURE__ */ D(et, [["__scopeId", "data-v-ec9fdc8a"]]), lt = G(tt)
         }, [
           l.tip ? {
             name: "tip",
-            fn: m(() => [
+            fn: f(() => [
               o(
                 "span",
-                st,
-                U(X.value),
+                it,
+                U(Z.value),
                 1
                 /* TEXT */
               )
@@ -768,18 +782,18 @@ const tt = /* @__PURE__ */ D(et, [["__scopeId", "data-v-ec9fdc8a"]]), lt = G(tt)
             key: "0"
           } : void 0
         ]), 1040, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit", "disabled"]),
-        M(" 文件预览 "),
-        o("div", pt, [
-          V.value ? (u(), E(p(me), {
+        V(" 文件预览 "),
+        o("div", gt, [
+          E.value ? (u(), H(v(ke), {
             key: 0,
             "lock-scroll": "",
             "hide-on-click-modal": "",
             onClose: a[1] || (a[1] = () => {
-              V.value = !1;
+              E.value = !1;
             }),
-            "url-list": d(f.value).map((s) => s.__url),
+            "url-list": d(y.value).map((s) => s.__url),
             "initial-index": T.value
-          }, null, 8, ["url-list", "initial-index"])) : M("v-if", !0)
+          }, null, 8, ["url-list", "initial-index"])) : V("v-if", !0)
         ])
       ],
       64
@@ -787,8 +801,8 @@ const tt = /* @__PURE__ */ D(et, [["__scopeId", "data-v-ec9fdc8a"]]), lt = G(tt)
     ));
   }
 });
-const ht = /* @__PURE__ */ D(_t, [["__scopeId", "data-v-3ef6eeda"]]), yt = G(ht);
+const mt = /* @__PURE__ */ N(ft, [["__scopeId", "data-v-d12a12c0"]]), bt = X(mt);
 export {
-  yt as IkUploadImage,
-  yt as default
+  bt as IkUploadImage,
+  bt as default
 };