@meta-1/design 0.0.197 → 0.0.199

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@meta-1/design",
-  "version": "0.0.197",
+  "version": "0.0.199",
   "keywords": [
     "easykit",
     "design",

package/src/components/uix/data-table/index.tsx

@@ -358,7 +358,13 @@ export function DataTable<TData>(props: DataTableProps<TData>) {
   const showToolbar = useMemo(() => filter || showVisibilityControl, [filter, showVisibilityControl]);
 
   const showPagination = useMemo(() => {
-    return pagination;
+    if (!pagination) {
+      return false;
+    }
+    if (typeof pagination === "boolean") {
+      return pagination;
+    }
+    return pagination.total > 0;
   }, [pagination]);
 
   // 渲染表头的通用函数

package/src/components/uix/pagination/index.tsx

@@ -8,7 +8,7 @@ import { Tabs, TabsList, TabsTrigger } from "@meta-1/design/components/ui/tabs";
 export interface PaginationProps {
   total: number;
   page: number;
-  pageSize: number;
+  size: number;
   onChange?: (page: number) => void;
   onPageSizeChange?: (size: number) => void;
   pageSizeOptions?: number[];
@@ -49,12 +49,12 @@ const generatePageNumbers = (currentPage: number, totalPages: number) => {
 export const Pagination: FC<PaginationProps> = ({
   total = 0,
   page = 1,
-  pageSize = 20,
+  size = 20,
   onChange,
   onPageSizeChange,
   pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
 }) => {
-  const totalPages = Math.ceil(total / pageSize);
+  const totalPages = Math.ceil(total / size);
   const pageNumbers = generatePageNumbers(page, totalPages);
 
   const [isEditing, setIsEditing] = useState(false);
@@ -145,7 +145,7 @@ export const Pagination: FC<PaginationProps> = ({
       </div>
 
       {onPageSizeChange && (
-        <Tabs onValueChange={(v) => onPageSizeChange(Number(v))} value={`${pageSize}`}>
+        <Tabs onValueChange={(v) => onPageSizeChange(Number(v))} value={`${size}`}>
           <TabsList>
             {pageSizeOptions.map((option) => (
               <TabsTrigger key={option} value={`${option}`}>