Przeglądaj źródła

🌐 i18n(pagination): 优化分页组件中文显示

- 将PaginationPrevious和PaginationNext按钮文本从英文改为中文"上一页"和"下一页"
- 将分页省略号的屏幕阅读器文本从"More pages"改为"更多"
- 移除DataTablePagination中重复的页码信息显示,避免内容冗余

💄 style(pagination): 简化分页按钮结构

- 移除PaginationPrevious和PaginationNext组件内部的文本包裹元素,直接使用组件自身文本
yourname 4 miesięcy temu
rodzic
commit
845f09c27b

+ 2 - 9
src/client/admin-shadcn/components/DataTablePagination.tsx

@@ -64,9 +64,6 @@ export const DataTablePagination: React.FC<DataTablePaginationProps> = ({
 
   return (
     <div className="flex justify-between items-center mt-4">
-      <div className="text-sm text-muted-foreground">
-        第 {currentPage} 页,共 {totalPages} 页,共 {totalCount} 条记录
-      </div>
       <Pagination>
         <PaginationContent>
           <PaginationItem>
@@ -80,9 +77,7 @@ export const DataTablePagination: React.FC<DataTablePaginationProps> = ({
               }}
               aria-disabled={currentPage <= 1}
               className={currentPage <= 1 ? "pointer-events-none opacity-50" : ""}
-            >
-              上一页
-            </PaginationPrevious>
+            />
           </PaginationItem>
           
           {pageNumbers.map((page, index) => {
@@ -120,9 +115,7 @@ export const DataTablePagination: React.FC<DataTablePaginationProps> = ({
               }}
               aria-disabled={currentPage >= totalPages}
               className={currentPage >= totalPages ? "pointer-events-none opacity-50" : ""}
-            >
-              下一页
-            </PaginationNext>
+            />
           </PaginationItem>
         </PaginationContent>
       </Pagination>

+ 3 - 3
src/client/components/ui/pagination.tsx

@@ -77,7 +77,7 @@ function PaginationPrevious({
       {...props}
     >
       <ChevronLeftIcon />
-      <span className="hidden sm:block">Previous</span>
+      <span className="hidden sm:block">上一页</span>
     </PaginationLink>
   )
 }
@@ -93,7 +93,7 @@ function PaginationNext({
       className={cn("gap-1 px-2.5 sm:pr-2.5", className)}
       {...props}
     >
-      <span className="hidden sm:block">Next</span>
+      <span className="hidden sm:block">下一页</span>
       <ChevronRightIcon />
     </PaginationLink>
   )
@@ -111,7 +111,7 @@ function PaginationEllipsis({
       {...props}
     >
       <MoreHorizontalIcon className="size-4" />
-      <span className="sr-only">More pages</span>
+      <span className="sr-only">更多</span>
     </span>
   )
 }