@element-plus/nightly 0.0.20261105 → 0.0.20261107

package/lib/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;
       disabled: boolean;
       modelValue: string | number | boolean;
-      validateEvent: boolean;
       name: string;
-      value: string | number | boolean | object;
       label: string | number | boolean | object;
+      value: string | number | boolean | object;
+      id: string;
+      validateEvent: boolean;
       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;
       disabled: boolean;
       modelValue: string | number | boolean;
-      validateEvent: boolean;
       name: string;
-      value: string | number | boolean | object;
       label: string | number | boolean | object;
+      value: string | number | boolean | object;
+      id: string;
+      validateEvent: boolean;
       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;
     disabled: boolean;
     modelValue: string | number | boolean;
-    validateEvent: boolean;
     name: string;
-    value: string | number | boolean | object;
     label: string | number | boolean | object;
+    value: string | number | boolean | object;
+    id: string;
+    validateEvent: boolean;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;
@@ -198,22 +198,22 @@ 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, {
+      disabled: boolean;
+      type: "button" | "checkbox";
+      modelValue: CheckboxGroupValueType;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "button" | "checkbox";
-      disabled: boolean;
-      modelValue: CheckboxGroupValueType;
-      validateEvent: boolean;
       tag: string;
+      validateEvent: boolean;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -222,40 +222,40 @@ 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;
     }>, {}, {}, {}, {}, {
+      disabled: boolean;
+      type: "button" | "checkbox";
+      modelValue: CheckboxGroupValueType;
       props: {
         value?: string;
         label?: string;
         disabled?: string;
       };
-      type: "button" | "checkbox";
-      disabled: boolean;
-      modelValue: CheckboxGroupValueType;
-      validateEvent: boolean;
       tag: string;
+      validateEvent: boolean;
     }>;
     __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, {
+    disabled: boolean;
+    type: "button" | "checkbox";
+    modelValue: CheckboxGroupValueType;
     props: {
       value?: string;
       label?: string;
       disabled?: string;
     };
-    type: "button" | "checkbox";
-    disabled: boolean;
-    modelValue: CheckboxGroupValueType;
-    validateEvent: boolean;
     tag: string;
+    validateEvent: boolean;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
@@ -263,11 +263,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   })>;
   ElScrollbar: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<ScrollbarProps> & Readonly<{
+      "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
       onScroll?: ((args_0: {
         scrollTop: number;
         scrollLeft: number;
       }) => any) | undefined;
-      "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
     }>, {
       wrapRef: _$vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
       update: () => void;
@@ -279,23 +279,23 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       setScrollLeft: (value: number) => void;
       handleScroll: () => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+      "end-reached": (direction: ScrollbarDirection) => void;
       scroll: (args_0: {
         scrollTop: number;
         scrollLeft: number;
       }) => void;
-      "end-reached": (direction: ScrollbarDirection) => void;
     }, _$vue.PublicProps, {
-      tabindex: string | number;
       height: string | number;
-      mask: boolean | ScrollbarDirection;
-      maxHeight: string | number;
       tag: (string & {}) | keyof HTMLElementTagNameMap;
       distance: number;
+      maxHeight: string | number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | false | Record<string, any> | ClassValue[] | null;
       viewClass: string | false | Record<string, any> | ClassValue[] | null;
       viewStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      mask: boolean | ScrollbarDirection;
       minSize: number;
+      tabindex: string | number;
     }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
       P: {};
       B: {};
@@ -304,11 +304,11 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<ScrollbarProps> & Readonly<{
+      "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
       onScroll?: ((args_0: {
         scrollTop: number;
         scrollLeft: number;
       }) => any) | undefined;
-      "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
     }>, {
       wrapRef: _$vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
       update: () => void;
@@ -320,27 +320,27 @@ 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;
       tag: (string & {}) | keyof HTMLElementTagNameMap;
       distance: number;
+      maxHeight: string | number;
       wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
       wrapClass: string | false | Record<string, any> | ClassValue[] | null;
       viewClass: string | false | Record<string, any> | ClassValue[] | null;
       viewStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      mask: boolean | ScrollbarDirection;
       minSize: number;
+      tabindex: string | number;
     }>;
     __isFragment?: never;
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<ScrollbarProps> & Readonly<{
+    "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
     onScroll?: ((args_0: {
       scrollTop: number;
       scrollLeft: number;
     }) => any) | undefined;
-    "onEnd-reached"?: ((direction: ScrollbarDirection) => any) | undefined;
   }>, {
     wrapRef: _$vue.Ref<HTMLDivElement | undefined, HTMLDivElement | undefined>;
     update: () => void;
@@ -352,23 +352,23 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     setScrollLeft: (value: number) => void;
     handleScroll: () => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
+    "end-reached": (direction: ScrollbarDirection) => void;
     scroll: (args_0: {
       scrollTop: number;
       scrollLeft: number;
     }) => void;
-    "end-reached": (direction: ScrollbarDirection) => void;
   }, string, {
-    tabindex: string | number;
     height: string | number;
-    mask: boolean | ScrollbarDirection;
-    maxHeight: string | number;
     tag: (string & {}) | keyof HTMLElementTagNameMap;
     distance: number;
+    maxHeight: string | number;
     wrapStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
     wrapClass: string | false | Record<string, any> | ClassValue[] | null;
     viewClass: string | false | Record<string, any> | ClassValue[] | null;
     viewStyle: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    mask: boolean | ScrollbarDirection;
     minSize: number;
+    tabindex: string | number;
   }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
     $slots: {
       default?: (props: {}) => any;
@@ -376,13 +376,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
   })>;
   ElTooltip: SFCWithInstall<{
     new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<UseTooltipProps> & Readonly<{
-      onClose?: ((...args: any[]) => any) | undefined;
-      onHide?: ((...args: any[]) => any) | undefined;
-      onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+      onShow?: ((...args: any[]) => any) | undefined;
+      onHide?: ((...args: any[]) => any) | undefined;
     }>, {
       popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
       contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -392,20 +392,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      close: (...args: any[]) => void;
-      hide: (...args: any[]) => void;
-      show: (...args: any[]) => void;
       open: (...args: any[]) => void;
+      close: (...args: any[]) => void;
       "update:visible": (...args: any[]) => void;
       "before-show": (...args: any[]) => void;
       "before-hide": (...args: any[]) => void;
+      show: (...args: any[]) => void;
+      hide: (...args: any[]) => void;
     }, _$vue.PublicProps, {
-      offset: number;
-      teleported: boolean;
-      effect: PopperEffect;
       visible: boolean | null;
-      content: string;
+      role: "grid" | "dialog" | "menu" | "tooltip" | "group" | "listbox" | "navigation" | "tree";
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -417,12 +415,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
+      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "fixed" | "absolute";
+      strategy: "absolute" | "fixed";
       arrowOffset: number;
       showArrow: boolean;
-      role: "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree";
+      content: string;
+      teleported: boolean;
       showAfter: number;
       hideAfter: number;
       autoClose: number;
@@ -436,13 +436,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       M: {};
       Defaults: {};
     }, Readonly<UseTooltipProps> & Readonly<{
-      onClose?: ((...args: any[]) => any) | undefined;
-      onHide?: ((...args: any[]) => any) | undefined;
-      onShow?: ((...args: any[]) => any) | undefined;
       onOpen?: ((...args: any[]) => any) | undefined;
+      onClose?: ((...args: any[]) => any) | undefined;
       "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
       "onBefore-show"?: ((...args: any[]) => any) | undefined;
       "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+      onShow?: ((...args: any[]) => any) | undefined;
+      onHide?: ((...args: any[]) => any) | undefined;
     }>, {
       popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
       contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -452,12 +452,10 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       onClose: (event?: Event, delay?: number) => void;
       hide: (event?: Event) => void;
     }, {}, {}, {}, {
-      offset: number;
-      teleported: boolean;
-      effect: PopperEffect;
       visible: boolean | null;
-      content: string;
+      role: "grid" | "dialog" | "menu" | "tooltip" | "group" | "listbox" | "navigation" | "tree";
       style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+      effect: PopperEffect;
       enterable: boolean;
       pure: boolean;
       focusOnShow: boolean;
@@ -469,12 +467,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
       loop: boolean;
       boundariesPadding: number;
       gpuAcceleration: boolean;
+      offset: number;
       placement: Placement;
       popperOptions: Partial<Options>;
-      strategy: "fixed" | "absolute";
+      strategy: "absolute" | "fixed";
       arrowOffset: number;
       showArrow: boolean;
-      role: "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree";
+      content: string;
+      teleported: boolean;
       showAfter: number;
       hideAfter: number;
       autoClose: number;
@@ -485,13 +485,13 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     __isTeleport?: never;
     __isSuspense?: never;
   } & _$vue.ComponentOptionsBase<Readonly<UseTooltipProps> & Readonly<{
-    onClose?: ((...args: any[]) => any) | undefined;
-    onHide?: ((...args: any[]) => any) | undefined;
-    onShow?: ((...args: any[]) => any) | undefined;
     onOpen?: ((...args: any[]) => any) | undefined;
+    onClose?: ((...args: any[]) => any) | undefined;
     "onUpdate:visible"?: ((...args: any[]) => any) | undefined;
     "onBefore-show"?: ((...args: any[]) => any) | undefined;
     "onBefore-hide"?: ((...args: any[]) => any) | undefined;
+    onShow?: ((...args: any[]) => any) | undefined;
+    onHide?: ((...args: any[]) => any) | undefined;
   }>, {
     popperRef: _$vue.Ref<PopperInstance | undefined, PopperInstance | undefined>;
     contentRef: _$vue.Ref<TooltipContentInstance | undefined, TooltipContentInstance | undefined>;
@@ -501,20 +501,18 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     onClose: (event?: Event, delay?: number) => void;
     hide: (event?: Event) => void;
   }, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    close: (...args: any[]) => void;
-    hide: (...args: any[]) => void;
-    show: (...args: any[]) => void;
     open: (...args: any[]) => void;
+    close: (...args: any[]) => void;
     "update:visible": (...args: any[]) => void;
     "before-show": (...args: any[]) => void;
     "before-hide": (...args: any[]) => void;
+    show: (...args: any[]) => void;
+    hide: (...args: any[]) => void;
   }, string, {
-    offset: number;
-    teleported: boolean;
-    effect: PopperEffect;
     visible: boolean | null;
-    content: string;
+    role: "grid" | "dialog" | "menu" | "tooltip" | "group" | "listbox" | "navigation" | "tree";
     style: string | false | _$vue.CSSProperties | _$vue.StyleValue[] | null;
+    effect: PopperEffect;
     enterable: boolean;
     pure: boolean;
     focusOnShow: boolean;
@@ -526,12 +524,14 @@ declare const __VLS_export: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     loop: boolean;
     boundariesPadding: number;
     gpuAcceleration: boolean;
+    offset: number;
     placement: Placement;
     popperOptions: Partial<Options>;
-    strategy: "fixed" | "absolute";
+    strategy: "absolute" | "fixed";
     arrowOffset: number;
     showArrow: boolean;
-    role: "listbox" | "grid" | "menu" | "tooltip" | "dialog" | "group" | "navigation" | "tree";
+    content: string;
+    teleported: boolean;
     showAfter: number;
     hideAfter: number;
     autoClose: number;

package/lib/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/lib/components/table/src/table-column/defaults.d.ts

@@ -249,7 +249,7 @@ declare const tableColumnProps: {
    * @description whether column can be sorted. Remote sorting can be done by setting this attribute to 'custom' and listening to the `sort-change` event of Table
    */
   sortable: {
-    type: (BooleanConstructor | StringConstructor)[];
+    type: (StringConstructor | BooleanConstructor)[];
     default: boolean;
   };
   /**
@@ -293,7 +293,7 @@ declare const tableColumnProps: {
   /**
    * @description whether column is fixed at left / right. Will be fixed at left if `true`
    */
-  fixed: (BooleanConstructor | StringConstructor)[];
+  fixed: (StringConstructor | BooleanConstructor)[];
   /**
    * @description function that formats cell content
    */

package/lib/components/table/src/table-column/index.vue_vue_type_script_setup_true_lang.js

@@ -90,6 +90,13 @@ var index_vue_vue_type_script_setup_true_lang_default = /*@__PURE__*/ (0, vue.de
 			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;
+		(0, vue.onBeforeUpdate)(() => {
+			if (slots.header !== headerSlot) {
+				headerSlot = slots.header;
+				(0, vue.triggerRef)(columnConfig);
+			}
+		});
 		(0, vue.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/lib/components/table/src/table-column/index.vue_vue_type_script_setup_true_lang.js.map

@@ -1 +1 @@
-{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.js","names":["tableColumnProps","_useSlots","getCurrentInstance","useGlobalConfig","ref","computed","useWatcher","useRender","createTableColumnId","isUndefined","cellStarts","mergeOptions","compose","isArray","Fragment","isString","h","_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.js","names":["tableColumnProps","_useSlots","getCurrentInstance","useGlobalConfig","ref","computed","useWatcher","useRender","createTableColumnId","isUndefined","cellStarts","mergeOptions","compose","isArray","Fragment","isString","h","_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/lib/components/table/src/table-column/index2.js.map

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

@@ -77,8 +77,8 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     };
   };
 }>> & Readonly<{}>, {
-  fixed: string;
   border: boolean;
+  fixed: string;
   defaultSort: Sort;
 }, {}, {}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
 //#endregion

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

@@ -112,26 +112,26 @@ declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
     type: BooleanConstructor;
   };
 }>> & Readonly<{}>, {
-  fixed: string;
   border: boolean;
+  fixed: string;
   defaultSort: Sort;
   allowDragLastColumn: boolean;
 }, {}, {
   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;
       disabled: boolean;
       modelValue: string | number | boolean;
-      validateEvent: boolean;
       name: string;
-      value: string | number | boolean | object;
       label: string | number | boolean | object;
+      value: string | number | boolean | object;
+      id: string;
+      validateEvent: boolean;
       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;
       disabled: boolean;
       modelValue: string | number | boolean;
-      validateEvent: boolean;
       name: string;
-      value: string | number | boolean | object;
       label: string | number | boolean | object;
+      value: string | number | boolean | object;
+      id: string;
+      validateEvent: boolean;
       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;
     disabled: boolean;
     modelValue: string | number | boolean;
-    validateEvent: boolean;
     name: string;
-    value: string | number | boolean | object;
     label: string | number | boolean | object;
+    value: string | number | boolean | object;
+    id: string;
+    validateEvent: boolean;
     trueValue: string | number;
     falseValue: string | number;
     trueLabel: string | number;