@opencompass-fe/oc-webkit-eval 0.1.2 → 0.1.4

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

@@ -1 +1 @@
-import t,{useContext as N,useMemo as B,useCallback as re,useEffect as ne}from"react";import Z from"classnames";import{langTypeEnum as g}from"../../constants/enums.js";import F from"../../assets/svg/top-nav/agent.svg.js";import L from"../../assets/svg/top-nav/AI4S.svg.js";import O 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 $ from"../../assets/svg/top-nav/physical-intelligence.svg.js";import T from"../../assets/svg/top-nav/video-understanding.svg.js";import le from"../../assets/svg/top-nav/group-bullet.svg.js";import x,{DEFAULT_LANG as te}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,E=Object.getOwnPropertySymbols,S=Object.prototype.hasOwnProperty,R=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={}))S.call(r,n)&&j(e,n,r[n]);if(E)for(var n of E(r))R.call(r,n)&&j(e,n,r[n]);return e},pe=(e,r)=>se(e,de(r)),fe=(e,r)=>{var n={};for(var l in e)S.call(e,l)&&r.indexOf(l)<0&&(n[l]=e[l]);if(e!=null&&E)for(var l of E(e))r.indexOf(l)<0&&R.call(e,l)&&(n[l]=e[l]);return n},he=(e,r,n)=>new Promise((l,a)=>{var i=o=>{try{c(n.next(o))}catch(u){a(u)}},p=o=>{try{c(n.throw(o))}catch(u){a(u)}},c=o=>o.done?l(o.value):Promise.resolve(o.value).then(i,p);c((n=n.apply(e,r)).next())});function m({src:e,size:r=14}){return t.createElement("img",{src:e,style:{width:r,height:r,objectFit:"contain"},alt:""})}const be={llm:P,agent:F,ai4s:L,physical:$,item1:M,item2:T,medical:U,finance:O};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 z(e,r=14){if(e.icon)return e.icon;const n=G(e);return n?t.createElement(m,{src:n,size:r}):H(e)?t.createElement(m,{src:le,size:r}):null}const _="logout",K=[{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"}],V=[{key:"home",labelZh:"\u9996\u9875",labelEn:"Home",href:"#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:t.createElement(m,{src:P}),href:"#llm"},{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:t.createElement(m,{src:M}),href:"#img"},{id:"item2",type:"item",labelZh:"\u89C6\u9891\u7406\u89E3",labelEn:"Video Understanding",icon:t.createElement(m,{src:T}),href:"#vid"}]},{type:"divider"},{id:"agent",type:"item",labelZh:"\u667A\u80FD\u4F53",labelEn:"Agents",icon:t.createElement(m,{src:F}),href:"#agent"},{type:"divider"},{id:"ai4s",type:"item",labelZh:"\u79D1\u5B66\u667A\u80FD",labelEn:"AI for Science",icon:t.createElement(m,{src:L}),href:"#ai4s"},{type:"divider"},{id:"physical",type:"item",labelZh:"\u7269\u7406\u667A\u80FD",labelEn:"Physical Intelligence",icon:t.createElement(m,{src:$}),href:"#physical"},{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:t.createElement(m,{src:U}),href:"#medical"},{id:"finance",type:"item",labelZh:"\u91D1\u878D",labelEn:"Finance",icon:t.createElement(m,{src:O}),href:"#finance"}]}]},{key:"models",labelZh:"\u6A21\u578B\u5E93",labelEn:"Models",href:"#models"},{key:"datasets",labelZh:"\u8BC4\u6D4B\u96C6",labelEn:"Benchmarks",href:"#datasets",active:!0},{key:"tools",labelZh:"\u8BC4\u6D4B\u5DE5\u5177",labelEn:"Tools",href:"#tools"}];function ve({alt:e="",className:r,size:n,src:l,styles:a}){return t.createElement("span",{className:Z(a.iconBox,r),style:{"--icon-size":`${n}px`}},t.createElement("img",{src:l,alt:e}))}function q(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 I=t.forwardRef((e,r)=>{var n=e,{userInfo:l,styles:a,onClick:i,className:p,tabIndex:c,size:o=36}=n,u=fe(n,["userInfo","styles","onClick","className","tabIndex","size"]);const s=q(l),d=W(s);return t.createElement("button",pe(me({},u),{ref:r,type:"button",className:Z(a.userAvatar,p),style:{"--avatar-size":`${o}px`},onClick:i,tabIndex:c,"aria-label":s||"User",title:s}),l.avatar?t.createElement("img",{src:l.avatar,alt:s}):t.createElement("span",{className:a.userAvatarInitials},d))});I.displayName="UserAvatar";function ye(e){const{brandHref:r,locale:n,onToggleLocale:l,onLogin:a,jumpLogin:i,onArenaClick:p,navItems:c=V,arena:o,userInfo:u,onAvatarClick:s,userMenuItems:d=K,logout:f,handleUnauth:h}=e,Y=a!=null?a:i,{setConfig:A}=N(oe),{locales:v}=N(ae),y=B(()=>{var b;return v!=null&&v.topNavHome?v:(b=x[n])!=null?b:x[te]},[v,n]),J=B(()=>{var b,C,k,w;return n===g.en?(C=(b=o==null?void 0:o.labelEn)!=null?b:y.topNavArena)!=null?C:"Arena":(w=(k=o==null?void 0:o.labelZh)!=null?k:y.topNavArena)!=null?w:"\u7ADE\u6280\u573A"},[o==null?void 0:o.labelEn,o==null?void 0:o.labelZh,n,y.topNavArena]),Q=re(()=>he(null,null,function*(){try{f&&(yield f())}catch(b){ie.error("request error!")}finally{h==null||h(),(f||h)&&window.location.reload()}}),[h,f]);ne(()=>{A(e)},[e,A]);const X=!!u,ee=!!d&&d.length>0;return{arena:o,arenaLabel:J,brandHref:r,hasUserMenu:ee,isLoggedIn:X,locale:n,locales:y,navItems:c,onArenaClick:p,onAvatarClick:s,onToggleLocale:l,performLogout:Q,triggerLogin:Y,userInfo:u,userMenuItems:d}}function Ee(e){return e.map((r,n)=>{var l,a,i;return(l=r.dropdownItems)!=null&&l.length?(i=(a=r.key)!=null?a:r.href)!=null?i:`nav-${n}`:null}).filter(r=>!!r)}function ge(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 D({item:e,index:r,locale:n,performLogout:l,styles:a}){var i;if(e.type==="divider")return t.createElement("div",{key:`divider-${r}`,className:a.dropdownDivider});if(e.type==="group"||e.children&&e.children.length>0){const d=e.label||(n===g.en?e.labelEn:e.labelZh);return t.createElement("div",{key:e.key||e.id||`group-${r}`,className:a.dropdownGroup},d?t.createElement("div",{className:a.dropdownGroupHeader},t.createElement("p",{className:a.dropdownGroupTitle},d)):null,(i=e.children)==null?void 0:i.map((f,h)=>D({item:f,index:h,locale:n,performLogout:l,styles:a})))}const p=e.label||(n===g.en?e.labelEn:e.labelZh),o=(e.key||e.id)===_&&!e.href&&!e.onClick,u=z(e,14),s=d=>{var f;if(e.href||d.preventDefault(),o){l();return}(f=e.onClick)==null||f.call(e,d)};return t.createElement("a",{key:e.key||e.id||`item-${r}`,className:a.dropdownItem,href:e.href||"#",onClick:s},u?t.createElement("div",{className:a.dropdownItemIcon},u):null,t.createElement("span",{className:a.dropdownItemLabel},p))}function _e({items:e,locale:r,performLogout:n,styles:l}){return!e||e.length===0?null:t.createElement("div",{className:l.customDropdown},e.map((a,i)=>D({item:a,index:i,locale:r,performLogout:n,styles:l})))}function Ie({customDropdownRender:e,dropdownTrigger:r,extra:n,hasUserMenu:l,isLoggedIn:a,onAvatarClick:i,styles:p,userInfo:c,userMenuItems:o,avatarSize:u}){if(!a||!c)return null;const s=t.createElement(I,{userInfo:c,styles:p,onClick:i,className:n==null?void 0:n.className,tabIndex:n==null?void 0:n.tabIndex,size:u});return l?t.createElement(ue,{trigger:r,popupRender:()=>e(o),placement:"bottomRight",styles:{root:{paddingTop:8}}},s):s}export{V as DEFAULT_NAV_ITEMS,K as DEFAULT_USER_MENU_ITEMS,ve as IconBox,_ as LOGOUT_ITEM_KEY,m as NavIcon,I as UserAvatar,ge as getCollapsibleKeysFromDropdownItems,Ee as getCollapsibleKeysFromNavItems,q as getDisplayName,G as getDropdownItemIconSrc,W as getInitials,H as isDropdownGroupItem,_e as renderDropdownContent,D as renderDropdownItem,z as renderDropdownItemIcon,Ie as renderUserAvatar,ye as useTopNavCommon};
+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};

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

@@ -1 +1 @@
-import a,{useState as h,useEffect as y}from"react";import u from"classnames";import{langTypeEnum as W}from"../../constants/enums.js";import I from"../../assets/svg/top-nav/arena-flag.svg.js";import S from"../../assets/svg/top-nav/arrow-up.svg.js";import Z from"../../assets/svg/top-nav/logo-mark.svg.js";import K from"../../assets/svg/top-nav/logo-word.svg.js";import q from"../../assets/svg/top-nav/nav-down.svg.js";import{Dropdown as O}from"antd";import n from"./top-nav.module.less.js";import{useTopNavCommon as X,IconBox as d,renderDropdownContent as j,renderUserAvatar as G}from"./shared.js";const J=k=>{const{brandHref:A,locale:w,onToggleLocale:L,onArenaClick:g,navItems:x,arenaLabel:b,userInfo:C,onAvatarClick:D,userMenuItems:_,locales:m,triggerLogin:F,performLogout:z,isLoggedIn:v,hasUserMenu:B}=X(k),T=e=>{var l,t,r,o,s,c;return w===W.en?(r=(t=(l=e.labelEn)!=null?l:e.label)!=null?t:e.labelZh)!=null?r:"":(c=(s=(o=e.labelZh)!=null?o:e.label)!=null?s:e.labelEn)!=null?c:""},Y=(e,l)=>{var t,r,o,s,c;return(c=(s=(o=(r=(t=e.key)!=null?t:e.href)!=null?r:e.label)!=null?o:e.labelZh)!=null?s:e.labelEn)!=null?c:`nav-${l}`},[p,H]=h(!1),[f,M]=h(()=>window.innerWidth>860),$=p&&f?{width:"448px",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,i=p&&f,R=i?{pointerEvents:"none",opacity:0,transform:"translateY(-8px) scale(0.96)"}:void 0,U=i?{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 s=window.scrollY>24;H(c=>c===s?c:s)},r=()=>{e===0&&(e=window.requestAnimationFrame(t))};t(),window.addEventListener("scroll",r,{passive:!0});const o=window.setInterval(t,120);return()=>{window.removeEventListener("scroll",r),window.clearInterval(o),e!==0&&window.cancelAnimationFrame(e)}},[]),y(()=>{const e=()=>M(window.innerWidth>860);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const E=e=>j({items:e,locale:w,performLogout:z,styles:n}),N=e=>G({customDropdownRender:E,dropdownTrigger:["hover"],extra:e,hasUserMenu:B,isLoggedIn:v,onAvatarClick:D,styles:n,userInfo:C,userMenuItems:_});return a.createElement("header",{className:u(n.topbar,p&&n.scrolled)},a.createElement("a",{className:n.brand,href:A,"aria-label":m.topNavBrandAria},a.createElement("img",{className:n.brandMark,src:Z,alt:""}),a.createElement("img",{className:n.brandWord,src:K,alt:m.topNavBrandName})),a.createElement("nav",{className:u(n.nav,p&&n.navScrolled),"aria-label":m.topNavNavAria,style:$},x.map((e,l)=>{const t=Y(e,l),r=T(e),o=a.createElement("div",{className:u(n.navLink,e.active&&n.navLinkActive,e.withDown&&n.withDown)},a.createElement("span",null,r),e.withDown?a.createElement(d,{src:q,size:16,styles:n}):null);return!!e.dropdownItems&&e.dropdownItems.length>0?a.createElement(O,{key:t,trigger:["hover"],popupRender:()=>E(e.dropdownItems),placement:"bottom",styles:{root:{paddingTop:8}}},o):a.createElement(a.Fragment,{key:t},o)})),a.createElement("div",{className:n.actions,style:R,"aria-hidden":i},a.createElement("button",{className:n.arenaButton,type:"button",onClick:g},a.createElement(d,{src:I,size:16,className:n.arenaIconDefault,styles:n}),a.createElement(d,{src:S,size:16,className:n.arenaIconHover,styles:n}),a.createElement("span",null,b)),a.createElement("button",{className:n.langButton,type:"button",onClick:L},m.topNavLangSwitch),v?N():a.createElement("button",{className:n.loginButton,type:"button",onClick:F},m.login)),a.createElement("div",{className:u(n.floatingArena,i&&n.visible),style:U,"aria-hidden":!i},a.createElement("button",{className:n.floatingArenaButton,type:"button",tabIndex:i?0:-1,onClick:g},a.createElement(d,{src:I,size:16,className:n.arenaIconDefault,styles:n}),a.createElement(d,{src:S,size:16,className:n.arenaIconHover,styles:n}),a.createElement("span",null,b)),v?N({className:n.floatingAvatar,tabIndex:i?0:-1}):null))};export{J as default};
+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};

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

@@ -19,7 +19,7 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
   top: 0;
   z-index: 20;
   display: grid;
-  grid-template-columns: 218px minmax(430px, 1fr) 218px;
+  grid-template-columns: 218px minmax(360px, 1fr) auto;
   align-items: center;
   width: 100%;
   height: 64px;
@@ -64,7 +64,6 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
   transform: translateY(-8px) scale(0.96);
 }
 .top-nav-module_topbar__M-9LM.top-nav-module_scrolled__0c7O- .top-nav-module_nav__CNENL.top-nav-module_navScrolled__0VNTc {
-  --oc-nav-width: 448px;
   --oc-nav-height: 52px;
   --oc-nav-padding: 8px;
   --oc-nav-background: var(--oc-white);
@@ -104,7 +103,8 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
   align-items: center;
   justify-self: center;
   justify-content: center;
-  width: var(--oc-nav-width, 430px);
+  width: fit-content;
+  max-width: calc(100vw - 280px);
   height: var(--oc-nav-height, 36px);
   padding: var(--oc-nav-padding, 0);
   background-color: var(--oc-nav-background, rgba(255, 255, 255, 0));
@@ -155,7 +155,7 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
   gap: 8px;
   align-items: center;
   justify-self: end;
-  width: 218px;
+  width: fit-content;
   height: 40px;
   padding: 0;
   background-color: rgba(255, 255, 255, 0);
@@ -167,6 +167,7 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
 }
 .top-nav-module_topbar__M-9LM .top-nav-module_actions__NeiZP .top-nav-module_arenaButton__uYjCi {
   display: inline-flex;
+  flex-shrink: 0;
   gap: 2px;
   align-items: center;
   justify-content: center;
@@ -202,20 +203,22 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
   white-space: nowrap;
 }
 .top-nav-module_topbar__M-9LM .top-nav-module_actions__NeiZP .top-nav-module_langButton__6jlyg {
-  width: 40px;
-  height: 40px;
+  flex-shrink: 0;
+  height: 36px;
+  padding: 8px 12px;
   color: var(--oc-text-secondary);
   border-radius: var(--oc-radius-md);
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
   white-space: nowrap;
-  transition: width 240ms ease, padding 240ms ease, opacity 180ms ease, background-color 220ms ease, transform 220ms ease;
+  transition: padding 240ms ease, opacity 180ms ease, background-color 220ms ease, transform 220ms ease;
 }
 .top-nav-module_topbar__M-9LM .top-nav-module_actions__NeiZP .top-nav-module_langButton__6jlyg:hover {
   background-color: var(--oc-fill-bg-hover);
 }
 .top-nav-module_topbar__M-9LM .top-nav-module_actions__NeiZP .top-nav-module_loginButton__rTUW2 {
+  flex-shrink: 0;
   height: 36px;
   padding: 8px 20px;
   color: var(--oc-white);
@@ -267,7 +270,7 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
 .top-nav-module_topbar__M-9LM .top-nav-module_floatingArena__SzJGl {
   position: fixed;
   top: 20px;
-  left: calc(50vw + 231px);
+  left: calc(50vw + var(--oc-nav-half-width, 0px) + 8px);
   z-index: 22;
   display: flex;
   gap: 8px;
@@ -345,7 +348,7 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
 }
 @media (max-width: 1180px) {
   .top-nav-module_topbar__M-9LM {
-    grid-template-columns: 160px minmax(360px, 1fr) 218px;
+    grid-template-columns: 160px minmax(320px, 1fr) auto;
   }
 }
 @media (max-width: 860px) {

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

@@ -1 +1 @@
-import e,{useState as C,useEffect as P}from"react";import p from"classnames";import{CloseOutlined as W,MenuOutlined as j}from"@ant-design/icons";import{langTypeEnum as g}from"../../../constants/enums.js";import q from"../../../assets/svg/top-nav/logo-mark.svg.js";import J 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:v,onArenaClick:k,arena:E,userInfo:S,onAvatarClick:O,userMenuItems:K,arenaLabel:M,locales:m,triggerLogin:B,performLogout:T,isLoggedIn:h,hasUserMenu:$}=Y(D),[u,i]=C(!1),[N,w]=C(()=>new Set);P(()=>{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===g.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===g.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(v);return v.map((l,t)=>{var r,o,c;const s=(o=(r=l.key)!=null?r:l.href)!=null?o:`nav-${t}`,f=d===g.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:q,alt:""}),e.createElement("img",{className:n.brandWord,src:J,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(W,null):e.createElement(j,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 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};

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

@@ -70,10 +70,14 @@ import n from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-
   gap: 12px;
 }
 .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 .top-nav-module_langButton__ciwEY {
+  flex-shrink: 0;
+  height: 32px;
+  padding: 0 8px;
   color: var(--oc-text-secondary);
   font-size: 14px;
   font-weight: 400;
   line-height: 20px;
+  white-space: nowrap;
 }
 .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 .top-nav-module_loginButton__bWyfr {
   height: 32px;

package/dist/types/index.d.ts

@@ -125,13 +125,11 @@ interface TopNavProps {
     locale: langTypeEnum;
     /** 当前运行环境,用于读取对应环境配置 */
     envType: envTypeEnum;
-    /** 点击品牌 Logo 后跳转的地址 */
+    /** 点击品牌 Logo 后跳转的地址,默认 https://opencompass.org.cn/home */
     brandHref?: string;
     /** 点击语言切换按钮时触发,语言状态由父组件维护 */
     onToggleLocale?: () => void;
-    /** 点击登录按钮时触发 */
-    onLogin?: () => void;
-    /** 兼容旧 Header 的登录跳转方法,onLogin 未传时使用 */
+    /** 跳转登录回调,与 header 组件保持一致 */
     jumpLogin?: () => void;
     /** 点击 Arena 入口时触发 */
     onArenaClick?: () => void;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@opencompass-fe/oc-webkit-eval",
-  "version": "0.1.2",
+  "version": "0.1.4",
   "description": "Provide some common components for oc",
   "repository": {
     "type": "git",