@turinhub/atomix-common-ui 0.2.2 → 0.4.0

package/dist/simple-pdf-reader.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-pdf-reader.d.ts","sourceRoot":"","sources":["../src/simple-pdf-reader.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,YAAY,EACV,oBAAoB,EACpB,2BAA2B,GAC5B,MAAM,8BAA8B,CAAC"}

package/dist/simple-pdf-reader.js

@@ -0,0 +1,268 @@
+import { j as t } from "./jsx-runtime-B4hRZ52C.js";
+import { ZoomOut as pe, ZoomIn as ve, Minimize2 as je, Maximize2 as he, ChevronLeft as ye, ChevronRight as we } from "lucide-react";
+import { useState as u, useRef as V, useMemo as ke, useCallback as x, useEffect as N } from "react";
+function ge({
+  url: b,
+  initialPage: J = 1,
+  initialScale: Q = 1,
+  scale: p,
+  onScaleChange: c,
+  minScale: D = 0.5,
+  maxScale: g = 3,
+  currentPage: v,
+  onPageChange: y,
+  showToolbar: K = !0,
+  showPagination: O = !0,
+  enableHotkeys: A = !0,
+  className: X,
+  containerClassName: Y,
+  pageClassName: _,
+  components: Z,
+  onLoadSuccess: w,
+  onLoadError: o,
+  loadingText: C = "加载中...",
+  errorText: H = "加载失败"
+}) {
+  const [G, L] = u(null), [S, U] = u(J), [ee, W] = u(Q), [te, k] = u(!0), [P, F] = u(null), [l, ne] = u(0), [$, se] = u(!1), M = V(null), j = V(null), [m, re] = u(null), r = v ?? S, a = p ?? ee, ie = ke(() => {
+    const e = [r];
+    return r > 1 && e.push(r - 1), r < l && e.push(r + 1), e;
+  }, [r, l]), f = x(
+    (e) => {
+      const n = Math.max(l, 1), s = Math.min(Math.max(e, 1), n);
+      v === void 0 && U(s), y == null || y(s);
+    },
+    [l, v, y]
+  ), I = x(() => {
+    r > 1 && f(r - 1);
+  }, [r, f]), R = x(() => {
+    r < l && f(r + 1);
+  }, [r, l, f]), E = x(() => {
+    const e = Math.min(a + 0.25, g);
+    p === void 0 && W(e), c == null || c(e);
+  }, [a, g, p, c]), T = x(() => {
+    const e = Math.max(a - 0.25, D);
+    p === void 0 && W(e), c == null || c(e);
+  }, [a, D, p, c]), z = x(async () => {
+    var e, n, s;
+    if (!(typeof document > "u")) {
+      if (!document.fullscreenElement) {
+        await ((n = (e = M.current) == null ? void 0 : e.requestFullscreen) == null ? void 0 : n.call(e));
+        return;
+      }
+      await ((s = document.exitFullscreen) == null ? void 0 : s.call(document));
+    }
+  }, []);
+  if (N(() => {
+    let e = !0;
+    return (async () => {
+      try {
+        const s = await import("./index-BypbGNpR.js");
+        if (typeof window < "u") {
+          const i = s.pdfjs, d = i == null ? void 0 : i.version;
+          i != null && i.GlobalWorkerOptions && d && (i.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${d}/build/pdf.worker.min.mjs`);
+        }
+        e && re(s);
+      } catch (s) {
+        if (e) {
+          const i = s instanceof Error ? s : new Error("无法加载 react-pdf 库");
+          F(i), k(!1), o == null || o(i);
+        }
+      }
+    })(), () => {
+      e = !1;
+    };
+  }, []), N(() => {
+    if (!m || !b) return;
+    let e = !0;
+    return (async () => {
+      k(!0), F(null);
+      try {
+        const { Document: s } = m;
+        if (!s)
+          throw new Error("react-pdf Document 组件不可用");
+        const i = m.pdfjs.getDocument(b);
+        j.current = i;
+        const d = await i.promise;
+        e && (L(d), ne(d.numPages), v === void 0 && U(
+          (xe) => Math.max(1, Math.min(xe, d.numPages))
+        ), k(!1), w == null || w(d));
+      } catch (s) {
+        if (e) {
+          const i = s instanceof Error ? s : new Error("PDF 加载失败");
+          F(i), k(!1), o == null || o(i);
+        }
+      }
+    })(), () => {
+      e = !1, j.current && typeof j.current.destroy == "function" && (j.current.destroy(), j.current = null);
+    };
+  }, [m, b, v, w, o]), N(() => {
+    if (typeof document > "u") return;
+    const e = () => {
+      se(document.fullscreenElement === M.current);
+    };
+    return document.addEventListener("fullscreenchange", e), () => {
+      document.removeEventListener("fullscreenchange", e);
+    };
+  }, []), N(() => {
+    if (!A) return;
+    const e = (n) => {
+      const s = document.activeElement;
+      s && (s.tagName === "INPUT" || s.getAttribute("role") === "input") || ((n.ctrlKey || n.metaKey) && (n.key === "=" || n.key === "+") ? (n.preventDefault(), E()) : (n.ctrlKey || n.metaKey) && n.key === "-" ? (n.preventDefault(), T()) : n.key === "ArrowLeft" ? (n.preventDefault(), I()) : n.key === "ArrowRight" ? (n.preventDefault(), R()) : (n.key === "f" || n.key === "F") && (n.preventDefault(), z()));
+    };
+    return document.addEventListener("keydown", e), () => {
+      document.removeEventListener("keydown", e);
+    };
+  }, [
+    A,
+    E,
+    T,
+    I,
+    R,
+    z
+  ]), !Z)
+    return /* @__PURE__ */ t.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Card: le,
+    CardContent: ce,
+    Button: h,
+    Input: q,
+    Skeleton: B
+  } = Z, ae = () => K ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ t.jsx(
+      h,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: T,
+        disabled: a <= D,
+        children: /* @__PURE__ */ t.jsx(pe, {})
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("span", { className: "text-sm", children: [
+      Math.round(a * 100),
+      "%"
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      h,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: E,
+        disabled: a >= g,
+        children: /* @__PURE__ */ t.jsx(ve, {})
+      }
+    ),
+    /* @__PURE__ */ t.jsx(
+      h,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: () => {
+          z();
+        },
+        children: $ ? /* @__PURE__ */ t.jsx(je, {}) : /* @__PURE__ */ t.jsx(he, {})
+      }
+    )
+  ] }) : null, ue = () => O ? /* @__PURE__ */ t.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ t.jsx(
+      h,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: I,
+        disabled: r <= 1,
+        children: /* @__PURE__ */ t.jsx(ye, {})
+      }
+    ),
+    q ? /* @__PURE__ */ t.jsx(
+      q,
+      {
+        type: "number",
+        min: 1,
+        max: Math.max(l, 1),
+        value: r,
+        onChange: (e) => f(parseInt(e.target.value, 10) || 1),
+        className: "w-16 text-center"
+      }
+    ) : /* @__PURE__ */ t.jsx(
+      "input",
+      {
+        type: "number",
+        min: 1,
+        max: Math.max(l, 1),
+        value: r,
+        onChange: (e) => f(parseInt(e.target.value, 10) || 1),
+        className: "w-16 rounded-md border border-input bg-background px-2 text-center text-sm"
+      }
+    ),
+    /* @__PURE__ */ t.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+      "/ ",
+      l
+    ] }),
+    /* @__PURE__ */ t.jsx(
+      h,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: R,
+        disabled: r >= l,
+        children: /* @__PURE__ */ t.jsx(we, {})
+      }
+    )
+  ] }) : null, oe = () => !K && !O ? null : /* @__PURE__ */ t.jsxs(
+    "div",
+    {
+      "data-testid": "pdf-operations-bar",
+      className: "flex items-center justify-between gap-4 border-b px-4 py-2",
+      children: [
+        ae(),
+        ue()
+      ]
+    }
+  ), de = () => /* @__PURE__ */ t.jsxs("div", { className: "flex flex-col items-center justify-center space-y-4 p-8", children: [
+    /* @__PURE__ */ t.jsx(B, { className: "h-8 w-32" }),
+    /* @__PURE__ */ t.jsx(B, { className: "h-64 w-full max-w-2xl" }),
+    /* @__PURE__ */ t.jsx("p", { className: "text-sm text-muted-foreground", children: C })
+  ] }), me = () => /* @__PURE__ */ t.jsx("div", { className: "flex flex-col items-center justify-center space-y-4 p-8", children: /* @__PURE__ */ t.jsxs("div", { className: "text-center text-destructive", children: [
+    /* @__PURE__ */ t.jsx("p", { className: "font-medium", children: H }),
+    P && /* @__PURE__ */ t.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: P.message })
+  ] }) }), fe = () => {
+    if (!m || !G) return null;
+    const { Page: e } = m;
+    return /* @__PURE__ */ t.jsx(
+      "div",
+      {
+        className: `flex flex-col items-center justify-center ${$ ? "h-[calc(100vh-56px)] overflow-auto" : "overflow-visible"}`,
+        children: ie.map((n) => /* @__PURE__ */ t.jsx(
+          "div",
+          {
+            className: _,
+            style: {
+              display: n === r ? "block" : "none"
+            },
+            children: /* @__PURE__ */ t.jsx(
+              e,
+              {
+                pdf: G,
+                pageNumber: n,
+                scale: a,
+                renderTextLayer: !1,
+                renderAnnotationLayer: !1,
+                className: "shadow-md"
+              }
+            )
+          },
+          n
+        ))
+      }
+    );
+  };
+  return /* @__PURE__ */ t.jsx("div", { ref: M, children: /* @__PURE__ */ t.jsxs(le, { className: X, children: [
+    oe(),
+    /* @__PURE__ */ t.jsx(ce, { className: Y, children: te ? de() : P ? me() : fe() })
+  ] }) });
+}
+export {
+  ge as SimplePDFReader
+};
+//# sourceMappingURL=simple-pdf-reader.js.map

package/dist/simple-pdf-reader.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"simple-pdf-reader.js","sources":["../src/components/SimplePDFReader.tsx"],"sourcesContent":["import {\n  ChevronLeft as ChevronLeftIcon,\n  ChevronRight as ChevronRightIcon,\n  Maximize2 as Maximize2Icon,\n  Minimize2 as Minimize2Icon,\n  ZoomIn as ZoomInIcon,\n  ZoomOut as ZoomOutIcon,\n} from 'lucide-react';\nimport { useState, useMemo, useCallback, useEffect, useRef } from 'react';\nimport type { HTMLAttributes } from 'react';\n\nimport type {\n  CardComponent,\n  ButtonComponent,\n  InputComponent,\n  SkeletonComponent,\n} from '../types/component-types';\n\n/**\n * react-pdf 类型定义\n * 这些类型由 @types/react-pdf 提供，这里我们定义必要的接口\n */\nexport interface PDFDocumentProxy {\n  numPages: number;\n  getPage(pageNumber: number): Promise<any>;\n}\n\n/**\n * SimplePDFReader UI 组件接口\n */\nexport interface SimplePDFReaderUIComponents {\n  Card: CardComponent;\n  CardContent: React.ComponentType<HTMLAttributes<HTMLDivElement>>;\n  Button: ButtonComponent;\n  Input?: InputComponent;\n  Skeleton: SkeletonComponent;\n}\n\n/**\n * SimplePDFReader 组件 Props\n */\nexport interface SimplePDFReaderProps {\n  // PDF 数据源\n  url: string;\n\n  // 初始状态\n  initialPage?: number;\n  initialScale?: number;\n\n  // 缩放控制\n  scale?: number;\n  onScaleChange?: (scale: number) => void;\n  minScale?: number;\n  maxScale?: number;\n\n  // 页面导航\n  currentPage?: number;\n  onPageChange?: (page: number) => void;\n\n  // 功能开关\n  showToolbar?: boolean; // 默认 true\n  showPagination?: boolean; // 默认 true\n  enableHotkeys?: boolean; // 默认 true\n\n  // 样式定制\n  className?: string;\n  containerClassName?: string;\n  pageClassName?: string;\n\n  // UI 组件注入\n  components: SimplePDFReaderUIComponents;\n\n  // 回调函数\n  onLoadSuccess?: (pdf: PDFDocumentProxy) => void;\n  onLoadError?: (error: Error) => void;\n\n  // 加载状态文本\n  loadingText?: string; // 默认 \"加载中...\"\n  errorText?: string; // 默认 \"加载失败\"\n}\n\n/**\n * SimplePDFReader 组件\n *\n * 用于在 React 应用中展示和浏览 PDF 文档。\n * 支持从 URL 加载 PDF，提供基础的浏览功能（翻页、缩放），并包含性能优化。\n *\n * @example\n * ```tsx\n * import { SimplePDFReader } from '@turinhub/atomix-common-ui/simple-pdf-reader';\n * import { Card, Button, Skeleton } from '@/components/ui';\n *\n * <SimplePDFReader\n *   url=\"/documents/sample.pdf\"\n *   components={{\n *     Card,\n *     CardContent: Card.Content,\n *     Button,\n *     Skeleton,\n *   }}\n *   initialPage={1}\n *   initialScale={1.0}\n *   showToolbar={true}\n *   showPagination={true}\n *   enableHotkeys={true}\n *   onPageChange={(page) => console.log('Current page:', page)}\n * />\n *\n * Keyboard Shortcuts:\n * - Arrow Left/Right: Navigate pages\n * - Ctrl/Cmd + +/-: Zoom in/out\n * - F: Toggle fullscreen\n * ```\n */\nexport function SimplePDFReader({\n  url,\n  initialPage = 1,\n  initialScale = 1.0,\n  scale: controlledScale,\n  onScaleChange,\n  minScale = 0.5,\n  maxScale = 3.0,\n  currentPage: controlledPage,\n  onPageChange,\n  showToolbar = true,\n  showPagination = true,\n  enableHotkeys = true,\n  className,\n  containerClassName,\n  pageClassName,\n  components,\n  onLoadSuccess,\n  onLoadError,\n  loadingText = '加载中...',\n  errorText = '加载失败',\n}: SimplePDFReaderProps) {\n  // ==================== React Hooks (必须在最顶部) ====================\n\n  // 状态管理\n  const [pdfDocument, setPdfDocument] = useState<PDFDocumentProxy | null>(null);\n  const [internalPage, setInternalPage] = useState(initialPage);\n  const [internalScale, setInternalScale] = useState(initialScale);\n  const [isLoading, setIsLoading] = useState(true);\n  const [error, setError] = useState<Error | null>(null);\n  const [totalPages, setTotalPages] = useState(0);\n  const [isFullscreen, setIsFullscreen] = useState(false);\n  const readerRef = useRef<HTMLDivElement>(null);\n  const loadingTaskRef = useRef<any>(null);\n\n  // 动态导入 react-pdf\n  const [ReactPDF, setReactPDF] = useState<any>(null);\n\n  // 使用受控或非受控模式\n  const currentPage = controlledPage ?? internalPage;\n  const scale = controlledScale ?? internalScale;\n\n  // 预渲染相邻页面以提升翻页体验\n  const pagesToPreload = useMemo(() => {\n    const pages = [currentPage];\n    if (currentPage > 1) pages.push(currentPage - 1);\n    if (currentPage < totalPages) pages.push(currentPage + 1);\n    return pages;\n  }, [currentPage, totalPages]);\n\n  // 页面导航处理\n  const goToPage = useCallback(\n    (page: number) => {\n      const maxPage = Math.max(totalPages, 1);\n      const targetPage = Math.min(Math.max(page, 1), maxPage);\n      if (controlledPage === undefined) {\n        setInternalPage(targetPage);\n      }\n      onPageChange?.(targetPage);\n    },\n    [totalPages, controlledPage, onPageChange]\n  );\n\n  const handlePreviousPage = useCallback(() => {\n    if (currentPage > 1) {\n      goToPage(currentPage - 1);\n    }\n  }, [currentPage, goToPage]);\n\n  const handleNextPage = useCallback(() => {\n    if (currentPage < totalPages) {\n      goToPage(currentPage + 1);\n    }\n  }, [currentPage, totalPages, goToPage]);\n\n  // 缩放控制处理\n  const handleZoomIn = useCallback(() => {\n    const newScale = Math.min(scale + 0.25, maxScale);\n    if (controlledScale === undefined) {\n      setInternalScale(newScale);\n    }\n    onScaleChange?.(newScale);\n  }, [scale, maxScale, controlledScale, onScaleChange]);\n\n  const handleZoomOut = useCallback(() => {\n    const newScale = Math.max(scale - 0.25, minScale);\n    if (controlledScale === undefined) {\n      setInternalScale(newScale);\n    }\n    onScaleChange?.(newScale);\n  }, [scale, minScale, controlledScale, onScaleChange]);\n\n  const handleToggleFullscreen = useCallback(async () => {\n    if (typeof document === 'undefined') return;\n\n    if (!document.fullscreenElement) {\n      await readerRef.current?.requestFullscreen?.();\n      return;\n    }\n\n    await document.exitFullscreen?.();\n  }, []);\n\n  // 动态导入 react-pdf 和设置 worker\n  useEffect(() => {\n    let isMounted = true;\n\n    const loadReactPDF = async () => {\n      try {\n        // 动态导入 react-pdf\n        const pdfModule = await import('react-pdf');\n        // 设置 worker\n        if (typeof window !== 'undefined') {\n          const pdfjs = (pdfModule as any).pdfjs;\n          const workerVersion = pdfjs?.version;\n          if (pdfjs?.GlobalWorkerOptions && workerVersion) {\n            pdfjs.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${workerVersion}/build/pdf.worker.min.mjs`;\n          }\n        }\n        if (isMounted) {\n          setReactPDF(pdfModule);\n        }\n      } catch (err) {\n        if (isMounted) {\n          const loadError =\n            err instanceof Error ? err : new Error('无法加载 react-pdf 库');\n          setError(loadError);\n          setIsLoading(false);\n          onLoadError?.(loadError);\n        }\n      }\n    };\n\n    loadReactPDF();\n\n    return () => {\n      isMounted = false;\n    };\n    // eslint-disable-next-line react-hooks/exhaustive-deps\n  }, []);\n\n  // 加载 PDF 文档\n  useEffect(() => {\n    if (!ReactPDF || !url) return;\n\n    let isMounted = true;\n\n    const loadPDF = async () => {\n      setIsLoading(true);\n      setError(null);\n\n      try {\n        const { Document } = ReactPDF;\n        if (!Document) {\n          throw new Error('react-pdf Document 组件不可用');\n        }\n\n        // 使用 react-pdf 的 Document 组件内部加载逻辑\n        // 我们创建一个加载器来获取 PDF 文档信息\n        const loadingTask = (ReactPDF.pdfjs as any).getDocument(url);\n        loadingTaskRef.current = loadingTask;\n        const pdf = await loadingTask.promise;\n\n        if (isMounted) {\n          setPdfDocument(pdf as PDFDocumentProxy);\n          setTotalPages(pdf.numPages);\n          if (controlledPage === undefined) {\n            setInternalPage((prev) =>\n              Math.max(1, Math.min(prev, pdf.numPages))\n            );\n          }\n          setIsLoading(false);\n          onLoadSuccess?.(pdf as PDFDocumentProxy);\n        }\n      } catch (err) {\n        if (isMounted) {\n          const loadError =\n            err instanceof Error ? err : new Error('PDF 加载失败');\n          setError(loadError);\n          setIsLoading(false);\n          onLoadError?.(loadError);\n        }\n      }\n    };\n\n    loadPDF();\n\n    return () => {\n      isMounted = false;\n      if (\n        loadingTaskRef.current &&\n        typeof loadingTaskRef.current.destroy === 'function'\n      ) {\n        loadingTaskRef.current.destroy();\n        loadingTaskRef.current = null;\n      }\n    };\n  }, [ReactPDF, url, controlledPage, onLoadSuccess, onLoadError]);\n\n  useEffect(() => {\n    if (typeof document === 'undefined') return;\n\n    const handleFullscreenChange = () => {\n      setIsFullscreen(document.fullscreenElement === readerRef.current);\n    };\n\n    document.addEventListener('fullscreenchange', handleFullscreenChange);\n\n    return () => {\n      document.removeEventListener('fullscreenchange', handleFullscreenChange);\n    };\n  }, []);\n\n  // ==================== 键盘快捷键 ====================\n  useEffect(() => {\n    if (!enableHotkeys) return;\n\n    const handleKeyDown = (e: KeyboardEvent) => {\n      // Don't handle hotkeys if input is focused\n      const activeElement = document.activeElement;\n      if (\n        activeElement &&\n        (activeElement.tagName === 'INPUT' ||\n          activeElement.getAttribute('role') === 'input')\n      ) {\n        return;\n      }\n\n      // Ctrl/Cmd + 加号: 放大\n      if ((e.ctrlKey || e.metaKey) && (e.key === '=' || e.key === '+')) {\n        e.preventDefault();\n        handleZoomIn();\n      }\n      // Ctrl/Cmd + 减号: 缩小\n      else if ((e.ctrlKey || e.metaKey) && e.key === '-') {\n        e.preventDefault();\n        handleZoomOut();\n      }\n      // 左箭头: 上一页\n      else if (e.key === 'ArrowLeft') {\n        e.preventDefault();\n        handlePreviousPage();\n      }\n      // 右箭头: 下一页\n      else if (e.key === 'ArrowRight') {\n        e.preventDefault();\n        handleNextPage();\n      }\n      // F 键: 全屏切换\n      else if (e.key === 'f' || e.key === 'F') {\n        e.preventDefault();\n        void handleToggleFullscreen();\n      }\n    };\n\n    document.addEventListener('keydown', handleKeyDown);\n    return () => {\n      document.removeEventListener('keydown', handleKeyDown);\n    };\n  }, [\n    enableHotkeys,\n    handleZoomIn,\n    handleZoomOut,\n    handlePreviousPage,\n    handleNextPage,\n    handleToggleFullscreen,\n  ]);\n\n  // ==================== 组件验证和渲染 ====================\n\n  // 验证 components\n  if (!components) {\n    return (\n      <div className=\"p-4 text-center text-destructive\">\n        错误：请通过 components prop 注入 UI 组件\n      </div>\n    );\n  }\n\n  const {\n    Card,\n    CardContent,\n    Button,\n    Input: InputComponentInjected,\n    Skeleton,\n  } = components;\n\n  // 渲染工具栏\n  const renderToolbar = () => {\n    if (!showToolbar) return null;\n\n    return (\n      <div className=\"flex items-center gap-2\">\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={handleZoomOut}\n          disabled={scale <= minScale}\n        >\n          <ZoomOutIcon />\n        </Button>\n        <span className=\"text-sm\">{Math.round(scale * 100)}%</span>\n        <Button\n          variant=\"outline\"\n          size=\"sm\"\n          onClick={handleZoomIn}\n          disabled={scale >= maxScale}\n        >\n          <ZoomInIcon />\n        </Button>\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => {\n            void handleToggleFullscreen();\n          }}\n        >\n          {isFullscreen ? <Minimize2Icon /> : <Maximize2Icon />}\n        </Button>\n      </div>\n    );\n  };\n\n  // 渲染分页控制\n  const renderPagination = () => {\n    if (!showPagination) return null;\n\n    return (\n      <div className=\"flex items-center gap-2\">\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={handlePreviousPage}\n          disabled={currentPage <= 1}\n        >\n          <ChevronLeftIcon />\n        </Button>\n        {InputComponentInjected ? (\n          <InputComponentInjected\n            type=\"number\"\n            min={1}\n            max={Math.max(totalPages, 1)}\n            value={currentPage}\n            onChange={(e) => goToPage(parseInt(e.target.value, 10) || 1)}\n            className=\"w-16 text-center\"\n          />\n        ) : (\n          <input\n            type=\"number\"\n            min={1}\n            max={Math.max(totalPages, 1)}\n            value={currentPage}\n            onChange={(e) => goToPage(parseInt(e.target.value, 10) || 1)}\n            className=\"w-16 rounded-md border border-input bg-background px-2 text-center text-sm\"\n          />\n        )}\n        <span className=\"text-sm text-muted-foreground\">/ {totalPages}</span>\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={handleNextPage}\n          disabled={currentPage >= totalPages}\n        >\n          <ChevronRightIcon />\n        </Button>\n      </div>\n    );\n  };\n\n  const renderOperations = () => {\n    if (!showToolbar && !showPagination) return null;\n\n    return (\n      <div\n        data-testid=\"pdf-operations-bar\"\n        className=\"flex items-center justify-between gap-4 border-b px-4 py-2\"\n      >\n        {renderToolbar()}\n        {renderPagination()}\n      </div>\n    );\n  };\n\n  // 渲染加载状态\n  const renderLoading = () => (\n    <div className=\"flex flex-col items-center justify-center space-y-4 p-8\">\n      <Skeleton className=\"h-8 w-32\" />\n      <Skeleton className=\"h-64 w-full max-w-2xl\" />\n      <p className=\"text-sm text-muted-foreground\">{loadingText}</p>\n    </div>\n  );\n\n  // 渲染错误状态\n  const renderError = () => (\n    <div className=\"flex flex-col items-center justify-center space-y-4 p-8\">\n      <div className=\"text-center text-destructive\">\n        <p className=\"font-medium\">{errorText}</p>\n        {error && (\n          <p className=\"mt-2 text-sm text-muted-foreground\">{error.message}</p>\n        )}\n      </div>\n    </div>\n  );\n\n  // 渲染 PDF 文档\n  const renderPDFDocument = () => {\n    if (!ReactPDF || !pdfDocument) return null;\n\n    const { Page } = ReactPDF;\n\n    return (\n      <div\n        className={`flex flex-col items-center justify-center ${\n          isFullscreen\n            ? 'h-[calc(100vh-56px)] overflow-auto'\n            : 'overflow-visible'\n        }`}\n      >\n        {pagesToPreload.map((pageNum) => (\n          <div\n            key={pageNum}\n            className={pageClassName}\n            style={{\n              display: pageNum === currentPage ? 'block' : 'none',\n            }}\n          >\n            <Page\n              pdf={pdfDocument}\n              pageNumber={pageNum}\n              scale={scale}\n              renderTextLayer={false}\n              renderAnnotationLayer={false}\n              className=\"shadow-md\"\n            />\n          </div>\n        ))}\n      </div>\n    );\n  };\n\n  return (\n    <div ref={readerRef}>\n      <Card className={className}>\n        {renderOperations()}\n        <CardContent className={containerClassName}>\n          {isLoading\n            ? renderLoading()\n            : error\n              ? renderError()\n              : renderPDFDocument()}\n        </CardContent>\n      </Card>\n    </div>\n  );\n}\n"],"names":["SimplePDFReader","url","initialPage","initialScale","controlledScale","onScaleChange","minScale","maxScale","controlledPage","onPageChange","showToolbar","showPagination","enableHotkeys","className","containerClassName","pageClassName","components","onLoadSuccess","onLoadError","loadingText","errorText","pdfDocument","setPdfDocument","useState","internalPage","setInternalPage","internalScale","setInternalScale","isLoading","setIsLoading","error","setError","totalPages","setTotalPages","isFullscreen","setIsFullscreen","readerRef","useRef","loadingTaskRef","ReactPDF","setReactPDF","currentPage","scale","pagesToPreload","useMemo","pages","goToPage","useCallback","page","maxPage","targetPage","handlePreviousPage","handleNextPage","handleZoomIn","newScale","handleZoomOut","handleToggleFullscreen","_b","_a","_c","useEffect","isMounted","pdfModule","pdfjs","workerVersion","err","loadError","Document","loadingTask","pdf","prev","handleFullscreenChange","handleKeyDown","e","activeElement","jsx","Card","CardContent","Button","InputComponentInjected","Skeleton","renderToolbar","jsxs","ZoomOutIcon","ZoomInIcon","Minimize2Icon","Maximize2Icon","renderPagination","ChevronLeftIcon","ChevronRightIcon","renderOperations","renderLoading","renderError","renderPDFDocument","Page","pageNum"],"mappings":"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"}

package/dist/table-header.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-BB_1_6y_.cjs"),d=require("lucide-react");function R({title:u,searchPlaceholder:c="搜索...",searchValue:j="",onSearchChange:t,onSearch:s,showSearch:p=!0,action:i,actionLabel:l,onActionClick:n,loading:x=!1,components:m}){if(!m)return e.jsxRuntimeExports.jsx("div",{className:"p-4 text-center text-destructive",children:"错误：请通过 components prop 注入 UI 组件"});const{Input:o,Button:a}=m,f=r=>{r.key==="Enter"&&s&&s()};return e.jsxRuntimeExports.jsxs("div",{className:"flex flex-col gap-4 p-1",children:[e.jsxRuntimeExports.jsxs("div",{className:"flex items-center justify-between",children:[e.jsxRuntimeExports.jsx("div",{className:"text-lg font-semibold leading-none tracking-tight",children:u}),e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[i&&e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-2",children:i}),!i&&l&&n&&e.jsxRuntimeExports.jsxs(a,{onClick:n,disabled:x,size:"sm",children:[e.jsxRuntimeExports.jsx(d.Plus,{className:"mr-2 h-4 w-4"}),l]})]})]}),p&&e.jsxRuntimeExports.jsxs("div",{className:"flex items-center gap-2",children:[e.jsxRuntimeExports.jsxs("div",{className:"relative max-w-sm flex-1",children:[e.jsxRuntimeExports.jsx(d.Search,{className:"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground"}),e.jsxRuntimeExports.jsx(o,{placeholder:c,value:j,onChange:r=>t==null?void 0:t(r.target.value),onKeyPress:f,className:"h-9 pl-8",disabled:x})]}),s&&e.jsxRuntimeExports.jsx(a,{onClick:s,disabled:x,variant:"secondary",size:"sm",children:"搜索"})]})]})}exports.TableHeader=R;
+//# sourceMappingURL=table-header.cjs.map

package/dist/table-header.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.cjs","sources":["../src/components/TableHeader.tsx"],"sourcesContent":["import { Plus, Search } from 'lucide-react';\nimport { ReactNode } from 'react';\n\nimport type { InputComponent, ButtonComponent } from '../types/component-types';\n\n/**\n * UI 组件适配器接口\n */\nexport interface HeaderUIComponents {\n  Input: InputComponent;\n  Button: ButtonComponent;\n}\n\nexport interface TableHeaderProps {\n  title: ReactNode;\n  searchPlaceholder?: string;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  onSearch?: () => void;\n  showSearch?: boolean;\n  action?: ReactNode;\n  actionLabel?: string;\n  onActionClick?: () => void;\n  loading?: boolean;\n\n  // UI 组件注入\n  components?: HeaderUIComponents;\n}\n\n/**\n * 表格头部组件\n * 支持搜索框和操作按钮\n */\nexport function TableHeader({\n  title,\n  searchPlaceholder = '搜索...',\n  searchValue = '',\n  onSearchChange,\n  onSearch,\n  showSearch = true,\n  action,\n  actionLabel,\n  onActionClick,\n  loading = false,\n  components,\n}: TableHeaderProps) {\n  if (!components) {\n    return (\n      <div className=\"p-4 text-center text-destructive\">\n        错误：请通过 components prop 注入 UI 组件\n      </div>\n    );\n  }\n\n  const { Input, Button } = components;\n\n  const handleKeyPress = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' && onSearch) {\n      onSearch();\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4 p-1\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-lg font-semibold leading-none tracking-tight\">\n          {title}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {action && <div className=\"flex items-center gap-2\">{action}</div>}\n          {!action && actionLabel && onActionClick && (\n            <Button onClick={onActionClick} disabled={loading} size=\"sm\">\n              <Plus className=\"mr-2 h-4 w-4\" />\n              {actionLabel}\n            </Button>\n          )}\n        </div>\n      </div>\n      {showSearch && (\n        <div className=\"flex items-center gap-2\">\n          <div className=\"relative max-w-sm flex-1\">\n            <Search className=\"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground\" />\n            <Input\n              placeholder={searchPlaceholder}\n              value={searchValue}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                onSearchChange?.(e.target.value)\n              }\n              onKeyPress={handleKeyPress}\n              className=\"h-9 pl-8\"\n              disabled={loading}\n            />\n          </div>\n          {onSearch && (\n            <Button\n              onClick={onSearch}\n              disabled={loading}\n              variant=\"secondary\"\n              size=\"sm\"\n            >\n              搜索\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["TableHeader","title","searchPlaceholder","searchValue","onSearchChange","onSearch","showSearch","action","actionLabel","onActionClick","loading","components","jsx","Input","Button","handleKeyPress","e","jsxs","Plus","Search"],"mappings":"wJAiCO,SAASA,EAAY,CAC1B,MAAAC,EACA,kBAAAC,EAAoB,QACpB,YAAAC,EAAc,GACd,eAAAC,EACA,SAAAC,EACA,WAAAC,EAAa,GACb,OAAAC,EACA,YAAAC,EACA,cAAAC,EACA,QAAAC,EAAU,GACV,WAAAC,CACF,EAAqB,CACnB,GAAI,CAACA,EACH,OACEC,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,mCAAmC,SAAA,kCAElD,EAIJ,KAAM,CAAE,MAAAC,EAAO,OAAAC,CAAA,EAAWH,EAEpBI,EAAkBC,GAA2B,CAC7CA,EAAE,MAAQ,SAAWX,GACvBA,EAAA,CAEJ,EAEA,OACEY,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,oCACb,SAAA,CAAAL,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,oDACZ,SAAAX,EACH,EACAgB,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,0BACZ,SAAA,CAAAV,GAAUK,EAAAA,kBAAAA,IAAC,MAAA,CAAI,UAAU,0BAA2B,SAAAL,EAAO,EAC3D,CAACA,GAAUC,GAAeC,GACzBQ,EAAAA,kBAAAA,KAACH,EAAA,CAAO,QAASL,EAAe,SAAUC,EAAS,KAAK,KACtD,SAAA,CAAAE,EAAAA,kBAAAA,IAACM,EAAAA,KAAA,CAAK,UAAU,cAAA,CAAe,EAC9BV,CAAA,CAAA,CACH,CAAA,CAAA,CAEJ,CAAA,EACF,EACCF,GACCW,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,0BACb,SAAA,CAAAA,EAAAA,kBAAAA,KAAC,MAAA,CAAI,UAAU,2BACb,SAAA,CAAAL,EAAAA,kBAAAA,IAACO,EAAAA,OAAA,CAAO,UAAU,uDAAA,CAAwD,EAC1EP,EAAAA,kBAAAA,IAACC,EAAA,CACC,YAAaX,EACb,MAAOC,EACP,SAAWa,GACTZ,GAAA,YAAAA,EAAiBY,EAAE,OAAO,OAE5B,WAAYD,EACZ,UAAU,WACV,SAAUL,CAAA,CAAA,CACZ,EACF,EACCL,GACCO,EAAAA,kBAAAA,IAACE,EAAA,CACC,QAAST,EACT,SAAUK,EACV,QAAQ,YACR,KAAK,KACN,SAAA,IAAA,CAAA,CAED,CAAA,CAEJ,CAAA,EAEJ,CAEJ"}

package/dist/table-header.d.ts

@@ -0,0 +1,3 @@
+export { TableHeader } from './components/TableHeader';
+export type { HeaderUIComponents, TableHeaderProps, } from './components/TableHeader';
+//# sourceMappingURL=table-header.d.ts.map

package/dist/table-header.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.d.ts","sourceRoot":"","sources":["../src/table-header.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,WAAW,EAAE,MAAM,0BAA0B,CAAC;AACvD,YAAY,EACV,kBAAkB,EAClB,gBAAgB,GACjB,MAAM,0BAA0B,CAAC"}

package/dist/table-header.js

@@ -0,0 +1,63 @@
+import { j as e } from "./jsx-runtime-B4hRZ52C.js";
+import { Plus as v, Search as o } from "lucide-react";
+function b({
+  title: c,
+  searchPlaceholder: n = "搜索...",
+  searchValue: f = "",
+  onSearchChange: l,
+  onSearch: s,
+  showSearch: j = !0,
+  action: t,
+  actionLabel: a,
+  onActionClick: d,
+  loading: i = !1,
+  components: x
+}) {
+  if (!x)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { Input: p, Button: m } = x, u = (r) => {
+    r.key === "Enter" && s && s();
+  };
+  return /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col gap-4 p-1", children: [
+    /* @__PURE__ */ e.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ e.jsx("div", { className: "text-lg font-semibold leading-none tracking-tight", children: c }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        t && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: t }),
+        !t && a && d && /* @__PURE__ */ e.jsxs(m, { onClick: d, disabled: i, size: "sm", children: [
+          /* @__PURE__ */ e.jsx(v, { className: "mr-2 h-4 w-4" }),
+          a
+        ] })
+      ] })
+    ] }),
+    j && /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ e.jsxs("div", { className: "relative max-w-sm flex-1", children: [
+        /* @__PURE__ */ e.jsx(o, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ e.jsx(
+          p,
+          {
+            placeholder: n,
+            value: f,
+            onChange: (r) => l == null ? void 0 : l(r.target.value),
+            onKeyPress: u,
+            className: "h-9 pl-8",
+            disabled: i
+          }
+        )
+      ] }),
+      s && /* @__PURE__ */ e.jsx(
+        m,
+        {
+          onClick: s,
+          disabled: i,
+          variant: "secondary",
+          size: "sm",
+          children: "搜索"
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  b as TableHeader
+};
+//# sourceMappingURL=table-header.js.map

package/dist/table-header.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-header.js","sources":["../src/components/TableHeader.tsx"],"sourcesContent":["import { Plus, Search } from 'lucide-react';\nimport { ReactNode } from 'react';\n\nimport type { InputComponent, ButtonComponent } from '../types/component-types';\n\n/**\n * UI 组件适配器接口\n */\nexport interface HeaderUIComponents {\n  Input: InputComponent;\n  Button: ButtonComponent;\n}\n\nexport interface TableHeaderProps {\n  title: ReactNode;\n  searchPlaceholder?: string;\n  searchValue?: string;\n  onSearchChange?: (value: string) => void;\n  onSearch?: () => void;\n  showSearch?: boolean;\n  action?: ReactNode;\n  actionLabel?: string;\n  onActionClick?: () => void;\n  loading?: boolean;\n\n  // UI 组件注入\n  components?: HeaderUIComponents;\n}\n\n/**\n * 表格头部组件\n * 支持搜索框和操作按钮\n */\nexport function TableHeader({\n  title,\n  searchPlaceholder = '搜索...',\n  searchValue = '',\n  onSearchChange,\n  onSearch,\n  showSearch = true,\n  action,\n  actionLabel,\n  onActionClick,\n  loading = false,\n  components,\n}: TableHeaderProps) {\n  if (!components) {\n    return (\n      <div className=\"p-4 text-center text-destructive\">\n        错误：请通过 components prop 注入 UI 组件\n      </div>\n    );\n  }\n\n  const { Input, Button } = components;\n\n  const handleKeyPress = (e: React.KeyboardEvent) => {\n    if (e.key === 'Enter' && onSearch) {\n      onSearch();\n    }\n  };\n\n  return (\n    <div className=\"flex flex-col gap-4 p-1\">\n      <div className=\"flex items-center justify-between\">\n        <div className=\"text-lg font-semibold leading-none tracking-tight\">\n          {title}\n        </div>\n        <div className=\"flex items-center gap-2\">\n          {action && <div className=\"flex items-center gap-2\">{action}</div>}\n          {!action && actionLabel && onActionClick && (\n            <Button onClick={onActionClick} disabled={loading} size=\"sm\">\n              <Plus className=\"mr-2 h-4 w-4\" />\n              {actionLabel}\n            </Button>\n          )}\n        </div>\n      </div>\n      {showSearch && (\n        <div className=\"flex items-center gap-2\">\n          <div className=\"relative max-w-sm flex-1\">\n            <Search className=\"absolute left-2 top-2.5 h-4 w-4 text-muted-foreground\" />\n            <Input\n              placeholder={searchPlaceholder}\n              value={searchValue}\n              onChange={(e: React.ChangeEvent<HTMLInputElement>) =>\n                onSearchChange?.(e.target.value)\n              }\n              onKeyPress={handleKeyPress}\n              className=\"h-9 pl-8\"\n              disabled={loading}\n            />\n          </div>\n          {onSearch && (\n            <Button\n              onClick={onSearch}\n              disabled={loading}\n              variant=\"secondary\"\n              size=\"sm\"\n            >\n              搜索\n            </Button>\n          )}\n        </div>\n      )}\n    </div>\n  );\n}\n"],"names":["TableHeader","title","searchPlaceholder","searchValue","onSearchChange","onSearch","showSearch","action","actionLabel","onActionClick","loading","components","jsx","Input","Button","handleKeyPress","e","jsxs","Plus","Search"],"mappings":";;AAiCO,SAASA,EAAY;AAAA,EAC1B,OAAAC;AAAA,EACA,mBAAAC,IAAoB;AAAA,EACpB,aAAAC,IAAc;AAAA,EACd,gBAAAC;AAAA,EACA,UAAAC;AAAA,EACA,YAAAC,IAAa;AAAA,EACb,QAAAC;AAAA,EACA,aAAAC;AAAA,EACA,eAAAC;AAAA,EACA,SAAAC,IAAU;AAAA,EACV,YAAAC;AACF,GAAqB;AACnB,MAAI,CAACA;AACH,WACEC,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,oCAAmC,UAAA,mCAElD;AAIJ,QAAM,EAAE,OAAAC,GAAO,QAAAC,EAAA,IAAWH,GAEpBI,IAAiB,CAACC,MAA2B;AACjD,IAAIA,EAAE,QAAQ,WAAWX,KACvBA,EAAA;AAAA,EAEJ;AAEA,SACEY,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,IAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,qCACb,UAAA;AAAA,MAAAL,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,qDACZ,UAAAX,GACH;AAAA,MACAgB,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BACZ,UAAA;AAAA,QAAAV,KAAUK,gBAAAA,EAAAA,IAAC,OAAA,EAAI,WAAU,2BAA2B,UAAAL,GAAO;AAAA,QAC3D,CAACA,KAAUC,KAAeC,KACzBQ,gBAAAA,EAAAA,KAACH,GAAA,EAAO,SAASL,GAAe,UAAUC,GAAS,MAAK,MACtD,UAAA;AAAA,UAAAE,gBAAAA,EAAAA,IAACM,GAAA,EAAK,WAAU,eAAA,CAAe;AAAA,UAC9BV;AAAA,QAAA,EAAA,CACH;AAAA,MAAA,EAAA,CAEJ;AAAA,IAAA,GACF;AAAA,IACCF,KACCW,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,2BACb,UAAA;AAAA,MAAAA,gBAAAA,EAAAA,KAAC,OAAA,EAAI,WAAU,4BACb,UAAA;AAAA,QAAAL,gBAAAA,EAAAA,IAACO,GAAA,EAAO,WAAU,wDAAA,CAAwD;AAAA,QAC1EP,gBAAAA,EAAAA;AAAAA,UAACC;AAAA,UAAA;AAAA,YACC,aAAaX;AAAA,YACb,OAAOC;AAAA,YACP,UAAU,CAACa,MACTZ,KAAA,gBAAAA,EAAiBY,EAAE,OAAO;AAAA,YAE5B,YAAYD;AAAA,YACZ,WAAU;AAAA,YACV,UAAUL;AAAA,UAAA;AAAA,QAAA;AAAA,MACZ,GACF;AAAA,MACCL,KACCO,gBAAAA,EAAAA;AAAAA,QAACE;AAAA,QAAA;AAAA,UACC,SAAST;AAAA,UACT,UAAUK;AAAA,UACV,SAAQ;AAAA,UACR,MAAK;AAAA,UACN,UAAA;AAAA,QAAA;AAAA,MAAA;AAAA,IAED,EAAA,CAEJ;AAAA,EAAA,GAEJ;AAEJ;"}

package/dist/table-pagination.cjs

@@ -0,0 +1,2 @@
+"use strict";Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const e=require("./jsx-runtime-BB_1_6y_.cjs"),b=require("lucide-react"),R=require("react");function O({currentPage:t,pageSize:x,total:l,onPageChange:E,onPageSizeChange:d,pageSizeOptions:v=[10,20,50],showPageSizeSelector:N=!0,showJumpToPage:g=!0,showTotal:p=!0,searchActive:y=!1,components:j}){const[f,h]=R.useState(String(t+1));if(R.useEffect(()=>{h(String(t+1))},[t]),!j)return e.jsxRuntimeExports.jsx("div",{className:"p-4 text-center text-destructive",children:"错误：请通过 components prop 注入 UI 组件"});const{Button:o,Select:S,SelectTrigger:w,SelectContent:I,SelectItem:$,SelectValue:C}=j,M=Math.ceil(l/x),i=Math.max(M,1),T=t*x+1,k=Math.min((t+1)*x,l),q=Array.from(new Set([...v,x])).sort((s,n)=>s-n),A=N&&!!d,u=i>1,c=s=>{const n=Math.max(0,Math.min(s,i-1));n!==t&&E(n)},B=(()=>{if(i<=7)return Array.from({length:i},(r,a)=>a);const s=new Set([0,1,i-2,i-1,t-1,t,t+1]),n=Array.from(s).filter(r=>r>=0&&r<i).sort((r,a)=>r-a),m=[];for(const r of n){const a=m[m.length-1];typeof a=="number"&&r-a>1&&m.push("ellipsis"),m.push(r)}return m})();return l===0?null:e.jsxRuntimeExports.jsxs("div",{className:`flex w-full items-center gap-3 ${p?"justify-between":"justify-end"}`,children:[p&&e.jsxRuntimeExports.jsx("div",{className:"text-sm text-muted-foreground",children:y?`找到 ${l} 条匹配记录`:l>0?`显示 ${T} - ${k} 条，共 ${l} 条记录`:"暂无数据"}),e.jsxRuntimeExports.jsxs("div",{className:"flex flex-wrap items-center justify-end gap-2",children:[A&&e.jsxRuntimeExports.jsxs("div",{className:"mr-2 flex items-center gap-2",children:[e.jsxRuntimeExports.jsx("span",{className:"text-sm text-muted-foreground",children:"每页"}),e.jsxRuntimeExports.jsxs(S,{value:String(x),onValueChange:s=>{const n=Number(s);Number.isNaN(n)||n===x||!d||d(n)},children:[e.jsxRuntimeExports.jsx(w,{className:"h-8 w-[90px]",children:e.jsxRuntimeExports.jsx(C,{})}),e.jsxRuntimeExports.jsx(I,{children:q.map(s=>e.jsxRuntimeExports.jsx($,{value:String(s),children:s},s))})]}),e.jsxRuntimeExports.jsx("span",{className:"text-sm text-muted-foreground",children:"条"})]}),e.jsxRuntimeExports.jsxs("div",{className:"mr-4 text-sm text-muted-foreground",children:["第 ",t+1," 页，共 ",i," 页"]}),e.jsxRuntimeExports.jsx(o,{variant:"outline",size:"icon",onClick:()=>c(t-1),disabled:t===0||!u,"aria-label":"上一页",children:e.jsxRuntimeExports.jsx(b.ChevronLeft,{className:"h-4 w-4"})}),e.jsxRuntimeExports.jsx("div",{className:"flex items-center gap-1",children:B.map((s,n)=>s==="ellipsis"?e.jsxRuntimeExports.jsx("span",{className:"inline-flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",children:"..."},`ellipsis-${n}`):e.jsxRuntimeExports.jsx(o,{variant:s===t?"default":"outline",size:"sm",onClick:()=>c(s),disabled:s===t,"aria-current":s===t?"page":void 0,children:s+1},s))}),e.jsxRuntimeExports.jsx(o,{variant:"outline",size:"icon",onClick:()=>c(t+1),disabled:t>=i-1||!u,"aria-label":"下一页",children:e.jsxRuntimeExports.jsx(b.ChevronRight,{className:"h-4 w-4"})}),g&&e.jsxRuntimeExports.jsxs("form",{className:"ml-1 flex items-center gap-2",onSubmit:s=>{s.preventDefault();const n=Number.parseInt(f,10);Number.isNaN(n)||c(n-1)},children:[e.jsxRuntimeExports.jsx("span",{className:"text-sm text-muted-foreground",children:"跳至"}),e.jsxRuntimeExports.jsx("input",{type:"number",min:1,max:i,value:f,disabled:!u,onChange:s=>h(s.target.value),className:"h-8 w-16 rounded-md border border-input bg-background px-2 text-sm","aria-label":"跳转页码"}),e.jsxRuntimeExports.jsx(o,{type:"submit",variant:"outline",size:"sm",disabled:!u,children:"跳转"})]})]})]})}exports.TablePagination=O;
+//# sourceMappingURL=table-pagination.cjs.map

package/dist/table-pagination.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-pagination.cjs","sources":["../src/components/TablePagination.tsx"],"sourcesContent":["import { ChevronLeft, ChevronRight } from 'lucide-react';\nimport { useEffect, useState } from 'react';\n\nimport type {\n  ButtonComponent,\n  SelectComponent,\n  SelectTriggerComponent,\n  SelectContentComponent,\n  SelectItemComponent,\n  SelectValueComponent,\n} from '../types/component-types';\n\n/**\n * UI 组件适配器接口\n */\nexport interface PaginationUIComponents {\n  Button: ButtonComponent;\n  Select: SelectComponent;\n  SelectTrigger: SelectTriggerComponent;\n  SelectContent: SelectContentComponent;\n  SelectItem: SelectItemComponent;\n  SelectValue: SelectValueComponent;\n}\n\nexport interface TablePaginationProps {\n  currentPage: number;\n  pageSize: number;\n  total: number;\n  onPageChange: (page: number) => void;\n  onPageSizeChange?: (pageSize: number) => void;\n  pageSizeOptions?: number[];\n  showPageSizeSelector?: boolean;\n  showJumpToPage?: boolean;\n  showTotal?: boolean;\n  searchActive?: boolean;\n\n  // UI 组件注入\n  components?: PaginationUIComponents;\n}\n\n/**\n * 表格分页组件\n * 支持页码切换和每页条数选择\n */\nexport function TablePagination({\n  currentPage,\n  pageSize,\n  total,\n  onPageChange,\n  onPageSizeChange,\n  pageSizeOptions = [10, 20, 50],\n  showPageSizeSelector = true,\n  showJumpToPage = true,\n  showTotal = true,\n  searchActive = false,\n  components,\n}: TablePaginationProps) {\n  const [jumpPageInput, setJumpPageInput] = useState(String(currentPage + 1));\n\n  useEffect(() => {\n    setJumpPageInput(String(currentPage + 1));\n  }, [currentPage]);\n\n  if (!components) {\n    return (\n      <div className=\"p-4 text-center text-destructive\">\n        错误：请通过 components prop 注入 UI 组件\n      </div>\n    );\n  }\n\n  const {\n    Button,\n    Select,\n    SelectTrigger,\n    SelectContent,\n    SelectItem,\n    SelectValue,\n  } = components;\n\n  const totalPages = Math.ceil(total / pageSize);\n  const safeTotalPages = Math.max(totalPages, 1);\n  const startItem = currentPage * pageSize + 1;\n  const endItem = Math.min((currentPage + 1) * pageSize, total);\n  const availablePageSizeOptions = Array.from(\n    new Set([...pageSizeOptions, pageSize])\n  ).sort((a, b) => a - b);\n  const canChangePageSize = showPageSizeSelector && Boolean(onPageSizeChange);\n  const canSwitchPage = safeTotalPages > 1;\n\n  const goToPage = (page: number) => {\n    const nextPage = Math.max(0, Math.min(page, safeTotalPages - 1));\n    if (nextPage === currentPage) {\n      return;\n    }\n    onPageChange(nextPage);\n  };\n\n  const pageIndicators = (() => {\n    if (safeTotalPages <= 7) {\n      return Array.from({ length: safeTotalPages }, (_, index) => index);\n    }\n\n    const pages = new Set<number>([\n      0,\n      1,\n      safeTotalPages - 2,\n      safeTotalPages - 1,\n      currentPage - 1,\n      currentPage,\n      currentPage + 1,\n    ]);\n\n    const visiblePages = Array.from(pages)\n      .filter((page) => page >= 0 && page < safeTotalPages)\n      .sort((a, b) => a - b);\n    const indicators: Array<number | 'ellipsis'> = [];\n\n    for (const page of visiblePages) {\n      const previous = indicators[indicators.length - 1];\n      if (typeof previous === 'number' && page - previous > 1) {\n        indicators.push('ellipsis');\n      }\n      indicators.push(page);\n    }\n\n    return indicators;\n  })();\n\n  // 如果没有数据，不显示分页\n  if (total === 0) return null;\n\n  return (\n    <div\n      className={`flex w-full items-center gap-3 ${\n        showTotal ? 'justify-between' : 'justify-end'\n      }`}\n    >\n      {showTotal && (\n        <div className=\"text-sm text-muted-foreground\">\n          {searchActive\n            ? `找到 ${total} 条匹配记录`\n            : total > 0\n              ? `显示 ${startItem} - ${endItem} 条，共 ${total} 条记录`\n              : '暂无数据'}\n        </div>\n      )}\n      <div className=\"flex flex-wrap items-center justify-end gap-2\">\n        {canChangePageSize && (\n          <div className=\"mr-2 flex items-center gap-2\">\n            <span className=\"text-sm text-muted-foreground\">每页</span>\n            <Select\n              value={String(pageSize)}\n              onValueChange={(value: string) => {\n                const nextPageSize = Number(value);\n                if (\n                  Number.isNaN(nextPageSize) ||\n                  nextPageSize === pageSize ||\n                  !onPageSizeChange\n                ) {\n                  return;\n                }\n                onPageSizeChange(nextPageSize);\n              }}\n            >\n              <SelectTrigger className=\"h-8 w-[90px]\">\n                <SelectValue />\n              </SelectTrigger>\n              <SelectContent>\n                {availablePageSizeOptions.map((option) => (\n                  <SelectItem key={option} value={String(option)}>\n                    {option}\n                  </SelectItem>\n                ))}\n              </SelectContent>\n            </Select>\n            <span className=\"text-sm text-muted-foreground\">条</span>\n          </div>\n        )}\n        <div className=\"mr-4 text-sm text-muted-foreground\">\n          第 {currentPage + 1} 页，共 {safeTotalPages} 页\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => goToPage(currentPage - 1)}\n          disabled={currentPage === 0 || !canSwitchPage}\n          aria-label=\"上一页\"\n        >\n          <ChevronLeft className=\"h-4 w-4\" />\n        </Button>\n        <div className=\"flex items-center gap-1\">\n          {pageIndicators.map((indicator, index) =>\n            indicator === 'ellipsis' ? (\n              <span\n                key={`ellipsis-${index}`}\n                className=\"inline-flex h-8 w-8 items-center justify-center text-sm text-muted-foreground\"\n              >\n                ...\n              </span>\n            ) : (\n              <Button\n                key={indicator}\n                variant={indicator === currentPage ? 'default' : 'outline'}\n                size=\"sm\"\n                onClick={() => goToPage(indicator)}\n                disabled={indicator === currentPage}\n                aria-current={indicator === currentPage ? 'page' : undefined}\n              >\n                {indicator + 1}\n              </Button>\n            )\n          )}\n        </div>\n        <Button\n          variant=\"outline\"\n          size=\"icon\"\n          onClick={() => goToPage(currentPage + 1)}\n          disabled={currentPage >= safeTotalPages - 1 || !canSwitchPage}\n          aria-label=\"下一页\"\n        >\n          <ChevronRight className=\"h-4 w-4\" />\n        </Button>\n        {showJumpToPage && (\n          <form\n            className=\"ml-1 flex items-center gap-2\"\n            onSubmit={(event) => {\n              event.preventDefault();\n              const nextPage = Number.parseInt(jumpPageInput, 10);\n              if (Number.isNaN(nextPage)) {\n                return;\n              }\n              goToPage(nextPage - 1);\n            }}\n          >\n            <span className=\"text-sm text-muted-foreground\">跳至</span>\n            <input\n              type=\"number\"\n              min={1}\n              max={safeTotalPages}\n              value={jumpPageInput}\n              disabled={!canSwitchPage}\n              onChange={(event) => setJumpPageInput(event.target.value)}\n              className=\"h-8 w-16 rounded-md border border-input bg-background px-2 text-sm\"\n              aria-label=\"跳转页码\"\n            />\n            <Button\n              type=\"submit\"\n              variant=\"outline\"\n              size=\"sm\"\n              disabled={!canSwitchPage}\n            >\n              跳转\n            </Button>\n          </form>\n        )}\n      </div>\n    </div>\n  );\n}\n"],"names":["TablePagination","currentPage","pageSize","total","onPageChange","onPageSizeChange","pageSizeOptions","showPageSizeSelector","showJumpToPage","showTotal","searchActive","components","jumpPageInput","setJumpPageInput","useState","useEffect","jsx","Button","Select","SelectTrigger","SelectContent","SelectItem","SelectValue","totalPages","safeTotalPages","startItem","endItem","availablePageSizeOptions","a","b","canChangePageSize","canSwitchPage","goToPage","page","nextPage","pageIndicators","_","index","pages","visiblePages","indicators","previous","jsxs","value","nextPageSize","option","ChevronLeft","indicator","ChevronRight","event"],"mappings":"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"}

package/dist/table-pagination.d.ts

@@ -0,0 +1,3 @@
+export { TablePagination } from './components/TablePagination';
+export type { PaginationUIComponents, TablePaginationProps, } from './components/TablePagination';
+//# sourceMappingURL=table-pagination.d.ts.map

package/dist/table-pagination.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"table-pagination.d.ts","sourceRoot":"","sources":["../src/table-pagination.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,MAAM,8BAA8B,CAAC;AAC/D,YAAY,EACV,sBAAsB,EACtB,oBAAoB,GACrB,MAAM,8BAA8B,CAAC"}