@0xchain/table 1.1.0-beta.15 → 1.1.0-beta.17

package/dist/index.js

@@ -2,7 +2,7 @@
 import { jsx as e, jsxs as l } from "react/jsx-runtime";
 import { Table as ie, TableHeader as ce, TableRow as E, TableHead as de, TableBody as me, TableCell as K } from "@0xchain/ui/table";
 import * as Z from "react";
-import he, { useState as y, useEffect as z } from "react";
+import he, { useState as w, useEffect as z } from "react";
 import { startOfDay as q, endOfDay as X } from "date-fns";
 import { twMerge as v } from "tailwind-merge";
 import { DatePicker as ue } from "antd";
@@ -27,8 +27,8 @@ import S from "@0xchain/translation";
 import _ from "@0xchain/request";
 import { useParams as ee } from "next/navigation";
 import { Checkbox as te } from "@0xchain/ui/checkbox";
-import { useDebounceFn as ye } from "ahooks";
-import we from "@0xchain/empty";
+import { useDebounceFn as we } from "ahooks";
+import ye from "@0xchain/empty";
 import ke from "@0xchain/loading";
 const Ne = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgB7ZPhDcIgEIUP0wEcQTdwAxjBERzBDcSJdAPbDdwANznBQnIih6TQP02/hJDmwb274wqwaBDRuDVVd3TksLKbivSd1zRzn9PvQognzeSA7VG0gqPfe7sGksnF71dIk9IljJ1QPt5YonfV9HZIhQme1ONYHeR5Vep5A/tQ+xo9ZSCRn5hSZM5Awe+oVhEb9PA9RVMIU5Q0GGxfNVTgW6zC9yZz0EQ/jinRYliDVrBjmhvBkvEMzF7B+gZ/mb2CD7aHZ2zPiRps7bphOx4uJiyCNyogpaxjuzr+AAAAAElFTkSuQmCC";
 function ve({
@@ -36,7 +36,7 @@ function ve({
   onChange: i,
   ...c
 }) {
-  const m = xe(), [A, w] = Z.useState(!1), k = Z.useRef(null), [b, g] = Z.useState(null), d = {
+  const m = xe(), [A, y] = Z.useState(!1), k = Z.useRef(null), [b, g] = Z.useState(null), d = {
     en: fe,
     "zh-hans": pe,
     "zh-hant": Ae,
@@ -60,9 +60,9 @@ function ve({
     const [h, p] = o, x = h ? q(h.toDate()) : void 0, T = p ? X(p.toDate()) : void 0;
     i(x ? Math.floor(x.getTime() / 1e3) : "", T ? Math.floor(T.getTime() / 1e3) : ""), N();
   }, N = () => {
-    w(!1);
+    y(!1);
   }, R = (o) => {
-    o ? w(!0) : C(b);
+    o ? y(!0) : C(b);
   }, B = (o) => {
     if (!o) {
       g(null);
@@ -99,7 +99,7 @@ function ve({
 }
 const Ce = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADZSURBVHgB7ZTbDcIwDEVvUAfoCN2AjsAI3YBu0jABGYER2KAjABPABrBBcMARFkjNo/krR7IaWfZ1nDoB/gRQfmGt7enToAw3pdThu4BFQajAS7sSvh3ZwOsj2QVprMk6ofULNWHsmytZg0hcLOc4TCh4FEVqhMVrIT6idELqhnySbHk/ETfkHKlPbsnuLDBMiLuYFjm4u2E/bIW/E/4ecyABLXZa8/H5zjRKQEInFtywxU0MsUIcD2QSWyCb5RVInvcqMs7/ZHerzygNz74Wz0f0mM4pZLAInpppFh6wLb8LAAAAAElFTkSuQmCC";
 function je({ onChange: a, filterKey: i }) {
-  const [c, m] = y(!1), A = J("common"), [w, k] = y(""), [b, g] = y(""), [d, f] = y([0.01, 1e10]), C = (p) => {
+  const [c, m] = w(!1), A = J("common"), [y, k] = w(""), [b, g] = w(""), [d, f] = w([0.01, 1e10]), C = (p) => {
     f(p), k(p[0].toString()), g(p[1].toString());
   }, N = (p) => {
     const x = p.target.value;
@@ -116,7 +116,7 @@ function je({ onChange: a, filterKey: i }) {
       f([d[0], T]);
     }
   }, B = () => {
-    a(w, b), m(!1);
+    a(y, b), m(!1);
   }, n = () => {
     m(!1);
   }, o = (p) => {
@@ -134,7 +134,7 @@ function je({ onChange: a, filterKey: i }) {
       /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between gap-2 py-3", children: [
         /* @__PURE__ */ l("fieldset", { className: "w-1/2 h-full", children: [
           /* @__PURE__ */ e("label", { className: "w-full h-full text-sm", children: /* @__PURE__ */ e(S, { value: "form", parentKey: "common.filter.amount" }) }),
-          /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]{0,8}", onBlur: o, placeholder: A("filter.amount.min"), className: "w-full h-full bg-card text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: w, onChange: N })
+          /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]{0,8}", onBlur: o, placeholder: A("filter.amount.min"), className: "w-full h-full bg-card text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: y, onChange: N })
         ] }),
         /* @__PURE__ */ l("fieldset", { className: "w-1/2 h-full", children: [
           /* @__PURE__ */ e("label", { className: "w-full h-full text-sm", children: /* @__PURE__ */ e(S, { value: "to", parentKey: "common.filter.amount" }) }),
@@ -172,9 +172,9 @@ function je({ onChange: a, filterKey: i }) {
 }
 const H = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFFSURBVHgB5VVRccMwDFV2A+AxCIOZwQyhDGYGC4OGQcegYzAIgZANgcsgY6DJd9Kquk4Te9ef9t3pkpOf/CTFigHuAojoyPZkAY+YyAYyD/8BbdDyRksIVWIU9MrZStY9mSUzvB7fPdmoxLYlAlYFvsvGF/hdsRAee98rn+PWSXWjbhGvC9ySgJc+Z3w57BWvZ9+wJBKYuMkE/7WOhUOSjFGVujmBlglTbi3jM5h8L04kokv5j/xs+fmVEpqmOWR8P3AOiX1OFx4SkQNcASIimT1BPcySiJT6AvWQNn3PMtTpclABFW8vkeS4jlAusF07J0Zls4P1Anri7ZoAq4Zql5uRhP+m+AOsRZx4FRgr63SGPLhx6gc8R9HfuMXTi2oOEyfhq4RYLPb7A0/vjkD2yZsbxa0XKkxKC3m4Fvibxso3cHP4BWMxfN1YKiXJAAAAAElFTkSuQmCC";
 function Re({ onChange: a }) {
-  const [i, c] = y(!1), m = J("common"), [A, w] = y(""), k = (d) => {
+  const [i, c] = w(!1), m = J("common"), [A, y] = w(""), k = (d) => {
     const f = d.target.value;
-    (f === "" || /^[a-zA-Z0-9]*$/.test(f)) && w(f);
+    (f === "" || /^[a-zA-Z0-9]*$/.test(f)) && y(f);
   }, b = () => {
     a(A), c(!1);
   }, g = () => {
@@ -194,7 +194,7 @@ function Re({ onChange: a }) {
         ] })
       ] }),
       /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
-        /* @__PURE__ */ e("button", { className: "bg-card text-foreground text-sm px-3 py-1 border border-gray-300 rounded ml-3 cursor-pointer", onClick: g, children: m("button.cancel") }),
+        /* @__PURE__ */ e("button", { className: "bg-card text-foreground text-sm px-3 py-1 border rounded ml-3 cursor-pointer", onClick: g, children: m("button.cancel") }),
         /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: b, children: m("button.confirm") })
       ] })
     ] }) })
@@ -208,16 +208,16 @@ const Be = (a) => _.get("/api/v2/tokens/hot-list", { params: { ...a, limit: 100,
   }
 });
 function Te({ onChange: a }) {
-  const { chain: i } = ee(), c = J("common.filter.amount"), [m, A] = y(!1), [w, k] = y(""), [b, g] = y([]), [d, f] = y([]), C = () => {
+  const { chain: i } = ee(), c = J("common.filter.amount"), [m, A] = w(!1), [y, k] = w(""), [b, g] = w([]), [d, f] = w([]), C = () => {
     A(!1);
   }, N = () => {
     a(d), A(!1);
   }, R = (n) => {
     d.some((o) => o.tokenAddress === n.tokenAddress) ? f(d.filter((o) => o.tokenAddress !== n.tokenAddress)) : f([...d, n]);
-  }, B = ye(async () => {
+  }, B = we(async () => {
     const n = await Be({
       chain: i,
-      text: w,
+      text: y,
       limit: 100,
       page: 1
     });
@@ -225,7 +225,7 @@ function Te({ onChange: a }) {
   }, { wait: 300 });
   return z(() => {
     B.run();
-  }, [i, w]), /* @__PURE__ */ l(O, { open: m, onOpenChange: A, children: [
+  }, [i, y]), /* @__PURE__ */ l(O, { open: m, onOpenChange: A, children: [
     /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
     /* @__PURE__ */ l(Q, { className: "py-5 bg-card", children: [
       /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
@@ -235,7 +235,7 @@ function Te({ onChange: a }) {
         ] }),
         /* @__PURE__ */ l("div", { className: "w-full relative text-sm py-3", children: [
           /* @__PURE__ */ e(V, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
-          /* @__PURE__ */ e("input", { type: "text", placeholder: c("label"), className: "pl-6 w-full h-full bg-card text-sm border border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: w, onChange: (n) => k(n.target.value) })
+          /* @__PURE__ */ e("input", { type: "text", placeholder: c("label"), className: "pl-6 w-full h-full bg-card text-sm border border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: y, onChange: (n) => k(n.target.value) })
         ] })
       ] }),
       /* @__PURE__ */ e("ul", { className: "max-h-30 min-h-30 overflow-y-auto overflow-x-hidden w-full", children: b == null ? void 0 : b.map((n, o) => /* @__PURE__ */ l("li", { className: "flex h-10 flex-row items-center gap-3 hover:bg-background hover:rounded-sm p-2 cursor-pointer overflow-hidden", onClick: () => R(n), children: [
@@ -248,14 +248,14 @@ function Te({ onChange: a }) {
         /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(te, { className: v("w-4 h-4 cursor-pointer border border-gray-300 rounded-sm", d.some((h) => h.tokenAddress === n.tokenAddress) ? "bg-primary" : "bg-card"), checked: d.some((h) => h.tokenAddress === n.tokenAddress) }) })
       ] }, o)) }),
       /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
-        /* @__PURE__ */ e("button", { className: "bg-card text-foreground text-sm px-3 py-1 border border-gray-300 rounded ml-3 cursor-pointer", onClick: C, children: /* @__PURE__ */ e(S, { value: "button.cancel", parentKey: "common" }) }),
+        /* @__PURE__ */ e("button", { className: "bg-card text-foreground text-sm px-3 py-1 border rounded ml-3 cursor-pointer", onClick: C, children: /* @__PURE__ */ e(S, { value: "button.cancel", parentKey: "common" }) }),
         /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: N, children: /* @__PURE__ */ e(S, { value: "button.confirm", parentKey: "common" }) })
       ] })
     ] })
   ] });
 }
 function De({ onChange: a }) {
-  const { chain: i = "" } = ee(), c = J("common.filter.amount"), [m, A] = y(!1), [w, k] = y(""), [b, g] = y([]), [d, f] = y([]), C = () => {
+  const { chain: i = "" } = ee(), c = J("common.filter.amount"), [m, A] = w(!1), [y, k] = w(""), [b, g] = w([]), [d, f] = w([]), C = () => {
     a([]), k(""), f([]), A(!1);
   }, N = () => {
     a(d), A(!1);
@@ -263,12 +263,12 @@ function De({ onChange: a }) {
     d.some((o) => o.tokenAddress === n.tokenAddress) ? f(d.filter((o) => o.tokenAddress !== n.tokenAddress)) : f([...d, n]);
   }, B = async () => {
     var o;
-    const n = await Se(w);
+    const n = await Se(y);
     g(((o = n == null ? void 0 : n.data) == null ? void 0 : o.content) || []);
   };
   return z(() => {
     B();
-  }, [i, w]), /* @__PURE__ */ l(O, { open: m, onOpenChange: A, children: [
+  }, [i, y]), /* @__PURE__ */ l(O, { open: m, onOpenChange: A, children: [
     /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
     /* @__PURE__ */ l(Q, { className: "py-5 bg-card", children: [
       /* @__PURE__ */ l("div", { className: "w-full h-full bg-card", children: [
@@ -278,7 +278,7 @@ function De({ onChange: a }) {
         ] }),
         /* @__PURE__ */ l("div", { className: "w-full relative bg-card text-sm py-3", children: [
           /* @__PURE__ */ e(V, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
-          /* @__PURE__ */ e("input", { type: "text", placeholder: c("label"), className: "pl-6 w-full h-full bg-card text-sm border border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: w, onChange: (n) => k(n.target.value) })
+          /* @__PURE__ */ e("input", { type: "text", placeholder: c("label"), className: "pl-6 w-full h-full bg-card text-sm border border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: y, onChange: (n) => k(n.target.value) })
         ] })
       ] }),
       /* @__PURE__ */ e("ul", { className: "max-h-50 min-h-25 overflow-y-auto overflow-x-hidden w-full", children: b == null ? void 0 : b.map((n, o) => /* @__PURE__ */ l("li", { className: "flex h-10 flex-row items-center gap-3 hover:bg-background hover:rounded-sm p-2 cursor-pointer overflow-hidden", onClick: () => R(n), children: [
@@ -287,7 +287,7 @@ function De({ onChange: a }) {
         /* @__PURE__ */ e("div", { className: "shrink-0", children: /* @__PURE__ */ e(te, { className: v("w-4 h-4 cursor-pointer border border-gray-300 rounded-sm", d.some((h) => h.tokenAddress === n.tokenAddress) ? "bg-primary" : "bg-white"), checked: d.some((h) => h.tokenAddress === n.tokenAddress) }) })
       ] }, o)) }),
       /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
-        /* @__PURE__ */ e("button", { className: "bg-card text-foreground text-sm px-3 py-1 border border-gray-300 rounded ml-3 cursor-pointer", onClick: C, children: /* @__PURE__ */ e(S, { value: "button.cancel", parentKey: "common" }) }),
+        /* @__PURE__ */ e("button", { className: "bg-card text-foreground text-sm px-3 py-1 border rounded ml-3 cursor-pointer", onClick: C, children: /* @__PURE__ */ e(S, { value: "button.cancel", parentKey: "common" }) }),
         /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: N, children: /* @__PURE__ */ e(S, { value: "button.confirm", parentKey: "common" }) })
       ] })
     ] })
@@ -301,8 +301,8 @@ const Pe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAA
     c === "timestamp" ? (i.filters.startTime = a.timestamp.start, i.filters.endTime = a.timestamp.end) : c === "fromAddress" ? i.filters.fromAddress = a.fromAddress.address : c === "toAddress" ? i.filters.toAddress = a.toAddress.address : c === "valueUsd" ? (i.filters.minValueUsd = a.valueUsd.min, i.filters.maxValueUsd = a.valueUsd.max) : c === "amount" ? (i.filters.minAmount = a.amount.min, i.filters.maxAmount = a.amount.max) : c === "token" ? i.filters.tokenList = a.token.map((m) => m.tokenAddress) : c === "tokenSearch" ? i.filters.tokenList = a.tokenSearch.map((m) => m.tokenAddress) : c === "inputAmount" ? (i.filters.minInputAmount = a.inputAmount.min, i.filters.maxInputAmount = a.inputAmount.max) : c === "outputAmount" ? (i.filters.minOutputAmount = a.outputAmount.min, i.filters.maxOutputAmount = a.outputAmount.max) : c === "fee" && (i.filters.minFee = a.fee.min, i.filters.maxFee = a.fee.max);
   }), i.filters;
 };
-function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClassName: A, tableClassName: w, showHeader: k = !0, renderChildren: b, onFilterChange: g, loading: d, onSortChange: f, defaultOrder: C, defaultSortKey: N, emptyClassName: R, ...B }) {
-  const [n, o] = y(null), [h, p] = y({}), [x, T] = y(N || null), [L, re] = y(C || null), I = (t, r) => {
+function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClassName: A, tableClassName: y, showHeader: k = !0, renderChildren: b, onFilterChange: g, loading: d, onSortChange: f, defaultOrder: C, defaultSortKey: N, emptyClassName: R, ...B }) {
+  const [n, o] = w(null), [h, p] = w({}), [x, T] = w(N || null), [L, re] = w(C || null), I = (t, r) => {
     o((s) => ({
       ...s,
       [t]: r
@@ -389,7 +389,7 @@ function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClas
         )
       ] }, t.key);
     }) }),
-    /* @__PURE__ */ l(ie, { className: v("", w), children: [
+    /* @__PURE__ */ l(ie, { className: v("", y), children: [
       k && /* @__PURE__ */ e(ce, { className: v("border-b border-border", c), children: /* @__PURE__ */ e(E, { className: "border-b-0 hover:bg-transparent", children: F.map((t, r) => {
         var s;
         return /* @__PURE__ */ e(de, { className: v("text-left", "whitespace-nowrap"), style: { width: t.width }, children: /* @__PURE__ */ l("div", { className: v("flex items-center gap-1 min-w-fit w-full whitespace-nowrap", t.align === "center" && "justify-center", t.align === "right" && "justify-end", (s = t.className) == null ? void 0 : s.call(t, t, r)), children: [
@@ -404,7 +404,7 @@ function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClas
           return /* @__PURE__ */ e(K, { className: v("text-left min-w-fit py-4", s.align === "center" && "text-center", s.align === "right" && "text-right", "whitespace-nowrap", (j = s.className) == null ? void 0 : j.call(s, s, r, a[r])), style: { width: s.width }, children: s.render ? s.render(t[s.key], t, r) : Fe(t[s.key]) }, u);
         }) }, r),
         b && /* @__PURE__ */ e(E, { className: "border-b-0", children: /* @__PURE__ */ e(K, { colSpan: F.length, className: "p-0", children: b(t, r) }) })
-      ] }, r)) : /* @__PURE__ */ e(E, { className: "hover:bg-transparent data-[state=selected]:bg-transparent", children: /* @__PURE__ */ e(K, { colSpan: F.length, className: "w-full text-center", children: /* @__PURE__ */ e(we, { className: v("w-full h-38", R) }) }) }) })
+      ] }, r)) : /* @__PURE__ */ e(E, { className: "hover:bg-transparent data-[state=selected]:bg-transparent", children: /* @__PURE__ */ e(K, { colSpan: F.length, className: "w-full text-center", children: /* @__PURE__ */ e(ye, { className: v("w-full h-38", R) }) }) }) })
     ] })
   ] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xchain/table",
-  "version": "1.1.0-beta.15",
+  "version": "1.1.0-beta.17",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -33,15 +33,15 @@
     "antd": "6.1.1",
     "ahooks": "3.9.5",
     "@radix-ui/react-slider": "1.3.6",
-    "@0xchain/empty": "1.1.0-beta.15",
-    "@0xchain/ui": "1.1.0-beta.15",
-    "@0xchain/image": "1.1.0-beta.15",
-    "@0xchain/i18n": "1.1.0-beta.15",
-    "@0xchain/loading": "1.1.0-beta.15",
-    "@0xchain/translation": "1.1.0-beta.15",
-    "@0xchain/iconfont": "1.1.0-beta.15",
-    "@0xchain/request": "1.1.0-beta.15",
-    "@0xchain/number-like": "1.1.0-beta.15"
+    "@0xchain/ui": "1.1.0-beta.17",
+    "@0xchain/image": "1.1.0-beta.17",
+    "@0xchain/translation": "1.1.0-beta.17",
+    "@0xchain/iconfont": "1.1.0-beta.17",
+    "@0xchain/request": "1.1.0-beta.17",
+    "@0xchain/i18n": "1.1.0-beta.17",
+    "@0xchain/loading": "1.1.0-beta.17",
+    "@0xchain/empty": "1.1.0-beta.17",
+    "@0xchain/number-like": "1.1.0-beta.17"
   },
   "publishConfig": {
     "access": "public"