(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2711],{38059:function(e,t,a){"use strict";a.d(t,{i:function(){return m}});var n=a(4637),i=a(16114),r=a(32699),l=a(59496),s=a(84875),c=a.n(s),o=a(61586),d=a.n(o),m=function(e){var t,a,s,o,m,u,v,h,p,x,k=e.navList,f=e.trackCategory,g=e.productListMode,j=e.className,b=(0,l.useRef)(null),N=(0,l.useState)(!1),y=N[0],_=N[1],w=(0,l.useState)(0),L=w[0],P=w[1],S=(null===(t=k.type)||void 0===t?void 0:t.type)==="IMAGE"?(0,n.jsx)("img",{src:k.type.image,alt:f}):null===(a=k.type)||void 0===a?void 0:a.text,C=function(){var e=b.current.querySelectorAll("li");return(0,r.reduce)(e,function(e,t){return e+t.offsetWidth+14},0)},M=function(e){var t=b.current.offsetWidth;if("left"===e&&0!==L)P(Math.min(0,L+t));else if("right"===e){var a=C();a+L>t&&P(Math.max(t-a,L-t))}};return(0,i.FI)(function(){if(b.current){var e;b.current.offsetWidth<C()&&_(!0)}}),(0,n.jsx)("div",{className:c()(d().nav,j),children:(0,n.jsxs)("div",{className:c()("width1180-center",d().container),children:[(0,n.jsx)("h3",{children:(null===(s=k.type)||void 0===s?void 0:s.disabled)||!(null===(o=k.type)||void 0===o?void 0:o.href)?S:(0,n.jsx)("a",{href:null===(m=k.type)||void 0===m?void 0:m.href,"data-track-category":f,"data-track-name":"banner导航","data-track-value":(null===(u=k.type)||void 0===u?void 0:u.type)==="IMAGE"?null===(v=k.type)||void 0===v?void 0:v.image:null===(h=k.type)||void 0===h?void 0:h.text,children:S})}),(0,n.jsx)("span",{className:d().line}),(0,n.jsx)("div",{className:c()(d()["btn-left"],y&&d().show),onClick:function(){return M("left")},children:(0,n.jsx)("img",{src:"https://bce.bdstatic.com/p3m/common-service/uploads/banner-icon-left_41e47b9a.png",alt:"left-icon"})}),(0,n.jsx)("div",{className:d().list,ref:b,children:(0,n.jsxs)("ul",{className:c()(d().items,"clearfix"),style:{transform:"translateX(".concat(L,"px)")},children:[k.name&&(0,n.jsx)("li",{className:c()((k.name.active||(null===(p=k.units)||void 0===p?void 0:p.every(function(e){var t;return!(null===(t=e.link)||void 0===t?void 0:t.active)})))&&d().active),children:k.name.disabled||!k.name.href?k.name.text:(0,n.jsx)("a",{href:k.name.href,"data-track-category":f,"data-track-name":"banner导航","data-track-value":k.name.text,children:k.name.text})}),"split"===g&&(0,n.jsx)("li",{className:d().line}),null===(x=k.units)||void 0===x?void 0:x.map(function(e){var t;return(null==e?void 0:e.link)&&(0,n.jsx)("li",{className:c()((null===(t=e.link)||void 0===t?void 0:t.active)&&d().active),children:e.link.disabled||!e.link.href?e.link.text:(0,n.jsx)("a",{href:e.link.href,"data-track-category":f,"data-track-name":"banner导航","data-track-value":e.link.text,children:e.link.text})},e.link.text)})]})}),(0,n.jsx)("div",{className:c()(d()["btn-right"],y&&d().show),onClick:function(){return M("right")},children:(0,n.jsx)("img",{src:"https://bce.bdstatic.com/p3m/common-service/uploads/banner-icon-left_41e47b9a.png",alt:"right-icon"})})]})})}},62711:function(e,t,a){"use strict";a.r(t),a.d(t,{V5S001:function(){return g}});var n=a(72006),i=a(4637),r=a(59496),l=a(20723),s=a(41934),c=a(674),o=a(61673),d=a(79918),m=a(38059),u=a(24462),v=a(84875),h=a.n(v),p=a(93876),x=a.n(p),k="头图",f=function(e){var t,a,n,l=e.data,v=e.type,p=l.config,f=l.render,g=f.banner,j=(0,r.useMemo)(function(){return p.isNewBanner&&!p.hideProductList&&f.productList},[p.hideProductList,p.isNewBanner,f.productList]),b=function(e){(0,s.BW)(c.K).open({component:d.N,props:{config:{file:e},initSdk:!0}})};return(0,i.jsxs)(i.Fragment,{children:[(0,i.jsxs)("section",{"ui-type":v,className:h()(x()["banner-old"],x()[v],p.isNewBanner&&x()["new-banner"],j&&x()["has-nav"]),children:[j&&(0,i.jsx)(m.i,{trackCategory:f.banner.title,productListMode:p.productListMode,navList:f.productList,className:x().nav}),(0,i.jsxs)("div",{className:h()(x().group,"v5-group-base"),children:[p.withVideo&&g.video?(0,i.jsxs)("div",{className:x()["banner-title-container"],children:[(0,i.jsx)("h1",{children:g.title}),(0,i.jsx)("span",{className:x()["banner-video-icon"],"data-track-category":"头图","data-track-name":"视频播放按钮","data-track-value":g.video.title,onClick:function(){b(g.video.url)}})]}):(0,i.jsx)("h1",{children:g.title}),(0,i.jsx)("div",{className:x().desc,dangerouslySetInnerHTML:{__html:g.content}}),g.similarProduct&&(0,i.jsxs)("p",{className:x()["similar-product"],children:[(0,i.jsx)("span",{children:g.similarProduct.purchasePercent}),"的用户同时购买了",(0,i.jsx)("a",{href:g.similarProduct.path,target:"_blank",children:g.similarProduct.serviceName})]}),g.background.image?(0,i.jsx)("div",{className:x()["img-box"],children:(0,i.jsx)("img",{src:g.background.image,alt:g.title})}):null,(0,i.jsx)("div",{className:x()["detail-box"],children:(0,i.jsxs)("div",{className:x()["apply-box"],children:[(0,i.jsx)(o.l,{className:x()["primary-link"],data:g.primaryLink,dataTrackCategory:k,dataTrackName:"主按钮",target:"_blank"}),(0,i.jsx)(o.l,{className:x().console,data:g.secondaryLink,dataTrackCategory:k,dataTrackName:"副按钮",target:"_blank"}),p.withCalculatorLink&&g.calculatorLink&&!g.calculatorLink.disabled&&(0,i.jsxs)("a",{className:x().calculator,href:g.calculatorLink.href,target:"_blank","data-track-category":k,"data-track-name":"价格计算器","data-track-value":"价格计算器",children:[(0,i.jsx)("img",{src:"https://bce.bdstatic.com/p3m/common-service/uploads/da385075910224c0dde95bb59837586d.png",alt:"价格计算器"}),(0,i.jsx)("span",{className:x().tips,children:"V5S001_en"===v?(0,i.jsxs)(i.Fragment,{children:["价格计算器",(0,i.jsx)("i",{className:x()["arrow-right"]})]}):"价格计算器"})]}),p.withTertiaryLink&&g.tertiaryLink&&!g.tertiaryLink.disabled&&(0,i.jsx)("a",{className:x()["doc-index"],href:g.tertiaryLink.href,target:"_blank","data-track-category":k,"data-track-name":g.tertiaryLink.text,"data-track-value":g.tertiaryLink.text,children:null===(t=g.tertiaryLink.text)||void 0===t?void 0:t.trim().replace(/ *>*$/,"")})]})})]})]}),(0,i.jsx)(u.o,{data:f.nav,isDefaultHide:p.withPromotion&&"textLink"!==p.promotionMode}),p.withPromotion&&(0,i.jsxs)("section",{className:h()("V5S001_en"===v&&"en",x()["v5-promotion"],p.isNewBanner&&x()["new-banner"]),children:[(0,i.jsx)("div",{className:x().top}),(0,i.jsx)("div",{className:x().bottom}),(0,i.jsx)("div",{className:h()(x().group,"v5-group-base"),children:(null===(a=f.promotionV2.items)||void 0===a?void 0:a.length)>0?(0,i.jsx)("div",{className:h()(x()["promotion-wrapper"],x()["column-length-".concat(p.promotionV2Columns)]),children:f.promotionV2.items.slice(0,p.promotionV2Columns).map(function(e,t){var a;return(0,i.jsxs)("div",{className:h()(x().promotion,x()["promotion-block"]),children:[(0,i.jsxs)("div",{className:x()["promotion-head"],children:[e.icon&&(0,i.jsx)("div",{className:x().icon,children:(0,i.jsx)("img",{src:e.icon,alt:"icon"})}),e.title&&(0,i.jsx)("div",{className:x().title,children:e.title})]}),null===(a=e.units)||void 0===a?void 0:a.map(function(e){if(!e.link)return null;var t,a=e.link.disabled?(0,i.jsx)("span",{children:e.link.text},e.link.text):(0,i.jsx)("a",{className:x()["text-link"],target:"_blank",href:e.link.href,"data-track-category":k,"data-track-name":"promotion","data-track-value":e.link.href,children:e.link.text},e.link.text);return(null===(t=e.tag)||void 0===t?void 0:t.text)?(0,i.jsxs)("div",{className:x()["text-link-wrapper"],children:[(0,i.jsx)("i",{className:h()(x().tag,x()[e.tag.type]),children:e.tag.text}),a]},e.link.text):a})]},t)})}):(0,i.jsx)("div",{className:h()(x()["promotion-wrapper"],x()["column-length-".concat(p.promotionColumns)]),children:null===(n=f.promotion.items)||void 0===n?void 0:n.map(function(e){return(0,i.jsxs)("div",{className:"promotion",children:[(0,i.jsx)("div",{className:x().title,children:e.title}),(0,i.jsx)("div",{className:x().content,children:e.content}),(0,i.jsx)(o.l,{className:x()["text-link"],data:e.link,dataTrackCategory:k,dataTrackName:e.title,target:"_blank"})]},e.title)})})})]})]})};function g(e){var t=e.data.config;return(0,i.jsx)(i.Fragment,{children:t.isNewBanner2202?(0,i.jsx)(l.R,(0,n.Z)({},e)):(0,i.jsx)(f,(0,n.Z)({},e))})}},61586:function(e){e.exports={nav:"U4xr2f_K",container:"e6jElWnt",hide:"__75cR__Bu","is-img":"wBy1ySoD",line:"V1eapMfw",list:"s4tPEFNf",items:"__1n1hSE9g",active:"_r_1B45e","btn-left":"__2IkWRAbI","btn-right":"YkY_4nLz",show:"vnjyBWlM"}},93876:function(e){e.exports={center:"NSZGrIUA",clearInput:"kJd_wbTy",ellipsis:"E3uEHh_P",nav:"__7wOHUN9V","calculator-img":"TIBp7kTL","banner-old":"QfW61geP","has-nav":"WNPxGcE2",calculator:"HI1sqKgK",fixed:"S8UR0QvZ","new-banner":"LbPo8Uox",group:"GPPUiCRR","img-box":"mrsi8Yol",desc:"qlPUwaBm","detail-box":"_AcogkAA","apply-box":"__663tDRKP",console:"oRVv546d","doc-index":"cv4jsycD","banner-title-container":"tzxOIB_0","banner-video-icon":"pvw1AP8f","event-box":"U9zegH4T",event:"B2KOmb2H","icon-discountmanage":"W9mzHkrQ","primary-link":"__80GrcmRW",tips:"__4C_eMh4Z","arrow-right":"l_oqlmfN",V5S001:"gpvXu77B","similar-product":"GhbGvaK7","v5-promotion":"vn5rWQRM",promotion:"__5xoSje0a",top:"QKbIQZGD",bottom:"RyJzTfe9","promotion-block":"yZLN3wmo","promotion-head":"O_iFKfXd",icon:"SRKRycx2",title:"tvUfj3o_","text-link-wrapper":"FAzO48dl",tag:"Vw_bdp6V",hot:"wf5hF7se",content:"lUU_jKsC","promotion-wrapper":"yZH9SUjy","column-length-1":"SgSGEksV","column-length-2":"Ys7X_Mws","column-length-3":"mdI5nl1M",en:"DIn8eqgj",V5S001_en:"hApxemEy"}}}]);