auto-gen-crud 0.1.0 → 0.1.2

package/API.md

@@ -1,14 +1,14 @@
 # auto-gen-crud API
 
-## createAutoCrud
+## createAutoGenCrud
 
 ```ts
-createAutoCrud(options?: AutoCrudInstallOptions)
+createAutoGenCrud(options?: AutoGenCrudInstallOptions)
 ```
 
 用于初始化全局配置。UI 只在这里配置一次。
 
-### AutoCrudInstallOptions
+### AutoGenCrudInstallOptions
 
 | 字段 | 类型 | 默认值 | 说明 |
 | --- | --- | --- | --- |
@@ -38,6 +38,84 @@ const searchForm = useSearchForm(options)
 | `addButton` | 是否显示默认新增按钮。 |
 | `addButtonText` | 默认新增按钮文案。 |
 
+## useCrudPage
+
+```ts
+const { searchForm, table, modalForm, actions } = useCrudPage({
+  context,
+  actions,
+  search,
+  table,
+  modal,
+})
+```
+
+标准 CRUD 页面组合 hook。它内部复用 `useSearchForm`、`useTable`、`useModalForm`，并内置 `add/edit/view/reload/resetTable/closeModal` 标准动作。
+
+### 约定
+
+| 字段 | 说明 |
+| --- | --- |
+| `context` | 页面状态、权限、字典、开关。 |
+| `actions` | 页面业务函数，例如 `getDataList`、`submit`、`delete`。 |
+| `search` | `UseSearchFormOptions` 或返回该 options 的函数。 |
+| `table` | `UseTableOptions` 或返回该 options 的函数。 |
+| `modal` | `UseModalFormOptions` 或返回该 options 的函数。 |
+
+`useCrudPage` 不解析接口返回结构，列表请求仍由业务在 `actions.getDataList` 中显式写入 `table.data` 和 `table.pagination.total`。
+
+普通页面推荐直接传 actions 对象：
+
+```ts
+useCrudPage({
+  actions: {
+    submit,
+    getDataList,
+  },
+});
+```
+
+如果业务动作需要在定义时统一接收 `searchForm/table/modalForm/context`，仍可传函数：
+
+```ts
+useCrudPage({
+  actions: ({ table }) => ({
+    batchDelete() {
+      console.log(table.selectedRows);
+    },
+  }),
+});
+```
+
+### 生成器 helper
+
+生成器会在 `config/defineConfig.ts` 中用包内 `createCrudPageConfigHelpers` 绑定当前页面类型：
+
+```ts
+import { createCrudPageConfigHelpers } from "auto-gen-crud";
+import type { PageActionsType, PageContextType, RowType, SearchParamsType } from "../api/types";
+
+export const {
+  defineSearchConfig,
+  defineTableConfig,
+  defineModalConfig,
+} = createCrudPageConfigHelpers<RowType, SearchParamsType, PageContextType, PageActionsType>();
+```
+
+业务配置文件推荐写成：
+
+```ts
+import { defineTableConfig } from "./defineConfig";
+
+export const getTableConfig = defineTableConfig(({ context, actions }) => ({
+  columns: [
+    { title: "名称", field: "name" },
+    { title: "操作", actions: [{ key: "edit", label: "编辑", onClick: actions.edit }] },
+  ],
+  getDataList: actions.getDataList,
+}));
+```
+
 ## useTable
 
 ```ts
@@ -49,17 +127,21 @@ const table = useTable(options)
 ### getDataList
 
 ```ts
-async function getDataList(context) {
-  const { pagination, searchData, tabsValue } = context;
-  return {
-    data: [],
-    total: 0,
-  };
+async function getDataList() {
+  const { page, pageSize } = table.pagination;
+  const result = await queryList({
+    currentPage: page,
+    pageSize,
+    ...searchForm.data,
+  });
+
+  table.data = result.records;
+  table.pagination.total = result.total;
 }
 ```
 
 设计原因：每个项目接口分页字段和返回结构都不同，所以新包不写死请求逻辑。
-兼容旧写法：你仍然可以在 `getDataList` 内部直接修改 `table.data` 和 `table.pagination.total`。
+请求完成后由业务明确写入 `table.data` 和 `table.pagination.total`。
 
 ## useModalForm
 

package/README.md

@@ -18,29 +18,29 @@
 默认 Element Plus：
 
 ```ts
-import { createAutoCrud } from "auto-gen-crud";
+import { createAutoGenCrud } from "auto-gen-crud";
 import "auto-gen-crud/style.css";
 
-app.use(createAutoCrud());
+app.use(createAutoGenCrud());
 ```
 
 切换 Naive UI：
 
 ```ts
-app.use(createAutoCrud({ ui: "naive" }));
+app.use(createAutoGenCrud({ ui: "naive" }));
 ```
 
 切换 Ant Design Vue：
 
 ```ts
-app.use(createAutoCrud({ ui: "ant-design-vue" }));
+app.use(createAutoGenCrud({ ui: "ant-design-vue" }));
 ```
 
 如果需要敏感信息解密：
 
 ```ts
 app.use(
-  createAutoCrud({
+  createAutoGenCrud({
     decode: async value => {
       return String(value);
     },
@@ -55,57 +55,67 @@ app.use(
 
 ```vue
 <script setup lang="ts">
-import { AutoCrud, useModalForm, useSearchForm, useTable } from "auto-gen-crud";
+import { AutoGenCrud, useCrudPage, type CrudModalMode } from "auto-gen-crud";
 
-const searchForm = useSearchForm({
-  columns: [
-    { label: "名称", prop: "name", component: "input" },
-    {
-      label: "状态",
-      prop: "status",
-      component: "select",
-      options: [
-        { label: "启用", value: 1 },
-        { label: "禁用", value: 0 },
-      ],
-    },
-  ],
-});
+type UserRow = { id?: number; name?: string; status?: number; createdAt?: string };
 
-const modalForm = useModalForm({
-  columns: [
-    { label: "名称", prop: "name", component: "input", required: true },
-    { label: "状态", prop: "status", component: "switch" },
-  ],
-  async onSubmit(data, mode) {
-    console.log("提交", mode, data);
-    modalForm.close();
-    await table.load(searchForm.data);
+const { searchForm, table, modalForm } = useCrudPage({
+  actions: {
+    submit,
+    getDataList,
   },
-});
-
-const table = useTable({
-  columns: [
-    { title: "名称", field: "name", copy: true },
-    { title: "创建时间", field: "createdAt", dateTime: true },
-    {
-      title: "操作",
-      actions: [
-        { key: "edit", label: "编辑", type: "primary", onClick: row => modalForm.openEdit(row) },
-        { key: "delete", label: "删除", type: "danger", confirm: true, onClick: row => console.log(row) },
-      ],
-    },
-  ],
-  async getDataList({ pagination, searchData }) {
-    console.log("查询", pagination, searchData);
-    table.data = [];
-    if (table.pagination) table.pagination.total = 0;
+  search: {
+    columns: [
+      { label: "名称", prop: "name", component: "input" },
+      {
+        label: "状态",
+        prop: "status",
+        component: "select",
+        options: [
+          { label: "启用", value: 1 },
+          { label: "禁用", value: 0 },
+        ],
+      },
+    ],
   },
+  modal: ({ actions }) => ({
+    columns: [
+      { label: "名称", prop: "name", component: "input", required: true },
+      { label: "状态", prop: "status", component: "switch" },
+    ],
+    onSubmit: actions.submit,
+  }),
+  table: ({ actions }) => ({
+    columns: [
+      { title: "名称", field: "name", copy: true },
+      { title: "创建时间", field: "createdAt", dateTime: true },
+      {
+        title: "操作",
+        actions: [
+          { key: "edit", label: "编辑", type: "primary", onClick: actions.edit },
+          { key: "delete", label: "删除", type: "danger", confirm: true, onClick: row => console.log(row) },
+        ],
+      },
+    ],
+    getDataList: actions.getDataList,
+  }),
 });
+
+async function submit(data: UserRow, mode: CrudModalMode) {
+  console.log("提交", mode, data);
+  modalForm.close();
+  await table.load();
+}
+
+async function getDataList() {
+  console.log("查询", table.pagination, searchForm.data);
+  table.data = [];
+  table.pagination.total = 0;
+}
 </script>
 
 <template>
-  <AutoCrud
+  <AutoGenCrud
     title="用户"
     :search-form-config="searchForm"
     :table-config="table"
@@ -132,6 +142,35 @@ npm run demo:smoke
 
 可运行 demo 数据流冒烟测试，覆盖搜索条件、`useTable` 返回值接收和弹窗编辑数据隔离。
 
+## 生成器配置形态
+
+生成器默认使用 `useCrudPage` 组合三个基础 hook，并在 `config/defineConfig.ts` 中绑定当前页面类型；三个 helper 的公共实现由包内 `createCrudPageConfigHelpers` 维护：
+
+```ts
+import { createCrudPageConfigHelpers } from "auto-gen-crud";
+import type { PageActionsType, PageContextType, RowType, SearchParamsType } from "../api/types";
+
+export const {
+  defineSearchConfig,
+  defineTableConfig,
+  defineModalConfig,
+} = createCrudPageConfigHelpers<RowType, SearchParamsType, PageContextType, PageActionsType>();
+```
+
+业务配置文件只需要写 helper 包裹后的 options：
+
+```ts
+import { defineTableConfig } from "./defineConfig";
+
+export const getTableConfig = defineTableConfig(({ context, actions }) => ({
+  columns: [
+    { title: "名称", field: "name" },
+    { title: "操作", actions: [{ key: "edit", label: "编辑", onClick: actions.edit }] },
+  ],
+  getDataList: actions.getDataList,
+}));
+```
+
 ## 独立 Vue3 消费示例
 
 `examples/vue3-consumer` 是一个独立 Vue3 项目，用本地 tarball 安装 `auto-gen-crud`，可切换 UI adapter 验证 npm 包入口、类型声明、样式导出和路由页面渲染。

package/dist/adapters/element-plus.d.ts

@@ -2,7 +2,7 @@ import { CrudUIAdapter } from './types';
 /**
  * Element Plus Adapter。
  *
- * 默认 Adapter：不传 `createAutoCrud({ ui })` 时使用它。
+ * 默认 Adapter：不传 `createAutoGenCrud({ ui })` 时使用它。
  * 约定使用者已在业务应用中安装并注册 Element Plus。
  */
 export declare const elementPlusAdapter: CrudUIAdapter;

package/dist/adapters/index.js

@@ -1,4 +1,4 @@
-import { a as t, e as r, b as s } from "../index-Dc-solHn.js";
+import { a as t, e as r, b as s } from "../index-DQzg4GMa.js";
 export {
   t as antDesignVueAdapter,
   r as elementPlusAdapter,

package/dist/adapters/types.d.ts

@@ -23,6 +23,10 @@ export interface CrudAdapterComponents {
     popconfirm: CrudAdapterComponent;
     image: CrudAdapterComponent;
     tooltip?: CrudAdapterComponent;
+    /** 详情只读容器组件，Element Plus 对应 ElDescriptions。 */
+    descriptions: CrudAdapterComponent;
+    /** 详情只读字段组件，Element Plus 对应 ElDescriptionsItem。 */
+    descriptionsItem: CrudAdapterComponent;
     fields: Record<CrudFormComponent, CrudAdapterComponent>;
     option?: CrudAdapterComponent;
     radio?: CrudAdapterComponent;
@@ -53,9 +57,13 @@ export interface CrudFormAdapter {
     getModelBinding: (component: CrudFormComponent, item: CrudFormItem) => CrudModelBinding;
     /** 获取字段组件 props。 */
     getFieldProps: (item: CrudFormItem, input: {
+        /** 当前字段值，由 adapter 决定绑定到 modelValue/value 等属性。 */
         value: unknown;
+        /** 组件占位文案，已在核心层按字段类型生成默认值。 */
         placeholder: string;
+        /** 是否禁用当前字段，查看模式和字段级 disabled 都会汇总到这里。 */
         disabled: boolean;
+        /** 下拉、单选、多选等字段的最终选项。 */
         options?: unknown[];
     }) => Record<string, unknown>;
     /** 获取表单布局样式变量。 */
@@ -75,12 +83,17 @@ export interface CrudTableAdapter {
         data: T[];
         loading: boolean;
         rowKey?: string | ((row: T) => string | number);
+        selection?: boolean;
+        selectedRowKeys?: Array<string | number>;
+        onSelectionChange?: (rows: T[]) => void;
         /** 纵向滚动高度，由 DynamicTable 计算后交给各 UI Adapter 映射成真实组件属性。 */
         scrollY?: number | string;
         scrollX?: number | string;
     }) => Record<string, unknown>;
     /** 获取表格列 props，用于 Element Plus 这类 TableColumn 组件。 */
     getTableColumnProps: <T extends Record<string, unknown>>(column: CrudTableColumn<T>) => Record<string, unknown>;
+    /** 获取多选列 props，用于 Element Plus 这类子组件列模式。 */
+    getSelectionColumnProps: () => Record<string, unknown>;
     /** 获取分页组件 props。 */
     getPaginationProps: (pagination: CrudPagination) => Record<string, unknown>;
     /** 获取分页事件。 */
@@ -106,6 +119,7 @@ export interface CrudRenderAdapter {
         type?: CrudButtonType;
         size?: CrudButtonSize;
         disabled?: boolean;
+        loading?: boolean;
     }) => Record<string, unknown>;
     /** 映射确认框 props。 */
     getPopconfirmProps: (input: {

package/dist/components/{AutoCrud.vue.d.ts → AutoGenCrud.vue.d.ts}

@@ -1,17 +1,22 @@
-import { AutoCrudProps, CrudFormItem } from '../core/types';
-/** AutoCrud 是组合容器，只负责把搜索表单、表格、弹窗表单三块配置串起来。 */
-type __VLS_Props = AutoCrudProps<any>;
+import { AutoGenCrudProps, CrudFormItem } from '../core/types';
+/** AutoGenCrud 是组合容器，只负责把搜索表单、表格、弹窗表单三块配置串起来。 */
+type __VLS_Props = AutoGenCrudProps<any, any>;
 /** 弹窗 footer 的提交入口，最终会走 DynamicForm 校验，再触发 modalFormConfig.submit。 */
 declare function handleModalSubmit(): Promise<void>;
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
         searchButtonToolbar?(_: {}): any;
-        tableToolbar?(_: {}): any;
+        tableToolbar?(_: {
+            table: import('..').CrudTableConfig<Record<string, unknown>>;
+            selectedRows: Record<string, unknown>[];
+            selectedRowKeys: (string | number)[];
+        }): any;
         modalFooter?(_: {
             modalForm: import('..').CrudModalFormConfig<any>;
             submit: typeof handleModalSubmit;
             close: () => void;
+            submitLoading: boolean;
         }): any;
     };
     refs: {
@@ -24,6 +29,7 @@ declare function __VLS_template(): {
                 readonly modelValue: Record<string, unknown>;
                 readonly layout?: import('..').CrudFormLayout | undefined;
                 readonly disabled?: boolean | undefined;
+                readonly searchLoading?: boolean | undefined;
                 readonly onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
                 readonly onReset?: (() => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
@@ -48,6 +54,7 @@ declare function __VLS_template(): {
                 modelValue: Record<string, unknown>;
                 layout?: import('..').CrudFormLayout;
                 disabled?: boolean;
+                searchLoading?: boolean;
             }> & Readonly<{
                 onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
                 onReset?: (() => any) | undefined;
@@ -64,6 +71,7 @@ declare function __VLS_template(): {
             }, string, {
                 disabled: boolean;
                 formType: "search" | "modal";
+                searchLoading: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -87,17 +95,19 @@ declare function __VLS_template(): {
         } & Readonly<{
             disabled: boolean;
             formType: "search" | "modal";
+            searchLoading: boolean;
         }> & Omit<Readonly<{
             formType?: "search" | "modal";
             columns: CrudFormItem[];
             modelValue: Record<string, unknown>;
             layout?: import('..').CrudFormLayout;
             disabled?: boolean;
+            searchLoading?: boolean;
         }> & Readonly<{
             onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
             onReset?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
-        }>, "validate" | "submit" | "reset" | "clearValidate" | ("disabled" | "formType")> & {
+        }>, "validate" | "submit" | "reset" | "clearValidate" | ("disabled" | "formType" | "searchLoading")> & {
             validate: () => Promise<boolean>;
             clearValidate: () => void;
             submit: () => Promise<void>;
@@ -116,6 +126,7 @@ declare function __VLS_template(): {
                 readonly modelValue: Record<string, unknown>;
                 readonly layout?: import('..').CrudFormLayout | undefined;
                 readonly disabled?: boolean | undefined;
+                readonly searchLoading?: boolean | undefined;
                 readonly onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
                 readonly onReset?: (() => any) | undefined;
                 readonly "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
@@ -140,6 +151,7 @@ declare function __VLS_template(): {
                 modelValue: Record<string, unknown>;
                 layout?: import('..').CrudFormLayout;
                 disabled?: boolean;
+                searchLoading?: boolean;
             }> & Readonly<{
                 onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
                 onReset?: (() => any) | undefined;
@@ -156,6 +168,7 @@ declare function __VLS_template(): {
             }, string, {
                 disabled: boolean;
                 formType: "search" | "modal";
+                searchLoading: boolean;
             }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
                 beforeCreate?: (() => void) | (() => void)[];
                 created?: (() => void) | (() => void)[];
@@ -179,17 +192,19 @@ declare function __VLS_template(): {
         } & Readonly<{
             disabled: boolean;
             formType: "search" | "modal";
+            searchLoading: boolean;
         }> & Omit<Readonly<{
             formType?: "search" | "modal";
             columns: CrudFormItem[];
             modelValue: Record<string, unknown>;
             layout?: import('..').CrudFormLayout;
             disabled?: boolean;
+            searchLoading?: boolean;
         }> & Readonly<{
             onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
             onReset?: (() => any) | undefined;
             "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
-        }>, "validate" | "submit" | "reset" | "clearValidate" | ("disabled" | "formType")> & {
+        }>, "validate" | "submit" | "reset" | "clearValidate" | ("disabled" | "formType" | "searchLoading")> & {
             validate: () => Promise<boolean>;
             clearValidate: () => void;
             submit: () => Promise<void>;
@@ -213,6 +228,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly modelValue: Record<string, unknown>;
             readonly layout?: import('..').CrudFormLayout | undefined;
             readonly disabled?: boolean | undefined;
+            readonly searchLoading?: boolean | undefined;
             readonly onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
             readonly onReset?: (() => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
@@ -237,6 +253,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             modelValue: Record<string, unknown>;
             layout?: import('..').CrudFormLayout;
             disabled?: boolean;
+            searchLoading?: boolean;
         }> & Readonly<{
             onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
             onReset?: (() => any) | undefined;
@@ -253,6 +270,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         }, string, {
             disabled: boolean;
             formType: "search" | "modal";
+            searchLoading: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -276,17 +294,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     } & Readonly<{
         disabled: boolean;
         formType: "search" | "modal";
+        searchLoading: boolean;
     }> & Omit<Readonly<{
         formType?: "search" | "modal";
         columns: CrudFormItem[];
         modelValue: Record<string, unknown>;
         layout?: import('..').CrudFormLayout;
         disabled?: boolean;
+        searchLoading?: boolean;
     }> & Readonly<{
         onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
         onReset?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
-    }>, "validate" | "submit" | "reset" | "clearValidate" | ("disabled" | "formType")> & {
+    }>, "validate" | "submit" | "reset" | "clearValidate" | ("disabled" | "formType" | "searchLoading")> & {
         validate: () => Promise<boolean>;
         clearValidate: () => void;
         submit: () => Promise<void>;
@@ -305,6 +325,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             readonly modelValue: Record<string, unknown>;
             readonly layout?: import('..').CrudFormLayout | undefined;
             readonly disabled?: boolean | undefined;
+            readonly searchLoading?: boolean | undefined;
             readonly onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
             readonly onReset?: (() => any) | undefined;
             readonly "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
@@ -329,6 +350,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
             modelValue: Record<string, unknown>;
             layout?: import('..').CrudFormLayout;
             disabled?: boolean;
+            searchLoading?: boolean;
         }> & Readonly<{
             onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
             onReset?: (() => any) | undefined;
@@ -345,6 +367,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
         }, string, {
             disabled: boolean;
             formType: "search" | "modal";
+            searchLoading: boolean;
         }, {}, string, {}, import('vue').GlobalComponents, import('vue').GlobalDirectives, string, import('vue').ComponentProvideOptions> & {
             beforeCreate?: (() => void) | (() => void)[];
             created?: (() => void) | (() => void)[];
@@ -368,17 +391,19 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     } & Readonly<{
         disabled: boolean;
         formType: "search" | "modal";
+        searchLoading: boolean;
     }> & Omit<Readonly<{
         formType?: "search" | "modal";
         columns: CrudFormItem[];
         modelValue: Record<string, unknown>;
         layout?: import('..').CrudFormLayout;
         disabled?: boolean;
+        searchLoading?: boolean;
     }> & Readonly<{
         onSubmit?: ((value: Record<string, unknown>) => any) | undefined;
         onReset?: (() => any) | undefined;
         "onUpdate:modelValue"?: ((value: Record<string, unknown>) => any) | undefined;
-    }>, "validate" | "submit" | "reset" | "clearValidate" | ("disabled" | "formType")> & {
+    }>, "validate" | "submit" | "reset" | "clearValidate" | ("disabled" | "formType" | "searchLoading")> & {
         validate: () => Promise<boolean>;
         clearValidate: () => void;
         submit: () => Promise<void>;

package/dist/components/CrudModal.vue.d.ts

@@ -14,6 +14,8 @@ type __VLS_Props = {
     submitText?: string;
     /** 关闭按钮文案。 */
     cancelText?: string;
+    /** 提交按钮 loading，由 useModalForm 内部维护。 */
+    submitLoading?: boolean;
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
@@ -37,6 +39,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}
     cancelText: string;
     modalType: CrudModalType;
     submitText: string;
+    submitLoading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {}, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;
 export default _default;

package/dist/components/DynamicForm.vue.d.ts

@@ -10,6 +10,8 @@ type __VLS_Props = {
     layout?: CrudFormLayout;
     /** 是否整体禁用，查看模式会传 true。 */
     disabled?: boolean;
+    /** 搜索按钮 loading，当前由 AutoGenCrud 复用 tableConfig.loading 传入。 */
+    searchLoading?: boolean;
 };
 /**
  * 校验表单。
@@ -51,6 +53,7 @@ declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {
 }>, {
     disabled: boolean;
     formType: "search" | "modal";
+    searchLoading: boolean;
 }, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     formRef: unknown;
 }, any>;

package/dist/components/DynamicTable.vue.d.ts

@@ -1,16 +1,23 @@
-import { CrudTableConfig } from '../core/types';
+import { CrudFormItem, CrudTableConfig } from '../core/types';
 type __VLS_Props = {
     /** useTable 返回的表格配置，包含列、数据、分页、加载状态和列表操作方法。 */
-    tableConfig: CrudTableConfig<any>;
+    tableConfig: CrudTableConfig<Record<string, unknown>>;
+    /** 弹窗表单字段配置；表格会复用同 prop 字段的 options 做 code 到 label 的映射。 */
+    formColumns?: CrudFormItem[];
 };
 declare function __VLS_template(): {
     attrs: Partial<{}>;
     slots: {
-        tableToolbar?(_: {}): any;
+        tableToolbar?(_: {
+            table: CrudTableConfig<Record<string, unknown>>;
+            selectedRows: Record<string, unknown>[];
+            selectedRowKeys: (string | number)[];
+        }): any;
     };
     refs: {
         tableRootRef: HTMLDivElement;
         tableBodyRef: HTMLDivElement;
+        tableRef: unknown;
         paginationRef: HTMLDivElement;
     };
     rootEl: any;
@@ -19,6 +26,7 @@ type __VLS_TemplateResult = ReturnType<typeof __VLS_template>;
 declare const __VLS_component: import('vue').DefineComponent<__VLS_Props, {}, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, {}, string, import('vue').PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import('vue').ComponentProvideOptions, false, {
     tableRootRef: HTMLDivElement;
     tableBodyRef: HTMLDivElement;
+    tableRef: unknown;
     paginationRef: HTMLDivElement;
 }, any>;
 declare const _default: __VLS_WithTemplateSlots<typeof __VLS_component, __VLS_TemplateResult["slots"]>;