@kine-design/crud 0.0.1-beta.23 → 0.0.1-beta.25

package/composables/form/useFormPage.ts

@@ -12,6 +12,7 @@
 
 import { ref, reactive, computed, onMounted, type Ref } from 'vue';
 import { useRoute, useRouter } from 'vue-router';
+import { getActiveLocaleMessages } from '@kine-design/core';
 import { useRequestClient } from '../../setup';
 import type { FormFieldConfig } from './types';
 
@@ -114,7 +115,8 @@ export function useFormPage(options: UseFormPageOptions): UseFormPageReturn {
     // 必填校验
     if (field.required) {
       if (value === undefined || value === null || value === '') {
-        const msg = `请输入${field.label}`;
+        const t = getActiveLocaleMessages();
+        const msg = t.form.inputPlaceholder(field.label);
         errors.value[param] = msg;
         return msg;
       }

package/composables/page/__tests__/useAutoPageSize.test.ts

@@ -0,0 +1,194 @@
+/**
+ * @description useAutoPageSize 单元测试
+ * @author 阿怪
+ * @date 2026/5/7
+ * @version v1.0.0
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+import { describe, expect, it, vi, beforeEach, afterEach } from 'vitest';
+import { ref } from 'vue';
+import { useAutoPageSize } from '../useAutoPageSize';
+
+function mockContainer(clientHeight: number) {
+  return ref({ clientHeight } as HTMLElement);
+}
+
+// Fix #5: use queueMicrotask to preserve one async tick, return incrementing ID
+let rafId = 0;
+beforeEach(() => {
+  rafId = 0;
+  vi.stubGlobal('requestAnimationFrame', (cb: FrameRequestCallback) => {
+    const id = ++rafId;
+    queueMicrotask(() => cb(0));
+    return id;
+  });
+});
+
+afterEach(() => {
+  vi.unstubAllGlobals();
+});
+
+describe('useAutoPageSize', () => {
+  describe('初始状态', () => {
+    it('pageSize 初始为 0，resolved 初始为 false', () => {
+      const container = mockContainer(500);
+      const { pageSize, resolved } = useAutoPageSize(container);
+      expect(pageSize.value).toBe(0);
+      expect(resolved.value).toBe(false);
+    });
+  });
+
+  describe('calculate 默认参数', () => {
+    it('标准高度：(500 - 40) / 48 = 9', async () => {
+      const container = mockContainer(500);
+      const { waitForLayout } = useAutoPageSize(container);
+      const size = await waitForLayout();
+      expect(size).toBe(9);
+    });
+
+    it('大屏高度：(900 - 40) / 48 = 17', async () => {
+      const container = mockContainer(900);
+      const { waitForLayout } = useAutoPageSize(container);
+      const size = await waitForLayout();
+      expect(size).toBe(17);
+    });
+
+    it('刚好整除：(520 - 40) / 48 = 10', async () => {
+      const container = mockContainer(520);
+      const { waitForLayout } = useAutoPageSize(container);
+      expect(await waitForLayout()).toBe(10);
+    });
+  });
+
+  describe('自定义 rowHeight / headerHeight', () => {
+    it('自定义行高：(500 - 40) / 60 = 7', async () => {
+      const container = mockContainer(500);
+      const { waitForLayout } = useAutoPageSize(container, { rowHeight: 60 });
+      expect(await waitForLayout()).toBe(7);
+    });
+
+    it('自定义表头高度：(500 - 56) / 48 = 9', async () => {
+      const container = mockContainer(500);
+      const { waitForLayout } = useAutoPageSize(container, { headerHeight: 56 });
+      expect(await waitForLayout()).toBe(9);
+    });
+
+    it('同时自定义：(600 - 50) / 55 = 10', async () => {
+      const container = mockContainer(600);
+      const { waitForLayout } = useAutoPageSize(container, { rowHeight: 55, headerHeight: 50 });
+      expect(await waitForLayout()).toBe(10);
+    });
+  });
+
+  // Fix #2: nullish-coalescing fallback paths
+  describe('nullish 参数回退到默认值', () => {
+    it('rowHeight 为 undefined 时回退默认 48', async () => {
+      const container = mockContainer(500);
+      const { waitForLayout } = useAutoPageSize(container, { rowHeight: undefined });
+      // (500 - 40) / 48 = 9.58 → floor = 9, same as no options
+      expect(await waitForLayout()).toBe(9);
+    });
+
+    it('headerHeight 为 undefined 时回退默认 40', async () => {
+      const container = mockContainer(500);
+      const { waitForLayout } = useAutoPageSize(container, { headerHeight: undefined });
+      // (500 - 40) / 48 = 9.58 → floor = 9, same as no options
+      expect(await waitForLayout()).toBe(9);
+    });
+  });
+
+  describe('边界：MIN_PAGE_SIZE 兜底', () => {
+    it('容器 ref 为 undefined → 返回 5', async () => {
+      const container = ref<HTMLElement | undefined>(undefined);
+      const { waitForLayout } = useAutoPageSize(container);
+      expect(await waitForLayout()).toBe(5);
+    });
+
+    it('容器高度为 0 → 返回 5', async () => {
+      const container = mockContainer(0);
+      const { waitForLayout } = useAutoPageSize(container);
+      expect(await waitForLayout()).toBe(5);
+    });
+
+    it('可用高度为负（容器比表头还矮）→ 返回 5', async () => {
+      const container = mockContainer(20);
+      const { waitForLayout } = useAutoPageSize(container);
+      expect(await waitForLayout()).toBe(5);
+    });
+
+    it('可用高度不够一行但大于 0 → 返回 5', async () => {
+      const container = mockContainer(60);
+      const { waitForLayout } = useAutoPageSize(container);
+      // (60 - 40) / 48 = 0.41 → floor = 0 → max(0, 5) = 5
+      expect(await waitForLayout()).toBe(5);
+    });
+
+    // Fix #3: near-integer floor truncation
+    it('接近整数但不到：(519 - 40) / 48 = 9.979 → floor 为 9', async () => {
+      const container = mockContainer(519);
+      const { waitForLayout } = useAutoPageSize(container);
+      // (519 - 40) / 48 = 479 / 48 = 9.979… → floor = 9, not rounded to 10
+      expect(await waitForLayout()).toBe(9);
+    });
+  });
+
+  describe('waitForLayout 状态更新', () => {
+    // Fix #1: concrete assertion instead of self-referential check
+    it('resolve 后 pageSize 和 resolved 同步更新', async () => {
+      const container = mockContainer(500);
+      const { pageSize, resolved, waitForLayout } = useAutoPageSize(container);
+
+      const size = await waitForLayout();
+      // (500 - 40) / 48 = 9.58 → floor = 9
+      expect(size).toBe(9);
+      expect(pageSize.value).toBe(9);
+      expect(resolved.value).toBe(true);
+    });
+
+    // Fix #1: test a different container height with concrete value
+    it('不同容器高度 resolve 值正确：(700 - 40) / 48 = 13', async () => {
+      const container = mockContainer(700);
+      const { pageSize, waitForLayout } = useAutoPageSize(container);
+
+      const size = await waitForLayout();
+      // (700 - 40) / 48 = 13.75 → floor = 13
+      expect(size).toBe(13);
+      expect(pageSize.value).toBe(13);
+    });
+  });
+
+  // Fix #4: multiple waitForLayout calls
+  describe('多次调用 waitForLayout', () => {
+    it('同一实例多次调用 waitForLayout 会重新计算', async () => {
+      const container = mockContainer(500);
+      const { pageSize, waitForLayout } = useAutoPageSize(container);
+
+      const first = await waitForLayout();
+      expect(first).toBe(9);
+      expect(pageSize.value).toBe(9);
+
+      // second call on same instance, same container → same result
+      const second = await waitForLayout();
+      expect(second).toBe(9);
+      expect(pageSize.value).toBe(9);
+    });
+
+    it('容器高度变化后再次调用 waitForLayout 得到新值', async () => {
+      const container = ref({ clientHeight: 500 } as HTMLElement);
+      const { pageSize, waitForLayout } = useAutoPageSize(container);
+
+      const first = await waitForLayout();
+      expect(first).toBe(9);
+      expect(pageSize.value).toBe(9);
+
+      // mutate container height
+      container.value = { clientHeight: 900 } as HTMLElement;
+
+      const second = await waitForLayout();
+      // (900 - 40) / 48 = 17.91 → floor = 17
+      expect(second).toBe(17);
+      expect(pageSize.value).toBe(17);
+    });
+  });
+});

package/composables/page/index.ts

@@ -8,4 +8,6 @@
  */
 
 export { useCrudPage } from './useCrudPage';
+export { useAutoPageSize } from './useAutoPageSize';
+export type { AutoPageSizeOptions } from './useAutoPageSize';
 export type { CrudPageConfig, CrudColumnConfig, CrudFilterConfig, StatusMapItem } from './types';

package/composables/page/types.ts

@@ -53,6 +53,13 @@ export interface CrudPageConfig {
   statusMap?: Record<string, StatusMapItem>;
   /** 每页条数，默认 20 */
   pageSize?: number;
+  /**
+   * 根据表格容器高度自动计算 pageSize（首次计算，后续锁定）。
+   * - true: 使用默认行高（48px）
+   * - { rowHeight, headerHeight }: 自定义行高参数
+   * 启用后 pageSize 字段作为 fallback 使用。
+   */
+  autoPageSize?: boolean | { rowHeight?: number; headerHeight?: number };
   /** 行主键字段，默认 'id' */
   rowKey?: string;
   /** 详情页路由前缀，用于构建查看/编辑路由：`${detailPath}/${row[rowKey]}` */

package/composables/page/useAutoPageSize.ts

@@ -0,0 +1,55 @@
+/**
+ * @description 根据容器可用高度自动计算 pageSize（首次计算，后续锁定）
+ * @author 阿怪
+ * @date 2026/5/7
+ * @version v0.0.1
+ *
+ * 江湖的业务千篇一律，复杂的代码好几百行。
+ */
+
+import { ref, type Ref } from 'vue';
+
+export interface AutoPageSizeOptions {
+  rowHeight?: number;
+  headerHeight?: number;
+}
+
+const DEFAULT_ROW_HEIGHT = 48;
+const DEFAULT_HEADER_HEIGHT = 40;
+const MIN_PAGE_SIZE = 5;
+
+export function useAutoPageSize(
+  containerRef: Ref<HTMLElement | undefined>,
+  options: AutoPageSizeOptions = {},
+) {
+  const rowHeight = options.rowHeight ?? DEFAULT_ROW_HEIGHT;
+  const headerHeight = options.headerHeight ?? DEFAULT_HEADER_HEIGHT;
+
+  const pageSize = ref(0);
+  const resolved = ref(false);
+
+  function calculate(): number {
+    const el = containerRef.value;
+    if (!el) return MIN_PAGE_SIZE;
+
+    const available = el.clientHeight - headerHeight;
+    return Math.max(Math.floor(available / rowHeight), MIN_PAGE_SIZE);
+  }
+
+  function waitForLayout(): Promise<number> {
+    return new Promise<number>(resolve => {
+      requestAnimationFrame(() => {
+        const size = calculate();
+        pageSize.value = size;
+        resolved.value = true;
+        resolve(size);
+      });
+    });
+  }
+
+  return {
+    pageSize,
+    resolved,
+    waitForLayout,
+  };
+}

package/composables/page/useCrudPage.ts

@@ -7,11 +7,12 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 
-import { ref, reactive, computed, onMounted } from 'vue';
+import { ref, reactive, computed, onMounted, type Ref } from 'vue';
 import { useRequestClient } from '../../setup';
 import type { CrudPageConfig } from './types';
+import { useAutoPageSize, type AutoPageSizeOptions } from './useAutoPageSize';
 
-export function useCrudPage(config: CrudPageConfig) {
+export function useCrudPage(config: CrudPageConfig, tableBodyRef?: Ref<HTMLElement | undefined>) {
   const client = useRequestClient();
 
   const page = ref(1);
@@ -20,6 +21,14 @@ export function useCrudPage(config: CrudPageConfig) {
   const list = ref<Record<string, unknown>[]>([]);
   const loading = ref(false);
 
+  const autoOptions: AutoPageSizeOptions | undefined = config.autoPageSize
+    ? (typeof config.autoPageSize === 'object' ? config.autoPageSize : {})
+    : undefined;
+
+  const auto = autoOptions && tableBodyRef
+    ? useAutoPageSize(tableBodyRef, autoOptions)
+    : undefined;
+
   // 筛选表单状态
   const filters = reactive<Record<string, unknown>>({});
   if (config.filters) {
@@ -70,7 +79,13 @@ export function useCrudPage(config: CrudPageConfig) {
     fetchData();
   }
 
-  onMounted(fetchData);
+  onMounted(async () => {
+    if (auto) {
+      const size = await auto.waitForLayout();
+      pageSize.value = size;
+    }
+    fetchData();
+  });
 
   return {
     page,

package/composables/request/requestBuilder.ts

@@ -21,6 +21,7 @@ import type {
 } from './types';
 import { BusinessError, NetworkRequestError } from './types';
 import { buildCacheKey, ControlGate } from './controlGate';
+import { getActiveLocaleMessages } from '@kine-design/core';
 
 // ────────────────────────────────────────────────────────────────────────────
 // 内部：缓存存储
@@ -89,6 +90,7 @@ function toQueryString(params: Record<string, unknown>): string {
 async function unwrapResponse<T>(
   response: { status: number; statusText: string; headers: Record<string, string>; text(): Promise<string>; json<R>(): Promise<R> },
 ): Promise<T> {
+  const t = getActiveLocaleMessages();
   // HTTP 错误
   if (response.status < 200 || response.status >= 300) {
     // 4xx/5xx：尝试解析 body，提取业务错误信息
@@ -98,7 +100,7 @@ async function unwrapResponse<T>(
         try {
           const json = await response.json<WrappedResponse<unknown>>();
           if (isWrappedResponse(json) && !json.success) {
-            throw new BusinessError(json.message || `请求失败（${response.status}）`);
+            throw new BusinessError(json.message || t.request.failedWithStatus(response.status));
           }
         } catch (e) {
           if (e instanceof BusinessError) throw e;
@@ -121,7 +123,7 @@ async function unwrapResponse<T>(
     // 检查是否为 WrappedResponse 结构
     if (isWrappedResponse<T>(json)) {
       if (!json.success) {
-        throw new BusinessError(json.message || '请求失败');
+        throw new BusinessError(json.message || t.request.failed);
       }
       return json.data;
     }
@@ -277,6 +279,7 @@ export class RequestBuilder {
   // ── 执行 ────────────────────────────────────────────────────────────────
 
   async execute<T>(): Promise<T> {
+    const t = getActiveLocaleMessages();
     const { transport, controlGate, baseURL, defaultHeaders, getToken, onUnauthorized, responseInterceptor, registerAbort } = this.context;
 
     // 构建完整 URL
@@ -364,7 +367,7 @@ export class RequestBuilder {
 
       // 写操作成功后自动反馈
       if (this.context.feedback && ['POST', 'PUT', 'PATCH', 'DELETE'].includes(this.method)) {
-        this.context.feedback.showSuccess('操作成功');
+        this.context.feedback.showSuccess(t.request.success);
       }
 
       return finalResult as T;
@@ -376,8 +379,8 @@ export class RequestBuilder {
       // 写操作失败自动反馈错误信息
       if (this.context.feedback) {
         const msg = error instanceof BusinessError ? error.message
-          : error instanceof NetworkRequestError ? `请求失败: ${error.message}`
-          : '操作失败';
+          : error instanceof NetworkRequestError ? t.request.failedWithMsg(error.message)
+          : t.request.opFailed;
         this.context.feedback.showError(msg);
       }
       throw error;

package/composables/request/transport/xhrTransport.ts

@@ -7,6 +7,7 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 
+import { getActiveLocaleMessages } from '@kine-design/core';
 import type { Transport, TransportRequest, TransportResponse } from '../types';
 
 /** 解析 XHR 响应头字符串为 Record */
@@ -27,6 +28,7 @@ function parseResponseHeaders(rawHeaders: string): Record<string, string> {
 
 export class XhrTransport implements Transport {
   send(request: TransportRequest): Promise<TransportResponse> {
+    const t = getActiveLocaleMessages();
     return new Promise((resolve, reject) => {
       const xhr = new XMLHttpRequest();
 
@@ -83,7 +85,7 @@ export class XhrTransport implements Transport {
       };
 
       xhr.onerror = () => {
-        reject({ type: 'unknown' as const, error: new Error('网络错误') });
+        reject({ type: 'unknown' as const, error: new Error(t.request.networkError) });
       };
 
       xhr.ontimeout = () => {

package/composables/request/types.ts

@@ -7,6 +7,8 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 
+import { getActiveLocaleMessages } from '@kine-design/core';
+
 // ────────────────────────────────────────────────────────────────────────────
 // 请求方法
 // ────────────────────────────────────────────────────────────────────────────
@@ -111,13 +113,14 @@ export class NetworkRequestError extends Error {
 }
 
 function networkErrorMessage(e: NetworkError): string {
+  const t = getActiveLocaleMessages();
   switch (e.type) {
-    case 'invalidURL': return `无效的 URL: ${e.url}`;
-    case 'timeout': return '请求超时';
+    case 'invalidURL': return t.request.invalidUrl(e.url);
+    case 'timeout': return t.request.timeout;
     case 'httpError': return `HTTP ${e.status} ${e.statusText}`;
-    case 'decodingFailed': return `解码失败: ${e.reason}`;
-    case 'aborted': return '请求已取消';
-    case 'unknown': return `未知错误: ${String(e.error)}`;
+    case 'decodingFailed': return t.request.decodeFailed(e.reason);
+    case 'aborted': return t.request.canceled;
+    case 'unknown': return t.request.unknownError(String(e.error));
   }
 }
 

package/composables/request/upload.ts

@@ -8,6 +8,7 @@
  */
 
 import { ref, type Ref } from 'vue';
+import { getActiveLocaleMessages } from '@kine-design/core';
 import type { UploaderOptions, UploadOptions, WrappedResponse } from './types';
 import { BusinessError, NetworkRequestError } from './types';
 import { XhrTransport } from './transport/xhrTransport';
@@ -55,6 +56,7 @@ export function createUploader(uploaderOptions: UploaderOptions = {}): Uploader
   }
 
   function doUpload<T>(formData: FormData, options: UploadOptions): UploadHandle<T> {
+    const t = getActiveLocaleMessages();
     const progress = ref(0);
     const abortController = new AbortController();
 
@@ -83,7 +85,7 @@ export function createUploader(uploaderOptions: UploaderOptions = {}): Uploader
       if (contentType.includes('application/json')) {
         const json = await response.json<WrappedResponse<T> | T>();
         if (isWrappedResponse<T>(json)) {
-          if (!json.success) throw new BusinessError(json.message || '上传失败');
+          if (!json.success) throw new BusinessError(json.message || t.request.uploadFailed);
           return json.data;
         }
         return json as T;
@@ -94,7 +96,7 @@ export function createUploader(uploaderOptions: UploaderOptions = {}): Uploader
 
     return {
       progress,
-      abort: () => abortController.abort('上传已取消'),
+      abort: () => abortController.abort(t.request.uploadCanceled),
       promise,
     };
   }

package/composables/router/defineCrudRoutes.ts

@@ -7,6 +7,7 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 
+import { getActiveLocaleMessages } from '@kine-design/core';
 import type { CrudRouteConfig, CrudRouteRecord } from './types';
 
 // ────────────────────────────────────────────────────────────────────────────
@@ -62,15 +63,16 @@ interface OpSpec {
 export function defineCrudRoutes(config: CrudRouteConfig): CrudRouteRecord[] {
   const { name, path, permission, title, icon } = config;
   const resource = permission ?? name.toLowerCase();
+  const t = getActiveLocaleMessages();
 
   // 规范化 basePath，确保以 / 开头、不以 / 结尾
   const basePath = path.replace(/\/+$/, '');
 
   const opSpecs: OpSpec[] = [
     { op: 'list',   suffix: '',          action: 'read',   component: config.list,   titleSuffix: '', keepAlive: true,  hidden: false },
-    { op: 'new',    suffix: '/new',       action: 'create', component: config.new,    titleSuffix: ' - 新建', keepAlive: false, hidden: true },
-    { op: 'modify', suffix: '/:id/edit',  action: 'update', component: config.modify, titleSuffix: ' - 编辑', keepAlive: false, hidden: true },
-    { op: 'detail', suffix: '/:id',       action: 'read',   component: config.detail, titleSuffix: ' - 详情', keepAlive: false, hidden: true },
+    { op: 'new',    suffix: '/new',       action: 'create', component: config.new,    titleSuffix: t.routes.createSuffix, keepAlive: false, hidden: true },
+    { op: 'modify', suffix: '/:id/edit',  action: 'update', component: config.modify, titleSuffix: t.routes.editSuffix, keepAlive: false, hidden: true },
+    { op: 'detail', suffix: '/:id',       action: 'read',   component: config.detail, titleSuffix: t.routes.detailSuffix, keepAlive: false, hidden: true },
   ];
 
   const routes: CrudRouteRecord[] = [];

package/dist/components/editableTable/KEditableTable.d.ts

@@ -60,12 +60,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** 汇总行标签 */
     summaryLabel: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     /** 新增行按钮文本 */
     addText: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     /** 是否可新增 */
     addable: {
@@ -77,7 +77,7 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
         type: StringConstructor;
         default: string;
     };
-}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("add" | "update:modelValue" | "remove")[], "add" | "update:modelValue" | "remove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
+}>, () => import("vue/jsx-runtime").JSX.Element, {}, {}, {}, import('vue').ComponentOptionsMixin, import('vue').ComponentOptionsMixin, ("update:modelValue" | "add" | "remove")[], "update:modelValue" | "add" | "remove", import('vue').PublicProps, Readonly<import('vue').ExtractPropTypes<{
     /** 列定义 */
     columns: {
         type: PropType<EditableColumn[]>;
@@ -111,12 +111,12 @@ declare const _default: import('vue').DefineComponent<import('vue').ExtractPropT
     /** 汇总行标签 */
     summaryLabel: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     /** 新增行按钮文本 */
     addText: {
         type: StringConstructor;
-        default: string;
+        default: undefined;
     };
     /** 是否可新增 */
     addable: {

package/dist/composables/page/__tests__/useAutoPageSize.test.d.ts

@@ -0,0 +1 @@
+export {};

package/dist/composables/page/index.d.ts

@@ -7,4 +7,6 @@
  * 江湖的业务千篇一律，复杂的代码好几百行。
  */
 export { useCrudPage } from './useCrudPage';
+export { useAutoPageSize } from './useAutoPageSize';
+export type { AutoPageSizeOptions } from './useAutoPageSize';
 export type { CrudPageConfig, CrudColumnConfig, CrudFilterConfig, StatusMapItem } from './types';

package/dist/composables/page/types.d.ts

@@ -52,6 +52,16 @@ export interface CrudPageConfig {
     statusMap?: Record<string, StatusMapItem>;
     /** 每页条数，默认 20 */
     pageSize?: number;
+    /**
+     * 根据表格容器高度自动计算 pageSize（首次计算，后续锁定）。
+     * - true: 使用默认行高（48px）
+     * - { rowHeight, headerHeight }: 自定义行高参数
+     * 启用后 pageSize 字段作为 fallback 使用。
+     */
+    autoPageSize?: boolean | {
+        rowHeight?: number;
+        headerHeight?: number;
+    };
     /** 行主键字段，默认 'id' */
     rowKey?: string;
     /** 详情页路由前缀，用于构建查看/编辑路由：`${detailPath}/${row[rowKey]}` */

package/dist/composables/page/useAutoPageSize.d.ts

@@ -0,0 +1,10 @@
+import { Ref } from 'vue';
+export interface AutoPageSizeOptions {
+    rowHeight?: number;
+    headerHeight?: number;
+}
+export declare function useAutoPageSize(containerRef: Ref<HTMLElement | undefined>, options?: AutoPageSizeOptions): {
+    pageSize: Ref<number, number>;
+    resolved: Ref<boolean, boolean>;
+    waitForLayout: () => Promise<number>;
+};

package/dist/composables/page/useCrudPage.d.ts

@@ -1,11 +1,12 @@
+import { Ref } from 'vue';
 import { CrudPageConfig } from './types';
-export declare function useCrudPage(config: CrudPageConfig): {
-    page: import('vue').Ref<number, number>;
-    pageSize: import('vue').Ref<number, number>;
-    total: import('vue').Ref<number, number>;
+export declare function useCrudPage(config: CrudPageConfig, tableBodyRef?: Ref<HTMLElement | undefined>): {
+    page: Ref<number, number>;
+    pageSize: Ref<number, number>;
+    total: Ref<number, number>;
     totalPages: import('vue').ComputedRef<number>;
-    list: import('vue').Ref<Record<string, unknown>[], Record<string, unknown>[]>;
-    loading: import('vue').Ref<boolean, boolean>;
+    list: Ref<Record<string, unknown>[], Record<string, unknown>[]>;
+    loading: Ref<boolean, boolean>;
     filters: Record<string, unknown>;
     fetchData: () => Promise<void>;
     onPageChange: (p: number) => void;