@yeepay/yee-boss-ui 0.1.16 → 0.1.18

package/dist/YeeTabs-BPzlkZy6.js

@@ -0,0 +1,891 @@
+import { defineComponent as P, useModel as H, computed as L, openBlock as c, createElementBlock as S, normalizeStyle as ee, normalizeClass as G, createElementVNode as T, renderSlot as K, mergeModels as E, inject as Ie, shallowRef as Y, onMounted as te, onBeforeUnmount as ne, createTextVNode as X, toDisplayString as J, createCommentVNode as $, createBlock as M, unref as r, withCtx as I, createVNode as x, useSlots as ve, watch as le, mergeProps as me, h as ge, nextTick as Q, useTemplateRef as Ke, Fragment as he, renderList as Be, resolveDynamicComponent as Oe } from "vue";
+import { _ as V } from "./_plugin-vue_export-helper-CHgC5LLL.js";
+import { MenuUnfoldOutlined as Ae, MenuFoldOutlined as We, MenuOutlined as Ye } from "@ant-design/icons-vue";
+import { Tooltip as R, Button as N, Menu as Z, Dropdown as be } from "ant-design-vue";
+import { RotateCw as _e, MoonStar as Ee, Sun as ze, Minimize as Fe, Maximize as Pe, ChevronLeft as Ve, X as ye, Pin as pe, ChevronRight as De, ChevronDown as Re, PinOff as Ne, ExternalLink as He, ArrowLeftToLine as Ge, ArrowRightToLine as qe, FoldHorizontal as Ue, ArrowRightLeft as je } from "lucide-vue-next";
+import { p as Xe } from "./context-DJQ4f46a.js";
+import Je from "sortablejs";
+const Qe = { class: "yee-ui-app-shell__header" }, Ze = { class: "yee-ui-app-shell__body" }, et = { class: "yee-ui-app-shell__sidebar" }, tt = { class: "yee-ui-app-shell__content" }, nt = /* @__PURE__ */ P({
+  name: "YeeAppShell",
+  __name: "YeeAppShell",
+  props: /* @__PURE__ */ E({
+    headerHeight: { default: 50 },
+    sidebarWidth: { default: 224 },
+    sidebarCollapsedWidth: { default: 64 }
+  }, {
+    sidebarCollapsed: { type: Boolean, default: !1 },
+    sidebarCollapsedModifiers: {}
+  }),
+  emits: ["update:sidebarCollapsed"],
+  setup(o) {
+    const v = o, l = H(o, "sidebarCollapsed");
+    function a(i) {
+      return typeof i == "number" ? `${i}px` : i;
+    }
+    const u = L(() => ({
+      "--yee-content-height": "100%",
+      "--yee-ui-app-shell-header-height": a(v.headerHeight),
+      "--yee-ui-app-shell-sidebar-collapsed-width": a(v.sidebarCollapsedWidth),
+      "--yee-ui-app-shell-sidebar-current-width": a(
+        l.value ? v.sidebarCollapsedWidth : v.sidebarWidth
+      ),
+      "--yee-ui-app-shell-sidebar-expanded-width": a(v.sidebarWidth)
+    }));
+    return (i, _) => (c(), S("div", {
+      class: G(["yee-ui-app-shell", { "yee-ui-app-shell--sidebar-collapsed": l.value }]),
+      style: ee(u.value)
+    }, [
+      T("div", Qe, [
+        K(i.$slots, "header", {}, void 0, !0)
+      ]),
+      T("div", Ze, [
+        T("div", et, [
+          K(i.$slots, "sidebar", {}, void 0, !0)
+        ]),
+        T("div", tt, [
+          K(i.$slots, "default", {}, void 0, !0)
+        ])
+      ])
+    ], 6));
+  }
+}), zt = /* @__PURE__ */ V(nt, [["__scopeId", "data-v-d49f2827"]]), lt = "data:image/svg+xml,%3c?xml%20version='1.0'%20standalone='no'?%3e%3c!DOCTYPE%20svg%20PUBLIC%20'-//W3C//DTD%20SVG%201.1//EN'%20'http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd'%3e%3csvg%20t='1788345814609'%20class='icon'%20viewBox='0%200%201024%201024'%20version='1.1'%20xmlns='http://www.w3.org/2000/svg'%20p-id='20502'%20xmlns:xlink='http://www.w3.org/1999/xlink'%20width='200'%20height='200'%3e%3cpath%20d='M125.643%20492.954c12.17-244.953%20235.799-433.516%20458.349-438.909-266.975%206.47-564.010%20155.506-564.010%20461.213%200%20141.71%2076.991%20270.507%20189.876%20352.758%20118.299%2086.197%20236.991%2093.132%20375.945%20108.132-252.997-27.311-473.721-210.25-460.159-483.195z'%20fill='%2328A13A'%20p-id='20503'%3e%3c/path%3e%3cpath%20d='M601.2%20135.572c-9.351%200-18.627%200.302-27.821%200.881%20184.945%2013.191%20331.172%20177.808%20331.172%20378.972%200%20201.165-146.227%20365.807-331.172%20379.001%209.195%200.58%2018.469%200.881%2027.821%200.881%20224.732%200%20406.907-170.096%20406.907-379.881%200-209.783-182.176-379.853-406.907-379.853z'%20fill='%2328A13A'%20p-id='20504'%3e%3c/path%3e%3cpath%20d='M562.975%20476.426c0%200-20.643%2019.911-0.899%2046.126%2019.769%2026.233%2041.823%2012.673%2044.75%2010.775l140.054-108.449c0%200%2023.015-19.012%200.687-48.657%200%200-105.169-179.743-279.463-76.575l-138.545%2067.633c0%200-179.407%2070.489-79.273%20202.545%200%200%2019.765%2028.923%2048.234%2047.087%200%200%20140.352%20114.068%20159.691%20123.68%200%200%20115.522%2063.267%20202.871-29.494%200%200%20162.115-179.981%20175.836-213.541%200%200%206.425-13.774%206.023-27.67%200%200-9.893-39.901-59.141%205.337%200%200-72.668%2080.163-109.129%20115.61%200%200-43.52%2056.435-101.225%2017.291%200%200-29.093-13.65-135.225-115.31%200%200-46.604-42.255-15.589-79.589%200%200%20107.979-95.726%20169.329-55.323%200%200%2027.504%2016.895%2042.564%2029.733%200%200%2022.154%2016.938-0.423%2034.239l-71.122%2054.556z'%20fill='%2328A13A'%20p-id='20505'%3e%3c/path%3e%3c/svg%3e", at = { class: "yee-ui-header__default-brand" }, st = { class: "yee-ui-header__logo-wrap" }, ot = ["alt", "src"], it = {
+  key: 1,
+  "aria-hidden": "true",
+  class: "yee-ui-header__logo-placeholder"
+}, rt = {
+  key: 0,
+  class: "yee-ui-header__title"
+}, dt = { class: "yee-ui-header__center" }, ct = {
+  key: 1,
+  class: "yee-ui-header__content"
+}, ut = {
+  key: 0,
+  class: "yee-ui-header__actions"
+}, ft = /* @__PURE__ */ P({
+  name: "YeeHeader",
+  __name: "YeeHeader",
+  props: /* @__PURE__ */ E({
+    headerHeight: { default: 50 },
+    sidebarWidth: { default: 224 },
+    sidebarCollapsedWidth: { default: 64 },
+    showSidebarToggle: { type: Boolean, default: !0 },
+    showRefresh: { type: Boolean, default: !0 },
+    showThemeToggle: { type: Boolean, default: !0 },
+    showFullscreen: { type: Boolean, default: !0 },
+    themeMode: {},
+    logo: { default: lt },
+    title: {},
+    logoAlt: { default: "应用 Logo" }
+  }, {
+    sidebarCollapsed: { type: Boolean, default: !1 },
+    sidebarCollapsedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ E(["refresh", "themeChange", "fullscreenChange"], ["update:sidebarCollapsed"]),
+  setup(o, { emit: v }) {
+    const l = o, a = v, u = H(o, "sidebarCollapsed"), i = Ie(Xe, void 0), _ = Y("light"), m = L(() => l.themeMode ?? i?.value.mode ?? _.value), d = Y(!1);
+    function h(s) {
+      return typeof s == "number" ? `${s}px` : s;
+    }
+    const k = L(() => ({
+      "--yee-ui-header-own-brand-width": h(
+        u.value ? l.sidebarCollapsedWidth : l.sidebarWidth
+      ),
+      "--yee-ui-header-own-height": h(l.headerHeight)
+    })), y = L(() => u.value ? "展开侧边栏" : "收起侧边栏");
+    function B() {
+      u.value = !u.value;
+    }
+    function f() {
+      a("refresh");
+    }
+    function p() {
+      const s = m.value === "light" ? "dark" : "light";
+      l.themeMode === void 0 && !i && (_.value = s), a("themeChange", s);
+    }
+    function g() {
+      const s = !!document.fullscreenElement;
+      s !== d.value && (d.value = s, a("fullscreenChange", s));
+    }
+    async function O() {
+      try {
+        if (document.fullscreenElement) {
+          typeof document.exitFullscreen == "function" && await document.exitFullscreen();
+          return;
+        }
+        const s = document.documentElement;
+        typeof s.requestFullscreen == "function" && await s.requestFullscreen();
+      } catch {
+        g();
+      }
+    }
+    return te(() => {
+      document.addEventListener("fullscreenchange", g), g();
+    }), ne(() => {
+      document.removeEventListener("fullscreenchange", g);
+    }), (s, b) => (c(), S("header", {
+      class: "yee-ui-header",
+      style: ee(k.value)
+    }, [
+      T("div", {
+        class: G(["yee-ui-header__brand", { "yee-ui-header__brand--collapsed": u.value }])
+      }, [
+        K(s.$slots, "brand", {}, () => [
+          T("div", at, [
+            T("div", st, [
+              K(s.$slots, "logo", {}, () => [
+                o.logo ? (c(), S("img", {
+                  key: 0,
+                  class: "yee-ui-header__logo",
+                  alt: o.logoAlt,
+                  src: o.logo
+                }, null, 8, ot)) : (c(), S("span", it))
+              ], !0)
+            ]),
+            s.$slots.title || o.title ? (c(), S("div", rt, [
+              K(s.$slots, "title", {}, () => [
+                X(J(o.title), 1)
+              ], !0)
+            ])) : $("", !0)
+          ])
+        ], !0)
+      ], 2),
+      T("div", dt, [
+        o.showSidebarToggle ? (c(), M(r(R), {
+          key: 0,
+          title: y.value
+        }, {
+          default: I(() => [
+            x(r(N), {
+              "aria-label": y.value,
+              class: "yee-ui-header__sidebar-toggle",
+              type: "text",
+              onClick: B
+            }, {
+              default: I(() => [
+                u.value ? (c(), M(r(Ae), { key: 0 })) : (c(), M(r(We), { key: 1 }))
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          _: 1
+        }, 8, ["title"])) : $("", !0),
+        s.$slots.content ? (c(), S("div", ct, [
+          K(s.$slots, "content", {}, void 0, !0)
+        ])) : $("", !0)
+      ]),
+      o.showRefresh || o.showThemeToggle || o.showFullscreen || s.$slots.actions ? (c(), S("div", ut, [
+        o.showRefresh ? (c(), M(r(R), {
+          key: 0,
+          title: "刷新"
+        }, {
+          default: I(() => [
+            x(r(N), {
+              "aria-label": "刷新",
+              class: "yee-ui-header__action",
+              type: "text",
+              onClick: f
+            }, {
+              default: I(() => [
+                x(r(_e), { "aria-hidden": "true" })
+              ]),
+              _: 1
+            })
+          ]),
+          _: 1
+        })) : $("", !0),
+        o.showThemeToggle ? (c(), M(r(R), {
+          key: 1,
+          title: m.value === "light" ? "切换暗色主题" : "切换亮色主题"
+        }, {
+          default: I(() => [
+            x(r(N), {
+              "aria-label": m.value === "light" ? "切换暗色主题" : "切换亮色主题",
+              class: "yee-ui-header__action",
+              type: "text",
+              onClick: p
+            }, {
+              default: I(() => [
+                m.value === "light" ? (c(), M(r(Ee), {
+                  key: 0,
+                  "aria-hidden": "true"
+                })) : (c(), M(r(ze), {
+                  key: 1,
+                  "aria-hidden": "true"
+                }))
+              ]),
+              _: 1
+            }, 8, ["aria-label"])
+          ]),
+          _: 1
+        }, 8, ["title"])) : $("", !0),
+        o.showFullscreen ? (c(), M(r(R), {
+          key: 2,
+          title: d.value ? "退出全屏" : "进入全屏"
+        }, {
+          default: I(() => [
+            x(r(N), {
+              "aria-label": d.value ? "退出全屏" : "进入全屏",
+              "aria-pressed": d.value,
+              class: "yee-ui-header__action",
+              type: "text",
+              onClick: O
+            }, {
+              default: I(() => [
+                d.value ? (c(), M(r(Fe), {
+                  key: 0,
+                  "aria-hidden": "true"
+                })) : (c(), M(r(Pe), {
+                  key: 1,
+                  "aria-hidden": "true"
+                }))
+              ]),
+              _: 1
+            }, 8, ["aria-label", "aria-pressed"])
+          ]),
+          _: 1
+        }, 8, ["title"])) : $("", !0),
+        K(s.$slots, "actions", {}, void 0, !0)
+      ])) : $("", !0)
+    ], 4));
+  }
+}), Ft = /* @__PURE__ */ V(ft, [["__scopeId", "data-v-b373a044"]]), ht = /* @__PURE__ */ P({
+  name: "YeeMenu",
+  __name: "YeeMenu",
+  props: {
+    items: { default: () => [] },
+    selectedKeys: {},
+    openKeys: {},
+    collapsed: { type: Boolean, default: !1 },
+    mode: { default: "inline" },
+    inlineIndent: { default: 16 },
+    selectable: { type: Boolean, default: !0 },
+    multiple: { type: Boolean, default: !1 },
+    disabled: { type: Boolean, default: !1 }
+  },
+  emits: ["click", "select", "openChange"],
+  setup(o, { emit: v }) {
+    const l = o, a = v, u = ve();
+    function i(s, b = 0) {
+      return s.map((w) => {
+        const A = w.icon ?? (b === 0 ? Ye : void 0);
+        return {
+          ...w.children?.length ? { children: i(w.children, b + 1) } : {},
+          ...w.disabled !== void 0 ? { disabled: w.disabled } : {},
+          ...A ? { icon: ge(A) } : {},
+          key: w.key,
+          label: u.item ? u.item({ item: w }) : w.label
+        };
+      });
+    }
+    const _ = L(() => i(l.items)), m = L(() => l.selectedKeys === void 0 ? void 0 : [...l.selectedKeys]), d = Y([]);
+    function h(s, b, w = []) {
+      for (const A of s) {
+        const W = [...w, A.key];
+        if (A.key === b) return W;
+        if (A.children?.length) {
+          const F = h(A.children, b, W);
+          if (F) return F;
+        }
+      }
+    }
+    function k(s) {
+      const b = s.at(-1);
+      if (b === void 0) return [];
+      const w = String(b);
+      return h(l.items, w) ?? [w];
+    }
+    function y(s, b) {
+      if (b === void 0)
+        return [];
+      const w = h(s, String(b));
+      return w ? w.slice(0, -1) : [];
+    }
+    le(
+      [
+        () => l.items,
+        () => l.selectedKeys?.at(-1),
+        () => l.openKeys === void 0
+      ],
+      ([s, b]) => {
+        l.openKeys !== void 0 || b === void 0 || (d.value = y(s, b));
+      },
+      { immediate: !0 }
+    );
+    const B = L(() => l.openKeys === void 0 ? d.value : k(l.openKeys)), f = L(() => ({
+      disabled: l.disabled,
+      inlineCollapsed: l.mode === "inline" && l.collapsed,
+      inlineIndent: l.inlineIndent,
+      items: _.value,
+      mode: l.mode,
+      multiple: l.multiple,
+      openKeys: B.value,
+      selectable: l.selectable,
+      ...m.value === void 0 ? {} : { selectedKeys: m.value }
+    }));
+    function p(s) {
+      a("select", String(s.key));
+    }
+    function g(s) {
+      a("click", String(s.key));
+    }
+    function O(s) {
+      const b = k(s);
+      l.openKeys === void 0 && (d.value = b), a("openChange", b);
+    }
+    return (s, b) => (c(), M(r(Z), me(f.value, {
+      class: "yee-ui-menu",
+      onClick: g,
+      onOpenChange: O,
+      onSelect: p
+    }), null, 16));
+  }
+}), bt = /* @__PURE__ */ V(ht, [["__scopeId", "data-v-3fbf938f"]]), yt = ["aria-label"], pt = {
+  key: 0,
+  class: "yee-ui-sidebar__extra"
+}, vt = /* @__PURE__ */ P({
+  name: "YeeSidebar",
+  __name: "YeeSidebar",
+  props: /* @__PURE__ */ E({
+    items: { default: () => [] },
+    selectedKeys: {},
+    openKeys: {},
+    width: { default: 224 },
+    collapsedWidth: { default: 64 },
+    ariaLabel: { default: "应用导航" }
+  }, {
+    collapsed: { type: Boolean, default: !1 },
+    collapsedModifiers: {}
+  }),
+  emits: /* @__PURE__ */ E(["click", "select", "openChange"], ["update:collapsed"]),
+  setup(o, { emit: v }) {
+    const l = o, a = H(o, "collapsed"), u = v;
+    function i(y) {
+      return typeof y == "number" ? `${y}px` : y;
+    }
+    const _ = L(() => ({
+      "--yee-ui-sidebar-own-width": i(
+        a.value ? l.collapsedWidth : l.width
+      )
+    })), m = L(() => ({
+      collapsed: a.value,
+      items: l.items,
+      ...l.openKeys === void 0 ? {} : { openKeys: l.openKeys },
+      ...l.selectedKeys === void 0 ? {} : { selectedKeys: l.selectedKeys }
+    }));
+    function d(y) {
+      u("select", y);
+    }
+    function h(y) {
+      u("click", y);
+    }
+    function k(y) {
+      u("openChange", y);
+    }
+    return (y, B) => (c(), S("aside", {
+      class: G(["yee-ui-sidebar", { "yee-ui-sidebar--collapsed": a.value }]),
+      style: ee(_.value)
+    }, [
+      T("nav", {
+        "aria-label": o.ariaLabel,
+        class: "yee-ui-sidebar__navigation"
+      }, [
+        K(y.$slots, "default", {}, () => [
+          x(bt, me(m.value, {
+            onClick: h,
+            onOpenChange: k,
+            onSelect: d
+          }), null, 16)
+        ], !0)
+      ], 8, yt),
+      y.$slots.extra ? (c(), S("div", pt, [
+        K(y.$slots, "extra", {}, void 0, !0)
+      ])) : $("", !0)
+    ], 6));
+  }
+}), Pt = /* @__PURE__ */ V(vt, [["__scopeId", "data-v-81c49558"]]);
+function mt(o, v) {
+  const l = Y();
+  let a;
+  function u() {
+    l.value?.destroy(), l.value = void 0;
+  }
+  async function i() {
+    await Q(), u();
+    const m = o.value;
+    !m || !v.enabled() || a?.matches || (l.value = Je.create(m, {
+      animation: 150,
+      draggable: ".yee-ui-tabs__item",
+      filter: (d, h) => v.enabled() ? !!(h.closest(".yee-ui-tabs__item")?.classList.contains("yee-ui-tabs__item--pinned") || h.closest(".yee-ui-tabs__close, .yee-ui-tabs__pin")) : !0,
+      onEnd: (d) => {
+        d.item.classList.remove("is-dragging");
+        const { oldIndex: h, newIndex: k } = d;
+        h !== void 0 && k !== void 0 && h !== k && v.onSort(h, k);
+      },
+      onMove: (d) => {
+        const h = d.dragged.closest(".yee-ui-tabs__item"), k = d.related.closest(".yee-ui-tabs__item");
+        return !h || !k ? !1 : !h.classList.contains("yee-ui-tabs__item--pinned") && !k.classList.contains("yee-ui-tabs__item--pinned");
+      },
+      onStart: (d) => {
+        d.item.classList.add("is-dragging");
+      },
+      preventOnFilter: !0
+    }));
+  }
+  function _() {
+    i();
+  }
+  te(() => {
+    typeof window < "u" && typeof window.matchMedia == "function" && (a = window.matchMedia("(max-width: 768px)"), a.addEventListener("change", _)), i();
+  }), le(v.enabled, () => {
+    i();
+  }), ne(() => {
+    a?.removeEventListener("change", _), a = void 0, u();
+  });
+}
+function gt(o, v) {
+  const l = Y(!1), a = Y(!1), u = Y(!1);
+  let i, _;
+  function m() {
+    const f = o.value;
+    if (!f) return;
+    const p = Math.max(0, f.scrollWidth - f.clientWidth);
+    u.value = p > 0, l.value = f.scrollLeft > 0, a.value = f.scrollLeft < p - 1;
+  }
+  function d(f) {
+    const p = o.value;
+    if (!p) return;
+    const g = Math.max(p.clientWidth - 150, 150);
+    typeof p.scrollBy == "function" ? p.scrollBy({ behavior: "smooth", left: f * g }) : p.scrollLeft += f * g;
+  }
+  async function h() {
+    await Q();
+    const p = o.value?.querySelector(".is-active");
+    !p || typeof p.scrollIntoView != "function" || p.scrollIntoView({
+      behavior: "smooth",
+      block: "nearest",
+      inline: "start"
+    });
+  }
+  function k(f) {
+    if (!v.wheelable()) return;
+    const p = f.deltaY || f.deltaX, g = o.value;
+    !g || !p || (f.preventDefault(), f.stopPropagation(), typeof g.scrollBy == "function" ? g.scrollBy({ left: p * 3, behavior: "auto" }) : g.scrollLeft += p * 3);
+  }
+  function y() {
+    const f = o.value;
+    f && (i?.disconnect(), _?.disconnect(), i = void 0, _ = void 0, typeof ResizeObserver < "u" && (i = new ResizeObserver(() => {
+      m(), h();
+    }), i.observe(f)), typeof MutationObserver < "u" && (_ = new MutationObserver(() => {
+      m(), h();
+    }), _.observe(f, { childList: !0, subtree: !0 })), m());
+  }
+  function B() {
+    m();
+  }
+  return te(() => {
+    const f = o.value;
+    f && (f.addEventListener("scroll", B, { passive: !0 }), y(), h());
+  }), ne(() => {
+    o.value?.removeEventListener("scroll", B), i?.disconnect(), _?.disconnect(), i = void 0, _ = void 0;
+  }), le(
+    [v.activeKey, v.itemsVersion],
+    () => {
+      Q(() => {
+        m(), h();
+      });
+    },
+    { flush: "post" }
+  ), {
+    canScrollLeft: l,
+    canScrollRight: a,
+    handleWheel: k,
+    scrollTabs: d,
+    showScrollButtons: u
+  };
+}
+const _t = { class: "yee-ui-tabs" }, kt = { class: "yee-ui-tabs__navigation" }, wt = ["aria-disabled", "disabled"], Ct = ["data-pinned", "data-tab-key", "onMousedown"], St = ["aria-selected", "aria-disabled", "tabindex", "onClick", "onKeydown"], Tt = { class: "yee-ui-tabs__label" }, Mt = ["aria-label", "disabled", "onClick"], $t = ["aria-label", "onClick"], xt = ["aria-disabled", "disabled"], Lt = {
+  "aria-label": "标签页操作",
+  class: "yee-ui-tabs__actions",
+  type: "button"
+}, It = /* @__PURE__ */ P({
+  name: "YeeTabs",
+  __name: "YeeTabs",
+  props: /* @__PURE__ */ E({
+    items: { default: () => [] },
+    activeKey: {},
+    closable: { type: Boolean, default: !0 },
+    draggable: { type: Boolean, default: !0 },
+    middleClickToClose: { type: Boolean, default: !1 },
+    showClose: { type: Boolean, default: !0 },
+    showIcon: { type: Boolean, default: !0 },
+    showActions: { type: Boolean, default: !0 },
+    wheelable: { type: Boolean, default: !0 },
+    contextMenus: {}
+  }, {
+    activeKey: {
+      default: void 0
+    },
+    activeKeyModifiers: {}
+  }),
+  emits: /* @__PURE__ */ E(["change", "close", "closeAll", "closeLeft", "closeOthers", "closeRight", "openInNewWindow", "pin", "refresh", "sortTabs"], ["update:activeKey"]),
+  setup(o, { expose: v, emit: l }) {
+    const a = o, u = H(o, "activeKey"), i = l, _ = ve(), m = Ke("tabsList"), d = L(() => {
+      const e = [], t = [];
+      for (const n of a.items)
+        n.pinned === !0 ? e.push(n) : t.push(n);
+      return [...e, ...t];
+    }), h = L(() => d.value.map((e) => `${e.key}:${e.label}:${e.pinned ? "pinned" : "normal"}`).join("|")), {
+      canScrollLeft: k,
+      canScrollRight: y,
+      handleWheel: B,
+      scrollTabs: f,
+      showScrollButtons: p
+    } = gt(m, {
+      activeKey: u,
+      itemsVersion: () => h.value,
+      wheelable: () => a.wheelable
+    });
+    mt(m, {
+      enabled: () => a.draggable,
+      onSort: (e, t) => {
+        const n = d.value[e], C = d.value[t];
+        if (!n || !C)
+          return;
+        const z = a.items.findIndex((j) => j.key === n.key), fe = a.items.findIndex((j) => j.key === C.key);
+        z < 0 || fe < 0 || i("sortTabs", z, fe);
+      }
+    });
+    function g(e) {
+      return a.items.find((t) => t.key === e);
+    }
+    function O(e) {
+      return g(e ?? u.value ?? "");
+    }
+    function s(e) {
+      return d.value.findIndex((t) => t.key === e.key);
+    }
+    function b(e) {
+      return e.closable ?? a.closable;
+    }
+    function w(e) {
+      return a.showClose && a.items.length > 1 && !e.pinned && b(e);
+    }
+    function A(e) {
+      return a.items.length > 1 && e.pinned === !0 && b(e);
+    }
+    const W = L(() => O());
+    function F(e) {
+      return {
+        active: u.value === e.key,
+        index: s(e),
+        tabCount: a.items.length
+      };
+    }
+    function ke(e) {
+      const { active: t, index: n, tabCount: C } = F(e), z = C <= 1;
+      return [
+        {
+          action: "close",
+          disabled: z || e.pinned === !0 || !b(e),
+          icon: ye,
+          label: "关闭"
+        },
+        {
+          action: "pin",
+          icon: e.pinned ? Ne : pe,
+          label: e.pinned ? "取消固定" : "固定"
+        },
+        {
+          action: "refresh",
+          disabled: !t,
+          icon: _e,
+          label: "重新加载"
+        },
+        {
+          action: "open-new-window",
+          icon: He,
+          label: "在新窗口打开",
+          separator: !0
+        },
+        {
+          action: "close-left",
+          disabled: !t || n <= 0,
+          icon: Ge,
+          label: "关闭左侧标签页"
+        },
+        {
+          action: "close-right",
+          disabled: !t || n >= C - 1,
+          icon: qe,
+          label: "关闭右侧标签页",
+          separator: !0
+        },
+        {
+          action: "close-others",
+          disabled: !t || z,
+          icon: Ue,
+          label: "关闭其它标签页"
+        },
+        {
+          action: "close-all",
+          disabled: z,
+          icon: je,
+          label: "关闭全部标签页"
+        }
+      ];
+    }
+    function we(e) {
+      return a.contextMenus?.(e, F(e)) ?? ke(e);
+    }
+    function ae(e) {
+      const t = [];
+      for (const n of we(e)) {
+        if (n.hidden) continue;
+        const C = n.icon ? {
+          disabled: n.disabled,
+          icon: ge(n.icon),
+          key: n.action,
+          label: n.label
+        } : {
+          disabled: n.disabled,
+          key: n.action,
+          label: n.label
+        };
+        t.push(C), n.separator && t.push({ type: "divider" });
+      }
+      return t;
+    }
+    function q(e) {
+      const t = g(e);
+      return !t || t.disabled ? !1 : (u.value = t.key, i("change", t.key), !0);
+    }
+    function D(e) {
+      const t = g(e);
+      return !t || t.disabled || t.pinned || !b(t) ? !1 : (i("close", t.key), !0);
+    }
+    function se(e) {
+      const t = O(e);
+      return t ? (i("closeLeft", t.key), !0) : !1;
+    }
+    function oe(e) {
+      const t = O(e);
+      return t ? (i("closeRight", t.key), !0) : !1;
+    }
+    function ie(e) {
+      const t = O(e);
+      return t ? (i("closeOthers", t.key), !0) : !1;
+    }
+    function re() {
+      return a.items.length ? (i("closeAll"), !0) : !1;
+    }
+    function Ce() {
+      return [...d.value];
+    }
+    function U(e, t) {
+      const n = g(e);
+      return !n || n.disabled ? !1 : (i("pin", {
+        key: n.key,
+        pinned: t ?? !n.pinned
+      }), !0);
+    }
+    function de(e) {
+      const t = O(e);
+      return !t || t.disabled ? !1 : (i("refresh", t.key), !0);
+    }
+    function ce(e) {
+      const t = O(e);
+      return !t || t.disabled ? !1 : (i("openInNewWindow", t.key), !0);
+    }
+    function Se(e, t) {
+      (t.key === "Enter" || t.key === " ") && (t.preventDefault(), q(e.key));
+    }
+    function Te(e, t) {
+      t.button === 1 && a.middleClickToClose && a.items.length > 1 && !e.pinned && b(e) && (t.preventDefault(), t.stopPropagation(), D(e.key));
+    }
+    function Me(e, t) {
+      t.stopPropagation(), D(e.key);
+    }
+    function $e(e, t) {
+      t.stopPropagation(), U(e.key);
+    }
+    function ue(e, t) {
+      switch (t) {
+        case "close":
+          D(e.key);
+          break;
+        case "pin":
+          U(e.key);
+          break;
+        case "refresh":
+          de(e.key);
+          break;
+        case "open-new-window":
+          ce(e.key);
+          break;
+        case "close-left":
+          se(e.key);
+          break;
+        case "close-right":
+          oe(e.key);
+          break;
+        case "close-others":
+          ie(e.key);
+          break;
+        case "close-all":
+          re();
+          break;
+      }
+    }
+    function xe(e, t) {
+      ue(e, String(t.key));
+    }
+    function Le(e) {
+      const t = W.value;
+      t && ue(t, String(e.key));
+    }
+    return v({
+      activateTab: q,
+      closeAllTabs: re,
+      closeLeftTabs: se,
+      closeOtherTabs: ie,
+      closeRightTabs: oe,
+      closeTab: D,
+      getTab: g,
+      getTabs: Ce,
+      openTabInNewWindow: ce,
+      pinTab: U,
+      refreshTab: de
+    }), (e, t) => (c(), S("div", _t, [
+      T("div", kt, [
+        r(p) ? (c(), S("button", {
+          key: 0,
+          "aria-disabled": !r(k),
+          "aria-label": "向左滚动标签",
+          class: "yee-ui-tabs__scroll-button yee-ui-tabs__scroll-button--left",
+          disabled: !r(k),
+          type: "button",
+          onClick: t[0] || (t[0] = (n) => r(f)(-1))
+        }, [
+          x(r(Ve), { "aria-hidden": "true" })
+        ], 8, wt)) : $("", !0),
+        T("div", {
+          ref: "tabsList",
+          "aria-label": "页面标签",
+          class: "yee-ui-tabs__list",
+          role: "tablist",
+          onWheel: t[1] || (t[1] = //@ts-ignore
+          (...n) => r(B) && r(B)(...n))
+        }, [
+          (c(!0), S(he, null, Be(d.value, (n) => (c(), M(r(be), {
+            key: n.key,
+            "overlay-class-name": "yee-ui-tabs__context-menu",
+            trigger: ["contextmenu"]
+          }, {
+            overlay: I(() => [
+              x(r(Z), {
+                items: ae(n),
+                onClick: (C) => xe(n, C)
+              }, null, 8, ["items", "onClick"])
+            ]),
+            default: I(() => [
+              T("div", {
+                "data-pinned": n.pinned ? "true" : "false",
+                "data-tab-key": n.key,
+                class: G(["yee-ui-tabs__item", {
+                  "is-active": u.value === n.key,
+                  "yee-ui-tabs__item--disabled": n.disabled,
+                  "yee-ui-tabs__item--pinned": n.pinned
+                }]),
+                onMousedown: (C) => Te(n, C)
+              }, [
+                T("div", {
+                  "aria-selected": u.value === n.key,
+                  "aria-disabled": n.disabled || void 0,
+                  class: "yee-ui-tabs__tab",
+                  role: "tab",
+                  tabindex: n.disabled ? -1 : 0,
+                  onClick: (C) => q(n.key),
+                  onKeydown: (C) => Se(n, C)
+                }, [
+                  o.showIcon && n.icon ? (c(), M(Oe(n.icon), {
+                    key: 0,
+                    class: "yee-ui-tabs__icon"
+                  })) : $("", !0),
+                  T("span", Tt, [
+                    _.tab ? K(e.$slots, "tab", {
+                      key: 0,
+                      active: u.value === n.key,
+                      item: n
+                    }, () => [
+                      X(J(n.label), 1)
+                    ], !0) : (c(), S(he, { key: 1 }, [
+                      X(J(n.label), 1)
+                    ], 64))
+                  ])
+                ], 40, St),
+                w(n) ? (c(), S("button", {
+                  key: 0,
+                  "aria-label": `关闭${n.label}`,
+                  class: "yee-ui-tabs__close",
+                  disabled: n.disabled,
+                  type: "button",
+                  onClick: (C) => Me(n, C)
+                }, [
+                  x(r(ye), { "aria-hidden": "true" })
+                ], 8, Mt)) : $("", !0),
+                A(n) ? (c(), S("button", {
+                  key: 1,
+                  "aria-label": `取消固定${n.label}`,
+                  class: "yee-ui-tabs__pin",
+                  type: "button",
+                  onClick: (C) => $e(n, C)
+                }, [
+                  x(r(pe), { "aria-hidden": "true" })
+                ], 8, $t)) : $("", !0)
+              ], 42, Ct)
+            ]),
+            _: 2
+          }, 1024))), 128))
+        ], 544),
+        r(p) ? (c(), S("button", {
+          key: 1,
+          "aria-disabled": !r(y),
+          "aria-label": "向右滚动标签",
+          class: "yee-ui-tabs__scroll-button yee-ui-tabs__scroll-button--right",
+          disabled: !r(y),
+          type: "button",
+          onClick: t[2] || (t[2] = (n) => r(f)(1))
+        }, [
+          x(r(De), { "aria-hidden": "true" })
+        ], 8, xt)) : $("", !0)
+      ]),
+      o.showActions ? (c(), M(r(be), {
+        key: 0,
+        disabled: !W.value,
+        "overlay-class-name": "yee-ui-tabs__dropdown",
+        placement: "bottomRight",
+        trigger: ["click"]
+      }, {
+        overlay: I(() => [
+          x(r(Z), {
+            items: W.value ? ae(W.value) : [],
+            onClick: Le
+          }, null, 8, ["items"])
+        ]),
+        default: I(() => [
+          T("button", Lt, [
+            x(r(Re), { "aria-hidden": "true" })
+          ])
+        ]),
+        _: 1
+      }, 8, ["disabled"])) : $("", !0)
+    ]));
+  }
+}), Vt = /* @__PURE__ */ V(It, [["__scopeId", "data-v-af23f0b8"]]);
+export {
+  zt as Y,
+  Ft as a,
+  bt as b,
+  Pt as c,
+  Vt as d
+};