(this["webpackJsonppaddle-site-front"]=this["webpackJsonppaddle-site-front"]||[]).push([[35],{1469:function(e,t,l){},2052:function(e,t,l){"use strict";l.r(t);l(33),l(34),l(35);var a=l(1),s=l.n(a),c=l(11),i=l.n(c),r=l(193),n=l(19),o=l(18),d=l(57),x=l(328),u=l(2122);var j=()=>{const[e,t]=Object(a.useState)(""),[l,s]=Object(a.useState)([]),[c,i]=Object(a.useState)([]),r=Object(u.a)(c),n=Object(a.useRef)({});Object(a.useMemo)((()=>(n.current={},l)),[l]);const[o,d]=Object(a.useState)((()=>{let e=[];if("object"===typeof localStorage){const l=localStorage.getItem("quickInstallHooksChecked");if(l)try{const t=JSON.parse(l);e=Array.isArray(t)?t:[]}catch(t){}}return e})),{disabled:x,checkedItem:j}=Object(a.useMemo)((()=>(console.log("get updateDisabledState"),console.log(o),console.log(c),((e,t,l,a)=>{console.log("updateDisabledState start"),console.log(e),console.log(t),console.log(l),console.log(a);const s=new Set;t.forEach((e=>{e.list.forEach((e=>{s.add(e.optionKey)}))})),console.log("set newDisabledSet"),console.log(s);const c=(()=>{console.log("checkedQuickInstallList start"),console.log(e);const t=e.sort().join(",");if(console.log(a),console.log(t),a[t]&&a[t].length>0)return a[t];const s=l.filter((t=>e.every((e=>t.indexSet.has(e)))));return a[t]=s,console.log("checkedQuickInstallList end"),console.log(l),console.log(s),s})();console.log("set newDisabledSet"),console.log(s),t.forEach((t=>{console.log("quickInstallSelector result"),console.log(t);const c=t.list.map((e=>e.optionKey)),i=new Set(c),r=(()=>{const t=new Set(e);return c.forEach((e=>{t.delete(e)})),Array.from(t)})();console.log("checkedExpectThisGroup result"),console.log(r);const n=(()=>{const e=r.sort().join(",");if(a[e])return a[e];const t=l.filter((e=>r.every((t=>e.indexSet.has(t)))));return a[e]=t,t})();console.log("availableQuickInstallList result"),console.log(n);const o=new Set;n.forEach((e=>{e.indexSet.forEach((e=>{i.has(e)&&o.add(e)}))})),console.log("thisGroupEnableOptionKeysSet result"),console.log(o),o.forEach((e=>{s.delete(e)}))}));const i=e=>{const t=["macos","linux","windows","otheros","nvidia","paddleversion","pip","30version","develop"],l=["cuda117","cuda118","cuda120","cuda112","cuda116"];if(5!==e.length)return!1;for(let a=0;a<e.length;a++)if(!t.includes(e[a])&&!l.includes(e[a]))return!1;return!0};return console.log("arraysAreEqual result"),console.log(e),console.log(i(e)),i(e)&&s.delete("cpu"),Array.from(s).forEach((e=>{["nvidia","kunlunxin","haiguang","shengteng","hanwuji","cpu"].includes(e)&&s.delete(e)})),console.log("updateDisabledState result"),console.log(s),console.log(Array.from(s)),console.log(c),{disabled:Array.from(s),checkedItem:c}})(o,c,l,n.current))),[o,c,l]),p=Object(a.useMemo)((()=>(console.log("showItem"),console.log(o),console.log(c),console.log(j),j&&j.length>0&&1===o.length&&["kunlunxin","haiguang","shengteng","hanwuji","cpu","nvidia"].includes(o[0])||o.length>=c.length||1===j.length?j[0]:void 0)),[o,j,c]),m=Object(a.useCallback)(((e,t,l)=>{d((e=>{console.log("handleOnItemChange start"),console.log(t),console.log(l),console.log(e);const a=r.current||[];let s=e;if(e.indexOf(l)>-1)s=s.filter((e=>e!==l));else{var c,i;const r=(null!==(c=null===(i=a.find((e=>e.groupKey===t)))||void 0===i?void 0:i.list)&&void 0!==c?c:[]).map((e=>e.optionKey)),n=new Set(r);s=[...e.filter((e=>!n.has(e))),l]}if("\u98de\u6868\u7248\u672c"===t&&s.length>0&&(s=[l]),"\u82af\u7247\u5382\u5546"===t&&"cpu"===l&&s.length>0){const e=s.findIndex((e=>["cuda117","cuda118","cuda120","cuda112","cuda116"].includes(e)));console.log("get cuda index"),console.log(e),e>-1&&s.splice(e,1)}if("\u82af\u7247\u5382\u5546"===t&&s.length>0){console.log(a),console.log(s);const e=a.find((e=>"\u8ba1\u7b97\u5e73\u53f0"===e.groupKey)),t=null===e||void 0===e?void 0:e.list;if(t&&t.length>0){t.map((e=>e.optionKey)).forEach((e=>{-1!==s.indexOf(e)&&s.splice(s.indexOf(e),1)}))}}return console.log("handleOnItemChange end"),console.log(s),s}))}),[d,r]);return Object(a.useEffect)((()=>{"object"===typeof localStorage&&localStorage.setItem("quickInstallHooksChecked",JSON.stringify(o))}),[o]),Object(a.useEffect)((()=>{console.log("disabled changes"),console.log(x),console.log(j),console.log(n.current),console.log(l),console.log(c),d((e=>{if(console.log("handleOnItemChange",e),j&&j.length>0&&1===e.length&&["30version","paddleversion","develop"].includes(e[0])){let t=[...e,"linux"];return["30version","develop"].includes(e[0])&&(t=[...e,"linux"]),t}if(j&&j.length>0&&1===e.length){const e=c[0].list.map((e=>e.optionKey));console.log("versionSets"),console.log(e);const t=(()=>{let t=[];return e.forEach(((e,l)=>{t[l]=[],j.forEach((a=>{a.indexSet.has(e)&&t[l].push(a)}))})),console.log("versionSets total"),console.log(t),t.find((e=>e.length>0))})();console.log("versionset"),console.log(t);const l=c[1].list.map((e=>e.optionKey)),a=(()=>{let e=[];return l.forEach(((l,a)=>{e[a]=[],t.forEach((t=>{t.indexSet.has(l)&&e[a].push(t)}))})),e.find((e=>e.length>0))})();console.log("systemSets"),console.log(a);const s=c[2].list.map((e=>e.optionKey)),i=(()=>{let e=[];return s.forEach(((t,l)=>{e[l]=[],a.forEach((a=>{a.indexSet.has(t)&&e[l].push(a)}))})),e.find((e=>e.length>0))})();console.log("installSets"),console.log(i);const r=c[4].list.map((e=>e.optionKey));console.log("platformItems"),console.log(r);const n=(()=>{let e=[];return r.forEach(((t,l)=>{e[l]=[],i.forEach((a=>{a.indexSet.has(t)&&e[l].push(a)}))})),e.find((e=>e.length>0))})();if(console.log("platformSets"),console.log(n),Array.isArray(n)&&n.length>0)return Array.from(n[0].indexSet);if(!Array.isArray(n)&&Array.isArray(i)&&1===i.length)return Array.from(i[0].indexSet)}return e}))}),[x,j,l,c]),{suffixText:e,quickInstallSelector:c,quickInstallList:l,checked:o,disabled:x,showItem:p,setSuffixText:t,setQuickInstallList:s,setQuickInstallSelector:i,setChecked:d,handleOnItemChange:m}};var p=l(14),m=l.n(p),g=l(45);const b=()=>Object(g.a)(m.a.get("/platform/page/data").query({requestUrl:"/paddleIndex"}).query(window.location.search.slice(1)));let h={fetchGetIndexData:b()};var O=()=>{const[e,t]=Object(a.useState)(),[l,s]=Object(a.useState)(),c=j(),{setQuickInstallSelector:i,setQuickInstallList:r}=c,n=c.setChecked,o=c.setSuffixText,[d,u]=Object(a.useState)(),[p,m]=Object(a.useState)(),[g,O]=Object(a.useState)(),[v,k]=Object(a.useState)(),[f,y]=Object(a.useState)(),[N,w]=Object(a.useState)(),[S,A]=Object(a.useState)();return Object(a.useEffect)((()=>{(async()=>{const e=h.fetchGetIndexData||b();delete h.fetchGetIndexData;const l=await e.catch((()=>{}));if(l){var a;const e=(null===(a=l.body.result)||void 0===a?void 0:a.pageData)||{},c=e.operatorGird||{},d=Array.isArray(c.items)?c.items:[],j=Array.isArray(c.carousel)?c.carousel:[];t({carousel:j.map((e=>({title:e.title,titleColor:e.titleColor,titleSize:e.titleSize,text:e.text,textColor:e.textColor,textSize:e.textSize,type:e.type,btnText:e.btnText,btnTextColor:e.btnTextColor,backgroundImage:e.backgroundImage,backgroundVideo:e.backgroundVideo,link:e.link,target:!!e.target}))),items:d.map((e=>({title:e.title,titleColor:e.titleColor,text:e.text,textColor:e.textColor,type:e.type,backgroundImage:e.backgroundImage,backgroundVideo:e.backgroundVideo,link:e.link,target:!!e.target,tagText:e.tagText,tagTextColor:e.tagTextColor})))}),await Object(x.a)(0);const p=e.iconTextList||{},g=Array.isArray(p.list)?p.list:[];s({title:p.title,subtitle:p.subtitle,list:g.map((e=>({title:e.title,text:e.text,iconUrl:e.iconUrl,link:e.link,target:!!e.target})))});const b=e.quickInstall||{},h=Array.isArray(b.group)?b.group:[],v=Array.isArray(b.list)?b.list:[];u({title:b.title,subtitle:b.subtitle});const f=h.map((e=>{const t=Array.isArray(e.list)?e.list:[];return{groupName:e.groupName,groupKey:e.groupKey||e.groupName,disabledTooltip:e.disabledTooltip,tips:e.tips,list:t.map((t=>({id:`${e.groupName}${t.optionName}${t.optionKey}`,groupName:e.groupName,groupKey:e.groupKey||e.groupName,optionName:t.optionName,optionKey:t.optionKey})))}}));i(f);const N=v.map((e=>{const t=Array.isArray(e.context)?e.context:[];return{index:e.index,indexSet:"string"===typeof e.index?new Set(e.index.split(",")):new Set,context:t.map((e=>({title:e.title,text:e.text})))}}));r(N),o(b.suffixText||"");const S=(()=>{const e=navigator.userAgent.toLowerCase(),t=t=>t.test(e);let l="unknow";return l=t(/windows|win32|win64|wow32|wow64/g)?"windows":t(/macintosh|macintel/g)?"macos":t(/x11/g)?"linux":"otheros",l})(),T=(("macos"===S?b.defaultSelectedKey.replace(/cuda102/,"cpu").replace(/linux/,"macos"):"windows"===S?b.defaultSelectedKey.replace(/linux/,"windows"):"")||b.defaultSelectedKey||"").split(","),I=new Set;f.forEach((e=>{e.list.forEach((e=>{I.add(e.optionKey)}))})),n((e=>{const t=e.filter((e=>I.has(e)));return e.length>0?t:T})),await Object(x.a)(0);const C=e.pictureTextCard||{},E=Array.isArray(C.list)?C.list:[],_=C.checkAll;m({title:C.title,subtitle:C.subtitle,checkAll:_?{text:_.text,link:_.link,target:!!_.target}:void 0,list:E.map((e=>({title:e.title,text:e.text,imageUrl:e.imageUrl,link:e.link,target:e.target,tagText:e.tagText,extraTagText:e.extraTagText})))});const L=e.productList||{},$=Array.isArray(L.group)?L.group:[],q=L.checkAll;O({title:L.title,subtitle:L.subtitle,checkAll:q?{text:q.text,link:q.link,target:!!q.target}:void 0,group:$.map((e=>{const t=Array.isArray(e.list)?e.list:[];return{title:e.title,list:t.map((e=>{const t=Array.isArray(e.tags)?e.tags:[];return{title:e.title,text:e.text,link:e.link,target:!!e.target,tags:t.map((e=>({text:e.text,color:e.color,type:e.type})))}}))}}))});const K=e.news||{},M=K.checkAll,H=Array.isArray(K.carousel)?K.carousel:[],z=Array.isArray(K.list)?K.list:[];k({title:K.title,subtitle:K.subtitle,checkAll:M?{text:M.text,link:M.link,target:!!M.target}:void 0,carousel:H.map((e=>{const t=Array.isArray(e.btns)?e.btns:[];return{title:e.title,titleSize:e.titleSize,timeText:e.timeText,link:e.link,target:e.target,backgroundImage:e.backgroundImage,color:e.color,btns:t.map((e=>({title:e.title,link:e.link,target:!!e.target})))}})),list:z.map((e=>({title:e.title,titleSize:e.titleSize,timeText:e.timeText,link:e.link,target:e.target})))});const U=e.iconTextCard||{},G=Array.isArray(U.list)?U.list:[];y({title:U.title,subtitle:U.subtitle,list:G.map((e=>({title:e.title,text:e.text,iconUrl:e.iconUrl,link:e.link,target:!!e.target})))});const D=e.videoList||{},V=Array.isArray(D.list)?D.list:[];w({title:D.title,subtitle:D.subtitle,list:V.map((e=>({title:e.title,titleColor:e.titleColor,backgroundImage:e.backgroundImage,backgroundVideo:e.backgroundVideo,tagText:e.tagText,tagTextColor:e.tagTextColor,link:e.link,target:!!e.target})))});const R=e.partner||{},F=Array.isArray(R.textCard)?R.textCard:[],J=Array.isArray(R.list)?R.list:[],Q=R.checkAll;A({title:R.title,subtitle:R.subtitle,checkAll:Q?{text:Q.text,link:Q.link,target:!!Q.target}:void 0,textCard:F.map((e=>({title:e.title,text:e.text}))),list:J.map((e=>({title:e.title,text:e.text,imgUrl:e.imgUrl,link:e.link,target:!!e.target})))})}})()}),[r,i,n,o]),{operatorGird:e,iconTextList:l,quickInstall:d,pictureTextCard:p,iconTextCard:f,productList:g,news:v,videoList:N,partner:S,quickStartHooks:c}},v=(l(31),l(10)),k=(l(117),l(53)),f=l(5),y=l.n(f),N=l(972),w=l(127),S=l(246),A=l(0);var T=s.a.memo((e=>{const{suffixText:t,trackeventOptLabel:l,quickInstallSelector:s,checked:c,disabled:i,showItem:r,handleOnItemChange:n}=e;console.log("get quick hook install props"),console.log(e),console.log(null===r||void 0===r?void 0:r.context),console.log(!(null===r||void 0===r||!r.context));const o=Object(a.useRef)(null),[d,x]=Object(a.useState)(!1);Object(a.useEffect)((()=>{!d&&window._hmt&&r&&(window._hmt.push(["_trackEvent","\u9996\u9875","\u5feb\u901f\u5b89\u88c5,\u65b9\u6848\u751f\u6210",l]),x(!0))}),[d,r,l]),Object(a.useEffect)((()=>{window._hmt&&r&&window._hmt.push(["_trackEvent","\u9996\u9875","\u5feb\u901f\u5b89\u88c5,\u65b9\u6848\u9009\u62e9",JSON.stringify(c)])}),[c,r]),Object(a.useEffect)((()=>{if(window._hmt&&o.current){const e=o.current,t=Array.from(e.querySelectorAll("a")),l=e=>{const t=e.target,l=(null===t||void 0===t?void 0:t.href)||"";l&&window._hmt.push(["_trackEvent","\u9996\u9875","\u5feb\u901f\u5b89\u88c5,\u67e5\u770b\u5168\u90e8\u5b89\u88c5\u6b65\u9aa4",JSON.stringify({"\u94fe\u63a5":l,"\u9009\u9879":c})])},a=t.filter((e=>e.innerHTML.includes("\u67e5\u770b\u5168\u90e8\u5b89\u88c5\u6b65\u9aa4")));return a.forEach((e=>{e.addEventListener("click",l)})),()=>{a.forEach((e=>{e.removeEventListener("click",l)}))}}}),[t,c]);const u=Object(a.useCallback)((e=>{e&&(e.includes(" install ")||e.includes("docker pull"))&&window._hmt&&window._hmt.push(["_trackEvent","\u9996\u9875","\u5feb\u901f\u5b89\u88c5,\u65b9\u6848\u751f\u6210",JSON.stringify({"\u5b89\u88c5\u547d\u4ee4":e,"\u9009\u9879":c})])}),[c]),j=Object(a.useMemo)((()=>r&&r.indexSet?new Set(r.indexSet):new Set(c)),[c,r]),p=Object(a.useMemo)((()=>new Set(i)),[i]);return console.log("get checkedSet"),console.log(j),Object(A.jsxs)("div",{className:"paddle-quick-start",children:[s.length>0&&Object(A.jsx)("div",{className:"paddle-quick-start-content",children:s.map((e=>Object(A.jsxs)("div",{className:"paddle-quick-start-item",children:[Object(A.jsxs)("div",{className:"paddle-quick-start-item-title",children:[e.groupName,!!e.tips&&Object(A.jsx)(k.a,{overlayClassName:"paddle-quick-start-item-tip",placement:"bottom",title:e.tips,children:Object(A.jsx)(N.a,{className:"paddle-quick-start-item-title-tip-icon"})})]}),Object(A.jsx)("div",{className:"paddle-quick-start-item-children",children:Object(A.jsx)(v.a.Group,{size:"large",children:e.list.map(((t,l,a)=>{if(p.has(t.optionKey)&&"\u8ba1\u7b97\u5e73\u53f0"===e.groupName)return null;let s=!1;return"\u98de\u6868\u7248\u672c"!==e.groupName&&(s=p.has(t.optionKey)),Object(A.jsx)(k.a,{overlayClassName:"paddle-quick-start-item-tip",placement:"top",title:p.has(t.optionKey)?e.disabledTooltip:void 0,children:Object(A.jsx)(v.a,{className:y()({large:a.length<=2,checked:j.has(t.optionKey),disabled:s}),disabled:s,onClick:l=>n(l,e.groupKey,t.optionKey),children:t.optionName},t.optionKey)},t.optionKey)}))})})]},e.groupKey)))}),!(null===r||void 0===r||!r.context)&&Object(A.jsx)("div",{className:"paddle-quick-start-result",children:r.context.map((e=>Object(A.jsxs)("div",{className:"paddle-quick-start-result-item",children:[Object(A.jsx)("div",{className:"paddle-quick-start-result-title",children:e.title}),Object(A.jsx)("div",{className:"paddle-quick-start-result-text",ref:o,children:Object(A.jsx)(w.a,{source:e.text,renderers:{code:Object(S.b)({onCopyClick:u})}})})]},e.title)))}),Object(A.jsx)("div",{className:"paddle-quick-start-suffixtext",dangerouslySetInnerHTML:{__html:t}})]})})),I=(l(60),l(23)),C=(l(61),l(17)),E=l(12),_=l(207),L=l(108),$=l(179);var q=e=>{const t=Object(a.useRef)(null),l=Object(a.useCallback)((()=>{t.current&&t.current.play()}),[]),s=Object(a.useCallback)((()=>{t.current&&t.current.pause()}),[]),c=Object(A.jsxs)("div",{className:y()("paddle-operator-gird-item",{"paddle-operator-gird-item-video":e.backgroundVideo}),children:[Object(A.jsx)("div",{className:"paddle-operator-gird-item-background",style:{backgroundImage:e.backgroundImage?`url(${e.backgroundImage})`:void 0},children:!!e.backgroundVideo&&Object(A.jsx)(_.a,{className:"paddle-operator-gird-item-background-video",src:e.backgroundVideo,ref:t,loop:!0})}),Object(A.jsxs)("div",{className:"paddle-operator-gird-item-title",title:e.title,style:{color:e.titleColor},children:[e.title,"video"===e.type&&Object(A.jsx)("i",{className:"paddle-operator-gird-item-play-icon"})]}),Object(A.jsx)("div",{className:"paddle-operator-gird-item-text",children:Object(A.jsx)(L.a,{title:e.text,html:e.text||""})}),Object(A.jsxs)("div",{className:"paddle-operator-gird-item-extra",style:{color:e.tagTextColor},children:[e.tagText," ",!!e.tagText&&Object(A.jsx)(r.a,{})]})]});return Object(A.jsx)(C.a,{xs:8,onMouseEnter:l,onMouseLeave:s,children:"video"===e.type?Object(A.jsx)($.a,{src:e.link,children:c}):Object(A.jsx)(E.a,{href:e.link,target:e.target,children:c})})},K=l(949);var M=e=>{const t=Object(A.jsxs)("div",{className:"paddle-operator-gird-carousel-item",children:[Object(A.jsx)("div",{className:"paddle-operator-gird-carousel-background",style:{backgroundImage:e.backgroundImage?`url(${e.backgroundImage})`:void 0}}),Object(A.jsx)(E.a,{className:"paddle-operator-gird-carousel-link",href:"video"===e.type?"":e.link,target:e.target,children:Object(A.jsxs)("div",{className:"paddle-operator-gird-carousel-content",children:[Object(A.jsx)("div",{className:"paddle-operator-gird-carousel-title",style:{color:e.titleColor,fontSize:e.titleSize},dangerouslySetInnerHTML:{__html:e.title||""}}),Object(A.jsx)("div",{className:"paddle-operator-gird-carousel-text",style:{color:e.textColor,fontSize:e.textSize},dangerouslySetInnerHTML:{__html:e.text||""}}),!!e.btnText&&Object(A.jsx)("div",{className:"paddle-operator-gird-carousel-other",style:{color:e.textColor},children:Object(A.jsx)("button",{style:{color:e.textColor,borderColor:e.textColor},children:e.btnText})})]})})]});return"video"===e.type?Object(A.jsx)($.a,{src:e.link,children:t}):Object(A.jsx)("span",{children:t})};var H,z=s.a.memo((e=>{const t=Object(a.useMemo)((()=>Array.isArray(e.carousel)?e.carousel.map(((e,t)=>({...e,key:e.title||""+t}))):Array.from({length:1}).map(((e,t)=>({key:""+t})))),[e.carousel]),l=Object(a.useMemo)((()=>Array.isArray(e.items)?e.items.map(((e,t)=>({...e,key:e.title||""+t}))):Array.from({length:6}).map(((e,t)=>({key:""+t})))),[e.items]);return Object(A.jsxs)("div",{className:"paddle-operator-gird clear-both",children:[Object(A.jsx)("div",{className:"paddle-operator-gird-carousel-wrap",children:Object(A.jsx)(K.default,{className:"paddle-operator-gird-carousel",autoplay:!0,autoplaySpeed:4e3,children:t.map((e=>Object(A.jsx)(M,{...e},e.key)))})}),Object(A.jsx)("div",{className:"paddle-operator-gird-item-list",children:Object(A.jsx)(I.a,{gutter:[10,10],children:l.map((e=>Object(A.jsx)(q,{...e},e.key)))})})]})})),U=l(2126);function G(){return G=Object.assign?Object.assign.bind():function(e){for(var t=1;t<arguments.length;t++){var l=arguments[t];for(var a in l)Object.prototype.hasOwnProperty.call(l,a)&&(e[a]=l[a])}return e},G.apply(this,arguments)}function D(e,t){let{title:l,titleId:s,...c}=e;return a.createElement("svg",G({viewBox:"0 0 16 16",xmlns:"http://www.w3.org/2000/svg",xmlnsXlink:"http://www.w3.org/1999/xlink",ref:t,"aria-labelledby":s},c),l?a.createElement("title",{id:s},l):null,H||(H=a.createElement("g",{stroke:"none",strokeWidth:1,fill:"none",fillRule:"evenodd"},a.createElement("g",{transform:"translate(-71.000000, -55.000000)"},a.createElement("g",{transform:"translate(71.000000, 55.000000)"},a.createElement("circle",{fill:"#FEFDFD",cx:8,cy:8,r:8}),a.createElement("path",{d:"M6.3890785,5.20082068 L6.3890785,10.7991793 C6.3890785,11.0200932 6.5681646,11.1991793 6.7890785,11.1991793 C6.8757388,11.1991793 6.96005524,11.1710354 7.02934082,11.1189824 L10.7552109,8.31980309 C10.9318333,8.18710987 10.9674449,7.93636005 10.8347517,7.75973768 C10.8121171,7.72960978 10.7853388,7.70283146 10.7552109,7.68019691 L7.02934082,4.88101759 C6.85271845,4.74832437 6.60196862,4.78393599 6.46927541,4.96055836 C6.41722239,5.02984394 6.3890785,5.11416038 6.3890785,5.20082068 Z",fill:"#000000"}))))))}const V=a.forwardRef(D);l.p;var R=e=>{const t=Object(a.useRef)(null),l=Object(a.useCallback)((()=>{t.current&&t.current.play()}),[]),s=Object(a.useCallback)((()=>{t.current&&t.current.pause()}),[]),c=Object(A.jsx)(C.a,{xs:6,children:Object(A.jsxs)("div",{className:"paddle-index-video-list-item",onMouseEnter:l,onMouseLeave:s,children:[Object(A.jsxs)("div",{className:"paddle-index-video-list-item-background",style:{backgroundImage:e.backgroundImage?`url(${e.backgroundImage})`:void 0},children:[!!e.backgroundVideo&&Object(A.jsx)(_.a,{ref:t,src:e.backgroundVideo,loop:!0}),Object(A.jsx)("div",{className:"paddle-index-video-list-item-background-mask"})]}),Object(A.jsxs)("div",{className:"paddle-index-video-list-item-content",children:[Object(A.jsxs)("div",{className:"paddle-index-video-list-item-tag",style:{color:e.tagTextColor},children:[e.tagText," ",Object(A.jsx)(U.a,{component:V})]}),Object(A.jsx)("div",{className:"paddle-index-video-list-item-title",style:{color:e.titleColor},children:e.title})]})]})});return Object(A.jsx)($.a,{src:e.link,children:c})};var F=s.a.memo((e=>Object(A.jsx)(I.a,{gutter:20,className:"paddle-index-video-list",children:e.list.map((e=>Object(A.jsx)(R,{...e},`${e.title}${e.link}`)))})));var J=e=>Object(A.jsxs)(E.a,{className:"paddle-index-icon-text-list-item",href:e.link,target:e.target?"_blank":void 0,rel:e.target?"noopener noreferrer":void 0,children:[Object(A.jsx)("i",{className:"paddle-index-icon-text-list-item-icon",style:{backgroundImage:e.iconUrl?`url(${e.iconUrl})`:void 0}}),Object(A.jsx)("div",{className:"paddle-index-icon-text-list-item-title",children:e.title}),Object(A.jsxs)("div",{className:"paddle-index-icon-text-list-item-tag",children:[e.text," ",!!e.text&&Object(A.jsx)(r.a,{})," \xa0"]})]});var Q=s.a.memo((e=>Object(A.jsx)("div",{className:"paddle-index-icon-text-list",children:e.list.map((e=>Object(A.jsx)(J,{...e},`${e.title}${e.text}`)))})));var P=e=>{const[t,l]=Object(a.useState)(),s=Object(a.useRef)(null),{title:c,text:i,imageUrl:r,link:n,target:o,tagText:d,extraTagText:x}=e,u=Object(a.useCallback)((()=>{var e;if(null!==(e=s.current)&&void 0!==e&&e.parentElement){s.current.parentElement.offsetHeight<s.current.offsetHeight&&l(s.current.offsetHeight)}}),[]),j=Object(a.useCallback)((()=>{l(void 0)}),[]);return Object(A.jsx)(C.a,{className:"paddle-application-card-grid",onMouseEnter:u,onMouseLeave:j,xs:8,children:Object(A.jsx)("div",{className:"paddle-application-card",children:Object(A.jsxs)(E.a,{className:"paddle-application-card-full-link",href:n,target:o?"_blank":"",rel:o?"noopener noreferrer":void 0,children:[Object(A.jsx)("div",{className:"paddle-application-card-img",style:{backgroundImage:`url(${r})`},children:Object(A.jsx)("img",{alt:c,src:r})}),Object(A.jsxs)("div",{className:"paddle-application-card-contain",children:[Object(A.jsx)("div",{className:"paddle-application-card-title",children:c}),Object(A.jsx)("div",{className:"paddle-application-card-extra",children:!!x&&Object(A.jsx)("span",{className:"paddle-application-card-extra-tag",children:x})}),Object(A.jsx)("div",{className:"paddle-application-card-text",children:Object(A.jsx)(L.a,{className:"paddle-application-card-text-inner",style:{height:t},innerRef:s,delay:200,children:i})}),Object(A.jsx)("div",{className:"paddle-application-card-tag-group",children:Object(A.jsxs)("span",{className:"paddle-application-card-tag",children:[d," ",">"]})})]})]})})})};var B=s.a.memo((e=>{const t=e.className,l=e.list||[];return Object(A.jsx)("div",{className:y()("paddle-application-card-group-wrap",t),children:Object(A.jsx)("div",{className:"paddle-application-card-group",children:Object(A.jsx)(I.a,{children:l.map((e=>Object(A.jsx)(P,{...e},`${e.title},${e.text}`)))})})})}));var W=e=>{const t=e.xs||3;return Object(A.jsx)(C.a,{xs:t,className:"paddle-index-icon-text-card-item-grid",children:Object(A.jsxs)(E.a,{className:"paddle-index-icon-text-card-item",href:e.link,target:e.target?"_blank":void 0,rel:e.target?"noopener noreferrer":void 0,children:[Object(A.jsx)("i",{className:"paddle-index-icon-text-card-item-icon",style:{backgroundImage:e.iconUrl?`url(${e.iconUrl})`:void 0}}),Object(A.jsx)("div",{className:"paddle-index-icon-text-card-item-title",children:e.title}),Object(A.jsx)("div",{className:"paddle-index-icon-text-card-item-text",children:e.text})]})})};var X=s.a.memo((e=>{const t=e.list,l=Object(a.useMemo)((()=>{const e=t||[];return 4===e.length?6:3===e.length?8:2===e.length?12:1===e.length?24:8}),[t]);return Object(A.jsx)(I.a,{className:"paddle-index-icon-text-card",children:e.list.map((e=>Object(A.jsx)(W,{...e,xs:l},`${e.title}${e.text}`)))})})),Z=l(2141);var Y=e=>{var t;return Object(A.jsx)(C.a,{xs:8,className:"paddle-index-product-list-item-wrap",children:Object(A.jsx)(E.a,{href:e.link,target:e.target?"_blank":void 0,rel:e.target?"noopener noreferrer":void 0,children:Object(A.jsxs)("div",{className:"paddle-index-product-list-item",children:[Object(A.jsxs)("div",{className:"paddle-index-product-list-item-title",children:[e.title,null===(t=e.tags)||void 0===t?void 0:t.map((e=>Object(A.jsx)("span",{className:y()("paddle-index-product-list-item-tag",e.type?`paddle-index-product-list-item-tag-${e.type}`:void 0),style:{color:e.color,borderColor:e.color},children:e.text},`${e.text}${e.type}${e.color}`))),!!e.link&&Object(A.jsx)(Z.a,{})]}),Object(A.jsx)("div",{className:"paddle-index-product-list-item-text",children:e.text})]})})})};var ee=s.a.memo((e=>Object(A.jsx)("div",{className:"paddle-index-product-list",children:e.group.map((e=>Object(A.jsxs)("div",{className:"paddle-index-product-list-group",children:[Object(A.jsx)("div",{className:"paddle-index-product-list-group-title",children:Object(A.jsx)("span",{children:e.title})}),Object(A.jsx)("div",{className:"paddle-index-product-list-group-list",children:Object(A.jsx)(I.a,{children:e.list.map((e=>Object(A.jsx)(Y,{...e},`${e.title}${e.text}`)))})})]},e.title)))})));var te=s.a.memo((e=>Object(A.jsxs)("div",{className:"paddle-index-partner",children:[Object(A.jsx)("div",{className:"paddle-index-partner-left",children:e.textCard.map((e=>Object(A.jsxs)("div",{className:"paddle-index-partner-card",children:[Object(A.jsx)("div",{className:"paddle-index-partner-card-title",children:e.title}),Object(A.jsx)("div",{className:"paddle-index-partner-card-text",children:Object(A.jsx)(L.a,{title:e.text,children:e.text})})]},`${e.title}${e.text}`)))}),Object(A.jsx)("div",{className:"paddle-index-partner-list",children:Object(A.jsx)(I.a,{children:e.list.map((e=>Object(A.jsx)(C.a,{xs:8,className:"paddle-index-partner-item-wrap",children:Object(A.jsx)(E.a,{href:e.link,target:e.target?"_blank":void 0,rel:e.target?"noopener noreferrer":void 0,children:Object(A.jsx)("div",{className:"paddle-index-partner-item",children:Object(A.jsx)("div",{className:"paddle-index-partner-item-background",style:{backgroundImage:`url(${e.imgUrl})`}})})})},`${e.title}${e.imgUrl}${e.link}`)))})})]})));const le=s.a.lazy((()=>Promise.resolve().then(l.bind(null,949))));var ae=s.a.memo((e=>{const{carousel:t,list:l}=e,[s,c]=Object(a.useState)(!1);Object(a.useEffect)((()=>{const e=()=>{const e=document.querySelector(".paddle-news").offsetTop-document.documentElement.scrollTop;-295<e&&e<766?!s&&c(!0):s&&c(!1)};return e(),window.addEventListener("scroll",e),()=>{window.removeEventListener("scroll",e)}}),[s]);const[i,r]=Object(a.useState)(0);return Object(A.jsxs)(I.a,{className:"paddle-news",children:[Object(A.jsx)(C.a,{xs:12,className:"paddle-news-carousel-wrap",children:Object(A.jsx)(a.Suspense,{fallback:Object(A.jsx)("div",{children:"Loading..."}),children:s&&Object(A.jsx)(le,{className:"paddle-news-carousel",autoplay:s,autoplaySpeed:4e3,slickGoTo:i,afterChange:e=>{r(e+1)},children:t.map((e=>{var t;return Object(A.jsxs)("div",{children:[Object(A.jsx)("div",{className:"paddle-news-carousel-background",style:{backgroundImage:e.backgroundImage?`url(${e.backgroundImage})`:void 0}}),Object(A.jsx)(E.a,{href:e.link,target:e.target?"_blank":void 0,rel:e.target?"noopener noreferrer":void 0,children:Object(A.jsx)("div",{className:"paddle-news-carousel-content",children:Object(A.jsxs)("div",{className:"paddle-news-carousel-info",style:{color:e.color?e.color:void 0},children:[Object(A.jsx)("div",{className:"paddle-news-carousel-time",dangerouslySetInnerHTML:{__html:e.timeText||""}}),Object(A.jsx)("div",{className:"paddle-news-carousel-title",style:{fontSize:e.titleSize},dangerouslySetInnerHTML:{__html:e.title||""}}),Object(A.jsx)("div",{className:"paddle-news-carousel-btns",children:null===(t=e.btns)||void 0===t?void 0:t.map((e=>Object(A.jsx)(E.a,{href:e.link,target:e.target,children:Object(A.jsx)(v.a,{className:"paddle-news-carousel-btn",children:e.title})},`${e.title}${e.link}`)))})]})})})]},`${e.title}${e.timeText}${e.link}`)}))})})}),Object(A.jsx)(C.a,{xs:12,className:"paddle-news-news-wrap",children:Object(A.jsx)("div",{className:"paddle-news-news-inner",children:l.map((e=>Object(A.jsx)("div",{className:"paddle-news-news-item",children:Object(A.jsxs)(E.a,{href:e.link,target:e.target?"_blank":void 0,rel:e.target?"noopener noreferrer":void 0,children:[Object(A.jsx)("div",{className:"paddle-news-news-item-time",children:e.timeText}),Object(A.jsx)("div",{className:"paddle-news-news-item-title",style:{fontSize:e.titleSize},children:e.title})]})},`${e.title}${e.timeText}${e.link}`)))})})]})})),se=l(436);var ce=()=>{const{operatorGird:e,iconTextList:t,quickInstall:l,pictureTextCard:a,productList:c,news:i,iconTextCard:x,videoList:u,partner:j,quickStartHooks:p}=O();return Object(A.jsxs)("div",{className:"page paddle-index-page",children:[Object(A.jsx)(n.a,{}),Object(A.jsx)(d.a,{title:"\u6e90\u4e8e\u4ea7\u4e1a\u5b9e\u8df5\u7684\u5f00\u6e90\u6df1\u5ea6\u5b66\u4e60\u5e73\u53f0",subtitle:"\u98de\u6868\u81f4\u529b\u4e8e\u8ba9\u6df1\u5ea6\u5b66\u4e60\u6280\u672f\u7684\u521b\u65b0\u4e0e\u5e94\u7528\u66f4\u7b80\u5355"}),Object(A.jsxs)("div",{className:"paddle-index-content",children:[Object(A.jsx)(z,{...e}),Object(A.jsxs)("div",{className:"clear-both",children:[!!t&&Object(A.jsxs)("div",{className:"paddle-index-right",children:[Object(A.jsx)("div",{className:"paddle-index-context-min-h2",children:t.title}),!!t.subtitle&&Object(A.jsx)("div",{className:"paddle-index-context-min-h4",dangerouslySetInnerHTML:{__html:t.subtitle||""}}),Object(A.jsx)(Q,{...t})]}),!!l&&Object(A.jsxs)("div",{className:"paddle-index-left",children:[Object(A.jsx)("div",{className:"paddle-index-context-min-h2",children:l.title}),!!l.subtitle&&Object(A.jsx)("div",{className:"paddle-index-context-min-h4",dangerouslySetInnerHTML:{__html:l.subtitle||""}}),Object(A.jsx)(T,{trackeventOptLabel:"\u9996\u9875",...p})]})]}),!!a&&Object(A.jsxs)(s.a.Fragment,{children:[Object(A.jsxs)("div",{className:"paddle-index-context-wrap",children:[Object(A.jsx)("div",{className:"paddle-context-h2",children:a.title}),!!a.subtitle&&Object(A.jsx)("div",{className:"paddle-context-h3",dangerouslySetInnerHTML:{__html:a.subtitle||""}}),!!a.checkAll&&a.checkAll.text&&Object(A.jsx)("div",{className:"paddle-index-context-link-more",children:Object(A.jsxs)(E.a,{href:a.checkAll.link,target:a.checkAll.target?"_blank":void 0,children:[a.checkAll.text," ",Object(A.jsx)(r.a,{})]})})]}),Object(A.jsx)(B,{...a})]})]}),!!c&&Object(A.jsx)("div",{className:"paddle-index-product-list-wrap",children:Object(A.jsxs)("div",{className:"paddle-index-content",children:[Object(A.jsxs)("div",{className:"paddle-index-context-wrap",children:[Object(A.jsx)("div",{className:"paddle-context-h2",children:c.title}),!!c.subtitle&&Object(A.jsx)("div",{className:"paddle-context-h3",dangerouslySetInnerHTML:{__html:c.subtitle||""}}),!!c.checkAll&&c.checkAll.text&&Object(A.jsx)("div",{className:"paddle-index-context-link-more",children:Object(A.jsxs)(E.a,{href:c.checkAll.link,target:c.checkAll.target?"_blank":void 0,children:[c.checkAll.text," ",Object(A.jsx)(r.a,{})]})})]}),Object(A.jsx)(ee,{...c})]})}),Object(A.jsxs)("div",{className:"paddle-index-content",children:[!!i&&Object(A.jsxs)(s.a.Fragment,{children:[Object(A.jsxs)("div",{className:"paddle-index-context-wrap",children:[Object(A.jsx)("div",{className:"paddle-context-h2",children:i.title}),!!i.subtitle&&Object(A.jsx)("div",{className:"paddle-context-h3",dangerouslySetInnerHTML:{__html:i.subtitle||""}}),!!i.checkAll&&i.checkAll.text&&Object(A.jsx)("div",{className:"paddle-index-context-link-more",children:Object(A.jsxs)(E.a,{href:i.checkAll.link,target:i.checkAll.target?"_blank":void 0,children:[i.checkAll.text," ",Object(A.jsx)(r.a,{})]})})]}),Object(A.jsx)(ae,{...i})]}),!!x&&Object(A.jsxs)(A.Fragment,{children:[Object(A.jsxs)("div",{className:"paddle-index-context-wrap",children:[Object(A.jsx)("div",{className:"paddle-context-h2",children:x.title}),!!x.subtitle&&Object(A.jsx)("div",{className:"paddle-context-h3",dangerouslySetInnerHTML:{__html:x.subtitle||""}})]}),Object(A.jsx)(X,{...x})]}),!!u&&Object(A.jsxs)(A.Fragment,{children:[Object(A.jsx)("div",{className:"paddle-context-h2",children:u.title}),!!u.subtitle&&Object(A.jsx)("div",{className:"paddle-context-h3",dangerouslySetInnerHTML:{__html:u.subtitle||""}}),Object(A.jsx)(F,{...u})]}),!!j&&Object(A.jsxs)(A.Fragment,{children:[Object(A.jsxs)("div",{className:"paddle-index-context-wrap",children:[Object(A.jsx)("div",{className:"paddle-context-h2",children:j.title}),!!j.subtitle&&Object(A.jsx)("div",{className:"paddle-context-h3",dangerouslySetInnerHTML:{__html:j.subtitle||""}}),!!j.checkAll&&j.checkAll.text&&Object(A.jsx)("div",{className:"paddle-index-context-link-more",children:Object(A.jsxs)(E.a,{href:j.checkAll.link,target:j.checkAll.target?"_blank":void 0,children:[j.checkAll.text," ",Object(A.jsx)(r.a,{})]})})]}),Object(A.jsx)(te,{...j})]})]}),Object(A.jsx)(se.a,{}),Object(A.jsx)(o.a,{})]})};l(1469);i.a.render(Object(A.jsx)(ce,{}),document.getElementById("root"))},949:function(e,t,l){"use strict";l.r(t);l(170);var a=l(103),s=l(1),c=l.n(s),i=l(5),r=l.n(i),n=l(0);const o=c.a.memo(c.a.forwardRef(((e,t)=>{const l=Object(s.useRef)(null);Object(s.useImperativeHandle)(t,(()=>l.current));const c=Object(s.useCallback)((e=>{l.current&&l.current.goTo(e,!1)}),[]),i=Object(s.useCallback)((e=>Object(n.jsx)("div",{onMouseEnter:()=>c(e),className:"test",children:Object(n.jsx)("button",{children:e})})),[c]);return Object(s.useEffect)((()=>{l.current&&e.slickGoTo&&l.current.goTo(e.slickGoTo,!1)}),[e.slickGoTo]),Object(n.jsx)(a.a,{ref:l,customPaging:i,pauseOnDotsHover:!0,...e,className:r()(e.className,"paddle-carousel")})})));t.default=o}},[[2052,1,0]]]);
//# sourceMappingURL=index.f6c3f92a.chunk.js.map