@turinhub/atomix-common-ui 0.2.1 → 0.3.0

package/dist/index-DJdfLA8M.js

@@ -0,0 +1,2140 @@
+import { clsx as st } from "clsx";
+import { twMerge as rt } from "tailwind-merge";
+import nt, { useState as O, useEffect as ae, useRef as ge, useMemo as Oe, useCallback as ie, memo as at } from "react";
+import { MoreVertical as lt, Plus as it, Search as ct, ChevronLeft as Ee, ChevronRight as Pe, ZoomOut as Fe, ZoomIn as Se, Minimize2 as ze, Maximize2 as We, PanelLeft as ot, RotateCw as dt, ScrollText as ut, FileText as Be, UploadCloud as mt, X as xt, Loader2 as ft, CheckCircle2 as ht, XCircle as pt } from "lucide-react";
+function De(...r) {
+  return rt(st(r));
+}
+var Te = { exports: {} }, Ne = {};
+/**
+ * @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 Me;
+function jt() {
+  if (Me) return Ne;
+  Me = 1;
+  var r = Symbol.for("react.transitional.element"), m = Symbol.for("react.fragment");
+  function d(h, l, v) {
+    var y = null;
+    if (v !== void 0 && (y = "" + v), l.key !== void 0 && (y = "" + l.key), "key" in l) {
+      v = {};
+      for (var x in l)
+        x !== "key" && (v[x] = l[x]);
+    } else v = l;
+    return l = v.ref, {
+      $$typeof: r,
+      type: h,
+      key: y,
+      ref: l !== void 0 ? l : null,
+      props: v
+    };
+  }
+  return Ne.Fragment = m, Ne.jsx = d, Ne.jsxs = d, Ne;
+}
+var we = {};
+/**
+ * @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 Ae;
+function vt() {
+  return Ae || (Ae = 1, process.env.NODE_ENV !== "production" && (function() {
+    function r(s) {
+      if (s == null) return null;
+      if (typeof s == "function")
+        return s.$$typeof === J ? null : s.displayName || s.name || null;
+      if (typeof s == "string") return s;
+      switch (s) {
+        case Y:
+          return "Fragment";
+        case E:
+          return "Profiler";
+        case L:
+          return "StrictMode";
+        case X:
+          return "Suspense";
+        case S:
+          return "SuspenseList";
+        case K:
+          return "Activity";
+      }
+      if (typeof s == "object")
+        switch (typeof s.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), s.$$typeof) {
+          case H:
+            return "Portal";
+          case g:
+            return s.displayName || "Context";
+          case P:
+            return (s._context.displayName || "Context") + ".Consumer";
+          case G:
+            var n = s.render;
+            return s = s.displayName, s || (s = n.displayName || n.name || "", s = s !== "" ? "ForwardRef(" + s + ")" : "ForwardRef"), s;
+          case z:
+            return n = s.displayName || null, n !== null ? n : r(s.type) || "Memo";
+          case W:
+            n = s._payload, s = s._init;
+            try {
+              return r(s(n));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function m(s) {
+      return "" + s;
+    }
+    function d(s) {
+      try {
+        m(s);
+        var n = !1;
+      } catch {
+        n = !0;
+      }
+      if (n) {
+        n = console;
+        var j = n.error, I = typeof Symbol == "function" && Symbol.toStringTag && s[Symbol.toStringTag] || s.constructor.name || "Object";
+        return j.call(
+          n,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          I
+        ), m(s);
+      }
+    }
+    function h(s) {
+      if (s === Y) return "<>";
+      if (typeof s == "object" && s !== null && s.$$typeof === W)
+        return "<...>";
+      try {
+        var n = r(s);
+        return n ? "<" + n + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function l() {
+      var s = u.A;
+      return s === null ? null : s.getOwner();
+    }
+    function v() {
+      return Error("react-stack-top-frame");
+    }
+    function y(s) {
+      if (M.call(s, "key")) {
+        var n = Object.getOwnPropertyDescriptor(s, "key").get;
+        if (n && n.isReactWarning) return !1;
+      }
+      return s.key !== void 0;
+    }
+    function x(s, n) {
+      function j() {
+        U || (U = !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
+        ));
+      }
+      j.isReactWarning = !0, Object.defineProperty(s, "key", {
+        get: j,
+        configurable: !0
+      });
+    }
+    function p() {
+      var s = r(this.type);
+      return de[s] || (de[s] = !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."
+      )), s = this.props.ref, s !== void 0 ? s : null;
+    }
+    function w(s, n, j, I, Q, re) {
+      var _ = j.ref;
+      return s = {
+        $$typeof: B,
+        type: s,
+        key: n,
+        props: j,
+        _owner: I
+      }, (_ !== void 0 ? _ : null) !== null ? Object.defineProperty(s, "ref", {
+        enumerable: !1,
+        get: p
+      }) : Object.defineProperty(s, "ref", { enumerable: !1, value: null }), s._store = {}, Object.defineProperty(s._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(s, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(s, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: Q
+      }), Object.defineProperty(s, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: re
+      }), Object.freeze && (Object.freeze(s.props), Object.freeze(s)), s;
+    }
+    function i(s, n, j, I, Q, re) {
+      var _ = n.children;
+      if (_ !== void 0)
+        if (I)
+          if (C(_)) {
+            for (I = 0; I < _.length; I++)
+              D(_[I]);
+            Object.freeze && Object.freeze(_);
+          } 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 D(_);
+      if (M.call(n, "key")) {
+        _ = r(s);
+        var q = Object.keys(n).filter(function(N) {
+          return N !== "key";
+        });
+        I = 0 < q.length ? "{key: someKey, " + q.join(": ..., ") + ": ...}" : "{key: someKey}", se[_ + I] || (q = 0 < q.length ? "{" + q.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} />`,
+          I,
+          _,
+          q,
+          _
+        ), se[_ + I] = !0);
+      }
+      if (_ = null, j !== void 0 && (d(j), _ = "" + j), y(n) && (d(n.key), _ = "" + n.key), "key" in n) {
+        j = {};
+        for (var b in n)
+          b !== "key" && (j[b] = n[b]);
+      } else j = n;
+      return _ && x(
+        j,
+        typeof s == "function" ? s.displayName || s.name || "Unknown" : s
+      ), w(
+        s,
+        _,
+        j,
+        l(),
+        Q,
+        re
+      );
+    }
+    function D(s) {
+      F(s) ? s._store && (s._store.validated = 1) : typeof s == "object" && s !== null && s.$$typeof === W && (s._payload.status === "fulfilled" ? F(s._payload.value) && s._payload.value._store && (s._payload.value._store.validated = 1) : s._store && (s._store.validated = 1));
+    }
+    function F(s) {
+      return typeof s == "object" && s !== null && s.$$typeof === B;
+    }
+    var T = nt, B = Symbol.for("react.transitional.element"), H = Symbol.for("react.portal"), Y = Symbol.for("react.fragment"), L = Symbol.for("react.strict_mode"), E = Symbol.for("react.profiler"), P = Symbol.for("react.consumer"), g = Symbol.for("react.context"), G = Symbol.for("react.forward_ref"), X = Symbol.for("react.suspense"), S = Symbol.for("react.suspense_list"), z = Symbol.for("react.memo"), W = Symbol.for("react.lazy"), K = Symbol.for("react.activity"), J = Symbol.for("react.client.reference"), u = T.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, M = Object.prototype.hasOwnProperty, C = Array.isArray, R = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    T = {
+      react_stack_bottom_frame: function(s) {
+        return s();
+      }
+    };
+    var U, de = {}, te = T.react_stack_bottom_frame.bind(
+      T,
+      v
+    )(), V = R(h(v)), se = {};
+    we.Fragment = Y, we.jsx = function(s, n, j) {
+      var I = 1e4 > u.recentlyCreatedOwnerStacks++;
+      return i(
+        s,
+        n,
+        j,
+        !1,
+        I ? Error("react-stack-top-frame") : te,
+        I ? R(h(s)) : V
+      );
+    }, we.jsxs = function(s, n, j) {
+      var I = 1e4 > u.recentlyCreatedOwnerStacks++;
+      return i(
+        s,
+        n,
+        j,
+        !0,
+        I ? Error("react-stack-top-frame") : te,
+        I ? R(h(s)) : V
+      );
+    };
+  })()), we;
+}
+var Ie;
+function gt() {
+  return Ie || (Ie = 1, process.env.NODE_ENV === "production" ? Te.exports = jt() : Te.exports = vt()), Te.exports;
+}
+var e = gt();
+function Mt({
+  data: r,
+  loading: m = !1,
+  columns: d,
+  rowKey: h,
+  emptyText: l = "暂无数据",
+  searchActiveEmptyText: v = "未找到匹配的记录",
+  header: y,
+  pagination: x,
+  rowClassName: p,
+  onRow: w,
+  actions: i,
+  components: D,
+  renderCard: F,
+  renderTable: T,
+  renderActions: B
+}) {
+  var _, q;
+  if (!D)
+    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: H,
+    CardContent: Y,
+    CardFooter: L,
+    Table: E,
+    TableBody: P,
+    TableCell: g,
+    TableHead: G,
+    TableHeader: X,
+    TableRow: S,
+    Button: z,
+    DropdownMenu: W,
+    DropdownMenuTrigger: K,
+    DropdownMenuContent: J,
+    DropdownMenuItem: u,
+    DropdownMenuSeparator: M,
+    Skeleton: C,
+    TableHeaderComponent: R,
+    TablePaginationComponent: U
+  } = D, de = (b, N) => {
+    if (typeof h == "function")
+      return h(b);
+    const $ = b[h];
+    return $ != null ? String($) : `row-${N}`;
+  }, te = !!(y != null && y.searchValue && y.searchValue.trim().length > 0), V = !!(i != null && i.render || (_ = i == null ? void 0 : i.items) != null && _.length), se = (i == null ? void 0 : i.mode) ?? ((q = i == null ? void 0 : i.items) != null && q.length ? "collapsed" : "expanded"), s = (b) => b.separator === !0, n = (b, N) => !i || !V ? null : se === "collapsed" && i.items && i.items.length > 0 ? /* @__PURE__ */ e.jsxs(W, { children: [
+    /* @__PURE__ */ e.jsx(K, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      z,
+      {
+        variant: "ghost",
+        className: "h-8 w-8 p-0",
+        "aria-label": "打开行操作菜单",
+        children: /* @__PURE__ */ e.jsx(lt, { className: "h-4 w-4" })
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(J, { align: "end", children: i.items.map(
+      ($, ce) => s($) ? /* @__PURE__ */ e.jsx(M, {}, `separator-${ce}`) : /* @__PURE__ */ e.jsxs(
+        u,
+        {
+          onClick: () => $.onClick(b, N),
+          className: $.className,
+          children: [
+            $.icon && /* @__PURE__ */ e.jsx("span", { className: "mr-2 h-4 w-4", children: $.icon }),
+            $.label
+          ]
+        },
+        `action-${ce}`
+      )
+    ) })
+  ] }) : i.render ? i.render(b, N) : null, j = () => /* @__PURE__ */ e.jsx(X, { children: /* @__PURE__ */ e.jsxs(S, { className: "bg-muted/50 hover:bg-muted/50", children: [
+    d.map((b) => /* @__PURE__ */ e.jsx(
+      G,
+      {
+        className: `font-semibold text-foreground ${b.align === "center" ? "text-center" : b.align === "right" ? "text-right" : "text-left"}`,
+        style: { width: b.width },
+        children: b.title
+      },
+      String(b.key)
+    )),
+    V && /* @__PURE__ */ e.jsx(G, { className: "text-right font-semibold text-foreground", children: (i == null ? void 0 : i.title) || "操作" })
+  ] }) }), I = () => m ? /* @__PURE__ */ e.jsx(P, { children: Array.from({ length: 5 }).map((b, N) => /* @__PURE__ */ e.jsxs(S, { children: [
+    d.map(($) => /* @__PURE__ */ e.jsx(
+      g,
+      {
+        style: { width: $.width },
+        className: $.align === "center" ? "text-center" : $.align === "right" ? "text-right" : "",
+        children: /* @__PURE__ */ e.jsx(C, { className: "h-4 w-full" })
+      },
+      String($.key)
+    )),
+    V && /* @__PURE__ */ e.jsx(g, { children: /* @__PURE__ */ e.jsx(C, { className: "ml-auto h-4 w-8" }) })
+  ] }, N)) }) : r.length === 0 ? /* @__PURE__ */ e.jsx(P, { children: /* @__PURE__ */ e.jsx(S, { children: /* @__PURE__ */ e.jsx(
+    g,
+    {
+      colSpan: d.length + (V ? 1 : 0),
+      className: "py-8 text-center text-muted-foreground",
+      children: te ? v : l
+    }
+  ) }) }) : /* @__PURE__ */ e.jsx(P, { children: r.map((b, N) => {
+    const $ = de(b, N), ce = w == null ? void 0 : w(b, N), le = p == null ? void 0 : p(b, N);
+    return /* @__PURE__ */ e.jsxs(
+      S,
+      {
+        className: `${le || ""} hover:bg-muted/50`,
+        ...ce,
+        children: [
+          d.map((ee) => {
+            const ue = b[ee.key], me = ee.render ? ee.render(ue, b, N) : ue;
+            return /* @__PURE__ */ e.jsx(
+              g,
+              {
+                className: ee.align === "center" ? "text-center" : ee.align === "right" ? "text-right" : "",
+                children: me
+              },
+              String(ee.key)
+            );
+          }),
+          V && /* @__PURE__ */ e.jsx(g, { className: "text-right", children: B ? B(b, N) : n(b, N) })
+        ]
+      },
+      $
+    );
+  }) }), Q = (b) => /* @__PURE__ */ e.jsxs(H, { children: [
+    y && /* @__PURE__ */ e.jsx("div", { className: "p-6 pb-0", children: /* @__PURE__ */ e.jsx(R, { ...y }) }),
+    /* @__PURE__ */ e.jsx(Y, { className: "p-0", children: b }),
+    (x == null ? void 0 : x.show) !== !1 && x && /* @__PURE__ */ e.jsx(L, { className: "border-t py-4", children: /* @__PURE__ */ e.jsx(
+      U,
+      {
+        currentPage: x.currentPage,
+        pageSize: x.pageSize,
+        total: x.total,
+        onPageChange: x.onPageChange,
+        onPageSizeChange: x.onPageSizeChange,
+        pageSizeOptions: x.pageSizeOptions,
+        showPageSizeSelector: x.showPageSizeSelector,
+        showJumpToPage: x.showJumpToPage,
+        showTotal: x.showTotal,
+        searchActive: te
+      }
+    ) })
+  ] }), re = (b, N) => /* @__PURE__ */ e.jsxs(E, { children: [
+    b,
+    N
+  ] });
+  return F ? F(
+    T ? T(j(), I()) : re(j(), I())
+  ) : Q(
+    T ? T(j(), I()) : re(j(), I())
+  );
+}
+function At({
+  open: r,
+  onOpenChange: m,
+  title: d,
+  description: h,
+  onConfirm: l,
+  loading: v = !1,
+  confirmText: y = "确认删除",
+  cancelText: x = "取消",
+  confirmButtonVariant: p = "destructive",
+  verification: w,
+  components: i,
+  loadingIcon: D
+}) {
+  const [F, T] = O("");
+  if (ae(() => {
+    r && T("");
+  }, [r, w == null ? void 0 : w.targetValue]), !i)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Dialog: B,
+    DialogContent: H,
+    DialogHeader: Y,
+    DialogFooter: L,
+    DialogTitle: E,
+    DialogDescription: P,
+    Button: g,
+    Input: G,
+    Label: X
+  } = i, S = w ? F !== w.targetValue : !1, z = () => {
+    S || l();
+  };
+  return /* @__PURE__ */ e.jsx(B, { open: r, onOpenChange: m, children: /* @__PURE__ */ e.jsxs(H, { children: [
+    /* @__PURE__ */ e.jsxs(Y, { children: [
+      /* @__PURE__ */ e.jsx(E, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: d }) }),
+      /* @__PURE__ */ e.jsx(P, { asChild: !0, children: /* @__PURE__ */ e.jsx("div", { children: h }) })
+    ] }),
+    w && /* @__PURE__ */ e.jsx("div", { className: "space-y-4 py-2", children: /* @__PURE__ */ e.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ e.jsx(X, { htmlFor: "confirm-input", children: w.label || "请输入以确认" }),
+      /* @__PURE__ */ e.jsx(
+        G,
+        {
+          id: "confirm-input",
+          value: F,
+          onChange: (W) => T(W.target.value),
+          placeholder: w.placeholder,
+          disabled: v
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ e.jsxs(L, { children: [
+      /* @__PURE__ */ e.jsx(
+        g,
+        {
+          variant: "outline",
+          onClick: () => m(!1),
+          disabled: v,
+          children: x
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        g,
+        {
+          variant: p,
+          onClick: z,
+          disabled: S || v,
+          children: [
+            v && /* @__PURE__ */ e.jsx("span", { className: "mr-2", children: D || /* @__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"
+                    }
+                  )
+                ]
+              }
+            ) }),
+            y
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function It({
+  title: r,
+  searchPlaceholder: m = "搜索...",
+  searchValue: d = "",
+  onSearchChange: h,
+  onSearch: l,
+  showSearch: v = !0,
+  action: y,
+  actionLabel: x,
+  onActionClick: p,
+  loading: w = !1,
+  components: i
+}) {
+  if (!i)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { Input: D, Button: F } = i, T = (B) => {
+    B.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: r }),
+      /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+        y && /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-2", children: y }),
+        !y && x && p && /* @__PURE__ */ e.jsxs(F, { onClick: p, disabled: w, size: "sm", children: [
+          /* @__PURE__ */ e.jsx(it, { className: "mr-2 h-4 w-4" }),
+          x
+        ] })
+      ] })
+    ] }),
+    v && /* @__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(ct, { className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground" }),
+        /* @__PURE__ */ e.jsx(
+          D,
+          {
+            placeholder: m,
+            value: d,
+            onChange: (B) => h == null ? void 0 : h(B.target.value),
+            onKeyPress: T,
+            className: "h-9 pl-8",
+            disabled: w
+          }
+        )
+      ] }),
+      l && /* @__PURE__ */ e.jsx(
+        F,
+        {
+          onClick: l,
+          disabled: w,
+          variant: "secondary",
+          size: "sm",
+          children: "搜索"
+        }
+      )
+    ] })
+  ] });
+}
+function $t({
+  currentPage: r,
+  pageSize: m,
+  total: d,
+  onPageChange: h,
+  onPageSizeChange: l,
+  pageSizeOptions: v = [10, 20, 50],
+  showPageSizeSelector: y = !0,
+  showJumpToPage: x = !0,
+  showTotal: p = !0,
+  searchActive: w = !1,
+  components: i
+}) {
+  const [D, F] = O(String(r + 1));
+  if (ae(() => {
+    F(String(r + 1));
+  }, [r]), !i)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Button: T,
+    Select: B,
+    SelectTrigger: H,
+    SelectContent: Y,
+    SelectItem: L,
+    SelectValue: E
+  } = i, P = Math.ceil(d / m), g = Math.max(P, 1), G = r * m + 1, X = Math.min((r + 1) * m, d), S = Array.from(
+    /* @__PURE__ */ new Set([...v, m])
+  ).sort((u, M) => u - M), z = y && !!l, W = g > 1, K = (u) => {
+    const M = Math.max(0, Math.min(u, g - 1));
+    M !== r && h(M);
+  }, J = (() => {
+    if (g <= 7)
+      return Array.from({ length: g }, (R, U) => U);
+    const u = /* @__PURE__ */ new Set([
+      0,
+      1,
+      g - 2,
+      g - 1,
+      r - 1,
+      r,
+      r + 1
+    ]), M = Array.from(u).filter((R) => R >= 0 && R < g).sort((R, U) => R - U), C = [];
+    for (const R of M) {
+      const U = C[C.length - 1];
+      typeof U == "number" && R - U > 1 && C.push("ellipsis"), C.push(R);
+    }
+    return C;
+  })();
+  return d === 0 ? null : /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `flex w-full items-center gap-3 ${p ? "justify-between" : "justify-end"}`,
+      children: [
+        p && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: w ? `找到 ${d} 条匹配记录` : d > 0 ? `显示 ${G} - ${X} 条，共 ${d} 条记录` : "暂无数据" }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap items-center justify-end gap-2", children: [
+          z && /* @__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(
+              B,
+              {
+                value: String(m),
+                onValueChange: (u) => {
+                  const M = Number(u);
+                  Number.isNaN(M) || M === m || !l || l(M);
+                },
+                children: [
+                  /* @__PURE__ */ e.jsx(H, { className: "h-8 w-[90px]", children: /* @__PURE__ */ e.jsx(E, {}) }),
+                  /* @__PURE__ */ e.jsx(Y, { children: S.map((u) => /* @__PURE__ */ e.jsx(L, { value: String(u), children: u }, u)) })
+                ]
+              }
+            ),
+            /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "条" })
+          ] }),
+          /* @__PURE__ */ e.jsxs("div", { className: "mr-4 text-sm text-muted-foreground", children: [
+            "第 ",
+            r + 1,
+            " 页，共 ",
+            g,
+            " 页"
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            T,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => K(r - 1),
+              disabled: r === 0 || !W,
+              "aria-label": "上一页",
+              children: /* @__PURE__ */ e.jsx(Ee, { className: "h-4 w-4" })
+            }
+          ),
+          /* @__PURE__ */ e.jsx("div", { className: "flex items-center gap-1", children: J.map(
+            (u, M) => u === "ellipsis" ? /* @__PURE__ */ e.jsx(
+              "span",
+              {
+                className: "inline-flex h-8 w-8 items-center justify-center text-sm text-muted-foreground",
+                children: "..."
+              },
+              `ellipsis-${M}`
+            ) : /* @__PURE__ */ e.jsx(
+              T,
+              {
+                variant: u === r ? "default" : "outline",
+                size: "sm",
+                onClick: () => K(u),
+                disabled: u === r,
+                "aria-current": u === r ? "page" : void 0,
+                children: u + 1
+              },
+              u
+            )
+          ) }),
+          /* @__PURE__ */ e.jsx(
+            T,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => K(r + 1),
+              disabled: r >= g - 1 || !W,
+              "aria-label": "下一页",
+              children: /* @__PURE__ */ e.jsx(Pe, { className: "h-4 w-4" })
+            }
+          ),
+          x && /* @__PURE__ */ e.jsxs(
+            "form",
+            {
+              className: "ml-1 flex items-center gap-2",
+              onSubmit: (u) => {
+                u.preventDefault();
+                const M = Number.parseInt(D, 10);
+                Number.isNaN(M) || K(M - 1);
+              },
+              children: [
+                /* @__PURE__ */ e.jsx("span", { className: "text-sm text-muted-foreground", children: "跳至" }),
+                /* @__PURE__ */ e.jsx(
+                  "input",
+                  {
+                    type: "number",
+                    min: 1,
+                    max: g,
+                    value: D,
+                    disabled: !W,
+                    onChange: (u) => F(u.target.value),
+                    className: "h-8 w-16 rounded-md border border-input bg-background px-2 text-sm",
+                    "aria-label": "跳转页码"
+                  }
+                ),
+                /* @__PURE__ */ e.jsx(
+                  T,
+                  {
+                    type: "submit",
+                    variant: "outline",
+                    size: "sm",
+                    disabled: !W,
+                    children: "跳转"
+                  }
+                )
+              ]
+            }
+          )
+        ] })
+      ]
+    }
+  );
+}
+const bt = [
+  {
+    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 Ot({
+  value: r,
+  onValueChange: m,
+  themes: d = bt,
+  triggerVariant: h = "ghost",
+  triggerSize: l = "icon",
+  triggerClassName: v,
+  iconSize: y = 16,
+  showCurrentIcon: x = !0,
+  enableSSRHandling: p = !0,
+  triggerContent: w,
+  components: i,
+  themeIcons: D
+}) {
+  const [F, T] = O(!1);
+  if (ae(() => {
+    T(!0);
+  }, []), p && !F)
+    return null;
+  if (!i)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    DropdownMenu: B,
+    DropdownMenuTrigger: H,
+    DropdownMenuContent: Y,
+    DropdownMenuRadioGroup: L,
+    DropdownMenuRadioItem: E,
+    Button: P
+  } = i, g = (z) => {
+    if (D && D[z])
+      return D[z];
+    const W = d.find((K) => K.value === z);
+    return W == null ? void 0 : W.icon;
+  }, G = g(r), X = x ? G : null, S = y ? { width: y, height: y } : {};
+  return /* @__PURE__ */ e.jsxs(B, { children: [
+    /* @__PURE__ */ e.jsx(H, { asChild: !0, children: /* @__PURE__ */ e.jsx(
+      P,
+      {
+        variant: h,
+        size: l,
+        className: v,
+        children: w || /* @__PURE__ */ e.jsx(
+          "span",
+          {
+            style: S,
+            className: "inline-flex items-center justify-center",
+            children: X
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ e.jsx(Y, { children: /* @__PURE__ */ e.jsx(L, { value: r, onValueChange: m, children: d.map((z) => /* @__PURE__ */ e.jsxs(E, { value: z.value, children: [
+      /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", children: g(z.value) }),
+      /* @__PURE__ */ e.jsx("span", { children: z.label })
+    ] }, z.value)) }) })
+  ] });
+}
+const yt = [
+  {
+    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 Ft({
+  value: r,
+  onValueChange: m,
+  themes: d = yt,
+  iconSize: h = 16,
+  components: l,
+  themeIcons: v
+}) {
+  if (!l)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { DropdownMenuRadioGroup: y, DropdownMenuRadioItem: x } = l, p = (i) => {
+    if (v && v[i])
+      return v[i];
+    const D = d.find((F) => F.value === i);
+    return D == null ? void 0 : D.icon;
+  }, w = h ? { width: h, height: h } : {};
+  return /* @__PURE__ */ e.jsx(y, { value: r, onValueChange: m, children: d.map((i) => /* @__PURE__ */ e.jsxs(x, { value: i.value, children: [
+    /* @__PURE__ */ e.jsx("span", { className: "mr-2 inline-flex items-center", style: w, children: p(i.value) }),
+    /* @__PURE__ */ e.jsx("span", { children: i.label })
+  ] }, i.value)) });
+}
+function St({
+  url: r,
+  initialPage: m = 1,
+  initialScale: d = 1,
+  scale: h,
+  onScaleChange: l,
+  minScale: v = 0.5,
+  maxScale: y = 3,
+  currentPage: x,
+  onPageChange: p,
+  showToolbar: w = !0,
+  showPagination: i = !0,
+  enableHotkeys: D = !0,
+  className: F,
+  containerClassName: T,
+  pageClassName: B,
+  components: H,
+  onLoadSuccess: Y,
+  onLoadError: L,
+  loadingText: E = "加载中...",
+  errorText: P = "加载失败"
+}) {
+  const [g, G] = O(null), [X, S] = O(m), [z, W] = O(d), [K, J] = O(!0), [u, M] = O(null), [C, R] = O(0), [U, de] = O(!1), te = ge(null), V = ge(null), [se, s] = O(null), n = x ?? X, j = h ?? z, I = Oe(() => {
+    const t = [n];
+    return n > 1 && t.push(n - 1), n < C && t.push(n + 1), t;
+  }, [n, C]), Q = ie(
+    (t) => {
+      const c = Math.max(C, 1), a = Math.min(Math.max(t, 1), c);
+      x === void 0 && S(a), p == null || p(a);
+    },
+    [C, x, p]
+  ), re = ie(() => {
+    n > 1 && Q(n - 1);
+  }, [n, Q]), _ = ie(() => {
+    n < C && Q(n + 1);
+  }, [n, C, Q]), q = ie(() => {
+    const t = Math.min(j + 0.25, y);
+    h === void 0 && W(t), l == null || l(t);
+  }, [j, y, h, l]), b = ie(() => {
+    const t = Math.max(j - 0.25, v);
+    h === void 0 && W(t), l == null || l(t);
+  }, [j, v, h, l]), N = ie(async () => {
+    var t, c, a;
+    if (!(typeof document > "u")) {
+      if (!document.fullscreenElement) {
+        await ((c = (t = te.current) == null ? void 0 : t.requestFullscreen) == null ? void 0 : c.call(t));
+        return;
+      }
+      await ((a = document.exitFullscreen) == null ? void 0 : a.call(document));
+    }
+  }, []);
+  if (ae(() => {
+    let t = !0;
+    return (async () => {
+      try {
+        const a = await import("./index-DUxYhmkV.js");
+        if (typeof window < "u") {
+          const f = a.pdfjs, k = f == null ? void 0 : f.version;
+          f != null && f.GlobalWorkerOptions && k && (f.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${k}/build/pdf.worker.min.mjs`);
+        }
+        t && s(a);
+      } catch (a) {
+        if (t) {
+          const f = a instanceof Error ? a : new Error("无法加载 react-pdf 库");
+          M(f), J(!1), L == null || L(f);
+        }
+      }
+    })(), () => {
+      t = !1;
+    };
+  }, []), ae(() => {
+    if (!se || !r) return;
+    let t = !0;
+    return (async () => {
+      J(!0), M(null);
+      try {
+        const { Document: a } = se;
+        if (!a)
+          throw new Error("react-pdf Document 组件不可用");
+        const f = se.pdfjs.getDocument(r);
+        V.current = f;
+        const k = await f.promise;
+        t && (G(k), R(k.numPages), x === void 0 && S(
+          (oe) => Math.max(1, Math.min(oe, k.numPages))
+        ), J(!1), Y == null || Y(k));
+      } catch (a) {
+        if (t) {
+          const f = a instanceof Error ? a : new Error("PDF 加载失败");
+          M(f), J(!1), L == null || L(f);
+        }
+      }
+    })(), () => {
+      t = !1, V.current && typeof V.current.destroy == "function" && (V.current.destroy(), V.current = null);
+    };
+  }, [se, r, x, Y, L]), ae(() => {
+    if (typeof document > "u") return;
+    const t = () => {
+      de(document.fullscreenElement === te.current);
+    };
+    return document.addEventListener("fullscreenchange", t), () => {
+      document.removeEventListener("fullscreenchange", t);
+    };
+  }, []), ae(() => {
+    if (!D) return;
+    const t = (c) => {
+      const a = document.activeElement;
+      a && (a.tagName === "INPUT" || a.getAttribute("role") === "input") || ((c.ctrlKey || c.metaKey) && (c.key === "=" || c.key === "+") ? (c.preventDefault(), q()) : (c.ctrlKey || c.metaKey) && c.key === "-" ? (c.preventDefault(), b()) : c.key === "ArrowLeft" ? (c.preventDefault(), re()) : c.key === "ArrowRight" ? (c.preventDefault(), _()) : (c.key === "f" || c.key === "F") && (c.preventDefault(), N()));
+    };
+    return document.addEventListener("keydown", t), () => {
+      document.removeEventListener("keydown", t);
+    };
+  }, [
+    D,
+    q,
+    b,
+    re,
+    _,
+    N
+  ]), !H)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Card: $,
+    CardContent: ce,
+    Button: le,
+    Input: ee,
+    Skeleton: ue
+  } = H, me = () => w ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e.jsx(
+      le,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: b,
+        disabled: j <= v,
+        children: /* @__PURE__ */ e.jsx(Fe, {})
+      }
+    ),
+    /* @__PURE__ */ e.jsxs("span", { className: "text-sm", children: [
+      Math.round(j * 100),
+      "%"
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      le,
+      {
+        variant: "outline",
+        size: "sm",
+        onClick: q,
+        disabled: j >= y,
+        children: /* @__PURE__ */ e.jsx(Se, {})
+      }
+    ),
+    /* @__PURE__ */ e.jsx(
+      le,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: () => {
+          N();
+        },
+        children: U ? /* @__PURE__ */ e.jsx(ze, {}) : /* @__PURE__ */ e.jsx(We, {})
+      }
+    )
+  ] }) : null, he = () => i ? /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+    /* @__PURE__ */ e.jsx(
+      le,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: re,
+        disabled: n <= 1,
+        children: /* @__PURE__ */ e.jsx(Ee, {})
+      }
+    ),
+    ee ? /* @__PURE__ */ e.jsx(
+      ee,
+      {
+        type: "number",
+        min: 1,
+        max: Math.max(C, 1),
+        value: n,
+        onChange: (t) => Q(parseInt(t.target.value, 10) || 1),
+        className: "w-16 text-center"
+      }
+    ) : /* @__PURE__ */ e.jsx(
+      "input",
+      {
+        type: "number",
+        min: 1,
+        max: Math.max(C, 1),
+        value: n,
+        onChange: (t) => Q(parseInt(t.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: [
+      "/ ",
+      C
+    ] }),
+    /* @__PURE__ */ e.jsx(
+      le,
+      {
+        variant: "outline",
+        size: "icon",
+        onClick: _,
+        disabled: n >= C,
+        children: /* @__PURE__ */ e.jsx(Pe, {})
+      }
+    )
+  ] }) : null, pe = () => !w && !i ? 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: [
+        me(),
+        he()
+      ]
+    }
+  ), be = () => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center justify-center space-y-4 p-8", children: [
+    /* @__PURE__ */ e.jsx(ue, { className: "h-8 w-32" }),
+    /* @__PURE__ */ e.jsx(ue, { className: "h-64 w-full max-w-2xl" }),
+    /* @__PURE__ */ e.jsx("p", { className: "text-sm text-muted-foreground", children: E })
+  ] }), je = () => /* @__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: P }),
+    u && /* @__PURE__ */ e.jsx("p", { className: "mt-2 text-sm text-muted-foreground", children: u.message })
+  ] }) }), ve = () => {
+    if (!se || !g) return null;
+    const { Page: t } = se;
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        className: `flex flex-col items-center justify-center ${U ? "h-[calc(100vh-56px)] overflow-auto" : "overflow-visible"}`,
+        children: I.map((c) => /* @__PURE__ */ e.jsx(
+          "div",
+          {
+            className: B,
+            style: {
+              display: c === n ? "block" : "none"
+            },
+            children: /* @__PURE__ */ e.jsx(
+              t,
+              {
+                pdf: g,
+                pageNumber: c,
+                scale: j,
+                renderTextLayer: !1,
+                renderAnnotationLayer: !1,
+                className: "shadow-md"
+              }
+            )
+          },
+          c
+        ))
+      }
+    );
+  };
+  return /* @__PURE__ */ e.jsx("div", { ref: te, children: /* @__PURE__ */ e.jsxs($, { className: F, children: [
+    pe(),
+    /* @__PURE__ */ e.jsx(ce, { className: T, children: K ? be() : u ? je() : ve() })
+  ] }) });
+}
+const Le = at(
+  ({
+    thumbnail: r,
+    isCurrentPage: m,
+    onClick: d
+  }) => /* @__PURE__ */ e.jsxs(
+    "div",
+    {
+      className: `flex w-full flex-col items-center rounded p-1 ${m ? "bg-primary/10" : ""}`,
+      children: [
+        /* @__PURE__ */ e.jsx(
+          "img",
+          {
+            src: r.url,
+            alt: `Page ${r.pageNumber}`,
+            className: "w-48 cursor-pointer border transition-opacity hover:opacity-80",
+            onClick: d,
+            onKeyDown: (h) => {
+              (h.key === "Enter" || h.key === " ") && (h.preventDefault(), d());
+            },
+            role: "button",
+            tabIndex: 0
+          }
+        ),
+        /* @__PURE__ */ e.jsxs("span", { className: "mt-1 text-sm", children: [
+          "第 ",
+          r.pageNumber,
+          " 页"
+        ] })
+      ]
+    }
+  )
+);
+Le.displayName = "PDFThumbnail";
+const Ve = ({
+  bookmark: r,
+  depth: m,
+  onClick: d
+}) => /* @__PURE__ */ e.jsxs("div", { style: { paddingLeft: `${m * 16}px` }, children: [
+  /* @__PURE__ */ e.jsx(
+    "button",
+    {
+      onClick: () => d(r),
+      className: "w-full rounded px-2 py-1 text-left text-sm hover:bg-primary/10 hover:text-primary",
+      children: r.title
+    }
+  ),
+  r.items && r.items.map((h, l) => /* @__PURE__ */ e.jsx(
+    Ve,
+    {
+      bookmark: h,
+      depth: m + 1,
+      onClick: d
+    },
+    `${r.title}-${l}`
+  ))
+] });
+function Nt({
+  pdfDocument: r,
+  currentPage: m,
+  onPageClick: d,
+  components: h
+}) {
+  const [l, v] = O([]), [y, x] = O([]), [p, w] = O(!0), { Tabs: i, TabsList: D, TabsTrigger: F, TabsContent: T, ScrollArea: B, Skeleton: H } = h;
+  ae(() => {
+    (async () => {
+      if (!r) return;
+      w(!0);
+      const P = [];
+      for (let g = 1; g <= r.numPages; g++)
+        try {
+          const G = await r.getPage(g), X = G.getViewport({ scale: 0.2 }), S = document.createElement("canvas"), z = S.getContext("2d");
+          if (!z) continue;
+          S.width = X.width, S.height = X.height, await G.render({
+            canvasContext: z,
+            viewport: X,
+            canvas: S
+          }).promise, P.push({
+            pageNumber: g,
+            url: S.toDataURL()
+          });
+        } catch (G) {
+          console.error(`Error loading thumbnail for page ${g}:`, G);
+        }
+      v(P), w(!1);
+    })();
+  }, [r]), ae(() => {
+    (async () => {
+      if (r)
+        try {
+          const P = await r.getOutline();
+          x(P || []);
+        } catch (P) {
+          console.error("Error loading bookmarks:", P), x([]);
+        }
+    })();
+  }, [r]);
+  const Y = async (E) => {
+    if (r)
+      try {
+        let P;
+        if (E.dest)
+          if (typeof E.dest == "string") {
+            const g = await r.getDestination(E.dest);
+            g && g[0] && (P = await r.getPageIndex(g[0]));
+          } else Array.isArray(E.dest) && E.dest[0] && (P = await r.getPageIndex(E.dest[0]));
+        else E.pageNumber && (P = E.pageNumber - 1);
+        typeof P == "number" && d(P + 1);
+      } catch (P) {
+        console.error("Error navigating to bookmark:", P);
+      }
+  }, L = () => /* @__PURE__ */ e.jsx("div", { className: "space-y-2 p-4", children: Array.from({ length: (r == null ? void 0 : r.numPages) || 5 }, (E, P) => /* @__PURE__ */ e.jsxs("div", { className: "flex flex-col items-center p-1", children: [
+    /* @__PURE__ */ e.jsx(H, { className: "h-32 w-48" }),
+    /* @__PURE__ */ e.jsx(H, { className: "mt-1 h-4 w-16" })
+  ] }, P)) });
+  return /* @__PURE__ */ e.jsx("div", { className: "w-64 border-r bg-muted", children: /* @__PURE__ */ e.jsxs(i, { defaultValue: "thumbnails", children: [
+    /* @__PURE__ */ e.jsxs(D, { className: "w-full p-2", children: [
+      /* @__PURE__ */ e.jsx(F, { value: "thumbnails", className: "flex-1 bg-transparent", children: "缩略图" }),
+      /* @__PURE__ */ e.jsx(F, { value: "bookmarks", className: "flex-1 bg-transparent", children: "书签" })
+    ] }),
+    /* @__PURE__ */ e.jsx(T, { value: "thumbnails", children: /* @__PURE__ */ e.jsx(B, { className: "h-[calc(100vh-8rem)]", children: p ? L() : /* @__PURE__ */ e.jsx("div", { className: "space-y-2 p-4", children: l.map((E) => /* @__PURE__ */ e.jsx(
+      Le,
+      {
+        thumbnail: E,
+        isCurrentPage: m === E.pageNumber,
+        onClick: () => d(E.pageNumber)
+      },
+      E.pageNumber
+    )) }) }) }),
+    /* @__PURE__ */ e.jsx(T, { value: "bookmarks", children: /* @__PURE__ */ e.jsx(B, { className: "h-[calc(100vh-8rem)]", children: /* @__PURE__ */ e.jsx("div", { className: "p-4", children: y.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: y.map((E, P) => /* @__PURE__ */ e.jsx(
+      Ve,
+      {
+        bookmark: E,
+        depth: 0,
+        onClick: Y
+      },
+      `${E.title}-${P}`
+    )) }) }) }) })
+  ] }) });
+}
+function wt(r, m) {
+  const d = ge(
+    void 0
+  );
+  return ie(
+    (...h) => {
+      d.current && clearTimeout(d.current), d.current = setTimeout(() => r(...h), m);
+    },
+    [r, m]
+  );
+}
+function zt({
+  url: r,
+  initialPage: m = 1,
+  initialScale: d = 1,
+  initialRotation: h = 0,
+  currentPage: l,
+  onPageChange: v,
+  scale: y,
+  onScaleChange: x,
+  rotation: p,
+  onRotationChange: w,
+  minScale: i = 0.5,
+  maxScale: D = 2.5,
+  showToolbar: F = !0,
+  showSidebar: T = !0,
+  showRotation: B = !0,
+  showModeToggle: H = !0,
+  showFullscreen: Y = !0,
+  enableHotkeys: L = !0,
+  enableMobileNav: E = !0,
+  displayMode: P = "scroll",
+  className: g,
+  toolbarClassName: G,
+  contentClassName: X,
+  contentHeight: S = "80vh",
+  pageClassName: z,
+  workerUrl: W,
+  cMapUrl: K,
+  standardFontDataUrl: J,
+  components: u,
+  onLoadSuccess: M,
+  onLoadError: C,
+  onPageRender: R,
+  loadingText: U = "正在加载PDF文档...",
+  errorText: de = "PDF加载失败"
+}) {
+  const [te, V] = O(null), [se, s] = O(m), [n, j] = O(d), [I, Q] = O(h), [re, _] = O(!1), [q, b] = O(null), [N, $] = O(0), [ce, le] = O(!1), [ee, ue] = O(
+    P === "scroll"
+  ), [me, he] = O(T);
+  ae(() => {
+    he(T);
+  }, [T]);
+  const [pe, be] = O(void 0), [je, ve] = O(null), t = ge(null), c = ge(null), a = l ?? se, f = y ?? n, k = p ?? I, { Card: oe, CardContent: Ye, Button: xe, Input: Ge, Skeleton: Ke } = u || {}, Je = Oe(() => {
+    const o = {
+      withCredentials: !1
+    };
+    return K && (o.cMapUrl = K, o.cMapPacked = !0), J && (o.standardFontDataUrl = J), o;
+  }, [K, J]);
+  ae(() => {
+    let o = !0;
+    return (async () => {
+      try {
+        const ne = await import("./index-DUxYhmkV.js");
+        if (typeof window < "u") {
+          const Z = ne.pdfjs, ke = Z == null ? void 0 : Z.version;
+          Z != null && Z.GlobalWorkerOptions && ke && (W ? Z.GlobalWorkerOptions.workerSrc = W : Z.GlobalWorkerOptions.workerSrc = `https://cdn.jsdelivr.net/npm/pdfjs-dist@${ke}/build/pdf.worker.min.mjs`, !K && Z.GlobalWorkerOptions && (Z.GlobalWorkerOptions.cMapUrl = `https://unpkg.com/pdfjs-dist@${ke}/cmaps/`), !J && Z.GlobalWorkerOptions && (Z.GlobalWorkerOptions.standardFontDataUrl = `https://unpkg.com/pdfjs-dist@${ke}/standard_fonts/`));
+        }
+        o && ve(ne);
+      } catch (ne) {
+        if (o) {
+          const Z = ne instanceof Error ? ne : new Error("无法加载 react-pdf 库");
+          b(Z), _(!1), C == null || C(Z);
+        }
+      }
+    })(), () => {
+      o = !1;
+    };
+  }, [W, K, J, C]);
+  const qe = ie(
+    (o) => {
+      console.error("PDF加载失败:", o), console.error("PDF URL:", r), b(
+        new Error(`${de}: ${o.message || "请检查文件路径或网络连接"}`)
+      ), C == null || C(o);
+    },
+    [r, de, C]
+  ), fe = ie(
+    (o) => {
+      const A = N > 0 ? Math.max(1, Math.min(o, N)) : o;
+      l === void 0 && s(A), v == null || v(A);
+    },
+    [N, l, v]
+  ), ye = ie(
+    (o) => {
+      const A = Math.max(i, Math.min(D, f + o));
+      y === void 0 && j(A), x == null || x(A);
+    },
+    [f, i, D, y, x]
+  ), He = ie(() => {
+    const o = (k + 90) % 360;
+    p === void 0 && Q(o), w == null || w(o);
+  }, [k, p, w]), _e = wt((o) => {
+    be(o);
+  }, 100);
+  ae(() => {
+    if (!c.current) return;
+    const o = c.current, A = () => {
+      _e(o.clientWidth);
+    };
+    A();
+    const ne = new ResizeObserver(() => {
+      A();
+    });
+    return ne.observe(o), () => {
+      ne.disconnect();
+    };
+  }, [_e]), ae(() => {
+    if (!L) return;
+    const o = (A) => {
+      (A.ctrlKey || A.metaKey) && (A.key === "=" || A.key === "+") ? (A.preventDefault(), ye(0.1)) : (A.ctrlKey || A.metaKey) && A.key === "-" ? (A.preventDefault(), ye(-0.1)) : A.key === "ArrowLeft" ? (A.preventDefault(), fe(a - 1)) : A.key === "ArrowRight" && (A.preventDefault(), fe(a + 1));
+    };
+    return document.addEventListener("keydown", o), () => {
+      document.removeEventListener("keydown", o);
+    };
+  }, [L, a, fe, ye]);
+  const Ue = ie(async () => {
+    var o, A;
+    if (!(typeof document > "u"))
+      if (document.fullscreenElement)
+        document.exitFullscreen && (await document.exitFullscreen(), le(!1));
+      else
+        try {
+          await ((A = (o = t.current) == null ? void 0 : o.requestFullscreen) == null ? void 0 : A.call(o)), le(!0);
+        } catch (ne) {
+          console.error("Error attempting to enable fullscreen:", ne);
+        }
+  }, []);
+  ae(() => {
+    if (typeof document > "u") return;
+    const o = () => {
+      le(!!document.fullscreenElement);
+    };
+    return document.addEventListener("fullscreenchange", o), () => {
+      document.removeEventListener("fullscreenchange", o);
+    };
+  }, []);
+  const Xe = ie(
+    (o) => {
+      fe(o), ue(!1);
+    },
+    [fe]
+  ), Ze = () => F ? /* @__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: [
+          T && /* @__PURE__ */ e.jsx(
+            xe,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => he(!me),
+              title: me ? "隐藏侧边栏" : "显示侧边栏",
+              children: /* @__PURE__ */ e.jsx(ot, {})
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            xe,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => ye(-0.1),
+              disabled: f <= i,
+              children: /* @__PURE__ */ e.jsx(Fe, {})
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("span", { className: "min-w-[3rem] text-center text-sm", children: [
+            Math.round(f * 100),
+            "%"
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            xe,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => ye(0.1),
+              disabled: f >= D,
+              children: /* @__PURE__ */ e.jsx(Se, {})
+            }
+          ),
+          B && /* @__PURE__ */ e.jsx(xe, { variant: "outline", size: "icon", onClick: He, children: /* @__PURE__ */ e.jsx(dt, {}) }),
+          H && /* @__PURE__ */ e.jsx(
+            xe,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => ue(!ee),
+              title: ee ? "单页模式" : "滚动模式",
+              children: ee ? /* @__PURE__ */ e.jsx(ut, {}) : /* @__PURE__ */ e.jsx(Be, {})
+            }
+          ),
+          Y && /* @__PURE__ */ e.jsx(xe, { variant: "outline", size: "icon", onClick: Ue, children: ce ? /* @__PURE__ */ e.jsx(ze, {}) : /* @__PURE__ */ e.jsx(We, {}) })
+        ] }),
+        /* @__PURE__ */ e.jsxs("div", { className: "flex items-center gap-2", children: [
+          /* @__PURE__ */ e.jsx(
+            xe,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => fe(a - 1),
+              disabled: a <= 1,
+              children: /* @__PURE__ */ e.jsx(Ee, {})
+            }
+          ),
+          /* @__PURE__ */ e.jsx(
+            Ge,
+            {
+              type: "number",
+              min: 1,
+              max: N,
+              value: a,
+              onChange: (o) => fe(parseInt(o.target.value) || 1),
+              className: "w-16 text-center"
+            }
+          ),
+          /* @__PURE__ */ e.jsxs("span", { className: "text-sm text-muted-foreground", children: [
+            "/ ",
+            N
+          ] }),
+          /* @__PURE__ */ e.jsx(
+            xe,
+            {
+              variant: "outline",
+              size: "icon",
+              onClick: () => fe(a + 1),
+              disabled: N > 0 && a >= N,
+              children: /* @__PURE__ */ e.jsx(Pe, {})
+            }
+          )
+        ] })
+      ]
+    }
+  ) : null, Ce = () => /* @__PURE__ */ e.jsx("div", { className: "flex h-full items-center justify-center", children: /* @__PURE__ */ e.jsx("p", { className: "text-muted-foreground", children: U }) }), 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: q == null ? void 0 : q.message })
+  ] }) }), Qe = () => {
+    if (!je) return Ce();
+    const { Document: o, Page: A } = je;
+    return /* @__PURE__ */ e.jsx(
+      "div",
+      {
+        ref: c,
+        className: `pdf-container flex-1 overflow-y-auto ${X || ""}`,
+        children: /* @__PURE__ */ e.jsx("div", { className: "flex min-h-full justify-center px-4", children: /* @__PURE__ */ e.jsx(
+          o,
+          {
+            file: r,
+            onLoadError: qe,
+            options: Je,
+            loading: Ce(),
+            error: Re(),
+            onLoadSuccess: (ne) => {
+              te || (V(ne), $(ne.numPages), _(!1), M == null || M(ne));
+            },
+            children: q ? Re() : ee ? (
+              // 显示所有页面模式
+              Array.from(new Array(N), (ne, Z) => /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: `mb-4 ${z || ""}`,
+                  children: /* @__PURE__ */ e.jsx(
+                    A,
+                    {
+                      pageNumber: Z + 1,
+                      renderTextLayer: !1,
+                      renderAnnotationLayer: !1,
+                      width: pe,
+                      scale: f,
+                      rotate: k,
+                      onRenderSuccess: () => R == null ? void 0 : R(Z + 1)
+                    }
+                  )
+                },
+                `page_${Z + 1}`
+              ))
+            ) : (
+              // 单页模式
+              /* @__PURE__ */ e.jsx("div", { className: z || "", children: /* @__PURE__ */ e.jsx(
+                A,
+                {
+                  pageNumber: a,
+                  renderTextLayer: !1,
+                  renderAnnotationLayer: !1,
+                  width: pe,
+                  scale: f,
+                  rotate: k,
+                  onRenderSuccess: () => R == null ? void 0 : R(a)
+                }
+              ) })
+            )
+          }
+        ) })
+      }
+    );
+  }, et = () => {
+    if (!T || !me || !te) return null;
+    const o = Nt;
+    return /* @__PURE__ */ e.jsx(
+      o,
+      {
+        pdfDocument: te,
+        currentPage: a,
+        onPageClick: Xe,
+        components: {
+          Tabs: u.Tabs,
+          TabsList: u.TabsList,
+          TabsTrigger: u.TabsTrigger,
+          TabsContent: u.TabsContent,
+          ScrollArea: u.ScrollArea,
+          Skeleton: Ke
+        }
+      }
+    );
+  }, tt = () => E ? /* @__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(
+      xe,
+      {
+        variant: "secondary",
+        size: "sm",
+        onClick: () => fe(a - 1),
+        disabled: a <= 1,
+        children: [
+          /* @__PURE__ */ e.jsx(Ee, {}),
+          /* @__PURE__ */ e.jsx("span", { className: "ml-1", children: "上一页" })
+        ]
+      }
+    ),
+    /* @__PURE__ */ e.jsxs(
+      xe,
+      {
+        variant: "secondary",
+        size: "sm",
+        onClick: () => fe(a + 1),
+        disabled: a >= N,
+        children: [
+          /* @__PURE__ */ e.jsx("span", { className: "mr-1", children: "下一页" }),
+          /* @__PURE__ */ e.jsx(Pe, {})
+        ]
+      }
+    )
+  ] }) : null;
+  if (!u)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  if (T) {
+    const o = [];
+    if (u.Tabs || o.push("Tabs"), u.TabsList || o.push("TabsList"), u.TabsTrigger || o.push("TabsTrigger"), u.TabsContent || o.push("TabsContent"), u.ScrollArea || o.push("ScrollArea"), o.length > 0) {
+      const A = o.length === 1 ? o[0] : `${o.slice(0, -1).join("、")} 和 ${o[o.length - 1]}`;
+      return /* @__PURE__ */ e.jsxs("div", { className: "p-4 text-center text-destructive", children: [
+        "错误：侧边栏功能需要注入 ",
+        A,
+        " 组件"
+      ] });
+    }
+  }
+  return /* @__PURE__ */ e.jsxs("div", { ref: t, children: [
+    /* @__PURE__ */ e.jsxs(oe, { className: g, children: [
+      Ze(),
+      /* @__PURE__ */ e.jsx(
+        Ye,
+        {
+          className: "p-0",
+          style: { height: ce ? "100vh" : S },
+          children: /* @__PURE__ */ e.jsx("div", { className: "flex h-full flex-col", children: /* @__PURE__ */ e.jsxs("div", { className: "flex flex-1 overflow-hidden", children: [
+            et(),
+            re ? Ce() : q ? Re() : Qe()
+          ] }) })
+        }
+      )
+    ] }),
+    tt()
+  ] });
+}
+const kt = (r) => r < 1024 ? `${r} B` : r < 1024 * 1024 ? `${(r / 1024).toFixed(1)} KB` : r < 1024 * 1024 * 1024 ? `${(r / 1024 / 1024).toFixed(1)} MB` : `${(r / 1024 / 1024 / 1024).toFixed(1)} GB`, $e = (r) => `${r.name}-${r.size}-${r.lastModified}-${Math.random().toString(36).slice(2)}`, Tt = (r) => {
+  const m = r.lastIndexOf(".");
+  return m > -1 ? r.slice(m).toLowerCase() : "";
+}, Et = (r, m) => {
+  if (!m) return !0;
+  const d = r.type.toLowerCase(), h = Tt(r.name);
+  return m.split(",").map((l) => l.trim().toLowerCase()).filter(Boolean).some((l) => l.startsWith(".") ? h === l : l.endsWith("/*") ? d.startsWith(l.slice(0, -1)) : d === l);
+}, Pt = (r, m) => r instanceof Error && r.message ? r.message : typeof r == "string" && r ? r : m;
+function Wt({
+  components: r,
+  title: m = "文件上传",
+  description: d = "选择文件后开始上传，支持 Tale SDK 的直接上传和预签名上传流程。",
+  helperText: h,
+  accept: l,
+  multiple: v = !1,
+  maxFiles: y,
+  maxSize: x,
+  disabled: p = !1,
+  autoUpload: w = !1,
+  showUploadButton: i,
+  showResetButton: D = !0,
+  selectLabel: F = "选择文件",
+  uploadLabel: T = "开始上传",
+  retryLabel: B = "重试",
+  resetLabel: H = "清空",
+  emptyLabel: Y = "尚未选择文件",
+  dropzoneLabel: L = "拖拽文件到这里，或点击选择",
+  dropzoneDescription: E = "上传前会先完成文件校验，上传逻辑由业务侧注入。",
+  uploadingText: P = "上传中",
+  successText: g = "上传完成",
+  errorText: G = "上传失败",
+  className: X,
+  dropzoneClassName: S,
+  listClassName: z,
+  formatFileSize: W = kt,
+  validateFile: K,
+  onFilesChange: J,
+  onUpload: u,
+  onUploadComplete: M,
+  onUploadError: C
+}) {
+  const [R, U] = O([]), [de, te] = O(!1), V = ge(null), se = i ?? !!u, s = v ? y : 1, n = R.some((t) => t.status === "ready"), j = R.some((t) => t.status === "uploading");
+  if (ae(() => {
+    J == null || J(R);
+  }, [R, J]), !r)
+    return /* @__PURE__ */ e.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Card: I,
+    CardHeader: Q,
+    CardTitle: re,
+    CardDescription: _,
+    CardContent: q,
+    CardFooter: b,
+    Button: N
+  } = r, $ = (t) => {
+    U((c) => t(c));
+  }, ce = (t, c) => x && t.size > x ? `文件不能超过 ${W(x)}` : Et(t, l) ? K == null ? void 0 : K(t, c) : "文件类型不符合要求", le = (t, c) => {
+    const a = v ? [...c] : [], f = s === void 0 ? t.length : Math.max(s - a.length, 0);
+    return t.slice(0, f).forEach((k) => {
+      const oe = ce(k, a);
+      a.push({
+        id: $e(k),
+        file: k,
+        name: k.name,
+        size: k.size,
+        type: k.type,
+        status: oe ? "error" : "ready",
+        progress: 0,
+        error: oe
+      });
+    }), s !== void 0 && t.length > f && t.slice(f).forEach((k) => {
+      a.push({
+        id: $e(k),
+        file: k,
+        name: k.name,
+        size: k.size,
+        type: k.type,
+        status: "error",
+        progress: 0,
+        error: `最多只能选择 ${s} 个文件`
+      });
+    }), a;
+  }, ee = async (t) => {
+    if (!u || t.status === "uploading") return;
+    $(
+      (a) => a.map(
+        (f) => f.id === t.id ? { ...f, status: "uploading", progress: f.progress || 5 } : f
+      )
+    );
+    const c = (a) => {
+      $(
+        (f) => f.map(
+          (k) => k.id === t.id ? {
+            ...k,
+            progress: Math.max(0, Math.min(100, Math.round(a)))
+          } : k
+        )
+      );
+    };
+    try {
+      const a = await u(t, { setProgress: c }), f = {
+        ...t,
+        status: "success",
+        progress: 100,
+        error: void 0,
+        result: a
+      };
+      $(
+        (k) => k.map(
+          (oe) => oe.id === t.id ? f : oe
+        )
+      ), M == null || M(f);
+    } catch (a) {
+      const f = {
+        ...t,
+        status: "error",
+        progress: 0,
+        error: Pt(a, G)
+      };
+      $(
+        (k) => k.map(
+          (oe) => oe.id === t.id ? f : oe
+        )
+      ), C == null || C(f, a);
+    }
+  }, ue = async () => {
+    const t = R.filter((c) => c.status === "ready");
+    for (const c of t)
+      await ee(c);
+  }, me = (t) => {
+    if (!t || p) return;
+    const c = Array.from(t);
+    $((a) => {
+      const f = le(c, a);
+      return w && u && f.filter((k) => k.status === "ready").forEach((k) => {
+        window.setTimeout(() => ee(k), 0);
+      }), f;
+    }), V.current && (V.current.value = "");
+  }, he = (t) => {
+    t.preventDefault(), te(!1), me(t.dataTransfer.files);
+  }, pe = (t) => {
+    $(
+      (c) => c.filter((a) => a.id !== t)
+    );
+  }, be = (t) => {
+    const c = ce(
+      t.file,
+      R.filter((a) => a.id !== t.id)
+    );
+    if (c) {
+      $(
+        (a) => a.map(
+          (f) => f.id === t.id ? { ...f, error: c } : f
+        )
+      );
+      return;
+    }
+    ee({ ...t, status: "ready", error: void 0, progress: 0 });
+  }, je = (t) => t.status === "uploading" ? /* @__PURE__ */ e.jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-blue-600 dark:text-blue-300", children: [
+    /* @__PURE__ */ e.jsx(ft, { className: "h-3.5 w-3.5 animate-spin" }),
+    P
+  ] }) : t.status === "success" ? /* @__PURE__ */ e.jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-emerald-600 dark:text-emerald-300", children: [
+    /* @__PURE__ */ e.jsx(ht, { className: "h-3.5 w-3.5" }),
+    g
+  ] }) : t.status === "error" ? /* @__PURE__ */ e.jsxs("span", { className: "inline-flex items-center gap-1 text-xs font-medium text-destructive", children: [
+    /* @__PURE__ */ e.jsx(pt, { className: "h-3.5 w-3.5" }),
+    G
+  ] }) : /* @__PURE__ */ e.jsx("span", { className: "text-xs text-muted-foreground", children: "待上传" }), ve = /* @__PURE__ */ e.jsxs(e.Fragment, { children: [
+    m && re && /* @__PURE__ */ e.jsx(re, { children: m }),
+    m && !re && /* @__PURE__ */ e.jsx("div", { className: "text-lg font-semibold leading-none tracking-tight", children: m }),
+    d && _ && /* @__PURE__ */ e.jsx(_, { children: d }),
+    d && !_ && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: d })
+  ] });
+  return /* @__PURE__ */ e.jsxs(I, { className: De("overflow-hidden", X), children: [
+    Q && (m || d) ? /* @__PURE__ */ e.jsx(Q, { children: ve }) : (m || d) && /* @__PURE__ */ e.jsx("div", { className: "space-y-1.5 p-6", children: ve }),
+    /* @__PURE__ */ e.jsxs(q, { className: "space-y-4", children: [
+      /* @__PURE__ */ e.jsx(
+        "input",
+        {
+          ref: V,
+          type: "file",
+          accept: l,
+          multiple: v,
+          className: "sr-only",
+          onChange: (t) => me(t.target.files),
+          disabled: p
+        }
+      ),
+      /* @__PURE__ */ e.jsxs(
+        "div",
+        {
+          role: "button",
+          tabIndex: p ? -1 : 0,
+          "aria-disabled": p,
+          className: De(
+            "flex min-h-40 cursor-pointer flex-col items-center justify-center rounded-lg border border-dashed border-muted-foreground/30 bg-muted/20 px-6 py-8 text-center transition-colors focus-visible:outline-none focus-visible:ring-1 focus-visible:ring-ring",
+            de && "border-primary bg-primary/5",
+            p && "cursor-not-allowed opacity-60",
+            S
+          ),
+          onClick: () => {
+            var t;
+            p || (t = V.current) == null || t.click();
+          },
+          onKeyDown: (t) => {
+            var c;
+            !p && (t.key === "Enter" || t.key === " ") && (t.preventDefault(), (c = V.current) == null || c.click());
+          },
+          onDragOver: (t) => {
+            t.preventDefault(), p || te(!0);
+          },
+          onDragLeave: () => te(!1),
+          onDrop: he,
+          children: [
+            /* @__PURE__ */ e.jsx("div", { className: "mb-3 rounded-full bg-primary/10 p-3 text-primary", children: /* @__PURE__ */ e.jsx(mt, { className: "h-6 w-6" }) }),
+            /* @__PURE__ */ e.jsx("div", { className: "text-sm font-medium", children: L }),
+            E && /* @__PURE__ */ e.jsx("div", { className: "mt-1 max-w-md text-sm text-muted-foreground", children: E }),
+            /* @__PURE__ */ e.jsx(
+              N,
+              {
+                type: "button",
+                size: "sm",
+                variant: "secondary",
+                className: "mt-4",
+                disabled: p,
+                onClick: (t) => {
+                  var c;
+                  t.stopPropagation(), (c = V.current) == null || c.click();
+                },
+                children: F
+              }
+            )
+          ]
+        }
+      ),
+      h && /* @__PURE__ */ e.jsx("div", { className: "text-sm text-muted-foreground", children: h }),
+      /* @__PURE__ */ e.jsx("div", { className: De("space-y-3", z), children: R.length === 0 ? /* @__PURE__ */ e.jsx("div", { className: "rounded-md border border-dashed px-4 py-3 text-sm text-muted-foreground", children: Y }) : R.map((t) => /* @__PURE__ */ e.jsx(
+        "div",
+        {
+          className: "rounded-lg border bg-background px-4 py-3",
+          children: /* @__PURE__ */ e.jsxs("div", { className: "flex items-start gap-3", children: [
+            /* @__PURE__ */ e.jsx("div", { className: "mt-0.5 rounded-md bg-muted p-2 text-muted-foreground", children: /* @__PURE__ */ e.jsx(Be, { className: "h-4 w-4" }) }),
+            /* @__PURE__ */ e.jsxs("div", { className: "min-w-0 flex-1 space-y-2", children: [
+              /* @__PURE__ */ e.jsxs("div", { className: "flex flex-wrap items-start justify-between gap-2", children: [
+                /* @__PURE__ */ e.jsxs("div", { className: "min-w-0", children: [
+                  /* @__PURE__ */ e.jsx("div", { className: "truncate text-sm font-medium", children: t.name }),
+                  /* @__PURE__ */ e.jsxs("div", { className: "text-xs text-muted-foreground", children: [
+                    W(t.size),
+                    t.type ? ` · ${t.type}` : ""
+                  ] })
+                ] }),
+                je(t)
+              ] }),
+              t.status === "uploading" && /* @__PURE__ */ e.jsx(
+                "div",
+                {
+                  className: "h-2 overflow-hidden rounded-full bg-muted",
+                  "aria-label": `${t.name} 上传进度`,
+                  role: "progressbar",
+                  "aria-valuenow": t.progress,
+                  "aria-valuemin": 0,
+                  "aria-valuemax": 100,
+                  children: /* @__PURE__ */ e.jsx(
+                    "div",
+                    {
+                      className: "h-full rounded-full bg-primary transition-all",
+                      style: { width: `${t.progress}%` }
+                    }
+                  )
+                }
+              ),
+              t.error && /* @__PURE__ */ e.jsx("div", { className: "text-xs text-destructive", children: t.error })
+            ] }),
+            /* @__PURE__ */ e.jsxs("div", { className: "flex shrink-0 items-center gap-1", children: [
+              t.status === "error" && u && /* @__PURE__ */ e.jsx(
+                N,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "sm",
+                  disabled: p || j,
+                  onClick: () => be(t),
+                  children: B
+                }
+              ),
+              /* @__PURE__ */ e.jsx(
+                N,
+                {
+                  type: "button",
+                  variant: "ghost",
+                  size: "icon",
+                  "aria-label": `移除 ${t.name}`,
+                  disabled: p || t.status === "uploading",
+                  onClick: () => pe(t.id),
+                  children: /* @__PURE__ */ e.jsx(xt, { className: "h-4 w-4" })
+                }
+              )
+            ] })
+          ] })
+        },
+        t.id
+      )) })
+    ] }),
+    (se || D) && (b ? /* @__PURE__ */ e.jsxs(b, { className: "justify-end gap-2", children: [
+      D && /* @__PURE__ */ e.jsx(
+        N,
+        {
+          type: "button",
+          variant: "outline",
+          disabled: p || j || R.length === 0,
+          onClick: () => U([]),
+          children: H
+        }
+      ),
+      se && /* @__PURE__ */ e.jsx(
+        N,
+        {
+          type: "button",
+          disabled: p || j || !n || !u,
+          onClick: ue,
+          children: T
+        }
+      )
+    ] }) : /* @__PURE__ */ e.jsxs("div", { className: "flex justify-end gap-2 p-6 pt-0", children: [
+      D && /* @__PURE__ */ e.jsx(
+        N,
+        {
+          type: "button",
+          variant: "outline",
+          disabled: p || j || R.length === 0,
+          onClick: () => U([]),
+          children: H
+        }
+      ),
+      se && /* @__PURE__ */ e.jsx(
+        N,
+        {
+          type: "button",
+          disabled: p || j || !n || !u,
+          onClick: ue,
+          children: T
+        }
+      )
+    ] }))
+  ] });
+}
+export {
+  Mt as D,
+  Wt as F,
+  zt as P,
+  St as S,
+  It as T,
+  At as a,
+  Nt as b,
+  $t as c,
+  Ot as d,
+  Ft as e,
+  De as f,
+  e as j
+};
+//# sourceMappingURL=index-DJdfLA8M.js.map