@element-plus/nightly 0.0.20260513 → 0.0.20260514

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

@@ -1,227 +1,2 @@
-import { UseTooltipProps } from "../../../tooltip/src/tooltip.js";
-import { CheckboxProps, CheckboxValueType } from "../../../checkbox/src/checkbox.js";
-import _default$1 from "../../../checkbox/src/checkbox-button.vue.js";
-import _default$2 from "../../../checkbox/src/checkbox-group.vue.js";
-import { TableColumnCtx } from "./defaults.js";
-import { TableSortOrder } from "../table/defaults.js";
-import * as _$vue from "vue";
-
-//#region ../../packages/components/table/src/table-column/index.d.ts
-declare const _default: _$vue.DefineComponent<_$vue.ExtractPropTypes<{
-  type: {
-    type: StringConstructor;
-    default: string;
-  };
-  label: StringConstructor;
-  className: StringConstructor;
-  labelClassName: StringConstructor;
-  property: StringConstructor;
-  prop: StringConstructor;
-  width: {
-    type: (StringConstructor | NumberConstructor)[];
-    default: string;
-  };
-  minWidth: {
-    type: (StringConstructor | NumberConstructor)[];
-    default: string;
-  };
-  renderHeader: _$vue.PropType<TableColumnCtx<any>["renderHeader"]>;
-  sortable: {
-    type: (BooleanConstructor | StringConstructor)[];
-    default: boolean;
-  };
-  sortMethod: _$vue.PropType<TableColumnCtx<any>["sortMethod"]>;
-  sortBy: _$vue.PropType<TableColumnCtx<any>["sortBy"]>;
-  resizable: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  columnKey: StringConstructor;
-  align: StringConstructor;
-  headerAlign: StringConstructor;
-  showOverflowTooltip: {
-    type: _$vue.PropType<TableColumnCtx<any>["showOverflowTooltip"]>;
-    default: undefined;
-  };
-  tooltipFormatter: _$vue.PropType<TableColumnCtx<any>["tooltipFormatter"]>;
-  fixed: (BooleanConstructor | StringConstructor)[];
-  formatter: _$vue.PropType<TableColumnCtx<any>["formatter"]>;
-  selectable: _$vue.PropType<TableColumnCtx<any>["selectable"]>;
-  reserveSelection: BooleanConstructor;
-  filterMethod: _$vue.PropType<TableColumnCtx<any>["filterMethod"]>;
-  filteredValue: _$vue.PropType<TableColumnCtx<any>["filteredValue"]>;
-  filters: _$vue.PropType<TableColumnCtx<any>["filters"]>;
-  filterPlacement: StringConstructor;
-  filterMultiple: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  filterClassName: StringConstructor;
-  index: _$vue.PropType<TableColumnCtx<any>["index"]>;
-  sortOrders: {
-    type: _$vue.PropType<TableColumnCtx<any>["sortOrders"]>;
-    default: () => (string | null)[];
-    validator: (val: TableColumnCtx<any>["sortOrders"]) => boolean;
-  };
-}>, void, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {}, string, _$vue.PublicProps, Readonly<_$vue.ExtractPropTypes<{
-  type: {
-    type: StringConstructor;
-    default: string;
-  };
-  label: StringConstructor;
-  className: StringConstructor;
-  labelClassName: StringConstructor;
-  property: StringConstructor;
-  prop: StringConstructor;
-  width: {
-    type: (StringConstructor | NumberConstructor)[];
-    default: string;
-  };
-  minWidth: {
-    type: (StringConstructor | NumberConstructor)[];
-    default: string;
-  };
-  renderHeader: _$vue.PropType<TableColumnCtx<any>["renderHeader"]>;
-  sortable: {
-    type: (BooleanConstructor | StringConstructor)[];
-    default: boolean;
-  };
-  sortMethod: _$vue.PropType<TableColumnCtx<any>["sortMethod"]>;
-  sortBy: _$vue.PropType<TableColumnCtx<any>["sortBy"]>;
-  resizable: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  columnKey: StringConstructor;
-  align: StringConstructor;
-  headerAlign: StringConstructor;
-  showOverflowTooltip: {
-    type: _$vue.PropType<TableColumnCtx<any>["showOverflowTooltip"]>;
-    default: undefined;
-  };
-  tooltipFormatter: _$vue.PropType<TableColumnCtx<any>["tooltipFormatter"]>;
-  fixed: (BooleanConstructor | StringConstructor)[];
-  formatter: _$vue.PropType<TableColumnCtx<any>["formatter"]>;
-  selectable: _$vue.PropType<TableColumnCtx<any>["selectable"]>;
-  reserveSelection: BooleanConstructor;
-  filterMethod: _$vue.PropType<TableColumnCtx<any>["filterMethod"]>;
-  filteredValue: _$vue.PropType<TableColumnCtx<any>["filteredValue"]>;
-  filters: _$vue.PropType<TableColumnCtx<any>["filters"]>;
-  filterPlacement: StringConstructor;
-  filterMultiple: {
-    type: BooleanConstructor;
-    default: boolean;
-  };
-  filterClassName: StringConstructor;
-  index: _$vue.PropType<TableColumnCtx<any>["index"]>;
-  sortOrders: {
-    type: _$vue.PropType<TableColumnCtx<any>["sortOrders"]>;
-    default: () => (string | null)[];
-    validator: (val: TableColumnCtx<any>["sortOrders"]) => boolean;
-  };
-}>> & Readonly<{}>, {
-  type: string;
-  width: string | number;
-  minWidth: string | number;
-  resizable: boolean;
-  showOverflowTooltip: boolean | Partial<Pick<UseTooltipProps, "offset" | "transition" | "showAfter" | "hideAfter" | "placement" | "popperOptions" | "effect" | "enterable" | "popperClass" | "appendTo" | "showArrow">> | undefined;
-  sortOrders: (TableSortOrder | null)[];
-  sortable: string | boolean;
-  reserveSelection: boolean;
-  filterMultiple: boolean;
-}, {}, {
-  ElCheckbox: {
-    new (...args: any[]): _$vue.CreateComponentPublicInstanceWithMixins<Readonly<CheckboxProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
-    }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-      "update:modelValue": (val: CheckboxValueType) => void;
-      change: (val: CheckboxValueType) => void;
-    }, _$vue.PublicProps, {
-      id: string;
-      name: string;
-      disabled: boolean;
-      modelValue: number | string | boolean;
-      validateEvent: boolean;
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
-      trueValue: string | number;
-      falseValue: string | number;
-      trueLabel: string | number;
-      falseLabel: string | number;
-    }, false, {}, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, {}, any, _$vue.ComponentProvideOptions, {
-      P: {};
-      B: {};
-      D: {};
-      C: {};
-      M: {};
-      Defaults: {};
-    }, Readonly<CheckboxProps> & Readonly<{
-      "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-      onChange?: ((val: CheckboxValueType) => any) | undefined;
-    }>, {}, {}, {}, {}, {
-      id: string;
-      name: string;
-      disabled: boolean;
-      modelValue: number | string | boolean;
-      validateEvent: boolean;
-      value: string | boolean | number | object;
-      label: string | boolean | number | object;
-      trueValue: string | number;
-      falseValue: string | number;
-      trueLabel: string | number;
-      falseLabel: string | number;
-    }>;
-    __isFragment?: never;
-    __isTeleport?: never;
-    __isSuspense?: never;
-  } & _$vue.ComponentOptionsBase<Readonly<CheckboxProps> & Readonly<{
-    "onUpdate:modelValue"?: ((val: CheckboxValueType) => any) | undefined;
-    onChange?: ((val: CheckboxValueType) => any) | undefined;
-  }>, {}, {}, {}, {}, _$vue.ComponentOptionsMixin, _$vue.ComponentOptionsMixin, {
-    "update:modelValue": (val: CheckboxValueType) => void;
-    change: (val: CheckboxValueType) => void;
-  }, string, {
-    id: string;
-    name: string;
-    disabled: boolean;
-    modelValue: number | string | boolean;
-    validateEvent: boolean;
-    value: string | boolean | number | object;
-    label: string | boolean | number | object;
-    trueValue: string | number;
-    falseValue: string | number;
-    trueLabel: string | number;
-    falseLabel: string | number;
-  }, {}, string, {}, _$vue.GlobalComponents, _$vue.GlobalDirectives, string, _$vue.ComponentProvideOptions> & _$vue.VNodeProps & _$vue.AllowedComponentProps & _$vue.ComponentCustomProps & (new () => {
-    $slots: {
-      default?: (props: {}) => any;
-    };
-  }) & _$vue.ObjectPlugin & {
-    setPropsDefaults: (defaults: {
-      readonly modelValue?: string | number | boolean | (() => string | number | boolean) | undefined;
-      readonly label?: string | number | boolean | (() => string | number | boolean | object) | undefined;
-      readonly value?: string | number | boolean | (() => string | number | boolean | object) | undefined;
-      readonly indeterminate?: boolean | (() => boolean) | undefined;
-      readonly disabled?: boolean | (() => boolean) | undefined;
-      readonly checked?: boolean | (() => boolean) | undefined;
-      readonly name?: string | (() => string) | undefined;
-      readonly trueValue?: string | number | (() => string | number) | undefined;
-      readonly falseValue?: string | number | (() => string | number) | undefined;
-      readonly trueLabel?: string | number | (() => string | number) | undefined;
-      readonly falseLabel?: string | number | (() => string | number) | undefined;
-      readonly id?: string | (() => string) | undefined;
-      readonly border?: boolean | (() => boolean) | undefined;
-      readonly size?: "" | "default" | "large" | "small" | (() => "" | "default" | "large" | "small") | undefined;
-      readonly tabindex?: string | number | (() => string | number) | undefined;
-      readonly validateEvent?: boolean | (() => boolean) | undefined;
-      readonly ariaLabel?: string | (() => string) | undefined;
-      readonly ariaControls?: string | (() => string) | undefined;
-    }) => void;
-  } & {
-    CheckboxButton: typeof _default$1;
-    CheckboxGroup: typeof _default$2;
-  };
-}, {}, string, _$vue.ComponentProvideOptions, true, {}, any>;
-//#endregion
+import _default from "./index.vue.js";
 export { _default as default };

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

@@ -2,125 +2,8 @@ Object.defineProperties(exports, {
 	__esModule: { value: true },
 	[Symbol.toStringTag]: { value: "Module" }
 });
-require("../../../../_virtual/_rolldown/runtime.js");
-const require_types = require("../../../../utils/types.js");
-const require_use_global_config = require("../../../config-provider/src/hooks/use-global-config.js");
-const require_index = require("../../../checkbox/index.js");
-const require_util = require("../util.js");
-const require_config = require("../config.js");
-const require_watcher_helper = require("./watcher-helper.js");
-const require_render_helper = require("./render-helper.js");
-const require_defaults = require("./defaults.js");
-let vue = require("vue");
-let _vue_shared = require("@vue/shared");
 //#region ../../packages/components/table/src/table-column/index.ts
-let columnIdSeed = 1;
-var table_column_default = (0, vue.defineComponent)({
-	name: "ElTableColumn",
-	components: { ElCheckbox: require_index.ElCheckbox },
-	props: require_defaults.default,
-	setup(props, { slots }) {
-		const instance = (0, vue.getCurrentInstance)();
-		const globalConfig = require_use_global_config.useGlobalConfig("table");
-		const columnConfig = (0, vue.ref)({});
-		const owner = (0, vue.computed)(() => {
-			let parent = instance.parent;
-			while (parent && !parent.tableId) parent = parent.parent;
-			return parent;
-		});
-		const { registerNormalWatchers, registerComplexWatchers } = require_watcher_helper.default(owner, props);
-		const { columnId, isSubColumn, realHeaderAlign, columnOrTableParent, setColumnWidth, setColumnForcedProps, setColumnRenders, getPropsData, getColumnElIndex, realAlign, updateColumnOrder } = require_render_helper.default(props, slots, owner);
-		const parent = columnOrTableParent.value;
-		columnId.value = `${"tableId" in parent && parent.tableId || "columnId" in parent && parent.columnId}_column_${columnIdSeed++}`;
-		(0, vue.onBeforeMount)(() => {
-			isSubColumn.value = owner.value !== parent;
-			const type = props.type || "default";
-			const sortable = props.sortable === "" ? true : props.sortable;
-			const showOverflowTooltip = type === "selection" ? false : require_types.isUndefined(props.showOverflowTooltip) ? parent.props.showOverflowTooltip ?? globalConfig.value?.showOverflowTooltip : props.showOverflowTooltip;
-			const tooltipFormatter = require_types.isUndefined(props.tooltipFormatter) ? parent.props.tooltipFormatter ?? globalConfig.value?.tooltipFormatter : props.tooltipFormatter;
-			const defaults = {
-				...require_config.cellStarts[type],
-				id: columnId.value,
-				type,
-				property: props.prop || props.property,
-				align: realAlign,
-				headerAlign: realHeaderAlign,
-				showOverflowTooltip,
-				tooltipFormatter,
-				filterable: props.filters || props.filterMethod,
-				filteredValue: [],
-				filterPlacement: "",
-				filterClassName: "",
-				isColumnGroup: false,
-				isSubColumn: false,
-				filterOpened: false,
-				sortable,
-				index: props.index,
-				rawColumnKey: instance.vnode.key
-			};
-			let column = getPropsData([
-				"columnKey",
-				"label",
-				"className",
-				"labelClassName",
-				"type",
-				"renderHeader",
-				"formatter",
-				"fixed",
-				"resizable"
-			], [
-				"sortMethod",
-				"sortBy",
-				"sortOrders"
-			], ["selectable", "reserveSelection"], [
-				"filterMethod",
-				"filters",
-				"filterMultiple",
-				"filterOpened",
-				"filteredValue",
-				"filterPlacement",
-				"filterClassName"
-			]);
-			column = require_util.mergeOptions(defaults, column);
-			column = require_util.compose(setColumnRenders, setColumnWidth, setColumnForcedProps)(column);
-			columnConfig.value = column;
-			registerNormalWatchers();
-			registerComplexWatchers();
-		});
-		(0, vue.onMounted)(() => {
-			const parent = columnOrTableParent.value;
-			const children = isSubColumn.value ? parent.vnode.el?.children : parent.refs.hiddenColumns?.children;
-			const getColumnIndex = () => getColumnElIndex(children || [], instance.vnode.el);
-			columnConfig.value.getColumnIndex = getColumnIndex;
-			getColumnIndex() > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? "columnConfig" in parent && parent.columnConfig.value : null, updateColumnOrder);
-		});
-		(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);
-		});
-		instance.columnId = columnId.value;
-		instance.columnConfig = columnConfig;
-	},
-	render() {
-		try {
-			const renderDefault = this.$slots.default?.({
-				row: {},
-				column: {},
-				$index: -1
-			});
-			const children = [];
-			if ((0, _vue_shared.isArray)(renderDefault)) {
-				for (const childNode of renderDefault) if (childNode.type?.name === "ElTableColumn" || childNode.shapeFlag & 2) children.push(childNode);
-				else if (childNode.type === vue.Fragment && (0, _vue_shared.isArray)(childNode.children)) childNode.children.forEach((vnode) => {
-					if (vnode?.patchFlag !== 1024 && !(0, _vue_shared.isString)(vnode?.children)) children.push(vnode);
-				});
-			}
-			return (0, vue.h)("div", children);
-		} catch {
-			return (0, vue.h)("div", []);
-		}
-	}
-});
+var table_column_default = require("./index2.js").default;
 //#endregion
 exports.default = table_column_default;
 

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","names":["defaultProps","useGlobalConfig","useWatcher","useRender","isUndefined","cellStarts","mergeOptions","compose","Fragment"],"sources":["../../../../../../../packages/components/table/src/table-column/index.ts"],"sourcesContent":["import {\n  Fragment,\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  h,\n  onBeforeMount,\n  onBeforeUnmount,\n  onMounted,\n  ref,\n} from 'vue'\nimport ElCheckbox from '@element-plus/components/checkbox'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport { isArray, isString, isUndefined } from '@element-plus/utils'\nimport { cellStarts } from '../config'\nimport { compose, mergeOptions } from '../util'\nimport useWatcher from './watcher-helper'\nimport useRender from './render-helper'\nimport defaultProps from './defaults'\n\nimport type { VNode } from 'vue'\nimport type { TableColumn, TableColumnCtx } from './defaults'\nimport type { DefaultRow } from '../table/defaults'\n\nlet columnIdSeed = 1\n\n//TODO: when vue 3.3 we can set this component a generic: https://github.com/vuejs/core/pull/7963\nexport default defineComponent({\n  name: 'ElTableColumn',\n  components: {\n    ElCheckbox,\n  },\n  props: defaultProps,\n  setup(props, { slots }) {\n    const instance = getCurrentInstance() as TableColumn<DefaultRow>\n    const globalConfig = useGlobalConfig('table')\n    const columnConfig = ref<Partial<TableColumnCtx<DefaultRow>>>({})\n    const owner = computed(() => {\n      let parent = instance.parent as any\n      while (parent && !parent.tableId) {\n        parent = parent.parent\n      }\n      return parent\n    })\n\n    const { registerNormalWatchers, registerComplexWatchers } = useWatcher(\n      owner,\n      props\n    )\n    const {\n      columnId,\n      isSubColumn,\n      realHeaderAlign,\n      columnOrTableParent,\n      setColumnWidth,\n      setColumnForcedProps,\n      setColumnRenders,\n      getPropsData,\n      getColumnElIndex,\n      realAlign,\n      updateColumnOrder,\n    } = useRender(props as unknown as TableColumnCtx<DefaultRow>, slots, owner)\n\n    const parent = columnOrTableParent.value\n    columnId.value = `${\n      ('tableId' in parent && parent.tableId) ||\n      ('columnId' in parent && parent.columnId)\n    }_column_${columnIdSeed++}`\n    onBeforeMount(() => {\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 ??\n          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(\n        setColumnRenders,\n        setColumnWidth,\n        setColumnForcedProps\n      )\n      column = chains(column) as unknown as TableColumnCtx<DefaultRow>\n      columnConfig.value = column\n\n      // 注册 watcher\n      registerNormalWatchers()\n      registerComplexWatchers()\n    })\n    onMounted(() => {\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    onBeforeUnmount(() => {\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    instance.columnId = columnId.value\n\n    instance.columnConfig = columnConfig as any\n    return\n  },\n  render() {\n    try {\n      const renderDefault = this.$slots.default?.({\n        row: {},\n        column: {},\n        $index: -1,\n      })\n      const children = []\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 (\n            childNode.type === Fragment &&\n            isArray(childNode.children)\n          ) {\n            childNode.children.forEach((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      const vnode = h('div', children)\n      return vnode\n    } catch {\n      return h('div', [])\n    }\n  },\n})\n"],"mappings":"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"}
+{"version":3,"file":"index.js","names":["ElTableColumn"],"sources":["../../../../../../../packages/components/table/src/table-column/index.ts"],"sourcesContent":["import ElTableColumn from './index.vue'\n\nexport default ElTableColumn\n"],"mappings":";;;;;AAEA,IAAA,6CAAeA,CAAAA"}

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

@@ -0,0 +1,37 @@
+import { TableColumnCtx, TableColumnProps } from "./defaults.js";
+import { DefaultRow } from "../table/defaults.js";
+import * as _$vue from "vue";
+
+//#region ../../packages/components/table/src/table-column/index.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<TableColumnProps<T>> & (typeof globalThis extends {
+    __VLS_PROPS_FALLBACK: infer P;
+  } ? P : {});
+  expose: (exposed: {}) => void;
+  attrs: any;
+  slots: {
+    default?: (props: {
+      row: T;
+      column: TableColumnCtx<T>;
+      $index: number;
+    }) => any;
+    header?: (props: {
+      column: TableColumnCtx<T>;
+      $index: number;
+    }) => any;
+    expand?: (props: {
+      expanded: boolean;
+      expandable: boolean;
+    }) => any;
+    'filter-icon'?: (props: {
+      filterOpened: boolean;
+    }) => any;
+  };
+  emit: {};
+}>) => _$vue.VNode & {
+  __ctx?: Awaited<typeof __VLS_setup>;
+};
+declare const _default: typeof __VLS_export;
+type __VLS_PrettifyLocal<T> = (T extends any ? { [K in keyof T]: T[K] } : { [K in keyof T as K]: T[K] }) & {};
+//#endregion
+export { _default as default };

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

@@ -0,0 +1,126 @@
+require("../../../../_virtual/_rolldown/runtime.js");
+const require_types = require("../../../../utils/types.js");
+const require_use_global_config = require("../../../config-provider/src/hooks/use-global-config.js");
+const require_util = require("../util.js");
+const require_defaults = require("./defaults.js");
+const require_config = require("../config.js");
+const require_watcher_helper = require("./watcher-helper.js");
+const require_render_helper = require("./render-helper.js");
+let vue = require("vue");
+let _vue_shared = require("@vue/shared");
+//#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__ */ (0, vue.defineComponent)({
+	name: "ElTableColumn",
+	__name: "index",
+	props: require_defaults.default,
+	setup(__props) {
+		const props = __props;
+		const slots = (0, vue.useSlots)();
+		const instance = (0, vue.getCurrentInstance)();
+		const globalConfig = require_use_global_config.useGlobalConfig("table");
+		const columnConfig = (0, vue.ref)({});
+		const owner = (0, vue.computed)(() => {
+			let parent = instance.parent;
+			while (parent && !parent.tableId) parent = parent.parent;
+			return parent;
+		});
+		const { registerNormalWatchers, registerComplexWatchers } = require_watcher_helper.default(owner, props);
+		const { columnId, isSubColumn, realHeaderAlign, columnOrTableParent, setColumnWidth, setColumnForcedProps, setColumnRenders, getPropsData, getColumnElIndex, realAlign, updateColumnOrder } = require_render_helper.default(props, slots, owner);
+		const parent = columnOrTableParent.value;
+		columnId.value = require_util.createTableColumnId("tableId" in parent ? parent.tableId : parent.columnId);
+		(0, vue.onBeforeMount)(() => {
+			isSubColumn.value = owner.value !== parent;
+			const type = props.type || "default";
+			const sortable = props.sortable === "" ? true : props.sortable;
+			const showOverflowTooltip = type === "selection" ? false : require_types.isUndefined(props.showOverflowTooltip) ? parent.props.showOverflowTooltip ?? globalConfig.value?.showOverflowTooltip : props.showOverflowTooltip;
+			const tooltipFormatter = require_types.isUndefined(props.tooltipFormatter) ? parent.props.tooltipFormatter ?? globalConfig.value?.tooltipFormatter : props.tooltipFormatter;
+			const defaults = {
+				...require_config.cellStarts[type],
+				id: columnId.value,
+				type,
+				property: props.prop || props.property,
+				align: realAlign,
+				headerAlign: realHeaderAlign,
+				showOverflowTooltip,
+				tooltipFormatter,
+				filterable: props.filters || props.filterMethod,
+				filteredValue: [],
+				filterPlacement: "",
+				filterClassName: "",
+				isColumnGroup: false,
+				isSubColumn: false,
+				filterOpened: false,
+				sortable,
+				index: props.index,
+				rawColumnKey: instance.vnode.key
+			};
+			let column = getPropsData([
+				"columnKey",
+				"label",
+				"className",
+				"labelClassName",
+				"type",
+				"renderHeader",
+				"formatter",
+				"fixed",
+				"resizable"
+			], [
+				"sortMethod",
+				"sortBy",
+				"sortOrders"
+			], ["selectable", "reserveSelection"], [
+				"filterMethod",
+				"filters",
+				"filterMultiple",
+				"filterOpened",
+				"filteredValue",
+				"filterPlacement",
+				"filterClassName"
+			]);
+			column = require_util.mergeOptions(defaults, column);
+			column = require_util.compose(setColumnRenders, setColumnWidth, setColumnForcedProps)(column);
+			columnConfig.value = column;
+			registerNormalWatchers();
+			registerComplexWatchers();
+		});
+		(0, vue.onMounted)(() => {
+			const parent = columnOrTableParent.value;
+			const children = isSubColumn.value ? parent.vnode.el?.children : parent.refs.hiddenColumns?.children;
+			const getColumnIndex = () => getColumnElIndex(children || [], instance.vnode.el);
+			columnConfig.value.getColumnIndex = getColumnIndex;
+			getColumnIndex() > -1 && owner.value.store.commit("insertColumn", columnConfig.value, isSubColumn.value ? "columnConfig" in parent && parent.columnConfig.value : null, updateColumnOrder);
+		});
+		(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);
+		});
+		instance.columnId = columnId.value;
+		instance.columnConfig = columnConfig;
+		const TableColumnRenderer = () => {
+			try {
+				const renderDefault = slots.default?.({
+					row: {},
+					column: {},
+					$index: -1
+				});
+				const children = [];
+				if ((0, _vue_shared.isArray)(renderDefault)) {
+					for (const childNode of renderDefault) if (childNode.type?.name === "ElTableColumn" || childNode.shapeFlag & 2) children.push(childNode);
+					else if (childNode.type === vue.Fragment && (0, _vue_shared.isArray)(childNode.children)) childNode.children.forEach((vnode) => {
+						if (vnode?.patchFlag !== 1024 && !(0, _vue_shared.isString)(vnode?.children)) children.push(vnode);
+					});
+				}
+				return (0, vue.h)("div", children);
+			} catch {
+				return (0, vue.h)("div", []);
+			}
+		};
+		return (_ctx, _cache) => {
+			return (0, vue.openBlock)(), (0, vue.createBlock)(TableColumnRenderer);
+		};
+	}
+});
+//#endregion
+exports.default = index_vue_vue_type_script_setup_true_lang_default;
+
+//# sourceMappingURL=index.vue_vue_type_script_setup_true_lang.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.js","names":[],"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 = []\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

@@ -0,0 +1,10 @@
+Object.defineProperties(exports, {
+	__esModule: { value: true },
+	[Symbol.toStringTag]: { value: "Module" }
+});
+//#region ../../packages/components/table/src/table-column/index.vue
+var table_column_default = require("./index.vue_vue_type_script_setup_true_lang.js").default;
+//#endregion
+exports.default = table_column_default;
+
+//# sourceMappingURL=index2.js.map

package/lib/components/table/src/table-column/index2.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index2.js","names":[],"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 = []\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":""}