iking-web-ui-pro 0.2.3 → 0.2.5

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

@@ -1,93 +1,93 @@
-import { defineComponent as k, openBlock as r, createElementBlock as u, createElementVNode as o, computed as I, resolveComponent as x, normalizeClass as v, normalizeStyle as w, createCommentVNode as L, createBlock as V, withCtx as m, createTextVNode as N, toDisplayString as S, mergeModels as A, useModel as se, watch as ne, ref as B, Fragment as D, createVNode as p, unref as h, createSlots as oe, renderSlot as ie, withDirectives as H, vShow as O, renderList as re, pushScopeId as ue, popScopeId as ce } from "vue";
-import { ElUpload as de, ElIcon as z, ElImage as pe, ElImageViewer as he, ElMessage as T } from "element-plus";
-import { ikColor as me, _ as _e, ikFile as ge } from "iking-utils-pro";
-const W = (n, l) => {
-  if (n.install = (i) => {
-    for (const c of [n, ...Object.values(l ?? {})])
-      i.component(c.name, c);
-  }, l)
-    for (const [i, c] of Object.entries(l))
-      n[i] = c;
-  return n;
+import { defineComponent as $, openBlock as u, createElementBlock as c, createElementVNode as i, inject as L, computed as f, resolveComponent as H, normalizeClass as k, normalizeStyle as z, createCommentVNode as M, createBlock as E, withCtx as g, createTextVNode as P, toDisplayString as U, mergeModels as O, useModel as ie, watch as re, ref as S, Fragment as T, createVNode as h, unref as p, createSlots as ue, renderSlot as ce, withDirectives as N, vShow as W, renderList as de, pushScopeId as pe, popScopeId as he } from "vue";
+import { ElUpload as me, ElIcon as C, ElImage as _e, ElImageViewer as ge, ElMessage as F } from "element-plus";
+import { ikColor as ve, _ as fe, ikFile as ye } from "iking-utils-pro";
+const R = (a, t) => {
+  if (a.install = (o) => {
+    for (const r of [a, ...Object.values(t ?? {})])
+      o.component(r.name, r);
+  }, t)
+    for (const [o, r] of Object.entries(t))
+      a[o] = r;
+  return a;
 };
 /*! Element Plus Icons Vue v2.3.1 */
-var fe = /* @__PURE__ */ k({
+var we = /* @__PURE__ */ $({
   name: "Close",
   __name: "close",
-  setup(n) {
-    return (l, i) => (r(), u("svg", {
+  setup(a) {
+    return (t, o) => (u(), c("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      i("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"
       })
     ]));
   }
-}), ve = fe, ye = /* @__PURE__ */ k({
+}), ke = we, be = /* @__PURE__ */ $({
   name: "Delete",
   __name: "delete",
-  setup(n) {
-    return (l, i) => (r(), u("svg", {
+  setup(a) {
+    return (t, o) => (u(), c("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      i("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"
       })
     ]));
   }
-}), we = ye, ke = /* @__PURE__ */ k({
+}), ze = be, $e = /* @__PURE__ */ $({
   name: "Download",
   __name: "download",
-  setup(n) {
-    return (l, i) => (r(), u("svg", {
+  setup(a) {
+    return (t, o) => (u(), c("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      i("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"
       })
     ]));
   }
-}), be = ke, ze = /* @__PURE__ */ k({
+}), Ce = $e, Be = /* @__PURE__ */ $({
   name: "Refresh",
   __name: "refresh",
-  setup(n) {
-    return (l, i) => (r(), u("svg", {
+  setup(a) {
+    return (t, o) => (u(), c("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      i("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"
       })
     ]));
   }
-}), $e = ze, Ce = /* @__PURE__ */ k({
+}), Ie = Be, Le = /* @__PURE__ */ $({
   name: "ZoomIn",
   __name: "zoom-in",
-  setup(n) {
-    return (l, i) => (r(), u("svg", {
+  setup(a) {
+    return (t, o) => (u(), c("svg", {
       xmlns: "http://www.w3.org/2000/svg",
       viewBox: "0 0 1024 1024"
     }, [
-      o("path", {
+      i("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"
       })
     ]));
   }
-}), Be = Ce;
-const U = (n, l) => {
-  const i = n.__vccOpts || n;
-  for (const [c, e] of l)
-    i[c] = e;
-  return i;
-}, Le = {}, Ie = {
+}), Se = Le;
+const x = (a, t) => {
+  const o = a.__vccOpts || a;
+  for (const [r, e] of t)
+    o[r] = e;
+  return o;
+}, Me = {}, Ue = {
   t: "1686214149488",
   class: "icon",
   viewBox: "0 0 1024 1024",
@@ -96,7 +96,7 @@ const U = (n, l) => {
   "p-id": "8490",
   width: "200",
   height: "200"
-}, Se = /* @__PURE__ */ o(
+}, Ve = /* @__PURE__ */ i(
   "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 U = (n, l) => {
   null,
   -1
   /* HOISTED */
-), Me = /* @__PURE__ */ o(
+), je = /* @__PURE__ */ i(
   "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 U = (n, l) => {
   null,
   -1
   /* HOISTED */
-), Ve = /* @__PURE__ */ o(
+), Ee = /* @__PURE__ */ i(
   "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 U = (n, l) => {
   null,
   -1
   /* HOISTED */
-), Ue = /* @__PURE__ */ o(
+), xe = /* @__PURE__ */ i(
   "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 U = (n, l) => {
   null,
   -1
   /* HOISTED */
-), je = /* @__PURE__ */ o(
+), Ae = /* @__PURE__ */ i(
   "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 U = (n, l) => {
   null,
   -1
   /* HOISTED */
-), Ee = /* @__PURE__ */ o(
+), De = /* @__PURE__ */ i(
   "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 U = (n, l) => {
   null,
   -1
   /* HOISTED */
-), xe = /* @__PURE__ */ o(
+), He = /* @__PURE__ */ i(
   "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 U = (n, l) => {
   null,
   -1
   /* HOISTED */
-), Ae = /* @__PURE__ */ o(
+), Oe = /* @__PURE__ */ i(
   "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,31 +168,40 @@ const U = (n, l) => {
   null,
   -1
   /* HOISTED */
-), De = [
-  Se,
-  Me,
+), Te = [
   Ve,
-  Ue,
   je,
   Ee,
   xe,
-  Ae
+  Ae,
+  De,
+  He,
+  Oe
 ];
-function He(n, l) {
-  return r(), u("svg", Ie, De);
+function Ne(a, t) {
+  return u(), c("svg", Ue, Te);
 }
-const Oe = /* @__PURE__ */ U(Le, [["render", He]]), Te = {
+const We = /* @__PURE__ */ x(Me, [["render", Ne]]), Fe = (a) => {
+  const t = L("loadUrl"), o = f(() => a.loadUrl || (t == null ? void 0 : t.value)), r = L("uploadUrl"), e = f(() => a.action || a.uploadUrl || (r == null ? void 0 : r.value)), m = L("token"), y = f(() => a.token || (m == null ? void 0 : m.value)), b = L("onlyofficeConfig"), V = f(() => a.onlyofficeConfig || (b == null ? void 0 : b.value)), v = L("userInfo"), _ = f(() => a.userInfo || (v == null ? void 0 : v.value));
+  return {
+    cLoadUrl: o,
+    cUploadUrl: e,
+    cToken: y,
+    cOnlyofficeConfig: V,
+    cUserInfo: _
+  };
+}, Pe = Fe, Re = {
   key: 0,
   class: "ik-svg-icon ik-icon inline-block inline-flex justify-center box-content line-height-[0]"
-}, Ne = {
+}, Ge = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, We = ["xlink:href"], Fe = ["src"], Re = {
+}, Je = ["xlink:href"], Xe = ["src"], Ye = {
   key: 1,
   class: "h-[1em] w-[1em]",
   "aria-hidden": "true"
-}, Pe = ["xlink:href"], Ge = ["src"], Je = /* @__PURE__ */ k({
+}, Ze = ["xlink:href"], qe = ["src"], Ke = /* @__PURE__ */ $({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -218,14 +227,14 @@ const Oe = /* @__PURE__ */ U(Le, [["render", He]]), Te = {
     disabled: { type: Boolean, default: !1 },
     tableIconType: { default: "icon" }
   },
-  setup(n) {
-    const l = n, i = I(() => {
-      var e, _, b;
-      return /^http?:\/\//.test(l.name) ? "img" : /i-[^:]+:[^:]+/.test(l.name) ? "unocss" : (e = l.name) != null && e.startsWith("iksig") ? "iksig" : (_ = l.name) != null && _.includes(":") ? "iconify" : (b = l.name) != null && b.startsWith("iksvg") ? "svg" : "i";
-    }), c = I(() => {
+  setup(a) {
+    const t = a, o = f(() => {
+      var e, m, y;
+      return /^http?:\/\//.test(t.name) ? "img" : /i-[^:]+:[^:]+/.test(t.name) ? "unocss" : (e = t.name) != null && e.startsWith("iksig") ? "iksig" : (m = t.name) != null && m.includes(":") ? "iconify" : (y = t.name) != null && y.startsWith("iksvg") ? "svg" : "i";
+    }), r = f(() => {
       const e = [];
-      if (l.flip)
-        switch (l.flip) {
+      if (t.flip)
+        switch (t.flip) {
           case "horizontal":
             e.push("rotateY(180deg)");
             break;
@@ -236,67 +245,67 @@ const Oe = /* @__PURE__ */ U(Le, [["render", He]]), Te = {
             e.push("rotateX(180deg)"), e.push("rotateY(180deg)");
             break;
         }
-      l.rotate && e.push(`rotate(${l.rotate % 360}deg)`);
-      const _ = {
-        ...l.color && { color: l.color },
-        ...l.size && { fontSize: typeof l.size == "number" ? `${l.size}px` : l.size },
+      t.rotate && e.push(`rotate(${t.rotate % 360}deg)`);
+      const m = {
+        ...t.color && { color: t.color },
+        ...t.size && { fontSize: typeof t.size == "number" ? `${t.size}px` : t.size },
         ...e.length && { transform: e.join(" ") },
-        padding: l.showBg || l.bg ? l.padding : 0,
-        ...l.color && i.value !== "iksig" ? {
-          "--ik-color-icon-dark": l.color,
-          "--ik-color-icon-light": l.colorLight || me.setOpacity(l.color, l.opacity)
+        padding: t.showBg || t.bg ? t.padding : 0,
+        ...t.color && o.value !== "iksig" ? {
+          "--ik-color-icon-dark": t.color,
+          "--ik-color-icon-light": t.colorLight || ve.setOpacity(t.color, t.opacity)
         } : {}
       };
-      return l.width && (_.width = _.height = typeof l.width == "number" ? `${l.width}px` : l.width), _;
+      return t.width && (m.width = m.height = typeof t.width == "number" ? `${t.width}px` : t.width), m;
     });
-    return (e, _) => {
-      const b = x("el-tooltip"), y = x("el-button");
-      return e.tableIconType === "icon" ? (r(), u("span", Te, [
-        e.notip || !e.title ? (r(), u(
+    return (e, m) => {
+      const y = H("el-tooltip"), b = H("el-button");
+      return e.tableIconType === "icon" ? (u(), c("span", Re, [
+        e.notip || !e.title ? (u(), c(
           "i",
           {
             key: 0,
-            class: v(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-              [e.name]: i.value === "unocss",
+            class: k(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+              [e.name]: o.value === "unocss",
               "show-bg": e.showBg || e.bg,
               default: e.size === "default",
               small: e.size === "small",
               big: e.size === "big",
-              warning: e.warning || l.type === "warning",
-              primary: e.primary || l.type === "primary",
-              success: e.success || l.type === "success",
-              error: e.error || l.type === "error",
+              warning: e.warning || t.type === "warning",
+              primary: e.primary || t.type === "primary",
+              success: e.success || t.type === "success",
+              error: e.error || t.type === "error",
               active: e.active,
               disabled: e.disabled
             }]),
-            style: w(c.value)
+            style: z(r.value)
           },
           [
-            L(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
-            i.value === "iksig" ? (r(), u(
+            M(` <Icon v-if="outputType === 'iconify'" :icon="name" /> `),
+            o.value === "iksig" ? (u(), c(
               "i",
               {
                 key: 0,
-                class: v(`iksig ${e.name}`),
-                style: w(c.value)
+                class: k(`iksig ${e.name}`),
+                style: z(r.value)
               },
               null,
               6
               /* CLASS, STYLE */
-            )) : i.value === "svg" ? (r(), u("svg", Ne, [
-              o("use", {
+            )) : o.value === "svg" ? (u(), c("svg", Ge, [
+              i("use", {
                 "xlink:href": `#${e.name}`
-              }, null, 8, We)
-            ])) : i.value === "img" ? (r(), u("img", {
+              }, null, 8, Je)
+            ])) : o.value === "img" ? (u(), c("img", {
               key: 2,
               src: e.name,
               class: "h-[1em] w-[1em]"
-            }, null, 8, Fe)) : (r(), u(
+            }, null, 8, Xe)) : (u(), c(
               "i",
               {
                 key: 3,
-                class: v(e.name),
-                style: w(c.value)
+                class: k(e.name),
+                style: z(r.value)
               },
               null,
               6
@@ -305,54 +314,54 @@ const Oe = /* @__PURE__ */ U(Le, [["render", He]]), Te = {
           ],
           6
           /* CLASS, STYLE */
-        )) : (r(), V(b, {
+        )) : (u(), E(y, {
           key: 1,
           content: e.title,
           placement: "top"
         }, {
-          default: m(() => [
-            o(
+          default: g(() => [
+            i(
               "i",
               {
-                class: v(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
-                  [e.name]: i.value === "unocss",
+                class: k(["ik-svg-icon ik-icon relative h-[1em] w-[1em] inline-flex items-center justify-center fill-current leading-[1em] transition", {
+                  [e.name]: o.value === "unocss",
                   "show-bg": e.showBg || e.bg,
                   default: e.size === "default",
                   small: e.size === "small",
                   big: e.size === "big",
-                  warning: e.warning || l.type === "warning",
-                  primary: e.primary || l.type === "primary",
-                  success: e.success || l.type === "success",
-                  error: e.error || l.type === "error",
+                  warning: e.warning || t.type === "warning",
+                  primary: e.primary || t.type === "primary",
+                  success: e.success || t.type === "success",
+                  error: e.error || t.type === "error",
                   active: e.active
                 }]),
-                style: w(c.value)
+                style: z(r.value)
               },
               [
-                i.value === "iksig" ? (r(), u(
+                o.value === "iksig" ? (u(), c(
                   "i",
                   {
                     key: 0,
-                    class: v(`iksig ${e.name}`),
-                    style: w(c.value)
+                    class: k(`iksig ${e.name}`),
+                    style: z(r.value)
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : i.value === "svg" ? (r(), u("svg", Re, [
-                  o("use", {
+                )) : o.value === "svg" ? (u(), c("svg", Ye, [
+                  i("use", {
                     "xlink:href": `#${e.name}`
-                  }, null, 8, Pe)
-                ])) : i.value === "img" ? (r(), u("img", {
+                  }, null, 8, Ze)
+                ])) : o.value === "img" ? (u(), c("img", {
                   key: 2,
                   src: e.name,
                   class: "h-[1em] w-[1em]"
-                }, null, 8, Ge)) : (r(), u(
+                }, null, 8, qe)) : (u(), c(
                   "i",
                   {
                     key: 3,
-                    class: v(e.name),
-                    style: w(c.value)
+                    class: k(e.name),
+                    style: z(r.value)
                   },
                   null,
                   6
@@ -366,13 +375,13 @@ const Oe = /* @__PURE__ */ U(Le, [["render", He]]), Te = {
           _: 1
           /* STABLE */
         }, 8, ["content"]))
-      ])) : (r(), V(y, {
+      ])) : (u(), E(b, {
         key: 1,
         type: ["warning", "error"].includes(e.type) ? "danger" : ""
       }, {
-        default: m(() => [
-          N(
-            S(e.title),
+        default: g(() => [
+          P(
+            U(e.title),
             1
             /* TEXT */
           )
@@ -383,27 +392,27 @@ const Oe = /* @__PURE__ */ U(Le, [["render", He]]), Te = {
     };
   }
 });
-const Xe = /* @__PURE__ */ U(Je, [["__scopeId", "data-v-7d95dbf5"]]), Ye = W(Xe), F = (n) => (ue("data-v-36907cf1"), n = n(), ce(), n), Ze = {
+const Qe = /* @__PURE__ */ x(Ke, [["__scopeId", "data-v-7d95dbf5"]]), et = R(Qe), G = (a) => (pe("data-v-e294305e"), a = a(), he(), a), tt = {
   key: 1,
   class: "upload-btn"
-}, qe = { class: "tip" }, Ke = { class: "loading-statu" }, Qe = { class: "operate-btn" }, et = { key: 0 }, tt = {
+}, lt = { class: "tip" }, at = { class: "loading-statu" }, st = { class: "operate-btn" }, nt = { key: 0 }, ot = {
   class: "el-upload-list el-upload-list--picture-card",
   style: { float: "left" }
-}, lt = ["onClick"], at = /* @__PURE__ */ F(() => /* @__PURE__ */ o(
+}, it = ["onClick"], rt = /* @__PURE__ */ G(() => /* @__PURE__ */ i(
   "span",
   { class: "error" },
   "上传错误",
   -1
   /* HOISTED */
-)), st = /* @__PURE__ */ F(() => /* @__PURE__ */ o(
+)), ut = /* @__PURE__ */ G(() => /* @__PURE__ */ i(
   "p",
   null,
   "点击重新上传",
   -1
   /* HOISTED */
-)), nt = ["src"], ot = { class: "demo-image__preview" }, it = /* @__PURE__ */ k({
+)), ct = ["src"], dt = { class: "demo-image__preview" }, pt = /* @__PURE__ */ $({
   __name: "index",
-  props: /* @__PURE__ */ A({
+  props: /* @__PURE__ */ O({
     // 显示的文字
     title: {
       type: String,
@@ -479,132 +488,132 @@ const Xe = /* @__PURE__ */ U(Je, [["__scopeId", "data-v-7d95dbf5"]]), Ye = W(Xe)
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ A(["delete", "success"], ["update:modelValue"]),
-  setup(n, { emit: l }) {
-    const i = n, c = se(n, "modelValue"), e = (t) => Array.isArray(t) ? t.map((a) => {
-      var f, C;
-      const s = ((f = a.url) == null ? void 0 : f.startsWith("http")) || ((C = a.url) == null ? void 0 : C.startsWith("blob")), d = (a == null ? void 0 : a.url) || a;
+  emits: /* @__PURE__ */ O(["delete", "success"], ["update:modelValue"]),
+  setup(a, { emit: t }) {
+    const o = a, r = ie(a, "modelValue"), e = (l) => Array.isArray(l) ? l.map((s) => {
+      var w, I;
+      const n = ((w = s.url) == null ? void 0 : w.startsWith("http")) || ((I = s.url) == null ? void 0 : I.startsWith("blob")), d = (s == null ? void 0 : s.url) || s;
       return {
-        ...a.url ? a : { url: d },
-        __url: s ? d : `${i.loadUrl}${d}`
+        ...s.url ? s : { url: d },
+        __url: n ? d : `${y.value}${d}`
       };
-    }) : t ? [{ url: t, __url: t != null && t.startsWith("http") || t != null && t.startsWith("blob") ? t : `${i.loadUrl}${t}` }] : [];
-    ne(
-      () => c.value,
-      (t) => {
-        !t || !t.length ? g.value = [] : g.value = _e.cloneDeep(e(t));
+    }) : l ? [{ url: l, __url: l != null && l.startsWith("http") || l != null && l.startsWith("blob") ? l : `${y.value}${l}` }] : [];
+    re(
+      () => r.value,
+      (l) => {
+        !l || !l.length ? _.value = [] : _.value = fe.cloneDeep(e(l));
       },
       { deep: !0 }
     );
-    const _ = l, b = I(() => i.size), y = B(null), g = B(e(c.value)), $ = B([]), M = B(!1), j = B(0), R = I(
-      () => i.tipText || `最多可上传${i.limit}张图片, 每张图片不能超过${i.size}MB`
-    ), P = (t, a) => {
-    }, G = (t) => {
-      if (!t.type.includes("image")) {
-        T.warning("只允许上传图片!");
+    const m = t, { cLoadUrl: y, cUploadUrl: b } = Pe(o), V = f(() => o.size), v = S(null), _ = S(e(r.value)), B = S([]), j = S(!1), A = S(0), J = f(
+      () => o.tipText || `最多可上传${o.limit}张图片, 每张图片不能超过${o.size}MB`
+    ), X = (l, s) => {
+    }, Y = (l) => {
+      if (!l.type.includes("image")) {
+        F.warning("只允许上传图片!");
         try {
-          g.value.pop();
+          _.value.pop();
         } catch {
         }
         return !1;
       }
-      if (!(t.size / 1024 / 1024 < b.value)) {
-        T.warning("图片大小超出限制!");
+      if (!(l.size / 1024 / 1024 < V.value)) {
+        F.warning("图片大小超出限制!");
         try {
-          g.value.pop();
+          _.value.pop();
         } catch {
         }
         return !1;
       }
       return !0;
-    }, J = () => !1, X = (t, a) => {
-      var s, d;
-      t.status = "ready", a !== void 0 && $.value.splice(a, 1), (s = y.value) == null || s.handleStart(t.raw), (d = y.value) == null || d.submit();
-    }, Y = (t, a) => {
-      var C, E;
-      const s = c.value.length, d = i.limit - s;
-      let f = 0;
-      for (; f < d && f < (t == null ? void 0 : t.length); )
-        (C = y.value) == null || C.handleStart(t == null ? void 0 : t[f]), (E = y.value) == null || E.submit(), f++;
-    }, Z = (t, a, s) => {
-      _("success", t, a, s), c.value = g.value.filter((d) => d.status === "success");
-    }, q = (t, a, s) => {
-      $.value.push({
-        ...a,
-        __url: a.url
+    }, Z = () => !1, q = (l, s) => {
+      var n, d;
+      l.status = "ready", s !== void 0 && B.value.splice(s, 1), (n = v.value) == null || n.handleStart(l.raw), (d = v.value) == null || d.submit();
+    }, K = (l, s) => {
+      var I, D;
+      const n = r.value.length, d = o.limit - n;
+      let w = 0;
+      for (; w < d && w < (l == null ? void 0 : l.length); )
+        (I = v.value) == null || I.handleStart(l == null ? void 0 : l[w]), (D = v.value) == null || D.submit(), w++;
+    }, Q = (l, s, n) => {
+      m("success", l, s, n), r.value = _.value.filter((d) => d.status === "success");
+    }, ee = (l, s, n) => {
+      B.value.push({
+        ...s,
+        __url: s.url
       });
-    }, K = (t) => {
-      var a;
-      M.value = !0, j.value = (a = c.value) == null ? void 0 : a.findIndex((s) => s.url === t.url);
-    }, Q = (t) => {
-      ge.downloadByOnlineUrl(t.__url || t.url, t.name);
-    }, ee = (t) => {
-      var a;
-      (a = y.value) == null || a.abort(t);
-    }, te = (t) => {
-      var a;
-      t.status !== "success" && ee(t), c.value = (a = g.value) == null ? void 0 : a.filter((s) => s.uid !== t.uid), _("delete", t);
-    }, le = (t, a) => {
-      $.value.splice(a, 1);
-    }, ae = I(() => g.value.length + $.value.length < i.limit);
-    return (t, a) => (r(), u(
-      D,
+    }, te = (l) => {
+      var s;
+      j.value = !0, A.value = (s = r.value) == null ? void 0 : s.findIndex((n) => n.url === l.url);
+    }, le = (l) => {
+      ye.downloadByOnlineUrl(l.__url || l.url, l.name);
+    }, ae = (l) => {
+      var s;
+      (s = v.value) == null || s.abort(l);
+    }, se = (l) => {
+      var s;
+      l.status !== "success" && ae(l), r.value = (s = _.value) == null ? void 0 : s.filter((n) => n.uid !== l.uid), m("delete", l);
+    }, ne = (l, s) => {
+      B.value.splice(s, 1);
+    }, oe = f(() => _.value.length + B.value.length < o.limit);
+    return (l, s) => (u(), c(
+      T,
       null,
       [
-        p(h(de), {
-          class: v(["ik-image-upload", { preview: n.preview, "hide-upload": !ae.value }]),
+        h(p(me), {
+          class: k(["ik-image-upload", { preview: a.preview, "hide-upload": !oe.value }]),
           ref_key: "refUpload",
-          ref: y,
+          ref: v,
           "list-type": "picture-card",
-          accept: n.accept,
-          action: n.action,
-          headers: n.headers,
-          data: n.data,
-          "file-list": g.value,
-          "onUpdate:fileList": a[0] || (a[0] = (s) => g.value = s),
-          multiple: n.multiple,
-          limit: n.limit,
-          "on-change": P,
-          "before-upload": G,
-          "before-remove": J,
-          "on-exceed": Y,
-          "on-success": Z,
-          "on-error": q,
+          accept: a.accept,
+          action: p(b),
+          headers: a.headers,
+          data: a.data,
+          "file-list": _.value,
+          "onUpdate:fileList": s[0] || (s[0] = (n) => _.value = n),
+          multiple: a.multiple,
+          limit: a.limit,
+          "on-change": X,
+          "before-upload": Y,
+          "before-remove": Z,
+          "on-exceed": K,
+          "on-success": Q,
+          "on-error": ee,
           drag: ""
-        }, oe({
-          trigger: m(() => [
-            t.$slots.trigger ? ie(t.$slots, "trigger", { key: 0 }, void 0, !0) : (r(), u("div", Ze, [
-              p(h(z), { size: 20 }, {
-                default: m(() => [
-                  p(h(Ye), { name: "iksvg_guanbibeifen" })
+        }, ue({
+          trigger: g(() => [
+            l.$slots.trigger ? ce(l.$slots, "trigger", { key: 0 }, void 0, !0) : (u(), c("div", tt, [
+              h(p(C), { size: 20 }, {
+                default: g(() => [
+                  h(p(et), { name: "iksvg_guanbibeifen" })
                 ]),
                 _: 1
                 /* STABLE */
               }),
-              o(
+              i(
                 "span",
                 null,
-                S(n.title),
+                U(a.title),
                 1
                 /* TEXT */
               )
             ]))
           ]),
-          file: m(({ file: s }) => [
-            o(
+          file: g(({ file: n }) => [
+            i(
               "div",
               {
-                class: v(["load-list", { loading: s.status === "uploading" }]),
+                class: k(["load-list", { loading: n.status === "uploading" }]),
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
-                H(o(
+                N(i(
                   "div",
-                  Ke,
+                  at,
                   [
-                    p(Oe),
-                    N(
-                      " 上传" + S(s.percentage) + "% ",
+                    h(We),
+                    P(
+                      " 上传" + U(n.percentage) + "% ",
                       1
                       /* TEXT */
                     )
@@ -612,46 +621,46 @@ const Xe = /* @__PURE__ */ U(Je, [["__scopeId", "data-v-7d95dbf5"]]), Ye = W(Xe)
                   512
                   /* NEED_PATCH */
                 ), [
-                  [O, s.status === "uploading"]
+                  [W, n.status === "uploading"]
                 ]),
-                L(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
-                p(h(pe), {
+                M(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
+                h(p(_e), {
                   style: { width: "100%", height: "100%" },
-                  src: s.__url || s.url,
+                  src: n.__url || n.url,
                   "zoom-rate": 1.2,
                   "initial-index": 0,
                   fit: "contain"
                 }, null, 8, ["src"]),
-                o("span", Qe, [
-                  o("span", null, [
-                    p(h(z), {
-                      onClick: (d) => K(s)
+                i("span", st, [
+                  i("span", null, [
+                    h(p(C), {
+                      onClick: (d) => te(n)
                     }, {
-                      default: m(() => [
-                        p(h(Be))
+                      default: g(() => [
+                        h(p(Se))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  o("span", null, [
-                    p(h(z), {
-                      onClick: (d) => Q(s)
+                  i("span", null, [
+                    h(p(C), {
+                      onClick: (d) => le(n)
                     }, {
-                      default: m(() => [
-                        p(h(be))
+                      default: g(() => [
+                        h(p(Ce))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  n.preview ? L("v-if", !0) : (r(), u("span", et, [
-                    p(h(z), {
+                  a.preview ? M("v-if", !0) : (u(), c("span", nt, [
+                    h(p(C), {
                       type: "warning",
-                      onClick: (d) => te(s)
+                      onClick: (d) => se(n)
                     }, {
-                      default: m(() => [
-                        p(h(we))
+                      default: g(() => [
+                        h(p(ze))
                       ]),
                       _: 2
                       /* DYNAMIC */
@@ -663,57 +672,57 @@ const Xe = /* @__PURE__ */ U(Je, [["__scopeId", "data-v-7d95dbf5"]]), Ye = W(Xe)
               /* CLASS */
             )
           ]),
-          default: m(() => [
-            o("ul", tt, [
-              (r(!0), u(
-                D,
+          default: g(() => [
+            i("ul", ot, [
+              (u(!0), c(
+                T,
                 null,
-                re($.value, (s, d) => (r(), u("li", {
+                de(B.value, (n, d) => (u(), c("li", {
                   class: "el-upload-list__item",
-                  key: s.uid
+                  key: n.uid
                 }, [
-                  o("span", null, [
-                    p(h(z), {
-                      onClick: (f) => le(s, d)
+                  i("span", null, [
+                    h(p(C), {
+                      onClick: (w) => ne(n, d)
                     }, {
-                      default: m(() => [
-                        p(h(ve))
+                      default: g(() => [
+                        h(p(ke))
                       ]),
                       _: 2
                       /* DYNAMIC */
                     }, 1032, ["onClick"])
                   ]),
-                  o(
+                  i(
                     "div",
                     {
-                      class: v(["load-list", {
-                        loading: s.status === "uploading",
-                        fail: s.status === "fail"
+                      class: k(["load-list", {
+                        loading: n.status === "uploading",
+                        fail: n.status === "fail"
                       }]),
                       "element-loading-background": "var(--ik-upload-bg)"
                     },
                     [
-                      H(o("div", {
+                      N(i("div", {
                         class: "loading-statu",
-                        onClick: (f) => X(s, d)
+                        onClick: (w) => q(n, d)
                       }, [
-                        p(h(z), { size: 24 }, {
-                          default: m(() => [
-                            p(h($e))
+                        h(p(C), { size: 24 }, {
+                          default: g(() => [
+                            h(p(Ie))
                           ]),
                           _: 1
                           /* STABLE */
                         }),
-                        at,
-                        st
-                      ], 8, lt), [
-                        [O, s.status === "fail"]
+                        rt,
+                        ut
+                      ], 8, it), [
+                        [W, n.status === "fail"]
                       ]),
-                      o("img", {
-                        src: s.__url,
+                      i("img", {
+                        src: n.__url,
                         alt: "",
-                        style: w({ "object-fit": n.fit })
-                      }, null, 12, nt)
+                        style: z({ "object-fit": a.fit })
+                      }, null, 12, ct)
                     ],
                     2
                     /* CLASS */
@@ -727,13 +736,13 @@ const Xe = /* @__PURE__ */ U(Je, [["__scopeId", "data-v-7d95dbf5"]]), Ye = W(Xe)
           _: 2
           /* DYNAMIC */
         }, [
-          n.tip ? {
+          a.tip ? {
             name: "tip",
-            fn: m(() => [
-              o(
+            fn: g(() => [
+              i(
                 "span",
-                qe,
-                S(R.value),
+                lt,
+                U(J.value),
                 1
                 /* TEXT */
               )
@@ -741,18 +750,18 @@ const Xe = /* @__PURE__ */ U(Je, [["__scopeId", "data-v-7d95dbf5"]]), Ye = W(Xe)
             key: "0"
           } : void 0
         ]), 1032, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit"]),
-        L(" 文件预览 "),
-        o("div", ot, [
-          M.value ? (r(), V(h(he), {
+        M(" 文件预览 "),
+        i("div", dt, [
+          j.value ? (u(), E(p(ge), {
             key: 0,
             "lock-scroll": "",
             "hide-on-click-modal": "",
-            onClose: a[1] || (a[1] = () => {
-              M.value = !1;
+            onClose: s[1] || (s[1] = () => {
+              j.value = !1;
             }),
-            "url-list": e(g.value).map((s) => s.__url),
-            "initial-index": j.value
-          }, null, 8, ["url-list", "initial-index"])) : L("v-if", !0)
+            "url-list": e(_.value).map((n) => n.__url),
+            "initial-index": A.value
+          }, null, 8, ["url-list", "initial-index"])) : M("v-if", !0)
         ])
       ],
       64
@@ -760,8 +769,8 @@ const Xe = /* @__PURE__ */ U(Je, [["__scopeId", "data-v-7d95dbf5"]]), Ye = W(Xe)
     ));
   }
 });
-const rt = /* @__PURE__ */ U(it, [["__scopeId", "data-v-36907cf1"]]), pt = W(rt);
+const ht = /* @__PURE__ */ x(pt, [["__scopeId", "data-v-e294305e"]]), vt = R(ht);
 export {
-  pt as IkUploadImage,
-  pt as default
+  vt as IkUploadImage,
+  vt as default
 };