@lingshugroup/web-plus 2.4.1 → 2.4.2

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

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

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

@@ -1 +1 @@
-"use strict";var w=Object.defineProperty;var a=(r,t)=>w(r,"name",{value:t,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});;/* empty css                                                                                                                                             */const e=require("vue"),n=/* empty css                    */C=/* empty css                                   */g=/* empty css                                    */h=/* empty css                                                                                                                                                  */p=/* empty css                                                                                        */y=e.defineComponent({name:"LSPreviewImage"}),P=e.defineComponent({...y,name:"LSPreviewImage",components:{LSImage:n.default},inheritAttrs:!1,props:e.mergeModels(g.lsPreviewProp,{modelValue:{type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["loadComplete","loadError"],["update:modelValue"]),setup(r,{emit:t}){const d=t,l=r,i=e.useModel(r,"modelValue"),{comClass:f,defAttrs:s,closeLoading:m,watermarkStyle:k}=C.default(l,i),u=a(()=>{m(),d("loadComplete")},"loadComplete"),c=a(()=>{m(),d("loadError")},"loadError");return(o,L)=>{const v=h.ElWatermark;return i.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(f))},[o.showWatermark?(e.openBlock(),e.createBlock(v,e.mergeProps({key:0},o.watermarkOption,{style:e.unref(k)}),{default:e.withCtx(()=>[e.createVNode(n.default,e.mergeProps(e.unref(p.default)(e.unref(s),o.$attrs),{"hide-on-click-modal":l.hideOnClickModal,onLoadComplete:u,onLoadError:c}),{viewer:e.withCtx(()=>[e.renderSlot(o.$slots,"viewer",{},void 0,!0)]),_:3},16,["hide-on-click-modal"])]),_:3},16,["style"])):(e.openBlock(),e.createBlock(n.default,e.mergeProps({key:1},e.unref(p.default)(e.unref(s),o.$attrs),{"hide-on-click-modal":l.hideOnClickModal,onLoadComplete:u,onLoadError:c}),{viewer:e.withCtx(()=>[e.renderSlot(o.$slots,"viewer",{},void 0,!0)]),_:3},16,["hide-on-click-modal"]))],2)):e.createCommentVNode("",!0)}}});exports.default=P;
+"use strict";var w=Object.defineProperty;var a=(r,t)=>w(r,"name",{value:t,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});;/* empty css                                                                                                                                             */const e=require("vue"),n=/* empty css                    */C=/* empty css                                   */g=/* empty css                                    */h=/* empty css                                                                                                                                                  */p=/* empty css                                                                                        */y={class:"ls-preview-extra"},P=e.defineComponent({name:"LSPreviewImage"}),S=e.defineComponent({...P,name:"LSPreviewImage",components:{LSImage:n.default},inheritAttrs:!1,props:e.mergeModels(g.lsPreviewProp,{modelValue:{type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["loadComplete","loadError"],["update:modelValue"]),setup(r,{emit:t}){const s=t,l=r,d=e.useModel(r,"modelValue"),{comClass:f,defAttrs:i,closeLoading:m,watermarkStyle:k}=C.default(l,d),c=a(()=>{m(),s("loadComplete")},"loadComplete"),u=a(()=>{m(),s("loadError")},"loadError");return(o,_)=>{const v=h.ElWatermark;return d.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(f))},[o.showWatermark?(e.openBlock(),e.createBlock(v,e.mergeProps({key:0},o.watermarkOption,{style:e.unref(k)}),{default:e.withCtx(()=>[e.createVNode(n.default,e.mergeProps(e.unref(p.default)(e.unref(i),o.$attrs),{"hide-on-click-modal":l.hideOnClickModal,onLoadComplete:c,onLoadError:u}),{viewer:e.withCtx(()=>[e.renderSlot(o.$slots,"viewer",{},void 0,!0)]),_:3},16,["hide-on-click-modal"])]),_:3},16,["style"])):(e.openBlock(),e.createBlock(n.default,e.mergeProps({key:1},e.unref(p.default)(e.unref(i),o.$attrs),{"hide-on-click-modal":l.hideOnClickModal,onLoadComplete:c,onLoadError:u}),{viewer:e.withCtx(()=>[e.renderSlot(o.$slots,"viewer",{},void 0,!0)]),_:3},16,["hide-on-click-modal"])),e.createElementVNode("div",y,[e.renderSlot(o.$slots,"extra",{},void 0,!0)])],2)):e.createCommentVNode("",!0)}}});exports.default=S;

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

@@ -1,22 +1,22 @@
-var P = Object.defineProperty;
-var a = (r, t) => P(r, "name", { value: t, configurable: !0 });
+var V = Object.defineProperty;
+var a = (r, t) => V(r, "name", { value: t, configurable: !0 });
 /* empty css                                                                                                                                           */
-import { defineComponent as L, mergeModels as w, useModel as V, createElementBlock as _, createCommentVNode as M, openBlock as m, normalizeClass as S, unref as o, createBlock as v, mergeProps as i, withCtx as d, createVNode as B, renderSlot as C } from "vue";
-import s from "../Image.vue/index.js";
-import $ from "../../_hooks/usePreviewHook/index.js";
-import { lsPreviewProp as I } from "../../_constants/previewType/index.js";
+import { defineComponent as E, mergeModels as w, useModel as _, createElementBlock as P, createCommentVNode as M, openBlock as m, normalizeClass as S, unref as o, createBlock as C, createElementVNode as $, mergeProps as i, withCtx as s, createVNode as B, renderSlot as d } from "vue";
+import n from "../Image.vue/index.js";
+import I from "../../_hooks/usePreviewHook/index.js";
+import { lsPreviewProp as N } from "../../_constants/previewType/index.js";
 import { ElWatermark as O } from "../../../../../node_modules/.pnpm/element-plus@2.10.7_vue@3.5.18_typescript@5.9.2_/node_modules/element-plus/es/components/watermark/index/index.js";
 import h from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.js";
-const A = L({
+const A = { class: "ls-preview-extra" }, W = E({
   name: "LSPreviewImage"
-}), G = /* @__PURE__ */ L({
-  ...A,
+}), K = /* @__PURE__ */ E({
+  ...W,
   name: "LSPreviewImage",
   components: {
-    LSImage: s
+    LSImage: n
   },
   inheritAttrs: !1,
-  props: /* @__PURE__ */ w(I, {
+  props: /* @__PURE__ */ w(N, {
     modelValue: {
       type: Boolean
     },
@@ -24,45 +24,48 @@ const A = L({
   }),
   emits: /* @__PURE__ */ w(["loadComplete", "loadError"], ["update:modelValue"]),
   setup(r, { emit: t }) {
-    const n = t, l = r, c = V(r, "modelValue"), { comClass: g, defAttrs: p, closeLoading: k, watermarkStyle: y } = $(l, c), u = /* @__PURE__ */ a(() => {
-      k(), n("loadComplete");
+    const c = t, l = r, p = _(r, "modelValue"), { comClass: L, defAttrs: k, closeLoading: u, watermarkStyle: g } = I(l, p), v = /* @__PURE__ */ a(() => {
+      u(), c("loadComplete");
     }, "loadComplete"), f = /* @__PURE__ */ a(() => {
-      k(), n("loadError");
+      u(), c("loadError");
     }, "loadError");
-    return (e, N) => {
-      const E = O;
-      return c.value ? (m(), _("div", {
+    return (e, b) => {
+      const y = O;
+      return p.value ? (m(), P("div", {
         key: 0,
-        class: S(o(g))
+        class: S(o(L))
       }, [
-        e.showWatermark ? (m(), v(E, i({ key: 0 }, e.watermarkOption, { style: o(y) }), {
-          default: d(() => [
-            B(s, i(o(h)(o(p), e.$attrs), {
+        e.showWatermark ? (m(), C(y, i({ key: 0 }, e.watermarkOption, { style: o(g) }), {
+          default: s(() => [
+            B(n, i(o(h)(o(k), e.$attrs), {
               "hide-on-click-modal": l.hideOnClickModal,
-              onLoadComplete: u,
+              onLoadComplete: v,
               onLoadError: f
             }), {
-              viewer: d(() => [
-                C(e.$slots, "viewer", {}, void 0, !0)
+              viewer: s(() => [
+                d(e.$slots, "viewer", {}, void 0, !0)
               ]),
               _: 3
             }, 16, ["hide-on-click-modal"])
           ]),
           _: 3
-        }, 16, ["style"])) : (m(), v(s, i({ key: 1 }, o(h)(o(p), e.$attrs), {
+        }, 16, ["style"])) : (m(), C(n, i({ key: 1 }, o(h)(o(k), e.$attrs), {
           "hide-on-click-modal": l.hideOnClickModal,
-          onLoadComplete: u,
+          onLoadComplete: v,
           onLoadError: f
         }), {
-          viewer: d(() => [
-            C(e.$slots, "viewer", {}, void 0, !0)
+          viewer: s(() => [
+            d(e.$slots, "viewer", {}, void 0, !0)
           ]),
           _: 3
-        }, 16, ["hide-on-click-modal"]))
+        }, 16, ["hide-on-click-modal"])),
+        $("div", A, [
+          d(e.$slots, "extra", {}, void 0, !0)
+        ])
       ], 2)) : M("", !0);
     };
   }
 });
 export {
-  G as default
+  K as default
 };

package/lib/packages/ls-components/components/preview_pdf/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-43eef7f3"]]);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-fb4e3e2a"]]);exports.default=u;

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

@@ -1,7 +1,7 @@
 import o from "./index2.js";
 /* empty css       */
 import e from "../../../../../_virtual/_plugin-vue_export-helper/index.js";
-const _ = /* @__PURE__ */ e(o, [["__scopeId", "data-v-43eef7f3"]]);
+const _ = /* @__PURE__ */ e(o, [["__scopeId", "data-v-fb4e3e2a"]]);
 export {
   _ as default
 };