@sdata/web-vue 3.29.0 → 4.0.0

package/es/table/utils.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { isArray, isNull, isUndefined } from "../_utils/is.js";
 //#region components/table/utils.ts
 var getDataColumnsNumber = (columns) => {

package/es/tabs/index.d.ts

@@ -1,7 +1,7 @@
 import type { App } from 'vue';
 import type { SDOptions } from '../_utils/types';
 import _TabPane from './tab-pane.vue';
-import _Tabs from './tabs';
+import _Tabs from './tabs.vue';
 declare const Tabs: {
     new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
         activeKey: {
@@ -16,9 +16,7 @@ declare const Tabs: {
             type: import("vue").PropType<import("./interface").TabsPosition>;
             default: string;
         };
-        size: {
-            type: import("vue").PropType<import("../index.ts").Size>;
-        };
+        size: import("vue").PropType<import("../index.ts").Size>;
         type: {
             type: import("vue").PropType<import("./interface").TabsType>;
             default: string;
@@ -80,17 +78,17 @@ declare const Tabs: {
             default: boolean;
         };
     }>> & Readonly<{
-        onAdd?: ((_ev: Event) => any) | undefined;
-        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
+        onAdd?: ((_event: Event) => any) | undefined;
+        onDelete?: ((_key: string | number, _event: Event) => any) | undefined;
         onChange?: ((_key: string | number) => any) | undefined;
         "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
-        onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-        'update:activeKey': (_key: string | number) => true;
-        change: (_key: string | number) => true;
-        tabClick: (_key: string | number, _ev: Event) => true;
-        add: (_ev: Event) => true;
-        delete: (_key: string | number, _ev: Event) => true;
+        onTabClick?: ((_key: string | number, _event: Event) => any) | undefined;
+    }>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+        add: (_event: Event) => void;
+        delete: (_key: string | number, _event: Event) => void;
+        change: (_key: string | number) => void;
+        "update:activeKey": (_key: string | number) => void;
+        tabClick: (_key: string | number, _event: Event) => void;
     }, import("vue").PublicProps, {
         type: import("./interface").TabsType;
         position: import("./interface").TabsPosition;
@@ -130,9 +128,7 @@ declare const Tabs: {
             type: import("vue").PropType<import("./interface").TabsPosition>;
             default: string;
         };
-        size: {
-            type: import("vue").PropType<import("../index.ts").Size>;
-        };
+        size: import("vue").PropType<import("../index.ts").Size>;
         type: {
             type: import("vue").PropType<import("./interface").TabsType>;
             default: string;
@@ -194,12 +190,12 @@ declare const Tabs: {
             default: boolean;
         };
     }>> & Readonly<{
-        onAdd?: ((_ev: Event) => any) | undefined;
-        onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
+        onAdd?: ((_event: Event) => any) | undefined;
+        onDelete?: ((_key: string | number, _event: Event) => any) | undefined;
         onChange?: ((_key: string | number) => any) | undefined;
         "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
-        onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
-    }>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, {
+        onTabClick?: ((_key: string | number, _event: Event) => any) | undefined;
+    }>, {}, {}, {}, {}, {
         type: import("./interface").TabsType;
         position: import("./interface").TabsPosition;
         justify: boolean;
@@ -235,9 +231,7 @@ declare const Tabs: {
         type: import("vue").PropType<import("./interface").TabsPosition>;
         default: string;
     };
-    size: {
-        type: import("vue").PropType<import("../index.ts").Size>;
-    };
+    size: import("vue").PropType<import("../index.ts").Size>;
     type: {
         type: import("vue").PropType<import("./interface").TabsType>;
         default: string;
@@ -299,17 +293,17 @@ declare const Tabs: {
         default: boolean;
     };
 }>> & Readonly<{
-    onAdd?: ((_ev: Event) => any) | undefined;
-    onDelete?: ((_key: string | number, _ev: Event) => any) | undefined;
+    onAdd?: ((_event: Event) => any) | undefined;
+    onDelete?: ((_key: string | number, _event: Event) => any) | undefined;
     onChange?: ((_key: string | number) => any) | undefined;
     "onUpdate:activeKey"?: ((_key: string | number) => any) | undefined;
-    onTabClick?: ((_key: string | number, _ev: Event) => any) | undefined;
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
-    'update:activeKey': (_key: string | number) => true;
-    change: (_key: string | number) => true;
-    tabClick: (_key: string | number, _ev: Event) => true;
-    add: (_ev: Event) => true;
-    delete: (_key: string | number, _ev: Event) => true;
+    onTabClick?: ((_key: string | number, _event: Event) => any) | undefined;
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    add: (_event: Event) => void;
+    delete: (_key: string | number, _event: Event) => void;
+    change: (_key: string | number) => void;
+    "update:activeKey": (_key: string | number) => void;
+    tabClick: (_key: string | number, _event: Event) => void;
 }, string, {
     type: import("./interface").TabsType;
     position: import("./interface").TabsPosition;
@@ -329,7 +323,12 @@ declare const Tabs: {
     lazyLoad: boolean;
     autoSwitch: boolean;
     hideContent: boolean;
-}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & {
+}, {}, string, {}, import("vue").GlobalComponents, import("vue").GlobalDirectives, string, import("vue").ComponentProvideOptions> & import("vue").VNodeProps & import("vue").AllowedComponentProps & import("vue").ComponentCustomProps & (new () => {
+    $slots: {
+        default(): unknown;
+        extra(): unknown;
+    };
+}) & {
     TabPane: {
         new (...args: any[]): import("vue").CreateComponentPublicInstanceWithMixins<Readonly<import("vue").ExtractPropTypes<{
             title: StringConstructor;

package/es/tabs/tab-pane.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import Scrollbar from "../scrollbar/index.js";
 import { tabsInjectionKey } from "./context.js";

package/es/tabs/tabs-button.js

@@ -1,60 +1,5 @@
-import { getPrefixCls } from "../_utils/global-config.js";
-import icon_hover_default from "../_components/icon-hover.js";
-import IconLeft from "../icon/icon-left/index.js";
-import IconRight from "../icon/icon-right/index.js";
-import IconDown from "../icon/icon-down/index.js";
-import IconUp from "../icon/icon-up/index.js";
-import { computed, createVNode, defineComponent, isVNode } from "vue";
-//#region components/tabs/tabs-button.tsx
-function _isSlot(s) {
-	return typeof s === "function" || Object.prototype.toString.call(s) === "[object Object]" && !isVNode(s);
-}
-var tabs_button_default = /* @__PURE__ */ defineComponent({
-	name: "TabsButton",
-	props: {
-		type: {
-			type: String,
-			default: "next"
-		},
-		direction: {
-			type: String,
-			default: "horizontal"
-		},
-		disabled: {
-			type: Boolean,
-			default: false
-		},
-		onClick: { type: Function }
-	},
-	emits: ["click"],
-	setup(props, { emit }) {
-		const prefixCls = getPrefixCls("tabs-nav-button");
-		const handleClick = (ev) => {
-			if (!props.disabled) emit("click", props.type, ev);
-		};
-		const renderIcon = () => {
-			if (props.direction === "horizontal") {
-				if (props.type === "next") return createVNode(IconRight, null, null);
-				return createVNode(IconLeft, null, null);
-			}
-			if (props.type === "next") return createVNode(IconDown, null, null);
-			return createVNode(IconUp, null, null);
-		};
-		const cls = computed(() => [prefixCls, {
-			[`${prefixCls}-disabled`]: props.disabled,
-			[`${prefixCls}-left`]: props.direction === "horizontal" && props.type === "previous",
-			[`${prefixCls}-right`]: props.direction === "horizontal" && props.type === "next",
-			[`${prefixCls}-up`]: props.direction === "vertical" && props.type === "previous",
-			[`${prefixCls}-down`]: props.direction === "vertical" && props.type === "next"
-		}]);
-		return () => {
-			let _slot;
-			return createVNode("div", {
-				"class": cls.value,
-				"onClick": handleClick
-			}, [createVNode(icon_hover_default, { "disabled": props.disabled }, _isSlot(_slot = renderIcon()) ? _slot : { default: () => [_slot] })]);
-		};
-	}
-});
+import tabs_button_vue_vue_type_script_setup_true_lang_default from "./tabs-button.vue_vue_type_script_setup_true_lang.js";
+//#region components/tabs/tabs-button.vue
+var tabs_button_default = tabs_button_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { tabs_button_default as default };

package/es/tabs/{tabs-button.d.ts → tabs-button.vue.d.ts}

@@ -1,7 +1,7 @@
 import type { PropType } from 'vue';
 import type { Direction } from '../_utils/constant';
 type ButtonTypes = 'previous' | 'next';
-declare const _default: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
+declare const __VLS_export: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
     type: {
         type: PropType<ButtonTypes>;
         default: string;
@@ -17,7 +17,9 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     onClick: {
         type: PropType<(type: ButtonTypes, ev: Event) => void>;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, "click"[], "click", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
+}>, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
+    click: (type: ButtonTypes, event: Event) => any;
+}, string, import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     type: {
         type: PropType<ButtonTypes>;
         default: string;
@@ -34,10 +36,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: PropType<(type: ButtonTypes, ev: Event) => void>;
     };
 }>> & Readonly<{
-    onClick?: ((...args: any[]) => any) | undefined;
+    onClick?: ((type: ButtonTypes, event: Event) => any) | undefined;
 }>, {
     type: ButtonTypes;
     disabled: boolean;
     direction: "horizontal" | "vertical";
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
+declare const _default: typeof __VLS_export;
 export default _default;

package/es/tabs/tabs-button.vue_vue_type_script_setup_true_lang.js

@@ -0,0 +1,54 @@
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
+import { getPrefixCls } from "../_utils/global-config.js";
+import icon_hover_default from "../_components/icon-hover.js";
+import IconLeft from "../icon/icon-left/index.js";
+import IconRight from "../icon/icon-right/index.js";
+import IconDown from "../icon/icon-down/index.js";
+import IconUp from "../icon/icon-up/index.js";
+import { computed, createBlock, createElementBlock, createVNode, defineComponent, normalizeClass, openBlock, unref, withCtx } from "vue";
+//#region components/tabs/tabs-button.vue?vue&type=script&setup=true&lang.ts
+var tabs_button_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent(_objectSpread2(_objectSpread2({}, { name: "TabsButton" }), {}, {
+	__name: "tabs-button",
+	props: {
+		type: {
+			type: String,
+			default: "next"
+		},
+		direction: {
+			type: String,
+			default: "horizontal"
+		},
+		disabled: {
+			type: Boolean,
+			default: false
+		},
+		onClick: { type: Function }
+	},
+	emits: ["click"],
+	setup(__props, { emit: __emit }) {
+		const props = __props;
+		const emit = __emit;
+		const prefixCls = getPrefixCls("tabs-nav-button");
+		const handleClick = (event) => {
+			if (!props.disabled) emit("click", props.type, event);
+		};
+		const cls = computed(() => [prefixCls, {
+			[`${prefixCls}-disabled`]: props.disabled,
+			[`${prefixCls}-left`]: props.direction === "horizontal" && props.type === "previous",
+			[`${prefixCls}-right`]: props.direction === "horizontal" && props.type === "next",
+			[`${prefixCls}-up`]: props.direction === "vertical" && props.type === "previous",
+			[`${prefixCls}-down`]: props.direction === "vertical" && props.type === "next"
+		}]);
+		return (_ctx, _cache) => {
+			return openBlock(), createElementBlock("div", {
+				class: normalizeClass(cls.value),
+				onClick: handleClick
+			}, [createVNode(icon_hover_default, { disabled: __props.disabled }, {
+				default: withCtx(() => [__props.direction === "horizontal" && __props.type === "next" ? (openBlock(), createBlock(unref(IconRight), { key: 0 })) : __props.direction === "horizontal" ? (openBlock(), createBlock(unref(IconLeft), { key: 1 })) : __props.type === "next" ? (openBlock(), createBlock(unref(IconDown), { key: 2 })) : (openBlock(), createBlock(unref(IconUp), { key: 3 }))]),
+				_: 1
+			}, 8, ["disabled"])], 2);
+		};
+	}
+}));
+//#endregion
+export { tabs_button_vue_vue_type_script_setup_true_lang_default as default };

package/es/tabs/tabs-nav-ink.vue_vue_type_script_setup_true_lang.js

@@ -1,4 +1,4 @@
-import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.139.0/helpers/esm/objectSpread2.js";
+import _objectSpread2 from "../_virtual/_@oxc-project_runtime@0.142.0/helpers/esm/objectSpread2.js";
 import { getPrefixCls } from "../_utils/global-config.js";
 import { computed, createElementBlock, defineComponent, nextTick, normalizeClass, normalizeStyle, onMounted, onUpdated, openBlock, ref } from "vue";
 //#region components/tabs/tabs-nav-ink.vue?vue&type=script&setup=true&lang.ts

package/es/tabs/tabs-nav.js

@@ -1,299 +1,5 @@
-import { configProviderInjectionKey } from "../config-provider/context.js";
-import { getPrefixCls } from "../_utils/global-config.js";
-import { isNumber, isUndefined } from "../_utils/is.js";
-import resize_observer_default from "../_components/resize-observer.js";
-import { off, on } from "../_utils/dom.js";
-import icon_hover_default from "../_components/icon-hover.js";
-import { KEYBOARD_KEY } from "../_utils/keyboard.js";
-import IconPlus from "../icon/icon-plus/index.js";
-import tabs_button_default from "./tabs-button.js";
-import tabs_nav_ink_default from "./tabs-nav-ink.js";
-import tabs_tab_default from "./tabs-tab.js";
-import { updateScrollOffset } from "./utils.js";
-import { computed, createVNode, defineComponent, inject, nextTick, onMounted, onUnmounted, ref, toRefs, watch } from "vue";
-//#region components/tabs/tabs-nav.tsx
-var tabs_nav_default = /* @__PURE__ */ defineComponent({
-	name: "TabsNav",
-	props: {
-		tabs: {
-			type: Array,
-			required: true
-		},
-		direction: {
-			type: String,
-			required: true
-		},
-		type: {
-			type: String,
-			required: true
-		},
-		activeKey: { type: [String, Number] },
-		activeIndex: {
-			type: Number,
-			required: true
-		},
-		position: {
-			type: String,
-			required: true
-		},
-		size: {
-			type: String,
-			required: true
-		},
-		showAddButton: {
-			type: Boolean,
-			default: false
-		},
-		editable: {
-			type: Boolean,
-			default: false
-		},
-		animation: {
-			type: Boolean,
-			required: true
-		},
-		headerPadding: {
-			type: Boolean,
-			default: true
-		},
-		scrollPosition: {
-			type: String,
-			default: "auto"
-		}
-	},
-	emits: [
-		"click",
-		"add",
-		"delete"
-	],
-	setup(props, { emit, slots }) {
-		const { tabs, activeKey, activeIndex, direction, scrollPosition } = toRefs(props);
-		const prefixCls = getPrefixCls("tabs-nav");
-		const configCtx = inject(configProviderInjectionKey, void 0);
-		const rtl = computed(() => {
-			var _configCtx$rtl;
-			return (_configCtx$rtl = configCtx === null || configCtx === void 0 ? void 0 : configCtx.rtl) !== null && _configCtx$rtl !== void 0 ? _configCtx$rtl : false;
-		});
-		const wrapperRef = ref();
-		const listRef = ref();
-		const tabsRef = ref({});
-		const activeTabRef = computed(() => {
-			if (!isUndefined(activeKey.value)) return tabsRef.value[activeKey.value];
-		});
-		const isRtlHorizontal = computed(() => rtl.value && direction.value === "horizontal");
-		const inkRef = ref();
-		const mergedEditable = computed(() => props.editable && [
-			"line",
-			"card",
-			"card-gutter"
-		].includes(props.type));
-		const isScroll = ref(false);
-		const wrapperLength = ref(0);
-		const maxOffset = ref(0);
-		const offset = ref(0);
-		const getWrapperLength = () => {
-			var _ref, _wrapperRef$value, _wrapperRef$value2;
-			return (_ref = direction.value === "vertical" ? (_wrapperRef$value = wrapperRef.value) === null || _wrapperRef$value === void 0 ? void 0 : _wrapperRef$value.offsetHeight : (_wrapperRef$value2 = wrapperRef.value) === null || _wrapperRef$value2 === void 0 ? void 0 : _wrapperRef$value2.offsetWidth) !== null && _ref !== void 0 ? _ref : 0;
-		};
-		const getMaxOffset = () => {
-			if (!listRef.value || !wrapperRef.value) return 0;
-			if (direction.value === "vertical") return listRef.value.offsetHeight - wrapperRef.value.offsetHeight;
-			return listRef.value.offsetWidth - wrapperRef.value.offsetWidth;
-		};
-		const getSize = () => {
-			isScroll.value = isOverflow();
-			if (isScroll.value) {
-				wrapperLength.value = getWrapperLength();
-				maxOffset.value = getMaxOffset();
-				if (offset.value > maxOffset.value) offset.value = maxOffset.value;
-			} else offset.value = 0;
-		};
-		const isOverflow = () => {
-			if (wrapperRef.value && listRef.value) return props.direction === "vertical" ? listRef.value.offsetHeight > wrapperRef.value.offsetHeight : listRef.value.offsetWidth > wrapperRef.value.offsetWidth;
-			return false;
-		};
-		const setOffset = (newOffset) => {
-			if (!wrapperRef.value || !listRef.value || newOffset < 0) newOffset = 0;
-			offset.value = Math.min(newOffset, maxOffset.value);
-		};
-		const setActiveTabOffset = () => {
-			if (!activeTabRef.value || !wrapperRef.value || !isScroll.value) return;
-			updateScrollOffset(wrapperRef.value, direction.value);
-			const isHorizontal = direction.value === "horizontal";
-			const sizeProperty = isHorizontal ? "offsetWidth" : "offsetHeight";
-			const wrapperSize = wrapperRef.value[sizeProperty];
-			const tabSize = activeTabRef.value[sizeProperty];
-			let tabPosition = 0;
-			if (isRtlHorizontal.value) {
-				var _listRef$value;
-				const listWidth = ((_listRef$value = listRef.value) === null || _listRef$value === void 0 ? void 0 : _listRef$value.offsetWidth) || 0;
-				const { offsetLeft } = activeTabRef.value;
-				tabPosition = listWidth - offsetLeft - tabSize;
-			} else tabPosition = isHorizontal ? activeTabRef.value.offsetLeft : activeTabRef.value.offsetTop;
-			const marginSide = isHorizontal ? isRtlHorizontal.value ? scrollPosition.value === "end" ? "marginLeft" : "marginRight" : scrollPosition.value === "end" ? "marginRight" : "marginLeft" : scrollPosition.value === "end" ? "marginBottom" : "marginTop";
-			const tabStyle = window.getComputedStyle(activeTabRef.value);
-			const tabMargin = parseFloat(tabStyle[marginSide]) || 0;
-			let targetOffset = 0;
-			switch (scrollPosition.value) {
-				case "auto":
-					if (tabPosition < offset.value) targetOffset = tabPosition - tabMargin;
-					else if (tabPosition + tabSize > offset.value + wrapperSize) targetOffset = tabPosition + tabSize - wrapperSize + tabMargin;
-					break;
-				case "center":
-					targetOffset = tabPosition + (tabSize - wrapperSize + tabMargin) / 2;
-					break;
-				case "start":
-					targetOffset = tabPosition - tabMargin;
-					break;
-				case "end":
-					targetOffset = tabPosition + tabSize - wrapperSize + tabMargin;
-					break;
-				default: if (isNumber(scrollPosition.value)) targetOffset = tabPosition - scrollPosition.value;
-			}
-			setOffset(targetOffset);
-		};
-		const handleWheel = (ev) => {
-			if (!isScroll.value) return;
-			ev.preventDefault();
-			const { deltaX, deltaY } = ev;
-			if (Math.abs(deltaX) > Math.abs(deltaY)) setOffset(offset.value + deltaX);
-			else setOffset(offset.value + deltaY);
-		};
-		const handleClick = (key, ev) => {
-			emit("click", key, ev);
-		};
-		const handleDelete = (key, ev) => {
-			emit("delete", key, ev);
-			nextTick(() => {
-				delete tabsRef.value[key];
-			});
-		};
-		const handleButtonClick = (type) => {
-			const scrollDirection = type === "previous" !== isRtlHorizontal.value ? -1 : 1;
-			const nextOffset = offset.value + scrollDirection * wrapperLength.value;
-			setOffset(nextOffset);
-		};
-		const focusAndActivate = (key, ev) => {
-			const el = tabsRef.value[key];
-			if (el instanceof HTMLElement) el.focus();
-			emit("click", key, ev);
-		};
-		const handleListKeydown = (ev) => {
-			const enabled = props.tabs.filter((t) => !t.disabled);
-			if (enabled.length === 0) return;
-			const len = enabled.length;
-			const currentIdx = Math.max(0, enabled.findIndex((t) => t.key === activeKey.value));
-			let nextIdx = currentIdx;
-			const key = ev.key;
-			if (direction.value === "vertical") if (key === KEYBOARD_KEY.ARROW_DOWN) nextIdx = currentIdx + 1;
-			else if (key === KEYBOARD_KEY.ARROW_UP) nextIdx = currentIdx - 1;
-			else if (key === KEYBOARD_KEY.HOME) nextIdx = 0;
-			else if (key === KEYBOARD_KEY.END) nextIdx = len - 1;
-			else return;
-			else {
-				const rtl = isRtlHorizontal.value;
-				if (key === KEYBOARD_KEY.ARROW_RIGHT) nextIdx = rtl ? currentIdx - 1 : currentIdx + 1;
-				else if (key === KEYBOARD_KEY.ARROW_LEFT) nextIdx = rtl ? currentIdx + 1 : currentIdx - 1;
-				else if (key === KEYBOARD_KEY.HOME) nextIdx = 0;
-				else if (key === KEYBOARD_KEY.END) nextIdx = len - 1;
-				else return;
-			}
-			ev.preventDefault();
-			nextIdx = (nextIdx % len + len) % len;
-			focusAndActivate(enabled[nextIdx].key, ev);
-		};
-		const handleResize = () => {
-			getSize();
-			if (inkRef.value) inkRef.value.$forceUpdate();
-		};
-		watch(tabs, () => {
-			nextTick(() => {
-				getSize();
-			});
-		});
-		watch([
-			activeIndex,
-			scrollPosition,
-			rtl
-		], () => {
-			setTimeout(() => {
-				setActiveTabOffset();
-				if (inkRef.value) inkRef.value.getInkStyle();
-			}, 0);
-		});
-		onMounted(() => {
-			getSize();
-			if (wrapperRef.value) on(wrapperRef.value, "wheel", handleWheel, { passive: false });
-		});
-		onUnmounted(() => {
-			if (wrapperRef.value) off(wrapperRef.value, "wheel", handleWheel);
-		});
-		const renderAddBtn = () => {
-			if (!mergedEditable.value || !props.showAddButton) return null;
-			return createVNode("div", {
-				"class": `${prefixCls}-add-btn`,
-				"onClick": (ev) => emit("add", ev)
-			}, [createVNode(icon_hover_default, null, { default: () => [createVNode(IconPlus, null, null)] })]);
-		};
-		const cls = computed(() => [
-			prefixCls,
-			`${prefixCls}-${props.direction}`,
-			`${prefixCls}-${props.position}`,
-			`${prefixCls}-size-${props.size}`,
-			`${prefixCls}-type-${props.type}`
-		]);
-		const listCls = computed(() => [`${prefixCls}-tab-list`, { [`${prefixCls}-tab-list-no-padding`]: !props.headerPadding && ["line", "text"].includes(props.type) && props.direction === "horizontal" }]);
-		const listStyle = computed(() => ({ transform: direction.value === "vertical" ? `translateY(${-offset.value}px)` : `translateX(${rtl.value ? offset.value : -offset.value}px)` }));
-		const tabCls = computed(() => [`${prefixCls}-tab`, { [`${prefixCls}-tab-scroll`]: isScroll.value }]);
-		return () => {
-			var _slots$extra;
-			return createVNode("div", { "class": cls.value }, [
-				isScroll.value && createVNode(tabs_button_default, {
-					"type": isRtlHorizontal.value ? "next" : "previous",
-					"direction": props.direction,
-					"disabled": offset.value <= 0,
-					"onClick": handleButtonClick
-				}, null),
-				createVNode(resize_observer_default, { "onResize": () => getSize() }, { default: () => [createVNode("div", {
-					"class": tabCls.value,
-					"ref": wrapperRef
-				}, [createVNode(resize_observer_default, { "onResize": handleResize }, { default: () => [createVNode("div", {
-					"ref": listRef,
-					"class": listCls.value,
-					"style": listStyle.value,
-					"role": "tablist",
-					"aria-orientation": direction.value === "vertical" ? "vertical" : "horizontal",
-					"onKeydown": handleListKeydown
-				}, [props.tabs.map((tab) => createVNode(tabs_tab_default, {
-					"key": tab.key,
-					"ref": (component) => {
-						if (component === null || component === void 0 ? void 0 : component.$el) tabsRef.value[tab.key] = component.$el;
-					},
-					"active": tab.key === activeKey.value,
-					"tab": tab,
-					"editable": props.editable,
-					"onClick": handleClick,
-					"onDelete": handleDelete
-				}, { default: () => {
-					var _tab$slots$title, _tab$slots$title2, _tab$slots;
-					return [(_tab$slots$title = (_tab$slots$title2 = (_tab$slots = tab.slots).title) === null || _tab$slots$title2 === void 0 ? void 0 : _tab$slots$title2.call(_tab$slots)) !== null && _tab$slots$title !== void 0 ? _tab$slots$title : tab.title];
-				} })), props.type === "line" && activeTabRef.value && createVNode(tabs_nav_ink_default, {
-					"ref": inkRef,
-					"activeTabRef": activeTabRef.value,
-					"direction": props.direction,
-					"disabled": false,
-					"animation": props.animation
-				}, null)])] }), !isScroll.value && renderAddBtn()])] }),
-				isScroll.value && createVNode(tabs_button_default, {
-					"type": isRtlHorizontal.value ? "previous" : "next",
-					"direction": props.direction,
-					"disabled": offset.value >= maxOffset.value,
-					"onClick": handleButtonClick
-				}, null),
-				createVNode("div", { "class": `${prefixCls}-extra` }, [isScroll.value && renderAddBtn(), (_slots$extra = slots.extra) === null || _slots$extra === void 0 ? void 0 : _slots$extra.call(slots)])
-			]);
-		};
-	}
-});
+import tabs_nav_vue_vue_type_script_setup_true_lang_default from "./tabs-nav.vue_vue_type_script_setup_true_lang.js";
+//#region components/tabs/tabs-nav.vue
+var tabs_nav_default = tabs_nav_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { tabs_nav_default as default };