vue-files-preview-inno 1.0.38-e

package/es/packages/preview/supports/epub-preview/index.vue2.mjs

@@ -0,0 +1,82 @@
+import { defineComponent as y, ref as t, watch as g, createElementBlock as x, openBlock as P, normalizeStyle as k, createElementVNode as u } from "vue";
+import "../../../../node_modules/epubjs/src/book.mjs";
+import "../../../../node_modules/@xmldom/xmldom/lib/dom.mjs";
+import "../../../../node_modules/@xmldom/xmldom/lib/dom-parser.mjs";
+import "../../../../node_modules/epubjs/src/rendition.mjs";
+import "../../../../node_modules/epubjs/src/contents.mjs";
+import "../../../../node_modules/epubjs/src/layout.mjs";
+import K from "../../../../node_modules/epubjs/src/epub.mjs";
+import { getFileRenderByFile as D } from "../../utils/utils.mjs";
+import { onKeyStroke as p } from "../../../../node_modules/@vueuse/core/index.mjs";
+const L = /* @__PURE__ */ y({
+  __name: "index",
+  props: {
+    file: { default: () => null },
+    url: { default: () => null },
+    name: {},
+    width: { default: () => "100%" },
+    height: { default: () => "100%" }
+  },
+  setup(s) {
+    const a = s, f = t(), r = t(), l = t(1), i = t(), c = t(!1), o = t(), n = t();
+    function d() {
+      a.file && D(a.file).then((e) => {
+        o.value = K(e), n.value = o.value.renderTo("epub-viewer", {
+          // Scroll mode
+          width: "100%",
+          height: "calc(100vh - 80x)",
+          flow: "scrolled",
+          allowScriptedContent: !0
+        }), o.value.ready.then(() => {
+          f.value = o.value.navigation, r.value = o.value.locations, c.value = !0, i.value = r.value.length(), n.value.display();
+        });
+      });
+    }
+    g(
+      () => a.file,
+      () => {
+        d();
+      },
+      { immediate: !0 }
+    );
+    function m() {
+      n.value && (n.value.prev(), l.value--, l.value < 1 && (l.value = 1));
+    }
+    function w() {
+      n.value && (n.value.next(), l.value++, l.value > i.value && (l.value = i.value));
+    }
+    function h(e) {
+      e.preventDefault();
+    }
+    function b(e) {
+      e.preventDefault();
+    }
+    return p("ArrowLeft", () => {
+      m();
+    }), p("ArrowRight", () => {
+      w();
+    }), (e, v) => (P(), x("div", {
+      class: "epub-preview epub-box",
+      style: k({ width: e.width, height: e.height })
+    }, [
+      u("button", {
+        class: "btn",
+        style: { display: "none" },
+        onKeydown: h
+      }, " Prev ", 32),
+      v[0] || (v[0] = u("div", {
+        id: "epub-viewer",
+        class: "epub-viewer"
+      }, null, -1)),
+      u("button", {
+        class: "btn",
+        style: { display: "none" },
+        onKeydown: b
+      }, " Next ", 32)
+    ], 4));
+  }
+});
+export {
+  L as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/es/packages/preview/supports/epub-preview/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":["../../../../../../packages/preview/supports/epub-preview/index.vue"],"sourcesContent":["<script lang='ts' setup>\r\nimport {ref, watch} from 'vue'\r\nimport ePub from 'epubjs'\r\nimport type {PreviewProps} from '../../preview.interface'\r\nimport {getFileRenderByFile} from '../../utils/utils'\r\n\r\nconst props = withDefaults(\r\n    defineProps<PreviewProps & {\r\n      width?: string\r\n      height?: string\r\n    }>(),\r\n    {\r\n      url: () => null,\r\n      file: () => null,\r\n      width: () => '100%',\r\n      height: () => '100%',\r\n    },\r\n)\r\n\r\nconst navigation = ref()\r\nconst locations = ref()\r\nconst currentPage = ref(1)\r\nconst totalPages = ref()\r\nconst bookAvailable = ref(false)\r\nconst book = ref()\r\nconst rendition = ref()\r\n\r\nfunction initEpub(): void {\r\n  if (props.file) {\r\n    getFileRenderByFile(props.file).then((render) => {\r\n      book.value = ePub(render as ArrayBuffer)\r\n      rendition.value = book.value.renderTo('epub-viewer', {\r\n        // Scroll mode\r\n        width: '100%',\r\n        height: 'calc(100vh - 80x)',\r\n        flow: 'scrolled',\r\n        allowScriptedContent: true,\r\n      })\r\n      book.value.ready.then(() => {\r\n        navigation.value = book.value.navigation\r\n        locations.value = book.value.locations\r\n        bookAvailable.value = true\r\n        // Get the total number of pages\r\n        totalPages.value = locations.value.length()\r\n        rendition.value.display()\r\n      })\r\n    })\r\n  }\r\n}\r\n\r\nwatch(\r\n    () => props.file,\r\n    () => {\r\n      initEpub()\r\n    },\r\n    {immediate: true},\r\n)\r\n\r\n// epub翻页\r\nfunction prevPage(): void {\r\n  if (rendition.value) {\r\n    rendition.value.prev()\r\n    // Update when page forward currentPage\r\n    currentPage.value--\r\n    if (currentPage.value < 1) {\r\n      currentPage.value = 1\r\n    }\r\n  }\r\n}\r\n\r\nfunction nextPage(): void {\r\n  if (rendition.value) {\r\n    rendition.value.next()\r\n    // Update when turning back page currentPage\r\n    currentPage.value++\r\n    if (currentPage.value > totalPages.value) {\r\n      currentPage.value = totalPages.value\r\n    }\r\n  }\r\n}\r\n\r\nfunction prevKeyDown(e): void {\r\n  e.preventDefault()\r\n}\r\n\r\nfunction downKeyDown(e): void {\r\n  e.preventDefault()\r\n}\r\n\r\nonKeyStroke('ArrowLeft', () => {\r\n  prevPage()\r\n})\r\n\r\nonKeyStroke('ArrowRight', () => {\r\n  nextPage()\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"epub-preview epub-box\" :style=\"{ width, height }\">\r\n    <button class=\"btn\" style=\"display: none\" @keydown=\"prevKeyDown\">\r\n      Prev\r\n    </button>\r\n    <div id=\"epub-viewer\" class=\"epub-viewer\"/>\r\n    <button class=\"btn\" style=\"display: none\" @keydown=\"downKeyDown\">\r\n      Next\r\n    </button>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\">\r\n.epub-box {\r\n  height: 100vh;\r\n  width: 100%;\r\n}\r\n\r\n.epub-viewer {\r\n  padding: 10px;\r\n  min-height: calc(100vh - 80px);\r\n  max-height: calc(100vh - 80px);\r\n  overflow: auto;\r\n}\r\n\r\n.footer {\r\n  height: 24px;\r\n  display: flex;\r\n  justify-content: center;\r\n  align-items: center;\r\n  padding: 10px;\r\n}\r\n</style>\r\n"],"names":["props","__props","navigation","ref","locations","currentPage","totalPages","bookAvailable","book","rendition","initEpub","getFileRenderByFile","render","ePub","watch","prevPage","nextPage","prevKeyDown","downKeyDown","onKeyStroke"],"mappings":";;;;;;;;;;;;;;;;;;;;AAMA,UAAMA,IAAQC,GAaRC,IAAaC,EAAA,GACbC,IAAYD,EAAA,GACZE,IAAcF,EAAI,CAAC,GACnBG,IAAaH,EAAA,GACbI,IAAgBJ,EAAI,EAAK,GACzBK,IAAOL,EAAA,GACPM,IAAYN,EAAA;AAElB,aAASO,IAAiB;AACxB,MAAIV,EAAM,QACRW,EAAoBX,EAAM,IAAI,EAAE,KAAK,CAACY,MAAW;AAC/C,QAAAJ,EAAK,QAAQK,EAAKD,CAAqB,GACvCH,EAAU,QAAQD,EAAK,MAAM,SAAS,eAAe;AAAA;AAAA,UAEnD,OAAO;AAAA,UACP,QAAQ;AAAA,UACR,MAAM;AAAA,UACN,sBAAsB;AAAA,QAAA,CACvB,GACDA,EAAK,MAAM,MAAM,KAAK,MAAM;AAC1B,UAAAN,EAAW,QAAQM,EAAK,MAAM,YAC9BJ,EAAU,QAAQI,EAAK,MAAM,WAC7BD,EAAc,QAAQ,IAEtBD,EAAW,QAAQF,EAAU,MAAM,OAAA,GACnCK,EAAU,MAAM,QAAA;AAAA,QAClB,CAAC;AAAA,MACH,CAAC;AAAA,IAEL;AAEA,IAAAK;AAAA,MACI,MAAMd,EAAM;AAAA,MACZ,MAAM;AACJ,QAAAU,EAAA;AAAA,MACF;AAAA,MACA,EAAC,WAAW,GAAA;AAAA,IAAI;AAIpB,aAASK,IAAiB;AACxB,MAAIN,EAAU,UACZA,EAAU,MAAM,KAAA,GAEhBJ,EAAY,SACRA,EAAY,QAAQ,MACtBA,EAAY,QAAQ;AAAA,IAG1B;AAEA,aAASW,IAAiB;AACxB,MAAIP,EAAU,UACZA,EAAU,MAAM,KAAA,GAEhBJ,EAAY,SACRA,EAAY,QAAQC,EAAW,UACjCD,EAAY,QAAQC,EAAW;AAAA,IAGrC;AAEA,aAASW,EAAY,GAAS;AAC5B,QAAE,eAAA;AAAA,IACJ;AAEA,aAASC,EAAY,GAAS;AAC5B,QAAE,eAAA;AAAA,IACJ;AAEA,WAAAC,EAAY,aAAa,MAAM;AAC7B,MAAAJ,EAAA;AAAA,IACF,CAAC,GAEDI,EAAY,cAAc,MAAM;AAC9B,MAAAH,EAAA;AAAA,IACF,CAAC;;;;;;;;;;;;;;;;;;;;;"}

package/es/packages/preview/supports/md-preview/index.mjs

@@ -0,0 +1,8 @@
+import e from "./index.vue.mjs";
+e.install = (o) => {
+  o.component("MdPreview", e);
+};
+export {
+  e as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/preview/supports/md-preview/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/preview/supports/md-preview/index.ts"],"sourcesContent":["import type {App as Application} from 'vue'\r\nimport MdPreview from './index.vue'\r\n\r\nMdPreview.install = (app: Application) => {\r\n    app.component('MdPreview', MdPreview)\r\n}\r\nexport default MdPreview\r\n"],"names":["MdPreview","app"],"mappings":";AAGAA,EAAU,UAAU,CAACC,MAAqB;AACtC,EAAAA,EAAI,UAAU,aAAaD,CAAS;AACxC;"}

package/es/packages/preview/supports/md-preview/index.vue.mjs

@@ -0,0 +1,8 @@
+import o from "./index.vue2.mjs";
+/* empty css            */
+import r from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const m = /* @__PURE__ */ r(o, [["__scopeId", "data-v-47ec0dba"]]);
+export {
+  m as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/es/packages/preview/supports/md-preview/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/packages/preview/supports/md-preview/index.vue2.mjs

@@ -0,0 +1,68 @@
+import { defineComponent as s, ref as u, watch as m, createElementBlock as c, openBlock as p, createElementVNode as f, unref as d } from "vue";
+import h from "../../../../node_modules/markdown-it/lib/index.mjs";
+import g from "../../../../node_modules/markdown-it-footnote/index.mjs";
+import _ from "../../../../node_modules/markdown-it-container/index.mjs";
+import o from "../../../../node_modules/highlight.js/lib/index.mjs";
+import { getFileRenderByFile as k } from "../../utils/utils.mjs";
+const x = { class: "md-preview hljs" }, H = ["innerHTML"], E = /* @__PURE__ */ s({
+  __name: "index",
+  props: {
+    file: { default: () => null },
+    url: { default: () => null },
+    name: {}
+  },
+  setup(i) {
+    const a = i, n = u();
+    return m(
+      () => a.file,
+      (t) => {
+        if (t) {
+          const r = h({
+            // Enable HTML tags in source
+            html: !0,
+            // Use '/' to close single tags (<br />).
+            // This is only for full CommonMark compatibility.
+            xhtmlOut: !1,
+            // Convert '\n' in paragraphs into <br>
+            breaks: !1,
+            // CSS language prefix for fenced blocks. Can be
+            // useful for external highlighters.
+            langPrefix: "language-",
+            // Autoconvert URL-like text to links
+            linkify: !0,
+            // Enable some language-neutral replacement + quotes beautification
+            // For the full list of replacements, see https://github.com/markdown-it/markdown-it/blob/master/lib/rules_core/replacements.mjs
+            typographer: !0,
+            // Double + single quotes replacement pairs, when typographer enabled,
+            // and smartquotes on. Could be either a String or an Array.
+            //
+            // For example, you can use '«»„“' for Russian, '„“‚‘' for German,
+            // and ['«\xA0', '\xA0»', '‹\xA0', '\xA0›'] for French (including nbsp).
+            quotes: "“”‘’",
+            // Highlighter function. Should return escaped HTML,
+            // or '' if the source string is not changed and should be escaped externally.
+            // If result starts with <pre... internal wrapper is skipped.
+            highlight(e, l) {
+              if (l && o.getLanguage(l))
+                try {
+                  return `<pre><code class="hljs">${o.highlight(e, { language: l, ignoreIllegals: !0 }).value}</code></pre>`;
+                } catch {
+                }
+              return `<pre><code class="hljs">${r.utils.escapeHtml(e)}</code></pre>`;
+            }
+          }).use(g).use(_);
+          k(t).then((e) => {
+            n.value = r.render(e);
+          });
+        }
+      },
+      { immediate: !0 }
+    ), (t, r) => (p(), c("div", x, [
+      f("div", { innerHTML: d(n) }, null, 8, H)
+    ]));
+  }
+});
+export {
+  E as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/es/packages/preview/supports/md-preview/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":["../../../../../../packages/preview/supports/md-preview/index.vue"],"sourcesContent":["<script lang='ts' setup>\r\nimport markdownit from 'markdown-it'\r\nimport markdownItFootnote from 'markdown-it-footnote'\r\nimport markdownItContainer from 'markdown-it-container'\r\nimport hljs from 'highlight.js'\r\nimport type {PreviewProps} from '../../preview.interface'\r\nimport {getFileRenderByFile} from '../../utils/utils'\r\n\r\nconst props = withDefaults(\r\n    defineProps<PreviewProps>(),\r\n    {\r\n      url: () => null,\r\n      file: () => null,\r\n    },\r\n)\r\n\r\nconst markdownHtml = ref()\r\n\r\nwatch(\r\n    () => props.file,\r\n    (val) => {\r\n      if (val) {\r\n        const md = markdownit({\r\n          // Enable HTML tags in source\r\n          html: true,\r\n\r\n          // Use '/' to close single tags (<br />).\r\n          // This is only for full CommonMark compatibility.\r\n          xhtmlOut: false,\r\n\r\n          // Convert '\\n' in paragraphs into <br>\r\n          breaks: false,\r\n\r\n          // CSS language prefix for fenced blocks. Can be\r\n          // useful for external highlighters.\r\n          langPrefix: 'language-',\r\n\r\n          // Autoconvert URL-like text to links\r\n          linkify: true,\r\n\r\n          // Enable some language-neutral replacement + quotes beautification\r\n          // For the full list of replacements, see https://github.com/markdown-it/markdown-it/blob/master/lib/rules_core/replacements.mjs\r\n          typographer: true,\r\n\r\n          // Double + single quotes replacement pairs, when typographer enabled,\r\n          // and smartquotes on. Could be either a String or an Array.\r\n          //\r\n          // For example, you can use '«»„“' for Russian, '„“‚‘' for German,\r\n          // and ['«\\xA0', '\\xA0»', '‹\\xA0', '\\xA0›'] for French (including nbsp).\r\n          quotes: '“”‘’',\r\n\r\n          // Highlighter function. Should return escaped HTML,\r\n          // or '' if the source string is not changed and should be escaped externally.\r\n          // If result starts with <pre... internal wrapper is skipped.\r\n          highlight(str, lang) {\r\n            if (lang && hljs.getLanguage(lang)) {\r\n              try {\r\n                return `<pre><code class=\"hljs\">${\r\n                    hljs.highlight(str, {language: lang, ignoreIllegals: true}).value\r\n                }</code></pre>`\r\n              } catch (__) {\r\n              }\r\n            }\r\n\r\n            return `<pre><code class=\"hljs\">${md!.utils!.escapeHtml(str)}</code></pre>`\r\n          },\r\n        }).use(markdownItFootnote).use(markdownItContainer)\r\n        getFileRenderByFile(val).then((render) => {\r\n          markdownHtml.value = md.render(render)\r\n        })\r\n      }\r\n    },\r\n    {immediate: true},\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"md-preview hljs\">\r\n    <div v-html=\"markdownHtml\"/>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang='scss'>\r\n@import 'highlight.js/styles/github-dark-dimmed.css';\r\n@import './index.css';\r\n</style>\r\n"],"names":["props","__props","markdownHtml","ref","watch","val","md","markdownit","str","lang","hljs","markdownItFootnote","markdownItContainer","getFileRenderByFile","render"],"mappings":";;;;;;;;;;;;;;AAQA,UAAMA,IAAQC,GAQRC,IAAeC,EAAA;AAErB,WAAAC;AAAA,MACI,MAAMJ,EAAM;AAAA,MACZ,CAACK,MAAQ;AACP,YAAIA,GAAK;AACP,gBAAMC,IAAKC,EAAW;AAAA;AAAA,YAEpB,MAAM;AAAA;AAAA;AAAA,YAIN,UAAU;AAAA;AAAA,YAGV,QAAQ;AAAA;AAAA;AAAA,YAIR,YAAY;AAAA;AAAA,YAGZ,SAAS;AAAA;AAAA;AAAA,YAIT,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,YAOb,QAAQ;AAAA;AAAA;AAAA;AAAA,YAKR,UAAUC,GAAKC,GAAM;AACnB,kBAAIA,KAAQC,EAAK,YAAYD,CAAI;AAC/B,oBAAI;AACF,yBAAO,2BACHC,EAAK,UAAUF,GAAK,EAAC,UAAUC,GAAM,gBAAgB,GAAA,CAAK,EAAE,KAChE;AAAA,gBACF,QAAa;AAAA,gBACb;AAGF,qBAAO,2BAA2BH,EAAI,MAAO,WAAWE,CAAG,CAAC;AAAA,YAC9D;AAAA,UAAA,CACD,EAAE,IAAIG,CAAkB,EAAE,IAAIC,CAAmB;AAClD,UAAAC,EAAoBR,CAAG,EAAE,KAAK,CAACS,MAAW;AACxC,YAAAZ,EAAa,QAAQI,EAAG,OAAOQ,CAAM;AAAA,UACvC,CAAC;AAAA,QACH;AAAA,MACF;AAAA,MACA,EAAC,WAAW,GAAA;AAAA,IAAI;;;;;"}

package/es/packages/preview/supports/pdf-preview/index.mjs

@@ -0,0 +1,8 @@
+import e from "./index.vue.mjs";
+e.install = (o) => {
+  o.component("PdfPreview", e);
+};
+export {
+  e as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/preview/supports/pdf-preview/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/preview/supports/pdf-preview/index.ts"],"sourcesContent":["import type {App as Application} from 'vue'\r\nimport PdfPreview from './index.vue'\r\n\r\nPdfPreview.install = (app: Application) => {\r\n    app.component('PdfPreview', PdfPreview)\r\n}\r\nexport default PdfPreview\r\n"],"names":["PdfPreview","app"],"mappings":";AAGAA,EAAW,UAAU,CAACC,MAAqB;AACvC,EAAAA,EAAI,UAAU,cAAcD,CAAU;AAC1C;"}

package/es/packages/preview/supports/pdf-preview/index.vue.mjs

@@ -0,0 +1,8 @@
+import o from "./index.vue2.mjs";
+/* empty css            */
+import r from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const e = /* @__PURE__ */ r(o, [["__scopeId", "data-v-bfd55c4c"]]);
+export {
+  e as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/es/packages/preview/supports/pdf-preview/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/packages/preview/supports/pdf-preview/index.vue2.mjs

@@ -0,0 +1,36 @@
+import { defineComponent as o, ref as a, watch as l, createElementBlock as c, openBlock as f, createElementVNode as s, unref as m } from "vue";
+import { getFileRenderByFile as d } from "../../utils/utils.mjs";
+const u = { class: "pdf-preview" }, p = ["src"], v = /* @__PURE__ */ o({
+  __name: "index",
+  props: {
+    file: { default: () => null },
+    url: { default: () => null },
+    name: {}
+  },
+  setup(i) {
+    const r = i, t = a(null);
+    return l(
+      () => r.file,
+      (e) => {
+        e && d(e).then((n) => t.value = n);
+      },
+      { immediate: !0 }
+    ), l(
+      () => r.url,
+      (e) => {
+        e && (t.value = e);
+      },
+      { immediate: !0 }
+    ), (e, n) => (f(), c("div", u, [
+      s("iframe", {
+        class: "pdf-iframe",
+        src: m(t),
+        frameborder: "0"
+      }, null, 8, p)
+    ]));
+  }
+});
+export {
+  v as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/es/packages/preview/supports/pdf-preview/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":["../../../../../../packages/preview/supports/pdf-preview/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { watch } from 'vue'\r\nimport type { PreviewProps } from '../../preview.interface'\r\nimport { getFileRenderByFile } from '../../utils/utils'\r\n\r\nconst props = withDefaults(defineProps<PreviewProps>(), {\r\n  url: () => null,\r\n  file: () => null,\r\n})\r\n\r\nconst fileRender = ref(null)\r\nwatch(\r\n  () => props.file,\r\n  (file) => {\r\n    if (file) {\r\n      getFileRenderByFile(file).then(render => (fileRender.value = render))\r\n    }\r\n  },\r\n  { immediate: true },\r\n)\r\n\r\nwatch(\r\n  () => props.url,\r\n  (url) => {\r\n    if (url) {\r\n      fileRender.value = url\r\n    }\r\n  },\r\n  { immediate: true },\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"pdf-preview\">\r\n    <iframe class=\"pdf-iframe\" :src=\"fileRender\" frameborder=\"0\" />\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\">\r\n.pdf-iframe {\r\n  width: 100%;\r\n  height: 100vh;\r\n}\r\n</style>\r\n"],"names":["props","__props","fileRender","ref","watch","file","getFileRenderByFile","render","url"],"mappings":";;;;;;;;;;AAKA,UAAMA,IAAQC,GAKRC,IAAaC,EAAI,IAAI;AAC3B,WAAAC;AAAA,MACE,MAAMJ,EAAM;AAAA,MACZ,CAACK,MAAS;AACR,QAAIA,KACFC,EAAoBD,CAAI,EAAE,KAAK,CAAAE,MAAWL,EAAW,QAAQK,CAAO;AAAA,MAExE;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK,GAGpBH;AAAA,MACE,MAAMJ,EAAM;AAAA,MACZ,CAACQ,MAAQ;AACP,QAAIA,MACFN,EAAW,QAAQM;AAAA,MAEvB;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;;;;;;;;;"}

package/es/packages/preview/supports/pic-preview/index.mjs

@@ -0,0 +1,8 @@
+import e from "./index.vue.mjs";
+e.install = (i) => {
+  i.component("PicPreview", e);
+};
+export {
+  e as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/preview/supports/pic-preview/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/preview/supports/pic-preview/index.ts"],"sourcesContent":["import type {App as Application} from 'vue'\r\nimport PicPreview from './index.vue'\r\n\r\nPicPreview.install = (app: Application) => {\r\n    app.component('PicPreview', PicPreview)\r\n}\r\nexport default PicPreview\r\n"],"names":["PicPreview","app"],"mappings":";AAGAA,EAAW,UAAU,CAACC,MAAqB;AACvC,EAAAA,EAAI,UAAU,cAAcD,CAAU;AAC1C;"}

package/es/packages/preview/supports/pic-preview/index.vue.mjs

@@ -0,0 +1,31 @@
+import { defineComponent as o, ref as c, watch as i, createElementBlock as a, openBlock as s, createElementVNode as u } from "vue";
+import { getFileRenderByFile as m } from "../../utils/utils.mjs";
+const d = { class: "pic-preview" }, p = ["src"], h = /* @__PURE__ */ o({
+  __name: "index",
+  props: {
+    file: { default: () => null },
+    url: { default: () => null },
+    name: {}
+  },
+  setup(n) {
+    const r = n, t = c(null);
+    return i(
+      () => r.file,
+      (e) => {
+        e && m(e).then((l) => {
+          t.value = l;
+        });
+      },
+      { immediate: !0 }
+    ), (e, l) => (s(), a("div", d, [
+      u("img", {
+        src: t.value,
+        alt: ""
+      }, null, 8, p)
+    ]));
+  }
+});
+export {
+  h as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/es/packages/preview/supports/pic-preview/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","sources":["../../../../../../packages/preview/supports/pic-preview/index.vue"],"sourcesContent":["<script lang='ts' setup>\r\nimport {ref, watch} from 'vue'\r\nimport type {PreviewProps} from '../../preview.interface'\r\nimport {getFileRenderByFile} from '../../utils/utils'\r\n\r\nconst props = withDefaults(\r\n    defineProps<PreviewProps>(),\r\n    {\r\n      url: () => null,\r\n      file: () => null,\r\n    },\r\n)\r\nconst fileRender = ref(null)\r\nwatch(\r\n    () => props.file,\r\n    (file) => {\r\n      if (file) {\r\n        getFileRenderByFile(file).then((render) => {\r\n          fileRender.value = render\r\n        })\r\n      }\r\n    },\r\n    {immediate: true},\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"pic-preview\">\r\n    <img :src=\"fileRender\" alt=\"\">\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang='scss'></style>\r\n"],"names":["props","__props","fileRender","ref","watch","file","getFileRenderByFile","render"],"mappings":";;;;;;;;;;AAKA,UAAMA,IAAQC,GAORC,IAAaC,EAAI,IAAI;AAC3B,WAAAC;AAAA,MACI,MAAMJ,EAAM;AAAA,MACZ,CAACK,MAAS;AACR,QAAIA,KACFC,EAAoBD,CAAI,EAAE,KAAK,CAACE,MAAW;AACzC,UAAAL,EAAW,QAAQK;AAAA,QACrB,CAAC;AAAA,MAEL;AAAA,MACA,EAAC,WAAW,GAAA;AAAA,IAAI;;;;;;;;"}

package/es/packages/preview/supports/pic-preview/index.vue2.mjs

@@ -0,0 +1,5 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/es/packages/preview/supports/pic-preview/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/preview/supports/txt-preview/index.mjs

@@ -0,0 +1,8 @@
+import t from "./index.vue.mjs";
+t.install = (e) => {
+  e.component("TxtPreview", t);
+};
+export {
+  t as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/preview/supports/txt-preview/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/preview/supports/txt-preview/index.ts"],"sourcesContent":["import type {App as Application} from 'vue'\r\nimport TxtPreview from './index.vue'\r\n\r\nTxtPreview.install = (app: Application) => {\r\n    app.component('TxtPreview', TxtPreview)\r\n}\r\nexport default TxtPreview\r\n"],"names":["TxtPreview","app"],"mappings":";AAGAA,EAAW,UAAU,CAACC,MAAqB;AACvC,EAAAA,EAAI,UAAU,cAAcD,CAAU;AAC1C;"}

package/es/packages/preview/supports/txt-preview/index.vue.mjs

@@ -0,0 +1,26 @@
+import { defineComponent as o, ref as i, watch as a, createElementBlock as c, openBlock as s, toDisplayString as u } from "vue";
+import { getFileRenderByFile as p } from "../../utils/utils.mjs";
+const f = { class: "txt-preview" }, _ = /* @__PURE__ */ o({
+  __name: "index",
+  props: {
+    file: { default: () => null },
+    url: { default: () => null },
+    name: {}
+  },
+  setup(l) {
+    const r = l, t = i(null);
+    return a(
+      () => r.file,
+      (e) => {
+        e && p(e).then((n) => {
+          t.value = n;
+        });
+      },
+      { immediate: !0 }
+    ), (e, n) => (s(), c("div", f, u(t.value), 1));
+  }
+});
+export {
+  _ as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/es/packages/preview/supports/txt-preview/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","sources":["../../../../../../packages/preview/supports/txt-preview/index.vue"],"sourcesContent":["<script lang='ts' setup>\r\nimport {ref, watch} from 'vue'\r\nimport {getFileRenderByFile} from '../../utils/utils'\r\nimport type {PreviewProps} from '../../preview.interface'\r\n\r\nconst props = withDefaults(\r\n    defineProps<PreviewProps>(),\r\n    {\r\n      url: () => null,\r\n      file: () => null,\r\n    },\r\n)\r\n\r\nconst fileRender = ref(null)\r\nwatch(\r\n    () => props.file,\r\n    (file) => {\r\n      if (file) {\r\n        getFileRenderByFile(file).then((render) => {\r\n          fileRender.value = render\r\n        })\r\n      }\r\n    },\r\n    {immediate: true},\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"txt-preview\">\r\n    {{ fileRender }}\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang='scss'></style>\r\n"],"names":["props","__props","fileRender","ref","watch","file","getFileRenderByFile","render"],"mappings":";;;;;;;;;;AAKA,UAAMA,IAAQC,GAQRC,IAAaC,EAAI,IAAI;AAC3B,WAAAC;AAAA,MACI,MAAMJ,EAAM;AAAA,MACZ,CAACK,MAAS;AACR,QAAIA,KACFC,EAAoBD,CAAI,EAAE,KAAK,CAACE,MAAW;AACzC,UAAAL,EAAW,QAAQK;AAAA,QACrB,CAAC;AAAA,MAEL;AAAA,MACA,EAAC,WAAW,GAAA;AAAA,IAAI;;;"}

package/es/packages/preview/supports/txt-preview/index.vue2.mjs

@@ -0,0 +1,5 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/es/packages/preview/supports/txt-preview/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/preview/supports/video-preview/index.mjs

@@ -0,0 +1,8 @@
+import e from "./index.vue.mjs";
+e.install = (o) => {
+  o.component("VideoPreview", e);
+};
+export {
+  e as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/preview/supports/video-preview/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/preview/supports/video-preview/index.ts"],"sourcesContent":["import type {App as Application} from 'vue'\r\nimport VideoPreview from './index.vue'\r\n\r\nVideoPreview.install = (app: Application) => {\r\n    app.component('VideoPreview', VideoPreview)\r\n}\r\nexport default VideoPreview\r\n"],"names":["VideoPreview","app"],"mappings":";AAGAA,EAAa,UAAU,CAACC,MAAqB;AACzC,EAAAA,EAAI,UAAU,gBAAgBD,CAAY;AAC9C;"}

package/es/packages/preview/supports/video-preview/index.vue.mjs

@@ -0,0 +1,8 @@
+import o from "./index.vue2.mjs";
+/* empty css            */
+import r from "../../../../_virtual/_plugin-vue_export-helper.mjs";
+const f = /* @__PURE__ */ r(o, [["__scopeId", "data-v-2fb3d07a"]]);
+export {
+  f as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/es/packages/preview/supports/video-preview/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;"}

package/es/packages/preview/supports/video-preview/index.vue2.mjs

@@ -0,0 +1,42 @@
+import { defineComponent as r, ref as u, watch as i, shallowRef as d, onMounted as c, onBeforeUnmount as s, createElementBlock as v, openBlock as f, createElementVNode as m } from "vue";
+import { getFileRenderByFile as p } from "../../utils/utils.mjs";
+const R = { class: "video-preview web-full-screen" }, h = /* @__PURE__ */ r({
+  __name: "index",
+  props: {
+    file: { default: () => null },
+    url: { default: () => null },
+    name: {}
+  },
+  setup(n) {
+    const t = n, e = u(null);
+    i(
+      () => t.file,
+      (o) => {
+        o && (e.value && URL.revokeObjectURL(e.value), p(o).then((a) => {
+          e.value = a, l.value.src = e.value;
+        }));
+      },
+      { immediate: !0 }
+    );
+    const l = d(null);
+    return c(() => {
+      l.value.addEventListener("loadedmetadata", () => {
+        l.value.play();
+      });
+    }), s(() => {
+      l.value.pause(), t.file && URL.revokeObjectURL(e.value);
+    }), (o, a) => (f(), v("div", R, [
+      m("video", {
+        ref_key: "videoPreviewRef",
+        ref: l,
+        class: "player-video-main",
+        controls: "",
+        autoplay: ""
+      }, null, 512)
+    ]));
+  }
+});
+export {
+  h as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/es/packages/preview/supports/video-preview/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":["../../../../../../packages/preview/supports/video-preview/index.vue"],"sourcesContent":["<script lang='ts' setup>\r\nimport {onBeforeUnmount, onMounted, ref, shallowRef, watch} from 'vue'\r\nimport type {PreviewProps} from '../../preview.interface'\r\nimport {getFileRenderByFile} from '../../utils/utils'\r\n\r\nconst props = withDefaults(\r\n    defineProps<PreviewProps>(),\r\n    {\r\n      url: () => null,\r\n      file: () => null,\r\n    },\r\n)\r\n\r\nconst fileRender = ref(null)\r\nwatch(\r\n    () => props.file,\r\n    (file) => {\r\n      if (file) {\r\n        fileRender.value && URL.revokeObjectURL(fileRender.value)\r\n        getFileRenderByFile(file).then((render) => {\r\n          fileRender.value = render\r\n          // Set the video element src\r\n          videoPreviewRef.value.src = fileRender.value\r\n        })\r\n      }\r\n    },\r\n    {immediate: true},\r\n)\r\nconst videoPreviewRef = shallowRef(null)\r\nonMounted(() => {\r\n  // Listen for video elements loadedmetadata. Event to automatically play the video once it has loaded\r\n  videoPreviewRef.value.addEventListener('loadedmetadata', () => {\r\n    videoPreviewRef.value.play()\r\n  })\r\n})\r\n\r\nonBeforeUnmount(() => {\r\n  // When the component is destroyed. Release the video element src\r\n  videoPreviewRef.value.pause()\r\n  if (props.file) {\r\n    URL.revokeObjectURL(fileRender.value)\r\n  }\r\n})\r\n</script>\r\n\r\n<template>\r\n  <div class=\"video-preview web-full-screen\">\r\n    <video ref=\"videoPreviewRef\" class=\"player-video-main\" controls autoplay/>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang='scss'>\r\n.web-full-screen {\r\n  z-index: 9999999;\r\n  position: fixed;\r\n  left: 0;\r\n  top: 0;\r\n  width: 100vw !important;\r\n  height: 100vh !important;\r\n  overflow: hidden; /* Hide overflow content. Keep the full screen experience */\r\n  background: rgba(0, 0, 0, 0.8); /* Background color can improve video contrast */\r\n  display: flex; /* Use flexbox to the center video */\r\n  align-items: center; /* Center vertically */\r\n  justify-content: center; /* Center horizontally */\r\n}\r\n\r\n.player-video-main {\r\n  width: 100%;\r\n  height: auto; /* Keep video aspect ratio */\r\n  max-height: 100%; /* Limit the maximum height to prevent overflow */\r\n  object-fit: contain; /* Keep aspect ratio. Black edges may appear */\r\n  transition: .2s;\r\n}\r\n\r\n.player-video-main.video-mirror {\r\n  transform: rotateY(180deg);\r\n}\r\n</style>\r\n"],"names":["props","__props","fileRender","ref","watch","file","getFileRenderByFile","render","videoPreviewRef","shallowRef","onMounted","onBeforeUnmount"],"mappings":";;;;;;;;;;AAKA,UAAMA,IAAQC,GAQRC,IAAaC,EAAI,IAAI;AAC3B,IAAAC;AAAA,MACI,MAAMJ,EAAM;AAAA,MACZ,CAACK,MAAS;AACR,QAAIA,MACFH,EAAW,SAAS,IAAI,gBAAgBA,EAAW,KAAK,GACxDI,EAAoBD,CAAI,EAAE,KAAK,CAACE,MAAW;AACzC,UAAAL,EAAW,QAAQK,GAEnBC,EAAgB,MAAM,MAAMN,EAAW;AAAA,QACzC,CAAC;AAAA,MAEL;AAAA,MACA,EAAC,WAAW,GAAA;AAAA,IAAI;AAEpB,UAAMM,IAAkBC,EAAW,IAAI;AACvC,WAAAC,EAAU,MAAM;AAEd,MAAAF,EAAgB,MAAM,iBAAiB,kBAAkB,MAAM;AAC7D,QAAAA,EAAgB,MAAM,KAAA;AAAA,MACxB,CAAC;AAAA,IACH,CAAC,GAEDG,EAAgB,MAAM;AAEpB,MAAAH,EAAgB,MAAM,MAAA,GAClBR,EAAM,QACR,IAAI,gBAAgBE,EAAW,KAAK;AAAA,IAExC,CAAC;;;;;;;;;;;"}

package/es/packages/preview/supports/vue-files-preview/index.mjs

@@ -0,0 +1,8 @@
+import e from "./index.vue.mjs";
+e.install = (i) => {
+  i.component("VueFilesPreview", e);
+};
+export {
+  e as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/preview/supports/vue-files-preview/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/preview/supports/vue-files-preview/index.ts"],"sourcesContent":["import type {App as Application} from 'vue'\r\nimport VueFilesPreview from './index.vue'\r\n\r\nVueFilesPreview.install = (app: Application) => {\r\n    app.component('VueFilesPreview', VueFilesPreview)\r\n}\r\nexport default VueFilesPreview\r\n"],"names":["VueFilesPreview","app"],"mappings":";AAGAA,EAAgB,UAAU,CAACC,MAAqB;AAC5C,EAAAA,EAAI,UAAU,mBAAmBD,CAAe;AACpD;"}

package/es/packages/preview/supports/vue-files-preview/index.vue.mjs

@@ -0,0 +1,42 @@
+import { defineComponent as m, shallowRef as u, watch as p, createElementBlock as s, openBlock as t, normalizeStyle as c, createBlock as w, resolveDynamicComponent as v, unref as o } from "vue";
+import { PreviewRules as i, getPreviewTypeByFileType as d } from "../../preview.const.mjs";
+import { PreviewType as h } from "../../preview.interface.mjs";
+import { getFileType as y, getFileName as g } from "../../utils/utils.mjs";
+const F = /* @__PURE__ */ m({
+  __name: "index",
+  props: {
+    file: { default: () => null },
+    url: { default: () => null },
+    name: {},
+    width: { default: () => "100%" },
+    height: { default: () => "100%" },
+    overflow: { default: () => "auto" }
+  },
+  setup(n) {
+    const a = n, r = u(i[h.NONE]);
+    function f(e) {
+      const l = i[d(y(e))];
+      l && (l.name = g(e), r.value = l);
+    }
+    return p(
+      () => a.file,
+      (e) => {
+        e && f(e);
+      },
+      { immediate: !0 }
+    ), (e, l) => (t(), s("div", {
+      class: "vue-files-preview",
+      style: c({ width: e.width, height: e.height, overflow: e.overflow })
+    }, [
+      (t(), w(v(o(r).component), {
+        name: o(r).name,
+        file: e.file,
+        url: e.url
+      }, null, 8, ["name", "file", "url"]))
+    ], 4));
+  }
+});
+export {
+  F as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/es/packages/preview/supports/vue-files-preview/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","sources":["../../../../../../packages/preview/supports/vue-files-preview/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport { watch } from 'vue'\r\nimport { PreviewRules, getPreviewTypeByFileType } from '../../preview.const'\r\nimport type { IPreviewRule, PreviewProps } from '../../preview.interface'\r\nimport { PreviewType } from '../../preview.interface'\r\nimport { getFileName, getFileType } from '../../utils/utils'\r\n\r\nconst props = withDefaults(\r\n  defineProps<PreviewProps & {\r\n    width?: string\r\n    height?: string\r\n    overflow?: string\r\n  }>(),\r\n  {\r\n    file: () => null,\r\n    url: () => null,\r\n    width: () => '100%',\r\n    height: () => '100%',\r\n    overflow: () => 'auto',\r\n  },\r\n)\r\n\r\nconst currentPreview = shallowRef<IPreviewRule>(PreviewRules[PreviewType.NONE])\r\n\r\nfunction syncPreview(file: File): void {\r\n  const preview = PreviewRules[getPreviewTypeByFileType(getFileType(file))]\r\n  if (preview) {\r\n    preview.name = getFileName(file)\r\n    currentPreview.value = preview\r\n  }\r\n}\r\n\r\nwatch(\r\n  () => props.file,\r\n  (file) => {\r\n    if (file) {\r\n      syncPreview(file)\r\n    }\r\n  },\r\n  { immediate: true },\r\n)\r\n</script>\r\n\r\n<template>\r\n  <div class=\"vue-files-preview\" :style=\"{ width, height, overflow }\">\r\n    <component :is=\"currentPreview.component\" :name=\"currentPreview.name\" :file=\"file\" :url=\"url\" />\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\"></style>\r\n"],"names":["props","__props","currentPreview","shallowRef","PreviewRules","PreviewType","syncPreview","file","preview","getPreviewTypeByFileType","getFileType","getFileName","watch"],"mappings":";;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAeRC,IAAiBC,EAAyBC,EAAaC,EAAY,IAAI,CAAC;AAE9E,aAASC,EAAYC,GAAkB;AACrC,YAAMC,IAAUJ,EAAaK,EAAyBC,EAAYH,CAAI,CAAC,CAAC;AACxE,MAAIC,MACFA,EAAQ,OAAOG,EAAYJ,CAAI,GAC/BL,EAAe,QAAQM;AAAA,IAE3B;AAEA,WAAAI;AAAA,MACE,MAAMZ,EAAM;AAAA,MACZ,CAACO,MAAS;AACR,QAAIA,KACFD,EAAYC,CAAI;AAAA,MAEpB;AAAA,MACA,EAAE,WAAW,GAAA;AAAA,IAAK;;;;;;;;;;;;"}

package/es/packages/preview/supports/vue-files-preview/index.vue2.mjs

@@ -0,0 +1,5 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/es/packages/preview/supports/vue-files-preview/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}

package/es/packages/preview/supports/xlsx-preview/index.mjs

@@ -0,0 +1,8 @@
+import e from "./index.vue.mjs";
+e.install = (o) => {
+  o.component("XlsxPreview", e);
+};
+export {
+  e as default
+};
+//# sourceMappingURL=index.mjs.map

package/es/packages/preview/supports/xlsx-preview/index.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.mjs","sources":["../../../../../../packages/preview/supports/xlsx-preview/index.ts"],"sourcesContent":["import type {App as Application} from 'vue'\r\nimport XlsxPreview from './index.vue'\r\n\r\nXlsxPreview.install = (app: Application) => {\r\n    app.component('XlsxPreview', XlsxPreview)\r\n}\r\nexport default XlsxPreview\r\n"],"names":["XlsxPreview","app"],"mappings":";AAGAA,EAAY,UAAU,CAACC,MAAqB;AACxC,EAAAA,EAAI,UAAU,eAAeD,CAAW;AAC5C;"}

package/es/packages/preview/supports/xlsx-preview/index.vue.mjs

@@ -0,0 +1,39 @@
+import { defineComponent as c, ref as d, watch as u, createElementBlock as a, openBlock as f, createVNode as s, unref as m } from "vue";
+import p from "../../../../node_modules/@vue-office/excel/lib/index.mjs";
+/* empty css                                                        */
+import { getFileRenderByFile as _ } from "../../utils/utils.mjs";
+const h = { class: "xlsx-preview" }, E = /* @__PURE__ */ c({
+  __name: "index",
+  props: {
+    file: { default: () => null },
+    url: { default: () => null },
+    name: {},
+    width: {},
+    height: {}
+  },
+  setup(t) {
+    const o = t, r = d(null);
+    u(
+      () => o.file,
+      (e) => {
+        e && _(e).then((n) => r.value = n);
+      },
+      { immediate: !0 }
+    );
+    function l() {
+    }
+    function i() {
+    }
+    return (e, n) => (f(), a("div", h, [
+      s(m(p), {
+        src: r.value,
+        onRendered: l,
+        onError: i
+      }, null, 8, ["src"])
+    ]));
+  }
+});
+export {
+  E as default
+};
+//# sourceMappingURL=index.vue.mjs.map

package/es/packages/preview/supports/xlsx-preview/index.vue.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue.mjs","sources":["../../../../../../packages/preview/supports/xlsx-preview/index.vue"],"sourcesContent":["<script lang=\"ts\" setup>\r\nimport VueOfficeExcel from '@vue-office/excel'\r\nimport '@vue-office/excel/lib/index.css'\r\nimport {ref, watch} from 'vue'\r\nimport type {PreviewProps} from '../../preview.interface'\r\nimport {getFileRenderByFile} from '../../utils/utils'\r\n\r\nconst props = withDefaults(\r\n    defineProps<\r\n        PreviewProps & {\r\n      width?: string\r\n      height?: string\r\n    }\r\n    >(),\r\n    {\r\n      url: () => null,\r\n      file: () => null,\r\n    },\r\n)\r\nconst fileRender = ref(null)\r\nwatch(\r\n    () => props.file,\r\n    (file) => {\r\n      if (file) {\r\n        getFileRenderByFile(file).then(render => (fileRender.value = render))\r\n      }\r\n    },\r\n    {immediate: true},\r\n)\r\n\r\nfunction renderedHandler(): void {}\r\n\r\nfunction errorHandler(): void {}\r\n</script>\r\n\r\n<template>\r\n  <div class=\"xlsx-preview\">\r\n    <VueOfficeExcel :src=\"fileRender\" @rendered=\"renderedHandler\" @error=\"errorHandler\"/>\r\n  </div>\r\n</template>\r\n\r\n<style scoped lang=\"scss\">\r\n\r\n</style>\r\n"],"names":["props","__props","fileRender","ref","watch","file","getFileRenderByFile","render","renderedHandler","errorHandler"],"mappings":";;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAYRC,IAAaC,EAAI,IAAI;AAC3B,IAAAC;AAAA,MACI,MAAMJ,EAAM;AAAA,MACZ,CAACK,MAAS;AACR,QAAIA,KACFC,EAAoBD,CAAI,EAAE,KAAK,CAAAE,MAAWL,EAAW,QAAQK,CAAO;AAAA,MAExE;AAAA,MACA,EAAC,WAAW,GAAA;AAAA,IAAI;AAGpB,aAASC,IAAwB;AAAA,IAAC;AAElC,aAASC,IAAqB;AAAA,IAAC;;;;;;;;;;"}

package/es/packages/preview/supports/xlsx-preview/index.vue2.mjs

@@ -0,0 +1,5 @@
+import f from "./index.vue.mjs";
+export {
+  f as default
+};
+//# sourceMappingURL=index.vue2.mjs.map

package/es/packages/preview/supports/xlsx-preview/index.vue2.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue2.mjs","sources":[],"sourcesContent":[],"names":[],"mappings":";"}