@wordrhyme/auto-crud 1.12.0 → 1.12.2

package/dist/index.cjs

@@ -4172,6 +4172,14 @@ function inferFilterVariantByFieldName(fieldName) {
 //#region src/lib/schema-bridge/zod-to-columns.tsx
 const parsedFieldCache = /* @__PURE__ */ new WeakMap();
 const baseTableSchemaCache = /* @__PURE__ */ new WeakMap();
+/** Cache generated value cells; custom cells keep observing every table state update. */
+function memoCell(render) {
+	const ValueCell = react.memo(function ValueCell$1(context) {
+		useDateFormatterVersion();
+		return render(context);
+	});
+	return (context) => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(ValueCell, { ...context });
+}
 /**
 * 解析 Zod 字段类型
 */
@@ -4392,7 +4400,7 @@ function createTableSchema(schema, options) {
 					column,
 					label
 				}),
-				cell: ({ row }) => renderCell(row.getValue(key), parsed.type, meta.options),
+				cell: memoCell(({ row }) => renderCell(row.getValue(key), parsed.type, meta.options)),
 				enableColumnFilter: true,
 				enableSorting: true,
 				meta,
@@ -5388,6 +5396,37 @@ function AutoTable({ schema, data, getRowId, expandedRow, defaultExpanded = fals
 		debounceMs,
 		throttleMs
 	]);
+	const state = table.getState();
+	const tableContent = (0, react.useMemo)(() => /* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
+		pagination,
+		table,
+		classNames,
+		expandedRow
+	}), [
+		table,
+		data,
+		columns,
+		getRowId,
+		pageCount,
+		total,
+		stableInitialState,
+		pagination,
+		classNames,
+		expandedRow,
+		state.columnFilters,
+		state.columnOrder,
+		state.columnPinning,
+		state.columnSizing,
+		state.columnSizingInfo,
+		state.columnVisibility,
+		state.expanded,
+		state.globalFilter,
+		state.grouping,
+		state.pagination,
+		state.rowPinning,
+		state.rowSelection,
+		state.sorting
+	]);
 	return /* @__PURE__ */ (0, react_jsx_runtime.jsxs)("div", {
 		className: "space-y-4",
 		children: [
@@ -5415,12 +5454,7 @@ function AutoTable({ schema, data, getRowId, expandedRow, defaultExpanded = fals
 					]
 				})]
 			}),
-			/* @__PURE__ */ (0, react_jsx_runtime.jsx)(DataTable, {
-				pagination,
-				table,
-				classNames,
-				expandedRow
-			}),
+			tableContent,
 			enableRowSelection && /* @__PURE__ */ (0, react_jsx_runtime.jsx)(AutoTableActionBar, {
 				table,
 				onDeleteSelected,
@@ -7167,7 +7201,7 @@ function useDynamicFilterOptions(fields) {
 	react.useEffect(() => () => {
 		for (const field of Object.keys(controllersRef.current)) clearFieldRequest(field);
 	}, [clearFieldRequest]);
-	return {
+	return react.useMemo(() => ({
 		hasMoreByField,
 		labelOptionsByField,
 		loadingByField,
@@ -7177,7 +7211,17 @@ function useDynamicFilterOptions(fields) {
 		searchableByField,
 		loadMore: (field) => loadFieldOptions(field, true),
 		setSearchValue
-	};
+	}), [
+		hasMoreByField,
+		labelOptionsByField,
+		loadingByField,
+		optionsByField,
+		registeredByField,
+		searchValues,
+		searchableByField,
+		loadFieldOptions,
+		setSearchValue
+	]);
 }
 function rowHasResolveValue(row, field, value) {
 	const rowValue = row[field];
@@ -7288,15 +7332,22 @@ function useDynamicResolveOptions(fields, rows, hiddenColumns) {
 		rows,
 		sourceEntries
 	]);
-	const displayOptionsByField = { ...optionsByField };
-	for (const field of Object.keys(fields ?? {}).filter((key) => !hiddenColumns.includes(key))) {
-		const projectedOptions = rows.flatMap((row) => {
-			const option = readCrudReferenceOption(row, field, row[field]);
-			return option ? [option] : [];
-		});
-		if (projectedOptions.length > 0) displayOptionsByField[field] = mergeFilterOptions(projectedOptions, optionsByField[field] ?? []);
-	}
-	return { optionsByField: displayOptionsByField };
+	return react.useMemo(() => {
+		const displayOptionsByField = { ...optionsByField };
+		for (const field of Object.keys(fields ?? {}).filter((key) => !hiddenColumns.includes(key))) {
+			const projectedOptions = rows.flatMap((row) => {
+				const option = readCrudReferenceOption(row, field, row[field]);
+				return option ? [option] : [];
+			});
+			if (projectedOptions.length > 0) displayOptionsByField[field] = mergeFilterOptions(projectedOptions, optionsByField[field] ?? []);
+		}
+		return { optionsByField: displayOptionsByField };
+	}, [
+		optionsByField,
+		fields,
+		hiddenColumns,
+		rows
+	]);
 }
 function getOptionLabel(value, options) {
 	const stringValue = String(value);
@@ -7404,7 +7455,7 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterState, dynami
 				const options = tableConfig?.dataSource ? mergeFieldOptions(dynamicResolveOptions, presentationOptions) : presentationOptions ?? mergedSharedDynamicOptions;
 				result[key] = {
 					...result[key],
-					cell: ({ row, getValue }) => {
+					cell: memoCell(({ row, getValue }) => {
 						const value = getValue();
 						return config.format?.(value, {
 							row: row.original,
@@ -7413,7 +7464,7 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterState, dynami
 							true: "true",
 							false: "false"
 						}, options, display ?? "auto");
-					}
+					})
 				};
 			}
 		}
@@ -7742,10 +7793,14 @@ function resolveActions(actions, defaults, rowActionsLocale, context) {
 * 高级 CRUD 表格组件，封装了完整的增删改查流程
 */
 function AutoCrudTable({ id, title, description, schema, resource, fields, table: tableConfig, form: formConfig, view: viewConfig, permissions, actions: actionItems, toolbar, toolbarActions, locale: localeProp, onCreate, onExport }) {
-	const locale = resolveLocale(localeProp);
+	const locale = react.useMemo(() => resolveLocale(localeProp), [localeProp]);
 	const getPagination = react.useCallback(() => id ? tablePagination.get(id) : void 0, [id]);
 	const registeredPagination = react.useSyncExternalStore(tablePagination.subscribe, getPagination, getPagination);
 	const pagination = tableConfig?.pagination ?? registeredPagination;
+	const paginationOptions = react.useMemo(() => pagination ? {
+		pageJumpLabel: locale.pagination?.pageJump,
+		...pagination
+	} : void 0, [pagination, locale.pagination?.pageJump]);
 	const resolvedSchema = resource.schema ?? schema;
 	const resolvedFields = react.useMemo(() => applyResourceTablePresentation(mergeFields(resource.fields, fields), resource.fields) ?? {}, [fields, resource.fields]);
 	const can = {
@@ -7777,6 +7832,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		denyFields,
 		tableConfig?.overrides
 	]);
+	const excludedColumns = react.useMemo(() => hiddenColumns.filter((key) => !filterOnly.includes(key)), [hiddenColumns, filterOnly]);
 	const dynamicResolveOptions = useDynamicResolveOptions(resolvedFields, resource.tableData.data, hiddenColumns);
 	const resourceIdKey = resource.idKey ?? "id";
 	const actionRegistryVersion = useCrudActionsVersion();
@@ -7968,13 +8024,13 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				const { type } = parseZodField(resolvedSchema.shape[key]);
 				formattedOverrides[key] = {
 					...override,
-					cell: (context) => {
+					cell: memoCell((context) => {
 						const value = context.getValue();
 						return config.format?.(value, {
 							row: context.row.original,
 							target: "display"
 						}) ?? renderCell(value, type, context.column.columnDef.meta?.options);
-					}
+					})
 				};
 			}
 		}
@@ -8136,17 +8192,14 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				data: resource.tableData.data,
 				schema: resolvedSchema,
 				pageCount: resource.tableData.pageCount,
-				pagination: pagination ? {
-					pageJumpLabel: locale.pagination?.pageJump,
-					...pagination
-				} : void 0,
+				pagination: paginationOptions,
 				...resource.tableData.total !== void 0 ? { total: resource.tableData.total } : {},
 				getRowId: tableConfig?.getRowId,
 				expandedRow: tableConfig?.expandedRow,
 				defaultExpanded: tableConfig?.defaultExpanded,
 				overrides: tableOverrides,
 				classNames: tableConfig?.classNames,
-				exclude: hiddenColumns.filter((key) => !filterOnly.includes(key)),
+				exclude: excludedColumns,
 				filterOnly,
 				filterMode: tableConfig?.filterModes,
 				search: searchConfig,
@@ -8990,7 +9043,8 @@ function useAutoCrudResource({ router, schema, query: queryTransform, fields, op
 	(0, react.useEffect)(() => {
 		hooksRef.current = hooks;
 	}, [hooks]);
-	const metadata = (router.meta?.useQuery(void 0, { staleTime: 3e4 }))?.data;
+	const metadataQuery = router.meta?.useQuery(void 0, { staleTime: 3e4 });
+	const metadata = metadataQuery?.data;
 	const resolvedSchema = (0, react.useMemo)(() => mergeMetadataSchema(schema, metadata?.schema), [schema, metadata?.schema]);
 	const defaultSorting = (0, react.useMemo)(() => defaultSortOption === false ? [] : defaultSortOption ?? getDefaultSortingForSchema(resolvedSchema), [defaultSortOption, resolvedSchema]);
 	const metadataFields = (0, react.useMemo)(() => readMetadataFields(metadata?.fields), [metadata?.fields]);
@@ -9011,6 +9065,10 @@ function useAutoCrudResource({ router, schema, query: queryTransform, fields, op
 		search: parseAsString.withDefault("")
 	}, { shallow: false });
 	const [filters] = useReadableFilters(columns, { shallow: false });
+	const metadataPending = Boolean(metadataQuery?.isPending);
+	const [filtersReady, setFiltersReady] = (0, react.useState)(!metadataPending);
+	(0, react.useEffect)(() => setFiltersReady(!metadataPending), [metadataPending]);
+	const listReady = !metadataPending && filtersReady;
 	const queryInput = (0, react.useMemo)(() => {
 		const autoParams = {
 			page: urlParams.page,
@@ -9026,11 +9084,17 @@ function useAutoCrudResource({ router, schema, query: queryTransform, fields, op
 		filters,
 		queryTransform
 	]);
+	const hasReadyListData = (0, react.useRef)(false);
 	const listQuery = router.list.useQuery(queryInput, {
-		placeholderData: __tanstack_react_query.keepPreviousData,
+		enabled: listReady,
+		placeholderData: hasReadyListData.current ? __tanstack_react_query.keepPreviousData : void 0,
 		staleTime: 0
 	});
-	const tableRows = listQuery.data?.data ?? [];
+	(0, react.useEffect)(() => {
+		if (listReady && listQuery.data !== void 0) hasReadyListData.current = true;
+	}, [listReady, listQuery.data]);
+	const listData = listReady ? listQuery.data : void 0;
+	const tableRows = listData?.data ?? [];
 	const createMutation = router.create.useMutation();
 	const updateMutation = router.update.useMutation();
 	const deleteMutation = router.delete.useMutation();
@@ -9288,16 +9352,17 @@ function useAutoCrudResource({ router, schema, query: queryTransform, fields, op
 	]);
 	const canExport = !!(exportFetcher || exportQuery);
 	const refresh = (0, react.useCallback)(async () => {
+		if (!listReady) return;
 		return listQuery.refetch();
-	}, [listQuery]);
+	}, [listQuery, listReady]);
 	return {
 		idKey,
 		tableData: {
 			data: tableRows,
-			pageCount: listQuery.data?.pageCount ?? 0,
-			...typeof listQuery.data?.total === "number" ? { total: listQuery.data.total } : {},
-			isLoading: listQuery.isLoading,
-			isFetching: listQuery.isFetching
+			pageCount: listData?.pageCount ?? 0,
+			...typeof listData?.total === "number" ? { total: listData.total } : {},
+			isLoading: !listReady || listQuery.isLoading,
+			isFetching: !listReady || listQuery.isFetching
 		},
 		schema: resolvedSchema,
 		fields: metadataFields,

package/dist/index.js

@@ -4157,6 +4157,14 @@ function inferFilterVariantByFieldName(fieldName) {
 //#region src/lib/schema-bridge/zod-to-columns.tsx
 const parsedFieldCache = /* @__PURE__ */ new WeakMap();
 const baseTableSchemaCache = /* @__PURE__ */ new WeakMap();
+/** Cache generated value cells; custom cells keep observing every table state update. */
+function memoCell(render) {
+	const ValueCell = React.memo(function ValueCell$1(context) {
+		useDateFormatterVersion();
+		return render(context);
+	});
+	return (context) => /* @__PURE__ */ jsx(ValueCell, { ...context });
+}
 /**
 * 解析 Zod 字段类型
 */
@@ -4377,7 +4385,7 @@ function createTableSchema(schema, options) {
 					column,
 					label
 				}),
-				cell: ({ row }) => renderCell(row.getValue(key), parsed.type, meta.options),
+				cell: memoCell(({ row }) => renderCell(row.getValue(key), parsed.type, meta.options)),
 				enableColumnFilter: true,
 				enableSorting: true,
 				meta,
@@ -5373,6 +5381,37 @@ function AutoTable({ schema, data, getRowId, expandedRow, defaultExpanded = fals
 		debounceMs,
 		throttleMs
 	]);
+	const state = table.getState();
+	const tableContent = useMemo(() => /* @__PURE__ */ jsx(DataTable, {
+		pagination,
+		table,
+		classNames,
+		expandedRow
+	}), [
+		table,
+		data,
+		columns,
+		getRowId,
+		pageCount,
+		total,
+		stableInitialState,
+		pagination,
+		classNames,
+		expandedRow,
+		state.columnFilters,
+		state.columnOrder,
+		state.columnPinning,
+		state.columnSizing,
+		state.columnSizingInfo,
+		state.columnVisibility,
+		state.expanded,
+		state.globalFilter,
+		state.grouping,
+		state.pagination,
+		state.rowPinning,
+		state.rowSelection,
+		state.sorting
+	]);
 	return /* @__PURE__ */ jsxs("div", {
 		className: "space-y-4",
 		children: [
@@ -5400,12 +5439,7 @@ function AutoTable({ schema, data, getRowId, expandedRow, defaultExpanded = fals
 					]
 				})]
 			}),
-			/* @__PURE__ */ jsx(DataTable, {
-				pagination,
-				table,
-				classNames,
-				expandedRow
-			}),
+			tableContent,
 			enableRowSelection && /* @__PURE__ */ jsx(AutoTableActionBar, {
 				table,
 				onDeleteSelected,
@@ -7152,7 +7186,7 @@ function useDynamicFilterOptions(fields) {
 	React.useEffect(() => () => {
 		for (const field of Object.keys(controllersRef.current)) clearFieldRequest(field);
 	}, [clearFieldRequest]);
-	return {
+	return React.useMemo(() => ({
 		hasMoreByField,
 		labelOptionsByField,
 		loadingByField,
@@ -7162,7 +7196,17 @@ function useDynamicFilterOptions(fields) {
 		searchableByField,
 		loadMore: (field) => loadFieldOptions(field, true),
 		setSearchValue
-	};
+	}), [
+		hasMoreByField,
+		labelOptionsByField,
+		loadingByField,
+		optionsByField,
+		registeredByField,
+		searchValues,
+		searchableByField,
+		loadFieldOptions,
+		setSearchValue
+	]);
 }
 function rowHasResolveValue(row, field, value) {
 	const rowValue = row[field];
@@ -7273,15 +7317,22 @@ function useDynamicResolveOptions(fields, rows, hiddenColumns) {
 		rows,
 		sourceEntries
 	]);
-	const displayOptionsByField = { ...optionsByField };
-	for (const field of Object.keys(fields ?? {}).filter((key) => !hiddenColumns.includes(key))) {
-		const projectedOptions = rows.flatMap((row) => {
-			const option = readCrudReferenceOption(row, field, row[field]);
-			return option ? [option] : [];
-		});
-		if (projectedOptions.length > 0) displayOptionsByField[field] = mergeFilterOptions(projectedOptions, optionsByField[field] ?? []);
-	}
-	return { optionsByField: displayOptionsByField };
+	return React.useMemo(() => {
+		const displayOptionsByField = { ...optionsByField };
+		for (const field of Object.keys(fields ?? {}).filter((key) => !hiddenColumns.includes(key))) {
+			const projectedOptions = rows.flatMap((row) => {
+				const option = readCrudReferenceOption(row, field, row[field]);
+				return option ? [option] : [];
+			});
+			if (projectedOptions.length > 0) displayOptionsByField[field] = mergeFilterOptions(projectedOptions, optionsByField[field] ?? []);
+		}
+		return { optionsByField: displayOptionsByField };
+	}, [
+		optionsByField,
+		fields,
+		hiddenColumns,
+		rows
+	]);
 }
 function getOptionLabel(value, options) {
 	const stringValue = String(value);
@@ -7389,7 +7440,7 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterState, dynami
 				const options = tableConfig?.dataSource ? mergeFieldOptions(dynamicResolveOptions, presentationOptions) : presentationOptions ?? mergedSharedDynamicOptions;
 				result[key] = {
 					...result[key],
-					cell: ({ row, getValue }) => {
+					cell: memoCell(({ row, getValue }) => {
 						const value = getValue();
 						return config.format?.(value, {
 							row: row.original,
@@ -7398,7 +7449,7 @@ function buildTableOverrides(fields, legacyOverrides, dynamicFilterState, dynami
 							true: "true",
 							false: "false"
 						}, options, display ?? "auto");
-					}
+					})
 				};
 			}
 		}
@@ -7727,10 +7778,14 @@ function resolveActions(actions, defaults, rowActionsLocale, context) {
 * 高级 CRUD 表格组件，封装了完整的增删改查流程
 */
 function AutoCrudTable({ id, title, description, schema, resource, fields, table: tableConfig, form: formConfig, view: viewConfig, permissions, actions: actionItems, toolbar, toolbarActions, locale: localeProp, onCreate, onExport }) {
-	const locale = resolveLocale(localeProp);
+	const locale = React.useMemo(() => resolveLocale(localeProp), [localeProp]);
 	const getPagination = React.useCallback(() => id ? tablePagination.get(id) : void 0, [id]);
 	const registeredPagination = React.useSyncExternalStore(tablePagination.subscribe, getPagination, getPagination);
 	const pagination = tableConfig?.pagination ?? registeredPagination;
+	const paginationOptions = React.useMemo(() => pagination ? {
+		pageJumpLabel: locale.pagination?.pageJump,
+		...pagination
+	} : void 0, [pagination, locale.pagination?.pageJump]);
 	const resolvedSchema = resource.schema ?? schema;
 	const resolvedFields = React.useMemo(() => applyResourceTablePresentation(mergeFields(resource.fields, fields), resource.fields) ?? {}, [fields, resource.fields]);
 	const can = {
@@ -7762,6 +7817,7 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 		denyFields,
 		tableConfig?.overrides
 	]);
+	const excludedColumns = React.useMemo(() => hiddenColumns.filter((key) => !filterOnly.includes(key)), [hiddenColumns, filterOnly]);
 	const dynamicResolveOptions = useDynamicResolveOptions(resolvedFields, resource.tableData.data, hiddenColumns);
 	const resourceIdKey = resource.idKey ?? "id";
 	const actionRegistryVersion = useCrudActionsVersion();
@@ -7953,13 +8009,13 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				const { type } = parseZodField(resolvedSchema.shape[key]);
 				formattedOverrides[key] = {
 					...override,
-					cell: (context) => {
+					cell: memoCell((context) => {
 						const value = context.getValue();
 						return config.format?.(value, {
 							row: context.row.original,
 							target: "display"
 						}) ?? renderCell(value, type, context.column.columnDef.meta?.options);
-					}
+					})
 				};
 			}
 		}
@@ -8121,17 +8177,14 @@ function AutoCrudTable({ id, title, description, schema, resource, fields, table
 				data: resource.tableData.data,
 				schema: resolvedSchema,
 				pageCount: resource.tableData.pageCount,
-				pagination: pagination ? {
-					pageJumpLabel: locale.pagination?.pageJump,
-					...pagination
-				} : void 0,
+				pagination: paginationOptions,
 				...resource.tableData.total !== void 0 ? { total: resource.tableData.total } : {},
 				getRowId: tableConfig?.getRowId,
 				expandedRow: tableConfig?.expandedRow,
 				defaultExpanded: tableConfig?.defaultExpanded,
 				overrides: tableOverrides,
 				classNames: tableConfig?.classNames,
-				exclude: hiddenColumns.filter((key) => !filterOnly.includes(key)),
+				exclude: excludedColumns,
 				filterOnly,
 				filterMode: tableConfig?.filterModes,
 				search: searchConfig,
@@ -8975,7 +9028,8 @@ function useAutoCrudResource({ router, schema, query: queryTransform, fields, op
 	useEffect(() => {
 		hooksRef.current = hooks;
 	}, [hooks]);
-	const metadata = (router.meta?.useQuery(void 0, { staleTime: 3e4 }))?.data;
+	const metadataQuery = router.meta?.useQuery(void 0, { staleTime: 3e4 });
+	const metadata = metadataQuery?.data;
 	const resolvedSchema = useMemo(() => mergeMetadataSchema(schema, metadata?.schema), [schema, metadata?.schema]);
 	const defaultSorting = useMemo(() => defaultSortOption === false ? [] : defaultSortOption ?? getDefaultSortingForSchema(resolvedSchema), [defaultSortOption, resolvedSchema]);
 	const metadataFields = useMemo(() => readMetadataFields(metadata?.fields), [metadata?.fields]);
@@ -8996,6 +9050,10 @@ function useAutoCrudResource({ router, schema, query: queryTransform, fields, op
 		search: parseAsString.withDefault("")
 	}, { shallow: false });
 	const [filters] = useReadableFilters(columns, { shallow: false });
+	const metadataPending = Boolean(metadataQuery?.isPending);
+	const [filtersReady, setFiltersReady] = useState(!metadataPending);
+	useEffect(() => setFiltersReady(!metadataPending), [metadataPending]);
+	const listReady = !metadataPending && filtersReady;
 	const queryInput = useMemo(() => {
 		const autoParams = {
 			page: urlParams.page,
@@ -9011,11 +9069,17 @@ function useAutoCrudResource({ router, schema, query: queryTransform, fields, op
 		filters,
 		queryTransform
 	]);
+	const hasReadyListData = useRef(false);
 	const listQuery = router.list.useQuery(queryInput, {
-		placeholderData: keepPreviousData,
+		enabled: listReady,
+		placeholderData: hasReadyListData.current ? keepPreviousData : void 0,
 		staleTime: 0
 	});
-	const tableRows = listQuery.data?.data ?? [];
+	useEffect(() => {
+		if (listReady && listQuery.data !== void 0) hasReadyListData.current = true;
+	}, [listReady, listQuery.data]);
+	const listData = listReady ? listQuery.data : void 0;
+	const tableRows = listData?.data ?? [];
 	const createMutation = router.create.useMutation();
 	const updateMutation = router.update.useMutation();
 	const deleteMutation = router.delete.useMutation();
@@ -9273,16 +9337,17 @@ function useAutoCrudResource({ router, schema, query: queryTransform, fields, op
 	]);
 	const canExport = !!(exportFetcher || exportQuery);
 	const refresh = useCallback(async () => {
+		if (!listReady) return;
 		return listQuery.refetch();
-	}, [listQuery]);
+	}, [listQuery, listReady]);
 	return {
 		idKey,
 		tableData: {
 			data: tableRows,
-			pageCount: listQuery.data?.pageCount ?? 0,
-			...typeof listQuery.data?.total === "number" ? { total: listQuery.data.total } : {},
-			isLoading: listQuery.isLoading,
-			isFetching: listQuery.isFetching
+			pageCount: listData?.pageCount ?? 0,
+			...typeof listData?.total === "number" ? { total: listData.total } : {},
+			isLoading: !listReady || listQuery.isLoading,
+			isFetching: !listReady || listQuery.isFetching
 		},
 		schema: resolvedSchema,
 		fields: metadataFields,

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@wordrhyme/auto-crud",
   "type": "module",
-  "version": "1.12.0",
+  "version": "1.12.2",
   "description": "Schema-first CRUD components with auto-generated tables and forms",
   "author": "wordrhyme",
   "license": "MIT",
@@ -94,11 +94,11 @@
     "tsdown": "^0.15.12",
     "typescript": "^5.9.3",
     "vitest": "^3.2.4",
-    "@internal/eslint-config": "0.3.0",
     "@internal/prettier-config": "0.0.1",
-    "@internal/tsdown-config": "0.1.0",
     "@internal/tsconfig": "0.1.0",
-    "@internal/vitest-config": "0.1.0"
+    "@internal/eslint-config": "0.3.0",
+    "@internal/vitest-config": "0.1.0",
+    "@internal/tsdown-config": "0.1.0"
   },
   "prettier": "@internal/prettier-config",
   "scripts": {