@element-plus/nightly 0.0.20261105 → 0.0.20261106

package/es/components/table/src/filter-panel.vue.d.ts

@@ -106,19 +106,19 @@ declare const __VLS_export: _$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, {
-      id: string;
+      value: string | number | boolean | object;
+      label: string | number | boolean | object;
       disabled: boolean;
-      modelValue: string | number | boolean;
       validateEvent: boolean;
+      modelValue: string | number | boolean;
       name: string;
-      value: string | number | boolean | object;
-      label: string | number | boolean | object;
+      id: string;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -131,16 +131,16 @@ declare const __VLS_export: _$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;
     }>, {}, {}, {}, {}, {
-      id: string;
+      value: string | number | boolean | object;
+      label: string | number | boolean | object;
       disabled: boolean;
-      modelValue: string | number | boolean;
       validateEvent: boolean;
+      modelValue: string | number | boolean;
       name: string;
-      value: string | number | boolean | object;
-      label: string | number | boolean | object;
+      id: string;
       trueValue: string | number;
       falseValue: string | number;
       trueLabel: string | number;
@@ -150,19 +150,19 @@ declare const __VLS_export: _$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, {
-    id: string;
+    value: string | number | boolean | object;
+    label: string | number | boolean | object;
     disabled: boolean;
-    modelValue: string | number | boolean;
     validateEvent: boolean;
+    modelValue: string | number | boolean;
     name: string;
-    value: string | number | boolean | object;
-    label: string | number | boolean | object;
+    id: string;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -198,21 +198,21 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
   ElCheckboxGroup: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxGroupProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      change: (val: CheckboxValueType[]) => void;
       "update:modelValue": (val: CheckboxGroupValueType) => void;
+      change: (val: CheckboxValueType[]) => void;
     }, _$vue.PublicProps, {
+      type: "button" | "checkbox";
+      disabled: boolean;
+      validateEvent: boolean;
+      modelValue: CheckboxGroupValueType;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "button" | "checkbox";
-      disabled: boolean;
-      modelValue: CheckboxGroupValueType;
-      validateEvent: boolean;
       tag: string;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
@@ -222,39 +222,39 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<CheckboxGroupProps> & Readonly<{
-      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
       "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
+      onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     }>, {}, {}, {}, {}, {
+      type: "button" | "checkbox";
+      disabled: boolean;
+      validateEvent: boolean;
+      modelValue: CheckboxGroupValueType;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "button" | "checkbox";
-      disabled: boolean;
-      modelValue: CheckboxGroupValueType;
-      validateEvent: boolean;
       tag: string;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<CheckboxGroupProps> & Readonly<{
-    onChange?: ((val: CheckboxValueType[]) => any) | undefined;
     "onUpdate:modelValue"?: ((val: CheckboxGroupValueType) => any) | undefined;
+    onChange?: ((val: CheckboxValueType[]) => any) | undefined;
   }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    change: (val: CheckboxValueType[]) => void;
     "update:modelValue": (val: CheckboxGroupValueType) => void;
+    change: (val: CheckboxValueType[]) => void;
   }, string, {
+    type: "button" | "checkbox";
+    disabled: boolean;
+    validateEvent: boolean;
+    modelValue: CheckboxGroupValueType;
     props: {
       value?: string;
       label?: string;
       disabled?: string;
     };
-    type: "button" | "checkbox";
-    disabled: boolean;
-    modelValue: CheckboxGroupValueType;
-    validateEvent: boolean;
     tag: string;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
@@ -285,10 +285,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       }) => void;
       "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
-      tabindex: string | number;
       height: string | number;
       mask: boolean | ScrollbarDirection;
       maxHeight: string | number;
+      tabindex: string | number;
       tag: (string & {}) | keyof HTMLElementTagNameMap;
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -320,10 +320,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, {
-      tabindex: string | number;
       height: string | number;
       mask: boolean | ScrollbarDirection;
       maxHeight: string | number;
+      tabindex: string | number;
       tag: (string & {}) | keyof HTMLElementTagNameMap;
       distance: number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -358,10 +358,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     }) => void;
     "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
-    tabindex: string | number;
     height: string | number;
     mask: boolean | ScrollbarDirection;
     maxHeight: string | number;
+    tabindex: string | number;
     tag: (string & {}) | keyof HTMLElementTagNameMap;
     distance: number;
     wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
@@ -400,29 +400,29 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
     }, _$vue.PublicProps, {
-      offset: number;
+      placement: Placement;
+      popperClass: string | false | Record<string, any> | ClassValue[] | null;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       teleported: boolean;
       effect: PopperEffect;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       visible: boolean | null;
       content: string;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
-      popperClass: string | false | Record<string, any> | ClassValue[] | null;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      placement: Placement;
+      offset: number;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
       showArrow: boolean;
-      role: "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree";
+      role: "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree";
       showAfter: number;
       hideAfter: number;
       autoClose: number;
@@ -452,29 +452,29 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      offset: number;
+      placement: Placement;
+      popperClass: string | false | Record<string, any> | ClassValue[] | null;
+      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       teleported: boolean;
       effect: PopperEffect;
+      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       visible: boolean | null;
       content: string;
-      style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
       trapping: boolean;
-      popperClass: string | false | Record<string, any> | ClassValue[] | null;
-      popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       stopPopperMouseEvent: boolean;
       virtualTriggering: boolean;
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
-      placement: Placement;
+      offset: number;
       popperOptions: Partial<Options>;
       strategy: "fixed" | "absolute";
       arrowOffset: number;
       showArrow: boolean;
-      role: "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree";
+      role: "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree";
       showAfter: number;
       hideAfter: number;
       autoClose: number;
@@ -509,29 +509,29 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
   }, string, {
-    offset: number;
+    placement: Placement;
+    popperClass: string | false | Record<string, any> | ClassValue[] | null;
+    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     teleported: boolean;
     effect: PopperEffect;
+    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     visible: boolean | null;
     content: string;
-    style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;
     trapping: boolean;
-    popperClass: string | false | Record<string, any> | ClassValue[] | null;
-    popperStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     stopPopperMouseEvent: boolean;
     virtualTriggering: boolean;
     loop: boolean;
     boundariesPadding: number;
     gpuAcceleration: boolean;
-    placement: Placement;
+    offset: number;
     popperOptions: Partial<Options>;
     strategy: "fixed" | "absolute";
     arrowOffset: number;
     showArrow: boolean;
-    role: "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree";
+    role: "dialog" | "listbox" | "grid" | "menu" | "tooltip" | "group" | "navigation" | "tree";
     showAfter: number;
     hideAfter: number;
     autoClose: number;

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

@@ -35,7 +35,7 @@ declare function useStyle<T extends DefaultRow>(props: TableProps<T>, layout: Ta
   tableBodyStyles: _$vue.ComputedRef<{
     width: string;
   }>;
-  tableLayout: _$vue.ComputedRef<"fixed" | "auto">;
+  tableLayout: _$vue.ComputedRef<"auto" | "fixed">;
   scrollbarViewStyle: {
     display: string;
     verticalAlign: string;

package/es/components/table/src/table-column/index.vue_vue_type_script_setup_true_lang.mjs

@@ -5,7 +5,7 @@ import tableColumnProps from "./defaults.mjs";
 import { cellStarts } from "../config.mjs";
 import useWatcher from "./watcher-helper.mjs";
 import useRender from "./render-helper.mjs";
-import { Fragment, computed, createBlock, defineComponent, getCurrentInstance, h, onBeforeMount, onBeforeUnmount, onMounted, openBlock, ref, useSlots } from "vue";
+import { Fragment, computed, createBlock, defineComponent, getCurrentInstance, h, onBeforeMount, onBeforeUnmount, onBeforeUpdate, onMounted, openBlock, ref, triggerRef, useSlots } from "vue";
 //#region ../../packages/components/table/src/table-column/index.vue?vue&type=script&setup=true&lang.ts
 var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComponent({
 	name: "ElTableColumn",
@@ -89,6 +89,13 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ defineComp
 			columnConfig.value.getColumnIndex = getColumnIndex;
 			getColumnIndex() > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? "columnConfig" in parent && parent.columnConfig.value : null, updateColumnOrder);
 		});
+		let headerSlot = slots.header;
+		onBeforeUpdate(() => {
+			if (slots.header !== headerSlot) {
+				headerSlot = slots.header;
+				triggerRef(columnConfig);
+			}
+		});
 		onBeforeUnmount(() => {
 			const getColumnIndex = columnConfig.value.getColumnIndex;
 			(getColumnIndex ? getColumnIndex() : -1) > -1 && owner.value.store.commit("removeColumn", columnConfig.value, isSubColumn.value ? "columnConfig" in parent && parent.columnConfig.value : null, updateColumnOrder);

package/es/components/table/src/table-column/index.vue_vue_type_script_setup_true_lang.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.mjs","names":["_useSlots","_openBlock","_createBlock"],"sources":["../../../../../../../packages/components/table/src/table-column/index.vue"],"sourcesContent":["<template>\n  <TableColumnRenderer />\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends DefaultRow = DefaultRow\">\nimport {\n  Fragment,\n  computed,\n  getCurrentInstance,\n  h,\n  onBeforeMount,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n} from 'vue'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport { isArray, isString, isUndefined } from '@element-plus/utils'\nimport { cellStarts } from '../config'\nimport { compose, createTableColumnId, mergeOptions } from '../util'\nimport useWatcher from './watcher-helper'\nimport useRender from './render-helper'\n\nimport type { VNode } from 'vue'\nimport type { TableColumn, TableColumnCtx, TableColumnProps } from './defaults'\nimport type { DefaultRow } from '../table/defaults'\n\ndefineOptions({\n  name: 'ElTableColumn',\n})\n\nconst props = withDefaults(defineProps<TableColumnProps<T>>(), {\n  type: 'default',\n  width: '',\n  minWidth: '',\n  sortable: false,\n  resizable: true,\n  showOverflowTooltip: undefined,\n  filterMultiple: true,\n  sortOrders: () => ['ascending', 'descending', null],\n})\nconst slots = defineSlots<{\n  default?: (props: {\n    row: T\n    column: TableColumnCtx<T>\n    $index: number\n  }) => any\n  header?: (props: { column: TableColumnCtx<T>; $index: number }) => any\n  expand?: (props: { expanded: boolean; expandable: boolean }) => any\n  'filter-icon'?: (props: { filterOpened: boolean }) => any\n}>()\n\nconst instance = getCurrentInstance() as TableColumn<T>\nconst globalConfig = useGlobalConfig('table')\nconst columnConfig = ref<Partial<TableColumnCtx<T>>>({})\nconst owner = computed(() => {\n  let parent = instance.parent as any\n  while (parent && !parent.tableId) {\n    parent = parent.parent\n  }\n  return parent\n})\n\nconst { registerNormalWatchers, registerComplexWatchers } = useWatcher<T>(\n  owner,\n  props\n)\nconst {\n  columnId,\n  isSubColumn,\n  realHeaderAlign,\n  columnOrTableParent,\n  setColumnWidth,\n  setColumnForcedProps,\n  setColumnRenders,\n  getPropsData,\n  getColumnElIndex,\n  realAlign,\n  updateColumnOrder,\n} = useRender<T>(props as unknown as TableColumnCtx<T>, slots, owner)\n\nconst parent = columnOrTableParent.value\nconst parentId = 'tableId' in parent ? parent.tableId : parent.columnId\ncolumnId.value = createTableColumnId(parentId)\n\nonBeforeMount(() => {\n  isSubColumn.value = owner.value !== parent\n\n  const type = (props.type as keyof typeof cellStarts) || 'default'\n  const sortable = props.sortable === '' ? true : props.sortable\n  //The selection column should not be affected by `showOverflowTooltip`.\n  const showOverflowTooltip =\n    type === 'selection'\n      ? false\n      : isUndefined(props.showOverflowTooltip)\n        ? (parent.props.showOverflowTooltip ??\n          globalConfig.value?.showOverflowTooltip)\n        : props.showOverflowTooltip\n  const tooltipFormatter = isUndefined(props.tooltipFormatter)\n    ? (parent.props.tooltipFormatter ?? globalConfig.value?.tooltipFormatter)\n    : props.tooltipFormatter\n  const defaults = {\n    ...cellStarts[type],\n    id: columnId.value,\n    type,\n    property: props.prop || props.property,\n    align: realAlign,\n    headerAlign: realHeaderAlign,\n    showOverflowTooltip,\n    tooltipFormatter,\n    // filter 相关属性\n    filterable: props.filters || props.filterMethod,\n    filteredValue: [],\n    filterPlacement: '',\n    filterClassName: '',\n    isColumnGroup: false,\n    isSubColumn: false,\n    filterOpened: false,\n    // sort 相关属性\n    sortable,\n    // index 列\n    index: props.index,\n    // <el-table-column key=\"xxx\" />\n    rawColumnKey: instance.vnode.key,\n  }\n\n  const basicProps = [\n    'columnKey',\n    'label',\n    'className',\n    'labelClassName',\n    'type',\n    'renderHeader',\n    'formatter',\n    'fixed',\n    'resizable',\n  ]\n  const sortProps = ['sortMethod', 'sortBy', 'sortOrders']\n  const selectProps = ['selectable', 'reserveSelection']\n  const filterProps = [\n    'filterMethod',\n    'filters',\n    'filterMultiple',\n    'filterOpened',\n    'filteredValue',\n    'filterPlacement',\n    'filterClassName',\n  ]\n\n  let column = getPropsData(basicProps, sortProps, selectProps, filterProps)\n\n  column = mergeOptions(defaults, column)\n  // 注意 compose 中函数执行的顺序是从右到左\n  const chains = compose(setColumnRenders, setColumnWidth, setColumnForcedProps)\n  column = chains(column) as unknown as TableColumnCtx<T>\n  columnConfig.value = column\n\n  // 注册 watcher\n  registerNormalWatchers()\n  registerComplexWatchers()\n})\n\nonMounted(() => {\n  const parent = columnOrTableParent.value\n  const children = isSubColumn.value\n    ? parent.vnode.el?.children\n    : parent.refs.hiddenColumns?.children\n  const getColumnIndex = () =>\n    getColumnElIndex(children || [], instance.vnode.el)\n  columnConfig.value.getColumnIndex = getColumnIndex\n  const columnIndex = getColumnIndex()\n  columnIndex > -1 &&\n    owner.value.store.commit(\n      'insertColumn',\n      columnConfig.value,\n      isSubColumn.value\n        ? 'columnConfig' in parent && parent.columnConfig.value\n        : null,\n      updateColumnOrder\n    )\n})\n\nonBeforeUnmount(() => {\n  const getColumnIndex = columnConfig.value.getColumnIndex\n  const columnIndex = getColumnIndex ? getColumnIndex() : -1\n  columnIndex > -1 &&\n    owner.value.store.commit(\n      'removeColumn',\n      columnConfig.value,\n      isSubColumn.value\n        ? 'columnConfig' in parent && parent.columnConfig.value\n        : null,\n      updateColumnOrder\n    )\n})\n\ninstance.columnId = columnId.value\n\ninstance.columnConfig = columnConfig as any\n\nconst TableColumnRenderer = () => {\n  try {\n    const renderDefault = slots.default?.({\n      row: {} as T,\n      column: {} as TableColumnCtx<T>,\n      $index: -1,\n    })\n    const children: VNode[] = []\n    if (isArray(renderDefault)) {\n      for (const childNode of renderDefault) {\n        if (\n          (childNode.type as any)?.name === 'ElTableColumn' ||\n          childNode.shapeFlag & 2\n        ) {\n          children.push(childNode)\n        } else if (childNode.type === Fragment && isArray(childNode.children)) {\n          childNode.children.forEach((vnode: VNode) => {\n            // No rendering when vnode is dynamic slot or text\n            if (\n              (vnode as VNode)?.patchFlag !== 1024 &&\n              !isString((vnode as VNode)?.children)\n            ) {\n              children.push(vnode)\n            }\n          })\n        }\n      }\n    }\n    return h('div', children)\n  } catch {\n    return h('div', [])\n  }\n}\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.mjs","names":["_useSlots","_openBlock","_createBlock"],"sources":["../../../../../../../packages/components/table/src/table-column/index.vue"],"sourcesContent":["<template>\n  <TableColumnRenderer />\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends DefaultRow = DefaultRow\">\nimport {\n  Fragment,\n  computed,\n  getCurrentInstance,\n  h,\n  onBeforeMount,\n  onBeforeUnmount,\n  onBeforeUpdate,\n  onMounted,\n  ref,\n  triggerRef,\n} from 'vue'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport { isArray, isString, isUndefined } from '@element-plus/utils'\nimport { cellStarts } from '../config'\nimport { compose, createTableColumnId, mergeOptions } from '../util'\nimport useWatcher from './watcher-helper'\nimport useRender from './render-helper'\n\nimport type { VNode } from 'vue'\nimport type { TableColumn, TableColumnCtx, TableColumnProps } from './defaults'\nimport type { DefaultRow } from '../table/defaults'\n\ndefineOptions({\n  name: 'ElTableColumn',\n})\n\nconst props = withDefaults(defineProps<TableColumnProps<T>>(), {\n  type: 'default',\n  width: '',\n  minWidth: '',\n  sortable: false,\n  resizable: true,\n  showOverflowTooltip: undefined,\n  filterMultiple: true,\n  sortOrders: () => ['ascending', 'descending', null],\n})\nconst slots = defineSlots<{\n  default?: (props: {\n    row: T\n    column: TableColumnCtx<T>\n    $index: number\n  }) => any\n  header?: (props: { column: TableColumnCtx<T>; $index: number }) => any\n  expand?: (props: { expanded: boolean; expandable: boolean }) => any\n  'filter-icon'?: (props: { filterOpened: boolean }) => any\n}>()\n\nconst instance = getCurrentInstance() as TableColumn<T>\nconst globalConfig = useGlobalConfig('table')\nconst columnConfig = ref<Partial<TableColumnCtx<T>>>({})\nconst owner = computed(() => {\n  let parent = instance.parent as any\n  while (parent && !parent.tableId) {\n    parent = parent.parent\n  }\n  return parent\n})\n\nconst { registerNormalWatchers, registerComplexWatchers } = useWatcher<T>(\n  owner,\n  props\n)\nconst {\n  columnId,\n  isSubColumn,\n  realHeaderAlign,\n  columnOrTableParent,\n  setColumnWidth,\n  setColumnForcedProps,\n  setColumnRenders,\n  getPropsData,\n  getColumnElIndex,\n  realAlign,\n  updateColumnOrder,\n} = useRender<T>(props as unknown as TableColumnCtx<T>, slots, owner)\n\nconst parent = columnOrTableParent.value\nconst parentId = 'tableId' in parent ? parent.tableId : parent.columnId\ncolumnId.value = createTableColumnId(parentId)\n\nonBeforeMount(() => {\n  isSubColumn.value = owner.value !== parent\n\n  const type = (props.type as keyof typeof cellStarts) || 'default'\n  const sortable = props.sortable === '' ? true : props.sortable\n  //The selection column should not be affected by `showOverflowTooltip`.\n  const showOverflowTooltip =\n    type === 'selection'\n      ? false\n      : isUndefined(props.showOverflowTooltip)\n        ? (parent.props.showOverflowTooltip ??\n          globalConfig.value?.showOverflowTooltip)\n        : props.showOverflowTooltip\n  const tooltipFormatter = isUndefined(props.tooltipFormatter)\n    ? (parent.props.tooltipFormatter ?? globalConfig.value?.tooltipFormatter)\n    : props.tooltipFormatter\n  const defaults = {\n    ...cellStarts[type],\n    id: columnId.value,\n    type,\n    property: props.prop || props.property,\n    align: realAlign,\n    headerAlign: realHeaderAlign,\n    showOverflowTooltip,\n    tooltipFormatter,\n    // filter 相关属性\n    filterable: props.filters || props.filterMethod,\n    filteredValue: [],\n    filterPlacement: '',\n    filterClassName: '',\n    isColumnGroup: false,\n    isSubColumn: false,\n    filterOpened: false,\n    // sort 相关属性\n    sortable,\n    // index 列\n    index: props.index,\n    // <el-table-column key=\"xxx\" />\n    rawColumnKey: instance.vnode.key,\n  }\n\n  const basicProps = [\n    'columnKey',\n    'label',\n    'className',\n    'labelClassName',\n    'type',\n    'renderHeader',\n    'formatter',\n    'fixed',\n    'resizable',\n  ]\n  const sortProps = ['sortMethod', 'sortBy', 'sortOrders']\n  const selectProps = ['selectable', 'reserveSelection']\n  const filterProps = [\n    'filterMethod',\n    'filters',\n    'filterMultiple',\n    'filterOpened',\n    'filteredValue',\n    'filterPlacement',\n    'filterClassName',\n  ]\n\n  let column = getPropsData(basicProps, sortProps, selectProps, filterProps)\n\n  column = mergeOptions(defaults, column)\n  // 注意 compose 中函数执行的顺序是从右到左\n  const chains = compose(setColumnRenders, setColumnWidth, setColumnForcedProps)\n  column = chains(column) as unknown as TableColumnCtx<T>\n  columnConfig.value = column\n\n  // 注册 watcher\n  registerNormalWatchers()\n  registerComplexWatchers()\n})\n\nonMounted(() => {\n  const parent = columnOrTableParent.value\n  const children = isSubColumn.value\n    ? parent.vnode.el?.children\n    : parent.refs.hiddenColumns?.children\n  const getColumnIndex = () =>\n    getColumnElIndex(children || [], instance.vnode.el)\n  columnConfig.value.getColumnIndex = getColumnIndex\n  const columnIndex = getColumnIndex()\n  columnIndex > -1 &&\n    owner.value.store.commit(\n      'insertColumn',\n      columnConfig.value,\n      isSubColumn.value\n        ? 'columnConfig' in parent && parent.columnConfig.value\n        : null,\n      updateColumnOrder\n    )\n})\n\nlet headerSlot = slots.header\nonBeforeUpdate(() => {\n  // The header renders in the table header component, which does not track this column's slots.\n  if (slots.header !== headerSlot) {\n    headerSlot = slots.header\n    triggerRef(columnConfig)\n  }\n})\n\nonBeforeUnmount(() => {\n  const getColumnIndex = columnConfig.value.getColumnIndex\n  const columnIndex = getColumnIndex ? getColumnIndex() : -1\n  columnIndex > -1 &&\n    owner.value.store.commit(\n      'removeColumn',\n      columnConfig.value,\n      isSubColumn.value\n        ? 'columnConfig' in parent && parent.columnConfig.value\n        : null,\n      updateColumnOrder\n    )\n})\n\ninstance.columnId = columnId.value\n\ninstance.columnConfig = columnConfig as any\n\nconst TableColumnRenderer = () => {\n  try {\n    const renderDefault = slots.default?.({\n      row: {} as T,\n      column: {} as TableColumnCtx<T>,\n      $index: -1,\n    })\n    const children: VNode[] = []\n    if (isArray(renderDefault)) {\n      for (const childNode of renderDefault) {\n        if (\n          (childNode.type as any)?.name === 'ElTableColumn' ||\n          childNode.shapeFlag & 2\n        ) {\n          children.push(childNode)\n        } else if (childNode.type === Fragment && isArray(childNode.children)) {\n          childNode.children.forEach((vnode: VNode) => {\n            // No rendering when vnode is dynamic slot or text\n            if (\n              (vnode as VNode)?.patchFlag !== 1024 &&\n              !isString((vnode as VNode)?.children)\n            ) {\n              children.push(vnode)\n            }\n          })\n        }\n      }\n    }\n    return h('div', children)\n  } catch {\n    return h('div', [])\n  }\n}\n</script>\n"],"mappings":"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"}

package/es/components/table/src/table-column/index2.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"index2.mjs","names":["_sfc_main"],"sources":["../../../../../../../packages/components/table/src/table-column/index.vue"],"sourcesContent":["<template>\n  <TableColumnRenderer />\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends DefaultRow = DefaultRow\">\nimport {\n  Fragment,\n  computed,\n  getCurrentInstance,\n  h,\n  onBeforeMount,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n} from 'vue'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport { isArray, isString, isUndefined } from '@element-plus/utils'\nimport { cellStarts } from '../config'\nimport { compose, createTableColumnId, mergeOptions } from '../util'\nimport useWatcher from './watcher-helper'\nimport useRender from './render-helper'\n\nimport type { VNode } from 'vue'\nimport type { TableColumn, TableColumnCtx, TableColumnProps } from './defaults'\nimport type { DefaultRow } from '../table/defaults'\n\ndefineOptions({\n  name: 'ElTableColumn',\n})\n\nconst props = withDefaults(defineProps<TableColumnProps<T>>(), {\n  type: 'default',\n  width: '',\n  minWidth: '',\n  sortable: false,\n  resizable: true,\n  showOverflowTooltip: undefined,\n  filterMultiple: true,\n  sortOrders: () => ['ascending', 'descending', null],\n})\nconst slots = defineSlots<{\n  default?: (props: {\n    row: T\n    column: TableColumnCtx<T>\n    $index: number\n  }) => any\n  header?: (props: { column: TableColumnCtx<T>; $index: number }) => any\n  expand?: (props: { expanded: boolean; expandable: boolean }) => any\n  'filter-icon'?: (props: { filterOpened: boolean }) => any\n}>()\n\nconst instance = getCurrentInstance() as TableColumn<T>\nconst globalConfig = useGlobalConfig('table')\nconst columnConfig = ref<Partial<TableColumnCtx<T>>>({})\nconst owner = computed(() => {\n  let parent = instance.parent as any\n  while (parent && !parent.tableId) {\n    parent = parent.parent\n  }\n  return parent\n})\n\nconst { registerNormalWatchers, registerComplexWatchers } = useWatcher<T>(\n  owner,\n  props\n)\nconst {\n  columnId,\n  isSubColumn,\n  realHeaderAlign,\n  columnOrTableParent,\n  setColumnWidth,\n  setColumnForcedProps,\n  setColumnRenders,\n  getPropsData,\n  getColumnElIndex,\n  realAlign,\n  updateColumnOrder,\n} = useRender<T>(props as unknown as TableColumnCtx<T>, slots, owner)\n\nconst parent = columnOrTableParent.value\nconst parentId = 'tableId' in parent ? parent.tableId : parent.columnId\ncolumnId.value = createTableColumnId(parentId)\n\nonBeforeMount(() => {\n  isSubColumn.value = owner.value !== parent\n\n  const type = (props.type as keyof typeof cellStarts) || 'default'\n  const sortable = props.sortable === '' ? true : props.sortable\n  //The selection column should not be affected by `showOverflowTooltip`.\n  const showOverflowTooltip =\n    type === 'selection'\n      ? false\n      : isUndefined(props.showOverflowTooltip)\n        ? (parent.props.showOverflowTooltip ??\n          globalConfig.value?.showOverflowTooltip)\n        : props.showOverflowTooltip\n  const tooltipFormatter = isUndefined(props.tooltipFormatter)\n    ? (parent.props.tooltipFormatter ?? globalConfig.value?.tooltipFormatter)\n    : props.tooltipFormatter\n  const defaults = {\n    ...cellStarts[type],\n    id: columnId.value,\n    type,\n    property: props.prop || props.property,\n    align: realAlign,\n    headerAlign: realHeaderAlign,\n    showOverflowTooltip,\n    tooltipFormatter,\n    // filter 相关属性\n    filterable: props.filters || props.filterMethod,\n    filteredValue: [],\n    filterPlacement: '',\n    filterClassName: '',\n    isColumnGroup: false,\n    isSubColumn: false,\n    filterOpened: false,\n    // sort 相关属性\n    sortable,\n    // index 列\n    index: props.index,\n    // <el-table-column key=\"xxx\" />\n    rawColumnKey: instance.vnode.key,\n  }\n\n  const basicProps = [\n    'columnKey',\n    'label',\n    'className',\n    'labelClassName',\n    'type',\n    'renderHeader',\n    'formatter',\n    'fixed',\n    'resizable',\n  ]\n  const sortProps = ['sortMethod', 'sortBy', 'sortOrders']\n  const selectProps = ['selectable', 'reserveSelection']\n  const filterProps = [\n    'filterMethod',\n    'filters',\n    'filterMultiple',\n    'filterOpened',\n    'filteredValue',\n    'filterPlacement',\n    'filterClassName',\n  ]\n\n  let column = getPropsData(basicProps, sortProps, selectProps, filterProps)\n\n  column = mergeOptions(defaults, column)\n  // 注意 compose 中函数执行的顺序是从右到左\n  const chains = compose(setColumnRenders, setColumnWidth, setColumnForcedProps)\n  column = chains(column) as unknown as TableColumnCtx<T>\n  columnConfig.value = column\n\n  // 注册 watcher\n  registerNormalWatchers()\n  registerComplexWatchers()\n})\n\nonMounted(() => {\n  const parent = columnOrTableParent.value\n  const children = isSubColumn.value\n    ? parent.vnode.el?.children\n    : parent.refs.hiddenColumns?.children\n  const getColumnIndex = () =>\n    getColumnElIndex(children || [], instance.vnode.el)\n  columnConfig.value.getColumnIndex = getColumnIndex\n  const columnIndex = getColumnIndex()\n  columnIndex > -1 &&\n    owner.value.store.commit(\n      'insertColumn',\n      columnConfig.value,\n      isSubColumn.value\n        ? 'columnConfig' in parent && parent.columnConfig.value\n        : null,\n      updateColumnOrder\n    )\n})\n\nonBeforeUnmount(() => {\n  const getColumnIndex = columnConfig.value.getColumnIndex\n  const columnIndex = getColumnIndex ? getColumnIndex() : -1\n  columnIndex > -1 &&\n    owner.value.store.commit(\n      'removeColumn',\n      columnConfig.value,\n      isSubColumn.value\n        ? 'columnConfig' in parent && parent.columnConfig.value\n        : null,\n      updateColumnOrder\n    )\n})\n\ninstance.columnId = columnId.value\n\ninstance.columnConfig = columnConfig as any\n\nconst TableColumnRenderer = () => {\n  try {\n    const renderDefault = slots.default?.({\n      row: {} as T,\n      column: {} as TableColumnCtx<T>,\n      $index: -1,\n    })\n    const children: VNode[] = []\n    if (isArray(renderDefault)) {\n      for (const childNode of renderDefault) {\n        if (\n          (childNode.type as any)?.name === 'ElTableColumn' ||\n          childNode.shapeFlag & 2\n        ) {\n          children.push(childNode)\n        } else if (childNode.type === Fragment && isArray(childNode.children)) {\n          childNode.children.forEach((vnode: VNode) => {\n            // No rendering when vnode is dynamic slot or text\n            if (\n              (vnode as VNode)?.patchFlag !== 1024 &&\n              !isString((vnode as VNode)?.children)\n            ) {\n              children.push(vnode)\n            }\n          })\n        }\n      }\n    }\n    return h('div', children)\n  } catch {\n    return h('div', [])\n  }\n}\n</script>\n"],"mappings":""}
+{"version":3,"file":"index2.mjs","names":["_sfc_main"],"sources":["../../../../../../../packages/components/table/src/table-column/index.vue"],"sourcesContent":["<template>\n  <TableColumnRenderer />\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends DefaultRow = DefaultRow\">\nimport {\n  Fragment,\n  computed,\n  getCurrentInstance,\n  h,\n  onBeforeMount,\n  onBeforeUnmount,\n  onBeforeUpdate,\n  onMounted,\n  ref,\n  triggerRef,\n} from 'vue'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport { isArray, isString, isUndefined } from '@element-plus/utils'\nimport { cellStarts } from '../config'\nimport { compose, createTableColumnId, mergeOptions } from '../util'\nimport useWatcher from './watcher-helper'\nimport useRender from './render-helper'\n\nimport type { VNode } from 'vue'\nimport type { TableColumn, TableColumnCtx, TableColumnProps } from './defaults'\nimport type { DefaultRow } from '../table/defaults'\n\ndefineOptions({\n  name: 'ElTableColumn',\n})\n\nconst props = withDefaults(defineProps<TableColumnProps<T>>(), {\n  type: 'default',\n  width: '',\n  minWidth: '',\n  sortable: false,\n  resizable: true,\n  showOverflowTooltip: undefined,\n  filterMultiple: true,\n  sortOrders: () => ['ascending', 'descending', null],\n})\nconst slots = defineSlots<{\n  default?: (props: {\n    row: T\n    column: TableColumnCtx<T>\n    $index: number\n  }) => any\n  header?: (props: { column: TableColumnCtx<T>; $index: number }) => any\n  expand?: (props: { expanded: boolean; expandable: boolean }) => any\n  'filter-icon'?: (props: { filterOpened: boolean }) => any\n}>()\n\nconst instance = getCurrentInstance() as TableColumn<T>\nconst globalConfig = useGlobalConfig('table')\nconst columnConfig = ref<Partial<TableColumnCtx<T>>>({})\nconst owner = computed(() => {\n  let parent = instance.parent as any\n  while (parent && !parent.tableId) {\n    parent = parent.parent\n  }\n  return parent\n})\n\nconst { registerNormalWatchers, registerComplexWatchers } = useWatcher<T>(\n  owner,\n  props\n)\nconst {\n  columnId,\n  isSubColumn,\n  realHeaderAlign,\n  columnOrTableParent,\n  setColumnWidth,\n  setColumnForcedProps,\n  setColumnRenders,\n  getPropsData,\n  getColumnElIndex,\n  realAlign,\n  updateColumnOrder,\n} = useRender<T>(props as unknown as TableColumnCtx<T>, slots, owner)\n\nconst parent = columnOrTableParent.value\nconst parentId = 'tableId' in parent ? parent.tableId : parent.columnId\ncolumnId.value = createTableColumnId(parentId)\n\nonBeforeMount(() => {\n  isSubColumn.value = owner.value !== parent\n\n  const type = (props.type as keyof typeof cellStarts) || 'default'\n  const sortable = props.sortable === '' ? true : props.sortable\n  //The selection column should not be affected by `showOverflowTooltip`.\n  const showOverflowTooltip =\n    type === 'selection'\n      ? false\n      : isUndefined(props.showOverflowTooltip)\n        ? (parent.props.showOverflowTooltip ??\n          globalConfig.value?.showOverflowTooltip)\n        : props.showOverflowTooltip\n  const tooltipFormatter = isUndefined(props.tooltipFormatter)\n    ? (parent.props.tooltipFormatter ?? globalConfig.value?.tooltipFormatter)\n    : props.tooltipFormatter\n  const defaults = {\n    ...cellStarts[type],\n    id: columnId.value,\n    type,\n    property: props.prop || props.property,\n    align: realAlign,\n    headerAlign: realHeaderAlign,\n    showOverflowTooltip,\n    tooltipFormatter,\n    // filter 相关属性\n    filterable: props.filters || props.filterMethod,\n    filteredValue: [],\n    filterPlacement: '',\n    filterClassName: '',\n    isColumnGroup: false,\n    isSubColumn: false,\n    filterOpened: false,\n    // sort 相关属性\n    sortable,\n    // index 列\n    index: props.index,\n    // <el-table-column key=\"xxx\" />\n    rawColumnKey: instance.vnode.key,\n  }\n\n  const basicProps = [\n    'columnKey',\n    'label',\n    'className',\n    'labelClassName',\n    'type',\n    'renderHeader',\n    'formatter',\n    'fixed',\n    'resizable',\n  ]\n  const sortProps = ['sortMethod', 'sortBy', 'sortOrders']\n  const selectProps = ['selectable', 'reserveSelection']\n  const filterProps = [\n    'filterMethod',\n    'filters',\n    'filterMultiple',\n    'filterOpened',\n    'filteredValue',\n    'filterPlacement',\n    'filterClassName',\n  ]\n\n  let column = getPropsData(basicProps, sortProps, selectProps, filterProps)\n\n  column = mergeOptions(defaults, column)\n  // 注意 compose 中函数执行的顺序是从右到左\n  const chains = compose(setColumnRenders, setColumnWidth, setColumnForcedProps)\n  column = chains(column) as unknown as TableColumnCtx<T>\n  columnConfig.value = column\n\n  // 注册 watcher\n  registerNormalWatchers()\n  registerComplexWatchers()\n})\n\nonMounted(() => {\n  const parent = columnOrTableParent.value\n  const children = isSubColumn.value\n    ? parent.vnode.el?.children\n    : parent.refs.hiddenColumns?.children\n  const getColumnIndex = () =>\n    getColumnElIndex(children || [], instance.vnode.el)\n  columnConfig.value.getColumnIndex = getColumnIndex\n  const columnIndex = getColumnIndex()\n  columnIndex > -1 &&\n    owner.value.store.commit(\n      'insertColumn',\n      columnConfig.value,\n      isSubColumn.value\n        ? 'columnConfig' in parent && parent.columnConfig.value\n        : null,\n      updateColumnOrder\n    )\n})\n\nlet headerSlot = slots.header\nonBeforeUpdate(() => {\n  // The header renders in the table header component, which does not track this column's slots.\n  if (slots.header !== headerSlot) {\n    headerSlot = slots.header\n    triggerRef(columnConfig)\n  }\n})\n\nonBeforeUnmount(() => {\n  const getColumnIndex = columnConfig.value.getColumnIndex\n  const columnIndex = getColumnIndex ? getColumnIndex() : -1\n  columnIndex > -1 &&\n    owner.value.store.commit(\n      'removeColumn',\n      columnConfig.value,\n      isSubColumn.value\n        ? 'columnConfig' in parent && parent.columnConfig.value\n        : null,\n      updateColumnOrder\n    )\n})\n\ninstance.columnId = columnId.value\n\ninstance.columnConfig = columnConfig as any\n\nconst TableColumnRenderer = () => {\n  try {\n    const renderDefault = slots.default?.({\n      row: {} as T,\n      column: {} as TableColumnCtx<T>,\n      $index: -1,\n    })\n    const children: VNode[] = []\n    if (isArray(renderDefault)) {\n      for (const childNode of renderDefault) {\n        if (\n          (childNode.type as any)?.name === 'ElTableColumn' ||\n          childNode.shapeFlag & 2\n        ) {\n          children.push(childNode)\n        } else if (childNode.type === Fragment && isArray(childNode.children)) {\n          childNode.children.forEach((vnode: VNode) => {\n            // No rendering when vnode is dynamic slot or text\n            if (\n              (vnode as VNode)?.patchFlag !== 1024 &&\n              !isString((vnode as VNode)?.children)\n            ) {\n              children.push(vnode)\n            }\n          })\n        }\n      }\n    }\n    return h('div', children)\n  } catch {\n    return h('div', [])\n  }\n}\n</script>\n"],"mappings":""}

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

@@ -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, {
-      id: string;
+      value: string | number | boolean | object;
+      label: string | number | boolean | object;
       disabled: boolean;
-      modelValue: string | number | boolean;
       validateEvent: boolean;
+      modelValue: string | number | boolean;
       name: string;
-      value: string | number | boolean | object;
-      label: string | number | boolean | object;
+      id: string;
       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;
     }>, {}, {}, {}, {}, {
-      id: string;
+      value: string | number | boolean | object;
+      label: string | number | boolean | object;
       disabled: boolean;
-      modelValue: string | number | boolean;
       validateEvent: boolean;
+      modelValue: string | number | boolean;
       name: string;
-      value: string | number | boolean | object;
-      label: string | number | boolean | object;
+      id: string;
       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, {
-    id: string;
+    value: string | number | boolean | object;
+    label: string | number | boolean | object;
     disabled: boolean;
-    modelValue: string | number | boolean;
     validateEvent: boolean;
+    modelValue: string | number | boolean;
     name: string;
-    value: string | number | boolean | object;
-    label: string | number | boolean | object;
+    id: string;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;

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

@@ -11,13 +11,13 @@ import * as _$lodash_unified0 from "lodash-unified";
 //#region ../../packages/components/table/src/table.vue.d.ts
 declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: NonNullable<Awaited<typeof __VLS_setup>>["props"], __VLS_ctx?: __VLS_PrettifyLocal<Pick<NonNullable<Awaited<typeof __VLS_setup>>, "attrs" | "emit" | "slots">>, __VLS_exposed?: NonNullable<Awaited<typeof __VLS_setup>>["expose"], __VLS_setup?: Promise<{
   props: _$vue.PublicProps & __VLS_PrettifyLocal<TableProps<T> & {
+    "onExpand-change"?: ((row: T, expanded: boolean) => any) | undefined;
     onScroll?: ((data: {
       scrollLeft: number;
       scrollTop: number;
     }) => any) | undefined;
-    onSelect?: ((selection: T[], row: T) => any) | undefined;
     "onSelect-all"?: ((selection: T[]) => any) | undefined;
-    "onExpand-change"?: ((row: T, expanded: boolean) => any) | undefined;
+    onSelect?: ((selection: T[], row: T) => any) | undefined;
     "onCurrent-change"?: ((currentRow: T | null, oldCurrentRow: T | null) => any) | undefined;
     "onSelection-change"?: ((newSelection: T[]) => any) | undefined;
     "onCell-mouse-enter"?: ((row: T, column: TableColumnCtx<T>, cell: HTMLTableCellElement, event: MouseEvent) => any) | undefined;
@@ -693,8 +693,8 @@ declare const __VLS_export: <T extends DefaultRow = DefaultRow>(__VLS_props: Non
     computedSumText: _$vue.ComputedRef<string>;
     computedEmptyText: _$vue.ComputedRef<string>;
     computedTooltipEffect: _$vue.ComputedRef<string | undefined>;
-    computedTooltipOptions: _$vue.ComputedRef<Partial<Omit<UseTooltipProps, "visible" | "content" | "referenceEl" | "triggerTargetEl" | "virtualTriggering" | "rawContent" | "persistent" | "autoClose" | "virtualRef">> | undefined>;
-    tableLayout: _$vue.ComputedRef<"fixed" | "auto">;
+    computedTooltipOptions: _$vue.ComputedRef<Partial<Omit<UseTooltipProps, "persistent" | "visible" | "content" | "referenceEl" | "triggerTargetEl" | "virtualTriggering" | "rawContent" | "autoClose" | "virtualRef">> | undefined>;
+    tableLayout: _$vue.ComputedRef<"auto" | "fixed">;
     scrollbarViewStyle: {
       display: string;
       verticalAlign: string;

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

@@ -88,8 +88,8 @@ declare const TableV2Header: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __epPropKey: true;
   };
 }>> & Readonly<{}>, {
-  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
   readonly rowHeight: number;
+  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type TableV2HeaderInstance = InstanceType<typeof TableV2Header> & {
   /**

package/es/components/table-v2/src/components/row.d.ts

@@ -143,8 +143,8 @@ declare const TableV2Row: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   };
 }>> & Readonly<{}>, {
   readonly isScrolling: boolean;
-  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
   readonly estimatedRowHeight: number;
+  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type TableV2RowCellRenderParam = {
   column: TableV2RowProps['columns'][number];

package/es/components/table-v2/src/table-grid.d.ts

@@ -201,11 +201,11 @@ declare const TableGrid: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
-  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
-  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
   readonly estimatedRowHeight: number;
   readonly scrollbarStartGap: number;
   readonly scrollbarEndGap: number;
+  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
+  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 type TableGridRowSlotParams = {
   columns: TableV2GridProps['columns'];

package/es/components/table-v2/src/table-v2.d.ts

@@ -327,16 +327,16 @@ declare const TableV2: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   readonly useIsScrolling: boolean;
   readonly scrollbarAlwaysOn: boolean;
   readonly cache: number;
-  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
-  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
-  readonly sortBy: SortBy;
   readonly estimatedRowHeight: number;
   readonly rowHeight: number;
   readonly hScrollbarSize: number;
   readonly vScrollbarSize: number;
+  readonly rowKey: EpPropMergeType<(new (...args: any[]) => string | number | symbol) | (() => KeyType) | (((new (...args: any[]) => string | number | symbol) | (() => KeyType)) | null)[], unknown, unknown>;
+  readonly headerHeight: EpPropMergeType<(new (...args: any[]) => number | number[]) | (() => number | number[]) | (((new (...args: any[]) => number | number[]) | (() => number | number[])) | null)[], unknown, unknown>;
   readonly footerHeight: number;
   readonly indentSize: number;
   readonly iconSize: number;
+  readonly sortBy: SortBy;
   readonly sortState: SortState;
   readonly expandedRowKeys: KeyType[];
   readonly defaultExpandedRowKeys: KeyType[];

package/es/components/tabs/src/tab-nav.d.ts

@@ -267,8 +267,8 @@ declare const TabNav: _$vue.DefineComponent<ExtractPropTypes<{
   }, ev: Event) => any) | undefined;
 }>, {
   readonly type: EpPropMergeType<StringConstructor, "" | "card" | "border-card", unknown>;
-  readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
   readonly stretch: boolean;
+  readonly tabindex: EpPropMergeType<readonly [StringConstructor, NumberConstructor], unknown, unknown>;
   readonly editable: boolean;
   readonly panes: {
     uid: number;

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

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