@ichaingo/header 1.5.34 → 1.5.36

package/dist/lib/Drawer.js

@@ -1,19 +1,19 @@
 'use client';
-import { jsx as o, jsxs as s } from "react/jsx-runtime";
-import d from "rc-drawer";
-import { Menu as m, X as c } from "lucide-react";
-import f from "./Nav.js";
-import { useState as p } from "react";
-function b({ hideLogin: i, hideNews: a, user: n }) {
-  const [t, r] = p(!1);
-  if (!t)
-    return /* @__PURE__ */ o(m, { onClick: () => r(!0), size: 32, style: { color: "var(--title)" }, className: "md:hidden bg-module rounded-lg p-[4px] " });
+import { jsx as o, jsxs as n } from "react/jsx-runtime";
+import c from "rc-drawer";
+import { Menu as d, X as m } from "lucide-react";
+import p from "./Nav.js";
+import { useState as f } from "react";
+function b({ hideLogin: s, hideNews: a, user: i }) {
+  const [r, t] = f(!1);
+  if (!r)
+    return /* @__PURE__ */ o(d, { onClick: () => t(!0), size: 32, style: { color: "var(--title)" }, className: "md:hidden bg-module rounded-lg p-[4px] " });
   const l = (e) => {
-    e == null || e.preventDefault(), e == null || e.stopPropagation(), r(!1);
+    e == null || e.preventDefault(), e == null || e.stopPropagation(), t(!1);
   };
-  return /* @__PURE__ */ o(d, { open: t, placement: "right", className: "block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 bg-background p-2", children: /* @__PURE__ */ s("div", { className: "w-full max-h-full overflow-y-auto p-3 bg-module rounded-lg", children: [
-    /* @__PURE__ */ o("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ o(c, { size: 24, style: { color: "var(--title)" }, onClick: (e) => l(e) }) }),
-    /* @__PURE__ */ o(f, { onClick: (e) => l(e), hideLogin: i, hideNews: a, user: n })
+  return /* @__PURE__ */ o(c, { open: r, placement: "right", className: "block md:hidden fixed top-0 bottom-0 left-0 right-0 z-1001 bg-background/70 p-2 h-screen", children: /* @__PURE__ */ n("div", { className: "w-full max-h-[calc(100svh-16px)] overflow-y-auto p-3 bg-module rounded-lg", children: [
+    /* @__PURE__ */ o("div", { className: "flex justify-end items-center p-2", children: /* @__PURE__ */ o(m, { size: 24, style: { color: "var(--title)" }, onClick: (e) => l(e) }) }),
+    /* @__PURE__ */ o(p, { onClick: (e) => l(e), hideLogin: s, hideNews: a, user: i })
   ] }) });
 }
 export {

package/dist/lib/Explorer.js

@@ -1,40 +1,40 @@
 'use client';
-import { jsxs as a, Fragment as g, jsx as r } from "react/jsx-runtime";
-import d from "@ichaingo/translation";
-import { Dropdown as v } from "antd";
-import { useState as p, useEffect as w } from "react";
-import b from "@ichaingo/request";
-import x from "@ichaingo/link";
-import y from "@ichaingo/better-link";
-import N from "@ichaingo/image";
+import { jsxs as a, Fragment as w, jsx as r } from "react/jsx-runtime";
+import f from "@ichaingo/translation";
+import { Dropdown as g } from "antd";
+import { useState as u, useEffect as b } from "react";
+import N from "@ichaingo/request";
+import y from "@ichaingo/link";
+import x from "@ichaingo/better-link";
+import L from "@ichaingo/image";
 import { usePathname as A } from "next/navigation";
-import { Accordion as L, AccordionItem as I, AccordionTrigger as S, AccordionContent as j } from "@ichaingo/ui/accordion";
-function F({ onClick: o = () => {
-} }) {
+import { Accordion as I, AccordionItem as S, AccordionTrigger as j } from "@ichaingo/ui/accordion";
+function R({ onClick: o = () => {
+}, onExpandChange: l }) {
   A();
-  const { gotoExplorer: m } = y(), [n, u] = p([]), [f, l] = p(""), h = async () => {
-    const e = await b.get("/api/v2/chains/all-chain-list/basic");
-    u(e.data);
+  const { gotoExplorer: p } = x(), [s, h] = u([]), [t, n] = u(""), v = async () => {
+    const e = await N.get("/api/v2/chains/all-chain-list/basic");
+    h(e.data);
   };
-  w(() => {
-    h();
+  b(() => {
+    v();
   }, []);
   const c = (e) => {
-    var t, s;
+    var i, d;
     return /* @__PURE__ */ a(
-      x,
+      y,
       {
-        href: m({ chain: e.chainSymbol }),
+        href: p({ chain: e.chainSymbol }),
         className: "w-full h-full flex items-center gap-2 py-2 cursor-pointer font-medium",
         baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-        onClick: (i) => {
-          i.preventDefault(), i.stopPropagation(), o == null || o(), l("");
+        onClick: (m) => {
+          m.preventDefault(), m.stopPropagation(), o == null || o(), n("");
         },
         children: [
           /* @__PURE__ */ r(
-            N,
+            L,
             {
-              src: e != null && e.chainIconUrl ? e == null ? void 0 : e.chainIconUrl : `//cdn.ichaingo.com/module/cryptos/${(s = (t = e == null ? void 0 : e.chain) == null ? void 0 : t.toLowerCase()) == null ? void 0 : s.replace(" ", "-")}.png?format=auto&width=20&height=20`,
+              src: e != null && e.chainIconUrl ? e == null ? void 0 : e.chainIconUrl : `//cdn.ichaingo.com/module/cryptos/${(d = (i = e == null ? void 0 : e.chain) == null ? void 0 : i.toLowerCase()) == null ? void 0 : d.replace(" ", "-")}.png?format=auto&width=20&height=20`,
               className: "w-5 h-5",
               objectFit: "contain"
             }
@@ -44,9 +44,9 @@ function F({ onClick: o = () => {
       }
     );
   };
-  return /* @__PURE__ */ a(g, { children: [
+  return /* @__PURE__ */ a(w, { children: [
     /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(
-      v,
+      g,
       {
         getPopupContainer: () => document.body,
         classNames: {
@@ -55,32 +55,41 @@ function F({ onClick: o = () => {
         arrow: { pointAtCenter: !0 },
         placement: "bottom",
         menu: {
-          items: n.map((e) => ({
+          items: s.map((e) => ({
             label: c(e),
             key: e.chainSymbol
           }))
         },
-        children: /* @__PURE__ */ r("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg", children: /* @__PURE__ */ r(d, { value: "title", parentKey: "browser" }) })
+        children: /* @__PURE__ */ r("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg", children: /* @__PURE__ */ r(f, { value: "title", parentKey: "browser" }) })
       }
     ) }),
-    /* @__PURE__ */ r("div", { className: "md:hidden w-full", children: /* @__PURE__ */ r("div", { onClick: (e) => {
+    /* @__PURE__ */ r("div", { className: "md:hidden w-full", children: /* @__PURE__ */ a("div", { onClick: (e) => {
       e.preventDefault(), e.stopPropagation();
-    }, children: /* @__PURE__ */ r(
-      L,
-      {
-        type: "single",
-        collapsible: !0,
-        className: "w-full",
-        value: f,
-        onValueChange: l,
-        children: /* @__PURE__ */ a(I, { value: "explorer", className: "border-0", children: [
-          /* @__PURE__ */ r(S, { className: "rounded-lg font-medium h-11  w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ r("span", { className: "text-title", children: /* @__PURE__ */ r(d, { value: "title", parentKey: "browser" }) }) }) }),
-          /* @__PURE__ */ r(j, { className: "mt-3 rounded-lg flex flex-col gap-2 max-h-[60vh] overflow-auto", children: n.map((e) => /* @__PURE__ */ r("div", { className: "w-full", children: c(e) }, e.chainSymbol)) })
-        ] })
-      }
-    ) }) })
+    }, children: [
+      /* @__PURE__ */ r(
+        I,
+        {
+          type: "single",
+          collapsible: !0,
+          className: "w-full",
+          value: t,
+          onValueChange: (e) => {
+            n(e), l == null || l(!!e);
+          },
+          children: /* @__PURE__ */ r(S, { value: "explorer", className: "border-0", children: /* @__PURE__ */ r(j, { className: "rounded-lg font-medium h-11 w-full flex py-2 justify-between items-center hover:no-underline focus-visible:ring-0 focus-visible:ring-offset-0", children: /* @__PURE__ */ r("div", { className: "flex w-full justify-between items-center", children: /* @__PURE__ */ r("span", { className: "text-title", children: /* @__PURE__ */ r(f, { value: "title", parentKey: "browser" }) }) }) }) })
+        }
+      ),
+      /* @__PURE__ */ r(
+        "div",
+        {
+          className: "grid transition-[grid-template-rows] duration-300 ease-in-out",
+          style: { gridTemplateRows: t ? "1fr" : "0fr" },
+          children: /* @__PURE__ */ r("div", { className: "overflow-hidden", children: /* @__PURE__ */ r("div", { className: "mt-3 rounded-lg flex flex-col gap-2 max-h-[60vh] overflow-auto", children: s.map((e) => /* @__PURE__ */ r("div", { className: "w-full", children: c(e) }, e.chainSymbol)) }) })
+        }
+      )
+    ] }) })
   ] });
 }
 export {
-  F as default
+  R as default
 };

package/dist/lib/Nav.js

@@ -1,41 +1,41 @@
 'use client';
-import { jsx as r, jsxs as a, Fragment as u } from "react/jsx-runtime";
-import f from "@ichaingo/link";
+import { jsx as r, jsxs as d, Fragment as L } from "react/jsx-runtime";
+import _ from "@ichaingo/link";
 import v from "./User/index.js";
 import N from "./Setting/index.js";
-import c from "@ichaingo/translation";
-import { twMerge as i } from "tailwind-merge";
-import S from "@ichaingo/better-link";
-import { useLocale as k } from "next-intl";
+import u from "@ichaingo/translation";
+import { twMerge as a } from "tailwind-merge";
+import k from "@ichaingo/better-link";
+import { useLocale as S } from "next-intl";
 import P from "./User/Logout.js";
-import { useState as p, useCallback as B, useEffect as T } from "react";
-import j from "./User/SignIn.js";
-import { fetchUserProfile as I } from "@ichaingo/auth";
-import { onUserEvent as A, cleanUserEvent as R, USER_EVENTS as h } from "./events.js";
-import { usePathname as D } from "next/navigation";
-import X from "./Explorer.js";
-function Z({ onClick: t = () => {
-}, hideNews: x = !1, hideLogin: U = !1, user: b }) {
-  const { gotoAISQL: w, gotoChat: g } = S(), s = k(), l = D(), [y, E] = p(""), [n, L] = p(b), _ = [
+import { useState as m, useCallback as B, useEffect as T } from "react";
+import I from "./User/SignIn.js";
+import { fetchUserProfile as j } from "@ichaingo/auth";
+import { onUserEvent as A, cleanUserEvent as R, USER_EVENTS as f } from "./events.js";
+import { usePathname as C } from "next/navigation";
+import D from "./Explorer.js";
+function ee({ onClick: s = () => {
+}, hideNews: p = !1, hideLogin: c = !1, user: h }) {
+  const { gotoAISQL: x, gotoChat: U } = k(), t = S(), l = C(), [w, g] = m(""), [o, E] = m(h), [X, b] = m(!1), y = [
     {
       baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: g({ locale: s }),
-      key: `/${s}`,
+      href: U({ locale: t }),
+      key: `/${t}`,
       label: /* @__PURE__ */ r("span", { children: "iSearch" }),
-      show: (e) => e === `/${s}` || e.includes(`/${s}/conversation`)
+      show: (e) => e === `/${t}` || e.includes(`/${t}/conversation`)
     },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: w({ locale: s }),
+      href: x({ locale: t }),
       key: "/sql",
       label: "iSQL",
-      show: (e) => e.includes(`/${s}/sql`)
+      show: (e) => e.includes(`/${t}/sql`)
     },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/explorer",
       key: "/explorer",
-      label: /* @__PURE__ */ r(X, { onClick: t }),
+      label: /* @__PURE__ */ r(D, { onClick: s, onExpandChange: b }),
       show: (e) => e.includes("/explorer")
     },
     // {
@@ -51,27 +51,27 @@ function Z({ onClick: t = () => {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/news",
       key: "/news",
-      label: /* @__PURE__ */ r(c, { value: "news", parentKey: "menu" }),
+      label: /* @__PURE__ */ r(u, { value: "news", parentKey: "menu" }),
       show: (e) => e.includes("/news")
     },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/ranking/token",
       key: "/ranking",
-      label: /* @__PURE__ */ r(c, { value: "ranking", parentKey: "menu" }),
+      label: /* @__PURE__ */ r(u, { value: "ranking", parentKey: "menu" }),
       show: (e) => e.includes("/ranking")
     }
-  ].filter((e) => x ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), m = B(() => new Promise((e) => {
-    I().then((o) => {
-      L(o), E((/* @__PURE__ */ new Date()).getTime().toString()), e(o);
+  ].filter((e) => p ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), i = B(() => new Promise((e) => {
+    j().then((n) => {
+      E(n), g((/* @__PURE__ */ new Date()).getTime().toString()), e(n);
     });
   }), []);
-  return T(() => (A(h.PROFILE_UPDATED, m), () => {
-    R(h.PROFILE_UPDATED, m);
-  }), []), /* @__PURE__ */ a(
+  return T(() => (A(f.PROFILE_UPDATED, i), () => {
+    R(f.PROFILE_UPDATED, i);
+  }), []), /* @__PURE__ */ d(
     "nav",
     {
-      className: i(
+      className: a(
         "flex flex-col justify-start items-start md:px-3",
         "md:flex-row md:justify-end md:items-center  md:px-0",
         "md:gap-4"
@@ -80,33 +80,23 @@ function Z({ onClick: t = () => {
         /* @__PURE__ */ r(
           "ul",
           {
-            className: i(
+            className: a(
               "flex flex-col justify-start items-start w-full  h-full text-sm  z-1001 text-title",
               "md:flex-row md:items-center md:w-auto md:h-[34px]  md:gap-6",
               "order-2 md:order-0"
             ),
-            children: _.map((e, o) => {
-              const d = e.key === "/explorer" && l.includes("/explorer");
-              return /* @__PURE__ */ r("li", {
-                className: i("w-full md:px-4 md:py-1 md:h-auto font-bold md:w-auto  cursor-pointer  md:rounded-full", d ? "h-auto" : "h-11", e.show(l) ? "md:text-primary md:bg-primary/20" : "md:hover:bg-stroke"),
-                // 移动端 Explorer 页面：直接渲染 Explorer 组件（内部处理展开逻辑），不包裹 Link
-                children: d ? /* @__PURE__ */ a(u, { children: [
-                  /* @__PURE__ */ r("div", { className: "h-full flex items-center justify-start md:hidden", children: e.label }),
-                  /* @__PURE__ */ r(f, { href: e.href, onClick: t, className: "h-full hidden md:flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label })
-                ] }) : e.href === l ? e.label : /* @__PURE__ */ r(f, { href: e.href, onClick: t, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label })
-              }, o);
-            })
+            children: y.map((e, n) => /* @__PURE__ */ r("li", { className: a("w-full md:px-4 md:py-1 md:h-auto font-bold md:w-auto cursor-pointer md:rounded-full", e.key === "/explorer" ? "h-auto" : "h-11", e.show(l) ? "md:text-primary md:bg-primary/20" : "md:hover:bg-stroke"), children: e.href === l ? e.label : /* @__PURE__ */ r(_, { href: e.href, onClick: s, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label }) }, n))
           }
         ),
-        /* @__PURE__ */ r(N, { onClick: t }),
-        !l.includes("/login") && !U ? /* @__PURE__ */ a(u, { children: [
-          /* @__PURE__ */ r(v, { onClick: t, userInfo: n }, y),
-          n != null && n.id ? /* @__PURE__ */ r("div", { className: "flex md:hidden h-11 md:h-auto  cursor-pointer whitespace-nowrap order-3 bg-background rounded-lg p-2 mt-3 w-full items-center justify-center text-subtitle", children: /* @__PURE__ */ r(P, {}) }) : /* @__PURE__ */ r(j, { onClick: t, className: "flex md:hidden h-11  cursor-pointer whitespace-nowrap order-3 bg-primary text-white rounded-lg p-2 mt-3 w-full items-center justify-center" })
+        /* @__PURE__ */ r(N, { onClick: s }),
+        !l.includes("/login") && !c ? /* @__PURE__ */ d(L, { children: [
+          /* @__PURE__ */ r(v, { onClick: s, userInfo: o }, w),
+          o != null && o.id ? /* @__PURE__ */ r("div", { className: "flex md:hidden h-11 md:h-auto  cursor-pointer whitespace-nowrap order-3 bg-background rounded-lg p-2 mt-3 w-full items-center justify-center text-subtitle", children: /* @__PURE__ */ r(P, {}) }) : /* @__PURE__ */ r(I, { onClick: s, className: "flex md:hidden h-11  cursor-pointer whitespace-nowrap order-3 bg-primary text-white rounded-lg p-2 mt-3 w-full items-center justify-center" })
         ] }) : null
       ]
     }
   );
 }
 export {
-  Z as default
+  ee as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/header",
-  "version": "1.5.34",
+  "version": "1.5.36",
   "type": "module",
   "main": "./dist/index.js",
   "module": "./dist/index.js",
@@ -32,18 +32,18 @@
     "tailwind-merge": "3.3.1",
     "next": "15.5.6",
     "antd": "6.1.1",
-    "@ichaingo/image": "1.5.34",
-    "@ichaingo/auth": "1.5.34",
-    "@ichaingo/avatar": "1.5.34",
-    "@ichaingo/ui": "1.5.34",
-    "@ichaingo/better-link": "1.5.34",
-    "@ichaingo/link": "1.5.34",
-    "@ichaingo/translation": "1.5.34",
-    "@ichaingo/iconfont": "1.5.34",
-    "@ichaingo/request": "1.5.34",
-    "@ichaingo/with-login": "1.5.34",
-    "@ichaingo/tooltip": "1.5.34",
-    "@ichaingo/token": "1.5.34",
-    "@ichaingo/theme-toggle": "1.5.34"
+    "@ichaingo/auth": "1.5.36",
+    "@ichaingo/avatar": "1.5.36",
+    "@ichaingo/image": "1.5.36",
+    "@ichaingo/better-link": "1.5.36",
+    "@ichaingo/translation": "1.5.36",
+    "@ichaingo/link": "1.5.36",
+    "@ichaingo/iconfont": "1.5.36",
+    "@ichaingo/theme-toggle": "1.5.36",
+    "@ichaingo/with-login": "1.5.36",
+    "@ichaingo/request": "1.5.36",
+    "@ichaingo/ui": "1.5.36",
+    "@ichaingo/tooltip": "1.5.36",
+    "@ichaingo/token": "1.5.36"
   }
 }