@opencompass-fe/oc-webkit-eval 0.2.0 → 0.2.2

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (10) hide show
  1. package/dist/assets/svg/top-nav/arena-arrow-right-up1.svg.js +1 -0
  2. package/dist/assets/svg/top-nav/menu-button.svg.js +1 -0
  3. package/dist/assets/svg/top-nav/user-header.svg.js +1 -0
  4. package/dist/components/top-nav/shared.js +1 -1
  5. package/dist/components/top-nav/top-nav.js +1 -1
  6. package/dist/components/top-nav/top-nav.module.less.js +29 -29
  7. package/dist/mobile/components/top-nav/top-nav.js +1 -1
  8. package/dist/mobile/components/top-nav/top-nav.module.less.js +73 -37
  9. package/package.json +1 -1
  10. package/dist/assets/svg/top-nav/arena-arrow-right-up.svg.js +0 -1
package/dist/assets/svg/top-nav/arena-arrow-right-up1.svg.js ADDED
@@ -0,0 +1 @@
1
+ import"react";var e="data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M14.0592 3.375C14.3697 3.3752 14.6217 3.62696 14.6217 3.9375V10.9094C14.6215 11.2198 14.3695 11.4717 14.0592 11.4719C13.7488 11.4717 13.4969 11.2198 13.4967 10.9094V5.29834L4.55818 14.2368C4.33851 14.4565 3.98244 14.4565 3.76277 14.2368C3.54335 14.0171 3.54319 13.661 3.76277 13.4414L12.7042 4.5H7.08724C6.77673 4.49982 6.52474 4.24805 6.52474 3.9375C6.52474 3.62695 6.77673 3.37518 7.08724 3.375H14.0592Z' fill='%23374151'/%3e%3c/svg%3e";export{e as default};
package/dist/assets/svg/top-nav/menu-button.svg.js ADDED
@@ -0,0 +1 @@
1
+ import"react";var C="data:image/svg+xml,%3csvg width='17' height='12' viewBox='0 0 17 12' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M16.0417 10.4167C16.3868 10.4167 16.6667 10.6965 16.6667 11.0417C16.6667 11.3868 16.3868 11.6667 16.0417 11.6667H0.625C0.279822 11.6667 0 11.3868 0 11.0417C0 10.6965 0.279822 10.4167 0.625 10.4167H16.0417Z' fill='%23374151'/%3e%3cpath d='M16.0417 5.20833C16.3868 5.20833 16.6667 5.48816 16.6667 5.83333C16.6667 6.17851 16.3868 6.45833 16.0417 6.45833H0.625C0.279822 6.45833 0 6.17851 0 5.83333C0 5.48816 0.279822 5.20833 0.625 5.20833H16.0417Z' fill='%23374151'/%3e%3cpath d='M16.0417 0C16.3868 0 16.6667 0.279822 16.6667 0.625C16.6667 0.970178 16.3868 1.25 16.0417 1.25H0.625C0.279822 1.25 0 0.970178 0 0.625C0 0.279822 0.279822 0 0.625 0H16.0417Z' fill='%23374151'/%3e%3c/svg%3e";export{C as default};
package/dist/assets/svg/top-nav/user-header.svg.js ADDED
@@ -0,0 +1 @@
1
+ import"react";var C="data:image/svg+xml,%3csvg width='15' height='16' viewBox='0 0 15 16' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath d='M11.0417 10C13.2278 10 15 11.7722 15 13.9583V15.2083C15 15.5535 14.7202 15.8333 14.375 15.8333C14.0298 15.8333 13.75 15.5535 13.75 15.2083V13.9583C13.75 12.4626 12.5374 11.25 11.0417 11.25H3.95833C2.46257 11.25 1.25 12.4626 1.25 13.9583V15.2083C1.25 15.5535 0.970178 15.8333 0.625 15.8333C0.279822 15.8333 0 15.5535 0 15.2083V13.9583C0 11.7722 1.7722 10 3.95833 10H11.0417Z' fill='%23374151'/%3e%3cpath d='M7.5 0C10.0313 0 12.0833 2.05203 12.0833 4.58333C12.0833 7.11468 10.0313 9.16667 7.5 9.16667C4.9687 9.16667 2.91667 7.11468 2.91667 4.58333C2.91667 2.05203 4.9687 0 7.5 0ZM7.5 1.25C5.65905 1.25 4.16667 2.74239 4.16667 4.58333C4.16667 6.42432 5.65905 7.91667 7.5 7.91667C9.34099 7.91667 10.8333 6.42432 10.8333 4.58333C10.8333 2.74238 9.34098 1.25 7.5 1.25Z' fill='%23374151'/%3e%3c/svg%3e";export{C as default};
package/dist/components/top-nav/shared.js CHANGED
@@ -1 +1 @@
1
- import o,{useContext as S,useMemo as fe,useCallback as V,useEffect as ge}from"react";import M from"classnames";import{OcContext as he}from"../../providers/OcContext.js";import{OcConfigContext as ve}from"../../providers/OcConfigContext.js";import{message as Ee,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 w,topNavActiveKeyEnum as _,langTypeEnum as k}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 Z from"../../assets/svg/top-nav/agent.svg.js";import F from"../../assets/svg/top-nav/AI4S.svg.js";import x from"../../assets/svg/top-nav/finance.svg.js";import H from"../../assets/svg/top-nav/image-understanding.svg.js";import G from"../../assets/svg/top-nav/LLM.svg.js";import K from"../../assets/svg/top-nav/medical.svg.js";import j from"../../assets/svg/top-nav/physical-intelligence.svg.js";import z from"../../assets/svg/top-nav/video-understanding.svg.js";import _e from"../../assets/svg/top-nav/group-bullet.svg.js";import Y,{DEFAULT_LANG as ye}from"../../locale/index.js";var Te=Object.defineProperty,Ie=Object.defineProperties,ke=Object.getOwnPropertyDescriptors,L=Object.getOwnPropertySymbols,W=Object.prototype.hasOwnProperty,q=Object.prototype.propertyIsEnumerable,J=(e,r,n)=>r in e?Te(e,r,{enumerable:!0,configurable:!0,writable:!0,value:n}):e[r]=n,y=(e,r)=>{for(var n in r||(r={}))W.call(r,n)&&J(e,n,r[n]);if(L)for(var n of L(r))q.call(r,n)&&J(e,n,r[n]);return e},N=(e,r)=>Ie(e,ke(r)),Le=(e,r)=>{var n={};for(var t in e)W.call(e,t)&&r.indexOf(t)<0&&(n[t]=e[t]);if(e!=null&&L)for(var t of L(e))r.indexOf(t)<0&&q.call(e,t)&&(n[t]=e[t]);return n},Ne=(e,r,n)=>new Promise((t,a)=>{var l=u=>{try{s(n.next(u))}catch(p){a(p)}},d=u=>{try{s(n.throw(u))}catch(p){a(p)}},s=u=>u.done?t(u.value):Promise.resolve(u.value).then(l,d);s((n=n.apply(e,r)).next())});function m({src:e,size:r=14}){return o.createElement("img",{src:e,style:{width:r,height:r,objectFit:"contain"},alt:""})}const Ue={llm:G,agent:Z,ai4s:F,physical:j,item1:H,item2:z,medical:K,finance:x};function Q(e){const r=e.id||e.key;if(r)return Ue[r]}function X(e){return e.type==="group"||!!(e.children&&e.children.length>0)}function ee(e,r=14){if(e.icon)return e.icon;const n=Q(e);return n?o.createElement(m,{src:n,size:r}):X(e)?o.createElement(m,{src:_e,size:r}):null}const A="logout",i="_self",E="_blank";function Oe(e,r=i){const n=r===E;return{href:e||"#",target:n?E:void 0,rel:n?"noopener noreferrer":void 0}}function re(e,r=i){if(e){if(r===E){window.open(e,E,"noopener,noreferrer");return}window.location.href=e}}function R(e){if(e)return e.map(r=>{var n;return N(y({},r),{linkTarget:(n=r.linkTarget)!=null?n:i,children:R(r.children)})})}function we(e,r,n){return(e!=null?e:r).map(a=>{var l;return N(y({},a),{active:n?a.key===n:a.active,linkTarget:(l=a.linkTarget)!=null?l:i,dropdownItems:R(a.dropdownItems)})})}const U={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"},Ae={[w.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:U.VITE_TOOLS_URL},[w.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:U.VITE_TOOLS_URL},[w.production]:U};function ne(e,r=k.zh){const{VITE_COMPASS_URL:n,VITE_RANK_URL:t,VITE_HUB_URL:a,VITE_SSO_URL:l,VITE_TOOLS_URL:d}=e&&Ae[e]||U;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:o.createElement(m,{src:G}),href:`${t}/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:o.createElement(m,{src:H}),href:`${t}/leaderboard/image-vlm`,linkTarget:i},{id:"item2",type:"item",labelZh:"\u89C6\u9891\u7406\u89E3",labelEn:"Video Understanding",icon:o.createElement(m,{src:z}),href:`${t}/leaderboard/video-vlm`,linkTarget:i}]},{type:"divider"},{id:"agent",type:"item",labelZh:"\u667A\u80FD\u4F53",labelEn:"Agents",icon:o.createElement(m,{src:Z}),href:`${t}/leaderboard/agent`,linkTarget:i},{type:"divider"},{id:"ai4s",type:"item",labelZh:"\u79D1\u5B66\u667A\u80FD",labelEn:"AI for Science",icon:o.createElement(m,{src:F}),href:`${t}/leaderboard/ai4science`,linkTarget:i},{type:"divider"},{id:"physical",type:"item",labelZh:"\u7269\u7406\u667A\u80FD",labelEn:"Physical Intelligence",icon:o.createElement(m,{src:j}),href:`${t}/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:o.createElement(m,{src:K}),href:`${t}/leaderboard/medbench`,linkTarget:i},{id:"finance",type:"item",labelZh:"\u91D1\u878D",labelEn:"Finance",icon:o.createElement(m,{src:x}),href:`${t}/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:`${a}/home`,linkTarget:i,active:!0},{key:_.tools,labelZh:"\u8BC4\u6D4B\u5DE5\u5177",labelEn:"Tools",href:d,linkTarget:E}],arena:{labelZh:"\u7ADE\u6280\u573A",labelEn:"Arena",href:`${n}/arena/home`,linkTarget:E},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:`${l}/usercenter?lang=${r}`,linkTarget:i},{type:"divider"},{key:A,type:"item",labelZh:"\u9000\u51FA\u767B\u5F55",labelEn:"Logout"}]}}ne();function Re({alt:e="",className:r,size:n,src:t,styles:a}){return o.createElement("span",{className:M(a.iconBox,r),style:{"--icon-size":`${n}px`}},o.createElement("img",{src:t,alt:e}))}function te(e){return e.nickname||e.username||e.email||""}function ae(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 C=o.forwardRef((e,r)=>{var n=e,{userInfo:t,styles:a,onClick:l,className:d,tabIndex:s,size:u=36}=n,p=Le(n,["userInfo","styles","onClick","className","tabIndex","size"]);const c=te(t),f=ae(c);return o.createElement("button",N(y({},p),{ref:r,type:"button",className:M(a.userAvatar,d),style:{"--avatar-size":`${u}px`},onClick:l,tabIndex:s,"aria-label":c||"User",title:c}),t.avatar?o.createElement("img",{src:t.avatar,alt:c}):o.createElement("span",{className:a.userAvatarInitials},f))});C.displayName="UserAvatar";function Ce(e){var r,n,t;const{brandHref:a,locale:l,onToggleLocale:d,jumpLogin:s,navItems:u,activeKey:p,arena:c,userInfo:f,userMenuItems:g,logout:h,handleUnauth:T}=e,{config:$,setConfig:B}=S(ve),{locales:I}=S(he),oe=(r=e.envType)!=null?r:$==null?void 0:$.envType,b=ne(oe,l),le=a!=null?a:b.brandHref,ie=we(u,b.navItems,p),O=c?N(y(y({},b.arena),c),{linkTarget:(n=c.linkTarget)!=null?n:i}):b.arena,ue=fe(()=>{var v;return I!=null&&I.topNavHome?I:(v=Y[l])!=null?v:Y[ye]},[I,l]),se=l===k.en?O.labelEn:O.labelZh,P=(t=R(g))!=null?t:b.userMenuItems,ce=V(()=>Ne(null,null,function*(){try{h&&(yield h())}catch(v){Ee.error("request error!")}finally{T==null||T(),(h||T)&&window.location.reload()}}),[T,h]),pe=V(()=>{if(!s)return;const v=s();v&&(window.location.href=v)},[s]);ge(()=>{B(e)},[e,B]);const de=!!f,me=P.length>0;return{arena:O,arenaLabel:se,brandHref:le,hasUserMenu:me,isLoggedIn:de,locale:l,locales:ue,navItems:ie,onToggleLocale:d,handleJumpLogin:pe,performLogout:ce,userInfo:f,userMenuItems:P}}function De(e){return e.map((r,n)=>{var t,a,l;return(t=r.dropdownItems)!=null&&t.length?(l=(a=r.key)!=null?a:r.href)!=null?l:`nav-${n}`:null}).filter(r=>!!r)}function $e(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:t,styles:a}){var l;if(e.type==="divider")return o.createElement("div",{key:`divider-${r}`,className:a.dropdownDivider});if(e.type==="group"||e.children&&e.children.length>0){const f=e.label||(n===k.en?e.labelEn:e.labelZh);return o.createElement("div",{key:e.key||e.id||`group-${r}`,className:a.dropdownGroup},f?o.createElement("div",{className:a.dropdownGroupHeader},o.createElement("p",{className:a.dropdownGroupTitle},f)):null,(l=e.children)==null?void 0:l.map((g,h)=>D({item:g,index:h,locale:n,performLogout:t,styles:a})))}const d=e.label||(n===k.en?e.labelEn:e.labelZh),u=(e.key||e.id)===A&&!e.href&&!e.onClick,p=ee(e,14),c=f=>{var g;if(u){t();return}(g=e.onClick)==null||g.call(e,f),!f.defaultPrevented&&e.href&&re(e.href,e.linkTarget)};return o.createElement("button",{key:e.key||e.id||`item-${r}`,type:"button",className:a.dropdownItem,onClick:c},p?o.createElement("div",{className:a.dropdownItemIcon},p):null,o.createElement("span",{className:a.dropdownItemLabel},d))}function Be({items:e,locale:r,performLogout:n,styles:t}){return!e||e.length===0?null:o.createElement("div",{className:t.customDropdown},e.map((a,l)=>D({item:a,index:l,locale:r,performLogout:n,styles:t})))}function Pe({customDropdownRender:e,dropdownTrigger:r,extra:n,hasUserMenu:t,isLoggedIn:a,onAvatarClick:l,styles:d,userInfo:s,userMenuItems:u,avatarSize:p}){if(!a||!s)return null;const c=o.createElement(C,{userInfo:s,styles:d,onClick:l,className:n==null?void 0:n.className,tabIndex:n==null?void 0:n.tabIndex,size:p});return t?o.createElement(be,{trigger:r,popupRender:()=>e(u),placement:"bottomRight",styles:{root:{paddingTop:8}}},c):c}export{Re as IconBox,A as LOGOUT_ITEM_KEY,m as NavIcon,C as UserAvatar,$e as getCollapsibleKeysFromDropdownItems,De as getCollapsibleKeysFromNavItems,te as getDisplayName,Q as getDropdownItemIconSrc,ae as getInitials,Oe as getTopNavLinkProps,X as isDropdownGroupItem,re as jumpTopNavHref,Be as renderDropdownContent,D as renderDropdownItem,ee as renderDropdownItemIcon,Pe as renderUserAvatar,Ce as useTopNavCommon};
1
+ import l,{useContext as M,useMemo as de,useCallback as $,useEffect as H}from"react";import U from"classnames";import{OcContext as _e}from"../../providers/OcContext.js";import{OcConfigContext as fe}from"../../providers/OcConfigContext.js";import{message as Ee,Dropdown as ge}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 R,topNavActiveKeyEnum as N,langTypeEnum as O}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 ve from"../../assets/svg/top-nav/agent.svg.js";import F from"../../assets/svg/top-nav/AI4S.svg.js";import Z from"../../assets/svg/top-nav/finance.svg.js";import x from"../../assets/svg/top-nav/image-understanding.svg.js";import G from"../../assets/svg/top-nav/LLM.svg.js";import K from"../../assets/svg/top-nav/medical.svg.js";import j from"../../assets/svg/top-nav/physical-intelligence.svg.js";import he from"../../assets/svg/top-nav/video-understanding.svg.js";import Ie from"../../assets/svg/top-nav/group-bullet.svg.js";import Y,{DEFAULT_LANG as be}from"../../locale/index.js";var Te=Object.defineProperty,ye=Object.defineProperties,Ne=Object.getOwnPropertyDescriptors,L=Object.getOwnPropertySymbols,z=Object.prototype.hasOwnProperty,W=Object.prototype.propertyIsEnumerable,q=(e,n,r)=>n in e?Te(e,n,{enumerable:!0,configurable:!0,writable:!0,value:r}):e[n]=r,b=(e,n)=>{for(var r in n||(n={}))z.call(n,r)&&q(e,r,n[r]);if(L)for(var r of L(n))W.call(n,r)&&q(e,r,n[r]);return e},k=(e,n)=>ye(e,Ne(n)),Le=(e,n)=>{var r={};for(var o in e)z.call(e,o)&&n.indexOf(o)<0&&(r[o]=e[o]);if(e!=null&&L)for(var o of L(e))n.indexOf(o)<0&&W.call(e,o)&&(r[o]=e[o]);return r},ke=(e,n,r)=>new Promise((o,t)=>{var a=s=>{try{c(r.next(s))}catch(m){t(m)}},u=s=>{try{c(r.throw(s))}catch(m){t(m)}},c=s=>s.done?o(s.value):Promise.resolve(s.value).then(a,u);c((r=r.apply(e,n)).next())});function _({src:e,size:n=14}){return l.createElement("img",{src:e,style:{width:n,height:n,objectFit:"contain"},alt:""})}const Ce={llm:G,agent:ve,ai4s:F,physical:j,item1:x,item2:he,medical:K,finance:Z};function J(e){const n=e.id||e.key;if(n)return Ce[n]}function Q(e){return e.type==="group"||!!(e.children&&e.children.length>0)}function X(e,n=14){if(e.icon)return e.icon;const r=J(e);return r?l.createElement(_,{src:r,size:n}):Q(e)?l.createElement(_,{src:Ie,size:n}):null}const w="logout",i="_self",h="_blank";function Ue(e,n=i){const r=n===h;return{href:e||"#",target:r?h:void 0,rel:r?"noopener noreferrer":void 0}}function ee(e,n=i){if(e){if(n===h){window.open(e,h,"noopener,noreferrer");return}window.location.href=e}}function A(e){if(e)return e.map(n=>{var r;return k(b({},n),{linkTarget:(r=n.linkTarget)!=null?r:i,children:A(n.children)})})}function Re(e,n,r){return(e!=null?e:n).map(t=>{var a;return k(b({},t),{active:r?t.key===r:t.active,linkTarget:(a=t.linkTarget)!=null?a:i,dropdownItems:A(t.dropdownItems)})})}const f={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",VITE_MEDBENCH_URL:"https://medbench.opencompass.org.cn/leaderboard",VITE_CNFINBENCH_URL:"https://cnfinbench.opencompass.org.cn/evaluation-list"},Oe={[R.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:f.VITE_TOOLS_URL,VITE_MEDBENCH_URL:f.VITE_MEDBENCH_URL,VITE_CNFINBENCH_URL:f.VITE_CNFINBENCH_URL},[R.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:f.VITE_TOOLS_URL,VITE_MEDBENCH_URL:f.VITE_MEDBENCH_URL,VITE_CNFINBENCH_URL:f.VITE_CNFINBENCH_URL},[R.production]:f};function ne(e){const{VITE_COMPASS_URL:n,VITE_RANK_URL:r,VITE_HUB_URL:o,VITE_SSO_URL:t,VITE_TOOLS_URL:a,VITE_MEDBENCH_URL:u,VITE_CNFINBENCH_URL:c}=e&&Oe[e]||f;return{brandHref:`${n}/home`,navItems:[{key:N.home,labelZh:"\u9996\u9875",labelEn:"Home",href:`${n}/home`,linkTarget:i},{key:N.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(_,{src:G}),href:`${r}/leaderboard/llm`,linkTarget:i},{type:"divider"},{id:"group1",type:"item",labelZh:"\u591A\u6A21\u6001\u6A21\u578B",labelEn:"Multimodal Models",href:`${r}/leaderboard/image-vlm`,icon:l.createElement(_,{src:x})},{type:"divider"},{id:"ai4s",type:"item",labelZh:"\u79D1\u5B66\u667A\u80FD",labelEn:"AI for Science",icon:l.createElement(_,{src:F}),href:`${r}/leaderboard/ai4science`,linkTarget:i},{type:"divider"},{id:"physical",type:"item",labelZh:"\u7269\u7406\u667A\u80FD",labelEn:"Physical Intelligence",icon:l.createElement(_,{src:j}),href:`${r}/leaderboard/physical-intelligence`,linkTarget:i},{type:"divider"},{id:"group2",type:"group",labelZh:"\u9886\u57DF\u667A\u80FD",labelEn:"Domains Intelligent",children:[{id:"medical",type:"item",labelZh:"\u533B\u7597",labelEn:"Medical",icon:l.createElement(_,{src:K}),href:`${u}`,linkTarget:i},{id:"finance",type:"item",labelZh:"\u91D1\u878D",labelEn:"Finance",icon:l.createElement(_,{src:Z}),href:`${c}`,linkTarget:i}]}]},{key:N.datasets,labelZh:"\u8BC4\u6D4B\u96C6",labelEn:"Benchmarks",href:`${o}/home`,linkTarget:i,active:!0},{key:N.tools,labelZh:"\u8BC4\u6D4B\u5DE5\u5177",labelEn:"Tools",href:a,linkTarget:h}],arena:{labelZh:"\u7ADE\u6280\u573A",labelEn:"Arena",href:`${n}/arena/home`,linkTarget:h},userMenuItems:[{key:"myEvaluation",type:"item",labelZh:"\u6211\u7684\u8BC4\u6D4B",labelEn:"My Evaluation",href:`${r}/online-evaluation`,linkTarget:i},{key:"myBenchmark",type:"item",labelZh:"\u6211\u7684\u8BC4\u6D4B\u96C6",labelEn:"My Benchmark",href:`${o}/benchmarks`,linkTarget:i},{key:"myModel",type:"item",labelZh:"\u6211\u7684\u6A21\u578B",labelEn:"My Model",href:`${r}/models`,linkTarget:i},{key:"user-center",type:"item",labelZh:"\u8D26\u53F7\u4FE1\u606F",labelEn:"User Center",href:`${t}/usercenter`,linkTarget:i},{type:"divider"},{key:w,type:"item",labelZh:"\u9000\u51FA\u767B\u5F55",labelEn:"Logout"}]}}ne();function we({alt:e="",className:n,size:r,src:o,styles:t}){return l.createElement("span",{className:U(t.iconBox,n),style:{"--icon-size":`${r}px`}},l.createElement("img",{src:o,alt:e}))}function re(e){return e.nickname||e.username||e.email||""}function te(e){const n=e.trim();return n?n.slice(0,1).toUpperCase():""}const D=l.forwardRef((e,n)=>{var r=e,{userInfo:o,styles:t,onClick:a,className:u,tabIndex:c,size:s=36}=r,m=Le(r,["userInfo","styles","onClick","className","tabIndex","size"]);const p=re(o),d=te(p);return l.createElement("button",k(b({},m),{ref:n,type:"button",className:U(t.userAvatar,u),style:{"--avatar-size":`${s}px`},onClick:a,tabIndex:c,"aria-label":p||"User",title:p}),o.avatar?l.createElement("img",{src:o.avatar,alt:p}):l.createElement("span",{className:t.userAvatarInitials},d))});D.displayName="UserAvatar";function Ae(e){var n,r,o;const{brandHref:t,locale:a,onToggleLocale:u,jumpLogin:c,navItems:s,activeKey:m,arena:p,userInfo:d,userMenuItems:g,logout:v,handleUnauth:T}=e,{config:V,setConfig:S}=M(fe),{locales:y}=M(_e),oe=(n=e.envType)!=null?n:V==null?void 0:V.envType,I=ne(oe),ae=t!=null?t:I.brandHref,le=Re(s,I.navItems,m),C=p?k(b(b({},I.arena),p),{linkTarget:(r=p.linkTarget)!=null?r:i}):I.arena,ie=de(()=>{var E;return y!=null&&y.topNavHome?y:(E=Y[a])!=null?E:Y[be]},[y,a]),ce=a===O.en?C.labelEn:C.labelZh,P=(o=A(g))!=null?o:I.userMenuItems,se=$(()=>ke(null,null,function*(){try{v&&(yield v())}catch(E){Ee.error("request error!")}finally{T==null||T(),(v||T)&&window.location.reload()}}),[T,v]),ue=$(()=>{if(!c)return;const E=c();E&&(window.location.href=E)},[c]);H(()=>{S(e)},[e,S]),H(()=>{try{window.localStorage.setItem(TOP_NAV_LOCALE_STORAGE_KEY,a)}catch(E){}},[a]);const pe=!!d,me=P.length>0;return{arena:C,arenaLabel:ce,brandHref:ae,hasUserMenu:me,isLoggedIn:pe,locale:a,locales:ie,navItems:le,onToggleLocale:u,handleJumpLogin:ue,performLogout:se,userInfo:d,userMenuItems:P}}function De(e){return e.map((n,r)=>{var o,t,a;return(o=n.dropdownItems)!=null&&o.length?(a=(t=n.key)!=null?t:n.href)!=null?a:`nav-${r}`:null}).filter(n=>!!n)}function B({item:e,index:n,locale:r,performLogout:o,styles:t}){var a;if(e.type==="divider")return l.createElement("div",{key:`divider-${n}`,className:t.dropdownDivider});if(e.type==="group"||e.children&&e.children.length>0){const d=e.label||(r===O.en?e.labelEn:e.labelZh);return l.createElement("div",{key:e.key||e.id||`group-${n}`,className:t.dropdownGroup},d?l.createElement("div",{className:t.dropdownGroupHeader},l.createElement("p",{className:t.dropdownGroupTitle},d)):null,(a=e.children)==null?void 0:a.map((g,v)=>B({item:g,index:v,locale:r,performLogout:o,styles:t})))}const u=e.label||(r===O.en?e.labelEn:e.labelZh),s=(e.key||e.id)===w&&!e.href&&!e.onClick,m=X(e,16),p=d=>{var g;if(s){o();return}(g=e.onClick)==null||g.call(e,d),!d.defaultPrevented&&e.href&&ee(e.href,e.linkTarget)};return l.createElement("button",{key:e.key||e.id||`item-${n}`,type:"button",className:t.dropdownItem,onClick:p},m?l.createElement("div",{className:t.dropdownItemIcon},m):null,l.createElement("span",{className:t.dropdownItemLabel},u))}function Be({className:e,items:n,locale:r,performLogout:o,styles:t}){return!n||n.length===0?null:l.createElement("div",{className:U(t.customDropdown,e)},n.map((a,u)=>B({item:a,index:u,locale:r,performLogout:o,styles:t})))}function Ve({customDropdownRender:e,dropdownTrigger:n,extra:r,hasUserMenu:o,isLoggedIn:t,onAvatarClick:a,styles:u,userInfo:c,userMenuItems:s,avatarSize:m}){if(!t||!c)return null;const p=l.createElement(D,{userInfo:c,styles:u,onClick:a,className:r==null?void 0:r.className,tabIndex:r==null?void 0:r.tabIndex,size:m});return o?l.createElement(ge,{trigger:n,popupRender:()=>e(s),placement:"bottomRight",styles:{root:{paddingTop:8}}},p):p}export{we as IconBox,w as LOGOUT_ITEM_KEY,_ as NavIcon,D as UserAvatar,De as getCollapsibleKeysFromNavItems,re as getDisplayName,J as getDropdownItemIconSrc,te as getInitials,Ue as getTopNavLinkProps,Q as isDropdownGroupItem,ee as jumpTopNavHref,Be as renderDropdownContent,B as renderDropdownItem,X as renderDropdownItemIcon,Ve as renderUserAvatar,Ae as useTopNavCommon};
package/dist/components/top-nav/top-nav.js CHANGED
@@ -1 +1 @@
1
- import r,{useState as L,useRef as K,useEffect as S}from"react";import g from"classnames";import{topNavActiveKeyEnum as U,langTypeEnum as W}from"../../constants/enums.js";import Z from"../../assets/svg/top-nav/arena-arrow-right-up.svg.js";import q from"../../assets/svg/top-nav/arena-fire.svg.js";import J from"../../assets/svg/top-nav/logo-mark.svg.js";import V from"../../assets/svg/top-nav/logo-word.svg.js";import X from"../../assets/svg/top-nav/nav-down.svg.js";import{Dropdown as G}from"antd";import n from"./top-nav.module.less.js";import{useTopNavCommon as Q,getTopNavLinkProps as b,IconBox as h,renderDropdownContent as ee,renderUserAvatar as re}from"./shared.js";var ne=Object.defineProperty,ae=Object.defineProperties,te=Object.getOwnPropertyDescriptors,k=Object.getOwnPropertySymbols,oe=Object.prototype.hasOwnProperty,le=Object.prototype.propertyIsEnumerable,O=(l,a,t)=>a in l?ne(l,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):l[a]=t,E=(l,a)=>{for(var t in a||(a={}))oe.call(a,t)&&O(l,t,a[t]);if(k)for(var t of k(a))le.call(a,t)&&O(l,t,a[t]);return l},se=(l,a)=>ae(l,te(a));const ce=l=>{const{brandHref:a,locale:t,onToggleLocale:P,navItems:w,arena:u,arenaLabel:D,userInfo:x,userMenuItems:T,locales:p,handleJumpLogin:A,performLogout:F,isLoggedIn:N,hasUserMenu:C}=Q(l),z=e=>{var s,o,c,i,m,d;return t===W.en?(c=(o=(s=e.labelEn)!=null?s:e.label)!=null?o:e.labelZh)!=null?c:"":(d=(m=(i=e.labelZh)!=null?i:e.label)!=null?m:e.labelEn)!=null?d:""},B=(e,s)=>{var o,c,i,m,d;return(d=(m=(i=(c=(o=e.key)!=null?o:e.href)!=null?c:e.label)!=null?i:e.labelZh)!=null?m:e.labelEn)!=null?d:`nav-${s}`},[v,M]=L(!1),[R,Y]=L(()=>window.innerWidth>860),$=K(null),j=v&&R?{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;S(()=>{let e=0,s=-1;const o=()=>{if(e=0,window.scrollY===s)return;s=window.scrollY;const m=window.scrollY>0;M(d=>d===m?d:m)},c=()=>{e===0&&(e=window.requestAnimationFrame(o))};o(),window.addEventListener("scroll",c,{passive:!0});const i=window.setInterval(o,120);return()=>{window.removeEventListener("scroll",c),window.clearInterval(i),e!==0&&window.cancelAnimationFrame(e)}},[]),S(()=>{const e=()=>Y(window.innerWidth>860);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const _=e=>ee({items:e,locale:t,performLogout:F,styles:n}),H=e=>re({customDropdownRender:_,dropdownTrigger:["hover"],extra:e,hasUserMenu:C,isLoggedIn:N,styles:n,userInfo:x,userMenuItems:T}),y=w.findIndex(e=>e.key===U.home),I=y>=0?y:0,f=()=>r.createElement("a",E({key:"arena",className:n.arenaNavLink},b(u==null?void 0:u.href,u==null?void 0:u.linkTarget)),r.createElement(h,{src:q,size:18,className:n.arenaIconDefault,styles:n}),r.createElement(h,{src:Z,size:18,className:n.arenaIconHover,styles:n}),r.createElement("span",null,D));return r.createElement("header",{className:g(n.topbar,v&&n.scrolled)},r.createElement("a",se(E({className:n.brand},b(a)),{"aria-label":p.topNavBrandAria}),r.createElement("img",{className:n.brandMark,src:J,alt:""}),r.createElement("img",{className:n.brandWord,src:V,alt:p.topNavBrandName})),r.createElement("nav",{ref:$,className:g(n.nav,v&&n.navScrolled),"aria-label":p.topNavNavAria,style:j},w.length===0?f():null,w.map((e,s)=>{const o=B(e,s),c=z(e),i=r.createElement("div",{className:g(n.navLink,e.active&&n.navLinkActive,e.withDown&&n.withDown)},r.createElement("a",E({},b(e.href,e.linkTarget)),c),e.withDown?r.createElement(h,{src:X,size:16,styles:n}):null);return!!e.dropdownItems&&e.dropdownItems.length>0?r.createElement(r.Fragment,{key:o},r.createElement(G,{trigger:["hover"],popupRender:()=>_(e.dropdownItems),placement:"bottom",styles:{root:{paddingTop:8}}},i),s===I?f():null):r.createElement(r.Fragment,{key:o},i,s===I?f():null)})),r.createElement("div",{className:n.actions},v?null:r.createElement(r.Fragment,null,r.createElement("button",{className:n.langButton,type:"button",onClick:P},p.topNavLangSwitch),N?H():r.createElement("button",{className:n.loginButton,type:"button",onClick:A},p.login))))};export{ce as default};
1
+ import n,{useState as y,useRef as U,useEffect as I}from"react";import g from"classnames";import{topNavActiveKeyEnum as W,langTypeEnum as Z}from"../../constants/enums.js";import q from"../../assets/svg/top-nav/arena-arrow-right-up1.svg.js";import J from"../../assets/svg/top-nav/arena-fire.svg.js";import V from"../../assets/svg/top-nav/logo-mark.svg.js";import X from"../../assets/svg/top-nav/logo-word.svg.js";import G from"../../assets/svg/top-nav/nav-down.svg.js";import{Dropdown as Q}from"antd";import r from"./top-nav.module.less.js";import{useTopNavCommon as ee,getTopNavLinkProps as L,jumpTopNavHref as re,IconBox as b,renderDropdownContent as k,renderUserAvatar as ne}from"./shared.js";var ae=Object.defineProperty,oe=Object.defineProperties,te=Object.getOwnPropertyDescriptors,S=Object.getOwnPropertySymbols,le=Object.prototype.hasOwnProperty,se=Object.prototype.propertyIsEnumerable,D=(l,a,o)=>a in l?ae(l,a,{enumerable:!0,configurable:!0,writable:!0,value:o}):l[a]=o,O=(l,a)=>{for(var o in a||(a={}))le.call(a,o)&&D(l,o,a[o]);if(S)for(var o of S(a))se.call(a,o)&&D(l,o,a[o]);return l},ce=(l,a)=>oe(l,te(a));const ie=l=>{const{brandHref:a,locale:o,onToggleLocale:P,navItems:w,arena:u,arenaLabel:T,userInfo:x,userMenuItems:A,locales:p,handleJumpLogin:C,performLogout:N,isLoggedIn:h,hasUserMenu:F}=ee(l),j=e=>{var s,t,c,i,m,d;return o===Z.en?(c=(t=(s=e.labelEn)!=null?s:e.label)!=null?t:e.labelZh)!=null?c:"":(d=(m=(i=e.labelZh)!=null?i:e.label)!=null?m:e.labelEn)!=null?d:""},z=(e,s)=>{var t,c,i,m,d;return(d=(m=(i=(c=(t=e.key)!=null?t:e.href)!=null?c:e.label)!=null?i:e.labelZh)!=null?m:e.labelEn)!=null?d:`nav-${s}`},[v,B]=y(!1),[H,M]=y(()=>window.innerWidth>860),R=U(null),Y=v&&H?{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(()=>{let e=0,s=-1;const t=()=>{if(e=0,window.scrollY===s)return;s=window.scrollY;const m=window.scrollY>0;B(d=>d===m?d:m)},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)}},[]),I(()=>{const e=()=>M(window.innerWidth>860);return e(),window.addEventListener("resize",e),()=>window.removeEventListener("resize",e)},[]);const $=e=>k({className:r.userDropdown,items:e,locale:o,performLogout:N,styles:r}),K=e=>ne({customDropdownRender:$,dropdownTrigger:["hover"],extra:e,hasUserMenu:F,isLoggedIn:h,styles:r,userInfo:x,userMenuItems:A}),E=w.findIndex(e=>e.key===W.home),_=E>=0?E:0,f=()=>n.createElement("a",O({key:"arena",className:r.arenaNavLink},L(u==null?void 0:u.href,u==null?void 0:u.linkTarget)),n.createElement(b,{src:J,size:18,className:r.arenaIconDefault,styles:r}),n.createElement(b,{src:q,size:18,className:r.arenaIconHover,styles:r}),n.createElement("span",null,T));return n.createElement("header",{className:g(r.topbar,v&&r.scrolled)},n.createElement("a",ce(O({className:r.brand},L(a)),{"aria-label":p.topNavBrandAria}),n.createElement("img",{className:r.brandMark,src:V,alt:""}),n.createElement("img",{className:r.brandWord,src:X,alt:p.topNavBrandName})),n.createElement("nav",{ref:R,className:g(r.nav,v&&r.navScrolled),"aria-label":p.topNavNavAria,style:Y},w.length===0?f():null,w.map((e,s)=>{const t=z(e,s),c=j(e),i=n.createElement("div",{className:g(r.navLink,e.active&&r.navLinkActive,e.withDown&&r.withDown),onClick:()=>re(e.href,e.linkTarget)},n.createElement("span",null,c),e.withDown?n.createElement(b,{src:G,size:16,styles:r}):null);return!!e.dropdownItems&&e.dropdownItems.length>0?n.createElement(n.Fragment,{key:t},n.createElement(Q,{trigger:["hover"],popupRender:()=>k({className:r.leaderboardDropdown,items:e.dropdownItems,locale:o,performLogout:N,styles:r}),placement:"bottom",styles:{root:{paddingTop:8}}},i),s===_?f():null):n.createElement(n.Fragment,{key:t},i,s===_?f():null)})),n.createElement("div",{className:r.actions},v?null:n.createElement(n.Fragment,null,n.createElement("button",{className:r.langButton,type:"button",onClick:P},p.topNavLangSwitch),h?K():n.createElement("button",{className:r.loginButton,type:"button",onClick:C},p.login))))};export{ie as default};
package/dist/components/top-nav/top-nav.module.less.js CHANGED
@@ -15,6 +15,7 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
15
15
  --oc-radius-md: 8px;
16
16
  --oc-radius-xl: 16px;
17
17
  --oc-nav-motion: cubic-bezier(0.22, 1, 0.36, 1);
18
+ --color-fill-icon: #374151;
18
19
  position: sticky;
19
20
  top: 0;
20
21
  z-index: 20;
@@ -171,15 +172,9 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
171
172
  display: inline-flex;
172
173
  }
173
174
  .top-nav-module_topbar__M-9LM .top-nav-module_nav__CNENL .top-nav-module_arenaNavLink__Y9adh span {
174
- background: linear-gradient(111.89deg, #fe7285 4.81%, #ff7e7c 23.38%, #ff8b73 41.95%, #fe7875 60.52%, #ffa064 79.09%, #ffb861 97.66%, #ffc85f 116.23%, #fbd762 134.8%);
175
- background-clip: text;
176
- -webkit-background-clip: text;
177
- color: transparent;
178
- -webkit-text-fill-color: transparent;
179
175
  font-size: 14px;
180
- font-weight: 600;
176
+ font-weight: 400;
181
177
  line-height: 20px;
182
- white-space: nowrap;
183
178
  }
184
179
  .top-nav-module_topbar__M-9LM .top-nav-module_actions__NeiZP {
185
180
  position: fixed;
@@ -204,7 +199,8 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
204
199
  .top-nav-module_topbar__M-9LM .top-nav-module_actions__NeiZP .top-nav-module_langButton__6jlyg {
205
200
  flex-shrink: 0;
206
201
  height: 36px;
207
- padding: 8px 12px;
202
+ width: 36px;
203
+ padding: 12px 12px;
208
204
  color: var(--oc-text-secondary);
209
205
  border-radius: var(--oc-radius-md);
210
206
  font-size: 14px;
@@ -240,8 +236,8 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
240
236
  height: var(--avatar-size, 36px);
241
237
  padding: 0;
242
238
  color: var(--oc-white);
243
- background: var(--oc-primary);
244
- border: 1px solid var(--oc-primary);
239
+ background: var(--color-fill-icon);
240
+ border: 1px solid var(--color-fill-icon);
245
241
  border-radius: 50%;
246
242
  overflow: hidden;
247
243
  cursor: pointer;
@@ -374,26 +370,32 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
374
370
  background-color: var(--oc-white, #ffffff);
375
371
  border: 1px solid var(--oc-border-primary, #f0f1f5);
376
372
  box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
377
- border-radius: 16px;
378
- padding: 12px;
373
+ border-radius: 12px;
374
+ padding: 4px;
379
375
  display: flex;
380
376
  flex-direction: column;
381
- gap: 8px;
382
- min-width: 154px;
377
+ gap: 4px;
383
378
  box-sizing: border-box;
384
379
  }
380
+ .top-nav-module_customDropdown__NSITf.top-nav-module_userDropdown__lz-CA {
381
+ min-width: 126px;
382
+ }
383
+ .top-nav-module_customDropdown__NSITf.top-nav-module_leaderboardDropdown__4hjQS {
384
+ min-width: 146px;
385
+ }
385
386
  .top-nav-module_customDropdown__NSITf .top-nav-module_dropdownGroup__EbZKl {
386
387
  display: flex;
387
388
  flex-direction: column;
388
- gap: 8px;
389
+ gap: 4px;
389
390
  width: 100%;
390
391
  }
391
392
  .top-nav-module_customDropdown__NSITf .top-nav-module_dropdownGroup__EbZKl .top-nav-module_dropdownGroupHeader__hZis- {
392
393
  display: flex;
393
394
  align-items: center;
394
- gap: 8px;
395
- min-height: 36px;
396
- padding: 6px 14px 6px 8px;
395
+ justify-content: flex-start;
396
+ gap: 4px;
397
+ height: 24px;
398
+ padding: 0 12px;
397
399
  }
398
400
  .top-nav-module_customDropdown__NSITf .top-nav-module_dropdownGroup__EbZKl .top-nav-module_dropdownGroupTitle__aLgXj {
399
401
  font-family: 'PingFang SC', sans-serif;
@@ -407,9 +409,9 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
407
409
  .top-nav-module_customDropdown__NSITf .top-nav-module_dropdownItem__can1p {
408
410
  display: flex;
409
411
  align-items: center;
410
- gap: 8px;
411
- min-height: 36px;
412
- padding: 6px 14px 6px 8px;
412
+ gap: 4px;
413
+ height: 36px;
414
+ padding: 6px 12px;
413
415
  border-radius: 8px;
414
416
  background-color: transparent;
415
417
  cursor: pointer;
@@ -429,14 +431,14 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
429
431
  display: flex;
430
432
  align-items: center;
431
433
  justify-content: center;
432
- width: 14px;
433
- height: 14px;
434
+ width: 16px;
435
+ height: 16px;
434
436
  flex-shrink: 0;
435
437
  }
436
438
  .top-nav-module_customDropdown__NSITf .top-nav-module_dropdownItem__can1p .top-nav-module_dropdownItemIcon__SwM01 img {
437
439
  display: block;
438
- width: 14px;
439
- height: 14px;
440
+ width: 16px;
441
+ height: 16px;
440
442
  object-fit: contain;
441
443
  }
442
444
  .top-nav-module_customDropdown__NSITf .top-nav-module_dropdownItem__can1p .top-nav-module_dropdownItemLabel__4at-M {
@@ -450,8 +452,6 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
450
452
  height: 1px;
451
453
  background-color: var(--oc-border-primary, #f0f1f5);
452
454
  margin: 0;
453
- width: calc(100% + 24px);
454
- /* Negate padding */
455
- margin-left: -12px;
455
+ width: 100%;
456
456
  }
457
- `,a={topbar:"top-nav-module_topbar__M-9LM",scrolled:"top-nav-module_scrolled__0c7O-",brand:"top-nav-module_brand__kzZ04",nav:"top-nav-module_nav__CNENL",navScrolled:"top-nav-module_navScrolled__0VNTc",brandMark:"top-nav-module_brandMark__YXJNT",brandWord:"top-nav-module_brandWord__9jsOL",navLink:"top-nav-module_navLink__7uaQg",navLinkActive:"top-nav-module_navLinkActive__6zx3T",withDown:"top-nav-module_withDown__KAkUA",arenaNavLink:"top-nav-module_arenaNavLink__Y9adh",arenaIconHover:"top-nav-module_arenaIconHover__5Npwf",arenaIconDefault:"top-nav-module_arenaIconDefault__CeDXO",actions:"top-nav-module_actions__NeiZP",langButton:"top-nav-module_langButton__6jlyg",loginButton:"top-nav-module_loginButton__rTUW2",userAvatar:"top-nav-module_userAvatar__ZP5Xt",userAvatarInitials:"top-nav-module_userAvatarInitials__ylcWf",iconBox:"top-nav-module_iconBox__B9xJD",customDropdown:"top-nav-module_customDropdown__NSITf",dropdownGroup:"top-nav-module_dropdownGroup__EbZKl",dropdownGroupHeader:"top-nav-module_dropdownGroupHeader__hZis-",dropdownGroupTitle:"top-nav-module_dropdownGroupTitle__aLgXj",dropdownItem:"top-nav-module_dropdownItem__can1p",dropdownItemIcon:"top-nav-module_dropdownItemIcon__SwM01",dropdownItemLabel:"top-nav-module_dropdownItemLabel__4at-M",dropdownDivider:"top-nav-module_dropdownDivider__uFRaR"};n(o);export{a as default};
457
+ `,a={topbar:"top-nav-module_topbar__M-9LM",scrolled:"top-nav-module_scrolled__0c7O-",brand:"top-nav-module_brand__kzZ04",nav:"top-nav-module_nav__CNENL",navScrolled:"top-nav-module_navScrolled__0VNTc",brandMark:"top-nav-module_brandMark__YXJNT",brandWord:"top-nav-module_brandWord__9jsOL",navLink:"top-nav-module_navLink__7uaQg",navLinkActive:"top-nav-module_navLinkActive__6zx3T",withDown:"top-nav-module_withDown__KAkUA",arenaNavLink:"top-nav-module_arenaNavLink__Y9adh",arenaIconHover:"top-nav-module_arenaIconHover__5Npwf",arenaIconDefault:"top-nav-module_arenaIconDefault__CeDXO",actions:"top-nav-module_actions__NeiZP",langButton:"top-nav-module_langButton__6jlyg",loginButton:"top-nav-module_loginButton__rTUW2",userAvatar:"top-nav-module_userAvatar__ZP5Xt",userAvatarInitials:"top-nav-module_userAvatarInitials__ylcWf",iconBox:"top-nav-module_iconBox__B9xJD",customDropdown:"top-nav-module_customDropdown__NSITf",userDropdown:"top-nav-module_userDropdown__lz-CA",leaderboardDropdown:"top-nav-module_leaderboardDropdown__4hjQS",dropdownGroup:"top-nav-module_dropdownGroup__EbZKl",dropdownGroupHeader:"top-nav-module_dropdownGroupHeader__hZis-",dropdownGroupTitle:"top-nav-module_dropdownGroupTitle__aLgXj",dropdownItem:"top-nav-module_dropdownItem__can1p",dropdownItemIcon:"top-nav-module_dropdownItemIcon__SwM01",dropdownItemLabel:"top-nav-module_dropdownItemLabel__4at-M",dropdownDivider:"top-nav-module_dropdownDivider__uFRaR"};n(o);export{a as default};
package/dist/mobile/components/top-nav/top-nav.js CHANGED
@@ -1 +1 @@
1
- import e,{useState as T,useEffect as q}from"react";import E from"classnames";import{CloseOutlined as Q,MenuOutlined as X}from"@ant-design/icons";import{topNavActiveKeyEnum as Y,langTypeEnum as L}from"../../../constants/enums.js";import ee from"../../../assets/svg/top-nav/arena-fire.svg.js";import ne from"../../../assets/svg/top-nav/logo-mark.svg.js";import ae from"../../../assets/svg/top-nav/logo-word.svg.js";import re from"../../../assets/svg/top-nav/nav-down.svg.js";import te from"../../../assets/svg/top-nav/arrow-right-up.svg.js";import n from"./top-nav.module.less.js";import{useTopNavCommon as le,getTopNavLinkProps as h,getCollapsibleKeysFromNavItems as oe,renderUserAvatar as se,getCollapsibleKeysFromDropdownItems as ce,isDropdownGroupItem as me,renderDropdownItemIcon as A,jumpTopNavHref as pe,renderDropdownContent as ue}from"../../../components/top-nav/shared.js";var ie=Object.defineProperty,de=Object.defineProperties,Ee=Object.getOwnPropertyDescriptors,K=Object.getOwnPropertySymbols,fe=Object.prototype.hasOwnProperty,ge=Object.prototype.propertyIsEnumerable,M=(m,l,o)=>l in m?ie(m,l,{enumerable:!0,configurable:!0,writable:!0,value:o}):m[l]=o,v=(m,l)=>{for(var o in l||(l={}))fe.call(l,o)&&M(m,o,l[o]);if(K)for(var o of K(l))ge.call(l,o)&&M(m,o,l[o]);return m},_=(m,l)=>de(m,Ee(l));const ve=m=>{const{brandHref:l,locale:o,onToggleLocale:B,navItems:b,arena:N,userInfo:$,userMenuItems:F,arenaLabel:j,locales:f,handleJumpLogin:G,performLogout:U,isLoggedIn:O,hasUserMenu:Z}=le(m),[p,g]=T(!1),[y,C]=T(()=>new Set);q(()=>{p||C(new Set)},[p]);const P=(a,s)=>{C(t=>{const r=new Set(t);return r.has(a)?r.delete(a):(s.forEach(c=>r.delete(c)),r.add(a)),r})},x=(a,s)=>({role:"button",tabIndex:0,onClick:()=>P(a,s),onKeyDown:t=>{(t.key==="Enter"||t.key===" ")&&(t.preventDefault(),P(a,s))}}),D=a=>{const s=y.has(a);return e.createElement("span",{className:E(n.expandBtn,s&&n.expandBtnOpen),"aria-expanded":s,"aria-label":s?"Collapse":"Expand"},e.createElement("img",{src:re,alt:"",className:n.expandIconImg}))},S=(a,s)=>{const t=a.label||(o===L.en?a.labelEn:a.labelZh),r=a.key||a.id||`item-${s}`,c=A(a,18);return e.createElement("button",{key:r,type:"button",className:E(n.menuLink,n.menuRow),onClick:d=>{var u;(u=a.onClick)==null||u.call(a,d),!d.defaultPrevented&&(a.href&&pe(a.href,a.linkTarget),g(!1))}},c?e.createElement("span",{className:n.menuRowIcon},c):null,e.createElement("span",{className:n.menuRowLabel},t))},H=a=>{const s=ce(a);return a.map((t,r)=>{if(t.type==="divider")return null;const c=t.id||t.key||`drop-${r}`;if(me(t)){const u=t.label||(o===L.en?t.labelEn:t.labelZh),w=y.has(c),i=A(t,18);return e.createElement("div",{key:c,className:n.menuGroup},e.createElement("div",v({className:n.menuRow},x(c,s)),e.createElement("span",{className:n.menuRowIcon},i),e.createElement("span",{className:n.menuRowLabel},u),D(c)),w&&t.children?e.createElement("div",{className:n.menuSubList},t.children.map((k,R)=>S(k,R))):null)}return S(t,r)})},z=()=>{const a=oe(b),s=b.findIndex(r=>r.key===Y.home),t=s>=0?s:0;return b.map((r,c)=>{var d,u,w;const i=(u=(d=r.key)!=null?d:r.href)!=null?u:`nav-${c}`,k=o===L.en?r.labelEn:r.labelZh;if(!!((w=r.dropdownItems)!=null&&w.length)){const W=y.has(i);return e.createElement(e.Fragment,{key:i},e.createElement("div",{className:n.menuSection},e.createElement("div",v({className:E(n.menuRow,r.active&&n.menuRowActive)},x(i,a)),e.createElement("span",{className:n.menuRowLabel},k),D(i)),W?e.createElement("div",{className:n.menuSubList},H(r.dropdownItems)):null),c===t?I():null)}return e.createElement(e.Fragment,{key:i},e.createElement("a",_(v({className:E(n.menuLink,r.active)},h(r.href,r.linkTarget)),{onClick:()=>g(!1)}),e.createElement("span",{className:n.menuLinkLabel},k)),c===t?I():null)})},I=()=>e.createElement("a",_(v({key:"arena",className:E(n.menuLink,n.menuLinkArena)},h(N==null?void 0:N.href,N==null?void 0:N.linkTarget)),{onClick:()=>g(!1)}),e.createElement("span",{className:n.menuLinkContent},e.createElement("span",{className:n.menuLinkIcon},e.createElement("img",{src:ee,alt:""})),e.createElement("span",{className:E(n.menuLinkLabel,n.menuLinkArenaLabel)},j)),e.createElement("span",{className:n.menuLinkExternalIcon},e.createElement("img",{src:te,alt:""}))),J=a=>ue({items:a,locale:o,performLogout:U,styles:n}),V=a=>se({avatarSize:32,customDropdownRender:J,dropdownTrigger:["click"],extra:a,hasUserMenu:Z,isLoggedIn:O,styles:n,userInfo:$,userMenuItems:F});return e.createElement(e.Fragment,null,e.createElement("header",{className:n.topbar},e.createElement("a",_(v({className:n.brand},h(l)),{"aria-label":f.topNavBrandAria}),e.createElement("img",{className:n.brandMark,src:ne,alt:""}),e.createElement("img",{className:n.brandWord,src:ae,alt:f.topNavBrandName})),e.createElement("div",{className:n.actions},p?null:e.createElement("button",{className:n.langButton,type:"button",onClick:B},f.topNavLangSwitch),p?null:O?V():e.createElement("button",{className:n.loginButton,type:"button",onClick:G},f.login),e.createElement("button",{className:n.menuButton,type:"button",onClick:()=>g(!p),"aria-label":"Toggle menu"},p?e.createElement(Q,null):e.createElement(X,null)))),p&&e.createElement(e.Fragment,null,e.createElement("div",{className:n.mask,onClick:()=>g(!1)}),e.createElement("nav",{className:n.menuContainer,"aria-label":f.topNavNavAria},b.length===0?I():null,z())))};export{ve as default};
1
+ import e,{useState as $,useEffect as ee}from"react";import g from"classnames";import{CloseOutlined as ne}from"@ant-design/icons";import{topNavActiveKeyEnum as ae,langTypeEnum as L}from"../../../constants/enums.js";import re from"../../../assets/svg/top-nav/arena-fire.svg.js";import te from"../../../assets/svg/top-nav/logo-mark.svg.js";import le from"../../../assets/svg/top-nav/logo-word.svg.js";import oe from"../../../assets/svg/top-nav/nav-down.svg.js";import se from"../../../assets/svg/top-nav/arrow-right-up.svg.js";import ce from"../../../assets/svg/top-nav/menu-button.svg.js";import me from"../../../assets/svg/top-nav/user-header.svg.js";import n from"./top-nav.module.less.js";import{useTopNavCommon as pe,getTopNavLinkProps as _,getCollapsibleKeysFromNavItems as ue,renderUserAvatar as de,isDropdownGroupItem as ie,renderDropdownItemIcon as A,jumpTopNavHref as fe,renderDropdownContent as ge}from"../../../components/top-nav/shared.js";var Ee=Object.defineProperty,ve=Object.defineProperties,be=Object.getOwnPropertyDescriptors,K=Object.getOwnPropertySymbols,Ne=Object.prototype.hasOwnProperty,we=Object.prototype.propertyIsEnumerable,B=(p,s,c)=>s in p?Ee(p,s,{enumerable:!0,configurable:!0,writable:!0,value:c}):p[s]=c,b=(p,s)=>{for(var c in s||(s={}))Ne.call(s,c)&&B(p,c,s[c]);if(K)for(var c of K(s))we.call(s,c)&&B(p,c,s[c]);return p},O=(p,s)=>ve(p,be(s));const ke=p=>{const{brandHref:s,locale:c,onToggleLocale:M,navItems:E,arena:N,userInfo:j,userMenuItems:F,arenaLabel:G,locales:f,handleJumpLogin:U,performLogout:Z,isLoggedIn:C,hasUserMenu:H}=pe(p),[i,v]=$(!1),[y,D]=$(()=>new Set);ee(()=>{i||D(new Set)},[i]);const h=(a=[])=>a.map((t,r)=>t.type==="divider"?null:t.type==="group"||t.children&&t.children.length>0?t.id||t.key||`drop-${r}`:null).filter(t=>!!t),z=(a,t)=>a.flatMap((r,l)=>{var o,m;const u=(m=(o=r.key)!=null?o:r.href)!=null?m:`nav-${l}`;return t&&u===t?[]:h(r.dropdownItems)}),P=(a,t,r=[])=>{D(l=>{const o=new Set(l);return o.has(a)?(o.delete(a),r.forEach(m=>o.delete(m))):(t.forEach(m=>o.delete(m)),r.forEach(m=>o.delete(m)),o.add(a)),o})},x=(a,t,r)=>({role:"button",tabIndex:0,onClick:()=>P(a,t,r),onKeyDown:l=>{(l.key==="Enter"||l.key===" ")&&(l.preventDefault(),P(a,t,r))}}),R=a=>{const t=y.has(a);return e.createElement("span",{className:g(n.expandBtn,t&&n.expandBtnOpen),"aria-expanded":t,"aria-label":t?"Collapse":"Expand"},e.createElement("img",{src:oe,alt:"",className:n.expandIconImg}))},S=(a,t)=>{const r=a.label||(c===L.en?a.labelEn:a.labelZh),l=a.key||a.id||`item-${t}`,o=A(a,18);return e.createElement("button",{key:l,type:"button",className:g(n.menuLink,n.menuRow),onClick:m=>{var u;(u=a.onClick)==null||u.call(a,m),!m.defaultPrevented&&(a.href&&fe(a.href,a.linkTarget),v(!1))}},o?e.createElement("span",{className:n.menuRowIcon},o):null,e.createElement("span",{className:n.menuRowLabel},r))},J=a=>{const t=h(a);return a.map((r,l)=>{if(r.type==="divider")return null;const o=r.id||r.key||`drop-${l}`;if(ie(r)){const u=r.label||(c===L.en?r.labelEn:r.labelZh),w=y.has(o),d=A(r,18);return e.createElement("div",{key:o,className:n.menuGroup},e.createElement("div",b({className:n.menuRow},x(o,t)),e.createElement("span",{className:n.menuRowIcon},d),e.createElement("span",{className:n.menuRowLabel},u),R(o)),w&&r.children?e.createElement("div",{className:n.menuSubList},r.children.map((k,T)=>S(k,T))):null)}return S(r,l)})},V=()=>{const a=ue(E),t=E.findIndex(l=>l.key===ae.home),r=t>=0?t:0;return E.map((l,o)=>{var m,u,w;const d=(u=(m=l.key)!=null?m:l.href)!=null?u:`nav-${o}`,k=c===L.en?l.labelEn:l.labelZh;if(!!((w=l.dropdownItems)!=null&&w.length)){const X=y.has(d),Y=[...h(l.dropdownItems),...z(E,d)];return e.createElement(e.Fragment,{key:d},e.createElement("div",{className:n.menuSection},e.createElement("div",b({className:g(n.menuRow,l.active&&n.menuRowActive)},x(d,a,Y)),e.createElement("span",{className:n.menuRowLabel},k),R(d)),X?e.createElement("div",{className:n.menuSubList},J(l.dropdownItems)):null),o===r?I():null)}return e.createElement(e.Fragment,{key:d},e.createElement("a",O(b({className:g(n.menuLink,l.active)},_(l.href,l.linkTarget)),{onClick:()=>v(!1)}),e.createElement("span",{className:n.menuLinkLabel},k)),o===r?I():null)})},I=()=>e.createElement("a",O(b({key:"arena",className:g(n.menuLink,n.menuLinkArena)},_(N==null?void 0:N.href,N==null?void 0:N.linkTarget)),{onClick:()=>v(!1)}),e.createElement("span",{className:n.menuLinkContent},e.createElement("span",{className:n.menuLinkIcon},e.createElement("img",{src:re,alt:""})),e.createElement("span",{className:g(n.menuLinkLabel,n.menuLinkArenaLabel)},G)),e.createElement("span",{className:n.menuLinkExternalIcon},e.createElement("img",{src:se,alt:""}))),W=a=>ge({className:n.userDropdown,items:a,locale:c,performLogout:Z,styles:n}),q=a=>de({avatarSize:28,customDropdownRender:W,dropdownTrigger:["click"],extra:a,hasUserMenu:H,isLoggedIn:C,styles:n,userInfo:j,userMenuItems:F}),Q=()=>e.createElement("button",{className:n.userButton,type:"button",onClick:U,"aria-label":f.login,title:f.login},e.createElement("img",{src:me,alt:""}));return e.createElement(e.Fragment,null,e.createElement("header",{className:n.topbar},e.createElement("a",O(b({className:n.brand},_(s)),{"aria-label":f.topNavBrandAria}),e.createElement("img",{className:n.brandMark,src:te,alt:""}),e.createElement("img",{className:n.brandWord,src:le,alt:f.topNavBrandName})),e.createElement("div",{className:n.actions},i?null:C?q():Q(),i?null:e.createElement("button",{className:n.langButton,type:"button",onClick:M},f.topNavLangSwitch),e.createElement("button",{className:n.menuButton,type:"button",onClick:()=>v(!i),"aria-label":"Toggle menu"},i?e.createElement(ne,null):e.createElement("img",{src:ce,alt:""})))),i&&e.createElement(e.Fragment,null,e.createElement("div",{className:n.mask,onClick:()=>v(!1)}),e.createElement("nav",{className:n.menuContainer,"aria-label":f.topNavNavAria},E.length===0?I():null,V())))};export{ke as default};
package/dist/mobile/components/top-nav/top-nav.module.less.js CHANGED
@@ -10,6 +10,7 @@ import n from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-
10
10
  --oc-primary: #1b3882;
11
11
  --oc-primary-hover: #36569b;
12
12
  --oc-radius-md: 8px;
13
+ --color-fill-icon: #374151;
13
14
  position: sticky;
14
15
  top: 0;
15
16
  z-index: 50;
@@ -66,43 +67,54 @@ import n from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-
66
67
  .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 {
67
68
  display: flex;
68
69
  align-items: center;
69
- gap: 12px;
70
+ gap: 8px;
70
71
  }
71
72
  .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 .top-nav-module_langButton__ciwEY {
73
+ width: 40px;
72
74
  flex-shrink: 0;
73
- height: 32px;
75
+ height: 40px;
74
76
  padding: 0 8px;
75
77
  color: var(--oc-text-secondary);
76
78
  font-size: 14px;
77
79
  font-weight: 400;
78
80
  line-height: 20px;
79
- white-space: nowrap;
80
- }
81
- .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 .top-nav-module_loginButton__bWyfr {
82
- height: 32px;
83
- padding: 0 16px;
84
- color: var(--oc-white);
85
- background: var(--oc-primary);
86
81
  border-radius: var(--oc-radius-md);
87
- font-size: 14px;
88
- font-weight: 400;
82
+ text-align: center;
83
+ white-space: nowrap;
89
84
  }
85
+ .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 .top-nav-module_userButton__v5Us9,
90
86
  .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 .top-nav-module_menuButton__NvDnD {
91
- width: 40px;
92
- height: 40px;
93
- border-radius: 10px;
94
- font-size: 12px;
87
+ width: 28px;
88
+ height: 28px;
89
+ flex-shrink: 0;
95
90
  color: var(--oc-text-primary);
96
91
  background: transparent;
92
+ border-radius: var(--oc-radius-md);
93
+ }
94
+ .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 .top-nav-module_userButton__v5Us9 img,
95
+ .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 .top-nav-module_menuButton__NvDnD img {
96
+ display: block;
97
+ object-fit: contain;
98
+ }
99
+ .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 .top-nav-module_userButton__v5Us9 img {
100
+ width: 15px;
101
+ height: 16px;
102
+ }
103
+ .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 .top-nav-module_menuButton__NvDnD {
104
+ font-size: 16px;
105
+ }
106
+ .top-nav-module_topbar__0kHYG .top-nav-module_actions__b0CA9 .top-nav-module_menuButton__NvDnD img {
107
+ width: 17px;
108
+ height: 12px;
97
109
  }
98
110
  .top-nav-module_topbar__0kHYG .top-nav-module_userAvatar__Sg5Jh {
99
111
  flex: none;
100
- width: 32px;
101
- height: 32px;
112
+ width: var(--avatar-size, 28px);
113
+ height: var(--avatar-size, 28px);
102
114
  padding: 0;
103
115
  color: var(--oc-white);
104
- background: var(--oc-primary);
105
- border: 1px solid var(--oc-primary);
116
+ background: var(--color-fill-icon);
117
+ border: 1px solid var(--color-fill-icon);
106
118
  border-radius: 50%;
107
119
  overflow: hidden;
108
120
  cursor: pointer;
@@ -115,9 +127,9 @@ import n from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-
115
127
  }
116
128
  .top-nav-module_topbar__0kHYG .top-nav-module_userAvatar__Sg5Jh .top-nav-module_userAvatarInitials__RMdnR {
117
129
  display: inline-block;
118
- font-size: 12px;
119
- font-weight: 600;
120
- line-height: 1;
130
+ font-size: 15px;
131
+ font-weight: 400;
132
+ line-height: 23px;
121
133
  letter-spacing: 0;
122
134
  user-select: none;
123
135
  }
@@ -310,20 +322,25 @@ import n from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-
310
322
  transform: rotate(0deg);
311
323
  }
312
324
  .top-nav-module_customDropdown__wsXUt {
313
- background: #ffffff;
325
+ background-color: var(--oc-white, #ffffff);
326
+ border: 1px solid var(--oc-border-primary, #f0f1f5);
327
+ box-shadow: 0px 2px 5px rgba(0, 0, 0, 0.1);
314
328
  border-radius: 12px;
315
- box-shadow: 0 4px 10px rgba(0, 0, 0, 0.15);
316
- padding: 8px;
317
- min-width: 200px;
329
+ padding: 4px;
318
330
  display: flex;
319
331
  flex-direction: column;
332
+ gap: 4px;
333
+ box-sizing: border-box;
334
+ }
335
+ .top-nav-module_customDropdown__wsXUt.top-nav-module_userDropdown__jt-Bg {
336
+ min-width: 126px;
320
337
  }
321
338
  .top-nav-module_customDropdown__wsXUt .top-nav-module_dropdownItem__RA5PQ {
322
339
  display: flex;
323
340
  align-items: center;
324
- gap: 8px;
325
- min-height: 36px;
326
- padding: 6px 14px 6px 8px;
341
+ gap: 4px;
342
+ height: 36px;
343
+ padding: 6px 12px;
327
344
  border-radius: 8px;
328
345
  background-color: transparent;
329
346
  cursor: pointer;
@@ -337,7 +354,7 @@ import n from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-
337
354
  appearance: none;
338
355
  }
339
356
  .top-nav-module_customDropdown__wsXUt .top-nav-module_dropdownItem__RA5PQ:hover {
340
- background-color: #f0f1f5;
357
+ background-color: var(--oc-fill-bg-hover, #f0f1f5);
341
358
  }
342
359
  .top-nav-module_customDropdown__wsXUt .top-nav-module_dropdownItem__RA5PQ .top-nav-module_dropdownItemIcon__BLK2r {
343
360
  display: flex;
@@ -345,29 +362,48 @@ import n from"../../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-
345
362
  justify-content: center;
346
363
  width: 16px;
347
364
  height: 16px;
348
- margin-right: 8px;
365
+ flex-shrink: 0;
349
366
  }
350
367
  .top-nav-module_customDropdown__wsXUt .top-nav-module_dropdownItem__RA5PQ .top-nav-module_dropdownItemIcon__BLK2r img {
351
- width: 100%;
352
- height: 100%;
368
+ display: block;
369
+ width: 16px;
370
+ height: 16px;
353
371
  object-fit: contain;
354
372
  }
355
373
  .top-nav-module_customDropdown__wsXUt .top-nav-module_dropdownItem__RA5PQ .top-nav-module_dropdownItemLabel__ZI5Wv {
374
+ font-family: 'PingFang SC', sans-serif;
375
+ font-size: 14px;
376
+ font-weight: 400;
377
+ line-height: 20px;
356
378
  white-space: nowrap;
357
379
  }
358
380
  .top-nav-module_customDropdown__wsXUt .top-nav-module_dropdownDivider__FVhDG {
359
381
  height: 1px;
360
- background-color: #e2e3e4;
361
- margin: 4px 0;
382
+ background-color: var(--oc-border-primary, #f0f1f5);
383
+ margin: 0;
384
+ width: 100%;
362
385
  }
363
386
  .top-nav-module_customDropdown__wsXUt .top-nav-module_dropdownGroup__DuDDp {
364
387
  display: flex;
365
388
  flex-direction: column;
389
+ gap: 4px;
390
+ width: 100%;
391
+ }
392
+ .top-nav-module_customDropdown__wsXUt .top-nav-module_dropdownGroup__DuDDp .top-nav-module_dropdownGroupHeader__WBx-c {
393
+ display: flex;
394
+ align-items: center;
395
+ justify-content: flex-start;
396
+ gap: 4px;
397
+ height: 24px;
398
+ padding: 0 12px;
366
399
  }
367
400
  .top-nav-module_customDropdown__wsXUt .top-nav-module_dropdownGroup__DuDDp .top-nav-module_dropdownGroupTitle__yqCBE {
401
+ font-family: 'PingFang SC', sans-serif;
368
402
  font-size: 12px;
403
+ font-weight: 400;
404
+ line-height: 18px;
369
405
  color: rgba(18, 19, 22, 0.5);
370
- padding: 4px 12px;
371
406
  margin: 0;
407
+ padding: 0;
372
408
  }
373
- `,e={topbar:"top-nav-module_topbar__0kHYG",brand:"top-nav-module_brand__2DUsF",brandMark:"top-nav-module_brandMark__3k2TI",brandWord:"top-nav-module_brandWord__pmxPA",actions:"top-nav-module_actions__b0CA9",langButton:"top-nav-module_langButton__ciwEY",loginButton:"top-nav-module_loginButton__bWyfr",menuButton:"top-nav-module_menuButton__NvDnD",userAvatar:"top-nav-module_userAvatar__Sg5Jh",userAvatarInitials:"top-nav-module_userAvatarInitials__RMdnR",mask:"top-nav-module_mask__kk1nn",menuContainer:"top-nav-module_menuContainer__d6yAB",menuSection:"top-nav-module_menuSection__JfgAr",menuGroup:"top-nav-module_menuGroup__ZUjnX",menuRow:"top-nav-module_menuRow__rmTF-",menuRowActive:"top-nav-module_menuRowActive__a5TTY",menuRowLabel:"top-nav-module_menuRowLabel__wGGtC",menuRowIcon:"top-nav-module_menuRowIcon__UPFcD",menuSubList:"top-nav-module_menuSubList__6LdbL",menuLink:"top-nav-module_menuLink__9LL-X",menuLinkIcon:"top-nav-module_menuLinkIcon__GCtuP",menuLinkContent:"top-nav-module_menuLinkContent__P5OMM",menuLinkArena:"top-nav-module_menuLinkArena__-Hard",menuLinkArenaLabel:"top-nav-module_menuLinkArenaLabel__hx3sD",menuLinkExternalIcon:"top-nav-module_menuLinkExternalIcon__bZ5pV",menuLinkLabel:"top-nav-module_menuLinkLabel__a86NS",menuDivider:"top-nav-module_menuDivider__jS6G1",expandBtn:"top-nav-module_expandBtn__gxcLt",expandIconImg:"top-nav-module_expandIconImg__PfP1H",expandBtnOpen:"top-nav-module_expandBtnOpen__Gw26X",customDropdown:"top-nav-module_customDropdown__wsXUt",dropdownItem:"top-nav-module_dropdownItem__RA5PQ",dropdownItemIcon:"top-nav-module_dropdownItemIcon__BLK2r",dropdownItemLabel:"top-nav-module_dropdownItemLabel__ZI5Wv",dropdownDivider:"top-nav-module_dropdownDivider__FVhDG",dropdownGroup:"top-nav-module_dropdownGroup__DuDDp",dropdownGroupTitle:"top-nav-module_dropdownGroupTitle__yqCBE"};n(o);export{e as default};
409
+ `,e={topbar:"top-nav-module_topbar__0kHYG",brand:"top-nav-module_brand__2DUsF",brandMark:"top-nav-module_brandMark__3k2TI",brandWord:"top-nav-module_brandWord__pmxPA",actions:"top-nav-module_actions__b0CA9",langButton:"top-nav-module_langButton__ciwEY",userButton:"top-nav-module_userButton__v5Us9",menuButton:"top-nav-module_menuButton__NvDnD",userAvatar:"top-nav-module_userAvatar__Sg5Jh",userAvatarInitials:"top-nav-module_userAvatarInitials__RMdnR",mask:"top-nav-module_mask__kk1nn",menuContainer:"top-nav-module_menuContainer__d6yAB",menuSection:"top-nav-module_menuSection__JfgAr",menuGroup:"top-nav-module_menuGroup__ZUjnX",menuRow:"top-nav-module_menuRow__rmTF-",menuRowActive:"top-nav-module_menuRowActive__a5TTY",menuRowLabel:"top-nav-module_menuRowLabel__wGGtC",menuRowIcon:"top-nav-module_menuRowIcon__UPFcD",menuSubList:"top-nav-module_menuSubList__6LdbL",menuLink:"top-nav-module_menuLink__9LL-X",menuLinkIcon:"top-nav-module_menuLinkIcon__GCtuP",menuLinkContent:"top-nav-module_menuLinkContent__P5OMM",menuLinkArena:"top-nav-module_menuLinkArena__-Hard",menuLinkArenaLabel:"top-nav-module_menuLinkArenaLabel__hx3sD",menuLinkExternalIcon:"top-nav-module_menuLinkExternalIcon__bZ5pV",menuLinkLabel:"top-nav-module_menuLinkLabel__a86NS",menuDivider:"top-nav-module_menuDivider__jS6G1",expandBtn:"top-nav-module_expandBtn__gxcLt",expandIconImg:"top-nav-module_expandIconImg__PfP1H",expandBtnOpen:"top-nav-module_expandBtnOpen__Gw26X",customDropdown:"top-nav-module_customDropdown__wsXUt",userDropdown:"top-nav-module_userDropdown__jt-Bg",dropdownItem:"top-nav-module_dropdownItem__RA5PQ",dropdownItemIcon:"top-nav-module_dropdownItemIcon__BLK2r",dropdownItemLabel:"top-nav-module_dropdownItemLabel__ZI5Wv",dropdownDivider:"top-nav-module_dropdownDivider__FVhDG",dropdownGroup:"top-nav-module_dropdownGroup__DuDDp",dropdownGroupHeader:"top-nav-module_dropdownGroupHeader__WBx-c",dropdownGroupTitle:"top-nav-module_dropdownGroupTitle__yqCBE"};n(o);export{e as default};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@opencompass-fe/oc-webkit-eval",
3
- "version": "0.2.0",
3
+ "version": "0.2.2",
4
4
  "description": "Provide some common components for oc",
5
5
  "repository": {
6
6
  "type": "git",
package/dist/assets/svg/top-nav/arena-arrow-right-up.svg.js DELETED
@@ -1 +0,0 @@
1
- import"react";var o="data:image/svg+xml,%3csvg width='18' height='18' viewBox='0 0 18 18' fill='none' xmlns='http://www.w3.org/2000/svg'%3e%3cpath id='Union' d='M14.0592 3.375C14.3697 3.3752 14.6217 3.62696 14.6217 3.9375V10.9094C14.6215 11.2198 14.3695 11.4717 14.0592 11.4719C13.7488 11.4717 13.4969 11.2198 13.4967 10.9094V5.29834L4.55818 14.2368C4.33851 14.4565 3.98244 14.4565 3.76277 14.2368C3.54335 14.0171 3.54319 13.661 3.76277 13.4414L12.7042 4.5H7.08724C6.77673 4.49982 6.52474 4.24805 6.52474 3.9375C6.52474 3.62695 6.77673 3.37518 7.08724 3.375H14.0592Z' fill='url(%23paint0_linear_1_7874)'/%3e%3cdefs%3e%3clinearGradient id='paint0_linear_1_7874' x1='3.86061' y1='5.30465' x2='20.3289' y2='8.45459' gradientUnits='userSpaceOnUse'%3e%3cstop stop-color='%23FE7285'/%3e%3cstop offset='0.142857' stop-color='%23FF7E7C'/%3e%3cstop offset='0.285714' stop-color='%23FF8B73'/%3e%3cstop offset='0.428571' stop-color='%23FE7875'/%3e%3cstop offset='0.571429' stop-color='%23FFA064'/%3e%3cstop offset='0.714286' stop-color='%23FFB861'/%3e%3cstop offset='0.857143' stop-color='%23FFC85F'/%3e%3cstop offset='1' stop-color='%23FBD762'/%3e%3c/linearGradient%3e%3c/defs%3e%3c/svg%3e";export{o as default};