@element-plus/nightly 0.0.20260427 → 0.0.20260428

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> {\n  data: T[]\n  size?: ComponentSize\n  width?: string | number\n  height?: string | number\n  maxHeight?: string | number\n  fit?: boolean\n  stripe?: boolean\n  border?: boolean\n  rowKey?: string | ((row: T) => string)\n  context?: Table<T>\n  showHeader?: boolean\n  showSummary?: boolean\n  sumText?: string\n  summaryMethod?: SummaryMethod<T>\n  rowClassName?: ColumnCls<T>\n  rowStyle?: ColumnStyle<T>\n  cellClassName?: CellCls<T>\n  cellStyle?: CellStyle<T>\n  headerRowClassName?: ColumnCls<T>\n  headerRowStyle?: ColumnStyle<T>\n  headerCellClassName?: CellCls<T>\n  headerCellStyle?: CellStyle<T>\n  highlightCurrentRow?: boolean\n  currentRowKey?: string | number\n  emptyText?: string\n  expandRowKeys?: Array<string>\n  defaultExpandAll?: boolean\n  rowExpandable?: (row: T, index: number) => boolean\n  defaultSort?: Sort\n  tooltipEffect?: string\n  tooltipOptions?: TableOverflowTooltipOptions\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  selectOnIndeterminate?: boolean\n  indent?: number\n  treeProps?: TreeProps\n  lazy?: boolean\n  load?: (row: T, treeNode: TreeNode, resolve: (data: T[]) => void) => void\n  className?: string\n  style?: StyleValue\n  tableLayout?: Layout\n  scrollbarAlwaysOn?: boolean\n  flexible?: boolean\n  showOverflowTooltip?: boolean | TableOverflowTooltipOptions\n  tooltipFormatter?: TableOverflowTooltipFormatter<T>\n  appendFilterPanelTo?: string\n  scrollbarTabindex?: number | string\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\nexport default {\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] as PropType<TableProps<any>['style']>,\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"],"mappings":";;;;AAoNA,uBAAe;CAIb,MAAM;EACJ,MAAM;EACN,eAAe,EAAE;EAClB;CAID,MAAMA;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;AACb,UAAO;IACL,aAAa;IACb,UAAU;IACV,eAAe;IAChB;;EAEJ;CAID,MAAM;CAIN,MAAM;CACN,OAAO;EACL,MAAM;GAAC;GAAQ;GAAQ;GAAM;EAC7B,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;EACV;CAID,kBAAkB;CAClB,qBAAqB;CACrB,mBAAmB;EACjB,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;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 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> {\n  data: T[]\n  size?: ComponentSize\n  width?: string | number\n  height?: string | number\n  maxHeight?: string | number\n  fit?: boolean\n  stripe?: boolean\n  border?: boolean\n  rowKey?: string | ((row: T) => string)\n  context?: Table<T>\n  showHeader?: boolean\n  showSummary?: boolean\n  sumText?: string\n  summaryMethod?: SummaryMethod<T>\n  rowClassName?: ColumnCls<T>\n  rowStyle?: ColumnStyle<T>\n  cellClassName?: CellCls<T>\n  cellStyle?: CellStyle<T>\n  headerRowClassName?: ColumnCls<T>\n  headerRowStyle?: ColumnStyle<T>\n  headerCellClassName?: CellCls<T>\n  headerCellStyle?: CellStyle<T>\n  highlightCurrentRow?: boolean\n  currentRowKey?: string | number\n  emptyText?: string\n  expandRowKeys?: Array<string>\n  defaultExpandAll?: boolean\n  rowExpandable?: (row: T, index: number) => boolean\n  defaultSort?: Sort\n  tooltipEffect?: string\n  tooltipOptions?: TableOverflowTooltipOptions\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  selectOnIndeterminate?: boolean\n  indent?: number\n  treeProps?: TreeProps\n  lazy?: boolean\n  load?: (row: T, treeNode: TreeNode, resolve: (data: T[]) => void) => void\n  className?: string\n  style?: StyleValue\n  tableLayout?: Layout\n  scrollbarAlwaysOn?: boolean\n  flexible?: boolean\n  showOverflowTooltip?: boolean | TableOverflowTooltipOptions\n  tooltipFormatter?: TableOverflowTooltipFormatter<T>\n  appendFilterPanelTo?: string\n  scrollbarTabindex?: number | string\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\nexport default {\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"],"mappings":";;;;AAoNA,uBAAe;CAIb,MAAM;EACJ,MAAM;EACN,eAAe,EAAE;EAClB;CAID,MAAMA;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;AACb,UAAO;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;EACV;CAID,kBAAkB;CAClB,qBAAqB;CACrB,mBAAmB;EACjB,MAAM,CAAC,QAAQ,OAAO;EACtB,SAAS;EACV;CAID,qBAAqB;EACnB,MAAM;EACN,SAAS;EACV;CAID,yBAAyB;CAIzB,iBAAiB;CAClB"}

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

@@ -1,4 +1,3 @@
-import { ComponentSize } from "../../../../constants/size.js";
 import { CheckboxProps, CheckboxValueType } from "../../../checkbox/src/checkbox.js";
 import { _default as _default$1 } from "../../../checkbox/src/checkbox-button.vue.js";
 import { _default as _default$2 } from "../../../checkbox/src/checkbox-group.vue.js";
@@ -200,28 +199,26 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       default?: (props: {}) => any;
     };
   }) & vue.ObjectPlugin & {
-    setPropsDefaults: (defaults: Partial<Omit<{
-      readonly modelValue?: number | string | boolean | undefined;
-      readonly label?: string | boolean | number | object | undefined;
-      readonly value?: string | boolean | number | object | undefined;
-      readonly indeterminate?: boolean | undefined;
-      readonly disabled?: boolean | undefined;
-      readonly checked?: boolean | undefined;
-      readonly name?: string | undefined;
-      readonly trueValue?: string | number | undefined;
-      readonly falseValue?: string | number | undefined;
-      readonly trueLabel?: string | number | undefined;
-      readonly falseLabel?: string | number | undefined;
-      readonly id?: string | undefined;
-      readonly border?: boolean | undefined;
-      readonly size?: ComponentSize | undefined;
-      readonly tabindex?: string | number | undefined;
-      readonly validateEvent?: boolean | undefined;
-      readonly ariaLabel?: string | undefined;
-      readonly ariaControls?: string | undefined;
-      readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
-      readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onChange" | "onUpdate:modelValue" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
+    setPropsDefaults: (defaults: {
+      readonly modelValue?: string | number | boolean | (() => string | number | boolean) | undefined;
+      readonly label?: string | number | boolean | (() => string | number | boolean | object) | undefined;
+      readonly value?: string | number | boolean | (() => string | number | boolean | object) | undefined;
+      readonly indeterminate?: boolean | (() => boolean) | undefined;
+      readonly disabled?: boolean | (() => boolean) | undefined;
+      readonly checked?: boolean | (() => boolean) | undefined;
+      readonly name?: string | (() => string) | undefined;
+      readonly trueValue?: string | number | (() => string | number) | undefined;
+      readonly falseValue?: string | number | (() => string | number) | undefined;
+      readonly trueLabel?: string | number | (() => string | number) | undefined;
+      readonly falseLabel?: string | number | (() => string | number) | undefined;
+      readonly id?: string | (() => string) | undefined;
+      readonly border?: boolean | (() => boolean) | undefined;
+      readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
+      readonly tabindex?: string | number | (() => string | number) | undefined;
+      readonly validateEvent?: boolean | (() => boolean) | undefined;
+      readonly ariaLabel?: string | (() => string) | undefined;
+      readonly ariaControls?: string | (() => string) | undefined;
+    }) => void;
   } & {
     CheckboxButton: typeof _default$1;
     CheckboxGroup: typeof _default$2;

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

@@ -1,4 +1,3 @@
-import { ComponentSize } from "../../../../constants/size.js";
 import { Translator } from "../../../../hooks/use-locale/index.js";
 import { CheckboxProps, CheckboxValueType } from "../../../checkbox/src/checkbox.js";
 import { _default as _default$1 } from "../../../checkbox/src/checkbox-button.vue.js";
@@ -187,28 +186,26 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
       default?: (props: {}) => any;
     };
   }) & vue.ObjectPlugin & {
-    setPropsDefaults: (defaults: Partial<Omit<{
-      readonly modelValue?: number | string | boolean | undefined;
-      readonly label?: string | boolean | number | object | undefined;
-      readonly value?: string | boolean | number | object | undefined;
-      readonly indeterminate?: boolean | undefined;
-      readonly disabled?: boolean | undefined;
-      readonly checked?: boolean | undefined;
-      readonly name?: string | undefined;
-      readonly trueValue?: string | number | undefined;
-      readonly falseValue?: string | number | undefined;
-      readonly trueLabel?: string | number | undefined;
-      readonly falseLabel?: string | number | undefined;
-      readonly id?: string | undefined;
-      readonly border?: boolean | undefined;
-      readonly size?: ComponentSize | undefined;
-      readonly tabindex?: string | number | undefined;
-      readonly validateEvent?: boolean | undefined;
-      readonly ariaLabel?: string | undefined;
-      readonly ariaControls?: string | undefined;
-      readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
-      readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-    } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onChange" | "onUpdate:modelValue" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
+    setPropsDefaults: (defaults: {
+      readonly modelValue?: string | number | boolean | (() => string | number | boolean) | undefined;
+      readonly label?: string | number | boolean | (() => string | number | boolean | object) | undefined;
+      readonly value?: string | number | boolean | (() => string | number | boolean | object) | undefined;
+      readonly indeterminate?: boolean | (() => boolean) | undefined;
+      readonly disabled?: boolean | (() => boolean) | undefined;
+      readonly checked?: boolean | (() => boolean) | undefined;
+      readonly name?: string | (() => string) | undefined;
+      readonly trueValue?: string | number | (() => string | number) | undefined;
+      readonly falseValue?: string | number | (() => string | number) | undefined;
+      readonly trueLabel?: string | number | (() => string | number) | undefined;
+      readonly falseLabel?: string | number | (() => string | number) | undefined;
+      readonly id?: string | (() => string) | undefined;
+      readonly border?: boolean | (() => boolean) | undefined;
+      readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
+      readonly tabindex?: string | number | (() => string | number) | undefined;
+      readonly validateEvent?: boolean | (() => boolean) | undefined;
+      readonly ariaLabel?: string | (() => string) | undefined;
+      readonly ariaControls?: string | (() => string) | undefined;
+    }) => void;
   } & {
     CheckboxButton: typeof _default$1;
     CheckboxGroup: typeof _default$2;

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

@@ -1,6 +1,5 @@
 import { SFCWithInstall } from "../../../utils/vue/typescript.js";
 import { EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { ComponentSize } from "../../../constants/size.js";
 import "../../../utils/index.js";
 import { Translator } from "../../../hooks/use-locale/index.js";
 import { CheckboxProps, CheckboxValueType } from "../../checkbox/src/checkbox.js";
@@ -1102,28 +1101,26 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         default?: (props: {}) => any;
       };
     }) & vue.ObjectPlugin & {
-      setPropsDefaults: (defaults: Partial<Omit<{
-        readonly modelValue?: number | string | boolean | undefined;
-        readonly label?: string | boolean | number | object | undefined;
-        readonly value?: string | boolean | number | object | undefined;
-        readonly indeterminate?: boolean | undefined;
-        readonly disabled?: boolean | undefined;
-        readonly checked?: boolean | undefined;
-        readonly name?: string | undefined;
-        readonly trueValue?: string | number | undefined;
-        readonly falseValue?: string | number | undefined;
-        readonly trueLabel?: string | number | undefined;
-        readonly falseLabel?: string | number | undefined;
-        readonly id?: string | undefined;
-        readonly border?: boolean | undefined;
-        readonly size?: ComponentSize | undefined;
-        readonly tabindex?: string | number | undefined;
-        readonly validateEvent?: boolean | undefined;
-        readonly ariaLabel?: string | undefined;
-        readonly ariaControls?: string | undefined;
-        readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-      } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onChange" | "onUpdate:modelValue" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
+      setPropsDefaults: (defaults: {
+        readonly modelValue?: string | number | boolean | (() => string | number | boolean) | undefined;
+        readonly label?: string | number | boolean | (() => string | number | boolean | object) | undefined;
+        readonly value?: string | number | boolean | (() => string | number | boolean | object) | undefined;
+        readonly indeterminate?: boolean | (() => boolean) | undefined;
+        readonly disabled?: boolean | (() => boolean) | undefined;
+        readonly checked?: boolean | (() => boolean) | undefined;
+        readonly name?: string | (() => string) | undefined;
+        readonly trueValue?: string | number | (() => string | number) | undefined;
+        readonly falseValue?: string | number | (() => string | number) | undefined;
+        readonly trueLabel?: string | number | (() => string | number) | undefined;
+        readonly falseLabel?: string | number | (() => string | number) | undefined;
+        readonly id?: string | (() => string) | undefined;
+        readonly border?: boolean | (() => boolean) | undefined;
+        readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
+        readonly tabindex?: string | number | (() => string | number) | undefined;
+        readonly validateEvent?: boolean | (() => boolean) | undefined;
+        readonly ariaLabel?: string | (() => string) | undefined;
+        readonly ariaControls?: string | (() => string) | undefined;
+      }) => void;
     } & {
       CheckboxButton: typeof _default$1;
       CheckboxGroup: typeof _default$2;

package/lib/components/table-v2/src/cell.d.ts

@@ -1,4 +1,4 @@
-import { EpPropMergeType } from "../../../utils/vue/props/types.js";
+import { EpPropFinalized } from "../../../utils/vue/props/types.js";
 import "../../../utils/index.js";
 import { AnyColumn } from "./common.js";
 import * as vue from "vue";
@@ -20,12 +20,7 @@ declare const tableV2CellProps: {
     __epPropKey: true;
   };
   readonly columnIndex: NumberConstructor;
-  readonly style: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly style: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly rowData: {
     readonly type: vue.PropType<any>;
     readonly required: false;

package/lib/components/table-v2/src/cell.js

@@ -13,11 +13,15 @@ const tableV2CellProps = require_runtime.buildProps({
 	]) },
 	column: require_common.column,
 	columnIndex: Number,
-	style: { type: require_runtime.definePropType([
-		String,
-		Array,
-		Object
-	]) },
+	style: {
+		type: require_runtime.definePropType([
+			String,
+			Array,
+			Object,
+			Boolean
+		]),
+		default: void 0
+	},
 	rowData: { type: require_runtime.definePropType(Object) },
 	rowIndex: Number
 });

package/lib/components/table-v2/src/cell.js.map

@@ -1 +1 @@
-{"version":3,"file":"cell.js","names":["buildProps","definePropType"],"sources":["../../../../../../packages/components/table-v2/src/cell.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { column } from './common'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\n\nexport const tableV2CellProps = buildProps({\n  class: String,\n  cellData: {\n    type: definePropType<any>([String, Boolean, Number, Object]),\n  },\n  column,\n  columnIndex: Number,\n  style: {\n    type: definePropType<StyleValue>([String, Array, Object]),\n  },\n  rowData: {\n    type: definePropType<any>(Object),\n  },\n  rowIndex: Number,\n} as const)\n\nexport type TableV2CellProps = ExtractPropTypes<typeof tableV2CellProps>\nexport type TableV2CellPropsPublic = ExtractPublicPropTypes<\n  typeof tableV2CellProps\n>\n"],"mappings":";;;;;AAKA,MAAa,mBAAmBA,2BAAW;CACzC,OAAO;CACP,UAAU,EACR,MAAMC,+BAAoB;EAAC;EAAQ;EAAS;EAAQ;EAAO,CAAC,EAC7D;CACD;CACA,aAAa;CACb,OAAO,EACL,MAAMA,+BAA2B;EAAC;EAAQ;EAAO;EAAO,CAAC,EAC1D;CACD,SAAS,EACP,MAAMA,+BAAoB,OAAO,EAClC;CACD,UAAU;CACX,CAAU"}
+{"version":3,"file":"cell.js","names":["buildProps","definePropType"],"sources":["../../../../../../packages/components/table-v2/src/cell.ts"],"sourcesContent":["import { buildProps, definePropType } from '@element-plus/utils'\nimport { column } from './common'\n\nimport type { ExtractPropTypes, ExtractPublicPropTypes, StyleValue } from 'vue'\n\nexport const tableV2CellProps = buildProps({\n  class: String,\n  cellData: {\n    type: definePropType<any>([String, Boolean, Number, Object]),\n  },\n  column,\n  columnIndex: Number,\n  style: {\n    type: definePropType<StyleValue>([String, Array, Object, Boolean]),\n    default: undefined,\n  },\n  rowData: {\n    type: definePropType<any>(Object),\n  },\n  rowIndex: Number,\n} as const)\n\nexport type TableV2CellProps = ExtractPropTypes<typeof tableV2CellProps>\nexport type TableV2CellPropsPublic = ExtractPublicPropTypes<\n  typeof tableV2CellProps\n>\n"],"mappings":";;;;;AAKA,MAAa,mBAAmBA,2BAAW;CACzC,OAAO;CACP,UAAU,EACR,MAAMC,+BAAoB;EAAC;EAAQ;EAAS;EAAQ;EAAO,CAAC,EAC7D;CACD;CACA,aAAa;CACb,OAAO;EACL,MAAMA,+BAA2B;GAAC;GAAQ;GAAO;GAAQ;GAAQ,CAAC;EAClE,SAAS;EACV;CACD,SAAS,EACP,MAAMA,+BAAoB,OAAO,EAClC;CACD,UAAU;CACX,CAAU"}

package/lib/components/time-picker/src/common/picker.vue.d.ts

@@ -197,12 +197,7 @@ declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly format: StringConstructor;
   readonly valueFormat: StringConstructor;
   readonly dateFormat: StringConstructor;
@@ -263,10 +258,10 @@ declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
   onPick: (date?: any, visible?: boolean) => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   change: (...args: any[]) => void;
+  clear: (...args: any[]) => void;
   "update:modelValue": (...args: any[]) => void;
   focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
-  clear: (...args: any[]) => void;
   keydown: (...args: any[]) => void;
   "calendar-change": (...args: any[]) => void;
   "panel-change": (...args: any[]) => void;
@@ -432,12 +427,7 @@ declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly format: StringConstructor;
   readonly valueFormat: StringConstructor;
   readonly dateFormat: StringConstructor;
@@ -477,10 +467,10 @@ declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly isRange: BooleanConstructor;
 }>> & Readonly<{
   onChange?: ((...args: any[]) => any) | undefined;
+  onClear?: ((...args: any[]) => any) | undefined;
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   onFocus?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
-  onClear?: ((...args: any[]) => any) | undefined;
   onKeydown?: ((...args: any[]) => any) | undefined;
   "onCalendar-change"?: ((...args: any[]) => any) | undefined;
   "onPanel-change"?: ((...args: any[]) => any) | undefined;
@@ -496,6 +486,7 @@ declare const __VLS_base: vue.DefineComponent<vue.ExtractPropTypes<{
   readonly prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>;
   readonly tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
   readonly validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  readonly popperStyle: vue.StyleValue;
   readonly fallbackPlacements: Placement$1[];
   readonly placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement$1)) | null)[], Placement$1, unknown>;
   readonly popperOptions: Partial<Options>;

package/lib/components/time-picker/src/common/props.d.ts

@@ -177,12 +177,7 @@ declare const timePickerDefaultProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly format: StringConstructor;
   readonly valueFormat: StringConstructor;
   readonly dateFormat: StringConstructor;

package/lib/components/time-picker/src/time-picker.d.ts

@@ -172,12 +172,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   format: StringConstructor;
   valueFormat: StringConstructor;
   dateFormat: StringConstructor;
@@ -379,12 +374,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   format: StringConstructor;
   valueFormat: StringConstructor;
   dateFormat: StringConstructor;
@@ -434,6 +424,7 @@ declare const _default: vue.DefineComponent<vue.ExtractPropTypes<{
   prefixIcon: EpPropMergeType<(new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component) | (((new (...args: any[]) => (string | vue.Component) & {}) | (() => string | vue.Component)) | null)[], unknown, unknown>;
   tabindex: EpPropMergeType<(new (...args: any[]) => string | number) | (() => string | number) | (((new (...args: any[]) => string | number) | (() => string | number)) | null)[], unknown, unknown>;
   validateEvent: EpPropMergeType<BooleanConstructor, unknown, unknown>;
+  popperStyle: vue.StyleValue;
   fallbackPlacements: Placement[];
   placement: EpPropMergeType<(new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement) | (((new (...args: any[]) => "top" | "auto" | "bottom" | "left" | "right" | "auto-start" | "auto-end" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end") | (() => Placement)) | null)[], Placement, unknown>;
   popperOptions: Partial<Options>;

package/lib/components/time-select/src/time-select.vue.d.ts

@@ -17,16 +17,16 @@ declare const __VLS_export: vue.DefineComponent<TimeSelectProps, {
   focus: () => void;
 }, {}, {}, {}, vue.ComponentOptionsMixin, vue.ComponentOptionsMixin, {
   change: (...args: any[]) => void;
+  clear: (...args: any[]) => void;
   "update:modelValue": (...args: any[]) => void;
   focus: (...args: any[]) => void;
   blur: (...args: any[]) => void;
-  clear: (...args: any[]) => void;
 }, string, vue.PublicProps, Readonly<TimeSelectProps> & Readonly<{
   onChange?: ((...args: any[]) => any) | undefined;
+  onClear?: ((...args: any[]) => any) | undefined;
   "onUpdate:modelValue"?: ((...args: any[]) => any) | undefined;
   onFocus?: ((...args: any[]) => any) | undefined;
   onBlur?: ((...args: any[]) => any) | undefined;
-  onClear?: ((...args: any[]) => any) | undefined;
 }>, {
   effect: PopperEffect;
   disabled: boolean;

package/lib/components/tooltip/src/content.d.ts

@@ -92,12 +92,7 @@ declare const useTooltipContentProps: {
   readonly disabled: BooleanConstructor;
   readonly loop: BooleanConstructor;
   readonly id: StringConstructor;
-  readonly style: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly style: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly className: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
       [x: string]: boolean;
@@ -307,12 +302,7 @@ declare const useTooltipContentProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  readonly popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly referenceEl: {
     readonly type: vue.PropType<HTMLElement>;
     readonly required: false;

package/lib/components/tooltip/src/tooltip.d.ts

@@ -109,12 +109,7 @@ declare const useTooltipProps: {
   transition: StringConstructor;
   teleported: EpPropFinalized<BooleanConstructor, unknown, unknown, true, boolean>;
   loop: BooleanConstructor;
-  style: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  style: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   className: {
     readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | {
       [x: string]: boolean;
@@ -324,12 +319,7 @@ declare const useTooltipProps: {
     readonly validator: ((val: unknown) => boolean) | undefined;
     __epPropKey: true;
   };
-  popperStyle: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  popperStyle: EpPropFinalized<(new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue) | (((new (...args: any[]) => string | false | vue.CSSProperties | vue.StyleValue[]) | (() => vue.StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   referenceEl: {
     readonly type: vue.PropType<HTMLElement>;
     readonly required: false;

package/lib/components/tree/src/tree.vue.d.ts

@@ -1,6 +1,5 @@
 import { SFCWithInstall } from "../../../utils/vue/typescript.js";
 import { EpPropFinalized, EpPropMergeType } from "../../../utils/vue/props/types.js";
-import { ComponentSize } from "../../../constants/size.js";
 import { Nullable } from "../../../utils/typescript.js";
 import "../../../utils/index.js";
 import { Translator } from "../../../hooks/use-locale/index.js";
@@ -1544,28 +1543,26 @@ declare const __VLS_export: vue.DefineComponent<vue.ExtractPropTypes<{
         default?: (props: {}) => any;
       };
     }) & vue.ObjectPlugin & {
-      setPropsDefaults: (defaults: Partial<Omit<{
-        readonly modelValue?: number | string | boolean | undefined;
-        readonly label?: string | boolean | number | object | undefined;
-        readonly value?: string | boolean | number | object | undefined;
-        readonly indeterminate?: boolean | undefined;
-        readonly disabled?: boolean | undefined;
-        readonly checked?: boolean | undefined;
-        readonly name?: string | undefined;
-        readonly trueValue?: string | number | undefined;
-        readonly falseValue?: string | number | undefined;
-        readonly trueLabel?: string | number | undefined;
-        readonly falseLabel?: string | number | undefined;
-        readonly id?: string | undefined;
-        readonly border?: boolean | undefined;
-        readonly size?: ComponentSize | undefined;
-        readonly tabindex?: string | number | undefined;
-        readonly validateEvent?: boolean | undefined;
-        readonly ariaLabel?: string | undefined;
-        readonly ariaControls?: string | undefined;
-        readonly onChange?: ((val: CheckboxValueType) => any) | undefined;
-        readonly "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-      } & vue.VNodeProps & vue.AllowedComponentProps & vue.ComponentCustomProps, "onChange" | "onUpdate:modelValue" | keyof vue.VNodeProps | keyof vue.AllowedComponentProps>>) => void;
+      setPropsDefaults: (defaults: {
+        readonly modelValue?: string | number | boolean | (() => string | number | boolean) | undefined;
+        readonly label?: string | number | boolean | (() => string | number | boolean | object) | undefined;
+        readonly value?: string | number | boolean | (() => string | number | boolean | object) | undefined;
+        readonly indeterminate?: boolean | (() => boolean) | undefined;
+        readonly disabled?: boolean | (() => boolean) | undefined;
+        readonly checked?: boolean | (() => boolean) | undefined;
+        readonly name?: string | (() => string) | undefined;
+        readonly trueValue?: string | number | (() => string | number) | undefined;
+        readonly falseValue?: string | number | (() => string | number) | undefined;
+        readonly trueLabel?: string | number | (() => string | number) | undefined;
+        readonly falseLabel?: string | number | (() => string | number) | undefined;
+        readonly id?: string | (() => string) | undefined;
+        readonly border?: boolean | (() => boolean) | undefined;
+        readonly size?: "" | "default" | "small" | "large" | (() => "" | "default" | "small" | "large") | undefined;
+        readonly tabindex?: string | number | (() => string | number) | undefined;
+        readonly validateEvent?: boolean | (() => boolean) | undefined;
+        readonly ariaLabel?: string | (() => string) | undefined;
+        readonly ariaControls?: string | (() => string) | undefined;
+      }) => void;
     } & {
       CheckboxButton: typeof _default$1;
       CheckboxGroup: typeof _default$2;

package/lib/components/virtual-list/src/builders/build-grid.d.ts

@@ -37,12 +37,7 @@ declare const createGrid: ({
   };
   readonly innerElement: EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
   readonly innerProps: EpPropFinalized<(new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>) | (((new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly style: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly style: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly useIsScrolling: BooleanConstructor;
   readonly width: {
     readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
@@ -133,12 +128,7 @@ declare const createGrid: ({
   };
   readonly innerElement: EpPropFinalized<readonly [StringConstructor, ObjectConstructor], unknown, unknown, "div", boolean>;
   readonly innerProps: EpPropFinalized<(new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>) | (((new (...args: any[]) => Record<string, unknown>) | (() => Record<string, unknown>)) | null)[], unknown, unknown, () => {}, boolean>;
-  readonly style: {
-    readonly type: vue.PropType<EpPropMergeType<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown>>;
-    readonly required: false;
-    readonly validator: ((val: unknown) => boolean) | undefined;
-    __epPropKey: true;
-  };
+  readonly style: EpPropFinalized<(new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue) | (((new (...args: any[]) => string | false | CSSProperties | StyleValue[]) | (() => StyleValue)) | null)[], unknown, unknown, undefined, boolean>;
   readonly useIsScrolling: BooleanConstructor;
   readonly width: {
     readonly type: vue.PropType<EpPropMergeType<readonly [NumberConstructor, StringConstructor], unknown, unknown>>;
@@ -218,6 +208,7 @@ declare const createGrid: ({
   onScroll?: ((...args: any[]) => any) | undefined;
   onItemRendered?: ((...args: any[]) => any) | undefined;
 }>, {
+  readonly style: StyleValue;
   readonly className: string;
   readonly direction: EpPropMergeType<StringConstructor, "ltr" | "rtl", never>;
   readonly data: any[];