lone-format 0.3.2 → 0.3.3

package/dist/lone-format.js

@@ -1,4 +1,4 @@
-import { defineComponent as be, useCssVars as Ce, ref as G, computed as L, resolveComponent as Me, createElementBlock as N, openBlock as x, createElementVNode as E, createCommentVNode as F, withDirectives as ve, toDisplayString as R, withKeys as le, vModelText as _e, createTextVNode as Se, Fragment as he, renderList as pe, createVNode as Ue, normalizeClass as Oe, nextTick as ce, watch as Fe, normalizeStyle as I, createBlock as Xe } from "vue";
+import { defineComponent as be, useCssVars as Ce, ref as G, computed as L, resolveComponent as Me, createElementBlock as N, openBlock as x, createElementVNode as E, createCommentVNode as X, withDirectives as ve, toDisplayString as j, withKeys as le, vModelText as _e, createTextVNode as Se, Fragment as he, renderList as pe, createVNode as Ue, normalizeClass as Oe, nextTick as ce, watch as Fe, normalizeStyle as I, createBlock as Xe } from "vue";
 class De {
   /**
    * @callback HookCallback
@@ -826,7 +826,7 @@ ee.plugins.register(ot, ue);
 ee.addUnaryOp("typeof");
 ee.addLiteral("null", null);
 ee.addLiteral("undefined", void 0);
-const at = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter__", "__defineSetter__"]), V = {
+const at = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter__", "__defineSetter__"]), R = {
   /**
    * @param {jsep.Expression} ast
    * @param {Record<string, any>} subs
@@ -835,25 +835,25 @@ const at = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
     switch (r.type) {
       case "BinaryExpression":
       case "LogicalExpression":
-        return V.evalBinaryExpression(r, e);
+        return R.evalBinaryExpression(r, e);
       case "Compound":
-        return V.evalCompound(r, e);
+        return R.evalCompound(r, e);
       case "ConditionalExpression":
-        return V.evalConditionalExpression(r, e);
+        return R.evalConditionalExpression(r, e);
       case "Identifier":
-        return V.evalIdentifier(r, e);
+        return R.evalIdentifier(r, e);
       case "Literal":
-        return V.evalLiteral(r, e);
+        return R.evalLiteral(r, e);
       case "MemberExpression":
-        return V.evalMemberExpression(r, e);
+        return R.evalMemberExpression(r, e);
       case "UnaryExpression":
-        return V.evalUnaryExpression(r, e);
+        return R.evalUnaryExpression(r, e);
       case "ArrayExpression":
-        return V.evalArrayExpression(r, e);
+        return R.evalArrayExpression(r, e);
       case "CallExpression":
-        return V.evalCallExpression(r, e);
+        return R.evalCallExpression(r, e);
       case "AssignmentExpression":
-        return V.evalAssignmentExpression(r, e);
+        return R.evalAssignmentExpression(r, e);
       default:
         throw SyntaxError("Unexpected expression", r);
     }
@@ -883,19 +883,19 @@ const at = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
       "*": (s, n) => s * n(),
       "/": (s, n) => s / n(),
       "%": (s, n) => s % n()
-    }[r.operator](V.evalAst(r.left, e), () => V.evalAst(r.right, e));
+    }[r.operator](R.evalAst(r.left, e), () => R.evalAst(r.right, e));
   },
   evalCompound(r, e) {
     let t;
     for (let s = 0; s < r.body.length; s++) {
       r.body[s].type === "Identifier" && ["var", "let", "const"].includes(r.body[s].name) && r.body[s + 1] && r.body[s + 1].type === "AssignmentExpression" && (s += 1);
       const n = r.body[s];
-      t = V.evalAst(n, e);
+      t = R.evalAst(n, e);
     }
     return t;
   },
   evalConditionalExpression(r, e) {
-    return V.evalAst(r.test, e) ? V.evalAst(r.consequent, e) : V.evalAst(r.alternate, e);
+    return R.evalAst(r.test, e) ? R.evalAst(r.consequent, e) : R.evalAst(r.alternate, e);
   },
   evalIdentifier(r, e) {
     if (Object.hasOwn(e, r.name))
@@ -910,9 +910,9 @@ const at = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
       // NOTE: `String(value)` throws error when
       // value has overwritten the toString method to return non-string
       // i.e. `value = {toString: () => []}`
-      r.computed ? V.evalAst(r.property) : r.property.name
+      r.computed ? R.evalAst(r.property) : r.property.name
       // `object.property` property is Identifier
-    ), s = V.evalAst(r.object, e);
+    ), s = R.evalAst(r.object, e);
     if (s == null)
       throw TypeError(`Cannot read properties of ${s} (reading '${t}')`);
     if (!Object.hasOwn(s, t) && at.has(t))
@@ -922,25 +922,25 @@ const at = /* @__PURE__ */ new Set(["constructor", "__proto__", "__defineGetter_
   },
   evalUnaryExpression(r, e) {
     return {
-      "-": (s) => -V.evalAst(s, e),
-      "!": (s) => !V.evalAst(s, e),
-      "~": (s) => ~V.evalAst(s, e),
+      "-": (s) => -R.evalAst(s, e),
+      "!": (s) => !R.evalAst(s, e),
+      "~": (s) => ~R.evalAst(s, e),
       // eslint-disable-next-line no-implicit-coercion -- API
-      "+": (s) => +V.evalAst(s, e),
-      typeof: (s) => typeof V.evalAst(s, e)
+      "+": (s) => +R.evalAst(s, e),
+      typeof: (s) => typeof R.evalAst(s, e)
     }[r.operator](r.argument);
   },
   evalArrayExpression(r, e) {
-    return r.elements.map((t) => V.evalAst(t, e));
+    return r.elements.map((t) => R.evalAst(t, e));
   },
   evalCallExpression(r, e) {
-    const t = r.arguments.map((n) => V.evalAst(n, e));
-    return V.evalAst(r.callee, e)(...t);
+    const t = r.arguments.map((n) => R.evalAst(n, e));
+    return R.evalAst(r.callee, e)(...t);
   },
   evalAssignmentExpression(r, e) {
     if (r.left.type !== "Identifier")
       throw SyntaxError("Invalid left-hand side in assignment");
-    const t = r.left.name, s = V.evalAst(r.right, e);
+    const t = r.left.name, s = R.evalAst(r.right, e);
     return e[t] = s, e[t];
   }
 };
@@ -958,7 +958,7 @@ class lt {
    */
   runInNewContext(e) {
     const t = Object.assign(/* @__PURE__ */ Object.create(null), e);
-    return V.evalAst(this.ast, t);
+    return R.evalAst(this.ast, t);
   }
 }
 function te(r, e) {
@@ -1361,10 +1361,10 @@ const ft = { class: "json-node" }, ht = {
     }), k = L(() => {
       const b = typeof t.value;
       return t.value === null ? "json-node__value--null" : b === "boolean" ? "json-node__value--boolean" : b === "number" || a(t.value) ? "json-node__value--number" : b === "string" ? "json-node__value--string" : "";
-    }), S = L(() => o.value ? u.value : t.value === null ? "null" : typeof t.value == "boolean" || typeof t.value == "number" ? String(t.value) : a(t.value) ? l(t.value) : typeof t.value == "string" ? `"${t.value}"` : String(t.value)), g = L(() => "Click to edit, double-click to copy"), T = (b) => t.level === 0 ? b : y.value ? `${y.value}.${b}` : b, X = (b) => {
+    }), S = L(() => o.value ? u.value : t.value === null ? "null" : typeof t.value == "boolean" || typeof t.value == "number" ? String(t.value) : a(t.value) ? l(t.value) : typeof t.value == "string" ? `"${t.value}"` : String(t.value)), g = L(() => "Click to edit, double-click to copy"), T = (b) => t.level === 0 ? b : y.value ? `${y.value}.${b}` : b, U = (b) => {
       const d = Object.keys(t.value);
       return d.indexOf(b) === d.length - 1;
-    }, j = () => {
+    }, V = () => {
       s("toggle-expand", y.value);
     }, Y = () => {
       t.level !== 0 && (n.value = !0, i.value = t.keyName, ce(() => {
@@ -1420,7 +1420,7 @@ const ft = { class: "json-node" }, ht = {
               class: "json-node__key",
               onClick: Y,
               title: "Click to edit key"
-            }, ' "' + R(C.value) + '" ', 1)) : F("", !0),
+            }, ' "' + j(C.value) + '" ', 1)) : X("", !0),
             b.keyName && n.value ? ve((x(), N("input", {
               key: 1,
               "onUpdate:modelValue": d[0] || (d[0] = (_) => i.value = _),
@@ -1432,21 +1432,21 @@ const ft = { class: "json-node" }, ht = {
               class: "json-node__key-input"
             }, null, 544)), [
               [_e, i.value]
-            ]) : F("", !0),
-            b.keyName ? (x(), N("span", gt, ": ")) : F("", !0),
+            ]) : X("", !0),
+            b.keyName ? (x(), N("span", gt, ": ")) : X("", !0),
             E("span", {
               class: "json-node__bracket json-node__bracket--clickable",
-              onClick: j,
+              onClick: V,
               title: m.value ? "Click to collapse" : "Click to expand"
-            }, R(O.value), 9, bt),
-            m.value ? F("", !0) : (x(), N("span", mt, [
-              Se(R(M.value) + " ", 1),
+            }, j(O.value), 9, bt),
+            m.value ? X("", !0) : (x(), N("span", mt, [
+              Se(j(M.value) + " ", 1),
               E("span", {
                 class: "json-node__bracket json-node__bracket--clickable",
-                onClick: j
-              }, R(P.value), 1)
+                onClick: V
+              }, j(P.value), 1)
             ])),
-            !m.value && !b.isLast ? (x(), N("span", yt, ",")) : F("", !0)
+            !m.value && !b.isLast ? (x(), N("span", yt, ",")) : X("", !0)
           ]),
           m.value ? (x(), N("div", Et, [
             E("div", vt, [
@@ -1465,22 +1465,22 @@ const ft = { class: "json-node" }, ht = {
                   onToggleExpand: d[2] || (d[2] = (w) => b.$emit("toggle-expand", w)),
                   onCopy: d[3] || (d[3] = (w) => b.$emit("copy", w)),
                   "onUpdate:key": d[4] || (d[4] = (w, A) => b.$emit("update:key", w, A)),
-                  "is-last": X(String(v))
+                  "is-last": U(String(v))
                 }, null, 8, ["value", "key-name", "level", "path", "expanded", "theme", "is-last"])
               ]))), 128))
             ]),
             E("div", _t, [
-              E("span", xt, R(P.value), 1),
-              b.isLast ? F("", !0) : (x(), N("span", Nt, ","))
+              E("span", xt, j(P.value), 1),
+              b.isLast ? X("", !0) : (x(), N("span", Nt, ","))
             ])
-          ])) : F("", !0)
+          ])) : X("", !0)
         ])) : (x(), N("div", kt, [
           b.keyName && !n.value ? (x(), N("span", {
             key: 0,
             class: "json-node__key",
             onClick: Y,
             title: "Click to edit key"
-          }, ' "' + R(C.value) + '" ', 1)) : F("", !0),
+          }, ' "' + j(C.value) + '" ', 1)) : X("", !0),
           b.keyName && n.value ? ve((x(), N("input", {
             key: 1,
             "onUpdate:modelValue": d[5] || (d[5] = (_) => i.value = _),
@@ -1492,17 +1492,17 @@ const ft = { class: "json-node" }, ht = {
             class: "json-node__key-input"
           }, null, 544)), [
             [_e, i.value]
-          ]) : F("", !0),
-          b.keyName ? (x(), N("span", wt, ": ")) : F("", !0),
-          o.value ? F("", !0) : (x(), N("span", {
+          ]) : X("", !0),
+          b.keyName ? (x(), N("span", wt, ": ")) : X("", !0),
+          o.value ? X("", !0) : (x(), N("span", {
             key: 3,
             class: Oe(["json-node__value", k.value]),
             onClick: Z,
             onDblclick: d[6] || (d[6] = (_) => b.$emit("copy", b.value)),
             title: g.value
           }, [
-            Se(R(S.value), 1),
-            b.isLast ? F("", !0) : (x(), N("span", Ct, ","))
+            Se(j(S.value), 1),
+            b.isLast ? X("", !0) : (x(), N("span", Ct, ","))
           ], 42, At)),
           o.value ? ve((x(), N("input", {
             key: 4,
@@ -1515,7 +1515,7 @@ const ft = { class: "json-node" }, ht = {
             class: "json-node__value-input"
           }, null, 544)), [
             [_e, u.value]
-          ]) : F("", !0)
+          ]) : X("", !0)
         ]))
       ]);
     };
@@ -1866,7 +1866,7 @@ const Lt = {
       p(y.value), u.value = d, n("expand-all");
     }, T = () => {
       u.value = /* @__PURE__ */ new Set(["root"]), n("collapse-all");
-    }, X = async () => {
+    }, U = async () => {
       if (h.value)
         try {
           const d = y.value, p = P(d, null, 2);
@@ -1874,7 +1874,7 @@ const Lt = {
         } catch (d) {
           console.error("Failed to copy JSON:", d), n("copy-error", d instanceof Error ? d : new Error("Failed to copy JSON"));
         }
-    }, j = () => {
+    }, V = () => {
       if (h.value)
         try {
           const d = y.value, p = P(d);
@@ -1957,8 +1957,8 @@ const Lt = {
     };
     return e({
       // 核心操作方法
-      copyJson: X,
-      compressSource: j,
+      copyJson: U,
+      compressSource: V,
       expandAll: g,
       collapseAll: T,
       toggleExpand: S,
@@ -1984,7 +1984,7 @@ const Lt = {
         E("div", Vt, [
           E("button", {
             class: "json-format__btn json-format__btn--primary",
-            onClick: X,
+            onClick: U,
             disabled: !h.value,
             title: "Copy JSON"
           }, " 📋 Copy ", 8, Rt),
@@ -2002,7 +2002,7 @@ const Lt = {
           }, " ➡️ Collapse All ", 8, Mt),
           E("button", {
             class: "json-format__btn json-format__btn--secondary",
-            onClick: j,
+            onClick: V,
             disabled: !h.value,
             title: "Compress JSON"
           }, " 📦 Compress ", 8, Ut)
@@ -2010,11 +2010,11 @@ const Lt = {
         E("div", Ft, [
           h.value ? (x(), N("span", Xt, " ✅ Valid JSON ")) : (x(), N("span", Ht, " ❌ Invalid JSON "))
         ])
-      ])) : F("", !0),
+      ])) : X("", !0),
       E("div", Kt, [
         h.value ? l.value ? (x(), N("div", qt, [
           p[1] || (p[1] = E("h4", null, "Filter Error:", -1)),
-          E("pre", null, R(l.value), 1)
+          E("pre", null, j(l.value), 1)
         ])) : (x(), N("div", Qt, [
           Ue(Tt, {
             value: y.value,
@@ -2030,7 +2030,7 @@ const Lt = {
           }, null, 8, ["value", "expanded", "theme"])
         ])) : (x(), N("div", Yt, [
           p[0] || (p[0] = E("h4", null, "JSON Parse Error:", -1)),
-          E("pre", null, R(i.value), 1)
+          E("pre", null, j(i.value), 1)
         ]))
       ])
     ], 2));
@@ -2083,11 +2083,11 @@ function qe(r, e) {
           a += r[o];
         if (a = a.trim(), a[a.length - 1] === "/" && (a = a.substring(0, a.length - 1), o--), !lr(a)) {
           let f;
-          return a.trim().length === 0 ? f = "Invalid space after '<'." : f = "Tag '" + a + "' is an invalid name.", U("InvalidTag", f, q(r, o));
+          return a.trim().length === 0 ? f = "Invalid space after '<'." : f = "Tag '" + a + "' is an invalid name.", F("InvalidTag", f, q(r, o));
         }
         const l = nr(r, o);
         if (l === !1)
-          return U("InvalidAttr", "Attributes for '" + a + "' have open quote.", q(r, o));
+          return F("InvalidAttr", "Attributes for '" + a + "' have open quote.", q(r, o));
         let h = l.value;
         if (o = l.index, h[h.length - 1] === "/") {
           const f = o - h.length;
@@ -2096,18 +2096,18 @@ function qe(r, e) {
           if (y === !0)
             s = !0;
           else
-            return U(y.err.code, y.err.msg, q(r, f + y.err.line));
+            return F(y.err.code, y.err.msg, q(r, f + y.err.line));
         } else if (u)
           if (l.tagClosed) {
             if (h.trim().length > 0)
-              return U("InvalidTag", "Closing tag '" + a + "' can't have attributes or invalid starting.", q(r, i));
+              return F("InvalidTag", "Closing tag '" + a + "' can't have attributes or invalid starting.", q(r, i));
             if (t.length === 0)
-              return U("InvalidTag", "Closing tag '" + a + "' has not been opened.", q(r, i));
+              return F("InvalidTag", "Closing tag '" + a + "' has not been opened.", q(r, i));
             {
               const f = t.pop();
               if (a !== f.tagName) {
                 let y = q(r, f.tagStartPos);
-                return U(
+                return F(
                   "InvalidTag",
                   "Expected closing tag '" + f.tagName + "' (opened in line " + y.line + ", col " + y.col + ") instead of closing tag '" + a + "'.",
                   q(r, i)
@@ -2115,13 +2115,13 @@ function qe(r, e) {
               }
               t.length == 0 && (n = !0);
             }
-          } else return U("InvalidTag", "Closing tag '" + a + "' doesn't have proper closing.", q(r, o));
+          } else return F("InvalidTag", "Closing tag '" + a + "' doesn't have proper closing.", q(r, o));
         else {
           const f = Ve(h, e);
           if (f !== !0)
-            return U(f.err.code, f.err.msg, q(r, o - h.length + f.err.line));
+            return F(f.err.code, f.err.msg, q(r, o - h.length + f.err.line));
           if (n === !0)
-            return U("InvalidXml", "Multiple possible root nodes found.", q(r, o));
+            return F("InvalidXml", "Multiple possible root nodes found.", q(r, o));
           e.unpairedTags.indexOf(a) !== -1 || t.push({ tagName: a, tagStartPos: i }), s = !0;
         }
         for (o++; o < r.length; o++)
@@ -2136,23 +2136,23 @@ function qe(r, e) {
           else if (r[o] === "&") {
             const f = ir(r, o);
             if (f == -1)
-              return U("InvalidChar", "char '&' is not expected.", q(r, o));
+              return F("InvalidChar", "char '&' is not expected.", q(r, o));
             o = f;
           } else if (n === !0 && !$e(r[o]))
-            return U("InvalidXml", "Extra text at the end", q(r, o));
+            return F("InvalidXml", "Extra text at the end", q(r, o));
         r[o] === "<" && o--;
       }
     } else {
       if ($e(r[o]))
         continue;
-      return U("InvalidChar", "char '" + r[o] + "' is not expected.", q(r, o));
+      return F("InvalidChar", "char '" + r[o] + "' is not expected.", q(r, o));
     }
   if (s) {
     if (t.length == 1)
-      return U("InvalidTag", "Unclosed tag '" + t[0].tagName + "'.", q(r, t[0].tagStartPos));
+      return F("InvalidTag", "Unclosed tag '" + t[0].tagName + "'.", q(r, t[0].tagStartPos));
     if (t.length > 0)
-      return U("InvalidXml", "Invalid '" + JSON.stringify(t.map((o) => o.tagName), null, 4).replace(/\r?\n/g, "") + "' found.", { line: 1, col: 1 });
-  } else return U("InvalidXml", "Start tag expected.", 1);
+      return F("InvalidXml", "Invalid '" + JSON.stringify(t.map((o) => o.tagName), null, 4).replace(/\r?\n/g, "") + "' found.", { line: 1, col: 1 });
+  } else return F("InvalidXml", "Start tag expected.", 1);
   return !0;
 }
 function $e(r) {
@@ -2165,7 +2165,7 @@ function Be(r, e) {
     if (r[e] == "?" || r[e] == " ") {
       const s = r.substr(t, e - t);
       if (e > 5 && s === "xml")
-        return U("InvalidXml", "XML declaration allowed only at the start of the document.", q(r, e));
+        return F("InvalidXml", "XML declaration allowed only at the start of the document.", q(r, e));
       if (r[e] == "?" && r[e + 1] == ">") {
         e++;
         break;
@@ -2220,18 +2220,18 @@ function Ve(r, e) {
   const t = Ye(r, sr), s = {};
   for (let n = 0; n < t.length; n++) {
     if (t[n][1].length === 0)
-      return U("InvalidAttr", "Attribute '" + t[n][2] + "' has no space in starting.", de(t[n]));
+      return F("InvalidAttr", "Attribute '" + t[n][2] + "' has no space in starting.", de(t[n]));
     if (t[n][3] !== void 0 && t[n][4] === void 0)
-      return U("InvalidAttr", "Attribute '" + t[n][2] + "' is without value.", de(t[n]));
+      return F("InvalidAttr", "Attribute '" + t[n][2] + "' is without value.", de(t[n]));
     if (t[n][3] === void 0 && !e.allowBooleanAttributes)
-      return U("InvalidAttr", "boolean attribute '" + t[n][2] + "' is not allowed.", de(t[n]));
+      return F("InvalidAttr", "boolean attribute '" + t[n][2] + "' is not allowed.", de(t[n]));
     const o = t[n][2];
     if (!ar(o))
-      return U("InvalidAttr", "Attribute '" + o + "' is an invalid name.", de(t[n]));
+      return F("InvalidAttr", "Attribute '" + o + "' is an invalid name.", de(t[n]));
     if (!s.hasOwnProperty(o))
       s[o] = 1;
     else
-      return U("InvalidAttr", "Attribute '" + o + "' is repeated.", de(t[n]));
+      return F("InvalidAttr", "Attribute '" + o + "' is repeated.", de(t[n]));
   }
   return !0;
 }
@@ -2259,7 +2259,7 @@ function ir(r, e) {
     }
   return e;
 }
-function U(r, e, t) {
+function F(r, e, t) {
   return {
     err: {
       code: r,
@@ -3326,16 +3326,21 @@ const qr = {
       const g = [];
       return Object.keys(t.value).forEach((T) => {
         if (T.startsWith("@_") || T === "#text") return;
-        const X = t.value[T];
-        Array.isArray(X) ? X.forEach((j) => {
-          g.push({ tagName: T, value: j });
-        }) : g.push({ tagName: T, value: X });
+        const U = t.value[T];
+        Array.isArray(U) ? U.forEach((V) => {
+          g.push({ tagName: T, value: V });
+        }) : g.push({ tagName: T, value: U });
       }), g;
     }), O = L(() => C.value.length > 0 ? !0 : f.value.trim() !== ""), P = L(() => i.value && C.value.length === 0 && f.value.trim() !== ""), M = () => {
       O.value && s("toggle-expand", n.value);
-    }, k = (g, T) => `${n.value}.${g}[${T}]`, S = (g, T) => `${g.tagName}-${T}`;
+    }, k = (g, T) => {
+      let U = 0;
+      for (let V = 0; V < T; V++)
+        C.value[V].tagName === g && U++;
+      return `${n.value}.${g}[${U}]`;
+    }, S = (g, T) => `${g.tagName}-${T}`;
     return (g, T) => {
-      const X = Me("XmlNode", !0);
+      const U = Me("XmlNode", !0);
       return x(), N("div", {
         class: "xml-node",
         style: I({ paddingLeft: g.level > 0 ? "16px" : "0" })
@@ -3349,15 +3354,15 @@ const qr = {
             E("span", {
               class: "xml-node__tag",
               style: I({ color: g.theme.colors.xmlTag })
-            }, R(g.tagName), 5),
-            (x(!0), N(he, null, pe(h.value, (j, Y) => (x(), N("span", {
+            }, j(g.tagName), 5),
+            (x(!0), N(he, null, pe(h.value, (V, Y) => (x(), N("span", {
               key: Y,
               class: "xml-node__attribute"
             }, [
               E("span", {
                 class: "xml-node__attr-name",
                 style: I({ color: g.theme.colors.xmlAttribute })
-              }, R(Y), 5),
+              }, j(Y), 5),
               E("span", {
                 class: "xml-node__equals",
                 style: I({ color: g.theme.colors.xmlEquals })
@@ -3369,7 +3374,7 @@ const qr = {
               E("span", {
                 class: "xml-node__attr-value",
                 style: I({ color: g.theme.colors.xmlAttributeValue })
-              }, R(j), 5),
+              }, j(V), 5),
               E("span", {
                 class: "xml-node__quote",
                 style: I({ color: g.theme.colors.xmlQuote })
@@ -3382,7 +3387,7 @@ const qr = {
             E("span", {
               class: "xml-node__text-content",
               style: I({ color: g.theme.colors.xmlText })
-            }, R(f.value), 5),
+            }, j(f.value), 5),
             E("span", {
               class: "xml-node__bracket",
               style: I({ color: g.theme.colors.xmlBracket })
@@ -3390,7 +3395,7 @@ const qr = {
             E("span", {
               class: "xml-node__tag",
               style: I({ color: g.theme.colors.xmlTag })
-            }, R(g.tagName), 5),
+            }, j(g.tagName), 5),
             E("span", {
               class: "xml-node__bracket",
               style: I({ color: g.theme.colors.xmlBracket })
@@ -3400,7 +3405,7 @@ const qr = {
               O.value ? (x(), N("span", {
                 key: 0,
                 class: "xml-node__clickable-part",
-                onClick: T[0] || (T[0] = (j) => M()),
+                onClick: T[0] || (T[0] = (V) => M()),
                 title: o.value ? "Click to collapse" : "Click to expand"
               }, [
                 E("span", {
@@ -3410,7 +3415,7 @@ const qr = {
                 E("span", {
                   class: "xml-node__tag",
                   style: I({ color: g.theme.colors.xmlTag })
-                }, R(g.tagName), 5)
+                }, j(g.tagName), 5)
               ], 8, sn)) : (x(), N("span", on, [
                 E("span", {
                   class: "xml-node__bracket",
@@ -3419,16 +3424,16 @@ const qr = {
                 E("span", {
                   class: "xml-node__tag",
                   style: I({ color: g.theme.colors.xmlTag })
-                }, R(g.tagName), 5)
+                }, j(g.tagName), 5)
               ])),
-              (x(!0), N(he, null, pe(h.value, (j, Y) => (x(), N("span", {
+              (x(!0), N(he, null, pe(h.value, (V, Y) => (x(), N("span", {
                 key: Y,
                 class: "xml-node__attribute"
               }, [
                 E("span", {
                   class: "xml-node__attr-name",
                   style: I({ color: g.theme.colors.xmlAttribute })
-                }, R(Y), 5),
+                }, j(Y), 5),
                 E("span", {
                   class: "xml-node__equals",
                   style: I({ color: g.theme.colors.xmlEquals })
@@ -3440,7 +3445,7 @@ const qr = {
                 E("span", {
                   class: "xml-node__attr-value",
                   style: I({ color: g.theme.colors.xmlAttributeValue })
-                }, R(j), 5),
+                }, j(V), 5),
                 E("span", {
                   class: "xml-node__quote",
                   style: I({ color: g.theme.colors.xmlQuote })
@@ -3449,7 +3454,7 @@ const qr = {
               O.value ? (x(), N("span", {
                 key: 2,
                 class: "xml-node__clickable-part",
-                onClick: T[1] || (T[1] = (j) => M()),
+                onClick: T[1] || (T[1] = (V) => M()),
                 title: o.value ? "Click to collapse" : "Click to expand"
               }, [
                 E("span", {
@@ -3460,38 +3465,38 @@ const qr = {
                 key: 3,
                 class: "xml-node__bracket",
                 style: I({ color: g.theme.colors.xmlBracket })
-              }, R(O.value ? ">" : "/>"), 5)),
+              }, j(O.value ? ">" : "/>"), 5)),
               !o.value && O.value ? (x(), N("span", {
                 key: 4,
                 class: "xml-node__collapsed xml-node__collapsed--clickable",
                 style: I({ color: g.theme.colors.textSecondary }),
-                onClick: T[2] || (T[2] = (j) => M()),
+                onClick: T[2] || (T[2] = (V) => M()),
                 title: "Click to expand"
-              }, "...", 4)) : F("", !0)
+              }, "...", 4)) : X("", !0)
             ]),
             o.value && O.value ? (x(), N("div", ln, [
               C.value.length === 0 && f.value.trim() ? (x(), N("div", un, [
                 E("span", {
                   class: "xml-node__text-content",
                   style: I({ color: g.theme.colors.xmlText })
-                }, R(f.value), 5)
-              ])) : F("", !0),
-              (x(!0), N(he, null, pe(C.value, (j, Y) => (x(), Xe(X, {
-                key: S(j, Y),
-                value: j.value,
-                "tag-name": j.tagName,
+                }, j(f.value), 5)
+              ])) : X("", !0),
+              (x(!0), N(he, null, pe(C.value, (V, Y) => (x(), Xe(U, {
+                key: S(V, Y),
+                value: V.value,
+                "tag-name": V.tagName,
                 level: g.level + 1,
-                path: k(j.tagName, Y),
+                path: k(V.tagName, Y),
                 expanded: g.expanded,
                 theme: g.theme,
                 onToggleExpand: T[3] || (T[3] = (Z) => g.$emit("toggle-expand", Z)),
                 onCopy: T[4] || (T[4] = (Z) => g.$emit("copy", Z))
               }, null, 8, ["value", "tag-name", "level", "path", "expanded", "theme"]))), 128))
-            ])) : F("", !0),
+            ])) : X("", !0),
             o.value && O.value ? (x(), N("div", cn, [
               E("span", {
                 class: "xml-node__clickable-part",
-                onClick: T[5] || (T[5] = (j) => M()),
+                onClick: T[5] || (T[5] = (V) => M()),
                 title: "Click to collapse"
               }, [
                 E("span", {
@@ -3501,32 +3506,32 @@ const qr = {
                 E("span", {
                   class: "xml-node__tag",
                   style: I({ color: g.theme.colors.xmlTag })
-                }, R(g.tagName), 5),
+                }, j(g.tagName), 5),
                 E("span", {
                   class: "xml-node__bracket",
                   style: I({ color: g.theme.colors.xmlBracket })
                 }, ">", 4)
               ])
-            ])) : F("", !0)
+            ])) : X("", !0)
           ]))
         ])) : u.value ? (x(), N("div", dn, [
           E("span", {
             class: "xml-node__text-content",
             style: I({ color: g.theme.colors.xmlText })
-          }, R(f.value), 5)
+          }, j(f.value), 5)
         ])) : a.value ? (x(), N("div", fn, [
           E("span", {
             style: I({ color: g.theme.colors.xmlComment })
-          }, " <!-- " + R(y.value) + " --> ", 5)
+          }, " <!-- " + j(y.value) + " --> ", 5)
         ])) : l.value ? (x(), N("div", hn, [
           E("span", {
             style: I({ color: g.theme.colors.xmlCdata })
-          }, " <![CDATA[" + R(m.value) + "]]> ", 5)
-        ])) : F("", !0)
+          }, " <![CDATA[" + j(m.value) + "]]> ", 5)
+        ])) : X("", !0)
       ], 4);
     };
   }
-}), gn = /* @__PURE__ */ me(pn, [["__scopeId", "data-v-c3ce3f83"]]), bn = {
+}), gn = /* @__PURE__ */ me(pn, [["__scopeId", "data-v-c8f9132d"]]), bn = {
   name: "github-light",
   colors: {
     // 背景色
@@ -3741,20 +3746,20 @@ const qr = {
   emits: ["update:modelValue", "copy-success", "copy-error", "expand-all", "collapse-all", "compress", "format"],
   setup(r, { emit: e }) {
     Ce((k) => ({
-      "5da93aa4": a.value.colors.border,
-      "138f9aa0": a.value.colors.background,
-      "9abf940e": a.value.colors.surfaceBackground,
-      "78705f00": a.value.colors.buttonBorder,
-      "3f22b602": a.value.colors.buttonBackground,
-      "5afed501": a.value.colors.buttonText,
-      "7fb3945a": a.value.colors.buttonBackgroundHover,
-      "7ed67dae": a.value.colors.buttonPrimary,
-      "5c748fa4": a.value.colors.buttonPrimaryHover,
-      "3e17bc7e": a.value.colors.success,
-      "22d3d5cf": a.value.colors.successBackground,
-      "0f2d0b46": a.value.colors.error,
-      "6c8e5d14": a.value.colors.errorBackground,
-      "7c62ec2f": a.value.colors.text
+      19083852: a.value.colors.border,
+      "9aacd358": a.value.colors.background,
+      "34ab9c56": a.value.colors.surfaceBackground,
+      "43d12cb8": a.value.colors.buttonBorder,
+      "0f3bcea6": a.value.colors.buttonBackground,
+      "177038a5": a.value.colors.buttonText,
+      "39377b94": a.value.colors.buttonBackgroundHover,
+      "63de70ec": a.value.colors.buttonPrimary,
+      "0009905c": a.value.colors.buttonPrimaryHover,
+      d69bfec6: a.value.colors.success,
+      "55ddd1ab": a.value.colors.successBackground,
+      "4b4cf122": a.value.colors.error,
+      "5344c020": a.value.colors.errorBackground,
+      "3400dad3": a.value.colors.text
     }));
     const t = r, s = e, n = G(null), o = G(""), i = G(/* @__PURE__ */ new Set()), u = L(() => o.value === ""), a = L(() => vn(t.theme)), l = L(() => {
       if (!n.value) return {};
@@ -3764,7 +3769,7 @@ const qr = {
       }), k;
     }), h = (k) => {
       if (!k || !k.trim()) {
-        o.value = "XML string is empty", n.value = null;
+        o.value = "", n.value = null;
         return;
       }
       try {
@@ -3774,9 +3779,7 @@ const qr = {
           return;
         }
         n.value = ze(k), o.value = "", ce(() => {
-          Object.keys(l.value).forEach((g) => {
-            i.value.add(g);
-          });
+          y();
         });
       } catch (S) {
         o.value = S instanceof Error ? S.message : "Unknown parse error", n.value = null;
@@ -3785,13 +3788,13 @@ const qr = {
       i.value.has(k) ? i.value.delete(k) : i.value.add(k);
     }, y = () => {
       const k = /* @__PURE__ */ new Set(), S = (g, T = "") => {
-        g !== null && typeof g == "object" && (T && k.add(T), Object.keys(g).forEach((X) => {
-          if (X.startsWith("@_") || X === "#text") return;
-          const j = g[X], Y = T ? `${T}.${X}[0]` : X;
-          Array.isArray(j) ? j.forEach((Z, D) => {
-            const J = T ? `${T}.${X}[${D}]` : `${X}[${D}]`;
+        g !== null && typeof g == "object" && (T && k.add(T), Object.keys(g).forEach((U) => {
+          if (U.startsWith("@_") || U === "#text") return;
+          const V = g[U], Y = T ? `${T}.${U}[0]` : U;
+          Array.isArray(V) ? V.forEach((Z, D) => {
+            const J = T ? `${T}.${U}[${D}]` : `${U}[${D}]`;
             S(Z, J);
-          }) : S(j, Y);
+          }) : S(V, Y);
         }));
       };
       Object.keys(l.value).forEach((g) => {
@@ -3880,7 +3883,7 @@ const qr = {
         E("div", On, [
           u.value ? (x(), N("span", Tn, " ✅ Valid XML ")) : (x(), N("span", Pn, " ❌ Invalid XML "))
         ])
-      ])) : F("", !0),
+      ])) : X("", !0),
       E("div", Sn, [
         u.value ? (x(), N("div", $n, [
           (x(!0), N(he, null, pe(l.value, (g, T) => (x(), Xe(gn, {
@@ -3895,12 +3898,12 @@ const qr = {
           }, null, 8, ["value", "tag-name", "expanded", "theme"]))), 128))
         ])) : (x(), N("div", In, [
           S[0] || (S[0] = E("h4", null, "XML Parse Error:", -1)),
-          E("pre", null, R(o.value), 1)
+          E("pre", null, j(o.value), 1)
         ]))
       ])
     ], 2));
   }
-}), Un = /* @__PURE__ */ me(Bn, [["__scopeId", "data-v-2b795c5a"]]), Ln = [Wt], Vn = (r) => {
+}), Un = /* @__PURE__ */ me(Bn, [["__scopeId", "data-v-ec8763a7"]]), Ln = [Wt], Vn = (r) => {
   Ln.forEach((e) => {
     const t = e.name || e.__name || "UnknownComponent";
     r.component(t, e);