@turinhub/atomix-common-ui 0.2.0 → 0.2.1

package/dist/index-DaMRZoHB.js

@@ -0,0 +1,1810 @@
+import { clsx as Qe } from "clsx";
+import { twMerge as et } from "tailwind-merge";
+import tt, { useState as M, useEffect as ee, useRef as ge, useMemo as Oe, useCallback as ne, memo as st } from "react";
+import { MoreVertical as rt, 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(...s) {
+  return et(Qe(s));
+}
+var Ne = { exports: {} }, je = {};
+/**
+ * @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 Ce;
+function ut() {
+  if (Ce) return je;
+  Ce = 1;
+  var s = Symbol.for("react.transitional.element"), j = Symbol.for("react.fragment");
+  function c(u, a, x) {
+    var p = null;
+    if (x !== void 0 && (p = "" + x), a.key !== void 0 && (p = "" + a.key), "key" in a) {
+      x = {};
+      for (var o in a)
+        o !== "key" && (x[o] = a[o]);
+    } else x = a;
+    return a = x.ref, {
+      $$typeof: s,
+      type: u,
+      key: p,
+      ref: a !== void 0 ? a : null,
+      props: x
+    };
+  }
+  return je.Fragment = j, je.jsx = c, je.jsxs = c, je;
+}
+var ve = {};
+/**
+ * @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 s(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 V:
+          return "Fragment";
+        case w:
+          return "Profiler";
+        case B:
+          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 b:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case G:
+            var r = t.render;
+            return t = t.displayName, t || (t = r.displayName || r.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case I:
+            return r = t.displayName || null, r !== null ? r : s(t.type) || "Memo";
+          case S:
+            r = t._payload, t = t._init;
+            try {
+              return s(t(r));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function j(t) {
+      return "" + t;
+    }
+    function c(t) {
+      try {
+        j(t);
+        var r = !1;
+      } catch {
+        r = !0;
+      }
+      if (r) {
+        r = console;
+        var h = r.error, C = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return h.call(
+          r,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          C
+        ), j(t);
+      }
+    }
+    function u(t) {
+      if (t === V) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === S)
+        return "<...>";
+      try {
+        var r = s(t);
+        return r ? "<" + r + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function a() {
+      var t = i.A;
+      return t === null ? null : t.getOwner();
+    }
+    function x() {
+      return Error("react-stack-top-frame");
+    }
+    function p(t) {
+      if (R.call(t, "key")) {
+        var r = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (r && r.isReactWarning) return !1;
+      }
+      return t.key !== void 0;
+    }
+    function o(t, r) {
+      function h() {
+        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)",
+          r
+        ));
+      }
+      h.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: h,
+        configurable: !0
+      });
+    }
+    function D() {
+      var t = s(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 g(t, r, h, C, Q, le) {
+      var T = h.ref;
+      return t = {
+        $$typeof: W,
+        type: t,
+        key: r,
+        props: h,
+        _owner: C
+      }, (T !== void 0 ? T : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: D
+      }) : 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: Q
+      }), 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, r, h, C, Q, le) {
+      var T = r.children;
+      if (T !== void 0)
+        if (C)
+          if (y(T)) {
+            for (C = 0; C < T.length; C++)
+              E(T[C]);
+            Object.freeze && Object.freeze(T);
+          } 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 E(T);
+      if (R.call(r, "key")) {
+        T = s(t);
+        var L = Object.keys(r).filter(function(_) {
+          return _ !== "key";
+        });
+        C = 0 < L.length ? "{key: someKey, " + L.join(": ..., ") + ": ...}" : "{key: someKey}", re[T + C] || (L = 0 < L.length ? "{" + L.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} />`,
+          C,
+          T,
+          L,
+          T
+        ), re[T + C] = !0);
+      }
+      if (T = null, h !== void 0 && (c(h), T = "" + h), p(r) && (c(r.key), T = "" + r.key), "key" in r) {
+        h = {};
+        for (var m in r)
+          m !== "key" && (h[m] = r[m]);
+      } else h = r;
+      return T && o(
+        h,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), g(
+        t,
+        T,
+        h,
+        a(),
+        Q,
+        le
+      );
+    }
+    function E(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 === W;
+    }
+    var N = tt, W = Symbol.for("react.transitional.element"), J = Symbol.for("react.portal"), V = Symbol.for("react.fragment"), B = Symbol.for("react.strict_mode"), w = Symbol.for("react.profiler"), b = Symbol.for("react.consumer"), d = Symbol.for("react.context"), G = 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 = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, R = Object.prototype.hasOwnProperty, y = Array.isArray, $ = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    N = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var H, ue = {}, se = N.react_stack_bottom_frame.bind(
+      N,
+      x
+    )(), Z = $(u(x)), re = {};
+    ve.Fragment = V, ve.jsx = function(t, r, h) {
+      var C = 1e4 > i.recentlyCreatedOwnerStacks++;
+      return l(
+        t,
+        r,
+        h,
+        !1,
+        C ? Error("react-stack-top-frame") : se,
+        C ? $(u(t)) : Z
+      );
+    }, ve.jsxs = function(t, r, h) {
+      var C = 1e4 > i.recentlyCreatedOwnerStacks++;
+      return l(
+        t,
+        r,
+        h,
+        !0,
+        C ? Error("react-stack-top-frame") : se,
+        C ? $(u(t)) : Z
+      );
+    };
+  })()), ve;
+}
+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: s,
+  loading: j = !1,
+  columns: c,
+  rowKey: u,
+  emptyText: a = "暂无数据",
+  searchActiveEmptyText: x = "未找到匹配的记录",
+  header: p,
+  pagination: o,
+  rowClassName: D,
+  onRow: g,
+  actions: l,
+  components: E,
+  renderCard: A,
+  renderTable: N,
+  renderActions: W
+}) {
+  var T, L;
+  if (!E)
+    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: V,
+    CardFooter: B,
+    Table: w,
+    TableBody: b,
+    TableCell: d,
+    TableHead: G,
+    TableHeader: q,
+    TableRow: O,
+    Button: I,
+    DropdownMenu: S,
+    DropdownMenuTrigger: U,
+    DropdownMenuContent: K,
+    DropdownMenuItem: i,
+    DropdownMenuSeparator: R,
+    Skeleton: y,
+    TableHeaderComponent: $,
+    TablePaginationComponent: H
+  } = E, ue = (m, _) => {
+    if (typeof u == "function")
+      return u(m);
+    const Y = m[u];
+    return Y != null ? String(Y) : `row-${_}`;
+  }, se = !!(p != null && p.searchValue && p.searchValue.trim().length > 0), Z = !!(l != null && l.render || (T = l == null ? void 0 : l.items) != null && T.length), re = (l == null ? void 0 : l.mode) ?? ((L = l == null ? void 0 : l.items) != null && L.length ? "collapsed" : "expanded"), t = (m) => m.separator === !0, r = (m, _) => !l || !Z ? null : re === "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(rt, { className: "h-4 w-4" })
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(K, { align: "end", children: l.items.map(
+      (Y, de) => t(Y) ? /* @__PURE__ */ e.jsx(R, {}, `separator-${de}`) : /* @__PURE__ */ e.jsxs(
+        i,
+        {
+          onClick: () => Y.onClick(m, _),
+          className: Y.className,
+          children: [
+            Y.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 h-4 w-4", children: Y.icon }),
+            Y.label
+          ]
+        },
+        `action-${de}`
+      )
+    ) })
+  ] }) : l.render ? l.render(m, _) : null, h = () => /* @__PURE__ */ e.jsx(q, { children: /* @__PURE__ */ e.jsxs(O, { className: "bg-muted/50 hover:bg-muted/50", children: [
+    c.map((m) => /* @__PURE__ */ e.jsx(
+      G,
+      {
+        className: `font-semibold text-foreground ${m.align === "center" ? "text-center" : m.align === "right" ? "text-right" : "text-left"}`,
+        style: { width: m.width },
+        children: m.title
+      },
+      String(m.key)
+    )),
+    Z && /* @__PURE__ */ e.jsx(G, { className: "text-right font-semibold text-foreground", children: (l == null ? void 0 : l.title) || "操作" })
+  ] }) }), C = () => j ? /* @__PURE__ */ e.jsx(b, { children: Array.from({ length: 5 }).map((m, _) => /* @__PURE__ */ e.jsxs(O, { children: [
+    c.map((Y) => /* @__PURE__ */ e.jsx(
+      d,
+      {
+        style: { width: Y.width },
+        className: Y.align === "center" ? "text-center" : Y.align === "right" ? "text-right" : "",
+        children: /* @__PURE__ */ e.jsx(y, { className: "h-4 w-full" })
+      },
+      String(Y.key)
+    )),
+    Z && /* @__PURE__ */ e.jsx(d, { children: /* @__PURE__ */ e.jsx(y, { className: "ml-auto h-4 w-8" }) })
+  ] }, _)) }) : s.length === 0 ? /* @__PURE__ */ e.jsx(b, { 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: se ? x : a
+    }
+  ) }) }) : /* @__PURE__ */ e.jsx(b, { children: s.map((m, _) => {
+    const Y = ue(m, _), de = g == null ? void 0 : g(m, _), ie = D == null ? void 0 : D(m, _);
+    return /* @__PURE__ */ e.jsxs(
+      O,
+      {
+        className: `${ie || ""} hover:bg-muted/50`,
+        ...de,
+        children: [
+          c.map((te) => {
+            const me = m[te.key], he = te.render ? te.render(me, m, _) : me;
+            return /* @__PURE__ */ e.jsx(
+              d,
+              {
+                className: te.align === "center" ? "text-center" : te.align === "right" ? "text-right" : "",
+                children: he
+              },
+              String(te.key)
+            );
+          }),
+          Z && /* @__PURE__ */ e.jsx(d, { className: "text-right", children: W ? W(m, _) : r(m, _) })
+        ]
+      },
+      Y
+    );
+  }) }), Q = (m) => /* @__PURE__ */ e.jsxs(J, { children: [
+    p && /* @__PURE__ */ e.jsx("div", { className: "p-6 pb-0", children: /* @__PURE__ */ e.jsx($, { ...p }) }),
+    /* @__PURE__ */ e.jsx(V, { className: "p-0", children: m }),
+    (o == null ? void 0 : o.show) !== !1 && o && /* @__PURE__ */ e.jsx(B, { 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: se
+      }
+    ) })
+  ] }), le = (m, _) => /* @__PURE__ */ e.jsxs(w, { children: [
+    m,
+    _
+  ] });
+  return A ? A(
+    N ? N(h(), C()) : le(h(), C())
+  ) : Q(
+    N ? N(h(), C()) : le(h(), C())
+  );
+}
+function wt({
+  open: s,
+  onOpenChange: j,
+  title: c,
+  description: u,
+  onConfirm: a,
+  loading: x = !1,
+  confirmText: p = "确认删除",
+  cancelText: o = "取消",
+  confirmButtonVariant: D = "destructive",
+  verification: g,
+  components: l,
+  loadingIcon: E
+}) {
+  const [A, N] = M("");
+  if (ee(() => {
+    s && N("");
+  }, [s, g == null ? void 0 : g.targetValue]), !l)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Dialog: W,
+    DialogContent: J,
+    DialogHeader: V,
+    DialogFooter: B,
+    DialogTitle: w,
+    DialogDescription: b,
+    Button: d,
+    Input: G,
+    Label: q
+  } = l, O = g ? A !== g.targetValue : !1, I = () => {
+    O || a();
+  };
+  return /* @__PURE__ */ e.jsx(W, { open: s, onOpenChange: j, children: /* @__PURE__ */ e.jsxs(J, { children: [
+    /* @__PURE__ */ e.jsxs(V, { children: [
+      /* @__PURE__ */ e.jsx(w, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: c }) }),
+      /* @__PURE__ */ e.jsx(b, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { children: u }) })
+    ] }),
+    g && /* @__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: g.label || "请输入以确认" }),
+      /* @__PURE__ */ e.jsx(
+        G,
+        {
+          id: "confirm-input",
+          value: A,
+          onChange: (S) => N(S.target.value),
+          placeholder: g.placeholder,
+          disabled: x
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e.jsxs(B, { children: [
+      /* @__PURE__ */ e.jsx(
+        d,
+        {
+          variant: "outline",
+          onClick: () => j(!1),
+          disabled: x,
+          children: o
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        d,
+        {
+          variant: D,
+          onClick: I,
+          disabled: O || x,
+          children: [
+            x && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: E || /* @__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"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            p
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function kt({
+  title: s,
+  searchPlaceholder: j = "搜索...",
+  searchValue: c = "",
+  onSearchChange: u,
+  onSearch: a,
+  showSearch: x = !0,
+  action: p,
+  actionLabel: o,
+  onActionClick: D,
+  loading: g = !1,
+  components: l
+}) {
+  if (!l)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { Input: E, Button: A } = l, N = (W) => {
+    W.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: s }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        p && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: p }),
+        !p && o && D && /* @__PURE__ */ e.jsxs(A, { onClick: D, disabled: g, size: "sm", children: [
+          /* @__PURE__ */ e.jsx(nt, { className: "mr-2 h-4 w-4" }),
+          o
+        ] })
+      ] })
+    ] }),
+    x && /* @__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(
+          E,
+          {
+            placeholder: j,
+            value: c,
+            onChange: (W) => u == null ? void 0 : u(W.target.value),
+            onKeyPress: N,
+            className: "h-9 pl-8",
+            disabled: g
+          }
+        )
+      ] }),
+      a && /* @__PURE__ */ e.jsx(
+        A,
+        {
+          onClick: a,
+          disabled: g,
+          variant: "secondary",
+          size: "sm",
+          children: "搜索"
+        }
+      )
+    ] })
+  ] });
+}
+function Tt({
+  currentPage: s,
+  pageSize: j,
+  total: c,
+  onPageChange: u,
+  onPageSizeChange: a,
+  pageSizeOptions: x = [10, 20, 50],
+  showPageSizeSelector: p = !0,
+  showJumpToPage: o = !0,
+  showTotal: D = !0,
+  searchActive: g = !1,
+  components: l
+}) {
+  const [E, A] = M(String(s + 1));
+  if (ee(() => {
+    A(String(s + 1));
+  }, [s]), !l)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Button: N,
+    Select: W,
+    SelectTrigger: J,
+    SelectContent: V,
+    SelectItem: B,
+    SelectValue: w
+  } = l, b = Math.ceil(c / j), d = Math.max(b, 1), G = s * j + 1, q = Math.min((s + 1) * j, c), O = Array.from(
+    /* @__PURE__ */ new Set([...x, j])
+  ).sort((i, R) => i - R), I = p && !!a, S = d > 1, U = (i) => {
+    const R = Math.max(0, Math.min(i, d - 1));
+    R !== s && u(R);
+  }, K = (() => {
+    if (d <= 7)
+      return Array.from({ length: d }, ($, H) => H);
+    const i = /* @__PURE__ */ new Set([
+      0,
+      1,
+      d - 2,
+      d - 1,
+      s - 1,
+      s,
+      s + 1
+    ]), R = Array.from(i).filter(($) => $ >= 0 && $ < d).sort(($, H) => $ - H), y = [];
+    for (const $ of R) {
+      const H = y[y.length - 1];
+      typeof H == "number" && $ - H > 1 && y.push("ellipsis"), y.push($);
+    }
+    return y;
+  })();
+  return c === 0 ? null : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `flex w-full items-center gap-3 ${D ? "justify-between" : "justify-end"}`,
+      children: [
+        D && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: g ? `找到 ${c} 条匹配记录` : c > 0 ? `显示 ${G} - ${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(
+              W,
+              {
+                value: String(j),
+                onValueChange: (i) => {
+                  const R = Number(i);
+                  Number.isNaN(R) || R === j || !a || a(R);
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx(J, { className: "h-8 w-[90px]", children: /* @__PURE__ */ e.jsx(w, {}) }),
+                  /* @__PURE__ */ e.jsx(V, { children: O.map((i) => /* @__PURE__ */ e.jsx(B, { 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: [
+            "第 ",
+            s + 1,
+            " 页，共 ",
+            d,
+            " 页"
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            N,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => U(s - 1),
+              disabled: s === 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, R) => i === "ellipsis" ? /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                className: "inline-flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
+                children: "..."
+              },
+              `ellipsis-${R}`
+            ) : /* @__PURE__ */ e.jsx(
+              N,
+              {
+                variant: i === s ? "default" : "outline",
+                size: "sm",
+                onClick: () => U(i),
+                disabled: i === s,
+                "aria-current": i === s ? "page" : void 0,
+                children: i + 1
+              },
+              i
+            )
+          ) }),
+          /* @__PURE__ */ e.jsx(
+            N,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => U(s + 1),
+              disabled: s >= 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 R = Number.parseInt(E, 10);
+                Number.isNaN(R) || U(R - 1);
+              },
+              children: [
+                /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "跳至" }),
+                /* @__PURE__ */ e.jsx(
+                  "input",
+                  {
+                    type: "number",
+                    min: 1,
+                    max: d,
+                    value: E,
+                    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(
+                  N,
+                  {
+                    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 Pt({
+  value: s,
+  onValueChange: j,
+  themes: c = ft,
+  triggerVariant: u = "ghost",
+  triggerSize: a = "icon",
+  triggerClassName: x,
+  iconSize: p = 16,
+  showCurrentIcon: o = !0,
+  enableSSRHandling: D = !0,
+  triggerContent: g,
+  components: l,
+  themeIcons: E
+}) {
+  const [A, N] = M(!1);
+  if (ee(() => {
+    N(!0);
+  }, []), D && !A)
+    return null;
+  if (!l)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    DropdownMenu: W,
+    DropdownMenuTrigger: J,
+    DropdownMenuContent: V,
+    DropdownMenuRadioGroup: B,
+    DropdownMenuRadioItem: w,
+    Button: b
+  } = l, d = (I) => {
+    if (E && E[I])
+      return E[I];
+    const S = c.find((U) => U.value === I);
+    return S == null ? void 0 : S.icon;
+  }, G = d(s), q = o ? G : null, O = p ? { width: p, height: p } : {};
+  return /* @__PURE__ */ e.jsxs(W, { children: [
+    /* @__PURE__ */ e.jsx(J, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      b,
+      {
+        variant: u,
+        size: a,
+        className: x,
+        children: g || /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            style: O,
+            className: "inline-flex items-center justify-center",
+            children: q
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(V, { children: /* @__PURE__ */ e.jsx(B, { value: s, onValueChange: j, children: c.map((I) => /* @__PURE__ */ e.jsxs(w, { 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 Et({
+  value: s,
+  onValueChange: j,
+  themes: c = xt,
+  iconSize: u = 16,
+  components: a,
+  themeIcons: x
+}) {
+  if (!a)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { DropdownMenuRadioGroup: p, DropdownMenuRadioItem: o } = a, D = (l) => {
+    if (x && x[l])
+      return x[l];
+    const E = c.find((A) => A.value === l);
+    return E == null ? void 0 : E.icon;
+  }, g = u ? { width: u, height: u } : {};
+  return /* @__PURE__ */ e.jsx(p, { value: s, 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: g, children: D(l.value) }),
+    /* @__PURE__ */ e.jsx("span", { children: l.label })
+  ] }, l.value)) });
+}
+function Rt({
+  url: s,
+  initialPage: j = 1,
+  initialScale: c = 1,
+  scale: u,
+  onScaleChange: a,
+  minScale: x = 0.5,
+  maxScale: p = 3,
+  currentPage: o,
+  onPageChange: D,
+  showToolbar: g = !0,
+  showPagination: l = !0,
+  enableHotkeys: E = !0,
+  className: A,
+  containerClassName: N,
+  pageClassName: W,
+  components: J,
+  onLoadSuccess: V,
+  onLoadError: B,
+  loadingText: w = "加载中...",
+  errorText: b = "加载失败"
+}) {
+  const [d, G] = M(null), [q, O] = M(j), [I, S] = M(c), [U, K] = M(!0), [i, R] = M(null), [y, $] = M(0), [H, ue] = M(!1), se = ge(null), Z = ge(null), [re, t] = M(null), r = o ?? q, h = u ?? I, C = Oe(() => {
+    const f = [r];
+    return r > 1 && f.push(r - 1), r < y && f.push(r + 1), f;
+  }, [r, y]), Q = ne(
+    (f) => {
+      const P = Math.max(y, 1), v = Math.min(Math.max(f, 1), P);
+      o === void 0 && O(v), D == null || D(v);
+    },
+    [y, o, D]
+  ), le = ne(() => {
+    r > 1 && Q(r - 1);
+  }, [r, Q]), T = ne(() => {
+    r < y && Q(r + 1);
+  }, [r, y, Q]), L = ne(() => {
+    const f = Math.min(h + 0.25, p);
+    u === void 0 && S(f), a == null || a(f);
+  }, [h, p, u, a]), m = ne(() => {
+    const f = Math.max(h - 0.25, x);
+    u === void 0 && S(f), a == null || a(f);
+  }, [h, x, u, a]), _ = ne(async () => {
+    var f, P, v;
+    if (!(typeof document > "u")) {
+      if (!document.fullscreenElement) {
+        await ((P = (f = se.current) == null ? void 0 : f.requestFullscreen) == null ? void 0 : P.call(f));
+        return;
+      }
+      await ((v = document.exitFullscreen) == null ? void 0 : v.call(document));
+    }
+  }, []);
+  if (ee(() => {
+    let f = !0;
+    return (async () => {
+      try {
+        const v = await import("./index-0y7GsdPm.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`);
+        }
+        f && t(v);
+      } catch (v) {
+        if (f) {
+          const F = v instanceof Error ? v : new Error("无法加载 react-pdf 库");
+          R(F), K(!1), B == null || B(F);
+        }
+      }
+    })(), () => {
+      f = !1;
+    };
+  }, []), ee(() => {
+    if (!re || !s) return;
+    let f = !0;
+    return (async () => {
+      K(!0), R(null);
+      try {
+        const { Document: v } = re;
+        if (!v)
+          throw new Error("react-pdf Document 组件不可用");
+        const F = re.pdfjs.getDocument(s);
+        Z.current = F;
+        const ae = await F.promise;
+        f && (G(ae), $(ae.numPages), o === void 0 && O(
+          (Ee) => Math.max(1, Math.min(Ee, ae.numPages))
+        ), K(!1), V == null || V(ae));
+      } catch (v) {
+        if (f) {
+          const F = v instanceof Error ? v : new Error("PDF 加载失败");
+          R(F), K(!1), B == null || B(F);
+        }
+      }
+    })(), () => {
+      f = !1, Z.current && typeof Z.current.destroy == "function" && (Z.current.destroy(), Z.current = null);
+    };
+  }, [re, s, V, B]), ee(() => {
+    if (typeof document > "u") return;
+    const f = () => {
+      ue(document.fullscreenElement === se.current);
+    };
+    return document.addEventListener("fullscreenchange", f), () => {
+      document.removeEventListener("fullscreenchange", f);
+    };
+  }, []), ee(() => {
+    if (!E) return;
+    const f = (P) => {
+      const v = document.activeElement;
+      v && (v.tagName === "INPUT" || v.getAttribute("role") === "input") || ((P.ctrlKey || P.metaKey) && (P.key === "=" || P.key === "+") ? (P.preventDefault(), L()) : (P.ctrlKey || P.metaKey) && P.key === "-" ? (P.preventDefault(), m()) : P.key === "ArrowLeft" ? (P.preventDefault(), le()) : P.key === "ArrowRight" ? (P.preventDefault(), T()) : (P.key === "f" || P.key === "F") && (P.preventDefault(), _()));
+    };
+    return document.addEventListener("keydown", f), () => {
+      document.removeEventListener("keydown", f);
+    };
+  }, [
+    E,
+    L,
+    m,
+    le,
+    T,
+    _
+  ]), !J)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Card: Y,
+    CardContent: de,
+    Button: ie,
+    Input: te,
+    Skeleton: me
+  } = J, he = () => g ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: m,
+        disabled: h <= x,
+        children: /* @__PURE__ */ e.jsx(Ie, {})
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("span", { className: "text-sm", children: [
+      Math.round(h * 100),
+      "%"
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: L,
+        disabled: h >= p,
+        children: /* @__PURE__ */ e.jsx(Fe, {})
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: () => {
+          _();
+        },
+        children: H ? /* @__PURE__ */ e.jsx(Se, {}) : /* @__PURE__ */ e.jsx($e, {})
+      }
+    )
+  ] }) : null, be = () => l ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: le,
+        disabled: r <= 1,
+        children: /* @__PURE__ */ e.jsx(we, {})
+      }
+    ),
+    te ? /* @__PURE__ */ e.jsx(
+      te,
+      {
+        type: "number",
+        min: 1,
+        max: Math.max(y, 1),
+        value: r,
+        onChange: (f) => Q(parseInt(f.target.value, 10) || 1),
+        className: "w-16 text-center"
+      }
+    ) : /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: "number",
+        min: 1,
+        max: Math.max(y, 1),
+        value: r,
+        onChange: (f) => Q(parseInt(f.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: [
+      "/ ",
+      y
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      ie,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: T,
+        disabled: r >= y,
+        children: /* @__PURE__ */ e.jsx(ke, {})
+      }
+    )
+  ] }) : null, ye = () => !g && !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: [
+        he(),
+        be()
+      ]
+    }
+  ), 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: w })
+  ] }), fe = () => /* @__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: b }),
+    i && /* @__PURE__ */ e.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: i.message })
+  ] }) }), Pe = () => {
+    if (!re || !d) return null;
+    const { Page: f } = re;
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `flex flex-col items-center justify-center ${H ? "h-[calc(100vh-56px)] overflow-auto" : "overflow-visible"}`,
+        children: C.map((P) => /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: W,
+            style: {
+              display: P === r ? "block" : "none"
+            },
+            children: /* @__PURE__ */ e.jsx(
+              f,
+              {
+                pdf: d,
+                pageNumber: P,
+                scale: h,
+                renderTextLayer: !1,
+                renderAnnotationLayer: !1,
+                className: "shadow-md"
+              }
+            )
+          },
+          P
+        ))
+      }
+    );
+  };
+  return /* @__PURE__ */ e.jsx("div", { ref: se, children: /* @__PURE__ */ e.jsxs(Y, { className: A, children: [
+    ye(),
+    /* @__PURE__ */ e.jsx(de, { className: N, children: U ? Te() : i ? fe() : Pe() })
+  ] }) });
+}
+const ze = st(
+  ({
+    thumbnail: s,
+    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: s.url,
+            alt: `Page ${s.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: [
+          "第 ",
+          s.pageNumber,
+          " 页"
+        ] })
+      ]
+    }
+  )
+);
+ze.displayName = "PDFThumbnail";
+const We = ({
+  bookmark: s,
+  depth: j,
+  onClick: c
+}) => /* @__PURE__ */ e.jsxs("div", { style: { paddingLeft: `${j * 16}px` }, children: [
+  /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      onClick: () => c(s),
+      className: "w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary",
+      children: s.title
+    }
+  ),
+  s.items && s.items.map((u, a) => /* @__PURE__ */ e.jsx(
+    We,
+    {
+      bookmark: u,
+      depth: j + 1,
+      onClick: c
+    },
+    `${s.title}-${a}`
+  ))
+] });
+function ht({
+  pdfDocument: s,
+  currentPage: j,
+  onPageClick: c,
+  components: u
+}) {
+  const [a, x] = M([]), [p, o] = M([]), [D, g] = M(!0), { Tabs: l, TabsList: E, TabsTrigger: A, TabsContent: N, ScrollArea: W, Skeleton: J } = u;
+  ee(() => {
+    (async () => {
+      if (!s) return;
+      g(!0);
+      const b = [];
+      for (let d = 1; d <= s.numPages; d++)
+        try {
+          const G = await s.getPage(d), q = G.getViewport({ scale: 0.2 }), O = document.createElement("canvas"), I = O.getContext("2d");
+          if (!I) continue;
+          O.width = q.width, O.height = q.height, await G.render({
+            canvasContext: I,
+            viewport: q,
+            canvas: O
+          }).promise, b.push({
+            pageNumber: d,
+            url: O.toDataURL()
+          });
+        } catch (G) {
+          console.error(`Error loading thumbnail for page ${d}:`, G);
+        }
+      x(b), g(!1);
+    })();
+  }, [s]), ee(() => {
+    (async () => {
+      if (s)
+        try {
+          const b = await s.getOutline();
+          o(b || []);
+        } catch (b) {
+          console.error("Error loading bookmarks:", b), o([]);
+        }
+    })();
+  }, [s]);
+  const V = async (w) => {
+    if (s)
+      try {
+        let b;
+        if (w.dest)
+          if (typeof w.dest == "string") {
+            const d = await s.getDestination(w.dest);
+            d && d[0] && (b = await s.getPageIndex(d[0]));
+          } else Array.isArray(w.dest) && w.dest[0] && (b = await s.getPageIndex(w.dest[0]));
+        else w.pageNumber && (b = w.pageNumber - 1);
+        typeof b == "number" && c(b + 1);
+      } catch (b) {
+        console.error("Error navigating to bookmark:", b);
+      }
+  }, B = () => /* @__PURE__ */ e.jsx("div", { className: "space-y-2 p-4", children: Array.from({ length: (s == null ? void 0 : s.numPages) || 5 }, (w, b) => /* @__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" })
+  ] }, b)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "w-64 border-r bg-muted", children: /* @__PURE__ */ e.jsxs(l, { defaultValue: "thumbnails", children: [
+    /* @__PURE__ */ e.jsxs(E, { 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(N, { value: "thumbnails", children: /* @__PURE__ */ e.jsx(W, { className: "h-[calc(100vh-8rem)]", children: D ? B() : /* @__PURE__ */ e.jsx("div", { className: "space-y-2 p-4", children: a.map((w) => /* @__PURE__ */ e.jsx(
+      ze,
+      {
+        thumbnail: w,
+        isCurrentPage: j === w.pageNumber,
+        onClick: () => c(w.pageNumber)
+      },
+      w.pageNumber
+    )) }) }) }),
+    /* @__PURE__ */ e.jsx(N, { value: "bookmarks", children: /* @__PURE__ */ e.jsx(W, { className: "h-[calc(100vh-8rem)]", children: /* @__PURE__ */ e.jsx("div", { className: "p-4", children: p.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: p.map((w, b) => /* @__PURE__ */ e.jsx(
+      We,
+      {
+        bookmark: w,
+        depth: 0,
+        onClick: V
+      },
+      `${w.title}-${b}`
+    )) }) }) }) })
+  ] }) });
+}
+function pt(s, j) {
+  const c = ge(
+    void 0
+  );
+  return ne(
+    (...u) => {
+      c.current && clearTimeout(c.current), c.current = setTimeout(() => s(...u), j);
+    },
+    [s, j]
+  );
+}
+function _t({
+  url: s,
+  initialPage: j = 1,
+  initialScale: c = 1,
+  initialRotation: u = 0,
+  currentPage: a,
+  onPageChange: x,
+  scale: p,
+  onScaleChange: o,
+  rotation: D,
+  onRotationChange: g,
+  minScale: l = 0.5,
+  maxScale: E = 2.5,
+  showToolbar: A = !0,
+  showSidebar: N = !0,
+  showRotation: W = !0,
+  showModeToggle: J = !0,
+  showFullscreen: V = !0,
+  enableHotkeys: B = !0,
+  enableMobileNav: w = !0,
+  displayMode: b = "scroll",
+  className: d,
+  toolbarClassName: G,
+  contentClassName: q,
+  contentHeight: O = "80vh",
+  pageClassName: I,
+  workerUrl: S,
+  cMapUrl: U,
+  standardFontDataUrl: K,
+  components: i,
+  onLoadSuccess: R,
+  onLoadError: y,
+  onPageRender: $,
+  loadingText: H = "正在加载PDF文档...",
+  errorText: ue = "PDF加载失败"
+}) {
+  const [se, Z] = M(null), [re, t] = M(j), [r, h] = M(c), [C, Q] = M(u), [le, T] = M(!0), [L, m] = M(null), [_, Y] = M(0), [de, ie] = M(!1), [te, me] = M(
+    b === "scroll"
+  ), [he, be] = M(N);
+  ee(() => {
+    be(N);
+  }, [N]);
+  const [ye, Te] = M(void 0), [fe, Pe] = M(null), f = ge(null), P = ge(null), v = a ?? re, F = p ?? r, ae = D ?? C, { Card: Ee, CardContent: Be, Button: ce, Input: Ye, Skeleton: Ve } = i || {}, Ge = Oe(() => {
+    const n = {
+      withCredentials: !1
+    };
+    return U && (n.cMapUrl = U, n.cMapPacked = !0), K && (n.standardFontDataUrl = K), n;
+  }, [U, K]);
+  ee(() => {
+    let n = !0;
+    return (async () => {
+      try {
+        const X = await import("./index-0y7GsdPm.js");
+        if (typeof window < "u") {
+          const z = X.pdfjs, xe = z == null ? void 0 : z.version;
+          z != null && z.GlobalWorkerOptions && xe && (S ? z.GlobalWorkerOptions.workerSrc = S : z.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${xe}/build/pdf.worker.min.mjs`, !U && z.GlobalWorkerOptions && (z.GlobalWorkerOptions.cMapUrl = `https://unpkg.com/pdfjs-dist@${xe}/cmaps/`), !K && z.GlobalWorkerOptions && (z.GlobalWorkerOptions.standardFontDataUrl = `https://unpkg.com/pdfjs-dist@${xe}/standard_fonts/`));
+        }
+        n && Pe(X);
+      } catch (X) {
+        if (n) {
+          const z = X instanceof Error ? X : new Error("无法加载 react-pdf 库");
+          m(z), T(!1), y == null || y(z);
+        }
+      }
+    })(), () => {
+      n = !1;
+    };
+  }, [S, U, K, y]), ee(() => {
+    if (!fe || !s) return;
+    let n = !0;
+    return (async () => {
+      T(!0), m(null);
+      try {
+        const { Document: X } = fe;
+        if (!X)
+          throw new Error("react-pdf Document 组件不可用");
+        const xe = await fe.pdfjs.getDocument(s).promise;
+        n && (Z(xe), Y(xe.numPages), T(!1), R == null || R(xe));
+      } catch (X) {
+        if (n) {
+          const z = X instanceof Error ? X : new Error("PDF 加载失败");
+          m(z), T(!1), y == null || y(z);
+        }
+      }
+    })(), () => {
+      n = !1;
+    };
+  }, [fe, s, R, y]);
+  const Le = ne(
+    (n) => {
+      console.error("PDF加载失败:", n), console.error("PDF URL:", s), m(
+        new Error(`${ue}: ${n.message || "请检查文件路径或网络连接"}`)
+      ), y == null || y(n);
+    },
+    [s, ue, y]
+  ), oe = ne(
+    (n) => {
+      const k = Math.max(1, Math.min(n, _));
+      a === void 0 && t(k), x == null || x(k);
+    },
+    [_, a, x]
+  ), pe = ne(
+    (n) => {
+      const k = Math.max(l, Math.min(E, F + n));
+      p === void 0 && h(k), o == null || o(k);
+    },
+    [F, l, E, p, o]
+  ), Ue = ne(() => {
+    const n = (ae + 90) % 360;
+    D === void 0 && Q(n), g == null || g(n);
+  }, [ae, D, g]), _e = pt((n) => {
+    Te(n);
+  }, 100);
+  ee(() => {
+    if (!P.current) return;
+    const n = P.current, k = () => {
+      _e(n.clientWidth);
+    };
+    k();
+    const X = new ResizeObserver(() => {
+      k();
+    });
+    return X.observe(n), () => {
+      X.disconnect();
+    };
+  }, [_e]), ee(() => {
+    if (!B) return;
+    const n = (k) => {
+      (k.ctrlKey || k.metaKey) && (k.key === "=" || k.key === "+") ? (k.preventDefault(), pe(0.1)) : (k.ctrlKey || k.metaKey) && k.key === "-" ? (k.preventDefault(), pe(-0.1)) : k.key === "ArrowLeft" ? (k.preventDefault(), oe(v - 1)) : k.key === "ArrowRight" && (k.preventDefault(), oe(v + 1));
+    };
+    return document.addEventListener("keydown", n), () => {
+      document.removeEventListener("keydown", n);
+    };
+  }, [B, v, oe, pe]);
+  const Je = ne(async () => {
+    var n, k;
+    if (!(typeof document > "u"))
+      if (document.fullscreenElement)
+        document.exitFullscreen && (await document.exitFullscreen(), ie(!1));
+      else
+        try {
+          await ((k = (n = f.current) == null ? void 0 : n.requestFullscreen) == null ? void 0 : k.call(n)), ie(!0);
+        } catch (X) {
+          console.error("Error attempting to enable fullscreen:", X);
+        }
+  }, []);
+  ee(() => {
+    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 ${G || ""}`,
+      children: [
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+          N && /* @__PURE__ */ e.jsx(
+            ce,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => be(!he),
+              title: he ? "隐藏侧边栏" : "显示侧边栏",
+              children: /* @__PURE__ */ e.jsx(at, {})
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            ce,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => pe(-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: () => pe(0.1),
+              disabled: F >= E,
+              children: /* @__PURE__ */ e.jsx(Fe, {})
+            }
+          ),
+          W && /* @__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(!te),
+              title: te ? "单页模式" : "滚动模式",
+              children: te ? /* @__PURE__ */ e.jsx(ct, {}) : /* @__PURE__ */ e.jsx(ot, {})
+            }
+          ),
+          V && /* @__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(
+            Ye,
+            {
+              type: "number",
+              min: 1,
+              max: _,
+              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: [
+            "/ ",
+            _
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            ce,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => oe(v + 1),
+              disabled: v >= _,
+              children: /* @__PURE__ */ e.jsx(ke, {})
+            }
+          )
+        ] })
+      ]
+    }
+  ) : null, De = () => /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground", children: H }) }), Re = () => /* @__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: L == null ? void 0 : L.message })
+  ] }) }), He = () => {
+    if (!fe) return null;
+    const { Document: n, Page: k } = fe;
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        ref: P,
+        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,
+          {
+            pdf: se ?? void 0,
+            onLoadError: Le,
+            options: Ge,
+            loading: De(),
+            error: Re(),
+            children: L ? Re() : te ? (
+              // 显示所有页面模式
+              Array.from(new Array(_), (X, z) => /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: `mb-4 ${I || ""}`,
+                  children: /* @__PURE__ */ e.jsx(
+                    k,
+                    {
+                      pageNumber: z + 1,
+                      renderTextLayer: !1,
+                      renderAnnotationLayer: !1,
+                      width: ye,
+                      scale: F,
+                      rotate: ae,
+                      onRenderSuccess: () => $ == null ? void 0 : $(z + 1)
+                    }
+                  )
+                },
+                `page_${z + 1}`
+              ))
+            ) : (
+              // 单页模式
+              /* @__PURE__ */ e.jsx("div", { className: I || "", children: /* @__PURE__ */ e.jsx(
+                k,
+                {
+                  pageNumber: v,
+                  renderTextLayer: !1,
+                  renderAnnotationLayer: !1,
+                  width: ye,
+                  scale: F,
+                  rotate: ae,
+                  onRenderSuccess: () => $ == null ? void 0 : $(v)
+                }
+              ) })
+            )
+          }
+        ) })
+      }
+    );
+  }, Ze = () => {
+    if (!N || !he || !se) return null;
+    const n = ht;
+    return /* @__PURE__ */ e.jsx(
+      n,
+      {
+        pdfDocument: se,
+        currentPage: v,
+        onPageClick: qe,
+        components: {
+          Tabs: i.Tabs,
+          TabsList: i.TabsList,
+          TabsTrigger: i.TabsTrigger,
+          TabsContent: i.TabsContent,
+          ScrollArea: i.ScrollArea,
+          Skeleton: Ve
+        }
+      }
+    );
+  }, Xe = () => w ? /* @__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 >= _,
+        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 (N) {
+    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 k = 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: [
+        "错误：侧边栏功能需要注入 ",
+        k,
+        " 组件"
+      ] });
+    }
+  }
+  return /* @__PURE__ */ e.jsxs("div", { ref: f, children: [
+    /* @__PURE__ */ e.jsxs(Ee, { 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 ? De() : L ? Re() : He()
+          ] }) })
+        }
+      )
+    ] }),
+    Xe()
+  ] });
+}
+export {
+  Nt as D,
+  _t as P,
+  Rt as S,
+  kt as T,
+  wt as a,
+  ht as b,
+  Tt as c,
+  Pt as d,
+  Et as e,
+  yt as f,
+  e as j
+};
+//# sourceMappingURL=index-DaMRZoHB.js.map