@ichaingo/table 1.4.27 → 1.4.29

package/dist/index.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;IACtE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;IAC7E,WAAW,CAAC,EAAE;QACZ,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;KACjC,CAAA;CACF;AACD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC/E,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACjB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAWD,eAAO,MAAM,iBAAiB,GAAI,cAAc,GAAG,QAyBlD,CAAA;AACD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,UAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAgMxQ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8B,MAAM,OAAO,CAAC;AASnD,MAAM,WAAW,kBAAkB;IACjC,GAAG,EAAE,MAAM,CAAC;IACZ,KAAK,EAAE,MAAM,GAAG,KAAK,CAAC,SAAS,CAAC;IAChC,MAAM,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,GAAG,KAAK,CAAC,SAAS,EAAE,CAAC;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IACf,KAAK,CAAC,EAAE,MAAM,GAAG,QAAQ,GAAG,OAAO,CAAC;IACpC,MAAM,CAAC,EAAE,WAAW,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,aAAa,CAAC;IACtE,IAAI,CAAC,EAAE,OAAO,CAAC;IACf,MAAM,CAAC,EAAE,OAAO,CAAC;IACjB,SAAS,CAAC,EAAE,CAAC,MAAM,EAAE,kBAAkB,EAAE,KAAK,EAAE,MAAM,EAAE,GAAG,CAAC,EAAE,GAAG,KAAK,MAAM,CAAC;IAC7E,WAAW,CAAC,EAAE;QACZ,MAAM,CAAC,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,CAAC;QAC7B,QAAQ,CAAC,EAAE,CAAC,KAAK,EAAE,GAAG,KAAK,IAAI,CAAC;KACjC,CAAA;CACF;AACD,MAAM,WAAW,iBAAkB,SAAQ,KAAK,CAAC,cAAc,CAAC,gBAAgB,CAAC;IAC/E,IAAI,EAAE,KAAK,CAAC,GAAG,CAAC,CAAC;IACjB,OAAO,EAAE,kBAAkB,EAAE,CAAC;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAC;IACnB,eAAe,CAAC,EAAE,MAAM,CAAC;IACzB,aAAa,CAAC,EAAE,MAAM,CAAC;IACvB,YAAY,CAAC,EAAE,MAAM,CAAC;IACtB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,UAAU,CAAC,EAAE,OAAO,CAAC;IACrB,cAAc,CAAC,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,KAAK,EAAE,MAAM,KAAK,KAAK,CAAC,SAAS,CAAC;IAC9D,cAAc,CAAC,EAAE,CAAC,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,GAAG,CAAC,KAAK,IAAI,CAAC;IAC7D,OAAO,CAAC,EAAE,OAAO,CAAC;IAClB,OAAO,CAAC,EAAE,MAAM,CAAC;IACjB,cAAc,CAAC,EAAE,MAAM,CAAC;IACxB,YAAY,CAAC,EAAE,KAAK,GAAG,MAAM,CAAC;IAC9B,YAAY,CAAC,EAAE,CAAC,GAAG,EAAE,MAAM,EAAE,KAAK,EAAE,KAAK,GAAG,MAAM,KAAK,IAAI,CAAC;IAC5D,cAAc,CAAC,EAAE,MAAM,CAAC;CACzB;AAWD,eAAO,MAAM,iBAAiB,GAAI,cAAc,GAAG,QAkClD,CAAA;AACD,MAAM,CAAC,OAAO,UAAU,WAAW,CAAE,EAAE,IAAI,EAAE,OAAO,EAAE,eAAe,EAAE,aAAa,EAAE,YAAY,EAAE,cAAc,EAAE,UAAiB,EAAE,cAAc,EAAE,cAAc,EAAE,OAAO,EAAE,YAAY,EAAE,YAAY,EAAE,cAAc,EAAE,cAAc,EAAE,GAAG,KAAK,EAAE,EAAE,iBAAiB,2CAgMxQ"}

package/dist/index.js

@@ -1,358 +1,358 @@
 'use client';
-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 J } from "@ichaingo/ui/table";
-import * as V from "react";
-import he, { useState as k, useEffect as K } from "react";
+import { jsx as e, jsxs as a } from "react/jsx-runtime";
+import { Table as ie, TableHeader as ce, TableRow as E, TableHead as de, TableBody as me, TableCell as K } from "@ichaingo/ui/table";
+import * 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 fe } from "antd";
-import F from "dayjs";
+import { DatePicker as ue } from "antd";
+import M from "dayjs";
 import "dayjs/locale/en";
 import "dayjs/locale/zh-cn";
 import "dayjs/locale/zh-tw";
 import "dayjs/locale/ja";
 import "dayjs/locale/ko";
-import ue from "antd/es/date-picker/locale/en_US";
+import fe from "antd/es/date-picker/locale/en_US";
 import pe from "antd/es/date-picker/locale/zh_CN";
 import Ae from "antd/es/date-picker/locale/zh_TW";
 import be from "antd/es/date-picker/locale/ja_JP";
 import ge from "antd/es/date-picker/locale/ko_KR";
 import D from "@ichaingo/image";
-import { Popover as U, PopoverTrigger as O, PopoverContent as Q } from "@ichaingo/ui/popover";
-import { useLocale as xe, useTranslations as Z } from "next-intl";
-import { X as W, Search as z } from "lucide-react";
-import * as I from "@radix-ui/react-slider";
+import { Popover as O, PopoverTrigger as U, PopoverContent as Q } from "@ichaingo/ui/popover";
+import { useLocale as xe, useTranslations as J } from "next-intl";
+import { X as W, Search as V } from "lucide-react";
+import * as Y from "@radix-ui/react-slider";
 import $ from "@ichaingo/number-like";
 import B from "@ichaingo/translation";
 import _ from "@ichaingo/request";
 import { useParams as ee } from "next/navigation";
 import { Checkbox as te } from "@ichaingo/ui/checkbox";
-import { useDebounceFn as ke } from "ahooks";
-import ye from "@ichaingo/empty";
-import we from "@ichaingo/loading";
+import { useDebounceFn as we } from "ahooks";
+import ke from "@ichaingo/empty";
+import ye from "@ichaingo/loading";
 const Ne = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgB7ZPhDcIgEIUP0wEcQTdwAxjBERzBDcSJdAPbDdwANznBQnIih6TQP02/hJDmwb274wqwaBDRuDVVd3TksLKbivSd1zRzn9PvQognzeSA7VG0gqPfe7sGksnF71dIk9IljJ1QPt5YonfV9HZIhQme1ONYHeR5Vep5A/tQ+xo9ZSCRn5hSZM5Awe+oVhEb9PA9RVMIU5Q0GGxfNVTgW6zC9yZz0EQ/jinRYliDVrBjmhvBkvEMzF7B+gZ/mb2CD7aHZ2zPiRps7bphOx4uJiyCNyogpaxjuzr+AAAAAElFTkSuQmCC";
 function ve({
-  className: a,
+  className: l,
   onChange: i,
-  ...h
+  ...c
 }) {
-  const d = xe(), [A, y] = V.useState(!1), w = V.useRef(null), [g, b] = V.useState(null), c = {
-    en: ue,
+  const m = xe(), [A, k] = Z.useState(!1), y = Z.useRef(null), [g, b] = Z.useState(null), d = {
+    en: fe,
     "zh-hans": pe,
     "zh-hant": Ae,
     ja: be,
     ko: ge
-  }, u = {
+  }, f = {
     en: "en",
     "zh-hans": "zh-cn",
     "zh-hant": "zh-tw",
     ja: "ja",
     ko: "ko"
   };
-  V.useEffect(() => {
-    F.locale(u[d] ?? "en");
-  }, [d]);
+  Z.useEffect(() => {
+    M.locale(f[m] ?? "en");
+  }, [m]);
   const C = (o) => {
     if (!o) {
       i("", ""), N();
       return;
     }
-    const [m, p] = o, x = m ? q(m.toDate()) : void 0, T = p ? X(p.toDate()) : void 0;
+    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 = () => {
-    y(!1);
+    k(!1);
   }, R = (o) => {
-    o ? y(!0) : C(g);
+    o ? k(!0) : C(g);
   }, S = (o) => {
     if (!o) {
       b(null);
       return;
     }
-    const [m, p] = o;
-    b([m, p]);
-  }, s = (o) => {
+    const [h, p] = o;
+    b([h, p]);
+  }, n = (o) => {
     if (!o || !o[0] || !o[1]) {
       b(null), i("", ""), N();
       return;
     }
-    const m = q(o[0].toDate()), p = X(o[1].toDate());
-    i(Math.floor(m.getTime() / 1e3), Math.floor(p.getTime() / 1e3)), b([o[0], o[1]]), N();
+    const h = q(o[0].toDate()), p = X(o[1].toDate());
+    i(Math.floor(h.getTime() / 1e3), Math.floor(p.getTime() / 1e3)), b([o[0], o[1]]), N();
   };
-  return /* @__PURE__ */ e("div", { className: v(a), ...h, children: /* @__PURE__ */ l(U, { open: A, onOpenChange: R, children: [
-    /* @__PURE__ */ e(O, { 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 }) }) }),
-    /* @__PURE__ */ e(Q, { className: "w-auto p-0", align: "center", side: "right", children: /* @__PURE__ */ e("div", { ref: w, className: "relative", children: /* @__PURE__ */ e(
-      fe.RangePicker,
+  return /* @__PURE__ */ e("div", { className: v(l), ...c, children: /* @__PURE__ */ a(O, { open: A, onOpenChange: R, children: [
+    /* @__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 }) }) }),
+    /* @__PURE__ */ e(Q, { className: "w-auto p-0", align: "center", side: "right", children: /* @__PURE__ */ e("div", { ref: y, className: "relative", children: /* @__PURE__ */ e(
+      ue.RangePicker,
       {
         open: !0,
         size: "small",
-        locale: c[d],
+        locale: d[m],
         allowClear: !1,
-        value: g ?? [F(), F()],
+        value: g ?? [M(), M()],
         onCalendarChange: S,
-        onChange: s,
-        getPopupContainer: () => w.current,
+        onChange: n,
+        getPopupContainer: () => y.current,
         style: { position: "absolute", opacity: 0, width: 0, height: 0, pointerEvents: "none" },
-        disabledDate: (o) => o && o > F().endOf("day")
+        disabledDate: (o) => o && o > M().endOf("day")
       }
     ) }) })
   ] }) });
 }
 const Ce = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADZSURBVHgB7ZTbDcIwDEVvUAfoCN2AjsAI3YBu0jABGYER2KAjABPABrBBcMARFkjNo/krR7IaWfZ1nDoB/gRQfmGt7enToAw3pdThu4BFQajAS7sSvh3ZwOsj2QVprMk6ofULNWHsmytZg0hcLOc4TCh4FEVqhMVrIT6idELqhnySbHk/ETfkHKlPbsnuLDBMiLuYFjm4u2E/bIW/E/4ecyABLXZa8/H5zjRKQEInFtywxU0MsUIcD2QSWyCb5RVInvcqMs7/ZHerzygNz74Wz0f0mM4pZLAInpppFh6wLb8LAAAAAElFTkSuQmCC";
-function je({ onChange: a, filterKey: i }) {
-  const [h, d] = k(!1), A = Z("common"), [y, w] = k(""), [g, b] = k(""), [c, u] = k([0.01, 1e10]), C = (p) => {
-    u(p), w(p[0].toString()), b(p[1].toString());
+function je({ onChange: l, filterKey: i }) {
+  const [c, m] = w(!1), A = J("common"), [k, y] = w(""), [g, b] = w(""), [d, f] = w([0.01, 1e10]), C = (p) => {
+    f(p), y(p[0].toString()), b(p[1].toString());
   }, N = (p) => {
     const x = p.target.value;
-    if (x === "" || /^\d*\.?\d*$/.test(x) && !x.startsWith(".")) {
-      w(x);
+    if (x === "" || /^\d*\.?\d{0,8}$/.test(x) && !x.startsWith(".")) {
+      y(x);
       const T = parseFloat(x) || 0;
-      u([T, c[1]]);
+      f([T, d[1]]);
     }
   }, R = (p) => {
     const x = p.target.value;
-    if (x === "" || /^\d*\.?\d*$/.test(x) && !x.startsWith(".")) {
+    if (x === "" || /^\d*\.?\d{0,8}$/.test(x) && !x.startsWith(".")) {
       b(x);
       const T = parseFloat(x);
-      u([c[0], T]);
+      f([d[0], T]);
     }
   }, S = () => {
-    a(y, g), d(!1);
-  }, s = () => {
-    d(!1);
+    l(k, g), m(!1);
+  }, n = () => {
+    m(!1);
   }, o = (p) => {
-    p.target.value === "0" && w("0.01");
-  }, m = (p) => {
+    p.target.value === "0" && y("0.01");
+  }, h = (p) => {
     p.target.value === "0" && b("0.01");
   };
-  return /* @__PURE__ */ l(U, { open: h, onOpenChange: d, children: [
-    /* @__PURE__ */ e(O, { 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" }) }) }),
-    /* @__PURE__ */ e(Q, { className: "bg-module", children: /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
-      /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between h-9", children: [
+  return /* @__PURE__ */ a(O, { open: c, onOpenChange: m, children: [
+    /* @__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" }) }) }),
+    /* @__PURE__ */ e(Q, { className: "bg-module", children: /* @__PURE__ */ a("div", { className: "w-full h-full", children: [
+      /* @__PURE__ */ a("div", { className: "flex flex-row items-center justify-between h-9", children: [
         /* @__PURE__ */ e("span", { className: "text-sm", children: /* @__PURE__ */ e(B, { value: "label", parentKey: "common.filter.amount" }) }),
-        /* @__PURE__ */ e("div", { className: "w-4 h-4 text-black text-sm cursor-pointer flex items-center justify-center", onClick: () => s(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4" }) })
+        /* @__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" }) })
       ] }),
-      /* @__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__ */ a("div", { className: "flex flex-row items-center justify-between gap-2 py-3", children: [
+        /* @__PURE__ */ a("fieldset", { className: "w-1/2 h-full", children: [
           /* @__PURE__ */ e("label", { className: "w-full h-full text-sm", children: /* @__PURE__ */ e(B, { value: "form", parentKey: "common.filter.amount" }) }),
-          /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]*", 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: y, 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-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 })
         ] }),
-        /* @__PURE__ */ l("fieldset", { className: "w-1/2 h-full", children: [
+        /* @__PURE__ */ a("fieldset", { className: "w-1/2 h-full", children: [
           /* @__PURE__ */ e("label", { className: "w-full h-full text-sm", children: /* @__PURE__ */ e(B, { value: "to", parentKey: "common.filter.amount" }) }),
-          /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]*", onBlur: m, 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 })
+          /* @__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 })
         ] })
       ] }),
-      /* @__PURE__ */ l("div", { className: " w-full pb-4", children: [
-        /* @__PURE__ */ l(
-          I.Root,
+      /* @__PURE__ */ a("div", { className: " w-full pb-4", children: [
+        /* @__PURE__ */ a(
+          Y.Root,
           {
             className: "w-full relative flex items-center justify-center h-1 flex-grow bg-background rounded-sm touch-pan-y select-none",
-            value: c,
+            value: d,
             onValueChange: C,
             max: 1e10,
             min: 0.01,
             step: 1,
             children: [
-              /* @__PURE__ */ e(I.Track, { className: "h-1 rounded-full bg-primary", children: /* @__PURE__ */ e(I.Range, { className: "h-1 absolute bg-primary rounded-full" }) }),
-              /* @__PURE__ */ e(I.Thumb, { className: "block w-3 h-3 bg-primary rounded-full cursor-pointer touch-none", "aria-label": "Min value" }),
-              /* @__PURE__ */ e(I.Thumb, { className: "block w-3 h-3 bg-primary rounded-full cursor-pointer touch-none", "aria-label": "Max value" })
+              /* @__PURE__ */ e(Y.Track, { className: "h-1 rounded-full bg-primary", children: /* @__PURE__ */ e(Y.Range, { className: "h-1 absolute bg-primary rounded-full" }) }),
+              /* @__PURE__ */ e(Y.Thumb, { className: "block w-3 h-3 bg-primary rounded-full cursor-pointer touch-none", "aria-label": "Min value" }),
+              /* @__PURE__ */ e(Y.Thumb, { className: "block w-3 h-3 bg-primary rounded-full cursor-pointer touch-none", "aria-label": "Max value" })
             ]
           }
         ),
-        /* @__PURE__ */ l("div", { className: "flex justify-between text-xs text-gray-500 mt-2", children: [
+        /* @__PURE__ */ a("div", { className: "flex justify-between text-xs text-gray-500 mt-2", children: [
           /* @__PURE__ */ e($, { addonBefore: i === "valueUSD" ? /* @__PURE__ */ e("span", { className: "text-subtitle", children: "$" }) : void 0, number: "0.01", minimumFractionDigits: 2, notation: "compact", maximumFractionDigits: 20 }),
           /* @__PURE__ */ e($, { addonBefore: i === "valueUSD" ? /* @__PURE__ */ e("span", { className: "text-subtitle", children: "$" }) : void 0, number: "10000000000", notation: "compact", maximumFractionDigits: 2 })
         ] })
       ] }),
-      /* @__PURE__ */ l("div", { className: "flex justify-end items-center", children: [
-        /* @__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: s, children: A("button.cancel") }),
+      /* @__PURE__ */ a("div", { className: "flex justify-end items-center", children: [
+        /* @__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") }),
         /* @__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") })
       ] })
     ] }) })
   ] });
 }
 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, h] = k(!1), d = Z("common"), [A, y] = k(""), w = (c) => {
-    const u = c.target.value;
-    (u === "" || /^[a-zA-Z0-9]*$/.test(u)) && y(u);
+function Re({ onChange: l }) {
+  const [i, c] = w(!1), m = J("common"), [A, k] = w(""), y = (d) => {
+    const f = d.target.value;
+    (f === "" || /^[a-zA-Z0-9]*$/.test(f)) && k(f);
   }, g = () => {
-    a(A), h(!1);
+    l(A), c(!1);
   }, b = () => {
-    h(!1);
+    c(!1);
   };
-  return /* @__PURE__ */ l(U, { open: i, onOpenChange: h, children: [
-    /* @__PURE__ */ e(O, { 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" }) }) }),
-    /* @__PURE__ */ e(Q, { className: "bg-module", children: /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
-      /* @__PURE__ */ l("fieldset", { className: "w-full h-full", children: [
-        /* @__PURE__ */ l("label", { className: "w-full h-full text-sm flex items-center justify-between", children: [
-          d("filter.address.label"),
+  return /* @__PURE__ */ a(O, { open: i, onOpenChange: c, children: [
+    /* @__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" }) }) }),
+    /* @__PURE__ */ e(Q, { className: "bg-module", children: /* @__PURE__ */ a("div", { className: "w-full h-full", children: [
+      /* @__PURE__ */ a("fieldset", { className: "w-full h-full", children: [
+        /* @__PURE__ */ a("label", { className: "w-full h-full text-sm flex items-center justify-between", children: [
+          m("filter.address.label"),
           /* @__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" }) })
         ] }),
-        /* @__PURE__ */ l("div", { className: "w-full relative text-sm ", children: [
-          /* @__PURE__ */ e(z, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
-          /* @__PURE__ */ e("input", { placeholder: d("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 })
+        /* @__PURE__ */ a("div", { className: "w-full relative text-sm ", children: [
+          /* @__PURE__ */ e(V, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
+          /* @__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 })
         ] })
       ] }),
-      /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
-        /* @__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: d("button.cancel") }),
-        /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: g, children: d("button.confirm") })
+      /* @__PURE__ */ a("div", { className: "flex justify-end items-center mt-2", children: [
+        /* @__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") }),
+        /* @__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") })
       ] })
     ] }) })
   ] });
 }
-const Se = (a) => _.get("/api/v2/tokens/hot-list", { params: { ...a, limit: 100, page: 1 } }), Be = (a) => _.get("/api/token/list/verified", {
+const Se = (l) => _.get("/api/v2/tokens/hot-list", { params: { ...l, limit: 100, page: 1 } }), Be = (l) => _.get("/api/token/list/verified", {
   params: {
-    search: a,
+    search: l,
     page: 1,
     size: 100
   }
 });
-function Te({ onChange: a }) {
-  const { chain: i } = ee(), h = Z("common.filter.amount"), [d, A] = k(!1), [y, w] = k(""), [g, b] = k([]), [c, u] = k([]), C = () => {
+function Te({ onChange: l }) {
+  const { chain: i } = ee(), c = J("common.filter.amount"), [m, A] = w(!1), [k, y] = w(""), [g, b] = w([]), [d, f] = w([]), C = () => {
     A(!1);
   }, N = () => {
-    a(c), A(!1);
-  }, R = (s) => {
-    c.some((o) => o.tokenAddress === s.tokenAddress) ? u(c.filter((o) => o.tokenAddress !== s.tokenAddress)) : u([...c, s]);
-  }, S = ke(async () => {
-    const s = await Se({
+    l(d), A(!1);
+  }, R = (n) => {
+    d.some((o) => o.tokenAddress === n.tokenAddress) ? f(d.filter((o) => o.tokenAddress !== n.tokenAddress)) : f([...d, n]);
+  }, S = we(async () => {
+    const n = await Se({
       chain: i,
-      text: y,
+      text: k,
       limit: 100,
       page: 1
     });
-    b((s == null ? void 0 : s.data) || []);
+    b((n == null ? void 0 : n.data) || []);
   }, { wait: 300 });
-  return K(() => {
+  return z(() => {
     S.run();
-  }, [i, y]), /* @__PURE__ */ l(U, { open: d, onOpenChange: A, children: [
-    /* @__PURE__ */ e(O, { 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" }) }) }),
-    /* @__PURE__ */ l(Q, { className: "py-5 bg-module", children: [
-      /* @__PURE__ */ l("div", { className: "w-full h-full", children: [
-        /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between h-9", children: [
+  }, [i, k]), /* @__PURE__ */ a(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-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
+    /* @__PURE__ */ a(Q, { className: "py-5 bg-module", children: [
+      /* @__PURE__ */ a("div", { className: "w-full h-full", children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-row items-center justify-between h-9", children: [
           /* @__PURE__ */ e("span", { className: "text-base text-title", children: /* @__PURE__ */ e(B, { value: "label", parentKey: "common.filter.token" }) }),
           /* @__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" }) })
         ] }),
-        /* @__PURE__ */ l("div", { className: "w-full relative text-sm py-3", children: [
-          /* @__PURE__ */ e(z, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
-          /* @__PURE__ */ e("input", { type: "text", placeholder: h("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: (s) => w(s.target.value) })
+        /* @__PURE__ */ a("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-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) })
         ] })
       ] }),
-      /* @__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((s, 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(s), children: [
-        /* @__PURE__ */ e(D, { src: s.iconUrl, objectFit: "contain", alt: s.tokenSymbol, className: "rounded-full w-4 h-4 min-w-4 min-h-4 flex-shrink-0" }),
-        /* @__PURE__ */ l("div", { className: "text-sm text-title text-left truncate min-w-0 flex-1 overflow-hidden", children: [
-          /* @__PURE__ */ e("span", { className: "text-title", children: s.tokenSymbol }),
+      /* @__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: [
+        /* @__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" }),
+        /* @__PURE__ */ a("div", { className: "text-sm text-title text-left truncate min-w-0 flex-1 overflow-hidden", children: [
+          /* @__PURE__ */ e("span", { className: "text-title", children: n.tokenSymbol }),
           " ",
-          /* @__PURE__ */ e("span", { className: "text-subtitle text-xs", children: s.tokenName })
+          /* @__PURE__ */ e("span", { className: "text-subtitle text-xs", children: n.tokenName })
         ] }),
-        /* @__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", c.some((m) => m.tokenAddress === s.tokenAddress) ? "bg-primary" : "bg-module"), checked: c.some((m) => m.tokenAddress === s.tokenAddress) }) })
+        /* @__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) }) })
       ] }, o)) }),
-      /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
+      /* @__PURE__ */ a("div", { className: "flex justify-end items-center mt-2", children: [
         /* @__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" }) }),
         /* @__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" }) })
       ] })
     ] })
   ] });
 }
-function De({ onChange: a }) {
-  const { chain: i = "" } = ee(), h = Z("common.filter.amount"), [d, A] = k(!1), [y, w] = k(""), [g, b] = k([]), [c, u] = k([]), C = () => {
-    a([]), w(""), u([]), A(!1);
+function De({ onChange: l }) {
+  const { chain: i = "" } = ee(), c = J("common.filter.amount"), [m, A] = w(!1), [k, y] = w(""), [g, b] = w([]), [d, f] = w([]), C = () => {
+    l([]), y(""), f([]), A(!1);
   }, N = () => {
-    a(c), A(!1);
-  }, R = (s) => {
-    c.some((o) => o.tokenAddress === s.tokenAddress) ? u(c.filter((o) => o.tokenAddress !== s.tokenAddress)) : u([...c, s]);
+    l(d), A(!1);
+  }, R = (n) => {
+    d.some((o) => o.tokenAddress === n.tokenAddress) ? f(d.filter((o) => o.tokenAddress !== n.tokenAddress)) : f([...d, n]);
   }, S = async () => {
     var o;
-    const s = await Be(y);
-    b(((o = s == null ? void 0 : s.data) == null ? void 0 : o.content) || []);
+    const n = await Be(k);
+    b(((o = n == null ? void 0 : n.data) == null ? void 0 : o.content) || []);
   };
-  return K(() => {
+  return z(() => {
     S();
-  }, [i, y]), /* @__PURE__ */ l(U, { open: d, onOpenChange: A, children: [
-    /* @__PURE__ */ e(O, { 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" }) }) }),
-    /* @__PURE__ */ l(Q, { className: "py-5 bg-module", children: [
-      /* @__PURE__ */ l("div", { className: "w-full h-full bg-module", children: [
-        /* @__PURE__ */ l("div", { className: "flex flex-row items-center justify-between h-9", children: [
+  }, [i, k]), /* @__PURE__ */ a(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-[#000000] rounded-sm cursor-pointer", children: /* @__PURE__ */ e(D, { src: H, width: 12, height: 12, objectFit: "contain" }) }) }),
+    /* @__PURE__ */ a(Q, { className: "py-5 bg-module", children: [
+      /* @__PURE__ */ a("div", { className: "w-full h-full bg-module", children: [
+        /* @__PURE__ */ a("div", { className: "flex flex-row items-center justify-between h-9", children: [
           /* @__PURE__ */ e("span", { className: "text-base text-title", children: /* @__PURE__ */ e(B, { value: "label", parentKey: "common.filter.token" }) }),
           /* @__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" }) })
         ] }),
-        /* @__PURE__ */ l("div", { className: "w-full relative bg-module text-sm py-3", children: [
-          /* @__PURE__ */ e(z, { className: "w-4 h-4 absolute left-2 top-1/2 -translate-y-1/2" }),
-          /* @__PURE__ */ e("input", { type: "text", placeholder: h("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: (s) => w(s.target.value) })
+        /* @__PURE__ */ a("div", { className: "w-full relative bg-module 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-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) })
         ] })
       ] }),
-      /* @__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((s, 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(s), children: [
-        /* @__PURE__ */ e(D, { src: s.iconUrl, objectFit: "contain", alt: s.tokenName, className: "rounded-full w-4 h-4 min-w-4 min-h-4 flex-shrink-0" }),
-        /* @__PURE__ */ e("div", { className: "text-sm text-title text-left truncate min-w-0 flex-1 overflow-hidden", children: s.tokenName }),
-        /* @__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", c.some((m) => m.tokenAddress === s.tokenAddress) ? "bg-primary" : "bg-white"), checked: c.some((m) => m.tokenAddress === s.tokenAddress) }) })
+      /* @__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: [
+        /* @__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" }),
+        /* @__PURE__ */ e("div", { className: "text-sm text-title text-left truncate min-w-0 flex-1 overflow-hidden", children: n.tokenName }),
+        /* @__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) }) })
       ] }, o)) }),
-      /* @__PURE__ */ l("div", { className: "flex justify-end items-center mt-2", children: [
+      /* @__PURE__ */ a("div", { className: "flex justify-end items-center mt-2", children: [
         /* @__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" }) }),
         /* @__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" }) })
       ] })
     ] })
   ] });
 }
-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", Me = (a) => a == null ? "" : typeof a == "object" ? JSON.stringify(a) : a, ct = (a) => {
+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) => {
   const i = {
     filters: {}
   };
-  return Object.keys(a).forEach((h) => {
-    h === "timestamp" ? (i.filters.startTime = a.timestamp.start, i.filters.endTime = a.timestamp.end) : h === "fromAddress" ? i.filters.fromAddress = a.fromAddress.address : h === "toAddress" ? i.filters.toAddress = a.toAddress.address : h === "valueUSD" ? (i.filters.minValueUSD = a.valueUSD.min, i.filters.maxValueUSD = a.valueUSD.max) : h === "amount" ? (i.filters.minAmount = a.amount.min, i.filters.maxAmount = a.amount.max) : h === "token" ? i.filters.tokenList = a.token.map((d) => d.tokenAddress) : h === "tokenSearch" && (i.filters.tokenList = a.tokenSearch.map((d) => d.tokenAddress));
+  return Object.keys(l).forEach((c) => {
+    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);
   }), i.filters;
 };
-function dt({ data: a, columns: i, headerClassName: h, bodyClassName: d, rowClassName: A, tableClassName: y, showHeader: w = !0, renderChildren: g, onFilterChange: b, loading: c, onSortChange: u, defaultOrder: C, defaultSortKey: N, emptyClassName: R, ...S }) {
-  const [s, o] = k(null), [m, p] = k({}), [x, T] = k(N || null), [L, re] = k(C || null), Y = (t, r) => {
-    o((n) => ({
-      ...n,
+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 }) {
+  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
     }));
   }, P = (t) => {
     o((r) => {
-      const n = { ...r };
-      return delete n[t], n;
+      const s = { ...r };
+      return delete s[t], s;
     }), p((r) => ({
       ...r,
       [t]: (r[t] || 0) + 1
     }));
-  }, se = (t) => {
+  }, ne = (t) => {
     switch (t.filter) {
       case "timeRange":
-        return /* @__PURE__ */ e(ve, { onChange: (r, n) => {
-          var f, j;
-          r && n ? (Y(t.key, { start: r, end: n }), (j = (f = t.filterProps) == null ? void 0 : f.onChange) == null || j.call(f, { start: r, end: n })) : P(t.key);
-        } }, m[t.key]);
+        return /* @__PURE__ */ e(ve, { onChange: (r, s) => {
+          var u, j;
+          r && s ? (I(t.key, { start: r, end: s }), (j = (u = t.filterProps) == null ? void 0 : u.onChange) == null || j.call(u, { start: r, end: s })) : P(t.key);
+        } }, h[t.key]);
       case "address":
         return /* @__PURE__ */ e(Re, { onChange: (r) => {
-          var n, f;
-          r ? (Y(t.key, { address: r }), (f = (n = t.filterProps) == null ? void 0 : n.onChange) == null || f.call(n, { address: r })) : P(t.key);
-        } }, m[t.key]);
+          var s, u;
+          r ? (I(t.key, { address: r }), (u = (s = t.filterProps) == null ? void 0 : s.onChange) == null || u.call(s, { address: r })) : P(t.key);
+        } }, h[t.key]);
       case "amount":
-        return /* @__PURE__ */ e(je, { filterKey: t.key, onChange: (r, n) => {
+        return /* @__PURE__ */ e(je, { filterKey: t.key, onChange: (r, s) => {
           var j, G;
-          const f = {};
-          r && (f.min = r), n && (f.max = n), Object.keys(f).length > 0 ? (Y(t.key, f), (G = (j = t.filterProps) == null ? void 0 : j.onChange) == null || G.call(j, f)) : P(t.key);
-        } }, m[t.key]);
+          const u = {};
+          r && (u.min = r), s && (u.max = s), Object.keys(u).length > 0 ? (I(t.key, u), (G = (j = t.filterProps) == null ? void 0 : j.onChange) == null || G.call(j, u)) : P(t.key);
+        } }, h[t.key]);
       case "token":
         return /* @__PURE__ */ e(Te, { onChange: (r) => {
-          var n, f;
-          r ? (Y(t.key, r), (f = (n = t.filterProps) == null ? void 0 : n.onChange) == null || f.call(n, r)) : P(t.key);
-        } }, m[t.key]);
+          var s, u;
+          r ? (I(t.key, r), (u = (s = t.filterProps) == null ? void 0 : s.onChange) == null || u.call(s, r)) : P(t.key);
+        } }, h[t.key]);
       case "tokenSearch":
         return /* @__PURE__ */ e(De, { onChange: (r) => {
-          var n, f;
-          r ? (Y(t.key, r), (f = (n = t.filterProps) == null ? void 0 : n.onChange) == null || f.call(n, r)) : P(t.key);
-        } }, m[t.key]);
+          var s, u;
+          r ? (I(t.key, r), (u = (s = t.filterProps) == null ? void 0 : s.onChange) == null || u.call(s, r)) : P(t.key);
+        } }, h[t.key]);
       default:
         return null;
     }
-  }, ne = (t) => t.min && !t.max ? /* @__PURE__ */ l("div", { className: "flex items-center gap-2 min-w-fit  ", children: [
+  }, se = (t) => t.min && !t.max ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-fit  ", children: [
     "≥ ",
     t.min
-  ] }) : !t.min && t.max ? /* @__PURE__ */ l("div", { className: "flex items-center gap-2 min-w-fit  ", children: [
+  ] }) : !t.min && t.max ? /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-fit  ", children: [
     "≤ ",
     t.max
-  ] }) : /* @__PURE__ */ l("div", { className: "flex items-center gap-2 min-w-fit  ", children: [
+  ] }) : /* @__PURE__ */ a("div", { className: "flex items-center gap-2 min-w-fit  ", children: [
     t.min,
     " - ",
     t.max
@@ -360,35 +360,35 @@ function dt({ data: a, columns: i, headerClassName: h, bodyClassName: d, rowClas
     if (!r) return null;
     switch (t.filter) {
       case "timeRange":
-        return /* @__PURE__ */ l("div", { className: "w-fit flex items-center gap-2", children: [
-          F(r.start * 1e3).format("YYYY-MM-DD") || "",
+        return /* @__PURE__ */ a("div", { className: "w-fit flex items-center gap-2", children: [
+          M(r.start * 1e3).format("YYYY-MM-DD") || "",
           " - ",
-          F(r.end * 1e3).format("YYYY-MM-DD") || ""
+          M(r.end * 1e3).format("YYYY-MM-DD") || ""
         ] });
       case "address":
         return /* @__PURE__ */ e("div", { className: "flex items-center min-w-fit ", children: r.address });
       case "amount":
-        return /* @__PURE__ */ e("div", { className: "flex items-center gap-2 min-w-fit  ", children: ne(r) });
+        return /* @__PURE__ */ e("div", { className: "flex items-center gap-2 min-w-fit  ", children: se(r) });
       case "token":
-        return /* @__PURE__ */ e("div", { className: "flex items-center gap-2 min-w-fit  ", children: r.map((n) => n.tokenName).join(", ") });
+        return /* @__PURE__ */ e("div", { className: "flex items-center gap-2 min-w-fit  ", children: r.map((s) => s.tokenName).join(", ") });
       case "tokenSearch":
-        return /* @__PURE__ */ e("div", { className: "flex items-center gap-2 min-w-fit ", children: r.map((n) => n.tokenName).join(", ") });
+        return /* @__PURE__ */ e("div", { className: "flex items-center gap-2 min-w-fit ", children: r.map((s) => s.tokenName).join(", ") });
       default:
         return null;
     }
   }, ae = (t) => {
     const r = L === "asc" ? "desc" : "asc";
-    T(t), re(r), u == null || u(t, r);
-  }, M = i.filter((t) => !t.hidden), oe = M.some((t) => t.filter);
-  return K(() => {
-    s !== null && (b == null || b(s));
-  }, [s]), /* @__PURE__ */ l("div", { className: "overflow-auto min-w-full relative", ...S, children: [
-    /* @__PURE__ */ e(we, { loading: c }),
-    oe && s && Object.keys(s).length > 0 && /* @__PURE__ */ e("div", { className: "flex flex-row gap-3 flex-nowrap overflow-x-auto scrollbar-hide pb-3", children: M.map((t) => {
-      if (!s) return null;
-      const r = s == null ? void 0 : s[t.key];
-      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: [
-        /* @__PURE__ */ l("div", { className: "text-sm text-subtitle shrink-0", children: [
+    T(t), re(r), f == null || f(t, r);
+  }, F = i.filter((t) => !t.hidden), oe = F.some((t) => t.filter);
+  return z(() => {
+    n !== null && (b == null || b(n));
+  }, [n]), /* @__PURE__ */ a("div", { className: "overflow-auto min-w-full relative", ...S, children: [
+    /* @__PURE__ */ e(ye, { loading: d }),
+    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) => {
+      if (!n) return null;
+      const r = n == null ? void 0 : n[t.key];
+      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: [
+        /* @__PURE__ */ a("div", { className: "text-sm text-subtitle shrink-0", children: [
           t.label,
           ":"
         ] }),
@@ -403,22 +403,22 @@ function dt({ data: a, columns: i, headerClassName: h, bodyClassName: d, rowClas
         )
       ] }, t.key);
     }) }),
-    /* @__PURE__ */ l(ie, { className: v("", y), children: [
-      w && /* @__PURE__ */ e(ce, { className: v("border-b border-stroke", h), children: /* @__PURE__ */ e(E, { className: "border-b-0 hover:bg-transparent", children: M.map((t, r) => {
-        var n;
-        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", (n = t.className) == null ? void 0 : n.call(t, t, r)), children: [
+    /* @__PURE__ */ a(ie, { className: v("", k), children: [
+      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) => {
+        var s;
+        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: [
           t.label,
-          t.filter && se(t),
+          t.filter && ne(t),
           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) })
         ] }) }, r);
       }) }) }),
-      /* @__PURE__ */ e(me, { className: v("[&_tr:last-child]:border-b-0", d), children: (a == null ? void 0 : a.length) > 0 ? a.map((t, r) => /* @__PURE__ */ l(he.Fragment, { children: [
-        /* @__PURE__ */ e(E, { className: v("border-r-0 border-l-0 border-t-0 border-b border-stroke hover:bg-background", A), children: M.map((n, f) => {
+      /* @__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: [
+        /* @__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) => {
           var j;
-          return /* @__PURE__ */ e(J, { className: v("text-left min-w-fit py-4", n.align === "center" && "text-center", n.align === "right" && "text-right", "whitespace-nowrap", (j = n.className) == null ? void 0 : j.call(n, n, r, a[r])), style: { width: n.width }, children: n.render ? n.render(t[n.key], t, r) : Me(t[n.key]) }, f);
+          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);
         }) }, r),
-        g && /* @__PURE__ */ e(E, { className: "border-b-0", children: /* @__PURE__ */ e(J, { colSpan: M.length, className: "p-0", children: g(t, r) }) })
-      ] }, r)) : /* @__PURE__ */ e(E, { children: /* @__PURE__ */ e(J, { colSpan: M.length, className: "w-full text-center", children: /* @__PURE__ */ e(ye, { className: v("w-full h-38", R) }) }) }) })
+        g && /* @__PURE__ */ e(E, { className: "border-b-0", children: /* @__PURE__ */ e(K, { colSpan: F.length, className: "p-0", children: g(t, r) }) })
+      ] }, 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) }) }) }) })
     ] })
   ] });
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/table",
-  "version": "1.4.27",
+  "version": "1.4.29",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -33,14 +33,14 @@
     "antd": "^5.24.2",
     "ahooks": "^3.8.4",
     "@radix-ui/react-slider": "^1.3.6",
-    "@ichaingo/ui": "1.4.27",
-    "@ichaingo/empty": "1.4.27",
-    "@ichaingo/loading": "1.4.27",
-    "@ichaingo/image": "1.4.27",
-    "@ichaingo/i18n": "1.4.27",
-    "@ichaingo/translation": "1.4.27",
-    "@ichaingo/request": "1.4.27",
-    "@ichaingo/number-like": "1.4.27",
-    "@ichaingo/iconfont": "1.4.27"
+    "@ichaingo/image": "1.4.29",
+    "@ichaingo/empty": "1.4.29",
+    "@ichaingo/translation": "1.4.29",
+    "@ichaingo/i18n": "1.4.29",
+    "@ichaingo/loading": "1.4.29",
+    "@ichaingo/ui": "1.4.29",
+    "@ichaingo/request": "1.4.29",
+    "@ichaingo/iconfont": "1.4.29",
+    "@ichaingo/number-like": "1.4.29"
   }
 }