vft 0.0.53 → 0.0.55

package/es/components/multiple-tabs/multiple-tabs.vue2.js

@@ -1,11 +1,11 @@
-import { defineComponent as P, ref as h, computed as b, watchEffect as E, unref as r, openBlock as x, createElementBlock as R, normalizeClass as H, normalizeStyle as K, createVNode as C, withCtx as S, Fragment as F, renderList as U, createBlock as $ } from "vue";
+import { defineComponent as P, ref as b, computed as h, watchEffect as E, unref as r, openBlock as x, createElementBlock as R, normalizeClass as H, normalizeStyle as K, createVNode as S, withCtx as _, Fragment as F, renderList as U, createBlock as $ } from "vue";
 import { useRouterHelper as j, getRouterKeyPath as c, listenerRouteChange as q } from "@vft/router";
 import { useMultipleTabStore as G, useTabs as J } from "@vft/store";
 import { useRefs as L } from "@vft/use";
 import "@vft/utils";
 import "lodash";
 import "@vueuse/core";
-import { generateCssVars as _ } from "../../utils/ns-cover.js";
+import { generateCssVars as C } from "../../utils/ns-cover.js";
 import O from "hotkeys-js";
 import { useRouter as Q, onBeforeRouteLeave as W } from "vue-router";
 import { useNamespace as X } from "../../hooks/use-namespace/index.js";
@@ -24,6 +24,7 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
+import "../context-menu/context-menu.vue2.js";
 import { initAffixTabs as tt, useTabsDrag as et } from "./use/use-multiple-tabs.js";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
@@ -78,7 +79,7 @@ const M = (
   X("multiple-tabs")
 ), rt = P({
   name: M.b()
-}), _e = /* @__PURE__ */ P({
+}), Pe = /* @__PURE__ */ P({
   ...rt,
   props: {
     tabsStyle: null,
@@ -88,7 +89,7 @@ const M = (
   setup(f) {
     const i = tt();
     f.canDrag && et(i);
-    const u = G(), n = h(""), a = h(0), d = h(), v = Q(), { go: g } = j(), s = b(() => u.getTabList.filter((t) => {
+    const u = G(), n = b(""), a = b(0), d = b(), v = Q(), { go: g } = j(), s = h(() => u.getTabList.filter((t) => {
       var e;
       return !((e = t.meta) != null && e.hideTab);
     }));
@@ -101,52 +102,51 @@ const M = (
     }), W(() => {
       d.value = r(v.currentRoute);
     }), q((t) => {
-      var y;
-      if (!t || (y = t.meta) != null && y.hasTokenToRoot)
+      var T;
+      if (!t || (T = t.meta) != null && T.hasTokenToRoot)
         return;
-      const { meta: e = {} } = t, { currentActivePath: o, hideTab: m } = e, l = m ? o : null, p = c(t);
-      if (n.value !== p && (n.value = p), l) {
-        let T = v.getRoutes().find((D) => D.path === o);
-        T && u.addTab(T, r(d), a.value, t);
+      const { meta: e = {} } = t, { currentActivePath: o, hideTab: m } = e, p = m ? o : null, l = c(t);
+      if (n.value !== l && (n.value = l), p) {
+        let y = v.getRoutes().find((D) => D.path === o);
+        y && u.addTab(y, r(d), a.value, t);
       } else
         u.addTab(r(t), r(d), a.value);
     });
     function k(t) {
-      var m, l;
+      var m, p;
       if (n.value === t.paneName)
         return;
       const e = s.value[t.attrs.index];
       n.value = t.paneName;
-      const o = (l = (m = e == null ? void 0 : e.meta) == null ? void 0 : m.hideActiveRoute) == null ? void 0 : l.fullPath;
+      const o = (p = (m = e == null ? void 0 : e.meta) == null ? void 0 : m.hideActiveRoute) == null ? void 0 : p.fullPath;
       g(o || e.fullPath || e.path);
     }
     function B(t) {
       u.closeTabByKey(t, v);
     }
-    const [I, N] = L();
-    function w(t) {
+    const [N, I] = L();
+    function V(t) {
       const e = t.pane.attrs.index, o = t.event;
-      I.value[e].handleContext(o);
+      N.value[e].handleContext(o);
     }
-    const V = b(() => ({ ..._({
+    const w = h(() => ({ ...C({
       padding: "4px 0 0",
+      "border-bottom": "none",
       "header-height": "26px",
-      "item-color": "#5C5C5C",
-      "item-bg-color": "#f8f8f8",
       "font-size": "13px",
       "item-padding": "0 10px",
       "close-icon-left": "8px",
       "item-distance": "10px",
       "item-max-width": "348px",
       "scroll-padding": "0 20px",
-      "header-margin": "0 0 0 8px"
+      "header-margin": "0 0 0 8px",
+      "item-border": "none"
     }, "tabs"), ...f.tabsStyle })), { closeCurrent: A } = J();
     O("command+e, ctrl+e", function() {
       return A(), !1;
     });
-    const z = b(() => ({
-      ..._({
-        border: "1px solid #dcdfe6",
+    const z = h(() => ({
+      ...C({
         "sub-item-height": "40px",
         "item-min-width": "150px"
       }, "menu"),
@@ -154,34 +154,32 @@ const M = (
     }));
     return (t, e) => (x(), R("div", {
       class: H(r(M).b()),
-      style: K(r(V))
+      style: K(r(w))
     }, [
-      C(r(Y), {
+      S(r(Y), {
         "model-value": n.value,
         "onUpdate:modelValue": e[0] || (e[0] = (o) => n.value = o),
-        type: "card",
         onTabClick: k,
         onTabRemove: B,
-        onTabContextMenu: w,
-        closeIconCfg: { color: "white" }
+        onTabContextMenu: V
       }, {
-        default: S(() => [
+        default: _(() => [
           (x(!0), R(F, null, U(r(s), (o, m) => {
-            var l;
+            var p;
             return x(), $(r(Z), {
               key: r(c)(o) + m,
-              closable: !((l = o.meta) != null && l.affix),
+              closable: !((p = o.meta) != null && p.affix),
               index: m,
               name: r(c)(o)
             }, {
-              label: S(() => {
-                var p;
+              label: _(() => {
+                var l;
                 return [
-                  C(ot, {
+                  S(ot, {
                     contextMenuStyle: r(z),
-                    affixNum: (p = r(i)) == null ? void 0 : p.length,
+                    affixNum: (l = r(i)) == null ? void 0 : l.length,
                     ref_for: !0,
-                    ref: r(N)(m),
+                    ref: r(I)(m),
                     tabItem: o
                   }, null, 8, ["contextMenuStyle", "affixNum", "tabItem"])
                 ];
@@ -196,5 +194,5 @@ const M = (
   }
 });
 export {
-  _e as default
+  Pe as default
 };

package/es/components/multiple-tabs/tab-content.vue2.js

@@ -1,102 +1,36 @@
-import { defineComponent as l, computed as u, openBlock as c, createElementBlock as s, unref as r, withModifiers as f, toDisplayString as x } from "vue";
+import { defineComponent as r, computed as c, openBlock as s, createElementBlock as f, unref as m, withModifiers as x, toDisplayString as p } from "vue";
 import "@vft/utils";
+import "../context-menu/context-menu.vue2.js";
+import { useContextMenu as b } from "../context-menu/useContextMenu.js";
+import { useTabDropdown as d } from "./use/use-tab-dropdown.js";
 import "@vft/use";
-import "../divider/index.js";
-import "../icon/index.js";
-import "../avatar/index.js";
-import "../empty/index.js";
-import "../result/index.js";
-import "../tabs/index.js";
-import "../popper/index.js";
-import "../collapse-transition/index.js";
-import "../tooltip/index.js";
-import "../popover/index.js";
-import "../menu/index.js";
-import "./multiple-tabs.vue2.js";
-import { useTabDropdown as b } from "./use/use-tab-dropdown.js";
 import "vue-router";
 import "@vft/store";
-import "../header-layout/index.js";
-import "../footer-layout/index.js";
-import "../iframe-layout/index.js";
-import "../router-view-content/index.js";
-import "../logo/index.js";
-import "../back-top/index.js";
-import "../config-provider/index.js";
-import "../descriptions/index.js";
-import "../full-screen/index.js";
-import "../icon-text/index.js";
-import "../image/index.js";
-import "../input/index.js";
-import "../link/index.js";
-import "../pagination/index.js";
-import "../tag/index.js";
-import "../side-menu/index.js";
-import "../qrcode/index.js";
-import "../overlay/index.js";
-import "../clamp/index.js";
-import "../clamp-toggle/index.js";
-import "../page-wrapper/index.js";
-import "../exception/index.js";
-import "../search/index.js";
-import "../form/index.js";
-import "../button/index.js";
-import "../checkbox/index.js";
-import "../radio/index.js";
-import "../switch/index.js";
-import "../color-picker/index.js";
-import "../scrollbar/index.js";
-import "../dropdown/index.js";
-import "../virtual-list/components/fixed-size-list.js";
-import "../virtual-list/components/dynamic-size-list.js";
-import "../virtual-list/components/fixed-size-grid.js";
-import "../virtual-list/components/dynamic-size-grid.js";
-import "../virtual-list/props.js";
-import "../select-v2/index.js";
-import "../verify-code/index.js";
-import "../table/index.js";
-import "../image-viewer/index.js";
-import "../md-container/index.js";
-import "../md-comment/index.js";
-import "../md-tabs/index.js";
-import "../md-vue-playground/index.js";
-import "../md-code-demo/index.js";
-import "../md-code-tabs/index.js";
-import "../message/index.js";
-import "../config-provider/hooks/use-global-config.js";
-import "@popperjs/core";
-import "lodash";
-import "../../hooks/use-z-index/index.js";
-import "@vueuse/core";
-import "../../utils/ns-cover.js";
-import "@vue/reactivity";
-import "@vue/shared";
-import { useContextMenu as d } from "../context-menu/useContextMenu.js";
-const C = ["title", "onContextmenu"], Ht = /* @__PURE__ */ l({
+const C = ["title", "onContextmenu"], w = /* @__PURE__ */ r({
   __name: "tab-content",
   props: {
     tabItem: null,
     affixNum: null,
     contextMenuStyle: null
   },
-  setup(t, { expose: p }) {
-    const [e] = d(), m = u(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: n, handleContextMenu: a } = b(t.tabItem, t.affixNum);
-    function i(o) {
-      a(t.tabItem)(o), e({
-        event: o,
+  setup(t, { expose: i }) {
+    const [a] = b(), n = c(() => t.tabItem.meta && t.tabItem.meta.title), { getDropMenuList: l, handleContextMenu: u } = d(t.tabItem, t.affixNum);
+    function o(e) {
+      u(t.tabItem)(e), a({
+        event: e,
         styles: t.contextMenuStyle,
-        items: n.value
+        items: l.value
       });
     }
-    return p({
-      handleContext: i
-    }), (o, M) => (c(), s("span", {
-      title: r(m),
+    return i({
+      handleContext: o
+    }), (e, M) => (s(), f("span", {
+      title: m(n),
       class: "vft-multiple-tabs__title",
-      onContextmenu: f(i, ["stop"])
-    }, x(r(m)), 41, C));
+      onContextmenu: x(o, ["stop"])
+    }, p(m(n)), 41, C));
   }
 });
 export {
-  Ht as default
+  w as default
 };

package/es/components/result/result.vue2.js

@@ -19,10 +19,11 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
-import "@vft/use";
+import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/router";
 import "@vft/store";
+import "@vft/use";
 import "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
@@ -76,7 +77,7 @@ const i = (
   x("result")
 ), I = l({
   name: i.b()
-}), Ht = /* @__PURE__ */ l({
+}), Jt = /* @__PURE__ */ l({
   ...I,
   props: {
     title: null,
@@ -115,5 +116,5 @@ const i = (
   }
 });
 export {
-  Ht as default
+  Jt as default
 };

package/es/components/search/search.vue2.js

@@ -12,9 +12,10 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import { VftPopover as L } from "../popover/index.js";
 import "../menu/index.js";
-import "@vft/use";
+import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/store";
+import "@vft/use";
 import "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
@@ -76,7 +77,7 @@ const u = (
   W("search")
 ), U = C({
   name: u.b()
-}), so = /* @__PURE__ */ C({
+}), ao = /* @__PURE__ */ C({
   ...U,
   props: {
     modelValue: { default: "" },
@@ -204,5 +205,5 @@ const u = (
   }
 });
 export {
-  so as default
+  ao as default
 };

package/es/components/side-menu/side-menu.vue2.js

@@ -21,6 +21,7 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import { VftMenu as J, VftSubMenu as K, VftMenuItem as b } from "../menu/index.js";
+import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/store";
 import { useRouter as L } from "vue-router";
@@ -76,7 +77,7 @@ const l = (
   D("side-menu")
 ), Q = k({
   name: l.b()
-}), he = /* @__PURE__ */ k({
+}), ge = /* @__PURE__ */ k({
   ...Q,
   props: {
     menus: null,
@@ -248,5 +249,5 @@ const l = (
   }
 });
 export {
-  he as default
+  ge as default
 };

package/es/components/tabs/index.d.ts

@@ -1,8 +1,4 @@
 export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue").DefineComponent<{
-    type: {
-        type: import("vue").PropType<import("./types").TabsType | undefined>;
-        required: false;
-    };
     closable: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
@@ -31,6 +27,10 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
+    showBar: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
     closeIconCfg: {
         type: import("vue").PropType<import("..").IconProps | undefined>;
         required: false;
@@ -92,10 +92,6 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
     tabRemove: (name: string | number) => boolean;
     tabAdd: () => true;
 }, string, import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
-    type: {
-        type: import("vue").PropType<import("./types").TabsType | undefined>;
-        required: false;
-    };
     closable: {
         type: import("vue").PropType<boolean | undefined>;
         required: false;
@@ -124,6 +120,10 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         type: import("vue").PropType<boolean | undefined>;
         required: false;
     };
+    showBar: {
+        type: import("vue").PropType<boolean | undefined>;
+        required: false;
+    };
     closeIconCfg: {
         type: import("vue").PropType<import("..").IconProps | undefined>;
         required: false;

package/es/components/tabs/tab-nav.vue.d.ts

@@ -1,6 +1,5 @@
 import type { PropType as __PropType } from 'vue';
 import { type IconProps } from 'vft/es/components';
-import type { TabsType } from './types';
 declare const _sfc_main: import("vue").DefineComponent<{
     panes: {
         type: __PropType<{
@@ -31,11 +30,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
-    type: {
-        type: __PropType<TabsType | undefined>;
+    stretch: {
+        type: __PropType<boolean | undefined>;
         required: false;
     };
-    stretch: {
+    showBar: {
         type: __PropType<boolean | undefined>;
         required: false;
     };
@@ -88,11 +87,11 @@ declare const _sfc_main: import("vue").DefineComponent<{
         type: __PropType<boolean | undefined>;
         required: false;
     };
-    type: {
-        type: __PropType<TabsType | undefined>;
+    stretch: {
+        type: __PropType<boolean | undefined>;
         required: false;
     };
-    stretch: {
+    showBar: {
         type: __PropType<boolean | undefined>;
         required: false;
     };

package/es/components/tabs/tab-nav.vue2.js

@@ -1,11 +1,11 @@
 import { defineComponent as E, getCurrentInstance as Z, inject as _, ref as g, computed as I, watch as O, onMounted as tt, onUpdated as ot, createVNode as s, nextTick as et } from "vue";
-import { capitalize as y } from "@vft/utils";
+import { capitalize as $ } from "@vft/utils";
 import { throwError as it } from "../../utils/error.js";
 import "lodash";
 import { useDocumentVisibility as nt, useWindowFocus as lt, useResizeObserver as at } from "@vueuse/core";
 import "../../utils/ns-cover.js";
 import "../divider/index.js";
-import { VftIcon as T } from "../icon/index.js";
+import { VftIcon as B } from "../icon/index.js";
 import "../avatar/index.js";
 import "../empty/index.js";
 import "../result/index.js";
@@ -15,10 +15,11 @@ import "../collapse-transition/index.js";
 import "../tooltip/index.js";
 import "../popover/index.js";
 import "../menu/index.js";
-import "@vft/use";
+import "../context-menu/context-menu.vue2.js";
 import "../multiple-tabs/multiple-tabs.vue2.js";
 import "@vft/router";
 import "@vft/store";
+import "@vft/use";
 import "vue-router";
 import "../header-layout/index.js";
 import "../footer-layout/index.js";
@@ -72,7 +73,7 @@ import "@popperjs/core";
 import "../../hooks/use-z-index/index.js";
 import "@vue/reactivity";
 import "@vue/shared";
-import { EVENT_CODE as k } from "@vft/constants";
+import { EVENT_CODE as T } from "@vft/constants";
 import { TabsRootContextKey as rt } from "./types.js";
 import st from "./tab-bar.vue2.js";
 const V = (
@@ -80,7 +81,7 @@ const V = (
   K("tab-nav")
 ), ct = E({
   name: V.b()
-}), No = /* @__PURE__ */ E({
+}), Fo = /* @__PURE__ */ E({
   ...ct,
   props: {
     panes: null,
@@ -90,10 +91,13 @@ const V = (
     addable: {
       type: Boolean
     },
-    type: null,
     stretch: {
       type: Boolean
     },
+    showBar: {
+      type: Boolean,
+      default: !1
+    },
     closeIconCfg: null,
     addIconCfg: null,
     arrowLeftIconCfg: null,
@@ -102,38 +106,38 @@ const V = (
   emits: ["tabClick", "tabRemove", "tabAdd", "tabContextmenu"],
   setup(n, {
     expose: D,
-    emit: C
+    emit: h
   }) {
     var A;
     const M = Z(), d = _(rt);
     d || it(V.b(), "<vft-tabs><tab-nav /></vft-tabs>");
-    const e = K("tabs"), q = nt(), H = lt(), $ = g(), v = g(), h = g(), m = g(!1), f = g(0), S = g(!1), x = g(!0), w = I(() => ["top", "bottom"].includes(d.props.tabPosition) ? "width" : "height"), W = I(() => ({
+    const e = K("tabs"), q = nt(), H = lt(), y = g(), v = g(), C = g(), m = g(!1), f = g(0), k = g(!1), x = g(!0), w = I(() => ["top", "bottom"].includes(d.props.tabPosition) ? "width" : "height"), W = I(() => ({
       transform: `translate${w.value === "width" ? "X" : "Y"}(-${f.value}px)`
     })), j = () => {
       if (!v.value)
         return;
-      const o = v.value[`offset${y(w.value)}`], t = f.value;
+      const o = v.value[`offset${$(w.value)}`], t = f.value;
       t && (f.value = t > o ? t - o : 0);
     }, U = () => {
-      if (!v.value || !h.value)
+      if (!v.value || !C.value)
         return;
-      const o = h.value[`offset${y(w.value)}`], t = v.value[`offset${y(w.value)}`], i = f.value;
+      const o = C.value[`offset${$(w.value)}`], t = v.value[`offset${$(w.value)}`], i = f.value;
       o - i <= t || (f.value = o - i > t * 2 ? i + t : o - t);
     }, R = async () => {
-      const o = h.value;
-      if (!m.value || !$.value || !v.value || !o)
+      const o = C.value;
+      if (!m.value || !y.value || !v.value || !o)
         return;
       await et();
-      const t = $.value.querySelector(".is-active");
+      const t = y.value.querySelector(".is-active");
       if (!t)
         return;
       const i = v.value, b = ["top", "bottom"].includes(d.props.tabPosition), r = t.getBoundingClientRect(), l = i.getBoundingClientRect(), u = b ? o.offsetWidth - l.width : o.offsetHeight - l.height, c = f.value;
       let a = c;
       b ? (r.left < l.left && (a = c - (l.left - r.left)), r.right > l.right && (a = c + r.right - l.right)) : (r.top < l.top && (a = c - (l.top - r.top)), r.bottom > l.bottom && (a = c + (r.bottom - l.bottom))), a = Math.max(a, 0), f.value = Math.min(a, u);
     }, z = () => {
-      if (!h.value || !v.value)
+      if (!C.value || !v.value)
         return;
-      const o = h.value[`offset${y(w.value)}`], t = v.value[`offset${y(w.value)}`], i = f.value;
+      const o = C.value[`offset${$(w.value)}`], t = v.value[`offset${$(w.value)}`], i = f.value;
       t < o ? (m.value = m.value || {}, m.value.prev = i, m.value.next = i + t < o, o - i < t && (f.value = o - t)) : (m.value = !1, i > 0 && (f.value = 0));
     }, X = (o) => {
       const t = o.code, {
@@ -141,22 +145,22 @@ const V = (
         down: b,
         left: r,
         right: l
-      } = k;
+      } = T;
       if (![i, b, r, l].includes(t))
         return;
       const u = Array.from(o.currentTarget.querySelectorAll("[role=tab]:not(.is-disabled)")), c = u.indexOf(o.target);
       let a;
       t === r || t === i ? c === 0 ? a = u.length - 1 : a = c - 1 : c < u.length - 1 ? a = c + 1 : a = 0, u[a].focus(), u[a].click(), P();
     }, P = () => {
-      x.value && (S.value = !0);
-    }, B = () => S.value = !1;
+      x.value && (k.value = !0);
+    }, S = () => k.value = !1;
     O(q, (o) => {
       o === "hidden" ? x.value = !1 : o === "visible" && setTimeout(() => x.value = !0, 50);
     }), O(H, (o) => {
       o ? setTimeout(() => x.value = !0, 50) : x.value = !1;
-    }), at($, z), tt(() => setTimeout(() => R(), 0)), ot(() => z()), D({
+    }), at(y, z), tt(() => setTimeout(() => R(), 0)), ot(() => z()), D({
       scrollToActiveTab: R,
-      removeFocus: B
+      removeFocus: S
     }), O(() => n.panes, () => M.update(), {
       flush: "post"
     });
@@ -165,10 +169,10 @@ const V = (
       return m.value ? [s("span", {
         class: [e.e("nav-prev"), e.is("disabled", !m.value.prev)],
         onClick: j
-      }, [(o = n.arrowLeftIconCfg) != null && o.icon ? s(T, n.arrowLeftIconCfg, null) : null]), s("span", {
+      }, [(o = n.arrowLeftIconCfg) != null && o.icon ? s(B, n.arrowLeftIconCfg, null) : null]), s("span", {
         class: [e.e("nav-next"), e.is("disabled", !m.value.next)],
         onClick: U
-      }, [(t = n.arrowRightIconCfg) != null && t.icon ? s(T, n.arrowRightIconCfg, null) : null])] : null;
+      }, [(t = n.arrowRightIconCfg) != null && t.icon ? s(B, n.arrowRightIconCfg, null) : null])] : null;
     }), G = I(() => {
       var o;
       return (o = n.panes) == null ? void 0 : o.map((t, i) => {
@@ -177,11 +181,11 @@ const V = (
         t.index = `${i}`;
         const c = u ? s("span", {
           class: "is-icon-close",
-          onClick: (p) => C("tabRemove", t, p)
-        }, [(N = n.closeIconCfg) != null && N.icon ? s(T, n.closeIconCfg, null) : null]) : null, a = ((L = (F = t.slots).label) == null ? void 0 : L.call(F)) || t.props.label, Q = !r && t.active ? 0 : -1;
+          onClick: (p) => h("tabRemove", t, p)
+        }, [(N = n.closeIconCfg) != null && N.icon ? s(B, n.closeIconCfg, null) : null]) : null, a = ((L = (F = t.slots).label) == null ? void 0 : L.call(F)) || t.props.label, Q = !r && t.active ? 0 : -1;
         return s("div", {
           ref: `tab-${b}`,
-          class: [e.e("item"), e.is(d.props.tabPosition), e.is("active", t.active), e.is("disabled", r), e.is("closable", u), e.is("focus", S.value)],
+          class: [e.e("item"), e.is(d.props.tabPosition), e.is("active", t.active), e.is("disabled", r), e.is("closable", u), e.is("focus", k.value)],
           id: `tab-${l}`,
           key: `tab-${b}`,
           "aria-controls": `pane-${l}`,
@@ -189,47 +193,47 @@ const V = (
           "aria-selected": t.active,
           tabindex: Q,
           onFocus: () => P(),
-          onBlur: () => B(),
+          onBlur: () => S(),
           onClick: (p) => {
-            B(), C("tabClick", t, l, p);
+            S(), h("tabClick", t, l, p);
           },
           onContextmenu: (p) => {
-            p.preventDefault(), C("tabContextmenu", {
+            p.preventDefault(), h("tabContextmenu", {
               pane: t,
               index: i,
               event: p
             });
           },
           onKeydown: (p) => {
-            u && (p.code === k.delete || p.code === k.backspace) && C("tabRemove", t, p);
+            u && (p.code === T.delete || p.code === T.backspace) && h("tabRemove", t, p);
           }
         }, [a, c]);
       });
     }), J = n.editable || n.addable ? s("span", {
       class: e.e("new-tab"),
       tabindex: "0",
-      onClick: () => C("tabAdd"),
+      onClick: () => h("tabAdd"),
       onKeydown: (o) => {
-        o.code === k.enter && C("tabAdd");
+        o.code === T.enter && h("tabAdd");
       }
-    }, [(A = n.addIconCfg) != null && A.icon ? s(T, n.addIconCfg, null) : null]) : null;
+    }, [(A = n.addIconCfg) != null && A.icon ? s(B, n.addIconCfg, null) : null]) : null;
     return () => s("div", {
-      ref: $,
+      ref: y,
       class: [e.e("nav-wrap"), e.is("scrollable", !!m.value), e.is(d.props.tabPosition)]
     }, [Y.value, s("div", {
       class: e.e("nav-scroll"),
       ref: v
     }, [s("div", {
       class: [e.e("nav"), e.is(d.props.tabPosition), e.is("stretch", n.stretch && ["top", "bottom"].includes(d.props.tabPosition))],
-      ref: h,
+      ref: C,
       style: W.value,
       role: "tablist",
       onKeydown: X
-    }, [n.type ? null : s(st, {
+    }, [n.showBar ? s(st, {
       tabs: [...n.panes]
-    }, null), G.value]), J])]);
+    }, null) : null, G.value]), J])]);
   }
 });
 export {
-  No as default
+  Fo as default
 };