@turinhub/atomix-common-ui 0.1.0

package/dist/index.js

@@ -0,0 +1,765 @@
+import { clsx as ae } from "clsx";
+import { twMerge as oe } from "tailwind-merge";
+import ce, { useState as ie, useEffect as ue } from "react";
+function pe(...a) {
+  return oe(ae(a));
+}
+var Z = { exports: {} }, F = {};
+/**
+ * @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 re;
+function de() {
+  if (re) return F;
+  re = 1;
+  var a = Symbol.for("react.transitional.element"), h = Symbol.for("react.fragment");
+  function d(j, c, f) {
+    var x = null;
+    if (f !== void 0 && (x = "" + f), c.key !== void 0 && (x = "" + c.key), "key" in c) {
+      f = {};
+      for (var o in c)
+        o !== "key" && (f[o] = c[o]);
+    } else f = c;
+    return c = f.ref, {
+      $$typeof: a,
+      type: j,
+      key: x,
+      ref: c !== void 0 ? c : null,
+      props: f
+    };
+  }
+  return F.Fragment = h, F.jsx = d, F.jsxs = d, F;
+}
+var W = {};
+/**
+ * @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 te;
+function fe() {
+  return te || (te = 1, process.env.NODE_ENV !== "production" && (function() {
+    function a(e) {
+      if (e == null) return null;
+      if (typeof e == "function")
+        return e.$$typeof === K ? null : e.displayName || e.name || null;
+      if (typeof e == "string") return e;
+      switch (e) {
+        case S:
+          return "Fragment";
+        case D:
+          return "Profiler";
+        case w:
+          return "StrictMode";
+        case g:
+          return "Suspense";
+        case k:
+          return "SuspenseList";
+        case Q:
+          return "Activity";
+      }
+      if (typeof e == "object")
+        switch (typeof e.tag == "number" && console.error(
+          "Received an unexpected object in getComponentNameFromType(). This is likely a bug in React. Please file an issue."
+        ), e.$$typeof) {
+          case O:
+            return "Portal";
+          case R:
+            return e.displayName || "Context";
+          case y:
+            return (e._context.displayName || "Context") + ".Consumer";
+          case P:
+            var t = e.render;
+            return e = e.displayName, e || (e = t.displayName || t.name || "", e = e !== "" ? "ForwardRef(" + e + ")" : "ForwardRef"), e;
+          case Y:
+            return t = e.displayName || null, t !== null ? t : a(e.type) || "Memo";
+          case L:
+            t = e._payload, e = e._init;
+            try {
+              return a(e(t));
+            } catch {
+            }
+        }
+      return null;
+    }
+    function h(e) {
+      return "" + e;
+    }
+    function d(e) {
+      try {
+        h(e);
+        var t = !1;
+      } catch {
+        t = !0;
+      }
+      if (t) {
+        t = console;
+        var l = t.error, i = typeof Symbol == "function" && Symbol.toStringTag && e[Symbol.toStringTag] || e.constructor.name || "Object";
+        return l.call(
+          t,
+          "The provided key is an unsupported type %s. This value must be coerced to a string before using it here.",
+          i
+        ), h(e);
+      }
+    }
+    function j(e) {
+      if (e === S) return "<>";
+      if (typeof e == "object" && e !== null && e.$$typeof === L)
+        return "<...>";
+      try {
+        var t = a(e);
+        return t ? "<" + t + ">" : "<...>";
+      } catch {
+        return "<...>";
+      }
+    }
+    function c() {
+      var e = z.A;
+      return e === null ? null : e.getOwner();
+    }
+    function f() {
+      return Error("react-stack-top-frame");
+    }
+    function x(e) {
+      if (U.call(e, "key")) {
+        var t = Object.getOwnPropertyDescriptor(e, "key").get;
+        if (t && t.isReactWarning) return !1;
+      }
+      return e.key !== void 0;
+    }
+    function o(e, t) {
+      function l() {
+        q || (q = !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)",
+          t
+        ));
+      }
+      l.isReactWarning = !0, Object.defineProperty(e, "key", {
+        get: l,
+        configurable: !0
+      });
+    }
+    function _() {
+      var e = a(this.type);
+      return J[e] || (J[e] = !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."
+      )), e = this.props.ref, e !== void 0 ? e : null;
+    }
+    function m(e, t, l, i, I, M) {
+      var u = l.ref;
+      return e = {
+        $$typeof: E,
+        type: e,
+        key: t,
+        props: l,
+        _owner: i
+      }, (u !== void 0 ? u : null) !== null ? Object.defineProperty(e, "ref", {
+        enumerable: !1,
+        get: _
+      }) : Object.defineProperty(e, "ref", { enumerable: !1, value: null }), e._store = {}, Object.defineProperty(e._store, "validated", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: 0
+      }), Object.defineProperty(e, "_debugInfo", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: null
+      }), Object.defineProperty(e, "_debugStack", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: I
+      }), Object.defineProperty(e, "_debugTask", {
+        configurable: !1,
+        enumerable: !1,
+        writable: !0,
+        value: M
+      }), Object.freeze && (Object.freeze(e.props), Object.freeze(e)), e;
+    }
+    function s(e, t, l, i, I, M) {
+      var u = t.children;
+      if (u !== void 0)
+        if (i)
+          if (H(u)) {
+            for (i = 0; i < u.length; i++)
+              T(u[i]);
+            Object.freeze && Object.freeze(u);
+          } 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 T(u);
+      if (U.call(t, "key")) {
+        u = a(e);
+        var C = Object.keys(t).filter(function(p) {
+          return p !== "key";
+        });
+        i = 0 < C.length ? "{key: someKey, " + C.join(": ..., ") + ": ...}" : "{key: someKey}", G[u + i] || (C = 0 < C.length ? "{" + C.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,
+          u,
+          C,
+          u
+        ), G[u + i] = !0);
+      }
+      if (u = null, l !== void 0 && (d(l), u = "" + l), x(t) && (d(t.key), u = "" + t.key), "key" in t) {
+        l = {};
+        for (var n in t)
+          n !== "key" && (l[n] = t[n]);
+      } else l = t;
+      return u && o(
+        l,
+        typeof e == "function" ? e.displayName || e.name || "Unknown" : e
+      ), m(
+        e,
+        u,
+        l,
+        c(),
+        I,
+        M
+      );
+    }
+    function T(e) {
+      N(e) ? e._store && (e._store.validated = 1) : typeof e == "object" && e !== null && e.$$typeof === L && (e._payload.status === "fulfilled" ? N(e._payload.value) && e._payload.value._store && (e._payload.value._store.validated = 1) : e._store && (e._store.validated = 1));
+    }
+    function N(e) {
+      return typeof e == "object" && e !== null && e.$$typeof === E;
+    }
+    var b = ce, E = Symbol.for("react.transitional.element"), O = Symbol.for("react.portal"), S = Symbol.for("react.fragment"), w = Symbol.for("react.strict_mode"), D = Symbol.for("react.profiler"), y = Symbol.for("react.consumer"), R = Symbol.for("react.context"), P = Symbol.for("react.forward_ref"), g = Symbol.for("react.suspense"), k = Symbol.for("react.suspense_list"), Y = Symbol.for("react.memo"), L = Symbol.for("react.lazy"), Q = Symbol.for("react.activity"), K = Symbol.for("react.client.reference"), z = b.__CLIENT_INTERNALS_DO_NOT_USE_OR_WARN_USERS_THEY_CANNOT_UPGRADE, U = Object.prototype.hasOwnProperty, H = Array.isArray, B = console.createTask ? console.createTask : function() {
+      return null;
+    };
+    b = {
+      react_stack_bottom_frame: function(e) {
+        return e();
+      }
+    };
+    var q, J = {}, V = b.react_stack_bottom_frame.bind(
+      b,
+      f
+    )(), A = B(j(f)), G = {};
+    W.Fragment = S, W.jsx = function(e, t, l) {
+      var i = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return s(
+        e,
+        t,
+        l,
+        !1,
+        i ? Error("react-stack-top-frame") : V,
+        i ? B(j(e)) : A
+      );
+    }, W.jsxs = function(e, t, l) {
+      var i = 1e4 > z.recentlyCreatedOwnerStacks++;
+      return s(
+        e,
+        t,
+        l,
+        !0,
+        i ? Error("react-stack-top-frame") : V,
+        i ? B(j(e)) : A
+      );
+    };
+  })()), W;
+}
+var se;
+function me() {
+  return se || (se = 1, process.env.NODE_ENV === "production" ? Z.exports = de() : Z.exports = fe()), Z.exports;
+}
+var r = me();
+function ve({
+  data: a,
+  loading: h = !1,
+  columns: d,
+  rowKey: j,
+  emptyText: c = "暂无数据",
+  searchActiveEmptyText: f = "未找到匹配的记录",
+  header: x,
+  pagination: o,
+  rowClassName: _,
+  onRow: m,
+  actions: s,
+  components: T,
+  renderCard: N,
+  renderTable: b,
+  renderActions: E
+}) {
+  var u, C;
+  if (!T)
+    return /* @__PURE__ */ r.jsxs("div", { className: "p-4 text-center text-destructive", children: [
+      "错误：请通过 components prop 注入 UI 组件",
+      /* @__PURE__ */ r.jsx("br", {}),
+      /* @__PURE__ */ r.jsx("code", { className: "text-sm", children: 'import { Card, Table, Button, ... } from "@/components/ui"' })
+    ] });
+  const {
+    Card: O,
+    CardContent: S,
+    CardFooter: w,
+    Table: D,
+    TableBody: y,
+    TableCell: R,
+    TableHead: P,
+    TableHeader: g,
+    TableRow: k,
+    Button: Y,
+    DropdownMenu: L,
+    DropdownMenuTrigger: Q,
+    DropdownMenuContent: K,
+    DropdownMenuItem: z,
+    DropdownMenuSeparator: U,
+    Skeleton: H,
+    TableHeaderComponent: B,
+    TablePaginationComponent: q
+  } = T, J = (n, p) => {
+    if (typeof j == "function")
+      return j(n);
+    const v = n[j];
+    return v != null ? String(v) : `row-${p}`;
+  }, V = !!(x != null && x.searchValue && x.searchValue.trim().length > 0), A = !!(s != null && s.render || (u = s == null ? void 0 : s.items) != null && u.length), G = (s == null ? void 0 : s.mode) ?? ((C = s == null ? void 0 : s.items) != null && C.length ? "collapsed" : "expanded"), e = (n) => n.separator === !0, t = (n, p) => !s || !A ? null : G === "collapsed" && s.items && s.items.length > 0 ? /* @__PURE__ */ r.jsxs(L, { children: [
+    /* @__PURE__ */ r.jsx(Q, { asChild: !0, children: /* @__PURE__ */ r.jsx(
+      Y,
+      {
+        variant: "ghost",
+        className: "h-8 w-8 p-0",
+        "aria-label": "打开行操作菜单",
+        children: /* @__PURE__ */ r.jsxs(
+          "svg",
+          {
+            className: "h-4 w-4",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: [
+              /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "12", r: "1" }),
+              /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "5", r: "1" }),
+              /* @__PURE__ */ r.jsx("circle", { cx: "12", cy: "19", r: "1" })
+            ]
+          }
+        )
+      }
+    ) }),
+    /* @__PURE__ */ r.jsx(K, { align: "end", children: s.items.map(
+      (v, X) => e(v) ? /* @__PURE__ */ r.jsx(U, {}, `separator-${X}`) : /* @__PURE__ */ r.jsxs(
+        z,
+        {
+          onClick: () => v.onClick(n, p),
+          className: v.className,
+          children: [
+            v.icon && /* @__PURE__ */ r.jsx("span", { className: "mr-2 h-4 w-4", children: v.icon }),
+            v.label
+          ]
+        },
+        `action-${X}`
+      )
+    ) })
+  ] }) : s.render ? s.render(n, p) : null, l = () => /* @__PURE__ */ r.jsx(g, { children: /* @__PURE__ */ r.jsxs(k, { className: "bg-muted/50 hover:bg-muted/50", children: [
+    d.map((n) => /* @__PURE__ */ r.jsx(
+      P,
+      {
+        className: `font-semibold text-foreground ${n.align === "center" ? "text-center" : n.align === "right" ? "text-right" : "text-left"}`,
+        style: { width: n.width },
+        children: n.title
+      },
+      String(n.key)
+    )),
+    A && /* @__PURE__ */ r.jsx(P, { className: "text-right font-semibold text-foreground", children: (s == null ? void 0 : s.title) || "操作" })
+  ] }) }), i = () => h ? /* @__PURE__ */ r.jsx(y, { children: Array.from({ length: 5 }).map((n, p) => /* @__PURE__ */ r.jsxs(k, { children: [
+    d.map((v) => /* @__PURE__ */ r.jsx(
+      R,
+      {
+        style: { width: v.width },
+        className: v.align === "center" ? "text-center" : v.align === "right" ? "text-right" : "",
+        children: /* @__PURE__ */ r.jsx(H, { className: "h-4 w-full" })
+      },
+      String(v.key)
+    )),
+    A && /* @__PURE__ */ r.jsx(R, { children: /* @__PURE__ */ r.jsx(H, { className: "ml-auto h-4 w-8" }) })
+  ] }, p)) }) : a.length === 0 ? /* @__PURE__ */ r.jsx(y, { children: /* @__PURE__ */ r.jsx(k, { children: /* @__PURE__ */ r.jsx(
+    R,
+    {
+      colSpan: d.length + (A ? 1 : 0),
+      className: "py-8 text-center text-muted-foreground",
+      children: V ? f : c
+    }
+  ) }) }) : /* @__PURE__ */ r.jsx(y, { children: a.map((n, p) => {
+    const v = J(n, p), X = m == null ? void 0 : m(n, p), ne = _ == null ? void 0 : _(n, p);
+    return /* @__PURE__ */ r.jsxs(
+      k,
+      {
+        className: `${ne || ""} hover:bg-muted/50`,
+        ...X,
+        children: [
+          d.map(($) => {
+            const ee = n[$.key], le = $.render ? $.render(ee, n, p) : ee;
+            return /* @__PURE__ */ r.jsx(
+              R,
+              {
+                className: $.align === "center" ? "text-center" : $.align === "right" ? "text-right" : "",
+                children: le
+              },
+              String($.key)
+            );
+          }),
+          A && /* @__PURE__ */ r.jsx(R, { className: "text-right", children: E ? E(n, p) : t(n, p) })
+        ]
+      },
+      v
+    );
+  }) }), I = (n) => /* @__PURE__ */ r.jsxs(O, { children: [
+    x && /* @__PURE__ */ r.jsx("div", { className: "p-6 pb-0", children: /* @__PURE__ */ r.jsx(B, { ...x }) }),
+    /* @__PURE__ */ r.jsx(S, { className: "p-0", children: n }),
+    (o == null ? void 0 : o.show) !== !1 && o && /* @__PURE__ */ r.jsx(w, { className: "border-t py-4", children: /* @__PURE__ */ r.jsx(
+      q,
+      {
+        currentPage: o.currentPage,
+        pageSize: o.pageSize,
+        total: o.total,
+        onPageChange: o.onPageChange,
+        onPageSizeChange: o.onPageSizeChange,
+        pageSizeOptions: o.pageSizeOptions,
+        showPageSizeSelector: o.showPageSizeSelector,
+        showTotal: o.showTotal,
+        searchActive: V
+      }
+    ) })
+  ] }), M = (n, p) => /* @__PURE__ */ r.jsxs(D, { children: [
+    n,
+    p
+  ] });
+  return N ? N(
+    b ? b(l(), i()) : M(l(), i())
+  ) : I(
+    b ? b(l(), i()) : M(l(), i())
+  );
+}
+function be({
+  open: a,
+  onOpenChange: h,
+  title: d,
+  description: j,
+  onConfirm: c,
+  loading: f = !1,
+  confirmText: x = "确认删除",
+  cancelText: o = "取消",
+  confirmButtonVariant: _ = "destructive",
+  verification: m,
+  components: s
+}) {
+  const [T, N] = ie("");
+  if (ue(() => {
+    a && N("");
+  }, [a, m == null ? void 0 : m.targetValue]), !s)
+    return /* @__PURE__ */ r.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Dialog: b,
+    DialogContent: E,
+    DialogHeader: O,
+    DialogFooter: S,
+    DialogTitle: w,
+    DialogDescription: D,
+    Button: y,
+    Input: R,
+    Label: P
+  } = s, g = m ? T !== m.targetValue : !1, k = () => {
+    g || c();
+  };
+  return /* @__PURE__ */ r.jsx(b, { open: a, onOpenChange: h, children: /* @__PURE__ */ r.jsxs(E, { children: [
+    /* @__PURE__ */ r.jsxs(O, { children: [
+      /* @__PURE__ */ r.jsx(w, { asChild: !0, children: /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-2", children: d }) }),
+      /* @__PURE__ */ r.jsx(D, { asChild: !0, children: /* @__PURE__ */ r.jsx("div", { children: j }) })
+    ] }),
+    m && /* @__PURE__ */ r.jsx("div", { className: "space-y-4 py-2", children: /* @__PURE__ */ r.jsxs("div", { className: "space-y-2", children: [
+      /* @__PURE__ */ r.jsx(P, { htmlFor: "confirm-input", children: m.label || "请输入以确认" }),
+      /* @__PURE__ */ r.jsx(
+        R,
+        {
+          id: "confirm-input",
+          value: T,
+          onChange: (Y) => N(Y.target.value),
+          placeholder: m.placeholder,
+          disabled: f
+        }
+      )
+    ] }) }),
+    /* @__PURE__ */ r.jsxs(S, { children: [
+      /* @__PURE__ */ r.jsx(
+        y,
+        {
+          variant: "outline",
+          onClick: () => h(!1),
+          disabled: f,
+          children: o
+        }
+      ),
+      /* @__PURE__ */ r.jsxs(
+        y,
+        {
+          variant: _,
+          onClick: k,
+          disabled: g || f,
+          children: [
+            f && /* @__PURE__ */ r.jsxs(
+              "svg",
+              {
+                className: "mr-2 h-4 w-4 animate-spin",
+                fill: "none",
+                viewBox: "0 0 24 24",
+                children: [
+                  /* @__PURE__ */ r.jsx(
+                    "circle",
+                    {
+                      className: "opacity-25",
+                      cx: "12",
+                      cy: "12",
+                      r: "10",
+                      stroke: "currentColor",
+                      strokeWidth: "4"
+                    }
+                  ),
+                  /* @__PURE__ */ r.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"
+                    }
+                  )
+                ]
+              }
+            ),
+            x
+          ]
+        }
+      )
+    ] })
+  ] }) });
+}
+function ge({
+  title: a,
+  searchPlaceholder: h = "搜索...",
+  searchValue: d = "",
+  onSearchChange: j,
+  onSearch: c,
+  showSearch: f = !0,
+  action: x,
+  actionLabel: o,
+  onActionClick: _,
+  loading: m = !1,
+  components: s
+}) {
+  if (!s)
+    return /* @__PURE__ */ r.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const { Input: T, Button: N } = s, b = (E) => {
+    E.key === "Enter" && c && c();
+  };
+  return /* @__PURE__ */ r.jsxs("div", { className: "flex flex-col gap-4 p-1", children: [
+    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center justify-between", children: [
+      /* @__PURE__ */ r.jsx("div", { className: "text-lg font-semibold leading-none tracking-tight", children: a }),
+      /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+        x && /* @__PURE__ */ r.jsx("div", { className: "flex items-center gap-2", children: x }),
+        !x && o && _ && /* @__PURE__ */ r.jsxs(N, { onClick: _, disabled: m, size: "sm", children: [
+          /* @__PURE__ */ r.jsx(
+            "svg",
+            {
+              className: "mr-2 h-4 w-4",
+              fill: "none",
+              stroke: "currentColor",
+              viewBox: "0 0 24 24",
+              children: /* @__PURE__ */ r.jsx(
+                "path",
+                {
+                  strokeLinecap: "round",
+                  strokeLinejoin: "round",
+                  strokeWidth: 2,
+                  d: "M12 4v16m8-8H4"
+                }
+              )
+            }
+          ),
+          o
+        ] })
+      ] })
+    ] }),
+    f && /* @__PURE__ */ r.jsxs("div", { className: "flex items-center gap-2", children: [
+      /* @__PURE__ */ r.jsxs("div", { className: "relative max-w-sm flex-1", children: [
+        /* @__PURE__ */ r.jsx(
+          "svg",
+          {
+            className: "absolute left-2 top-2.5 h-4 w-4 text-muted-foreground",
+            fill: "none",
+            stroke: "currentColor",
+            viewBox: "0 0 24 24",
+            children: /* @__PURE__ */ r.jsx(
+              "path",
+              {
+                strokeLinecap: "round",
+                strokeLinejoin: "round",
+                strokeWidth: 2,
+                d: "M21 21l-6-6m2-5a7 7 0 11-14 0 7 7 0 0114 0z"
+              }
+            )
+          }
+        ),
+        /* @__PURE__ */ r.jsx(
+          T,
+          {
+            placeholder: h,
+            value: d,
+            onChange: (E) => j == null ? void 0 : j(E.target.value),
+            onKeyPress: b,
+            className: "h-9 pl-8",
+            disabled: m
+          }
+        )
+      ] }),
+      c && /* @__PURE__ */ r.jsx(
+        N,
+        {
+          onClick: c,
+          disabled: m,
+          variant: "secondary",
+          size: "sm",
+          children: "搜索"
+        }
+      )
+    ] })
+  ] });
+}
+function ke({
+  currentPage: a,
+  pageSize: h,
+  total: d,
+  onPageChange: j,
+  onPageSizeChange: c,
+  pageSizeOptions: f = [10, 20, 50],
+  showPageSizeSelector: x = !0,
+  showTotal: o = !0,
+  searchActive: _ = !1,
+  components: m
+}) {
+  if (!m)
+    return /* @__PURE__ */ r.jsx("div", { className: "p-4 text-center text-destructive", children: "错误：请通过 components prop 注入 UI 组件" });
+  const {
+    Button: s,
+    Select: T,
+    SelectTrigger: N,
+    SelectContent: b,
+    SelectItem: E,
+    SelectValue: O
+  } = m, S = Math.ceil(d / h), w = Math.max(S, 1), D = a * h + 1, y = Math.min((a + 1) * h, d), R = Array.from(
+    /* @__PURE__ */ new Set([...f, h])
+  ).sort((g, k) => g - k), P = x && !!c;
+  return d === 0 ? null : /* @__PURE__ */ r.jsxs("div", { className: "flex w-full items-center justify-between", children: [
+    o && /* @__PURE__ */ r.jsx("div", { className: "text-sm text-muted-foreground", children: _ ? `找到 ${d} 条匹配记录` : d > 0 ? `显示 ${D} - ${y} 条，共 ${d} 条记录` : "暂无数据" }),
+    /* @__PURE__ */ r.jsxs("div", { className: "flex items-center space-x-2", children: [
+      P && /* @__PURE__ */ r.jsxs("div", { className: "mr-2 flex items-center gap-2", children: [
+        /* @__PURE__ */ r.jsx("span", { className: "text-sm text-muted-foreground", children: "每页" }),
+        /* @__PURE__ */ r.jsxs(
+          T,
+          {
+            value: String(h),
+            onValueChange: (g) => {
+              const k = Number(g);
+              Number.isNaN(k) || k === h || !c || c(k);
+            },
+            children: [
+              /* @__PURE__ */ r.jsx(N, { className: "h-8 w-[90px]", children: /* @__PURE__ */ r.jsx(O, {}) }),
+              /* @__PURE__ */ r.jsx(b, { children: R.map((g) => /* @__PURE__ */ r.jsx(E, { value: String(g), children: g }, g)) })
+            ]
+          }
+        ),
+        /* @__PURE__ */ r.jsx("span", { className: "text-sm text-muted-foreground", children: "条" })
+      ] }),
+      /* @__PURE__ */ r.jsxs("div", { className: "mr-4 text-sm text-muted-foreground", children: [
+        "第 ",
+        a + 1,
+        " 页，共 ",
+        w,
+        " 页"
+      ] }),
+      /* @__PURE__ */ r.jsxs(
+        s,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => j(a - 1),
+          disabled: a === 0 || w <= 1,
+          children: [
+            /* @__PURE__ */ r.jsx(
+              "svg",
+              {
+                className: "h-4 w-4",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ r.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M15 19l-7-7 7-7"
+                  }
+                )
+              }
+            ),
+            "上一页"
+          ]
+        }
+      ),
+      /* @__PURE__ */ r.jsxs(
+        s,
+        {
+          variant: "outline",
+          size: "sm",
+          onClick: () => j(a + 1),
+          disabled: a >= w - 1 || w <= 1,
+          children: [
+            "下一页",
+            /* @__PURE__ */ r.jsx(
+              "svg",
+              {
+                className: "h-4 w-4",
+                fill: "none",
+                stroke: "currentColor",
+                viewBox: "0 0 24 24",
+                children: /* @__PURE__ */ r.jsx(
+                  "path",
+                  {
+                    strokeLinecap: "round",
+                    strokeLinejoin: "round",
+                    strokeWidth: 2,
+                    d: "M9 5l7 7-7 7"
+                  }
+                )
+              }
+            )
+          ]
+        }
+      )
+    ] })
+  ] });
+}
+export {
+  ve as DataTable,
+  be as DeleteConfirmDialog,
+  ge as TableHeader,
+  ke as TablePagination,
+  pe as cn
+};
+//# sourceMappingURL=index.js.map