@meta-1/design 0.0.197 → 0.0.198

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/package.json +1 -1
  2. package/src/components/uix/pagination/index.tsx +4 -4
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@meta-1/design",
3
- "version": "0.0.197",
3
+ "version": "0.0.198",
4
4
  "keywords": [
5
5
  "easykit",
6
6
  "design",
package/src/components/uix/pagination/index.tsx CHANGED
@@ -8,7 +8,7 @@ import { Tabs, TabsList, TabsTrigger } from "@meta-1/design/components/ui/tabs";
8
8
  export interface PaginationProps {
9
9
  total: number;
10
10
  page: number;
11
- pageSize: number;
11
+ size: number;
12
12
  onChange?: (page: number) => void;
13
13
  onPageSizeChange?: (size: number) => void;
14
14
  pageSizeOptions?: number[];
@@ -49,12 +49,12 @@ const generatePageNumbers = (currentPage: number, totalPages: number) => {
49
49
  export const Pagination: FC<PaginationProps> = ({
50
50
  total = 0,
51
51
  page = 1,
52
- pageSize = 20,
52
+ size = 20,
53
53
  onChange,
54
54
  onPageSizeChange,
55
55
  pageSizeOptions = DEFAULT_PAGE_SIZE_OPTIONS,
56
56
  }) => {
57
- const totalPages = Math.ceil(total / pageSize);
57
+ const totalPages = Math.ceil(total / size);
58
58
  const pageNumbers = generatePageNumbers(page, totalPages);
59
59
 
60
60
  const [isEditing, setIsEditing] = useState(false);
@@ -145,7 +145,7 @@ export const Pagination: FC<PaginationProps> = ({
145
145
  </div>
146
146
 
147
147
  {onPageSizeChange && (
148
- <Tabs onValueChange={(v) => onPageSizeChange(Number(v))} value={`${pageSize}`}>
148
+ <Tabs onValueChange={(v) => onPageSizeChange(Number(v))} value={`${size}`}>
149
149
  <TabsList>
150
150
  {pageSizeOptions.map((option) => (
151
151
  <TabsTrigger key={option} value={`${option}`}>