@blofin/blofin-ui 0.7.58 → 0.7.59

package/dist/ProTable.es.js

@@ -1,15 +1,12 @@
-"use client";
-import { P as r } from "./ProTable-7a07d8b6.js";
-import { S as u } from "./ProTable-7a07d8b6.js";
-import "react/jsx-runtime";
+import { P as r } from "./ProTable-63e2c020.js";
+import { S as s } from "./ProTable-63e2c020.js";
+import "./jsx-runtime-82a9ddf6.js";
 import "react";
-import "./index-c57db938.js";
-import "./clsx.m-e965ef18.js";
-import "./sortable.esm-1c13d908.js";
+import "./index-7272669e.js";
+import "./clsx.m-b14a941b.js";
 import "react-dom";
-import "./useTheme-0688f238.js";
 export {
   r as ProTable,
-  u as SortEnum,
+  s as SortEnum,
   r as default
 };

package/dist/Slider.es.js

@@ -1,38 +1,36 @@
-"use client";
-import { jsxs as w, jsx as g } from "react/jsx-runtime";
-import * as h from "react";
-import { u as I } from "./useTheme-0688f238.js";
-import { c as k } from "./utils-071abd68.js";
-import { c as m } from "./index-c57db938.js";
-import "./clsx.m-e965ef18.js";
-const J = "_rail_ku8lc_8", K = "_track_ku8lc_16", Q = "_mark_ku8lc_24", U = "_tooltip_ku8lc_62", W = "_thumb_ku8lc_59", Y = "_disabled_ku8lc_93", u = {
+import { j as c } from "./jsx-runtime-82a9ddf6.js";
+import { forwardRef as J, useRef as E, useMemo as L, useState as K, useCallback as R } from "react";
+import { u as Q } from "./clsx.m-b14a941b.js";
+import { c as g } from "./utils-cacf528c.js";
+import { c as m } from "./index-7272669e.js";
+const U = "_rail_ku8lc_8", W = "_track_ku8lc_16", Y = "_mark_ku8lc_24", Z = "_tooltip_ku8lc_62", tt = "_thumb_ku8lc_59", et = "_disabled_ku8lc_93", d = {
   "slider-container": "_slider-container_ku8lc_1",
   "slider-content": "_slider-content_ku8lc_5",
-  rail: J,
-  track: K,
+  rail: U,
+  track: W,
   "mark-container": "_mark-container_ku8lc_24",
-  mark: Q,
+  mark: Y,
   "mark-label": "_mark-label_ku8lc_47",
   "thumb-container": "_thumb-container_ku8lc_59",
-  tooltip: U,
-  thumb: W,
+  tooltip: Z,
+  thumb: tt,
   "tooltip-drag": "_tooltip-drag_ku8lc_89",
-  disabled: Y
-}, Z = m("", {
+  disabled: et
+}, rt = m("", {
   variants: {
     theme: {
       light: ["bu-bg-light-line-secondary"],
       dark: ["bu-bg-dark-line-secondary"]
     }
   }
-}), ee = m("", {
+}), at = m("", {
   variants: {
     theme: {
       light: ["bu-bg-light-primary"],
       dark: ["bu-bg-dark-primary"]
     }
   }
-}), te = m("", {
+}), nt = m("", {
   variants: {
     theme: {
       light: ["bu-bg-light-label-60"],
@@ -55,7 +53,7 @@ const J = "_rail_ku8lc_8", K = "_track_ku8lc_16", Q = "_mark_ku8lc_24", U = "_to
       class: "bu-bg-dark-fill-secondary"
     }
   ]
-}), re = m("", {
+}), lt = m("", {
   variants: {
     theme: {
       light: ["bu-border-light-line-secondary bu-bg-light-background"],
@@ -78,28 +76,28 @@ const J = "_rail_ku8lc_8", K = "_track_ku8lc_16", Q = "_mark_ku8lc_24", U = "_to
       class: ["!bu-border-transparent !bu-bg-transparent"]
     }
   ]
-}), ae = m("bu-transition-colors", {
+}), st = m("bu-transition-colors", {
   variants: {
     theme: {
       light: ["bu-border-light-primary"],
       dark: ["bu-border-dark-primary"]
     }
   }
-}), ne = m("", {
+}), it = m("", {
   variants: {
     theme: {
       light: ["bu-text-light-label-60"],
       dark: ["bu-text-dark-label-60"]
     }
   }
-}), le = m("", {
+}), ot = m("", {
   variants: {
     theme: {
       light: ["bu-border-light-primary bu-bg-light-background"],
       dark: ["bu-border-dark-primary bu-bg-dark-background"]
     }
   }
-}), j = m("", {
+}), B = m("", {
   variants: {
     theme: {
       light: ["!bu-border-light-label-60 bu-bg-light-background"],
@@ -122,7 +120,7 @@ const J = "_rail_ku8lc_8", K = "_track_ku8lc_16", Q = "_mark_ku8lc_24", U = "_to
       class: "bu-bg-dark-fill-tertiary"
     }
   ]
-}), ie = m("after:border", {
+}), ct = m("after:border", {
   variants: {
     theme: {
       light: [
@@ -134,192 +132,193 @@ const J = "_rail_ku8lc_8", K = "_track_ku8lc_16", Q = "_mark_ku8lc_24", U = "_to
     }
   }
 });
-function F(a, e, r) {
-  return Math.max(e, Math.min(a, r));
+function F(a, t, r) {
+  return Math.max(t, Math.min(a, r));
 }
-function A(a, e, r, n) {
-  return r === e ? 0 : ((a - e) / (r - e) * 100).toFixed(n);
+function A(a, t, r, n) {
+  return r === t ? 0 : ((a - t) / (r - t) * 100).toFixed(n);
 }
-function se(a) {
-  const e = a.toString();
-  return e.indexOf(".") === -1 ? 0 : e.split(".")[1].length;
+function ut(a) {
+  const t = a.toString();
+  return t.indexOf(".") === -1 ? 0 : t.split(".")[1].length;
 }
-function X(a, e, r, n, i, b, d) {
-  if (i === n)
-    return e;
-  let c = (a - n) / (i - n);
-  c = F(c, 0, 1);
-  let s = e + c * (r - e);
-  return s = Math.round((s - e) / b) * b + e, s = Number(s.toFixed(d)), F(s, e, r);
+function X(a, t, r, n, s, h, b) {
+  if (s === n)
+    return t;
+  let u = (a - n) / (s - n);
+  u = F(u, 0, 1);
+  let i = t + u * (r - t);
+  return i = Math.round((i - t) / h) * h + t, i = Number(i.toFixed(b)), F(i, t, r);
 }
-const oe = (a, e, r) => a ? k(le({ theme: r || e }), "thumb-drag") : j({ theme: r || e }), ce = (a, e, r, n) => a ? k(ee({ theme: n || e }), "track-drag") : te({ theme: n || e, disabled: r }), ue = (a, e, r, n, i) => k(
-  re({ theme: i || e, current: n === a }),
-  n > a ? r ? k(ae({ theme: i || e }), "mark-drag") : j({ theme: i || e }) : ""
-), ke = h.forwardRef((a, e) => {
+const dt = (a, t, r) => a ? g(ot({ theme: r || t }), "thumb-drag") : B({ theme: r || t }), bt = (a, t, r, n) => a ? g(at({ theme: n || t }), "track-drag") : nt({ theme: n || t, disabled: r }), ht = (a, t, r, n, s) => g(
+  lt({ theme: s || t, current: n === a }),
+  n > a ? r ? g(st({ theme: s || t }), "mark-drag") : B({ theme: s || t }) : ""
+), vt = J((a, t) => {
   const {
     value: r,
     onSliderChange: n,
-    onDragEnd: i,
-    theme: b,
-    id: d,
-    min: c = 0,
-    max: s = 100,
-    step: p = 1,
-    marks: S = [0, 25, 50, 75, 100],
-    labels: V = [],
-    className: B,
-    renderLabel: C = (t) => `${t}%`,
-    disabled: _ = !1,
-    showTooltip: O = !0
-  } = a, { theme: v } = I(), D = h.useRef(null), q = h.useMemo(() => {
-    const t = Array.from(new Set(S.concat(V))).sort((l, f) => l - f), o = [];
-    return t.forEach((l) => {
-      l >= c && l <= s && o.push({
+    onDragEnd: s,
+    theme: h,
+    id: b,
+    min: u = 0,
+    max: i = 100,
+    step: k = 1,
+    marks: x = [0, 25, 50, 75, 100],
+    labels: M = [],
+    className: O,
+    renderLabel: V = (e) => `${e}%`,
+    disabled: p = !1,
+    showTooltip: q = !0
+  } = a, { theme: f } = Q(), w = E(null), z = L(() => {
+    const e = Array.from(new Set(x.concat(M))).sort((l, _) => l - _), o = [];
+    return e.forEach((l) => {
+      l >= u && l <= i && o.push({
         value: l,
-        showLabel: V.includes(l),
-        showMark: S.includes(l) || l === c || l === s
+        showLabel: M.includes(l),
+        showMark: x.includes(l) || l === u || l === i
       });
     }), o;
-  }, [S, c, s, p, V]), N = h.useRef(!1), [M, T] = h.useState(!1), y = h.useMemo(() => se(p), [p]), P = h.useCallback(
-    (t) => {
-      var $;
-      t.stopPropagation(), t.preventDefault();
-      const o = ($ = D.current) == null ? void 0 : $.getBoundingClientRect();
+  }, [x, u, i, k, M]), j = E(!1), [$, D] = K(!1), v = L(() => ut(k), [k]), N = R(
+    (e) => {
+      var y;
+      e.stopPropagation(), e.preventDefault();
+      const o = (y = w.current) == null ? void 0 : y.getBoundingClientRect();
       if (!o)
         return;
-      const { left: l, right: f } = o, x = X(
-        t.clientX,
-        c,
-        s,
+      const { left: l, right: _ } = o, S = X(
+        e.clientX,
+        u,
+        i,
         l,
-        f,
-        p,
-        y
+        _,
+        k,
+        v
       );
-      n(x);
+      n(S);
     },
-    [c, s, p, n, y]
-  ), R = h.useCallback(
-    (t) => {
-      N.current && P(t);
+    [u, i, k, n, v]
+  ), C = R(
+    (e) => {
+      j.current && N(e);
     },
-    [P]
-  ), z = (t) => {
-    t.stopPropagation(), t.preventDefault(), document.activeElement.blur(), N.current = !0, T(!0), document.addEventListener(
+    [N]
+  ), G = (e) => {
+    e.stopPropagation(), e.preventDefault(), document.activeElement.blur(), j.current = !0, D(!0), document.addEventListener(
       "mouseup",
       () => {
-        N.current = !1, T(!1), document.removeEventListener("mousemove", R), i && i(r);
+        j.current = !1, D(!1), document.removeEventListener("mousemove", C), s && s(r);
       },
       { once: !0 }
-    ), document.addEventListener("mousemove", R);
-  }, G = (t, o) => {
-    t.stopPropagation(), n(o), i && i(o);
-  }, H = (t) => {
-    var E;
-    const o = (E = D.current) == null ? void 0 : E.getBoundingClientRect();
+    ), document.addEventListener("mousemove", C);
+  }, H = (e, o) => {
+    e.stopPropagation(), n(o), s && s(o);
+  }, I = (e) => {
+    var P;
+    const o = (P = w.current) == null ? void 0 : P.getBoundingClientRect();
     if (!o)
       return;
-    const { left: l, right: f } = o, x = t.clientX, $ = X(x, c, s, l, f, p, y);
-    n($), i && i($);
-  }, L = A(r, c, s, y);
-  return /* @__PURE__ */ w(
+    const { left: l, right: _ } = o, S = e.clientX, y = X(S, u, i, l, _, k, v);
+    n(y), s && s(y);
+  }, T = A(r, u, i, v);
+  return /* @__PURE__ */ c.jsxs(
     "div",
     {
-      id: d ? `${d}-slider-container` : "",
-      className: k(u["slider-container"], _ && u.disabled, B),
+      id: b ? `${b}-slider-container` : "",
+      className: g(d["slider-container"], p && d.disabled, O),
       children: [
-        /* @__PURE__ */ w("div", { className: u["slider-content"], children: [
-          /* @__PURE__ */ g(
+        /* @__PURE__ */ c.jsxs("div", { className: d["slider-content"], children: [
+          /* @__PURE__ */ c.jsx(
             "div",
             {
-              ref: D,
-              className: `${u.rail} ${k(Z({ theme: b || v }))} rail`
+              ref: w,
+              className: `${d.rail} ${g(rt({ theme: h || f }))} rail`
             }
           ),
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ c.jsx(
             "div",
             {
-              className: `${u.track} ${ce(
-                M,
-                v,
-                _,
-                b
+              className: `${d.track} ${bt(
+                $,
+                f,
+                p,
+                h
               )} track`,
-              style: { width: `${L}%` }
+              style: { width: `${T}%` }
             }
           ),
-          /* @__PURE__ */ g(
+          /* @__PURE__ */ c.jsx(
             "div",
             {
-              id: d ? `${d}-mark-container` : "",
-              className: `${u["mark-container"]} mark-container`,
-              onClick: _ ? void 0 : H,
-              children: q.map((t, o) => {
-                const l = A(t.value, c, s, y);
-                return /* @__PURE__ */ w(h.Fragment, { children: [
-                  t.showMark && /* @__PURE__ */ g(
+              id: b ? `${b}-mark-container` : "",
+              className: `${d["mark-container"]} mark-container`,
+              onClick: p ? void 0 : I,
+              children: z.map((e) => {
+                const o = A(e.value, u, i, v);
+                return /* @__PURE__ */ c.jsxs(c.Fragment, { children: [
+                  e.showMark && /* @__PURE__ */ c.jsx(
                     "div",
                     {
-                      className: `${u.mark} ${ue(
-                        t.value,
-                        v,
-                        M,
+                      className: `${d.mark} ${ht(
+                        e.value,
+                        f,
+                        $,
                         r,
-                        b
-                      )} mark ${t.value < r ? "mark-active" : ""}`,
-                      style: { left: `${l}%` },
-                      onClick: (f) => _ ? void 0 : G(f, t.value)
-                    }
+                        h
+                      )} mark ${e.value < r ? "mark-active" : ""}`,
+                      style: { left: `${o}%` },
+                      onClick: (l) => p ? void 0 : H(l, e.value)
+                    },
+                    e.value
                   ),
-                  t.showLabel && /* @__PURE__ */ g(
+                  e.showLabel && /* @__PURE__ */ c.jsx(
                     "span",
                     {
-                      className: `${u["mark-label"]} ${k(
-                        ne({ theme: b || v })
-                      )} mark-label ${t.value <= r ? "mark-label-active" : ""}`,
-                      style: { left: `${l}%` },
-                      children: C(t.value)
+                      className: `${d["mark-label"]} ${g(
+                        it({ theme: h || f })
+                      )} mark-label ${e.value <= r ? "mark-label-active" : ""}`,
+                      style: { left: `${o}%` },
+                      children: V(e.value)
                     }
                   )
-                ] }, t.value ?? o);
+                ] });
               })
             }
           ),
-          /* @__PURE__ */ w(
+          /* @__PURE__ */ c.jsxs(
             "div",
             {
-              id: d ? `${d}-thumb-container` : "",
-              className: `${u["thumb-container"]} thumb-container`,
+              id: b ? `${b}-thumb-container` : "",
+              className: `${d["thumb-container"]} thumb-container`,
               style: {
-                left: `${L}%`
+                left: `${T}%`
               },
               children: [
-                O && /* @__PURE__ */ g(
+                q && /* @__PURE__ */ c.jsx(
                   "div",
                   {
-                    className: `${u.tooltip} ${M ? u["tooltip-drag"] : ""} ${k(
-                      ie({ theme: b || v })
+                    className: `${d.tooltip} ${$ ? d["tooltip-drag"] : ""} ${g(
+                      ct({ theme: h || f })
                     )}`,
-                    children: C(r)
+                    children: V(r)
                   }
                 ),
-                /* @__PURE__ */ g(
+                /* @__PURE__ */ c.jsx(
                   "div",
                   {
-                    id: d ? `${d}-thumb` : "",
-                    className: `${u.thumb} ${oe(M, v, b)} thumb`,
-                    onMouseDown: _ ? void 0 : z
+                    id: b ? `${b}-thumb` : "",
+                    className: `${d.thumb} ${dt($, f, h)} thumb`,
+                    onMouseDown: p ? void 0 : G
                   }
                 )
               ]
             }
           )
         ] }),
-        /* @__PURE__ */ g("input", { type: "hidden", value: r, ref: e })
+        /* @__PURE__ */ c.jsx("input", { type: "hidden", value: r, ref: t })
       ]
     }
   );
 });
 export {
-  ke as Slider
+  vt as Slider
 };

package/dist/Sort.es.js

@@ -1,146 +1,12 @@
-"use client";
-import { jsx as i, jsxs as x } from "react/jsx-runtime";
-import { S as B } from "./arrow-down-011b02c7.js";
-import * as a from "react";
-import { createContext as I } from "react";
-import { k as M } from "./helper-221987f8.js";
-import { u as N } from "./useTheme-0688f238.js";
-import { c as R } from "./clsx.m-e965ef18.js";
-const H = (s) => /* @__PURE__ */ a.createElement("svg", { width: 11, height: 6, viewBox: "0 0 11 6", fill: "currentColor", xmlns: "http://www.w3.org/2000/svg", ...s }, /* @__PURE__ */ a.createElement("path", { d: "M9.5 4.19995V5.79995H1.5V4.19995L5.5 0.199951L9.5 4.19995Z", fill: "currentColor", fillOpacity: 1 }));
-var t = /* @__PURE__ */ ((s) => (s.default = "default", s.desc = "desc", s.asc = "asc", s))(t || {});
-const k = {
-  type: "single",
-  sorts: []
-}, S = I({
-  state: k,
-  dispatch: () => {
-  }
-}), L = (s, e) => {
-  switch (e.type) {
-    case "changeSort":
-      if (s.sorts.findIndex((r) => r.sort === e.payload.sort) === -1) {
-        const r = s.type === "single" ? [e.payload] : [...s.sorts, e.payload];
-        return e.success && e.success(r), {
-          type: s.type,
-          sorts: r
-        };
-      } else {
-        const r = s.sorts.map((c) => c.sort === e.payload.sort ? {
-          ...c,
-          sortType: e.payload.sortType
-        } : c);
-        return e.success && e.success(r), {
-          type: s.type,
-          sorts: r
-        };
-      }
-    case "restSort":
-      return e.reset && e.reset(), {
-        ...s,
-        sorts: []
-      };
-    default:
-      return s;
-  }
-}, V = "_icon_ok1zd_8", p = {
-  "sort-wrap": "_sort-wrap_ok1zd_1",
-  icon: V,
-  "sort-wrap-light": "_sort-wrap-light_ok1zd_15",
-  "sort-active": "_sort-active_ok1zd_18",
-  "sort-wrap-dark": "_sort-wrap-dark_ok1zd_21"
-}, b = ({
-  children: s,
-  onSortChange: e,
-  sortKey: o,
-  hideSort: r = !1,
-  textAlign: c = "center",
-  width: f = "100%",
-  iconStyle: y,
-  theme: z
-}) => {
-  var T, _;
-  const { theme: C } = N(), $ = z || C, { state: j, dispatch: h } = a.useContext(S), { sorts: d, type: v } = j, w = a.useMemo(() => d.length > 0 ? d.map((u) => u.sort) : [], [d]), m = a.useMemo(() => M(d, "sort"), [d]);
-  return /* @__PURE__ */ i("div", { style: { justifyContent: c, width: f }, children: /* @__PURE__ */ x(
-    "div",
-    {
-      onClick: () => {
-        if (r)
-          return;
-        const u = m[o];
-        if (u) {
-          let l = t.default;
-          u.sortType === t.desc ? l = t.asc : u.sortType === t.asc ? l = t.default : l = t.desc, h({
-            type: "changeSort",
-            payload: { sort: o, sortType: l },
-            success: (n) => {
-              e(v === "single" ? {
-                sortKey: n[0].sort,
-                sort: n[0].sortType
-              } : n.map((g) => ({
-                sortKey: g.sort,
-                sort: g.sortType
-              })));
-            }
-          });
-        } else
-          h({
-            type: "changeSort",
-            payload: { sort: o, sortType: t.desc },
-            success: (l) => {
-              e(v === "single" ? {
-                sortKey: l[0].sort,
-                sort: l[0].sortType
-              } : l.map((n) => ({
-                sortKey: n.sort,
-                sort: n.sortType
-              })));
-            }
-          });
-      },
-      style: {
-        cursor: r ? "default" : "pointer",
-        display: "flex",
-        alignItems: "center",
-        justifyContent: c
-      },
-      children: [
-        s,
-        !r && /* @__PURE__ */ x("div", { className: R(p["sort-wrap"], p[`sort-wrap-${$}`]), children: [
-          /* @__PURE__ */ i(
-            H,
-            {
-              style: y,
-              className: `${p.icon} ${((T = m[o]) == null ? void 0 : T.sortType) === t.asc && w.includes(o) && p["sort-active"]}`
-            }
-          ),
-          /* @__PURE__ */ i(
-            B,
-            {
-              style: y,
-              className: `${p.icon} ${((_ = m[o]) == null ? void 0 : _.sortType) === t.desc && w.includes(o) && p["sort-active"]}`
-            }
-          )
-        ] })
-      ]
-    }
-  ) });
-}, q = a.forwardRef(
-  ({ children: s, type: e = "single" }, o) => {
-    const [r, c] = a.useReducer(L, { ...k, type: e }), f = (y) => {
-      c({
-        type: "restSort",
-        payload: { sort: "", sortType: t.default },
-        reset: () => {
-          y();
-        }
-      });
-    };
-    return a.useImperativeHandle(o, () => ({
-      restSort: f
-    })), /* @__PURE__ */ i(S.Provider, { value: { state: r, dispatch: c }, children: s });
-  }
-);
+import { b as e, C as m, d as p, a as S, c as u, r as i } from "./index-95c68eda.js";
+import "./jsx-runtime-82a9ddf6.js";
+import "react";
+import "./clsx.m-b14a941b.js";
 export {
-  b as SortButton,
-  q as SortGroup
+  e as SortButton,
+  m as SortContext,
+  p as SortEnum,
+  S as SortGroup,
+  u as State,
+  i as reducer
 };