diff --git a/src/hooks/common/table.ts b/src/hooks/common/table.ts index c83bbbce..50d1e0f4 100644 --- a/src/hooks/common/table.ts +++ b/src/hooks/common/table.ts @@ -13,6 +13,8 @@ export function useTable(config: NaiveUI.NaiveTabl const scope = effectScope(); const appStore = useAppStore(); + const isMobile = computed(() => appStore.isMobile); + const { apiFn, apiParams, immediate } = config; const SELECTION_KEY = '__selection__'; @@ -104,6 +106,7 @@ export function useTable(config: NaiveUI.NaiveTabl pageSize: 10, showSizePicker: true, pageSizes: [10, 15, 20, 25, 30], + prefix: page => $t('datatable.itemCount', { total: page.itemCount }), onUpdatePage: async (page: number) => { pagination.page = page; @@ -131,7 +134,8 @@ export function useTable(config: NaiveUI.NaiveTabl const mobilePagination = computed(() => { const p: PaginationProps = { ...pagination, - pageSlot: appStore.isMobile ? 3 : 9 + pageSlot: isMobile ? 3 : 9, + prefix: isMobile ? undefined : pagination.prefix }; return p; diff --git a/src/locales/langs/en-us.ts b/src/locales/langs/en-us.ts index 447fe102..51137d1e 100644 --- a/src/locales/langs/en-us.ts +++ b/src/locales/langs/en-us.ts @@ -445,6 +445,9 @@ const local: App.I18n.Schema = { expand: 'Expand Menu', pin: 'Pin', unpin: 'Unpin' + }, + datatable: { + itemCount: 'Total {total} items' } }; diff --git a/src/locales/langs/zh-cn.ts b/src/locales/langs/zh-cn.ts index 61400eb4..40ac1043 100644 --- a/src/locales/langs/zh-cn.ts +++ b/src/locales/langs/zh-cn.ts @@ -445,6 +445,9 @@ const local: App.I18n.Schema = { expand: '展开菜单', pin: '固定', unpin: '取消固定' + }, + datatable: { + itemCount: '共 {total} 条' } }; diff --git a/src/typings/app.d.ts b/src/typings/app.d.ts index 13cc492f..6a69ea92 100644 --- a/src/typings/app.d.ts +++ b/src/typings/app.d.ts @@ -602,6 +602,9 @@ declare namespace App { pin: string; unpin: string; }; + datatable: { + itemCount: string; + }; }; type GetI18nKey, K extends keyof T = keyof T> = K extends string