@cnc_cbz/usefultools-plugin-official 1.0.1

package/dist/json-formatter.mjs

@@ -0,0 +1,1138 @@
+import * as e from "vue";
+import { defineComponent, ref, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, createTextVNode, toDisplayString, withDirectives, vModelText, vModelCheckbox, vModelSelect, createBlock, unref } from "vue";
+var t = { 207: (e2, t2, n2) => {
+  e2.exports = n2(452);
+}, 452: (e2) => {
+  var t2 = (function(e3) {
+    var t3, n2 = Object.prototype, r2 = n2.hasOwnProperty, o2 = "function" == typeof Symbol ? Symbol : {}, a2 = o2.iterator || "@@iterator", i2 = o2.asyncIterator || "@@asyncIterator", c2 = o2.toStringTag || "@@toStringTag";
+    function l2(e4, t4, n3) {
+      return Object.defineProperty(e4, t4, { value: n3, enumerable: true, configurable: true, writable: true }), e4[t4];
+    }
+    try {
+      l2({}, "");
+    } catch (e4) {
+      l2 = function(e5, t4, n3) {
+        return e5[t4] = n3;
+      };
+    }
+    function u2(e4, t4, n3, r3) {
+      var o3 = t4 && t4.prototype instanceof y2 ? t4 : y2, a3 = Object.create(o3.prototype), i3 = new V2(r3 || []);
+      return a3._invoke = /* @__PURE__ */ (function(e5, t5, n4) {
+        var r4 = s2;
+        return function(o4, a4) {
+          if (r4 === f2) throw new Error("Generator is already running");
+          if (r4 === p2) {
+            if ("throw" === o4) throw a4;
+            return P2();
+          }
+          for (n4.method = o4, n4.arg = a4; ; ) {
+            var i4 = n4.delegate;
+            if (i4) {
+              var c3 = j2(i4, n4);
+              if (c3) {
+                if (c3 === v2) continue;
+                return c3;
+              }
+            }
+            if ("next" === n4.method) n4.sent = n4._sent = n4.arg;
+            else if ("throw" === n4.method) {
+              if (r4 === s2) throw r4 = p2, n4.arg;
+              n4.dispatchException(n4.arg);
+            } else "return" === n4.method && n4.abrupt("return", n4.arg);
+            r4 = f2;
+            var l3 = d2(e5, t5, n4);
+            if ("normal" === l3.type) {
+              if (r4 = n4.done ? p2 : h2, l3.arg === v2) continue;
+              return { value: l3.arg, done: n4.done };
+            }
+            "throw" === l3.type && (r4 = p2, n4.method = "throw", n4.arg = l3.arg);
+          }
+        };
+      })(e4, n3, i3), a3;
+    }
+    function d2(e4, t4, n3) {
+      try {
+        return { type: "normal", arg: e4.call(t4, n3) };
+      } catch (e5) {
+        return { type: "throw", arg: e5 };
+      }
+    }
+    e3.wrap = u2;
+    var s2 = "suspendedStart", h2 = "suspendedYield", f2 = "executing", p2 = "completed", v2 = {};
+    function y2() {
+    }
+    function g2() {
+    }
+    function m2() {
+    }
+    var b2 = {};
+    l2(b2, a2, (function() {
+      return this;
+    }));
+    var w2 = Object.getPrototypeOf, N2 = w2 && w2(w2(L2([])));
+    N2 && N2 !== n2 && r2.call(N2, a2) && (b2 = N2);
+    var k2 = m2.prototype = y2.prototype = Object.create(b2);
+    function C2(e4) {
+      ["next", "throw", "return"].forEach((function(t4) {
+        l2(e4, t4, (function(e5) {
+          return this._invoke(t4, e5);
+        }));
+      }));
+    }
+    function x2(e4, t4) {
+      function n3(o4, a3, i3, c3) {
+        var l3 = d2(e4[o4], e4, a3);
+        if ("throw" !== l3.type) {
+          var u3 = l3.arg, s3 = u3.value;
+          return s3 && "object" == typeof s3 && r2.call(s3, "__await") ? t4.resolve(s3.__await).then((function(e5) {
+            n3("next", e5, i3, c3);
+          }), (function(e5) {
+            n3("throw", e5, i3, c3);
+          })) : t4.resolve(s3).then((function(e5) {
+            u3.value = e5, i3(u3);
+          }), (function(e5) {
+            return n3("throw", e5, i3, c3);
+          }));
+        }
+        c3(l3.arg);
+      }
+      var o3;
+      this._invoke = function(e5, r3) {
+        function a3() {
+          return new t4((function(t5, o4) {
+            n3(e5, r3, t5, o4);
+          }));
+        }
+        return o3 = o3 ? o3.then(a3, a3) : a3();
+      };
+    }
+    function j2(e4, n3) {
+      var r3 = e4.iterator[n3.method];
+      if (r3 === t3) {
+        if (n3.delegate = null, "throw" === n3.method) {
+          if (e4.iterator.return && (n3.method = "return", n3.arg = t3, j2(e4, n3), "throw" === n3.method)) return v2;
+          n3.method = "throw", n3.arg = new TypeError("The iterator does not provide a 'throw' method");
+        }
+        return v2;
+      }
+      var o3 = d2(r3, e4.iterator, n3.arg);
+      if ("throw" === o3.type) return n3.method = "throw", n3.arg = o3.arg, n3.delegate = null, v2;
+      var a3 = o3.arg;
+      return a3 ? a3.done ? (n3[e4.resultName] = a3.value, n3.next = e4.nextLoc, "return" !== n3.method && (n3.method = "next", n3.arg = t3), n3.delegate = null, v2) : a3 : (n3.method = "throw", n3.arg = new TypeError("iterator result is not an object"), n3.delegate = null, v2);
+    }
+    function S2(e4) {
+      var t4 = { tryLoc: e4[0] };
+      1 in e4 && (t4.catchLoc = e4[1]), 2 in e4 && (t4.finallyLoc = e4[2], t4.afterLoc = e4[3]), this.tryEntries.push(t4);
+    }
+    function O2(e4) {
+      var t4 = e4.completion || {};
+      t4.type = "normal", delete t4.arg, e4.completion = t4;
+    }
+    function V2(e4) {
+      this.tryEntries = [{ tryLoc: "root" }], e4.forEach(S2, this), this.reset(true);
+    }
+    function L2(e4) {
+      if (e4) {
+        var n3 = e4[a2];
+        if (n3) return n3.call(e4);
+        if ("function" == typeof e4.next) return e4;
+        if (!isNaN(e4.length)) {
+          var o3 = -1, i3 = function n4() {
+            for (; ++o3 < e4.length; ) if (r2.call(e4, o3)) return n4.value = e4[o3], n4.done = false, n4;
+            return n4.value = t3, n4.done = true, n4;
+          };
+          return i3.next = i3;
+        }
+      }
+      return { next: P2 };
+    }
+    function P2() {
+      return { value: t3, done: true };
+    }
+    return g2.prototype = m2, l2(k2, "constructor", m2), l2(m2, "constructor", g2), g2.displayName = l2(m2, c2, "GeneratorFunction"), e3.isGeneratorFunction = function(e4) {
+      var t4 = "function" == typeof e4 && e4.constructor;
+      return !!t4 && (t4 === g2 || "GeneratorFunction" === (t4.displayName || t4.name));
+    }, e3.mark = function(e4) {
+      return Object.setPrototypeOf ? Object.setPrototypeOf(e4, m2) : (e4.__proto__ = m2, l2(e4, c2, "GeneratorFunction")), e4.prototype = Object.create(k2), e4;
+    }, e3.awrap = function(e4) {
+      return { __await: e4 };
+    }, C2(x2.prototype), l2(x2.prototype, i2, (function() {
+      return this;
+    })), e3.AsyncIterator = x2, e3.async = function(t4, n3, r3, o3, a3) {
+      void 0 === a3 && (a3 = Promise);
+      var i3 = new x2(u2(t4, n3, r3, o3), a3);
+      return e3.isGeneratorFunction(n3) ? i3 : i3.next().then((function(e4) {
+        return e4.done ? e4.value : i3.next();
+      }));
+    }, C2(k2), l2(k2, c2, "Generator"), l2(k2, a2, (function() {
+      return this;
+    })), l2(k2, "toString", (function() {
+      return "[object Generator]";
+    })), e3.keys = function(e4) {
+      var t4 = [];
+      for (var n3 in e4) t4.push(n3);
+      return t4.reverse(), function n4() {
+        for (; t4.length; ) {
+          var r3 = t4.pop();
+          if (r3 in e4) return n4.value = r3, n4.done = false, n4;
+        }
+        return n4.done = true, n4;
+      };
+    }, e3.values = L2, V2.prototype = { constructor: V2, reset: function(e4) {
+      if (this.prev = 0, this.next = 0, this.sent = this._sent = t3, this.done = false, this.delegate = null, this.method = "next", this.arg = t3, this.tryEntries.forEach(O2), !e4) for (var n3 in this) "t" === n3.charAt(0) && r2.call(this, n3) && !isNaN(+n3.slice(1)) && (this[n3] = t3);
+    }, stop: function() {
+      this.done = true;
+      var e4 = this.tryEntries[0].completion;
+      if ("throw" === e4.type) throw e4.arg;
+      return this.rval;
+    }, dispatchException: function(e4) {
+      if (this.done) throw e4;
+      var n3 = this;
+      function o3(r3, o4) {
+        return c3.type = "throw", c3.arg = e4, n3.next = r3, o4 && (n3.method = "next", n3.arg = t3), !!o4;
+      }
+      for (var a3 = this.tryEntries.length - 1; a3 >= 0; --a3) {
+        var i3 = this.tryEntries[a3], c3 = i3.completion;
+        if ("root" === i3.tryLoc) return o3("end");
+        if (i3.tryLoc <= this.prev) {
+          var l3 = r2.call(i3, "catchLoc"), u3 = r2.call(i3, "finallyLoc");
+          if (l3 && u3) {
+            if (this.prev < i3.catchLoc) return o3(i3.catchLoc, true);
+            if (this.prev < i3.finallyLoc) return o3(i3.finallyLoc);
+          } else if (l3) {
+            if (this.prev < i3.catchLoc) return o3(i3.catchLoc, true);
+          } else {
+            if (!u3) throw new Error("try statement without catch or finally");
+            if (this.prev < i3.finallyLoc) return o3(i3.finallyLoc);
+          }
+        }
+      }
+    }, abrupt: function(e4, t4) {
+      for (var n3 = this.tryEntries.length - 1; n3 >= 0; --n3) {
+        var o3 = this.tryEntries[n3];
+        if (o3.tryLoc <= this.prev && r2.call(o3, "finallyLoc") && this.prev < o3.finallyLoc) {
+          var a3 = o3;
+          break;
+        }
+      }
+      a3 && ("break" === e4 || "continue" === e4) && a3.tryLoc <= t4 && t4 <= a3.finallyLoc && (a3 = null);
+      var i3 = a3 ? a3.completion : {};
+      return i3.type = e4, i3.arg = t4, a3 ? (this.method = "next", this.next = a3.finallyLoc, v2) : this.complete(i3);
+    }, complete: function(e4, t4) {
+      if ("throw" === e4.type) throw e4.arg;
+      return "break" === e4.type || "continue" === e4.type ? this.next = e4.arg : "return" === e4.type ? (this.rval = this.arg = e4.arg, this.method = "return", this.next = "end") : "normal" === e4.type && t4 && (this.next = t4), v2;
+    }, finish: function(e4) {
+      for (var t4 = this.tryEntries.length - 1; t4 >= 0; --t4) {
+        var n3 = this.tryEntries[t4];
+        if (n3.finallyLoc === e4) return this.complete(n3.completion, n3.afterLoc), O2(n3), v2;
+      }
+    }, catch: function(e4) {
+      for (var t4 = this.tryEntries.length - 1; t4 >= 0; --t4) {
+        var n3 = this.tryEntries[t4];
+        if (n3.tryLoc === e4) {
+          var r3 = n3.completion;
+          if ("throw" === r3.type) {
+            var o3 = r3.arg;
+            O2(n3);
+          }
+          return o3;
+        }
+      }
+      throw new Error("illegal catch attempt");
+    }, delegateYield: function(e4, n3, r3) {
+      return this.delegate = { iterator: L2(e4), resultName: n3, nextLoc: r3 }, "next" === this.method && (this.arg = t3), v2;
+    } }, e3;
+  })(e2.exports);
+  try {
+    regeneratorRuntime = t2;
+  } catch (e3) {
+    "object" == typeof globalThis ? globalThis.regeneratorRuntime = t2 : Function("r", "regeneratorRuntime = r")(t2);
+  }
+} }, n = {};
+function r(e2) {
+  var o2 = n[e2];
+  if (void 0 !== o2) return o2.exports;
+  var a2 = n[e2] = { exports: {} };
+  return t[e2](a2, a2.exports, r), a2.exports;
+}
+r.n = (e2) => {
+  var t2 = e2 && e2.__esModule ? () => e2.default : () => e2;
+  return r.d(t2, { a: t2 }), t2;
+}, r.d = (e2, t2) => {
+  for (var n2 in t2) r.o(t2, n2) && !r.o(e2, n2) && Object.defineProperty(e2, n2, { enumerable: true, get: t2[n2] });
+}, r.o = (e2, t2) => Object.prototype.hasOwnProperty.call(e2, t2);
+var o = {};
+function a(e2, t2) {
+  (null == t2 || t2 > e2.length) && (t2 = e2.length);
+  for (var n2 = 0, r2 = new Array(t2); n2 < t2; n2++) r2[n2] = e2[n2];
+  return r2;
+}
+function i(e2, t2) {
+  if (e2) {
+    if ("string" == typeof e2) return a(e2, t2);
+    var n2 = Object.prototype.toString.call(e2).slice(8, -1);
+    return "Object" === n2 && e2.constructor && (n2 = e2.constructor.name), "Map" === n2 || "Set" === n2 ? Array.from(e2) : "Arguments" === n2 || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n2) ? a(e2, t2) : void 0;
+  }
+}
+function c(e2) {
+  return (function(e3) {
+    if (Array.isArray(e3)) return a(e3);
+  })(e2) || (function(e3) {
+    if ("undefined" != typeof Symbol && null != e3[Symbol.iterator] || null != e3["@@iterator"]) return Array.from(e3);
+  })(e2) || i(e2) || (function() {
+    throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+  })();
+}
+function l(e2, t2, n2) {
+  return t2 in e2 ? Object.defineProperty(e2, t2, { value: n2, enumerable: true, configurable: true, writable: true }) : e2[t2] = n2, e2;
+}
+r.d(o, { A: () => L });
+const u = (f = { Fragment: () => e.Fragment, computed: () => e.computed, createTextVNode: () => e.createTextVNode, createVNode: () => e.createVNode, defineComponent: () => e.defineComponent, nextTick: () => e.nextTick, reactive: () => e.reactive, ref: () => e.ref, watch: () => e.watch, watchEffect: () => e.watchEffect }, p = {}, r.d(p, f), p), d = (0, u.defineComponent)({ props: { data: { required: true, type: String }, onClick: Function }, render: function() {
+  var e2 = this.data, t2 = this.onClick;
+  return (0, u.createVNode)("span", { class: "vjs-tree-brackets", onClick: t2 }, [e2]);
+} }), s = (0, u.defineComponent)({ emits: ["change", "update:modelValue"], props: { checked: { type: Boolean, default: false }, isMultiple: Boolean, onChange: Function }, setup: function(e2, t2) {
+  var n2 = t2.emit;
+  return { uiType: (0, u.computed)((function() {
+    return e2.isMultiple ? "checkbox" : "radio";
+  })), model: (0, u.computed)({ get: function() {
+    return e2.checked;
+  }, set: function(e3) {
+    return n2("update:modelValue", e3);
+  } }) };
+}, render: function() {
+  var e2 = this.uiType, t2 = this.model, n2 = this.$emit;
+  return (0, u.createVNode)("label", { class: ["vjs-check-controller", t2 ? "is-checked" : ""], onClick: function(e3) {
+    return e3.stopPropagation();
+  } }, [(0, u.createVNode)("span", { class: "vjs-check-controller-inner is-".concat(e2) }, null), (0, u.createVNode)("input", { checked: t2, class: "vjs-check-controller-original is-".concat(e2), type: e2, onChange: function() {
+    return n2("change", t2);
+  } }, null)]);
+} }), h = (0, u.defineComponent)({ props: { nodeType: { required: true, type: String }, onClick: Function }, render: function() {
+  var e2 = this.nodeType, t2 = this.onClick, n2 = "objectStart" === e2 || "arrayStart" === e2;
+  return n2 || "objectCollapsed" === e2 || "arrayCollapsed" === e2 ? (0, u.createVNode)("span", { class: "vjs-carets vjs-carets-".concat(n2 ? "open" : "close"), onClick: t2 }, [(0, u.createVNode)("svg", { viewBox: "0 0 1024 1024", focusable: "false", "data-icon": "caret-down", width: "1em", height: "1em", fill: "currentColor", "aria-hidden": "true" }, [(0, u.createVNode)("path", { d: "M840.4 300H183.6c-19.7 0-30.7 20.8-18.5 35l328.4 380.8c9.4 10.9 27.5 10.9 37 0L858.9 335c12.2-14.2 1.2-35-18.5-35z" }, null)])]) : null;
+} });
+var f, p;
+function v(e2) {
+  return v = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e3) {
+    return typeof e3;
+  } : function(e3) {
+    return e3 && "function" == typeof Symbol && e3.constructor === Symbol && e3 !== Symbol.prototype ? "symbol" : typeof e3;
+  }, v(e2);
+}
+function y(e2) {
+  return Object.prototype.toString.call(e2).slice(8, -1).toLowerCase();
+}
+function g(e2) {
+  var t2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : "root", n2 = arguments.length > 2 && void 0 !== arguments[2] ? arguments[2] : 0, r2 = (arguments.length > 3 ? arguments[3] : void 0) || {}, o2 = r2.key, a2 = r2.index, i2 = r2.type, c2 = void 0 === i2 ? "content" : i2, l2 = r2.showComma, u2 = void 0 !== l2 && l2, d2 = r2.length, s2 = void 0 === d2 ? 1 : d2, h2 = y(e2);
+  if ("array" === h2) {
+    var f2 = m(e2.map((function(e3, r3, o3) {
+      return g(e3, "".concat(t2, "[").concat(r3, "]"), n2 + 1, { index: r3, showComma: r3 !== o3.length - 1, length: s2, type: c2 });
+    })));
+    return [g("[", t2, n2, { showComma: false, key: o2, length: e2.length, type: "arrayStart" })[0]].concat(f2, g("]", t2, n2, { showComma: u2, length: e2.length, type: "arrayEnd" })[0]);
+  }
+  if ("object" === h2) {
+    var p2 = Object.keys(e2), v2 = m(p2.map((function(r3, o3, a3) {
+      return g(e2[r3], /^[a-zA-Z_]\w*$/.test(r3) ? "".concat(t2, ".").concat(r3) : "".concat(t2, '["').concat(r3, '"]'), n2 + 1, { key: r3, showComma: o3 !== a3.length - 1, length: s2, type: c2 });
+    })));
+    return [g("{", t2, n2, { showComma: false, key: o2, index: a2, length: p2.length, type: "objectStart" })[0]].concat(v2, g("}", t2, n2, { showComma: u2, length: p2.length, type: "objectEnd" })[0]);
+  }
+  return [{ content: e2, level: n2, key: o2, index: a2, path: t2, showComma: u2, length: s2, type: c2 }];
+}
+function m(e2) {
+  if ("function" == typeof Array.prototype.flat) return e2.flat();
+  for (var t2 = c(e2), n2 = []; t2.length; ) {
+    var r2 = t2.shift();
+    Array.isArray(r2) ? t2.unshift.apply(t2, c(r2)) : n2.push(r2);
+  }
+  return n2;
+}
+function b(e2) {
+  var t2 = arguments.length > 1 && void 0 !== arguments[1] ? arguments[1] : /* @__PURE__ */ new WeakMap();
+  if (null == e2) return e2;
+  if (e2 instanceof Date) return new Date(e2);
+  if (e2 instanceof RegExp) return new RegExp(e2);
+  if ("object" !== v(e2)) return e2;
+  if (t2.get(e2)) return t2.get(e2);
+  if (Array.isArray(e2)) {
+    var n2 = e2.map((function(e3) {
+      return b(e3, t2);
+    }));
+    return t2.set(e2, n2), n2;
+  }
+  var r2 = {};
+  for (var o2 in e2) r2[o2] = b(e2[o2], t2);
+  return t2.set(e2, r2), r2;
+}
+function w(e2, t2, n2, r2, o2, a2, i2) {
+  try {
+    var c2 = e2[a2](i2), l2 = c2.value;
+  } catch (e3) {
+    return void n2(e3);
+  }
+  c2.done ? t2(l2) : Promise.resolve(l2).then(r2, o2);
+}
+var N = r(207), k = r.n(N);
+function C(e2, t2) {
+  var n2 = Object.keys(e2);
+  if (Object.getOwnPropertySymbols) {
+    var r2 = Object.getOwnPropertySymbols(e2);
+    t2 && (r2 = r2.filter((function(t3) {
+      return Object.getOwnPropertyDescriptor(e2, t3).enumerable;
+    }))), n2.push.apply(n2, r2);
+  }
+  return n2;
+}
+function x(e2) {
+  for (var t2 = 1; t2 < arguments.length; t2++) {
+    var n2 = null != arguments[t2] ? arguments[t2] : {};
+    t2 % 2 ? C(Object(n2), true).forEach((function(t3) {
+      l(e2, t3, n2[t3]);
+    })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(n2)) : C(Object(n2)).forEach((function(t3) {
+      Object.defineProperty(e2, t3, Object.getOwnPropertyDescriptor(n2, t3));
+    }));
+  }
+  return e2;
+}
+var j = { data: { type: [String, Number, Boolean, Array, Object], default: null }, rootPath: { type: String, default: "root" }, indent: { type: Number, default: 2 }, showLength: { type: Boolean, default: false }, showDoubleQuotes: { type: Boolean, default: true }, renderNodeKey: Function, renderNodeValue: Function, renderNodeActions: { type: [Boolean, Function], default: void 0 }, selectableType: String, showSelectController: { type: Boolean, default: false }, showLine: { type: Boolean, default: true }, showLineNumber: { type: Boolean, default: false }, selectOnClickNode: { type: Boolean, default: true }, nodeSelectable: { type: Function, default: function() {
+  return true;
+} }, highlightSelectedNode: { type: Boolean, default: true }, showIcon: { type: Boolean, default: false }, theme: { type: String, default: "light" }, showKeyValueSpace: { type: Boolean, default: true }, editable: { type: Boolean, default: false }, editableTrigger: { type: String, default: "click" }, onNodeClick: { type: Function }, onNodeMouseover: { type: Function }, onBracketsClick: { type: Function }, onIconClick: { type: Function }, onValueChange: { type: Function } };
+const S = (0, u.defineComponent)({ name: "TreeNode", props: x(x({}, j), {}, { node: { type: Object, required: true }, collapsed: Boolean, checked: Boolean, style: Object, onSelectedChange: { type: Function } }), emits: ["nodeClick", "nodeMouseover", "bracketsClick", "iconClick", "selectedChange", "valueChange"], setup: function(e2, t2) {
+  var n2 = t2.emit, r2 = (0, u.computed)((function() {
+    return y(e2.node.content);
+  })), o2 = (0, u.computed)((function() {
+    return "vjs-value vjs-value-".concat(r2.value);
+  })), a2 = (0, u.computed)((function() {
+    return e2.showDoubleQuotes ? '"'.concat(e2.node.key, '"') : e2.node.key;
+  })), i2 = (0, u.computed)((function() {
+    return "multiple" === e2.selectableType;
+  })), c2 = (0, u.computed)((function() {
+    return "single" === e2.selectableType;
+  })), f2 = (0, u.computed)((function() {
+    return e2.nodeSelectable(e2.node) && (i2.value || c2.value);
+  })), p2 = (0, u.reactive)({ editing: false }), v2 = function(t3) {
+    var r3, o3, a3 = "null" === (o3 = null === (r3 = t3.target) || void 0 === r3 ? void 0 : r3.value) ? null : "undefined" === o3 ? void 0 : "true" === o3 || "false" !== o3 && (o3[0] + o3[o3.length - 1] === '""' || o3[0] + o3[o3.length - 1] === "''" ? o3.slice(1, -1) : "number" == typeof Number(o3) && !isNaN(Number(o3)) || "NaN" === o3 ? Number(o3) : o3);
+    n2("valueChange", a3, e2.node.path);
+  }, g2 = (0, u.computed)((function() {
+    var t3, n3 = null === (t3 = e2.node) || void 0 === t3 ? void 0 : t3.content;
+    return null === n3 ? n3 = "null" : void 0 === n3 && (n3 = "undefined"), "string" === r2.value ? '"'.concat(n3, '"') : n3 + "";
+  })), m2 = function() {
+    var t3 = e2.renderNodeValue;
+    return t3 ? t3({ node: e2.node, defaultValue: g2.value }) : g2.value;
+  }, b2 = function() {
+    n2("bracketsClick", !e2.collapsed, e2.node);
+  }, N2 = function() {
+    n2("iconClick", !e2.collapsed, e2.node);
+  }, C2 = function() {
+    n2("selectedChange", e2.node);
+  }, x2 = function() {
+    n2("nodeClick", e2.node), f2.value && e2.selectOnClickNode && n2("selectedChange", e2.node);
+  }, j2 = function() {
+    n2("nodeMouseover", e2.node);
+  }, S2 = function(t3) {
+    if (e2.editable && !p2.editing) {
+      p2.editing = true;
+      var n3 = function e3(n4) {
+        var r3;
+        n4.target !== t3.target && (null === (r3 = n4.target) || void 0 === r3 ? void 0 : r3.parentElement) !== t3.target && (p2.editing = false, document.removeEventListener("click", e3));
+      };
+      document.removeEventListener("click", n3), document.addEventListener("click", n3);
+    }
+  }, O2 = (function() {
+    var e3 = (0, u.ref)(false), t3 = (function() {
+      var t4, n3 = (t4 = k().mark((function t5(n4) {
+        return k().wrap((function(t6) {
+          for (; ; ) switch (t6.prev = t6.next) {
+            case 0:
+              return t6.prev = 0, t6.next = 3, navigator.clipboard.writeText(n4);
+            case 3:
+              e3.value = true, setTimeout((function() {
+                e3.value = false;
+              }), 300), t6.next = 10;
+              break;
+            case 7:
+              t6.prev = 7, t6.t0 = t6.catch(0), console.error("[vue-json-pretty] Copy failed: ", t6.t0);
+            case 10:
+            case "end":
+              return t6.stop();
+          }
+        }), t5, null, [[0, 7]]);
+      })), function() {
+        var e4 = this, n4 = arguments;
+        return new Promise((function(r3, o3) {
+          var a3 = t4.apply(e4, n4);
+          function i3(e5) {
+            w(a3, r3, o3, i3, c3, "next", e5);
+          }
+          function c3(e5) {
+            w(a3, r3, o3, i3, c3, "throw", e5);
+          }
+          i3(void 0);
+        }));
+      });
+      return function(e4) {
+        return n3.apply(this, arguments);
+      };
+    })();
+    return { copy: t3 };
+  })().copy, V2 = function() {
+    var t3 = e2.node, n3 = t3.key, r3 = t3.path, o3 = e2.rootPath, a3 = new Function("data", "return data".concat(r3.slice(o3.length)))(e2.data), i3 = JSON.stringify(n3 ? l({}, n3, a3) : a3, null, 2);
+    O2(i3);
+  }, L2 = function() {
+    var t3 = e2.renderNodeActions;
+    if (!t3) return null;
+    var n3 = { copy: V2 };
+    return "function" == typeof t3 ? t3({ node: e2.node, defaultActions: n3 }) : (0, u.createVNode)("span", { onClick: V2, class: "vjs-tree-node-actions-item" }, [(0, u.createTextVNode)("copy")]);
+  };
+  return function() {
+    var t3, n3 = e2.node;
+    return (0, u.createVNode)("div", { class: { "vjs-tree-node": true, "has-selector": e2.showSelectController, "has-carets": e2.showIcon, "is-highlight": e2.highlightSelectedNode && e2.checked, dark: "dark" === e2.theme }, onClick: x2, onMouseover: j2, style: e2.style }, [e2.showLineNumber && (0, u.createVNode)("span", { class: "vjs-node-index" }, [n3.id + 1]), e2.showSelectController && f2.value && "objectEnd" !== n3.type && "arrayEnd" !== n3.type && (0, u.createVNode)(s, { isMultiple: i2.value, checked: e2.checked, onChange: C2 }, null), (0, u.createVNode)("div", { class: "vjs-indent" }, [Array.from(Array(n3.level)).map((function(t4, n4) {
+      return (0, u.createVNode)("div", { key: n4, class: { "vjs-indent-unit": true, "has-line": e2.showLine } }, [Array.from(Array(e2.indent)).map((function() {
+        return (0, u.createVNode)(u.Fragment, null, [(0, u.createTextVNode)(" ")]);
+      }))]);
+    })), e2.showIcon && (0, u.createVNode)(h, { nodeType: n3.type, onClick: N2 }, null)]), n3.key && (0, u.createVNode)("span", { class: "vjs-key" }, [(t3 = e2.renderNodeKey, t3 ? t3({ node: e2.node, defaultKey: a2.value || "" }) : a2.value), (0, u.createVNode)("span", { class: "vjs-colon" }, [":".concat(e2.showKeyValueSpace ? " " : "")])]), (0, u.createVNode)("span", null, ["content" !== n3.type && n3.content ? (0, u.createVNode)(d, { data: n3.content.toString(), onClick: b2 }, null) : (0, u.createVNode)("span", { class: o2.value, onClick: !e2.editable || e2.editableTrigger && "click" !== e2.editableTrigger ? void 0 : S2, onDblclick: e2.editable && "dblclick" === e2.editableTrigger ? S2 : void 0 }, [e2.editable && p2.editing ? (0, u.createVNode)("input", { value: g2.value, onChange: v2, style: { padding: "3px 8px", border: "1px solid #eee", boxShadow: "none", boxSizing: "border-box", borderRadius: 5, fontFamily: "inherit" } }, null) : m2()]), n3.showComma && (0, u.createVNode)("span", null, [","]), e2.showLength && e2.collapsed && (0, u.createVNode)("span", { class: "vjs-comment" }, [(0, u.createTextVNode)(" // "), n3.length, (0, u.createTextVNode)(" items ")])]), e2.renderNodeActions && (0, u.createVNode)("span", { class: "vjs-tree-node-actions" }, [L2()])]);
+  };
+} });
+function O(e2, t2) {
+  var n2 = Object.keys(e2);
+  if (Object.getOwnPropertySymbols) {
+    var r2 = Object.getOwnPropertySymbols(e2);
+    t2 && (r2 = r2.filter((function(t3) {
+      return Object.getOwnPropertyDescriptor(e2, t3).enumerable;
+    }))), n2.push.apply(n2, r2);
+  }
+  return n2;
+}
+function V(e2) {
+  for (var t2 = 1; t2 < arguments.length; t2++) {
+    var n2 = null != arguments[t2] ? arguments[t2] : {};
+    t2 % 2 ? O(Object(n2), true).forEach((function(t3) {
+      l(e2, t3, n2[t3]);
+    })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e2, Object.getOwnPropertyDescriptors(n2)) : O(Object(n2)).forEach((function(t3) {
+      Object.defineProperty(e2, t3, Object.getOwnPropertyDescriptor(n2, t3));
+    }));
+  }
+  return e2;
+}
+const L = (0, u.defineComponent)({ name: "Tree", props: V(V({}, j), {}, { collapsedNodeLength: { type: Number, default: 1 / 0 }, deep: { type: Number, default: 1 / 0 }, pathCollapsible: { type: Function, default: function() {
+  return false;
+} }, virtual: { type: Boolean, default: false }, height: { type: Number, default: 400 }, itemHeight: { type: Number, default: 20 }, dynamicHeight: { type: Boolean, default: true }, selectedValue: { type: [String, Array], default: function() {
+  return "";
+} }, collapsedOnClickBrackets: { type: Boolean, default: true }, style: Object, onSelectedChange: { type: Function }, theme: { type: String, default: "light" } }), slots: ["renderNodeKey", "renderNodeValue", "renderNodeActions"], emits: ["nodeClick", "nodeMouseover", "bracketsClick", "iconClick", "selectedChange", "update:selectedValue", "update:data"], setup: function(e2, t2) {
+  var n2 = t2.emit, r2 = t2.slots, o2 = (0, u.ref)(), a2 = (0, u.computed)((function() {
+    return g(e2.data, e2.rootPath);
+  })), d2 = function(t3, n3) {
+    return a2.value.reduce((function(r3, o3) {
+      var a3, i2 = o3.level >= t3 || o3.length >= n3, c2 = null === (a3 = e2.pathCollapsible) || void 0 === a3 ? void 0 : a3.call(e2, o3);
+      return "objectStart" !== o3.type && "arrayStart" !== o3.type || !i2 && !c2 ? r3 : V(V({}, r3), {}, l({}, o3.path, 1));
+    }), {});
+  }, s2 = (0, u.reactive)({ translateY: 0, visibleData: null, hiddenPaths: d2(e2.deep, e2.collapsedNodeLength), startIndex: 0, endIndex: 0 }), h2 = [], f2 = [], p2 = 0, v2 = {}, y2 = function(t3) {
+    h2 = Array(t3).fill(0).map((function() {
+      return e2.itemHeight || 20;
+    })), (f2 = new Array(t3 + 1))[0] = 0;
+    for (var n3 = 0; n3 < t3; n3++) f2[n3 + 1] = f2[n3] + h2[n3];
+    p2 = f2[t3] || 0;
+  }, m2 = function(e3) {
+    var t3 = h2.length;
+    e3 < 0 && (e3 = 0), e3 > t3 && (e3 = t3);
+    for (var n3 = e3; n3 < t3; n3++) f2[n3 + 1] = f2[n3] + h2[n3];
+    p2 = f2[t3] || 0;
+  }, w2 = function(e3, t3) {
+    for (var n3 = 0, r3 = e3.length - 1; n3 < r3; ) {
+      var o3 = n3 + r3 >>> 1;
+      e3[o3] < t3 ? n3 = o3 + 1 : r3 = o3;
+    }
+    return n3;
+  }, N2 = (0, u.computed)((function() {
+    for (var e3 = null, t3 = [], n3 = a2.value.length, r3 = 0; r3 < n3; r3++) {
+      var o3 = V(V({}, a2.value[r3]), {}, { id: r3 }), i2 = s2.hiddenPaths[o3.path];
+      if (e3 && e3.path === o3.path) {
+        var c2 = "objectStart" === e3.type, l2 = V(V(V({}, o3), e3), {}, { showComma: o3.showComma, content: c2 ? "{...}" : "[...]", type: c2 ? "objectCollapsed" : "arrayCollapsed" });
+        e3 = null, t3.push(l2);
+      } else {
+        if (i2 && !e3) {
+          e3 = o3;
+          continue;
+        }
+        if (e3) continue;
+        t3.push(o3);
+      }
+    }
+    return t3;
+  })), k2 = (0, u.computed)((function() {
+    var t3 = e2.selectedValue;
+    return t3 && "multiple" === e2.selectableType && Array.isArray(t3) ? t3 : [t3];
+  })), C2 = (0, u.computed)((function() {
+    return !e2.selectableType || e2.selectOnClickNode || e2.showSelectController ? "" : "When selectableType is not null, selectOnClickNode and showSelectController cannot be false at the same time, because this will cause the selection to fail.";
+  })), x2 = (0, u.computed)((function() {
+    return e2.dynamicHeight ? p2 || 0 : N2.value.length * e2.itemHeight;
+  })), j2 = function t3() {
+    var n3 = N2.value;
+    if (n3) if (e2.virtual) {
+      var r3, a3 = (null === (r3 = o2.value) || void 0 === r3 ? void 0 : r3.scrollTop) || 0;
+      if (e2.dynamicHeight) {
+        h2.length !== n3.length && y2(n3.length);
+        var i2 = (function(e3) {
+          var t4 = w2(f2, e3 + 1e-4);
+          return Math.max(0, Math.min(t4 - 1, h2.length - 1));
+        })(a3), c2 = (function(e3, t4) {
+          var n4 = w2(f2, e3 + t4);
+          return Math.max(0, Math.min(n4 + 1, h2.length));
+        })(a3, e2.height), l2 = Math.max(0, i2 - 5), d3 = Math.min(n3.length, c2 + 5);
+        s2.startIndex = l2, s2.endIndex = d3, s2.translateY = f2[l2] || 0, s2.visibleData = n3.slice(l2, d3), (0, u.nextTick)().then((function() {
+          for (var e3 = false, n4 = s2.startIndex; n4 < s2.endIndex; n4++) {
+            var r4 = v2[n4];
+            if (r4) {
+              var o3 = r4.offsetHeight;
+              o3 && h2[n4] !== o3 && (h2[n4] = o3, f2[n4 + 1] = f2[n4] + h2[n4], m2(n4 + 1), e3 = true);
+            }
+          }
+          e3 && t3();
+        }));
+      } else {
+        var p3 = e2.height / e2.itemHeight, g2 = Math.floor(a3 / e2.itemHeight), b2 = g2 < 0 ? 0 : g2 + p3 > n3.length ? n3.length - p3 : g2;
+        b2 < 0 && (b2 = 0);
+        var k3 = b2 + p3;
+        s2.translateY = b2 * e2.itemHeight, s2.startIndex = b2, s2.endIndex = k3, s2.visibleData = n3.slice(b2, k3);
+      }
+    } else s2.translateY = 0, s2.startIndex = 0, s2.endIndex = n3.length, s2.visibleData = n3;
+  }, O2 = null, L2 = function() {
+    O2 && cancelAnimationFrame(O2), O2 = requestAnimationFrame((function() {
+      j2();
+    }));
+  }, P2 = function(t3) {
+    var r3, o3, a3 = t3.path, l2 = e2.selectableType;
+    if ("multiple" === l2) {
+      var u2 = k2.value.findIndex((function(e3) {
+        return e3 === a3;
+      })), d3 = c(k2.value);
+      -1 !== u2 ? d3.splice(u2, 1) : d3.push(a3), n2("update:selectedValue", d3), n2("selectedChange", d3, c(k2.value));
+    } else if ("single" === l2 && k2.value[0] !== a3) {
+      var s3 = (r3 = k2.value, o3 = 1, (function(e3) {
+        if (Array.isArray(e3)) return e3;
+      })(r3) || (function(e3, t4) {
+        var n3 = null == e3 ? null : "undefined" != typeof Symbol && e3[Symbol.iterator] || e3["@@iterator"];
+        if (null != n3) {
+          var r4, o4, a4 = [], i2 = true, c2 = false;
+          try {
+            for (n3 = n3.call(e3); !(i2 = (r4 = n3.next()).done) && (a4.push(r4.value), !t4 || a4.length !== t4); i2 = true) ;
+          } catch (e4) {
+            c2 = true, o4 = e4;
+          } finally {
+            try {
+              i2 || null == n3.return || n3.return();
+            } finally {
+              if (c2) throw o4;
+            }
+          }
+          return a4;
+        }
+      })(r3, o3) || i(r3, o3) || (function() {
+        throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
+      })())[0], h3 = a3;
+      n2("update:selectedValue", h3), n2("selectedChange", h3, s3);
+    }
+  }, T = function(e3) {
+    n2("nodeClick", e3);
+  }, E = function(e3) {
+    n2("nodeMouseover", e3);
+  }, A = function(e3, t3) {
+    if (e3) s2.hiddenPaths = V(V({}, s2.hiddenPaths), {}, l({}, t3, 1));
+    else {
+      var n3 = V({}, s2.hiddenPaths);
+      delete n3[t3], s2.hiddenPaths = n3;
+    }
+  }, F = function(t3, r3) {
+    e2.collapsedOnClickBrackets && A(t3, r3.path), n2("bracketsClick", t3, r3);
+  }, I = function(e3, t3) {
+    A(e3, t3.path), n2("iconClick", e3, t3);
+  }, B = function(t3, r3) {
+    var o3 = b(e2.data), a3 = e2.rootPath;
+    new Function("data", "val", "data".concat(r3.slice(a3.length), "=val"))(o3, t3), n2("update:data", o3);
+  };
+  return (0, u.watchEffect)((function() {
+    C2.value && (function(e3) {
+      throw new Error("[VueJSONPretty] ".concat(e3));
+    })(C2.value);
+  })), (0, u.watchEffect)((function() {
+    N2.value && (e2.virtual && e2.dynamicHeight && h2.length !== N2.value.length && y2(N2.value.length), j2());
+  })), (0, u.watch)((function() {
+    return [e2.dynamicHeight, e2.itemHeight, a2.value.length];
+  }), (function() {
+    e2.virtual && e2.dynamicHeight && (y2(N2.value.length), (0, u.nextTick)(j2));
+  })), (0, u.watch)((function() {
+    return e2.deep;
+  }), (function(t3) {
+    t3 && (s2.hiddenPaths = d2(t3, e2.collapsedNodeLength));
+  })), (0, u.watch)((function() {
+    return e2.collapsedNodeLength;
+  }), (function(t3) {
+    t3 && (s2.hiddenPaths = d2(e2.deep, t3));
+  })), function() {
+    var t3, n3, i2, c2, l2, d3 = null !== (t3 = e2.renderNodeKey) && void 0 !== t3 ? t3 : r2.renderNodeKey, h3 = null !== (n3 = e2.renderNodeValue) && void 0 !== n3 ? n3 : r2.renderNodeValue, f3 = null !== (i2 = null !== (c2 = e2.renderNodeActions) && void 0 !== c2 ? c2 : r2.renderNodeActions) && void 0 !== i2 && i2, p3 = null === (l2 = s2.visibleData) || void 0 === l2 ? void 0 : l2.map((function(t4, n4) {
+      var r3 = s2.startIndex + n4;
+      return (0, u.createVNode)("div", { key: t4.id, ref: function(e3) {
+        return (function(e4, t5) {
+          t5 ? v2[e4] = t5 : delete v2[e4];
+        })(r3, e3 || null);
+      } }, [(0, u.createVNode)(S, { data: e2.data, rootPath: e2.rootPath, indent: e2.indent, node: t4, collapsed: !!s2.hiddenPaths[t4.path], theme: e2.theme, showDoubleQuotes: e2.showDoubleQuotes, showLength: e2.showLength, checked: k2.value.includes(t4.path), selectableType: e2.selectableType, showLine: e2.showLine, showLineNumber: e2.showLineNumber, showSelectController: e2.showSelectController, selectOnClickNode: e2.selectOnClickNode, nodeSelectable: e2.nodeSelectable, highlightSelectedNode: e2.highlightSelectedNode, editable: e2.editable, editableTrigger: e2.editableTrigger, showIcon: e2.showIcon, showKeyValueSpace: e2.showKeyValueSpace, renderNodeKey: d3, renderNodeValue: h3, renderNodeActions: f3, onNodeClick: T, onNodeMouseover: E, onBracketsClick: F, onIconClick: I, onSelectedChange: P2, onValueChange: B, class: e2.dynamicHeight ? "dynamic-height" : void 0, style: e2.dynamicHeight ? {} : e2.itemHeight && 20 !== e2.itemHeight ? { lineHeight: "".concat(e2.itemHeight, "px") } : {} }, null)]);
+    }));
+    return (0, u.createVNode)("div", { ref: o2, class: { "vjs-tree": true, "is-virtual": e2.virtual, dark: "dark" === e2.theme }, onScroll: e2.virtual ? L2 : void 0, style: e2.showLineNumber ? V({ paddingLeft: "".concat(12 * Number(a2.value.length.toString().length), "px") }, e2.style) : e2.style }, [e2.virtual ? (0, u.createVNode)("div", { class: "vjs-tree-list", style: { height: "".concat(e2.height, "px") } }, [(0, u.createVNode)("div", { class: "vjs-tree-list-holder", style: { height: "".concat(x2.value, "px") } }, [(0, u.createVNode)("div", { class: "vjs-tree-list-holder-inner", style: { transform: "translateY(".concat(s2.translateY, "px)") } }, [p3])])]) : p3]);
+  };
+} });
+var P = o.A;
+const _hoisted_1 = { class: "flex flex-col h-full gap-4" };
+const _hoisted_2 = { class: "flex flex-wrap items-center gap-3" };
+const _hoisted_3 = { class: "material-icons text-lg" };
+const _hoisted_4 = {
+  key: 0,
+  class: "px-4 py-2 bg-coral-red/20 border-2 border-coral-red rounded flex items-center gap-2 text-coral-red font-bold text-sm"
+};
+const _hoisted_5 = { class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-4 min-h-0" };
+const _hoisted_6 = { class: "flex flex-col min-h-0" };
+const _hoisted_7 = { class: "flex flex-col min-h-0" };
+const _hoisted_8 = { class: "flex items-center gap-2 mb-2" };
+const _hoisted_9 = { class: "ml-auto flex items-center gap-3 text-xs text-gray-500" };
+const _hoisted_10 = { class: "flex items-center gap-1 cursor-pointer select-none" };
+const _hoisted_11 = { class: "flex items-center gap-1 select-none" };
+const _hoisted_12 = { class: "json-viewer-panel flex-1 w-full bg-deep-charcoal border-4 border-black rounded-xl p-4 overflow-auto shadow-hard min-h-[200px]" };
+const _hoisted_13 = {
+  key: 1,
+  class: "text-gray-600 font-mono text-sm"
+};
+const _hoisted_14 = {
+  key: 2,
+  class: "text-coral-red font-mono text-sm"
+};
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const inputJson = ref("");
+    const errorMsg = ref("");
+    const deepLevel = ref(Infinity);
+    const showLineNumber = ref(false);
+    const copySuccess = ref(false);
+    const parsedData = computed(() => {
+      if (!inputJson.value.trim()) {
+        errorMsg.value = "";
+        return void 0;
+      }
+      try {
+        const parsed = JSON.parse(inputJson.value);
+        errorMsg.value = "";
+        return parsed;
+      } catch (e2) {
+        errorMsg.value = e2.message || "无效的 JSON";
+        return void 0;
+      }
+    });
+    const formattedJson = computed(() => {
+      if (parsedData.value === void 0) return "";
+      return JSON.stringify(parsedData.value, null, 2);
+    });
+    function handleFormat() {
+      if (formattedJson.value) {
+        inputJson.value = formattedJson.value;
+      }
+    }
+    function handleCompress() {
+      if (!inputJson.value.trim()) return;
+      try {
+        const parsed = JSON.parse(inputJson.value);
+        inputJson.value = JSON.stringify(parsed);
+        errorMsg.value = "";
+      } catch (e2) {
+        errorMsg.value = e2.message || "无效的 JSON";
+      }
+    }
+    function handleClear() {
+      inputJson.value = "";
+      errorMsg.value = "";
+    }
+    async function handleCopy() {
+      if (formattedJson.value) {
+        await navigator.clipboard.writeText(formattedJson.value);
+        copySuccess.value = true;
+        setTimeout(() => {
+          copySuccess.value = false;
+        }, 1500);
+      }
+    }
+    function handlePaste() {
+      navigator.clipboard.readText().then((text) => {
+        inputJson.value = text;
+      });
+    }
+    function loadSample() {
+      inputJson.value = JSON.stringify({
+        name: "UsefulTools",
+        version: "1.0.0",
+        description: "一个实用工具集合",
+        features: ["JSON格式化", "代码高亮", "数据转换"],
+        nested: {
+          level1: {
+            level2: {
+              level3: { deep: true, value: 42 }
+            },
+            list: [1, 2, 3, { key: "val" }]
+          }
+        },
+        author: { name: "开发者", email: "dev@example.com" },
+        config: { theme: "dark", language: "zh-CN", autoSave: true },
+        tags: ["tool", "json", "formatter", "visualizer"],
+        count: 1024,
+        active: true,
+        nullable: null
+      });
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" Toolbar "),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("button", {
+            class: "h-9 px-4 bg-primary text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm",
+            onClick: handleFormat
+          }, [..._cache[3] || (_cache[3] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "auto_fix_high",
+              -1
+              /* CACHED */
+            ),
+            createTextVNode(
+              " 格式化 ",
+              -1
+              /* CACHED */
+            )
+          ])]),
+          createElementVNode("button", {
+            class: "h-9 px-4 bg-white text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm",
+            onClick: handleCompress
+          }, [..._cache[4] || (_cache[4] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "compress",
+              -1
+              /* CACHED */
+            ),
+            createTextVNode(
+              " 压缩 ",
+              -1
+              /* CACHED */
+            )
+          ])]),
+          createElementVNode("button", {
+            class: "h-9 px-4 bg-white text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm",
+            onClick: handleCopy
+          }, [
+            createElementVNode(
+              "span",
+              _hoisted_3,
+              toDisplayString(copySuccess.value ? "check_circle" : "content_copy"),
+              1
+              /* TEXT */
+            ),
+            createTextVNode(
+              " " + toDisplayString(copySuccess.value ? "已复制" : "复制"),
+              1
+              /* TEXT */
+            )
+          ]),
+          createElementVNode("button", {
+            class: "h-9 px-4 bg-white text-black font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm",
+            onClick: handlePaste
+          }, [..._cache[5] || (_cache[5] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "content_paste",
+              -1
+              /* CACHED */
+            ),
+            createTextVNode(
+              " 粘贴 ",
+              -1
+              /* CACHED */
+            )
+          ])]),
+          createElementVNode("button", {
+            class: "h-9 px-4 bg-coral-red text-white font-bold border-2 border-black rounded shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5 transition-all flex items-center gap-1.5 text-sm",
+            onClick: handleClear
+          }, [..._cache[6] || (_cache[6] = [
+            createElementVNode(
+              "span",
+              { class: "material-icons text-lg" },
+              "delete_outline",
+              -1
+              /* CACHED */
+            ),
+            createTextVNode(
+              " 清空 ",
+              -1
+              /* CACHED */
+            )
+          ])]),
+          createElementVNode("div", { class: "ml-auto flex items-center gap-2" }, [
+            createElementVNode("button", {
+              class: "h-9 px-3 bg-deep-charcoal text-gray-300 font-bold border-2 border-white/20 rounded hover:border-primary hover:text-primary transition-all text-sm flex items-center gap-1.5",
+              onClick: loadSample
+            }, [..._cache[7] || (_cache[7] = [
+              createElementVNode(
+                "span",
+                { class: "material-icons text-lg" },
+                "science",
+                -1
+                /* CACHED */
+              ),
+              createTextVNode(
+                " 示例 ",
+                -1
+                /* CACHED */
+              )
+            ])])
+          ])
+        ]),
+        createCommentVNode(" Error bar "),
+        errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          _cache[8] || (_cache[8] = createElementVNode(
+            "span",
+            { class: "material-icons text-lg" },
+            "error_outline",
+            -1
+            /* CACHED */
+          )),
+          createTextVNode(
+            " " + toDisplayString(errorMsg.value),
+            1
+            /* TEXT */
+          )
+        ])) : createCommentVNode("v-if", true),
+        createCommentVNode(" Editor panels "),
+        createElementVNode("div", _hoisted_5, [
+          createCommentVNode(" Input "),
+          createElementVNode("div", _hoisted_6, [
+            _cache[9] || (_cache[9] = createElementVNode(
+              "div",
+              { class: "flex items-center gap-2 mb-2" },
+              [
+                createElementVNode("span", { class: "material-icons text-primary text-lg" }, "edit_note"),
+                createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "输入")
+              ],
+              -1
+              /* CACHED */
+            )),
+            withDirectives(createElementVNode(
+              "textarea",
+              {
+                "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => inputJson.value = $event),
+                placeholder: "在此粘贴或输入 JSON...",
+                spellcheck: "false",
+                class: "flex-1 w-full bg-deep-charcoal text-gray-100 border-4 border-black rounded-xl p-4 font-mono text-sm leading-relaxed resize-none shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600 min-h-[200px]"
+              },
+              null,
+              512
+              /* NEED_PATCH */
+            ), [
+              [vModelText, inputJson.value]
+            ])
+          ]),
+          createCommentVNode(" Visual Output "),
+          createElementVNode("div", _hoisted_7, [
+            createElementVNode("div", _hoisted_8, [
+              _cache[13] || (_cache[13] = createElementVNode(
+                "span",
+                { class: "material-icons text-neon-green text-lg" },
+                "account_tree",
+                -1
+                /* CACHED */
+              )),
+              _cache[14] || (_cache[14] = createElementVNode(
+                "span",
+                { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" },
+                "可视化",
+                -1
+                /* CACHED */
+              )),
+              createElementVNode("div", _hoisted_9, [
+                createElementVNode("label", _hoisted_10, [
+                  withDirectives(createElementVNode(
+                    "input",
+                    {
+                      "onUpdate:modelValue": _cache[1] || (_cache[1] = ($event) => showLineNumber.value = $event),
+                      type: "checkbox",
+                      class: "accent-primary w-3.5 h-3.5"
+                    },
+                    null,
+                    512
+                    /* NEED_PATCH */
+                  ), [
+                    [vModelCheckbox, showLineNumber.value]
+                  ]),
+                  _cache[10] || (_cache[10] = createTextVNode(
+                    " 行号 ",
+                    -1
+                    /* CACHED */
+                  ))
+                ]),
+                createElementVNode("label", _hoisted_11, [
+                  _cache[12] || (_cache[12] = createTextVNode(
+                    " 深度 ",
+                    -1
+                    /* CACHED */
+                  )),
+                  withDirectives(createElementVNode(
+                    "select",
+                    {
+                      "onUpdate:modelValue": _cache[2] || (_cache[2] = ($event) => deepLevel.value = $event),
+                      class: "bg-deep-charcoal text-white border border-white/20 rounded px-1.5 py-0.5 text-xs focus:border-primary outline-none"
+                    },
+                    [..._cache[11] || (_cache[11] = [
+                      createElementVNode(
+                        "option",
+                        { value: 1 },
+                        "1",
+                        -1
+                        /* CACHED */
+                      ),
+                      createElementVNode(
+                        "option",
+                        { value: 2 },
+                        "2",
+                        -1
+                        /* CACHED */
+                      ),
+                      createElementVNode(
+                        "option",
+                        { value: 3 },
+                        "3",
+                        -1
+                        /* CACHED */
+                      ),
+                      createElementVNode(
+                        "option",
+                        { value: 5 },
+                        "5",
+                        -1
+                        /* CACHED */
+                      ),
+                      createElementVNode(
+                        "option",
+                        { value: Infinity },
+                        "全部",
+                        -1
+                        /* CACHED */
+                      )
+                    ])],
+                    512
+                    /* NEED_PATCH */
+                  ), [
+                    [vModelSelect, deepLevel.value]
+                  ])
+                ])
+              ])
+            ]),
+            createElementVNode("div", _hoisted_12, [
+              parsedData.value !== void 0 ? (openBlock(), createBlock(unref(P), {
+                key: 0,
+                data: parsedData.value,
+                deep: deepLevel.value,
+                "show-line-number": showLineNumber.value,
+                "show-length": true,
+                "show-icon": true,
+                "show-double-quotes": true,
+                "collapsed-on-click-brackets": true,
+                theme: "dark"
+              }, null, 8, ["data", "deep", "show-line-number"])) : !errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_13, " 可视化结果将显示在这里... ")) : (openBlock(), createElementBlock("div", _hoisted_14, " JSON 解析失败，请检查输入 "))
+            ])
+          ])
+        ])
+      ]);
+    };
+  }
+});
+const _export_sfc = (sfc, props) => {
+  const target = sfc.__vccOpts || sfc;
+  for (const [key, val] of props) {
+    target[key] = val;
+  }
+  return target;
+};
+const index = /* @__PURE__ */ _export_sfc(_sfc_main, [["__scopeId", "data-v-306b8d9e"]]);
+export {
+  index as default
+};
+
+;(function(){var s=document.createElement("style");s.textContent=`.vjs-tree-brackets{cursor:pointer}.vjs-tree-brackets:hover{color:#1890ff}.vjs-check-controller{position:absolute;left:0}.vjs-check-controller.is-checked .vjs-check-controller-inner{background-color:#1890ff;border-color:#0076e4}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-checkbox:after{transform:rotate(45deg) scaleY(1)}.vjs-check-controller.is-checked .vjs-check-controller-inner.is-radio:after{transform:translate(-50%,-50%) scale(1)}.vjs-check-controller .vjs-check-controller-inner{display:inline-block;position:relative;border:1px solid #bfcbd9;border-radius:2px;vertical-align:middle;box-sizing:border-box;width:16px;height:16px;background-color:#fff;z-index:1;cursor:pointer;transition:border-color .25s cubic-bezier(.71,-.46,.29,1.46),background-color .25s cubic-bezier(.71,-.46,.29,1.46)}.vjs-check-controller .vjs-check-controller-inner:after{box-sizing:content-box;content:"";border:2px solid #fff;border-left:0;border-top:0;height:8px;left:4px;position:absolute;top:1px;transform:rotate(45deg) scaleY(0);width:4px;transition:transform .15s cubic-bezier(.71,-.46,.88,.6) .05s;transform-origin:center}.vjs-check-controller .vjs-check-controller-inner.is-radio{border-radius:100%}.vjs-check-controller .vjs-check-controller-inner.is-radio:after{border-radius:100%;height:4px;background-color:#fff;left:50%;top:50%}.vjs-check-controller .vjs-check-controller-original{opacity:0;outline:none;position:absolute;z-index:-1;top:0;left:0;right:0;bottom:0;margin:0}.vjs-carets{position:absolute;right:0;cursor:pointer}.vjs-carets svg{transition:transform .3s}.vjs-carets:hover{color:#1890ff}.vjs-carets-close{transform:rotate(-90deg)}.vjs-tree-node{display:flex;position:relative;line-height:20px}.vjs-tree-node.has-carets{padding-left:15px}.vjs-tree-node.has-carets.has-selector,.vjs-tree-node.has-selector{padding-left:30px}.vjs-tree-node.is-highlight,.vjs-tree-node:hover{background-color:#e6f7ff;border-radius:4px}.vjs-tree-node.is-highlight .vjs-tree-node-actions,.vjs-tree-node:hover .vjs-tree-node-actions{display:block}.vjs-tree-node .vjs-indent{display:flex;position:relative}.vjs-tree-node .vjs-indent-unit.has-line{border-left:1px dashed #bfcbd9}.vjs-tree-node .vjs-tree-node-actions{display:none;position:absolute;right:0;top:0;padding:0 4px;background-color:#e6f7ff;border-radius:4px}.vjs-tree-node .vjs-tree-node-actions .vjs-tree-node-actions-item{cursor:pointer}.vjs-tree-node .vjs-tree-node-actions .vjs-tree-node-actions-item:hover{color:#1890ff}.vjs-tree-node.dark.is-highlight,.vjs-tree-node.dark .vjs-tree-node-actions,.vjs-tree-node.dark:hover{background-color:#2e4558}.vjs-node-index{position:absolute;right:100%;margin-right:4px;user-select:none}.vjs-colon{white-space:pre}.vjs-comment{color:#bfcbd9}.vjs-key{white-space:nowrap}.vjs-value{word-break:break-word}.vjs-tree-node.dynamic-height .vjs-value{white-space:pre-wrap}.vjs-value-null,.vjs-value-undefined{color:#d55fde}.vjs-value-boolean,.vjs-value-number{color:#1d8ce0}.vjs-value-string{color:#13ce66}.vjs-tree{font-family:Monaco,Menlo,Consolas,Bitstream Vera Sans Mono,monospace;font-size:14px;text-align:left}.vjs-tree.is-virtual{overflow:auto}.vjs-tree.is-virtual .vjs-tree-node{white-space:nowrap}
+/* vue-json-pretty 深色主题覆盖 */
+.json-viewer-panel[data-v-306b8d9e] .vjs-tree {
+  font-family: 'Space Grotesk', ui-monospace, monospace;
+  font-size: 13px;
+  color: #e5e7eb;
+}
+
+/* 节点行高 + 垂直间距 */
+.json-viewer-panel[data-v-306b8d9e] .vjs-tree-node {
+  line-height: 28px;
+  padding: 2px 0;
+}
+.json-viewer-panel[data-v-306b8d9e] .vjs-tree-node:hover,
+.json-viewer-panel[data-v-306b8d9e] .vjs-tree-node.dark:hover {
+  background-color: rgba(249, 177, 31, 0.08);
+}
+
+/* 层级缩进加宽 */
+.json-viewer-panel[data-v-306b8d9e] .vjs-indent-unit {
+  width: 24px;
+}
+.json-viewer-panel[data-v-306b8d9e] .vjs-indent-unit.has-line {
+  border-left: 1px dashed #374151;
+}
+
+/* key */
+.json-viewer-panel[data-v-306b8d9e] .vjs-key {
+  color: #f9b11f;
+}
+
+/* 值类型颜色 */
+.json-viewer-panel[data-v-306b8d9e] .vjs-value-string {
+  color: #84cc16;
+}
+.json-viewer-panel[data-v-306b8d9e] .vjs-value-number {
+  color: #3b82f6;
+}
+.json-viewer-panel[data-v-306b8d9e] .vjs-value-boolean {
+  color: #a855f7;
+}
+.json-viewer-panel[data-v-306b8d9e] .vjs-value-null,
+.json-viewer-panel[data-v-306b8d9e] .vjs-value-undefined {
+  color: #6b7280;
+  font-style: italic;
+}
+
+/* 括号 */
+.json-viewer-panel[data-v-306b8d9e] .vjs-tree-brackets {
+  color: #9ca3af;
+}
+.json-viewer-panel[data-v-306b8d9e] .vjs-tree-brackets:hover {
+  color: #f9b11f;
+}
+
+/* 折叠箭头 */
+.json-viewer-panel[data-v-306b8d9e] .vjs-carets {
+  color: #6b7280;
+}
+.json-viewer-panel[data-v-306b8d9e] .vjs-carets:hover {
+  color: #f9b11f;
+}
+
+/* 长度提示 */
+.json-viewer-panel[data-v-306b8d9e] .vjs-comment {
+  color: #6b7280;
+  font-style: italic;
+}
+
+/* 行号 */
+.json-viewer-panel[data-v-306b8d9e] .vjs-node-index {
+  color: #4b5563;
+}
+`;document.head.appendChild(s)})();