element-pe 2.14.2-3 → 2.14.2-4

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

@@ -111,8 +111,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     type: BooleanConstructor;
   };
 }>> & Readonly<{}>, {
-  fixed: string;
   border: boolean;
+  fixed: string;
   defaultSort: Sort;
   allowDragLastColumn: boolean;
 }, {}, {
@@ -124,10 +124,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
       "update:modelValue": (val: CheckboxValueType) => void;
       change: (val: CheckboxValueType) => void;
     }, import("vue").PublicProps, {
+      modelValue: number | string | boolean;
       name: string;
-      id: string;
       disabled: boolean;
-      modelValue: number | string | boolean;
+      id: string;
       validateEvent: boolean;
       value: string | boolean | number | object;
       label: string | boolean | number | object;
@@ -146,10 +146,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
       onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
+      modelValue: number | string | boolean;
       name: string;
-      id: string;
       disabled: boolean;
-      modelValue: number | string | boolean;
+      id: string;
       validateEvent: boolean;
       value: string | boolean | number | object;
       label: string | boolean | number | object;
@@ -168,10 +168,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     "update:modelValue": (val: CheckboxValueType) => void;
     change: (val: CheckboxValueType) => void;
   }, string, {
+    modelValue: number | string | boolean;
     name: string;
-    id: string;
     disabled: boolean;
-    modelValue: number | string | boolean;
+    id: string;
     validateEvent: boolean;
     value: string | boolean | number | object;
     label: string | boolean | number | object;

package/es/components/table/src/table-header/index.mjs

@@ -130,7 +130,7 @@ var table_header_default = defineComponent({
 				scope: column.colSpan > 1 ? "colgroup" : "col",
 				ariaSort: column.sortable ? column.order : void 0,
 				style: getHeaderCellStyle(rowIndex, cellIndex, subColumns, column),
-				widget: column.widget ? "table-column:header:" + column.widget.split(":")[1] : void 0,
+				widget: column.widget ? `table-column:header:${column.widget.split(":")[1]}` : void 0,
 				onClick: ($event) => {
 					if ($event.currentTarget?.classList.contains("noclick")) return;
 					handleHeaderClick($event, column);

package/es/components/table/src/table-header/index.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["FilterPanel"],"sources":["../../../../../../../packages/components/table/src/table-header/index.ts"],"sourcesContent":["import {\n  defineComponent,\n  getCurrentInstance,\n  h,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useLocale } from '@element-plus/hooks/use-locale'\nimport FilterPanel from '../filter-panel.vue'\nimport useLayoutObserver from '../layout-observer'\nimport { TABLE_INJECTION_KEY } from '../tokens'\nimport useEvent from './event-helper'\nimport useStyle from './style.helper'\nimport useUtils from './utils-helper'\n\nimport type TableLayout from '../table-layout'\nimport type { ComponentInternalInstance, PropType, Ref } from 'vue'\nimport type { DefaultRow, Sort } from '../table/defaults'\nimport type { Store } from '../store'\n\nexport interface TableHeader extends ComponentInternalInstance {\n  state: {\n    onColumnsChange: (layout: TableLayout<any>) => void\n    onScrollableChange: (layout: TableLayout<any>) => void\n  }\n  filterPanels: Ref<DefaultRow>\n}\nexport interface TableHeaderProps<T extends DefaultRow> {\n  fixed: string\n  store: Store<T>\n  border: boolean\n  defaultSort: Sort\n  allowDragLastColumn: boolean\n}\n\nexport default defineComponent({\n  name: 'ElTableHeader',\n  components: {\n    ElCheckbox,\n  },\n  props: {\n    fixed: {\n      type: String,\n      default: '',\n    },\n    store: {\n      required: true,\n      type: Object as PropType<TableHeaderProps<any>['store']>,\n    },\n    border: Boolean,\n    defaultSort: {\n      type: Object as PropType<TableHeaderProps<any>['defaultSort']>,\n      default: () => {\n        return {\n          prop: '',\n          order: '',\n        }\n      },\n    },\n    appendFilterPanelTo: {\n      type: String,\n    },\n    allowDragLastColumn: {\n      type: Boolean,\n    },\n  },\n  setup(props, { emit }) {\n    const instance = getCurrentInstance() as TableHeader\n    const parent = inject(TABLE_INJECTION_KEY)\n    const ns = useNamespace('table')\n    const filterPanels = ref({})\n    const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent!)\n\n    const isTableLayoutAuto = parent?.props.tableLayout === 'auto'\n    const saveIndexSelection = reactive(new Map())\n    const theadRef = ref()\n\n    let delayId: ReturnType<typeof setTimeout> | undefined\n    const updateFixedColumnStyle = () => {\n      delayId = setTimeout(() => {\n        if (saveIndexSelection.size > 0) {\n          saveIndexSelection.forEach((column, key) => {\n            const el = theadRef.value.querySelector(\n              `.${key.replace(/\\s/g, '.')}`\n            )\n            if (el) {\n              const width = el.getBoundingClientRect().width\n              column.width = width || column.width\n            }\n          })\n          saveIndexSelection.clear()\n        }\n      })\n    }\n\n    watch(saveIndexSelection, updateFixedColumnStyle)\n    onBeforeUnmount(() => {\n      if (delayId) {\n        clearTimeout(delayId)\n        delayId = undefined\n      }\n    })\n\n    onMounted(async () => {\n      // Need double await, because updateColumns is executed after nextTick for now\n      await nextTick()\n      await nextTick()\n      const { prop, order } = props.defaultSort\n      parent?.store.commit('sort', { prop, order, init: true })\n\n      updateFixedColumnStyle()\n    })\n\n    const {\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleMouseOut,\n      handleSortClick,\n      handleFilterClick,\n    } = useEvent(props as TableHeaderProps<any>, emit)\n    const {\n      getHeaderRowStyle,\n      getHeaderRowClass,\n      getHeaderCellStyle,\n      getHeaderCellClass,\n    } = useStyle(props as TableHeaderProps<any>)\n    const { isGroup, toggleAllSelection, columnRows } = useUtils(\n      props as TableHeaderProps<any>\n    )\n\n    const { t } = useLocale()\n\n    instance.state = {\n      onColumnsChange,\n      onScrollableChange,\n    }\n    instance.filterPanels = filterPanels\n\n    return {\n      ns,\n      t,\n      filterPanels,\n      onColumnsChange,\n      onScrollableChange,\n      columnRows,\n      getHeaderRowClass,\n      getHeaderRowStyle,\n      getHeaderCellClass,\n      getHeaderCellStyle,\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleMouseOut,\n      handleSortClick,\n      handleFilterClick,\n      isGroup,\n      toggleAllSelection,\n      saveIndexSelection,\n      isTableLayoutAuto,\n      theadRef,\n      updateFixedColumnStyle,\n    }\n  },\n  render() {\n    const {\n      ns,\n      t,\n      isGroup,\n      columnRows,\n      getHeaderCellStyle,\n      getHeaderCellClass,\n      getHeaderRowClass,\n      getHeaderRowStyle,\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleSortClick,\n      handleMouseOut,\n      store,\n      $parent,\n      saveIndexSelection,\n      isTableLayoutAuto,\n    } = this\n    let rowSpan = 1\n    return h(\n      'thead',\n      {\n        ref: 'theadRef',\n        class: ns.is('group', isGroup),\n      },\n      columnRows.map((subColumns, rowIndex) =>\n        h(\n          'tr',\n          {\n            class: getHeaderRowClass(rowIndex),\n            key: rowIndex,\n            style: getHeaderRowStyle(rowIndex),\n          },\n          subColumns.map((column, cellIndex) => {\n            if (column.rowSpan > rowSpan) {\n              rowSpan = column.rowSpan\n            }\n            const _class = getHeaderCellClass(\n              rowIndex,\n              cellIndex,\n              subColumns,\n              column\n            )\n            if (isTableLayoutAuto && column.fixed) {\n              saveIndexSelection.set(_class, column)\n            }\n            return h(\n              'th',\n              {\n                class: _class,\n                colspan: column.colSpan,\n                key: `${column.id}-thead`,\n                rowspan: column.rowSpan,\n                scope: column.colSpan > 1 ? 'colgroup' : 'col',\n                ariaSort: column.sortable ? column.order : undefined,\n                style: getHeaderCellStyle(\n                  rowIndex,\n                  cellIndex,\n                  subColumns,\n                  column\n                ),\n                widget: column.widget\n                  ? 'table-column:header:' + column.widget.split(':')[1]\n                  : undefined,\n                onClick: ($event: PointerEvent) => {\n                  if (\n                    ($event.currentTarget as Element)?.classList.contains(\n                      'noclick'\n                    )\n                  ) {\n                    return\n                  }\n                  handleHeaderClick($event, column)\n                },\n                onContextmenu: ($event: PointerEvent) =>\n                  handleHeaderContextMenu($event, column),\n                onMousedown: ($event: MouseEvent) =>\n                  handleMouseDown($event, column),\n                onMousemove: ($event: MouseEvent) =>\n                  handleMouseMove($event, column),\n                onMouseout: handleMouseOut,\n              },\n              [\n                h(\n                  'div',\n                  {\n                    class: [\n                      'cell',\n                      column.filteredValue && column.filteredValue.length > 0\n                        ? 'highlight'\n                        : '',\n                    ],\n                  },\n                  [\n                    column.renderHeader\n                      ? column.renderHeader({\n                          column,\n                          $index: cellIndex,\n                          store,\n                          _self: $parent,\n                        })\n                      : column.label,\n                    column.sortable &&\n                      h(\n                        'button',\n                        {\n                          type: 'button',\n                          class: 'caret-wrapper',\n                          'aria-label': t('el.table.sortLabel', {\n                            column: column.label || '',\n                          }),\n                          onClick: ($event: Event) =>\n                            handleSortClick($event, column),\n                        },\n                        [\n                          h('i', {\n                            onClick: ($event: Event) =>\n                              handleSortClick($event, column, 'ascending'),\n                            class: 'sort-caret ascending',\n                          }),\n                          h('i', {\n                            onClick: ($event: Event) =>\n                              handleSortClick($event, column, 'descending'),\n                            class: 'sort-caret descending',\n                          }),\n                        ]\n                      ),\n                    column.filterable &&\n                      h(\n                        FilterPanel as any,\n                        {\n                          store,\n                          placement: column.filterPlacement || 'bottom-start',\n                          appendTo: ($parent as any)?.appendFilterPanelTo,\n                          column,\n                          upDataColumn: (key: never, value: never) => {\n                            column[key] = value\n                          },\n                        },\n                        {\n                          'filter-icon': () =>\n                            column.renderFilterIcon\n                              ? column.renderFilterIcon({\n                                  filterOpened: column.filterOpened,\n                                })\n                              : null,\n                        }\n                      ),\n                  ]\n                ),\n              ]\n            )\n          })\n        )\n      )\n    )\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"index.mjs","names":["FilterPanel"],"sources":["../../../../../../../packages/components/table/src/table-header/index.ts"],"sourcesContent":["import {\n  defineComponent,\n  getCurrentInstance,\n  h,\n  inject,\n  nextTick,\n  onBeforeUnmount,\n  onMounted,\n  reactive,\n  ref,\n  watch,\n} from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { useNamespace } from '@element-plus/hooks'\nimport { useLocale } from '@element-plus/hooks/use-locale'\nimport FilterPanel from '../filter-panel.vue'\nimport useLayoutObserver from '../layout-observer'\nimport { TABLE_INJECTION_KEY } from '../tokens'\nimport useEvent from './event-helper'\nimport useStyle from './style.helper'\nimport useUtils from './utils-helper'\n\nimport type TableLayout from '../table-layout'\nimport type { ComponentInternalInstance, PropType, Ref } from 'vue'\nimport type { DefaultRow, Sort } from '../table/defaults'\nimport type { Store } from '../store'\n\nexport interface TableHeader extends ComponentInternalInstance {\n  state: {\n    onColumnsChange: (layout: TableLayout<any>) => void\n    onScrollableChange: (layout: TableLayout<any>) => void\n  }\n  filterPanels: Ref<DefaultRow>\n}\nexport interface TableHeaderProps<T extends DefaultRow> {\n  fixed: string\n  store: Store<T>\n  border: boolean\n  defaultSort: Sort\n  allowDragLastColumn: boolean\n}\n\nexport default defineComponent({\n  name: 'ElTableHeader',\n  components: {\n    ElCheckbox,\n  },\n  props: {\n    fixed: {\n      type: String,\n      default: '',\n    },\n    store: {\n      required: true,\n      type: Object as PropType<TableHeaderProps<any>['store']>,\n    },\n    border: Boolean,\n    defaultSort: {\n      type: Object as PropType<TableHeaderProps<any>['defaultSort']>,\n      default: () => {\n        return {\n          prop: '',\n          order: '',\n        }\n      },\n    },\n    appendFilterPanelTo: {\n      type: String,\n    },\n    allowDragLastColumn: {\n      type: Boolean,\n    },\n  },\n  setup(props, { emit }) {\n    const instance = getCurrentInstance() as TableHeader\n    const parent = inject(TABLE_INJECTION_KEY)\n    const ns = useNamespace('table')\n    const filterPanels = ref({})\n    const { onColumnsChange, onScrollableChange } = useLayoutObserver(parent!)\n\n    const isTableLayoutAuto = parent?.props.tableLayout === 'auto'\n    const saveIndexSelection = reactive(new Map())\n    const theadRef = ref()\n\n    let delayId: ReturnType<typeof setTimeout> | undefined\n    const updateFixedColumnStyle = () => {\n      delayId = setTimeout(() => {\n        if (saveIndexSelection.size > 0) {\n          saveIndexSelection.forEach((column, key) => {\n            const el = theadRef.value.querySelector(\n              `.${key.replace(/\\s/g, '.')}`\n            )\n            if (el) {\n              const width = el.getBoundingClientRect().width\n              column.width = width || column.width\n            }\n          })\n          saveIndexSelection.clear()\n        }\n      })\n    }\n\n    watch(saveIndexSelection, updateFixedColumnStyle)\n    onBeforeUnmount(() => {\n      if (delayId) {\n        clearTimeout(delayId)\n        delayId = undefined\n      }\n    })\n\n    onMounted(async () => {\n      // Need double await, because updateColumns is executed after nextTick for now\n      await nextTick()\n      await nextTick()\n      const { prop, order } = props.defaultSort\n      parent?.store.commit('sort', { prop, order, init: true })\n\n      updateFixedColumnStyle()\n    })\n\n    const {\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleMouseOut,\n      handleSortClick,\n      handleFilterClick,\n    } = useEvent(props as TableHeaderProps<any>, emit)\n    const {\n      getHeaderRowStyle,\n      getHeaderRowClass,\n      getHeaderCellStyle,\n      getHeaderCellClass,\n    } = useStyle(props as TableHeaderProps<any>)\n    const { isGroup, toggleAllSelection, columnRows } = useUtils(\n      props as TableHeaderProps<any>\n    )\n\n    const { t } = useLocale()\n\n    instance.state = {\n      onColumnsChange,\n      onScrollableChange,\n    }\n    instance.filterPanels = filterPanels\n\n    return {\n      ns,\n      t,\n      filterPanels,\n      onColumnsChange,\n      onScrollableChange,\n      columnRows,\n      getHeaderRowClass,\n      getHeaderRowStyle,\n      getHeaderCellClass,\n      getHeaderCellStyle,\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleMouseOut,\n      handleSortClick,\n      handleFilterClick,\n      isGroup,\n      toggleAllSelection,\n      saveIndexSelection,\n      isTableLayoutAuto,\n      theadRef,\n      updateFixedColumnStyle,\n    }\n  },\n  render() {\n    const {\n      ns,\n      t,\n      isGroup,\n      columnRows,\n      getHeaderCellStyle,\n      getHeaderCellClass,\n      getHeaderRowClass,\n      getHeaderRowStyle,\n      handleHeaderClick,\n      handleHeaderContextMenu,\n      handleMouseDown,\n      handleMouseMove,\n      handleSortClick,\n      handleMouseOut,\n      store,\n      $parent,\n      saveIndexSelection,\n      isTableLayoutAuto,\n    } = this\n    let rowSpan = 1\n    return h(\n      'thead',\n      {\n        ref: 'theadRef',\n        class: ns.is('group', isGroup),\n      },\n      columnRows.map((subColumns, rowIndex) =>\n        h(\n          'tr',\n          {\n            class: getHeaderRowClass(rowIndex),\n            key: rowIndex,\n            style: getHeaderRowStyle(rowIndex),\n          },\n          subColumns.map((column, cellIndex) => {\n            if (column.rowSpan > rowSpan) {\n              rowSpan = column.rowSpan\n            }\n            const _class = getHeaderCellClass(\n              rowIndex,\n              cellIndex,\n              subColumns,\n              column\n            )\n            if (isTableLayoutAuto && column.fixed) {\n              saveIndexSelection.set(_class, column)\n            }\n            return h(\n              'th',\n              {\n                class: _class,\n                colspan: column.colSpan,\n                key: `${column.id}-thead`,\n                rowspan: column.rowSpan,\n                scope: column.colSpan > 1 ? 'colgroup' : 'col',\n                ariaSort: column.sortable ? column.order : undefined,\n                style: getHeaderCellStyle(\n                  rowIndex,\n                  cellIndex,\n                  subColumns,\n                  column\n                ),\n                widget: column.widget\n                  ? `table-column:header:${column.widget.split(':')[1]}`\n                  : undefined,\n                onClick: ($event: PointerEvent) => {\n                  if (\n                    ($event.currentTarget as Element)?.classList.contains(\n                      'noclick'\n                    )\n                  ) {\n                    return\n                  }\n                  handleHeaderClick($event, column)\n                },\n                onContextmenu: ($event: PointerEvent) =>\n                  handleHeaderContextMenu($event, column),\n                onMousedown: ($event: MouseEvent) =>\n                  handleMouseDown($event, column),\n                onMousemove: ($event: MouseEvent) =>\n                  handleMouseMove($event, column),\n                onMouseout: handleMouseOut,\n              },\n              [\n                h(\n                  'div',\n                  {\n                    class: [\n                      'cell',\n                      column.filteredValue && column.filteredValue.length > 0\n                        ? 'highlight'\n                        : '',\n                    ],\n                  },\n                  [\n                    column.renderHeader\n                      ? column.renderHeader({\n                          column,\n                          $index: cellIndex,\n                          store,\n                          _self: $parent,\n                        })\n                      : column.label,\n                    column.sortable &&\n                      h(\n                        'button',\n                        {\n                          type: 'button',\n                          class: 'caret-wrapper',\n                          'aria-label': t('el.table.sortLabel', {\n                            column: column.label || '',\n                          }),\n                          onClick: ($event: Event) =>\n                            handleSortClick($event, column),\n                        },\n                        [\n                          h('i', {\n                            onClick: ($event: Event) =>\n                              handleSortClick($event, column, 'ascending'),\n                            class: 'sort-caret ascending',\n                          }),\n                          h('i', {\n                            onClick: ($event: Event) =>\n                              handleSortClick($event, column, 'descending'),\n                            class: 'sort-caret descending',\n                          }),\n                        ]\n                      ),\n                    column.filterable &&\n                      h(\n                        FilterPanel as any,\n                        {\n                          store,\n                          placement: column.filterPlacement || 'bottom-start',\n                          appendTo: ($parent as any)?.appendFilterPanelTo,\n                          column,\n                          upDataColumn: (key: never, value: never) => {\n                            column[key] = value\n                          },\n                        },\n                        {\n                          'filter-icon': () =>\n                            column.renderFilterIcon\n                              ? column.renderFilterIcon({\n                                  filterOpened: column.filterOpened,\n                                })\n                              : null,\n                        }\n                      ),\n                  ]\n                ),\n              ]\n            )\n          })\n        )\n      )\n    )\n  },\n})\n"],"mappings":"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"}

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

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"[\n      {\n        [ns.m('fit')]: fit,\n        [ns.m('striped')]: stripe,\n        [ns.m('border')]: border || isGroup,\n        [ns.m('hidden')]: isHidden,\n        [ns.m('group')]: isGroup,\n        [ns.m('fluid-height')]: maxHeight,\n        [ns.m('scrollable-x')]: layout.scrollX.value,\n        [ns.m('scrollable-y')]: layout.scrollY.value,\n        [ns.m('enable-row-hover')]: !store.states.isComplex.value || true,\n        [ns.m('enable-row-transition')]:\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n        'has-footer': showSummary,\n      },\n      ns.m(tableSize),\n      className,\n      ns.b(),\n      ns.m(`layout-${tableLayout}`),\n    ]\"\n    :style=\"style\"\n    :data-prefix=\"ns.namespace.value\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <div ref=\"tableInnerWrapper\" :class=\"ns.e('inner-wrapper')\">\n      <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n        <slot />\n      </div>\n      <div\n        v-if=\"showHeader && tableLayout === 'fixed'\"\n        ref=\"headerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('header-wrapper')\"\n      >\n        <table\n          ref=\"tableHeader\"\n          :class=\"ns.e('header')\"\n          :style=\"tableBodyStyles\"\n          border=\"0\"\n          cellpadding=\"0\"\n          cellspacing=\"0\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-header\n            ref=\"tableHeaderRef\"\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :append-filter-panel-to=\"appendFilterPanelTo\"\n            :allow-drag-last-column=\"allowDragLastColumn\"\n            @set-drag-visible=\"setDragVisible\"\n          />\n        </table>\n      </div>\n      <div ref=\"bodyWrapper\" :class=\"ns.e('body-wrapper')\">\n        <el-scrollbar\n          ref=\"scrollBarRef\"\n          :view-style=\"scrollbarViewStyle\"\n          :wrap-style=\"scrollbarStyle\"\n          :always=\"scrollbarAlwaysOn\"\n          :tabindex=\"scrollbarTabindex\"\n          :native=\"nativeScrollbar\"\n          @scroll=\"onScroll\"\n        >\n          <table\n            ref=\"tableBody\"\n            :class=\"ns.e('body')\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n            :style=\"{\n              width: bodyWidth,\n              tableLayout,\n            }\"\n          >\n            <hColgroup\n              :columns=\"store.states.columns.value\"\n              :table-layout=\"tableLayout\"\n            />\n            <table-header\n              v-if=\"showHeader && tableLayout === 'auto'\"\n              ref=\"tableHeaderRef\"\n              :class=\"ns.e('body-header')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :append-filter-panel-to=\"appendFilterPanelTo\"\n              @set-drag-visible=\"setDragVisible\"\n            />\n            <table-body\n              :context=\"context\"\n              :highlight=\"highlightCurrentRow\"\n              :row-class-name=\"rowClassName\"\n              :tooltip-effect=\"computedTooltipEffect\"\n              :tooltip-options=\"computedTooltipOptions\"\n              :row-style=\"rowStyle\"\n              :store=\"store\"\n              :stripe=\"stripe\"\n            />\n            <table-footer\n              v-if=\"showSummary && tableLayout === 'auto'\"\n              :class=\"ns.e('body-footer')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :sum-text=\"computedSumText\"\n              :summary-method=\"summaryMethod\"\n            />\n          </table>\n          <div\n            v-if=\"isEmpty\"\n            ref=\"emptyBlock\"\n            :style=\"emptyBlockStyle\"\n            :class=\"ns.e('empty-block')\"\n          >\n            <span :class=\"ns.e('empty-text')\">\n              <slot name=\"empty\">{{ computedEmptyText }}</slot>\n            </span>\n          </div>\n          <div\n            v-if=\"$slots.append\"\n            ref=\"appendWrapper\"\n            :class=\"ns.e('append-wrapper')\"\n          >\n            <slot name=\"append\" />\n          </div>\n        </el-scrollbar>\n      </div>\n      <div\n        v-if=\"showSummary && tableLayout === 'fixed'\"\n        v-show=\"!isEmpty\"\n        ref=\"footerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('footer-wrapper')\"\n      >\n        <table\n          :class=\"ns.e('footer')\"\n          cellspacing=\"0\"\n          cellpadding=\"0\"\n          border=\"0\"\n          :style=\"tableBodyStyles\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-footer\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :sum-text=\"computedSumText\"\n            :summary-method=\"summaryMethod\"\n          />\n        </table>\n      </div>\n      <div v-if=\"border || isGroup\" :class=\"ns.e('border-left-patch')\" />\n    </div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      :class=\"ns.e('column-resize-proxy')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends DefaultRow = DefaultRow\">\nimport { computed, getCurrentInstance, onBeforeUnmount, provide } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { Mousewheel as vMousewheel } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { createStore } from './store/helper'\nimport TableLayout from './table-layout'\nimport TableHeader from './table-header'\nimport TableBody from './table-body'\nimport TableFooter from './table-footer'\nimport { createTableId } from './util'\nimport useUtils from './table/utils-helper'\nimport { convertToRows } from './table-header/utils-helper'\nimport useStyle from './table/style-helper'\nimport useKeyRender from './table/key-render-helper'\nimport { TABLE_INJECTION_KEY } from './tokens'\nimport { hColgroup } from './h-helper'\nimport { useScrollbar } from './composables/use-scrollbar'\n\nimport type {\n  DefaultRow,\n  Table,\n  TableEmits,\n  TableProps,\n} from './table/defaults'\n\ndefineOptions({\n  name: 'ElTable',\n})\n\nconst props = withDefaults(defineProps<TableProps<T>>(), {\n  data: () => [],\n  fit: true,\n  showHeader: true,\n  selectOnIndeterminate: true,\n  indent: 16,\n  treeProps: () => ({\n    hasChildren: 'hasChildren',\n    children: 'children',\n    checkStrictly: false,\n  }),\n  style: () => ({}),\n  className: '',\n  tableLayout: 'fixed',\n  showOverflowTooltip: undefined,\n  scrollbarTabindex: undefined,\n  allowDragLastColumn: true,\n})\n\ndefineEmits<TableEmits<T>>()\n\nconst { t } = useLocale()\nconst ns = useNamespace('table')\nconst globalConfig = useGlobalConfig('table')\nconst table = getCurrentInstance() as Table<T>\nprovide(TABLE_INJECTION_KEY, table)\nconst store = createStore<T>(table, props)\ntable.store = store\nconst layout = new TableLayout<T>({\n  store: table.store,\n  table,\n  fit: props.fit,\n  showHeader: props.showHeader,\n})\ntable.layout = layout\n\nconst isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n/**\n * open functions\n */\nconst {\n  setCurrentRow,\n  getSelectionRows,\n  getHalfSelectionRows,\n  toggleRowSelection,\n  clearSelection,\n  clearFilter,\n  toggleAllSelection,\n  toggleRowExpansion,\n  clearSort,\n  sort,\n  updateKeyChildren,\n} = useUtils<T>(store)\nconst {\n  isHidden,\n  renderExpanded,\n  setDragVisible,\n  isGroup,\n  handleMouseLeave,\n  handleHeaderFooterMousewheel,\n  tableSize,\n  emptyBlockStyle,\n  resizeProxyVisible,\n  bodyWidth,\n  resizeState,\n  doLayout,\n  tableBodyStyles,\n  tableLayout,\n  scrollbarViewStyle,\n  scrollbarStyle,\n} = useStyle<T>(props, layout, store, table)\n\nconst { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar()\nconst { onScroll } = table.store\nconst debouncedUpdateLayout = debounce(doLayout, 50)\n\nconst tableId = createTableId(ns.namespace.value)\nconst context = table\ntable.tableId = tableId\ntable.state = {\n  isGroup,\n  resizeState,\n  doLayout,\n  debouncedUpdateLayout,\n}\nconst computedSumText = computed(() => props.sumText ?? t('el.table.sumText'))\n\nconst computedEmptyText = computed(() => {\n  return props.emptyText ?? t('el.table.emptyText')\n})\n\nconst computedTooltipEffect = computed(\n  () => props.tooltipEffect ?? globalConfig.value?.tooltipEffect\n)\n\nconst computedTooltipOptions = computed(\n  () => props.tooltipOptions ?? globalConfig.value?.tooltipOptions\n)\n\nconst columns = computed(() => {\n  return convertToRows(store.states.originColumns.value)[0]\n})\n\nuseKeyRender(table)\n\nonBeforeUnmount(() => {\n  debouncedUpdateLayout.cancel()\n})\n\ndefineExpose({\n  ns,\n  layout,\n  store,\n  columns,\n  handleHeaderFooterMousewheel,\n  handleMouseLeave,\n  tableId,\n  tableSize,\n  isHidden,\n  isEmpty,\n  renderExpanded,\n  resizeProxyVisible,\n  resizeState,\n  isGroup,\n  bodyWidth,\n  tableBodyStyles,\n  emptyBlockStyle,\n  debouncedUpdateLayout,\n  /**\n   * @description used in single selection Table, set a certain row selected. If called without any parameter, it will clear selection\n   */\n  setCurrentRow,\n  /**\n   * @description returns the currently selected rows\n   */\n  getSelectionRows,\n  /**\n   * @description returns the currently half-selected rows\n   */\n  getHalfSelectionRows,\n  /**\n   * @description used in multiple selection Table, toggle if a certain row is selected. With the second parameter, you can directly set if this row is selected\n   */\n  toggleRowSelection,\n  /**\n   * @description used in multiple selection Table, clear user selection\n   */\n  clearSelection,\n  /**\n   * @description clear filters of the columns whose `columnKey` are passed in. If no params, clear all filters\n   */\n  clearFilter,\n  /**\n   * @description used in multiple selection Table, toggle select all and deselect all\n   */\n  toggleAllSelection,\n  /**\n   * @description used in expandable Table or tree Table, toggle if a certain row is expanded. With the second parameter, you can directly set if this row is expanded or collapsed\n   */\n  toggleRowExpansion,\n  /**\n   * @description clear sorting, restore data to the original order\n   */\n  clearSort,\n  /**\n   * @description refresh the layout of Table. When the visibility of Table changes, you may need to call this method to get a correct layout\n   */\n  doLayout,\n  /**\n   * @description sort Table manually. Property `prop` is used to set sort column, property `order` is used to set sort order\n   */\n  sort,\n  /**\n   * @description used in lazy Table, must set `rowKey`, update key children\n   */\n  updateKeyChildren,\n  t,\n  setDragVisible,\n  context,\n  computedSumText,\n  computedEmptyText,\n  computedTooltipEffect,\n  computedTooltipOptions,\n  tableLayout,\n  scrollbarViewStyle,\n  scrollbarStyle,\n  scrollBarRef,\n  /**\n   * @description scrolls to a particular set of coordinates\n   */\n  scrollTo,\n  /**\n   * @description set horizontal scroll position\n   */\n  setScrollLeft,\n  /**\n   * @description set vertical scroll position\n   */\n  setScrollTop,\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn: props.allowDragLastColumn,\n  onScroll,\n})\n</script>\n"],"mappings":""}
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"[\n      {\n        [ns.m('fit')]: fit,\n        [ns.m('striped')]: stripe,\n        [ns.m('border')]: border || isGroup,\n        [ns.m('hidden')]: isHidden,\n        [ns.m('group')]: isGroup,\n        [ns.m('fluid-height')]: maxHeight,\n        [ns.m('scrollable-x')]: layout.scrollX.value,\n        [ns.m('scrollable-y')]: layout.scrollY.value,\n        [ns.m('enable-row-hover')]: !store.states.isComplex.value || true,\n        [ns.m('enable-row-transition')]:\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n        'has-footer': showSummary,\n      },\n      ns.m(tableSize),\n      className,\n      ns.b(),\n      ns.m(`layout-${tableLayout}`),\n    ]\"\n    :style=\"style\"\n    :data-prefix=\"ns.namespace.value\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <div ref=\"tableInnerWrapper\" :class=\"ns.e('inner-wrapper')\">\n      <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n        <slot />\n      </div>\n      <div\n        v-if=\"showHeader && tableLayout === 'fixed'\"\n        ref=\"headerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('header-wrapper')\"\n      >\n        <table\n          ref=\"tableHeader\"\n          :class=\"ns.e('header')\"\n          :style=\"tableBodyStyles\"\n          border=\"0\"\n          cellpadding=\"0\"\n          cellspacing=\"0\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-header\n            ref=\"tableHeaderRef\"\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :append-filter-panel-to=\"appendFilterPanelTo\"\n            :allow-drag-last-column=\"allowDragLastColumn\"\n            @set-drag-visible=\"setDragVisible\"\n          />\n        </table>\n      </div>\n      <div ref=\"bodyWrapper\" :class=\"ns.e('body-wrapper')\">\n        <el-scrollbar\n          ref=\"scrollBarRef\"\n          :view-style=\"scrollbarViewStyle\"\n          :wrap-style=\"scrollbarStyle\"\n          :always=\"scrollbarAlwaysOn\"\n          :tabindex=\"scrollbarTabindex\"\n          :native=\"nativeScrollbar\"\n          @scroll=\"$emit('scroll', $event)\"\n        >\n          <table\n            ref=\"tableBody\"\n            :class=\"ns.e('body')\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n            :style=\"{\n              width: bodyWidth,\n              tableLayout,\n            }\"\n          >\n            <hColgroup\n              :columns=\"store.states.columns.value\"\n              :table-layout=\"tableLayout\"\n            />\n            <table-header\n              v-if=\"showHeader && tableLayout === 'auto'\"\n              ref=\"tableHeaderRef\"\n              :class=\"ns.e('body-header')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :append-filter-panel-to=\"appendFilterPanelTo\"\n              @set-drag-visible=\"setDragVisible\"\n            />\n            <table-body\n              :context=\"context\"\n              :highlight=\"highlightCurrentRow\"\n              :row-class-name=\"rowClassName\"\n              :tooltip-effect=\"computedTooltipEffect\"\n              :tooltip-options=\"computedTooltipOptions\"\n              :row-style=\"rowStyle\"\n              :store=\"store\"\n              :stripe=\"stripe\"\n            />\n            <table-footer\n              v-if=\"showSummary && tableLayout === 'auto'\"\n              :class=\"ns.e('body-footer')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :sum-text=\"computedSumText\"\n              :summary-method=\"summaryMethod\"\n            />\n          </table>\n          <div\n            v-if=\"isEmpty\"\n            ref=\"emptyBlock\"\n            :style=\"emptyBlockStyle\"\n            :class=\"ns.e('empty-block')\"\n          >\n            <span :class=\"ns.e('empty-text')\">\n              <slot name=\"empty\">{{ computedEmptyText }}</slot>\n            </span>\n          </div>\n          <div\n            v-if=\"$slots.append\"\n            ref=\"appendWrapper\"\n            :class=\"ns.e('append-wrapper')\"\n          >\n            <slot name=\"append\" />\n          </div>\n        </el-scrollbar>\n      </div>\n      <div\n        v-if=\"showSummary && tableLayout === 'fixed'\"\n        v-show=\"!isEmpty\"\n        ref=\"footerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('footer-wrapper')\"\n      >\n        <table\n          :class=\"ns.e('footer')\"\n          cellspacing=\"0\"\n          cellpadding=\"0\"\n          border=\"0\"\n          :style=\"tableBodyStyles\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-footer\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :sum-text=\"computedSumText\"\n            :summary-method=\"summaryMethod\"\n          />\n        </table>\n      </div>\n      <div v-if=\"border || isGroup\" :class=\"ns.e('border-left-patch')\" />\n    </div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      :class=\"ns.e('column-resize-proxy')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends DefaultRow = DefaultRow\">\nimport { computed, getCurrentInstance, onBeforeUnmount, provide } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { Mousewheel as vMousewheel } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { createStore } from './store/helper'\nimport TableLayout from './table-layout'\nimport TableHeader from './table-header'\nimport TableBody from './table-body'\nimport TableFooter from './table-footer'\nimport { createTableId } from './util'\nimport useUtils from './table/utils-helper'\nimport { convertToRows } from './table-header/utils-helper'\nimport useStyle from './table/style-helper'\nimport useKeyRender from './table/key-render-helper'\nimport { TABLE_INJECTION_KEY } from './tokens'\nimport { hColgroup } from './h-helper'\nimport { useScrollbar } from './composables/use-scrollbar'\n\nimport type {\n  DefaultRow,\n  Table,\n  TableEmits,\n  TableProps,\n} from './table/defaults'\n\ndefineOptions({\n  name: 'ElTable',\n})\n\nconst props = withDefaults(defineProps<TableProps<T>>(), {\n  data: () => [],\n  fit: true,\n  showHeader: true,\n  selectOnIndeterminate: true,\n  indent: 16,\n  treeProps: () => ({\n    hasChildren: 'hasChildren',\n    children: 'children',\n    checkStrictly: false,\n  }),\n  style: () => ({}),\n  className: '',\n  tableLayout: 'fixed',\n  showOverflowTooltip: undefined,\n  scrollbarTabindex: undefined,\n  allowDragLastColumn: true,\n})\n\ndefineEmits<TableEmits<T>>()\n\nconst { t } = useLocale()\nconst ns = useNamespace('table')\nconst globalConfig = useGlobalConfig('table')\nconst table = getCurrentInstance() as Table<T>\nprovide(TABLE_INJECTION_KEY, table)\nconst store = createStore<T>(table, props)\ntable.store = store\nconst layout = new TableLayout<T>({\n  store: table.store,\n  table,\n  fit: props.fit,\n  showHeader: props.showHeader,\n})\ntable.layout = layout\n\nconst isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n/**\n * open functions\n */\nconst {\n  setCurrentRow,\n  getSelectionRows,\n  getHalfSelectionRows,\n  toggleRowSelection,\n  clearSelection,\n  clearFilter,\n  toggleAllSelection,\n  toggleRowExpansion,\n  clearSort,\n  sort,\n  updateKeyChildren,\n} = useUtils<T>(store)\nconst {\n  isHidden,\n  renderExpanded,\n  setDragVisible,\n  isGroup,\n  handleMouseLeave,\n  handleHeaderFooterMousewheel,\n  tableSize,\n  emptyBlockStyle,\n  resizeProxyVisible,\n  bodyWidth,\n  resizeState,\n  doLayout,\n  tableBodyStyles,\n  tableLayout,\n  scrollbarViewStyle,\n  scrollbarStyle,\n} = useStyle<T>(props, layout, store, table)\n\nconst { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar()\nconst { onScroll } = table.store\nconst debouncedUpdateLayout = debounce(doLayout, 50)\n\nconst tableId = createTableId(ns.namespace.value)\nconst context = table\ntable.tableId = tableId\ntable.state = {\n  isGroup,\n  resizeState,\n  doLayout,\n  debouncedUpdateLayout,\n}\nconst computedSumText = computed(() => props.sumText ?? t('el.table.sumText'))\n\nconst computedEmptyText = computed(() => {\n  return props.emptyText ?? t('el.table.emptyText')\n})\n\nconst computedTooltipEffect = computed(\n  () => props.tooltipEffect ?? globalConfig.value?.tooltipEffect\n)\n\nconst computedTooltipOptions = computed(\n  () => props.tooltipOptions ?? globalConfig.value?.tooltipOptions\n)\n\nconst columns = computed(() => {\n  return convertToRows(store.states.originColumns.value)[0]\n})\n\nuseKeyRender(table)\n\nonBeforeUnmount(() => {\n  debouncedUpdateLayout.cancel()\n})\n\ndefineExpose({\n  ns,\n  layout,\n  store,\n  columns,\n  handleHeaderFooterMousewheel,\n  handleMouseLeave,\n  tableId,\n  tableSize,\n  isHidden,\n  isEmpty,\n  renderExpanded,\n  resizeProxyVisible,\n  resizeState,\n  isGroup,\n  bodyWidth,\n  tableBodyStyles,\n  emptyBlockStyle,\n  debouncedUpdateLayout,\n  /**\n   * @description used in single selection Table, set a certain row selected. If called without any parameter, it will clear selection\n   */\n  setCurrentRow,\n  /**\n   * @description returns the currently selected rows\n   */\n  getSelectionRows,\n  /**\n   * @description returns the currently half-selected rows\n   */\n  getHalfSelectionRows,\n  /**\n   * @description used in multiple selection Table, toggle if a certain row is selected. With the second parameter, you can directly set if this row is selected\n   */\n  toggleRowSelection,\n  /**\n   * @description used in multiple selection Table, clear user selection\n   */\n  clearSelection,\n  /**\n   * @description clear filters of the columns whose `columnKey` are passed in. If no params, clear all filters\n   */\n  clearFilter,\n  /**\n   * @description used in multiple selection Table, toggle select all and deselect all\n   */\n  toggleAllSelection,\n  /**\n   * @description used in expandable Table or tree Table, toggle if a certain row is expanded. With the second parameter, you can directly set if this row is expanded or collapsed\n   */\n  toggleRowExpansion,\n  /**\n   * @description clear sorting, restore data to the original order\n   */\n  clearSort,\n  /**\n   * @description refresh the layout of Table. When the visibility of Table changes, you may need to call this method to get a correct layout\n   */\n  doLayout,\n  /**\n   * @description sort Table manually. Property `prop` is used to set sort column, property `order` is used to set sort order\n   */\n  sort,\n  /**\n   * @description used in lazy Table, must set `rowKey`, update key children\n   */\n  updateKeyChildren,\n  t,\n  setDragVisible,\n  context,\n  computedSumText,\n  computedEmptyText,\n  computedTooltipEffect,\n  computedTooltipOptions,\n  tableLayout,\n  scrollbarViewStyle,\n  scrollbarStyle,\n  scrollBarRef,\n  /**\n   * @description scrolls to a particular set of coordinates\n   */\n  scrollTo,\n  /**\n   * @description set horizontal scroll position\n   */\n  setScrollLeft,\n  /**\n   * @description set vertical scroll position\n   */\n  setScrollTop,\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn: props.allowDragLastColumn,\n})\n</script>\n"],"mappings":""}

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

@@ -12,10 +12,10 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
       scrollLeft: number;
       scrollTop: number;
     }) => any) | undefined;
-    onSelect?: ((selection: T[], row: T) => any) | undefined;
     "onSelect-all"?: ((selection: T[]) => any) | undefined;
-    "onExpand-change"?: ((row: T, expanded: boolean) => any) | undefined;
+    onSelect?: ((selection: T[], row: T) => any) | undefined;
     "onCurrent-change"?: ((currentRow: T | null, oldCurrentRow: T | null) => any) | undefined;
+    "onExpand-change"?: ((row: T, expanded: boolean) => any) | undefined;
     "onSelection-change"?: ((newSelection: T[]) => any) | undefined;
     "onCell-mouse-enter"?: ((row: T, column: TableColumnCtx<T>, cell: HTMLTableCellElement, event: MouseEvent) => any) | undefined;
     "onCell-mouse-leave"?: ((row: T, column: TableColumnCtx<T>, cell: HTMLTableCellElement, event: MouseEvent) => any) | undefined;
@@ -102,7 +102,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
           sortProp: import("vue").Ref<string | null, string | null>;
           sortOrder: import("vue").Ref<TableSortOrder | null, TableSortOrder | null>;
           hoverRow: import("vue").Ref<T | null, T | null>;
-          renderRange: import("vue").Ref<number[], number[]>;
         }, data: T[]): void;
         insertColumn(states: {
           _currentRowKey: import("vue").Ref<string | null, string | null>;
@@ -147,7 +146,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
           sortProp: import("vue").Ref<string | null, string | null>;
           sortOrder: import("vue").Ref<TableSortOrder | null, TableSortOrder | null>;
           hoverRow: import("vue").Ref<T | null, T | null>;
-          renderRange: import("vue").Ref<number[], number[]>;
         }, column: TableColumnCtx<T>, parent: TableColumnCtx<T>, updateColumnOrder: () => void): void;
         updateColumnOrder(states: {
           _currentRowKey: import("vue").Ref<string | null, string | null>;
@@ -192,7 +190,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
           sortProp: import("vue").Ref<string | null, string | null>;
           sortOrder: import("vue").Ref<TableSortOrder | null, TableSortOrder | null>;
           hoverRow: import("vue").Ref<T | null, T | null>;
-          renderRange: import("vue").Ref<number[], number[]>;
         }, column: TableColumnCtx<T>): void;
         removeColumn(states: {
           _currentRowKey: import("vue").Ref<string | null, string | null>;
@@ -237,7 +234,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
           sortProp: import("vue").Ref<string | null, string | null>;
           sortOrder: import("vue").Ref<TableSortOrder | null, TableSortOrder | null>;
           hoverRow: import("vue").Ref<T | null, T | null>;
-          renderRange: import("vue").Ref<number[], number[]>;
         }, column: TableColumnCtx<T>, parent: TableColumnCtx<T>, updateColumnOrder: () => void): void;
         sort(states: {
           _currentRowKey: import("vue").Ref<string | null, string | null>;
@@ -282,7 +278,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
           sortProp: import("vue").Ref<string | null, string | null>;
           sortOrder: import("vue").Ref<TableSortOrder | null, TableSortOrder | null>;
           hoverRow: import("vue").Ref<T | null, T | null>;
-          renderRange: import("vue").Ref<number[], number[]>;
         }, options: Sort): void;
         changeSortCondition(states: {
           _currentRowKey: import("vue").Ref<string | null, string | null>;
@@ -327,7 +322,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
           sortProp: import("vue").Ref<string | null, string | null>;
           sortOrder: import("vue").Ref<TableSortOrder | null, TableSortOrder | null>;
           hoverRow: import("vue").Ref<T | null, T | null>;
-          renderRange: import("vue").Ref<number[], number[]>;
         }, options: Sort): void;
         filterChange(_states: {
           _currentRowKey: import("vue").Ref<string | null, string | null>;
@@ -372,7 +366,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
           sortProp: import("vue").Ref<string | null, string | null>;
           sortOrder: import("vue").Ref<TableSortOrder | null, TableSortOrder | null>;
           hoverRow: import("vue").Ref<T | null, T | null>;
-          renderRange: import("vue").Ref<number[], number[]>;
         }, options: Filter<T>): void;
         toggleAllSelection(): void;
         rowSelectedChanged(_states: {
@@ -418,7 +411,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
           sortProp: import("vue").Ref<string | null, string | null>;
           sortOrder: import("vue").Ref<TableSortOrder | null, TableSortOrder | null>;
           hoverRow: import("vue").Ref<T | null, T | null>;
-          renderRange: import("vue").Ref<number[], number[]>;
         }, row: T): void;
         setHoverRow(states: {
           _currentRowKey: import("vue").Ref<string | null, string | null>;
@@ -463,7 +455,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
           sortProp: import("vue").Ref<string | null, string | null>;
           sortOrder: import("vue").Ref<TableSortOrder | null, TableSortOrder | null>;
           hoverRow: import("vue").Ref<T | null, T | null>;
-          renderRange: import("vue").Ref<number[], number[]>;
         }, row: T): void;
         setCurrentRow(_states: {
           _currentRowKey: import("vue").Ref<string | null, string | null>;
@@ -508,7 +499,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
           sortProp: import("vue").Ref<string | null, string | null>;
           sortOrder: import("vue").Ref<TableSortOrder | null, TableSortOrder | null>;
           hoverRow: import("vue").Ref<T | null, T | null>;
-          renderRange: import("vue").Ref<number[], number[]>;
         }, row: T): void;
       };
       commit: (name: "sort" | "setData" | "insertColumn" | "updateColumnOrder" | "removeColumn" | "changeSortCondition" | "filterChange" | "toggleAllSelection" | "rowSelectedChanged" | "setHoverRow" | "setCurrentRow", ...args: any[]) => void;
@@ -550,7 +540,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
       loadOrToggle: (row: T) => void;
       updateTreeData: (ifChangeExpandRowKeys?: boolean, ifExpandAll?: boolean) => void;
       updateKeyChildren: (key: string, data: T[]) => void;
-      onScroll: (evt?: any) => void;
       states: {
         _currentRowKey: import("vue").Ref<string | null, string | null>;
         currentRow: import("vue").Ref<T | null, T | null>;
@@ -594,7 +583,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
         sortProp: import("vue").Ref<string | null, string | null>;
         sortOrder: import("vue").Ref<TableSortOrder | null, TableSortOrder | null>;
         hoverRow: import("vue").Ref<T | null, T | null>;
-        renderRange: import("vue").Ref<number[], number[]>;
       };
       ns: {
         namespace: import("vue").ComputedRef<string>;
@@ -702,8 +690,8 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
     computedSumText: import("vue").ComputedRef<string>;
     computedEmptyText: import("vue").ComputedRef<string>;
     computedTooltipEffect: import("vue").ComputedRef<string | undefined>;
-    computedTooltipOptions: import("vue").ComputedRef<Partial<Omit<UseTooltipProps, "visible" | "content" | "referenceEl" | "triggerTargetEl" | "virtualTriggering" | "rawContent" | "persistent" | "autoClose" | "virtualRef">> | undefined>;
-    tableLayout: import("vue").ComputedRef<"fixed" | "auto">;
+    computedTooltipOptions: import("vue").ComputedRef<Partial<Omit<UseTooltipProps, "persistent" | "visible" | "referenceEl" | "triggerTargetEl" | "virtualTriggering" | "content" | "autoClose" | "rawContent" | "virtualRef">> | undefined>;
+    tableLayout: import("vue").ComputedRef<"auto" | "fixed">;
     scrollbarViewStyle: {
       display: string;
       verticalAlign: string;
@@ -735,7 +723,6 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
      * @description whether to allow drag the last column
      */
     allowDragLastColumn: boolean;
-    onScroll: (evt?: any) => void;
   }>) => void;
   attrs: any;
   slots: {

package/es/components/table/src/table.vue_vue_type_script_setup_true_lang.mjs

@@ -1,9 +1,9 @@
-import Mousewheel from "../../../directives/mousewheel/index.mjs";
 import { useLocale } from "../../../hooks/use-locale/index.mjs";
 import { useNamespace } from "../../../hooks/use-namespace/index.mjs";
 import { useGlobalConfig } from "../../config-provider/src/hooks/use-global-config.mjs";
 import { TABLE_INJECTION_KEY } from "./tokens.mjs";
 import { ElScrollbar } from "../../scrollbar/index.mjs";
+import Mousewheel from "../../../directives/mousewheel/index.mjs";
 import tableProps from "./table/defaults.mjs";
 import { createTableId } from "./util.mjs";
 import { createStore } from "./store/helper.mjs";
@@ -190,8 +190,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			/**
 			* @description whether to allow drag the last column
 			*/
-			allowDragLastColumn: props.allowDragLastColumn,
-			onScroll
+			allowDragLastColumn: props.allowDragLastColumn
 		});
 		return (_ctx, _cache) => {
 			return openBlock(), createElementBlock("div", {
@@ -217,7 +216,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 				]),
 				style: normalizeStyle(__props.style),
 				"data-prefix": unref(ns).namespace.value,
-				onMouseleave: _cache[0] || (_cache[0] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args))
+				onMouseleave: _cache[1] || (_cache[1] = (...args) => unref(handleMouseLeave) && unref(handleMouseLeave)(...args))
 			}, [createElementVNode("div", {
 				ref: "tableInnerWrapper",
 				class: normalizeClass(unref(ns).e("inner-wrapper"))
@@ -264,7 +263,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					always: __props.scrollbarAlwaysOn,
 					tabindex: __props.scrollbarTabindex,
 					native: __props.nativeScrollbar,
-					onScroll: unref(onScroll)
+					onScroll: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("scroll", $event))
 				}, {
 					default: withCtx(() => [
 						createElementVNode("table", {
@@ -353,8 +352,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 					"wrap-style",
 					"always",
 					"tabindex",
-					"native",
-					"onScroll"
+					"native"
 				])], 2),
 				__props.showSummary && unref(tableLayout) === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
 					key: 1,

package/es/components/table/src/table.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.vue_vue_type_script_setup_true_lang.mjs","names":["$slots"],"sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"[\n      {\n        [ns.m('fit')]: fit,\n        [ns.m('striped')]: stripe,\n        [ns.m('border')]: border || isGroup,\n        [ns.m('hidden')]: isHidden,\n        [ns.m('group')]: isGroup,\n        [ns.m('fluid-height')]: maxHeight,\n        [ns.m('scrollable-x')]: layout.scrollX.value,\n        [ns.m('scrollable-y')]: layout.scrollY.value,\n        [ns.m('enable-row-hover')]: !store.states.isComplex.value || true,\n        [ns.m('enable-row-transition')]:\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n        'has-footer': showSummary,\n      },\n      ns.m(tableSize),\n      className,\n      ns.b(),\n      ns.m(`layout-${tableLayout}`),\n    ]\"\n    :style=\"style\"\n    :data-prefix=\"ns.namespace.value\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <div ref=\"tableInnerWrapper\" :class=\"ns.e('inner-wrapper')\">\n      <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n        <slot />\n      </div>\n      <div\n        v-if=\"showHeader && tableLayout === 'fixed'\"\n        ref=\"headerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('header-wrapper')\"\n      >\n        <table\n          ref=\"tableHeader\"\n          :class=\"ns.e('header')\"\n          :style=\"tableBodyStyles\"\n          border=\"0\"\n          cellpadding=\"0\"\n          cellspacing=\"0\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-header\n            ref=\"tableHeaderRef\"\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :append-filter-panel-to=\"appendFilterPanelTo\"\n            :allow-drag-last-column=\"allowDragLastColumn\"\n            @set-drag-visible=\"setDragVisible\"\n          />\n        </table>\n      </div>\n      <div ref=\"bodyWrapper\" :class=\"ns.e('body-wrapper')\">\n        <el-scrollbar\n          ref=\"scrollBarRef\"\n          :view-style=\"scrollbarViewStyle\"\n          :wrap-style=\"scrollbarStyle\"\n          :always=\"scrollbarAlwaysOn\"\n          :tabindex=\"scrollbarTabindex\"\n          :native=\"nativeScrollbar\"\n          @scroll=\"onScroll\"\n        >\n          <table\n            ref=\"tableBody\"\n            :class=\"ns.e('body')\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n            :style=\"{\n              width: bodyWidth,\n              tableLayout,\n            }\"\n          >\n            <hColgroup\n              :columns=\"store.states.columns.value\"\n              :table-layout=\"tableLayout\"\n            />\n            <table-header\n              v-if=\"showHeader && tableLayout === 'auto'\"\n              ref=\"tableHeaderRef\"\n              :class=\"ns.e('body-header')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :append-filter-panel-to=\"appendFilterPanelTo\"\n              @set-drag-visible=\"setDragVisible\"\n            />\n            <table-body\n              :context=\"context\"\n              :highlight=\"highlightCurrentRow\"\n              :row-class-name=\"rowClassName\"\n              :tooltip-effect=\"computedTooltipEffect\"\n              :tooltip-options=\"computedTooltipOptions\"\n              :row-style=\"rowStyle\"\n              :store=\"store\"\n              :stripe=\"stripe\"\n            />\n            <table-footer\n              v-if=\"showSummary && tableLayout === 'auto'\"\n              :class=\"ns.e('body-footer')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :sum-text=\"computedSumText\"\n              :summary-method=\"summaryMethod\"\n            />\n          </table>\n          <div\n            v-if=\"isEmpty\"\n            ref=\"emptyBlock\"\n            :style=\"emptyBlockStyle\"\n            :class=\"ns.e('empty-block')\"\n          >\n            <span :class=\"ns.e('empty-text')\">\n              <slot name=\"empty\">{{ computedEmptyText }}</slot>\n            </span>\n          </div>\n          <div\n            v-if=\"$slots.append\"\n            ref=\"appendWrapper\"\n            :class=\"ns.e('append-wrapper')\"\n          >\n            <slot name=\"append\" />\n          </div>\n        </el-scrollbar>\n      </div>\n      <div\n        v-if=\"showSummary && tableLayout === 'fixed'\"\n        v-show=\"!isEmpty\"\n        ref=\"footerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('footer-wrapper')\"\n      >\n        <table\n          :class=\"ns.e('footer')\"\n          cellspacing=\"0\"\n          cellpadding=\"0\"\n          border=\"0\"\n          :style=\"tableBodyStyles\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-footer\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :sum-text=\"computedSumText\"\n            :summary-method=\"summaryMethod\"\n          />\n        </table>\n      </div>\n      <div v-if=\"border || isGroup\" :class=\"ns.e('border-left-patch')\" />\n    </div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      :class=\"ns.e('column-resize-proxy')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends DefaultRow = DefaultRow\">\nimport { computed, getCurrentInstance, onBeforeUnmount, provide } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { Mousewheel as vMousewheel } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { createStore } from './store/helper'\nimport TableLayout from './table-layout'\nimport TableHeader from './table-header'\nimport TableBody from './table-body'\nimport TableFooter from './table-footer'\nimport { createTableId } from './util'\nimport useUtils from './table/utils-helper'\nimport { convertToRows } from './table-header/utils-helper'\nimport useStyle from './table/style-helper'\nimport useKeyRender from './table/key-render-helper'\nimport { TABLE_INJECTION_KEY } from './tokens'\nimport { hColgroup } from './h-helper'\nimport { useScrollbar } from './composables/use-scrollbar'\n\nimport type {\n  DefaultRow,\n  Table,\n  TableEmits,\n  TableProps,\n} from './table/defaults'\n\ndefineOptions({\n  name: 'ElTable',\n})\n\nconst props = withDefaults(defineProps<TableProps<T>>(), {\n  data: () => [],\n  fit: true,\n  showHeader: true,\n  selectOnIndeterminate: true,\n  indent: 16,\n  treeProps: () => ({\n    hasChildren: 'hasChildren',\n    children: 'children',\n    checkStrictly: false,\n  }),\n  style: () => ({}),\n  className: '',\n  tableLayout: 'fixed',\n  showOverflowTooltip: undefined,\n  scrollbarTabindex: undefined,\n  allowDragLastColumn: true,\n})\n\ndefineEmits<TableEmits<T>>()\n\nconst { t } = useLocale()\nconst ns = useNamespace('table')\nconst globalConfig = useGlobalConfig('table')\nconst table = getCurrentInstance() as Table<T>\nprovide(TABLE_INJECTION_KEY, table)\nconst store = createStore<T>(table, props)\ntable.store = store\nconst layout = new TableLayout<T>({\n  store: table.store,\n  table,\n  fit: props.fit,\n  showHeader: props.showHeader,\n})\ntable.layout = layout\n\nconst isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n/**\n * open functions\n */\nconst {\n  setCurrentRow,\n  getSelectionRows,\n  getHalfSelectionRows,\n  toggleRowSelection,\n  clearSelection,\n  clearFilter,\n  toggleAllSelection,\n  toggleRowExpansion,\n  clearSort,\n  sort,\n  updateKeyChildren,\n} = useUtils<T>(store)\nconst {\n  isHidden,\n  renderExpanded,\n  setDragVisible,\n  isGroup,\n  handleMouseLeave,\n  handleHeaderFooterMousewheel,\n  tableSize,\n  emptyBlockStyle,\n  resizeProxyVisible,\n  bodyWidth,\n  resizeState,\n  doLayout,\n  tableBodyStyles,\n  tableLayout,\n  scrollbarViewStyle,\n  scrollbarStyle,\n} = useStyle<T>(props, layout, store, table)\n\nconst { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar()\nconst { onScroll } = table.store\nconst debouncedUpdateLayout = debounce(doLayout, 50)\n\nconst tableId = createTableId(ns.namespace.value)\nconst context = table\ntable.tableId = tableId\ntable.state = {\n  isGroup,\n  resizeState,\n  doLayout,\n  debouncedUpdateLayout,\n}\nconst computedSumText = computed(() => props.sumText ?? t('el.table.sumText'))\n\nconst computedEmptyText = computed(() => {\n  return props.emptyText ?? t('el.table.emptyText')\n})\n\nconst computedTooltipEffect = computed(\n  () => props.tooltipEffect ?? globalConfig.value?.tooltipEffect\n)\n\nconst computedTooltipOptions = computed(\n  () => props.tooltipOptions ?? globalConfig.value?.tooltipOptions\n)\n\nconst columns = computed(() => {\n  return convertToRows(store.states.originColumns.value)[0]\n})\n\nuseKeyRender(table)\n\nonBeforeUnmount(() => {\n  debouncedUpdateLayout.cancel()\n})\n\ndefineExpose({\n  ns,\n  layout,\n  store,\n  columns,\n  handleHeaderFooterMousewheel,\n  handleMouseLeave,\n  tableId,\n  tableSize,\n  isHidden,\n  isEmpty,\n  renderExpanded,\n  resizeProxyVisible,\n  resizeState,\n  isGroup,\n  bodyWidth,\n  tableBodyStyles,\n  emptyBlockStyle,\n  debouncedUpdateLayout,\n  /**\n   * @description used in single selection Table, set a certain row selected. If called without any parameter, it will clear selection\n   */\n  setCurrentRow,\n  /**\n   * @description returns the currently selected rows\n   */\n  getSelectionRows,\n  /**\n   * @description returns the currently half-selected rows\n   */\n  getHalfSelectionRows,\n  /**\n   * @description used in multiple selection Table, toggle if a certain row is selected. With the second parameter, you can directly set if this row is selected\n   */\n  toggleRowSelection,\n  /**\n   * @description used in multiple selection Table, clear user selection\n   */\n  clearSelection,\n  /**\n   * @description clear filters of the columns whose `columnKey` are passed in. If no params, clear all filters\n   */\n  clearFilter,\n  /**\n   * @description used in multiple selection Table, toggle select all and deselect all\n   */\n  toggleAllSelection,\n  /**\n   * @description used in expandable Table or tree Table, toggle if a certain row is expanded. With the second parameter, you can directly set if this row is expanded or collapsed\n   */\n  toggleRowExpansion,\n  /**\n   * @description clear sorting, restore data to the original order\n   */\n  clearSort,\n  /**\n   * @description refresh the layout of Table. When the visibility of Table changes, you may need to call this method to get a correct layout\n   */\n  doLayout,\n  /**\n   * @description sort Table manually. Property `prop` is used to set sort column, property `order` is used to set sort order\n   */\n  sort,\n  /**\n   * @description used in lazy Table, must set `rowKey`, update key children\n   */\n  updateKeyChildren,\n  t,\n  setDragVisible,\n  context,\n  computedSumText,\n  computedEmptyText,\n  computedTooltipEffect,\n  computedTooltipOptions,\n  tableLayout,\n  scrollbarViewStyle,\n  scrollbarStyle,\n  scrollBarRef,\n  /**\n   * @description scrolls to a particular set of coordinates\n   */\n  scrollTo,\n  /**\n   * @description set horizontal scroll position\n   */\n  setScrollLeft,\n  /**\n   * @description set vertical scroll position\n   */\n  setScrollTop,\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn: props.allowDragLastColumn,\n  onScroll,\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"table.vue_vue_type_script_setup_true_lang.mjs","names":["$emit","$slots"],"sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"[\n      {\n        [ns.m('fit')]: fit,\n        [ns.m('striped')]: stripe,\n        [ns.m('border')]: border || isGroup,\n        [ns.m('hidden')]: isHidden,\n        [ns.m('group')]: isGroup,\n        [ns.m('fluid-height')]: maxHeight,\n        [ns.m('scrollable-x')]: layout.scrollX.value,\n        [ns.m('scrollable-y')]: layout.scrollY.value,\n        [ns.m('enable-row-hover')]: !store.states.isComplex.value || true,\n        [ns.m('enable-row-transition')]:\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n        'has-footer': showSummary,\n      },\n      ns.m(tableSize),\n      className,\n      ns.b(),\n      ns.m(`layout-${tableLayout}`),\n    ]\"\n    :style=\"style\"\n    :data-prefix=\"ns.namespace.value\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <div ref=\"tableInnerWrapper\" :class=\"ns.e('inner-wrapper')\">\n      <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n        <slot />\n      </div>\n      <div\n        v-if=\"showHeader && tableLayout === 'fixed'\"\n        ref=\"headerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('header-wrapper')\"\n      >\n        <table\n          ref=\"tableHeader\"\n          :class=\"ns.e('header')\"\n          :style=\"tableBodyStyles\"\n          border=\"0\"\n          cellpadding=\"0\"\n          cellspacing=\"0\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-header\n            ref=\"tableHeaderRef\"\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :append-filter-panel-to=\"appendFilterPanelTo\"\n            :allow-drag-last-column=\"allowDragLastColumn\"\n            @set-drag-visible=\"setDragVisible\"\n          />\n        </table>\n      </div>\n      <div ref=\"bodyWrapper\" :class=\"ns.e('body-wrapper')\">\n        <el-scrollbar\n          ref=\"scrollBarRef\"\n          :view-style=\"scrollbarViewStyle\"\n          :wrap-style=\"scrollbarStyle\"\n          :always=\"scrollbarAlwaysOn\"\n          :tabindex=\"scrollbarTabindex\"\n          :native=\"nativeScrollbar\"\n          @scroll=\"$emit('scroll', $event)\"\n        >\n          <table\n            ref=\"tableBody\"\n            :class=\"ns.e('body')\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n            :style=\"{\n              width: bodyWidth,\n              tableLayout,\n            }\"\n          >\n            <hColgroup\n              :columns=\"store.states.columns.value\"\n              :table-layout=\"tableLayout\"\n            />\n            <table-header\n              v-if=\"showHeader && tableLayout === 'auto'\"\n              ref=\"tableHeaderRef\"\n              :class=\"ns.e('body-header')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :append-filter-panel-to=\"appendFilterPanelTo\"\n              @set-drag-visible=\"setDragVisible\"\n            />\n            <table-body\n              :context=\"context\"\n              :highlight=\"highlightCurrentRow\"\n              :row-class-name=\"rowClassName\"\n              :tooltip-effect=\"computedTooltipEffect\"\n              :tooltip-options=\"computedTooltipOptions\"\n              :row-style=\"rowStyle\"\n              :store=\"store\"\n              :stripe=\"stripe\"\n            />\n            <table-footer\n              v-if=\"showSummary && tableLayout === 'auto'\"\n              :class=\"ns.e('body-footer')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :sum-text=\"computedSumText\"\n              :summary-method=\"summaryMethod\"\n            />\n          </table>\n          <div\n            v-if=\"isEmpty\"\n            ref=\"emptyBlock\"\n            :style=\"emptyBlockStyle\"\n            :class=\"ns.e('empty-block')\"\n          >\n            <span :class=\"ns.e('empty-text')\">\n              <slot name=\"empty\">{{ computedEmptyText }}</slot>\n            </span>\n          </div>\n          <div\n            v-if=\"$slots.append\"\n            ref=\"appendWrapper\"\n            :class=\"ns.e('append-wrapper')\"\n          >\n            <slot name=\"append\" />\n          </div>\n        </el-scrollbar>\n      </div>\n      <div\n        v-if=\"showSummary && tableLayout === 'fixed'\"\n        v-show=\"!isEmpty\"\n        ref=\"footerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('footer-wrapper')\"\n      >\n        <table\n          :class=\"ns.e('footer')\"\n          cellspacing=\"0\"\n          cellpadding=\"0\"\n          border=\"0\"\n          :style=\"tableBodyStyles\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-footer\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :sum-text=\"computedSumText\"\n            :summary-method=\"summaryMethod\"\n          />\n        </table>\n      </div>\n      <div v-if=\"border || isGroup\" :class=\"ns.e('border-left-patch')\" />\n    </div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      :class=\"ns.e('column-resize-proxy')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends DefaultRow = DefaultRow\">\nimport { computed, getCurrentInstance, onBeforeUnmount, provide } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { Mousewheel as vMousewheel } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { createStore } from './store/helper'\nimport TableLayout from './table-layout'\nimport TableHeader from './table-header'\nimport TableBody from './table-body'\nimport TableFooter from './table-footer'\nimport { createTableId } from './util'\nimport useUtils from './table/utils-helper'\nimport { convertToRows } from './table-header/utils-helper'\nimport useStyle from './table/style-helper'\nimport useKeyRender from './table/key-render-helper'\nimport { TABLE_INJECTION_KEY } from './tokens'\nimport { hColgroup } from './h-helper'\nimport { useScrollbar } from './composables/use-scrollbar'\n\nimport type {\n  DefaultRow,\n  Table,\n  TableEmits,\n  TableProps,\n} from './table/defaults'\n\ndefineOptions({\n  name: 'ElTable',\n})\n\nconst props = withDefaults(defineProps<TableProps<T>>(), {\n  data: () => [],\n  fit: true,\n  showHeader: true,\n  selectOnIndeterminate: true,\n  indent: 16,\n  treeProps: () => ({\n    hasChildren: 'hasChildren',\n    children: 'children',\n    checkStrictly: false,\n  }),\n  style: () => ({}),\n  className: '',\n  tableLayout: 'fixed',\n  showOverflowTooltip: undefined,\n  scrollbarTabindex: undefined,\n  allowDragLastColumn: true,\n})\n\ndefineEmits<TableEmits<T>>()\n\nconst { t } = useLocale()\nconst ns = useNamespace('table')\nconst globalConfig = useGlobalConfig('table')\nconst table = getCurrentInstance() as Table<T>\nprovide(TABLE_INJECTION_KEY, table)\nconst store = createStore<T>(table, props)\ntable.store = store\nconst layout = new TableLayout<T>({\n  store: table.store,\n  table,\n  fit: props.fit,\n  showHeader: props.showHeader,\n})\ntable.layout = layout\n\nconst isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n/**\n * open functions\n */\nconst {\n  setCurrentRow,\n  getSelectionRows,\n  getHalfSelectionRows,\n  toggleRowSelection,\n  clearSelection,\n  clearFilter,\n  toggleAllSelection,\n  toggleRowExpansion,\n  clearSort,\n  sort,\n  updateKeyChildren,\n} = useUtils<T>(store)\nconst {\n  isHidden,\n  renderExpanded,\n  setDragVisible,\n  isGroup,\n  handleMouseLeave,\n  handleHeaderFooterMousewheel,\n  tableSize,\n  emptyBlockStyle,\n  resizeProxyVisible,\n  bodyWidth,\n  resizeState,\n  doLayout,\n  tableBodyStyles,\n  tableLayout,\n  scrollbarViewStyle,\n  scrollbarStyle,\n} = useStyle<T>(props, layout, store, table)\n\nconst { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar()\nconst { onScroll } = table.store\nconst debouncedUpdateLayout = debounce(doLayout, 50)\n\nconst tableId = createTableId(ns.namespace.value)\nconst context = table\ntable.tableId = tableId\ntable.state = {\n  isGroup,\n  resizeState,\n  doLayout,\n  debouncedUpdateLayout,\n}\nconst computedSumText = computed(() => props.sumText ?? t('el.table.sumText'))\n\nconst computedEmptyText = computed(() => {\n  return props.emptyText ?? t('el.table.emptyText')\n})\n\nconst computedTooltipEffect = computed(\n  () => props.tooltipEffect ?? globalConfig.value?.tooltipEffect\n)\n\nconst computedTooltipOptions = computed(\n  () => props.tooltipOptions ?? globalConfig.value?.tooltipOptions\n)\n\nconst columns = computed(() => {\n  return convertToRows(store.states.originColumns.value)[0]\n})\n\nuseKeyRender(table)\n\nonBeforeUnmount(() => {\n  debouncedUpdateLayout.cancel()\n})\n\ndefineExpose({\n  ns,\n  layout,\n  store,\n  columns,\n  handleHeaderFooterMousewheel,\n  handleMouseLeave,\n  tableId,\n  tableSize,\n  isHidden,\n  isEmpty,\n  renderExpanded,\n  resizeProxyVisible,\n  resizeState,\n  isGroup,\n  bodyWidth,\n  tableBodyStyles,\n  emptyBlockStyle,\n  debouncedUpdateLayout,\n  /**\n   * @description used in single selection Table, set a certain row selected. If called without any parameter, it will clear selection\n   */\n  setCurrentRow,\n  /**\n   * @description returns the currently selected rows\n   */\n  getSelectionRows,\n  /**\n   * @description returns the currently half-selected rows\n   */\n  getHalfSelectionRows,\n  /**\n   * @description used in multiple selection Table, toggle if a certain row is selected. With the second parameter, you can directly set if this row is selected\n   */\n  toggleRowSelection,\n  /**\n   * @description used in multiple selection Table, clear user selection\n   */\n  clearSelection,\n  /**\n   * @description clear filters of the columns whose `columnKey` are passed in. If no params, clear all filters\n   */\n  clearFilter,\n  /**\n   * @description used in multiple selection Table, toggle select all and deselect all\n   */\n  toggleAllSelection,\n  /**\n   * @description used in expandable Table or tree Table, toggle if a certain row is expanded. With the second parameter, you can directly set if this row is expanded or collapsed\n   */\n  toggleRowExpansion,\n  /**\n   * @description clear sorting, restore data to the original order\n   */\n  clearSort,\n  /**\n   * @description refresh the layout of Table. When the visibility of Table changes, you may need to call this method to get a correct layout\n   */\n  doLayout,\n  /**\n   * @description sort Table manually. Property `prop` is used to set sort column, property `order` is used to set sort order\n   */\n  sort,\n  /**\n   * @description used in lazy Table, must set `rowKey`, update key children\n   */\n  updateKeyChildren,\n  t,\n  setDragVisible,\n  context,\n  computedSumText,\n  computedEmptyText,\n  computedTooltipEffect,\n  computedTooltipOptions,\n  tableLayout,\n  scrollbarViewStyle,\n  scrollbarStyle,\n  scrollBarRef,\n  /**\n   * @description scrolls to a particular set of coordinates\n   */\n  scrollTo,\n  /**\n   * @description set horizontal scroll position\n   */\n  setScrollLeft,\n  /**\n   * @description set vertical scroll position\n   */\n  setScrollTop,\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn: props.allowDragLastColumn,\n})\n</script>\n"],"mappings":"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"}

package/es/components/tabs/src/tab-pane.vue.d.ts

@@ -6,8 +6,8 @@ type __VLS_Slots = {} & {
   default?: (props: typeof __VLS_1) => any;
 };
 declare const __VLS_base: import("vue").DefineComponent<TabPaneProps, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<TabPaneProps> & Readonly<{}>, {
-  closable: boolean;
   label: string;
+  closable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
 declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
 declare const _default: typeof __VLS_export;

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

@@ -22,7 +22,7 @@ declare const tabsProps: {
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "right" | "left" | "bottom" | "top", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -65,7 +65,7 @@ declare const Tabs: import("vue").DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "right" | "left" | "bottom" | "top", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -102,7 +102,7 @@ declare const Tabs: import("vue").DefineComponent<ExtractPropTypes<{
     __epPropKey: true;
   };
   readonly editable: BooleanConstructor;
-  readonly tabPosition: EpPropFinalized<StringConstructor, "top" | "bottom" | "left" | "right", unknown, "top", boolean>;
+  readonly tabPosition: EpPropFinalized<StringConstructor, "right" | "left" | "bottom" | "top", unknown, "top", boolean>;
   readonly beforeLeave: EpPropFinalized<(new (...args: any[]) => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | (() => (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>) | {
     (): (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
     new (): any;
@@ -141,11 +141,11 @@ declare const Tabs: import("vue").DefineComponent<ExtractPropTypes<{
   onTabAdd?: (() => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
-  readonly closable: boolean;
   readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
   readonly stretch: boolean;
   readonly editable: boolean;
-  readonly tabPosition: EpPropMergeType<StringConstructor, "top" | "bottom" | "left" | "right", unknown>;
+  readonly closable: boolean;
+  readonly tabPosition: EpPropMergeType<StringConstructor, "right" | "left" | "bottom" | "top", unknown>;
   readonly beforeLeave: (newName: TabPaneName, oldName: TabPaneName) => Awaitable<void | boolean>;
   readonly addable: boolean;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;

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

@@ -53,7 +53,7 @@ declare const tagProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly effect: EpPropFinalized<StringConstructor, "light" | "dark" | "plain", unknown, "light", boolean>;
+  readonly effect: EpPropFinalized<StringConstructor, "dark" | "light" | "plain", unknown, "light", boolean>;
   readonly round: BooleanConstructor;
 };
 /**