hys-ui 0.6.0 → 0.7.0

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

@@ -0,0 +1,687 @@
+import { defineComponent as aa, defineAsyncComponent as ta, useId as oa, ref as z, computed as p, watch as Ee, onActivated as la, onDeactivated as na, onBeforeUnmount as sa, openBlock as r, createElementBlock as h, mergeProps as Me, unref as o, createElementVNode as I, createVNode as g, createCommentVNode as d, createBlock as k, resolveDynamicComponent as K, TransitionGroup as ia, withCtx as C, Fragment as ra, renderList as ua, normalizeStyle as De, normalizeClass as Le, createTextVNode as Se, toDisplayString as V, createSlots as da, Teleport as ca, nextTick as ne } from "vue";
+import { ChevronUp as va, ChevronRight as Be, ChevronLeft as Ae, GripVertical as ba, Pin as fa, Star as ya, LoaderCircle as pa, X as ha, ChevronDown as ga, Plus as ka } from "lucide-vue-next";
+import { useHysRootAttrs as wa } from "../../../config.js";
+import { useContainerWidth as ma } from "../../../composables/useContainerWidth.js";
+import { useMotion as xa } from "../../../motion/useMotion.js";
+import Ca from "../TabsPanels/TabsPanels.vue.js";
+import x from "../TabsSlot/TabsSlot.js";
+import { bounded as se, tabToken as q, tabLength as T, tabIdToken as Ie } from "../tabsItems.js";
+import { useTabsPersistence as Ta } from "../tabsPersistence.js";
+import { useTabsNav as Pa } from "../useTabsNav.js";
+import { useTabsOverlays as za } from "../useTabsOverlays.js";
+import { useTabsPanels as Ea } from "../useTabsPanels.js";
+import { useTabsPointer as Ma } from "../useTabsPointer.js";
+import { useTabsState as Da } from "../useTabsState.js";
+const La = ["data-type", "data-size", "data-placement", "data-vertical", "data-fixed", "data-sticky", "data-separator", "data-motion"], Sa = {
+  key: 0,
+  class: "hys-ui-tabs-extra"
+}, Ba = ["aria-label"], Aa = ["aria-label", "aria-busy", "aria-orientation", "data-overflow", "data-dragging", "data-align", "data-stretch"], Ia = ["data-tab-group", "data-selected", "data-pinned", "data-dragging", "data-drop"], Ka = {
+  key: 0,
+  class: "hys-tab-drag-handle",
+  "aria-hidden": "true"
+}, Fa = ["id", "data-tab-key", "aria-selected", "aria-controls", "aria-keyshortcuts", "disabled", "tabindex", "title", "onFocus", "onClick", "onDblclick", "onContextmenu", "onPointerenter"], Ha = { class: "hys-tab-label" }, Ra = {
+  key: 0,
+  class: "hys-tab-badge"
+}, Na = ["data-status", "aria-label"], Ua = ["aria-label", "aria-busy", "disabled", "onClick"], Va = ["aria-label"], Wa = ["disabled"], Oa = {
+  key: 5,
+  class: "hys-ui-tabs-extra"
+}, $a = {
+  key: 6,
+  class: "hys-tab-preview",
+  role: "status"
+}, Ga = { key: 0 }, Xa = ["data-swipe"], it = /* @__PURE__ */ aa({
+  __name: "TabsWorkbench",
+  props: {
+    options: {},
+    declarations: {},
+    declarative: { type: Boolean },
+    slots: {},
+    emit: { type: Function }
+  },
+  setup(s, { expose: Ke }) {
+    const l = s, F = () => l.options, Fe = ta(() => import("../TabsMore/TabsMore.vue.js")), ie = wa(), re = oa(), P = z(), D = z(), {
+      menu: j,
+      prompts: He,
+      menuComponent: ue,
+      promptComponent: de,
+      showMenu: Re,
+      closeMenu: Ne,
+      prompt: ce
+    } = za(l.emit), ve = ma(P), J = p(() => {
+      const e = l.options.placement ?? (l.options.vertical ? "left" : "top");
+      return l.options.responsive && ve.value > 0 && ve.value < se(l.options.breakpoint, 560, 2400) && (e === "left" || e === "right") ? "top" : e;
+    }), m = p(
+      () => J.value === "left" || J.value === "right"
+    ), { effectiveMotion: Ue } = xa(), H = p(
+      () => l.options.animated !== !1 && Ue.value !== "off"
+    ), Q = p(
+      () => l.declarative || l.declarations.length > 0
+    ), n = Da(
+      F,
+      () => l.declarations.map((e) => e.item),
+      () => Q.value,
+      l.emit,
+      async (e, t) => {
+        var a;
+        return ((a = await ce()) == null ? void 0 : a.confirm(e, t)) ?? !1;
+      }
+    ), b = n.active, w = n.visible, W = Ea(
+      F,
+      () => w.value,
+      () => b.value,
+      l.emit
+    ), c = Pa(
+      F,
+      () => w.value,
+      () => b.value,
+      () => m.value,
+      () => H.value,
+      (e, t) => ee(e, t)
+    ), O = c.nav, Ve = c.track, be = Ta(
+      F,
+      n,
+      () => O.value,
+      l.emit
+    ), fe = p(
+      () => new Map(w.value.map((e) => [q(e.value), e]))
+    ), Z = p(
+      () => new Map(l.declarations.map((e) => [e.item.value, e.slots]))
+    ), ye = (e) => re + "-tab-" + Ie(e), pe = (e) => re + "-panel-" + Ie(e), R = z(), N = z(), _ = z(), We = p(() => {
+      var t, a, i;
+      const e = n.enabled.value;
+      return ((t = e.find((v) => v.value === R.value)) == null ? void 0 : t.value) ?? ((a = e.find((v) => v.value === b.value)) == null ? void 0 : a.value) ?? ((i = e[0]) == null ? void 0 : i.value);
+    }), he = p(
+      () => Q.value || !!l.options.workbench || !!l.slots.empty || !!l.slots.panel || w.value.some(
+        (e) => e.load || e.component || e.content !== void 0
+      )
+    ), Oe = p(() => he.value || !!l.slots.default), $ = p(
+      () => _.value === void 0 ? void 0 : n.byKey.value.get(_.value)
+    ), U = p(
+      () => N.value === void 0 ? void 0 : n.byKey.value.get(N.value)
+    ), ge = p(
+      () => l.options.contextMenu ?? l.options.workbench ?? !!l.slots.contextmenu
+    );
+    let ke;
+    function L() {
+      clearTimeout(ke), N.value !== void 0 && (N.value = void 0, l.emit("previewChange", void 0));
+    }
+    function $e(e, t) {
+      t.pointerType === "touch" || e.disabled || l.options.disabled || e.value === b.value || (L(), !(l.options.trigger !== "hover" && !l.options.preview) && (ke = setTimeout(
+        () => {
+          l.options.preview && l.options.trigger !== "hover" ? (N.value = e.value, l.emit("previewChange", e.value)) : n.select(e.value, "hover");
+        },
+        se(l.options.hoverDelay, l.options.preview ? 180 : 0, 5e3)
+      )));
+    }
+    function E(e = b.value) {
+      const t = n.enabled.value.find((a) => a.value === e) ?? n.enabled.value[0];
+      t && (R.value = t.value, c.focus(t.value));
+    }
+    function Ge(e, t) {
+      l.options.disabled || e.disabled || (L(), l.emit("tabClick", e.value, t), n.select(e.value, "click"));
+    }
+    function ee(e, t) {
+      const a = n.enabled.value;
+      if (!a.length) return;
+      const i = a.findIndex((f) => f.value === b.value), v = a[i < 0 ? e > 0 ? 0 : a.length - 1 : (i + e + a.length) % a.length];
+      n.select(v.value, t);
+    }
+    async function G(e = b.value) {
+      var i, v;
+      const t = !!((i = O.value) != null && i.contains(document.activeElement)) || !!((v = j.value) != null && v.open), a = await n.close(e);
+      return t && a && !n.byKey.value.has(e) && await ne(() => E()), a;
+    }
+    async function Xe(e, t) {
+      var i;
+      if (e !== "left" && e !== "right" && e !== "others" && e !== "all")
+        return;
+      const a = !!((i = j.value) != null && i.open);
+      await n.closeMany(e, t.value), a && !n.byKey.value.has(t.value) && await ne(() => E());
+    }
+    function ae(e, t) {
+      var v;
+      if (l.options.disabled || e.disabled || (l.emit("tabContextmenu", e.value, t), !ge.value)) return;
+      t.preventDefault(), _.value = e.value, E(e.value);
+      const a = (v = c.button(e.value)) == null ? void 0 : v.getBoundingClientRect(), i = t instanceof MouseEvent && t.type !== "keydown" && (t.clientX || t.clientY) ? { x: t.clientX, y: t.clientY } : { x: (a == null ? void 0 : a.left) ?? 0, y: (a == null ? void 0 : a.bottom) ?? 0 };
+      Re(i);
+    }
+    const u = Ma(
+      F,
+      c,
+      (e) => fe.value.get(e),
+      n.canMove,
+      n.move,
+      () => m.value,
+      (e, t) => {
+        l.emit("tabLongpress", e.value, t), ae(e, t);
+      },
+      (e) => ee(e, "swipe"),
+      () => H.value
+    ), Ye = u.ghostElement, te = (e) => e.target.closest(".hys-ui-tabs-root") === P.value;
+    function qe(e) {
+      var ze;
+      const t = e.target.closest(
+        '[role="tab"]'
+      );
+      if (e.target.closest(".hys-ui-tab-close")) return;
+      const a = ((t == null ? void 0 : t.dataset.tabKey) && ((ze = fe.value.get(t.dataset.tabKey)) == null ? void 0 : ze.value)) ?? R.value ?? b.value, i = n.enabled.value, v = i.findIndex((Y) => Y.value === a), f = i[v], A = m.value ? ["ArrowUp", "ArrowDown"] : c.rtl() ? ["ArrowRight", "ArrowLeft"] : ["ArrowLeft", "ArrowRight"];
+      if (f && (e.key === "ContextMenu" || e.key === "F10" && e.shiftKey)) {
+        ae(f, e);
+        return;
+      }
+      if (e.key === "Delete" && f && n.canClose(f)) {
+        e.preventDefault(), G(f.value);
+        return;
+      }
+      if (l.options.shortcuts && e.altKey && e.shiftKey && ["PageUp", "PageDown"].includes(e.key)) {
+        e.preventDefault(), ee(e.key === "PageUp" ? -1 : 1, "keyboard");
+        return;
+      }
+      if (l.options.shortcuts && f && e.key === "F2") {
+        e.preventDefault(), we(f);
+        return;
+      }
+      if (t && (e.key === "Enter" || e.key === " ") && l.options.activation === "manual") {
+        e.preventDefault(), f && n.select(f.value, "keyboard");
+        return;
+      }
+      if (!i.length || ![...A, "Home", "End"].includes(e.key)) return;
+      e.preventDefault();
+      const y = e.key === A[0] ? -1 : 1;
+      if (f && l.options.draggable && e.altKey && e.shiftKey && A.includes(e.key)) {
+        const Y = i[v + y];
+        Y && n.move(f.value, Y.value, y > 0).then((ea) => {
+          ea && E(f.value);
+        });
+        return;
+      }
+      const Pe = e.key === "Home" ? 0 : e.key === "End" ? i.length - 1 : v < 0 ? y < 0 ? i.length - 1 : 0 : (v + y + i.length) % i.length;
+      E(i[Pe].value), l.options.activation !== "manual" && n.select(i[Pe].value, "keyboard");
+    }
+    async function we(e) {
+      var a;
+      if (!n.canEdit() || e.readonly || e.disabled) return;
+      const t = await ((a = await ce()) == null ? void 0 : a.rename(e));
+      typeof t == "string" && await n.rename(e.value, t);
+    }
+    function me(e) {
+      const t = $.value;
+      t && (e === "reload" ? W.reload(t.value) : e === "pin" ? n.pin(t.value) : e === "favorite" ? n.favorite(t.value) : e === "rename" ? we(t) : e === "restore" ? n.restore() : e === "current" ? G(t.value) : Xe(e, t));
+    }
+    const je = p(() => {
+      const e = $.value;
+      if (!e || l.slots.contextmenu) return [];
+      const t = n.canEdit() && !e.readonly, a = w.value.findIndex((i) => i.value === e.value);
+      return [
+        { label: "刷新页签", value: "reload" },
+        { label: "重命名", value: "rename", disabled: !t },
+        {
+          label: e.pinned ? "取消固定" : "固定页签",
+          value: "pin",
+          disabled: !t
+        },
+        {
+          label: e.favorite ? "取消收藏" : "收藏页签",
+          value: "favorite",
+          disabled: !t
+        },
+        { label: "", type: "divider", value: "divider" },
+        { label: "关闭当前", value: "current", disabled: !n.canClose(e) },
+        {
+          label: "关闭左侧",
+          value: "left",
+          disabled: !w.value.slice(0, a).some(n.canClose)
+        },
+        {
+          label: "关闭右侧",
+          value: "right",
+          disabled: !w.value.slice(a + 1).some(n.canClose)
+        },
+        {
+          label: "关闭其他",
+          value: "others",
+          disabled: !w.value.some(
+            (i) => i.value !== e.value && n.canClose(i)
+          )
+        },
+        {
+          label: "关闭所有可关闭项",
+          value: "all",
+          disabled: !n.all.value.some(n.canClose)
+        },
+        {
+          label: "恢复最近关闭",
+          value: "restore",
+          disabled: !n.closed.value.length || !n.canEdit()
+        }
+      ];
+    });
+    async function Je(e) {
+      const t = await n.select(e, "menu");
+      return t && await ne(() => E(e)), t;
+    }
+    const S = (e) => ({
+      item: e,
+      active: b.value === e.value
+    }), Qe = (e) => !e.pinned && !e.readonly && !l.options.readonly && (e.closable ?? (l.options.closable || l.options.editable || l.options.workbench)), X = p(() => !!l.options.fixed && !m.value), xe = z(0), Ce = z(0), oe = z(0);
+    let M;
+    function B() {
+      if (!X.value || !P.value || !D.value) return;
+      const e = P.value.getBoundingClientRect();
+      Ce.value = e.left, oe.value = e.width, xe.value = D.value.offsetHeight;
+    }
+    function le() {
+      M == null || M.disconnect(), M = void 0, typeof window < "u" && (window.removeEventListener("resize", B), window.removeEventListener("scroll", B, !0));
+    }
+    function Te() {
+      le(), !(!X.value || !P.value || !D.value) && (B(), typeof ResizeObserver < "u" && (M = new ResizeObserver(B), M.observe(P.value), M.observe(D.value)), window.addEventListener("resize", B), window.addEventListener("scroll", B, {
+        passive: !0,
+        capture: !0
+      }));
+    }
+    Ee([X, P, D], Te, { flush: "post" }), la(Te);
+    const Ze = p(() => ({
+      "--hys-tab-width": T(l.options.tabWidth),
+      "--hys-tab-height": T(l.options.tabHeight),
+      "--hys-tab-max-width": T(l.options.tabMaxWidth),
+      "--hys-tab-gap": T(l.options.gap),
+      "--hys-tab-radius": T(l.options.radius),
+      "--hys-tab-bar-offset": T(l.options.barOffset),
+      "--hys-tab-panel-height": T(l.options.panelHeight),
+      "--hys-tab-panel-max": T(l.options.panelMaxHeight),
+      "--hys-tab-duration": se(l.options.duration, 160, 5e3) + "ms",
+      "--hys-tab-ease": l.options.easing ?? (l.options.animation === "spring" ? "cubic-bezier(.22,1.5,.45,1)" : void 0),
+      "--hys-tab-custom-animation": l.options.animationName,
+      "--hys-tab-fixed-width": oe.value + "px",
+      "--hys-tab-fixed-left": Ce.value + "px",
+      "--hys-tab-bar-height": xe.value + "px"
+    }));
+    Ee(b, () => {
+      var e;
+      L(), (e = O.value) != null && e.contains(document.activeElement) || (R.value = void 0);
+    }), na(() => {
+      L(), le();
+    }), sa(() => {
+      L(), le();
+    });
+    function _e(e) {
+      var t;
+      e.setAttribute("aria-hidden", "true"), (t = e.querySelector('[role="tab"]')) == null || t.setAttribute("aria-selected", "false"), e instanceof HTMLElement && (e.inert = !0);
+    }
+    return Ke({
+      active: b,
+      recent: n.recent,
+      closed: p(() => n.closed.value.map((e) => e.item)),
+      select: n.select,
+      focus: E,
+      scrollToActiveTab: c.scrollTo,
+      add: n.add,
+      close: G,
+      closeMany: n.closeMany,
+      rename: n.rename,
+      pin: n.pin,
+      favorite: n.favorite,
+      move: n.move,
+      restore: n.restore,
+      preload: W.preload,
+      reload: W.reload,
+      save: be.save
+    }), (e, t) => (r(), h("div", Me({
+      ref_key: "root",
+      ref: P
+    }, o(ie), {
+      class: "hys-ui-tabs-root",
+      style: Ze.value,
+      "data-type": s.options.type,
+      "data-size": s.options.size,
+      "data-placement": J.value,
+      "data-vertical": m.value || void 0,
+      "data-fixed": X.value && oe.value > 0 || void 0,
+      "data-sticky": s.options.sticky || void 0,
+      "data-separator": s.options.separator || void 0,
+      "data-motion": H.value ? s.options.animationName ? "custom" : s.options.animation : "none"
+    }), [
+      I("div", {
+        ref_key: "header",
+        ref: D,
+        class: "hys-ui-tabs-header"
+      }, [
+        s.slots.prefix ? (r(), h("div", Sa, [
+          g(o(x), {
+            render: s.slots.prefix
+          }, null, 8, ["render"])
+        ])) : d("", !0),
+        s.options.showScrollButtons && o(c).before.value ? (r(), h("button", {
+          key: 1,
+          type: "button",
+          class: "hys-ui-tab-control",
+          "aria-label": m.value ? "向上滚动页签" : "向前滚动页签",
+          onClick: t[0] || (t[0] = (a) => o(c).scroll(-1))
+        }, [
+          (r(), k(K(m.value ? o(va) : o(c).rtl() ? o(Be) : o(Ae)), {
+            size: 16,
+            "aria-hidden": "true"
+          }))
+        ], 8, Ba)) : d("", !0),
+        I("div", {
+          ref_key: "navElement",
+          ref: O,
+          class: "hys-ui-tabs",
+          role: "tablist",
+          "aria-label": s.options.ariaLabel || "页签",
+          "aria-busy": o(n).pending.value || void 0,
+          "aria-orientation": m.value ? "vertical" : "horizontal",
+          "data-overflow": s.options.overflow ?? "scroll",
+          "data-dragging": o(u).dragging.value !== void 0 || void 0,
+          "data-align": s.options.align ?? (s.options.centered ? "center" : "start"),
+          "data-stretch": s.options.stretch || void 0,
+          onKeydown: qe,
+          onScrollPassive: t[1] || (t[1] = (a) => {
+            o(c).schedule(), o(be).scrolled();
+          }),
+          onWheel: t[2] || (t[2] = //@ts-ignore
+          (...a) => o(c).wheel && o(c).wheel(...a)),
+          onPointerdown: t[3] || (t[3] = //@ts-ignore
+          (...a) => o(u).down && o(u).down(...a)),
+          onPointermove: t[4] || (t[4] = //@ts-ignore
+          (...a) => o(u).motion && o(u).motion(...a)),
+          onPointerup: t[5] || (t[5] = (a) => o(u).finish(a)),
+          onPointercancel: t[6] || (t[6] = //@ts-ignore
+          (...a) => o(u).cancel && o(u).cancel(...a)),
+          onLostpointercapture: t[7] || (t[7] = //@ts-ignore
+          (...a) => o(u).cancel && o(u).cancel(...a)),
+          onPointerleave: t[8] || (t[8] = (a) => o(u).dragging.value === void 0 && o(u).cancel(a)),
+          onClickCapture: t[9] || (t[9] = //@ts-ignore
+          (...a) => o(u).clickCapture && o(u).clickCapture(...a))
+        }, [
+          I("div", {
+            ref_key: "track",
+            ref: Ve,
+            class: "hys-tabs-track"
+          }, [
+            g(ia, {
+              tag: "div",
+              css: H.value,
+              name: H.value ? "hys-tabs-move" : "hys-tabs-still",
+              class: "hys-tabs-items",
+              onBeforeLeave: _e
+            }, {
+              default: C(() => [
+                (r(!0), h(ra, null, ua(o(w), (a) => {
+                  var i, v, f, A;
+                  return r(), h("div", {
+                    key: o(q)(a.value),
+                    "data-tab-group": o(q)(a.value),
+                    class: Le(["hys-ui-tab-item", a.class]),
+                    style: De([
+                      {
+                        "--hys-tab-item-width": o(T)(a.width),
+                        "--hys-tab-item-color": a.color
+                      },
+                      a.style
+                    ]),
+                    "data-selected": o(b) === a.value || void 0,
+                    "data-pinned": a.pinned || void 0,
+                    "data-dragging": o(u).dragging.value === a.value || void 0,
+                    "data-drop": ((i = o(u).drop.value) == null ? void 0 : i.value) === a.value ? o(u).drop.value.after ? "after" : "before" : void 0
+                  }, [
+                    s.options.draggable && s.options.dragHandle && o(n).canMove(a) ? (r(), h("span", Ka, [
+                      g(o(ba), { size: 14 })
+                    ])) : d("", !0),
+                    I("button", {
+                      id: ye(a.value),
+                      ref_for: !0,
+                      ref: (y) => o(c).setButton(a.value, y),
+                      type: "button",
+                      role: "tab",
+                      class: Le(["hys-tab-title", { "hys-ui-active": o(b) === a.value }]),
+                      "data-tab-key": o(q)(a.value),
+                      "aria-selected": o(b) === a.value,
+                      "aria-controls": he.value || s.slots.default && o(b) === a.value ? pe(a.value) : void 0,
+                      "aria-keyshortcuts": o(n).canClose(a) ? "Delete" : void 0,
+                      disabled: s.options.disabled || a.disabled,
+                      tabindex: We.value === a.value ? 0 : -1,
+                      title: s.options.titleTooltip !== !1 ? a.label : void 0,
+                      onFocus: (y) => R.value = a.value,
+                      onClick: (y) => Ge(a, y),
+                      onDblclick: (y) => !a.disabled && !s.options.disabled && s.emit("tabDblclick", a.value, y),
+                      onContextmenu: (y) => ae(a, y),
+                      onPointerenter: (y) => $e(a, y),
+                      onPointerleave: L
+                    }, [
+                      a.pinned ? (r(), k(o(fa), {
+                        key: 0,
+                        size: 13,
+                        "aria-hidden": "true",
+                        class: "hys-tab-mark"
+                      })) : d("", !0),
+                      g(o(x), {
+                        render: ((v = Z.value.get(a.value)) == null ? void 0 : v.icon) ?? s.slots.icon,
+                        scope: S(a)
+                      }, {
+                        default: C(() => [
+                          a.icon ? (r(), k(K(a.icon), {
+                            key: 0,
+                            size: 15,
+                            "aria-hidden": "true"
+                          })) : d("", !0)
+                        ]),
+                        _: 2
+                      }, 1032, ["render", "scope"]),
+                      I("span", Ha, [
+                        g(o(x), {
+                          render: ((f = Z.value.get(a.value)) == null ? void 0 : f.label) ?? s.slots.label,
+                          scope: S(a)
+                        }, {
+                          default: C(() => [
+                            Se(V(a.label), 1)
+                          ]),
+                          _: 2
+                        }, 1032, ["render", "scope"])
+                      ]),
+                      g(o(x), {
+                        render: ((A = Z.value.get(a.value)) == null ? void 0 : A.badge) ?? s.slots.badge,
+                        scope: S(a)
+                      }, {
+                        default: C(() => [
+                          a.badge !== void 0 ? (r(), h("span", Ra, V(a.badge), 1)) : d("", !0)
+                        ]),
+                        _: 2
+                      }, 1032, ["render", "scope"]),
+                      a.favorite ? (r(), k(o(ya), {
+                        key: 1,
+                        size: 12,
+                        "aria-hidden": "true",
+                        class: "hys-tab-mark"
+                      })) : d("", !0),
+                      g(o(x), {
+                        render: s.slots["status-icon"],
+                        scope: S(a)
+                      }, {
+                        default: C(() => [
+                          a.statusIcon ? (r(), k(K(a.statusIcon), {
+                            key: 0,
+                            size: 14,
+                            "aria-hidden": "true"
+                          })) : a.status === "loading" ? (r(), k(o(pa), {
+                            key: 1,
+                            size: 13,
+                            class: "hys-tab-spinner",
+                            "aria-hidden": "true"
+                          })) : a.dot || a.status || a.unread || a.dirty ? (r(), h("span", {
+                            key: 2,
+                            class: "hys-tab-dot",
+                            "data-status": a.dirty ? "warning" : a.status,
+                            "aria-label": a.dirty ? "未保存" : a.unread ? "未读" : a.status,
+                            role: "img"
+                          }, null, 8, Na)) : d("", !0)
+                        ]),
+                        _: 2
+                      }, 1032, ["render", "scope"])
+                    ], 42, Fa),
+                    Qe(a) ? (r(), h("button", {
+                      key: 1,
+                      type: "button",
+                      class: "hys-ui-tab-close",
+                      tabindex: "-1",
+                      "aria-label": "关闭" + a.label,
+                      "aria-busy": o(n).closing.has(a.value) || void 0,
+                      disabled: !o(n).canClose(a) || o(n).closing.has(a.value),
+                      onClick: (y) => G(a.value)
+                    }, [
+                      g(o(x), {
+                        render: s.slots["close-icon"],
+                        scope: S(a)
+                      }, {
+                        default: C(() => [
+                          g(o(ha), {
+                            size: 13,
+                            "aria-hidden": "true"
+                          })
+                        ]),
+                        _: 1
+                      }, 8, ["render", "scope"])
+                    ], 8, Ua)) : d("", !0)
+                  ], 14, Ia);
+                }), 128))
+              ]),
+              _: 1
+            }, 8, ["css", "name"]),
+            s.options.type === "line" && s.options.overflow !== "wrap" ? (r(), h("span", {
+              key: 0,
+              class: "hys-tabs-indicator",
+              style: De(o(c).indicator.value),
+              "aria-hidden": "true"
+            }, null, 4)) : d("", !0)
+          ], 512)
+        ], 40, Aa),
+        s.options.showScrollButtons && o(c).after.value ? (r(), h("button", {
+          key: 2,
+          type: "button",
+          class: "hys-ui-tab-control",
+          "aria-label": m.value ? "向下滚动页签" : "向后滚动页签",
+          onClick: t[10] || (t[10] = (a) => o(c).scroll(1))
+        }, [
+          (r(), k(K(m.value ? o(ga) : o(c).rtl() ? o(Ae) : o(Be)), {
+            size: 16,
+            "aria-hidden": "true"
+          }))
+        ], 8, Va)) : d("", !0),
+        s.options.workbench || (s.options.overflow === "menu" || s.options.overflow === "clip") && o(c).hasOverflow.value ? (r(), k(o(Fe), {
+          key: 3,
+          items: o(w),
+          overflow: o(c).overflowed.value,
+          recent: o(n).recent.value,
+          active: o(b),
+          disabled: s.options.disabled,
+          search: s.options.moreSearch,
+          slots: s.slots,
+          select: Je
+        }, null, 8, ["items", "overflow", "recent", "active", "disabled", "search", "slots"])) : d("", !0),
+        s.options.addable || s.options.editable || s.options.workbench ? (r(), h("button", {
+          key: 4,
+          type: "button",
+          class: "hys-ui-tab-control hys-ui-tab-add",
+          "aria-label": "添加页签",
+          disabled: s.options.disabled || s.options.readonly,
+          onClick: t[11] || (t[11] = (a) => o(n).add())
+        }, [
+          g(o(x), {
+            render: s.slots["add-icon"]
+          }, {
+            default: C(() => [
+              g(o(ka), {
+                size: 16,
+                "aria-hidden": "true"
+              })
+            ]),
+            _: 1
+          }, 8, ["render"])
+        ], 8, Wa)) : d("", !0),
+        s.slots.suffix ? (r(), h("div", Oa, [
+          g(o(x), {
+            render: s.slots.suffix
+          }, null, 8, ["render"])
+        ])) : d("", !0),
+        U.value ? (r(), h("div", $a, [
+          g(o(x), {
+            render: s.slots.preview,
+            scope: S(U.value)
+          }, {
+            default: C(() => [
+              Se(V(U.value.label), 1),
+              U.value.content ? (r(), h("span", Ga, " · " + V(U.value.content), 1)) : d("", !0)
+            ]),
+            _: 1
+          }, 8, ["render", "scope"])
+        ])) : d("", !0)
+      ], 512),
+      Oe.value ? (r(), h("div", {
+        key: 0,
+        class: "hys-ui-tabs-content",
+        "data-swipe": s.options.swipe || void 0,
+        onPointerdown: t[12] || (t[12] = (a) => te(a) && o(u).swipeDown(a)),
+        onPointerup: t[13] || (t[13] = (a) => te(a) && o(u).swipeUp(a)),
+        onPointercancel: t[14] || (t[14] = (a) => te(a) && o(u).cancelSwipe())
+      }, [
+        g(Ca, {
+          items: o(w),
+          declarations: s.declarations,
+          slots: s.slots,
+          active: o(b),
+          panels: o(W),
+          "panel-id": pe,
+          "tab-id": ye,
+          declarative: Q.value,
+          "force-panels": !!s.options.workbench || !!s.slots.empty
+        }, null, 8, ["items", "declarations", "slots", "active", "panels", "declarative", "force-panels"])
+      ], 40, Xa)) : d("", !0),
+      ge.value && o(ue) ? (r(), k(K(o(ue)), {
+        key: 1,
+        ref_key: "menu",
+        ref: j,
+        style: { display: "none" },
+        trigger: [],
+        items: je.value,
+        "aria-label": "页签操作",
+        onSelect: t[15] || (t[15] = (a) => me(a))
+      }, da({ _: 2 }, [
+        s.slots.contextmenu ? {
+          name: "empty",
+          fn: C(() => [
+            $.value ? (r(), k(o(x), {
+              key: 0,
+              render: s.slots.contextmenu,
+              scope: { item: $.value, run: me, close: o(Ne) }
+            }, null, 8, ["render", "scope"])) : d("", !0)
+          ]),
+          key: "0"
+        } : void 0
+      ]), 1064, ["items"])) : d("", !0),
+      o(de) ? (r(), k(K(o(de)), {
+        key: 2,
+        ref_key: "prompts",
+        ref: He
+      }, null, 512)) : d("", !0),
+      o(u).ghost.value ? (r(), k(ca, {
+        key: 3,
+        to: "body"
+      }, [
+        I("div", Me({
+          ref_key: "ghostElement",
+          ref: Ye
+        }, o(ie), {
+          class: "hys-tab-drag-ghost",
+          "aria-hidden": "true",
+          style: {
+            width: o(u).ghost.value.width + "px",
+            height: o(u).ghost.value.height + "px"
+          }
+        }), V(o(u).ghost.value.label), 17)
+      ])) : d("", !0)
+    ], 16, La));
+  }
+});
+export {
+  it as default
+};