@turinhub/atomix-common-ui 0.2.0 → 0.2.2

package/dist/index-6lJCWESg.js

@@ -0,0 +1,1793 @@
+import { clsx as Qe } from "clsx";
+import { twMerge as et } from "tailwind-merge";
+import tt, { useState as M, useEffect as te, useRef as je, useMemo as Oe, useCallback as ne, memo as rt } from "react";
+import { MoreVertical as st, Plus as nt, Search as lt, ChevronLeft as we, ChevronRight as ke, ZoomOut as Ie, ZoomIn as Fe, Minimize2 as Se, Maximize2 as $e, PanelLeft as at, RotateCw as it, ScrollText as ct, FileText as ot } from "lucide-react";
+function yt(...r) {
+  return et(Qe(r));
+}
+var Ne = { exports: {} }, he = {};
+/**
+ * @license React
+ * react-jsx-runtime.production.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var De;
+function ut() {
+  if (De) return he;
+  De = 1;
+  var r = Symbol.for("react.transitional.element"), j = Symbol.for("react.fragment");
+  function c(u, a, f) {
+    var h = null;
+    if (f !== void 0 && (h = "" + f), a.key !== void 0 && (h = "" + a.key), "key" in a) {
+      f = {};
+      for (var o in a)
+        o !== "key" && (f[o] = a[o]);
+    } else f = a;
+    return a = f.ref, {
+      $$typeof: r,
+      type: u,
+      key: h,
+      ref: a !== void 0 ? a : null,
+      props: f
+    };
+  }
+  return he.Fragment = j, he.jsx = c, he.jsxs = c, he;
+}
+var pe = {};
+/**
+ * @license React
+ * react-jsx-runtime.development.js
+ *
+ * Copyright (c) Meta Platforms, Inc. and affiliates.
+ *
+ * This source code is licensed under the MIT license found in the
+ * LICENSE file in the root directory of this source tree.
+ */
+var Me;
+function dt() {
+  return Me || (Me = 1, process.env.NODE_ENV !== "production" && (function() {
+    function r(t) {
+      if (t == null) return null;
+      if (typeof t == "function")
+        return t.$$typeof === K ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case L:
+          return "Fragment";
+        case N:
+          return "Profiler";
+        case W:
+          return "StrictMode";
+        case q:
+          return "Suspense";
+        case O:
+          return "SuspenseList";
+        case U:
+          return "Activity";
+      }
+      if (typeof t == "object")
+        switch (typeof t.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), t.$$typeof) {
+          case J:
+            return "Portal";
+          case d:
+            return t.displayName || "Context";
+          case g:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case Y:
+            var s = t.render;
+            return t = t.displayName, t || (t = s.displayName || s.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case I:
+            return s = t.displayName || null, s !== null ? s : r(t.type) || "Memo";
+          case S:
+            s = t._payload, t = t._init;
+            try {
+              return r(t(s));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function j(t) {
+      return "" + t;
+    }
+    function c(t) {
+      try {
+        j(t);
+        var s = !1;
+      } catch {
+        s = !0;
+      }
+      if (s) {
+        s = console;
+        var x = s.error, D = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return x.call(
+          s,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          D
+        ), j(t);
+      }
+    }
+    function u(t) {
+      if (t === L) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === S)
+        return "<...>";
+      try {
+        var s = r(t);
+        return s ? "<" + s + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var t = i.A;
+      return t === null ? null : t.getOwner();
+    }
+    function f() {
+      return Error("react-stack-top-frame");
+    }
+    function h(t) {
+      if (C.call(t, "key")) {
+        var s = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (s && s.isReactWarning) return !1;
+      }
+      return t.key !== void 0;
+    }
+    function o(t, s) {
+      function x() {
+        H || (H = !0, console.error(
+          "%s: `key` is not a prop. Trying to access it will result in `undefined` being returned. If you need to access the same value within the child component, you should pass it as a different prop. (https://react.dev/link/special-props)",
+          s
+        ));
+      }
+      x.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: x,
+        configurable: !0
+      });
+    }
+    function _() {
+      var t = r(this.type);
+      return ue[t] || (ue[t] = !0, console.error(
+        "Accessing element.ref was removed in React 19. ref is now a regular prop. It will be removed from the JSX Element type in a future release."
+      )), t = this.props.ref, t !== void 0 ? t : null;
+    }
+    function b(t, s, x, D, X, le) {
+      var R = x.ref;
+      return t = {
+        $$typeof: z,
+        type: t,
+        key: s,
+        props: x,
+        _owner: D
+      }, (R !== void 0 ? R : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: _
+      }) : Object.defineProperty(t, "ref", { enumerable: !1, value: null }), t._store = {}, Object.defineProperty(t._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(t, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(t, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: X
+      }), Object.defineProperty(t, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: le
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function l(t, s, x, D, X, le) {
+      var R = s.children;
+      if (R !== void 0)
+        if (D)
+          if (E(R)) {
+            for (D = 0; D < R.length; D++)
+              P(R[D]);
+            Object.freeze && Object.freeze(R);
+          } else
+            console.error(
+              "React.jsx: Static children should always be an array. You are likely explicitly calling React.jsxs or React.jsxDEV. Use the Babel transform instead."
+            );
+        else P(R);
+      if (C.call(s, "key")) {
+        R = r(t);
+        var V = Object.keys(s).filter(function(w) {
+          return w !== "key";
+        });
+        D = 0 < V.length ? "{key: someKey, " + V.join(": ..., ") + ": ...}" : "{key: someKey}", se[R + D] || (V = 0 < V.length ? "{" + V.join(": ..., ") + ": ...}" : "{}", console.error(
+          `A props object containing a "key" prop is being spread into JSX:
+  let props = %s;
+  <%s {...props} />
+React keys must be passed directly to JSX without using spread:
+  let props = %s;
+  <%s key={someKey} {...props} />`,
+          D,
+          R,
+          V,
+          R
+        ), se[R + D] = !0);
+      }
+      if (R = null, x !== void 0 && (c(x), R = "" + x), h(s) && (c(s.key), R = "" + s.key), "key" in s) {
+        x = {};
+        for (var p in s)
+          p !== "key" && (x[p] = s[p]);
+      } else x = s;
+      return R && o(
+        x,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), b(
+        t,
+        R,
+        x,
+        a(),
+        X,
+        le
+      );
+    }
+    function P(t) {
+      A(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === S && (t._payload.status === "fulfilled" ? A(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    }
+    function A(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === z;
+    }
+    var y = tt, z = Symbol.for("react.transitional.element"), J = Symbol.for("react.portal"), L = Symbol.for("react.fragment"), W = Symbol.for("react.strict_mode"), N = Symbol.for("react.profiler"), g = Symbol.for("react.consumer"), d = Symbol.for("react.context"), Y = Symbol.for("react.forward_ref"), q = Symbol.for("react.suspense"), O = Symbol.for("react.suspense_list"), I = Symbol.for("react.memo"), S = Symbol.for("react.lazy"), U = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), i = y.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, C = Object.prototype.hasOwnProperty, E = Array.isArray, $ = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    y = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var H, ue = {}, re = y.react_stack_bottom_frame.bind(
+      y,
+      f
+    )(), Z = $(u(f)), se = {};
+    pe.Fragment = L, pe.jsx = function(t, s, x) {
+      var D = 1e4 > i.recentlyCreatedOwnerStacks++;
+      return l(
+        t,
+        s,
+        x,
+        !1,
+        D ? Error("react-stack-top-frame") : re,
+        D ? $(u(t)) : Z
+      );
+    }, pe.jsxs = function(t, s, x) {
+      var D = 1e4 > i.recentlyCreatedOwnerStacks++;
+      return l(
+        t,
+        s,
+        x,
+        !0,
+        D ? Error("react-stack-top-frame") : re,
+        D ? $(u(t)) : Z
+      );
+    };
+  })()), pe;
+}
+var Ae;
+function mt() {
+  return Ae || (Ae = 1, process.env.NODE_ENV === "production" ? Ne.exports = ut() : Ne.exports = dt()), Ne.exports;
+}
+var e = mt();
+function Nt({
+  data: r,
+  loading: j = !1,
+  columns: c,
+  rowKey: u,
+  emptyText: a = "暂无数据",
+  searchActiveEmptyText: f = "未找到匹配的记录",
+  header: h,
+  pagination: o,
+  rowClassName: _,
+  onRow: b,
+  actions: l,
+  components: P,
+  renderCard: A,
+  renderTable: y,
+  renderActions: z
+}) {
+  var R, V;
+  if (!P)
+    return /* @__PURE__ */ e.jsxs("div", { className: "p-4 text-center text-destructive", children: [
+      "错误：请通过 components prop 注入 UI 组件",
+      /* @__PURE__ */ e.jsx("br", {}),
+      /* @__PURE__ */ e.jsx("code", { className: "text-sm", children: 'import { Card, Table, Button, ... } from "@/components/ui"' })
+    ] });
+  const {
+    Card: J,
+    CardContent: L,
+    CardFooter: W,
+    Table: N,
+    TableBody: g,
+    TableCell: d,
+    TableHead: Y,
+    TableHeader: q,
+    TableRow: O,
+    Button: I,
+    DropdownMenu: S,
+    DropdownMenuTrigger: U,
+    DropdownMenuContent: K,
+    DropdownMenuItem: i,
+    DropdownMenuSeparator: C,
+    Skeleton: E,
+    TableHeaderComponent: $,
+    TablePaginationComponent: H
+  } = P, ue = (p, w) => {
+    if (typeof u == "function")
+      return u(p);
+    const B = p[u];
+    return B != null ? String(B) : `row-${w}`;
+  }, re = !!(h != null && h.searchValue && h.searchValue.trim().length > 0), Z = !!(l != null && l.render || (R = l == null ? void 0 : l.items) != null && R.length), se = (l == null ? void 0 : l.mode) ?? ((V = l == null ? void 0 : l.items) != null && V.length ? "collapsed" : "expanded"), t = (p) => p.separator === !0, s = (p, w) => !l || !Z ? null : se === "collapsed" && l.items && l.items.length > 0 ? /* @__PURE__ */ e.jsxs(S, { children: [
+    /* @__PURE__ */ e.jsx(U, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      I,
+      {
+        variant: "ghost",
+        className: "h-8 w-8 p-0",
+        "aria-label": "打开行操作菜单",
+        children: /* @__PURE__ */ e.jsx(st, { className: "h-4 w-4" })
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(K, { align: "end", children: l.items.map(
+      (B, de) => t(B) ? /* @__PURE__ */ e.jsx(C, {}, `separator-${de}`) : /* @__PURE__ */ e.jsxs(
+        i,
+        {
+          onClick: () => B.onClick(p, w),
+          className: B.className,
+          children: [
+            B.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 h-4 w-4", children: B.icon }),
+            B.label
+          ]
+        },
+        `action-${de}`
+      )
+    ) })
+  ] }) : l.render ? l.render(p, w) : null, x = () => /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsxs(O, { className: "bg-muted/50 hover:bg-muted/50", children: [
+    c.map((p) => /* @__PURE__ */ e.jsx(
+      Y,
+      {
+        className: `font-semibold text-foreground ${p.align === "center" ? "text-center" : p.align === "right" ? "text-right" : "text-left"}`,
+        style: { width: p.width },
+        children: p.title
+      },
+      String(p.key)
+    )),
+    Z && /* @__PURE__ */ e.jsx(Y, { className: "text-right font-semibold text-foreground", children: (l == null ? void 0 : l.title) || "操作" })
+  ] }) }), D = () => j ? /* @__PURE__ */ e.jsx(g, { children: Array.from({ length: 5 }).map((p, w) => /* @__PURE__ */ e.jsxs(O, { children: [
+    c.map((B) => /* @__PURE__ */ e.jsx(
+      d,
+      {
+        style: { width: B.width },
+        className: B.align === "center" ? "text-center" : B.align === "right" ? "text-right" : "",
+        children: /* @__PURE__ */ e.jsx(E, { className: "h-4 w-full" })
+      },
+      String(B.key)
+    )),
+    Z && /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(E, { className: "ml-auto h-4 w-8" }) })
+  ] }, w)) }) : r.length === 0 ? /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(O, { children: /* @__PURE__ */ e.jsx(
+    d,
+    {
+      colSpan: c.length + (Z ? 1 : 0),
+      className: "py-8 text-center text-muted-foreground",
+      children: re ? f : a
+    }
+  ) }) }) : /* @__PURE__ */ e.jsx(g, { children: r.map((p, w) => {
+    const B = ue(p, w), de = b == null ? void 0 : b(p, w), ie = _ == null ? void 0 : _(p, w);
+    return /* @__PURE__ */ e.jsxs(
+      O,
+      {
+        className: `${ie || ""} hover:bg-muted/50`,
+        ...de,
+        children: [
+          c.map((ee) => {
+            const me = p[ee.key], fe = ee.render ? ee.render(me, p, w) : me;
+            return /* @__PURE__ */ e.jsx(
+              d,
+              {
+                className: ee.align === "center" ? "text-center" : ee.align === "right" ? "text-right" : "",
+                children: fe
+              },
+              String(ee.key)
+            );
+          }),
+          Z && /* @__PURE__ */ e.jsx(d, { className: "text-right", children: z ? z(p, w) : s(p, w) })
+        ]
+      },
+      B
+    );
+  }) }), X = (p) => /* @__PURE__ */ e.jsxs(J, { children: [
+    h && /* @__PURE__ */ e.jsx("div", { className: "p-6 pb-0", children: /* @__PURE__ */ e.jsx($, { ...h }) }),
+    /* @__PURE__ */ e.jsx(L, { className: "p-0", children: p }),
+    (o == null ? void 0 : o.show) !== !1 && o && /* @__PURE__ */ e.jsx(W, { className: "border-t py-4", children: /* @__PURE__ */ e.jsx(
+      H,
+      {
+        currentPage: o.currentPage,
+        pageSize: o.pageSize,
+        total: o.total,
+        onPageChange: o.onPageChange,
+        onPageSizeChange: o.onPageSizeChange,
+        pageSizeOptions: o.pageSizeOptions,
+        showPageSizeSelector: o.showPageSizeSelector,
+        showJumpToPage: o.showJumpToPage,
+        showTotal: o.showTotal,
+        searchActive: re
+      }
+    ) })
+  ] }), le = (p, w) => /* @__PURE__ */ e.jsxs(N, { children: [
+    p,
+    w
+  ] });
+  return A ? A(
+    y ? y(x(), D()) : le(x(), D())
+  ) : X(
+    y ? y(x(), D()) : le(x(), D())
+  );
+}
+function wt({
+  open: r,
+  onOpenChange: j,
+  title: c,
+  description: u,
+  onConfirm: a,
+  loading: f = !1,
+  confirmText: h = "确认删除",
+  cancelText: o = "取消",
+  confirmButtonVariant: _ = "destructive",
+  verification: b,
+  components: l,
+  loadingIcon: P
+}) {
+  const [A, y] = M("");
+  if (te(() => {
+    r && y("");
+  }, [r, b == null ? void 0 : b.targetValue]), !l)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Dialog: z,
+    DialogContent: J,
+    DialogHeader: L,
+    DialogFooter: W,
+    DialogTitle: N,
+    DialogDescription: g,
+    Button: d,
+    Input: Y,
+    Label: q
+  } = l, O = b ? A !== b.targetValue : !1, I = () => {
+    O || a();
+  };
+  return /* @__PURE__ */ e.jsx(z, { open: r, onOpenChange: j, children: /* @__PURE__ */ e.jsxs(J, { children: [
+    /* @__PURE__ */ e.jsxs(L, { children: [
+      /* @__PURE__ */ e.jsx(N, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: c }) }),
+      /* @__PURE__ */ e.jsx(g, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { children: u }) })
+    ] }),
+    b && /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(q, { htmlFor: "confirm-input", children: b.label || "请输入以确认" }),
+      /* @__PURE__ */ e.jsx(
+        Y,
+        {
+          id: "confirm-input",
+          value: A,
+          onChange: (S) => y(S.target.value),
+          placeholder: b.placeholder,
+          disabled: f
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e.jsxs(W, { children: [
+      /* @__PURE__ */ e.jsx(
+        d,
+        {
+          variant: "outline",
+          onClick: () => j(!1),
+          disabled: f,
+          children: o
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        d,
+        {
+          variant: _,
+          onClick: I,
+          disabled: O || f,
+          children: [
+            f && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: P || /* @__PURE__ */ e.jsxs(
+              "svg",
+              {
+                className: "h-4 w-4 animate-spin",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                children: [
+                  /* @__PURE__ */ e.jsx(
+                    "circle",
+                    {
+                      className: "opacity-25",
+                      cx: "12",
+                      cy: "12",
+                      r: "10",
+                      stroke: "currentColor",
+                      strokeWidth: "4"
+                    }
+                  ),
+                  /* @__PURE__ */ e.jsx(
+                    "path",
+                    {
+                      className: "opacity-75",
+                      fill: "currentColor",
+                      d: "M4 12a8 8 0 018-8V0C5.373 0 0 5.373 0 12h4zm2 5.291A7.962 7.962 0 014 12H0c0 3.042 1.135 5.824 3 7.938l3-2.647z"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            h
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function kt({
+  title: r,
+  searchPlaceholder: j = "搜索...",
+  searchValue: c = "",
+  onSearchChange: u,
+  onSearch: a,
+  showSearch: f = !0,
+  action: h,
+  actionLabel: o,
+  onActionClick: _,
+  loading: b = !1,
+  components: l
+}) {
+  if (!l)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { Input: P, Button: A } = l, y = (z) => {
+    z.key === "Enter" && a && a();
+  };
+  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: r }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        h && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: h }),
+        !h && o && _ && /* @__PURE__ */ e.jsxs(A, { onClick: _, disabled: b, size: "sm", children: [
+          /* @__PURE__ */ e.jsx(nt, { className: "mr-2 h-4 w-4" }),
+          o
+        ] })
+      ] })
+    ] }),
+    f && /* @__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(lt, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ e.jsx(
+          P,
+          {
+            placeholder: j,
+            value: c,
+            onChange: (z) => u == null ? void 0 : u(z.target.value),
+            onKeyPress: y,
+            className: "h-9 pl-8",
+            disabled: b
+          }
+        )
+      ] }),
+      a && /* @__PURE__ */ e.jsx(
+        A,
+        {
+          onClick: a,
+          disabled: b,
+          variant: "secondary",
+          size: "sm",
+          children: "搜索"
+        }
+      )
+    ] })
+  ] });
+}
+function Tt({
+  currentPage: r,
+  pageSize: j,
+  total: c,
+  onPageChange: u,
+  onPageSizeChange: a,
+  pageSizeOptions: f = [10, 20, 50],
+  showPageSizeSelector: h = !0,
+  showJumpToPage: o = !0,
+  showTotal: _ = !0,
+  searchActive: b = !1,
+  components: l
+}) {
+  const [P, A] = M(String(r + 1));
+  if (te(() => {
+    A(String(r + 1));
+  }, [r]), !l)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Button: y,
+    Select: z,
+    SelectTrigger: J,
+    SelectContent: L,
+    SelectItem: W,
+    SelectValue: N
+  } = l, g = Math.ceil(c / j), d = Math.max(g, 1), Y = r * j + 1, q = Math.min((r + 1) * j, c), O = Array.from(
+    /* @__PURE__ */ new Set([...f, j])
+  ).sort((i, C) => i - C), I = h && !!a, S = d > 1, U = (i) => {
+    const C = Math.max(0, Math.min(i, d - 1));
+    C !== r && u(C);
+  }, K = (() => {
+    if (d <= 7)
+      return Array.from({ length: d }, ($, H) => H);
+    const i = /* @__PURE__ */ new Set([
+      0,
+      1,
+      d - 2,
+      d - 1,
+      r - 1,
+      r,
+      r + 1
+    ]), C = Array.from(i).filter(($) => $ >= 0 && $ < d).sort(($, H) => $ - H), E = [];
+    for (const $ of C) {
+      const H = E[E.length - 1];
+      typeof H == "number" && $ - H > 1 && E.push("ellipsis"), E.push($);
+    }
+    return E;
+  })();
+  return c === 0 ? null : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `flex w-full items-center gap-3 ${_ ? "justify-between" : "justify-end"}`,
+      children: [
+        _ && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: b ? `找到 ${c} 条匹配记录` : c > 0 ? `显示 ${Y} - ${q} 条，共 ${c} 条记录` : "暂无数据" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+          I && /* @__PURE__ */ e.jsxs("div", { className: "mr-2 flex items-center gap-2", children: [
+            /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "每页" }),
+            /* @__PURE__ */ e.jsxs(
+              z,
+              {
+                value: String(j),
+                onValueChange: (i) => {
+                  const C = Number(i);
+                  Number.isNaN(C) || C === j || !a || a(C);
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx(J, { className: "h-8 w-[90px]", children: /* @__PURE__ */ e.jsx(N, {}) }),
+                  /* @__PURE__ */ e.jsx(L, { children: O.map((i) => /* @__PURE__ */ e.jsx(W, { value: String(i), children: i }, i)) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "条" })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "mr-4 text-sm text-muted-foreground", children: [
+            "第 ",
+            r + 1,
+            " 页，共 ",
+            d,
+            " 页"
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            y,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => U(r - 1),
+              disabled: r === 0 || !S,
+              "aria-label": "上一页",
+              children: /* @__PURE__ */ e.jsx(we, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1", children: K.map(
+            (i, C) => i === "ellipsis" ? /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                className: "inline-flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
+                children: "..."
+              },
+              `ellipsis-${C}`
+            ) : /* @__PURE__ */ e.jsx(
+              y,
+              {
+                variant: i === r ? "default" : "outline",
+                size: "sm",
+                onClick: () => U(i),
+                disabled: i === r,
+                "aria-current": i === r ? "page" : void 0,
+                children: i + 1
+              },
+              i
+            )
+          ) }),
+          /* @__PURE__ */ e.jsx(
+            y,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => U(r + 1),
+              disabled: r >= d - 1 || !S,
+              "aria-label": "下一页",
+              children: /* @__PURE__ */ e.jsx(ke, { className: "h-4 w-4" })
+            }
+          ),
+          o && /* @__PURE__ */ e.jsxs(
+            "form",
+            {
+              className: "ml-1 flex items-center gap-2",
+              onSubmit: (i) => {
+                i.preventDefault();
+                const C = Number.parseInt(P, 10);
+                Number.isNaN(C) || U(C - 1);
+              },
+              children: [
+                /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "跳至" }),
+                /* @__PURE__ */ e.jsx(
+                  "input",
+                  {
+                    type: "number",
+                    min: 1,
+                    max: d,
+                    value: P,
+                    disabled: !S,
+                    onChange: (i) => A(i.target.value),
+                    className: "h-8 w-16 rounded-md border border-input bg-background px-2 text-sm",
+                    "aria-label": "跳转页码"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  y,
+                  {
+                    type: "submit",
+                    variant: "outline",
+                    size: "sm",
+                    disabled: !S,
+                    children: "跳转"
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const ft = [
+  {
+    value: "light",
+    label: "浅色",
+    icon: /* @__PURE__ */ e.jsxs(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: [
+          /* @__PURE__ */ e.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
+          /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              className: "opacity-75",
+              d: "M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41",
+              strokeWidth: "2",
+              strokeLinecap: "round"
+            }
+          )
+        ]
+      }
+    )
+  },
+  {
+    value: "dark",
+    label: "深色",
+    icon: /* @__PURE__ */ e.jsx(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    )
+  },
+  {
+    value: "system",
+    label: "跟随系统",
+    icon: /* @__PURE__ */ e.jsxs(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "rect",
+            {
+              x: "2",
+              y: "3",
+              width: "20",
+              height: "14",
+              rx: "2",
+              ry: "2",
+              strokeWidth: "2"
+            }
+          ),
+          /* @__PURE__ */ e.jsx("path", { d: "M8 21h8m-4-4v4", strokeWidth: "2", strokeLinecap: "round" })
+        ]
+      }
+    )
+  }
+];
+function Et({
+  value: r,
+  onValueChange: j,
+  themes: c = ft,
+  triggerVariant: u = "ghost",
+  triggerSize: a = "icon",
+  triggerClassName: f,
+  iconSize: h = 16,
+  showCurrentIcon: o = !0,
+  enableSSRHandling: _ = !0,
+  triggerContent: b,
+  components: l,
+  themeIcons: P
+}) {
+  const [A, y] = M(!1);
+  if (te(() => {
+    y(!0);
+  }, []), _ && !A)
+    return null;
+  if (!l)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    DropdownMenu: z,
+    DropdownMenuTrigger: J,
+    DropdownMenuContent: L,
+    DropdownMenuRadioGroup: W,
+    DropdownMenuRadioItem: N,
+    Button: g
+  } = l, d = (I) => {
+    if (P && P[I])
+      return P[I];
+    const S = c.find((U) => U.value === I);
+    return S == null ? void 0 : S.icon;
+  }, Y = d(r), q = o ? Y : null, O = h ? { width: h, height: h } : {};
+  return /* @__PURE__ */ e.jsxs(z, { children: [
+    /* @__PURE__ */ e.jsx(J, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      g,
+      {
+        variant: u,
+        size: a,
+        className: f,
+        children: b || /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            style: O,
+            className: "inline-flex items-center justify-center",
+            children: q
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(L, { children: /* @__PURE__ */ e.jsx(W, { value: r, onValueChange: j, children: c.map((I) => /* @__PURE__ */ e.jsxs(N, { value: I.value, children: [
+      /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", children: d(I.value) }),
+      /* @__PURE__ */ e.jsx("span", { children: I.label })
+    ] }, I.value)) }) })
+  ] });
+}
+const xt = [
+  {
+    value: "light",
+    label: "浅色",
+    icon: /* @__PURE__ */ e.jsxs(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: [
+          /* @__PURE__ */ e.jsx("circle", { className: "opacity-25", cx: "12", cy: "12", r: "10", strokeWidth: "2" }),
+          /* @__PURE__ */ e.jsx(
+            "path",
+            {
+              className: "opacity-75",
+              d: "M12 2v2m0 16v2M4.93 4.93l1.41 1.41m11.32 11.32l1.41 1.41M2 12h2m16 0h2M6.34 17.66l-1.41 1.41M19.07 4.93l-1.41 1.41",
+              strokeWidth: "2",
+              strokeLinecap: "round"
+            }
+          )
+        ]
+      }
+    )
+  },
+  {
+    value: "dark",
+    label: "深色",
+    icon: /* @__PURE__ */ e.jsx(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: /* @__PURE__ */ e.jsx(
+          "path",
+          {
+            d: "M21 12.79A9 9 0 1111.21 3 7 7 0 0021 12.79z",
+            strokeWidth: "2",
+            strokeLinecap: "round",
+            strokeLinejoin: "round"
+          }
+        )
+      }
+    )
+  },
+  {
+    value: "system",
+    label: "跟随系统",
+    icon: /* @__PURE__ */ e.jsxs(
+      "svg",
+      {
+        className: "h-4 w-4",
+        fill: "none",
+        viewBox: "0 0 24 24",
+        stroke: "currentColor",
+        children: [
+          /* @__PURE__ */ e.jsx(
+            "rect",
+            {
+              x: "2",
+              y: "3",
+              width: "20",
+              height: "14",
+              rx: "2",
+              ry: "2",
+              strokeWidth: "2"
+            }
+          ),
+          /* @__PURE__ */ e.jsx("path", { d: "M8 21h8m-4-4v4", strokeWidth: "2", strokeLinecap: "round" })
+        ]
+      }
+    )
+  }
+];
+function Pt({
+  value: r,
+  onValueChange: j,
+  themes: c = xt,
+  iconSize: u = 16,
+  components: a,
+  themeIcons: f
+}) {
+  if (!a)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { DropdownMenuRadioGroup: h, DropdownMenuRadioItem: o } = a, _ = (l) => {
+    if (f && f[l])
+      return f[l];
+    const P = c.find((A) => A.value === l);
+    return P == null ? void 0 : P.icon;
+  }, b = u ? { width: u, height: u } : {};
+  return /* @__PURE__ */ e.jsx(h, { value: r, onValueChange: j, children: c.map((l) => /* @__PURE__ */ e.jsxs(o, { value: l.value, children: [
+    /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", style: b, children: _(l.value) }),
+    /* @__PURE__ */ e.jsx("span", { children: l.label })
+  ] }, l.value)) });
+}
+function Rt({
+  url: r,
+  initialPage: j = 1,
+  initialScale: c = 1,
+  scale: u,
+  onScaleChange: a,
+  minScale: f = 0.5,
+  maxScale: h = 3,
+  currentPage: o,
+  onPageChange: _,
+  showToolbar: b = !0,
+  showPagination: l = !0,
+  enableHotkeys: P = !0,
+  className: A,
+  containerClassName: y,
+  pageClassName: z,
+  components: J,
+  onLoadSuccess: L,
+  onLoadError: W,
+  loadingText: N = "加载中...",
+  errorText: g = "加载失败"
+}) {
+  const [d, Y] = M(null), [q, O] = M(j), [I, S] = M(c), [U, K] = M(!0), [i, C] = M(null), [E, $] = M(0), [H, ue] = M(!1), re = je(null), Z = je(null), [se, t] = M(null), s = o ?? q, x = u ?? I, D = Oe(() => {
+    const m = [s];
+    return s > 1 && m.push(s - 1), s < E && m.push(s + 1), m;
+  }, [s, E]), X = ne(
+    (m) => {
+      const k = Math.max(E, 1), v = Math.min(Math.max(m, 1), k);
+      o === void 0 && O(v), _ == null || _(v);
+    },
+    [E, o, _]
+  ), le = ne(() => {
+    s > 1 && X(s - 1);
+  }, [s, X]), R = ne(() => {
+    s < E && X(s + 1);
+  }, [s, E, X]), V = ne(() => {
+    const m = Math.min(x + 0.25, h);
+    u === void 0 && S(m), a == null || a(m);
+  }, [x, h, u, a]), p = ne(() => {
+    const m = Math.max(x - 0.25, f);
+    u === void 0 && S(m), a == null || a(m);
+  }, [x, f, u, a]), w = ne(async () => {
+    var m, k, v;
+    if (!(typeof document > "u")) {
+      if (!document.fullscreenElement) {
+        await ((k = (m = re.current) == null ? void 0 : m.requestFullscreen) == null ? void 0 : k.call(m));
+        return;
+      }
+      await ((v = document.exitFullscreen) == null ? void 0 : v.call(document));
+    }
+  }, []);
+  if (te(() => {
+    let m = !0;
+    return (async () => {
+      try {
+        const v = await import("./index-Ba1twkJn.js");
+        if (typeof window < "u") {
+          const F = v.pdfjs, ae = F == null ? void 0 : F.version;
+          F != null && F.GlobalWorkerOptions && ae && (F.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${ae}/build/pdf.worker.min.mjs`);
+        }
+        m && t(v);
+      } catch (v) {
+        if (m) {
+          const F = v instanceof Error ? v : new Error("无法加载 react-pdf 库");
+          C(F), K(!1), W == null || W(F);
+        }
+      }
+    })(), () => {
+      m = !1;
+    };
+  }, []), te(() => {
+    if (!se || !r) return;
+    let m = !0;
+    return (async () => {
+      K(!0), C(null);
+      try {
+        const { Document: v } = se;
+        if (!v)
+          throw new Error("react-pdf Document 组件不可用");
+        const F = se.pdfjs.getDocument(r);
+        Z.current = F;
+        const ae = await F.promise;
+        m && (Y(ae), $(ae.numPages), o === void 0 && O(
+          (Pe) => Math.max(1, Math.min(Pe, ae.numPages))
+        ), K(!1), L == null || L(ae));
+      } catch (v) {
+        if (m) {
+          const F = v instanceof Error ? v : new Error("PDF 加载失败");
+          C(F), K(!1), W == null || W(F);
+        }
+      }
+    })(), () => {
+      m = !1, Z.current && typeof Z.current.destroy == "function" && (Z.current.destroy(), Z.current = null);
+    };
+  }, [se, r, o, L, W]), te(() => {
+    if (typeof document > "u") return;
+    const m = () => {
+      ue(document.fullscreenElement === re.current);
+    };
+    return document.addEventListener("fullscreenchange", m), () => {
+      document.removeEventListener("fullscreenchange", m);
+    };
+  }, []), te(() => {
+    if (!P) return;
+    const m = (k) => {
+      const v = document.activeElement;
+      v && (v.tagName === "INPUT" || v.getAttribute("role") === "input") || ((k.ctrlKey || k.metaKey) && (k.key === "=" || k.key === "+") ? (k.preventDefault(), V()) : (k.ctrlKey || k.metaKey) && k.key === "-" ? (k.preventDefault(), p()) : k.key === "ArrowLeft" ? (k.preventDefault(), le()) : k.key === "ArrowRight" ? (k.preventDefault(), R()) : (k.key === "f" || k.key === "F") && (k.preventDefault(), w()));
+    };
+    return document.addEventListener("keydown", m), () => {
+      document.removeEventListener("keydown", m);
+    };
+  }, [
+    P,
+    V,
+    p,
+    le,
+    R,
+    w
+  ]), !J)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Card: B,
+    CardContent: de,
+    Button: ie,
+    Input: ee,
+    Skeleton: me
+  } = J, fe = () => b ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: p,
+        disabled: x <= f,
+        children: /* @__PURE__ */ e.jsx(Ie, {})
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("span", { className: "text-sm", children: [
+      Math.round(x * 100),
+      "%"
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: V,
+        disabled: x >= h,
+        children: /* @__PURE__ */ e.jsx(Fe, {})
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: () => {
+          w();
+        },
+        children: H ? /* @__PURE__ */ e.jsx(Se, {}) : /* @__PURE__ */ e.jsx($e, {})
+      }
+    )
+  ] }) : null, ve = () => l ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: le,
+        disabled: s <= 1,
+        children: /* @__PURE__ */ e.jsx(we, {})
+      }
+    ),
+    ee ? /* @__PURE__ */ e.jsx(
+      ee,
+      {
+        type: "number",
+        min: 1,
+        max: Math.max(E, 1),
+        value: s,
+        onChange: (m) => X(parseInt(m.target.value, 10) || 1),
+        className: "w-16 text-center"
+      }
+    ) : /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: "number",
+        min: 1,
+        max: Math.max(E, 1),
+        value: s,
+        onChange: (m) => X(parseInt(m.target.value, 10) || 1),
+        className: "w-16 rounded-md border border-input bg-background px-2 text-center text-sm"
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+      "/ ",
+      E
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: R,
+        disabled: s >= E,
+        children: /* @__PURE__ */ e.jsx(ke, {})
+      }
+    )
+  ] }) : null, be = () => !b && !l ? null : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      "data-testid": "pdf-operations-bar",
+      className: "flex items-center justify-between gap-4 border-b px-4 py-2",
+      children: [
+        fe(),
+        ve()
+      ]
+    }
+  ), Te = () => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center space-y-4 p-8", children: [
+    /* @__PURE__ */ e.jsx(me, { className: "h-8 w-32" }),
+    /* @__PURE__ */ e.jsx(me, { className: "h-64 w-full max-w-2xl" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: N })
+  ] }), ge = () => /* @__PURE__ */ e.jsx("div", { className: "flex flex-col items-center justify-center space-y-4 p-8", children: /* @__PURE__ */ e.jsxs("div", { className: "text-center text-destructive", children: [
+    /* @__PURE__ */ e.jsx("p", { className: "font-medium", children: g }),
+    i && /* @__PURE__ */ e.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: i.message })
+  ] }) }), Ee = () => {
+    if (!se || !d) return null;
+    const { Page: m } = se;
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `flex flex-col items-center justify-center ${H ? "h-[calc(100vh-56px)] overflow-auto" : "overflow-visible"}`,
+        children: D.map((k) => /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: z,
+            style: {
+              display: k === s ? "block" : "none"
+            },
+            children: /* @__PURE__ */ e.jsx(
+              m,
+              {
+                pdf: d,
+                pageNumber: k,
+                scale: x,
+                renderTextLayer: !1,
+                renderAnnotationLayer: !1,
+                className: "shadow-md"
+              }
+            )
+          },
+          k
+        ))
+      }
+    );
+  };
+  return /* @__PURE__ */ e.jsx("div", { ref: re, children: /* @__PURE__ */ e.jsxs(B, { className: A, children: [
+    be(),
+    /* @__PURE__ */ e.jsx(de, { className: y, children: U ? Te() : i ? ge() : Ee() })
+  ] }) });
+}
+const ze = rt(
+  ({
+    thumbnail: r,
+    isCurrentPage: j,
+    onClick: c
+  }) => /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `flex w-full flex-col items-center rounded p-1 ${j ? "bg-primary/10" : ""}`,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            src: r.url,
+            alt: `Page ${r.pageNumber}`,
+            className: "w-48 cursor-pointer border transition-opacity hover:opacity-80",
+            onClick: c,
+            onKeyDown: (u) => {
+              (u.key === "Enter" || u.key === " ") && (u.preventDefault(), c());
+            },
+            role: "button",
+            tabIndex: 0
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("span", { className: "mt-1 text-sm", children: [
+          "第 ",
+          r.pageNumber,
+          " 页"
+        ] })
+      ]
+    }
+  )
+);
+ze.displayName = "PDFThumbnail";
+const We = ({
+  bookmark: r,
+  depth: j,
+  onClick: c
+}) => /* @__PURE__ */ e.jsxs("div", { style: { paddingLeft: `${j * 16}px` }, children: [
+  /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      onClick: () => c(r),
+      className: "w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary",
+      children: r.title
+    }
+  ),
+  r.items && r.items.map((u, a) => /* @__PURE__ */ e.jsx(
+    We,
+    {
+      bookmark: u,
+      depth: j + 1,
+      onClick: c
+    },
+    `${r.title}-${a}`
+  ))
+] });
+function ht({
+  pdfDocument: r,
+  currentPage: j,
+  onPageClick: c,
+  components: u
+}) {
+  const [a, f] = M([]), [h, o] = M([]), [_, b] = M(!0), { Tabs: l, TabsList: P, TabsTrigger: A, TabsContent: y, ScrollArea: z, Skeleton: J } = u;
+  te(() => {
+    (async () => {
+      if (!r) return;
+      b(!0);
+      const g = [];
+      for (let d = 1; d <= r.numPages; d++)
+        try {
+          const Y = await r.getPage(d), q = Y.getViewport({ scale: 0.2 }), O = document.createElement("canvas"), I = O.getContext("2d");
+          if (!I) continue;
+          O.width = q.width, O.height = q.height, await Y.render({
+            canvasContext: I,
+            viewport: q,
+            canvas: O
+          }).promise, g.push({
+            pageNumber: d,
+            url: O.toDataURL()
+          });
+        } catch (Y) {
+          console.error(`Error loading thumbnail for page ${d}:`, Y);
+        }
+      f(g), b(!1);
+    })();
+  }, [r]), te(() => {
+    (async () => {
+      if (r)
+        try {
+          const g = await r.getOutline();
+          o(g || []);
+        } catch (g) {
+          console.error("Error loading bookmarks:", g), o([]);
+        }
+    })();
+  }, [r]);
+  const L = async (N) => {
+    if (r)
+      try {
+        let g;
+        if (N.dest)
+          if (typeof N.dest == "string") {
+            const d = await r.getDestination(N.dest);
+            d && d[0] && (g = await r.getPageIndex(d[0]));
+          } else Array.isArray(N.dest) && N.dest[0] && (g = await r.getPageIndex(N.dest[0]));
+        else N.pageNumber && (g = N.pageNumber - 1);
+        typeof g == "number" && c(g + 1);
+      } catch (g) {
+        console.error("Error navigating to bookmark:", g);
+      }
+  }, W = () => /* @__PURE__ */ e.jsx("div", { className: "space-y-2 p-4", children: Array.from({ length: (r == null ? void 0 : r.numPages) || 5 }, (N, g) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center p-1", children: [
+    /* @__PURE__ */ e.jsx(J, { className: "h-32 w-48" }),
+    /* @__PURE__ */ e.jsx(J, { className: "mt-1 h-4 w-16" })
+  ] }, g)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "w-64 border-r bg-muted", children: /* @__PURE__ */ e.jsxs(l, { defaultValue: "thumbnails", children: [
+    /* @__PURE__ */ e.jsxs(P, { className: "w-full p-2", children: [
+      /* @__PURE__ */ e.jsx(A, { value: "thumbnails", className: "flex-1 bg-transparent", children: "缩略图" }),
+      /* @__PURE__ */ e.jsx(A, { value: "bookmarks", className: "flex-1 bg-transparent", children: "书签" })
+    ] }),
+    /* @__PURE__ */ e.jsx(y, { value: "thumbnails", children: /* @__PURE__ */ e.jsx(z, { className: "h-[calc(100vh-8rem)]", children: _ ? W() : /* @__PURE__ */ e.jsx("div", { className: "space-y-2 p-4", children: a.map((N) => /* @__PURE__ */ e.jsx(
+      ze,
+      {
+        thumbnail: N,
+        isCurrentPage: j === N.pageNumber,
+        onClick: () => c(N.pageNumber)
+      },
+      N.pageNumber
+    )) }) }) }),
+    /* @__PURE__ */ e.jsx(y, { value: "bookmarks", children: /* @__PURE__ */ e.jsx(z, { className: "h-[calc(100vh-8rem)]", children: /* @__PURE__ */ e.jsx("div", { className: "p-4", children: h.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "py-4 text-center text-sm text-muted-foreground", children: "没有可用的书签" }) : /* @__PURE__ */ e.jsx("div", { className: "space-y-2", children: h.map((N, g) => /* @__PURE__ */ e.jsx(
+      We,
+      {
+        bookmark: N,
+        depth: 0,
+        onClick: L
+      },
+      `${N.title}-${g}`
+    )) }) }) }) })
+  ] }) });
+}
+function pt(r, j) {
+  const c = je(
+    void 0
+  );
+  return ne(
+    (...u) => {
+      c.current && clearTimeout(c.current), c.current = setTimeout(() => r(...u), j);
+    },
+    [r, j]
+  );
+}
+function _t({
+  url: r,
+  initialPage: j = 1,
+  initialScale: c = 1,
+  initialRotation: u = 0,
+  currentPage: a,
+  onPageChange: f,
+  scale: h,
+  onScaleChange: o,
+  rotation: _,
+  onRotationChange: b,
+  minScale: l = 0.5,
+  maxScale: P = 2.5,
+  showToolbar: A = !0,
+  showSidebar: y = !0,
+  showRotation: z = !0,
+  showModeToggle: J = !0,
+  showFullscreen: L = !0,
+  enableHotkeys: W = !0,
+  enableMobileNav: N = !0,
+  displayMode: g = "scroll",
+  className: d,
+  toolbarClassName: Y,
+  contentClassName: q,
+  contentHeight: O = "80vh",
+  pageClassName: I,
+  workerUrl: S,
+  cMapUrl: U,
+  standardFontDataUrl: K,
+  components: i,
+  onLoadSuccess: C,
+  onLoadError: E,
+  onPageRender: $,
+  loadingText: H = "正在加载PDF文档...",
+  errorText: ue = "PDF加载失败"
+}) {
+  const [re, Z] = M(null), [se, t] = M(j), [s, x] = M(c), [D, X] = M(u), [le, R] = M(!1), [V, p] = M(null), [w, B] = M(0), [de, ie] = M(!1), [ee, me] = M(
+    g === "scroll"
+  ), [fe, ve] = M(y);
+  te(() => {
+    ve(y);
+  }, [y]);
+  const [be, Te] = M(void 0), [ge, Ee] = M(null), m = je(null), k = je(null), v = a ?? se, F = h ?? s, ae = _ ?? D, { Card: Pe, CardContent: Be, Button: ce, Input: Le, Skeleton: Ye } = i || {}, Ve = Oe(() => {
+    const n = {
+      withCredentials: !1
+    };
+    return U && (n.cMapUrl = U, n.cMapPacked = !0), K && (n.standardFontDataUrl = K), n;
+  }, [U, K]);
+  te(() => {
+    let n = !0;
+    return (async () => {
+      try {
+        const Q = await import("./index-Ba1twkJn.js");
+        if (typeof window < "u") {
+          const G = Q.pdfjs, ye = G == null ? void 0 : G.version;
+          G != null && G.GlobalWorkerOptions && ye && (S ? G.GlobalWorkerOptions.workerSrc = S : G.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${ye}/build/pdf.worker.min.mjs`, !U && G.GlobalWorkerOptions && (G.GlobalWorkerOptions.cMapUrl = `https://unpkg.com/pdfjs-dist@${ye}/cmaps/`), !K && G.GlobalWorkerOptions && (G.GlobalWorkerOptions.standardFontDataUrl = `https://unpkg.com/pdfjs-dist@${ye}/standard_fonts/`));
+        }
+        n && Ee(Q);
+      } catch (Q) {
+        if (n) {
+          const G = Q instanceof Error ? Q : new Error("无法加载 react-pdf 库");
+          p(G), R(!1), E == null || E(G);
+        }
+      }
+    })(), () => {
+      n = !1;
+    };
+  }, [S, U, K, E]);
+  const Ge = ne(
+    (n) => {
+      console.error("PDF加载失败:", n), console.error("PDF URL:", r), p(
+        new Error(`${ue}: ${n.message || "请检查文件路径或网络连接"}`)
+      ), E == null || E(n);
+    },
+    [r, ue, E]
+  ), oe = ne(
+    (n) => {
+      const T = w > 0 ? Math.max(1, Math.min(n, w)) : n;
+      a === void 0 && t(T), f == null || f(T);
+    },
+    [w, a, f]
+  ), xe = ne(
+    (n) => {
+      const T = Math.max(l, Math.min(P, F + n));
+      h === void 0 && x(T), o == null || o(T);
+    },
+    [F, l, P, h, o]
+  ), Ue = ne(() => {
+    const n = (ae + 90) % 360;
+    _ === void 0 && X(n), b == null || b(n);
+  }, [ae, _, b]), Ce = pt((n) => {
+    Te(n);
+  }, 100);
+  te(() => {
+    if (!k.current) return;
+    const n = k.current, T = () => {
+      Ce(n.clientWidth);
+    };
+    T();
+    const Q = new ResizeObserver(() => {
+      T();
+    });
+    return Q.observe(n), () => {
+      Q.disconnect();
+    };
+  }, [Ce]), te(() => {
+    if (!W) return;
+    const n = (T) => {
+      (T.ctrlKey || T.metaKey) && (T.key === "=" || T.key === "+") ? (T.preventDefault(), xe(0.1)) : (T.ctrlKey || T.metaKey) && T.key === "-" ? (T.preventDefault(), xe(-0.1)) : T.key === "ArrowLeft" ? (T.preventDefault(), oe(v - 1)) : T.key === "ArrowRight" && (T.preventDefault(), oe(v + 1));
+    };
+    return document.addEventListener("keydown", n), () => {
+      document.removeEventListener("keydown", n);
+    };
+  }, [W, v, oe, xe]);
+  const Je = ne(async () => {
+    var n, T;
+    if (!(typeof document > "u"))
+      if (document.fullscreenElement)
+        document.exitFullscreen && (await document.exitFullscreen(), ie(!1));
+      else
+        try {
+          await ((T = (n = m.current) == null ? void 0 : n.requestFullscreen) == null ? void 0 : T.call(n)), ie(!0);
+        } catch (Q) {
+          console.error("Error attempting to enable fullscreen:", Q);
+        }
+  }, []);
+  te(() => {
+    if (typeof document > "u") return;
+    const n = () => {
+      ie(!!document.fullscreenElement);
+    };
+    return document.addEventListener("fullscreenchange", n), () => {
+      document.removeEventListener("fullscreenchange", n);
+    };
+  }, []);
+  const qe = ne(
+    (n) => {
+      oe(n), me(!1);
+    },
+    [oe]
+  ), Ke = () => A ? /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `flex items-center justify-between gap-4 border-b px-4 py-2 ${Y || ""}`,
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+          y && /* @__PURE__ */ e.jsx(
+            ce,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => ve(!fe),
+              title: fe ? "隐藏侧边栏" : "显示侧边栏",
+              children: /* @__PURE__ */ e.jsx(at, {})
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            ce,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => xe(-0.1),
+              disabled: F <= l,
+              children: /* @__PURE__ */ e.jsx(Ie, {})
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("span", { className: "min-w-[3rem] text-center text-sm", children: [
+            Math.round(F * 100),
+            "%"
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            ce,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => xe(0.1),
+              disabled: F >= P,
+              children: /* @__PURE__ */ e.jsx(Fe, {})
+            }
+          ),
+          z && /* @__PURE__ */ e.jsx(ce, { variant: "outline", size: "icon", onClick: Ue, children: /* @__PURE__ */ e.jsx(it, {}) }),
+          J && /* @__PURE__ */ e.jsx(
+            ce,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => me(!ee),
+              title: ee ? "单页模式" : "滚动模式",
+              children: ee ? /* @__PURE__ */ e.jsx(ct, {}) : /* @__PURE__ */ e.jsx(ot, {})
+            }
+          ),
+          L && /* @__PURE__ */ e.jsx(ce, { variant: "outline", size: "icon", onClick: Je, children: de ? /* @__PURE__ */ e.jsx(Se, {}) : /* @__PURE__ */ e.jsx($e, {}) })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e.jsx(
+            ce,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => oe(v - 1),
+              disabled: v <= 1,
+              children: /* @__PURE__ */ e.jsx(we, {})
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            Le,
+            {
+              type: "number",
+              min: 1,
+              max: w,
+              value: v,
+              onChange: (n) => oe(parseInt(n.target.value) || 1),
+              className: "w-16 text-center"
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+            "/ ",
+            w
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            ce,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => oe(v + 1),
+              disabled: w > 0 && v >= w,
+              children: /* @__PURE__ */ e.jsx(ke, {})
+            }
+          )
+        ] })
+      ]
+    }
+  ) : null, Re = () => /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground", children: H }) }), _e = () => /* @__PURE__ */ e.jsx("div", { className: "flex h-full min-h-[400px] items-center justify-center px-4 text-center text-destructive", children: /* @__PURE__ */ e.jsxs("div", { className: "max-w-md", children: [
+    /* @__PURE__ */ e.jsx("p", { className: "mb-2 text-lg font-medium", children: "文件加载失败" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-sm opacity-80", children: V == null ? void 0 : V.message })
+  ] }) }), He = () => {
+    if (!ge) return Re();
+    const { Document: n, Page: T } = ge;
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        ref: k,
+        className: `pdf-container flex-1 overflow-y-auto ${q || ""}`,
+        children: /* @__PURE__ */ e.jsx("div", { className: "flex min-h-full justify-center px-4", children: /* @__PURE__ */ e.jsx(
+          n,
+          {
+            file: r,
+            onLoadError: Ge,
+            options: Ve,
+            loading: Re(),
+            error: _e(),
+            onLoadSuccess: (Q) => {
+              re || (Z(Q), B(Q.numPages), R(!1), C == null || C(Q));
+            },
+            children: V ? _e() : ee ? (
+              // 显示所有页面模式
+              Array.from(new Array(w), (Q, G) => /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: `mb-4 ${I || ""}`,
+                  children: /* @__PURE__ */ e.jsx(
+                    T,
+                    {
+                      pageNumber: G + 1,
+                      renderTextLayer: !1,
+                      renderAnnotationLayer: !1,
+                      width: be,
+                      scale: F,
+                      rotate: ae,
+                      onRenderSuccess: () => $ == null ? void 0 : $(G + 1)
+                    }
+                  )
+                },
+                `page_${G + 1}`
+              ))
+            ) : (
+              // 单页模式
+              /* @__PURE__ */ e.jsx("div", { className: I || "", children: /* @__PURE__ */ e.jsx(
+                T,
+                {
+                  pageNumber: v,
+                  renderTextLayer: !1,
+                  renderAnnotationLayer: !1,
+                  width: be,
+                  scale: F,
+                  rotate: ae,
+                  onRenderSuccess: () => $ == null ? void 0 : $(v)
+                }
+              ) })
+            )
+          }
+        ) })
+      }
+    );
+  }, Ze = () => {
+    if (!y || !fe || !re) return null;
+    const n = ht;
+    return /* @__PURE__ */ e.jsx(
+      n,
+      {
+        pdfDocument: re,
+        currentPage: v,
+        onPageClick: qe,
+        components: {
+          Tabs: i.Tabs,
+          TabsList: i.TabsList,
+          TabsTrigger: i.TabsTrigger,
+          TabsContent: i.TabsContent,
+          ScrollArea: i.ScrollArea,
+          Skeleton: Ye
+        }
+      }
+    );
+  }, Xe = () => N ? /* @__PURE__ */ e.jsxs("div", { className: "fixed bottom-4 left-1/2 z-50 flex -translate-x-1/2 gap-2 md:hidden", children: [
+    /* @__PURE__ */ e.jsxs(
+      ce,
+      {
+        variant: "secondary",
+        size: "sm",
+        onClick: () => oe(v - 1),
+        disabled: v <= 1,
+        children: [
+          /* @__PURE__ */ e.jsx(we, {}),
+          /* @__PURE__ */ e.jsx("span", { className: "ml-1", children: "上一页" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      ce,
+      {
+        variant: "secondary",
+        size: "sm",
+        onClick: () => oe(v + 1),
+        disabled: v >= w,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: "mr-1", children: "下一页" }),
+          /* @__PURE__ */ e.jsx(ke, {})
+        ]
+      }
+    )
+  ] }) : null;
+  if (!i)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  if (y) {
+    const n = [];
+    if (i.Tabs || n.push("Tabs"), i.TabsList || n.push("TabsList"), i.TabsTrigger || n.push("TabsTrigger"), i.TabsContent || n.push("TabsContent"), i.ScrollArea || n.push("ScrollArea"), n.length > 0) {
+      const T = n.length === 1 ? n[0] : `${n.slice(0, -1).join("、")} 和 ${n[n.length - 1]}`;
+      return /* @__PURE__ */ e.jsxs("div", { className: "p-4 text-center text-destructive", children: [
+        "错误：侧边栏功能需要注入 ",
+        T,
+        " 组件"
+      ] });
+    }
+  }
+  return /* @__PURE__ */ e.jsxs("div", { ref: m, children: [
+    /* @__PURE__ */ e.jsxs(Pe, { className: d, children: [
+      Ke(),
+      /* @__PURE__ */ e.jsx(
+        Be,
+        {
+          className: "p-0",
+          style: { height: de ? "100vh" : O },
+          children: /* @__PURE__ */ e.jsx("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+            Ze(),
+            le ? Re() : V ? _e() : He()
+          ] }) })
+        }
+      )
+    ] }),
+    Xe()
+  ] });
+}
+export {
+  Nt as D,
+  _t as P,
+  Rt as S,
+  kt as T,
+  wt as a,
+  ht as b,
+  Tt as c,
+  Et as d,
+  Pt as e,
+  yt as f,
+  e as j
+};
+//# sourceMappingURL=index-6lJCWESg.js.map