@element-plus/nightly 0.0.20251029 → 0.0.20251030

package/es/components/steps/src/item2.mjs

@@ -1,24 +1,203 @@
-import { buildProps } from '../../../utils/vue/props/runtime.mjs';
-import { iconPropType } from '../../../utils/vue/icon.mjs';
+import { defineComponent, ref, inject, getCurrentInstance, onMounted, watch, computed, onBeforeUnmount, openBlock, createElementBlock, normalizeStyle, unref, normalizeClass, createCommentVNode, createElementVNode, renderSlot, createBlock, withCtx, resolveDynamicComponent, createVNode, toDisplayString, createTextVNode } from 'vue';
+import { ElIcon } from '../../icon/index.mjs';
+import { Check, Close } from '@element-plus/icons-vue';
+import { stepProps } from './item.mjs';
+import { STEPS_INJECTION_KEY } from './tokens.mjs';
+import _export_sfc from '../../../_virtual/plugin-vue_export-helper.mjs';
+import { useNamespace } from '../../../hooks/use-namespace/index.mjs';
+import { isNumber } from '../../../utils/types.mjs';
 
-const stepProps = buildProps({
-  title: {
-    type: String,
-    default: ""
-  },
-  icon: {
-    type: iconPropType
-  },
-  description: {
-    type: String,
-    default: ""
-  },
-  status: {
-    type: String,
-    values: ["", "wait", "process", "finish", "error", "success"],
-    default: ""
+const __default__ = defineComponent({
+  name: "ElStep"
+});
+const _sfc_main = defineComponent({
+  ...__default__,
+  props: stepProps,
+  setup(__props) {
+    const props = __props;
+    const ns = useNamespace("step");
+    const index = ref(-1);
+    const lineStyle = ref({});
+    const internalStatus = ref("");
+    const parent = inject(STEPS_INJECTION_KEY);
+    const currentInstance = getCurrentInstance();
+    let stepDiff = 0;
+    let beforeActive = 0;
+    onMounted(() => {
+      watch([
+        () => parent.props.active,
+        () => parent.props.processStatus,
+        () => parent.props.finishStatus
+      ], ([active], [oldActive]) => {
+        beforeActive = oldActive || 0;
+        stepDiff = active - beforeActive;
+        updateStatus(active);
+      }, { immediate: true });
+    });
+    const currentStatus = computed(() => {
+      return props.status || internalStatus.value;
+    });
+    const prevInternalStatus = computed(() => {
+      const prevStep = parent.steps.value[index.value - 1];
+      return prevStep ? prevStep.internalStatus.value : "wait";
+    });
+    const isCenter = computed(() => {
+      return parent.props.alignCenter;
+    });
+    const isVertical = computed(() => {
+      return parent.props.direction === "vertical";
+    });
+    const isSimple = computed(() => {
+      return parent.props.simple;
+    });
+    const stepsCount = computed(() => {
+      return parent.steps.value.length;
+    });
+    const isLast = computed(() => {
+      var _a;
+      return ((_a = parent.steps.value[stepsCount.value - 1]) == null ? void 0 : _a.uid) === currentInstance.uid;
+    });
+    const space = computed(() => {
+      return isSimple.value ? "" : parent.props.space;
+    });
+    const containerKls = computed(() => {
+      return [
+        ns.b(),
+        ns.is(isSimple.value ? "simple" : parent.props.direction),
+        ns.is("flex", isLast.value && !space.value && !isCenter.value),
+        ns.is("center", isCenter.value && !isVertical.value && !isSimple.value)
+      ];
+    });
+    const style = computed(() => {
+      const style2 = {
+        flexBasis: isNumber(space.value) ? `${space.value}px` : space.value ? space.value : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`
+      };
+      if (isVertical.value)
+        return style2;
+      if (isLast.value) {
+        style2.maxWidth = `${100 / stepsCount.value}%`;
+      }
+      return style2;
+    });
+    const setIndex = (val) => {
+      index.value = val;
+    };
+    const calcProgress = (status) => {
+      const isWait = status === "wait";
+      const delayTimer = Math.abs(stepDiff) === 1 ? 0 : stepDiff > 0 ? (index.value + 1 - beforeActive) * 150 : -(index.value + 1 - parent.props.active) * 150;
+      const style2 = {
+        transitionDelay: `${delayTimer}ms`
+      };
+      const step = status === parent.props.processStatus || isWait ? 0 : 100;
+      style2.borderWidth = step && !isSimple.value ? "1px" : 0;
+      style2[parent.props.direction === "vertical" ? "height" : "width"] = `${step}%`;
+      lineStyle.value = style2;
+    };
+    const updateStatus = (activeIndex) => {
+      if (activeIndex > index.value) {
+        internalStatus.value = parent.props.finishStatus;
+      } else if (activeIndex === index.value && prevInternalStatus.value !== "error") {
+        internalStatus.value = parent.props.processStatus;
+      } else {
+        internalStatus.value = "wait";
+      }
+      const prevChild = parent.steps.value[index.value - 1];
+      if (prevChild)
+        prevChild.calcProgress(internalStatus.value);
+    };
+    const stepItemState = {
+      uid: currentInstance.uid,
+      getVnode: () => currentInstance.vnode,
+      currentStatus,
+      internalStatus,
+      setIndex,
+      calcProgress
+    };
+    parent.addStep(stepItemState);
+    onBeforeUnmount(() => {
+      parent.removeStep(stepItemState);
+    });
+    return (_ctx, _cache) => {
+      return openBlock(), createElementBlock("div", {
+        style: normalizeStyle(unref(style)),
+        class: normalizeClass(unref(containerKls))
+      }, [
+        createCommentVNode(" icon & line "),
+        createElementVNode("div", {
+          class: normalizeClass([unref(ns).e("head"), unref(ns).is(unref(currentStatus))])
+        }, [
+          !unref(isSimple) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("line"))
+          }, [
+            createElementVNode("i", {
+              class: normalizeClass(unref(ns).e("line-inner")),
+              style: normalizeStyle(lineStyle.value)
+            }, null, 6)
+          ], 2)) : createCommentVNode("v-if", true),
+          createElementVNode("div", {
+            class: normalizeClass([unref(ns).e("icon"), unref(ns).is(_ctx.icon || _ctx.$slots.icon ? "icon" : "text")])
+          }, [
+            renderSlot(_ctx.$slots, "icon", {}, () => [
+              _ctx.icon ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 0,
+                class: normalizeClass(unref(ns).e("icon-inner"))
+              }, {
+                default: withCtx(() => [
+                  (openBlock(), createBlock(resolveDynamicComponent(_ctx.icon)))
+                ]),
+                _: 1
+              }, 8, ["class"])) : unref(currentStatus) === "success" ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 1,
+                class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Check))
+                ]),
+                _: 1
+              }, 8, ["class"])) : unref(currentStatus) === "error" ? (openBlock(), createBlock(unref(ElIcon), {
+                key: 2,
+                class: normalizeClass([unref(ns).e("icon-inner"), unref(ns).is("status")])
+              }, {
+                default: withCtx(() => [
+                  createVNode(unref(Close))
+                ]),
+                _: 1
+              }, 8, ["class"])) : !unref(isSimple) ? (openBlock(), createElementBlock("div", {
+                key: 3,
+                class: normalizeClass(unref(ns).e("icon-inner"))
+              }, toDisplayString(index.value + 1), 3)) : createCommentVNode("v-if", true)
+            ])
+          ], 2)
+        ], 2),
+        createCommentVNode(" title & description "),
+        createElementVNode("div", {
+          class: normalizeClass(unref(ns).e("main"))
+        }, [
+          createElementVNode("div", {
+            class: normalizeClass([unref(ns).e("title"), unref(ns).is(unref(currentStatus))])
+          }, [
+            renderSlot(_ctx.$slots, "title", {}, () => [
+              createTextVNode(toDisplayString(_ctx.title), 1)
+            ])
+          ], 2),
+          unref(isSimple) ? (openBlock(), createElementBlock("div", {
+            key: 0,
+            class: normalizeClass(unref(ns).e("arrow"))
+          }, null, 2)) : (openBlock(), createElementBlock("div", {
+            key: 1,
+            class: normalizeClass([unref(ns).e("description"), unref(ns).is(unref(currentStatus))])
+          }, [
+            renderSlot(_ctx.$slots, "description", {}, () => [
+              createTextVNode(toDisplayString(_ctx.description), 1)
+            ])
+          ], 2))
+        ], 2)
+      ], 6);
+    };
   }
 });
+var Step = /* @__PURE__ */ _export_sfc(_sfc_main, [["__file", "item.vue"]]);
 
-export { stepProps };
+export { Step as default };
 //# sourceMappingURL=item2.mjs.map

package/es/components/steps/src/item2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"item2.mjs","sources":["../../../../../../packages/components/steps/src/item.ts"],"sourcesContent":["import { buildProps, iconPropType } from '@element-plus/utils'\n\nimport type Step from './item.vue'\nimport type { ExtractPropTypes, __ExtractPublicPropTypes } from 'vue'\n\nexport const stepProps = buildProps({\n  /**\n   * @description step title\n   */\n  title: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description step custom icon. Icons can be passed via named slot as well\n   */\n  icon: {\n    type: iconPropType,\n  },\n  /**\n   * @description step description\n   */\n  description: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description current status. It will be automatically set by Steps if not configured.\n   */\n  status: {\n    type: String,\n    values: ['', 'wait', 'process', 'finish', 'error', 'success'],\n    default: '',\n  },\n} as const)\n\nexport type StepProps = ExtractPropTypes<typeof stepProps>\nexport type StepPropsPublic = __ExtractPublicPropTypes<typeof stepProps>\n\nexport type StepInstance = InstanceType<typeof Step> & unknown\n"],"names":[],"mappings":";;;AACY,MAAC,SAAS,GAAG,UAAU,CAAC;AACpC,EAAE,KAAK,EAAE;AACT,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,IAAI,EAAE;AACR,IAAI,IAAI,EAAE,YAAY;AACtB,GAAG;AACH,EAAE,WAAW,EAAE;AACf,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,EAAE,MAAM,EAAE;AACV,IAAI,IAAI,EAAE,MAAM;AAChB,IAAI,MAAM,EAAE,CAAC,EAAE,EAAE,MAAM,EAAE,SAAS,EAAE,QAAQ,EAAE,OAAO,EAAE,SAAS,CAAC;AACjE,IAAI,OAAO,EAAE,EAAE;AACf,GAAG;AACH,CAAC;;;;"}
+{"version":3,"file":"item2.mjs","sources":["../../../../../../packages/components/steps/src/item.vue"],"sourcesContent":["<template>\n  <div :style=\"style\" :class=\"containerKls\">\n    <!-- icon & line -->\n    <div :class=\"[ns.e('head'), ns.is(currentStatus)]\">\n      <div v-if=\"!isSimple\" :class=\"ns.e('line')\">\n        <i :class=\"ns.e('line-inner')\" :style=\"lineStyle\" />\n      </div>\n\n      <div\n        :class=\"[ns.e('icon'), ns.is(icon || $slots.icon ? 'icon' : 'text')]\"\n      >\n        <slot name=\"icon\">\n          <el-icon v-if=\"icon\" :class=\"ns.e('icon-inner')\">\n            <component :is=\"icon\" />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'success'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Check />\n          </el-icon>\n          <el-icon\n            v-else-if=\"currentStatus === 'error'\"\n            :class=\"[ns.e('icon-inner'), ns.is('status')]\"\n          >\n            <Close />\n          </el-icon>\n          <div v-else-if=\"!isSimple\" :class=\"ns.e('icon-inner')\">\n            {{ index + 1 }}\n          </div>\n        </slot>\n      </div>\n    </div>\n    <!-- title & description -->\n    <div :class=\"ns.e('main')\">\n      <div :class=\"[ns.e('title'), ns.is(currentStatus)]\">\n        <slot name=\"title\">{{ title }}</slot>\n      </div>\n      <div v-if=\"isSimple\" :class=\"ns.e('arrow')\" />\n      <div v-else :class=\"[ns.e('description'), ns.is(currentStatus)]\">\n        <slot name=\"description\">{{ description }}</slot>\n      </div>\n    </div>\n  </div>\n</template>\n\n<script lang=\"ts\" setup>\nimport {\n  computed,\n  getCurrentInstance,\n  inject,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n  watch,\n} from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { Check, Close } from '@element-plus/icons-vue'\nimport { isNumber } from '@element-plus/utils'\nimport { stepProps } from './item'\nimport { STEPS_INJECTION_KEY } from './tokens'\n\nimport type { CSSProperties, ComputedRef, Ref, VNode } from 'vue'\nimport type { StepsProps } from './steps'\n\nexport interface StepItemState {\n  uid: number\n  getVnode: () => VNode\n  currentStatus: ComputedRef<string>\n  internalStatus: Ref<string>\n  setIndex: (val: number) => void\n  calcProgress: (status: string) => void\n}\n\nexport interface IStepsInject {\n  props: StepsProps\n  steps: Ref<StepItemState[]>\n  addStep: (item: StepItemState) => void\n  removeStep: (item: StepItemState) => void\n}\n\ndefineOptions({\n  name: 'ElStep',\n})\n\nconst props = defineProps(stepProps)\nconst ns = useNamespace('step')\nconst index = ref(-1)\nconst lineStyle = ref({})\nconst internalStatus = ref('')\nconst parent = inject(STEPS_INJECTION_KEY) as IStepsInject\nconst currentInstance = getCurrentInstance()!\nlet stepDiff = 0\nlet beforeActive = 0\n\nonMounted(() => {\n  watch(\n    [\n      () => parent.props.active,\n      () => parent.props.processStatus,\n      () => parent.props.finishStatus,\n    ],\n    ([active], [oldActive]) => {\n      beforeActive = oldActive || 0\n      stepDiff = active - beforeActive\n\n      updateStatus(active)\n    },\n    { immediate: true }\n  )\n})\n\nconst currentStatus = computed(() => {\n  return props.status || internalStatus.value\n})\n\nconst prevInternalStatus = computed(() => {\n  const prevStep = parent.steps.value[index.value - 1]\n  return prevStep ? prevStep.internalStatus.value : 'wait'\n})\n\nconst isCenter = computed(() => {\n  return parent.props.alignCenter\n})\n\nconst isVertical = computed(() => {\n  return parent.props.direction === 'vertical'\n})\n\nconst isSimple = computed(() => {\n  return parent.props.simple\n})\n\nconst stepsCount = computed(() => {\n  return parent.steps.value.length\n})\n\nconst isLast = computed(() => {\n  return parent.steps.value[stepsCount.value - 1]?.uid === currentInstance.uid\n})\n\nconst space = computed(() => {\n  return isSimple.value ? '' : parent.props.space\n})\n\nconst containerKls = computed(() => {\n  return [\n    ns.b(),\n    ns.is(isSimple.value ? 'simple' : parent.props.direction),\n    ns.is('flex', isLast.value && !space.value && !isCenter.value),\n    ns.is('center', isCenter.value && !isVertical.value && !isSimple.value),\n  ]\n})\n\nconst style = computed(() => {\n  const style: CSSProperties = {\n    flexBasis: isNumber(space.value)\n      ? `${space.value}px`\n      : space.value\n        ? space.value\n        : `${100 / (stepsCount.value - (isCenter.value ? 0 : 1))}%`,\n  }\n  if (isVertical.value) return style\n  if (isLast.value) {\n    style.maxWidth = `${100 / stepsCount.value}%`\n  }\n  return style\n})\n\nconst setIndex = (val: number) => {\n  index.value = val\n}\n\nconst calcProgress = (status: string) => {\n  const isWait = status === 'wait'\n  const delayTimer =\n    Math.abs(stepDiff) === 1\n      ? 0\n      : stepDiff > 0\n        ? (index.value + 1 - beforeActive) * 150\n        : -(index.value + 1 - parent.props.active) * 150\n\n  const style: CSSProperties = {\n    transitionDelay: `${delayTimer}ms`,\n  }\n  const step = status === parent.props.processStatus || isWait ? 0 : 100\n\n  style.borderWidth = step && !isSimple.value ? '1px' : 0\n  style[parent.props.direction === 'vertical' ? 'height' : 'width'] = `${step}%`\n  lineStyle.value = style\n}\n\nconst updateStatus = (activeIndex: number) => {\n  if (activeIndex > index.value) {\n    internalStatus.value = parent.props.finishStatus\n  } else if (\n    activeIndex === index.value &&\n    prevInternalStatus.value !== 'error'\n  ) {\n    internalStatus.value = parent.props.processStatus\n  } else {\n    internalStatus.value = 'wait'\n  }\n  const prevChild = parent.steps.value[index.value - 1]\n  if (prevChild) prevChild.calcProgress(internalStatus.value)\n}\n\nconst stepItemState: StepItemState = {\n  uid: currentInstance.uid,\n  getVnode: () => currentInstance.vnode,\n  currentStatus,\n  internalStatus,\n  setIndex,\n  calcProgress,\n}\n\nparent.addStep(stepItemState)\n\nonBeforeUnmount(() => {\n  parent.removeStep(stepItemState)\n})\n</script>\n"],"names":["style"],"mappings":"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"}

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

@@ -71,6 +71,7 @@ export declare const tabNavProps: {
     readonly editable: BooleanConstructor;
     readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
     readonly stretch: BooleanConstructor;
+    readonly tabindex: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
 };
 export declare const tabNavEmits: {
     tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) => boolean;
@@ -149,6 +150,7 @@ declare const TabNav: import("vue").DefineComponent<{
     readonly editable: BooleanConstructor;
     readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
     readonly stretch: BooleanConstructor;
+    readonly tabindex: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) => boolean;
     tabRemove: (tab: TabsPaneContext, ev: Event) => boolean;
@@ -222,6 +224,7 @@ declare const TabNav: import("vue").DefineComponent<{
     readonly editable: BooleanConstructor;
     readonly type: import("@element-plus/nightly/es/utils").EpPropFinalized<StringConstructor, "" | "card" | "border-card", unknown, "", boolean>;
     readonly stretch: BooleanConstructor;
+    readonly tabindex: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, undefined, boolean>;
 }>> & {
     onTabClick?: ((tab: {
         uid: number;
@@ -258,6 +261,7 @@ declare const TabNav: import("vue").DefineComponent<{
         isFocusInsidePane: () => boolean | undefined;
     }, ev: Event) => any) | undefined;
 }, {
+    readonly tabindex: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     readonly stretch: boolean;
     readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
     readonly editable: boolean;

package/es/components/tabs/src/tab-nav.mjs

@@ -29,7 +29,11 @@ const tabNavProps = buildProps({
     values: ["card", "border-card", ""],
     default: ""
   },
-  stretch: Boolean
+  stretch: Boolean,
+  tabindex: {
+    type: [String, Number],
+    default: void 0
+  }
 });
 const tabNavEmits = {
   tabClick: (tab, tabName, ev) => ev instanceof Event,
@@ -249,7 +253,7 @@ const TabNav = defineComponent({
         default: () => [createVNode(ArrowRight, null, null)]
       })])] : null;
       const tabs = props.panes.map((pane, index) => {
-        var _a, _b, _c, _d;
+        var _a, _b, _c, _d, _e;
         const uid = pane.uid;
         const disabled = pane.props.disabled;
         const tabName = (_b = (_a = pane.props.name) != null ? _a : pane.index) != null ? _b : `${index}`;
@@ -262,7 +266,7 @@ const TabNav = defineComponent({
           default: () => [createVNode(Close, null, null)]
         }) : null;
         const tabLabelContent = ((_d = (_c = pane.slots).label) == null ? void 0 : _d.call(_c)) || pane.props.label;
-        const tabindex = !disabled && pane.active ? 0 : -1;
+        const tabindex = !disabled && pane.active ? (_e = props.tabindex) != null ? _e : rootTabs.props.tabindex : -1;
         return createVNode("div", {
           "ref": (el) => setRefs(el, tabName),
           "class": [ns.e("item"), ns.is(rootTabs.props.tabPosition), ns.is("active", pane.active), ns.is("disabled", disabled), ns.is("closable", closable), ns.is("focus", isFocus.value)],

package/es/components/tabs/src/tab-nav.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tab-nav.mjs","sources":["../../../../../../packages/components/tabs/src/tab-nav.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  onUpdated,\n  ref,\n  shallowRef,\n  triggerRef,\n  watch,\n} from 'vue'\nimport {\n  useDocumentVisibility,\n  useElementSize,\n  useResizeObserver,\n  useWindowFocus,\n} from '@vueuse/core'\nimport {\n  buildProps,\n  capitalize,\n  definePropType,\n  getEventCode,\n  mutable,\n  throwError,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight, Close } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport useWheel from '@element-plus/components/virtual-list/src/hooks/use-wheel'\nimport { clamp } from 'lodash-unified'\nimport TabBar from './tab-bar.vue'\nimport { tabsRootContextKey } from './constants'\n\nimport type {\n  CSSProperties,\n  ComponentPublicInstance,\n  ExtractPropTypes,\n  __ExtractPublicPropTypes,\n} from 'vue'\nimport type { TabBarInstance } from './tab-bar'\nimport type { TabPaneName, TabsPaneContext } from './constants'\n\ninterface Scrollable {\n  next?: boolean\n  prev?: number\n}\n\nexport const tabNavProps = buildProps({\n  panes: {\n    type: definePropType<TabsPaneContext[]>(Array),\n    default: () => mutable([] as const),\n  },\n  currentName: {\n    type: [String, Number],\n    default: '',\n  },\n  editable: Boolean,\n  type: {\n    type: String,\n    values: ['card', 'border-card', ''],\n    default: '',\n  },\n  stretch: Boolean,\n} as const)\n\nexport const tabNavEmits = {\n  tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) =>\n    ev instanceof Event,\n  tabRemove: (tab: TabsPaneContext, ev: Event) => ev instanceof Event,\n}\n\nexport type TabNavProps = ExtractPropTypes<typeof tabNavProps>\nexport type TabNavPropsPublic = __ExtractPublicPropTypes<typeof tabNavProps>\nexport type TabNavEmits = typeof tabNavEmits\n\nconst COMPONENT_NAME = 'ElTabNav'\nconst TabNav = defineComponent({\n  name: COMPONENT_NAME,\n  props: tabNavProps,\n  emits: tabNavEmits,\n  setup(props, { expose, emit }) {\n    const rootTabs = inject(tabsRootContextKey)\n    if (!rootTabs) throwError(COMPONENT_NAME, `<el-tabs><tab-nav /></el-tabs>`)\n\n    const ns = useNamespace('tabs')\n    const visibility = useDocumentVisibility()\n    const focused = useWindowFocus()\n\n    const navScroll$ = ref<HTMLDivElement>()\n    const nav$ = ref<HTMLDivElement>()\n    const el$ = ref<HTMLDivElement>()\n    const tabRefsMap = ref<{ [key: TabPaneName]: HTMLDivElement }>({})\n\n    const tabBarRef = ref<TabBarInstance>()\n\n    const scrollable = ref<false | Scrollable>(false)\n    const navOffset = ref(0)\n    const isFocus = ref(false)\n    const focusable = ref(true)\n    const tracker = shallowRef()\n\n    const isHorizontal = computed(() =>\n      ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n    )\n\n    const sizeName = computed(() => (isHorizontal.value ? 'width' : 'height'))\n    const navStyle = computed<CSSProperties>(() => {\n      const dir = sizeName.value === 'width' ? 'X' : 'Y'\n      return {\n        transform: `translate${dir}(-${navOffset.value}px)`,\n      }\n    })\n\n    const { width: navContainerWidth, height: navContainerHeight } =\n      useElementSize(navScroll$)\n    const { width: navWidth, height: navHeight } = useElementSize(\n      nav$,\n      { width: 0, height: 0 },\n      { box: 'border-box' }\n    )\n\n    const navContainerSize = computed(() =>\n      isHorizontal.value ? navContainerWidth.value : navContainerHeight.value\n    )\n    const navSize = computed(() =>\n      isHorizontal.value ? navWidth.value : navHeight.value\n    )\n\n    const { onWheel } = useWheel(\n      {\n        atStartEdge: computed(() => navOffset.value <= 0),\n        atEndEdge: computed(\n          () => navSize.value - navOffset.value <= navContainerSize.value\n        ),\n        layout: computed(() =>\n          isHorizontal.value ? 'horizontal' : 'vertical'\n        ),\n      },\n      (offset) => {\n        navOffset.value = clamp(\n          navOffset.value + offset,\n          0,\n          navSize.value - navContainerSize.value\n        )\n      }\n    )\n\n    const scrollPrev = () => {\n      if (!navScroll$.value) return\n\n      const containerSize =\n        navScroll$.value[`offset${capitalize(sizeName.value)}`]\n      const currentOffset = navOffset.value\n\n      if (!currentOffset) return\n\n      const newOffset =\n        currentOffset > containerSize ? currentOffset - containerSize : 0\n\n      navOffset.value = newOffset\n    }\n\n    const scrollNext = () => {\n      if (!navScroll$.value || !nav$.value) return\n\n      const navSize = nav$.value[`offset${capitalize(sizeName.value)}`]\n      const containerSize =\n        navScroll$.value[`offset${capitalize(sizeName.value)}`]\n      const currentOffset = navOffset.value\n\n      if (navSize - currentOffset <= containerSize) return\n\n      const newOffset =\n        navSize - currentOffset > containerSize * 2\n          ? currentOffset + containerSize\n          : navSize - containerSize\n\n      navOffset.value = newOffset\n    }\n\n    const scrollToActiveTab = async () => {\n      const nav = nav$.value\n      if (!scrollable.value || !el$.value || !navScroll$.value || !nav) return\n\n      await nextTick()\n\n      const activeTab = tabRefsMap.value[props.currentName]\n      if (!activeTab) return\n\n      const navScroll = navScroll$.value\n\n      const activeTabBounding = activeTab.getBoundingClientRect()\n      const navScrollBounding = navScroll.getBoundingClientRect()\n      const maxOffset = isHorizontal.value\n        ? nav.offsetWidth - navScrollBounding.width\n        : nav.offsetHeight - navScrollBounding.height\n      const currentOffset = navOffset.value\n      let newOffset = currentOffset\n\n      if (isHorizontal.value) {\n        if (activeTabBounding.left < navScrollBounding.left) {\n          newOffset =\n            currentOffset - (navScrollBounding.left - activeTabBounding.left)\n        }\n        if (activeTabBounding.right > navScrollBounding.right) {\n          newOffset =\n            currentOffset + activeTabBounding.right - navScrollBounding.right\n        }\n      } else {\n        if (activeTabBounding.top < navScrollBounding.top) {\n          newOffset =\n            currentOffset - (navScrollBounding.top - activeTabBounding.top)\n        }\n        if (activeTabBounding.bottom > navScrollBounding.bottom) {\n          newOffset =\n            currentOffset +\n            (activeTabBounding.bottom - navScrollBounding.bottom)\n        }\n      }\n      newOffset = Math.max(newOffset, 0)\n      navOffset.value = Math.min(newOffset, maxOffset)\n    }\n\n    const update = () => {\n      if (!nav$.value || !navScroll$.value) return\n\n      props.stretch && tabBarRef.value?.update()\n\n      const navSize = nav$.value[`offset${capitalize(sizeName.value)}`]\n      const containerSize =\n        navScroll$.value[`offset${capitalize(sizeName.value)}`]\n      const currentOffset = navOffset.value\n\n      if (containerSize < navSize) {\n        scrollable.value = scrollable.value || {}\n        scrollable.value.prev = currentOffset\n        scrollable.value.next = currentOffset + containerSize < navSize\n        if (navSize - currentOffset < containerSize) {\n          navOffset.value = navSize - containerSize\n        }\n      } else {\n        scrollable.value = false\n        if (currentOffset > 0) {\n          navOffset.value = 0\n        }\n      }\n    }\n\n    const changeTab = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      let step = 0\n\n      switch (code) {\n        case EVENT_CODE.left:\n        case EVENT_CODE.up:\n          step = -1\n          break\n        case EVENT_CODE.right:\n        case EVENT_CODE.down:\n          step = 1\n          break\n        default:\n          return\n      }\n\n      const tabList = Array.from(\n        (\n          event.currentTarget as HTMLDivElement\n        ).querySelectorAll<HTMLDivElement>('[role=tab]:not(.is-disabled)')\n      )\n      const currentIndex = tabList.indexOf(event.target as HTMLDivElement)\n      let nextIndex = currentIndex + step\n\n      if (nextIndex < 0) {\n        nextIndex = tabList.length - 1\n      } else if (nextIndex >= tabList.length) {\n        nextIndex = 0\n      }\n\n      tabList[nextIndex].focus({ preventScroll: true }) // 改变焦点元素\n      tabList[nextIndex].click() // 选中下一个tab\n      setFocus()\n    }\n\n    const setFocus = () => {\n      if (focusable.value) isFocus.value = true\n    }\n    const removeFocus = () => (isFocus.value = false)\n\n    const setRefs = (\n      el: Element | ComponentPublicInstance | null,\n      key: TabPaneName\n    ) => {\n      tabRefsMap.value[key] = el as HTMLDivElement\n    }\n\n    const focusActiveTab = async () => {\n      await nextTick()\n\n      const activeTab = tabRefsMap.value[props.currentName]\n      activeTab?.focus({ preventScroll: true })\n    }\n\n    watch(visibility, (visibility) => {\n      if (visibility === 'hidden') {\n        focusable.value = false\n      } else if (visibility === 'visible') {\n        setTimeout(() => (focusable.value = true), 50)\n      }\n    })\n    watch(focused, (focused) => {\n      if (focused) {\n        setTimeout(() => (focusable.value = true), 50)\n      } else {\n        focusable.value = false\n      }\n    })\n\n    useResizeObserver(el$, update)\n\n    onMounted(() => setTimeout(() => scrollToActiveTab(), 0))\n    onUpdated(() => update())\n\n    expose({\n      scrollToActiveTab,\n      removeFocus,\n      focusActiveTab,\n      tabListRef: nav$,\n      tabBarRef,\n      scheduleRender: () => triggerRef(tracker),\n    })\n\n    return () => {\n      const scrollBtn = scrollable.value\n        ? [\n            <span\n              class={[\n                ns.e('nav-prev'),\n                ns.is('disabled', !scrollable.value.prev),\n              ]}\n              onClick={scrollPrev}\n            >\n              <ElIcon>\n                <ArrowLeft />\n              </ElIcon>\n            </span>,\n            <span\n              class={[\n                ns.e('nav-next'),\n                ns.is('disabled', !scrollable.value.next),\n              ]}\n              onClick={scrollNext}\n            >\n              <ElIcon>\n                <ArrowRight />\n              </ElIcon>\n            </span>,\n          ]\n        : null\n\n      const tabs = props.panes.map((pane, index) => {\n        const uid = pane.uid\n        const disabled = pane.props.disabled\n        const tabName = pane.props.name ?? pane.index ?? `${index}`\n        const closable =\n          !disabled &&\n          (pane.isClosable || (pane.props.closable !== false && props.editable))\n        pane.index = `${index}`\n\n        const btnClose = closable ? (\n          <ElIcon\n            class=\"is-icon-close\"\n            // `onClick` not exist when generate dts\n\n            // @ts-ignore\n            onClick={(ev: MouseEvent) => emit('tabRemove', pane, ev)}\n          >\n            <Close />\n          </ElIcon>\n        ) : null\n\n        const tabLabelContent = pane.slots.label?.() || pane.props.label\n        const tabindex = !disabled && pane.active ? 0 : -1\n\n        return (\n          <div\n            ref={(el) => setRefs(el, tabName)}\n            class={[\n              ns.e('item'),\n              ns.is(rootTabs.props.tabPosition),\n              ns.is('active', pane.active),\n              ns.is('disabled', disabled),\n              ns.is('closable', closable),\n              ns.is('focus', isFocus.value),\n            ]}\n            id={`tab-${tabName}`}\n            key={`tab-${uid}`}\n            aria-controls={`pane-${tabName}`}\n            role=\"tab\"\n            aria-selected={pane.active}\n            tabindex={tabindex}\n            onFocus={() => setFocus()}\n            onBlur={() => removeFocus()}\n            onClick={(ev: MouseEvent) => {\n              removeFocus()\n              emit('tabClick', pane, tabName, ev)\n            }}\n            onKeydown={(ev: KeyboardEvent) => {\n              const code = getEventCode(ev)\n              if (\n                closable &&\n                (code === EVENT_CODE.delete || code === EVENT_CODE.backspace)\n              ) {\n                emit('tabRemove', pane, ev)\n              }\n            }}\n          >\n            {...[tabLabelContent, btnClose]}\n          </div>\n        )\n      })\n\n      // By tracking the value property, we can schedule a job to re-render `TabNav` when needed.\n      // Unlike `instance.update`, the scheduler ensures the job is queued only once even if we trigger it multiple times.\n      tracker.value\n\n      return (\n        <div\n          ref={el$}\n          class={[\n            ns.e('nav-wrap'),\n            ns.is('scrollable', !!scrollable.value),\n            ns.is(rootTabs.props.tabPosition),\n          ]}\n        >\n          {scrollBtn}\n          <div class={ns.e('nav-scroll')} ref={navScroll$}>\n            {props.panes.length > 0 ? (\n              <div\n                class={[\n                  ns.e('nav'),\n                  ns.is(rootTabs.props.tabPosition),\n                  ns.is(\n                    'stretch',\n                    props.stretch &&\n                      ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n                  ),\n                ]}\n                ref={nav$}\n                style={navStyle.value}\n                role=\"tablist\"\n                onKeydown={changeTab}\n                onWheel={onWheel}\n              >\n                {...[\n                  !props.type ? (\n                    <TabBar\n                      ref={tabBarRef}\n                      tabs={[...props.panes]}\n                      tabRefs={tabRefsMap.value}\n                    />\n                  ) : null,\n                  tabs,\n                ]}\n              </div>\n            ) : null}\n          </div>\n        </div>\n      )\n    }\n  },\n})\n\nexport type TabNavInstance = InstanceType<typeof TabNav> & {\n  scrollToActiveTab: () => Promise<void>\n  removeFocus: () => void\n  focusActiveTab: () => void\n  scheduleRender: () => void\n  tabListRef: HTMLDivElement | undefined\n  tabBarRef: TabBarInstance | undefined\n}\n\nexport default TabNav\n"],"names":["tabNavProps","buildProps","panes","type","definePropType","Array","default","mutable","currentName","String","Number","editable","Boolean","values","stretch","tabNavEmits","tabClick","tab","tabName","ev","Event","tabRemove","COMPONENT_NAME","TabNav","defineComponent","name","props","emits","expose","emit","ns","useNamespace","visibility","useDocumentVisibility","focused","useWindowFocus","navScroll$","ref","nav$","el$","tabRefsMap","tabBarRef","scrollable","navOffset","isFocus","focusable","tracker","shallowRef","isHorizontal","computed","includes","rootTabs","tabPosition","sizeName","value","navStyle","dir","transform","width","navContainerWidth","height","navContainerHeight","useElementSize","navWidth","navHeight","box","navContainerSize","navSize","onWheel","useWheel","atStartEdge","atEndEdge","layout","offset","clamp","scrollPrev","containerSize","capitalize","currentOffset","newOffset","scrollNext","scrollToActiveTab","activeTab","navScroll","maxOffset","activeTabBounding","right","top","bottom","navScrollBounding","max","update","prev","changeTab","event","step","EVENT_CODE","left","currentIndex","tabList","nextIndex","preventScroll","click","setFocus","key","focusActiveTab","focus","watch","_createVNode","useResizeObserver","setTimeout","onUpdated","tabListRef","scheduleRender","triggerRef","e","is","pane","index","uid","disabled","closable","isClosable","btnClose","setRefs","code","tabLabelContent"],"mappings":"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"}
+{"version":3,"file":"tab-nav.mjs","sources":["../../../../../../packages/components/tabs/src/tab-nav.tsx"],"sourcesContent":["import {\n  computed,\n  defineComponent,\n  inject,\n  nextTick,\n  onMounted,\n  onUpdated,\n  ref,\n  shallowRef,\n  triggerRef,\n  watch,\n} from 'vue'\nimport {\n  useDocumentVisibility,\n  useElementSize,\n  useResizeObserver,\n  useWindowFocus,\n} from '@vueuse/core'\nimport {\n  buildProps,\n  capitalize,\n  definePropType,\n  getEventCode,\n  mutable,\n  throwError,\n} from '@element-plus/utils'\nimport { EVENT_CODE } from '@element-plus/constants'\nimport { ElIcon } from '@element-plus/components/icon'\nimport { ArrowLeft, ArrowRight, Close } from '@element-plus/icons-vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport useWheel from '@element-plus/components/virtual-list/src/hooks/use-wheel'\nimport { clamp } from 'lodash-unified'\nimport TabBar from './tab-bar.vue'\nimport { tabsRootContextKey } from './constants'\n\nimport type {\n  CSSProperties,\n  ComponentPublicInstance,\n  ExtractPropTypes,\n  __ExtractPublicPropTypes,\n} from 'vue'\nimport type { TabBarInstance } from './tab-bar'\nimport type { TabPaneName, TabsPaneContext } from './constants'\n\ninterface Scrollable {\n  next?: boolean\n  prev?: number\n}\n\nexport const tabNavProps = buildProps({\n  panes: {\n    type: definePropType<TabsPaneContext[]>(Array),\n    default: () => mutable([] as const),\n  },\n  currentName: {\n    type: [String, Number],\n    default: '',\n  },\n  editable: Boolean,\n  type: {\n    type: String,\n    values: ['card', 'border-card', ''],\n    default: '',\n  },\n  stretch: Boolean,\n  /**\n   * @description tab-nav tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: undefined,\n  },\n} as const)\n\nexport const tabNavEmits = {\n  tabClick: (tab: TabsPaneContext, tabName: TabPaneName, ev: Event) =>\n    ev instanceof Event,\n  tabRemove: (tab: TabsPaneContext, ev: Event) => ev instanceof Event,\n}\n\nexport type TabNavProps = ExtractPropTypes<typeof tabNavProps>\nexport type TabNavPropsPublic = __ExtractPublicPropTypes<typeof tabNavProps>\nexport type TabNavEmits = typeof tabNavEmits\n\nconst COMPONENT_NAME = 'ElTabNav'\nconst TabNav = defineComponent({\n  name: COMPONENT_NAME,\n  props: tabNavProps,\n  emits: tabNavEmits,\n  setup(props, { expose, emit }) {\n    const rootTabs = inject(tabsRootContextKey)\n    if (!rootTabs) throwError(COMPONENT_NAME, `<el-tabs><tab-nav /></el-tabs>`)\n\n    const ns = useNamespace('tabs')\n    const visibility = useDocumentVisibility()\n    const focused = useWindowFocus()\n\n    const navScroll$ = ref<HTMLDivElement>()\n    const nav$ = ref<HTMLDivElement>()\n    const el$ = ref<HTMLDivElement>()\n    const tabRefsMap = ref<{ [key: TabPaneName]: HTMLDivElement }>({})\n\n    const tabBarRef = ref<TabBarInstance>()\n\n    const scrollable = ref<false | Scrollable>(false)\n    const navOffset = ref(0)\n    const isFocus = ref(false)\n    const focusable = ref(true)\n    const tracker = shallowRef()\n\n    const isHorizontal = computed(() =>\n      ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n    )\n\n    const sizeName = computed(() => (isHorizontal.value ? 'width' : 'height'))\n    const navStyle = computed<CSSProperties>(() => {\n      const dir = sizeName.value === 'width' ? 'X' : 'Y'\n      return {\n        transform: `translate${dir}(-${navOffset.value}px)`,\n      }\n    })\n\n    const { width: navContainerWidth, height: navContainerHeight } =\n      useElementSize(navScroll$)\n    const { width: navWidth, height: navHeight } = useElementSize(\n      nav$,\n      { width: 0, height: 0 },\n      { box: 'border-box' }\n    )\n\n    const navContainerSize = computed(() =>\n      isHorizontal.value ? navContainerWidth.value : navContainerHeight.value\n    )\n    const navSize = computed(() =>\n      isHorizontal.value ? navWidth.value : navHeight.value\n    )\n\n    const { onWheel } = useWheel(\n      {\n        atStartEdge: computed(() => navOffset.value <= 0),\n        atEndEdge: computed(\n          () => navSize.value - navOffset.value <= navContainerSize.value\n        ),\n        layout: computed(() =>\n          isHorizontal.value ? 'horizontal' : 'vertical'\n        ),\n      },\n      (offset) => {\n        navOffset.value = clamp(\n          navOffset.value + offset,\n          0,\n          navSize.value - navContainerSize.value\n        )\n      }\n    )\n\n    const scrollPrev = () => {\n      if (!navScroll$.value) return\n\n      const containerSize =\n        navScroll$.value[`offset${capitalize(sizeName.value)}`]\n      const currentOffset = navOffset.value\n\n      if (!currentOffset) return\n\n      const newOffset =\n        currentOffset > containerSize ? currentOffset - containerSize : 0\n\n      navOffset.value = newOffset\n    }\n\n    const scrollNext = () => {\n      if (!navScroll$.value || !nav$.value) return\n\n      const navSize = nav$.value[`offset${capitalize(sizeName.value)}`]\n      const containerSize =\n        navScroll$.value[`offset${capitalize(sizeName.value)}`]\n      const currentOffset = navOffset.value\n\n      if (navSize - currentOffset <= containerSize) return\n\n      const newOffset =\n        navSize - currentOffset > containerSize * 2\n          ? currentOffset + containerSize\n          : navSize - containerSize\n\n      navOffset.value = newOffset\n    }\n\n    const scrollToActiveTab = async () => {\n      const nav = nav$.value\n      if (!scrollable.value || !el$.value || !navScroll$.value || !nav) return\n\n      await nextTick()\n\n      const activeTab = tabRefsMap.value[props.currentName]\n      if (!activeTab) return\n\n      const navScroll = navScroll$.value\n\n      const activeTabBounding = activeTab.getBoundingClientRect()\n      const navScrollBounding = navScroll.getBoundingClientRect()\n      const maxOffset = isHorizontal.value\n        ? nav.offsetWidth - navScrollBounding.width\n        : nav.offsetHeight - navScrollBounding.height\n      const currentOffset = navOffset.value\n      let newOffset = currentOffset\n\n      if (isHorizontal.value) {\n        if (activeTabBounding.left < navScrollBounding.left) {\n          newOffset =\n            currentOffset - (navScrollBounding.left - activeTabBounding.left)\n        }\n        if (activeTabBounding.right > navScrollBounding.right) {\n          newOffset =\n            currentOffset + activeTabBounding.right - navScrollBounding.right\n        }\n      } else {\n        if (activeTabBounding.top < navScrollBounding.top) {\n          newOffset =\n            currentOffset - (navScrollBounding.top - activeTabBounding.top)\n        }\n        if (activeTabBounding.bottom > navScrollBounding.bottom) {\n          newOffset =\n            currentOffset +\n            (activeTabBounding.bottom - navScrollBounding.bottom)\n        }\n      }\n      newOffset = Math.max(newOffset, 0)\n      navOffset.value = Math.min(newOffset, maxOffset)\n    }\n\n    const update = () => {\n      if (!nav$.value || !navScroll$.value) return\n\n      props.stretch && tabBarRef.value?.update()\n\n      const navSize = nav$.value[`offset${capitalize(sizeName.value)}`]\n      const containerSize =\n        navScroll$.value[`offset${capitalize(sizeName.value)}`]\n      const currentOffset = navOffset.value\n\n      if (containerSize < navSize) {\n        scrollable.value = scrollable.value || {}\n        scrollable.value.prev = currentOffset\n        scrollable.value.next = currentOffset + containerSize < navSize\n        if (navSize - currentOffset < containerSize) {\n          navOffset.value = navSize - containerSize\n        }\n      } else {\n        scrollable.value = false\n        if (currentOffset > 0) {\n          navOffset.value = 0\n        }\n      }\n    }\n\n    const changeTab = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      let step = 0\n\n      switch (code) {\n        case EVENT_CODE.left:\n        case EVENT_CODE.up:\n          step = -1\n          break\n        case EVENT_CODE.right:\n        case EVENT_CODE.down:\n          step = 1\n          break\n        default:\n          return\n      }\n\n      const tabList = Array.from(\n        (\n          event.currentTarget as HTMLDivElement\n        ).querySelectorAll<HTMLDivElement>('[role=tab]:not(.is-disabled)')\n      )\n      const currentIndex = tabList.indexOf(event.target as HTMLDivElement)\n      let nextIndex = currentIndex + step\n\n      if (nextIndex < 0) {\n        nextIndex = tabList.length - 1\n      } else if (nextIndex >= tabList.length) {\n        nextIndex = 0\n      }\n\n      tabList[nextIndex].focus({ preventScroll: true }) // 改变焦点元素\n      tabList[nextIndex].click() // 选中下一个tab\n      setFocus()\n    }\n\n    const setFocus = () => {\n      if (focusable.value) isFocus.value = true\n    }\n    const removeFocus = () => (isFocus.value = false)\n\n    const setRefs = (\n      el: Element | ComponentPublicInstance | null,\n      key: TabPaneName\n    ) => {\n      tabRefsMap.value[key] = el as HTMLDivElement\n    }\n\n    const focusActiveTab = async () => {\n      await nextTick()\n\n      const activeTab = tabRefsMap.value[props.currentName]\n      activeTab?.focus({ preventScroll: true })\n    }\n\n    watch(visibility, (visibility) => {\n      if (visibility === 'hidden') {\n        focusable.value = false\n      } else if (visibility === 'visible') {\n        setTimeout(() => (focusable.value = true), 50)\n      }\n    })\n    watch(focused, (focused) => {\n      if (focused) {\n        setTimeout(() => (focusable.value = true), 50)\n      } else {\n        focusable.value = false\n      }\n    })\n\n    useResizeObserver(el$, update)\n\n    onMounted(() => setTimeout(() => scrollToActiveTab(), 0))\n    onUpdated(() => update())\n\n    expose({\n      scrollToActiveTab,\n      removeFocus,\n      focusActiveTab,\n      tabListRef: nav$,\n      tabBarRef,\n      scheduleRender: () => triggerRef(tracker),\n    })\n\n    return () => {\n      const scrollBtn = scrollable.value\n        ? [\n            <span\n              class={[\n                ns.e('nav-prev'),\n                ns.is('disabled', !scrollable.value.prev),\n              ]}\n              onClick={scrollPrev}\n            >\n              <ElIcon>\n                <ArrowLeft />\n              </ElIcon>\n            </span>,\n            <span\n              class={[\n                ns.e('nav-next'),\n                ns.is('disabled', !scrollable.value.next),\n              ]}\n              onClick={scrollNext}\n            >\n              <ElIcon>\n                <ArrowRight />\n              </ElIcon>\n            </span>,\n          ]\n        : null\n\n      const tabs = props.panes.map((pane, index) => {\n        const uid = pane.uid\n        const disabled = pane.props.disabled\n        const tabName = pane.props.name ?? pane.index ?? `${index}`\n        const closable =\n          !disabled &&\n          (pane.isClosable || (pane.props.closable !== false && props.editable))\n        pane.index = `${index}`\n\n        const btnClose = closable ? (\n          <ElIcon\n            class=\"is-icon-close\"\n            // `onClick` not exist when generate dts\n\n            // @ts-ignore\n            onClick={(ev: MouseEvent) => emit('tabRemove', pane, ev)}\n          >\n            <Close />\n          </ElIcon>\n        ) : null\n\n        const tabLabelContent = pane.slots.label?.() || pane.props.label\n        const tabindex =\n          !disabled && pane.active\n            ? (props.tabindex ?? rootTabs.props.tabindex)\n            : -1\n\n        return (\n          <div\n            ref={(el) => setRefs(el, tabName)}\n            class={[\n              ns.e('item'),\n              ns.is(rootTabs.props.tabPosition),\n              ns.is('active', pane.active),\n              ns.is('disabled', disabled),\n              ns.is('closable', closable),\n              ns.is('focus', isFocus.value),\n            ]}\n            id={`tab-${tabName}`}\n            key={`tab-${uid}`}\n            aria-controls={`pane-${tabName}`}\n            role=\"tab\"\n            aria-selected={pane.active}\n            tabindex={tabindex}\n            onFocus={() => setFocus()}\n            onBlur={() => removeFocus()}\n            onClick={(ev: MouseEvent) => {\n              removeFocus()\n              emit('tabClick', pane, tabName, ev)\n            }}\n            onKeydown={(ev: KeyboardEvent) => {\n              const code = getEventCode(ev)\n              if (\n                closable &&\n                (code === EVENT_CODE.delete || code === EVENT_CODE.backspace)\n              ) {\n                emit('tabRemove', pane, ev)\n              }\n            }}\n          >\n            {...[tabLabelContent, btnClose]}\n          </div>\n        )\n      })\n\n      // By tracking the value property, we can schedule a job to re-render `TabNav` when needed.\n      // Unlike `instance.update`, the scheduler ensures the job is queued only once even if we trigger it multiple times.\n      tracker.value\n\n      return (\n        <div\n          ref={el$}\n          class={[\n            ns.e('nav-wrap'),\n            ns.is('scrollable', !!scrollable.value),\n            ns.is(rootTabs.props.tabPosition),\n          ]}\n        >\n          {scrollBtn}\n          <div class={ns.e('nav-scroll')} ref={navScroll$}>\n            {props.panes.length > 0 ? (\n              <div\n                class={[\n                  ns.e('nav'),\n                  ns.is(rootTabs.props.tabPosition),\n                  ns.is(\n                    'stretch',\n                    props.stretch &&\n                      ['top', 'bottom'].includes(rootTabs.props.tabPosition)\n                  ),\n                ]}\n                ref={nav$}\n                style={navStyle.value}\n                role=\"tablist\"\n                onKeydown={changeTab}\n                onWheel={onWheel}\n              >\n                {...[\n                  !props.type ? (\n                    <TabBar\n                      ref={tabBarRef}\n                      tabs={[...props.panes]}\n                      tabRefs={tabRefsMap.value}\n                    />\n                  ) : null,\n                  tabs,\n                ]}\n              </div>\n            ) : null}\n          </div>\n        </div>\n      )\n    }\n  },\n})\n\nexport type TabNavInstance = InstanceType<typeof TabNav> & {\n  scrollToActiveTab: () => Promise<void>\n  removeFocus: () => void\n  focusActiveTab: () => void\n  scheduleRender: () => void\n  tabListRef: HTMLDivElement | undefined\n  tabBarRef: TabBarInstance | undefined\n}\n\nexport default TabNav\n"],"names":["tabNavProps","buildProps","panes","type","definePropType","Array","default","mutable","currentName","String","Number","editable","Boolean","values","stretch","tabindex","undefined","tab","tabRemove","COMPONENT_NAME","TabNav","defineComponent","name","props","emits","emit","rootTabs","throwError","ns","visibility","useDocumentVisibility","focused","useWindowFocus","navScroll$","ref","nav$","el$","tabRefsMap","tabBarRef","scrollable","navOffset","isFocus","focusable","tracker","shallowRef","isHorizontal","value","dir","transform","width","navContainerWidth","height","navContainerHeight","useElementSize","box","computed","navWidth","onWheel","useWheel","atStartEdge","atEndEdge","scrollPrev","containerSize","newOffset","currentOffset","scrollNext","scrollToActiveTab","nav","activeTab","navScroll","activeTabBounding","getBoundingClientRect","navScrollBounding","maxOffset","top","max","update","navSize","next","changeTab","event","step","EVENT_CODE","nextIndex","tabList","length","preventScroll","click","setFocus","setRefs","key","focusActiveTab","watch","_createVNode","useResizeObserver","setTimeout","onUpdated","expose","tabListRef","scheduleRender","index","pane","closable","disabled","btnClose","ev","delete","tabLabelContent"],"mappings":"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"}

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

@@ -24,6 +24,7 @@ export declare const tabsProps: {
         readonly prototype: any;
     })[], unknown, unknown, () => true, boolean>;
     readonly stretch: BooleanConstructor;
+    readonly tabindex: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
 };
 export type TabsProps = ExtractPropTypes<typeof tabsProps>;
 export type TabsPropsPublic = __ExtractPublicPropTypes<typeof tabsProps>;
@@ -59,6 +60,7 @@ declare const Tabs: import("vue").DefineComponent<{
         readonly prototype: any;
     })[], unknown, unknown, () => true, boolean>;
     readonly stretch: BooleanConstructor;
+    readonly tabindex: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
 }, () => JSX.Element, unknown, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {
     "update:modelValue": (name: TabPaneName) => name is string | number;
     tabClick: (pane: TabsPaneContext, ev: Event) => boolean;
@@ -88,6 +90,7 @@ declare const Tabs: import("vue").DefineComponent<{
         readonly prototype: any;
     })[], unknown, unknown, () => true, boolean>;
     readonly stretch: BooleanConstructor;
+    readonly tabindex: import("@element-plus/nightly/es/utils").EpPropFinalized<readonly [StringConstructor, NumberConstructor], unknown, unknown, 0, boolean>;
 }>> & {
     "onUpdate:modelValue"?: ((name: TabPaneName) => any) | undefined;
     onTabClick?: ((pane: {
@@ -112,6 +115,7 @@ declare const Tabs: import("vue").DefineComponent<{
     onEdit?: ((paneName: TabPaneName | undefined, action: "add" | "remove") => any) | undefined;
     onTabAdd?: (() => any) | undefined;
 }, {
+    readonly tabindex: import("@element-plus/nightly/es/utils").EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
     readonly stretch: boolean;
     readonly type: import("@element-plus/nightly/es/utils").EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
     readonly closable: boolean;

package/es/components/tabs/src/tabs.mjs

@@ -34,7 +34,11 @@ const tabsProps = buildProps({
     type: definePropType(Function),
     default: () => true
   },
-  stretch: Boolean
+  stretch: Boolean,
+  tabindex: {
+    type: [String, Number],
+    default: 0
+  }
 });
 const isPaneName = (value) => isString(value) || isNumber(value);
 const tabsEmits = {
@@ -144,7 +148,7 @@ const Tabs = defineComponent({
       const addSlot = slots["add-icon"];
       const newButton = props.editable || props.addable ? createVNode("div", {
         "class": [ns.e("new-tab"), isVertical.value && ns.e("new-tab-vertical")],
-        "tabindex": "0",
+        "tabindex": props.tabindex,
         "onClick": handleTabAdd,
         "onKeydown": handleKeydown
       }, [addSlot ? renderSlot(slots, "add-icon") : createVNode(ElIcon, {

package/es/components/tabs/src/tabs.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"tabs.mjs","sources":["../../../../../../packages/components/tabs/src/tabs.tsx"],"sourcesContent":["import {\n  computed,\n  createVNode,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  provide,\n  ref,\n  renderSlot,\n  watch,\n} from 'vue'\nimport { omit } from 'lodash-unified'\nimport {\n  buildProps,\n  definePropType,\n  getEventCode,\n  isNumber,\n  isString,\n  isUndefined,\n} from '@element-plus/utils'\nimport { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElIcon from '@element-plus/components/icon'\nimport { Plus } from '@element-plus/icons-vue'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\nimport TabNav from './tab-nav'\n\nimport type { ExtractPropTypes, VNode, __ExtractPublicPropTypes } from 'vue'\nimport type { Awaitable } from '@element-plus/utils'\nimport type { TabNavInstance } from './tab-nav'\nimport type { TabPaneName, TabsPaneContext } from './constants'\n\nexport const tabsProps = buildProps({\n  /**\n   * @description type of Tab\n   */\n  type: {\n    type: String,\n    values: ['card', 'border-card', ''],\n    default: '',\n  },\n  /**\n   * @description whether Tab is closable\n   */\n  closable: Boolean,\n  /**\n   * @description whether Tab is addable\n   */\n  addable: Boolean,\n  /**\n   * @description binding value, name of the selected tab\n   */\n  modelValue: {\n    type: [String, Number],\n  },\n  /**\n   * @description whether Tab is addable and closable\n   */\n  editable: Boolean,\n  /**\n   * @description position of tabs\n   */\n  tabPosition: {\n    type: String,\n    values: ['top', 'right', 'bottom', 'left'],\n    default: 'top',\n  },\n  /**\n   * @description hook function before switching tab. If `false` is returned or a `Promise` is returned and then is rejected, switching will be prevented\n   */\n  beforeLeave: {\n    type: definePropType<\n      (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>\n    >(Function),\n    default: () => true,\n  },\n  /**\n   * @description whether width of tab automatically fits its container\n   */\n  stretch: Boolean,\n} as const)\nexport type TabsProps = ExtractPropTypes<typeof tabsProps>\nexport type TabsPropsPublic = __ExtractPublicPropTypes<typeof tabsProps>\n\nconst isPaneName = (value: unknown): value is string | number =>\n  isString(value) || isNumber(value)\n\nexport const tabsEmits = {\n  [UPDATE_MODEL_EVENT]: (name: TabPaneName) => isPaneName(name),\n  tabClick: (pane: TabsPaneContext, ev: Event) => ev instanceof Event,\n  tabChange: (name: TabPaneName) => isPaneName(name),\n  edit: (paneName: TabPaneName | undefined, action: 'remove' | 'add') =>\n    ['remove', 'add'].includes(action),\n  tabRemove: (name: TabPaneName) => isPaneName(name),\n  tabAdd: () => true,\n}\nexport type TabsEmits = typeof tabsEmits\n\nexport type TabsPanes = Record<number, TabsPaneContext>\n\nconst Tabs = defineComponent({\n  name: 'ElTabs',\n\n  props: tabsProps,\n  emits: tabsEmits,\n\n  setup(props, { emit, slots, expose }) {\n    const ns = useNamespace('tabs')\n\n    const isVertical = computed(() =>\n      ['left', 'right'].includes(props.tabPosition)\n    )\n\n    const {\n      children: panes,\n      addChild: registerPane,\n      removeChild: unregisterPane,\n      ChildrenSorter: PanesSorter,\n    } = useOrderedChildren<TabsPaneContext>(getCurrentInstance()!, 'ElTabPane')\n\n    const nav$ = ref<TabNavInstance>()\n    const currentName = ref<TabPaneName>(props.modelValue ?? '0')\n\n    const setCurrentName = async (value?: TabPaneName, trigger = false) => {\n      // should do nothing.\n      if (currentName.value === value || isUndefined(value)) return\n\n      try {\n        let canLeave\n        if (props.beforeLeave) {\n          const result = props.beforeLeave(value, currentName.value)\n          canLeave = result instanceof Promise ? await result : result\n        } else {\n          canLeave = true\n        }\n\n        if (canLeave !== false) {\n          const isFocusInsidePane = panes.value\n            .find((item) => item.paneName === currentName.value)\n            ?.isFocusInsidePane()\n\n          currentName.value = value\n          if (trigger) {\n            emit(UPDATE_MODEL_EVENT, value)\n            emit('tabChange', value)\n          }\n\n          nav$.value?.removeFocus?.()\n          if (isFocusInsidePane) {\n            nav$.value?.focusActiveTab()\n          }\n        }\n      } catch {}\n    }\n\n    const handleTabClick = (\n      tab: TabsPaneContext,\n      tabName: TabPaneName,\n      event: Event\n    ) => {\n      if (tab.props.disabled) return\n      emit('tabClick', tab, event)\n      setCurrentName(tabName, true)\n    }\n\n    const handleTabRemove = (pane: TabsPaneContext, ev: Event) => {\n      if (pane.props.disabled || isUndefined(pane.props.name)) return\n      ev.stopPropagation()\n      emit('edit', pane.props.name, 'remove')\n      emit('tabRemove', pane.props.name)\n    }\n\n    const handleTabAdd = () => {\n      emit('edit', undefined, 'add')\n      emit('tabAdd')\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter].includes(code))\n        handleTabAdd()\n    }\n\n    const swapChildren = (\n      vnode: VNode & {\n        el: HTMLDivElement\n        children: VNode<HTMLDivElement>[]\n      }\n    ) => {\n      const actualFirstChild = vnode.el.firstChild!\n      const firstChild = ['bottom', 'right'].includes(props.tabPosition)\n        ? vnode.children[0].el!\n        : vnode.children[1].el!\n\n      if (actualFirstChild !== firstChild) {\n        actualFirstChild.before(firstChild)\n      }\n    }\n\n    watch(\n      () => props.modelValue,\n      (modelValue) => setCurrentName(modelValue)\n    )\n\n    watch(currentName, async () => {\n      await nextTick()\n      nav$.value?.scrollToActiveTab()\n    })\n\n    provide(tabsRootContextKey, {\n      props,\n      currentName,\n      registerPane,\n      unregisterPane,\n      nav$,\n    })\n\n    expose({\n      currentName,\n      get tabNavRef() {\n        return omit(nav$.value, ['scheduleRender'])\n      },\n    })\n\n    return () => {\n      const addSlot = slots['add-icon']\n      const newButton =\n        props.editable || props.addable ? (\n          <div\n            class={[\n              ns.e('new-tab'),\n              isVertical.value && ns.e('new-tab-vertical'),\n            ]}\n            tabindex=\"0\"\n            onClick={handleTabAdd}\n            onKeydown={handleKeydown}\n          >\n            {addSlot ? (\n              renderSlot(slots, 'add-icon')\n            ) : (\n              <ElIcon class={ns.is('icon-plus')}>\n                <Plus />\n              </ElIcon>\n            )}\n          </div>\n        ) : null\n\n      const tabNav = () => (\n        <TabNav\n          ref={nav$}\n          currentName={currentName.value}\n          editable={props.editable}\n          type={props.type}\n          panes={panes.value}\n          stretch={props.stretch}\n          onTabClick={handleTabClick}\n          onTabRemove={handleTabRemove}\n        />\n      )\n\n      const header = (\n        <div\n          class={[\n            ns.e('header'),\n            isVertical.value && ns.e('header-vertical'),\n            ns.is(props.tabPosition),\n          ]}\n        >\n          {createVNode(PanesSorter, null, {\n            default: tabNav,\n            $stable: true,\n          })}\n          {newButton}\n        </div>\n      )\n\n      const panels = (\n        <div class={ns.e('content')}>{renderSlot(slots, 'default')}</div>\n      )\n\n      return (\n        <div\n          class={[\n            ns.b(),\n            ns.m(props.tabPosition),\n            {\n              [ns.m('card')]: props.type === 'card',\n              [ns.m('border-card')]: props.type === 'border-card',\n            },\n          ]}\n          // @ts-ignore\n          onVnodeMounted={swapChildren}\n          onVnodeUpdated={swapChildren}\n        >\n          {panels}\n          {header}\n        </div>\n      )\n    }\n  },\n})\n\nexport type TabsInstance = InstanceType<typeof Tabs> & {\n  currentName: TabPaneName\n  tabNavRef: TabNavInstance | undefined\n}\n\nexport default Tabs\n"],"names":["tabsProps","buildProps","type","values","default","closable","addable","modelValue","editable","tabPosition","beforeLeave","definePropType","stretch","Boolean","ev","tabChange","isPaneName","edit","paneName","tabRemove","tabAdd","defineComponent","name","props","emits","expose","children","addChild","removeChild","unregisterPane","ChildrenSorter","getCurrentInstance","nav$","currentName","setCurrentName","value","result","canLeave","panes","emit","UPDATE_MODEL_EVENT","handleTabClick","tab","pane","_createVNode","handleTabAdd","undefined","handleKeydown","EVENT_CODE","swapChildren","vnode","firstChild","actualFirstChild","watch","tabsRootContextKey","registerPane","tabNavRef"],"mappings":"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"}
+{"version":3,"file":"tabs.mjs","sources":["../../../../../../packages/components/tabs/src/tabs.tsx"],"sourcesContent":["import {\n  computed,\n  createVNode,\n  defineComponent,\n  getCurrentInstance,\n  nextTick,\n  provide,\n  ref,\n  renderSlot,\n  watch,\n} from 'vue'\nimport { omit } from 'lodash-unified'\nimport {\n  buildProps,\n  definePropType,\n  getEventCode,\n  isNumber,\n  isString,\n  isUndefined,\n} from '@element-plus/utils'\nimport { EVENT_CODE, UPDATE_MODEL_EVENT } from '@element-plus/constants'\nimport ElIcon from '@element-plus/components/icon'\nimport { Plus } from '@element-plus/icons-vue'\nimport { useNamespace, useOrderedChildren } from '@element-plus/hooks'\nimport { tabsRootContextKey } from './constants'\nimport TabNav from './tab-nav'\n\nimport type { ExtractPropTypes, VNode, __ExtractPublicPropTypes } from 'vue'\nimport type { Awaitable } from '@element-plus/utils'\nimport type { TabNavInstance } from './tab-nav'\nimport type { TabPaneName, TabsPaneContext } from './constants'\n\nexport const tabsProps = buildProps({\n  /**\n   * @description type of Tab\n   */\n  type: {\n    type: String,\n    values: ['card', 'border-card', ''],\n    default: '',\n  },\n  /**\n   * @description whether Tab is closable\n   */\n  closable: Boolean,\n  /**\n   * @description whether Tab is addable\n   */\n  addable: Boolean,\n  /**\n   * @description binding value, name of the selected tab\n   */\n  modelValue: {\n    type: [String, Number],\n  },\n  /**\n   * @description whether Tab is addable and closable\n   */\n  editable: Boolean,\n  /**\n   * @description position of tabs\n   */\n  tabPosition: {\n    type: String,\n    values: ['top', 'right', 'bottom', 'left'],\n    default: 'top',\n  },\n  /**\n   * @description hook function before switching tab. If `false` is returned or a `Promise` is returned and then is rejected, switching will be prevented\n   */\n  beforeLeave: {\n    type: definePropType<\n      (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>\n    >(Function),\n    default: () => true,\n  },\n  /**\n   * @description whether width of tab automatically fits its container\n   */\n  stretch: Boolean,\n  /**\n   * @description tabs tabindex\n   */\n  tabindex: {\n    type: [String, Number],\n    default: 0,\n  },\n} as const)\nexport type TabsProps = ExtractPropTypes<typeof tabsProps>\nexport type TabsPropsPublic = __ExtractPublicPropTypes<typeof tabsProps>\n\nconst isPaneName = (value: unknown): value is string | number =>\n  isString(value) || isNumber(value)\n\nexport const tabsEmits = {\n  [UPDATE_MODEL_EVENT]: (name: TabPaneName) => isPaneName(name),\n  tabClick: (pane: TabsPaneContext, ev: Event) => ev instanceof Event,\n  tabChange: (name: TabPaneName) => isPaneName(name),\n  edit: (paneName: TabPaneName | undefined, action: 'remove' | 'add') =>\n    ['remove', 'add'].includes(action),\n  tabRemove: (name: TabPaneName) => isPaneName(name),\n  tabAdd: () => true,\n}\nexport type TabsEmits = typeof tabsEmits\n\nexport type TabsPanes = Record<number, TabsPaneContext>\n\nconst Tabs = defineComponent({\n  name: 'ElTabs',\n\n  props: tabsProps,\n  emits: tabsEmits,\n\n  setup(props, { emit, slots, expose }) {\n    const ns = useNamespace('tabs')\n\n    const isVertical = computed(() =>\n      ['left', 'right'].includes(props.tabPosition)\n    )\n\n    const {\n      children: panes,\n      addChild: registerPane,\n      removeChild: unregisterPane,\n      ChildrenSorter: PanesSorter,\n    } = useOrderedChildren<TabsPaneContext>(getCurrentInstance()!, 'ElTabPane')\n\n    const nav$ = ref<TabNavInstance>()\n    const currentName = ref<TabPaneName>(props.modelValue ?? '0')\n\n    const setCurrentName = async (value?: TabPaneName, trigger = false) => {\n      // should do nothing.\n      if (currentName.value === value || isUndefined(value)) return\n\n      try {\n        let canLeave\n        if (props.beforeLeave) {\n          const result = props.beforeLeave(value, currentName.value)\n          canLeave = result instanceof Promise ? await result : result\n        } else {\n          canLeave = true\n        }\n\n        if (canLeave !== false) {\n          const isFocusInsidePane = panes.value\n            .find((item) => item.paneName === currentName.value)\n            ?.isFocusInsidePane()\n\n          currentName.value = value\n          if (trigger) {\n            emit(UPDATE_MODEL_EVENT, value)\n            emit('tabChange', value)\n          }\n\n          nav$.value?.removeFocus?.()\n          if (isFocusInsidePane) {\n            nav$.value?.focusActiveTab()\n          }\n        }\n      } catch {}\n    }\n\n    const handleTabClick = (\n      tab: TabsPaneContext,\n      tabName: TabPaneName,\n      event: Event\n    ) => {\n      if (tab.props.disabled) return\n      emit('tabClick', tab, event)\n      setCurrentName(tabName, true)\n    }\n\n    const handleTabRemove = (pane: TabsPaneContext, ev: Event) => {\n      if (pane.props.disabled || isUndefined(pane.props.name)) return\n      ev.stopPropagation()\n      emit('edit', pane.props.name, 'remove')\n      emit('tabRemove', pane.props.name)\n    }\n\n    const handleTabAdd = () => {\n      emit('edit', undefined, 'add')\n      emit('tabAdd')\n    }\n\n    const handleKeydown = (event: KeyboardEvent) => {\n      const code = getEventCode(event)\n      if ([EVENT_CODE.enter, EVENT_CODE.numpadEnter].includes(code))\n        handleTabAdd()\n    }\n\n    const swapChildren = (\n      vnode: VNode & {\n        el: HTMLDivElement\n        children: VNode<HTMLDivElement>[]\n      }\n    ) => {\n      const actualFirstChild = vnode.el.firstChild!\n      const firstChild = ['bottom', 'right'].includes(props.tabPosition)\n        ? vnode.children[0].el!\n        : vnode.children[1].el!\n\n      if (actualFirstChild !== firstChild) {\n        actualFirstChild.before(firstChild)\n      }\n    }\n\n    watch(\n      () => props.modelValue,\n      (modelValue) => setCurrentName(modelValue)\n    )\n\n    watch(currentName, async () => {\n      await nextTick()\n      nav$.value?.scrollToActiveTab()\n    })\n\n    provide(tabsRootContextKey, {\n      props,\n      currentName,\n      registerPane,\n      unregisterPane,\n      nav$,\n    })\n\n    expose({\n      currentName,\n      get tabNavRef() {\n        return omit(nav$.value, ['scheduleRender'])\n      },\n    })\n\n    return () => {\n      const addSlot = slots['add-icon']\n      const newButton =\n        props.editable || props.addable ? (\n          <div\n            class={[\n              ns.e('new-tab'),\n              isVertical.value && ns.e('new-tab-vertical'),\n            ]}\n            tabindex={props.tabindex}\n            onClick={handleTabAdd}\n            onKeydown={handleKeydown}\n          >\n            {addSlot ? (\n              renderSlot(slots, 'add-icon')\n            ) : (\n              <ElIcon class={ns.is('icon-plus')}>\n                <Plus />\n              </ElIcon>\n            )}\n          </div>\n        ) : null\n\n      const tabNav = () => (\n        <TabNav\n          ref={nav$}\n          currentName={currentName.value}\n          editable={props.editable}\n          type={props.type}\n          panes={panes.value}\n          stretch={props.stretch}\n          onTabClick={handleTabClick}\n          onTabRemove={handleTabRemove}\n        />\n      )\n\n      const header = (\n        <div\n          class={[\n            ns.e('header'),\n            isVertical.value && ns.e('header-vertical'),\n            ns.is(props.tabPosition),\n          ]}\n        >\n          {createVNode(PanesSorter, null, {\n            default: tabNav,\n            $stable: true,\n          })}\n          {newButton}\n        </div>\n      )\n\n      const panels = (\n        <div class={ns.e('content')}>{renderSlot(slots, 'default')}</div>\n      )\n\n      return (\n        <div\n          class={[\n            ns.b(),\n            ns.m(props.tabPosition),\n            {\n              [ns.m('card')]: props.type === 'card',\n              [ns.m('border-card')]: props.type === 'border-card',\n            },\n          ]}\n          // @ts-ignore\n          onVnodeMounted={swapChildren}\n          onVnodeUpdated={swapChildren}\n        >\n          {panels}\n          {header}\n        </div>\n      )\n    }\n  },\n})\n\nexport type TabsInstance = InstanceType<typeof Tabs> & {\n  currentName: TabPaneName\n  tabNavRef: TabNavInstance | undefined\n}\n\nexport default Tabs\n"],"names":["tabsProps","buildProps","type","values","default","closable","addable","modelValue","String","editable","Boolean","tabPosition","beforeLeave","definePropType","stretch","tabindex","isNumber","name","tabChange","edit","includes","tabRemove","isPaneName","tabAdd","defineComponent","props","emits","expose","ns","isVertical","computed","children","addChild","removeChild","ChildrenSorter","PanesSorter","getCurrentInstance","nav$","ref","currentName","setCurrentName","value","trigger","result","canLeave","emit","UPDATE_MODEL_EVENT","handleTabClick","tab","disabled","isUndefined","pane","ev","handleTabAdd","_createVNode","handleKeydown","EVENT_CODE","enter","swapChildren","vnode","firstChild","actualFirstChild","watch"],"mappings":"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"}

package/es/components/text/index.mjs

@@ -1,5 +1,5 @@
-import Text from './src/text.mjs';
-export { textProps } from './src/text2.mjs';
+import Text from './src/text2.mjs';
+export { textProps } from './src/text.mjs';
 import { withInstall } from '../../utils/vue/install.mjs';
 
 const ElText = withInstall(Text);