@element-plus/nightly 0.0.20260513 → 0.0.20260515

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

@@ -1 +1 @@
-{"version":3,"file":"index.mjs","names":["defaultProps"],"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.mjs","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,uBAAeA"}

package/es/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/es/components/table/src/table-column/index.vue_vue_type_script_setup_true_lang.mjs

@@ -0,0 +1,124 @@
+import { isArray, isString, isUndefined } from "../../../../utils/types.mjs";
+import { useGlobalConfig } from "../../../config-provider/src/hooks/use-global-config.mjs";
+import { compose, createTableColumnId, mergeOptions } from "../util.mjs";
+import tableColumnProps from "./defaults.mjs";
+import { cellStarts } from "../config.mjs";
+import useWatcher from "./watcher-helper.mjs";
+import useRender from "./render-helper.mjs";
+import { Fragment, computed, createBlock, defineComponent, getCurrentInstance, h, onBeforeMount, onBeforeUnmount, onMounted, openBlock, ref, useSlots } from "vue";
+//#region ../../packages/components/table/src/table-column/index.vue?vue&type=script&setup=true&lang.ts
+var index_vue_vue_type_script_setup_true_lang_default = /* @__PURE__ */ defineComponent({
+	name: "ElTableColumn",
+	__name: "index",
+	props: tableColumnProps,
+	setup(__props) {
+		const props = __props;
+		const slots = useSlots();
+		const instance = getCurrentInstance();
+		const globalConfig = useGlobalConfig("table");
+		const columnConfig = ref({});
+		const owner = computed(() => {
+			let parent = instance.parent;
+			while (parent && !parent.tableId) parent = parent.parent;
+			return parent;
+		});
+		const { registerNormalWatchers, registerComplexWatchers } = useWatcher(owner, props);
+		const { columnId, isSubColumn, realHeaderAlign, columnOrTableParent, setColumnWidth, setColumnForcedProps, setColumnRenders, getPropsData, getColumnElIndex, realAlign, updateColumnOrder } = useRender(props, slots, owner);
+		const parent = columnOrTableParent.value;
+		columnId.value = createTableColumnId("tableId" in parent ? parent.tableId : parent.columnId);
+		onBeforeMount(() => {
+			isSubColumn.value = owner.value !== parent;
+			const type = props.type || "default";
+			const sortable = props.sortable === "" ? true : props.sortable;
+			const showOverflowTooltip = type === "selection" ? false : isUndefined(props.showOverflowTooltip) ? parent.props.showOverflowTooltip ?? globalConfig.value?.showOverflowTooltip : props.showOverflowTooltip;
+			const tooltipFormatter = isUndefined(props.tooltipFormatter) ? parent.props.tooltipFormatter ?? globalConfig.value?.tooltipFormatter : props.tooltipFormatter;
+			const defaults = {
+				...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 = mergeOptions(defaults, column);
+			column = compose(setColumnRenders, setColumnWidth, setColumnForcedProps)(column);
+			columnConfig.value = column;
+			registerNormalWatchers();
+			registerComplexWatchers();
+		});
+		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);
+		});
+		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 (isArray(renderDefault)) {
+					for (const childNode of renderDefault) if (childNode.type?.name === "ElTableColumn" || childNode.shapeFlag & 2) children.push(childNode);
+					else if (childNode.type === Fragment && isArray(childNode.children)) childNode.children.forEach((vnode) => {
+						if (vnode?.patchFlag !== 1024 && !isString(vnode?.children)) children.push(vnode);
+					});
+				}
+				return h("div", children);
+			} catch {
+				return h("div", []);
+			}
+		};
+		return (_ctx, _cache) => {
+			return openBlock(), createBlock(TableColumnRenderer);
+		};
+	}
+});
+//#endregion
+export { index_vue_vue_type_script_setup_true_lang_default as default };
+
+//# sourceMappingURL=index.vue_vue_type_script_setup_true_lang.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index.vue_vue_type_script_setup_true_lang.mjs","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/es/components/table/src/table-column/index2.mjs

@@ -0,0 +1,7 @@
+import index_vue_vue_type_script_setup_true_lang_default from "./index.vue_vue_type_script_setup_true_lang.mjs";
+//#region ../../packages/components/table/src/table-column/index.vue
+var table_column_default = index_vue_vue_type_script_setup_true_lang_default;
+//#endregion
+export { table_column_default as default };
+
+//# sourceMappingURL=index2.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"index2.mjs","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":""}

package/es/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/es/components/table/src/table-header/index.d.ts

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

package/es/components/table/src/table.mjs

@@ -1,215 +1,6 @@
-import _plugin_vue_export_helper_default from "../../../_virtual/_plugin-vue_export-helper.mjs";
-import table_vue_vue_type_script_lang_default from "./table.vue_vue_type_script_lang.mjs";
-import { createBlock, createCommentVNode, createElementBlock, createElementVNode, createTextVNode, createVNode, normalizeClass, normalizeStyle, openBlock, renderSlot, resolveComponent, resolveDirective, toDisplayString, vShow, withCtx, withDirectives } from "vue";
+import table_vue_vue_type_script_setup_true_lang_default from "./table.vue_vue_type_script_setup_true_lang.mjs";
 //#region ../../packages/components/table/src/table.vue
-const _hoisted_1 = ["data-prefix"];
-const _hoisted_2 = {
-	ref: "hiddenColumns",
-	class: "hidden-columns"
-};
-function _sfc_render(_ctx, _cache, $props, $setup, $data, $options) {
-	const _component_hColgroup = resolveComponent("hColgroup");
-	const _component_table_header = resolveComponent("table-header");
-	const _component_table_body = resolveComponent("table-body");
-	const _component_table_footer = resolveComponent("table-footer");
-	const _component_el_scrollbar = resolveComponent("el-scrollbar");
-	const _directive_mousewheel = resolveDirective("mousewheel");
-	return openBlock(), createElementBlock("div", {
-		ref: "tableWrapper",
-		class: normalizeClass([
-			{
-				[_ctx.ns.m("fit")]: _ctx.fit,
-				[_ctx.ns.m("striped")]: _ctx.stripe,
-				[_ctx.ns.m("border")]: _ctx.border || _ctx.isGroup,
-				[_ctx.ns.m("hidden")]: _ctx.isHidden,
-				[_ctx.ns.m("group")]: _ctx.isGroup,
-				[_ctx.ns.m("fluid-height")]: _ctx.maxHeight,
-				[_ctx.ns.m("scrollable-x")]: _ctx.layout.scrollX.value,
-				[_ctx.ns.m("scrollable-y")]: _ctx.layout.scrollY.value,
-				[_ctx.ns.m("enable-row-hover")]: !_ctx.store.states.isComplex.value,
-				[_ctx.ns.m("enable-row-transition")]: (_ctx.store.states.data.value || []).length !== 0 && (_ctx.store.states.data.value || []).length < 100,
-				"has-footer": _ctx.showSummary
-			},
-			_ctx.ns.m(_ctx.tableSize),
-			_ctx.className,
-			_ctx.ns.b(),
-			_ctx.ns.m(`layout-${_ctx.tableLayout}`)
-		]),
-		style: normalizeStyle(_ctx.style),
-		"data-prefix": _ctx.ns.namespace.value,
-		onMouseleave: _cache[1] || (_cache[1] = (...args) => _ctx.handleMouseLeave && _ctx.handleMouseLeave(...args))
-	}, [createElementVNode("div", {
-		ref: "tableInnerWrapper",
-		class: normalizeClass(_ctx.ns.e("inner-wrapper"))
-	}, [
-		createElementVNode("div", _hoisted_2, [renderSlot(_ctx.$slots, "default")], 512),
-		_ctx.showHeader && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
-			key: 0,
-			ref: "headerWrapper",
-			class: normalizeClass(_ctx.ns.e("header-wrapper"))
-		}, [createElementVNode("table", {
-			ref: "tableHeader",
-			class: normalizeClass(_ctx.ns.e("header")),
-			style: normalizeStyle(_ctx.tableBodyStyles),
-			border: "0",
-			cellpadding: "0",
-			cellspacing: "0"
-		}, [createVNode(_component_hColgroup, {
-			columns: _ctx.store.states.columns.value,
-			"table-layout": _ctx.tableLayout
-		}, null, 8, ["columns", "table-layout"]), createVNode(_component_table_header, {
-			ref: "tableHeaderRef",
-			border: _ctx.border,
-			"default-sort": _ctx.defaultSort,
-			store: _ctx.store,
-			"append-filter-panel-to": _ctx.appendFilterPanelTo,
-			"allow-drag-last-column": _ctx.allowDragLastColumn,
-			onSetDragVisible: _ctx.setDragVisible
-		}, null, 8, [
-			"border",
-			"default-sort",
-			"store",
-			"append-filter-panel-to",
-			"allow-drag-last-column",
-			"onSetDragVisible"
-		])], 6)], 2)), [[_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]]) : createCommentVNode("v-if", true),
-		createElementVNode("div", {
-			ref: "bodyWrapper",
-			class: normalizeClass(_ctx.ns.e("body-wrapper"))
-		}, [createVNode(_component_el_scrollbar, {
-			ref: "scrollBarRef",
-			"view-style": _ctx.scrollbarViewStyle,
-			"wrap-style": _ctx.scrollbarStyle,
-			always: _ctx.scrollbarAlwaysOn,
-			tabindex: _ctx.scrollbarTabindex,
-			native: _ctx.nativeScrollbar,
-			onScroll: _cache[0] || (_cache[0] = ($event) => _ctx.$emit("scroll", $event))
-		}, {
-			default: withCtx(() => [
-				createElementVNode("table", {
-					ref: "tableBody",
-					class: normalizeClass(_ctx.ns.e("body")),
-					cellspacing: "0",
-					cellpadding: "0",
-					border: "0",
-					style: normalizeStyle({
-						width: _ctx.bodyWidth,
-						tableLayout: _ctx.tableLayout
-					})
-				}, [
-					createVNode(_component_hColgroup, {
-						columns: _ctx.store.states.columns.value,
-						"table-layout": _ctx.tableLayout
-					}, null, 8, ["columns", "table-layout"]),
-					_ctx.showHeader && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_header, {
-						key: 0,
-						ref: "tableHeaderRef",
-						class: normalizeClass(_ctx.ns.e("body-header")),
-						border: _ctx.border,
-						"default-sort": _ctx.defaultSort,
-						store: _ctx.store,
-						"append-filter-panel-to": _ctx.appendFilterPanelTo,
-						onSetDragVisible: _ctx.setDragVisible
-					}, null, 8, [
-						"class",
-						"border",
-						"default-sort",
-						"store",
-						"append-filter-panel-to",
-						"onSetDragVisible"
-					])) : createCommentVNode("v-if", true),
-					createVNode(_component_table_body, {
-						context: _ctx.context,
-						highlight: _ctx.highlightCurrentRow,
-						"row-class-name": _ctx.rowClassName,
-						"tooltip-effect": _ctx.computedTooltipEffect,
-						"tooltip-options": _ctx.computedTooltipOptions,
-						"row-style": _ctx.rowStyle,
-						store: _ctx.store,
-						stripe: _ctx.stripe
-					}, null, 8, [
-						"context",
-						"highlight",
-						"row-class-name",
-						"tooltip-effect",
-						"tooltip-options",
-						"row-style",
-						"store",
-						"stripe"
-					]),
-					_ctx.showSummary && _ctx.tableLayout === "auto" ? (openBlock(), createBlock(_component_table_footer, {
-						key: 1,
-						class: normalizeClass(_ctx.ns.e("body-footer")),
-						border: _ctx.border,
-						"default-sort": _ctx.defaultSort,
-						store: _ctx.store,
-						"sum-text": _ctx.computedSumText,
-						"summary-method": _ctx.summaryMethod
-					}, null, 8, [
-						"class",
-						"border",
-						"default-sort",
-						"store",
-						"sum-text",
-						"summary-method"
-					])) : createCommentVNode("v-if", true)
-				], 6),
-				_ctx.isEmpty ? (openBlock(), createElementBlock("div", {
-					key: 0,
-					ref: "emptyBlock",
-					style: normalizeStyle(_ctx.emptyBlockStyle),
-					class: normalizeClass(_ctx.ns.e("empty-block"))
-				}, [createElementVNode("span", { class: normalizeClass(_ctx.ns.e("empty-text")) }, [renderSlot(_ctx.$slots, "empty", {}, () => [createTextVNode(toDisplayString(_ctx.computedEmptyText), 1)])], 2)], 6)) : createCommentVNode("v-if", true),
-				_ctx.$slots.append ? (openBlock(), createElementBlock("div", {
-					key: 1,
-					ref: "appendWrapper",
-					class: normalizeClass(_ctx.ns.e("append-wrapper"))
-				}, [renderSlot(_ctx.$slots, "append")], 2)) : createCommentVNode("v-if", true)
-			]),
-			_: 3
-		}, 8, [
-			"view-style",
-			"wrap-style",
-			"always",
-			"tabindex",
-			"native"
-		])], 2),
-		_ctx.showSummary && _ctx.tableLayout === "fixed" ? withDirectives((openBlock(), createElementBlock("div", {
-			key: 1,
-			ref: "footerWrapper",
-			class: normalizeClass(_ctx.ns.e("footer-wrapper"))
-		}, [createElementVNode("table", {
-			class: normalizeClass(_ctx.ns.e("footer")),
-			cellspacing: "0",
-			cellpadding: "0",
-			border: "0",
-			style: normalizeStyle(_ctx.tableBodyStyles)
-		}, [createVNode(_component_hColgroup, {
-			columns: _ctx.store.states.columns.value,
-			"table-layout": _ctx.tableLayout
-		}, null, 8, ["columns", "table-layout"]), createVNode(_component_table_footer, {
-			border: _ctx.border,
-			"default-sort": _ctx.defaultSort,
-			store: _ctx.store,
-			"sum-text": _ctx.computedSumText,
-			"summary-method": _ctx.summaryMethod
-		}, null, 8, [
-			"border",
-			"default-sort",
-			"store",
-			"sum-text",
-			"summary-method"
-		])], 6)], 2)), [[vShow, !_ctx.isEmpty], [_directive_mousewheel, _ctx.handleHeaderFooterMousewheel]]) : createCommentVNode("v-if", true),
-		_ctx.border || _ctx.isGroup ? (openBlock(), createElementBlock("div", {
-			key: 2,
-			class: normalizeClass(_ctx.ns.e("border-left-patch"))
-		}, null, 2)) : createCommentVNode("v-if", true)
-	], 2), withDirectives(createElementVNode("div", {
-		ref: "resizeProxy",
-		class: normalizeClass(_ctx.ns.e("column-resize-proxy"))
-	}, null, 2), [[vShow, _ctx.resizeProxyVisible]])], 46, _hoisted_1);
-}
-var table_default = /* @__PURE__ */ _plugin_vue_export_helper_default(table_vue_vue_type_script_lang_default, [["render", _sfc_render]]);
+var table_default = table_vue_vue_type_script_setup_true_lang_default;
 //#endregion
 export { table_default as default };
 

package/es/components/table/src/table.mjs.map

@@ -1 +1 @@
-{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"[\n      {\n        [ns.m('fit')]: fit,\n        [ns.m('striped')]: stripe,\n        [ns.m('border')]: border || isGroup,\n        [ns.m('hidden')]: isHidden,\n        [ns.m('group')]: isGroup,\n        [ns.m('fluid-height')]: maxHeight,\n        [ns.m('scrollable-x')]: layout.scrollX.value,\n        [ns.m('scrollable-y')]: layout.scrollY.value,\n        [ns.m('enable-row-hover')]: !store.states.isComplex.value,\n        [ns.m('enable-row-transition')]:\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n        'has-footer': showSummary,\n      },\n      ns.m(tableSize),\n      className,\n      ns.b(),\n      ns.m(`layout-${tableLayout}`),\n    ]\"\n    :style=\"style\"\n    :data-prefix=\"ns.namespace.value\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <div ref=\"tableInnerWrapper\" :class=\"ns.e('inner-wrapper')\">\n      <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n        <slot />\n      </div>\n      <div\n        v-if=\"showHeader && tableLayout === 'fixed'\"\n        ref=\"headerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('header-wrapper')\"\n      >\n        <table\n          ref=\"tableHeader\"\n          :class=\"ns.e('header')\"\n          :style=\"tableBodyStyles\"\n          border=\"0\"\n          cellpadding=\"0\"\n          cellspacing=\"0\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-header\n            ref=\"tableHeaderRef\"\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :append-filter-panel-to=\"appendFilterPanelTo\"\n            :allow-drag-last-column=\"allowDragLastColumn\"\n            @set-drag-visible=\"setDragVisible\"\n          />\n        </table>\n      </div>\n      <div ref=\"bodyWrapper\" :class=\"ns.e('body-wrapper')\">\n        <el-scrollbar\n          ref=\"scrollBarRef\"\n          :view-style=\"scrollbarViewStyle\"\n          :wrap-style=\"scrollbarStyle\"\n          :always=\"scrollbarAlwaysOn\"\n          :tabindex=\"scrollbarTabindex\"\n          :native=\"nativeScrollbar\"\n          @scroll=\"$emit('scroll', $event)\"\n        >\n          <table\n            ref=\"tableBody\"\n            :class=\"ns.e('body')\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n            :style=\"{\n              width: bodyWidth,\n              tableLayout,\n            }\"\n          >\n            <hColgroup\n              :columns=\"store.states.columns.value\"\n              :table-layout=\"tableLayout\"\n            />\n            <table-header\n              v-if=\"showHeader && tableLayout === 'auto'\"\n              ref=\"tableHeaderRef\"\n              :class=\"ns.e('body-header')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :append-filter-panel-to=\"appendFilterPanelTo\"\n              @set-drag-visible=\"setDragVisible\"\n            />\n            <table-body\n              :context=\"context\"\n              :highlight=\"highlightCurrentRow\"\n              :row-class-name=\"rowClassName\"\n              :tooltip-effect=\"computedTooltipEffect\"\n              :tooltip-options=\"computedTooltipOptions\"\n              :row-style=\"rowStyle\"\n              :store=\"store\"\n              :stripe=\"stripe\"\n            />\n            <table-footer\n              v-if=\"showSummary && tableLayout === 'auto'\"\n              :class=\"ns.e('body-footer')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :sum-text=\"computedSumText\"\n              :summary-method=\"summaryMethod\"\n            />\n          </table>\n          <div\n            v-if=\"isEmpty\"\n            ref=\"emptyBlock\"\n            :style=\"emptyBlockStyle\"\n            :class=\"ns.e('empty-block')\"\n          >\n            <span :class=\"ns.e('empty-text')\">\n              <slot name=\"empty\">{{ computedEmptyText }}</slot>\n            </span>\n          </div>\n          <div\n            v-if=\"$slots.append\"\n            ref=\"appendWrapper\"\n            :class=\"ns.e('append-wrapper')\"\n          >\n            <slot name=\"append\" />\n          </div>\n        </el-scrollbar>\n      </div>\n      <div\n        v-if=\"showSummary && tableLayout === 'fixed'\"\n        v-show=\"!isEmpty\"\n        ref=\"footerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('footer-wrapper')\"\n      >\n        <table\n          :class=\"ns.e('footer')\"\n          cellspacing=\"0\"\n          cellpadding=\"0\"\n          border=\"0\"\n          :style=\"tableBodyStyles\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-footer\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :sum-text=\"computedSumText\"\n            :summary-method=\"summaryMethod\"\n          />\n        </table>\n      </div>\n      <div v-if=\"border || isGroup\" :class=\"ns.e('border-left-patch')\" />\n    </div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      :class=\"ns.e('column-resize-proxy')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\">\nimport {\n  computed,\n  defineComponent,\n  getCurrentInstance,\n  onBeforeUnmount,\n  provide,\n} from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { Mousewheel } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { createStore } from './store/helper'\nimport TableLayout from './table-layout'\nimport TableHeader from './table-header'\nimport TableBody from './table-body'\nimport TableFooter from './table-footer'\nimport useUtils from './table/utils-helper'\nimport { convertToRows } from './table-header/utils-helper'\nimport useStyle from './table/style-helper'\nimport useKeyRender from './table/key-render-helper'\nimport defaultProps from './table/defaults'\nimport { TABLE_INJECTION_KEY } from './tokens'\nimport { hColgroup } from './h-helper'\nimport { useScrollbar } from './composables/use-scrollbar'\n\nimport type { Table } from './table/defaults'\n\nlet tableIdSeed = 1\nexport default defineComponent({\n  name: 'ElTable',\n  directives: {\n    Mousewheel,\n  },\n  components: {\n    TableHeader,\n    TableBody,\n    TableFooter,\n    ElScrollbar,\n    hColgroup,\n  },\n  props: defaultProps,\n  emits: [\n    'select',\n    'select-all',\n    'selection-change',\n    'cell-mouse-enter',\n    'cell-mouse-leave',\n    'cell-contextmenu',\n    'cell-click',\n    'cell-dblclick',\n    'row-click',\n    'row-contextmenu',\n    'row-dblclick',\n    'header-click',\n    'header-contextmenu',\n    'sort-change',\n    'filter-change',\n    'current-change',\n    'header-dragend',\n    'expand-change',\n    'scroll',\n  ],\n  setup(props) {\n    type Row = (typeof props.data)[number]\n    const { t } = useLocale()\n    const ns = useNamespace('table')\n    const globalConfig = useGlobalConfig('table')\n    const table = getCurrentInstance() as Table<Row>\n    provide(TABLE_INJECTION_KEY, table)\n    const store = createStore<Row>(table, props)\n    table.store = store\n    const layout = new TableLayout<Row>({\n      store: table.store,\n      table,\n      fit: props.fit,\n      showHeader: props.showHeader,\n    })\n    table.layout = layout\n\n    const isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n    /**\n     * open functions\n     */\n    const {\n      setCurrentRow,\n      getSelectionRows,\n      toggleRowSelection,\n      clearSelection,\n      clearFilter,\n      toggleAllSelection,\n      toggleRowExpansion,\n      clearSort,\n      sort,\n      updateKeyChildren,\n    } = useUtils<Row>(store)\n    const {\n      isHidden,\n      renderExpanded,\n      setDragVisible,\n      isGroup,\n      handleMouseLeave,\n      handleHeaderFooterMousewheel,\n      tableSize,\n      emptyBlockStyle,\n      resizeProxyVisible,\n      bodyWidth,\n      resizeState,\n      doLayout,\n      tableBodyStyles,\n      tableLayout,\n      scrollbarViewStyle,\n      scrollbarStyle,\n    } = useStyle<Row>(props, layout, store, table)\n\n    const { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } =\n      useScrollbar()\n\n    const debouncedUpdateLayout = debounce(doLayout, 50)\n\n    const tableId = `${ns.namespace.value}-table_${tableIdSeed++}`\n    table.tableId = tableId\n    table.state = {\n      isGroup,\n      resizeState,\n      doLayout,\n      debouncedUpdateLayout,\n    }\n    const computedSumText = computed(\n      () => props.sumText ?? t('el.table.sumText')\n    )\n\n    const computedEmptyText = computed(() => {\n      return props.emptyText ?? t('el.table.emptyText')\n    })\n\n    const computedTooltipEffect = computed(\n      () => props.tooltipEffect ?? globalConfig.value?.tooltipEffect\n    )\n\n    const computedTooltipOptions = computed(\n      () => props.tooltipOptions ?? globalConfig.value?.tooltipOptions\n    )\n\n    const columns = computed(() => {\n      return convertToRows(store.states.originColumns.value)[0]\n    })\n\n    useKeyRender(table)\n\n    onBeforeUnmount(() => {\n      debouncedUpdateLayout.cancel()\n    })\n\n    return {\n      ns,\n      layout,\n      store,\n      columns,\n      handleHeaderFooterMousewheel,\n      handleMouseLeave,\n      tableId,\n      tableSize,\n      isHidden,\n      isEmpty,\n      renderExpanded,\n      resizeProxyVisible,\n      resizeState,\n      isGroup,\n      bodyWidth,\n      tableBodyStyles,\n      emptyBlockStyle,\n      debouncedUpdateLayout,\n      /**\n       * @description used in single selection Table, set a certain row selected. If called without any parameter, it will clear selection\n       */\n      setCurrentRow,\n      /**\n       * @description returns the currently selected rows\n       */\n      getSelectionRows,\n      /**\n       * @description used in multiple selection Table, toggle if a certain row is selected. With the second parameter, you can directly set if this row is selected\n       */\n      toggleRowSelection,\n      /**\n       * @description used in multiple selection Table, clear user selection\n       */\n      clearSelection,\n      /**\n       * @description clear filters of the columns whose `columnKey` are passed in. If no params, clear all filters\n       */\n      clearFilter,\n      /**\n       * @description used in multiple selection Table, toggle select all and deselect all\n       */\n      toggleAllSelection,\n      /**\n       * @description used in expandable Table or tree Table, toggle if a certain row is expanded. With the second parameter, you can directly set if this row is expanded or collapsed\n       */\n      toggleRowExpansion,\n      /**\n       * @description clear sorting, restore data to the original order\n       */\n      clearSort,\n      /**\n       * @description refresh the layout of Table. When the visibility of Table changes, you may need to call this method to get a correct layout\n       */\n      doLayout,\n      /**\n       * @description sort Table manually. Property `prop` is used to set sort column, property `order` is used to set sort order\n       */\n      sort,\n      /**\n       * @description used in lazy Table, must set `rowKey`, update key children\n       */\n      updateKeyChildren,\n      t,\n      setDragVisible,\n      context: table,\n      computedSumText,\n      computedEmptyText,\n      computedTooltipEffect,\n      computedTooltipOptions,\n      tableLayout,\n      scrollbarViewStyle,\n      scrollbarStyle,\n      scrollBarRef,\n      /**\n       * @description scrolls to a particular set of coordinates\n       */\n      scrollTo,\n      /**\n       * @description set horizontal scroll position\n       */\n      setScrollLeft,\n      /**\n       * @description set vertical scroll position\n       */\n      setScrollTop,\n      /**\n       * @description whether to allow drag the last column\n       */\n      allowDragLastColumn: props.allowDragLastColumn,\n    }\n  },\n})\n</script>\n"],"mappings":"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"}
+{"version":3,"file":"table.mjs","names":[],"sources":["../../../../../../packages/components/table/src/table.vue"],"sourcesContent":["<template>\n  <div\n    ref=\"tableWrapper\"\n    :class=\"[\n      {\n        [ns.m('fit')]: fit,\n        [ns.m('striped')]: stripe,\n        [ns.m('border')]: border || isGroup,\n        [ns.m('hidden')]: isHidden,\n        [ns.m('group')]: isGroup,\n        [ns.m('fluid-height')]: maxHeight,\n        [ns.m('scrollable-x')]: layout.scrollX.value,\n        [ns.m('scrollable-y')]: layout.scrollY.value,\n        [ns.m('enable-row-hover')]: !store.states.isComplex.value,\n        [ns.m('enable-row-transition')]:\n          (store.states.data.value || []).length !== 0 &&\n          (store.states.data.value || []).length < 100,\n        'has-footer': showSummary,\n      },\n      ns.m(tableSize),\n      className,\n      ns.b(),\n      ns.m(`layout-${tableLayout}`),\n    ]\"\n    :style=\"style\"\n    :data-prefix=\"ns.namespace.value\"\n    @mouseleave=\"handleMouseLeave\"\n  >\n    <div ref=\"tableInnerWrapper\" :class=\"ns.e('inner-wrapper')\">\n      <div ref=\"hiddenColumns\" class=\"hidden-columns\">\n        <slot />\n      </div>\n      <div\n        v-if=\"showHeader && tableLayout === 'fixed'\"\n        ref=\"headerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('header-wrapper')\"\n      >\n        <table\n          ref=\"tableHeader\"\n          :class=\"ns.e('header')\"\n          :style=\"tableBodyStyles\"\n          border=\"0\"\n          cellpadding=\"0\"\n          cellspacing=\"0\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-header\n            ref=\"tableHeaderRef\"\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :append-filter-panel-to=\"appendFilterPanelTo\"\n            :allow-drag-last-column=\"allowDragLastColumn\"\n            @set-drag-visible=\"setDragVisible\"\n          />\n        </table>\n      </div>\n      <div ref=\"bodyWrapper\" :class=\"ns.e('body-wrapper')\">\n        <el-scrollbar\n          ref=\"scrollBarRef\"\n          :view-style=\"scrollbarViewStyle\"\n          :wrap-style=\"scrollbarStyle\"\n          :always=\"scrollbarAlwaysOn\"\n          :tabindex=\"scrollbarTabindex\"\n          :native=\"nativeScrollbar\"\n          @scroll=\"$emit('scroll', $event)\"\n        >\n          <table\n            ref=\"tableBody\"\n            :class=\"ns.e('body')\"\n            cellspacing=\"0\"\n            cellpadding=\"0\"\n            border=\"0\"\n            :style=\"{\n              width: bodyWidth,\n              tableLayout,\n            }\"\n          >\n            <hColgroup\n              :columns=\"store.states.columns.value\"\n              :table-layout=\"tableLayout\"\n            />\n            <table-header\n              v-if=\"showHeader && tableLayout === 'auto'\"\n              ref=\"tableHeaderRef\"\n              :class=\"ns.e('body-header')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :append-filter-panel-to=\"appendFilterPanelTo\"\n              @set-drag-visible=\"setDragVisible\"\n            />\n            <table-body\n              :context=\"context\"\n              :highlight=\"highlightCurrentRow\"\n              :row-class-name=\"rowClassName\"\n              :tooltip-effect=\"computedTooltipEffect\"\n              :tooltip-options=\"computedTooltipOptions\"\n              :row-style=\"rowStyle\"\n              :store=\"store\"\n              :stripe=\"stripe\"\n            />\n            <table-footer\n              v-if=\"showSummary && tableLayout === 'auto'\"\n              :class=\"ns.e('body-footer')\"\n              :border=\"border\"\n              :default-sort=\"defaultSort\"\n              :store=\"store\"\n              :sum-text=\"computedSumText\"\n              :summary-method=\"summaryMethod\"\n            />\n          </table>\n          <div\n            v-if=\"isEmpty\"\n            ref=\"emptyBlock\"\n            :style=\"emptyBlockStyle\"\n            :class=\"ns.e('empty-block')\"\n          >\n            <span :class=\"ns.e('empty-text')\">\n              <slot name=\"empty\">{{ computedEmptyText }}</slot>\n            </span>\n          </div>\n          <div\n            v-if=\"$slots.append\"\n            ref=\"appendWrapper\"\n            :class=\"ns.e('append-wrapper')\"\n          >\n            <slot name=\"append\" />\n          </div>\n        </el-scrollbar>\n      </div>\n      <div\n        v-if=\"showSummary && tableLayout === 'fixed'\"\n        v-show=\"!isEmpty\"\n        ref=\"footerWrapper\"\n        v-mousewheel=\"handleHeaderFooterMousewheel\"\n        :class=\"ns.e('footer-wrapper')\"\n      >\n        <table\n          :class=\"ns.e('footer')\"\n          cellspacing=\"0\"\n          cellpadding=\"0\"\n          border=\"0\"\n          :style=\"tableBodyStyles\"\n        >\n          <hColgroup\n            :columns=\"store.states.columns.value\"\n            :table-layout=\"tableLayout\"\n          />\n          <table-footer\n            :border=\"border\"\n            :default-sort=\"defaultSort\"\n            :store=\"store\"\n            :sum-text=\"computedSumText\"\n            :summary-method=\"summaryMethod\"\n          />\n        </table>\n      </div>\n      <div v-if=\"border || isGroup\" :class=\"ns.e('border-left-patch')\" />\n    </div>\n    <div\n      v-show=\"resizeProxyVisible\"\n      ref=\"resizeProxy\"\n      :class=\"ns.e('column-resize-proxy')\"\n    />\n  </div>\n</template>\n\n<script lang=\"ts\" setup generic=\"T extends DefaultRow = DefaultRow\">\nimport { computed, getCurrentInstance, onBeforeUnmount, provide } from 'vue'\nimport { debounce } from 'lodash-unified'\nimport { Mousewheel as vMousewheel } from '@element-plus/directives'\nimport { useLocale, useNamespace } from '@element-plus/hooks'\nimport { useGlobalConfig } from '@element-plus/components/config-provider'\nimport ElScrollbar from '@element-plus/components/scrollbar'\nimport { createStore } from './store/helper'\nimport TableLayout from './table-layout'\nimport TableHeader from './table-header'\nimport TableBody from './table-body'\nimport TableFooter from './table-footer'\nimport { createTableId } from './util'\nimport useUtils from './table/utils-helper'\nimport { convertToRows } from './table-header/utils-helper'\nimport useStyle from './table/style-helper'\nimport useKeyRender from './table/key-render-helper'\nimport { TABLE_INJECTION_KEY } from './tokens'\nimport { hColgroup } from './h-helper'\nimport { useScrollbar } from './composables/use-scrollbar'\n\nimport type { DefaultRow, Table, TableProps } from './table/defaults'\n\ndefineOptions({\n  name: 'ElTable',\n})\n\nconst props = withDefaults(defineProps<TableProps<T>>(), {\n  data: () => [],\n  fit: true,\n  showHeader: true,\n  selectOnIndeterminate: true,\n  indent: 16,\n  treeProps: () => ({\n    hasChildren: 'hasChildren',\n    children: 'children',\n    checkStrictly: false,\n  }),\n  style: () => ({}),\n  className: '',\n  tableLayout: 'fixed',\n  showOverflowTooltip: undefined,\n  scrollbarTabindex: undefined,\n  allowDragLastColumn: true,\n})\n\ndefineEmits([\n  'select',\n  'select-all',\n  'selection-change',\n  'cell-mouse-enter',\n  'cell-mouse-leave',\n  'cell-contextmenu',\n  'cell-click',\n  'cell-dblclick',\n  'row-click',\n  'row-contextmenu',\n  'row-dblclick',\n  'header-click',\n  'header-contextmenu',\n  'sort-change',\n  'filter-change',\n  'current-change',\n  'header-dragend',\n  'expand-change',\n  'scroll',\n])\n\nconst { t } = useLocale()\nconst ns = useNamespace('table')\nconst globalConfig = useGlobalConfig('table')\nconst table = getCurrentInstance() as Table<T>\nprovide(TABLE_INJECTION_KEY, table)\nconst store = createStore<T>(table, props)\ntable.store = store\nconst layout = new TableLayout<T>({\n  store: table.store,\n  table,\n  fit: props.fit,\n  showHeader: props.showHeader,\n})\ntable.layout = layout\n\nconst isEmpty = computed(() => (store.states.data.value || []).length === 0)\n\n/**\n * open functions\n */\nconst {\n  setCurrentRow,\n  getSelectionRows,\n  toggleRowSelection,\n  clearSelection,\n  clearFilter,\n  toggleAllSelection,\n  toggleRowExpansion,\n  clearSort,\n  sort,\n  updateKeyChildren,\n} = useUtils<T>(store)\nconst {\n  isHidden,\n  renderExpanded,\n  setDragVisible,\n  isGroup,\n  handleMouseLeave,\n  handleHeaderFooterMousewheel,\n  tableSize,\n  emptyBlockStyle,\n  resizeProxyVisible,\n  bodyWidth,\n  resizeState,\n  doLayout,\n  tableBodyStyles,\n  tableLayout,\n  scrollbarViewStyle,\n  scrollbarStyle,\n} = useStyle<T>(props, layout, store, table)\n\nconst { scrollBarRef, scrollTo, setScrollLeft, setScrollTop } = useScrollbar()\n\nconst debouncedUpdateLayout = debounce(doLayout, 50)\n\nconst tableId = createTableId(ns.namespace.value)\nconst context = table\ntable.tableId = tableId\ntable.state = {\n  isGroup,\n  resizeState,\n  doLayout,\n  debouncedUpdateLayout,\n}\nconst computedSumText = computed(() => props.sumText ?? t('el.table.sumText'))\n\nconst computedEmptyText = computed(() => {\n  return props.emptyText ?? t('el.table.emptyText')\n})\n\nconst computedTooltipEffect = computed(\n  () => props.tooltipEffect ?? globalConfig.value?.tooltipEffect\n)\n\nconst computedTooltipOptions = computed(\n  () => props.tooltipOptions ?? globalConfig.value?.tooltipOptions\n)\n\nconst columns = computed(() => {\n  return convertToRows(store.states.originColumns.value)[0]\n})\n\nuseKeyRender(table)\n\nonBeforeUnmount(() => {\n  debouncedUpdateLayout.cancel()\n})\n\ndefineExpose({\n  ns,\n  layout,\n  store,\n  columns,\n  handleHeaderFooterMousewheel,\n  handleMouseLeave,\n  tableId,\n  tableSize,\n  isHidden,\n  isEmpty,\n  renderExpanded,\n  resizeProxyVisible,\n  resizeState,\n  isGroup,\n  bodyWidth,\n  tableBodyStyles,\n  emptyBlockStyle,\n  debouncedUpdateLayout,\n  /**\n   * @description used in single selection Table, set a certain row selected. If called without any parameter, it will clear selection\n   */\n  setCurrentRow,\n  /**\n   * @description returns the currently selected rows\n   */\n  getSelectionRows,\n  /**\n   * @description used in multiple selection Table, toggle if a certain row is selected. With the second parameter, you can directly set if this row is selected\n   */\n  toggleRowSelection,\n  /**\n   * @description used in multiple selection Table, clear user selection\n   */\n  clearSelection,\n  /**\n   * @description clear filters of the columns whose `columnKey` are passed in. If no params, clear all filters\n   */\n  clearFilter,\n  /**\n   * @description used in multiple selection Table, toggle select all and deselect all\n   */\n  toggleAllSelection,\n  /**\n   * @description used in expandable Table or tree Table, toggle if a certain row is expanded. With the second parameter, you can directly set if this row is expanded or collapsed\n   */\n  toggleRowExpansion,\n  /**\n   * @description clear sorting, restore data to the original order\n   */\n  clearSort,\n  /**\n   * @description refresh the layout of Table. When the visibility of Table changes, you may need to call this method to get a correct layout\n   */\n  doLayout,\n  /**\n   * @description sort Table manually. Property `prop` is used to set sort column, property `order` is used to set sort order\n   */\n  sort,\n  /**\n   * @description used in lazy Table, must set `rowKey`, update key children\n   */\n  updateKeyChildren,\n  t,\n  setDragVisible,\n  context,\n  computedSumText,\n  computedEmptyText,\n  computedTooltipEffect,\n  computedTooltipOptions,\n  tableLayout,\n  scrollbarViewStyle,\n  scrollbarStyle,\n  scrollBarRef,\n  /**\n   * @description scrolls to a particular set of coordinates\n   */\n  scrollTo,\n  /**\n   * @description set horizontal scroll position\n   */\n  setScrollLeft,\n  /**\n   * @description set vertical scroll position\n   */\n  setScrollTop,\n  /**\n   * @description whether to allow drag the last column\n   */\n  allowDragLastColumn: props.allowDragLastColumn,\n})\n</script>\n"],"mappings":""}