vft 0.0.51 → 0.0.55

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/select-v2/index.d.ts

@@ -198,7 +198,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -408,7 +408,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -632,7 +632,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -875,7 +875,7 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -977,14 +977,14 @@ declare const _Select: SFCWithInstall<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     height: number;
+    loading: boolean;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;
@@ -1210,7 +1210,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -1420,7 +1420,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -1644,7 +1644,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -1887,7 +1887,7 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -1989,14 +1989,14 @@ export declare const VftSelectV2: SFCWithInstall<import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     height: number;
+    loading: boolean;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;

package/es/components/select-v2/select.vue.d.ts

@@ -197,7 +197,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $data: {};
         $props: Partial<{}> & Omit<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -407,7 +407,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<import("vue").ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -631,7 +631,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<import("vue").ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {
@@ -874,7 +874,7 @@ declare const _sfc_main: import("vue").DefineComponent<{
     handleCompositionStart: () => void;
     handleCompositionEnd: (event: any) => void;
     handleCompositionUpdate: (event: any) => void;
-}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "remove-tag" | "clear" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
+}, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur")[], "update:modelValue" | "change" | "clear" | "remove-tag" | "visible-change" | "focus" | "blur", import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps, Readonly<import("vue").ExtractPropTypes<{
     allowCreate: BooleanConstructor;
     autocomplete: {
         type: import("vue").PropType<"none" | "both" | "list" | "inline">;
@@ -976,14 +976,14 @@ declare const _sfc_main: import("vue").DefineComponent<{
 }>> & {
     "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
     onChange?: ((...args: any[]) => any) | undefined;
-    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     onClear?: ((...args: any[]) => any) | undefined;
+    "onRemove-tag"?: ((...args: any[]) => any) | undefined;
     "onVisible-change"?: ((...args: any[]) => any) | undefined;
     onFocus?: ((...args: any[]) => any) | undefined;
     onBlur?: ((...args: any[]) => any) | undefined;
 }, {
-    loading: boolean;
     height: number;
+    loading: boolean;
     popperClass: string;
     disabled: boolean;
     placement: import("@popperjs/core").Placement;

package/es/components/select-v2/useSelect.d.ts

@@ -101,7 +101,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $data: {};
         $props: Partial<{}> & Omit<Readonly<ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -311,7 +311,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $el: any;
         $options: import("vue").ComponentOptionsBase<Readonly<ExtractPropTypes<{
             role: {
-                type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+                type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
                 required: false;
             };
             showArrow: {
@@ -535,7 +535,7 @@ declare const useSelect: (props: ExtractPropTypes<typeof SelectProps>, emit: any
         $watch<T extends string | ((...args: any) => any)>(source: T, cb: T extends (...args: any) => infer R ? (args_0: R, args_1: R) => any : (...args: any) => any, options?: import("vue").WatchOptions<boolean> | undefined): import("vue").WatchStopHandle;
     } & Readonly<ExtractPropTypes<{
         role: {
-            type: import("vue").PropType<"dialog" | "grid" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
+            type: import("vue").PropType<"grid" | "dialog" | "group" | "listbox" | "menu" | "navigation" | "tooltip" | "tree" | undefined>;
             required: false;
         };
         showArrow: {

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;
@@ -20,7 +16,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     tabPosition: {
-        type: import("vue").PropType<"top" | "bottom" | "right" | "left" | undefined>;
+        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -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;
@@ -113,7 +109,7 @@ export declare const VftTabs: import("vft/es/utils").SFCWithInstall<import("vue"
         required: false;
     };
     tabPosition: {
-        type: import("vue").PropType<"top" | "bottom" | "right" | "left" | undefined>;
+        type: import("vue").PropType<"bottom" | "left" | "right" | "top" | undefined>;
         required: false;
     };
     beforeLeave: {
@@ -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
 };