@blofin/blofin-ui 0.7.57 → 0.7.58

package/dist/ProTable-7a07d8b6.js

@@ -0,0 +1,565 @@
+"use client";
+import { jsx as o, jsxs as F } from "react/jsx-runtime";
+import * as L from "react";
+import { c as u } from "./index-c57db938.js";
+import { c as R } from "./clsx.m-e965ef18.js";
+import { u as tt, d as et, C as rt, a as at, b as X, D as it, c as st, S as lt, h as nt, K as ot, P as dt, e as bt } from "./sortable.esm-1c13d908.js";
+import { u as ut } from "./useTheme-0688f238.js";
+var x = /* @__PURE__ */ ((t) => (t.default = "default", t.desc = "desc", t.asc = "asc", t))(x || {});
+const gt = u("bu-w-full bu-rounded-lg", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background",
+      dark: "bu-bg-dark-background"
+    }
+  }
+}), ht = u("bu-w-full bu-border-collapse"), ct = u("bu-sticky bu-top-0 bu-z-[100]", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background",
+      dark: "bu-bg-dark-background"
+    }
+  }
+}), Z = u(
+  "bu-relative bu-z-[999] bu-h-[25px] bu-select-none bu-border-b bu-px-[4px] bu-text-left bu-text-[12px] bu-font-medium bu-transition-all bu-duration-300",
+  {
+    variants: {
+      theme: {
+        light: "bu-border-light-line-primary bu-text-light-label-40",
+        dark: "bu-border-dark-line-primary bu-text-dark-label-40"
+      },
+      draggable: {
+        true: "bu-cursor-grab hover:bu-cursor-grab",
+        false: ""
+      }
+    }
+  }
+), Y = u("bu-sticky bu-left-0 bu-top-0 bu-z-[1000]", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background",
+      dark: "bu-bg-dark-background"
+    }
+  }
+}), q = u("bu-sticky bu-right-0 bu-top-0 bu-z-[1000]", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background",
+      dark: "bu-bg-dark-background"
+    }
+  }
+}), ft = u("bu-cursor-pointer", {
+  variants: {
+    theme: {
+      light: "hover:bu-bg-light-hover-fill-primary",
+      dark: "hover:bu-bg-dark-hover-fill-primary"
+    }
+  }
+}), pt = u(
+  "bu-pointer-events-auto bu-opacity-0 bu-transition-opacity bu-duration-200 group-hover:bu-opacity-100",
+  {
+    variants: {
+      theme: {
+        light: "bu-text-light-label-60 hover:bu-text-light-primary",
+        dark: "bu-text-dark-label-60 hover:bu-text-dark-primary"
+      }
+    }
+  }
+), G = u("bu-z-[1002] !bu-cursor-grabbing bu-opacity-60 bu-shadow-lg", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background",
+      dark: "bu-bg-dark-background"
+    }
+  }
+}), yt = u("bu-ml-2 bu-inline-flex bu-flex-col bu-align-middle"), xt = u(
+  "bu-h-0 bu-w-0 bu-border-l-4 bu-border-r-4 bu-border-transparent",
+  {
+    variants: {
+      direction: {
+        asc: "bu-mb-0.5 bu-border-b-[5px]",
+        desc: "bu-border-t-[5px]"
+      },
+      theme: {
+        light: "bu-border-b-light-line-secondary bu-border-t-light-line-secondary",
+        dark: "bu-border-b-dark-line-secondary bu-border-t-dark-line-secondary"
+      },
+      active: {
+        true: "!bu-border-b-light-primary !bu-border-t-light-primary",
+        false: ""
+      }
+    }
+  }
+), kt = u("", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background",
+      dark: "bu-bg-dark-background"
+    }
+  }
+}), vt = u("bu-group bu-border-b bu-transition-colors bu-duration-200", {
+  variants: {
+    theme: {
+      light: "bu-hover:bu-bg-light-fill-primary bu-border-light-line-primary",
+      dark: "bu-hover:bu-bg-dark-fill-primary bu-border-dark-line-primary"
+    }
+  }
+}), J = u("bu-h-[60px] bu-border-b bu-px-[4px] bu-text-[12px]", {
+  variants: {
+    theme: {
+      light: "bu-border-light-line-primary bu-text-light-label group-hover:bu-bg-light-fill-primary",
+      dark: "bu-border-dark-line-primary bu-text-dark-label group-hover:bu-bg-dark-fill-primary"
+    }
+  }
+}), Q = u("bu-sticky bu-left-0", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background group-hover:bu-bg-light-fill-primary",
+      dark: "bu-bg-dark-background group-hover:bu-bg-dark-fill-primary"
+    }
+  }
+}), U = u("bu-sticky bu-right-0", {
+  variants: {
+    theme: {
+      light: "bu-bg-light-background group-hover:bu-bg-light-fill-primary",
+      dark: "bu-bg-dark-background group-hover:bu-bg-dark-fill-primary"
+    }
+  }
+}), mt = u("bu-px-5 bu-py-10 bu-text-center", {
+  variants: {
+    theme: {
+      light: "bu-text-light-label-60",
+      dark: "bu-text-dark-label-60"
+    }
+  }
+}), St = (t) => ({
+  "flex-start": "left",
+  center: "center",
+  "flex-end": "right"
+})[t || "center"], wt = (t) => {
+  const { theme: r, fixed: i, sortable: m, isDragging: h, draggable: w, customClass: c } = t, d = [Z({ theme: r, draggable: w && !i })];
+  return i === "left" ? d.push(Y({ theme: r })) : i === "right" && d.push(q({ theme: r })), h && d.push(G({ theme: r })), c && d.push(c), d.join(" ");
+}, Ct = (t) => {
+  const { theme: r, fixed: i, customClass: m } = t, h = [J({ theme: r })];
+  return i === "left" ? h.push(Q({ theme: r })) : i === "right" && h.push(U({ theme: r })), m && h.push(m), h.join(" ");
+}, v = {
+  container: gt,
+  table: ht,
+  thead: ct,
+  th: Z,
+  thFixedLeft: Y,
+  thFixedRight: q,
+  thSortable: ft,
+  dragHandle: pt,
+  dragging: G,
+  sortIcon: yt,
+  sortArrow: xt,
+  tbody: kt,
+  tr: vt,
+  td: J,
+  tdFixedLeft: Q,
+  tdFixedRight: U,
+  empty: mt,
+  getThClasses: wt,
+  getTdClasses: Ct,
+  getTextAlign: St
+}, It = ({ className: t }) => /* @__PURE__ */ F(
+  "svg",
+  {
+    width: "16",
+    height: "16",
+    viewBox: "0 0 16 16",
+    fill: "currentColor",
+    className: t,
+    style: { flexShrink: 0 },
+    children: [
+      /* @__PURE__ */ o("rect", { x: "4", y: "5", width: "8", height: "2", rx: "1" }),
+      /* @__PURE__ */ o("rect", { x: "4", y: "9", width: "8", height: "2", rx: "1" })
+    ]
+  }
+), Tt = ({
+  column: t,
+  index: r,
+  columns: i,
+  sortState: m,
+  onSort: h,
+  renderSortIcon: w,
+  draggable: c = !1,
+  dragHandleIcon: C,
+  theme: d = "light"
+}) => {
+  const k = L.useRef(null), [a, s] = L.useState(null), e = (p) => {
+    const { isSorting: H, wasDragging: T } = p;
+    return H || T ? et(p) : !0;
+  }, {
+    attributes: l,
+    listeners: n,
+    setNodeRef: S,
+    transform: I,
+    transition: P,
+    isDragging: f
+  } = tt({
+    id: t.key || `col-${r}`,
+    disabled: !c || !!t.fixed,
+    animateLayoutChanges: e,
+    transition: {
+      duration: 250,
+      easing: "cubic-bezier(0.25, 1, 0.5, 1)"
+    }
+  }), E = L.useCallback(
+    (p) => {
+      k.current = p, S(p);
+    },
+    [S]
+  );
+  L.useEffect(() => {
+    if (f && k.current) {
+      const p = k.current.getBoundingClientRect().width;
+      s(p);
+    } else
+      f || s(null);
+  }, [f]);
+  const K = () => {
+    const p = f && a ? `${a}px` : t.width || "auto";
+    let H = "auto";
+    t.fixed ? H = f ? 1001 : 1e3 : f && (H = 100);
+    const T = {
+      transform: I ? rt.Translate.toString(I) : void 0,
+      transition: P || "transform 250ms cubic-bezier(0.25, 1, 0.5, 1)",
+      willChange: "transform",
+      width: p,
+      textAlign: v.getTextAlign(t.align),
+      opacity: f ? 0.5 : 1,
+      // cursor 由 className 控制，不在 inline style 中设置
+      zIndex: H,
+      whiteSpace: "nowrap",
+      overflow: "hidden",
+      textOverflow: "ellipsis"
+    };
+    if (f && a && (T.minWidth = `${a}px`, T.maxWidth = `${a}px`), t.fixed === "left") {
+      let $ = 0;
+      for (let y = 0; y < r; y++)
+        i[y].fixed === "left" && ($ += parseInt(i[y].width || "150"));
+      T.left = `${$}px`;
+    } else if (t.fixed === "right") {
+      let $ = 0;
+      for (let y = r + 1; y < i.length; y++)
+        i[y].fixed === "right" && ($ += parseInt(i[y].width || "150"));
+      T.right = `${$}px`;
+    }
+    return T;
+  }, j = R(
+    "bu-group",
+    v.getThClasses({
+      theme: d,
+      fixed: t.fixed,
+      sortable: t.filter,
+      isDragging: f,
+      draggable: c
+    })
+  ), M = c && !t.fixed, V = t.filter && t.key, B = (p) => {
+    V && (p.target.closest(".drag-handle-icon") || h(t));
+  };
+  return /* @__PURE__ */ o(
+    "th",
+    {
+      ref: E,
+      className: j,
+      style: K(),
+      ...l,
+      ...n,
+      onClick: B,
+      children: /* @__PURE__ */ F(
+        "div",
+        {
+          className: "bu-relative bu-flex bu-items-center bu-gap-2",
+          style: { justifyContent: t.align || "center" },
+          children: [
+            /* @__PURE__ */ F("div", { className: "bu-flex bu-items-center", children: [
+              t.renderHeader ? t.renderHeader([]) : t.title,
+              w(t),
+              t.renderEndIcon ? t.renderEndIcon() : null
+            ] }),
+            M && /* @__PURE__ */ o(
+              "span",
+              {
+                "data-drag-handle": !0,
+                className: `${R(
+                  v.dragHandle({
+                    theme: d
+                  }),
+                  "group-hover:bu-opacity-100"
+                )} drag-handle-icon`,
+                style: {
+                  display: "flex",
+                  alignItems: "center",
+                  marginLeft: "4px"
+                },
+                children: C !== null && (C || /* @__PURE__ */ o(It, {}))
+              }
+            )
+          ]
+        }
+      )
+    }
+  );
+}, Dt = (t) => {
+  const {
+    columns: r,
+    sortStates: i,
+    onSort: m,
+    activeId: h,
+    theadClass: w,
+    draggable: c = !1,
+    dragHandleIcon: C,
+    theme: d = "light",
+    rowIdPrefix: k
+  } = t, a = (e) => {
+    e.filter && e.key && m(e.key, e.type);
+  }, s = (e) => {
+    if (!e.filter || !e.key)
+      return null;
+    const l = i[e.key] || x.default, n = d === "dark" ? "rgba(235, 236, 245, 0.20)" : "rgba(10, 10, 10, 0.20)", S = d === "dark" ? "rgba(235, 236, 245, 0.60)" : "rgba(10, 10, 10, 0.60)", I = l !== x.default;
+    return /* @__PURE__ */ o(
+      "span",
+      {
+        className: R(
+          "bu-inline-flex bu-align-middle bu-transition-opacity bu-duration-200",
+          "bu-ml-[4px]"
+        ),
+        children: /* @__PURE__ */ F(
+          "svg",
+          {
+            xmlns: "http://www.w3.org/2000/svg",
+            width: "6",
+            height: "10",
+            viewBox: "0 0 6 10",
+            fill: "none",
+            className: R(
+              "bu-transition-opacity bu-duration-200",
+              I ? "bu-opacity-100" : "bu-opacity-0 group-hover:bu-opacity-100"
+            ),
+            children: [
+              /* @__PURE__ */ o(
+                "path",
+                {
+                  d: "M5.4847 3.04301V4.10942H0.151367V3.04301L2.81803 0.376343L5.4847 3.04301Z",
+                  fill: l === x.asc ? S : n
+                }
+              ),
+              /* @__PURE__ */ o(
+                "path",
+                {
+                  d: "M5.4847 5.89067V6.95707L2.81803 9.62374L0.151367 6.95707V5.89067H5.4847Z",
+                  fill: l === x.desc ? S : n
+                }
+              )
+            ]
+          }
+        )
+      }
+    );
+  };
+  return /* @__PURE__ */ o("thead", { className: R(v.thead({ theme: d }), w), children: /* @__PURE__ */ o("tr", { id: k ? `${k}-thead` : "", children: r.map((e, l) => /* @__PURE__ */ o(
+    Tt,
+    {
+      column: e,
+      index: l,
+      columns: r,
+      sortState: e.key ? i[e.key] : void 0,
+      onSort: a,
+      renderSortIcon: s,
+      isDragging: e.key === h,
+      draggable: c,
+      dragHandleIcon: C,
+      theme: d
+    },
+    e.key || l
+  )) }) });
+}, Nt = (t) => {
+  const { columns: r, data: i, rowKey: m, tdClass: h, tbodyClass: w, theme: c = "light" } = t, C = (a, s) => {
+    const e = {
+      textAlign: v.getTextAlign(a.align)
+    };
+    if (a.fixed === "left") {
+      let l = 0;
+      for (let n = 0; n < s; n++)
+        r[n].fixed === "left" && (l += parseInt(r[n].width || "150"));
+      e.left = `${l}px`;
+    } else if (a.fixed === "right") {
+      let l = 0;
+      for (let n = s + 1; n < r.length; n++)
+        r[n].fixed === "right" && (l += parseInt(r[n].width || "150"));
+      e.right = `${l}px`;
+    }
+    return e;
+  }, d = (a, s, e) => a.render ? a.render(s, e) : a.key ? s[a.key] : null, k = (a, s, e) => {
+    if (a.onCell)
+      return a.onCell(s, e);
+  };
+  return /* @__PURE__ */ o("tbody", { className: R(v.tbody({ theme: c }), w), children: i.map((a, s) => /* @__PURE__ */ o(
+    "tr",
+    {
+      id: t.rowIdPrefix ? `${t.rowIdPrefix}-${s}` : "",
+      className: v.tr({ theme: c }),
+      children: r.map((e, l) => {
+        const n = k(e, a, s);
+        return n === 0 ? null : /* @__PURE__ */ o(
+          "td",
+          {
+            className: v.getTdClasses({
+              theme: c,
+              fixed: e.fixed,
+              customClass: h
+            }),
+            style: C(e, l),
+            colSpan: n,
+            children: d(e, a, s)
+          },
+          e.key || l
+        );
+      })
+    },
+    a[m] || s
+  )) });
+}, Ht = (t) => {
+  let {
+    transform: r
+  } = t;
+  return {
+    ...r,
+    y: 0
+  };
+}, Wt = (t) => {
+  const {
+    columns: r,
+    data: i,
+    rowKey: m = "id",
+    theadClass: h,
+    tdClass: w,
+    tbodyClass: c,
+    renderEmpty: C,
+    onSortChange: d,
+    tableLayout: k = "auto",
+    draggable: a = !1,
+    // 默认不启用拖拽
+    onColumnsChange: s,
+    dragHandleIcon: e,
+    maxHeight: l,
+    rowIdPrefix: n
+  } = t, { theme: S } = ut(), [I, P] = L.useState(r), [f, E] = L.useState({}), [K, j] = L.useState(null), M = at(
+    X(dt, {
+      activationConstraint: {
+        distance: 8
+        // 8px 移动后才激活拖拽
+      }
+    }),
+    X(ot)
+  );
+  L.useEffect(() => {
+    P(r);
+  }, [r]);
+  const V = (b, A) => {
+    const D = f[b] || x.default;
+    let g;
+    D === x.default ? g = x.desc : D === x.desc ? g = x.asc : g = x.default;
+    const z = A || "single";
+    let N;
+    if (z === "single" ? N = { [b]: g } : (N = { ...f, [b]: g }, g === x.default && delete N[b]), E(N), d)
+      if (z === "single")
+        d({ sortKey: b, sort: g });
+      else {
+        const O = Object.entries(N).map(([W, _]) => ({
+          sortKey: W,
+          sort: _
+        }));
+        d(O);
+      }
+  }, B = (b) => {
+    j(b.active.id);
+  }, p = (b) => {
+    const { active: A, over: D } = b;
+    j(null), !(!D || A.id === D.id) && P((g) => {
+      const z = g.findIndex((W) => W.key === A.id), N = g.findIndex((W) => W.key === D.id);
+      if (z === -1 || N === -1 || g[N].fixed)
+        return g;
+      const O = bt(g, z, N);
+      return s && s(O), O;
+    });
+  }, H = I.filter((b) => !b.fixed && b.key).map((b) => b.key), $ = (() => {
+    const b = I.reduce((A, D) => {
+      if (D.width) {
+        const g = parseInt(D.width);
+        return A + (isNaN(g) ? 150 : g);
+      }
+      return A + 150;
+    }, 0);
+    return b > 0 ? `${b}px` : void 0;
+  })(), y = () => /* @__PURE__ */ o(
+    "div",
+    {
+      className: v.container({ theme: S }),
+      style: l ? { maxHeight: l, overflowX: "auto", overflowY: "auto" } : { overflowX: "auto" },
+      children: i.length > 0 ? /* @__PURE__ */ F(
+        "table",
+        {
+          className: v.table(),
+          style: {
+            tableLayout: k,
+            minWidth: k === "fixed" ? $ : void 0
+          },
+          children: [
+            /* @__PURE__ */ o(
+              Dt,
+              {
+                columns: I,
+                sortStates: f,
+                onSort: V,
+                activeId: a ? K : null,
+                theadClass: h,
+                draggable: a,
+                dragHandleIcon: e,
+                theme: S,
+                rowIdPrefix: n
+              }
+            ),
+            /* @__PURE__ */ o(
+              Nt,
+              {
+                columns: I,
+                data: i,
+                rowKey: m,
+                tdClass: w,
+                tbodyClass: c,
+                theme: S,
+                rowIdPrefix: n
+              }
+            )
+          ]
+        }
+      ) : /* @__PURE__ */ o("div", { className: v.empty({ theme: S }), children: C || "No Data" })
+    }
+  );
+  return a ? /* @__PURE__ */ o(
+    it,
+    {
+      sensors: M,
+      collisionDetection: st,
+      onDragStart: B,
+      onDragEnd: p,
+      modifiers: [Ht],
+      children: /* @__PURE__ */ o(
+        lt,
+        {
+          items: H,
+          strategy: nt,
+          children: y()
+        }
+      )
+    }
+  ) : y();
+};
+export {
+  Wt as P,
+  x as S
+};

package/dist/ProTable.es.js

@@ -1,11 +1,15 @@
-import { P as r } from "./ProTable-079d6c86.js";
-import { S as f } from "./ProTable-079d6c86.js";
-import "./jsx-runtime-82a9ddf6.js";
+"use client";
+import { P as r } from "./ProTable-7a07d8b6.js";
+import { S as u } from "./ProTable-7a07d8b6.js";
+import "react/jsx-runtime";
 import "react";
-import "./index-6ffbeca8.js";
+import "./index-c57db938.js";
+import "./clsx.m-e965ef18.js";
+import "./sortable.esm-1c13d908.js";
 import "react-dom";
+import "./useTheme-0688f238.js";
 export {
   r as ProTable,
-  f as SortEnum,
+  u as SortEnum,
   r as default
 };

package/dist/RadioButton.d.ts

@@ -0,0 +1 @@
+export * from './components/RadioButton/index'