@ichaingo/table 1.4.93 → 1.4.95

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 +65 -65
  2. package/package.json +10 -10
package/dist/index.js CHANGED
@@ -1,5 +1,5 @@
1
1
  'use client';
2
- import { jsx as e, jsxs as a } 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 "@ichaingo/ui/table";
4
4
  import * as Z from "react";
5
5
  import he, { useState as w, useEffect as z } from "react";
@@ -32,7 +32,7 @@ import ke from "@ichaingo/empty";
32
32
  import ye from "@ichaingo/loading";
33
33
  const Ne = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgB7ZPhDcIgEIUP0wEcQTdwAxjBERzBDcSJdAPbDdwANznBQnIih6TQP02/hJDmwb274wqwaBDRuDVVd3TksLKbivSd1zRzn9PvQognzeSA7VG0gqPfe7sGksnF71dIk9IljJ1QPt5YonfV9HZIhQme1ONYHeR5Vep5A/tQ+xo9ZSCRn5hSZM5Awe+oVhEb9PA9RVMIU5Q0GGxfNVTgW6zC9yZz0EQ/jinRYliDVrBjmhvBkvEMzF7B+gZ/mb2CD7aHZ2zPiRps7bphOx4uJiyCNyogpaxjuzr+AAAAAElFTkSuQmCC";
34
34
  function ve({
35
- className: l,
35
+ className: a,
36
36
  onChange: i,
37
37
  ...c
38
38
  }) {
@@ -78,7 +78,7 @@ function ve({
78
78
  const h = q(o[0].toDate()), p = X(o[1].toDate());
79
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(l), ...c, children: /* @__PURE__ */ a(O, { open: A, onOpenChange: R, children: [
81
+ return /* @__PURE__ */ e("div", { className: v(a), ...c, children: /* @__PURE__ */ l(O, { open: A, onOpenChange: R, children: [
82
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 }) }) }),
83
83
  /* @__PURE__ */ e(Q, { className: "w-auto p-0", align: "center", side: "right", children: /* @__PURE__ */ e("div", { ref: y, className: "relative", children: /* @__PURE__ */ e(
84
84
  ue.RangePicker,
@@ -98,7 +98,7 @@ function ve({
98
98
  ] }) });
99
99
  }
100
100
  const Ce = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADZSURBVHgB7ZTbDcIwDEVvUAfoCN2AjsAI3YBu0jABGYER2KAjABPABrBBcMARFkjNo/krR7IaWfZ1nDoB/gRQfmGt7enToAw3pdThu4BFQajAS7sSvh3ZwOsj2QVprMk6ofULNWHsmytZg0hcLOc4TCh4FEVqhMVrIT6idELqhnySbHk/ETfkHKlPbsnuLDBMiLuYFjm4u2E/bIW/E/4ecyABLXZa8/H5zjRKQEInFtywxU0MsUIcD2QSWyCb5RVInvcqMs7/ZHerzygNz74Wz0f0mM4pZLAInpppFh6wLb8LAAAAAElFTkSuQmCC";
101
- function je({ onChange: l, filterKey: i }) {
101
+ function je({ onChange: a, filterKey: i }) {
102
102
  const [c, m] = w(!1), A = J("common"), [k, y] = w(""), [g, b] = w(""), [d, f] = w([0.01, 1e10]), C = (p) => {
103
103
  f(p), y(p[0].toString()), b(p[1].toString());
104
104
  }, N = (p) => {
@@ -116,7 +116,7 @@ function je({ onChange: l, filterKey: i }) {
116
116
  f([d[0], T]);
117
117
  }
118
118
  }, S = () => {
119
- l(k, g), m(!1);
119
+ a(k, g), m(!1);
120
120
  }, n = () => {
121
121
  m(!1);
122
122
  }, o = (p) => {
@@ -124,25 +124,25 @@ function je({ onChange: l, filterKey: i }) {
124
124
  }, h = (p) => {
125
125
  p.target.value === "0" && b("0.01");
126
126
  };
127
- return /* @__PURE__ */ a(O, { open: c, onOpenChange: m, children: [
127
+ return /* @__PURE__ */ l(O, { open: c, onOpenChange: m, children: [
128
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__ */ a("div", { className: "w-full h-full", children: [
130
- /* @__PURE__ */ a("div", { className: "flex flex-row items-center justify-between h-9", children: [
129
+ /* @__PURE__ */ e(Q, { className: "bg-module", 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(B, { 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__ */ a("div", { className: "flex flex-row items-center justify-between gap-2 py-3", children: [
135
- /* @__PURE__ */ a("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(B, { value: "form", parentKey: "common.filter.amount" }) }),
137
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-module 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__ */ a("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(B, { value: "to", parentKey: "common.filter.amount" }) }),
141
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 })
142
142
  ] })
143
143
  ] }),
144
- /* @__PURE__ */ a("div", { className: " w-full pb-4", children: [
145
- /* @__PURE__ */ a(
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,12 +158,12 @@ function je({ onChange: l, filterKey: i }) {
158
158
  ]
159
159
  }
160
160
  ),
161
- /* @__PURE__ */ a("div", { className: "flex justify-between text-xs text-gray-500 mt-2", children: [
161
+ /* @__PURE__ */ l("div", { className: "flex justify-between text-xs text-gray-500 mt-2", children: [
162
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
163
  /* @__PURE__ */ e($, { addonBefore: i === "valueUSD" ? /* @__PURE__ */ e("span", { className: "text-subtitle", children: "$" }) : void 0, number: "10000000000", notation: "compact", maximumFractionDigits: 2 })
164
164
  ] })
165
165
  ] }),
166
- /* @__PURE__ */ a("div", { className: "flex justify-end items-center", children: [
166
+ /* @__PURE__ */ l("div", { className: "flex justify-end items-center", children: [
167
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") }),
168
168
  /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded-lg ml-3 cursor-pointer", onClick: S, children: A("button.confirm") })
169
169
  ] })
@@ -171,47 +171,47 @@ function je({ onChange: l, filterKey: i }) {
171
171
  ] });
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
- function Re({ onChange: l }) {
174
+ function Re({ onChange: a }) {
175
175
  const [i, c] = w(!1), m = J("common"), [A, k] = w(""), y = (d) => {
176
176
  const f = d.target.value;
177
177
  (f === "" || /^[a-zA-Z0-9]*$/.test(f)) && k(f);
178
178
  }, g = () => {
179
- l(A), c(!1);
179
+ a(A), c(!1);
180
180
  }, b = () => {
181
181
  c(!1);
182
182
  };
183
- return /* @__PURE__ */ a(O, { open: i, onOpenChange: c, children: [
183
+ return /* @__PURE__ */ l(O, { open: i, onOpenChange: c, children: [
184
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__ */ a("div", { className: "w-full h-full", children: [
186
- /* @__PURE__ */ a("fieldset", { className: "w-full h-full", children: [
187
- /* @__PURE__ */ a("label", { className: "w-full h-full text-sm flex items-center justify-between", children: [
185
+ /* @__PURE__ */ e(Q, { className: "bg-module", 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__ */ a("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
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: y })
194
194
  ] })
195
195
  ] }),
196
- /* @__PURE__ */ a("div", { className: "flex justify-end items-center mt-2", children: [
196
+ /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
197
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") }),
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
  ] }) })
201
201
  ] });
202
202
  }
203
- const Se = (l) => _.get("/api/v2/tokens/hot-list", { params: { ...l, limit: 100, page: 1 } }), Be = (l) => _.get("/api/token/list/verified", {
203
+ const Se = (a) => _.get("/api/v2/tokens/hot-list", { params: { ...a, limit: 100, page: 1 } }), Be = (a) => _.get("/api/token/list/verified", {
204
204
  params: {
205
- search: l,
205
+ search: a,
206
206
  page: 1,
207
207
  size: 100
208
208
  }
209
209
  });
210
- function Te({ onChange: l }) {
210
+ function Te({ onChange: a }) {
211
211
  const { chain: i } = ee(), c = J("common.filter.amount"), [m, A] = w(!1), [k, y] = w(""), [g, b] = w([]), [d, f] = w([]), C = () => {
212
212
  A(!1);
213
213
  }, N = () => {
214
- l(d), A(!1);
214
+ a(d), A(!1);
215
215
  }, R = (n) => {
216
216
  d.some((o) => o.tokenAddress === n.tokenAddress) ? f(d.filter((o) => o.tokenAddress !== n.tokenAddress)) : f([...d, n]);
217
217
  }, S = we(async () => {
@@ -225,40 +225,40 @@ function Te({ onChange: l }) {
225
225
  }, { wait: 300 });
226
226
  return z(() => {
227
227
  S.run();
228
- }, [i, k]), /* @__PURE__ */ a(O, { open: m, onOpenChange: A, children: [
228
+ }, [i, k]), /* @__PURE__ */ l(O, { open: m, onOpenChange: A, children: [
229
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__ */ a(Q, { className: "py-5 bg-module", children: [
231
- /* @__PURE__ */ a("div", { className: "w-full h-full", children: [
232
- /* @__PURE__ */ a("div", { className: "flex flex-row items-center justify-between h-9", children: [
230
+ /* @__PURE__ */ l(Q, { className: "py-5 bg-module", 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
233
  /* @__PURE__ */ e("span", { className: "text-base text-title", children: /* @__PURE__ */ e(B, { value: "label", parentKey: "common.filter.token" }) }),
234
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" }) })
235
235
  ] }),
236
- /* @__PURE__ */ a("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
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: k, onChange: (n) => y(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, o) => /* @__PURE__ */ a("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__ */ a("div", { className: "text-sm text-title text-left truncate min-w-0 flex-1 overflow-hidden", children: [
243
+ /* @__PURE__ */ l("div", { className: "text-sm text-title text-left truncate min-w-0 flex-1 overflow-hidden", children: [
244
244
  /* @__PURE__ */ e("span", { className: "text-title", children: n.tokenSymbol }),
245
245
  " ",
246
246
  /* @__PURE__ */ e("span", { className: "text-subtitle text-xs", children: n.tokenName })
247
247
  ] }),
248
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
249
  ] }, o)) }),
250
- /* @__PURE__ */ a("div", { className: "flex justify-end items-center mt-2", children: [
250
+ /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
251
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(B, { 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(B, { value: "button.confirm", parentKey: "common" }) })
253
253
  ] })
254
254
  ] })
255
255
  ] });
256
256
  }
257
- function De({ onChange: l }) {
257
+ function De({ onChange: a }) {
258
258
  const { chain: i = "" } = ee(), c = J("common.filter.amount"), [m, A] = w(!1), [k, y] = w(""), [g, b] = w([]), [d, f] = w([]), C = () => {
259
- l([]), y(""), f([]), A(!1);
259
+ a([]), y(""), f([]), A(!1);
260
260
  }, N = () => {
261
- l(d), A(!1);
261
+ a(d), A(!1);
262
262
  }, R = (n) => {
263
263
  d.some((o) => o.tokenAddress === n.tokenAddress) ? f(d.filter((o) => o.tokenAddress !== n.tokenAddress)) : f([...d, n]);
264
264
  }, S = async () => {
@@ -268,40 +268,40 @@ function De({ onChange: l }) {
268
268
  };
269
269
  return z(() => {
270
270
  S();
271
- }, [i, k]), /* @__PURE__ */ a(O, { open: m, onOpenChange: A, children: [
271
+ }, [i, k]), /* @__PURE__ */ l(O, { open: m, onOpenChange: A, children: [
272
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__ */ a(Q, { className: "py-5 bg-module", children: [
274
- /* @__PURE__ */ a("div", { className: "w-full h-full bg-module", children: [
275
- /* @__PURE__ */ a("div", { className: "flex flex-row items-center justify-between h-9", children: [
273
+ /* @__PURE__ */ l(Q, { className: "py-5 bg-module", children: [
274
+ /* @__PURE__ */ l("div", { className: "w-full h-full bg-module", children: [
275
+ /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between h-9", children: [
276
276
  /* @__PURE__ */ e("span", { className: "text-base text-title", children: /* @__PURE__ */ e(B, { value: "label", parentKey: "common.filter.token" }) }),
277
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" }) })
278
278
  ] }),
279
- /* @__PURE__ */ a("div", { className: "w-full relative bg-module text-sm py-3", children: [
279
+ /* @__PURE__ */ l("div", { className: "w-full relative bg-module 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
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: k, onChange: (n) => y(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, o) => /* @__PURE__ */ a("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
286
  /* @__PURE__ */ e("div", { className: "text-sm text-title 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
288
  ] }, o)) }),
289
- /* @__PURE__ */ a("div", { className: "flex justify-end items-center mt-2", children: [
289
+ /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
290
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(B, { 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(B, { value: "button.confirm", parentKey: "common" }) })
292
292
  ] })
293
293
  ] })
294
294
  ] });
295
295
  }
296
- const Pe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHtSURBVHgB7ZfBalNBFIb/M7cmaBGuT2BcCNZVHsG+QWNw3Qw00qyMT5DbJ9Buiujipnsl+gZ5A3EjLu8bNIIVzSVzOhNaKGnTe86EQhf5IARyD8M388/cMwHW3CEIK/Bs/6RhTG3kh2n6T/bz6P4BIoiWaPRP0gf/69/9CI2L35ybbf/68HAMJQaRbJb1wWWB+WAmyYMclERJbPVOd5jRv+ZRw69ODiVqibAPCPRuaQFhZ6v3tw8Fagmie9liDFdrMAiyuA2J5/t/OkRmV1CaJiSPRSwxnxmZgbSeCS+ksYgl5jOriGERaSwiiRBDmBn0pMbUR1VFIgmW7YNlNJ92p02sKkHkfiASBopy87S4qWYDAmq1MptOaxPv/BhKqJwdFkePJlgjQNRF83yUug284ZnuiAZKxkHPtgqsKvHp+POQEH1CJon7/cRau3RfyE4Hk3pDXiL9h/TG9i57TzC+IZ6iKg6RRNe233uTMSIoHW1X1Yh7R8nG+i/VeWdw5aYMqO6YH/MvHWNI1qL9yu112pWrEFDdJ17b9tA3kq+C0uJ85USob1YJIwxeVJRlkhiiJaxtTdjNls+Sabi3+/IYCqJu2137agzHh9c8KsIbEkqi/3ckMBmuxqKKYWWJEItz1DoX8RHxW20MaxY5AxD/nDkC92cTAAAAAElFTkSuQmCC", Fe = (l) => l == null ? "" : typeof l == "object" ? JSON.stringify(l) : l, ct = (l) => {
296
+ const Pe = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACEAAAAhCAYAAABX5MJvAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAHtSURBVHgB7ZfBalNBFIb/M7cmaBGuT2BcCNZVHsG+QWNw3Qw00qyMT5DbJ9Buiujipnsl+gZ5A3EjLu8bNIIVzSVzOhNaKGnTe86EQhf5IARyD8M388/cMwHW3CEIK/Bs/6RhTG3kh2n6T/bz6P4BIoiWaPRP0gf/69/9CI2L35ybbf/68HAMJQaRbJb1wWWB+WAmyYMclERJbPVOd5jRv+ZRw69ODiVqibAPCPRuaQFhZ6v3tw8Fagmie9liDFdrMAiyuA2J5/t/OkRmV1CaJiSPRSwxnxmZgbSeCS+ksYgl5jOriGERaSwiiRBDmBn0pMbUR1VFIgmW7YNlNJ92p02sKkHkfiASBopy87S4qWYDAmq1MptOaxPv/BhKqJwdFkePJlgjQNRF83yUug284ZnuiAZKxkHPtgqsKvHp+POQEH1CJon7/cRau3RfyE4Hk3pDXiL9h/TG9i57TzC+IZ6iKg6RRNe233uTMSIoHW1X1Yh7R8nG+i/VeWdw5aYMqO6YH/MvHWNI1qL9yu112pWrEFDdJ17b9tA3kq+C0uJ85USob1YJIwxeVJRlkhiiJaxtTdjNls+Sabi3+/IYCqJu2137agzHh9c8KsIbEkqi/3ckMBmuxqKKYWWJEItz1DoX8RHxW20MaxY5AxD/nDkC92cTAAAAAElFTkSuQmCC", Fe = (a) => a == null ? "" : typeof a == "object" ? JSON.stringify(a) : a, ct = (a) => {
297
297
  const i = {
298
298
  filters: {}
299
299
  };
300
- return Object.keys(l).forEach((c) => {
301
- c === "timestamp" ? (i.filters.startTime = l.timestamp.start, i.filters.endTime = l.timestamp.end) : c === "fromAddress" ? i.filters.fromAddress = l.fromAddress.address : c === "toAddress" ? i.filters.toAddress = l.toAddress.address : c === "valueUSD" ? (i.filters.minValueUSD = l.valueUSD.min, i.filters.maxValueUSD = l.valueUSD.max) : c === "amount" ? (i.filters.minAmount = l.amount.min, i.filters.maxAmount = l.amount.max) : c === "token" ? i.filters.tokenList = l.token.map((m) => m.tokenAddress) : c === "tokenSearch" ? i.filters.tokenList = l.tokenSearch.map((m) => m.tokenAddress) : c === "inputAmount" ? (i.filters.minInputAmount = l.inputAmount.min, i.filters.maxInputAmount = l.inputAmount.max) : c === "outputAmount" ? (i.filters.minOutputAmount = l.outputAmount.min, i.filters.maxOutputAmount = l.outputAmount.max) : c === "fee" && (i.filters.minFee = l.fee.min, i.filters.maxFee = l.fee.max);
300
+ return Object.keys(a).forEach((c) => {
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: l, columns: i, headerClassName: c, bodyClassName: m, rowClassName: A, tableClassName: k, showHeader: y = !0, renderChildren: g, onFilterChange: b, loading: d, onSortChange: f, defaultOrder: C, defaultSortKey: N, emptyClassName: R, ...S }) {
304
+ function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClassName: A, tableClassName: k, showHeader: y = !0, renderChildren: g, onFilterChange: b, loading: d, onSortChange: f, defaultOrder: C, defaultSortKey: N, emptyClassName: R, ...S }) {
305
305
  const [n, o] = w(null), [h, p] = w({}), [x, T] = w(N || null), [L, re] = w(C || null), I = (t, r) => {
306
306
  o((s) => ({
307
307
  ...s,
@@ -346,21 +346,21 @@ function dt({ data: l, columns: i, headerClassName: c, bodyClassName: m, rowClas
346
346
  default:
347
347
  return null;
348
348
  }
349
- }, se = (t) => t.min && !t.max ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-fit ", children: [
349
+ }, se = (t) => t.min && !t.max ? /* @__PURE__ */ l("div", { className: "flex items-center gap-2 min-w-fit ", children: [
350
350
  "≥ ",
351
351
  t.min
352
- ] }) : !t.min && t.max ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-fit ", children: [
352
+ ] }) : !t.min && t.max ? /* @__PURE__ */ l("div", { className: "flex items-center gap-2 min-w-fit ", children: [
353
353
  "≤ ",
354
354
  t.max
355
- ] }) : /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-fit ", children: [
355
+ ] }) : /* @__PURE__ */ l("div", { className: "flex items-center gap-2 min-w-fit ", children: [
356
356
  t.min,
357
357
  " - ",
358
358
  t.max
359
- ] }), le = (t, r) => {
359
+ ] }), ae = (t, r) => {
360
360
  if (!r) return null;
361
361
  switch (t.filter) {
362
362
  case "timeRange":
363
- return /* @__PURE__ */ a("div", { className: "w-fit flex items-center gap-2", children: [
363
+ return /* @__PURE__ */ l("div", { className: "w-fit flex items-center gap-2", children: [
364
364
  M(r.start * 1e3).format("YYYY-MM-DD") || "",
365
365
  " - ",
366
366
  M(r.end * 1e3).format("YYYY-MM-DD") || ""
@@ -376,23 +376,23 @@ function dt({ data: l, columns: i, headerClassName: c, bodyClassName: m, rowClas
376
376
  default:
377
377
  return null;
378
378
  }
379
- }, ae = (t) => {
379
+ }, le = (t) => {
380
380
  const r = L === "asc" ? "desc" : "asc";
381
381
  T(t), re(r), f == null || f(t, r);
382
382
  }, F = i.filter((t) => !t.hidden), oe = F.some((t) => t.filter);
383
383
  return z(() => {
384
384
  n !== null && (b == null || b(n));
385
- }, [n]), /* @__PURE__ */ a("div", { className: "overflow-auto min-w-full relative", ...S, children: [
385
+ }, [n]), /* @__PURE__ */ l("div", { className: "overflow-auto min-w-full relative", ...S, children: [
386
386
  /* @__PURE__ */ e(ye, { loading: d }),
387
387
  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) => {
388
388
  if (!n) return null;
389
389
  const r = n == null ? void 0 : n[t.key];
390
- return !r || Array.isArray(r) && r.length === 0 ? null : /* @__PURE__ */ a("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-fit", children: [
391
- /* @__PURE__ */ a("div", { className: "text-sm text-subtitle shrink-0", children: [
390
+ return !r || Array.isArray(r) && r.length === 0 ? null : /* @__PURE__ */ l("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-fit", children: [
391
+ /* @__PURE__ */ l("div", { className: "text-sm text-subtitle shrink-0", children: [
392
392
  t.label,
393
393
  ":"
394
394
  ] }),
395
- /* @__PURE__ */ e("div", { className: "text-sm flex-1 flex", children: le(t, r) }),
395
+ /* @__PURE__ */ e("div", { className: "text-sm flex-1 flex", children: ae(t, r) }),
396
396
  /* @__PURE__ */ e(
397
397
  "button",
398
398
  {
@@ -403,22 +403,22 @@ function dt({ data: l, columns: i, headerClassName: c, bodyClassName: m, rowClas
403
403
  )
404
404
  ] }, t.key);
405
405
  }) }),
406
- /* @__PURE__ */ a(ie, { className: v("", k), children: [
406
+ /* @__PURE__ */ l(ie, { className: v("", k), children: [
407
407
  y && /* @__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) => {
408
408
  var s;
409
- return /* @__PURE__ */ e(de, { className: v("text-left", "whitespace-nowrap"), style: { width: t.width }, children: /* @__PURE__ */ a("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: [
409
+ 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: [
410
410
  t.label,
411
411
  t.filter && ne(t),
412
- 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: () => ae(t.key) })
412
+ 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) })
413
413
  ] }) }, r);
414
414
  }) }) }),
415
- /* @__PURE__ */ e(me, { className: v("[&_tr:last-child]:border-b-0", m), children: (l == null ? void 0 : l.length) > 0 ? l.map((t, r) => /* @__PURE__ */ a(he.Fragment, { children: [
415
+ /* @__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: [
416
416
  /* @__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) => {
417
417
  var j;
418
- 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, l[r])), style: { width: s.width }, children: s.render ? s.render(t[s.key], t, r) : Fe(t[s.key]) }, u);
418
+ 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);
419
419
  }) }, r),
420
420
  g && /* @__PURE__ */ e(E, { className: "border-b-0", children: /* @__PURE__ */ e(K, { colSpan: F.length, className: "p-0", children: g(t, r) }) })
421
- ] }, r)) : /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(K, { colSpan: F.length, className: "w-full text-center", children: /* @__PURE__ */ e(ke, { className: v("w-full h-38", R) }) }) }) })
421
+ ] }, 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) }) }) }) })
422
422
  ] })
423
423
  ] });
424
424
  }
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@ichaingo/table",
3
- "version": "1.4.93",
3
+ "version": "1.4.95",
4
4
  "type": "module",
5
5
  "main": "./dist/index.js",
6
6
  "module": "./dist/index.js",
@@ -33,14 +33,14 @@
33
33
  "antd": "6.1.1",
34
34
  "ahooks": "3.9.5",
35
35
  "@radix-ui/react-slider": "1.3.6",
36
- "@ichaingo/ui": "1.4.93",
37
- "@ichaingo/image": "1.4.93",
38
- "@ichaingo/i18n": "1.4.93",
39
- "@ichaingo/translation": "1.4.93",
40
- "@ichaingo/iconfont": "1.4.93",
41
- "@ichaingo/request": "1.4.93",
42
- "@ichaingo/number-like": "1.4.93",
43
- "@ichaingo/empty": "1.4.93",
44
- "@ichaingo/loading": "1.4.93"
36
+ "@ichaingo/loading": "1.4.95",
37
+ "@ichaingo/image": "1.4.95",
38
+ "@ichaingo/empty": "1.4.95",
39
+ "@ichaingo/i18n": "1.4.95",
40
+ "@ichaingo/request": "1.4.95",
41
+ "@ichaingo/number-like": "1.4.95",
42
+ "@ichaingo/ui": "1.4.95",
43
+ "@ichaingo/translation": "1.4.95",
44
+ "@ichaingo/iconfont": "1.4.95"
45
45
  }
46
46
  }