@eternalheart/vue-file-preview 1.3.6 → 1.3.8

package/lib/FilePreviewContent.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewContent.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewContent.vue"],"names":[],"mappings":"AA2vBA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACX,KAAK,QAAQ,EACb,KAAK,KAAK,EACV,KAAK,0BAA0B,EAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAyB,MAAM,SAAS,CAAC;AA+BrE,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;;;UAXQ,OAAO,GAAG,OAAO;WAUhB,KAAK;qBAZK,cAAc,EAAE;qBAIhB,MAAM;YAEf,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAulCpB,wBAQG"}
+{"version":3,"file":"FilePreviewContent.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewContent.vue"],"names":[],"mappings":"AAmvBA,OAAO,EAGL,KAAK,gBAAgB,EACrB,KAAK,MAAM,EACX,KAAK,QAAQ,EACb,KAAK,KAAK,EACV,KAAK,0BAA0B,EAChC,MAAM,iCAAiC,CAAC;AACzC,OAAO,KAAK,EAAE,cAAc,EAAyB,MAAM,SAAS,CAAC;AAoCrE,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,kCAAkC;IAClC,IAAI,CAAC,EAAE,OAAO,GAAG,OAAO,CAAC;IACzB,qCAAqC;IACrC,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,8BAA8B;IAC9B,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;;;UAXQ,OAAO,GAAG,OAAO;WAUhB,KAAK;qBAZK,cAAc,EAAE;qBAIhB,MAAM;YAEf,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAkrCpB,wBAQG"}

package/lib/FilePreviewEmbed.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewEmbed.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewEmbed.vue"],"names":[],"mappings":"AAuGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7H,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;YATU,MAAM,GAAG,MAAM;WAFhB,MAAM,GAAG,MAAM;WAUf,KAAK;kBAbE,MAAM;qBACH,cAAc,EAAE;YAMzB,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAqJpB,wBAQG"}
+{"version":3,"file":"FilePreviewEmbed.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewEmbed.vue"],"names":[],"mappings":"AAsGA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7H,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAG9C,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,uBAAuB;IACvB,KAAK,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACxB,uBAAuB;IACvB,MAAM,CAAC,EAAE,MAAM,GAAG,MAAM,CAAC;IACzB,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;YATU,MAAM,GAAG,MAAM;WAFhB,MAAM,GAAG,MAAM;WAUf,KAAK;kBAbE,MAAM;qBACH,cAAc,EAAE;YAMzB,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAwJpB,wBAQG"}

package/lib/FilePreviewModal.vue.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"FilePreviewModal.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewModal.vue"],"names":[],"mappings":"AAqHA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7H,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;;;WADS,KAAK;qBARK,cAAc,EAAE;YAEzB,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAkMpB,wBAQG"}
+{"version":3,"file":"FilePreviewModal.vue.d.ts","sourceRoot":"","sources":["../src/FilePreviewModal.vue"],"names":[],"mappings":"AAoHA,OAAO,KAAK,EAAE,gBAAgB,EAAE,MAAM,EAAE,QAAQ,EAAE,KAAK,EAAE,0BAA0B,EAAE,MAAM,iCAAiC,CAAC;AAC7H,OAAO,KAAK,EAAE,cAAc,EAAE,MAAM,SAAS,CAAC;AAI9C,UAAU,KAAK;IACb,KAAK,EAAE,gBAAgB,EAAE,CAAC;IAC1B,YAAY,EAAE,MAAM,CAAC;IACrB,MAAM,EAAE,OAAO,CAAC;IAChB,eAAe,CAAC,EAAE,cAAc,EAAE,CAAC;IACnC,SAAS;IACT,MAAM,CAAC,EAAE,MAAM,CAAC;IAChB,cAAc;IACd,QAAQ,CAAC,EAAE,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC,CAAC;IACtD,sBAAsB;IACtB,QAAQ,CAAC,EAAE,OAAO,CAAC;IACnB,qBAAqB;IACrB,KAAK,CAAC,EAAE,KAAK,CAAC;CACf;;;;;;;;;;WADS,KAAK;qBARK,cAAc,EAAE;YAEzB,MAAM;cAEJ,OAAO,CAAC,MAAM,CAAC,MAAM,EAAE,OAAO,CAAC,QAAQ,CAAC,CAAC,CAAC;cAE1C,OAAO;;AAyMpB,wBAQG"}

package/lib/chunks/index-5Smm2vx0.mjs

@@ -0,0 +1,77 @@
+import { defineComponent as x, ref as n, computed as y, watch as h, openBlock as e, createElementBlock as t, createElementVNode as v, toDisplayString as m, normalizeClass as w } from "vue";
+import { u as _, b, j as k, h as T, _ as B } from "./index-C324a7kV.mjs";
+import { codeToHtml as N } from "shiki";
+const j = {
+  key: 0,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
+}, H = {
+  key: 1,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
+}, W = { class: "vfp-text-fg-secondary vfp-text-center" }, C = { class: "vfp-text-lg" }, E = {
+  key: 2,
+  class: "vfp-w-full vfp-h-full vfp-bg-surface-toolbar"
+}, L = ["srcdoc", "title"], M = {
+  key: 3,
+  class: "vfp-w-full vfp-h-full vfp-overflow-auto",
+  style: { background: "var(--fp-code-bg)" }
+}, P = ["innerHTML"], z = /* @__PURE__ */ x({
+  __name: "index",
+  props: {
+    url: {},
+    fileName: {},
+    wordWrap: { type: Boolean, default: !0 },
+    htmlPreview: { type: Boolean, default: !1 }
+  },
+  setup(l) {
+    const i = l, { t: g } = _(), u = b(), o = n(""), a = n(""), p = n(!0), r = n(null), f = y(() => k(i.fileName)), c = async () => {
+      p.value = !0, r.value = null;
+      try {
+        const s = await T(i.url);
+        if (o.value = s, f.value !== "text")
+          try {
+            a.value = await N(s, {
+              lang: f.value,
+              theme: u.value === "light" ? "github-light" : "dark-plus"
+            });
+          } catch {
+            a.value = "";
+          }
+        else
+          a.value = "";
+      } catch (s) {
+        console.error(s), r.value = g.value("text.load_failed");
+      } finally {
+        p.value = !1;
+      }
+    };
+    return h(() => i.url, c, { immediate: !0 }), h(u, () => {
+      o.value && f.value !== "text" && c();
+    }), (s, d) => p.value ? (e(), t("div", j, [...d[0] || (d[0] = [
+      v("div", { class: "vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin" }, null, -1)
+    ])])) : r.value ? (e(), t("div", H, [
+      v("div", W, [
+        v("p", C, m(r.value), 1)
+      ])
+    ])) : l.htmlPreview && f.value === "html" ? (e(), t("div", E, [
+      v("iframe", {
+        srcdoc: o.value,
+        sandbox: "allow-same-origin",
+        class: "vfp-w-full vfp-h-full vfp-border-0",
+        title: l.fileName
+      }, null, 8, L)
+    ])) : (e(), t("div", M, [
+      a.value ? (e(), t("div", {
+        key: 1,
+        class: w(["shiki-wrapper", { "no-wrap": !l.wordWrap }]),
+        innerHTML: a.value
+      }, null, 10, P)) : (e(), t("pre", {
+        key: 0,
+        class: w(["vfp-p-6 vfp-text-fg-primary vfp-font-mono vfp-text-sm", l.wordWrap ? "vfp-whitespace-pre-wrap vfp-break-words" : "vfp-whitespace-pre"])
+      }, m(o.value), 3))
+    ]));
+  }
+}), S = /* @__PURE__ */ B(z, [["__scopeId", "data-v-22859c1e"]]);
+export {
+  S as default
+};
+//# sourceMappingURL=index-5Smm2vx0.mjs.map

package/lib/chunks/index-5Smm2vx0.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-5Smm2vx0.mjs","sources":["../../src/renderers/Text/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, computed, watch } from 'vue';\nimport { getLanguageFromFileName, fetchTextUtf8 } from '@eternalheart/file-preview-core';\nimport { codeToHtml } from 'shiki';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useResolvedTheme } from '../../composables/useResolvedTheme';\n\nconst props = withDefaults(defineProps<{\n  url: string;\n  fileName: string;\n  wordWrap?: boolean;\n  htmlPreview?: boolean;\n}>(), {\n  wordWrap: true,\n  htmlPreview: false,\n});\n\nconst { t } = useTranslator();\nconst resolvedTheme = useResolvedTheme();\n\nconst content = ref<string>('');\nconst highlighted = ref<string>('');\nconst loading = ref(true);\nconst error = ref<string | null>(null);\n\nconst language = computed(() => getLanguageFromFileName(props.fileName));\n\nconst loadText = async () => {\n  loading.value = true;\n  error.value = null;\n  try {\n    const text = await fetchTextUtf8(props.url);\n    content.value = text;\n\n    if (language.value !== 'text') {\n      try {\n        highlighted.value = await codeToHtml(text, {\n          lang: language.value,\n          theme: resolvedTheme.value === 'light' ? 'github-light' : 'dark-plus',\n        });\n      } catch {\n        highlighted.value = '';\n      }\n    } else {\n      highlighted.value = '';\n    }\n  } catch (err) {\n    console.error(err);\n    error.value = t.value('text.load_failed');\n  } finally {\n    loading.value = false;\n  }\n};\n\nwatch(() => props.url, loadText, { immediate: true });\nwatch(resolvedTheme, () => {\n  // 主题切换时重新高亮\n  if (content.value && language.value !== 'text') {\n    loadText();\n  }\n});\n</script>\n\n<template>\n  <div v-if=\"loading\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div\n      class=\"vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n    />\n  </div>\n\n  <div v-else-if=\"error\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-text-fg-secondary vfp-text-center\">\n      <p class=\"vfp-text-lg\">{{ error }}</p>\n    </div>\n  </div>\n\n  <!-- HTML 预览模式 -->\n  <div v-else-if=\"htmlPreview && language === 'html'\" class=\"vfp-w-full vfp-h-full vfp-bg-surface-toolbar\">\n    <iframe\n      :srcdoc=\"content\"\n      sandbox=\"allow-same-origin\"\n      class=\"vfp-w-full vfp-h-full vfp-border-0\"\n      :title=\"fileName\"\n    />\n  </div>\n\n  <!-- 源码模式 -->\n  <div v-else class=\"vfp-w-full vfp-h-full vfp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n    <pre\n      v-if=\"!highlighted\"\n      class=\"vfp-p-6 vfp-text-fg-primary vfp-font-mono vfp-text-sm\"\n      :class=\"wordWrap ? 'vfp-whitespace-pre-wrap vfp-break-words' : 'vfp-whitespace-pre'\"\n    >{{ content }}</pre>\n    <div v-else class=\"shiki-wrapper\" :class=\"{ 'no-wrap': !wordWrap }\" v-html=\"highlighted\" />\n  </div>\n</template>\n\n<style scoped>\n.shiki-wrapper :deep(pre) {\n  margin: 0;\n  padding: 1.5rem 1.5rem 1.5rem 0;\n  background: transparent !important;\n  font-size: 0.875rem;\n  overflow-x: auto;\n}\n.shiki-wrapper :deep(code) {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n  counter-reset: line;\n}\n.shiki-wrapper :deep(code .line) {\n  counter-increment: line;\n}\n.shiki-wrapper :deep(code .line::before) {\n  content: counter(line);\n  display: inline-block;\n  width: 3em;\n  padding-right: 1em;\n  margin-right: 0.5em;\n  text-align: right;\n  color: var(--fp-fg-disabled);\n  user-select: none;\n  border-right: 1px solid var(--fp-line);\n}\n.shiki-wrapper.no-wrap :deep(code) {\n  white-space: pre;\n  word-break: normal;\n  overflow-wrap: normal;\n}\n.shiki-wrapper:not(.no-wrap) :deep(code) {\n  white-space: pre-wrap;\n  word-break: break-word;\n  overflow-wrap: break-word;\n}\n</style>\n"],"names":["props","__props","t","useTranslator","resolvedTheme","useResolvedTheme","content","ref","highlighted","loading","error","language","computed","getLanguageFromFileName","loadText","text","fetchTextUtf8","codeToHtml","err","watch","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_7","_normalizeClass"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAUR,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAgBC,EAAA,GAEhBC,IAAUC,EAAY,EAAE,GACxBC,IAAcD,EAAY,EAAE,GAC5BE,IAAUF,EAAI,EAAI,GAClBG,IAAQH,EAAmB,IAAI,GAE/BI,IAAWC,EAAS,MAAMC,EAAwBb,EAAM,QAAQ,CAAC,GAEjEc,IAAW,YAAY;AAC3B,MAAAL,EAAQ,QAAQ,IAChBC,EAAM,QAAQ;AACd,UAAI;AACF,cAAMK,IAAO,MAAMC,EAAchB,EAAM,GAAG;AAG1C,YAFAM,EAAQ,QAAQS,GAEZJ,EAAS,UAAU;AACrB,cAAI;AACF,YAAAH,EAAY,QAAQ,MAAMS,EAAWF,GAAM;AAAA,cACzC,MAAMJ,EAAS;AAAA,cACf,OAAOP,EAAc,UAAU,UAAU,iBAAiB;AAAA,YAAA,CAC3D;AAAA,UACH,QAAQ;AACN,YAAAI,EAAY,QAAQ;AAAA,UACtB;AAAA;AAEA,UAAAA,EAAY,QAAQ;AAAA,MAExB,SAASU,GAAK;AACZ,gBAAQ,MAAMA,CAAG,GACjBR,EAAM,QAAQR,EAAE,MAAM,kBAAkB;AAAA,MAC1C,UAAA;AACE,QAAAO,EAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,WAAAU,EAAM,MAAMnB,EAAM,KAAKc,GAAU,EAAE,WAAW,IAAM,GACpDK,EAAMf,GAAe,MAAM;AAEzB,MAAIE,EAAQ,SAASK,EAAS,UAAU,UACtCG,EAAA;AAAA,IAEJ,CAAC,aAIYL,EAAA,SAAXW,EAAA,GAAAC,EAIM,OAJNC,GAIM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,MAHJC,EAEE,OAAA,EADA,OAAM,oHAAA,GAAmH,MAAA,EAAA;AAAA,IAAA,QAI7Gd,EAAA,SAAhBU,EAAA,GAAAC,EAIM,OAJNI,GAIM;AAAA,MAHJD,EAEM,OAFNE,GAEM;AAAA,QADJF,EAAsC,KAAtCG,GAAsCC,EAAZlB,EAAA,KAAK,GAAA,CAAA;AAAA,MAAA;UAKnBT,EAAA,eAAeU,EAAA,UAAQ,UAAvCS,KAAAC,EAOM,OAPNQ,GAOM;AAAA,MANJL,EAKE,UAAA;AAAA,QAJC,QAAQlB,EAAA;AAAA,QACT,SAAQ;AAAA,QACR,OAAM;AAAA,QACL,OAAOL,EAAA;AAAA,MAAA;WAKZmB,EAAA,GAAAC,EAOM,OAPNS,GAOM;AAAA,MALKtB,EAAA,cAITa,EAA2F,OAAA;AAAA;QAA/E,OAAKU,EAAA,CAAC,iBAAe,EAAA,WAAA,CAAuB9B,EAAA,SAAA,CAAQ,CAAA;AAAA,QAAI,WAAQO,EAAA;AAAA,MAAA,yBAL5Ea,EAIoB,OAAA;AAAA;QAFlB,OAAKU,EAAA,CAAC,yDACE9B,EAAA,WAAQ,4CAAA,oBAAA,CAAA;AAAA,MAAA,KACdK,EAAA,KAAO,GAAA,CAAA;AAAA;;;"}

package/lib/chunks/index-BCkcZs4y.mjs

@@ -0,0 +1,84 @@
+import { defineComponent as z, ref as c, watch as g, openBlock as s, createElementBlock as a, createElementVNode as v, toDisplayString as y } from "vue";
+import { u as M, b as S, h as $, _ as D } from "./index-C324a7kV.mjs";
+import { codeToHtml as j } from "shiki";
+const H = {
+  key: 0,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
+}, L = {
+  key: 1,
+  class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
+}, N = { class: "vfp-text-fg-secondary vfp-text-center" }, P = { class: "vfp-text-lg" }, X = {
+  key: 2,
+  class: "vfp-w-full vfp-h-full vfp-overflow-auto",
+  style: { background: "var(--fp-code-bg)" }
+}, B = {
+  key: 0,
+  class: "vfp-p-6 vfp-text-fg-primary vfp-font-mono vfp-text-sm vfp-whitespace-pre-wrap vfp-break-words"
+}, E = ["innerHTML"], I = /* @__PURE__ */ z({
+  __name: "index",
+  props: {
+    url: {},
+    fileName: {}
+  },
+  setup(w) {
+    const u = w, { t: x } = M(), d = S(), l = c(""), n = c(""), f = c(!0), o = c(null), k = (e) => {
+      const r = "  ", i = /(>)(<)(\/*)/g, h = e.replace(i, `$1
+$2$3`);
+      let t = 0;
+      return h.split(`
+`).map((p) => {
+        let _ = 0;
+        /^<\/\w/.test(p) ? t = Math.max(t - 1, 0) : /^<\w[^>]*[^/]>.*$/.test(p) && !/<.+<\/.+>$/.test(p) && (_ = 1);
+        const T = r.repeat(t) + p;
+        return t += _, T;
+      }).join(`
+`);
+    }, b = (e) => {
+      try {
+        const i = new DOMParser().parseFromString(e, "application/xml");
+        if (i.querySelector("parsererror")) return e;
+        const t = new XMLSerializer().serializeToString(i);
+        return k(t);
+      } catch {
+        return e;
+      }
+    }, m = async () => {
+      f.value = !0, o.value = null;
+      try {
+        const e = await $(u.url);
+        l.value = b(e);
+        try {
+          n.value = await j(l.value, {
+            lang: "xml",
+            theme: d.value === "light" ? "github-light" : "dark-plus"
+          });
+        } catch {
+          n.value = "";
+        }
+      } catch (e) {
+        console.error(e), o.value = x.value("xml.load_failed");
+      } finally {
+        f.value = !1;
+      }
+    };
+    return g(() => u.url, m, { immediate: !0 }), g(d, () => {
+      l.value && m();
+    }), (e, r) => f.value ? (s(), a("div", H, [...r[0] || (r[0] = [
+      v("div", { class: "vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin" }, null, -1)
+    ])])) : o.value ? (s(), a("div", L, [
+      v("div", N, [
+        v("p", P, y(o.value), 1)
+      ])
+    ])) : (s(), a("div", X, [
+      n.value ? (s(), a("div", {
+        key: 1,
+        class: "shiki-wrapper",
+        innerHTML: n.value
+      }, null, 8, E)) : (s(), a("pre", B, y(l.value), 1))
+    ]));
+  }
+}), F = /* @__PURE__ */ D(I, [["__scopeId", "data-v-3249ae32"]]);
+export {
+  F as default
+};
+//# sourceMappingURL=index-BCkcZs4y.mjs.map

package/lib/chunks/index-BCkcZs4y.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BCkcZs4y.mjs","sources":["../../src/renderers/Xml/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch } from 'vue';\nimport { fetchTextUtf8 } from '@eternalheart/file-preview-core';\nimport { codeToHtml } from 'shiki';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useResolvedTheme } from '../../composables/useResolvedTheme';\n\nconst props = defineProps<{\n  url: string;\n  fileName: string;\n}>();\n\nconst { t } = useTranslator();\nconst resolvedTheme = useResolvedTheme();\n\nconst content = ref<string>('');\nconst highlighted = ref<string>('');\nconst loading = ref(true);\nconst error = ref<string | null>(null);\n\nconst indentXml = (xml: string): string => {\n  const PADDING = '  ';\n  const reg = /(>)(<)(\\/*)/g;\n  const formatted = xml.replace(reg, '$1\\n$2$3');\n  let pad = 0;\n  return formatted\n    .split('\\n')\n    .map((line) => {\n      let indent = 0;\n      if (/^<\\/\\w/.test(line)) {\n        pad = Math.max(pad - 1, 0);\n      } else if (/^<\\w[^>]*[^/]>.*$/.test(line) && !/<.+<\\/.+>$/.test(line)) {\n        indent = 1;\n      }\n      const padded = PADDING.repeat(pad) + line;\n      pad += indent;\n      return padded;\n    })\n    .join('\\n');\n};\n\nconst prettyPrintXml = (xml: string): string => {\n  try {\n    const parser = new DOMParser();\n    const doc = parser.parseFromString(xml, 'application/xml');\n    if (doc.querySelector('parsererror')) return xml;\n    const serializer = new XMLSerializer();\n    const serialized = serializer.serializeToString(doc);\n    return indentXml(serialized);\n  } catch {\n    return xml;\n  }\n};\n\nconst load = async () => {\n  loading.value = true;\n  error.value = null;\n  try {\n    const raw = await fetchTextUtf8(props.url);\n    content.value = prettyPrintXml(raw);\n    try {\n      highlighted.value = await codeToHtml(content.value, {\n        lang: 'xml',\n        theme: resolvedTheme.value === 'light' ? 'github-light' : 'dark-plus',\n      });\n    } catch {\n      highlighted.value = '';\n    }\n  } catch (err) {\n    console.error(err);\n    error.value = t.value('xml.load_failed');\n  } finally {\n    loading.value = false;\n  }\n};\n\nwatch(() => props.url, load, { immediate: true });\nwatch(resolvedTheme, () => {\n  if (content.value) load();\n});\n</script>\n\n<template>\n  <div v-if=\"loading\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div\n      class=\"vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n    />\n  </div>\n\n  <div v-else-if=\"error\" class=\"vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full\">\n    <div class=\"vfp-text-fg-secondary vfp-text-center\">\n      <p class=\"vfp-text-lg\">{{ error }}</p>\n    </div>\n  </div>\n\n  <div v-else class=\"vfp-w-full vfp-h-full vfp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n    <pre\n      v-if=\"!highlighted\"\n      class=\"vfp-p-6 vfp-text-fg-primary vfp-font-mono vfp-text-sm vfp-whitespace-pre-wrap vfp-break-words\"\n      >{{ content }}</pre\n    >\n    <div v-else class=\"shiki-wrapper\" v-html=\"highlighted\" />\n  </div>\n</template>\n\n<style scoped>\n.shiki-wrapper :deep(pre) {\n  margin: 0;\n  padding: 1.5rem;\n  background: transparent !important;\n  font-size: 0.875rem;\n  overflow-x: auto;\n}\n.shiki-wrapper :deep(code) {\n  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;\n}\n</style>\n"],"names":["props","__props","t","useTranslator","resolvedTheme","useResolvedTheme","content","ref","highlighted","loading","error","indentXml","xml","PADDING","reg","formatted","pad","line","indent","padded","prettyPrintXml","doc","serialized","load","raw","fetchTextUtf8","codeToHtml","err","watch","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_hoisted_3","_hoisted_4","_toDisplayString","_hoisted_5","_hoisted_6"],"mappings":";;;;;;;;;;;;;;;;;;;;;;;AAOA,UAAMA,IAAQC,GAKR,EAAE,GAAAC,EAAA,IAAMC,EAAA,GACRC,IAAgBC,EAAA,GAEhBC,IAAUC,EAAY,EAAE,GACxBC,IAAcD,EAAY,EAAE,GAC5BE,IAAUF,EAAI,EAAI,GAClBG,IAAQH,EAAmB,IAAI,GAE/BI,IAAY,CAACC,MAAwB;AACzC,YAAMC,IAAU,MACVC,IAAM,gBACNC,IAAYH,EAAI,QAAQE,GAAK;AAAA,KAAU;AAC7C,UAAIE,IAAM;AACV,aAAOD,EACJ,MAAM;AAAA,CAAI,EACV,IAAI,CAACE,MAAS;AACb,YAAIC,IAAS;AACb,QAAI,SAAS,KAAKD,CAAI,IACpBD,IAAM,KAAK,IAAIA,IAAM,GAAG,CAAC,IAChB,oBAAoB,KAAKC,CAAI,KAAK,CAAC,aAAa,KAAKA,CAAI,MAClEC,IAAS;AAEX,cAAMC,IAASN,EAAQ,OAAOG,CAAG,IAAIC;AACrC,eAAAD,KAAOE,GACAC;AAAA,MACT,CAAC,EACA,KAAK;AAAA,CAAI;AAAA,IACd,GAEMC,IAAiB,CAACR,MAAwB;AAC9C,UAAI;AAEF,cAAMS,IADS,IAAI,UAAA,EACA,gBAAgBT,GAAK,iBAAiB;AACzD,YAAIS,EAAI,cAAc,aAAa,EAAG,QAAOT;AAE7C,cAAMU,IADa,IAAI,cAAA,EACO,kBAAkBD,CAAG;AACnD,eAAOV,EAAUW,CAAU;AAAA,MAC7B,QAAQ;AACN,eAAOV;AAAA,MACT;AAAA,IACF,GAEMW,IAAO,YAAY;AACvB,MAAAd,EAAQ,QAAQ,IAChBC,EAAM,QAAQ;AACd,UAAI;AACF,cAAMc,IAAM,MAAMC,EAAczB,EAAM,GAAG;AACzC,QAAAM,EAAQ,QAAQc,EAAeI,CAAG;AAClC,YAAI;AACF,UAAAhB,EAAY,QAAQ,MAAMkB,EAAWpB,EAAQ,OAAO;AAAA,YAClD,MAAM;AAAA,YACN,OAAOF,EAAc,UAAU,UAAU,iBAAiB;AAAA,UAAA,CAC3D;AAAA,QACH,QAAQ;AACN,UAAAI,EAAY,QAAQ;AAAA,QACtB;AAAA,MACF,SAASmB,GAAK;AACZ,gBAAQ,MAAMA,CAAG,GACjBjB,EAAM,QAAQR,EAAE,MAAM,iBAAiB;AAAA,MACzC,UAAA;AACE,QAAAO,EAAQ,QAAQ;AAAA,MAClB;AAAA,IACF;AAEA,WAAAmB,EAAM,MAAM5B,EAAM,KAAKuB,GAAM,EAAE,WAAW,IAAM,GAChDK,EAAMxB,GAAe,MAAM;AACzB,MAAIE,EAAQ,SAAOiB,EAAA;AAAA,IACrB,CAAC,aAIYd,EAAA,SAAXoB,EAAA,GAAAC,EAIM,OAJNC,GAIM,CAAA,GAAAC,EAAA,CAAA,MAAAA,EAAA,CAAA,IAAA;AAAA,MAHJC,EAEE,OAAA,EADA,OAAM,oHAAA,GAAmH,MAAA,EAAA;AAAA,IAAA,QAI7GvB,EAAA,SAAhBmB,EAAA,GAAAC,EAIM,OAJNI,GAIM;AAAA,MAHJD,EAEM,OAFNE,GAEM;AAAA,QADJF,EAAsC,KAAtCG,GAAsCC,EAAZ3B,EAAA,KAAK,GAAA,CAAA;AAAA,MAAA;WAInCmB,EAAA,GAAAC,EAOM,OAPNQ,GAOM;AAAA,MALK9B,EAAA,cAITsB,EAAyD,OAAA;AAAA;QAA7C,OAAM;AAAA,QAAgB,WAAQtB,EAAA;AAAA,MAAA,wBAL1CsB,EAIC,OAJDS,GAICF,EADK/B,EAAA,KAAO,GAAA,CAAA;AAAA;;;"}

package/lib/chunks/index-BM9FaQUl.mjs

@@ -0,0 +1,134 @@
+import { defineComponent as U, ref as o, watch as z, onMounted as V, onBeforeUnmount as O, computed as E, openBlock as x, createElementBlock as y, normalizeStyle as Y, createElementVNode as C, createCommentVNode as k, toDisplayString as w, normalizeClass as Z } from "vue";
+import { u as q, p as A } from "./index-C324a7kV.mjs";
+const F = {
+  key: 0,
+  class: "vfp-flex vfp-items-center vfp-justify-center"
+}, G = {
+  key: 1,
+  class: "vfp-text-fg-secondary vfp-text-center"
+}, I = { class: "vfp-text-lg" }, J = ["src"], Q = {
+  key: 2,
+  class: "vfp-absolute vfp-bottom-2 vfp-right-3 vfp-text-[10px] vfp-text-fg-disabled hover:vfp-text-fg-secondary vfp-transition-colors vfp-pointer-events-auto vfp-select-none vfp-cursor-default"
+}, ne = /* @__PURE__ */ U({
+  __name: "index",
+  props: {
+    url: {},
+    zoom: {},
+    rotation: {},
+    resetKey: {},
+    fileSize: {}
+  },
+  emits: ["zoomChange", "naturalWidthChange", "naturalHeightChange"],
+  setup(S, { emit: R }) {
+    const u = S, m = R, { t: X } = q(), l = o(!1), v = o(null), n = o({ x: 0, y: 0 }), f = o(!1);
+    let M = { x: 0, y: 0 };
+    const r = o(1), s = o({ width: 0, height: 0 }), $ = o(null), d = o(null);
+    z(
+      () => u.url,
+      () => {
+        l.value = !1, v.value = null, n.value = { x: 0, y: 0 }, r.value = 1;
+      }
+    ), z(
+      () => u.zoom,
+      (e) => {
+        r.value = e;
+      }
+    ), z(
+      () => u.resetKey,
+      () => {
+        n.value = { x: 0, y: 0 };
+      }
+    );
+    const W = (e, t) => {
+      const a = d.value;
+      if (!a || s.value.width === 0) return e;
+      const h = a.clientWidth, p = a.clientHeight, _ = s.value.width * t, g = s.value.height * t, i = Math.min(80, h * 0.15, p * 0.15), c = (h + _) / 2 - i, b = (p + g) / 2 - i;
+      return {
+        x: c > 0 ? Math.max(-c, Math.min(c, e.x)) : 0,
+        y: b > 0 ? Math.max(-b, Math.min(b, e.y)) : 0
+      };
+    }, B = (e) => {
+      l.value = !0;
+      const t = e.currentTarget;
+      s.value = { width: t.naturalWidth, height: t.naturalHeight }, m("naturalWidthChange", t.naturalWidth), m("naturalHeightChange", t.naturalHeight);
+    }, L = () => {
+      v.value = X.value("image.load_failed"), l.value = !0;
+    }, N = () => {
+      n.value = { x: 0, y: 0 }, r.value = 1, m("zoomChange", 1);
+    }, H = (e) => {
+      e.preventDefault(), e.stopPropagation();
+      const t = d.value;
+      if (!t) return;
+      const a = t.getBoundingClientRect(), h = e.clientX - a.left - a.width / 2, p = e.clientY - a.top - a.height / 2, _ = e.deltaY > 0 ? -0.05 : 0.05, g = r.value, i = Math.max(0.01, Math.min(10, g + _)), c = i / g;
+      n.value = W(
+        {
+          x: h - c * (h - n.value.x),
+          y: p - c * (p - n.value.y)
+        },
+        i
+      ), r.value = i, m("zoomChange", i);
+    };
+    V(() => {
+      const e = d.value;
+      e && e.addEventListener("wheel", H, { passive: !1 });
+    }), O(() => {
+      const e = d.value;
+      e && e.removeEventListener("wheel", H);
+    });
+    const P = (e) => {
+      e.button === 0 && (f.value = !0, M = {
+        x: e.clientX - n.value.x,
+        y: e.clientY - n.value.y
+      });
+    }, T = (e) => {
+      f.value && (n.value = W(
+        {
+          x: e.clientX - M.x,
+          y: e.clientY - M.y
+        },
+        r.value
+      ));
+    }, D = () => {
+      f.value = !1;
+    }, j = E(() => ({
+      transform: `translate(${n.value.x}px, ${n.value.y}px) scale(${r.value}) rotate(${u.rotation}deg)`,
+      transformOrigin: "center",
+      transition: f.value ? "none" : "transform 0.3s ease-out",
+      opacity: l.value ? 1 : 0
+    })), K = E(() => u.fileSize == null ? "" : ` · ${A(u.fileSize)}`);
+    return (e, t) => (x(), y("div", {
+      ref_key: "containerRef",
+      ref: d,
+      class: "vfp-relative vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-overflow-hidden",
+      style: Y({ cursor: f.value ? "grabbing" : "grab" }),
+      onMousedown: P,
+      onMousemove: T,
+      onMouseup: D,
+      onMouseleave: D
+    }, [
+      !l.value && !v.value ? (x(), y("div", F, [...t[0] || (t[0] = [
+        C("div", { class: "vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin" }, null, -1)
+      ])])) : k("", !0),
+      v.value ? (x(), y("div", G, [
+        C("p", I, w(v.value), 1)
+      ])) : k("", !0),
+      C("img", {
+        ref_key: "imgRef",
+        ref: $,
+        src: S.url,
+        alt: "Preview",
+        class: Z(["vfp-max-w-none vfp-select-none", !l.value && "vfp-hidden"]),
+        style: Y(j.value),
+        draggable: !1,
+        onLoad: B,
+        onError: L,
+        onDblclick: N
+      }, null, 46, J),
+      l.value && !v.value && s.value.width > 0 ? (x(), y("div", Q, w(s.value.width) + " × " + w(s.value.height) + w(K.value), 1)) : k("", !0)
+    ], 36));
+  }
+});
+export {
+  ne as default
+};
+//# sourceMappingURL=index-BM9FaQUl.mjs.map

package/lib/chunks/index-BM9FaQUl.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BM9FaQUl.mjs","sources":["../../src/renderers/Image/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount, computed } from 'vue';\nimport { formatFileSize } from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\n\nconst props = defineProps<{\n  url: string;\n  zoom: number;\n  rotation: number;\n  resetKey?: number;\n  fileSize?: number;\n}>();\n\nconst emit = defineEmits<{\n  (e: 'zoomChange', zoom: number): void;\n  (e: 'naturalWidthChange', width: number): void;\n  (e: 'naturalHeightChange', height: number): void;\n}>();\n\nconst { t } = useTranslator();\n\nconst loaded = ref(false);\nconst error = ref<string | null>(null);\nconst position = ref({ x: 0, y: 0 });\nconst isDragging = ref(false);\nlet dragStart = { x: 0, y: 0 };\nconst internalZoom = ref(1);\nconst naturalSize = ref({ width: 0, height: 0 });\n\nconst imgRef = ref<HTMLImageElement | null>(null);\nconst containerRef = ref<HTMLDivElement | null>(null);\n\nwatch(\n  () => props.url,\n  () => {\n    loaded.value = false;\n    error.value = null;\n    position.value = { x: 0, y: 0 };\n    internalZoom.value = 1;\n  }\n);\n\nwatch(\n  () => props.zoom,\n  (z) => {\n    internalZoom.value = z;\n  }\n);\n\nwatch(\n  () => props.resetKey,\n  () => {\n    position.value = { x: 0, y: 0 };\n  }\n);\n\nconst clampPosition = (pos: { x: number; y: number }, currentZoom: number) => {\n  const container = containerRef.value;\n  if (!container || naturalSize.value.width === 0) return pos;\n\n  const containerW = container.clientWidth;\n  const containerH = container.clientHeight;\n  const imgW = naturalSize.value.width * currentZoom;\n  const imgH = naturalSize.value.height * currentZoom;\n\n  const margin = Math.min(80, containerW * 0.15, containerH * 0.15);\n  const rangeX = (containerW + imgW) / 2 - margin;\n  const rangeY = (containerH + imgH) / 2 - margin;\n\n  return {\n    x: rangeX > 0 ? Math.max(-rangeX, Math.min(rangeX, pos.x)) : 0,\n    y: rangeY > 0 ? Math.max(-rangeY, Math.min(rangeY, pos.y)) : 0,\n  };\n};\n\nconst handleLoad = (e: Event) => {\n  loaded.value = true;\n  const img = e.currentTarget as HTMLImageElement;\n  naturalSize.value = { width: img.naturalWidth, height: img.naturalHeight };\n  emit('naturalWidthChange', img.naturalWidth);\n  emit('naturalHeightChange', img.naturalHeight);\n};\n\nconst handleError = () => {\n  error.value = t.value('image.load_failed');\n  loaded.value = true;\n};\n\nconst handleDoubleClick = () => {\n  position.value = { x: 0, y: 0 };\n  internalZoom.value = 1;\n  emit('zoomChange', 1);\n};\n\n// 鼠标滚轮缩放\nconst handleWheelNative = (e: WheelEvent) => {\n  e.preventDefault();\n  e.stopPropagation();\n\n  const container = containerRef.value;\n  if (!container) return;\n\n  const rect = container.getBoundingClientRect();\n  const mouseX = e.clientX - rect.left - rect.width / 2;\n  const mouseY = e.clientY - rect.top - rect.height / 2;\n\n  const delta = e.deltaY > 0 ? -0.05 : 0.05;\n  const prev = internalZoom.value;\n  const newZoom = Math.max(0.01, Math.min(10, prev + delta));\n  const scale = newZoom / prev;\n\n  position.value = clampPosition(\n    {\n      x: mouseX - scale * (mouseX - position.value.x),\n      y: mouseY - scale * (mouseY - position.value.y),\n    },\n    newZoom\n  );\n\n  internalZoom.value = newZoom;\n  emit('zoomChange', newZoom);\n};\n\nonMounted(() => {\n  const container = containerRef.value;\n  if (container) {\n    container.addEventListener('wheel', handleWheelNative, { passive: false });\n  }\n});\n\nonBeforeUnmount(() => {\n  const container = containerRef.value;\n  if (container) {\n    container.removeEventListener('wheel', handleWheelNative);\n  }\n});\n\nconst handleMouseDown = (e: MouseEvent) => {\n  if (e.button !== 0) return;\n  isDragging.value = true;\n  dragStart = {\n    x: e.clientX - position.value.x,\n    y: e.clientY - position.value.y,\n  };\n};\n\nconst handleMouseMove = (e: MouseEvent) => {\n  if (!isDragging.value) return;\n  position.value = clampPosition(\n    {\n      x: e.clientX - dragStart.x,\n      y: e.clientY - dragStart.y,\n    },\n    internalZoom.value\n  );\n};\n\nconst handleMouseUp = () => {\n  isDragging.value = false;\n};\n\nconst transformStyle = computed(() => ({\n  transform: `translate(${position.value.x}px, ${position.value.y}px) scale(${internalZoom.value}) rotate(${props.rotation}deg)`,\n  transformOrigin: 'center',\n  transition: isDragging.value ? 'none' : 'transform 0.3s ease-out',\n  opacity: loaded.value ? 1 : 0,\n}));\n\nconst sizeText = computed(() => {\n  if (props.fileSize == null) return '';\n  return ` · ${formatFileSize(props.fileSize)}`;\n});\n</script>\n\n<template>\n  <div\n    ref=\"containerRef\"\n    class=\"vfp-relative vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full vfp-overflow-hidden\"\n    :style=\"{ cursor: isDragging ? 'grabbing' : 'grab' }\"\n    @mousedown=\"handleMouseDown\"\n    @mousemove=\"handleMouseMove\"\n    @mouseup=\"handleMouseUp\"\n    @mouseleave=\"handleMouseUp\"\n  >\n    <div v-if=\"!loaded && !error\" class=\"vfp-flex vfp-items-center vfp-justify-center\">\n      <div\n        class=\"vfp-w-12 vfp-h-12 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n      />\n    </div>\n\n    <div v-if=\"error\" class=\"vfp-text-fg-secondary vfp-text-center\">\n      <p class=\"vfp-text-lg\">{{ error }}</p>\n    </div>\n\n    <img\n      ref=\"imgRef\"\n      :src=\"url\"\n      alt=\"Preview\"\n      :class=\"['vfp-max-w-none vfp-select-none', !loaded && 'vfp-hidden']\"\n      :style=\"transformStyle\"\n      :draggable=\"false\"\n      @load=\"handleLoad\"\n      @error=\"handleError\"\n      @dblclick=\"handleDoubleClick\"\n    />\n\n    <div\n      v-if=\"loaded && !error && naturalSize.width > 0\"\n      class=\"vfp-absolute vfp-bottom-2 vfp-right-3 vfp-text-[10px] vfp-text-fg-disabled hover:vfp-text-fg-secondary vfp-transition-colors vfp-pointer-events-auto vfp-select-none vfp-cursor-default\"\n    >\n      {{ naturalSize.width }} × {{ naturalSize.height }}{{ sizeText }}\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","emit","__emit","t","useTranslator","loaded","ref","error","position","isDragging","dragStart","internalZoom","naturalSize","imgRef","containerRef","watch","z","clampPosition","pos","currentZoom","container","containerW","containerH","imgW","imgH","margin","rangeX","rangeY","handleLoad","img","handleError","handleDoubleClick","handleWheelNative","rect","mouseX","mouseY","delta","prev","newZoom","scale","onMounted","onBeforeUnmount","handleMouseDown","handleMouseMove","handleMouseUp","transformStyle","computed","sizeText","formatFileSize","_createElementBlock","_openBlock","_hoisted_1","_cache","_createElementVNode","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_5"],"mappings":"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"}

package/lib/chunks/index-BYzQg-jL.mjs

@@ -0,0 +1,152 @@
+import { defineComponent as C, ref as y, onMounted as P, watch as W, onBeforeUnmount as R, openBlock as g, createElementBlock as b, createElementVNode as f, toDisplayString as E, unref as T, createCommentVNode as k, createVNode as j, normalizeStyle as L } from "vue";
+import { Presentation as N } from "lucide-vue-next";
+import { init as D } from "pptx-preview";
+import { u as S } from "./index-C324a7kV.mjs";
+const V = { class: "vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full" }, q = {
+  key: 0,
+  class: "vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10"
+}, A = { class: "vfp-text-center" }, F = { class: "vfp-text-xs md:vfp-text-sm vfp-text-fg-secondary vfp-font-medium" }, H = {
+  key: 1,
+  class: "vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10"
+}, I = { class: "vfp-text-center vfp-max-w-sm md:vfp-max-w-md vfp-px-4" }, O = { class: "vfp-w-24 vfp-h-24 md:vfp-w-32 md:vfp-h-32 vfp-mx-auto vfp-mb-4 md:vfp-mb-6 vfp-rounded-2xl md:vfp-rounded-3xl vfp-bg-gradient-to-br vfp-from-orange-500 vfp-via-red-500 vfp-to-pink-500 vfp-flex vfp-items-center vfp-justify-center vfp-shadow-2xl" }, U = { class: "vfp-text-lg md:vfp-text-xl vfp-text-fg-primary vfp-mb-2 md:vfp-mb-3 vfp-font-medium" }, $ = { class: "vfp-text-xs md:vfp-text-sm vfp-text-fg-tertiary vfp-mb-4 md:vfp-mb-6" }, G = ["href"], Y = /* @__PURE__ */ C({
+  __name: "index",
+  props: {
+    url: {},
+    tiled: { type: Boolean, default: !0 }
+  },
+  setup(M) {
+    const a = M, { t: l } = S(), s = y(!0), p = y(null), c = y(0), r = y(null);
+    let o = null, m = null, d = null, u = null, h = { width: 0, height: 0 };
+    const w = () => {
+      var v;
+      if (!r.value) return { width: 960, height: 540 };
+      const t = r.value.clientWidth, e = ((v = r.value.parentElement) == null ? void 0 : v.clientWidth) || 0, i = t > 100 ? t : e > 100 ? e : 300, n = Math.floor(i * 9 / 16);
+      return { width: i, height: n };
+    }, B = async () => {
+      if (!(!r.value || !d || c.value === 0))
+        try {
+          if (o)
+            try {
+              o.destroy();
+            } catch {
+            }
+          r.value.innerHTML = "";
+          const t = w();
+          o = D(r.value, {
+            width: t.width,
+            height: a.tiled ? t.height * c.value : t.height,
+            mode: a.tiled ? "list" : "slide"
+          }), await o.preview(d);
+        } catch {
+        }
+    }, z = async () => {
+      if (!r.value) return;
+      s.value = !0, p.value = null;
+      let t = window.setTimeout(() => {
+        p.value = l.value("pptx.timeout"), s.value = !1;
+      }, 3e4);
+      try {
+        const e = await fetch(a.url, {
+          mode: "cors",
+          credentials: "omit",
+          redirect: "follow"
+        });
+        if (!e.ok)
+          throw e.status === 404 ? new Error(l.value("pptx.not_found")) : e.status === 403 ? new Error("无权限访问此文件") : e.status >= 500 ? new Error("服务器错误，请稍后重试") : new Error(`文件加载失败 (${e.status})`);
+        const i = await e.arrayBuffer();
+        if (i.byteLength === 0) throw new Error("文件为空");
+        d = i;
+        const n = document.createElement("div");
+        n.style.cssText = "position:absolute;left:-9999px;top:-9999px;visibility:hidden", document.body.appendChild(n);
+        try {
+          const v = D(n, {
+            width: 100,
+            height: 100,
+            mode: "slide"
+          });
+          try {
+            await v.preview(i);
+          } catch {
+            throw new Error(l.value("pptx.invalid_format"));
+          }
+          const x = v.slideCount;
+          if (!x || x === 0) throw new Error(l.value("pptx.no_pages"));
+          v.destroy(), c.value = x, r.value && (r.value.innerHTML = "");
+          const _ = w();
+          o = D(r.value, {
+            width: _.width,
+            height: a.tiled ? _.height * x : _.height,
+            mode: a.tiled ? "list" : "slide"
+          }), await o.preview(i), t !== null && (clearTimeout(t), t = null), s.value = !1;
+        } finally {
+          document.body.contains(n) && document.body.removeChild(n);
+        }
+      } catch (e) {
+        t !== null && clearTimeout(t);
+        let i = l.value("pptx.parse_failed");
+        e instanceof Error ? i = e.message : typeof e == "string" && (i = e), p.value = i, s.value = !1;
+      }
+    };
+    return P(() => {
+      if (!r.value) return;
+      let t = !0;
+      m = new ResizeObserver(() => {
+        if (t) {
+          t = !1, h = w();
+          return;
+        }
+        const e = w(), i = Math.abs(h.width - e.width), n = Math.abs(h.height - e.height);
+        i < 10 && n < 10 || (h = e, u !== null && clearTimeout(u), u = window.setTimeout(() => {
+          o && d && B();
+        }, 800));
+      }), m.observe(r.value), setTimeout(() => {
+        requestAnimationFrame(() => requestAnimationFrame(() => z()));
+      }, 150);
+    }), W(
+      () => a.url,
+      () => {
+        z();
+      }
+    ), R(() => {
+      if (m && m.disconnect(), u !== null && clearTimeout(u), d = null, c.value = 0, o)
+        try {
+          o.destroy();
+        } catch {
+        }
+      o = null;
+    }), (t, e) => (g(), b("div", V, [
+      s.value ? (g(), b("div", q, [
+        f("div", A, [
+          e[0] || (e[0] = f("div", { class: "vfp-w-10 vfp-h-10 md:vfp-w-12 md:vfp-h-12 vfp-mx-auto vfp-mb-3 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin" }, null, -1)),
+          f("p", F, E(T(l)("pptx.loading")), 1)
+        ])
+      ])) : k("", !0),
+      p.value && !s.value ? (g(), b("div", H, [
+        f("div", I, [
+          f("div", O, [
+            j(T(N), { class: "vfp-w-12 vfp-h-12 md:vfp-w-16 md:vfp-h-16 vfp-text-fg-primary" })
+          ]),
+          f("p", U, E(T(l)("pptx.load_failed")), 1),
+          f("p", $, E(p.value), 1),
+          f("a", {
+            href: M.url,
+            download: "",
+            class: "vfp-inline-flex vfp-items-center vfp-gap-2 vfp-px-4 vfp-py-2 md:vfp-px-6 md:vfp-py-3 vfp-bg-gradient-to-r vfp-from-purple-500 vfp-to-pink-500 vfp-text-fg-primary vfp-text-sm md:vfp-text-base vfp-rounded-lg md:vfp-rounded-xl hover:vfp-scale-105 vfp-transition-all vfp-shadow-lg"
+          }, " 下载文件 ", 8, G),
+          e[1] || (e[1] = f("p", { class: "vfp-text-xs vfp-text-fg-muted vfp-mt-3 md:vfp-mt-4" }, " 提示：可以使用 Microsoft PowerPoint 或 WPS 打开 ", -1))
+        ])
+      ])) : k("", !0),
+      p.value ? k("", !0) : (g(), b("div", {
+        key: 2,
+        ref_key: "containerRef",
+        ref: r,
+        class: "pptx-wrapper vfp-w-full vfp-max-w-full md:vfp-max-w-6xl",
+        style: L({ opacity: s.value ? 0 : 1 })
+      }, null, 4))
+    ]));
+  }
+});
+export {
+  Y as default
+};
+//# sourceMappingURL=index-BYzQg-jL.mjs.map

package/lib/chunks/index-BYzQg-jL.mjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"index-BYzQg-jL.mjs","sources":["../../src/renderers/Pptx/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport { ref, watch, onMounted, onBeforeUnmount } from 'vue';\nimport { Presentation } from 'lucide-vue-next';\nimport { init } from 'pptx-preview';\nimport { useTranslator } from '../../composables/useTranslator';\n\nconst props = withDefaults(\n  defineProps<{\n    url: string;\n    tiled?: boolean;\n  }>(),\n  { tiled: true }\n);\n\nconst { t } = useTranslator();\n\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst slideCount = ref(0);\nconst containerRef = ref<HTMLDivElement | null>(null);\nlet previewer: ReturnType<typeof init> | null = null;\nlet resizeObserver: ResizeObserver | null = null;\nlet arrayBufferRef: ArrayBuffer | null = null;\nlet resizeTimeout: number | null = null;\nlet lastDimensions = { width: 0, height: 0 };\n\nconst calculateDimensions = () => {\n  if (!containerRef.value) return { width: 960, height: 540 };\n  const rawWidth = containerRef.value.clientWidth;\n  const parentWidth = containerRef.value.parentElement?.clientWidth || 0;\n  const containerWidth = rawWidth > 100 ? rawWidth : parentWidth > 100 ? parentWidth : 300;\n  const height = Math.floor((containerWidth * 9) / 16);\n  return { width: containerWidth, height };\n};\n\nconst reinitializePreviewer = async () => {\n  if (!containerRef.value || !arrayBufferRef || slideCount.value === 0) return;\n\n  try {\n    if (previewer) {\n      try {\n        previewer.destroy();\n      } catch {\n        // ignore\n      }\n    }\n\n    containerRef.value.innerHTML = '';\n\n    const currentDimensions = calculateDimensions();\n    previewer = init(containerRef.value, {\n      width: currentDimensions.width,\n      height: props.tiled ? currentDimensions.height * slideCount.value : currentDimensions.height,\n      mode: props.tiled ? 'list' : 'slide',\n    });\n\n    await previewer.preview(arrayBufferRef);\n  } catch {\n    // 静默处理\n  }\n};\n\nconst loadPptx = async () => {\n  if (!containerRef.value) return;\n\n  loading.value = true;\n  error.value = null;\n\n  let timeoutId: number | null = window.setTimeout(() => {\n    error.value = t.value('pptx.timeout');\n    loading.value = false;\n  }, 30000);\n\n  try {\n    const response = await fetch(props.url, {\n      mode: 'cors',\n      credentials: 'omit',\n      redirect: 'follow',\n    });\n\n    if (!response.ok) {\n      if (response.status === 404) throw new Error(t.value('pptx.not_found'));\n      if (response.status === 403) throw new Error('无权限访问此文件');\n      if (response.status >= 500) throw new Error('服务器错误，请稍后重试');\n      throw new Error(`文件加载失败 (${response.status})`);\n    }\n\n    const arrayBuffer = await response.arrayBuffer();\n    if (arrayBuffer.byteLength === 0) throw new Error('文件为空');\n\n    arrayBufferRef = arrayBuffer;\n\n    // 步骤 1: 创建隐藏容器获取 slideCount\n    const hiddenContainer = document.createElement('div');\n    hiddenContainer.style.cssText = 'position:absolute;left:-9999px;top:-9999px;visibility:hidden';\n    document.body.appendChild(hiddenContainer);\n\n    try {\n      const tempPreviewer = init(hiddenContainer, {\n        width: 100,\n        height: 100,\n        mode: 'slide',\n      });\n\n      try {\n        await tempPreviewer.preview(arrayBuffer);\n      } catch {\n        throw new Error(t.value('pptx.invalid_format'));\n      }\n\n      const count = tempPreviewer.slideCount;\n      if (!count || count === 0) throw new Error(t.value('pptx.no_pages'));\n\n      tempPreviewer.destroy();\n\n      slideCount.value = count;\n\n      if (containerRef.value) {\n        containerRef.value.innerHTML = '';\n      }\n\n      const currentDimensions = calculateDimensions();\n      previewer = init(containerRef.value, {\n        width: currentDimensions.width,\n        height: props.tiled ? currentDimensions.height * count : currentDimensions.height,\n        mode: props.tiled ? 'list' : 'slide',\n      });\n\n      await previewer.preview(arrayBuffer);\n\n      if (timeoutId !== null) {\n        clearTimeout(timeoutId);\n        timeoutId = null;\n      }\n\n      loading.value = false;\n    } finally {\n      if (document.body.contains(hiddenContainer)) {\n        document.body.removeChild(hiddenContainer);\n      }\n    }\n  } catch (err) {\n    if (timeoutId !== null) clearTimeout(timeoutId);\n    let errorMsg = t.value('pptx.parse_failed');\n    if (err instanceof Error) errorMsg = err.message;\n    else if (typeof err === 'string') errorMsg = err;\n    error.value = errorMsg;\n    loading.value = false;\n  }\n};\n\nonMounted(() => {\n  if (!containerRef.value) return;\n\n  let isInitialRender = true;\n\n  resizeObserver = new ResizeObserver(() => {\n    if (isInitialRender) {\n      isInitialRender = false;\n      lastDimensions = calculateDimensions();\n      return;\n    }\n\n    const newDimensions = calculateDimensions();\n    const widthDiff = Math.abs(lastDimensions.width - newDimensions.width);\n    const heightDiff = Math.abs(lastDimensions.height - newDimensions.height);\n\n    if (widthDiff < 10 && heightDiff < 10) return;\n\n    lastDimensions = newDimensions;\n\n    if (resizeTimeout !== null) clearTimeout(resizeTimeout);\n\n    resizeTimeout = window.setTimeout(() => {\n      if (previewer && arrayBufferRef) reinitializePreviewer();\n    }, 800);\n  });\n\n  resizeObserver.observe(containerRef.value);\n\n  setTimeout(() => {\n    requestAnimationFrame(() => requestAnimationFrame(() => loadPptx()));\n  }, 150);\n});\n\nwatch(\n  () => props.url,\n  () => {\n    loadPptx();\n  }\n);\n\nonBeforeUnmount(() => {\n  if (resizeObserver) resizeObserver.disconnect();\n  if (resizeTimeout !== null) clearTimeout(resizeTimeout);\n  arrayBufferRef = null;\n  slideCount.value = 0;\n  if (previewer) {\n    try {\n      previewer.destroy();\n    } catch {\n      // ignore\n    }\n  }\n  previewer = null;\n});\n</script>\n\n<template>\n  <div class=\"vfp-relative vfp-flex vfp-flex-col vfp-items-center vfp-w-full vfp-h-full\">\n    <div\n      v-if=\"loading\"\n      class=\"vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10\"\n    >\n      <div class=\"vfp-text-center\">\n        <div\n          class=\"vfp-w-10 vfp-h-10 md:vfp-w-12 md:vfp-h-12 vfp-mx-auto vfp-mb-3 vfp-border-4 vfp-border-line-strong vfp-border-t-spinner-head vfp-rounded-full vfp-animate-spin\"\n        />\n        <p class=\"vfp-text-xs md:vfp-text-sm vfp-text-fg-secondary vfp-font-medium\">{{ t('pptx.loading') }}</p>\n      </div>\n    </div>\n\n    <div\n      v-if=\"error && !loading\"\n      class=\"vfp-absolute vfp-inset-0 vfp-flex vfp-items-center vfp-justify-center vfp-bg-surface-toolbar vfp-backdrop-blur-sm vfp-z-10\"\n    >\n      <div class=\"vfp-text-center vfp-max-w-sm md:vfp-max-w-md vfp-px-4\">\n        <div\n          class=\"vfp-w-24 vfp-h-24 md:vfp-w-32 md:vfp-h-32 vfp-mx-auto vfp-mb-4 md:vfp-mb-6 vfp-rounded-2xl md:vfp-rounded-3xl vfp-bg-gradient-to-br vfp-from-orange-500 vfp-via-red-500 vfp-to-pink-500 vfp-flex vfp-items-center vfp-justify-center vfp-shadow-2xl\"\n        >\n          <Presentation class=\"vfp-w-12 vfp-h-12 md:vfp-w-16 md:vfp-h-16 vfp-text-fg-primary\" />\n        </div>\n        <p class=\"vfp-text-lg md:vfp-text-xl vfp-text-fg-primary vfp-mb-2 md:vfp-mb-3 vfp-font-medium\">\n          {{ t('pptx.load_failed') }}\n        </p>\n        <p class=\"vfp-text-xs md:vfp-text-sm vfp-text-fg-tertiary vfp-mb-4 md:vfp-mb-6\">{{ error }}</p>\n        <a\n          :href=\"url\"\n          download\n          class=\"vfp-inline-flex vfp-items-center vfp-gap-2 vfp-px-4 vfp-py-2 md:vfp-px-6 md:vfp-py-3 vfp-bg-gradient-to-r vfp-from-purple-500 vfp-to-pink-500 vfp-text-fg-primary vfp-text-sm md:vfp-text-base vfp-rounded-lg md:vfp-rounded-xl hover:vfp-scale-105 vfp-transition-all vfp-shadow-lg\"\n        >\n          下载文件\n        </a>\n        <p class=\"vfp-text-xs vfp-text-fg-muted vfp-mt-3 md:vfp-mt-4\">\n          提示：可以使用 Microsoft PowerPoint 或 WPS 打开\n        </p>\n      </div>\n    </div>\n\n    <div\n      v-if=\"!error\"\n      ref=\"containerRef\"\n      class=\"pptx-wrapper vfp-w-full vfp-max-w-full md:vfp-max-w-6xl\"\n      :style=\"{ opacity: loading ? 0 : 1 }\"\n    />\n  </div>\n</template>\n"],"names":["props","__props","t","useTranslator","loading","ref","error","slideCount","containerRef","previewer","resizeObserver","arrayBufferRef","resizeTimeout","lastDimensions","calculateDimensions","rawWidth","parentWidth","_a","containerWidth","height","reinitializePreviewer","currentDimensions","init","loadPptx","timeoutId","response","arrayBuffer","hiddenContainer","tempPreviewer","count","err","errorMsg","onMounted","isInitialRender","newDimensions","widthDiff","heightDiff","watch","onBeforeUnmount","_openBlock","_createElementBlock","_hoisted_1","_hoisted_2","_createElementVNode","_hoisted_3","_hoisted_4","_toDisplayString","_unref","_hoisted_5","_hoisted_6","_hoisted_7","_createVNode","Presentation","_hoisted_8","_hoisted_9","_hoisted_10","_cache"],"mappings":"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"}