@blofin/blofin-ui 0.7.58 → 0.7.59

package/dist/ProTable-7a07d8b6.js

@@ -1,565 +0,0 @@
-"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/RadioButton.d.ts

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

package/dist/RadioButton.es.js

@@ -1,152 +0,0 @@
-"use client";
-import { jsx as o, jsxs as f } from "react/jsx-runtime";
-import * as m from "react";
-import { u as g } from "./useTheme-0688f238.js";
-import { c as i } from "./utils-071abd68.js";
-import { c as b } from "./index-c57db938.js";
-import "./clsx.m-e965ef18.js";
-const x = b("", {
-  variants: {
-    theme: {
-      light: ["!bu-text-light-label"],
-      dark: ["!bu-text-dark-label"]
-    }
-  }
-}), v = ({
-  theme: e,
-  checked: a,
-  disabled: r
-}) => b("bu-cursor-pointer bu-select-none bu-text-sm", {
-  variants: {
-    theme: {
-      light: ["bu-text-light-label-60"],
-      dark: ["bu-text-dark-label-60"]
-    },
-    disabled: {
-      true: ["!bu-cursor-not-allowed"],
-      false: ["group-hover:bu-text-light-label"]
-    },
-    checked: {
-      true: x({ theme: e })
-    }
-  },
-  compoundVariants: [
-    {
-      theme: "light",
-      disabled: !1,
-      class: "group-hover:!bu-text-light-label"
-    },
-    {
-      theme: "dark",
-      disabled: !1,
-      class: "group-hover:!bu-text-dark-label"
-    }
-  ]
-})({ theme: e, checked: a, disabled: r }), y = b("", {
-  variants: {
-    theme: {
-      light: ["bu-bg-light-primary checked:after:bu-border-light-background"],
-      dark: ["bu-bg-dark-primary checked:after:bu-border-dark-background"]
-    }
-  }
-}), w = ({
-  theme: e,
-  arrow: a,
-  check: r,
-  disabled: t
-}) => b(
-  "bu-relative bu-h-[12px] bu-w-[12px] bu-cursor-pointer bu-appearance-none bu-rounded-full bu-border-[1px]",
-  {
-    variants: {
-      theme: {
-        light: [
-          "!bu-border-light-label-60",
-          "checked:!bu-border-light-primary",
-          "checked:after:!bu-bg-light-primary"
-        ],
-        dark: [
-          "!bu-border-dark-label-60",
-          "checked:!bu-border-dark-primary",
-          "checked:after:!bu-bg-dark-primary"
-        ]
-      },
-      arrow: {
-        circle: "bu-bg-transparent checked:after:bu-absolute checked:after:bu-left-1/2 checked:after:bu-top-1/2 checked:after:bu-block checked:after:bu-h-[6px] checked:after:bu-w-[6px] checked:after:bu--translate-x-1/2 checked:after:bu--translate-y-1/2 checked:after:bu-transform checked:after:bu-rounded-full",
-        check: "checked:after:bu-absolute checked:after:bu-left-1/2 checked:after:bu-top-[4.5px] checked:after:bu-block checked:after:bu-h-[6px] checked:after:bu-w-[4px] checked:after:bu--translate-x-1/2 checked:after:bu--translate-y-1/2 checked:after:bu-rotate-[35deg] checked:after:bu-transform checked:after:bu-border-b-[1.8px] checked:after:bu-border-r-[1.8px]"
-      },
-      check: {
-        true: y({ theme: e })
-      },
-      disabled: {
-        true: "!bu-cursor-not-allowed",
-        false: "bu-cursor-pointer"
-      }
-    },
-    compoundVariants: [
-      {
-        theme: "light",
-        disabled: !1,
-        class: "group-hover:!bu-border-light-primary"
-      },
-      {
-        theme: "dark",
-        disabled: !1,
-        class: "group-hover:!bu-border-dark-primary"
-      }
-    ]
-  }
-)({ theme: e, arrow: a, check: r, disabled: t }), $ = m.forwardRef((e, a) => {
-  const {
-    label: r,
-    theme: t,
-    id: c,
-    value: l,
-    selected: n,
-    name: k,
-    onChange: p,
-    arrow: s = "check",
-    ...d
-  } = e, u = l === n, { theme: h } = g();
-  return /* @__PURE__ */ o("div", { className: "bu-group", children: /* @__PURE__ */ f(
-    "label",
-    {
-      htmlFor: c || `bui-radiobutton-${r}`,
-      className: `${i(
-        v({
-          theme: t || h,
-          checked: !!u,
-          arrow: s,
-          disabled: d.disabled || !1
-        })
-      )} bu-flex bu-cursor-pointer bu-items-center bu-gap-[4px]`,
-      children: [
-        /* @__PURE__ */ o(
-          "input",
-          {
-            type: "radio",
-            className: i(
-              w({
-                theme: t || h,
-                arrow: s,
-                check: u,
-                disabled: d.disabled || !1
-              })
-            ),
-            id: c || `bui-radiobutton-${r}`,
-            name: k,
-            ref: a,
-            value: l,
-            ...d,
-            checked: u,
-            onChange: p
-          }
-        ),
-        /* @__PURE__ */ o("span", { className: "checkmark" }),
-        r
-      ]
-    }
-  ) });
-});
-export {
-  $ as RadioButton
-};