1"use strict";(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[158],{46158:function(n,e,r){r.r(e),r.d(e,{BrandBar:function(){return x}});var s=r(59496),t=r(4814),a=r(87098),o=r(4637),i=r(87995),l=n=>(0,o.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",viewBox:"0 0 30 30",width:30,height:30,"aria-hidden":"true",...n,children:[(0,o.jsxs)("defs",{children:[(0,o.jsxs)("linearGradient",{id:"xyz-brand-logo-gradient",gradientUnits:"userSpaceOnUse",x1:0,y1:0,x2:41,y2:43,children:[(0,o.jsx)("stop",{offset:"0%",stopColor:"#25B4E1"}),(0,o.jsx)("stop",{offset:"50%",stopColor:"#85C5D0"}),(0,o.jsx)("stop",{offset:"100%",stopColor:"#E5D5BE"})]}),(0,o.jsxs)("linearGradient",{id:"xyz-brand-logo-ring-gradient",gradientUnits:"userSpaceOnUse",x1:0,y1:0,x2:41,y2:43,children:[(0,o.jsx)("stop",{offset:"0%",stopColor:"#25B4E1"}),(0,o.jsx)("stop",{offset:"50%",stopColor:"#85C5D0"}),(0,o.jsx)("stop",{offset:"100%",stopColor:"#E5D5BE"})]}),(0,o.jsx)("clipPath",{id:"xyz-brand-logo-clip",children:(0,o.jsx)("path",{d:"M0 0h30v30H0z"})})]}),(0,o.jsxs)("g",{clipPath:"url(#xyz-brand-logo-clip)",children:[(0,o.jsx)("ellipse",{className:"xyz-brand-bar-progress-ring",stroke:"url(#xyz-brand-logo-ring-gradient)",strokeWidth:2,fill:"transparent",rx:4,ry:15,cx:14,cy:15}),(0,o.jsx)("path",{fill:"url(#xyz-brand-logo-gradient)",transform:"rotate(-.774 346.995 -153.81)",d:"M16.02 14.38c-2.63 2.04-5.21 3.79-7.47 5.11a9.89 9.89 0 004.63 1.15c5.46 0 9.88-4.43 9.88-9.91 0-.78-.09-1.54-.26-2.28-1.83 1.85-4.17 3.9-6.78 5.93zM3.31 10.73c0 1.09.17 2.14.5 3.12l.76 1.73c.2.36.42.7.66 1.03 2.3-1.23 5.21-3.14 8.27-5.51 3.04-2.35 5.61-4.69 7.37-6.6-.29-.36-.61-.7-.95-1.01l-1.49-1.16A9.873 9.873 0 0013.19.82c-5.46 0-9.88 4.44-9.88 9.91z"})]})]});function c({words:n,slogan:e}){const[r,t]=(0,s.useState)(0),i=(0,s.useRef)(null),c=(0,s.useRef)(null),d=(0,s.useRef)(null),u=n[r%n.length],x=n[(r+1)%n.length],h=n=>{const e=i.current;e&&n&&(e.style.width=`${n.getBoundingClientRect().width}px`)};return(0,a.Z)((()=>{const n=i.current;if(!n)return;n.style.transition="none",h(c.current);const e=requestAnimationFrame((()=>n.style.removeProperty("transition")));return()=>cancelAnimationFrame(e)}),[r,u]),(0,o.jsxs)("span",{className:"xyz-brand-bar-main",children:[(0,o.jsx)("span",{className:"xyz-brand-bar-logo",children:(0,o.jsx)(l,{})}),(0,o.jsxs)("span",{className:"xyz-brand-bar-title",children:[(0,o.jsxs)("span",{className:"xyz-brand-bar-title-content",children:[(0,o.jsx)("span",{ref:i,className:"xyz-brand-bar-highlight-clipper","aria-hidden":"true",children:(0,o.jsxs)("span",{className:"xyz-brand-bar-highlight-wrapper",onAnimationStart:()=>{h(d.current)},onAnimationEnd:()=>{t((e=>(e+1)%n.length))},children:[(0,o.jsx)("span",{ref:c,className:"xyz-brand-bar-highlight",children:u}),(0,o.jsx)("span",{ref:d,className:"xyz-brand-bar-highlight",children:x})]},r)}),(0,o.jsx)("span",{className:"xyz-brand-bar-slogan",children:e})]}),(0,o.jsx)("span",{className:"xyz-brand-bar-highlight-sizer","aria-hidden":"true",children:n.map(((n,e)=>(0,o.jsx)("span",{className:"xyz-brand-bar-highlight-sizer-word",children:n},`${n}-${e}`)))}),(0,o.jsx)("span",{className:"xyz-brand-bar-slogan-sizer","aria-hidden":"true",children:e})]})]})}function d({menu:n,menuRef:e,onLogout:r}){return(0,i.createPortal)((0,o.jsx)("div",{ref:e,className:(0,t.W)("xyz-brand-bar-user-menu",n.closing&&"xyz-brand-bar-user-menu-closing"),role:"menu",style:{left:n.left,top:n.top},children:(0,o.jsx)("button",{type:"button",className:"xyz-brand-bar-logout",role:"menuitem",onClick:r,children:"\u9000\u51fa\u767b\u5f55"})}),document.body)}var u=["\u505a\u5bb6\u52a1","\u6e05\u6668\u6d17\u6f31","\u6563\u6b65\u65f6","\u901a\u52e4\u8def\u4e0a","\u773c\u775b\u597d\u7d2f","\u4e00\u4e2a\u4eba","\u65c5\u884c\u8def\u4e0a","\u653e\u7a7a\u5927\u8111"];var x=(0,s.forwardRef)((function({words:n=u,slogan:e="\u542c\u64ad\u5ba2\uff0c\u4e0a\u5c0f\u5b87\u5b99\uff01",ctaText:r="\u70b9\u51fb\u4e0b\u8f7d",logoSpinning:a=!1,className:i,style:l,renderButton:x,user:h,onLogout:f},g){const b=n.length>0?n:u,{handleLogout:p,handleUserClick:m,menu:y,menuRef:j,userButtonRef:z,userContentRef:N}
1=function(n){const[e,r]=(0,s.useState)(null),t=(0,s.useRef)(null),a=(0,s.useRef)(null),o=(0,s.useRef)(null),i=()=>{r((n=>n?{...n,closing:!0}:null))};return(0,s.useEffect)((()=>{if(!e||e.closing)return;const n=n=>{const e=n.target;e instanceof Node&&(t.current?.contains(e)||o.current?.contains(e)||i())},r=n=>{"Escape"===n.key&&(i(),t.current?.focus())};return document.addEventListener("click",n),document.addEventListener("keydown",r),()=>{document.removeEventListener("click",n),document.removeEventListener("keydown",r)}}),[e]),(0,s.useEffect)((()=>{if(!e?.closing)return;const n=window.setTimeout((()=>r(null)),120);return()=>window.clearTimeout(n)}),[e]),{handleLogout:()=>{i(),n?.()},handleUserClick:()=>{if(e?.closing)return;if(e)return void i();const n=a.current?.getBoundingClientRect();n&&r({left:n.right,top:n.bottom,closing:!1})},menu:e,menuRef:o,userButtonRef:t,userContentRef:a}}(f),v=(0,o.jsx)("span",{className:"xyz-brand-bar-cta",children:r}),w=x?x(v):v;return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsxs)("div",{ref:g,className:(0,t.W)("xyz-brand-bar",a&&"xyz-brand-bar-spinning",h&&"xyz-brand-bar-has-user",i),style:l,children:[(0,o.jsx)(c,{words:b,slogan:e}),!h&&(0,o.jsx)("span",{className:"xyz-brand-bar-button-slot",children:w}),h&&(0,o.jsx)("button",{ref:z,type:"button",className:"xyz-brand-bar-user","aria-haspopup":"menu","aria-expanded":null!==y&&!y.closing,onClick:m,children:(0,o.jsxs)("span",{ref:N,className:"xyz-brand-bar-user-content",children:[(0,o.jsx)("img",{className:"xyz-brand-bar-user-avatar",src:h.avatar,alt:h.nickname}),(0,o.jsx)("span",{className:"xyz-brand-bar-user-nickname",children:h.nickname})]})})]}),y&&(0,o.jsx)(d,{menu:y,menuRef:j,onLogout:p})]})}))},4814:function(n,e,r){function s(n){var e,r,t="";if("string"==typeof n||"number"==typeof n)t+=n;else if("object"==typeof n)if(Array.isArray(n)){var a=n.length;for(e=0;e<a;e++)n[e]&&(r=s(n[e]))&&(t&&(t+=" "),t+=r)}else for(r in n)n[r]&&(t&&(t+=" "),t+=r);return t}function t(){for(var n,e,r=0,t="",a=arguments.length;r<a;r++)(n=arguments[r])&&(e=s(n))&&(t&&(t+=" "),t+=e);return t}r.d(e,{W:function(){return t}}),e.Z=t}}]); 2//# sourceMappingURL=158.0a53bff965cc21ff.js.map
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.