@opencompass-fe/oc-webkit-eval 0.1.5 → 0.1.7

package/dist/components/top-nav/shared.js

@@ -1 +1 @@
-import a,{useContext as w,useMemo as N,useCallback as B,useEffect as ne}from"react";import Z from"classnames";import{langTypeEnum as E}from"../../constants/enums.js";import F from"../../assets/svg/top-nav/agent.svg.js";import O from"../../assets/svg/top-nav/AI4S.svg.js";import L from"../../assets/svg/top-nav/finance.svg.js";import M from"../../assets/svg/top-nav/image-understanding.svg.js";import P from"../../assets/svg/top-nav/LLM.svg.js";import U from"../../assets/svg/top-nav/medical.svg.js";import T from"../../assets/svg/top-nav/physical-intelligence.svg.js";import $ from"../../assets/svg/top-nav/video-understanding.svg.js";import te from"../../assets/svg/top-nav/group-bullet.svg.js";import R,{DEFAULT_LANG as le}from"../../locale/index.js";import{OcContext as ae}from"../../providers/OcContext.js";import{OcConfigContext as oe}from"../../providers/OcConfigContext.js";import{message as ie,Dropdown as ue}from"antd";var ce=Object.defineProperty,se=Object.defineProperties,de=Object.getOwnPropertyDescriptors,y=Object.getOwnPropertySymbols,x=Object.prototype.hasOwnProperty,S=Object.prototype.propertyIsEnumerable,j=(e,r,n)=>r in e?ce(e,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[r]=n,me=(e,r)=>{for(var n in r||(r={}))x.call(r,n)&&j(e,n,r[n]);if(y)for(var n of y(r))S.call(r,n)&&j(e,n,r[n]);return e},pe=(e,r)=>se(e,de(r)),fe=(e,r)=>{var n={};for(var t in e)x.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(e!=null&&y)for(var t of y(e))r.indexOf(t)<0&&S.call(e,t)&&(n[t]=e[t]);return n},he=(e,r,n)=>new Promise((t,l)=>{var u=i=>{try{o(n.next(i))}catch(s){l(s)}},p=i=>{try{o(n.throw(i))}catch(s){l(s)}},o=i=>i.done?t(i.value):Promise.resolve(i.value).then(u,p);o((n=n.apply(e,r)).next())});function m({src:e,size:r=14}){return a.createElement("img",{src:e,style:{width:r,height:r,objectFit:"contain"},alt:""})}const be={llm:P,agent:F,ai4s:O,physical:T,item1:M,item2:$,medical:U,finance:L};function G(e){const r=e.id||e.key;if(r)return be[r]}function H(e){return e.type==="group"||!!(e.children&&e.children.length>0)}function V(e,r=14){if(e.icon)return e.icon;const n=G(e);return n?a.createElement(m,{src:n,size:r}):H(e)?a.createElement(m,{src:te,size:r}):null}const _="logout",z=[{key:"myEvaluation",type:"item",labelZh:"\u6211\u7684\u8BC4\u6D4B",labelEn:"My Evaluation",href:"#my-evaluation"},{key:"myBenchmark",type:"item",labelZh:"\u6211\u7684\u8BC4\u6D4B\u96C6",labelEn:"My Benchmark",href:"#my-benchmark"},{key:"myModel",type:"item",labelZh:"\u6211\u7684\u6A21\u578B",labelEn:"My Model",href:"#my-model"},{key:"collaboration",type:"item",labelZh:"\u6D66\u6C5F\u79D1\u5B66\u8BC4\u6D4B\u5171\u521B\u8BA1\u5212\u63D0\u4EA4\u8BB0\u5F55",labelEn:"AI4S Program Submission Record",href:"#commit-record"},{key:"user-center",type:"item",labelZh:"\u8D26\u53F7\u4FE1\u606F",labelEn:"User Center",href:"#user-center"},{type:"divider"},{key:_,type:"item",labelZh:"\u9000\u51FA\u767B\u5F55",labelEn:"Logout"}],K="https://opencompass.org.cn/home",q=[{key:"home",labelZh:"\u9996\u9875",labelEn:"Home",href:"https://opencompass.org.cn/home"},{key:"leaderboard",labelZh:"\u8BC4\u6D4B\u699C\u5355",labelEn:"Leaderboard",withDown:!0,dropdownItems:[{id:"llm",type:"item",labelZh:"\u5927\u8BED\u8A00\u6A21\u578B",labelEn:"LLM",icon:a.createElement(m,{src:P}),href:"https://opencompass.org.cn/leaderboard"},{type:"divider"},{id:"group1",type:"group",labelZh:"\u591A\u6A21\u6001\u6A21\u578B",labelEn:"Multimodal Models",children:[{id:"item1",type:"item",labelZh:"\u56FE\u50CF\u7406\u89E3",labelEn:"Image Understanding",icon:a.createElement(m,{src:M}),href:"https://opencompass.org.cn/leaderboard/image-vlm"},{id:"item2",type:"item",labelZh:"\u89C6\u9891\u7406\u89E3",labelEn:"Video Understanding",icon:a.createElement(m,{src:$}),href:"https://opencompass.org.cn/leaderboard/video-vlm"}]},{type:"divider"},{id:"agent",type:"item",labelZh:"\u667A\u80FD\u4F53",labelEn:"Agents",icon:a.createElement(m,{src:F}),href:"https://opencompass.org.cn/leaderboard/agent"},{type:"divider"},{id:"ai4s",type:"item",labelZh:"\u79D1\u5B66\u667A\u80FD",labelEn:"AI for Science",icon:a.createElement(m,{src:O}),href:"https://opencompass.org.cn/leaderboard/ai4science"},{type:"divider"},{id:"physical",type:"item",labelZh:"\u7269\u7406\u667A\u80FD",labelEn:"Physical Intelligence",icon:a.createElement(m,{src:T}),href:"https://opencompass.org.cn/leaderboard/physical-intelligence"},{type:"divider"},{id:"group2",type:"group",labelZh:"\u667A\u80FD\u9886\u57DF",labelEn:"Intelligent Domains",children:[{id:"medical",type:"item",labelZh:"\u533B\u7597",labelEn:"Medical",icon:a.createElement(m,{src:U}),href:"https://opencompass.org.cn/leaderboard/medbench"},{id:"finance",type:"item",labelZh:"\u91D1\u878D",labelEn:"Finance",icon:a.createElement(m,{src:L}),href:"https://opencompass.org.cn/leaderboard/cnfinbench"}]}]},{key:"models",labelZh:"\u6A21\u578B\u5E93",labelEn:"Models",href:"#models"},{key:"datasets",labelZh:"\u8BC4\u6D4B\u96C6",labelEn:"Benchmarks",href:"https://opencompass.org.cn/benchmark",active:!0},{key:"tools",labelZh:"\u8BC4\u6D4B\u5DE5\u5177",labelEn:"Tools",href:"https://github.com/open-compass"}];function ve({alt:e="",className:r,size:n,src:t,styles:l}){return a.createElement("span",{className:Z(l.iconBox,r),style:{"--icon-size":`${n}px`}},a.createElement("img",{src:t,alt:e}))}function J(e){return e.nickname||e.username||e.email||""}function W(e){const r=e.trim();if(!r)return"";if(/[\u4e00-\u9fa5]/.test(r))return r.slice(0,2);const n=r.split(/\s+/).filter(Boolean);return n.length>=2?(n[0][0]+n[1][0]).toUpperCase():r.slice(0,2).toUpperCase()}const D=a.forwardRef((e,r)=>{var n=e,{userInfo:t,styles:l,onClick:u,className:p,tabIndex:o,size:i=36}=n,s=fe(n,["userInfo","styles","onClick","className","tabIndex","size"]);const c=J(t),d=W(c);return a.createElement("button",pe(me({},s),{ref:r,type:"button",className:Z(l.userAvatar,p),style:{"--avatar-size":`${i}px`},onClick:u,tabIndex:o,"aria-label":c||"User",title:c}),t.avatar?a.createElement("img",{src:t.avatar,alt:c}):a.createElement("span",{className:l.userAvatarInitials},d))});D.displayName="UserAvatar";function ge(e){const{brandHref:r=K,locale:n,onToggleLocale:t,jumpLogin:l,onArenaClick:u,navItems:p=q,arena:o,userInfo:i,onAvatarClick:s,userMenuItems:c=z,logout:d,handleUnauth:f}=e,{setConfig:b}=w(oe),{locales:v}=w(ae),g=N(()=>{var h;return v!=null&&v.topNavHome?v:(h=R[n])!=null?h:R[le]},[v,n]),Y=N(()=>{var h,A,C,k;return n===E.en?(A=(h=o==null?void 0:o.labelEn)!=null?h:g.topNavArena)!=null?A:"Arena":(k=(C=o==null?void 0:o.labelZh)!=null?C:g.topNavArena)!=null?k:"\u7ADE\u6280\u573A"},[o==null?void 0:o.labelEn,o==null?void 0:o.labelZh,n,g.topNavArena]),Q=B(()=>he(null,null,function*(){try{d&&(yield d())}catch(h){ie.error("request error!")}finally{f==null||f(),(d||f)&&window.location.reload()}}),[f,d]),X=B(()=>{if(!l)return;const h=l();h&&(window.location.href=h)},[l]);ne(()=>{b(e)},[e,b]);const ee=!!i,re=!!c&&c.length>0;return{arena:o,arenaLabel:Y,brandHref:r,hasUserMenu:re,isLoggedIn:ee,locale:n,locales:g,navItems:p,onArenaClick:u,onAvatarClick:s,onToggleLocale:t,handleJumpLogin:X,performLogout:Q,userInfo:i,userMenuItems:c}}function ye(e){return e.map((r,n)=>{var t,l,u;return(t=r.dropdownItems)!=null&&t.length?(u=(l=r.key)!=null?l:r.href)!=null?u:`nav-${n}`:null}).filter(r=>!!r)}function Ee(e){return e.map((r,n)=>r.type==="divider"?null:r.type==="group"||r.children&&r.children.length>0?r.id||r.key||`group-${n}`:null).filter(r=>!!r)}function I({item:e,index:r,locale:n,performLogout:t,styles:l}){var u;if(e.type==="divider")return a.createElement("div",{key:`divider-${r}`,className:l.dropdownDivider});if(e.type==="group"||e.children&&e.children.length>0){const d=e.label||(n===E.en?e.labelEn:e.labelZh);return a.createElement("div",{key:e.key||e.id||`group-${r}`,className:l.dropdownGroup},d?a.createElement("div",{className:l.dropdownGroupHeader},a.createElement("p",{className:l.dropdownGroupTitle},d)):null,(u=e.children)==null?void 0:u.map((f,b)=>I({item:f,index:b,locale:n,performLogout:t,styles:l})))}const p=e.label||(n===E.en?e.labelEn:e.labelZh),i=(e.key||e.id)===_&&!e.href&&!e.onClick,s=V(e,14),c=d=>{var f;if(e.href||d.preventDefault(),i){t();return}(f=e.onClick)==null||f.call(e,d)};return a.createElement("a",{key:e.key||e.id||`item-${r}`,className:l.dropdownItem,href:e.href||"#",onClick:c},s?a.createElement("div",{className:l.dropdownItemIcon},s):null,a.createElement("span",{className:l.dropdownItemLabel},p))}function _e({items:e,locale:r,performLogout:n,styles:t}){return!e||e.length===0?null:a.createElement("div",{className:t.customDropdown},e.map((l,u)=>I({item:l,index:u,locale:r,performLogout:n,styles:t})))}function De({customDropdownRender:e,dropdownTrigger:r,extra:n,hasUserMenu:t,isLoggedIn:l,onAvatarClick:u,styles:p,userInfo:o,userMenuItems:i,avatarSize:s}){if(!l||!o)return null;const c=a.createElement(D,{userInfo:o,styles:p,onClick:u,className:n==null?void 0:n.className,tabIndex:n==null?void 0:n.tabIndex,size:s});return t?a.createElement(ue,{trigger:r,popupRender:()=>e(i),placement:"bottomRight",styles:{root:{paddingTop:8}}},c):c}export{q as DEFAULT_NAV_ITEMS,K as DEFAULT_TOP_NAV_BRAND_HREF,z as DEFAULT_USER_MENU_ITEMS,ve as IconBox,_ as LOGOUT_ITEM_KEY,m as NavIcon,D as UserAvatar,Ee as getCollapsibleKeysFromDropdownItems,ye as getCollapsibleKeysFromNavItems,J as getDisplayName,G as getDropdownItemIconSrc,W as getInitials,H as isDropdownGroupItem,_e as renderDropdownContent,I as renderDropdownItem,V as renderDropdownItemIcon,De as renderUserAvatar,ge as useTopNavCommon};
+import l,{useContext as B,useMemo as de,useCallback as P,useEffect as me}from"react";import S from"classnames";import{OcContext as fe}from"../../providers/OcContext.js";import{OcConfigContext as ge}from"../../providers/OcConfigContext.js";import{message as he,Dropdown as be}from"antd";import"../header/firstHeader.module.less.js";import"../../extraComponents/icon-font/index.js";import"../../extraComponents/button/button.module.less.js";import"../header/header.module.less.js";import"../header/components/create-online-evaluation/component/evaluation-button/evaluation-button.module.less.js";import"../header/components/create-online-evaluation/component/create-evaluation/create-evaluation.js";import"../header/components/create-online-evaluation/component/pre-create-evaluation/index.module.less.js";import"../header/components/create-online-evaluation/component/sidebar/sidebar.module.less.js";import"react-router-dom";import"ahooks";import"@ant-design/icons";import{envTypeEnum as U,langTypeEnum as T}from"../../constants/enums.js";import"../../mobile/components/top-nav/top-nav.module.less.js";import"./top-nav.module.less.js";import"react-device-detect";import"../side-nav/side-nav.module.less.js";import"../footer/footer.module.less.js";import"../dropdown/dropdown.module.less.js";import"../footer-expansion/footer-expansion.module.less.js";import"../md-render/index.js";import V from"../../assets/svg/top-nav/agent.svg.js";import M from"../../assets/svg/top-nav/AI4S.svg.js";import Z from"../../assets/svg/top-nav/finance.svg.js";import F from"../../assets/svg/top-nav/image-understanding.svg.js";import x from"../../assets/svg/top-nav/LLM.svg.js";import H from"../../assets/svg/top-nav/medical.svg.js";import G from"../../assets/svg/top-nav/physical-intelligence.svg.js";import K from"../../assets/svg/top-nav/video-understanding.svg.js";import ve from"../../assets/svg/top-nav/group-bullet.svg.js";import j,{DEFAULT_LANG as Ee}from"../../locale/index.js";var _e=Object.defineProperty,ye=Object.defineProperties,Te=Object.getOwnPropertyDescriptors,I=Object.getOwnPropertySymbols,z=Object.prototype.hasOwnProperty,Y=Object.prototype.propertyIsEnumerable,W=(e,r,n)=>r in e?_e(e,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[r]=n,_=(e,r)=>{for(var n in r||(r={}))z.call(r,n)&&W(e,n,r[n]);if(I)for(var n of I(r))Y.call(r,n)&&W(e,n,r[n]);return e},k=(e,r)=>ye(e,Te(r)),Ie=(e,r)=>{var n={};for(var t in e)z.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(e!=null&&I)for(var t of I(e))r.indexOf(t)<0&&Y.call(e,t)&&(n[t]=e[t]);return n},ke=(e,r,n)=>new Promise((t,a)=>{var o=u=>{try{s(n.next(u))}catch(c){a(c)}},d=u=>{try{s(n.throw(u))}catch(c){a(c)}},s=u=>u.done?t(u.value):Promise.resolve(u.value).then(o,d);s((n=n.apply(e,r)).next())});function m({src:e,size:r=14}){return l.createElement("img",{src:e,style:{width:r,height:r,objectFit:"contain"},alt:""})}const Le={llm:x,agent:V,ai4s:M,physical:G,item1:F,item2:K,medical:H,finance:Z};function q(e){const r=e.id||e.key;if(r)return Le[r]}function J(e){return e.type==="group"||!!(e.children&&e.children.length>0)}function Q(e,r=14){if(e.icon)return e.icon;const n=q(e);return n?l.createElement(m,{src:n,size:r}):J(e)?l.createElement(m,{src:ve,size:r}):null}const O="logout",i="_self",v="_blank";function Ne(e,r=i){const n=r===v;return{href:e||"#",target:n?v:void 0,rel:n?"noopener noreferrer":void 0}}function X(e,r=i){if(e){if(r===v){window.open(e,v,"noopener,noreferrer");return}window.location.href=e}}function w(e){if(e)return e.map(r=>{var n;return k(_({},r),{linkTarget:(n=r.linkTarget)!=null?n:i,children:w(r.children)})})}function Ue(e,r){return e?e.map(n=>{var t;return k(_({},n),{linkTarget:(t=n.linkTarget)!=null?t:i,dropdownItems:w(n.dropdownItems)})}):r}const L={VITE_COMPASS_URL:"https://opencompass.org.cn",VITE_RANK_URL:"https://rank.opencompass.org.cn",VITE_HUB_URL:"https://hub.opencompass.org.cn",VITE_SSO_URL:"https://sso.openxlab.org.cn",VITE_TOOLS_URL:"https://github.com/open-compass"},Oe={[U.development]:{VITE_COMPASS_URL:"http://dev.opencompass.org.cn",VITE_RANK_URL:"http://rank.dev.opencompass.org.cn",VITE_HUB_URL:"http://hub.dev.opencompass.org.cn",VITE_SSO_URL:"https://sso.dev.openxlab.org.cn",VITE_TOOLS_URL:L.VITE_TOOLS_URL},[U.staging]:{VITE_COMPASS_URL:"https://staging.opencompass.org.cn",VITE_RANK_URL:"https://rank.staging.opencompass.org.cn",VITE_HUB_URL:"https://hub.staging.opencompass.org.cn",VITE_SSO_URL:"https://sso.staging.openxlab.org.cn",VITE_TOOLS_URL:L.VITE_TOOLS_URL},[U.production]:L};function ee(e,r=T.zh){const{VITE_COMPASS_URL:n,VITE_RANK_URL:t,VITE_HUB_URL:a,VITE_SSO_URL:o,VITE_TOOLS_URL:d}=e&&Oe[e]||L;return{brandHref:`${n}/home`,navItems:[{key:"home",labelZh:"\u9996\u9875",labelEn:"Home",href:`${n}/home`,linkTarget:i},{key:"leaderboard",labelZh:"\u8BC4\u6D4B\u699C\u5355",labelEn:"Leaderboard",linkTarget:i,withDown:!0,dropdownItems:[{id:"llm",type:"item",labelZh:"\u5927\u8BED\u8A00\u6A21\u578B",labelEn:"LLM",icon:l.createElement(m,{src:x}),href:`${n}/leaderboard/llm`,linkTarget:i},{type:"divider"},{id:"group1",type:"group",labelZh:"\u591A\u6A21\u6001\u6A21\u578B",labelEn:"Multimodal Models",children:[{id:"item1",type:"item",labelZh:"\u56FE\u50CF\u7406\u89E3",labelEn:"Image Understanding",icon:l.createElement(m,{src:F}),href:`${n}/leaderboard/image-vlm`,linkTarget:i},{id:"item2",type:"item",labelZh:"\u89C6\u9891\u7406\u89E3",labelEn:"Video Understanding",icon:l.createElement(m,{src:K}),href:`${n}/leaderboard/video-vlm`,linkTarget:i}]},{type:"divider"},{id:"agent",type:"item",labelZh:"\u667A\u80FD\u4F53",labelEn:"Agents",icon:l.createElement(m,{src:V}),href:`${n}/leaderboard/agent`,linkTarget:i},{type:"divider"},{id:"ai4s",type:"item",labelZh:"\u79D1\u5B66\u667A\u80FD",labelEn:"AI for Science",icon:l.createElement(m,{src:M}),href:`${n}/leaderboard/ai4science`,linkTarget:i},{type:"divider"},{id:"physical",type:"item",labelZh:"\u7269\u7406\u667A\u80FD",labelEn:"Physical Intelligence",icon:l.createElement(m,{src:G}),href:`${n}/leaderboard/physical-intelligence`,linkTarget:i},{type:"divider"},{id:"group2",type:"group",labelZh:"\u667A\u80FD\u9886\u57DF",labelEn:"Intelligent Domains",children:[{id:"medical",type:"item",labelZh:"\u533B\u7597",labelEn:"Medical",icon:l.createElement(m,{src:H}),href:`${n}/leaderboard/medbench`,linkTarget:i},{id:"finance",type:"item",labelZh:"\u91D1\u878D",labelEn:"Finance",icon:l.createElement(m,{src:Z}),href:`${n}/leaderboard/cnfinbench`,linkTarget:i}]}]},{key:"models",labelZh:"\u6A21\u578B\u5E93",labelEn:"Models",href:`${n}/model`,linkTarget:i},{key:"datasets",labelZh:"\u8BC4\u6D4B\u96C6",labelEn:"Benchmarks",href:`${n}/benchmark`,linkTarget:i,active:!0},{key:"tools",labelZh:"\u8BC4\u6D4B\u5DE5\u5177",labelEn:"Tools",href:d,linkTarget:v}],arena:{labelZh:"\u7ADE\u6280\u573A",labelEn:"Arena",href:`${n}/arena/home`,linkTarget:v},userMenuItems:[{key:"myEvaluation",type:"item",labelZh:"\u6211\u7684\u8BC4\u6D4B",labelEn:"My Evaluation",href:`${t}/online-evaluation?lang=${r}`,linkTarget:i},{key:"myBenchmark",type:"item",labelZh:"\u6211\u7684\u8BC4\u6D4B\u96C6",labelEn:"My Benchmark",href:`${a}/benchmarks?lang=${r}`,linkTarget:i},{key:"myModel",type:"item",labelZh:"\u6211\u7684\u6A21\u578B",labelEn:"My Model",href:`${t}/models?lang=${r}`,linkTarget:i},{key:"user-center",type:"item",labelZh:"\u8D26\u53F7\u4FE1\u606F",labelEn:"User Center",href:`${o}/usercenter?lang=${r}`,linkTarget:i},{type:"divider"},{key:O,type:"item",labelZh:"\u9000\u51FA\u767B\u5F55",labelEn:"Logout"}]}}ee();function we({alt:e="",className:r,size:n,src:t,styles:a}){return l.createElement("span",{className:S(a.iconBox,r),style:{"--icon-size":`${n}px`}},l.createElement("img",{src:t,alt:e}))}function re(e){return e.nickname||e.username||e.email||""}function ne(e){const r=e.trim();if(!r)return"";if(/[\u4e00-\u9fa5]/.test(r))return r.slice(0,2);const n=r.split(/\s+/).filter(Boolean);return n.length>=2?(n[0][0]+n[1][0]).toUpperCase():r.slice(0,2).toUpperCase()}const A=l.forwardRef((e,r)=>{var n=e,{userInfo:t,styles:a,onClick:o,className:d,tabIndex:s,size:u=36}=n,c=Ie(n,["userInfo","styles","onClick","className","tabIndex","size"]);const p=re(t),f=ne(p);return l.createElement("button",k(_({},c),{ref:r,type:"button",className:S(a.userAvatar,d),style:{"--avatar-size":`${u}px`},onClick:o,tabIndex:s,"aria-label":p||"User",title:p}),t.avatar?l.createElement("img",{src:t.avatar,alt:p}):l.createElement("span",{className:a.userAvatarInitials},f))});A.displayName="UserAvatar";function Ae(e){var r,n,t;const{brandHref:a,locale:o,onToggleLocale:d,jumpLogin:s,navItems:u,arena:c,userInfo:p,userMenuItems:f,logout:g,handleUnauth:h}=e,{config:C,setConfig:D}=B(ge),{locales:y}=B(fe),te=(r=e.envType)!=null?r:C==null?void 0:C.envType,E=ee(te,o),ae=a!=null?a:E.brandHref,le=Ue(u,E.navItems),N=c?k(_(_({},E.arena),c),{linkTarget:(n=c.linkTarget)!=null?n:i}):E.arena,oe=de(()=>{var b;return y!=null&&y.topNavHome?y:(b=j[o])!=null?b:j[Ee]},[y,o]),ie=o===T.en?N.labelEn:N.labelZh,$=(t=w(f))!=null?t:E.userMenuItems,ue=P(()=>ke(null,null,function*(){try{g&&(yield g())}catch(b){he.error("request error!")}finally{h==null||h(),(g||h)&&window.location.reload()}}),[h,g]),ce=P(()=>{if(!s)return;const b=s();b&&(window.location.href=b)},[s]);me(()=>{D(e)},[e,D]);const se=!!p,pe=$.length>0;return{arena:N,arenaLabel:ie,brandHref:ae,hasUserMenu:pe,isLoggedIn:se,locale:o,locales:oe,navItems:le,onToggleLocale:d,handleJumpLogin:ce,performLogout:ue,userInfo:p,userMenuItems:$}}function Re(e){return e.map((r,n)=>{var t,a,o;return(t=r.dropdownItems)!=null&&t.length?(o=(a=r.key)!=null?a:r.href)!=null?o:`nav-${n}`:null}).filter(r=>!!r)}function Ce(e){return e.map((r,n)=>r.type==="divider"?null:r.type==="group"||r.children&&r.children.length>0?r.id||r.key||`group-${n}`:null).filter(r=>!!r)}function R({item:e,index:r,locale:n,performLogout:t,styles:a}){var o;if(e.type==="divider")return l.createElement("div",{key:`divider-${r}`,className:a.dropdownDivider});if(e.type==="group"||e.children&&e.children.length>0){const f=e.label||(n===T.en?e.labelEn:e.labelZh);return l.createElement("div",{key:e.key||e.id||`group-${r}`,className:a.dropdownGroup},f?l.createElement("div",{className:a.dropdownGroupHeader},l.createElement("p",{className:a.dropdownGroupTitle},f)):null,(o=e.children)==null?void 0:o.map((g,h)=>R({item:g,index:h,locale:n,performLogout:t,styles:a})))}const d=e.label||(n===T.en?e.labelEn:e.labelZh),u=(e.key||e.id)===O&&!e.href&&!e.onClick,c=Q(e,14),p=f=>{var g;if(u){t();return}(g=e.onClick)==null||g.call(e,f),!f.defaultPrevented&&e.href&&X(e.href,e.linkTarget)};return l.createElement("button",{key:e.key||e.id||`item-${r}`,type:"button",className:a.dropdownItem,onClick:p},c?l.createElement("div",{className:a.dropdownItemIcon},c):null,l.createElement("span",{className:a.dropdownItemLabel},d))}function De({items:e,locale:r,performLogout:n,styles:t}){return!e||e.length===0?null:l.createElement("div",{className:t.customDropdown},e.map((a,o)=>R({item:a,index:o,locale:r,performLogout:n,styles:t})))}function $e({customDropdownRender:e,dropdownTrigger:r,extra:n,hasUserMenu:t,isLoggedIn:a,onAvatarClick:o,styles:d,userInfo:s,userMenuItems:u,avatarSize:c}){if(!a||!s)return null;const p=l.createElement(A,{userInfo:s,styles:d,onClick:o,className:n==null?void 0:n.className,tabIndex:n==null?void 0:n.tabIndex,size:c});return t?l.createElement(be,{trigger:r,popupRender:()=>e(u),placement:"bottomRight",styles:{root:{paddingTop:8}}},p):p}export{we as IconBox,O as LOGOUT_ITEM_KEY,m as NavIcon,A as UserAvatar,Ce as getCollapsibleKeysFromDropdownItems,Re as getCollapsibleKeysFromNavItems,re as getDisplayName,q as getDropdownItemIconSrc,ne as getInitials,Ne as getTopNavLinkProps,J as isDropdownGroupItem,X as jumpTopNavHref,De as renderDropdownContent,R as renderDropdownItem,Q as renderDropdownItemIcon,$e as renderUserAvatar,Ae as useTopNavCommon};

package/dist/components/top-nav/top-nav.js

@@ -1 +1 @@
-import t,{useState as b,useRef as q,useEffect as g}from"react";import p from"classnames";import{langTypeEnum as J}from"../../constants/enums.js";import k from"../../assets/svg/top-nav/arena-flag.svg.js";import A from"../../assets/svg/top-nav/arrow-up.svg.js";import X from"../../assets/svg/top-nav/logo-mark.svg.js";import j from"../../assets/svg/top-nav/logo-word.svg.js";import G from"../../assets/svg/top-nav/nav-down.svg.js";import{Dropdown as P}from"antd";import n from"./top-nav.module.less.js";import{useTopNavCommon as Q,IconBox as v,renderDropdownContent as V,renderUserAvatar as ee}from"./shared.js";const ne=x=>{const{brandHref:C,locale:w,onToggleLocale:z,onArenaClick:h,navItems:E,arenaLabel:N,userInfo:D,onAvatarClick:_,userMenuItems:B,locales:m,handleJumpLogin:F,performLogout:H,isLoggedIn:f,hasUserMenu:R}=Q(x),T=e=>{var r,a,o,l,s,c;return w===J.en?(o=(a=(r=e.labelEn)!=null?r:e.label)!=null?a:e.labelZh)!=null?o:"":(c=(s=(l=e.labelZh)!=null?l:e.label)!=null?s:e.labelEn)!=null?c:""},M=(e,r)=>{var a,o,l,s,c;return(c=(s=(l=(o=(a=e.key)!=null?a:e.href)!=null?o:e.label)!=null?l:e.labelZh)!=null?s:e.labelEn)!=null?c:`nav-${r}`},[d,W]=b(!1),[u,Y]=b(()=>window.innerWidth>860),y=q(null),[I,$]=b(0),O=d&&u?{height:"52px",padding:"8px",backgroundColor:"var(--oc-white)",borderColor:"rgba(226, 227, 228, 1)",boxShadow:"0 4px 10px rgba(0, 0, 0, 0.15)",transform:"translateX(-50%) translateY(6px)"}:void 0,U=d&&u&&I>0?{"--oc-nav-half-width":`${I}px`}:void 0,i=d&&u,Z=i?{pointerEvents:"none",opacity:0,transform:"translateY(-8px) scale(0.96)"}:void 0,K=i?{pointerEvents:"auto",opacity:1}:void 0;g(()=>{let e=0,r=-1;const a=()=>{if(e=0,window.scrollY===r)return;r=window.scrollY;const s=window.scrollY>24;W(c=>c===s?c:s)},o=()=>{e===0&&(e=window.requestAnimationFrame(a))};a(),window.addEventListener("scroll",o,{passive:!0});const l=window.setInterval(a,120);return()=>{window.removeEventListener("scroll",o),window.clearInterval(l),e!==0&&window.cancelAnimationFrame(e)}},[]),g(()=>{const e=()=>Y(window.innerWidth>860);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),g(()=>{const e=y.current;if(!e||!u)return;const r=()=>{$(e.getBoundingClientRect().width/2)};r();const a=new ResizeObserver(r);return a.observe(e),window.addEventListener("resize",r),()=>{a.disconnect(),window.removeEventListener("resize",r)}},[u,d,w,E]);const L=e=>V({items:e,locale:w,performLogout:H,styles:n}),S=e=>ee({customDropdownRender:L,dropdownTrigger:["hover"],extra:e,hasUserMenu:R,isLoggedIn:f,onAvatarClick:_,styles:n,userInfo:D,userMenuItems:B});return t.createElement("header",{className:p(n.topbar,d&&n.scrolled),style:U},t.createElement("a",{className:n.brand,href:C,"aria-label":m.topNavBrandAria},t.createElement("img",{className:n.brandMark,src:X,alt:""}),t.createElement("img",{className:n.brandWord,src:j,alt:m.topNavBrandName})),t.createElement("nav",{ref:y,className:p(n.nav,d&&n.navScrolled),"aria-label":m.topNavNavAria,style:O},E.map((e,r)=>{const a=M(e,r),o=T(e),l=t.createElement("div",{className:p(n.navLink,e.active&&n.navLinkActive,e.withDown&&n.withDown)},t.createElement("a",{href:e.href||"#"},o),e.withDown?t.createElement(v,{src:G,size:16,styles:n}):null);return!!e.dropdownItems&&e.dropdownItems.length>0?t.createElement(P,{key:a,trigger:["hover"],popupRender:()=>L(e.dropdownItems),placement:"bottom",styles:{root:{paddingTop:8}}},l):t.createElement(t.Fragment,{key:a},l)})),t.createElement("div",{className:n.actions,style:Z,"aria-hidden":i},t.createElement("button",{className:n.arenaButton,type:"button",onClick:h},t.createElement(v,{src:k,size:16,className:n.arenaIconDefault,styles:n}),t.createElement(v,{src:A,size:16,className:n.arenaIconHover,styles:n}),t.createElement("span",null,N)),t.createElement("button",{className:n.langButton,type:"button",onClick:z},m.topNavLangSwitch),f?S():t.createElement("button",{className:n.loginButton,type:"button",onClick:F},m.login)),t.createElement("div",{className:p(n.floatingArena,i&&n.visible),style:K,"aria-hidden":!i},t.createElement("button",{className:n.floatingArenaButton,type:"button",tabIndex:i?0:-1,onClick:h},t.createElement(v,{src:k,size:16,className:n.arenaIconDefault,styles:n}),t.createElement(v,{src:A,size:16,className:n.arenaIconHover,styles:n}),t.createElement("span",null,N)),f?S({className:n.floatingAvatar,tabIndex:i?0:-1}):null))};export{ne as default};
+import r,{useState as _,useRef as V,useEffect as y}from"react";import b from"classnames";import{langTypeEnum as X}from"../../constants/enums.js";import P from"../../assets/svg/top-nav/arena-flag.svg.js";import k from"../../assets/svg/top-nav/arrow-up.svg.js";import G from"../../assets/svg/top-nav/logo-mark.svg.js";import Q from"../../assets/svg/top-nav/logo-word.svg.js";import ee from"../../assets/svg/top-nav/nav-down.svg.js";import{Dropdown as ne}from"antd";import n from"./top-nav.module.less.js";import{useTopNavCommon as re,getTopNavLinkProps as h,IconBox as g,renderDropdownContent as ae,renderUserAvatar as te}from"./shared.js";var oe=Object.defineProperty,le=Object.defineProperties,se=Object.getOwnPropertyDescriptors,A=Object.getOwnPropertySymbols,ce=Object.prototype.hasOwnProperty,ie=Object.prototype.propertyIsEnumerable,z=(s,a,o)=>a in s?oe(s,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):s[a]=o,E=(s,a)=>{for(var o in a||(a={}))ce.call(a,o)&&z(s,o,a[o]);if(A)for(var o of A(a))ie.call(a,o)&&z(s,o,a[o]);return s},T=(s,a)=>le(s,se(a));const de=s=>{const{brandHref:a,locale:o,onToggleLocale:B,navItems:I,arena:m,arenaLabel:S,userInfo:C,userMenuItems:F,locales:w,handleJumpLogin:H,performLogout:R,isLoggedIn:N,hasUserMenu:M}=re(s),W=e=>{var l,t,c,i,d,p;return o===X.en?(c=(t=(l=e.labelEn)!=null?l:e.label)!=null?t:e.labelZh)!=null?c:"":(p=(d=(i=e.labelZh)!=null?i:e.label)!=null?d:e.labelEn)!=null?p:""},Y=(e,l)=>{var t,c,i,d,p;return(p=(d=(i=(c=(t=e.key)!=null?t:e.href)!=null?c:e.label)!=null?i:e.labelZh)!=null?d:e.labelEn)!=null?p:`nav-${l}`},[u,$]=_(!1),[f,j]=_(()=>window.innerWidth>860),L=V(null),[O,U]=_(0),Z=u&&f?{height:"52px",padding:"8px",backgroundColor:"var(--oc-white)",borderColor:"rgba(226, 227, 228, 1)",boxShadow:"0 4px 10px rgba(0, 0, 0, 0.15)",transform:"translateX(-50%) translateY(6px)"}:void 0,K=u&&f&&O>0?{"--oc-nav-half-width":`${O}px`}:void 0,v=u&&f,q=v?{pointerEvents:"none",opacity:0,transform:"translateY(-8px) scale(0.96)"}:void 0,J=v?{pointerEvents:"auto",opacity:1}:void 0;y(()=>{let e=0,l=-1;const t=()=>{if(e=0,window.scrollY===l)return;l=window.scrollY;const d=window.scrollY>24;$(p=>p===d?p:d)},c=()=>{e===0&&(e=window.requestAnimationFrame(t))};t(),window.addEventListener("scroll",c,{passive:!0});const i=window.setInterval(t,120);return()=>{window.removeEventListener("scroll",c),window.clearInterval(i),e!==0&&window.cancelAnimationFrame(e)}},[]),y(()=>{const e=()=>j(window.innerWidth>860);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]),y(()=>{const e=L.current;if(!e||!f)return;const l=()=>{U(e.getBoundingClientRect().width/2)};l();const t=new ResizeObserver(l);return t.observe(e),window.addEventListener("resize",l),()=>{t.disconnect(),window.removeEventListener("resize",l)}},[f,u,o,I]);const x=e=>ae({items:e,locale:o,performLogout:R,styles:n}),D=e=>te({customDropdownRender:x,dropdownTrigger:["hover"],extra:e,hasUserMenu:M,isLoggedIn:N,styles:n,userInfo:C,userMenuItems:F});return r.createElement("header",{className:b(n.topbar,u&&n.scrolled),style:K},r.createElement("a",T(E({className:n.brand},h(a)),{"aria-label":w.topNavBrandAria}),r.createElement("img",{className:n.brandMark,src:G,alt:""}),r.createElement("img",{className:n.brandWord,src:Q,alt:w.topNavBrandName})),r.createElement("nav",{ref:L,className:b(n.nav,u&&n.navScrolled),"aria-label":w.topNavNavAria,style:Z},I.map((e,l)=>{const t=Y(e,l),c=W(e),i=r.createElement("div",{className:b(n.navLink,e.active&&n.navLinkActive,e.withDown&&n.withDown)},r.createElement("a",E({},h(e.href,e.linkTarget)),c),e.withDown?r.createElement(g,{src:ee,size:16,styles:n}):null);return!!e.dropdownItems&&e.dropdownItems.length>0?r.createElement(ne,{key:t,trigger:["hover"],popupRender:()=>x(e.dropdownItems),placement:"bottom",styles:{root:{paddingTop:8}}},i):r.createElement(r.Fragment,{key:t},i)})),r.createElement("div",{className:n.actions,style:q,"aria-hidden":v},r.createElement("a",E({className:n.arenaButton},h(m==null?void 0:m.href,m==null?void 0:m.linkTarget)),r.createElement(g,{src:P,size:16,className:n.arenaIconDefault,styles:n}),r.createElement(g,{src:k,size:16,className:n.arenaIconHover,styles:n}),r.createElement("span",null,S)),r.createElement("button",{className:n.langButton,type:"button",onClick:B},w.topNavLangSwitch),N?D():r.createElement("button",{className:n.loginButton,type:"button",onClick:H},w.login)),r.createElement("div",{className:b(n.floatingArena,v&&n.visible),style:J,"aria-hidden":!v},r.createElement("a",T(E({className:n.floatingArenaButton},h(m==null?void 0:m.href,m==null?void 0:m.linkTarget)),{tabIndex:v?0:-1}),r.createElement(g,{src:P,size:16,className:n.arenaIconDefault,styles:n}),r.createElement(g,{src:k,size:16,className:n.arenaIconHover,styles:n}),r.createElement("span",null,S)),N?D({className:n.floatingAvatar,tabIndex:v?0:-1}):null))};export{de as default};

package/dist/components/top-nav/top-nav.module.less.js

@@ -493,6 +493,10 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
   color: rgba(18, 19, 22, 0.8);
   box-sizing: border-box;
   width: 100%;
+  border: 0;
+  text-align: left;
+  font: inherit;
+  appearance: none;
 }
 .top-nav-module_customDropdown__NSITf .top-nav-module_dropdownItem__can1p:hover {
   background-color: var(--oc-fill-bg-hover, #f0f1f5);

package/dist/mobile/components/top-nav/top-nav.js

@@ -1 +1 @@
-import e,{useState as C,useEffect as J}from"react";import p from"classnames";import{CloseOutlined as P,MenuOutlined as W}from"@ant-design/icons";import{langTypeEnum as v}from"../../../constants/enums.js";import j from"../../../assets/svg/top-nav/logo-mark.svg.js";import q from"../../../assets/svg/top-nav/logo-word.svg.js";import Q from"../../../assets/svg/top-nav/nav-down.svg.js";import V from"../../../assets/svg/top-nav/arena-flag-mobile.svg.js";import X from"../../../assets/svg/top-nav/arrow-right-up.svg.js";import n from"./top-nav.module.less.js";import{useTopNavCommon as Y,getCollapsibleKeysFromNavItems as ee,renderUserAvatar as ne,getCollapsibleKeysFromDropdownItems as ae,isDropdownGroupItem as te,renderDropdownItemIcon as A,renderDropdownContent as le}from"../../../components/top-nav/shared.js";const re=D=>{const{brandHref:x,locale:d,onToggleLocale:R,navItems:g,onArenaClick:k,arena:E,userInfo:S,onAvatarClick:O,userMenuItems:K,arenaLabel:M,locales:m,handleJumpLogin:B,performLogout:T,isLoggedIn:h,hasUserMenu:$}=Y(D),[u,i]=C(!1),[N,w]=C(()=>new Set);J(()=>{u||w(new Set)},[u]);const F=(a,l)=>{w(t=>{const r=new Set(t);return r.has(a)?r.delete(a):(l.forEach(o=>r.delete(o)),r.add(a)),r})},L=(a,l)=>{const t=N.has(a);return e.createElement("button",{type:"button",className:p(n.expandBtn,t&&n.expandBtnOpen),"aria-expanded":t,"aria-label":t?"Collapse":"Expand",onClick:r=>{r.preventDefault(),r.stopPropagation(),F(a,l)}},e.createElement("img",{src:Q,alt:"",className:n.expandIconImg}))},I=(a,l)=>{const t=a.label||(d===v.en?a.labelEn:a.labelZh),r=a.key||a.id||`item-${l}`,o=A(a,18);return e.createElement("a",{key:r,className:p(n.menuLink,n.menuRow),href:a.href||"#",onClick:c=>{var s;a.href||c.preventDefault(),(s=a.onClick)==null||s.call(a,c),i(!1)}},o?e.createElement("span",{className:n.menuRowIcon},o):null,e.createElement("span",{className:n.menuRowLabel},t))},G=a=>{const l=ae(a);return a.map((t,r)=>{if(t.type==="divider")return null;const o=t.id||t.key||`drop-${r}`;if(te(t)){const s=t.label||(d===v.en?t.labelEn:t.labelZh),f=N.has(o),y=A(t,18);return e.createElement("div",{key:o,className:n.menuGroup},e.createElement("div",{className:n.menuRow},e.createElement("span",{className:n.menuRowIcon},y),e.createElement("span",{className:n.menuRowLabel},s),L(o,l)),f&&t.children?e.createElement("div",{className:n.menuSubList},t.children.map((b,H)=>I(b,H))):null)}return I(t,r)})},_=()=>{const a=ee(g);return g.map((l,t)=>{var r,o,c;const s=(o=(r=l.key)!=null?r:l.href)!=null?o:`nav-${t}`,f=d===v.en?l.labelEn:l.labelZh;if(!!((c=l.dropdownItems)!=null&&c.length)){const b=N.has(s);return e.createElement("div",{key:s,className:n.menuSection},e.createElement("div",{className:p(n.menuRow,l.active&&n.menuRowActive)},e.createElement("span",{className:n.menuRowLabel},f),L(s,a)),b?e.createElement("div",{className:n.menuSubList},G(l.dropdownItems)):null)}return e.createElement("a",{key:s,className:p(n.menuLink,l.active&&n.menuLinkActive),href:l.href||"#",onClick:()=>i(!1)},e.createElement("span",{className:n.menuLinkLabel},f))})},U=()=>{const a=l=>{E!=null&&E.href||(l.preventDefault(),k==null||k()),i(!1)};return e.createElement("a",{key:"arena",className:p(n.menuLink,n.menuLinkArena),href:(E==null?void 0:E.href)||"#",onClick:a},e.createElement("span",{className:n.menuLinkContent},e.createElement("span",{className:n.menuLinkIcon},e.createElement("img",{src:V,alt:""})),e.createElement("span",{className:n.menuLinkLabel},M)),e.createElement("span",{className:n.menuLinkExternalIcon},e.createElement("img",{src:X,alt:""})))},Z=a=>le({items:a,locale:d,performLogout:T,styles:n}),z=a=>ne({avatarSize:32,customDropdownRender:Z,dropdownTrigger:["click"],extra:a,hasUserMenu:$,isLoggedIn:h,onAvatarClick:O,styles:n,userInfo:S,userMenuItems:K});return e.createElement(e.Fragment,null,e.createElement("header",{className:n.topbar},e.createElement("a",{className:n.brand,href:x,"aria-label":m.topNavBrandAria},e.createElement("img",{className:n.brandMark,src:j,alt:""}),e.createElement("img",{className:n.brandWord,src:q,alt:m.topNavBrandName})),e.createElement("div",{className:n.actions},e.createElement("button",{className:n.langButton,type:"button",onClick:R},m.topNavLangSwitch),h?z():e.createElement("button",{className:n.loginButton,type:"button",onClick:B},m.login),e.createElement("button",{className:n.menuButton,type:"button",onClick:()=>i(!u),"aria-label":"Toggle menu"},u?e.createElement(P,null):e.createElement(W,null)))),u&&e.createElement(e.Fragment,null,e.createElement("div",{className:n.mask,onClick:()=>i(!1)}),e.createElement("nav",{className:n.menuContainer,"aria-label":m.topNavNavAria},_(),U())))};export{re as default};
+import e,{useState as S,useEffect as W}from"react";import f from"classnames";import{CloseOutlined as q,MenuOutlined as Q}from"@ant-design/icons";import{langTypeEnum as k}from"../../../constants/enums.js";import X from"../../../assets/svg/top-nav/logo-mark.svg.js";import Y from"../../../assets/svg/top-nav/logo-word.svg.js";import ee from"../../../assets/svg/top-nav/nav-down.svg.js";import ne from"../../../assets/svg/top-nav/arena-flag-mobile.svg.js";import ae from"../../../assets/svg/top-nav/arrow-right-up.svg.js";import n from"./top-nav.module.less.js";import{useTopNavCommon as re,getTopNavLinkProps as y,getCollapsibleKeysFromNavItems as te,renderUserAvatar as le,getCollapsibleKeysFromDropdownItems as oe,isDropdownGroupItem as se,renderDropdownItemIcon as R,jumpTopNavHref as ce,renderDropdownContent as me}from"../../../components/top-nav/shared.js";var pe=Object.defineProperty,ue=Object.defineProperties,ie=Object.getOwnPropertyDescriptors,T=Object.getOwnPropertySymbols,de=Object.prototype.hasOwnProperty,Ee=Object.prototype.propertyIsEnumerable,K=(m,l,o)=>l in m?pe(m,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):m[l]=o,b=(m,l)=>{for(var o in l||(l={}))de.call(l,o)&&K(m,o,l[o]);if(T)for(var o of T(l))Ee.call(l,o)&&K(m,o,l[o]);return m},I=(m,l)=>ue(m,ie(l));const fe=m=>{const{brandHref:l,locale:o,onToggleLocale:A,navItems:L,arena:g,userInfo:M,userMenuItems:B,arenaLabel:$,locales:d,handleJumpLogin:j,performLogout:F,isLoggedIn:h,hasUserMenu:G}=re(m),[u,E]=S(!1),[N,_]=S(()=>new Set);W(()=>{u||_(new Set)},[u]);const O=(a,t)=>{_(r=>{const s=new Set(r);return s.has(a)?s.delete(a):(t.forEach(c=>s.delete(c)),s.add(a)),s})},C=(a,t)=>({role:"button",tabIndex:0,onClick:()=>O(a,t),onKeyDown:r=>{(r.key==="Enter"||r.key===" ")&&(r.preventDefault(),O(a,t))}}),P=(a,t)=>{const r=N.has(a);return e.createElement("span",{className:f(n.expandBtn,r&&n.expandBtnOpen),"aria-expanded":r,"aria-label":r?"Collapse":"Expand"},e.createElement("img",{src:ee,alt:"",className:n.expandIconImg}))},x=(a,t)=>{const r=a.label||(o===k.en?a.labelEn:a.labelZh),s=a.key||a.id||`item-${t}`,c=R(a,18);return e.createElement("button",{key:s,type:"button",className:f(n.menuLink,n.menuRow),onClick:i=>{var p;(p=a.onClick)==null||p.call(a,i),!i.defaultPrevented&&(a.href&&ce(a.href,a.linkTarget),E(!1))}},c?e.createElement("span",{className:n.menuRowIcon},c):null,e.createElement("span",{className:n.menuRowLabel},r))},U=a=>{const t=oe(a);return a.map((r,s)=>{if(r.type==="divider")return null;const c=r.id||r.key||`drop-${s}`;if(se(r)){const p=r.label||(o===k.en?r.labelEn:r.labelZh),v=N.has(c),D=R(r,18);return e.createElement("div",{key:c,className:n.menuGroup},e.createElement("div",b({className:n.menuRow},C(c,t)),e.createElement("span",{className:n.menuRowIcon},D),e.createElement("span",{className:n.menuRowLabel},p),P(c)),v&&r.children?e.createElement("div",{className:n.menuSubList},r.children.map((w,V)=>x(w,V))):null)}return x(r,s)})},Z=()=>{const a=te(L);return L.map((t,r)=>{var s,c,i;const p=(c=(s=t.key)!=null?s:t.href)!=null?c:`nav-${r}`,v=o===k.en?t.labelEn:t.labelZh;if(!!((i=t.dropdownItems)!=null&&i.length)){const w=N.has(p);return e.createElement("div",{key:p,className:n.menuSection},e.createElement("div",b({className:f(n.menuRow,t.active&&n.menuRowActive)},C(p,a)),e.createElement("span",{className:n.menuRowLabel},v),P(p)),w?e.createElement("div",{className:n.menuSubList},U(t.dropdownItems)):null)}return e.createElement("a",I(b({key:p,className:f(n.menuLink,t.active)},y(t.href,t.linkTarget)),{onClick:()=>E(!1)}),e.createElement("span",{className:n.menuLinkLabel},v))})},H=()=>e.createElement("a",I(b({key:"arena",className:f(n.menuLink,n.menuLinkArena)},y(g==null?void 0:g.href,g==null?void 0:g.linkTarget)),{onClick:()=>E(!1)}),e.createElement("span",{className:n.menuLinkContent},e.createElement("span",{className:n.menuLinkIcon},e.createElement("img",{src:ne,alt:""})),e.createElement("span",{className:n.menuLinkLabel},$)),e.createElement("span",{className:n.menuLinkExternalIcon},e.createElement("img",{src:ae,alt:""}))),z=a=>me({items:a,locale:o,performLogout:F,styles:n}),J=a=>le({avatarSize:32,customDropdownRender:z,dropdownTrigger:["click"],extra:a,hasUserMenu:G,isLoggedIn:h,styles:n,userInfo:M,userMenuItems:B});return e.createElement(e.Fragment,null,e.createElement("header",{className:n.topbar},e.createElement("a",I(b({className:n.brand},y(l)),{"aria-label":d.topNavBrandAria}),e.createElement("img",{className:n.brandMark,src:X,alt:""}),e.createElement("img",{className:n.brandWord,src:Y,alt:d.topNavBrandName})),e.createElement("div",{className:n.actions},u?null:e.createElement("button",{className:n.langButton,type:"button",onClick:A},d.topNavLangSwitch),u?null:h?J():e.createElement("button",{className:n.loginButton,type:"button",onClick:j},d.login),e.createElement("button",{className:n.menuButton,type:"button",onClick:()=>E(!u),"aria-label":"Toggle menu"},u?e.createElement(q,null):e.createElement(Q,null)))),u&&e.createElement(e.Fragment,null,e.createElement("div",{className:n.mask,onClick:()=>E(!1)}),e.createElement("nav",{className:n.menuContainer,"aria-label":d.topNavNavAria},Z(),H())))};export{fe as default};

package/dist/mobile/components/top-nav/top-nav.module.less.js

@@ -203,6 +203,11 @@ import n from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-
   color: #121316;
   font-size: 16px;
   text-decoration: none;
+  border: 0;
+  background: transparent;
+  text-align: left;
+  font: inherit;
+  appearance: none;
 }
 .top-nav-module_menuLink__9LL-X:hover,
 .top-nav-module_menuLink__9LL-X:active {
@@ -277,9 +282,6 @@ import n from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-
   background: transparent;
   cursor: pointer;
 }
-.top-nav-module_expandBtn__gxcLt:hover {
-  background-color: #f0f1f5;
-}
 .top-nav-module_expandIconImg__PfP1H {
   display: block;
   width: 20px;
@@ -302,13 +304,21 @@ import n from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-
 .top-nav-module_customDropdown__wsXUt .top-nav-module_dropdownItem__RA5PQ {
   display: flex;
   align-items: center;
-  height: 40px;
-  padding: 0 12px;
+  gap: 8px;
+  min-height: 36px;
+  padding: 6px 14px 6px 8px;
   border-radius: 8px;
-  color: #121316;
-  font-size: 14px;
-  text-decoration: none;
+  background-color: transparent;
   cursor: pointer;
+  transition: background-color 220ms ease;
+  text-decoration: none;
+  color: rgba(18, 19, 22, 0.8);
+  box-sizing: border-box;
+  width: 100%;
+  border: 0;
+  text-align: left;
+  font: inherit;
+  appearance: none;
 }
 .top-nav-module_customDropdown__wsXUt .top-nav-module_dropdownItem__RA5PQ:hover {
   background-color: #f0f1f5;

package/dist/types/index.d.ts

@@ -90,6 +90,7 @@ interface SideNavProps {
     envType: envTypeEnum;
     children?: React.ReactElement;
 }
+type TopNavLinkTarget = '_self' | '_blank';
 interface DropdownItem {
     key?: string;
     id?: string;
@@ -98,8 +99,9 @@ interface DropdownItem {
     labelEn?: string;
     label?: string;
     href?: string;
+    linkTarget?: TopNavLinkTarget;
     icon?: React.ReactNode;
-    onClick?: (event: React.MouseEvent<HTMLAnchorElement>) => void;
+    onClick?: (event: React.MouseEvent<HTMLElement>) => void;
     children?: DropdownItem[];
 }
 interface TopNavNavItem {
@@ -108,6 +110,7 @@ interface TopNavNavItem {
     labelZh?: string;
     labelEn?: string;
     href?: string;
+    linkTarget?: TopNavLinkTarget;
     active?: boolean;
     withDown?: boolean;
     dropdownItems?: DropdownItem[];
@@ -119,33 +122,31 @@ interface TopNavArenaConfig {
     labelEn?: string;
     /** 跳转地址,传入后渲染为 <a>,支持中键开新标签 */
     href?: string;
+    /** 跳转方式: _self 当前页跳转, _blank 新页面打开 */
+    linkTarget?: TopNavLinkTarget;
 }
 interface TopNavProps {
     /** 当前语言,用于导航文案和链接参数渲染 */
     locale: langTypeEnum;
-    /** 当前运行环境,用于读取对应环境配置 */
-    envType: envTypeEnum;
-    /** 点击品牌 Logo 后跳转的地址,默认 https://opencompass.org.cn/home */
-    brandHref?: string;
     /** 点击语言切换按钮时触发,语言状态由父组件维护 */
-    onToggleLocale?: () => void;
+    onToggleLocale: () => void;
+    /** 当前运行环境,用于读取对应环境配置，如不传是用生产环境地址 */
+    envType?: envTypeEnum;
+    /** 点击品牌 Logo 后跳转的地址，根据环境有默认值 */
+    brandHref?: string;
+    /** 顶部导航菜单配置，根据环境有默认值 */
+    navItems?: TopNavNavItem[];
+    /** Arena 入口的文案和跳转配置，根据环境有默认值 */
+    arena?: TopNavArenaConfig;
     /** 跳转登录回调,与 header 组件保持一致 */
     jumpLogin?: () => void;
-    /** 点击 Arena 入口时触发 */
-    onArenaClick?: () => void;
-    /** Arena 入口的文案和跳转配置 */
-    arena?: TopNavArenaConfig;
-    /** 顶部导航菜单配置,未传时使用默认菜单 */
-    navItems?: TopNavNavItem[];
     /**
      * 由父组件在登录成功后回传的用户信息;
      * 传入有效值时,OcTopNav 会用头像替换登录按钮。
      * 设为 null/undefined 表示未登录,显示登录按钮。
      */
     userInfo?: IUserInfo | null;
-    /** 头像点击事件,无 userMenuItems 时通常用来触发父组件的用户菜单/跳转 */
-    onAvatarClick?: () => void;
-    /** 可选:点击头像时弹出的下拉菜单项(如个人中心/退出登录) */
+    /** 点击头像时弹出的下拉菜单项(如个人中心/退出登录); 不传时根据环境有默认值 */
     userMenuItems?: DropdownItem[];
     /** 退出登录的接口调用,与 header 组件保持一致 */
     logout?: () => Promise<unknown>;
@@ -159,4 +160,4 @@ interface FooterProps {
     customClassname?: string;
 }
 
-export { ApplyEvalRequest, DefaultRespDTO, DropdownItem, FooterProps, HeaderProps, IUserInfo, OnlineEvaluationProps, SideNavProps, TopNavArenaConfig, TopNavNavItem, TopNavProps };
+export { ApplyEvalRequest, DefaultRespDTO, DropdownItem, FooterProps, HeaderProps, IUserInfo, OnlineEvaluationProps, SideNavProps, TopNavArenaConfig, TopNavLinkTarget, TopNavNavItem, TopNavProps };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencompass-fe/oc-webkit-eval",
-  "version": "0.1.5",
+  "version": "0.1.7",
   "description": "Provide some common components for oc",
   "repository": {
     "type": "git",
@@ -15,6 +15,7 @@
   "scripts": {
     "dev": "cross-env NODE_ENV=developemnt rollup -m -c rollup.config.js -w",
     "build": "rimraf dist && rimraf es &&  cross-env NODE_ENV=production rollup -c rollup.config.js",
+    "publish": "npm run build && npm publish",
     "test": "tsc --project ./tsconfig.test.json && jest",
     "lint": "eslint 'src/**/*.{ts,tsx,js,jsx}' && npm run build:type",
     "lint:fix": "eslint src/**/*.{ts,tsx,js,jsx} --fix",