@element-plus/nightly 0.0.20260514 → 0.0.20260516

package/lib/components/table/src/table/defaults.d.ts

@@ -3,8 +3,8 @@ import { ComponentSize } from "../../../../constants/size.js";
 import { Nullable } from "../../../../utils/typescript.js";
 import { TableOverflowTooltipFormatter, TableOverflowTooltipOptions } from "../util.js";
 import { TableColumnCtx } from "../table-column/defaults.js";
-import TableLayout from "../table-layout.js";
 import { Store } from "../store/index.js";
+import TableLayout from "../table-layout.js";
 import { CSSProperties, ComponentInternalInstance, PropType, Ref, StyleValue, VNode } from "vue";
 
 //#region ../../packages/components/table/src/table/defaults.d.ts
@@ -54,7 +54,7 @@ type SummaryMethod<T extends DefaultRow> = (data: {
   columns: TableColumnCtx<T>[];
   data: T[];
 }) => (string | VNode)[];
-interface Table<T extends DefaultRow = any> extends ComponentInternalInstance {
+interface Table<T extends DefaultRow = any> extends Omit<ComponentInternalInstance, 'emit'> {
   $ready: boolean;
   hoverState?: HoverState<T> | null;
   renderExpanded: RenderExpanded<T>;
@@ -63,6 +63,7 @@ interface Table<T extends DefaultRow = any> extends ComponentInternalInstance {
   refs: TableRefs;
   tableId: string;
   state: TableState;
+  emit: TableEmits<T>;
 }
 type ColumnCls<T> = string | ((data: {
   row: T;
@@ -310,6 +311,30 @@ interface TableConfigContext {
   tooltipOptions?: TableOverflowTooltipOptions;
   tooltipFormatter?: TableOverflowTooltipFormatter<any>;
 }
+interface TableEmits<T extends DefaultRow = DefaultRow> {
+  (e: 'select', selection: T[], row: T): void;
+  (e: 'select-all', selection: T[]): void;
+  (e: 'selection-change', newSelection: T[]): void;
+  (e: 'cell-mouse-enter' | 'cell-mouse-leave' | 'cell-dblclick', row: T, column: TableColumnCtx<T>, cell: HTMLTableCellElement, event: MouseEvent): void;
+  (e: 'cell-contextmenu' | 'cell-click', row: T, column: TableColumnCtx<T>, cell: HTMLTableCellElement, event: PointerEvent): void;
+  (e: 'row-dblclick', row: T, column: TableColumnCtx<T> | null, event: MouseEvent): void;
+  (e: 'row-click' | 'row-contextmenu', row: T, column: TableColumnCtx<T> | null, event: PointerEvent): void;
+  (e: 'header-click' | 'header-contextmenu', column: TableColumnCtx<T>, event: PointerEvent): void;
+  (e: 'sort-change', data: {
+    column: TableColumnCtx<T>;
+    prop: string | null;
+    order: TableSortOrder | null;
+  }): void;
+  (e: 'filter-change', newFilters: Record<string, string[]>): void;
+  (e: 'current-change', currentRow: T | null, oldCurrentRow: T | null): void;
+  (e: 'header-dragend', newWidth: number, oldWidth: number, column: TableColumnCtx<T>, event: MouseEvent): void;
+  (e: 'expand-change', row: T, expandedRows: T[]): void;
+  (e: 'expand-change', row: T, expanded: boolean): void;
+  (e: 'scroll', data: {
+    scrollLeft: number;
+    scrollTop: number;
+  }): void;
+}
 /**
  * @deprecated Removed after 3.0.0, Use `TableProps` instead.
  */
@@ -540,4 +565,4 @@ declare const tableProps: {
   nativeScrollbar: BooleanConstructor;
 };
 //#endregion
-export { type CellCls, type CellStyle, type ColumnCls, type ColumnStyle, type DefaultRow, type Filter, type RenderExpanded, type RenderRowData, type Sort, type SummaryMethod, type Table, type TableColumnCtx, type TableConfigContext, type TableProps, type TableRefs, type TableSortOrder, type TableTooltipData, type TreeNode, type TreeProps, tableProps as default, tableProps };
+export { type CellCls, type CellStyle, type ColumnCls, type ColumnStyle, type DefaultRow, type Filter, type RenderExpanded, type RenderRowData, type Sort, type SummaryMethod, type Table, type TableColumnCtx, type TableConfigContext, type TableEmits, type TableProps, type TableRefs, type TableSortOrder, type TableTooltipData, type TreeNode, type TreeProps, tableProps as default, tableProps };

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

@@ -1 +1 @@
-{"version":3,"file":"defaults.js","names":["useSizeProp"],"sources":["../../../../../../../packages/components/table/src/table/defaults.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\n\nimport type {\n  CSSProperties,\n  ComponentInternalInstance,\n  PropType,\n  Ref,\n  StyleValue,\n  VNode,\n} from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { Nullable } from '@element-plus/utils'\nimport type { Store } from '../store'\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type TableLayout from '../table-layout'\nimport type {\n  TableOverflowTooltipFormatter,\n  TableOverflowTooltipOptions,\n} from '../util'\n\ntype DefaultRow = Record<PropertyKey, any>\n\ninterface TableRefs {\n  tableWrapper: HTMLElement\n  headerWrapper: HTMLElement\n  footerWrapper: HTMLElement\n  fixedBodyWrapper: HTMLElement\n  rightFixedBodyWrapper: HTMLElement\n  bodyWrapper: HTMLElement\n  appendWrapper: HTMLElement\n  [key: string]: any\n}\n\ninterface TableState {\n  isGroup: Ref<boolean>\n  resizeState: Ref<{\n    width: any\n    height: any\n  }>\n  doLayout: () => void\n  debouncedUpdateLayout: () => void\n}\n\ninterface TreeProps {\n  hasChildren?: string\n  children?: string\n  checkStrictly?: boolean\n}\n\ntype HoverState<T extends DefaultRow> = Nullable<{\n  cell: HTMLElement\n  column: TableColumnCtx<T>\n  row: T\n}>\n\ntype RIS<T extends DefaultRow> = {\n  row: T\n  $index: number\n  store: Store<T>\n  expanded: boolean\n}\n\ntype RenderExpanded<T extends DefaultRow> = ({\n  row,\n  $index,\n  store,\n  expanded,\n}: RIS<T>) => VNode[] | undefined\n\ntype SummaryMethod<T extends DefaultRow> = (data: {\n  columns: TableColumnCtx<T>[]\n  data: T[]\n}) => (string | VNode)[]\n\ninterface Table<T extends DefaultRow = any> extends ComponentInternalInstance {\n  $ready: boolean\n  hoverState?: HoverState<T> | null\n  renderExpanded: RenderExpanded<T>\n  store: Store<T>\n  layout: TableLayout<T>\n  refs: TableRefs\n  tableId: string\n  state: TableState\n}\n\ntype ColumnCls<T> = string | ((data: { row: T; rowIndex: number }) => string)\ntype ColumnStyle<T> =\n  | CSSProperties\n  | ((data: { row: T; rowIndex: number }) => CSSProperties)\ntype CellCls<T extends DefaultRow> =\n  | string\n  | ((data: {\n      row: T\n      rowIndex: number\n      column: TableColumnCtx<T>\n      columnIndex: number\n    }) => string)\ntype CellStyle<T extends DefaultRow> =\n  | CSSProperties\n  | ((data: {\n      row: T\n      rowIndex: number\n      column: TableColumnCtx<T>\n      columnIndex: number\n    }) => CSSProperties)\ntype Layout = 'fixed' | 'auto'\ninterface TableProps<T extends DefaultRow = DefaultRow> {\n  /**\n   * @description table data\n   */\n  data?: T[]\n  /**\n   * @description size of Table\n   */\n  size?: ComponentSize\n  width?: string | number\n  /**\n   * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles\n   */\n  height?: string | number\n  /**\n   * @description table's max-height. The legal value is a number or the height in px\n   */\n  maxHeight?: string | number\n  /**\n   * @description whether width of column automatically fits its container\n   */\n  fit?: boolean\n  /**\n   * @description whether Table is striped\n   */\n  stripe?: boolean\n  /**\n   * @description whether Table has vertical border\n   */\n  border?: boolean\n  /**\n   * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used\n   */\n  rowKey?: string | ((row: T) => string)\n  context?: Table<T>\n  /**\n   * @description whether Table header is visible\n   */\n  showHeader?: boolean\n  /**\n   * @description whether to display a summary row\n   */\n  showSummary?: boolean\n  /**\n   * @description displayed text for the first column of summary row\n   */\n  sumText?: string\n  /**\n   * @description custom summary method\n   */\n  summaryMethod?: SummaryMethod<T>\n  /**\n   * @description function that returns custom class names for a row, or a string assigning class names for every row\n   */\n  rowClassName?: ColumnCls<T>\n  /**\n   * @description function that returns custom style for a row, or an object assigning custom style for every row\n   */\n  rowStyle?: ColumnStyle<T>\n  /**\n   * @description function that returns custom class names for a cell, or a string assigning class names for every cell\n   */\n  cellClassName?: CellCls<T>\n  /**\n   * @description function that returns custom style for a cell, or an object assigning custom style for every cell\n   */\n  cellStyle?: CellStyle<T>\n  /**\n   * @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header\n   */\n  headerRowClassName?: ColumnCls<T>\n  /**\n   * @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header\n   */\n  headerRowStyle?: ColumnStyle<T>\n  /**\n   * @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header\n   */\n  headerCellClassName?: CellCls<T>\n  /**\n   * @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header\n   */\n  headerCellStyle?: CellStyle<T>\n  /**\n   * @description whether current row is highlighted\n   */\n  highlightCurrentRow?: boolean\n  /**\n   * @description key of current row, a set only prop\n   */\n  currentRowKey?: string | number\n  /**\n   * @description displayed text when data is empty. You can customize this area with `#empty`\n   */\n  emptyText?: string\n  /**\n   * @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop\n   */\n  expandRowKeys?: Array<string>\n  /**\n   * @description whether expand all rows by default, works when the table has a column type=\"expand\" or contains tree structure data\n   */\n  defaultExpandAll?: boolean\n  /**\n   * @description enable expandable rows, works when the table has a column type=\"expand\"\n   */\n  rowExpandable?: (row: T, index: number) => boolean\n  /**\n   * @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order\n   */\n  defaultSort?: Sort\n  /**\n   * @description the `effect` of the overflow tooltip\n   */\n  tooltipEffect?: string\n  /**\n   * @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)\n   */\n  tooltipOptions?: TableOverflowTooltipOptions\n  /**\n   * @description method that returns rowspan and colspan\n   */\n  spanMethod?: (data: {\n    row: T\n    rowIndex: number\n    column: TableColumnCtx<T>\n    columnIndex: number\n  }) =>\n    | number[]\n    | {\n        rowspan: number\n        colspan: number\n      }\n    | undefined\n  /**\n   * @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected\n   */\n  selectOnIndeterminate?: boolean\n  /**\n   * @description horizontal indentation of tree data\n   */\n  indent?: number\n  /**\n   * @description configuration for rendering nested data\n   */\n  treeProps?: TreeProps\n  /**\n   * @description whether to lazy loading data\n   */\n  lazy?: boolean\n  /**\n   * @description method for loading child row data, only works when `lazy` is true\n   */\n  load?: (row: T, treeNode: TreeNode, resolve: (data: T[]) => void) => void\n  className?: string\n  style?: StyleValue\n  /**\n   * @description sets the algorithm used to lay out table cells, rows, and columns\n   */\n  tableLayout?: Layout\n  /**\n   * @description always show scrollbar\n   */\n  scrollbarAlwaysOn?: boolean\n  /**\n   * @description ensure main axis minimum-size doesn't follow the content\n   */\n  flexible?: boolean\n  /**\n   * @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns\n   */\n  showOverflowTooltip?: boolean | TableOverflowTooltipOptions\n  /**\n   * @description function that formats cell tooltip content, works when `show-overflow-tooltip` is `true`\n   */\n  tooltipFormatter?: TableOverflowTooltipFormatter<T>\n  appendFilterPanelTo?: string\n  scrollbarTabindex?: number | string\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn?: boolean\n  /**\n   * @description whether to preserve expanded row content in DOM when collapsed\n   */\n  preserveExpandedContent?: boolean\n  /**\n   * @description whether to use native scrollbars\n   */\n  nativeScrollbar?: boolean\n}\n\ntype TableTooltipData<T extends DefaultRow> = Parameters<\n  TableOverflowTooltipFormatter<T>\n>[0]\ntype TableSortOrder = 'ascending' | 'descending'\n\ninterface Sort {\n  prop: string\n  order: TableSortOrder\n  init?: any\n  silent?: any\n}\n\ninterface Filter<T extends DefaultRow> {\n  column: TableColumnCtx<T>\n  values: string[]\n  silent: any\n}\n\ninterface TreeNode {\n  expanded?: boolean\n  loading?: boolean\n  noLazyChildren?: boolean\n  indent?: number\n  level?: number\n  display?: boolean\n}\n\ninterface RenderRowData<T extends DefaultRow> {\n  store: Store<T>\n  _self: Table<T>\n  column: TableColumnCtx<T>\n  row: T\n  $index: number\n  cellIndex: number\n  treeNode?: TreeNode\n  expanded: boolean\n}\n\ninterface TableConfigContext {\n  showOverflowTooltip?: boolean | TableOverflowTooltipOptions\n  tooltipEffect?: string\n  tooltipOptions?: TableOverflowTooltipOptions\n  tooltipFormatter?: TableOverflowTooltipFormatter<any>\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `TableProps` instead.\n */\nexport const tableProps = {\n  /**\n   * @description table data\n   */\n  data: {\n    type: Array as PropType<any[]>,\n    default: () => [],\n  },\n  /**\n   * @description size of Table\n   */\n  size: useSizeProp,\n  width: [String, Number],\n  /**\n   * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles\n   */\n  height: [String, Number],\n  /**\n   * @description table's max-height. The legal value is a number or the height in px\n   */\n  maxHeight: [String, Number],\n  /**\n   * @description whether width of column automatically fits its container\n   */\n  fit: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether Table is striped\n   */\n  stripe: Boolean,\n  /**\n   * @description whether Table has vertical border\n   */\n  border: Boolean,\n  /**\n   * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used\n   */\n  rowKey: [String, Function] as PropType<TableProps<any>['rowKey']>,\n  /**\n   * @description whether Table header is visible\n   */\n  showHeader: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to display a summary row\n   */\n  showSummary: Boolean,\n  /**\n   * @description displayed text for the first column of summary row\n   */\n  sumText: String,\n  /**\n   * @description custom summary method\n   */\n  summaryMethod: Function as PropType<TableProps<any>['summaryMethod']>,\n  /**\n   * @description function that returns custom class names for a row, or a string assigning class names for every row\n   */\n  rowClassName: [String, Function] as PropType<TableProps<any>['rowClassName']>,\n  /**\n   * @description function that returns custom style for a row, or an object assigning custom style for every row\n   */\n  rowStyle: [Object, Function] as PropType<TableProps<any>['rowStyle']>,\n  /**\n   * @description function that returns custom class names for a cell, or a string assigning class names for every cell\n   */\n  cellClassName: [String, Function] as PropType<\n    TableProps<any>['cellClassName']\n  >,\n  /**\n   * @description function that returns custom style for a cell, or an object assigning custom style for every cell\n   */\n  cellStyle: [Object, Function] as PropType<TableProps<any>['cellStyle']>,\n  /**\n   * @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header\n   */\n  headerRowClassName: [String, Function] as PropType<\n    TableProps<any>['headerRowClassName']\n  >,\n  /**\n   * @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header\n   */\n  headerRowStyle: [Object, Function] as PropType<\n    TableProps<any>['headerRowStyle']\n  >,\n  /**\n   * @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header\n   */\n  headerCellClassName: [String, Function] as PropType<\n    TableProps<any>['headerCellClassName']\n  >,\n  /**\n   * @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header\n   */\n  headerCellStyle: [Object, Function] as PropType<\n    TableProps<any>['headerCellStyle']\n  >,\n  /**\n   * @description whether current row is highlighted\n   */\n  highlightCurrentRow: Boolean,\n  /**\n   * @description key of current row, a set only prop\n   */\n  currentRowKey: [String, Number],\n  /**\n   * @description displayed text when data is empty. You can customize this area with `#empty`\n   */\n  emptyText: String,\n  /**\n   * @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop\n   */\n  expandRowKeys: Array as PropType<TableProps<any>['expandRowKeys']>,\n  /**\n   * @description whether expand all rows by default, works when the table has a column type=\"expand\" or contains tree structure data\n   */\n  defaultExpandAll: Boolean,\n  /**\n   * @description enable expandable rows, works when the table has a column type=\"expand\"\n   */\n  rowExpandable: {\n    type: Function as PropType<TableProps<any>['rowExpandable']>,\n  },\n  /**\n   * @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order\n   */\n  defaultSort: Object as PropType<TableProps<any>['defaultSort']>,\n  /**\n   * @description the `effect` of the overflow tooltip\n   */\n  tooltipEffect: String,\n  /**\n   * @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)\n   */\n  tooltipOptions: Object as PropType<TableProps<any>['tooltipOptions']>,\n  /**\n   * @description method that returns rowspan and colspan\n   */\n  spanMethod: Function as PropType<TableProps<any>['spanMethod']>,\n  /**\n   * @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected\n   */\n  selectOnIndeterminate: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description horizontal indentation of tree data\n   */\n  indent: {\n    type: Number,\n    default: 16,\n  },\n  /**\n   * @description configuration for rendering nested data\n   */\n  treeProps: {\n    type: Object as PropType<TableProps<any>['treeProps']>,\n    default: () => {\n      return {\n        hasChildren: 'hasChildren',\n        children: 'children',\n        checkStrictly: false,\n      }\n    },\n  },\n  /**\n   * @description whether to lazy loading data\n   */\n  lazy: Boolean,\n  /**\n   * @description method for loading child row data, only works when `lazy` is true\n   */\n  load: Function as PropType<TableProps<any>['load']>,\n  style: {\n    type: [String, Object, Array, Boolean] as PropType<\n      TableProps<any>['style']\n    >,\n    default: () => ({}),\n  },\n  className: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description sets the algorithm used to lay out table cells, rows, and columns\n   */\n  tableLayout: {\n    type: String as PropType<Layout>,\n    default: 'fixed',\n  },\n  /**\n   * @description always show scrollbar\n   */\n  scrollbarAlwaysOn: Boolean,\n  /**\n   * @description ensure main axis minimum-size doesn't follow the content\n   */\n  flexible: Boolean,\n  /**\n   * @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns\n   */\n  showOverflowTooltip: {\n    type: [Boolean, Object] as PropType<TableProps<any>['showOverflowTooltip']>,\n    default: undefined,\n  },\n  /**\n   * @description function that formats cell tooltip content, works when `show-overflow-tooltip` is `true`\n   */\n  tooltipFormatter: Function as PropType<TableProps<any>['tooltipFormatter']>,\n  appendFilterPanelTo: String,\n  scrollbarTabindex: {\n    type: [Number, String],\n    default: undefined,\n  },\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to preserve expanded row content in DOM when collapsed\n   */\n  preserveExpandedContent: Boolean,\n  /**\n   * @description whether to use native scrollbars\n   */\n  nativeScrollbar: Boolean,\n}\nexport type {\n  SummaryMethod,\n  Table,\n  TableProps,\n  TableRefs,\n  ColumnCls,\n  ColumnStyle,\n  CellCls,\n  CellStyle,\n  DefaultRow,\n  TreeNode,\n  RenderRowData,\n  Sort,\n  Filter,\n  TableColumnCtx,\n  TreeProps,\n  TableTooltipData,\n  TableSortOrder,\n  RenderExpanded,\n  TableConfigContext,\n}\n\nexport default tableProps\n"],"mappings":";;;;;;;;;AA0VA,MAAa,aAAa;;;;CAIxB,MAAM;EACJ,MAAM;EACN,eAAe,EAAE;EAClB;;;;CAID,MAAMA,cAAAA;CACN,OAAO,CAAC,QAAQ,OAAO;;;;CAIvB,QAAQ,CAAC,QAAQ,OAAO;;;;CAIxB,WAAW,CAAC,QAAQ,OAAO;;;;CAI3B,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;;;;CAIR,QAAQ;;;;CAIR,QAAQ,CAAC,QAAQ,SAAS;;;;CAI1B,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,aAAa;;;;CAIb,SAAS;;;;CAIT,eAAe;;;;CAIf,cAAc,CAAC,QAAQ,SAAS;;;;CAIhC,UAAU,CAAC,QAAQ,SAAS;;;;CAI5B,eAAe,CAAC,QAAQ,SAAS;;;;CAMjC,WAAW,CAAC,QAAQ,SAAS;;;;CAI7B,oBAAoB,CAAC,QAAQ,SAAS;;;;CAMtC,gBAAgB,CAAC,QAAQ,SAAS;;;;CAMlC,qBAAqB,CAAC,QAAQ,SAAS;;;;CAMvC,iBAAiB,CAAC,QAAQ,SAAS;;;;CAMnC,qBAAqB;;;;CAIrB,eAAe,CAAC,QAAQ,OAAO;;;;CAI/B,WAAW;;;;CAIX,eAAe;;;;CAIf,kBAAkB;;;;CAIlB,eAAe,EACb,MAAM,UACP;;;;CAID,aAAa;;;;CAIb,eAAe;;;;CAIf,gBAAgB;;;;CAIhB,YAAY;;;;CAIZ,uBAAuB;EACrB,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,eAAe;GACb,OAAO;IACL,aAAa;IACb,UAAU;IACV,eAAe;IAChB;;EAEJ;;;;CAID,MAAM;;;;CAIN,MAAM;CACN,OAAO;EACL,MAAM;GAAC;GAAQ;GAAQ;GAAO;GAAQ;EAGtC,gBAAgB,EAAE;EACnB;CACD,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,aAAa;EACX,MAAM;EACN,SAAS;EACV;;;;CAID,mBAAmB;;;;CAInB,UAAU;;;;CAIV,qBAAqB;EACnB,MAAM,CAAC,SAAS,OAAO;EACvB,SAAS,KAAA;EACV;;;;CAID,kBAAkB;CAClB,qBAAqB;CACrB,mBAAmB;EACjB,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS,KAAA;EACV;;;;CAID,qBAAqB;EACnB,MAAM;EACN,SAAS;EACV;;;;CAID,yBAAyB;;;;CAIzB,iBAAiB;CAClB"}
+{"version":3,"file":"defaults.js","names":["useSizeProp"],"sources":["../../../../../../../packages/components/table/src/table/defaults.ts"],"sourcesContent":["import { useSizeProp } from '@element-plus/hooks'\n\nimport type {\n  CSSProperties,\n  ComponentInternalInstance,\n  PropType,\n  Ref,\n  StyleValue,\n  VNode,\n} from 'vue'\nimport type { ComponentSize } from '@element-plus/constants'\nimport type { Nullable } from '@element-plus/utils'\nimport type { Store } from '../store'\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type TableLayout from '../table-layout'\nimport type {\n  TableOverflowTooltipFormatter,\n  TableOverflowTooltipOptions,\n} from '../util'\n\ntype DefaultRow = Record<PropertyKey, any>\n\ninterface TableRefs {\n  tableWrapper: HTMLElement\n  headerWrapper: HTMLElement\n  footerWrapper: HTMLElement\n  fixedBodyWrapper: HTMLElement\n  rightFixedBodyWrapper: HTMLElement\n  bodyWrapper: HTMLElement\n  appendWrapper: HTMLElement\n  [key: string]: any\n}\n\ninterface TableState {\n  isGroup: Ref<boolean>\n  resizeState: Ref<{\n    width: any\n    height: any\n  }>\n  doLayout: () => void\n  debouncedUpdateLayout: () => void\n}\n\ninterface TreeProps {\n  hasChildren?: string\n  children?: string\n  checkStrictly?: boolean\n}\n\ntype HoverState<T extends DefaultRow> = Nullable<{\n  cell: HTMLElement\n  column: TableColumnCtx<T>\n  row: T\n}>\n\ntype RIS<T extends DefaultRow> = {\n  row: T\n  $index: number\n  store: Store<T>\n  expanded: boolean\n}\n\ntype RenderExpanded<T extends DefaultRow> = ({\n  row,\n  $index,\n  store,\n  expanded,\n}: RIS<T>) => VNode[] | undefined\n\ntype SummaryMethod<T extends DefaultRow> = (data: {\n  columns: TableColumnCtx<T>[]\n  data: T[]\n}) => (string | VNode)[]\n\ninterface Table<T extends DefaultRow = any> extends Omit<\n  ComponentInternalInstance,\n  'emit'\n> {\n  $ready: boolean\n  hoverState?: HoverState<T> | null\n  renderExpanded: RenderExpanded<T>\n  store: Store<T>\n  layout: TableLayout<T>\n  refs: TableRefs\n  tableId: string\n  state: TableState\n  emit: TableEmits<T>\n}\n\ntype ColumnCls<T> = string | ((data: { row: T; rowIndex: number }) => string)\ntype ColumnStyle<T> =\n  | CSSProperties\n  | ((data: { row: T; rowIndex: number }) => CSSProperties)\ntype CellCls<T extends DefaultRow> =\n  | string\n  | ((data: {\n      row: T\n      rowIndex: number\n      column: TableColumnCtx<T>\n      columnIndex: number\n    }) => string)\ntype CellStyle<T extends DefaultRow> =\n  | CSSProperties\n  | ((data: {\n      row: T\n      rowIndex: number\n      column: TableColumnCtx<T>\n      columnIndex: number\n    }) => CSSProperties)\ntype Layout = 'fixed' | 'auto'\ninterface TableProps<T extends DefaultRow = DefaultRow> {\n  /**\n   * @description table data\n   */\n  data?: T[]\n  /**\n   * @description size of Table\n   */\n  size?: ComponentSize\n  width?: string | number\n  /**\n   * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles\n   */\n  height?: string | number\n  /**\n   * @description table's max-height. The legal value is a number or the height in px\n   */\n  maxHeight?: string | number\n  /**\n   * @description whether width of column automatically fits its container\n   */\n  fit?: boolean\n  /**\n   * @description whether Table is striped\n   */\n  stripe?: boolean\n  /**\n   * @description whether Table has vertical border\n   */\n  border?: boolean\n  /**\n   * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used\n   */\n  rowKey?: string | ((row: T) => string)\n  context?: Table<T>\n  /**\n   * @description whether Table header is visible\n   */\n  showHeader?: boolean\n  /**\n   * @description whether to display a summary row\n   */\n  showSummary?: boolean\n  /**\n   * @description displayed text for the first column of summary row\n   */\n  sumText?: string\n  /**\n   * @description custom summary method\n   */\n  summaryMethod?: SummaryMethod<T>\n  /**\n   * @description function that returns custom class names for a row, or a string assigning class names for every row\n   */\n  rowClassName?: ColumnCls<T>\n  /**\n   * @description function that returns custom style for a row, or an object assigning custom style for every row\n   */\n  rowStyle?: ColumnStyle<T>\n  /**\n   * @description function that returns custom class names for a cell, or a string assigning class names for every cell\n   */\n  cellClassName?: CellCls<T>\n  /**\n   * @description function that returns custom style for a cell, or an object assigning custom style for every cell\n   */\n  cellStyle?: CellStyle<T>\n  /**\n   * @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header\n   */\n  headerRowClassName?: ColumnCls<T>\n  /**\n   * @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header\n   */\n  headerRowStyle?: ColumnStyle<T>\n  /**\n   * @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header\n   */\n  headerCellClassName?: CellCls<T>\n  /**\n   * @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header\n   */\n  headerCellStyle?: CellStyle<T>\n  /**\n   * @description whether current row is highlighted\n   */\n  highlightCurrentRow?: boolean\n  /**\n   * @description key of current row, a set only prop\n   */\n  currentRowKey?: string | number\n  /**\n   * @description displayed text when data is empty. You can customize this area with `#empty`\n   */\n  emptyText?: string\n  /**\n   * @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop\n   */\n  expandRowKeys?: Array<string>\n  /**\n   * @description whether expand all rows by default, works when the table has a column type=\"expand\" or contains tree structure data\n   */\n  defaultExpandAll?: boolean\n  /**\n   * @description enable expandable rows, works when the table has a column type=\"expand\"\n   */\n  rowExpandable?: (row: T, index: number) => boolean\n  /**\n   * @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order\n   */\n  defaultSort?: Sort\n  /**\n   * @description the `effect` of the overflow tooltip\n   */\n  tooltipEffect?: string\n  /**\n   * @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)\n   */\n  tooltipOptions?: TableOverflowTooltipOptions\n  /**\n   * @description method that returns rowspan and colspan\n   */\n  spanMethod?: (data: {\n    row: T\n    rowIndex: number\n    column: TableColumnCtx<T>\n    columnIndex: number\n  }) =>\n    | number[]\n    | {\n        rowspan: number\n        colspan: number\n      }\n    | undefined\n  /**\n   * @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected\n   */\n  selectOnIndeterminate?: boolean\n  /**\n   * @description horizontal indentation of tree data\n   */\n  indent?: number\n  /**\n   * @description configuration for rendering nested data\n   */\n  treeProps?: TreeProps\n  /**\n   * @description whether to lazy loading data\n   */\n  lazy?: boolean\n  /**\n   * @description method for loading child row data, only works when `lazy` is true\n   */\n  load?: (row: T, treeNode: TreeNode, resolve: (data: T[]) => void) => void\n  className?: string\n  style?: StyleValue\n  /**\n   * @description sets the algorithm used to lay out table cells, rows, and columns\n   */\n  tableLayout?: Layout\n  /**\n   * @description always show scrollbar\n   */\n  scrollbarAlwaysOn?: boolean\n  /**\n   * @description ensure main axis minimum-size doesn't follow the content\n   */\n  flexible?: boolean\n  /**\n   * @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns\n   */\n  showOverflowTooltip?: boolean | TableOverflowTooltipOptions\n  /**\n   * @description function that formats cell tooltip content, works when `show-overflow-tooltip` is `true`\n   */\n  tooltipFormatter?: TableOverflowTooltipFormatter<T>\n  appendFilterPanelTo?: string\n  scrollbarTabindex?: number | string\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn?: boolean\n  /**\n   * @description whether to preserve expanded row content in DOM when collapsed\n   */\n  preserveExpandedContent?: boolean\n  /**\n   * @description whether to use native scrollbars\n   */\n  nativeScrollbar?: boolean\n}\n\ntype TableTooltipData<T extends DefaultRow> = Parameters<\n  TableOverflowTooltipFormatter<T>\n>[0]\ntype TableSortOrder = 'ascending' | 'descending'\n\ninterface Sort {\n  prop: string\n  order: TableSortOrder\n  init?: any\n  silent?: any\n}\n\ninterface Filter<T extends DefaultRow> {\n  column: TableColumnCtx<T>\n  values: string[]\n  silent: any\n}\n\ninterface TreeNode {\n  expanded?: boolean\n  loading?: boolean\n  noLazyChildren?: boolean\n  indent?: number\n  level?: number\n  display?: boolean\n}\n\ninterface RenderRowData<T extends DefaultRow> {\n  store: Store<T>\n  _self: Table<T>\n  column: TableColumnCtx<T>\n  row: T\n  $index: number\n  cellIndex: number\n  treeNode?: TreeNode\n  expanded: boolean\n}\n\ninterface TableConfigContext {\n  showOverflowTooltip?: boolean | TableOverflowTooltipOptions\n  tooltipEffect?: string\n  tooltipOptions?: TableOverflowTooltipOptions\n  tooltipFormatter?: TableOverflowTooltipFormatter<any>\n}\n\ninterface TableEmits<T extends DefaultRow = DefaultRow> {\n  (e: 'select', selection: T[], row: T): void\n  (e: 'select-all', selection: T[]): void\n  (e: 'selection-change', newSelection: T[]): void\n  (\n    e: 'cell-mouse-enter' | 'cell-mouse-leave' | 'cell-dblclick',\n    row: T,\n    column: TableColumnCtx<T>,\n    cell: HTMLTableCellElement,\n    event: MouseEvent\n  ): void\n  (\n    e: 'cell-contextmenu' | 'cell-click',\n    row: T,\n    column: TableColumnCtx<T>,\n    cell: HTMLTableCellElement,\n    event: PointerEvent\n  ): void\n  (\n    e: 'row-dblclick',\n    row: T,\n    column: TableColumnCtx<T> | null,\n    event: MouseEvent\n  ): void\n  (\n    e: 'row-click' | 'row-contextmenu',\n    row: T,\n    column: TableColumnCtx<T> | null,\n    event: PointerEvent\n  ): void\n  (\n    e: 'header-click' | 'header-contextmenu',\n    column: TableColumnCtx<T>,\n    event: PointerEvent\n  ): void\n  (\n    e: 'sort-change',\n    data: {\n      column: TableColumnCtx<T>\n      prop: string | null\n      order: TableSortOrder | null\n    }\n  ): void\n  (e: 'filter-change', newFilters: Record<string, string[]>): void\n  (e: 'current-change', currentRow: T | null, oldCurrentRow: T | null): void\n  (\n    e: 'header-dragend',\n    newWidth: number,\n    oldWidth: number,\n    column: TableColumnCtx<T>,\n    event: MouseEvent\n  ): void\n  (e: 'expand-change', row: T, expandedRows: T[]): void\n  (e: 'expand-change', row: T, expanded: boolean): void\n  (\n    e: 'scroll',\n    data: {\n      scrollLeft: number\n      scrollTop: number\n    }\n  ): void\n}\n\n/**\n * @deprecated Removed after 3.0.0, Use `TableProps` instead.\n */\nexport const tableProps = {\n  /**\n   * @description table data\n   */\n  data: {\n    type: Array as PropType<any[]>,\n    default: () => [],\n  },\n  /**\n   * @description size of Table\n   */\n  size: useSizeProp,\n  width: [String, Number],\n  /**\n   * @description table's height. By default it has an `auto` height. If its value is a number, the height is measured in pixels; if its value is a string, the value will be assigned to element's style.height, the height is affected by external styles\n   */\n  height: [String, Number],\n  /**\n   * @description table's max-height. The legal value is a number or the height in px\n   */\n  maxHeight: [String, Number],\n  /**\n   * @description whether width of column automatically fits its container\n   */\n  fit: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether Table is striped\n   */\n  stripe: Boolean,\n  /**\n   * @description whether Table has vertical border\n   */\n  border: Boolean,\n  /**\n   * @description key of row data, used for optimizing rendering. Required if `reserve-selection` is on or display tree data. When its type is String, multi-level access is supported, e.g. `user.info.id`, but `user.info[0].id` is not supported, in which case `Function` should be used\n   */\n  rowKey: [String, Function] as PropType<TableProps<any>['rowKey']>,\n  /**\n   * @description whether Table header is visible\n   */\n  showHeader: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to display a summary row\n   */\n  showSummary: Boolean,\n  /**\n   * @description displayed text for the first column of summary row\n   */\n  sumText: String,\n  /**\n   * @description custom summary method\n   */\n  summaryMethod: Function as PropType<TableProps<any>['summaryMethod']>,\n  /**\n   * @description function that returns custom class names for a row, or a string assigning class names for every row\n   */\n  rowClassName: [String, Function] as PropType<TableProps<any>['rowClassName']>,\n  /**\n   * @description function that returns custom style for a row, or an object assigning custom style for every row\n   */\n  rowStyle: [Object, Function] as PropType<TableProps<any>['rowStyle']>,\n  /**\n   * @description function that returns custom class names for a cell, or a string assigning class names for every cell\n   */\n  cellClassName: [String, Function] as PropType<\n    TableProps<any>['cellClassName']\n  >,\n  /**\n   * @description function that returns custom style for a cell, or an object assigning custom style for every cell\n   */\n  cellStyle: [Object, Function] as PropType<TableProps<any>['cellStyle']>,\n  /**\n   * @description function that returns custom class names for a row in table header, or a string assigning class names for every row in table header\n   */\n  headerRowClassName: [String, Function] as PropType<\n    TableProps<any>['headerRowClassName']\n  >,\n  /**\n   * @description function that returns custom style for a row in table header, or an object assigning custom style for every row in table header\n   */\n  headerRowStyle: [Object, Function] as PropType<\n    TableProps<any>['headerRowStyle']\n  >,\n  /**\n   * @description function that returns custom class names for a cell in table header, or a string assigning class names for every cell in table header\n   */\n  headerCellClassName: [String, Function] as PropType<\n    TableProps<any>['headerCellClassName']\n  >,\n  /**\n   * @description function that returns custom style for a cell in table header, or an object assigning custom style for every cell in table header\n   */\n  headerCellStyle: [Object, Function] as PropType<\n    TableProps<any>['headerCellStyle']\n  >,\n  /**\n   * @description whether current row is highlighted\n   */\n  highlightCurrentRow: Boolean,\n  /**\n   * @description key of current row, a set only prop\n   */\n  currentRowKey: [String, Number],\n  /**\n   * @description displayed text when data is empty. You can customize this area with `#empty`\n   */\n  emptyText: String,\n  /**\n   * @description set expanded rows by this prop, prop's value is the keys of expand rows, you should set row-key before using this prop\n   */\n  expandRowKeys: Array as PropType<TableProps<any>['expandRowKeys']>,\n  /**\n   * @description whether expand all rows by default, works when the table has a column type=\"expand\" or contains tree structure data\n   */\n  defaultExpandAll: Boolean,\n  /**\n   * @description enable expandable rows, works when the table has a column type=\"expand\"\n   */\n  rowExpandable: {\n    type: Function as PropType<TableProps<any>['rowExpandable']>,\n  },\n  /**\n   * @description set the default sort column and order. property `prop` is used to set default sort column, property `order` is used to set default sort order\n   */\n  defaultSort: Object as PropType<TableProps<any>['defaultSort']>,\n  /**\n   * @description the `effect` of the overflow tooltip\n   */\n  tooltipEffect: String,\n  /**\n   * @description the options for the overflow tooltip, [see the following tooltip component](tooltip.html#attributes)\n   */\n  tooltipOptions: Object as PropType<TableProps<any>['tooltipOptions']>,\n  /**\n   * @description method that returns rowspan and colspan\n   */\n  spanMethod: Function as PropType<TableProps<any>['spanMethod']>,\n  /**\n   * @description controls the behavior of master checkbox in multi-select tables when only some rows are selected (but not all). If true, all rows will be selected, else deselected\n   */\n  selectOnIndeterminate: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description horizontal indentation of tree data\n   */\n  indent: {\n    type: Number,\n    default: 16,\n  },\n  /**\n   * @description configuration for rendering nested data\n   */\n  treeProps: {\n    type: Object as PropType<TableProps<any>['treeProps']>,\n    default: () => {\n      return {\n        hasChildren: 'hasChildren',\n        children: 'children',\n        checkStrictly: false,\n      }\n    },\n  },\n  /**\n   * @description whether to lazy loading data\n   */\n  lazy: Boolean,\n  /**\n   * @description method for loading child row data, only works when `lazy` is true\n   */\n  load: Function as PropType<TableProps<any>['load']>,\n  style: {\n    type: [String, Object, Array, Boolean] as PropType<\n      TableProps<any>['style']\n    >,\n    default: () => ({}),\n  },\n  className: {\n    type: String,\n    default: '',\n  },\n  /**\n   * @description sets the algorithm used to lay out table cells, rows, and columns\n   */\n  tableLayout: {\n    type: String as PropType<Layout>,\n    default: 'fixed',\n  },\n  /**\n   * @description always show scrollbar\n   */\n  scrollbarAlwaysOn: Boolean,\n  /**\n   * @description ensure main axis minimum-size doesn't follow the content\n   */\n  flexible: Boolean,\n  /**\n   * @description whether to hide extra content and show them in a tooltip when hovering on the cell.It will affect all the table columns\n   */\n  showOverflowTooltip: {\n    type: [Boolean, Object] as PropType<TableProps<any>['showOverflowTooltip']>,\n    default: undefined,\n  },\n  /**\n   * @description function that formats cell tooltip content, works when `show-overflow-tooltip` is `true`\n   */\n  tooltipFormatter: Function as PropType<TableProps<any>['tooltipFormatter']>,\n  appendFilterPanelTo: String,\n  scrollbarTabindex: {\n    type: [Number, String],\n    default: undefined,\n  },\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn: {\n    type: Boolean,\n    default: true,\n  },\n  /**\n   * @description whether to preserve expanded row content in DOM when collapsed\n   */\n  preserveExpandedContent: Boolean,\n  /**\n   * @description whether to use native scrollbars\n   */\n  nativeScrollbar: Boolean,\n}\nexport type {\n  SummaryMethod,\n  Table,\n  TableProps,\n  TableRefs,\n  ColumnCls,\n  ColumnStyle,\n  CellCls,\n  CellStyle,\n  DefaultRow,\n  TreeNode,\n  RenderRowData,\n  Sort,\n  Filter,\n  TableColumnCtx,\n  TreeProps,\n  TableTooltipData,\n  TableSortOrder,\n  RenderExpanded,\n  TableConfigContext,\n  TableEmits,\n}\n\nexport default tableProps\n"],"mappings":";;;;;;;;;AA6ZA,MAAa,aAAa;;;;CAIxB,MAAM;EACJ,MAAM;EACN,eAAe,EAAE;EAClB;;;;CAID,MAAMA,cAAAA;CACN,OAAO,CAAC,QAAQ,OAAO;;;;CAIvB,QAAQ,CAAC,QAAQ,OAAO;;;;CAIxB,WAAW,CAAC,QAAQ,OAAO;;;;CAI3B,KAAK;EACH,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;;;;CAIR,QAAQ;;;;CAIR,QAAQ,CAAC,QAAQ,SAAS;;;;CAI1B,YAAY;EACV,MAAM;EACN,SAAS;EACV;;;;CAID,aAAa;;;;CAIb,SAAS;;;;CAIT,eAAe;;;;CAIf,cAAc,CAAC,QAAQ,SAAS;;;;CAIhC,UAAU,CAAC,QAAQ,SAAS;;;;CAI5B,eAAe,CAAC,QAAQ,SAAS;;;;CAMjC,WAAW,CAAC,QAAQ,SAAS;;;;CAI7B,oBAAoB,CAAC,QAAQ,SAAS;;;;CAMtC,gBAAgB,CAAC,QAAQ,SAAS;;;;CAMlC,qBAAqB,CAAC,QAAQ,SAAS;;;;CAMvC,iBAAiB,CAAC,QAAQ,SAAS;;;;CAMnC,qBAAqB;;;;CAIrB,eAAe,CAAC,QAAQ,OAAO;;;;CAI/B,WAAW;;;;CAIX,eAAe;;;;CAIf,kBAAkB;;;;CAIlB,eAAe,EACb,MAAM,UACP;;;;CAID,aAAa;;;;CAIb,eAAe;;;;CAIf,gBAAgB;;;;CAIhB,YAAY;;;;CAIZ,uBAAuB;EACrB,MAAM;EACN,SAAS;EACV;;;;CAID,QAAQ;EACN,MAAM;EACN,SAAS;EACV;;;;CAID,WAAW;EACT,MAAM;EACN,eAAe;GACb,OAAO;IACL,aAAa;IACb,UAAU;IACV,eAAe;IAChB;;EAEJ;;;;CAID,MAAM;;;;CAIN,MAAM;CACN,OAAO;EACL,MAAM;GAAC;GAAQ;GAAQ;GAAO;GAAQ;EAGtC,gBAAgB,EAAE;EACnB;CACD,WAAW;EACT,MAAM;EACN,SAAS;EACV;;;;CAID,aAAa;EACX,MAAM;EACN,SAAS;EACV;;;;CAID,mBAAmB;;;;CAInB,UAAU;;;;CAIV,qBAAqB;EACnB,MAAM,CAAC,SAAS,OAAO;EACvB,SAAS,KAAA;EACV;;;;CAID,kBAAkB;CAClB,qBAAqB;CACrB,mBAAmB;EACjB,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS,KAAA;EACV;;;;CAID,qBAAqB;EACnB,MAAM;EACN,SAAS;EACV;;;;CAID,yBAAyB;;;;CAIzB,iBAAiB;CAClB"}

package/lib/components/table/src/table/style-helper.d.ts

@@ -1,6 +1,6 @@
+import { Store } from "../store/index.js";
 import TableLayout from "../table-layout.js";
 import { DefaultRow, RenderExpanded, Table, TableProps } from "./defaults.js";
-import { Store } from "../store/index.js";
 import * as _$vue from "vue";
 
 //#region ../../packages/components/table/src/table/style-helper.d.ts

package/lib/components/table/src/table/utils-helper.d.ts

@@ -1,5 +1,5 @@
-import { DefaultRow } from "./defaults.js";
 import { Store } from "../store/index.js";
+import { DefaultRow } from "./defaults.js";
 
 //#region ../../packages/components/table/src/table/utils-helper.d.ts
 declare function useUtils<T extends DefaultRow>(store: Store<T>): {

package/lib/components/table/src/table-body/defaults.d.ts

@@ -1,6 +1,6 @@
 import { TableOverflowTooltipOptions } from "../util.js";
-import { ColumnCls, ColumnStyle, DefaultRow, Table } from "../table/defaults.js";
 import { Store } from "../store/index.js";
+import { ColumnCls, ColumnStyle, DefaultRow, Table } from "../table/defaults.js";
 import { PropType } from "vue";
 
 //#region ../../packages/components/table/src/table-body/defaults.d.ts

package/lib/components/table/src/table-body/events-helper.d.ts

@@ -6,9 +6,9 @@ import * as _$lodash_unified0 from "lodash-unified";
 
 //#region ../../packages/components/table/src/table-body/events-helper.d.ts
 declare function useEvents<T extends DefaultRow>(props: Partial<TableBodyProps<T>>): {
-  handleDoubleClick: (event: Event, row: T) => void;
-  handleClick: (event: Event, row: T) => void;
-  handleContextMenu: (event: Event, row: T) => void;
+  handleDoubleClick: (event: MouseEvent, row: T) => void;
+  handleClick: (event: PointerEvent, row: T) => void;
+  handleContextMenu: (event: PointerEvent, row: T) => void;
   handleMouseEnter: _$lodash_unified0.DebouncedFunc<(index: number) => void>;
   handleMouseLeave: _$lodash_unified0.DebouncedFunc<() => void>;
   handleCellMouseEnter: (event: MouseEvent, row: T, tooltipOptions: TableOverflowTooltipOptions) => void;

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

@@ -1 +1 @@
-{"version":3,"file":"events-helper.js","names":["TABLE_INJECTION_KEY","getCell","getColumnByCell","addClass","removePopper","hasClass","isGreaterThan","removeClass"],"sources":["../../../../../../../packages/components/table/src/table-body/events-helper.ts"],"sourcesContent":["import { h, inject, ref } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport {\n  addClass,\n  hasClass,\n  isGreaterThan,\n  removeClass,\n} from '@element-plus/utils'\nimport {\n  createTablePopper,\n  getCell,\n  getColumnByCell,\n  removePopper,\n} from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\n\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { TableBodyProps } from './defaults'\nimport type { TableOverflowTooltipOptions } from '../util'\nimport type { DefaultRow } from '../table/defaults'\n\nfunction useEvents<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n  const parent = inject(TABLE_INJECTION_KEY)\n  const tooltipContent = ref('')\n  const tooltipTrigger = ref(h('div'))\n  const handleEvent = (event: Event, row: T, name: string) => {\n    const table = parent\n    const cell = getCell(event)\n    let column: TableColumnCtx<T> | null = null\n    const namespace = table?.vnode.el?.dataset.prefix\n    if (cell) {\n      column = getColumnByCell(\n        {\n          columns: props.store?.states.columns.value ?? [],\n        },\n        cell,\n        namespace\n      )\n      if (column) {\n        table?.emit(`cell-${name}`, row, column, cell, event)\n      }\n    }\n    table?.emit(`row-${name}`, row, column, event)\n  }\n  const handleDoubleClick = (event: Event, row: T) => {\n    handleEvent(event, row, 'dblclick')\n  }\n  const handleClick = (event: Event, row: T) => {\n    props.store?.commit('setCurrentRow', row)\n    handleEvent(event, row, 'click')\n  }\n  const handleContextMenu = (event: Event, row: T) => {\n    handleEvent(event, row, 'contextmenu')\n  }\n  const handleMouseEnter = debounce((index: number) => {\n    props.store?.commit('setHoverRow', index)\n  }, 30)\n  const handleMouseLeave = debounce(() => {\n    props.store?.commit('setHoverRow', null)\n  }, 30)\n  const getPadding = (el: HTMLElement) => {\n    const style = window.getComputedStyle(el, null)\n    const paddingLeft = Number.parseInt(style.paddingLeft, 10) || 0\n    const paddingRight = Number.parseInt(style.paddingRight, 10) || 0\n    const paddingTop = Number.parseInt(style.paddingTop, 10) || 0\n    const paddingBottom = Number.parseInt(style.paddingBottom, 10) || 0\n    return {\n      left: paddingLeft,\n      right: paddingRight,\n      top: paddingTop,\n      bottom: paddingBottom,\n    }\n  }\n\n  const toggleRowClassByCell = (\n    rowSpan: number,\n    event: MouseEvent,\n    toggle: (el: Element, cls: string) => void\n  ) => {\n    let node: Node | null | undefined = (event?.target as Element | null)\n      ?.parentNode\n    while (rowSpan > 1) {\n      node = node?.nextSibling\n      if (!node || node.nodeName !== 'TR') break\n      toggle(node as Element, 'hover-row hover-fixed-row')\n      rowSpan--\n    }\n  }\n\n  const handleCellMouseEnter = (\n    event: MouseEvent,\n    row: T,\n    tooltipOptions: TableOverflowTooltipOptions\n  ) => {\n    if (!parent) return\n    const table = parent\n    const cell = getCell(event)\n    const namespace = table?.vnode.el?.dataset.prefix\n    let column: TableColumnCtx<T> | null = null\n    if (cell) {\n      column = getColumnByCell(\n        {\n          columns: props.store?.states.columns.value ?? [],\n        },\n        cell,\n        namespace\n      )\n      if (!column) {\n        return\n      }\n      if (cell.rowSpan > 1) {\n        toggleRowClassByCell(cell.rowSpan, event, addClass)\n      }\n      const hoverState = (table.hoverState = {\n        cell,\n        column: column as any,\n        row,\n      })\n      table?.emit(\n        'cell-mouse-enter',\n        hoverState.row,\n        hoverState.column,\n        hoverState.cell,\n        event\n      )\n    }\n\n    if (!tooltipOptions) {\n      if (removePopper?.trigger === cell) {\n        removePopper?.()\n      }\n      return\n    }\n\n    // 判断是否text-overflow, 如果是就显示tooltip\n    const cellChild = (event.target as HTMLElement).querySelector(\n      '.cell'\n    ) as HTMLElement\n    if (\n      !(\n        hasClass(cellChild, `${namespace}-tooltip`) &&\n        cellChild.childNodes.length &&\n        cellChild.textContent?.trim()\n      )\n    ) {\n      return\n    }\n    // use range width instead of scrollWidth to determine whether the text is overflowing\n    // to address a potential FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3\n    const range = document.createRange()\n    range.setStart(cellChild, 0)\n    range.setEnd(cellChild, cellChild.childNodes.length)\n    /** detail: https://github.com/element-plus/element-plus/issues/10790\n     *  What went wrong?\n     *  UI > Browser > Zoom, In Blink/WebKit, getBoundingClientRect() sometimes returns inexact values, probably due to lost precision during internal calculations. In the example above:\n     *    - Expected: 188\n     *    - Actual: 188.00000762939453\n     */\n    const { width: rangeWidth, height: rangeHeight } =\n      range.getBoundingClientRect()\n    const { width: cellChildWidth, height: cellChildHeight } =\n      cellChild.getBoundingClientRect()\n\n    const { top, left, right, bottom } = getPadding(cellChild)\n    const horizontalPadding = left + right\n    const verticalPadding = top + bottom\n    if (\n      isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) ||\n      isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) ||\n      // When using a high-resolution screen, it is possible that a returns cellChild.scrollWidth value of 1921 and\n      // cellChildWidth returns a value of 1920.994140625. #16856 #16673\n      isGreaterThan(cellChild.scrollWidth, cellChildWidth)\n    ) {\n      createTablePopper(\n        tooltipOptions,\n        (cell?.innerText || cell?.textContent) ?? '',\n        row,\n        column,\n        cell,\n        table\n      )\n    } else if (removePopper?.trigger === cell) {\n      removePopper?.()\n    }\n  }\n  const handleCellMouseLeave = (event: MouseEvent) => {\n    const cell = getCell(event)\n    if (!cell) return\n    if (cell.rowSpan > 1) {\n      toggleRowClassByCell(cell.rowSpan, event, removeClass)\n    }\n    const oldHoverState = parent?.hoverState\n    parent?.emit(\n      'cell-mouse-leave',\n      oldHoverState?.row,\n      oldHoverState?.column,\n      oldHoverState?.cell,\n      event\n    )\n  }\n\n  return {\n    handleDoubleClick,\n    handleClick,\n    handleContextMenu,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleCellMouseEnter,\n    handleCellMouseLeave,\n    tooltipContent,\n    tooltipTrigger,\n  }\n}\n\nexport default useEvents\n"],"mappings":";;;;;;;;;;;;AAqBA,SAAS,UAAgC,OAAmC;CAC1E,MAAM,UAAA,GAAA,IAAA,QAAgBA,eAAAA,oBAAoB;CAC1C,MAAM,kBAAA,GAAA,IAAA,KAAqB,GAAG;CAC9B,MAAM,kBAAA,GAAA,IAAA,MAAA,GAAA,IAAA,GAAuB,MAAM,CAAC;CACpC,MAAM,eAAe,OAAc,KAAQ,SAAiB;EAC1D,MAAM,QAAQ;EACd,MAAM,OAAOC,aAAAA,QAAQ,MAAM;EAC3B,IAAI,SAAmC;EACvC,MAAM,YAAY,OAAO,MAAM,IAAI,QAAQ;EAC3C,IAAI,MAAM;GACR,SAASC,aAAAA,gBACP,EACE,SAAS,MAAM,OAAO,OAAO,QAAQ,SAAS,EAAE,EACjD,EACD,MACA,UACD;GACD,IAAI,QACF,OAAO,KAAK,QAAQ,QAAQ,KAAK,QAAQ,MAAM,MAAM;;EAGzD,OAAO,KAAK,OAAO,QAAQ,KAAK,QAAQ,MAAM;;CAEhD,MAAM,qBAAqB,OAAc,QAAW;EAClD,YAAY,OAAO,KAAK,WAAW;;CAErC,MAAM,eAAe,OAAc,QAAW;EAC5C,MAAM,OAAO,OAAO,iBAAiB,IAAI;EACzC,YAAY,OAAO,KAAK,QAAQ;;CAElC,MAAM,qBAAqB,OAAc,QAAW;EAClD,YAAY,OAAO,KAAK,cAAc;;CAExC,MAAM,oBAAA,GAAA,eAAA,WAA6B,UAAkB;EACnD,MAAM,OAAO,OAAO,eAAe,MAAM;IACxC,GAAG;CACN,MAAM,oBAAA,GAAA,eAAA,gBAAkC;EACtC,MAAM,OAAO,OAAO,eAAe,KAAK;IACvC,GAAG;CACN,MAAM,cAAc,OAAoB;EACtC,MAAM,QAAQ,OAAO,iBAAiB,IAAI,KAAK;EAK/C,OAAO;GACL,MALkB,OAAO,SAAS,MAAM,aAAa,GAAG,IAAI;GAM5D,OALmB,OAAO,SAAS,MAAM,cAAc,GAAG,IAAI;GAM9D,KALiB,OAAO,SAAS,MAAM,YAAY,GAAG,IAAI;GAM1D,QALoB,OAAO,SAAS,MAAM,eAAe,GAAG,IAAI;GAMjE;;CAGH,MAAM,wBACJ,SACA,OACA,WACG;EACH,IAAI,QAAiC,OAAO,SACxC;EACJ,OAAO,UAAU,GAAG;GAClB,OAAO,MAAM;GACb,IAAI,CAAC,QAAQ,KAAK,aAAa,MAAM;GACrC,OAAO,MAAiB,4BAA4B;GACpD;;;CAIJ,MAAM,wBACJ,OACA,KACA,mBACG;EACH,IAAI,CAAC,QAAQ;EACb,MAAM,QAAQ;EACd,MAAM,OAAOD,aAAAA,QAAQ,MAAM;EAC3B,MAAM,YAAY,OAAO,MAAM,IAAI,QAAQ;EAC3C,IAAI,SAAmC;EACvC,IAAI,MAAM;GACR,SAASC,aAAAA,gBACP,EACE,SAAS,MAAM,OAAO,OAAO,QAAQ,SAAS,EAAE,EACjD,EACD,MACA,UACD;GACD,IAAI,CAAC,QACH;GAEF,IAAI,KAAK,UAAU,GACjB,qBAAqB,KAAK,SAAS,OAAOC,cAAAA,SAAS;GAErD,MAAM,aAAc,MAAM,aAAa;IACrC;IACQ;IACR;IACD;GACD,OAAO,KACL,oBACA,WAAW,KACX,WAAW,QACX,WAAW,MACX,MACD;;EAGH,IAAI,CAAC,gBAAgB;GACnB,IAAIC,aAAAA,cAAc,YAAY,MAC5B,aAAA,gBAAgB;GAElB;;EAIF,MAAM,YAAa,MAAM,OAAuB,cAC9C,QACD;EACD,IACE,EACEC,cAAAA,SAAS,WAAW,GAAG,UAAU,UAAU,IAC3C,UAAU,WAAW,UACrB,UAAU,aAAa,MAAM,GAG/B;EAIF,MAAM,QAAQ,SAAS,aAAa;EACpC,MAAM,SAAS,WAAW,EAAE;EAC5B,MAAM,OAAO,WAAW,UAAU,WAAW,OAAO;;;;;;;EAOpD,MAAM,EAAE,OAAO,YAAY,QAAQ,gBACjC,MAAM,uBAAuB;EAC/B,MAAM,EAAE,OAAO,gBAAgB,QAAQ,oBACrC,UAAU,uBAAuB;EAEnC,MAAM,EAAE,KAAK,MAAM,OAAO,WAAW,WAAW,UAAU;EAC1D,MAAM,oBAAoB,OAAO;EACjC,MAAM,kBAAkB,MAAM;EAC9B,IACEC,gBAAAA,cAAc,aAAa,mBAAmB,eAAe,IAC7DA,gBAAAA,cAAc,cAAc,iBAAiB,gBAAgB,IAG7DA,gBAAAA,cAAc,UAAU,aAAa,eAAe,EAEpD,aAAA,kBACE,iBACC,MAAM,aAAa,MAAM,gBAAgB,IAC1C,KACA,QACA,MACA,MACD;OACI,IAAIF,aAAAA,cAAc,YAAY,MACnC,aAAA,gBAAgB;;CAGpB,MAAM,wBAAwB,UAAsB;EAClD,MAAM,OAAOH,aAAAA,QAAQ,MAAM;EAC3B,IAAI,CAAC,MAAM;EACX,IAAI,KAAK,UAAU,GACjB,qBAAqB,KAAK,SAAS,OAAOM,cAAAA,YAAY;EAExD,MAAM,gBAAgB,QAAQ;EAC9B,QAAQ,KACN,oBACA,eAAe,KACf,eAAe,QACf,eAAe,MACf,MACD;;CAGH,OAAO;EACL;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACD"}
+{"version":3,"file":"events-helper.js","names":["TABLE_INJECTION_KEY","getCell","getColumnByCell","addClass","removePopper","hasClass","isGreaterThan","removeClass"],"sources":["../../../../../../../packages/components/table/src/table-body/events-helper.ts"],"sourcesContent":["import { h, inject, ref } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport {\n  addClass,\n  hasClass,\n  isGreaterThan,\n  removeClass,\n} from '@element-plus/utils'\nimport {\n  createTablePopper,\n  getCell,\n  getColumnByCell,\n  removePopper,\n} from '../util'\nimport { TABLE_INJECTION_KEY } from '../tokens'\n\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { TableBodyProps } from './defaults'\nimport type { TableOverflowTooltipOptions } from '../util'\nimport type { DefaultRow, Table } from '../table/defaults'\n\ninterface HandleEvent<T> {\n  (event: PointerEvent, row: T, name: 'click' | 'contextmenu'): void\n  (event: MouseEvent, row: T, name: 'dblclick'): void\n}\n\nfunction useEvents<T extends DefaultRow>(props: Partial<TableBodyProps<T>>) {\n  const parent = inject(TABLE_INJECTION_KEY) as Table<T>\n  const tooltipContent = ref('')\n  const tooltipTrigger = ref(h('div'))\n  const handleEvent: HandleEvent<T> = (event, row, name) => {\n    const table = parent\n    const cell = getCell(event)\n    let column: TableColumnCtx<T> | null = null\n    const namespace = table?.vnode.el?.dataset.prefix\n    if (cell) {\n      column = getColumnByCell(\n        {\n          columns: props.store?.states.columns.value ?? [],\n        },\n        cell,\n        namespace\n      )\n      if (column) {\n        // @ts-expect-error\n        table?.emit(`cell-${name}`, row, column, cell, event)\n      }\n    }\n    // @ts-expect-error\n    table?.emit(`row-${name}`, row, column, event)\n  }\n  const handleDoubleClick = (event: MouseEvent, row: T) => {\n    handleEvent(event, row, 'dblclick')\n  }\n  const handleClick = (event: PointerEvent, row: T) => {\n    props.store?.commit('setCurrentRow', row)\n    handleEvent(event, row, 'click')\n  }\n  const handleContextMenu = (event: PointerEvent, row: T) => {\n    handleEvent(event, row, 'contextmenu')\n  }\n  const handleMouseEnter = debounce((index: number) => {\n    props.store?.commit('setHoverRow', index)\n  }, 30)\n  const handleMouseLeave = debounce(() => {\n    props.store?.commit('setHoverRow', null)\n  }, 30)\n  const getPadding = (el: HTMLElement) => {\n    const style = window.getComputedStyle(el, null)\n    const paddingLeft = Number.parseInt(style.paddingLeft, 10) || 0\n    const paddingRight = Number.parseInt(style.paddingRight, 10) || 0\n    const paddingTop = Number.parseInt(style.paddingTop, 10) || 0\n    const paddingBottom = Number.parseInt(style.paddingBottom, 10) || 0\n    return {\n      left: paddingLeft,\n      right: paddingRight,\n      top: paddingTop,\n      bottom: paddingBottom,\n    }\n  }\n\n  const toggleRowClassByCell = (\n    rowSpan: number,\n    event: MouseEvent,\n    toggle: (el: Element, cls: string) => void\n  ) => {\n    let node: Node | null | undefined = (event?.target as Element | null)\n      ?.parentNode\n    while (rowSpan > 1) {\n      node = node?.nextSibling\n      if (!node || node.nodeName !== 'TR') break\n      toggle(node as Element, 'hover-row hover-fixed-row')\n      rowSpan--\n    }\n  }\n\n  const handleCellMouseEnter = (\n    event: MouseEvent,\n    row: T,\n    tooltipOptions: TableOverflowTooltipOptions\n  ) => {\n    if (!parent) return\n    const table = parent\n    const cell = getCell(event)\n    const namespace = table?.vnode.el?.dataset.prefix\n    let column: TableColumnCtx<T> | null = null\n    if (cell) {\n      column = getColumnByCell(\n        {\n          columns: props.store?.states.columns.value ?? [],\n        },\n        cell,\n        namespace\n      )\n      if (!column) {\n        return\n      }\n      if (cell.rowSpan > 1) {\n        toggleRowClassByCell(cell.rowSpan, event, addClass)\n      }\n      const hoverState = (table.hoverState = {\n        cell,\n        column: column as any,\n        row,\n      })\n      table?.emit(\n        'cell-mouse-enter',\n        hoverState.row,\n        hoverState.column,\n        hoverState.cell,\n        event\n      )\n    }\n\n    if (!tooltipOptions) {\n      if (removePopper?.trigger === cell) {\n        removePopper?.()\n      }\n      return\n    }\n\n    // 判断是否text-overflow, 如果是就显示tooltip\n    const cellChild = (event.target as HTMLElement).querySelector(\n      '.cell'\n    ) as HTMLElement\n    if (\n      !(\n        hasClass(cellChild, `${namespace}-tooltip`) &&\n        cellChild.childNodes.length &&\n        cellChild.textContent?.trim()\n      )\n    ) {\n      return\n    }\n    // use range width instead of scrollWidth to determine whether the text is overflowing\n    // to address a potential FireFox bug: https://bugzilla.mozilla.org/show_bug.cgi?id=1074543#c3\n    const range = document.createRange()\n    range.setStart(cellChild, 0)\n    range.setEnd(cellChild, cellChild.childNodes.length)\n    /** detail: https://github.com/element-plus/element-plus/issues/10790\n     *  What went wrong?\n     *  UI > Browser > Zoom, In Blink/WebKit, getBoundingClientRect() sometimes returns inexact values, probably due to lost precision during internal calculations. In the example above:\n     *    - Expected: 188\n     *    - Actual: 188.00000762939453\n     */\n    const { width: rangeWidth, height: rangeHeight } =\n      range.getBoundingClientRect()\n    const { width: cellChildWidth, height: cellChildHeight } =\n      cellChild.getBoundingClientRect()\n\n    const { top, left, right, bottom } = getPadding(cellChild)\n    const horizontalPadding = left + right\n    const verticalPadding = top + bottom\n    if (\n      isGreaterThan(rangeWidth + horizontalPadding, cellChildWidth) ||\n      isGreaterThan(rangeHeight + verticalPadding, cellChildHeight) ||\n      // When using a high-resolution screen, it is possible that a returns cellChild.scrollWidth value of 1921 and\n      // cellChildWidth returns a value of 1920.994140625. #16856 #16673\n      isGreaterThan(cellChild.scrollWidth, cellChildWidth)\n    ) {\n      createTablePopper(\n        tooltipOptions,\n        (cell?.innerText || cell?.textContent) ?? '',\n        row,\n        column,\n        cell,\n        table\n      )\n    } else if (removePopper?.trigger === cell) {\n      removePopper?.()\n    }\n  }\n  const handleCellMouseLeave = (event: MouseEvent) => {\n    const cell = getCell(event)\n    if (!cell) return\n    if (cell.rowSpan > 1) {\n      toggleRowClassByCell(cell.rowSpan, event, removeClass)\n    }\n    // From the normal user interaction flow, it should never be empty. However, to avoid potential runtime errors, we still keep this defensive optional handling.\n    const oldHoverState = parent?.hoverState as NonNullable<Table['hoverState']>\n    parent?.emit(\n      'cell-mouse-leave',\n      oldHoverState?.row,\n      oldHoverState?.column,\n      oldHoverState?.cell as HTMLTableCellElement,\n      event\n    )\n  }\n\n  return {\n    handleDoubleClick,\n    handleClick,\n    handleContextMenu,\n    handleMouseEnter,\n    handleMouseLeave,\n    handleCellMouseEnter,\n    handleCellMouseLeave,\n    tooltipContent,\n    tooltipTrigger,\n  }\n}\n\nexport default useEvents\n"],"mappings":"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"}

package/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 = []\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: Event) => handleDoubleClick($event, row),\n        onClick: ($event: Event) => handleClick($event, row),\n        onContextmenu: ($event: Event) => 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          },\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 = 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 = []\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          },\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 = 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-column/defaults.d.ts

@@ -1,6 +1,6 @@
 import { TableOverflowTooltipFormatter, TableOverflowTooltipOptions } from "../util.js";
-import { DefaultRow, Table, TableSortOrder } from "../table/defaults.js";
 import { Store } from "../store/index.js";
+import { DefaultRow, Table, TableSortOrder } from "../table/defaults.js";
 import { ComponentInternalInstance, PropType, Ref, VNode } from "vue";
 
 //#region ../../packages/components/table/src/table-column/defaults.d.ts
@@ -249,7 +249,7 @@ declare const tableColumnProps: {
    * @description whether column can be sorted. Remote sorting can be done by setting this attribute to 'custom' and listening to the `sort-change` event of Table
    */
   sortable: {
-    type: (StringConstructor | BooleanConstructor)[];
+    type: (BooleanConstructor | StringConstructor)[];
     default: boolean;
   };
   /**
@@ -293,7 +293,7 @@ declare const tableColumnProps: {
   /**
    * @description whether column is fixed at left / right. Will be fixed at left if `true`
    */
-  fixed: (StringConstructor | BooleanConstructor)[];
+  fixed: (BooleanConstructor | StringConstructor)[];
   /**
    * @description function that formats cell content
    */

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

@@ -1,7 +1,7 @@
 import { TableColumnCtx } from "../table-column/defaults.js";
+import { Store } from "../store/index.js";
 import TableLayout from "../table-layout.js";
 import { DefaultRow, Sort, SummaryMethod } from "../table/defaults.js";
-import { Store } from "../store/index.js";
 import * as _$vue from "vue";
 import { PropType } from "vue";
 

package/lib/components/table/src/table-header/event-helper.d.ts

@@ -5,8 +5,8 @@ import { DefaultRow, TableSortOrder } from "../table/defaults.js";
 
 //#region ../../packages/components/table/src/table-header/event-helper.d.ts
 declare function useEvent<T extends DefaultRow>(props: TableHeaderProps<T>, emit: EmitFn<string[]>): {
-  handleHeaderClick: (event: Event, column: TableColumnCtx<T>) => void;
-  handleHeaderContextMenu: (event: Event, column: TableColumnCtx<T>) => void;
+  handleHeaderClick: (event: PointerEvent, column: TableColumnCtx<T>) => void;
+  handleHeaderContextMenu: (event: PointerEvent, column: TableColumnCtx<T>) => void;
   handleMouseDown: (event: MouseEvent, column: TableColumnCtx<T>) => void;
   handleMouseMove: (event: MouseEvent, column: TableColumnCtx<T>) => void;
   handleMouseOut: () => void;

package/lib/components/table/src/table-header/event-helper.js

@@ -139,7 +139,7 @@ function useEvent(props, emit) {
 		if (sortingColumn !== column || sortingColumn === column && (0, lodash_unified.isNull)(sortingColumn.order)) {
 			if (sortingColumn) sortingColumn.order = null;
 			states.sortingColumn.value = column;
-			sortProp = column.property;
+			sortProp = column.property ?? null;
 		}
 		if (!order) sortOrder = column.order = null;
 		else sortOrder = column.order = order;

package/lib/components/table/src/table-header/event-helper.js.map

@@ -1 +1 @@
-{"version":3,"file":"event-helper.js","names":["TABLE_INJECTION_KEY","isClient","isElement","hasClass"],"sources":["../../../../../../../packages/components/table/src/table-header/event-helper.ts"],"sourcesContent":["import { getCurrentInstance, inject, ref } from 'vue'\nimport { isNull } from 'lodash-unified'\nimport {\n  addClass,\n  hasClass,\n  isClient,\n  isElement,\n  removeClass,\n} from '@element-plus/utils'\nimport { TABLE_INJECTION_KEY } from '../tokens'\n\nimport type { EmitFn } from '@element-plus/utils'\nimport type { TableHeaderProps } from '.'\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { DefaultRow, TableSortOrder } from '../table/defaults'\n\nfunction useEvent<T extends DefaultRow>(\n  props: TableHeaderProps<T>,\n  emit: EmitFn<string[]>\n) {\n  const instance = getCurrentInstance()\n  const parent = inject(TABLE_INJECTION_KEY)\n  const handleFilterClick = (event: Event) => {\n    event.stopPropagation()\n    return\n  }\n\n  const handleHeaderClick = (event: Event, column: TableColumnCtx<T>) => {\n    if (!column.filters && column.sortable) {\n      handleSortClick(event, column, false)\n    } else if (column.filterable && !column.sortable) {\n      handleFilterClick(event)\n    }\n    parent?.emit('header-click', column, event)\n  }\n\n  const handleHeaderContextMenu = (event: Event, column: TableColumnCtx<T>) => {\n    parent?.emit('header-contextmenu', column, event)\n  }\n  const draggingColumn = ref<TableColumnCtx<T> | null>(null)\n  const dragging = ref(false)\n  const dragState = ref<{\n    startMouseLeft: number\n    startLeft: number\n    startColumnLeft: number\n    tableLeft: number\n  }>()\n  const handleMouseDown = (event: MouseEvent, column: TableColumnCtx<T>) => {\n    if (!isClient) return\n    if (column.children && column.children.length > 0) return\n    /* istanbul ignore if */\n    if (\n      draggingColumn.value &&\n      props.border &&\n      draggingColumn.value.id === column.id\n    ) {\n      dragging.value = true\n\n      const table = parent\n      emit('set-drag-visible', true)\n      const tableEl = table?.vnode.el\n      const tableLeft = tableEl?.getBoundingClientRect().left\n      const columnEl = instance?.vnode?.el?.querySelector(`th.${column.id}`)\n      const columnRect = columnEl.getBoundingClientRect()\n      const minLeft = columnRect.left - tableLeft + 30\n\n      addClass(columnEl, 'noclick')\n\n      dragState.value = {\n        startMouseLeft: event.clientX,\n        startLeft: columnRect.right - tableLeft,\n        startColumnLeft: columnRect.left - tableLeft,\n        tableLeft,\n      }\n      const resizeProxy = table?.refs.resizeProxy as HTMLElement\n      resizeProxy.style.left = `${(dragState.value as any).startLeft}px`\n\n      document.onselectstart = function () {\n        return false\n      }\n      document.ondragstart = function () {\n        return false\n      }\n\n      const handleMouseMove = (event: MouseEvent) => {\n        const deltaLeft =\n          event.clientX - (dragState.value as any).startMouseLeft\n        const proxyLeft = (dragState.value as any).startLeft + deltaLeft\n\n        resizeProxy.style.left = `${Math.max(minLeft, proxyLeft)}px`\n      }\n\n      const handleMouseUp = () => {\n        if (dragging.value) {\n          const { startColumnLeft, startLeft } = dragState.value as any\n          const finalLeft = Number.parseInt(resizeProxy.style.left, 10)\n          const columnWidth = finalLeft - startColumnLeft\n          column.width = column.realWidth = columnWidth\n          table?.emit(\n            'header-dragend',\n            column.width,\n            startLeft - startColumnLeft,\n            column,\n            event\n          )\n          requestAnimationFrame(() => {\n            props.store.scheduleLayout(false, true)\n          })\n          document.body.style.cursor = ''\n          dragging.value = false\n          draggingColumn.value = null\n          dragState.value = undefined\n          emit('set-drag-visible', false)\n        }\n\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n        document.onselectstart = null\n        document.ondragstart = null\n\n        setTimeout(() => {\n          removeClass(columnEl, 'noclick')\n        }, 0)\n      }\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n    }\n  }\n\n  const handleMouseMove = (event: MouseEvent, column: TableColumnCtx<T>) => {\n    if (!props.border || (column.children && column.children.length > 0)) return\n    const el = event.target as HTMLElement\n    const target = isElement(el) ? el.closest('th') : null\n    if (!target) {\n      return\n    }\n\n    const isSortable = hasClass(target, 'is-sortable')\n\n    if (isSortable) {\n      const cursor = dragging.value ? 'col-resize' : ''\n      target.style.cursor = cursor\n\n      const caret = target.querySelector<HTMLElement>('.caret-wrapper')\n      if (caret) {\n        caret.style.cursor = cursor\n      }\n    }\n\n    if (!column.resizable || dragging.value) {\n      draggingColumn.value = null\n      return\n    }\n\n    const rect = target.getBoundingClientRect()\n    const isLastTh = target.parentNode?.lastElementChild === target\n    const allowDrag = props.allowDragLastColumn || !isLastTh\n    const isResizeHandleActive =\n      rect.width > 12 && rect.right - event.clientX < 8 && allowDrag\n    const cursor = isResizeHandleActive ? 'col-resize' : ''\n\n    document.body.style.cursor = cursor\n    draggingColumn.value = isResizeHandleActive ? (column as any) : null\n    if (isSortable) {\n      target.style.cursor = cursor\n    }\n  }\n\n  const handleMouseOut = () => {\n    if (!isClient || dragging.value) return\n    document.body.style.cursor = ''\n  }\n  const toggleOrder = ({ order, sortOrders }: TableColumnCtx<T>) => {\n    if ((order as string) === '') return sortOrders[0]\n    const index = sortOrders.indexOf(order || null)\n    return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1]\n  }\n  const handleSortClick = (\n    event: Event,\n    column: TableColumnCtx<T>,\n    givenOrder?: TableSortOrder | boolean\n  ) => {\n    event.stopPropagation()\n    const order = (\n      column.order === givenOrder ? null : givenOrder || toggleOrder(column)\n    ) as TableSortOrder | null\n    const target = (event.target as HTMLElement)?.closest('th')\n\n    if (target) {\n      if (hasClass(target, 'noclick')) {\n        removeClass(target, 'noclick')\n        return\n      }\n    }\n\n    if (!column.sortable) return\n\n    const clickTarget = event.currentTarget\n\n    if (\n      ['ascending', 'descending'].some(\n        (str) =>\n          hasClass(clickTarget as Element, str) &&\n          !column.sortOrders.includes(str as TableSortOrder)\n      )\n    ) {\n      return\n    }\n\n    const states = props.store.states\n    let sortProp = states.sortProp.value\n    let sortOrder\n    const sortingColumn = states.sortingColumn.value\n\n    if (\n      sortingColumn !== column ||\n      (sortingColumn === column && isNull(sortingColumn.order))\n    ) {\n      if (sortingColumn) {\n        sortingColumn.order = null\n      }\n      states.sortingColumn.value = column\n      sortProp = column.property\n    }\n    if (!order) {\n      sortOrder = column.order = null\n    } else {\n      sortOrder = column.order = order\n    }\n\n    states.sortProp.value = sortProp\n    states.sortOrder.value = sortOrder\n\n    parent?.store.commit('changeSortCondition')\n  }\n\n  return {\n    handleHeaderClick,\n    handleHeaderContextMenu,\n    handleMouseDown,\n    handleMouseMove,\n    handleMouseOut,\n    handleSortClick,\n    handleFilterClick,\n  }\n}\n\nexport default useEvent\n"],"mappings":"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"}
+{"version":3,"file":"event-helper.js","names":["TABLE_INJECTION_KEY","isClient","isElement","hasClass"],"sources":["../../../../../../../packages/components/table/src/table-header/event-helper.ts"],"sourcesContent":["import { getCurrentInstance, inject, ref } from 'vue'\nimport { isNull } from 'lodash-unified'\nimport {\n  addClass,\n  hasClass,\n  isClient,\n  isElement,\n  removeClass,\n} from '@element-plus/utils'\nimport { TABLE_INJECTION_KEY } from '../tokens'\n\nimport type { EmitFn } from '@element-plus/utils'\nimport type { TableHeaderProps } from '.'\nimport type { TableColumnCtx } from '../table-column/defaults'\nimport type { DefaultRow, TableSortOrder } from '../table/defaults'\n\nfunction useEvent<T extends DefaultRow>(\n  props: TableHeaderProps<T>,\n  emit: EmitFn<string[]>\n) {\n  const instance = getCurrentInstance()\n  const parent = inject(TABLE_INJECTION_KEY)\n  const handleFilterClick = (event: Event) => {\n    event.stopPropagation()\n    return\n  }\n\n  const handleHeaderClick = (\n    event: PointerEvent,\n    column: TableColumnCtx<T>\n  ) => {\n    if (!column.filters && column.sortable) {\n      handleSortClick(event, column, false)\n    } else if (column.filterable && !column.sortable) {\n      handleFilterClick(event)\n    }\n    parent?.emit('header-click', column, event)\n  }\n\n  const handleHeaderContextMenu = (\n    event: PointerEvent,\n    column: TableColumnCtx<T>\n  ) => {\n    parent?.emit('header-contextmenu', column, event)\n  }\n  const draggingColumn = ref<TableColumnCtx<T> | null>(null)\n  const dragging = ref(false)\n  const dragState = ref<{\n    startMouseLeft: number\n    startLeft: number\n    startColumnLeft: number\n    tableLeft: number\n  }>()\n  const handleMouseDown = (event: MouseEvent, column: TableColumnCtx<T>) => {\n    if (!isClient) return\n    if (column.children && column.children.length > 0) return\n    /* istanbul ignore if */\n    if (\n      draggingColumn.value &&\n      props.border &&\n      draggingColumn.value.id === column.id\n    ) {\n      dragging.value = true\n\n      const table = parent\n      emit('set-drag-visible', true)\n      const tableEl = table?.vnode.el\n      const tableLeft = tableEl?.getBoundingClientRect().left\n      const columnEl = instance?.vnode?.el?.querySelector(`th.${column.id}`)\n      const columnRect = columnEl.getBoundingClientRect()\n      const minLeft = columnRect.left - tableLeft + 30\n\n      addClass(columnEl, 'noclick')\n\n      dragState.value = {\n        startMouseLeft: event.clientX,\n        startLeft: columnRect.right - tableLeft,\n        startColumnLeft: columnRect.left - tableLeft,\n        tableLeft,\n      }\n      const resizeProxy = table?.refs.resizeProxy as HTMLElement\n      resizeProxy.style.left = `${(dragState.value as any).startLeft}px`\n\n      document.onselectstart = function () {\n        return false\n      }\n      document.ondragstart = function () {\n        return false\n      }\n\n      const handleMouseMove = (event: MouseEvent) => {\n        const deltaLeft =\n          event.clientX - (dragState.value as any).startMouseLeft\n        const proxyLeft = (dragState.value as any).startLeft + deltaLeft\n\n        resizeProxy.style.left = `${Math.max(minLeft, proxyLeft)}px`\n      }\n\n      const handleMouseUp = () => {\n        if (dragging.value) {\n          const { startColumnLeft, startLeft } = dragState.value as any\n          const finalLeft = Number.parseInt(resizeProxy.style.left, 10)\n          const columnWidth = finalLeft - startColumnLeft\n          column.width = column.realWidth = columnWidth\n          table?.emit(\n            'header-dragend',\n            column.width,\n            startLeft - startColumnLeft,\n            column,\n            event\n          )\n          requestAnimationFrame(() => {\n            props.store.scheduleLayout(false, true)\n          })\n          document.body.style.cursor = ''\n          dragging.value = false\n          draggingColumn.value = null\n          dragState.value = undefined\n          emit('set-drag-visible', false)\n        }\n\n        document.removeEventListener('mousemove', handleMouseMove)\n        document.removeEventListener('mouseup', handleMouseUp)\n        document.onselectstart = null\n        document.ondragstart = null\n\n        setTimeout(() => {\n          removeClass(columnEl, 'noclick')\n        }, 0)\n      }\n\n      document.addEventListener('mousemove', handleMouseMove)\n      document.addEventListener('mouseup', handleMouseUp)\n    }\n  }\n\n  const handleMouseMove = (event: MouseEvent, column: TableColumnCtx<T>) => {\n    if (!props.border || (column.children && column.children.length > 0)) return\n    const el = event.target as HTMLElement\n    const target = isElement(el) ? el.closest('th') : null\n    if (!target) {\n      return\n    }\n\n    const isSortable = hasClass(target, 'is-sortable')\n\n    if (isSortable) {\n      const cursor = dragging.value ? 'col-resize' : ''\n      target.style.cursor = cursor\n\n      const caret = target.querySelector<HTMLElement>('.caret-wrapper')\n      if (caret) {\n        caret.style.cursor = cursor\n      }\n    }\n\n    if (!column.resizable || dragging.value) {\n      draggingColumn.value = null\n      return\n    }\n\n    const rect = target.getBoundingClientRect()\n    const isLastTh = target.parentNode?.lastElementChild === target\n    const allowDrag = props.allowDragLastColumn || !isLastTh\n    const isResizeHandleActive =\n      rect.width > 12 && rect.right - event.clientX < 8 && allowDrag\n    const cursor = isResizeHandleActive ? 'col-resize' : ''\n\n    document.body.style.cursor = cursor\n    draggingColumn.value = isResizeHandleActive ? (column as any) : null\n    if (isSortable) {\n      target.style.cursor = cursor\n    }\n  }\n\n  const handleMouseOut = () => {\n    if (!isClient || dragging.value) return\n    document.body.style.cursor = ''\n  }\n  const toggleOrder = ({ order, sortOrders }: TableColumnCtx<T>) => {\n    if ((order as string) === '') return sortOrders[0]\n    const index = sortOrders.indexOf(order || null)\n    return sortOrders[index > sortOrders.length - 2 ? 0 : index + 1]\n  }\n  const handleSortClick = (\n    event: Event,\n    column: TableColumnCtx<T>,\n    givenOrder?: TableSortOrder | boolean\n  ) => {\n    event.stopPropagation()\n    const order = (\n      column.order === givenOrder ? null : givenOrder || toggleOrder(column)\n    ) as TableSortOrder | null\n    const target = (event.target as HTMLElement)?.closest('th')\n\n    if (target) {\n      if (hasClass(target, 'noclick')) {\n        removeClass(target, 'noclick')\n        return\n      }\n    }\n\n    if (!column.sortable) return\n\n    const clickTarget = event.currentTarget\n\n    if (\n      ['ascending', 'descending'].some(\n        (str) =>\n          hasClass(clickTarget as Element, str) &&\n          !column.sortOrders.includes(str as TableSortOrder)\n      )\n    ) {\n      return\n    }\n\n    const states = props.store.states\n    let sortProp = states.sortProp.value\n    let sortOrder\n    const sortingColumn = states.sortingColumn.value\n\n    if (\n      sortingColumn !== column ||\n      (sortingColumn === column && isNull(sortingColumn.order))\n    ) {\n      if (sortingColumn) {\n        sortingColumn.order = null\n      }\n      states.sortingColumn.value = column\n      sortProp = column.property ?? null\n    }\n    if (!order) {\n      sortOrder = column.order = null\n    } else {\n      sortOrder = column.order = order\n    }\n\n    states.sortProp.value = sortProp\n    states.sortOrder.value = sortOrder\n\n    parent?.store.commit('changeSortCondition')\n  }\n\n  return {\n    handleHeaderClick,\n    handleHeaderContextMenu,\n    handleMouseDown,\n    handleMouseMove,\n    handleMouseOut,\n    handleSortClick,\n    handleFilterClick,\n  }\n}\n\nexport default useEvent\n"],"mappings":"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"}

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

@@ -3,9 +3,9 @@ import { CheckboxProps, CheckboxValueType } from "../../../checkbox/src/checkbox
 import _default$1 from "../../../checkbox/src/checkbox-button.vue.js";
 import _default$2 from "../../../checkbox/src/checkbox-group.vue.js";
 import { TableColumnCtx } from "../table-column/defaults.js";
+import { Store } from "../store/index.js";
 import TableLayout from "../table-layout.js";
 import { DefaultRow, Sort, TableSortOrder } from "../table/defaults.js";
-import { Store } from "../store/index.js";
 import * as _$vue from "vue";
 import { ComponentInternalInstance, PropType, Ref } from "vue";
 
@@ -75,8 +75,8 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   getHeaderRowStyle: (rowIndex: number) => any;
   getHeaderCellClass: (rowIndex: number, columnIndex: number, row: any, column: TableColumnCtx<any>) => string;
   getHeaderCellStyle: (rowIndex: number, columnIndex: number, row: any, column: TableColumnCtx<any>) => _$vue.CSSProperties;
-  handleHeaderClick: (event: Event, column: TableColumnCtx<any>) => void;
-  handleHeaderContextMenu: (event: Event, column: TableColumnCtx<any>) => void;
+  handleHeaderClick: (event: PointerEvent, column: TableColumnCtx<any>) => void;
+  handleHeaderContextMenu: (event: PointerEvent, column: TableColumnCtx<any>) => void;
   handleMouseDown: (event: MouseEvent, column: TableColumnCtx<any>) => void;
   handleMouseMove: (event: MouseEvent, column: TableColumnCtx<any>) => void;
   handleMouseOut: () => void;
@@ -119,19 +119,19 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
 }, {}, {
   ElCheckbox: {
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      change: (val: CheckboxValueType) => void;
       "update:modelValue": (val: CheckboxValueType) => void;
+      change: (val: CheckboxValueType) => void;
     }, _$vue.PublicProps, {
-      name: string;
-      label: string | boolean | number | object;
-      value: string | boolean | number | object;
       id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
+      name: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -144,16 +144,16 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType) => any) | undefined;
     }>, {}, {}, {}, {}, {
-      name: string;
-      label: string | boolean | number | object;
-      value: string | boolean | number | object;
       id: string;
       disabled: boolean;
       modelValue: number | string | boolean;
       validateEvent: boolean;
+      name: string;
+      value: string | boolean | number | object;
+      label: string | boolean | number | object;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -163,19 +163,19 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-    onChange?: ((val: CheckboxValueType) => any) | undefined;
     "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
+    onChange?: ((val: CheckboxValueType) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    change: (val: CheckboxValueType) => void;
     "update:modelValue": (val: CheckboxValueType) => void;
+    change: (val: CheckboxValueType) => void;
   }, string, {
-    name: string;
-    label: string | boolean | number | object;
-    value: string | boolean | number | object;
     id: string;
     disabled: boolean;
     modelValue: number | string | boolean;
     validateEvent: boolean;
+    name: string;
+    value: string | boolean | number | object;
+    label: string | boolean | number | object;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;