orion-design 0.1.15 → 0.1.16

package/dist/components/Tabs/index.js

@@ -0,0 +1,367 @@
+import "lodash-es";
+import { defineComponent as V, getCurrentInstance as q, inject as H, ref as P, watch as R, nextTick as K, onBeforeUnmount as ue, openBlock as ae, createElementBlock as se, normalizeClass as ne, unref as B, normalizeStyle as fe, computed as A, onMounted as oe, onUpdated as de, createVNode as f, provide as be, renderSlot as M, useSlots as ve, reactive as me, onUnmounted as pe, withDirectives as he, vShow as ge, createCommentVNode as ye } from "vue";
+import { withInstall as Ne } from "../_util/vue/install.js";
+import { ElIcon as G } from "element-plus";
+import { isNumber as Pe, isUndefined as xe } from "../_util/types.js";
+import { e as Te } from "../../functions-DzLqXvGt.js";
+import { buildProps as re, definePropType as ie } from "../_util/vue/props/runtime.js";
+import { UPDATE_MODEL_EVENT as le } from "../_constants/event.js";
+import { useNamespace as D } from "../_hooks/use-namespace/index.js";
+import { useOrderedChildren as $e } from "../_hooks/use-ordered-children/index.js";
+import { tabsRootContextKey as I } from "./constants.js";
+import { u as W, a as Ce, b as Se } from "../../index-DLvlyWAh.js";
+import { capitalize as k } from "../_util/strings.js";
+import { throwError as j } from "../_util/error.js";
+import { e as Oe, f as we } from "../../index-BwWeqwHB.js";
+import { mutable as Ee } from "../_util/typescript.js";
+import { EVENT_CODE as _e } from "../_constants/aria.js";
+import { tabBarProps as ke } from "./tab-bar.js";
+import { tabPaneProps as Be } from "./tab-pane.js";
+import { e as J } from "../../index-DG_8kbAs.js";
+const Q = "OTabBar", ze = /* @__PURE__ */ V({
+  name: Q,
+  __name: "tab-bar",
+  props: ke,
+  setup(a, { expose: d }) {
+    const h = a, g = q(), e = H(I);
+    e || j(Q, "<o-tabs><o-tab-bar /></p-tabs>");
+    const _ = D("tabs"), x = P(), i = P(), T = () => {
+      let v = 0, t = 0;
+      const o = ["top", "bottom"].includes(e.props.tabPosition) ? "width" : "height", y = o === "width" ? "x" : "y", O = y === "x" ? "left" : "top";
+      return h.tabs.every((E) => {
+        var L, F;
+        const w = (F = (L = g.parent) == null ? void 0 : L.refs) == null ? void 0 : F[`tab-${E.uid}`];
+        if (!w) return !1;
+        if (!E.active)
+          return !0;
+        v = w[`offset${k(O)}`], t = w[`client${k(o)}`];
+        const z = window.getComputedStyle(w);
+        return o === "width" && (t -= Number.parseFloat(z.paddingLeft) + Number.parseFloat(z.paddingRight), v += Number.parseFloat(z.paddingLeft)), !1;
+      }), {
+        [o]: `${t}px`,
+        transform: `translate${k(y)}(${v}px)`
+      };
+    }, b = () => i.value = T(), c = [], l = () => {
+      var t;
+      c.forEach((o) => o.stop()), c.length = 0;
+      const v = (t = g.parent) == null ? void 0 : t.refs;
+      if (v) {
+        for (const o in v)
+          if (o.startsWith("tab-")) {
+            const y = v[o];
+            y && c.push(W(y, b));
+          }
+      }
+    };
+    R(
+      () => h.tabs,
+      async () => {
+        await K(), b(), l();
+      },
+      { immediate: !0 }
+    );
+    const u = W(x, () => b());
+    return ue(() => {
+      c.forEach((v) => v.stop()), c.length = 0, u.stop();
+    }), d({
+      /** @description tab root html element */
+      ref: x,
+      /** @description method to manually update tab bar style */
+      update: b
+    }), (v, t) => (ae(), se("div", {
+      ref_key: "barRef",
+      ref: x,
+      class: ne([B(_).e("active-bar"), B(_).is(B(e).props.tabPosition)]),
+      style: fe(i.value)
+    }, null, 6));
+  }
+}), Re = re({
+  panes: {
+    type: ie(Array),
+    default: () => Ee([])
+  },
+  currentName: {
+    type: [String, Number],
+    default: ""
+  },
+  type: {
+    type: String,
+    values: ["card", "border-card", ""],
+    default: "card"
+  },
+  stretch: Boolean
+}), Fe = {
+  tabClick: (a, d, h) => h instanceof Event,
+  tabRemove: (a, d) => d instanceof Event
+}, Z = "OTabNav", Le = /* @__PURE__ */ V({
+  name: Z,
+  props: Re,
+  emits: Fe,
+  setup(a, {
+    expose: d,
+    emit: h
+  }) {
+    const g = H(I);
+    g || j(Z, "<o-tabs><o-tab-nav /></o-tabs>");
+    const e = D("tabs"), _ = Ce(), x = Se(), i = P(), T = P(), b = P(), c = P(), l = P(!1), u = P(0), v = P(!1), t = P(!0), o = A(() => ["top", "bottom"].includes(g.props.tabPosition) ? "width" : "height"), y = A(() => ({
+      transform: `translate${o.value === "width" ? "X" : "Y"}(-${u.value}px)`
+    })), O = () => {
+      if (!i.value) return;
+      const s = i.value[`offset${k(o.value)}`], r = u.value;
+      if (!r) return;
+      const n = r > s ? r - s : 0;
+      u.value = n;
+    }, E = () => {
+      if (!i.value || !T.value) return;
+      const s = T.value[`offset${k(o.value)}`], r = i.value[`offset${k(o.value)}`], n = u.value;
+      if (s - n <= r) return;
+      const $ = s - n > r * 2 ? n + r : s - r;
+      u.value = $;
+    }, w = async () => {
+      const s = T.value;
+      if (!l.value || !b.value || !i.value || !s) return;
+      await K();
+      const r = b.value.querySelector(".is-active");
+      if (!r) return;
+      const n = i.value, $ = ["top", "bottom"].includes(g.props.tabPosition), N = r.getBoundingClientRect(), p = n.getBoundingClientRect(), S = $ ? s.offsetWidth - p.width : s.offsetHeight - p.height, C = u.value;
+      let m = C;
+      $ ? (N.left < p.left && (m = C - (p.left - N.left)), N.right > p.right && (m = C + N.right - p.right)) : (N.top < p.top && (m = C - (p.top - N.top)), N.bottom > p.bottom && (m = C + (N.bottom - p.bottom))), m = Math.max(m, 0), u.value = Math.min(m, S);
+    }, z = () => {
+      var $;
+      if (!T.value || !i.value) return;
+      a.stretch && (($ = c.value) == null || $.update());
+      const s = T.value[`offset${k(o.value)}`], r = i.value[`offset${k(o.value)}`], n = u.value;
+      r < s ? (l.value = l.value || {}, l.value.prev = n, l.value.next = n + r < s, s - n < r && (u.value = s - r)) : (l.value = !1, n > 0 && (u.value = 0));
+    }, L = (s) => {
+      const r = s.code, {
+        up: n,
+        down: $,
+        left: N,
+        right: p
+      } = _e;
+      if (![n, $, N, p].includes(r)) return;
+      const S = Array.from(s.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), C = S.indexOf(s.target);
+      let m;
+      r === N || r === n ? C === 0 ? m = S.length - 1 : m = C - 1 : C < S.length - 1 ? m = C + 1 : m = 0, S[m].focus({
+        preventScroll: !0
+      }), S[m].click(), F();
+    }, F = () => {
+      t.value && (v.value = !0);
+    }, U = () => v.value = !1;
+    return R(_, (s) => {
+      s === "hidden" ? t.value = !1 : s === "visible" && setTimeout(() => t.value = !0, 50);
+    }), R(x, (s) => {
+      s ? setTimeout(() => t.value = !0, 50) : t.value = !1;
+    }), W(b, z), oe(() => setTimeout(() => w(), 0)), de(() => z()), d({
+      scrollToActiveTab: w,
+      removeFocus: U
+    }), () => {
+      const s = l.value ? [f("span", {
+        class: [e.e("nav-prev"), e.is("disabled", !l.value.prev)],
+        onClick: O
+      }, [f(G, null, {
+        default: () => [f(Oe, null, null)]
+      })]), f("span", {
+        class: [e.e("nav-next"), e.is("disabled", !l.value.next)],
+        onClick: E
+      }, [f(G, null, {
+        default: () => [f(we, null, null)]
+      })])] : null, r = a.panes.map((n, $) => {
+        var X, Y;
+        const N = n.uid, p = n.props.disabled, S = n.props.name ?? n.index ?? `${$}`;
+        n.index = `${$}`;
+        const C = ((Y = (X = n.slots).label) == null ? void 0 : Y.call(X)) || n.props.label, m = !p && n.active ? 0 : -1;
+        return f("div", {
+          ref: `tab-${N}`,
+          class: [e.e("item"), e.is(g.props.tabPosition), e.is("active", n.active), e.is("disabled", p), e.is("focus", v.value)],
+          id: `tab-${S}`,
+          key: `tab-${N}`,
+          "aria-controls": `pane-${S}`,
+          role: "tab",
+          "aria-selected": n.active,
+          tabindex: m,
+          onFocus: () => F(),
+          onBlur: () => U(),
+          onClick: (ce) => {
+            U(), h("tabClick", n, S, ce);
+          }
+        }, [C]);
+      });
+      return f("div", {
+        ref: b,
+        class: [e.e("nav-wrap"), e.is("scrollable", !!l.value), e.is(g.props.tabPosition)]
+      }, [s, f("div", {
+        class: e.e("nav-scroll"),
+        ref: i
+      }, [f("div", {
+        class: [e.e("nav"), e.is(g.props.tabPosition), e.is("stretch", a.stretch && ["top", "bottom"].includes(g.props.tabPosition))],
+        ref: T,
+        style: y.value,
+        role: "tablist",
+        onKeydown: L
+      }, [a.type ? null : f(ze, {
+        ref: c,
+        tabs: [...a.panes]
+      }, null), r])])]);
+    };
+  }
+}), Me = re({
+  /**
+   * @description type of Tab
+   */
+  type: {
+    type: String,
+    values: ["card", "border-card", ""],
+    default: "card"
+  },
+  /**
+   * @description binding value, name of the selected tab
+   */
+  modelValue: {
+    type: [String, Number]
+  },
+  /**
+   * @description position of tabs
+   */
+  tabPosition: {
+    type: String,
+    values: ["top", "right", "bottom", "left"],
+    default: "top"
+  },
+  /**
+   * @description hook function before switching tab. If `false` is returned or a `Promise` is returned and then is rejected, switching will be prevented
+   */
+  beforeLeave: {
+    type: ie(Function),
+    default: () => !0
+  },
+  /**
+   * @description whether width of tab automatically fits its container
+   */
+  stretch: Boolean
+}), ee = (a) => Te(a) || Pe(a), Ae = {
+  [le]: (a) => ee(a),
+  tabClick: (a, d) => d instanceof Event,
+  tabChange: (a) => ee(a)
+}, Ve = /* @__PURE__ */ V({
+  name: "OTabs",
+  props: Me,
+  emits: Ae,
+  setup(a, {
+    emit: d,
+    slots: h,
+    expose: g
+  }) {
+    const e = D("tabs"), _ = A(() => ["left", "right"].includes(a.tabPosition)), {
+      children: x,
+      addChild: i,
+      removeChild: T
+    } = $e(q(), "OTabPane"), b = P(), c = P(a.modelValue ?? "0"), l = async (t, o = !1) => {
+      var y, O, E;
+      if (!(c.value === t || xe(t)))
+        try {
+          await ((y = a.beforeLeave) == null ? void 0 : y.call(a, t, c.value)) !== !1 && (c.value = t, o && (d(le, t), d("tabChange", t)), (E = (O = b.value) == null ? void 0 : O.removeFocus) == null || E.call(O));
+        } catch {
+        }
+    }, u = (t, o, y) => {
+      t.props.disabled || (l(o, !0), d("tabClick", t, y));
+    };
+    R(() => a.modelValue, (t) => l(t)), R(c, async () => {
+      var t;
+      await K(), (t = b.value) == null || t.scrollToActiveTab();
+    }), be(I, {
+      props: a,
+      currentName: c,
+      registerPane: (t) => {
+        x.value.push(t);
+      },
+      sortPane: i,
+      unregisterPane: T
+    }), g({
+      currentName: c
+    });
+    const v = ({
+      render: t
+    }) => t();
+    return () => {
+      const t = h["left-extra"], o = h["right-extra"], y = f("div", {
+        class: [e.e("header"), _.value && e.e("header-vertical"), e.is(a.tabPosition)]
+      }, [t && f("div", {
+        class: e.e("extra-content-left")
+      }, [M(h, "left-extra")]), f(v, {
+        render: () => {
+          const E = x.value.some((w) => w.slots.label);
+          return f(Le, {
+            ref: b,
+            currentName: c.value,
+            type: a.type,
+            panes: x.value,
+            stretch: a.stretch,
+            onTabClick: u
+          }, {
+            $stable: !E
+          });
+        }
+      }, null), o && f("div", {
+        class: e.e("extra-content-right")
+      }, [M(h, "right-extra")])]), O = f("div", {
+        class: e.e("content")
+      }, [M(h, "default")]);
+      return f("div", {
+        class: [e.b(), e.m(a.tabPosition), {
+          [e.m("card")]: a.type === "card",
+          [e.m("border-card")]: a.type === "border-card"
+        }]
+      }, [O, y]);
+    };
+  }
+}), De = ["id", "aria-hidden", "aria-labelledby"], te = "OTabPane", Ie = /* @__PURE__ */ V({
+  name: te,
+  __name: "tab-pane",
+  props: Be,
+  setup(a) {
+    const d = a, h = q(), g = ve(), e = H(I);
+    e || j(te, "usage: <o-tabs><o-tab-pane /></o-tabs/>");
+    const _ = D("tab-pane"), x = P(), i = J(() => e.currentName.value === (d.name ?? x.value)), T = P(i.value), b = A(() => d.name ?? x.value), c = J(() => !d.lazy || T.value || i.value);
+    R(i, (u) => {
+      u && (T.value = !0);
+    });
+    const l = me({
+      uid: h.uid,
+      slots: g,
+      props: d,
+      paneName: b,
+      active: i,
+      index: x
+    });
+    return e.registerPane(l), oe(() => {
+      e.sortPane(l);
+    }), pe(() => {
+      e.unregisterPane(l.uid);
+    }), (u, v) => B(c) ? he((ae(), se("div", {
+      key: 0,
+      id: `pane-${b.value}`,
+      class: ne(B(_).b()),
+      role: "tabpanel",
+      "aria-hidden": !B(i),
+      "aria-labelledby": `tab-${b.value}`
+    }, [
+      M(u.$slots, "default")
+    ], 10, De)), [
+      [ge, B(i)]
+    ]) : ye("", !0);
+  }
+}), lt = Ne(Ve, {
+  TabPane: Ie
+});
+export {
+  lt as default,
+  ke as tabBarProps,
+  Fe as tabNavEmits,
+  Re as tabNavProps,
+  Be as tabPaneProps,
+  Ae as tabsEmits,
+  Me as tabsProps,
+  I as tabsRootContextKey
+};
+//# sourceMappingURL=index.js.map

package/dist/components/Tabs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sources":["../../../src/components/Tabs/tab-bar.vue","../../../src/components/Tabs/tab-nav.tsx","../../../src/components/Tabs/tabs.tsx","../../../src/components/Tabs/tab-pane.vue","../../../src/components/Tabs/index.ts"],"sourcesContent":["<template>\r\n  <div ref=\"barRef\" :class=\"[ns.e('active-bar'), ns.is(rootTabs.props.tabPosition)]\" :style=\"barStyle\" />\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { getCurrentInstance, inject, nextTick, onBeforeUnmount, ref, watch } from 'vue'\r\nimport { useResizeObserver } from '@vueuse/core'\r\nimport { capitalize, throwError } from '../_util'\r\nimport { useNamespace } from '../_hooks'\r\nimport { tabsRootContextKey } from './constants'\r\nimport { tabBarProps } from './tab-bar'\r\n\r\nimport type { CSSProperties } from 'vue'\r\n\r\nconst COMPONENT_NAME = 'OTabBar'\r\ndefineOptions({\r\n  name: COMPONENT_NAME,\r\n})\r\nconst props = defineProps(tabBarProps)\r\n\r\nconst instance = getCurrentInstance()!\r\nconst rootTabs = inject(tabsRootContextKey)\r\nif (!rootTabs) throwError(COMPONENT_NAME, '<o-tabs><o-tab-bar /></p-tabs>')\r\n\r\nconst ns = useNamespace('tabs')\r\n\r\nconst barRef = ref<HTMLDivElement>()\r\nconst barStyle = ref<CSSProperties>()\r\n\r\nconst getBarStyle = (): CSSProperties => {\r\n  let offset = 0\r\n  let tabSize = 0\r\n\r\n  const sizeName = ['top', 'bottom'].includes(rootTabs.props.tabPosition) ? 'width' : 'height'\r\n  const sizeDir = sizeName === 'width' ? 'x' : 'y'\r\n  const position = sizeDir === 'x' ? 'left' : 'top'\r\n\r\n  props.tabs.every((tab) => {\r\n    const $el = instance.parent?.refs?.[`tab-${tab.uid}`] as HTMLElement\r\n    if (!$el) return false\r\n\r\n    if (!tab.active) {\r\n      return true\r\n    }\r\n\r\n    offset = $el[`offset${capitalize(position)}`]\r\n    tabSize = $el[`client${capitalize(sizeName)}`]\r\n\r\n    const tabStyles = window.getComputedStyle($el)\r\n\r\n    if (sizeName === 'width') {\r\n      tabSize -= Number.parseFloat(tabStyles.paddingLeft) + Number.parseFloat(tabStyles.paddingRight)\r\n      offset += Number.parseFloat(tabStyles.paddingLeft)\r\n    }\r\n    return false\r\n  })\r\n\r\n  return {\r\n    [sizeName]: `${tabSize}px`,\r\n    transform: `translate${capitalize(sizeDir)}(${offset}px)`,\r\n  }\r\n}\r\n\r\nconst update = () => (barStyle.value = getBarStyle())\r\n\r\nconst saveObserver = [] as ReturnType<typeof useResizeObserver>[]\r\nconst observerTabs = () => {\r\n  saveObserver.forEach((observer) => observer.stop())\r\n  saveObserver.length = 0\r\n  const list = instance.parent?.refs as Record<string, HTMLElement>\r\n  if (!list) return\r\n  for (const key in list) {\r\n    if (key.startsWith('tab-')) {\r\n      const _el = list[key]\r\n      if (_el) {\r\n        saveObserver.push(useResizeObserver(_el, update))\r\n      }\r\n    }\r\n  }\r\n}\r\n\r\nwatch(\r\n  () => props.tabs,\r\n  async () => {\r\n    await nextTick()\r\n    update()\r\n\r\n    observerTabs()\r\n  },\r\n  { immediate: true }\r\n)\r\nconst barObserever = useResizeObserver(barRef, () => update())\r\n\r\nonBeforeUnmount(() => {\r\n  saveObserver.forEach((observer) => observer.stop())\r\n  saveObserver.length = 0\r\n  barObserever.stop()\r\n})\r\n\r\ndefineExpose({\r\n  /** @description tab root html element */\r\n  ref: barRef,\r\n  /** @description method to manually update tab bar style */\r\n  update,\r\n})\r\n</script>\r\n","import { computed, defineComponent, inject, nextTick, onMounted, onUpdated, ref, watch } from 'vue'\r\nimport { useDocumentVisibility, useResizeObserver, useWindowFocus } from '@vueuse/core'\r\nimport { buildProps, capitalize, definePropType, mutable, throwError } from '../_util'\r\nimport { EVENT_CODE } from '../_constants'\r\nimport { ElIcon } from 'element-plus'\r\nimport { ArrowLeft, ArrowRight, Close } from '@element-plus/icons-vue'\r\nimport { useNamespace } from '../_hooks'\r\nimport TabBar from './tab-bar.vue'\r\nimport { tabsRootContextKey } from './constants'\r\n\r\nimport type { CSSProperties, ExtractPropTypes } from 'vue'\r\nimport type { TabsPaneContext } from './constants'\r\nimport type { TabPaneName } from './tabs'\r\n\r\ninterface Scrollable {\r\n  next?: boolean\r\n  prev?: number\r\n}\r\n\r\nexport const tabNavProps = buildProps({\r\n  panes: {\r\n    type: definePropType<TabsPaneContext[]>(Array),\r\n    default: () => mutable([] as const),\r\n  },\r\n  currentName: {\r\n    type: [String, Number],\r\n    default: '',\r\n  },\r\n  type: {\r\n    type: String,\r\n    values: ['card', 'border-card', ''],\r\n    default: 'card',\r\n  },\r\n  stretch: Boolean,\r\n} as const)\r\n\r\nexport const tabNavEmits = {\r\n  tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) => ev instanceof Event,\r\n  tabRemove: (tab: TabsPaneContext, ev: Event) => ev instanceof Event,\r\n}\r\n\r\nexport type TabNavProps = ExtractPropTypes<typeof tabNavProps>\r\nexport type TabNavEmits = typeof tabNavEmits\r\n\r\nconst COMPONENT_NAME = 'OTabNav'\r\nconst TabNav = defineComponent({\r\n  name: COMPONENT_NAME,\r\n  props: tabNavProps,\r\n  emits: tabNavEmits,\r\n  setup(props, { expose, emit }) {\r\n    const rootTabs = inject(tabsRootContextKey)\r\n    if (!rootTabs) throwError(COMPONENT_NAME, `<o-tabs><o-tab-nav /></o-tabs>`)\r\n\r\n    const ns = useNamespace('tabs')\r\n    const visibility = useDocumentVisibility()\r\n    const focused = useWindowFocus()\r\n\r\n    const navScroll$ = ref<HTMLDivElement>()\r\n    const nav$ = ref<HTMLDivElement>()\r\n    const el$ = ref<HTMLDivElement>()\r\n\r\n    const tabBarRef = ref<InstanceType<typeof TabBar>>()\r\n\r\n    const scrollable = ref<false | Scrollable>(false)\r\n    const navOffset = ref(0)\r\n    const isFocus = ref(false)\r\n    const focusable = ref(true)\r\n\r\n    const sizeName = computed(() => (['top', 'bottom'].includes(rootTabs.props.tabPosition) ? 'width' : 'height'))\r\n    const navStyle = computed<CSSProperties>(() => {\r\n      const dir = sizeName.value === 'width' ? 'X' : 'Y'\r\n      return {\r\n        transform: `translate${dir}(-${navOffset.value}px)`,\r\n      }\r\n    })\r\n\r\n    const scrollPrev = () => {\r\n      if (!navScroll$.value) return\r\n\r\n      const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`]\r\n      const currentOffset = navOffset.value\r\n\r\n      if (!currentOffset) return\r\n\r\n      const newOffset = currentOffset > containerSize ? currentOffset - containerSize : 0\r\n\r\n      navOffset.value = newOffset\r\n    }\r\n\r\n    const scrollNext = () => {\r\n      if (!navScroll$.value || !nav$.value) return\r\n\r\n      const navSize = nav$.value[`offset${capitalize(sizeName.value)}`]\r\n      const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`]\r\n      const currentOffset = navOffset.value\r\n\r\n      if (navSize - currentOffset <= containerSize) return\r\n\r\n      const newOffset = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize\r\n\r\n      navOffset.value = newOffset\r\n    }\r\n\r\n    const scrollToActiveTab = async () => {\r\n      const nav = nav$.value\r\n      if (!scrollable.value || !el$.value || !navScroll$.value || !nav) return\r\n\r\n      await nextTick()\r\n\r\n      const activeTab = el$.value.querySelector('.is-active')\r\n      if (!activeTab) return\r\n\r\n      const navScroll = navScroll$.value\r\n      const isHorizontal = ['top', 'bottom'].includes(rootTabs.props.tabPosition)\r\n      const activeTabBounding = activeTab.getBoundingClientRect()\r\n      const navScrollBounding = navScroll.getBoundingClientRect()\r\n      const maxOffset = isHorizontal ? nav.offsetWidth - navScrollBounding.width : nav.offsetHeight - navScrollBounding.height\r\n      const currentOffset = navOffset.value\r\n      let newOffset = currentOffset\r\n\r\n      if (isHorizontal) {\r\n        if (activeTabBounding.left < navScrollBounding.left) {\r\n          newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left)\r\n        }\r\n        if (activeTabBounding.right > navScrollBounding.right) {\r\n          newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right\r\n        }\r\n      } else {\r\n        if (activeTabBounding.top < navScrollBounding.top) {\r\n          newOffset = currentOffset - (navScrollBounding.top - activeTabBounding.top)\r\n        }\r\n        if (activeTabBounding.bottom > navScrollBounding.bottom) {\r\n          newOffset = currentOffset + (activeTabBounding.bottom - navScrollBounding.bottom)\r\n        }\r\n      }\r\n      newOffset = Math.max(newOffset, 0)\r\n      navOffset.value = Math.min(newOffset, maxOffset)\r\n    }\r\n\r\n    const update = () => {\r\n      if (!nav$.value || !navScroll$.value) return\r\n\r\n      props.stretch && tabBarRef.value?.update()\r\n\r\n      const navSize = nav$.value[`offset${capitalize(sizeName.value)}`]\r\n      const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`]\r\n      const currentOffset = navOffset.value\r\n\r\n      if (containerSize < navSize) {\r\n        scrollable.value = scrollable.value || {}\r\n        scrollable.value.prev = currentOffset\r\n        scrollable.value.next = currentOffset + containerSize < navSize\r\n        if (navSize - currentOffset < containerSize) {\r\n          navOffset.value = navSize - containerSize\r\n        }\r\n      } else {\r\n        scrollable.value = false\r\n        if (currentOffset > 0) {\r\n          navOffset.value = 0\r\n        }\r\n      }\r\n    }\r\n\r\n    const changeTab = (e: KeyboardEvent) => {\r\n      const code = e.code\r\n\r\n      const { up, down, left, right } = EVENT_CODE\r\n      if (![up, down, left, right].includes(code)) return\r\n\r\n      // 左右上下键更换tab\r\n      const tabList = Array.from((e.currentTarget as HTMLDivElement).querySelectorAll<HTMLDivElement>('[role=tab]:not(.is-disabled)'))\r\n      const currentIndex = tabList.indexOf(e.target as HTMLDivElement)\r\n\r\n      let nextIndex: number\r\n      if (code === left || code === up) {\r\n        // left\r\n        if (currentIndex === 0) {\r\n          // first\r\n          nextIndex = tabList.length - 1\r\n        } else {\r\n          nextIndex = currentIndex - 1\r\n        }\r\n      } else {\r\n        // right\r\n        if (currentIndex < tabList.length - 1) {\r\n          // not last\r\n          nextIndex = currentIndex + 1\r\n        } else {\r\n          nextIndex = 0\r\n        }\r\n      }\r\n      tabList[nextIndex].focus({ preventScroll: true }) // 改变焦点元素\r\n      tabList[nextIndex].click() // 选中下一个tab\r\n      setFocus()\r\n    }\r\n\r\n    const setFocus = () => {\r\n      if (focusable.value) isFocus.value = true\r\n    }\r\n    const removeFocus = () => (isFocus.value = false)\r\n\r\n    watch(visibility, (visibility) => {\r\n      if (visibility === 'hidden') {\r\n        focusable.value = false\r\n      } else if (visibility === 'visible') {\r\n        setTimeout(() => (focusable.value = true), 50)\r\n      }\r\n    })\r\n    watch(focused, (focused) => {\r\n      if (focused) {\r\n        setTimeout(() => (focusable.value = true), 50)\r\n      } else {\r\n        focusable.value = false\r\n      }\r\n    })\r\n\r\n    useResizeObserver(el$, update)\r\n\r\n    onMounted(() => setTimeout(() => scrollToActiveTab(), 0))\r\n    onUpdated(() => update())\r\n\r\n    expose({\r\n      scrollToActiveTab,\r\n      removeFocus,\r\n    })\r\n\r\n    return () => {\r\n      const scrollBtn = scrollable.value\r\n        ? [\r\n            <span class={[ns.e('nav-prev'), ns.is('disabled', !scrollable.value.prev)]} onClick={scrollPrev}>\r\n              <ElIcon>\r\n                <ArrowLeft />\r\n              </ElIcon>\r\n            </span>,\r\n            <span class={[ns.e('nav-next'), ns.is('disabled', !scrollable.value.next)]} onClick={scrollNext}>\r\n              <ElIcon>\r\n                <ArrowRight />\r\n              </ElIcon>\r\n            </span>,\r\n          ]\r\n        : null\r\n\r\n      const tabs = props.panes.map((pane, index) => {\r\n        const uid = pane.uid\r\n        const disabled = pane.props.disabled\r\n        const tabName = pane.props.name ?? pane.index ?? `${index}`\r\n        pane.index = `${index}`\r\n\r\n        const tabLabelContent = pane.slots.label?.() || pane.props.label\r\n        const tabindex = !disabled && pane.active ? 0 : -1\r\n\r\n        return (\r\n          <div\r\n            ref={`tab-${uid}`}\r\n            class={[ns.e('item'), ns.is(rootTabs.props.tabPosition), ns.is('active', pane.active), ns.is('disabled', disabled), ns.is('focus', isFocus.value)]}\r\n            id={`tab-${tabName}`}\r\n            key={`tab-${uid}`}\r\n            aria-controls={`pane-${tabName}`}\r\n            role=\"tab\"\r\n            aria-selected={pane.active}\r\n            tabindex={tabindex}\r\n            onFocus={() => setFocus()}\r\n            onBlur={() => removeFocus()}\r\n            onClick={(ev: MouseEvent) => {\r\n              removeFocus()\r\n              emit('tabClick', pane, tabName, ev)\r\n            }}\r\n          >\r\n            {...[tabLabelContent]}\r\n          </div>\r\n        )\r\n      })\r\n\r\n      return (\r\n        <div ref={el$} class={[ns.e('nav-wrap'), ns.is('scrollable', !!scrollable.value), ns.is(rootTabs.props.tabPosition)]}>\r\n          {scrollBtn}\r\n          <div class={ns.e('nav-scroll')} ref={navScroll$}>\r\n            <div\r\n              class={[\r\n                ns.e('nav'),\r\n                ns.is(rootTabs.props.tabPosition),\r\n                ns.is('stretch', props.stretch && ['top', 'bottom'].includes(rootTabs.props.tabPosition)),\r\n              ]}\r\n              ref={nav$}\r\n              style={navStyle.value}\r\n              role=\"tablist\"\r\n              onKeydown={changeTab}\r\n            >\r\n              {...[!props.type ? <TabBar ref={tabBarRef} tabs={[...props.panes]} /> : null, tabs]}\r\n            </div>\r\n          </div>\r\n        </div>\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nexport type TabNavInstance = InstanceType<typeof TabNav> & {\r\n  scrollToActiveTab: () => Promise<void>\r\n  removeFocus: () => void\r\n}\r\nexport default TabNav\r\n","import { computed, createVNode, defineComponent, getCurrentInstance, nextTick, provide, ref, renderSlot, watch } from 'vue'\r\nimport { buildProps, definePropType, isNumber, isString, isUndefined } from '../_util'\r\nimport { UPDATE_MODEL_EVENT } from '../_constants'\r\nimport { useNamespace, useOrderedChildren } from '../_hooks'\r\nimport { tabsRootContextKey } from './constants'\r\nimport TabNav from './tab-nav'\r\n\r\nimport type { TabNavInstance } from './tab-nav'\r\nimport type { TabsPaneContext } from './constants'\r\nimport type { ExtractPropTypes, FunctionalComponent, VNode } from 'vue'\r\nimport type { Awaitable } from '../_util'\r\n\r\nexport type TabPaneName = string | number\r\n\r\nexport const tabsProps = buildProps({\r\n  /**\r\n   * @description type of Tab\r\n   */\r\n  type: {\r\n    type: String,\r\n    values: ['card', 'border-card', ''],\r\n    default: 'card',\r\n  },\r\n  /**\r\n   * @description binding value, name of the selected tab\r\n   */\r\n  modelValue: {\r\n    type: [String, Number],\r\n  },\r\n  /**\r\n   * @description position of tabs\r\n   */\r\n  tabPosition: {\r\n    type: String,\r\n    values: ['top', 'right', 'bottom', 'left'],\r\n    default: 'top',\r\n  },\r\n  /**\r\n   * @description hook function before switching tab. If `false` is returned or a `Promise` is returned and then is rejected, switching will be prevented\r\n   */\r\n  beforeLeave: {\r\n    type: definePropType<(newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>>(Function),\r\n    default: () => true,\r\n  },\r\n  /**\r\n   * @description whether width of tab automatically fits its container\r\n   */\r\n  stretch: Boolean,\r\n} as const)\r\nexport type TabsProps = ExtractPropTypes<typeof tabsProps>\r\n\r\nconst isPaneName = (value: unknown): value is string | number => isString(value) || isNumber(value)\r\n\r\nexport const tabsEmits = {\r\n  [UPDATE_MODEL_EVENT]: (name: TabPaneName) => isPaneName(name),\r\n  tabClick: (pane: TabsPaneContext, ev: Event) => ev instanceof Event,\r\n  tabChange: (name: TabPaneName) => isPaneName(name),\r\n}\r\nexport type TabsEmits = typeof tabsEmits\r\n\r\nexport type TabsPanes = Record<number, TabsPaneContext>\r\n\r\nconst Tabs = defineComponent({\r\n  name: 'OTabs',\r\n\r\n  props: tabsProps,\r\n  emits: tabsEmits,\r\n\r\n  setup(props, { emit, slots, expose }) {\r\n    const ns = useNamespace('tabs')\r\n\r\n    const isVertical = computed(() => ['left', 'right'].includes(props.tabPosition))\r\n\r\n    const { children: panes, addChild: sortPane, removeChild: unregisterPane } = useOrderedChildren<TabsPaneContext>(getCurrentInstance()!, 'OTabPane')\r\n\r\n    const nav$ = ref<TabNavInstance>()\r\n    const currentName = ref<TabPaneName>(props.modelValue ?? '0')\r\n\r\n    const setCurrentName = async (value?: TabPaneName, trigger = false) => {\r\n      // should do nothing.\r\n      if (currentName.value === value || isUndefined(value)) return\r\n\r\n      try {\r\n        const canLeave = await props.beforeLeave?.(value, currentName.value)\r\n        if (canLeave !== false) {\r\n          currentName.value = value\r\n          if (trigger) {\r\n            emit(UPDATE_MODEL_EVENT, value)\r\n            emit('tabChange', value)\r\n          }\r\n\r\n          nav$.value?.removeFocus?.()\r\n        }\r\n      } catch {}\r\n    }\r\n\r\n    const handleTabClick = (tab: TabsPaneContext, tabName: TabPaneName, event: Event) => {\r\n      if (tab.props.disabled) return\r\n      setCurrentName(tabName, true)\r\n      emit('tabClick', tab, event)\r\n    }\r\n\r\n    watch(\r\n      () => props.modelValue,\r\n      (modelValue) => setCurrentName(modelValue)\r\n    )\r\n\r\n    watch(currentName, async () => {\r\n      await nextTick()\r\n      nav$.value?.scrollToActiveTab()\r\n    })\r\n\r\n    provide(tabsRootContextKey, {\r\n      props,\r\n      currentName,\r\n      registerPane: (pane: TabsPaneContext) => {\r\n        panes.value.push(pane)\r\n      },\r\n      sortPane,\r\n      unregisterPane,\r\n    })\r\n\r\n    expose({\r\n      currentName,\r\n    })\r\n    const TabNavRenderer: FunctionalComponent<{ render: () => VNode }> = ({ render }) => {\r\n      return render()\r\n    }\r\n    return () => {\r\n      const leftExtra = slots['left-extra']\r\n      const rightExtra = slots['right-extra']\r\n\r\n      const header = (\r\n        <div class={[ns.e('header'), isVertical.value && ns.e('header-vertical'), ns.is(props.tabPosition)]}>\r\n          {leftExtra && <div class={ns.e('extra-content-left')}>{renderSlot(slots, 'left-extra')}</div>}\r\n\r\n          <TabNavRenderer\r\n            render={() => {\r\n              const hasLabelSlot = panes.value.some((pane) => pane.slots.label)\r\n              return createVNode(\r\n                TabNav,\r\n                {\r\n                  ref: nav$,\r\n                  currentName: currentName.value,\r\n                  type: props.type,\r\n                  panes: panes.value,\r\n                  stretch: props.stretch,\r\n                  onTabClick: handleTabClick,\r\n                },\r\n                { $stable: !hasLabelSlot }\r\n              )\r\n            }}\r\n          />\r\n\r\n          {rightExtra && <div class={ns.e('extra-content-right')}>{renderSlot(slots, 'right-extra')}</div>}\r\n        </div>\r\n      )\r\n\r\n      const panels = <div class={ns.e('content')}>{renderSlot(slots, 'default')}</div>\r\n\r\n      return (\r\n        <div\r\n          class={[\r\n            ns.b(),\r\n            ns.m(props.tabPosition),\r\n            {\r\n              [ns.m('card')]: props.type === 'card',\r\n              [ns.m('border-card')]: props.type === 'border-card',\r\n            },\r\n          ]}\r\n        >\r\n          {panels}\r\n          {header}\r\n        </div>\r\n      )\r\n    }\r\n  },\r\n})\r\n\r\nexport type TabsInstance = InstanceType<typeof Tabs> & {\r\n  currentName: TabPaneName\r\n}\r\n\r\nexport default Tabs\r\n","<template>\r\n  <div\r\n    v-if=\"shouldBeRender\"\r\n    v-show=\"active\"\r\n    :id=\"`pane-${paneName}`\"\r\n    :class=\"ns.b()\"\r\n    role=\"tabpanel\"\r\n    :aria-hidden=\"!active\"\r\n    :aria-labelledby=\"`tab-${paneName}`\"\r\n  >\r\n    <slot />\r\n  </div>\r\n</template>\r\n\r\n<script lang=\"ts\" setup>\r\nimport { computed, getCurrentInstance, inject, onMounted, onUnmounted, reactive, ref, useSlots, watch } from 'vue'\r\nimport { eagerComputed } from '@vueuse/core'\r\nimport { throwError } from '../_util'\r\nimport { useNamespace } from '../_hooks'\r\nimport { tabsRootContextKey } from './constants'\r\nimport { tabPaneProps } from './tab-pane'\r\n\r\nconst COMPONENT_NAME = 'OTabPane'\r\ndefineOptions({\r\n  name: COMPONENT_NAME,\r\n})\r\nconst props = defineProps(tabPaneProps)\r\n\r\nconst instance = getCurrentInstance()!\r\nconst slots = useSlots()\r\n\r\nconst tabsRoot = inject(tabsRootContextKey)\r\nif (!tabsRoot) throwError(COMPONENT_NAME, 'usage: <o-tabs><o-tab-pane /></o-tabs/>')\r\n\r\nconst ns = useNamespace('tab-pane')\r\n\r\nconst index = ref<string>()\r\nconst active = eagerComputed(() => tabsRoot.currentName.value === (props.name ?? index.value))\r\nconst loaded = ref(active.value)\r\nconst paneName = computed(() => props.name ?? index.value)\r\nconst shouldBeRender = eagerComputed(() => !props.lazy || loaded.value || active.value)\r\n\r\nwatch(active, (val) => {\r\n  if (val) loaded.value = true\r\n})\r\n\r\nconst pane = reactive({\r\n  uid: instance.uid,\r\n  slots,\r\n  props,\r\n  paneName,\r\n  active,\r\n  index,\r\n})\r\n\r\ntabsRoot.registerPane(pane)\r\nonMounted(() => {\r\n  tabsRoot.sortPane(pane)\r\n})\r\n\r\nonUnmounted(() => {\r\n  tabsRoot.unregisterPane(pane.uid)\r\n})\r\n</script>\r\n","import { withInstall } from '../_util'\r\n\r\nimport Tabs from './tabs'\r\nimport TabPane from './tab-pane.vue'\r\n\r\nexport default withInstall<typeof Tabs, {\r\n  TabPane: typeof TabPane\r\n}>(Tabs, {\r\n  TabPane,\r\n})\r\n\r\nexport * from './tabs'\r\nexport * from './tab-bar'\r\nexport * from './tab-nav'\r\nexport * from './tab-pane'\r\nexport * from './constants'\r\n"],"names":["COMPONENT_NAME","props","__props","instance","getCurrentInstance","rootTabs","inject","tabsRootContextKey","throwError","ns","useNamespace","barRef","ref","barStyle","getBarStyle","offset","tabSize","sizeName","sizeDir","position","tab","$el","_b","_a","capitalize","tabStyles","update","saveObserver","observerTabs","observer","list","key","_el","useResizeObserver","watch","nextTick","barObserever","onBeforeUnmount","__expose","tabNavProps","buildProps","panes","type","definePropType","Array","default","mutable","currentName","String","Number","values","stretch","Boolean","tabNavEmits","tabClick","tabName","ev","Event","tabRemove","TabNav","defineComponent","name","emits","setup","expose","emit","visibility","useDocumentVisibility","focused","useWindowFocus","navScroll$","nav$","el$","tabBarRef","scrollable","navOffset","isFocus","focusable","computed","includes","tabPosition","navStyle","transform","value","scrollPrev","containerSize","currentOffset","newOffset","scrollNext","navSize","scrollToActiveTab","nav","activeTab","querySelector","navScroll","isHorizontal","activeTabBounding","getBoundingClientRect","navScrollBounding","maxOffset","offsetWidth","width","offsetHeight","height","left","right","top","bottom","Math","max","min","prev","next","changeTab","e","code","up","down","EVENT_CODE","tabList","from","currentTarget","querySelectorAll","currentIndex","indexOf","target","nextIndex","length","focus","preventScroll","click","setFocus","removeFocus","setTimeout","onMounted","onUpdated","scrollBtn","_createVNode","is","ElIcon","ArrowLeft","ArrowRight","tabs","map","pane","index","uid","disabled","tabLabelContent","slots","label","tabindex","active","onFocus","onBlur","TabBar","tabsProps","modelValue","beforeLeave","Function","isPaneName","isString","isNumber","tabsEmits","UPDATE_MODEL_EVENT","tabChange","Tabs","isVertical","children","addChild","sortPane","removeChild","unregisterPane","useOrderedChildren","setCurrentName","trigger","isUndefined","handleTabClick","event","provide","registerPane","push","TabNavRenderer","render","leftExtra","rightExtra","header","renderSlot","hasLabelSlot","some","createVNode","onTabClick","$stable","panels","b","m","useSlots","tabsRoot","eagerComputed","loaded","paneName","shouldBeRender","val","reactive","onUnmounted","withInstall","TabPane"],"mappings":"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"}

package/dist/components/Tabs/tab-bar.d.ts

@@ -0,0 +1,59 @@
+import { ExtractPropTypes } from 'vue';
+import { default as TabBar } from './tab-bar.vue';
+export declare const tabBarProps: {
+    readonly tabs: import('../_util').EpPropFinalized<(new (...args: any[]) => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[]) | (() => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[]) | (((new (...args: any[]) => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[]) | (() => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[])) | null)[], unknown, unknown, () => [], boolean>;
+};
+export type TabBarProps = ExtractPropTypes<typeof tabBarProps>;
+export type TabBarInstance = InstanceType<typeof TabBar>;

package/dist/components/Tabs/tab-bar.js

@@ -0,0 +1,15 @@
+import "lodash-es";
+import "vue";
+import { buildProps as r, definePropType as o } from "../_util/vue/props/runtime.js";
+import "element-plus";
+import { mutable as t } from "../_util/typescript.js";
+const b = r({
+  tabs: {
+    type: o(Array),
+    default: () => t([])
+  }
+});
+export {
+  b as tabBarProps
+};
+//# sourceMappingURL=tab-bar.js.map

package/dist/components/Tabs/tab-bar.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"tab-bar.js","sources":["../../../src/components/Tabs/tab-bar.ts"],"sourcesContent":["import { buildProps, definePropType, mutable } from '../_util'\r\nimport type { ExtractPropTypes } from 'vue'\r\nimport type { TabsPaneContext } from './constants'\r\nimport type TabBar from './tab-bar.vue'\r\n\r\nexport const tabBarProps = buildProps({\r\n  tabs: {\r\n    type: definePropType<TabsPaneContext[]>(Array),\r\n    default: () => mutable([] as const),\r\n  },\r\n} as const)\r\n\r\nexport type TabBarProps = ExtractPropTypes<typeof tabBarProps>\r\nexport type TabBarInstance = InstanceType<typeof TabBar>\r\n"],"names":["tabBarProps","buildProps","definePropType","mutable"],"mappings":";;;;;AAKO,MAAMA,IAAcC,EAAW;AAAA,EACpC,MAAM;AAAA,IACJ,MAAMC,EAAkC,KAAK;AAAA,IAC7C,SAAS,MAAMC,EAAQ,EAAW;AAAA,EACpC;AACF,CAAU;"}

package/dist/components/Tabs/tab-bar.vue.d.ts

@@ -0,0 +1,131 @@
+import { CSSProperties } from 'vue';
+declare const _default: import('vue').DefineComponent<import('vue').ExtractPropTypes<{
+    readonly tabs: import('../_util').EpPropFinalized<(new (...args: any[]) => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[]) | (() => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[]) | (((new (...args: any[]) => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[]) | (() => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[])) | null)[], unknown, unknown, () => [], boolean>;
+}>, {
+    /** @description tab root html element */
+    ref: import('vue').Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
+    /** @description method to manually update tab bar style */
+    update: () => CSSProperties;
+}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+    readonly tabs: import('../_util').EpPropFinalized<(new (...args: any[]) => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[]) | (() => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[]) | (((new (...args: any[]) => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[]) | (() => {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[])) | null)[], unknown, unknown, () => [], boolean>;
+}>> & Readonly<{}>, {
+    readonly tabs: {
+        uid: number;
+        slots: import('vue').Slots;
+        props: {
+            readonly label: string;
+            readonly disabled: boolean;
+            readonly closable: boolean;
+            readonly lazy: boolean;
+            readonly name?: import('../_util').EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown> | undefined;
+        };
+        paneName: string | number | undefined;
+        active: boolean;
+        index: string | undefined;
+    }[];
+}, {}, {}, {}, string, import('vue').ComponentProvideOptions, true, {}, any>;
+export default _default;