@layers.digital/layers-design-system-vue3 1.22.0 → 1.22.2

package/dist/chunks/chunk-2238.js

@@ -0,0 +1,333 @@
+import { EVENT_CODE as T } from "./chunk-1697.js";
+import { getEventCode as Ie } from "./chunk-1731.js";
+import { keysOf as _e } from "./chunk-1751.js";
+import { useLocale as Ce } from "./chunk-1714.js";
+import { useNamespace as xe } from "./chunk-1717.js";
+import { useLockscreen as Te } from "./chunk-1718.js";
+import { useZIndex as Re } from "./chunk-1735.js";
+import { ElIcon as k } from "./chunk-1754.js";
+import ze from "./chunk-2162.js";
+import { imageViewerEmits as Le, imageViewerProps as ye } from "./chunk-1963.js";
+import { useEventListener as _ } from "./chunk-1709.js";
+import { ScaleToOriginal as Ee, FullScreen as Ne, Close as Oe, ArrowLeft as $e, ArrowRight as Ye, ZoomOut as Se, ZoomIn as Xe, RefreshLeft as Ae, RefreshRight as Me } from "./chunk-1786.js";
+import { defineComponent as De, markRaw as U, ref as w, effectScope as Ve, computed as p, shallowRef as Fe, watch as B, nextTick as Pe, onMounted as He, openBlock as O, createBlock as ee, Teleport as Ze, createVNode as r, Transition as Be, withCtx as d, createElementVNode as m, normalizeStyle as te, normalizeClass as i, unref as t, withModifiers as Ke, createCommentVNode as R, createElementBlock as K, Fragment as We, renderSlot as A, createTextVNode as qe, toDisplayString as je, resolveDynamicComponent as Ge } from "vue";
+import { clamp as Je } from "./chunk-1722.js";
+import M from "./chunk-2305.js";
+const Qe = ["src", "crossorigin"];
+var vt = /* @__PURE__ */ De({
+  name: "ElImageViewer",
+  __name: "image-viewer",
+  props: ye,
+  emits: Le,
+  setup(C, { expose: ae, emit: oe }) {
+    const z = {
+      CONTAIN: {
+        name: "contain",
+        icon: U(Ne)
+      },
+      ORIGINAL: {
+        name: "original",
+        icon: U(Ee)
+      }
+    }, l = C, L = oe;
+    let W;
+    const { t: ne } = Ce(), s = xe("image-viewer"), { nextZIndex: se } = Re(), y = w(), q = w(), j = Ve(), D = p(() => {
+      const { scale: e, minScale: a, maxScale: n } = l;
+      return Je(e, a, n);
+    }), b = w(!0), E = w(!1), V = w(!1), u = w(l.initialIndex), $ = Fe(z.CONTAIN), o = w({
+      scale: D.value,
+      deg: 0,
+      offsetX: 0,
+      offsetY: 0,
+      enableTransition: !1
+    }), le = w(l.zIndex ?? se());
+    Te(V, { ns: s });
+    const re = p(() => {
+      const { urlList: e } = l;
+      return e.length <= 1;
+    }), G = p(() => u.value === 0), J = p(() => u.value === l.urlList.length - 1), Y = p(() => l.urlList[u.value]), ie = p(() => [
+      s.e("btn"),
+      s.e("prev"),
+      s.is("disabled", !l.infinite && G.value)
+    ]), ue = p(() => [
+      s.e("btn"),
+      s.e("next"),
+      s.is("disabled", !l.infinite && J.value)
+    ]), ce = p(() => {
+      const { scale: e, deg: a, offsetX: n, offsetY: v, enableTransition: h } = o.value;
+      let c = n / e, f = v / e;
+      const x = a * Math.PI / 180, I = Math.cos(x), N = Math.sin(x);
+      c = c * I + f * N, f = f * I - n / e * N;
+      const Z = {
+        transform: `scale(${e}) rotate(${a}deg) translate(${c}px, ${f}px)`,
+        transition: h ? "transform .3s" : ""
+      };
+      return $.value.name === z.CONTAIN.name && (Z.maxWidth = Z.maxHeight = "100%"), Z;
+    }), fe = p(() => `${u.value + 1} / ${l.urlList.length}`);
+    function S() {
+      me(), W?.(), V.value = !1, L("close");
+    }
+    function de() {
+      const e = M((n) => {
+        switch (Ie(n)) {
+          case T.esc:
+            l.closeOnPressEscape && S();
+            break;
+          case T.space:
+            F();
+            break;
+          case T.left:
+            P();
+            break;
+          case T.up:
+            g("zoomIn");
+            break;
+          case T.right:
+            H();
+            break;
+          case T.down:
+            g("zoomOut");
+            break;
+        }
+      }), a = M((n) => {
+        g((n.deltaY || n.deltaX) < 0 ? "zoomIn" : "zoomOut", {
+          zoomRate: l.zoomRate,
+          enableTransition: !1
+        });
+      });
+      j.run(() => {
+        _(document, "keydown", e), _(y, "wheel", a);
+      });
+    }
+    function me() {
+      j.stop();
+    }
+    function ve() {
+      b.value = !1;
+    }
+    function pe(e) {
+      E.value = !0, b.value = !1, L("error", e), e.target.alt = ne("el.image.error");
+    }
+    function ge(e) {
+      if (b.value || e.button !== 0 || !y.value) return;
+      o.value.enableTransition = !1;
+      const { offsetX: a, offsetY: n } = o.value, v = e.pageX, h = e.pageY, c = M((I) => {
+        o.value = {
+          ...o.value,
+          offsetX: a + I.pageX - v,
+          offsetY: n + I.pageY - h
+        };
+      }), f = _(document, "mousemove", c), x = _(document, "mouseup", () => {
+        f(), x();
+      });
+      e.preventDefault();
+    }
+    function he(e) {
+      if (b.value || !y.value || e.touches.length !== 1) return;
+      o.value.enableTransition = !1;
+      const { offsetX: a, offsetY: n } = o.value, { pageX: v, pageY: h } = e.touches[0], c = M((I) => {
+        const N = I.touches[0];
+        o.value = {
+          ...o.value,
+          offsetX: a + N.pageX - v,
+          offsetY: n + N.pageY - h
+        };
+      }), f = _(document, "touchmove", c), x = _(document, "touchend", () => {
+        f(), x();
+      });
+      e.preventDefault();
+    }
+    function Q() {
+      o.value = {
+        scale: D.value,
+        deg: 0,
+        offsetX: 0,
+        offsetY: 0,
+        enableTransition: !1
+      };
+    }
+    function F() {
+      if (b.value || E.value) return;
+      const e = _e(z), a = Object.values(z), n = $.value.name;
+      $.value = z[e[(a.findIndex((v) => v.name === n) + 1) % e.length]], Q();
+    }
+    function X(e) {
+      E.value = !1;
+      const a = l.urlList.length;
+      u.value = (e + a) % a;
+    }
+    function P() {
+      G.value && !l.infinite || X(u.value - 1);
+    }
+    function H() {
+      J.value && !l.infinite || X(u.value + 1);
+    }
+    function g(e, a = {}) {
+      if (b.value || E.value) return;
+      const { minScale: n, maxScale: v } = l, { zoomRate: h, rotateDeg: c, enableTransition: f } = {
+        zoomRate: l.zoomRate,
+        rotateDeg: 90,
+        enableTransition: !0,
+        ...a
+      };
+      switch (e) {
+        case "zoomOut":
+          o.value.scale > n && (o.value.scale = Number.parseFloat((o.value.scale / h).toFixed(3)));
+          break;
+        case "zoomIn":
+          o.value.scale < v && (o.value.scale = Number.parseFloat((o.value.scale * h).toFixed(3)));
+          break;
+        case "clockwise":
+          o.value.deg += c, L("rotate", o.value.deg);
+          break;
+        case "anticlockwise":
+          o.value.deg -= c, L("rotate", o.value.deg);
+          break;
+      }
+      o.value.enableTransition = f;
+    }
+    function ke(e) {
+      e.detail?.focusReason === "pointer" && e.preventDefault();
+    }
+    function we() {
+      l.closeOnPressEscape && S();
+    }
+    function be(e) {
+      if (e.ctrlKey) {
+        if (e.deltaY < 0)
+          return e.preventDefault(), !1;
+        if (e.deltaY > 0)
+          return e.preventDefault(), !1;
+      }
+    }
+    return B(() => D.value, (e) => {
+      o.value.scale = e;
+    }), B(Y, () => {
+      Pe(() => {
+        q.value?.complete || (b.value = !0);
+      });
+    }), B(u, (e) => {
+      Q(), L("switch", e);
+    }), He(() => {
+      V.value = !0, de(), W = _("wheel", be, { passive: !1 });
+    }), ae({
+      /**
+      * @description manually switch image
+      */
+      setActiveItem: X
+    }), (e, a) => (O(), ee(Ze, {
+      to: "body",
+      disabled: !C.teleported
+    }, [r(Be, {
+      name: "viewer-fade",
+      appear: ""
+    }, {
+      default: d(() => [m("div", {
+        ref_key: "wrapper",
+        ref: y,
+        tabindex: -1,
+        class: i(t(s).e("wrapper")),
+        style: te({ zIndex: le.value })
+      }, [r(t(ze), {
+        loop: "",
+        trapped: "",
+        "focus-trap-el": y.value,
+        "focus-start-el": "container",
+        onFocusoutPrevented: ke,
+        onReleaseRequested: we
+      }, {
+        default: d(() => [
+          m("div", {
+            class: i(t(s).e("mask")),
+            onClick: a[0] || (a[0] = Ke((n) => C.hideOnClickModal && S(), ["self"]))
+          }, null, 2),
+          R(" CLOSE "),
+          m("span", {
+            class: i([t(s).e("btn"), t(s).e("close")]),
+            onClick: S
+          }, [r(t(k), null, {
+            default: d(() => [r(t(Oe))]),
+            _: 1
+          })], 2),
+          R(" ARROW "),
+          re.value ? R("v-if", !0) : (O(), K(We, { key: 0 }, [m("span", {
+            class: i(ie.value),
+            onClick: P
+          }, [r(t(k), null, {
+            default: d(() => [r(t($e))]),
+            _: 1
+          })], 2), m("span", {
+            class: i(ue.value),
+            onClick: H
+          }, [r(t(k), null, {
+            default: d(() => [r(t(Ye))]),
+            _: 1
+          })], 2)], 64)),
+          e.$slots.progress || C.showProgress ? (O(), K("div", {
+            key: 1,
+            class: i([t(s).e("btn"), t(s).e("progress")])
+          }, [A(e.$slots, "progress", {
+            activeIndex: u.value,
+            total: C.urlList.length
+          }, () => [qe(je(fe.value), 1)])], 2)) : R("v-if", !0),
+          R(" ACTIONS "),
+          m("div", { class: i([t(s).e("btn"), t(s).e("actions")]) }, [m("div", { class: i(t(s).e("actions__inner")) }, [A(e.$slots, "toolbar", {
+            actions: g,
+            prev: P,
+            next: H,
+            reset: F,
+            activeIndex: u.value,
+            setActiveItem: X
+          }, () => [
+            r(t(k), { onClick: a[1] || (a[1] = (n) => g("zoomOut")) }, {
+              default: d(() => [r(t(Se))]),
+              _: 1
+            }),
+            r(t(k), { onClick: a[2] || (a[2] = (n) => g("zoomIn")) }, {
+              default: d(() => [r(t(Xe))]),
+              _: 1
+            }),
+            m("i", { class: i(t(s).e("actions__divider")) }, null, 2),
+            r(t(k), { onClick: F }, {
+              default: d(() => [(O(), ee(Ge($.value.icon)))]),
+              _: 1
+            }),
+            m("i", { class: i(t(s).e("actions__divider")) }, null, 2),
+            r(t(k), { onClick: a[3] || (a[3] = (n) => g("anticlockwise")) }, {
+              default: d(() => [r(t(Ae))]),
+              _: 1
+            }),
+            r(t(k), { onClick: a[4] || (a[4] = (n) => g("clockwise")) }, {
+              default: d(() => [r(t(Me))]),
+              _: 1
+            })
+          ])], 2)], 2),
+          R(" CANVAS "),
+          m("div", { class: i(t(s).e("canvas")) }, [E.value && e.$slots["viewer-error"] ? A(e.$slots, "viewer-error", {
+            key: 0,
+            activeIndex: u.value,
+            src: Y.value
+          }) : (O(), K("img", {
+            ref_key: "imgRef",
+            ref: q,
+            key: Y.value,
+            src: Y.value,
+            style: te(ce.value),
+            class: i(t(s).e("img")),
+            crossorigin: C.crossorigin,
+            onLoad: ve,
+            onError: pe,
+            onMousedown: ge,
+            onTouchstart: he
+          }, null, 46, Qe))], 2),
+          A(e.$slots, "default")
+        ]),
+        _: 3
+      }, 8, ["focus-trap-el"])], 6)]),
+      _: 3
+    })], 8, ["disabled"]));
+  }
+});
+export {
+  vt as default
+};

package/dist/chunks/chunk-2239.cjs

@@ -0,0 +1 @@
+"use strict";const j=require("./chunk-1709.cjs"),z=require("./chunk-1703.cjs"),H=require("./chunk-1719.cjs"),K=require("./chunk-1705.cjs"),D=require("./chunk-1714.cjs"),W=require("./chunk-1717.cjs"),x=require("./chunk-1962.cjs"),Z=require("./chunk-1964.cjs"),e=require("vue"),G=require("./chunk-1707.cjs"),l=require("./chunk-1722.cjs"),E=require("./chunk-1721.cjs"),J=["src","loading","crossorigin"],Q={key:0};var U=e.defineComponent({name:"ElImage",inheritAttrs:!1,__name:"image",props:x.imageProps,emits:x.imageEmits,setup(t,{expose:B,emit:$}){const n=t,a=$,{t:q}=D.useLocale(),s=W.useNamespace("image"),P=e.useAttrs(),h=e.computed(()=>G(Object.entries(P).filter(([r])=>/^(data-|on[A-Z])/i.test(r)||["id","style"].includes(r)))),V=K.useAttrs({excludeListeners:!0,excludeKeys:e.computed(()=>Object.keys(h.value))}),v=e.ref(),c=e.ref(!1),i=e.ref(!0),f=e.ref(!1),m=e.ref(),u=e.ref(),I=l.isClient&&"loading"in HTMLImageElement.prototype;let g;const N=e.computed(()=>[s.e("inner"),p.value&&s.e("preview"),i.value&&s.is("loading")]),A=e.computed(()=>{const{fit:r}=n;return l.isClient&&r?{objectFit:r}:{}}),p=e.computed(()=>{const{previewSrcList:r}=n;return E.isArray(r)&&r.length>0}),b=e.computed(()=>{const{previewSrcList:r,initialIndex:d}=n;let o=d;return d>r.length-1&&(o=0),o}),k=e.computed(()=>n.loading==="eager"?!1:!I&&n.loading==="lazy"||n.lazy),w=()=>{l.isClient&&(i.value=!0,c.value=!1,v.value=n.src)};function O(r){i.value=!1,c.value=!1,a("load",r)}function F(r){i.value=!1,c.value=!0,a("error",r)}function M(r){r&&(w(),L())}const y=l.useThrottleFn(M,200,!0);async function C(){if(!l.isClient)return;await e.nextTick();const{scrollContainer:r}=n;if(z.isElement(r))u.value=r;else if(E.isString(r)&&r!=="")u.value=document.querySelector(r)??void 0;else if(m.value){const o=H.getScrollContainer(m.value);u.value=z.isWindow(o)?void 0:o}const{stop:d}=j.useIntersectionObserver(m,([o])=>{y(o.isIntersecting)},{root:u});g=d}function L(){!l.isClient||!y||(g?.(),u.value=void 0,g=void 0)}function S(){p.value&&(f.value=!0,a("show"))}function R(){f.value=!1,a("close")}function T(r){a("switch",r)}return e.watch(()=>n.src,()=>{k.value?(i.value=!0,c.value=!1,L(),C()):w()}),e.onMounted(()=>{k.value?C():w()}),B({showPreview:S}),(r,d)=>(e.openBlock(),e.createElementBlock("div",e.mergeProps({ref_key:"container",ref:m},h.value,{class:[e.unref(s).b(),r.$attrs.class]}),[c.value?e.renderSlot(r.$slots,"error",{key:0},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("error"))},e.toDisplayString(e.unref(q)("el.image.error")),3)]):(e.openBlock(),e.createElementBlock(e.Fragment,{key:1},[v.value!==void 0?(e.openBlock(),e.createElementBlock("img",e.mergeProps({key:0},e.unref(V),{src:v.value,loading:t.loading,style:A.value,class:N.value,crossorigin:t.crossorigin,onClick:S,onLoad:O,onError:F}),null,16,J)):e.createCommentVNode("v-if",!0),i.value?(e.openBlock(),e.createElementBlock("div",{key:1,class:e.normalizeClass(e.unref(s).e("wrapper"))},[e.renderSlot(r.$slots,"placeholder",{},()=>[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("placeholder"))},null,2)])],2)):e.createCommentVNode("v-if",!0)],64)),p.value?(e.openBlock(),e.createElementBlock(e.Fragment,{key:2},[f.value?(e.openBlock(),e.createBlock(e.unref(Z.ElImageViewer),{key:0,"z-index":t.zIndex,"initial-index":b.value,infinite:t.infinite,"zoom-rate":t.zoomRate,"min-scale":t.minScale,"max-scale":t.maxScale,"show-progress":t.showProgress,"url-list":t.previewSrcList,scale:t.scale,crossorigin:t.crossorigin,"hide-on-click-modal":t.hideOnClickModal,teleported:t.previewTeleported,"close-on-press-escape":t.closeOnPressEscape,onClose:R,onSwitch:T},e.createSlots({toolbar:e.withCtx(o=>[e.renderSlot(r.$slots,"toolbar",e.normalizeProps(e.guardReactiveProps(o)))]),default:e.withCtx(()=>[r.$slots.viewer?(e.openBlock(),e.createElementBlock("div",Q,[e.renderSlot(r.$slots,"viewer")])):e.createCommentVNode("v-if",!0)]),_:2},[r.$slots.progress?{name:"progress",fn:e.withCtx(o=>[e.renderSlot(r.$slots,"progress",e.normalizeProps(e.guardReactiveProps(o)))]),key:"0"}:void 0,r.$slots["viewer-error"]?{name:"viewer-error",fn:e.withCtx(o=>[e.renderSlot(r.$slots,"viewer-error",e.normalizeProps(e.guardReactiveProps(o)))]),key:"1"}:void 0]),1032,["z-index","initial-index","infinite","zoom-rate","min-scale","max-scale","show-progress","url-list","scale","crossorigin","hide-on-click-modal","teleported","close-on-press-escape"])):e.createCommentVNode("v-if",!0)],64)):e.createCommentVNode("v-if",!0)],16))}});module.exports=U;

package/dist/chunks/chunk-2239.js

@@ -0,0 +1,154 @@
+import { useIntersectionObserver as X } from "./chunk-1709.js";
+import { isElement as Y, isWindow as _ } from "./chunk-1703.js";
+import { getScrollContainer as ee } from "./chunk-1719.js";
+import { useAttrs as re } from "./chunk-1705.js";
+import { useLocale as oe } from "./chunk-1714.js";
+import { useNamespace as te } from "./chunk-1717.js";
+import { imageEmits as ie, imageProps as se } from "./chunk-1962.js";
+import { ElImageViewer as ne } from "./chunk-1964.js";
+import { defineComponent as ae, useAttrs as le, computed as s, ref as c, watch as ce, onMounted as ue, openBlock as n, createElementBlock as u, mergeProps as M, unref as a, renderSlot as d, createElementVNode as T, normalizeClass as E, toDisplayString as de, Fragment as j, createCommentVNode as p, createBlock as me, createSlots as ve, withCtx as y, normalizeProps as $, guardReactiveProps as I, nextTick as fe } from "vue";
+import ge from "./chunk-1707.js";
+import { isClient as w, useThrottleFn as pe } from "./chunk-1722.js";
+import { isArray as we, isString as he } from "./chunk-1721.js";
+const ye = [
+  "src",
+  "loading",
+  "crossorigin"
+], Le = { key: 0 };
+var Oe = /* @__PURE__ */ ae({
+  name: "ElImage",
+  inheritAttrs: !1,
+  __name: "image",
+  props: se,
+  emits: ie,
+  setup(r, { expose: B, emit: F }) {
+    const t = r, m = F, { t: H } = oe(), i = te("image"), N = le(), A = s(() => ge(Object.entries(N).filter(([e]) => /^(data-|on[A-Z])/i.test(e) || ["id", "style"].includes(e)))), K = re({
+      excludeListeners: !0,
+      excludeKeys: s(() => Object.keys(A.value))
+    }), L = c(), v = c(!1), l = c(!0), k = c(!1), h = c(), f = c(), R = w && "loading" in HTMLImageElement.prototype;
+    let S;
+    const q = s(() => [
+      i.e("inner"),
+      z.value && i.e("preview"),
+      l.value && i.is("loading")
+    ]), D = s(() => {
+      const { fit: e } = t;
+      return w && e ? { objectFit: e } : {};
+    }), z = s(() => {
+      const { previewSrcList: e } = t;
+      return we(e) && e.length > 0;
+    }), W = s(() => {
+      const { previewSrcList: e, initialIndex: g } = t;
+      let o = g;
+      return g > e.length - 1 && (o = 0), o;
+    }), x = s(() => t.loading === "eager" ? !1 : !R && t.loading === "lazy" || t.lazy), C = () => {
+      w && (l.value = !0, v.value = !1, L.value = t.src);
+    };
+    function Z(e) {
+      l.value = !1, v.value = !1, m("load", e);
+    }
+    function G(e) {
+      l.value = !1, v.value = !0, m("error", e);
+    }
+    function J(e) {
+      e && (C(), V());
+    }
+    const P = pe(J, 200, !0);
+    async function b() {
+      if (!w) return;
+      await fe();
+      const { scrollContainer: e } = t;
+      if (Y(e)) f.value = e;
+      else if (he(e) && e !== "") f.value = document.querySelector(e) ?? void 0;
+      else if (h.value) {
+        const o = ee(h.value);
+        f.value = _(o) ? void 0 : o;
+      }
+      const { stop: g } = X(h, ([o]) => {
+        P(o.isIntersecting);
+      }, { root: f });
+      S = g;
+    }
+    function V() {
+      !w || !P || (S?.(), f.value = void 0, S = void 0);
+    }
+    function O() {
+      z.value && (k.value = !0, m("show"));
+    }
+    function Q() {
+      k.value = !1, m("close");
+    }
+    function U(e) {
+      m("switch", e);
+    }
+    return ce(() => t.src, () => {
+      x.value ? (l.value = !0, v.value = !1, V(), b()) : C();
+    }), ue(() => {
+      x.value ? b() : C();
+    }), B({
+      /** @description manually open preview */
+      showPreview: O
+    }), (e, g) => (n(), u("div", M({
+      ref_key: "container",
+      ref: h
+    }, A.value, { class: [a(i).b(), e.$attrs.class] }), [v.value ? d(e.$slots, "error", { key: 0 }, () => [T("div", { class: E(a(i).e("error")) }, de(a(H)("el.image.error")), 3)]) : (n(), u(j, { key: 1 }, [L.value !== void 0 ? (n(), u("img", M({ key: 0 }, a(K), {
+      src: L.value,
+      loading: r.loading,
+      style: D.value,
+      class: q.value,
+      crossorigin: r.crossorigin,
+      onClick: O,
+      onLoad: Z,
+      onError: G
+    }), null, 16, ye)) : p("v-if", !0), l.value ? (n(), u("div", {
+      key: 1,
+      class: E(a(i).e("wrapper"))
+    }, [d(e.$slots, "placeholder", {}, () => [T("div", { class: E(a(i).e("placeholder")) }, null, 2)])], 2)) : p("v-if", !0)], 64)), z.value ? (n(), u(j, { key: 2 }, [k.value ? (n(), me(a(ne), {
+      key: 0,
+      "z-index": r.zIndex,
+      "initial-index": W.value,
+      infinite: r.infinite,
+      "zoom-rate": r.zoomRate,
+      "min-scale": r.minScale,
+      "max-scale": r.maxScale,
+      "show-progress": r.showProgress,
+      "url-list": r.previewSrcList,
+      scale: r.scale,
+      crossorigin: r.crossorigin,
+      "hide-on-click-modal": r.hideOnClickModal,
+      teleported: r.previewTeleported,
+      "close-on-press-escape": r.closeOnPressEscape,
+      onClose: Q,
+      onSwitch: U
+    }, ve({
+      toolbar: y((o) => [d(e.$slots, "toolbar", $(I(o)))]),
+      default: y(() => [e.$slots.viewer ? (n(), u("div", Le, [d(e.$slots, "viewer")])) : p("v-if", !0)]),
+      _: 2
+    }, [e.$slots.progress ? {
+      name: "progress",
+      fn: y((o) => [d(e.$slots, "progress", $(I(o)))]),
+      key: "0"
+    } : void 0, e.$slots["viewer-error"] ? {
+      name: "viewer-error",
+      fn: y((o) => [d(e.$slots, "viewer-error", $(I(o)))]),
+      key: "1"
+    } : void 0]), 1032, [
+      "z-index",
+      "initial-index",
+      "infinite",
+      "zoom-rate",
+      "min-scale",
+      "max-scale",
+      "show-progress",
+      "url-list",
+      "scale",
+      "crossorigin",
+      "hide-on-click-modal",
+      "teleported",
+      "close-on-press-escape"
+    ])) : p("v-if", !0)], 64)) : p("v-if", !0)], 16));
+  }
+});
+export {
+  Oe as default
+};

package/dist/chunks/chunk-2240.cjs

@@ -0,0 +1 @@
+"use strict";const M=require("./chunk-1697.cjs"),b=require("./chunk-1699.cjs"),O=require("./chunk-1731.cjs"),m=require("./chunk-1703.cjs"),v=require("./chunk-1706.cjs"),D=require("./chunk-1721.cjs"),te=require("./chunk-1714.cjs"),re=require("./chunk-1717.cjs"),U=require("./chunk-1754.cjs"),z=require("./chunk-1769.cjs"),ne=require("./chunk-1770.cjs"),ue=require("./chunk-1787.cjs"),K=require("./chunk-1835.cjs"),L=require("./chunk-1968.cjs"),E=require("./chunk-1786.cjs"),e=require("vue"),S=require("./chunk-1819.cjs"),ie=["aria-label"],ae=["aria-label"];var le=e.defineComponent({name:"ElInputNumber",__name:"input-number",props:L.inputNumberProps,emits:L.inputNumberEmits,setup(l,{expose:R,emit:W}){const n=l,o=W,{t:T}=te.useLocale(),c=re.useNamespace("input-number"),f=e.ref(),a=e.reactive({currentValue:n.modelValue,userInput:null}),{formItem:A}=ne.useFormItem(),P=e.computed(()=>m.isNumber(n.modelValue)&&n.modelValue<=n.min),q=e.computed(()=>m.isNumber(n.modelValue)&&n.modelValue>=n.max),G=e.computed(()=>{const t=F(n.step);return m.isUndefined(n.precision)?Math.max(F(n.modelValue),t):(t>n.precision&&v.debugWarn("InputNumber","precision should not be less than the decimal places of step"),n.precision)}),x=e.computed(()=>n.controls&&n.controlsPosition==="right"),B=z.useFormSize(),p=z.useFormDisabled(),g=e.computed(()=>{if(a.userInput!==null)return a.userInput;let t=a.currentValue;if(S(t))return"";if(m.isNumber(t)){if(Number.isNaN(t))return"";m.isUndefined(n.precision)||(t=t.toFixed(n.precision))}return t}),N=(t,r)=>{if(m.isUndefined(r)&&(r=G.value),r===0)return Math.round(t);let u=String(t);const i=u.indexOf(".");if(i===-1||!u.replace(".","").split("")[i+r])return t;const d=u.length;return u.charAt(d-1)==="5"&&(u=`${u.slice(0,Math.max(0,d-1))}6`),Number.parseFloat(Number(u).toFixed(r))},F=t=>{if(S(t))return 0;const r=t.toString(),u=r.indexOf(".");let i=0;return u!==-1&&(i=r.length-u-1),i},$=(t,r=1)=>m.isNumber(t)?t>=Number.MAX_SAFE_INTEGER&&r===1?(v.debugWarn("InputNumber","The value has reached the maximum safe integer limit."),t):t<=Number.MIN_SAFE_INTEGER&&r===-1?(v.debugWarn("InputNumber","The value has reached the minimum safe integer limit."),t):N(t+n.step*r):a.currentValue,H=t=>{const r=O.getEventCode(t),u=O.getEventKey(t);if(n.disabledScientific&&["e","E"].includes(u)){t.preventDefault();return}switch(r){case M.EVENT_CODE.up:t.preventDefault(),w();break;case M.EVENT_CODE.down:t.preventDefault(),y();break}},w=()=>{n.readonly||p.value||q.value||(h($(Number(g.value)||0)),o(b.INPUT_EVENT,a.currentValue),k())},y=()=>{n.readonly||p.value||P.value||(h($(Number(g.value)||0,-1)),o(b.INPUT_EVENT,a.currentValue),k())},I=(t,r)=>{const{max:u,min:i,step:d,precision:C,stepStrictly:ee,valueOnClear:V}=n;u<i&&v.throwError("InputNumber","min should not be greater than max.");let s=t?Number.parseFloat(String(t)):Number(t);if(S(t)||Number.isNaN(s))return null;if(t===""){if(V===null)return null;s=D.isString(V)?{min:i,max:u}[V]:V}return ee&&(s=N(Math.round(N(s/d))*d,C),s!==t&&r&&o("update:modelValue",s)),m.isUndefined(C)||(s=N(s,C)),(s>u||s<i)&&(s=s>u?u:i,r&&o("update:modelValue",s)),s},h=(t,r=!0)=>{const u=a.currentValue,i=I(t);if(!r){o(b.UPDATE_MODEL_EVENT,i);return}a.userInput=null,!(u===i&&t)&&(o(b.UPDATE_MODEL_EVENT,i),u!==i&&o(b.CHANGE_EVENT,i,u),n.validateEvent&&A?.validate?.("change").catch(D.NOOP),a.currentValue=i)},X=t=>{a.userInput=t;let r=t===""?null:Number.parseFloat(t);Number.isNaN(r)&&(r=null),o(b.INPUT_EVENT,r),h(r,!1)},j=t=>{const r=t!==""?Number.parseFloat(t):"";(m.isNumber(r)&&!Number.isNaN(r)||n.formatter&&Number.isNaN(r)||r==="")&&h(r),k(),a.userInput=null},J=()=>{f.value?.focus?.()},Q=()=>{f.value?.blur?.()},Y=t=>{o("focus",t)},Z=t=>{a.userInput=null,a.currentValue===null&&f.value?.input&&(f.value.input.value=n.formatter?.("")??""),o("blur",t),n.validateEvent&&A?.validate?.("blur").catch(D.NOOP)},k=()=>{a.currentValue!==n.modelValue&&(a.currentValue=n.modelValue)},_=t=>{document.activeElement===t.target&&t.preventDefault()};return e.watch(()=>n.modelValue,(t,r)=>{const u=I(t,!0);a.userInput===null&&u!==r&&(a.currentValue=u)},{immediate:!0}),e.watch(()=>n.precision,()=>{a.currentValue=I(n.modelValue)}),e.onMounted(()=>{const{min:t,max:r,modelValue:u}=n,i=f.value?.input;if(i.setAttribute("role","spinbutton"),Number.isFinite(r)?i.setAttribute("aria-valuemax",String(r)):i.removeAttribute("aria-valuemax"),Number.isFinite(t)?i.setAttribute("aria-valuemin",String(t)):i.removeAttribute("aria-valuemin"),i.setAttribute("aria-valuenow",a.currentValue||a.currentValue===0?String(a.currentValue):""),i.setAttribute("aria-disabled",String(p.value)),!m.isNumber(u)&&u!=null){let d=Number(u);Number.isNaN(d)&&(d=null),o(b.UPDATE_MODEL_EVENT,d)}i.addEventListener("wheel",_,{passive:!1})}),e.onUpdated(()=>{f.value?.input?.setAttribute("aria-valuenow",`${a.currentValue??""}`)}),R({focus:J,blur:Q}),(t,r)=>(e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass([e.unref(c).b(),e.unref(c).m(e.unref(B)),e.unref(c).is("disabled",e.unref(p)),e.unref(c).is("without-controls",!l.controls),e.unref(c).is("controls-right",x.value),e.unref(c).is(l.align,!!l.align)]),onDragstart:r[0]||(r[0]=e.withModifiers(()=>{},["prevent"]))},[l.controls?e.withDirectives((e.openBlock(),e.createElementBlock("span",{key:0,role:"button","aria-label":e.unref(T)("el.inputNumber.decrease"),class:e.normalizeClass([e.unref(c).e("decrease"),e.unref(c).is("disabled",P.value)]),onKeydown:e.withKeys(y,["enter"])},[e.renderSlot(t.$slots,"decrease-icon",{},()=>[e.createVNode(e.unref(U.ElIcon),null,{default:e.withCtx(()=>[x.value?(e.openBlock(),e.createBlock(e.unref(E.ArrowDown),{key:0})):(e.openBlock(),e.createBlock(e.unref(E.Minus),{key:1}))]),_:1})])],42,ie)),[[e.unref(K.vRepeatClick),y]]):e.createCommentVNode("v-if",!0),l.controls?e.withDirectives((e.openBlock(),e.createElementBlock("span",{key:1,role:"button","aria-label":e.unref(T)("el.inputNumber.increase"),class:e.normalizeClass([e.unref(c).e("increase"),e.unref(c).is("disabled",q.value)]),onKeydown:e.withKeys(w,["enter"])},[e.renderSlot(t.$slots,"increase-icon",{},()=>[e.createVNode(e.unref(U.ElIcon),null,{default:e.withCtx(()=>[x.value?(e.openBlock(),e.createBlock(e.unref(E.ArrowUp),{key:0})):(e.openBlock(),e.createBlock(e.unref(E.Plus),{key:1}))]),_:1})])],42,ae)),[[e.unref(K.vRepeatClick),w]]):e.createCommentVNode("v-if",!0),e.createVNode(e.unref(ue.ElInput),{id:l.id,ref_key:"input",ref:f,type:l.formatter?"text":"number",step:l.step,"model-value":g.value,placeholder:l.placeholder,readonly:l.readonly,disabled:e.unref(p),size:e.unref(B),max:l.max,min:l.min,name:l.name,"aria-label":l.ariaLabel,"validate-event":!1,inputmode:l.inputmode,formatter:l.formatter,parser:l.parser,tabindex:l.tabindex,onKeydown:H,onBlur:Z,onFocus:Y,onInput:X,onChange:j},e.createSlots({_:2},[t.$slots.prefix?{name:"prefix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"prefix")]),key:"0"}:void 0,t.$slots.suffix?{name:"suffix",fn:e.withCtx(()=>[e.renderSlot(t.$slots,"suffix")]),key:"1"}:void 0]),1032,["id","type","step","model-value","placeholder","readonly","disabled","size","max","min","name","aria-label","inputmode","formatter","parser","tabindex"])],34))}});module.exports=le;