@wordrhyme/auto-crud 1.12.2 → 1.13.0

package/dist/index.d.cts

@@ -1101,6 +1101,52 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   exportTableRef
 }: 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>> = {
+  schema: T;
+  initialValues?: Partial<z.infer<T>>;
+  /** 统一字段配置，推荐用于描述 auto-crud 字段级表单行为 */
+  fields?: Fields;
+  /** Formily 字段 schema 覆盖配置，保留兼容旧 API */
+  overrides?: FormSchemaOverrides;
+  /** Formily schema expression/reaction scope */
+  scope?: JsonSchemaFormScope;
+  loading?: boolean;
+  gridColumns?: number;
+  /** Label 对齐方式 */
+  labelAlign?: 'left' | 'top' | 'right';
+  /** Label 宽度（labelAlign 为 left 或 right 时有效） */
+  labelWidth?: number | string;
+  /** 是否显示提交按钮（默认 true） */
+  showSubmitButton?: boolean;
+} & ({
+  mode: 'view';
+  onSubmit?: never;
+} | {
+  mode?: 'create' | 'edit';
+  onSubmit: (values: z.infer<T>) => void | Promise<void>;
+});
+interface AutoFormRef {
+  submit: () => Promise<void>;
+}
+declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
+  schema: zodSchema,
+  initialValues,
+  onSubmit,
+  fields,
+  overrides,
+  scope: scopeProp,
+  mode,
+  loading,
+  gridColumns,
+  labelAlign,
+  labelWidth,
+  showSubmitButton
+}: 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>;
+//#endregion
 //#region src/lib/row-action-dialog.d.ts
 interface RowActionDialogProps {
   open: boolean;
@@ -1486,6 +1532,10 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
     scope?: JsonSchemaFormScope;
     /** 表单列数 */
     columns?: number;
+    /** 标签布局：top 为上下布局，left/right 为左右布局并指定标签文字对齐 */
+    labelAlign?: AutoFormProps<TSchema>['labelAlign'];
+    /** 左右布局时的标签宽度，数字单位为 px，也支持 CSS 宽度字符串 */
+    labelWidth?: AutoFormProps<TSchema>['labelWidth'];
     /** 弹窗自定义容器类名（支持控制大小、最大高度等） */
     className?: string;
   };
@@ -1564,48 +1614,6 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   onExport
 }: AutoCrudTableProps<TSchema>): react_jsx_runtime8.JSX.Element;
 //#endregion
-//#region src/components/auto-crud/auto-form.d.ts
-interface AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> {
-  schema: T;
-  initialValues?: Partial<z.infer<T>>;
-  onSubmit: (values: z.infer<T>) => void | Promise<void>;
-  /** 统一字段配置，推荐用于描述 auto-crud 字段级表单行为 */
-  fields?: Fields;
-  /** Formily 字段 schema 覆盖配置，保留兼容旧 API */
-  overrides?: FormSchemaOverrides;
-  /** Formily schema expression/reaction scope */
-  scope?: JsonSchemaFormScope;
-  mode?: 'create' | 'edit';
-  loading?: boolean;
-  gridColumns?: number;
-  /** Label 对齐方式 */
-  labelAlign?: 'left' | 'top' | 'right';
-  /** Label 宽度（labelAlign 为 left 时有效） */
-  labelWidth?: number | string;
-  /** 是否显示提交按钮（默认 true） */
-  showSubmitButton?: boolean;
-}
-interface AutoFormRef {
-  submit: () => Promise<void>;
-}
-declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
-  schema: zodSchema,
-  initialValues,
-  onSubmit,
-  fields,
-  overrides,
-  scope: scopeProp,
-  mode,
-  loading,
-  gridColumns,
-  labelAlign,
-  labelWidth,
-  showSubmitButton
-}: 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>;
-//#endregion
 //#region src/components/auto-crud/auto-table-simple-filters.d.ts
 interface AutoTableSimpleFiltersProps<TData> {
   table: Table<TData>;
@@ -1629,10 +1637,8 @@ type ModalVariant = 'dialog' | 'sheet';
 interface CrudFormModalProps<T extends z.ZodObject<z.ZodRawShape>> {
   open: boolean;
   onOpenChange: (open: boolean) => void;
-  mode: 'create' | 'edit';
   schema: T;
   initialValues?: Partial<z.infer<T>>;
-  onSubmit: (values: z.infer<T>) => void | Promise<void>;
   loading?: boolean;
   variant?: ModalVariant;
   overrides?: FormSchemaOverrides;
@@ -1641,12 +1647,19 @@ interface CrudFormModalProps<T extends z.ZodObject<z.ZodRawShape>> {
   locale?: AutoCrudLocale['formModal'];
   gridColumns?: number;
   /** Label 对齐方式 */
-  labelAlign?: 'left' | 'top' | 'right';
-  /** Label 宽度（labelAlign 为 left 时有效） */
-  labelWidth?: number | string;
+  labelAlign?: AutoFormProps<T>['labelAlign'];
+  /** Label 宽度（labelAlign 为 left 或 right 时有效） */
+  labelWidth?: AutoFormProps<T>['labelWidth'];
   /** 弹窗自定义样式 */
   className?: string;
 }
+type CrudFormModalMode<T extends z.ZodObject<z.ZodRawShape>> = {
+  mode: 'view';
+  onSubmit?: never;
+} | {
+  mode: 'create' | 'edit';
+  onSubmit: NonNullable<AutoFormProps<T>['onSubmit']>;
+};
 declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   open,
   onOpenChange,
@@ -1664,7 +1677,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   className
-}: CrudFormModalProps<T>): react_jsx_runtime8.JSX.Element;
+}: CrudFormModalProps<T> & CrudFormModalMode<T>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {

package/dist/index.d.ts

@@ -1101,6 +1101,52 @@ declare function AutoTable<T extends z.ZodObject<z.ZodRawShape>>({
   exportTableRef
 }: 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>> = {
+  schema: T;
+  initialValues?: Partial<z.infer<T>>;
+  /** 统一字段配置，推荐用于描述 auto-crud 字段级表单行为 */
+  fields?: Fields;
+  /** Formily 字段 schema 覆盖配置，保留兼容旧 API */
+  overrides?: FormSchemaOverrides;
+  /** Formily schema expression/reaction scope */
+  scope?: JsonSchemaFormScope;
+  loading?: boolean;
+  gridColumns?: number;
+  /** Label 对齐方式 */
+  labelAlign?: 'left' | 'top' | 'right';
+  /** Label 宽度（labelAlign 为 left 或 right 时有效） */
+  labelWidth?: number | string;
+  /** 是否显示提交按钮（默认 true） */
+  showSubmitButton?: boolean;
+} & ({
+  mode: 'view';
+  onSubmit?: never;
+} | {
+  mode?: 'create' | 'edit';
+  onSubmit: (values: z.infer<T>) => void | Promise<void>;
+});
+interface AutoFormRef {
+  submit: () => Promise<void>;
+}
+declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
+  schema: zodSchema,
+  initialValues,
+  onSubmit,
+  fields,
+  overrides,
+  scope: scopeProp,
+  mode,
+  loading,
+  gridColumns,
+  labelAlign,
+  labelWidth,
+  showSubmitButton
+}: 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>;
+//#endregion
 //#region src/lib/row-action-dialog.d.ts
 interface RowActionDialogProps {
   open: boolean;
@@ -1486,6 +1532,10 @@ interface AutoCrudTableProps<TSchema extends z.ZodObject<z.ZodRawShape>> {
     scope?: JsonSchemaFormScope;
     /** 表单列数 */
     columns?: number;
+    /** 标签布局：top 为上下布局，left/right 为左右布局并指定标签文字对齐 */
+    labelAlign?: AutoFormProps<TSchema>['labelAlign'];
+    /** 左右布局时的标签宽度，数字单位为 px，也支持 CSS 宽度字符串 */
+    labelWidth?: AutoFormProps<TSchema>['labelWidth'];
     /** 弹窗自定义容器类名（支持控制大小、最大高度等） */
     className?: string;
   };
@@ -1564,48 +1614,6 @@ declare function AutoCrudTable<TSchema extends z.ZodObject<z.ZodRawShape>>({
   onExport
 }: AutoCrudTableProps<TSchema>): react_jsx_runtime8.JSX.Element;
 //#endregion
-//#region src/components/auto-crud/auto-form.d.ts
-interface AutoFormProps<T extends z.ZodObject<z.ZodRawShape>> {
-  schema: T;
-  initialValues?: Partial<z.infer<T>>;
-  onSubmit: (values: z.infer<T>) => void | Promise<void>;
-  /** 统一字段配置，推荐用于描述 auto-crud 字段级表单行为 */
-  fields?: Fields;
-  /** Formily 字段 schema 覆盖配置，保留兼容旧 API */
-  overrides?: FormSchemaOverrides;
-  /** Formily schema expression/reaction scope */
-  scope?: JsonSchemaFormScope;
-  mode?: 'create' | 'edit';
-  loading?: boolean;
-  gridColumns?: number;
-  /** Label 对齐方式 */
-  labelAlign?: 'left' | 'top' | 'right';
-  /** Label 宽度（labelAlign 为 left 时有效） */
-  labelWidth?: number | string;
-  /** 是否显示提交按钮（默认 true） */
-  showSubmitButton?: boolean;
-}
-interface AutoFormRef {
-  submit: () => Promise<void>;
-}
-declare function AutoFormInner<T extends z.ZodObject<z.ZodRawShape>>({
-  schema: zodSchema,
-  initialValues,
-  onSubmit,
-  fields,
-  overrides,
-  scope: scopeProp,
-  mode,
-  loading,
-  gridColumns,
-  labelAlign,
-  labelWidth,
-  showSubmitButton
-}: 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>;
-//#endregion
 //#region src/components/auto-crud/auto-table-simple-filters.d.ts
 interface AutoTableSimpleFiltersProps<TData> {
   table: Table<TData>;
@@ -1629,10 +1637,8 @@ type ModalVariant = 'dialog' | 'sheet';
 interface CrudFormModalProps<T extends z.ZodObject<z.ZodRawShape>> {
   open: boolean;
   onOpenChange: (open: boolean) => void;
-  mode: 'create' | 'edit';
   schema: T;
   initialValues?: Partial<z.infer<T>>;
-  onSubmit: (values: z.infer<T>) => void | Promise<void>;
   loading?: boolean;
   variant?: ModalVariant;
   overrides?: FormSchemaOverrides;
@@ -1641,12 +1647,19 @@ interface CrudFormModalProps<T extends z.ZodObject<z.ZodRawShape>> {
   locale?: AutoCrudLocale['formModal'];
   gridColumns?: number;
   /** Label 对齐方式 */
-  labelAlign?: 'left' | 'top' | 'right';
-  /** Label 宽度（labelAlign 为 left 时有效） */
-  labelWidth?: number | string;
+  labelAlign?: AutoFormProps<T>['labelAlign'];
+  /** Label 宽度（labelAlign 为 left 或 right 时有效） */
+  labelWidth?: AutoFormProps<T>['labelWidth'];
   /** 弹窗自定义样式 */
   className?: string;
 }
+type CrudFormModalMode<T extends z.ZodObject<z.ZodRawShape>> = {
+  mode: 'view';
+  onSubmit?: never;
+} | {
+  mode: 'create' | 'edit';
+  onSubmit: NonNullable<AutoFormProps<T>['onSubmit']>;
+};
 declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   open,
   onOpenChange,
@@ -1664,7 +1677,7 @@ declare function CrudFormModal<T extends z.ZodObject<z.ZodRawShape>>({
   labelAlign,
   labelWidth,
   className
-}: CrudFormModalProps<T>): react_jsx_runtime8.JSX.Element;
+}: CrudFormModalProps<T> & CrudFormModalMode<T>): react_jsx_runtime8.JSX.Element;
 //#endregion
 //#region src/components/auto-crud/import-dialog.d.ts
 interface ImportDialogProps {