iking-web-ui-pro 0.0.2 → 0.0.3

package/dist/IkUploadImage/index.es.js

@@ -1,95 +1,95 @@
-import { defineComponent as m, openBlock as c, createElementBlock as d, createElementVNode as o, 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 oe, ElImageViewer as se } from "element-plus";
+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 p, 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";
 const ie = (a, i) => {
-  if (a.install = (s) => {
-    for (const p of [a, ...Object.values(i ?? {})])
-      s.component(p.name, p);
+  if (a.install = (o) => {
+    for (const v of [a, ...Object.values(i ?? {})])
+      o.component(v.name, v);
   }, i)
-    for (const [s, p] of Object.entries(i))
-      a[s] = p;
+    for (const [o, v] of Object.entries(i))
+      a[o] = v;
   return a;
 };
 /*! Element Plus Icons Vue v2.3.1 */
-var ue = /* @__PURE__ */ m({
+var ue = /* @__PURE__ */ f({
   name: "Close",
   __name: "close",
   setup(a) {
-    return (i, s) => (c(), d("svg", {
+    return (i, o) => (c(), d("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      s("path", {
         fill: "currentColor",
         d: "M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"
       })
     ]));
   }
-}), ce = ue, de = /* @__PURE__ */ m({
+}), ce = ue, de = /* @__PURE__ */ f({
   name: "Delete",
   __name: "delete",
   setup(a) {
-    return (i, s) => (c(), d("svg", {
+    return (i, o) => (c(), d("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      s("path", {
         fill: "currentColor",
         d: "M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"
       })
     ]));
   }
-}), _e = de, pe = /* @__PURE__ */ m({
+}), _e = de, pe = /* @__PURE__ */ f({
   name: "Download",
   __name: "download",
   setup(a) {
-    return (i, s) => (c(), d("svg", {
+    return (i, o) => (c(), d("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      s("path", {
         fill: "currentColor",
         d: "M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"
       })
     ]));
   }
-}), ve = pe, he = /* @__PURE__ */ m({
+}), ve = pe, he = /* @__PURE__ */ f({
   name: "Plus",
   __name: "plus",
   setup(a) {
-    return (i, s) => (c(), d("svg", {
+    return (i, o) => (c(), d("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      s("path", {
         fill: "currentColor",
         d: "M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"
       })
     ]));
   }
-}), me = he, fe = /* @__PURE__ */ m({
+}), me = he, fe = /* @__PURE__ */ f({
   name: "Refresh",
   __name: "refresh",
   setup(a) {
-    return (i, s) => (c(), d("svg", {
+    return (i, o) => (c(), d("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      s("path", {
         fill: "currentColor",
         d: "M771.776 794.88A384 384 0 0 1 128 512h64a320 320 0 0 0 555.712 216.448H654.72a32 32 0 1 1 0-64h149.056a32 32 0 0 1 32 32v148.928a32 32 0 1 1-64 0v-50.56zM276.288 295.616h92.992a32 32 0 0 1 0 64H220.16a32 32 0 0 1-32-32V178.56a32 32 0 0 1 64 0v50.56A384 384 0 0 1 896.128 512h-64a320 320 0 0 0-555.776-216.384z"
       })
     ]));
   }
-}), ge = fe, we = /* @__PURE__ */ m({
+}), ge = fe, we = /* @__PURE__ */ f({
   name: "ZoomIn",
   __name: "zoom-in",
   setup(a) {
-    return (i, s) => (c(), d("svg", {
+    return (i, o) => (c(), d("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      s("path", {
         fill: "currentColor",
         d: "m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"
       })
@@ -97,10 +97,10 @@ var ue = /* @__PURE__ */ m({
   }
 }), ye = we;
 const U = (a, i) => {
-  const s = a.__vccOpts || a;
-  for (const [p, z] of i)
-    s[p] = z;
-  return s;
+  const o = a.__vccOpts || a;
+  for (const [v, z] of i)
+    o[v] = z;
+  return o;
 }, xe = {}, ze = {
   t: "1686214149488",
   class: "icon",
@@ -110,7 +110,7 @@ const U = (a, i) => {
   "p-id": "8490",
   width: "200",
   height: "200"
-}, Ce = /* @__PURE__ */ o(
+}, Ce = /* @__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__ */ o(
+), ke = /* @__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__ */ o(
+), $e = /* @__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 */
-), Le = /* @__PURE__ */ o(
+), be = /* @__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 */
-), be = /* @__PURE__ */ o(
+), Le = /* @__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__ */ o(
+), Se = /* @__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__ */ o(
+), Ve = /* @__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__ */ o(
+), Me = /* @__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",
@@ -186,8 +186,8 @@ const U = (a, i) => {
   Ce,
   ke,
   $e,
-  Le,
   be,
+  Le,
   Se,
   Ve,
   Me
@@ -195,25 +195,25 @@ const U = (a, i) => {
 function Ie(a, i) {
   return c(), d("svg", ze, Be);
 }
-const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892f53"), a = a(), le(), a), Ee = {
+const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-57dbfa30"), a = a(), le(), a), Ee = {
   key: 1,
   class: "upload-btn"
-}, He = { class: "tip" }, De = { class: "loading-statu" }, Ne = { class: "operate-btn" }, je = { key: 0 }, Fe = {
+}, He = { class: "tip" }, De = { class: "loading-statu" }, Ne = { class: "operate-btn" }, je = { key: 0 }, Re = {
   class: "el-upload-list el-upload-list--picture-card",
   style: { float: "left" }
-}, Re = ["onClick"], Ae = /* @__PURE__ */ E(() => /* @__PURE__ */ o(
+}, Ae = ["onClick"], Fe = /* @__PURE__ */ E(() => /* @__PURE__ */ s(
   "span",
   { class: "error" },
   "上传错误",
   -1
   /* HOISTED */
-)), Oe = /* @__PURE__ */ E(() => /* @__PURE__ */ o(
+)), Oe = /* @__PURE__ */ E(() => /* @__PURE__ */ s(
   "p",
   null,
   "点击重新上传",
   -1
   /* HOISTED */
-)), Pe = ["src"], Te = { class: "demo-image__preview" }, We = /* @__PURE__ */ m({
+)), Pe = ["src"], We = { class: "demo-image__preview" }, Te = /* @__PURE__ */ f({
   __name: "index",
   props: {
     // 显示的文字
@@ -280,59 +280,62 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892
   },
   emits: ["delete", "success"],
   setup(a, { emit: i }) {
-    const s = a;
+    const o = a;
     Z(
-      () => s.modelValue,
+      () => o.modelValue,
       (t) => {
-        v.value = t.map((l) => {
+        _.value = t.map((l) => {
           var e;
           return {
             ...l,
-            __url: (e = l.url) != null && e.startsWith("http") ? l.url : `${s.loadUrl}${l.url}`
+            __url: (e = l.url) != null && e.startsWith("http") ? l.url : `${o.loadUrl}${l.url}`
           };
         });
       },
       { deep: !0 }
     );
-    const p = i, z = V(() => s.size), h = w(null), v = w(s.modelValue.map((t) => {
+    const v = i, z = V(() => o.size), m = w(null), _ = w(o.modelValue.map((t) => {
       var l;
       return {
         ...t,
-        __url: (l = t.url) != null && l.startsWith("http") ? t.url : `${s.loadUrl}${t.url}`
+        __url: (l = t.url) != null && l.startsWith("http") ? t.url : `${o.loadUrl}${t.url}`
       };
-    })), y = w([]), C = w(!1), L = w(0), H = V(
-      () => s.tipText || `最多可上传${s.limit}张图片, 每张图片不能超过${s.size}MB`
+    })), 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;
+      _.value = ne.cloneDeep(l.map((e) => {
+        var u, h;
         return {
           ...e,
-          __url: (u = e.url) != null && u.startsWith("http") ? e.url : `${s.loadUrl}${e.url}`
+          __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, F = (t, l) => {
+      })), console.log("fileList.value: ", _.value);
+    }, 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 = h.value) == null || e.handleStart(t.raw), (u = h.value) == null || u.submit();
-    }, R = (t, l) => {
-      var b, S;
-      const e = v.value.length, u = s.limit - e;
-      let f = 0;
-      for (; f < u && f < t.length; )
-        (b = h.value) == null || b.handleStart(t[f]), (S = h.value) == null || S.submit(), f++;
-    }, A = (t, l, e) => {
-      p("success", t, l, e);
+      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 = _.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) => {
+      v("success", t, l, e);
     }, O = (t, l, e) => {
-      y.value.push(l);
+      y.value.push({
+        ...l,
+        __url: l.url
+      });
     }, P = (t) => {
-      C.value = !0, L.value = v.value.findIndex((l) => l.url === t.url);
-    }, T = (t) => {
-      re.downloadByOnlineUrl(t.__url, t.name);
+      C.value = !0, b.value = _.value.findIndex((l) => l.url === t.url);
     }, W = (t) => {
+      re.downloadByOnlineUrl(t.__url || t.url, t.name);
+    }, T = (t) => {
       var l;
-      (l = h.value) == null || l.abort(t);
+      (l = m.value) == null || l.abort(t);
     }, G = (t) => {
       var l;
-      t.status !== "success" && W(t), (l = h.value) == null || l.handleRemove(t), v.value = v.value.filter((e) => e.uid !== t.uid), p("delete", t);
+      t.status !== "success" && T(t), (l = m.value) == null || l.handleRemove(t), _.value = _.value.filter((e) => e.uid !== t.uid), v("delete", t);
     }, J = (t, l) => {
       y.value.splice(l, 1);
     };
@@ -343,32 +346,32 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892
         n(r(ae), {
           class: k(["ik-image-upload", { preview: a.preview }]),
           ref_key: "refUpload",
-          ref: h,
+          ref: m,
           "list-type": "picture-card",
           accept: a.accept,
           action: a.action,
-          "file-list": v.value,
-          "onUpdate:fileList": l[0] || (l[0] = (e) => v.value = e),
+          "file-list": _.value,
+          "onUpdate:fileList": l[0] || (l[0] = (e) => _.value = e),
           multiple: a.multiple,
           limit: a.limit,
           "on-change": D,
           "before-upload": N,
           "before-remove": j,
-          "on-exceed": R,
-          "on-success": A,
+          "on-exceed": A,
+          "on-success": F,
           "on-error": O,
           drag: ""
         }, q({
-          trigger: _(() => [
+          trigger: p(() => [
             t.$slots.trigger ? K(t.$slots, "trigger", { key: 0 }, void 0, !0) : (c(), d("div", Ee, [
               n(r(g), null, {
-                default: _(() => [
+                default: p(() => [
                   n(r(me))
                 ]),
                 _: 1
                 /* STABLE */
               }),
-              o(
+              s(
                 "span",
                 null,
                 $(a.title),
@@ -377,15 +380,15 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892
               )
             ]))
           ]),
-          file: _(({ file: e }) => [
-            o(
+          file: p(({ file: e }) => [
+            s(
               "div",
               {
                 class: k(["load-list", { loading: e.status === "uploading" }]),
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
-                B(o(
+                B(s(
                   "div",
                   De,
                   [
@@ -402,30 +405,30 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892
                   [I, e.status === "uploading"]
                 ]),
                 x(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
-                n(r(oe), {
+                n(r(se), {
                   style: { width: "100%", height: "100%" },
-                  src: e.__url,
+                  src: e.__url || e.url,
                   "zoom-rate": 1.2,
                   "initial-index": 0,
                   fit: "contain"
                 }, null, 8, ["src"]),
-                o("span", Ne, [
-                  o("span", null, [
+                s("span", Ne, [
+                  s("span", null, [
                     n(r(g), {
                       onClick: (u) => P(e)
                     }, {
-                      default: _(() => [
+                      default: p(() => [
                         n(r(ye))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  o("span", null, [
+                  s("span", null, [
                     n(r(g), {
-                      onClick: (u) => T(e)
+                      onClick: (u) => W(e)
                     }, {
-                      default: _(() => [
+                      default: p(() => [
                         n(r(ve))
                       ]),
                       _: 2
@@ -436,7 +439,7 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892
                     n(r(g), {
                       onClick: (u) => G(e)
                     }, {
-                      default: _(() => [
+                      default: p(() => [
                         n(r(_e))
                       ]),
                       _: 2
@@ -449,8 +452,8 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892
               /* CLASS */
             )
           ]),
-          default: _(() => [
-            o("ul", Fe, [
+          default: p(() => [
+            s("ul", Re, [
               (c(!0), d(
                 M,
                 null,
@@ -458,18 +461,18 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892
                   class: "el-upload-list__item",
                   key: e.uid
                 }, [
-                  o("span", null, [
+                  s("span", null, [
                     n(r(g), {
-                      onClick: (f) => J(e, u)
+                      onClick: (h) => J(e, u)
                     }, {
-                      default: _(() => [
+                      default: p(() => [
                         n(r(ce))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  o(
+                  s(
                     "div",
                     {
                       class: k(["load-list", {
@@ -479,23 +482,23 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892
                       "element-loading-background": "var(--ik-upload-bg)"
                     },
                     [
-                      B(o("div", {
+                      B(s("div", {
                         class: "loading-statu",
-                        onClick: (f) => F(e, u)
+                        onClick: (h) => R(e, u)
                       }, [
                         n(r(g), { size: 24 }, {
-                          default: _(() => [
+                          default: p(() => [
                             n(r(ge))
                           ]),
                           _: 1
                           /* STABLE */
                         }),
-                        Ae,
+                        Fe,
                         Oe
-                      ], 8, Re), [
+                      ], 8, Ae), [
                         [I, e.status === "fail"]
                       ]),
-                      o("img", {
+                      s("img", {
                         src: e.__url,
                         alt: "",
                         style: Y({ "object-fit": a.fit })
@@ -515,8 +518,8 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892
         }, [
           a.tip ? {
             name: "tip",
-            fn: _(() => [
-              o(
+            fn: p(() => [
+              s(
                 "span",
                 He,
                 $(H.value),
@@ -528,15 +531,15 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892
           } : void 0
         ]), 1032, ["class", "accept", "action", "file-list", "multiple", "limit"]),
         x(" 文件预览 "),
-        o("div", Te, [
-          C.value ? (c(), ee(r(se), {
+        s("div", We, [
+          C.value ? (c(), ee(r(oe), {
             key: 0,
             "hide-on-click-modal": "",
             onClose: l[1] || (l[1] = () => {
               C.value = !1;
             }),
-            "url-list": v.value.map((e) => e.__url),
-            "initial-index": L.value
+            "url-list": _.value.map((e) => e.__url),
+            "initial-index": b.value
           }, null, 8, ["url-list", "initial-index"])) : x("v-if", !0)
         ])
       ],
@@ -545,7 +548,7 @@ const Ue = /* @__PURE__ */ U(xe, [["render", Ie]]), E = (a) => (te("data-v-ea892
     ));
   }
 });
-const Ge = /* @__PURE__ */ U(We, [["__scopeId", "data-v-ea892f53"]]), Ke = ie(Ge);
+const Ge = /* @__PURE__ */ U(Te, [["__scopeId", "data-v-57dbfa30"]]), Ke = ie(Ge);
 export {
   Ke as IkUploadImage,
   Ke as default

package/dist/IkUploadImage/index.umd.js

@@ -1 +1 @@
-(function(s,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("iking-utils")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","iking-utils"],e):(s=typeof globalThis<"u"?globalThis:s||self,e(s.index={},s.Vue,s["element-plus"],s["iking-utils"]))})(this,function(s,e,i,g){"use strict";const y=(a,r)=>{if(a.install=n=>{for(const d of[a,...Object.values(r??{})])n.component(d.name,d)},r)for(const[n,d]of Object.entries(r))a[n]=d;return a};/*! Element Plus Icons Vue v2.3.1 */var x=e.defineComponent({name:"Close",__name:"close",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"})]))}}),B=x,z=e.defineComponent({name:"Delete",__name:"delete",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"})]))}}),$=z,S=e.defineComponent({name:"Download",__name:"download",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"})]))}}),L=S,I=e.defineComponent({name:"Plus",__name:"plus",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"})]))}}),b=I,M=e.defineComponent({name:"Refresh",__name:"refresh",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M771.776 794.88A384 384 0 0 1 128 512h64a320 320 0 0 0 555.712 216.448H654.72a32 32 0 1 1 0-64h149.056a32 32 0 0 1 32 32v148.928a32 32 0 1 1-64 0v-50.56zM276.288 295.616h92.992a32 32 0 0 1 0 64H220.16a32 32 0 0 1-32-32V178.56a32 32 0 0 1 64 0v50.56A384 384 0 0 1 896.128 512h-64a320 320 0 0 0-555.776-216.384z"})]))}}),U=M,D=e.defineComponent({name:"ZoomIn",__name:"zoom-in",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"})]))}}),H=D;const w=(a,r)=>{const n=a.__vccOpts||a;for(const[d,u]of r)n[d]=u;return n},j={},F={t:"1686214149488",class:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"8490",width:"200",height:"200"},T=[e.createElementVNode("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","p-id":"8491"},null,-1),e.createElementVNode("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","p-id":"8492"},null,-1),e.createElementVNode("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","p-id":"8493"},null,-1),e.createElementVNode("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","p-id":"8494"},null,-1),e.createElementVNode("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","p-id":"8495"},null,-1),e.createElementVNode("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","p-id":"8496"},null,-1),e.createElementVNode("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","p-id":"8497"},null,-1),e.createElementVNode("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","p-id":"8498"},null,-1)];function O(a,r){return e.openBlock(),e.createElementBlock("svg",F,T)}const R=w(j,[["render",O]]),V=a=>(e.pushScopeId("data-v-ea892f53"),a=a(),e.popScopeId(),a),A={key:1,class:"upload-btn"},q={class:"tip"},W={class:"loading-statu"},G={class:"operate-btn"},J={key:0},Z={class:"el-upload-list el-upload-list--picture-card",style:{float:"left"}},K=["onClick"],Q=V(()=>e.createElementVNode("span",{class:"error"},"上传错误",-1)),X=V(()=>e.createElementVNode("p",null,"点击重新上传",-1)),Y=["src"],P={class:"demo-image__preview"},v=e.defineComponent({__name:"index",props:{title:{type:String,default:"上传图片"},loadUrl:{type:String,default:""},action:{type:String,default:""},limit:{type:Number,default:5},size:{type:Number,default:50},accept:{type:String,default:"image/*"},fit:{type:String,default:"contain"},preview:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0},tip:{type:Boolean,default:!1},tipText:{type:String,default:""},modelValue:{type:Array,default:()=>[]}},emits:["delete","success"],setup(a,{emit:r}){const n=a;e.watch(()=>n.modelValue,l=>{p.value=l.map(o=>{var t;return{...o,__url:(t=o.url)!=null&&t.startsWith("http")?o.url:`${n.loadUrl}${o.url}`}})},{deep:!0});const d=r,u=e.computed(()=>n.size),_=e.ref(null),p=e.ref(n.modelValue.map(l=>{var o;return{...l,__url:(o=l.url)!=null&&o.startsWith("http")?l.url:`${n.loadUrl}${l.url}`}})),h=e.ref([]),f=e.ref(!1),E=e.ref(0),ee=e.computed(()=>n.tipText||`最多可上传${n.limit}张图片, 每张图片不能超过${n.size}MB`),te=(l,o)=>{p.value=g._.cloneDeep(o.map(t=>{var c;return{...t,__url:(c=t.url)!=null&&c.startsWith("http")?t.url:`${n.loadUrl}${t.url}`}}))},le=l=>!(!(l.type==="image/jpeg"||l.type==="image/png")||!(l.size/1024/1024<u.value)),oe=()=>!1,ae=(l,o)=>{var t,c;l.status="ready",o!==void 0&&h.value.splice(o,1),(t=_.value)==null||t.handleStart(l.raw),(c=_.value)==null||c.submit()},ne=(l,o)=>{var C,N;const t=p.value.length,c=n.limit-t;let m=0;for(;m<c&&m<l.length;)(C=_.value)==null||C.handleStart(l[m]),(N=_.value)==null||N.submit(),m++},re=(l,o,t)=>{d("success",l,o,t)},ce=(l,o,t)=>{h.value.push(o)},se=l=>{f.value=!0,E.value=p.value.findIndex(o=>o.url===l.url)},ie=l=>{g.ikFile.downloadByOnlineUrl(l.__url,l.name)},de=l=>{var o;(o=_.value)==null||o.abort(l)},pe=l=>{var o;l.status!=="success"&&de(l),(o=_.value)==null||o.handleRemove(l),p.value=p.value.filter(t=>t.uid!==l.uid),d("delete",l)},_e=(l,o)=>{h.value.splice(o,1)};return(l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(i.ElUpload),{class:e.normalizeClass(["ik-image-upload",{preview:a.preview}]),ref_key:"refUpload",ref:_,"list-type":"picture-card",accept:a.accept,action:a.action,"file-list":p.value,"onUpdate:fileList":o[0]||(o[0]=t=>p.value=t),multiple:a.multiple,limit:a.limit,"on-change":te,"before-upload":le,"before-remove":oe,"on-exceed":ne,"on-success":re,"on-error":ce,drag:""},e.createSlots({trigger:e.withCtx(()=>[l.$slots.trigger?e.renderSlot(l.$slots,"trigger",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(e.unref(i.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(b))]),_:1}),e.createElementVNode("span",null,e.toDisplayString(a.title),1)]))]),file:e.withCtx(({file:t})=>[e.createElementVNode("div",{class:e.normalizeClass(["load-list",{loading:t.status==="uploading"}]),"element-loading-background":"var(--ik-upload-bg)"},[e.withDirectives(e.createElementVNode("div",W,[e.createVNode(R),e.createTextVNode(" 上传"+e.toDisplayString(t.percentage)+"% ",1)],512),[[e.vShow,t.status==="uploading"]]),e.createCommentVNode(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),e.createVNode(e.unref(i.ElImage),{style:{width:"100%",height:"100%"},src:t.__url,"zoom-rate":1.2,"initial-index":0,fit:"contain"},null,8,["src"]),e.createElementVNode("span",G,[e.createElementVNode("span",null,[e.createVNode(e.unref(i.ElIcon),{onClick:c=>se(t)},{default:e.withCtx(()=>[e.createVNode(e.unref(H))]),_:2},1032,["onClick"])]),e.createElementVNode("span",null,[e.createVNode(e.unref(i.ElIcon),{onClick:c=>ie(t)},{default:e.withCtx(()=>[e.createVNode(e.unref(L))]),_:2},1032,["onClick"])]),a.preview?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("span",J,[e.createVNode(e.unref(i.ElIcon),{onClick:c=>pe(t)},{default:e.withCtx(()=>[e.createVNode(e.unref($))]),_:2},1032,["onClick"])]))])],2)]),default:e.withCtx(()=>[e.createElementVNode("ul",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(h.value,(t,c)=>(e.openBlock(),e.createElementBlock("li",{class:"el-upload-list__item",key:t.uid},[e.createElementVNode("span",null,[e.createVNode(e.unref(i.ElIcon),{onClick:m=>_e(t,c)},{default:e.withCtx(()=>[e.createVNode(e.unref(B))]),_:2},1032,["onClick"])]),e.createElementVNode("div",{class:e.normalizeClass(["load-list",{loading:t.status==="uploading",fail:t.status==="fail"}]),"element-loading-background":"var(--ik-upload-bg)"},[e.withDirectives(e.createElementVNode("div",{class:"loading-statu",onClick:m=>ae(t,c)},[e.createVNode(e.unref(i.ElIcon),{size:24},{default:e.withCtx(()=>[e.createVNode(e.unref(U))]),_:1}),Q,X],8,K),[[e.vShow,t.status==="fail"]]),e.createElementVNode("img",{src:t.__url,alt:"",style:e.normalizeStyle({"object-fit":a.fit})},null,12,Y)],2)]))),128))])]),_:2},[a.tip?{name:"tip",fn:e.withCtx(()=>[e.createElementVNode("span",q,e.toDisplayString(ee.value),1)]),key:"0"}:void 0]),1032,["class","accept","action","file-list","multiple","limit"]),e.createCommentVNode(" 文件预览 "),e.createElementVNode("div",P,[f.value?(e.openBlock(),e.createBlock(e.unref(i.ElImageViewer),{key:0,"hide-on-click-modal":"",onClose:o[1]||(o[1]=()=>{f.value=!1}),"url-list":p.value.map(t=>t.__url),"initial-index":E.value},null,8,["url-list","initial-index"])):e.createCommentVNode("v-if",!0)])],64))}}),Ee="",k=y(w(v,[["__scopeId","data-v-ea892f53"]]));s.IkUploadImage=k,s.default=k,Object.defineProperties(s,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});
+(function(c,e){typeof exports=="object"&&typeof module<"u"?e(exports,require("vue"),require("element-plus"),require("iking-utils")):typeof define=="function"&&define.amd?define(["exports","vue","element-plus","iking-utils"],e):(c=typeof globalThis<"u"?globalThis:c||self,e(c.index={},c.Vue,c["element-plus"],c["iking-utils"]))})(this,function(c,e,d,g){"use strict";const y=(a,r)=>{if(a.install=n=>{for(const p of[a,...Object.values(r??{})])n.component(p.name,p)},r)for(const[n,p]of Object.entries(r))a[n]=p;return a};/*! Element Plus Icons Vue v2.3.1 */var x=e.defineComponent({name:"Close",__name:"close",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M764.288 214.592 512 466.88 259.712 214.592a31.936 31.936 0 0 0-45.12 45.12L466.752 512 214.528 764.224a31.936 31.936 0 1 0 45.12 45.184L512 557.184l252.288 252.288a31.936 31.936 0 0 0 45.12-45.12L557.12 512.064l252.288-252.352a31.936 31.936 0 1 0-45.12-45.184z"})]))}}),B=x,z=e.defineComponent({name:"Delete",__name:"delete",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M160 256H96a32 32 0 0 1 0-64h256V95.936a32 32 0 0 1 32-32h256a32 32 0 0 1 32 32V192h256a32 32 0 1 1 0 64h-64v672a32 32 0 0 1-32 32H192a32 32 0 0 1-32-32zm448-64v-64H416v64zM224 896h576V256H224zm192-128a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32m192 0a32 32 0 0 1-32-32V416a32 32 0 0 1 64 0v320a32 32 0 0 1-32 32"})]))}}),$=z,b=e.defineComponent({name:"Download",__name:"download",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M160 832h704a32 32 0 1 1 0 64H160a32 32 0 1 1 0-64m384-253.696 236.288-236.352 45.248 45.248L508.8 704 192 387.2l45.248-45.248L480 584.704V128h64z"})]))}}),L=b,S=e.defineComponent({name:"Plus",__name:"plus",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M480 480V128a32 32 0 0 1 64 0v352h352a32 32 0 1 1 0 64H544v352a32 32 0 1 1-64 0V544H128a32 32 0 0 1 0-64z"})]))}}),I=S,M=e.defineComponent({name:"Refresh",__name:"refresh",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"M771.776 794.88A384 384 0 0 1 128 512h64a320 320 0 0 0 555.712 216.448H654.72a32 32 0 1 1 0-64h149.056a32 32 0 0 1 32 32v148.928a32 32 0 1 1-64 0v-50.56zM276.288 295.616h92.992a32 32 0 0 1 0 64H220.16a32 32 0 0 1-32-32V178.56a32 32 0 0 1 64 0v50.56A384 384 0 0 1 896.128 512h-64a320 320 0 0 0-555.776-216.384z"})]))}}),U=M,D=e.defineComponent({name:"ZoomIn",__name:"zoom-in",setup(a){return(r,n)=>(e.openBlock(),e.createElementBlock("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 1024 1024"},[e.createElementVNode("path",{fill:"currentColor",d:"m795.904 750.72 124.992 124.928a32 32 0 0 1-45.248 45.248L750.656 795.904a416 416 0 1 1 45.248-45.248zM480 832a352 352 0 1 0 0-704 352 352 0 0 0 0 704m-32-384v-96a32 32 0 0 1 64 0v96h96a32 32 0 0 1 0 64h-96v96a32 32 0 0 1-64 0v-96h-96a32 32 0 0 1 0-64z"})]))}}),H=D;const w=(a,r)=>{const n=a.__vccOpts||a;for(const[p,h]of r)n[p]=h;return n},j={},T={t:"1686214149488",class:"icon",viewBox:"0 0 1024 1024",version:"1.1",xmlns:"http://www.w3.org/2000/svg","p-id":"8490",width:"200",height:"200"},F=[e.createElementVNode("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","p-id":"8491"},null,-1),e.createElementVNode("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","p-id":"8492"},null,-1),e.createElementVNode("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","p-id":"8493"},null,-1),e.createElementVNode("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","p-id":"8494"},null,-1),e.createElementVNode("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","p-id":"8495"},null,-1),e.createElementVNode("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","p-id":"8496"},null,-1),e.createElementVNode("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","p-id":"8497"},null,-1),e.createElementVNode("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","p-id":"8498"},null,-1)];function O(a,r){return e.openBlock(),e.createElementBlock("svg",T,F)}const R=w(j,[["render",O]]),V=a=>(e.pushScopeId("data-v-57dbfa30"),a=a(),e.popScopeId(),a),A={key:1,class:"upload-btn"},W={class:"tip"},q={class:"loading-statu"},G={class:"operate-btn"},J={key:0},Z={class:"el-upload-list el-upload-list--picture-card",style:{float:"left"}},K=["onClick"],Q=V(()=>e.createElementVNode("span",{class:"error"},"上传错误",-1)),X=V(()=>e.createElementVNode("p",null,"点击重新上传",-1)),Y=["src"],P={class:"demo-image__preview"},v=e.defineComponent({__name:"index",props:{title:{type:String,default:"上传图片"},loadUrl:{type:String,default:""},action:{type:String,default:""},limit:{type:Number,default:5},size:{type:Number,default:50},accept:{type:String,default:"image/*"},fit:{type:String,default:"contain"},preview:{type:Boolean,default:!1},multiple:{type:Boolean,default:!0},tip:{type:Boolean,default:!1},tipText:{type:String,default:""},modelValue:{type:Array,default:()=>[]}},emits:["delete","success"],setup(a,{emit:r}){const n=a;e.watch(()=>n.modelValue,l=>{i.value=l.map(o=>{var t;return{...o,__url:(t=o.url)!=null&&t.startsWith("http")?o.url:`${n.loadUrl}${o.url}`}})},{deep:!0});const p=r,h=e.computed(()=>n.size),m=e.ref(null),i=e.ref(n.modelValue.map(l=>{var o;return{...l,__url:(o=l.url)!=null&&o.startsWith("http")?l.url:`${n.loadUrl}${l.url}`}})),u=e.ref([]),f=e.ref(!1),E=e.ref(0),ee=e.computed(()=>n.tipText||`最多可上传${n.limit}张图片, 每张图片不能超过${n.size}MB`),te=(l,o)=>{i.value=g._.cloneDeep(o.map(t=>{var s,_;return{...t,__url:(s=t.url)!=null&&s.startsWith("http")||(_=t.url)!=null&&_.startsWith("blob:")?t.url:`${n.loadUrl}${t.url}`}})),console.log("fileList.value: ",i.value)},le=l=>!(!(l.type==="image/jpeg"||l.type==="image/png")||!(l.size/1024/1024<h.value)),oe=()=>!1,ae=(l,o)=>{var t,s;l.status="ready",o!==void 0&&u.value.splice(o,1),(t=m.value)==null||t.handleStart(l.raw),(s=m.value)==null||s.submit()},ne=(l,o)=>{var C,N;const t=i.value.length,s=n.limit-t;let _=0;for(;_<s&&_<l.length;)(C=m.value)==null||C.handleStart(l[_]),(N=m.value)==null||N.submit(),_++},re=(l,o,t)=>{p("success",l,o,t)},se=(l,o,t)=>{u.value.push({...o,__url:o.url})},ce=l=>{f.value=!0,E.value=i.value.findIndex(o=>o.url===l.url)},ie=l=>{g.ikFile.downloadByOnlineUrl(l.__url||l.url,l.name)},de=l=>{var o;(o=m.value)==null||o.abort(l)},pe=l=>{var o;l.status!=="success"&&de(l),(o=m.value)==null||o.handleRemove(l),i.value=i.value.filter(t=>t.uid!==l.uid),p("delete",l)},_e=(l,o)=>{u.value.splice(o,1)};return(l,o)=>(e.openBlock(),e.createElementBlock(e.Fragment,null,[e.createVNode(e.unref(d.ElUpload),{class:e.normalizeClass(["ik-image-upload",{preview:a.preview}]),ref_key:"refUpload",ref:m,"list-type":"picture-card",accept:a.accept,action:a.action,"file-list":i.value,"onUpdate:fileList":o[0]||(o[0]=t=>i.value=t),multiple:a.multiple,limit:a.limit,"on-change":te,"before-upload":le,"before-remove":oe,"on-exceed":ne,"on-success":re,"on-error":se,drag:""},e.createSlots({trigger:e.withCtx(()=>[l.$slots.trigger?e.renderSlot(l.$slots,"trigger",{key:0},void 0,!0):(e.openBlock(),e.createElementBlock("div",A,[e.createVNode(e.unref(d.ElIcon),null,{default:e.withCtx(()=>[e.createVNode(e.unref(I))]),_:1}),e.createElementVNode("span",null,e.toDisplayString(a.title),1)]))]),file:e.withCtx(({file:t})=>[e.createElementVNode("div",{class:e.normalizeClass(["load-list",{loading:t.status==="uploading"}]),"element-loading-background":"var(--ik-upload-bg)"},[e.withDirectives(e.createElementVNode("div",q,[e.createVNode(R),e.createTextVNode(" 上传"+e.toDisplayString(t.percentage)+"% ",1)],512),[[e.vShow,t.status==="uploading"]]),e.createCommentVNode(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),e.createVNode(e.unref(d.ElImage),{style:{width:"100%",height:"100%"},src:t.__url||t.url,"zoom-rate":1.2,"initial-index":0,fit:"contain"},null,8,["src"]),e.createElementVNode("span",G,[e.createElementVNode("span",null,[e.createVNode(e.unref(d.ElIcon),{onClick:s=>ce(t)},{default:e.withCtx(()=>[e.createVNode(e.unref(H))]),_:2},1032,["onClick"])]),e.createElementVNode("span",null,[e.createVNode(e.unref(d.ElIcon),{onClick:s=>ie(t)},{default:e.withCtx(()=>[e.createVNode(e.unref(L))]),_:2},1032,["onClick"])]),a.preview?e.createCommentVNode("v-if",!0):(e.openBlock(),e.createElementBlock("span",J,[e.createVNode(e.unref(d.ElIcon),{onClick:s=>pe(t)},{default:e.withCtx(()=>[e.createVNode(e.unref($))]),_:2},1032,["onClick"])]))])],2)]),default:e.withCtx(()=>[e.createElementVNode("ul",Z,[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(u.value,(t,s)=>(e.openBlock(),e.createElementBlock("li",{class:"el-upload-list__item",key:t.uid},[e.createElementVNode("span",null,[e.createVNode(e.unref(d.ElIcon),{onClick:_=>_e(t,s)},{default:e.withCtx(()=>[e.createVNode(e.unref(B))]),_:2},1032,["onClick"])]),e.createElementVNode("div",{class:e.normalizeClass(["load-list",{loading:t.status==="uploading",fail:t.status==="fail"}]),"element-loading-background":"var(--ik-upload-bg)"},[e.withDirectives(e.createElementVNode("div",{class:"loading-statu",onClick:_=>ae(t,s)},[e.createVNode(e.unref(d.ElIcon),{size:24},{default:e.withCtx(()=>[e.createVNode(e.unref(U))]),_:1}),Q,X],8,K),[[e.vShow,t.status==="fail"]]),e.createElementVNode("img",{src:t.__url,alt:"",style:e.normalizeStyle({"object-fit":a.fit})},null,12,Y)],2)]))),128))])]),_:2},[a.tip?{name:"tip",fn:e.withCtx(()=>[e.createElementVNode("span",W,e.toDisplayString(ee.value),1)]),key:"0"}:void 0]),1032,["class","accept","action","file-list","multiple","limit"]),e.createCommentVNode(" 文件预览 "),e.createElementVNode("div",P,[f.value?(e.openBlock(),e.createBlock(e.unref(d.ElImageViewer),{key:0,"hide-on-click-modal":"",onClose:o[1]||(o[1]=()=>{f.value=!1}),"url-list":i.value.map(t=>t.__url),"initial-index":E.value},null,8,["url-list","initial-index"])):e.createCommentVNode("v-if",!0)])],64))}}),Ee="",k=y(w(v,[["__scopeId","data-v-57dbfa30"]]));c.IkUploadImage=k,c.default=k,Object.defineProperties(c,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}})});

package/dist/IkUploadImage/style.css

@@ -1 +1 @@
-@charset "UTF-8";.ik-image-upload[data-v-ea892f53]{display:inline-flex;position:relative}.ik-image-upload .tip[data-v-ea892f53]{position:absolute;bottom:-19px;font-size:14px;color:var(--el-color-info)}.ik-image-upload.preview[data-v-ea892f53] .el-upload{display:none}.ik-image-upload[data-v-ea892f53] .el-upload--picture-card{--el-upload-picture-card-size: 106px}.ik-image-upload[data-v-ea892f53] .el-upload--picture-card.el-upload{--el-upload-dragger-padding-horizontal: 28px;margin:0 8px 8px 0}.ik-image-upload[data-v-ea892f53] .el-upload--picture-card.el-upload:hover .upload-btn,.ik-image-upload[data-v-ea892f53] .el-upload--picture-card.el-upload:hover .upload-btn i{color:var(--el-color-primary)}.ik-image-upload[data-v-ea892f53] .el-upload--picture-card.el-upload .upload-btn{display:flex;flex-direction:column;align-items:center;font-size:14px;color:var(--el-text-color-secondary)}.ik-image-upload[data-v-ea892f53] .el-upload-list--picture-card{--el-upload-list-picture-card-size: 106px;flex-direction:row-reverse}.ik-image-upload[data-v-ea892f53] .el-upload-list--picture-card .el-upload-list__item{border:none;background-color:var(--el-bg-color-page);overflow:unset}.ik-image-upload[data-v-ea892f53] .el-upload-list--picture-card .el-upload-list__item>span{position:absolute;right:-4px;top:-7px;z-index:2;background:var(--el-color-error);display:flex;border-radius:50%;padding:3px;font-size:11px;color:#fff;font-weight:600;cursor:pointer;transition:transform .35s}.ik-image-upload[data-v-ea892f53] .el-upload-list--picture-card .el-upload-list__item>span:hover{transform:rotate(180deg);opacity:.9}.ik-image-upload .load-list[data-v-ea892f53]{--el-upload-picture-card-size: 106px;width:var(--el-upload-picture-card-size);height:var(--el-upload-picture-card-size);overflow:hidden}.ik-image-upload .load-list .loading-statu[data-v-ea892f53]{position:absolute;top:0;left:0;color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 140px 140px var(--el-overlay-color-lighter) inset;z-index:1}.ik-image-upload .load-list .loading-statu svg[data-v-ea892f53]{width:26px;height:26px;fill:var(--el-color-primary);animation:rotate-ea892f53 2s linear infinite}.ik-image-upload .load-list .operate-btn[data-v-ea892f53]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;display:flex;align-items:center;justify-content:center;transition:all .35s;border-radius:4px;overflow:hidden}.ik-image-upload .load-list:hover .operate-btn[data-v-ea892f53]{box-shadow:0 0 150px 150px var(--el-overlay-color-lighter) inset;color:#fff;font-size:18px;z-index:1;width:100%;height:100%}.ik-image-upload .load-list:hover .operate-btn i[data-v-ea892f53]{cursor:pointer;margin:0 5px}.ik-image-upload .load-list:hover .operate-btn i[data-v-ea892f53]:hover{color:var(--el-color-primary)}.ik-image-upload .load-list:hover img[data-v-ea892f53],.ik-image-upload .load-list.loading img[data-v-ea892f53]{filter:blur(2px)}.ik-image-upload .load-list.loading .loading-statu[data-v-ea892f53]{box-shadow:0 0 140px 140px var(--el-overlay-color-lighter) inset}.ik-image-upload .load-list.loading .loading-statu svg[data-v-ea892f53]{fill:var(--el-color-primary)}.ik-image-upload .load-list.fail img[data-v-ea892f53]{filter:blur(0)}.ik-image-upload .load-list.fail .loading-statu[data-v-ea892f53]{box-shadow:0 0 140px 140px var(--ik-error-shadow-bg) inset;line-height:2;color:var(--text-color);border-radius:6px;background:rgba(241,65,109,.3411764706);border:1px dashed #F1416C;cursor:pointer;transition:all .25s}.ik-image-upload .load-list.fail .loading-statu[data-v-ea892f53]:hover{background:rgba(241,65,109,.4196078431);border-style:solid}.ik-image-upload .load-list.fail .loading-statu svg[data-v-ea892f53]{animation:none}.ik-image-upload .load-list.fail .loading-statu p[data-v-ea892f53]{margin:0;padding:0}.ik-image-upload .load-list.fail .loading-statu .el-button.is-link[data-v-ea892f53]{color:var(--text-color)}.ik-image-upload .load-list.fail .loading-statu .el-button.is-link[data-v-ea892f53]:hover{color:var(--color-primary)}@keyframes rotate-ea892f53{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ik-image-upload .load-list img[data-v-ea892f53]{width:100%;height:100%}
+@charset "UTF-8";.ik-image-upload[data-v-57dbfa30]{display:inline-flex;position:relative}.ik-image-upload .tip[data-v-57dbfa30]{position:absolute;bottom:-19px;font-size:14px;color:var(--el-color-info)}.ik-image-upload.preview[data-v-57dbfa30] .el-upload{display:none}.ik-image-upload[data-v-57dbfa30] .el-upload--picture-card{--el-upload-picture-card-size: 106px}.ik-image-upload[data-v-57dbfa30] .el-upload--picture-card.el-upload{--el-upload-dragger-padding-horizontal: 36px;margin:0 8px 8px 0}.ik-image-upload[data-v-57dbfa30] .el-upload--picture-card.el-upload .el-upload-dragger{border:none;background-color:transparent}.ik-image-upload[data-v-57dbfa30] .el-upload--picture-card.el-upload:hover .upload-btn,.ik-image-upload[data-v-57dbfa30] .el-upload--picture-card.el-upload:hover .upload-btn i{color:var(--el-color-primary)}.ik-image-upload[data-v-57dbfa30] .el-upload--picture-card.el-upload .upload-btn{display:flex;flex-direction:column;align-items:center;font-size:14px;color:var(--el-text-color-secondary)}.ik-image-upload[data-v-57dbfa30] .el-upload-list--picture-card{--el-upload-list-picture-card-size: 106px;flex-direction:row-reverse}.ik-image-upload[data-v-57dbfa30] .el-upload-list--picture-card .el-upload-list__item{border:none;background-color:var(--el-bg-color-page);overflow:hidden}.ik-image-upload[data-v-57dbfa30] .el-upload-list--picture-card .el-upload-list__item>span{position:absolute;right:-4px;top:-7px;z-index:2;background:var(--el-color-error);display:flex;border-radius:50%;padding:3px;font-size:11px;color:#fff;font-weight:600;cursor:pointer;transition:transform .35s}.ik-image-upload[data-v-57dbfa30] .el-upload-list--picture-card .el-upload-list__item>span:hover{transform:rotate(180deg);opacity:.9}.ik-image-upload .load-list[data-v-57dbfa30]{--el-upload-picture-card-size: 106px;width:var(--el-upload-picture-card-size);height:var(--el-upload-picture-card-size);overflow:hidden}.ik-image-upload .load-list .loading-statu[data-v-57dbfa30]{position:absolute;top:0;left:0;color:#fff;width:100%;height:100%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 140px 140px var(--el-overlay-color-lighter) inset;z-index:1;border-radius:6px}.ik-image-upload .load-list .loading-statu svg[data-v-57dbfa30]{width:26px;height:26px;fill:var(--el-color-primary);animation:rotate-57dbfa30 2s linear infinite}.ik-image-upload .load-list .operate-btn[data-v-57dbfa30]{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:0;height:0;display:flex;align-items:center;justify-content:center;transition:all .35s;border-radius:4px;overflow:hidden}.ik-image-upload .load-list:hover .operate-btn[data-v-57dbfa30]{box-shadow:0 0 150px 150px var(--el-overlay-color-lighter) inset;color:#fff;font-size:18px;z-index:1;width:100%;height:100%}.ik-image-upload .load-list:hover .operate-btn i[data-v-57dbfa30]{cursor:pointer;margin:0 5px}.ik-image-upload .load-list:hover .operate-btn i[data-v-57dbfa30]:hover{color:var(--el-color-primary)}.ik-image-upload .load-list:hover img[data-v-57dbfa30],.ik-image-upload .load-list.loading img[data-v-57dbfa30]{filter:blur(2px)}.ik-image-upload .load-list.loading .loading-statu[data-v-57dbfa30]{box-shadow:0 0 140px 140px var(--el-overlay-color-lighter) inset}.ik-image-upload .load-list.loading .loading-statu svg[data-v-57dbfa30]{fill:var(--el-color-primary)}.ik-image-upload .load-list.fail img[data-v-57dbfa30]{filter:blur(0)}.ik-image-upload .load-list.fail .loading-statu[data-v-57dbfa30]{box-shadow:0 0 140px 140px var(--ik-error-shadow-bg) inset;line-height:2;color:var(--text-color);border-radius:6px;background:rgba(241,65,109,.3411764706);border:1px dashed #F1416C;cursor:pointer;transition:all .25s}.ik-image-upload .load-list.fail .loading-statu[data-v-57dbfa30]:hover{background:rgba(241,65,109,.4196078431)}.ik-image-upload .load-list.fail .loading-statu svg[data-v-57dbfa30]{animation:none}.ik-image-upload .load-list.fail .loading-statu p[data-v-57dbfa30]{margin:0;padding:0}.ik-image-upload .load-list.fail .loading-statu .el-button.is-link[data-v-57dbfa30]{color:var(--text-color)}.ik-image-upload .load-list.fail .loading-statu .el-button.is-link[data-v-57dbfa30]:hover{color:var(--color-primary)}@keyframes rotate-57dbfa30{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.ik-image-upload .load-list img[data-v-57dbfa30]{width:100%;height:100%}