ik-next-ui 0.0.7 → 0.0.8

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

@@ -1,34 +1,34 @@
-import { openBlock as h, createElementBlock as C, createElementVNode as r, inject as X, computed as g, defineComponent as pe, resolveComponent as Oe, normalizeStyle as j, normalizeClass as z, unref as o, createBlock as _, withCtx as b, createCommentVNode as T, Fragment as Y, markRaw as be, ref as O, effectScope as Te, shallowRef as Be, watch as fe, nextTick as Ee, onMounted as Ae, Teleport as Re, createVNode as m, Transition as Ue, withModifiers as je, resolveDynamicComponent as _e, renderList as Le, withDirectives as me, vShow as ve, renderSlot as Se, useCssVars as De, useModel as Fe, mergeProps as Ve, createSlots as Pe, createTextVNode as We, toDisplayString as ue, mergeModels as we } from "vue";
-import { useLocale as Xe, useNamespace as Ye, useZIndex as He, ElIcon as N, EVENT_CODE as F, useFormItem as Ze, ElUpload as Ge, ElImage as Je, ElMessage as xe } from "element-plus";
+import { openBlock as p, createElementBlock as z, createElementVNode as s, inject as W, computed as h, defineComponent as pe, resolveComponent as Oe, normalizeStyle as U, normalizeClass as C, unref as a, createBlock as j, withCtx as b, createCommentVNode as T, Fragment as X, markRaw as be, ref as O, effectScope as Te, shallowRef as Be, watch as fe, nextTick as Ae, onMounted as Ee, Teleport as Re, createVNode as m, Transition as Ue, withModifiers as je, resolveDynamicComponent as _e, renderList as Le, withDirectives as me, vShow as ve, renderSlot as Se, useCssVars as De, useModel as Fe, mergeProps as Ve, createSlots as Pe, createTextVNode as We, toDisplayString as ue, mergeModels as we } from "vue";
+import { useLocale as Xe, useNamespace as Ye, useZIndex as He, ElIcon as N, EVENT_CODE as D, useFormItem as Ze, ElUpload as Ge, ElImage as Je, ElMessage as xe } from "element-plus";
 import { ScaleToOriginal as Ke, FullScreen as qe, Close as Qe, ArrowLeft as et, ArrowRight as tt, ZoomOut as lt, ZoomIn as Me, RefreshLeft as nt, RefreshRight as ot, Download as at, Delete as it } from "@element-plus/icons-vue";
-import { paramType as Ce, _ as K, ikFile as st } from "iking-utils-pro";
-import { Icon as ze } from "@iconify/vue";
+import { paramType as ze, _ as q, ikFile as st } from "iking-utils-pro";
+import { Icon as Ce } from "@iconify/vue";
 import { UseImage as Ie } from "@vueuse/components";
-import { useEventListener as J } from "@vueuse/core";
-const he = (l, w) => (l.install = (e) => {
-  for (const d of [l, ...Object.values({})])
-    e.component(d.name, d);
-}, l);
-function Ne(...l) {
+import { useEventListener as K } from "@vueuse/core";
+const he = (n, w) => (n.install = (t) => {
+  for (const r of [n, ...Object.values({})])
+    t.component(r.name, r);
+}, n);
+function Ne(...n) {
   const w = [];
-  for (const e of l)
-    if (e) {
-      if (typeof e == "string")
-        w.push(e);
-      else if (Array.isArray(e)) {
-        const d = Ne(...e);
-        d && w.push(d);
-      } else if (typeof e == "object")
-        for (const [d, k] of Object.entries(e))
-          k && w.push(d);
+  for (const t of n)
+    if (t) {
+      if (typeof t == "string")
+        w.push(t);
+      else if (Array.isArray(t)) {
+        const r = Ne(...t);
+        r && w.push(r);
+      } else if (typeof t == "object")
+        for (const [r, g] of Object.entries(t))
+          g && w.push(r);
     }
   return w.join(" ");
 }
-const ge = (l, w) => {
-  const e = l.__vccOpts || l;
-  for (const [d, k] of w)
-    e[d] = k;
-  return e;
+const ge = (n, w) => {
+  const t = n.__vccOpts || n;
+  for (const [r, g] of w)
+    t[r] = g;
+  return t;
 }, rt = {}, ct = {
   t: "1686214149488",
   class: "icon",
@@ -39,9 +39,9 @@ const ge = (l, w) => {
   width: "200",
   height: "200"
 };
-function ut(l, w) {
-  return h(), C("svg", ct, [...w[0] || (w[0] = [
-    r(
+function ut(n, w) {
+  return p(), z("svg", ct, [...w[0] || (w[0] = [
+    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",
@@ -51,7 +51,7 @@ function ut(l, w) {
       -1
       /* CACHED */
     ),
-    r(
+    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",
@@ -61,7 +61,7 @@ function ut(l, w) {
       -1
       /* CACHED */
     ),
-    r(
+    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",
@@ -71,7 +71,7 @@ function ut(l, w) {
       -1
       /* CACHED */
     ),
-    r(
+    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",
@@ -81,7 +81,7 @@ function ut(l, w) {
       -1
       /* CACHED */
     ),
-    r(
+    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",
@@ -91,7 +91,7 @@ function ut(l, w) {
       -1
       /* CACHED */
     ),
-    r(
+    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",
@@ -101,7 +101,7 @@ function ut(l, w) {
       -1
       /* CACHED */
     ),
-    r(
+    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",
@@ -111,7 +111,7 @@ function ut(l, w) {
       -1
       /* CACHED */
     ),
-    r(
+    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",
@@ -178,15 +178,18 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
   "mp4",
   "flv",
   "tls"
-], ft = (l) => {
-  const w = X("loadUrl"), e = g(() => l.loadUrl || l.fileUrl || (w == null ? void 0 : w.value)), d = X("uploadUrl"), k = g(() => l.action || l.uploadUrl || (d == null ? void 0 : d.value)), f = X("token"), $ = g(() => l.token || (f == null ? void 0 : f.value)), L = X("onlyofficeConfig"), p = g(() => l.onlyofficeConfig || (L == null ? void 0 : L.value)), A = X("userInfo"), R = g(() => l.userInfo || (A == null ? void 0 : A.value)), S = [...$e, ...$e.map((c) => c.toLocaleUpperCase())];
+], ft = (n) => {
+  const w = W("loadUrl"), t = h(() => n.loadUrl || n.fileUrl || (w == null ? void 0 : w.value)), r = W("uploadUrl"), g = h(() => n.action || n.uploadUrl || (r == null ? void 0 : r.value)), c = W("token"), $ = h(() => n.token || (c == null ? void 0 : c.value)), S = W("onlyofficeConfig"), v = h(() => n.onlyofficeConfig || (S == null ? void 0 : S.value)), A = W("userInfo"), E = h(() => n.userInfo || (A == null ? void 0 : A.value)), M = [...$e, ...$e.map((f) => f.toLocaleUpperCase())];
   return {
-    cLoadUrl: e,
-    cUploadUrl: k,
+    cLoadUrl: t,
+    cUploadUrl: g,
     cToken: $,
-    cOnlyofficeConfig: p,
-    cUserInfo: R,
-    cOnlyofficePreviewType: S
+    cOnlyofficeConfig: v,
+    cUserInfo: E,
+    cOnlyofficePreviewType: M,
+    cHeaders: {
+      Authorization: $.value
+    }
   };
 }, mt = {
   key: 2,
@@ -214,124 +217,124 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
     hover: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(l, { emit: w }) {
-    const e = l, d = w, k = g(() => e.danger ? "danger" : e.error ? "error" : e.type), f = g(() => {
-      if (!e.name)
+  setup(n, { emit: w }) {
+    const t = n, r = w, g = h(() => t.danger ? "danger" : t.error ? "error" : t.type), c = h(() => {
+      if (!t.name)
         return;
-      const c = (u) => /^\.{1,2}\//.test(u) || u.startsWith("/") || u.includes("/");
-      return /^https?:\/\//.test(e.name) || c(e.name) ? "img" : e.name.startsWith("iksvg_") ? "two-color-svg" : /i-[^:]+:[^:]+/.test(e.name) || e.name.startsWith("ik") ? "unocss" : e.name.includes(":") ? "iconify" : "svg";
+      const f = (d) => /^\.{1,2}\//.test(d) || d.startsWith("/") || d.includes("/");
+      return /^https?:\/\//.test(t.name) || f(t.name) ? "img" : t.name.startsWith("iksvg_") ? "two-color-svg" : /i-[^:]+:[^:]+/.test(t.name) || t.name.startsWith("ik") ? "unocss" : t.name.includes(":") ? "iconify" : "svg";
     }), $ = {
       big: 24,
       default: 22,
       small: 20
     };
-    function L() {
-      return e.size ? $[e.size] || e.size : 18;
+    function S() {
+      return t.size ? $[t.size] || t.size : 18;
     }
-    const p = g(() => {
-      const c = L(), u = typeof c == "number" ? `${c}px` : c;
+    const v = h(() => {
+      const f = S(), d = typeof f == "number" ? `${f}px` : f;
       return {
-        width: u,
-        height: u,
-        fontSize: u
+        width: d,
+        height: d,
+        fontSize: d
       };
-    }), A = g(() => {
-      const u = `${Number.parseInt(L()) + 8}px`;
+    }), A = h(() => {
+      const d = `${Number.parseInt(S()) + 8}px`;
       return {
-        width: u,
-        height: u
+        width: d,
+        height: d
       };
     });
-    function R(c) {
-      e.onClick ? e.onClick(c) : d("click", c);
+    function E(f) {
+      t.onClick ? t.onClick(f) : r("click", f);
     }
-    const S = g(() => {
-      if (f.value !== "two-color-svg")
+    const M = h(() => {
+      if (c.value !== "two-color-svg")
         return {};
-      const c = {};
-      if (e.disabled)
-        return c["--ik-icon-deep-color"] = "var(--ik-icon-deep-disabled)", c["--ik-icon-shallow-color"] = "var(--ik-icon-shallow-disabled)", c;
-      if (e.deepColor && (c["--ik-icon-deep-color"] = e.deepColor), e.shallowColor && (c["--ik-icon-shallow-color"] = e.shallowColor), e.colorMode !== "auto")
-        switch (e.colorMode) {
+      const f = {};
+      if (t.disabled)
+        return f["--ik-icon-deep-color"] = "var(--ik-icon-deep-disabled)", f["--ik-icon-shallow-color"] = "var(--ik-icon-shallow-disabled)", f;
+      if (t.deepColor && (f["--ik-icon-deep-color"] = t.deepColor), t.shallowColor && (f["--ik-icon-shallow-color"] = t.shallowColor), t.colorMode !== "auto")
+        switch (t.colorMode) {
           case "primary":
-            e.deepColor || (c["--ik-icon-deep-color"] = "var(--ik-color-primary)"), e.shallowColor || (c["--ik-icon-shallow-color"] = "var(--ik-primary-light-1, color-mix(in srgb, var(--ik-color-primary) 30%, white))");
+            t.deepColor || (f["--ik-icon-deep-color"] = "var(--ik-color-primary)"), t.shallowColor || (f["--ik-icon-shallow-color"] = "var(--ik-primary-light-1, color-mix(in srgb, var(--ik-color-primary) 30%, white))");
             break;
           case "deep":
-            e.shallowColor || (c["--ik-icon-shallow-color"] = c["--ik-icon-deep-color"] || e.deepColor || "var(--ik-icon-deep-color)");
+            t.shallowColor || (f["--ik-icon-shallow-color"] = f["--ik-icon-deep-color"] || t.deepColor || "var(--ik-icon-deep-color)");
             break;
           case "shallow":
-            e.deepColor || (c["--ik-icon-deep-color"] = c["--ik-icon-shallow-color"] || e.shallowColor || "var(--ik-icon-shallow-color)");
+            t.deepColor || (f["--ik-icon-deep-color"] = f["--ik-icon-shallow-color"] || t.shallowColor || "var(--ik-icon-shallow-color)");
             break;
         }
-      return e.active && k.value !== "default" && !e.deepColor && !e.shallowColor && e.colorMode === "auto" && (c["--ik-icon-deep-color"] = `var(--ik-icon-${k.value}-deep-active)`, c["--ik-icon-shallow-color"] = `var(--ik-icon-${k.value}-shallow-active)`), c;
+      return t.active && g.value !== "default" && !t.deepColor && !t.shallowColor && t.colorMode === "auto" && (f["--ik-icon-deep-color"] = `var(--ik-icon-${g.value}-deep-active)`, f["--ik-icon-shallow-color"] = `var(--ik-icon-${g.value}-shallow-active)`), f;
     });
-    return (c, u) => {
-      var M;
-      const x = Oe("IkTooltip");
-      return h(), C(
+    return (f, d) => {
+      var I;
+      const y = Oe("IkTooltip");
+      return p(), z(
         "i",
         {
-          class: z(o(Ne)(
+          class: C(a(Ne)(
             "ik-icon relative size-[1em] flex-inline items-center justify-center fill-current leading-[1em]",
-            e.class,
-            l.showBg ? "bg" : "",
-            l.disabled ? "is-disabled" : "",
-            l.active ? "is-active" : "",
-            k.value !== "default" ? `is-${k.value}` : "",
-            l.unMargin ? "un-margin" : "margin",
-            l.hover ? "is-hover" : ""
+            t.class,
+            n.showBg ? "bg" : "",
+            n.disabled ? "is-disabled" : "",
+            n.active ? "is-active" : "",
+            g.value !== "default" ? `is-${g.value}` : "",
+            n.unMargin ? "un-margin" : "margin",
+            n.hover ? "is-hover" : ""
           )),
-          style: j(l.showBg ? A.value : p.value),
-          onClick: R
+          style: U(n.showBg ? A.value : v.value),
+          onClick: E
         },
         [
-          l.title ? (h(), _(x, {
+          n.title ? (p(), j(y, {
             key: 0,
-            text: l.title
+            text: n.title
           }, {
             default: b(() => {
-              var y;
+              var k;
               return [
-                f.value === "unocss" ? (h(), C(
+                c.value === "unocss" ? (p(), z(
                   "i",
                   {
                     key: 0,
-                    class: z(["iconfont shrink-0 size-inherit", `${l.name} ${(y = l.name) == null ? void 0 : y.split("_")[0]}`]),
-                    style: j({ ...S.value, ...l.showBg ? p.value : {} })
+                    class: C(["iconfont shrink-0 size-inherit", `${n.name} ${(k = n.name) == null ? void 0 : k.split("_")[0]}`]),
+                    style: U({ ...M.value, ...n.showBg ? v.value : {} })
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : f.value === "iconify" ? (h(), _(o(ze), {
+                )) : c.value === "iconify" ? (p(), j(a(Ce), {
                   key: 1,
-                  icon: l.name,
+                  icon: n.name,
                   class: "shrink-0 size-inherit"
-                }, null, 8, ["icon"])) : f.value === "svg" ? (h(), C("svg", mt, [
-                  r("use", {
-                    "xlink:href": `#icon-${l.name}`
+                }, null, 8, ["icon"])) : c.value === "svg" ? (p(), z("svg", mt, [
+                  s("use", {
+                    "xlink:href": `#icon-${n.name}`
                   }, null, 8, vt)
-                ])) : f.value === "two-color-svg" ? (h(), C(
+                ])) : c.value === "two-color-svg" ? (p(), z(
                   "svg",
                   {
                     key: 3,
                     class: "two-color-icon shrink-0 size-inherit",
-                    style: j(S.value),
+                    style: U(M.value),
                     "aria-hidden": "true"
                   },
                   [
-                    r("use", {
-                      "xlink:href": `#${l.name}`
+                    s("use", {
+                      "xlink:href": `#${n.name}`
                     }, null, 8, pt)
                   ],
                   4
                   /* STYLE */
-                )) : f.value === "img" ? (h(), _(o(Ie), {
+                )) : c.value === "img" ? (p(), j(a(Ie), {
                   key: 4,
-                  src: l.name,
+                  src: n.name,
                   class: "shrink-0"
                 }, {
-                  loading: b(() => [...u[0] || (u[0] = [
-                    r(
+                  loading: b(() => [...d[0] || (d[0] = [
+                    s(
                       "i",
                       { class: "i-line-md:loading-loop size-inherit" },
                       null,
@@ -339,8 +342,8 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                       /* CACHED */
                     )
                   ])]),
-                  error: b(() => [...u[1] || (u[1] = [
-                    r(
+                  error: b(() => [...d[1] || (d[1] = [
+                    s(
                       "i",
                       { class: "i-ph:image-broken-duotone size-inherit" },
                       null,
@@ -355,55 +358,55 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
             }),
             _: 1
             /* STABLE */
-          }, 8, ["text"])) : (h(), C(
-            Y,
+          }, 8, ["text"])) : (p(), z(
+            X,
             { key: 1 },
             [
-              f.value === "unocss" ? (h(), C(
+              c.value === "unocss" ? (p(), z(
                 "i",
                 {
                   key: 0,
-                  class: z(["iconfont shrink-0 size-inherit", `${l.name} ${(M = l.name) == null ? void 0 : M.split("_")[0]}`]),
-                  style: j({ ...S.value, ...l.showBg ? p.value : {} })
+                  class: C(["iconfont shrink-0 size-inherit", `${n.name} ${(I = n.name) == null ? void 0 : I.split("_")[0]}`]),
+                  style: U({ ...M.value, ...n.showBg ? v.value : {} })
                 },
                 null,
                 6
                 /* CLASS, STYLE */
-              )) : f.value === "iconify" ? (h(), _(o(ze), {
+              )) : c.value === "iconify" ? (p(), j(a(Ce), {
                 key: 1,
-                icon: l.name,
+                icon: n.name,
                 class: "shrink-0 size-inherit"
-              }, null, 8, ["icon"])) : f.value === "svg" ? (h(), C("svg", {
+              }, null, 8, ["icon"])) : c.value === "svg" ? (p(), z("svg", {
                 key: 2,
                 class: "shrink-0 size-inherit",
-                size: l.size,
+                size: n.size,
                 "aria-hidden": "true"
               }, [
-                r("use", {
-                  "xlink:href": `#icon-${l.name}`
+                s("use", {
+                  "xlink:href": `#icon-${n.name}`
                 }, null, 8, gt)
-              ], 8, ht)) : f.value === "two-color-svg" ? (h(), C(
+              ], 8, ht)) : c.value === "two-color-svg" ? (p(), z(
                 "svg",
                 {
                   key: 3,
                   class: "two-color-icon shrink-0 size-inherit",
-                  style: j(S.value),
+                  style: U(M.value),
                   "aria-hidden": "true"
                 },
                 [
-                  r("use", {
-                    "xlink:href": `#${l.name}`
+                  s("use", {
+                    "xlink:href": `#${n.name}`
                   }, null, 8, kt)
                 ],
                 4
                 /* STYLE */
-              )) : f.value === "img" ? (h(), _(o(Ie), {
+              )) : c.value === "img" ? (p(), j(a(Ie), {
                 key: 4,
-                src: l.name,
+                src: n.name,
                 class: "shrink-0"
               }, {
-                loading: b(() => [...u[2] || (u[2] = [
-                  r(
+                loading: b(() => [...d[2] || (d[2] = [
+                  s(
                     "i",
                     { class: "i-line-md:loading-loop size-inherit" },
                     null,
@@ -411,8 +414,8 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                     /* CACHED */
                   )
                 ])]),
-                error: b(() => [...u[3] || (u[3] = [
-                  r(
+                error: b(() => [...d[3] || (d[3] = [
+                  s(
                     "i",
                     { class: "i-ph:image-broken-duotone size-inherit" },
                     null,
@@ -505,15 +508,15 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
   }
 }, xt = {
   close: () => !0,
-  switch: (l) => Ce.isNumber(l),
-  rotate: (l) => Ce.isNumber(l)
-}, Ct = ["src", "crossorigin"], zt = /* @__PURE__ */ pe({
+  switch: (n) => ze.isNumber(n),
+  rotate: (n) => ze.isNumber(n)
+}, zt = ["src", "crossorigin"], Ct = /* @__PURE__ */ pe({
   name: "ElImageViewer",
   __name: "IkImageViewer",
   props: wt,
   emits: xt,
-  setup(l, { expose: w, emit: e }) {
-    const d = (n) => Object.keys(n), k = {
+  setup(n, { expose: w, emit: t }) {
+    const r = (e) => Object.keys(e), g = {
       CONTAIN: {
         name: "contain",
         icon: be(qe)
@@ -522,101 +525,101 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
         name: "original",
         icon: be(Ke)
       }
-    }, f = l, $ = e, { t: L } = Xe(), p = Ye("image-viewer"), { nextZIndex: A } = He(), R = O(), S = O([]), c = Te(), u = O(!0), x = O(f.initialIndex), M = Be(k.CONTAIN), y = O({
+    }, c = n, $ = t, { t: S } = Xe(), v = Ye("image-viewer"), { nextZIndex: A } = He(), E = O(), M = O([]), f = Te(), d = O(!0), y = O(c.initialIndex), I = Be(g.CONTAIN), k = O({
       scale: 1,
       deg: 0,
       offsetX: 0,
       offsetY: 0,
       enableTransition: !1
-    }), q = O(f.zIndex ?? A()), Q = g(() => {
-      const { urlList: n } = f;
-      return n.length <= 1;
-    }), H = g(() => x.value === 0), Z = g(() => x.value === f.urlList.length - 1), ee = g(() => f.urlList[x.value]), te = g(() => [
-      p.e("btn"),
-      p.e("prev"),
-      p.is("disabled", !f.infinite && H.value)
-    ]), le = g(() => [
-      p.e("btn"),
-      p.e("next"),
-      p.is("disabled", !f.infinite && Z.value)
-    ]), ne = g(() => {
-      const { scale: n, deg: s, offsetX: v, offsetY: I, enableTransition: B } = y.value;
-      let E = v / n, U = I / n;
-      const W = s * Math.PI / 180, ke = Math.cos(W), ye = Math.sin(W);
-      E = E * ke + U * ye, U = U * ke - v / n * ye;
+    }), Y = O(c.zIndex ?? A()), Q = h(() => {
+      const { urlList: e } = c;
+      return e.length <= 1;
+    }), H = h(() => y.value === 0), Z = h(() => y.value === c.urlList.length - 1), ee = h(() => c.urlList[y.value]), te = h(() => [
+      v.e("btn"),
+      v.e("prev"),
+      v.is("disabled", !c.infinite && H.value)
+    ]), le = h(() => [
+      v.e("btn"),
+      v.e("next"),
+      v.is("disabled", !c.infinite && Z.value)
+    ]), ne = h(() => {
+      const { scale: e, deg: i, offsetX: u, offsetY: x, enableTransition: L } = k.value;
+      let B = u / e, R = x / e;
+      const P = i * Math.PI / 180, ke = Math.cos(P), ye = Math.sin(P);
+      B = B * ke + R * ye, R = R * ke - u / e * ye;
       const ce = {
-        transform: `scale(${n}) rotate(${s}deg) translate(${E}px, ${U}px)`,
-        transition: B ? "transform .3s" : ""
+        transform: `scale(${e}) rotate(${i}deg) translate(${B}px, ${R}px)`,
+        transition: L ? "transform .3s" : ""
       };
-      return M.value.name === k.CONTAIN.name && (ce.maxWidth = ce.maxHeight = "100%"), ce;
+      return I.value.name === g.CONTAIN.name && (ce.maxWidth = ce.maxHeight = "100%"), ce;
     });
-    function V() {
+    function F() {
       ae(), $("close");
     }
     function oe() {
-      const n = K.throttle((v) => {
-        switch (v.code) {
+      const e = q.throttle((u) => {
+        switch (u.code) {
           // ESC
-          case F.esc:
-            f.closeOnPressEscape && V();
+          case D.esc:
+            c.closeOnPressEscape && F();
             break;
           // SPACE
-          case F.space:
-            G();
+          case D.space:
+            _();
             break;
           // LEFT_ARROW
-          case F.left:
-            t();
+          case D.left:
+            J();
             break;
           // UP_ARROW
-          case F.up:
-            a("zoomIn");
+          case D.up:
+            o("zoomIn");
             break;
           // RIGHT_ARROW
-          case F.right:
-            i();
+          case D.right:
+            l();
             break;
           // DOWN_ARROW
-          case F.down:
-            a("zoomOut");
+          case D.down:
+            o("zoomOut");
             break;
         }
-      }), s = K.throttle((v) => {
-        const I = v.deltaY || v.deltaX;
-        a(I < 0 ? "zoomIn" : "zoomOut", {
-          zoomRate: f.zoomRate,
+      }), i = q.throttle((u) => {
+        const x = u.deltaY || u.deltaX;
+        o(x < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: c.zoomRate,
           enableTransition: !1
         });
       });
-      c.run(() => {
-        J(document, "keydown", n), J(document, "wheel", s);
+      f.run(() => {
+        K(document, "keydown", e), K(document, "wheel", i);
       });
     }
     function ae() {
-      c.stop();
+      f.stop();
     }
     function ie() {
-      u.value = !1;
+      d.value = !1;
     }
-    function se(n) {
-      u.value = !1, n.target.alt = L("el.image.error");
+    function se(e) {
+      d.value = !1, e.target.alt = S("el.image.error");
     }
-    function re(n) {
-      if (u.value || n.button !== 0 || !R.value) return;
-      y.value.enableTransition = !1;
-      const { offsetX: s, offsetY: v } = y.value, I = n.pageX, B = n.pageY, E = K.throttle((W) => {
-        y.value = {
-          ...y.value,
-          offsetX: s + W.pageX - I,
-          offsetY: v + W.pageY - B
+    function re(e) {
+      if (d.value || e.button !== 0 || !E.value) return;
+      k.value.enableTransition = !1;
+      const { offsetX: i, offsetY: u } = k.value, x = e.pageX, L = e.pageY, B = q.throttle((P) => {
+        k.value = {
+          ...k.value,
+          offsetX: i + P.pageX - x,
+          offsetY: u + P.pageY - L
         };
-      }), U = J(document, "mousemove", E);
-      J(document, "mouseup", () => {
-        U();
-      }), n.preventDefault();
+      }), R = K(document, "mousemove", B);
+      K(document, "mouseup", () => {
+        R();
+      }), e.preventDefault();
     }
-    function D() {
-      y.value = {
+    function G() {
+      k.value = {
         scale: 1,
         deg: 0,
         offsetX: 0,
@@ -624,101 +627,101 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
         enableTransition: !1
       };
     }
-    function G() {
-      if (u.value) return;
-      const n = d(k), s = Object.values(k), v = M.value.name, B = ((s == null ? void 0 : s.findIndex((E) => E.name === v)) + 1) % n.length;
-      M.value = k[n[B]], D();
+    function _() {
+      if (d.value) return;
+      const e = r(g), i = Object.values(g), u = I.value.name, L = ((i == null ? void 0 : i.findIndex((B) => B.name === u)) + 1) % e.length;
+      I.value = g[e[L]], G();
     }
-    function P(n) {
-      const s = f.urlList.length;
-      x.value = (n + s) % s;
+    function V(e) {
+      const i = c.urlList.length;
+      y.value = (e + i) % i;
     }
-    function t() {
-      H.value && !f.infinite || P(x.value - 1);
+    function J() {
+      H.value && !c.infinite || V(y.value - 1);
     }
-    function i() {
-      Z.value && !f.infinite || P(x.value + 1);
+    function l() {
+      Z.value && !c.infinite || V(y.value + 1);
     }
-    function a(n, s = {}) {
-      if (u.value) return;
-      const { minScale: v, maxScale: I } = f, { zoomRate: B, rotateDeg: E, enableTransition: U } = {
-        zoomRate: f.zoomRate,
+    function o(e, i = {}) {
+      if (d.value) return;
+      const { minScale: u, maxScale: x } = c, { zoomRate: L, rotateDeg: B, enableTransition: R } = {
+        zoomRate: c.zoomRate,
         rotateDeg: 90,
         enableTransition: !0,
-        ...s
+        ...i
       };
-      switch (n) {
+      switch (e) {
         case "zoomOut":
-          y.value.scale > v && (y.value.scale = Number.parseFloat(
-            (y.value.scale / B).toFixed(3)
+          k.value.scale > u && (k.value.scale = Number.parseFloat(
+            (k.value.scale / L).toFixed(3)
           ));
           break;
         case "zoomIn":
-          y.value.scale < I && (y.value.scale = Number.parseFloat(
-            (y.value.scale * B).toFixed(3)
+          k.value.scale < x && (k.value.scale = Number.parseFloat(
+            (k.value.scale * L).toFixed(3)
           ));
           break;
         case "clockwise":
-          y.value.deg += E, $("rotate", y.value.deg);
+          k.value.deg += B, $("rotate", k.value.deg);
           break;
         case "anticlockwise":
-          y.value.deg -= E, $("rotate", y.value.deg);
+          k.value.deg -= B, $("rotate", k.value.deg);
           break;
       }
-      y.value.enableTransition = U;
+      k.value.enableTransition = R;
     }
     return fe(ee, () => {
-      Ee(() => {
-        const n = S.value[0];
-        n != null && n.complete || (u.value = !0);
+      Ae(() => {
+        const e = M.value[0];
+        e != null && e.complete || (d.value = !0);
       });
-    }), fe(x, (n) => {
-      D(), $("switch", n);
-    }), Ae(() => {
-      var n, s;
-      oe(), (s = (n = R.value) == null ? void 0 : n.focus) == null || s.call(n);
+    }), fe(y, (e) => {
+      G(), $("switch", e);
+    }), Ee(() => {
+      var e, i;
+      oe(), (i = (e = E.value) == null ? void 0 : e.focus) == null || i.call(e);
     }), w({
       /**
        * @description manually switch image
        */
-      setActiveItem: P
-    }), (n, s) => (h(), _(Re, { to: "body" }, [
+      setActiveItem: V
+    }), (e, i) => (p(), j(Re, { to: "body" }, [
       m(Ue, {
         name: "viewer-fade",
         appear: ""
       }, {
         default: b(() => [
-          r(
+          s(
             "div",
             {
               ref_key: "wrapper",
-              ref: R,
+              ref: E,
               tabindex: -1,
-              class: z(o(p).e("wrapper")),
-              style: j({ zIndex: q.value })
+              class: C(a(v).e("wrapper")),
+              style: U({ zIndex: Y.value })
             },
             [
-              r(
+              s(
                 "div",
                 {
-                  class: z(o(p).e("mask")),
-                  onClick: s[0] || (s[0] = je((v) => n.hideOnClickModal && V(), ["self"]))
+                  class: C(a(v).e("mask")),
+                  onClick: i[0] || (i[0] = je((u) => e.hideOnClickModal && F(), ["self"]))
                 },
                 null,
                 2
                 /* CLASS */
               ),
               T(" CLOSE "),
-              r(
+              s(
                 "span",
                 {
-                  class: z([o(p).e("btn"), o(p).e("close")]),
-                  onClick: V
+                  class: C([a(v).e("btn"), a(v).e("close")]),
+                  onClick: F
                 },
                 [
-                  m(o(N), null, {
+                  m(a(N), null, {
                     default: b(() => [
-                      m(o(Qe))
+                      m(a(Qe))
                     ]),
                     _: 1
                     /* STABLE */
@@ -728,20 +731,20 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                 /* CLASS */
               ),
               T(" ARROW "),
-              Q.value ? T("v-if", !0) : (h(), C(
-                Y,
+              Q.value ? T("v-if", !0) : (p(), z(
+                X,
                 { key: 0 },
                 [
-                  r(
+                  s(
                     "span",
                     {
-                      class: z(te.value),
-                      onClick: t
+                      class: C(te.value),
+                      onClick: J
                     },
                     [
-                      m(o(N), null, {
+                      m(a(N), null, {
                         default: b(() => [
-                          m(o(et))
+                          m(a(et))
                         ]),
                         _: 1
                         /* STABLE */
@@ -750,16 +753,16 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                     2
                     /* CLASS */
                   ),
-                  r(
+                  s(
                     "span",
                     {
-                      class: z(le.value),
-                      onClick: i
+                      class: C(le.value),
+                      onClick: l
                     },
                     [
-                      m(o(N), null, {
+                      m(a(N), null, {
                         default: b(() => [
-                          m(o(tt))
+                          m(a(tt))
                         ]),
                         _: 1
                         /* STABLE */
@@ -773,75 +776,75 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                 /* STABLE_FRAGMENT */
               )),
               T(" ACTIONS "),
-              r(
+              s(
                 "div",
                 {
-                  class: z([o(p).e("btn"), o(p).e("actions")])
+                  class: C([a(v).e("btn"), a(v).e("actions")])
                 },
                 [
-                  r(
+                  s(
                     "div",
                     {
-                      class: z(o(p).e("actions__inner"))
+                      class: C(a(v).e("actions__inner"))
                     },
                     [
-                      m(o(N), {
-                        onClick: s[1] || (s[1] = (v) => a("zoomOut"))
+                      m(a(N), {
+                        onClick: i[1] || (i[1] = (u) => o("zoomOut"))
                       }, {
                         default: b(() => [
-                          m(o(lt))
+                          m(a(lt))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      m(o(N), {
-                        onClick: s[2] || (s[2] = (v) => a("zoomIn"))
+                      m(a(N), {
+                        onClick: i[2] || (i[2] = (u) => o("zoomIn"))
                       }, {
                         default: b(() => [
-                          m(o(Me))
+                          m(a(Me))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      r(
+                      s(
                         "i",
                         {
-                          class: z(o(p).e("actions__divider"))
+                          class: C(a(v).e("actions__divider"))
                         },
                         null,
                         2
                         /* CLASS */
                       ),
-                      m(o(N), { onClick: G }, {
+                      m(a(N), { onClick: _ }, {
                         default: b(() => [
-                          (h(), _(_e(M.value.icon)))
+                          (p(), j(_e(I.value.icon)))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      r(
+                      s(
                         "i",
                         {
-                          class: z(o(p).e("actions__divider"))
+                          class: C(a(v).e("actions__divider"))
                         },
                         null,
                         2
                         /* CLASS */
                       ),
-                      m(o(N), {
-                        onClick: s[3] || (s[3] = (v) => a("anticlockwise"))
+                      m(a(N), {
+                        onClick: i[3] || (i[3] = (u) => o("anticlockwise"))
                       }, {
                         default: b(() => [
-                          m(o(nt))
+                          m(a(nt))
                         ]),
                         _: 1
                         /* STABLE */
                       }),
-                      m(o(N), {
-                        onClick: s[4] || (s[4] = (v) => a("clockwise"))
+                      m(a(N), {
+                        onClick: i[4] || (i[4] = (u) => o("clockwise"))
                       }, {
                         default: b(() => [
-                          m(o(ot))
+                          m(a(ot))
                         ]),
                         _: 1
                         /* STABLE */
@@ -855,28 +858,28 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                 /* CLASS */
               ),
               T(" CANVAS "),
-              r(
+              s(
                 "div",
                 {
-                  class: z(o(p).e("canvas"))
+                  class: C(a(v).e("canvas"))
                 },
                 [
-                  (h(!0), C(
-                    Y,
+                  (p(!0), z(
+                    X,
                     null,
-                    Le(n.urlList, (v, I) => me((h(), C("img", {
+                    Le(e.urlList, (u, x) => me((p(), z("img", {
                       ref_for: !0,
-                      ref: (B) => S.value[I] = B,
-                      key: v,
-                      src: v,
-                      style: j(ne.value),
-                      class: z(o(p).e("img")),
-                      crossorigin: n.crossorigin,
+                      ref: (L) => M.value[x] = L,
+                      key: u,
+                      src: u,
+                      style: U(ne.value),
+                      class: C(a(v).e("img")),
+                      crossorigin: e.crossorigin,
                       onLoad: ie,
                       onError: se,
                       onMousedown: re
-                    }, null, 46, Ct)), [
-                      [ve, I === x.value]
+                    }, null, 46, zt)), [
+                      [ve, x === y.value]
                     ])),
                     128
                     /* KEYED_FRAGMENT */
@@ -885,7 +888,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                 2
                 /* CLASS */
               ),
-              Se(n.$slots, "default")
+              Se(e.$slots, "default")
             ],
             6
             /* CLASS, STYLE */
@@ -896,10 +899,10 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
       })
     ]));
   }
-}), It = he(zt), $t = {
+}), It = he(Ct), $t = {
   key: 1,
   class: "upload-btn"
-}, Lt = { class: "tip" }, St = { class: "loading-statu" }, Mt = { class: "operate-btn" }, Nt = { key: 0 }, Ot = { class: "el-upload-list el-upload-list--picture-card" }, Tt = ["onClick"], Bt = ["src"], Et = { class: "demo-image__preview" }, At = /* @__PURE__ */ pe({
+}, Lt = { class: "tip" }, St = { class: "loading-statu" }, Mt = { class: "operate-btn" }, Nt = { key: 0 }, Ot = { class: "el-upload-list el-upload-list--picture-card" }, Tt = ["onClick"], Bt = ["src"], At = { class: "demo-image__preview" }, Et = /* @__PURE__ */ pe({
   __name: "index",
   props: /* @__PURE__ */ we({
     // 显示的文字
@@ -993,149 +996,149 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
     modelModifiers: {}
   }),
   emits: /* @__PURE__ */ we(["delete", "success", "change"], ["update:modelValue"]),
-  setup(l, { emit: w }) {
-    De((t) => ({
-      v271aea84: A.value,
-      bb1927ae: R.value,
-      v0caeb74a: P.value,
-      v78ba4642: G.value
+  setup(n, { emit: w }) {
+    De((l) => ({
+      v591391f3: E.value,
+      a0e09acc: M.value,
+      v5a89de3b: J.value,
+      v4354059e: V.value
     }));
-    const e = l, d = Fe(l, "modelValue"), { formItem: k } = Ze(), f = (t) => Array.isArray(t) ? t.map((i) => {
-      var s, v;
-      const a = ((s = i.url) == null ? void 0 : s.startsWith("http")) || ((v = i.url) == null ? void 0 : v.startsWith("blob")), n = (i == null ? void 0 : i.url) || i;
+    const t = n, r = Fe(n, "modelValue"), { formItem: g } = Ze(), c = (l) => Array.isArray(l) ? l.map((o) => {
+      var u, x;
+      const e = ((u = o.url) == null ? void 0 : u.startsWith("http")) || ((x = o.url) == null ? void 0 : x.startsWith("blob")), i = (o == null ? void 0 : o.url) || o;
       return {
-        ...i.url ? i : { url: n },
-        __url: a ? n : `${L.value}${n}`
+        ...o.url ? o : { url: i },
+        __url: e ? i : `${S.value}${i}`
       };
-    }) : t ? [
+    }) : l ? [
       {
-        url: t,
-        __url: t != null && t.startsWith("http") || t != null && t.startsWith("blob") ? t : `${L.value}${t}`
+        url: l,
+        __url: l != null && l.startsWith("http") || l != null && l.startsWith("blob") ? l : `${S.value}${l}`
       }
     ] : [];
     fe(
-      () => d.value,
-      (t) => {
-        !t || !t.length ? u.value = [] : u.value = K.cloneDeep(f(t)), k == null || k.validate("change");
+      () => r.value,
+      (l) => {
+        !l || !l.length ? y.value = [] : y.value = q.cloneDeep(c(l)), g == null || g.validate("change");
       },
       { deep: !0 }
     );
-    const $ = w, { cLoadUrl: L, cUploadUrl: p } = ft(e), A = g(() => `${e.width}px`), R = g(() => `${e.height}px`), S = g(() => e.size), c = O(null), u = O(f(d.value)), x = O([]), M = O(!1), y = O(0), q = g(
-      () => e.tipText || `最多可上传${e.limit}张图片, 每张图片不能超过${e.size}MB`
-    ), Q = (t, i) => {
-      $("change", t);
-    }, H = (t) => {
-      if (!t.type.includes("image")) {
+    const $ = w, { cLoadUrl: S, cUploadUrl: v, cHeaders: A } = ft(t), E = h(() => `${t.width}px`), M = h(() => `${t.height}px`), f = h(() => t.size), d = O(null), y = O(c(r.value)), I = O([]), k = O(!1), Y = O(0), Q = h(
+      () => t.tipText || `最多可上传${t.limit}张图片, 每张图片不能超过${t.size}MB`
+    ), H = (l, o) => {
+      $("change", l);
+    }, Z = (l) => {
+      if (!l.type.includes("image")) {
         xe.warning("只允许上传图片!");
         try {
-          u.value.pop();
+          y.value.pop();
         } catch {
         }
         return !1;
       }
-      if (!(t.size / 1024 / 1024 < S.value)) {
-        xe.warning(`图片大小超出系统限制的${e.size}MB!`);
+      if (!(l.size / 1024 / 1024 < f.value)) {
+        xe.warning(`图片大小超出系统限制的${t.size}MB!`);
         try {
-          u.value.pop();
+          y.value.pop();
         } catch {
         }
         return !1;
       }
       return !0;
-    }, Z = () => !1, ee = (t, i) => {
-      var a, n;
-      t.status = "ready", i !== void 0 && x.value.splice(i, 1), (a = c.value) == null || a.handleStart(t.raw), (n = c.value) == null || n.submit();
-    }, te = (t, i) => {
-      var v, I;
-      const a = d.value.length, n = e.limit - a;
-      let s = 0;
-      for (; s < n && s < (t == null ? void 0 : t.length); )
-        (v = c.value) == null || v.handleStart(t == null ? void 0 : t[s]), (I = c.value) == null || I.submit(), s++;
-    }, le = (t, i, a) => {
-      $("success", t, i, a), d.value = u.value, k == null || k.validate("change");
-    }, ne = (t, i, a) => {
-      x.value.push({
-        ...i,
-        __url: i.url
+    }, ee = () => !1, te = (l, o) => {
+      var e, i;
+      l.status = "ready", o !== void 0 && I.value.splice(o, 1), (e = d.value) == null || e.handleStart(l.raw), (i = d.value) == null || i.submit();
+    }, le = (l, o) => {
+      var x, L;
+      const e = r.value.length, i = t.limit - e;
+      let u = 0;
+      for (; u < i && u < (l == null ? void 0 : l.length); )
+        (x = d.value) == null || x.handleStart(l == null ? void 0 : l[u]), (L = d.value) == null || L.submit(), u++;
+    }, ne = (l, o, e) => {
+      $("success", l, o, e), r.value = y.value, g == null || g.validate("change");
+    }, F = (l, o, e) => {
+      I.value.push({
+        ...o,
+        __url: o.url
       });
-    }, V = (t) => {
-      var i;
-      M.value = !0, y.value = Array.isArray(d == null ? void 0 : d.value) ? (i = d == null ? void 0 : d.value) == null ? void 0 : i.findIndex((a) => a.url === t.url) : 0;
-    }, oe = (t) => {
-      st.downloadFile(t.__url || t.url, t.name || t.url);
-    }, ae = (t) => {
-      var i;
-      (i = c.value) == null || i.abort(t);
-    }, ie = (t) => {
-      var i;
-      t.status !== "success" && ae(t), d.value = (i = u.value) == null ? void 0 : i.filter((a) => a.uid !== t.uid), $("delete", t);
-    }, se = (t, i) => {
-      x.value.splice(i, 1);
-    }, re = g(() => u.value.length + x.value.length < e.limit), D = g(
-      () => d.value.length >= e.limit || e.disabled
-    ), G = g(() => {
-      var t;
-      return !((t = d.value) != null && t.length) && !x.value.length || e.limit === 1 || typeof d.value == "string" ? "0" : `${e.width + 8}px`;
-    }), P = g(() => {
-      var t;
-      return !((t = d.value) != null && t.length) && !x.value.length && typeof d.value != "string" || e.limit === 1 ? "none" : "absolute";
+    }, oe = (l) => {
+      var o;
+      k.value = !0, Y.value = Array.isArray(r == null ? void 0 : r.value) ? (o = r == null ? void 0 : r.value) == null ? void 0 : o.findIndex((e) => e.url === l.url) : 0;
+    }, ae = (l) => {
+      st.downloadFile(l.__url || l.url, l.name || l.url);
+    }, ie = (l) => {
+      var o;
+      (o = d.value) == null || o.abort(l);
+    }, se = (l) => {
+      var o;
+      l.status !== "success" && ie(l), r.value = (o = y.value) == null ? void 0 : o.filter((e) => e.uid !== l.uid), $("delete", l);
+    }, re = (l, o) => {
+      I.value.splice(o, 1);
+    }, G = h(() => y.value.length + I.value.length < t.limit), _ = h(
+      () => r.value.length >= t.limit || t.disabled
+    ), V = h(() => {
+      var l;
+      return !((l = r.value) != null && l.length) && !I.value.length || t.limit === 1 || typeof r.value == "string" ? "0" : `${t.width + 8}px`;
+    }), J = h(() => {
+      var l;
+      return !((l = r.value) != null && l.length) && !I.value.length && typeof r.value != "string" || t.limit === 1 ? "none" : "absolute";
     });
-    return (t, i) => (h(), C(
-      Y,
+    return (l, o) => (p(), z(
+      X,
       null,
       [
-        m(o(Ge), Ve({
-          class: ["ik-image-upload", { preview: l.preview, "hide-upload": !re.value && l.limit === 1, disabled: D.value }],
+        m(a(Ge), Ve({
+          class: ["ik-image-upload", { preview: n.preview, "hide-upload": !G.value && n.limit === 1, disabled: _.value }],
           ref_key: "refUpload",
-          ref: c,
+          ref: d,
           "list-type": "picture-card",
-          accept: l.accept,
-          action: o(p),
-          headers: l.headers,
-          data: l.data,
-          "file-list": u.value,
-          "onUpdate:fileList": i[0] || (i[0] = (a) => u.value = a),
-          multiple: l.multiple,
-          limit: l.limit,
-          "on-change": Q,
-          "before-upload": H,
-          "before-remove": Z,
-          "on-exceed": te,
-          "on-success": le,
-          "on-error": ne,
+          accept: n.accept,
+          action: a(v),
+          headers: n.headers || a(A),
+          data: n.data,
+          "file-list": y.value,
+          "onUpdate:fileList": o[0] || (o[0] = (e) => y.value = e),
+          multiple: n.multiple,
+          limit: n.limit,
+          "on-change": H,
+          "before-upload": Z,
+          "before-remove": ee,
+          "on-exceed": le,
+          "on-success": ne,
+          "on-error": F,
           drag: ""
-        }, t.$attrs, { disabled: D.value }), Pe({
+        }, l.$attrs, { disabled: _.value }), Pe({
           trigger: b(() => [
-            t.$slots.trigger ? Se(t.$slots, "trigger", { key: 0 }, void 0, !0) : (h(), C("div", $t, [
-              m(o(de), {
+            l.$slots.trigger ? Se(l.$slots, "trigger", { key: 0 }, void 0, !0) : (p(), z("div", $t, [
+              m(a(de), {
                 size: 20,
                 name: "iksvg_guanbibeifen",
-                disabled: D.value
+                disabled: _.value
               }, null, 8, ["disabled"]),
-              r(
+              s(
                 "span",
                 null,
-                ue(l.title),
+                ue(n.title),
                 1
                 /* TEXT */
               )
             ]))
           ]),
-          file: b(({ file: a, index: n }) => [
-            r(
+          file: b(({ file: e, index: i }) => [
+            s(
               "div",
               {
-                class: z(["load-list", { loading: a.status === "uploading" }]),
+                class: C(["load-list", { loading: e.status === "uploading" }]),
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
-                me(r(
+                me(s(
                   "div",
                   St,
                   [
                     m(dt),
                     We(
-                      " 上传" + ue(a.percentage) + "% ",
+                      " 上传" + ue(e.percentage) + "% ",
                       1
                       /* TEXT */
                     )
@@ -1143,46 +1146,46 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                   512
                   /* NEED_PATCH */
                 ), [
-                  [ve, a.status === "uploading"]
+                  [ve, e.status === "uploading"]
                 ]),
                 T(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
-                m(o(Je), {
+                m(a(Je), {
                   style: { width: "100%", height: "100%" },
-                  src: a.__url || a.url,
+                  src: e.__url || e.url,
                   "zoom-rate": 1.2,
                   "initial-index": 0,
                   fit: "contain"
                 }, null, 8, ["src"]),
-                r("span", Mt, [
-                  r("span", null, [
-                    m(o(N), {
-                      onClick: (s) => V(a)
+                s("span", Mt, [
+                  s("span", null, [
+                    m(a(N), {
+                      onClick: (u) => oe(e)
                     }, {
                       default: b(() => [
-                        m(o(Me))
+                        m(a(Me))
                       ]),
                       _: 1
                       /* STABLE */
                     }, 8, ["onClick"])
                   ]),
-                  r("span", null, [
-                    m(o(N), {
-                      onClick: (s) => oe(a)
+                  s("span", null, [
+                    m(a(N), {
+                      onClick: (u) => ae(e)
                     }, {
                       default: b(() => [
-                        m(o(at))
+                        m(a(at))
                       ]),
                       _: 1
                       /* STABLE */
                     }, 8, ["onClick"])
                   ]),
-                  l.preview ? T("v-if", !0) : (h(), C("span", Nt, [
-                    m(o(N), {
+                  n.preview ? T("v-if", !0) : (p(), z("span", Nt, [
+                    m(a(N), {
                       type: "warning",
-                      onClick: (s) => ie(a)
+                      onClick: (u) => se(e)
                     }, {
                       default: b(() => [
-                        m(o(it))
+                        m(a(it))
                       ]),
                       _: 1
                       /* STABLE */
@@ -1195,47 +1198,47 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
             )
           ]),
           default: b(() => [
-            r("ul", Ot, [
-              (h(!0), C(
-                Y,
+            s("ul", Ot, [
+              (p(!0), z(
+                X,
                 null,
-                Le(x.value, (a, n) => (h(), C("li", {
+                Le(I.value, (e, i) => (p(), z("li", {
                   class: "el-upload-list__item",
-                  key: a.uid
+                  key: e.uid
                 }, [
-                  r("span", null, [
-                    m(o(de), {
+                  s("span", null, [
+                    m(a(de), {
                       name: "iksvg_guanbi",
                       error: "",
-                      onClick: (s) => se(a, n)
+                      onClick: (u) => re(e, i)
                     }, null, 8, ["onClick"])
                   ]),
-                  r(
+                  s(
                     "div",
                     {
-                      class: z(["load-list", {
-                        loading: a.status === "uploading",
-                        fail: a.status === "fail"
+                      class: C(["load-list", {
+                        loading: e.status === "uploading",
+                        fail: e.status === "fail"
                       }]),
                       "element-loading-background": "var(--ik-upload-bg)"
                     },
                     [
-                      me(r("div", {
+                      me(s("div", {
                         class: "loading-statu",
-                        onClick: (s) => ee(a, n)
+                        onClick: (u) => te(e, i)
                       }, [
-                        m(o(de), {
+                        m(a(de), {
                           name: "iksvg_shuaxin-daohang",
                           size: 24
                         }),
-                        i[2] || (i[2] = r(
+                        o[2] || (o[2] = s(
                           "span",
                           { class: "error" },
                           "上传错误",
                           -1
                           /* CACHED */
                         )),
-                        i[3] || (i[3] = r(
+                        o[3] || (o[3] = s(
                           "p",
                           null,
                           "点击重新上传",
@@ -1243,12 +1246,12 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                           /* CACHED */
                         ))
                       ], 8, Tt), [
-                        [ve, a.status === "fail"]
+                        [ve, e.status === "fail"]
                       ]),
-                      r("img", {
-                        src: a.__url,
+                      s("img", {
+                        src: e.__url,
                         alt: "",
-                        style: j({ "object-fit": l.fit })
+                        style: U({ "object-fit": n.fit })
                       }, null, 12, Bt)
                     ],
                     2
@@ -1263,13 +1266,13 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
           _: 2
           /* DYNAMIC */
         }, [
-          l.tip ? {
+          n.tip ? {
             name: "tip",
             fn: b(() => [
-              r(
+              s(
                 "span",
                 Lt,
-                ue(q.value),
+                ue(Q.value),
                 1
                 /* TEXT */
               )
@@ -1278,16 +1281,16 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
           } : void 0
         ]), 1040, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit", "disabled"]),
         T(" 文件预览 "),
-        r("div", Et, [
-          M.value ? (h(), _(o(It), {
+        s("div", At, [
+          k.value ? (p(), j(a(It), {
             key: 0,
             "lock-scroll": "",
             "hide-on-click-modal": "",
-            onClose: i[1] || (i[1] = () => {
-              M.value = !1;
+            onClose: o[1] || (o[1] = () => {
+              k.value = !1;
             }),
-            "url-list": f(u.value).map((a) => a.__url),
-            "initial-index": y.value
+            "url-list": c(y.value).map((e) => e.__url),
+            "initial-index": Y.value
           }, null, 8, ["url-list", "initial-index"])) : T("v-if", !0)
         ])
       ],
@@ -1295,7 +1298,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
       /* STABLE_FRAGMENT */
     ));
   }
-}), Rt = /* @__PURE__ */ ge(At, [["__scopeId", "data-v-4d36d1f1"]]), Wt = he(Rt);
+}), Rt = /* @__PURE__ */ ge(Et, [["__scopeId", "data-v-149ef234"]]), Wt = he(Rt);
 export {
   Wt as IkUploadImage,
   Wt as default