@eternalheart/vue-file-preview 1.6.0 → 1.6.2

package/README.md

@@ -250,8 +250,9 @@ Differences from `FilePreviewModal`:
 ## <img src="https://cdn.jsdelivr.net/gh/twitter/twemoji@latest/assets/svg/1f4d6.svg" width="20" height="20" alt="📖" /> Supported File Formats
 
 ### Images
-- **Formats**: JPG, PNG, GIF, WebP, SVG, BMP, ICO
-- **Features**: Zoom (0.1x - 10x), rotate, drag, mouse wheel zoom, double-click reset
+- **Formats**: JPG, PNG, GIF, WebP, SVG, BMP, ICO, HEIC/HEIF, AVIF, TIFF, RAW, PSD, JPEG 2000
+- **Features**: Zoom (0.01x - 10x), rotate, drag, mouse wheel zoom, double-click reset, multi-page TIFF
+- **Decoding**: HEIC/RAW/PSD use a Worker-first path with a main-thread fallback; other advanced formats are loaded on demand
 
 ### Videos
 - **Formats**: MP4, WebM, OGG, MOV, AVI, MKV, M4V, 3GP, FLV
@@ -522,7 +523,7 @@ const files = [
     :custom-renderers="[
       {
         test: (file) => file.type === 'application/custom',
-        component: CustomRenderer
+        render: () => CustomRenderer
       }
     ]"
   />
@@ -545,7 +546,7 @@ All built-in renderers use code-splitting via `defineAsyncComponent` to minimize
 
 - Main entry point: gzip ≤ 60 KB (strictly enforced by CI)
 - Each renderer: separate async chunk
-- Total library: gzip ≤ 500 KB (all renderers combined)
+- Total library: gzip ≤ 3 MB (all ESM chunks and CSS combined)
 
 **Implementation Example:**
 
@@ -598,7 +599,7 @@ const files = [...];
     :custom-renderers="[
       {
         test: (file) => file.type === 'application/custom',
-        component: MyCustomRenderer
+        render: () => MyCustomRenderer
       }
     ]"
   />

package/README.zh-CN.md

@@ -250,8 +250,9 @@ const files = [
 ## 📖 支持的文件格式
 
 ### 图片
-- **格式**: JPG, PNG, GIF, WebP, SVG, BMP, ICO
-- **功能**: 缩放 (0.1x - 10x)、旋转、拖拽、滚轮缩放、双击重置
+- **格式**: JPG, PNG, GIF, WebP, SVG, BMP, ICO, HEIC/HEIF, AVIF, TIFF, RAW, PSD, JPEG 2000
+- **功能**: 缩放 (0.01x - 10x)、旋转、拖拽、滚轮缩放、双击重置、多页 TIFF
+- **解码**: HEIC/RAW/PSD 优先通过 Worker 解码，失败时回退主线程；其他高级格式按需加载
 
 ### 视频
 - **格式**: MP4, WebM, OGG, MOV, AVI, MKV, M4V, 3GP, FLV
@@ -522,7 +523,7 @@ const files = [
     :custom-renderers="[
       {
         test: (file) => file.type === 'application/custom',
-        component: CustomRenderer
+        render: () => CustomRenderer
       }
     ]"
   />
@@ -545,7 +546,7 @@ const files = [
 
 - 主入口：gzip ≤ 60 KB（CI 强制约束）
 - 每个渲染器：独立异步 chunk
-- 整个库：gzip ≤ 500 KB（所有渲染器合计）
+- 整个库：gzip ≤ 3 MB（所有 ESM chunk 与 CSS 合计）
 
 **实现示例：**
 
@@ -598,7 +599,7 @@ const files = [...];
     :custom-renderers="[
       {
         test: (file) => file.type === 'application/custom',
-        component: MyCustomRenderer
+        render: () => MyCustomRenderer
       }
     ]"
   />

package/lib/chunks/{index-DD9QZ4a2.mjs → index-04rWay5r.mjs}

@@ -1,11 +1,11 @@
-import { defineComponent as L, ref as c, watch as M, computed as D, openBlock as n, createElementBlock as a, createElementVNode as r, createBlock as H, unref as h, toDisplayString as w, normalizeStyle as B, Fragment as y, renderList as F } from "vue";
-import { u as G, a as N, U as P } from "./index-M_Nf3MY5.mjs";
-import { u as X } from "./useShikiHighlight-CIk_v_UB.mjs";
-import { _ as j } from "./RendererError.vue_vue_type_script_setup_true_lang-BNoENOWX.mjs";
-const E = {
+import { defineComponent as M, ref as c, watch as L, computed as D, openBlock as n, createElementBlock as a, createElementVNode as r, createBlock as H, unref as h, toDisplayString as w, normalizeStyle as B, Fragment as y, renderList as F } from "vue";
+import { u as G, a as N, R as P } from "./index-C38FDG67.mjs";
+import { u as R } from "./useShikiHighlight-ChY7TOSl.mjs";
+import { _ as X } from "./RendererError.vue_vue_type_script_setup_true_lang-BNoENOWX.mjs";
+const j = {
   key: 0,
   class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
-}, U = {
+}, E = {
   key: 2,
   class: "vfp-w-full vfp-h-full vfp-overflow-auto",
   style: { background: "var(--fp-code-bg)" }
@@ -13,14 +13,14 @@ const E = {
   key: 3,
   class: "vfp-w-full vfp-h-full vfp-overflow-auto",
   style: { background: "var(--fp-code-bg)" }
-}, C = { class: "vfp-code-gutter" }, I = ["innerHTML"], W = /* @__PURE__ */ L({
+}, C = { class: "vfp-code-gutter" }, I = ["innerHTML"], W = /* @__PURE__ */ M({
   __name: "index",
   props: {
     url: {},
     fileName: {}
   },
   setup(_, { expose: k }) {
-    const v = _, { t: b } = G(), x = N(), p = c(""), u = c(!0), i = c(null), S = c("xml"), { lineHtmls: d } = X(p, S), T = (e) => {
+    const v = _, { t: b } = G(), x = N(), p = c(""), u = c(!0), i = c(null), S = c("xml"), { lineHtmls: d } = R(p, S), T = (e) => {
       const t = "  ", o = /(>)(<)(\/*)/g, l = e.replace(o, `$1
 $2$3`);
       let s = 0;
@@ -42,7 +42,7 @@ $2$3`);
         return e;
       }
     };
-    M(() => v.url, async () => {
+    L(() => v.url, async () => {
       u.value = !0, i.value = null;
       try {
         const e = await P(v.url, { fetcher: x.value });
@@ -57,12 +57,12 @@ $2$3`);
 `));
     return k({
       getToolbarGroups: () => []
-    }), (e, t) => u.value ? (n(), a("div", E, [...t[0] || (t[0] = [
+    }), (e, t) => u.value ? (n(), a("div", j, [...t[0] || (t[0] = [
       r("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)
-    ])])) : i.value ? (n(), H(j, {
+    ])])) : i.value ? (n(), H(X, {
       key: 1,
       message: i.value
-    }, null, 8, ["message"])) : h(d).length === 0 ? (n(), a("div", U, [
+    }, null, 8, ["message"])) : h(d).length === 0 ? (n(), a("div", E, [
       r("pre", q, w(p.value), 1)
     ])) : (n(), a("div", A, [
       r("div", {
@@ -85,4 +85,4 @@ $2$3`);
 export {
   W as default
 };
-//# sourceMappingURL=index-DD9QZ4a2.mjs.map
+//# sourceMappingURL=index-04rWay5r.mjs.map

package/lib/chunks/{index-DD9QZ4a2.mjs.map → index-04rWay5r.mjs.map}

@@ -1 +1 @@
-{"version":3,"file":"index-DD9QZ4a2.mjs","sources":["../../src/renderers/Xml/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RendererHandle } from '../base.types';\nimport type { ToolbarGroup } from '../toolbar.types';\n\nimport { ref, computed, watch } from 'vue';\nimport { fetchTextUtf8 } from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport { useShikiHighlight } from '../../composables/useShikiHighlight';\nimport RendererError from '../RendererError.vue';\n\nconst props = defineProps<{\n  url: string;\n  fileName: string;\n}>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\n\nconst content = ref<string>('');\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst xmlLang = ref('xml');\n\nconst { lineHtmls } = useShikiHighlight(content, xmlLang);\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, { fetcher: fetcher.value });\n    content.value = prettyPrintXml(raw);\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 });\n\nconst lines = computed(() => content.value.split('\\n'));\n\nconst getToolbarGroups = (): ToolbarGroup[] => [];\n\ndefineExpose<RendererHandle>({\n  getToolbarGroups,\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  <RendererError v-else-if=\"error\" :message=\"error\" />\n\n  <div v-else-if=\"lineHtmls.length === 0\" class=\"vfp-w-full vfp-h-full vfp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n    <pre\n      class=\"vfp-py-6 vfp-px-4 vfp-text-fg-primary vfp-font-mono vfp-text-sm vfp-whitespace-pre-wrap vfp-break-words\"\n      >{{ content }}</pre\n    >\n  </div>\n\n  <div v-else class=\"vfp-w-full vfp-h-full vfp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n    <div class=\"vfp-code-block with-line-numbers vfp-w-full\" :style=\"{ gridTemplateRows: `repeat(${lines.length}, auto) minmax(1.5rem, 1fr)` }\">\n      <template v-for=\"(_, i) in lines\" :key=\"i\">\n        <span class=\"vfp-code-gutter\">{{ i + 1 }}</span>\n        <span class=\"vfp-code-line\" v-html=\"lineHtmls[i] ?? ''\" />\n      </template>\n      <!-- 占位行：撑满剩余高度，让 gutter border 延伸到底部 -->\n      <span class=\"vfp-code-gutter-filler\" />\n      <span class=\"vfp-code-line-filler\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","t","useTranslator","fetcher","useFetcher","content","ref","loading","error","xmlLang","lineHtmls","useShikiHighlight","indentXml","xml","PADDING","reg","formatted","pad","line","indent","padded","prettyPrintXml","doc","serialized","watch","raw","fetchTextUtf8","err","lines","computed","__expose","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_createBlock","RendererError","_unref","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_normalizeStyle","_Fragment","_renderList","_","i","_hoisted_5"],"mappings":"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"}
+{"version":3,"file":"index-04rWay5r.mjs","sources":["../../src/renderers/Xml/index.vue"],"sourcesContent":["<script setup lang=\"ts\">\nimport type { RendererHandle } from '../base.types';\nimport type { ToolbarGroup } from '../toolbar.types';\n\nimport { ref, computed, watch } from 'vue';\nimport { fetchTextUtf8 } from '@eternalheart/file-preview-core';\nimport { useTranslator } from '../../composables/useTranslator';\nimport { useFetcher } from '../../composables/useRequest';\nimport { useShikiHighlight } from '../../composables/useShikiHighlight';\nimport RendererError from '../RendererError.vue';\n\nconst props = defineProps<{\n  url: string;\n  fileName: string;\n}>();\n\nconst { t } = useTranslator();\nconst fetcher = useFetcher();\n\nconst content = ref<string>('');\nconst loading = ref(true);\nconst error = ref<string | null>(null);\nconst xmlLang = ref('xml');\n\nconst { lineHtmls } = useShikiHighlight(content, xmlLang);\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, { fetcher: fetcher.value });\n    content.value = prettyPrintXml(raw);\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 });\n\nconst lines = computed(() => content.value.split('\\n'));\n\nconst getToolbarGroups = (): ToolbarGroup[] => [];\n\ndefineExpose<RendererHandle>({\n  getToolbarGroups,\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  <RendererError v-else-if=\"error\" :message=\"error\" />\n\n  <div v-else-if=\"lineHtmls.length === 0\" class=\"vfp-w-full vfp-h-full vfp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n    <pre\n      class=\"vfp-py-6 vfp-px-4 vfp-text-fg-primary vfp-font-mono vfp-text-sm vfp-whitespace-pre-wrap vfp-break-words\"\n      >{{ content }}</pre\n    >\n  </div>\n\n  <div v-else class=\"vfp-w-full vfp-h-full vfp-overflow-auto\" style=\"background: var(--fp-code-bg);\">\n    <div class=\"vfp-code-block with-line-numbers vfp-w-full\" :style=\"{ gridTemplateRows: `repeat(${lines.length}, auto) minmax(1.5rem, 1fr)` }\">\n      <template v-for=\"(_, i) in lines\" :key=\"i\">\n        <span class=\"vfp-code-gutter\">{{ i + 1 }}</span>\n        <span class=\"vfp-code-line\" v-html=\"lineHtmls[i] ?? ''\" />\n      </template>\n      <!-- 占位行：撑满剩余高度，让 gutter border 延伸到底部 -->\n      <span class=\"vfp-code-gutter-filler\" />\n      <span class=\"vfp-code-line-filler\" />\n    </div>\n  </div>\n</template>\n"],"names":["props","__props","t","useTranslator","fetcher","useFetcher","content","ref","loading","error","xmlLang","lineHtmls","useShikiHighlight","indentXml","xml","PADDING","reg","formatted","pad","line","indent","padded","prettyPrintXml","doc","serialized","watch","raw","fetchTextUtf8","err","lines","computed","__expose","_openBlock","_createElementBlock","_hoisted_1","_cache","_createElementVNode","_createBlock","RendererError","_unref","_hoisted_2","_hoisted_3","_toDisplayString","_hoisted_4","_normalizeStyle","_Fragment","_renderList","_","i","_hoisted_5"],"mappings":"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"}

package/lib/chunks/{index-CdUSfYfF.mjs → index-BG-e_YTm.mjs}

@@ -1,5 +1,5 @@
-import { defineComponent as d, ref as E, watch as h, openBlock as $, createElementBlock as G, createElementVNode as x, createBlock as K, createVNode as C, unref as ee, h as g, inject as ne, computed as q } from "vue";
-import { u as le, a as te, U as ie, L as ue, Q as fe, b as oe } from "./index-M_Nf3MY5.mjs";
+import { defineComponent as d, ref as I, watch as h, openBlock as $, createElementBlock as q, createElementVNode as x, createBlock as K, createVNode as C, unref as ee, h as g, inject as ne, computed as H } from "vue";
+import { u as le, a as te, R as ie, L as ue, C as fe, b as oe } from "./index-C38FDG67.mjs";
 import { _ as se } from "./RendererError.vue_vue_type_script_setup_true_lang-BNoENOWX.mjs";
 import { ChevronDown as ce, ChevronRight as pe } from "lucide-vue-next";
 function ke(e, f = !1) {
@@ -236,17 +236,17 @@ function j(e) {
 function B(e) {
   return e >= 48 && e <= 57;
 }
-var H;
+var Q;
 (function(e) {
   e[e.lineFeed = 10] = "lineFeed", e[e.carriageReturn = 13] = "carriageReturn", e[e.space = 32] = "space", e[e._0 = 48] = "_0", e[e._1 = 49] = "_1", e[e._2 = 50] = "_2", e[e._3 = 51] = "_3", e[e._4 = 52] = "_4", e[e._5 = 53] = "_5", e[e._6 = 54] = "_6", e[e._7 = 55] = "_7", e[e._8 = 56] = "_8", e[e._9 = 57] = "_9", e[e.a = 97] = "a", e[e.b = 98] = "b", e[e.c = 99] = "c", e[e.d = 100] = "d", e[e.e = 101] = "e", e[e.f = 102] = "f", e[e.g = 103] = "g", e[e.h = 104] = "h", e[e.i = 105] = "i", e[e.j = 106] = "j", e[e.k = 107] = "k", e[e.l = 108] = "l", e[e.m = 109] = "m", e[e.n = 110] = "n", e[e.o = 111] = "o", e[e.p = 112] = "p", e[e.q = 113] = "q", e[e.r = 114] = "r", e[e.s = 115] = "s", e[e.t = 116] = "t", e[e.u = 117] = "u", e[e.v = 118] = "v", e[e.w = 119] = "w", e[e.x = 120] = "x", e[e.y = 121] = "y", e[e.z = 122] = "z", e[e.A = 65] = "A", e[e.B = 66] = "B", e[e.C = 67] = "C", e[e.D = 68] = "D", e[e.E = 69] = "E", e[e.F = 70] = "F", e[e.G = 71] = "G", e[e.H = 72] = "H", e[e.I = 73] = "I", e[e.J = 74] = "J", e[e.K = 75] = "K", e[e.L = 76] = "L", e[e.M = 77] = "M", e[e.N = 78] = "N", e[e.O = 79] = "O", e[e.P = 80] = "P", e[e.Q = 81] = "Q", e[e.R = 82] = "R", e[e.S = 83] = "S", e[e.T = 84] = "T", e[e.U = 85] = "U", e[e.V = 86] = "V", e[e.W = 87] = "W", e[e.X = 88] = "X", e[e.Y = 89] = "Y", e[e.Z = 90] = "Z", e[e.asterisk = 42] = "asterisk", e[e.backslash = 92] = "backslash", e[e.closeBrace = 125] = "closeBrace", e[e.closeBracket = 93] = "closeBracket", e[e.colon = 58] = "colon", e[e.comma = 44] = "comma", e[e.dot = 46] = "dot", e[e.doubleQuote = 34] = "doubleQuote", e[e.minus = 45] = "minus", e[e.openBrace = 123] = "openBrace", e[e.openBracket = 91] = "openBracket", e[e.plus = 43] = "plus", e[e.slash = 47] = "slash", e[e.formFeed = 12] = "formFeed", e[e.tab = 9] = "tab";
-})(H || (H = {}));
-var I;
+})(Q || (Q = {}));
+var U;
 (function(e) {
   e.DEFAULT = {
     allowTrailingComma: !1
   };
-})(I || (I = {}));
-function ge(e, f = [], c = I.DEFAULT) {
+})(U || (U = {}));
+function ge(e, f = [], c = U.DEFAULT) {
   let n = null, t = [];
   const o = [];
   function i(p) {
@@ -276,7 +276,7 @@ function ge(e, f = [], c = I.DEFAULT) {
     }
   }, c), t[0];
 }
-function re(e, f, c = I.DEFAULT) {
+function re(e, f, c = U.DEFAULT) {
   const n = ke(e, !1), t = [];
   let o = 0;
   function i(s) {
@@ -362,16 +362,16 @@ function re(e, f, c = I.DEFAULT) {
       }
     }
   }
-  function u(s, m = [], Q = []) {
-    if (l(s), m.length + Q.length > 0) {
-      let U = n.getToken();
-      for (; U !== 17; ) {
-        if (m.indexOf(U) !== -1) {
+  function u(s, m = [], G = []) {
+    if (l(s), m.length + G.length > 0) {
+      let E = n.getToken();
+      for (; E !== 17; ) {
+        if (m.indexOf(E) !== -1) {
           k();
           break;
-        } else if (Q.indexOf(U) !== -1)
+        } else if (G.indexOf(E) !== -1)
           break;
-        U = k();
+        E = k();
       }
     }
   }
@@ -479,10 +479,10 @@ var z;
   e[e.OpenBraceToken = 1] = "OpenBraceToken", e[e.CloseBraceToken = 2] = "CloseBraceToken", e[e.OpenBracketToken = 3] = "OpenBracketToken", e[e.CloseBracketToken = 4] = "CloseBracketToken", e[e.CommaToken = 5] = "CommaToken", e[e.ColonToken = 6] = "ColonToken", e[e.NullKeyword = 7] = "NullKeyword", e[e.TrueKeyword = 8] = "TrueKeyword", e[e.FalseKeyword = 9] = "FalseKeyword", e[e.StringLiteral = 10] = "StringLiteral", e[e.NumericLiteral = 11] = "NumericLiteral", e[e.LineCommentTrivia = 12] = "LineCommentTrivia", e[e.BlockCommentTrivia = 13] = "BlockCommentTrivia", e[e.LineBreakTrivia = 14] = "LineBreakTrivia", e[e.Trivia = 15] = "Trivia", e[e.Unknown = 16] = "Unknown", e[e.EOF = 17] = "EOF";
 })(z || (z = {}));
 const me = ge;
-var Y;
+var M;
 (function(e) {
   e[e.InvalidSymbol = 1] = "InvalidSymbol", e[e.InvalidNumberFormat = 2] = "InvalidNumberFormat", e[e.PropertyNameExpected = 3] = "PropertyNameExpected", e[e.ValueExpected = 4] = "ValueExpected", e[e.ColonExpected = 5] = "ColonExpected", e[e.CommaExpected = 6] = "CommaExpected", e[e.CloseBraceExpected = 7] = "CloseBraceExpected", e[e.CloseBracketExpected = 8] = "CloseBracketExpected", e[e.EndOfFileExpected = 9] = "EndOfFileExpected", e[e.InvalidCommentToken = 10] = "InvalidCommentToken", e[e.UnexpectedEndOfComment = 11] = "UnexpectedEndOfComment", e[e.UnexpectedEndOfString = 12] = "UnexpectedEndOfString", e[e.UnexpectedEndOfNumber = 13] = "UnexpectedEndOfNumber", e[e.InvalidUnicode = 14] = "InvalidUnicode", e[e.InvalidEscapeCharacter = 15] = "InvalidEscapeCharacter", e[e.InvalidCharacter = 16] = "InvalidCharacter";
-})(Y || (Y = {}));
+})(M || (M = {}));
 const ae = {
   key: 0,
   class: "vfp-flex vfp-items-center vfp-justify-center vfp-w-full vfp-h-full"
@@ -514,7 +514,7 @@ function Oe(e) {
 function ye(e, f) {
   return e === null ? g("span", { class: "json-null", style: { color: f.keyword } }, "null") : e === void 0 ? g("span", { class: "json-null", style: { color: f.keyword } }, "undefined") : typeof e == "boolean" ? g("span", { style: { color: f.keyword } }, String(e)) : typeof e == "number" ? g("span", { style: { color: f.number } }, String(e)) : typeof e == "string" ? g("span", { style: { color: f.string } }, `"${e}"`) : g("span", { style: { color: f.bracket } }, String(e));
 }
-function M(e, f, c, n, t) {
+function Y(e, f, c, n, t) {
   return g("div", { class: "json-row", style: { paddingLeft: `${c}px` } }, [
     g("span", { class: "json-arrow-placeholder" }),
     e !== void 0 ? g("span", { class: "json-key", style: { color: n.key } }, [
@@ -533,18 +533,18 @@ const D = d({
     defaultExpanded: { type: Boolean, default: !1 }
   },
   setup(e) {
-    const f = E(e.defaultExpanded), c = () => {
+    const f = I(e.defaultExpanded), c = () => {
       f.value = !f.value;
-    }, n = ne(ue, null), t = q(() => (n == null ? void 0 : n.t.value) ?? fe({ locale: "zh-CN" })), o = oe(), i = q(() => Oe(o.value));
+    }, n = ne(ue, null), t = H(() => (n == null ? void 0 : n.t.value) ?? fe({ locale: "zh-CN" })), o = oe(), i = H(() => Oe(o.value));
     return { expanded: f, toggle: c, tFunc: t, colors: i };
   },
   render() {
     const { keyName: e, value: f, depth: c, expanded: n, toggle: t, tFunc: o, colors: i } = this, a = c * 20;
     if (f == null || typeof f != "object")
-      return M(e, f, a, i);
+      return Y(e, f, a, i);
     const p = Array.isArray(f), b = (p ? f : Object.entries(f)).length, r = p ? "[" : "{", L = p ? "]" : "}";
     if (b === 0)
-      return M(e, null, a, i, `${r}${L}`);
+      return Y(e, null, a, i, `${r}${L}`);
     const O = [];
     return O.push(
       g("div", {
@@ -586,7 +586,7 @@ const D = d({
     fileName: {}
   },
   setup(e, { expose: f }) {
-    const c = e, { t: n } = le(), t = te(), o = E(null), i = E(!0), a = E(null);
+    const c = e, { t: n } = le(), t = te(), o = I(null), i = I(!0), a = I(null);
     return h(() => c.url, async () => {
       i.value = !0, a.value = null;
       try {
@@ -599,12 +599,12 @@ const D = d({
       }
     }, { immediate: !0 }), f({
       getToolbarGroups: () => []
-    }), (b, r) => i.value ? ($(), G("div", ae, [...r[0] || (r[0] = [
+    }), (b, r) => i.value ? ($(), q("div", ae, [...r[0] || (r[0] = [
       x("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)
     ])])) : a.value ? ($(), K(se, {
       key: 1,
       message: a.value
-    }, null, 8, ["message"])) : ($(), G("div", be, [
+    }, null, 8, ["message"])) : ($(), q("div", be, [
       C(ee(D), {
         value: o.value,
         depth: 0,
@@ -616,4 +616,4 @@ const D = d({
 export {
   Ne as default
 };
-//# sourceMappingURL=index-CdUSfYfF.mjs.map
+//# sourceMappingURL=index-BG-e_YTm.mjs.map