@0xchain/table 1.1.0-beta.19 → 1.1.0-beta.20

package/dist/filters/Address.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Address.d.ts","sourceRoot":"","sources":["../../src/filters/Address.tsx"],"names":[],"mappings":"AAQA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAC,QAAQ,EAAC,EAAE;IAAC,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAAC,2CA+ChF"}
+{"version":3,"file":"Address.d.ts","sourceRoot":"","sources":["../../src/filters/Address.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,OAAO,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,OAAO,EAAE,MAAM,KAAK,IAAI,CAAA;CAAE,2CA+CpF"}

package/dist/filters/Amount.d.ts

@@ -1,4 +1,4 @@
-export default function Amount({ onChange, filterKey }: {
+export default function Amount({ onChange }: {
     onChange: (from: string, to: string) => void;
     filterKey: string;
 }): import("react/jsx-runtime").JSX.Element;

package/dist/filters/Amount.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Amount.d.ts","sourceRoot":"","sources":["../../src/filters/Amount.tsx"],"names":[],"mappings":"AAUA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAC,QAAQ,EAAE,SAAS,EAAC,EAAE;IAAC,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAC,2CAuGtH"}
+{"version":3,"file":"Amount.d.ts","sourceRoot":"","sources":["../../src/filters/Amount.tsx"],"names":[],"mappings":"AAOA,MAAM,CAAC,OAAO,UAAU,MAAM,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,IAAI,EAAE,MAAM,EAAE,EAAE,EAAE,MAAM,KAAK,IAAI,CAAC;IAAC,SAAS,EAAE,MAAM,CAAA;CAAE,2CA6E/G"}

package/dist/filters/TimeRange.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TimeRange.d.ts","sourceRoot":"","sources":["../../src/filters/TimeRange.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAO9B,OAAO,iBAAiB,CAAA;AACxB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AAexB,UAAU,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAqG1B"}
+{"version":3,"file":"TimeRange.d.ts","sourceRoot":"","sources":["../../src/filters/TimeRange.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAA;AAM9B,OAAO,iBAAiB,CAAA;AACxB,OAAO,oBAAoB,CAAA;AAC3B,OAAO,oBAAoB,CAAA;AAC3B,OAAO,iBAAiB,CAAA;AACxB,OAAO,iBAAiB,CAAA;AAexB,UAAU,wBAAyB,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC,EAAE,UAAU,CAAC;IAC/F,QAAQ,EAAE,CAAC,KAAK,EAAE,MAAM,GAAG,MAAM,EAAE,GAAG,EAAE,MAAM,GAAG,MAAM,KAAK,IAAI,CAAA;CACjE;AAED,MAAM,CAAC,OAAO,UAAU,mBAAmB,CAAC,EAC1C,SAAS,EACT,QAAQ,EACR,GAAG,KAAK,EACT,EAAE,wBAAwB,2CAqG1B"}

package/dist/filters/Token.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/filters/Token.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAmB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQnE,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;CAAE,2CA2E9F"}
+{"version":3,"file":"Token.d.ts","sourceRoot":"","sources":["../../src/filters/Token.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAmB,cAAc,EAAE,MAAM,kBAAkB,CAAC;AASnE,MAAM,CAAC,OAAO,UAAU,KAAK,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;CAAE,2CA2E9F"}

package/dist/filters/TokenSearch.d.ts.map

@@ -1 +1 @@
-{"version":3,"file":"TokenSearch.d.ts","sourceRoot":"","sources":["../../src/filters/TokenSearch.tsx"],"names":[],"mappings":"AAKA,OAAO,EAAe,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAO/D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;CAAE,2CAwEpG"}
+{"version":3,"file":"TokenSearch.d.ts","sourceRoot":"","sources":["../../src/filters/TokenSearch.tsx"],"names":[],"mappings":"AAIA,OAAO,EAAe,cAAc,EAAE,MAAM,kBAAkB,CAAC;AAQ/D,MAAM,CAAC,OAAO,UAAU,WAAW,CAAC,EAAE,QAAQ,EAAE,EAAE;IAAE,QAAQ,EAAE,CAAC,SAAS,EAAE,cAAc,EAAE,KAAK,IAAI,CAAA;CAAE,2CAwEpG"}

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,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,2CA+LxQ"}
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../src/index.tsx"],"names":[],"mappings":"AAMA,OAAO,KAA8B,MAAM,OAAO,CAAC;AAWnD,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,CAAC,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,2CAgNvQ"}

package/dist/index.js

@@ -17,20 +17,18 @@ import zhCNPicker from "antd/es/date-picker/locale/zh_CN";
 import zhTWPicker from "antd/es/date-picker/locale/zh_TW";
 import jaJPPicker from "antd/es/date-picker/locale/ja_JP";
 import koKRPicker from "antd/es/date-picker/locale/ko_KR";
-import ImageBar from "@0xchain/image";
+import IconFont from "@0xchain/iconfont";
 import { Popover, PopoverTrigger, PopoverContent } from "@0xchain/ui/popover";
 import { useLocale, useTranslations } from "next-intl";
 import { X, Search } from "lucide-react";
-import * as Slider from "@radix-ui/react-slider";
-import NumberLike from "@0xchain/number-like";
 import Translation from "@0xchain/translation";
+import ImageBar from "@0xchain/image";
 import request from "@0xchain/request";
 import { useParams } from "next/navigation";
 import { Checkbox } from "@0xchain/ui/checkbox";
 import { useDebounceFn } from "ahooks";
 import Empty from "@0xchain/empty";
 import Loading from "@0xchain/loading";
-const CalendarIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgB7ZPhDcIgEIUP0wEcQTdwAxjBERzBDcSJdAPbDdwANznBQnIih6TQP02/hJDmwb274wqwaBDRuDVVd3TksLKbivSd1zRzn9PvQognzeSA7VG0gqPfe7sGksnF71dIk9IljJ1QPt5YonfV9HZIhQme1ONYHeR5Vep5A/tQ+xo9ZSCRn5hSZM5Awe+oVhEb9PA9RVMIU5Q0GGxfNVTgW6zC9yZz0EQ/jinRYliDVrBjmhvBkvEMzF7B+gZ/mb2CD7aHZ2zPiRps7bphOx4uJiyCNyogpaxjuzr+AAAAAElFTkSuQmCC";
 function DatePickerWithRange({
   className,
   onChange,
@@ -101,7 +99,7 @@ function DatePickerWithRange({
     cancelPopover();
   };
   return /* @__PURE__ */ jsx("div", { className: twMerge(className), ...props, children: /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: togglePopover, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("i", { className: "w-4 h-4 p-[2px] cursor-pointer flex items-center justify-center bg-[#000] rounded-sm", children: /* @__PURE__ */ jsx(ImageBar, { src: CalendarIcon, width: 12, height: 12 }) }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-[#F1F1F1] rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(IconFont, { type: "icon-time1", style: { fontSize: "20px", color: "#2A6AF6" } }) }) }),
     /* @__PURE__ */ jsx(PopoverContent, { className: "w-auto p-0", align: "center", side: "right", children: /* @__PURE__ */ jsx("div", { ref: containerRef, className: "relative", children: /* @__PURE__ */ jsx(
       DatePicker.RangePicker,
       {
@@ -121,18 +119,12 @@ function DatePickerWithRange({
     ) }) })
   ] }) });
 }
-const AmountIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADZSURBVHgB7ZTbDcIwDEVvUAfoCN2AjsAI3YBu0jABGYER2KAjABPABrBBcMARFkjNo/krR7IaWfZ1nDoB/gRQfmGt7enToAw3pdThu4BFQajAS7sSvh3ZwOsj2QVprMk6ofULNWHsmytZg0hcLOc4TCh4FEVqhMVrIT6idELqhnySbHk/ETfkHKlPbsnuLDBMiLuYFjm4u2E/bIW/E/4ecyABLXZa8/H5zjRKQEInFtywxU0MsUIcD2QSWyCb5RVInvcqMs7/ZHerzygNz74Wz0f0mM4pZLAInpppFh6wLb8LAAAAAElFTkSuQmCC";
-function Amount({ onChange, filterKey }) {
+function Amount({ onChange }) {
   const [open, setOpen] = useState(false);
   const t = useTranslations("common");
   const [min, setMin] = useState("");
   const [max, setMax] = useState("");
   const [sliderValues, setSliderValues] = useState([0.01, 1e10]);
-  const handleSliderChange = (values) => {
-    setSliderValues(values);
-    setMin(values[0].toString());
-    setMax(values[1].toString());
-  };
   const handleFromChange = (e) => {
     const value = e.target.value;
     if (value === "" || /^\d*\.?\d{0,8}$/.test(value) && !value.startsWith(".")) {
@@ -169,7 +161,7 @@ function Amount({ onChange, filterKey }) {
     }
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000] rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(ImageBar, { src: AmountIcon, width: 12, height: 12, objectFit: "contain" }) }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-[#F1F1F1] rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(IconFont, { type: "icon-filter", style: { fontSize: "20px", color: "#2A6AF6" } }) }) }),
     /* @__PURE__ */ jsx(PopoverContent, { className: "bg-card", children: /* @__PURE__ */ jsxs("div", { className: "w-full h-full", children: [
       /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between h-9", children: [
         /* @__PURE__ */ jsx("span", { className: "text-sm", children: /* @__PURE__ */ jsx(Translation, { value: "label", parentKey: "common.filter.amount" }) }),
@@ -185,28 +177,6 @@ function Amount({ onChange, filterKey }) {
           /* @__PURE__ */ jsx("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]{0,8}", onBlur: handleMaxBlur, placeholder: t("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: max, onChange: handleToChange })
         ] })
       ] }),
-      /* @__PURE__ */ jsxs("div", { className: " w-full pb-4", children: [
-        /* @__PURE__ */ jsxs(
-          Slider.Root,
-          {
-            className: "w-full relative flex items-center justify-center h-1 grow bg-background rounded-sm touch-pan-y select-none",
-            value: sliderValues,
-            onValueChange: handleSliderChange,
-            max: 1e10,
-            min: 0.01,
-            step: 1,
-            children: [
-              /* @__PURE__ */ jsx(Slider.Track, { className: "h-1 rounded-full bg-primary", children: /* @__PURE__ */ jsx(Slider.Range, { className: "h-1 absolute bg-primary rounded-full" }) }),
-              /* @__PURE__ */ jsx(Slider.Thumb, { className: "block w-3 h-3 bg-primary rounded-full cursor-pointer touch-none", "aria-label": "Min value" }),
-              /* @__PURE__ */ jsx(Slider.Thumb, { className: "block w-3 h-3 bg-primary rounded-full cursor-pointer touch-none", "aria-label": "Max value" })
-            ]
-          }
-        ),
-        /* @__PURE__ */ jsxs("div", { className: "flex justify-between text-xs text-gray-500 mt-2", children: [
-          /* @__PURE__ */ jsx(NumberLike, { addonBefore: filterKey === "valueUSD" ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "$" }) : void 0, number: "0.01", minimumFractionDigits: 2, notation: "compact", maximumFractionDigits: 20 }),
-          /* @__PURE__ */ jsx(NumberLike, { addonBefore: filterKey === "valueUSD" ? /* @__PURE__ */ jsx("span", { className: "text-muted-foreground", children: "$" }) : void 0, number: "10000000000", notation: "compact", maximumFractionDigits: 2 })
-        ] })
-      ] }),
       /* @__PURE__ */ jsxs("div", { className: "flex justify-end items-center", children: [
         /* @__PURE__ */ jsx("button", { className: "bg-card text-foreground text-sm px-3 py-1 border border-border rounded-lg ml-3 cursor-pointer", onClick: handleCancel, children: t("button.cancel") }),
         /* @__PURE__ */ jsx("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded-lg ml-3 cursor-pointer", onClick: handleConfirm, children: t("button.confirm") })
@@ -214,7 +184,6 @@ function Amount({ onChange, filterKey }) {
     ] }) })
   ] });
 }
-const TokenIcon = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABkAAAAZCAYAAADE6YVjAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAFFSURBVHgB5VVRccMwDFV2A+AxCIOZwQyhDGYGC4OGQcegYzAIgZANgcsgY6DJd9Kquk4Te9ef9t3pkpOf/CTFigHuAojoyPZkAY+YyAYyD/8BbdDyRksIVWIU9MrZStY9mSUzvB7fPdmoxLYlAlYFvsvGF/hdsRAee98rn+PWSXWjbhGvC9ySgJc+Z3w57BWvZ9+wJBKYuMkE/7WOhUOSjFGVujmBlglTbi3jM5h8L04kokv5j/xs+fmVEpqmOWR8P3AOiX1OFx4SkQNcASIimT1BPcySiJT6AvWQNn3PMtTpclABFW8vkeS4jlAusF07J0Zls4P1Anri7ZoAq4Zql5uRhP+m+AOsRZx4FRgr63SGPLhx6gc8R9HfuMXTi2oOEyfhq4RYLPb7A0/vjkD2yZsbxa0XKkxKC3m4Fvibxso3cHP4BWMxfN1YKiXJAAAAAElFTkSuQmCC";
 function Address({ onChange }) {
   const [open, setOpen] = useState(false);
   const t = useTranslations("common");
@@ -233,7 +202,7 @@ function Address({ onChange }) {
     setOpen(false);
   };
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000] rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(ImageBar, { src: TokenIcon, width: 12, height: 12, objectFit: "contain" }) }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-[#F1F1F1] rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(IconFont, { type: "icon-serch", style: { fontSize: "20px", color: "#2A6AF6" } }) }) }),
     /* @__PURE__ */ jsx(PopoverContent, { className: "bg-card", children: /* @__PURE__ */ jsxs("div", { className: "w-full h-full", children: [
       /* @__PURE__ */ jsxs("fieldset", { className: "w-full h-full", children: [
         /* @__PURE__ */ jsxs("label", { className: "w-full h-full text-sm flex items-center justify-between", children: [
@@ -298,7 +267,7 @@ function Token({ onChange }) {
     loadData.run();
   }, [chain, token]);
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000] rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(ImageBar, { src: TokenIcon, width: 12, height: 12, objectFit: "contain" }) }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-[#F1F1F1] rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(IconFont, { type: "icon-serch", style: { fontSize: "20px", color: "#2A6AF6" } }) }) }),
     /* @__PURE__ */ jsxs(PopoverContent, { className: "py-5 bg-card", children: [
       /* @__PURE__ */ jsxs("div", { className: "w-full h-full", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between h-9", children: [
@@ -358,7 +327,7 @@ function TokenSearch({ onChange }) {
     loadData();
   }, [chain, token]);
   return /* @__PURE__ */ jsxs(Popover, { open, onOpenChange: setOpen, children: [
-    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: "w-[16px] h-[16px] flex items-center justify-center bg-[#000] rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(ImageBar, { src: TokenIcon, width: 12, height: 12, objectFit: "contain" }) }) }),
+    /* @__PURE__ */ jsx(PopoverTrigger, { asChild: true, children: /* @__PURE__ */ jsx("div", { className: " flex items-center justify-center bg-[#F1F1F1] rounded-sm cursor-pointer", children: /* @__PURE__ */ jsx(IconFont, { type: "icon-serch", style: { fontSize: "20px", color: "#2A6AF6" } }) }) }),
     /* @__PURE__ */ jsxs(PopoverContent, { className: "py-5 bg-card", children: [
       /* @__PURE__ */ jsxs("div", { className: "w-full h-full bg-card", children: [
         /* @__PURE__ */ jsxs("div", { className: "flex flex-row items-center justify-between h-9", children: [
@@ -449,6 +418,16 @@ function CustomTable({ data, columns, headerClassName, bodyClassName, rowClassNa
       [columnKey]: (prev[columnKey] || 0) + 1
     }));
   };
+  const clearAllFilters = () => {
+    const nextResetKey = {};
+    columns.forEach((column) => {
+      if (column.filter) {
+        nextResetKey[column.key] = (resetKey[column.key] || 0) + 1;
+      }
+    });
+    setFilterValues({});
+    setResetKey((prev) => ({ ...prev, ...nextResetKey }));
+  };
   const renderFilter = (column) => {
     switch (column.filter) {
       case "timeRange":
@@ -544,27 +523,40 @@ function CustomTable({ data, columns, headerClassName, bodyClassName, rowClassNa
   }, [filterValues]);
   return /* @__PURE__ */ jsxs("div", { className: "overflow-auto min-w-full relative", ...props, children: [
     /* @__PURE__ */ jsx(Loading, { loading }),
-    showFilter && filterValues && Object.keys(filterValues).length > 0 && /* @__PURE__ */ jsx("div", { className: "flex flex-row gap-3 flex-nowrap overflow-x-auto scrollbar-hide pb-3", children: showColumn.map((column) => {
-      if (!filterValues) return null;
-      const filterValue = filterValues?.[column.key];
-      if (!filterValue) return null;
-      if (Array.isArray(filterValue) && filterValue.length === 0) return null;
-      return /* @__PURE__ */ jsxs("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: [
-        /* @__PURE__ */ jsxs("div", { className: "text-sm text-muted-foreground shrink-0", children: [
-          column.label,
-          ":"
-        ] }),
-        /* @__PURE__ */ jsx("div", { className: "text-sm flex-1 min-w-0", children: /* @__PURE__ */ jsx("div", { className: "min-w-0 truncate", children: renderFilterValue(column, filterValue) }) }),
-        /* @__PURE__ */ jsx(
-          "button",
-          {
-            onClick: () => removeFilter(column.key),
-            className: "shrink-0 hover:bg-background rounded-full p-1",
-            children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3 cursor-pointer" })
-          }
-        )
-      ] }, column.key);
-    }) }),
+    showFilter && filterValues && Object.keys(filterValues).length > 0 && /* @__PURE__ */ jsxs("div", { className: "flex flex-row gap-3 flex-nowrap overflow-x-auto scrollbar-hide pb-3", children: [
+      showColumn.map((column) => {
+        if (!filterValues) return null;
+        const filterValue = filterValues?.[column.key];
+        if (!filterValue) return null;
+        if (Array.isArray(filterValue) && filterValue.length === 0) return null;
+        return /* @__PURE__ */ jsxs("div", { className: "flex items-center flex-nowrap gap-2 text-[#C45D10] px-3 py-1 rounded-full border-1 border-[#FFD78D] bg-[#FFFAEB] max-w-full min-w-0 overflow-hidden", children: [
+          /* @__PURE__ */ jsxs("div", { className: "text-sm shrink-0", children: [
+            column.label,
+            ":"
+          ] }),
+          /* @__PURE__ */ jsx("div", { className: "text-sm flex-1 min-w-0", children: /* @__PURE__ */ jsx("div", { className: "min-w-0 truncate", children: renderFilterValue(column, filterValue) }) }),
+          /* @__PURE__ */ jsx(
+            "button",
+            {
+              onClick: () => removeFilter(column.key),
+              className: "shrink-0 hover:bg-background rounded-full p-1",
+              children: /* @__PURE__ */ jsx(X, { className: "w-3 h-3 cursor-pointer" })
+            }
+          )
+        ] }, column.key);
+      }),
+      /* @__PURE__ */ jsxs(
+        "button",
+        {
+          onClick: clearAllFilters,
+          className: "shrink-0 inline-flex items-center gap-1 px-3 py-1 rounded-full border border-border bg-background text-sm hover:bg-muted",
+          children: [
+            /* @__PURE__ */ jsx(IconFont, { type: "icon-clear", size: 18 }),
+            /* @__PURE__ */ jsx(Translation, { value: "button.clear", parentKey: "common" })
+          ]
+        }
+      )
+    ] }),
     /* @__PURE__ */ jsxs(Table, { className: twMerge("", tableClassName), children: [
       showHeader && /* @__PURE__ */ jsx(TableHeader, { className: twMerge("border-b border-border", headerClassName), children: /* @__PURE__ */ jsx(TableRow, { className: "border-b-0 hover:bg-transparent", children: showColumn.map((column, index) => /* @__PURE__ */ jsx(TableHead, { className: twMerge("text-left", "whitespace-nowrap"), style: { width: column.width }, children: /* @__PURE__ */ jsxs("div", { className: twMerge("flex items-center gap-1 min-w-fit w-full whitespace-nowrap", column.align === "center" && "justify-center", column.align === "right" && "justify-end", column.className?.(column, index)), children: [
         column.label,

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@0xchain/table",
-  "version": "1.1.0-beta.19",
+  "version": "1.1.0-beta.20",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -46,13 +46,13 @@
     "tailwind-merge": "3.3.1"
   },
   "dependencies": {
-    "@0xchain/ui": "1.1.0-beta.19",
-    "@0xchain/image": "1.1.0-beta.19",
-    "@0xchain/translation": "1.1.0-beta.19",
-    "@0xchain/request": "1.1.0-beta.19",
-    "@0xchain/empty": "1.1.0-beta.19",
-    "@0xchain/loading": "1.1.0-beta.19",
-    "@0xchain/number-like": "1.1.0-beta.19"
+    "@0xchain/ui": "1.1.0-beta.20",
+    "@0xchain/loading": "1.1.0-beta.20",
+    "@0xchain/empty": "1.1.0-beta.20",
+    "@0xchain/translation": "1.1.0-beta.20",
+    "@0xchain/image": "1.1.0-beta.20",
+    "@0xchain/request": "1.1.0-beta.20",
+    "@0xchain/number-like": "1.1.0-beta.20"
   },
   "nx": {
     "tags": [