@opentiny/tiny-robot 0.5.2-alpha.8 → 0.5.2-beta.0

package/dist/extension-manager/index.js

@@ -0,0 +1,1006 @@
+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 { 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;
+  if (e)
+    return e();
+  const a = ce.getCurrentInstance();
+  if (!a)
+    return "";
+  const t = a.appContext, s = ue.get(t) ?? 0;
+  return ue.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, {
+    configurable: !0,
+    enumerable: !0,
+    value: t,
+    writable: !0
+  });
+}, Ge = (e) => {
+  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);
+    z(a, t, r);
+  }
+  return a;
+}, Ue = (e, a, t) => {
+  if (!Y(e, a)) return;
+  const s = e[a];
+  if (!(s === void 0 || !Y(s, t)))
+    return s[t];
+}, He = (e, a, t, s) => {
+  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]);
+  D(
+    r,
+    (m) => {
+      const f = new Set(m), i = K();
+      for (const [g, h] of Object.entries(s.value))
+        f.has(g) && z(i, g, h);
+      s.value = i;
+    },
+    { immediate: !0 }
+  );
+  const l = (m) => {
+    m.includes(t.value ?? "") || (t.value = m[0]);
+  };
+  D(
+    [r, () => e.activeTab],
+    ([m, f]) => {
+      f === void 0 && l(m);
+    },
+    { immediate: !0 }
+  );
+  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;
+  }), o = x(
+    () => v.value === void 0 ? void 0 : e.tabs.find((m) => m.id === v.value)
+  );
+  let n = e.activeTab;
+  const u = (m) => {
+    n = m, a("update:active-tab", m);
+  };
+  D(
+    v,
+    (m) => {
+      if (e.activeTab !== void 0 && m === e.activeTab) {
+        n = m;
+        return;
+      }
+      m !== n && u(m);
+    },
+    { immediate: e.activeTab !== void 0 }
+  );
+  const y = (m, f) => Ke(s.value, m, f);
+  return {
+    activeTabId: v,
+    activeTab: o,
+    selectTab: (m) => {
+      const f = e.tabs.find((i) => i.id === m);
+      !f || v.value === f.id || (e.activeTab === void 0 && (t.value = f.id), u(f.id), a("tab-change", { tabId: f.id }));
+    },
+    isSectionExpanded: y,
+    toggleSection: (m, f) => {
+      if (!e.tabs.some((h) => h.id === m)) return;
+      const i = !y(m, f), g = Ge(s.value);
+      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();
+  return D(
+    () => X(e).map((r) => r.id),
+    (r) => {
+      const d = new Set(r);
+      for (const l of Object.keys(a))
+        d.has(l) || delete a[l];
+    },
+    { immediate: !0 }
+  ), { getFilterState: (r) => r === void 0 ? t : a[r] ?? (a[r] = me()) };
+}, Xe = () => se({ selectedTag: "", searchValue: "" }), Je = (e) => {
+  const a = /* @__PURE__ */ new Set(), t = [];
+  for (const s of e)
+    !s.value || a.has(s.value) || (a.add(s.value), t.push(s));
+  return t;
+}, Qe = (e) => {
+  const a = e.tags;
+  return Array.isArray(a) && a.every((t) => typeof t == "string") ? a : [];
+}, Ye = (e, a) => {
+  const t = e, s = typeof t.name == "string" ? t.name : "", r = typeof t.description == "string" ? t.description : "";
+  return `${s} ${r}`.toLowerCase().includes(a);
+}, Ze = (e) => {
+  const a = Xe(), t = x(() => X(e.state) ?? a), s = x({
+    get: () => t.value.selectedTag,
+    set: (o) => {
+      t.value.selectedTag = o;
+    }
+  }), r = x({
+    get: () => t.value.searchValue,
+    set: (o) => {
+      t.value.searchValue = o;
+    }
+  }), d = x(() => Je(X(e.tags)));
+  D(
+    d,
+    (o) => {
+      s.value && !o.some((n) => n.value === s.value) && (s.value = "");
+    },
+    { immediate: !0 }
+  );
+  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 m && f;
+    });
+  }), v = x(() => ({
+    tags: d.value,
+    selectedTag: s.value,
+    searchValue: r.value,
+    "onUpdate:selectedTag": (o) => {
+      s.value = o;
+    },
+    "onUpdate:searchValue": (o) => {
+      r.value = o;
+    }
+  }));
+  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";
+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 nt = ({
+  triggerRef: e,
+  popoverRef: a,
+  open: t,
+  placement: s
+}) => {
+  const r = B(), d = () => {
+    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,
+      document.documentElement.clientWidth - v.width - o
+    ), 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;
+    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));
+    r.value = {
+      x: w,
+      y: V,
+      placement: g
+    };
+  };
+  return D(
+    [t, s],
+    async ([l]) => {
+      l && (await ve(), d());
+    },
+    { flush: "post" }
+  ), Q("resize", d, { passive: !0 }), Q("scroll", d, {
+    capture: !0,
+    passive: !0
+  }), {
+    position: r
+  };
+}, at = ["aria-expanded"], ot = ["popover"], st = /* @__PURE__ */ N({
+  inheritAttrs: !1,
+  __name: "ExtensionCardPopover",
+  props: {
+    asChild: { type: Boolean, default: !1 },
+    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(() => {
+      l.value = typeof HTMLElement.prototype.showPopover == "function" && typeof HTMLElement.prototype.hidePopover == "function";
+    });
+    const { position: v } = nt({
+      triggerRef: s,
+      popoverRef: r,
+      open: d,
+      placement: Ve(a, "placement")
+    }), o = x(() => {
+      if (v.value)
+        return {
+          left: `${v.value.x}px`,
+          top: `${v.value.y}px`
+        };
+    }), n = G(), u = (i) => {
+      const g = i instanceof Element ? i : i == null ? void 0 : i.$el;
+      s.value = g instanceof HTMLElement ? g : null;
+    }, y = () => {
+      var i;
+      if (!l.value) {
+        d.value = !1;
+        return;
+      }
+      (i = r.value) != null && i.matches(":popover-open") && r.value.hidePopover();
+    }, w = () => {
+      if (!l.value) {
+        d.value = !d.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();
+    }), Q("keydown", (i) => {
+      var g;
+      l.value || !d.value || i.key !== "Escape" || (y(), (g = s.value) == null || g.focus());
+    });
+    const { renderAsChild: k } = tt({
+      getSlot: () => n.trigger,
+      componentName: "ExtensionCardPopover"
+    }), m = () => k(
+      {
+        popoverId: t,
+        open: d.value
+      },
+      {
+        ref: u,
+        ...l.value ? {
+          popovertarget: t,
+          popovertargetaction: "toggle"
+        } : { onClick: w }
+      }
+    ), f = (i) => {
+      d.value = i.newState === "open";
+    };
+    return (i, g) => (c(), p(P, null, [
+      e.asChild ? (c(), A(H(m()), { key: 0 })) : (c(), p("button", {
+        key: 1,
+        ref_key: "triggerRef",
+        ref: s,
+        type: "button",
+        class: "tr-extension-card-popover__trigger",
+        "aria-controls": t,
+        "aria-expanded": d.value,
+        onClick: w
+      }, [
+        M(i.$slots, "trigger", {
+          popoverId: t,
+          open: d.value
+        }, void 0, !0)
+      ], 8, at)),
+      ae(C("div", {
+        id: t,
+        ref_key: "popoverRef",
+        ref: r,
+        popover: l.value ? "auto" : void 0,
+        class: "tr-extension-card-popover__content",
+        style: ie(o.value),
+        onToggle: f
+      }, [
+        M(i.$slots, "content", { close: y }, void 0, !0)
+      ], 44, ot), [
+        [Ne, l.value || d.value]
+      ])
+    ], 64));
+  }
+}), it = /* @__PURE__ */ L(st, [["__scopeId", "data-v-6dbac593"]]), rt = {
+  key: 0,
+  class: "tr-extension-card__more-action"
+}, lt = ["title", "aria-label", "aria-expanded"], ct = { class: "tr-extension-card__more-menu" }, dt = ["disabled", "aria-pressed", "onClick"], ut = {
+  key: 0,
+  class: "tr-extension-card__more-menu-item-icon-slot"
+}, mt = {
+  key: 1,
+  class: "tr-extension-card__more-menu-item-icon-placeholder",
+  "aria-hidden": "true"
+}, vt = /* @__PURE__ */ N({
+  __name: "ExtensionCardMoreMenu",
+  props: {
+    actions: { default: () => [] },
+    label: { default: "更多操作" },
+    placement: { default: "bottom-end" },
+    showIcons: { type: Boolean, default: !0 }
+  },
+  emits: ["action"],
+  setup(e, { emit: a }) {
+    const t = e, s = a, r = x(() => t.showIcons && t.actions.some((l) => !!l.icon)), d = (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, [
+      j(it, {
+        "as-child": "",
+        placement: t.placement
+      }, {
+        trigger: O(({ open: o }) => [
+          C("button", {
+            class: "tr-extension-card__icon-button",
+            type: "button",
+            title: t.label,
+            "aria-label": t.label,
+            "aria-expanded": o
+          }, [
+            j($(Oe), { class: "tr-extension-card__action-icon" })
+          ], 8, lt)
+        ]),
+        content: O(({ close: o }) => [
+          C("ul", ct, [
+            (c(!0), p(P, null, U(t.actions, (n) => (c(), p("li", {
+              key: n.id
+            }, [
+              C("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)
+              }, [
+                r.value ? (c(), p("span", ut, [
+                  n.icon ? (c(), A(H(n.icon), {
+                    key: 0,
+                    class: "tr-extension-card__more-menu-item-icon"
+                  })) : (c(), p("span", mt))
+                ])) : S("", !0),
+                C("span", null, I(n.label), 1)
+              ], 10, dt)
+            ]))), 128))
+          ])
+        ]),
+        _: 1
+      }, 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({
+  __name: "ExtensionCardActions",
+  props: {
+    actions: { default: () => [] }
+  },
+  emits: ["action"],
+  setup(e, { emit: a }) {
+    const t = e, s = a, r = (v, o) => {
+      if (v.disabled) return;
+      const n = o.currentTarget, u = n.checked;
+      n.checked = !!v.checked, s("action", {
+        id: v.id,
+        type: v.type,
+        checked: u
+      });
+    }, d = (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, {
+        key: n.id
+      }, [
+        n.type === "switch" ? (c(), p("label", {
+          key: 0,
+          class: R(["tr-extension-card-primary-actions__switch", { "is-disabled": n.disabled, "is-danger": n.danger }])
+        }, [
+          C("input", {
+            type: "checkbox",
+            role: "switch",
+            checked: n.checked,
+            disabled: n.disabled,
+            "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", {
+          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)
+        }, [
+          n.icon ? (c(), 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", {
+          key: 2,
+          class: R(["tr-extension-card-primary-actions__custom-action", { "is-disabled": n.disabled, "is-danger": n.danger }])
+        }, [
+          M(v.$slots, "primary-action", {
+            action: n,
+            trigger: (u) => l(n, u)
+          }, void 0, !0)
+        ], 2)) : (c(), p("button", {
+          key: 3,
+          class: R(["tr-extension-card-primary-actions__button", { "is-danger": n.danger }]),
+          type: "button",
+          "aria-label": n.label,
+          disabled: n.disabled,
+          onClick: (u) => l(n)
+        }, [
+          n.icon ? (c(), A(H(n.icon), {
+            key: 0,
+            class: "tr-extension-card-primary-actions__button-icon"
+          })) : S("", !0),
+          C("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 = {
+  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({
+  __name: "ExtensionCard",
+  props: {
+    name: {},
+    description: {},
+    icon: {},
+    actions: { default: () => [] },
+    primaryActionsLimit: { default: 1 },
+    progress: {},
+    nameClickable: { type: Boolean, default: !0 },
+    overflowMenuLabel: { default: "更多操作" },
+    overflowMenuPlacement: { default: "bottom-end" },
+    overflowMenuShowIcons: { type: Boolean, default: !0 }
+  },
+  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) => {
+      r("action", f);
+    }, k = (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", {
+          key: 0,
+          src: e.icon,
+          alt: e.name,
+          class: "tr-extension-card__icon"
+        }, null, 8, Ct)) : e.icon ? (c(), A(H(e.icon), {
+          key: 1,
+          class: "tr-extension-card__icon"
+        })) : (c(), p("div", Tt, I(e.name.slice(0, 1)), 1))
+      ]),
+      C("div", wt, [
+        C("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,
+          onKeydown: m
+        }, I(e.name), 43, $t),
+        e.description ? (c(), p("div", {
+          key: 0,
+          class: "tr-extension-card__description",
+          title: e.description
+        }, I(e.description), 9, St)) : S("", !0)
+      ]),
+      n.value ? (c(), p("div", {
+        key: 0,
+        class: "tr-extension-card__actions",
+        onClick: i[1] || (i[1] = oe(() => {
+        }, ["stop"])),
+        onKeydown: i[2] || (i[2] = oe(() => {
+        }, ["stop"]))
+      }, [
+        v.value.length ? (c(), A(yt, {
+          key: 0,
+          actions: v.value,
+          onAction: i[0] || (i[0] = (g) => r("action", g))
+        }, J({ _: 2 }, [
+          y.value ? {
+            name: "primary-action",
+            fn: O((g) => [
+              M(f.$slots, "primary-action", fe(Le(g)), void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["actions"])) : S("", !0),
+        o.value.length ? (c(), A(pt, {
+          key: 1,
+          actions: o.value,
+          label: e.overflowMenuLabel,
+          placement: e.overflowMenuPlacement,
+          "show-icons": e.overflowMenuShowIcons,
+          onAction: w
+        }, null, 8, ["actions", "label", "placement", "show-icons"])) : S("", !0)
+      ], 32)) : S("", !0),
+      u.value !== void 0 ? (c(), p("div", {
+        key: 1,
+        class: "tr-extension-card__progress",
+        role: "progressbar",
+        "aria-label": e.name,
+        "aria-valuemin": "0",
+        "aria-valuemax": "100",
+        "aria-valuenow": u.value === "indeterminate" ? void 0 : u.value
+      }, [
+        C("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 = {
+  key: 0,
+  class: "tr-extension-card-grid__empty"
+}, Pt = ["data-card-id"], Vt = /* @__PURE__ */ N({
+  __name: "ExtensionCardGrid",
+  props: {
+    items: {},
+    emptyText: { default: "暂无内容" },
+    primaryActionsLimit: {},
+    nameClickable: { type: Boolean, default: void 0 },
+    overflowMenuLabel: {},
+    overflowMenuPlacement: {},
+    overflowMenuShowIcons: { type: Boolean, default: void 0 }
+  },
+  emits: ["action", "name-click"],
+  setup(e, { emit: a }) {
+    const t = e, s = G(), r = a, d = (o) => {
+      const { id: n, ...u } = o;
+      return {
+        ...u,
+        primaryActionsLimit: o.primaryActionsLimit ?? t.primaryActionsLimit,
+        nameClickable: o.nameClickable ?? t.nameClickable,
+        overflowMenuLabel: o.overflowMenuLabel ?? t.overflowMenuLabel,
+        overflowMenuPlacement: o.overflowMenuPlacement ?? t.overflowMenuPlacement,
+        overflowMenuShowIcons: o.overflowMenuShowIcons ?? t.overflowMenuShowIcons
+      };
+    }, l = (o, n) => {
+      r("action", { itemId: o, action: n });
+    }, 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, [
+        M(o.$slots, "empty", {}, () => [
+          re(I(e.emptyText), 1)
+        ], !0)
+      ])) : (c(!0), p(P, { key: 1 }, U(e.items, (u, y) => (c(), p("li", {
+        key: u.id,
+        class: "tr-extension-card-grid__item",
+        "data-card-id": u.id
+      }, [
+        $(s).item ? M(o.$slots, "item", {
+          item: u,
+          index: y
+        }, void 0, !0, 0) : (c(), A(W, ge({
+          key: 1,
+          ref_for: !0
+        }, d(u), {
+          onAction: (w) => l(u.id, w),
+          onNameClick: (w) => v(u.id, w)
+        }), null, 16, ["onAction", "onNameClick"]))
+      ], 8, Pt))), 128))
+    ]));
+  }
+}), q = /* @__PURE__ */ L(Vt, [["__scopeId", "data-v-b736eba6"]]), Nt = ["data-tab-id", "data-section-key"], Lt = { class: "extension-manager-section__header" }, Bt = ["aria-expanded"], Rt = {
+  key: 0,
+  class: "extension-manager-section__body"
+}, Ft = {
+  key: 1,
+  class: "extension-manager-section__state"
+}, Dt = /* @__PURE__ */ N({
+  name: "ExtensionManagerSection",
+  __name: "ExtensionManagerSection",
+  props: {
+    tabId: {},
+    section: {},
+    expanded: { type: Boolean }
+  },
+  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", {
+      class: "extension-manager-section",
+      "data-tab-id": t.tabId,
+      "data-section-key": t.section.key
+    }, [
+      C("div", Lt, [
+        C("button", {
+          class: "extension-manager-section__title",
+          type: "button",
+          "aria-expanded": t.expanded,
+          onClick: d
+        }, [
+          j($(be), {
+            class: R(["extension-manager-section__arrow", { "is-expanded": t.expanded }])
+          }, null, 8, ["class"]),
+          C("span", null, I(t.section.title), 1)
+        ], 8, Bt)
+      ]),
+      t.expanded ? (c(), p("div", Rt, [
+        t.section.items.length > 0 ? (c(), A(q, {
+          key: 0,
+          items: t.section.items,
+          "primary-actions-limit": 1,
+          "name-clickable": !0,
+          onAction: l,
+          onNameClick: v
+        }, J({ _: 2 }, [
+          s.item ? {
+            name: "item",
+            fn: O(({ item: u, index: y }) => [
+              M(o.$slots, "item", {
+                item: u,
+                index: y
+              }, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0
+        ]), 1032, ["items"])) : (c(), p("div", Ft, [
+          M(o.$slots, "empty", {}, () => [
+            n[0] || (n[0] = re("暂无内容", -1))
+          ], !0)
+        ]))
+      ])) : S("", !0)
+    ], 8, Nt));
+  }
+}), Ot = /* @__PURE__ */ L(Dt, [["__scopeId", "data-v-89f78201"]]), jt = {
+  class: "extension-manager-tabs",
+  role: "tablist",
+  "aria-orientation": "horizontal"
+}, Gt = ["id", "aria-selected", "aria-controls", "tabindex", "onClick", "onKeydown"], Ut = /* @__PURE__ */ N({
+  name: "ExtensionManagerTabs",
+  __name: "ExtensionManagerTabs",
+  props: {
+    tabs: {},
+    activeTabId: {},
+    idPrefix: {}
+  },
+  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();
+    let u;
+    const y = () => {
+      const i = t.activeTabId ? o.get(t.activeTabId) : void 0;
+      if (!i) {
+        n.value = void 0;
+        return;
+      }
+      n.value = {
+        transform: `translateX(${i.offsetLeft}px)`,
+        width: `${i.offsetWidth}px`
+      };
+    }, w = (i, g) => {
+      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(() => {
+      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(() => {
+        var g;
+        return (g = o.get(i)) == null ? void 0 : g.focus();
+      });
+    }, f = (i, g) => {
+      let h;
+      switch (g.key) {
+        case "ArrowLeft":
+          h = (i - 1 + t.tabs.length) % t.tabs.length;
+          break;
+        case "ArrowRight":
+          h = (i + 1) % t.tabs.length;
+          break;
+        case "Home":
+          h = 0;
+          break;
+        case "End":
+          h = t.tabs.length - 1;
+          break;
+        default:
+          return;
+      }
+      const V = t.tabs[h];
+      V && (g.preventDefault(), k(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", {
+        key: h.id,
+        ref_for: !0,
+        ref: (F) => w(h.id, F),
+        class: "extension-manager-tabs__tab",
+        type: "button",
+        role: "tab",
+        id: l(h.id),
+        "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),
+        onKeydown: (F) => f(V, F)
+      }, [
+        r.tab ? (c(), p("span", {
+          key: 0,
+          class: "extension-manager-tabs__slot",
+          onClick: g[0] || (g[0] = oe(() => {
+          }, ["stop"]))
+        }, [
+          M(i.$slots, "tab", {
+            tab: h,
+            active: h.id === t.activeTabId,
+            select: () => k(h.id)
+          }, void 0, !0)
+        ])) : (c(), p(P, { key: 1 }, [
+          re(I(h.label), 1)
+        ], 64))
+      ], 40, Gt))), 128)),
+      n.value ? (c(), p("span", {
+        key: 0,
+        class: "extension-manager-tabs__indicator",
+        style: ie(n.value),
+        "aria-hidden": "true"
+      }, null, 4)) : S("", !0)
+    ]));
+  }
+}), Ht = /* @__PURE__ */ L(Ut, [["__scopeId", "data-v-ce43701e"]]), 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({
+  name: "ExtensionFilterControls",
+  __name: "ExtensionFilterControls",
+  props: /* @__PURE__ */ De({
+    tags: {}
+  }, {
+    selectedTag: { default: "" },
+    selectedTagModifiers: {},
+    searchValue: { default: "" },
+    searchValueModifiers: {}
+  }),
+  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", {
+            "data-testid": "filter-tag",
+            class: "extension-filter-controls__select",
+            "aria-label": "标签",
+            "onUpdate:modelValue": d[0] || (d[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", {
+              key: l.value,
+              value: l.value
+            }, I(l.label), 9, qt))), 128))
+          ], 512), [
+            [Re, t.value]
+          ]),
+          j($(be), {
+            class: "extension-filter-controls__select-arrow",
+            "aria-hidden": "true"
+          })
+        ])) : S("", !0),
+        C("div", Xt, [
+          ae(C("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)
+          }, null, 512), [
+            [Fe, s.value]
+          ]),
+          s.value ? (c(), 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 = "")
+          }, [
+            j($(je), {
+              class: "extension-filter-controls__clear-icon",
+              "aria-hidden": "true"
+            })
+          ])) : S("", !0)
+        ])
+      ])
+    ]));
+  }
+}), Qt = /* @__PURE__ */ L(Jt, [["__scopeId", "data-v-470772ce"]]), Yt = { class: "extension-manager" }, Zt = {
+  key: 0,
+  class: "extension-manager__header"
+}, en = {
+  key: 0,
+  class: "extension-manager__title"
+}, tn = {
+  key: 1,
+  class: "extension-manager__header-actions"
+}, nn = ["id", "aria-labelledby"], an = {
+  key: 3,
+  class: "extension-manager__empty"
+}, on = /* @__PURE__ */ N({
+  name: "ExtensionManager",
+  __name: "index",
+  props: {
+    tabs: {},
+    activeTab: {},
+    defaultActiveTab: {},
+    title: {},
+    emptyText: { default: "暂无内容" }
+  },
+  emits: ["update:active-tab", "tab-change", "section-toggle", "action", "name-click"],
+  setup(e, { emit: a }) {
+    const t = e, s = a, r = G(), d = [
+      { 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) => {
+      switch (b) {
+        case "update:active-tab":
+          s("update:active-tab", T);
+          break;
+        case "tab-change":
+          s("tab-change", T);
+          break;
+        case "section-toggle":
+          s("section-toggle", T);
+          break;
+      }
+    }, { activeTab: k, 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) ?? [];
+      },
+      tags: () => {
+        var b;
+        return V(((b = k.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) => {
+      const { installed: T, tags: _, ...E } = b;
+      return E;
+    }, ke = x(() => {
+      const b = F.filteredItems.value;
+      return d.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);
+    }, we = (b, T, _) => {
+      s("action", {
+        tabId: b,
+        sectionKey: T,
+        itemId: _.itemId,
+        action: _.action
+      });
+    }, $e = (b, T, _) => {
+      s("name-click", {
+        tabId: b,
+        sectionKey: T,
+        itemId: _.itemId,
+        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, [
+          M(b.$slots, "header-actions", {}, void 0, !0)
+        ])) : S("", !0)
+      ])) : S("", !0),
+      j(Ht, {
+        tabs: t.tabs,
+        "active-tab-id": $(m),
+        "id-prefix": n,
+        onSelect: $(f)
+      }, J({ _: 2 }, [
+        r.tab ? {
+          name: "tab",
+          fn: O(({ tab: _, active: E, select: ne }) => [
+            M(b.$slots, "tab", {
+              tab: _,
+              active: E,
+              select: ne
+            }, void 0, !0)
+          ]),
+          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,
+        class: "extension-manager__sections",
+        role: "tabpanel",
+        id: y($(m)),
+        "aria-labelledby": u($(m))
+      }, [
+        (c(!0), p(P, null, U(ke.value, (_) => (c(), A(Ot, {
+          key: v($(m), _.key),
+          "tab-id": $(m),
+          section: _,
+          expanded: Ce($(m), _.key),
+          onSectionToggle: (E) => Te($(m), _.key),
+          onAction: (E) => we($(m), _.key, E),
+          onNameClick: (E) => $e($(m), _.key, E)
+        }, J({ _: 2 }, [
+          r.item ? {
+            name: "item",
+            fn: O(({ item: E, index: ne }) => [
+              M(b.$slots, "item", {
+                tab: $(k),
+                sectionKey: _.key,
+                item: E,
+                index: ne
+              }, void 0, !0)
+            ]),
+            key: "0"
+          } : void 0,
+          r.empty ? {
+            name: "empty",
+            fn: O(() => [
+              M(b.$slots, "empty", {
+                tab: $(k),
+                sectionKey: _.key,
+                title: _.title
+              }, void 0, !0)
+            ]),
+            key: "1"
+          } : void 0
+        ]), 1032, ["tab-id", "section", "expanded", "onSectionToggle", "onAction", "onNameClick"]))), 128))
+      ], 8, nn)) : (c(), p("div", an, I(t.emptyText), 1))
+    ]));
+  }
+}), Z = /* @__PURE__ */ L(on, [["__scopeId", "data-v-de388c90"]]);
+W.name = "TrExtensionCard";
+const sn = function(e) {
+  e.component(W.name, W);
+}, ee = W;
+ee.install = sn;
+q.name = "TrExtensionCardGrid";
+const rn = function(e) {
+  e.component(q.name, q);
+}, te = q;
+te.install = rn;
+Z.name = "TrExtensionManager";
+const ln = function(e) {
+  e.component(Z.name, Z), e.component(ee.name, ee), e.component(te.name, te);
+}, vn = Object.assign(Z, {
+  install: ln,
+  Card: ee,
+  CardGrid: te
+});
+export {
+  ee as ExtensionCard,
+  te as ExtensionCardGrid,
+  vn as ExtensionManager,
+  vn as default
+};