@wordrhyme/auto-crud 1.14.0 → 1.14.2

package/README.md

@@ -1782,6 +1782,15 @@ Table-only hidden fields remain available in details; shared `hidden` and
 `permissions.deny` always take precedence. Labels are resolved from the selected
 record, including when it is absent from the current list page.
 
+Details share the form's column count, field spans and `x-index` order (including
+`form.overrides`). Fields without an index retain schema order. List column order
+does not control detail layout, even with `view.presentation: 'table'`.
+`view.overrides[field].index` takes precedence for detail-only ordering. Fields
+hidden only in forms remain available in details; use detail ordering to place
+read-only business fields next to related information or audit fields at the end.
+Field spans come from the shared form configuration; details do not expand arrays,
+objects or long-text fields to a full row automatically.
+
 ```tsx
 <AutoCrudTable
   schema={schema}

package/dist/index.cjs

@@ -6268,15 +6268,10 @@ function AutoFormInner({ schema: zodSchema, initialValues, onSubmit, fields, ove
 				className: (0, __wordrhyme_shadcn.cn)(grid["x-component-props"]?.className, "gap-x-10 gap-y-7 py-2")
 			};
 			const properties = typeof grid.properties === "object" ? grid.properties : {};
-			for (const property of Object.values(properties)) {
-				const decoratorProps = property["x-decorator-props"];
-				const fullWidth = property.type === "object" || property.type === "array" || ["Textarea", "RichTextEditor"].includes(property["x-component"]);
-				property["x-decorator-props"] = {
-					colon: false,
-					...decoratorProps,
-					className: (0, __wordrhyme_shadcn.cn)(fullWidth && decoratorProps?.gridSpan == null && "col-span-full", decoratorProps?.className)
-				};
-			}
+			for (const property of Object.values(properties)) property["x-decorator-props"] = {
+				colon: false,
+				...property["x-decorator-props"]
+			};
 		}
 		applyDataSourceReactions(nextSchema, mode === "view");
 		return nextSchema;
@@ -7821,12 +7816,13 @@ function ViewModalContent({ open, onOpenChange, variant, data, schema, fields: f
 	const detailSchema = react.useMemo(() => schema.omit(Object.fromEntries(excluded.map((key) => [key, true]))), [schema, excluded]);
 	const overrides = buildFormOverrides(fieldConfig, form?.overrides, denyFields, "view");
 	const renderers = {};
-	for (const [index$1, cell] of (table.getRowModel().rows[0]?.getAllCells() ?? []).entries()) {
+	for (const cell of table.getRowModel().rows[0]?.getAllCells() ?? []) {
 		const key = cell.column.id;
+		const index$1 = view?.overrides?.[key]?.index;
 		overrides[key] = {
 			...overrides[key],
 			title: cell.column.columnDef.meta?.label ?? humanize(key),
-			"x-index": index$1
+			...index$1 !== void 0 ? { "x-index": index$1 } : {}
 		};
 		renderers[key] = () => (0, __tanstack_react_table.flexRender)(cell.column.columnDef.cell, cell.getContext());
 		delete overrides[key]["x-data-source"];

package/dist/index.d.cts

@@ -1,5 +1,5 @@
 import { a as positionActions, i as matchesPosition, n as actionPositionSchema, r as compareOrder, t as ActionPosition } from "./position-DoBV7yB6.cjs";
-import * as react_jsx_runtime11 from "react/jsx-runtime";
+import * as react_jsx_runtime8 from "react/jsx-runtime";
 import * as React$1 from "react";
 import { ComponentProps, ReactNode } from "react";
 import * as _tanstack_react_table0 from "@tanstack/react-table";
@@ -676,7 +676,7 @@ declare function DataTable<TData>({
   className,
   classNames,
   ...props
-}: DataTableProps<TData>): react_jsx_runtime11.JSX.Element;
+}: DataTableProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-table-action-bar.d.ts
 /** 批量更新字段配置 */
@@ -765,7 +765,7 @@ declare function AutoTableActionBar<TData>({
   extraActions,
   actions,
   deleteConfirmation
-}: AutoTableActionBarProps<TData>): react_jsx_runtime11.JSX.Element;
+}: AutoTableActionBarProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/lib/schema-bridge/types.d.ts
 /**
@@ -1109,7 +1109,7 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   onSelectedRowsChange,
   getSelectedRows,
   exportTableRef
-}: AutoTableProps<T>): react_jsx_runtime11.JSX.Element;
+}: AutoTableProps<T>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-form.d.ts
 type AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> = {
@@ -1152,7 +1152,7 @@ declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   showSubmitButton
-}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime11.JSX.Element;
+}: AutoFormProps<T>, ref: React.Ref<AutoFormRef>): react_jsx_runtime8.JSX.Element;
 declare const AutoForm: <T extends z.ZodObject<z.ZodRawShape>>(props: AutoFormProps<T> & {
   ref?: React.Ref<AutoFormRef>;
 }) => ReturnType<typeof AutoFormInner>;
@@ -1491,7 +1491,7 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
    * 支持共用配置（label, hidden）+ 表格/表单特定配置
    */
   fields?: Fields;
-  /** Detail presentation shares field formatting by default. */
+  /** Details share form layout and field formatting by default. */
   view?: {
     /** Explicitly reuse custom list cells with a separate, single-row table context. */
     presentation?: 'table';
@@ -1622,7 +1622,7 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   locale: localeProp,
   onCreate,
   onExport
-}: AutoCrudTableProps<TSchema>): react_jsx_runtime11.JSX.Element;
+}: AutoCrudTableProps<TSchema>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/auto-table-simple-filters.d.ts
 interface AutoTableSimpleFiltersProps<TData> {
@@ -1638,7 +1638,7 @@ declare function AutoTableSimpleFilters<TData>({
   filters: externalFilters,
   onFiltersChange,
   leading
-}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime11.JSX.Element | null;
+}: AutoTableSimpleFiltersProps<TData>): react_jsx_runtime8.JSX.Element | null;
 //#endregion
 //#region src/components/auto-crud/form-modal.d.ts
 type ModalVariant = 'dialog' | 'sheet';
@@ -1687,7 +1687,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   className
-}: CrudFormModalProps<T> & CrudFormModalMode<T>): react_jsx_runtime11.JSX.Element;
+}: CrudFormModalProps<T> & CrudFormModalMode<T>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {
@@ -1709,7 +1709,7 @@ declare function ImportDialog({
   columns,
   title,
   locale
-}: ImportDialogProps): react_jsx_runtime11.JSX.Element;
+}: ImportDialogProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/export-dialog.d.ts
 type ExportMode = 'selected' | 'filtered';
@@ -1729,7 +1729,7 @@ declare function ExportDialog({
   selectedCount,
   onExport,
   canExportFiltered
-}: ExportDialogProps): react_jsx_runtime11.JSX.Element;
+}: ExportDialogProps): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-advanced-toolbar.d.ts
 interface DataTableAdvancedToolbarProps<TData> extends React$1.ComponentProps<'div'> {
@@ -1740,7 +1740,7 @@ declare function DataTableAdvancedToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime11.JSX.Element;
+}: DataTableAdvancedToolbarProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-column-header.d.ts
 interface DataTableColumnHeaderProps<TData, TValue> extends React.ComponentProps<typeof DropdownMenuTrigger> {
@@ -1752,7 +1752,7 @@ declare function DataTableColumnHeader<TData, TValue>({
   label,
   className,
   ...props
-}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime11.JSX.Element;
+}: DataTableColumnHeaderProps<TData, TValue>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-faceted-filter.d.ts
 interface DataTableFacetedFilterProps<TData, TValue> {
@@ -1766,7 +1766,7 @@ declare function DataTableFacetedFilter<TData, TValue>({
   title,
   options,
   multiple
-}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime11.JSX.Element;
+}: DataTableFacetedFilterProps<TData, TValue>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-pagination.d.ts
 interface DataTablePaginationProps<TData> extends React.ComponentProps<'div'>, TablePaginationOptions {
@@ -1782,7 +1782,7 @@ declare function DataTablePagination<TData>({
   pageJumpLabel,
   className,
   ...props
-}: DataTablePaginationProps<TData>): react_jsx_runtime11.JSX.Element;
+}: DataTablePaginationProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-toolbar.d.ts
 interface DataTableToolbarProps<TData> extends React$1.ComponentProps<'div'> {
@@ -1793,7 +1793,7 @@ declare function DataTableToolbar<TData>({
   children,
   className,
   ...props
-}: DataTableToolbarProps<TData>): react_jsx_runtime11.JSX.Element;
+}: DataTableToolbarProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/data-table/data-table-view-options.d.ts
 interface DataTableViewOptionsProps<TData> extends PopoverContentProps {
@@ -1806,7 +1806,7 @@ declare function DataTableViewOptions<TData>({
   disabled,
   locale,
   ...props
-}: DataTableViewOptionsProps<TData>): react_jsx_runtime11.JSX.Element;
+}: DataTableViewOptionsProps<TData>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/lib/crud-actions.d.ts
 type CrudActionZone = 'toolbar' | 'row' | 'batch';

package/dist/index.d.ts

@@ -1491,7 +1491,7 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
    * 支持共用配置（label, hidden）+ 表格/表单特定配置
    */
   fields?: Fields;
-  /** Detail presentation shares field formatting by default. */
+  /** Details share form layout and field formatting by default. */
   view?: {
     /** Explicitly reuse custom list cells with a separate, single-row table context. */
     presentation?: 'table';

package/dist/index.js

@@ -6252,15 +6252,10 @@ function AutoFormInner({ schema: zodSchema, initialValues, onSubmit, fields, ove
 				className: cn$1(grid["x-component-props"]?.className, "gap-x-10 gap-y-7 py-2")
 			};
 			const properties = typeof grid.properties === "object" ? grid.properties : {};
-			for (const property of Object.values(properties)) {
-				const decoratorProps = property["x-decorator-props"];
-				const fullWidth = property.type === "object" || property.type === "array" || ["Textarea", "RichTextEditor"].includes(property["x-component"]);
-				property["x-decorator-props"] = {
-					colon: false,
-					...decoratorProps,
-					className: cn$1(fullWidth && decoratorProps?.gridSpan == null && "col-span-full", decoratorProps?.className)
-				};
-			}
+			for (const property of Object.values(properties)) property["x-decorator-props"] = {
+				colon: false,
+				...property["x-decorator-props"]
+			};
 		}
 		applyDataSourceReactions(nextSchema, mode === "view");
 		return nextSchema;
@@ -7805,12 +7800,13 @@ function ViewModalContent({ open, onOpenChange, variant, data, schema, fields: f
 	const detailSchema = React.useMemo(() => schema.omit(Object.fromEntries(excluded.map((key) => [key, true]))), [schema, excluded]);
 	const overrides = buildFormOverrides(fieldConfig, form?.overrides, denyFields, "view");
 	const renderers = {};
-	for (const [index$1, cell] of (table.getRowModel().rows[0]?.getAllCells() ?? []).entries()) {
+	for (const cell of table.getRowModel().rows[0]?.getAllCells() ?? []) {
 		const key = cell.column.id;
+		const index$1 = view?.overrides?.[key]?.index;
 		overrides[key] = {
 			...overrides[key],
 			title: cell.column.columnDef.meta?.label ?? humanize(key),
-			"x-index": index$1
+			...index$1 !== void 0 ? { "x-index": index$1 } : {}
 		};
 		renderers[key] = () => flexRender(cell.column.columnDef.cell, cell.getContext());
 		delete overrides[key]["x-data-source"];

package/package.json

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