@turinhub/atomix-common-ui 0.1.2 → 0.2.0

package/dist/index-DruzjpTS.js

@@ -0,0 +1,1293 @@
+import { clsx as he } from "clsx";
+import { twMerge as pe } from "tailwind-merge";
+import je, { useState as G, useEffect as se, useRef as ve, useMemo as be, useCallback as ne } from "react";
+import { MoreVertical as we, Plus as ge, Search as Ne, ChevronLeft as ke, ChevronRight as ye } from "lucide-react";
+function $e(...s) {
+  return pe(he(s));
+}
+var oe = { exports: {} }, le = {};
+/**
+ * @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 Te() {
+  if (de) return le;
+  de = 1;
+  var s = Symbol.for("react.transitional.element"), w = Symbol.for("react.fragment");
+  function m(f, l, u) {
+    var d = null;
+    if (u !== void 0 && (d = "" + u), l.key !== void 0 && (d = "" + l.key), "key" in l) {
+      u = {};
+      for (var a in l)
+        a !== "key" && (u[a] = l[a]);
+    } else u = l;
+    return l = u.ref, {
+      $$typeof: s,
+      type: f,
+      key: d,
+      ref: l !== void 0 ? l : null,
+      props: u
+    };
+  }
+  return le.Fragment = w, le.jsx = m, le.jsxs = m, le;
+}
+var ae = {};
+/**
+ * @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 Re() {
+  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 === H ? null : t.displayName || t.name || null;
+      if (typeof t == "string") return t;
+      switch (t) {
+        case _:
+          return "Fragment";
+        case V:
+          return "Profiler";
+        case U:
+          return "StrictMode";
+        case z:
+          return "Suspense";
+        case A:
+          return "SuspenseList";
+        case O:
+          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 S:
+            return "Portal";
+          case v:
+            return t.displayName || "Context";
+          case I:
+            return (t._context.displayName || "Context") + ".Consumer";
+          case B:
+            var n = t.render;
+            return t = t.displayName, t || (t = n.displayName || n.name || "", t = t !== "" ? "ForwardRef(" + t + ")" : "ForwardRef"), t;
+          case P:
+            return n = t.displayName || null, n !== null ? n : s(t.type) || "Memo";
+          case M:
+            n = t._payload, t = t._init;
+            try {
+              return s(t(n));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function w(t) {
+      return "" + t;
+    }
+    function m(t) {
+      try {
+        w(t);
+        var n = !1;
+      } catch {
+        n = !0;
+      }
+      if (n) {
+        n = console;
+        var x = n.error, b = typeof Symbol == "function" && Symbol.toStringTag && t[Symbol.toStringTag] || t.constructor.name || "Object";
+        return x.call(
+          n,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          b
+        ), w(t);
+      }
+    }
+    function f(t) {
+      if (t === _) return "<>";
+      if (typeof t == "object" && t !== null && t.$$typeof === M)
+        return "<...>";
+      try {
+        var n = s(t);
+        return n ? "<" + n + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var t = i.A;
+      return t === null ? null : t.getOwner();
+    }
+    function u() {
+      return Error("react-stack-top-frame");
+    }
+    function d(t) {
+      if (p.call(t, "key")) {
+        var n = Object.getOwnPropertyDescriptor(t, "key").get;
+        if (n && n.isReactWarning) return !1;
+      }
+      return t.key !== void 0;
+    }
+    function a(t, n) {
+      function x() {
+        $ || ($ = !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)",
+          n
+        ));
+      }
+      x.isReactWarning = !0, Object.defineProperty(t, "key", {
+        get: x,
+        configurable: !0
+      });
+    }
+    function j() {
+      var t = s(this.type);
+      return Z[t] || (Z[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 h(t, n, x, b, X, Q) {
+      var g = x.ref;
+      return t = {
+        $$typeof: C,
+        type: t,
+        key: n,
+        props: x,
+        _owner: b
+      }, (g !== void 0 ? g : null) !== null ? Object.defineProperty(t, "ref", {
+        enumerable: !1,
+        get: j
+      }) : 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: Q
+      }), Object.freeze && (Object.freeze(t.props), Object.freeze(t)), t;
+    }
+    function r(t, n, x, b, X, Q) {
+      var g = n.children;
+      if (g !== void 0)
+        if (b)
+          if (L(g)) {
+            for (b = 0; b < g.length; b++)
+              y(g[b]);
+            Object.freeze && Object.freeze(g);
+          } 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 y(g);
+      if (p.call(n, "key")) {
+        g = s(t);
+        var J = Object.keys(n).filter(function(k) {
+          return k !== "key";
+        });
+        b = 0 < J.length ? "{key: someKey, " + J.join(": ..., ") + ": ...}" : "{key: someKey}", T[g + b] || (J = 0 < J.length ? "{" + J.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} />`,
+          b,
+          g,
+          J,
+          g
+        ), T[g + b] = !0);
+      }
+      if (g = null, x !== void 0 && (m(x), g = "" + x), d(n) && (m(n.key), g = "" + n.key), "key" in n) {
+        x = {};
+        for (var c in n)
+          c !== "key" && (x[c] = n[c]);
+      } else x = n;
+      return g && a(
+        x,
+        typeof t == "function" ? t.displayName || t.name || "Unknown" : t
+      ), h(
+        t,
+        g,
+        x,
+        l(),
+        X,
+        Q
+      );
+    }
+    function y(t) {
+      R(t) ? t._store && (t._store.validated = 1) : typeof t == "object" && t !== null && t.$$typeof === M && (t._payload.status === "fulfilled" ? R(t._payload.value) && t._payload.value._store && (t._payload.value._store.validated = 1) : t._store && (t._store.validated = 1));
+    }
+    function R(t) {
+      return typeof t == "object" && t !== null && t.$$typeof === C;
+    }
+    var N = je, C = Symbol.for("react.transitional.element"), S = Symbol.for("react.portal"), _ = Symbol.for("react.fragment"), U = Symbol.for("react.strict_mode"), V = Symbol.for("react.profiler"), I = Symbol.for("react.consumer"), v = Symbol.for("react.context"), B = Symbol.for("react.forward_ref"), z = Symbol.for("react.suspense"), A = Symbol.for("react.suspense_list"), P = Symbol.for("react.memo"), M = Symbol.for("react.lazy"), O = Symbol.for("react.activity"), H = Symbol.for("react.client.reference"), i = N.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, p = Object.prototype.hasOwnProperty, L = Array.isArray, D = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    N = {
+      react_stack_bottom_frame: function(t) {
+        return t();
+      }
+    };
+    var $, Z = {}, Y = N.react_stack_bottom_frame.bind(
+      N,
+      u
+    )(), q = D(f(u)), T = {};
+    ae.Fragment = _, ae.jsx = function(t, n, x) {
+      var b = 1e4 > i.recentlyCreatedOwnerStacks++;
+      return r(
+        t,
+        n,
+        x,
+        !1,
+        b ? Error("react-stack-top-frame") : Y,
+        b ? D(f(t)) : q
+      );
+    }, ae.jsxs = function(t, n, x) {
+      var b = 1e4 > i.recentlyCreatedOwnerStacks++;
+      return r(
+        t,
+        n,
+        x,
+        !0,
+        b ? Error("react-stack-top-frame") : Y,
+        b ? D(f(t)) : q
+      );
+    };
+  })()), ae;
+}
+var fe;
+function Ee() {
+  return fe || (fe = 1, process.env.NODE_ENV === "production" ? oe.exports = Te() : oe.exports = Re()), oe.exports;
+}
+var e = Ee();
+function We({
+  data: s,
+  loading: w = !1,
+  columns: m,
+  rowKey: f,
+  emptyText: l = "暂无数据",
+  searchActiveEmptyText: u = "未找到匹配的记录",
+  header: d,
+  pagination: a,
+  rowClassName: j,
+  onRow: h,
+  actions: r,
+  components: y,
+  renderCard: R,
+  renderTable: N,
+  renderActions: C
+}) {
+  var g, J;
+  if (!y)
+    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: S,
+    CardContent: _,
+    CardFooter: U,
+    Table: V,
+    TableBody: I,
+    TableCell: v,
+    TableHead: B,
+    TableHeader: z,
+    TableRow: A,
+    Button: P,
+    DropdownMenu: M,
+    DropdownMenuTrigger: O,
+    DropdownMenuContent: H,
+    DropdownMenuItem: i,
+    DropdownMenuSeparator: p,
+    Skeleton: L,
+    TableHeaderComponent: D,
+    TablePaginationComponent: $
+  } = y, Z = (c, k) => {
+    if (typeof f == "function")
+      return f(c);
+    const E = c[f];
+    return E != null ? String(E) : `row-${k}`;
+  }, Y = !!(d != null && d.searchValue && d.searchValue.trim().length > 0), q = !!(r != null && r.render || (g = r == null ? void 0 : r.items) != null && g.length), T = (r == null ? void 0 : r.mode) ?? ((J = r == null ? void 0 : r.items) != null && J.length ? "collapsed" : "expanded"), t = (c) => c.separator === !0, n = (c, k) => !r || !q ? null : T === "collapsed" && r.items && r.items.length > 0 ? /* @__PURE__ */ e.jsxs(M, { children: [
+    /* @__PURE__ */ e.jsx(O, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      P,
+      {
+        variant: "ghost",
+        className: "h-8 w-8 p-0",
+        "aria-label": "打开行操作菜单",
+        children: /* @__PURE__ */ e.jsx(we, { className: "h-4 w-4" })
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(H, { align: "end", children: r.items.map(
+      (E, te) => t(E) ? /* @__PURE__ */ e.jsx(p, {}, `separator-${te}`) : /* @__PURE__ */ e.jsxs(
+        i,
+        {
+          onClick: () => E.onClick(c, k),
+          className: E.className,
+          children: [
+            E.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 h-4 w-4", children: E.icon }),
+            E.label
+          ]
+        },
+        `action-${te}`
+      )
+    ) })
+  ] }) : r.render ? r.render(c, k) : null, x = () => /* @__PURE__ */ e.jsx(z, { children: /* @__PURE__ */ e.jsxs(A, { className: "bg-muted/50 hover:bg-muted/50", children: [
+    m.map((c) => /* @__PURE__ */ e.jsx(
+      B,
+      {
+        className: `font-semibold text-foreground ${c.align === "center" ? "text-center" : c.align === "right" ? "text-right" : "text-left"}`,
+        style: { width: c.width },
+        children: c.title
+      },
+      String(c.key)
+    )),
+    q && /* @__PURE__ */ e.jsx(B, { className: "text-right font-semibold text-foreground", children: (r == null ? void 0 : r.title) || "操作" })
+  ] }) }), b = () => w ? /* @__PURE__ */ e.jsx(I, { children: Array.from({ length: 5 }).map((c, k) => /* @__PURE__ */ e.jsxs(A, { children: [
+    m.map((E) => /* @__PURE__ */ e.jsx(
+      v,
+      {
+        style: { width: E.width },
+        className: E.align === "center" ? "text-center" : E.align === "right" ? "text-right" : "",
+        children: /* @__PURE__ */ e.jsx(L, { className: "h-4 w-full" })
+      },
+      String(E.key)
+    )),
+    q && /* @__PURE__ */ e.jsx(v, { children: /* @__PURE__ */ e.jsx(L, { className: "ml-auto h-4 w-8" }) })
+  ] }, k)) }) : s.length === 0 ? /* @__PURE__ */ e.jsx(I, { children: /* @__PURE__ */ e.jsx(A, { children: /* @__PURE__ */ e.jsx(
+    v,
+    {
+      colSpan: m.length + (q ? 1 : 0),
+      className: "py-8 text-center text-muted-foreground",
+      children: Y ? u : l
+    }
+  ) }) }) : /* @__PURE__ */ e.jsx(I, { children: s.map((c, k) => {
+    const E = Z(c, k), te = h == null ? void 0 : h(c, k), ce = j == null ? void 0 : j(c, k);
+    return /* @__PURE__ */ e.jsxs(
+      A,
+      {
+        className: `${ce || ""} hover:bg-muted/50`,
+        ...te,
+        children: [
+          m.map((K) => {
+            const ie = c[K.key], ue = K.render ? K.render(ie, c, k) : ie;
+            return /* @__PURE__ */ e.jsx(
+              v,
+              {
+                className: K.align === "center" ? "text-center" : K.align === "right" ? "text-right" : "",
+                children: ue
+              },
+              String(K.key)
+            );
+          }),
+          q && /* @__PURE__ */ e.jsx(v, { className: "text-right", children: C ? C(c, k) : n(c, k) })
+        ]
+      },
+      E
+    );
+  }) }), X = (c) => /* @__PURE__ */ e.jsxs(S, { children: [
+    d && /* @__PURE__ */ e.jsx("div", { className: "p-6 pb-0", children: /* @__PURE__ */ e.jsx(D, { ...d }) }),
+    /* @__PURE__ */ e.jsx(_, { className: "p-0", children: c }),
+    (a == null ? void 0 : a.show) !== !1 && a && /* @__PURE__ */ e.jsx(U, { className: "border-t py-4", children: /* @__PURE__ */ e.jsx(
+      $,
+      {
+        currentPage: a.currentPage,
+        pageSize: a.pageSize,
+        total: a.total,
+        onPageChange: a.onPageChange,
+        onPageSizeChange: a.onPageSizeChange,
+        pageSizeOptions: a.pageSizeOptions,
+        showPageSizeSelector: a.showPageSizeSelector,
+        showJumpToPage: a.showJumpToPage,
+        showTotal: a.showTotal,
+        searchActive: Y
+      }
+    ) })
+  ] }), Q = (c, k) => /* @__PURE__ */ e.jsxs(V, { children: [
+    c,
+    k
+  ] });
+  return R ? R(
+    N ? N(x(), b()) : Q(x(), b())
+  ) : X(
+    N ? N(x(), b()) : Q(x(), b())
+  );
+}
+function Be({
+  open: s,
+  onOpenChange: w,
+  title: m,
+  description: f,
+  onConfirm: l,
+  loading: u = !1,
+  confirmText: d = "确认删除",
+  cancelText: a = "取消",
+  confirmButtonVariant: j = "destructive",
+  verification: h,
+  components: r,
+  loadingIcon: y
+}) {
+  const [R, N] = G("");
+  if (se(() => {
+    s && N("");
+  }, [s, h == null ? void 0 : h.targetValue]), !r)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Dialog: C,
+    DialogContent: S,
+    DialogHeader: _,
+    DialogFooter: U,
+    DialogTitle: V,
+    DialogDescription: I,
+    Button: v,
+    Input: B,
+    Label: z
+  } = r, A = h ? R !== h.targetValue : !1, P = () => {
+    A || l();
+  };
+  return /* @__PURE__ */ e.jsx(C, { open: s, onOpenChange: w, children: /* @__PURE__ */ e.jsxs(S, { children: [
+    /* @__PURE__ */ e.jsxs(_, { children: [
+      /* @__PURE__ */ e.jsx(V, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: m }) }),
+      /* @__PURE__ */ e.jsx(I, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { children: f }) })
+    ] }),
+    h && /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(z, { htmlFor: "confirm-input", children: h.label || "请输入以确认" }),
+      /* @__PURE__ */ e.jsx(
+        B,
+        {
+          id: "confirm-input",
+          value: R,
+          onChange: (M) => N(M.target.value),
+          placeholder: h.placeholder,
+          disabled: u
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e.jsxs(U, { children: [
+      /* @__PURE__ */ e.jsx(
+        v,
+        {
+          variant: "outline",
+          onClick: () => w(!1),
+          disabled: u,
+          children: a
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        v,
+        {
+          variant: j,
+          onClick: P,
+          disabled: A || u,
+          children: [
+            u && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: y || /* @__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"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            d
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function ze({
+  title: s,
+  searchPlaceholder: w = "搜索...",
+  searchValue: m = "",
+  onSearchChange: f,
+  onSearch: l,
+  showSearch: u = !0,
+  action: d,
+  actionLabel: a,
+  onActionClick: j,
+  loading: h = !1,
+  components: r
+}) {
+  if (!r)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { Input: y, Button: R } = r, N = (C) => {
+    C.key === "Enter" && l && l();
+  };
+  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: [
+        d && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: d }),
+        !d && a && j && /* @__PURE__ */ e.jsxs(R, { onClick: j, disabled: h, size: "sm", children: [
+          /* @__PURE__ */ e.jsx(ge, { className: "mr-2 h-4 w-4" }),
+          a
+        ] })
+      ] })
+    ] }),
+    u && /* @__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(Ne, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ e.jsx(
+          y,
+          {
+            placeholder: w,
+            value: m,
+            onChange: (C) => f == null ? void 0 : f(C.target.value),
+            onKeyPress: N,
+            className: "h-9 pl-8",
+            disabled: h
+          }
+        )
+      ] }),
+      l && /* @__PURE__ */ e.jsx(
+        R,
+        {
+          onClick: l,
+          disabled: h,
+          variant: "secondary",
+          size: "sm",
+          children: "搜索"
+        }
+      )
+    ] })
+  ] });
+}
+function Le({
+  currentPage: s,
+  pageSize: w,
+  total: m,
+  onPageChange: f,
+  onPageSizeChange: l,
+  pageSizeOptions: u = [10, 20, 50],
+  showPageSizeSelector: d = !0,
+  showJumpToPage: a = !0,
+  showTotal: j = !0,
+  searchActive: h = !1,
+  components: r
+}) {
+  const [y, R] = G(String(s + 1));
+  if (se(() => {
+    R(String(s + 1));
+  }, [s]), !r)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Button: N,
+    Select: C,
+    SelectTrigger: S,
+    SelectContent: _,
+    SelectItem: U,
+    SelectValue: V
+  } = r, I = Math.ceil(m / w), v = Math.max(I, 1), B = s * w + 1, z = Math.min((s + 1) * w, m), A = Array.from(
+    /* @__PURE__ */ new Set([...u, w])
+  ).sort((i, p) => i - p), P = d && !!l, M = v > 1, O = (i) => {
+    const p = Math.max(0, Math.min(i, v - 1));
+    p !== s && f(p);
+  }, H = (() => {
+    if (v <= 7)
+      return Array.from({ length: v }, (D, $) => $);
+    const i = /* @__PURE__ */ new Set([
+      0,
+      1,
+      v - 2,
+      v - 1,
+      s - 1,
+      s,
+      s + 1
+    ]), p = Array.from(i).filter((D) => D >= 0 && D < v).sort((D, $) => D - $), L = [];
+    for (const D of p) {
+      const $ = L[L.length - 1];
+      typeof $ == "number" && D - $ > 1 && L.push("ellipsis"), L.push(D);
+    }
+    return L;
+  })();
+  return m === 0 ? null : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `flex w-full items-center gap-3 ${j ? "justify-between" : "justify-end"}`,
+      children: [
+        j && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: h ? `找到 ${m} 条匹配记录` : m > 0 ? `显示 ${B} - ${z} 条，共 ${m} 条记录` : "暂无数据" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+          P && /* @__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(
+              C,
+              {
+                value: String(w),
+                onValueChange: (i) => {
+                  const p = Number(i);
+                  Number.isNaN(p) || p === w || !l || l(p);
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx(S, { className: "h-8 w-[90px]", children: /* @__PURE__ */ e.jsx(V, {}) }),
+                  /* @__PURE__ */ e.jsx(_, { children: A.map((i) => /* @__PURE__ */ e.jsx(U, { 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,
+            " 页，共 ",
+            v,
+            " 页"
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            N,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => O(s - 1),
+              disabled: s === 0 || !M,
+              "aria-label": "上一页",
+              children: /* @__PURE__ */ e.jsx(ke, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1", children: H.map(
+            (i, p) => i === "ellipsis" ? /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                className: "inline-flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
+                children: "..."
+              },
+              `ellipsis-${p}`
+            ) : /* @__PURE__ */ e.jsx(
+              N,
+              {
+                variant: i === s ? "default" : "outline",
+                size: "sm",
+                onClick: () => O(i),
+                disabled: i === s,
+                "aria-current": i === s ? "page" : void 0,
+                children: i + 1
+              },
+              i
+            )
+          ) }),
+          /* @__PURE__ */ e.jsx(
+            N,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => O(s + 1),
+              disabled: s >= v - 1 || !M,
+              "aria-label": "下一页",
+              children: /* @__PURE__ */ e.jsx(ye, { className: "h-4 w-4" })
+            }
+          ),
+          a && /* @__PURE__ */ e.jsxs(
+            "form",
+            {
+              className: "ml-1 flex items-center gap-2",
+              onSubmit: (i) => {
+                i.preventDefault();
+                const p = Number.parseInt(y, 10);
+                Number.isNaN(p) || O(p - 1);
+              },
+              children: [
+                /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "跳至" }),
+                /* @__PURE__ */ e.jsx(
+                  "input",
+                  {
+                    type: "number",
+                    min: 1,
+                    max: v,
+                    value: y,
+                    disabled: !M,
+                    onChange: (i) => R(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: !M,
+                    children: "跳转"
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const _e = [
+  {
+    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 Ye({
+  value: s,
+  onValueChange: w,
+  themes: m = _e,
+  triggerVariant: f = "ghost",
+  triggerSize: l = "icon",
+  triggerClassName: u,
+  iconSize: d = 16,
+  showCurrentIcon: a = !0,
+  enableSSRHandling: j = !0,
+  triggerContent: h,
+  components: r,
+  themeIcons: y
+}) {
+  const [R, N] = G(!1);
+  if (se(() => {
+    N(!0);
+  }, []), j && !R)
+    return null;
+  if (!r)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    DropdownMenu: C,
+    DropdownMenuTrigger: S,
+    DropdownMenuContent: _,
+    DropdownMenuRadioGroup: U,
+    DropdownMenuRadioItem: V,
+    Button: I
+  } = r, v = (P) => {
+    if (y && y[P])
+      return y[P];
+    const M = m.find((O) => O.value === P);
+    return M == null ? void 0 : M.icon;
+  }, B = v(s), z = a ? B : null, A = d ? { width: d, height: d } : {};
+  return /* @__PURE__ */ e.jsxs(C, { children: [
+    /* @__PURE__ */ e.jsx(S, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      I,
+      {
+        variant: f,
+        size: l,
+        className: u,
+        children: h || /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            style: A,
+            className: "inline-flex items-center justify-center",
+            children: z
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(_, { children: /* @__PURE__ */ e.jsx(U, { value: s, onValueChange: w, children: m.map((P) => /* @__PURE__ */ e.jsxs(V, { value: P.value, children: [
+      /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", children: v(P.value) }),
+      /* @__PURE__ */ e.jsx("span", { children: P.label })
+    ] }, P.value)) }) })
+  ] });
+}
+const Pe = [
+  {
+    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 Ue({
+  value: s,
+  onValueChange: w,
+  themes: m = Pe,
+  iconSize: f = 16,
+  components: l,
+  themeIcons: u
+}) {
+  if (!l)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { DropdownMenuRadioGroup: d, DropdownMenuRadioItem: a } = l, j = (r) => {
+    if (u && u[r])
+      return u[r];
+    const y = m.find((R) => R.value === r);
+    return y == null ? void 0 : y.icon;
+  }, h = f ? { width: f, height: f } : {};
+  return /* @__PURE__ */ e.jsx(d, { value: s, onValueChange: w, children: m.map((r) => /* @__PURE__ */ e.jsxs(a, { value: r.value, children: [
+    /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", style: h, children: j(r.value) }),
+    /* @__PURE__ */ e.jsx("span", { children: r.label })
+  ] }, r.value)) });
+}
+const Ce = () => /* @__PURE__ */ e.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ e.jsx("path", { d: "m15 18-6-6 6-6" })
+  }
+), Me = () => /* @__PURE__ */ e.jsx(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: /* @__PURE__ */ e.jsx("path", { d: "m9 18 6-6-6-6" })
+  }
+), De = () => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e.jsx("circle", { cx: "11", cy: "11", r: "8" }),
+      /* @__PURE__ */ e.jsx("path", { d: "m21 21-4.3-4.3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "m11 8v6" }),
+      /* @__PURE__ */ e.jsx("path", { d: "m8 11h6" })
+    ]
+  }
+), Ae = () => /* @__PURE__ */ e.jsxs(
+  "svg",
+  {
+    xmlns: "http://www.w3.org/2000/svg",
+    width: "16",
+    height: "16",
+    viewBox: "0 0 24 24",
+    fill: "none",
+    stroke: "currentColor",
+    strokeWidth: "2",
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    children: [
+      /* @__PURE__ */ e.jsx("circle", { cx: "11", cy: "11", r: "8" }),
+      /* @__PURE__ */ e.jsx("path", { d: "m21 21-4.3-4.3" }),
+      /* @__PURE__ */ e.jsx("path", { d: "m8 11h6" })
+    ]
+  }
+);
+function Ve({
+  url: s,
+  initialPage: w = 1,
+  initialScale: m = 1,
+  scale: f,
+  onScaleChange: l,
+  minScale: u = 0.5,
+  maxScale: d = 3,
+  currentPage: a,
+  onPageChange: j,
+  showToolbar: h = !0,
+  showPagination: r = !0,
+  className: y,
+  containerClassName: R,
+  pageClassName: N,
+  components: C,
+  onLoadSuccess: S,
+  onLoadError: _,
+  loadingText: U = "加载中...",
+  errorText: V = "加载失败"
+}) {
+  const [I, v] = G(null), [B, z] = G(w), [A, P] = G(m), [M, O] = G(!0), [H, i] = G(null), [p, L] = G(0), [D, $] = G(!1), Z = ve(null), [Y, q] = G(null), T = a ?? B, t = f ?? A, n = be(() => {
+    const o = [T];
+    return T > 1 && o.push(T - 1), T < p && o.push(T + 1), o;
+  }, [T, p]), x = ne(() => {
+    if (T > 1) {
+      const o = T - 1;
+      a === void 0 && z(o), j == null || j(o);
+    }
+  }, [T, a, j]), b = ne(() => {
+    if (T < p) {
+      const o = T + 1;
+      a === void 0 && z(o), j == null || j(o);
+    }
+  }, [T, p, a, j]), X = ne(() => {
+    const o = Math.min(t + 0.25, d);
+    f === void 0 && P(o), l == null || l(o);
+  }, [t, d, f, l]), Q = ne(() => {
+    const o = Math.max(t - 0.25, u);
+    f === void 0 && P(o), l == null || l(o);
+  }, [t, u, f, l]), g = ne(async () => {
+    var o, ee, W;
+    if (!(typeof document > "u")) {
+      if (!document.fullscreenElement) {
+        await ((ee = (o = Z.current) == null ? void 0 : o.requestFullscreen) == null ? void 0 : ee.call(o));
+        return;
+      }
+      await ((W = document.exitFullscreen) == null ? void 0 : W.call(document));
+    }
+  }, []);
+  if (se(() => {
+    let o = !0;
+    return (async () => {
+      try {
+        const W = await import("./index-BYKrRClM.js");
+        if (typeof window < "u") {
+          const F = W.pdfjs, re = F == null ? void 0 : F.version;
+          F != null && F.GlobalWorkerOptions && re && (F.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${re}/build/pdf.worker.min.mjs`);
+        }
+        o && q(W);
+      } catch (W) {
+        if (o) {
+          const F = W instanceof Error ? W : new Error("无法加载 react-pdf 库");
+          i(F), O(!1), _ == null || _(F);
+        }
+      }
+    })(), () => {
+      o = !1;
+    };
+  }, []), se(() => {
+    if (!Y || !s) return;
+    let o = !0;
+    return (async () => {
+      O(!0), i(null);
+      try {
+        const { Document: W } = Y;
+        if (!W)
+          throw new Error("react-pdf Document 组件不可用");
+        const re = await Y.pdfjs.getDocument(s).promise;
+        o && (v(re), L(re.numPages), O(!1), S == null || S(re));
+      } catch (W) {
+        if (o) {
+          const F = W instanceof Error ? W : new Error("PDF 加载失败");
+          i(F), O(!1), _ == null || _(F);
+        }
+      }
+    })(), () => {
+      o = !1;
+    };
+  }, [Y, s, S, _]), se(() => {
+    if (typeof document > "u") return;
+    const o = () => {
+      $(document.fullscreenElement === Z.current);
+    };
+    return document.addEventListener("fullscreenchange", o), () => {
+      document.removeEventListener("fullscreenchange", o);
+    };
+  }, []), !C)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { Card: J, CardContent: c, Button: k, Skeleton: E } = C, te = () => h ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e.jsx(
+      k,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: Q,
+        disabled: t <= u,
+        children: /* @__PURE__ */ e.jsx(Ae, {})
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("span", { className: "text-sm", children: [
+      Math.round(t * 100),
+      "%"
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      k,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: X,
+        disabled: t >= d,
+        children: /* @__PURE__ */ e.jsx(De, {})
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      k,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: () => {
+          g();
+        },
+        children: D ? "退出全屏" : "全屏"
+      }
+    )
+  ] }) : null, ce = () => r ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e.jsxs(
+      k,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: x,
+        disabled: T <= 1,
+        children: [
+          /* @__PURE__ */ e.jsx(Ce, {}),
+          /* @__PURE__ */ e.jsx("span", { className: "ml-1", children: "上一页" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1", children: /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+      T,
+      " / ",
+      p
+    ] }) }),
+    /* @__PURE__ */ e.jsxs(
+      k,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: b,
+        disabled: T >= p,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: "mr-1", children: "下一页" }),
+          /* @__PURE__ */ e.jsx(Me, {})
+        ]
+      }
+    )
+  ] }) : null, K = () => !h && !r ? 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: [
+        te(),
+        ce()
+      ]
+    }
+  ), ie = () => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center space-y-4 p-8", children: [
+    /* @__PURE__ */ e.jsx(E, { className: "h-8 w-32" }),
+    /* @__PURE__ */ e.jsx(E, { className: "h-64 w-full max-w-2xl" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: U })
+  ] }), ue = () => /* @__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: V }),
+    H && /* @__PURE__ */ e.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: H.message })
+  ] }) }), xe = () => {
+    if (!Y || !I) return null;
+    const { Page: o } = Y;
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `flex flex-col items-center justify-center ${D ? "h-[calc(100vh-56px)] overflow-auto" : "overflow-visible"}`,
+        children: n.map((ee) => /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: N,
+            style: {
+              display: ee === T ? "block" : "none"
+            },
+            children: /* @__PURE__ */ e.jsx(
+              o,
+              {
+                pdf: I,
+                pageNumber: ee,
+                scale: t,
+                renderTextLayer: !1,
+                renderAnnotationLayer: !1,
+                className: "shadow-md"
+              }
+            )
+          },
+          ee
+        ))
+      }
+    );
+  };
+  return /* @__PURE__ */ e.jsx("div", { ref: Z, children: /* @__PURE__ */ e.jsxs(J, { className: y, children: [
+    K(),
+    /* @__PURE__ */ e.jsx(c, { className: R, children: M ? ie() : H ? ue() : xe() })
+  ] }) });
+}
+export {
+  We as D,
+  Ve as S,
+  ze as T,
+  Be as a,
+  Le as b,
+  Ye as c,
+  Ue as d,
+  $e as e,
+  e as j
+};
+//# sourceMappingURL=index-DruzjpTS.js.map