iking-web-ui-pro 0.2.19 → 0.2.21

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

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