element-pe 2.14.2-3 → 2.14.2-4

package/lib/components/table/src/table-body/defaults.js.map

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","names":[],"sources":["../../../../../../../packages/components/table/src/table-body/defaults.ts"],"sourcesContent":["import type { PropType } from 'vue'\nimport type { Store } from '../store'\nimport type {\n  ColumnCls,\n  ColumnStyle,\n  DefaultRow,\n  Table,\n} from '../table/defaults'\nimport type { TableOverflowTooltipOptions } from '../util'\n\ninterface TableBodyProps<T extends DefaultRow> {\n  store: Store<T>\n  stripe?: boolean\n  context: Table<T>\n  rowClassName: ColumnCls<T>\n  rowStyle: ColumnStyle<T>\n  fixed: string\n  highlight: boolean\n  tooltipEffect?: string\n  tooltipOptions?: TableOverflowTooltipOptions\n}\n\nconst defaultProps = {\n  store: {\n    required: true,\n    type: Object as PropType<TableBodyProps<any>['store']>,\n  },\n  stripe: Boolean,\n  tooltipEffect: String,\n  tooltipOptions: {\n    type: Object as PropType<TableBodyProps<any>['tooltipOptions']>,\n  },\n  context: {\n    default: () => ({}),\n    type: Object as PropType<TableBodyProps<any>['context']>,\n  },\n  rowClassName: [String, Function] as PropType<\n    TableBodyProps<any>['rowClassName']\n  >,\n  rowStyle: [Object, Function] as PropType<TableBodyProps<any>['rowStyle']>,\n  fixed: {\n    type: String,\n    default: '',\n  },\n  highlight: Boolean,\n}\nconst RenderLen = 20\n\nexport { TableBodyProps, RenderLen }\nexport default defaultProps\n"],"mappings":";;;;;AAsBA,MAAM,eAAe;CACnB,OAAO;EACL,UAAU;EACV,MAAM;CACR;CACA,QAAQ;CACR,eAAe;CACf,gBAAgB,EACd,MAAM,OACR;CACA,SAAS;EACP,gBAAgB,CAAC;EACjB,MAAM;CACR;CACA,cAAc,CAAC,QAAQ,QAAQ;CAG/B,UAAU,CAAC,QAAQ,QAAQ;CAC3B,OAAO;EACL,MAAM;EACN,SAAS;CACX;CACA,WAAW;AACb;AACA,MAAM,YAAY"}
+{"version":3,"file":"defaults.js","names":[],"sources":["../../../../../../../packages/components/table/src/table-body/defaults.ts"],"sourcesContent":["import type { PropType } from 'vue'\nimport type { Store } from '../store'\nimport type {\n  ColumnCls,\n  ColumnStyle,\n  DefaultRow,\n  Table,\n} from '../table/defaults'\nimport type { TableOverflowTooltipOptions } from '../util'\n\ninterface TableBodyProps<T extends DefaultRow> {\n  store: Store<T>\n  stripe?: boolean\n  context: Table<T>\n  rowClassName: ColumnCls<T>\n  rowStyle: ColumnStyle<T>\n  fixed: string\n  highlight: boolean\n  tooltipEffect?: string\n  tooltipOptions?: TableOverflowTooltipOptions\n}\n\nconst defaultProps = {\n  store: {\n    required: true,\n    type: Object as PropType<TableBodyProps<any>['store']>,\n  },\n  stripe: Boolean,\n  tooltipEffect: String,\n  tooltipOptions: {\n    type: Object as PropType<TableBodyProps<any>['tooltipOptions']>,\n  },\n  context: {\n    default: () => ({}),\n    type: Object as PropType<TableBodyProps<any>['context']>,\n  },\n  rowClassName: [String, Function] as PropType<\n    TableBodyProps<any>['rowClassName']\n  >,\n  rowStyle: [Object, Function] as PropType<TableBodyProps<any>['rowStyle']>,\n  fixed: {\n    type: String,\n    default: '',\n  },\n  highlight: Boolean,\n}\n\nexport { TableBodyProps }\nexport default defaultProps\n"],"mappings":";;;;;AAsBA,MAAM,eAAe;CACnB,OAAO;EACL,UAAU;EACV,MAAM;CACR;CACA,QAAQ;CACR,eAAe;CACf,gBAAgB,EACd,MAAM,OACR;CACA,SAAS;EACP,gBAAgB,CAAC;EACjB,MAAM;CACR;CACA,cAAc,CAAC,QAAQ,QAAQ;CAG/B,UAAU,CAAC,QAAQ,QAAQ;CAC3B,OAAO;EACL,MAAM;EACN,SAAS;CACX;CACA,WAAW;AACb"}

package/lib/components/table/src/table-body/index.js

@@ -8,9 +8,9 @@ const require_index = require("../../../../hooks/use-namespace/index.js");
 const require_for_editor = require("../../../config-provider/src/for-editor.js");
 const require_tokens = require("../tokens.js");
 const require_util = require("../util.js");
-const require_defaults = require("./defaults.js");
 const require_layout_observer = require("../layout-observer.js");
 const require_render_helper = require("./render-helper.js");
+const require_defaults = require("./defaults.js");
 let vue = require("vue");
 let _vueuse_core = require("@vueuse/core");
 //#region ../../packages/components/table/src/table-body/index.ts

package/lib/components/table/src/table-body/render-helper.js

@@ -38,18 +38,9 @@ function useRender(props) {
 		if ($index === 0) displayIndex = -1;
 		if (props.stripe && display) displayIndex++;
 		rowClasses.push(...getRowClass(row, $index, displayIndex));
-		const displayStyle = display ? null : { display: "none" };
-		const startIndex = props.store.states.renderRange.value[0];
-		const endIndex = props.store.states.renderRange.value[1];
-		const rowHeight = props.store.states.renderRange.value[2];
-		if (startIndex === -1 || endIndex === -1 || $index < startIndex || $index > endIndex) return (0, vue.h)("tr", {
-			style: [`display: ${display ? "block" : "none"}; min-height: ${rowHeight}px; opacity: 0`],
-			"row-index": $index
-		});
 		return (0, vue.h)("tr", {
-			style: [displayStyle, getRowStyle(row, $index)],
+			style: [display ? null : { display: "none" }, getRowStyle(row, $index)],
 			class: rowClasses,
-			"row-index": $index,
 			key: getKeyOfRow(row, $index),
 			onDblclick: ($event) => handleDoubleClick($event, row),
 			onClick: ($event) => handleClick($event, row),
@@ -92,7 +83,7 @@ function useRender(props) {
 				colspan,
 				onMouseenter: ($event) => handleCellMouseEnter($event, row, mergedTooltipOptions),
 				onMouseleave: handleCellMouseLeave,
-				widget: column.widget ? "table-column:default:" + column.widget.split(":")[1] : void 0
+				widget: column.widget ? `table-column:default:${column.widget.split(":")[1]}` : void 0
 			}, { default: () => cellChildren(cellIndex, column, data) });
 		}));
 	};

package/lib/components/table/src/table-body/render-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"render-helper.js","names":["TABLE_INJECTION_KEY","useNamespace","useEvents","useStyles","getRowIdentity","isBoolean","TdWrapper","isPropAbsent"],"sources":["../../../../../../../packages/components/table/src/table-body/render-helper.ts"],"sourcesContent":["import { computed, h, inject } from 'vue'\nimport { merge } from 'lodash-unified'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isBoolean, isPropAbsent } from '@element-plus/utils'\nimport { getRowIdentity } from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\nimport useEvents from './events-helper'\nimport useStyles from './styles-helper'\nimport TdWrapper from './td-wrapper.vue'\n\nimport type { TableBodyProps } from './defaults'\nimport type {\n  DefaultRow,\n  RenderRowData,\n  Table,\n  TableColumnCtx,\n  TableProps,\n  TreeNode,\n} from '../table/defaults'\nimport type { TreeData } from '../store/tree'\nimport type { TableOverflowTooltipOptions } from '../util'\n\nfunction useRender<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n  const parent = inject(TABLE_INJECTION_KEY) as Table<T>\n  const ns = useNamespace('table')\n  const {\n    handleDoubleClick,\n    handleClick,\n    handleContextMenu,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleCellMouseEnter,\n    handleCellMouseLeave,\n    tooltipContent,\n    tooltipTrigger,\n  } = useEvents(props)\n  const {\n    getRowStyle,\n    getRowClass,\n    getCellStyle,\n    getCellClass,\n    getSpan,\n    getColspanRealWidth,\n  } = useStyles(props)\n\n  let displayIndex = -1\n\n  const firstDefaultColumnIndex = computed(() => {\n    return props.store?.states.columns.value.findIndex(\n      ({ type }) => type === 'default'\n    )\n  })\n  const getKeyOfRow = (row: T, index: number) => {\n    const rowKey = (parent?.props as Partial<TableProps<T>>)?.rowKey\n    if (rowKey) {\n      return getRowIdentity(row, rowKey)\n    }\n    return index\n  }\n  const rowRender = (\n    row: T,\n    $index: number,\n    treeRowData?: TreeNode,\n    expanded = false\n  ) => {\n    const { tooltipEffect, tooltipOptions, store } = props\n    const { indent, columns } = store!.states\n    const rowClasses: any[] = []\n    let display = true\n    if (treeRowData) {\n      rowClasses.push(ns.em('row', `level-${treeRowData.level}`))\n      display = !!treeRowData.display\n    }\n    if ($index === 0) {\n      displayIndex = -1\n    }\n    if (props.stripe && display) {\n      displayIndex++\n    }\n    rowClasses.push(...getRowClass(row, $index, displayIndex))\n    const displayStyle = display ? null : { display: 'none' }\n    const startIndex = props.store!.states.renderRange.value[0]\n    const endIndex = props.store!.states.renderRange.value[1]\n    const rowHeight = props.store!.states.renderRange.value[2]\n    if (startIndex === -1 || endIndex === -1 || $index < startIndex || $index > endIndex) {\n      return h(\n        'tr',\n        {\n          style: [`display: ${display ? 'block' : 'none'}; min-height: ${rowHeight}px; opacity: 0`],\n          'row-index': $index,\n        }\n      )\n    }\n    return h(\n      'tr',\n      {\n        style: [displayStyle, getRowStyle(row, $index)],\n        class: rowClasses,\n        'row-index': $index,\n        key: getKeyOfRow(row, $index),\n        onDblclick: ($event: MouseEvent) => handleDoubleClick($event, row),\n        onClick: ($event: PointerEvent) => handleClick($event, row),\n        onContextmenu: ($event: PointerEvent) => handleContextMenu($event, row),\n        onMouseenter: () => handleMouseEnter($index),\n        onMouseleave: handleMouseLeave,\n      },\n      columns.value.map((column, cellIndex) => {\n        const { rowspan, colspan } = getSpan(row, column, $index, cellIndex)\n        if (!rowspan || !colspan) {\n          return null\n        }\n        const columnData = Object.assign({}, column)\n        columnData.realWidth = getColspanRealWidth(\n          columns.value,\n          colspan,\n          cellIndex\n        )\n        const data: RenderRowData<T> = {\n          store: store!,\n          _self: props.context || parent!,\n          column: columnData,\n          row,\n          $index,\n          cellIndex,\n          expanded,\n        }\n        if (cellIndex === firstDefaultColumnIndex.value && treeRowData) {\n          data.treeNode = {\n            indent: treeRowData.level && treeRowData.level * indent.value,\n            level: treeRowData.level,\n          }\n          if (isBoolean(treeRowData.expanded)) {\n            data.treeNode.expanded = treeRowData.expanded\n            // 表明是懒加载\n            if ('loading' in treeRowData) {\n              data.treeNode.loading = treeRowData.loading\n            }\n            if ('noLazyChildren' in treeRowData) {\n              data.treeNode.noLazyChildren = treeRowData.noLazyChildren\n            }\n          }\n        }\n        const baseKey = `${getKeyOfRow(row, $index)},${cellIndex}`\n        const patchKey = columnData.columnKey || columnData.rawColumnKey || ''\n        const mergedTooltipOptions =\n          column.showOverflowTooltip &&\n          merge(\n            {\n              effect: tooltipEffect,\n            },\n            tooltipOptions,\n            column.showOverflowTooltip\n          )\n        return h(\n          TdWrapper,\n          {\n            style: getCellStyle($index, cellIndex, row, column),\n            class: getCellClass($index, cellIndex, row, column, colspan - 1),\n            key: `${patchKey}${baseKey}`,\n            rowspan,\n            colspan,\n            onMouseenter: ($event: MouseEvent) =>\n              handleCellMouseEnter(\n                $event,\n                row,\n                mergedTooltipOptions as TableOverflowTooltipOptions\n              ),\n            onMouseleave: handleCellMouseLeave,\n            widget: column.widget ? 'table-column:default:' + column.widget.split(':')[1] : undefined,\n          },\n          {\n            default: () => cellChildren(cellIndex, column, data),\n          }\n        )\n      })\n    )\n  }\n  const cellChildren = <T extends DefaultRow>(\n    _cellIndex: number,\n    column: TableColumnCtx<T>,\n    data: RenderRowData<T>\n  ) => {\n    return column.renderCell(data)\n  }\n\n  const wrappedRowRender = (row: T, $index: number) => {\n    const store = props.store!\n    const { isRowExpanded, assertRowKey } = store\n    const { treeData, lazyTreeNodeMap, childrenColumnName, rowKey } =\n      store.states\n    const columns = store.states.columns.value\n    const hasExpandColumn = columns.some(({ type }) => type === 'expand')\n    if (hasExpandColumn) {\n      const expanded = isRowExpanded(row)\n      const tr = rowRender(row, $index, undefined, expanded)\n      const renderExpanded = parent?.renderExpanded\n      if (!renderExpanded) {\n        console.error('[Element Error]renderExpanded is required.')\n        return tr\n      }\n\n      // 在没设置时候避免 h 执行\n      // 非保留模式且未展开时，直接返回\n      // 使用二维数组包装，避免修改 $index\n      const rows = [[tr]]\n\n      // 仅在需要时创建展开行（保留模式或展开状态）\n      if (parent.props.preserveExpandedContent || expanded) {\n        rows[0].push(\n          h(\n            'tr',\n            {\n              key: `expanded-row__${tr.key as string}`,\n              style: { display: expanded ? '' : 'none' },\n            },\n            [\n              h(\n                'td',\n                {\n                  colspan: columns.length,\n                  class: `${ns.e('cell')} ${ns.e('expanded-cell')}`,\n                },\n                [renderExpanded({ row, $index, store, expanded })]\n              ),\n            ]\n          )\n        )\n      }\n\n      return rows\n    } else if (Object.keys(treeData.value).length) {\n      assertRowKey()\n      // TreeTable 时，rowKey 必须由用户设定，不使用 getKeyOfRow 计算\n      // 在调用 rowRender 函数时，仍然会计算 rowKey，不太好的操作\n      const key = getRowIdentity(row, rowKey.value)\n      let cur = treeData.value[key]\n      let treeRowData: any = null\n      if (cur) {\n        treeRowData = {\n          expanded: cur.expanded,\n          level: cur.level,\n          display: true,\n          noLazyChildren: undefined as boolean | undefined,\n          loading: undefined as boolean | undefined,\n        }\n        if (isBoolean(cur.lazy)) {\n          if (treeRowData && isBoolean(cur.loaded) && cur.loaded) {\n            treeRowData.noLazyChildren = !(cur.children && cur.children.length)\n          }\n          treeRowData.loading = cur.loading\n        }\n      }\n      const tmp = [rowRender(row, $index, treeRowData ?? undefined)]\n      // 渲染嵌套数据\n      if (cur) {\n        // currentRow 记录的是 index，所以还需主动增加 TreeTable 的 index\n        let i = 0\n        const traverse = (children: T[], parent: TreeData) => {\n          if (!(children && children.length && parent)) return\n          children.forEach((node) => {\n            // 父节点的 display 状态影响子节点的显示状态\n            const innerTreeRowData: Partial<Record<string, any>> = {\n              display: parent.display && parent.expanded,\n              level: parent.level! + 1,\n              expanded: false,\n              noLazyChildren: false,\n              loading: false,\n            }\n            const childKey = getRowIdentity(node, rowKey.value)\n            if (isPropAbsent(childKey)) {\n              throw new Error('For nested data item, row-key is required.')\n            }\n            cur = { ...treeData.value[childKey] }\n            // 对于当前节点，分成有无子节点两种情况。\n            // 如果包含子节点的，设置 expanded 属性。\n            // 对于它子节点的 display 属性由它本身的 expanded 与 display 共同决定。\n            if (cur) {\n              innerTreeRowData.expanded = cur.expanded\n              // 懒加载的某些节点，level 未知\n              cur.level = cur.level || innerTreeRowData.level\n              cur.display = !!(cur.expanded && innerTreeRowData.display)\n              if (isBoolean(cur.lazy)) {\n                if (isBoolean(cur.loaded) && cur.loaded) {\n                  innerTreeRowData.noLazyChildren = !(\n                    cur.children && cur.children.length\n                  )\n                }\n                innerTreeRowData.loading = cur.loading\n              }\n            }\n            i++\n            tmp.push(rowRender(node, $index + i, innerTreeRowData))\n            if (cur) {\n              const nodes =\n                lazyTreeNodeMap.value[childKey] ||\n                node[childrenColumnName.value]\n              traverse(nodes, cur)\n            }\n          })\n        }\n        // 对于 root 节点，display 一定为 true\n        cur.display = true\n        const nodes =\n          lazyTreeNodeMap.value[key] || row[childrenColumnName.value]\n        traverse(nodes, cur)\n      }\n      return tmp\n    } else {\n      return rowRender(row, $index, undefined)\n    }\n  }\n\n  return {\n    wrappedRowRender,\n    tooltipContent,\n    tooltipTrigger,\n  }\n}\n\nexport default useRender\n"],"mappings":"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"}
+{"version":3,"file":"render-helper.js","names":["TABLE_INJECTION_KEY","useNamespace","useEvents","useStyles","getRowIdentity","isBoolean","TdWrapper","isPropAbsent"],"sources":["../../../../../../../packages/components/table/src/table-body/render-helper.ts"],"sourcesContent":["import { computed, h, inject } from 'vue'\nimport { merge } from 'lodash-unified'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isBoolean, isPropAbsent } from '@element-plus/utils'\nimport { getRowIdentity } from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\nimport useEvents from './events-helper'\nimport useStyles from './styles-helper'\nimport TdWrapper from './td-wrapper.vue'\n\nimport type { TableBodyProps } from './defaults'\nimport type {\n  DefaultRow,\n  RenderRowData,\n  Table,\n  TableColumnCtx,\n  TableProps,\n  TreeNode,\n} from '../table/defaults'\nimport type { TreeData } from '../store/tree'\nimport type { TableOverflowTooltipOptions } from '../util'\n\nfunction useRender<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n  const parent = inject(TABLE_INJECTION_KEY) as Table<T>\n  const ns = useNamespace('table')\n  const {\n    handleDoubleClick,\n    handleClick,\n    handleContextMenu,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleCellMouseEnter,\n    handleCellMouseLeave,\n    tooltipContent,\n    tooltipTrigger,\n  } = useEvents(props)\n  const {\n    getRowStyle,\n    getRowClass,\n    getCellStyle,\n    getCellClass,\n    getSpan,\n    getColspanRealWidth,\n  } = useStyles(props)\n\n  let displayIndex = -1\n\n  const firstDefaultColumnIndex = computed(() => {\n    return props.store?.states.columns.value.findIndex(\n      ({ type }) => type === 'default'\n    )\n  })\n  const getKeyOfRow = (row: T, index: number) => {\n    const rowKey = (parent?.props as Partial<TableProps<T>>)?.rowKey\n    if (rowKey) {\n      return getRowIdentity(row, rowKey)\n    }\n    return index\n  }\n  const rowRender = (\n    row: T,\n    $index: number,\n    treeRowData?: TreeNode,\n    expanded = false\n  ) => {\n    const { tooltipEffect, tooltipOptions, store } = props\n    const { indent, columns } = store!.states\n    const rowClasses: any[] = []\n    let display = true\n    if (treeRowData) {\n      rowClasses.push(ns.em('row', `level-${treeRowData.level}`))\n      display = !!treeRowData.display\n    }\n    if ($index === 0) {\n      displayIndex = -1\n    }\n    if (props.stripe && display) {\n      displayIndex++\n    }\n    rowClasses.push(...getRowClass(row, $index, displayIndex))\n    const displayStyle = display ? null : { display: 'none' }\n    return h(\n      'tr',\n      {\n        style: [displayStyle, getRowStyle(row, $index)],\n        class: rowClasses,\n        key: getKeyOfRow(row, $index),\n        onDblclick: ($event: MouseEvent) => handleDoubleClick($event, row),\n        onClick: ($event: PointerEvent) => handleClick($event, row),\n        onContextmenu: ($event: PointerEvent) => handleContextMenu($event, row),\n        onMouseenter: () => handleMouseEnter($index),\n        onMouseleave: handleMouseLeave,\n      },\n      columns.value.map((column, cellIndex) => {\n        const { rowspan, colspan } = getSpan(row, column, $index, cellIndex)\n        if (!rowspan || !colspan) {\n          return null\n        }\n        const columnData = Object.assign({}, column)\n        columnData.realWidth = getColspanRealWidth(\n          columns.value,\n          colspan,\n          cellIndex\n        )\n        const data: RenderRowData<T> = {\n          store: store!,\n          _self: props.context || parent!,\n          column: columnData,\n          row,\n          $index,\n          cellIndex,\n          expanded,\n        }\n        if (cellIndex === firstDefaultColumnIndex.value && treeRowData) {\n          data.treeNode = {\n            indent: treeRowData.level && treeRowData.level * indent.value,\n            level: treeRowData.level,\n          }\n          if (isBoolean(treeRowData.expanded)) {\n            data.treeNode.expanded = treeRowData.expanded\n            // 表明是懒加载\n            if ('loading' in treeRowData) {\n              data.treeNode.loading = treeRowData.loading\n            }\n            if ('noLazyChildren' in treeRowData) {\n              data.treeNode.noLazyChildren = treeRowData.noLazyChildren\n            }\n          }\n        }\n        const baseKey = `${getKeyOfRow(row, $index)},${cellIndex}`\n        const patchKey = columnData.columnKey || columnData.rawColumnKey || ''\n        const mergedTooltipOptions =\n          column.showOverflowTooltip &&\n          merge(\n            {\n              effect: tooltipEffect,\n            },\n            tooltipOptions,\n            column.showOverflowTooltip\n          )\n        return h(\n          TdWrapper,\n          {\n            style: getCellStyle($index, cellIndex, row, column),\n            class: getCellClass($index, cellIndex, row, column, colspan - 1),\n            key: `${patchKey}${baseKey}`,\n            rowspan,\n            colspan,\n            onMouseenter: ($event: MouseEvent) =>\n              handleCellMouseEnter(\n                $event,\n                row,\n                mergedTooltipOptions as TableOverflowTooltipOptions\n              ),\n            onMouseleave: handleCellMouseLeave,\n            widget: column.widget ? `table-column:default:${column.widget.split(':')[1]}` : undefined,\n          },\n          {\n            default: () => cellChildren(cellIndex, column, data),\n          }\n        )\n      })\n    )\n  }\n  const cellChildren = <T extends DefaultRow>(\n    _cellIndex: number,\n    column: TableColumnCtx<T>,\n    data: RenderRowData<T>\n  ) => {\n    return column.renderCell(data)\n  }\n\n  const wrappedRowRender = (row: T, $index: number) => {\n    const store = props.store!\n    const { isRowExpanded, assertRowKey } = store\n    const { treeData, lazyTreeNodeMap, childrenColumnName, rowKey } =\n      store.states\n    const columns = store.states.columns.value\n    const hasExpandColumn = columns.some(({ type }) => type === 'expand')\n    if (hasExpandColumn) {\n      const expanded = isRowExpanded(row)\n      const tr = rowRender(row, $index, undefined, expanded)\n      const renderExpanded = parent?.renderExpanded\n      if (!renderExpanded) {\n        console.error('[Element Error]renderExpanded is required.')\n        return tr\n      }\n\n      // 在没设置时候避免 h 执行\n      // 非保留模式且未展开时，直接返回\n      // 使用二维数组包装，避免修改 $index\n      const rows = [[tr]]\n\n      // 仅在需要时创建展开行（保留模式或展开状态）\n      if (parent.props.preserveExpandedContent || expanded) {\n        rows[0].push(\n          h(\n            'tr',\n            {\n              key: `expanded-row__${tr.key as string}`,\n              style: { display: expanded ? '' : 'none' },\n            },\n            [\n              h(\n                'td',\n                {\n                  colspan: columns.length,\n                  class: `${ns.e('cell')} ${ns.e('expanded-cell')}`,\n                },\n                [renderExpanded({ row, $index, store, expanded })]\n              ),\n            ]\n          )\n        )\n      }\n\n      return rows\n    } else if (Object.keys(treeData.value).length) {\n      assertRowKey()\n      // TreeTable 时，rowKey 必须由用户设定，不使用 getKeyOfRow 计算\n      // 在调用 rowRender 函数时，仍然会计算 rowKey，不太好的操作\n      const key = getRowIdentity(row, rowKey.value)\n      let cur = treeData.value[key]\n      let treeRowData: any = null\n      if (cur) {\n        treeRowData = {\n          expanded: cur.expanded,\n          level: cur.level,\n          display: true,\n          noLazyChildren: undefined as boolean | undefined,\n          loading: undefined as boolean | undefined,\n        }\n        if (isBoolean(cur.lazy)) {\n          if (treeRowData && isBoolean(cur.loaded) && cur.loaded) {\n            treeRowData.noLazyChildren = !(cur.children && cur.children.length)\n          }\n          treeRowData.loading = cur.loading\n        }\n      }\n      const tmp = [rowRender(row, $index, treeRowData ?? undefined)]\n      // 渲染嵌套数据\n      if (cur) {\n        // currentRow 记录的是 index，所以还需主动增加 TreeTable 的 index\n        let i = 0\n        const traverse = (children: T[], parent: TreeData) => {\n          if (!(children && children.length && parent)) return\n          children.forEach((node) => {\n            // 父节点的 display 状态影响子节点的显示状态\n            const innerTreeRowData: Partial<Record<string, any>> = {\n              display: parent.display && parent.expanded,\n              level: parent.level! + 1,\n              expanded: false,\n              noLazyChildren: false,\n              loading: false,\n            }\n            const childKey = getRowIdentity(node, rowKey.value)\n            if (isPropAbsent(childKey)) {\n              throw new Error('For nested data item, row-key is required.')\n            }\n            cur = { ...treeData.value[childKey] }\n            // 对于当前节点，分成有无子节点两种情况。\n            // 如果包含子节点的，设置 expanded 属性。\n            // 对于它子节点的 display 属性由它本身的 expanded 与 display 共同决定。\n            if (cur) {\n              innerTreeRowData.expanded = cur.expanded\n              // 懒加载的某些节点，level 未知\n              cur.level = cur.level || innerTreeRowData.level\n              cur.display = !!(cur.expanded && innerTreeRowData.display)\n              if (isBoolean(cur.lazy)) {\n                if (isBoolean(cur.loaded) && cur.loaded) {\n                  innerTreeRowData.noLazyChildren = !(\n                    cur.children && cur.children.length\n                  )\n                }\n                innerTreeRowData.loading = cur.loading\n              }\n            }\n            i++\n            tmp.push(rowRender(node, $index + i, innerTreeRowData))\n            if (cur) {\n              const nodes =\n                lazyTreeNodeMap.value[childKey] ||\n                node[childrenColumnName.value]\n              traverse(nodes, cur)\n            }\n          })\n        }\n        // 对于 root 节点，display 一定为 true\n        cur.display = true\n        const nodes =\n          lazyTreeNodeMap.value[key] || row[childrenColumnName.value]\n        traverse(nodes, cur)\n      }\n      return tmp\n    } else {\n      return rowRender(row, $index, undefined)\n    }\n  }\n\n  return {\n    wrappedRowRender,\n    tooltipContent,\n    tooltipTrigger,\n  }\n}\n\nexport default useRender\n"],"mappings":"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"}

package/lib/components/table/src/table-body/styles-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"styles-helper.js","names":["TABLE_INJECTION_KEY","useNamespace","getFixedColumnOffset","getFixedColumnsClass"],"sources":["../../../../../../../packages/components/table/src/table-body/styles-helper.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isArray, isFunction, isObject, isString } from '@element-plus/utils'\nimport {\n  ensurePosition,\n  getFixedColumnOffset,\n  getFixedColumnsClass,\n} from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\n\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { TableBodyProps } from './defaults'\nimport type { DefaultRow, Table } from '../table/defaults'\n\nfunction useStyles<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n  const parent = inject(TABLE_INJECTION_KEY) as Table<T>\n  const ns = useNamespace('table')\n\n  const getRowStyle = (row: T, rowIndex: number) => {\n    const rowStyle = parent?.props.rowStyle\n    if (isFunction(rowStyle)) {\n      return rowStyle.call(null, {\n        row,\n        rowIndex,\n      })\n    }\n    return rowStyle || null\n  }\n\n  const getRowClass = (row: T, rowIndex: number, displayIndex: number) => {\n    const classes = [ns.e('row')]\n    if (\n      parent?.props.highlightCurrentRow &&\n      row === props.store?.states.currentRow.value\n    ) {\n      classes.push('current-row')\n    }\n    if (props.stripe && displayIndex % 2 === 1) {\n      classes.push(ns.em('row', 'striped'))\n    }\n    const rowClassName = parent?.props.rowClassName\n    if (isString(rowClassName)) {\n      classes.push(rowClassName)\n    } else if (isFunction(rowClassName)) {\n      classes.push(\n        rowClassName.call(null, {\n          row,\n          rowIndex,\n        })\n      )\n    }\n    return classes\n  }\n\n  const getCellStyle = (\n    rowIndex: number,\n    columnIndex: number,\n    row: T,\n    column: TableColumnCtx<T>\n  ) => {\n    const cellStyle = parent?.props.cellStyle\n    let cellStyles = cellStyle ?? {}\n    if (isFunction(cellStyle)) {\n      cellStyles = cellStyle.call(null, {\n        rowIndex,\n        columnIndex,\n        row,\n        column,\n      })\n    }\n    const fixedStyle = getFixedColumnOffset(\n      columnIndex,\n      props?.fixed,\n      props.store\n    )\n    ensurePosition(fixedStyle, 'left')\n    ensurePosition(fixedStyle, 'right')\n    return Object.assign({}, cellStyles, fixedStyle)\n  }\n\n  const getCellClass = (\n    rowIndex: number,\n    columnIndex: number,\n    row: T,\n    column: TableColumnCtx<T>,\n    offset: number\n  ) => {\n    const fixedClasses = getFixedColumnsClass(\n      ns.b(),\n      columnIndex,\n      props?.fixed,\n      props.store,\n      undefined,\n      offset\n    )\n    const classes = [column.id, column.align, column.className, ns.is('input', column.type === 'input'),\n      ...fixedClasses]\n    const cellClassName = parent?.props.cellClassName\n    if (isString(cellClassName)) {\n      classes.push(cellClassName)\n    } else if (isFunction(cellClassName)) {\n      classes.push(\n        cellClassName.call(null, {\n          rowIndex,\n          columnIndex,\n          row,\n          column,\n        })\n      )\n    }\n    classes.push(ns.e('cell'))\n    return classes.filter((className) => Boolean(className)).join(' ')\n  }\n  const getSpan = (\n    row: T,\n    column: TableColumnCtx<T>,\n    rowIndex: number,\n    columnIndex: number\n  ) => {\n    let rowspan = 1\n    let colspan = 1\n    const fn = parent?.props.spanMethod\n    if (isFunction(fn)) {\n      const result = fn({\n        row,\n        column,\n        rowIndex,\n        columnIndex,\n      })\n      if (isArray(result)) {\n        rowspan = result[0]\n        colspan = result[1]\n      } else if (isObject(result)) {\n        rowspan = result.rowspan\n        colspan = result.colspan\n      }\n    }\n    return { rowspan, colspan }\n  }\n  const getColspanRealWidth = (\n    columns: TableColumnCtx<T>[],\n    colspan: number,\n    index: number\n  ): number => {\n    if (colspan < 1) {\n      return columns[index].realWidth!\n    }\n    const widthArr = columns\n      .map(({ realWidth, width }) => realWidth || width)\n      .slice(index, index + colspan)\n    return Number(\n      widthArr.reduce((acc, width) => Number(acc) + Number(width), -1)\n    )\n  }\n\n  return {\n    getRowStyle,\n    getRowClass,\n    getCellStyle,\n    getCellClass,\n    getSpan,\n    getColspanRealWidth,\n  }\n}\n\nexport default useStyles\n"],"mappings":"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"}
+{"version":3,"file":"styles-helper.js","names":["TABLE_INJECTION_KEY","useNamespace","getFixedColumnOffset","getFixedColumnsClass"],"sources":["../../../../../../../packages/components/table/src/table-body/styles-helper.ts"],"sourcesContent":["import { inject } from 'vue'\nimport { useNamespace } from '@element-plus/hooks'\nimport { isArray, isFunction, isObject, isString } from '@element-plus/utils'\nimport {\n  ensurePosition,\n  getFixedColumnOffset,\n  getFixedColumnsClass,\n} from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\n\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { TableBodyProps } from './defaults'\nimport type { DefaultRow, Table } from '../table/defaults'\n\nfunction useStyles<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n  const parent = inject(TABLE_INJECTION_KEY) as Table<T>\n  const ns = useNamespace('table')\n\n  const getRowStyle = (row: T, rowIndex: number) => {\n    const rowStyle = parent?.props.rowStyle\n    if (isFunction(rowStyle)) {\n      return rowStyle.call(null, {\n        row,\n        rowIndex,\n      })\n    }\n    return rowStyle || null\n  }\n\n  const getRowClass = (row: T, rowIndex: number, displayIndex: number) => {\n    const classes = [ns.e('row')]\n    if (\n      parent?.props.highlightCurrentRow &&\n      row === props.store?.states.currentRow.value\n    ) {\n      classes.push('current-row')\n    }\n    if (props.stripe && displayIndex % 2 === 1) {\n      classes.push(ns.em('row', 'striped'))\n    }\n    const rowClassName = parent?.props.rowClassName\n    if (isString(rowClassName)) {\n      classes.push(rowClassName)\n    } else if (isFunction(rowClassName)) {\n      classes.push(\n        rowClassName.call(null, {\n          row,\n          rowIndex,\n        })\n      )\n    }\n    return classes\n  }\n\n  const getCellStyle = (\n    rowIndex: number,\n    columnIndex: number,\n    row: T,\n    column: TableColumnCtx<T>\n  ) => {\n    const cellStyle = parent?.props.cellStyle\n    let cellStyles = cellStyle ?? {}\n    if (isFunction(cellStyle)) {\n      cellStyles = cellStyle.call(null, {\n        rowIndex,\n        columnIndex,\n        row,\n        column,\n      })\n    }\n    const fixedStyle = getFixedColumnOffset(\n      columnIndex,\n      props?.fixed,\n      props.store\n    )\n    ensurePosition(fixedStyle, 'left')\n    ensurePosition(fixedStyle, 'right')\n    return Object.assign({}, cellStyles, fixedStyle)\n  }\n\n  const getCellClass = (\n    rowIndex: number,\n    columnIndex: number,\n    row: T,\n    column: TableColumnCtx<T>,\n    offset: number\n  ) => {\n    const fixedClasses = getFixedColumnsClass(\n      ns.b(),\n      columnIndex,\n      props?.fixed,\n      props.store,\n      undefined,\n      offset\n    )\n    const classes = [column.id, column.align, column.className,\n      ns.is('input', column.type === 'input'),\n      ...fixedClasses]\n    const cellClassName = parent?.props.cellClassName\n    if (isString(cellClassName)) {\n      classes.push(cellClassName)\n    } else if (isFunction(cellClassName)) {\n      classes.push(\n        cellClassName.call(null, {\n          rowIndex,\n          columnIndex,\n          row,\n          column,\n        })\n      )\n    }\n    classes.push(ns.e('cell'))\n    return classes.filter((className) => Boolean(className)).join(' ')\n  }\n  const getSpan = (\n    row: T,\n    column: TableColumnCtx<T>,\n    rowIndex: number,\n    columnIndex: number\n  ) => {\n    let rowspan = 1\n    let colspan = 1\n    const fn = parent?.props.spanMethod\n    if (isFunction(fn)) {\n      const result = fn({\n        row,\n        column,\n        rowIndex,\n        columnIndex,\n      })\n      if (isArray(result)) {\n        rowspan = result[0]\n        colspan = result[1]\n      } else if (isObject(result)) {\n        rowspan = result.rowspan\n        colspan = result.colspan\n      }\n    }\n    return { rowspan, colspan }\n  }\n  const getColspanRealWidth = (\n    columns: TableColumnCtx<T>[],\n    colspan: number,\n    index: number\n  ): number => {\n    if (colspan < 1) {\n      return columns[index].realWidth!\n    }\n    const widthArr = columns\n      .map(({ realWidth, width }) => realWidth || width)\n      .slice(index, index + colspan)\n    return Number(\n      widthArr.reduce((acc, width) => Number(acc) + Number(width), -1)\n    )\n  }\n\n  return {\n    getRowStyle,\n    getRowClass,\n    getCellStyle,\n    getCellClass,\n    getSpan,\n    getColspanRealWidth,\n  }\n}\n\nexport default useStyles\n"],"mappings":"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"}

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

@@ -76,8 +76,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
   };
 }>> & Readonly<{}>, {
-  fixed: string;
   border: boolean;
+  fixed: string;
   defaultSort: Sort;
 }, {}, {}, {}, string, import("vue").ComponentProvideOptions, true, {}, any>;
 //#endregion

package/lib/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/lib/components/table/src/table-header/index.js

@@ -134,7 +134,7 @@ var table_header_default = (0, vue.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/lib/components/table/src/table-header/index.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["TABLE_INJECTION_KEY","useNamespace","useLayoutObserver","useEvent","useStyle","useUtils","useLocale","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":";;;;;;;;;;;;;;;AA0CA,IAAA,wBAAA,GAAA,IAAA,gBAAA,CAA+B;CAC7B,MAAM;CACN,YAAY,EACV,YAAA,gBAAA,WACF;CACA,OAAO;EACL,OAAO;GACL,MAAM;GACN,SAAS;EACX;EACA,OAAO;GACL,UAAU;GACV,MAAM;EACR;EACA,QAAQ;EACR,aAAa;GACX,MAAM;GACN,eAAe;IACb,OAAO;KACL,MAAM;KACN,OAAO;IACT;GACF;EACF;EACA,qBAAqB,EACnB,MAAM,OACR;EACA,qBAAqB,EACnB,MAAM,QACR;CACF;CACA,MAAM,OAAO,EAAE,QAAQ;EACrB,MAAM,YAAA,GAAA,IAAA,mBAAA,CAA8B;EACpC,MAAM,UAAA,GAAA,IAAA,OAAA,CAAgBA,eAAAA,mBAAmB;EACzC,MAAM,KAAKC,gBAAAA,aAAa,OAAO;EAC/B,MAAM,gBAAA,GAAA,IAAA,IAAA,CAAmB,CAAC,CAAC;EAC3B,MAAM,EAAE,iBAAiB,uBAAuBC,wBAAAA,QAAkB,MAAO;EAEzE,MAAM,oBAAoB,QAAQ,MAAM,gBAAgB;EACxD,MAAM,sBAAA,GAAA,IAAA,SAAA,iBAA8B,IAAI,IAAI,CAAC;EAC7C,MAAM,YAAA,GAAA,IAAA,IAAA,CAAe;EAErB,IAAI;EACJ,MAAM,+BAA+B;GACnC,UAAU,iBAAiB;IACzB,IAAI,mBAAmB,OAAO,GAAG;KAC/B,mBAAmB,SAAS,QAAQ,QAAQ;MAC1C,MAAM,KAAK,SAAS,MAAM,cACxB,IAAI,IAAI,QAAQ,OAAO,GAAG,GAC5B;MACA,IAAI,IAEF,OAAO,QADO,GAAG,sBAAsB,CAAC,CAAC,SACjB,OAAO;KAEnC,CAAC;KACD,mBAAmB,MAAM;IAC3B;GACF,CAAC;EACH;EAEA,CAAA,GAAA,IAAA,MAAA,CAAM,oBAAoB,sBAAsB;EAChD,CAAA,GAAA,IAAA,gBAAA,OAAsB;GACpB,IAAI,SAAS;IACX,aAAa,OAAO;IACpB,UAAU,KAAA;GACZ;EACF,CAAC;EAED,CAAA,GAAA,IAAA,UAAA,CAAU,YAAY;GAEpB,OAAA,GAAA,IAAA,SAAA,CAAe;GACf,OAAA,GAAA,IAAA,SAAA,CAAe;GACf,MAAM,EAAE,MAAM,UAAU,MAAM;GAC9B,QAAQ,MAAM,OAAO,QAAQ;IAAE;IAAM;IAAO,MAAM;GAAK,CAAC;GAExD,uBAAuB;EACzB,CAAC;EAED,MAAM,EACJ,mBACA,yBACA,iBACA,iBACA,gBACA,iBACA,sBACEC,qBAAAA,QAAS,OAAgC,IAAI;EACjD,MAAM,EACJ,mBACA,mBACA,oBACA,uBACEC,qBAAAA,QAAS,KAA8B;EAC3C,MAAM,EAAE,SAAS,oBAAoB,eAAeC,qBAAAA,QAClD,KACF;EAEA,MAAM,EAAE,MAAMC,cAAAA,UAAU;EAExB,SAAS,QAAQ;GACf;GACA;EACF;EACA,SAAS,eAAe;EAExB,OAAO;GACL;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;GACA;EACF;CACF;CACA,SAAS;EACP,MAAM,EACJ,IACA,GACA,SACA,YACA,oBACA,oBACA,mBACA,mBACA,mBACA,yBACA,iBACA,iBACA,iBACA,gBACA,OACA,SACA,oBACA,sBACE;EACJ,IAAI,UAAU;EACd,QAAA,GAAA,IAAA,EAAA,CACE,SACA;GACE,KAAK;GACL,OAAO,GAAG,GAAG,SAAS,OAAO;EAC/B,GACA,WAAW,KAAK,YAAY,cAAA,GAAA,IAAA,EAAA,CAExB,MACA;GACE,OAAO,kBAAkB,QAAQ;GACjC,KAAK;GACL,OAAO,kBAAkB,QAAQ;EACnC,GACA,WAAW,KAAK,QAAQ,cAAc;GACpC,IAAI,OAAO,UAAU,SACnB,UAAU,OAAO;GAEnB,MAAM,SAAS,mBACb,UACA,WACA,YACA,MACF;GACA,IAAI,qBAAqB,OAAO,OAC9B,mBAAmB,IAAI,QAAQ,MAAM;GAEvC,QAAA,GAAA,IAAA,EAAA,CACE,MACA;IACE,OAAO;IACP,SAAS,OAAO;IAChB,KAAK,GAAG,OAAO,GAAG;IAClB,SAAS,OAAO;IAChB,OAAO,OAAO,UAAU,IAAI,aAAa;IACzC,UAAU,OAAO,WAAW,OAAO,QAAQ,KAAA;IAC3C,OAAO,mBACL,UACA,WACA,YACA,MACF;IACA,QAAQ,OAAO,SACX,yBAAyB,OAAO,OAAO,MAAM,GAAG,CAAC,CAAC,KAClD,KAAA;IACJ,UAAU,WAAyB;KACjC,IACG,OAAO,eAA2B,UAAU,SAC3C,SACF,GAEA;KAEF,kBAAkB,QAAQ,MAAM;IAClC;IACA,gBAAgB,WACd,wBAAwB,QAAQ,MAAM;IACxC,cAAc,WACZ,gBAAgB,QAAQ,MAAM;IAChC,cAAc,WACZ,gBAAgB,QAAQ,MAAM;IAChC,YAAY;GACd,GACA,EAAA,GAAA,IAAA,EAAA,CAEI,OACA,EACE,OAAO,CACL,QACA,OAAO,iBAAiB,OAAO,cAAc,SAAS,IAClD,cACA,EACN,EACF,GACA;IACE,OAAO,eACH,OAAO,aAAa;KAClB;KACA,QAAQ;KACR;KACA,OAAO;IACT,CAAC,IACD,OAAO;IACX,OAAO,aAAA,GAAA,IAAA,EAAA,CAEH,UACA;KACE,MAAM;KACN,OAAO;KACP,cAAc,EAAE,sBAAsB,EACpC,QAAQ,OAAO,SAAS,GAC1B,CAAC;KACD,UAAU,WACR,gBAAgB,QAAQ,MAAM;IAClC,GACA,EAAA,GAAA,IAAA,EAAA,CACI,KAAK;KACL,UAAU,WACR,gBAAgB,QAAQ,QAAQ,WAAW;KAC7C,OAAO;IACT,CAAC,IAAA,GAAA,IAAA,EAAA,CACC,KAAK;KACL,UAAU,WACR,gBAAgB,QAAQ,QAAQ,YAAY;KAC9C,OAAO;IACT,CAAC,CACH,CACF;IACF,OAAO,eAAA,GAAA,IAAA,EAAA,CAEHC,qBAAAA,SACA;KACE;KACA,WAAW,OAAO,mBAAmB;KACrC,UAAW,SAAiB;KAC5B;KACA,eAAe,KAAY,UAAiB;MAC1C,OAAO,OAAO;KAChB;IACF,GACA,EACE,qBACE,OAAO,mBACH,OAAO,iBAAiB,EACtB,cAAc,OAAO,aACvB,CAAC,IACD,KACR,CACF;GACJ,CACF,CACF,CACF;EACF,CAAC,CACH,CACF,CACF;CACF;AACF,CAAC"}
+{"version":3,"file":"index.js","names":["TABLE_INJECTION_KEY","useNamespace","useLayoutObserver","useEvent","useStyle","useUtils","useLocale","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/lib/components/table/src/table.js.map

@@ -1 +1 @@
-{"version":3,"file":"table.js","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.js","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/lib/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/lib/components/table/src/table.vue_vue_type_script_setup_true_lang.js

@@ -1,9 +1,9 @@
-const require_index = require("../../../directives/mousewheel/index.js");
-const require_index$1 = require("../../../hooks/use-locale/index.js");
-const require_index$2 = require("../../../hooks/use-namespace/index.js");
+const require_index = require("../../../hooks/use-locale/index.js");
+const require_index$1 = require("../../../hooks/use-namespace/index.js");
 const require_use_global_config = require("../../config-provider/src/hooks/use-global-config.js");
 const require_tokens = require("./tokens.js");
-const require_index$3 = require("../../scrollbar/index.js");
+const require_index$2 = require("../../scrollbar/index.js");
+const require_index$3 = require("../../../directives/mousewheel/index.js");
 const require_defaults = require("./table/defaults.js");
 const require_util = require("./util.js");
 const require_helper = require("./store/helper.js");
@@ -52,8 +52,8 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 	],
 	setup(__props, { expose: __expose }) {
 		const props = __props;
-		const { t } = require_index$1.useLocale();
-		const ns = require_index$2.useNamespace("table");
+		const { t } = require_index.useLocale();
+		const ns = require_index$1.useNamespace("table");
 		const globalConfig = require_use_global_config.useGlobalConfig("table");
 		const table = (0, vue.getCurrentInstance)();
 		(0, vue.provide)(require_tokens.TABLE_INJECTION_KEY, table);
@@ -190,8 +190,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 			/**
 			* @description whether to allow drag the last column
 			*/
-			allowDragLastColumn: props.allowDragLastColumn,
-			onScroll
+			allowDragLastColumn: props.allowDragLastColumn
 		});
 		return (_ctx, _cache) => {
 			return (0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
@@ -217,7 +216,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 				]),
 				style: (0, vue.normalizeStyle)(__props.style),
 				"data-prefix": (0, vue.unref)(ns).namespace.value,
-				onMouseleave: _cache[0] || (_cache[0] = (...args) => (0, vue.unref)(handleMouseLeave) && (0, vue.unref)(handleMouseLeave)(...args))
+				onMouseleave: _cache[1] || (_cache[1] = (...args) => (0, vue.unref)(handleMouseLeave) && (0, vue.unref)(handleMouseLeave)(...args))
 			}, [(0, vue.createElementVNode)("div", {
 				ref: "tableInnerWrapper",
 				class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("inner-wrapper"))
@@ -252,11 +251,11 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 					"append-filter-panel-to",
 					"allow-drag-last-column",
 					"onSetDragVisible"
-				])], 6)], 2)), [[(0, vue.unref)(require_index.default), (0, vue.unref)(handleHeaderFooterMousewheel)]]) : (0, vue.createCommentVNode)("v-if", true),
+				])], 6)], 2)), [[(0, vue.unref)(require_index$3.default), (0, vue.unref)(handleHeaderFooterMousewheel)]]) : (0, vue.createCommentVNode)("v-if", true),
 				(0, vue.createElementVNode)("div", {
 					ref: "bodyWrapper",
 					class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("body-wrapper"))
-				}, [(0, vue.createVNode)((0, vue.unref)(require_index$3.ElScrollbar), {
+				}, [(0, vue.createVNode)((0, vue.unref)(require_index$2.ElScrollbar), {
 					ref_key: "scrollBarRef",
 					ref: scrollBarRef,
 					"view-style": (0, vue.unref)(scrollbarViewStyle),
@@ -264,7 +263,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 					always: __props.scrollbarAlwaysOn,
 					tabindex: __props.scrollbarTabindex,
 					native: __props.nativeScrollbar,
-					onScroll: (0, vue.unref)(onScroll)
+					onScroll: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("scroll", $event))
 				}, {
 					default: (0, vue.withCtx)(() => [
 						(0, vue.createElementVNode)("table", {
@@ -353,8 +352,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 					"wrap-style",
 					"always",
 					"tabindex",
-					"native",
-					"onScroll"
+					"native"
 				])], 2),
 				__props.showSummary && (0, vue.unref)(tableLayout) === "fixed" ? (0, vue.withDirectives)(((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: 1,
@@ -381,7 +379,7 @@ var table_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 					"store",
 					"sum-text",
 					"summary-method"
-				])], 6)], 2)), [[vue.vShow, !isEmpty.value], [(0, vue.unref)(require_index.default), (0, vue.unref)(handleHeaderFooterMousewheel)]]) : (0, vue.createCommentVNode)("v-if", true),
+				])], 6)], 2)), [[vue.vShow, !isEmpty.value], [(0, vue.unref)(require_index$3.default), (0, vue.unref)(handleHeaderFooterMousewheel)]]) : (0, vue.createCommentVNode)("v-if", true),
 				__props.border || (0, vue.unref)(isGroup) ? ((0, vue.openBlock)(), (0, vue.createElementBlock)("div", {
 					key: 2,
 					class: (0, vue.normalizeClass)((0, vue.unref)(ns).e("border-left-patch"))