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

package/dist/extension-manager/index.js

@@ -1,1006 +0,0 @@
-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
-};