@0xchain/pagination 1.1.0-beta.18 → 1.1.0-beta.19

package/CHANGELOG.md

@@ -0,0 +1,13 @@
+## 1.1.0-beta.19 (2026-03-17)
+
+### 🩹 Fixes
+
+- monorepo 最佳实践审查修复
+
+### 🧱 Updated Dependencies
+
+- Updated @0xchain/ui to 1.1.0-beta.19
+
+### ❤️ Thank You
+
+- jee.song

package/LICENSE

@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2024-present 0xchain
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.

package/dist/index.js

@@ -1,136 +1,158 @@
 'use client';
-import { jsx as e, jsxs as p } from "react/jsx-runtime";
-import * as z from "react";
-import { Pagination as j, PaginationContent as V, PaginationItem as r, PaginationLink as a, PaginationEllipsis as v } from "@0xchain/ui/pagination";
-import { Select as S, SelectTrigger as L, SelectValue as I, SelectContent as R, SelectItem as E } from "@0xchain/ui/select";
-import { twMerge as n } from "tailwind-merge";
-import { useTranslations as F } from "next-intl";
-import { ChevronRight as G, ChevronLeft as T } from "lucide-react";
-const N = 1e4;
-function K({
-  className: k,
-  total: u,
-  pageSize: x,
-  pageSizeOptions: b = [10, 30, 50],
-  currentPage: s,
-  layout: f = ["prev", "page", "next", "ellipsis", "sizes", "total"],
-  onPageChange: t,
-  onPageSizeChange: h,
-  totalLabel: y
+import { jsx, jsxs } from "react/jsx-runtime";
+import * as React from "react";
+import { Pagination, PaginationContent, PaginationItem, PaginationLink, PaginationEllipsis } from "@0xchain/ui/pagination";
+import { Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from "@0xchain/ui/select";
+import { twMerge } from "tailwind-merge";
+import { useTranslations } from "next-intl";
+import { ChevronRight, ChevronLeft } from "lucide-react";
+const limit = 1e4;
+function CustomPagination({
+  className,
+  total: initialTotal,
+  pageSize,
+  pageSizeOptions = [10, 30, 50],
+  currentPage,
+  layout = ["prev", "page", "next", "ellipsis", "sizes", "total"],
+  onPageChange,
+  onPageSizeChange,
+  totalLabel
 }) {
-  const d = F(), w = Math.min(u, N), l = Math.ceil(w / x), M = () => {
-    const i = [];
-    let o = Math.max(1, s - Math.floor(1.5));
-    const m = Math.min(l, o + 3 - 1);
-    m - o + 1 < 3 && (o = Math.max(1, m - 3 + 1)), o > 1 && (i.push(
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-        a,
-        {
-          size: "sm",
-          className: n(
-            "h-6 min-w-6 w-fit rounded-md cursor-pointer",
-            s === 1 ? "bg-[#000]! text-primary-foreground!" : ""
-          ),
-          onClick: () => t == null ? void 0 : t(1),
-          children: "1"
-        }
-      ) }, "first")
-    ), o > 2 && i.push(
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(v, {}) }, "ellipsis-start")
-    ));
-    for (let c = o; c <= m; c++)
-      i.push(
-        /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-          a,
+  const t = useTranslations();
+  const total = Math.min(initialTotal, limit);
+  const totalPages = Math.ceil(total / pageSize);
+  const renderPageNumbers = () => {
+    const pages = [];
+    const maxVisiblePages = 3;
+    let startPage = Math.max(1, currentPage - Math.floor(maxVisiblePages / 2));
+    const endPage = Math.min(totalPages, startPage + maxVisiblePages - 1);
+    if (endPage - startPage + 1 < maxVisiblePages) {
+      startPage = Math.max(1, endPage - maxVisiblePages + 1);
+    }
+    if (startPage > 1) {
+      pages.push(
+        /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+          PaginationLink,
           {
             size: "sm",
-            className: n(
+            className: twMerge(
               "h-6 min-w-6 w-fit rounded-md cursor-pointer",
-              s === c ? "bg-[#000]! text-primary-foreground!" : ""
+              currentPage === 1 ? "bg-[#000]! text-primary-foreground!" : ""
             ),
-            onClick: () => t == null ? void 0 : t(c),
-            children: c
+            onClick: () => onPageChange?.(1),
+            children: "1"
           }
-        ) }, c)
+        ) }, "first")
       );
-    return m < l && (m < l - 1 && i.push(
-      /* @__PURE__ */ e(r, { className: "cursor-pointer", children: /* @__PURE__ */ e(v, {}) }, "ellipsis-end")
-    ), i.push(
-      /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-        a,
-        {
-          size: "sm",
-          className: n(
-            "h-6 min-w-6 w-fit rounded-md cursor-pointer",
-            s === l ? "bg-[#000]! text-primary-foreground!" : ""
-          ),
-          onClick: () => t == null ? void 0 : t(l),
-          children: l
-        }
-      ) }, "last")
-    )), i;
+      if (startPage > 2) {
+        pages.push(
+          /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }, "ellipsis-start")
+        );
+      }
+    }
+    for (let i = startPage; i <= endPage; i++) {
+      pages.push(
+        /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+          PaginationLink,
+          {
+            size: "sm",
+            className: twMerge(
+              "h-6 min-w-6 w-fit rounded-md cursor-pointer",
+              currentPage === i ? "bg-[#000]! text-primary-foreground!" : ""
+            ),
+            onClick: () => onPageChange?.(i),
+            children: i
+          }
+        ) }, i)
+      );
+    }
+    if (endPage < totalPages) {
+      if (endPage < totalPages - 1) {
+        pages.push(
+          /* @__PURE__ */ jsx(PaginationItem, { className: "cursor-pointer", children: /* @__PURE__ */ jsx(PaginationEllipsis, {}) }, "ellipsis-end")
+        );
+      }
+      pages.push(
+        /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+          PaginationLink,
+          {
+            size: "sm",
+            className: twMerge(
+              "h-6 min-w-6 w-fit rounded-md cursor-pointer",
+              currentPage === totalPages ? "bg-[#000]! text-primary-foreground!" : ""
+            ),
+            onClick: () => onPageChange?.(totalPages),
+            children: totalPages
+          }
+        ) }, "last")
+      );
+    }
+    return pages;
   };
-  return w <= b[0] ? null : /* @__PURE__ */ e(j, { className: n("w-full max-w-screen mt-3", k), children: /* @__PURE__ */ p(V, { className: "w-full flex flex-row items-center justify-between flex-wrap", children: [
-    f.includes("total") && /* @__PURE__ */ e(r, { className: "mr-auto order-1 flex-1 overflow-hidden md:overflow-visible md:order-0 ", children: y || /* @__PURE__ */ p("span", { className: "text-sm block text-muted-foreground w-full truncate", children: [
-      d("common.pagination.total"),
+  if (total <= pageSizeOptions[0]) {
+    return null;
+  }
+  return /* @__PURE__ */ jsx(Pagination, { className: twMerge("w-full max-w-screen mt-3", className), children: /* @__PURE__ */ jsxs(PaginationContent, { className: "w-full flex flex-row items-center justify-between flex-wrap", children: [
+    layout.includes("total") && /* @__PURE__ */ jsx(PaginationItem, { className: "mr-auto order-1 flex-1 overflow-hidden md:overflow-visible md:order-0 ", children: totalLabel || /* @__PURE__ */ jsxs("span", { className: "text-sm block text-muted-foreground w-full truncate", children: [
+      t("common.pagination.total"),
       " ",
-      u,
+      initialTotal,
       " ",
-      d("common.pagination.item"),
-      u > N ? `${d("common.pagination.totalTip")}` : ""
+      t("common.pagination.item"),
+      initialTotal > limit ? `${t("common.pagination.totalTip")}` : ""
     ] }) }, "total"),
-    /* @__PURE__ */ e("div", { className: "w-full md:w-auto md:flex-2 flex items-center justify-center", children: f.filter((i) => i !== "total" && i !== "sizes").map((i) => {
-      switch (i) {
+    /* @__PURE__ */ jsx("div", { className: "w-full md:w-auto md:flex-2 flex items-center justify-center", children: layout.filter((item) => item !== "total" && item !== "sizes").map((item) => {
+      switch (item) {
         case "prev":
-          return /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-            a,
+          return /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationLink,
             {
               "aria-label": "Go to previous page",
               size: "sm",
-              className: n(
+              className: twMerge(
                 "flex items-center justify-center pointer gap-1 shrink-0 cursor-pointer px-2",
-                s === 1 ? "pointer-events-none opacity-50" : ""
+                currentPage === 1 ? "pointer-events-none opacity-50" : ""
               ),
-              onClick: () => t == null ? void 0 : t(Math.max(1, s - 1)),
-              children: /* @__PURE__ */ e(T, { size: 16 })
+              onClick: () => onPageChange?.(Math.max(1, currentPage - 1)),
+              children: /* @__PURE__ */ jsx(ChevronLeft, { size: 16 })
             }
           ) }, "prev");
         case "page":
-          return /* @__PURE__ */ e(z.Fragment, { children: M() }, "page");
+          return /* @__PURE__ */ jsx(React.Fragment, { children: renderPageNumbers() }, "page");
         case "next":
-          return /* @__PURE__ */ e(r, { children: /* @__PURE__ */ e(
-            a,
+          return /* @__PURE__ */ jsx(PaginationItem, { children: /* @__PURE__ */ jsx(
+            PaginationLink,
             {
               size: "sm",
-              className: n(
+              className: twMerge(
                 "flex items-center justify-center pointer gap-1 shrink-0 cursor-pointer px-2",
-                s === l ? "pointer-events-none opacity-50" : ""
+                currentPage === totalPages ? "pointer-events-none opacity-50" : ""
               ),
-              onClick: () => t == null ? void 0 : t(Math.min(l, s + 1)),
-              children: /* @__PURE__ */ e(G, { size: 16 })
+              onClick: () => onPageChange?.(Math.min(totalPages, currentPage + 1)),
+              children: /* @__PURE__ */ jsx(ChevronRight, { size: 16 })
             }
           ) }, "next");
         default:
           return null;
       }
     }) }),
-    f.includes("sizes") && h && /* @__PURE__ */ p(r, { className: "gap-2 flex shrink-0 order-1 lg:order-0 items-center py-0.5 flex-1 justify-end", children: [
-      /* @__PURE__ */ e("span", { className: "text-sm text-muted-foreground", children: d("common.pagination.sizeLabel") }),
-      /* @__PURE__ */ p(
-        S,
+    layout.includes("sizes") && onPageSizeChange && /* @__PURE__ */ jsxs(PaginationItem, { className: "gap-2 flex shrink-0 order-1 lg:order-0 items-center py-0.5 flex-1 justify-end", children: [
+      /* @__PURE__ */ jsx("span", { className: "text-sm text-muted-foreground", children: t("common.pagination.sizeLabel") }),
+      /* @__PURE__ */ jsxs(
+        Select,
         {
-          value: x.toString(),
-          onValueChange: (i) => h(Number(i)),
+          value: pageSize.toString(),
+          onValueChange: (value) => onPageSizeChange(Number(value)),
           children: [
-            /* @__PURE__ */ e(
-              L,
+            /* @__PURE__ */ jsx(
+              SelectTrigger,
               {
                 size: "sm",
                 className: "border border-input w-[70px] focus:ring-0 text-foreground bg-background focus-visible:outline-0 focus-ring-0 focus-visible:ring-0 focus-visible:ring-offset-0 focus-visible:border-input py-1",
-                children: /* @__PURE__ */ e(I, {})
+                children: /* @__PURE__ */ jsx(SelectValue, {})
               }
             ),
-            /* @__PURE__ */ e(R, { className: "w-20 bg-card", children: b.map((i) => /* @__PURE__ */ e(E, { value: i.toString(), className: "text-sm px-2 py-1 cursor-pointer hover:bg-background", children: i }, i)) })
+            /* @__PURE__ */ jsx(SelectContent, { className: "w-20 bg-card", children: pageSizeOptions.map((size) => /* @__PURE__ */ jsx(SelectItem, { value: size.toString(), className: "text-sm px-2 py-1 cursor-pointer hover:bg-background", children: size }, size)) })
           ]
         }
       )
@@ -138,5 +160,5 @@ function K({
   ] }) });
 }
 export {
-  K as default
+  CustomPagination as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xchain/pagination",
-  "version": "1.1.0-beta.18",
+  "version": "1.1.0-beta.19",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -13,16 +13,28 @@
       "default": "./dist/index.js"
     }
   },
-  "dependencies": {
+  "peerDependencies": {
+    "lucide-react": "0.539.0",
+    "next-intl": "4.8.2",
     "react": "19.1.1",
     "react-dom": "19.1.1",
-    "next-intl": "4.8.2",
-    "tailwind-merge": "3.3.1",
-    "lucide-react": "0.539.0",
-    "@0xchain/ui": "1.1.0-beta.18"
+    "tailwind-merge": "3.3.1"
+  },
+  "dependencies": {
+    "@0xchain/ui": "1.1.0-beta.19"
   },
   "devDependencies": {
-    "rollup-plugin-preserve-use-client": "3.0.1"
+    "lucide-react": "0.539.0",
+    "next-intl": "4.8.2",
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
+    "rollup-plugin-preserve-use-client": "3.0.1",
+    "tailwind-merge": "3.3.1"
+  },
+  "nx": {
+    "tags": [
+      "type:ui"
+    ]
   },
   "publishConfig": {
     "access": "public"

package/tsconfig.json

@@ -2,9 +2,6 @@
   "files": [],
   "include": [],
   "references": [
-    {
-      "path": "../ui"
-    },
     {
       "path": "./tsconfig.lib.json"
     },

package/vite.config.ts

@@ -1,4 +1,3 @@
-/// <reference types='vitest' />
 import { defineConfig } from 'vite';
 import react from '@vitejs/plugin-react';
 import dts from 'vite-plugin-dts';
@@ -16,31 +15,21 @@ export default defineConfig(() => ({
       tsconfigPath: path.join(__dirname, 'tsconfig.lib.json')
     }),
   ],
-  // Uncomment this if you are using workers.
-  // worker: {
-  //  plugins: [ nxViteTsPaths() ],
-  // },
-  // Configuration for building your library.
-  // See: https://vitejs.dev/guide/build.html#library-mode
   build: {
     outDir: './dist',
     emptyOutDir: true,
-    minify: true,
+    minify: false,
     reportCompressedSize: true,
     commonjsOptions: {
       transformMixedEsModules: true,
     },
     lib: {
-      // Could also be a dictionary or array of multiple entry points.
       entry: 'src/index.tsx',
       name: '@0xchain/pagination',
       fileName: 'index',
-      // Change this to the formats you want to support.
-      // Don't forget to update your package.json as well.
       formats: ['es' as const],
     },
     rollupOptions: {
-      // External packages that should not be bundled into your library.
       external: [
         'react', 'react-dom', 'react/jsx-runtime', 'tailwind-merge', 'lucide-react', 'next-intl',
         /^@0xchain\/.+/,