@opencompass-fe/oc-webkit-eval 0.2.6 → 0.2.7

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

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

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

@@ -113,8 +113,8 @@ import n from"../../node_modules/.pnpm/style-inject@0.3.0/node_modules/style-inj
   box-shadow: var(--oc-nav-shadow, 0 4px 10px rgba(0, 0, 0, 0));
   transform: var(--oc-nav-transform, translateX(-50%));
   transform-origin: center top;
-  transition: width 360ms var(--oc-nav-motion), height 360ms var(--oc-nav-motion), padding 360ms var(--oc-nav-motion), background-color 320ms ease, border-color 320ms ease, box-shadow 360ms var(--oc-nav-motion), transform 360ms var(--oc-nav-motion);
-  will-change: width, height, padding, transform, border-color, box-shadow;
+  transition: width 360ms var(--oc-nav-motion), height 360ms var(--oc-nav-motion), padding 360ms var(--oc-nav-motion), background-color 320ms ease, border-color 320ms ease, box-shadow 360ms var(--oc-nav-motion), opacity 260ms ease, transform 360ms var(--oc-nav-motion);
+  will-change: width, height, padding, opacity, transform, border-color, box-shadow;
 }
 .top-nav-module_topbar__M-9LM .top-nav-module_nav__CNENL .top-nav-module_navLink__7uaQg {
   display: inline-flex;

package/package.json

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