@lingshugroup/web-plus 1.0.40 → 1.1.0

package/lib/packages/ls-components/components/preview_image/Image.vue/index2.js

@@ -1,31 +1,32 @@
 var fe = Object.defineProperty;
 var a = (L, S) => fe(L, "name", { value: S, configurable: !0 });
-import { defineComponent as ee, ref as O, effectScope as de, shallowRef as pe, reactive as ve, computed as I, watch as J, nextTick as ge, onMounted as be, openBlock as h, createElementBlock as z, createBlock as he, Teleport as ke, createVNode as m, Transition as we, withCtx as Fe, createElementVNode as f, normalizeClass as l, unref as o, normalizeStyle as D, withModifiers as Ie, Fragment as K, createCommentVNode as Q, renderList as ze, withDirectives as Ce, vShow as xe, renderSlot as Ne } from "vue";
+import { defineComponent as oe, useAttrs as pe, ref as O, effectScope as ve, shallowRef as ge, reactive as be, computed as z, watch as U, nextTick as ke, onMounted as we, openBlock as g, createElementBlock as w, createBlock as Fe, Teleport as he, createVNode as u, Transition as Ie, withCtx as ze, createElementVNode as m, normalizeClass as i, unref as o, normalizeStyle as Y, withModifiers as Ce, Fragment as $, createCommentVNode as j, renderList as xe, withDirectives as Ne, vShow as Te, renderSlot as ye } from "vue";
 import { useEventListener as E } from "../../../../../node_modules/.pnpm/@vueuse_core@12.0.0_typescript@5.5.4/node_modules/@vueuse/core/index/index.js";
-import { useNamespace as Te } from "../../_hooks/useNamespace/index.js";
-import { useZIndex as ye } from "../../_hooks/useZIndex/index.js";
+import { useNamespace as Oe } from "../../_hooks/useNamespace/index.js";
+import { useZIndex as Ee } from "../../_hooks/useZIndex/index.js";
 import { EVENT_CODE as C } from "../../_constants/aria/index.js";
-import { isString as Oe, isNumber as Ee, isArray as Le, isFirefox as Se } from "../../_utils/check/index.js";
+import { isString as Le, isNumber as Se, isArray as De, isFirefox as Ae } from "../../_utils/check/index.js";
 import { keysOf as Me } from "../../_utils/types/index.js";
-import { imageViewerProps as Re, previewEmits as Ae } from "../types/index.js";
-import v from "../../icon/Index.vue/index.js";
-import $ from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/throttle/index.js";
-import U from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.js";
-const Xe = ["src"], Ye = ["src"], De = ee({
+import { imageViewerProps as Re } from "../types/index.js";
+import { previewEmits as Xe } from "../../_constants/prviewType/index.js";
+import p from "../../icon/Index.vue/index.js";
+import V from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/throttle/index.js";
+import ee from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.js";
+const Ye = ["src"], $e = ["src"], je = oe({
   name: "LSImage"
-}), Ke = /* @__PURE__ */ ee({
-  ...De,
+}), eo = /* @__PURE__ */ oe({
+  ...je,
   props: Re,
-  emits: Ae,
-  setup(L, { expose: S, emit: oe }) {
-    const k = {
+  emits: Xe,
+  setup(L, { expose: S, emit: te }) {
+    const F = {
       CONTAIN: {
         name: "FullScreen"
       },
       ORIGINAL: {
         name: "ScaleToOriginal"
       }
-    }, te = Se() ? "DOMMouseScroll" : "mousewheel", i = L, N = oe, s = Te("image"), { nextZIndex: ne } = ye(), M = O(), R = O([]), j = de(), w = O(!0), d = O(i.initialIndex), T = pe(k.CONTAIN), r = ve({
+    }, ne = Ae() ? "DOMMouseScroll" : "mousewheel", l = L, x = te, Z = pe(), s = Oe("image"), { nextZIndex: se } = Ee(), D = O(), A = O([]), H = ve(), h = O(!0), v = O(l.initialIndex), T = ge(F.CONTAIN), r = be({
       scale: 1,
       deg: 0,
       offsetX: 0,
@@ -34,99 +35,102 @@ const Xe = ["src"], Ye = ["src"], De = ee({
       width: "auto",
       height: "auto",
       objectFit: "none"
-    }), se = I(() => {
-      const { source: e } = i;
-      return Oe(e) || e.length <= 1;
-    }), V = I(() => d.value === 0), Z = I(() => d.value === i.source.length - 1), ae = I(() => i.source[d.value]), H = I(() => {
-      const { scale: e, deg: t, offsetX: n, offsetY: c, enableTransition: u, width: x, height: Y, objectFit: y } = r;
-      let g = n / e, b = c / e;
-      switch (t % 360) {
+    }), ae = z(() => {
+      const { source: e } = l || {};
+      return Le(e) || e.length <= 1;
+    }), B = z(() => v.value === 0), P = z(() => {
+      const e = l.source;
+      return v.value === e.length - 1;
+    }), re = z(() => (l.source || {})[v.value]), _ = z(() => {
+      const { scale: e, deg: n, offsetX: t, offsetY: c, enableTransition: f, width: N, height: X, objectFit: y } = r;
+      let b = t / e, k = c / e;
+      switch (n % 360) {
         case 90:
         case -270:
-          [g, b] = [b, -g];
+          [b, k] = [k, -b];
           break;
         case 180:
         case -180:
-          [g, b] = [-g, -b];
+          [b, k] = [-b, -k];
           break;
         case 270:
         case -90:
-          [g, b] = [-b, g];
+          [b, k] = [-k, b];
           break;
       }
-      const F = {
-        transform: `scale(${e}) rotate(${t}deg) translate(${g}px, ${b}px)`,
-        transition: u ? "transform .3s" : ""
+      const I = {
+        transform: `scale(${e}) rotate(${n}deg) translate(${b}px, ${k}px)`,
+        transition: f ? "transform .3s" : ""
       };
-      return T.value.name === k.CONTAIN.name && (F.maxWidth = F.maxHeight = "100%"), F.width = x, F.height = Y, F.objectFit = y, F;
-    }), re = I(() => Ee(i.zIndex) ? i.zIndex : ne()), ie = /* @__PURE__ */ a(() => {
-      i.onClose && i.onClose(), N("update:source", []);
+      return T.value.name === F.CONTAIN.name && (I.maxWidth = I.maxHeight = "100%"), I.width = N, I.height = X, I.objectFit = y, I;
+    }), ie = z(() => Se(l.zIndex) ? l.zIndex : se()), le = /* @__PURE__ */ a(() => {
+      l.onClose && l.onClose(), x("update:source", []);
     }, "closeFunc");
-    function A() {
-      ce(), ie();
+    function M() {
+      ue(), le();
     }
-    a(A, "hide");
-    function le() {
-      const e = $((n) => {
-        switch (n.code) {
+    a(M, "hide");
+    function ce() {
+      const e = V((t) => {
+        switch (t.code) {
           case C.esc:
-            i.closeOnPressEscape && A();
+            l.closeOnPressEscape && M();
             break;
           case C.space:
-            G();
+            J();
             break;
           case C.left:
-            W();
+            K();
             break;
           case C.up:
-            p("zoomIn");
+            d("zoomIn");
             break;
           case C.right:
-            q();
+            Q();
             break;
           case C.down:
-            p("zoomOut");
+            d("zoomOut");
             break;
         }
-      }), t = $((n) => {
-        (n.wheelDelta ? n.wheelDelta : -n.detail) > 0 ? p("zoomIn", {
+      }), n = V((t) => {
+        (t.wheelDelta ? t.wheelDelta : -t.detail) > 0 ? d("zoomIn", {
           zoomRate: 1.2,
           enableTransition: !1
-        }) : p("zoomOut", {
+        }) : d("zoomOut", {
           zoomRate: 1.2,
           enableTransition: !1
         });
       });
-      j.run(() => {
-        E(document, "keydown", e), E(document, te, t);
+      H.run(() => {
+        E(document, "keydown", e), E(document, ne, n);
       });
     }
-    a(le, "registerEventListener");
-    function ce() {
-      j.stop();
+    a(ce, "registerEventListener");
+    function ue() {
+      H.stop();
     }
-    a(ce, "unregisterEventListener");
-    function B() {
-      w.value = !1, N("loadComplete");
+    a(ue, "unregisterEventListener");
+    function G() {
+      h.value = !1, x("loadComplete");
     }
-    a(B, "handleImgLoad");
-    function P(e) {
-      w.value = !1, e.target.alt = "ls.image.error", N("loadError");
+    a(G, "handleImgLoad");
+    function W(e) {
+      h.value = !1, e.target.alt = "ls.image.error", x("loadError");
     }
-    a(P, "handleImgError");
-    function _(e) {
-      if (w.value || e.button !== 0 || !M.value) return;
+    a(W, "handleImgError");
+    function q(e) {
+      if (h.value || e.button !== 0 || !D.value) return;
       r.enableTransition = !1;
-      const { offsetX: t, offsetY: n } = r, c = e.pageX, u = e.pageY, x = $((y) => {
-        r.offsetX = t + y.pageX - c, r.offsetY = n + y.pageY - u;
-      }), Y = E(document, "mousemove", x);
+      const { offsetX: n, offsetY: t } = r, c = e.pageX, f = e.pageY, N = V((y) => {
+        r.offsetX = n + y.pageX - c, r.offsetY = t + y.pageY - f;
+      }), X = E(document, "mousemove", N);
       E(document, "mouseup", () => {
-        Y();
+        X();
       }), e.preventDefault();
     }
-    a(_, "handleMouseDown");
-    function ue() {
-      U(r, {
+    a(q, "handleMouseDown");
+    function me() {
+      ee(r, {
         scale: 1,
         deg: 0,
         offsetX: 0,
@@ -137,9 +141,9 @@ const Xe = ["src"], Ye = ["src"], De = ee({
         objectFit: "none"
       });
     }
-    a(ue, "reset");
-    function me() {
-      U(r, {
+    a(me, "reset");
+    function de() {
+      ee(r, {
         scale: 1,
         deg: 0,
         offsetX: 0,
@@ -150,40 +154,40 @@ const Xe = ["src"], Ye = ["src"], De = ee({
         objectFit: "cover"
       });
     }
-    a(me, "fullScreen");
-    function G() {
-      if (w.value) return;
-      const e = Me(k), t = Object.values(k), n = T.value.name, u = (t.findIndex((x) => x.name === n) + 1) % e.length;
-      T.value = k[e[u]], n === k.CONTAIN.name ? me() : ue();
+    a(de, "fullScreen");
+    function J() {
+      if (h.value) return;
+      const e = Me(F), n = Object.values(F), t = T.value.name, f = (n.findIndex((N) => N.name === t) + 1) % e.length;
+      T.value = F[e[f]], t === F.CONTAIN.name ? de() : me();
     }
-    a(G, "toggleMode");
-    function X(e) {
-      const t = i.source.length;
-      d.value = (e + t) % t;
+    a(J, "toggleMode");
+    function R(e) {
+      const t = l.source.length;
+      v.value = (e + t) % t;
     }
-    a(X, "setActiveItem");
-    function W() {
-      V.value && !i.infinite || X(d.value - 1);
+    a(R, "setActiveItem");
+    function K() {
+      B.value && !l.infinite || R(v.value - 1);
     }
-    a(W, "prev");
-    function q() {
-      Z.value && !i.infinite || X(d.value + 1);
+    a(K, "prev");
+    function Q() {
+      P.value && !l.infinite || R(v.value + 1);
     }
-    a(q, "next");
-    function p(e, t = {}) {
-      if (w.value) return;
-      const { zoomRate: n, rotateDeg: c, enableTransition: u } = {
+    a(Q, "next");
+    function d(e, n = {}) {
+      if (h.value) return;
+      const { zoomRate: t, rotateDeg: c, enableTransition: f } = {
         zoomRate: 1.4,
         rotateDeg: 90,
         enableTransition: !0,
-        ...t
+        ...n
       };
       switch (e) {
         case "zoomOut":
-          r.scale > 0.2 && (r.scale = Number.parseFloat((r.scale / n).toFixed(3)));
+          r.scale > 0.2 && (r.scale = Number.parseFloat((r.scale / t).toFixed(3)));
           break;
         case "zoomIn":
-          r.scale < 7 && (r.scale = Number.parseFloat((r.scale * n).toFixed(3)));
+          r.scale < 7 && (r.scale = Number.parseFloat((r.scale * t).toFixed(3)));
           break;
         case "clockwise":
           r.deg += c;
@@ -191,147 +195,161 @@ const Xe = ["src"], Ye = ["src"], De = ee({
         case "anticlockwise":
           r.deg -= c;
           break;
+        case "download":
+          x("download", Z.downloadData);
+          break;
       }
-      r.enableTransition = u;
+      r.enableTransition = f;
     }
-    return a(p, "handleActions"), J(ae, () => {
-      ge(() => {
-        const e = R.value[0];
-        e != null && e.complete || (w.value = !0);
+    return a(d, "handleActions"), U(re, () => {
+      ke(() => {
+        const e = A.value[0];
+        e != null && e.complete || (h.value = !0);
       });
-    }), J(d, (e) => {
-      N("switch", e);
-    }), be(() => {
-      var e, t;
-      le(), (t = (e = M.value) == null ? void 0 : e.focus) == null || t.call(e);
+    }), U(v, (e) => {
+      x("switch", e);
+    }), we(() => {
+      var e, n;
+      ce(), (n = (e = D.value) == null ? void 0 : e.focus) == null || n.call(e);
     }), S({
       /** @description manually switch image */
-      setActiveItem: X
-    }), (e, t) => (h(), z("div", null, [
-      (h(), he(ke, {
+      setActiveItem: R
+    }), (e, n) => (g(), w("div", null, [
+      (g(), Fe(he, {
         to: "body",
         disabled: !e.teleported
       }, [
-        m(we, {
+        u(Ie, {
           name: "viewer-fade",
           appear: ""
         }, {
-          default: Fe(() => [
-            f("div", {
+          default: ze(() => [
+            m("div", {
               ref_key: "wrapper",
-              ref: M,
+              ref: D,
               tabindex: -1,
-              class: l(o(s).e("wrapper")),
-              style: D({ zIndex: o(re) })
+              class: i(o(s).e("wrapper")),
+              style: Y({ zIndex: o(ie) })
             }, [
-              f("div", {
-                class: l(o(s).e("mask")),
-                onClick: t[0] || (t[0] = Ie((n) => e.hideOnClickModal && A(), ["self"]))
+              m("div", {
+                class: i(o(s).e("mask")),
+                onClick: n[0] || (n[0] = Ce((t) => e.hideOnClickModal && M(), ["self"]))
               }, null, 2),
-              f("span", {
-                class: l([o(s).e("btn"), o(s).e("close")]),
-                onClick: A
+              m("span", {
+                class: i([o(s).e("btn"), o(s).e("close")]),
+                onClick: M
               }, [
-                m(v, {
+                u(p, {
                   name: "Close",
                   size: 24,
                   color: "#FFF"
                 })
               ], 2),
-              o(se) ? Q("", !0) : (h(), z(K, { key: 0 }, [
-                f("span", {
-                  class: l([o(s).e("btn"), o(s).e("prev"), o(s).is("disabled", !e.infinite && o(V))]),
-                  onClick: W
+              o(ae) ? j("", !0) : (g(), w($, { key: 0 }, [
+                m("span", {
+                  class: i([o(s).e("btn"), o(s).e("prev"), o(s).is("disabled", !e.infinite && o(B))]),
+                  onClick: K
                 }, [
-                  m(v, {
+                  u(p, {
                     name: "ArrowLeft",
                     size: 24,
                     color: "#FFF"
                   })
                 ], 2),
-                f("span", {
-                  class: l([o(s).e("btn"), o(s).e("next"), o(s).is("disabled", !e.infinite && o(Z))]),
-                  onClick: q
+                m("span", {
+                  class: i([o(s).e("btn"), o(s).e("next"), o(s).is("disabled", !e.infinite && o(P))]),
+                  onClick: Q
                 }, [
-                  m(v, {
+                  u(p, {
                     name: "ArrowRight",
                     size: 24,
                     color: "#FFF"
                   })
                 ], 2)
               ], 64)),
-              f("div", {
-                class: l([o(s).e("btn"), o(s).e("actions")])
+              m("div", {
+                class: i([o(s).e("btn"), o(s).e("actions")])
               }, [
-                f("div", {
-                  class: l(o(s).e("actions__inner"))
+                m("div", {
+                  class: i(o(s).e("actions__inner"))
                 }, [
-                  m(v, {
+                  u(p, {
                     name: "ZoomOut",
                     size: 24,
                     color: "#FFF",
-                    onClick: t[1] || (t[1] = (n) => p("zoomOut"))
+                    onClick: n[1] || (n[1] = (t) => d("zoomOut"))
                   }),
-                  m(v, {
+                  u(p, {
                     name: "ZoomIn",
                     size: 24,
                     color: "#FFF",
-                    onClick: t[2] || (t[2] = (n) => p("zoomIn"))
+                    onClick: n[2] || (n[2] = (t) => d("zoomIn"))
                   }),
-                  f("i", {
-                    class: l(o(s).e("actions__divider"))
+                  m("i", {
+                    class: i(o(s).e("actions__divider"))
                   }, null, 2),
-                  m(v, {
+                  u(p, {
                     name: o(T).name,
                     size: 24,
                     color: "#FFF",
-                    onClick: G
+                    onClick: J
                   }, null, 8, ["name"]),
-                  f("i", {
-                    class: l(o(s).e("actions__divider"))
+                  m("i", {
+                    class: i(o(s).e("actions__divider"))
                   }, null, 2),
-                  m(v, {
+                  u(p, {
                     name: "RefreshLeft",
                     size: 24,
                     color: "#FFF",
-                    onClick: t[3] || (t[3] = (n) => p("anticlockwise"))
+                    onClick: n[3] || (n[3] = (t) => d("anticlockwise"))
                   }),
-                  m(v, {
+                  u(p, {
                     name: "RefreshRight",
                     size: 24,
                     color: "#FFF",
-                    onClick: t[4] || (t[4] = (n) => p("clockwise"))
-                  })
+                    onClick: n[4] || (n[4] = (t) => d("clockwise"))
+                  }),
+                  o(Z).hasDownload ? (g(), w($, { key: 0 }, [
+                    m("i", {
+                      class: i(o(s).e("actions__divider"))
+                    }, null, 2),
+                    u(p, {
+                      name: "Download",
+                      size: 24,
+                      color: "#FFF",
+                      onClick: n[5] || (n[5] = (t) => d("download"))
+                    })
+                  ], 64)) : j("", !0)
                 ], 2)
               ], 2),
-              e.source ? (h(), z("div", {
+              e.source ? (g(), w("div", {
                 key: 1,
-                class: l(o(s).e("canvas"))
+                class: i(o(s).e("canvas"))
               }, [
-                o(Le)(e.source) ? (h(!0), z(K, { key: 0 }, ze(e.source, (n, c) => Ce((h(), z("img", {
+                o(De)(e.source) ? (g(!0), w($, { key: 0 }, xe(e.source, (t, c) => Ne((g(), w("img", {
                   ref_for: !0,
-                  ref: /* @__PURE__ */ a((u) => o(R)[c] = u, "ref"),
-                  key: n,
-                  src: n,
-                  style: D(o(H)),
-                  class: l(o(s).e("img")),
-                  onLoad: B,
-                  onError: P,
-                  onMousedown: _
-                }, null, 46, Xe)), [
-                  [xe, c === o(d)]
-                ])), 128)) : (h(), z("img", {
-                  ref: /* @__PURE__ */ a((n) => o(R)[0] = n, "ref"),
+                  ref: /* @__PURE__ */ a((f) => o(A)[c] = f, "ref"),
+                  key: t,
+                  src: t,
+                  style: Y(o(_)),
+                  class: i(o(s).e("img")),
+                  onLoad: G,
+                  onError: W,
+                  onMousedown: q
+                }, null, 46, Ye)), [
+                  [Te, c === o(v)]
+                ])), 128)) : (g(), w("img", {
+                  ref: /* @__PURE__ */ a((t) => o(A)[0] = t, "ref"),
                   key: e.source,
                   src: e.source,
-                  style: D(o(H)),
-                  class: l(o(s).e("img")),
-                  onLoad: B,
-                  onError: P,
-                  onMousedown: _
-                }, null, 46, Ye))
-              ], 2)) : Q("", !0),
-              Ne(e.$slots, "default", {}, void 0, !0)
+                  style: Y(o(_)),
+                  class: i(o(s).e("img")),
+                  onLoad: G,
+                  onError: W,
+                  onMousedown: q
+                }, null, 46, $e))
+              ], 2)) : j("", !0),
+              ye(e.$slots, "default", {}, void 0, !0)
             ], 6)
           ]),
           _: 3
@@ -341,5 +359,5 @@ const Xe = ["src"], Ye = ["src"], De = ee({
   }
 });
 export {
-  Ke as default
+  eo as default
 };

package/lib/packages/ls-components/components/preview_image/Index.vue/index.cjs

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css         */;/* empty css         */const t=,/* empty css                                                        */u=t.default(e.default,[["__scopeId","data-v-53c2adae"]]);exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=;/* empty css         */;/* empty css         */const t=,/* empty css                                                        */u=t.default(e.default,[["__scopeId","data-v-7c917dd8"]]);exports.default=u;

package/lib/packages/ls-components/components/preview_image/Index.vue/index.js

@@ -1,7 +1,7 @@
 import o from "./index2.js";
 /* empty css       */
-import a from "../../../../../_virtual/_plugin-vue_export-helper/index.js";
-const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-53c2adae"]]);
+import r from "../../../../../_virtual/_plugin-vue_export-helper/index.js";
+const _ = /* @__PURE__ */ r(o, [["__scopeId", "data-v-7c917dd8"]]);
 export {
-  m as default
+  _ as default
 };

package/lib/packages/ls-components/components/preview_image/Index.vue/index2.cjs

@@ -1 +1 @@
-"use strict";var L=Object.defineProperty;var a=(s,u)=>L(s,"name",{value:u,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),C=,/* empty css                                */f=,/* empty css                   */M=,/* empty css               */E=require("element-plus");;/* empty css                                                                                                                                            */;/* empty css                                                                                                                                             */;/* empty css                                                                                                                                               */const P=,/* empty css                                                                                                                                              */_=,/* empty css                                                                                       */S=e.defineComponent({name:"LSPreviewImage"}),w=e.defineComponent({...S,name:"LSPreviewImage",components:{LSImage:f.default},inheritAttrs:!1,props:e.mergeModels(M.lsPreviewProp,{modelValue:{type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["loadComplete","loadError"],["update:modelValue"]),setup(s,{emit:u}){const c=u,o=s,{zoomSize:p}=e.toRefs(o),r=e.useModel(s,"modelValue"),d=e.reactive({zoomSize:p,source:""}),g=C.useNamespace("preview").b(),i=e.ref();let n=null;e.watch(()=>r==null?void 0:r.value,t=>{t&&m()},{immediate:!0,deep:!0}),e.watch(()=>o.source,t=>{d.source=t,t&&clearTimeout(n)},{immediate:!0,deep:!0});function m(){o.needLoading&&(i.value=E.ElLoading.service(o.loadingOption)),n=setTimeout(()=>{o.source||(P.ElMessage.error("加载超时，请检查网络后重试！"),l(),r.value=!1),clearTimeout(n)},2e4)}a(m,"openLoading");const l=a(()=>{n&&clearTimeout(n),o.needLoading&&i.value&&i.value.close()},"closeLoading"),v=a(()=>{l(),c("loadComplete")},"loadComplete"),q=a(()=>{l(),c("loadError")},"loadError");return e.onBeforeMount(()=>{r.value&&m()}),e.onBeforeUnmount(()=>{l()}),(t,I)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(g))},[e.createVNode(f.default,e.mergeProps(e.unref(_.default)(e.unref(d),t.$attrs),{onLoadComplete:v,onLoadError:q}),null,16)],2)):e.createCommentVNode("",!0)}});exports.default=w;
+"use strict";var f=Object.defineProperty;var t=(o,r)=>f(o,"name",{value:r,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),n=require("../Image.vue/index.cjs"),g=require("../../_hooks/usePreviewHook/index.cjs"),v=require("../../_constants/prviewType/index.cjs"),C=require("../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.cjs"),P=e.defineComponent({name:"LSPreviewImage"}),_=e.defineComponent({...P,name:"LSPreviewImage",components:{LSImage:n.default},inheritAttrs:!1,props:e.mergeModels(v.lsPreviewProp,{modelValue:{type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["loadComplete","loadError"],["update:modelValue"]),setup(o,{emit:r}){const l=r,d=o,s=e.useModel(o,"modelValue"),{comClass:u,defAttrs:m,closeLoading:a}=g.default(d,s),i=t(()=>{a(),l("loadComplete")},"loadComplete"),c=t(()=>{a(),l("loadError")},"loadError");return(p,w)=>s.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(u))},[e.createVNode(n.default,e.mergeProps(e.unref(C.default)(e.unref(m),p.$attrs),{onLoadComplete:i,onLoadError:c}),null,16)],2)):e.createCommentVNode("",!0)}});exports.default=_;