@0xchain/table 1.0.0 → 1.1.0-beta.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (2) hide show
  1. package/dist/index.js +108 -108
  2. package/package.json +10 -10
package/dist/index.js CHANGED
@@ -1,8 +1,8 @@
1
1
  'use client';
2
- import { jsx as e, jsxs as o } from "react/jsx-runtime";
2
+ import { jsx as e, jsxs as l } from "react/jsx-runtime";
3
3
  import { Table as ie, TableHeader as ce, TableRow as E, TableHead as de, TableBody as me, TableCell as K } from "@0xchain/ui/table";
4
4
  import * as Z from "react";
5
- import he, { useState as k, useEffect as z } from "react";
5
+ import he, { useState as y, useEffect as z } from "react";
6
6
  import { startOfDay as q, endOfDay as X } from "date-fns";
7
7
  import { twMerge as v } from "tailwind-merge";
8
8
  import { DatePicker as ue } from "antd";
@@ -27,8 +27,8 @@ import S from "@0xchain/translation";
27
27
  import _ from "@0xchain/request";
28
28
  import { useParams as ee } from "next/navigation";
29
29
  import { Checkbox as te } from "@0xchain/ui/checkbox";
30
- import { useDebounceFn as ke } from "ahooks";
31
- import ye from "@0xchain/empty";
30
+ import { useDebounceFn as ye } from "ahooks";
31
+ import ke from "@0xchain/empty";
32
32
  import we from "@0xchain/loading";
33
33
  const Ne = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgB7ZPhDcIgEIUP0wEcQTdwAxjBERzBDcSJdAPbDdwANznBQnIih6TQP02/hJDmwb274wqwaBDRuDVVd3TksLKbivSd1zRzn9PvQognzeSA7VG0gqPfe7sGksnF71dIk9IljJ1QPt5YonfV9HZIhQme1ONYHeR5Vep5A/tQ+xo9ZSCRn5hSZM5Awe+oVhEb9PA9RVMIU5Q0GGxfNVTgW6zC9yZz0EQ/jinRYliDVrBjmhvBkvEMzF7B+gZ/mb2CD7aHZ2zPiRps7bphOx4uJiyCNyogpaxjuzr+AAAAAElFTkSuQmCC";
34
34
  function ve({
@@ -36,7 +36,7 @@ function ve({
36
36
  onChange: i,
37
37
  ...c
38
38
  }) {
39
- const m = xe(), [A, y] = Z.useState(!1), w = Z.useRef(null), [g, b] = Z.useState(null), d = {
39
+ const m = xe(), [A, k] = Z.useState(!1), w = Z.useRef(null), [g, b] = Z.useState(null), d = {
40
40
  en: fe,
41
41
  "zh-hans": pe,
42
42
  "zh-hant": Ae,
@@ -52,34 +52,34 @@ function ve({
52
52
  Z.useEffect(() => {
53
53
  M.locale(f[m] ?? "en");
54
54
  }, [m]);
55
- const C = (l) => {
56
- if (!l) {
55
+ const C = (o) => {
56
+ if (!o) {
57
57
  i("", ""), N();
58
58
  return;
59
59
  }
60
- const [h, p] = l, x = h ? q(h.toDate()) : void 0, T = p ? X(p.toDate()) : void 0;
60
+ const [h, p] = o, x = h ? q(h.toDate()) : void 0, T = p ? X(p.toDate()) : void 0;
61
61
  i(x ? Math.floor(x.getTime() / 1e3) : "", T ? Math.floor(T.getTime() / 1e3) : ""), N();
62
62
  }, N = () => {
63
- y(!1);
64
- }, R = (l) => {
65
- l ? y(!0) : C(g);
66
- }, B = (l) => {
67
- if (!l) {
63
+ k(!1);
64
+ }, R = (o) => {
65
+ o ? k(!0) : C(g);
66
+ }, B = (o) => {
67
+ if (!o) {
68
68
  b(null);
69
69
  return;
70
70
  }
71
- const [h, p] = l;
71
+ const [h, p] = o;
72
72
  b([h, p]);
73
- }, n = (l) => {
74
- if (!l || !l[0] || !l[1]) {
73
+ }, n = (o) => {
74
+ if (!o || !o[0] || !o[1]) {
75
75
  b(null), i("", ""), N();
76
76
  return;
77
77
  }
78
- const h = q(l[0].toDate()), p = X(l[1].toDate());
79
- i(Math.floor(h.getTime() / 1e3), Math.floor(p.getTime() / 1e3)), b([l[0], l[1]]), N();
78
+ const h = q(o[0].toDate()), p = X(o[1].toDate());
79
+ i(Math.floor(h.getTime() / 1e3), Math.floor(p.getTime() / 1e3)), b([o[0], o[1]]), N();
80
80
  };
81
- return /* @__PURE__ */ e("div", { className: v(a), ...c, children: /* @__PURE__ */ o(O, { open: A, onOpenChange: R, children: [
82
- /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("i", { className: "w-4 h-4 p-[2px] cursor-pointer flex items-center justify-center bg-[#000000] rounded-sm", children: /* @__PURE__ */ e(D, { src: Ne, width: 12, height: 12 }) }) }),
81
+ return /* @__PURE__ */ e("div", { className: v(a), ...c, children: /* @__PURE__ */ l(O, { open: A, onOpenChange: R, children: [
82
+ /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("i", { className: "w-4 h-4 p-[2px] cursor-pointer flex items-center justify-center bg-primary rounded-sm", children: /* @__PURE__ */ e(D, { src: Ne, width: 12, height: 12 }) }) }),
83
83
  /* @__PURE__ */ e(Q, { className: "w-auto p-0", align: "center", side: "right", children: /* @__PURE__ */ e("div", { ref: w, className: "relative", children: /* @__PURE__ */ e(
84
84
  ue.RangePicker,
85
85
  {
@@ -92,14 +92,14 @@ function ve({
92
92
  onChange: n,
93
93
  getPopupContainer: () => w.current,
94
94
  style: { position: "absolute", opacity: 0, width: 0, height: 0, pointerEvents: "none" },
95
- disabledDate: (l) => l && l > M().endOf("day")
95
+ disabledDate: (o) => o && o > M().endOf("day")
96
96
  }
97
97
  ) }) })
98
98
  ] }) });
99
99
  }
100
100
  const Ce = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADZSURBVHgB7ZTbDcIwDEVvUAfoCN2AjsAI3YBu0jABGYER2KAjABPABrBBcMARFkjNo/krR7IaWfZ1nDoB/gRQfmGt7enToAw3pdThu4BFQajAS7sSvh3ZwOsj2QVprMk6ofULNWHsmytZg0hcLOc4TCh4FEVqhMVrIT6idELqhnySbHk/ETfkHKlPbsnuLDBMiLuYFjm4u2E/bIW/E/4ecyABLXZa8/H5zjRKQEInFtywxU0MsUIcD2QSWyCb5RVInvcqMs7/ZHerzygNz74Wz0f0mM4pZLAInpppFh6wLb8LAAAAAElFTkSuQmCC";
101
101
  function je({ onChange: a, filterKey: i }) {
102
- const [c, m] = k(!1), A = J("common"), [y, w] = k(""), [g, b] = k(""), [d, f] = k([0.01, 1e10]), C = (p) => {
102
+ const [c, m] = y(!1), A = J("common"), [k, w] = y(""), [g, b] = y(""), [d, f] = y([0.01, 1e10]), C = (p) => {
103
103
  f(p), w(p[0].toString()), b(p[1].toString());
104
104
  }, N = (p) => {
105
105
  const x = p.target.value;
@@ -116,33 +116,33 @@ function je({ onChange: a, filterKey: i }) {
116
116
  f([d[0], T]);
117
117
  }
118
118
  }, B = () => {
119
- a(y, g), m(!1);
119
+ a(k, g), m(!1);
120
120
  }, n = () => {
121
121
  m(!1);
122
- }, l = (p) => {
122
+ }, o = (p) => {
123
123
  p.target.value === "0" && w("0.01");
124
124
  }, h = (p) => {
125
125
  p.target.value === "0" && b("0.01");
126
126
  };
127
- return /* @__PURE__ */ o(O, { open: c, onOpenChange: m, children: [
128
- /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: Ce, width: 12, height: 12, objectFit: "contain" }) }) }),
129
- /* @__PURE__ */ e(Q, { className: "bg-module", children: /* @__PURE__ */ o("div", { className: "w-full h-full", children: [
130
- /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between h-9", children: [
127
+ return /* @__PURE__ */ l(O, { open: c, onOpenChange: m, children: [
128
+ /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-primary rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: Ce, width: 12, height: 12, objectFit: "contain" }) }) }),
129
+ /* @__PURE__ */ e(Q, { className: "bg-card", children: /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
130
+ /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between h-9", children: [
131
131
  /* @__PURE__ */ e("span", { className: "text-sm", children: /* @__PURE__ */ e(S, { value: "label", parentKey: "common.filter.amount" }) }),
132
132
  /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm cursor-pointer flex items-center justify-center", onClick: () => n(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4" }) })
133
133
  ] }),
134
- /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between gap-2 py-3", children: [
135
- /* @__PURE__ */ o("fieldset", { className: "w-1/2 h-full", children: [
134
+ /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between gap-2 py-3", children: [
135
+ /* @__PURE__ */ l("fieldset", { className: "w-1/2 h-full", children: [
136
136
  /* @__PURE__ */ e("label", { className: "w-full h-full text-sm", children: /* @__PURE__ */ e(S, { value: "form", parentKey: "common.filter.amount" }) }),
137
- /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]{0,8}", onBlur: l, placeholder: A("filter.amount.min"), className: "w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: y, onChange: N })
137
+ /* @__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: k, onChange: N })
138
138
  ] }),
139
- /* @__PURE__ */ o("fieldset", { className: "w-1/2 h-full", children: [
139
+ /* @__PURE__ */ l("fieldset", { className: "w-1/2 h-full", children: [
140
140
  /* @__PURE__ */ e("label", { className: "w-full h-full text-sm", children: /* @__PURE__ */ e(S, { value: "to", parentKey: "common.filter.amount" }) }),
141
- /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]{0,8}", onBlur: h, placeholder: A("filter.amount.max"), className: "w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: g, onChange: R })
141
+ /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]{0,8}", onBlur: h, placeholder: A("filter.amount.max"), 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: g, onChange: R })
142
142
  ] })
143
143
  ] }),
144
- /* @__PURE__ */ o("div", { className: " w-full pb-4", children: [
145
- /* @__PURE__ */ o(
144
+ /* @__PURE__ */ l("div", { className: " w-full pb-4", children: [
145
+ /* @__PURE__ */ l(
146
146
  Y.Root,
147
147
  {
148
148
  className: "w-full relative flex items-center justify-center h-1 flex-grow bg-background rounded-sm touch-pan-y select-none",
@@ -158,13 +158,13 @@ function je({ onChange: a, filterKey: i }) {
158
158
  ]
159
159
  }
160
160
  ),
161
- /* @__PURE__ */ o("div", { className: "flex justify-between text-xs text-gray-500 mt-2", children: [
162
- /* @__PURE__ */ e($, { addonBefore: i === "valueUSD" ? /* @__PURE__ */ e("span", { className: "text-subtitle", children: "$" }) : void 0, number: "0.01", minimumFractionDigits: 2, notation: "compact", maximumFractionDigits: 20 }),
163
- /* @__PURE__ */ e($, { addonBefore: i === "valueUSD" ? /* @__PURE__ */ e("span", { className: "text-subtitle", children: "$" }) : void 0, number: "10000000000", notation: "compact", maximumFractionDigits: 2 })
161
+ /* @__PURE__ */ l("div", { className: "flex justify-between text-xs text-gray-500 mt-2", children: [
162
+ /* @__PURE__ */ e($, { addonBefore: i === "valueUSD" ? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "$" }) : void 0, number: "0.01", minimumFractionDigits: 2, notation: "compact", maximumFractionDigits: 20 }),
163
+ /* @__PURE__ */ e($, { addonBefore: i === "valueUSD" ? /* @__PURE__ */ e("span", { className: "text-muted-foreground", children: "$" }) : void 0, number: "10000000000", notation: "compact", maximumFractionDigits: 2 })
164
164
  ] })
165
165
  ] }),
166
- /* @__PURE__ */ o("div", { className: "flex justify-end items-center", children: [
167
- /* @__PURE__ */ e("button", { className: "bg-module text-black text-sm px-3 py-1 border-1 border-stroke rounded-lg ml-3 cursor-pointer", onClick: n, children: A("button.cancel") }),
166
+ /* @__PURE__ */ l("div", { className: "flex justify-end items-center", children: [
167
+ /* @__PURE__ */ e("button", { className: "bg-card text-black text-sm px-3 py-1 border-1 border-border rounded-lg ml-3 cursor-pointer", onClick: n, children: A("button.cancel") }),
168
168
  /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded-lg ml-3 cursor-pointer", onClick: B, children: A("button.confirm") })
169
169
  ] })
170
170
  ] }) })
@@ -172,29 +172,29 @@ function je({ onChange: a, filterKey: i }) {
172
172
  }
173
173
  const H = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFFSURBVHgB5VVRccMwDFV2A+AxCIOZwQyhDGYGC4OGQcegYzAIgZANgcsgY6DJd9Kquk4Te9ef9t3pkpOf/CTFigHuAojoyPZkAY+YyAYyD/8BbdDyRksIVWIU9MrZStY9mSUzvB7fPdmoxLYlAlYFvsvGF/hdsRAee98rn+PWSXWjbhGvC9ySgJc+Z3w57BWvZ9+wJBKYuMkE/7WOhUOSjFGVujmBlglTbi3jM5h8L04kokv5j/xs+fmVEpqmOWR8P3AOiX1OFx4SkQNcASIimT1BPcySiJT6AvWQNn3PMtTpclABFW8vkeS4jlAusF07J0Zls4P1Anri7ZoAq4Zql5uRhP+m+AOsRZx4FRgr63SGPLhx6gc8R9HfuMXTi2oOEyfhq4RYLPb7A0/vjkD2yZsbxa0XKkxKC3m4Fvibxso3cHP4BWMxfN1YKiXJAAAAAElFTkSuQmCC";
174
174
  function Re({ onChange: a }) {
175
- const [i, c] = k(!1), m = J("common"), [A, y] = k(""), w = (d) => {
175
+ const [i, c] = y(!1), m = J("common"), [A, k] = y(""), w = (d) => {
176
176
  const f = d.target.value;
177
- (f === "" || /^[a-zA-Z0-9]*$/.test(f)) && y(f);
177
+ (f === "" || /^[a-zA-Z0-9]*$/.test(f)) && k(f);
178
178
  }, g = () => {
179
179
  a(A), c(!1);
180
180
  }, b = () => {
181
181
  c(!1);
182
182
  };
183
- return /* @__PURE__ */ o(O, { open: i, onOpenChange: c, children: [
184
- /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
185
- /* @__PURE__ */ e(Q, { className: "bg-module", children: /* @__PURE__ */ o("div", { className: "w-full h-full", children: [
186
- /* @__PURE__ */ o("fieldset", { className: "w-full h-full", children: [
187
- /* @__PURE__ */ o("label", { className: "w-full h-full text-sm flex items-center justify-between", children: [
183
+ return /* @__PURE__ */ l(O, { open: i, onOpenChange: c, children: [
184
+ /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-primary rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
185
+ /* @__PURE__ */ e(Q, { className: "bg-card", children: /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
186
+ /* @__PURE__ */ l("fieldset", { className: "w-full h-full", children: [
187
+ /* @__PURE__ */ l("label", { className: "w-full h-full text-sm flex items-center justify-between", children: [
188
188
  m("filter.address.label"),
189
189
  /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm cursor-pointer flex items-center justify-center", onClick: () => b(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4" }) })
190
190
  ] }),
191
- /* @__PURE__ */ o("div", { className: "w-full relative text-sm ", children: [
191
+ /* @__PURE__ */ l("div", { className: "w-full relative text-sm ", children: [
192
192
  /* @__PURE__ */ e(V, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
193
- /* @__PURE__ */ e("input", { placeholder: m("filter.amount.label"), type: "text", pattern: "[a-zA-Z0-9]*", className: "pl-6 w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: A, onChange: w })
193
+ /* @__PURE__ */ e("input", { placeholder: m("filter.amount.label"), type: "text", pattern: "[a-zA-Z0-9]*", className: "pl-6 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: A, onChange: w })
194
194
  ] })
195
195
  ] }),
196
- /* @__PURE__ */ o("div", { className: "flex justify-end items-center mt-2", children: [
197
- /* @__PURE__ */ e("button", { className: "bg-module text-black text-sm px-3 py-1 border-1 border-gray-300 rounded ml-3 cursor-pointer", onClick: b, children: m("button.cancel") }),
196
+ /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
197
+ /* @__PURE__ */ e("button", { className: "bg-card text-black text-sm px-3 py-1 border-1 border-gray-300 rounded ml-3 cursor-pointer", onClick: b, children: m("button.cancel") }),
198
198
  /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: g, children: m("button.confirm") })
199
199
  ] })
200
200
  ] }) })
@@ -208,16 +208,16 @@ const Be = (a) => _.get("/api/v2/tokens/hot-list", { params: { ...a, limit: 100,
208
208
  }
209
209
  });
210
210
  function Te({ onChange: a }) {
211
- const { chain: i } = ee(), c = J("common.filter.amount"), [m, A] = k(!1), [y, w] = k(""), [g, b] = k([]), [d, f] = k([]), C = () => {
211
+ const { chain: i } = ee(), c = J("common.filter.amount"), [m, A] = y(!1), [k, w] = y(""), [g, b] = y([]), [d, f] = y([]), C = () => {
212
212
  A(!1);
213
213
  }, N = () => {
214
214
  a(d), A(!1);
215
215
  }, R = (n) => {
216
- d.some((l) => l.tokenAddress === n.tokenAddress) ? f(d.filter((l) => l.tokenAddress !== n.tokenAddress)) : f([...d, n]);
217
- }, B = ke(async () => {
216
+ d.some((o) => o.tokenAddress === n.tokenAddress) ? f(d.filter((o) => o.tokenAddress !== n.tokenAddress)) : f([...d, n]);
217
+ }, B = ye(async () => {
218
218
  const n = await Be({
219
219
  chain: i,
220
- text: y,
220
+ text: k,
221
221
  limit: 100,
222
222
  page: 1
223
223
  });
@@ -225,69 +225,69 @@ function Te({ onChange: a }) {
225
225
  }, { wait: 300 });
226
226
  return z(() => {
227
227
  B.run();
228
- }, [i, y]), /* @__PURE__ */ o(O, { open: m, onOpenChange: A, children: [
229
- /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
230
- /* @__PURE__ */ o(Q, { className: "py-5 bg-module", children: [
231
- /* @__PURE__ */ o("div", { className: "w-full h-full", children: [
232
- /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between h-9", children: [
233
- /* @__PURE__ */ e("span", { className: "text-base text-title", children: /* @__PURE__ */ e(S, { value: "label", parentKey: "common.filter.token" }) }),
234
- /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm cursor-pointer flex items-center justify-center", onClick: () => C(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4 text-title" }) })
228
+ }, [i, k]), /* @__PURE__ */ l(O, { open: m, onOpenChange: A, children: [
229
+ /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-primary rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
230
+ /* @__PURE__ */ l(Q, { className: "py-5 bg-card", children: [
231
+ /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
232
+ /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between h-9", children: [
233
+ /* @__PURE__ */ e("span", { className: "text-base text-foreground", children: /* @__PURE__ */ e(S, { value: "label", parentKey: "common.filter.token" }) }),
234
+ /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm cursor-pointer flex items-center justify-center", onClick: () => C(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4 text-foreground" }) })
235
235
  ] }),
236
- /* @__PURE__ */ o("div", { className: "w-full relative text-sm py-3", children: [
236
+ /* @__PURE__ */ l("div", { className: "w-full relative text-sm py-3", children: [
237
237
  /* @__PURE__ */ e(V, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
238
- /* @__PURE__ */ e("input", { type: "text", placeholder: c("label"), className: "pl-6 w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: y, onChange: (n) => w(n.target.value) })
238
+ /* @__PURE__ */ e("input", { type: "text", placeholder: c("label"), className: "pl-6 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: k, onChange: (n) => w(n.target.value) })
239
239
  ] })
240
240
  ] }),
241
- /* @__PURE__ */ e("ul", { className: "max-h-30 min-h-30 overflow-y-auto overflow-x-hidden w-full", children: g == null ? void 0 : g.map((n, l) => /* @__PURE__ */ o("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: [
241
+ /* @__PURE__ */ e("ul", { className: "max-h-30 min-h-30 overflow-y-auto overflow-x-hidden w-full", children: g == null ? void 0 : g.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: [
242
242
  /* @__PURE__ */ e(D, { src: n.iconUrl, objectFit: "contain", alt: n.tokenSymbol, className: "rounded-full w-4 h-4 min-w-4 min-h-4 flex-shrink-0" }),
243
- /* @__PURE__ */ o("div", { className: "text-sm text-title text-left truncate min-w-0 flex-1 overflow-hidden", children: [
244
- /* @__PURE__ */ e("span", { className: "text-title", children: n.tokenSymbol }),
243
+ /* @__PURE__ */ l("div", { className: "text-sm text-foreground text-left truncate min-w-0 flex-1 overflow-hidden", children: [
244
+ /* @__PURE__ */ e("span", { className: "text-foreground", children: n.tokenSymbol }),
245
245
  " ",
246
- /* @__PURE__ */ e("span", { className: "text-subtitle text-xs", children: n.tokenName })
246
+ /* @__PURE__ */ e("span", { className: "text-muted-foreground text-xs", children: n.tokenName })
247
247
  ] }),
248
- /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(te, { className: v("w-4 h-4 cursor-pointer border-1 border-gray-300 rounded-sm", d.some((h) => h.tokenAddress === n.tokenAddress) ? "bg-primary" : "bg-module"), checked: d.some((h) => h.tokenAddress === n.tokenAddress) }) })
249
- ] }, l)) }),
250
- /* @__PURE__ */ o("div", { className: "flex justify-end items-center mt-2", children: [
251
- /* @__PURE__ */ e("button", { className: "bg-module text-black text-sm px-3 py-1 border-1 border-gray-300 rounded ml-3 cursor-pointer", onClick: C, children: /* @__PURE__ */ e(S, { value: "button.cancel", parentKey: "common" }) }),
248
+ /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(te, { className: v("w-4 h-4 cursor-pointer border-1 border-gray-300 rounded-sm", d.some((h) => h.tokenAddress === n.tokenAddress) ? "bg-primary" : "bg-card"), checked: d.some((h) => h.tokenAddress === n.tokenAddress) }) })
249
+ ] }, o)) }),
250
+ /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
251
+ /* @__PURE__ */ e("button", { className: "bg-card text-black text-sm px-3 py-1 border-1 border-gray-300 rounded ml-3 cursor-pointer", onClick: C, children: /* @__PURE__ */ e(S, { value: "button.cancel", parentKey: "common" }) }),
252
252
  /* @__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" }) })
253
253
  ] })
254
254
  ] })
255
255
  ] });
256
256
  }
257
257
  function De({ onChange: a }) {
258
- const { chain: i = "" } = ee(), c = J("common.filter.amount"), [m, A] = k(!1), [y, w] = k(""), [g, b] = k([]), [d, f] = k([]), C = () => {
258
+ const { chain: i = "" } = ee(), c = J("common.filter.amount"), [m, A] = y(!1), [k, w] = y(""), [g, b] = y([]), [d, f] = y([]), C = () => {
259
259
  a([]), w(""), f([]), A(!1);
260
260
  }, N = () => {
261
261
  a(d), A(!1);
262
262
  }, R = (n) => {
263
- d.some((l) => l.tokenAddress === n.tokenAddress) ? f(d.filter((l) => l.tokenAddress !== n.tokenAddress)) : f([...d, n]);
263
+ d.some((o) => o.tokenAddress === n.tokenAddress) ? f(d.filter((o) => o.tokenAddress !== n.tokenAddress)) : f([...d, n]);
264
264
  }, B = async () => {
265
- var l;
266
- const n = await Se(y);
267
- b(((l = n == null ? void 0 : n.data) == null ? void 0 : l.content) || []);
265
+ var o;
266
+ const n = await Se(k);
267
+ b(((o = n == null ? void 0 : n.data) == null ? void 0 : o.content) || []);
268
268
  };
269
269
  return z(() => {
270
270
  B();
271
- }, [i, y]), /* @__PURE__ */ o(O, { open: m, onOpenChange: A, children: [
272
- /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
273
- /* @__PURE__ */ o(Q, { className: "py-5 bg-module", children: [
274
- /* @__PURE__ */ o("div", { className: "w-full h-full bg-module", children: [
275
- /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between h-9", children: [
276
- /* @__PURE__ */ e("span", { className: "text-base text-title", children: /* @__PURE__ */ e(S, { value: "label", parentKey: "common.filter.token" }) }),
277
- /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm cursor-pointer flex items-center justify-center", onClick: () => C(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4 text-title" }) })
271
+ }, [i, k]), /* @__PURE__ */ l(O, { open: m, onOpenChange: A, children: [
272
+ /* @__PURE__ */ e(U, { asChild: !0, children: /* @__PURE__ */ e("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-primary rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
273
+ /* @__PURE__ */ l(Q, { className: "py-5 bg-card", children: [
274
+ /* @__PURE__ */ l("div", { className: "w-full h-full bg-card", children: [
275
+ /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between h-9", children: [
276
+ /* @__PURE__ */ e("span", { className: "text-base text-foreground", children: /* @__PURE__ */ e(S, { value: "label", parentKey: "common.filter.token" }) }),
277
+ /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm cursor-pointer flex items-center justify-center", onClick: () => C(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4 text-foreground" }) })
278
278
  ] }),
279
- /* @__PURE__ */ o("div", { className: "w-full relative bg-module text-sm py-3", children: [
279
+ /* @__PURE__ */ l("div", { className: "w-full relative bg-card text-sm py-3", children: [
280
280
  /* @__PURE__ */ e(V, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
281
- /* @__PURE__ */ e("input", { type: "text", placeholder: c("label"), className: "pl-6 w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: y, onChange: (n) => w(n.target.value) })
281
+ /* @__PURE__ */ e("input", { type: "text", placeholder: c("label"), className: "pl-6 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: k, onChange: (n) => w(n.target.value) })
282
282
  ] })
283
283
  ] }),
284
- /* @__PURE__ */ e("ul", { className: "max-h-50 min-h-25 overflow-y-auto overflow-x-hidden w-full", children: g == null ? void 0 : g.map((n, l) => /* @__PURE__ */ o("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: [
284
+ /* @__PURE__ */ e("ul", { className: "max-h-50 min-h-25 overflow-y-auto overflow-x-hidden w-full", children: g == null ? void 0 : g.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: [
285
285
  /* @__PURE__ */ e(D, { src: n.iconUrl, objectFit: "contain", alt: n.tokenName, className: "rounded-full w-4 h-4 min-w-4 min-h-4 flex-shrink-0" }),
286
- /* @__PURE__ */ e("div", { className: "text-sm text-title text-left truncate min-w-0 flex-1 overflow-hidden", children: n.tokenName }),
286
+ /* @__PURE__ */ e("div", { className: "text-sm text-foreground text-left truncate min-w-0 flex-1 overflow-hidden", children: n.tokenName }),
287
287
  /* @__PURE__ */ e("div", { className: "flex-shrink-0", children: /* @__PURE__ */ e(te, { className: v("w-4 h-4 cursor-pointer border-1 border-gray-300 rounded-sm", d.some((h) => h.tokenAddress === n.tokenAddress) ? "bg-primary" : "bg-white"), checked: d.some((h) => h.tokenAddress === n.tokenAddress) }) })
288
- ] }, l)) }),
289
- /* @__PURE__ */ o("div", { className: "flex justify-end items-center mt-2", children: [
290
- /* @__PURE__ */ e("button", { className: "bg-module text-black text-sm px-3 py-1 border-1 border-gray-300 rounded ml-3 cursor-pointer", onClick: C, children: /* @__PURE__ */ e(S, { value: "button.cancel", parentKey: "common" }) }),
288
+ ] }, o)) }),
289
+ /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
290
+ /* @__PURE__ */ e("button", { className: "bg-card text-black text-sm px-3 py-1 border-1 border-gray-300 rounded ml-3 cursor-pointer", onClick: C, children: /* @__PURE__ */ e(S, { value: "button.cancel", parentKey: "common" }) }),
291
291
  /* @__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" }) })
292
292
  ] })
293
293
  ] })
@@ -301,14 +301,14 @@ const Pe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAA
301
301
  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);
302
302
  }), i.filters;
303
303
  };
304
- function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClassName: A, tableClassName: y, showHeader: w = !0, renderChildren: g, onFilterChange: b, loading: d, onSortChange: f, defaultOrder: C, defaultSortKey: N, emptyClassName: R, ...B }) {
305
- const [n, l] = k(null), [h, p] = k({}), [x, T] = k(N || null), [L, re] = k(C || null), I = (t, r) => {
306
- l((s) => ({
304
+ function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClassName: A, tableClassName: k, showHeader: w = !0, renderChildren: g, onFilterChange: b, loading: d, onSortChange: f, defaultOrder: C, defaultSortKey: N, emptyClassName: R, ...B }) {
305
+ const [n, o] = y(null), [h, p] = y({}), [x, T] = y(N || null), [L, re] = y(C || null), I = (t, r) => {
306
+ o((s) => ({
307
307
  ...s,
308
308
  [t]: r
309
309
  }));
310
310
  }, P = (t) => {
311
- l((r) => {
311
+ o((r) => {
312
312
  const s = { ...r };
313
313
  return delete s[t], s;
314
314
  }), p((r) => ({
@@ -362,19 +362,19 @@ function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClas
362
362
  default:
363
363
  return null;
364
364
  }
365
- }, le = (t) => {
365
+ }, oe = (t) => {
366
366
  const r = L === "asc" ? "desc" : "asc";
367
367
  T(t), re(r), f == null || f(t, r);
368
- }, F = i.filter((t) => !t.hidden), oe = F.some((t) => t.filter);
368
+ }, F = i.filter((t) => !t.hidden), le = F.some((t) => t.filter);
369
369
  return z(() => {
370
370
  n !== null && (b == null || b(n));
371
- }, [n]), /* @__PURE__ */ o("div", { className: "overflow-auto min-w-full relative", ...B, children: [
371
+ }, [n]), /* @__PURE__ */ l("div", { className: "overflow-auto min-w-full relative", ...B, children: [
372
372
  /* @__PURE__ */ e(we, { loading: d }),
373
- oe && n && Object.keys(n).length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-row gap-3 flex-nowrap overflow-x-auto scrollbar-hide pb-3", children: F.map((t) => {
373
+ le && n && Object.keys(n).length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-row gap-3 flex-nowrap overflow-x-auto scrollbar-hide pb-3", children: F.map((t) => {
374
374
  if (!n) return null;
375
375
  const r = n == null ? void 0 : n[t.key];
376
- return !r || Array.isArray(r) && r.length === 0 ? null : /* @__PURE__ */ o("div", { className: "flex items-center flex-nowrap gap-2 bg-module px-3 py-1 rounded-full border-1 border-stroke max-w-full min-w-0 overflow-hidden", children: [
377
- /* @__PURE__ */ o("div", { className: "text-sm text-subtitle shrink-0", children: [
376
+ return !r || Array.isArray(r) && r.length === 0 ? null : /* @__PURE__ */ l("div", { className: "flex items-center flex-nowrap gap-2 bg-card px-3 py-1 rounded-full border-1 border-border max-w-full min-w-0 overflow-hidden", children: [
377
+ /* @__PURE__ */ l("div", { className: "text-sm text-muted-foreground shrink-0", children: [
378
378
  t.label,
379
379
  ":"
380
380
  ] }),
@@ -389,22 +389,22 @@ function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClas
389
389
  )
390
390
  ] }, t.key);
391
391
  }) }),
392
- /* @__PURE__ */ o(ie, { className: v("", y), children: [
393
- w && /* @__PURE__ */ e(ce, { className: v("border-b border-stroke", c), children: /* @__PURE__ */ e(E, { className: "border-b-0 hover:bg-transparent", children: F.map((t, r) => {
392
+ /* @__PURE__ */ l(ie, { className: v("", k), children: [
393
+ w && /* @__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) => {
394
394
  var s;
395
- return /* @__PURE__ */ e(de, { className: v("text-left", "whitespace-nowrap"), style: { width: t.width }, children: /* @__PURE__ */ o("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: [
395
+ 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: [
396
396
  t.label,
397
397
  t.filter && ne(t),
398
- t.sort && /* @__PURE__ */ e(D, { src: Pe, alt: "sort", className: v("w-4 h-4 cursor-pointer", x === t.key && "opacity-100", L === "desc" && "rotate-180"), onClick: () => le(t.key) })
398
+ t.sort && /* @__PURE__ */ e(D, { src: Pe, alt: "sort", className: v("w-4 h-4 cursor-pointer", x === t.key && "opacity-100", L === "desc" && "rotate-180"), onClick: () => oe(t.key) })
399
399
  ] }) }, r);
400
400
  }) }) }),
401
- /* @__PURE__ */ e(me, { className: v("[&_tr:last-child]:border-b-0", m), children: (a == null ? void 0 : a.length) > 0 ? a.map((t, r) => /* @__PURE__ */ o(he.Fragment, { children: [
402
- /* @__PURE__ */ e(E, { className: v("border-r-0 border-l-0 border-t-0 border-b border-stroke hover:bg-background", A), children: F.map((s, u) => {
401
+ /* @__PURE__ */ e(me, { className: v("[&_tr:last-child]:border-b-0", m), children: (a == null ? void 0 : a.length) > 0 ? a.map((t, r) => /* @__PURE__ */ l(he.Fragment, { children: [
402
+ /* @__PURE__ */ e(E, { className: v("border-r-0 border-l-0 border-t-0 border-b border-border hover:bg-background", A), children: F.map((s, u) => {
403
403
  var j;
404
404
  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);
405
405
  }) }, r),
406
406
  g && /* @__PURE__ */ e(E, { className: "border-b-0", children: /* @__PURE__ */ e(K, { colSpan: F.length, className: "p-0", children: g(t, r) }) })
407
- ] }, 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) }) }) }) })
407
+ ] }, 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(ke, { className: v("w-full h-38", R) }) }) }) })
408
408
  ] })
409
409
  ] });
410
410
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@0xchain/table",
3
- "version": "1.0.0",
3
+ "version": "1.1.0-beta.2",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -33,15 +33,15 @@
33
33
  "antd": "6.1.1",
34
34
  "ahooks": "3.9.5",
35
35
  "@radix-ui/react-slider": "1.3.6",
36
- "@0xchain/loading": "1.0.0",
37
- "@0xchain/image": "1.0.0",
38
- "@0xchain/i18n": "1.0.0",
39
- "@0xchain/empty": "1.0.0",
40
- "@0xchain/request": "1.0.0",
41
- "@0xchain/number-like": "1.0.0",
42
- "@0xchain/translation": "1.0.0",
43
- "@0xchain/iconfont": "1.0.0",
44
- "@0xchain/ui": "1.0.0"
36
+ "@0xchain/ui": "1.1.0-beta.2",
37
+ "@0xchain/loading": "1.1.0-beta.2",
38
+ "@0xchain/empty": "1.1.0-beta.2",
39
+ "@0xchain/image": "1.1.0-beta.2",
40
+ "@0xchain/i18n": "1.1.0-beta.2",
41
+ "@0xchain/number-like": "1.1.0-beta.2",
42
+ "@0xchain/iconfont": "1.1.0-beta.2",
43
+ "@0xchain/translation": "1.1.0-beta.2",
44
+ "@0xchain/request": "1.1.0-beta.2"
45
45
  },
46
46
  "publishConfig": {
47
47
  "access": "public"