@element-plus/nightly 0.0.20251217 → 0.0.20251219

package/lib/components/steps/src/item2.js

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

package/lib/components/steps/src/item2.js.map

@@ -1 +1 @@
-{"version":3,"file":"item2.js","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":["buildProps","iconPropType"],"mappings":";;;;;;;AAKO,MAAM,YAAYA,kBAAW,CAAA;AAAA,EAIlC,KAAO,EAAA;AAAA,IACL,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAAC,iBAAA;AAAA,GACR;AAAA,EAIA,WAAa,EAAA;AAAA,IACX,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,MAAQ,EAAA;AAAA,IACN,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,EAAA,EAAI,QAAQ,SAAW,EAAA,QAAA,EAAU,SAAS,SAAS,CAAA;AAAA,IAC5D,OAAS,EAAA,EAAA;AAAA,GACX;AACF,CAAU;;;;"}
+{"version":3,"file":"item2.js","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":["useNamespace","index","ref","inject","STEPS_INJECTION_KEY","getCurrentInstance","onMounted","watch","computed","style","isNumber","onBeforeUnmount","_openBlock","_createElementBlock","_normalizeStyle","_normalizeClass","_createCommentVNode","_createElementVNode","_unref","icon","$slots","_renderSlot","_createBlock","ElIcon","_resolveDynamicComponent","_createVNode","Check","Close","_createTextVNode","title","description"],"mappings":"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"}

package/lib/components/tabs/src/tab-nav.js

@@ -14,6 +14,7 @@ var runtime = require('../../../utils/vue/props/runtime.js');
 var typescript = require('../../../utils/typescript.js');
 var error = require('../../../utils/error.js');
 var index = require('../../../hooks/use-namespace/index.js');
+var raf = require('../../../utils/raf.js');
 var event = require('../../../utils/dom/event.js');
 var aria = require('../../../constants/aria.js');
 var strings = require('../../../utils/strings.js');
@@ -233,7 +234,9 @@ const TabNav = vue.defineComponent({
         focusable.value = false;
       }
     });
-    core.useResizeObserver(el$, update);
+    core.useResizeObserver(el$, () => {
+      raf.rAF(update);
+    });
     vue.onMounted(() => setTimeout(() => scrollToActiveTab(), 0));
     vue.onUpdated(() => update());
     expose({

package/lib/components/tabs/src/tab-nav.js.map

@@ -1 +1 @@
-{"version":3,"file":"tab-nav.js","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","tabNavEmits","tabClick","tab","tabName","ev","Event","tabRemove","COMPONENT_NAME","TabNav","defineComponent","name","props","emits","setup","expose","emit","rootTabs","inject","tabsRootContextKey","throwError","ns","useNamespace","visibility","useDocumentVisibility","focused","useWindowFocus","navScroll$","ref","nav$","el$","tabRefsMap","tabBarRef","scrollable","navOffset","isFocus","focusable","tracker","shallowRef","isHorizontal","computed","includes","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","nav","nextTick","activeTab","navScroll","activeTabBounding","getBoundingClientRect","navScrollBounding","maxOffset","offsetWidth","offsetHeight","left","right","top","bottom","Math","max","min","update","prev","next","changeTab","event","code","getEventCode","step","EVENT_CODE","up","down","tabList","from","currentTarget","querySelectorAll","currentIndex","indexOf","target","nextIndex","length","focus","preventScroll","click","setFocus","removeFocus","setRefs","el","key","focusActiveTab","watch","setTimeout","useResizeObserver","onMounted","onUpdated","tabListRef","scheduleRender","triggerRef","scrollBtn","_createVNode","e","is","ElIcon","ArrowLeft","ArrowRight","tabs","map","pane","index","uid","disabled","closable","isClosable","btnClose","Close","tabLabelContent","slots","label","active","onFocus","onBlur","delete","backspace","TabBar"],"mappings":"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"}
+{"version":3,"file":"tab-nav.js","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  rAF,\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$, () => {\n      rAF(update)\n    })\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","tabNavEmits","tabClick","tab","tabName","ev","Event","tabRemove","COMPONENT_NAME","TabNav","defineComponent","name","props","emits","setup","expose","emit","rootTabs","inject","tabsRootContextKey","throwError","ns","useNamespace","visibility","useDocumentVisibility","focused","useWindowFocus","navScroll$","ref","nav$","el$","tabRefsMap","tabBarRef","scrollable","navOffset","isFocus","focusable","tracker","shallowRef","isHorizontal","computed","includes","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","nav","nextTick","activeTab","navScroll","activeTabBounding","getBoundingClientRect","navScrollBounding","maxOffset","offsetWidth","offsetHeight","left","right","top","bottom","Math","max","min","update","prev","next","changeTab","event","code","getEventCode","step","EVENT_CODE","up","down","tabList","from","currentTarget","querySelectorAll","currentIndex","indexOf","target","nextIndex","length","focus","preventScroll","click","setFocus","removeFocus","setRefs","el","key","focusActiveTab","watch","setTimeout","useResizeObserver","rAF","onMounted","onUpdated","tabListRef","scheduleRender","triggerRef","scrollBtn","_createVNode","e","is","ElIcon","ArrowLeft","ArrowRight","tabs","map","pane","index","uid","disabled","closable","isClosable","btnClose","Close","tabLabelContent","slots","label","active","onFocus","onBlur","delete","backspace","TabBar"],"mappings":"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"}

package/lib/components/text/index.js

@@ -2,8 +2,8 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var text$1 = require('./src/text.js');
-var text = require('./src/text2.js');
+var text$1 = require('./src/text2.js');
+var text = require('./src/text.js');
 var install = require('../../utils/vue/install.js');
 
 const ElText = install.withInstall(text$1["default"]);

package/lib/components/text/src/text.js

@@ -2,75 +2,29 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var vue = require('vue');
-var text = require('./text2.js');
-var pluginVue_exportHelper = require('../../../_virtual/plugin-vue_export-helper.js');
-var useFormCommonProps = require('../../form/src/hooks/use-form-common-props.js');
-var index = require('../../../hooks/use-namespace/index.js');
-var types = require('../../../utils/types.js');
+var runtime = require('../../../utils/vue/props/runtime.js');
+var size = require('../../../constants/size.js');
 
-const _sfc_main = vue.defineComponent({
-  ...{
-    name: "ElText"
+const textProps = runtime.buildProps({
+  type: {
+    type: String,
+    values: ["primary", "success", "info", "warning", "danger", ""],
+    default: ""
   },
-  __name: "text",
-  props: text.textProps,
-  setup(__props) {
-    const props = __props;
-    const textRef = vue.ref();
-    const textSize = useFormCommonProps.useFormSize();
-    const ns = index.useNamespace("text");
-    const textKls = vue.computed(() => [
-      ns.b(),
-      ns.m(props.type),
-      ns.m(textSize.value),
-      ns.is("truncated", props.truncated),
-      ns.is("line-clamp", !types.isUndefined(props.lineClamp))
-    ]);
-    const bindTitle = () => {
-      var _a, _b, _c, _d, _e, _f, _g;
-      const inheritTitle = vue.useAttrs().title;
-      if (inheritTitle)
-        return;
-      let shouldAddTitle = false;
-      const text = ((_a = textRef.value) == null ? void 0 : _a.textContent) || "";
-      if (props.truncated) {
-        const width = (_b = textRef.value) == null ? void 0 : _b.offsetWidth;
-        const scrollWidth = (_c = textRef.value) == null ? void 0 : _c.scrollWidth;
-        if (width && scrollWidth && scrollWidth > width) {
-          shouldAddTitle = true;
-        }
-      } else if (!types.isUndefined(props.lineClamp)) {
-        const height = (_d = textRef.value) == null ? void 0 : _d.offsetHeight;
-        const scrollHeight = (_e = textRef.value) == null ? void 0 : _e.scrollHeight;
-        if (height && scrollHeight && scrollHeight > height) {
-          shouldAddTitle = true;
-        }
-      }
-      if (shouldAddTitle) {
-        (_f = textRef.value) == null ? void 0 : _f.setAttribute("title", text);
-      } else {
-        (_g = textRef.value) == null ? void 0 : _g.removeAttribute("title");
-      }
-    };
-    vue.onMounted(bindTitle);
-    vue.onUpdated(bindTitle);
-    return (_ctx, _cache) => {
-      return vue.openBlock(), vue.createBlock(vue.resolveDynamicComponent(_ctx.tag), {
-        ref_key: "textRef",
-        ref: textRef,
-        class: vue.normalizeClass(textKls.value),
-        style: vue.normalizeStyle({ "-webkit-line-clamp": _ctx.lineClamp })
-      }, {
-        default: vue.withCtx(() => [
-          vue.renderSlot(_ctx.$slots, "default")
-        ]),
-        _: 3
-      }, 8, ["class", "style"]);
-    };
+  size: {
+    type: String,
+    values: size.componentSizes,
+    default: ""
+  },
+  truncated: Boolean,
+  lineClamp: {
+    type: [String, Number]
+  },
+  tag: {
+    type: String,
+    default: "span"
   }
 });
-var Text = /* @__PURE__ */ pluginVue_exportHelper["default"](_sfc_main, [["__file", "/home/runner/work/element-plus/element-plus/packages/components/text/src/text.vue"]]);
 
-exports["default"] = Text;
+exports.textProps = textProps;
 //# sourceMappingURL=text.js.map

package/lib/components/text/src/text.js.map

@@ -1 +1 @@
-{"version":3,"file":"text.js","sources":["../../../../../../packages/components/text/src/text.vue"],"sourcesContent":["<template>\n  <component\n    :is=\"tag\"\n    ref=\"textRef\"\n    :class=\"textKls\"\n    :style=\"{ '-webkit-line-clamp': lineClamp }\"\n  >\n    <slot />\n  </component>\n</template>\n\n<script lang=\"ts\" setup>\nimport { computed, onMounted, onUpdated, ref, useAttrs } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useFormSize } from '@element-plus/components/form'\nimport { isUndefined } from '@element-plus/utils'\nimport { textProps } from './text'\n\ndefineOptions({\n  name: 'ElText',\n})\n\nconst props = defineProps(textProps)\nconst textRef = ref<HTMLElement>()\n\nconst textSize = useFormSize()\nconst ns = useNamespace('text')\n\nconst textKls = computed(() => [\n  ns.b(),\n  ns.m(props.type),\n  ns.m(textSize.value),\n  ns.is('truncated', props.truncated),\n  ns.is('line-clamp', !isUndefined(props.lineClamp)),\n])\n\nconst bindTitle = () => {\n  const inheritTitle = useAttrs().title\n\n  if (inheritTitle) return\n  let shouldAddTitle = false\n  const text = textRef.value?.textContent || ''\n\n  if (props.truncated) {\n    const width = textRef.value?.offsetWidth\n    const scrollWidth = textRef.value?.scrollWidth\n    if (width && scrollWidth && scrollWidth > width) {\n      shouldAddTitle = true\n    }\n  } else if (!isUndefined(props.lineClamp)) {\n    const height = textRef.value?.offsetHeight\n    const scrollHeight = textRef.value?.scrollHeight\n    if (height && scrollHeight && scrollHeight > height) {\n      shouldAddTitle = true\n    }\n  }\n\n  if (shouldAddTitle) {\n    textRef.value?.setAttribute('title', text)\n  } else {\n    textRef.value?.removeAttribute('title')\n  }\n}\n\nonMounted(bindTitle)\nonUpdated(bindTitle)\n</script>\n"],"names":["ref","useFormSize","useNamespace","computed","isUndefined","useAttrs","onMounted","onUpdated","_openBlock","_createBlock","_resolveDynamicComponent","tag","_normalizeClass","_normalizeStyle","lineClamp","_renderSlot"],"mappings":"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"}
+{"version":3,"file":"text.js","sources":["../../../../../../packages/components/text/src/text.ts"],"sourcesContent":["import { buildProps } from '@element-plus/utils'\nimport { componentSizes } from '@element-plus/constants'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes } from 'vue'\n\nexport const textProps = buildProps({\n  /**\n   * @description text type\n   */\n  type: {\n    type: String,\n    values: ['primary', 'success', 'info', 'warning', 'danger', ''],\n    default: '',\n  },\n  /**\n   * @description text size\n   */\n  size: {\n    type: String,\n    values: componentSizes,\n    default: '',\n  },\n  /**\n   * @description render ellipsis\n   */\n  truncated: Boolean,\n  /**\n   * @description maximum lines\n   */\n  lineClamp: {\n    type: [String, Number],\n  },\n  /**\n   * @description custom element tag\n   */\n  tag: {\n    type: String,\n    default: 'span',\n  },\n} as const)\n\nexport type TextProps = ExtractPropTypes<typeof textProps>\nexport type TextPropsPublic = ExtractPublicPropTypes<typeof textProps>\n"],"names":["buildProps","componentSizes"],"mappings":";;;;;;;AAKO,MAAM,YAAYA,kBAAW,CAAA;AAAA,EAIlC,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,QAAQ,CAAC,SAAA,EAAW,WAAW,MAAQ,EAAA,SAAA,EAAW,UAAU,EAAE,CAAA;AAAA,IAC9D,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,IAAM,EAAA;AAAA,IACJ,IAAM,EAAA,MAAA;AAAA,IACN,MAAQ,EAAAC,mBAAA;AAAA,IACR,OAAS,EAAA,EAAA;AAAA,GACX;AAAA,EAIA,SAAW,EAAA,OAAA;AAAA,EAIX,SAAW,EAAA;AAAA,IACT,IAAA,EAAM,CAAC,MAAA,EAAQ,MAAM,CAAA;AAAA,GACvB;AAAA,EAIA,GAAK,EAAA;AAAA,IACH,IAAM,EAAA,MAAA;AAAA,IACN,OAAS,EAAA,MAAA;AAAA,GACX;AACF,CAAU;;;;"}