https://www.bydglobal.com/component/bydglobal-cn/common/tabBar/tabBar_6ryzZ67U.js

1var de=(b,f,T)=>new Promise((v,d)=>{var i=p=>{try{h(T.next(p))}catch(E){d(E)}},u=p=>{try{h(T.throw(p))}catch(E){d(E)}},h=p=>p.done?v(p.value):Promise.resolve(p.value).then(i,u);h((T=T.apply(b,f)).next())});import{eventBus as Se,mediaType as me,isSSR as ve,mountComponents as Re}from"/static_material/bydglobal/cn/esm_template/utils_De9QfXcP.js";import"/static_material/bydglobal/cn/esm_template/lazysizes_CxLarxp2.js";import{gsapWithCSS$1 as te,ScrollTrigger as I,ScrollToPlugin as xe}from"/static_material/bydglobal/cn/esm_template/gsap_fdEUff1C.js";import{defineComponent as ae,onMounted as ke,onUnmounted as se,openBlock as x,createElementBlock as H,normalizeClass as Z,createBaseVNode as U,Fragment as re,renderList as Te,toDisplayString as ne,normalizeStyle as Ee,ref as k,computed as Ce,watch as $e,createVNode as ee,withCtx as fe,withDirectives as he,vShow as pe,Transition as we,nextTick as Me,unref as Q,createBlock as ge,createCommentVNode as be}from"/static_material/bydglobal/cn/esm_template/@vue_BXkpmK5V.js";import{_export_sfc as le,IconArrowDown as Be}from"/static_material/bydglobal/cn/esm_template/components_B4IQTuUB.js";import"/static_material/bydglobal/cn/esm_template/element-plus_ChQOpndQ.js";import"/static_material/bydglobal/cn/esm_template/swiper_CFJQtQoc.js";import"/static_material/bydglobal/cn/esm_template/axios_BxvNGUsD.js";import"/static_material/bydglobal/cn/esm_template/crypto-js_C2Umpbti.js";import"/static_material/bydglobal/cn/esm_template/qrcode_1f3ewH1Y.js";const Ie=["id","aria-selected","aria-controls","aria-label","onClick"],Pe=ae({__name:"pc",props:{dataForm:{}},setup(b){te.registerPlugin(I,xe);const f=b,T=()=>{var s,l,y;const t=window.location.hash.slice(1),r=((s=f.dataForm.tabs)==null?void 0:s.map(S=>S.id))||[];return t&&r.includes(t)?t:((y=(l=f.dataForm.tabs)==null?void 0:l[0])==null?void 0:y.id)||""},v=k(),d=k(!1),i=k(null),u=k(0);let h=null,p=!1;const E=Ce(()=>({"justify-content":f.dataForm.tabsLayout})),P=()=>document.querySelector(".common-header-pc-container"),F=t=>{Se.emit("tabBar:tab_click",t)},R=(t,r,s=!1)=>{const l=new URL(t.link,window.location.origin),y=Array.isArray(r)?r:[r],S={},j=z=>{var $;for(const L of y){const X=z.get(L);X&&(($=S[L])!=null||(S[L]=X),s&&z.delete(L))}};if(j(l.searchParams),l.hash){const[z="",$=""]=l.hash.slice(1).split("?",2);if($){const L=new URLSearchParams($);j(L),s&&(l.hash=L.toString()?`${z}?${L}`:z)}}return t.link=l.href,S},A=t=>{const r=(t==null?void 0:t.id)||v.value;if(v.value===r)return;if(t!=null&&t.link){const l="_target",y=R(t,l,!0),S=t.target||y[l]||"_blank";window.open(t.link,S);return}v.value=r,history.replaceState({tabId:r},"",`#${r}`);const s=window.scrollY;_(),Y(),f.dataForm.openSticky&&O(s),F({tabId:r,tab:t,tabs:f.dataForm.tabs})},O=t=>{var l,y;const r=((y=(l=document.querySelector(".component-container-mix"))==null?void 0:l.getBoundingClientRect())==null?void 0:y.height)||0,s=window.scrollY;if(!(s<=r)){if(t-s>50&&(t=s),Math.abs(t-r)===0){window.scrollTo(0,r);return}p=!0,I.getAll().forEach(S=>S.disable()),te.to({scrollY:t},{scrollY:r,duration:.8,ease:"power2.out",onUpdate:function(){window.scrollTo(0,this.targets()[0].scrollY)},onComplete:()=>{p=!1,I.getAll().forEach(S=>S.enable()),I.refresh()}})}},_=()=>{const t=v.value;document.querySelectorAll('[data-nav-id]:not([data-nav-id=""])').forEach(s=>{const l=s.getAttribute("data-nav-id")===t;s.setAttribute("aria-hidden",String(!l)),s.hidden=!l})},Y=()=>{const t=document.getElementById(`tab-${v.value}`);t==null||t.focus()},C=()=>{i.value&&!d.value&&(u.value=i.value.offsetTop)},G=()=>{if(!i.value)return null;const t=i.value.closest('[id^="cms-grid-column"]');if(!t)return null;const r=t.previousElementSibling;return r?r.querySelector('[class$="container"]'):null},V=()=>{const t=G();t&&(h=new ResizeObserver(()=>{C()}),h.observe(t))},q=()=>{if(!i.value||!f.dataForm.openSticky||u.value<=0||p)return;const t=window.scrollY,r=i.value.getBoundingClientRect().top,s=P();if(s){const l=s.offsetHeight,y=u.value-l;r<l&&t>y?(d.value=!0,s.setAttribute("aria-hidden","true"),s.style.cssText=`position: fixed; top: -${l}px; pointer-events: none`):t<=y&&(d.value=!1,s.setAttribute("aria-hidden","false"),s.style.cssText="pointer-events: auto")}else d.value=r<0&&t>u.value},a=((t,r)=>{let s=0;return(...l)=>{const y=Date.now();y-s>=r&&(s=y,t(...l))}})(q,16),m=()=>{const t=window.location.hash.slice(1),r=f.dataForm.tabs.map(s=>s.id);t&&r.includes(t)&&t!==v.value&&(v.value=t,_(),Y(),F({tabId:t,tabs:f.dataForm.tabs}))};return ke(()=>{document.addEventListener("DOMContentLoaded",()=>{v.value=T(),_(),C(),V(),q()},{once:!0}),window.addEventListener("scroll",a,{passive:!0}),window.addEventListener("resize",C,{passive:!0}),window.addEventListener("hashchange",m,{passive:!0})}),se(()=>{window.removeEventListener("scroll",a),window.removeEventListener("resize",C),window.removeEventListener("hashchange",m),h==null||h.disconnect()}),(t,r)=>(x(),H("nav",{ref_key:"navRef",ref:i,class:Z(["common-tab-bar-pc-container",{"is-sticky":b.dataForm.openSticky&&d.value}]),role:"tablist","aria-label":"Content Switch"},[U("div",{class:"common-tab-bar-pc-wrapper",style:Ee(E.value)},[(x(!0),H(re,null,Te(b.dataForm.tabs,s=>(x(),H("button",{id:`tab-${s.id}`,key:s.id,class:"tab-button","aria-selected":v.value===s.id,"aria-controls":`tabpanel-${s.id}`,"aria-label":`Switch to ${s.label}`,tabindex:"0",role:"tab",onClick:l=>A(s)},ne(s.label),9,Ie))),128))],4)],2))}}),Oe=le(Pe,[["__scopeId","data-v-f8d3af20"]]),oe="data-scroll-locked",Le="data-scrollable",Fe="scrollable";let ye=!1;const N=new Map,Ye=()=>{if(ye)return;ye=!0;const b=document.createElement("style");b.textContent=`
2    [${oe}="true"] {
3      overflow: hidden !important;
4      touch-action: none !important;
5      -ms-touch-action: none !important;
6    }
7
8    [${Le}], .${Fe} {
9      touch-action: auto !important;
10      overflow: auto !important;
11    }
12  `,document.head.appendChild(b)};function De(b={}){const{target:f,lockHtml:T=!0,lockBody:v=!0,detectMode:d="smart"}=b,i=k(!1),u=k(f||document.body),h=new Set,p=a=>a.hasAttribute(Le)||a.classList.contains(Fe),E=a=>{const m=window.getComputedStyle(a),t=m.overflowX,r=m.overflowY;return t==="auto"||t==="scroll"||r==="auto"||r==="scroll"},P=a=>{switch(d){case"manual":return p(a);case"smart":if(p(a)||h.has(a))return!0;const m=E(a);return m&&h.add(a),m;case"auto":default:return p(a)?!0:E(a)}},F=a=>{let m=a.target;for(;m;){if(P(m)&&m!==u.value)return!0;

12if(m===u.value)return!1;m=m.parentElement}return!1},R=a=>{i.value&&(F(a)||a.preventDefault())},A=a=>{if(!i.value)return;const m=a.target;u.value&&!u.value.contains(m)&&a.preventDefault()},O=a=>{const m=N.get(a)||0;m===0&&a.setAttribute(oe,"true"),N.set(a,m+1)},_=a=>{const m=N.get(a)||1,t=Math.max(0,m-1);t===0?(a.removeAttribute(oe),N.delete(a)):N.set(a,t)},Y=()=>{i.value||(i.value=!0,Ye(),u.value&&O(u.value),T&&u.value!==document.documentElement&&O(document.documentElement),v&&u.value!==document.body&&O(document.body))},C=()=>{i.value&&(i.value=!1,u.value&&_(u.value),T&&_(document.documentElement),v&&_(document.body),h.clear())},G=a=>{(a!=null?a:!i.value)?Y():C()},V=()=>{document.addEventListener("touchmove",R,{passive:!1}),document.addEventListener("wheel",A,{passive:!1})},q=()=>{document.removeEventListener("touchmove",R),document.removeEventListener("wheel",A)},W=()=>{q(),C()};return V(),se(W),{isLocked:i,lock:Y,unlock:C,toggle:G,cleanup:W,setTarget:a=>{u.value=a||document.body}}}const He={class:"current-tab-label"},qe=["id","onClick"],ze=ae({__name:"mob",props:{dataForm:{}},setup(b){te.registerPlugin(I);const f=b,T=()=>{var o,c,w;const e=window.location.hash.slice(1),n=((o=f.dataForm.tabs)==null?void 0:o.map(M=>M.id))||[];return e&&n.includes(e)?e:((w=(c=f.dataForm.tabs)==null?void 0:c[0])==null?void 0:w.id)||""},v=k(),d=k(!1),i=k(null),u=k(null),h=k(null),p=k(!1),E=k(0),P=k(0);let F=null,R=!1,A=null;const O=Ce(()=>{const e=f.dataForm.tabs.find(n=>n.id===v.value);return(e==null?void 0:e.label)||""}),_=()=>document.querySelector(".common-header-mob-container"),Y=()=>{const e=_();return e?window.getComputedStyle(e).position==="fixed":!1},C=e=>{Se.emit("tabBar:tab_click",e)},G=(e,n,o=!1)=>{const c=new URL(e.link,window.location.origin),w=Array.isArray(n)?n:[n],M={},K=D=>{var B;for(const g of w){const J=D.get(g);J&&((B=M[g])!=null||(M[g]=J),o&&D.delete(g))}};if(K(c.searchParams),c.hash){const[D="",B=""]=c.hash.slice(1).split("?",2);if(B){const g=new URLSearchParams(B);K(g),o&&(c.hash=g.toString()?`${D}?${g}`:D)}}return e.link=c.href,M},V=(e,n)=>{if(v.value===e){d.value=!1;return}if(n!=null&&n.link){const o="_target",c=G(n,o,!0),w=n.target||c[o]||"_blank";window.open(n.link,w);return}v.value=e,history.replaceState({tabId:e},"",`#${e}`),d.value=!1,t(e),r(e),f.dataForm.openSticky&&q(),C({tabId:e,tab:n,tabs:f.dataForm.tabs})},q=()=>{if(R)return;const e=document.body.style,n=e.position==="fixed";let o=window.scrollY;if(n){const g=parseInt(e.top||"0");if(g===0)return;o=-g,e.position="",e.top="",e.left="",e.right="",e.overflow="",document.documentElement.style.overflow=""}if(o<=0)return;R=!0;const c=()=>{A&&(cancelAnimationFrame(A),A=null),R=!1,requestAnimationFrame(()=>{I.getAll().forEach(g=>g.enable()),I.refresh()})};I.getAll().forEach(g=>g.disable());const w=o,M=o,K=400,D=performance.now(),B=g=>{if(!R)return;const J=g-D,ue=Math.min(J/K,1),Ae=1-Math.pow(1-ue,3),_e=w-M*Ae;window.scrollTo(0,Math.max(0,_e)),ue<1?A=requestAnimationFrame(B):c()};A=requestAnimationFrame(B)},W=()=>de(null,null,function*(){d.value=!d.value,d.value&&(yield Me(),a(),m())}),a=()=>{if(!u.value||!i.value)return;const e=i.value.getBoundingClientRect();u.value.style.top=e.bottom+"px"},m=()=>{if(!u.value||!i.value){P.value=0;return}const e=i.value.getBoundingClientRect(),n=u.value.getBoundingClientRect();P.value=e.bottom+n.height},t=e=>{document.querySelectorAll("[data-nav-id]").forEach(o=>{const c=o.getAttribute("data-nav-id");if(!c||c==="undefined"||c==="null")return;const w=c===e;o.setAttribute("aria-hidden",String(!w)),o.hidden=!w})},r=e=>{const n=document.getElementById(`tab-${e}`);n==null||n.focus()},s=e=>{var c,w;const n=(c=i.value)==null?void 0:c.contains(e.target),o=(w=u.value)==null?void 0:w.contains(e.target);!n&&!o&&(d.value=!1)},l=()=>{h.value&&!p.value&&(E.value=h.value.offsetTop)},y=()=>{if(!h.value)return null;const e=h.value.closest('[id^="cms-grid-column"]');if(!e)return null;const n=e.previousElementSibling;return n?n.querySelector('[class$="container"]'):null},S=()=>{const e=y();e&&(F=new ResizeObserver(()=>{l()}),F.observe(e))},$=((e,n)=>{let o=0;return(...c)=>{const w=Date.now();w-o>=n&&(o=w,e(...c))}})(()=>

12{if(!h.value||d.value||!f.dataForm.openSticky)return;const e=window.scrollY,n=h.value.getBoundingClientRect().top,o=_(),c=Y();if(n<=0&&e>=E.value){if(p.value=!0,c&&o){const w=o.offsetHeight;o.setAttribute("aria-hidden","true"),o.style.cssText=`position: fixed; top: -${w}px`}}else e<E.value&&(p.value=!1,o&&(o.setAttribute("aria-hidden","false"),o.style.cssText=""))},16),{toggle:L}=De(),X=e=>{var n;L(e),(n=i.value)==null||n.setAttribute("aria-expanded",String(e))},ce=e=>{d.value&&e.preventDefault()},ie=()=>{var o;const e=window.location.hash.slice(1),n=((o=f.dataForm.tabs)==null?void 0:o.map(c=>c.id))||[];e&&n.includes(e)&&e!==v.value&&(v.value=e,t(e),r(e),C({tabId:e,tabs:f.dataForm.tabs}))};return $e(d,X),ke(()=>{document.addEventListener("DOMContentLoaded",()=>{v.value=T(),t(v.value),l(),S()},{once:!0}),document.addEventListener("click",s),window.addEventListener("scroll",$,{passive:!0}),window.addEventListener("resize",l,{passive:!0}),document.addEventListener("touchmove",ce,{passive:!1}),window.addEventListener("hashchange",ie,{passive:!0})}),se(()=>{document.removeEventListener("click",s),window.removeEventListener("scroll",$),window.removeEventListener("resize",l),document.removeEventListener("touchmove",ce),window.removeEventListener("hashchange",ie),F==null||F.disconnect()}),(e,n)=>(x(),H("div",{ref_key:"navRef",ref:h,class:Z(["common-tab-bar-mob-container",{"is-sticky":b.dataForm.openSticky&&p.value}])},[U("button",{ref_key:"dropdownRef",ref:i,class:"tab-dropdown-trigger",onClick:W},[U("span",He,ne(O.value),1),ee(Be,{class:Z(["dropdown-icon",{"is-rotated":d.value}])},null,8,["class"])],512),ee(we,{name:"dropdown-menu"},{default:fe(()=>[he(U("ul",{ref_key:"dropdownMenuRef",ref:u,class:"tab-dropdown-menu"},[(x(!0),H(re,null,Te(b.dataForm.tabs,o=>(x(),H("li",{key:o.id,class:"dropdown-item"},[U("button",{id:`tab-${o.id}`,class:Z(["tab-button",{"is-active":v.value===o.id}]),tabindex:"0",onClick:c=>V(o.id,o)},ne(o.label),11,qe)]))),128))],512),[[pe,d.value]])]),_:1}),ee(we,{name:"dropdown-mask"},{default:fe(()=>[he(U("div",{class:"tab-dropdown-mask",style:Ee({top:P.value+"px"}),onClick:n[0]||(n[0]=o=>d.value=!1)},null,4),[[pe,d.value]])]),_:1})],2))}}),Ue=le(ze,[["__scopeId","data-v-b2508cb6"]]),Ge=ae({__name:"layout",props:{dataForm:{}},setup(b){return(f,T)=>(x(),H(re,null,[Q(me)==="pc"||Q(ve)?(x(),ge(Oe,{key:0,class:"pc-device","data-form":b.dataForm},null,8,["data-form"])):be("",!0),Q(me)==="mob"||Q(ve)?(x(),ge(Ue,{key:1,class:"mob-device","data-form":b.dataForm},null,8,["data-form"])):be("",!0)],64))}}),Ve=le(Ge,[["__scopeId","data-v-c76bd23f"]]);Re(".common-tab-bar-mount-root-container",Ve);