@cnc_cbz/usefultools-plugin-official 1.0.1

package/dist/json-yaml.mjs

@@ -0,0 +1,256 @@
+import { defineComponent, ref, openBlock, createElementBlock, createElementVNode, Fragment, renderList, normalizeClass, toDisplayString, createTextVNode, createCommentVNode, withDirectives, vModelText } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-4" };
+const _hoisted_2 = { class: "flex items-center justify-between" };
+const _hoisted_3 = { class: "flex gap-2" };
+const _hoisted_4 = ["onClick"];
+const _hoisted_5 = {
+  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_6 = { class: "flex-1 grid grid-cols-2 gap-4 min-h-0" };
+const _hoisted_7 = { class: "bg-deep-charcoal border-4 border-black rounded-xl shadow-hard overflow-hidden flex flex-col" };
+const _hoisted_8 = { class: "px-3 py-2 border-b-2 border-black text-xs font-bold text-gray-500 uppercase" };
+const _hoisted_9 = ["placeholder"];
+const _hoisted_10 = { class: "bg-deep-charcoal border-4 border-black rounded-xl shadow-hard overflow-hidden flex flex-col" };
+const _hoisted_11 = { class: "flex items-center justify-between px-3 py-2 border-b-2 border-black" };
+const _hoisted_12 = { class: "text-xs font-bold text-gray-500 uppercase" };
+const _hoisted_13 = { class: "material-icons text-sm" };
+const _hoisted_14 = { class: "flex-1 overflow-auto px-4 py-3 font-mono text-sm text-gray-100 whitespace-pre-wrap" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const input = ref("");
+    const output = ref("");
+    const mode = ref("json2yaml");
+    const errorMsg = ref("");
+    const copyField = ref("");
+    function jsonToYaml(obj, indent = 0) {
+      const pad = "  ".repeat(indent);
+      if (obj === null) return "null";
+      if (typeof obj === "boolean") return String(obj);
+      if (typeof obj === "number") return String(obj);
+      if (typeof obj === "string") {
+        if (obj.includes("\n") || obj.includes(":") || obj.includes("#") || obj.includes('"') || obj.includes("'") || obj.trim() !== obj)
+          return `"${obj.replace(/\\/g, "\\\\").replace(/"/g, '\\"').replace(/\n/g, "\\n")}"`;
+        return obj;
+      }
+      if (Array.isArray(obj)) {
+        if (obj.length === 0) return "[]";
+        return obj.map((item) => {
+          const val = jsonToYaml(item, indent + 1);
+          if (typeof item === "object" && item !== null) {
+            const lines = val.split("\n");
+            return `${pad}- ${lines[0]}
+${lines.slice(1).map((l) => `${pad}  ${l}`).join("\n")}`.trimEnd();
+          }
+          return `${pad}- ${val}`;
+        }).join("\n");
+      }
+      if (typeof obj === "object") {
+        const entries = Object.entries(obj);
+        if (entries.length === 0) return "{}";
+        return entries.map(([key, val]) => {
+          const yamlVal = jsonToYaml(val, indent + 1);
+          if (typeof val === "object" && val !== null && !Array.isArray(val) && Object.keys(val).length > 0) {
+            return `${pad}${key}:
+${yamlVal}`;
+          }
+          if (Array.isArray(val) && val.length > 0) {
+            return `${pad}${key}:
+${yamlVal}`;
+          }
+          return `${pad}${key}: ${yamlVal}`;
+        }).join("\n");
+      }
+      return String(obj);
+    }
+    function yamlToJson(yaml) {
+      const lines = yaml.split("\n");
+      return parseYamlLines(lines, 0).value;
+    }
+    function parseYamlLines(lines, startIndent) {
+      const result = {};
+      let isArray = false;
+      const arr = [];
+      let i = 0;
+      while (i < lines.length) {
+        const line = lines[i];
+        if (line.trim() === "" || line.trim().startsWith("#")) {
+          i++;
+          continue;
+        }
+        const indent = line.search(/\S/);
+        if (indent < startIndent) break;
+        const trimmed = line.trim();
+        if (trimmed.startsWith("- ")) {
+          isArray = true;
+          const val = trimmed.slice(2).trim();
+          if (val.includes(":") && !val.startsWith('"') && !val.startsWith("'")) {
+            const subLines = [val, ...lines.slice(i + 1)];
+            const sub = parseYamlLines(subLines, indent + 2);
+            arr.push(sub.value);
+            i += sub.consumed;
+          } else {
+            arr.push(parseYamlValue(val));
+            i++;
+          }
+        } else if (trimmed.includes(":")) {
+          const colonIdx = trimmed.indexOf(":");
+          const key = trimmed.slice(0, colonIdx).trim();
+          const val = trimmed.slice(colonIdx + 1).trim();
+          if (val === "" || val === "|" || val === ">") {
+            const sub = parseYamlLines(lines.slice(i + 1), indent + 2);
+            result[key] = sub.value;
+            i += 1 + sub.consumed;
+          } else {
+            result[key] = parseYamlValue(val);
+            i++;
+          }
+        } else {
+          i++;
+        }
+      }
+      return { value: isArray ? arr : result, consumed: i };
+    }
+    function parseYamlValue(val) {
+      if (val === "null" || val === "~") return null;
+      if (val === "true") return true;
+      if (val === "false") return false;
+      if (/^-?\d+$/.test(val)) return parseInt(val);
+      if (/^-?\d+\.\d+$/.test(val)) return parseFloat(val);
+      if (val.startsWith('"') && val.endsWith('"') || val.startsWith("'") && val.endsWith("'"))
+        return val.slice(1, -1).replace(/\\n/g, "\n").replace(/\\"/g, '"');
+      if (val === "[]") return [];
+      if (val === "{}") return {};
+      return val;
+    }
+    function convert() {
+      errorMsg.value = "";
+      if (!input.value.trim()) {
+        output.value = "";
+        return;
+      }
+      try {
+        if (mode.value === "json2yaml") {
+          const obj = JSON.parse(input.value);
+          output.value = jsonToYaml(obj);
+        } else {
+          const obj = yamlToJson(input.value);
+          output.value = JSON.stringify(obj, null, 2);
+        }
+      } catch (e) {
+        errorMsg.value = `转换失败: ${e.message || "格式无效"}`;
+        output.value = "";
+      }
+    }
+    async function copy(text, field) {
+      await navigator.clipboard.writeText(text);
+      copyField.value = field;
+      setTimeout(() => {
+        copyField.value = "";
+      }, 1200);
+    }
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createElementVNode("div", _hoisted_2, [
+          _cache[2] || (_cache[2] = createElementVNode(
+            "div",
+            { class: "flex items-center gap-2" },
+            [
+              createElementVNode("span", { class: "material-icons text-primary text-lg" }, "sync_alt"),
+              createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "JSON ↔ YAML")
+            ],
+            -1
+            /* CACHED */
+          )),
+          createElementVNode("div", _hoisted_3, [
+            (openBlock(), createElementBlock(
+              Fragment,
+              null,
+              renderList(["json2yaml", "yaml2json"], (m) => {
+                return createElementVNode("button", {
+                  key: m,
+                  onClick: ($event) => mode.value = m,
+                  class: normalizeClass(["h-8 px-3 font-bold border-2 border-black rounded text-xs transition-all", mode.value === m ? "bg-primary text-black shadow-none translate-x-0.5 translate-y-0.5" : "bg-bg-dark text-gray-400 shadow-hard-sm hover:shadow-none hover:translate-x-0.5 hover:translate-y-0.5"])
+                }, toDisplayString(m === "json2yaml" ? "JSON → YAML" : "YAML → JSON"), 11, _hoisted_4);
+              }),
+              64
+              /* STABLE_FRAGMENT */
+            )),
+            createElementVNode("button", {
+              onClick: convert,
+              class: "h-8 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 text-xs"
+            }, " 转换 ")
+          ])
+        ]),
+        errorMsg.value ? (openBlock(), createElementBlock("div", _hoisted_5, [
+          _cache[3] || (_cache[3] = createElementVNode(
+            "span",
+            { class: "material-icons text-lg" },
+            "error_outline",
+            -1
+            /* CACHED */
+          )),
+          createTextVNode(
+            " " + toDisplayString(errorMsg.value),
+            1
+            /* TEXT */
+          )
+        ])) : createCommentVNode("v-if", true),
+        createElementVNode("div", _hoisted_6, [
+          createElementVNode("div", _hoisted_7, [
+            createElementVNode(
+              "div",
+              _hoisted_8,
+              toDisplayString(mode.value === "json2yaml" ? "JSON" : "YAML"),
+              1
+              /* TEXT */
+            ),
+            withDirectives(createElementVNode("textarea", {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => input.value = $event),
+              onInput: convert,
+              class: "flex-1 w-full bg-transparent text-gray-100 px-4 py-3 font-mono text-sm outline-none resize-none placeholder-gray-600",
+              placeholder: mode.value === "json2yaml" ? "输入 JSON..." : "输入 YAML..."
+            }, null, 40, _hoisted_9), [
+              [vModelText, input.value]
+            ])
+          ]),
+          createElementVNode("div", _hoisted_10, [
+            createElementVNode("div", _hoisted_11, [
+              createElementVNode(
+                "span",
+                _hoisted_12,
+                toDisplayString(mode.value === "json2yaml" ? "YAML" : "JSON"),
+                1
+                /* TEXT */
+              ),
+              output.value ? (openBlock(), createElementBlock("button", {
+                key: 0,
+                onClick: _cache[1] || (_cache[1] = ($event) => copy(output.value, "output")),
+                class: "flex items-center gap-1 text-xs text-gray-500 hover:text-primary transition-colors"
+              }, [
+                createElementVNode(
+                  "span",
+                  _hoisted_13,
+                  toDisplayString(copyField.value === "output" ? "check" : "content_copy"),
+                  1
+                  /* TEXT */
+                )
+              ])) : createCommentVNode("v-if", true)
+            ]),
+            createElementVNode(
+              "pre",
+              _hoisted_14,
+              toDisplayString(output.value),
+              1
+              /* TEXT */
+            )
+          ])
+        ])
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};

package/dist/jwt-parser.mjs

@@ -0,0 +1,405 @@
+import { defineComponent, ref, computed, openBlock, createElementBlock, createCommentVNode, createElementVNode, withDirectives, vModelText, createTextVNode, toDisplayString, normalizeClass, Fragment, renderList } from "vue";
+const _hoisted_1 = { class: "flex flex-col h-full gap-5" };
+const _hoisted_2 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard" };
+const _hoisted_3 = {
+  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_4 = {
+  key: 1,
+  class: "flex-1 grid grid-cols-1 lg:grid-cols-2 gap-4 min-h-0 overflow-auto"
+};
+const _hoisted_5 = { class: "flex flex-col gap-4" };
+const _hoisted_6 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard" };
+const _hoisted_7 = { class: "flex items-center justify-between mb-3" };
+const _hoisted_8 = { class: "flex items-center gap-2" };
+const _hoisted_9 = {
+  key: 0,
+  class: "ml-2 px-2 py-0.5 bg-electric-blue/20 text-electric-blue text-xs font-bold rounded border border-electric-blue/40"
+};
+const _hoisted_10 = { class: "material-icons text-sm" };
+const _hoisted_11 = { class: "font-mono text-sm text-gray-100 bg-bg-dark rounded-lg p-3 border-2 border-black overflow-auto max-h-40" };
+const _hoisted_12 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard" };
+const _hoisted_13 = { class: "flex items-center justify-between mb-3" };
+const _hoisted_14 = { class: "material-icons text-sm" };
+const _hoisted_15 = { class: "font-mono text-sm text-gray-400 bg-bg-dark rounded-lg p-3 border-2 border-black break-all" };
+const _hoisted_16 = { class: "flex items-center gap-3" };
+const _hoisted_17 = { class: "text-xs text-gray-400" };
+const _hoisted_18 = { class: "flex flex-col gap-4" };
+const _hoisted_19 = {
+  key: 0,
+  class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard"
+};
+const _hoisted_20 = { class: "space-y-1" };
+const _hoisted_21 = ["onClick"];
+const _hoisted_22 = { class: "text-xs text-gray-500 shrink-0 w-32" };
+const _hoisted_23 = { class: "bg-deep-charcoal border-4 border-black rounded-xl p-4 shadow-hard" };
+const _hoisted_24 = { class: "flex items-center justify-between mb-3" };
+const _hoisted_25 = { class: "material-icons text-sm" };
+const _hoisted_26 = { class: "font-mono text-sm text-gray-100 bg-bg-dark rounded-lg p-3 border-2 border-black overflow-auto max-h-60" };
+const _sfc_main = /* @__PURE__ */ defineComponent({
+  __name: "index",
+  setup(__props) {
+    const jwtInput = ref("");
+    const copyField = ref("");
+    function base64UrlDecode(str) {
+      let base64 = str.replace(/-/g, "+").replace(/_/g, "/");
+      while (base64.length % 4) base64 += "=";
+      return decodeURIComponent(
+        atob(base64).split("").map((c) => "%" + c.charCodeAt(0).toString(16).padStart(2, "0")).join("")
+      );
+    }
+    const parsed = computed(() => {
+      const raw = jwtInput.value.trim();
+      if (!raw) return null;
+      const parts = raw.split(".");
+      if (parts.length !== 3) return { error: "JWT 格式无效，应包含 3 个部分（header.payload.signature）" };
+      try {
+        const header = JSON.parse(base64UrlDecode(parts[0]));
+        const payload = JSON.parse(base64UrlDecode(parts[1]));
+        return { header, payload, signature: parts[2], error: "" };
+      } catch {
+        return { error: "解码失败，请检查 JWT 是否完整" };
+      }
+    });
+    const claims = computed(() => {
+      if (!parsed.value || parsed.value.error || !parsed.value.payload) return [];
+      const p = parsed.value.payload;
+      const items = [];
+      if (p.iss != null) items.push({ label: "签发者 (iss)", key: "iss", value: String(p.iss), color: "text-electric-blue" });
+      if (p.sub != null) items.push({ label: "主题 (sub)", key: "sub", value: String(p.sub), color: "text-vibrant-purple" });
+      if (p.aud != null) items.push({ label: "受众 (aud)", key: "aud", value: String(p.aud), color: "text-neon-green" });
+      if (p.iat != null) items.push({ label: "签发时间 (iat)", key: "iat", value: formatTs(p.iat), color: "text-gray-300" });
+      if (p.nbf != null) items.push({ label: "生效时间 (nbf)", key: "nbf", value: formatTs(p.nbf), color: "text-gray-300" });
+      if (p.exp != null) items.push({ label: "过期时间 (exp)", key: "exp", value: formatTs(p.exp), color: isExpired.value ? "text-coral-red" : "text-neon-green" });
+      if (p.jti != null) items.push({ label: "JWT ID (jti)", key: "jti", value: String(p.jti), color: "text-gray-300" });
+      return items;
+    });
+    const isExpired = computed(() => {
+      var _a;
+      if (!parsed.value || parsed.value.error || !((_a = parsed.value.payload) == null ? void 0 : _a.exp)) return false;
+      return parsed.value.payload.exp * 1e3 < Date.now();
+    });
+    const expiresIn = computed(() => {
+      var _a;
+      if (!parsed.value || parsed.value.error || !((_a = parsed.value.payload) == null ? void 0 : _a.exp)) return "";
+      const diff = parsed.value.payload.exp * 1e3 - Date.now();
+      const abs = Math.abs(diff);
+      const suffix = diff > 0 ? "后过期" : "前已过期";
+      if (abs < 6e4) return `${Math.floor(abs / 1e3)} 秒${suffix}`;
+      if (abs < 36e5) return `${Math.floor(abs / 6e4)} 分钟${suffix}`;
+      if (abs < 864e5) return `${Math.floor(abs / 36e5)} 小时${suffix}`;
+      return `${Math.floor(abs / 864e5)} 天${suffix}`;
+    });
+    function formatTs(ts) {
+      const d = new Date(ts * 1e3);
+      const pad = (n) => String(n).padStart(2, "0");
+      return `${d.getFullYear()}-${pad(d.getMonth() + 1)}-${pad(d.getDate())} ${pad(d.getHours())}:${pad(d.getMinutes())}:${pad(d.getSeconds())}`;
+    }
+    function formatJson(obj) {
+      return JSON.stringify(obj, null, 2);
+    }
+    async function copy(text, field) {
+      await navigator.clipboard.writeText(text);
+      copyField.value = field;
+      setTimeout(() => {
+        copyField.value = "";
+      }, 1200);
+    }
+    function loadSample() {
+      const h = btoa(JSON.stringify({ alg: "HS256", typ: "JWT" })).replace(/=/g, "");
+      const p = btoa(JSON.stringify({ sub: "1234567890", name: "John Doe", iat: 1516239022, exp: Math.floor(Date.now() / 1e3) + 3600 })).replace(/=/g, "");
+      jwtInput.value = `${h}.${p}.SflKxwRJSMeKKF2QT4fwpMeJf36POk6yJV_adQssw5c`;
+    }
+    return (_ctx, _cache) => {
+      var _a, _b, _c;
+      return openBlock(), createElementBlock("div", _hoisted_1, [
+        createCommentVNode(" 输入区 "),
+        createElementVNode("div", _hoisted_2, [
+          createElementVNode("div", { class: "flex items-center justify-between mb-3" }, [
+            _cache[4] || (_cache[4] = createElementVNode(
+              "div",
+              { class: "flex items-center gap-2" },
+              [
+                createElementVNode("span", { class: "material-icons text-primary text-lg" }, "vpn_key"),
+                createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "JWT Token")
+              ],
+              -1
+              /* CACHED */
+            )),
+            createElementVNode("button", {
+              onClick: loadSample,
+              class: "h-8 px-3 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 text-xs"
+            }, " 加载示例 ")
+          ]),
+          withDirectives(createElementVNode(
+            "textarea",
+            {
+              "onUpdate:modelValue": _cache[0] || (_cache[0] = ($event) => jwtInput.value = $event),
+              rows: "4",
+              placeholder: "粘贴 JWT Token（eyJhbGciOi...）",
+              class: "w-full bg-bg-dark text-gray-100 border-4 border-black rounded-lg px-4 py-3 font-mono text-sm shadow-hard focus:border-primary focus:shadow-none focus:translate-x-[4px] focus:translate-y-[4px] transition-all outline-none placeholder-gray-600 resize-none"
+            },
+            null,
+            512
+            /* NEED_PATCH */
+          ), [
+            [vModelText, jwtInput.value]
+          ])
+        ]),
+        createCommentVNode(" 错误提示 "),
+        ((_a = parsed.value) == null ? void 0 : _a.error) ? (openBlock(), createElementBlock("div", _hoisted_3, [
+          _cache[5] || (_cache[5] = createElementVNode(
+            "span",
+            { class: "material-icons text-lg" },
+            "error_outline",
+            -1
+            /* CACHED */
+          )),
+          createTextVNode(
+            " " + toDisplayString(parsed.value.error),
+            1
+            /* TEXT */
+          )
+        ])) : createCommentVNode("v-if", true),
+        createCommentVNode(" 解析结果 "),
+        parsed.value && !parsed.value.error ? (openBlock(), createElementBlock("div", _hoisted_4, [
+          createCommentVNode(" 左列：Header + Signature "),
+          createElementVNode("div", _hoisted_5, [
+            createCommentVNode(" Header "),
+            createElementVNode("div", _hoisted_6, [
+              createElementVNode("div", _hoisted_7, [
+                createElementVNode("div", _hoisted_8, [
+                  _cache[6] || (_cache[6] = createElementVNode(
+                    "span",
+                    { class: "material-icons text-electric-blue text-lg" },
+                    "code",
+                    -1
+                    /* CACHED */
+                  )),
+                  _cache[7] || (_cache[7] = createElementVNode(
+                    "span",
+                    { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" },
+                    "Header",
+                    -1
+                    /* CACHED */
+                  )),
+                  ((_b = parsed.value.header) == null ? void 0 : _b.alg) ? (openBlock(), createElementBlock(
+                    "span",
+                    _hoisted_9,
+                    toDisplayString(parsed.value.header.alg),
+                    1
+                    /* TEXT */
+                  )) : createCommentVNode("v-if", true)
+                ]),
+                createElementVNode("button", {
+                  onClick: _cache[1] || (_cache[1] = ($event) => copy(formatJson(parsed.value.header), "header")),
+                  class: "flex items-center gap-1 text-xs text-gray-500 hover:text-primary transition-colors"
+                }, [
+                  createElementVNode(
+                    "span",
+                    _hoisted_10,
+                    toDisplayString(copyField.value === "header" ? "check" : "content_copy"),
+                    1
+                    /* TEXT */
+                  ),
+                  createTextVNode(
+                    " " + toDisplayString(copyField.value === "header" ? "已复制" : "复制"),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              createElementVNode(
+                "pre",
+                _hoisted_11,
+                toDisplayString(formatJson(parsed.value.header)),
+                1
+                /* TEXT */
+              )
+            ]),
+            createCommentVNode(" Signature "),
+            createElementVNode("div", _hoisted_12, [
+              createElementVNode("div", _hoisted_13, [
+                _cache[8] || (_cache[8] = createElementVNode(
+                  "div",
+                  { class: "flex items-center gap-2" },
+                  [
+                    createElementVNode("span", { class: "material-icons text-hot-pink text-lg" }, "fingerprint"),
+                    createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "Signature")
+                  ],
+                  -1
+                  /* CACHED */
+                )),
+                createElementVNode("button", {
+                  onClick: _cache[2] || (_cache[2] = ($event) => copy(parsed.value.signature ?? "", "sig")),
+                  class: "flex items-center gap-1 text-xs text-gray-500 hover:text-primary transition-colors"
+                }, [
+                  createElementVNode(
+                    "span",
+                    _hoisted_14,
+                    toDisplayString(copyField.value === "sig" ? "check" : "content_copy"),
+                    1
+                    /* TEXT */
+                  ),
+                  createTextVNode(
+                    " " + toDisplayString(copyField.value === "sig" ? "已复制" : "复制"),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              createElementVNode(
+                "div",
+                _hoisted_15,
+                toDisplayString(parsed.value.signature),
+                1
+                /* TEXT */
+              )
+            ]),
+            createCommentVNode(" 过期状态 "),
+            ((_c = parsed.value.payload) == null ? void 0 : _c.exp) ? (openBlock(), createElementBlock(
+              "div",
+              {
+                key: 0,
+                class: normalizeClass(["border-4 border-black rounded-xl p-4 shadow-hard", isExpired.value ? "bg-coral-red/10 border-coral-red" : "bg-neon-green/10 border-neon-green"])
+              },
+              [
+                createElementVNode("div", _hoisted_16, [
+                  createElementVNode(
+                    "span",
+                    {
+                      class: normalizeClass(["material-icons text-2xl", isExpired.value ? "text-coral-red" : "text-neon-green"])
+                    },
+                    toDisplayString(isExpired.value ? "timer_off" : "verified"),
+                    3
+                    /* TEXT, CLASS */
+                  ),
+                  createElementVNode("div", null, [
+                    createElementVNode(
+                      "div",
+                      {
+                        class: normalizeClass(["font-bold text-sm", isExpired.value ? "text-coral-red" : "text-neon-green"])
+                      },
+                      toDisplayString(isExpired.value ? "已过期" : "有效"),
+                      3
+                      /* TEXT, CLASS */
+                    ),
+                    createElementVNode(
+                      "div",
+                      _hoisted_17,
+                      toDisplayString(expiresIn.value),
+                      1
+                      /* TEXT */
+                    )
+                  ])
+                ])
+              ],
+              2
+              /* CLASS */
+            )) : createCommentVNode("v-if", true)
+          ]),
+          createCommentVNode(" 右列：Payload + Claims "),
+          createElementVNode("div", _hoisted_18, [
+            createCommentVNode(" 标准 Claims "),
+            claims.value.length ? (openBlock(), createElementBlock("div", _hoisted_19, [
+              _cache[9] || (_cache[9] = createElementVNode(
+                "div",
+                { class: "flex items-center gap-2 mb-3" },
+                [
+                  createElementVNode("span", { class: "material-icons text-primary text-lg" }, "badge"),
+                  createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "标准声明")
+                ],
+                -1
+                /* CACHED */
+              )),
+              createElementVNode("div", _hoisted_20, [
+                (openBlock(true), createElementBlock(
+                  Fragment,
+                  null,
+                  renderList(claims.value, (c) => {
+                    return openBlock(), createElementBlock("div", {
+                      key: c.key,
+                      class: "flex items-center justify-between py-1.5 px-2 rounded hover:bg-white/5 cursor-pointer group",
+                      onClick: ($event) => copy(c.value, c.key)
+                    }, [
+                      createElementVNode(
+                        "span",
+                        _hoisted_22,
+                        toDisplayString(c.label),
+                        1
+                        /* TEXT */
+                      ),
+                      createElementVNode(
+                        "span",
+                        {
+                          class: normalizeClass(["font-mono text-sm flex-1 text-right", c.color])
+                        },
+                        toDisplayString(c.value),
+                        3
+                        /* TEXT, CLASS */
+                      ),
+                      createElementVNode(
+                        "span",
+                        {
+                          class: normalizeClass(["material-icons text-sm ml-2 opacity-0 group-hover:opacity-100 transition-opacity", copyField.value === c.key ? "text-neon-green" : "text-gray-500"])
+                        },
+                        toDisplayString(copyField.value === c.key ? "check" : "content_copy"),
+                        3
+                        /* TEXT, CLASS */
+                      )
+                    ], 8, _hoisted_21);
+                  }),
+                  128
+                  /* KEYED_FRAGMENT */
+                ))
+              ])
+            ])) : createCommentVNode("v-if", true),
+            createCommentVNode(" 完整 Payload "),
+            createElementVNode("div", _hoisted_23, [
+              createElementVNode("div", _hoisted_24, [
+                _cache[10] || (_cache[10] = createElementVNode(
+                  "div",
+                  { class: "flex items-center gap-2" },
+                  [
+                    createElementVNode("span", { class: "material-icons text-vibrant-purple text-lg" }, "description"),
+                    createElementVNode("span", { class: "text-sm font-bold text-gray-400 uppercase tracking-wider" }, "Payload")
+                  ],
+                  -1
+                  /* CACHED */
+                )),
+                createElementVNode("button", {
+                  onClick: _cache[3] || (_cache[3] = ($event) => copy(formatJson(parsed.value.payload), "payload")),
+                  class: "flex items-center gap-1 text-xs text-gray-500 hover:text-primary transition-colors"
+                }, [
+                  createElementVNode(
+                    "span",
+                    _hoisted_25,
+                    toDisplayString(copyField.value === "payload" ? "check" : "content_copy"),
+                    1
+                    /* TEXT */
+                  ),
+                  createTextVNode(
+                    " " + toDisplayString(copyField.value === "payload" ? "已复制" : "复制"),
+                    1
+                    /* TEXT */
+                  )
+                ])
+              ]),
+              createElementVNode(
+                "pre",
+                _hoisted_26,
+                toDisplayString(formatJson(parsed.value.payload)),
+                1
+                /* TEXT */
+              )
+            ])
+          ])
+        ])) : createCommentVNode("v-if", true)
+      ]);
+    };
+  }
+});
+export {
+  _sfc_main as default
+};