@lingshugroup/web-plus 1.0.41 → 1.1.1

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

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

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

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

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

@@ -1,32 +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 } from "../types/index.js";
-import { previewEmits as Ae } from "../../_constants/prviewType/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 { 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"
-}), Qe = /* @__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,
@@ -35,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,
@@ -138,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,
@@ -151,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;
@@ -192,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
@@ -342,5 +359,5 @@ const Xe = ["src"], Ye = ["src"], De = ee({
   }
 });
 export {
-  Qe as default
+  eo as default
 };