hys-ui 0.5.0 → 0.7.0

package/dist/components/HysTable/tableSearch.js

@@ -0,0 +1,24 @@
+import { tableValue as p } from "../../composables/table.js";
+function u(r) {
+  return r.normalize("NFKD").replace(new RegExp("\\p{M}", "gu"), "").toLowerCase();
+}
+function v(r, d, i, a) {
+  const n = r.trim();
+  if (!n) return;
+  if (a) return (e) => a(n, e);
+  const s = u(n).split(/\s+/).filter(Boolean);
+  if (!s.length) return;
+  const l = i ? new Set(i) : void 0, c = d.filter(
+    (e) => (!e.type || e.type === "default") && (!l || l.has(e.key))
+  ).map((e) => e.dataIndex ?? e.key);
+  return (e) => {
+    const f = c.map((o) => {
+      const t = p(e, o);
+      return t instanceof Date || ["string", "number", "bigint", "boolean"].includes(typeof t) ? u(String(t)) : "";
+    });
+    return s.every((o) => f.some((t) => t.includes(o)));
+  };
+}
+export {
+  v as tableSearchPredicate
+};

package/dist/components/HysTabs/HysTabs.vue.js

@@ -1,7 +1,174 @@
-import o from "./HysTabs2.vue.js";
-/* empty css             */
-import t from "../../_virtual/_plugin-vue_export-helper.js";
-const c = /* @__PURE__ */ t(o, [["__scopeId", "data-v-4a2ce4c1"]]);
+import { defineComponent as B, useSlots as b, ref as g, computed as i, openBlock as h, createBlock as k, mergeProps as T, unref as n } from "vue";
+import w from "./TabsWorkbench/TabsWorkbench.vue.js";
+import { useTabsOptions as C } from "./tabsConfig.js";
+import { collectTabPanes as x } from "./tabsItems.js";
+const L = /* @__PURE__ */ B({
+  inheritAttrs: !1,
+  __name: "HysTabs",
+  props: {
+    modelValue: {},
+    defaultValue: {},
+    items: {},
+    defaultItems: {},
+    workbench: { type: Boolean, default: void 0 },
+    disabled: { type: Boolean, default: void 0 },
+    readonly: { type: Boolean, default: void 0 },
+    type: {},
+    vertical: { type: Boolean, default: void 0 },
+    placement: {},
+    responsive: { type: Boolean, default: void 0 },
+    breakpoint: {},
+    size: {},
+    stretch: { type: Boolean, default: void 0 },
+    centered: { type: Boolean, default: void 0 },
+    align: {},
+    tabWidth: {},
+    tabHeight: {},
+    tabMaxWidth: {},
+    gap: {},
+    radius: {},
+    separator: { type: Boolean, default: void 0 },
+    sticky: { type: Boolean, default: void 0 },
+    fixed: { type: Boolean, default: void 0 },
+    barOffset: {},
+    panelHeight: {},
+    panelMaxHeight: {},
+    closable: { type: Boolean, default: void 0 },
+    addable: { type: Boolean, default: void 0 },
+    editable: { type: Boolean, default: void 0 },
+    autoActivate: { type: Boolean, default: void 0 },
+    trigger: {},
+    hoverDelay: {},
+    preview: { type: Boolean, default: void 0 },
+    activation: {},
+    lazy: { type: Boolean, default: void 0 },
+    preload: { type: [Boolean, Array], default: void 0 },
+    destroyOnHide: { type: Boolean, default: void 0 },
+    cacheLimit: {},
+    animated: { type: Boolean, default: void 0 },
+    animation: {},
+    animationName: { default: void 0 },
+    duration: {},
+    easing: {},
+    overflow: {},
+    showScrollButtons: { type: Boolean, default: void 0 },
+    scrollAlign: {},
+    wheel: {},
+    dragScroll: { type: Boolean, default: void 0 },
+    swipe: { type: Boolean, default: void 0 },
+    draggable: { type: Boolean, default: void 0 },
+    dragHandle: { type: Boolean, default: void 0 },
+    longPress: {},
+    contextMenu: { type: Boolean, default: void 0 },
+    shortcuts: { type: Boolean, default: void 0 },
+    titleTooltip: { type: Boolean, default: void 0 },
+    moreSearch: { type: Boolean, default: void 0 },
+    confirmDirty: { type: Boolean, default: void 0 },
+    historyLimit: {},
+    storageKey: {},
+    storage: {},
+    persistScroll: { type: Boolean, default: void 0 },
+    restoreItem: {},
+    createTab: {},
+    ariaLabel: {},
+    beforeLeave: {},
+    beforeClose: {},
+    beforeReorder: {}
+  },
+  emits: ["update:modelValue", "update:items", "change", "selectionChange", "tabClick", "tabDblclick", "tabContextmenu", "tabLongpress", "previewChange", "close", "closeBatch", "add", "edit", "reorder", "restore", "rename", "pinChange", "favoriteChange", "loadStart", "load", "loadError", "guardError", "storageError"],
+  setup(v, { expose: c, emit: p }) {
+    const f = v, m = p, r = b(), d = C(f), a = g(), s = i(
+      () => {
+        var e;
+        return ((e = a.value) == null ? void 0 : e.active) ?? d.value.modelValue ?? d.value.defaultValue ?? "";
+      }
+    );
+    function y() {
+      var o;
+      const e = d.value;
+      return e.items !== void 0 || e.defaultItems !== void 0 ? [] : x(
+        r.panes ? r.panes() : e.workbench || (o = r.default) == null ? void 0 : o.call(r, { active: s.value })
+      );
+    }
+    const l = () => Promise.resolve(!1);
+    return c({
+      active: s,
+      recent: i(() => {
+        var e;
+        return ((e = a.value) == null ? void 0 : e.recent) ?? [];
+      }),
+      closed: i(() => {
+        var e;
+        return ((e = a.value) == null ? void 0 : e.closed) ?? [];
+      }),
+      select: (e) => {
+        var o;
+        return ((o = a.value) == null ? void 0 : o.select(e)) ?? l();
+      },
+      focus: (e) => {
+        var o;
+        return (o = a.value) == null ? void 0 : o.focus(e);
+      },
+      scrollToActiveTab: () => {
+        var e;
+        return (e = a.value) == null ? void 0 : e.scrollToActiveTab();
+      },
+      add: (e) => {
+        var o;
+        return ((o = a.value) == null ? void 0 : o.add(e)) ?? l();
+      },
+      close: (e) => {
+        var o;
+        return ((o = a.value) == null ? void 0 : o.close(e)) ?? l();
+      },
+      closeMany: (e, o) => {
+        var t;
+        return ((t = a.value) == null ? void 0 : t.closeMany(e, o)) ?? Promise.resolve([]);
+      },
+      rename: (e, o) => {
+        var t;
+        return ((t = a.value) == null ? void 0 : t.rename(e, o)) ?? l();
+      },
+      move: (e, o, t) => {
+        var u;
+        return ((u = a.value) == null ? void 0 : u.move(e, o, t)) ?? l();
+      },
+      pin: (e, o) => {
+        var t;
+        return ((t = a.value) == null ? void 0 : t.pin(e, o)) ?? l();
+      },
+      favorite: (e, o) => {
+        var t;
+        return ((t = a.value) == null ? void 0 : t.favorite(e, o)) ?? l();
+      },
+      restore: () => {
+        var e;
+        return ((e = a.value) == null ? void 0 : e.restore()) ?? l();
+      },
+      preload: (e) => {
+        var o;
+        return ((o = a.value) == null ? void 0 : o.preload(e)) ?? l();
+      },
+      reload: (e) => {
+        var o;
+        return ((o = a.value) == null ? void 0 : o.reload(e)) ?? l();
+      },
+      save: () => {
+        var e;
+        return ((e = a.value) == null ? void 0 : e.save()) ?? !1;
+      }
+    }), (e, o) => (h(), k(w, T({
+      ref_key: "controller",
+      ref: a
+    }, e.$attrs, {
+      options: n(d),
+      declarations: y(),
+      declarative: !!r.panes && n(d).items === void 0 && n(d).defaultItems === void 0,
+      slots: r,
+      emit: m
+    }), null, 16, ["options", "declarations", "declarative", "emit"]));
+  }
+});
 export {
-  c as default
+  L as default
 };

package/dist/components/HysTabs/HysTabs2.vue.js

@@ -1,277 +1,4 @@
-import { defineComponent as he, useId as ke, ref as y, computed as M, watch as A, nextTick as T, onMounted as ge, onActivated as me, onDeactivated as pe, onBeforeUnmount as we, openBlock as i, createElementBlock as v, mergeProps as Ce, unref as h, createElementVNode as U, normalizeClass as R, renderSlot as B, createCommentVNode as k, createBlock as ae, resolveDynamicComponent as le, Fragment as W, renderList as te, createTextVNode as oe, toDisplayString as se, createVNode as ue, withDirectives as Be, vShow as $e } from "vue";
-import { ChevronUp as ze, ChevronLeft as Se, X as Te, ChevronDown as Le, ChevronRight as Ve, Plus as Ae } from "lucide-vue-next";
-import { useHysRootAttrs as Re } from "../../config.js";
-import { useMotion as He } from "../../motion/useMotion.js";
-const De = {
-  key: 0,
-  class: "hys-ui-tabs-extra"
-}, Ee = ["aria-label"], xe = ["aria-label", "aria-busy", "aria-orientation"], Ie = ["id", "data-tab-key", "aria-selected", "aria-controls", "disabled", "tabindex", "onFocus", "onClick", "onMouseenter"], Me = ["aria-label", "aria-busy", "disabled", "onClick"], Ne = ["aria-label"], Oe = ["disabled"], qe = {
-  key: 4,
-  class: "hys-ui-tabs-extra"
-}, Fe = ["id", "data-active", "aria-labelledby"], Ke = ["id", "aria-labelledby"], je = /* @__PURE__ */ he({
-  __name: "HysTabs",
-  props: {
-    modelValue: {},
-    defaultValue: {},
-    items: {},
-    disabled: { type: Boolean },
-    type: { default: "line" },
-    vertical: { type: Boolean },
-    placement: {},
-    size: { default: "md" },
-    stretch: { type: Boolean },
-    centered: { type: Boolean },
-    closable: { type: Boolean },
-    addable: { type: Boolean },
-    editable: { type: Boolean },
-    trigger: { default: "click" },
-    activation: { default: "auto" },
-    lazy: { type: Boolean, default: !0 },
-    destroyOnHide: { type: Boolean, default: !1 },
-    animated: { type: Boolean, default: !0 },
-    showScrollButtons: { type: Boolean, default: !0 },
-    ariaLabel: {},
-    beforeLeave: {},
-    beforeClose: {}
-  },
-  emits: ["update:modelValue", "change", "tabClick", "close", "add", "edit", "guardError"],
-  setup(s, { expose: ie, emit: ne }) {
-    const t = s, c = ne, re = Re(), { effectiveMotion: X } = He(), j = ke(), g = y(), N = y(t.defaultValue), u = M(() => {
-      var e;
-      return t.modelValue ?? (t.items.some((l) => l.value === N.value) ? N.value : ((e = t.items.find((l) => !l.disabled)) == null ? void 0 : e.value) ?? "");
-    }), H = M(() => t.placement ?? (t.vertical ? "left" : "top")), n = M(() => H.value === "left" || H.value === "right"), r = M(() => t.items.filter((e) => !t.disabled && !e.disabled)), m = y(), D = y(/* @__PURE__ */ new Set()), p = y(!1), $ = y(/* @__PURE__ */ new Set()), G = y(!1), J = y(!1);
-    let z = 0, w = 0, de = 0, b = !0, S;
-    const E = /* @__PURE__ */ new Map(), L = (e) => typeof e + ":" + e, O = (e) => j + "-tab-" + e, q = (e) => j + "-panel-" + e, F = (e) => e.closable ?? (t.closable || t.editable), Q = (e) => {
-      var l;
-      return Array.from(((l = g.value) == null ? void 0 : l.querySelectorAll('[role="tab"]')) || []).find((a) => a.dataset.tabKey === L(e));
-    }, ve = (e) => e.forceRender || !t.destroyOnHide && (!t.lazy || D.value.has(e.value)) || u.value === e.value;
-    function C() {
-      const e = g.value;
-      if (!e) return;
-      const l = n.value ? e.scrollTop : e.scrollLeft, a = n.value ? e.clientHeight : e.clientWidth, o = n.value ? e.scrollHeight : e.scrollWidth;
-      G.value = l > 1, J.value = l + a < o - 1;
-    }
-    function V() {
-      const e = g.value, l = Q(u.value);
-      if (!e || !l) return;
-      const a = e.getBoundingClientRect(), o = l.getBoundingClientRect();
-      n.value ? o.top < a.top ? e.scrollTop -= a.top - o.top : o.bottom > a.bottom && (e.scrollTop += o.bottom - a.bottom) : o.left < a.left ? e.scrollLeft -= a.left - o.left : o.right > a.right && (e.scrollLeft += o.right - a.right), C();
-    }
-    function Y(e) {
-      const l = g.value;
-      if (!l) return;
-      const a = (n.value ? l.clientHeight : l.clientWidth) * 0.8 * e;
-      l.scrollBy({ [n.value ? "top" : "left"]: a, behavior: X.value === "off" ? "auto" : "smooth" });
-    }
-    function Z(e) {
-      var l;
-      m.value = e, (l = Q(e)) == null || l.focus();
-    }
-    async function x(e) {
-      const l = ++z, a = u.value, o = w;
-      if (p.value = !1, !(!b || !r.value.some((d) => d.value === e) || e === a))
-        try {
-          if (t.beforeLeave && (p.value = !0, await t.beforeLeave(e, a) === !1) || !b || o !== w || l !== z || u.value !== a || !r.value.some((d) => d.value === e)) return;
-          p.value = !1, N.value = e, c("update:modelValue", e), c("change", e), await T(), V();
-        } catch (d) {
-          b && o === w && l === z && c("guardError", d);
-        } finally {
-          l === z && (p.value = !1);
-        }
-    }
-    function ce(e, l) {
-      t.disabled || e.disabled || (c("tabClick", e.value, l), x(e.value));
-    }
-    async function be(e) {
-      if (!b || t.disabled || e.disabled || !F(e) || $.value.has(e.value)) return;
-      const l = w, a = ++de;
-      E.set(e.value, a);
-      try {
-        if ($.value.add(e.value), t.beforeClose && await t.beforeClose(e.value) === !1) return;
-        const o = t.items.find((d) => d.value === e.value);
-        if (!b || l !== w || E.get(e.value) !== a || t.disabled || !o || o.disabled || !F(o)) return;
-        c("close", e.value), c("edit", e.value, "remove");
-      } catch (o) {
-        b && l === w && c("guardError", o);
-      } finally {
-        E.get(e.value) === a && $.value.delete(e.value);
-      }
-    }
-    function fe() {
-      t.disabled || (c("add"), c("edit", void 0, "add"));
-    }
-    function ye(e) {
-      var ee;
-      if (e.target.closest(".hys-ui-tab-close")) return;
-      const l = n.value ? ["ArrowUp", "ArrowDown"] : ["ArrowLeft", "ArrowRight"], a = e.target.closest('[role="tab"]'), o = ((ee = r.value.find((P) => L(P.value) === (a == null ? void 0 : a.dataset.tabKey))) == null ? void 0 : ee.value) ?? m.value ?? u.value;
-      if (["Enter", " "].includes(e.key) && t.activation === "manual" && a) {
-        e.preventDefault(), x(o);
-        return;
-      }
-      if (![...l, "Home", "End"].includes(e.key) || !r.value.length) return;
-      e.preventDefault();
-      const d = r.value.findIndex((P) => P.value === o), f = e.key === "Home" ? 0 : e.key === "End" ? r.value.length - 1 : d < 0 ? e.key === l[0] ? r.value.length - 1 : 0 : (d + (e.key === l[0] ? -1 : 1) + r.value.length) % r.value.length;
-      Z(r.value[f].value), t.activation === "auto" && x(r.value[f].value);
-    }
-    function I() {
-      z++, p.value = !1, w++, $.value.clear(), E.clear();
-    }
-    function K() {
-      S == null || S.disconnect(), S = void 0;
-    }
-    function _() {
-      K(), typeof ResizeObserver < "u" && g.value && (S = new ResizeObserver(C), S.observe(g.value)), T().then(C);
-    }
-    return A(u, (e) => {
-      D.value.add(e), z++, p.value = !1, T().then(V);
-    }, { immediate: !0 }), A(() => t.items.map((e) => [e.value, e.disabled, e.closable]), () => {
-      I(), D.value = new Set([...D.value].filter((e) => t.items.some((l) => l.value === e))), m.value !== void 0 && !r.value.some((e) => e.value === m.value) && (m.value = void 0), T().then(C);
-    }, { deep: !0 }), A(() => t.disabled, () => I()), A(() => [t.size, t.type, t.stretch, t.centered, ...t.items.map((e) => e.label)], () => void T().then(() => {
-      C(), V();
-    })), A(H, () => void T().then(() => {
-      C(), V();
-    })), ge(_), me(() => {
-      b = !0, _();
-    }), pe(() => {
-      b = !1, I(), K();
-    }), we(() => {
-      b = !1, I(), K();
-    }), ie({ scrollToActiveTab: V, focus: (e = u.value) => Z(e) }), (e, l) => (i(), v("div", Ce(h(re), {
-      class: ["hys-ui-tabs-root", ["hys-ui-tabs-placement-" + H.value, "hys-ui-tabs-size-" + s.size, { "hys-ui-tabs-bordered": s.type === "border-card" }]]
-    }), [
-      U("div", {
-        class: R(["hys-ui-tabs-header", { "hys-ui-tabs-header-vertical": n.value }])
-      }, [
-        e.$slots.prefix ? (i(), v("div", De, [
-          B(e.$slots, "prefix", {}, void 0, !0)
-        ])) : k("", !0),
-        s.showScrollButtons && G.value ? (i(), v("button", {
-          key: 1,
-          class: "hys-ui-tab-scroll",
-          type: "button",
-          "aria-label": n.value ? "向上滚动页签" : "向左滚动页签",
-          onClick: l[0] || (l[0] = (a) => Y(-1))
-        }, [
-          (i(), ae(le(n.value ? h(ze) : h(Se)), { size: 16 }))
-        ], 8, Ee)) : k("", !0),
-        U("div", {
-          ref_key: "nav",
-          ref: g,
-          class: R(["hys-ui-tabs", ["hys-ui-tabs-" + s.type, { "hys-ui-tabs-vertical": n.value, "hys-ui-tabs-stretch": s.stretch, "hys-ui-tabs-centered": s.centered }]]),
-          role: "tablist",
-          "aria-label": s.ariaLabel || "页签",
-          "aria-busy": p.value || void 0,
-          "aria-orientation": n.value ? "vertical" : "horizontal",
-          onKeydown: ye,
-          onScrollPassive: C
-        }, [
-          (i(!0), v(W, null, te(s.items, (a, o) => {
-            var d;
-            return i(), v("div", {
-              key: L(a.value),
-              class: R(["hys-ui-tab-item", { "hys-ui-tab-selected": u.value === a.value }])
-            }, [
-              U("button", {
-                id: O(o),
-                type: "button",
-                role: "tab",
-                "data-tab-key": L(a.value),
-                "aria-selected": u.value === a.value,
-                "aria-controls": e.$slots.panel || a.content !== void 0 || e.$slots.default && u.value === a.value ? q(o) : void 0,
-                disabled: s.disabled || a.disabled,
-                tabindex: (m.value ?? (r.value.some((f) => f.value === u.value) ? u.value : (d = r.value[0]) == null ? void 0 : d.value)) === a.value ? 0 : -1,
-                class: R({ "hys-ui-active": u.value === a.value }),
-                onFocus: (f) => m.value = a.value,
-                onClick: (f) => ce(a, f),
-                onMouseenter: (f) => s.trigger === "hover" && x(a.value)
-              }, [
-                B(e.$slots, "label", {
-                  item: a,
-                  active: u.value === a.value
-                }, () => [
-                  oe(se(a.label), 1)
-                ], !0)
-              ], 42, Ie),
-              F(a) ? (i(), v("button", {
-                key: 0,
-                type: "button",
-                class: "hys-ui-tab-close",
-                "aria-label": "关闭" + a.label,
-                "aria-busy": $.value.has(a.value) || void 0,
-                disabled: s.disabled || a.disabled || $.value.has(a.value),
-                onClick: (f) => be(a)
-              }, [
-                B(e.$slots, "close-icon", { item: a }, () => [
-                  ue(h(Te), { size: 13 })
-                ], !0)
-              ], 8, Me)) : k("", !0)
-            ], 2);
-          }), 128))
-        ], 42, xe),
-        s.showScrollButtons && J.value ? (i(), v("button", {
-          key: 2,
-          class: "hys-ui-tab-scroll",
-          type: "button",
-          "aria-label": n.value ? "向下滚动页签" : "向右滚动页签",
-          onClick: l[1] || (l[1] = (a) => Y(1))
-        }, [
-          (i(), ae(le(n.value ? h(Le) : h(Ve)), { size: 16 }))
-        ], 8, Ne)) : k("", !0),
-        s.addable || s.editable ? (i(), v("button", {
-          key: 3,
-          type: "button",
-          class: "hys-ui-tab-add",
-          "aria-label": "添加页签",
-          disabled: s.disabled,
-          onClick: fe
-        }, [
-          B(e.$slots, "add-icon", {}, () => [
-            ue(h(Ae), { size: 16 })
-          ], !0)
-        ], 8, Oe)) : k("", !0),
-        e.$slots.suffix ? (i(), v("div", qe, [
-          B(e.$slots, "suffix", {}, void 0, !0)
-        ])) : k("", !0)
-      ], 2),
-      e.$slots.panel || s.items.some((a) => a.content !== void 0) ? (i(), v("div", {
-        key: 0,
-        class: R(["hys-ui-tabs-content", { "hys-ui-tabs-animated": s.animated && h(X) !== "off" }])
-      }, [
-        (i(!0), v(W, null, te(s.items, (a, o) => (i(), v(W, {
-          key: L(a.value)
-        }, [
-          ve(a) ? Be((i(), v("div", {
-            key: 0,
-            id: q(o),
-            class: "hys-ui-tab-panel",
-            "data-active": u.value === a.value,
-            role: "tabpanel",
-            "aria-labelledby": O(o),
-            tabindex: "0"
-          }, [
-            B(e.$slots, "panel", {
-              item: a,
-              active: u.value === a.value
-            }, () => [
-              oe(se(a.content), 1)
-            ], !0)
-          ], 8, Fe)), [
-            [$e, u.value === a.value]
-          ]) : k("", !0)
-        ], 64))), 128))
-      ], 2)) : e.$slots.default ? (i(), v("div", {
-        key: 1,
-        id: q(s.items.findIndex((a) => a.value === u.value)),
-        class: "hys-ui-tabs-content",
-        role: "tabpanel",
-        "aria-labelledby": s.items.some((a) => a.value === u.value) ? O(s.items.findIndex((a) => a.value === u.value)) : void 0,
-        tabindex: "0"
-      }, [
-        B(e.$slots, "default", { active: u.value }, void 0, !0)
-      ], 8, Ke)) : k("", !0)
-    ], 16));
-  }
-});
+import f from "./HysTabs.vue.js";
 export {
-  je as default
+  f as default
 };

package/dist/components/HysTabs/TabsMore/TabsMore.vue.js

@@ -0,0 +1,7 @@
+import o from "./TabsMore2.vue.js";
+/* empty css              */
+import a from "../../../_virtual/_plugin-vue_export-helper.js";
+const m = /* @__PURE__ */ a(o, [["__scopeId", "data-v-ea68e7a1"]]);
+export {
+  m as default
+};

package/dist/components/HysTabs/TabsMore/TabsMore2.vue.js

@@ -0,0 +1,133 @@
+import { defineComponent as M, ref as v, computed as p, watch as S, openBlock as s, createBlock as V, withCtx as f, createVNode as b, unref as m, createElementVNode as n, withDirectives as D, createElementBlock as i, vModelText as N, createCommentVNode as h, Fragment as C, renderList as g, toDisplayString as x } from "vue";
+import { ChevronDown as T } from "lucide-vue-next";
+import $ from "../../HysPopover/HysPopover.vue.js";
+import B from "../TabsSlot/TabsSlot.js";
+const E = ["disabled"], F = { class: "hys-tab-more-panel" }, U = { class: "hys-tab-more-filters" }, q = ["aria-pressed", "onClick"], z = { class: "hys-tab-more-list" }, H = ["disabled", "aria-current", "onClick"], K = { key: 0 }, O = { key: 0 }, J = /* @__PURE__ */ M({
+  __name: "TabsMore",
+  props: {
+    items: {},
+    overflow: {},
+    recent: {},
+    active: {},
+    disabled: { type: Boolean },
+    search: { type: Boolean },
+    slots: {},
+    select: { type: Function }
+  },
+  setup(o) {
+    const r = o, c = v(!1), d = v(""), y = v(), u = v("all"), _ = p(() => {
+      const a = new Set(r.overflow);
+      return r.items.filter((t) => a.has(t.value));
+    }), w = p(() => {
+      let a = r.items;
+      if (u.value === "favorite" && (a = a.filter((e) => e.favorite)), u.value === "recent") {
+        const e = new Map(a.map((l) => [l.value, l]));
+        a = r.recent.flatMap((l) => e.get(l) ?? []);
+      }
+      const t = d.value.trim().toLocaleLowerCase();
+      return t ? a.filter((e) => e.label.toLocaleLowerCase().includes(t)) : a;
+    });
+    async function k(a) {
+      const t = await r.select(a);
+      return t && (c.value = !1), t;
+    }
+    S(c, (a) => {
+      a || (d.value = "", u.value = "all");
+    });
+    const L = p(() => ({
+      items: r.items,
+      overflowed: _.value,
+      active: r.active,
+      select: k,
+      close: () => {
+        c.value = !1;
+      }
+    }));
+    return (a, t) => (s(), V($, {
+      open: c.value,
+      "onUpdate:open": t[1] || (t[1] = (e) => c.value = e),
+      placement: "bottom-end",
+      width: 248,
+      "max-height": 360,
+      "aria-label": "更多页签",
+      disabled: o.disabled,
+      onOpened: t[2] || (t[2] = (e) => {
+        var l;
+        return (l = y.value) == null ? void 0 : l.focus({ preventScroll: !0 });
+      })
+    }, {
+      trigger: f(() => [
+        n("button", {
+          type: "button",
+          class: "hys-ui-tab-control hys-tab-more",
+          "aria-label": "更多页签",
+          disabled: o.disabled
+        }, [
+          b(m(B), {
+            render: o.slots["more-icon"]
+          }, {
+            default: f(() => [
+              b(m(T), {
+                size: 16,
+                "aria-hidden": "true"
+              })
+            ]),
+            _: 1
+          }, 8, ["render"])
+        ], 8, E)
+      ]),
+      default: f(() => [
+        b(m(B), {
+          render: o.slots.more,
+          scope: L.value
+        }, {
+          default: f(() => [
+            n("div", F, [
+              o.search !== !1 ? D((s(), i("input", {
+                key: 0,
+                ref_key: "searchBox",
+                ref: y,
+                "onUpdate:modelValue": t[0] || (t[0] = (e) => d.value = e),
+                type: "search",
+                "aria-label": "搜索页签",
+                placeholder: "搜索页签"
+              }, null, 512)), [
+                [N, d.value]
+              ]) : h("", !0),
+              n("div", U, [
+                (s(), i(C, null, g([
+                  ["all", "全部"],
+                  ["recent", "最近"],
+                  ["favorite", "收藏"]
+                ], ([e, l]) => n("button", {
+                  key: e,
+                  type: "button",
+                  "aria-pressed": u.value === e,
+                  onClick: (P) => u.value = e
+                }, x(l), 9, q)), 64))
+              ]),
+              n("div", z, [
+                (s(!0), i(C, null, g(w.value, (e) => (s(), i("button", {
+                  key: e.value,
+                  type: "button",
+                  disabled: e.disabled,
+                  "aria-current": e.value === o.active ? "true" : void 0,
+                  onClick: (l) => k(e.value)
+                }, [
+                  n("span", null, x(e.label), 1),
+                  e.value === o.active ? (s(), i("small", K, "当前")) : h("", !0)
+                ], 8, H))), 128)),
+                w.value.length ? h("", !0) : (s(), i("p", O, "没有符合条件的页签"))
+              ])
+            ])
+          ]),
+          _: 1
+        }, 8, ["render", "scope"])
+      ]),
+      _: 1
+    }, 8, ["open", "disabled"]));
+  }
+});
+export {
+  J as default
+};