@opentiny/tiny-robot 0.5.2-beta.0 → 1.0.0-beta.0

package/dist/extension-manager/index.js

@@ -1,18 +1,18 @@
-import * as ce from "vue";
-import { ref as B, computed as x, watch as D, reactive as se, toValue as X, cloneVNode as Se, Comment as Me, Text as Ee, Fragment as P, isVNode as Ie, Teleport as Ae, Suspense as Pe, nextTick as ve, defineComponent as N, onMounted as pe, toRef as Ve, useSlots as G, openBlock as c, createElementBlock as p, createBlock as A, resolveDynamicComponent as H, renderSlot as M, withDirectives as ae, createElementVNode as C, normalizeStyle as ie, vShow as Ne, createVNode as j, withCtx as O, renderList as U, normalizeClass as R, createCommentVNode as S, toDisplayString as I, unref as $, withModifiers as oe, createSlots as J, normalizeProps as fe, guardReactiveProps as Le, createTextVNode as re, mergeProps as ge, onBeforeUnmount as Be, useModel as de, vModelSelect as Re, vModelText as Fe, mergeModels as De } from "vue";
-import { IconMore as Oe, IconArrowDown as be, IconClose as je } from "@opentiny/tiny-robot-svgs";
+import * as le from "vue";
+import { ref as B, computed as x, watch as D, reactive as se, toValue as X, cloneVNode as Se, Comment as Me, Text as Ee, Fragment as P, isVNode as Ie, Teleport as Ae, Suspense as Pe, nextTick as me, defineComponent as N, onMounted as ve, toRef as Ve, useSlots as G, openBlock as d, createElementBlock as p, createBlock as A, resolveDynamicComponent as H, renderSlot as M, withDirectives as ae, createElementVNode as k, normalizeStyle as ie, vShow as Ne, createVNode as j, withCtx as O, renderList as U, normalizeClass as R, createCommentVNode as S, toDisplayString as I, unref as $, withModifiers as oe, createSlots as J, normalizeProps as pe, guardReactiveProps as fe, createTextVNode as re, mergeProps as Le, onBeforeUnmount as Be, useModel as ce, vModelSelect as Re, vModelText as Fe, mergeModels as De } from "vue";
+import { IconMore as Oe, IconArrowDown as ge, IconClose as je } from "@opentiny/tiny-robot-svgs";
 import { g as Q } from "../index4.js";
 import { _ as L } from "../_plugin-vue_export-helper.js";
-const ue = /* @__PURE__ */ new WeakMap();
-function he() {
-  const e = ce.useId;
+const de = /* @__PURE__ */ new WeakMap();
+function be() {
+  const e = le.useId;
   if (e)
     return e();
-  const a = ce.getCurrentInstance();
+  const a = le.getCurrentInstance();
   if (!a)
     return "";
-  const t = a.appContext, s = ue.get(t) ?? 0;
-  return ue.set(t, s + 1), `tr-${s}`;
+  const t = a.appContext, s = de.get(t) ?? 0;
+  return de.set(t, s + 1), `tr-${s}`;
 }
 const Y = (e, a) => Object.prototype.hasOwnProperty.call(e, a), K = () => /* @__PURE__ */ Object.create(null), z = (e, a, t) => {
   Object.defineProperty(e, a, {
@@ -25,8 +25,8 @@ const Y = (e, a) => Object.prototype.hasOwnProperty.call(e, a), K = () => /* @__
   const a = K();
   for (const [t, s] of Object.entries(e)) {
     const r = K();
-    for (const [d, l] of Object.entries(s ?? {}))
-      (d === "installed" || d === "available") && z(r, d, l);
+    for (const [c, l] of Object.entries(s ?? {}))
+      (c === "installed" || c === "available") && z(r, c, l);
     z(a, t, r);
   }
   return a;
@@ -39,7 +39,7 @@ const Y = (e, a) => Object.prototype.hasOwnProperty.call(e, a), K = () => /* @__
   const r = Y(e, a) && e[a] !== void 0 ? e[a] : K();
   Y(e, a) || z(e, a, r), z(r, t, s);
 }, Ke = (e, a, t) => Ue(e, a, t) ?? !0, ze = (e, a) => {
-  const t = B(e.defaultActiveTab), s = B(K()), r = x(() => e.tabs.map((m) => m.id)), d = x(() => r.value[0]);
+  const t = B(e.defaultActiveTab), s = B(K()), r = x(() => e.tabs.map((m) => m.id)), c = x(() => r.value[0]);
   D(
     r,
     (m) => {
@@ -62,7 +62,7 @@ const Y = (e, a) => Object.prototype.hasOwnProperty.call(e, a), K = () => /* @__
   );
   const v = x(() => {
     const m = e.activeTab ?? t.value, f = e.tabs.find((i) => i.id === m);
-    return (f == null ? void 0 : f.id) ?? d.value;
+    return (f == null ? void 0 : f.id) ?? c.value;
   }), o = x(
     () => v.value === void 0 ? void 0 : e.tabs.find((m) => m.id === v.value)
   );
@@ -96,17 +96,17 @@ const Y = (e, a) => Object.prototype.hasOwnProperty.call(e, a), K = () => /* @__
       He(g, m, f, i), s.value = g, a("section-toggle", { tabId: m, sectionKey: f, expanded: i });
     }
   };
-}, We = () => /* @__PURE__ */ Object.create(null), me = () => se({ selectedTag: "", searchValue: "" }), qe = (e) => {
-  const a = se(We()), t = me();
+}, We = () => /* @__PURE__ */ Object.create(null), ue = () => se({ selectedTag: "", searchValue: "" }), qe = (e) => {
+  const a = se(We()), t = ue();
   return D(
     () => X(e).map((r) => r.id),
     (r) => {
-      const d = new Set(r);
+      const c = new Set(r);
       for (const l of Object.keys(a))
-        d.has(l) || delete a[l];
+        c.has(l) || delete a[l];
     },
     { immediate: !0 }
-  ), { getFilterState: (r) => r === void 0 ? t : a[r] ?? (a[r] = me()) };
+  ), { getFilterState: (r) => r === void 0 ? t : a[r] ?? (a[r] = ue()) };
 }, Xe = () => se({ selectedTag: "", searchValue: "" }), Je = (e) => {
   const a = /* @__PURE__ */ new Set(), t = [];
   for (const s of e)
@@ -129,9 +129,9 @@ const Y = (e, a) => Object.prototype.hasOwnProperty.call(e, a), K = () => /* @__
     set: (o) => {
       t.value.searchValue = o;
     }
-  }), d = x(() => Je(X(e.tags)));
+  }), c = x(() => Je(X(e.tags)));
   D(
-    d,
+    c,
     (o) => {
       s.value && !o.some((n) => n.value === s.value) && (s.value = "");
     },
@@ -140,12 +140,12 @@ const Y = (e, a) => Object.prototype.hasOwnProperty.call(e, a), K = () => /* @__
   const l = x(() => {
     var y, w;
     const o = r.value.trim().toLowerCase(), n = ((y = e.rules) == null ? void 0 : y.getItemTags) ?? Qe, u = ((w = e.rules) == null ? void 0 : w.search) ?? Ye;
-    return X(e.items).filter((k) => {
-      const m = !s.value || n(k).includes(s.value), f = !o || u(k, o);
+    return X(e.items).filter((C) => {
+      const m = !s.value || n(C).includes(s.value), f = !o || u(C, o);
       return m && f;
     });
   }), v = x(() => ({
-    tags: d.value,
+    tags: c.value,
     selectedTag: s.value,
     searchValue: r.value,
     "onUpdate:selectedTag": (o) => {
@@ -156,13 +156,13 @@ const Y = (e, a) => Object.prototype.hasOwnProperty.call(e, a), K = () => /* @__
     }
   }));
   return { filteredItems: l, selectedTag: s, searchValue: r, controls: v };
-}, _e = (e) => e.flatMap((a) => a.type === Me ? [] : a.type === Ee && typeof a.children == "string" && a.children.trim() === "" ? [] : a.type !== P || !Array.isArray(a.children) ? [a] : _e(a.children.filter(Ie))), et = (e) => e.type === Ae || e.type === Pe ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
+}, he = (e) => e.flatMap((a) => a.type === Me ? [] : a.type === Ee && typeof a.children == "string" && a.children.trim() === "" ? [] : a.type !== P || !Array.isArray(a.children) ? [a] : he(a.children.filter(Ie))), et = (e) => e.type === Ae || e.type === Pe ? !1 : typeof e.type == "string" || typeof e.type == "object" || typeof e.type == "function";
 function tt({ getSlot: e, componentName: a }) {
   return {
     renderAsChild: (s, r = {}) => {
       var l;
-      const d = _e(((l = e()) == null ? void 0 : l(s)) ?? []);
-      return d.length !== 1 || !et(d[0]) ? null : Se(d[0], r, !0);
+      const c = he(((l = e()) == null ? void 0 : l(s)) ?? []);
+      return c.length !== 1 || !et(c[0]) ? null : Se(c[0], r, !0);
     }
   };
 }
@@ -172,7 +172,7 @@ const nt = ({
   open: t,
   placement: s
 }) => {
-  const r = B(), d = () => {
+  const r = B(), c = () => {
     if (!t.value || !e.value || !a.value) return;
     const l = e.value.getBoundingClientRect(), v = a.value.getBoundingClientRect(), o = 8, n = 8, u = Math.max(
       o,
@@ -180,10 +180,10 @@ const nt = ({
     ), y = Math.max(
       o,
       document.documentElement.clientHeight - v.height - o
-    ), w = Math.min(u, Math.max(o, l.right - v.width)), k = l.bottom + n, m = l.top - v.height - n, f = k + v.height <= document.documentElement.clientHeight - o, i = m >= o;
+    ), w = Math.min(u, Math.max(o, l.right - v.width)), C = l.bottom + n, m = l.top - v.height - n, f = C + v.height <= document.documentElement.clientHeight - o, i = m >= o;
     let g = s.value;
     g === "bottom-end" && !f && i ? g = "top-end" : g === "top-end" && !i && f && (g = "bottom-end");
-    const V = Math.min(y, Math.max(o, g === "bottom-end" ? k : m));
+    const V = Math.min(y, Math.max(o, g === "bottom-end" ? C : m));
     r.value = {
       x: w,
       y: V,
@@ -193,10 +193,10 @@ const nt = ({
   return D(
     [t, s],
     async ([l]) => {
-      l && (await ve(), d());
+      l && (await me(), c());
     },
     { flush: "post" }
-  ), Q("resize", d, { passive: !0 }), Q("scroll", d, {
+  ), Q("resize", c, { passive: !0 }), Q("scroll", c, {
     capture: !0,
     passive: !0
   }), {
@@ -210,14 +210,14 @@ const nt = ({
     placement: { default: "bottom-end" }
   },
   setup(e) {
-    const a = e, t = `tr-extension-card-popover-${he()}`, s = B(null), r = B(null), d = B(!1), l = B(!1);
-    pe(() => {
+    const a = e, t = `tr-extension-card-popover-${be()}`, s = B(null), r = B(null), c = B(!1), l = B(!1);
+    ve(() => {
       l.value = typeof HTMLElement.prototype.showPopover == "function" && typeof HTMLElement.prototype.hidePopover == "function";
     });
     const { position: v } = nt({
       triggerRef: s,
       popoverRef: r,
-      open: d,
+      open: c,
       placement: Ve(a, "placement")
     }), o = x(() => {
       if (v.value)
@@ -231,31 +231,31 @@ const nt = ({
     }, y = () => {
       var i;
       if (!l.value) {
-        d.value = !1;
+        c.value = !1;
         return;
       }
       (i = r.value) != null && i.matches(":popover-open") && r.value.hidePopover();
     }, w = () => {
       if (!l.value) {
-        d.value = !d.value;
+        c.value = !c.value;
         return;
       }
       r.value && (r.value.matches(":popover-open") ? r.value.hidePopover() : r.value.showPopover());
     };
     Q("click", (i) => {
       var g, h;
-      l.value || !d.value || !(i.target instanceof Node) || (g = s.value) != null && g.contains(i.target) || (h = r.value) != null && h.contains(i.target) || y();
+      l.value || !c.value || !(i.target instanceof Node) || (g = s.value) != null && g.contains(i.target) || (h = r.value) != null && h.contains(i.target) || y();
     }), Q("keydown", (i) => {
       var g;
-      l.value || !d.value || i.key !== "Escape" || (y(), (g = s.value) == null || g.focus());
+      l.value || !c.value || i.key !== "Escape" || (y(), (g = s.value) == null || g.focus());
     });
-    const { renderAsChild: k } = tt({
+    const { renderAsChild: C } = tt({
       getSlot: () => n.trigger,
       componentName: "ExtensionCardPopover"
-    }), m = () => k(
+    }), m = () => C(
       {
         popoverId: t,
-        open: d.value
+        open: c.value
       },
       {
         ref: u,
@@ -265,25 +265,25 @@ const nt = ({
         } : { onClick: w }
       }
     ), f = (i) => {
-      d.value = i.newState === "open";
+      c.value = i.newState === "open";
     };
-    return (i, g) => (c(), p(P, null, [
-      e.asChild ? (c(), A(H(m()), { key: 0 })) : (c(), p("button", {
+    return (i, g) => (d(), p(P, null, [
+      e.asChild ? (d(), A(H(m()), { key: 0 })) : (d(), p("button", {
         key: 1,
         ref_key: "triggerRef",
         ref: s,
         type: "button",
         class: "tr-extension-card-popover__trigger",
         "aria-controls": t,
-        "aria-expanded": d.value,
+        "aria-expanded": c.value,
         onClick: w
       }, [
         M(i.$slots, "trigger", {
           popoverId: t,
-          open: d.value
+          open: c.value
         }, void 0, !0)
       ], 8, at)),
-      ae(C("div", {
+      ae(k("div", {
         id: t,
         ref_key: "popoverRef",
         ref: r,
@@ -294,7 +294,7 @@ const nt = ({
       }, [
         M(i.$slots, "content", { close: y }, void 0, !0)
       ], 44, ot), [
-        [Ne, l.value || d.value]
+        [Ne, l.value || c.value]
       ])
     ], 64));
   }
@@ -318,20 +318,20 @@ const nt = ({
   },
   emits: ["action"],
   setup(e, { emit: a }) {
-    const t = e, s = a, r = x(() => t.showIcons && t.actions.some((l) => !!l.icon)), d = (l, v) => {
+    const t = e, s = a, r = x(() => t.showIcons && t.actions.some((l) => !!l.icon)), c = (l, v) => {
       l.disabled || (v(), s("action", {
         id: l.id,
         type: l.type,
         ...l.type === "switch" ? { checked: !l.checked } : {}
       }));
     };
-    return (l, v) => t.actions.length ? (c(), p("div", rt, [
+    return (l, v) => t.actions.length ? (d(), p("div", rt, [
       j(it, {
         "as-child": "",
         placement: t.placement
       }, {
         trigger: O(({ open: o }) => [
-          C("button", {
+          k("button", {
             class: "tr-extension-card__icon-button",
             type: "button",
             title: t.label,
@@ -342,24 +342,24 @@ const nt = ({
           ], 8, lt)
         ]),
         content: O(({ close: o }) => [
-          C("ul", ct, [
-            (c(!0), p(P, null, U(t.actions, (n) => (c(), p("li", {
+          k("ul", ct, [
+            (d(!0), p(P, null, U(t.actions, (n) => (d(), p("li", {
               key: n.id
             }, [
-              C("button", {
+              k("button", {
                 class: R(["tr-extension-card__more-menu-item", { "is-danger": n.danger }]),
                 type: "button",
                 disabled: n.disabled,
                 "aria-pressed": n.type === "switch" ? n.checked : void 0,
-                onClick: (u) => d(n, o)
+                onClick: (u) => c(n, o)
               }, [
-                r.value ? (c(), p("span", ut, [
-                  n.icon ? (c(), A(H(n.icon), {
+                r.value ? (d(), p("span", ut, [
+                  n.icon ? (d(), A(H(n.icon), {
                     key: 0,
                     class: "tr-extension-card__more-menu-item-icon"
-                  })) : (c(), p("span", mt))
+                  })) : (d(), p("span", mt))
                 ])) : S("", !0),
-                C("span", null, I(n.label), 1)
+                k("span", null, I(n.label), 1)
               ], 10, dt)
             ]))), 128))
           ])
@@ -368,7 +368,7 @@ const nt = ({
       }, 8, ["placement"])
     ])) : S("", !0);
   }
-}), pt = /* @__PURE__ */ L(vt, [["__scopeId", "data-v-657a919a"]]), ft = { class: "tr-extension-card-primary-actions" }, gt = ["checked", "disabled", "aria-label", "onChange"], bt = ["aria-label", "disabled", "onClick"], ht = ["aria-label", "disabled", "onClick"], _t = /* @__PURE__ */ N({
+}), pt = /* @__PURE__ */ L(vt, [["__scopeId", "data-v-8d00263e"]]), ft = { class: "tr-extension-card-primary-actions" }, gt = ["checked", "disabled", "aria-label", "onChange"], bt = ["aria-label", "disabled", "onClick"], ht = ["aria-label", "disabled", "onClick"], _t = /* @__PURE__ */ N({
   __name: "ExtensionCardActions",
   props: {
     actions: { default: () => [] }
@@ -383,22 +383,22 @@ const nt = ({
         type: v.type,
         checked: u
       });
-    }, d = (v) => {
+    }, c = (v) => {
       v.disabled || s("action", { id: v.id, type: v.type });
     }, l = (v, o) => {
       if (v.disabled) return;
       const n = { id: v.id, type: v.type };
       o !== void 0 && (n.payload = o), s("action", n);
     };
-    return (v, o) => (c(), p("div", ft, [
-      (c(!0), p(P, null, U(t.actions, (n) => (c(), p(P, {
+    return (v, o) => (d(), p("div", ft, [
+      (d(!0), p(P, null, U(t.actions, (n) => (d(), p(P, {
         key: n.id
       }, [
-        n.type === "switch" ? (c(), p("label", {
+        n.type === "switch" ? (d(), p("label", {
           key: 0,
           class: R(["tr-extension-card-primary-actions__switch", { "is-disabled": n.disabled, "is-danger": n.danger }])
         }, [
-          C("input", {
+          k("input", {
             type: "checkbox",
             role: "switch",
             checked: n.checked,
@@ -406,21 +406,21 @@ const nt = ({
             "aria-label": n.label,
             onChange: (u) => r(n, u)
           }, null, 40, gt),
-          o[0] || (o[0] = C("span", { class: "tr-extension-card-primary-actions__switch-track" }, null, -1))
-        ], 2)) : n.type === "button" ? (c(), p("button", {
+          o[0] || (o[0] = k("span", { class: "tr-extension-card-primary-actions__switch-track" }, null, -1))
+        ], 2)) : n.type === "button" ? (d(), p("button", {
           key: 1,
           class: R(["tr-extension-card-primary-actions__button", { "is-danger": n.danger }]),
           type: "button",
           "aria-label": n.label,
           disabled: n.disabled,
-          onClick: (u) => d(n)
+          onClick: (u) => c(n)
         }, [
-          n.icon ? (c(), A(H(n.icon), {
+          n.icon ? (d(), A(H(n.icon), {
             key: 0,
             class: "tr-extension-card-primary-actions__button-icon"
           })) : S("", !0),
-          C("span", null, I(n.label), 1)
-        ], 10, bt)) : v.$slots["primary-action"] ? (c(), p("span", {
+          k("span", null, I(n.label), 1)
+        ], 10, bt)) : v.$slots["primary-action"] ? (d(), p("span", {
           key: 2,
           class: R(["tr-extension-card-primary-actions__custom-action", { "is-disabled": n.disabled, "is-danger": n.danger }])
         }, [
@@ -428,7 +428,7 @@ const nt = ({
             action: n,
             trigger: (u) => l(n, u)
           }, void 0, !0)
-        ], 2)) : (c(), p("button", {
+        ], 2)) : (d(), p("button", {
           key: 3,
           class: R(["tr-extension-card-primary-actions__button", { "is-danger": n.danger }]),
           type: "button",
@@ -436,16 +436,16 @@ const nt = ({
           disabled: n.disabled,
           onClick: (u) => l(n)
         }, [
-          n.icon ? (c(), A(H(n.icon), {
+          n.icon ? (d(), A(H(n.icon), {
             key: 0,
             class: "tr-extension-card-primary-actions__button-icon"
           })) : S("", !0),
-          C("span", null, I(n.label), 1)
+          k("span", null, I(n.label), 1)
         ], 10, ht))
       ], 64))), 128))
     ]));
   }
-}), yt = /* @__PURE__ */ L(_t, [["__scopeId", "data-v-d5244352"]]), xt = { class: "tr-extension-card" }, kt = { class: "tr-extension-card__icon-region" }, Ct = ["src", "alt"], Tt = {
+}), yt = /* @__PURE__ */ L(_t, [["__scopeId", "data-v-7f997e75"]]), xt = { class: "tr-extension-card" }, kt = { class: "tr-extension-card__icon-region" }, Ct = ["src", "alt"], Tt = {
   key: 2,
   class: "tr-extension-card__icon tr-extension-card__icon--placeholder"
 }, wt = { class: "tr-extension-card__content" }, $t = ["role", "tabindex", "title"], St = ["title"], Mt = ["aria-label", "aria-valuenow"], Et = /* @__PURE__ */ N({
@@ -464,41 +464,41 @@ const nt = ({
   },
   emits: ["name-click", "action"],
   setup(e, { emit: a }) {
-    const t = e, s = G(), r = a, d = x(() => t.actions.filter((f) => !f.hidden)), l = x(() => Math.max(0, Math.floor(t.primaryActionsLimit))), v = x(() => d.value.slice(0, l.value)), o = x(() => d.value.slice(l.value)), n = x(() => v.value.length > 0 || o.value.length > 0), u = x(() => t.progress === "indeterminate" || t.progress === void 0 ? t.progress : Math.min(100, Math.max(0, t.progress))), y = x(() => !!s["primary-action"]), w = (f) => {
+    const t = e, s = G(), r = a, c = x(() => t.actions.filter((f) => !f.hidden)), l = x(() => Math.max(0, Math.floor(t.primaryActionsLimit))), v = x(() => c.value.slice(0, l.value)), o = x(() => c.value.slice(l.value)), n = x(() => v.value.length > 0 || o.value.length > 0), u = x(() => t.progress === "indeterminate" || t.progress === void 0 ? t.progress : Math.min(100, Math.max(0, t.progress))), y = x(() => !!s["primary-action"]), w = (f) => {
       r("action", f);
-    }, k = (f) => {
+    }, C = (f) => {
       t.nameClickable && r("name-click", f);
     }, m = (f) => {
       !t.nameClickable || f.key !== "Enter" && f.key !== " " || (f.preventDefault(), r("name-click", f));
     };
-    return (f, i) => (c(), p("div", xt, [
-      C("div", kt, [
-        typeof e.icon == "string" && e.icon ? (c(), p("img", {
+    return (f, i) => (d(), p("div", xt, [
+      k("div", kt, [
+        typeof e.icon == "string" && e.icon ? (d(), p("img", {
           key: 0,
           src: e.icon,
           alt: e.name,
           class: "tr-extension-card__icon"
-        }, null, 8, Ct)) : e.icon ? (c(), A(H(e.icon), {
+        }, null, 8, Ct)) : e.icon ? (d(), A(H(e.icon), {
           key: 1,
           class: "tr-extension-card__icon"
-        })) : (c(), p("div", Tt, I(e.name.slice(0, 1)), 1))
+        })) : (d(), p("div", Tt, I(e.name.slice(0, 1)), 1))
       ]),
-      C("div", wt, [
-        C("div", {
+      k("div", wt, [
+        k("div", {
           class: R(["tr-extension-card__name", { "is-clickable": e.nameClickable }]),
           role: e.nameClickable ? "button" : void 0,
           tabindex: e.nameClickable ? 0 : void 0,
           title: e.name,
-          onClick: k,
+          onClick: C,
           onKeydown: m
         }, I(e.name), 43, $t),
-        e.description ? (c(), p("div", {
+        e.description ? (d(), p("div", {
           key: 0,
           class: "tr-extension-card__description",
           title: e.description
         }, I(e.description), 9, St)) : S("", !0)
       ]),
-      n.value ? (c(), p("div", {
+      n.value ? (d(), p("div", {
         key: 0,
         class: "tr-extension-card__actions",
         onClick: i[1] || (i[1] = oe(() => {
@@ -506,7 +506,7 @@ const nt = ({
         onKeydown: i[2] || (i[2] = oe(() => {
         }, ["stop"]))
       }, [
-        v.value.length ? (c(), A(yt, {
+        v.value.length ? (d(), A(yt, {
           key: 0,
           actions: v.value,
           onAction: i[0] || (i[0] = (g) => r("action", g))
@@ -514,12 +514,12 @@ const nt = ({
           y.value ? {
             name: "primary-action",
             fn: O((g) => [
-              M(f.$slots, "primary-action", fe(Le(g)), void 0, !0)
+              M(f.$slots, "primary-action", pe(fe(g)), void 0, !0)
             ]),
             key: "0"
           } : void 0
         ]), 1032, ["actions"])) : S("", !0),
-        o.value.length ? (c(), A(pt, {
+        o.value.length ? (d(), A(pt, {
           key: 1,
           actions: o.value,
           label: e.overflowMenuLabel,
@@ -528,7 +528,7 @@ const nt = ({
           onAction: w
         }, null, 8, ["actions", "label", "placement", "show-icons"])) : S("", !0)
       ], 32)) : S("", !0),
-      u.value !== void 0 ? (c(), p("div", {
+      u.value !== void 0 ? (d(), p("div", {
         key: 1,
         class: "tr-extension-card__progress",
         role: "progressbar",
@@ -537,14 +537,14 @@ const nt = ({
         "aria-valuemax": "100",
         "aria-valuenow": u.value === "indeterminate" ? void 0 : u.value
       }, [
-        C("span", {
+        k("span", {
           class: R(["tr-extension-card__progress-bar", { "is-indeterminate": u.value === "indeterminate" }]),
           style: ie(u.value === "indeterminate" ? void 0 : { width: `${u.value}%` })
         }, null, 6)
       ], 8, Mt)) : S("", !0)
     ]));
   }
-}), W = /* @__PURE__ */ L(Et, [["__scopeId", "data-v-c38268e3"]]), It = { class: "tr-extension-card-grid" }, At = {
+}), W = /* @__PURE__ */ L(Et, [["__scopeId", "data-v-adf5e9c0"]]), It = { class: "tr-extension-card-grid" }, At = {
   key: 0,
   class: "tr-extension-card-grid__empty"
 }, Pt = ["data-card-id"], Vt = /* @__PURE__ */ N({
@@ -560,7 +560,7 @@ const nt = ({
   },
   emits: ["action", "name-click"],
   setup(e, { emit: a }) {
-    const t = e, s = G(), r = a, d = (o) => {
+    const t = e, s = G(), r = a, c = (o) => {
       const { id: n, ...u } = o;
       return {
         ...u,
@@ -575,12 +575,12 @@ const nt = ({
     }, v = (o, n) => {
       r("name-click", { itemId: o, event: n });
     };
-    return (o, n) => (c(), p("ul", It, [
-      e.items.length === 0 ? (c(), p("li", At, [
+    return (o, n) => (d(), p("ul", It, [
+      e.items.length === 0 ? (d(), p("li", At, [
         M(o.$slots, "empty", {}, () => [
           re(I(e.emptyText), 1)
         ], !0)
-      ])) : (c(!0), p(P, { key: 1 }, U(e.items, (u, y) => (c(), p("li", {
+      ])) : (d(!0), p(P, { key: 1 }, U(e.items, (u, y) => (d(), p("li", {
         key: u.id,
         class: "tr-extension-card-grid__item",
         "data-card-id": u.id
@@ -588,10 +588,10 @@ const nt = ({
         $(s).item ? M(o.$slots, "item", {
           item: u,
           index: y
-        }, void 0, !0, 0) : (c(), A(W, ge({
+        }, void 0, !0, 0) : (d(), A(W, Le({
           key: 1,
           ref_for: !0
-        }, d(u), {
+        }, c(u), {
           onAction: (w) => l(u.id, w),
           onNameClick: (w) => v(u.id, w)
         }), null, 16, ["onAction", "onNameClick"]))
@@ -614,27 +614,27 @@ const nt = ({
   },
   emits: ["section-toggle", "action", "name-click"],
   setup(e, { emit: a }) {
-    const t = e, s = G(), r = a, d = () => r("section-toggle", !t.expanded), l = (o) => r("action", o), v = (o) => r("name-click", o);
-    return (o, n) => (c(), p("section", {
+    const t = e, s = G(), r = a, c = () => r("section-toggle", !t.expanded), l = (o) => r("action", o), v = (o) => r("name-click", o);
+    return (o, n) => (d(), p("section", {
       class: "extension-manager-section",
       "data-tab-id": t.tabId,
       "data-section-key": t.section.key
     }, [
-      C("div", Lt, [
-        C("button", {
+      k("div", Lt, [
+        k("button", {
           class: "extension-manager-section__title",
           type: "button",
           "aria-expanded": t.expanded,
-          onClick: d
+          onClick: c
         }, [
-          j($(be), {
+          j($(ge), {
             class: R(["extension-manager-section__arrow", { "is-expanded": t.expanded }])
           }, null, 8, ["class"]),
-          C("span", null, I(t.section.title), 1)
+          k("span", null, I(t.section.title), 1)
         ], 8, Bt)
       ]),
-      t.expanded ? (c(), p("div", Rt, [
-        t.section.items.length > 0 ? (c(), A(q, {
+      t.expanded ? (d(), p("div", Rt, [
+        t.section.items.length > 0 ? (d(), A(q, {
           key: 0,
           items: t.section.items,
           "primary-actions-limit": 1,
@@ -652,7 +652,7 @@ const nt = ({
             ]),
             key: "0"
           } : void 0
-        ]), 1032, ["items"])) : (c(), p("div", Ft, [
+        ]), 1032, ["items"])) : (d(), p("div", Ft, [
           M(o.$slots, "empty", {}, () => [
             n[0] || (n[0] = re("暂无内容", -1))
           ], !0)
@@ -674,7 +674,7 @@ const nt = ({
   },
   emits: ["select"],
   setup(e, { emit: a }) {
-    const t = e, s = a, r = G(), d = (i) => `${i.length}:${i}`, l = (i) => `${t.idPrefix}-tab-${d(i)}`, v = (i) => `${t.idPrefix}-tabpanel-${d(i)}`, o = /* @__PURE__ */ new Map(), n = B();
+    const t = e, s = a, r = G(), c = (i) => `${i.length}:${i}`, l = (i) => `${t.idPrefix}-tab-${c(i)}`, v = (i) => `${t.idPrefix}-tabpanel-${c(i)}`, o = /* @__PURE__ */ new Map(), n = B();
     let u;
     const y = () => {
       const i = t.activeTabId ? o.get(t.activeTabId) : void 0;
@@ -690,11 +690,11 @@ const nt = ({
       const h = o.get(i);
       h && h !== g && (u == null || u.unobserve(h)), g ? (o.set(i, g), u == null || u.observe(g)) : o.delete(i);
     };
-    D([() => t.activeTabId, () => t.tabs.map((i) => i.id)], y, { flush: "post" }), pe(() => {
+    D([() => t.activeTabId, () => t.tabs.map((i) => i.id)], y, { flush: "post" }), ve(() => {
       typeof ResizeObserver < "u" && (u = new ResizeObserver(y), o.forEach((i) => u == null ? void 0 : u.observe(i))), y();
     }), Be(() => u == null ? void 0 : u.disconnect());
-    const k = (i) => s("select", i), m = (i) => {
-      ve(() => {
+    const C = (i) => s("select", i), m = (i) => {
+      me(() => {
         var g;
         return (g = o.get(i)) == null ? void 0 : g.focus();
       });
@@ -717,10 +717,10 @@ const nt = ({
           return;
       }
       const V = t.tabs[h];
-      V && (g.preventDefault(), k(V.id), m(V.id));
+      V && (g.preventDefault(), C(V.id), m(V.id));
     };
-    return (i, g) => (c(), p("div", jt, [
-      (c(!0), p(P, null, U(t.tabs, (h, V) => (c(), p("button", {
+    return (i, g) => (d(), p("div", jt, [
+      (d(!0), p(P, null, U(t.tabs, (h, V) => (d(), p("button", {
         key: h.id,
         ref_for: !0,
         ref: (F) => w(h.id, F),
@@ -731,10 +731,10 @@ const nt = ({
         "aria-selected": h.id === t.activeTabId,
         "aria-controls": h.id === t.activeTabId ? v(h.id) : void 0,
         tabindex: h.id === t.activeTabId ? 0 : -1,
-        onClick: (F) => k(h.id),
+        onClick: (F) => C(h.id),
         onKeydown: (F) => f(V, F)
       }, [
-        r.tab ? (c(), p("span", {
+        r.tab ? (d(), p("span", {
           key: 0,
           class: "extension-manager-tabs__slot",
           onClick: g[0] || (g[0] = oe(() => {
@@ -743,13 +743,13 @@ const nt = ({
           M(i.$slots, "tab", {
             tab: h,
             active: h.id === t.activeTabId,
-            select: () => k(h.id)
+            select: () => C(h.id)
           }, void 0, !0)
-        ])) : (c(), p(P, { key: 1 }, [
+        ])) : (d(), p(P, { key: 1 }, [
           re(I(h.label), 1)
         ], 64))
       ], 40, Gt))), 128)),
-      n.value ? (c(), p("span", {
+      n.value ? (d(), p("span", {
         key: 0,
         class: "extension-manager-tabs__indicator",
         style: ie(n.value),
@@ -757,16 +757,13 @@ const nt = ({
       }, null, 4)) : S("", !0)
     ]));
   }
-}), Ht = /* @__PURE__ */ L(Ut, [["__scopeId", "data-v-ce43701e"]]), Kt = {
+}), Ht = /* @__PURE__ */ L(Ut, [["__scopeId", "data-v-6a23a300"]]), Kt = {
   class: "extension-filter-controls",
   "data-testid": "extension-filter-controls"
 }, zt = {
   "data-testid": "filter-root",
   class: "extension-filter-controls__fields"
-}, Wt = {
-  key: 0,
-  class: "extension-filter-controls__select-wrapper"
-}, qt = ["value"], Xt = { class: "extension-filter-controls__input-wrapper" }, Jt = /* @__PURE__ */ N({
+}, Wt = { class: "extension-filter-controls__select-wrapper" }, qt = ["disabled"], Xt = ["value"], Jt = { class: "extension-filter-controls__input-wrapper" }, Qt = /* @__PURE__ */ N({
   name: "ExtensionFilterControls",
   __name: "ExtensionFilterControls",
   props: /* @__PURE__ */ De({
@@ -779,47 +776,48 @@ const nt = ({
   }),
   emits: ["update:selectedTag", "update:searchValue"],
   setup(e) {
-    const a = e, t = de(e, "selectedTag"), s = de(e, "searchValue");
-    return (r, d) => (c(), p("div", Kt, [
-      C("div", zt, [
-        a.tags.length > 0 ? (c(), p("div", Wt, [
-          ae(C("select", {
+    const a = e, t = ce(e, "selectedTag"), s = ce(e, "searchValue");
+    return (r, c) => (d(), p("div", Kt, [
+      k("div", zt, [
+        k("div", Wt, [
+          ae(k("select", {
             "data-testid": "filter-tag",
             class: "extension-filter-controls__select",
             "aria-label": "标签",
-            "onUpdate:modelValue": d[0] || (d[0] = (l) => t.value = l)
+            disabled: a.tags.length === 0,
+            "onUpdate:modelValue": c[0] || (c[0] = (l) => t.value = l)
           }, [
-            d[3] || (d[3] = C("option", { value: "" }, "全部标签", -1)),
-            (c(!0), p(P, null, U(a.tags, (l) => (c(), p("option", {
+            c[3] || (c[3] = k("option", { value: "" }, "全部标签", -1)),
+            (d(!0), p(P, null, U(a.tags, (l) => (d(), p("option", {
               key: l.value,
               value: l.value
-            }, I(l.label), 9, qt))), 128))
-          ], 512), [
+            }, I(l.label), 9, Xt))), 128))
+          ], 8, qt), [
             [Re, t.value]
           ]),
-          j($(be), {
+          j($(ge), {
             class: "extension-filter-controls__select-arrow",
             "aria-hidden": "true"
           })
-        ])) : S("", !0),
-        C("div", Xt, [
-          ae(C("input", {
+        ]),
+        k("div", Jt, [
+          ae(k("input", {
             "data-testid": "filter-search",
             class: "extension-filter-controls__input",
             type: "search",
             "aria-label": "搜索扩展",
             placeholder: "请输入关键字搜索",
-            "onUpdate:modelValue": d[1] || (d[1] = (l) => s.value = l)
+            "onUpdate:modelValue": c[1] || (c[1] = (l) => s.value = l)
           }, null, 512), [
             [Fe, s.value]
           ]),
-          s.value ? (c(), p("button", {
+          s.value ? (d(), p("button", {
             key: 0,
             "data-testid": "filter-search-clear",
             class: "extension-filter-controls__clear",
             type: "button",
             "aria-label": "清空搜索",
-            onClick: d[2] || (d[2] = (l) => s.value = "")
+            onClick: c[2] || (c[2] = (l) => s.value = "")
           }, [
             j($(je), {
               class: "extension-filter-controls__clear-icon",
@@ -830,19 +828,19 @@ const nt = ({
       ])
     ]));
   }
-}), Qt = /* @__PURE__ */ L(Jt, [["__scopeId", "data-v-470772ce"]]), Yt = { class: "extension-manager" }, Zt = {
+}), Yt = /* @__PURE__ */ L(Qt, [["__scopeId", "data-v-21ca2283"]]), Zt = { class: "extension-manager" }, en = {
   key: 0,
   class: "extension-manager__header"
-}, en = {
+}, tn = {
   key: 0,
   class: "extension-manager__title"
-}, tn = {
+}, nn = {
   key: 1,
   class: "extension-manager__header-actions"
-}, nn = ["id", "aria-labelledby"], an = {
-  key: 3,
+}, an = ["id", "aria-labelledby"], on = {
+  key: 2,
   class: "extension-manager__empty"
-}, on = /* @__PURE__ */ N({
+}, sn = /* @__PURE__ */ N({
   name: "ExtensionManager",
   __name: "index",
   props: {
@@ -854,10 +852,10 @@ const nt = ({
   },
   emits: ["update:active-tab", "tab-change", "section-toggle", "action", "name-click"],
   setup(e, { emit: a }) {
-    const t = e, s = a, r = G(), d = [
+    const t = e, s = a, r = G(), c = [
       { key: "installed", title: "已安装" },
       { key: "available", title: "可安装" }
-    ], l = (b) => b.length + ":" + b, v = (b, T) => "extension-manager/section/" + l(b) + "/" + l(T), n = "extension-manager-" + he(), u = (b) => n + "-tab-" + l(b), y = (b) => n + "-tabpanel-" + l(b), w = (b, T) => {
+    ], l = (b) => b.length + ":" + b, v = (b, T) => "extension-manager/section/" + l(b) + "/" + l(T), n = "extension-manager-" + be(), u = (b) => n + "-tab-" + l(b), y = (b) => n + "-tabpanel-" + l(b), w = (b, T) => {
       switch (b) {
         case "update:active-tab":
           s("update:active-tab", T);
@@ -869,32 +867,32 @@ const nt = ({
           s("section-toggle", T);
           break;
       }
-    }, { activeTab: k, activeTabId: m, selectTab: f, isSectionExpanded: i, toggleSection: g } = ze(
+    }, { activeTab: C, activeTabId: m, selectTab: f, isSectionExpanded: i, toggleSection: g } = ze(
       t,
       w
     ), { getFilterState: h } = qe(() => t.tabs), V = (b) => [...new Set(b.flatMap((_) => _.tags ?? []))].map((_) => ({ value: _, label: _ })), F = Ze({
       items: () => {
         var b;
-        return ((b = k.value) == null ? void 0 : b.items) ?? [];
+        return ((b = C.value) == null ? void 0 : b.items) ?? [];
       },
       tags: () => {
         var b;
-        return V(((b = k.value) == null ? void 0 : b.items) ?? []);
+        return V(((b = C.value) == null ? void 0 : b.items) ?? []);
       },
       state: () => h(m.value)
-    }), le = x(() => k.value !== void 0), ye = x(() => !!(t.title || r["header-actions"])), xe = (b) => {
+    }), _e = x(() => C.value !== void 0), ye = x(() => !!(t.title || r["header-actions"])), xe = (b) => {
       const { installed: T, tags: _, ...E } = b;
       return E;
     }, ke = x(() => {
       const b = F.filteredItems.value;
-      return d.map(({ key: T, title: _ }) => ({
+      return c.map(({ key: T, title: _ }) => ({
         key: T,
         title: _,
         items: b.filter((E) => (E.installed === !0 ? "installed" : "available") === T).map(xe)
       }));
     }), Ce = (b, T) => i(b, T), Te = (b, T) => {
       var _;
-      ((_ = k.value) == null ? void 0 : _.id) === b && g(b, T);
+      ((_ = C.value) == null ? void 0 : _.id) === b && g(b, T);
     }, we = (b, T, _) => {
       s("action", {
         tabId: b,
@@ -910,10 +908,10 @@ const nt = ({
         event: _.event
       });
     };
-    return (b, T) => (c(), p("div", Yt, [
-      ye.value ? (c(), p("div", Zt, [
-        t.title ? (c(), p("div", en, I(t.title), 1)) : S("", !0),
-        r["header-actions"] ? (c(), p("div", tn, [
+    return (b, T) => (d(), p("div", Zt, [
+      ye.value ? (d(), p("div", en, [
+        t.title ? (d(), p("div", tn, I(t.title), 1)) : S("", !0),
+        r["header-actions"] ? (d(), p("div", nn, [
           M(b.$slots, "header-actions", {}, void 0, !0)
         ])) : S("", !0)
       ])) : S("", !0),
@@ -935,15 +933,15 @@ const nt = ({
           key: "0"
         } : void 0
       ]), 1032, ["tabs", "active-tab-id", "onSelect"]),
-      le.value ? (c(), A(Qt, fe(ge({ key: 1 }, $(F).controls.value)), null, 16)) : S("", !0),
-      le.value ? (c(), p("div", {
-        key: 2,
+      j(Yt, pe(fe($(F).controls.value)), null, 16),
+      _e.value ? (d(), p("div", {
+        key: 1,
         class: "extension-manager__sections",
         role: "tabpanel",
         id: y($(m)),
         "aria-labelledby": u($(m))
       }, [
-        (c(!0), p(P, null, U(ke.value, (_) => (c(), A(Ot, {
+        (d(!0), p(P, null, U(ke.value, (_) => (d(), A(Ot, {
           key: v($(m), _.key),
           "tab-id": $(m),
           section: _,
@@ -956,7 +954,7 @@ const nt = ({
             name: "item",
             fn: O(({ item: E, index: ne }) => [
               M(b.$slots, "item", {
-                tab: $(k),
+                tab: $(C),
                 sectionKey: _.key,
                 item: E,
                 index: ne
@@ -968,7 +966,7 @@ const nt = ({
             name: "empty",
             fn: O(() => [
               M(b.$slots, "empty", {
-                tab: $(k),
+                tab: $(C),
                 sectionKey: _.key,
                 title: _.title
               }, void 0, !0)
@@ -976,31 +974,31 @@ const nt = ({
             key: "1"
           } : void 0
         ]), 1032, ["tab-id", "section", "expanded", "onSectionToggle", "onAction", "onNameClick"]))), 128))
-      ], 8, nn)) : (c(), p("div", an, I(t.emptyText), 1))
+      ], 8, an)) : (d(), p("div", on, I(t.emptyText), 1))
     ]));
   }
-}), Z = /* @__PURE__ */ L(on, [["__scopeId", "data-v-de388c90"]]);
+}), Z = /* @__PURE__ */ L(sn, [["__scopeId", "data-v-f410c157"]]);
 W.name = "TrExtensionCard";
-const sn = function(e) {
+const rn = function(e) {
   e.component(W.name, W);
 }, ee = W;
-ee.install = sn;
+ee.install = rn;
 q.name = "TrExtensionCardGrid";
-const rn = function(e) {
+const ln = function(e) {
   e.component(q.name, q);
 }, te = q;
-te.install = rn;
+te.install = ln;
 Z.name = "TrExtensionManager";
-const ln = function(e) {
+const cn = function(e) {
   e.component(Z.name, Z), e.component(ee.name, ee), e.component(te.name, te);
-}, vn = Object.assign(Z, {
-  install: ln,
+}, pn = Object.assign(Z, {
+  install: cn,
   Card: ee,
   CardGrid: te
 });
 export {
   ee as ExtensionCard,
   te as ExtensionCardGrid,
-  vn as ExtensionManager,
-  vn as default
+  pn as ExtensionManager,
+  pn as default
 };