@element-plus/nightly 0.0.20260314 → 0.0.20260316

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

@@ -9,7 +9,7 @@ declare const spaceProps: {
   readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
   readonly class: EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
   readonly style: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
-  readonly alignment: EpPropFinalized<(new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | null)[], unknown, unknown, "center", boolean>;
+  readonly alignment: EpPropFinalized<(new (...args: any[]) => "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | null)[], unknown, unknown, "center", boolean>;
   readonly prefixCls: {
     readonly type: vue.PropType<string>;
     readonly required: false;
@@ -35,7 +35,7 @@ declare const Space: vue.DefineComponent<ExtractPropTypes<{
   readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
   readonly class: EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
   readonly style: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
-  readonly alignment: EpPropFinalized<(new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | null)[], unknown, unknown, "center", boolean>;
+  readonly alignment: EpPropFinalized<(new (...args: any[]) => "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | null)[], unknown, unknown, "center", boolean>;
   readonly prefixCls: {
     readonly type: vue.PropType<string>;
     readonly required: false;
@@ -63,7 +63,7 @@ declare const Space: vue.DefineComponent<ExtractPropTypes<{
   readonly direction: EpPropFinalized<StringConstructor, "horizontal" | "vertical", unknown, "horizontal", boolean>;
   readonly class: EpPropFinalized<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown, "", boolean>;
   readonly style: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, "", boolean>;
-  readonly alignment: EpPropFinalized<(new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | null)[], unknown, unknown, "center", boolean>;
+  readonly alignment: EpPropFinalized<(new (...args: any[]) => "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | null)[], unknown, unknown, "center", boolean>;
   readonly prefixCls: {
     readonly type: vue.PropType<string>;
     readonly required: false;
@@ -88,7 +88,7 @@ declare const Space: vue.DefineComponent<ExtractPropTypes<{
   readonly wrap: boolean;
   readonly direction: EpPropMergeType<StringConstructor, "horizontal" | "vertical", unknown>;
   readonly class: EpPropMergeType<(new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>) | (((new (...args: any[]) => string | Record<string, boolean> | (string | Record<string, boolean>)[]) | (() => Arrayable<string | Record<string, boolean>>)) | null)[], unknown, unknown>;
-  readonly alignment: EpPropMergeType<(new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "revert-layer" | "unset" | "stretch" | "center" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | null)[], unknown, unknown>;
+  readonly alignment: EpPropMergeType<(new (...args: any[]) => "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems) | (((new (...args: any[]) => "inherit" | "initial" | "revert" | "unset" | "revert-layer" | "center" | "stretch" | "end" | "flex-end" | "flex-start" | "start" | "baseline" | "normal" | "self-end" | "self-start" | "anchor-center" | "first baseline" | "last baseline" | "safe center" | "unsafe center") | (() => AlignItems)) | null)[], unknown, unknown>;
   readonly spacer: EpPropMergeType<(new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild) | (((new (...args: any[]) => VNodeChild & {}) | (() => VNodeChild)) | null)[], unknown, string | number | VNode<vue.RendererNode, vue.RendererElement, {
     [key: string]: any;
   }>>;

package/es/components/steps/src/item.d.ts

@@ -38,7 +38,7 @@ declare const stepProps: {
     __epPropKey: true;
   };
   readonly description: EpPropFinalized<StringConstructor, unknown, unknown, "", boolean>;
-  readonly status: EpPropFinalized<StringConstructor, "" | "error" | "finish" | "wait" | "success" | "process", unknown, "", boolean>;
+  readonly status: EpPropFinalized<StringConstructor, "" | "error" | "success" | "wait" | "finish" | "process", unknown, "", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepProps` instead.

package/es/components/steps/src/item.vue.d.ts

@@ -15,8 +15,8 @@ type __VLS_Slots = {} & {
   description?: (props: typeof __VLS_38) => any;
 };
 declare const __VLS_base: vue.DefineComponent<StepProps, {}, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {}, string, vue.PublicProps, Readonly<StepProps> & Readonly<{}>, {
-  description: string;
   title: string;
+  description: string;
   icon: IconPropType;
   status: "" | "wait" | "process" | "finish" | "error" | "success";
 }, {}, {}, {}, string, vue.ComponentProvideOptions, false, {}, any>;

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

@@ -60,8 +60,8 @@ declare const stepsProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly finishStatus: EpPropFinalized<StringConstructor, "error" | "finish" | "wait" | "success" | "process", unknown, "finish", boolean>;
-  readonly processStatus: EpPropFinalized<StringConstructor, "error" | "finish" | "wait" | "success" | "process", unknown, "process", boolean>;
+  readonly finishStatus: EpPropFinalized<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown, "finish", boolean>;
+  readonly processStatus: EpPropFinalized<StringConstructor, "error" | "success" | "wait" | "finish" | "process", unknown, "process", boolean>;
 };
 /**
  * @deprecated Removed after 3.0.0, Use `StepsProps` instead.

package/es/components/switch/src/switch.vue.d.ts

@@ -26,8 +26,8 @@ declare const __VLS_base: vue.DefineComponent<SwitchProps, {
    */
   checked: vue.ComputedRef<boolean>;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
-  "update:modelValue": (val: string | number | boolean) => void;
   change: (val: string | number | boolean) => void;
+  "update:modelValue": (val: string | number | boolean) => void;
   input: (val: string | number | boolean) => void;
 }, string, vue.PublicProps, Readonly<SwitchProps> & Readonly<{
   onChange?: ((val: string | number | boolean) => any) | undefined;
@@ -36,8 +36,8 @@ declare const __VLS_base: vue.DefineComponent<SwitchProps, {
 }>, {
   modelValue: boolean | string | number;
   disabled: boolean;
-  name: string;
   validateEvent: boolean;
+  name: string;
   width: string | number;
   activeText: string;
   inactiveText: string;

package/es/components/table/src/table-body/events-helper.mjs

@@ -1,13 +1,11 @@
 import { addClass, hasClass, removeClass } from "../../../../utils/dom/style.mjs";
+import { isGreaterThan } from "../../../../utils/numbers.mjs";
 import { createTablePopper, getCell, getColumnByCell, removePopper } from "../util.mjs";
 import { TABLE_INJECTION_KEY } from "../tokens.mjs";
 import { debounce } from "lodash-unified";
 import { h, inject, ref } from "vue";
 
 //#region ../../packages/components/table/src/table-body/events-helper.ts
-function isGreaterThan(a, b, epsilon = .03) {
-	return a - b > epsilon;
-}
 function useEvents(props) {
 	const parent = inject(TABLE_INJECTION_KEY);
 	const tooltipContent = ref("");

package/es/components/table/src/table-body/events-helper.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"events-helper.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/table-body/events-helper.ts"],"sourcesContent":["import { h, inject, ref } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { addClass, hasClass, removeClass } from '@element-plus/utils'\nimport {\n  createTablePopper,\n  getCell,\n  getColumnByCell,\n  removePopper,\n} from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\n\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { TableBodyProps } from './defaults'\nimport type { TableOverflowTooltipOptions } from '../util'\nimport type { DefaultRow } from '../table/defaults'\n\nfunction isGreaterThan(a: number, b: number, epsilon = 0.03) {\n  return a - b > epsilon\n}\n\nfunction useEvents<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n  const parent = inject(TABLE_INJECTION_KEY)\n  const tooltipContent = ref('')\n  const tooltipTrigger = ref(h('div'))\n  const handleEvent = (event: Event, row: T, name: string) => {\n    const table = parent\n    const cell = getCell(event)\n    let column: TableColumnCtx<T> | null = null\n    const namespace = table?.vnode.el?.dataset.prefix\n    if (cell) {\n      column = getColumnByCell(\n        {\n          columns: props.store?.states.columns.value ?? [],\n        },\n        cell,\n        namespace\n      )\n      if (column) {\n        table?.emit(`cell-${name}`, row, column, cell, event)\n      }\n    }\n    table?.emit(`row-${name}`, row, column, event)\n  }\n  const handleDoubleClick = (event: Event, row: T) => {\n    handleEvent(event, row, 'dblclick')\n  }\n  const handleClick = (event: Event, row: T) => {\n    props.store?.commit('setCurrentRow', row)\n    handleEvent(event, row, 'click')\n  }\n  const handleContextMenu = (event: Event, row: T) => {\n    handleEvent(event, row, 'contextmenu')\n  }\n  const handleMouseEnter = debounce((index: number) => {\n    props.store?.commit('setHoverRow', index)\n  }, 30)\n  const handleMouseLeave = debounce(() => {\n    props.store?.commit('setHoverRow', null)\n  }, 30)\n  const getPadding = (el: HTMLElement) => {\n    const style = window.getComputedStyle(el, null)\n    const paddingLeft = Number.parseInt(style.paddingLeft, 10) || 0\n    const paddingRight = Number.parseInt(style.paddingRight, 10) || 0\n    const paddingTop = Number.parseInt(style.paddingTop, 10) || 0\n    const paddingBottom = Number.parseInt(style.paddingBottom, 10) || 0\n    return {\n      left: paddingLeft,\n      right: paddingRight,\n      top: paddingTop,\n      bottom: paddingBottom,\n    }\n  }\n\n  const toggleRowClassByCell = (\n    rowSpan: number,\n    event: MouseEvent,\n    toggle: (el: Element, cls: string) => void\n  ) => {\n    let node: Node | null | undefined = (event?.target as Element | null)\n      ?.parentNode\n    while (rowSpan > 1) {\n      node = node?.nextSibling\n      if (!node || node.nodeName !== 'TR') break\n      toggle(node as Element, 'hover-row hover-fixed-row')\n      rowSpan--\n    }\n  }\n\n  const handleCellMouseEnter = (\n    event: MouseEvent,\n    row: T,\n    tooltipOptions: TableOverflowTooltipOptions\n  ) => {\n    if (!parent) return\n    const table = parent\n    const cell = getCell(event)\n    const namespace = table?.vnode.el?.dataset.prefix\n    let column: TableColumnCtx<T> | null = null\n    if (cell) {\n      column = getColumnByCell(\n        {\n          columns: props.store?.states.columns.value ?? [],\n        },\n        cell,\n        namespace\n      )\n      if (!column) {\n        return\n      }\n      if (cell.rowSpan > 1) {\n        toggleRowClassByCell(cell.rowSpan, event, addClass)\n      }\n      const hoverState = (table.hoverState = {\n        cell,\n        column: column as any,\n        row,\n      })\n      table?.emit(\n        'cell-mouse-enter',\n        hoverState.row,\n        hoverState.column,\n        hoverState.cell,\n        event\n      )\n    }\n\n    if (!tooltipOptions) {\n      if (removePopper?.trigger === cell) {\n        removePopper?.()\n      }\n      return\n    }\n\n    // 判断是否text-overflow, 如果是就显示tooltip\n    const cellChild = (event.target as HTMLElement).querySelector(\n      '.cell'\n    ) as HTMLElement\n    if (\n      !(\n        hasClass(cellChild, `${namespace}-tooltip`) &&\n        cellChild.childNodes.length &&\n        cellChild.textContent?.trim()\n      )\n    ) {\n      return\n    }\n    // use range width instead of scrollWidth to determine whether the text is overflowing\n    // to address a potential FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3\n    const range = document.createRange()\n    range.setStart(cellChild, 0)\n    range.setEnd(cellChild, cellChild.childNodes.length)\n    /** detail: https://github.com/element-plus/element-plus/issues/10790\n     *  What went wrong?\n     *  UI > Browser > Zoom, In Blink/WebKit, getBoundingClientRect() sometimes returns inexact values, probably due to lost precision during internal calculations. In the example above:\n     *    - Expected: 188\n     *    - Actual: 188.00000762939453\n     */\n    const { width: rangeWidth, height: rangeHeight } =\n      range.getBoundingClientRect()\n    const { width: cellChildWidth, height: cellChildHeight } =\n      cellChild.getBoundingClientRect()\n\n    const { top, left, right, bottom } = getPadding(cellChild)\n    const horizontalPadding = left + right\n    const verticalPadding = top + bottom\n    if (\n      isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) ||\n      isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) ||\n      // When using a high-resolution screen, it is possible that a returns cellChild.scrollWidth value of 1921 and\n      // cellChildWidth returns a value of 1920.994140625. #16856 #16673\n      isGreaterThan(cellChild.scrollWidth, cellChildWidth)\n    ) {\n      createTablePopper(\n        tooltipOptions,\n        (cell?.innerText || cell?.textContent) ?? '',\n        row,\n        column,\n        cell,\n        table\n      )\n    } else if (removePopper?.trigger === cell) {\n      removePopper?.()\n    }\n  }\n  const handleCellMouseLeave = (event: MouseEvent) => {\n    const cell = getCell(event)\n    if (!cell) return\n    if (cell.rowSpan > 1) {\n      toggleRowClassByCell(cell.rowSpan, event, removeClass)\n    }\n    const oldHoverState = parent?.hoverState\n    parent?.emit(\n      'cell-mouse-leave',\n      oldHoverState?.row,\n      oldHoverState?.column,\n      oldHoverState?.cell,\n      event\n    )\n  }\n\n  return {\n    handleDoubleClick,\n    handleClick,\n    handleContextMenu,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleCellMouseEnter,\n    handleCellMouseLeave,\n    tooltipContent,\n    tooltipTrigger,\n  }\n}\n\nexport default useEvents\n"],"mappings":"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"}
+{"version":3,"file":"events-helper.mjs","names":[],"sources":["../../../../../../../packages/components/table/src/table-body/events-helper.ts"],"sourcesContent":["import { h, inject, ref } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport {\n  addClass,\n  hasClass,\n  isGreaterThan,\n  removeClass,\n} from '@element-plus/utils'\nimport {\n  createTablePopper,\n  getCell,\n  getColumnByCell,\n  removePopper,\n} from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\n\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { TableBodyProps } from './defaults'\nimport type { TableOverflowTooltipOptions } from '../util'\nimport type { DefaultRow } from '../table/defaults'\n\nfunction useEvents<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n  const parent = inject(TABLE_INJECTION_KEY)\n  const tooltipContent = ref('')\n  const tooltipTrigger = ref(h('div'))\n  const handleEvent = (event: Event, row: T, name: string) => {\n    const table = parent\n    const cell = getCell(event)\n    let column: TableColumnCtx<T> | null = null\n    const namespace = table?.vnode.el?.dataset.prefix\n    if (cell) {\n      column = getColumnByCell(\n        {\n          columns: props.store?.states.columns.value ?? [],\n        },\n        cell,\n        namespace\n      )\n      if (column) {\n        table?.emit(`cell-${name}`, row, column, cell, event)\n      }\n    }\n    table?.emit(`row-${name}`, row, column, event)\n  }\n  const handleDoubleClick = (event: Event, row: T) => {\n    handleEvent(event, row, 'dblclick')\n  }\n  const handleClick = (event: Event, row: T) => {\n    props.store?.commit('setCurrentRow', row)\n    handleEvent(event, row, 'click')\n  }\n  const handleContextMenu = (event: Event, row: T) => {\n    handleEvent(event, row, 'contextmenu')\n  }\n  const handleMouseEnter = debounce((index: number) => {\n    props.store?.commit('setHoverRow', index)\n  }, 30)\n  const handleMouseLeave = debounce(() => {\n    props.store?.commit('setHoverRow', null)\n  }, 30)\n  const getPadding = (el: HTMLElement) => {\n    const style = window.getComputedStyle(el, null)\n    const paddingLeft = Number.parseInt(style.paddingLeft, 10) || 0\n    const paddingRight = Number.parseInt(style.paddingRight, 10) || 0\n    const paddingTop = Number.parseInt(style.paddingTop, 10) || 0\n    const paddingBottom = Number.parseInt(style.paddingBottom, 10) || 0\n    return {\n      left: paddingLeft,\n      right: paddingRight,\n      top: paddingTop,\n      bottom: paddingBottom,\n    }\n  }\n\n  const toggleRowClassByCell = (\n    rowSpan: number,\n    event: MouseEvent,\n    toggle: (el: Element, cls: string) => void\n  ) => {\n    let node: Node | null | undefined = (event?.target as Element | null)\n      ?.parentNode\n    while (rowSpan > 1) {\n      node = node?.nextSibling\n      if (!node || node.nodeName !== 'TR') break\n      toggle(node as Element, 'hover-row hover-fixed-row')\n      rowSpan--\n    }\n  }\n\n  const handleCellMouseEnter = (\n    event: MouseEvent,\n    row: T,\n    tooltipOptions: TableOverflowTooltipOptions\n  ) => {\n    if (!parent) return\n    const table = parent\n    const cell = getCell(event)\n    const namespace = table?.vnode.el?.dataset.prefix\n    let column: TableColumnCtx<T> | null = null\n    if (cell) {\n      column = getColumnByCell(\n        {\n          columns: props.store?.states.columns.value ?? [],\n        },\n        cell,\n        namespace\n      )\n      if (!column) {\n        return\n      }\n      if (cell.rowSpan > 1) {\n        toggleRowClassByCell(cell.rowSpan, event, addClass)\n      }\n      const hoverState = (table.hoverState = {\n        cell,\n        column: column as any,\n        row,\n      })\n      table?.emit(\n        'cell-mouse-enter',\n        hoverState.row,\n        hoverState.column,\n        hoverState.cell,\n        event\n      )\n    }\n\n    if (!tooltipOptions) {\n      if (removePopper?.trigger === cell) {\n        removePopper?.()\n      }\n      return\n    }\n\n    // 判断是否text-overflow, 如果是就显示tooltip\n    const cellChild = (event.target as HTMLElement).querySelector(\n      '.cell'\n    ) as HTMLElement\n    if (\n      !(\n        hasClass(cellChild, `${namespace}-tooltip`) &&\n        cellChild.childNodes.length &&\n        cellChild.textContent?.trim()\n      )\n    ) {\n      return\n    }\n    // use range width instead of scrollWidth to determine whether the text is overflowing\n    // to address a potential FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3\n    const range = document.createRange()\n    range.setStart(cellChild, 0)\n    range.setEnd(cellChild, cellChild.childNodes.length)\n    /** detail: https://github.com/element-plus/element-plus/issues/10790\n     *  What went wrong?\n     *  UI > Browser > Zoom, In Blink/WebKit, getBoundingClientRect() sometimes returns inexact values, probably due to lost precision during internal calculations. In the example above:\n     *    - Expected: 188\n     *    - Actual: 188.00000762939453\n     */\n    const { width: rangeWidth, height: rangeHeight } =\n      range.getBoundingClientRect()\n    const { width: cellChildWidth, height: cellChildHeight } =\n      cellChild.getBoundingClientRect()\n\n    const { top, left, right, bottom } = getPadding(cellChild)\n    const horizontalPadding = left + right\n    const verticalPadding = top + bottom\n    if (\n      isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) ||\n      isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) ||\n      // When using a high-resolution screen, it is possible that a returns cellChild.scrollWidth value of 1921 and\n      // cellChildWidth returns a value of 1920.994140625. #16856 #16673\n      isGreaterThan(cellChild.scrollWidth, cellChildWidth)\n    ) {\n      createTablePopper(\n        tooltipOptions,\n        (cell?.innerText || cell?.textContent) ?? '',\n        row,\n        column,\n        cell,\n        table\n      )\n    } else if (removePopper?.trigger === cell) {\n      removePopper?.()\n    }\n  }\n  const handleCellMouseLeave = (event: MouseEvent) => {\n    const cell = getCell(event)\n    if (!cell) return\n    if (cell.rowSpan > 1) {\n      toggleRowClassByCell(cell.rowSpan, event, removeClass)\n    }\n    const oldHoverState = parent?.hoverState\n    parent?.emit(\n      'cell-mouse-leave',\n      oldHoverState?.row,\n      oldHoverState?.column,\n      oldHoverState?.cell,\n      event\n    )\n  }\n\n  return {\n    handleDoubleClick,\n    handleClick,\n    handleContextMenu,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleCellMouseEnter,\n    handleCellMouseLeave,\n    tooltipContent,\n    tooltipTrigger,\n  }\n}\n\nexport default useEvents\n"],"mappings":"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"}

package/es/components/table/src/table-column/index.d.ts

@@ -21,11 +21,11 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   property: StringConstructor;
   prop: StringConstructor;
   width: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   minWidth: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   renderHeader: vue.PropType<TableColumnCtx<any>["renderHeader"]>;
@@ -77,11 +77,11 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   property: StringConstructor;
   prop: StringConstructor;
   width: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   minWidth: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: string;
   };
   renderHeader: vue.PropType<TableColumnCtx<any>["renderHeader"]>;
@@ -127,7 +127,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   minWidth: string | number;
   width: string | number;
   resizable: boolean;
-  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "appendTo" | "effect" | "enterable" | "hideAfter" | "offset" | "placement" | "popperClass" | "popperOptions" | "showAfter" | "showArrow" | "transition">> | undefined;
+  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "enterable" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined;
   sortOrders: (TableSortOrder | null)[];
   sortable: string | boolean;
   reserveSelection: boolean;
@@ -141,17 +141,17 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, vue.PublicProps, {
-      modelValue: number | string | boolean;
-      label: string | boolean | number | object;
       value: string | boolean | number | object;
+      modelValue: number | string | boolean;
+      id: string;
       disabled: boolean;
+      validateEvent: boolean;
       name: string;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
       falseLabel: string | number;
-      id: string;
-      validateEvent: boolean;
     }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -163,17 +163,17 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      modelValue: number | string | boolean;
-      label: string | boolean | number | object;
       value: string | boolean | number | object;
+      modelValue: number | string | boolean;
+      id: string;
       disabled: boolean;
+      validateEvent: boolean;
       name: string;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
       falseLabel: string | number;
-      id: string;
-      validateEvent: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -185,17 +185,17 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
-    modelValue: number | string | boolean;
-    label: string | boolean | number | object;
     value: string | boolean | number | object;
+    modelValue: number | string | boolean;
+    id: string;
     disabled: boolean;
+    validateEvent: boolean;
     name: string;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
     falseLabel: string | number;
-    id: string;
-    validateEvent: boolean;
   }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;

package/es/components/table/src/table-footer/index.d.ts

@@ -77,9 +77,9 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     };
   };
 }>> & Readonly<{}>, {
+  fixed: string;
   border: boolean;
   defaultSort: Sort;
-  fixed: string;
 }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
 //#endregion
 export { TableFooter, _default as default };

package/es/components/table/src/table-header/index.d.ts

@@ -116,9 +116,9 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     type: BooleanConstructor;
   };
 }>> & Readonly<{}>, {
+  fixed: string;
   border: boolean;
   defaultSort: Sort;
-  fixed: string;
   allowDragLastColumn: boolean;
 }, {}, {
   ElCheckbox: {
@@ -129,17 +129,17 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, vue.PublicProps, {
-      modelValue: number | string | boolean;
-      label: string | boolean | number | object;
       value: string | boolean | number | object;
+      modelValue: number | string | boolean;
+      id: string;
       disabled: boolean;
+      validateEvent: boolean;
       name: string;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
       falseLabel: string | number;
-      id: string;
-      validateEvent: boolean;
     }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -151,17 +151,17 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      modelValue: number | string | boolean;
-      label: string | boolean | number | object;
       value: string | boolean | number | object;
+      modelValue: number | string | boolean;
+      id: string;
       disabled: boolean;
+      validateEvent: boolean;
       name: string;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
       falseLabel: string | number;
-      id: string;
-      validateEvent: boolean;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
@@ -173,17 +173,17 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
   }, string, {
-    modelValue: number | string | boolean;
-    label: string | boolean | number | object;
     value: string | boolean | number | object;
+    modelValue: number | string | boolean;
+    id: string;
     disabled: boolean;
+    validateEvent: boolean;
     name: string;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
     falseLabel: string | number;
-    id: string;
-    validateEvent: boolean;
   }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;

package/es/components/table/src/table.vue.d.ts

@@ -37,9 +37,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  width: (StringConstructor | NumberConstructor)[];
-  height: (StringConstructor | NumberConstructor)[];
-  maxHeight: (StringConstructor | NumberConstructor)[];
+  width: (NumberConstructor | StringConstructor)[];
+  height: (NumberConstructor | StringConstructor)[];
+  maxHeight: (NumberConstructor | StringConstructor)[];
   fit: {
     type: BooleanConstructor;
     default: boolean;
@@ -63,7 +63,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   headerCellClassName: vue.PropType<TableProps<any>["headerCellClassName"]>;
   headerCellStyle: vue.PropType<TableProps<any>["headerCellStyle"]>;
   highlightCurrentRow: BooleanConstructor;
-  currentRowKey: (StringConstructor | NumberConstructor)[];
+  currentRowKey: (NumberConstructor | StringConstructor)[];
   emptyText: StringConstructor;
   expandRowKeys: vue.PropType<TableProps<any>["expandRowKeys"]>;
   defaultExpandAll: BooleanConstructor;
@@ -113,7 +113,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   tooltipFormatter: vue.PropType<TableProps<any>["tooltipFormatter"]>;
   appendFilterPanelTo: StringConstructor;
   scrollbarTabindex: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   allowDragLastColumn: {
@@ -754,7 +754,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   computedSumText: vue.ComputedRef<string>;
   computedEmptyText: vue.ComputedRef<string>;
   computedTooltipEffect: vue.ComputedRef<string | undefined>;
-  computedTooltipOptions: vue.ComputedRef<Partial<Pick<UseTooltipProps, "appendTo" | "effect" | "enterable" | "hideAfter" | "offset" | "placement" | "popperClass" | "popperOptions" | "showAfter" | "showArrow" | "transition">> | undefined>;
+  computedTooltipOptions: vue.ComputedRef<Partial<Pick<UseTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "enterable" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined>;
   tableLayout: vue.ComputedRef<"fixed" | "auto">;
   scrollbarViewStyle: {
     display: string;
@@ -798,9 +798,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  width: (StringConstructor | NumberConstructor)[];
-  height: (StringConstructor | NumberConstructor)[];
-  maxHeight: (StringConstructor | NumberConstructor)[];
+  width: (NumberConstructor | StringConstructor)[];
+  height: (NumberConstructor | StringConstructor)[];
+  maxHeight: (NumberConstructor | StringConstructor)[];
   fit: {
     type: BooleanConstructor;
     default: boolean;
@@ -824,7 +824,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   headerCellClassName: vue.PropType<TableProps<any>["headerCellClassName"]>;
   headerCellStyle: vue.PropType<TableProps<any>["headerCellStyle"]>;
   highlightCurrentRow: BooleanConstructor;
-  currentRowKey: (StringConstructor | NumberConstructor)[];
+  currentRowKey: (NumberConstructor | StringConstructor)[];
   emptyText: StringConstructor;
   expandRowKeys: vue.PropType<TableProps<any>["expandRowKeys"]>;
   defaultExpandAll: BooleanConstructor;
@@ -874,7 +874,7 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   tooltipFormatter: vue.PropType<TableProps<any>["tooltipFormatter"]>;
   appendFilterPanelTo: StringConstructor;
   scrollbarTabindex: {
-    type: (StringConstructor | NumberConstructor)[];
+    type: (NumberConstructor | StringConstructor)[];
     default: undefined;
   };
   allowDragLastColumn: {
@@ -905,17 +905,17 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
   "onHeader-dragend"?: ((...args: any[]) => any) | undefined;
 }>, {
   lazy: boolean;
-  border: boolean;
-  allowDragLastColumn: boolean;
-  data: any[];
-  tableLayout: "fixed" | "auto";
   style: vue.StyleValue;
+  border: boolean;
   className: string;
+  tableLayout: "fixed" | "auto";
+  data: any[];
   fit: boolean;
   scrollbarAlwaysOn: boolean;
+  allowDragLastColumn: boolean;
   stripe: boolean;
   treeProps: TreeProps | undefined;
-  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "appendTo" | "effect" | "enterable" | "hideAfter" | "offset" | "placement" | "popperClass" | "popperOptions" | "showAfter" | "showArrow" | "transition">> | undefined;
+  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "offset" | "appendTo" | "effect" | "placement" | "popperClass" | "enterable" | "popperOptions" | "showArrow" | "transition" | "showAfter" | "hideAfter">> | undefined;
   showHeader: boolean;
   showSummary: boolean;
   highlightCurrentRow: boolean;
@@ -1015,9 +1015,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       type: BooleanConstructor;
     };
   }>> & Readonly<{}>, {
+    fixed: string;
     border: boolean;
     defaultSort: Sort;
-    fixed: string;
     allowDragLastColumn: boolean;
   }, {}, {
     ElCheckbox: {
@@ -1028,17 +1028,17 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         change: (val: CheckboxValueType) => void;
         "update:modelValue": (val: CheckboxValueType) => void;
       }, vue.PublicProps, {
-        modelValue: number | string | boolean;
-        label: string | boolean | number | object;
         value: string | boolean | number | object;
+        modelValue: number | string | boolean;
+        id: string;
         disabled: boolean;
+        validateEvent: boolean;
         name: string;
+        label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
         falseLabel: string | number;
-        id: string;
-        validateEvent: boolean;
       }, false, {}, {}, vue.GlobalComponents, vue.GlobalDirectives, string, {}, any, vue.ComponentProvideOptions, {
         P: {};
         B: {};
@@ -1050,17 +1050,17 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         onChange?: ((val: CheckboxValueType) => any) | undefined;
         "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       }>, {}, {}, {}, {}, {
-        modelValue: number | string | boolean;
-        label: string | boolean | number | object;
         value: string | boolean | number | object;
+        modelValue: number | string | boolean;
+        id: string;
         disabled: boolean;
+        validateEvent: boolean;
         name: string;
+        label: string | boolean | number | object;
         trueValue: string | number;
         falseValue: string | number;
         trueLabel: string | number;
         falseLabel: string | number;
-        id: string;
-        validateEvent: boolean;
       }>;
       __isFragment?: never;
       __isTeleport?: never;
@@ -1072,17 +1072,17 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
     }, string, {
-      modelValue: number | string | boolean;
-      label: string | boolean | number | object;
       value: string | boolean | number | object;
+      modelValue: number | string | boolean;
+      id: string;
       disabled: boolean;
+      validateEvent: boolean;
       name: string;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
       falseLabel: string | number;
-      id: string;
-      validateEvent: boolean;
     }, {}, string, {}, vue.GlobalComponents, vue.GlobalDirectives, string, vue.ComponentProvideOptions> & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps & (new () => {
       $slots: {
         default?: (props: {}) => any;
@@ -1260,9 +1260,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       };
     };
   }>> & Readonly<{}>, {
+    fixed: string;
     border: boolean;
     defaultSort: Sort;
-    fixed: string;
   }, {}, {}, {}, string, vue.ComponentProvideOptions, true, {}, any>;
   ElScrollbar: SFCWithInstall<{
     new (...args: any[]): vue.CreateComponentPublicInstanceWithMixins<Readonly<ScrollbarProps> & Readonly<{
@@ -1289,9 +1289,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       "end-reached": (direction: ScrollbarDirection) => void;
     }, vue.PublicProps, {
       tabindex: number | string;
-      tag: keyof HTMLElementTagNameMap | (string & {});
       height: number | string;
       maxHeight: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
       wrapClass: string | string[];
@@ -1323,9 +1323,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
       handleScroll: () => void;
     }, {}, {}, {}, {
       tabindex: number | string;
-      tag: keyof HTMLElementTagNameMap | (string & {});
       height: number | string;
       maxHeight: number | string;
+      tag: keyof HTMLElementTagNameMap | (string & {});
       distance: number;
       wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
       wrapClass: string | string[];
@@ -1360,9 +1360,9 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
     tabindex: number | string;
-    tag: keyof HTMLElementTagNameMap | (string & {});
     height: number | string;
     maxHeight: number | string;
+    tag: keyof HTMLElementTagNameMap | (string & {});
     distance: number;
     wrapStyle: string | false | vue.CSSProperties | vue.StyleValue[] | null;
     wrapClass: string | string[];

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

@@ -1,10 +1,10 @@
 import { EVENT_CODE } from "../../../constants/aria.mjs";
 import { getEventCode } from "../../../utils/dom/event.mjs";
 import { rAF } from "../../../utils/raf.mjs";
-import { capitalize } from "../../../utils/strings.mjs";
 import { throwError } from "../../../utils/error.mjs";
 import { buildProps, definePropType } from "../../../utils/vue/props/runtime.mjs";
 import { mutable } from "../../../utils/typescript.mjs";
+import { isGreaterThan } from "../../../utils/numbers.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { ElIcon } from "../../icon/index.mjs";
 import useWheel from "../../virtual-list/src/hooks/use-wheel.mjs";
@@ -99,17 +99,17 @@ const TabNav = /* @__PURE__ */ defineComponent({
 		};
 		const scrollPrev = () => {
 			if (!navScroll$.value) return;
-			const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`];
+			const containerSize = navScroll$.value.getBoundingClientRect()[sizeName.value];
 			const currentOffset = navOffset.value;
 			if (!currentOffset) return;
 			navOffset.value = currentOffset > containerSize ? currentOffset - containerSize : 0;
 		};
 		const scrollNext = () => {
 			if (!navScroll$.value || !nav$.value) return;
-			const navSize = nav$.value[`offset${capitalize(sizeName.value)}`];
-			const containerSize = navScroll$.value[`offset${capitalize(sizeName.value)}`];
+			const navSize = nav$.value.getBoundingClientRect()[sizeName.value];
+			const containerSize = navScroll$.value.getBoundingClientRect()[sizeName.value];
 			const currentOffset = navOffset.value;
-			if (navSize - currentOffset <= containerSize) return;
+			if (!isGreaterThan(navSize - currentOffset, containerSize)) return;
 			navOffset.value = navSize - currentOffset > containerSize * 2 ? currentOffset + containerSize : navSize - containerSize;
 		};
 		const scrollToActiveTab = async () => {
@@ -121,12 +121,15 @@ const TabNav = /* @__PURE__ */ defineComponent({
 			const navScroll = navScroll$.value;
 			const activeTabBounding = activeTab.getBoundingClientRect();
 			const navScrollBounding = navScroll.getBoundingClientRect();
-			const maxOffset = isHorizontal.value ? nav.offsetWidth - navScrollBounding.width : nav.offsetHeight - navScrollBounding.height;
+			const navScrollLeft = navScrollBounding.left + 1;
+			const navScrollRight = navScrollBounding.right - 1;
+			const navBounding = nav.getBoundingClientRect();
+			const maxOffset = isHorizontal.value ? navBounding.width - navScrollBounding.width : navBounding.height - navScrollBounding.height;
 			const currentOffset = navOffset.value;
 			let newOffset = currentOffset;
 			if (isHorizontal.value) {
-				if (activeTabBounding.left < navScrollBounding.left) newOffset = currentOffset - (navScrollBounding.left - activeTabBounding.left);
-				if (activeTabBounding.right > navScrollBounding.right) newOffset = currentOffset + activeTabBounding.right - navScrollBounding.right;
+				if (activeTabBounding.left < navScrollLeft) newOffset = currentOffset - (navScrollLeft - activeTabBounding.left);
+				if (activeTabBounding.right > navScrollRight) newOffset = currentOffset + activeTabBounding.right - navScrollRight;
 			} else {
 				if (activeTabBounding.top < navScrollBounding.top) newOffset = currentOffset - (navScrollBounding.top - activeTabBounding.top);
 				if (activeTabBounding.bottom > navScrollBounding.bottom) newOffset = currentOffset + (activeTabBounding.bottom - navScrollBounding.bottom);
@@ -143,8 +146,8 @@ const TabNav = /* @__PURE__ */ defineComponent({
 			if (containerSize < navSize) {
 				scrollable.value = scrollable.value || {};
 				scrollable.value.prev = currentOffset;
-				scrollable.value.next = currentOffset + containerSize < navSize;
-				if (navSize - currentOffset < containerSize) navOffset.value = navSize - containerSize;
+				scrollable.value.next = isGreaterThan(navSize, currentOffset + containerSize);
+				if (isGreaterThan(containerSize, navSize - currentOffset)) navOffset.value = navSize - containerSize;
 			} else {
 				scrollable.value = false;
 				if (currentOffset > 0) navOffset.value = 0;