@ichaingo/header 1.5.28 → 1.5.29

package/dist/lib/Explorer.js

@@ -1,46 +1,88 @@
 'use client';
-import { jsx as o, jsxs as p } from "react/jsx-runtime";
-import i from "@ichaingo/translation";
-import { Dropdown as h } from "antd";
-import { useState as f, useEffect as u } from "react";
-import d from "@ichaingo/request";
-import m from "@ichaingo/link";
-import g from "@ichaingo/better-link";
-import w from "@ichaingo/image";
-function I() {
-  const { gotoExplorer: n } = g(), [t, s] = f([]), c = async () => {
-    const r = await d.get("/api/v2/chains/all-chain-list/basic");
-    s(r.data);
+import { jsxs as l, Fragment as g, jsx as r } from "react/jsx-runtime";
+import n from "@ichaingo/translation";
+import { Dropdown as w } from "antd";
+import { useState as d, useEffect as v } from "react";
+import b from "@ichaingo/request";
+import x from "@ichaingo/link";
+import y from "@ichaingo/better-link";
+import N from "@ichaingo/image";
+import { usePathname as C } from "next/navigation";
+import { Accordion as A, AccordionItem as L, AccordionTrigger as k, AccordionContent as E } from "@ichaingo/ui/accordion";
+function D() {
+  const o = C(), p = o == null ? void 0 : o.includes("/explorer"), { gotoExplorer: u } = y(), [a, m] = d([]), [h, c] = d(""), f = async () => {
+    const e = await b.get("/api/v2/chains/all-chain-list/basic");
+    m(e.data);
   };
-  u(() => {
-    c();
+  v(() => {
+    f();
   }, []);
-  const l = (r) => {
-    var a, e;
-    return /* @__PURE__ */ p(m, { href: n({ chain: r.chainSymbol }), className: "w-full h-full flex items-center gap-2 py-2 cursor-pointer font-medium", baseUrl: process.env.NEXT_PUBLIC_BASE_URL, children: [
-      /* @__PURE__ */ o(w, { src: r != null && r.chainIconUrl ? r == null ? void 0 : r.chainIconUrl : `//cdn.ichaingo.com/module/cryptos/${(e = (a = r == null ? void 0 : r.chain) == null ? void 0 : a.toLowerCase()) == null ? void 0 : e.replace(" ", "-")}.png?format=auto&width=20&height=20`, className: "w-5 h-5", objectFit: "contain" }),
-      /* @__PURE__ */ o("div", { className: "flex-1", children: r == null ? void 0 : r.chainSymbol })
-    ] });
+  const s = (e) => {
+    var t, i;
+    return /* @__PURE__ */ l(
+      x,
+      {
+        href: u({ 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: () => c(""),
+        children: [
+          /* @__PURE__ */ r(
+            N,
+            {
+              src: e != null && e.chainIconUrl ? e == null ? void 0 : e.chainIconUrl : `//cdn.ichaingo.com/module/cryptos/${(i = (t = e == null ? void 0 : e.chain) == null ? void 0 : t.toLowerCase()) == null ? void 0 : i.replace(" ", "-")}.png?format=auto&width=20&height=20`,
+              className: "w-5 h-5",
+              objectFit: "contain"
+            }
+          ),
+          /* @__PURE__ */ r("div", { className: "flex-1", children: e == null ? void 0 : e.chainSymbol })
+        ]
+      }
+    );
   };
-  return /* @__PURE__ */ o(
-    h,
-    {
-      getPopupContainer: () => document.body,
-      classNames: {
-        root: "w-50"
-      },
-      arrow: { pointAtCenter: !0 },
-      placement: "bottom",
-      menu: {
-        items: t.map((r) => ({
-          label: l(r),
-          key: r.chainSymbol
-        }))
-      },
-      children: /* @__PURE__ */ o("div", { className: "whitespace-nowrap  flex items-center gap-1 rounded-lg", children: /* @__PURE__ */ o(i, { value: "title", parentKey: "browser" }) })
-    }
-  );
+  return /* @__PURE__ */ l(g, { children: [
+    /* @__PURE__ */ r("div", { className: "hidden md:block", children: /* @__PURE__ */ r(
+      w,
+      {
+        getPopupContainer: () => document.body,
+        classNames: {
+          root: "w-50"
+        },
+        arrow: { pointAtCenter: !0 },
+        placement: "bottom",
+        menu: {
+          items: a.map((e) => ({
+            label: s(e),
+            key: e.chainSymbol
+          }))
+        },
+        children: /* @__PURE__ */ r("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg", children: /* @__PURE__ */ r(n, { value: "title", parentKey: "browser" }) })
+      }
+    ) }),
+    /* @__PURE__ */ r("div", { className: "md:hidden w-full", children: p ? (
+      // Explorer 页面：点击展开列表，阻止外层 Link 跳转
+      /* @__PURE__ */ r("div", { onClick: (e) => {
+        e.preventDefault(), e.stopPropagation();
+      }, children: /* @__PURE__ */ r(
+        A,
+        {
+          type: "single",
+          collapsible: !0,
+          className: "w-full",
+          value: h,
+          onValueChange: c,
+          children: /* @__PURE__ */ l(L, { value: "explorer", className: "border-0", children: [
+            /* @__PURE__ */ r(k, { 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(n, { value: "title", parentKey: "browser" }) }) }) }),
+            /* @__PURE__ */ r(E, { className: "mt-3 rounded-lg flex flex-col gap-2 max-h-[60vh] overflow-auto", children: a.map((e) => /* @__PURE__ */ r("div", { className: "w-full", children: s(e) }, e.chainSymbol)) })
+          ] })
+        }
+      ) })
+    ) : (
+      // 非 explorer 页面：让外层 Link 正常跳转
+      /* @__PURE__ */ r("div", { className: "whitespace-nowrap flex items-center gap-1 rounded-lg", children: /* @__PURE__ */ r(n, { value: "title", parentKey: "browser" }) })
+    ) })
+  ] });
 }
 export {
-  I as default
+  D as default
 };

package/dist/lib/Nav.js

@@ -1,32 +1,32 @@
 'use client';
-import { jsx as r, jsxs as i, Fragment as E } from "react/jsx-runtime";
-import L from "@ichaingo/link";
-import _ from "./User/index.js";
-import v from "./Setting/index.js";
-import d from "@ichaingo/translation";
-import { twMerge as a } from "tailwind-merge";
-import N from "@ichaingo/better-link";
-import { useLocale as k } from "next-intl";
-import S from "./User/Logout.js";
-import { useState as u, useCallback as P, useEffect as B } from "react";
-import T from "./User/SignIn.js";
+import { jsx as r, jsxs as a, Fragment as u } from "react/jsx-runtime";
+import f 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 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 j, cleanUserEvent as A, USER_EVENTS as f } from "./events.js";
-import { usePathname as R } from "next/navigation";
-import C from "./Explorer.js";
-function Y({ onClick: s = () => {
-}, hideNews: c = !1, hideLogin: p = !1, user: h }) {
-  const { gotoAISQL: U, gotoChat: w } = N(), t = k(), l = R(), [x, g] = u(""), [o, b] = u(h), y = [
+import { onUserEvent as A, cleanUserEvent as R, USER_EVENTS as h } from "./events.js";
+import { usePathname as C } from "next/navigation";
+import D from "./Explorer.js";
+function Z({ onClick: s = () => {
+}, hideNews: x = !1, hideLogin: U = !1, user: b }) {
+  const { gotoAISQL: w, gotoChat: g } = k(), t = S(), l = C(), [y, E] = p(""), [n, L] = p(b), _ = [
     {
       baseUrl: process.env.NEXT_PUBLIC_CHAT_URL,
-      href: w({ locale: t }),
+      href: g({ locale: t }),
       key: `/${t}`,
       label: /* @__PURE__ */ r("span", { children: "iSearch" }),
       show: (e) => e === `/${t}` || e.includes(`/${t}/conversation`)
     },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
-      href: U({ locale: t }),
+      href: w({ locale: t }),
       key: "/sql",
       label: "iSQL",
       show: (e) => e.includes(`/${t}/sql`)
@@ -35,7 +35,7 @@ function Y({ onClick: s = () => {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/explorer",
       key: "/explorer",
-      label: /* @__PURE__ */ r(C, {}),
+      label: /* @__PURE__ */ r(D, {}),
       show: (e) => e.includes("/explorer")
     },
     // {
@@ -51,27 +51,27 @@ function Y({ onClick: s = () => {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/news",
       key: "/news",
-      label: /* @__PURE__ */ r(d, { value: "news", parentKey: "menu" }),
+      label: /* @__PURE__ */ r(c, { value: "news", parentKey: "menu" }),
       show: (e) => e.includes("/news")
     },
     {
       baseUrl: process.env.NEXT_PUBLIC_BASE_URL,
       href: "/ranking/token",
       key: "/ranking",
-      label: /* @__PURE__ */ r(d, { value: "ranking", parentKey: "menu" }),
+      label: /* @__PURE__ */ r(c, { value: "ranking", parentKey: "menu" }),
       show: (e) => e.includes("/ranking")
     }
-  ].filter((e) => c ? !["/explorer", "/chat", "/sql"].includes(e.key) : !0), m = P(() => new Promise((e) => {
-    I().then((n) => {
-      b(n), g((/* @__PURE__ */ new Date()).getTime().toString()), e(n);
+  ].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);
     });
   }), []);
-  return B(() => (j(f.PROFILE_UPDATED, m), () => {
-    A(f.PROFILE_UPDATED, m);
-  }), []), /* @__PURE__ */ i(
+  return T(() => (A(h.PROFILE_UPDATED, m), () => {
+    R(h.PROFILE_UPDATED, m);
+  }), []), /* @__PURE__ */ a(
     "nav",
     {
-      className: a(
+      className: i(
         "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,23 +80,33 @@ function Y({ onClick: s = () => {
         /* @__PURE__ */ r(
           "ul",
           {
-            className: a(
+            className: i(
               "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: y.map((e, n) => /* @__PURE__ */ r("li", { className: a("w-full md:px-4 md:py-1 h-11 md:h-auto md:font-bold md:w-auto  cursor-pointer  md:rounded-full", e.show(l) ? "md:text-primary md:bg-primary/20" : "md:hover:bg-stroke"), children: e.href === l ? e.label : /* @__PURE__ */ r(L, { href: e.href, onClick: s, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label }) }, n))
+            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: s, 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: s, className: "h-full flex items-center justify-start", baseUrl: e.baseUrl, suppressHydrationWarning: !0, children: e.label })
+              }, o);
+            })
           }
         ),
-        /* @__PURE__ */ r(v, { onClick: s }),
-        !l.includes("/login") && !p ? /* @__PURE__ */ i(E, { children: [
-          /* @__PURE__ */ r(_, { onClick: s, userInfo: o }, x),
-          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(S, {}) }) : /* @__PURE__ */ r(T, { 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" })
+        /* @__PURE__ */ r(N, { onClick: s }),
+        !l.includes("/login") && !U ? /* @__PURE__ */ a(u, { children: [
+          /* @__PURE__ */ r(v, { onClick: s, 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: 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 {
-  Y as default
+  Z as default
 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@ichaingo/header",
-  "version": "1.5.28",
+  "version": "1.5.29",
   "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/avatar": "1.5.28",
-    "@ichaingo/auth": "1.5.28",
-    "@ichaingo/image": "1.5.28",
-    "@ichaingo/better-link": "1.5.28",
-    "@ichaingo/link": "1.5.28",
-    "@ichaingo/ui": "1.5.28",
-    "@ichaingo/iconfont": "1.5.28",
-    "@ichaingo/translation": "1.5.28",
-    "@ichaingo/theme-toggle": "1.5.28",
-    "@ichaingo/with-login": "1.5.28",
-    "@ichaingo/request": "1.5.28",
-    "@ichaingo/tooltip": "1.5.28",
-    "@ichaingo/token": "1.5.28"
+    "@ichaingo/auth": "1.5.29",
+    "@ichaingo/avatar": "1.5.29",
+    "@ichaingo/image": "1.5.29",
+    "@ichaingo/better-link": "1.5.29",
+    "@ichaingo/link": "1.5.29",
+    "@ichaingo/translation": "1.5.29",
+    "@ichaingo/theme-toggle": "1.5.29",
+    "@ichaingo/request": "1.5.29",
+    "@ichaingo/ui": "1.5.29",
+    "@ichaingo/with-login": "1.5.29",
+    "@ichaingo/token": "1.5.29",
+    "@ichaingo/tooltip": "1.5.29",
+    "@ichaingo/iconfont": "1.5.29"
   }
 }