liqupan/app
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat:v1.0.0

Browse Source
This commit is contained in:
liqupan
2026-02-09 21:54:32 +08:00
parent 8f19377517
commit 68d25581e8
49 changed files with 1522 additions and 528 deletions
Download Patch File Download Diff File Expand all files Collapse all files

16
shadcn-admin/src/components/data-table/pagination.tsx
View File

@@ -39,7 +39,7 @@ export function DataTablePagination<TData>({
>
<div className='flex w-full items-center justify-between'>
<div className='flex w-[100px] items-center justify-center text-sm font-medium @2xl/content:hidden'>
Page {currentPage} of {totalPages}
第 {currentPage} / {totalPages} 页
</div>
<div className='flex items-center gap-2 @max-2xl/content:flex-row-reverse'>
<Select
@@ -59,13 +59,13 @@ export function DataTablePagination<TData>({
))}
</SelectContent>
</Select>
<p className='hidden text-sm font-medium sm:block'>Rows per page</p>
<p className='hidden text-sm font-medium sm:block'>每页行数</p>
</div>
</div>
<div className='flex items-center sm:space-x-6 lg:space-x-8'>
<div className='flex w-[100px] items-center justify-center text-sm font-medium @max-3xl/content:hidden'>
Page {currentPage} of {totalPages}
第 {currentPage} / {totalPages} 页
</div>
<div className='flex items-center space-x-2'>
<Button
@@ -74,7 +74,7 @@ export function DataTablePagination<TData>({
onClick={() => table.setPageIndex(0)}
disabled={!table.getCanPreviousPage()}
>
<span className='sr-only'>Go to first page</span>
<span className='sr-only'>跳到第一页</span>
<DoubleArrowLeftIcon className='h-4 w-4' />
</Button>
<Button
@@ -83,7 +83,7 @@ export function DataTablePagination<TData>({
onClick={() => table.previousPage()}
disabled={!table.getCanPreviousPage()}
>
<span className='sr-only'>Go to previous page</span>
<span className='sr-only'>上一页</span>
<ChevronLeftIcon className='h-4 w-4' />
</Button>
@@ -98,7 +98,7 @@ export function DataTablePagination<TData>({
className='h-8 min-w-8 px-2'
onClick={() => table.setPageIndex((pageNumber as number) - 1)}
>
<span className='sr-only'>Go to page {pageNumber}</span>
<span className='sr-only'>跳到第 {pageNumber} 页</span>
{pageNumber}
</Button>
)}
@@ -111,7 +111,7 @@ export function DataTablePagination<TData>({
onClick={() => table.nextPage()}
disabled={!table.getCanNextPage()}
>
<span className='sr-only'>Go to next page</span>
<span className='sr-only'>下一页</span>
<ChevronRightIcon className='h-4 w-4' />
</Button>
<Button
@@ -120,7 +120,7 @@ export function DataTablePagination<TData>({
onClick={() => table.setPageIndex(table.getPageCount() - 1)}
disabled={!table.getCanNextPage()}
>
<span className='sr-only'>Go to last page</span>
<span className='sr-only'>跳到最后一页</span>
<DoubleArrowRightIcon className='h-4 w-4' />
</Button>
</div>