ik-next-ui 0.0.13 → 0.0.14

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

@@ -1,33 +1,33 @@
-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 B, Fragment as X, markRaw as be, ref as O, effectScope as Be, shallowRef as Te, 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 ze, _ as q, ikFile as st } from "iking-utils-pro";
-import { Icon as Ce } from "@iconify/vue";
+import { openBlock as v, createElementBlock as z, createElementVNode as s, inject as W, computed as p, defineComponent as Q, resolveComponent as Oe, createBlock as R, withCtx as b, renderSlot as ge, normalizeStyle as j, normalizeClass as C, unref as a, createCommentVNode as B, Fragment as X, markRaw as we, ref as O, effectScope as Be, shallowRef as Te, watch as ve, 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 pe, vShow as he, useCssVars as De, useModel as Fe, mergeProps as Ve, createSlots as Pe, createTextVNode as We, toDisplayString as fe, mergeModels as xe } 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 ze } from "element-plus";
+import { ScaleToOriginal as Ke, FullScreen as qe, Close as Qe, ArrowLeft as et, ArrowRight as tt, ZoomOut as nt, ZoomIn as Me, RefreshLeft as lt, RefreshRight as ot, Download as at, Delete as it } from "@element-plus/icons-vue";
+import { paramType as Ce, _ as q, ikFile as st } from "iking-utils-pro";
+import { Icon as $e } from "@iconify/vue";
 import { UseImage as Ie } from "@vueuse/components";
 import { useEventListener as K } from "@vueuse/core";
-const he = (n, w) => (n.install = (t) => {
+const ee = (n, k) => (n.install = (t) => {
   for (const r of [n, ...Object.values({})])
     t.component(r.name, r);
 }, n);
 function Ne(...n) {
-  const w = [];
+  const k = [];
   for (const t of n)
     if (t) {
       if (typeof t == "string")
-        w.push(t);
+        k.push(t);
       else if (Array.isArray(t)) {
         const r = Ne(...t);
-        r && w.push(r);
+        r && k.push(r);
       } else if (typeof t == "object")
-        for (const [r, g] of Object.entries(t))
-          g && w.push(r);
+        for (const [r, h] of Object.entries(t))
+          h && k.push(r);
     }
-  return w.join(" ");
+  return k.join(" ");
 }
-const ge = (n, w) => {
+const ke = (n, k) => {
   const t = n.__vccOpts || n;
-  for (const [r, g] of w)
-    t[r] = g;
+  for (const [r, h] of k)
+    t[r] = h;
   return t;
 }, rt = {}, ct = {
   t: "1686214149488",
@@ -39,8 +39,8 @@ const ge = (n, w) => {
   width: "200",
   height: "200"
 };
-function ut(n, w) {
-  return p(), z("svg", ct, [...w[0] || (w[0] = [
+function ut(n, k) {
+  return v(), z("svg", ct, [...k[0] || (k[0] = [
     s(
       "path",
       {
@@ -123,7 +123,7 @@ function ut(n, w) {
     )
   ])]);
 }
-const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
+const dt = /* @__PURE__ */ ke(rt, [["render", ut]]), Se = [
   "csv",
   "djvu",
   "doc",
@@ -179,23 +179,62 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
   "flv",
   "tls"
 ], 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())];
+  const k = W("loadUrl"), t = p(() => n.loadUrl || n.fileUrl || (k == null ? void 0 : k.value)), r = W("uploadUrl"), h = p(() => n.action || n.uploadUrl || (r == null ? void 0 : r.value)), c = W("token"), I = p(() => n.token || (c == null ? void 0 : c.value)), L = W("onlyofficeConfig"), g = p(() => n.onlyofficeConfig || (L == null ? void 0 : L.value)), A = W("userInfo"), E = p(() => n.userInfo || (A == null ? void 0 : A.value)), M = [...Se, ...Se.map((f) => f.toLocaleUpperCase())];
   return {
     cLoadUrl: t,
-    cUploadUrl: g,
-    cToken: $,
-    cOnlyofficeConfig: v,
+    cUploadUrl: h,
+    cToken: I,
+    cOnlyofficeConfig: g,
     cUserInfo: E,
     cOnlyofficePreviewType: M,
     cHeaders: {
-      Authorization: $.value
+      Authorization: I.value
     }
   };
-}, mt = {
+}, mt = /* @__PURE__ */ Q({
+  __name: "index",
+  props: {
+    effect: {
+      type: String,
+      default: "dark"
+    },
+    content: {
+      type: String,
+      default: ""
+    },
+    text: {
+      type: String,
+      default: ""
+    },
+    placement: {
+      type: String,
+      default: "top"
+    }
+  },
+  setup(n) {
+    const k = n, t = p(() => k.effect);
+    return (r, h) => {
+      const c = Oe("el-tooltip");
+      return v(), R(c, {
+        class: "gl-tooltip",
+        effect: t.value,
+        content: n.text || n.content,
+        placement: n.placement,
+        enterable: !1
+      }, {
+        default: b(() => [
+          ge(r.$slots, "default")
+        ]),
+        _: 3
+        /* FORWARDED */
+      }, 8, ["effect", "content", "placement"]);
+    };
+  }
+}), vt = ee(mt), pt = {
   key: 2,
   class: "shrink-0 size-inherit",
   "aria-hidden": "true"
-}, vt = ["xlink:href"], pt = ["xlink:href"], ht = ["size"], gt = ["xlink:href"], kt = ["xlink:href"], yt = /* @__PURE__ */ pe({
+}, ht = ["xlink:href"], gt = ["xlink:href"], kt = ["size"], yt = ["xlink:href"], bt = ["xlink:href"], wt = /* @__PURE__ */ Q({
   name: "IkSvgIcon",
   __name: "index",
   props: {
@@ -217,29 +256,29 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
     hover: { type: Boolean, default: !1 }
   },
   emits: ["click"],
-  setup(n, { emit: w }) {
-    const t = n, r = w, g = h(() => t.danger ? "danger" : t.error ? "error" : t.type), c = h(() => {
+  setup(n, { emit: k }) {
+    const t = n, r = k, h = p(() => t.danger ? "danger" : t.error ? "error" : t.type), c = p(() => {
       if (!t.name)
         return;
       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";
-    }), $ = {
+    }), I = {
       big: 24,
       default: 22,
       small: 20
     };
-    function S() {
-      return t.size ? $[t.size] || t.size : 18;
+    function L() {
+      return t.size ? I[t.size] || t.size : 18;
     }
-    const v = h(() => {
-      const f = S(), d = typeof f == "number" ? `${f}px` : f;
+    const g = p(() => {
+      const f = L(), d = typeof f == "number" ? `${f}px` : f;
       return {
         width: d,
         height: d,
         fontSize: d
       };
-    }), A = h(() => {
-      const d = `${Number.parseInt(S()) + 8}px`;
+    }), A = p(() => {
+      const d = `${Number.parseInt(L()) + 8}px`;
       return {
         width: d,
         height: d
@@ -248,7 +287,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
     function E(f) {
       t.onClick ? t.onClick(f) : r("click", f);
     }
-    const M = h(() => {
+    const M = p(() => {
       if (c.value !== "two-color-svg")
         return {};
       const f = {};
@@ -266,12 +305,11 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
             t.deepColor || (f["--ik-icon-deep-color"] = f["--ik-icon-shallow-color"] || t.shallowColor || "var(--ik-icon-shallow-color)");
             break;
         }
-      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 t.active && h.value !== "default" && !t.deepColor && !t.shallowColor && t.colorMode === "auto" && (f["--ik-icon-deep-color"] = `var(--ik-icon-${h.value}-deep-active)`, f["--ik-icon-shallow-color"] = `var(--ik-icon-${h.value}-shallow-active)`), f;
     });
     return (f, d) => {
-      var I;
-      const y = Oe("IkTooltip");
-      return p(), z(
+      var y;
+      return v(), z(
         "i",
         {
           class: C(a(Ne)(
@@ -280,55 +318,55 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
             n.showBg ? "bg" : "",
             n.disabled ? "is-disabled" : "",
             n.active ? "is-active" : "",
-            g.value !== "default" ? `is-${g.value}` : "",
+            h.value !== "default" ? `is-${h.value}` : "",
             n.unMargin ? "un-margin" : "margin",
             n.hover ? "is-hover" : ""
           )),
-          style: U(n.showBg ? A.value : v.value),
+          style: j(n.showBg ? A.value : g.value),
           onClick: E
         },
         [
-          n.title ? (p(), j(y, {
+          n.title ? (v(), R(a(vt), {
             key: 0,
             text: n.title
           }, {
             default: b(() => {
-              var k;
+              var $;
               return [
-                c.value === "unocss" ? (p(), z(
+                c.value === "unocss" ? (v(), z(
                   "i",
                   {
                     key: 0,
-                    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 : {} })
+                    class: C(["iconfont shrink-0 size-inherit", `${n.name} ${($ = n.name) == null ? void 0 : $.split("_")[0]}`]),
+                    style: j({ ...M.value, ...n.showBg ? g.value : {} })
                   },
                   null,
                   6
                   /* CLASS, STYLE */
-                )) : c.value === "iconify" ? (p(), j(a(Ce), {
+                )) : c.value === "iconify" ? (v(), R(a($e), {
                   key: 1,
                   icon: n.name,
                   class: "shrink-0 size-inherit"
-                }, null, 8, ["icon"])) : c.value === "svg" ? (p(), z("svg", mt, [
+                }, null, 8, ["icon"])) : c.value === "svg" ? (v(), z("svg", pt, [
                   s("use", {
                     "xlink:href": `#icon-${n.name}`
-                  }, null, 8, vt)
-                ])) : c.value === "two-color-svg" ? (p(), z(
+                  }, null, 8, ht)
+                ])) : c.value === "two-color-svg" ? (v(), z(
                   "svg",
                   {
                     key: 3,
                     class: "two-color-icon shrink-0 size-inherit",
-                    style: U(M.value),
+                    style: j(M.value),
                     "aria-hidden": "true"
                   },
                   [
                     s("use", {
                       "xlink:href": `#${n.name}`
-                    }, null, 8, pt)
+                    }, null, 8, gt)
                   ],
                   4
                   /* STYLE */
-                )) : c.value === "img" ? (p(), j(a(Ie), {
+                )) : c.value === "img" ? (v(), R(a(Ie), {
                   key: 4,
                   src: n.name,
                   class: "shrink-0"
@@ -358,25 +396,25 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
             }),
             _: 1
             /* STABLE */
-          }, 8, ["text"])) : (p(), z(
+          }, 8, ["text"])) : (v(), z(
             X,
             { key: 1 },
             [
-              c.value === "unocss" ? (p(), z(
+              c.value === "unocss" ? (v(), z(
                 "i",
                 {
                   key: 0,
-                  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 : {} })
+                  class: C(["iconfont shrink-0 size-inherit", `${n.name} ${(y = n.name) == null ? void 0 : y.split("_")[0]}`]),
+                  style: j({ ...M.value, ...n.showBg ? g.value : {} })
                 },
                 null,
                 6
                 /* CLASS, STYLE */
-              )) : c.value === "iconify" ? (p(), j(a(Ce), {
+              )) : c.value === "iconify" ? (v(), R(a($e), {
                 key: 1,
                 icon: n.name,
                 class: "shrink-0 size-inherit"
-              }, null, 8, ["icon"])) : c.value === "svg" ? (p(), z("svg", {
+              }, null, 8, ["icon"])) : c.value === "svg" ? (v(), z("svg", {
                 key: 2,
                 class: "shrink-0 size-inherit",
                 size: n.size,
@@ -384,23 +422,23 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
               }, [
                 s("use", {
                   "xlink:href": `#icon-${n.name}`
-                }, null, 8, gt)
-              ], 8, ht)) : c.value === "two-color-svg" ? (p(), z(
+                }, null, 8, yt)
+              ], 8, kt)) : c.value === "two-color-svg" ? (v(), z(
                 "svg",
                 {
                   key: 3,
                   class: "two-color-icon shrink-0 size-inherit",
-                  style: U(M.value),
+                  style: j(M.value),
                   "aria-hidden": "true"
                 },
                 [
                   s("use", {
                     "xlink:href": `#${n.name}`
-                  }, null, 8, kt)
+                  }, null, 8, bt)
                 ],
                 4
                 /* STYLE */
-              )) : c.value === "img" ? (p(), j(a(Ie), {
+              )) : c.value === "img" ? (v(), R(a(Ie), {
                 key: 4,
                 src: n.name,
                 class: "shrink-0"
@@ -436,7 +474,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
       );
     };
   }
-}), bt = /* @__PURE__ */ ge(yt, [["__scopeId", "data-v-7dee8b6e"]]), de = he(bt), wt = {
+}), xt = /* @__PURE__ */ ke(wt, [["__scopeId", "data-v-c202da9d"]]), me = ee(xt), zt = {
   /**
    * @description preview link list.
    */
@@ -506,57 +544,57 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
   crossorigin: {
     type: ["anonymous", "use-credentials", ""]
   }
-}, xt = {
+}, Ct = {
   close: () => !0,
-  switch: (n) => ze.isNumber(n),
-  rotate: (n) => ze.isNumber(n)
-}, zt = ["src", "crossorigin"], Ct = /* @__PURE__ */ pe({
+  switch: (n) => Ce.isNumber(n),
+  rotate: (n) => Ce.isNumber(n)
+}, $t = ["src", "crossorigin"], It = /* @__PURE__ */ Q({
   name: "ElImageViewer",
   __name: "IkImageViewer",
-  props: wt,
-  emits: xt,
-  setup(n, { expose: w, emit: t }) {
-    const r = (e) => Object.keys(e), g = {
+  props: zt,
+  emits: Ct,
+  setup(n, { expose: k, emit: t }) {
+    const r = (e) => Object.keys(e), h = {
       CONTAIN: {
         name: "contain",
-        icon: be(qe)
+        icon: we(qe)
       },
       ORIGINAL: {
         name: "original",
-        icon: be(Ke)
+        icon: we(Ke)
       }
-    }, c = n, $ = t, { t: S } = Xe(), v = Ye("image-viewer"), { nextZIndex: A } = He(), E = O(), M = O([]), f = Be(), d = O(!0), y = O(c.initialIndex), I = Te(g.CONTAIN), k = O({
+    }, c = n, I = t, { t: L } = Xe(), g = Ye("image-viewer"), { nextZIndex: A } = He(), E = O(), M = O([]), f = Be(), d = O(!0), y = O(c.initialIndex), $ = Te(h.CONTAIN), w = O({
       scale: 1,
       deg: 0,
       offsetX: 0,
       offsetY: 0,
       enableTransition: !1
-    }), Y = O(c.zIndex ?? A()), Q = h(() => {
+    }), Y = O(c.zIndex ?? A()), te = p(() => {
       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 T = u / e, R = x / e;
-      const P = i * Math.PI / 180, ke = Math.cos(P), ye = Math.sin(P);
-      T = T * ke + R * ye, R = R * ke - u / e * ye;
-      const ce = {
-        transform: `scale(${e}) rotate(${i}deg) translate(${T}px, ${R}px)`,
-        transition: L ? "transform .3s" : ""
+    }), H = p(() => y.value === 0), Z = p(() => y.value === c.urlList.length - 1), ne = p(() => c.urlList[y.value]), le = p(() => [
+      g.e("btn"),
+      g.e("prev"),
+      g.is("disabled", !c.infinite && H.value)
+    ]), oe = p(() => [
+      g.e("btn"),
+      g.e("next"),
+      g.is("disabled", !c.infinite && Z.value)
+    ]), ae = p(() => {
+      const { scale: e, deg: i, offsetX: u, offsetY: x, enableTransition: S } = w.value;
+      let T = u / e, U = x / e;
+      const P = i * Math.PI / 180, ye = Math.cos(P), be = Math.sin(P);
+      T = T * ye + U * be, U = U * ye - u / e * be;
+      const de = {
+        transform: `scale(${e}) rotate(${i}deg) translate(${T}px, ${U}px)`,
+        transition: S ? "transform .3s" : ""
       };
-      return I.value.name === g.CONTAIN.name && (ce.maxWidth = ce.maxHeight = "100%"), ce;
+      return $.value.name === h.CONTAIN.name && (de.maxWidth = de.maxHeight = "100%"), de;
     });
     function F() {
-      ae(), $("close");
+      se(), I("close");
     }
-    function oe() {
+    function ie() {
       const e = q.throttle((u) => {
         switch (u.code) {
           // ESC
@@ -595,31 +633,31 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
         K(document, "keydown", e), K(document, "wheel", i);
       });
     }
-    function ae() {
+    function se() {
       f.stop();
     }
-    function ie() {
+    function re() {
       d.value = !1;
     }
-    function se(e) {
-      d.value = !1, e.target.alt = S("el.image.error");
+    function ce(e) {
+      d.value = !1, e.target.alt = L("el.image.error");
     }
-    function re(e) {
+    function ue(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, T = q.throttle((P) => {
-        k.value = {
-          ...k.value,
+      w.value.enableTransition = !1;
+      const { offsetX: i, offsetY: u } = w.value, x = e.pageX, S = e.pageY, T = q.throttle((P) => {
+        w.value = {
+          ...w.value,
           offsetX: i + P.pageX - x,
-          offsetY: u + P.pageY - L
+          offsetY: u + P.pageY - S
         };
-      }), R = K(document, "mousemove", T);
+      }), U = K(document, "mousemove", T);
       K(document, "mouseup", () => {
-        R();
+        U();
       }), e.preventDefault();
     }
     function G() {
-      k.value = {
+      w.value = {
         scale: 1,
         deg: 0,
         offsetX: 0,
@@ -629,8 +667,8 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
     }
     function _() {
       if (d.value) return;
-      const e = r(g), i = Object.values(g), u = I.value.name, L = ((i == null ? void 0 : i.findIndex((T) => T.name === u)) + 1) % e.length;
-      I.value = g[e[L]], G();
+      const e = r(h), i = Object.values(h), u = $.value.name, S = ((i == null ? void 0 : i.findIndex((T) => T.name === u)) + 1) % e.length;
+      $.value = h[e[S]], G();
     }
     function V(e) {
       const i = c.urlList.length;
@@ -644,7 +682,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
     }
     function o(e, i = {}) {
       if (d.value) return;
-      const { minScale: u, maxScale: x } = c, { zoomRate: L, rotateDeg: T, enableTransition: R } = {
+      const { minScale: u, maxScale: x } = c, { zoomRate: S, rotateDeg: T, enableTransition: U } = {
         zoomRate: c.zoomRate,
         rotateDeg: 90,
         enableTransition: !0,
@@ -652,40 +690,40 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
       };
       switch (e) {
         case "zoomOut":
-          k.value.scale > u && (k.value.scale = Number.parseFloat(
-            (k.value.scale / L).toFixed(3)
+          w.value.scale > u && (w.value.scale = Number.parseFloat(
+            (w.value.scale / S).toFixed(3)
           ));
           break;
         case "zoomIn":
-          k.value.scale < x && (k.value.scale = Number.parseFloat(
-            (k.value.scale * L).toFixed(3)
+          w.value.scale < x && (w.value.scale = Number.parseFloat(
+            (w.value.scale * S).toFixed(3)
           ));
           break;
         case "clockwise":
-          k.value.deg += T, $("rotate", k.value.deg);
+          w.value.deg += T, I("rotate", w.value.deg);
           break;
         case "anticlockwise":
-          k.value.deg -= T, $("rotate", k.value.deg);
+          w.value.deg -= T, I("rotate", w.value.deg);
           break;
       }
-      k.value.enableTransition = R;
+      w.value.enableTransition = U;
     }
-    return fe(ee, () => {
+    return ve(ne, () => {
       Ae(() => {
         const e = M.value[0];
         e != null && e.complete || (d.value = !0);
       });
-    }), fe(y, (e) => {
-      G(), $("switch", e);
+    }), ve(y, (e) => {
+      G(), I("switch", e);
     }), Ee(() => {
       var e, i;
-      oe(), (i = (e = E.value) == null ? void 0 : e.focus) == null || i.call(e);
-    }), w({
+      ie(), (i = (e = E.value) == null ? void 0 : e.focus) == null || i.call(e);
+    }), k({
       /**
        * @description manually switch image
        */
       setActiveItem: V
-    }), (e, i) => (p(), j(Re, { to: "body" }, [
+    }), (e, i) => (v(), R(Re, { to: "body" }, [
       m(Ue, {
         name: "viewer-fade",
         appear: ""
@@ -697,14 +735,14 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
               ref_key: "wrapper",
               ref: E,
               tabindex: -1,
-              class: C(a(v).e("wrapper")),
-              style: U({ zIndex: Y.value })
+              class: C(a(g).e("wrapper")),
+              style: j({ zIndex: Y.value })
             },
             [
               s(
                 "div",
                 {
-                  class: C(a(v).e("mask")),
+                  class: C(a(g).e("mask")),
                   onClick: i[0] || (i[0] = je((u) => e.hideOnClickModal && F(), ["self"]))
                 },
                 null,
@@ -715,7 +753,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
               s(
                 "span",
                 {
-                  class: C([a(v).e("btn"), a(v).e("close")]),
+                  class: C([a(g).e("btn"), a(g).e("close")]),
                   onClick: F
                 },
                 [
@@ -731,14 +769,14 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                 /* CLASS */
               ),
               B(" ARROW "),
-              Q.value ? B("v-if", !0) : (p(), z(
+              te.value ? B("v-if", !0) : (v(), z(
                 X,
                 { key: 0 },
                 [
                   s(
                     "span",
                     {
-                      class: C(te.value),
+                      class: C(le.value),
                       onClick: J
                     },
                     [
@@ -756,7 +794,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                   s(
                     "span",
                     {
-                      class: C(le.value),
+                      class: C(oe.value),
                       onClick: l
                     },
                     [
@@ -779,20 +817,20 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
               s(
                 "div",
                 {
-                  class: C([a(v).e("btn"), a(v).e("actions")])
+                  class: C([a(g).e("btn"), a(g).e("actions")])
                 },
                 [
                   s(
                     "div",
                     {
-                      class: C(a(v).e("actions__inner"))
+                      class: C(a(g).e("actions__inner"))
                     },
                     [
                       m(a(N), {
                         onClick: i[1] || (i[1] = (u) => o("zoomOut"))
                       }, {
                         default: b(() => [
-                          m(a(lt))
+                          m(a(nt))
                         ]),
                         _: 1
                         /* STABLE */
@@ -809,7 +847,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                       s(
                         "i",
                         {
-                          class: C(a(v).e("actions__divider"))
+                          class: C(a(g).e("actions__divider"))
                         },
                         null,
                         2
@@ -817,7 +855,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                       ),
                       m(a(N), { onClick: _ }, {
                         default: b(() => [
-                          (p(), j(_e(I.value.icon)))
+                          (v(), R(_e($.value.icon)))
                         ]),
                         _: 1
                         /* STABLE */
@@ -825,7 +863,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                       s(
                         "i",
                         {
-                          class: C(a(v).e("actions__divider"))
+                          class: C(a(g).e("actions__divider"))
                         },
                         null,
                         2
@@ -835,7 +873,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                         onClick: i[3] || (i[3] = (u) => o("anticlockwise"))
                       }, {
                         default: b(() => [
-                          m(a(nt))
+                          m(a(lt))
                         ]),
                         _: 1
                         /* STABLE */
@@ -861,25 +899,25 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
               s(
                 "div",
                 {
-                  class: C(a(v).e("canvas"))
+                  class: C(a(g).e("canvas"))
                 },
                 [
-                  (p(!0), z(
+                  (v(!0), z(
                     X,
                     null,
-                    Le(e.urlList, (u, x) => me((p(), z("img", {
+                    Le(e.urlList, (u, x) => pe((v(), z("img", {
                       ref_for: !0,
-                      ref: (L) => M.value[x] = L,
+                      ref: (S) => M.value[x] = S,
                       key: u,
                       src: u,
-                      style: U(ne.value),
-                      class: C(a(v).e("img")),
+                      style: j(ae.value),
+                      class: C(a(g).e("img")),
                       crossorigin: e.crossorigin,
-                      onLoad: ie,
-                      onError: se,
-                      onMousedown: re
-                    }, null, 46, zt)), [
-                      [ve, x === y.value]
+                      onLoad: re,
+                      onError: ce,
+                      onMousedown: ue
+                    }, null, 46, $t)), [
+                      [he, x === y.value]
                     ])),
                     128
                     /* KEYED_FRAGMENT */
@@ -888,7 +926,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                 2
                 /* CLASS */
               ),
-              Se(e.$slots, "default")
+              ge(e.$slots, "default")
             ],
             6
             /* CLASS, STYLE */
@@ -899,12 +937,12 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
       })
     ]));
   }
-}), It = he(Ct), $t = {
+}), St = ee(It), Lt = {
   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" }, Bt = ["onClick"], Tt = ["src"], At = { class: "demo-image__preview" }, Et = /* @__PURE__ */ pe({
+}, Mt = { class: "tip" }, Nt = { class: "loading-statu" }, Ot = { class: "operate-btn" }, Bt = { key: 0 }, Tt = { class: "el-upload-list el-upload-list--picture-card" }, At = ["onClick"], Et = ["src"], Rt = { class: "demo-image__preview" }, Ut = /* @__PURE__ */ Q({
   __name: "index",
-  props: /* @__PURE__ */ we({
+  props: /* @__PURE__ */ xe({
     // 显示的文字
     title: {
       type: String,
@@ -995,41 +1033,41 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
     },
     modelModifiers: {}
   }),
-  emits: /* @__PURE__ */ we(["delete", "success", "change"], ["update:modelValue"]),
-  setup(n, { emit: w }) {
+  emits: /* @__PURE__ */ xe(["delete", "success", "change"], ["update:modelValue"]),
+  setup(n, { emit: k }) {
     De((l) => ({
       v03c4de28: E.value,
       v5b07ed05: M.value,
       v6d7e0626: J.value,
       v7397abe6: V.value
     }));
-    const t = n, r = Fe(n, "modelValue"), { formItem: g } = Ze(), c = (l) => Array.isArray(l) ? l.map((o) => {
+    const t = n, r = Fe(n, "modelValue"), { formItem: h } = 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 {
         ...o.url ? o : { url: i },
-        __url: e ? i : `${S.value}${i}`
+        __url: e ? i : `${L.value}${i}`
       };
     }) : l ? [
       {
         url: l,
-        __url: l != null && l.startsWith("http") || l != null && l.startsWith("blob") ? l : `${S.value}${l}`
+        __url: l != null && l.startsWith("http") || l != null && l.startsWith("blob") ? l : `${L.value}${l}`
       }
     ] : [];
-    fe(
+    ve(
       () => r.value,
       (l) => {
-        !l || !l.length ? y.value = [] : y.value = q.cloneDeep(c(l)), g == null || g.validate("change");
+        !l || !l.length ? y.value = [] : y.value = q.cloneDeep(c(l)), h == null || h.validate("change");
       },
       { deep: !0 }
     );
-    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(
+    const I = k, { cLoadUrl: L, cUploadUrl: g, cHeaders: A } = ft(t), E = p(() => `${t.width}px`), M = p(() => `${t.height}px`), f = p(() => t.size), d = O(null), y = O(c(r.value)), $ = O([]), w = O(!1), Y = O(0), te = p(
       () => t.tipText || `最多可上传${t.limit}张图片, 每张图片不能超过${t.size}MB`
     ), H = (l, o) => {
-      $("change", l);
+      I("change", l);
     }, Z = (l) => {
       if (!l.type.includes("image")) {
-        xe.warning("只允许上传图片!");
+        ze.warning("只允许上传图片!");
         try {
           y.value.pop();
         } catch {
@@ -1037,7 +1075,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
         return !1;
       }
       if (!(l.size / 1024 / 1024 < f.value)) {
-        xe.warning(`图片大小超出系统限制的${t.size}MB!`);
+        ze.warning(`图片大小超出系统限制的${t.size}MB!`);
         try {
           y.value.pop();
         } catch {
@@ -1045,45 +1083,45 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
         return !1;
       }
       return !0;
-    }, ee = () => !1, te = (l, o) => {
+    }, ne = () => !1, le = (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;
+      l.status = "ready", o !== void 0 && $.value.splice(o, 1), (e = d.value) == null || e.handleStart(l.raw), (i = d.value) == null || i.submit();
+    }, oe = (l, o) => {
+      var x, S;
       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");
+        (x = d.value) == null || x.handleStart(l == null ? void 0 : l[u]), (S = d.value) == null || S.submit(), u++;
+    }, ae = (l, o, e) => {
+      I("success", l, o, e), r.value = y.value, h == null || h.validate("change");
     }, F = (l, o, e) => {
-      I.value.push({
+      $.value.push({
         ...o,
         __url: o.url
       });
-    }, oe = (l) => {
+    }, ie = (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) => {
+      w.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;
+    }, se = (l) => {
       st.downloadFile(l.__url || l.url, l.name || l.url);
-    }, ie = (l) => {
+    }, re = (l) => {
       var o;
       (o = d.value) == null || o.abort(l);
-    }, se = (l) => {
+    }, ce = (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(
+      l.status !== "success" && re(l), r.value = (o = y.value) == null ? void 0 : o.filter((e) => e.uid !== l.uid), I("delete", l);
+    }, ue = (l, o) => {
+      $.value.splice(o, 1);
+    }, G = p(() => y.value.length + $.value.length < t.limit), _ = p(
       () => r.value.length >= t.limit || t.disabled
-    ), V = h(() => {
+    ), V = p(() => {
       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(() => {
+      return !((l = r.value) != null && l.length) && !$.value.length || t.limit === 1 || typeof r.value == "string" ? "0" : `${t.width + 8}px`;
+    }), J = p(() => {
       var l;
-      return !((l = r.value) != null && l.length) && !I.value.length && typeof r.value != "string" || t.limit === 1 ? "none" : "absolute";
+      return !((l = r.value) != null && l.length) && !$.value.length && typeof r.value != "string" || t.limit === 1 ? "none" : "absolute";
     });
-    return (l, o) => (p(), z(
+    return (l, o) => (v(), z(
       X,
       null,
       [
@@ -1093,7 +1131,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
           ref: d,
           "list-type": "picture-card",
           accept: n.accept,
-          action: a(v),
+          action: a(g),
           headers: n.headers || a(A),
           data: n.data,
           "file-list": y.value,
@@ -1102,15 +1140,15 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
           limit: n.limit,
           "on-change": H,
           "before-upload": Z,
-          "before-remove": ee,
-          "on-exceed": le,
-          "on-success": ne,
+          "before-remove": ne,
+          "on-exceed": oe,
+          "on-success": ae,
           "on-error": F,
           drag: ""
         }, l.$attrs, { disabled: _.value }), Pe({
           trigger: b(() => [
-            l.$slots.trigger ? Se(l.$slots, "trigger", { key: 0 }, void 0, !0) : (p(), z("div", $t, [
-              m(a(de), {
+            l.$slots.trigger ? ge(l.$slots, "trigger", { key: 0 }, void 0, !0) : (v(), z("div", Lt, [
+              m(a(me), {
                 size: 20,
                 name: "iksvg_guanbibeifen",
                 disabled: _.value
@@ -1118,7 +1156,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
               s(
                 "span",
                 null,
-                ue(n.title),
+                fe(n.title),
                 1
                 /* TEXT */
               )
@@ -1132,13 +1170,13 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                 "element-loading-background": "var(--ik-upload-bg)"
               },
               [
-                me(s(
+                pe(s(
                   "div",
-                  St,
+                  Nt,
                   [
                     m(dt),
                     We(
-                      " 上传" + ue(e.percentage) + "% ",
+                      " 上传" + fe(e.percentage) + "% ",
                       1
                       /* TEXT */
                     )
@@ -1146,7 +1184,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                   512
                   /* NEED_PATCH */
                 ), [
-                  [ve, e.status === "uploading"]
+                  [he, e.status === "uploading"]
                 ]),
                 B(` <img :src="file.url" alt="" :style="{ 'object-fit': fit }" /> `),
                 m(a(Je), {
@@ -1156,10 +1194,10 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                   "initial-index": 0,
                   fit: "contain"
                 }, null, 8, ["src"]),
-                s("span", Mt, [
+                s("span", Ot, [
                   s("span", null, [
                     m(a(N), {
-                      onClick: (u) => oe(e)
+                      onClick: (u) => ie(e)
                     }, {
                       default: b(() => [
                         m(a(Me))
@@ -1170,7 +1208,7 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                   ]),
                   s("span", null, [
                     m(a(N), {
-                      onClick: (u) => ae(e)
+                      onClick: (u) => se(e)
                     }, {
                       default: b(() => [
                         m(a(at))
@@ -1179,10 +1217,10 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                       /* STABLE */
                     }, 8, ["onClick"])
                   ]),
-                  n.preview ? B("v-if", !0) : (p(), z("span", Nt, [
+                  n.preview ? B("v-if", !0) : (v(), z("span", Bt, [
                     m(a(N), {
                       type: "warning",
-                      onClick: (u) => se(e)
+                      onClick: (u) => ce(e)
                     }, {
                       default: b(() => [
                         m(a(it))
@@ -1198,20 +1236,20 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
             )
           ]),
           default: b(() => [
-            s("ul", Ot, [
-              (p(!0), z(
+            s("ul", Tt, [
+              (v(!0), z(
                 X,
                 null,
-                Le(I.value, (e, i) => (p(), z("li", {
+                Le($.value, (e, i) => (v(), z("li", {
                   class: "el-upload-list__item",
                   key: e.uid
                 }, [
                   s("span", null, [
-                    m(a(de), {
+                    m(a(me), {
                       name: "iksvg_guanbi",
                       size: 12,
                       error: "",
-                      onClick: (u) => re(e, i)
+                      onClick: (u) => ue(e, i)
                     }, null, 8, ["onClick"])
                   ]),
                   s(
@@ -1224,11 +1262,11 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                       "element-loading-background": "var(--ik-upload-bg)"
                     },
                     [
-                      me(s("div", {
+                      pe(s("div", {
                         class: "loading-statu",
-                        onClick: (u) => te(e, i)
+                        onClick: (u) => le(e, i)
                       }, [
-                        m(a(de), {
+                        m(a(me), {
                           name: "iksvg_shuaxin-daohang",
                           size: 24
                         }),
@@ -1246,14 +1284,14 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
                           -1
                           /* CACHED */
                         ))
-                      ], 8, Bt), [
-                        [ve, e.status === "fail"]
+                      ], 8, At), [
+                        [he, e.status === "fail"]
                       ]),
                       s("img", {
                         src: e.__url,
                         alt: "",
-                        style: U({ "object-fit": n.fit })
-                      }, null, 12, Tt)
+                        style: j({ "object-fit": n.fit })
+                      }, null, 12, Et)
                     ],
                     2
                     /* CLASS */
@@ -1272,8 +1310,8 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
             fn: b(() => [
               s(
                 "span",
-                Lt,
-                ue(Q.value),
+                Mt,
+                fe(te.value),
                 1
                 /* TEXT */
               )
@@ -1282,13 +1320,13 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
           } : void 0
         ]), 1040, ["class", "accept", "action", "headers", "data", "file-list", "multiple", "limit", "disabled"]),
         B(" 文件预览 "),
-        s("div", At, [
-          k.value ? (p(), j(a(It), {
+        s("div", Rt, [
+          w.value ? (v(), R(a(St), {
             key: 0,
             "lock-scroll": "",
             "hide-on-click-modal": "",
             onClose: o[1] || (o[1] = () => {
-              k.value = !1;
+              w.value = !1;
             }),
             "url-list": c(y.value).map((e) => e.__url),
             "initial-index": Y.value
@@ -1299,8 +1337,8 @@ const dt = /* @__PURE__ */ ge(rt, [["render", ut]]), $e = [
       /* STABLE_FRAGMENT */
     ));
   }
-}), Rt = /* @__PURE__ */ ge(Et, [["__scopeId", "data-v-fadfd185"]]), Wt = he(Rt);
+}), jt = /* @__PURE__ */ ke(Ut, [["__scopeId", "data-v-fadfd185"]]), Yt = ee(jt);
 export {
-  Wt as IkUploadImage,
-  Wt as default
+  Yt as IkUploadImage,
+  Yt as default
 };