fast-element-plus 2.0.16 → 2.0.18

package/dist/components/table/src/table.d.ts

@@ -1,6 +1,6 @@
 import type { TableColumnCtx, TableProps } from "element-plus";
 import type { CSSProperties, PropType } from "vue";
-import type { FaLayoutGridBreakPoint } from "../../layoutGrid";
+import type { FaLayoutGridBreakpoint } from "../../layoutGrid";
 import type { PagedInput, PagedResult } from "../src/page.type";
 import type { DefaultRow } from "./table.state";
 import type { FaTableColumnCtx, FaTableDataRange, FaTableDefaultSlotsResult } from "./table.type";
@@ -18,7 +18,7 @@ export declare const tableProps: {
      */
     data: {
         type: PropType<DefaultRow[]>;
-        default: () => DefaultRow[];
+        default: () => never[];
     };
     /**
      * @description size of Table
@@ -165,7 +165,11 @@ export declare const tableProps: {
      */
     treeProps: {
         type: PropType<TreeProps>;
-        default: () => TreeProps;
+        default: () => {
+            hasChildren: string;
+            children: string;
+            checkStrictly: boolean;
+        };
     };
     /**
      * @description whether to lazy loading data
@@ -177,7 +181,7 @@ export declare const tableProps: {
     load: PropType<TableProps<DefaultRow>["load"]>;
     style: {
         type: PropType<CSSProperties>;
-        default: () => CSSProperties;
+        default: () => {};
     };
     className: {
         type: StringConstructor;
@@ -250,7 +254,7 @@ export declare const faTableProps: {
     /** @description 表格数据 */
     data: {
         type: PropType<DefaultRow[]>;
-        default: () => DefaultRow[];
+        default: () => never[];
     };
     /** @description 请求api */
     requestApi: {
@@ -265,7 +269,7 @@ export declare const faTableProps: {
     /** @description 列配置 */
     columns: {
         type: PropType<false | FaTableColumnCtx[]>;
-        default: () => FaTableColumnCtx[] | false;
+        default: () => boolean;
     };
     /** @description 表格列改变 */
     columnsChange: {
@@ -273,8 +277,14 @@ export declare const faTableProps: {
     };
     /** @description 搜索表单 Grid布局列配置 */
     searchFormCols: {
-        type: PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
-        default: () => string | number | Record<FaLayoutGridBreakPoint, number>;
+        type: PropType<string | number | Record<FaLayoutGridBreakpoint, number>>;
+        default: () => {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
     };
     /** @description 折叠搜素 */
     collapsedSearch: {
@@ -350,8 +360,8 @@ export declare const faTableProps: {
             children?: string;
         }>;
         default: () => {
-            span?: string;
-            children?: string;
+            span: undefined;
+            children: string;
         };
     };
     /** @description 自动刷新，当传入 data 时候，如果存在更改则自动刷新 */
@@ -493,7 +503,11 @@ export declare const faTableProps: {
      */
     treeProps: {
         type: PropType<TreeProps>;
-        default: () => TreeProps;
+        default: () => {
+            hasChildren: string;
+            children: string;
+            checkStrictly: boolean;
+        };
     };
     /**
      * @description whether to lazy loading data
@@ -505,7 +519,7 @@ export declare const faTableProps: {
     load: PropType<TableProps<DefaultRow>["load"]>;
     style: {
         type: PropType<CSSProperties>;
-        default: () => CSSProperties;
+        default: () => {};
     };
     className: {
         type: StringConstructor;
@@ -683,7 +697,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /** @description 表格数据 */
     data: {
         type: PropType<DefaultRow[]>;
-        default: () => DefaultRow[];
+        default: () => never[];
     };
     /** @description 请求api */
     requestApi: {
@@ -698,7 +712,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /** @description 列配置 */
     columns: {
         type: PropType<false | FaTableColumnCtx[]>;
-        default: () => FaTableColumnCtx[] | false;
+        default: () => boolean;
     };
     /** @description 表格列改变 */
     columnsChange: {
@@ -706,8 +720,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     /** @description 搜索表单 Grid布局列配置 */
     searchFormCols: {
-        type: PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
-        default: () => string | number | Record<FaLayoutGridBreakPoint, number>;
+        type: PropType<string | number | Record<FaLayoutGridBreakpoint, number>>;
+        default: () => {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
     };
     /** @description 折叠搜素 */
     collapsedSearch: {
@@ -783,8 +803,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             children?: string;
         }>;
         default: () => {
-            span?: string;
-            children?: string;
+            span: undefined;
+            children: string;
         };
     };
     /** @description 自动刷新，当传入 data 时候，如果存在更改则自动刷新 */
@@ -926,7 +946,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      */
     treeProps: {
         type: PropType<TreeProps>;
-        default: () => TreeProps;
+        default: () => {
+            hasChildren: string;
+            children: string;
+            checkStrictly: boolean;
+        };
     };
     /**
      * @description whether to lazy loading data
@@ -938,7 +962,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     load: PropType<TableProps<DefaultRow>["load"]>;
     style: {
         type: PropType<CSSProperties>;
-        default: () => CSSProperties;
+        default: () => {};
     };
     className: {
         type: StringConstructor;
@@ -1136,7 +1160,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /** @description 表格数据 */
     data: {
         type: PropType<DefaultRow[]>;
-        default: () => DefaultRow[];
+        default: () => never[];
     };
     /** @description 请求api */
     requestApi: {
@@ -1151,7 +1175,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     /** @description 列配置 */
     columns: {
         type: PropType<false | FaTableColumnCtx[]>;
-        default: () => FaTableColumnCtx[] | false;
+        default: () => boolean;
     };
     /** @description 表格列改变 */
     columnsChange: {
@@ -1159,8 +1183,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     };
     /** @description 搜索表单 Grid布局列配置 */
     searchFormCols: {
-        type: PropType<string | number | Record<FaLayoutGridBreakPoint, number>>;
-        default: () => string | number | Record<FaLayoutGridBreakPoint, number>;
+        type: PropType<string | number | Record<FaLayoutGridBreakpoint, number>>;
+        default: () => {
+            xs: number;
+            sm: number;
+            md: number;
+            lg: number;
+            xl: number;
+        };
     };
     /** @description 折叠搜素 */
     collapsedSearch: {
@@ -1236,8 +1266,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
             children?: string;
         }>;
         default: () => {
-            span?: string;
-            children?: string;
+            span: undefined;
+            children: string;
         };
     };
     /** @description 自动刷新，当传入 data 时候，如果存在更改则自动刷新 */
@@ -1379,7 +1409,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
      */
     treeProps: {
         type: PropType<TreeProps>;
-        default: () => TreeProps;
+        default: () => {
+            hasChildren: string;
+            children: string;
+            checkStrictly: boolean;
+        };
     };
     /**
      * @description whether to lazy loading data
@@ -1391,7 +1425,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     load: PropType<TableProps<DefaultRow>["load"]>;
     style: {
         type: PropType<CSSProperties>;
-        default: () => CSSProperties;
+        default: () => {};
     };
     className: {
         type: StringConstructor;
@@ -1499,7 +1533,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     preserveExpandedContent: boolean;
     nativeScrollbar: boolean;
     tableKey: string;
-    searchFormCols: string | number | Record<FaLayoutGridBreakPoint, number>;
+    searchFormCols: string | number | Record<FaLayoutGridBreakpoint, number>;
     collapsedSearch: boolean;
     advancedSearchDrawer: boolean;
     searchForm: boolean;

package/dist/components/table/src/table.mjs

@@ -1,5 +1,6 @@
 import { debounce } from "../../../utils/async/index.mjs";
 import { createDateRangeShortcuts, createOneMonthRangeFromToday } from "../../../utils/date/index.mjs";
+import { omit, pick } from "../../../utils/object/index.mjs";
 import { randomString } from "../../../utils/string/index.mjs";
 import { useExpose } from "../../../utils/vue/expose.mjs";
 import { definePropType, useProps } from "../../../utils/vue/props.mjs";
@@ -13,10 +14,9 @@ import tableColumnSettingDialog_default from "./tableColumnSettingDialog.mjs";
 import tablePagination_default from "./tablePagination.mjs";
 import tableSearchForm_default from "./tableSearchForm.mjs";
 import { NotData } from "@fast-element-plus/icons-vue";
-import { Fragment, computed, createTextVNode, createVNode, defineComponent, mergeProps, onActivated, onMounted, ref, resolveDirective, watch, watchEffect, withDirectives } from "vue";
+import { Fragment, computed, createTextVNode, createVNode, defineComponent, mergeProps, onActivated, onMounted, resolveDirective, shallowRef, watch, watchEffect, withDirectives } from "vue";
 import { Eleme, More, Refresh, Search, Setting } from "@element-plus/icons-vue";
 import { ElButton, ElDatePicker, ElDropdown, ElDropdownItem, ElDropdownMenu, ElIcon, ElImageViewer, ElInput, ElPagination, ElTable, ElTableColumn, useSizeProp } from "element-plus";
-import { isArray, isBoolean, isFunction, isNil, isNull, isNumber, isObject, isString, omit, pick } from "lodash-unified";
 //#region src/components/table/src/table.tsx
 /** Element Plus Table 的透传 Props 定义。 */
 const tableProps = {
@@ -388,53 +388,53 @@ const faTableProps = {
 /** FaTable 的运行时 Emits 定义。 */
 const faTableEmits = {
 	/** @description 当用户手动勾选数据行的 Checkbox 时触发的事件 */
-	select: (selection, row) => isArray(selection) && isObject(row),
+	select: (selection, row) => Array.isArray(selection) && typeof row === "object" && row !== null,
 	/** @description 当用户手动勾选全选 Checkbox 时触发的事件 */
-	selectAll: (selection) => isArray(selection),
+	selectAll: (selection) => Array.isArray(selection),
 	/** @description 当选择项发生变化时会触发该事件 */
-	selectionChange: (newSelection) => isArray(newSelection),
+	selectionChange: (newSelection) => Array.isArray(newSelection),
 	/** @description 当单元格 hover 进入时会触发该事件 */
-	cellMouseEnter: (row, column, cell, event) => isObject(row) && isObject(column) && cell instanceof HTMLTableCellElement && event instanceof Event,
+	cellMouseEnter: (row, column, cell, event) => typeof row === "object" && row !== null && typeof column === "object" && column !== null && cell instanceof HTMLTableCellElement && event instanceof Event,
 	/** @description 当单元格 hover 退出时会触发该事件 */
-	cellMouseLeave: (row, column, cell, event) => isObject(row) && isObject(column) && cell instanceof HTMLTableCellElement && event instanceof Event,
+	cellMouseLeave: (row, column, cell, event) => typeof row === "object" && row !== null && typeof column === "object" && column !== null && cell instanceof HTMLTableCellElement && event instanceof Event,
 	/** @description 当某个单元格被点击时会触发该事件 */
-	cellClick: (row, column, cell, event) => isObject(row) && isObject(column) && cell instanceof HTMLTableCellElement && event instanceof Event,
+	cellClick: (row, column, cell, event) => typeof row === "object" && row !== null && typeof column === "object" && column !== null && cell instanceof HTMLTableCellElement && event instanceof Event,
 	/** @description 当某个单元格被双击击时会触发该事件 */
-	cellDblclick: (row, column, cell, event) => isObject(row) && isObject(column) && cell instanceof HTMLTableCellElement && event instanceof Event,
+	cellDblclick: (row, column, cell, event) => typeof row === "object" && row !== null && typeof column === "object" && column !== null && cell instanceof HTMLTableCellElement && event instanceof Event,
 	/** @description 当某个单元格被鼠标右键点击时会触发该事件 */
-	cellContextmenu: (row, column, cell, event) => isObject(row) && isObject(column) && cell instanceof HTMLTableCellElement && event instanceof Event,
+	cellContextmenu: (row, column, cell, event) => typeof row === "object" && row !== null && typeof column === "object" && column !== null && cell instanceof HTMLTableCellElement && event instanceof Event,
 	/** @description 当某一行被点击时会触发该事件 */
-	rowClick: (row, column, event) => isObject(row) && isObject(column) && event instanceof Event,
+	rowClick: (row, column, event) => typeof row === "object" && row !== null && typeof column === "object" && column !== null && event instanceof Event,
 	/** @description 当某一行被鼠标右键点击时会触发该事件 */
-	rowContextmenu: (row, column, event) => isObject(row) && isObject(column) && event instanceof Event,
+	rowContextmenu: (row, column, event) => typeof row === "object" && row !== null && typeof column === "object" && column !== null && event instanceof Event,
 	/** @description 当某一行被双击时会触发该事件 */
-	rowDblclick: (row, column, event) => isObject(row) && isObject(column) && event instanceof Event,
+	rowDblclick: (row, column, event) => typeof row === "object" && row !== null && typeof column === "object" && column !== null && event instanceof Event,
 	/** @description 当某一列的表头被点击时会触发该事件 */
-	headerClick: (column, event) => isObject(column) && event instanceof Event,
+	headerClick: (column, event) => typeof column === "object" && column !== null && event instanceof Event,
 	/** @description 当某一列的表头被鼠标右键点击时触发该事件 */
-	headerContextmenu: (column, event) => isObject(column) && event instanceof Event,
+	headerContextmenu: (column, event) => typeof column === "object" && column !== null && event instanceof Event,
 	/** @description 当表格的排序条件发生变化的时候会触发该事件 */
-	sortChange: (data) => isObject(data),
+	sortChange: (data) => typeof data === "object" && data !== null,
 	/** @description column 的 key， 如果需要使用 filter-change 事件，则需要此属性标识是哪个 column 的筛选条件 */
-	filterChange: (newFilters) => isObject(newFilters),
+	filterChange: (newFilters) => typeof newFilters === "object" && newFilters !== null,
 	/** @description 当表格的当前行发生变化的时候会触发该事件，如果要高亮当前行，请打开表格的 highlight-current-row 属性 */
-	currentChange: (currentRow, oldCurrentRow) => isObject(currentRow) && (isNull(oldCurrentRow) || isObject(oldCurrentRow)),
+	currentChange: (currentRow, oldCurrentRow) => typeof currentRow === "object" && currentRow !== null && (oldCurrentRow === null || typeof oldCurrentRow === "object" && oldCurrentRow !== null),
 	/** @description 当拖动表头改变了列的宽度的时候会触发该事件 */
-	headerDragend: (newWidth, oldWidth, column, event) => isNumber(newWidth) && isNumber(oldWidth) && isObject(column) && event instanceof MouseEvent,
+	headerDragend: (newWidth, oldWidth, column, event) => typeof newWidth === "number" && typeof oldWidth === "number" && typeof column === "object" && column !== null && event instanceof MouseEvent,
 	/** @description 当用户对某一行展开或者关闭的时候会触发该事件（展开行时，回调的第二个参数为 expandedRows；树形表格时第二参数为 expanded） */
-	expandChange: (row, expanded) => isObject(row) && (isBoolean(expanded) || isArray(expanded)),
+	expandChange: (row, expanded) => typeof row === "object" && row !== null && (typeof expanded === "boolean" || Array.isArray(expanded)),
 	/** @description 表格滚动时触发 */
-	scroll: (data) => isObject(data),
+	scroll: (data) => typeof data === "object" && data !== null,
 	/** @description 表格刷新事件 */
-	refresh: (params) => isObject(params),
+	refresh: (params) => typeof params === "object" && params !== null,
 	/** @description 表格重置事件 */
-	reset: (params) => isObject(params),
+	reset: (params) => typeof params === "object" && params !== null,
 	/** @description 分页页码改变事件 */
-	sizeChange: (pageSize) => isNumber(pageSize),
+	sizeChange: (pageSize) => typeof pageSize === "number",
 	/** @description 分页改变事件 */
-	paginationChange: (pageIndex, pageSize) => isNumber(pageIndex) && isNumber(pageSize),
+	paginationChange: (pageIndex, pageSize) => typeof pageIndex === "number" && typeof pageSize === "number",
 	/** @description 自定义单元格点击事件 */
-	customCellClick: (emitName, { row, column, $index }) => (isNil(emitName) || isString(emitName)) && isObject(row) && isObject(column) && isNumber($index)
+	customCellClick: (emitName, { row, column, $index }) => (emitName == null || typeof emitName === "string") && typeof row === "object" && row !== null && typeof column === "object" && column !== null && typeof $index === "number"
 };
 var table_default = defineComponent({
 	name: "FaTable",
@@ -442,16 +442,16 @@ var table_default = defineComponent({
 	emits: faTableEmits,
 	slots: makeSlots(),
 	setup(props, { slots, emit, expose }) {
-		const { _globalSize, state, elementRef, tableRef, handleTableColumnAutoWidth, loadTableColumns, handleSizeChange, handlePaginationChange, defaultSearchTime, tableSearch, tableReset, doRender, doLoading, handleCustomCellClick } = useTable(props, slots, emit);
+		const columnSettingRef = shallowRef(null);
+		const { globalSize, state, elementRef, tableRef, handleTableColumnAutoWidth, loadTableColumns, handleSizeChange, handlePaginationChange, defaultSearchTime, tableSearch, tableReset, doRender, doLoading, handleCustomCellClick } = useTable(props, slots, emit);
 		const notifyColumnsChange = debounce(() => props.columnsChange?.(state.orgColumns), 500);
 		const resizeTableColumns = debounce(handleTableColumnAutoWidth, 100);
-		const columnSettingRef = ref();
 		let lastRowIndex = 0;
 		const getInitParam = () => {
 			return typeof props.initParam === "object" && props.initParam !== null ? props.initParam : {};
 		};
 		const getRowKey = (row) => {
-			const value = isFunction(props.rowKey) ? props.rowKey(row) : tableUtil.handleRowAccordingToProp(row, props.rowKey);
+			const value = typeof props.rowKey === "function" ? props.rowKey(row) : tableUtil.handleRowAccordingToProp(row, props.rowKey);
 			return typeof value === "string" || typeof value === "number" ? value : void 0;
 		};
 		const indexMethod = (index) => {
@@ -517,7 +517,7 @@ var table_default = defineComponent({
 			else if (column.multiOrder === "descending") column.multiOrder = "ascending";
 			else column.multiOrder = void 0;
 			const initSortList = getInitParam()["sortList"];
-			state.searchParam.sortList = [...isArray(initSortList) ? initSortList : [], ...state.searchParam.sortList ?? []].filter((item, index, list) => list.findIndex((candidate) => candidate.enField === item.enField) === index);
+			state.searchParam.sortList = [...Array.isArray(initSortList) ? initSortList : [], ...state.searchParam.sortList ?? []].filter((item, index, list) => list.findIndex((candidate) => candidate.enField === item.enField) === index);
 			const orgColumn = state.orgColumns.find((f) => f.prop === normalizedProp);
 			const enField = orgColumn?.sortableField ?? orgColumn?.prop ?? column.property;
 			const fieldIndex = state.searchParam.sortList.findIndex((f) => f.enField === enField);
@@ -561,7 +561,7 @@ var table_default = defineComponent({
 				}
 			}
 			if (props.cellClassName) {
-				const cellClassName = isString(props.cellClassName) ? props.cellClassName : props.cellClassName({
+				const cellClassName = typeof props.cellClassName === "string" ? props.cellClassName : props.cellClassName({
 					row,
 					column,
 					rowIndex,
@@ -575,7 +575,7 @@ var table_default = defineComponent({
 		const handleHeaderCellClassName = ({ row, column, rowIndex, columnIndex }) => {
 			column.order = column.multiOrder === "ascending" || column.multiOrder === "descending" ? column.multiOrder : null;
 			if (props.headerCellClassName) {
-				if (isFunction(props.headerCellClassName)) return props.headerCellClassName({
+				if (typeof props.headerCellClassName === "function") return props.headerCellClassName({
 					row,
 					column,
 					rowIndex,
@@ -624,52 +624,6 @@ var table_default = defineComponent({
 			state.previewList = [url];
 			state.imagePreview = true;
 		};
-		onMounted(async () => {
-			state.initParam = getInitParam();
-			defaultSearchTime();
-			Object.entries(getInitParam()).forEach(([key, value]) => {
-				state.searchParam[key] = value;
-			});
-			await tableSearch();
-			watch(() => props.columns, () => {
-				loadTableColumns();
-			}, {
-				deep: true,
-				immediate: true
-			});
-			watch(() => props.initParam, () => {
-				Object.entries(getInitParam()).forEach(([key, value]) => {
-					state.searchParam[key] = value;
-				});
-			}, { deep: true });
-			watch(() => props.data, () => {
-				if (!props.requestApi && props.autoRefresh) return tableSearch();
-			}, {
-				deep: true,
-				immediate: true
-			});
-			watchEffect(() => {
-				const element = elementRef.value;
-				if (element) {
-					const observer = new ResizeObserver((entries) => {
-						for (const entry of entries) {
-							const { width, height } = entry.contentRect;
-							const widthChanged = state.tableWidth !== width;
-							state.tableWidth = width;
-							state.tableHeight = height;
-							if (widthChanged) resizeTableColumns();
-						}
-					});
-					observer.observe(element);
-					return () => {
-						observer.disconnect();
-					};
-				}
-			});
-		});
-		onActivated(() => {
-			handleTableColumnAutoWidth();
-		});
 		const tableColumnOmitNames = [
 			"multiOrder",
 			"columnId",
@@ -680,12 +634,54 @@ var table_default = defineComponent({
 			"pureSearch",
 			"search"
 		];
-		const searchFormSlotNames = computed(() => [...new Set(state.searchColumns.flatMap((column) => isString(column.search?.slot) ? [column.search.slot] : []))]);
-		const tableColumnSlotNames = computed(() => [...new Set(state.tableColumns.flatMap((column) => [column.slot, column.headerSlot].filter((name) => isString(name))))]);
+		const searchFormSlotNames = computed(() => [...new Set(state.searchColumns.flatMap((column) => typeof column.search?.slot === "string" ? [column.search.slot] : []))]);
+		const tableColumnSlotNames = computed(() => [...new Set(state.tableColumns.flatMap((column) => [column.slot, column.headerSlot].filter((name) => typeof name === "string")))]);
 		const searchInputClearable = computed(() => {
 			const value = state.searchParam.searchValue;
 			return value !== void 0 && value !== "" || state.searchValueUpdate.length > 0;
 		});
+		watch(() => props.columns, () => {
+			loadTableColumns();
+		}, { deep: true });
+		watch(() => props.initParam, () => {
+			Object.entries(getInitParam()).forEach(([key, value]) => {
+				state.searchParam[key] = value;
+			});
+		}, { deep: true });
+		watch(() => props.data, () => {
+			if (!props.requestApi && props.autoRefresh) return tableSearch();
+		}, { deep: true });
+		watchEffect(() => {
+			const element = elementRef.value;
+			if (element) {
+				const observer = new ResizeObserver((entries) => {
+					for (const entry of entries) {
+						const { width, height } = entry.contentRect;
+						const widthChanged = state.tableWidth !== width;
+						state.tableWidth = width;
+						state.tableHeight = height;
+						if (widthChanged) resizeTableColumns();
+					}
+				});
+				observer.observe(element);
+				return () => {
+					observer.disconnect();
+				};
+			}
+		});
+		onMounted(async () => {
+			state.initParam = getInitParam();
+			defaultSearchTime();
+			Object.entries(getInitParam()).forEach(([key, value]) => {
+				state.searchParam[key] = value;
+			});
+			await tableSearch();
+			loadTableColumns();
+			if (!props.requestApi && props.autoRefresh) await tableSearch();
+		});
+		onActivated(() => {
+			handleTableColumnAutoWidth();
+		});
 		const elTableProps = useProps(props, tableProps, [
 			"data",
 			"spanMethod",
@@ -696,7 +692,7 @@ var table_default = defineComponent({
 			"ref": elementRef,
 			"class": [
 				"fa-table",
-				`fa-table-${_globalSize.value}`,
+				`fa-table-${globalSize.value}`,
 				`fa-table__${props.tableKey}`,
 				{ fa__click__disabled: state.loading }
 			],