@0xchain/table 0.0.1

package/README.md

@@ -0,0 +1,7 @@
+# @0xchain/table
+
+This library was generated with [Nx](https://nx.dev).
+
+## Running unit tests
+
+Run `nx test @0xchain/table` to execute the unit tests via [Vitest](https://vitest.dev/).

package/dist/api/commonApi.d.ts

@@ -0,0 +1,79 @@
+export interface ITokenListRequest {
+    /**
+     * Chain symbol
+     */
+    chain: string;
+    limit: number;
+    page: number;
+    /**
+     * Token search
+     */
+    text?: string;
+    [property: string]: any;
+}
+/**
+ * TokenBaseInfo
+ */
+export interface ITokenBaseInfo {
+    /**
+     * Chain
+     */
+    chain: string;
+    /**
+     * Token Icon
+     */
+    iconUrl: string;
+    /**
+     * Is verified
+     */
+    identified: boolean;
+    /**
+     * Token address
+     */
+    tokenAddress: string;
+    /**
+     * Token name
+     */
+    tokenName: string;
+    /**
+     * Token symbol
+     */
+    tokenSymbol: string;
+    [property: string]: any;
+}
+/**
+ * @description Get verified token list
+ * @returns Token list
+ */
+export declare const getVerifiedTokenList: (chain: string) => Promise<import('axios').AxiosResponse<any, any, {}>>;
+/**
+ * Chain symbol
+ */
+export declare const getChainSymbol: (chain: string) => Promise<import('axios').AxiosResponse<any, any, {}>>;
+/**
+ * Token search
+ */
+export declare const getTokenList: (chain: string, params: any) => Promise<import('axios').AxiosResponse<any, any, {}>>;
+/**
+ * Chain
+ */
+export declare const getChainList: () => Promise<import('axios').AxiosResponse<any, any, {}>>;
+/**
+ * Is verified
+ */
+export declare const getIsVerified: (chain: string, address: string) => Promise<import('axios').AxiosResponse<any, any, {}>>;
+/**
+ * Token address
+ */
+export declare const getTokenAddress: (chain: string, address: string) => Promise<import('axios').AxiosResponse<any, any, {}>>;
+/**
+ * Token name
+ */
+export declare const getTokenName: (chain: string, address: string) => Promise<import('axios').AxiosResponse<any, any, {}>>;
+/**
+ * Token symbol
+ */
+export declare const getTokenSymbol: (chain: string, address: string) => Promise<import('axios').AxiosResponse<any, any, {}>>;
+export declare const getHotTokenList: (params: any) => Promise<any>;
+export declare const searchToken: (search: string) => Promise<any>;
+//# sourceMappingURL=commonApi.d.ts.map

package/dist/api/commonApi.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"commonApi.d.ts","sourceRoot":"","sources":["../../src/api/commonApi.ts"],"names":[],"mappings":"AAEA,MAAM,WAAW,iBAAiB;IAChC;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd,KAAK,EAAE,MAAM,CAAC;IACd,IAAI,EAAE,MAAM,CAAC;IACb;;OAEG;IACH,IAAI,CAAC,EAAE,MAAM,CAAC;IACd,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACzB;AAED;;GAEG;AACH,MAAM,WAAW,cAAc;IAC7B;;OAEG;IACH,KAAK,EAAE,MAAM,CAAC;IACd;;OAEG;IACH,OAAO,EAAE,MAAM,CAAC;IAChB;;OAEG;IACH,UAAU,EAAE,OAAO,CAAC;IACpB;;OAEG;IACH,YAAY,EAAE,MAAM,CAAC;IACrB;;OAEG;IACH,SAAS,EAAE,MAAM,CAAC;IAClB;;OAEG;IACH,WAAW,EAAE,MAAM,CAAC;IACpB,CAAC,QAAQ,EAAE,MAAM,GAAG,GAAG,CAAC;CACzB;AAED;;;GAGG;AACH,eAAO,MAAM,oBAAoB,GAAI,OAAO,MAAM,yDAEjD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,yDAE3C,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,EAAE,QAAQ,GAAG,yDAEtD,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,4DAExB,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,aAAa,GAAI,OAAO,MAAM,EAAE,SAAS,MAAM,yDAE3D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,eAAe,GAAI,OAAO,MAAM,EAAE,SAAS,MAAM,yDAE7D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,YAAY,GAAI,OAAO,MAAM,EAAE,SAAS,MAAM,yDAE1D,CAAC;AAEF;;GAEG;AACH,eAAO,MAAM,cAAc,GAAI,OAAO,MAAM,EAAE,SAAS,MAAM,yDAE5D,CAAC;AAEF,eAAO,MAAM,eAAe,GAAI,QAAQ,GAAG,KAAG,OAAO,CAAC,GAAG,CAExD,CAAC;AAEF,eAAO,MAAM,WAAW,GAAI,QAAQ,MAAM,KAAG,OAAO,CAAC,GAAG,CAQvD,CAAA"}

package/dist/filters/Address.d.ts

@@ -0,0 +1,4 @@
+export default function Address({ onChange }: {
+    onChange: (address: string) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Address.d.ts.map

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

@@ -0,0 +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"}

package/dist/filters/Amount.d.ts

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

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

@@ -0,0 +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"}

package/dist/filters/TimeRange.d.ts

@@ -0,0 +1,7 @@
+import * as React from "react";
+interface DatePickerWithRangeProps extends Omit<React.HTMLAttributes<HTMLDivElement>, 'onChange'> {
+    onChange: (start: number | string, end: number | string) => void;
+}
+export default function DatePickerWithRange({ className, onChange, ...props }: DatePickerWithRangeProps): import("react/jsx-runtime").JSX.Element;
+export {};
+//# sourceMappingURL=TimeRange.d.ts.map

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

@@ -0,0 +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"}

package/dist/filters/Token.d.ts

@@ -0,0 +1,5 @@
+import { ITokenBaseInfo } from '../api/commonApi';
+export default function Token({ onChange }: {
+    onChange: (tokenList: ITokenBaseInfo[]) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=Token.d.ts.map

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

@@ -0,0 +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"}

package/dist/filters/TokenSearch.d.ts

@@ -0,0 +1,5 @@
+import { ITokenBaseInfo } from '../api/commonApi';
+export default function TokenSearch({ onChange }: {
+    onChange: (tokenList: ITokenBaseInfo[]) => void;
+}): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=TokenSearch.d.ts.map

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

@@ -0,0 +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"}

package/dist/index.d.ts

@@ -0,0 +1,37 @@
+import { default as React } from 'react';
+export interface ICustomTableColumn {
+    key: string;
+    label: string | React.ReactNode;
+    render?: (value: any, row: any, index: number) => React.ReactNode | React.ReactNode[];
+    width?: string;
+    align?: 'left' | 'center' | 'right';
+    filter?: 'timeRange' | 'address' | 'amount' | 'token' | 'tokenSearch';
+    sort?: boolean;
+    hidden?: boolean;
+    className?: (column: ICustomTableColumn, index: number, row?: any) => string;
+    filterProps?: {
+        params?: Record<string, any>;
+        onChange?: (value: any) => void;
+    };
+}
+export interface ICustomTableProps extends React.HTMLAttributes<HTMLTableElement> {
+    data: Array<any>;
+    columns: ICustomTableColumn[];
+    className?: string;
+    headerClassName?: string;
+    bodyClassName?: string;
+    rowClassName?: string;
+    tableClassName?: string;
+    showHeader?: boolean;
+    renderChildren?: (row: any, index: number) => React.ReactNode;
+    onFilterChange?: (filterValues: Record<string, any>) => void;
+    loading?: boolean;
+    sortKey?: string;
+    defaultSortKey?: string;
+    defaultOrder?: 'asc' | 'desc';
+    onSortChange?: (key: string, order: 'asc' | 'desc') => void;
+    emptyClassName?: string;
+}
+export declare const formatFilterValue: (filterValues: any) => any;
+export default function CustomTable({ data, columns, headerClassName, bodyClassName, rowClassName, tableClassName, showHeader, renderChildren, onFilterChange, loading, onSortChange, defaultOrder, defaultSortKey, emptyClassName, ...props }: ICustomTableProps): import("react/jsx-runtime").JSX.Element;
+//# sourceMappingURL=index.d.ts.map

package/dist/index.d.ts.map

@@ -0,0 +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"}

package/dist/index.js

@@ -0,0 +1,414 @@
+'use client';
+import { jsx as e, jsxs as o } from "react/jsx-runtime";
+import { Table as ie, TableHeader as ce, TableRow as E, TableHead as de, TableBody as me, TableCell as K } from "@0xchain/ui/table";
+import * as Z from "react";
+import he, { useState as k, useEffect as z } from "react";
+import { startOfDay as q, endOfDay as X } from "date-fns";
+import { twMerge as v } from "tailwind-merge";
+import { DatePicker as ue } from "antd";
+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 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 "@0xchain/image";
+import { Popover as O, PopoverTrigger as U, PopoverContent as Q } from "@0xchain/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 "@0xchain/number-like";
+import S from "@0xchain/translation";
+import _ from "@0xchain/request";
+import { useParams as ee } from "next/navigation";
+import { Checkbox as te } from "@0xchain/ui/checkbox";
+import { useDebounceFn as ke } from "ahooks";
+import ye from "@0xchain/empty";
+import we from "@0xchain/loading";
+const Ne = "data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAZCAYAAAArK+5dAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAADWSURBVHgB7ZPhDcIgEIUP0wEcQTdwAxjBERzBDcSJdAPbDdwANznBQnIih6TQP02/hJDmwb274wqwaBDRuDVVd3TksLKbivSd1zRzn9PvQognzeSA7VG0gqPfe7sGksnF71dIk9IljJ1QPt5YonfV9HZIhQme1ONYHeR5Vep5A/tQ+xo9ZSCRn5hSZM5Awe+oVhEb9PA9RVMIU5Q0GGxfNVTgW6zC9yZz0EQ/jinRYliDVrBjmhvBkvEMzF7B+gZ/mb2CD7aHZ2zPiRps7bphOx4uJiyCNyogpaxjuzr+AAAAAElFTkSuQmCC";
+function ve({
+  className: a,
+  onChange: i,
+  ...c
+}) {
+  const m = xe(), [A, y] = Z.useState(!1), w = Z.useRef(null), [g, b] = Z.useState(null), d = {
+    en: fe,
+    "zh-hans": pe,
+    "zh-hant": Ae,
+    ja: be,
+    ko: ge
+  }, f = {
+    en: "en",
+    "zh-hans": "zh-cn",
+    "zh-hant": "zh-tw",
+    ja: "ja",
+    ko: "ko"
+  };
+  Z.useEffect(() => {
+    M.locale(f[m] ?? "en");
+  }, [m]);
+  const C = (l) => {
+    if (!l) {
+      i("", ""), N();
+      return;
+    }
+    const [h, p] = l, 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);
+  }, R = (l) => {
+    l ? y(!0) : C(g);
+  }, B = (l) => {
+    if (!l) {
+      b(null);
+      return;
+    }
+    const [h, p] = l;
+    b([h, p]);
+  }, n = (l) => {
+    if (!l || !l[0] || !l[1]) {
+      b(null), i("", ""), N();
+      return;
+    }
+    const h = q(l[0].toDate()), p = X(l[1].toDate());
+    i(Math.floor(h.getTime() / 1e3), Math.floor(p.getTime() / 1e3)), b([l[0], l[1]]), N();
+  };
+  return /* @__PURE__ */ e("div", { className: v(a), ...c, children: /* @__PURE__ */ o(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: w, className: "relative", children: /* @__PURE__ */ e(
+      ue.RangePicker,
+      {
+        open: !0,
+        size: "small",
+        locale: d[m],
+        allowClear: !1,
+        value: g ?? [M(), M()],
+        onCalendarChange: B,
+        onChange: n,
+        getPopupContainer: () => w.current,
+        style: { position: "absolute", opacity: 0, width: 0, height: 0, pointerEvents: "none" },
+        disabledDate: (l) => l && l > 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 [c, m] = k(!1), A = J("common"), [y, w] = k(""), [g, b] = k(""), [d, f] = k([0.01, 1e10]), C = (p) => {
+    f(p), w(p[0].toString()), b(p[1].toString());
+  }, N = (p) => {
+    const x = p.target.value;
+    if (x === "" || /^\d*\.?\d{0,8}$/.test(x) && !x.startsWith(".")) {
+      w(x);
+      const T = parseFloat(x) || 0;
+      f([T, d[1]]);
+    }
+  }, R = (p) => {
+    const x = p.target.value;
+    if (x === "" || /^\d*\.?\d{0,8}$/.test(x) && !x.startsWith(".")) {
+      b(x);
+      const T = parseFloat(x);
+      f([d[0], T]);
+    }
+  }, B = () => {
+    a(y, g), m(!1);
+  }, n = () => {
+    m(!1);
+  }, l = (p) => {
+    p.target.value === "0" && w("0.01");
+  }, h = (p) => {
+    p.target.value === "0" && b("0.01");
+  };
+  return /* @__PURE__ */ o(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__ */ o("div", { className: "w-full h-full", children: [
+      /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between h-9", children: [
+        /* @__PURE__ */ e("span", { className: "text-sm", children: /* @__PURE__ */ e(S, { 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: () => n(), children: /* @__PURE__ */ e(W, { className: "w-4 h-4" }) })
+      ] }),
+      /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between gap-2 py-3", children: [
+        /* @__PURE__ */ o("fieldset", { className: "w-1/2 h-full", children: [
+          /* @__PURE__ */ e("label", { className: "w-full h-full text-sm", children: /* @__PURE__ */ e(S, { value: "form", parentKey: "common.filter.amount" }) }),
+          /* @__PURE__ */ e("input", { type: "text", inputMode: "decimal", pattern: "[0-9]*\\.?[0-9]{0,8}", onBlur: l, placeholder: A("filter.amount.min"), className: "w-full h-full bg-module text-sm border-1 border-gray-300 rounded p-2 my-2 focus-visible:outline-primary placeholder:text-gray-400", value: y, onChange: N })
+        ] }),
+        /* @__PURE__ */ o("fieldset", { className: "w-1/2 h-full", children: [
+          /* @__PURE__ */ e("label", { className: "w-full h-full text-sm", children: /* @__PURE__ */ e(S, { value: "to", parentKey: "common.filter.amount" }) }),
+          /* @__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__ */ o("div", { className: " w-full pb-4", children: [
+        /* @__PURE__ */ o(
+          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: d,
+            onValueChange: C,
+            max: 1e10,
+            min: 0.01,
+            step: 1,
+            children: [
+              /* @__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__ */ o("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__ */ o("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: B, 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, c] = k(!1), m = J("common"), [A, y] = k(""), w = (d) => {
+    const f = d.target.value;
+    (f === "" || /^[a-zA-Z0-9]*$/.test(f)) && y(f);
+  }, g = () => {
+    a(A), c(!1);
+  }, b = () => {
+    c(!1);
+  };
+  return /* @__PURE__ */ o(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__ */ o("div", { className: "w-full h-full", children: [
+      /* @__PURE__ */ o("fieldset", { className: "w-full h-full", children: [
+        /* @__PURE__ */ o("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__ */ o("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: w })
+        ] })
+      ] }),
+      /* @__PURE__ */ o("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 Be = (a) => _.get("/api/v2/tokens/hot-list", { params: { ...a, limit: 100, page: 1 } }), Se = (a) => _.get("/api/token/list/verified", {
+  params: {
+    search: a,
+    page: 1,
+    size: 100
+  }
+});
+function Te({ onChange: a }) {
+  const { chain: i } = ee(), c = J("common.filter.amount"), [m, A] = k(!1), [y, w] = k(""), [g, b] = k([]), [d, f] = k([]), C = () => {
+    A(!1);
+  }, N = () => {
+    a(d), A(!1);
+  }, R = (n) => {
+    d.some((l) => l.tokenAddress === n.tokenAddress) ? f(d.filter((l) => l.tokenAddress !== n.tokenAddress)) : f([...d, n]);
+  }, B = ke(async () => {
+    const n = await Be({
+      chain: i,
+      text: y,
+      limit: 100,
+      page: 1
+    });
+    b((n == null ? void 0 : n.data) || []);
+  }, { wait: 300 });
+  return z(() => {
+    B.run();
+  }, [i, y]), /* @__PURE__ */ o(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__ */ o(Q, { className: "py-5 bg-module", children: [
+      /* @__PURE__ */ o("div", { className: "w-full h-full", children: [
+        /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between h-9", children: [
+          /* @__PURE__ */ e("span", { className: "text-base text-title", children: /* @__PURE__ */ e(S, { 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__ */ o("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: y, onChange: (n) => w(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((n, l) => /* @__PURE__ */ o("li", { className: "flex h-10 flex-row items-center gap-3 hover:bg-background hover:rounded-sm p-2 cursor-pointer overflow-hidden", onClick: () => R(n), children: [
+        /* @__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__ */ o("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: 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-module"), checked: d.some((h) => h.tokenAddress === n.tokenAddress) }) })
+      ] }, l)) }),
+      /* @__PURE__ */ o("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(S, { value: "button.cancel", parentKey: "common" }) }),
+        /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: N, children: /* @__PURE__ */ e(S, { value: "button.confirm", parentKey: "common" }) })
+      ] })
+    ] })
+  ] });
+}
+function De({ onChange: a }) {
+  const { chain: i = "" } = ee(), c = J("common.filter.amount"), [m, A] = k(!1), [y, w] = k(""), [g, b] = k([]), [d, f] = k([]), C = () => {
+    a([]), w(""), f([]), A(!1);
+  }, N = () => {
+    a(d), A(!1);
+  }, R = (n) => {
+    d.some((l) => l.tokenAddress === n.tokenAddress) ? f(d.filter((l) => l.tokenAddress !== n.tokenAddress)) : f([...d, n]);
+  }, B = async () => {
+    var l;
+    const n = await Se(y);
+    b(((l = n == null ? void 0 : n.data) == null ? void 0 : l.content) || []);
+  };
+  return z(() => {
+    B();
+  }, [i, y]), /* @__PURE__ */ o(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__ */ o(Q, { className: "py-5 bg-module", children: [
+      /* @__PURE__ */ o("div", { className: "w-full h-full bg-module", children: [
+        /* @__PURE__ */ o("div", { className: "flex flex-row items-center justify-between h-9", children: [
+          /* @__PURE__ */ e("span", { className: "text-base text-title", children: /* @__PURE__ */ e(S, { 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__ */ o("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: y, onChange: (n) => w(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((n, l) => /* @__PURE__ */ o("li", { className: "flex h-10 flex-row items-center gap-3 hover:bg-background hover:rounded-sm p-2 cursor-pointer overflow-hidden", onClick: () => R(n), children: [
+        /* @__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) }) })
+      ] }, l)) }),
+      /* @__PURE__ */ o("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(S, { value: "button.cancel", parentKey: "common" }) }),
+        /* @__PURE__ */ e("button", { className: "bg-primary text-white text-sm px-3 py-1 rounded ml-3 cursor-pointer", onClick: N, children: /* @__PURE__ */ e(S, { value: "button.confirm", parentKey: "common" }) })
+      ] })
+    ] })
+  ] });
+}
+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) => {
+  const i = {
+    filters: {}
+  };
+  return Object.keys(a).forEach((c) => {
+    c === "timestamp" ? (i.filters.startTime = a.timestamp.start, i.filters.endTime = a.timestamp.end) : c === "fromAddress" ? i.filters.fromAddress = a.fromAddress.address : c === "toAddress" ? i.filters.toAddress = a.toAddress.address : c === "valueUsd" ? (i.filters.minValueUsd = a.valueUsd.min, i.filters.maxValueUsd = a.valueUsd.max) : c === "amount" ? (i.filters.minAmount = a.amount.min, i.filters.maxAmount = a.amount.max) : c === "token" ? i.filters.tokenList = a.token.map((m) => m.tokenAddress) : c === "tokenSearch" ? i.filters.tokenList = a.tokenSearch.map((m) => m.tokenAddress) : c === "inputAmount" ? (i.filters.minInputAmount = a.inputAmount.min, i.filters.maxInputAmount = a.inputAmount.max) : c === "outputAmount" ? (i.filters.minOutputAmount = a.outputAmount.min, i.filters.maxOutputAmount = a.outputAmount.max) : c === "fee" && (i.filters.minFee = a.fee.min, i.filters.maxFee = a.fee.max);
+  }), i.filters;
+};
+function dt({ data: a, columns: i, headerClassName: c, bodyClassName: m, rowClassName: A, tableClassName: y, showHeader: w = !0, renderChildren: g, onFilterChange: b, loading: d, onSortChange: f, defaultOrder: C, defaultSortKey: N, emptyClassName: R, ...B }) {
+  const [n, l] = k(null), [h, p] = k({}), [x, T] = k(N || null), [L, re] = k(C || null), I = (t, r) => {
+    l((s) => ({
+      ...s,
+      [t]: r
+    }));
+  }, P = (t) => {
+    l((r) => {
+      const s = { ...r };
+      return delete s[t], s;
+    }), p((r) => ({
+      ...r,
+      [t]: (r[t] || 0) + 1
+    }));
+  }, ne = (t) => {
+    switch (t.filter) {
+      case "timeRange":
+        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 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, s) => {
+          var j, G;
+          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 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 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;
+    }
+  }, se = (t) => t.min && !t.max ? `≥ ${t.min}` : !t.min && t.max ? `≤ ${t.max}` : `${t.min} - ${t.max}`, ae = (t, r) => {
+    if (!r) return null;
+    switch (t.filter) {
+      case "timeRange":
+        return `${M(r.start * 1e3).format("YYYY-MM-DD") || ""} - ${M(r.end * 1e3).format("YYYY-MM-DD") || ""}`;
+      case "address":
+        return r.address;
+      case "amount":
+        return se(r);
+      case "token":
+        return r.map((s) => s.tokenName).join(", ");
+      case "tokenSearch":
+        return r.map((s) => s.tokenName).join(", ");
+      default:
+        return null;
+    }
+  }, le = (t) => {
+    const r = L === "asc" ? "desc" : "asc";
+    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__ */ o("div", { className: "overflow-auto min-w-full relative", ...B, children: [
+    /* @__PURE__ */ e(we, { 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__ */ o("div", { className: "flex items-center flex-nowrap gap-2 bg-module px-3 py-1 rounded-full border-1 border-stroke max-w-full min-w-0 overflow-hidden", children: [
+        /* @__PURE__ */ o("div", { className: "text-sm text-subtitle shrink-0", children: [
+          t.label,
+          ":"
+        ] }),
+        /* @__PURE__ */ e("div", { className: "text-sm flex-1 min-w-0", children: /* @__PURE__ */ e("div", { className: "min-w-0 truncate", children: ae(t, r) }) }),
+        /* @__PURE__ */ e(
+          "button",
+          {
+            onClick: () => P(t.key),
+            className: "shrink-0 hover:bg-background rounded-full p-1",
+            children: /* @__PURE__ */ e(W, { className: "w-3 h-3 cursor-pointer" })
+          }
+        )
+      ] }, t.key);
+    }) }),
+    /* @__PURE__ */ o(ie, { className: v("", y), children: [
+      w && /* @__PURE__ */ e(ce, { className: v("border-b border-stroke", c), children: /* @__PURE__ */ e(E, { className: "border-b-0 hover:bg-transparent", children: F.map((t, r) => {
+        var s;
+        return /* @__PURE__ */ e(de, { className: v("text-left", "whitespace-nowrap"), style: { width: t.width }, children: /* @__PURE__ */ o("div", { className: v("flex items-center gap-1 min-w-fit w-full whitespace-nowrap", t.align === "center" && "justify-center", t.align === "right" && "justify-end", (s = t.className) == null ? void 0 : s.call(t, t, r)), children: [
+          t.label,
+          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: () => le(t.key) })
+        ] }) }, r);
+      }) }) }),
+      /* @__PURE__ */ e(me, { className: v("[&_tr:last-child]:border-b-0", m), children: (a == null ? void 0 : a.length) > 0 ? a.map((t, r) => /* @__PURE__ */ o(he.Fragment, { children: [
+        /* @__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(K, { className: v("text-left min-w-fit py-4", s.align === "center" && "text-center", s.align === "right" && "text-right", "whitespace-nowrap", (j = s.className) == null ? void 0 : j.call(s, s, r, a[r])), style: { width: s.width }, children: s.render ? s.render(t[s.key], t, r) : Fe(t[s.key]) }, u);
+        }) }, r),
+        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, { className: "hover:bg-transparent data-[state=selected]:bg-transparent", children: /* @__PURE__ */ e(K, { colSpan: F.length, className: "w-full text-center", children: /* @__PURE__ */ e(ye, { className: v("w-full h-38", R) }) }) }) })
+    ] })
+  ] });
+}
+export {
+  dt as default,
+  ct as formatFilterValue
+};

package/package.json

@@ -0,0 +1,49 @@
+{
+  "name": "@0xchain/table",
+  "version": "0.0.1",
+  "type": "module",
+  "main": "./dist/index.js",
+  "module": "./dist/index.js",
+  "types": "./dist/index.d.ts",
+  "exports": {
+    "./package.json": "./package.json",
+    ".": {
+      "types": "./dist/index.d.ts",
+      "import": "./dist/index.js",
+      "default": "./dist/index.js"
+    }
+  },
+  "files": [
+    "dist",
+    "!**/*.tsbuildinfo"
+  ],
+  "devDependencies": {
+    "rollup-plugin-preserve-use-client": "3.0.1"
+  },
+  "dependencies": {
+    "react": "19.1.1",
+    "react-dom": "19.1.1",
+    "tailwind-merge": "3.3.1",
+    "lucide-react": "0.539.0",
+    "dayjs": "1.11.19",
+    "next-intl": "4.6.1",
+    "next": "15.5.6",
+    "@0xchain/next-themes": "1.0.0",
+    "date-fns": "4.1.0",
+    "antd": "6.1.1",
+    "ahooks": "3.9.5",
+    "@radix-ui/react-slider": "1.3.6",
+    "@0xchain/ui": "0.0.1",
+    "@0xchain/loading": "0.0.1",
+    "@0xchain/i18n": "0.0.1",
+    "@0xchain/image": "0.0.1",
+    "@0xchain/empty": "0.0.1",
+    "@0xchain/translation": "0.0.1",
+    "@0xchain/iconfont": "0.0.1",
+    "@0xchain/number-like": "0.0.1",
+    "@0xchain/request": "0.0.1"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}