fast-element-plus 1.0.21 → 2.0.1

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

@@ -0,0 +1,44 @@
+import { useGlobalSize } from "element-plus";
+import { type makeSlots } from "../../../utils";
+import type { PagedInput } from "./page.type";
+import type { FaTableSlots, faTableEmits, faTableProps } from "./table";
+import type { FaTableRow, FaTableState } from "./table.state";
+import type { FaTableColumnCtx, FaTableEnumColumnCtx } from "./table.type";
+import type { TableInstance } from "element-plus";
+import type { ExtractPropTypes, InjectionKey, Ref, SetupContext } from "vue";
+/** FaTable 状态的依赖注入键。 */
+export declare const tableStateKey: InjectionKey<FaTableState>;
+/** FaTable 枚举映射的依赖注入键。 */
+export declare const enumMapKey: InjectionKey<Map<string, FaTableEnumColumnCtx[]>>;
+type TableSetupContext = SetupContext<typeof faTableEmits, ReturnType<typeof makeSlots<FaTableSlots>>>;
+interface TableComposable {
+    _globalSize: ReturnType<typeof useGlobalSize>;
+    state: FaTableState;
+    elementRef: Ref<HTMLElement | undefined>;
+    tableRef: Ref<TableInstance | undefined>;
+    handleTableColumnAutoWidth: () => void;
+    getRequestParam: () => PagedInput;
+    loadTableColumns: () => void;
+    handleSizeChange: (pageSize: number) => void;
+    handlePaginationChange: (value: number) => void;
+    defaultSearchTime: () => void;
+    tableSearch: () => Promise<void>;
+    tableReset: () => Promise<void>;
+    doRender: () => Promise<void>;
+    doLoading: (loadingFunction: () => void | Promise<void>, loadingText?: string) => void;
+    handleCustomCellClick: (emitName: string, context: {
+        row: FaTableRow;
+        column: FaTableColumnCtx;
+        $index: number;
+    }) => void;
+}
+/**
+ * 创建 FaTable 的状态和操作方法。
+ *
+ * @param props - FaTable 的 Props。
+ * @param slots - FaTable 的插槽。
+ * @param emit - FaTable 的事件触发器。
+ * @returns FaTable 的状态、引用和操作方法。
+ */
+export declare const useTable: (props: ExtractPropTypes<typeof faTableProps>, slots: TableSetupContext["slots"], emit: TableSetupContext["emit"]) => TableComposable;
+export {};

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

@@ -0,0 +1,407 @@
+import { debounce } from "../../../utils/async/index.mjs";
+import { callOptionalFunction } from "../../../utils/vue/func.mjs";
+import { tableUtil } from "../utils/table.mjs";
+import { getTableDefaultSlots } from "./table.type.mjs";
+import { computed, nextTick, provide, reactive, ref, watch } from "vue";
+import { dayjs, useGlobalSize } from "element-plus";
+import { isArray, isFunction } from "lodash-unified";
+//#region src/components/table/src/useTable.ts
+/** FaTable 状态的依赖注入键。 */
+const tableStateKey = Symbol("tableState");
+/** FaTable 枚举映射的依赖注入键。 */
+const enumMapKey = Symbol("enumMap");
+/**
+* 创建 FaTable 的状态和操作方法。
+*
+* @param props - FaTable 的 Props。
+* @param slots - FaTable 的插槽。
+* @param emit - FaTable 的事件触发器。
+* @returns FaTable 的状态、引用和操作方法。
+*/
+const useTable = (props, slots, emit) => {
+	const _globalSize = useGlobalSize();
+	const elementRef = ref();
+	const tableRef = ref();
+	/**
+	* 定义 enumMap 存储 enum 值（避免异步请求无法格式化单元格内容 || 无法填充搜索下拉选择）
+	*/
+	const enumMap = reactive(/* @__PURE__ */ new Map());
+	provide(enumMapKey, enumMap);
+	const state = reactive({
+		loading: false,
+		loadingText: "加载中...",
+		orgColumns: [],
+		tableColumns: computed(() => state.orgColumns.filter((f) => f.prop && !f.pureSearch)),
+		searchColumns: computed(() => state.orgColumns.filter((item) => item.pureSearch === true || item.search !== void 0).sort((a, b) => {
+			return (a.search?.order ?? 0) - (b.search?.order ?? 0);
+		})),
+		spanColumns: computed(() => [...state.orgColumns.flatMap((column) => column.spanProp ? [{
+			prop: column.prop ?? "",
+			spanProp: column.spanProp
+		}] : []), ...props.props.span ? [
+			{
+				prop: "__table-index",
+				spanProp: props.props.span
+			},
+			{
+				prop: "__table-selection",
+				spanProp: props.props.span
+			},
+			{
+				prop: "__table-operation",
+				spanProp: props.props.span
+			}
+		] : []]),
+		tableData: [],
+		tableSpanData: computed(() => {
+			if (state.spanColumns?.length > 0 && state.tableData?.length > 0) {
+				const result = {};
+				const spanIndexes = {};
+				state.spanColumns.forEach((item) => {
+					result[item.prop] = new Array(state.tableData.length).fill(1, 0, 1).fill(0, 1);
+					spanIndexes[item.prop] = 0;
+				});
+				for (let i = 1; i < state.tableData.length; i++) state.spanColumns.forEach((item) => {
+					const currentRow = state.tableData[i];
+					const previousRow = state.tableData[i - 1];
+					const spanValues = result[item.prop];
+					const spanIndex = spanIndexes[item.prop];
+					if (currentRow === void 0 || previousRow === void 0 || spanValues === void 0 || spanIndex === void 0) return;
+					if (currentRow[item.spanProp] === previousRow[item.spanProp]) spanValues[spanIndex] = (spanValues[spanIndex] ?? 0) + 1;
+					else {
+						spanIndexes[item.prop] = i;
+						spanValues[i] = 1;
+					}
+				});
+				return result;
+			}
+			return {};
+		}),
+		tablePagination: {
+			pageIndex: 1,
+			pageSize: 20,
+			totalRows: 0
+		},
+		initParam: {},
+		searchParam: {},
+		searchValueUpdate: "",
+		searchForm: props.searchForm,
+		selected: false,
+		selectedList: [],
+		selectedListIds: computed(() => state.selectedList.flatMap((item) => {
+			const rowKey = isFunction(props.rowKey) ? props.rowKey(item) : tableUtil.handleRowAccordingToProp(item, props.rowKey);
+			return typeof rowKey === "string" || typeof rowKey === "number" ? [rowKey] : [];
+		})),
+		indeterminateSelectedListIds: [],
+		operationColumnWidth: computed(() => {
+			const findAutoCol = state.autoColumnWidth.find((f) => f.prop === "__table-operation");
+			if (findAutoCol) return `${findAutoCol.width}px`;
+			switch (_globalSize.value) {
+				case "large":
+				case "default": return "54px";
+				case "small": return "42px";
+				default: return "auto";
+			}
+		}),
+		imagePreview: false,
+		previewList: [],
+		tableWidth: 0,
+		tableHeight: 0,
+		autoColumnWidth: []
+	});
+	let requestVersion = 0;
+	provide(tableStateKey, state);
+	const handleTableColumnAutoWidth = () => {
+		state.loading = true;
+		state.loadingText = "加载中...";
+		state.autoColumnWidth = [];
+		const autoWidthColumns = state.tableColumns.filter((f) => f.autoWidth);
+		if (slots?.operation) autoWidthColumns.push({ prop: "__table-operation" });
+		if (autoWidthColumns.length > 0) {
+			const otherWidth = _globalSize.value === "default" ? 25 : 17;
+			nextTick(() => {
+				const tableDom = document.querySelector(`.fa-table__${props.tableKey}`);
+				if (tableDom) autoWidthColumns.forEach((item) => {
+					const headerColumnDom = tableDom.querySelector(`.__fa-table__auto-width-column__cell-header__${item?.prop}`);
+					const cellColumnDoms = tableDom.querySelectorAll(`.__fa-table__auto-width-column__cell__${item?.prop}`);
+					let maxWidth = 0;
+					if (headerColumnDom) {
+						maxWidth = Math.ceil(headerColumnDom.scrollWidth) + otherWidth;
+						if (item?.sortable) maxWidth += 24;
+					}
+					cellColumnDoms.forEach((cellDom) => {
+						const curWidth = Math.ceil(cellDom.scrollWidth) + otherWidth;
+						if (curWidth > maxWidth) maxWidth = curWidth;
+					});
+					const findInfo = state.autoColumnWidth.find((f) => f.prop === item?.prop);
+					if (findInfo) findInfo.width = Math.max(findInfo.width, maxWidth);
+					else if (item.prop) state.autoColumnWidth.push({
+						prop: item.prop,
+						width: maxWidth
+					});
+				});
+			}).finally(() => {
+				state.loading = false;
+			});
+			return;
+		}
+		state.loading = false;
+	};
+	const handleTableData = (data) => {
+		if (props.treeData) {
+			const result = [];
+			data.forEach((row) => {
+				const rowList = row[props.props.children ?? "children"];
+				if (isArray(rowList)) rowList.forEach((childRow) => {
+					result.push(typeof childRow === "object" && childRow !== null ? {
+						...row,
+						...childRow
+					} : row);
+				});
+				else result.push(typeof rowList === "object" && rowList !== null ? {
+					...row,
+					...rowList
+				} : row);
+			});
+			return result;
+		} else return data;
+	};
+	const getRequestParam = () => {
+		const params = {
+			...state.searchParam,
+			...props.pagination ? state.tablePagination : {}
+		};
+		delete params.totalRows;
+		return params;
+	};
+	const loadData = async () => {
+		const currentRequestVersion = ++requestVersion;
+		state.loading = true;
+		state.loadingText = "加载中...";
+		if (props.requestApi) {
+			const params = getRequestParam();
+			emit("refresh", params);
+			let pageData;
+			try {
+				const resData = await props.requestApi(params);
+				if (currentRequestVersion !== requestVersion) return;
+				props.dataCallback?.(resData);
+				if (props.pagination) {
+					if (isArray(resData)) {
+						pageData = resData;
+						state.tablePagination.totalRows = resData.length;
+					} else {
+						const pageRes = resData;
+						pageData = pageRes.rows ?? [];
+						Object.assign(state.tablePagination, {
+							pageIndex: pageRes.pageIndex ?? state.tablePagination.pageIndex,
+							pageSize: pageRes.pageSize ?? state.tablePagination.pageSize,
+							totalRows: pageRes.totalRows ?? pageData.length
+						});
+					}
+				} else {
+					pageData = resData;
+					Object.assign(state.tablePagination, {
+						pageIndex: 1,
+						pageSize: 0,
+						totalRows: pageData.length
+					});
+				}
+				state.tableData = handleTableData(pageData);
+			} catch (error) {
+				if (currentRequestVersion !== requestVersion) return;
+				state.tableData = [];
+				throw error;
+			} finally {
+				if (currentRequestVersion === requestVersion) state.loading = false;
+			}
+		} else {
+			emit("refresh", { searchValue: state.searchParam.searchValue });
+			let _value = handleTableData([...props.data]);
+			_value = _value.filter((f) => {
+				const searchValue = state.searchParam.searchValue;
+				if (typeof searchValue !== "string" || searchValue.length === 0) return true;
+				return state.tableColumns.some((col) => {
+					const value = tableUtil.handleRowAccordingToProp(f, col.prop ?? "");
+					return (typeof value === "string" || typeof value === "number" || typeof value === "bigint" || typeof value === "boolean" ? String(value) : "").toLowerCase().includes(searchValue.toLowerCase());
+				});
+			});
+			if (isArray(state.searchParam.sortList) && state.searchParam.sortList.length > 0) _value = _value.sort(tableUtil.arrayDynamicSort(state.searchParam.sortList));
+			if (props.pagination) {
+				Object.assign(state.tablePagination, { totalRows: _value.length });
+				const pageStart = (state.tablePagination.pageIndex - 1) * state.tablePagination.pageSize;
+				const pageEnd = pageStart + state.tablePagination.pageSize;
+				state.tableData = _value.slice(pageStart, pageEnd);
+			} else {
+				state.tableData = _value;
+				Object.assign(state.tablePagination, {
+					pageIndex: 1,
+					pageSize: 0,
+					totalRows: _value.length
+				});
+			}
+			state.loading = false;
+		}
+		handleTableColumnAutoWidth();
+	};
+	const cloneColumns = (columns) => columns.map((column) => ({
+		...column,
+		...column.search && { search: {
+			...column.search,
+			...column.search.props && { props: { ...column.search.props } }
+		} },
+		...column._children && { _children: cloneColumns(column._children) }
+	}));
+	const loadTableColumns = () => {
+		let columns = props.columns ? cloneColumns(props.columns) : [];
+		columns.forEach((col) => {
+			if (col.pureSearch || col.search) {
+				col.search ??= { el: "" };
+				col.search.key ??= col.prop;
+				col.search.label ??= col.label;
+				if (col.search.key && col.search.defaultValue !== void 0) state.searchParam[col.search.key] = col.search.defaultValue;
+			}
+		});
+		columns = columns.sort((a, b) => {
+			return (a.order ?? 0) - (b.order ?? 0);
+		});
+		state.orgColumns = tableUtil.flatColumns(columns, enumMap);
+	};
+	const handleSizeChange = (pageSize) => {
+		state.tablePagination.pageIndex = 1;
+		state.tablePagination.pageSize = pageSize;
+		emit("sizeChange", pageSize);
+		emit("paginationChange", 1, pageSize);
+		loadData();
+	};
+	const handlePaginationChange = (val) => {
+		state.tablePagination.pageIndex = val;
+		emit("paginationChange", val, state.tablePagination.pageSize);
+		loadData();
+	};
+	const updatedTotalParam = () => {
+		const newSearchParam = {};
+		for (const key in state.searchParam) if (state.searchParam[key] || state.searchParam[key] === false || state.searchParam[key] === 0) newSearchParam[key] = state.searchParam[key];
+		else if (!state.searchParam[key]) delete state.searchParam[key];
+		Object.assign(state.searchParam, newSearchParam);
+	};
+	const defaultSearchTime = () => {
+		if (props.hideSearchTime) state.searchParam.searchTimeList = void 0;
+		else {
+			const end = /* @__PURE__ */ new Date();
+			const start = /* @__PURE__ */ new Date();
+			if (props.futureSearchTime) switch (props.dataSearchRange) {
+				case "Past1D":
+					end.setDate(end.getDate() + 1);
+					break;
+				case "Past3D":
+					end.setDate(end.getDate() + 3);
+					break;
+				case "Past1W":
+					end.setDate(end.getDate() + 7);
+					break;
+				case "Past1M":
+					end.setMonth(end.getMonth() + 1);
+					break;
+				case "Past3M":
+					end.setMonth(end.getMonth() + 3);
+					break;
+				case "Past6M":
+					end.setMonth(end.getMonth() + 6);
+					break;
+				case "Past1Y":
+					end.setFullYear(end.getFullYear() + 1);
+					break;
+				case "Past3Y": end.setFullYear(end.getFullYear() + 3);
+			}
+			else switch (props.dataSearchRange) {
+				case "Past1D":
+					start.setDate(start.getDate() - 1);
+					break;
+				case "Past3D":
+					start.setDate(start.getDate() - 3);
+					break;
+				case "Past1W":
+					start.setDate(start.getDate() - 7);
+					break;
+				case "Past1M":
+					start.setMonth(start.getMonth() - 1);
+					break;
+				case "Past3M":
+					start.setMonth(start.getMonth() - 3);
+					break;
+				case "Past6M":
+					start.setMonth(start.getMonth() - 6);
+					break;
+				case "Past1Y":
+					start.setFullYear(start.getFullYear() - 1);
+					break;
+				case "Past3Y": start.setFullYear(start.getFullYear() - 3);
+			}
+			state.searchParam.searchTimeList = [dayjs(start).format("YYYY-MM-DD 00:00:00"), dayjs(end).format("YYYY-MM-DD 23:59:59")];
+		}
+	};
+	const tableSearch = async () => {
+		state.tablePagination.pageIndex = 1;
+		updatedTotalParam();
+		await loadData();
+	};
+	const renderTable = debounce(() => {
+		loadTableColumns();
+		return tableSearch();
+	}, 300);
+	const tableReset = async () => {
+		state.tablePagination.pageIndex = 1;
+		state.searchParam = {};
+		defaultSearchTime();
+		if (typeof state.initParam === "object" && state.initParam !== null) Object.assign(state.searchParam, state.initParam);
+		emit("reset", state.searchParam);
+		await loadData();
+	};
+	const doRender = async () => {
+		state.orgColumns = [];
+		state.autoColumnWidth = [];
+		state.tableData = [];
+		await renderTable();
+	};
+	const doLoading = (loadingFunction, loadingText = "加载中...") => {
+		state.loading = true;
+		state.loadingText = loadingText;
+		callOptionalFunction(loadingFunction).finally(() => {
+			state.loading = false;
+		});
+	};
+	const handleCustomCellClick = (emitName, { row, column, $index }) => {
+		emit("customCellClick", emitName, {
+			row,
+			column,
+			$index,
+			...getTableDefaultSlots(state)
+		});
+	};
+	watch(() => props.tableKey, () => doRender());
+	watch(() => props.searchForm, (newValue) => {
+		state.searchForm = newValue;
+	});
+	return {
+		_globalSize,
+		state,
+		elementRef,
+		tableRef,
+		handleTableColumnAutoWidth,
+		getRequestParam,
+		loadTableColumns,
+		handleSizeChange,
+		handlePaginationChange,
+		defaultSearchTime,
+		tableSearch,
+		tableReset,
+		doRender,
+		doLoading,
+		handleCustomCellClick
+	};
+};
+//#endregion
+export { enumMapKey, tableStateKey, useTable };
+
+//# sourceMappingURL=useTable.mjs.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"useTable.mjs","names":[],"sources":["../../../../src/components/table/src/useTable.ts"],"sourcesContent":["import { computed, nextTick, provide, reactive, ref, watch } from \"vue\";\nimport { dayjs, useGlobalSize } from \"element-plus\";\nimport { isArray, isFunction } from \"lodash-unified\";\nimport { callOptionalFunction, debounce, type makeSlots } from \"../../../utils\";\nimport { tableUtil } from \"../utils/table\";\nimport { getTableDefaultSlots } from \"./table.type\";\nimport type { PagedInput, PagedResult } from \"./page.type\";\nimport type { FaTableSlots, faTableEmits, faTableProps } from \"./table\";\nimport type { FaTableRow, FaTableState } from \"./table.state\";\nimport type { FaTableColumnCtx, FaTableEnumColumnCtx } from \"./table.type\";\nimport type { TableInstance } from \"element-plus\";\nimport type { ExtractPropTypes, InjectionKey, Ref, SetupContext } from \"vue\";\n\n/** FaTable 状态的依赖注入键。 */\nexport const tableStateKey: InjectionKey<FaTableState> = Symbol(\"tableState\");\n/** FaTable 枚举映射的依赖注入键。 */\nexport const enumMapKey: InjectionKey<Map<string, FaTableEnumColumnCtx[]>> = Symbol(\"enumMap\");\n\ntype TableSetupContext = SetupContext<typeof faTableEmits, ReturnType<typeof makeSlots<FaTableSlots>>>;\n\ninterface TableComposable {\n\t_globalSize: ReturnType<typeof useGlobalSize>;\n\tstate: FaTableState;\n\telementRef: Ref<HTMLElement | undefined>;\n\ttableRef: Ref<TableInstance | undefined>;\n\thandleTableColumnAutoWidth: () => void;\n\tgetRequestParam: () => PagedInput;\n\tloadTableColumns: () => void;\n\thandleSizeChange: (pageSize: number) => void;\n\thandlePaginationChange: (value: number) => void;\n\tdefaultSearchTime: () => void;\n\ttableSearch: () => Promise<void>;\n\ttableReset: () => Promise<void>;\n\tdoRender: () => Promise<void>;\n\tdoLoading: (loadingFunction: () => void | Promise<void>, loadingText?: string) => void;\n\thandleCustomCellClick: (emitName: string, context: { row: FaTableRow; column: FaTableColumnCtx; $index: number }) => void;\n}\n\n/**\n * 创建 FaTable 的状态和操作方法。\n *\n * @param props - FaTable 的 Props。\n * @param slots - FaTable 的插槽。\n * @param emit - FaTable 的事件触发器。\n * @returns FaTable 的状态、引用和操作方法。\n */\nexport const useTable = (\n\tprops: ExtractPropTypes<typeof faTableProps>,\n\tslots: TableSetupContext[\"slots\"],\n\temit: TableSetupContext[\"emit\"]\n): TableComposable => {\n\tconst _globalSize = useGlobalSize();\n\n\tconst elementRef = ref<HTMLElement>();\n\tconst tableRef = ref<TableInstance>();\n\n\t/**\n\t * 定义 enumMap 存储 enum 值（避免异步请求无法格式化单元格内容 || 无法填充搜索下拉选择）\n\t */\n\tconst enumMap = reactive(new Map<string, FaTableEnumColumnCtx[]>());\n\tprovide(enumMapKey, enumMap);\n\n\tconst state: FaTableState = reactive({\n\t\tloading: false,\n\t\tloadingText: \"加载中...\",\n\t\torgColumns: [],\n\t\ttableColumns: computed(() => state.orgColumns.filter((f) => f.prop && !f.pureSearch)),\n\t\tsearchColumns: computed(() =>\n\t\t\tstate.orgColumns\n\t\t\t\t.filter((item) => item.pureSearch === true || item.search !== undefined)\n\t\t\t\t.sort((a, b) => {\n\t\t\t\t\treturn (a.search?.order ?? 0) - (b.search?.order ?? 0);\n\t\t\t\t})\n\t\t),\n\t\tspanColumns: computed(() => [\n\t\t\t...state.orgColumns.flatMap((column) => (column.spanProp ? [{ prop: column.prop ?? \"\", spanProp: column.spanProp }] : [])),\n\t\t\t...(props.props.span\n\t\t\t\t? [\n\t\t\t\t\t\t{ prop: \"__table-index\", spanProp: props.props.span },\n\t\t\t\t\t\t{ prop: \"__table-selection\", spanProp: props.props.span },\n\t\t\t\t\t\t{ prop: \"__table-operation\", spanProp: props.props.span },\n\t\t\t\t\t]\n\t\t\t\t: []),\n\t\t]),\n\t\ttableData: [],\n\t\ttableSpanData: computed(() => {\n\t\t\tif (state.spanColumns?.length > 0 && state.tableData?.length > 0) {\n\t\t\t\tconst result: Record<string, number[]> = {};\n\t\t\t\tconst spanIndexes: Record<string, number> = {};\n\t\t\t\tstate.spanColumns.forEach((item) => {\n\t\t\t\t\tresult[item.prop] = new Array<number>(state.tableData.length).fill(1, 0, 1).fill(0, 1);\n\t\t\t\t\tspanIndexes[item.prop] = 0;\n\t\t\t\t});\n\t\t\t\tfor (let i = 1; i < state.tableData.length; i++) {\n\t\t\t\t\tstate.spanColumns.forEach((item) => {\n\t\t\t\t\t\tconst currentRow = state.tableData[i];\n\t\t\t\t\t\tconst previousRow = state.tableData[i - 1];\n\t\t\t\t\t\tconst spanValues = result[item.prop];\n\t\t\t\t\t\tconst spanIndex = spanIndexes[item.prop];\n\t\t\t\t\t\tif (currentRow === undefined || previousRow === undefined || spanValues === undefined || spanIndex === undefined) return;\n\t\t\t\t\t\tif (currentRow[item.spanProp] === previousRow[item.spanProp]) {\n\t\t\t\t\t\t\tspanValues[spanIndex] = (spanValues[spanIndex] ?? 0) + 1;\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tspanIndexes[item.prop] = i;\n\t\t\t\t\t\t\tspanValues[i] = 1;\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\treturn result;\n\t\t\t}\n\t\t\treturn {};\n\t\t}),\n\t\ttablePagination: {\n\t\t\tpageIndex: 1,\n\t\t\tpageSize: 20,\n\t\t\ttotalRows: 0,\n\t\t},\n\t\tinitParam: {},\n\t\tsearchParam: {},\n\t\tsearchValueUpdate: \"\",\n\t\tsearchForm: props.searchForm,\n\t\tselected: false,\n\t\tselectedList: [],\n\t\tselectedListIds: computed(() =>\n\t\t\tstate.selectedList.flatMap((item) => {\n\t\t\t\tconst rowKey = isFunction(props.rowKey) ? props.rowKey(item) : tableUtil.handleRowAccordingToProp(item, props.rowKey);\n\t\t\t\treturn typeof rowKey === \"string\" || typeof rowKey === \"number\" ? [rowKey] : [];\n\t\t\t})\n\t\t),\n\t\tindeterminateSelectedListIds: [],\n\t\toperationColumnWidth: computed(() => {\n\t\t\tconst findAutoCol = state.autoColumnWidth.find((f) => f.prop === \"__table-operation\");\n\t\t\tif (findAutoCol) {\n\t\t\t\treturn `${findAutoCol.width}px`;\n\t\t\t}\n\t\t\tswitch (_globalSize.value) {\n\t\t\t\tcase \"large\":\n\t\t\t\tcase \"default\":\n\t\t\t\t\treturn \"54px\";\n\t\t\t\tcase \"small\":\n\t\t\t\t\treturn \"42px\";\n\t\t\t\tdefault:\n\t\t\t\t\treturn \"auto\";\n\t\t\t}\n\t\t}),\n\t\timagePreview: false,\n\t\tpreviewList: [],\n\t\ttableWidth: 0,\n\t\ttableHeight: 0,\n\t\tautoColumnWidth: [],\n\t});\n\tlet requestVersion = 0;\n\n\tprovide(tableStateKey, state);\n\n\tconst handleTableColumnAutoWidth = (): void => {\n\t\tstate.loading = true;\n\t\tstate.loadingText = \"加载中...\";\n\t\tstate.autoColumnWidth = [];\n\t\tconst autoWidthColumns = state.tableColumns.filter((f) => f.autoWidth);\n\t\tif (slots?.operation) {\n\t\t\t// 操作列自动宽度\n\t\t\tautoWidthColumns.push({\n\t\t\t\tprop: \"__table-operation\",\n\t\t\t});\n\t\t}\n\t\tif (autoWidthColumns.length > 0) {\n\t\t\t// padding24/16 + border1\n\t\t\tconst otherWidth = _globalSize.value === \"default\" ? 25 : 17;\n\t\t\tvoid nextTick(() => {\n\t\t\t\tconst tableDom = document.querySelector(`.fa-table__${props.tableKey}`);\n\t\t\t\tif (tableDom) {\n\t\t\t\t\tautoWidthColumns.forEach((item) => {\n\t\t\t\t\t\tconst headerColumnDom = tableDom.querySelector(`.__fa-table__auto-width-column__cell-header__${item?.prop}`);\n\t\t\t\t\t\tconst cellColumnDoms = tableDom.querySelectorAll(`.__fa-table__auto-width-column__cell__${item?.prop}`);\n\t\t\t\t\t\tlet maxWidth = 0;\n\t\t\t\t\t\tif (headerColumnDom) {\n\t\t\t\t\t\t\tmaxWidth = Math.ceil(headerColumnDom.scrollWidth) + otherWidth;\n\t\t\t\t\t\t\tif (item?.sortable) {\n\t\t\t\t\t\t\t\tmaxWidth += 24;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t\tcellColumnDoms.forEach((cellDom) => {\n\t\t\t\t\t\t\tconst curWidth = Math.ceil(cellDom.scrollWidth) + otherWidth;\n\t\t\t\t\t\t\tif (curWidth > maxWidth) {\n\t\t\t\t\t\t\t\tmaxWidth = curWidth;\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t});\n\t\t\t\t\t\tconst findInfo = state.autoColumnWidth.find((f) => f.prop === item?.prop);\n\t\t\t\t\t\tif (findInfo) {\n\t\t\t\t\t\t\tfindInfo.width = Math.max(findInfo.width, maxWidth);\n\t\t\t\t\t\t} else {\n\t\t\t\t\t\t\tif (item.prop) {\n\t\t\t\t\t\t\t\tstate.autoColumnWidth.push({\n\t\t\t\t\t\t\t\t\tprop: item.prop,\n\t\t\t\t\t\t\t\t\twidth: maxWidth,\n\t\t\t\t\t\t\t\t});\n\t\t\t\t\t\t\t}\n\t\t\t\t\t\t}\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t}).finally(() => {\n\t\t\t\tstate.loading = false;\n\t\t\t});\n\t\t\treturn;\n\t\t}\n\t\tstate.loading = false;\n\t};\n\n\tconst handleTableData = (data: FaTableRow[]): FaTableRow[] => {\n\t\tif (props.treeData) {\n\t\t\tconst result: FaTableRow[] = [];\n\t\t\tdata.forEach((row) => {\n\t\t\t\tconst rowList = row[props.props.children ?? \"children\"];\n\t\t\t\tif (isArray(rowList)) {\n\t\t\t\t\t// 如果 rowList 是数组，遍历并合并每个子项\n\t\t\t\t\tconst childRows: unknown[] = rowList;\n\t\t\t\t\tchildRows.forEach((childRow) => {\n\t\t\t\t\t\tresult.push(typeof childRow === \"object\" && childRow !== null ? { ...row, ...childRow } : row);\n\t\t\t\t\t});\n\t\t\t\t} else {\n\t\t\t\t\tresult.push(typeof rowList === \"object\" && rowList !== null ? { ...row, ...rowList } : row);\n\t\t\t\t}\n\t\t\t});\n\t\t\treturn result;\n\t\t} else {\n\t\t\treturn data;\n\t\t}\n\t};\n\n\tconst getRequestParam = (): PagedInput => {\n\t\tconst params = { ...state.searchParam, ...(props.pagination ? state.tablePagination : {}) };\n\t\t// 删除总条数\n\t\tdelete params.totalRows;\n\t\treturn params;\n\t};\n\n\tconst loadData = async (): Promise<void> => {\n\t\tconst currentRequestVersion = ++requestVersion;\n\t\tstate.loading = true;\n\t\tstate.loadingText = \"加载中...\";\n\t\tif (props.requestApi) {\n\t\t\tconst params = getRequestParam();\n\t\t\temit(\"refresh\", params);\n\t\t\tlet pageData: FaTableRow[];\n\t\t\ttry {\n\t\t\t\tconst resData = await props.requestApi(params);\n\t\t\t\tif (currentRequestVersion !== requestVersion) return;\n\t\t\t\t// 数据回调\n\t\t\t\tprops.dataCallback?.(resData);\n\t\t\t\t// 解析 API 接口返回的分页数据（如果有分页更新分页信息）\n\t\t\t\tif (props.pagination) {\n\t\t\t\t\tif (isArray(resData)) {\n\t\t\t\t\t\tpageData = resData;\n\t\t\t\t\t\tstate.tablePagination.totalRows = resData.length;\n\t\t\t\t\t} else {\n\t\t\t\t\t\tconst pageRes = resData as PagedResult;\n\t\t\t\t\t\tpageData = pageRes.rows ?? [];\n\t\t\t\t\t\tObject.assign(state.tablePagination, {\n\t\t\t\t\t\t\tpageIndex: pageRes.pageIndex ?? state.tablePagination.pageIndex,\n\t\t\t\t\t\t\tpageSize: pageRes.pageSize ?? state.tablePagination.pageSize,\n\t\t\t\t\t\t\ttotalRows: pageRes.totalRows ?? pageData.length,\n\t\t\t\t\t\t});\n\t\t\t\t\t}\n\t\t\t\t} else {\n\t\t\t\t\tpageData = resData as FaTableRow[];\n\t\t\t\t\t// 更新分页信息\n\t\t\t\t\tObject.assign(state.tablePagination, {\n\t\t\t\t\t\tpageIndex: 1,\n\t\t\t\t\t\tpageSize: 0,\n\t\t\t\t\t\ttotalRows: pageData.length,\n\t\t\t\t\t});\n\t\t\t\t}\n\t\t\t\tstate.tableData = handleTableData(pageData);\n\t\t\t} catch (error) {\n\t\t\t\tif (currentRequestVersion !== requestVersion) return;\n\t\t\t\tstate.tableData = [];\n\t\t\t\tthrow error;\n\t\t\t} finally {\n\t\t\t\tif (currentRequestVersion === requestVersion) state.loading = false;\n\t\t\t}\n\t\t} else {\n\t\t\temit(\"refresh\", { searchValue: state.searchParam.searchValue });\n\t\t\tlet _value = handleTableData([...props.data]);\n\t\t\t_value = _value.filter((f) => {\n\t\t\t\tconst searchValue = state.searchParam.searchValue;\n\t\t\t\tif (typeof searchValue !== \"string\" || searchValue.length === 0) return true;\n\t\t\t\treturn state.tableColumns.some((col) => {\n\t\t\t\t\tconst value = tableUtil.handleRowAccordingToProp(f, col.prop ?? \"\");\n\t\t\t\t\tconst text =\n\t\t\t\t\t\ttypeof value === \"string\" || typeof value === \"number\" || typeof value === \"bigint\" || typeof value === \"boolean\"\n\t\t\t\t\t\t\t? String(value)\n\t\t\t\t\t\t\t: \"\";\n\t\t\t\t\treturn text.toLowerCase().includes(searchValue.toLowerCase());\n\t\t\t\t});\n\t\t\t});\n\t\t\tif (isArray(state.searchParam.sortList) && state.searchParam.sortList.length > 0) {\n\t\t\t\t_value = _value.sort(tableUtil.arrayDynamicSort(state.searchParam.sortList));\n\t\t\t}\n\t\t\tif (props.pagination) {\n\t\t\t\t// 更新分页信息\n\t\t\t\tObject.assign(state.tablePagination, {\n\t\t\t\t\ttotalRows: _value.length,\n\t\t\t\t});\n\t\t\t\tconst pageStart = (state.tablePagination.pageIndex - 1) * state.tablePagination.pageSize;\n\t\t\t\tconst pageEnd = pageStart + state.tablePagination.pageSize;\n\t\t\t\tstate.tableData = _value.slice(pageStart, pageEnd);\n\t\t\t} else {\n\t\t\t\tstate.tableData = _value;\n\t\t\t\t// 更新分页信息\n\t\t\t\tObject.assign(state.tablePagination, {\n\t\t\t\t\tpageIndex: 1,\n\t\t\t\t\tpageSize: 0,\n\t\t\t\t\ttotalRows: _value.length,\n\t\t\t\t});\n\t\t\t}\n\t\t\tstate.loading = false;\n\t\t}\n\t\thandleTableColumnAutoWidth();\n\t};\n\n\tconst cloneColumns = (columns: FaTableColumnCtx[]): FaTableColumnCtx[] =>\n\t\tcolumns.map((column) => ({\n\t\t\t...column,\n\t\t\t...(column.search && { search: { ...column.search, ...(column.search.props && { props: { ...column.search.props } }) } }),\n\t\t\t...(column._children && { _children: cloneColumns(column._children) }),\n\t\t}));\n\n\tconst loadTableColumns = (): void => {\n\t\tlet columns: FaTableColumnCtx[] = props.columns ? cloneColumns(props.columns) : [];\n\t\t// 默认值处理\n\t\tcolumns.forEach((col) => {\n\t\t\t// 处理搜索项的 key 和 label\n\t\t\tif (col.pureSearch || col.search) {\n\t\t\t\tcol.search ??= { el: \"\" };\n\t\t\t\tcol.search.key ??= col.prop;\n\t\t\t\tcol.search.label ??= col.label;\n\t\t\t\t// 处理默认值\n\t\t\t\tif (col.search.key && col.search.defaultValue !== undefined) {\n\t\t\t\t\tstate.searchParam[col.search.key] = col.search.defaultValue;\n\t\t\t\t}\n\t\t\t}\n\t\t});\n\n\t\t// 排序\n\t\tcolumns = columns.sort((a, b) => {\n\t\t\treturn (a.order ?? 0) - (b.order ?? 0);\n\t\t});\n\n\t\t// TODO:这里的扁平化暂时没用到\n\t\tstate.orgColumns = tableUtil.flatColumns(columns, enumMap);\n\t};\n\n\tconst handleSizeChange = (pageSize: number): void => {\n\t\tstate.tablePagination.pageIndex = 1;\n\t\tstate.tablePagination.pageSize = pageSize;\n\t\temit(\"sizeChange\", pageSize);\n\t\temit(\"paginationChange\", 1, pageSize);\n\t\tvoid loadData();\n\t};\n\tconst handlePaginationChange = (val: number): void => {\n\t\tstate.tablePagination.pageIndex = val;\n\t\temit(\"paginationChange\", val, state.tablePagination.pageSize);\n\t\tvoid loadData();\n\t};\n\n\tconst updatedTotalParam = (): void => {\n\t\t// 处理查询参数，可以给查询参数加自定义前缀操作\n\t\tconst newSearchParam: Record<string, unknown> = {};\n\t\t// 防止手动清空输入框携带参数（这里可以自定义查询参数前缀）\n\t\tfor (const key in state.searchParam) {\n\t\t\t// * 某些情况下参数为 false/0 也应该携带参数\n\t\t\tif (state.searchParam[key] || state.searchParam[key] === false || state.searchParam[key] === 0) {\n\t\t\t\tnewSearchParam[key] = state.searchParam[key];\n\t\t\t}\n\t\t\t// 处理某些情况下如果为空字符串，其实是不需要传到后端的\n\t\t\telse if (!state.searchParam[key]) {\n\t\t\t\tdelete state.searchParam[key];\n\t\t\t}\n\t\t}\n\t\tObject.assign(state.searchParam, newSearchParam);\n\t};\n\n\tconst defaultSearchTime = (): void => {\n\t\tif (props.hideSearchTime) {\n\t\t\tstate.searchParam.searchTimeList = undefined;\n\t\t} else {\n\t\t\tconst end = new Date();\n\t\t\tconst start = new Date();\n\t\t\tif (props.futureSearchTime) {\n\t\t\t\tswitch (props.dataSearchRange) {\n\t\t\t\t\tcase \"Past1D\":\n\t\t\t\t\t\tend.setDate(end.getDate() + 1);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past3D\":\n\t\t\t\t\t\tend.setDate(end.getDate() + 3);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past1W\":\n\t\t\t\t\t\tend.setDate(end.getDate() + 7);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past1M\":\n\t\t\t\t\t\tend.setMonth(end.getMonth() + 1);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past3M\":\n\t\t\t\t\t\tend.setMonth(end.getMonth() + 3);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past6M\":\n\t\t\t\t\t\tend.setMonth(end.getMonth() + 6);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past1Y\":\n\t\t\t\t\t\tend.setFullYear(end.getFullYear() + 1);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past3Y\":\n\t\t\t\t\t\tend.setFullYear(end.getFullYear() + 3);\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t} else {\n\t\t\t\tswitch (props.dataSearchRange) {\n\t\t\t\t\tcase \"Past1D\":\n\t\t\t\t\t\tstart.setDate(start.getDate() - 1);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past3D\":\n\t\t\t\t\t\tstart.setDate(start.getDate() - 3);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past1W\":\n\t\t\t\t\t\tstart.setDate(start.getDate() - 7);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past1M\":\n\t\t\t\t\t\tstart.setMonth(start.getMonth() - 1);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past3M\":\n\t\t\t\t\t\tstart.setMonth(start.getMonth() - 3);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past6M\":\n\t\t\t\t\t\tstart.setMonth(start.getMonth() - 6);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past1Y\":\n\t\t\t\t\t\tstart.setFullYear(start.getFullYear() - 1);\n\t\t\t\t\t\tbreak;\n\t\t\t\t\tcase \"Past3Y\":\n\t\t\t\t\t\tstart.setFullYear(start.getFullYear() - 3);\n\t\t\t\t\t\tbreak;\n\t\t\t\t}\n\t\t\t}\n\t\t\tstate.searchParam.searchTimeList = [dayjs(start).format(\"YYYY-MM-DD 00:00:00\"), dayjs(end).format(\"YYYY-MM-DD 23:59:59\")];\n\t\t}\n\t};\n\n\tconst tableSearch = async (): Promise<void> => {\n\t\t// 重置到第一页\n\t\tstate.tablePagination.pageIndex = 1;\n\t\tupdatedTotalParam();\n\t\tawait loadData();\n\t};\n\tconst renderTable = debounce((): Promise<void> => {\n\t\tloadTableColumns();\n\t\treturn tableSearch();\n\t}, 300);\n\n\tconst tableReset = async (): Promise<void> => {\n\t\t// 重置到第一页\n\t\tstate.tablePagination.pageIndex = 1;\n\t\t// 清除搜索条件\n\t\tstate.searchParam = {};\n\t\tdefaultSearchTime();\n\t\t// 重置搜索表单的时候，如果有默认搜索参数，则重置默认的搜索参数\n\t\tif (typeof state.initParam === \"object\" && state.initParam !== null) {\n\t\t\tObject.assign(state.searchParam, state.initParam);\n\t\t}\n\t\temit(\"reset\", state.searchParam);\n\t\tawait loadData();\n\t};\n\n\tconst doRender = async (): Promise<void> => {\n\t\tstate.orgColumns = [];\n\t\tstate.autoColumnWidth = [];\n\t\tstate.tableData = [];\n\t\tawait renderTable();\n\t};\n\n\tconst doLoading = (loadingFunction: () => void | Promise<void>, loadingText = \"加载中...\"): void => {\n\t\tstate.loading = true;\n\t\tstate.loadingText = loadingText;\n\t\tvoid callOptionalFunction(loadingFunction).finally(() => {\n\t\t\tstate.loading = false;\n\t\t});\n\t};\n\n\tconst handleCustomCellClick = (\n\t\temitName: string,\n\t\t{ row, column, $index }: { row: FaTableRow; column: FaTableColumnCtx; $index: number }\n\t): void => {\n\t\temit(\"customCellClick\", emitName, { row, column, $index, ...getTableDefaultSlots(state) });\n\t};\n\n\twatch(\n\t\t() => props.tableKey,\n\t\t() => doRender()\n\t);\n\n\twatch(\n\t\t() => props.searchForm,\n\t\t(newValue) => {\n\t\t\tstate.searchForm = newValue;\n\t\t}\n\t);\n\n\treturn {\n\t\t_globalSize,\n\t\tstate,\n\t\telementRef,\n\t\ttableRef,\n\t\thandleTableColumnAutoWidth,\n\t\tgetRequestParam,\n\t\tloadTableColumns,\n\t\thandleSizeChange,\n\t\thandlePaginationChange,\n\t\tdefaultSearchTime,\n\t\ttableSearch,\n\t\ttableReset,\n\t\tdoRender,\n\t\tdoLoading,\n\t\thandleCustomCellClick,\n\t};\n};\n"],"mappings":";;;;;;;;;AAcA,MAAa,gBAA4C,OAAO,YAAY;;AAE5E,MAAa,aAAgE,OAAO,SAAS;;;;;;;;;AA8B7F,MAAa,YACZ,OACA,OACA,SACqB;CACrB,MAAM,cAAc,cAAc;CAElC,MAAM,aAAa,IAAiB;CACpC,MAAM,WAAW,IAAmB;;;;CAKpC,MAAM,UAAU,yBAAS,IAAI,IAAoC,CAAC;CAClE,QAAQ,YAAY,OAAO;CAE3B,MAAM,QAAsB,SAAS;EACpC,SAAS;EACT,aAAa;EACb,YAAY,CAAC;EACb,cAAc,eAAe,MAAM,WAAW,QAAQ,MAAM,EAAE,QAAQ,CAAC,EAAE,UAAU,CAAC;EACpF,eAAe,eACd,MAAM,WACJ,QAAQ,SAAS,KAAK,eAAe,QAAQ,KAAK,WAAW,KAAA,CAAS,CAAC,CACvE,MAAM,GAAG,MAAM;GACf,QAAQ,EAAE,QAAQ,SAAS,MAAM,EAAE,QAAQ,SAAS;EACrD,CAAC,CACH;EACA,aAAa,eAAe,CAC3B,GAAG,MAAM,WAAW,SAAS,WAAY,OAAO,WAAW,CAAC;GAAE,MAAM,OAAO,QAAQ;GAAI,UAAU,OAAO;EAAS,CAAC,IAAI,CAAC,CAAE,GACzH,GAAI,MAAM,MAAM,OACb;GACA;IAAE,MAAM;IAAiB,UAAU,MAAM,MAAM;GAAK;GACpD;IAAE,MAAM;IAAqB,UAAU,MAAM,MAAM;GAAK;GACxD;IAAE,MAAM;IAAqB,UAAU,MAAM,MAAM;GAAK;EACzD,IACC,CAAC,CACL,CAAC;EACD,WAAW,CAAC;EACZ,eAAe,eAAe;GAC7B,IAAI,MAAM,aAAa,SAAS,KAAK,MAAM,WAAW,SAAS,GAAG;IACjE,MAAM,SAAmC,CAAC;IAC1C,MAAM,cAAsC,CAAC;IAC7C,MAAM,YAAY,SAAS,SAAS;KACnC,OAAO,KAAK,QAAQ,IAAI,MAAc,MAAM,UAAU,MAAM,CAAC,CAAC,KAAK,GAAG,GAAG,CAAC,CAAC,CAAC,KAAK,GAAG,CAAC;KACrF,YAAY,KAAK,QAAQ;IAC1B,CAAC;IACD,KAAK,IAAI,IAAI,GAAG,IAAI,MAAM,UAAU,QAAQ,KAC3C,MAAM,YAAY,SAAS,SAAS;KACnC,MAAM,aAAa,MAAM,UAAU;KACnC,MAAM,cAAc,MAAM,UAAU,IAAI;KACxC,MAAM,aAAa,OAAO,KAAK;KAC/B,MAAM,YAAY,YAAY,KAAK;KACnC,IAAI,eAAe,KAAA,KAAa,gBAAgB,KAAA,KAAa,eAAe,KAAA,KAAa,cAAc,KAAA,GAAW;KAClH,IAAI,WAAW,KAAK,cAAc,YAAY,KAAK,WAClD,WAAW,cAAc,WAAW,cAAc,KAAK;UACjD;MACN,YAAY,KAAK,QAAQ;MACzB,WAAW,KAAK;KACjB;IACD,CAAC;IAEF,OAAO;GACR;GACA,OAAO,CAAC;EACT,CAAC;EACD,iBAAiB;GAChB,WAAW;GACX,UAAU;GACV,WAAW;EACZ;EACA,WAAW,CAAC;EACZ,aAAa,CAAC;EACd,mBAAmB;EACnB,YAAY,MAAM;EAClB,UAAU;EACV,cAAc,CAAC;EACf,iBAAiB,eAChB,MAAM,aAAa,SAAS,SAAS;GACpC,MAAM,SAAS,WAAW,MAAM,MAAM,IAAI,MAAM,OAAO,IAAI,IAAI,UAAU,yBAAyB,MAAM,MAAM,MAAM;GACpH,OAAO,OAAO,WAAW,YAAY,OAAO,WAAW,WAAW,CAAC,MAAM,IAAI,CAAC;EAC/E,CAAC,CACF;EACA,8BAA8B,CAAC;EAC/B,sBAAsB,eAAe;GACpC,MAAM,cAAc,MAAM,gBAAgB,MAAM,MAAM,EAAE,SAAS,mBAAmB;GACpF,IAAI,aACH,OAAO,GAAG,YAAY,MAAM;GAE7B,QAAQ,YAAY,OAApB;IACC,KAAK;IACL,KAAK,WACJ,OAAO;IACR,KAAK,SACJ,OAAO;IACR,SACC,OAAO;GACT;EACD,CAAC;EACD,cAAc;EACd,aAAa,CAAC;EACd,YAAY;EACZ,aAAa;EACb,iBAAiB,CAAC;CACnB,CAAC;CACD,IAAI,iBAAiB;CAErB,QAAQ,eAAe,KAAK;CAE5B,MAAM,mCAAyC;EAC9C,MAAM,UAAU;EAChB,MAAM,cAAc;EACpB,MAAM,kBAAkB,CAAC;EACzB,MAAM,mBAAmB,MAAM,aAAa,QAAQ,MAAM,EAAE,SAAS;EACrE,IAAI,OAAO,WAEV,iBAAiB,KAAK,EACrB,MAAM,oBACP,CAAC;EAEF,IAAI,iBAAiB,SAAS,GAAG;GAEhC,MAAM,aAAa,YAAY,UAAU,YAAY,KAAK;GAC1D,eAAoB;IACnB,MAAM,WAAW,SAAS,cAAc,cAAc,MAAM,UAAU;IACtE,IAAI,UACH,iBAAiB,SAAS,SAAS;KAClC,MAAM,kBAAkB,SAAS,cAAc,gDAAgD,MAAM,MAAM;KAC3G,MAAM,iBAAiB,SAAS,iBAAiB,yCAAyC,MAAM,MAAM;KACtG,IAAI,WAAW;KACf,IAAI,iBAAiB;MACpB,WAAW,KAAK,KAAK,gBAAgB,WAAW,IAAI;MACpD,IAAI,MAAM,UACT,YAAY;KAEd;KACA,eAAe,SAAS,YAAY;MACnC,MAAM,WAAW,KAAK,KAAK,QAAQ,WAAW,IAAI;MAClD,IAAI,WAAW,UACd,WAAW;KAEb,CAAC;KACD,MAAM,WAAW,MAAM,gBAAgB,MAAM,MAAM,EAAE,SAAS,MAAM,IAAI;KACxE,IAAI,UACH,SAAS,QAAQ,KAAK,IAAI,SAAS,OAAO,QAAQ;UAElD,IAAI,KAAK,MACR,MAAM,gBAAgB,KAAK;MAC1B,MAAM,KAAK;MACX,OAAO;KACR,CAAC;IAGJ,CAAC;GAEH,CAAC,CAAC,CAAC,cAAc;IAChB,MAAM,UAAU;GACjB,CAAC;GACD;EACD;EACA,MAAM,UAAU;CACjB;CAEA,MAAM,mBAAmB,SAAqC;EAC7D,IAAI,MAAM,UAAU;GACnB,MAAM,SAAuB,CAAC;GAC9B,KAAK,SAAS,QAAQ;IACrB,MAAM,UAAU,IAAI,MAAM,MAAM,YAAY;IAC5C,IAAI,QAAQ,OAAO,GAGlB,QAAU,SAAS,aAAa;KAC/B,OAAO,KAAK,OAAO,aAAa,YAAY,aAAa,OAAO;MAAE,GAAG;MAAK,GAAG;KAAS,IAAI,GAAG;IAC9F,CAAC;SAED,OAAO,KAAK,OAAO,YAAY,YAAY,YAAY,OAAO;KAAE,GAAG;KAAK,GAAG;IAAQ,IAAI,GAAG;GAE5F,CAAC;GACD,OAAO;EACR,OACC,OAAO;CAET;CAEA,MAAM,wBAAoC;EACzC,MAAM,SAAS;GAAE,GAAG,MAAM;GAAa,GAAI,MAAM,aAAa,MAAM,kBAAkB,CAAC;EAAG;EAE1F,OAAO,OAAO;EACd,OAAO;CACR;CAEA,MAAM,WAAW,YAA2B;EAC3C,MAAM,wBAAwB,EAAE;EAChC,MAAM,UAAU;EAChB,MAAM,cAAc;EACpB,IAAI,MAAM,YAAY;GACrB,MAAM,SAAS,gBAAgB;GAC/B,KAAK,WAAW,MAAM;GACtB,IAAI;GACJ,IAAI;IACH,MAAM,UAAU,MAAM,MAAM,WAAW,MAAM;IAC7C,IAAI,0BAA0B,gBAAgB;IAE9C,MAAM,eAAe,OAAO;IAE5B,IAAI,MAAM,YAAY;KACrB,IAAI,QAAQ,OAAO,GAAG;MACrB,WAAW;MACX,MAAM,gBAAgB,YAAY,QAAQ;KAC3C,OAAO;MACN,MAAM,UAAU;MAChB,WAAW,QAAQ,QAAQ,CAAC;MAC5B,OAAO,OAAO,MAAM,iBAAiB;OACpC,WAAW,QAAQ,aAAa,MAAM,gBAAgB;OACtD,UAAU,QAAQ,YAAY,MAAM,gBAAgB;OACpD,WAAW,QAAQ,aAAa,SAAS;MAC1C,CAAC;KACF;IACD,OAAO;KACN,WAAW;KAEX,OAAO,OAAO,MAAM,iBAAiB;MACpC,WAAW;MACX,UAAU;MACV,WAAW,SAAS;KACrB,CAAC;IACF;IACA,MAAM,YAAY,gBAAgB,QAAQ;GAC3C,SAAS,OAAO;IACf,IAAI,0BAA0B,gBAAgB;IAC9C,MAAM,YAAY,CAAC;IACnB,MAAM;GACP,UAAU;IACT,IAAI,0BAA0B,gBAAgB,MAAM,UAAU;GAC/D;EACD,OAAO;GACN,KAAK,WAAW,EAAE,aAAa,MAAM,YAAY,YAAY,CAAC;GAC9D,IAAI,SAAS,gBAAgB,CAAC,GAAG,MAAM,IAAI,CAAC;GAC5C,SAAS,OAAO,QAAQ,MAAM;IAC7B,MAAM,cAAc,MAAM,YAAY;IACtC,IAAI,OAAO,gBAAgB,YAAY,YAAY,WAAW,GAAG,OAAO;IACxE,OAAO,MAAM,aAAa,MAAM,QAAQ;KACvC,MAAM,QAAQ,UAAU,yBAAyB,GAAG,IAAI,QAAQ,EAAE;KAKlE,QAHC,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,OAAO,UAAU,YAAY,OAAO,UAAU,YACrG,OAAO,KAAK,IACZ,GAAA,CACQ,YAAY,CAAC,CAAC,SAAS,YAAY,YAAY,CAAC;IAC7D,CAAC;GACF,CAAC;GACD,IAAI,QAAQ,MAAM,YAAY,QAAQ,KAAK,MAAM,YAAY,SAAS,SAAS,GAC9E,SAAS,OAAO,KAAK,UAAU,iBAAiB,MAAM,YAAY,QAAQ,CAAC;GAE5E,IAAI,MAAM,YAAY;IAErB,OAAO,OAAO,MAAM,iBAAiB,EACpC,WAAW,OAAO,OACnB,CAAC;IACD,MAAM,aAAa,MAAM,gBAAgB,YAAY,KAAK,MAAM,gBAAgB;IAChF,MAAM,UAAU,YAAY,MAAM,gBAAgB;IAClD,MAAM,YAAY,OAAO,MAAM,WAAW,OAAO;GAClD,OAAO;IACN,MAAM,YAAY;IAElB,OAAO,OAAO,MAAM,iBAAiB;KACpC,WAAW;KACX,UAAU;KACV,WAAW,OAAO;IACnB,CAAC;GACF;GACA,MAAM,UAAU;EACjB;EACA,2BAA2B;CAC5B;CAEA,MAAM,gBAAgB,YACrB,QAAQ,KAAK,YAAY;EACxB,GAAG;EACH,GAAI,OAAO,UAAU,EAAE,QAAQ;GAAE,GAAG,OAAO;GAAQ,GAAI,OAAO,OAAO,SAAS,EAAE,OAAO,EAAE,GAAG,OAAO,OAAO,MAAM,EAAE;EAAG,EAAE;EACvH,GAAI,OAAO,aAAa,EAAE,WAAW,aAAa,OAAO,SAAS,EAAE;CACrE,EAAE;CAEH,MAAM,yBAA+B;EACpC,IAAI,UAA8B,MAAM,UAAU,aAAa,MAAM,OAAO,IAAI,CAAC;EAEjF,QAAQ,SAAS,QAAQ;GAExB,IAAI,IAAI,cAAc,IAAI,QAAQ;IACjC,IAAI,WAAW,EAAE,IAAI,GAAG;IACxB,IAAI,OAAO,QAAQ,IAAI;IACvB,IAAI,OAAO,UAAU,IAAI;IAEzB,IAAI,IAAI,OAAO,OAAO,IAAI,OAAO,iBAAiB,KAAA,GACjD,MAAM,YAAY,IAAI,OAAO,OAAO,IAAI,OAAO;GAEjD;EACD,CAAC;EAGD,UAAU,QAAQ,MAAM,GAAG,MAAM;GAChC,QAAQ,EAAE,SAAS,MAAM,EAAE,SAAS;EACrC,CAAC;EAGD,MAAM,aAAa,UAAU,YAAY,SAAS,OAAO;CAC1D;CAEA,MAAM,oBAAoB,aAA2B;EACpD,MAAM,gBAAgB,YAAY;EAClC,MAAM,gBAAgB,WAAW;EACjC,KAAK,cAAc,QAAQ;EAC3B,KAAK,oBAAoB,GAAG,QAAQ;EACpC,SAAc;CACf;CACA,MAAM,0BAA0B,QAAsB;EACrD,MAAM,gBAAgB,YAAY;EAClC,KAAK,oBAAoB,KAAK,MAAM,gBAAgB,QAAQ;EAC5D,SAAc;CACf;CAEA,MAAM,0BAAgC;EAErC,MAAM,iBAA0C,CAAC;EAEjD,KAAK,MAAM,OAAO,MAAM,aAEvB,IAAI,MAAM,YAAY,QAAQ,MAAM,YAAY,SAAS,SAAS,MAAM,YAAY,SAAS,GAC5F,eAAe,OAAO,MAAM,YAAY;OAGpC,IAAI,CAAC,MAAM,YAAY,MAC3B,OAAO,MAAM,YAAY;EAG3B,OAAO,OAAO,MAAM,aAAa,cAAc;CAChD;CAEA,MAAM,0BAAgC;EACrC,IAAI,MAAM,gBACT,MAAM,YAAY,iBAAiB,KAAA;OAC7B;GACN,MAAM,sBAAM,IAAI,KAAK;GACrB,MAAM,wBAAQ,IAAI,KAAK;GACvB,IAAI,MAAM,kBACT,QAAQ,MAAM,iBAAd;IACC,KAAK;KACJ,IAAI,QAAQ,IAAI,QAAQ,IAAI,CAAC;KAC7B;IACD,KAAK;KACJ,IAAI,QAAQ,IAAI,QAAQ,IAAI,CAAC;KAC7B;IACD,KAAK;KACJ,IAAI,QAAQ,IAAI,QAAQ,IAAI,CAAC;KAC7B;IACD,KAAK;KACJ,IAAI,SAAS,IAAI,SAAS,IAAI,CAAC;KAC/B;IACD,KAAK;KACJ,IAAI,SAAS,IAAI,SAAS,IAAI,CAAC;KAC/B;IACD,KAAK;KACJ,IAAI,SAAS,IAAI,SAAS,IAAI,CAAC;KAC/B;IACD,KAAK;KACJ,IAAI,YAAY,IAAI,YAAY,IAAI,CAAC;KACrC;IACD,KAAK,UACJ,IAAI,YAAY,IAAI,YAAY,IAAI,CAAC;GAEvC;QAEA,QAAQ,MAAM,iBAAd;IACC,KAAK;KACJ,MAAM,QAAQ,MAAM,QAAQ,IAAI,CAAC;KACjC;IACD,KAAK;KACJ,MAAM,QAAQ,MAAM,QAAQ,IAAI,CAAC;KACjC;IACD,KAAK;KACJ,MAAM,QAAQ,MAAM,QAAQ,IAAI,CAAC;KACjC;IACD,KAAK;KACJ,MAAM,SAAS,MAAM,SAAS,IAAI,CAAC;KACnC;IACD,KAAK;KACJ,MAAM,SAAS,MAAM,SAAS,IAAI,CAAC;KACnC;IACD,KAAK;KACJ,MAAM,SAAS,MAAM,SAAS,IAAI,CAAC;KACnC;IACD,KAAK;KACJ,MAAM,YAAY,MAAM,YAAY,IAAI,CAAC;KACzC;IACD,KAAK,UACJ,MAAM,YAAY,MAAM,YAAY,IAAI,CAAC;GAE3C;GAED,MAAM,YAAY,iBAAiB,CAAC,MAAM,KAAK,CAAC,CAAC,OAAO,qBAAqB,GAAG,MAAM,GAAG,CAAC,CAAC,OAAO,qBAAqB,CAAC;EACzH;CACD;CAEA,MAAM,cAAc,YAA2B;EAE9C,MAAM,gBAAgB,YAAY;EAClC,kBAAkB;EAClB,MAAM,SAAS;CAChB;CACA,MAAM,cAAc,eAA8B;EACjD,iBAAiB;EACjB,OAAO,YAAY;CACpB,GAAG,GAAG;CAEN,MAAM,aAAa,YAA2B;EAE7C,MAAM,gBAAgB,YAAY;EAElC,MAAM,cAAc,CAAC;EACrB,kBAAkB;EAElB,IAAI,OAAO,MAAM,cAAc,YAAY,MAAM,cAAc,MAC9D,OAAO,OAAO,MAAM,aAAa,MAAM,SAAS;EAEjD,KAAK,SAAS,MAAM,WAAW;EAC/B,MAAM,SAAS;CAChB;CAEA,MAAM,WAAW,YAA2B;EAC3C,MAAM,aAAa,CAAC;EACpB,MAAM,kBAAkB,CAAC;EACzB,MAAM,YAAY,CAAC;EACnB,MAAM,YAAY;CACnB;CAEA,MAAM,aAAa,iBAA6C,cAAc,aAAmB;EAChG,MAAM,UAAU;EAChB,MAAM,cAAc;EACpB,qBAA0B,eAAe,CAAC,CAAC,cAAc;GACxD,MAAM,UAAU;EACjB,CAAC;CACF;CAEA,MAAM,yBACL,UACA,EAAE,KAAK,QAAQ,aACL;EACV,KAAK,mBAAmB,UAAU;GAAE;GAAK;GAAQ;GAAQ,GAAG,qBAAqB,KAAK;EAAE,CAAC;CAC1F;CAEA,YACO,MAAM,gBACN,SAAS,CAChB;CAEA,YACO,MAAM,aACX,aAAa;EACb,MAAM,aAAa;CACpB,CACD;CAEA,OAAO;EACN;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;EACA;CACD;AACD"}

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

@@ -0,0 +1,46 @@
+import type { PagedSortInput } from "../src/page.type";
+import type { FaTableColumnCtx, FaTableEnumColumnCtx, FaTableEnumColumnType } from "../src/table.type";
+/**
+ * 表格工具类
+ */
+export declare const tableUtil: {
+    /**
+     * @description 处理无数据情况
+     * @param {String} callValue 需要处理的值
+     */
+    formatValue(callValue: unknown): unknown;
+    /**
+     * @description 处理 prop 为多级嵌套的情况(列如: prop:user.name)
+     * @param {Object} row 当前行数据
+     * @param {String} prop 当前 prop
+     */
+    handleRowAccordingToProp(row: Record<string, unknown>, prop: string): unknown;
+    /**
+     * @description 处理 prop，当 prop 为多级嵌套时 ==> 返回最后一级 prop
+     * @param {String} prop 当前 prop
+     */
+    handleProp(prop: string): string;
+    /**
+     * @description 根据枚举列表查询当需要的数据（如果指定了 label 和 value 的 key值，会自动识别格式化）
+     * @param {String} callValue 当前单元格值
+     * @param {Array} enumData 字典列表
+     * @param {Array} fieldNames 指定 label && value 的 key 值
+     * @param {String} type 过滤类型（目前只有 tag）
+     */
+    filterEnum(callValue: unknown, enumData: FaTableEnumColumnCtx[], fieldNames?: {
+        label: string;
+        value: string;
+    }, type?: "tag"): unknown;
+    /**
+     * 数组动态排序
+     */
+    arrayDynamicSort(sortList: PagedSortInput[]): (a: Record<string, unknown>, b: Record<string, unknown>) => number;
+    /**
+     * 设置枚举
+     */
+    setEnumMap(columnEnum: FaTableEnumColumnType, prop: string, enumMap: Map<string, FaTableEnumColumnCtx[]>): void;
+    /**
+     * 扁平化 columns
+     */
+    flatColumns(columns: FaTableColumnCtx[], enumMap?: Map<string, FaTableEnumColumnCtx[]>): FaTableColumnCtx[];
+};

package/dist/components/table/utils/table.mjs

@@ -0,0 +1,111 @@
+import { isArray, isFunction, isString } from "lodash-unified";
+//#region src/components/table/utils/table.ts
+/**
+* 表格工具类
+*/
+const tableUtil = {
+	/**
+	* @description 处理无数据情况
+	* @param {String} callValue 需要处理的值
+	*/
+	formatValue(callValue) {
+		if (isArray(callValue)) return callValue.length ? callValue.join(` , `) : null;
+		return callValue;
+	},
+	/**
+	* @description 处理 prop 为多级嵌套的情况(列如: prop:user.name)
+	* @param {Object} row 当前行数据
+	* @param {String} prop 当前 prop
+	*/
+	handleRowAccordingToProp(row, prop) {
+		let value = row;
+		for (const item of prop.split(".")) {
+			if (typeof value !== "object" || value === null) return void 0;
+			value = value[item];
+		}
+		return value;
+	},
+	/**
+	* @description 处理 prop，当 prop 为多级嵌套时 ==> 返回最后一级 prop
+	* @param {String} prop 当前 prop
+	*/
+	handleProp(prop) {
+		const propArr = prop.split(".");
+		if (propArr.length === 1) return prop;
+		return propArr.at(-1) ?? prop;
+	},
+	/**
+	* @description 根据枚举列表查询当需要的数据（如果指定了 label 和 value 的 key值，会自动识别格式化）
+	* @param {String} callValue 当前单元格值
+	* @param {Array} enumData 字典列表
+	* @param {Array} fieldNames 指定 label && value 的 key 值
+	* @param {String} type 过滤类型（目前只有 tag）
+	*/
+	filterEnum(callValue, enumData, fieldNames, type) {
+		const value = fieldNames?.value ?? "value";
+		const label = fieldNames?.label ?? "label";
+		let filterData;
+		if (isArray(enumData)) filterData = enumData.find((item) => item[value] === callValue);
+		if (type === "tag") return filterData?.type ?? "info";
+		return filterData ? filterData[label] : null;
+	},
+	/**
+	* 数组动态排序
+	*/
+	arrayDynamicSort(sortList) {
+		return (a, b) => {
+			if (sortList && sortList.length > 0) for (const condition of sortList) {
+				const property = condition.enField;
+				const order = condition.mode;
+				if (!property) continue;
+				const aValue = a[property];
+				const bValue = b[property];
+				if (typeof aValue === "string" && typeof bValue === "string") {
+					if (order === "ascending") {
+						const comparison = aValue.localeCompare(bValue, "zh-CN");
+						if (comparison !== 0) return comparison;
+					} else if (order === "descending") {
+						const comparison = bValue.localeCompare(aValue, "zh-CN");
+						if (comparison !== 0) return comparison;
+					}
+				} else if (typeof aValue === "number" && typeof bValue === "number") {
+					if (order === "ascending") {
+						if (aValue < bValue) return -1;
+						if (aValue > bValue) return 1;
+					} else if (order === "descending") {
+						if (aValue > bValue) return -1;
+						if (aValue < bValue) return 1;
+					}
+				}
+			}
+			return 0;
+		};
+	},
+	/**
+	* 设置枚举
+	*/
+	setEnumMap(columnEnum, prop, enumMap) {
+		if (!columnEnum) return;
+		if (isFunction(columnEnum)) enumMap.set(prop, columnEnum());
+		else if (isArray(columnEnum)) enumMap.set(prop, columnEnum);
+	},
+	/**
+	* 扁平化 columns
+	*/
+	flatColumns(columns, enumMap) {
+		const flatArr = [];
+		columns.forEach((col) => {
+			if (col._children?.length) flatArr.push(...this.flatColumns(col._children));
+			flatArr.push(col);
+			col.show ??= true;
+			let enumKey = col.prop ?? col.search?.key;
+			if (col.enum && isString(col.enum)) enumKey = col.enum;
+			if (col.enum && enumKey && enumMap) this.setEnumMap(col.enum, enumKey, enumMap);
+		});
+		return flatArr.filter((item) => !item._children?.length);
+	}
+};
+//#endregion
+export { tableUtil };
+
+//# sourceMappingURL=table.mjs.map