@lingshugroup/web-plus 1.0.32 → 1.0.34

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

@@ -0,0 +1 @@
+"use strict";var M=Object.defineProperty;var n=(s,u)=>M(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                  */E=,/* empty css               */P=require("element-plus");;/* empty css                                                                                                                                            */;/* empty css                                                                                                                                             */;/* empty css                                                                                                                                               */const x=,/* empty css                                                                                                                                              */B=,/* empty css                                                                                       */S=e.defineComponent({name:"LSPreviewDocx",components:{LSDocx:f.default},inheritAttrs:!1,__name:"Index",props:e.mergeModels(E.lsPreviewProp,{modelValue:{type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["loadComplete","loadError"],["update:modelValue"]),setup(s,{emit:u}){const i=u,o=s,{zoomSize:p}=e.toRefs(o),r=e.useModel(s,"modelValue"),d=e.reactive({zoomSize:p,source:""}),v=C.useNamespace("preview").b(),c=e.ref(),g=e.ref("文件加载失败，请检查文件是否已损坏！");let l=null;e.watch(()=>r==null?void 0:r.value,t=>{t&&m()},{immediate:!0,deep:!0}),e.watch(()=>o.source,t=>{d.source=t},{immediate:!0,deep:!0});function m(){o.needLoading&&(c.value=P.ElLoading.service(o.loadingOption)),l=setTimeout(()=>{o.source||(x.ElMessage.error("文件加载超时，请检查文件是否存在！"),a(),r.value=!1),clearTimeout(l)},6e3)}n(m,"openLoading");const a=n(()=>{l&&clearTimeout(l),o.needLoading&&c.value&&c.value.close()},"closeLoading"),q=n(()=>{a(),i("loadComplete")},"loadComplete"),L=n(()=>{a(),console.error(g.value),i("loadError")},"loadError");return e.onBeforeMount(()=>{r.value&&m()}),e.onBeforeUnmount(()=>{a()}),(t,h)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(v))},[e.createVNode(f.default,e.mergeProps(e.unref(B.default)(e.unref(d),t.$attrs),{onLoadComplete:q,onLoadError:L}),null,16)],2)):e.createCommentVNode("",!0)}});exports.default=S;

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

@@ -0,0 +1,82 @@
+var x = Object.defineProperty;
+var t = (n, l) => x(n, "name", { value: l, configurable: !0 });
+import { defineComponent as P, mergeModels as p, toRefs as V, useModel as h, reactive as k, ref as f, watch as v, onBeforeMount as w, onBeforeUnmount as z, openBlock as N, createElementBlock as S, normalizeClass as T, unref as i, createVNode as _, mergeProps as y, createCommentVNode as A } from "vue";
+import { useNamespace as D } from "../../_hooks/useNamespace/index.js";
+import g from "../Docx.vue/index.js";
+import { lsPreviewProp as I } from "../types/index.js";
+import { ElLoading as O } from "element-plus";
+/* empty css                                                                                                                                          */
+/* empty css                                                                                                                                           */
+/* empty css                                                                                                                                             */
+import { ElMessage as R } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.4.38_typescript@5.5.4_/node_modules/element-plus/es/components/message/index/index.js";
+import U from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.js";
+const Z = /* @__PURE__ */ P({
+  name: "LSPreviewDocx",
+  components: {
+    LSDocx: g
+  },
+  inheritAttrs: !1,
+  __name: "Index",
+  props: /* @__PURE__ */ p(I, {
+    modelValue: {
+      type: Boolean
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ p(["loadComplete", "loadError"], ["update:modelValue"]),
+  setup(n, { emit: l }) {
+    const c = l, e = n, { zoomSize: L } = V(e), o = h(n, "modelValue"), d = k({
+      zoomSize: L,
+      source: ""
+    }), C = D("preview").b(), m = f(), E = f("文件加载失败，请检查文件是否已损坏！");
+    let a = null;
+    v(
+      () => o == null ? void 0 : o.value,
+      (r) => {
+        r && u();
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), v(
+      () => e.source,
+      (r) => {
+        d.source = r;
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    );
+    function u() {
+      e.needLoading && (m.value = O.service(e.loadingOption)), a = setTimeout(() => {
+        e.source || (R.error("文件加载超时，请检查文件是否存在！"), s(), o.value = !1), clearTimeout(a);
+      }, 6e3);
+    }
+    t(u, "openLoading");
+    const s = /* @__PURE__ */ t(() => {
+      a && clearTimeout(a), e.needLoading && m.value && m.value.close();
+    }, "closeLoading"), M = /* @__PURE__ */ t(() => {
+      s(), c("loadComplete");
+    }, "loadComplete"), B = /* @__PURE__ */ t(() => {
+      s(), console.error(E.value), c("loadError");
+    }, "loadError");
+    return w(() => {
+      o.value && u();
+    }), z(() => {
+      s();
+    }), (r, b) => o.value ? (N(), S("div", {
+      key: 0,
+      class: T(i(C))
+    }, [
+      _(g, y(i(U)(i(d), r.$attrs), {
+        onLoadComplete: M,
+        onLoadError: B
+      }), null, 16)
+    ], 2)) : A("", !0);
+  }
+});
+export {
+  Z as default
+};

package/lib/packages/ls-components/components/preview_docx/types/index.cjs

@@ -0,0 +1 @@
+"use strict";var i=Object.defineProperty;var e=(t,r)=>i(t,"name",{value:r,configurable:!0});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const n=require("../../_utils/runtime/index.cjs"),o=["update:source","loadComplete","loadError"],s=["close","switch"].concat(o),u=n.buildProps({source:{type:[ArrayBuffer,String],default:null},onClose:Function}),a={source:{},zoomSize:{type:[Number,String],default:1.5},needLoading:{type:Boolean,default:!0},loadingOption:{type:Object,default:e(()=>({text:"Loading",background:"rgba(0, 0, 0, 0.3)"}),"default")}};exports.docxProps=u;exports.emitNames=o;exports.lsPreviewProp=a;exports.previewEmits=s;

package/lib/packages/ls-components/components/preview_docx/types/index.js

@@ -0,0 +1,33 @@
+var r = Object.defineProperty;
+var e = (o, t) => r(o, "name", { value: t, configurable: !0 });
+import { buildProps as n } from "../../_utils/runtime/index.js";
+const a = ["update:source", "loadComplete", "loadError"], i = ["close", "switch"].concat(a), l = n({
+  source: {
+    type: [ArrayBuffer, String],
+    default: null
+  },
+  onClose: Function
+}), s = {
+  source: {},
+  zoomSize: {
+    type: [Number, String],
+    default: 1.5
+  },
+  needLoading: {
+    type: Boolean,
+    default: !0
+  },
+  loadingOption: {
+    type: Object,
+    default: /* @__PURE__ */ e(() => ({
+      text: "Loading",
+      background: "rgba(0, 0, 0, 0.3)"
+    }), "default")
+  }
+};
+export {
+  l as docxProps,
+  a as emitNames,
+  s as lsPreviewProp,
+  i as previewEmits
+};

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

@@ -0,0 +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-d3b4ce49"]]);exports.default=u;

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

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

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

@@ -0,0 +1 @@
+"use strict";var ne=Object.defineProperty;var r=(w,z)=>ne(w,"name",{value:z,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),F=require("../../../../../node_modules/.pnpm/@vueuse_core@10.11.1_vue@3.4.38_typescript@5.5.4_/node_modules/@vueuse/core/index/index.cjs"),oe=require("../../_hooks/useNamespace/index.cjs"),se=require("../../_hooks/useZIndex/index.cjs"),b=require("../../_constants/aria/index.cjs"),_=require("../../_utils/check/index.cjs"),ae=require("../../_utils/types/index.cjs"),B=require("../types/index.cjs"),f=require("../../icon/Index.vue/index.cjs"),O=require("../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/throttle/index.cjs"),X=require("../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.cjs"),re=["src"],le=e.defineComponent({name:"LSImage"}),ie=e.defineComponent({...le,props:B.imageViewerProps,emits:B.previewEmits,setup(w,{expose:z,emit:Y}){const v={CONTAIN:{name:"FullScreen"},ORIGINAL:{name:"ScaleToOriginal"}},$=_.isFirefox()?"DOMMouseScroll":"mousewheel",l=w,h=Y,s=oe.useNamespace("image"),{nextZIndex:A}=se.useZIndex(),I=e.ref(),y=e.ref([]),L=e.effectScope(),g=e.ref(!0),u=e.ref(l.initialIndex),N=e.shallowRef(v.CONTAIN),a=e.reactive({scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1,width:"auto",height:"auto",objectFit:"none"}),j=e.computed(()=>{const{source:t}=l;return t.length<=1}),D=e.computed(()=>u.value===0),S=e.computed(()=>u.value===l.source.length-1),Z=e.computed(()=>l.source[u.value]),H=e.computed(()=>{const{scale:t,deg:n,offsetX:o,offsetY:i,enableTransition:c,width:E,height:T,objectFit:C}=a;let m=o/t,p=i/t;switch(n%360){case 90:case-270:[m,p]=[p,-m];break;case 180:case-180:[m,p]=[-m,-p];break;case 270:case-90:[m,p]=[-p,m];break}const k={transform:`scale(${t}) rotate(${n}deg) translate(${m}px, ${p}px)`,transition:c?"transform .3s":""};return N.value.name===v.CONTAIN.name&&(k.maxWidth=k.maxHeight="100%"),k.width=E,k.height=T,k.objectFit=C,k}),P=e.computed(()=>_.isNumber(l.zIndex)?l.zIndex:A()),G=r(()=>{l.onClose&&l.onClose(),h("update:source",[])},"closeFunc");function V(){J(),G()}r(V,"hide");function W(){const t=O.default(o=>{switch(o.code){case b.EVENT_CODE.esc:l.closeOnPressEscape&&V();break;case b.EVENT_CODE.space:M();break;case b.EVENT_CODE.left:q();break;case b.EVENT_CODE.up:d("zoomIn");break;case b.EVENT_CODE.right:R();break;case b.EVENT_CODE.down:d("zoomOut");break}}),n=O.default(o=>{(o.wheelDelta?o.wheelDelta:-o.detail)>0?d("zoomIn",{zoomRate:1.2,enableTransition:!1}):d("zoomOut",{zoomRate:1.2,enableTransition:!1})});L.run(()=>{F.useEventListener(document,"keydown",t),F.useEventListener(document,$,n)})}r(W,"registerEventListener");function J(){L.stop()}r(J,"unregisterEventListener");function K(){g.value=!1,h("loadComplete")}r(K,"handleImgLoad");function Q(t){g.value=!1,t.target.alt="ls.image.error",h("loadError")}r(Q,"handleImgError");function U(t){if(g.value||t.button!==0||!I.value)return;a.enableTransition=!1;const{offsetX:n,offsetY:o}=a,i=t.pageX,c=t.pageY,E=O.default(C=>{a.offsetX=n+C.pageX-i,a.offsetY=o+C.pageY-c}),T=F.useEventListener(document,"mousemove",E);F.useEventListener(document,"mouseup",()=>{T()}),t.preventDefault()}r(U,"handleMouseDown");function ee(){X.default(a,{scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1,width:"auto",height:"auto",objectFit:"none"})}r(ee,"reset");function te(){X.default(a,{scale:1,deg:0,offsetX:0,offsetY:0,enableTransition:!1,width:"100%",height:"100%",objectFit:"cover"})}r(te,"fullScreen");function M(){if(g.value)return;const t=ae.keysOf(v),n=Object.values(v),o=N.value.name,c=(n.findIndex(E=>E.name===o)+1)%t.length;N.value=v[t[c]],o===v.CONTAIN.name?te():ee()}r(M,"toggleMode");function x(t){const n=l.source.length;u.value=(t+n)%n}r(x,"setActiveItem");function q(){D.value&&!l.infinite||x(u.value-1)}r(q,"prev");function R(){S.value&&!l.infinite||x(u.value+1)}r(R,"next");function d(t,n={}){if(g.value)return;const{zoomRate:o,rotateDeg:i,enableTransition:c}={zoomRate:1.4,rotateDeg:90,enableTransition:!0,...n};switch(t){case"zoomOut":a.scale>.2&&(a.scale=Number.parseFloat((a.scale/o).toFixed(3)));break;case"zoomIn":a.scale<7&&(a.scale=Number.parseFloat((a.scale*o).toFixed(3)));break;case"clockwise":a.deg+=i;break;case"anticlockwise":a.deg-=i;break}a.enableTransition=c}return r(d,"handleActions"),e.watch(Z,()=>{e.nextTick(()=>{const t=y.value[0];t!=null&&t.complete||(g.value=!0)})}),e.watch(u,t=>{h("switch",t)}),e.onMounted(()=>{var t,n;W(),(n=(t=I.value)==null?void 0:t.focus)==null||n.call(t)}),z({setActiveItem:x}),(t,n)=>(e.openBlock(),e.createElementBlock("div",null,[(e.openBlock(),e.createBlock(e.Teleport,{to:"body",disabled:!t.teleported},[e.createVNode(e.Transition,{name:"viewer-fade",appear:""},{default:e.withCtx(()=>[e.createElementVNode("div",{ref_key:"wrapper",ref:I,tabindex:-1,class:e.normalizeClass(e.unref(s).e("wrapper")),style:e.normalizeStyle({zIndex:e.unref(P)})},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("mask")),onClick:n[0]||(n[0]=e.withModifiers(o=>t.hideOnClickModal&&V(),["self"]))},null,2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(s).e("btn"),e.unref(s).e("close")]),onClick:V},[e.createVNode(f.default,{name:"Close",size:24,color:"#FFF"})],2),e.unref(j)?e.createCommentVNode("",!0):(e.openBlock(),e.createElementBlock(e.Fragment,{key:0},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(s).e("btn"),e.unref(s).e("prev"),e.unref(s).is("disabled",!t.infinite&&e.unref(D))]),onClick:q},[e.createVNode(f.default,{name:"ArrowLeft",size:24,color:"#FFF"})],2),e.createElementVNode("span",{class:e.normalizeClass([e.unref(s).e("btn"),e.unref(s).e("next"),e.unref(s).is("disabled",!t.infinite&&e.unref(S))]),onClick:R},[e.createVNode(f.default,{name:"ArrowRight",size:24,color:"#FFF"})],2)],64)),e.createElementVNode("div",{class:e.normalizeClass([e.unref(s).e("btn"),e.unref(s).e("actions")])},[e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("actions__inner"))},[e.createVNode(f.default,{name:"ZoomOut",size:24,color:"#FFF",onClick:n[1]||(n[1]=o=>d("zoomOut"))}),e.createVNode(f.default,{name:"ZoomIn",size:24,color:"#FFF",onClick:n[2]||(n[2]=o=>d("zoomIn"))}),e.createElementVNode("i",{class:e.normalizeClass(e.unref(s).e("actions__divider"))},null,2),e.createVNode(f.default,{name:e.unref(N).name,size:24,color:"#FFF",onClick:M},null,8,["name"]),e.createElementVNode("i",{class:e.normalizeClass(e.unref(s).e("actions__divider"))},null,2),e.createVNode(f.default,{name:"RefreshLeft",size:24,color:"#FFF",onClick:n[3]||(n[3]=o=>d("anticlockwise"))}),e.createVNode(f.default,{name:"RefreshRight",size:24,color:"#FFF",onClick:n[4]||(n[4]=o=>d("clockwise"))})],2)],2),e.createElementVNode("div",{class:e.normalizeClass(e.unref(s).e("canvas"))},[(e.openBlock(!0),e.createElementBlock(e.Fragment,null,e.renderList(t.source,(o,i)=>e.withDirectives((e.openBlock(),e.createElementBlock("img",{ref_for:!0,ref:r(c=>e.unref(y)[i]=c,"ref"),key:o,src:o,style:e.normalizeStyle(e.unref(H)),class:e.normalizeClass(e.unref(s).e("img")),onLoad:K,onError:Q,onMousedown:U},null,46,re)),[[e.vShow,i===e.unref(u)]])),128))],2),e.renderSlot(t.$slots,"default",{},void 0,!0)],6)]),_:3})],8,["disabled"]))]))}});exports.default=ie;

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

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

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

@@ -0,0 +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-d3242689"]]);exports.default=u;

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

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

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

@@ -0,0 +1 @@
+"use strict";var M=Object.defineProperty;var n=(s,u)=>M(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                   */E=,/* empty css               */P=require("element-plus");;/* empty css                                                                                                                                            */;/* empty css                                                                                                                                             */;/* empty css                                                                                                                                               */const B=,/* empty css                                                                                                                                              */I=,/* empty css                                                                                       */S=e.defineComponent({name:"LSPreviewImage",components:{LSImage:f.default},inheritAttrs:!1,__name:"Index",props:e.mergeModels(E.lsPreviewProp,{modelValue:{type:Boolean},modelModifiers:{}}),emits:e.mergeModels(["loadComplete","loadError"],["update:modelValue"]),setup(s,{emit:u}){const i=u,o=s,{zoomSize:p}=e.toRefs(o),r=e.useModel(s,"modelValue"),d=e.reactive({zoomSize:p,source:""}),g=C.useNamespace("preview").b(),c=e.ref(),v=e.ref("文件加载失败，请检查文件是否已损坏！");let a=null;e.watch(()=>r==null?void 0:r.value,t=>{t&&m()},{immediate:!0,deep:!0}),e.watch(()=>o.source,t=>{d.source=t},{immediate:!0,deep:!0});function m(){o.needLoading&&(c.value=P.ElLoading.service(o.loadingOption)),a=setTimeout(()=>{o.source||(B.ElMessage.error("文件加载超时，请检查文件是否存在！"),l(),r.value=!1),clearTimeout(a)},6e3)}n(m,"openLoading");const l=n(()=>{a&&clearTimeout(a),o.needLoading&&c.value&&c.value.close()},"closeLoading"),q=n(()=>{l(),i("loadComplete")},"loadComplete"),L=n(()=>{l(),console.error(v.value),i("loadError")},"loadError");return e.onBeforeMount(()=>{r.value&&m()}),e.onBeforeUnmount(()=>{l()}),(t,h)=>r.value?(e.openBlock(),e.createElementBlock("div",{key:0,class:e.normalizeClass(e.unref(g))},[e.createVNode(f.default,e.mergeProps(e.unref(I.default)(e.unref(d),t.$attrs),{onLoadComplete:q,onLoadError:L}),null,16)],2)):e.createCommentVNode("",!0)}});exports.default=S;

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

@@ -0,0 +1,82 @@
+var I = Object.defineProperty;
+var t = (n, s) => I(n, "name", { value: s, configurable: !0 });
+import { defineComponent as P, mergeModels as p, toRefs as V, useModel as h, reactive as k, ref as f, watch as g, onBeforeMount as w, onBeforeUnmount as z, openBlock as N, createElementBlock as S, normalizeClass as T, unref as i, createVNode as _, mergeProps as x, createCommentVNode as y } from "vue";
+import { useNamespace as A } from "../../_hooks/useNamespace/index.js";
+import v from "../Image.vue/index.js";
+import { lsPreviewProp as O } from "../types/index.js";
+import { ElLoading as R } from "element-plus";
+/* empty css                                                                                                                                          */
+/* empty css                                                                                                                                           */
+/* empty css                                                                                                                                             */
+import { ElMessage as U } from "../../../../../node_modules/.pnpm/element-plus@2.8.1_vue@3.4.38_typescript@5.5.4_/node_modules/element-plus/es/components/message/index/index.js";
+import $ from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.js";
+const Z = /* @__PURE__ */ P({
+  name: "LSPreviewImage",
+  components: {
+    LSImage: v
+  },
+  inheritAttrs: !1,
+  __name: "Index",
+  props: /* @__PURE__ */ p(O, {
+    modelValue: {
+      type: Boolean
+    },
+    modelModifiers: {}
+  }),
+  emits: /* @__PURE__ */ p(["loadComplete", "loadError"], ["update:modelValue"]),
+  setup(n, { emit: s }) {
+    const c = s, e = n, { zoomSize: L } = V(e), o = h(n, "modelValue"), d = k({
+      zoomSize: L,
+      source: ""
+    }), C = A("preview").b(), l = f(), E = f("文件加载失败，请检查文件是否已损坏！");
+    let a = null;
+    g(
+      () => o == null ? void 0 : o.value,
+      (r) => {
+        r && u();
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    ), g(
+      () => e.source,
+      (r) => {
+        d.source = r;
+      },
+      {
+        immediate: !0,
+        deep: !0
+      }
+    );
+    function u() {
+      e.needLoading && (l.value = R.service(e.loadingOption)), a = setTimeout(() => {
+        e.source || (U.error("文件加载超时，请检查文件是否存在！"), m(), o.value = !1), clearTimeout(a);
+      }, 6e3);
+    }
+    t(u, "openLoading");
+    const m = /* @__PURE__ */ t(() => {
+      a && clearTimeout(a), e.needLoading && l.value && l.value.close();
+    }, "closeLoading"), M = /* @__PURE__ */ t(() => {
+      m(), c("loadComplete");
+    }, "loadComplete"), B = /* @__PURE__ */ t(() => {
+      m(), console.error(E.value), c("loadError");
+    }, "loadError");
+    return w(() => {
+      o.value && u();
+    }), z(() => {
+      m();
+    }), (r, j) => o.value ? (N(), S("div", {
+      key: 0,
+      class: T(i(C))
+    }, [
+      _(v, x(i($)(i(d), r.$attrs), {
+        onLoadComplete: M,
+        onLoadError: B
+      }), null, 16)
+    ], 2)) : y("", !0);
+  }
+});
+export {
+  Z as default
+};

package/lib/packages/ls-components/components/preview_image/types/index.cjs

@@ -0,0 +1 @@
+"use strict";var a=Object.defineProperty;var e=(r,i)=>a(r,"name",{value:i,configurable:!0});Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const t=require("../../_utils/runtime/index.cjs"),o=["update:source","loadComplete","loadError"],l=t.buildProps({source:{type:[t.definePropType(Array),String],default:e(()=>t.mutable([]),"default")},zIndex:{type:Number},initialIndex:{type:Number,default:0},infinite:{type:Boolean,default:!0},hideOnClickModal:{type:Boolean,default:!1},teleported:{type:Boolean,default:!1},closeOnPressEscape:{type:Boolean,default:!0},onClose:Function,zoomSize:{type:[Number,String],default:1.5}}),n=["close","switch"].concat(o),u={source:{},zoomSize:{type:[Number,String],default:1.5},needLoading:{type:Boolean,default:!0},loadingOption:{type:Object,default:e(()=>({text:"Loading",background:"rgba(0, 0, 0, 0.3)"}),"default")}};exports.emitNames=o;exports.imageViewerProps=l;exports.lsPreviewProp=u;exports.previewEmits=n;