@lingshugroup/web-plus 2.4.0 → 2.4.2

package/lib/packages/ls-components/components/icon/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-03839341"]]);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-3a0f2635"]]);exports.default=u;

package/lib/packages/ls-components/components/icon/Index.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 _ = /* @__PURE__ */ t(o, [["__scopeId", "data-v-03839341"]]);
+const m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-3a0f2635"]]);
 export {
-  _ as default
+  m as default
 };

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

@@ -1 +1 @@
-"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});;/* empty css                                                                                                                                             */const e=require("vue"),s=require("@iconify/vue"),c=/* empty css                                 */t=/* empty css                */i=/* empty css                                                                                                                                             */a=e.defineComponent({name:"LSIcon"}),u=e.defineComponent({...a,props:t.lsIconProps,setup(m){const n=e.useSlots(),l=c.useNamespace("icon").b();return(o,p)=>{const r=i.ElIcon;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l))},[o.type==1&&o.name?(e.openBlock(),e.createBlock(e.unref(s.Icon),{key:0,icon:o.name,class:"icon-iconify",width:o.width,height:o.height,color:o.color},null,8,["icon","width","height","color"])):o.type==2&&o.name?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.name),{key:1,class:"icon-svg",width:o.width,height:o.height,fill:o.color,src:o.src},null,8,["width","height","fill","src"])):o.name?(e.openBlock(),e.createBlock(r,{key:2,size:o.size,color:o.color},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.name),{color:o.color},null,8,["color"]))]),_:1},8,["size","color"])):e.createCommentVNode("",!0),e.unref(n).default?e.renderSlot(o.$slots,"default",{key:3},void 0,!0):e.createCommentVNode("",!0)],2)}}});exports.default=u;
+"use strict";Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});;/* empty css                                                                                                                                             */const e=require("vue"),r=require("@iconify/vue"),c=/* empty css                                 */t=/* empty css                */i=/* empty css                                                                                                                                             */a=e.defineComponent({name:"LSIcon"}),u=e.defineComponent({...a,props:t.lsIconProps,setup(m){const n=e.useSlots(),s=c.useNamespace("icon").b();return(o,p)=>{const l=i.ElIcon;return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(s))},[o.type==1&&o.name?(e.openBlock(),e.createBlock(e.unref(r.Icon),{key:0,icon:o.name,class:"icon-iconify",width:o.width,height:o.height,color:o.color},null,8,["icon","width","height","color"])):o.type==2&&o.name?(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.name),{key:1,class:"icon-svg",width:o.width,height:o.height,fill:o.color,src:o.src},null,8,["width","height","fill","src"])):o.name?(e.openBlock(),e.createBlock(l,{key:2,size:o.size,color:o.color,class:e.normalizeClass(o.$attrs.class)},{default:e.withCtx(()=>[(e.openBlock(),e.createBlock(e.resolveDynamicComponent(o.name),{color:o.color},null,8,["color"]))]),_:1},8,["size","color","class"])):e.createCommentVNode("",!0),e.unref(n).default?e.renderSlot(o.$slots,"default",{key:3},void 0,!0):e.createCommentVNode("",!0)],2)}}});exports.default=u;

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

@@ -1,50 +1,51 @@
 /* empty css                                                                                                                                           */
-import { defineComponent as i, useSlots as a, createElementBlock as h, openBlock as e, normalizeClass as p, unref as l, createBlock as n, createCommentVNode as r, renderSlot as u, resolveDynamicComponent as s, withCtx as d } from "vue";
+import { defineComponent as t, useSlots as h, createElementBlock as p, openBlock as e, normalizeClass as n, unref as l, createBlock as s, createCommentVNode as r, renderSlot as u, resolveDynamicComponent as i, withCtx as d } from "vue";
 import { Icon as f } from "@iconify/vue";
 import { useNamespace as y } from "../../_hooks/useNamespace/index.js";
 import { lsIconProps as g } from "../types/index.js";
 import { ElIcon as k } from "../../../../../node_modules/.pnpm/element-plus@2.10.7_vue@3.5.18_typescript@5.9.2_/node_modules/element-plus/es/components/icon/index/index.js";
-const w = i({
+const w = t({
   name: "LSIcon"
-}), D = /* @__PURE__ */ i({
+}), b = /* @__PURE__ */ t({
   ...w,
   props: g,
   setup(C) {
-    const t = a(), m = y("icon").b();
+    const a = h(), c = y("icon").b();
     return (o, z) => {
-      const c = k;
-      return e(), h("div", {
-        class: p(l(m))
+      const m = k;
+      return e(), p("div", {
+        class: n(l(c))
       }, [
-        o.type == 1 && o.name ? (e(), n(l(f), {
+        o.type == 1 && o.name ? (e(), s(l(f), {
           key: 0,
           icon: o.name,
           class: "icon-iconify",
           width: o.width,
           height: o.height,
           color: o.color
-        }, null, 8, ["icon", "width", "height", "color"])) : o.type == 2 && o.name ? (e(), n(s(o.name), {
+        }, null, 8, ["icon", "width", "height", "color"])) : o.type == 2 && o.name ? (e(), s(i(o.name), {
           key: 1,
           class: "icon-svg",
           width: o.width,
           height: o.height,
           fill: o.color,
           src: o.src
-        }, null, 8, ["width", "height", "fill", "src"])) : o.name ? (e(), n(c, {
+        }, null, 8, ["width", "height", "fill", "src"])) : o.name ? (e(), s(m, {
           key: 2,
           size: o.size,
-          color: o.color
+          color: o.color,
+          class: n(o.$attrs.class)
         }, {
           default: d(() => [
-            (e(), n(s(o.name), { color: o.color }, null, 8, ["color"]))
+            (e(), s(i(o.name), { color: o.color }, null, 8, ["color"]))
           ]),
           _: 1
-        }, 8, ["size", "color"])) : r("", !0),
-        l(t).default ? u(o.$slots, "default", { key: 3 }, void 0, !0) : r("", !0)
+        }, 8, ["size", "color", "class"])) : r("", !0),
+        l(a).default ? u(o.$slots, "default", { key: 3 }, void 0, !0) : r("", !0)
       ], 2);
     };
   }
 });
 export {
-  D as default
+  b as default
 };

package/lib/packages/ls-components/components/preview_docx/Docx.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-fc6d0e6d"]]);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-1a817d2e"]]);exports.default=u;

package/lib/packages/ls-components/components/preview_docx/Docx.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 m = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fc6d0e6d"]]);
+const p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-1a817d2e"]]);
 export {
-  m as default
+  p as default
 };

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

@@ -1 +1 @@
-"use strict";var _=Object.defineProperty;var s=(t,n)=>_(t,"name",{value:n,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),g=/* empty css                                 */C=/* empty css                */i=/* empty css                                    */q=;/* empty css                         */;/* empty css                                                                                                                                             */;/* empty css                                                                                                                                              */;/* empty css                                                                                                                                                */const h=/* empty css                                                                                                                                                */E=e.defineComponent({name:"LSDocx"}),v=e.defineComponent({...E,props:C.docxProps,emits:i.previewEmits,setup(t,{emit:n}){const c=g.useNamespace("docx"),l=c.b(),d=s(()=>Promise.resolve().then(()=>require("../../../../../node_modules/.pnpm/docx-preview@0.3.6/node_modules/docx-preview/dist/docx-preview/index.cjs")),"docxPromise"),a=t,o=n,u=e.ref();e.watch(()=>a.source,r=>{r&&m(r)},{immediate:!0,deep:!0});async function m(r){if(!r||!q.isArrayBuffer(r)){h.ElMessage.error(i.fileEmpty),o("loadError");return}(await d()).renderAsync(r,u.value,u.value,{className:"docx",inWrapper:!0,ignoreWidth:!1,ignoreHeight:!0,ignoreFonts:!1,breakPages:!0,ignoreLastRenderedPageBreak:!0,experimental:!1,trimXmlDeclaration:!0,useBase64URL:!1,renderChanges:!1,renderHeaders:!0,renderFooters:!0,renderFootnotes:!0,renderEndnotes:!0,debug:!1}).then(()=>{o("loadComplete")}).catch(()=>{o("loadError")})}s(m,"updateDocx");const p=s(()=>{a.onClose&&a.onClose(),o("update:source",[])},"closeFunc");return(r,f)=>{const x=e.resolveComponent("LSIcon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(l))},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(c).e("btn"),e.unref(c).e("close")]),onClick:p},[e.createVNode(x,{name:"Close",size:24,color:"#FFF"})],2),e.createElementVNode("div",{ref_key:"docxRef",ref:u},null,512)],2)}}});exports.default=v;
+"use strict";var h=Object.defineProperty;var t=(a,c)=>h(a,"name",{value:c,configurable:!0});Object.defineProperties(exports,{__esModule:{value:!0},[Symbol.toStringTag]:{value:"Module"}});const e=require("vue"),k=/* empty css                                 */q=/* empty css                */m=/* empty css                                    */E=;/* empty css                         */;/* empty css                                                                                                                                             */;/* empty css                                                                                                                                              */;/* empty css                                                                                                                                                */const F=/* empty css                                                                                                                                                */y=e.defineComponent({name:"LSDocx"}),v=e.defineComponent({...y,props:q.docxProps,emits:m.previewEmits,setup(a,{emit:c}){const r=k.useNamespace("docx"),f=r.b(),p=t(()=>Promise.resolve().then(()=>require("../../../../../node_modules/.pnpm/docx-preview@0.3.6/node_modules/docx-preview/dist/docx-preview/index.cjs")),"docxPromise"),l=a,n=c,s=e.useAttrs(),g=e.computed(()=>s["has-download"]||s.hasDownload),u=e.computed(()=>s["download-loading"]||s.downloadLoading||!1),d=e.ref();e.watch(()=>l.source,o=>{o&&C(o)},{immediate:!0,deep:!0});async function C(o){if(!o||!E.isArrayBuffer(o)){F.ElMessage.error(m.fileEmpty),n("loadError");return}(await p()).renderAsync(o,d.value,d.value,{className:"docx",inWrapper:!0,ignoreWidth:!1,ignoreHeight:!0,ignoreFonts:!1,breakPages:!0,ignoreLastRenderedPageBreak:!0,experimental:!1,trimXmlDeclaration:!0,useBase64URL:!1,renderChanges:!1,renderHeaders:!0,renderFooters:!0,renderFootnotes:!0,renderEndnotes:!0,debug:!1}).then(()=>{n("loadComplete")}).catch(()=>{n("loadError")})}t(C,"updateDocx");const w=t(()=>{l.onClose&&l.onClose(),n("update:source",[])},"closeFunc");function x(){n("download",s.downloadData)}return t(x,"onDownload"),(o,_)=>{const i=e.resolveComponent("LSIcon");return e.openBlock(),e.createElementBlock("div",{class:e.normalizeClass(e.unref(f))},[e.createElementVNode("span",{class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("close")]),onClick:w},[e.createVNode(i,{name:"Close",size:24,color:"#FFF"})],2),e.unref(g)?(e.openBlock(),e.createElementBlock("span",{key:0,class:e.normalizeClass([e.unref(r).e("btn"),e.unref(r).e("download")]),onClick:x},[e.createVNode(i,{class:e.normalizeClass({"is-loading":e.unref(u)}),name:`${e.unref(u)?"Loading":"Download"}`,size:24,color:"#FFF"},null,8,["class","name"])],2)):e.createCommentVNode("",!0),e.createElementVNode("div",{ref_key:"docxRef",ref:d},null,512)],2)}}});exports.default=v;

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

@@ -1,38 +1,38 @@
-var C = Object.defineProperty;
-var r = (t, s) => C(t, "name", { value: s, configurable: !0 });
-import { defineComponent as d, ref as E, watch as h, resolveComponent as F, createElementBlock as k, openBlock as y, normalizeClass as m, unref as i, createElementVNode as l, createVNode as B } from "vue";
-import { useNamespace as L } from "../../_hooks/useNamespace/index.js";
-import { docxProps as b } from "../types/index.js";
-import { previewEmits as N, fileEmpty as P } from "../../_constants/previewType/index.js";
-import { isArrayBuffer as R } from "../../_utils/check/index.js";
+var y = Object.defineProperty;
+var s = (c, d) => y(c, "name", { value: d, configurable: !0 });
+import { defineComponent as C, useAttrs as b, computed as p, ref as B, watch as N, resolveComponent as P, createElementBlock as f, openBlock as g, normalizeClass as a, unref as e, createElementVNode as w, createCommentVNode as R, createVNode as x } from "vue";
+import { useNamespace as v } from "../../_hooks/useNamespace/index.js";
+import { docxProps as z } from "../types/index.js";
+import { previewEmits as A, fileEmpty as S } from "../../_constants/previewType/index.js";
+import { isArrayBuffer as V } from "../../_utils/check/index.js";
 /* empty css                                                                                                                                           */
 /* empty css                                                                                                                                            */
 /* empty css                                                                                                                                              */
-import { ElMessage as v } from "../../../../../node_modules/.pnpm/element-plus@2.10.7_vue@3.5.18_typescript@5.9.2_/node_modules/element-plus/es/components/message/index/index.js";
-const w = d({
+import { ElMessage as H } from "../../../../../node_modules/.pnpm/element-plus@2.10.7_vue@3.5.18_typescript@5.9.2_/node_modules/element-plus/es/components/message/index/index.js";
+const I = C({
   name: "LSDocx"
-}), X = /* @__PURE__ */ d({
-  ...w,
-  props: b,
-  emits: N,
-  setup(t, { emit: s }) {
-    const n = L("docx"), p = n.b(), u = /* @__PURE__ */ r(() => import("../../../../../node_modules/.pnpm/docx-preview@0.3.6/node_modules/docx-preview/dist/docx-preview/index.js"), "docxPromise"), c = t, o = s, a = E();
-    h(
-      () => c.source,
-      (e) => {
-        e && f(e);
+}), O = /* @__PURE__ */ C({
+  ...I,
+  props: z,
+  emits: A,
+  setup(c, { emit: d }) {
+    const r = v("docx"), _ = r.b(), h = /* @__PURE__ */ s(() => import("../../../../../node_modules/.pnpm/docx-preview@0.3.6/node_modules/docx-preview/dist/docx-preview/index.js"), "docxPromise"), l = c, n = d, t = b(), F = p(() => t["has-download"] || t.hasDownload), m = p(() => t["download-loading"] || t.downloadLoading || !1), i = B();
+    N(
+      () => l.source,
+      (o) => {
+        o && k(o);
       },
       {
         immediate: !0,
         deep: !0
       }
     );
-    async function f(e) {
-      if (!e || !R(e)) {
-        v.error(P), o("loadError");
+    async function k(o) {
+      if (!o || !V(o)) {
+        H.error(S), n("loadError");
         return;
       }
-      (await u()).renderAsync(e, a.value, a.value, {
+      (await h()).renderAsync(o, i.value, i.value, {
         className: "docx",
         //class name/prefix for default and document style classes
         inWrapper: !0,
@@ -66,38 +66,53 @@ const w = d({
         debug: !1
         //enables additional logging
       }).then(() => {
-        o("loadComplete");
+        n("loadComplete");
       }).catch(() => {
-        o("loadError");
+        n("loadError");
       });
     }
-    r(f, "updateDocx");
-    const x = /* @__PURE__ */ r(() => {
-      c.onClose && c.onClose(), o("update:source", []);
+    s(k, "updateDocx");
+    const D = /* @__PURE__ */ s(() => {
+      l.onClose && l.onClose(), n("update:source", []);
     }, "closeFunc");
-    return (e, _) => {
-      const g = F("LSIcon");
-      return y(), k("div", {
-        class: m(i(p))
+    function E() {
+      n("download", t.downloadData);
+    }
+    return s(E, "onDownload"), (o, L) => {
+      const u = P("LSIcon");
+      return g(), f("div", {
+        class: a(e(_))
       }, [
-        l("span", {
-          class: m([i(n).e("btn"), i(n).e("close")]),
-          onClick: x
+        w("span", {
+          class: a([e(r).e("btn"), e(r).e("close")]),
+          onClick: D
         }, [
-          B(g, {
+          x(u, {
             name: "Close",
             size: 24,
             color: "#FFF"
           })
         ], 2),
-        l("div", {
+        e(F) ? (g(), f("span", {
+          key: 0,
+          class: a([e(r).e("btn"), e(r).e("download")]),
+          onClick: E
+        }, [
+          x(u, {
+            class: a({ "is-loading": e(m) }),
+            name: `${e(m) ? "Loading" : "Download"}`,
+            size: 24,
+            color: "#FFF"
+          }, null, 8, ["class", "name"])
+        ], 2)) : R("", !0),
+        w("div", {
           ref_key: "docxRef",
-          ref: a
+          ref: i
         }, null, 512)
       ], 2);
     };
   }
 });
 export {
-  X as default
+  O as default
 };

package/lib/packages/ls-components/components/preview_docx/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-32195920"]]);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-a3df1ad0"]]);exports.default=u;

package/lib/packages/ls-components/components/preview_docx/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-32195920"]]);
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-a3df1ad0"]]);
 export {
-  m as default
+  e as default
 };

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

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

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

@@ -1,22 +1,22 @@
 var h = Object.defineProperty;
 var a = (r, l) => h(r, "name", { value: l, configurable: !0 });
 /* empty css                                                                                                                                           */
-import { defineComponent as E, mergeModels as g, useModel as B, createElementBlock as M, createCommentVNode as N, openBlock as n, normalizeClass as S, unref as o, createBlock as L, mergeProps as i, withCtx as x, createVNode as D } from "vue";
-import c from "../Docx.vue/index.js";
-import A from "../../_hooks/usePreviewHook/index.js";
-import { lsPreviewProp as O } from "../../_constants/previewType/index.js";
-import { ElWatermark as W } 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 y from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.js";
-const $ = E({
+import { defineComponent as y, mergeModels as g, useModel as N, createElementBlock as S, createCommentVNode as x, openBlock as n, normalizeClass as B, unref as o, createBlock as E, createElementVNode as M, mergeProps as i, withCtx as D, createVNode as $, renderSlot as A } from "vue";
+import d from "../Docx.vue/index.js";
+import O from "../../_hooks/usePreviewHook/index.js";
+import { lsPreviewProp as W } from "../../_constants/previewType/index.js";
+import { ElWatermark as b } 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 L from "../../../../../node_modules/.pnpm/lodash-es@4.17.21/node_modules/lodash-es/merge/index.js";
+const z = { class: "ls-preview-extra" }, H = y({
   name: "LSPreviewDocx"
-}), I = /* @__PURE__ */ E({
-  ...$,
+}), Q = /* @__PURE__ */ y({
+  ...H,
   name: "LSPreviewDocx",
   components: {
-    LSDocx: c
+    LSDocx: d
   },
   inheritAttrs: !1,
-  props: /* @__PURE__ */ g(O, {
+  props: /* @__PURE__ */ g(W, {
     modelValue: {
       type: Boolean
     },
@@ -24,38 +24,41 @@ const $ = E({
   }),
   emits: /* @__PURE__ */ g(["loadComplete", "loadError"], ["update:modelValue"]),
   setup(r, { emit: l }) {
-    const d = l, p = r, m = B(r, "modelValue"), { comClass: P, defAttrs: u, closeLoading: f, watermarkStyle: V } = A(p, m), k = /* @__PURE__ */ a(() => {
-      f(), d("loadComplete");
+    const c = l, p = r, s = N(r, "modelValue"), { comClass: P, defAttrs: u, closeLoading: f, watermarkStyle: V } = O(p, s), k = /* @__PURE__ */ a(() => {
+      f(), c("loadComplete");
     }, "loadComplete"), w = /* @__PURE__ */ a(() => {
-      f(), d("loadError");
+      f(), c("loadError");
     }, "loadError");
     function _(e) {
-      var s, t, C, v;
-      p.hideOnClickModal && (e.target === e.currentTarget || (t = (s = e == null ? void 0 : e.target) == null ? void 0 : s.className) != null && t.includes && ((v = (C = e == null ? void 0 : e.target) == null ? void 0 : C.className) != null && v.includes("docx-wrapper"))) && (m.value = !1);
+      var m, t, v, C;
+      p.hideOnClickModal && (e.target === e.currentTarget || (t = (m = e == null ? void 0 : e.target) == null ? void 0 : m.className) != null && t.includes && ((C = (v = e == null ? void 0 : e.target) == null ? void 0 : v.className) != null && C.includes("docx-wrapper"))) && (s.value = !1);
     }
-    return a(_, "closePreview"), (e, s) => {
-      const t = W;
-      return m.value ? (n(), M("div", {
+    return a(_, "closePreview"), (e, m) => {
+      const t = b;
+      return s.value ? (n(), S("div", {
         key: 0,
-        class: S(o(P)),
+        class: B(o(P)),
         onClick: _
       }, [
-        e.showWatermark ? (n(), L(t, i({ key: 0 }, e.watermarkOption, { style: o(V) }), {
-          default: x(() => [
-            D(c, i(o(y)(o(u), e.$attrs), {
+        e.showWatermark ? (n(), E(t, i({ key: 0 }, e.watermarkOption, { style: o(V) }), {
+          default: D(() => [
+            $(d, i(o(L)(o(u), e.$attrs), {
               onLoadComplete: k,
               onLoadError: w
             }), null, 16)
           ]),
           _: 1
-        }, 16, ["style"])) : (n(), L(c, i({ key: 1 }, o(y)(o(u), e.$attrs), {
+        }, 16, ["style"])) : (n(), E(d, i({ key: 1 }, o(L)(o(u), e.$attrs), {
           onLoadComplete: k,
           onLoadError: w
-        }), null, 16))
-      ], 2)) : N("", !0);
+        }), null, 16)),
+        M("div", z, [
+          A(e.$slots, "extra", {}, void 0, !0)
+        ])
+      ], 2)) : x("", !0);
     };
   }
 });
 export {
-  I as default
+  Q as default
 };

package/lib/packages/ls-components/components/preview_image/Image.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-5062cdd1"]]);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-fbf0760a"]]);exports.default=u;

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 p = /* @__PURE__ */ t(o, [["__scopeId", "data-v-5062cdd1"]]);
+const r = /* @__PURE__ */ t(o, [["__scopeId", "data-v-fbf0760a"]]);
 export {
-  p as default
+  r as default
 };

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

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