iking-web-ui-pro 0.1.1 → 0.1.3

package/dist/IkUploadImage/index.es.js

@@ -1,21 +1,21 @@
-import { defineComponent as f, openBlock as c, createElementBlock as d, createElementVNode as s, watch as Z, computed as V, ref as w, Fragment as M, createVNode as n, unref as r, normalizeClass as k, createSlots as q, withCtx as _, renderSlot as K, toDisplayString as $, withDirectives as B, createTextVNode as Q, vShow as I, createCommentVNode as x, renderList as X, normalizeStyle as Y, createBlock as ee, pushScopeId as te, popScopeId as le } from "vue";
-import { ElUpload as ae, ElIcon as g, ElImage as se, ElImageViewer as oe } from "element-plus";
-import { _ as ne, ikFile as re } from "iking-utils-pro";
-const ie = (a, i) => {
-  if (a.install = (o) => {
-    for (const p of [a, ...Object.values(i ?? {})])
-      o.component(p.name, p);
+import { defineComponent as m, openBlock as u, createElementBlock as c, createElementVNode as s, watch as K, computed as C, ref as y, Fragment as M, createVNode as o, unref as r, normalizeClass as b, createSlots as Q, withCtx as v, renderSlot as X, toDisplayString as $, withDirectives as B, createTextVNode as Y, vShow as I, createCommentVNode as z, renderList as ee, normalizeStyle as te, createBlock as le, pushScopeId as ae, popScopeId as se } from "vue";
+import { ElUpload as ne, ElIcon as w, ElImage as oe, ElImageViewer as re } from "element-plus";
+import { _ as ie, ikFile as ue } from "iking-utils-pro";
+const ce = (l, i) => {
+  if (l.install = (n) => {
+    for (const d of [l, ...Object.values(i ?? {})])
+      n.component(d.name, d);
   }, i)
-    for (const [o, p] of Object.entries(i))
-      a[o] = p;
-  return a;
+    for (const [n, d] of Object.entries(i))
+      l[n] = d;
+  return l;
 };
 /*! Element Plus Icons Vue v2.3.1 */
-var ue = /* @__PURE__ */ f({
+var de = /* @__PURE__ */ m({
   name: "Close",
   __name: "close",
-  setup(a) {
-    return (i, o) => (c(), d("svg", {
+  setup(l) {
+    return (i, n) => (u(), c("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -25,11 +25,11 @@ var ue = /* @__PURE__ */ f({
       })
     ]));
   }
-}), ce = ue, de = /* @__PURE__ */ f({
+}), _e = de, pe = /* @__PURE__ */ m({
   name: "Delete",
   __name: "delete",
-  setup(a) {
-    return (i, o) => (c(), d("svg", {
+  setup(l) {
+    return (i, n) => (u(), c("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -39,11 +39,11 @@ var ue = /* @__PURE__ */ f({
       })
     ]));
   }
-}), _e = de, pe = /* @__PURE__ */ f({
+}), ve = pe, he = /* @__PURE__ */ m({
   name: "Download",
   __name: "download",
-  setup(a) {
-    return (i, o) => (c(), d("svg", {
+  setup(l) {
+    return (i, n) => (u(), c("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -53,11 +53,11 @@ var ue = /* @__PURE__ */ f({
       })
     ]));
   }
-}), ve = pe, he = /* @__PURE__ */ f({
+}), me = he, fe = /* @__PURE__ */ m({
   name: "Plus",
   __name: "plus",
-  setup(a) {
-    return (i, o) => (c(), d("svg", {
+  setup(l) {
+    return (i, n) => (u(), c("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -67,11 +67,11 @@ var ue = /* @__PURE__ */ f({
       })
     ]));
   }
-}), me = he, fe = /* @__PURE__ */ f({
+}), ge = fe, we = /* @__PURE__ */ m({
   name: "Refresh",
   __name: "refresh",
-  setup(a) {
-    return (i, o) => (c(), d("svg", {
+  setup(l) {
+    return (i, n) => (u(), c("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -81,11 +81,11 @@ var ue = /* @__PURE__ */ f({
       })
     ]));
   }
-}), ge = fe, we = /* @__PURE__ */ f({
+}), ye = we, xe = /* @__PURE__ */ m({
   name: "ZoomIn",
   __name: "zoom-in",
-  setup(a) {
-    return (i, o) => (c(), d("svg", {
+  setup(l) {
+    return (i, n) => (u(), c("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
@@ -95,13 +95,13 @@ var ue = /* @__PURE__ */ f({
       })
     ]));
   }
-}), ye = we;
-const U = (a, i) => {
-  const o = a.__vccOpts || a;
-  for (const [p, z] of i)
-    o[p] = z;
-  return o;
-}, xe = {}, ze = {
+}), ze = xe;
+const U = (l, i) => {
+  const n = l.__vccOpts || l;
+  for (const [d, x] of i)
+    n[d] = x;
+  return n;
+}, ke = {}, Ce = {
   t: "1686214149488",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -110,7 +110,7 @@ const U = (a, i) => {
   "p-id": "8490",
   width: "200",
   height: "200"
-}, Ce = /* @__PURE__ */ s(
+}, be = /* @__PURE__ */ s(
   "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",
@@ -119,7 +119,7 @@ const U = (a, i) => {
   null,
   -1
   /* HOISTED */
-), ke = /* @__PURE__ */ s(
+), $e = /* @__PURE__ */ s(
   "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",
@@ -128,7 +128,7 @@ const U = (a, i) => {
   null,
   -1
   /* HOISTED */
-), $e = /* @__PURE__ */ s(
+), Le = /* @__PURE__ */ s(
   "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",
@@ -137,7 +137,7 @@ const U = (a, i) => {
   null,
   -1
   /* HOISTED */
-), be = /* @__PURE__ */ s(
+), Ve = /* @__PURE__ */ s(
   "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",
@@ -146,7 +146,7 @@ const U = (a, i) => {
   null,
   -1
   /* HOISTED */
-), Le = /* @__PURE__ */ s(
+), Se = /* @__PURE__ */ s(
   "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",
@@ -155,7 +155,7 @@ const U = (a, i) => {
   null,
   -1
   /* HOISTED */
-), Se = /* @__PURE__ */ s(
+), Me = /* @__PURE__ */ s(
   "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",
@@ -164,7 +164,7 @@ const U = (a, i) => {
   null,
   -1
   /* HOISTED */
-), Ve = /* @__PURE__ */ s(
+), Be = /* @__PURE__ */ s(
   "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",
@@ -173,7 +173,7 @@ const U = (a, i) => {
   null,
   -1
   /* HOISTED */
-), Me = /* @__PURE__ */ s(
+), Ie = /* @__PURE__ */ s(
   "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",
@@ -182,38 +182,38 @@ const U = (a, i) => {
   null,
   -1
   /* HOISTED */
-), Be = [
-  Ce,
-  ke,
-  $e,
+), Ue = [
   be,
+  $e,
   Le,
-  Se,
   Ve,
-  Me
+  Se,
+  Me,
+  Be,
+  Ie
 ];
-function Ie(a, i) {
-  return c(), d("svg", ze, Be);
+function Ee(l, i) {
+  return u(), c("svg", Ce, Ue);
 }
-const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-b18337d2"), a = a(), le(), a), Ee = {
+const He = /* @__PURE__ */ U(ke, [["render", Ee]]), E = (l) => (ae("data-v-0b59ad5e"), l = l(), se(), l), je = {
   key: 1,
   class: "upload-btn"
-}, He = { class: "tip" }, De = { class: "loading-statu" }, Ne = { class: "operate-btn" }, je = { key: 0 }, Re = {
+}, Ae = { class: "tip" }, De = { class: "loading-statu" }, Ne = { class: "operate-btn" }, Oe = { key: 0 }, Re = {
   class: "el-upload-list el-upload-list--picture-card",
   style: { float: "left" }
-}, Ae = ["onClick"], Fe = /* @__PURE__ */ E(() => /* @__PURE__ */ s(
+}, Fe = ["onClick"], Pe = /* @__PURE__ */ E(() => /* @__PURE__ */ s(
   "span",
   { class: "error" },
   "上传错误",
   -1
   /* HOISTED */
-)), Oe = /* @__PURE__ */ E(() => /* @__PURE__ */ s(
+)), Te = /* @__PURE__ */ E(() => /* @__PURE__ */ s(
   "p",
   null,
   "点击重新上传",
   -1
   /* HOISTED */
-)), Pe = ["src"], We = { class: "demo-image__preview" }, Te = /* @__PURE__ */ f({
+)), Ge = ["src"], Je = { class: "demo-image__preview" }, We = /* @__PURE__ */ m({
   __name: "index",
   props: {
     // 显示的文字
@@ -231,6 +231,18 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-b1833
       type: String,
       default: ""
     },
+    // 设置上传的请求头部
+    headers: {
+      type: Object,
+      default: () => {
+      }
+    },
+    // 上传时附带的额外参数
+    data: {
+      type: Object,
+      default: () => {
+      }
+    },
     // 最多上传图片数量
     limit: {
       type: Number,
@@ -278,95 +290,85 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-b1833
       default: () => []
     }
   },
-  emits: ["delete", "success"],
-  setup(a, { emit: i }) {
-    const o = a;
-    Z(
-      () => o.modelValue,
-      (t) => {
-        v.value = t.map((l) => {
-          var e;
-          return {
-            ...l,
-            __url: (e = l.url) != null && e.startsWith("http") ? l.url : `${o.loadUrl}${l.url}`
-          };
-        });
+  emits: ["delete", "success", "update:modelValue"],
+  setup(l, { emit: i }) {
+    const n = l, d = (e) => Array.isArray(e) ? e.map((a) => {
+      var t;
+      return {
+        ...a,
+        __url: (t = a.url) != null && t.startsWith("http") ? a.url : `${n.loadUrl}${a.url}`
+      };
+    }) : e ? [{ url: e, __url: e != null && e.startsWith("http") ? e : `${n.loadUrl}${e}` }] : [];
+    K(
+      () => n.modelValue,
+      (e) => {
+        _.value = d(e);
       },
       { deep: !0 }
     );
-    const p = i, z = V(() => o.size), m = w(null), v = w(o.modelValue.map((t) => {
-      var l;
-      return {
-        ...t,
-        __url: (l = t.url) != null && l.startsWith("http") ? t.url : `${o.loadUrl}${t.url}`
-      };
-    })), y = w([]), C = w(!1), b = w(0), H = V(
-      () => o.tipText || `最多可上传${o.limit}张图片, 每张图片不能超过${o.size}MB`
-    ), D = (t, l) => {
-      v.value = ne.cloneDeep(l.map((e) => {
-        var u, h;
-        return {
-          ...e,
-          __url: (u = e.url) != null && u.startsWith("http") || (h = e.url) != null && h.startsWith("blob:") ? e.url : `${o.loadUrl}${e.url}`
-        };
-      }));
-    }, N = (t) => !(!(t.type === "image/jpeg" || t.type === "image/png") || !(t.size / 1024 / 1024 < z.value)), j = () => !1, R = (t, l) => {
-      var e, u;
-      t.status = "ready", l !== void 0 && y.value.splice(l, 1), (e = m.value) == null || e.handleStart(t.raw), (u = m.value) == null || u.submit();
-    }, A = (t, l) => {
-      var L, S;
-      const e = v.value.length, u = o.limit - e;
-      let h = 0;
-      for (; h < u && h < t.length; )
-        (L = m.value) == null || L.handleStart(t[h]), (S = m.value) == null || S.submit(), h++;
-    }, F = (t, l, e) => {
-      p("success", t, l, e);
-    }, O = (t, l, e) => {
-      y.value.push({
-        ...l,
-        __url: l.url
+    const x = i, H = C(() => n.size), h = y(null), _ = y(d(n.modelValue)), f = y([]), k = y(!1), L = y(0), j = C(
+      () => n.tipText || `最多可上传${n.limit}张图片, 每张图片不能超过${n.size}MB`
+    ), A = (e, a) => {
+      _.value = ie.cloneDeep(d(a));
+    }, D = (e) => !(!(e.type === "image/jpeg" || e.type === "image/png") || !(e.size / 1024 / 1024 < H.value)), N = () => !1, O = (e, a) => {
+      var t, p;
+      e.status = "ready", a !== void 0 && f.value.splice(a, 1), (t = h.value) == null || t.handleStart(e.raw), (p = h.value) == null || p.submit();
+    }, R = (e, a) => {
+      var V, S;
+      const t = _.value.length, p = n.limit - t;
+      let g = 0;
+      for (; g < p && g < e.length; )
+        (V = h.value) == null || V.handleStart(e[g]), (S = h.value) == null || S.submit(), g++;
+    }, F = (e, a, t) => {
+      x("success", e, a, t);
+    }, P = (e, a, t) => {
+      f.value.push({
+        ...a,
+        __url: a.url
       });
-    }, P = (t) => {
-      C.value = !0, b.value = v.value.findIndex((l) => l.url === t.url);
-    }, W = (t) => {
-      re.downloadByOnlineUrl(t.__url || t.url, t.name);
-    }, T = (t) => {
-      var l;
-      (l = m.value) == null || l.abort(t);
-    }, G = (t) => {
-      var l;
-      t.status !== "success" && T(t), (l = m.value) == null || l.handleRemove(t), v.value = v.value.filter((e) => e.uid !== t.uid), p("delete", t);
-    }, J = (t, l) => {
-      y.value.splice(l, 1);
-    };
-    return (t, l) => (c(), d(
+    }, T = (e) => {
+      k.value = !0, L.value = _.value.findIndex((a) => a.url === e.url);
+    }, G = (e) => {
+      ue.downloadByOnlineUrl(e.__url || e.url, e.name);
+    }, J = (e) => {
+      var a;
+      (a = h.value) == null || a.abort(e);
+    }, W = (e) => {
+      var a;
+      e.status !== "success" && J(e), (a = h.value) == null || a.handleRemove(e), _.value = _.value.filter((t) => t.uid !== e.uid), x("delete", e);
+    }, Z = (e, a) => {
+      f.value.splice(a, 1);
+    }, q = C(() => n.multiple ? _.value.length + f.value.length < n.limit : _.value.length + f.value.length === 0);
+    return (e, a) => (u(), c(
       M,
       null,
       [
-        n(r(ae), {
-          class: k(["ik-image-upload", { preview: a.preview }]),
+        o(r(ne), {
+          class: b(["ik-image-upload", { preview: l.preview, "hide-upload": !q.value }]),
           ref_key: "refUpload",
-          ref: m,
+          ref: h,
           "list-type": "picture-card",
-          accept: a.accept,
-          action: a.action,
-          "file-list": v.value,
-          "onUpdate:fileList": l[0] || (l[0] = (e) => v.value = e),
-          multiple: a.multiple,
-          limit: a.limit,
-          "on-change": D,
-          "before-upload": N,
-          "before-remove": j,
-          "on-exceed": A,
+          accept: l.accept,
+          action: l.action,
+          headers: l.headers,
+          data: l.data,
+          "file-list": _.value,
+          "onUpdate:fileList": a[0] || (a[0] = (t) => _.value = t),
+          multiple: l.multiple,
+          limit: l.limit,
+          "on-change": A,
+          "before-upload": D,
+          "before-remove": N,
+          "on-exceed": R,
           "on-success": F,
-          "on-error": O,
+          "on-error": P,
           drag: ""
-        }, q({
-          trigger: _(() => [
-            t.$slots.trigger ? K(t.$slots, "trigger", { key: 0 }, void 0, !0) : (c(), d("div", Ee, [
-              n(r(g), null, {
-                default: _(() => [
-                  n(r(me))
+        }, Q({
+          trigger: v(() => [
+            e.$slots.trigger ? X(e.$slots, "trigger", { key: 0 }, void 0, !0) : (u(), c("div", je, [
+              o(r(w), null, {
+                default: v(() => [
+                  o(r(ge))
                 ]),
                 _: 1
                 /* STABLE */
@@ -374,17 +376,17 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-b1833
               s(
                 "span",
                 null,
-                $(a.title),
+                $(l.title),
                 1
                 /* TEXT */
               )
             ]))
           ]),
-          file: _(({ file: e }) => [
+          file: v(({ file: t }) => [
             s(
               "div",
               {
-                class: k(["load-list", { loading: e.status === "uploading" }]),
+                class: b(["load-list", { loading: t.status === "uploading" }]),
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
@@ -392,9 +394,9 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-b1833
                   "div",
                   De,
                   [
-                    n(Ue),
-                    Q(
-                      " 上传" + $(e.percentage) + "% ",
+                    o(He),
+                    Y(
+                      " 上传" + $(t.percentage) + "% ",
                       1
                       /* TEXT */
                     )
@@ -402,45 +404,46 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-b1833
                   512
                   /* NEED_PATCH */
                 ), [
-                  [I, e.status === "uploading"]
+                  [I, t.status === "uploading"]
                 ]),
-                x(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
-                n(r(se), {
+                z(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
+                o(r(oe), {
                   style: { width: "100%", height: "100%" },
-                  src: e.__url || e.url,
+                  src: t.__url || t.url,
                   "zoom-rate": 1.2,
                   "initial-index": 0,
                   fit: "contain"
                 }, null, 8, ["src"]),
                 s("span", Ne, [
                   s("span", null, [
-                    n(r(g), {
-                      onClick: (u) => P(e)
+                    o(r(w), {
+                      onClick: (p) => T(t)
                     }, {
-                      default: _(() => [
-                        n(r(ye))
+                      default: v(() => [
+                        o(r(ze))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
                   s("span", null, [
-                    n(r(g), {
-                      onClick: (u) => W(e)
+                    o(r(w), {
+                      onClick: (p) => G(t)
                     }, {
-                      default: _(() => [
-                        n(r(ve))
+                      default: v(() => [
+                        o(r(me))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  a.preview ? x("v-if", !0) : (c(), d("span", je, [
-                    n(r(g), {
-                      onClick: (u) => G(e)
+                  l.preview ? z("v-if", !0) : (u(), c("span", Oe, [
+                    o(r(w), {
+                      type: "warning",
+                      onClick: (p) => W(t)
                     }, {
-                      default: _(() => [
-                        n(r(_e))
+                      default: v(() => [
+                        o(r(ve))
                       ]),
                       _: 2
                       /* DYNAMIC */
@@ -452,21 +455,21 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-b1833
               /* CLASS */
             )
           ]),
-          default: _(() => [
+          default: v(() => [
             s("ul", Re, [
-              (c(!0), d(
+              (u(!0), c(
                 M,
                 null,
-                X(y.value, (e, u) => (c(), d("li", {
+                ee(f.value, (t, p) => (u(), c("li", {
                   class: "el-upload-list__item",
-                  key: e.uid
+                  key: t.uid
                 }, [
                   s("span", null, [
-                    n(r(g), {
-                      onClick: (h) => J(e, u)
+                    o(r(w), {
+                      onClick: (g) => Z(t, p)
                     }, {
-                      default: _(() => [
-                        n(r(ce))
+                      default: v(() => [
+                        o(r(_e))
                       ]),
                       _: 2
                       /* DYNAMIC */
@@ -475,34 +478,34 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-b1833
                   s(
                     "div",
                     {
-                      class: k(["load-list", {
-                        loading: e.status === "uploading",
-                        fail: e.status === "fail"
+                      class: b(["load-list", {
+                        loading: t.status === "uploading",
+                        fail: t.status === "fail"
                       }]),
                       "element-loading-background": "var(--ik-upload-bg)"
                     },
                     [
                       B(s("div", {
                         class: "loading-statu",
-                        onClick: (h) => R(e, u)
+                        onClick: (g) => O(t, p)
                       }, [
-                        n(r(g), { size: 24 }, {
-                          default: _(() => [
-                            n(r(ge))
+                        o(r(w), { size: 24 }, {
+                          default: v(() => [
+                            o(r(ye))
                           ]),
                           _: 1
                           /* STABLE */
                         }),
-                        Fe,
-                        Oe
-                      ], 8, Ae), [
-                        [I, e.status === "fail"]
+                        Pe,
+                        Te
+                      ], 8, Fe), [
+                        [I, t.status === "fail"]
                       ]),
                       s("img", {
-                        src: e.__url,
+                        src: t.__url,
                         alt: "",
-                        style: Y({ "object-fit": a.fit })
-                      }, null, 12, Pe)
+                        style: te({ "object-fit": l.fit })
+                      }, null, 12, Ge)
                     ],
                     2
                     /* CLASS */
@@ -516,31 +519,32 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-b1833
           _: 2
           /* DYNAMIC */
         }, [
-          a.tip ? {
+          l.tip ? {
             name: "tip",
-            fn: _(() => [
+            fn: v(() => [
               s(
                 "span",
-                He,
-                $(H.value),
+                Ae,
+                $(j.value),
                 1
                 /* TEXT */
               )
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["class", "accept", "action", "file-list", "multiple", "limit"]),
-        x(" 文件预览 "),
-        s("div", We, [
-          C.value ? (c(), ee(r(oe), {
+        ]), 1032, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit"]),
+        z(" 文件预览 "),
+        s("div", Je, [
+          k.value ? (u(), le(r(re), {
             key: 0,
+            "lock-scroll": "",
             "hide-on-click-modal": "",
-            onClose: l[1] || (l[1] = () => {
-              C.value = !1;
+            onClose: a[1] || (a[1] = () => {
+              k.value = !1;
             }),
-            "url-list": v.value.map((e) => e.__url),
-            "initial-index": b.value
-          }, null, 8, ["url-list", "initial-index"])) : x("v-if", !0)
+            "url-list": d(_.value).map((t) => t.__url),
+            "initial-index": L.value
+          }, null, 8, ["url-list", "initial-index"])) : z("v-if", !0)
         ])
       ],
       64
@@ -548,8 +552,8 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-b1833
     ));
   }
 });
-const Ge = /* @__PURE__ */ U(Te, [["__scopeId", "data-v-b18337d2"]]), Ke = ie(Ge);
+const Ze = /* @__PURE__ */ U(We, [["__scopeId", "data-v-0b59ad5e"]]), Xe = ce(Ze);
 export {
-  Ke as IkUploadImage,
-  Ke as default
+  Xe as IkUploadImage,
+  Xe as default
 };