diff --git a/docs/main.js b/docs/main.js
index 44d47bd..7ebf1d0 100644
--- a/docs/main.js
+++ b/docs/main.js
@@ -1 +1 @@
-!function(){var e,t,n,r={23509:function(e,t,n){"use strict";var r=n(67294),i=n(20745),a=n(79655),o=n(29439),s=n(85893),c=r.createContext({locale:"en-us",setLocale:function(){},headHeight:0,setHeadHeight:function(){},menuWidth:0,setMenuWidth:function(){},scrollTop:0,setScrollTop:function(){},scrollContentRef:r.createRef(),setScrollContentRef:function(){}}),l=r.createRef(),u=function(e){var t=localStorage.getItem("language")||"en-us",n=(0,r.useState)(t),i=(0,o.Z)(n,2),a=i[0],u=i[1],d=(0,r.useState)(0),m=(0,o.Z)(d,2),f=m[0],g=m[1],p=(0,r.useState)(0),h=(0,o.Z)(p,2),v=h[0],x=h[1],y=(0,r.useState)(0),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;j(e),l.current&&l.current.scrollTop!==e&&(l.current.scrollTop=e)}),[]);return(0,s.jsx)(c.Provider,{value:{locale:a,headHeight:f,menuWidth:v,scrollTop:w,setLocale:function(e){var t=/^zh\b/.test(e.toLocaleLowerCase())?"zh-cn":"en-us";u(t),localStorage.setItem("language",t)},setHeadHeight:g,setMenuWidth:x,setScrollTop:b,scrollContentRef:l,setScrollContentRef:function(e){e&&(l=e)}},children:e.children})},d=function(){return(0,r.useContext)(c)},m=n(89250),f=n(49089);var g={init:function(){f.ZP.initialize("G-N0W492NWD6")},sendEvent:function(e){f.ZP.event(e)},sendPageview:function(e){f.ZP.send({hitType:"pageview",page:e})}};var p=n(86896),h=n(52758),v=n(13242),x=n(812),y=n(73218),A=function(e){var t=(0,r.useRef)({screenLeft:window.screenLeft,screenTop:window.screenTop}),n=(0,r.useRef)(0),i=function r(){if(t.current){var i=t.current,a=i.screenLeft,o=i.screenTop;if(a!==window.screenLeft||o!==window.screenTop){var s={screenLeft:window.screenLeft,screenTop:window.screenTop};t.current=s,e(s)}}n.current=window.requestAnimationFrame(r)};return(0,r.useEffect)((function(){return n.current=window.requestAnimationFrame(i),function(){n.current&&window.cancelAnimationFrame(n.current)}}),[]),t.current},w=window.location.host.includes("localhost")||window.location.host.includes("127.0.0.1"),j=function(e,t,n,i,a){var s=(0,r.useRef)(Math.random().toString(36).substring(2)),c=(0,r.useState)(null),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useRef)(""),f=(0,r.useRef)(!1),g=(0,r.useRef)(0),p=(0,r.useRef)(0),h=function(){var e=0,t=0;if(null!=a&&a.current){var n=a.current.getBoundingClientRect(),r=n.top,i=n.left,o=n.width,c=n.height;e=i+window.screenLeft+o/2,t=r+window.screenTop+c/2}else e=window.innerWidth/2+window.screenLeft,t=window.innerHeight/2+window.screenTop;return{pageId:s.current,x:e,y:t}},v=(0,r.useCallback)((function(){var e=h(),t=window.localStorage.getItem(n);if(t){var r=JSON.parse(t);if(r&&r.length>0){var i=JSON.parse(t).filter((function(e){return e.pageId!==s.current}));i.unshift(e),window.localStorage.setItem(n,JSON.stringify(i))}else window.localStorage.setItem(n,JSON.stringify([e]))}else window.localStorage.setItem(n,JSON.stringify([e]))}),[]),x=(0,r.useCallback)((function(){var e=window.localStorage.getItem(n);if(e){var t=JSON.parse(e);if(t&&t.length>0){var r=JSON.parse(e).filter((function(e){return e.pageId===m.current}));window.localStorage.setItem(n,JSON.stringify(r))}}}),[]),y=(0,r.useCallback)((function(){if(e&&f.current){var n=document.getElementById(e);if(n){var r,i=h();null===(r=n.contentWindow)||void 0===r||r.postMessage(JSON.stringify(i),t)}}}),[]),j=(0,r.useCallback)((function(){if(e&&f.current){var n=document.getElementById(e);if(n){var r;g.current=0;var a={pageId:s.current,keepAlive:!0,timestamp:(new Date).getTime()};null===(r=n.contentWindow)||void 0===r||r.postMessage(JSON.stringify(a),t),p.current||(p.current=window.setTimeout((function(){p.current=0,window.localStorage.removeItem(i),m.current="",d(null)}),1500))}}}),[]),b=function(e){if(e){var t=JSON.parse(e);if(t&&t.length>0){for(var n=!1,r=0,i=t.length;r<i;r++){var a=t[r];if(a.pageId!==s.current){m.current=a.pageId,d(a),n=!0;break}}n||(m.current="",d(null))}else m.current="",d(null)}else m.current="",d(null)},_=function(e){if(e){var t=JSON.parse(e);t?(m.current=t.pageId,d(t)):(m.current="",d(null))}else m.current="",d(null)},D=(0,r.useCallback)((function(e){e.origin===t&&(e.data?e.data.includes("keepAlive")?window.localStorage.setItem("keepAliveInfo",e.data):window.localStorage.setItem(i,e.data):(window.localStorage.setItem("keepAliveInfo",""),window.localStorage.setItem(i,"")))}),[]),M=(0,r.useCallback)((function(e){if(e.key===n)b(e.newValue);else if("keepAliveInfo"===e.key){if(e.newValue){var t=JSON.parse(e.newValue);if(m.current)t&&t.pageId===m.current&&p.current&&(window.clearTimeout(p.current),p.current=0);else{p.current&&(window.clearTimeout(p.current),p.current=0);var r={pageId:t.pageId,x:0,y:0};m.current=t.pageId,d(r)}}}else e.key===i&&_(e.newValue)}),[]),k=(0,r.useCallback)((function(){if(window.self===window.top)if(w){y();var e=window.localStorage.getItem(i);_(e)}else{v();var t=window.localStorage.getItem(n);b(t)}}),[]);return A(k),(0,r.useEffect)((function(){if(window.self===window.top)if(w){if(e&&null!=a&&a.current){var n=document.createElement("iframe");n.id=e,n.style.visibility="hidden",n.onload=function(){f.current=!0,k(),window.addEventListener("storage",M),window.addEventListener("resize",k),g.current=window.setInterval((function(){j()}),600)},n.src=t,a.current.appendChild(n)}}else k(),window.addEventListener("storage",M),window.addEventListener("resize",k),window.addEventListener("beforeunload",x);else w&&window.addEventListener("message",D,!1);return function(){window.self===window.top?(window.removeEventListener("storage",M),window.removeEventListener("resize",k),g.current&&window.clearInterval(g.current),p.current&&window.clearTimeout(p.current),w||x()):w&&window.removeEventListener("message",D)}}),[]),{interactPageInfo:u,resendMessage:k}},b=["#F2BB00","#16BA79","#2454E6","#5470c6","#ea7ccc","#91cc75","#ee6666","#73c0de","#3ba272","#9a60b4"],_="bIframe",D="http://localhost:3003",M="InteractionEyes_container__nC6-d",k="InteractionEyes_eye__zDx2I",N="InteractionEyes_heart__G9lnP",E="InteractionEyes_eyeball__hK-+b",C=function(){var e=d().locale,t=(0,r.useRef)(null),n=j(_,D,"selfPageInfoList","bPageInfo",t),i=n.interactPageInfo,a=n.resendMessage;(0,r.useEffect)((function(){a()}),[e]);var o=(0,r.useMemo)((function(){if(t.current&&i){var e=i.x,n=i.y,r=t.current.getBoundingClientRect(),a=r.top,o=r.left,s=r.width,c=r.height,l=o+window.screenLeft+s/2,u=a+window.screenTop+c/2,d=Math.hypot(e-l,n-u);return d>28?{eyeballLeft:9*(e-l)/d,eyeballTop:9*(n-u)/d}:{eyeballLeft:0,eyeballTop:0}}return null}),[i]);return(0,s.jsx)("div",{className:M,ref:t,children:o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:k,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:N}):(0,s.jsx)("div",{className:E,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})}),(0,s.jsx)("div",{className:k,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:N}):(0,s.jsx)("div",{className:E,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})})]})})},S=n.p+"images/235f02ed.jpeg",P=n(4942);function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(e){return(0,s.jsx)("svg",I(I({width:"1em",height:"1em",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsxs)("g",{fill:"#11142D",fillRule:"nonzero",children:[(0,s.jsx)("path",{d:"M2.324 2.323h15.12v15.12H2.324V2.323ZM1.711.999a.71.71 0 0 0-.711.71v16.347c0 .393.318.71.71.71h16.348a.71.71 0 0 0 .71-.71V1.71a.71.71 0 0 0-.71-.71H1.71Z"}),(0,s.jsx)("path",{d:"M10.097 13.383V12.36h-4.63V9.863h4.18V8.84h-4.18V6.552H9.91V5.529H4.267v7.854h5.83Zm2.277 0V9.962c.044-.462.21-.825.473-1.09.242-.241.54-.351.87-.351.88 0 1.33.484 1.33 1.452v3.41h1.166v-3.51c0-1.561-.715-2.331-2.123-2.331a1.98 1.98 0 0 0-.957.22 2.183 2.183 0 0 0-.759.638v-.704h-1.166v5.687h1.166Z"})]})}))};function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=function(e){return(0,s.jsx)("svg",F(F({width:"1em",height:"1em",viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsxs)("g",{fill:"#11142D",fillRule:"nonzero",children:[(0,s.jsx)("path",{d:"M2.44 2.323h15.12v15.12H2.44V2.323ZM1.827.999a.71.71 0 0 0-.711.71v16.347c0 .393.318.71.71.71h16.347a.71.71 0 0 0 .711-.71V1.71a.71.71 0 0 0-.71-.71H1.826Z"}),(0,s.jsx)("path",{d:"M10.539 14.593v-3.685h2.87v.627h1.046V6.222h-3.916V4.319H9.46v1.903H5.556v5.313H6.6v-.627h2.86v3.685h1.078ZM9.46 9.885H6.6v-2.64h2.86v2.64Zm3.949 0h-2.871v-2.64h2.87v2.64Z"})]})}))},Z="Header_container__4tC+Z",G="Header_left__7u7-T",Q="Header_title__T9B5R",L="Header_right__qQAPq",z="Header_btn__osEo4",H="Header_rewardModal__LMM8K",V="Header_closeBtn__p4OnE",U=window.location.host.includes("localhost")||window.location.host.includes("127.0.0.1"),W=function(){var e=(0,p.Z)(),t=d(),n=t.locale,i=t.setLocale,a=t.setHeadHeight,c=(0,r.useRef)(null),l=(0,r.useState)(!1),u=(0,o.Z)(l,2),m=u[0],f=u[1];return(0,r.useEffect)((function(){if(c.current){var e=c.current.getBoundingClientRect().height;a(e)}}),[]),(0,s.jsxs)("div",{className:Z,ref:c,children:[(0,s.jsxs)("div",{className:G,children:[(0,s.jsx)("div",{className:Q,onClick:function(){if(U){var e,t=document.getElementById(_);if(t)null===(e=t.contentWindow)||void 0===e||e.postMessage("autoSavePassword",D);window.open(D,"_blank","top=200,left=100")}else window.open("https://hepengwei.cn","_blank","top=200,left=100")},children:e.formatMessage({id:"common.logoName"})}),(0,s.jsx)(C,{})]}),(0,s.jsxs)("div",{className:L,children:[(0,s.jsx)(h.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.reward"}),children:(0,s.jsx)("div",{className:z,onClick:function(){f(!0)},children:(0,s.jsx)(x.Z,{})})}),(0,s.jsx)(h.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.LanguageSwitch"}),children:(0,s.jsx)("div",{className:z,onClick:function(){i("zh-cn"===n?"en-us":"zh-cn")},children:"zh-cn"===n?(0,s.jsx)(O,{}):(0,s.jsx)(T,{})})})]}),(0,s.jsxs)(v.Z,{wrapClassName:H,title:e.formatMessage({id:"common.reward"}),open:m,footer:null,maskClosable:!1,width:320,children:[(0,s.jsx)("div",{className:V,onClick:function(){f(!1)},children:(0,s.jsx)(y.Z,{})}),(0,s.jsx)("img",{src:S,alt:""}),(0,s.jsx)("p",{children:e.formatMessage({id:"common.reward.tip"})})]})]})},Y=n(73935),J=n(7278),q=n(93483),K=n(29934),X=n(3682),$=n(50161),ee=n(90894),te=n(53587),ne=n(22608),re=n(1351),ie=n(76629),ae=n(85191),oe=n(71577),se=n(24847),ce="Menus_container__dz5ma",le="Menus_topBox__EoJUd",ue="Menus_top__a7CPT",de="Menus_menuLabel__eOdiw",me="Menus_bottom__dStLR";function fe(e,t,n,r,i){return{key:t,icon:n,children:r,label:(0,s.jsx)("p",{className:de,children:e}),type:i}}var ge=function(){var e=(0,p.Z)(),t=(0,m.s0)(),n=(0,m.TH)(),i=(0,r.useState)(!1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=d().setMenuWidth,f=(0,r.useRef)(null),g=[fe(e.formatMessage({id:"menu.htmlVision"}),"html",(0,s.jsx)(J.Z,{}),[fe(e.formatMessage({id:"menu.htmlVision.visualDesign"}),"visualDesign"),fe(e.formatMessage({id:"menu.htmlVision.interactiveDesign"}),"interactiveDesign"),fe(e.formatMessage({id:"menu.htmlVision.backgroundPattern"}),"backgroundEffect"),fe(e.formatMessage({id:"menu.htmlVision.complexLayout"}),"complexLayout"),fe(e.formatMessage({id:"menu.htmlVision.applicationPageFrame"}),"appPageFrame"),fe(e.formatMessage({id:"menu.htmlVision.utilitarianFunction"}),"utilitarianFunction")]),fe(e.formatMessage({id:"menu.cssDynamicEffect"}),"css",(0,s.jsx)(q.Z,{}),[fe(e.formatMessage({id:"menu.cssDynamicEffect.dynamicEffectButton"}),"dynamicButtons"),fe(e.formatMessage({id:"menu.cssDynamicEffect.richDynamicEffect"}),"richDynamicEffect"),fe(e.formatMessage({id:"menu.cssDynamicEffect.generateRegularPolygon"}),"generateRegularPolygon")]),fe(e.formatMessage({id:"menu.canvasDynamicEffect"}),"canvas",(0,s.jsx)(K.Z,{}),[fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionExample"}),"sphereCollisionExample"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicClock"}),"dynamicClock"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.searchlightEffect"}),"searchlight"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionInteraction"}),"globuleInteraction"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.destroyThePlanetGame"}),"killPlanetGame"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereFreeFallInteraction"}),"freeFallingBody"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.coolCountdownAnimation"}),"countDown"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicParticleBackground"}),"particlesBg"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.rippleEffect"}),"rippleFloatOnTheWater"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.flowerBloomingAnimation"}),"flowerBloom"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.codeBackgroundWall"}),"codeBgWall"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.wordDance"}),"wordDance"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.scratch"}),"scratch"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.matchLine"}),"matchLine")]),fe(e.formatMessage({id:"menu.echartsInteraction"}),"echarts",(0,s.jsx)(X.Z,{}),[fe(e.formatMessage({id:"menu.echartsInteraction.barCharts"}),"bar"),fe(e.formatMessage({id:"menu.echartsInteraction.pieCharts"}),"pie"),fe(e.formatMessage({id:"menu.echartsInteraction.treeCharts"}),"tree")]),fe(e.formatMessage({id:"menu.threeJs3D"}),"threejs",(0,s.jsx)($.Z,{}),[fe(e.formatMessage({id:"menu.threeJs3D.appPageFrame"}),"threejsAppPageFrame"),fe(e.formatMessage({id:"menu.threeJs3D.carShow"}),"carShow"),fe(e.formatMessage({id:"menu.threeJs3D.rubiksCube"}),"rubiksCube"),fe(e.formatMessage({id:"menu.threeJs3D.throwDice"}),"throwDice"),fe(e.formatMessage({id:"menu.threeJs3D.mapDisplay"}),"mapDisplay"),fe(e.formatMessage({id:"menu.threeJs3D.earthDisplay"}),"earthDisplay")]),fe(e.formatMessage({id:"menu.AIApplication"}),"AIApplication",(0,s.jsx)(ee.Z,{}),[fe(e.formatMessage({id:"menu.AIApplication.humanPostureDetection"}),"humanPostureDetection"),fe(e.formatMessage({id:"menu.AIApplication.notBlockPeopleBarrage"}),"notBlockPeopleBarrage")]),fe(e.formatMessage({id:"menu.imageProcessingTool"}),"imageProcessingTool",(0,s.jsx)(te.Z,{})),fe(e.formatMessage({id:"menu.videoProcessingTool"}),"videoProcessingTool",(0,s.jsx)(ne.Z,{}))],h=(0,r.useCallback)((0,ae.Z)((function(){var e=Y.findDOMNode(f.current);e&&u(e.clientWidth)}),{wait:360}).run,[]),v=(0,r.useMemo)((function(){var e=n.pathname,t=[];if(e){var r=e.split("/"),i=r[r.length-1];i&&t.push(i)}return t}),[n]),x=(0,r.useMemo)((function(){var e=n.pathname;if(e){var t=e.split("/");if(t.length>=2&&t[1])return[t[1]]}return["html"]}),[n]);return(0,r.useEffect)((function(){h()}),[c]),(0,r.useEffect)((function(){return window.addEventListener("resize",h),function(){window.removeEventListener("resize",h)}}),[]),(0,s.jsxs)("div",{className:ce,ref:f,children:[(0,s.jsxs)("div",{className:le,children:[(0,s.jsx)("div",{className:ue,children:(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){l(!c)},style:{marginBottom:16},children:c?(0,s.jsx)(re.Z,{}):(0,s.jsx)(ie.Z,{})})}),(0,s.jsx)(se.Z,{defaultOpenKeys:x,selectedKeys:v,mode:"inline",theme:"dark",inlineCollapsed:c,items:g,onClick:function(e){var n=e.keyPath.reduce((function(e,t){return e="/".concat(t).concat(e)}),"");t(n)}})]}),(0,s.jsx)("div",{className:me,children:!c&&(0,s.jsx)("span",{children:e.formatMessage({id:"common.keepUpdating"})})})]})},pe="Home_container__RMLhs",he="Home_container_body__-OVNZ",ve="Home_container_content__q7A-W",xe=function(){(function(){var e=(0,m.TH)();r.useEffect((function(){g.init()}),[]),r.useEffect((function(){var t=e.pathname+e.search;g.sendPageview(t)}),[e])})();var e=d(),t=e.setScrollTop,n=e.setScrollContentRef,i=(0,m.V$)(cb),a=(0,m.TH)(),o=(0,m.s0)(),c=(0,r.useRef)(null);return(0,r.useEffect)((function(){var e=a.pathname;e&&"/"!==e||o("/html/visualDesign")}),[a]),(0,r.useEffect)((function(){n(c)}),[]),(0,s.jsxs)("div",{className:pe,children:[(0,s.jsx)(W,{}),(0,s.jsxs)("div",{className:he,children:[(0,s.jsx)(ge,{}),(0,s.jsx)("div",{className:ve,onScroll:function(){var e;t(null===(e=c.current)||void 0===e?void 0:e.scrollTop)},ref:c,children:i})]})]})},ye=n(94184),Ae=n.n(ye),we={container:"GridContent_container__NO4Vk","gt2000-10":"GridContent_gt2000-10__RE2uy",content:"GridContent_content__69gKN","gt2000-9":"GridContent_gt2000-9__VwNg6","gt2000-8":"GridContent_gt2000-8__aZHuR","gt2000-7":"GridContent_gt2000-7__4aOmt","gt2000-6":"GridContent_gt2000-6__MehF3","gt2000-5":"GridContent_gt2000-5__omS8h","gt2000-4":"GridContent_gt2000-4__0cmEO","gt2000-3":"GridContent_gt2000-3__80YFg","gt2000-2":"GridContent_gt2000-2__hUksd","gt2000-1":"GridContent_gt2000-1__JdP9G","eq1700_2000-10":"GridContent_eq1700_2000-10__v-j8J","eq1700_2000-9":"GridContent_eq1700_2000-9__bxTIf","eq1700_2000-8":"GridContent_eq1700_2000-8__1e7ek","eq1700_2000-7":"GridContent_eq1700_2000-7__1mKDg","eq1700_2000-6":"GridContent_eq1700_2000-6__8I1De","eq1700_2000-5":"GridContent_eq1700_2000-5__aZuE+","eq1700_2000-4":"GridContent_eq1700_2000-4__2XNj+","eq1700_2000-3":"GridContent_eq1700_2000-3__Xd2vl","eq1700_2000-2":"GridContent_eq1700_2000-2__eoPvO","eq1700_2000-1":"GridContent_eq1700_2000-1__RvrMQ","eq1400_1700-10":"GridContent_eq1400_1700-10__XQV+M","eq1400_1700-9":"GridContent_eq1400_1700-9__uLvev","eq1400_1700-8":"GridContent_eq1400_1700-8__Rw4q0","eq1400_1700-7":"GridContent_eq1400_1700-7__EoYy7","eq1400_1700-6":"GridContent_eq1400_1700-6__Avlp5","eq1400_1700-5":"GridContent_eq1400_1700-5__yFmoN","eq1400_1700-4":"GridContent_eq1400_1700-4__jEXj+","eq1400_1700-3":"GridContent_eq1400_1700-3__r3QBa","eq1400_1700-2":"GridContent_eq1400_1700-2__ayZbL","eq1400_1700-1":"GridContent_eq1400_1700-1__26hdp","eq1200_1400-10":"GridContent_eq1200_1400-10__OBpag","eq1200_1400-9":"GridContent_eq1200_1400-9__9dEMp","eq1200_1400-8":"GridContent_eq1200_1400-8__d5kk8","eq1200_1400-7":"GridContent_eq1200_1400-7__qwN-x","eq1200_1400-6":"GridContent_eq1200_1400-6__ol1NV","eq1200_1400-5":"GridContent_eq1200_1400-5__B5RI8","eq1200_1400-4":"GridContent_eq1200_1400-4__+SHwZ","eq1200_1400-3":"GridContent_eq1200_1400-3__pjJ9a","eq1200_1400-2":"GridContent_eq1200_1400-2__xdmba","eq1200_1400-1":"GridContent_eq1200_1400-1__6n2l7","eq500_1200-10":"GridContent_eq500_1200-10__EhvGm","eq500_1200-9":"GridContent_eq500_1200-9__Yvosl","eq500_1200-8":"GridContent_eq500_1200-8__Hs4PY","eq500_1200-7":"GridContent_eq500_1200-7__p1yUT","eq500_1200-6":"GridContent_eq500_1200-6__N0+SP","eq500_1200-5":"GridContent_eq500_1200-5__73c-5","eq500_1200-4":"GridContent_eq500_1200-4__SwI71","eq500_1200-3":"GridContent_eq500_1200-3__+b39n","eq500_1200-2":"GridContent_eq500_1200-2__RowGZ","eq500_1200-1":"GridContent_eq500_1200-1__dK0BP","lt500-10":"GridContent_lt500-10__KVc6r","lt500-9":"GridContent_lt500-9__EdDXq","lt500-8":"GridContent_lt500-8__wqwWv","lt500-7":"GridContent_lt500-7__GiMWq","lt500-6":"GridContent_lt500-6__sHgte","lt500-5":"GridContent_lt500-5__WBqou","lt500-4":"GridContent_lt500-4__ucReZ","lt500-3":"GridContent_lt500-3__Ax3Zt","lt500-2":"GridContent_lt500-2__+Pq9U","lt500-1":"GridContent_lt500-1__T7m7X"},je=function(e){var t,n=e.differentScreenCols,i=e.rowSpace,a=void 0===i?0:i,o=e.colSpace,c=void 0===o?0:o,l=e.className,u=void 0===l?"":l,d=e.children,m=n.map((function(e,t){return e?parseInt(e.toString()).toString():t<=4?"1":""}));return(0,s.jsx)("div",{className:Ae()((t={},(0,P.Z)(t,we.container,!0),(0,P.Z)(t,we["gt2000-".concat(m[0])],!0),(0,P.Z)(t,we["eq1700_2000-".concat(m[1])],!0),(0,P.Z)(t,we["eq1400_1700-".concat(m[2])],!0),(0,P.Z)(t,we["eq1200_1400-".concat(m[3])],!0),(0,P.Z)(t,we["eq500_1200-".concat(m[4])],!0),(0,P.Z)(t,we["lt500-".concat(m[5])],!!m[5]),t)),children:(0,s.jsx)("div",{className:"".concat(we.content," ").concat(u),style:{width:"calc(100% + ".concat(c,"px)"),marginLeft:"".concat(-c/2,"px"),marginRight:"".concat(-c/2,"px")},children:"[object Array]"===Object.prototype.toString.call(d)?d.map((function(e){return r.cloneElement(e,{rowSpace:a,colSpace:c})})):d||null})})};je.GridBox=function(e){var t=e.key,n=e.className,r=e.rowSpace,i=void 0===r?0:r,a=e.colSpace,o=void 0===a?0:a,c=e.children;return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",padding:"".concat(i/2,"px ").concat(o/2,"px")},className:n,children:c},t)};var be=je,_e="GlassMimicry1_container__3KhAO",De="GlassMimicry1_card__WwxgS",Me="GlassMimicry1_circle__DoolB",ke="GlassMimicry1_rect__Or-6t",Ne=function(){return(0,s.jsxs)("div",{className:_e,children:[(0,s.jsxs)("div",{className:De,children:[(0,s.jsx)("h1",{children:"TiKi Platinum"}),(0,s.jsx)("h2",{children:"6228 8076 2232 8768"}),(0,s.jsx)("h3",{children:"van conf banck"}),(0,s.jsx)("h4",{children:"03 / 29"})]}),(0,s.jsx)("div",{className:Me}),(0,s.jsx)("div",{className:ke})]})},Ee="GlassMimicry2_container__S445M",Ce="GlassMimicry2_card__3l4Ng",Se="GlassMimicry2_circle__VaL67",Pe="GlassMimicry2_rect__qdTWE",Be=function(){return(0,s.jsxs)("div",{className:Ee,children:[(0,s.jsxs)("div",{className:Ce,children:[(0,s.jsx)("h1",{children:"TiKi Platinum"}),(0,s.jsx)("h2",{children:"6228 8076 2232 8768"}),(0,s.jsx)("h3",{children:"van conf banck"}),(0,s.jsx)("h4",{children:"09 / 24"})]}),(0,s.jsx)("div",{className:Se}),(0,s.jsx)("div",{className:Pe})]})},Ie="MixBlendMode_container__Fh1Tw",Te="MixBlendMode_content__0uwYQ",Re=function(){return(0,s.jsx)("div",{className:Ie,children:(0,s.jsx)("div",{className:Te})})},Fe=function(e,t){var n=e.finalText,i=void 0===n?"":n,a=e.textList,c=void 0===a?[]:a,l=e.switchingInterval,u=void 0===l?60:l,d=e.duration,m=void 0===d?1500:d,f=e.className,g=void 0===f?"":f,p=(0,r.useRef)(c.length>0?0:-1),h=(0,r.useState)(-1===p.current?i:c[p.current]||""),v=(0,o.Z)(h,2),x=v[0],y=v[1],A=(0,r.useRef)(0),w=(0,r.useRef)(0),j=(0,r.useRef)(0),b=(0,r.useCallback)((function(){var e=(new Date).getTime();if(e-w.current>=m)y(i),p.current=-1,j.current=e;else if(e-j.current>=u){var t=-1===p.current?0:p.current+1;t>=c.length&&(t=0),y(c[t]),p.current=t,j.current=e}A.current=requestAnimationFrame(b)}),[m]),_=(0,r.useCallback)((function(){var e=(new Date).getTime();w.current=e,j.current=e,A.current=requestAnimationFrame(b)}),[]),D=function(){A.current&&cancelAnimationFrame(A.current),p.current=0,y(c[0]),_()};return(0,r.useImperativeHandle)(t,(function(){return{restart:D}})),(0,r.useEffect)((function(){return _(),function(){A.current&&cancelAnimationFrame(A.current)}}),[]),(0,s.jsx)("span",{className:g,children:x&&x.split("").map((function(e,t){return(0,s.jsx)("span",{children:e},t)}))})},Oe=r.forwardRef(Fe),Ze="SwitchingText_container__9ICqS",Ge="SwitchingText_content__6PttP",Qe="SwitchingText_btn__9UW9Y",Le=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Ze,children:[(0,s.jsx)(Oe,{className:Ge,finalText:"Hello World",textList:["Tikiw Plati","Wkslc Wbxsw","Xsodu Qwoev","Dewcz Gewoe","Rsero Bokrs","Ckoex Jwclb","Tikiw Plati","Wkslc Wbxsw","Xsodu Qwoeb","Dewcz Gewoe","Rsero Bokrs","Ckoex Jwclb","Haiiw Pavis","Hwlle Ykels","Helic Wexiw","Heiik Mkdie","Helju Qvold","Helim Xkvlc","Hellw Gewie","Hellv Rkels","Hello Bokis","Hello Ceoix","Hello Wwclb","Hello Wzrlm","Hello Woaic","Hello Woxlm","Hello Woriw","Hello Woriv","Hello Worlc","Hello Worle"],duration:1900,ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Qe,onClick:function(){var t;null===(t=e.current)||void 0===t||t.restart()},children:"Once Again"})]})},ze=n(13614),He=n.n(ze),Ve="Typed1_container__2a+Le",Ue="Typed1_btn__5+jTK",We=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(He())(e.current,{strings:["Legends never die"],typeSpeed:60,showCursor:!1})),function(){var e;null===(e=t.current)||void 0===e||e.destroy()}}),[]),(0,s.jsxs)("div",{className:Ve,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Ue,onClick:function(){var e,n;null===(e=t.current)||void 0===e||e.reset(),null===(n=t.current)||void 0===n||n.start()},children:"Once Again"})]})},Ye="Typed2_container__XvJpL",Je="Typed2_btn__lqx2D",qe=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(He())(e.current,{strings:["Legan","Legends naver","Legends never die"],typeSpeed:60,showCursor:!1,backSpeed:60,backDelay:0})),function(){var e;null===(e=t.current)||void 0===e||e.destroy()}}),[]),(0,s.jsxs)("div",{className:Ye,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Je,onClick:function(){var e,n;null===(e=t.current)||void 0===e||e.reset(),null===(n=t.current)||void 0===n||n.start()},children:"Once Again"})]})},Ke=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:400,r=document.createElement("span");r.style.visibility="hidden",r.style.padding="0",r.style.whiteSpace="nowrap",r.style.overflow="visible",r.style.fontSize=t>12?t+"px":"12px",r.style.fontWeight=n.toString(),r.innerText=e,document.body.appendChild(r);var i=r.offsetWidth;return document.body.removeChild(r),i},Xe=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:12,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:400,i=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],a="",o="",s="";if(!e||t<n||"string"!=typeof e)return a;var c=e.split(""),l=document.createElement("span");l.style.visibility="hidden",l.style.padding="0",l.style.whiteSpace="nowrap",l.style.overflow="visible",l.style.fontSize=n>12?n+"px":"12px",l.style.fontWeight=r.toString(),document.body.appendChild(l);for(var u=0,d=c.length;u<d;u++){var m=c[u];o=s,a=s+=m,l.innerText=s;var f=l.offsetWidth;if(f>t){a=i?o+"...":o;break}}return document.body.removeChild(l),a};function $e(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function et(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$e(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$e(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var tt=function(e){var t=e.text,n=void 0===t?"":t,i=e.lineNum,a=void 0===i?1:i,c=e.buttonText,l=e.buttonTextSize,u=void 0===l?12:l,d=e.buttonTextWeight,m=void 0===d?400:d,f=e.onClickButton,g=e.style,p=e.onTextOverChange,h=12,v=400;g&&(g.fontSize&&(h=parseInt(g.fontSize)),g.textWeight&&(v=Number(g.textWeight)));var x=(0,r.useRef)(null);if(!n)return(0,s.jsx)("div",{ref:x});var y=(0,r.useState)(0),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useRef)(!1),_=(0,r.useMemo)((function(){var e=n,t=!1,r=Math.max(u,12);if(w)if(Xe(n,w*a,h,v).endsWith("...")&&(t=!0),t){var i=Ke("...",h,v),o=0;c&&(o=Ke(c,r,m)),e=Xe(n,w*a-i-o-2,h,v)}else e=n;return t!==b.current&&(b.current=t,p&&p(t)),{textStyle:et({fontSize:"".concat(h,"px"),fontWeight:v,wordBreak:"break-all",position:"relative",padding:0},g),finalText:e,isOver:t,buttonStyle:{fontSize:"".concat(r,"px"),fontWeight:m.toString(),color:"#0076FF",cursor:"pointer",padding:0,position:"absolute",right:0}}}),[w,a,n,c,u,g]),D=(0,r.useCallback)((function(){if(x.current){var e=Y.findDOMNode(x.current);j(e?e.offsetWidth:0)}}),[]);return(0,r.useEffect)((function(){D()}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",D),function(){window.removeEventListener("resize",D)}}),[]),(0,s.jsxs)("div",{style:_.textStyle,ref:x,children:[_.finalText,c&&_.isOver&&(0,s.jsx)("span",{style:_.buttonStyle,onClick:function(e){f&&f(e)},children:c})]})},nt="AutoEllipsisText_container__2dFtS",rt=function(){var e=(0,p.Z)(),t=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows"}),n=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows2"}),i=(0,r.useState)(!1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=function(e){l(e)};return(0,s.jsxs)("div",{className:nt,children:[c?(0,s.jsx)(h.Z,{placement:"top",title:t,children:(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(tt,{text:t,style:{fontSize:"24px"},onTextOverChange:u})})}):(0,s.jsx)(tt,{text:t,style:{fontSize:"24px"},onTextOverChange:u}),(0,s.jsx)(tt,{text:n.repeat(4),style:{fontSize:"24px",marginTop:"40px"}}),(0,s.jsx)(tt,{text:n.repeat(8),lineNum:2,style:{fontSize:"16px",marginTop:"40px"},buttonText:"More",buttonTextSize:16})]})},it=n.p+"images/c5e4532e.jpg",at="FilterCSS_container__HnHaW",ot="FilterCSS_left__dim3U",st="FilterCSS_right__MsfmE",ct=function(){var e=(0,p.Z)();return(0,s.jsxs)("div",{className:at,children:[(0,s.jsxs)("div",{className:ot,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.brighten"})}),(0,s.jsx)("img",{src:it,alt:""})]}),(0,s.jsxs)("div",{className:st,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.grayed"})}),(0,s.jsx)("img",{src:it,alt:""})]})]})},lt="BgFusion_container__VJAbX",ut=function(){return(0,s.jsx)("div",{className:lt})},dt={container:"MyLogo_container__KNKdW",box1:"MyLogo_box1__XgNc6",leftTopRect:"MyLogo_leftTopRect__rrMK9",circle:"MyLogo_circle__g+xkt",middleRect:"MyLogo_middleRect__c5wUq",bottomRect:"MyLogo_bottomRect__VJqty",box2:"MyLogo_box2__7wfXg",box3:"MyLogo_box3__d3P-I"},mt=new Array(3).fill(0),ft=function(){return(0,s.jsx)("div",{className:dt.container,children:mt.map((function(e,t){return(0,s.jsxs)("div",{className:dt["box".concat(t+1)],children:[(0,s.jsx)("div",{className:dt.leftTopRect}),(0,s.jsx)("div",{className:dt.circle}),(0,s.jsx)("div",{className:dt.middleRect}),(0,s.jsx)("div",{className:dt.bottomRect})]},t)}))})},gt={container:"ShearAngle_container__tRA3S",box1:"ShearAngle_box1__5M-bD",box2:"ShearAngle_box2__n9GvI",box3:"ShearAngle_box3__uaxeG"},pt=new Array(3).fill(0),ht=function(){return(0,s.jsx)("div",{className:gt.container,children:pt.map((function(e,t){return(0,s.jsx)("div",{className:gt["box".concat(t+1)]},t)}))})},vt="AnnulusLoading_container__r9c4O",xt="AnnulusLoading_content__3Beje",yt="AnnulusLoading_item7__AQC4n",At="AnnulusLoading_item6__+tYBR",wt="AnnulusLoading_item5__PkkRq",jt="AnnulusLoading_item4__C2KqR",bt="AnnulusLoading_item3__sTLBN",_t="AnnulusLoading_item2__29w+l",Dt="AnnulusLoading_item1__kaRKn",Mt=function(){return(0,s.jsx)("div",{className:vt,children:(0,s.jsxs)("div",{className:xt,children:[(0,s.jsx)("div",{className:Dt}),(0,s.jsx)("div",{className:_t}),(0,s.jsx)("div",{className:bt}),(0,s.jsx)("div",{className:jt}),(0,s.jsx)("div",{className:wt}),(0,s.jsx)("div",{className:At}),(0,s.jsx)("div",{className:yt})]})})},kt=n.p+"images/7380e6f7.jpg",Nt=n.p+"images/ba36f098.jpg",Et=n.p+"images/e7c8df7d.jpg",Ct=n.p+"images/06a46209.jpg",St=n.p+"images/ed6d9a11.jpg",Pt=n.p+"images/271a66ed.jpg",Bt=n.p+"images/2506df73.jpg",It="Honeycomb_container__gPdSS",Tt="Honeycomb_content__Dufrz",Rt=function(){return(0,s.jsx)("div",{className:It,children:(0,s.jsxs)("div",{className:Tt,children:[(0,s.jsx)("img",{src:kt,alt:""}),(0,s.jsx)("img",{src:Nt,alt:""}),(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:St,alt:""}),(0,s.jsx)("img",{src:Pt,alt:""}),(0,s.jsx)("img",{src:Bt,alt:""})]})})},Ft="PizzaPie_container__+jqg8",Ot="PizzaPie_content__nr36j",Zt=function(){return(0,s.jsx)("div",{className:Ft,children:(0,s.jsxs)("div",{className:Ot,children:[(0,s.jsx)("img",{src:kt,alt:""}),(0,s.jsx)("img",{src:Nt,alt:""}),(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:St,alt:""}),(0,s.jsx)("img",{src:Pt,alt:""})]})})},Gt="AnnulusProgressBar_container__t7uE8",Qt="AnnulusProgressBar_content__aiBoG",Lt="AnnulusProgressBar_box__Wl9L-",zt="AnnulusProgressBar_circleOuter__OmSUl",Ht="AnnulusProgressBar_num__CAG59",Vt=function(){var e=(0,r.useState)(0),t=(0,o.Z)(e,2)[1],n=(0,r.useRef)(0),i=(0,r.useRef)(0),a=function e(){var r=471,a=document.getElementById("circle");if(n.current>=100){n.current=0,t(0);var o=document.getElementById("circle");o&&(o.style.strokeDashoffset="".concat(r.toString()))}else n.current=Number((n.current+.1).toFixed(2)),t(Number((n.current+.1).toFixed(2))),r=Math.floor(r-r*n.current/100),a&&(a.style.strokeDashoffset="".concat(r.toString()));i.current=window.requestAnimationFrame(e)};return(0,r.useEffect)((function(){return a(),function(){i.current&&cancelAnimationFrame(i.current)}}),[]),(0,s.jsx)("div",{className:Gt,children:(0,s.jsx)("div",{className:Qt,children:(0,s.jsxs)("div",{className:Lt,children:[(0,s.jsx)("div",{className:zt}),(0,s.jsxs)("svg",{children:[(0,s.jsx)("defs",{children:(0,s.jsxs)("radialGradient",{id:"gradient",cx:"50%",cy:"50%",r:"60%",fx:"50%",fy:"50%",children:[(0,s.jsx)("stop",{offset:"30%",stopColor:"#3cba92"}),(0,s.jsx)("stop",{offset:"100%",stopColor:"#c1dfc4"})]})}),(0,s.jsx)("circle",{stroke:"url(#gradient)",id:"circle"})]}),(0,s.jsx)("div",{className:Ht,children:"".concat(Math.floor(n.current),"%")})]})})})},Ut={container:"AudioLoading_container__LkPXP",content:"AudioLoading_content__Agk5G",span0:"AudioLoading_span0__e1joN",loading:"AudioLoading_loading__Nvgnt",span1:"AudioLoading_span1__KLPUt",span2:"AudioLoading_span2__gOuZh",span3:"AudioLoading_span3__HO3on",span4:"AudioLoading_span4__rFl95",span5:"AudioLoading_span5__Y6BnT",span6:"AudioLoading_span6__jIPUG",span7:"AudioLoading_span7__LmzsW",span8:"AudioLoading_span8__gZg1m",span9:"AudioLoading_span9__BzF4d",span10:"AudioLoading_span10__-p-zh",span11:"AudioLoading_span11__Zse6t",span12:"AudioLoading_span12__Rxrq8",span13:"AudioLoading_span13__21nbh",span14:"AudioLoading_span14__KHro-"},Wt=new Array(15).fill(0),Yt=function(){return(0,s.jsx)("div",{className:Ut.container,children:(0,s.jsx)("div",{className:Ut.content,children:Wt.map((function(e,t){return(0,s.jsx)("span",{className:Ut["span".concat(t)]},t)}))})})},Jt={container:"SudokuImageAnimation_container__66i30",content:"SudokuImageAnimation_content__bY8Mn",item:"SudokuImageAnimation_item__XGZRs",item8:"SudokuImageAnimation_item8__WsYmu",item7:"SudokuImageAnimation_item7__QNe8D",item6:"SudokuImageAnimation_item6__YU2jR",item5:"SudokuImageAnimation_item5__wz8hO",item4:"SudokuImageAnimation_item4__uHQZd",item3:"SudokuImageAnimation_item3__HiACA",item2:"SudokuImageAnimation_item2__yf6pT",item1:"SudokuImageAnimation_item1__W23ZS",item0:"SudokuImageAnimation_item0__rk5Me"},qt=new Array(9).fill(0),Kt=function(){return(0,s.jsx)("div",{className:Jt.container,children:(0,s.jsx)("div",{className:Jt.content,children:qt.map((function(e,t){return(0,s.jsx)("div",{className:Jt["item".concat(t)]},t)}))})})},Xt="TextWrap_container__vVl1N",$t="TextWrap_topText__eHwkJ",en="TextWrap_poly__EwnPy",tn="TextWrap_leftFloat__Uo9rJ",nn="TextWrap_rightFloat__ezXwd",rn=function(){var e=(0,p.Z)().formatMessage({id:"page.htmlVision.visualDesign.quantumEntanglementTip"});return(0,s.jsxs)("div",{className:Xt,children:[(0,s.jsx)("div",{className:$t,children:e.repeat(40)}),(0,s.jsx)("div",{className:"".concat(en," ").concat(tn)}),(0,s.jsx)("div",{className:"".concat(en," ").concat(nn)}),(0,s.jsx)("span",{children:e.repeat(180)})]})},an="WaterDropLogin_container__d6dk7",on="WaterDropLogin_content__jiIiV",sn="WaterDropLogin_drop__Nq7iB",cn="WaterDropLogin_contentBox__nL6ua",ln="WaterDropLogin_inputBox__2oxY0",un="WaterDropLogin_btns__Sil7M",dn="WaterDropLogin_signup__h0wNv",mn=function(){return(0,s.jsx)("div",{className:an,children:(0,s.jsxs)("div",{className:on,children:[(0,s.jsx)("div",{className:sn,children:(0,s.jsxs)("div",{className:cn,children:[(0,s.jsx)("h2",{children:"Sign in"}),(0,s.jsxs)("form",{children:[(0,s.jsx)("div",{className:ln,children:(0,s.jsx)("input",{type:"text",placeholder:"Username"})}),(0,s.jsx)("div",{className:ln,children:(0,s.jsx)("input",{type:"password",placeholder:"Password"})}),(0,s.jsx)("div",{className:ln,children:(0,s.jsx)("input",{type:"submit",value:"Login"})})]})]})}),(0,s.jsxs)("div",{className:un,children:[(0,s.jsx)("span",{children:"Forget"}),(0,s.jsx)("span",{children:"Password"})]}),(0,s.jsx)("div",{className:"".concat(un," ").concat(dn),children:"Signup"})]})})},fn="TextShadow_container__3+vOx",gn="TextShadow_content__ngpOP",pn=function(){var e=(0,p.Z)().formatMessage({id:"page.htmlVision.visualDesign.textShadow"});return(0,s.jsx)("div",{className:fn,children:(0,s.jsx)("div",{className:gn,"data-text":e,children:e})})},hn="HorseRacelamp_container__bVbh9",vn="HorseRacelamp_scroll__kRja6",xn=new Array(4).fill(0),yn=function(){var e=function(){return(0,s.jsx)("span",{children:"Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross"})};return(0,s.jsx)("div",{className:hn,children:xn.map((function(t,n){return(0,s.jsxs)("div",{className:vn,children:[e(),e()]},n)}))})},An="HarmonyLogo_container__uTwnw",wn="HarmonyLogo_content__Azar3",jn="HarmonyLogo_top__zSfqW",bn="HarmonyLogo_line__6yj7q",_n="HarmonyLogo_bottom__4ZSOr",Dn=function(){return(0,s.jsxs)("div",{className:An,children:[(0,s.jsxs)("div",{className:wn,children:[(0,s.jsx)("div",{className:jn,children:(0,s.jsx)("div",{className:bn})}),(0,s.jsx)("div",{className:_n})]}),(0,s.jsx)("svg",{children:(0,s.jsxs)("filter",{id:"fractal",filterUnits:"objectBoundingBox",x:"0%",y:"0%",width:"100%",height:"100%",children:[(0,s.jsx)("feTurbulence",{id:"turbulence",type:"fractalNoise",baseFrequency:"0.005 0.005",numOctaves:"10",children:(0,s.jsx)("animate",{attributeName:"baseFrequency",dur:"30s",values:"0.005 0.005;0.05 0.3;0.005 0.005",repeatCount:"indefinite"})}),(0,s.jsx)("feDisplacementMap",{in:"SourceGraphic",scale:"15"})]})})]})},Mn="Preserve3D_container__EZ7l0",kn="Preserve3D_content__yxNQy",Nn="Preserve3D_cubeInner__oYaXM",En="Preserve3D_top__6op2D",Cn="Preserve3D_bottom__Rmjl+",Sn="Preserve3D_front__+CRYT",Pn="Preserve3D_back__-ZjU+",Bn="Preserve3D_left__YYWAD",In="Preserve3D_right__R5Aqm",Tn="Preserve3D_cubeOuter__pwwjS",Rn=function(){return(0,s.jsx)("div",{className:Mn,children:(0,s.jsxs)("div",{className:kn,children:[(0,s.jsxs)("div",{className:Nn,children:[(0,s.jsx)("div",{className:En}),(0,s.jsx)("div",{className:Cn}),(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Pn}),(0,s.jsx)("div",{className:Bn}),(0,s.jsx)("div",{className:In})]}),(0,s.jsxs)("div",{className:Tn,children:[(0,s.jsx)("div",{className:En}),(0,s.jsx)("div",{className:Cn}),(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Pn}),(0,s.jsx)("div",{className:Bn}),(0,s.jsx)("div",{className:In})]})]})})},Fn="RotateAndBgFixed_container__Kc-WW",On="RotateAndBgFixed_box__DkROP",Zn="RotateAndBgFixed_a__Yi0br",Gn="RotateAndBgFixed_b__Vv6J0",Qn="RotateAndBgFixed_c__xgerx",Ln="RotateAndBgFixed_d__d9aYT",zn="RotateAndBgFixed_e__V1OJc",Hn=function(){return(0,s.jsx)("div",{className:Fn,children:(0,s.jsxs)("div",{className:On,children:[(0,s.jsx)("div",{className:Zn,children:(0,s.jsx)("img",{src:kt,alt:""})}),(0,s.jsx)("div",{className:Gn,children:(0,s.jsx)("img",{src:Nt,alt:""})}),(0,s.jsx)("div",{className:Qn,children:(0,s.jsx)("img",{src:Et,alt:""})}),(0,s.jsx)("div",{className:Ln,children:(0,s.jsx)("img",{src:Ct,alt:""})}),(0,s.jsx)("div",{className:zn,children:(0,s.jsx)("img",{src:St,alt:""})})]})})},Vn="HexagonalMesh_container__mdJJ9",Un="HexagonalMesh_item__hVzAo",Wn=new Array(300).fill(0),Yn=function(){return(0,s.jsx)("div",{className:Vn,children:Wn.map((function(e,t){return(0,s.jsx)("div",{className:Un},t)}))})},Jn="HexagonalRadar_container__hFck5",qn="HexagonalRadar_content__sj-0h",Kn="HexagonalRadar_item__IF+DR",Xn="HexagonalRadar_maskBox__SqK8S",$n=new Array(5).fill(0),er=function(){return(0,s.jsxs)("div",{className:Jn,children:[(0,s.jsx)("div",{className:qn,children:$n.map((function(e,t){return(0,s.jsx)("div",{className:Kn},t)}))}),(0,s.jsx)("div",{className:Xn})]})},tr=n.p+"images/d2fa7cd8.png",nr="HoverEnlargement_container__t9rVI",rr=function(){return(0,s.jsx)("div",{className:nr,children:(0,s.jsx)("img",{src:tr,alt:""})})},ir=n(78343),ar=n(79501);function or(e){return e.toString().padStart(2,"0")}var sr,cr=function(e){if(e){var t=e.slice(0,19).replace(/-/g,"/");return e.endsWith("+0000 UTC")?(0,ar.Z)((0,ir.Z)(new Date(t),8),"YYYY/MM/DD HH:mm:ss"):t}return""},lr="ActivityCountDown_container__z9J8Y",ur="ActivityCountDown_num__F1ysh",dr="ActivityCountDown_unit__X1r8-",mr=function(e){var t=e.countParams,n=e.overCallback,i=e.style,a=void 0===i?{}:i,c=t.day,l=void 0===c?59:c,u=t.hour,d=void 0===u?59:u,m=t.minute,f=void 0===m?59:m,g=t.seconds,p=void 0===g?59:g,h=(0,r.useState)({d:l,h:d,m:f,s:p}),v=(0,o.Z)(h,2),x=v[0],y=v[1],A=(0,r.useRef)(x),w=(0,r.useRef)(!0),j=(0,r.useRef)(0),b=function(){if(!w.current){var e=A.current,t=e.d,r=e.h,i=e.m,a=e.s,o=0===r&&0===i&&0===a,s=0===i&&0===a,c=0===a;if(0===t&&0===r&&0===i&&0===a)w.current=!0,n&&n();else if(o){var l={d:t-1,h:23,m:59,s:59};A.current=l,y(l)}else if(s){var u={d:t,h:r-1,m:59,s:59};A.current=u,y(u)}else if(c){var d={d:t,h:r,m:i-1,s:59};A.current=d,y(d)}else{var m={d:t,h:r,m:i,s:a-1};A.current=m,y(m)}}};return(0,r.useEffect)((function(){var e=t.day,r=void 0===e?59:e,i=t.hour,a=void 0===i?59:i,o=t.minute,s=void 0===o?59:o,c=t.seconds,l={d:r,h:a,m:s,s:void 0===c?59:c};A.current=l,y(l),0===l.d&&0===l.h&&0===l.m&&0===l.s?w.current||(w.current=!0,n&&n(),j.current&&(window.clearInterval(j.current),j.current=0)):w.current&&(w.current=!1,j.current=window.setInterval(b,1e3))}),[t]),(0,r.useEffect)((function(){return function(){j.current&&window.clearInterval(j.current)}}),[]),(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:lr,style:a,children:[(0,s.jsx)("div",{className:ur,children:or(x.d)}),(0,s.jsx)("div",{className:dr,children:"天"}),(0,s.jsx)("div",{className:ur,children:or(x.h)}),(0,s.jsx)("div",{className:dr,children:"时"}),(0,s.jsx)("div",{className:ur,children:or(x.m)}),(0,s.jsx)("div",{className:dr,children:"分"}),(0,s.jsx)("div",{className:ur,children:or(x.s)}),(0,s.jsx)("div",{className:dr,children:"秒"})]})})},fr="ActivityCountDown_container__Nw3or",gr="ActivityCountDown_title__5HUMy",pr=function(){var e=function(e){var t=e.type,n=void 0===t?"ms":t,r=e.startTime,i=void 0===r?"":r,a=e.serverTime,o=void 0===a?0:a,s="s"===n?1e3*Number(o):o;if(!i)return{day:0,hour:0,minute:0,seconds:0,timeRemaining:0};var c="string"==typeof i?cr(i):i,l=new Date(c).getTime()-s;return{day:Math.floor(l/1e3/60/60/24),hour:Math.floor(l/1e3/60/60%24),minute:Math.floor(l/1e3/60%60),seconds:Math.floor(l/1e3%60),timeRemaining:l}}({type:"ms",startTime:(0,ir.Z)(new Date,2).getTime(),serverTime:(new Date).getTime()}),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),i=n[0],a=n[1];return(0,s.jsxs)("div",{className:fr,children:[(0,s.jsx)("div",{className:gr,children:i?"活动正在进行中":"距离活动开始剩余："}),!i&&(0,s.jsx)(mr,{countParams:e,overCallback:function(){a(!0)},style:{marginTop:"16px"}})]})},hr=n.p+"images/c6bccf3b.png",vr=n.p+"images/71329ec9.jpg",xr="GlassDesign1_container__jIg8H",yr="GlassDesign1_glass__x+jsp",Ar=function(){return(0,s.jsxs)("div",{className:xr,children:[(0,s.jsx)("img",{src:hr,alt:""}),(0,s.jsx)("div",{className:yr}),(0,s.jsx)("svg",{style:{display:"none"},children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"glassFilter1",children:[(0,s.jsx)("feImage",{result:"pict1",xlinkHref:vr,x:"0",y:"0",width:"517",height:"517"}),(0,s.jsx)("feDisplacementMap",{scale:"30",xChannelSelector:"R",yChannelSelector:"R",in2:"pict1",in:"SourceGraphic"})]})})})]})},wr=n.p+"images/3ef61d0d.jpg",jr="GlassDesign2_container__BLEzA",br="GlassDesign2_glass__UZeM9",_r=function(){return(0,s.jsxs)("div",{className:jr,children:[(0,s.jsx)("img",{src:hr,alt:""}),(0,s.jsx)("div",{className:br}),(0,s.jsx)("svg",{style:{display:"none"},children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"glassFilter2",children:[(0,s.jsx)("feImage",{result:"pict1",xlinkHref:wr,x:"0",y:"0",width:"523",height:"330"}),(0,s.jsx)("feDisplacementMap",{scale:"30",xChannelSelector:"R",yChannelSelector:"R",in2:"pict1",in:"SourceGraphic"})]})})})]})},Dr="Ribbon_container__ZOkiq",Mr="Ribbon_ribbon__wI2K8",kr=function(){return(0,s.jsxs)("div",{className:Dr,children:[(0,s.jsx)("div",{className:Mr,style:{"--fontSize":"34px",fontWeight:600},children:"Visualization Collection"}),(0,s.jsxs)("div",{className:Mr,style:{"--fontSize":"28px","--background":"#8A9B0F",fontWeight:500},children:["Visualization Collection ",(0,s.jsx)("br",{})," Visualization Collection"]}),(0,s.jsxs)("div",{className:Mr,style:{"--background":"#45ADA8"},children:["Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection"]})]})},Nr="VisualDesign_container__oN2JR",Er="VisualDesign_box__-TYNG",Cr=be.GridBox,Sr=[{element:(0,s.jsx)(Ne,{})},{element:(0,s.jsx)(Be,{})},{element:(0,s.jsx)(Re,{})},{element:(0,s.jsx)(Le,{})},{element:(0,s.jsx)(We,{})},{element:(0,s.jsx)(qe,{})},{element:(0,s.jsx)(rt,{})},{element:(0,s.jsx)(rn,{})},{element:(0,s.jsx)(ut,{})},{element:(0,s.jsx)(ft,{})},{element:(0,s.jsx)(ht,{})},{element:(0,s.jsx)(Mt,{})},{element:(0,s.jsx)(Rt,{})},{element:(0,s.jsx)(Zt,{})},{element:(0,s.jsx)(Vt,{})},{element:(0,s.jsx)(Yt,{})},{element:(0,s.jsx)(ct,{})},{element:(0,s.jsx)(Kt,{})},{element:(0,s.jsx)(mn,{})},{element:(0,s.jsx)(pn,{})},{element:(0,s.jsx)(yn,{})},{element:(0,s.jsx)(Dn,{})},{element:(0,s.jsx)(Rn,{})},{element:(0,s.jsx)(Hn,{})},{element:(0,s.jsx)(Yn,{})},{element:(0,s.jsx)(er,{})},{element:(0,s.jsx)(rr,{})},{element:(0,s.jsx)(pr,{})},{element:(0,s.jsx)(Ar,{})},{element:(0,s.jsx)(_r,{})},{element:(0,s.jsx)(kr,{})}],Pr=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Nr,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Sr.map((function(e,t){return(0,s.jsx)(Cr,{children:(0,s.jsx)("div",{className:Er,children:e.element})},t)}))})})},Br=[],Ir=function(e){e.data,(0,p.Z)();return null},Tr="ModuleTitle_container__7ZCMv",Rr=function(e){var t=(0,p.Z)(),n=e.intlTitle,r=e.style,i=void 0===r?{}:r;return(0,s.jsx)("div",{className:Tr,style:i,children:t.formatMessage({id:n})})},Fr=n.p+"images/6765fa3b.png",Or="MagnifyingGlass_container__z7+HK",Zr="MagnifyingGlass_content__csBAU",Gr="MagnifyingGlass_smallBox__1rC23",Qr="MagnifyingGlass_mask__kbQ6H",Lr="MagnifyingGlass_floatBox__Msmv9",zr="MagnifyingGlass_bigBox__dtenq",Hr=function(){var e=d(),t=e.scrollTop,n=e.headHeight,i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useState)(!1),u=(0,o.Z)(l,2),m=u[0],f=u[1];return(0,s.jsx)("div",{className:Or,children:(0,s.jsxs)("div",{className:Zr,children:[(0,s.jsxs)("div",{className:Gr,ref:i,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.magnifyingGlass",style:{top:"-80px",left:"114%"}}),(0,s.jsx)("div",{className:Qr,onMouseOver:function(){f(!0)},onMouseMove:function(e){var r=Y.findDOMNode(i.current),o=Y.findDOMNode(a.current),s=r.offsetWidth,l=r.offsetHeight,u=o.offsetWidth,d=o.offsetHeight,m=e.clientX-r.offsetLeft-u/2,f=0;m<0?m=0:m>s-u&&(m=s-u),(f=t<r.offsetTop-n-100?e.clientY-d/2-r.offsetTop-t:e.clientY-n-d/2+(t-r.offsetTop+n))<0?f=0:f>l-d&&(f=l-d),o.style.left=m+"px",o.style.top=f+"px";var g=m/(s-u),p=f/(l-d),h=Y.findDOMNode(c.current),v=h.children[0];v.style.left=-g*(v.offsetWidth-h.offsetWidth)+"px",v.style.top=-p*(v.offsetHeight-h.offsetHeight)+"px"},onMouseLeave:function(){f(!1)}}),(0,s.jsx)("div",{className:Lr,style:{visibility:m?"visible":"hidden"},ref:a}),(0,s.jsx)("img",{src:Fr})]}),(0,s.jsx)("div",{className:zr,ref:c,children:(0,s.jsx)("img",{src:Fr,style:{visibility:m?"visible":"hidden"}})})]})})},Vr="CropImage_container__agQZ5",Ur="CropImage_leftBox__rxH+K",Wr="CropImage_img1__vvyEU",Yr="CropImage_img2__CuOAQ",Jr="CropImage_cropBox__A4fdb",qr="CropImage_dot__TnuYQ",Kr="CropImage_leftUp__RO+TV",Xr="CropImage_up__fR18N",$r="CropImage_rightUp__5Btk7",ei="CropImage_right__nbAwk",ti="CropImage_rightDown__8vsgu",ni="CropImage_down__0RD60",ri="CropImage_leftDown__Ssc21",ii="CropImage_left__qEy8B",ai="CropImage_rightBox__tH7SB";!function(e){e[e.leftUp=0]="leftUp",e[e.up=1]="up",e[e.rightUp=2]="rightUp",e[e.right=3]="right",e[e.rightDown=4]="rightDown",e[e.down=5]="down",e[e.leftDown=6]="leftDown",e[e.left=7]="left"}(sr||(sr={}));var oi=function(){var e=d().scrollTop,t=(0,r.useRef)(0),n=(0,r.useRef)(0),i=(0,r.useRef)(!1),a=(0,r.useRef)(),o=(0,r.useRef)(!1),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=(0,r.useRef)(0),p=(0,r.useRef)(0),h=(0,r.useRef)(0),v=(0,r.useRef)(0),x=function(e){for(var t=e.offsetLeft,n=e.offsetTop,r=e.offsetParent;null!=r;)t+=r.offsetLeft,n+=r.offsetTop,r=r.offsetParent;return{left:t,top:n}},y=function(e){var n=e.clientX,r=Y.findDOMNode(l.current),i=x(r).left,a=i+t.current-4;n>a?n=a:n<i&&(n=i);var o=Y.findDOMNode(m.current),s=o.offsetWidth-2,c=n-s-x(o).left;o.style.width=s+c+"px"},A=function(t){var n=t.clientY+e,r=Y.findDOMNode(l.current),i=x(r).top,a=Y.findDOMNode(m.current),o=x(a).top,s=o+a.offsetHeight-4;n<i?n=i:n>s&&(n=s);var c=a.offsetHeight;a.style.height=c+o-n+"px",a.style.top=a.offsetTop+n-o+"px"},w=function(e){var t=e.clientX,n=Y.findDOMNode(l.current),r=x(n).left,i=Y.findDOMNode(m.current),a=x(i).left,o=a+i.offsetWidth-4;t<r?t=r:t>o&&(t=o);var s=i.offsetWidth;i.style.width=s+a-t+"px",i.style.left=i.offsetLeft+t-a+"px"},j=function(t){var r=t.clientY+e,i=Y.findDOMNode(l.current),a=x(i).top,o=a+n.current-4;r<a?r=a:r>o&&(r=o);var s=Y.findDOMNode(m.current),c=s.offsetHeight-2,u=r-c-x(s).top;s.style.height=c+u+"px"},b=function(){var e=Y.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,i=e.offsetTop,a=r+t,o=i+n;Y.findDOMNode(u.current).style.clip="rect(".concat(i,"px,").concat(a,"px,").concat(o,"px,").concat(r,"px)")},_=function(){var e=Y.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,i=e.offsetTop,a=r+t,o=i+n,s=Y.findDOMNode(f.current);s.style.top="".concat(-i,"px"),s.style.left="".concat(-r,"px"),s.style.clip="rect(".concat(i,"px,").concat(a,"px,").concat(o,"px,").concat(r,"px)")},D=function(e,t){e.stopPropagation(),i.current=!0,a.current=t},M=function(){i.current=!1,o.current=!1};return(0,r.useEffect)((function(){var e=Y.findDOMNode(l.current),r=e.offsetWidth,i=e.offsetHeight;t.current=r,n.current=i}),[]),(0,s.jsxs)("div",{className:Vr,onMouseMove:function(e){if(o.current){var r=Y.findDOMNode(m.current),s=r.offsetWidth,c=r.offsetHeight,l=e.clientX-g.current,u=e.clientY-p.current,d=v.current+u,f=h.current+l;d<0?r.style.top="0px":d>n.current-c-2?r.style.top="".concat(n.current-c-2,"px"):r.style.top="".concat(d,"px"),f<0?r.style.left="0px":f>t.current-s-2?r.style.left="".concat(t.current-s-2,"px"):r.style.left="".concat(f,"px"),b(),_()}if(i.current){switch(a.current){case sr.right:y(e);break;case sr.up:A(e);break;case sr.left:w(e);break;case sr.down:j(e);break;case sr.leftUp:w(e),A(e);break;case sr.leftDown:w(e),j(e);break;case sr.rightUp:y(e),A(e);break;case sr.rightDown:y(e),j(e)}b(),_()}},onMouseUp:M,onMouseLeave:M,ref:c,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropClipBox"}),(0,s.jsxs)("div",{className:Ur,ref:l,children:[(0,s.jsx)("img",{src:it,className:Wr}),(0,s.jsx)("img",{src:it,className:Yr,ref:u}),(0,s.jsxs)("div",{className:Jr,onMouseDown:function(e){g.current=e.clientX,p.current=e.clientY;var t=Y.findDOMNode(m.current);v.current=t.offsetTop,h.current=t.offsetLeft,o.current=!0},ref:m,children:[(0,s.jsx)("div",{className:"".concat(qr," ").concat(Kr),onMouseDown:function(e){return D(e,sr.leftUp)}}),(0,s.jsx)("div",{className:"".concat(qr," ").concat(Xr),onMouseDown:function(e){return D(e,sr.up)}}),(0,s.jsx)("div",{className:"".concat(qr," ").concat($r),onMouseDown:function(e){return D(e,sr.rightUp)}}),(0,s.jsx)("div",{className:"".concat(qr," ").concat(ei),onMouseDown:function(e){return D(e,sr.right)}}),(0,s.jsx)("div",{className:"".concat(qr," ").concat(ti),onMouseDown:function(e){return D(e,sr.rightDown)}}),(0,s.jsx)("div",{className:"".concat(qr," ").concat(ni),onMouseDown:function(e){return D(e,sr.down)}}),(0,s.jsx)("div",{className:"".concat(qr," ").concat(ri),onMouseDown:function(e){return D(e,sr.leftDown)}}),(0,s.jsx)("div",{className:"".concat(qr," ").concat(ii),onMouseDown:function(e){return D(e,sr.left)}})]})]}),(0,s.jsx)("div",{className:ai,children:(0,s.jsx)("img",{src:it,ref:f})})]})},si=n.p+"images/e55cd06c.jpg",ci=n.p+"images/f44f33e9.jpg",li=n.p+"images/ccd69096.jpg",ui=n.p+"images/dbd623e3.jpg",di=n.p+"images/d327c52a.jpg",mi=n.p+"images/f160c0ae.jpg",fi={container:"DragShopping_container__IbTIV",content:"DragShopping_content__VVnMY",bookBox:"DragShopping_bookBox__SDdDi",shoppingBox:"DragShopping_shoppingBox__3DBFv",tableHead:"DragShopping_tableHead__lYIfd",tableCell:"DragShopping_tableCell__6tWCA",tableRow:"DragShopping_tableRow__6Qo3x",total:"DragShopping_total__+sd3-",tip:"DragShopping_tip__vp+8T"};function gi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function pi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?gi(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):gi(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var hi=be.GridBox,vi=[{id:"1",name:"一个星期学会吉他弹唱",price:68,imgUrl:si},{id:"2",name:"柳公权楷书教程入门",price:45,imgUrl:ci},{id:"3",name:"世说新语",price:52,imgUrl:li},{id:"4",name:"名人传",price:124,imgUrl:ui},{id:"5",name:"骆驼祥子",price:168,imgUrl:di},{id:"6",name:"阅微堂笔记",price:56,imgUrl:mi}],xi=function(){var e=(0,p.Z)(),t=(0,r.useState)([]),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(!1),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useState)(0),f=(0,o.Z)(m,2),g=f[0],h=f[1];return(0,s.jsxs)("div",{className:fi.container,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropShopping"}),(0,s.jsxs)("div",{className:fi.content,children:[(0,s.jsx)(be,{differentScreenCols:[6,6,3,3,3],rowSpace:0,colSpace:0,children:vi.map((function(e,t){var n=e.id,r=e.name,i=e.price,a=e.imgUrl;return(0,s.jsx)(hi,{children:(0,s.jsxs)("div",{className:fi.bookBox,draggable:"true",onDragStart:function(e){return function(e,t){e=e||window.event;var n=vi[t];e.dataTransfer.setData("id",n.id),e.dataTransfer.effectAllowed="copy"}(e,t)},children:[(0,s.jsx)("img",{src:a,draggable:"false"}),(0,s.jsx)("p",{children:r}),(0,s.jsx)("p",{children:"￥".concat(i)})]})},n)}))}),(0,s.jsxs)("div",{className:fi.shoppingBox,style:u?{border:"1px solid #DD5044",color:"#DD5044"}:{},onDragOver:function(e){e.preventDefault(),u||d(!0)},onDragLeave:function(e){e.preventDefault(),u&&d(!1)},onDrop:function(e){e.preventDefault();var t=e.dataTransfer.getData("id"),n=!1,r=0,o=i.map((function(e){return e.id===t?(n=!0,r=e.price,pi(pi({},e),{},{num:e.num+1})):e}));if(!n){for(var s,c=vi.length-1;c>=0;c--){var l=vi[c];if(l.id===t){r=l.price,s=l;break}}s&&o.unshift(pi(pi({},s),{},{num:1}))}a(o),d(!1),h(g+r)},children:[(0,s.jsxs)("div",{className:fi.tableHead,children:[(0,s.jsx)("div",{className:fi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.title"})}),(0,s.jsx)("div",{className:fi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.price"})}),(0,s.jsx)("div",{className:fi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.count"})})]}),i.map((function(e){var t=e.id,n=e.num,r=e.name,i=e.price;return(0,s.jsxs)("div",{className:fi.tableRow,children:[(0,s.jsx)("div",{className:fi.tableCell,children:r}),(0,s.jsx)("div",{className:fi.tableCell,children:"￥".concat(i)}),(0,s.jsx)("div",{className:fi.tableCell,children:n})]},t)})),i.length>0&&(0,s.jsx)("div",{className:fi.total,children:(0,s.jsxs)("span",{className:fi.totalMoney,children:[e.formatMessage({id:"page.htmlVision.interactiveDesign.total"}),"：￥",(0,s.jsx)("span",{children:g})]})}),(0,s.jsx)("div",{className:fi.tip,children:u?e.formatMessage({id:"page.htmlVision.interactiveDesign.addingToCart"}):e.formatMessage({id:"page.htmlVision.interactiveDesign.dragToThisToBuy"})})]})]})]})},yi=n.p+"images/70af4d01.jpg",Ai="MouseHover_container__QIdL2",wi="MouseHover_content__L5hzm",ji="MouseHover_title__617kC",bi="MouseHover_bottom__jjGyr",_i="MouseHover_right__Aviwn",Di="MouseHover_cursor__IcpdN",Mi=[{name:"两个跨域页面进行跳转传参的终极方案",href:"https://juejin.cn/post/7134967869326458916"},{name:"面试秘籍之手写系列",href:"https://juejin.cn/post/7134975263707758606"},{name:"一款将打包后的Chrome插件自动化加载到浏览器的webpack插件",href:"https://juejin.cn/post/7134991167095062565"},{name:"全网最全AutoIt3基础教程及实战案例",href:"https://juejin.cn/post/7134952028870017060"}],ki=function(){var e=(0,p.Z)(),t=d().scrollTop,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)(!1),c=(0,o.Z)(a,2),l=c[0],u=c[1],m=(0,r.useState)("default"),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useRef)({mouseX:null,mouseY:null}),x=(0,r.useRef)(0),y=function(){h("big")},A=function(){h("default")};return(0,r.useEffect)((function(){return x.current=window.requestAnimationFrame((function e(){var t=v.current,n=t.mouseX,r=t.mouseY;if(null!==n&&null!==r){var a=10;"big"===g&&(a=40);var o=Y.findDOMNode(i.current),s=o.style.left?parseFloat(o.style.left):null,c=o.style.top?parseFloat(o.style.top):null;if(null!==s&&null!==c){var l=n-(s+a),u=r-(c+a),d=Math.hypot(l,u);if(d>0)if(d<=.1)o.style.left="".concat(s,"px"),o.style.top="".concat(c,"px");else{var m=.12*l,f=.12*u;o.style.left="".concat(s+m,"px"),o.style.top="".concat(c+f,"px")}}}x.current=window.requestAnimationFrame(e)})),function(){x.current&&window.cancelAnimationFrame(x.current)}}),[g]),(0,s.jsxs)("div",{className:Ai,onMouseEnter:function(e){var r=e.clientX,a=e.clientY;u(!0);var o=Y.findDOMNode(n.current),s=o.offsetLeft,c=void 0===s?0:s,l=o.offsetTop,d=void 0===l?0:l;v.current={mouseX:r-c,mouseY:a-(d-t)};var m=Y.findDOMNode(i.current);m.style.left="".concat((v.current.mouseX||0)-10,"px"),m.style.top="".concat((v.current.mouseY||0)-10,"px")},onMouseMove:function(e){var r=e.clientX,i=e.clientY,a=Y.findDOMNode(n.current),o=a.offsetLeft,s=void 0===o?0:o,c=a.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:i-(l-t)}},onMouseLeave:function(e){var r=e.clientX,i=e.clientY;u(!1);var a=Y.findDOMNode(n.current),o=a.offsetLeft,s=void 0===o?0:o,c=a.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:i-(l-t)}},ref:n,children:[(0,s.jsxs)("div",{className:wi,children:[(0,s.jsx)("p",{className:ji,onMouseEnter:y,onMouseLeave:A,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.personalArticle"})}),(0,s.jsxs)("div",{className:bi,children:[(0,s.jsx)("img",{src:yi,alt:"",onMouseEnter:y,onMouseLeave:A}),(0,s.jsx)("div",{className:_i,children:Mi.map((function(e,t){return(0,s.jsx)("a",{href:e.href,target:"_blank",onMouseEnter:y,onMouseLeave:A,children:e.name},t)}))})]})]}),(0,s.jsx)("div",{className:Di,style:{visibility:l?"visible":"hidden",width:"".concat("big"===g?80:20,"px"),height:"".concat("big"===g?80:20,"px")},ref:i})]})},Ni="SlideButtonTab_container__eT4SM",Ei="SlideButtonTab_content__6sIYs",Ci="SlideButtonTab_btn__tD8IC",Si="SlideButtonTab_actived__RWXqG",Pi=new Array(4).fill(0),Bi=function(){var e=(0,r.useRef)(null),t=(0,r.useState)(0),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useRef)(0);return(0,r.useEffect)((function(){if(e.current){var t=(e.current.getBoundingClientRect().width-32-8*(2*Pi.length-2))/Pi.length;e.current.style.setProperty("--btnWidth","".concat(t,"px")),c.current=t}}),[]),(0,s.jsxs)("div",{className:Ni,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.swipeTab"}),(0,s.jsx)("div",{className:Ei,ref:e,children:Pi.map((function(t,n){return(0,s.jsxs)("div",{className:"".concat(Ci," ").concat(i===n?Si:""),onClick:function(){return function(t){if(e.current&&i!==t){var n="".concat(16+c.current*t+8*t*2,"px");e.current.style.setProperty("--groove-left",n);var r="0deg";r=t<i?"-8deg":"8deg",e.current.style.setProperty("--wraper-rotate",r),window.setTimeout((function(){e.current&&e.current.style.setProperty("--wraper-rotate","0deg")}),600),a(t)}}(n)},children:["Button",n+1]},n)}))})]})},Ii=n.p+"images/a601ac6c.png",Ti=n.p+"images/d1a0696c.png",Ri=n.p+"images/e430aae1.png",Fi=n.p+"images/b2b0669d.png",Oi=n.p+"images/f354e378.png",Zi=n.p+"images/c6c82aab.png",Gi=n.p+"images/7075d257.png",Qi=n.p+"images/b637b49e.png",Li="FlipBook_container__bOMio",zi="FlipBook_pages__Ls1i4",Hi="FlipBook_paper__qnIh0",Vi="FlipBook_page__5K+Jz",Ui="FlipBook_left-show-front-page__I3ToF",Wi="FlipBook_right-show-back-page__crJO-",Yi="FlipBook_left-show-back-page__yRt8k",Ji="FlipBook_right-show-front-page__pTHC0",qi="FlipBook_left-hide-front-page__kQs3M",Ki="FlipBook_left-hide-back-page__lMGif",Xi="FlipBook_right-hide-front-page__8XaW9",$i="FlipBook_btns__9Cs+L",ea="FlipBook_btn__QmvzH",ta=[[Ii,Ti],[Ri,Fi],[Oi,Zi],[Gi,Qi]],na=[Ui,Yi,Ji,Wi,qi,Ki,Xi,"FlipBook_right-hide-back-page__56D1v"],ra=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(0),i=(0,r.useRef)(!1),a=function(){if(t.current){var e=t.current.children;Array.prototype.forEach.call(e,(function(e,t){if(e.attributes&&e.attributes.length){var r,i;if(e.attributes.getNamedItem("data-left"))null===(r=e.attributes)||void 0===r||r.removeNamedItem("data-left");if(e.attributes.getNamedItem("data-right"))null===(i=e.attributes)||void 0===i||i.removeNamedItem("data-right")}var a=e.children;if(t===n.current){var o,s,c,l,u=document.createAttribute("data-left");u.nodeValue="true",e.attributes.setNamedItem(u),e.style.transform="perspective(1000px) rotateY(-180deg)",e.style.zIndex="4",null===(o=a[0].classList)||void 0===o||o.remove.apply(o,na),null===(s=a[0].classList)||void 0===s||s.add(Yi),null===(c=a[1].classList)||void 0===c||c.remove.apply(c,na),null===(l=a[1].classList)||void 0===l||l.add(Ui)}else if(t===n.current+1){var d,m,f,g,p=document.createAttribute("data-right");p.nodeValue="true",e.attributes.setNamedItem(p),e.style.transform="perspective(1000px) rotateY(0deg)",e.style.zIndex="4",null===(d=a[0].classList)||void 0===d||d.remove.apply(d,na),null===(m=a[0].classList)||void 0===m||m.add(Ji),null===(f=a[1].classList)||void 0===f||f.remove.apply(f,na),null===(g=a[1].classList)||void 0===g||g.add(Wi)}else if(t<n.current){var h,v,x,y;e.style.transform="perspective(1000px) rotateY(-180deg)",t===n.current-1?e.style.zIndex="3":e.style.zIndex="2",null===(h=a[0].classList)||void 0===h||h.remove.apply(h,na),null===(v=a[0].classList)||void 0===v||v.add(Ki),null===(x=a[1].classList)||void 0===x||x.remove.apply(x,na),null===(y=a[1].classList)||void 0===y||y.add(qi)}else{var A,w,j,b;e.style.transform="perspective(1000px) rotateY(0deg)",t===n.current+2?e.style.zIndex="3":e.style.zIndex="2",null===(A=a[0].classList)||void 0===A||A.remove.apply(A,na),null===(w=a[0].classList)||void 0===w||w.add(Xi),null===(j=a[1].classList)||void 0===j||j.remove.apply(j,na),null===(b=a[1].classList)||void 0===b||b.add(Ki)}}))}i.current=!1};return(0,r.useLayoutEffect)((function(){var e=document.styleSheets[0];e.insertRule("@keyframes flip-to-left {\n        from {\n          transform: perspective(1000px) rotateY(0);\n        }\n        to {\n          transform: perspective(1000px) rotateY(-180deg);\n        }\n      }"),e.insertRule("@keyframes flip-to-right {\n        from {\n          transform: perspective(1000px) rotateY(-180deg);\n        }\n        to {\n          transform: perspective(1000px) rotateY(0);\n        }\n      }"),i.current=!0,a()}),[]),(0,s.jsxs)("div",{className:Li,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.flipBoook"}),(0,s.jsx)("div",{className:zi,ref:t,children:ta.map((function(e,t){return(0,s.jsxs)("div",{className:Hi,children:[(0,s.jsx)("div",{className:Vi,children:(0,s.jsx)("img",{src:e[0],alt:""})}),(0,s.jsx)("div",{className:Vi,children:(0,s.jsx)("img",{src:e[1],alt:""})})]},t)}))}),(0,s.jsxs)("div",{className:$i,children:[(0,s.jsx)(oe.Z,{type:"primary",className:ea,onClick:function(){if(!(n.current<=-1||i.current)){if(i.current=!0,t.current){var e=t.current.children[n.current];e.style.animation="flip-to-right 2s ease-in-out forwards",setTimeout((function(){e.style.zIndex="5"}),1e3)}setTimeout((function(){n.current=n.current-1,a()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.previousPage"})}),(0,s.jsx)(oe.Z,{type:"primary",className:ea,onClick:function(){if(!(n.current>=ta.length-1||i.current)){if(i.current=!0,t.current){var e=t.current.children[n.current+1];e.style.animation="flip-to-left 2s ease-in-out forwards",setTimeout((function(){e.style.zIndex="5"}),1e3)}setTimeout((function(){n.current=n.current+1,a()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.nextPage"})})]})]})},ia="switch_container__i9Gh6",aa="switch_box__M6wl2",oa="switch_icon__AQIrn";function sa(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ca(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?sa(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):sa(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var la=function(e){var t=e.open,n=e.width,i=void 0===n?90:n,a=e.height,c=void 0===a?40:a,l=e.openIcon,u=e.closeIcon,d=e.onChange,m=e.style,f=void 0===m?{}:m,g=e.className,p=void 0===g?"":g,h=(0,r.useState)(void 0!==t&&t),v=(0,o.Z)(h,2),x=v[0],y=v[1];return(0,s.jsxs)("div",{className:"".concat(ia," ").concat(p),style:ca({width:"".concat(i,"px"),height:"".concat(c,"px"),borderRadius:"".concat(c/2,"px"),backgroundColor:void 0!==t&&t||void 0===t&&x?"#e4e4e4":"#1a1c20"},f),onClick:function(){void 0!==t?d&&d(!t):y(!x)},children:[(0,s.jsx)("div",{className:aa,style:void 0!==t&&t||void 0===t&&x?{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),borderRadius:"50%",top:"".concat(.1*c,"px"),left:"".concat(.1*c,"px")}:{width:"".concat(.2*c,"px"),height:"".concat(.7*c,"px"),borderRadius:"".concat(.2*c/2,"px"),top:"".concat(.15*c,"px"),left:"".concat(i-c/2,"px")}}),u&&(0,s.jsx)("div",{className:oa,style:{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),top:"".concat(.1*c,"px"),left:"".concat(.1*c,"px"),opacity:void 0!==t&&t||void 0===t&&x?0:1,display:"flex",alignItems:"center"},children:u}),l&&(0,s.jsx)("div",{className:oa,style:{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),top:"".concat(.1*c,"px"),left:"".concat(i-.9*c,"px"),opacity:void 0!==t&&t||void 0===t&&x?1:0,display:"flex",alignItems:"center",justifyContent:"flex-end"},children:l})]})},ua=n.p+"images/16a09882.png",da=n.p+"images/58bbf8ef.png",ma="Switchs_container__pX5RV",fa=function(){return(0,s.jsxs)("div",{className:ma,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.switchButton"}),(0,s.jsx)(la,{width:66,height:30}),(0,s.jsx)(la,{width:76,height:34,openIcon:(0,s.jsx)("span",{style:{color:"#333",marginRight:"2px"},children:"ON"}),closeIcon:(0,s.jsx)("span",{style:{color:"#fff",marginLeft:"4px"},children:"OFF"}),style:{margin:"0 60px"}}),(0,s.jsx)(la,{openIcon:(0,s.jsx)("img",{src:ua,alt:"",width:26,height:26}),closeIcon:(0,s.jsx)("img",{src:da,alt:"",width:26,height:26})})]})},ga=n.p+"images/0e3fc4a1.png",pa=n.p+"images/036f3b2c.png",ha=n.p+"images/de961e69.png",va=n.p+"images/77eff419.png",xa=n.p+"images/bae3b2af.png",ya=n.p+"images/641be512.png",Aa=n.p+"images/bb4c7aec.png",wa=n.p+"images/95259d51.png",ja=n.p+"images/a3f5bcd3.png",ba="animation_container__bfyEi",_a="animation_content__H8vdL",Da="animation_people__3G2ps",Ma="animation_giftBox__06Ghv",ka="animation_coin__9Ei6m",Na="animation_gift__fEEYc",Ea=600,Ca=80,Sa="CCW",Pa=0,Ba=0,Ia=0,Ta=!1,Ra=!1,Fa={icon1:{top:60,left:32,vx:-4.5},icon2:{top:30,left:34,vx:-3},icon3:{top:50,left:36,vx:0},icon4:{top:80,left:38,vx:1},icon5:{top:36,left:40,vx:3},icon6:{top:60,left:42,vx:2},icon7:{top:90,left:44,vx:5}},Oa={icon1:{top:Fa.icon1.top,left:Fa.icon1.left,vx:-4.5,vy:0,g:.2,opacity:0,isMoving:!1},icon2:{top:Fa.icon2.top,left:Fa.icon2.left,vx:-3,vy:0,g:.3,opacity:0,isMoving:!1},icon3:{top:Fa.icon3.top,left:Fa.icon3.left,vx:0,vy:0,g:.2,opacity:0,isMoving:!1},icon4:{top:Fa.icon4.top,left:Fa.icon4.left,vx:1,vy:0,g:.3,opacity:0,isMoving:!1},icon5:{top:Fa.icon5.top,left:Fa.icon5.left,vx:3,vy:0,g:.4,opacity:0,isMoving:!1},icon6:{top:Fa.icon6.top,left:Fa.icon6.left,vx:2,vy:0,g:.5,opacity:0,isMoving:!1},icon7:{top:Fa.icon7.top,left:Fa.icon7.left,vx:5,vy:0,g:.3,opacity:0,isMoving:!1}};function Za(e,t,n){var r=0;return n>-e&&n<e&&(r=Math.sqrt((1-Math.pow(n,2)/Math.pow(e,2))*Math.pow(t,2))),r}var Ga=function(e){var t=e.noDropCoins,n=void 0!==t&&t,i=e.clickNoDropCoins,a=void 0!==i&&i,o=(0,r.useRef)(null),c=(0,r.useRef)(null);return(0,r.useLayoutEffect)((function(){var e=0,t=64,r=Za(Ca,40,t);return e=window.requestAnimationFrame((function i(){if(o.current){var a=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=e,o=t;return 0!==n&&(a=e*Math.cos(n)+t*Math.sin(n)+r,o=-e*Math.sin(n)+t*Math.cos(n)+i),{transitionX:a,transitionY:o}}(t,r,Pa,Ba,Ia),s=a.transitionX,l=a.transitionY,u=Y.findDOMNode(o.current);if(!u)return;u.offsetWidth<350?Ea=500:u.offsetWidth<400&&(Ea=550),u.style.left="".concat(s,"px"),u.style.top="".concat(-l,"px");var d=1.5;t>=Ca?("CCW"===Sa?(Pa=0,Ba=0,Ia=0):(Pa=120,Ba=17,Ia=49),n||(Ta=!0,Ra=!0)):t<=-Ca&&(Sa="CCW"===Sa?"CW":"CCW",n||(Ta=!0,Ra=!0)),Math.abs(t)>16&&(d=1.5*Math.pow(Math.cos(t/Ca),2));var m=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=r,s=i;return(o=r>=e?r-a:r<=-e?r+a:"CCW"===n?i>0?r-a:r+a:i<0?r-a:r+a)>e?o=e:o<-e&&(o=-e),(s=Za(e,t,o))>0&&(r>=e?"CCW"!==n&&(s=-s):r<=-e?"CCW"===n&&(s=-s):i<0&&(s=-s)),{nextX:o,nextY:s}}(Ca,40,Sa,t,r,d),f=m.nextX,g=m.nextY;t=f,r=g;var p=null;c&&c.current&&(p=Y.findDOMNode(c.current));var h=!0;p&&Object.keys(Oa).forEach((function(e,t){var n=p.childNodes[t];if(n){var r=Oa[e],i=r.top,a=r.left,o=r.vx,s=r.vy,c=r.g,l=r.opacity,u=r.isMoving;if(u||Ta){var d=Fa[e],m=i+s,f=a+o,g=o;g=Math.abs(o)>.1?o>0?o-.1:o+.1:0;var v=m-d.top,x=Ea-d.top,y=x/2*.45,A=l;v/x>.55&&(v=y-(m-.55*x)),(A=(v/y).toFixed(2))>1&&(A=1);var w=s+c,j=u;0===m?(m=d.top,f=d.left,g=d.vx,j=!0):m>=Ea?(m=0,f=0,A=0,g=0,w=0,j=!1):(h=!1,Ta&&(j=!0)),n.style.top="".concat(m,"px"),n.style.left="".concat(f,"px"),n.style.opacity=A,Object.assign(r,{top:m,left:f,vx:g,vy:w,isMoving:j})}}})),Ta&&(Ta=!1),h&&(Ra=!1)}e=window.requestAnimationFrame(i)})),function(){e&&window.cancelAnimationFrame(e)}}),[]),(0,s.jsx)("div",{className:ba,children:(0,s.jsxs)("div",{className:_a,ref:o,children:[(0,s.jsx)("img",{src:ga,alt:"",className:Da}),(0,s.jsxs)("div",{className:Ma,onClick:function(){a||Ra||(Ta=!0,Ra=!0)},ref:c,children:[(0,s.jsx)("img",{src:ha,alt:"",className:ka}),(0,s.jsx)("img",{src:va,alt:"",className:ka}),(0,s.jsx)("img",{src:xa,alt:"",className:ka}),(0,s.jsx)("img",{src:ya,alt:"",className:ka}),(0,s.jsx)("img",{src:Aa,alt:"",className:ka}),(0,s.jsx)("img",{src:wa,alt:"",className:ka}),(0,s.jsx)("img",{src:ja,alt:"",className:ka}),(0,s.jsx)("img",{src:pa,alt:"",className:Na})]})]})})},Qa="PeopleAnimation_container__P9IRI",La=function(){return(0,s.jsx)("div",{className:Qa,children:(0,s.jsx)(Ga,{})})},za={container:"TweakCube_container__chHsQ",content:"TweakCube_content__rXgCM",cube:"TweakCube_cube__c9JMo",changeColor:"TweakCube_changeColor__SsQtL",column0:"TweakCube_column0__0ANAL",span0:"TweakCube_span0__kaIxY",span1:"TweakCube_span1__RA+mL",span2:"TweakCube_span2__BzTLy",column1:"TweakCube_column1__9Hhyi",column2:"TweakCube_column2__EbxfC"},Ha=new Array(3).fill(0),Va=function(){return(0,s.jsxs)("div",{className:za.container,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.pseudo3DRubikCube"}),(0,s.jsx)("div",{className:za.content,children:Ha.map((function(e,t){return(0,s.jsx)("div",{className:za.cube,children:Ha.map((function(e,t){return(0,s.jsx)("div",{className:za["column".concat(t)],children:Ha.map((function(e,t){return(0,s.jsx)("span",{className:za["span".concat(t)]},t)}))},t)}))},t)}))})]})},Ua="Preserve3dBox_container__S8Nkn",Wa="Preserve3dBox_content__OkpkD",Ya="Preserve3dBox_box__xhigG",Ja="Preserve3dBox_side1__OlfJ5",qa="Preserve3dBox_side2__N20GX",Ka="Preserve3dBox_side3__t1Hxo",Xa="Preserve3dBox_side4__7YzMw",$a="Preserve3dBox_side5__38WMJ",eo="Preserve3dBox_side6__pWRYS",to="Preserve3dBox_light__8ms1v",no=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(){if(n.current=null,t.current){var e=t.current.children;Array.prototype.forEach.call(e,(function(e){Array.prototype.includes.call(e.classList,to)&&e.classList.remove(to)})),document.styleSheets[0].insertRule("@keyframes preserve3dRotate {\n            100% {\n                transform: rotate3d(1, 1, 1, 360deg);\n              }\n          }"),t.current.style.animation="preserve3dRotate 10s linear infinite"}},a=function(e){null==e||e.classList.add(to)};return(0,s.jsxs)("div",{className:Ua,onMouseDown:function(e){var r=e.clientX,i=e.clientY,a=window.getComputedStyle(Y.findDOMNode(t.current)).transform;if(a&&"none"!==a){var o=a.match(/matrix(3d)?((.+))/);if(o&&o.length>=3){var s=o[2].split(", ")||[],c=180*Math.acos(Number(s[5]))/Math.PI,l=180*Math.acos(Number(s[10]))/Math.PI;n.current={x:r,y:i,rotateX:c,rotateY:l}}}},onMouseMove:function(e){if(t.current&&n.current){var r=e.clientX,i=e.clientY,a=n.current,o=a.x,s=a.y,c=a.rotateX,l=a.rotateY,u=2*(s-i),d=(r-o)/2;t.current&&(t.current.style.animation="none"),t.current.style.transform="rotateX(".concat(c+u,"deg) rotateY(").concat(l+d,"deg)")}},onMouseUp:i,onMouseLeave:i,ref:e,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.3DRubikCube"}),(0,s.jsx)("div",{className:Wa,children:(0,s.jsxs)("div",{className:Ya,ref:t,children:[(0,s.jsx)("div",{className:Ja,onClick:function(e){t.current&&(t.current.style.transform="rotateX(360deg) rotateY(360deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:qa,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(180deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:Ka,onClick:function(e){t.current&&(t.current.style.transform="rotateX(270deg) rotateY(0deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:Xa,onClick:function(e){t.current&&(t.current.style.transform="rotateX(90deg) rotateY(180deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:$a,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(90deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:eo,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(270deg)",t.current.style.animation="none",a(e.target))}})]})})]})},ro="OrientationSenseCard_container__wM4Og",io="OrientationSenseCard_content__nHHlN",ao="OrientationSenseCard_card__kb1rR",oo=[Ri,Fi,Zi,Gi,Qi],so=function(){return(0,s.jsxs)("div",{className:ro,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection"}),(0,s.jsx)("div",{className:io,children:oo.map((function(e,t){return(0,s.jsx)("div",{className:ao,children:(0,s.jsx)("img",{src:e,alt:""})},t)}))})]})},co="HexagonalMesh1_container__4Mauo",lo="HexagonalMesh1_item__uupv2",uo=new Array(800).fill(0),mo=function(){var e=(0,r.useRef)(null),t=function(){if(e.current){var t=e.current.getBoundingClientRect(),n=t.width/2,r=t.height/2;e.current.style.setProperty("--xPos","".concat(n,"px")),e.current.style.setProperty("--yPos","".concat(r,"px"))}};return(0,r.useEffect)((function(){t()}),[]),(0,s.jsx)("div",{className:co,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:uo.map((function(e,t){return(0,s.jsx)("div",{className:lo},t)}))})},fo="HexagonalMesh2_container__7Eq5-",go="HexagonalMesh2_item__RBkZx",po=new Array(800).fill(0),ho=function(){var e=(0,r.useRef)(null),t=function(){if(e.current){var t=e.current.getBoundingClientRect(),n=t.width/2,r=t.height/2;e.current.style.setProperty("--xPos","".concat(n,"px")),e.current.style.setProperty("--yPos","".concat(r,"px"))}};return(0,r.useEffect)((function(){t()}),[]),(0,s.jsx)("div",{className:fo,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:po.map((function(e,t){return(0,s.jsx)("div",{className:go},t)}))})},vo="HexagonalMesh3_container__7cOnb",xo="HexagonalMesh3_item__JnppT",yo=new Array(800).fill(0),Ao=function(){var e=(0,r.useRef)(null);return(0,s.jsx)("div",{className:vo,ref:e,children:yo.map((function(e,t){return(0,s.jsx)("div",{className:xo},t)}))})},wo=n(34262),jo=n(39464),bo=n(12304),_o=n(24406),Do=n(4333),Mo=n(83428),ko=n(78874),No=n(59401),Eo=n(73566),Co=n(98059),So=n(48107),Po=n(5698),Bo=n(97998),Io=n(75013),To=n(14294),Ro=n(18152),Fo=n(36108),Oo=n(98522),Zo=n(77093),Go=n(55017),Qo=n(67753),Lo=n(26223),zo=n(98261),Ho=n(93017),Vo=n(77125),Uo=n(79728),Wo=n(93366),Yo=n(98587),Jo=n(2905),qo=n(11013),Ko=n(44251),Xo=n(94506),$o=n(49434),es=n(38419),ts=n(1627),ns=n(20720),rs=n(6355),is=n(892),as=n(49688),os=n(78823),ss=n(80856),cs=n(26589),ls=n(7364),us=n(14283),ds=n(54618),ms=n(3248),fs=n(18401),gs=n(5405),ps=n(82272),hs=n(59512),vs=n(62965),xs=n(88630),ys=n(25449),As=n(57551),ws=n(89317),js=n(72285),bs=n(68479),_s=n(71938),Ds=n(2825),Ms=n(43926),ks=n(85369),Ns=n(53318),Es=n(85008),Cs=n(45452),Ss=n(4334),Ps=n(72850),Bs=n(19671),Is=n(97254),Ts=n(70913),Rs=n(56022),Fs=n(16640),Os=n(23375),Zs=n(12854),Gs=n(88485),Qs=n(33040),Ls=n(63392),zs=n(73888),Hs=n(48965),Vs=n(4711),Us=n(56931),Ws=n(24616),Ys=n(51984),Js="IconScroll_container__pHJbN",qs="IconScroll_row__ueyux",Ks=new Array(40).fill(0),Xs=function(){var e=function(){return(0,s.jsxs)("div",{children:[(0,s.jsx)(wo.Z,{}),(0,s.jsx)(jo.Z,{}),(0,s.jsx)(bo.Z,{}),(0,s.jsx)(_o.Z,{}),(0,s.jsx)(Do.Z,{}),(0,s.jsx)(Mo.Z,{}),(0,s.jsx)(ko.Z,{}),(0,s.jsx)(No.Z,{}),(0,s.jsx)(Eo.Z,{}),(0,s.jsx)(Co.Z,{}),(0,s.jsx)(So.Z,{}),(0,s.jsx)(Po.Z,{}),(0,s.jsx)(Bo.Z,{}),(0,s.jsx)(Io.Z,{}),(0,s.jsx)(To.Z,{}),(0,s.jsx)(Ro.Z,{}),(0,s.jsx)(Fo.Z,{}),(0,s.jsx)(Oo.Z,{}),(0,s.jsx)(Zo.Z,{}),(0,s.jsx)(Go.Z,{}),(0,s.jsx)(Qo.Z,{}),(0,s.jsx)(Lo.Z,{}),(0,s.jsx)(zo.Z,{}),(0,s.jsx)(Ho.Z,{}),(0,s.jsx)(Vo.Z,{}),(0,s.jsx)(Uo.Z,{}),(0,s.jsx)(Wo.Z,{}),(0,s.jsx)(Yo.Z,{}),(0,s.jsx)(Jo.Z,{}),(0,s.jsx)(qo.Z,{}),(0,s.jsx)(Ko.Z,{}),(0,s.jsx)(Xo.Z,{}),(0,s.jsx)($o.Z,{}),(0,s.jsx)(es.Z,{}),(0,s.jsx)(ts.Z,{}),(0,s.jsx)(ns.Z,{}),(0,s.jsx)(rs.Z,{}),(0,s.jsx)(is.Z,{}),(0,s.jsx)(as.Z,{}),(0,s.jsx)(os.Z,{}),(0,s.jsx)(ss.Z,{}),(0,s.jsx)(cs.Z,{}),(0,s.jsx)(ls.Z,{}),(0,s.jsx)(us.Z,{}),(0,s.jsx)(ds.Z,{}),(0,s.jsx)(ms.Z,{}),(0,s.jsx)(fs.Z,{}),(0,s.jsx)(gs.Z,{}),(0,s.jsx)(ps.Z,{}),(0,s.jsx)(hs.Z,{}),(0,s.jsx)(vs.Z,{}),(0,s.jsx)(xs.Z,{}),(0,s.jsx)(ys.Z,{}),(0,s.jsx)(As.Z,{}),(0,s.jsx)(ws.Z,{}),(0,s.jsx)(js.Z,{}),(0,s.jsx)(bs.Z,{}),(0,s.jsx)(_s.Z,{}),(0,s.jsx)(Ds.Z,{}),(0,s.jsx)(J.Z,{}),(0,s.jsx)(Ms.Z,{}),(0,s.jsx)(ks.Z,{}),(0,s.jsx)(Ns.Z,{}),(0,s.jsx)(Es.Z,{}),(0,s.jsx)(Cs.Z,{}),(0,s.jsx)(Ss.Z,{}),(0,s.jsx)(Ps.Z,{}),(0,s.jsx)(Bs.Z,{}),(0,s.jsx)(Is.Z,{}),(0,s.jsx)(x.Z,{}),(0,s.jsx)(Ts.Z,{}),(0,s.jsx)(Rs.Z,{}),(0,s.jsx)(Fs.Z,{}),(0,s.jsx)(Os.Z,{}),(0,s.jsx)(Zs.Z,{}),(0,s.jsx)(Gs.Z,{}),(0,s.jsx)(Qs.Z,{}),(0,s.jsx)(Ls.Z,{}),(0,s.jsx)(zs.Z,{}),(0,s.jsx)(Hs.Z,{}),(0,s.jsx)(Vs.Z,{}),(0,s.jsx)(Us.Z,{}),(0,s.jsx)(Ws.Z,{}),(0,s.jsx)(Ys.Z,{})]})};return(0,s.jsx)("div",{className:Js,children:Ks.map((function(t,n){return(0,s.jsxs)("div",{className:qs,children:[e(),e()]},n)}))})},$s=n(67724),ec=n(8812),tc="WipeSwitchover_container__zA+wD",nc="WipeSwitchover_mask1__efwWk",rc="WipeSwitchover_mask2__bTFbb",ic="WipeSwitchover_mask3__Gaobg",ac="WipeSwitchover_mask4__ZERnA",oc="WipeSwitchover_mask5__MkpDg",sc="WipeSwitchover_page1__ex092",cc="WipeSwitchover_page2__S7sFb",lc="WipeSwitchover_page3__JtV7t",uc="WipeSwitchover_page4__9G6Y9",dc="WipeSwitchover_page5__uBeX2",mc="WipeSwitchover_prevBtn__6vW6Q",fc="WipeSwitchover_icon__Z3ryB",gc="WipeSwitchover_nextBtn__sVZkG",pc=.006,hc=[8,8,8,7,30],vc=[.72,.7,1,1,.32],xc=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(hc.length-1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useRef)(hc.length-1),d=(0,r.useRef)(!1),m=(0,r.useRef)(0),f=function e(t,n){if(t){d.current=!0;var r=t.style.strokeDashoffset,i=0;if(r)if("0"===r)i=Number((hc[u.current]*pc).toFixed(2));else if(r.includes("px")){var a=Number(r.substring(0,r.length-2));if(n<u.current){if(a>=hc[u.current])return d.current=!1,u.current=n,void l(n);i=Number((hc[u.current]*pc+a).toFixed(2))}else if(n>u.current){if(a>=2*hc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);i=Number((hc[n]*pc+a).toFixed(2))}}else{var o=Number(r);if(n<u.current){if(o>=hc[u.current])return d.current=!1,u.current=n,void l(n);i=Number((hc[u.current]*pc+o).toFixed(2))}else if(n>u.current){if(o>=2*hc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);i=Number((hc[n]*pc+o).toFixed(2))}}else i=Number((hc[u.current]*pc).toFixed(2));t.style.strokeDashoffset="".concat(i,"px"),m.current=window.requestAnimationFrame((function(){return e(t,n)}))}},g=function(){if(e.current&&n.current){var r=e.current.clientWidth,i=Math.ceil(600+.1*(r-1140));Array.prototype.forEach.call(n.current.children,(function(e,t){var n=window.getComputedStyle(e.children[0],null).getPropertyValue("transform");if(n&&n.startsWith("matrix")){var i=n.split(", ");i[0]="".concat(i[0].substring(0,7)).concat(Math.ceil(vc[t]*r)),n=i.join(", ")}e.children[0].style.transform=n})),t.current&&(e.current.style.height="".concat(i,"px"),Array.prototype.forEach.call(t.current.children,(function(e){if("g"===e.tagName){e.style.height="".concat(i,"px"),e.children[0].style.height="".concat(i,"px"),e.children[0].style.transform="".concat(i,"px");var t=Math.floor(r/2-240-40),n=Math.floor((i-340)/2);e.children[1].style.transform="translate(".concat(t,"px, ").concat(n,"px)")}})))}};return(0,r.useEffect)((function(){return g(),function(){m.current&&cancelAnimationFrame(m.current)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",g),function(){window.removeEventListener("resize",g)}}),[]),(0,s.jsxs)("div",{className:tc,ref:e,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.wipeTheEffect"}),(0,s.jsxs)("svg",{ref:t,children:[(0,s.jsxs)("defs",{ref:n,children:[(0,s.jsx)("mask",{id:"mask1",className:nc,children:(0,s.jsx)("path",{d:"M0.712-0.263\r c0,0-0.009,0.466-0.001,0.593c0.002,0.033,0.013,0.098-0.149,0.098c-0.157,0-0.16-0.049-0.161-0.08\r C0.398,0.245,0.395,0.04,0.399-0.063c0.001-0.035,0.009-0.105-0.162-0.102C0.088-0.163,0.091-0.093,0.09-0.059\r C0.09,0.04,0.08,0.238,0.09,0.337C0.093,0.368,0.107,0.42-0.058,0.42c-0.162,0-0.136-0.05-0.139-0.079\r C-0.21,0.234-0.207,0.033-0.2-0.069c0.002-0.035,0.015-0.103-0.16-0.102C-0.521-0.171-0.511-0.1-0.509-0.066\r C-0.502,0.046-0.51,0.379-0.51,0.379"})}),(0,s.jsx)("mask",{id:"mask2",className:rc,children:(0,s.jsx)("path",{d:"M-0.305,0.045\r c0,0,1.262-0.007,1.36-0.007c0.231,0,0.229,0.224-0.001,0.224c-0.14,0.001-0.929-0.002-1.042,0c-0.174,0.003-0.17,0.224-0.021,0.23\r c0.288,0.011,0.87-0.005,1.055-0.011C1.223,0.475,1.228,0.71,1.071,0.71C0.779,0.723,0.09,0.705-0.038,0.712\r s-0.148,0.223,0.031,0.234s0.233,0.011,0.233,0.011"})}),(0,s.jsx)("mask",{id:"mask3",className:ic,children:(0,s.jsx)("path",{d:"M1.15844,0.36167L1.08063,0.40111C0.95906,0.528330.94358,0.771430.87938,0.95278C0.81605,1.131660.65918,1.069850.71313,0.88778C0.75751,0.737960.89903,0.356360.93094,0.16944C0.95119,0.050820.84113,-0.056650.77563,0.12056C0.70882,0.301290.46792,1.203240.32092,0.97256C0.23658,0.840220.60869,0.261270.58134,0.05953C0.56686,-0.047280.49508,-0.06670.43749,0.0378C0.32377,0.244160.27639,0.451050.17792,0.71504C0.07944,0.979030.00295,0.842150.01094,0.75333C0.03758,0.457110.31406,0.1150.23375,-0.01111C0.15331,-0.137420.09392,0.21887-0.0325,0.23722"})}),(0,s.jsx)("mask",{id:"mask4",className:ac,children:(0,s.jsx)("path",{d:"M0.559-0.226L0.535-0.16\r c-0.196,0.171,0.09,0.27-0.022,0.436C0.49,0.31,0.384,0.312,0.344,0.202c-0.035-0.097-0.033-0.195,0.014-0.26\r c0.105-0.143,0.209-0.079,0.264,0.003c0.061,0.09,0.066,0.192,0.047,0.265c-0.093,0.35-0.537,0.162-0.49-0.159\r c0.019-0.129,0.095-0.202,0.196-0.228c0.13-0.034,0.289-0.028,0.373,0.063c0.083,0.09,0.094,0.349-0.014,0.466\r C0.64,0.452,0.178,0.502,0.077,0.256C-0.05-0.055,0.18-0.217,0.373-0.227c0.224-0.012,0.463-0.017,0.535,0.128\r C0.993,0.072,0.978,0.29,0.813,0.427"})}),(0,s.jsx)("mask",{id:"mask5",className:oc,children:(0,s.jsx)("path",{d:"M1.854-1.746L1.537-1.042\r c0.01,0.123-1.79,0.327-2.269,0.467C-1.433-0.37-1.427,0.309-0.835,0.209c0.464-0.078,3.077-0.572,3.921-0.742\r C3.714-0.66,3.81-0.043,3.364,0.102C2.423,0.406-0.153,0.795-1.188,1.026c-0.494,0.11-0.409,0.646,0.107,0.629\r c0.76-0.025,3.983-0.752,4.594-0.793c0.399-0.045,0.967,0.403-0.091,0.66C3.028,1.685,1,2.067,0.612,2.239\r C0.225,2.411,0.27,2.982,1.007,2.833l2.979-0.615"})})]}),(0,s.jsxs)("g",{className:sc,mask:"url(#mask1)",children:[(0,s.jsx)("rect",{fill:"#e3e4e5"}),(0,s.jsx)("image",{xlinkHref:Ii}),(0,s.jsx)("text",{fill:"#757576",children:"Book5"})]}),(0,s.jsxs)("g",{className:cc,mask:"url(#mask2)",children:[(0,s.jsx)("rect",{fill:"#7e7f83"}),(0,s.jsx)("image",{xlinkHref:Ti}),(0,s.jsx)("text",{fill:"#dedede",children:"Book4"})]}),(0,s.jsxs)("g",{className:lc,mask:"url(#mask3)",children:[(0,s.jsx)("rect",{fill:"#f8d3cc"}),(0,s.jsx)("image",{xlinkHref:Ri}),(0,s.jsx)("text",{fill:"#b0304e",children:"Book3"})]}),(0,s.jsxs)("g",{className:uc,mask:"url(#mask4)",children:[(0,s.jsx)("rect",{fill:"#d2e4ce"}),(0,s.jsx)("image",{xlinkHref:Fi}),(0,s.jsx)("text",{fill:"#04756e",children:"Book2"})]}),(0,s.jsxs)("g",{className:dc,mask:"url(#mask5)",children:[(0,s.jsx)("rect",{fill:"#cad9e5"}),(0,s.jsx)("image",{xlinkHref:Oi}),(0,s.jsx)("text",{fill:"#142864",children:"Book1"})]})]}),(0,s.jsx)("div",{className:mc,style:c>=hc.length-1?{pointerEvents:"none"}:{},onClick:function(){if(!d.current&&n.current){var e=c+1,t=n.current.children[e].children[0];f(t,e)}},children:(0,s.jsx)("div",{className:fc,children:(0,s.jsx)($s.Z,{})})}),(0,s.jsx)("div",{className:gc,style:c<=0?{pointerEvents:"none"}:{},onClick:function(){if(!d.current&&n.current){var e=c-1,t=n.current.children[c].children[0];f(t,e)}},children:(0,s.jsx)("div",{className:fc,children:(0,s.jsx)(ec.Z,{})})})]})},yc="AutoCompletePunctuation_container__EjYmN",Ac="AutoCompletePunctuation_content__PIXsh",wc={"'":"'",'"':'"',"(":")","（":"）","【":"】","[":"]","《":"》","「":"」","『":"』","{":"}","“":"”","‘":"’"},jc=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useCallback)((function(e){var t=wc[e.data];if(t&&("insertText"===e.inputType||"compositionend"===e.type))if(["TEXTAREA","INPUT"].includes(e.target.tagName))e.target.setRangeText(t);else{var n=document.createTextNode(t),r=document.getSelection();if(r){var i=r.getRangeAt(0);i.insertNode(n),i.setEndBefore(n),i.commonAncestorContainer.normalize()}}}),[]);return(0,r.useEffect)((function(){return e.current&&(e.current.addEventListener("input",n),e.current.addEventListener("compositionend",n)),t.current&&(t.current.addEventListener("input",n),t.current.addEventListener("compositionend",n)),function(){e.current&&(e.current.removeEventListener("input",n),e.current.removeEventListener("compositionend",n)),t.current&&(t.current.removeEventListener("input",n),t.current.removeEventListener("compositionend",n))}}),[]),(0,s.jsxs)("div",{className:yc,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.autoCompletePunctuation"}),(0,s.jsxs)("div",{className:Ac,children:[(0,s.jsx)("textarea",{rows:5,placeholder:"maxLength is 100",maxLength:100,ref:e}),(0,s.jsx)("div",{contentEditable:"true",ref:t})]})]})},bc="StackedImages_container__Hnz74",_c="StackedImages_content__bZLt4",Dc=[kt,Ct,St,Pt],Mc=function(){return(0,s.jsxs)("div",{className:bc,children:[(0,s.jsx)(Rr,{intlTitle:"page.htmlVision.interactiveDesign.stackedImages"}),(0,s.jsx)("div",{className:_c,children:Dc.map((function(e,t){return(0,s.jsx)("img",{src:e,alt:""},t)}))})]})},kc="InteractiveDesign_container__oK3No",Nc="InteractiveDesign_box__+Trza",Ec=[{element:(0,s.jsx)(Hr,{})},{element:(0,s.jsx)(oi,{})},{element:(0,s.jsx)(xi,{})},{element:(0,s.jsx)(Ir,{data:Br[0]})},{element:(0,s.jsx)(ki,{})},{element:(0,s.jsx)(Bi,{})},{element:(0,s.jsx)(ra,{})},{element:(0,s.jsx)(fa,{})},{element:(0,s.jsx)(La,{})},{element:(0,s.jsx)(Va,{})},{element:(0,s.jsx)(no,{})},{element:(0,s.jsx)(so,{})},{element:(0,s.jsx)(mo,{})},{element:(0,s.jsx)(ho,{})},{element:(0,s.jsx)(Ao,{})},{element:(0,s.jsx)(Xs,{})},{element:(0,s.jsx)(Ir,{data:Br[1]})},{element:(0,s.jsx)(xc,{})},{element:(0,s.jsx)(jc,{})},{element:(0,s.jsx)(Mc,{})}],Cc=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:kc,children:Ec.map((function(e,t){return(0,s.jsx)("div",{className:Nc,children:e.element},t)}))})},Sc={container:"BackgroundEffect_container__u+IDp",box:"BackgroundEffect_box__k+mFh",bg1:"BackgroundEffect_bg1__klRoc",bg2:"BackgroundEffect_bg2__kPZ6M",bg3:"BackgroundEffect_bg3__82UV-",bg4:"BackgroundEffect_bg4__z430k",bg5:"BackgroundEffect_bg5__YkL6Y",bg6:"BackgroundEffect_bg6__zUQqR",bg7:"BackgroundEffect_bg7__thgM1",bg8:"BackgroundEffect_bg8__YdGMF",bg9:"BackgroundEffect_bg9__19R3E",bg10:"BackgroundEffect_bg10__htocf",bg11:"BackgroundEffect_bg11__CcLwl",bg12:"BackgroundEffect_bg12__eJxJM",bg13:"BackgroundEffect_bg13__mpoDJ",bg14:"BackgroundEffect_bg14__xnExu",bg15:"BackgroundEffect_bg15__F3Wrj",bg16:"BackgroundEffect_bg16__OBNeN",bg17:"BackgroundEffect_bg17__pb8bY",bg18:"BackgroundEffect_bg18__UKapy",bg19:"BackgroundEffect_bg19__obRK1",bg20:"BackgroundEffect_bg20__mnQic",bg21:"BackgroundEffect_bg21__qF-7f",bg22:"BackgroundEffect_bg22__Fcy+J",bg23:"BackgroundEffect_bg23__HJ4I5",bg24:"BackgroundEffect_bg24__qQdYv",bg25:"BackgroundEffect_bg25__h4HDo",bg26:"BackgroundEffect_bg26__PsQZC",bg27:"BackgroundEffect_bg27__U89Ls",bg28:"BackgroundEffect_bg28__2fShs",bg29:"BackgroundEffect_bg29__hiev7"},Pc=be.GridBox,Bc=new Array(29).fill("1"),Ic=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Sc.container,children:(0,s.jsx)(be,{differentScreenCols:[4,3,3,2,2],rowSpace:8,colSpace:8,children:Bc.map((function(e,t){return(0,s.jsx)(Pc,{children:(0,s.jsx)("div",{className:Sc.box,children:(0,s.jsx)("div",{className:Sc["bg".concat(t+1)]})})},t)}))})})},Tc="LineCombination_container__toPmq",Rc="LineCombination_blackBox__P5fH8",Fc="LineCombination_blackBoxPoint__87aDR",Oc="LineCombination_whiteBox__-MGXi",Zc="LineCombination_whiteBoxPoint__Tz8Uh",Gc="LineCombination_name__E7QvH",Qc="LineCombination_value__5BYd0",Lc=0,zc=0,Hc=function(){var e=(0,r.useRef)(null),t=function t(){if(e.current){var n=Y.findDOMNode(e.current);if(n){var r=n.children.length,i=n.children[zc],a=null==i?void 0:i.children[0],o=i.clientWidth,s=i.clientHeight,c=a.style;if(zc%2==0){var l=8;c.left&&(l=parseFloat(c.left));var u=l+4;if(u>=o-8-8)if(a.style.visibility="hidden",zc>=r-1){var d;zc=0;var m=null===(d=n.children[zc])||void 0===d?void 0:d.firstChild;m.style.left="".concat(8,"px"),m.style.visibility="visible"}else{var f;zc+=1;var g=null===(f=n.children[zc])||void 0===f?void 0:f.firstChild;g.style.left="-1px",g.style.visibility="visible"}else a.style.left="".concat(u,"px"),"visible"!==a.style.visibility&&(a.style.visibility="visible")}else{var p=-1,h=8;if(c.left&&(p=parseFloat(c.left)),c.bottom&&(h=parseFloat(c.bottom)),p>=o){var v=h-4;if(v<=8){var x;a.style.visibility="hidden",zc+=1;var y=null===(x=n.children[zc])||void 0===x?void 0:x.firstChild;y.style.left="".concat(8,"px"),y.style.visibility="visible"}else a.style.bottom="".concat(v,"px")}else if(p<=-1){var A=h+4;A>s-8-8&&(A=s,a.style.width="".concat(8,"px"),a.style.height="1px",a.style.left="".concat(8,"px")),a.style.bottom="".concat(A,"px")}else{var w=p+4;w>o-8-8&&(w=o,a.style.width="1px",a.style.height="".concat(8,"px"),a.style.bottom="".concat(s-8-8)),a.style.left="".concat(w,"px")}}Lc=requestAnimationFrame(t)}}};return(0,r.useEffect)((function(){return e.current&&(Lc=requestAnimationFrame(t)),function(){Lc&&cancelAnimationFrame(Lc)}}),[]),(0,s.jsxs)("div",{className:Tc,ref:e,children:[(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc})}),(0,s.jsxs)("div",{className:Oc,children:[(0,s.jsx)("div",{className:Zc}),(0,s.jsx)("p",{className:Gc,children:"Price"}),(0,s.jsx)("p",{className:Qc,children:"$656"})]}),(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc})}),(0,s.jsxs)("div",{className:Oc,children:[(0,s.jsx)("div",{className:Zc}),(0,s.jsx)("p",{className:Gc,children:"Quantity"}),(0,s.jsx)("p",{className:Qc,children:"84351"})]}),(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc})}),(0,s.jsxs)("div",{className:Oc,children:[(0,s.jsx)("div",{className:Zc}),(0,s.jsx)("p",{className:Gc,children:"Number of partners"}),(0,s.jsx)("p",{className:Qc,children:"64"})]}),(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc})}),(0,s.jsxs)("div",{className:Oc,children:[(0,s.jsx)("div",{className:Zc}),(0,s.jsx)("p",{className:Gc,children:"Date of establishment"}),(0,s.jsx)("p",{className:Qc,children:"2008-10-01"})]}),(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc})}),(0,s.jsxs)("div",{className:Oc,children:[(0,s.jsx)("div",{className:Zc}),(0,s.jsx)("p",{className:Gc,children:"Transaction Analyzed"}),(0,s.jsx)("p",{className:Qc,children:"70Bn"})]}),(0,s.jsx)("div",{className:Rc,children:(0,s.jsx)("div",{className:Fc})})]})},Vc=n(93433),Uc=n(15861),Wc=n(64687),Yc=n.n(Wc),Jc=n(76755),qc=n(21734),Kc=n(32823),Xc=n(98879),$c=n(2161),el=n(1635),tl=n(63754),nl=n(57119),rl=n(57254),il=n(58491),al=n(68628),ol=n(31290),sl=n(35688),cl=n(17582),ll=n(72504),ul=n(16130),dl=n(92977),ml=n(62298),fl=n(6311),gl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;if(0===e)return"0 Bytes";var n=1024,r=t<0?0:t,i=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],a=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,a)).toFixed(r))+" "+i[a]},pl=function(e){if(!e&&0!==e||isNaN(e)||!isFinite(e))return"未知";var t=Math.floor(e/3600).toString().padStart(2,"00"),n=Math.floor(e%3600/60).toString().padStart(2,"00"),r=Math.floor(e%3600%60).toString().padStart(2,"00");return"".concat(t,":").concat(n,":").concat(r)},hl=function(e,t){if(e){var n=e.type.split("/");if("image"===n[0]){var r=n[1].toUpperCase(),i=new FileReader;i.onload=function(n){var i=n.target.result,a=vl(i);a&&(r=a);var o=new Blob([i]);xl(o,(function(n){if(n){var i=new Image;i.onload=function(){var a=i.width,s=i.height,c=Al(n,a,s);if(c){var l={name:e.name,fileType:r,size:e.size,width:a,height:s,imgUrl:n,imageData:c,blob:o};t(l)}else t(null)},i.onerror=function(){t(null)},i.src=n}else t(null)}))},i.readAsArrayBuffer(e)}else t(null)}else t(null)},vl=function(e){var t="";if(e){var n=new DataView(e).getUint32(0,!1);switch(Number(n).toString(16).toUpperCase()){case"FFD8FFDB":t="JPG";break;case"FFD8FFE0":case"FFD8FFE1":case"FFD8FFE2":case"FFD8FFE3":t="JPEG";break;case"89504E47":t="PNG";break;case"47494638":t="GIF";break;case"52494646":t="WEBP"}}return t},xl=function(e,t){if(e){var n=new FileReader;n.readAsDataURL(e),n.onload=function(e){e.target?t(e.target.result):t(null)}}else t(null)},yl=function(e){if(!e)return null;var t=e.width,n=e.height,r=document.createElement("canvas"),i=r.getContext("2d");return r.width=t,r.height=n,i.putImageData(e,0,0,0,0,t,n),r.toDataURL("image/png")},Al=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(e&&t&&n){var r=new Image;r.src=e;var i=document.createElement("canvas"),a=i.getContext("2d");i.width=t,i.height=n,a.drawImage(r,0,0,t,n);var o=a.getImageData(0,0,t,n);return o}return null},wl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(e&&t&&n){var r=document.createElement("canvas"),i=r.getContext("2d");r.width=t,r.height=n,i.drawImage(e,0,0,t,n);var a=i.getImageData(0,0,t,n);return a}return null},jl=function(e,t){if(e){var n=document.createElement("a");n.style.visibility="hidden",document.body.appendChild(n),n.download=t;var r=window.URL.createObjectURL(e);n.href=r,n.click(),document.body.removeChild(n),window.URL.revokeObjectURL(r)}},bl=function(e,t){if(e&&0!==e.length){var n=new Blob(e,{type:"video/webm"}),r="video.webm";if(t){var i=t.split(".");r="".concat(i[0],".webm")}jl(n,r)}},_l=function(e){var t=document.getElementById("attach_image");if(t){var n=t.height/t.width;0===e?(t.style.width="".concat(t.clientWidth-50,"px"),t.style.height="".concat(t.clientHeight-50*n,"px")):(t.style.width="".concat(t.clientWidth+50,"px"),t.style.height="".concat(t.clientHeight+50*n,"px"))}},Dl=function(){var e=document.getElementById("attach_image");if(e){var t=!1,n=null,r=null;e.onmousewheel=function(e){e.stopPropagation(),e.preventDefault();var t=e.wheelDelta||e.detail;_l(t>0?1:0)},e.onmousedown=function(e){e.stopPropagation(),e.preventDefault(),t=!0,n=e.clientX,r=e.clientY},e.onmouseup=function(e){e.stopPropagation(),e.preventDefault(),t=!1},e.onmousemove=function(i){if(i.stopPropagation(),i.preventDefault(),t){var a=i.clientX,o=i.clientY,s=a-n,c=o-r,l=document.getElementById("attach_imgDiv");if(l){var u=parseFloat(e.style.left)+s,d=parseFloat(e.style.top)+c,m=-.75*parseFloat(e.style.width),f=parseFloat(l.style.width)-.25*parseFloat(e.style.width),g=-.75*parseFloat(e.style.height),p=parseFloat(l.style.height)-.25*parseFloat(e.style.height);u<m?u=m:u>f&&(u=f),d<g?d=g:d>p&&(d=p),e.style.left="".concat(u,"px"),e.style.top="".concat(d,"px"),n=a,r=o}}}}},Ml="FileView_container__SyQN4",kl="FileView_tableLy__kaeXq",Nl="FileView_viewContainer__n0Kg6",El="FileView_progress__GtmqC",Cl="FileView_imgDiv__ErTpj",Sl="FileView_downLoadTip__FIvRY",Pl="FileView_emptyTip__OW2E4",Bl="FileView_arrowIcon__2JeuW",Il="FileView_leftArrow__IeXsk",Tl="FileView_rightArrow__HPiMt",Rl="FileView_imgInfo__Z2qPj",Fl="FileView_imgOperate__h-UFp",Ol="FileView_iconDiv__GUb18",Zl="FileView_left__Erhr-",Gl="FileView_xiangXia__cm3bW",Ql="FileView_xiangShang__2ATuW",Ll="FileView_fileContainer__rbVnb",zl="FileView_draggerBox__GNF2g",Hl="FileView_draggerTextBoxHover__6Z8I-",Vl="FileView_draggerTextBox__2soxW",Ul="FileView_firstLine__5trSy",Wl="FileView_linkBtn__n-sJb",Yl="FileView_secondLine__9YFcw",Jl="FileView_moreOperate__e+uIL",ql="FileView_poperSpan__8roYR";function Kl(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Xl(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Kl(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Kl(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var $l,eu=Jc.Z.Option,tu=qc.Z.Dragger,nu={isProgress:!1,percent:0,progressTimer:null},ru={imgSrc:"",imgScale:0,userName:"",fileName:"",updateTime:"",imgOrigin:{width:0,height:0},imgRotate:0},iu=function(e){var t=e.id,n=e.disabled,i=void 0!==n&&n,a=e.style,c=void 0===a?{}:a,l=(0,r.useState)(nu),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useRef)(nu),g=(0,r.useState)(!1),p=(0,o.Z)(g,2),h=p[0],x=p[1],y=(0,r.useState)((0,fl.Z)(ru)),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useRef)((0,fl.Z)(ru)),_=(0,r.useState)(!1),D=(0,o.Z)(_,2),M=D[0],k=D[1],N=(0,r.useState)([]),E=(0,o.Z)(N,2),C=E[0],S=E[1],P=(0,r.useRef)([]),B=(0,r.useState)(null),I=(0,o.Z)(B,2),T=I[0],R=I[1],F=(0,r.useRef)(null),O=(0,r.useRef)(null),Z=function(e){O.current=F.current,F.current=e,R(e);var t=(0,fl.Z)(ru);if(e){var n=document.getElementById("attach_image");n&&(n.style.webkitTransform="rotate(0deg)",n.style.top="0px",n.style.left="0px",n.style.width="unset",n.style.height="unset",n.removeAttribute("width"),n.removeAttribute("height"));var r=e.value.split("?fileId");t=r.length>1?Xl(Xl({},t),{},{imgSrc:"data:image/jpg;base64,".concat(r[1])}):Xl(Xl({},t),{},{imgSrc:"data:image/jpg;base64,".concat(e.value)})}b.current=t,j(t)},G=function(e){if(e){var t=e.substring(e.lastIndexOf(".")+1);if(t)return t.toLowerCase()}return""},Q=function(){var e=(0,Uc.Z)(Yc().mark((function e(t){return Yc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();(0,r.useEffect)((function(){f.current=nu,m(nu),k(!1),x(!1),P.current=[],S([]),Z(null),t&&Q(t)}),[t]),(0,r.useEffect)((function(){!O.current&&T&&Dl()}),[T]);var L=function(e){var t=document.getElementsByClassName("ant-upload-drag");t&&t.length>0&&t[0].classList.remove(Hl)},z=function(e){var t="";return t="left"===e?P.current[0].fileId:P.current[P.current.length-1].fileId,F.current&&t===F.current.fileId?"#d8d8d8":"#666666"},H=function(e,t){if(e){var n=G(e.fileName);if(["jpg","jpeg","png","gif"].includes(n)){if(t){var r=new FileReader;r.readAsArrayBuffer(t),r.onload=function(r){var i,a=window.btoa(new Uint8Array(null===(i=r.target)||void 0===i?void 0:i.result).reduce((function(e,t){return e+String.fromCharCode(t)}),"")),o=Xl({},e);o.fileId=e.fileId,o.fileName=e.fileName,o.fileType=n,o.value=a,o.size=gl(t.size),o.upTime=(0,ar.Z)(e.createTime,"yyyy-MM-dd HH:mm:ss"),o.userNmae="".concat(e.uploadUserName,"/").concat(e.uploadUser);var s=[].concat((0,Vc.Z)(P.current),[o]);P.current=s,S(s),Z(o)}}}else{var i=Xl({},e);i.fileId=e.fileId,i.fileName=e.fileName,i.fileType=n,i.value="",i.size=gl(t.size),i.upTime=(0,ar.Z)(e.createTime,"yyyy-MM-dd HH:mm:ss"),i.userNmae="".concat(e.uploadUserName,"/").concat(e.uploadUser);var a=[].concat((0,Vc.Z)(P.current),[i]);P.current=a,S(a),Z(i)}}},V=function(){var e=(0,Uc.Z)(Yc().mark((function e(t){var n,r;return Yc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.event&&t.event.preventDefault(),!i){e.next=3;break}return e.abrupt("return");case 3:if(!f.current.isProgress){e.next=6;break}return Kc.ZP.warning("有文件正在上传，请稍侯"),e.abrupt("return");case 6:(n=Xl(Xl({},nu),{},{isProgress:!0})).progressTimer=window.setInterval((function(){if(f.current.percent<90){var e=Xl(Xl({},f.current),{},{percent:f.current.percent+Math.floor(20*Math.random())});f.current=e,m(e)}}),800),f.current=n,m(n);try{setTimeout((function(){f.current.progressTimer&&window.clearInterval(f.current.progressTimer);var e=Xl({},nu);f.current=e,m(e);var n={code:200,data:{fileId:Number(Math.random().toString().substring(3,8)+Date.now()).toString(36),fileName:t.file.name,createTime:(new Date).getTime(),uploadUserName:"userName",uploadUser:"000001"},msg:""};n&&200===n.code?H(n.data,t.file.originFileObj):Kc.ZP.error("上传".concat(t.file.name,"失败"))}),2e3)}catch(e){f.current.progressTimer&&window.clearInterval(f.current.progressTimer),r=Xl({},nu),f.current=r,m(r),Kc.ZP.error("上传".concat(t.file.name,"失败"))}case 11:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),U=function(){var e=(0,Uc.Z)(Yc().mark((function e(t){var n;return Yc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t||T){e.next=4;break}return Kc.ZP.warning("无文件可进行删除"),e.abrupt("return");case 4:if(!i){e.next=7;break}return Kc.ZP.warning("目前状态不允许删除"),e.abrupt("return");case 7:v.Z.confirm({title:"删除文件提示",content:"确认删除【".concat(n.fileName,"】文件？"),icon:(0,s.jsx)(nl.Z,{}),centered:!0,onOk:function(){var e=(0,Uc.Z)(Yc().mark((function e(){return Yc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:Kc.ZP.warning("删除中..."),setTimeout((function(){var e={code:200,data:{},msg:""};if(e&&200===e.code){Kc.ZP.success("删除文件成功");var t=P.current.filter((function(e){return e.fileId!==n.fileId}));P.current=t,S(t),O.current=F.current,t.length>0?Z(t[0]):Z(null)}else Kc.ZP.error(e.msg)}),2e3);case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()});case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),W=function(){var e=(0,Uc.Z)(Yc().mark((function e(){return Yc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(T){e.next=2;break}return e.abrupt("return");case 2:Kc.ZP.warning("下载中..."),setTimeout((function(){Kc.ZP.success("下载成功")}),2e3);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Y=function(e){var t=document.getElementById("attach_image");switch(e){case 0:t&&b.current&&(t.style.width="700px",t.style.height="".concat(700*b.current.imgScale,"px"),t.style.top="0px",t.style.left="0px");break;case 1:t&&b.current&&(t.style.width="".concat(t.clientWidth+50,"px"),t.style.height="".concat(t.clientHeight+50*b.current.imgScale,"px"));break;case 2:t&&b.current&&(t.style.width="".concat(t.clientWidth-50,"px"),t.style.height="".concat(t.clientHeight-50*b.current.imgScale,"px"));break;case 3:t&&b.current&&(t.style.width="".concat(b.current.imgOrigin.width,"px"),t.style.height="".concat(b.current.imgOrigin.height,"px"),t.style.top="0px",t.style.left="0px");break;case 4:if(t&&b.current){var n=Xl(Xl({},b.current),{},{imgRotate:b.current.imgRotate+1});b.current=n,j(n),t.style.webkitTransform="rotate(".concat(-90*b.current.imgRotate,"deg)")}break;case 5:U();break;case 6:W();break;case 7:for(var r=0,i=P.current.length;r<i;r++){var a;if(P.current[r].fileId===(null===(a=F.current)||void 0===a?void 0:a.fileId)&&r<P.current.length-1){Z(P.current[r+1]);break}}break;case 8:for(var o=0,s=P.current.length;o<s;o++){var c;if(P.current[o].fileId===(null===(c=F.current)||void 0===c?void 0:c.fileId)&&o>0){Z(P.current[o-1]);break}}}};return(0,s.jsx)("div",{className:Ml,style:c,children:(0,s.jsx)("div",{className:kl,children:(0,s.jsxs)("div",{style:{width:"860px"},children:[(0,s.jsx)("div",{style:{width:"100%",height:"87vh",minHeight:"700px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)"},children:(0,s.jsxs)("div",{className:Nl,children:[d.isProgress&&(0,s.jsxs)("div",{className:El,children:[(0,s.jsx)(Xc.Z,{style:{width:"400px"},percent:d.percent,showInfo:!1}),(0,s.jsxs)("span",{style:{marginTop:"16px"},children:["上传中，请稍候...",d.percent>100?100:d.percent,"%"]})]}),(0,s.jsxs)("div",{id:"attach_imgDiv",className:Cl,children:[T&&(0,s.jsxs)("div",{children:[["jpg","jpeg","png","gif"].includes((null==T?void 0:T.fileType)||"")&&(0,s.jsx)("img",{id:"attach_image",src:null==w?void 0:w.imgSrc,style:{position:"absolute",top:0,left:0},onLoad:function(){var e=document.getElementById("attach_image");if(e){var t=Xl(Xl({},b.current),{},{imgScale:e.clientHeight/e.clientWidth,imgOrigin:{width:e.clientWidth,height:e.clientHeight}});b.current=t,j(t),e.style.width="700px",e.style.height="".concat(700*t.imgScale,"px")}},alt:""}),["pdf","doc","cocx","xls","xlsx","rar","zip","7z","wim","tar"].includes((null==T?void 0:T.fileType)||"")&&(0,s.jsxs)("div",{className:Sl,children:["如果想要浏览该文件，您可以",(0,s.jsx)(oe.Z,{type:"link",onClick:function(){return Y(6)},children:"点击下载"})]})]}),!T&&!d.isProgress&&(0,s.jsxs)("div",{className:Pl,children:[(0,s.jsx)("div",{style:{width:"100%",color:"#333333"},children:"请上传文件"}),(0,s.jsxs)("div",{style:{width:"100%",color:"#ababab",marginTop:"10px",lineHeight:"20px"},children:["不超过30M,",(0,s.jsx)("br",{}),"支持jpg,jpeg,png,gif格式的文件"]})]}),T&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"".concat(Bl," ").concat(Il),style:{backgroundColor:z("left")},onClick:function(){return Y(8)},children:(0,s.jsx)($s.Z,{})}),(0,s.jsx)("span",{className:"".concat(Bl," ").concat(Tl),style:{backgroundColor:z("right")},onClick:function(){return Y(7)},children:(0,s.jsx)(ec.Z,{})})]})]}),h&&(0,s.jsx)("div",{className:Rl,children:(0,s.jsxs)($c.Z,{children:[(0,s.jsx)(el.Z,{span:24,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["文件名：",null==T?void 0:T.fileName]})}),(0,s.jsx)(el.Z,{span:16,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["上传者：",null==T?void 0:T.userName]})}),(0,s.jsx)(el.Z,{span:8,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["上传时间：",null==T?void 0:T.upTime]})})]})}),T&&(0,s.jsxs)("div",{className:Fl,children:[(0,s.jsxs)("div",{className:Zl,children:[(0,s.jsx)(Jc.Z,{placeholder:"请选择",style:{width:"300px"},size:"small",value:T.fileId,loading:M,onChange:function(e){for(var t=null,n=0,r=P.current.length;n<r;n++){var i=P.current[n];if(i.fileId===e){t=i;break}}Z(t)},children:C.map((function(e,t){return(0,s.jsx)(eu,{value:e.fileId,children:"".concat(t+1,"/").concat(C.length,"：").concat(e.fileName)},e.fileId)}))}),(0,s.jsx)("span",{onClick:function(){return Y(7)},className:"".concat(Ol," ").concat(Gl),children:(0,s.jsx)(rl.Z,{})}),(0,s.jsx)("span",{onClick:function(){return Y(8)},className:"".concat(Ol," ").concat(Ql),children:(0,s.jsx)(il.Z,{})})]}),(0,s.jsxs)("div",{style:{display:"flex",justifyContent:"flex-end"},children:[(0,s.jsx)("span",{className:Ol,onClick:function(){return x(!h)},children:(0,s.jsx)(al.Z,{})}),(0,s.jsx)("span",{className:Ol,onClick:function(){return Y(0)},children:(0,s.jsx)(ol.Z,{})}),(0,s.jsx)("span",{className:Ol,onClick:function(){return Y(3)},children:(0,s.jsx)(sl.Z,{})}),(0,s.jsx)("span",{className:Ol,onClick:function(){return Y(4)},children:(0,s.jsx)(cl.Z,{})}),(0,s.jsx)("span",{className:Ol,onClick:function(){return Y(1)},children:(0,s.jsx)(ll.Z,{})}),(0,s.jsx)("span",{className:Ol,onClick:function(){return Y(2)},children:(0,s.jsx)(ul.Z,{})}),(0,s.jsx)(tl.Z,{style:{width:"80px"},content:(0,s.jsxs)("div",{className:Jl,children:[(0,s.jsx)("span",{className:ql,onClick:function(){return Y(6)},children:"下载文件"}),(0,s.jsx)("span",{className:ql,onClick:function(){return Y(5)},children:"删除文件"})]}),children:(0,s.jsx)("span",{className:Ol,children:(0,s.jsx)(dl.Z,{})})})]})]})]})}),(0,s.jsx)("div",{className:Ll,children:(0,s.jsx)(tu,{className:zl,multiple:!0,showUploadList:!1,disabled:i,beforeUpload:function(e){if(i)return Kc.ZP.warning("目前状态不允许修改"),!1;var t=G(e.name);return["jpg","jpeg","png","gif","pdf","doc","cocx","xls","xlsx","rar","zip","7z","wim","tar"].includes(t)?e.size>31457280?(Kc.ZP.warning("单个文件大小不能超过30M"),!1):void 0:(Kc.ZP.warning("请上传符合格式要求的文件"),!1)},customRequest:function(){},onDrop:function(e){return e.preventDefault()},onChange:V,children:(0,s.jsxs)("div",{className:Vl,onDragOver:function(e){var t=document.getElementsByClassName("ant-upload-drag");t&&t.length>0&&t[0].classList.add(Hl)},onDragLeave:L,onDrop:L,children:[(0,s.jsxs)("div",{className:Ul,children:[(0,s.jsx)(ml.Z,{}),(0,s.jsx)("span",{children:"将文件拖拽到此处，或"}),(0,s.jsx)("span",{className:i?"":Wl,children:"点击上传"})]}),(0,s.jsx)("div",{className:Yl,children:"系统支持的格式为jpg,jpeg,png,gif,pdf,doc,docx,xls,xlsx,rar,zip,7z,wim,tar的文件"})]})})})]})})})},au="ComplexLayout_container__xqRV5",ou="ComplexLayout_box__Hjeq7",su=[{element:(0,s.jsx)(Hc,{})},{element:(0,s.jsx)(iu,{})}],cu=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:au,children:su.map((function(e,t){return(0,s.jsx)("div",{className:ou,children:e.element},t)}))})},lu=n(82029),uu="Page1_container__8IHn6",du="Page1_content__zgPdQ",mu="Page1_top__Tik59",fu="Page1_title__qIkYy",gu="Page1_author__EVTso",pu="Page1_appoint__gEum0",hu="Page1_articleContent__STpiB",vu="Page1_subTitle__g0Ill",xu="Page1_codeBox__hf4Aw",yu="Page1_strong__Um16S",Au=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:uu,children:(0,s.jsxs)("div",{className:du,children:[(0,s.jsxs)("div",{className:mu,children:[(0,s.jsx)("div",{className:fu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.title"})}),(0,s.jsx)("div",{className:gu,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.author"}),": River")})]}),(0,s.jsxs)("div",{className:pu,children:[(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.appoint"}),":")}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.appointText1"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.appointText2"})})]}),(0,s.jsxs)("div",{className:hu,children:[(0,s.jsx)("div",{className:vu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle1"})}),(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des1"}),":")}),(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox1.text"}))}),(0,s.jsx)("div",{children:'<a href="http://b.com?data=1" target="_blank" />'})]}),(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox2.text"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var data = window.location.href.split("?")[1].split("=")[1];'}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des2"}),":")}),(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'window.open("http://b.com?data=1", "_blank");'}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des3"})})]})]})})},wu=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:uu,children:(0,s.jsx)("div",{className:du,children:(0,s.jsxs)("div",{className:hu,children:[(0,s.jsx)("div",{className:vu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle2"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des4"})}),(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var popup = window.open("http://b.com", "_blank");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if(popup){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"setTimeout(function(){"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'popup.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"},500);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageB"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function receiveMessage(event){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'if (event.origin !== "http://a.com") return;'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"console.log(JSON.parse(event.data)); // {data: 1}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'window.addEventListener("message", receiveMessage, false);'}),(0,s.jsx)("div",{children:"<script>"})]})]})})})},ju=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:uu,children:(0,s.jsx)("div",{className:du,children:(0,s.jsxs)("div",{className:hu,children:[(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des5"})}),(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:'<iframe id="myIframe" src="http://b.com" />'}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var myIframe = document.getElementById("myIframe");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if (myIframe) {"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'myIframe.contentWindow.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des6"})}),(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des7"})}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des8"})})]})})})},bu=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:uu,children:(0,s.jsx)("div",{className:du,children:(0,s.jsxs)("div",{className:hu,children:[(0,s.jsx)("div",{className:vu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle3"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des9"})}),(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:'<span onClick="toB();">Jump</span>'}),(0,s.jsx)("div",{children:'<iframe id="myIframe" src="http://b.com" style="display: none" />'}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function toB(){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'var myIframe = document.getElementById("myIframe");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if (myIframe) {"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'myIframe.contentWindow.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'window.open("http://b.com", "_blank");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]})]})})})},_u=function(e){var t=(0,p.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:uu,children:(0,s.jsx)("div",{className:du,children:(0,s.jsxs)("div",{className:hu,children:[(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageB"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"var aData = localStorage.getItem(“aPageData”);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if(aData){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"doSomething(aData); // ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox3.text"}))}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"localStorage.removeItem(“aPageData”);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}else{"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"window.addEventListener(“message”, receiveMessage, false);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function receiveMessage(event){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if (event.origin !== “http://a.com”) return;"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if(event.data){"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"localStorage.setItem(“aPageData”, event.data);"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{className:yu,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des10"}),": ")}),(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des11"})}),(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des12"})})]})})})},Du="AppPageFrame_container__pjrxk",Mu="AppPageFrame_content__VqApo",ku="AppPageFrame_firstPage__vOVdI",Nu="AppPageFrame_head__gE2DM",Eu="AppPageFrame_left__Efl5l",Cu="AppPageFrame_logo__8Jwal",Su="AppPageFrame_appName__0-Afb",Pu="AppPageFrame_right__gUcB6",Bu="AppPageFrame_btn__BkWG7",Iu=100;!function(e){e[e.next=0]="next",e[e.prev=1]="prev"}($l||($l={}));var Tu,Ru=function(){var e=(0,p.Z)(),t=d(),n=t.menuWidth,i=t.headHeight,a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useState)(0),u=(0,o.Z)(l,2),m=u[0],f=u[1],g=(0,r.useState)(0),h=(0,o.Z)(g,2),v=h[0],x=h[1],y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useState)(0),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1),M=(0,r.useRef)(0),k=(0,r.useRef)(""),N=(0,r.useState)(0),E=(0,o.Z)(N,2),C=E[0],S=E[1],P=(0,r.useState)(0),B=(0,o.Z)(P,2),I=B[0],T=B[1],R=(0,r.useRef)(0),F=function e(){if(a.current){var t=Y.findDOMNode(a.current),n=t.scrollTop;if("toTop"===k.current)if(t.scrollTop<m-Iu){var r=Math.min(n+25,m-Iu);A.current=!0,t.scrollTop=r,_(r),M.current=window.requestAnimationFrame(e)}else k.current="",A.current=!1,D.current=!1;else if("toBottom"===k.current)if(t.scrollTop>0){var i=Math.max(n-25,0);A.current=!0,t.scrollTop=i,_(i),M.current=window.requestAnimationFrame(e)}else k.current="",A.current=!1,D.current=!1}},O=function(){D.current=!0,k.current||(k.current="toTop",S(1),M.current=window.requestAnimationFrame(F))},Z=(0,ae.Z)((function(e){if(y.current){switch(e){case $l.next:y.current.slideNext();break;case $l.prev:y.current.slidePrev()}var t=Y.findDOMNode(a.current),n=y.current.realIndex;if(n<=0)t.scrollTop!==m-Iu&&(A.current=!0,t.scrollTop=m-Iu,_(m-Iu));else{var r=(m-Iu)*(n+1);t.scrollTop!==r&&(A.current=!0,t.scrollTop=r,_(r))}}}),{wait:100}),G=(0,ae.Z)((function(e){A.current?A.current=!1:D.current||e.target.className===Du&&(y.current?e.target.scrollTop>m-Iu?e.target.scrollTop>b?Z.run($l.next):e.target.scrollTop<b&&Z.run($l.prev):e.target.scrollTop>b&&b<m-Iu?O():e.target.scrollTop<b&&(D.current=!0,k.current||(k.current="toBottom",S(0),M.current=window.requestAnimationFrame(F))):_(e.target.scrollTop))}),{wait:100});(0,r.useEffect)((function(){if(a.current){var e=document.body.clientHeight-i;f(e),x(5*(e-Iu))}}),[I,i]);var Q=function(){R.current>=1e4?(R.current=0,T(0)):(R.current=R.current+1,T(R.current+1))};(0,r.useEffect)((function(){return window.addEventListener("resize",Q),function(){window.removeEventListener("resize",Q)}}),[]),(0,r.useEffect)((function(){var e=new lu.ZP(".swiper",{direction:"vertical",speed:1e3,loop:!1,simulateTouch:!1,keyboard:{enabled:!0,onlyInViewport:!0},on:{slideChange:function(){S(this.activeIndex+1)}}});y.current=e}),[]);var L=function(e){var t=Y.findDOMNode(a.current);switch(e){case"SecondPage":var n=1*(m-Iu);y.current&&y.current.activeIndex>0?(A.current=!0,t.scrollTop=n,_(n),y.current.slideTo(0)):b!==n&&O();break;case"ThirdPage":var r,i=2*(m-Iu);if(b!==i)A.current=!0,t.scrollTop=i,_(i),null===(r=y.current)||void 0===r||r.slideTo(1);break;case"LastPage":var o,s=4*(m-Iu);if(b!==s)A.current=!0,t.scrollTop=s,_(s),null===(o=y.current)||void 0===o||o.slideTo(3)}};return(0,s.jsxs)("div",{className:Du,onScrollCapture:G.run,ref:a,children:[(0,s.jsxs)("div",{className:Mu,style:v?{height:"".concat(v,"px")}:{},ref:c,children:[(0,s.jsx)("div",{className:ku,style:m?{height:"".concat(m,"px")}:{},children:(0,s.jsx)(Au,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper",style:m?{height:"".concat(m-Iu,"px")}:{},children:(0,s.jsxs)("div",{className:"swiper-wrapper",children:[(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(wu,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(ju,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(bu,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(_u,{showPageIndex:C})})]})})]}),(0,s.jsxs)("div",{className:Nu,style:b>=m-Iu?{borderBottom:"1px solid #999",left:"".concat(n,"px"),width:"calc(100% - ".concat(n,"px)")}:{left:"".concat(n,"px"),width:"calc(100% - ".concat(n,"px)")},children:[(0,s.jsxs)("div",{className:Eu,children:[(0,s.jsx)("div",{className:Cu,children:"L"}),(0,s.jsx)("span",{className:Su,children:"App Name"})]}),(0,s.jsxs)("div",{className:Pu,children:[(0,s.jsx)("div",{className:Bu,onClick:function(){return L("SecondPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.secondPage"})}),(0,s.jsx)("div",{className:Bu,onClick:function(){return L("ThirdPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.thirdPage"})}),(0,s.jsx)("div",{className:Bu,onClick:function(){return L("LastPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.lastPage"})})]})]})]})},Fu=n(26703),Ou=n(88528),Zu="ShearPlate_container__A3IuO",Gu="ShearPlate_title__gxJOo",Qu="ShearPlate_content__vJVhw",Lu="ShearPlate_inputBox__W7UHM",zu="ShearPlate_text__0QXK+",Hu="ShearPlate_imageBox__-9KO8",Vu="ShearPlate_textArea__vjqXI",Uu="ShearPlate_imgBox__ctB7Q",Wu="ShearPlate_emptyBox__vVriz",Yu="ShearPlate_uploadBtn__hhEOk",Ju="ShearPlate_tips__5RqZh",qu="ShearPlate_btns__QrNT6",Ku="ShearPlate_box__dsVRR",Xu=Fu.Z.TextArea,$u=function(){var e=(0,p.Z)(),t=(0,r.useState)(""),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(""),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useState)(null),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(""),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(null),M=function(t){t&&t.length>0&&hl(t[0],(function(t){t||Kc.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),A(t)}))},k=function(){var t=(0,Uc.Z)(Yc().mark((function t(){var n,r;return Yc().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(y){t.next=3;break}return Kc.ZP.warning(e.formatMessage({id:"common.pleaseUploadPicture"})),t.abrupt("return");case 3:if(!navigator.clipboard){t.next=11;break}return n=y.blob,r=new Blob([n],{type:"image/png"}),t.next=8,navigator.clipboard.write([new window.ClipboardItem((0,P.Z)({},"image/png",r))]);case 8:Kc.ZP.success(e.formatMessage({id:"common.saveSuccessfully"})),t.next=12;break;case 11:console.error(e.formatMessage({id:"common.saveFailed"}));case 12:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return(0,s.jsxs)("div",{className:Zu,children:[(0,s.jsx)("div",{className:Gu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.operatingShears"})}),(0,s.jsxs)("div",{className:Qu,children:[(0,s.jsxs)("div",{className:Ku,children:[(0,s.jsxs)("div",{className:Lu,children:[(0,s.jsx)("div",{className:zu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveTextToClipboard"})}),(0,s.jsx)(Xu,{rows:8,placeholder:e.formatMessage({id:"common.pleaseEnterText"}),maxLength:300,value:i,onChange:function(e){a(e.target.value)}}),(0,s.jsxs)("div",{className:qu,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(i){if(navigator.clipboard)navigator.clipboard.writeText(i);else{var t=document.createElement("input");t.setAttribute("value",i),document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}Kc.ZP.success(e.formatMessage({id:"common.saveSuccessfully"}))}else Kc.ZP.warning(e.formatMessage({id:"page.htmlVision.utilitarianFunction.pleaseEnterText"}))},style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(oe.Z,{ghost:!0,onClick:function(){a(""),d("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:Lu,children:[(0,s.jsx)("div",{className:zu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getsTextFromClipboard"})}),(0,s.jsx)(Xu,{rows:8,placeholder:e.formatMessage({id:"common.getText"}),maxLength:300,disabled:!0,value:u}),(0,s.jsx)("div",{className:qu,children:(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){navigator.clipboard?navigator.clipboard.readText().then((function(e){d(e)})):Kc.ZP.error(e.formatMessage({id:"common.failedToObtain2"}))},style:{marginTop:10},children:e.formatMessage({id:"common.get"})})})]})]}),(0,s.jsxs)("div",{className:Ku,children:[(0,s.jsxs)("div",{className:Lu,children:[(0,s.jsx)("div",{className:zu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveImageToClipboard"})}),(0,s.jsx)("div",{className:Hu,style:{borderColor:g?"green":"#ccc"},onDragOver:function(e){e.stopPropagation(),e.preventDefault(),g||h(!0)},onDragLeave:function(e){e.stopPropagation(),e.preventDefault(),g&&h(!1)},onDrop:function(e){e.stopPropagation(),e.preventDefault(),g&&h(!1);var t=e.dataTransfer.files;M(t)},children:y?(0,s.jsx)("div",{className:Uu,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})}):(0,s.jsxs)("div",{className:Wu,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:Yu,children:[(0,s.jsx)(Ou.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;M(t)}})]}),(0,s.jsx)("p",{className:zu,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:Ju,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:qu,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:k,style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(oe.Z,{ghost:!0,onClick:function(){A(null),_("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:Lu,children:[(0,s.jsx)("div",{className:zu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getImageFromClipboard"})}),(0,s.jsxs)("div",{className:Hu,children:[(0,s.jsx)(Xu,{className:Vu,placeholder:e.formatMessage({id:"page.htmlVision.utilitarianFunction.pasteTheImage"}),rows:8,maxLength:300,readOnly:!0,ref:D,onPaste:function(t){var n=t.clipboardData&&t.clipboardData.items,r=null;if(n&&n.length)for(var i=0;i<n.length;i++)if(-1!==n[i].type.indexOf("image")){r=n[i].getAsFile();break}r?xl(r,(function(t){t?_(t):(_(""),Kc.ZP.error(e.formatMessage({id:"common.failedToObtain"})))})):Kc.ZP.error(e.formatMessage({id:"common.failedToObtain"}))}}),b&&(0,s.jsx)("div",{className:Uu,children:(0,s.jsx)("img",{src:b,alt:""})})]})]})]})]})]})},ed="RecordedAudio_container__RaqtU",td="RecordedAudio_title__PkAAx",nd="RecordedAudio_content__vaNK8";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(Tu||(Tu={}));var rd,id=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)([]),i=(0,r.useState)(""),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useState)(""),d=(0,o.Z)(u,2),m=d[0],f=d[1],g=(0,r.useState)(Tu.ready),h=(0,o.Z)(g,2),v=h[0],x=h[1];return(0,r.useEffect)((function(){return function(){c&&window.URL.revokeObjectURL(c)}}),[]),(0,s.jsxs)("div",{className:ed,children:[(0,s.jsx)("div",{className:td,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordAudio"})}),(0,s.jsxs)("div",{className:nd,children:[(0,s.jsx)("audio",{controls:!0,src:c}),(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(t.current)v===Tu.inRecording?(t.current.stop(),x(Tu.ready)):(c&&(window.URL.revokeObjectURL(c),f(""),l("")),t.current.start(),x(Tu.inRecording));else{navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia({audio:!0}).then((function(e){var r=new MediaRecorder(e);r.ondataavailable=function(e){n.current.push(e.data)},r.onstop=function(e){var t=new Blob(n.current,{type:"audio/ogg;codecs=opus"});f("".concat((new Date).getTime(),".ogg"));var r=window.URL.createObjectURL(t);l(r),n.current=[]},t.current=r,t.current.start(),x(Tu.inRecording)})).catch((function(t){t.message&&t.message.includes("not found")?Kc.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):Kc.ZP.error(e.formatMessage({id:"common.impowerOpenMicrophone"}))})):Kc.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:v===Tu.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),c&&(0,s.jsx)("a",{download:m,href:c,children:e.formatMessage({id:"common.download"})})]})]})},ad="RecordedVideo_container__NkqWY",od="RecordedVideo_title__fUoXJ",sd="RecordedVideo_content__asWV1",cd="RecordedVideo_videoBox__18hnw",ld="RecordedVideo_recordVideo__0UQPG",ud="RecordedVideo_playVideo__cxP10",dd="RecordedVideo_btns__NAtxU";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(rd||(rd={}));var md,fd=Math.floor(.36*window.screen.width),gd=Math.floor(.36*window.screen.height),pd=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(""),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=(0,r.useState)(rd.ready),y=(0,o.Z)(x,2),A=y[0],w=y[1];return(0,r.useEffect)((function(){return function(){d&&window.URL.revokeObjectURL(d)}}),[]),(0,s.jsxs)("div",{className:ad,children:[(0,s.jsx)("div",{className:od,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordVideo"})}),(0,s.jsxs)("div",{className:sd,children:[(0,s.jsxs)("div",{className:cd,style:{width:"".concat(fd,"px"),height:"".concat(gd,"px")},children:[(0,s.jsx)("video",{className:ld,style:{width:"".concat(fd,"px"),height:"".concat(gd,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===rd.playing&&(0,s.jsx)("video",{className:ud,style:{width:"".concat(fd,"px"),height:"".concat(gd,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",src:d,ref:n})]}),(0,s.jsxs)("div",{className:dd,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(i.current)A===rd.inRecording?(i.current.stop(),w(rd.ready)):d?(window.URL.revokeObjectURL(d),v(""),m(""),t.current&&c.current&&(t.current.srcObject=c.current),w(rd.ready)):(t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),w(rd.inRecording));else if(t.current){var n={audio:!0,video:{width:fd,height:gd,facingMode:"user",frameRate:60}};navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(n).then((function(e){t.current&&e&&(c.current=e);var n=!(!/Safari/.test(navigator.userAgent)||/Chrome/.test(navigator.userAgent))?"video/mp4":"video/webm";try{var r=new MediaRecorder(e,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:n});r.ondataavailable=function(e){e.data&&e.data.size>0&&a.current.push(e.data)},r.onstop=function(e){var t=new Blob(a.current,{type:"video/mp4"});v("".concat((new Date).getTime(),".mp4"));var n=window.URL.createObjectURL(t);m(n),a.current=[]},i.current=r,t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),w(rd.inRecording)}catch(e){Kc.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){t.message&&t.message.includes("not found")?Kc.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):Kc.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):Kc.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:A===rd.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):d?e.formatMessage({id:"page.htmlVision.utilitarianFunction.rerecord"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),d&&(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),w(rd.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:h,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},hd="RecordedScreen_container__ocp0M",vd="RecordedScreen_title__W0vMd",xd="RecordedScreen_content__VeJjk",yd="RecordedScreen_videoBox__h9jea",Ad="RecordedScreen_recordVideo__RxPmj",wd="RecordedScreen_playVideo__omjcA",jd="RecordedScreen_btns__TSHxB";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(md||(md={}));var bd,_d,Dd,Md=Math.floor(.36*window.screen.width),kd=Math.floor(.36*window.screen.height),Nd=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(""),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=(0,r.useState)(md.ready),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useRef)(md.ready);return(0,r.useEffect)((function(){return function(){d&&window.URL.revokeObjectURL(d)}}),[]),(0,s.jsxs)("div",{className:hd,children:[(0,s.jsx)("div",{className:vd,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordScreen"})}),(0,s.jsxs)("div",{className:xd,children:[(0,s.jsxs)("div",{className:yd,style:{width:"".concat(Md,"px"),height:"".concat(kd,"px")},children:[(0,s.jsx)("video",{className:Ad,style:{width:"".concat(Md,"px"),height:"".concat(kd,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===md.playing&&(0,s.jsx)("video",{className:wd,style:{width:"".concat(Md,"px"),height:"".concat(kd,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",src:d,ref:n})]}),(0,s.jsxs)("div",{className:jd,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){i.current?A===md.inRecording?(i.current.stop(),j.current=md.ready,w(md.ready)):d&&(window.URL.revokeObjectURL(d),v(""),m(""),i.current=null,j.current=md.ready,w(md.ready)):t.current&&(navigator.mediaDevices.getDisplayMedia?navigator.mediaDevices.getDisplayMedia({video:!0}).then((function(e){t.current&&e&&(c.current=e);var n=MediaRecorder.isTypeSupported("video/webm; codecs=vp9")?"video/webm; codecs=vp9":"video/webm";try{var r=new MediaRecorder(e,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:n});r.ondataavailable=function(e){e.data&&e.data.size>0&&a.current.push(e.data)},r.onstop=function(){j.current===md.inRecording&&(j.current=md.ready,w(md.ready));var e=new Blob(a.current,{type:"video/webm"});v("".concat((new Date).getTime(),".webm"));var t=window.URL.createObjectURL(e);m(t),a.current=[]},i.current=r,t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),j.current=md.inRecording,w(md.inRecording)}catch(e){Kc.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){Kc.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):Kc.ZP.error(e.formatMessage({id:"common.notSupportGetDisplayMedia"})))},children:A===md.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):d?e.formatMessage({id:"page.htmlVision.utilitarianFunction.rerecord"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),d&&(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),j.current=md.playing,w(md.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:h,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},Ed=n(42428),Cd=(n(38986),n(22991),n(90322)),Sd=n.n(Cd),Pd=n(27885),Bd={};Bd.toRGBA8=function(e){var t=e.width,n=e.height;if(null===e.tabs.acTL)return[Bd.toRGBA8.decodeImage(e.data,t,n,e).buffer];var r=[];null===e.frames[0].data&&(e.frames[0].data=e.data);for(var i=t*n*4,a=new Uint8Array(i),o=new Uint8Array(i),s=new Uint8Array(i),c=0;c<e.frames.length;c++){var l=e.frames[c],u=l.rect.x,d=l.rect.y,m=l.rect.width,f=l.rect.height,g=Bd.toRGBA8.decodeImage(l.data,m,f,e);if(0!==c)for(var p=0;p<i;p++)s[p]=a[p];if(0===l.blend?Bd._copyTile(g,m,f,a,t,n,u,d,0):1===l.blend&&Bd._copyTile(g,m,f,a,t,n,u,d,1),r.push(a.buffer.slice(0)),1===l.dispose)Bd._copyTile(o,m,f,a,t,n,u,d,0);else if(2===l.dispose)for(var h=0;h<i;h++)a[h]=s[h]}return r},Bd.toRGBA8.decodeImage=function(e,t,n,r){var i=t*n,a=Bd.decode._getBPP(r),o=Math.ceil(t*a/8),s=new Uint8Array(4*i),c=new Uint32Array(s.buffer),l=r.ctype,u=r.depth,d=Bd._bin.readUshort;if(6===l){var m=i<<2;if(8===u)for(var f=0;f<m;f+=4)s[f]=e[f],s[f+1]=e[f+1],s[f+2]=e[f+2],s[f+3]=e[f+3];if(16===u)for(var g=0;g<m;g++)s[g]=e[g<<1]}else if(2===l){var p=r.tabs.tRNS;if(null===p){if(8===u)for(var h=0;h<i;h++){var v=3*h;c[h]=255<<24|e[v+2]<<16|e[v+1]<<8|e[v]}if(16===u)for(var x=0;x<i;x++){var y=6*x;c[x]=255<<24|e[y+4]<<16|e[y+2]<<8|e[y]}}else{var A=p[0],w=p[1],j=p[2];if(8===u)for(var b=0;b<i;b++){var _=b<<2,D=3*b;c[b]=255<<24|e[D+2]<<16|e[D+1]<<8|e[D],e[D]===A&&e[D+1]===w&&e[D+2]===j&&(s[_+3]=0)}if(16===u)for(var M=0;M<i;M++){var k=M<<2,N=6*M;c[M]=255<<24|e[N+4]<<16|e[N+2]<<8|e[N],d(e,N)===A&&d(e,N+2)===w&&d(e,N+4)===j&&(s[k+3]=0)}}}else if(3===l){var E=r.tabs.PLTE,C=r.tabs.tRNS,S=C?C.length:0;if(1===u)for(var P=0;P<n;P++)for(var B=P*o,I=P*t,T=0;T<t;T++){var R=I+T<<2,F=e[B+(T>>3)]>>7-((7&T)<<0)&1,O=3*F;s[R]=E[O],s[R+1]=E[O+1],s[R+2]=E[O+2],s[R+3]=F<S?C[F]:255}if(2===u)for(var Z=0;Z<n;Z++)for(var G=Z*o,Q=Z*t,L=0;L<t;L++){var z=Q+L<<2,H=e[G+(L>>2)]>>6-((3&L)<<1)&3,V=3*H;s[z]=E[V],s[z+1]=E[V+1],s[z+2]=E[V+2],s[z+3]=H<S?C[H]:255}if(4===u)for(var U=0;U<n;U++)for(var W=U*o,Y=U*t,J=0;J<t;J++){var q=Y+J<<2,K=e[W+(J>>1)]>>4-((1&J)<<2)&15,X=3*K;s[q]=E[X],s[q+1]=E[X+1],s[q+2]=E[X+2],s[q+3]=K<S?C[K]:255}if(8===u)for(var $=0;$<i;$++){var ee=$<<2,te=e[$],ne=3*te;s[ee]=E[ne],s[ee+1]=E[ne+1],s[ee+2]=E[ne+2],s[ee+3]=te<S?C[te]:255}}else if(4===l){if(8===u)for(var re=0;re<i;re++){var ie=re<<2,ae=re<<1,oe=e[ae];s[ie]=oe,s[ie+1]=oe,s[ie+2]=oe,s[ie+3]=e[ae+1]}if(16===u)for(var se=0;se<i;se++){var ce=se<<2,le=se<<2,ue=e[le];s[ce]=ue,s[ce+1]=ue,s[ce+2]=ue,s[ce+3]=e[le+2]}}else if(0===l)for(var de=r.tabs.tRNS?r.tabs.tRNS:-1,me=0;me<n;me++){var fe=me*o,ge=me*t;if(1===u)for(var pe=0;pe<t;pe++){var he=255*(e[fe+(pe>>>3)]>>>7-(7&pe)&1),ve=he===255*de?0:255;c[ge+pe]=ve<<24|he<<16|he<<8|he}else if(2===u)for(var xe=0;xe<t;xe++){var ye=85*(e[fe+(xe>>>2)]>>>6-((3&xe)<<1)&3),Ae=ye===85*de?0:255;c[ge+xe]=Ae<<24|ye<<16|ye<<8|ye}else if(4===u)for(var we=0;we<t;we++){var je=17*(e[fe+(we>>>1)]>>>4-((1&we)<<2)&15),be=je===17*de?0:255;c[ge+we]=be<<24|je<<16|je<<8|je}else if(8===u)for(var _e=0;_e<t;_e++){var De=e[fe+_e],Me=De===de?0:255;c[ge+_e]=Me<<24|De<<16|De<<8|De}else if(16===u)for(var ke=0;ke<t;ke++){var Ne=e[fe+(ke<<1)],Ee=d(e,fe+(ke<<1))===de?0:255;c[ge+ke]=Ee<<24|Ne<<16|Ne<<8|Ne}}return s},Bd.decode=function(e){for(var t,n=new Uint8Array(e),r=8,i=Bd._bin,a=i.readUshort,o=i.readUint,s={tabs:{},frames:[]},c=new Uint8Array(n.length),l=0,u=0,d=[137,80,78,71,13,10,26,10],m=0;m<8;m++)if(n[m]!==d[m])throw"The input is not a PNG file!";for(;r<n.length;){var f=i.readUint(n,r);r+=4;var g=i.readASCII(n,r,4);if(r+=4,"IHDR"===g)Bd.decode._IHDR(n,r,s);else if("CgBI"===g)s.tabs[g]=n.slice(r,r+4);else if("IDAT"===g){for(var p=0;p<f;p++)c[l+p]=n[r+p];l+=f}else if("acTL"===g)s.tabs[g]={num_frames:o(n,r),num_plays:o(n,r+4)},t=new Uint8Array(n.length);else if("fcTL"===g){if(0!==u){var h=s.frames[s.frames.length-1];h.data=Bd.decode._decompress(s,t.slice(0,u),h.rect.width,h.rect.height),u=0}var v={x:o(n,r+12),y:o(n,r+16),width:o(n,r+4),height:o(n,r+8)},x=a(n,r+22);x=a(n,r+20)/(0===x?100:x);var y={rect:v,delay:Math.round(1e3*x),dispose:n[r+24],blend:n[r+25]};s.frames.push(y)}else if("fdAT"===g){for(var A=0;A<f-4;A++)t[u+A]=n[r+A+4];u+=f-4}else if("pHYs"===g)s.tabs[g]=[i.readUint(n,r),i.readUint(n,r+4),n[r+8]];else if("cHRM"===g){s.tabs[g]=[];for(var w=0;w<8;w++)s.tabs[g].push(i.readUint(n,r+4*w))}else if("tEXt"===g||"zTXt"===g){null===s.tabs[g]&&(s.tabs[g]={});var j=i.nextZero(n,r),b=i.readASCII(n,r,j-r),_=void 0,D=r+f-j-1;if("tEXt"===g)_=i.readASCII(n,j+1,D);else{var M=Bd.decode._inflate(n.slice(j+2,j+2+D));_=i.readUTF8(M,0,M.length)}s.tabs[g][b]=_}else if("iTXt"===g){null==s.tabs[g]&&(s.tabs[g]={});var k=0,N=r;k=i.nextZero(n,N);var E=i.readASCII(n,N,k-N),C=n[N=k+1];N+=2,N=(k=i.nextZero(n,N))+1;var S=void 0,P=f-((N=(k=i.nextZero(n,N))+1)-r);if(0===C)S=i.readUTF8(n,N,P);else{var B=Bd.decode._inflate(n.slice(N,N+P));S=i.readUTF8(B,0,B.length)}s.tabs[g][E]=S}else if("PLTE"===g)s.tabs[g]=i.readBytes(n,r,f);else if("hIST"===g){var I=s.tabs.PLTE.length/3;s.tabs[g]=[];for(var T=0;T<I;T++)s.tabs[g].push(a(n,r+2*T))}else if("tRNS"===g)3===s.ctype?s.tabs[g]=i.readBytes(n,r,f):0===s.ctype?s.tabs[g]=a(n,r):2===s.ctype&&(s.tabs[g]=[a(n,r),a(n,r+2),a(n,r+4)]);else if("gAMA"===g)s.tabs[g]=i.readUint(n,r)/1e5;else if("sRGB"===g)s.tabs[g]=n[r];else if("bKGD"===g)0===s.ctype||4===s.ctype?s.tabs[g]=[a(n,r)]:2===s.ctype||6===s.ctype?s.tabs[g]=[a(n,r),a(n,r+2),a(n,r+4)]:3===s.ctype&&(s.tabs[g]=n[r]);else if("IEND"===g)break;r+=f,r+=4}if(0!==u){var R=s.frames[s.frames.length-1];R.data=Bd.decode._decompress(s,t.slice(0,u),R.rect.width,R.rect.height),u=0}return s.data=Bd.decode._decompress(s,c,s.width,s.height),delete s.compress,delete s.interlace,delete s.filter,s},Bd.decode._decompress=function(e,t,n,r){var i=Bd.decode._getBPP(e),a=Math.ceil(n*i/8),o=new Uint8Array((a+1+e.interlace)*r);return t=e.tabs.CgBI?Bd.inflateRaw(t,o):Bd.decode._inflate(t,o),0===e.interlace?t=Bd.decode._filterZero(t,e,0,n,r):1===e.interlace&&(t=Bd.decode._readInterlace(t,e)),t},Bd.decode._inflate=function(e,t){return Bd.inflateRaw(new Uint8Array(e.buffer,2,e.length-6),t)},Bd.inflateRaw=((Dd={}).H={},Dd.H.N=function(e,t){var n,r,i=Uint8Array,a=0,o=0,s=0,c=0,l=0,u=0,d=0,m=0,f=0;if(3===e[0]&&0===e[1])return t||new i(0);var g=Dd.H,p=g.b,h=g.e,v=g.R,x=g.n,y=g.A,A=g.Z,w=g.m,j=null===t;for(j&&(t=new i(e.length>>>2<<3));0===a;)if(a=p(e,f,1),o=p(e,f+1,2),f+=3,0!==o){if(j&&(t=Dd.H.W(t,m+(1<<17))),1===o&&(n=w.J,r=w.h,u=511,d=31),2===o){s=h(e,f,5)+257,c=h(e,f+5,5)+1,l=h(e,f+10,4)+4,f+=14;for(var b=1,_=0;_<38;_+=2)w.Q[_]=0,w.Q[_+1]=0;for(var D=0;D<l;D++){var M=h(e,f+3*D,3);w.Q[1+(w.X[D]<<1)]=M,M>b&&(b=M)}f+=3*l,x(w.Q,b),y(w.Q,b,w.u),n=w.w,r=w.d,f=v(w.u,(1<<b)-1,s+c,e,f,w.v);var k=g.V(w.v,0,s,w.C);u=(1<<k)-1;var N=g.V(w.v,s,c,w.D);d=(1<<N)-1,x(w.C,k),y(w.C,k,n),x(w.D,N),y(w.D,N,r)}for(;;){var E=n[A(e,f)&u];f+=15&E;var C=E>>>4;if(C>>>8==0)t[m++]=C;else{if(256===C)break;var S=m+C-254;if(C>264){var P=w.q[C-257];S=m+(P>>>3)+h(e,f,7&P),f+=7&P}var B=r[A(e,f)&d];f+=15&B;var I=B>>>4,T=w.c[I],R=(T>>>4)+p(e,f,15&T);for(f+=15&T;m<S;)t[m]=t[m++-R],t[m]=t[m++-R],t[m]=t[m++-R],t[m]=t[m++-R];m=S}}}else{0!=(7&f)&&(f+=8-(7&f));var F=4+(f>>>3),O=e[F-4]|e[F-3]<<8;j&&(t=Dd.H.W(t,m+O)),t.set(new i(e.buffer,e.byteOffset+F,O),m),f=F+O<<3,m+=O}return t.length===m?t:t.slice(0,m)},Dd.H.W=function(e,t){var n=e.length;if(t<=n)return e;var r=new Uint8Array(n<<1);return r.set(e,0),r},Dd.H.R=function(e,t,n,r,i,a){for(var o=Dd.H.e,s=Dd.H.Z,c=0;c<n;){var l=e[s(r,i)&t];i+=15&l;var u=l>>>4;if(u<=15)a[c]=u,c++;else{var d=0,m=0;16===u?(m=3+o(r,i,2),i+=2,d=a[c-1]):17===u?(m=3+o(r,i,3),i+=3):18===u&&(m=11+o(r,i,7),i+=7);for(var f=c+m;c<f;)a[c]=d,c++}}return i},Dd.H.V=function(e,t,n,r){for(var i=0,a=0,o=r.length>>>1;a<n;){var s=e[a+t];r[a<<1]=0,r[1+(a<<1)]=s,s>i&&(i=s),a++}for(;a<o;)r[a<<1]=0,r[1+(a<<1)]=0,a++;return i},Dd.H.n=function(e,t){for(var n,r,i,a,o,s=Dd.H.m,c=e.length,l=s.j,u=0;u<=t;u++)l[u]=0;for(a=1;a<c;a+=2)l[e[a]]++;var d=s.K;for(n=0,l[0]=0,r=1;r<=t;r++)n=n+l[r-1]<<1,d[r]=n;for(i=0;i<c;i+=2)0!==(o=e[i+1])&&(e[i]=d[o],d[o]++)},Dd.H.A=function(e,t,n){for(var r=e.length,i=Dd.H.m.r,a=0;a<r;a+=2)if(0!==e[a+1])for(var o=a>>1,s=e[a+1],c=o<<4|s,l=t-s,u=e[a]<<l,d=u+(1<<l);u!==d;)n[i[u]>>>15-t]=c,u++},Dd.H.l=function(e,t){for(var n=Dd.H.m.r,r=15-t,i=0;i<e.length;i+=2){var a=e[i]<<t-e[i+1];e[i]=n[a]>>>r}},Dd.H.M=function(e,t,n){n<<=7&t;var r=t>>>3;e[r]|=n,e[r+1]|=n>>>8},Dd.H.I=function(e,t,n){n<<=7&t;var r=t>>>3;e[r]|=n,e[r+1]|=n>>>8,e[r+2]|=n>>>16},Dd.H.e=function(e,t,n){return(e[t>>>3]|e[1+(t>>>3)]<<8)>>>(7&t)&(1<<n)-1},Dd.H.b=function(e,t,n){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)&(1<<n)-1},Dd.H.Z=function(e,t){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)},Dd.H.i=function(e,t){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16|e[3+(t>>>3)]<<24)>>>(7&t)},Dd.H.m=(bd=Uint16Array,_d=Uint32Array,{K:new bd(16),j:new bd(16),X:[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],S:[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,999,999,999],T:[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0],q:new bd(32),p:[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,65535,65535],z:[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0],c:new _d(32),J:new bd(512),_:[],h:new bd(32),$:[],w:new bd(32768),C:[],v:[],d:new bd(32768),D:[],u:new bd(512),Q:[],r:new bd(32768),s:new _d(286),Y:new _d(30),a:new _d(19),t:new _d(15e3),k:new bd(65536),g:new bd(32768)}),function(){for(var e=Dd.H.m,t=0;t<32768;t++){var n=t;n=(4278255360&(n=(4042322160&(n=(3435973836&(n=(2863311530&n)>>>1|(1431655765&n)<<1))>>>2|(858993459&n)<<2))>>>4|(252645135&n)<<4))>>>8|(16711935&n)<<8,e.r[t]=(n>>>16|n<<16)>>>17}function r(e,t,n){for(;0!=t--;)e.push(0,n)}for(var i=0;i<32;i++)e.q[i]=e.S[i]<<3|e.T[i],e.c[i]=e.p[i]<<4|e.z[i];r(e._,144,8),r(e._,112,9),r(e._,24,7),r(e._,8,8),Dd.H.n(e._,9),Dd.H.A(e._,9,e.J),Dd.H.l(e._,9),r(e.$,32,5),Dd.H.n(e.$,5),Dd.H.A(e.$,5,e.h),Dd.H.l(e.$,5),r(e.Q,19,0),r(e.C,286,0),r(e.D,30,0),r(e.v,320,0)}(),Dd.H.N),Bd.decode._readInterlace=function(e,t){for(var n=t.width,r=t.height,i=Bd.decode._getBPP(t),a=i>>3,o=Math.ceil(n*i/8),s=new Uint8Array(r*o),c=0,l=[0,0,4,0,2,0,1],u=[0,4,0,2,0,1,0],d=[8,8,8,4,4,2,2],m=[8,8,4,4,2,2,1],f=0;f<7;){for(var g=d[f],p=m[f],h=0,v=0,x=l[f];x<r;)x+=g,v++;for(var y=u[f];y<n;)y+=p,h++;var A=Math.ceil(h*i/8);Bd.decode._filterZero(e,t,c,h,v);for(var w=0,j=l[f];j<r;){for(var b=u[f],_=c+w*A<<3;b<n;){if(1===i){var D=e[_>>3];D=D>>7-(7&_)&1,s[j*o+(b>>3)]|=D<<7-((7&b)<<0)}if(2===i){var M=e[_>>3];M=M>>6-(7&_)&3,s[j*o+(b>>2)]|=M<<6-((3&b)<<1)}if(4===i){var k=e[_>>3];k=k>>4-(7&_)&15,s[j*o+(b>>1)]|=k<<4-((1&b)<<2)}if(i>=8)for(var N=j*o+b*a,E=0;E<a;E++)s[N+E]=e[(_>>3)+E];_+=i,b+=p}w++,j+=g}h*v!=0&&(c+=v*(1+A)),f+=1}return s},Bd.decode._getBPP=function(e){return[1,null,3,1,2,null,4][e.ctype]*e.depth},Bd.decode._filterZero=function(e,t,n,r,i){var a=Bd.decode._getBPP(t),o=Math.ceil(r*a/8),s=Bd.decode._paeth;a=Math.ceil(a/8);var c=0,l=1,u=e[n],d=0;if(u>1&&(e[n]=[0,0,1][u-2]),3===u)for(d=a;d<o;d++)e[d+1]=e[d+1]+(e[d+1-a]>>>1)&255;for(var m=0;m<i;m++)if(d=0,0===(u=e[(l=(c=n+m*o)+m+1)-1]))for(;d<o;d++)e[c+d]=e[l+d];else if(1===u){for(;d<a;d++)e[c+d]=e[l+d];for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-a]}else if(2===u)for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-o];else if(3===u){for(;d<a;d++)e[c+d]=e[l+d]+(e[c+d-o]>>>1);for(;d<o;d++)e[c+d]=e[l+d]+(e[c+d-o]+e[c+d-a]>>>1)}else{for(;d<a;d++)e[c+d]=e[l+d]+s(0,e[c+d-o],0);for(;d<o;d++)e[c+d]=e[l+d]+s(e[c+d-a],e[c+d-o],e[c+d-a-o])}return e},Bd.decode._paeth=function(e,t,n){var r=e+t-n,i=r-e,a=r-t,o=r-n;return i*i<=a*a&&i*i<=o*o?e:a*a<=o*o?t:n},Bd.decode._IHDR=function(e,t,n){var r=Bd._bin;n.width=r.readUint(e,t),t+=4,n.height=r.readUint(e,t),t+=4,n.depth=e[t],t++,n.ctype=e[t],t++,n.compress=e[t],t++,n.filter=e[t],t++,n.interlace=e[t],t++},Bd._bin={nextZero:function(e,t){for(;0!==e[t];)t++;return t},readUshort:function(e,t){return e[t]<<8|e[t+1]},writeUshort:function(e,t,n){e[t]=n>>8&255,e[t+1]=255&n},readUint:function(e,t){return 16777216*e[t]+(e[t+1]<<16|e[t+2]<<8|e[t+3])},writeUint:function(e,t,n){e[t]=n>>24&255,e[t+1]=n>>16&255,e[t+2]=n>>8&255,e[t+3]=255&n},readASCII:function(e,t,n){for(var r="",i=0;i<n;i++)r+=String.fromCharCode(e[t+i]);return r},writeASCII:function(e,t,n){for(var r=0;r<n.length;r++)e[t+r]=n.charCodeAt(r)},readBytes:function(e,t,n){for(var r=[],i=0;i<n;i++)r.push(e[t+i]);return r},pad:function(e){return e.length<2?"0"+e:e},readUTF8:function(e,t,n){for(var r,i="",a=0;a<n;a++)i+="%"+Bd._bin.pad(e[t+a].toString(16));try{r=decodeURIComponent(i)}catch(r){return Bd._bin.readASCII(e,t,n)}return r}},Bd._copyTile=function(e,t,n,r,i,a,o,s,c){for(var l=Math.min(t,i),u=Math.min(n,a),d=0,m=0,f=0;f<u;f++)for(var g=0;g<l;g++)if(o>=0&&s>=0?(d=f*t+g<<2,m=(s+f)*i+o+g<<2):(d=(-s+f)*t-o+g<<2,m=f*i+g<<2),0===c)r[m]=e[d],r[m+1]=e[d+1],r[m+2]=e[d+2],r[m+3]=e[d+3];else if(1===c){var p=e[d+3]*(1/255),h=e[d]*p,v=e[d+1]*p,x=e[d+2]*p,y=r[m+3]*(1/255),A=r[m]*y,w=r[m+1]*y,j=r[m+2]*y,b=1-p,_=p+y*b,D=0===_?0:1/_;r[m+3]=255*_,r[m+0]=(h+A*b)*D,r[m+1]=(v+w*b)*D,r[m+2]=(x+j*b)*D}else if(2===c){var M=e[d+3],k=e[d],N=e[d+1],E=e[d+2],C=r[m+3],S=r[m],P=r[m+1],B=r[m+2];M===C&&k===S&&N===P&&E===B?(r[m]=0,r[m+1]=0,r[m+2]=0,r[m+3]=0):(r[m]=k,r[m+1]=N,r[m+2]=E,r[m+3]=M)}else if(3===c){var I=e[d+3],T=e[d],R=e[d+1],F=e[d+2],O=r[m+3],Z=r[m],G=r[m+1],Q=r[m+2];if(I===O&&T===Z&&R===G&&F===Q)continue;if(I<220&&O>20)return!1}return!0},Bd.encode=function(e,t,n,r,i,a,o){null===r&&(r=0),null===o&&(o=!1);var s=Bd.encode.compress(e,t,n,r,[!1,!1,!1,0,o]);return Bd.encode.compressPNG(s,-1),Bd.encode._main(s,t,n,i,a)},Bd.encodeLL=function(e,t,n,r,i,a,o,s){for(var c={ctype:0+(1===r?0:2)+(0===i?0:4),depth:a,frames:[]},l=(r+i)*a,u=l*t,d=0;d<e.length;d++)c.frames.push({rect:{x:0,y:0,width:t,height:n},img:new Uint8Array(e[d]),blend:0,dispose:1,bpp:Math.ceil(l/8),bpl:Math.ceil(u/8)});return Bd.encode.compressPNG(c,0,!0),Bd.encode._main(c,t,n,o,s)},Bd.encode._main=function(e,t,n,r,i){i||(i={});var a=Bd.crc.crc,o=Bd._bin.writeUint,s=Bd._bin.writeUshort,c=Bd._bin.writeASCII,l=8,u=e.frames.length>1,d=!1,m=33+(u?20:0);if(null!==i.sRGB&&void 0!==i.sRGB&&(m+=13),null!==i.pHYs&&void 0!==i.pHYs&&(m+=21),3===e.ctype){for(var f=e.plte.length,g=0;g<f;g++)e.plte[g]>>>24!=255&&(d=!0);m+=8+3*f+4+(d?8+1*f+4:0)}for(var p=0;p<e.frames.length;p++){u&&(m+=38),m+=e.frames[p].cimg.length+12,0!==p&&(m+=4)}m+=12;for(var h=new Uint8Array(m),v=[137,80,78,71,13,10,26,10],x=0;x<8;x++)h[x]=v[x];if(o(h,l,13),c(h,l+=4,"IHDR"),o(h,l+=4,t),o(h,l+=4,n),h[l+=4]=e.depth,h[++l]=e.ctype,h[++l]=0,h[++l]=0,h[++l]=0,o(h,++l,a(h,l-17,17)),l+=4,null!==i.sRGB&&void 0!==i.sRGB&&(o(h,l,1),c(h,l+=4,"sRGB"),h[l+=4]=i.sRGB,o(h,++l,a(h,l-5,5)),l+=4),null!==i.pHYs&&void 0!==i.pHYs&&(o(h,l,9),c(h,l+=4,"pHYs"),o(h,l+=4,i.pHYs[0]),o(h,l+=4,i.pHYs[1]),h[l+=4]=i.pHYs[2],o(h,++l,a(h,l-13,13)),l+=4),u&&(o(h,l,8),c(h,l+=4,"acTL"),o(h,l+=4,e.frames.length),o(h,l+=4,null!=i.loop?i.loop:0),o(h,l+=4,a(h,l-12,12)),l+=4),3===e.ctype){var y=e.plte.length;o(h,l,3*y),c(h,l+=4,"PLTE"),l+=4;for(var A=0;A<y;A++){var w=3*A,j=e.plte[A],b=255&j,_=j>>>8&255,D=j>>>16&255;h[l+w+0]=b,h[l+w+1]=_,h[l+w+2]=D}if(o(h,l+=3*y,a(h,l-3*y-4,3*y+4)),l+=4,d){o(h,l,y),c(h,l+=4,"tRNS"),l+=4;for(var M=0;M<y;M++)h[l+M]=e.plte[M]>>>24&255;o(h,l+=y,a(h,l-y-4,y+4)),l+=4}}for(var k=0,N=0;N<e.frames.length;N++){var E=e.frames[N];u&&(o(h,l,26),c(h,l+=4,"fcTL"),o(h,l+=4,k++),o(h,l+=4,E.rect.width),o(h,l+=4,E.rect.height),o(h,l+=4,E.rect.x),o(h,l+=4,E.rect.y),s(h,l+=4,r[N]),s(h,l+=2,1e3),h[l+=2]=E.dispose,h[++l]=E.blend,o(h,++l,a(h,l-30,30)),l+=4);var C=E.cimg,S=C.length;o(h,l,S+(0===N?0:4));var P=l+=4;c(h,l,0===N?"IDAT":"fdAT"),l+=4,0!==N&&(o(h,l,k++),l+=4),h.set(C,l),o(h,l+=S,a(h,P,l-P)),l+=4}return o(h,l,0),c(h,l+=4,"IEND"),o(h,l+=4,a(h,l-4,4)),l+=4,h.buffer},Bd.encode.compressPNG=function(e,t,n){for(var r=0;r<e.frames.length;r++){var i=e.frames[r],a=i.rect.height,o=new Uint8Array(a*i.bpl+a);i.cimg=Bd.encode._filterZero(i.img,a,i.bpp,i.bpl,o,t,n)}},Bd.encode.compress=function(e,t,n,r,i){for(var a=i[0],o=i[1],s=i[2],c=i[3],l=i[4],u=6,d=8,m=255,f=0;f<e.length;f++)for(var g=new Uint8Array(e[f]),p=g.length,h=0;h<p;h+=4)m&=g[h+3];var v=255!==m,x=Bd.encode.framize(e,t,n,a,o,s),y={},A=[],w=[];if(0!==r){for(var j=[],b=0;b<x.length;b++)j.push(x[b].img.buffer);for(var _=Bd.encode.concatRGBA(j),D=Bd.quantize(_,r),M=0,k=new Uint8Array(D.abuf),N=0;N<x.length;N++){var E=x[N].img,C=E.length;w.push(new Uint8Array(D.inds.buffer,M>>2,C>>2));for(var S=0;S<C;S+=4)E[S]=k[M+S],E[S+1]=k[M+S+1],E[S+2]=k[M+S+2],E[S+3]=k[M+S+3];M+=C}for(var P=0;P<D.plte.length;P++)A.push(D.plte[P].est.rgba)}else for(var B=0;B<x.length;B++){var I=x[B],T=new Uint32Array(I.img.buffer),R=I.rect.width,F=T.length,O=new Uint8Array(F);w.push(O);for(var Z=0;Z<F;Z++){var G=T[Z];if(0!==Z&&G===T[Z-1])O[Z]=O[Z-1];else if(Z>R&&G===T[Z-R])O[Z]=O[Z-R];else{var Q=y[G];if(null===Q&&(y[G]=Q=A.length,A.push(G),A.length>=300))break;O[Z]=Q}}}var L=A.length;L<=256&&!1===l&&(d=L<=2?1:L<=4?2:L<=16?4:8,d=Math.max(d,c));for(var z=0;z<x.length;z++){var H=x[z],V=H.rect.width,U=H.rect.height,W=H.img,Y=4*V,J=4;if(L<=256&&!1===l){Y=Math.ceil(d*V/8);for(var q=new Uint8Array(Y*U),K=w[z],X=0;X<U;X++){var $=X*Y,ee=X*V;if(8===d)for(var te=0;te<V;te++)q[$+te]=K[ee+te];else if(4===d)for(var ne=0;ne<V;ne++)q[$+(ne>>1)]|=K[ee+ne]<<4-4*(1&ne);else if(2===d)for(var re=0;re<V;re++)q[$+(re>>2)]|=K[ee+re]<<6-2*(3&re);else if(1===d)for(var ie=0;ie<V;ie++)q[$+(ie>>3)]|=K[ee+ie]<<7-1*(7&ie)}W=q,u=3,J=1}else if(!1===v&&1===x.length){for(var ae=new Uint8Array(V*U*3),oe=V*U,se=0;se<oe;se++){var ce=3*se,le=4*se;ae[ce]=W[le],ae[ce+1]=W[le+1],ae[ce+2]=W[le+2]}W=ae,u=2,J=3,Y=3*V}H.img=W,H.bpl=Y,H.bpp=J}return{ctype:u,depth:d,plte:A,frames:x}},Bd.encode.framize=function(e,t,n,r,i,a){for(var o=[],s=0;s<e.length;s++){var c=new Uint8Array(e[s]),l=new Uint32Array(c.buffer),u=void 0,d=0,m=0,f=t,g=n,p=r?1:0;if(0!==s){for(var h=a||r||1===s||0!==o[s-2].dispose?1:2,v=0,x=1e9,y=0;y<h;y++){for(var A=new Uint32Array(e[s-1-y]),w=t,j=n,b=-1,_=-1,D=0;D<n;D++)for(var M=0;M<t;M++){var k=D*t+M;l[k]!==A[k]&&(M<w&&(w=M),M>b&&(b=M),D<j&&(j=D),D>_&&(_=D))}-1===b&&(w=j=b=_=0),i&&(1==(1&w)&&w--,1==(1&j)&&j--);var N=(b-w+1)*(_-j+1);N<x&&(x=N,v=y,d=w,m=j,f=b-w+1,g=_-j+1)}var E=new Uint8Array(e[s-1-v]);1===v&&(o[s-1].dispose=2),u=new Uint8Array(f*g*4),Bd._copyTile(E,t,n,u,f,g,-d,-m,0),1===(p=Bd._copyTile(c,t,n,u,f,g,-d,-m,3)?1:0)?Bd.encode._prepareDiff(c,t,n,u,{x:d,y:m,width:f,height:g}):Bd._copyTile(c,t,n,u,f,g,-d,-m,0)}else u=c.slice(0);o.push({rect:{x:d,y:m,width:f,height:g},img:u,blend:p,dispose:0})}if(r)for(var C=0;C<o.length;C++){var S=o[C];if(1!==S.blend){var P=S.rect,B=o[C-1].rect,I=Math.min(P.x,B.x),T=Math.min(P.y,B.y),R={x:I,y:T,width:Math.max(P.x+P.width,B.x+B.width)-I,height:Math.max(P.y+P.height,B.y+B.height)-T};o[C-1].dispose=1,C-1!=0&&Bd.encode._updateFrame(e,t,n,o,C-1,R,i),Bd.encode._updateFrame(e,t,n,o,C,R,i)}}return o},Bd.encode._updateFrame=function(e,t,n,r,i,a,o){for(var s=Uint8Array,c=Uint32Array,l=new s(e[i-1]),u=new c(e[i-1]),d=i+1<e.length?new s(e[i+1]):null,m=new s(e[i]),f=new c(m.buffer),g=t,p=n,h=-1,v=-1,x=0;x<a.height;x++)for(var y=0;y<a.width;y++){var A=a.x+y,w=a.y+x,j=w*t+A,b=f[j];0!==b&&(0!==r[i-1].dispose||u[j]!==b||null!==d&&0===d[4*j+3])&&(A<g&&(g=A),A>h&&(h=A),w<p&&(p=w),w>v&&(v=w))}-1===h&&(g=p=h=v=0),o&&(1==(1&g)&&g--,1==(1&p)&&p--),a={x:g,y:p,width:h-g+1,height:v-p+1};var _=r[i];_.rect=a,_.blend=1,_.img=new Uint8Array(a.width*a.height*4),0===r[i-1].dispose?(Bd._copyTile(l,t,n,_.img,a.width,a.height,-a.x,-a.y,0),Bd.encode._prepareDiff(m,t,n,_.img,a)):Bd._copyTile(m,t,n,_.img,a.width,a.height,-a.x,-a.y,0)},Bd.encode._prepareDiff=function(e,t,n,r,i){Bd._copyTile(e,t,n,r,i.width,i.height,-i.x,-i.y,2)},Bd.encode._filterZero=function(e,t,n,r,i,a,o){var s,c=[],l=[0,1,2,3,4];-1!==a?l=[a]:(t*r>5e5||1===n)&&(l=[0]),o&&(s={level:0});for(var u,d=i.length>1e7&&null!=Sd()?Sd():Pd.ZP,m=0;m<l.length;m++){for(var f=0;f<t;f++)Bd.encode._filterLine(i,e,f,r,n,l[m]);c.push(d.deflate(i,s))}for(var g=1e9,p=0;p<c.length;p++)c[p].length<g&&(u=p,g=c[p].length);return c[u]},Bd.encode._filterLine=function(e,t,n,r,i,a){var o=n*r,s=o+n,c=Bd.decode._paeth;if(e[s]=a,s++,0===a)if(r<500)for(var l=0;l<r;l++)e[s+l]=t[o+l];else e.set(new Uint8Array(t.buffer,o,r),s);else if(1===a){for(var u=0;u<i;u++)e[s+u]=t[o+u];for(var d=i;d<r;d++)e[s+d]=t[o+d]-t[o+d-i]+256&255}else if(0===n){for(var m=0;m<i;m++)e[s+m]=t[o+m];if(2===a)for(var f=i;f<r;f++)e[s+f]=t[o+f];if(3===a)for(var g=i;g<r;g++)e[s+g]=t[o+g]-(t[o+g-i]>>1)+256&255;if(4===a)for(var p=i;p<r;p++)e[s+p]=t[o+p]-c(t[o+p-i],0,0)+256&255}else{if(2===a)for(var h=0;h<r;h++)e[s+h]=t[o+h]+256-t[o+h-r]&255;if(3===a){for(var v=0;v<i;v++)e[s+v]=t[o+v]+256-(t[o+v-r]>>1)&255;for(var x=i;x<r;x++)e[s+x]=t[o+x]+256-(t[o+x-r]+t[o+x-i]>>1)&255}if(4===a){for(var y=0;y<i;y++)e[s+y]=t[o+y]+256-c(0,t[o+y-r],0)&255;for(var A=i;A<r;A++)e[s+A]=t[o+A]+256-c(t[o+A-i],t[o+A-r],t[o+A-i-r])&255}}},Bd.crc={table:function(){for(var e=new Uint32Array(256),t=0;t<256;t++){for(var n=t,r=0;r<8;r++)1&n?n=3988292384^n>>>1:n>>>=1;e[t]=n}return e}(),update:function(e,t,n,r){for(var i=0;i<r;i++)e=Bd.crc.table[255&(e^t[n+i])]^e>>>8;return e},crc:function(e,t,n){return 4294967295^Bd.crc.update(4294967295,e,t,n)}},Bd.quantize=function(e,t){var n,r=new Uint8Array(e),i=r.slice(0),a=new Uint32Array(i.buffer),o=Bd.quantize.getKDtree(i,t),s=o[0],c=o[1],l=Bd.quantize.planeDst,u=r,d=a,m=u.length,f=new Uint8Array(r.length>>2);if(r.length<2e7)for(var g=0;g<m;g+=4){var p=u[g]*(1/255),h=u[g+1]*(1/255),v=u[g+2]*(1/255),x=u[g+3]*(1/255);n=Bd.quantize.getNearest(s,p,h,v,x),f[g>>2]=n.ind,d[g>>2]=n.est.rgba}else for(var y=0;y<m;y+=4){var A=u[y]*(1/255),w=u[y+1]*(1/255),j=u[y+2]*(1/255),b=u[y+3]*(1/255);for(n=s;n.left;)n=l(n.est,A,w,j,b)<=0?n.left:n.right;f[y>>2]=n.ind,d[y>>2]=n.est.rgba}return{abuf:i.buffer,inds:f,plte:c}},Bd.quantize.getKDtree=function(e,t,n){null===n&&(n=1e-4);var r=new Uint32Array(e.buffer),i={i0:0,i1:e.length,bst:null,est:null,tdst:0,left:null,right:null};i.bst=Bd.quantize.stats(e,i.i0,i.i1),i.est=Bd.quantize.estats(i.bst);for(var a=[i];a.length<t;){for(var o=0,s=0,c=0;c<a.length;c++)a[c].est.L>o&&(o=a[c].est.L,s=c);if(o<n)break;var l=a[s],u=Bd.quantize.splitPixels(e,r,l.i0,l.i1,l.est.e,l.est.eMq255);if(l.i0>=u||l.i1<=u)l.est.L=0;else{var d={i0:l.i0,i1:u,bst:null,est:null,tdst:0,left:null,right:null};d.bst=Bd.quantize.stats(e,d.i0,d.i1),d.est=Bd.quantize.estats(d.bst);var m={i0:u,i1:l.i1,bst:null,est:null,tdst:0,left:null,right:null};m.bst={R:[],m:[],N:l.bst.N-d.bst.N};for(var f=0;f<16;f++)m.bst.R[f]=l.bst.R[f]-d.bst.R[f];for(var g=0;g<4;g++)m.bst.m[g]=l.bst.m[g]-d.bst.m[g];m.est=Bd.quantize.estats(m.bst),l.left=d,l.right=m,a[s]=d,a.push(m)}}a.sort((function(e,t){return t.bst.N-e.bst.N}));for(var p=0;p<a.length;p++)a[p].ind=p;return[i,a]},Bd.quantize.getNearest=function(e,t,n,r,i){if(null==e.left)return e.tdst=Bd.quantize.dist(e.est.q,t,n,r,i),e;var a=Bd.quantize.planeDst(e.est,t,n,r,i),o=e.left,s=e.right;a>0&&(o=e.right,s=e.left);var c=Bd.quantize.getNearest(o,t,n,r,i);if(c.tdst<=a*a)return c;var l=Bd.quantize.getNearest(s,t,n,r,i);return l.tdst<c.tdst?l:c},Bd.quantize.planeDst=function(e,t,n,r,i){var a=e.e;return a[0]*t+a[1]*n+a[2]*r+a[3]*i-e.eMq},Bd.quantize.dist=function(e,t,n,r,i){var a=t-e[0],o=n-e[1],s=r-e[2],c=i-e[3];return a*a+o*o+s*s+c*c},Bd.quantize.splitPixels=function(e,t,n,r,i,a){var o=Bd.quantize.vecDot;for(r-=4;n<r;){for(;o(e,n,i)<=a;)n+=4;for(;o(e,r,i)>a;)r-=4;if(n>=r)break;var s=t[n>>2];t[n>>2]=t[r>>2],t[r>>2]=s,n+=4,r-=4}for(;o(e,n,i)>a;)n-=4;return n+4},Bd.quantize.vecDot=function(e,t,n){return e[t]*n[0]+e[t+1]*n[1]+e[t+2]*n[2]+e[t+3]*n[3]},Bd.quantize.stats=function(e,t,n){for(var r=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],i=[0,0,0,0],a=n-t>>2,o=t;o<n;o+=4){var s=e[o]*(1/255),c=e[o+1]*(1/255),l=e[o+2]*(1/255),u=e[o+3]*(1/255);i[0]+=s,i[1]+=c,i[2]+=l,i[3]+=u,r[0]+=s*s,r[1]+=s*c,r[2]+=s*l,r[3]+=s*u,r[5]+=c*c,r[6]+=c*l,r[7]+=c*u,r[10]+=l*l,r[11]+=l*u,r[15]+=u*u}return r[4]=r[1],r[8]=r[2],r[9]=r[6],r[12]=r[3],r[13]=r[7],r[14]=r[11],{R:r,m:i,N:a}},Bd.quantize.estats=function(e){var t=e.R,n=e.m,r=e.N,i=n[0],a=n[1],o=n[2],s=n[3],c=0===r?0:1/r,l=[t[0]-i*i*c,t[1]-i*a*c,t[2]-i*o*c,t[3]-i*s*c,t[4]-a*i*c,t[5]-a*a*c,t[6]-a*o*c,t[7]-a*s*c,t[8]-o*i*c,t[9]-o*a*c,t[10]-o*o*c,t[11]-o*s*c,t[12]-s*i*c,t[13]-s*a*c,t[14]-s*o*c,t[15]-s*s*c],u=l,d=Bd.M4,m=[Math.random(),Math.random(),Math.random(),Math.random()],f=0,g=0;if(0!==r)for(var p=0;p<16&&(m=d.multVec(u,m),g=Math.sqrt(d.dot(m,m)),m=d.sml(1/g,m),!(0!==p&&Math.abs(g-f)<1e-9));p++)f=g;var h=[i*c,a*c,o*c,s*c];return{Cov:l,q:h,e:m,L:f,eMq255:d.dot(d.sml(255,h),m),eMq:d.dot(m,h),rgba:(Math.round(255*h[3])<<24|Math.round(255*h[2])<<16|Math.round(255*h[1])<<8|Math.round(255*h[0])<<0)>>>0}},Bd.M4={multVec:function(e,t){return[e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3],e[4]*t[0]+e[5]*t[1]+e[6]*t[2]+e[7]*t[3],e[8]*t[0]+e[9]*t[1]+e[10]*t[2]+e[11]*t[3],e[12]*t[0]+e[13]*t[1]+e[14]*t[2]+e[15]*t[3]]},dot:function(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3]},sml:function(e,t){return[e*t[0],e*t[1],e*t[2],e*t[3]]}},Bd.encode.concatRGBA=function(e){for(var t=0,n=0;n<e.length;n++)t+=e[n].byteLength;for(var r=new Uint8Array(t),i=0,a=0;a<e.length;a++){for(var o=new Uint8Array(e[a]),s=o.length,c=0;c<s;c+=4){var l=o[c],u=o[c+1],d=o[c+2],m=o[c+3];0===m&&(l=u=d=0),r[i+c]=l,r[i+c+1]=u,r[i+c+2]=d,r[i+c+3]=m}i+=s}return r.buffer};var Id,Td=Bd,Rd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[4*(a*n+n-o-1)],i[s+1]=t[4*(a*n+n-o-1)+1],i[s+2]=t[4*(a*n+n-o-1)+2],i[s+3]=t[4*(a*n+n-o-1)+3]}return new ImageData(i,n,r)}return null},Fd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[4*((r-a-1)*n+o)],i[s+1]=t[4*((r-a-1)*n+o)+1],i[s+2]=t[4*((r-a-1)*n+o)+2],i[s+3]=t[4*((r-a-1)*n+o)+3]}return new ImageData(i,n,r)}return null},Od=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<n;a++)for(var o=0;o<r;o++){var s=4*(a*r+o);i[s]=t[4*(o*n+n-a-1)],i[s+1]=t[4*(o*n+n-a-1)+1],i[s+2]=t[4*(o*n+n-a-1)+2],i[s+3]=t[4*(o*n+n-a-1)+3]}return new ImageData(i,r,n)}return null},Zd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<n;a++)for(var o=0;o<r;o++){var s=4*(a*r+o);i[s]=t[4*((r-o-1)*n+a)],i[s+1]=t[4*((r-o-1)*n+a)+1],i[s+2]=t[4*((r-o-1)*n+a)+2],i[s+3]=t[4*((r-o-1)*n+a)+3]}return new ImageData(i,r,n)}return null},Gd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1]+t[s+2])/3;i[s]=c,i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Qd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1]+t[s+2])/3>127?255:0;i[s]=c,i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Ld=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=255-t[s],i[s+1]=255-t[s+1],i[s+2]=255-t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},zd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=0,i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Hd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=t[s+1],i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Vd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=0,i[s+2]=t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Ud=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=t[s+1],i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Wd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=0,i[s+2]=t[s+1],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Yd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=t[s+1],i[s+2]=t[s+1],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Jd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s+1]+t[s+2])/2;i[s]=t[s],i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},qd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+2])/2;i[s]=c,i[s+1]=t[s+1],i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Kd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1])/2;i[s]=c,i[s+1]=c,i[s+2]=t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Xd=function(e){if(e){return om(e,[-1,-1,-1,-1,9,-1,-1,-1,-1])}return null},$d=function(e){if(e){return om(e,[-1,-1,-1,-1,8,-1,-1,-1,-1])}return null},em=function(e){if(e){var t,n,r,i,a,o,s,c,l,u,d=e.data,m=e.width,f=e.height,g=[],p=0,h=10;for(o=1/(5*Math.sqrt(2*Math.PI)),a=-.02,s=0,t=-10;t<=h;t++,s++)i=o*Math.exp(a*t*t),g[s]=i,p+=i;for(s=0,u=g.length;s<u;s++)g[s]/=p;for(n=0;n<f;n++)for(t=0;t<m;t++){for(r=i=a=o=0,p=0,c=-10;c<=h;c++)(l=t+c)>=0&&l<m&&(r+=d[s=4*(n*m+l)]*g[c+h],i+=d[s+1]*g[c+h],a+=d[s+2]*g[c+h],p+=g[c+h]);d[s=4*(n*m+t)]=r/p,d[s+1]=i/p,d[s+2]=a/p}for(t=0;t<m;t++)for(n=0;n<f;n++){for(r=i=a=o=0,p=0,c=-10;c<=h;c++)(l=n+c)>=0&&l<f&&(r+=d[s=4*(l*m+t)]*g[c+h],i+=d[s+1]*g[c+h],a+=d[s+2]*g[c+h],p+=g[c+h]);d[s=4*(n*m+t)]=r/p,d[s+1]=i/p,d[s+2]=a/p}return e}return null},tm=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=t[s+1],i[s+2]=t[s+2],i[s+3]=255}return new ImageData(i,n,r)}return null},nm=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);if(0===t[s+3])i[s]=255,i[s+1]=255,i[s+2]=255,i[s+3]=255;else{var c=sm([t[s],t[s+1],t[s+2],t[s+3]],[255,255,255,255]);i[s]=c[0],i[s+1]=c[1],i[s+2]=c[2],i[s+3]=c[3]}}return new ImageData(i,n,r)}return null},rm=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1e4;if(e){var o=new Image,s=null;if(s="string"==typeof e?e:yl(e)){o.src=s;var c=document.createElement("canvas"),l=c.getContext("2d");c.width=a,c.height=a,l.drawImage(o,0,0,t,n,0,0,r,i);var u=l.getImageData(0,0,r,i);return u}}return null},im=function(){var e=(0,Uc.Z)(Yc().mark((function e(t,n,r,i,a,o){var s,c,l,u,d,m,f;return Yc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t&&i?(s=a/100,["JPG","JPEG"].includes(i.toUpperCase())?((c=new Image).src=t,l=document.createElement("canvas"),u=l.getContext("2d"),l.width=n,l.height=r,u.drawImage(c,0,0,n,r),l.toBlob((function(e){o&&o(e)}),"image/".concat(i.toLowerCase()),s)):(d=Math.floor(256*s),m=Td.encode([t.data.buffer],n,r,d),f=new Blob([m]),o&&o(f))):o&&o(null);case 1:case"end":return e.stop()}}),e)})));return function(t,n,r,i,a,o){return e.apply(this,arguments)}}(),am=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{backgroundColor:{r:0,g:0,b:0,a:255},changeIntoColor:{r:0,g:0,b:0,a:0}};if(e){if(t&&n){for(var r=e.data,i=e.width,a=e.height,o=t.data,s=new Uint8ClampedArray(r.length),c=n.backgroundColor,l=n.changeIntoColor,u=0;u<a;u++)for(var d=0;d<i;d++){var m=4*(u*i+d),f=o[m],g=o[m+1],p=o[m+2],h=o[m+3];f===c.r&&g===c.g&&p===c.b&&h===c.a&&0!==l.a?(s[m]=l.r,s[m+1]=l.g,s[m+2]=l.b,s[m+3]=l.a):(s[m]=r[m],s[m+1]=r[m+1],s[m+2]=r[m+2],s[m+3]=r[m+3])}var v=new ImageData(s,i,a);return v}return e}return null},om=function(e,t){if(e){for(var n=e.data,r=e.width,i=e.height,a=new Uint8ClampedArray(n.length),o=0;o<i;o++)for(var s=0;s<r;s++){for(var c=4*(o*r+s),l=0;l<3;l++){var u=c+l;a[u]=0===s||s===r-1||0===o||o===i-1?n[u]:t[0]*n[u-4*r-4]+t[1]*n[u-4*r]+t[2]*n[u-4*r+4]+t[3]*n[u-4]+t[4]*n[u]+t[5]*n[u+4]+t[6]*n[u+4*r-4]+t[7]*n[u+4*r]+t[8]*n[u+4*r+4]}a[c+3]=n[c+3]}return new ImageData(a,r,i)}return null},sm=function(e,t){if(e&&4===e.length&&t&&4===t.length){var n=e[3],r=t[3];if(255===n||0===r)return e;if(0===n)return t;var i=n/255,a=r/255;return[Math.max(Math.min(Math.floor(e[0]*i+t[0]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(e[1]*i+t[1]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(e[2]*i+t[2]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(255*(i+a*(1-i))),255),0)]}return[255,255,255,255]},cm="TakeIDPhotos_container__9YE8N",lm="TakeIDPhotos_title__i5kFN",um="TakeIDPhotos_content__+fix-",dm="TakeIDPhotos_videoBox__9t7RI",mm="TakeIDPhotos_recordVideo__fGXpo",fm="TakeIDPhotos_btns__n-Nxn",gm="TakeIDPhotos_label__WpbM+";!function(e){e[e.noInit=0]="noInit",e[e.loading=1]="loading",e[e.ready=2]="ready",e[e.inRecording=3]="inRecording"}(Id||(Id={}));var pm={1:{width:295,height:413},2:{width:413,height:579}},hm={transparency:{r:0,g:0,b:0,a:0},red:{r:255,g:0,b:0,a:255},blue:{r:67,g:142,b:219,a:255},white:{r:255,g:255,b:255,a:255}},vm=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)("1"),c=(0,o.Z)(a,2),l=c[0],u=c[1],d=(0,r.useRef)("1"),m=(0,r.useRef)(null),f=(0,r.useState)(""),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=(0,r.useState)(""),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(Id.noInit),b=(0,o.Z)(j,2),_=b[0],D=b[1],M=(0,r.useRef)(Id.noInit),k=(0,r.useState)("transparency"),N=(0,o.Z)(k,2),E=N[0],C=N[1],S=(0,r.useRef)("transparency"),P=(0,r.useRef)(null),B=(0,r.useRef)(0),I=function(){var e=(0,Uc.Z)(Yc().mark((function e(){var n,r,a,o,s,c,l,u,m,f;return Yc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(M.current===Id.inRecording){e.next=2;break}return e.abrupt("return");case 2:if(!t.current||!i.current){e.next=22;break}if(n=pm[d.current],r=n.width,a=n.height,!(o=wl(t.current,r,a))){e.next=22;break}if("transparency"===S.current){e.next=20;break}return s={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=10,P.current.segmentPeople(o,s);case 10:return c=e.sent,l={r:255,g:255,b:255,a:255},u={r:0,g:0,b:0,a:255},e.next=15,Ed.wX(c,l,u,false,.3);case 15:m=e.sent,(f=am(o,m,{backgroundColor:u,changeIntoColor:hm[S.current]}))?i.current.putImageData(f,0,0):i.current.putImageData(o,0,0),e.next=21;break;case 20:i.current.putImageData(o,0,0);case 21:B.current=window.requestAnimationFrame(I);case 22:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),T=function(){var r=(0,Uc.Z)(Yc().mark((function r(){var a,o,s,c,u,d,f,g;return Yc().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return D(Id.loading),o=(a=pm[l]).width,s=a.height,n.current&&(n.current.width=o,n.current.height=s,c=n.current.getContext("2d"),i.current=c),u=Ed.oV.MediaPipeSelfieSegmentation,d={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},Kc.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})),r.next=8,Ed.N7(u,d);case 8:f=r.sent,P.current=f,g={video:{width:pm[l].width,height:pm[l].height,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(g).then((function(e){t.current&&e&&(m.current=e),t.current&&m.current&&(t.current.srcObject=m.current),M.current=Id.inRecording,D(Id.inRecording),I()})).catch((function(t){t.message&&t.message.includes("not found")?Kc.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):Kc.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):Kc.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}));case 12:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),R=function(){var r=(0,Uc.Z)(Yc().mark((function r(){var i;return Yc().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:_===Id.noInit?T():_===Id.loading?Kc.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})):_===Id.inRecording?(t.current&&n.current&&(t.current.srcObject=null,B.current&&window.cancelAnimationFrame(B.current),i=n.current.toDataURL("image/jpeg"),w("".concat((new Date).getTime(),".jpeg")),v(i)),M.current=Id.ready,D(Id.ready)):(h&&(window.URL.revokeObjectURL(h),w(""),v("")),t.current&&m.current&&(t.current.srcObject=m.current,M.current=Id.inRecording,D(Id.inRecording),I()));case 1:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}();return(0,r.useEffect)((function(){return function(){h&&window.URL.revokeObjectURL(h)}}),[]),(0,s.jsxs)("div",{className:cm,children:[(0,s.jsx)("div",{className:lm,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.takeIDPhotos"})}),(0,s.jsxs)("div",{className:um,children:[(0,s.jsxs)("div",{className:dm,style:{width:"".concat(pm[l].width,"px"),height:"".concat(pm[l].height,"px")},children:[(0,s.jsx)("video",{className:mm,style:{width:"".concat(pm[l].width,"px"),height:"".concat(pm[l].height,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})]}),(0,s.jsxs)("div",{className:fm,children:[(0,s.jsxs)("div",{className:gm,children:[e.formatMessage({id:"common.dimension"}),"："]}),(0,s.jsx)(Jc.Z,{value:l,style:{width:"90px",marginRight:"16px"},onChange:function(e){if(n.current){var t=pm[e],r=t.width,i=t.height;n.current.width=r,n.current.height=i}d.current=e,u(e)},options:[{value:"1",label:e.formatMessage({id:"page.htmlVision.utilitarianFunction.oneInch"})},{value:"2",label:e.formatMessage({id:"page.htmlVision.utilitarianFunction.twoInch"})}]}),(0,s.jsxs)("div",{className:gm,children:[e.formatMessage({id:"common.backgroundColor"}),"："]}),(0,s.jsx)(Jc.Z,{value:E,style:{width:"130px",marginRight:"16px"},onChange:function(e){S.current=e,C(e)},options:[{value:"transparency",label:e.formatMessage({id:"common.transparency"})},{value:"red",label:e.formatMessage({id:"common.red"})},{value:"blue",label:e.formatMessage({id:"common.blue"})},{value:"white",label:e.formatMessage({id:"common.white"})}]}),(0,s.jsx)(oe.Z,{type:"primary",onClick:R,children:_===Id.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.clickToTakeAPhoto"}):h?e.formatMessage({id:"page.htmlVision.utilitarianFunction.backPhoto"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.readyToTakeAPhoto"})}),h&&(0,s.jsx)("a",{download:A,href:h,children:e.formatMessage({id:"common.download"})})]})]})]})},xm="UtilitarianFunction_container__nbWbY",ym="UtilitarianFunction_box__xBne9",Am=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:xm,children:[(0,s.jsx)("div",{className:ym,children:(0,s.jsx)($u,{})}),(0,s.jsx)("div",{className:ym,children:(0,s.jsx)(id,{})}),(0,s.jsx)("div",{className:ym,children:(0,s.jsx)(pd,{})}),(0,s.jsx)("div",{className:ym,children:(0,s.jsx)(Ir,{data:Br[2]})}),(0,s.jsx)("div",{className:ym,children:(0,s.jsx)(Nd,{})}),(0,s.jsx)("div",{className:ym,children:(0,s.jsx)(vm,{})})]})},wm=n(2076),jm="TiltButton_container__794Op",bm="TiltButton_buttonWrapper__qprX4",_m="TiltButton_symbol__8btRZ",Dm="TiltButton_baseSvg__VopDS";function Mm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function km(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Mm(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Mm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Nm=function(e,t){var n=e.children,i=e.color,a=void 0===i?"#355DFF":i,o=e.buttonstyle,c=void 0===o?{}:o,l=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(function(){return l}));var u=(0,r.useRef)(null),d=(0,r.useCallback)((function(e,t){return Math.floor(Math.random()*(t+1))+e}),[]),m=Object.assign({backgroundColor:a,boxShadow:"0 10px 20px -10px ".concat(a)},c),f=(0,r.useCallback)((function(e,t){var n="http://www.w3.org/1999/xlink",r=document.createElementNS("http://www.w3.org/2000/svg",e);for(var i in"svg"===e&&r.setAttribute("xmlns:xlink",n),t)"xlink:href"===i?r.setAttributeNS(n,i,t[i]):r.setAttribute(i,t[i]);return r}),[]);return(0,s.jsxs)("div",km(km({},e),{},{className:"".concat(jm," ").concat(e.className||""),children:[(0,s.jsx)(wm.Z,{className:"Tilt",options:{max:30,scale:1.1},children:(0,s.jsx)("div",{className:bm,ref:u,children:(0,s.jsx)("button",{style:m,onClick:function(){if(u.current){var e=["#donut","#circle","#tri_hollow","#triangle","#square","#squ_hollow"],t=u.current.children.length;if(t>1)for(var n=t-1;n>=0;n--){var r=u.current.children[n];"BUTTON"!==r.nodeName&&u.current.removeChild(r)}var i=u.current.getBoundingClientRect(),o=i.width,s=i.height;for(n=0;n<10;n++){var c=Math.floor(Math.random()*e.length),l=o/2+d(50,100)*Math.cos(2*Math.PI*n/d(0,20)),m=s/2+d(50,100)*Math.sin(2*Math.PI*n/d(0,20)),g=d(0,360)+"deg",p=d(.5,1),h=f("svg",{class:_m,style:"top: ".concat(m,"px;left: ").concat(l,"px;transform: scale(").concat(p,") rotate(").concat(g,")"),fill:a}),v=f("use",{"xlink:href":e[c]});h.appendChild(v),u.current.prepend(h)}}},ref:l,children:n})})}),(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",className:Dm,children:[(0,s.jsx)("symbol",{id:"donut",viewBox:"0 0 14 14",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M7 12c2.76 0 5-2.24 5-5S9.76 2 7 2 2 4.24 2 7s2.24 5 5 5zm0 2c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"})}),(0,s.jsx)("symbol",{id:"circle",viewBox:"0 0 10 10",children:(0,s.jsx)("circle",{cx:"5",cy:"5",r:"5",fillRule:"evenodd"})}),(0,s.jsx)("symbol",{id:"tri_hollow",viewBox:"0 0 12 11",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M3.4 8.96h5.2L6 4.2 3.4 8.95zM6 0l6 11H0L6 0z"})}),(0,s.jsx)("symbol",{id:"triangle",viewBox:"0 0 10 9",children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5 0l5 9H0"})}),(0,s.jsx)("symbol",{id:"square",viewBox:"0 0 8 8",children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M0 0h8v8H0z"})}),(0,s.jsx)("symbol",{id:"squ_hollow",viewBox:"0 0 8 8",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M1.5 1.5v5h5v-5h-5zM0 0h8v8H0V0z"})})]})]}))},Em=r.forwardRef(Nm),Cm="RotateBgButton_container__+oxiM",Sm=.01,Pm=.5,Bm=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(0),n=function n(){if(e.current){var r=Y.findDOMNode(e.current);if(r){var i=r.style.backgroundPosition;if(i){var a=i.split(" "),o=Number(a[0].substring(0,a[0].length-1))/100-Pm,s=Number(a[1].substring(0,a[1].length-1))/100-Pm;o=o*Math.cos(Sm)-s*Math.sin(Sm),s=s*Math.cos(Sm)+o*Math.sin(Sm),r.style.backgroundPosition="".concat(100*(o+Pm),"% ").concat(100*(s+Pm),"%")}else r.style.backgroundPosition="0% 50%";t.current=requestAnimationFrame(n)}}};return(0,r.useEffect)((function(){return e.current&&(t.current=requestAnimationFrame(n)),function(){t.current&&cancelAnimationFrame(t.current)}}),[]),(0,s.jsx)("div",{className:Cm,ref:e,children:"Button"})};function Im(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Tm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Im(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Im(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Rm,Fm=function(e){return(0,s.jsx)("svg",Tm(Tm({width:"1em",height:"1em",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsx)("path",{d:"m7.087 16.686.292-4.406 8-7.208c.354-.323-.073-.48-.542-.198l-9.875 6.24-4.27-1.355c-.918-.26-.928-.895.207-1.354L17.535 1.99c.76-.344 1.49.187 1.198 1.354l-2.834 13.343c-.198.948-.77 1.178-1.562.74l-4.313-3.187-2.073 2.01c-.24.24-.437.437-.864.437Z",fill:"#808191",fillRule:"nonzero"})}))},Om="IconMoveButton_container__jbUL6",Zm=function(){return(0,s.jsx)("div",{className:Om,children:(0,s.jsxs)("button",{children:[(0,s.jsx)(Fm,{}),"Button"]})})},Gm="NeonButton_container__UJhO5",Qm=function(){return(0,s.jsx)("div",{className:Gm,children:(0,s.jsx)("button",{children:"Button"})})},Lm="BorderAnimationButton_container__++2oE",zm=function(){return(0,s.jsx)("div",{className:Lm,children:(0,s.jsx)("button",{children:"Button"})})},Hm="BorderAnimationButton2_container__friIP",Vm=function(){return(0,s.jsx)("div",{className:Hm,children:(0,s.jsx)("button",{children:"Button"})})},Um="TranslateBgButton_container__L5LWZ",Wm=function(){return(0,s.jsx)("div",{className:Um,children:(0,s.jsx)("button",{children:"Button"})})},Ym="RoundedGradientButton_container__AMSMu",Jm=function(){return(0,s.jsx)("div",{className:Ym,children:(0,s.jsx)("button",{children:"Button"})})},qm="MirrorSideButton_container__sB1Ij",Km=function(){return(0,s.jsx)("div",{className:qm,children:(0,s.jsx)("button",{children:"Button"})})},Xm="ShakeButton_container__g6kIG",$m=function(){return(0,s.jsx)("div",{className:Xm,children:(0,s.jsx)("button",{children:"Button"})})},ef="Skew3DButton_container__1NY5X",tf=function(){return(0,s.jsx)("div",{className:ef,children:(0,s.jsx)("button",{children:"Button"})})},nf="HoverCircleButton_container__PuMuD",rf=function(){var e=(0,r.useRef)(null),t=function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px"))}};return(0,s.jsx)("div",{className:nf,children:(0,s.jsx)("button",{onMouseOver:t,onMouseLeave:t,ref:e,children:(0,s.jsx)("span",{children:"Button"})})})},af="PunkEffectButton_container__RO8q0",of=function(){return(0,s.jsx)("div",{className:af,children:(0,s.jsx)("button",{children:"Button"})})},sf="PunkEffectButton2_container__KUiXn",cf=function(){return(0,s.jsx)("div",{className:sf,children:(0,s.jsx)("button",{children:"Button"})})},lf="BirdButton_container__7qoN9",uf="BirdButton_content__kmjN7",df="BirdButton_buttonWrapper__LV-bE",mf="BirdButton_birdBox__RbQ6O",ff="BirdButton_bird__iLhzs",gf="BirdButton_birdFace__vJMFt",pf="BirdButton_wakeup__Igq0s",hf=function(){return(0,s.jsx)("div",{className:lf,children:(0,s.jsxs)("div",{className:uf,children:[(0,s.jsx)("div",{className:df,children:(0,s.jsx)("span",{children:"Button"})}),(0,s.jsxs)("div",{className:mf,children:[(0,s.jsx)("div",{className:"".concat(ff," ").concat(pf),children:(0,s.jsx)("div",{className:gf})}),(0,s.jsx)("div",{className:"".concat(ff," ").concat(pf),children:(0,s.jsx)("div",{className:gf})}),(0,s.jsx)("div",{className:ff,children:(0,s.jsx)("div",{className:gf})})]})]})})},vf="ObliqueLineButton_container__1jrJm",xf=function(){return(0,s.jsx)("div",{className:vf,children:(0,s.jsxs)("button",{children:["Button",(0,s.jsx)("span",{})]})})},yf="LightningBorderButton_container__ekKDU",Af="LightningBorderButton_buttonBox__o0z+d",wf="LightningBorderButton_line1__Njvnt",jf="LightningBorderButton_line2__hEdBj",bf=function(){return(0,s.jsx)("div",{className:yf,children:(0,s.jsxs)("div",{className:Af,children:[(0,s.jsx)("button",{children:"Button"}),(0,s.jsxs)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 234.6 61.3",preserveAspectRatio:"none",xmlSpace:"preserve",children:[(0,s.jsxs)("filter",{id:"glow",children:[(0,s.jsx)("feGaussianBlur",{className:"blur",result:"coloredBlur",stdDeviation:"2"}),(0,s.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.075",numOctaves:"0.3",result:"turbulence"}),(0,s.jsx)("feDisplacementMap",{in:"SourceGraphic",in2:"turbulence",scale:"30",xChannelSelector:"R",yChannelSelector:"G",result:"displace"}),(0,s.jsxs)("feMerge",{children:[(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"displace"}),(0,s.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),(0,s.jsx)("path",{className:wf,d:"m216.3 51.2c-3.7 0-3.7-1.1-7.3-1.1-3.7 0-3.7 6.8-7.3 6.8-3.7 0-3.7-4.6-7.3-4.6-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-0.9-7.3-0.9-3.7 0-3.7-2.7-7.3-2.7-3.7 0-3.7 7.8-7.3 7.8-3.7 0-3.7-4.9-7.3-4.9-3.7 0-3.7-7.8-7.3-7.8-3.7 0-3.7-1.1-7.3-1.1-3.7 0-3.7 3.1-7.3 3.1-3.7 0-3.7 10.9-7.3 10.9-3.7 0-3.7-12.5-7.3-12.5-3.7 0-3.7 4.6-7.3 4.6-3.7 0-3.7 4.5-7.3 4.5-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-10-7.3-10-3.7 0-3.7-0.4-7.3-0.4-3.7 0-3.7 2.3-7.3 2.3-3.7 0-3.7 7.1-7.3 7.1-3.7 0-3.7-11.2-7.3-11.2-3.7 0-3.7 3.5-7.3 3.5-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-2.9-7.3-2.9-3.7 0-3.7 8.4-7.3 8.4-3.7 0-3.7-14.6-7.3-14.6-3.7 0-3.7 5.8-7.3 5.8-2.2 0-3.8-0.4-5.5-1.5-1.8-1.1-1.8-2.9-2.9-4.8-1-1.8 1.9-2.7 1.9-4.8 0-3.4-2.1-3.4-2.1-6.8s-9.9-3.4-9.9-6.8 8-3.4 8-6.8c0-2.2 2.1-2.4 3.1-4.2 1.1-1.8 0.2-3.9 2-5 1.8-1 3.1-7.9 5.3-7.9 3.7 0 3.7 0.9 7.3 0.9 3.7 0 3.7 6.7 7.3 6.7 3.7 0 3.7-1.8 7.3-1.8 3.7 0 3.7-0.6 7.3-0.6 3.7 0 3.7-7.8 7.3-7.8h7.3c3.7 0 3.7 4.7 7.3 4.7 3.7 0 3.7-1.1 7.3-1.1 3.7 0 3.7 11.6 7.3 11.6 3.7 0 3.7-2.6 7.3-2.6 3.7 0 3.7-12.9 7.3-12.9 3.7 0 3.7 10.9 7.3 10.9 3.7 0 3.7 1.3 7.3 1.3 3.7 0 3.7-8.7 7.3-8.7 3.7 0 3.7 11.5 7.3 11.5 3.7 0 3.7-1.4 7.3-1.4 3.7 0 3.7-2.6 7.3-2.6 3.7 0 3.7-5.8 7.3-5.8 3.7 0 3.7-1.3 7.3-1.3 3.7 0 3.7 6.6 7.3 6.6s3.7-9.3 7.3-9.3c3.7 0 3.7 0.2 7.3 0.2 3.7 0 3.7 8.5 7.3 8.5 3.7 0 3.7 0.2 7.3 0.2 3.7 0 3.7-1.5 7.3-1.5 3.7 0 3.7 1.6 7.3 1.6s3.7-5.1 7.3-5.1c2.2 0 0.6 9.6 2.4 10.7s4.1-2 5.1-0.1c1 1.8 10.3 2.2 10.3 4.3 0 3.4-10.7 3.4-10.7 6.8s1.2 3.4 1.2 6.8 1.9 3.4 1.9 6.8c0 2.2 7.2 7.7 6.2 9.5-1.1 1.8-12.3-6.5-14.1-5.5-1.7 0.9-0.1 6.2-2.2 6.2z",fill:"transparent",stroke:"#fff"}),(0,s.jsx)("path",{className:jf,d:"m216.3 52.1c-3 0-3-0.5-6-0.5s-3 3-6 3-3-2-6-2-3 1.6-6 1.6-3-0.4-6-0.4-3-1.2-6-1.2-3 3.4-6 3.4-3-2.2-6-2.2-3-3.4-6-3.4-3-0.5-6-0.5-3 1.4-6 1.4-3 4.8-6 4.8-3-5.5-6-5.5-3 2-6 2-3 2-6 2-3 1.6-6 1.6-3-4.4-6-4.4-3-0.2-6-0.2-3 1-6 1-3 3.1-6 3.1-3-4.9-6-4.9-3 1.5-6 1.5-3 1.6-6 1.6-3-1.3-6-1.3-3 3.7-6 3.7-3-6.4-6-6.4-3 2.5-6 2.5h-6c-3 0-3-0.6-6-0.6s-3-1.4-6-1.4-3 0.9-6 0.9-3 4.3-6 4.3-3-3.5-6-3.5c-2.2 0-3.4-1.3-5.2-2.3-1.8-1.1-3.6-1.5-4.6-3.3s-4.4-3.5-4.4-5.7c0-3.4 0.4-3.4 0.4-6.8s2.9-3.4 2.9-6.8-0.8-3.4-0.8-6.8c0-2.2 0.3-4.2 1.3-5.9 1.1-1.8 0.8-6.2 2.6-7.3 1.8-1 5.5-2 7.7-2 3 0 3 2 6 2s3-0.5 6-0.5 3 5.1 6 5.1 3-1.1 6-1.1 3-5.6 6-5.6 3 4.8 6 4.8 3 0.6 6 0.6 3-3.8 6-3.8 3 5.1 6 5.1 3-0.6 6-0.6 3-1.2 6-1.2 3-2.6 6-2.6 3-0.6 6-0.6 3 2.9 6 2.9 3-4.1 6-4.1 3 0.1 6 0.1 3 3.7 6 3.7 3 0.1 6 0.1 3-0.6 6-0.6 3 0.7 6 0.7 3-2.2 6-2.2 3 4.4 6 4.4 3-1.7 6-1.7 3-4 6-4 3 4.7 6 4.7 3-0.5 6-0.5 3-0.8 6-0.8 3-3.8 6-3.8 3 6.3 6 6.3 3-4.8 6-4.8 3 1.9 6 1.9 3-1.9 6-1.9 3 1.3 6 1.3c2.2 0 5-0.5 6.7 0.5 1.8 1.1 2.4 4 3.5 5.8 1 1.8 0.3 3.7 0.3 5.9 0 3.4 3.4 3.4 3.4 6.8s-3.3 3.4-3.3 6.8 4 3.4 4 6.8c0 2.2-6 2.7-7 4.4-1.1 1.8 1.1 6.7-0.7 7.7-1.6 0.8-4.7-1.1-6.8-1.1z",fill:"transparent",stroke:"#fff"})]})]})})},_f="DynamicButtons_container__onlah",Df="DynamicButtons_box__HDepH",Mf="DynamicButtons_box1__eXXBp",kf="DynamicButtons_btn__v5GiZ",Nf="DynamicButtons_btnText__a2SkT",Ef=be.GridBox,Cf=[{element:(0,s.jsx)(Em,{className:kf,color:"#4E90FE",children:(0,s.jsx)("span",{className:Nf,children:"Button"})}),className:Mf},{element:(0,s.jsx)(Bm,{})},{element:(0,s.jsx)(Zm,{})},{element:(0,s.jsx)(Qm,{})},{element:(0,s.jsx)(zm,{})},{element:(0,s.jsx)(Vm,{})},{element:(0,s.jsx)(Wm,{})},{element:(0,s.jsx)(Jm,{})},{element:(0,s.jsx)(Km,{})},{element:(0,s.jsx)($m,{})},{element:(0,s.jsx)(tf,{})},{element:(0,s.jsx)(rf,{})},{element:(0,s.jsx)(of,{})},{element:(0,s.jsx)(cf,{})},{element:(0,s.jsx)(hf,{})},{element:(0,s.jsx)(xf,{})},{element:(0,s.jsx)(bf,{})}],Sf=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:_f,children:(0,s.jsx)(be,{differentScreenCols:[8,7,6,5,4],rowSpace:4,colSpace:4,children:Cf.map((function(e,t){return(0,s.jsx)(Ef,{children:(0,s.jsx)("div",{className:e.className?"".concat(Df," ").concat(e.className):Df,children:e.element})},t)}))})})},Pf="DynamicTime_container__gWj7z",Bf="DynamicTime_circle__KgCyy",If="DynamicTime_hour__QRch1",Tf="DynamicTime_minutes__CiztT",Rf="DynamicTime_seconds__HIQzF",Ff="DynamicTime_text__tg+1p",Of="DynamicTime_ap__-R5C5",Zf=75,Gf=471;!function(e){e[e.AM=0]="AM",e[e.PM=1]="PM"}(Rm||(Rm={}));var Qf=function(){var e=function(){var e=new Date,t=e.getHours();return{h:t%12,m:e.getMinutes(),s:e.getSeconds(),ap:t>=12?Rm.PM:Rm.AM}},t=(0,r.useMemo)((function(){return e()}),[]),n=(0,r.useRef)(t.h),i=(0,r.useRef)(t.m),a=(0,r.useRef)(t.ap),c=(0,r.useState)(t.s),l=(0,o.Z)(c,2),u=l[0],d=l[1];return(0,r.useEffect)((function(){var t=setInterval((function(){var t=e(),r=t.h,o=t.m,s=t.s,c=t.ap;n.current=r,i.current=o,a.current=c,s!==u&&d(s)}),1e3);return function(){t&&clearInterval(t)}}),[]),(0,s.jsxs)("div",{className:Pf,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.SVGCircularClock"}),(0,s.jsxs)("div",{className:"".concat(Bf," ").concat(If),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Zf,cy:Zf,r:Zf,style:{strokeDashoffset:Gf-Gf*n.current/12}})}),n.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Ff,children:"HOURS"})]}),(0,s.jsxs)("div",{className:"".concat(Bf," ").concat(Tf),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Zf,cy:Zf,r:Zf,style:{strokeDashoffset:Gf-Gf*i.current/60}})}),i.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Ff,children:"MINUTES"})]}),(0,s.jsxs)("div",{className:"".concat(Bf," ").concat(Rf),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Zf,cy:Zf,r:Zf,style:{strokeDashoffset:Gf-Gf*u/60}})}),u.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Ff,children:"SECONDS"})]}),(0,s.jsx)("div",{className:Of,children:Rm[a.current]})]})},Lf=n(15671),zf=n(43144),Hf={container:"FlopTime_container__FCqPp",content:"FlopTime_content__hgESz",flip:"FlopTime_flip__uaSUO",digital:"FlopTime_digital__qpGvE",front:"FlopTime_front__uSPIf",back:"FlopTime_back__pv1UY",number0:"FlopTime_number0__ZTJin",number1:"FlopTime_number1__eLA3v",number2:"FlopTime_number2__1Ac8e",number3:"FlopTime_number3__0vQ0q",number4:"FlopTime_number4__dEd0i",number5:"FlopTime_number5__a-zf8",number6:"FlopTime_number6__2oi9K",number7:"FlopTime_number7__r4N7o",number8:"FlopTime_number8__HcY+F",number9:"FlopTime_number9__Ga-a0",down:"FlopTime_down__RmRNR",go:"FlopTime_go__-zVpA",frontFlipDown:"FlopTime_frontFlipDown__GMZfH",backFlipDown:"FlopTime_backFlipDown__d92sS",dot:"FlopTime_dot__FWyVP"},Vf=function(){function e(t){(0,Lf.Z)(this,e),this.config={node:null,frontNum:0,backNum:1,frontText:Hf.number0,backText:Hf.number1,duration:600},Object.assign(this.config,t),this.nodeClass={flip:Hf.flip,front:"".concat(Hf.digital," ").concat(Hf.front),back:"".concat(Hf.digital," ").concat(Hf.back)},this.frontNode=this.config.node.children[0],this.backNode=this.config.node.children[1],this.isFlipping=!1,this.allNumberClass=[],this._init()}return(0,zf.Z)(e,[{key:"_init",value:function(){for(var e=0;e<10;e++)this.allNumberClass.push(Hf["number".concat(e)]);var t=this.config,n=t.frontNum,r=t.frontText,i=t.backNum,a=t.backText;this._setFront(n,r),this._setBack(i,a)}},{key:"_setFront",value:function(e,t){var n=this;this.allNumberClass.forEach((function(e){Array.prototype.includes.call(n.frontNode.classList,e)&&n.frontNode.classList.remove(e)})),this.config.frontNum=e,this.config.frontText=Hf["number".concat(e)],this.frontNode.classList.add(t)}},{key:"_setBack",value:function(e,t){var n=this;this.allNumberClass.forEach((function(e){Array.prototype.includes.call(n.backNode.classList,e)&&n.backNode.classList.remove(e)})),this.config.backNum=e,this.config.backText=Hf["number".concat(e)],this.backNode.classList.add(t)}},{key:"_flip",value:function(e,t,n,r,i){var a=this;if(this.isFlipping)return!1;this.isFlipping=!0,this._setFront(t,n),this._setBack(r,i);var o=Hf.down;"up"===e&&(o=Hf.up),this.config.node.classList.add(o,Hf.go),setTimeout((function(){a.config.node.classList.remove(Hf.go),a.isFlipping=!1,a._setFront(r,i);var e=r>=9?0:r+1;a._setBack(e,Hf["number".concat(e)])}),this.config.duration)}},{key:"flipDown",value:function(e,t,n,r){this._flip("down",e,t,n,r)}}]),e}(),Uf=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)([]);return(0,r.useEffect)((function(){if(e.current){var n=e.current.children;n=Array.prototype.filter.call(n,(function(e){return!!e.className.includes(Hf.flip)}));for(var r=new Date,i=(0,ar.Z)(r,"hhmmss"),a=(0,ar.Z)(new Date(r.getTime()+1e3),"hhmmss"),o=0;o<n.length;o++)t.current.push(new Vf({node:n[o],frontText:Hf["number".concat(i[o])],backText:Hf["number".concat(a[o])]}))}var s=window.setInterval((function(){for(var e=new Date,n=(0,ar.Z)(e,"hhmmss"),r=(0,ar.Z)(new Date(e.getTime()+1e3),"hhmmss"),i=0;i<t.current.length;i++)n[i]!==r[i]&&t.current[i].flipDown(Number(n[i]),Hf["number".concat(n[i])],Number(r[i]),Hf["number".concat(r[i])])}),1e3);return function(){s&&window.clearInterval(s)}}),[]),(0,s.jsxs)("div",{className:Hf.container,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.upAndDownCard"}),(0,s.jsxs)("div",{className:Hf.content,ref:e,children:[(0,s.jsxs)("div",{className:"".concat(Hf.flip," ").concat(Hf.down),children:[(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.front)}),(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.back)})]}),(0,s.jsxs)("div",{className:"".concat(Hf.flip," ").concat(Hf.down),children:[(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.front)}),(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.back)})]}),(0,s.jsx)("div",{className:Hf.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Hf.flip," ").concat(Hf.down),children:[(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.front)}),(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.back)})]}),(0,s.jsxs)("div",{className:"".concat(Hf.flip," ").concat(Hf.down),children:[(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.front)}),(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.back)})]}),(0,s.jsx)("div",{className:Hf.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Hf.flip," ").concat(Hf.down),children:[(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.front)}),(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.back)})]}),(0,s.jsxs)("div",{className:"".concat(Hf.flip," ").concat(Hf.down),children:[(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.front)}),(0,s.jsx)("div",{className:"".concat(Hf.digital," ").concat(Hf.back)})]})]})]})},Wf="ChargingAnimation_container__v9+1B",Yf="ChargingAnimation_number__p2igZ",Jf="ChargingAnimation_contrast__WE8Kt",qf="ChargingAnimation_circle__ulvus",Kf="ChargingAnimation_bubbles__YjX2d",Xf=new Array(15).fill(0),$f=function(){return(0,r.useLayoutEffect)((function(){document.styleSheets[0].insertRule("@keyframes bubbleMoveToTop{ 90% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0.1;\n      transform: translate(-50%, -260px);\n    }}")}),[]),(0,s.jsxs)("div",{className:Wf,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.charging"}),(0,s.jsx)("div",{className:Yf,children:"30.02%"}),(0,s.jsxs)("div",{className:Jf,children:[(0,s.jsx)("div",{className:qf}),(0,s.jsx)("ul",{className:Kf,children:Xf.map((function(e,t){var n="".concat(15*Math.random()+15,"px"),r="".concat(70*Math.random()+15,"px"),i="".concat(5*Math.random()+2,"s"),a="-".concat(5e3*Math.random()/1e3,"s"),o="bubbleMoveToTop ".concat(i," ease-in-out ").concat(a," infinite");return(0,s.jsx)("li",{style:{width:n,height:n,left:r,animation:o}},t)}))})]})]})};function eg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function tg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?eg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):eg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ng=function(e){return(0,s.jsxs)("svg",tg(tg({className:"StickyRice_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M64 880a448 80 0 1 0 896 0 448 80 0 1 0-896 0Z",fill:"#E8DABF",opacity:.3}),(0,s.jsx)("path",{d:"M87.215 846.713c-63.335-109.7 283.05-735.385 424.574-735.385S999.61 738.401 936.363 846.713s-785.813 109.7-849.148 0z",fill:"#FAEBD2"}),(0,s.jsx)("path",{d:"M455.995 219.992c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S444.002 208 448 208s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S476.002 208 480 208s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S540.002 208 544 208s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S572.002 208 576 208s7.995 7.577 7.995 11.992zm-64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S508.002 208 512 208c3.997 0 7.995 7.577 7.995 11.992zm-80 32c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S428.002 240 432 240s7.995 7.577 7.995 11.992zm-32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S396.002 240 400 240s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S460.002 240 464 240s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S524.002 240 528 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S556.002 240 560 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S588.002 240 592 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S620.002 240 624 240s7.995 7.577 7.995 11.992zm-128 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S492.002 240 496 240s7.995 7.577 7.995 11.992zM775.345 440.438c6.115-.504 2.035 2.249 3.301 5.954.291 3.705-1.4 8.362 3.258 11.666-8.169 4.275-6.282 6.521 3.215 8.77 10.327 2.249-3.048 4.501 3.17 8.79-7.376 1.905 1.646 5.43 3.123 8.9 2.359 3.47 7.921 6.886 3.075 8.573-9.172-.258-2.604 3.793 3.026 8.052 15.128 4.26 5.026 8.729 2.976 9.306-12.033 2.457 8.296 3.061 2.924 4.901-9.272 1.84.532 4.915 2.871 12.315-7.209-4.449 4.727-6.768 2.351-5.038-8.02 1.73-4.154 7.509 2.312 19.255 10.479 2.85 7.181 5.826 2.272 8.362 2.367 2.536 14.417 4.631 2.232 5.72.489 8.023 3.272 8.451 2.191 8.369 2.156-.082 2.739-.673 2.149 5.309 6.227.962 5.665 3.077 2.106 5.646-8.672 2.569-11.048 5.593 2.063 8.372.484 2.791-1.853-7.046 3.993 2.32 4.069 4.468 5.724 6.451 1.928 9.406 6.942 2.955 1.821 6.882 1.881 15.238-4.269.327 4.781 3.252 1.834 6.473-2.521 3.222-.062 6.74 1.786 8.252.93 4.846 4.093 9.135 3.424 11.379 4.254 4.314 6.785 12.042 3.222 9.515 7.65.479 5.501 2.125 1.533 4.778-2.137 2.653.389 6.314 1.48 10.821 5.52-4.253 5.635-3.57 1.427-1.098.458 2.472 2.397 6.733 1.372 9.635 4.945-5.443-1.133 5.655 1.317 6.148 7.645-1.499 6.176-3.465 1.261 9.311-1.044-1.224 1.153 3.168.609 6.892 3.205 3.725-8.203 6.782.595 2.89-7.048 1.751 3.658-8.565 1.146 4.247-2.301 6.198-4.38 5.473 1.088 9.861-6.175 6.702 5.253 11.046.522 11.399 4.763.353 3.857-3.283.507-12.541 4.14-.671 7.245 8.582.969 7.898-4.846 2.25 1.32 7.335.462 10.005 3.145 2.67 10.494 2.925.446-4.486-4.938-.376-10.418-2.474.431-8.347-.33 2.606-4.06 1.688.416 7.392-8.397-5.947 2.539-8.485.4-1.185.769-.613-6.446 15.872.384 10.095 6.124-2.642 16.23-2.913.721-.891-9.928 2.022 2.137 6.337.657 12.867 8.012-1.93 3.119 11.247 1.119 7.89-4.177 10.634 6.907 8.769.461 5.883 9.31-2.886.244-6.793.394-.244.495-3.987-6.03-3.428.171 6.772-9.743 9.614-1.644 7.542.154 4.16 7.839 6.146 5.388-1.372.257 1.662-.977 5.999 2.145-9.593.188-5.785-3.549-1.61.632.145.068 3.207.688 3.061 2.394 7.428.05 11.041-11.782 5.89.19 9.829.046 11.327 8.012 1.498-5.24.555-.025-3.321-3.097-6.344 1.874 10.268-.269 2.894 11.751-5.18-2.069-4.017-.246-.68 5.299 3.337-.201 8.848-.321 12.363-.119 1.52-.251 7.353-.396 8.282-.145 1.512-.302 8.374-.473.633-.341 6.682-.733 2.845-1.178 3.641-.89 7.333-1.991-8.506-3.31 10.406-.807 10.085-1.747-3.544-2.814 4.667-1.067 7.814-2.262 2.26-3.581 6.35-1.319 10.024-2.761 9.864-4.323 6.708-1.562 4.784-3.243 3.198-5.04 3.605-1.797-1.216-3.709-8.021-5.732 2.172-2.023 7.898-4.158.643-6.399 7.435-2.242 5.191-4.59 11.749-7.042 5.977-2.452-5.879-5.007 7.787-7.66 2.924-2.654 6.301-5.406 5.755-8.253 3.105-2.847-2.562-5.789-1.824-8.821 5.088-3.032 2.617-6.155 2.006-9.365 4.028-3.209.424-6.505 11.614-9.883 3.457-3.378 11.137-6.839 4.589-10.377 5.368-3.539-.628-7.155-8.95-10.846 1.408-6.04 13.337-12.277 4.26-18.695 5.017-6.418 3.014-13.016 11.167-19.776 4.541-6.76-1.418-13.682-10.144-20.748 4.065-7.066 6.438-14.276-.847-21.611 3.589-7.335-7.749-14.797 7.38-22.365 3.112-7.569-6.077-15.245 6.834-23.011 2.634-7.766 5.918-15.621-.398-23.548 2.156-7.927-6.213-15.925 7.261-23.977 1.678-8.052 14.37-16.156-8.354-24.296 1.199-8.14-4.045-16.315 5.313-24.507.72-8.192 5.977-16.401 2.026-24.609.24v1.206c7.933.148 15.852 1.825 23.746-.511 7.893 6.51 15.761 5.45 23.593-.778 7.832-13.235 15.627.2 23.374-1.045 7.748-8.826 15.448 4.154 23.09-1.312 7.642-10.069 15.226-8.128 22.741-1.579 7.515 1.232 14.96-13.071 22.326-1.846 7.365-1.077 14.651-3.437 21.845-2.112 7.194-9.605 14.297-5.486 21.298-2.378 7.001-8.46 13.9 8.32 20.686-2.644 6.786-9.953 13.459-3.337 20.009-2.91 6.549-4.958 12.975-5.612 19.265-3.176 4.325 4.107 8.586-1.967 12.78-2.337 4.194 3.386 8.32 3.274 12.376-2.463 4.056.418 8.041 10.262 11.951-1.138 3.911-1.155 7.747 5.839 11.505-4.164 3.758 5.875 7.439-3.256 11.037-5.567 3.599 4.841 7.116-4.089 10.549-.234 3.432-.472 6.78 1.161 10.038-3.31 3.259.518 6.429-3.21 9.507-2.992 3.078-9.286 6.064-8.46 8.954-5.961 2.89 1.432 5.685-11.631 8.38-.84 2.695-2.291 5.291 3.583 7.784-2.516 2.493-1.39 4.884 6.451 7.168-4.785 2.284-1.168 4.462 4.094 6.53-4.34 2.068-.067 4.026-10.814 5.87-3.459 1.844-3.772 3.576-14.484 5.19-9.13 1.614-10.135 3.111-3.577 4.488.833 2.753 4.679 5.024-.194 6.784-8.794.511 2.867.995 4.044 1.453 3.006s.889-4.289 1.294-10.276c.811 2.808 1.517-.439 2.121-4.815.605 2.149 1.107 6.75 1.511-7.597.404 6.246 1.897-11.725.917-7.505.361-4.346 10.857-12.046.24-10.4 9.433-.227.293-4.471.097 2.555 6.523-7.804-6.694-6.103-.044-4.557-1.258 1.546-4.622 2.938-.183-5.486 1.944-6.188-8.249-14.074-.32-10.921-.404-6.319 6.552-10.136-.211-10.592 3.129-.456-8.232 2.449-.244 9.572-18.587.492-6.796-3.876-.588-7.245 6.263-3.369 2.361-5.74-.719-1.256.164-7.81 2.438 2.701-1.824-10.578 1.12 6.423 13.204 4.838-1.101 2.795-.013-1.094-9.198-7.844-.597-12.818-10.651-4.974-4.457-8.172-.628-2.162 11.367-7.964.889-11.437-1.113-9.645.338 3.859 5.592-9.962-1.196-.13 6.184 4.612 2.554 2.165-1.279-1.561-15.558-3.726 3.72-8.732-1.359-9.239 1.376-2.409 7.481-14.768-2.958-9.968 1.931-7.286-5.878-5.991-1.596-5.013 12.537.978-.968 1.64-1.672-6.911 3.35-9.013 1.114-9.073-1.748-6.58-6.06 1.911-2.64-3.474-1.822-6.353-6.857 3.202-1.17-10.577-3.862-10.143 2.182-6.161-3.083-8.589-2.038-9.783 1.917-1.194-2.247-1.156-2.108-2.386 1.029.101.304-3.36-2.176-6.611 2.086-3.251.296-6.29-2.244-5.345 8.665-2.409 1.316-4.83-2.31-7.187-11.041-2.357 7.203-4.65-2.375-6.803-4.979-6.512-.945-7.99-4.942-11.049-4.987.782-4.913-2.262-5.189-7.207-5.878-2.472 5.256-5.42-2.685-8.602-1.93-3.182-4.832-6.599-2.743-10.01-13.344.003-5.803-8.628-5.657-8.894-3.908-5.741-3.353-5.33-2.912-5.886 11.301-.556 4.618-2.078-2.966-11.685 7.9-.238-7.1-3.077-3.019-6.302-4.414-3.225.931-6.838-3.071-8.624-1.794-7.073-5.786-8.407-3.121-8.812.873-.405 3.632.118-3.171-3.239-.107-6.551 7.422-6.72-3.219-6.871 7.515-.151-6.404-.286-3.266-6.768-6.025-6.91-6.301-11.368-3.313-13.584-5.699-2.216 6.067-2.19-3.357-.133-6.807.382-9.151-1.648-4.087-4.825 6.383-3.177-.74-7.503-4.148-11.713-5.8-2.571-11.938-5.728-4.207-8.738-4.086-3.01-6.844-5.874-4.265-7.859-3.109-6.14-12.035-10.321-4.32-12.954-.975-2.633 6.391-3.72-4.374-3.673 6.577.889 1.602-2.293-4.425-6.184-4.759-3.892-3.924-8.493-4.475-10.443-5.601-3.404-6.274-7.316-4.522-10.496-6.921-3.176 4.486-5.624-4.565-6.099z",fill:"#E8DABF"})]}))};function rg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ig(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?rg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):rg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ag=function(e){return(0,s.jsxs)("svg",ig(ig({className:"RedDates_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M472.5 427.8s48.6-66.4 203.2-16.6 241.9 192.1 240.2 224.9c3.4 42.5 17.9 178.9-163.5 227.4S438 738.3 398.4 647.6s74.1-219.8 74.1-219.8z",fill:"#BC2B2B"}),(0,s.jsx)("path",{d:"M689.8 883.9c-22.5 0-44.9-3.1-66.9-9.3-37.3-10.5-73.6-29.8-108.1-57.4-62.8-50.2-107-118.1-127.4-164.8-10-23-12-49.9-5.9-79.8 4.7-23.1 14.3-48.2 28.5-74.6 22.9-42.5 50-74.1 53.2-77.8 5.6-7.1 60.6-70.5 216.1-20.4 88 28.3 147.7 79.7 182.3 117.7 37.9 41.7 64.5 89.1 66.2 117.9.1 1.6.2 3.3.3 5.1 1.6 24.9 4.5 71.4-16.2 117.6-25.3 56.6-78 95.9-156.5 117-21.9 5.9-43.8 8.8-65.6 8.8zM481.5 435.8c-1.1 1.2-108.2 124.4-72.1 207 30.4 69.7 158.2 257.7 339.8 209.1 165.4-44.3 158.1-160.3 155-209.9-.1-1.9-.2-3.6-.3-5.2-1.1-19.7-22.1-61.5-60-103.1-32.7-35.9-89-84.3-171.9-111-75.3-24.3-123.2-19.4-150-11.1-27.5 8.6-39.1 22.5-39.8 23.4-.2.3-.4.5-.7.8zm-9-8z"}),(0,s.jsx)("path",{d:"M540.7 190.3s-85-64.2-242.8 45.9c-26.8 21-166.5 195.5-186.8 341.7S185 848.7 338.5 870.4s280.9-199.8 280.9-199.8 162.2-212.9 60.8-359.1c-15.9-16.9-90.3-94.6-139.5-121.2z",fill:"#FFF"}),(0,s.jsx)("path",{d:"M556.6 220.5s-58.5-37.5-164.2 5.3c-48.8 19.8-91.6 51.6-125.3 91.8-54.7 65.3-138 184.7-152.8 290.2C94 753 185 848.9 338.5 870.5s280.9-198.4 280.9-198.4 149.4-189.4 74.3-326.8c-15.9-16.8-79.4-97.3-137.1-124.8z",fill:"#C12F2F"}),(0,s.jsx)("path",{d:"M359.7 883.9c-7.7 0-15.4-.5-23-1.6-77-10.9-143.3-47.9-186.7-104.1-43-55.9-61.1-127.6-50.8-201.9 7.1-51.6 29-110.7 64.9-175.7 36.5-66 76-117 91.3-135.8 3.6-4.4 7.4-8.7 11.3-12.8 10.7-11.1 19.3-18.8 30.8-27.6 24.6-18.8 51-34 78.3-45 104.1-41.9 163.2-4.8 171.2.7 40 21.9 95.1 75.1 124.4 105 25.2 25.7 42.3 57.5 49.4 92 6.7 32.7 6 69-2.2 107.9-6.5 30.7-17.6 63.1-33.1 96.2-24.7 53.1-52.2 90.6-56.3 96-4 6.8-35.2 59.1-84.3 109.8-30.5 31.5-61.6 55.7-92.4 72-31.2 16.6-62.4 24.9-92.8 24.9zm109.2-700.1c-21.8 0-50.1 4.2-84.1 17.9-25.3 10.2-49.7 24.2-72.7 41.8-10.4 8-18.3 15-28.1 25.2-3.5 3.6-6.8 7.4-10 11.2-60.8 75-137 198.5-151 299.7-19.6 141.1 71.8 258.4 217.1 279 6.6.9 13.1 1.4 19.6 1.4C495 860 607.8 666.7 609 664.6c.3-.4.5-.9.9-1.3.3-.4 29.2-38.6 54.3-92.7 22.8-49.1 47.1-121.6 33.3-188.7-6.2-29.9-21.1-57.6-43.1-80-28.6-29.1-82.1-81-119.4-101.1l-1.5-.9c-.4-.3-13.3-9.5-37.6-13.9-7.4-1.2-16.4-2.2-27-2.2z"}),(0,s.jsx)("path",{d:"M560 301.2c-1.4 0-2.7-.3-4-.9-5.1-2.2-7.3-8.1-5.1-13.2 12-27.2 35.6-46.4 68.2-55.6 24-6.8 44.4-5.8 45.2-5.7 5.5.3 9.7 5 9.4 10.5-.3 5.5-5 9.7-10.5 9.4-.7 0-70.9-3-94.1 49.5-1.6 3.8-5.2 6-9.1 6z"}),(0,s.jsx)("path",{d:"M577.9 341.2c-2.9 0-5.8-.3-8.8-.8-12.7-2.3-25.6-9.2-36.3-19.5-10.7-10.3-18.2-22.8-21.1-35.4-3.1-13.9-.3-26.7 7.9-35.2 3.8-4 10.1-4.1 14.1-.3s4.1 10.1.3 14.1c-4.7 4.9-3.8 12.8-2.9 17 2 8.7 7.6 17.9 15.4 25.4 7.8 7.5 17.3 12.7 26 14.3 4.3.8 12.1 1.3 16.8-3.6 3.8-4 10.1-4.1 14.1-.3s4.1 10.1.3 14.1c-6.1 6.7-15.3 10.2-25.8 10.2zm237 439.7c-1.4 0-2.9-.1-4.5-.4-5.4-1-9-6.2-8-11.6 1-5.4 6.2-9 11.6-8 .9.2 2 .4 3.8-2 1.5-2 2.4-4.6 2.6-5.4 1.3-5.4 6.8-8.6 12.1-7.2 5.4 1.3 8.6 6.8 7.3 12.2-2.9 11.2-11.7 22.4-24.9 22.4zM331 820.7c-15.3 0-32.9-13.5-37.8-18.7-3.8-4-3.6-10.3.4-14.1 4-3.8 10.3-3.6 14.1.4 4.3 4.5 17.6 12.9 23.6 12.4 5.5-.4 10.3 3.7 10.8 9.2s-3.7 10.3-9.2 10.8H331zm37.9 3.1h-2.5c-5.5-.1-9.9-4.7-9.8-10.2.1-5.5 4.7-9.9 10.2-9.8h2.1c61.7 0 116.4-64.4 117-65.1 3.5-4.2 9.9-4.8 14.1-1.2 4.2 3.5 4.8 9.9 1.2 14.1-2.5 2.9-61.4 72.2-132.3 72.2z"})]}))};function og(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function sg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?og(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):og(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var cg=function(e){return(0,s.jsxs)("svg",sg(sg({className:"ReedLeaves_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M352.764 725.16c.119 156.85-155.595 203.778-155.56 250.833-.036-47.055-155.821-94.237-155.94-251.087C40.991 364.15 196.539 97.632 196.539 97.632S352.491 364.405 352.764 725.16z",fill:"#419646"}),(0,s.jsx)("path",{d:"M362.028 725.167c.035 46.247-12.861 87.195-39.424 125.182-22.557 32.258-51.131 56.645-74.09 76.239-23.496 20.053-42.056 35.892-42.045 49.412l-18.528-.015c-.01-13.519-18.594-29.389-42.12-49.481-22.989-19.632-51.6-44.065-74.206-76.36C44.993 812.113 32.035 771.145 32 724.898c-.063-82.694 8.1-167.285 24.262-251.425 12.927-67.3 30.973-134.468 53.636-199.639 38.626-111.07 77.912-178.903 78.304-179.575L196.525 80l8.343 14.272c.393.673 39.782 68.571 78.577 179.704 22.762 65.207 40.91 132.405 53.939 199.727 16.29 84.166 24.581 168.77 24.644 251.464zM197.187 952.465c8.563-11.478 22.322-23.22 38.049-36.641 45.721-39.021 108.339-92.463 108.265-190.672-.14-185.279-42.338-345.083-77.714-446.517-27.733-79.524-55.714-136.569-69.234-162.321-13.481 25.73-41.375 82.729-68.988 162.208-35.222 101.376-77.177 261.111-77.037 446.39.074 98.209 62.774 151.753 108.554 190.849 15.747 13.448 29.524 25.212 38.105 36.704z",fill:"#286432"}),(0,s.jsx)("path",{d:"M248.718 877.34c8.347-16.661 15.417-33.789 20.853-51.278a321.004 321.004 0 0 0 11.74-53.239c2.413-17.938 3.343-36.02 3.074-54.036l-.269-27-.61-26.996a2590.894 2590.894 0 0 0-5.264-107.904 2612.711 2612.711 0 0 0-23.99-215.021c-2.791-17.849-5.681-35.687-8.861-53.49a2181.856 2181.856 0 0 0-10.063-53.342c-3.568-17.752-7.351-35.475-11.411-53.154-4.078-17.675-8.333-35.326-13.196-52.866 4.77 17.556 8.931 35.221 12.916 52.909 3.967 17.692 7.655 35.425 11.129 53.187 3.48 17.761 6.747 35.55 9.779 53.367 3.085 17.81 5.88 35.654 8.576 53.507 10.588 71.431 18.218 143.157 22.844 215.007a2589.23 2589.23 0 0 1 4.691 107.846l.467 26.975.126 26.977c.171 17.964-.856 35.896-3.35 53.706a318.828 318.828 0 0 1-11.94 52.776c-5.486 17.32-12.587 34.268-20.961 50.769-8.333 16.527-18.091 32.518-27.85 48.578-2.91 4.845-5.826 9.701-8.582 14.639 1.329-3.937 2.707-7.87 4.072-11.81 5.643-16.098 11.003-32.335 15.228-48.786 8.538-32.893 12.925-66.487 13.866-100.086.54-16.815.025-33.586-.112-50.363l-.337-25.165-.712-25.159-.712-25.159-1.042-25.151-1.074-25.149c-.329-8.384-.894-16.76-1.33-25.14-3.62-67.038-8.819-134.013-15.289-200.898-3.187-33.446-6.831-66.862-10.705-100.257-3.896-33.394-8.127-66.762-12.937-100.074 4.628 33.329 8.675 66.711 12.388 100.117 3.691 33.407 7.151 66.832 10.154 100.285 6.103 66.899 10.933 133.877 14.184 200.904.389 8.379.909 16.754 1.191 25.135l.936 25.142.904 25.142.574 25.148.574 25.147.198 25.15c.046 16.765.472 33.545-.181 50.263-1.155 33.451-5.736 66.821-14.428 99.457-4.305 16.329-9.729 32.426-15.473 48.488-2.339 6.617-4.711 13.24-6.851 19.947L196.55 113.38l-.301 65.188c-4.612 32.47-8.688 64.994-12.438 97.542-3.823 33.389-7.416 66.799-10.553 100.24-6.369 66.875-11.466 133.841-14.984 200.874-.423 8.38-.976 16.755-1.291 25.138l-1.036 25.147-1.004 25.149-.674 25.158-.674 25.158-.298 25.164c-.112 16.776-.601 33.546-.036 50.363.992 33.6 5.43 67.201 14.018 100.109 4.25 16.458 9.634 32.704 15.301 48.811 1.371 3.942 2.755 7.878 4.09 11.817-2.773-4.959-5.706-9.836-8.634-14.702-9.793-16.092-19.584-32.116-27.944-48.675-8.404-16.532-15.526-33.512-21.038-50.86a319.683 319.683 0 0 1-12-52.854c-2.513-17.834-3.555-35.785-3.4-53.769l.087-27.004.421-27.002c.754-36 2.249-71.991 4.485-107.949 4.47-71.918 11.903-143.71 22.248-215.21 2.638-17.87 5.367-35.731 8.386-53.56a2207.575 2207.575 0 0 1 9.57-53.422c3.401-17.78 7.012-35.534 10.897-53.246 3.902-17.709 7.979-35.394 12.654-52.975-4.768 17.563-8.938 35.235-12.934 52.931-3.979 17.7-7.684 35.442-11.179 53.213a2207.717 2207.717 0 0 0-9.853 53.398c-3.114 17.821-5.938 35.677-8.671 53.543-10.726 71.484-18.541 143.279-23.393 215.223a2626.432 2626.432 0 0 0-5.057 108.006l-.563 27.022-.229 27.026c-.253 18.033.692 36.135 3.124 54.096a321.675 321.675 0 0 0 11.8 53.317c5.462 17.516 12.553 34.677 20.931 51.37 8.33 16.716 18.104 32.891 27.788 48.989 3.925 6.597 7.84 13.193 11.312 19.903-4.823-6.139-10.077-11.976-15.357-17.762-12.998-14.117-26.21-28.003-38.146-42.641-11.979-14.597-22.742-29.883-31.643-45.907-8.915-16.013-15.892-32.766-20.747-49.942-4.821-17.184-7.519-34.773-8.229-52.418-.37-8.81-.126-17.691-.122-26.55l.076-13.294.31-13.291a1723.85 1723.85 0 0 1 5.621-106.237 1711.161 1711.161 0 0 1 31.083-211.039 1556.332 1556.332 0 0 1 25.734-104.168c4.902-17.251 10.133-34.439 15.78-51.533 5.677-17.085 11.608-34.12 18.433-50.915-6.914 16.77-12.938 33.785-18.708 50.852-5.74 17.075-11.065 34.247-16.061 51.485a1559.335 1559.335 0 0 0-26.304 104.111A1713.715 1713.715 0 0 0 74.96 577.865a1727.068 1727.068 0 0 0-6.198 106.324l-.381 13.305-.147 13.309c-.052 8.875-.344 17.733-.022 26.652.617 17.807 3.241 35.588 8.019 52.982 4.811 17.386 11.776 34.365 20.702 50.594 8.91 16.24 19.706 31.731 31.7 46.493 11.947 14.799 25.166 28.824 38.034 42.936 6.396 7.073 12.724 14.187 18.148 21.676 2.712 3.74 5.12 7.604 7.002 11.59.28.628.547 1.26.805 1.893l-.048 10.37 2.316.002.885.001 3.747.003.885.001 1.431.001-.049-8.021c.472-1.427 1.05-2.84 1.674-4.242 1.875-3.984 4.278-7.845 6.986-11.581 5.414-7.481 11.733-14.586 18.119-21.65 12.849-14.094 26.049-28.099 37.975-42.882 11.974-14.745 22.746-30.223 31.631-46.451 8.901-16.218 15.84-33.189 20.622-50.571 4.75-17.39 7.344-35.17 7.931-52.979.307-8.921 0-17.78-.066-26.657l-.169-13.312-.406-13.308a1712.147 1712.147 0 0 0-6.418-106.35 1701.682 1701.682 0 0 0-32.851-211.124 1550.31 1550.31 0 0 0-26.693-104.132c-5.066-17.24-10.462-34.414-16.277-51.491-5.847-17.066-11.947-34.082-18.943-50.851 6.906 16.794 12.914 33.83 18.666 50.915 5.721 17.095 11.025 34.284 15.996 51.538a1547.891 1547.891 0 0 1 26.124 104.189 1699.492 1699.492 0 0 1 31.696 211.094 1710.304 1710.304 0 0 1 5.841 106.261l.334 13.294.097 13.296c.018 8.86.277 17.743-.078 26.555-.68 17.647-3.349 35.235-8.142 52.414-4.826 17.172-11.777 33.917-20.667 49.919-8.876 16.013-19.616 31.285-31.575 45.865-11.915 14.621-25.108 28.489-38.086 42.587-5.274 5.78-10.522 11.611-15.337 17.745 3.453-6.687 7.348-13.262 11.253-19.836 9.649-16.066 19.389-32.208 27.692-48.891zm-62.005 49.079c-5.768-16.072-11.216-32.177-15.546-48.514-8.742-32.65-13.374-66.027-14.579-99.481-.679-16.719-.278-33.498-.258-50.263l.16-25.15.536-25.147.536-25.147.866-25.141.898-25.141c.27-8.381.777-16.755 1.153-25.133 3.15-67.021 7.879-133.991 13.88-200.881 2.953-33.448 6.362-66.867 10.002-100.268 3.566-32.525 7.46-65.026 11.888-97.478l-3.528 764.994c-1.913-5.787-3.976-11.52-6.008-17.25z",fill:"#C8E678"}),(0,s.jsx)("path",{d:"M467.935 785.26c-67.683 158.396-251.27 136.047-271.575 183.566 20.305-47.519-122.672-164.906-54.988-323.302C297.043 281.212 575.386 81.806 575.386 81.806s48.22 339.142-107.451 703.454z",fill:"#419646"}),(0,s.jsx)("path",{d:"M477.647 789.416c-19.956 46.703-51.182 82.266-95.462 108.721-37.602 22.465-78.11 34.289-110.658 43.79-33.31 9.723-59.621 17.403-65.455 31.056l-19.424-8.311c5.834-13.653-6.794-37.995-22.781-68.812-15.622-30.113-35.063-67.589-44.809-110.314-11.476-50.313-7.354-97.473 12.602-144.177 35.684-83.51 80.814-165.251 134.138-242.955 42.651-62.152 90.614-121.88 142.555-177.523 88.524-94.832 159.049-145.72 159.751-146.223L582.995 64l2.58 18.144c.122.855 12.076 87.037 4.716 216.598-4.319 76.02-14.337 151.984-29.777 225.78-19.303 92.262-47.183 181.384-82.867 264.894zM206.513 945.067c13.942-7.753 33.448-13.446 55.742-19.953 64.818-18.92 153.589-44.832 195.968-144.01 79.951-187.106 104.782-367.326 111.535-485.565 5.295-92.699.612-162.816-2.433-194.866-25.26 19.938-79.155 64.99-142.472 132.861-80.763 86.57-193.817 229.039-273.768 416.145-42.379 99.178.227 181.306 31.336 241.273 10.699 20.626 20.062 38.671 24.092 54.115z",fill:"#286432"}),(0,s.jsx)("path",{d:"M293.032 892.3c15.957-13.082 30.776-27.208 44.036-42.429a341.611 341.611 0 0 0 35.328-48.489c10.285-17.029 19.077-34.866 26.583-53.174l11.39-27.377 11.03-27.526a2741.694 2741.694 0 0 0 41.128-111.288c25.82-74.804 48.427-150.804 67.798-227.81 4.789-19.268 9.47-38.57 13.832-57.967a2311.034 2311.034 0 0 0 12.507-58.356c3.932-19.519 7.628-39.104 11.012-58.77 3.364-19.67 6.533-39.394 9.016-59.277-2.588 19.859-5.86 39.556-9.328 59.196-3.489 19.636-7.287 39.19-11.323 58.676a2314.418 2314.418 0 0 1-12.815 58.254c-4.464 19.361-9.247 38.626-14.137 57.856-19.776 76.852-42.783 152.677-68.993 227.283a2736.39 2736.39 0 0 1-41.704 110.973l-11.172 27.441-11.53 27.29c-7.586 18.212-16.416 35.854-26.731 52.718a339.434 339.434 0 0 1-35.337 47.932c-13.241 15.029-28.014 28.958-43.93 41.866-15.884 12.953-33.03 24.727-50.207 36.571-5.147 3.588-10.303 7.185-15.328 10.935 3.096-3.379 6.241-6.733 9.376-10.099 12.877-13.724 25.517-27.716 37.06-42.432 23.174-29.383 42.298-61.333 57.81-94.83 7.836-16.734 14.546-33.894 21.655-50.892l10.526-25.555 10.13-25.718 10.129-25.717 9.78-25.857 9.746-25.869c3.28-8.611 6.308-17.32 9.474-25.975 25.185-69.297 48.687-139.237 70.817-209.657 11.117-35.192 21.742-70.557 32.116-106.005 10.35-35.456 20.339-71.037 29.695-106.82-9.555 35.719-19.742 71.231-30.29 106.617-10.572 35.378-21.393 70.67-32.705 105.786-22.521 70.268-46.411 140.047-71.977 209.167-3.214 8.633-6.29 17.32-9.617 25.908l-9.888 25.801-9.921 25.787-10.27 25.645-10.269 25.644-10.665 25.479c-7.2 16.945-14.007 34.076-21.919 50.66-15.672 33.253-34.903 64.889-58.127 93.943-11.574 14.557-24.221 28.379-37.189 42.022-5.313 5.633-10.664 11.257-15.808 17.07l354.763-843.22-28.497 65.674c-18.874 30.714-37.209 61.722-55.212 92.902-18.444 31.995-36.655 64.114-54.402 96.469-35.59 64.66-69.885 129.981-102.554 196.076-4.066 8.27-8.266 16.478-12.222 24.799l-11.958 24.923-11.925 24.939-11.583 25.095-11.583 25.096-11.192 25.27c-7.37 16.886-15.133 33.596-21.81 50.826-13.485 34.364-23.357 70.273-28.577 107.339-2.658 18.518-4.035 37.329-5.055 56.127-.266 4.594-.517 9.187-.819 13.761-.764-6.247-1.732-12.484-2.699-18.708-3.313-20.63-6.654-41.19-8.263-61.651-1.667-20.453-1.794-40.783-.076-60.765a339.772 339.772 0 0 1 10.265-58.73c5.074-19.129 11.742-37.718 19.679-55.803l11.765-27.222 12.114-27.071a2777.305 2777.305 0 0 1 51.371-106.969c35.779-70.601 74.61-139.748 116.37-207.297 10.492-16.859 21.076-33.668 31.949-50.314a2344.887 2344.887 0 0 1 33.131-49.646c11.253-16.427 22.715-32.732 34.447-48.873 11.748-16.13 23.669-32.159 36.172-47.813-12.593 15.595-24.606 31.568-36.447 47.643-11.824 16.087-23.38 32.339-34.729 48.714a2350.922 2350.922 0 0 0-33.418 49.494c-10.97 16.597-21.651 33.358-32.241 50.17-42.152 67.362-81.385 136.341-117.576 206.797a2779.887 2779.887 0 0 0-51.995 106.769l-12.273 27.027-11.924 27.181c-8.061 18.091-14.896 36.789-20.11 56.01a341.963 341.963 0 0 0-10.675 59.108c-1.844 20.129-1.826 40.628-.257 61.231 1.51 20.605 4.766 41.31 7.963 61.898 1.265 8.417 2.518 16.83 3.259 25.157-2.404-8.357-5.39-16.602-8.427-24.807-7.528-20.071-15.38-40.006-21.569-60.128-6.252-20.1-10.932-40.351-13.339-60.513-2.427-20.158-2.501-40.194-.167-59.708 2.373-19.506 7.148-38.47 14.031-56.602 3.421-9.06 7.516-17.916 11.35-26.857l5.826-13.386 6.071-13.279A1824.806 1824.806 0 0 1 242.6 513.333a1815.415 1815.415 0 0 1 123.831-199.131 1658.29 1658.29 0 0 1 72.021-93.637c12.599-15.221 25.516-30.23 38.827-44.957 13.34-14.705 26.924-29.247 41.342-43.146-14.501 13.833-28.174 28.314-41.603 42.959-13.401 14.668-26.409 29.619-39.101 44.784a1660.753 1660.753 0 0 0-72.593 93.324 1818.312 1818.312 0 0 0-125.055 198.642 1827.277 1827.277 0 0 0-52.465 104.561l-6.152 13.261-5.908 13.37c-3.891 8.937-8.027 17.748-11.545 26.896-7.051 18.253-11.986 37.378-14.495 57.077-2.47 19.706-2.506 39.965-.161 60.345 2.324 20.384 6.948 40.857 13.145 61.13 6.132 20.289 13.931 40.367 21.325 60.375 3.649 10.004 7.211 20.019 9.661 30.008 1.228 4.99 2.083 9.969 2.332 14.836.022.76.029 1.517.026 2.271l-4.533 10.448 2.428 1.039.928.397 3.928 1.681.928.397 1.5.642 3.416-8.12c1.112-1.229 2.329-2.397 3.589-3.532 3.689-3.182 7.878-6.004 12.332-8.563 8.912-5.129 18.61-9.471 28.361-13.743 19.567-8.475 39.465-16.703 58.362-26.286 18.931-9.524 36.92-20.325 53.253-32.73 16.346-12.387 30.959-26.413 43.488-41.819 12.499-15.428 22.906-32.216 31.221-49.932 4.178-8.868 7.686-17.949 11.455-26.94l5.578-13.514 5.328-13.617a1811.819 1811.819 0 0 0 39.246-110.236 1804.171 1804.171 0 0 0 56.82-227.844 1650.82 1650.82 0 0 0 17.024-117.076c2.141-19.673 3.906-39.427 5.19-59.269 1.249-19.847 2.208-39.756 2.12-59.817-.018 20.046-1.082 39.934-2.436 59.758-1.39 19.819-3.26 39.547-5.505 59.192a1646.7 1646.7 0 0 1-17.645 116.878 1801.343 1801.343 0 0 1-58.018 227.296 1809.338 1809.338 0 0 1-39.812 109.888l-5.397 13.57-5.646 13.466c-3.811 8.952-7.38 18.036-11.561 26.773-8.343 17.51-18.744 34.071-31.198 49.268-12.485 15.175-27.013 28.967-43.255 41.14-16.231 12.191-34.096 22.799-52.941 32.163-18.816 9.425-38.647 17.517-58.352 25.938-8.03 3.474-16.054 7.01-23.755 11.046 6.512-5.205 13.439-10.098 20.377-14.986 17.07-11.898 34.262-23.833 50.182-36.957zm-86.243 21.783c.899-18.807 2.148-37.506 4.669-55.937 4.947-36.875 14.519-72.644 27.717-106.956 6.516-17.182 14.19-33.942 21.459-50.857l11.041-25.317 11.433-25.146 11.434-25.147 11.777-24.992 11.81-24.978c3.906-8.34 8.058-16.567 12.075-24.856 32.277-66.249 66.188-131.739 101.399-196.578 17.557-32.444 35.579-64.655 53.836-96.744 17.801-31.237 35.935-62.305 54.608-93.083L205.633 934.189c.495-6.7.811-13.411 1.156-20.106z",fill:"#C8E678"}),(0,s.jsx)("path",{d:"M556.519 887.273c-141.329 141.396-329.452 38.022-371.851 80.441 42.399-42.419-60.926-230.631 80.403-372.027 325.058-325.212 711.042-419.793 711.042-419.793s-94.537 386.168-419.594 711.379z",fill:"#419646"}),(0,s.jsx)("path",{d:"M565.186 895.945c-41.671 41.691-90.671 66.513-149.799 75.885-50.211 7.958-98.957 3.199-138.125-.626-40.084-3.914-71.746-7.005-83.927 5.182L176 959.043c12.182-12.187 9.092-43.864 5.179-83.967-3.823-39.186-8.58-87.955-.626-138.19 9.368-59.156 34.178-108.179 75.849-149.87 74.512-74.547 158.436-143.109 249.443-203.782 72.793-48.53 150.26-92.154 230.249-129.66 136.326-63.92 234.281-88.277 235.255-88.515L992 160l-5.057 20.66c-.238.974-24.584 98.976-88.473 235.366-37.488 80.027-81.091 157.53-129.598 230.358-60.645 91.051-129.174 175.014-203.686 249.561zm-359.319 50.56c18.369-2.33 41.84-.037 68.668 2.583 78 7.615 184.824 18.047 273.315-70.487 166.945-167.024 271.538-350.44 329.882-474.895 45.743-97.572 70.983-175.128 81.546-210.97-35.825 10.568-113.344 35.82-210.87 81.584-124.396 58.372-307.725 163.013-474.67 330.038-88.491 88.533-78.065 195.408-70.453 273.445 2.619 26.842 4.911 50.325 2.582 68.702z",fill:"#286432"}),(0,s.jsx)("path",{d:"M321.864 927.034c22.84-7.2 44.906-16.016 65.766-26.685a396.447 396.447 0 0 0 59.002-36.975c18.435-13.901 35.611-29.319 51.605-45.799l24.095-24.572 23.772-24.888a3178.814 3178.814 0 0 0 92.374-102.12c60.125-69.429 117.306-141.535 171.434-216.122 13.482-18.688 26.861-37.459 39.938-56.47a2683.765 2683.765 0 0 0 38.679-57.461c12.667-19.328 25.107-38.83 37.247-58.552 12.12-19.736 24.053-39.615 35.316-59.962-11.365 20.275-23.398 40.08-35.618 59.739-12.24 19.646-24.778 39.07-37.541 58.318a2683.31 2683.31 0 0 1-38.967 57.218c-13.172 18.929-26.645 37.616-40.219 56.219-54.499 74.246-112.034 145.99-172.494 215.038a3177.943 3177.943 0 0 1-92.858 101.531l-23.888 24.736-24.207 24.417c-16.039 16.341-33.171 31.533-51.567 45.244a393.86 393.86 0 0 1-58.771 36.37c-20.756 10.47-42.687 19.095-65.408 26.125-22.707 7.093-46.264 12.37-69.883 17.709-7.094 1.642-14.203 3.289-21.236 5.159 4.794-2.303 9.632-4.557 14.463-6.829 19.8-9.222 39.461-18.835 58.252-29.702 37.657-21.643 72.058-47.8 103.237-77.184 15.669-14.642 30.31-30.229 45.31-45.47l22.377-22.983 22.021-23.329 22.02-23.328 21.704-23.63 21.673-23.658c7.253-7.859 14.276-15.933 21.425-23.889 57.063-63.772 112.59-128.962 166.846-195.262 27.176-33.109 53.897-66.616 80.384-100.321 26.465-33.724 52.594-67.738 78.129-102.244-25.721 34.351-52.034 68.206-78.681 101.769-26.669 33.544-53.57 66.888-80.924 99.831-54.613 65.968-110.487 130.818-167.885 194.234-7.191 7.911-14.257 15.941-21.551 23.755l-21.796 23.523-21.826 23.493-22.14 23.19-22.139 23.189-22.494 22.84c-15.075 15.144-29.808 30.658-45.495 45.105-31.246 29.052-65.628 54.825-103.196 76.092-18.756 10.682-38.351 20.109-58.213 29.204-8.157 3.773-16.35 7.52-24.402 11.56L961.923 190.09l-59.065 58.438c-33.599 24.934-66.744 50.418-99.606 76.23-33.689 26.5-67.181 53.233-100.274 80.422-66.269 54.282-131.429 109.835-195.17 166.925-7.952 7.153-16.022 14.18-23.878 21.436l-23.647 21.683-23.619 21.714-23.317 22.03L390.03 681l-22.972 22.388c-15.233 15.007-30.814 29.655-45.448 45.332-29.37 31.194-55.515 65.612-77.148 103.286-10.862 18.8-20.47 38.47-29.688 58.279-2.271 4.833-4.525 9.673-6.826 14.47 1.875-7.06 3.527-14.197 5.173-21.318 5.342-23.655 10.623-47.246 17.727-69.982 7.039-22.753 15.682-44.708 26.164-65.491a394.22 394.22 0 0 1 36.425-58.832c13.729-18.415 28.941-35.56 45.302-51.613l24.432-24.243 24.743-23.929a3224.255 3224.255 0 0 1 101.543-93.043c69.038-60.6 140.737-118.315 214.9-173.044 18.584-13.629 37.247-27.165 56.151-40.401a2719.241 2719.241 0 0 1 57.135-39.17c19.218-12.835 38.609-25.449 58.219-37.77 19.623-12.301 39.389-24.419 59.619-35.882-20.302 11.361-40.143 23.379-59.842 35.581-19.686 12.222-39.155 24.738-58.453 37.476a2723.462 2723.462 0 0 0-57.378 38.883c-18.987 13.14-37.733 26.583-56.402 40.119-74.505 54.358-146.564 111.719-215.984 171.985a3224.833 3224.833 0 0 0-102.13 92.558l-24.895 23.813-24.586 24.13c-16.498 16.007-31.937 33.197-45.856 51.65a396.806 396.806 0 0 0-37.03 59.063c-10.681 20.887-19.516 42.977-26.724 65.849-7.273 22.848-12.708 46.56-18.157 70.118-2.273 9.614-4.556 19.217-7.355 28.508 1.02-10.041 1.364-20.212 1.637-30.363.559-24.873.711-49.739 2.734-74.089 1.946-24.353 5.652-48.189 11.767-70.949 6.092-22.763 14.666-44.379 25.609-64.392 10.982-19.988 24.316-38.354 39.563-54.913 7.598-8.282 15.835-16.054 23.828-24.029l12.058-11.904 12.275-11.682a2118.691 2118.691 0 0 1 101.063-90.437 2106.888 2106.888 0 0 1 219.411-161.024 1924.273 1924.273 0 0 1 118.031-69.761c20.147-10.954 40.544-21.544 61.246-31.659 20.722-10.079 41.638-19.876 63.173-28.622-21.597 8.638-42.581 18.332-63.373 28.307-20.772 10.012-41.243 20.5-61.466 31.354a1928.353 1928.353 0 0 0-118.513 69.177 2110.362 2110.362 0 0 0-220.518 159.969 2120.84 2120.84 0 0 0-101.682 89.976l-12.355 11.628-12.139 11.85c-8.052 7.946-16.313 15.651-24.054 23.987-15.48 16.617-29.057 35.088-40.268 55.225-11.173 20.161-19.962 41.97-26.238 64.937-6.301 22.962-10.162 47.014-12.243 71.53-2.158 24.505-2.427 49.502-3.104 74.25-.389 12.353-.878 24.68-2.553 36.499-.833 5.906-2.063 11.639-3.896 16.989a79.634 79.634 0 0 1-.953 2.458l-9.396 9.297 2.167 2.168.828.828 3.506 3.508.828.828 1.339 1.34 7.187-7.271c1.729-.844 3.544-1.576 5.392-2.255 5.349-1.834 11.08-3.065 16.984-3.898 11.816-1.675 24.14-2.164 36.489-2.554 24.74-.677 49.73-.947 74.227-3.107 24.508-2.083 48.552-5.948 71.506-12.256 22.959-6.283 44.76-15.08 64.912-26.264 20.129-11.222 38.591-24.811 55.2-40.303 8.332-7.748 16.033-16.016 23.976-24.073l11.846-12.148 11.621-12.367a2102.378 2102.378 0 0 0 89.892-101.799 2093.882 2093.882 0 0 0 159.623-220.9 1915.097 1915.097 0 0 0 68.907-118.766c10.803-20.268 21.237-40.785 31.191-61.605 9.918-20.84 19.551-41.873 28.121-63.521-8.677 21.586-18.415 42.552-28.436 63.322-10.058 20.75-20.593 41.194-31.497 61.386a1911.508 1911.508 0 0 1-69.491 118.284 2090.527 2090.527 0 0 1-160.677 219.793 2099.703 2099.703 0 0 1-90.352 101.18l-11.675 12.287-11.899 12.067c-7.972 7.998-15.741 16.242-24.019 23.847-16.551 15.26-34.909 28.606-54.889 39.597-20.004 10.954-41.612 19.536-64.367 25.634-22.751 6.122-46.579 9.832-70.925 11.78-24.341 2.026-49.2 2.177-74.066 2.737-10.151.273-20.322.617-30.362 1.638 9.264-2.793 18.839-5.073 28.424-7.342 23.525-5.448 47.202-10.878 70.02-18.14zm-102.317-13.786c9.092-19.872 18.514-39.475 29.191-58.24 21.257-37.587 47.018-71.984 76.056-103.245 14.441-15.695 29.947-30.434 45.084-45.516l22.829-22.504 23.178-22.15 23.179-22.15 23.482-21.836 23.511-21.806c7.811-7.297 15.836-14.366 23.744-21.561 63.386-57.424 128.205-113.326 194.142-167.964 32.927-27.367 66.255-54.281 99.783-80.963 32.669-25.961 65.623-51.596 99.033-76.685L209.617 934.407c3.428-7.004 6.666-14.097 9.93-21.159z",fill:"#C8E678"})]}))};function lg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ug(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?lg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):lg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var dg=function(e){return(0,s.jsxs)("svg",ug(ug({className:"Zongzi_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M64 880a448 80 0 1 0 896 0 448 80 0 1 0-896 0Z",fill:"#286432",opacity:.5}),(0,s.jsx)("path",{d:"M512.789 111.328c-66.491 0-178.201 138.109-271.396 295.93 55.644 57.763 159.079 127.76 272.859 189.618 114.274-58.817 218.107-125.695 274.328-181.582-94.05-161.114-208.243-303.966-275.791-303.966z",fill:"#FFB90F"}),(0,s.jsx)("path",{d:"M788.58 415.295c-56.221 55.887-160.055 122.765-274.328 181.582 152.444 82.878 323.46 151.147 423.003 155.8-20.428-88.75-79.029-218.073-148.675-337.382z",fill:"#419646"}),(0,s.jsx)("path",{d:"M241.393 407.259C136.225 585.355 54.635 788.552 88.215 846.713c63.335 109.7 785.902 108.312 849.149 0 10.706-18.334 9.674-51.533-.109-94.036-173.841-8.127-565.666-210.263-695.862-345.418z",fill:"#419646"}),(0,s.jsx)("path",{d:"m947.276 761.154.141.007-2.366-10.278-1.36-5.914-.047-.002c-20.982-86.058-76.02-210.131-148.155-333.705l-5.214-8.932-7.335 7.291c-52.428 52.117-150.18 116.954-268.588 178.199-116.026-63.396-215.222-132.157-267.197-186.112l-7.3-7.578-5.351 9.061c-54.216 91.812-100.115 186.288-129.244 266.025-15.37 42.075-25.455 78.457-29.975 108.136-5.035 33.061-3.016 57.743 6.002 73.361 36.146 62.609 251.218 85.322 424.409 85.749 1.771.004 3.524.006 5.293.006 101.358 0 198.649-7.174 274.463-20.261 88.991-15.361 142.426-37.386 158.819-65.46 10.467-17.923 11.465-48.04 3.005-89.593zm-71.489-158.756a141.068 141.068 0 0 1-4.046 5.346 189.705 189.705 0 0 1-13.483 15.125l-3.565 3.595-3.641 3.518c-2.446 2.326-4.891 4.637-7.406 6.88a293.074 293.074 0 0 1-7.528 6.705c-2.508 2.224-5.081 4.379-7.661 6.508-5.133 4.295-10.907 7.865-16.507 11.447a99.84 99.84 0 0 0-8.01 5.741 104.502 104.502 0 0 0-3.699 3.187 141.123 141.123 0 0 0-3.521 3.398 226.52 226.52 0 0 0-13.332 14.823l-3.244 4.025-3.266 4.182c-1.081 1.479-2.203 2.874-3.321 4.422l-1.709 2.317c-.261.385-.532.757-.803 1.135-46.834-16.642-97.977-37.953-150.837-62.977.488-.055.974-.112 1.465-.163 3.234-.338 6.42-.833 9.591-1.397 12.709-2.214 25.032-5.786 36.949-10.238l4.449-1.722c1.476-.588 2.916-1.248 4.377-1.87 2.902-1.28 5.792-2.594 8.597-4.064 5.657-2.855 11.107-6.099 16.437-9.525 10.633-6.913 20.794-14.488 31.119-21.698 20.607-14.483 40.28-30.363 58.054-48.33 2.21-2.257 4.371-4.57 6.551-6.846 2.151-2.314 4.238-4.698 6.35-7.037 2.073-2.387 4.083-4.839 6.116-7.247a348.274 348.274 0 0 0 5.798-7.517l2.735-3.891c.9-1.304 1.844-2.56 2.672-3.924 1.482-2.384 3.037-4.688 4.409-7.132 18.564 35.437 35.342 70.163 49.91 103.224zm-90.351 107.369c.34-.032.678-.058 1.021-.09.981-.118 1.94-.292 2.919-.441 1.967-.298 3.852-.743 5.74-1.21 7.524-1.936 14.507-4.981 20.957-8.694a59.052 59.052 0 0 0 4.694-2.978 53.147 53.147 0 0 0 4.389-3.35c2.821-2.359 5.392-4.988 7.802-7.77 4.792-5.599 9.084-11.577 13.694-17.15 2.285-2.809 4.543-5.63 6.724-8.514 1.1-1.432 2.17-2.889 3.22-4.361 1.053-1.469 2.121-2.92 3.138-4.417a278.756 278.756 0 0 0 5.928-9.081l2.793-4.652 2.693-4.711c3.4-6.311 6.612-12.726 9.223-19.43 20.974 48.662 36.964 93.408 46.535 131.03-37.483-3.355-86.154-15.308-141.47-34.181zm-254.08-112.759c110.186-57.722 202.002-118.424 255.438-168.853a1995.781 1995.781 0 0 1 35.58 64.355l-1.534 1.839c-1.848 2.36-3.984 4.529-5.986 6.761-.985 1.127-2.099 2.164-3.157 3.235l-3.197 3.185c-8.696 8.343-18.034 16.013-27.756 23.165l-7.324 5.317-7.453 5.141-7.545 5.006c-2.526 1.65-5.099 3.241-7.64 4.861-5.106 3.218-10.248 6.373-15.463 9.413l-3.89 2.307-3.933 2.241c-2.618 1.497-5.233 2.994-7.893 4.421-10.548 5.849-21.626 10.757-32.654 15.557a384.793 384.793 0 0 0-16.297 7.576c-2.666 1.355-5.333 2.69-7.969 4.095l-7.874 4.289a1427.938 1427.938 0 0 0-31.267 18.04l-15.748 9.436c-2.245 1.423-4.52 2.749-6.801 4.156a1981.021 1981.021 0 0 1-11.938-5.855l-.166-.082c-2.142-1.06-4.287-2.127-6.433-3.199-.942-.47-1.885-.944-2.828-1.417-1.329-.666-2.659-1.333-3.989-2.003-1.105-.557-2.207-1.115-3.31-1.673-1.195-.605-2.39-1.21-3.585-1.818l-3.28-1.673a2301.628 2301.628 0 0 1-6.713-3.444c-1.464-.754-2.928-1.511-4.392-2.271l-2.289-1.188a2326.692 2326.692 0 0 1-6.674-3.486 2126.572 2126.572 0 0 1-14.04-7.434zm-25.62 323.454c-215.629-.531-384.471-32.502-410.593-77.749-14.31-24.784-5.38-84.45 25.145-168.006.823-2.253 1.662-4.52 2.512-6.797 3.143 7.763 6.72 15.38 10.777 22.727 1.617 2.949 3.208 5.936 4.903 8.851 1.752 2.87 3.557 5.712 5.342 8.579l2.703 4.291c.889 1.444 1.912 2.772 2.863 4.166 1.941 2.754 3.867 5.531 5.853 8.266 1.932 2.786 4.044 5.405 6.122 8.066l6.324 7.922c2.129 2.627 4.38 5.131 6.609 7.667l6.729 7.583c2.314 2.452 4.68 4.854 7.031 7.276l3.534 3.63c1.179 1.21 2.347 2.435 3.58 3.581l7.373 6.925c2.476 2.289 4.889 4.665 7.456 6.842l7.676 6.58c2.559 2.195 5.142 4.366 7.81 6.415 2.637 2.093 5.326 4.118 7.989 6.178l4.017 3.062c1.352 1.002 2.742 1.947 4.112 2.922 10.949 7.82 22.294 15.051 33.904 21.778l8.767 4.937 4.38 2.465c1.464.814 2.96 1.569 4.442 2.35l8.906 4.644c2.965 1.55 5.924 3.107 8.942 4.55l9.002 4.411c3.002 1.463 5.985 2.962 9.023 4.347l9.072 4.227 4.534 2.111c1.507.712 3.021 1.408 4.558 2.054 6.116 2.653 12.204 5.359 18.334 7.959l18.521 7.467 18.707 6.943c6.271 2.209 12.584 4.297 18.868 6.447a755.278 755.278 0 0 0 76.949 20.286 737.954 737.954 0 0 0 21.51 4.034 2083.8 2083.8 0 0 1-14.286.013zm276.994-20.021c-56.093 9.682-124.146 16.089-196.959 18.7-28.225-4.405-56.111-10.541-83.488-18.276a736.719 736.719 0 0 1-73.545-24.77c-5.988-2.426-11.997-4.786-17.956-7.259l-17.748-7.72-17.512-8.206c-5.784-2.84-11.518-5.777-17.273-8.656a107.898 107.898 0 0 1-4.27-2.252l-4.241-2.306-8.476-4.607c-2.851-1.484-5.573-3.209-8.348-4.828l-8.288-4.918a731.786 731.786 0 0 1-32.26-20.943c-10.56-7.223-20.976-14.594-31.315-22.039-1.297-.925-2.617-1.82-3.894-2.769l-3.828-2.85c-2.567-1.881-5.107-3.798-7.7-5.646-1.281-.944-2.608-1.833-3.851-2.822l-3.783-2.903-7.616-5.755c-2.597-1.854-5.027-3.894-7.533-5.855l-7.487-5.927c-4.974-3.97-9.759-8.151-14.723-12.167l-14.358-12.619-6.997-6.519c-2.356-2.159-4.759-4.288-6.976-6.573-4.499-4.516-9.255-8.87-13.584-13.579l-6.695-6.948c-2.206-2.343-4.285-4.785-6.464-7.171l-3.267-3.591-1.638-1.801-1.554-1.857c-2.082-2.474-4.151-4.971-6.285-7.445-1.045-1.25-2.16-2.465-3.153-3.752l-3.021-3.854c-.19-.234-.378-.472-.567-.707 15.389-40.151 34.772-83.666 57.11-128.42a149.938 149.938 0 0 0 2.909 7.859l2.703 6.323c.969 2.073 2.004 4.108 3.009 6.172.511 1.026 1.003 2.069 1.543 3.079l1.668 2.995c1.124 1.991 2.211 4.022 3.378 5.992 9.424 15.703 20.543 30.328 32.592 43.983l4.583 5.059c1.526 1.692 3.055 3.384 4.635 5.013 3.152 3.27 6.283 6.587 9.538 9.743 3.229 3.192 6.443 6.414 9.795 9.462l4.981 4.639 5.058 4.54 5.082 4.518 5.179 4.388 5.186 4.386 5.255 4.288 5.285 4.255 5.355 4.151 5.358 4.152 5.418 4.061c28.988 21.549 59.723 40.495 91.567 57.11 31.887 16.552 64.426 31.608 97.274 45.792a1404.703 1404.703 0 0 0 49.656 20.314 1318.39 1318.39 0 0 0 50.413 18.273c33.89 11.366 68.261 21.295 103.066 29.413 17.414 4.009 34.935 7.559 52.556 10.533 17.622 2.959 35.339 5.401 53.147 6.96 17.802 1.575 35.681 2.395 53.549 2.11 11.629-.222 23.254-.914 34.803-2.202-25.873 12.568-64.943 23.609-114.998 32.249zm147.725-57.762c-4.154 7.114-11.997 13.979-23.235 20.487-14.713 1.103-29.479 1.153-44.19.443-17.569-.808-35.077-2.671-52.462-5.288-34.779-5.243-69.102-13.25-102.876-23.024-33.806-9.677-67.102-21.114-99.833-33.932a1294.756 1294.756 0 0 1-48.785-19.96c-16.114-7-32.088-14.307-47.91-21.911-3.941-1.934-7.905-3.816-11.823-5.791l-11.764-5.902c-3.904-1.999-7.776-4.064-11.663-6.094-3.881-2.042-7.724-4.156-11.586-6.229a1247.516 1247.516 0 0 1-45.588-26.129l-11.257-6.726c-3.729-2.277-7.437-4.587-11.181-6.834l-11.144-6.872-11.103-6.919c-14.774-9.259-29.448-18.637-43.927-28.276-28.941-19.281-57.095-39.7-83.136-62.476-13.006-11.397-25.339-23.492-36.692-36.506-1.418-1.627-2.754-3.308-4.141-4.965l-2.068-2.5-1.967-2.562c-1.303-1.716-2.647-3.419-3.929-5.161l-3.712-5.316a195.264 195.264 0 0 1-7.189-11.578c17.086-33.8 35.805-68.227 55.732-102.378 53.096 52.266 146.048 116.522 254.186 176.37l-.067.035 13.284 7.222.648.349c4.622 2.512 9.269 5.015 13.94 7.508l.641.341c4.436 2.365 8.894 4.72 13.37 7.065l2.244 1.173c3.833 2.002 7.68 3.996 11.54 5.982 1.179.607 2.357 1.214 3.535 1.818a2128.78 2128.78 0 0 0 10.01 5.09c48.327 24.44 96.445 46.416 142.401 65.035 1.013.41 2.028.826 3.038 1.233 2.79 1.124 5.566 2.228 8.338 3.326a1413.87 1413.87 0 0 0 12.238 4.789c2.272.877 4.532 1.742 6.788 2.6 1.199.456 2.411.931 3.606 1.382 1.171.442 2.331.871 3.497 1.307.646.242 1.292.484 1.937.724a1326.6 1326.6 0 0 0 10.111 3.72c.93.338 1.851.667 2.777 1.001 2.429.875 4.845 1.738 7.249 2.587.832.294 1.678.604 2.507.895 64.508 22.659 118.261 35.59 159.915 38.48 10.596 49.24 5.777 71.952-.304 82.367z",fill:"#286432"}),(0,s.jsx)("path",{d:"M455.995 203.992c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S444.002 192 448 192s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S476.002 192 480 192s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S540.002 192 544 192s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S572.002 192 576 192s7.995 7.577 7.995 11.992zm-64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S508.002 192 512 192c3.997 0 7.995 7.577 7.995 11.992zm-80 32c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S428.002 224 432 224s7.995 7.577 7.995 11.992zm-32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S396.002 224 400 224s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S460.002 224 464 224s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S524.002 224 528 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S556.002 224 560 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S588.002 224 592 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S620.002 224 624 224s7.995 7.577 7.995 11.992zm-128 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S492.002 224 496 224s7.995 7.577 7.995 11.992z",fill:"#FFF",opacity:.5}),(0,s.jsx)("path",{d:"M288 478.07a32 10.667 0 1 0 64 0 32 10.667 0 1 0-64 0ZM672 478.07a32 10.667 0 1 0 64 0 32 10.667 0 1 0-64 0Z",fill:"#E6413C"}),(0,s.jsx)("path",{d:"M545 489c0-18.748-15.252-34-34-34a8 8 0 0 0 0 16c9.925 0 18 8.075 18 18s-8.075 18-18 18a8 8 0 0 0 0 16c9.925 0 18 8.075 18 18s-8.075 18-18 18a8 8 0 0 0 0 16c18.748 0 34-15.252 34-34 0-10.419-4.711-19.758-12.114-26 7.403-6.242 12.114-15.581 12.114-26zm-87.343-84.97-20.993 20.993c-15.745-9.607-33.804-14.841-52.664-15.077V384a8 8 0 0 0-16 0v26.957a102.829 102.829 0 0 0-37.66 13.069l-19.997-19.997a8 8 0 0 0-11.313 0 7.998 7.998 0 0 0 0 11.313l17.959 17.959a106.227 106.227 0 0 0-7.861 7.111 7.998 7.998 0 0 0 0 11.313 8 8 0 0 0 11.313 0c16.636-16.636 38.735-25.797 62.226-25.797s45.59 9.162 62.226 25.797c1.562 1.562 3.609 2.343 5.657 2.343s4.095-.781 5.657-2.343a7.998 7.998 0 0 0 0-11.313 106.351 106.351 0 0 0-6.409-5.896l19.174-19.174a7.998 7.998 0 0 0 0-11.313 8.003 8.003 0 0 0-11.315.001zm267.313 0a8 8 0 0 0-11.313 0l-20.993 20.993c-15.745-9.607-33.804-14.841-52.664-15.077V384a8 8 0 0 0-16 0v26.957a102.829 102.829 0 0 0-37.66 13.069l-19.997-19.997a8 8 0 0 0-11.313 0 7.998 7.998 0 0 0 0 11.313l17.959 17.959a106.227 106.227 0 0 0-7.861 7.111 7.998 7.998 0 0 0 0 11.313 8 8 0 0 0 11.313 0c16.636-16.636 38.735-25.797 62.226-25.797s45.59 9.162 62.226 25.797c1.562 1.562 3.609 2.343 5.657 2.343s4.095-.781 5.657-2.343a7.998 7.998 0 0 0 0-11.313 106.351 106.351 0 0 0-6.409-5.896l19.174-19.174a7.998 7.998 0 0 0-.002-11.312z",fill:"#5A1E14"})]}))},mg="ZongziLoading_container__CdgrF",fg="ZongziLoading_content__9NHwh",gg="ZongziLoading_loadingItem1__8JdRq",pg="ZongziLoading_loadingItem2__4IjE5",hg="ZongziLoading_loadingItem3__1403l",vg="ZongziLoading_loadingResult__WyYl2",xg=function(){return(0,s.jsxs)("div",{className:mg,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.zongziLoading"}),(0,s.jsxs)("div",{className:fg,children:[(0,s.jsx)("div",{className:gg,children:(0,s.jsx)(ng,{})}),(0,s.jsx)("div",{className:pg,children:(0,s.jsx)(ag,{})}),(0,s.jsx)("div",{className:hg,children:(0,s.jsx)(cg,{})}),(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"mix",children:[(0,s.jsx)("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"10",result:"blur"}),(0,s.jsx)("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 21 -7"})]})})})]}),(0,s.jsx)("div",{className:vg,children:(0,s.jsx)(dg,{})})]})},yg="BoxReflect_container__tvM++",Ag="BoxReflect_content__EsvIF",wg="BoxReflect_btn1__o02O4",jg="BoxReflect_btn2__lOp24",bg=function(){return(0,s.jsxs)("div",{className:yg,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.borderRotation"}),(0,s.jsxs)("div",{className:Ag,children:[(0,s.jsx)("div",{className:wg,children:"Reflect"}),(0,s.jsx)("div",{className:jg,children:"Reflect"})]})]})},_g="TextAnimation_container__8odlg",Dg=function(){return(0,s.jsxs)("div",{className:_g,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.luminousText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},Mg="TextSearchlight_container__r14vK",kg=function(){return(0,s.jsxs)("div",{className:Mg,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.searchlightText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},Ng="DisplayTextInSmoke_container__KVlpC",Eg="DisplayTextInSmoke_span1__fItNw",Cg="DisplayTextInSmoke_span2__GUMXn",Sg="DisplayTextInSmoke_btn__CvDup",Pg=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Ng,children:[(0,s.jsx)("video",{muted:!0,autoPlay:!0,preload:"true","x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",ref:e,children:(0,s.jsx)("source",{src:"public/smoke.mp4"})}),(0,s.jsxs)("p",{ref:t,children:[(0,s.jsx)("span",{className:Eg,children:"H"}),(0,s.jsx)("span",{className:Eg,children:"E"}),(0,s.jsx)("span",{className:Eg,children:"L"}),(0,s.jsx)("span",{className:Eg,children:"L"}),(0,s.jsx)("span",{className:Eg,children:"O"}),(0,s.jsx)("span",{className:Eg,children:"W"}),(0,s.jsx)("span",{className:Eg,children:"O"}),(0,s.jsx)("span",{className:Eg,children:"R"}),(0,s.jsx)("span",{className:Eg,children:"L"}),(0,s.jsx)("span",{className:Eg,children:"D"})]}),(0,s.jsx)(oe.Z,{type:"primary",className:Sg,onClick:function(){var n;t.current&&Array.prototype.forEach.call(t.current.children,(function(e){var t=Eg;e.className===Eg&&(t=Cg),e.className=t})),null===(n=e.current)||void 0===n||n.load()},children:"Once Again"})]})},Bg="PlayVideoInText_container__+hh77",Ig=function(){return(0,s.jsxs)("div",{className:Bg,children:[(0,s.jsx)("video",{muted:!0,autoPlay:!0,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",children:(0,s.jsx)("source",{src:"public/vista.mp4"})}),(0,s.jsx)("p",{children:"River"})]})},Tg="WaveFont_container__ccIq3",Rg="WaveFont_firstText__Obiyz",Fg="WaveFont_lastText__7tpdD",Og=function(){return(0,s.jsxs)("div",{className:Tg,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.wavyText"}),(0,s.jsx)("h2",{className:Rg,children:"River"}),(0,s.jsx)("h2",{className:Fg,children:"River"})]})};function Zg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Gg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Zg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Zg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Qg=function(e){return(0,s.jsxs)("svg",Gg(Gg({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 188 70",fill:"none",role:"img"},e),{},{children:[(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"M21.64 67.18c-1.76-.41-3.48-1-5.17-1.78-1.66-.76-3.25-1.68-4.76-2.77a29.028 29.028 0 0 1-4.13-3.62l-.77-.8L0 66.13l.63.66c1.63 1.71 3.41 3.25 5.34 4.6 1.96 1.38 4.04 2.55 6.24 3.5 2.26.98 4.6 1.73 7.03 2.23 2.51.52 5.08.78 7.71.78 3.85 0 7.41-.56 10.67-1.67 3.14-1.08 5.86-2.62 8.17-4.62 2.27-1.98 4.02-4.3 5.23-6.95 1.22-2.67 1.83-5.52 1.83-8.56 0-2.75-.41-5.25-1.23-7.48-.76-2.09-1.89-3.99-3.38-5.68-1.34-1.52-3.01-2.92-5.01-4.19-1.69-1.08-3.71-2.14-6.08-3.17l-10.4-4.5h-.02v-.01h-.02l-.01-.01h-.02v-.01h-.01l-.02-.01c-.95-.4-1.66-.7-2.14-.91-.78-.35-1.48-.67-2.09-.98-1.51-.75-2.74-1.52-3.72-2.31-1.14-.92-1.99-1.92-2.57-3.01-.66-1.22-.98-2.6-.98-4.13 0-1.45.29-2.77.87-3.96.57-1.16 1.39-2.15 2.48-2.98 1.1-.86 2.43-1.51 3.99-1.96 1.61-.47 3.4-.7 5.36-.7 3.14 0 6.08.58 8.82 1.75 2.53 1.07 4.93 2.67 7.2 4.78l.78.73 6.03-7.42-.61-.63a29.29 29.29 0 0 0-4.44-3.77 30.945 30.945 0 0 0-5.28-2.94c-1.93-.84-3.92-1.48-5.98-1.92C32.22.23 30.05 0 27.85 0c-3.39 0-6.57.5-9.54 1.49-2.91.98-5.46 2.38-7.64 4.21-2.2 1.84-3.9 3.99-5.08 6.47-1.23 2.55-1.84 5.3-1.84 8.23 0 5.08 1.72 9.41 5.18 13.02 1.38 1.44 3.05 2.77 5 3.97 1.56.97 3.34 1.88 5.33 2.73l10.49 4.6c1.11.49 1.95.87 2.52 1.13.88.41 1.64.78 2.29 1.12 1.54.81 2.78 1.63 3.7 2.44 1.05.92 1.83 1.95 2.34 3.08.57 1.26.85 2.73.85 4.41 0 1.62-.32 3.1-.95 4.43-.62 1.31-1.53 2.45-2.73 3.4-1.24.98-2.74 1.73-4.51 2.25-1.85.55-3.92.82-6.21.82-1.8 0-3.6-.21-5.41-.62ZM6.85 59.7l-.66.76-4.84 5.64c6.3 6.6 15.2 10.8 25.6 10.8 15.3 0 24.9-9.2 24.9-20.8 0-10.9-6.6-15.9-15.1-19.6L26.35 32c-5.7-2.4-12.2-5.1-12.2-12.3 0-6.5 5.4-10.6 13.7-10.6 6.43 0 11.61 2.32 15.96 6.13.25.22.49.44.74.67l.63-.78L49.35 10c-5.1-5.3-12.8-9-21.5-9-13.3 0-23.1 8.1-23.1 19.4 0 10.7 8.1 15.9 14.9 18.8l10.5 4.6c7 3.1 12.3 5.5 12.3 13.1 0 7.1-5.7 11.9-15.4 11.9-7.27 0-14.35-3.29-19.5-8.38-.24-.24-.47-.48-.7-.72Z"}),(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"m1.37 1 .32 1 23.08 72.3h10.7L58.45 2l.32-1h-9.4l-11.8 39.7c-2.4 8.26-4.16 15.04-6.77 23.18-.1.29-.19.59-.29.88-.01.05-.03.09-.04.14h-.4c-.02-.05-.03-.1-.05-.14-.09-.3-.18-.59-.27-.88-2.53-8.14-4.38-14.92-6.78-23.18L11.07 1h-9.7Zm10.44-1H0l24.04 75.3H36.2L60.14 0H48.62L36.61 40.42c-.52 1.79-1.25 4.36-2.19 7.69a805.23 805.23 0 0 1-2.31 8.07c-.61 2.1-1.22 4.11-1.83 6.03-.61-1.99-1.24-4.07-1.87-6.24-.55-1.85-1.34-4.62-2.39-8.29-.91-3.15-1.6-5.57-2.09-7.26L11.81 0Z"}),(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"M33.6 0C14.2 0 0 14.3 0 38c0 23.8 13.8 37.9 33.1 37.9 9.8 0 17.9-3.6 22.6-8.5V36.6H31.6v7.7h15.6v19.2c-2.9 2.7-8 4.3-13.2 4.3-15.7 0-24.5-11.6-24.5-30.1 0-18.3 9.6-29.6 24.4-29.6 7.3 0 12.1 3.1 15.8 6.9l5-6c-4.2-4.4-10.9-9-21.1-9Z"})]}))},Lg="TextOutlineAnimation1_container__LXia5",zg="TextOutlineAnimation1_content__0SfPo",Hg=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Lg,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineDisplay"}),(0,s.jsx)("div",{className:zg,ref:e,children:(0,s.jsx)(Qg,{})})]})},Vg="TextOutlineAnimation2_container__3DnKq",Ug="TextOutlineAnimation2_content__xpQH3",Wg="TextOutlineAnimation2_text__VwJlP",Yg=function(){return(0,s.jsxs)("div",{className:Vg,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineLoop"}),(0,s.jsx)("div",{className:Ug,children:(0,s.jsxs)("svg",{children:[(0,s.jsx)("symbol",{id:"text",children:(0,s.jsx)("text",{textAnchor:"middle",x:"50%",y:"80%",children:"SVG"})}),(0,s.jsx)("use",{xlinkHref:"#text",className:Wg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Wg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Wg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Wg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Wg})]})})]})},Jg={container:"MobiusBand1_container__2Mp+7",content:"MobiusBand1_content__yJ9nb",roll:"MobiusBand1_roll__HjwWS",leftBottom:"MobiusBand1_leftBottom__hBdke",rightTop:"MobiusBand1_rightTop__kr3vO",rightBottom:"MobiusBand1_rightBottom__EmzfR"},qg=function(){return(0,s.jsxs)("div",{className:Jg.container,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar"}),(0,s.jsxs)("div",{className:Jg.content,children:[(0,s.jsx)("div",{className:Jg.leftTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Jg.leftBottom,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Jg.rightTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Jg.rightBottom,children:(0,s.jsx)("div",{})})]})]})},Kg={container:"MobiusBand2_container__8f4BB",content:"MobiusBand2_content__nNOHn",changeColor:"MobiusBand2_changeColor__Mykzf",circle:"MobiusBand2_circle__jpMzE",span0:"MobiusBand2_span0__voOYX",animate:"MobiusBand2_animate__Wogmo",span1:"MobiusBand2_span1__vuoU-",span2:"MobiusBand2_span2__nG6rW",span3:"MobiusBand2_span3__-dsS9",span4:"MobiusBand2_span4__j83QL",span5:"MobiusBand2_span5__WB4+J",span6:"MobiusBand2_span6__Gwjmh",span7:"MobiusBand2_span7__xzB3C",span8:"MobiusBand2_span8__GWlgT",span9:"MobiusBand2_span9__yo7Mb",span10:"MobiusBand2_span10__6RIFq",span11:"MobiusBand2_span11__60Mpf",span12:"MobiusBand2_span12__GLJMi",span13:"MobiusBand2_span13__j6mqa",span14:"MobiusBand2_span14__J-WJ9",span15:"MobiusBand2_span15__11fjh",span16:"MobiusBand2_span16__DdXWO",span17:"MobiusBand2_span17__e9oID",span18:"MobiusBand2_span18__wufSN",span19:"MobiusBand2_span19__qXh0M"},Xg=new Array(20).fill(0),$g=function(){return(0,s.jsxs)("div",{className:Kg.container,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots"}),(0,s.jsxs)("div",{className:Kg.content,children:[(0,s.jsx)("div",{className:Kg.circle,children:Xg.map((function(e,t){return(0,s.jsx)("span",{className:Kg["span".concat(t)]},t)}))}),(0,s.jsx)("div",{className:Kg.circle,children:Xg.map((function(e,t){return(0,s.jsx)("span",{className:Kg["span".concat(t)]},t)}))})]})]})},ep="TankShaking_container__Yt0wf",tp="TankShaking_content__eoRFC",np="TankShaking_bottle__mqc+0",rp="TankShaking_water__5TJXp",ip="TankShaking_bottleBottom__gAvg8",ap=function(){return(0,s.jsxs)("div",{className:ep,children:[(0,s.jsx)(Rr,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.tankShaking"}),(0,s.jsxs)("div",{className:tp,children:[(0,s.jsx)("div",{className:np,children:(0,s.jsx)("div",{className:rp})}),(0,s.jsx)("div",{className:ip})]})]})},op="RichDynamicEffect_container__4zkQ2",sp="RichDynamicEffect_box__0T4jz",cp="RichDynamicEffect_multipleColumnsBox__Mp4HK",lp=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:op,children:[(0,s.jsxs)("div",{className:cp,children:[(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(Qf,{})}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(Uf,{})})]}),(0,s.jsxs)("div",{className:cp,children:[(0,s.jsx)("div",{className:sp,children:(0,s.jsx)($f,{})}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(xg,{})}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(bg,{})})]}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(Dg,{})}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(kg,{})}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(Pg,{})}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(Ir,{data:Br[3]})}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(Ig,{})}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(Og,{})}),(0,s.jsxs)("div",{className:cp,children:[(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(Hg,{})}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(Yg,{})})]}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(Ir,{data:Br[4]})}),(0,s.jsxs)("div",{className:cp,children:[(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(qg,{})}),(0,s.jsx)("div",{className:sp,children:(0,s.jsx)($g,{})})]}),(0,s.jsx)("div",{className:cp,children:(0,s.jsx)("div",{className:sp,children:(0,s.jsx)(ap,{})})})]})},up=n(27892),dp=n(35697),mp="GenerateRegularPolygon_container__kR2Bt",fp="GenerateRegularPolygon_content__K97IB",gp="GenerateRegularPolygon_box__8cyD7",pp="GenerateRegularPolygon_graph__hpKYh",hp="GenerateRegularPolygon_bottom__DyaAC",vp="GenerateRegularPolygon_row__bg92v",xp="GenerateRegularPolygon_label__Y0wuX",yp="GenerateRegularPolygon_codeBox__-P4RP",Ap=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(3),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useState)(0),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=function(e){c(e||3)},y=function(e){m(e||0)};return(0,r.useEffect)((function(){if(t.current){for(var e="",n=0;n<a;n++){var r=d/180*Math.PI,i=(50+50*Math.cos(2*Math.PI*n/a+r)).toFixed(2),o=(50+50*Math.sin(2*Math.PI*n/a+r)).toFixed(2);e+="".concat(i,"% ").concat(o,"%, ")}e=e.slice(0,-2),t.current.style.setProperty("--points",e),v(e)}}),[a,d]),(0,s.jsx)("div",{className:mp,children:(0,s.jsxs)("div",{className:fp,children:[(0,s.jsx)("div",{className:gp,children:(0,s.jsx)("div",{className:pp,ref:t})}),(0,s.jsxs)("div",{className:hp,children:[(0,s.jsxs)("div",{className:vp,children:[(0,s.jsxs)("span",{className:xp,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.numberOfSides"}),":"]}),(0,s.jsx)(up.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:3,max:20,step:1,value:a,onChange:x}),(0,s.jsx)(dp.Z,{style:{width:"80px"},min:3,max:20,precision:0,value:a,onChange:x})]}),(0,s.jsxs)("div",{className:vp,children:[(0,s.jsxs)("span",{className:xp,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.rotation"}),":"]}),(0,s.jsx)(up.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:0,max:360,step:1,value:d,onChange:y}),(0,s.jsx)(dp.Z,{style:{width:"80px"},min:0,max:360,precision:0,value:d,onChange:y})]}),(0,s.jsxs)("div",{className:yp,children:[(0,s.jsx)("span",{children:".box {"}),(0,s.jsxs)("span",{children:["    width:"," ",t.current?t.current.clientWidth:0,"px;"]}),(0,s.jsxs)("span",{children:["    height:"," ",t.current?t.current.clientWidth:0,"px;"]}),(0,s.jsx)("span",{children:"    background: linear-gradient(135deg, #112437, #1d3450, #29588a, #116d6e, #5c8984, #47a992) fixed;"}),(0,s.jsxs)("span",{children:["    clip-path: polygon(",h,");"]}),(0,s.jsx)("span",{children:"}"})]})]})]})})},wp=n(10737),jp=n.n(wp);function bp(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return _p(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return _p(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw a}}}}function _p(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Dp,Mp,kp=200,Np=260,Ep=16,Cp=!1,Sp=Math.floor(100),Pp=[{id:"sphereCollisionExample1",globuleList:[{initX:Sp,initY:Ep,vx:0,vy:2,radius:Ep,perfectlyElasticCollision:Cp},{initX:Sp,initY:80,vx:0,vy:1,radius:Ep,perfectlyElasticCollision:Cp}]},{id:"sphereCollisionExample2",globuleList:[{initX:Sp,initY:Ep,vx:0,vy:2,radius:Ep,perfectlyElasticCollision:Cp},{initX:Sp,initY:244,vx:0,vy:-2,radius:Ep,perfectlyElasticCollision:Cp}]},{id:"sphereCollisionExample3",globuleList:[{initX:Math.floor(Sp-8),initY:Ep,vx:0,vy:2,radius:Ep,perfectlyElasticCollision:Cp},{initX:Math.floor(Sp+8),initY:80,vx:0,vy:1,radius:Ep,perfectlyElasticCollision:Cp}]},{id:"sphereCollisionExample4",globuleList:[{initX:Math.floor(Sp-8),initY:Ep,vx:0,vy:2,radius:Ep,perfectlyElasticCollision:Cp},{initX:Math.floor(Sp+8),initY:244,vx:0,vy:-2,radius:Ep,perfectlyElasticCollision:Cp}]},{id:"sphereCollisionExample5",globuleList:[{initX:Math.floor(Sp-Ep),initY:Ep,vx:0,vy:2,radius:Ep,perfectlyElasticCollision:Cp},{initX:Math.floor(Sp-Ep)+32,initY:Ep,vx:0,vy:2,radius:Ep,perfectlyElasticCollision:Cp}]},{id:"sphereCollisionExample6",globuleList:[{initX:Math.floor(Sp-Ep),initY:Ep,vx:0,vy:2,radius:Ep,perfectlyElasticCollision:Cp},{initX:Math.floor(Sp-Ep)+32,initY:Ep,vx:0,vy:1,radius:Ep,perfectlyElasticCollision:Cp}]},{id:"sphereCollisionExample7",globuleList:[{initX:32,initY:Ep,vx:1.6,vy:3.2,radius:Ep,perfectlyElasticCollision:Cp},{initX:80,initY:64,vx:1,vy:2,radius:Ep,perfectlyElasticCollision:Cp}]},{id:"sphereCollisionExample8",globuleList:[{initX:Ep,initY:Ep,vx:1,vy:2,radius:Ep,perfectlyElasticCollision:Cp},{initX:128,initY:304,vx:-1,vy:-2,radius:Ep,perfectlyElasticCollision:Cp}]},{id:"sphereCollisionExample9",globuleList:[{initX:Ep,initY:Ep,vx:1,vy:2,radius:Ep,perfectlyElasticCollision:Cp},{initX:160,initY:320,vx:-1,vy:-2,radius:Ep,perfectlyElasticCollision:Cp}]},{id:"sphereCollisionExample10",globuleList:[{initX:Sp,initY:Ep,vx:0,vy:2,radius:Ep,perfectlyElasticCollision:Cp},{initX:Sp,initY:150,vx:0,vy:0,radius:Ep,perfectlyElasticCollision:Cp}]}],Bp=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useRef)([]),u=function(e){var t=e.ctx;t.clearRect(0,0,kp,Np),t.beginPath(),t.fillStyle="#111",t.fillRect(0,0,kp,Np)};return(0,r.useEffect)((function(){return a&&(l.current=Pp.map((function(e){var t=document.getElementById(e.id);if(t){t.width=kp,t.height=Np;var n=t.getContext("2d"),r=new(jp())(n,t,e.globuleList,{beforeDrawGlobules:u});return r.start(),r}return null}))),function(){if(l.current&&l.current.length>0){var e,t=bp(l.current);try{for(t.s();!(e=t.n()).done;){var n=e.value;n&&n.stop()}}catch(e){t.e(e)}finally{t.f()}}}}),[a]),(0,r.useEffect)((function(){c(!0)}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",minWidth:"1200px",minHeight:"550px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},ref:t,children:[(0,s.jsx)(Rr,{intlTitle:"page.canvasDynamicEffect.sphereCollisionExample"}),a&&Pp.map((function(n,r){if(!t.current)return null;var i,a=Math.ceil(Pp.length/5),o=Math.floor(r/5),c=r%5,l=0,u=t.current,d=u.clientWidth,m=u.clientHeight,f=Math.floor((m-30-a*Np)/(a+1));if(o>=a-1){var g=Pp.length%5;0===g&&(g=5);var p=Math.floor((d-g*kp)/(g+1));l=p+(kp+p)*c}else{var h=Math.floor((d-1e3)/6);l=h+(kp+h)*c}return i=30+f+(Np+f)*o,(0,s.jsx)("canvas",{id:n.id,style:{position:"absolute",top:"".concat(i,"px"),left:"".concat(l,"px")},children:e.formatMessage({id:"common.browserTooLow"})},n.id)}))]})},Ip=400,Tp=200,Rp=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=function(e){e.clearRect(0,0,Ip,Ip);var t=new Date,n=t.getHours(),r=t.getMinutes(),i=t.getSeconds();!function(e){e.save(),e.translate(Tp,Tp),e.lineWidth=20,e.beginPath(),e.arc(0,0,Tp-e.lineWidth/2,0,2*Math.PI),e.stroke(),e.beginPath(),e.arc(0,0,Tp-e.lineWidth,0,2*Math.PI),e.fillStyle="#ffffff",e.fill(),e.font="36px Arial",e.textAlign="center",e.textBaseline="middle",[3,4,5,6,7,8,9,10,11,12,1,2].forEach((function(t,n){var r=2*Math.PI/12*n,i=140*Math.cos(r),a=140*Math.sin(r);e.fillStyle="#000000",e.fillText(t.toString(),i,a)}));for(var t=0;t<60;t++){var n=2*Math.PI/60*t,r=164*Math.cos(n),i=164*Math.sin(n);e.beginPath(),e.fillStyle=t%5==0?"#000":"#ccc",e.arc(r,i,4,0,2*Math.PI),e.fill()}}(e),function(e,t,n){e.save(),e.beginPath();var r=2*Math.PI/12*t,i=2*Math.PI/12/60*n;e.rotate(r+i),e.lineWidth=12,e.lineCap="round",e.moveTo(0,20),e.lineTo(0,-100),e.stroke(),e.restore()}(e,n,r),function(e,t){e.save();var n=2*Math.PI/60*t;e.rotate(n),e.lineWidth=6,e.lineCap="round",e.beginPath(),e.moveTo(0,20),e.lineTo(0,-140),e.stroke(),e.restore()}(e,r),function(e,t){e.save();var n=2*Math.PI/60*t;e.rotate(n),e.fillStyle="#c14543",e.beginPath(),e.moveTo(-4,40),e.lineTo(4,40),e.lineTo(1,-164),e.lineTo(-1,-164),e.fill(),e.restore()}(e,i),function(e){e.fillStyle="#fff",e.beginPath(),e.arc(0,0,6,0,2*Math.PI),e.fill()}(e),e.restore()};return(0,r.useEffect)((function(){var e=0;if(t.current){var r=t.current;r.width=Ip,r.height=400;var i=r.getContext("2d");n(i),e=window.setInterval((function(){n(i)}),1e3)}return function(){e&&clearInterval(e)}}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},children:[(0,s.jsx)(Rr,{intlTitle:"page.canvasDynamicEffect.dynamicClock"}),(0,s.jsx)("canvas",{ref:t,children:e.formatMessage({id:"common.browserTooLow"})})]})},Fp=504,Op=540,Zp=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,Fp,Op),t.beginPath(),t.fillStyle="black",t.fillRect(0,0,Fp,Op)},a=function(e){var t=e.ctx,n=e.x,r=e.y,i=e.radius;t.save(),t.beginPath(),t.arc(n,r,i,0,2*Math.PI),t.fillStyle="#fff",t.fill(),t.clip(),t.font="bold 150px Arial",t.textAlign="center",t.textBaseline="middle",t.fillStyle="#058",t.fillText("CANVAS",252,135),t.fillText("CANVAS",252,270),t.fillText("CANVAS",252,405),t.restore()};return(0,r.useEffect)((function(){var e=document.getElementById("searchlightCanvas");if(e){e.width=Fp,e.height=Op;var r=e.getContext("2d"),o=new(jp())(r,e,[{initX:400,initY:400,vx:6,vy:3,radius:80,afterDrawGlobule:a}],{beforeDrawGlobules:i});t.current=o,o.start()}var s=document.getElementById("searchlightCanvas2");if(s){s.width=Fp,s.height=Op;var c=s.getContext("2d"),l=new(jp())(c,s,[{initX:180,initY:450,vx:-3,vy:-2,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:a},{initX:420,initY:150,vx:2,vy:4,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:a}],{beforeDrawGlobules:i});n.current=l,l.start()}return function(){var e,r;null===(e=t.current)||void 0===e||e.stop(),null===(r=n.current)||void 0===r||r.stop()}}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",minWidth:"1200px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},children:[(0,s.jsx)(Rr,{intlTitle:"page.canvasDynamicEffect.searchlight"}),(0,s.jsx)("canvas",{id:"searchlightCanvas",style:{marginTop:"".concat(30,"px")},children:e.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("canvas",{id:"searchlightCanvas2",style:{marginLeft:"50px",marginTop:"".concat(30,"px")},children:e.formatMessage({id:"common.browserTooLow"})})]})},Gp=n.p+"images/ae67d7f8.png",Qp=0,Lp=0,zp=80,Hp=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,Qp,Lp),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,Qp,Lp)},a=function(e){var t=e.ctx,n=e.id,r=e.x,i=e.y;t.font="bold ".concat(40,"px Georgia"),t.fillStyle="#E76F5A",t.fillText(n,r-20+8,i+20-10)};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;Qp=r,Lp=o}else Qp=600,Lp=600;return function(){var e=document.getElementById("globuleInteractionCanvas");if(e){e.width=Qp,e.height=Lp;for(var t=e.getContext("2d"),r=[],o=Math.ceil(2),s=(Qp-640-102)/2+zp,c=s,l=(Lp-2*o*zp-50*(o-1))/2+zp,u=0;u<8;u++){var d={id:(u+1).toString(),initX:c,initY:l,radius:zp,color:"transparent",isPureColor:!0,bgImg:Gp,moveLossV:.02,gDirection:"toInit",gCoefficient:.002,requiredMouseInteraction:!0,maxMouseOutForce:25,maxMoveV:null,afterDrawGlobule:a};r.push(d),(u+1)%4==0?(c=s,l+=210):c+=194}var m=new(jp())(t,e,r,{monitorMousePos:!0,beforeDrawGlobules:i});n.current=m,m.start()}}(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"globuleInteractionCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},Vp=n(71002),Up={container:"KillPlanetGame_container__vvfOM",startBtn:"KillPlanetGame_startBtn__FPFMD",continueBtn:"KillPlanetGame_continueBtn__5B77g",restartBtn:"KillPlanetGame_restartBtn__fkzEb",gamepause:"KillPlanetGame_gamepause__zAhE9",gameover:"KillPlanetGame_gameover__UP574",scoreBox:"KillPlanetGame_scoreBox__6Sndm",pauseBtn:"KillPlanetGame_pauseBtn__WWb15"},Wp=2.5,Yp=0,Jp=0,qp=0,Kp=0;!function(e){e[e.toPlay=0]="toPlay",e[e.playing=1]="playing",e[e.pause=2]="pause",e[e.gameover=3]="gameover"}(Dp||(Dp={})),function(e){e[e.player=0]="player",e[e.bullet=1]="bullet",e[e.planet=2]="planet",e[e.particle=3]="particle"}(Mp||(Mp={}));var Xp=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useState)(Dp.toPlay),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useRef)(Dp.toPlay),f=(0,r.useState)(0),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=function(e){e.fillStyle="rgba(0, 0, 0, .2)",e.fillRect(0,0,Yp,Jp)},y=function(e){var t=e.ctx;x(t)},A=function(e){var t=e.globuleList.filter((function(e){var t=e.id,n=e.alpha,r=e.x,i=e.y,a=e.radius;return(t.role!==Mp.particle||0!==n)&&(t.role!==Mp.bullet||!(r<-a||i<-a||r>Yp+a||i>Jp+a))}));e.updateGlobuleList(t)},w=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(t)for(var i=0,a=r.length;i<a;i++){var o;if(r[i].id.role===Mp.planet)return null===(o=n.current)||void 0===o||o.stop(),d(Dp.gameover),void(m.current=Dp.gameover)}},j=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(n.current&&t)for(var i=function(t,i){var a=r[t],o=a.id,s=a.x,c=a.y,l=a.vx,u=a.vy,d=a.radius,m=a.color;if(o.role===Mp.planet){var f=!1;d-16>10?(f=!0,v(h+100)):v(h+250);var g=n.current.globuleList.filter((function(t){return t!==e&&t!==a}));if(f){var p=n.current.createGlobule({id:{role:Mp.planet},initX:s,initY:c,radius:d-16,color:m,vx:l,vy:u,receiveOutForce:!1,receiveWallForce:!1});g.unshift(p)}for(var x=0;x<8*d;x++){var y=(Math.random()-.5)*(8*Math.random()),A=(Math.random()-.5)*(8*Math.random()),w=n.current.createGlobule({id:{role:Mp.particle},initX:s,initY:c,radius:4*Math.random(),color:m,alphaChangeV:-.02,vx:y,vy:A,moveLossV:.03,receiveOutForce:!1,receiveWallForce:!1});g.unshift(w)}return n.current.updateGlobuleList(g),{v:void 0}}},a=0,o=r.length;a<o;a++){var s=i(a);if("object"===(0,Vp.Z)(s))return s.v}},b=function(){Yp=0,Jp=0,qp=0,Kp=0;var e=document.getElementById("myCanvas2");if(e){if(0!==h&&v(0),Wp=2.5,!t.current)return;var r=t.current,i=r.offsetWidth,a=r.offsetHeight,o=r.offsetLeft,s=r.offsetTop;Yp=i,Jp=a,qp=o,Kp=s,e.width=Yp,e.height=Jp;var c=e.getContext("2d");x(c);var l=new(jp())(c,e,[{id:{role:Mp.player},initX:Yp/2,initY:Jp/2,radius:20,color:"#ffffff",fixedPos:!0,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:w}],{beforeDrawGlobules:y,afterDrawGlobules:A});n.current=l}};(0,r.useEffect)((function(){return b(),function(){var e;null===(e=n.current)||void 0===e||e.stop(),i.current&&clearInterval(i.current),a.current&&clearInterval(a.current)}}),[]);return(0,s.jsxs)("div",{className:Up.container,ref:t,onMouseDown:function(e){if(u===Dp.playing&&n.current){var t=Math.atan2(e.clientY-Kp-Jp/2,e.clientX-qp-Yp/2),r=5*Math.cos(t),i=5*Math.sin(t),a=n.current.createGlobule({id:{role:Mp.bullet},initX:Yp/2,initY:Jp/2,radius:5,color:"#ffffff",vx:r,vy:i,receiveWallForce:!1,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:j});n.current.globuleList.unshift(a)}},style:{backgroundColor:[Dp.toPlay].includes(u)?"#000":"transparent"},children:[(0,s.jsx)("canvas",{id:"myCanvas2",children:e.formatMessage({id:"common.browserTooLow"})}),u===Dp.toPlay&&(0,s.jsx)("button",{className:Up.startBtn,onClick:function(){d(Dp.playing),m.current=Dp.playing,n.current&&(n.current.start(),i.current&&(clearInterval(i.current),i.current=0),i.current=window.setInterval((function(){if(m.current===Dp.playing&&n.current){var e,t,r=20*Math.random()+15,i="hsl(".concat(360*Math.random(),", 50%, 50%)");Math.random()<.5?(e=Math.random()<.5?0-r:Yp+r,t=Math.random()*Jp+r):(e=Math.random()*Yp+r,t=Math.random()<.5?0-r:Jp+r);var a=Math.atan2(Jp/2-t,Yp/2-e),o=Math.cos(a)*Wp,s=Math.sin(a)*Wp,c=n.current.createGlobule({id:{role:Mp.planet},initX:e,initY:t,radius:r,color:i,vx:o,vy:s,receiveOutForce:!1,receiveWallForce:!1});n.current.globuleList.unshift(c)}}),1500),a.current&&(clearInterval(a.current),a.current=0),a.current=window.setInterval((function(){Wp+=1}),2e4))},children:e.formatMessage({id:"page.canvasDynamicEffect.startGame"})}),u!==Dp.toPlay&&(0,s.jsxs)("div",{className:Up.scoreBox,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"："]}),(0,s.jsx)("span",{className:Up.score,children:h})]}),[Dp.playing,Dp.pause].includes(u)&&(0,s.jsx)("div",{className:Up.pauseBtn,onClick:function(){var e;u===Dp.playing&&(d(Dp.pause),m.current=Dp.pause,null===(e=n.current)||void 0===e||e.stop())},children:e.formatMessage({id:"page.canvasDynamicEffect.pause"})}),u===Dp.pause&&(0,s.jsxs)("div",{className:Up.gamepause,children:[(0,s.jsx)("h1",{children:e.formatMessage({id:"page.canvasDynamicEffect.gameHasPaused"})}),(0,s.jsx)("button",{className:Up.continueBtn,onClick:function(){var e;d(Dp.playing),m.current=Dp.playing,null===(e=n.current)||void 0===e||e.start()},children:e.formatMessage({id:"page.canvasDynamicEffect.continueTheGame"})})]}),u===Dp.gameover&&(0,s.jsxs)("div",{className:Up.gameover,children:[(0,s.jsxs)("h1",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"：",(0,s.jsx)("span",{className:Up.finallyScore,children:h})]}),(0,s.jsx)("button",{className:Up.restartBtn,onClick:function(){d(Dp.toPlay),m.current=Dp.toPlay,b()},children:e.formatMessage({id:"page.canvasDynamicEffect.restart"})})]})]})},$p=n.p+"images/c00b0a45.png",eh=n.p+"images/70820c21.png",th=n.p+"images/99bcc282.png",nh=n.p+"images/f82dcd2c.png",rh=0,ih=0,ah=[{radius:14,gDirection:"toBottom",gCoefficient:.2,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:nh},{radius:26,gDirection:"toBottom",gCoefficient:.3,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:th},{radius:60,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:$p},{radius:54,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:eh}],oh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,rh,ih),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,rh,ih)},a=function(e,t){var n=t.mouseDownPos,r=t.globuleList;if(!(t.mouseInGlobuleList.length>0)){var i=Math.floor(Math.random()*ah.length),a=Object.assign({},ah[i],{initX:n.mouseX,initY:n.mouseY}),o=t.createGlobule(a),s=[].concat((0,Vc.Z)(r),[o]);t.updateGlobuleList(s)}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;rh=r,ih=o}else rh=600,ih=600;return function(){var e=document.getElementById("myCanvas");if(e){e.width=rh,e.height=ih;var t=e.getContext("2d"),r=new(jp())(t,e,[],{monitorMousePos:!0,beforeDrawGlobules:i,onMouseDownCanvas:a});n.current=r,r.start()}}(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"myCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},sh=[[[0,0,1,1,1,0,0],[0,1,1,0,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,0,1,1,0],[0,0,1,1,1,0,0]],[[0,0,0,1,1,0,0],[0,1,1,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[1,1,1,1,1,1,1]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,0,0,1,1],[1,1,1,1,1,1,1]],[[1,1,1,1,1,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,1,0,0],[0,0,0,0,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,0,1,1,1,0],[0,0,1,1,1,1,0],[0,1,1,0,1,1,0],[1,1,0,0,1,1,0],[1,1,1,1,1,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,1,1]],[[1,1,1,1,1,1,1],[1,1,0,0,0,0,0],[1,1,0,0,0,0,0],[1,1,1,1,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[1,1,1,1,1,1,1],[1,1,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,1,1,0,0,0,0]],[[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0]]],ch=0,lh=0,uh=8,dh=60,mh=30,fh=0,gh=0,ph=0,hh=0,vh=["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"],xh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=new Date;i.setTime(i.getTime()+36e5);var a=(0,r.useRef)(i),o=function(){var e,t=new Date,n=Math.round(((null===(e=a.current)||void 0===e?void 0:e.getTime())-t.getTime())/1e3);return n>=0?n:0},c=function(e,t,n){for(var r=[],i=0,a=sh[n].length;i<a;i++)for(var o=0,s=sh[n][i].length;o<s;o++){var c={initX:e+2*o*(uh+1)+(uh+1),initY:t+2*i*(uh+1)+(uh+1),radius:uh,color:"rgb(0,102,153)",isPureColor:!0,alpha:sh[n][i][o],fixedPos:!0,receiveOutForce:!1};r.push(c)}return r},l=function(e,t){if(n.current)for(var r=n.current.globuleList,i=e,a=0,o=sh[t].length;a<o;a++)for(var s=0,c=sh[t][a].length;s<c;s++)r[i].alpha=sh[t][a][s],i++},u=function(e,t,r){if(n.current)for(var i=n.current.globuleList,a=0,o=sh[r].length;a<o;a++)for(var s=0,c=sh[r][a].length;s<c;s++)if(1===sh[r][a][s]){var l={id:{hadCollisionWall:!1,vx:0},initX:e+2*s*(uh+1)+(uh+1),initY:t+2*a*(uh+1)+(uh+1),vx:0,vy:-2,radius:uh,color:vh[Math.floor(Math.random()*vh.length)],receiveOutForce:!1,resistanceWallDirection:["bottom","top"],gDirection:"toBottom",gCoefficient:.3+.02*Math.random(),collisionLossV:5,moveLossV:.08},u=n.current.createGlobule(l);i.push(u)}},d=function(e){var t=e.ctx;t.clearRect(0,0,ch,lh),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,ch,lh),function(){var e=o(),t=Math.floor(e/3600),n=Math.floor((e-3600*t)/60),r=e%60,i=Math.floor(fh/3600),a=Math.floor((fh-3600*i)/60),s=fh%60;if(r!=s){var c=0,d=Math.floor(t/10);Math.floor(i/10)!=Math.floor(t/10)&&(l(c,d),u(mh,dh,d)),c+=gh;var m=Math.floor(t%10);Math.floor(i%10)!=m&&(l(c,m),u(mh+15*(uh+1),dh,m)),c+=gh+ph;var f=Math.floor(n/10);Math.floor(a/10)!=f&&(l(c,f),u(mh+39*(uh+1),dh,f)),c+=gh;var g=Math.floor(n%10);Math.floor(a%10)!=g&&(l(c,g),u(mh+54*(uh+1),dh,g)),c+=gh+ph;var p=Math.floor(r/10);Math.floor(s/10)!=p&&(l(c,p),u(mh+78*(uh+1),dh,p)),c+=gh;var h=Math.floor(r%10);Math.floor(s%10)!=h&&(l(c,h),u(mh+93*(uh+1),dh,h)),fh=e}}()},m=function(e){var t=e.globuleList.filter((function(e,t){var n=e.id,r=e.x,i=e.radius,a=e.inCollisionWall;if(t>=hh){if(!a||null!=n&&n.hadCollisionWall)null!=n&&n.vx&&(e.vx=n.vx);else{var o=1.5*Math.pow(-1,Math.ceil(10*Math.random()));e.vx=o,e.id={hadCollisionWall:!0,vx:o}}if(r<=-i||r>=ch+i)return!1}return!0}));e.updateGlobuleList(t)},f=function(){var e=document.getElementById("myCanvas");if(e){e.width=ch,e.height=lh;var t=e.getContext("2d");fh=o();var r=function(){var e=[],t=Math.floor(fh/3600),n=Math.floor((fh-3600*t)/60),r=fh%60,i=c(mh,dh,Math.floor(t/10));e=e.concat(i),gh=i.length;var a=c(mh+15*(uh+1),dh,Math.floor(t%10));e=e.concat(a);var o=c(mh+30*(uh+1),dh,10);e=e.concat(o),ph=o.length;var s=c(mh+39*(uh+1),dh,Math.floor(n/10));e=e.concat(s);var l=c(mh+54*(uh+1),dh,Math.floor(n%10));e=e.concat(l);var u=c(mh+69*(uh+1),dh,10);e=e.concat(u);var d=c(mh+78*(uh+1),dh,Math.floor(r/10));e=e.concat(d);var m=c(mh+93*(uh+1),dh,Math.floor(r%10));return e=e.concat(m),hh=e.length,e}(),i=new(jp())(t,e,r,{beforeDrawGlobules:d,afterDrawGlobules:m});n.current=i,i.start()}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;ch=r,lh=i}else ch=600,lh=600;return mh=Math.round(ch/5),uh=Math.round(3*ch/5/108)-1,dh=Math.round(lh/8),f(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"myCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},yh=(n(87388),{particles:{number:{value:160,density:{enable:!0,value_area:800}},color:{value:"#00aeff"},shape:{type:"circle",stroke:{width:0,color:"#362cff"},polygon:{nb_sides:5},image:{src:"img/github.svg",width:100,height:100}},opacity:{value:1,random:!0,anim:{enable:!0,speed:1,opacity_min:0,sync:!0}},size:{value:3,random:!0,anim:{enable:!1,speed:4,size_min:.3,sync:!1}},line_linked:{enable:!1,distance:150,color:"#ffffff",opacity:.4,width:1},move:{enable:!0,speed:1,direction:"none",random:!0,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:600,rotateY:600}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"bubble"},onclick:{enable:!1,mode:"repulse"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:.8}},bubble:{distance:250,size:4,duration:2,opacity:1,speed:3},repulse:{distance:400,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!0}),Ah=function(e){return(0,r.useEffect)((function(){particlesJS("particles-js",yh)}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"#000000"},id:"particles-js",children:e.children})},wh=n.p+"images/a6f77ec2.png",jh=function(){function e(t){(0,Lf.Z)(this,e),this.init(t)}return(0,zf.Z)(e,[{key:"init",value:function(e){this.boxRef=e.boxRef,this.canvas=e.canvas,this.ctx=this.canvas.getContext("2d",{willReadFrequently:!0}),this.width=this.canvas.width,this.height=this.canvas.height,this.max_amplitude=1024,this.amplitude=e.amplitude||512,this.background=e.background,this.load=!1,this.img_data=null,this.new_img_data=null,this.animation_idx=null,this.mousemove_interval=e.mousemove_interval||50,this.animation_interval=e.animation_interval||20,this.ripple_radius=e.ripple_radius||3,this.bridge=new Image,this.bridge.src=wh,e.resize&&this.setResize()}},{key:"drawBackground",value:function(){var e=this;this.background.complete&&(this.ctx.drawImage(this.background,0,0,this.width,this.height),this.img_data=this.ctx.getImageData(0,0,this.width,this.height),this.new_img_data=this.ctx.getImageData(0,0,this.width,this.height),this.buffer_1=new Array(this.width).fill(0).map((function(){return new Array(e.height).fill(0)})),this.buffer_2=new Array(this.width).fill(0).map((function(){return new Array(e.height).fill(0)})),this.load=!0)}},{key:"render",value:function(){if(this.load){for(var e=this.width,t=this.height,n=e>>1,r=t>>1,i=this.new_img_data.data.length,a=0;a<i;a+=4){var o=a>>2,s=o%e,c=(o-s)/e,l=Math.max(s-1,0),u=Math.min(s+1,e-1),d=Math.min(c+1,t-1),m=Math.max(c-1,0),f=this.buffer_1[s][d]+this.buffer_1[s][m]+this.buffer_1[u][c]+this.buffer_1[l][c];f>>=1,f-=this.buffer_2[s][c],f-=f>>5,this.buffer_2[s][c]=f;var g=(this.max_amplitude-f)/this.max_amplitude;if(0!==f){var p=((s-n)*g<<0)+n,h=((c-r)*g<<0)+r;p=Math.min(p,e-1),p=Math.max(p,0),h=Math.max(h,0);var v=(h=Math.min(h,t-1))*e+p<<2,x=this.img_data.data[v],y=this.img_data.data[v+1],A=this.img_data.data[v+2];this.new_img_data.data[a]=x,this.new_img_data.data[a+1]=y,this.new_img_data.data[a+2]=A}}this.ctx.putImageData(this.new_img_data,0,0),this.ctx.drawImage(this.bridge,0,.35*this.height,this.width,.65*this.height);var w=this.buffer_2;this.buffer_2=this.buffer_1,this.buffer_1=w}else this.drawBackground()}},{key:"animate",value:function(){var e=this,t=(new Date).getTime();!function n(){var r=(new Date).getTime();r-t>e.animation_interval&&(e.render(),t=r),e.animation_idx=requestAnimationFrame(n)}()}},{key:"throttle",value:function(e,t){var n=(new Date).getTime();return function(){var r=(new Date).getTime();r-n>=t&&(n=r,e.apply(this,arguments))}}},{key:"ripple",value:function(e,t){if(this.load)for(var n=Math.max(e-this.ripple_radius,0),r=Math.min(e+this.ripple_radius,this.buffer_1.length-1),i=Math.max(t-this.ripple_radius,0),a=Math.min(t+this.ripple_radius,this.buffer_1[0].length-1),o=n;o<r;o++)for(var s=i;s<a;s++)this.buffer_1[o][s]=this.amplitude}},{key:"addMousemove",value:function(){var e=this;this.canvas.addEventListener("mousemove",this.throttle((function(t){var n=e.canvas.getBoundingClientRect(),r=n.top,i=n.left;e.ripple(Math.floor(t.clientX-i),Math.floor(t.clientY-r))}),this.mousemove_interval))}},{key:"setResize",value:function(){var e=this;window.addEventListener("resize",(function(){var t=e.boxRef.current,n=t.offsetWidth,r=t.offsetHeight;e.canvas.width=n,e.canvas.height=r,e.width=e.canvas.width,e.height=e.canvas.height,e.load=!1}))}},{key:"stop",value:function(){cancelAnimationFrame(this.animation_idx)}},{key:"resume",value:function(){this.animate()}}]),e}(),bh=jh,_h=n.p+"images/cf5db1b1.png",Dh=600,Mh=600,kh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null);return(0,r.useEffect)((function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;Dh=r,Mh=o,n.current.width=Dh,n.current.height=Mh;var s=new Image;s.src=_h;var c=new bh({canvas:n.current,background:s,boxRef:t});i.current=c,c.animate(),a.current=window.setInterval((function(){var e=Math.floor(Dh*Math.random()),t=Math.floor(Mh*Math.random());c.ripple(e,t)}),1e3),c.addMousemove()}return function(){var e;a.current&&clearInterval(a.current),null===(e=i.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Nh=600,Eh=600,Ch=0,Sh={x:0,y:0},Ph=function(){function e(){(0,Lf.Z)(this,e),this.x=0,this.y=0,this.angle=0;var t=Math.random();this.dAngle=Math.random()>.5?t:-t,this.radius=20*Math.random()+5,this.color="hsl(".concat(Math.floor(360*Math.random()),", 70%, 60%)"),this.stop=!1}return(0,zf.Z)(e,[{key:"reset",value:function(e,t,n){this.x=e,this.y=t,this.angle=n}},{key:"draw",value:function(e){this.stop||(this.x+=Math.cos(this.angle)*this.radius,this.y+=Math.sin(this.angle)*this.radius,e.beginPath(),e.fillStyle=this.color,e.arc(this.x,this.y,.5*this.radius,0,2*Math.PI),e.fill(),e.stroke(),this.angle+=this.dAngle,this.radius-=.4,this.radius<=0&&(this.stop=!0))}}]),e}(),Bh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(0),o=(0,r.useRef)(Sh),c=(0,r.useRef)([]),l=function e(){if(i.current){for(var t=0,n=c.current.length;t<n;t++){c.current[t].draw(i.current)}a.current=window.requestAnimationFrame(e)}},u=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;Nh=r,Eh=i,n.current.width=Nh,n.current.height=Eh}},d=(0,r.useCallback)((function(e){if(n.current){var r=o.current.x,a=o.current.y,s=n.current.getBoundingClientRect(),l=s.top,u=s.left,d=e.clientX-u,m=e.clientY-l;o.current.x=d,o.current.y=m;var f=new Ph,g=Math.atan2(m-a,d-r);if(f.reset(d,m,g),c.current.push(f),c.current.length>200&&c.current.shift(),Ch+=1,t.current&&Ch>140)"rgb(11, 11, 11)"===(t.current.style||{}).backgroundColor&&(t.current.style.backgroundColor="transparent");i.current&&Ch%3==0&&(i.current.fillStyle="rgba(8,8,8,0.05)",i.current.fillRect(0,0,Nh,Eh))}}),[]);return(0,r.useEffect)((function(){return function(){if(Ch=0,t.current&&n.current){t.current.style.backgroundColor="rgb(11, 11, 11)",u();var e=n.current.getContext("2d");i.current=e,i.current.fillStyle="rgba(8,8,8,0.05)",i.current.fillRect(0,0,Nh,Eh)}}(),n.current&&n.current.addEventListener("mousemove",d),l(),function(){a.current&&cancelAnimationFrame(a.current),n.current&&n.current.removeEventListener("mousemove",d)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",u),function(){window.removeEventListener("resize",u)}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Ih=600,Th=600,Rh="abcdefghijklmnopqrstuvwxyz",Fh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(0),o=(0,r.useRef)({}),c=(0,r.useRef)({}),l=(0,r.useRef)({}),u=(0,r.useRef)({}),d=function e(){if(i.current){i.current.clearRect(0,0,Ih,Th);for(var t=0;t<Ih;t+=26){i.current.beginPath();var n=i.current.createLinearGradient(0,0,0,Th),r=.2*Math.random(),s=.8*Math.random()+.2,d=.02*Math.random(),m=o.current,f=c.current,g=l.current,p=u.current;f[t]=f[t]||-r,g[t]=g[t]||0,m[t]=m[t]||-s,n.addColorStop(0,"#000000"),n.addColorStop(m[t]<0?0:m[t],"#000000"),n.addColorStop(f[t]<0?0:f[t],"#0ee30e"),n.addColorStop(g[t],"#000000"),n.addColorStop(1,"#000000"),i.current.fillStyle=n;for(var h=0;h<Th;h+=26)p[t+"-"+h]=p[t+"-"+h]||Rh[Math.floor(Math.random()*Rh.length)],i.current.fillText(p[t+"-"+h],t,h);f[t]+=d,g[t]+=d,m[t]+=d,m[t]>1&&(m[t]=-s),f[t]>1&&(m[t]===-s?f[t]=-r:f[t]=1),g[t]>1&&(f[t]===-r&&m[t]===-s?g[t]=d:g[t]=1)}a.current=window.requestAnimationFrame(e)}},m=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;Ih=r,Th=i,n.current.width=Ih,n.current.height=Th}};return(0,r.useEffect)((function(){return function(){if(t.current&&n.current){m();var e=n.current.getContext("2d");e.font="14px SourceHanSansCN-Regular",i.current=e}}(),d(),function(){a.current&&cancelAnimationFrame(a.current)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",m),function(){window.removeEventListener("resize",m)}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",backgroundColor:"#000"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Oh="WordDance_container__SiRI2",Zh="WordDance_tip__Sm3-V",Gh=324,Qh=570,Lh=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(0),c=function e(){if(t.current&&a.current){a.current.drawImage(t.current,0,0,Gh,Qh);var n=a.current.getImageData(0,0,Gh,Qh);a.current.clearRect(0,0,Gh,Qh);for(var r=n.data,i=n.width,s=n.height,c=0;c<s;c++)for(var l=0;l<i;l++){var u=4*(c*i+l);if(l%6==0&&c%6==0){var d=(r[u]+r[u+1]+r[u+2])/3;a.current.fillStyle="rgb(".concat(d,", ").concat(d,", ").concat(d,")"),a.current.font="10px Arial",a.current.fillText("8",l,c)}}o.current=window.requestAnimationFrame(e)}};return(0,r.useEffect)((function(){return function(){if(n.current&&t.current&&i.current){i.current.width=Gh,i.current.height=Qh;var e=i.current.getContext("2d",{willReadFrequently:!0});a.current=e,t.current.crossOrigin="anonymous"}}(),c(),function(){o.current&&cancelAnimationFrame(o.current)}}),[]),(0,s.jsxs)("div",{className:Oh,ref:n,children:[(0,s.jsx)("video",{muted:!1,autoPlay:!0,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t,children:(0,s.jsx)("source",{src:"public/dance.mp4"})}),(0,s.jsx)("canvas",{ref:i,children:e.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:Zh,children:e.formatMessage({id:"page.canvasDynamicEffect.videoIsSlowToLoad"})})]})},zh="Scratch_container__4Y8FX",Hh="Scratch_bottomText__kdpMZ",Vh=function(){var e=(0,p.Z)(),t=d(),n=t.headHeight,i=t.menuWidth,a=(0,r.useRef)(null),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(!1);return(0,r.useEffect)((function(){if(a.current&&o.current){var e=a.current,t=e.clientWidth,n=e.clientHeight;o.current.width=t,o.current.height=n,c.current=o.current.getContext("2d"),c.current&&(c.current.fillStyle="darkgray",c.current.fillRect(0,0,t,n))}}),[i]),(0,s.jsxs)("div",{className:zh,ref:a,children:[(0,s.jsx)("div",{className:Hh,children:"Visualization Collection"}),(0,s.jsx)("canvas",{onMouseDown:function(e){u.current=!0;var t=e.pageX-i,r=e.pageY-n;l.current={x:t,y:r}},onMouseMove:function(e){if(u.current&&c.current&&l.current){var t=e.pageX-i,r=e.pageY-n;c.current.beginPath(),c.current.globalCompositeOperation="destination-out",c.current.lineCap="round",c.current.moveTo(l.current.x,l.current.y),c.current.lineTo(t,r),c.current.lineWidth=60,c.current.stroke(),c.current.closePath(),l.current={x:t,y:r}}},onMouseUp:function(){u.current=!1,l.current=null},ref:o,children:e.formatMessage({id:"common.browserTooLow"})})]})},Uh="MatchLine_container__qMLJ5",Wh="MatchLine_content__Whs0H",Yh="MatchLine_tools__LT5fu",Jh="MatchLine_btn__r-aM+",qh="MatchLine_bottom__pQ5Pk",Kh="MatchLine_box__2wo49",Xh="MatchLine_options__yZR5i",$h="MatchLine_option__YXDOq",ev="MatchLine_active__wPYWy",tv={fruit:"🍌",animal:"🐒",car:"🚗",vegetable:"🥕"},nv=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),d=(0,r.useRef)(null),m=(0,r.useRef)({x:0,y:0}),f=(0,r.useRef)({x:0,y:0}),g=(0,r.useRef)(!1),h=(0,r.useRef)([]),v=(0,r.useRef)({}),x=(0,r.useRef)(!1),y=function(e){i.current&&o.current&&(o.current.clearRect(0,0,i.current.width,i.current.height),e.forEach((function(e){var t=e.point,n=t.x1,r=t.y1,i=t.x2,a=t.y2,s=e.isOk;o.current&&(o.current.strokeStyle="boolean"==typeof s?s?"#3CB371":"#DC143C":"#6495ED",o.current.beginPath(),o.current.moveTo(n,r),o.current.lineTo(i,a),o.current.closePath(),o.current.stroke())})))},A=(0,r.useCallback)((function(t){t.stopPropagation(),t.preventDefault(),x.current?Kc.ZP.warning(e.formatMessage({id:"page.canvasDynamicEffect.pleaseReset"})):(t.target.classList.add(ev),u.current=t.target,u.current.dataset.checked="1",d.current=null,m.current.x=Number(t.target.dataset.anchorX),m.current.y=Number(t.target.dataset.anchorY),g.current=!0)}),[]),w=(0,r.useCallback)((function(e){if(e.stopPropagation(),e.preventDefault(),g.current&&n.current&&a.current){var t=e.clientX,r=e.clientY,i=n.current.getBoundingClientRect(),o=i.left,s=i.top;f.current={x:t-o,y:r-s},a.current.clearRect(0,0,n.current.width,n.current.height),a.current.beginPath(),a.current.moveTo(m.current.x,m.current.y),a.current.lineTo(f.current.x,f.current.y),a.current.closePath(),a.current.stroke();var c=document.elementFromPoint(t,r);if(c){if(u.current){var l=u.current.dataset.ownership;if(c===d.current)return;var p=c.dataset.ownership,h=c.dataset.ownership!==l,v="1"!==c.dataset.checked;p&&h&&v?(d.current=c,d.current.classList.add(ev),d.current.dataset.checked="1"):d.current&&(d.current.classList.remove(ev),d.current.dataset.checked="0",d.current=null)}}else d.current&&(d.current.classList.remove(ev),d.current.dataset.checked="0",d.current=null)}}),[]),j=(0,r.useCallback)((function(e){if(e.stopPropagation(),e.preventDefault(),g.current){if(u.current&&d.current&&"1"===u.current.dataset.checked&&"1"===d.current.dataset.checked){var t=u.current.dataset,r=t.anchorX,i=t.anchorY,o=t.ownership,s=t.value,c=d.current.dataset,l=c.anchorX,m=c.anchorY,f=c.value,p=Object.keys(v.current),x=Object.values(v.current);if(s&&(p.includes(s)||x.includes(s))){for(var A="",w="",j=0;j<p.length;j++){var b=p[j],_=x[j];if([b,_].includes(s)){A=b,w=b===s?_:b;break}}var D="[data-value=".concat(w,"]"),M=document.querySelector(D);if(M){M.dataset.checked="0",M.classList.remove(ev),delete v.current[A];var k=h.current.findIndex((function(e){return e.key===A}));k>=0&&h.current.splice(k,1)}}var N="L"===o?s:f,E="L"===o?f:s;v.current[N]=E,h.current.push({key:N,point:{x1:r,y1:i,x2:l,y2:m}}),y(h.current)}else if(u.current){var C=function(e){var t=!1;if(e){var n=Object.keys(v.current),r=Object.values(v.current);(n.includes(e)||r.includes(e))&&(t=!0)}return t}(u.current.dataset.value);C||(u.current.dataset.checked="0",u.current.classList.remove(ev))}g.current=!1,u.current=null,d.current=null,n.current&&a.current&&a.current.clearRect(0,0,n.current.width,n.current.height)}}),[]),b=function(e){e&&Array.prototype.forEach.call(e.children,(function(e){var t=e.getBoundingClientRect(),n=t.width,r=t.height,i="L"===e.dataset.ownership?e.offsetLeft+n:e.offsetLeft,a=e.offsetTop+r/2;e.dataset.anchorX=i,e.dataset.anchorY=a,e.dataset.checked="0",e.onmousedown=A}))};(0,r.useEffect)((function(){return function(){if(t.current&&n.current&&i.current){var e=t.current,r=e.clientWidth,s=e.clientHeight;n.current.width=i.current.width=r,n.current.height=i.current.height=s,a.current=n.current.getContext("2d"),o.current=i.current.getContext("2d"),a.current.strokeStyle=o.current.strokeStyle="#6495ED",a.current.lineWidth=o.current.lineWidth=2,b(c.current),b(l.current)}}(),document.addEventListener("mousemove",w),document.addEventListener("mouseup",j),function(){document.removeEventListener("mousemove",w),document.removeEventListener("mousemove",j)}}),[]);return(0,s.jsxs)("div",{className:Uh,children:[(0,s.jsx)(Rr,{intlTitle:"page.canvasDynamicEffect.matchLineQuestion"}),(0,s.jsxs)("div",{className:Wh,children:[(0,s.jsxs)("div",{className:Yh,children:[(0,s.jsx)("div",{className:Jh,onClick:function(){c.current&&Array.prototype.forEach.call(c.current.children,(function(e){e.dataset.checked="0",e.classList.remove(ev)})),l.current&&Array.prototype.forEach.call(l.current.children,(function(e){e.dataset.checked="0",e.classList.remove(ev)})),h.current=[],v.current={},y(h.current),x.current=!1},children:e.formatMessage({id:"common.reset"})}),(0,s.jsx)("div",{className:Jh,onClick:function(){if(x.current)Kc.ZP.warning(e.formatMessage({id:"page.canvasDynamicEffect.pleaseReset"}));else{var t=h.current.pop();if(t){var n=t.key,r='[data-value="'.concat(n,'"]'),i='[data-value="'.concat(v.current[n],'"]');delete v.current[n];var a=document.querySelector(r),o=document.querySelector(i);a&&o&&(a.dataset.checked=o.dataset.checked="0",a.classList.remove(ev),o.classList.remove(ev),y(h.current))}}},children:e.formatMessage({id:"common.backout"})}),(0,s.jsx)("div",{className:Jh,onClick:function(){if(!x.current){var t=Object.keys(v.current);if(0!==t.length){var n=[];t.forEach((function(e){var t=v.current[e],r='[data-value="'.concat(e,'"]'),i="[data-value=".concat(t,"]"),a=document.querySelector(r),o=document.querySelector(i);if(a&&o){var s=a.dataset,c=s.anchorX,l=s.anchorY,u=o.dataset,d=u.anchorX,m=u.anchorY,f=tv[e];n.push({isOk:t===f,point:{x1:c?Number(c):0,y1:l?Number(l):0,x2:d?Number(d):0,y2:m?Number(m):0}})}})),y(n),x.current=!0}else Kc.ZP.error(e.formatMessage({id:"page.canvasDynamicEffect.noVerifiableAnswer"}))}},children:e.formatMessage({id:"common.checkout"})})]}),(0,s.jsx)("div",{className:qh,children:(0,s.jsxs)("div",{className:Kh,ref:t,children:[(0,s.jsx)("div",{className:Xh,ref:c,children:Object.keys(tv).map((function(t){return(0,s.jsx)("div",{className:$h,"data-value":t,"data-ownership":"L",children:e.formatMessage({id:"page.canvasDynamicEffect.".concat(t)})})}))}),(0,s.jsx)("div",{className:Xh,ref:l,children:Object.values(tv).sort((function(){return Math.random()-.5})).map((function(e){return(0,s.jsx)("div",{className:$h,"data-value":e,"data-ownership":"R",children:e})}))}),(0,s.jsx)("canvas",{ref:n}),(0,s.jsx)("canvas",{ref:i})]})})]})]})},rv=n(99477),iv=n(66358),av=function(e,t,n,i){var a=(0,r.useRef)(null),o=(0,r.useRef)(null),s=(0,r.useRef)(null),c=(0,r.useRef)(0),l=function e(){a.current&&o.current&&s.current&&(i&&i(a.current,o.current,s.current),s.current.render(a.current,o.current),c.current=window.requestAnimationFrame(e))},u=function(){if(e.current){var n=e.current,r=n.clientWidth,i=n.clientHeight,c=new rv.xsS;a.current=c;var u=new rv.cPb(75,r/i,.1,1e3);u.position.set(0,0,10),o.current=u;var d=new rv.CP7({antialias:!0});s.current=d,d.setSize(r,i),d.setPixelRatio(window.devicePixelRatio),d.shadowMap.enabled=!0,e.current.append(d.domElement),l(),t&&t(c,u,d)}},d=function(){if(e.current&&a.current&&o.current&&s.current){var t=e.current,r=t.clientWidth,i=t.clientHeight;o.current.aspect=r/i,o.current.updateProjectionMatrix(),s.current.setSize(r,i),s.current.setPixelRatio(window.devicePixelRatio),n&&n(a.current,o.current,s.current)}};return(0,r.useEffect)((function(){return u(),window.addEventListener("resize",d),function(){c.current&&window.cancelAnimationFrame(c.current),window.removeEventListener("resize",d)}}),[]),{scene:a.current,camera:o.current,renderer:s.current,resize:d}},ov=n(3867),sv=new(n(82854)._);sv.setDecoderPath("./public/draco/gltf/"),sv.setDecoderConfig({type:"js"});var cv=function(e){return new Promise((function(t,n){var r=new ov.E;r.setCrossOrigin("anonymous"),r.setDRACOLoader(sv),r.load(e,(function(e){t(e)}),void 0,(function(e){n(e)}))}))},lv=function(e,t,n){var r=t*Math.PI/180,i=n*Math.PI/180;r=-r;var a=e*Math.cos(i)*Math.cos(r),o=e*Math.sin(i),s=e*Math.cos(i)*Math.sin(r);return new rv.Pa4(a,o,s)},uv=function e(t,n){if(t&&n){n.remove(t);var r=t.children;if(!r)return;r.forEach((function(n){var r=n.geometry,i=n.material,a=n.children;null==r||r.dispose(),Array.isArray(i)?i.forEach((function(e){return null==e?void 0:e.dispose()})):null==i||i.dispose(),a.length&&a.forEach((function(n){return e(n,t)}))}))}},dv=n.p+"images/a2edaf85.jpg",mv=n.p+"images/573c0a93.jpg",fv="AppPageFrame_container__HINEU",gv="AppPageFrame_content__jCifX",pv="AppPageFrame_page__DEPnj",hv=[0,-1.5,0],vv=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(0),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useRef)([]),m=(0,r.useRef)(0),f=(0,r.useRef)(iv.p8.timeline()),g=(0,r.useRef)(null),p=av(t,(function(e){if(t.current){var n=t.current.clientHeight;l(n);var r=new rv.Ox3(16777215,1);r.position.set(0,0,1),e.add(r);var i=new rv.Ox3(16777215,.5);i.position.set(0,0,-1),e.add(i);var a=new rv.Ox3(16777215,.5);a.position.set(-1,1,1),e.add(a),cv("./public/model/spaceStation.glb").then((function(t){t.scene.scale.set(.15,.15,.15),t.scene.position.set(5,0,0),e.add(t.scene),u.current.push(t)})),cv("./public/model/spaceStation2.glb").then((function(t){t.scene.scale.set(1,1,1),t.scene.position.set(5,-20,0),t.scene.rotation.set(0,hv[1],0),e.add(t.scene),u.current.push(t)})),cv("./public/model/spaceStation3.glb").then((function(t){t.scene.scale.set(.18,.18,.18),t.scene.position.set(5,-40,0),e.add(t.scene),u.current.push(t)}));for(var o=0;o<10;o++){for(var s=new rv.xo$(1.5,10,10),c=(new rv.dpR).load(dv),d=(new rv.dpR).load(mv),m=new rv.Wid({map:c,displacementMap:d,displacementScale:.5}),f=new rv.SPe(s,m,100),g=0;g<1e3;g++){var p=1e3*Math.random()-500,h=1e3*Math.random()-500,v=1e3*Math.random()-500,x=new rv.yGw;x.makeTranslation(p,h,v),f.setMatrixAt(g,x);var y=20*Math.random()-8;x.makeScale(y,y,y)}iv.p8.to(f.position,{duration:10*Math.random()+5,ease:"linear",z:-1e3,repeat:-1}),e.add(f)}}}),(function(){if(t.current){var e=t.current.clientHeight;l(e),n.current&&(n.current.style.top="-".concat(m.current*e,"px"))}})),h=p.camera,v=p.resize,x=(0,ae.Z)((function(e){if(h){if(f.current&&f.current.isActive())return;if(e.wheelDelta<0&&m.current<u.current.length-1)m.current=m.current+1,f.current.to(h.position,{duration:.8,y:-20*m.current});else{if(!(e.wheelDelta>0&&m.current>0))return;m.current=m.current-1,f.current.to(h.position,{duration:.8,y:-20*m.current})}}if(t.current&&n.current){var r=t.current.clientHeight;g.current=iv.p8.to(n.current,{duration:.8,top:"-".concat(m.current*r,"px"),onComplete:function(){var e;null===(e=g.current)||void 0===e||e.kill(),g.current=null}})}}),{wait:100});return(0,r.useLayoutEffect)((function(){v()}),[e]),(0,r.useEffect)((function(){return window.addEventListener("mousewheel",x.run),function(){window.removeEventListener("mousewheel",x.run)}}),[]),(0,s.jsx)("div",{className:fv,onMouseMove:function(e){if(t.current){var n=t.current,r=n.clientWidth,i=n.clientHeight,a=e.clientX/r*2-1,o=e.clientY/i*2-1,s=iv.p8.timeline(),c=u.current[m.current];c&&s.to(c.scene.rotation,{duration:.8,x:.5*o,y:.5*a+hv[m.current]})}},ref:t,children:(0,s.jsxs)("div",{className:gv,ref:n,children:[(0,s.jsx)("div",{className:pv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page One"})}),(0,s.jsx)("div",{className:pv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Two"})}),(0,s.jsx)("div",{className:pv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Three"})})]})})},xv=n(69365),yv="CarShow_container__fkyim",Av="CarShow_content__-vQNL",wv="CarShow_title__h5POl",jv="CarShow_itemBox__aPzWS",bv="CarShow_selectBox__p0bsP",_v="CarShow_btn__vlWko",Dv="CarShow_textBtn__XA+9q",Mv=["red","blue","green","gray","orange","purple"],kv=new rv.EJi({color:16711680,metalness:1,roughness:.1}),Nv=new rv.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Ev=new rv.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Cv=new rv.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Sv=new rv.EJi({color:16777215,metalness:0,roughness:0,transparent:!0,transmission:1}),Pv=function(){var e=(0,p.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)({carWheels:[]}),o=[{name:e.formatMessage({id:"page.threeJs3D.abrazine"}),key:"abrazine",clearcoatRoughness:3,roughness:1},{name:e.formatMessage({id:"page.threeJs3D.cryolite"}),key:"cryolite",clearcoatRoughness:.2,roughness:.5}],c=[{name:e.formatMessage({id:"page.threeJs3D.ordinary"}),key:"ordinary",transmission:.9},{name:e.formatMessage({id:"page.threeJs3D.transparent"}),key:"transparent",transmission:1}],l=av(n,(function(e,t,r){if(n.current){e.background=new rv.Ilk("#ddd"),t.position.set(0,2,4),r.setClearColor("#000");var o=new xv.z(t,r.domElement);i.current=o,o.autoRotate=!0;var s=new rv.VLJ(15,15);s.material.opacity=.2,s.material.transparent=!0,e.add(s),cv("./public/model/bmw.glb").then((function(t){var n=t.scene;n.traverse((function(e){e.isMesh&&(e.name.includes("前脸")&&(e.material=Nv,a.current.carFront=e),"Mesh002"===e.name&&(e.material=Ev,a.current.carBody=e),e.name.includes("引擎盖_1")&&(e.material=Cv,a.current.carHood=e),e.name.includes("挡风玻璃")&&(e.material=Sv,a.current.carGlass=e),e.name.includes("轮毂")&&(e.material=kv,a.current.carWheels.push(e)))})),e.add(n)}));var c=new rv.Ox3(16777215,1);c.position.set(0,0,10),e.add(c);var l=new rv.Ox3(16777215,1);l.position.set(0,0,-10),e.add(l);var u=new rv.Ox3(16777215,1);u.position.set(10,0,0),e.add(u);var d=new rv.Ox3(16777215,1);d.position.set(-10,0,0),e.add(d);var m=new rv.Ox3(16777215,1);m.position.set(0,10,0),e.add(m);var f=new rv.Ox3(16777215,.3);f.position.set(5,10,0),e.add(f);var g=new rv.Ox3(16777215,.3);g.position.set(0,10,5),e.add(g);var p=new rv.Ox3(16777215,.3);g.position.set(0,10,-5),e.add(p);var h=new rv.Ox3(16777215,.3);h.position.set(-5,10,0),e.add(h)}}),null,(function(){var e;i.current&&(null===(e=i.current)||void 0===e||e.update())})).resize;return(0,r.useLayoutEffect)((function(){l()}),[t]),(0,s.jsx)("div",{className:yv,ref:n,children:(0,s.jsxs)("div",{className:Av,children:[(0,s.jsx)("div",{className:wv,children:e.formatMessage({id:"page.threeJs3D.carDisplayAndMatching"})}),(0,s.jsxs)("div",{className:jv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.bodyColor"})}),(0,s.jsx)("div",{className:bv,children:Mv.map((function(e){return(0,s.jsx)("div",{className:_v,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Ev.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:jv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.anteriorFaceColor"})}),(0,s.jsx)("div",{className:bv,children:Mv.map((function(e){return(0,s.jsx)("div",{className:_v,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Nv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:jv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hoodColor"})}),(0,s.jsx)("div",{className:bv,children:Mv.map((function(e){return(0,s.jsx)("div",{className:_v,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Cv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:jv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hubColor"})}),(0,s.jsx)("div",{className:bv,children:Mv.map((function(e){return(0,s.jsx)("div",{className:_v,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){kv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:jv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.filmMaterial"})}),(0,s.jsx)("div",{className:bv,children:o.map((function(e){return(0,s.jsx)("div",{className:Dv,onClick:function(){return t=e.clearcoatRoughness,n=e.roughness,Nv.clearcoatRoughness=t,Nv.roughness=n,Ev.clearcoatRoughness=t,Ev.roughness=n,Cv.clearcoatRoughness=t,void(Cv.roughness=n);var t,n},children:e.name},e.key)}))})]}),(0,s.jsxs)("div",{className:jv,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.windshieldMaterial"})}),(0,s.jsx)("div",{className:bv,children:c.map((function(e){return(0,s.jsx)("div",{className:Dv,onClick:function(){return t=e.transmission,void(Sv.transmission=t);var t},children:e.name},e.key)}))})]})]})})},Bv=n(88175),Iv=[{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1},{x:-1,y:0,z:1},{x:0,y:0,z:1},{x:1,y:0,z:1},{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1},{x:-1,y:1,z:0},{x:0,y:1,z:0},{x:1,y:1,z:0},{x:-1,y:0,z:0},{x:0,y:0,z:0},{x:1,y:0,z:0},{x:-1,y:-1,z:0},{x:0,y:-1,z:0},{x:1,y:-1,z:0},{x:-1,y:1,z:-1},{x:0,y:1,z:-1},{x:1,y:1,z:-1},{x:-1,y:0,z:-1},{x:0,y:0,z:-1},{x:1,y:0,z:-1},{x:-1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:1,y:-1,z:-1}],Tv={front:[{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1},{x:-1,y:0,z:1},{x:0,y:0,z:1},{x:1,y:0,z:1},{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1}],back:[{x:1,y:1,z:-1},{x:0,y:1,z:-1},{x:-1,y:1,z:-1},{x:1,y:0,z:-1},{x:0,y:0,z:-1},{x:-1,y:0,z:-1},{x:1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:-1,y:-1,z:-1}],top:[{x:-1,y:1,z:-1},{x:0,y:1,z:-1},{x:1,y:1,z:-1},{x:-1,y:1,z:0},{x:0,y:1,z:0},{x:1,y:1,z:0},{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1}],bottom:[{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1},{x:-1,y:-1,z:0},{x:0,y:-1,z:0},{x:1,y:-1,z:0},{x:-1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:1,y:-1,z:-1}],left:[{x:-1,y:1,z:-1},{x:-1,y:1,z:0},{x:-1,y:1,z:1},{x:-1,y:0,z:-1},{x:-1,y:0,z:0},{x:-1,y:0,z:1},{x:-1,y:-1,z:-1},{x:-1,y:-1,z:0},{x:-1,y:-1,z:1}],right:[{x:1,y:1,z:1},{x:1,y:1,z:0},{x:1,y:1,z:-1},{x:1,y:0,z:1},{x:1,y:0,z:0},{x:1,y:0,z:-1},{x:1,y:-1,z:1},{x:1,y:-1,z:0},{x:1,y:-1,z:-1}]},Rv="RubiksCube_container__dFJHD",Fv=10,Ov=20,Zv=50,Gv=50,Qv=[{x:100,y:100,z:-100,intensity:1},{x:-100,y:100,z:-100,intensity:1},{x:100,y:-50,z:-100,intensity:1},{x:-100,y:-50,z:-100,intensity:1},{x:50,y:100,z:30,intensity:20},{x:-100,y:100,z:100,intensity:1},{x:100,y:-50,z:100,intensity:1},{x:-100,y:-50,z:100,intensity:1},{x:0,y:50,z:20,intensity:1},{x:0,y:-50,z:20,intensity:1}],Lv=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)([]),a=(0,r.useRef)([]),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(0),m=function(){var e=Math.floor(6*Math.random()),t=Object.keys(Tv)[e];f(t,Math.PI)},f=function(e,t){var n=Tv[e];if(n&&t&&o.current){for(var r=[],i=[],s=[],d=0,f=n.length;d<f;d++)for(var g=n[d],p=g.x,h=g.y,v=g.z,x=0,y=a.current.length;x<y;x++){var A=a.current[x],w=A.position,j=w.x,b=w.y,_=w.z;if(j===10.4*p&&b===10.4*h&&_===10.4*v){r.push(A.clone()),i.push(A),s.push(n[d]);break}}var D="";switch(e){case"front":case"back":D="z";break;case"top":case"bottom":D="y";break;case"left":case"right":D="x"}var M=i[4],k=new rv.ZAu;k.position.set(M.position.x,M.position.y,M.position.z),c.current=k,i.forEach((function(e){var t=e.clone(),n=t.position,r=n.x,i=n.y,a=n.z;t.position.set("x"===D?0:r,"y"===D?0:i,"z"===D?0:a),k.add(t)})),o.current.add(k),i.forEach((function(e){var t;null===(t=o.current)||void 0===t||t.remove(e),a.current=a.current.filter((function(t){return t.id!==e.id}))}));var N={angle:0};l.current=iv.p8.to(N,{angle:t,duration:t/Math.PI*1.5,ease:"power1.inOut",onUpdate:function(){if(D){var e=N.angle;if(c.current){var t=(new rv.yGw)["makeRotation".concat(D.toUpperCase())](e),n=c.current.position,r=n.x,i=n.y,a=n.z;t.multiply((new rv.yGw).makeTranslation(r,i,a)),c.current.matrix=t,c.current.matrix.decompose(c.current.position,c.current.quaternion,c.current.scale)}}},onComplete:function(){c.current&&o.current&&(c.current.children.forEach((function(t){var n,r=t.clone(),i=r.position,s=i.x,c=i.y,l=i.z;r.position.set("x"===D?"left"===e?-10.4:10.4:s,"y"===D?"bottom"===e?-10.4:10.4:c,"z"===D?"back"===e?-10.4:10.4:l),null===(n=o.current)||void 0===n||n.add(r),a.current.push(r)})),o.current.remove(c.current),u.current=window.setTimeout(m,1500))}})}},g=av(t,(function(e,r,s){if(t.current){e.background=new rv.Ilk("#121212"),r.position.set(Ov,Zv,Gv),r.lookAt(0,0,0),s.setClearColor("#121212"),Qv.forEach((function(t){var n=t.x,r=t.y,a=t.z,o=t.intensity,s=new rv.Ox3(15463918,o);s.position.set(n,r,a),s.lookAt(0,0,0),s.shadow.camera.near=10,s.shadow.camera.far=500,s.castShadow=!0,i.current.push(s),e.add(s)}));var c=new xv.z(r,s.domElement);n.current=c,c.autoRotate=!0,c.autoRotateSpeed=3}var l=new rv.ZAu;l.position.set(0,0,0),o.current=l;for(var d=new Bv.k(Fv,Fv,Fv,1,1.6),f=new rv.EJi({color:65793,metalness:.4,roughness:.2,clearcoat:0,clearcoatRoughness:1,reflectivity:.2,specularIntensity:1.2}),g=0,p=Iv.length;g<p;g++){var h=Iv[g],v=h.x,x=h.y,y=h.z,A=new rv.Kj0(d,f);A.position.set(10.4*v,10.4*x,10.4*y),A.receiveShadow=!0,A.castShadow=!0,a.current.push(A),l.add(A)}e.add(l),u.current=window.setTimeout(m,1500)}),null,(function(){var e;n.current&&(null===(e=n.current)||void 0===e||e.update())})).resize;return(0,r.useLayoutEffect)((function(){g()}),[e]),(0,r.useEffect)((function(){return function(){l.current&&l.current.kill(),u.current&&window.clearTimeout(u.current)}}),[]),(0,s.jsx)("div",{className:Rv,ref:t})},zv=n(33687),Hv="ThrowDice_container__YcvTG",Vv="ThrowDice_btn__BTDQF",Uv="ThrowDice_btn_inner__DObIm",Wv="ThrowDice_numBox__VnUMU";function Yv(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Jv(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Jv(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw a}}}}function Jv(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var qv=10,Kv=0,Xv=40,$v=120,ex=function(){var e=(0,p.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(1),u=(0,o.Z)(l,2),m=u[0],f=u[1],g=(0,r.useRef)(1),h=(0,r.useRef)(!1),v=function(e){var t=document.createElement("canvas"),n=500;t.width=n,t.height=n;var r=t.getContext("2d");switch(r.fillStyle="#eeeeee",r.fillRect(0,0,n,n),e){case 1:r.fillStyle="#d30704",r.arc(250,250,100,0,2*Math.PI),r.fill();break;case 2:r.fillStyle="#153f87",r.arc(250,1500/11,60,0,2*Math.PI),r.arc(250,4e3/11,60,0,2*Math.PI),r.fill();break;case 3:r.fillStyle="#153f87",r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.arc(250,250,60,0,2*Math.PI),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.fill();break;case 4:r.fillStyle="#d30704",r.beginPath(),r.arc(1500/11,1500/11,60,0,2*Math.PI),r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.arc(4e3/11,4e3/11,60,0,2*Math.PI),r.fill();break;case 5:r.fillStyle="#153f87",r.beginPath(),r.arc(1500/11,1500/11,60,0,2*Math.PI),r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.arc(4e3/11,4e3/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(250,250,60,0,2*Math.PI),r.fill();break;case 6:r.fillStyle="#153f87",r.beginPath(),r.arc(150,1500/11,50,0,2*Math.PI),r.arc(350,1500/11,50,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(150,250,50,0,2*Math.PI),r.arc(350,250,50,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(150,4e3/11,50,0,2*Math.PI),r.arc(350,4e3/11,50,0,2*Math.PI),r.fill()}return t},x=(0,r.useRef)(new Bv.k(qv,qv,qv,1,1.4)),y=(0,r.useRef)([new rv.Wid({map:new rv.ROQ(v(1)),color:"#ffffff"}),new rv.Wid({map:new rv.ROQ(v(6)),color:"#ffffff"}),new rv.Wid({map:new rv.ROQ(v(3)),color:"#ffffff"}),new rv.Wid({map:new rv.ROQ(v(4)),color:"#ffffff"}),new rv.Wid({map:new rv.ROQ(v(5)),color:"#ffffff"}),new rv.Wid({map:new rv.ROQ(v(2)),color:"#ffffff"})]),A=function(){h.current||(g.current?(h.current=!0,a.current.forEach((function(e,t){if(t<=g.current-1){var n=10,r=-Math.floor(t/2)*qv*1.5;(t+1)%2==0&&(n+=15),e.body.position=new zv.AO(n,24,r),e.mesh.position.copy(e.body.position),e.mesh.rotation.set(1*Math.PI*Math.random(),0,2*Math.PI*Math.random()),e.body.quaternion.copy(e.mesh.quaternion);var i=1+5*Math.random();e.body.applyImpulse(new zv.AO(-16,i,-5))}else e.body.position=new zv.AO(1e3,-55,0),e.mesh.position.copy(e.body.position),e.mesh.rotation.set(0,0,0),e.body.quaternion.copy(e.mesh.quaternion)})),setTimeout((function(){h.current=!1}),2e3)):Kc.ZP.warning(e.formatMessage({id:"page.threeJs3D.enterDiceNum"})))},w=av(n,(function(e,t,r){if(n.current){e.background=new rv.Ilk("#224141"),t.position.set(Kv,Xv,$v),t.lookAt(0,0,0),r.setClearColor("#224141");var o=new rv.Mig(16777215,.5);e.add(o);var s=new rv.cek(16777215,1);s.position.set(100,200,-10),s.castShadow=!0,s.shadow.camera.near=5,s.shadow.camera.far=400,e.add(s);var l=new xv.z(t,r.domElement);l.enableRotate=!1,i.current=l,c.current=new zv.q3({allowSleep:!0,gravity:new zv.AO(0,-300,0)}),c.current.defaultContactMaterial.restitution=.36,function(e){var t,n=new rv.Kj0(new rv._12(300,300),new rv.Tn7({opacity:.1}));n.receiveShadow=!0,n.position.y=-60,n.quaternion.setFromAxisAngle(new rv.Pa4(-1,0,0),.5*Math.PI),e.add(n);var r=new zv.uT({type:zv.uT.STATIC,shape:new zv.JO});r.position.copy(n.position),r.quaternion.copy(n.quaternion),null===(t=c.current)||void 0===t||t.addBody(r)}(e),function(e){for(var t=0;t<10;t++){var n,r=new rv.Kj0(x.current,y.current);r.castShadow=!0,e.add(r);var i=new zv.uT({mass:1,shape:new zv.xu(new zv.AO(5,5,5)),sleepTimeLimit:.1});null===(n=c.current)||void 0===n||n.addBody(i),a.current.push({mesh:r,body:i})}}(e),A()}}),null,(function(){var e;null===(e=c.current)||void 0===e||e.fixedStep();var t,n,r=Yv(a.current);try{for(r.s();!(t=r.n()).done;){var o=t.value;o.mesh.position.copy(o.body.position),o.mesh.quaternion.copy(o.body.quaternion)}}catch(e){r.e(e)}finally{r.f()}i.current&&(null===(n=i.current)||void 0===n||n.update())})).resize;return(0,r.useLayoutEffect)((function(){w()}),[t]),(0,r.useEffect)((function(){return function(){var e,t;null===(e=x.current)||void 0===e||e.dispose(),null===(t=y.current)||void 0===t||t.forEach((function(e){e.dispose()}))}}),[]),(0,s.jsxs)("div",{className:Hv,ref:n,children:[(0,s.jsx)("div",{className:Vv,children:(0,s.jsx)("div",{className:Uv,onClick:A,children:"Start"})}),(0,s.jsxs)("div",{className:Wv,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.threeJs3D.diceNum"}),"："]}),(0,s.jsx)(dp.Z,{min:1,max:10,precision:0,size:"large",value:m,onChange:function(e){g.current=e,f(e)}})]})]})},tx=n(81706),nx=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",o=(0,r.useRef)(null),s=function(){o.current&&(o.current.invalidate(),o.current.restart(!0))},c=function(){var e;null===(e=o.current)||void 0===e||e.reverse()};return(0,r.useEffect)((function(){if(e&&e.current){var r=e.current,s=r.clientWidth,c=r.clientHeight,l="";switch(t){case"toTop":l="translate(0px, ".concat(c,"px)");break;case"toBottom":l="translate(0px, ".concat(-c,"px)");break;case"toLeft":l="translate(".concat(s,"px), 0px");break;case"toRight":l="translate(".concat(-s,"px), 0px")}o.current=iv.ZP.fromTo(e.current,{opacity:0,transform:"".concat(l," ").concat(a)},{opacity:1,transform:"translate(0px, 0px) ".concat(a),duration:n,delay:i})}return function(){var e;null===(e=o.current)||void 0===e||e.kill()}}),[]),{tweenRef:o,restart:s,reverse:c}},rx="LargeScreenBorder_container__fPZ9L",ix="LargeScreenBorder_content__kwcui";function ax(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ox(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ax(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ax(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var sx=10,cx=10,lx=function(e){var t=e.title,n=void 0===t?"":t,i=e.lineWidth,a=void 0===i?1:i,o=e.lineColor,c=void 0===o?"#005A5A":o,l=e.highlightColor,u=void 0===l?"#41B1B4":l,m=e.style,f=void 0===m?{}:m,g=(0,p.Z)(),h=d().menuWidth,v=(0,r.useRef)(null),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useMemo)((function(){return ox(ox({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),j=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,i=n.height,a=1;t.beginPath(),t.moveTo(a,8),a=8,t.lineTo(a,1),a+=40,t.lineTo(a,1),a+=8,t.lineTo(a,8),a=r-16,t.lineTo(a,8),a=r-e,t.lineTo(a,24),t.lineTo(a,i-e),a=16,t.lineTo(a,i-e),a=1,t.lineTo(a,i-16),t.closePath(),t.lineWidth=e}},b=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,i=y.current;i.clearRect(0,0,t,r),i.globalCompositeOperation="source-over";var o=a;if(A.current){j(o+=1),i.fillStyle=A.current?u:c,i.fill(),i.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+sx,m=Math.floor(s/sx),f=Math.floor(l/sx);i.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(i.fillRect(s,l,t-s,sx),l+=sx,s=0):(i.fillRect(s,l,sx,sx),s+=sx)}}i.globalCompositeOperation="source-over",j(o);var g=1;if(i.strokeStyle=A.current?u:c,i.stroke(),i.lineWidth=o+1,i.strokeStyle=u,i.beginPath(),g=12,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g+=4,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g+=4,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-16),i.lineTo(g,r),i.closePath(),i.stroke(),i.beginPath(),i.moveTo(g,r-o),g-=16,i.lineTo(g,r-o),i.closePath(),i.stroke(),n){var p=Ke(n,Number.parseInt(w.fontSize),w.fontWeight);i.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),i.fillStyle=w.color,i.fillText(n,(t-p)/2,14+Number.parseInt(w.fontSize));var h=(t-p)/2-42,v=14+Number.parseInt(w.fontSize)/2+2;i.lineWidth=4,i.lineJoin="miter",i.beginPath(),i.moveTo(h,18),i.lineTo(h+cx,v),i.lineTo(h,14+Number.parseInt(w.fontSize)),i.strokeStyle=A.current?w.color:c,i.stroke(),i.beginPath(),i.moveTo(h+cx+6,18),i.lineTo(h+20+6,v),i.lineTo(h+cx+6,14+Number.parseInt(w.fontSize)),i.strokeStyle=w.color,i.stroke(),h=(t+p)/2+16,i.beginPath(),i.moveTo(h+cx,18),i.lineTo(h,14+Number.parseInt(w.fontSize)/2+2),i.lineTo(h+cx,14+Number.parseInt(w.fontSize)),i.strokeStyle=w.color,i.stroke(),i.beginPath(),i.moveTo(h+20+6,18),i.lineTo(h+cx+6,14+Number.parseInt(w.fontSize)/2+2),i.lineTo(h+20+6,14+Number.parseInt(w.fontSize)),i.strokeStyle=A.current?w.color:c,i.stroke()}}};(0,r.useEffect)((function(){if(v.current&&x.current){var e=v.current,t=e.clientWidth,n=e.clientHeight;x.current.width=t,x.current.height=n,y.current=x.current.getContext("2d"),b()}}),[n,h]);return(0,s.jsxs)("div",{className:rx,style:w,onMouseEnter:function(){A.current=!0,b()},onMouseLeave:function(){A.current=!1,b()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:ix,style:{left:"".concat(16,"px"),right:"".concat(8,"px"),top:"".concat(n?8+Number.parseInt(w.fontSize)+6+20:14,"px"),bottom:"".concat(8,"px")},children:e.children})]})},ux=n.p+"images/adee1274.png",dx=function(){var e=(0,r.useRef)(new rv.Tme),t=(0,r.useRef)(null),n=(0,r.useRef)(null);return(0,r.useEffect)((function(){var r=function(e,n,r){var i=Math.PI/90,a=2*Math.PI-16*i,o=11*a/12/8,s=a/12/8,c=document.createElement("canvas");c.width=2*e,c.height=2*e;var l=c.getContext("2d");l.strokeStyle=r,l.lineWidth=n;for(var u=0,d=o,m=0;m<8;m++)l.beginPath(),l.arc(e,e,e-n,u,d),l.stroke(),d=(u=d+i)+s,l.beginPath(),l.arc(e,e,e-n,u,d),l.stroke(),d=(u=d+i)+o;var f=new rv._12(c.width,c.height),g=new rv.vBJ({map:new rv.ROQ(c),transparent:!0,opacity:1,depthWrite:!1}),p=new rv.Kj0(f,g),h={angle:0};return t.current=iv.p8.to(h,{angle:2*Math.PI,duration:5,ease:"linear",repeat:-1,onUpdate:function(){var e=h.angle;if(p){var t=(new rv.yGw).makeRotationZ(e),n=p.position,r=n.x,i=n.y,a=n.z;t.multiply((new rv.yGw).makeTranslation(r,i,a)),p.matrix=t,p.matrix.decompose(p.position,p.quaternion,p.scale)}},onComplete:function(){}}),p}(180,6,"#ffffff");e.current.add(r);var i=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t;for(var a=0;a<2;a++){var o=a*Math.PI;i.beginPath(),i.arc(e,e,e-t,o,Math.PI/6+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/4+o,Math.PI/2+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,2*Math.PI/3+o,3*Math.PI/4+o),i.stroke()}var s=new rv._12(r.width,r.height),c=new rv.vBJ({map:new rv.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new rv.Kj0(s,c)}(170,8,"#005A5A");i.position.set(0,0,1),e.current.add(i);var a=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t;for(var a=0;a<3;a++){var o=a*(2*Math.PI/3);i.beginPath(),i.arc(e,e,e-t,o,Math.PI/10+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/8+o,Math.PI/6+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/2+o,5*Math.PI/8+o),i.stroke()}var s=new rv._12(r.width,r.height),c=new rv.vBJ({map:new rv.ROQ(r),transparent:!0,opacity:1,depthWrite:!1}),l=new rv.Kj0(s,c),u=new rv._12(r.width+90,r.height+90),d=new rv.vBJ({map:(new rv.dpR).load(ux),transparent:!0,opacity:1,depthWrite:!1}),m=new rv.Kj0(u,d);return l.add(m),l}(120,8,"#005A5A");a.position.set(0,0,2),e.current.add(a);var o=function(e,t,r){var i=16,a=document.createElement("canvas");a.width=2*e+i,a.height=2*e+i;var o=a.getContext("2d");o.strokeStyle=r,o.lineWidth=t,o.beginPath(),o.arc(e+4.8+t,e+4.8+t,e,0,2*Math.PI),o.stroke(),o.lineWidth=t;for(var s=0;s<120;s++){var c=2*Math.PI/120*s,l=e-11.2,u=l+i,d=Math.cos(c)*u+u+4.8,m=Math.sin(c)*u+u+4.8,f=Math.cos(c)*l+u+4.8,g=Math.sin(c)*l+u+4.8;o.beginPath(),o.moveTo(d,m),o.lineTo(f,g),o.stroke()}var p=new rv._12(a.width,a.height),h=new rv.vBJ({map:new rv.ROQ(a),transparent:!0,opacity:1,depthWrite:!1}),v=new rv.Kj0(p,h),x={angle:0};return n.current=iv.p8.to(x,{angle:2*-Math.PI,duration:12,ease:"linear",repeat:-1,onUpdate:function(){var e=x.angle;if(v){var t=(new rv.yGw).makeRotationZ(e),n=v.position,r=n.x,i=n.y,a=n.z;t.multiply((new rv.yGw).makeTranslation(r,i,a)),v.matrix=t,v.matrix.decompose(v.position,v.quaternion,v.scale)}},onComplete:function(){}}),v}(100,3,"#ADEBF1");o.position.set(0,0,3),e.current.add(o);var s=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t,i.beginPath(),i.arc(e,e,e-t,0,2*Math.PI),i.stroke();var a=new rv._12(r.width,r.height),o=new rv.vBJ({map:new rv.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new rv.Kj0(a,o)}(80,1,"#ADEBF1");s.position.set(0,0,4),e.current.add(s);var c=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t,i.beginPath(),i.arc(e,e,e-t,0,2*Math.PI),i.stroke();var a=new rv._12(r.width,r.height),o=new rv.vBJ({map:new rv.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new rv.Kj0(a,o)}(30,4,"#ADEBF1");return c.position.set(0,0,5),e.current.add(c),function(){var e,r;null===(e=t.current)||void 0===e||e.kill(),null===(r=n.current)||void 0===r||r.kill()}}),[]),e.current},mx=n.p+"images/5f19eee4.png",fx="data:image/png;base64,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",gx="data:image/png;base64,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",px="MapDisplay_container__7ObAW",hx="MapDisplay_switch__z3osn",vx="MapDisplay_topBox__uUgN8",xx="MapDisplay_topBg__oqsK2",yx="MapDisplay_shine__zGL21",Ax="MapDisplay_leftLine__yH-vW",wx="MapDisplay_rightLine__0kyh7",jx="MapDisplay_title__xCrUE",bx="MapDisplay_leftBox__MfOJf",_x="MapDisplay_item__6Z5-L",Dx="MapDisplay_rightBox__mgnoV",Mx="MapDisplay_tooltip__+jQqL",kx=0,Nx=-20,Ex=80,Cx=0,Sx=6,Px=0,Bx="#008170",Ix="#1AACAC",Tx="#005B41",Rx=function(){var e=(0,p.Z)(),t=d(),n=t.menuWidth,i=t.headHeight,a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=(0,r.useRef)(null),h=(0,r.useRef)(null),v=(0,r.useRef)(new rv.iMs),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useState)(!0),w=(0,o.Z)(A,2),j=w[0],b=w[1],_=nx(c,"toBottom",.6),D=_.restart,M=_.reverse,k=nx(l,"toRight",.8,.5),N=k.restart,E=k.reverse,C=nx(u,"toLeft",.8,.5),S=C.restart,P=C.reverse,B=dx(),I=function(e){(new rv.hH6).load("./public/json/ChinaMap.json",(function(t){!function(e,t){var n=new rv.Tme,r=(0,tx.ZP)().center([104,37.5]).scale(80).translate([0,0]);e.features.forEach((function(e){var t=new rv.Tme;e.geometry.coordinates.forEach((function(n){n.forEach((function(n){for(var i=new rv.bnF,a=new rv.u9r,s=[],c=0;c<n.length;c++){var l=r(n[c]),u=(0,o.Z)(l,2),d=u[0],m=u[1];0===c?i.moveTo(d,-m):i.lineTo(d,-m),s.push(new rv.Pa4(d,-m,6))}a.setFromPoints(s);var f={depth:6,bevelEnabled:!1,bevelThickness:1,bevelSize:1,bevelOffset:0,bevelSegments:1},g=new rv.O7d(i,f),p=new rv.vBJ({color:Bx,transparent:!0,opacity:.95}),h=new rv.vBJ({color:Ix,transparent:!0,opacity:.95}),v=new rv.Kj0(g,[p,h]),x=new rv.nls({color:"white"}),y=new rv.x12(a,x);t.properties=e.properties,t.add(v),t.add(y)}))})),n.add(t)})),n.position.set(Cx,Sx,Px),t.add(n),g.current=n}(JSON.parse(t),e),B.scale.set(.32,.32,1),B.position.set(0,0,-8),e.add(B),h.current=B}))},T=(0,r.useCallback)((function(e){if(m.current){x.current||(x.current=new rv.FM8);var t=e.clientX,r=e.clientY;new rv.FM8&&(x.current.x=(t-n)/(window.innerWidth-n)*2-1),x.current.y=-(r-i)/(window.innerHeight-i)*2+1,m.current.style.left="".concat(t-n+4,"px"),m.current.style.top="".concat(r-i+4,"px")}}),[n,i]),R=av(a,(function(e,t,n){if(a.current){e.background=(new rv.dpR).load(mx),t.position.set(kx,Nx,Ex);var r=new xv.z(t,n.domElement);f.current=r,r.enableDamping=!0,r.dampingFactor=.05,I(e)}}),null,(function(e,t){if(g.current&&x.current){var n,r,i;y.current&&(y.current.object.material[0].color.set(Bx),y.current.object.material[1].color.set(Ix),m.current&&(m.current.style.visibility="hidden")),y.current=null,v.current.setFromCamera(x.current,t);var a=v.current.intersectObjects(e.children,!0);y.current=a.find((function(e){return e.object.material&&2===e.object.material.length})),y.current&&null!==(n=y.current.object)&&void 0!==n&&null!==(r=n.parent)&&void 0!==r&&null!==(i=r.properties)&&void 0!==i&&i.name&&(y.current.object.material[0].color.set(Tx),y.current.object.material[1].color.set(Tx),function(){if(m.current)if(y.current){var e=y.current.object.parent.properties;m.current.textContent=e.name,m.current.style.visibility="visible"}else m.current.style.visibility="hidden"}())}var o;f.current&&(null===(o=f.current)||void 0===o||o.update())})),F=R.scene,O=R.resize;return(0,r.useLayoutEffect)((function(){O()}),[n]),(0,r.useEffect)((function(){return function(){uv(g.current,F),uv(h.current,F)}}),[]),(0,s.jsxs)("div",{className:px,onMouseMove:T,ref:a,children:[(0,s.jsx)("div",{className:hx,onClick:function(){j?(M(),E(),P()):(D(),N(),S()),b(!j)},children:(0,s.jsx)(gs.Z,{})}),(0,s.jsxs)("div",{className:vx,ref:c,children:[(0,s.jsx)("img",{src:fx,alt:"",className:xx}),(0,s.jsx)("img",{src:gx,alt:"",className:yx}),(0,s.jsx)("div",{className:Ax}),(0,s.jsx)("div",{className:wx}),(0,s.jsx)("div",{className:jx,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:bx,ref:l,children:[(0,s.jsx)("div",{className:_x,children:(0,s.jsx)(lx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:_x,children:(0,s.jsx)(lx,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:Dx,ref:u,children:[(0,s.jsx)("div",{className:_x,children:(0,s.jsx)(lx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:_x,children:(0,s.jsx)(lx,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsx)("div",{className:Mx,ref:m})]})},Fx=function(){function e(t,n){(0,Lf.Z)(this,e),this.resourceList=t,this.callback=n,this.textures={},this.createLoadingManager(),this.loadResources()}return(0,zf.Z)(e,[{key:"createLoadingManager",value:function(){var e=this;this.manager=new rv.lLk,this.manager.onLoad=function(){e.callback()}}},{key:"loadResources",value:function(){var e=this;this.textureLoader=new rv.dpR(this.manager),this.resourceList.forEach((function(t){var n;null===(n=e.textureLoader)||void 0===n||n.load(t.url,(function(n){n.colorSpace="srgb",e.textures[t.name]=n}))}))}}]),e}(),Ox=Fx;function Zx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Gx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Zx(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Zx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Qx=12,Lx=10,zx=function(e){var t=e.title,n=void 0===t?"":t,i=e.lineWidth,a=void 0===i?1:i,o=e.lineColor,c=void 0===o?"#005A5A":o,l=e.highlightColor,u=void 0===l?"#41B1B4":l,m=e.style,f=void 0===m?{}:m,g=(0,p.Z)(),h=d().menuWidth,v=(0,r.useRef)(null),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useMemo)((function(){return Gx(Gx({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),j=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,i=n.height,a=1;t.beginPath(),t.moveTo(a,1),a=180,t.lineTo(a,1),a+=Qx,t.lineTo(a,Qx),a=r-54-54-Qx,t.lineTo(a,Qx),a+=6,t.lineTo(a,6),a+=54,t.lineTo(a,6),a+=6,t.lineTo(a,Qx),a=r-e,t.lineTo(a,Qx),t.lineTo(a,i-10),a-=10,t.lineTo(a,i-e),a=1,t.lineTo(a,i-e),t.closePath(),t.lineWidth=e}},b=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,i=y.current;i.clearRect(0,0,t,r),i.globalCompositeOperation="source-over";var o=a;if(A.current){j(o+=1),i.fillStyle=A.current?u:c,i.fill(),i.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+Lx,m=Math.floor(s/Lx),f=Math.floor(l/Lx);i.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(i.fillRect(s,l,t-s,Lx),l+=Lx,s=0):(i.fillRect(s,l,Lx,Lx),s+=Lx)}}i.globalCompositeOperation="source-over",j(o);var g=1;i.strokeStyle=A.current?u:c,i.stroke(),o=a+1,i.lineWidth=o,i.strokeStyle=u,i.beginPath(),g=1,i.moveTo(g,24),i.lineTo(g,1),g+=108,i.lineTo(g,1),i.stroke(),i.beginPath(),g=t-54-54,i.moveTo(g,Qx),g=t-54-Qx,i.lineTo(g,Qx),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-10-o-4),i.lineTo(g,r-10-o),g-=10,i.lineTo(g,r-o),g-=4,i.lineTo(g,r-o),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-6),g=t-6,i.lineTo(g,r-o),i.stroke(),n&&(i.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),i.fillStyle=w.color,i.fillText(n,18,18+Number.parseInt(w.fontSize)))}};(0,r.useEffect)((function(){if(v.current&&x.current){var e=v.current,t=e.clientWidth,n=e.clientHeight;x.current.width=t,x.current.height=n,y.current=x.current.getContext("2d"),b()}}),[n,h]);return(0,s.jsxs)("div",{className:rx,style:w,onMouseEnter:function(){A.current=!0,b()},onMouseLeave:function(){A.current=!1,b()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:ix,style:{left:"".concat(18,"px"),right:"".concat(Qx,"px"),top:"".concat(n?Qx+Number.parseInt(w.fontSize)+6+20:18,"px"),bottom:"".concat(Qx,"px")},children:e.children})]})},Hx=[{start:{name:"杭州",N:30.246026,E:120.210792},endArray:[{name:"曼谷",N:22,E:100.49074172973633},{name:"澳大利亚",N:-23.68477416688374,E:133.857421875},{name:"新疆维吾尔自治区",N:41.748,E:84.9023},{name:"德黑兰",N:35,E:51},{name:"美国",N:34.125447565116126,E:241.7431640625},{name:"英国",N:51.508742458803326,E:359.82421875},{name:"巴西",N:-9.96885060854611,E:668.1445312499999}]},{start:{name:"北京",N:39.89491,E:116.322056},endArray:[{name:"西藏",N:29.660361,E:91.132212},{name:"广西",N:22.830824,E:108.30616},{name:"江西",N:28.676493,E:115.892151},{name:"贵阳",N:26.647661,E:106.630153}]}];function Vx(e,t,n,r,i,a){var o,s,c,l,u,d,m,f,g,p,h,v,x,y,A,w=lv(e,t,n),j=new rv.Pa4(w.x,w.y,w.z),b=lv(e,r,i),_=new rv.Pa4(b.x,b.y,b.z),D=(o=j,s=_,c=new rv.Pa4(0,0,0),l=o.clone().sub(c),u=s.clone().sub(c),d=l.clone().cross(u).normalize(),m=new rv.Pa4(0,0,1),f=(new rv._fP).setFromUnitVectors(d,m),g=o.clone().applyQuaternion(f),p=s.clone().applyQuaternion(f),h=g.clone().add(p).multiplyScalar(.5).clone().sub(c).normalize(),v=new rv.Pa4(0,1,0),x=(new rv._fP).setFromUnitVectors(h,v),y=g.clone().applyQuaternion(x),A=p.clone().applyQuaternion(x),{quaternion:f.clone().invert().multiply(x.clone().invert()),startPoint:y,endPoint:A}),M=function(e,t,n,r){var i=(new rv.Pa4).addVectors(t,n).multiplyScalar(.5).clone().normalize(),a=Ux(t,n,new rv.Pa4(0,0,0)),o=i.multiplyScalar(e+a*e*.2),s=(f=t,g=n,p=o,h=f.lengthSq(),v=g.lengthSq(),x=p.lengthSq(),y=f.x,A=f.y,w=g.x,j=g.y,b=p.x,_=p.y,D=y*j+w*_+b*A-y*_-w*A-b*j,M=(v*_+h*j+x*A-v*A-x*j-h*_)/D/2,k=(x*w+v*y+h*b-h*w-v*b-x*y)/D/2,new rv.Pa4(M,k,0)),c=Math.abs(s.y-o.y),l=Ux(t,new rv.Pa4(0,-1,0),s),u=-Math.PI/2+l,d=Math.PI-u,m=function(e,t,n,r,i,a){var o=new rv.u9r,s=new rv.T__(e,t,n,r,i,!1).getSpacedPoints(80);o.setFromPoints(s);var c=new rv.nls({color:a||13731143});return new rv.x12(o,c)}(s.x,s.y,c,u,d,r.color);var f,g,p,h,v,x,y,A,w,j,b,_,D,M,k;m.center=s,m.topCoord=o;var N=(d-u)/7,E=function(e,t,n,r){var i=new rv.u9r,a=new rv.T__(0,0,e,t,n,!1).getSpacedPoints(100);i.setFromPoints(a);for(var o=[],s=0;s<a.length;s++)o.push(s/a.length);var c=new rv.TlE(new Float32Array(o),1);i.attributes.percent=c;for(var l=[],u=0;u<a.length;u++){var d=new rv.Ilk(r),m=new rv.Ilk(r),f=d.lerp(m,u/a.length);l.push(f.r,f.g,f.b)}i.attributes.color=new rv.TlE(new Float32Array(l),3);var g=new rv.UY4({size:1.3,transparent:!0,depthWrite:!1});g.onBeforeCompile=function(e){e.vertexShader=e.vertexShader.replace("void main() {",["attribute float percent;","void main() {"].join("\n")),e.vertexShader=e.vertexShader.replace("gl_PointSize = size;",["gl_PointSize = percent * size;"].join("\n"))};var p=new rv.woe(i,g);return g.color=new rv.Ilk(r),p.name="飞行线",p}(c,u,u+N,r.arrowColor);return E.position.y=s.y,m.add(E),E.flyEndAngle=d-u-N,E.startAngle=u,E.AngleZ=m.flyEndAngle*Math.random(),m.userData.flyLine=E,m}(e,D.startPoint,D.endPoint,a);return M.quaternion.multiply(D.quaternion),M}function Ux(e,t,n){var r=e.clone().sub(n).normalize(),i=t.clone().sub(n).normalize(),a=r.clone().dot(i);return Math.acos(a)}var Wx,Yx=n.p+"images/2dcea622.jpeg",Jx="EarthDisplay_container__4U+r3",qx="EarthDisplay_switch__MeMaf",Kx="EarthDisplay_topBox__eXAVn",Xx="EarthDisplay_topBg__AEJ4Q",$x="EarthDisplay_shine__nttCS",ey="EarthDisplay_leftLine__xIETp",ty="EarthDisplay_rightLine__-mYRS",ny="EarthDisplay_title__LMxWi",ry="EarthDisplay_leftBox__ZIQuQ",iy="EarthDisplay_item__BQN2V",ay="EarthDisplay_rightBox__1vsKa",oy=0,sy=20,cy=110,ly=50,uy=14942335,dy=16777215,my=15310696,fy={color:15969910,arrowColor:16742164,speed:.005},gy={glowColor:{value:new rv.Ilk(4305332)},scale:{type:"f",value:-1},bias:{type:"f",value:1},power:{type:"f",value:3.3},time:{type:"f",value:100},isHover:{value:!1},map:{value:null}},py=[{name:"radialGradient",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMAuoLY6MTP/O/2ZFXgc0aPr5o3pSgZDC0CTJMAABUlSURBVHja7F2LdqO4EpzED4HjxHEyMf//pxtAj+qXAIONmHtFJjuZ2d1zqlRd3Wpk6c+f/49Vxq1/4tfv8z8CO4wfeNovP/5ZIgL0X7xx/O2e/lv3qx09Gf8WDwR6h9oYiRsvh38GvZ/xML7a56v71Y3+h+4vkIntkxCxh0lPmNvxwf7p2RAkbB49IP9oHxxv5KeWiw8visTCBkkI4Mm0I+o3MQgVKIYNcoDww7xH7MODstBKoUsRW6HAo09TL5CfzPF24iwkJfxsgwMx9wiewX1vn/7r96FMYFQgB4VTECc/gWfYW7y5AUygFLYhgyR9il6D/vr+iuO9/dJ4iBx8BRKKpUDAV8G/MuRyJCJINFAZlEcBwv8g8CN4hH55vVy6b2G89g9n4QQsBBmUSAGEfkSPUx+wI+TL5ar+kGiILNBYKI8CdD4i/aB6iv16uZoDSAksUA4gFFoKinH+NPsUfVB8wJ7G9/U7jvYHQgPhQKcgqKAU+H/T7Iu5J+ARuDoYC0BC4AApWDsOvPrZ7HPwAXscn9+fyvj9Y8YCkhA5CIZYQhwQ70P07xE9w/6pjheVhz4uEgfFURCD/4PBj5OP4BNaewATKAUqAxIIK1oBUT8X/4XBV7Ef+qf9xolAEqQMEgUrigC938OPsx/QI/iXTwSujhekQuXg1aDg+Qx488fgF5OP6C3kR/iORJCICBx0RYJGwfNFIOGfAD5BL7D/oj3q43BEKjwNSQgoA0/BWiIA/DT2EX6aeph4iXqnEhFI0DlQKOhF8Dz5B/MX6kf4YfL9xHPgOzIoE4wDGgk9BSoDt1Xkn4N/YPA5bjGQCKGDAQqewkDAb8Nn0k/Y0zi3T//lv3WPQgPXgaCAMfDwMCDyT+ZHZx+Vz+e9RZwbwAONBknBK6UgeOHz5h/hX/jsg+Ul8HTs4dFJ8EKArOApSG5IRPBwI+Duj9Nvzj6f+A6xPggTVAdcBVIETzAChp9Ef4IvwO8A+qiR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"},{name:"earth",url:Yx},{name:"glow",url:ux},{name:"aperture",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMATYAwKw0fNEZCFxEJBSNSPjomG1Z+FNVKendqYlllqXBfXM7BnJD1xZfu6OWuiN27n6FhHfh+AAANhUlEQVR42uxa2XabMBSUIyH2HQNe66RplqZNt///t54DInAHmdrGxt3mqWlThHRn5o4k2H/8S/A9w3VSGQQydVzD89mfBs9JzMi2yhmgtOzITByP/QFwpYhhAn2UsZAu+23hS27PjoDN5W9INi+IZycgDn4rnrlBNNPCsqPY5EJwM45sa6ZFFPwmLMtFpGFNkCuXAhfLAw3/IpGzK8NLbHwpHri/riCPcOrJNTlmCEKXkkv3GH/jJaGhMNh1YIiSvEd+Ai3JSpRXmYrLu8QQ+ekS65KTTy38nHdUkYwc3U06iuFT6t4x24FN5/d84gHwOKzf2WvMJ3EwaQOjL6A6W7JLw+PHeIxvOFLwOOZCOoZ/iA9OVRRpvbnt0Ei+w6277W5xQ7DYbe8s7gxNyBNvA1yyKMabJPf3YUfY2epmEKvMFs7+rPAm+ot1lcBqhnD3FCIJbw5GmPh7tGI2RQnYJWD84vm+COc3R2EeCn9gxS5UlBQejtwOF733XO5W29ssLG27DLPb7Wq37M10EQpvcNFSdmYkQ8aYzpYwh7XFc323sNYwm+UsHTL5hJ0VYsAVUyqM7cxM/UFPTs3ZlsolHfB5wc4IVelIM6AMu5XY6HxAr+hNtzKh1CxQpLjMzgb1RO73ZZl1+J4dp03DzDq6yoJ+6bhav3M1c2tfjZOsZXrIjROckIeturJkH6Mt7ywRaJ/qnM1Ng11knOzq0e6mwcbZ5zHuGWxXPUoyQPzGi1XssxHw49UbO2MGkGr40TYcqISY4wB3zeBrzkaDr28U7iQatsqRI7u83ENSu7GcW3Emf79tjM/eI9FRITLX20awbqaR/EIAktvh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"},{name:"lightColumn",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAD/CAMAAABb2Q/2AAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAO3RSTlMABQoPExgdISgxJTYsQDtTRUr+9vpOWXJdaWVhgIx2om2n6oiWmYTKr5G68J22eqvBfeHZ5c++1LPdxUM4ZWUAAAZvSURBVGjerdrZdpswFAXQmnk0EMB4Ajwbz2Mc1///Yb0SuLg1km66mtfsdRBXRyIP+fH205IURZZa7794h7KqKZKEkrqFCgVpOSpOKoaJljZWOm1VwUnTRUv7/0sbvc62r2FlgJOy0o6x0kVL30NJiUh0ZkfHZuLXGWj/PTNArzPu68hMr4/MVEGqMlJaWNkDKWGukM4IK70uTipq3NVBthASMoWb1CJS644cIoG2OJDIQUYlm4KDH7mWxDJoKfX+3iSyooxEMqRSyhVlJFJp9YY2SGZoiyGZkMh+YtPRN4eWDqQCckSl1CoxIxKkQTMVSWp+pyeUQY4WbSqftuG9S+kkqWupitwkgdZSe5VSo5SeMgOpiaWqmfuVb1BZUUbkU6pyHdokJSJPs0AoZcjU7WRBMhWgQjnkSqmW2dB3ailx5HAW1FJqzJRLOd3Gjo6R7cVTym+y9aecbr1KCjLdae7hMt0090yupBAq/yLld1lHapa7WMVEElqNnimnr1JiS3+Rxqal8aVCZZp3+FJ+ylnRBalSyperA1IGM7ScFwNbIJXvSSOY3/u2QaTSIKVXudp2uVIupW7Eq3kHLetMmSu3RQ8p8/XoVQJtGieVu55A0lfXHY9m6iqhQpkg5fhNtljySKSGkPNxry2SKpGdec6VciUtIvtIOV5nbQekypLKUx4ep1rKHNk9PPZIWdRSEcmTi5KDYjl0HatZSn/IO1Kag/E9E0m1kkVSSlUg++Mic02UvD8WCKkbZn/3ORVLrZSLb0kdIdf06brGkspT9tZf6T9KiSmL25Aj5Ve5Bml8VyqNUn2u8zP1cfJ2mQmlRuToeJnRp2v/TdpE+jaVKk86IH8iZfJAy/UjRcrdkUhLIC0iH1j5uMwDnFyec7TcBrYjkDrIrJI6RuYYaYK8YqRh2vvP61gkNSpPy69t0EbI9pDK+iDx5GUbU6kJ5OIyKQKc/LnZ4TKnZ5R0zHZ63qxxmatreItdkbQM011NwqPHk1WVcJIWxJ2dJzuQDl5aukjOr5O159oYOYmWT6ny5Sb6xMktSkI9fSp9jMw30VcHpCGW4QeRpki2vyM34bITtHmSFqSSPkaO8TKMvujT4WZiSZ3IYBx+XLoI6WKljZVOJQccqbxJhyeNSv4cBLRMfBnDPD8HMVIuqTQwmRjpx7BHF5GkVYoP8EZ9DyG9UkJBOdJ6le3/JB2okleA7OFlWVBmQ0C6IDfhF5UOS2oaLUjnXkqXJ+kWUTnCyTA6j7qwSSxJBw+yew8/zgmVhqaxpe91d7XUEXIQ+zRTZUnYokEpq41XBPKaVZKb2aeSbDxb0hukAzK8iCSMs5J72CS+hMzeGuSJSJsnYfAgP64nsp0Mqfwhh1Q6fDkqZTcWy1v4McHIAZWLpC5Tk4QqeThJNzP5jgzPC6iISPaTI8gpXxovstx4kYR1iiUUJDtGONnLHiDTPU/qpdx/W9KCsiQUuTuicnXqieWJyqFIxiCXYXRd0YIypUPlcBmGRMJHli+TWvIzB8liCeucLWiV2dKv5Ga2SKjUm6RGpFfJOZRJIPsZXk5LmdF7kSVJ6fbTz0p6bGnWcgu140lakPQzjCbbVCxPIEOBtF5kXhaUKeH2HA1XX7DOfLXvYeWJL6EgtewEzVKt5GJG5LiqcrM0XuWsklqjpKWjMgQ5EshsSjMPAul7IOdfUbQ5zKHKIC2uvEThBGTCl1C6LchNQWTMlynIj7DYTkG6PLmv5YAre/vVU2YCeVrlP4nMsfKep3A8GFIH2flL2oxMUuThbFzJfZ8ldQfkiMpos8tXWDkm0ufJxfwpT0J5OMM61wcoPUiDKRMiP4ic8WU3mW6pvEFBhbI4RyALjLxSOYfSs2VM5P0KTz9CQblykKQ5kdHxLpIZkVEUVrLNkC6VOyIf9y3IgCHNV7mD0nPlfjXekXUudzkcJLb0+iDXE5ycVXItkqdapgypUNk7zQ63/y2Hv+U4zVjSKmVxm8A8P29COS+Ov+WgUcog/VouK+nwJawTl0nlmitdpNRrWc8TLW2OpJOvukROh6pITZ33+q8STodpNUgFZFz2k3SenCPPfZctkOT+pKeDyCO5Q0CW/3vyJu3qZgC5Jrdi7Dram6xGT+9kuEOie135Ur4dOfLlOoOsLjCr/rzXki6U/nVBvkf0c1Qu809Z9w4+8GeYUnrqkWm+LvMXnJRTlwruvBIAAAAASUVORK5CYII="}],hy=function(){var e=(0,p.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)([]),g=(0,r.useRef)([]),h=(0,r.useState)(!0),v=(0,o.Z)(h,2),x=v[0],y=v[1],A=nx(i,"toBottom",.6),w=A.restart,j=A.reverse,b=nx(a,"toRight",.8,.5),_=b.restart,D=b.reverse,M=nx(c,"toLeft",.8,.5),k=M.restart,N=M.reverse,E=function(e,t){var n,r,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=new rv.Tme,o=new rv._12(1,1),s=new rv.vBJ({color:16711680,map:null===(n=u.current)||void 0===n?void 0:n.textures.aperture,transparent:!0,opacity:1,depthWrite:!1}),c=new rv.Kj0(o,s),l=lv(50.05,e,t),d=2.5;c.scale.set(d,d,d),c.position.set(l.x,l.y,l.z);var m=l.clone().normalize();c.quaternion.setFromUnitVectors(new rv.Pa4(0,0,1),m),a.add(c);var g=s.clone();g.color=new rv.Ilk(my);var p=new rv.Kj0(o,g);p.scale.set(6,6,6),p.userData={size:6,scale:1*Math.random()},p.position.set(l.x,l.y,l.z),p.position.copy(c.position),p.quaternion.copy(c.quaternion),a.add(p),f.current.push(p);var h=new rv.Tme,v=12.5,x=new rv._12(2.5,v);x.rotateX(Math.PI/2),x.translate(0,0,v/2);var y=new rv.vBJ({map:null===(r=u.current)||void 0===r?void 0:r.textures.lightColumn,color:i?uy:dy,side:rv.ehD,depthWrite:!1}),A=new rv.Kj0(x,y);h.add(A,A.clone().rotateZ(Math.PI/2));var w=lv(ly,e,t);return h.position.set(w.x,w.y,w.z),h.quaternion.setFromUnitVectors(new rv.Pa4(0,0,1),w.clone().normalize()),a.add(h),a},C=function(e,t,n){var r=document.createElement("canvas"),i=Ke(n,20,500);r.width=i+32,r.height=36;var a=r.getContext("2d");a.fillStyle="#41B1B460",a.fillRect(0,0,r.width,r.height),a.font="".concat(500," ").concat(20,"px SourceHanSansCN-Bold"),a.strokeStyle="#ffffff",a.strokeText(n,16,26);var o=new rv.xeV({map:new rv.ROQ(r),transparent:!0}),s=new rv.jyi(o);s.scale.set(.1*r.width,.1*r.height,1);var c=lv(50.05,e,t);return s.position.set(1.1*c.x,1.1*c.y,1.1*c.z),s},S=av(n,(function(e,t,r){n.current&&(u.current=new Ox(py,(function(){e.background=(new rv.dpR).load(mx),t.position.set(oy,sy,cy),function(e){for(var t,n=[],r=0;r<500;r++){var i=800*Math.random()-300,a=800*Math.random()-300,o=800*Math.random()-300;n.push(i,a,o)}var s=new rv.u9r;s.setAttribute("position",new rv.TlE(new Float32Array(n),3));var c=new rv.UY4({size:2,sizeAttenuation:!0,color:4305332,transparent:!0,opacity:1,map:null===(t=u.current)||void 0===t?void 0:t.textures.radialGradient}),l=new rv.woe(s,c);e.add(l)}(e),function(e){var t,n,r,i=new rv.Tme,a=new rv.xo$(ly,50,50);null!==(t=u.current)&&void 0!==t&&null!==(n=t.textures)&&void 0!==n&&n.earth&&(gy.map.value=u.current.textures.earth);var o=new rv.jyz({uniforms:gy,vertexShader:"varying vec2 vUv;\r\nvarying vec3 vNormal;\r\nvarying vec3 vp;\r\nvarying vec3 vPositionNormal;\r\nvoid main(void){\r\n  vUv = uv;\r\n  vNormal = normalize( normalMatrix * normal ); // 转换到视图空间\r\n  vp = position;\r\n  vPositionNormal = normalize(( modelViewMatrix * vec4(position, 1.0) ).xyz);\r\n  gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\r\n}",fragmentShader:"uniform vec3 glowColor;\r\nuniform float bias;\r\nuniform float power;\r\nuniform float time;\r\nvarying vec3 vp;\r\nvarying vec3 vNormal;\r\nvarying vec3 vPositionNormal;\r\nuniform float scale;\r\n// 获取纹理\r\nuniform sampler2D map;\r\n// 纹理坐标\r\nvarying vec2 vUv;\r\n\r\nvoid main(void){\r\n  float a = pow( bias + scale * abs(dot(vNormal, vPositionNormal)), power );\r\n  if(vp.y > time && vp.y < time + 20.0) {\r\n    float t =  smoothstep(0.0, 0.8,  (1.0 - abs(0.5 - (vp.y - time) / 20.0)) / 3.0  );\r\n    gl_FragColor = mix(gl_FragColor, vec4(glowColor, 1.0), t * t );\r\n  }\r\n  gl_FragColor = mix(gl_FragColor, vec4( glowColor, 1.0 ), a) + texture2D( map, vUv );\r\n}"});o.needsUpdate=!0;var s=new rv.Kj0(a,o);s.name="earth",i.add(s);var c=new rv.xo$(60,60,60),l=new rv.UY4({color:8519679,transparent:!0,sizeAttenuation:!0,opacity:.1,vertexColors:!1,size:.01}),d=new rv.woe(c,l);i.add(d);var f=new rv.xeV({map:null===(r=u.current)||void 0===r?void 0:r.textures.glow}),g=new rv.jyi(f);g.scale.set(150,150,1),i.add(g),e.add(i),m.current=i}(e),Hx.forEach((function(e){var t,n,r=E(e.start.E,e.start.N,!0);null===(t=m.current)||void 0===t||t.add(r);var i=C(e.start.E,e.start.N,e.start.name);null===(n=m.current)||void 0===n||n.add(i),e.endArray.forEach((function(e){var t,n,r=E(e.E,e.N);null===(t=m.current)||void 0===t||t.add(r);var i=C(e.E,e.N,e.name);null===(n=m.current)||void 0===n||n.add(i)}))})),Hx.forEach((function(e){e.endArray.forEach((function(t){var n,r=Vx(ly,e.start.E,e.start.N,t.E,t.N,fy);null===(n=m.current)||void 0===n||n.add(r),g.current.push(r.userData.flyLine)}))}));var n=new xv.z(t,r.domElement);l.current=n,n.autoRotate=!0,n.autoRotateSpeed=1,n.enableDamping=!0,n.dampingFactor=.1})))}),null,(function(){var e;(f.current.forEach((function(e){e.userData.scale=e.userData.scale+.01;var t=e.userData.size*e.userData.scale;e.scale.set(t,t,t),t<=9?e.material.opacity=Math.max((t-6)/6*.5,1):t>9&&t<=12?e.material.opacity=Math.min(1-(t-6)/6*.3,0):e.userData.scale=1})),g.current.forEach((function(e){e.rotation.z+=fy.speed,e.rotation.z>=e.flyEndAngle&&(e.rotation.z=0)})),gy.time.value=gy.time.value<-100?100:gy.time.value-1,l.current)&&(null===(e=l.current)||void 0===e||e.update())})),P=S.scene,B=S.resize;return(0,r.useLayoutEffect)((function(){B()}),[t]),(0,r.useEffect)((function(){return function(){uv(m.current,P)}}),[]),(0,s.jsxs)("div",{className:Jx,ref:n,children:[(0,s.jsx)("div",{className:qx,onClick:function(){x?(j(),D(),N()):(w(),_(),k()),y(!x)},children:(0,s.jsx)(gs.Z,{})}),(0,s.jsxs)("div",{className:Kx,ref:i,children:[(0,s.jsx)("img",{src:fx,alt:"",className:Xx}),(0,s.jsx)("img",{src:gx,alt:"",className:$x}),(0,s.jsx)("div",{className:ey}),(0,s.jsx)("div",{className:ty}),(0,s.jsx)("div",{className:ny,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:ry,ref:a,children:[(0,s.jsx)("div",{className:iy,children:(0,s.jsx)(zx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:iy,children:(0,s.jsx)(zx,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:ay,ref:c,children:[(0,s.jsx)("div",{className:iy,children:(0,s.jsx)(zx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:iy,children:(0,s.jsx)(zx,{children:e.formatMessage({id:"common.customizeContent"})})})]})]})},vy=n(96064),xy="HumanPostureDetection_container__lUe7Z",yy="HumanPostureDetection_content__LwYrZ";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(Wx||(Wx={}));var Ay,wy=Math.floor(.55*window.screen.width),jy=Math.floor(.55*window.screen.height),by=wy%2==0?wy:wy+1,_y=jy%2==0?jy:jy+1,Dy=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)(Wx.ready),c=(0,o.Z)(a,2),l=c[0],u=c[1],d=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=function(e,t,n,r,i){i.beginPath(),i.arc(e,t,n,0,2*Math.PI),i.fillStyle=r,i.fill()},h=function(){var e=(0,Uc.Z)(Yc().mark((function e(){var r,i,a,s;return Yc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n.current&&t.current&&m.current)){e.next=13;break}if(t.current.srcObject){e.next=3;break}return e.abrupt("return");case 3:return m.current.drawImage(t.current,0,0,by,_y),i=m.current.getImageData(0,0,by,_y),e.next=7,n.current.estimatePoses(i,{flipHorizontal:!1,maxPoses:1,scoreThreshold:.5,nmsRadius:20});case 7:a=e.sent,(s=(null===(r=a[0])||void 0===r?void 0:r.keypoints)||[]).forEach((function(e){var t=e.x,n=e.y;e.score>.5&&g(t,n,6,"#f00000",m.current)})),vy.D5.getAdjacentPairs(vy.oV.PoseNet).forEach((function(e){var t,n,r,i,a,c,l,u,d,f,g,p=(0,o.Z)(e,2),h=p[0],v=p[1];if(s&&s.length>=2){var x=s[h],y=s[v],A=null!=x.score?x.score:0,w=null!=y.score?y.score:0;A>=.5&&w>=.5&&(t=[x.x,x.y],n=[y.x,y.y],r="aqua",i=1,a=m.current,c=(0,o.Z)(t,2),l=c[0],u=c[1],d=(0,o.Z)(n,2),f=d[0],g=d[1],a.beginPath(),a.moveTo(l*i,u*i),a.lineTo(f*i,g*i),a.lineWidth=4,a.strokeStyle=r,a.stroke())}})),f.current=window.setTimeout((function(){h()}),50);case 13:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),v=function(){var r=(0,Uc.Z)(Yc().mark((function r(){var a;return Yc().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:i.current&&n.current?l===Wx.inRecording?(t.current&&(t.current.srcObject=null),f.current&&(window.clearTimeout(f.current),f.current=null),u(Wx.ready),setTimeout((function(){var e;m.current&&(null===(e=m.current)||void 0===e||e.clearRect(0,0,by,_y))}),50)):(t.current&&(t.current.srcObject=i.current,h()),u(Wx.inRecording)):t.current&&(a={audio:!1,video:{width:by,height:_y,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(a).then(function(){var e=(0,Uc.Z)(Yc().mark((function e(r){var a,o;return Yc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.current&&r&&(i.current=r),!t.current||!i.current){e.next=9;break}return t.current.srcObject=i.current,a=vy.oV.PoseNet,e.next=6,vy.cH(a,{modelType:"full"});case 6:o=e.sent,n.current=o,h();case 9:u(Wx.inRecording);case 10:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(t){t.message&&t.message.includes("not found")?Kc.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):t.message&&t.message.includes("Invalid architecture full")?Kc.ZP.error(t.message):Kc.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):Kc.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"})));case 1:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}();return(0,r.useEffect)((function(){!function(){if(d.current){d.current.width=by,d.current.height=_y;var e=d.current.getContext("2d");m.current=e}}()}),[]),(0,s.jsxs)("div",{className:xy,children:[(0,s.jsx)(Rr,{intlTitle:"page.AIApplication.humanPostureDetection"}),(0,s.jsxs)("div",{className:yy,style:{width:"".concat(by,"px"),height:"".concat(_y,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(by,"px"),height:"".concat(_y,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)("canvas",{ref:d,children:e.formatMessage({id:"common.browserTooLow"})})]}),(0,s.jsx)(oe.Z,{type:"primary",onClick:v,children:l===Wx.inRecording?e.formatMessage({id:"common.end"}):e.formatMessage({id:"common.start"})})]})},My="NotBlockPeopleBarrage_container__SwTln",ky="NotBlockPeopleBarrage_content__NbVjJ",Ny="NotBlockPeopleBarrage_barrageBox__wNLFF",Ey="NotBlockPeopleBarrage_bottomBox__C90UC";!function(e){e[e.ready=0]="ready",e[e.playing=1]="playing",e[e.pause=2]="pause"}(Ay||(Ay={}));var Cy,Sy=324,Py=576,By=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(""),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useState)(Ay.ready),d=(0,o.Z)(u,2),m=d[0],f=d[1],g=(0,r.useRef)(null),h=(0,r.useRef)(null),v=function(){var e=(0,Uc.Z)(Yc().mark((function e(){var r,i,a,o,s,c,l,u;return Yc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.current||!n.current){e.next=18;break}if(!(r=wl(t.current,Sy,Py))){e.next=18;break}return i={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=6,g.current.segmentPeople(r,i);case 6:return a=e.sent,o={r:0,g:0,b:0,a:0},s={r:0,g:0,b:0,a:255},e.next=11,Ed.wX(a,o,s,false,.3);case 11:c=e.sent,l=yl(c),n.current.style["-webkit-mask-image"]="url(".concat(l,")"),n.current.style["-webkit-mask-size"]="".concat(Sy,"px ").concat(Py,"px"),(u=n.current.children)&&u.length>0&&Array.prototype.forEach.call(u,(function(e){if(e.style.left<-324){var t;null===(t=n.current)||void 0===t||t.removeChild(e)}else{var r=e.style.left;e.style.left="".concat(Number(r.substring(0,r.length-2))-2,"px")}})),h.current=window.requestAnimationFrame(v);case 18:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),x=function(){if(c){if(n.current){var t=document.createElement("span");t.innerText=c,t.style.fontSize="".concat(20,"px"),t.style.fontWeight="500",t.style.color="#fff",t.style.whiteSpace="nowrap",t.style.position="absolute";var r=24*Math.floor(10*Math.random())+20;t.style.top="".concat(r,"px"),t.style.left="".concat(Sy,"px"),n.current.appendChild(t)}else Kc.ZP.warning(e.formatMessage({id:"common.tryingToLoad"}));l("")}},y=function(){var e=(0,Uc.Z)(Yc().mark((function e(){var n,r,i;return Yc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.current){e.next=9;break}return t.current.oncanplay=function(){var e;t.current&&(null===(e=t.current)||void 0===e?void 0:e.readyState)===t.current.HAVE_ENOUGH_DATA&&g.current&&(f(Ay.playing),t.current.play(),v())},n=Ed.oV.MediaPipeSelfieSegmentation,r={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},e.next=6,Ed.N7(n,r);case 6:i=e.sent,g.current=i,m===Ay.ready&&(f(Ay.playing),t.current.play(),v());case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,r.useEffect)((function(){return y(),function(){h.current&&cancelAnimationFrame(h.current)}}),[]),(0,s.jsxs)("div",{className:My,children:[(0,s.jsxs)("div",{className:ky,style:{width:"".concat(Sy,"px"),height:"".concat(Py,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(Sy,"px"),height:"".concat(Py,"px")},muted:!1,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t,children:(0,s.jsx)("source",{src:"public/dance.mp4"})}),(0,s.jsx)("div",{className:Ny,ref:n}),m!==Ay.ready&&(0,s.jsx)(oe.Z,{type:"primary",ghost:!0,onClick:function(){t.current&&(m===Ay.playing?(f(Ay.pause),t.current.pause()):(f(Ay.playing),t.current.play()))},children:m===Ay.playing?e.formatMessage({id:"common.pause"}):e.formatMessage({id:"common.play"})})]}),(0,s.jsxs)("div",{className:Ey,children:[(0,s.jsx)(Fu.Z,{placeholder:e.formatMessage({id:"page.AIApplication.sendBarrage"}),value:c,maxLength:20,onChange:function(e){return l(e.target.value||"")},onKeyDown:function(e){"Enter"===(null==e?void 0:e.key)&&x()}}),(0,s.jsx)(oe.Z,{type:"primary",onClick:x,children:e.formatMessage({id:"page.AIApplication.send"})})]})]})},Iy="Tabs_container__19GNQ",Ty=function(e){var t=e.data,n=void 0===t?[]:t,r=e.selectedTabId,i=e.onChange,a=e.className;return(0,s.jsx)("div",{className:"".concat(Iy).concat(a?" ".concat(a):""),children:n.map((function(e){return(0,s.jsx)("div",{className:"tabs-tabItem ".concat(r===e.id?"active":""),onClick:function(){i&&i(e.id)},children:e.label},e.id)}))})},Ry="ImageProcessingTool_container__WAkOX",Fy="ImageProcessingTool_content__nCEwY",Oy="ImageProcessingTool_tabs__lU6sy",Zy="ImageProcessingTool_imgBox__xANeR",Gy="ImageProcessingTool_fileBox__Evibs",Qy="ImageProcessingTool_fileInfo__zFv8M",Ly="ImageProcessingTool_item__FSSP-",zy="ImageProcessingTool_emptyBox__GhkSM",Hy="ImageProcessingTool_uploadBtn__jbITo",Vy="ImageProcessingTool_text__NoL1R",Uy="ImageProcessingTool_tips__7DkHP",Wy="ImageProcessingTool_tip__dYcLC",Yy="ImageProcessingTool_operationBtns__uCE1C",Jy="ImageProcessingTool_left__ohBzm",qy="ImageProcessingTool_operationBtn__+5IT6",Ky="ImageProcessingTool_right__UDKib",Xy=function(e){var t=e.imgInfo,n=e.imgDragOver,r=e.onDragOver,i=e.onDragLeave,a=e.onDrop,o=(0,p.Z)();return(0,s.jsx)("div",{className:Zy,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:i,onDrop:a,children:(0,s.jsxs)("div",{className:Gy,children:[(0,s.jsx)("img",{src:t.imgUrl,alt:""}),(0,s.jsxs)("div",{className:Qy,children:[(0,s.jsxs)("div",{className:Ly,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:Ly,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:Ly,children:[o.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):o.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:Ly,children:[o.formatMessage({id:"common.size"}),"：",gl(t.size)]})]})]})})},$y={flipSideToSideStatus:{doing:!1,imageData:null},flipUpsideDownStatus:{doing:!1,imageData:null},leftRotateStatus:{doing:!1,imageData:null},rightRotateStatus:{doing:!1,imageData:null},toGreyStatus:{doing:!1,imageData:null},toBlackAndWhiteStatus:{doing:!1,imageData:null},sharpenStatus:{doing:!1,imageData:null},marginSharpenStatus:{doing:!1,imageData:null},toOppositeStatus:{doing:!1,imageData:null},toRedStatus:{doing:!1,imageData:null},toGreenStatus:{doing:!1,imageData:null},toBlueStatus:{doing:!1,imageData:null},toRedAndGreenStatus:{doing:!1,imageData:null},toRedAndBlueStatus:{doing:!1,imageData:null},toBlueAndGreenStatus:{doing:!1,imageData:null},toRedAndGreyStatus:{doing:!1,imageData:null},toGreenAndGreyStatus:{doing:!1,imageData:null},toBlueAndGreyStatus:{doing:!1,imageData:null},toGaussianBlurStatus:{doing:!1,imageData:null},jpgToPngStatus:{doing:!1,imageData:null},pngToJpgStatus:{doing:!1,imageData:null}},eA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,o=e.onDragLeave,c=e.onDrop,l=e.onClear,u=(0,p.Z)(),d=(0,r.useRef)((0,fl.Z)($y)),m=function(e,r,i){if(e&&e.imageData)n(e.imageData);else{if(e.doing)return void Kc.ZP.warning(u.formatMessage({id:"common.workHard"}));if(null!=t&&t.imageData){e.doing=!0;var a=t.imageData;r===em&&(a=(0,fl.Z)(a));var o=r(a);o?(e.imageData=o,n(o,i)):Kc.ZP.error(u.formatMessage({id:"common.operationFailure"})),e.doing=!1}}};return(0,r.useEffect)((function(){d.current=(0,fl.Z)($y)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Xy,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:o,onDrop:c}),(0,s.jsxs)("div",{className:Yy,children:[(0,s.jsxs)("div",{className:Jy,children:[(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.flipSideToSideStatus,Rd)},children:u.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.flipUpsideDownStatus,Fd)},children:u.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.leftRotateStatus,Od)},children:u.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.rightRotateStatus,Zd)},children:u.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toGreyStatus,Gd)},children:u.formatMessage({id:"common.graying"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toBlackAndWhiteStatus,Qd)},children:u.formatMessage({id:"common.vampix"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.sharpenStatus,Xd)},children:u.formatMessage({id:"page.imageProcessingTool.shmpch"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.marginSharpenStatus,$d)},children:u.formatMessage({id:"page.imageProcessingTool.edgeSharpening"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toOppositeStatus,Ld)},children:u.formatMessage({id:"page.imageProcessingTool.filterContrast"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toRedStatus,zd)},children:u.formatMessage({id:"page.imageProcessingTool.redFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toGreenStatus,Hd)},children:u.formatMessage({id:"page.imageProcessingTool.greenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toBlueStatus,Vd)},children:u.formatMessage({id:"page.imageProcessingTool.blueFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toRedAndGreenStatus,Ud)},children:u.formatMessage({id:"page.imageProcessingTool.redGreenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toRedAndBlueStatus,Wd)},children:u.formatMessage({id:"page.imageProcessingTool.redBlueFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toBlueAndGreenStatus,Yd)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toRedAndGreyStatus,Jd)},children:u.formatMessage({id:"page.imageProcessingTool.redGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toGreenAndGreyStatus,qd)},children:u.formatMessage({id:"page.imageProcessingTool.greenGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toBlueAndGreyStatus,Kd)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.toGaussianBlurStatus,em)},children:u.formatMessage({id:"page.imageProcessingTool.gaussianBlur"})}),["JPG","JPEG"].includes(t.fileType)&&(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.jpgToPngStatus,tm,"PNG")},children:u.formatMessage({id:"page.imageProcessingTool.jpgToPng"})}),"PNG"===t.fileType&&(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){return m(d.current.pngToJpgStatus,nm,"JPEG")},children:u.formatMessage({id:"page.imageProcessingTool.pngToJpg"})})]}),(0,s.jsx)(oe.Z,{className:Ky,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})},tA=n(62327),nA="RectSelect_container__NRGSf",rA="RectSelect_imgBox__Eht8b",iA="RectSelect_content__Oqfay",aA="RectSelect_leftBox__fnaRf",oA="RectSelect_img1__uK-Ip",sA="RectSelect_img2__gx56-",cA="RectSelect_mask__dh-Ij",lA="RectSelect_clipBox__jD4yw",uA="RectSelect_dot__wL+4K",dA="RectSelect_leftUp__UPsGg",mA="RectSelect_up__iPqcg",fA="RectSelect_rightUp__fbUgr",gA="RectSelect_right__HXwDY",pA="RectSelect_rightDown__vHPOv",hA="RectSelect_down__x6Tgo",vA="RectSelect_leftDown__JVMR9",xA="RectSelect_left__frsug",yA="RectSelect_operationBtns__b-UEE",AA="RectSelect_operationBtn__tFBfu";!function(e){e[e.leftUp=0]="leftUp",e[e.up=1]="up",e[e.rightUp=2]="rightUp",e[e.right=3]="right",e[e.rightDown=4]="rightDown",e[e.down=5]="down",e[e.leftDown=6]="leftDown",e[e.left=7]="left"}(Cy||(Cy={}));var wA=10,jA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,m=e.type,f=(0,p.Z)(),g=d(),h=g.scrollTop,v=g.locale,x=(0,r.useState)(!1),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(!1),b=(0,o.Z)(j,2),_=b[0],D=b[1],M=(0,r.useState)(10),k=(0,o.Z)(M,2),N=k[0],E=k[1],C=(0,r.useRef)(!1),S=(0,r.useRef)(null),P=Math.max(Math.floor(t.width/2),wA),B=Math.max(Math.floor(t.height/2),wA),I=(0,r.useState)(P),T=(0,o.Z)(I,2),R=T[0],F=T[1],O=(0,r.useState)(B),Z=(0,o.Z)(O,2),G=Z[0],Q=Z[1],L=(0,r.useState)(0),z=(0,o.Z)(L,2),H=z[0],V=z[1],U=(0,r.useState)(0),W=(0,o.Z)(U,2),J=W[0],q=W[1],K=(0,r.useRef)(!1),X=(0,r.useRef)(!1),$=(0,r.useRef)(null),ee=(0,r.useRef)(null),te=(0,r.useRef)(0),ne=(0,r.useRef)(0),re=(0,r.useRef)(0),ie=(0,r.useRef)(0),ae=(0,r.useRef)(0),se=(0,r.useRef)(0),ce=(0,r.useRef)(),le=function(e){for(var t=e.offsetLeft,n=e.offsetTop,r=e.offsetParent;null!=r;)t+=r.offsetLeft,n+=r.offsetTop,r=r.offsetParent;return{left:t,top:n}},ue=function(e){var t=e.clientX,n=Y.findDOMNode(ee.current),r=le(n).left,i=r+te.current;t>i?t=i:t<r&&(t=r);var a=Y.findDOMNode(S.current),o=R-2,s=t-o-le(a).left;F(Math.max(Math.floor(o+s),wA))},de=function(e){var t=e.clientY+h,n=Y.findDOMNode(ee.current),r=le(n).top,i=Y.findDOMNode(S.current),a=le(i).top,o=a+i.offsetHeight;t<r?t=r:t>o&&(t=o),V(Math.min(Math.floor(H+t-a),ne.current-wA));var s=G;Q(Math.max(Math.floor(s+a-t),wA))},me=function(e){var t=e.clientX,n=Y.findDOMNode(ee.current),r=le(n).left,i=Y.findDOMNode(S.current),a=le(i).left,o=a+i.offsetWidth;t<r?t=r:t>o&&(t=o),q(Math.min(Math.floor(J+t-a),te.current-wA));var s=R;F(Math.max(Math.floor(s+a-t),wA))},fe=function(e){var t=e.clientY+h,n=Y.findDOMNode(ee.current),r=le(n).top,i=r+ne.current;t<r?t=r:t>i&&(t=i);var a=Y.findDOMNode(S.current),o=G-2,s=t-o-le(a).top;Q(Math.max(Math.floor(o+s),wA))},ge=function(e,t){e.stopPropagation(),e.target.style.backgroundColor="#DC0000",K.current=!0,ce.current=t},pe=function(){K.current=!1,X.current=!1,S.current&&Array.prototype.forEach.call(S.current.children,(function(e){e.style.backgroundColor="#FF8E9E"}))};(0,r.useEffect)((function(){var e=t.width,n=t.height;if(e<20||n<20)return Kc.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void w(!1);if(e>1350||n>1350)return Kc.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void w(!1);var r=Math.max(Math.floor(t.width/2),wA),i=Math.max(Math.floor(t.height/2),wA);if(F(r),Q(i),q(0),V(0),A){if(ee.current){var a=Y.findDOMNode(ee.current),o=a.offsetWidth,s=a.offsetHeight;te.current=o,ne.current=s}}else w(!0);"clip"===m&&D(!1)}),[t]),(0,r.useEffect)((function(){if(A&&ee.current){var e=Y.findDOMNode(ee.current),t=e.offsetWidth,n=e.offsetHeight;te.current=t,ne.current=n}}),[A]);return(0,s.jsxs)("div",{className:nA,children:[(0,s.jsx)("div",{className:rA,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:a,onDragLeave:c,onDrop:l,children:A&&(0,s.jsx)("div",{className:iA,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(X.current){var t=Y.findDOMNode(S.current),n=t.offsetWidth,r=t.offsetHeight,i=e.clientX-re.current,a=e.clientY-ie.current,o=Math.floor(se.current+a),s=Math.floor(ae.current+i);o<0?V(0):o>ne.current-r-2?V(Math.max(ne.current-r-2,0)):V(o),s<0?q(0):s>te.current-n-2?q(Math.max(te.current-n-2,0)):q(s)}if(K.current)switch(ce.current){case Cy.right:ue(e);break;case Cy.up:de(e);break;case Cy.left:me(e);break;case Cy.down:fe(e);break;case Cy.leftUp:me(e),de(e);break;case Cy.leftDown:me(e),fe(e);break;case Cy.rightUp:ue(e),de(e);break;case Cy.rightDown:ue(e),fe(e)}},onMouseUp:pe,onMouseLeave:pe,ref:$,children:(0,s.jsxs)("div",{className:aA,ref:ee,children:[(0,s.jsx)("img",{src:t.imgUrl,className:oA}),(0,s.jsx)("div",{className:cA}),(0,s.jsx)("img",{src:t.imgUrl,className:sA,style:{clip:"rect(".concat(H,"px, ").concat(J+R,"px, ").concat(H+G,"px, ").concat(J,"px)")}}),(0,s.jsxs)("div",{className:lA,style:{position:"absolute",width:"".concat(R,"px"),height:"".concat(G,"px"),top:"".concat(H,"px"),left:"".concat(J,"px")},onMouseDown:function(e){re.current=e.clientX,ie.current=e.clientY;var t=Y.findDOMNode(S.current);se.current=t.offsetTop,ae.current=t.offsetLeft,X.current=!0},ref:S,children:[(0,s.jsx)("div",{className:"".concat(uA," ").concat(dA),onMouseDown:function(e){return ge(e,Cy.leftUp)}}),(0,s.jsx)("div",{className:"".concat(uA," ").concat(mA),onMouseDown:function(e){return ge(e,Cy.up)}}),(0,s.jsx)("div",{className:"".concat(uA," ").concat(fA),onMouseDown:function(e){return ge(e,Cy.rightUp)}}),(0,s.jsx)("div",{className:"".concat(uA," ").concat(gA),onMouseDown:function(e){return ge(e,Cy.right)}}),(0,s.jsx)("div",{className:"".concat(uA," ").concat(pA),onMouseDown:function(e){return ge(e,Cy.rightDown)}}),(0,s.jsx)("div",{className:"".concat(uA," ").concat(hA),onMouseDown:function(e){return ge(e,Cy.down)}}),(0,s.jsx)("div",{className:"".concat(uA," ").concat(vA),onMouseDown:function(e){return ge(e,Cy.leftDown)}}),(0,s.jsx)("div",{className:"".concat(uA," ").concat(xA),onMouseDown:function(e){return ge(e,Cy.left)}})]})]})})}),A&&(0,s.jsxs)("div",{className:yA,children:[(0,s.jsxs)("div",{className:xA,children:["clip"===m&&(0,s.jsx)(tA.Z,{className:AA,checked:_,onChange:function(e){D(e.target.checked)},children:f.formatMessage({id:"page.imageProcessingTool.WhetherRetainOriginalDimension"})}),(0,s.jsx)(dp.Z,{className:AA,style:{width:"zh-cn"===v?"160px":"200px"},min:wA,max:t.width,precision:0,value:R,addonBefore:f.formatMessage({id:"common.clippingWidth"}),onChange:function(e){var n=t.width;e&&e+J>n&&q(n-e),F(e||0)}}),(0,s.jsx)(dp.Z,{className:AA,style:{width:"zh-cn"===v?"160px":"200px"},min:wA,max:t.height,precision:0,value:G,addonBefore:f.formatMessage({id:"common.clippingHeight"}),onChange:function(e){var n=t.height;e&&e+H>n&&V(n-e),Q(e||0)}}),(0,s.jsx)(dp.Z,{className:AA,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.width-wA,precision:0,value:J,addonBefore:f.formatMessage({id:"common.distanceLeft"}),onChange:function(e){q(e||0);var n=t.width;e&&e+R>n&&F(n-e)}}),(0,s.jsx)(dp.Z,{className:AA,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.height-wA,precision:0,value:H,addonBefore:f.formatMessage({id:"common.distanceTop"}),onChange:function(e){V(e||0);var n=t.height;e&&e+G>n&&Q(n-e)}}),"mosaic"===m&&(0,s.jsx)(dp.Z,{className:AA,style:{width:"zh-cn"===v?"200px":"220px"},min:2,max:40,precision:0,value:N,addonBefore:f.formatMessage({id:"common.mosaicGrainSize"}),onChange:function(e){E(e||0)}}),(0,s.jsx)(oe.Z,{type:"primary",className:AA,onClick:function(){if(C.current)Kc.ZP.warning(f.formatMessage({id:"common.workHard"}));else{C.current=!0;var e=null;"clip"===m?e=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]&&arguments[5],o=arguments.length>6?arguments[6]:void 0;if(e){var s=e.data,c=e.width,l=e.height,u=i,d=r,m=t,f=n;if(u<0?u=0:u>c&&(u=c),d<0?d=0:d>l&&(d=l),m<1?m=1:m>c&&(m=c),f<1?f=1:f>l&&(f=l),u+m>c&&(m=c-u),d+f>l&&(f=l-d),a){for(var g=new Uint8ClampedArray(s.length),p=0;p<l;p++)for(var h=0;h<c;h++){var v=4*(p*c+h);h>=u&&h<=u+m&&p>=d&&p<=d+f?(g[v]=s[v],g[v+1]=s[v+1],g[v+2]=s[v+2],g[v+3]=s[v+3]):(g[v]=255,g[v+1]=255,g[v+2]=255,g[v+3]=o&&["JPG","JPEG"].includes(o.toUpperCase())?255:0)}return new ImageData(g,c,l)}for(var x=new Uint8ClampedArray(m*f*4),y=d;y<=d+f;y++)for(var A=u;A<=u+m;A++){var w=4*((y-d)*m+A-u),j=4*(y*c+A);x[w]=s[j],x[w+1]=s[j+1],x[w+2]=s[j+2],x[w+3]=s[j+3]}return new ImageData(x,m,f)}return null}(t.imageData,R,G,H,J,_,t.fileType):"mosaic"===m&&(e=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:10;if(e){var o=e.data,s=e.width,c=e.height,l=i,u=r,d=t,m=n;l<0?l=0:l>s&&(l=s),u<0?u=0:u>c&&(u=c),d<1?d=1:d>s&&(d=s),m<1?m=1:m>c&&(m=c),l+d>s&&(d=s-l),u+m>c&&(m=c-u);for(var f=new Uint8ClampedArray(o.length),g=0;g<c;g++)for(var p=0;p<s;p++){var h=4*(g*s+p);if(p>=l&&p<=l+d&&g>=u&&g<=u+m){var v=Math.floor((p-l)/a),x=Math.floor((g-u)/a),y=Math.floor(a*(v+1)-a/2+l),A=Math.floor(a*(x+1)-a/2+u);y>s-1&&(y=s-1),A>c-1&&(A=c-1);var w=4*(A*s+y);f[h]=o[w],f[h+1]=o[w+1],f[h+2]=o[w+2],f[h+3]=o[w+3]}else f[h]=o[h],f[h+1]=o[h+1],f[h+2]=o[h+2],f[h+3]=o[h+3]}return new ImageData(f,s,c)}return null}(t.imageData,R,G,H,J,N)),e?n(e):Kc.ZP.error(f.formatMessage({id:"common.operationFailure"})),C.current=!1}},disabled:!A,children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:gA,ghost:!0,type:"primary",onClick:u,children:f.formatMessage({id:"common.clear"})})]})]})};function bA(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function _A(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?bA(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):bA(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var DA=function(e){return(0,s.jsx)(jA,_A(_A({},e),{},{type:"clip"}))},MA={container:"RadiusClip_container__bZNss",imgBox:"RadiusClip_imgBox__SFDg7",content:"RadiusClip_content__iPE9l",operationBtns:"RadiusClip_operationBtns__Ie5iK",left:"RadiusClip_left__cn1dW",operationBtn:"RadiusClip_operationBtn__8mksR",right:"RadiusClip_right__bHjkd"},kA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,p.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useRef)(!1),x=(0,r.useState)(!1),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(4),b=(0,o.Z)(j,2),_=b[0],D=b[1];(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<20||n<20?(Kc.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void h(!1)):e>1350||n>1350?(Kc.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void h(!1)):(h(!0),w(!1),void D(4))}),[t]);return(0,s.jsxs)("div",{className:MA.container,children:[(0,s.jsx)("div",{className:MA.imgBox,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:a,onDragLeave:c,onDrop:l,children:g&&(0,s.jsx)("div",{className:MA.content,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px"),borderRadius:"".concat(_,"px")},children:(0,s.jsx)("img",{src:t.imgUrl,className:MA.img})})}),g&&(0,s.jsxs)("div",{className:MA.operationBtns,children:[(0,s.jsxs)("div",{className:MA.left,children:["PNG"!==t.fileType&&(0,s.jsx)(tA.Z,{className:MA.operationBtn,checked:A,onChange:function(e){w(e.target.checked)},children:d.formatMessage({id:"page.imageProcessingTool.clippedAndConvertedToPng"})}),(0,s.jsx)(dp.Z,{className:MA.operationBtn,style:{width:"180px"},min:0,max:Math.min(Math.floor(t.width/2),Math.floor(t.height/2)),precision:0,value:_,addonBefore:d.formatMessage({id:"page.imageProcessingTool.filletRadius"}),onChange:function(e){D(e)}}),(0,s.jsx)(oe.Z,{type:"primary",className:MA.operationBtn,onClick:function(){if(v.current)Kc.ZP.warning(d.formatMessage({id:"common.workHard"}));else if(_){v.current=!0;var e=function(e,t,n,r){if(e){var i=e.data,a=e.width,o=e.height,s=t;s>Math.floor(a/2)&&(s=Math.floor(a/2)),s>Math.floor(o/2)&&(s=Math.floor(o/2)),s<0&&(s=0);for(var c=new Uint8ClampedArray(i.length),l=0;l<o;l++)for(var u=0;u<a;u++){var d=4*(l*a+u),m=-1;u<s?l<s?m=Math.sqrt(Math.pow(s-u-1,2)+Math.pow(s-l-1,2)):l>o-s-1&&(m=Math.sqrt(Math.pow(s-u-1,2)+Math.pow(l-(o-s),2))):u>a-s-1&&(l<s?m=Math.sqrt(Math.pow(u-(a-s),2)+Math.pow(s-l-1,2)):l>o-s-1&&(m=Math.sqrt(Math.pow(u-(a-s),2)+Math.pow(l-(o-s),2)))),Math.round(m)>s?(c[d]=255,c[d+1]=255,c[d+2]=255,c[d+3]=r||"PNG"===n.toUpperCase()?0:255):(c[d]=i[d],c[d+1]=i[d+1],c[d+2]=i[d+2],c[d+3]=r||"PNG"===n.toUpperCase()?i[d+3]:255)}return new ImageData(c,a,o)}return null}(t.imageData,_,t.fileType,A);e?n(e,A?"PNG":t.fileType):Kc.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else Kc.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterFilletRadius"}))},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:MA.right,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},NA=1e4,EA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,p.Z)(),m=(0,r.useState)(!0),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useState)(t.width),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(t.height),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1);return(0,r.useEffect)((function(){A(t.width),_(t.height)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Xy,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:Yy,children:[(0,s.jsxs)("div",{className:Jy,children:[(0,s.jsx)(tA.Z,{className:qy,checked:g,onChange:function(e){h(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(y&&b)A(null),_(null);else if(y){var i=Math.floor(y*r/n);_(i)}else if(b){var a=Math.floor(b*n/r);A(a)}}else y||b||(A(n),_(r))},children:d.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(dp.Z,{className:qy,style:{width:"160px"},min:1,max:NA,precision:0,value:y,addonBefore:d.formatMessage({id:"common.width"}),onChange:function(e){if(A(e),g&&e){var n=t.width,r=t.height,i=Math.floor(e*r/n);_(i)}}}),(0,s.jsx)(dp.Z,{className:qy,style:{width:"160px"},min:1,max:NA,precision:0,value:b,addonBefore:d.formatMessage({id:"common.height"}),onChange:function(e){if(_(e),g&&e){var n=t.width,r=t.height,i=Math.floor(e*n/r);A(i)}}}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){if(D.current)Kc.ZP.warning(d.formatMessage({id:"common.workHard"}));else{var e=t.imgUrl,r=t.width,i=t.height;if(y&&b){D.current=!0;var a=rm(e,r,i,y,b,NA);a?n(a):Kc.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else Kc.ZP.warning(d.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:Ky,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},CA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,p.Z)(),m=(0,r.useState)(0),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useRef)(!1),x=function(e){h(e)};return(0,r.useEffect)((function(){h(0)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Xy,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:Yy,children:[(0,s.jsxs)("div",{className:Jy,children:[(0,s.jsxs)("div",{className:qy,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.darken"})}),(0,s.jsx)(up.Z,{min:-255,max:255,marks:{0:"0"},value:"number"==typeof g?g:0,onChange:x}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.lighten"})}),(0,s.jsx)(dp.Z,{style:{margin:"0 16px"},min:-255,max:255,precision:0,value:g,onChange:x})]}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){if(v.current)Kc.ZP.warning(d.formatMessage({id:"common.workHard"}));else{var e=t.imageData;if(g){v.current=!0;var r=function(e,t){if(e){for(var n=e.data,r=e.width,i=e.height,a=new Uint8ClampedArray(n.length),o=0;o<i;o++)for(var s=0;s<r;s++){var c=4*(o*r+s);a[c]=Math.max(Math.min(n[c]+t,255),0),a[c+1]=Math.max(Math.min(n[c+1]+t,255),0),a[c+2]=Math.max(Math.min(n[c+2]+t,255),0),a[c+3]=n[c+3]}return new ImageData(a,r,i)}return null}(e,g);r?n(r):Kc.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else Kc.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterBrightness"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:Ky,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},SA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,p.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useState)(!1),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(0),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1),M=function(e){_(e)};return(0,r.useEffect)((function(){"PNG"!==t.fileType?(Kc.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseUploadPng"})),h(!1)):h(!0),_(0),A(!1)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Xy,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),g&&(0,s.jsxs)("div",{className:Yy,children:[(0,s.jsxs)("div",{className:Jy,children:[(0,s.jsx)(tA.Z,{className:qy,checked:y,onChange:function(e){A(e.target.checked),e.target.checked&&_(1)},children:d.formatMessage({id:"page.imageProcessingTool.whetherValueFixed"})}),!y&&(0,s.jsxs)("div",{className:qy,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeTransparent"})}),(0,s.jsx)(up.Z,{min:-1,max:1,step:.1,marks:{0:"0"},value:"number"==typeof b?b:0,onChange:M}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeOpaque"})})]}),(0,s.jsx)("div",{className:qy,children:(0,s.jsx)(dp.Z,{min:y?0:-1,max:1,step:.1,precision:1,value:b,onChange:M})}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){if(D.current)Kc.ZP.warning(d.formatMessage({id:"common.workHard"}));else if("number"==typeof b){D.current=!0;var e=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(e){for(var r=e.data,i=e.width,a=e.height,o=new Uint8ClampedArray(r.length),s=0;s<a;s++)for(var c=0;c<i;c++){var l=4*(s*i+c);0===r[l+3]?(o[l]=255,o[l+1]=255,o[l+2]=255):(o[l]=r[l],o[l+1]=r[l+1],o[l+2]=r[l+2]);var u=r[l+3];u=n?Math.max(Math.min(Math.floor(255*t),255),0):Math.max(Math.min(Math.floor(u+255*t),255),0),o[l+3]=u}return new ImageData(o,i,a)}return null}(t.imageData,b,y);e?n(e):Kc.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else Kc.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterDiaphaneity"}))},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:Ky,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},PA="AddWatermark_container__eVhbf",BA="AddWatermark_imgBox__ZRRUr",IA="AddWatermark_content__q-ZzY",TA="AddWatermark_leftBox__S-y1M",RA="AddWatermark_img1__s1l8c",FA="AddWatermark_clipBox__EW8Jl",OA="AddWatermark_operationBtns__Sua9p",ZA="AddWatermark_left__hmpKc",GA="AddWatermark_box__X5Tyg",QA="AddWatermark_top__MW-nl",LA="AddWatermark_uploadBtn__TXNYs",zA="AddWatermark_bottom__EipS9",HA="AddWatermark_operationBtn__-tdIk",VA="AddWatermark_right__KM8W0",UA=20,WA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,p.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],h=f[1],v=(0,r.useState)(null),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useRef)(!1),j=(0,r.useRef)(null),b=Math.max(Math.floor(t.width/2),UA),_=Math.max(Math.floor(t.height/2),UA),D=(0,r.useState)(b),M=(0,o.Z)(D,2),k=M[0],N=M[1],E=(0,r.useState)(_),C=(0,o.Z)(E,2),S=C[0],P=C[1],B=(0,r.useState)(0),I=(0,o.Z)(B,2),T=I[0],R=I[1],F=(0,r.useState)(0),O=(0,o.Z)(F,2),Z=O[0],G=O[1],Q=(0,r.useRef)(!1),L=(0,r.useRef)(null),z=(0,r.useRef)(null),H=(0,r.useRef)(0),V=(0,r.useRef)(0),U=(0,r.useRef)(0),W=(0,r.useRef)(0),J=(0,r.useRef)(0),q=(0,r.useRef)(0),K=function(){var e=Math.max(Math.floor(t.width/2),UA),n=Math.max(Math.floor(t.height/2),UA);N(e),P(n),G(0),R(0)},X=function(){Q.current=!1};(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<UA||n<UA?(Kc.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void h(!1)):e>=1350||n>=1350?(Kc.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void h(!1)):(h(!0),void A(null))}),[t]),(0,r.useEffect)((function(){if(g&&y&&z.current){var e=Y.findDOMNode(z.current),t=e.offsetWidth,n=e.offsetHeight;H.current=t,V.current=n}}),[g,y]);return(0,s.jsxs)("div",{className:PA,children:[(0,s.jsx)("div",{className:BA,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:function(e){y?(e.stopPropagation(),e.preventDefault()):a(e)},onDragLeave:function(e){y?(e.stopPropagation(),e.preventDefault()):c(e)},onDrop:function(e){y?(e.stopPropagation(),e.preventDefault()):l(e)},children:g&&(0,s.jsx)("div",{className:IA,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(Q.current&&j.current){var t=Y.findDOMNode(j.current),n=t.offsetWidth,r=t.offsetHeight,i=e.clientX-U.current,a=e.clientY-W.current,o=Math.floor(q.current+a),s=Math.floor(J.current+i);o<0?R(0):o>V.current-r-2?R(Math.max(V.current-r-2,0)):R(o),s<0?G(0):s>H.current-n-2?G(Math.max(H.current-n-2,0)):G(s)}},onMouseUp:X,onMouseLeave:X,ref:L,children:(0,s.jsxs)("div",{className:TA,ref:z,children:[(0,s.jsx)("img",{src:t.imgUrl,className:RA}),y&&(0,s.jsx)("div",{className:FA,style:{position:"absolute",width:"".concat(k,"px"),height:"".concat(S,"px"),top:"".concat(T,"px"),left:"".concat(Z,"px")},onMouseDown:function(e){U.current=e.clientX,W.current=e.clientY;var t=Y.findDOMNode(j.current);q.current=t.offsetTop,J.current=t.offsetLeft,Q.current=!0},ref:j,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})})]})})}),g&&(0,s.jsxs)("div",{className:OA,children:[(0,s.jsx)("div",{className:ZA,children:(0,s.jsxs)("div",{className:GA,children:[(0,s.jsxs)("div",{className:QA,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:LA,children:[(0,s.jsx)(Ou.Z,{}),d.formatMessage({id:"common.uploadWatermark"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var n=e.target.files;n&&0!==n.length&&hl(n[0],(function(e){if(e){var n=e.width,r=e.height;if(n<=20||r<=20)return A(null),K(),void Kc.ZP.error(d.formatMessage({id:"common.watermarkSizeLimit"}));if(n>t.width||r>t.height)return A(null),K(),void Kc.ZP.error(d.formatMessage({id:"common.watermarkSizeTooLarge"}));A(e),N(n),P(r),G(0),R(0)}else A(null),K(),Kc.ZP.error(d.formatMessage({id:"common.parsingDataFailure"}))}))}})]}),y?y.name:d.formatMessage({id:"common.noData"})]}),y&&(0,s.jsxs)("div",{className:zA,children:[(0,s.jsx)(dp.Z,{className:HA,style:{width:"160px"},min:0,max:t.width-UA,precision:0,value:Z,addonBefore:d.formatMessage({id:"common.distanceLeft"}),onChange:function(e){G(e||0);var n=t.width;e&&e+k>n&&N(n-e)}}),(0,s.jsx)(dp.Z,{className:HA,style:{width:"160px"},min:0,max:t.height-UA,precision:0,value:T,addonBefore:d.formatMessage({id:"common.distanceTop"}),onChange:function(e){R(e||0);var n=t.height;e&&e+S>n&&P(n-e)}}),(0,s.jsx)(oe.Z,{type:"primary",className:HA,onClick:function(){if(w.current)Kc.ZP.warning(d.formatMessage({id:"common.workHard"}));else{if(y){w.current=!0;var e=function(e,t,n,r){if(e&&t){var i=e.data,a=e.width,o=e.height,s=t.data,c=t.width,l=t.height,u=n,d=r;n+l>o&&(u=o-l),r+c>a&&(d=a-c);for(var m=new Uint8ClampedArray(i.length),f=0;f<o;f++)for(var g=0;g<a;g++){var p=4*(f*a+g);if(g<d||g>d+c||f<=u||f>=u+l)m[p]=i[p],m[p+1]=i[p+1],m[p+2]=i[p+2],m[p+3]=i[p+3];else{var h=4*(f*a+g-((u+1)*a+(f-(u+1))*(a-c))+c-d-1),v=[s[h],s[h+1],s[h+2],s[h+3]],x=[i[p],i[p+1],i[p+2],i[p+3]],y=sm(v,x);m[p]=y[0],m[p+1]=y[1],m[p+2]=y[2],m[p+3]=y[3]}}return new ImageData(m,a,o)}return null}(t.imageData,y.imageData,T,Z);e?n(e):Kc.ZP.error(d.formatMessage({id:"common.operationFailure"}))}w.current=!1}},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]})]})}),(0,s.jsx)(oe.Z,{className:VA,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})};function YA(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function JA(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?YA(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):YA(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var qA,KA=function(e){return(0,s.jsx)(jA,JA(JA({},e),{},{type:"mosaic"}))},XA=function(e){var t=e.imgInfo,n=e.imgDragOver,i=e.onDragOver,a=e.onDragLeave,c=e.onDrop,l=e.onClear,u=(0,p.Z)(),m=d().locale,f=(0,r.useState)(70),g=(0,o.Z)(f,2),h=g[0],v=g[1],x=(0,r.useRef)(!1),y=function(e){if(e){var n="image";if(t&&t.name){var r=t.name.split(".");r.length>1?(r.splice(r.length-1,1,t.fileType.toLowerCase()),n=r.join(".")):(r.push(t.fileType.toLowerCase()),n=r.join("."))}jl(e,n)}};return(0,r.useEffect)((function(){v(70)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Xy,{imgInfo:t,imgDragOver:n,onDragOver:i,onDragLeave:a,onDrop:c}),(0,s.jsxs)("div",{className:Yy,children:[(0,s.jsxs)("div",{className:Jy,children:[(0,s.jsx)(dp.Z,{className:qy,style:{width:"zh-cn"===m?"200px":"240px"},min:10,max:90,precision:0,value:h,addonBefore:u.formatMessage({id:"page.imageProcessingTool.compressibility"}),addonAfter:"%",onChange:function(e){v(e||10)}}),(0,s.jsx)(oe.Z,{type:"primary",className:qy,onClick:function(){if(x.current)Kc.ZP.warning(u.formatMessage({id:"common.workHard"}));else{var e=t.imageData,n=t.imgUrl,r=t.width,i=t.height,a=t.fileType;x.current=!0,["JPG","JPEG"].includes(a)?im(n,r,i,a,h,(function(e){e?y(e):Kc.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1})):im(e,r,i,a,h,(function(e){e?y(e):Kc.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1}))}},children:u.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:Ky,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})};function $A(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ew(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$A(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$A(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e[e.basicOperation=0]="basicOperation",e[e.rectClip=1]="rectClip",e[e.radiusClip=2]="radiusClip",e[e.changeSize=3]="changeSize",e[e.changeBrightness=4]="changeBrightness",e[e.changeDiaphaneity=5]="changeDiaphaneity",e[e.addWatermark=6]="addWatermark",e[e.coverWithMosaic=7]="coverWithMosaic",e[e.photoCompression=8]="photoCompression"}(qA||(qA={}));var tw,nw=function(){var e=(0,p.Z)(),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(null),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=function(t){t&&0!==t.length&&hl(t[0],(function(t){d(t),t||Kc.ZP.error(e.formatMessage({id:"common.parsingDataFailure"}))}))},f=function(e){e.stopPropagation(),e.preventDefault(),i||a(!0)},g=function(e){e.stopPropagation(),e.preventDefault(),i&&a(!1)},h=function(e){e.stopPropagation(),e.preventDefault(),i&&a(!1);var t=e.dataTransfer.files;m(t)},v={imgInfo:u,exportImage:function(e,t){if(e&&u){var n=t?t.toLowerCase():u.fileType.toLowerCase();!function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"png",n=arguments.length>2?arguments[2]:void 0;if(e){var r=e.width,i=e.height,a=document.createElement("canvas"),o=a.getContext("2d");a.width=r,a.height=i,o.putImageData(e,0,0,0,0,r,i);var s="image/".concat(t?t.toLowerCase():"png");a.toBlob((function(e){n(e)}),s,1)}else n(null)}(e,n,(function(e){if(e){var t="image";if(u&&u.name){var r=u.name.split(".");r.length>1?r.splice(r.length-1,1,n):r.push(n),t=r.join(".")}jl(e,t)}}))}},imgDragOver:i,onDragOver:f,onDragLeave:g,onDrop:h,onClear:function(){d(null)}},x=[{id:qA.basicOperation,label:e.formatMessage({id:"menu.imageProcessingTool.basicOperation"}),element:(0,s.jsx)(eA,ew({},v))},{id:qA.rectClip,label:e.formatMessage({id:"menu.imageProcessingTool.rectangularClipping"}),element:(0,s.jsx)(DA,ew({},v))},{id:qA.radiusClip,label:e.formatMessage({id:"menu.imageProcessingTool.roundedCornerClipping"}),element:(0,s.jsx)(kA,ew({},v))},{id:qA.changeSize,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTheSize"}),element:(0,s.jsx)(EA,ew({},v))},{id:qA.changeBrightness,label:e.formatMessage({id:"menu.imageProcessingTool.modifyBrightness"}),element:(0,s.jsx)(CA,ew({},v))},{id:qA.changeDiaphaneity,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTransparency"}),element:(0,s.jsx)(SA,ew({},v))},{id:qA.addWatermark,label:e.formatMessage({id:"menu.imageProcessingTool.addWatermark"}),element:(0,s.jsx)(WA,ew({},v))},{id:qA.coverWithMosaic,label:e.formatMessage({id:"menu.imageProcessingTool.coverWithMosaics"}),element:(0,s.jsx)(KA,ew({},v))},{id:qA.photoCompression,label:e.formatMessage({id:"menu.imageProcessingTool.imageCompression"}),element:(0,s.jsx)(XA,ew({},v))}],y=(0,r.useState)(x[0].id),A=(0,o.Z)(y,2),w=A[0],j=A[1];return(0,s.jsx)("div",{className:Ry,children:(0,s.jsxs)("div",{className:Fy,children:[(0,s.jsx)(Ty,{className:Oy,data:x,selectedTabId:w,onChange:function(e){j(e)}}),!u&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:Zy,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:f,onDragLeave:g,onDrop:h,children:(0,s.jsxs)("div",{className:zy,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:Hy,children:[(0,s.jsx)(Ou.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;m(t)}})]}),(0,s.jsx)("p",{className:Vy,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:Uy,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:Wy,children:[e.formatMessage({id:"page.imageProcessingTool.extensionTipFront"}),(0,s.jsx)("span",{onClick:function(){window.open("https://github.com/hepengwei/processing-image-tool")},children:" processing-image-tool "}),e.formatMessage({id:"page.imageProcessingTool.extensionTipBehind"})]})]}),u&&x.filter((function(e){return e.id===w}))[0].element]})})},rw=n(36646),iw=function(e,t,n){var r=[];if(e&&e.length>0){var i=e.length;!function a(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;Promise.resolve().then((function(){var s=t(e[o]);s&&r.push(s),o<i?a(o+1):n(r)}))}()}else n(r)},aw=function(e,t){iw(e,Rd,t)},ow=function(e,t){iw(e,Fd,t)},sw=function(e,t){iw(e,Od,t)},cw=function(e,t){iw(e,Zd,t)},lw=function(e,t){iw(e,Gd,t)},uw=function(e,t){iw(e,Qd,t)},dw="VideoProcessingTool_container__BB0WX",mw="VideoProcessingTool_content__vEAlV",fw="VideoProcessingTool_tabs__IOPiv",gw="VideoProcessingTool_videoBox__VaAOO",pw="VideoProcessingTool_fileBox__-EqQu",hw="VideoProcessingTool_fileInfo__jcnht",vw="VideoProcessingTool_item__OfC05",xw="VideoProcessingTool_emptyBox__iij8A",yw="VideoProcessingTool_uploadBtn__dud8d",Aw="VideoProcessingTool_text__HgRiy",ww="VideoProcessingTool_tips__owSoa",jw="VideoProcessingTool_tip__BWFDX",bw="VideoProcessingTool_operationBtns__ggNb4",_w="VideoProcessingTool_left__TwGNr",Dw="VideoProcessingTool_operationBtn__VQXVB",Mw="VideoProcessingTool_right__OL-TL",kw=function(e){var t=e.videoInfo,n=e.videoDragOver,r=e.onDragOver,i=e.onDragLeave,a=e.onDrop,o=(0,p.Z)();return(0,s.jsx)("div",{className:gw,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:i,onDrop:a,children:(0,s.jsxs)("div",{className:pw,children:[(0,s.jsx)("img",{src:t.firstImgUrl,alt:""}),(0,s.jsxs)("div",{className:hw,children:[(0,s.jsxs)("div",{className:vw,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:vw,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:vw,children:[o.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):o.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:vw,children:[o.formatMessage({id:"common.size"}),"：",gl(t.size)]}),(0,s.jsxs)("div",{className:vw,children:[o.formatMessage({id:"common.duration"}),"：",pl(t.duration)]})]})]})})},Nw={flipSideToSideStatus:{doing:!1,videoChunks:null},flipUpsideDownStatus:{doing:!1,videoChunks:null},leftRotateStatus:{doing:!1,videoChunks:null},rightRotateStatus:{doing:!1,videoChunks:null},toGreyStatus:{doing:!1,videoChunks:null},toBlackAndWhiteStatus:{doing:!1,videoChunks:null}},Ew=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,i=e.imgDataListToChunks,a=e.videoDragOver,o=e.generatingVideoRef,c=e.onDragOver,l=e.onDragLeave,u=e.onDrop,d=e.onClear,m=(0,p.Z)(),f=(0,r.useRef)((0,fl.Z)(Nw)),g=function(e,r){e&&e.videoChunks?bl(e.videoChunks,t.name):t.imageDataList&&t.imageDataList.length>0&&n((function(){setTimeout((function(){r(t.imageDataList,(function(n){o.current&&i(n,(function(n){bl(n,t.name),e.videoChunks=n}))}))}),100)}))};return(0,s.jsxs)("div",{children:[(0,s.jsx)(kw,{videoInfo:t,videoDragOver:a,onDragOver:c,onDragLeave:l,onDrop:u}),(0,s.jsxs)("div",{className:bw,children:[(0,s.jsxs)("div",{className:_w,children:[(0,s.jsx)(oe.Z,{type:"primary",className:Dw,onClick:function(){return g(f.current.flipSideToSideStatus,aw)},children:m.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Dw,onClick:function(){return g(f.current.flipUpsideDownStatus,ow)},children:m.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Dw,onClick:function(){return g(f.current.leftRotateStatus,sw)},children:m.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Dw,onClick:function(){return g(f.current.rightRotateStatus,cw)},children:m.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Dw,onClick:function(){return g(f.current.toGreyStatus,lw)},children:m.formatMessage({id:"common.graying"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Dw,onClick:function(){return g(f.current.toBlackAndWhiteStatus,uw)},children:m.formatMessage({id:"common.vampix"})})]}),(0,s.jsx)(oe.Z,{className:Mw,ghost:!0,type:"primary",onClick:d,children:m.formatMessage({id:"common.clear"})})]})]})},Cw=1e4,Sw=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,i=e.imgDataListToChunks,a=e.videoDragOver,c=e.generatingVideoRef,l=e.onDragOver,u=e.onDragLeave,d=e.onDrop,m=e.onClear,f=(0,p.Z)(),g=(0,r.useState)(!0),h=(0,o.Z)(g,2),v=h[0],x=h[1],y=(0,r.useState)(t.width),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useState)(t.height),_=(0,o.Z)(b,2),D=_[0],M=_[1];(0,r.useRef)(!1);return(0,r.useEffect)((function(){j(t.width),M(t.height)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(kw,{videoInfo:t,videoDragOver:a,onDragOver:l,onDragLeave:u,onDrop:d}),(0,s.jsxs)("div",{className:bw,children:[(0,s.jsxs)("div",{className:_w,children:[(0,s.jsx)(tA.Z,{className:Dw,checked:v,onChange:function(e){x(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(w&&D)j(null),M(null);else if(w){var i=Math.floor(w*r/n);M(i)}else if(D){var a=Math.floor(D*n/r);j(a)}}else w||D||(j(n),M(r))},children:f.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(dp.Z,{className:Dw,style:{width:"160px"},min:1,max:Cw,precision:0,value:w,addonBefore:f.formatMessage({id:"common.width"}),onChange:function(e){if(j(e),v&&e){var n=t.width,r=t.height,i=Math.floor(e*r/n);M(i)}}}),(0,s.jsx)(dp.Z,{className:Dw,style:{width:"160px"},min:1,max:Cw,precision:0,value:D,addonBefore:f.formatMessage({id:"common.height"}),onChange:function(e){if(M(e),v&&e){var n=t.width,r=t.height,i=Math.floor(e*n/r);j(i)}}}),(0,s.jsx)(oe.Z,{type:"primary",className:Dw,onClick:function(){w&&D?n((function(){setTimeout((function(){!function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1e4,o=arguments.length>6?arguments[6]:void 0,s=[];if(e&&e.length>0){var c=e.length,l=function l(){var u=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;Promise.resolve().then((function(){var d=rm(e[u],t,n,r,i,a);d&&s.push(d),u<c?l(u+1):o(s)}))};l()}else o(s)}(t.imageDataList,t.width,t.height,w,D,Cw,(function(e){c.current&&i(e,(function(e){bl(e,t.name)}))}))}),100)})):Kc.ZP.warning(f.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))},children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:Mw,ghost:!0,type:"primary",onClick:m,children:f.formatMessage({id:"common.clear"})})]})]})},Pw=function(){var e=(0,p.Z)();return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",minHeight:"320px",color:"#ffffff",fontSize:"24px",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,display:"flex",justifyContent:"center",alignItems:"center",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)"},children:e.formatMessage({id:"common.comingSoon.text"})})},Bw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Pw,{})})},Iw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Pw,{})})},Tw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Pw,{})})},Rw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Pw,{})})},Fw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Pw,{})})},Ow=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Pw,{})})},Zw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Pw,{})})};function Gw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Qw(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Gw(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Gw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e[e.basicOperation=0]="basicOperation",e[e.changeSize=1]="changeSize",e[e.clipping=2]="clipping",e[e.combine=3]="combine",e[e.varyingVelocity=4]="varyingVelocity",e[e.addWatermark=5]="addWatermark",e[e.generateGIF=6]="generateGIF",e[e.AIGenerateSubtitles=7]="AIGenerateSubtitles",e[e.addAudio=8]="addAudio"}(tw||(tw={}));var Lw=function(){var e=(0,p.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useState)(!1),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useRef)(!1),g=(0,r.useState)(!1),h=(0,o.Z)(g,2),x=h[0],y=h[1],A=(0,r.useRef)(!1),w=(0,r.useState)(null),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(null),M=(0,r.useRef)(null),k=(0,r.useRef)(null),N=(0,r.useRef)(null),E=(0,r.useRef)(0),C=(0,r.useRef)([]),S=function e(){if(f.current&&t.current&&k.current){var n=t.current,r=n.videoWidth,i=n.videoHeight;k.current.drawImage(t.current,0,0,r,i);var a=k.current.getImageData(0,0,r,i);C.current.push(a),E.current=window.requestAnimationFrame(e)}},P=function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;!A.current||r>=t.length?(null===(n=N.current)||void 0===n||n.stop(),A.current&&(A.current=!1,y(!1))):k.current&&(k.current.putImageData(t[r],0,0,0,0,t[0].width,t[0].height),E.current=window.requestAnimationFrame(e.bind(null,t,r+1)))},B=function(n){if(n&&0!==n.length){var r=n[0],i=r.type.split("/");if("video"===i[0]){f.current=!0,m(!0);var a=i[1].toUpperCase(),o=t.current,s=URL.createObjectURL(r);o.onloadeddata=function(){var e=o.videoWidth,t=o.videoHeight,n=o.duration,i=document.createElement("canvas");i.width=e,i.height=t;var c=i.getContext("2d");M.current=i,k.current=c,c.drawImage(o,0,0,e,t);var l=M.current.toDataURL("image/png"),u={name:r.name,fileType:a,size:r.size,width:e,height:t,duration:n,videoUrl:s,firstImgUrl:l,imageDataList:C.current};D.current=u,_(u),C.current.splice(0,C.current.length),S()},o.onended=function(){var e;null===(e=N.current)||void 0===e||e.stop(),f.current=!1,m(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)},o.onerror=function(){Kc.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),D.current=null,_(null)},o.src=s}}},I=function(e){e.stopPropagation(),e.preventDefault(),a||c(!0)},T=function(e){e.stopPropagation(),e.preventDefault(),a&&c(!1)},R=function(e){e.stopPropagation(),e.preventDefault(),a&&c(!1);var t=e.dataTransfer.files;B(t)},F=function(){D.current=null,_(null),f.current=!1,m(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)};(0,r.useEffect)((function(){return F}),[]);var O={videoInfo:b,startgeneratingVideo:function(e){A.current=!0,y(!0),e()},imgDataListToChunks:function(e,t){if(e&&e.length>0&&M.current&&k.current){k.current.clearRect(0,0,M.current.width,M.current.height),M.current.width=e[0].width,M.current.height=e[0].height;var n=M.current.captureStream(),r=MediaRecorder.isTypeSupported("video/webm;codecs=vp9")?"video/webm;codecs=vp9":"video/webm",i=new MediaRecorder(n,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:r});i.ondataavailable=function(e){if(e.data&&e.data.size>0&&D.current){var n=[e.data];t(n)}},N.current=i,i.start(),P(e)}else t([])},videoDragOver:a,generatingVideoRef:A,onDragOver:I,onDragLeave:T,onDrop:R,onClear:function(){D.current=null,_(null)}},Z=[{id:tw.basicOperation,label:e.formatMessage({id:"menu.videoProcessingTool.basicOperation"}),element:(0,s.jsx)(Ew,Qw({},O))},{id:tw.changeSize,label:e.formatMessage({id:"menu.videoProcessingTool.modifyTheSize"}),element:(0,s.jsx)(Sw,Qw({},O))},{id:tw.clipping,label:e.formatMessage({id:"menu.videoProcessingTool.clipping"}),element:(0,s.jsx)(Bw,Qw({},O))},{id:tw.combine,label:e.formatMessage({id:"menu.videoProcessingTool.combine"}),element:(0,s.jsx)(Iw,Qw({},O))},{id:tw.varyingVelocity,label:e.formatMessage({id:"menu.videoProcessingTool.varyingVelocity"}),element:(0,s.jsx)(Tw,Qw({},O))},{id:tw.addWatermark,label:e.formatMessage({id:"menu.videoProcessingTool.addWatermark"}),element:(0,s.jsx)(Rw,Qw({},O))},{id:tw.generateGIF,label:e.formatMessage({id:"menu.videoProcessingTool.generateGIF"}),element:(0,s.jsx)(Fw,Qw({},O))},{id:tw.AIGenerateSubtitles,label:e.formatMessage({id:"menu.videoProcessingTool.AIGenerateSubtitles"}),element:(0,s.jsx)(Ow,Qw({},O))},{id:tw.addAudio,label:e.formatMessage({id:"menu.videoProcessingTool.addAudio"}),element:(0,s.jsx)(Zw,Qw({},O))}],G=(0,r.useState)(Z[0].id),Q=(0,o.Z)(G,2),L=Q[0],z=Q[1];return(0,s.jsxs)("div",{className:dw,children:[(0,s.jsxs)("div",{className:mw,children:[(0,s.jsx)(Ty,{className:fw,data:Z,selectedTabId:L,onChange:function(e){z(e)}}),!b&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:gw,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:I,onDragLeave:T,onDrop:R,children:(0,s.jsxs)("div",{className:xw,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:yw,children:[(0,s.jsx)(Ou.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;B(t)}})]}),(0,s.jsx)("p",{className:Aw,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:ww,children:e.formatMessage({id:"common.supportedVideoType"})})]})}),(0,s.jsx)("div",{className:jw,children:e.formatMessage({id:"page.videoProcessingTool.tip"})})]}),b&&Z.filter((function(e){return e.id===L}))[0].element]}),(0,s.jsx)("video",{style:{width:"".concat(null==b?void 0:b.width,"px"),height:"".concat(null==b?void 0:b.height,"px"),visibility:"hidden"},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)(v.Z,{open:d,closeIcon:null,footer:null,centered:!0,keyboard:!1,width:400,children:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,s.jsx)(rw.Z,{size:"large",style:{marginTop:"40px"}}),(0,s.jsx)("span",{style:{marginTop:"10px",fontSize:"18px"},children:e.formatMessage({id:"common.parsingData"})}),(0,s.jsx)(oe.Z,{type:"primary",size:"large",style:{marginTop:"30px",width:"100px"},onClick:F,children:e.formatMessage({id:"common.cancel"})})]})}),(0,s.jsx)(v.Z,{open:x,closeIcon:null,footer:null,centered:!0,keyboard:!1,width:400,children:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,s.jsx)(rw.Z,{size:"large",style:{marginTop:"40px"}}),(0,s.jsx)("span",{style:{marginTop:"10px",fontSize:"18px"},children:e.formatMessage({id:"page.videoProcessingTool.generatingVideo"})}),(0,s.jsx)(oe.Z,{type:"primary",size:"large",style:{marginTop:"30px",width:"100px"},onClick:function(){A.current=!1,y(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)},children:e.formatMessage({id:"common.cancel"})})]})})]})},zw=n(32370),Hw=n(68023),Vw=n(95131),Uw=n(27240),Ww=n(60532),Yw=n(94432),Jw=n(82658),qw=n(93450),Kw=n(8690),Xw=n(37744),$w=n(17813),ej=n(3174),tj=n(5931),nj=n(71257),rj=n(17274),ij=n(87164),aj=n(61972),oj=n(6267);Hw.D([Uw.N,Ww.N,Yw.N,Jw.N,qw.N,Kw.N,Xw.N,$w.N,tj.N,nj.N,rj.N,ij.T,aj.z,oj.N,ej.N]);var sj=Vw,cj=n(70794),lj=n(45969),uj=1e4,dj=1e3,mj=1e12,fj=1e9,gj=1e6,pj=1e3,hj=Object.freeze({thousand:"K",million:"M",billion:"B",trillion:"T"}),vj=/([0])\1{2}/,xj=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e.isZero()&&!t)return"N/A";if(e.isZero()&&t)return"0";if(e.gte(mj)||e.isEqualTo(mj))return e.div(mj).toFormat(1)+hj.trillion;if((e.gte(fj)||e.isEqualTo(fj))&&e.lte(mj))return e.div(fj).toFormat(1)+hj.billion;if((e.gte(gj)||e.isEqualTo(gj))&&e.lte(mj)&&e.lte(fj))return e.div(gj).toFormat(1)+hj.million;if(e.gte(uj))return e.div(pj).toFormat(1)+hj.thousand;if(e.gte(dj)&&e.lte(uj))return e.div(pj).toFormat(2)+hj.thousand;var n=e.toFixed().split(".")[1];return e.lte(dj)&&!vj.test(n)?0===e.dp()?e.toFormat(0):e.dp(4).toNumber():e.lte(dj)&&vj.test(n)?"".concat(e.integerValue(cj.Z.ROUND_DOWN),".").concat(yj(n)):"N/A"},yj=function(e){for(var t=e.toString().split(""),n=[],r=1;r<=t.length&&new cj.Z(t[r]).isEqualTo(new cj.Z(t[r-1]));r++)new cj.Z(+t[r]).isZero()&&n.push(t[r]);return n.length<=1?t.splice(0,4).join(""):"0{".concat(n.length+1,"}").concat(t.splice(n.length+1,4).join(""))},Aj=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if((0,lj.xbD)(e)||(0,lj.kKJ)(e))return"N/A";var n=new cj.Z(e),r=n.isNegative();if(r){var i=xj(n.absoluteValue(),t);return"N/A"===i||"0"===i?i:"-".concat(i)}return xj(n,t)},wj=function(e,t){var n=e.options,i=void 0===n?{}:n,a=e.renderType,o=void 0===a?"canvas":a,c=e.style,l=void 0===c?{width:"100%",height:"100%"}:c,u=e.onHoverChange,d=e.onClickChange,m=e.legendSelectChanged,f=e.onGlobalout,g=(0,r.useRef)(null),p=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(function(){return p}),[]);var h=(0,r.useCallback)((function(){if(g.current){var e,t,n,r,a,s,c=null==sj?void 0:sj.getInstanceByDom(g.current);if(p.current=c||(null==sj?void 0:sj.init(g.current,void 0,{renderer:o})),d&&(null===(e=p.current)||void 0===e||e.on("click",(function(e){d(e)}))),u&&(null===(t=p.current)||void 0===t||t.on("mousemove",(function(e){u(e)}))),m&&(null===(n=p.current)||void 0===n||n.on("legendselectchanged",(function(e){m(e)}))),"pie"===(i.series&&(null!==(r=null===(a=i.series[0])||void 0===a?void 0:a.type)&&void 0!==r?r:"")))(null==i?void 0:i.series)[0].labelLayout=function(e){return function(e,t){var n=e.labelRect.x<t.getWidth()/2,r=e.labelLinePoints;return r?(r[2][0]=n?e.labelRect.x:e.labelRect.x+e.labelRect.width,{labelLinePoints:r}):{}}(e,p.current)};f&&(null===(s=p.current)||void 0===s||s.on("globalout",f)),p.current.setOption(i)}}),[i,o]);return(0,r.useEffect)((function(){var e=function(){var e=null==p?void 0:p.current;e&&e.resize()};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),(0,r.useEffect)((function(){return h(),function(){var e=p.current;e&&e.dispose()}}),[i]),(0,s.jsx)("div",{ref:g,style:l})},jj=r.forwardRef(wj,{}),bj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{show:!0,trigger:"axis",enterable:!0,axisPointer:{type:"cross",crossStyle:{color:"#999"}},formatter:function(e){if(e){var t=e[0].value;if(t&&t.length>=2)return'<span><span style="margin-right:20px">'.concat((0,ar.Z)(t[0],"MM-dd"),"</span>$").concat(Aj(t[1],!0),"</span>")}return""}},grid:{left:14,right:14,top:40,bottom:16,containLabel:!0},xAxis:{type:"time",axisPointer:{show:!0,type:"shadow",label:{show:!1}},axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,formatter:"{MM}-{dd}",rotate:45},axisLine:{show:!0}},yAxis:{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}},axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},series:[{type:"bar",barWidth:6,label:{show:!1,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,position:"top"},itemStyle:{normal:{color:function(e){return e.data&&e.data[1]<0&&e.data[1]<0?"#EB5454":"#47b262"}}}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(jj,{options:o,style:n,onClickChange:a,onHoverChange:i})},_j="Bar_container__hb+LN",Dj="Bar_box__JphSL",Mj="Bar_echart__tCYPn",kj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<60;t++){var n=new Date,r=(0,zw.Z)(n,60-t).valueOf(),a=8e3*(Math.random()-.5);e.push([r,a])}i(e)}()}),[]),(0,s.jsx)("div",{className:Mj,children:(0,s.jsx)(bj,{data:{dataSource:n}})})},Nj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e,n=(e=null==t?void 0:t.legendData,{graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],color:b,legend:{show:!0,data:e,textStyle:{overflow:"truncate",fontSize:13,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},tooltip:{trigger:"axis",axisPointer:{type:"cross",crossStyle:{color:"#999"}},textStyle:{fontWeight:400}},grid:{left:60,right:20,top:40,bottom:60},xAxis:[{type:"category",axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,rotate:45}}],yAxis:[{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}},axisLabel:{show:!0,color:"#808191",fontSize:12,formatter:function(e){return Aj(e,!0)}}}],series:[{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(Aj(e,!0))}}},{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(Aj(+e,!0))}}},{type:"line",yAxisIndex:0,tooltip:{valueFormatter:function(e){return"$".concat(Aj(e,!0))}}}],dataset:{source:[]}}),r=t.dataSource;return r?(n.dataset={source:r},n):n}),[t]);return(0,s.jsx)(jj,{options:o,style:n,onClickChange:a,onHoverChange:i})},Ej=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[["project","increase","decrease","sum"]],t=0;t<20;t++){var n="name".concat(t+1),r=8e3*Math.random(),a=8e3*-Math.random(),o=r+a;e.push([n,r,a,o])}i(e)}()}),[]),(0,s.jsx)("div",{className:Mj,children:(0,s.jsx)(Nj,{data:{dataSource:n,legendData:[{name:"increase",icon:"rect"},{name:"decrease",icon:"rect"},{name:"sum"}]}})})},Cj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useRef)(null),c=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{show:!0,trigger:"item",borderColor:"transparent",enterable:!0,showDelay:10,hideDelay:150},legend:{top:10,type:"scroll",icon:"circle",itemWidth:12,itemGap:22,textStyle:{overflow:"truncate",fontSize:13,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},grid:{top:50,left:30,right:26,bottom:20,containLabel:!0},xAxis:{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}}},yAxis:{type:"category",axisPointer:{show:!0,type:"shadow",label:{show:!1}},axisLabel:{color:"#808191",fontSize:13}},series:[{type:"bar",stack:"total",barWidth:36,label:{show:!1},emphasis:{focus:"series",blurScope:"global"},selectedMode:"single",select:{disabled:!1,itemStyle:{borderWidth:1,borderColor:"#1D212A"}}}],dataset:{source:[]}},n=t.yAxisTransform,r=t.dataSource;if(!r||"{}"===JSON.stringify(r))return e;for(var i=Object.keys(r),a=[],o=["product"],s=0,c=function(e){var t=i[e],c=r[t],l=Object.keys(c);e===i.length-1&&(o=o.concat(l),a.push(o),s=l.length);var u=[];n&&n[t]?u.push(n[t]):u.push(t),l.forEach((function(e){var t=c[e];u.push(t.length)})),a.push(u)},l=i.length-1;l>=0;l--)c(l);if(e.dataset.source=a,s>1)for(var u=e.series.shift(),d=s-1;d>=0;d--){var m=(0,fl.Z)(u);e.series.push(m)}return e.tooltip.formatter=function(e,t){if(t.startsWith("item")){var i,a=e.name,o=e.seriesName,s=e.color,c=a;if(n)for(var l=Object.keys(n),u=l.length-1;u>=0;u--){var d=l[u];if(n[d]===a){c=d;break}}var m=null!==(i=r[c][o])&&void 0!==i?i:[],f="<div style='max-height:540px;overflow-y:auto;user-select:text;font-size:12px;' class='echart-scrollbar-style'>\n        <div style='margin-bottom:4px;color:#999999'>".concat(c,"</div>\n        <div style='margin-bottom:3px;display:flex;justify-content:space-between;align-items:center'><div style='display:flex;align-items:center'>\n        <div style='width:10px;line-height:10px;heigth:10px;min-height:10px;max-height:10px;border-radius:5px;background-color:").concat(s,"'></div>\n        <div style='width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:8px'>").concat(o,"</div></div>\n        <div style='color:#222222'>").concat(m.length,"</div></div>");return m.forEach((function(e){f+="<div style='width:180px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;margin:4px 0'>".concat(e,"</div>")})),f+="</div>"}var g="";return e.forEach((function(e,t){var r=e.name,i=e.seriesName,a=e.color,o=e.seriesIndex,s=e.data;if(0===t){var c=r;if(n)for(var l=Object.keys(n),u=l.length-1;u>=0;u--){var d=l[u];if(n[d]===r){c=d;break}}g+="<div style='max-height:510px;overflow-y:auto;user-select:text;font-size:12px;' class='echart-scrollbar-style'><div style='margin-bottom:4px;color:#999999'>".concat(c,"</div>")}g+="<div style='margin:3px;display:flex;justify-content:space-between;align-items:center;font-size:12px;'><div style='display:flex;align-items:center;'>\n          <div style='width:10px;line-height:10px;heigth:10px;min-height:10px;max-height:10px;border-radius:5px;background-color:".concat(a,"'></div>\n          <div style='width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:8px'>").concat(i,"</div></div>\n          <div style='color:#222222;margin-left:4px'>").concat(s[o+1],"</div></div>")})),g+="</div>"},e}),[t]),l=(0,r.useCallback)((function(){var e=o.current;if(null!=e&&e.current){var t=[],n=c.series.length;if(n)for(var r=0;r<n;r++)t.push(r);e.current.dispatchAction({type:"unselect",dataIndex:t})}}),[c]);return(0,s.jsx)(jj,{options:c,style:n,onClickChange:a,onHoverChange:i,onGlobalout:l,ref:o})},Sj=function(){var e=(0,r.useState)({}),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){i({"first party":{Live:["绝地求生","无限法则","重生边缘"],Development:["新天龙部","魔域","战神觉醒","热血合击","神戒","原神","神武4"],Legacy:["贪玩蓝月","赤月传说2","超激斗梦境","仙侠世界2"],"Pre-planned":["裁决战歌","绿茵信仰"],Canceled:["流放之路","战","大皇帝传奇世界","生死狙击2"],Finished:["王者荣耀","英雄联盟"]},"second party":{Live:["我的世界"],Development:["最终幻想14","守望先锋","DOTA2","激战2","魔域永恒","武动苍穹","鬼谷无双新版","永劫无间"],Legacy:["古剑奇谭网络版","火影忍者","斗罗大陆"],"Pre-planned":["剑灵","热血传奇神武4","暗黑大天使"],Canceled:["地下城与勇士","剑网3重制版","全面战争竞技场","艾兰岛"],Finished:["天涯明月刀","热血合击"]},"third party":{Live:["英雄联盟","穿越火线","天涯明月刀","生死狙击","龙武","战意"],Development:["逆水寒33333333333333333333333333333333333333333333333","魔力宝贝","奇迹MU","莽荒纪2","热血国2","领地人生"],Legacy:["魔兽世界","诛仙3","传奇霸业","泰亚史诗"],"Pre-planned":["龙武2","梦幻西游","剑网3","蓝月传奇","神座","热血战歌","龙神契约","堡垒之夜","天龙部归来","穿越火线HD"],Canceled:["炉石传说","攻城掠地","万智牌竞技场"],Finished:["传奇霸业","龙武"]}})}),[]),(0,s.jsx)("div",{className:Mj,children:(0,s.jsx)(Cj,{data:{dataSource:n}})})},Pj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],color:["#F76F69","#7C51ED"],legend:{show:!1},tooltip:{trigger:"axis",textStyle:{fontWeight:400}},grid:{left:20,right:20,top:20,bottom:60},xAxis:[{type:"category",axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,margin:30},axisLine:{show:!1},axisTick:{show:!1}}],yAxis:[{type:"value",show:!1}],series:[{type:"bar",barWidth:18,tooltip:{valueFormatter:function(e){return"$".concat(Aj(e,!0))}},itemStyle:{borderRadius:9}},{type:"line",smooth:!0,symbol:"none",tooltip:{valueFormatter:function(e){return"$".concat(Aj(e,!0))}},lineStyle:{width:4},areaStyle:{color:"rgba(124,81,237,0.1)"}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(jj,{options:o,style:n,onClickChange:a,onHoverChange:i})},Bj=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],Ij=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){var e=[["project","type1","type2"]];Bj.forEach((function(t){var n=8e3*Math.random()+1e3,r=n+1e3*Math.random()+1e3;e.push([t,n,r])})),i(e)}()}),[]),(0,s.jsx)("div",{className:Mj,children:(0,s.jsx)(Pj,{data:{dataSource:n}})})},Tj=be.GridBox,Rj=[{element:(0,s.jsx)(kj,{})},{element:(0,s.jsx)(Ej,{})},{element:(0,s.jsx)(Sj,{})},{element:(0,s.jsx)(Ij,{})}],Fj=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:_j,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Rj.map((function(e,t){return(0,s.jsx)(Tj,{children:(0,s.jsx)("div",{className:Dj,children:e.element})},t)}))})})},Oj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],legend:{type:"scroll",height:"88%",right:12,top:"middle",icon:"rect",align:"left",orient:"vertical",itemWidth:20,itemHeight:8,itemGap:12,textStyle:{width:120,overflow:"truncate",color:"#808191",fontSize:14,fontFamily:"SourceHanSansCN-Medium",fontWeight:500},selectedMode:!0,pageTextStyle:{color:"#808191"}},tooltip:{show:!0,valueFormatter:function(e){return Aj(e,!0)}},series:[{name:"Price",type:"pie",radius:["52%","68%"],avoidLabelOverlap:!1,label:{show:!1,position:"center",fontSize:26,formatter:function(e){return e&&e.value?"{value|".concat(Aj(e.value[1],!0),"}\n\n").concat(e.name):""},rich:{value:{color:"#fff",fontFamily:"SourceHanSansCN-Bold",fontWeight:"bold",fontSize:28}}},emphasis:{label:{show:!0,fontSize:20,color:"#ccc",fontWeight:"normal"}},labelLine:{show:!1}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(jj,{options:o,style:n,onClickChange:a,onHoverChange:i})},Zj="Pie_container__7WS5q",Gj="Pie_box__iB+Jb",Qj="Pie_echart__9ruPj",Lj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<10;t++){var n="name".concat(t+1),r=8e3*Math.random();e.push([n,r])}i(e)}()}),[]),(0,s.jsx)("div",{className:Qj,children:(0,s.jsx)(Oj,{data:{dataSource:n}})})},zj="Pie2_container__1kWGu",Hj="Pie2_chartBox__WFi8U",Vj="Pie2_rightBox__qDUHz",Uj="Pie2_item__gvlG9",Wj="Pie2_rect__cmCdf",Yj="Pie2_name__MCsdh",Jj="Pie2_value__lMuMg",qj=function(e){var t,n=e.data,i=e.style,a=e.onHoverChange,o=e.onClickChange,c=(0,r.useRef)(null),l=(0,r.useRef)(0),u=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{trigger:"item",formatter:function(e){var t=e.value;return"".concat(t[0]," : $").concat(Aj(t[1],!0))}},series:[{name:"Price",type:"pie",radius:["53%","68%"],left:"10%",emphasis:{label:{show:!0,fontSize:20,color:"#ffffff",width:150,lineHeight:20,overflow:"truncate",formatter:function(e){var t=e.value;return"".concat(t[0]," \n $").concat(Aj(t[1],!0))}}},avoidLabelOverlap:!1,label:{show:!1,position:"center"},labelLine:{show:!1}}],dataset:{source:[]}},t=n.dataSource;return t?(e.dataset={source:t},e):e}),[n]);return(0,s.jsxs)("div",{className:zj,children:[(0,s.jsx)("div",{className:Hj,children:(0,s.jsx)(jj,{options:u,style:i,onClickChange:o,onHoverChange:function(e){!function(e){var t,n=e.dataIndex;null!==(t=c.current)&&void 0!==t&&t.current&&"series"===e.componentType&&n!==l.current&&(c.current.current.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:l.current}),c.current.current.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:n}),l.current=n)}(e),a&&a(e)},ref:c})}),(0,s.jsx)("div",{className:Vj,children:null==n||null===(t=n.dataSource)||void 0===t?void 0:t.map((function(e,t){return(0,s.jsxs)("div",{className:Uj,onMouseMove:function(){return function(e){var t;null!==(t=c.current)&&void 0!==t&&t.current&&e!==l.current&&(c.current.current.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:l.current}),c.current.current.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:e}),l.current=e)}(t)},children:[(0,s.jsx)("div",{className:Wj,style:{backgroundColor:b[t]}}),(0,s.jsx)("div",{className:Yj,children:e[0]}),(0,s.jsx)("div",{className:Jj,children:"$".concat(e[1])})]},t)}))})]})},Kj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<10;t++){var n=Math.ceil(4*Math.random()+1),r="".concat("name".repeat(n)).concat(t+1),a=8e3*Math.random();e.push([r,a])}i(e)}()}),[]),(0,s.jsx)("div",{className:Qj,children:(0,s.jsx)(qj,{data:{dataSource:n}})})},Xj=be.GridBox,$j=[{element:(0,s.jsx)(Lj,{})},{element:(0,s.jsx)(Kj,{})}],eb=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Zj,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:$j.map((function(e,t){return(0,s.jsx)(Xj,{children:(0,s.jsx)("div",{className:Gj,children:e.element})},t)}))})})},tb=n(61192),nb="Tree_container__aIZ1p",rb="Tree_box__r2FXq",ib="Tree_echart__AMoeM";tb.ZP.registerNode("custom-node",{drawShape:function(e,t){if(e&&t){var n="#fff",r="#0d1b3f",i="#6e768c";switch(e.level){case 1:n="#3b4fcc",r="#fff",i="#fff";break;case 2:n="#86B6F6"}var a=t.addShape("rect",{attrs:{fill:n,stroke:n,radius:6},name:"box-shape"}),o="【第".concat(e.level,"层】").concat(e.title).replace(/(.{20})/g,"$1\n"),s=t.addShape("text",{attrs:{text:o,fontSize:6,lineHeight:9,fontWeight:500,textAlign:"left",textBaseline:"middle",fill:r},capture:!1,name:"title-shape"}),c=s.getBBox();s.attr({x:-c.width/2,y:0});var l=Math.floor((c.height-6)/9)+1,u=c.height;l<=1?u+=4:u-=Math.ceil(3.5*(l-2));var d,m=t.addShape("text",{attrs:{text:e.code,x:-c.width/2,y:u,fontSize:6,lineHeight:9,textAlign:"left",textBaseline:"middle",fill:i},capture:!1,name:"code-shape"}).getBBox();if(a.attr({x:-c.width/2-6,y:-c.height/2-6,width:c.width+12,height:Math.ceil(c.height+m.height+12+1.5*l)}),e.level>1&&e.children&&e.children.length>0)if(t.addShape("circle",{attrs:{x:0,y:u+10,r:6,fill:"#fff",stroke:"#cfd1d9",lineWidth:.5,cursor:"pointer"},name:"collapse-icon"}),null!==(d=t.cfg)&&void 0!==d&&d.item){var f=t.cfg.item.getModel().collapsed;t.addShape("marker",{attrs:{x:0,y:u+10,r:2,fill:"#fff",stroke:"#0d1b3f",cursor:"pointer",symbol:function(e,t,n){return[["M",e-n,t+n/2],["L",e,t-n/2],["L",e+n,t+n/2]]}},visible:!f,capture:!1,name:"collapse-marker"}),t.addShape("text",{attrs:{text:e.children.length,x:0,y:u+10.5,fontSize:6,lineHeight:9,textAlign:"center",textBaseline:"middle",fill:"#0d1b3f",cursor:"pointer"},visible:!!f,capture:!1,name:"num-text"})}return a}return null},setState:function(e,t,n){if("collapsed"===e){var r=null==n?void 0:n.getContainer();if(r){var i=r.find((function(e){return"collapse-marker"===e.get("name")}));null==i||i.set("visible",!t);var a=r.find((function(e){return"num-text"===e.get("name")}));null==a||a.set("visible",t)}}}},"single-node");var ab=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){!function(){if(e.current){var n=e.current.clientWidth||500,r=e.current.clientHeight||300;t.current||(t.current=new tb.ZP.TreeGraph({container:e.current,width:n,height:r,fitView:!0,fitViewPadding:80,modes:{default:["drag-canvas","zoom-canvas","drag-node"]},defaultNode:{type:"custom-node"},defaultEdge:{type:"cubic-vertical",style:{stroke:"#cfd1d9",lineWidth:1,endArrow:{path:tb.ZP.Arrow.circle(2,0),d:0,fill:"#cfd1d9"}}},layout:{type:"compactBox",direction:"TB",getId:function(e){return e.id},getVGap:function(){return 22},getHGap:function(){return 60}}}))}}(),t.current&&(t.current.data({id:"ID1",level:1,title:"这是标题这是标题这是标题这是标题这是标题",code:"1004353453453425",children:[{id:"ID11",level:2,title:"这是标题这是标题这是标题这是标题这是标题",code:"10056575674576576",children:[{id:"ID111",level:3,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1111",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1112",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]},{id:"ID112",level:3,title:"这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1121",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1122",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1123",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]},{id:"ID113",level:3,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1131",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]}]}]}),t.current.off("node:click").on("node:click",(function(e){"collapse-icon"===e.target.get("name")&&(e.item.getModel().collapsed=!e.item.getModel().collapsed,t.current.setItemState(e.item,"collapsed",e.item.getModel().collapsed),t.current.layout())})),t.current.render())}),[]),(0,r.useEffect)((function(){var n=function(){t.current&&!t.current.get("destroyed")&&e.current&&(t.current.changeSize(e.current.clientWidth,e.current.clientHeight),t.current.fitView())};return window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}}),[]),(0,s.jsx)("div",{className:ib,ref:e})},ob=[{element:(0,s.jsx)(ab,{})}],sb=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:nb,children:ob.map((function(e,t){return(0,s.jsx)("div",{className:rb,children:e.element},t)}))})},cb=[{path:"/html",children:[{path:"/html/visualDesign",element:(0,s.jsx)(Pr,{})},{path:"/html/interactiveDesign",element:(0,s.jsx)(Cc,{})},{path:"/html/backgroundEffect",element:(0,s.jsx)(Ic,{})},{path:"/html/complexLayout",element:(0,s.jsx)(cu,{})},{path:"/html/appPageFrame",element:(0,s.jsx)(Ru,{})},{path:"/html/utilitarianFunction",element:(0,s.jsx)(Am,{})}]},{path:"/css",children:[{path:"/css/dynamicButtons",element:(0,s.jsx)(Sf,{})},{path:"/css/richDynamicEffect",element:(0,s.jsx)(lp,{})},{path:"/css/generateRegularPolygon",element:(0,s.jsx)(Ap,{})}]},{path:"/canvas",children:[{path:"/canvas/sphereCollisionExample",element:(0,s.jsx)(Bp,{})},{path:"/canvas/dynamicClock",element:(0,s.jsx)(Rp,{})},{path:"/canvas/searchlight",element:(0,s.jsx)(Zp,{})},{path:"/canvas/globuleInteraction",element:(0,s.jsx)(Hp,{})},{path:"/canvas/killPlanetGame",element:(0,s.jsx)(Xp,{})},{path:"/canvas/freeFallingBody",element:(0,s.jsx)(oh,{})},{path:"/canvas/countDown",element:(0,s.jsx)(xh,{})},{path:"/canvas/particlesBg",element:(0,s.jsx)(Ah,{})},{path:"/canvas/rippleFloatOnTheWater",element:(0,s.jsx)(kh,{})},{path:"/canvas/flowerBloom",element:(0,s.jsx)(Bh,{})},{path:"/canvas/codeBgWall",element:(0,s.jsx)(Fh,{})},{path:"/canvas/wordDance",element:(0,s.jsx)(Lh,{})},{path:"/canvas/scratch",element:(0,s.jsx)(Vh,{})},{path:"/canvas/matchLine",element:(0,s.jsx)(nv,{})}]},{path:"/echarts",children:[{path:"/echarts/bar",element:(0,s.jsx)(Fj,{})},{path:"/echarts/pie",element:(0,s.jsx)(eb,{})},{path:"/echarts/tree",element:(0,s.jsx)(sb,{})}]},{path:"/threejs",children:[{path:"/threejs/threejsAppPageFrame",element:(0,s.jsx)(vv,{})},{path:"/threejs/carShow",element:(0,s.jsx)(Pv,{})},{path:"/threejs/rubiksCube",element:(0,s.jsx)(Lv,{})},{path:"/threejs/throwDice",element:(0,s.jsx)(ex,{})},{path:"/threejs/mapDisplay",element:(0,s.jsx)(Rx,{})},{path:"/threejs/earthDisplay",element:(0,s.jsx)(hy,{})}]},{path:"/AIApplication",children:[{path:"/AIApplication/humanPostureDetection",element:(0,s.jsx)(Dy,{})},{path:"/AIApplication/notBlockPeopleBarrage",element:(0,s.jsx)(By,{})}]},{path:"/imageProcessingTool",element:(0,s.jsx)(nw,{})},{path:"/videoProcessingTool",element:(0,s.jsx)(Lw,{})}],lb=[{path:"/*",element:(0,s.jsx)(xe,{})}],ub=n(29558),db={"zh-cn":{"common.logoName":"视觉效果集合","common.reward":"打赏","common.reward.tip":"如果觉得网站不错，内容对你有所帮助，再打赏也不迟","common.LanguageSwitch":"中英文切换","common.keepUpdating":"持续更新, 敬请期待","common.comingSoon":"敬请期待","common.comingSoon.text":"该项目持续更新，敬请期待！！！","common.workHard":"正在努力工作，请稍后","common.tryingToLoad":"努力加载中，请稍等","common.start":"开始","common.end":"结束","common.operationFailure":"操作失败","common.noData":"暂无","common.unknown":"未知","common.confirm":"确定","common.cancel":"取消","common.clear":"清空","common.play":"播放","common.pause":"暂停","common.download":"下载","common.get":"获取","common.failedToObtain":"获取失败","common.failedToObtain2":"获取失败，浏览器不支持","common.pleaseEnterText":"请输入文本","common.getText":"获取文本","common.save":"保存","common.saveSuccessfully":"保存成功","common.saveFailed":"保存失败，浏览器不支持","common.parsingDataFailure":"解析数据失败，请更换其他文件","common.uploadFile":"上传文件","common.dragTheFileHere":"或将文件拖到此处","common.supportedImageType":"支持jpg、jpeg、png格式","common.supportedVideoType":"支持webm、mp4格式","common.pleaseUploadPicture":"请先上传图片","common.deviceNotFound":"请求的设备未找到","common.impowerOpenMicrophone":"授权失败，请点击设置->隐私设置和安全->网站设置->麦克风，打开允许使用","common.impowerOpenCamera":"授权失败，请点击设置->隐私设置和安全->网站设置->摄像头，打开允许使用","common.notSupportGetUserMedia":"浏览器不支持getUserMedia","common.notSupportGetDisplayMedia":"浏览器不支持getDisplayMedia","common.browserTooLow":"您的浏览器版本过低，请更新浏览器","common.backgroundColor":"背景色","common.filename":"文件名","common.format":"格式","common.dimension":"尺寸","common.size":"大小","common.width":"宽度","common.height":"高度","common.duration":"时长","common.transparency":"透明色","common.red":"红色","common.blue":"蓝色","common.white":"白色","common.watermarkSizeLimit":"请选择20x20以上尺寸的水印图片","common.watermarkSizeTooLarge":"请选择小于目标图片尺寸的水印图片","common.uploadWatermark":"上传水印","common.distanceLeft":"距离左侧","common.distanceTop":"距离顶部","common.clippingWidth":"裁剪宽度","common.clippingHeight":"裁剪高度","common.flipSideToSide":"左右翻转","common.flipTopToBottom":"上下翻转","common.rotateLeft":"左旋转","common.rotateRight":"右旋转","common.graying":"灰化","common.vampix":"黑白化","common.mosaicGrainSize":"马赛克颗粒大小","common.parsingData":"解析数据中","common.whetherMaintainOriginalProportion":"是否保持原比例","common.pleaseEnterWidthOrHeight":"请输入宽度或高度","common.reset":"重置","common.backout":"撤销","common.delete":"删除","common.inquire":"查询","common.checkout":"校验","common.moduleTitle":"模块标题","common.customizeContent":"自定义内容","common.ad.btnText":"马上体验","menu.htmlVision":"Html视觉","menu.htmlVision.visualDesign":"视觉设计","menu.htmlVision.interactiveDesign":"交互设计","menu.htmlVision.backgroundPattern":"背景图案","menu.htmlVision.complexLayout":"复杂布局","menu.htmlVision.applicationPageFrame":"应用页面框架","menu.htmlVision.utilitarianFunction":"实用功能","menu.cssDynamicEffect":"Css动效","menu.cssDynamicEffect.dynamicEffectButton":"动效按钮","menu.cssDynamicEffect.richDynamicEffect":"丰富动效","menu.cssDynamicEffect.generateRegularPolygon":"生成正多边形","menu.cssDynamicEffect.musicVisualization":"音乐可视化","menu.canvasDynamicEffect":"Canvas动效","menu.canvasDynamicEffect.sphereCollisionExample":"sphere-collision库示例","menu.canvasDynamicEffect.dynamicClock":"动态时钟","menu.canvasDynamicEffect.searchlightEffect":"探照灯效果","menu.canvasDynamicEffect.sphereCollisionInteraction":"球体碰撞交互","menu.canvasDynamicEffect.destroyThePlanetGame":"消灭行星小游戏","menu.canvasDynamicEffect.sphereFreeFallInteraction":"球体自由落体交互","menu.canvasDynamicEffect.coolCountdownAnimation":"炫酷倒计时动画","menu.canvasDynamicEffect.dynamicParticleBackground":"动态粒子背景","menu.canvasDynamicEffect.rippleEffect":"水波荡漾效果","menu.canvasDynamicEffect.flowerBloomingAnimation":"花卉绽放动画","menu.canvasDynamicEffect.codeBackgroundWall":"代码背景墙","menu.canvasDynamicEffect.wordDance":"文字跳舞","menu.canvasDynamicEffect.scratch":"刮刮乐","menu.canvasDynamicEffect.matchLine":"连接线","menu.echartsInteraction":"Echarts交互","menu.echartsInteraction.barCharts":"柱状图","menu.echartsInteraction.pieCharts":"饼图","menu.echartsInteraction.treeCharts":"树状图","menu.threeJs3D":"Three.js3D","menu.threeJs3D.appPageFrame":"炫酷3D应用页面","menu.threeJs3D.carShow":"汽车展览","menu.threeJs3D.rubiksCube":"3阶魔方","menu.threeJs3D.throwDice":"投骰子","menu.threeJs3D.mapDisplay":"地图展示","menu.threeJs3D.earthDisplay":"地球展示","menu.AIApplication":"人工智能应用","menu.AIApplication.humanPostureDetection":"人体姿态检测","menu.AIApplication.notBlockPeopleBarrage":"不挡人像的弹幕","menu.imageProcessingTool":"图片处理工具","menu.imageProcessingTool.basicOperation":"基础操作","menu.imageProcessingTool.rectangularClipping":"矩形裁剪","menu.imageProcessingTool.roundedCornerClipping":"圆角裁剪","menu.imageProcessingTool.modifyTheSize":"修改尺寸","menu.imageProcessingTool.modifyBrightness":"修改亮度","menu.imageProcessingTool.modifyTransparency":"修改透明度","menu.imageProcessingTool.addWatermark":"添加水印","menu.imageProcessingTool.coverWithMosaics":"打马赛克","menu.imageProcessingTool.imageCompression":"图片压缩","menu.videoProcessingTool":"视频处理工具","menu.videoProcessingTool.basicOperation":"基础操作","menu.videoProcessingTool.modifyTheSize":"修改尺寸","menu.videoProcessingTool.clipping":"裁剪","menu.videoProcessingTool.combine":"合并","menu.videoProcessingTool.varyingVelocity":"变速","menu.videoProcessingTool.addWatermark":"添加水印","menu.videoProcessingTool.generateGIF":"生成GIF图","menu.videoProcessingTool.AIGenerateSubtitles":"AI生成字幕","menu.videoProcessingTool.addAudio":"添加音频","page.htmlVision.visualDesign.displaysCustomRows":"该组件为超出时显示省略号的文本组件, 还可动态获取文字是否超出。","page.htmlVision.visualDesign.displaysCustomRows2":"该组件为可显示自定义行数，超出时显示省略号的文本组件，还支持在最后面出现省略号时显示自定义的文字按钮。","page.htmlVision.visualDesign.thisIsText":"这是文字。","page.htmlVision.visualDesign.quantumEntanglementTip":"该站中有隐藏款量子纠缠效果等待你发现哦。","page.htmlVision.visualDesign.brighten":"变亮","page.htmlVision.visualDesign.grayed":"变灰","page.htmlVision.visualDesign.textShadow":"文字阴影","page.htmlVision.interactiveDesign.magnifyingGlass":"放大镜交互效果","page.htmlVision.interactiveDesign.dragAndDropClipBox":"可拖拽裁剪框交互效果","page.htmlVision.interactiveDesign.dragAndDropShopping":"拖拽式购物交互效果","page.htmlVision.interactiveDesign.swipeTab":"左右滑动Tab切换交互效果","page.htmlVision.interactiveDesign.flipBoook":"翻书交互效果","page.htmlVision.interactiveDesign.switchButton":"左右滑动开关按钮","page.htmlVision.interactiveDesign.pseudo3DRubikCube":"伪3D魔方交互效果","page.htmlVision.interactiveDesign.3DRubikCube":"3D魔方交互效果","page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection":"自动辨别鼠标方向交互效果","page.htmlVision.interactiveDesign.wipeTheEffect":"擦除切换页面效果","page.htmlVision.interactiveDesign.title":"书名","page.htmlVision.interactiveDesign.price":"价格","page.htmlVision.interactiveDesign.count":"数量","page.htmlVision.interactiveDesign.total":"总计","page.htmlVision.interactiveDesign.addingToCart":"放开添加到购物车","page.htmlVision.interactiveDesign.dragToThisToBuy":"拖拽到此区域进行购买","page.htmlVision.interactiveDesign.previousPage":"前一页","page.htmlVision.interactiveDesign.nextPage":"后一页","page.htmlVision.interactiveDesign.personalArticle":"个人文章","page.htmlVision.interactiveDesign.autoCompletePunctuation":"自动补全标点输入框","page.htmlVision.interactiveDesign.stackedImages":"堆叠图片的悬停效果","page.htmlVision.utilitarianFunction.operatingShears":"操作剪切板","page.htmlVision.utilitarianFunction.saveTextToClipboard":"保存文本到剪切板","page.htmlVision.utilitarianFunction.pleaseEnterText":"请先输入文本","page.htmlVision.utilitarianFunction.getsTextFromClipboard":"从剪切板获取文本","page.htmlVision.utilitarianFunction.saveImageToClipboard":"保存图片到剪切板","page.htmlVision.utilitarianFunction.getImageFromClipboard":"从剪切板获取图片","page.htmlVision.utilitarianFunction.pasteTheImage":"Ctrl+V粘贴图片","page.htmlVision.utilitarianFunction.recordAudio":"录制音频","page.htmlVision.utilitarianFunction.startRecording":"开始录制","page.htmlVision.utilitarianFunction.whileRecording":"录制中，点击结束","page.htmlVision.utilitarianFunction.rerecord":"重新录制","page.htmlVision.utilitarianFunction.recordScreen":"录制屏幕","page.htmlVision.utilitarianFunction.recordVideo":"录制视频","page.htmlVision.utilitarianFunction.takeIDPhotos":"拍证件照","page.htmlVision.utilitarianFunction.clickToTakeAPhoto":"点击拍照","page.htmlVision.utilitarianFunction.readyToTakeAPhoto":"准备拍照","page.htmlVision.utilitarianFunction.backPhoto":"重新拍照","page.htmlVision.utilitarianFunction.oneInch":"1寸","page.htmlVision.utilitarianFunction.twoInch":"2寸","page.cssDynamicEffect.richDynamicEffect.SVGCircularClock":"SVG圆形时钟动效","page.cssDynamicEffect.richDynamicEffect.upAndDownCard":"上下翻转卡片时钟动效","page.cssDynamicEffect.richDynamicEffect.charging":"充电动效","page.cssDynamicEffect.richDynamicEffect.zongziLoading":"粽子Loading动效","page.cssDynamicEffect.richDynamicEffect.borderRotation":"边框旋转动效","page.cssDynamicEffect.richDynamicEffect.luminousText":"发光文字动效","page.cssDynamicEffect.richDynamicEffect.searchlightText":"探照灯文字动效","page.cssDynamicEffect.richDynamicEffect.wavyText":"波浪文字动效","page.cssDynamicEffect.richDynamicEffect.textLineDisplay":"文字线条显示动效","page.cssDynamicEffect.richDynamicEffect.textLineLoop":"文字线条循环动效","page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar":"莫比乌斯环循环条动效","page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots":"莫比乌斯环循环圆点动效","page.cssDynamicEffect.richDynamicEffect.tankShaking":"水罐摇晃动效","page.cssDynamicEffect.generateRegularPolygon.numberOfSides":"边数","page.cssDynamicEffect.generateRegularPolygon.rotation":"旋转","page.canvasDynamicEffect.sphereCollisionExample":"sphere-collision库示例","page.canvasDynamicEffect.dynamicClock":"动态时钟效果","page.canvasDynamicEffect.searchlight":"探照灯效果","page.canvasDynamicEffect.startGame":"开 始 游 戏","page.canvasDynamicEffect.continueTheGame":"继 续 游 戏","page.canvasDynamicEffect.restart":"重 新 开 始","page.canvasDynamicEffect.pause":"暂停","page.canvasDynamicEffect.gameHasPaused":"游戏已暂停","page.canvasDynamicEffect.score":"分数","page.canvasDynamicEffect.videoIsSlowToLoad":"视频加载比较慢，请耐心等待","page.canvasDynamicEffect.matchLineQuestion":"连线题","page.canvasDynamicEffect.fruit":"水果","page.canvasDynamicEffect.animal":"动物","page.canvasDynamicEffect.car":"汽车","page.canvasDynamicEffect.vegetable":"蔬菜","page.canvasDynamicEffect.pleaseReset":"当前已校验，请重置","page.canvasDynamicEffect.noVerifiableAnswer":"没有可校验的答案","page.threeJs3D.abrazine":"磨砂","page.threeJs3D.cryolite":"冰晶","page.threeJs3D.ordinary":"普通","page.threeJs3D.transparent":"透亮","page.threeJs3D.carDisplayAndMatching":"汽车展示与选配","page.threeJs3D.bodyColor":"车身颜色","page.threeJs3D.anteriorFaceColor":"前脸颜色","page.threeJs3D.hoodColor":"引擎盖颜色","page.threeJs3D.hubColor":"轮毂颜色","page.threeJs3D.filmMaterial":"贴膜材质","page.threeJs3D.windshieldMaterial":"挡风玻璃材质","page.threeJs3D.diceNum":"骰子数量","page.threeJs3D.enterDiceNum":"请先输入骰子数量","page.threeJs3D.visualizationPlatform":"大屏可视化平台","page.AIApplication.humanPostureDetection":"实时人体姿势检测(必须要有摄像头)","page.AIApplication.send":"发送","page.AIApplication.sendBarrage":"发送弹幕","page.imageProcessingTool.extensionTipFront":"如果你想在离线时也使用该工具，或者是你有大于1350x1350尺寸的图片需要处理，那么推荐你使用","page.imageProcessingTool.extensionTipBehind":"浏览器插件，将该项目中的extension文件夹加载到浏览器中即可使用。","page.imageProcessingTool.imageTooSmall":"请选择20x20以上尺寸的图片","page.imageProcessingTool.imageTooLarge":"请选择1350x1350以下尺寸的图片","page.imageProcessingTool.shmpch":"锐化","page.imageProcessingTool.edgeSharpening":"边缘锐化","page.imageProcessingTool.filterContrast":"反色滤镜","page.imageProcessingTool.redFilter":"红色滤镜","page.imageProcessingTool.greenFilter":"绿色滤镜","page.imageProcessingTool.blueFilter":"蓝色滤镜","page.imageProcessingTool.redGreenFilter":"红绿色滤镜","page.imageProcessingTool.redBlueFilter":"红蓝色滤镜","page.imageProcessingTool.blueGreenFilter":"蓝绿色滤镜","page.imageProcessingTool.redGreyFilter":"红灰色滤镜","page.imageProcessingTool.greenGreyFilter":"绿灰色滤镜","page.imageProcessingTool.blueGreyFilter":"蓝灰色滤镜","page.imageProcessingTool.gaussianBlur":"高斯模糊","page.imageProcessingTool.jpgToPng":"JPG转PNG","page.imageProcessingTool.pngToJpg":"PNG转JPG","page.imageProcessingTool.pleaseEnterBrightness":"请输入亮度值","page.imageProcessingTool.darken":"变暗","page.imageProcessingTool.lighten":"变亮","page.imageProcessingTool.pleaseEnterDiaphaneity":"请输入透明度值","page.imageProcessingTool.pleaseUploadPng":"请上传PNG格式的图片","page.imageProcessingTool.whetherValueFixed":"是否统一为固定值","page.imageProcessingTool.becomeTransparent":"变透明","page.imageProcessingTool.becomeOpaque":"变不透","page.imageProcessingTool.compressibility":"压缩率","page.imageProcessingTool.pleaseEnterFilletRadius":"请输入圆角半径","page.imageProcessingTool.filletRadius":"圆角半径","page.imageProcessingTool.clippedAndConvertedToPng":"裁剪后转成PNG格式","page.imageProcessingTool.WhetherRetainOriginalDimension":"是否保留原尺寸","page.videoProcessingTool.tip":"该工具处理视频会非常慢，因为是纯前端实现的，正确做法还是将文件上传到后台进行处理，这里只是提供一种纯前端实现视频处理的解决方案。","page.videoProcessingTool.generatingVideo":"努力生成视频中","page.htmlVision.applicationPageFrame.secondPage":"第二页","page.htmlVision.applicationPageFrame.thirdPage":"第三页","page.htmlVision.applicationPageFrame.lastPage":"最后一页","page.htmlVision.applicationPageFrame.title":"两个跨域页面进行跳转传参的终极方案","page.htmlVision.applicationPageFrame.author":"作者","page.htmlVision.applicationPageFrame.pageA":"A页面","page.htmlVision.applicationPageFrame.pageB":"B页面","page.htmlVision.applicationPageFrame.appoint":"本文约定","page.htmlVision.applicationPageFrame.appointText1":"A页面：跳转前的原来页面，假设为a.com","page.htmlVision.applicationPageFrame.appointText2":"B页面：将要跳转的目标页面，假设为b.com","page.htmlVision.applicationPageFrame.subTitle1":"一、简单方案","page.htmlVision.applicationPageFrame.des1":"说到页面跳转，首先想到的就是用a标签","page.htmlVision.applicationPageFrame.codeBox1.text":"在A页面点击链接，并将参数data传到B页面","page.htmlVision.applicationPageFrame.codeBox2.text":"在B页面接收A页面传过来的参数","page.htmlVision.applicationPageFrame.des2":"还可以使用window.open方法跳转页面","page.htmlVision.applicationPageFrame.des3":"弊端：通过URL的方式传参是有字符数量限制的，只能传递较少的数据。","page.htmlVision.applicationPageFrame.subTitle2":"二、传递长数据方案","page.htmlVision.applicationPageFrame.des4":"想要传递大量数据就不能使用将数据放在URL中这种方式进行传递，这里我使用了HTML5中新引入的window.postMessage方法进行数据传递。","page.htmlVision.applicationPageFrame.des5":"如果是在A页面中使用iframe标签嵌入B页面的情况下，方法如下：","page.htmlVision.applicationPageFrame.des6":"弊端","page.htmlVision.applicationPageFrame.des7":"1. 使用postMessage发送消息时要保证B页面已加载，由于A和B两个页面是跨域的，所以使用popup.onload是无效的，只能使用setTimeout延迟发送，这种做法比较low，不能保证稳定性。","page.htmlVision.applicationPageFrame.des8":"2. 使用iframe标签只能嵌入页面，不能打开新窗口，使用window.open可以打开新窗口，但是，当B页面刚被加载时是没有数据传递的，数据是在窗口打开后才被发送，所以B页面会有延迟。","page.htmlVision.applicationPageFrame.subTitle3":"三、终极方案：iframe+postMessage+localStorage","page.htmlVision.applicationPageFrame.des9":"在A页面中使用iframe标签加载B页面并隐藏，当点击跳转时，使用postMessage发送消息给B页面，在B页面中监听A页面发过来的数据，然后保存到localStorage中，然后当A页面使用window.open打开B页面时，B页面直接去localStorage中取数据，这样就完成了页面跳转并传参","page.htmlVision.applicationPageFrame.codeBox3.text":"当能获取到数据时就说明是从A页面跳转过来的","page.htmlVision.applicationPageFrame.des10":"总结","page.htmlVision.applicationPageFrame.des11":"1. iframe和postMessage都是可以跨域的，而localStorage是不能跨域共享数据的。","page.htmlVision.applicationPageFrame.des12":"2. window.postMessage中的window始终是指将要跳转的目标页面的window对象。"},"en-us":{"common.logoName":"Visualization Collection","common.reward":"Reward","common.reward.tip":"If you find the site good and the content helpful, it's not too late to reward","common.LanguageSwitch":"Chinese-English Switch","common.keepUpdating":"Keep updating, stay tuned","common.comingSoon":"Coming soon","common.comingSoon.text":"The project is continuously updated, coming soon！！！","common.workHard":"Hard at work, please hold on","common.tryingToLoad":"Trying to load, please hold on","common.start":"Start","common.end":"End","common.operationFailure":"Operation failure","common.noData":"No data","common.unknown":"Unknown","common.confirm":"Confirm","common.cancel":"Cancel","common.clear":"Clear","common.play":"Play","common.pause":"Pause","common.download":"Download","common.get":"Get","common.failedToObtain":"Failed to obtain","common.failedToObtain2":"Failed to obtain, the browser does not support","common.pleaseEnterText":"Please enter text","common.getText":"Get text","common.save":"Save","common.saveSuccessfully":"Save successfully","common.saveFailed":"Failed to save, the browser does not support","common.parsingDataFailure":"Data parsing failed. Please replace it with another file","common.uploadFile":"Upload File","common.dragTheFileHere":"Or drag the file here","common.supportedImageType":"jpg, jpeg, and png are supported","common.supportedVideoType":"webm and mp4 are supported","common.pleaseUploadPicture":"Please upload the picture first","common.deviceNotFound":"Requested device not found","common.impowerOpenMicrophone":"Authorization failed, please click Settings -> Privacy Settings and Security -> Website Settings -> Microphone to open Allow use","common.impowerOpenCamera":"Authorization failed, please click Settings -> Privacy Settings and Security -> Website Settings -> Camera to open Allow use","common.notSupportGetUserMedia":"Browsers do not support getUserMedia","common.notSupportGetDisplayMedia":"Browsers do not support getDisplayMedia","common.browserTooLow":"Your browser version is too low, please update your browser","common.backgroundColor":"Background Color","common.filename":"Filename","common.format":"Format","common.dimension":"Dimension","common.size":"Size","common.width":"Width","common.height":"Height","common.duration":"Duration","common.transparency":"Transparency","common.red":"Red","common.blue":"Blue","common.white":"White","common.watermarkSizeLimit":"Please select watermark images of 20x20 and above","common.watermarkSizeTooLarge":"Please select a watermark image that is smaller than the size of the target image","common.uploadWatermark":"Upload watermark","common.distanceLeft":"Distance left","common.distanceTop":"Distance Top","common.clippingWidth":"Clipping width","common.clippingHeight":"Clipping height","common.flipSideToSide":"Flip Side To Side","common.flipTopToBottom":"Flip Top To Bottom","common.rotateLeft":"Rotate Left","common.rotateRight":"Rotate Right","common.graying":"Graying","common.vampix":"Vampix","common.mosaicGrainSize":"Mosaic grain size","common.parsingData":"Parsing data","common.whetherMaintainOriginalProportion":"Whether to maintain the original proportion","common.pleaseEnterWidthOrHeight":"Please enter width or height","common.reset":"Reset","common.backout":"Backout","common.delete":"Delete","common.inquire":"Inquire","common.checkout":"Checkout","common.moduleTitle":"Module Title","common.customizeContent":"Customize content","common.ad.btnText":"Experience right away","menu.htmlVision":"Html Vision","menu.htmlVision.visualDesign":"Visual Design","menu.htmlVision.interactiveDesign":"Interactive Design","menu.htmlVision.backgroundPattern":"Background Pattern","menu.htmlVision.complexLayout":"Complex Layout","menu.htmlVision.applicationPageFrame":"Application Page Frame","menu.htmlVision.utilitarianFunction":"Utilitarian Function","menu.cssDynamicEffect":"Css Dynamic Effect","menu.cssDynamicEffect.dynamicEffectButton":"Dynamic Effect Button","menu.cssDynamicEffect.richDynamicEffect":"Rich Dynamic Effect","menu.cssDynamicEffect.generateRegularPolygon":"Generate Regular Polygon","menu.cssDynamicEffect.musicVisualization":"Music Visualization","menu.canvasDynamicEffect":"Canvas Dynamic Effect","menu.canvasDynamicEffect.sphereCollisionExample":"sphere-collision Example","menu.canvasDynamicEffect.dynamicClock":"Dynamic Clock","menu.canvasDynamicEffect.searchlightEffect":"Searchlight Effect","menu.canvasDynamicEffect.sphereCollisionInteraction":"Sphere Collision Interaction","menu.canvasDynamicEffect.destroyThePlanetGame":"Destroy The Planet Game","menu.canvasDynamicEffect.sphereFreeFallInteraction":"Sphere Free Fall Interaction","menu.canvasDynamicEffect.coolCountdownAnimation":"Cool Countdown Animation","menu.canvasDynamicEffect.dynamicParticleBackground":"Dynamic Particle Background","menu.canvasDynamicEffect.rippleEffect":"Ripple Effect","menu.canvasDynamicEffect.flowerBloomingAnimation":"Flower Blooming Animation","menu.canvasDynamicEffect.codeBackgroundWall":"Code Background Wall","menu.canvasDynamicEffect.wordDance":"Word Dance","menu.canvasDynamicEffect.scratch":"Scratch","menu.canvasDynamicEffect.matchLine":"Match Line","menu.echartsInteraction":"Echarts Interaction","menu.echartsInteraction.barCharts":"Bar Charts","menu.echartsInteraction.pieCharts":"Pie Charts","menu.echartsInteraction.treeCharts":"Tree Charts","menu.threeJs3D":"Three.js3D","menu.threeJs3D.appPageFrame":"Cool 3D Application page","menu.threeJs3D.carShow":"Car Show","menu.threeJs3D.rubiksCube":"Level 3 Rubik's Cube","menu.threeJs3D.throwDice":"Throw Dice","menu.threeJs3D.mapDisplay":"Map Display","menu.threeJs3D.earthDisplay":"Earth Display","menu.AIApplication":"AI Application","menu.AIApplication.humanPostureDetection":"Human Posture Detection","menu.AIApplication.notBlockPeopleBarrage":"Not Block The People Of The Barrage","menu.imageProcessingTool":"Image Processing Tool","menu.imageProcessingTool.basicOperation":"Basic Operation","menu.imageProcessingTool.rectangularClipping":"Rectangular Clipping","menu.imageProcessingTool.roundedCornerClipping":"Rounded Corner Clipping","menu.imageProcessingTool.modifyTheSize":"Modify The Size","menu.imageProcessingTool.modifyBrightness":"Modify Brightness","menu.imageProcessingTool.modifyTransparency":"Modify Transparency","menu.imageProcessingTool.addWatermark":"Add Watermark","menu.imageProcessingTool.coverWithMosaics":"Cover With Mosaics","menu.imageProcessingTool.imageCompression":"Image Compression","menu.videoProcessingTool":"Video Processing Tool","menu.videoProcessingTool.basicOperation":"Basic Operation","menu.videoProcessingTool.modifyTheSize":"Modify The Size","menu.videoProcessingTool.clipping":"Clipping","menu.videoProcessingTool.combine":"Combine","menu.videoProcessingTool.varyingVelocity":"Varying Velocity","menu.videoProcessingTool.addWatermark":"Add Watermark","menu.videoProcessingTool.generateGIF":"Generate GIF","menu.videoProcessingTool.AIGenerateSubtitles":"AI Generated Subtitles","menu.videoProcessingTool.addAudio":"Add Audio","page.htmlVision.visualDesign.displaysCustomRows":"This component is a text component that displays ellipses when exceeded, and can also dynamically obtain whether text is exceeded.","page.htmlVision.visualDesign.displaysCustomRows2":"This component is a text component that displays the number of user-defined lines, and displays ellipses when the number exceeds. It also supports the display of user-defined text buttons when ellipses appear at the end.","page.htmlVision.visualDesign.thisIsText":"This is the text.","page.htmlVision.visualDesign.quantumEntanglementTip":"There are hidden quantum entanglement effects in this station waiting for you to discover oh.","page.htmlVision.visualDesign.brighten":"Brighten","page.htmlVision.visualDesign.grayed":"Grayed","page.htmlVision.visualDesign.textShadow":"Text Shadow","page.htmlVision.interactiveDesign.magnifyingGlass":"Magnifying glass interaction effect","page.htmlVision.interactiveDesign.dragAndDropClipBox":"Drag-and-drop clip-box interaction effect","page.htmlVision.interactiveDesign.dragAndDropShopping":"Drag-and-drop shopping interaction effect","page.htmlVision.interactiveDesign.swipeTab":"Swipe Tab left and right to change the interaction","page.htmlVision.interactiveDesign.flipBoook":"Flip the book interactive effect","page.htmlVision.interactiveDesign.switchButton":"Slide the switch button left and right","page.htmlVision.interactiveDesign.pseudo3DRubikCube":"Pseudo 3D Rubik's Cube interaction effect","page.htmlVision.interactiveDesign.3DRubikCube":"3D Rubik's Cube interaction effect","page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection":"Automatic identification of mouse direction interaction effect","page.htmlVision.interactiveDesign.wipeTheEffect":"Wipe the effect of switching pages","page.htmlVision.interactiveDesign.title":"Title","page.htmlVision.interactiveDesign.price":"Price","page.htmlVision.interactiveDesign.count":"Count","page.htmlVision.interactiveDesign.total":"Total","page.htmlVision.interactiveDesign.addingToCart":"Let go of adding to cart","page.htmlVision.interactiveDesign.dragToThisToBuy":"Drag to this area to buy","page.htmlVision.interactiveDesign.previousPage":"Previous Page","page.htmlVision.interactiveDesign.nextPage":"Next Page","page.htmlVision.interactiveDesign.personalArticle":"Personal Article","page.htmlVision.interactiveDesign.autoCompletePunctuation":"Automatically complete the punctuation input box","page.htmlVision.interactiveDesign.stackedImages":"Hover effect for stacked images","page.htmlVision.utilitarianFunction.operatingShears":"Operating Shears","page.htmlVision.utilitarianFunction.saveTextToClipboard":"Save the text to the clipboard","page.htmlVision.utilitarianFunction.pleaseEnterText":"Please enter text first","page.htmlVision.utilitarianFunction.getsTextFromClipboard":"Gets text from the clipboard","page.htmlVision.utilitarianFunction.saveImageToClipboard":"Save the image to the clipboard","page.htmlVision.utilitarianFunction.getImageFromClipboard":"Get the image from the clipboard","page.htmlVision.utilitarianFunction.pasteTheImage":"Ctrl+V Paste the image","page.htmlVision.utilitarianFunction.recordAudio":"Record Audio","page.htmlVision.utilitarianFunction.startRecording":"Start Recording","page.htmlVision.utilitarianFunction.whileRecording":"While recording, click End","page.htmlVision.utilitarianFunction.rerecord":"Rerecord","page.htmlVision.utilitarianFunction.recordScreen":"Record Screen","page.htmlVision.utilitarianFunction.recordVideo":"Record Video","page.htmlVision.utilitarianFunction.takeIDPhotos":"Take ID Photos","page.htmlVision.utilitarianFunction.clickToTakeAPhoto":"Click To Take a Photo","page.htmlVision.utilitarianFunction.readyToTakeAPhoto":"Ready To take a Photo","page.htmlVision.utilitarianFunction.backPhoto":"Back Photo","page.htmlVision.utilitarianFunction.oneInch":"1 inch","page.htmlVision.utilitarianFunction.twoInch":"2 inch","page.cssDynamicEffect.richDynamicEffect.SVGCircularClock":"SVG Circular clock dynamic effect","page.cssDynamicEffect.richDynamicEffect.upAndDownCard":"Up-and-down card dynamic effect","page.cssDynamicEffect.richDynamicEffect.charging":"Charging dynamic effect","page.cssDynamicEffect.richDynamicEffect.zongziLoading":"Zongzi loading dynamic effect","page.cssDynamicEffect.richDynamicEffect.borderRotation":"Border rotation dynamic effect","page.cssDynamicEffect.richDynamicEffect.luminousText":"Luminous text dynamic effect","page.cssDynamicEffect.richDynamicEffect.searchlightText":"Searchlight text dynamic effect","page.cssDynamicEffect.richDynamicEffect.wavyText":"Wavy text dynamic effect","page.cssDynamicEffect.richDynamicEffect.textLineDisplay":"Text line display dynamic effect","page.cssDynamicEffect.richDynamicEffect.textLineLoop":"Text line loop dynamic effect","page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar":"Mobius loop bar dynamic effect","page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots":"Mobius loop circle dots dynamic effect","page.cssDynamicEffect.richDynamicEffect.tankShaking":"Tank shaking dynamic effect","page.cssDynamicEffect.generateRegularPolygon.numberOfSides":"Number of sides","page.cssDynamicEffect.generateRegularPolygon.rotation":"Rotation","page.canvasDynamicEffect.sphereCollisionExample":"sphere-collision example","page.canvasDynamicEffect.dynamicClock":"Dynamic clock effect","page.canvasDynamicEffect.searchlight":"Searchlight effect","page.canvasDynamicEffect.startGame":"Start Game","page.canvasDynamicEffect.continueTheGame":"Continue The Game","page.canvasDynamicEffect.restart":"Restart","page.canvasDynamicEffect.pause":"Pause","page.canvasDynamicEffect.gameHasPaused":"The game has been paused","page.canvasDynamicEffect.score":"Score","page.canvasDynamicEffect.videoIsSlowToLoad":"The video is slow to load, please wait patiently","page.canvasDynamicEffect.matchLineQuestion":"Match line question","page.canvasDynamicEffect.fruit":"Fruit","page.canvasDynamicEffect.animal":"Animal","page.canvasDynamicEffect.car":"Car","page.canvasDynamicEffect.vegetable":"Vegetable","page.canvasDynamicEffect.pleaseReset":"Currently verified, please reset","page.canvasDynamicEffect.noVerifiableAnswer":"There is no verifiable answer","page.threeJs3D.abrazine":"Abrazine","page.threeJs3D.cryolite":"Cryolite","page.threeJs3D.ordinary":"Ordinary","page.threeJs3D.transparent":"Transparent","page.threeJs3D.carDisplayAndMatching":"Car display and matching","page.threeJs3D.bodyColor":"Body Color","page.threeJs3D.anteriorFaceColor":"Anterior Face Color","page.threeJs3D.hoodColor":"Hood Color","page.threeJs3D.hubColor":"Hub Color","page.threeJs3D.filmMaterial":"Film Material","page.threeJs3D.windshieldMaterial":"Windshield Material","page.threeJs3D.diceNum":"Number of dice","page.threeJs3D.enterDiceNum":"Please enter the number of dice first","page.threeJs3D.visualizationPlatform":"Large screen visualization platform","page.AIApplication.humanPostureDetection":"Real-time human posture detection (Camera required)","page.AIApplication.send":"Send","page.AIApplication.sendBarrage":"Send barrage","page.imageProcessingTool.extensionTipFront":"If you want to use this tool offline, or if you have images larger than 1350x1350 that need to be processed, it is recommended that you use the","page.imageProcessingTool.extensionTipBehind":"browser extension, will be the extension of the project folder is loaded into the browser can be used.","page.imageProcessingTool.imageTooSmall":"Please select the size above 20x20","page.imageProcessingTool.imageTooLarge":"Please select the size below 1350x1350","page.imageProcessingTool.shmpch":"Shmpch","page.imageProcessingTool.edgeSharpening":"Edge Sharpening","page.imageProcessingTool.filterContrast":"Filter Contrast","page.imageProcessingTool.redFilter":"Red Filter","page.imageProcessingTool.greenFilter":"Green Filter","page.imageProcessingTool.blueFilter":"Blue Filter","page.imageProcessingTool.redGreenFilter":"Red-green Filter","page.imageProcessingTool.redBlueFilter":"Red-blue Filter","page.imageProcessingTool.blueGreenFilter":"Blue-green Filter","page.imageProcessingTool.redGreyFilter":"Red-grey Filter","page.imageProcessingTool.greenGreyFilter":"Green-grey Filter","page.imageProcessingTool.blueGreyFilter":"Blue-grey Filter","page.imageProcessingTool.gaussianBlur":"Gaussian Blur","page.imageProcessingTool.jpgToPng":"JPG To PNG","page.imageProcessingTool.pngToJpg":"PNG To JPG","page.imageProcessingTool.pleaseEnterBrightness":"Please enter the brightness value","page.imageProcessingTool.darken":"Darken","page.imageProcessingTool.lighten":"Lighten","page.imageProcessingTool.pleaseEnterDiaphaneity":"Please enter a transparency value","page.imageProcessingTool.pleaseUploadPng":"Please upload the image in png format","page.imageProcessingTool.whetherValueFixed":"Whether the value is fixed","page.imageProcessingTool.becomeTransparent":"Become transparent","page.imageProcessingTool.becomeOpaque":"Become opaque","page.imageProcessingTool.compressibility":"Compressibility","page.imageProcessingTool.pleaseEnterFilletRadius":"Please enter the fillet radius","page.imageProcessingTool.filletRadius":"Fillet radius","page.imageProcessingTool.clippedAndConvertedToPng":"Clipped and converted to PNG format","page.imageProcessingTool.WhetherRetainOriginalDimension":"Whether to retain the original dimension","page.videoProcessingTool.tip":"The tool processing video will be very slow, because it is a pure front-end implementation, the correct approach is to upload the file to the background for processing, here is only to provide a pure front-end video processing solution.","page.videoProcessingTool.generatingVideo":"Work hard at generating video","page.htmlVision.applicationPageFrame.secondPage":"Second Page","page.htmlVision.applicationPageFrame.thirdPage":"Third Page","page.htmlVision.applicationPageFrame.lastPage":"Last Page","page.htmlVision.applicationPageFrame.title":"The ultimate solution for two cross-domain pages to jump and pass parameters","page.htmlVision.applicationPageFrame.author":"Author","page.htmlVision.applicationPageFrame.pageA":"Page A","page.htmlVision.applicationPageFrame.pageB":"Page B","page.htmlVision.applicationPageFrame.appoint":"Article convention","page.htmlVision.applicationPageFrame.appointText1":"Page A: The original page before the jump. Assume that the page is a.com","page.htmlVision.applicationPageFrame.appointText2":"Page B: The target page to jump to. Assume that the page is b.com","page.htmlVision.applicationPageFrame.subTitle1":"First, simple scheme","page.htmlVision.applicationPageFrame.des1":"When it comes to page hopping, the first thing that comes to mind is using the a tag","page.htmlVision.applicationPageFrame.codeBox1.text":"Click the link on page A and transfer the parameter data to page B","page.htmlVision.applicationPageFrame.codeBox2.text":"The parameters sent from page A are received on page B","page.htmlVision.applicationPageFrame.des2":"You can also use the window.open method to jump to the page","page.htmlVision.applicationPageFrame.des3":"Disadvantages: Parameter passing by URL is limited by the number of characters and can only pass a small amount of data.","page.htmlVision.applicationPageFrame.subTitle2":"Second, pass long data scheme","page.htmlVision.applicationPageFrame.des4":"If you want to transfer a large amount of data, you can't use the method of putting data in the URL. Here I use the window.postMessage method introduced in HTML5 for data transfer.","page.htmlVision.applicationPageFrame.des5":"If the iframe tag is used to embed page B in page A, the method is as follows:","page.htmlVision.applicationPageFrame.des6":"Abuse","page.htmlVision.applicationPageFrame.des7":"1. When sending messages using postMessage, ensure that page B has been loaded. Since pages A and B are cross-domain, popup.onload is invalid, and only setTimeout can be used to delay sending.","page.htmlVision.applicationPageFrame.des8":"2. If you use the iframe tag, you can only embed the page and not open a new window. If you use window.open, you can open a new window. However, no data is passed when the B page is first loaded. The data is sent after the window opens, so there is a delay on page B.","page.htmlVision.applicationPageFrame.subTitle3":"Third, ultimate solution: iframe+postMessage+localStorage","page.htmlVision.applicationPageFrame.des9":"On page A, use iframe tag to load page B and hide it. When click Jump, use postMessage to send message to page B, monitor the data sent from page A on page B, and then save it to localStorage. Then, when page A uses window.open to open page B, Page B directly goes to localStorage to get data, so that the page jump and parameter pass is completed","page.htmlVision.applicationPageFrame.codeBox3.text":"When the data can be obtained, it means that it is from page A","page.htmlVision.applicationPageFrame.des10":"Summarize","page.htmlVision.applicationPageFrame.des11":"1. Both iframe and postMessage can be cross-domain, while localStorage cannot share data across domains.","page.htmlVision.applicationPageFrame.des12":"2. Window in window.postMessage always refers to the window object of the target page to be jumped to."}},mb=function(){var e=d().locale,t=(0,m.V$)(lb);return(0,s.jsx)("div",{className:"app_container",translate:"no",children:(0,s.jsx)(ub.Z,{locale:e||"en-us",messages:db[e||"en-us"],children:t})})},fb=document.getElementById("root");fb&&(0,i.s)(fb).render((0,s.jsx)(u,{children:(0,s.jsx)(a.UT,{children:(0,s.jsx)(mb,{})})}))},75410:function(){},48628:function(){},75042:function(){}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={id:e,loaded:!1,exports:{}};return r[e].call(n.exports,n,n.exports,a),n.loaded=!0,n.exports}a.m=r,a.amdD=function(){throw new Error("define cannot be used indirect")},a.amdO={},e=[],a.O=function(t,n,r,i){if(!n){var o=1/0;for(u=0;u<e.length;u++){n=e[u][0],r=e[u][1],i=e[u][2];for(var s=!0,c=0;c<n.length;c++)(!1&i||o>=i)&&Object.keys(a.O).every((function(e){return a.O[e](n[c])}))?n.splice(c--,1):(s=!1,i<o&&(o=i));if(s){e.splice(u--,1);var l=r();void 0!==l&&(t=l)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[n,r,i]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},a.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var i=Object.create(null);a.r(i);var o={};t=t||[null,n({}),n([]),n(n)];for(var s=2&r&&e;"object"==typeof s&&!~t.indexOf(s);s=n(s))Object.getOwnPropertyNames(s).forEach((function(t){o[t]=function(){return e[t]}}));return o.default=function(){return e},a.d(i,o),i},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},function(){var e;a.g.importScripts&&(e=a.g.location+"");var t=a.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");n.length&&(e=n[n.length-1].src)}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e}(),function(){var e={179:0};a.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,i,o=n[0],s=n[1],c=n[2],l=0;if(o.some((function(t){return 0!==e[t]}))){for(r in s)a.o(s,r)&&(a.m[r]=s[r]);if(c)var u=c(a)}for(t&&t(n);l<o.length;l++)i=o[l],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return a.O(u)},n=self.webpackChunkvisualization_collection=self.webpackChunkvisualization_collection||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var o=a.O(void 0,[845,61,294,24,968,117],(function(){return a(23509)}));o=a.O(o)}();
\ No newline at end of file
+!function(){var e,t,n,r={23509:function(e,t,n){"use strict";var r=n(67294),i=n(20745),a=n(79655),o=n(29439),s=n(85893),c=r.createContext({locale:"en-us",setLocale:function(){},headHeight:0,setHeadHeight:function(){},menuWidth:0,setMenuWidth:function(){},scrollTop:0,setScrollTop:function(){},scrollContentRef:r.createRef(),setScrollContentRef:function(){}}),l=r.createRef(),u=function(e){var t=localStorage.getItem("language")||"en-us",n=(0,r.useState)(t),i=(0,o.Z)(n,2),a=i[0],u=i[1],d=(0,r.useState)(0),m=(0,o.Z)(d,2),f=m[0],g=m[1],h=(0,r.useState)(0),p=(0,o.Z)(h,2),v=p[0],x=p[1],y=(0,r.useState)(0),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useCallback)((function(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;j(e),l.current&&l.current.scrollTop!==e&&(l.current.scrollTop=e)}),[]);return(0,s.jsx)(c.Provider,{value:{locale:a,headHeight:f,menuWidth:v,scrollTop:w,setLocale:function(e){var t=/^zh\b/.test(e.toLocaleLowerCase())?"zh-cn":"en-us";u(t),localStorage.setItem("language",t)},setHeadHeight:g,setMenuWidth:x,setScrollTop:b,scrollContentRef:l,setScrollContentRef:function(e){e&&(l=e)}},children:e.children})},d=function(){return(0,r.useContext)(c)},m=n(89250),f=n(49089);var g={init:function(){f.ZP.initialize("G-N0W492NWD6")},sendEvent:function(e){f.ZP.event(e)},sendPageview:function(e){f.ZP.send({hitType:"pageview",page:e})}};var h=n(86896),p=n(52758),v=n(13242),x=n(812),y=n(73218),A=function(e){var t=(0,r.useRef)({screenLeft:window.screenLeft,screenTop:window.screenTop}),n=(0,r.useRef)(0),i=function r(){if(t.current){var i=t.current,a=i.screenLeft,o=i.screenTop;if(a!==window.screenLeft||o!==window.screenTop){var s={screenLeft:window.screenLeft,screenTop:window.screenTop};t.current=s,e(s)}}n.current=window.requestAnimationFrame(r)};return(0,r.useEffect)((function(){return n.current=window.requestAnimationFrame(i),function(){n.current&&window.cancelAnimationFrame(n.current)}}),[]),t.current},w=window.location.host.includes("localhost")||window.location.host.includes("127.0.0.1"),j=function(e,t,n,i,a){var s=(0,r.useRef)(Math.random().toString(36).substring(2)),c=(0,r.useState)(null),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useRef)(""),f=(0,r.useRef)(!1),g=(0,r.useRef)(0),h=(0,r.useRef)(0),p=function(){var e=0,t=0;if(null!=a&&a.current){var n=a.current.getBoundingClientRect(),r=n.top,i=n.left,o=n.width,c=n.height;e=i+window.screenLeft+o/2,t=r+window.screenTop+c/2}else e=window.innerWidth/2+window.screenLeft,t=window.innerHeight/2+window.screenTop;return{pageId:s.current,x:e,y:t}},v=(0,r.useCallback)((function(){var e=p(),t=window.localStorage.getItem(n);if(t){var r=JSON.parse(t);if(r&&r.length>0){var i=JSON.parse(t).filter((function(e){return e.pageId!==s.current}));i.unshift(e),window.localStorage.setItem(n,JSON.stringify(i))}else window.localStorage.setItem(n,JSON.stringify([e]))}else window.localStorage.setItem(n,JSON.stringify([e]))}),[]),x=(0,r.useCallback)((function(){var e=window.localStorage.getItem(n);if(e){var t=JSON.parse(e);if(t&&t.length>0){var r=JSON.parse(e).filter((function(e){return e.pageId===m.current}));window.localStorage.setItem(n,JSON.stringify(r))}}}),[]),y=(0,r.useCallback)((function(){if(e&&f.current){var n=document.getElementById(e);if(n){var r,i=p();null===(r=n.contentWindow)||void 0===r||r.postMessage(JSON.stringify(i),t)}}}),[]),j=(0,r.useCallback)((function(){if(e&&f.current){var n=document.getElementById(e);if(n){var r;g.current=0;var a={pageId:s.current,keepAlive:!0,timestamp:(new Date).getTime()};null===(r=n.contentWindow)||void 0===r||r.postMessage(JSON.stringify(a),t),h.current||(h.current=window.setTimeout((function(){h.current=0,window.localStorage.removeItem(i),m.current="",d(null)}),1500))}}}),[]),b=function(e){if(e){var t=JSON.parse(e);if(t&&t.length>0){for(var n=!1,r=0,i=t.length;r<i;r++){var a=t[r];if(a.pageId!==s.current){m.current=a.pageId,d(a),n=!0;break}}n||(m.current="",d(null))}else m.current="",d(null)}else m.current="",d(null)},_=function(e){if(e){var t=JSON.parse(e);t?(m.current=t.pageId,d(t)):(m.current="",d(null))}else m.current="",d(null)},D=(0,r.useCallback)((function(e){e.origin===t&&(e.data?e.data.includes("keepAlive")?window.localStorage.setItem("keepAliveInfo",e.data):window.localStorage.setItem(i,e.data):(window.localStorage.setItem("keepAliveInfo",""),window.localStorage.setItem(i,"")))}),[]),M=(0,r.useCallback)((function(e){if(e.key===n)b(e.newValue);else if("keepAliveInfo"===e.key){if(e.newValue){var t=JSON.parse(e.newValue);if(m.current)t&&t.pageId===m.current&&h.current&&(window.clearTimeout(h.current),h.current=0);else{h.current&&(window.clearTimeout(h.current),h.current=0);var r={pageId:t.pageId,x:0,y:0};m.current=t.pageId,d(r)}}}else e.key===i&&_(e.newValue)}),[]),k=(0,r.useCallback)((function(){if(window.self===window.top)if(w){y();var e=window.localStorage.getItem(i);_(e)}else{v();var t=window.localStorage.getItem(n);b(t)}}),[]);return A(k),(0,r.useEffect)((function(){if(window.self===window.top)if(w){if(e&&null!=a&&a.current){var n=document.createElement("iframe");n.id=e,n.style.visibility="hidden",n.onload=function(){f.current=!0,k(),window.addEventListener("storage",M),window.addEventListener("resize",k),g.current=window.setInterval((function(){j()}),600)},n.src=t,a.current.appendChild(n)}}else k(),window.addEventListener("storage",M),window.addEventListener("resize",k),window.addEventListener("beforeunload",x);else w&&window.addEventListener("message",D,!1);return function(){window.self===window.top?(window.removeEventListener("storage",M),window.removeEventListener("resize",k),g.current&&window.clearInterval(g.current),h.current&&window.clearTimeout(h.current),w||x()):w&&window.removeEventListener("message",D)}}),[]),{interactPageInfo:u,resendMessage:k}},b=["#F2BB00","#16BA79","#2454E6","#5470c6","#ea7ccc","#91cc75","#ee6666","#73c0de","#3ba272","#9a60b4"],_="bIframe",D="http://localhost:3003",M="InteractionEyes_container__nC6-d",k="InteractionEyes_eye__zDx2I",N="InteractionEyes_heart__G9lnP",E="InteractionEyes_eyeball__hK-+b",C=function(){var e=d().locale,t=(0,r.useRef)(null),n=j(_,D,"selfPageInfoList","bPageInfo",t),i=n.interactPageInfo,a=n.resendMessage;(0,r.useEffect)((function(){a()}),[e]);var o=(0,r.useMemo)((function(){if(t.current&&i){var e=i.x,n=i.y,r=t.current.getBoundingClientRect(),a=r.top,o=r.left,s=r.width,c=r.height,l=o+window.screenLeft+s/2,u=a+window.screenTop+c/2,d=Math.hypot(e-l,n-u);return d>28?{eyeballLeft:9*(e-l)/d,eyeballTop:9*(n-u)/d}:{eyeballLeft:0,eyeballTop:0}}return null}),[i]);return(0,s.jsx)("div",{className:M,ref:t,children:o&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:k,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:N}):(0,s.jsx)("div",{className:E,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})}),(0,s.jsx)("div",{className:k,children:0===o.eyeballLeft&&0===o.eyeballTop?(0,s.jsx)("div",{className:N}):(0,s.jsx)("div",{className:E,style:{transform:"translate(".concat(o.eyeballLeft,"px, ").concat(o.eyeballTop,"px)")}})})]})})},S=n.p+"images/235f02ed.jpeg",P=n(4942);function B(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function I(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?B(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):B(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var T=function(e){return(0,s.jsx)("svg",I(I({width:"1em",height:"1em",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsxs)("g",{fill:"#11142D",fillRule:"nonzero",children:[(0,s.jsx)("path",{d:"M2.324 2.323h15.12v15.12H2.324V2.323ZM1.711.999a.71.71 0 0 0-.711.71v16.347c0 .393.318.71.71.71h16.348a.71.71 0 0 0 .71-.71V1.71a.71.71 0 0 0-.71-.71H1.71Z"}),(0,s.jsx)("path",{d:"M10.097 13.383V12.36h-4.63V9.863h4.18V8.84h-4.18V6.552H9.91V5.529H4.267v7.854h5.83Zm2.277 0V9.962c.044-.462.21-.825.473-1.09.242-.241.54-.351.87-.351.88 0 1.33.484 1.33 1.452v3.41h1.166v-3.51c0-1.561-.715-2.331-2.123-2.331a1.98 1.98 0 0 0-.957.22 2.183 2.183 0 0 0-.759.638v-.704h-1.166v5.687h1.166Z"})]})}))};function R(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function F(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?R(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):R(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var O=function(e){return(0,s.jsx)("svg",F(F({width:"1em",height:"1em",viewBox:"0 0 21 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsxs)("g",{fill:"#11142D",fillRule:"nonzero",children:[(0,s.jsx)("path",{d:"M2.44 2.323h15.12v15.12H2.44V2.323ZM1.827.999a.71.71 0 0 0-.711.71v16.347c0 .393.318.71.71.71h16.347a.71.71 0 0 0 .711-.71V1.71a.71.71 0 0 0-.71-.71H1.826Z"}),(0,s.jsx)("path",{d:"M10.539 14.593v-3.685h2.87v.627h1.046V6.222h-3.916V4.319H9.46v1.903H5.556v5.313H6.6v-.627h2.86v3.685h1.078ZM9.46 9.885H6.6v-2.64h2.86v2.64Zm3.949 0h-2.871v-2.64h2.87v2.64Z"})]})}))},Z="Header_container__4tC+Z",G="Header_left__7u7-T",Q="Header_title__T9B5R",L="Header_right__qQAPq",z="Header_btn__osEo4",H="Header_rewardModal__LMM8K",V="Header_closeBtn__p4OnE",U=window.location.host.includes("localhost")||window.location.host.includes("127.0.0.1"),W=function(){var e=(0,h.Z)(),t=d(),n=t.locale,i=t.setLocale,a=t.setHeadHeight,c=(0,r.useRef)(null),l=(0,r.useState)(!1),u=(0,o.Z)(l,2),m=u[0],f=u[1];return(0,r.useEffect)((function(){if(c.current){var e=c.current.getBoundingClientRect().height;a(e)}}),[]),(0,s.jsxs)("div",{className:Z,ref:c,children:[(0,s.jsxs)("div",{className:G,children:[(0,s.jsx)("div",{className:Q,onClick:function(){if(U){var e,t=document.getElementById(_);if(t)null===(e=t.contentWindow)||void 0===e||e.postMessage("autoSavePassword",D);window.open(D,"_blank","top=200,left=100")}else window.open("https://hepengwei.cn","_blank","top=200,left=100")},children:e.formatMessage({id:"common.logoName"})}),(0,s.jsx)(C,{})]}),(0,s.jsxs)("div",{className:L,children:[(0,s.jsx)(p.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.reward"}),children:(0,s.jsx)("div",{className:z,onClick:function(){f(!0)},children:(0,s.jsx)(x.Z,{})})}),(0,s.jsx)(p.Z,{placement:"bottomRight",title:e.formatMessage({id:"common.LanguageSwitch"}),children:(0,s.jsx)("div",{className:z,onClick:function(){i("zh-cn"===n?"en-us":"zh-cn")},children:"zh-cn"===n?(0,s.jsx)(O,{}):(0,s.jsx)(T,{})})})]}),(0,s.jsxs)(v.Z,{wrapClassName:H,title:e.formatMessage({id:"common.reward"}),open:m,footer:null,maskClosable:!1,width:320,children:[(0,s.jsx)("div",{className:V,onClick:function(){f(!1)},children:(0,s.jsx)(y.Z,{})}),(0,s.jsx)("img",{src:S,alt:""}),(0,s.jsx)("p",{children:e.formatMessage({id:"common.reward.tip"})})]})]})},Y=n(73935),J=n(7278),q=n(93483),K=n(29934),X=n(3682),$=n(50161),ee=n(90894),te=n(53587),ne=n(22608),re=n(1351),ie=n(76629),ae=n(85191),oe=n(71577),se=n(24847),ce="Menus_container__dz5ma",le="Menus_topBox__EoJUd",ue="Menus_top__a7CPT",de="Menus_menuLabel__eOdiw",me="Menus_bottom__dStLR";function fe(e,t,n,r,i){return{key:t,icon:n,children:r,label:(0,s.jsx)("p",{className:de,children:e}),type:i}}var ge=function(){var e=(0,h.Z)(),t=(0,m.s0)(),n=(0,m.TH)(),i=(0,r.useState)(!1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=d().setMenuWidth,f=(0,r.useRef)(null),g=[fe(e.formatMessage({id:"menu.htmlVision"}),"html",(0,s.jsx)(J.Z,{}),[fe(e.formatMessage({id:"menu.htmlVision.visualDesign"}),"visualDesign"),fe(e.formatMessage({id:"menu.htmlVision.interactiveDesign"}),"interactiveDesign"),fe(e.formatMessage({id:"menu.htmlVision.backgroundPattern"}),"backgroundEffect"),fe(e.formatMessage({id:"menu.htmlVision.complexLayout"}),"complexLayout"),fe(e.formatMessage({id:"menu.htmlVision.applicationPageFrame"}),"appPageFrame"),fe(e.formatMessage({id:"menu.htmlVision.utilitarianFunction"}),"utilitarianFunction")]),fe(e.formatMessage({id:"menu.cssDynamicEffect"}),"css",(0,s.jsx)(q.Z,{}),[fe(e.formatMessage({id:"menu.cssDynamicEffect.dynamicEffectButton"}),"dynamicButtons"),fe(e.formatMessage({id:"menu.cssDynamicEffect.richDynamicEffect"}),"richDynamicEffect"),fe(e.formatMessage({id:"menu.cssDynamicEffect.generateRegularPolygon"}),"generateRegularPolygon")]),fe(e.formatMessage({id:"menu.canvasDynamicEffect"}),"canvas",(0,s.jsx)(K.Z,{}),[fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionExample"}),"sphereCollisionExample"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicClock"}),"dynamicClock"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.searchlightEffect"}),"searchlight"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereCollisionInteraction"}),"globuleInteraction"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.destroyThePlanetGame"}),"killPlanetGame"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.sphereFreeFallInteraction"}),"freeFallingBody"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.coolCountdownAnimation"}),"countDown"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.dynamicParticleBackground"}),"particlesBg"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.rippleEffect"}),"rippleFloatOnTheWater"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.flowerBloomingAnimation"}),"flowerBloom"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.codeBackgroundWall"}),"codeBgWall"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.wordDance"}),"wordDance"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.scratch"}),"scratch"),fe(e.formatMessage({id:"menu.canvasDynamicEffect.matchLine"}),"matchLine")]),fe(e.formatMessage({id:"menu.echartsInteraction"}),"echarts",(0,s.jsx)(X.Z,{}),[fe(e.formatMessage({id:"menu.echartsInteraction.barCharts"}),"bar"),fe(e.formatMessage({id:"menu.echartsInteraction.pieCharts"}),"pie"),fe(e.formatMessage({id:"menu.echartsInteraction.treeCharts"}),"tree")]),fe(e.formatMessage({id:"menu.threeJs3D"}),"threejs",(0,s.jsx)($.Z,{}),[fe(e.formatMessage({id:"menu.threeJs3D.appPageFrame"}),"threejsAppPageFrame"),fe(e.formatMessage({id:"menu.threeJs3D.carShow"}),"carShow"),fe(e.formatMessage({id:"menu.threeJs3D.rubiksCube"}),"rubiksCube"),fe(e.formatMessage({id:"menu.threeJs3D.throwDice"}),"throwDice"),fe(e.formatMessage({id:"menu.threeJs3D.mapDisplay"}),"mapDisplay"),fe(e.formatMessage({id:"menu.threeJs3D.earthDisplay"}),"earthDisplay")]),fe(e.formatMessage({id:"menu.AIApplication"}),"AIApplication",(0,s.jsx)(ee.Z,{}),[fe(e.formatMessage({id:"menu.AIApplication.humanPostureDetection"}),"humanPostureDetection"),fe(e.formatMessage({id:"menu.AIApplication.notBlockPeopleBarrage"}),"notBlockPeopleBarrage")]),fe(e.formatMessage({id:"menu.imageProcessingTool"}),"imageProcessingTool",(0,s.jsx)(te.Z,{})),fe(e.formatMessage({id:"menu.videoProcessingTool"}),"videoProcessingTool",(0,s.jsx)(ne.Z,{}))],p=(0,r.useCallback)((0,ae.Z)((function(){var e=Y.findDOMNode(f.current);e&&u(e.clientWidth)}),{wait:360}).run,[]),v=(0,r.useMemo)((function(){var e=n.pathname,t=[];if(e){var r=e.split("/"),i=r[r.length-1];i&&t.push(i)}return t}),[n]),x=(0,r.useMemo)((function(){var e=n.pathname;if(e){var t=e.split("/");if(t.length>=2&&t[1])return[t[1]]}return["html"]}),[n]);return(0,r.useEffect)((function(){p()}),[c]),(0,r.useEffect)((function(){return window.addEventListener("resize",p),function(){window.removeEventListener("resize",p)}}),[]),(0,s.jsxs)("div",{className:ce,ref:f,children:[(0,s.jsxs)("div",{className:le,children:[(0,s.jsx)("div",{className:ue,children:(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){l(!c)},style:{marginBottom:16},children:c?(0,s.jsx)(re.Z,{}):(0,s.jsx)(ie.Z,{})})}),(0,s.jsx)(se.Z,{defaultOpenKeys:x,selectedKeys:v,mode:"inline",theme:"dark",inlineCollapsed:c,items:g,onClick:function(e){var n=e.keyPath.reduce((function(e,t){return e="/".concat(t).concat(e)}),"");t(n)}})]}),(0,s.jsx)("div",{className:me,children:!c&&(0,s.jsx)("span",{children:e.formatMessage({id:"common.keepUpdating"})})})]})},he="Home_container__RMLhs",pe="Home_container_body__-OVNZ",ve="Home_container_content__q7A-W",xe=function(){(function(){var e=(0,m.TH)();r.useEffect((function(){g.init()}),[]),r.useEffect((function(){var t=e.pathname+e.search;g.sendPageview(t)}),[e])})();var e=d(),t=e.setScrollTop,n=e.setScrollContentRef,i=(0,m.V$)(ub),a=(0,m.TH)(),o=(0,m.s0)(),c=(0,r.useRef)(null);return(0,r.useEffect)((function(){var e=a.pathname;e&&"/"!==e||o("/html/visualDesign")}),[a]),(0,r.useEffect)((function(){n(c)}),[]),(0,s.jsxs)("div",{className:he,children:[(0,s.jsx)(W,{}),(0,s.jsxs)("div",{className:pe,children:[(0,s.jsx)(ge,{}),(0,s.jsx)("div",{className:ve,onScroll:function(){var e;t(null===(e=c.current)||void 0===e?void 0:e.scrollTop)},ref:c,children:i})]})]})},ye=n(94184),Ae=n.n(ye),we={container:"GridContent_container__NO4Vk","gt2000-10":"GridContent_gt2000-10__RE2uy",content:"GridContent_content__69gKN","gt2000-9":"GridContent_gt2000-9__VwNg6","gt2000-8":"GridContent_gt2000-8__aZHuR","gt2000-7":"GridContent_gt2000-7__4aOmt","gt2000-6":"GridContent_gt2000-6__MehF3","gt2000-5":"GridContent_gt2000-5__omS8h","gt2000-4":"GridContent_gt2000-4__0cmEO","gt2000-3":"GridContent_gt2000-3__80YFg","gt2000-2":"GridContent_gt2000-2__hUksd","gt2000-1":"GridContent_gt2000-1__JdP9G","eq1700_2000-10":"GridContent_eq1700_2000-10__v-j8J","eq1700_2000-9":"GridContent_eq1700_2000-9__bxTIf","eq1700_2000-8":"GridContent_eq1700_2000-8__1e7ek","eq1700_2000-7":"GridContent_eq1700_2000-7__1mKDg","eq1700_2000-6":"GridContent_eq1700_2000-6__8I1De","eq1700_2000-5":"GridContent_eq1700_2000-5__aZuE+","eq1700_2000-4":"GridContent_eq1700_2000-4__2XNj+","eq1700_2000-3":"GridContent_eq1700_2000-3__Xd2vl","eq1700_2000-2":"GridContent_eq1700_2000-2__eoPvO","eq1700_2000-1":"GridContent_eq1700_2000-1__RvrMQ","eq1400_1700-10":"GridContent_eq1400_1700-10__XQV+M","eq1400_1700-9":"GridContent_eq1400_1700-9__uLvev","eq1400_1700-8":"GridContent_eq1400_1700-8__Rw4q0","eq1400_1700-7":"GridContent_eq1400_1700-7__EoYy7","eq1400_1700-6":"GridContent_eq1400_1700-6__Avlp5","eq1400_1700-5":"GridContent_eq1400_1700-5__yFmoN","eq1400_1700-4":"GridContent_eq1400_1700-4__jEXj+","eq1400_1700-3":"GridContent_eq1400_1700-3__r3QBa","eq1400_1700-2":"GridContent_eq1400_1700-2__ayZbL","eq1400_1700-1":"GridContent_eq1400_1700-1__26hdp","eq1200_1400-10":"GridContent_eq1200_1400-10__OBpag","eq1200_1400-9":"GridContent_eq1200_1400-9__9dEMp","eq1200_1400-8":"GridContent_eq1200_1400-8__d5kk8","eq1200_1400-7":"GridContent_eq1200_1400-7__qwN-x","eq1200_1400-6":"GridContent_eq1200_1400-6__ol1NV","eq1200_1400-5":"GridContent_eq1200_1400-5__B5RI8","eq1200_1400-4":"GridContent_eq1200_1400-4__+SHwZ","eq1200_1400-3":"GridContent_eq1200_1400-3__pjJ9a","eq1200_1400-2":"GridContent_eq1200_1400-2__xdmba","eq1200_1400-1":"GridContent_eq1200_1400-1__6n2l7","eq500_1200-10":"GridContent_eq500_1200-10__EhvGm","eq500_1200-9":"GridContent_eq500_1200-9__Yvosl","eq500_1200-8":"GridContent_eq500_1200-8__Hs4PY","eq500_1200-7":"GridContent_eq500_1200-7__p1yUT","eq500_1200-6":"GridContent_eq500_1200-6__N0+SP","eq500_1200-5":"GridContent_eq500_1200-5__73c-5","eq500_1200-4":"GridContent_eq500_1200-4__SwI71","eq500_1200-3":"GridContent_eq500_1200-3__+b39n","eq500_1200-2":"GridContent_eq500_1200-2__RowGZ","eq500_1200-1":"GridContent_eq500_1200-1__dK0BP","lt500-10":"GridContent_lt500-10__KVc6r","lt500-9":"GridContent_lt500-9__EdDXq","lt500-8":"GridContent_lt500-8__wqwWv","lt500-7":"GridContent_lt500-7__GiMWq","lt500-6":"GridContent_lt500-6__sHgte","lt500-5":"GridContent_lt500-5__WBqou","lt500-4":"GridContent_lt500-4__ucReZ","lt500-3":"GridContent_lt500-3__Ax3Zt","lt500-2":"GridContent_lt500-2__+Pq9U","lt500-1":"GridContent_lt500-1__T7m7X"},je=function(e){var t,n=e.differentScreenCols,i=e.rowSpace,a=void 0===i?0:i,o=e.colSpace,c=void 0===o?0:o,l=e.className,u=void 0===l?"":l,d=e.children,m=n.map((function(e,t){return e?parseInt(e.toString()).toString():t<=4?"1":""}));return(0,s.jsx)("div",{className:Ae()((t={},(0,P.Z)(t,we.container,!0),(0,P.Z)(t,we["gt2000-".concat(m[0])],!0),(0,P.Z)(t,we["eq1700_2000-".concat(m[1])],!0),(0,P.Z)(t,we["eq1400_1700-".concat(m[2])],!0),(0,P.Z)(t,we["eq1200_1400-".concat(m[3])],!0),(0,P.Z)(t,we["eq500_1200-".concat(m[4])],!0),(0,P.Z)(t,we["lt500-".concat(m[5])],!!m[5]),t)),children:(0,s.jsx)("div",{className:"".concat(we.content," ").concat(u),style:{width:"calc(100% + ".concat(c,"px)"),marginLeft:"".concat(-c/2,"px"),marginRight:"".concat(-c/2,"px")},children:"[object Array]"===Object.prototype.toString.call(d)?d.map((function(e){return r.cloneElement(e,{rowSpace:a,colSpace:c})})):d||null})})};je.GridBox=function(e){var t=e.key,n=e.className,r=e.rowSpace,i=void 0===r?0:r,a=e.colSpace,o=void 0===a?0:a,c=e.children;return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",padding:"".concat(i/2,"px ").concat(o/2,"px")},className:n,children:c},t)};var be=je,_e="GlassMimicry1_container__3KhAO",De="GlassMimicry1_card__WwxgS",Me="GlassMimicry1_circle__DoolB",ke="GlassMimicry1_rect__Or-6t",Ne=function(){return(0,s.jsxs)("div",{className:_e,children:[(0,s.jsxs)("div",{className:De,children:[(0,s.jsx)("h1",{children:"TiKi Platinum"}),(0,s.jsx)("h2",{children:"6228 8076 2232 8768"}),(0,s.jsx)("h3",{children:"van conf banck"}),(0,s.jsx)("h4",{children:"03 / 29"})]}),(0,s.jsx)("div",{className:Me}),(0,s.jsx)("div",{className:ke})]})},Ee="GlassMimicry2_container__S445M",Ce="GlassMimicry2_card__3l4Ng",Se="GlassMimicry2_circle__VaL67",Pe="GlassMimicry2_rect__qdTWE",Be=function(){return(0,s.jsxs)("div",{className:Ee,children:[(0,s.jsxs)("div",{className:Ce,children:[(0,s.jsx)("h1",{children:"TiKi Platinum"}),(0,s.jsx)("h2",{children:"6228 8076 2232 8768"}),(0,s.jsx)("h3",{children:"van conf banck"}),(0,s.jsx)("h4",{children:"09 / 24"})]}),(0,s.jsx)("div",{className:Se}),(0,s.jsx)("div",{className:Pe})]})},Ie="MixBlendMode_container__Fh1Tw",Te="MixBlendMode_content__0uwYQ",Re=function(){return(0,s.jsx)("div",{className:Ie,children:(0,s.jsx)("div",{className:Te})})},Fe=function(e,t){var n=e.finalText,i=void 0===n?"":n,a=e.textList,c=void 0===a?[]:a,l=e.switchingInterval,u=void 0===l?60:l,d=e.duration,m=void 0===d?1500:d,f=e.className,g=void 0===f?"":f,h=(0,r.useRef)(c.length>0?0:-1),p=(0,r.useState)(-1===h.current?i:c[h.current]||""),v=(0,o.Z)(p,2),x=v[0],y=v[1],A=(0,r.useRef)(0),w=(0,r.useRef)(0),j=(0,r.useRef)(0),b=(0,r.useCallback)((function(){var e=(new Date).getTime();if(e-w.current>=m)y(i),h.current=-1,j.current=e;else if(e-j.current>=u){var t=-1===h.current?0:h.current+1;t>=c.length&&(t=0),y(c[t]),h.current=t,j.current=e}A.current=requestAnimationFrame(b)}),[m]),_=(0,r.useCallback)((function(){var e=(new Date).getTime();w.current=e,j.current=e,A.current=requestAnimationFrame(b)}),[]),D=function(){A.current&&cancelAnimationFrame(A.current),h.current=0,y(c[0]),_()};return(0,r.useImperativeHandle)(t,(function(){return{restart:D}})),(0,r.useEffect)((function(){return _(),function(){A.current&&cancelAnimationFrame(A.current)}}),[]),(0,s.jsx)("span",{className:g,children:x&&x.split("").map((function(e,t){return(0,s.jsx)("span",{children:e},t)}))})},Oe=r.forwardRef(Fe),Ze="SwitchingText_container__9ICqS",Ge="SwitchingText_content__6PttP",Qe="SwitchingText_btn__9UW9Y",Le=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Ze,children:[(0,s.jsx)(Oe,{className:Ge,finalText:"Hello World",textList:["Tikiw Plati","Wkslc Wbxsw","Xsodu Qwoev","Dewcz Gewoe","Rsero Bokrs","Ckoex Jwclb","Tikiw Plati","Wkslc Wbxsw","Xsodu Qwoeb","Dewcz Gewoe","Rsero Bokrs","Ckoex Jwclb","Haiiw Pavis","Hwlle Ykels","Helic Wexiw","Heiik Mkdie","Helju Qvold","Helim Xkvlc","Hellw Gewie","Hellv Rkels","Hello Bokis","Hello Ceoix","Hello Wwclb","Hello Wzrlm","Hello Woaic","Hello Woxlm","Hello Woriw","Hello Woriv","Hello Worlc","Hello Worle"],duration:1900,ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Qe,onClick:function(){var t;null===(t=e.current)||void 0===t||t.restart()},children:"Once Again"})]})},ze=n(13614),He=n.n(ze),Ve="Typed1_container__2a+Le",Ue="Typed1_btn__5+jTK",We=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(He())(e.current,{strings:["Legends never die"],typeSpeed:60,showCursor:!1})),function(){var e;null===(e=t.current)||void 0===e||e.destroy()}}),[]),(0,s.jsxs)("div",{className:Ve,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Ue,onClick:function(){var e,n;null===(e=t.current)||void 0===e||e.reset(),null===(n=t.current)||void 0===n||n.start()},children:"Once Again"})]})},Ye="Typed2_container__XvJpL",Je="Typed2_btn__lqx2D",qe=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){return e.current&&(t.current=new(He())(e.current,{strings:["Legan","Legends naver","Legends never die"],typeSpeed:60,showCursor:!1,backSpeed:60,backDelay:0})),function(){var e;null===(e=t.current)||void 0===e||e.destroy()}}),[]),(0,s.jsxs)("div",{className:Ye,children:[(0,s.jsx)("p",{ref:e}),(0,s.jsx)(oe.Z,{type:"primary",className:Je,onClick:function(){var e,n;null===(e=t.current)||void 0===e||e.reset(),null===(n=t.current)||void 0===n||n.start()},children:"Once Again"})]})};function Ke(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Xe(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Xe(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw a}}}}function Xe(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var $e=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:400,r=document.createElement("span");r.style.visibility="hidden",r.style.padding="0",r.style.whiteSpace="nowrap",r.style.overflow="visible",r.style.fontSize=t>12?t+"px":"12px",r.style.fontWeight=n.toString(),r.innerText=e,document.body.appendChild(r);var i=r.offsetWidth;return document.body.removeChild(r),i},et=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:12,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:400,i=!(arguments.length>4&&void 0!==arguments[4])||arguments[4],a="",o="",s="";if(!e||t<n||"string"!=typeof e)return a;var c=e.split(""),l=document.createElement("span");l.style.visibility="hidden",l.style.padding="0",l.style.whiteSpace="nowrap",l.style.overflow="visible",l.style.fontSize=n>12?n+"px":"12px",l.style.fontWeight=r.toString(),document.body.appendChild(l);for(var u=0,d=c.length;u<d;u++){var m=c[u];o=s,a=s+=m,l.innerText=s;var f=l.offsetWidth;if(f>t){a=i?o+"...":o;break}}return document.body.removeChild(l),a};function tt(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nt(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tt(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tt(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var rt=function(e){var t=e.text,n=void 0===t?"":t,i=e.lineNum,a=void 0===i?1:i,c=e.buttonText,l=e.buttonTextSize,u=void 0===l?12:l,d=e.buttonTextWeight,m=void 0===d?400:d,f=e.onClickButton,g=e.style,h=e.onTextOverChange,p=12,v=400;g&&(g.fontSize&&(p=parseInt(g.fontSize)),g.textWeight&&(v=Number(g.textWeight)));var x=(0,r.useRef)(null);if(!n)return(0,s.jsx)("div",{ref:x});var y=(0,r.useState)(0),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useRef)(!1),_=(0,r.useMemo)((function(){var e=n,t=!1,r=Math.max(u,12);if(w)if(et(n,w*a,p,v).endsWith("...")&&(t=!0),t){var i=$e("...",p,v),o=0;c&&(o=$e(c,r,m)),e=et(n,w*a-i-o-2,p,v)}else e=n;return t!==b.current&&(b.current=t,h&&h(t)),{textStyle:nt({fontSize:"".concat(p,"px"),fontWeight:v,wordBreak:"break-all",position:"relative",padding:0},g),finalText:e,isOver:t,buttonStyle:{fontSize:"".concat(r,"px"),fontWeight:m.toString(),color:"#0076FF",cursor:"pointer",padding:0,position:"absolute",right:0}}}),[w,a,n,c,u,g]),D=(0,r.useCallback)((function(){if(x.current){var e=Y.findDOMNode(x.current);j(e?e.offsetWidth:0)}}),[]);return(0,r.useEffect)((function(){D()}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",D),function(){window.removeEventListener("resize",D)}}),[]),(0,s.jsxs)("div",{style:_.textStyle,ref:x,children:[_.finalText,c&&_.isOver&&(0,s.jsx)("span",{style:_.buttonStyle,onClick:function(e){f&&f(e)},children:c})]})},it="AutoEllipsisText_container__2dFtS",at=function(){var e=(0,h.Z)(),t=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows"}),n=e.formatMessage({id:"page.htmlVision.visualDesign.displaysCustomRows2"}),i=(0,r.useState)(!1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=function(e){l(e)};return(0,s.jsxs)("div",{className:it,children:[c?(0,s.jsx)(p.Z,{placement:"top",title:t,children:(0,s.jsx)("div",{style:{width:"100%"},children:(0,s.jsx)(rt,{text:t,style:{fontSize:"24px"},onTextOverChange:u})})}):(0,s.jsx)(rt,{text:t,style:{fontSize:"24px"},onTextOverChange:u}),(0,s.jsx)(rt,{text:n.repeat(4),style:{fontSize:"24px",marginTop:"40px"}}),(0,s.jsx)(rt,{text:n.repeat(8),lineNum:2,style:{fontSize:"16px",marginTop:"40px"},buttonText:"More",buttonTextSize:16})]})},ot=n.p+"images/c5e4532e.jpg",st="FilterCSS_container__HnHaW",ct="FilterCSS_left__dim3U",lt="FilterCSS_right__MsfmE",ut=function(){var e=(0,h.Z)();return(0,s.jsxs)("div",{className:st,children:[(0,s.jsxs)("div",{className:ct,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.brighten"})}),(0,s.jsx)("img",{src:ot,alt:""})]}),(0,s.jsxs)("div",{className:lt,children:[(0,s.jsx)("span",{children:e.formatMessage({id:"page.htmlVision.visualDesign.grayed"})}),(0,s.jsx)("img",{src:ot,alt:""})]})]})},dt="BgFusion_container__VJAbX",mt=function(){return(0,s.jsx)("div",{className:dt})},ft={container:"MyLogo_container__KNKdW",box1:"MyLogo_box1__XgNc6",leftTopRect:"MyLogo_leftTopRect__rrMK9",circle:"MyLogo_circle__g+xkt",middleRect:"MyLogo_middleRect__c5wUq",bottomRect:"MyLogo_bottomRect__VJqty",box2:"MyLogo_box2__7wfXg",box3:"MyLogo_box3__d3P-I"},gt=new Array(3).fill(0),ht=function(){return(0,s.jsx)("div",{className:ft.container,children:gt.map((function(e,t){return(0,s.jsxs)("div",{className:ft["box".concat(t+1)],children:[(0,s.jsx)("div",{className:ft.leftTopRect}),(0,s.jsx)("div",{className:ft.circle}),(0,s.jsx)("div",{className:ft.middleRect}),(0,s.jsx)("div",{className:ft.bottomRect})]},t)}))})},pt={container:"ShearAngle_container__tRA3S",box1:"ShearAngle_box1__5M-bD",box2:"ShearAngle_box2__n9GvI",box3:"ShearAngle_box3__uaxeG"},vt=new Array(3).fill(0),xt=function(){return(0,s.jsx)("div",{className:pt.container,children:vt.map((function(e,t){return(0,s.jsx)("div",{className:pt["box".concat(t+1)]},t)}))})},yt="AnnulusLoading_container__r9c4O",At="AnnulusLoading_content__3Beje",wt="AnnulusLoading_item7__AQC4n",jt="AnnulusLoading_item6__+tYBR",bt="AnnulusLoading_item5__PkkRq",_t="AnnulusLoading_item4__C2KqR",Dt="AnnulusLoading_item3__sTLBN",Mt="AnnulusLoading_item2__29w+l",kt="AnnulusLoading_item1__kaRKn",Nt=function(){return(0,s.jsx)("div",{className:yt,children:(0,s.jsxs)("div",{className:At,children:[(0,s.jsx)("div",{className:kt}),(0,s.jsx)("div",{className:Mt}),(0,s.jsx)("div",{className:Dt}),(0,s.jsx)("div",{className:_t}),(0,s.jsx)("div",{className:bt}),(0,s.jsx)("div",{className:jt}),(0,s.jsx)("div",{className:wt})]})})},Et=n.p+"images/7380e6f7.jpg",Ct=n.p+"images/ba36f098.jpg",St=n.p+"images/e7c8df7d.jpg",Pt=n.p+"images/06a46209.jpg",Bt=n.p+"images/ed6d9a11.jpg",It=n.p+"images/271a66ed.jpg",Tt=n.p+"images/2506df73.jpg",Rt="Honeycomb_container__gPdSS",Ft="Honeycomb_content__Dufrz",Ot=function(){return(0,s.jsx)("div",{className:Rt,children:(0,s.jsxs)("div",{className:Ft,children:[(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:St,alt:""}),(0,s.jsx)("img",{src:Pt,alt:""}),(0,s.jsx)("img",{src:Bt,alt:""}),(0,s.jsx)("img",{src:It,alt:""}),(0,s.jsx)("img",{src:Tt,alt:""})]})})},Zt="PizzaPie_container__+jqg8",Gt="PizzaPie_content__nr36j",Qt=function(){return(0,s.jsx)("div",{className:Zt,children:(0,s.jsxs)("div",{className:Gt,children:[(0,s.jsx)("img",{src:Et,alt:""}),(0,s.jsx)("img",{src:Ct,alt:""}),(0,s.jsx)("img",{src:St,alt:""}),(0,s.jsx)("img",{src:Pt,alt:""}),(0,s.jsx)("img",{src:Bt,alt:""}),(0,s.jsx)("img",{src:It,alt:""})]})})},Lt="AnnulusProgressBar_container__t7uE8",zt="AnnulusProgressBar_content__aiBoG",Ht="AnnulusProgressBar_box__Wl9L-",Vt="AnnulusProgressBar_circleOuter__OmSUl",Ut="AnnulusProgressBar_num__CAG59",Wt=function(){var e=(0,r.useState)(0),t=(0,o.Z)(e,2)[1],n=(0,r.useRef)(0),i=(0,r.useRef)(0),a=function e(){var r=471,a=document.getElementById("circle");if(n.current>=100){n.current=0,t(0);var o=document.getElementById("circle");o&&(o.style.strokeDashoffset="".concat(r.toString()))}else n.current=Number((n.current+.1).toFixed(2)),t(Number((n.current+.1).toFixed(2))),r=Math.floor(r-r*n.current/100),a&&(a.style.strokeDashoffset="".concat(r.toString()));i.current=window.requestAnimationFrame(e)};return(0,r.useEffect)((function(){return a(),function(){i.current&&cancelAnimationFrame(i.current)}}),[]),(0,s.jsx)("div",{className:Lt,children:(0,s.jsx)("div",{className:zt,children:(0,s.jsxs)("div",{className:Ht,children:[(0,s.jsx)("div",{className:Vt}),(0,s.jsxs)("svg",{children:[(0,s.jsx)("defs",{children:(0,s.jsxs)("radialGradient",{id:"gradient",cx:"50%",cy:"50%",r:"60%",fx:"50%",fy:"50%",children:[(0,s.jsx)("stop",{offset:"30%",stopColor:"#3cba92"}),(0,s.jsx)("stop",{offset:"100%",stopColor:"#c1dfc4"})]})}),(0,s.jsx)("circle",{stroke:"url(#gradient)",id:"circle"})]}),(0,s.jsx)("div",{className:Ut,children:"".concat(Math.floor(n.current),"%")})]})})})},Yt={container:"AudioLoading_container__LkPXP",content:"AudioLoading_content__Agk5G",span0:"AudioLoading_span0__e1joN",loading:"AudioLoading_loading__Nvgnt",span1:"AudioLoading_span1__KLPUt",span2:"AudioLoading_span2__gOuZh",span3:"AudioLoading_span3__HO3on",span4:"AudioLoading_span4__rFl95",span5:"AudioLoading_span5__Y6BnT",span6:"AudioLoading_span6__jIPUG",span7:"AudioLoading_span7__LmzsW",span8:"AudioLoading_span8__gZg1m",span9:"AudioLoading_span9__BzF4d",span10:"AudioLoading_span10__-p-zh",span11:"AudioLoading_span11__Zse6t",span12:"AudioLoading_span12__Rxrq8",span13:"AudioLoading_span13__21nbh",span14:"AudioLoading_span14__KHro-"},Jt=new Array(15).fill(0),qt=function(){return(0,s.jsx)("div",{className:Yt.container,children:(0,s.jsx)("div",{className:Yt.content,children:Jt.map((function(e,t){return(0,s.jsx)("span",{className:Yt["span".concat(t)]},t)}))})})},Kt={container:"SudokuImageAnimation_container__66i30",content:"SudokuImageAnimation_content__bY8Mn",item:"SudokuImageAnimation_item__XGZRs",item8:"SudokuImageAnimation_item8__WsYmu",item7:"SudokuImageAnimation_item7__QNe8D",item6:"SudokuImageAnimation_item6__YU2jR",item5:"SudokuImageAnimation_item5__wz8hO",item4:"SudokuImageAnimation_item4__uHQZd",item3:"SudokuImageAnimation_item3__HiACA",item2:"SudokuImageAnimation_item2__yf6pT",item1:"SudokuImageAnimation_item1__W23ZS",item0:"SudokuImageAnimation_item0__rk5Me"},Xt=new Array(9).fill(0),$t=function(){return(0,s.jsx)("div",{className:Kt.container,children:(0,s.jsx)("div",{className:Kt.content,children:Xt.map((function(e,t){return(0,s.jsx)("div",{className:Kt["item".concat(t)]},t)}))})})},en="TextWrap_container__vVl1N",tn="TextWrap_topText__eHwkJ",nn="TextWrap_poly__EwnPy",rn="TextWrap_leftFloat__Uo9rJ",an="TextWrap_rightFloat__ezXwd",on=function(){var e=(0,h.Z)().formatMessage({id:"page.htmlVision.visualDesign.quantumEntanglementTip"});return(0,s.jsxs)("div",{className:en,children:[(0,s.jsx)("div",{className:tn,children:e.repeat(40)}),(0,s.jsx)("div",{className:"".concat(nn," ").concat(rn)}),(0,s.jsx)("div",{className:"".concat(nn," ").concat(an)}),(0,s.jsx)("span",{children:e.repeat(180)})]})},sn="WaterDropLogin_container__d6dk7",cn="WaterDropLogin_content__jiIiV",ln="WaterDropLogin_drop__Nq7iB",un="WaterDropLogin_contentBox__nL6ua",dn="WaterDropLogin_inputBox__2oxY0",mn="WaterDropLogin_btns__Sil7M",fn="WaterDropLogin_signup__h0wNv",gn=function(){return(0,s.jsx)("div",{className:sn,children:(0,s.jsxs)("div",{className:cn,children:[(0,s.jsx)("div",{className:ln,children:(0,s.jsxs)("div",{className:un,children:[(0,s.jsx)("h2",{children:"Sign in"}),(0,s.jsxs)("form",{children:[(0,s.jsx)("div",{className:dn,children:(0,s.jsx)("input",{type:"text",placeholder:"Username"})}),(0,s.jsx)("div",{className:dn,children:(0,s.jsx)("input",{type:"password",placeholder:"Password"})}),(0,s.jsx)("div",{className:dn,children:(0,s.jsx)("input",{type:"submit",value:"Login"})})]})]})}),(0,s.jsxs)("div",{className:mn,children:[(0,s.jsx)("span",{children:"Forget"}),(0,s.jsx)("span",{children:"Password"})]}),(0,s.jsx)("div",{className:"".concat(mn," ").concat(fn),children:"Signup"})]})})},hn="TextShadow_container__3+vOx",pn="TextShadow_content__ngpOP",vn=function(){var e=(0,h.Z)().formatMessage({id:"page.htmlVision.visualDesign.textShadow"});return(0,s.jsx)("div",{className:hn,children:(0,s.jsx)("div",{className:pn,"data-text":e,children:e})})},xn="HorseRacelamp_container__bVbh9",yn="HorseRacelamp_scroll__kRja6",An=new Array(4).fill(0),wn=function(){var e=function(){return(0,s.jsx)("span",{children:"Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross - Police line do not cross"})};return(0,s.jsx)("div",{className:xn,children:An.map((function(t,n){return(0,s.jsxs)("div",{className:yn,children:[e(),e()]},n)}))})},jn="HarmonyLogo_container__uTwnw",bn="HarmonyLogo_content__Azar3",_n="HarmonyLogo_top__zSfqW",Dn="HarmonyLogo_line__6yj7q",Mn="HarmonyLogo_bottom__4ZSOr",kn=function(){return(0,s.jsxs)("div",{className:jn,children:[(0,s.jsxs)("div",{className:bn,children:[(0,s.jsx)("div",{className:_n,children:(0,s.jsx)("div",{className:Dn})}),(0,s.jsx)("div",{className:Mn})]}),(0,s.jsx)("svg",{children:(0,s.jsxs)("filter",{id:"fractal",filterUnits:"objectBoundingBox",x:"0%",y:"0%",width:"100%",height:"100%",children:[(0,s.jsx)("feTurbulence",{id:"turbulence",type:"fractalNoise",baseFrequency:"0.005 0.005",numOctaves:"10",children:(0,s.jsx)("animate",{attributeName:"baseFrequency",dur:"30s",values:"0.005 0.005;0.05 0.3;0.005 0.005",repeatCount:"indefinite"})}),(0,s.jsx)("feDisplacementMap",{in:"SourceGraphic",scale:"15"})]})})]})},Nn="Preserve3D_container__EZ7l0",En="Preserve3D_content__yxNQy",Cn="Preserve3D_cubeInner__oYaXM",Sn="Preserve3D_top__6op2D",Pn="Preserve3D_bottom__Rmjl+",Bn="Preserve3D_front__+CRYT",In="Preserve3D_back__-ZjU+",Tn="Preserve3D_left__YYWAD",Rn="Preserve3D_right__R5Aqm",Fn="Preserve3D_cubeOuter__pwwjS",On=function(){return(0,s.jsx)("div",{className:Nn,children:(0,s.jsxs)("div",{className:En,children:[(0,s.jsxs)("div",{className:Cn,children:[(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Pn}),(0,s.jsx)("div",{className:Bn}),(0,s.jsx)("div",{className:In}),(0,s.jsx)("div",{className:Tn}),(0,s.jsx)("div",{className:Rn})]}),(0,s.jsxs)("div",{className:Fn,children:[(0,s.jsx)("div",{className:Sn}),(0,s.jsx)("div",{className:Pn}),(0,s.jsx)("div",{className:Bn}),(0,s.jsx)("div",{className:In}),(0,s.jsx)("div",{className:Tn}),(0,s.jsx)("div",{className:Rn})]})]})})},Zn="RotateAndBgFixed_container__Kc-WW",Gn="RotateAndBgFixed_box__DkROP",Qn="RotateAndBgFixed_a__Yi0br",Ln="RotateAndBgFixed_b__Vv6J0",zn="RotateAndBgFixed_c__xgerx",Hn="RotateAndBgFixed_d__d9aYT",Vn="RotateAndBgFixed_e__V1OJc",Un=function(){return(0,s.jsx)("div",{className:Zn,children:(0,s.jsxs)("div",{className:Gn,children:[(0,s.jsx)("div",{className:Qn,children:(0,s.jsx)("img",{src:Et,alt:""})}),(0,s.jsx)("div",{className:Ln,children:(0,s.jsx)("img",{src:Ct,alt:""})}),(0,s.jsx)("div",{className:zn,children:(0,s.jsx)("img",{src:St,alt:""})}),(0,s.jsx)("div",{className:Hn,children:(0,s.jsx)("img",{src:Pt,alt:""})}),(0,s.jsx)("div",{className:Vn,children:(0,s.jsx)("img",{src:Bt,alt:""})})]})})},Wn="HexagonalMesh_container__mdJJ9",Yn="HexagonalMesh_item__hVzAo",Jn=new Array(300).fill(0),qn=function(){return(0,s.jsx)("div",{className:Wn,children:Jn.map((function(e,t){return(0,s.jsx)("div",{className:Yn},t)}))})},Kn="HexagonalRadar_container__hFck5",Xn="HexagonalRadar_content__sj-0h",$n="HexagonalRadar_item__IF+DR",er="HexagonalRadar_maskBox__SqK8S",tr=new Array(5).fill(0),nr=function(){return(0,s.jsxs)("div",{className:Kn,children:[(0,s.jsx)("div",{className:Xn,children:tr.map((function(e,t){return(0,s.jsx)("div",{className:$n},t)}))}),(0,s.jsx)("div",{className:er})]})},rr=n.p+"images/d2fa7cd8.png",ir="HoverEnlargement_container__t9rVI",ar=function(){return(0,s.jsx)("div",{className:ir,children:(0,s.jsx)("img",{src:rr,alt:""})})},or=n(78343),sr=n(79501);function cr(e){return e.toString().padStart(2,"0")}var lr,ur=function(e){if(e){var t=e.slice(0,19).replace(/-/g,"/");return e.endsWith("+0000 UTC")?(0,sr.Z)((0,or.Z)(new Date(t),8),"YYYY/MM/DD HH:mm:ss"):t}return""},dr="ActivityCountDown_container__z9J8Y",mr="ActivityCountDown_num__F1ysh",fr="ActivityCountDown_unit__X1r8-",gr=function(e){var t=e.countParams,n=e.overCallback,i=e.style,a=void 0===i?{}:i,c=t.day,l=void 0===c?59:c,u=t.hour,d=void 0===u?59:u,m=t.minute,f=void 0===m?59:m,g=t.seconds,h=void 0===g?59:g,p=(0,r.useState)({d:l,h:d,m:f,s:h}),v=(0,o.Z)(p,2),x=v[0],y=v[1],A=(0,r.useRef)(x),w=(0,r.useRef)(!0),j=(0,r.useRef)(0),b=function(){if(!w.current){var e=A.current,t=e.d,r=e.h,i=e.m,a=e.s,o=0===r&&0===i&&0===a,s=0===i&&0===a,c=0===a;if(0===t&&0===r&&0===i&&0===a)w.current=!0,n&&n();else if(o){var l={d:t-1,h:23,m:59,s:59};A.current=l,y(l)}else if(s){var u={d:t,h:r-1,m:59,s:59};A.current=u,y(u)}else if(c){var d={d:t,h:r,m:i-1,s:59};A.current=d,y(d)}else{var m={d:t,h:r,m:i,s:a-1};A.current=m,y(m)}}};return(0,r.useEffect)((function(){var e=t.day,r=void 0===e?59:e,i=t.hour,a=void 0===i?59:i,o=t.minute,s=void 0===o?59:o,c=t.seconds,l={d:r,h:a,m:s,s:void 0===c?59:c};A.current=l,y(l),0===l.d&&0===l.h&&0===l.m&&0===l.s?w.current||(w.current=!0,n&&n(),j.current&&(window.clearInterval(j.current),j.current=0)):w.current&&(w.current=!1,j.current=window.setInterval(b,1e3))}),[t]),(0,r.useEffect)((function(){return function(){j.current&&window.clearInterval(j.current)}}),[]),(0,s.jsx)(s.Fragment,{children:(0,s.jsxs)("div",{className:dr,style:a,children:[(0,s.jsx)("div",{className:mr,children:cr(x.d)}),(0,s.jsx)("div",{className:fr,children:"天"}),(0,s.jsx)("div",{className:mr,children:cr(x.h)}),(0,s.jsx)("div",{className:fr,children:"时"}),(0,s.jsx)("div",{className:mr,children:cr(x.m)}),(0,s.jsx)("div",{className:fr,children:"分"}),(0,s.jsx)("div",{className:mr,children:cr(x.s)}),(0,s.jsx)("div",{className:fr,children:"秒"})]})})},hr="ActivityCountDown_container__Nw3or",pr="ActivityCountDown_title__5HUMy",vr=function(){var e=function(e){var t=e.type,n=void 0===t?"ms":t,r=e.startTime,i=void 0===r?"":r,a=e.serverTime,o=void 0===a?0:a,s="s"===n?1e3*Number(o):o;if(!i)return{day:0,hour:0,minute:0,seconds:0,timeRemaining:0};var c="string"==typeof i?ur(i):i,l=new Date(c).getTime()-s;return{day:Math.floor(l/1e3/60/60/24),hour:Math.floor(l/1e3/60/60%24),minute:Math.floor(l/1e3/60%60),seconds:Math.floor(l/1e3%60),timeRemaining:l}}({type:"ms",startTime:(0,or.Z)(new Date,2).getTime(),serverTime:(new Date).getTime()}),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),i=n[0],a=n[1];return(0,s.jsxs)("div",{className:hr,children:[(0,s.jsx)("div",{className:pr,children:i?"活动正在进行中":"距离活动开始剩余："}),!i&&(0,s.jsx)(gr,{countParams:e,overCallback:function(){a(!0)},style:{marginTop:"16px"}})]})},xr=n.p+"images/c6bccf3b.png",yr=n.p+"images/71329ec9.jpg",Ar="GlassDesign1_container__jIg8H",wr="GlassDesign1_glass__x+jsp",jr=function(){return(0,s.jsxs)("div",{className:Ar,children:[(0,s.jsx)("img",{src:xr,alt:""}),(0,s.jsx)("div",{className:wr}),(0,s.jsx)("svg",{style:{display:"none"},children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"glassFilter1",children:[(0,s.jsx)("feImage",{result:"pict1",xlinkHref:yr,x:"0",y:"0",width:"517",height:"517"}),(0,s.jsx)("feDisplacementMap",{scale:"30",xChannelSelector:"R",yChannelSelector:"R",in2:"pict1",in:"SourceGraphic"})]})})})]})},br=n.p+"images/3ef61d0d.jpg",_r="GlassDesign2_container__BLEzA",Dr="GlassDesign2_glass__UZeM9",Mr=function(){return(0,s.jsxs)("div",{className:_r,children:[(0,s.jsx)("img",{src:xr,alt:""}),(0,s.jsx)("div",{className:Dr}),(0,s.jsx)("svg",{style:{display:"none"},children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"glassFilter2",children:[(0,s.jsx)("feImage",{result:"pict1",xlinkHref:br,x:"0",y:"0",width:"523",height:"330"}),(0,s.jsx)("feDisplacementMap",{scale:"30",xChannelSelector:"R",yChannelSelector:"R",in2:"pict1",in:"SourceGraphic"})]})})})]})},kr="Ribbon_container__ZOkiq",Nr="Ribbon_ribbon__wI2K8",Er=function(){return(0,s.jsxs)("div",{className:kr,children:[(0,s.jsx)("div",{className:Nr,style:{"--fontSize":"34px",fontWeight:600},children:"Visualization Collection"}),(0,s.jsxs)("div",{className:Nr,style:{"--fontSize":"28px","--background":"#8A9B0F",fontWeight:500},children:["Visualization Collection ",(0,s.jsx)("br",{})," Visualization Collection"]}),(0,s.jsxs)("div",{className:Nr,style:{"--background":"#45ADA8"},children:["Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection",(0,s.jsx)("br",{})," Visualization Collection"]})]})},Cr="VisualDesign_container__oN2JR",Sr="VisualDesign_box__-TYNG",Pr=be.GridBox,Br=[{element:(0,s.jsx)(Ne,{})},{element:(0,s.jsx)(Be,{})},{element:(0,s.jsx)(Re,{})},{element:(0,s.jsx)(Le,{})},{element:(0,s.jsx)(We,{})},{element:(0,s.jsx)(qe,{})},{element:(0,s.jsx)(at,{})},{element:(0,s.jsx)(on,{})},{element:(0,s.jsx)(mt,{})},{element:(0,s.jsx)(ht,{})},{element:(0,s.jsx)(xt,{})},{element:(0,s.jsx)(Nt,{})},{element:(0,s.jsx)(Ot,{})},{element:(0,s.jsx)(Qt,{})},{element:(0,s.jsx)(Wt,{})},{element:(0,s.jsx)(qt,{})},{element:(0,s.jsx)(ut,{})},{element:(0,s.jsx)($t,{})},{element:(0,s.jsx)(gn,{})},{element:(0,s.jsx)(vn,{})},{element:(0,s.jsx)(wn,{})},{element:(0,s.jsx)(kn,{})},{element:(0,s.jsx)(On,{})},{element:(0,s.jsx)(Un,{})},{element:(0,s.jsx)(qn,{})},{element:(0,s.jsx)(nr,{})},{element:(0,s.jsx)(ar,{})},{element:(0,s.jsx)(vr,{})},{element:(0,s.jsx)(jr,{})},{element:(0,s.jsx)(Mr,{})},{element:(0,s.jsx)(Er,{})}],Ir=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Cr,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Br.map((function(e,t){return(0,s.jsx)(Pr,{children:(0,s.jsx)("div",{className:Sr,children:e.element})},t)}))})})},Tr=[],Rr=function(e){e.data,(0,h.Z)();return null},Fr="ModuleTitle_container__7ZCMv",Or=function(e){var t=(0,h.Z)(),n=e.intlTitle,r=e.style,i=void 0===r?{}:r;return(0,s.jsx)("div",{className:Fr,style:i,children:t.formatMessage({id:n})})},Zr=n.p+"images/6765fa3b.png",Gr="MagnifyingGlass_container__z7+HK",Qr="MagnifyingGlass_content__csBAU",Lr="MagnifyingGlass_smallBox__1rC23",zr="MagnifyingGlass_mask__kbQ6H",Hr="MagnifyingGlass_floatBox__Msmv9",Vr="MagnifyingGlass_bigBox__dtenq",Ur=function(){var e=d(),t=e.scrollTop,n=e.headHeight,i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useState)(!1),u=(0,o.Z)(l,2),m=u[0],f=u[1];return(0,s.jsx)("div",{className:Gr,children:(0,s.jsxs)("div",{className:Qr,children:[(0,s.jsxs)("div",{className:Lr,ref:i,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.magnifyingGlass",style:{top:"-80px",left:"114%"}}),(0,s.jsx)("div",{className:zr,onMouseOver:function(){f(!0)},onMouseMove:function(e){var r=Y.findDOMNode(i.current),o=Y.findDOMNode(a.current),s=r.offsetWidth,l=r.offsetHeight,u=o.offsetWidth,d=o.offsetHeight,m=e.clientX-r.offsetLeft-u/2,f=0;m<0?m=0:m>s-u&&(m=s-u),(f=t<r.offsetTop-n-100?e.clientY-d/2-r.offsetTop-t:e.clientY-n-d/2+(t-r.offsetTop+n))<0?f=0:f>l-d&&(f=l-d),o.style.left=m+"px",o.style.top=f+"px";var g=m/(s-u),h=f/(l-d),p=Y.findDOMNode(c.current),v=p.children[0];v.style.left=-g*(v.offsetWidth-p.offsetWidth)+"px",v.style.top=-h*(v.offsetHeight-p.offsetHeight)+"px"},onMouseLeave:function(){f(!1)}}),(0,s.jsx)("div",{className:Hr,style:{visibility:m?"visible":"hidden"},ref:a}),(0,s.jsx)("img",{src:Zr})]}),(0,s.jsx)("div",{className:Vr,ref:c,children:(0,s.jsx)("img",{src:Zr,style:{visibility:m?"visible":"hidden"}})})]})})},Wr="CropImage_container__agQZ5",Yr="CropImage_leftBox__rxH+K",Jr="CropImage_img1__vvyEU",qr="CropImage_img2__CuOAQ",Kr="CropImage_cropBox__A4fdb",Xr="CropImage_dot__TnuYQ",$r="CropImage_leftUp__RO+TV",ei="CropImage_up__fR18N",ti="CropImage_rightUp__5Btk7",ni="CropImage_right__nbAwk",ri="CropImage_rightDown__8vsgu",ii="CropImage_down__0RD60",ai="CropImage_leftDown__Ssc21",oi="CropImage_left__qEy8B",si="CropImage_rightBox__tH7SB";!function(e){e[e.leftUp=0]="leftUp",e[e.up=1]="up",e[e.rightUp=2]="rightUp",e[e.right=3]="right",e[e.rightDown=4]="rightDown",e[e.down=5]="down",e[e.leftDown=6]="leftDown",e[e.left=7]="left"}(lr||(lr={}));var ci=function(){var e=d().scrollTop,t=(0,r.useRef)(0),n=(0,r.useRef)(0),i=(0,r.useRef)(!1),a=(0,r.useRef)(),o=(0,r.useRef)(!1),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=(0,r.useRef)(0),h=(0,r.useRef)(0),p=(0,r.useRef)(0),v=(0,r.useRef)(0),x=function(e){for(var t=e.offsetLeft,n=e.offsetTop,r=e.offsetParent;null!=r;)t+=r.offsetLeft,n+=r.offsetTop,r=r.offsetParent;return{left:t,top:n}},y=function(e){var n=e.clientX,r=Y.findDOMNode(l.current),i=x(r).left,a=i+t.current-4;n>a?n=a:n<i&&(n=i);var o=Y.findDOMNode(m.current),s=o.offsetWidth-2,c=n-s-x(o).left;o.style.width=s+c+"px"},A=function(t){var n=t.clientY+e,r=Y.findDOMNode(l.current),i=x(r).top,a=Y.findDOMNode(m.current),o=x(a).top,s=o+a.offsetHeight-4;n<i?n=i:n>s&&(n=s);var c=a.offsetHeight;a.style.height=c+o-n+"px",a.style.top=a.offsetTop+n-o+"px"},w=function(e){var t=e.clientX,n=Y.findDOMNode(l.current),r=x(n).left,i=Y.findDOMNode(m.current),a=x(i).left,o=a+i.offsetWidth-4;t<r?t=r:t>o&&(t=o);var s=i.offsetWidth;i.style.width=s+a-t+"px",i.style.left=i.offsetLeft+t-a+"px"},j=function(t){var r=t.clientY+e,i=Y.findDOMNode(l.current),a=x(i).top,o=a+n.current-4;r<a?r=a:r>o&&(r=o);var s=Y.findDOMNode(m.current),c=s.offsetHeight-2,u=r-c-x(s).top;s.style.height=c+u+"px"},b=function(){var e=Y.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,i=e.offsetTop,a=r+t,o=i+n;Y.findDOMNode(u.current).style.clip="rect(".concat(i,"px,").concat(a,"px,").concat(o,"px,").concat(r,"px)")},_=function(){var e=Y.findDOMNode(m.current),t=e.offsetWidth,n=e.offsetHeight,r=e.offsetLeft,i=e.offsetTop,a=r+t,o=i+n,s=Y.findDOMNode(f.current);s.style.top="".concat(-i,"px"),s.style.left="".concat(-r,"px"),s.style.clip="rect(".concat(i,"px,").concat(a,"px,").concat(o,"px,").concat(r,"px)")},D=function(e,t){e.stopPropagation(),i.current=!0,a.current=t},M=function(){i.current=!1,o.current=!1};return(0,r.useEffect)((function(){var e=Y.findDOMNode(l.current),r=e.offsetWidth,i=e.offsetHeight;t.current=r,n.current=i}),[]),(0,s.jsxs)("div",{className:Wr,onMouseMove:function(e){if(o.current){var r=Y.findDOMNode(m.current),s=r.offsetWidth,c=r.offsetHeight,l=e.clientX-g.current,u=e.clientY-h.current,d=v.current+u,f=p.current+l;d<0?r.style.top="0px":d>n.current-c-2?r.style.top="".concat(n.current-c-2,"px"):r.style.top="".concat(d,"px"),f<0?r.style.left="0px":f>t.current-s-2?r.style.left="".concat(t.current-s-2,"px"):r.style.left="".concat(f,"px"),b(),_()}if(i.current){switch(a.current){case lr.right:y(e);break;case lr.up:A(e);break;case lr.left:w(e);break;case lr.down:j(e);break;case lr.leftUp:w(e),A(e);break;case lr.leftDown:w(e),j(e);break;case lr.rightUp:y(e),A(e);break;case lr.rightDown:y(e),j(e)}b(),_()}},onMouseUp:M,onMouseLeave:M,ref:c,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropClipBox"}),(0,s.jsxs)("div",{className:Yr,ref:l,children:[(0,s.jsx)("img",{src:ot,className:Jr}),(0,s.jsx)("img",{src:ot,className:qr,ref:u}),(0,s.jsxs)("div",{className:Kr,onMouseDown:function(e){g.current=e.clientX,h.current=e.clientY;var t=Y.findDOMNode(m.current);v.current=t.offsetTop,p.current=t.offsetLeft,o.current=!0},ref:m,children:[(0,s.jsx)("div",{className:"".concat(Xr," ").concat($r),onMouseDown:function(e){return D(e,lr.leftUp)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ei),onMouseDown:function(e){return D(e,lr.up)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ti),onMouseDown:function(e){return D(e,lr.rightUp)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ni),onMouseDown:function(e){return D(e,lr.right)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ri),onMouseDown:function(e){return D(e,lr.rightDown)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ii),onMouseDown:function(e){return D(e,lr.down)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(ai),onMouseDown:function(e){return D(e,lr.leftDown)}}),(0,s.jsx)("div",{className:"".concat(Xr," ").concat(oi),onMouseDown:function(e){return D(e,lr.left)}})]})]}),(0,s.jsx)("div",{className:si,children:(0,s.jsx)("img",{src:ot,ref:f})})]})},li=n.p+"images/e55cd06c.jpg",ui=n.p+"images/f44f33e9.jpg",di=n.p+"images/ccd69096.jpg",mi=n.p+"images/dbd623e3.jpg",fi=n.p+"images/d327c52a.jpg",gi=n.p+"images/f160c0ae.jpg",hi={container:"DragShopping_container__IbTIV",content:"DragShopping_content__VVnMY",bookBox:"DragShopping_bookBox__SDdDi",shoppingBox:"DragShopping_shoppingBox__3DBFv",tableHead:"DragShopping_tableHead__lYIfd",tableCell:"DragShopping_tableCell__6tWCA",tableRow:"DragShopping_tableRow__6Qo3x",total:"DragShopping_total__+sd3-",tip:"DragShopping_tip__vp+8T"};function pi(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function vi(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?pi(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):pi(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var xi=be.GridBox,yi=[{id:"1",name:"一个星期学会吉他弹唱",price:68,imgUrl:li},{id:"2",name:"柳公权楷书教程入门",price:45,imgUrl:ui},{id:"3",name:"世说新语",price:52,imgUrl:di},{id:"4",name:"名人传",price:124,imgUrl:mi},{id:"5",name:"骆驼祥子",price:168,imgUrl:fi},{id:"6",name:"阅微堂笔记",price:56,imgUrl:gi}],Ai=function(){var e=(0,h.Z)(),t=(0,r.useState)([]),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(!1),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useState)(0),f=(0,o.Z)(m,2),g=f[0],p=f[1];return(0,s.jsxs)("div",{className:hi.container,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.dragAndDropShopping"}),(0,s.jsxs)("div",{className:hi.content,children:[(0,s.jsx)(be,{differentScreenCols:[6,6,3,3,3],rowSpace:0,colSpace:0,children:yi.map((function(e,t){var n=e.id,r=e.name,i=e.price,a=e.imgUrl;return(0,s.jsx)(xi,{children:(0,s.jsxs)("div",{className:hi.bookBox,draggable:"true",onDragStart:function(e){return function(e,t){e=e||window.event;var n=yi[t];e.dataTransfer.setData("id",n.id),e.dataTransfer.effectAllowed="copy"}(e,t)},children:[(0,s.jsx)("img",{src:a,draggable:"false"}),(0,s.jsx)("p",{children:r}),(0,s.jsx)("p",{children:"￥".concat(i)})]})},n)}))}),(0,s.jsxs)("div",{className:hi.shoppingBox,style:u?{border:"1px solid #DD5044",color:"#DD5044"}:{},onDragOver:function(e){e.preventDefault(),u||d(!0)},onDragLeave:function(e){e.preventDefault(),u&&d(!1)},onDrop:function(e){e.preventDefault();var t=e.dataTransfer.getData("id"),n=!1,r=0,o=i.map((function(e){return e.id===t?(n=!0,r=e.price,vi(vi({},e),{},{num:e.num+1})):e}));if(!n){for(var s,c=yi.length-1;c>=0;c--){var l=yi[c];if(l.id===t){r=l.price,s=l;break}}s&&o.unshift(vi(vi({},s),{},{num:1}))}a(o),d(!1),p(g+r)},children:[(0,s.jsxs)("div",{className:hi.tableHead,children:[(0,s.jsx)("div",{className:hi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.title"})}),(0,s.jsx)("div",{className:hi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.price"})}),(0,s.jsx)("div",{className:hi.tableCell,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.count"})})]}),i.map((function(e){var t=e.id,n=e.num,r=e.name,i=e.price;return(0,s.jsxs)("div",{className:hi.tableRow,children:[(0,s.jsx)("div",{className:hi.tableCell,children:r}),(0,s.jsx)("div",{className:hi.tableCell,children:"￥".concat(i)}),(0,s.jsx)("div",{className:hi.tableCell,children:n})]},t)})),i.length>0&&(0,s.jsx)("div",{className:hi.total,children:(0,s.jsxs)("span",{className:hi.totalMoney,children:[e.formatMessage({id:"page.htmlVision.interactiveDesign.total"}),"：￥",(0,s.jsx)("span",{children:g})]})}),(0,s.jsx)("div",{className:hi.tip,children:u?e.formatMessage({id:"page.htmlVision.interactiveDesign.addingToCart"}):e.formatMessage({id:"page.htmlVision.interactiveDesign.dragToThisToBuy"})})]})]})]})},wi=n.p+"images/70af4d01.jpg",ji="MouseHover_container__QIdL2",bi="MouseHover_content__L5hzm",_i="MouseHover_title__617kC",Di="MouseHover_bottom__jjGyr",Mi="MouseHover_right__Aviwn",ki="MouseHover_cursor__IcpdN",Ni=[{name:"两个跨域页面进行跳转传参的终极方案",href:"https://juejin.cn/post/7134967869326458916"},{name:"面试秘籍之手写系列",href:"https://juejin.cn/post/7134975263707758606"},{name:"一款将打包后的Chrome插件自动化加载到浏览器的webpack插件",href:"https://juejin.cn/post/7134991167095062565"},{name:"全网最全AutoIt3基础教程及实战案例",href:"https://juejin.cn/post/7134952028870017060"}],Ei=function(){var e=(0,h.Z)(),t=d().scrollTop,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)(!1),c=(0,o.Z)(a,2),l=c[0],u=c[1],m=(0,r.useState)("default"),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useRef)({mouseX:null,mouseY:null}),x=(0,r.useRef)(0),y=function(){p("big")},A=function(){p("default")};return(0,r.useEffect)((function(){return x.current=window.requestAnimationFrame((function e(){var t=v.current,n=t.mouseX,r=t.mouseY;if(null!==n&&null!==r){var a=10;"big"===g&&(a=40);var o=Y.findDOMNode(i.current),s=o.style.left?parseFloat(o.style.left):null,c=o.style.top?parseFloat(o.style.top):null;if(null!==s&&null!==c){var l=n-(s+a),u=r-(c+a),d=Math.hypot(l,u);if(d>0)if(d<=.1)o.style.left="".concat(s,"px"),o.style.top="".concat(c,"px");else{var m=.12*l,f=.12*u;o.style.left="".concat(s+m,"px"),o.style.top="".concat(c+f,"px")}}}x.current=window.requestAnimationFrame(e)})),function(){x.current&&window.cancelAnimationFrame(x.current)}}),[g]),(0,s.jsxs)("div",{className:ji,onMouseEnter:function(e){var r=e.clientX,a=e.clientY;u(!0);var o=Y.findDOMNode(n.current),s=o.offsetLeft,c=void 0===s?0:s,l=o.offsetTop,d=void 0===l?0:l;v.current={mouseX:r-c,mouseY:a-(d-t)};var m=Y.findDOMNode(i.current);m.style.left="".concat((v.current.mouseX||0)-10,"px"),m.style.top="".concat((v.current.mouseY||0)-10,"px")},onMouseMove:function(e){var r=e.clientX,i=e.clientY,a=Y.findDOMNode(n.current),o=a.offsetLeft,s=void 0===o?0:o,c=a.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:i-(l-t)}},onMouseLeave:function(e){var r=e.clientX,i=e.clientY;u(!1);var a=Y.findDOMNode(n.current),o=a.offsetLeft,s=void 0===o?0:o,c=a.offsetTop,l=void 0===c?0:c;v.current={mouseX:r-s,mouseY:i-(l-t)}},ref:n,children:[(0,s.jsxs)("div",{className:bi,children:[(0,s.jsx)("p",{className:_i,onMouseEnter:y,onMouseLeave:A,children:e.formatMessage({id:"page.htmlVision.interactiveDesign.personalArticle"})}),(0,s.jsxs)("div",{className:Di,children:[(0,s.jsx)("img",{src:wi,alt:"",onMouseEnter:y,onMouseLeave:A}),(0,s.jsx)("div",{className:Mi,children:Ni.map((function(e,t){return(0,s.jsx)("a",{href:e.href,target:"_blank",onMouseEnter:y,onMouseLeave:A,children:e.name},t)}))})]})]}),(0,s.jsx)("div",{className:ki,style:{visibility:l?"visible":"hidden",width:"".concat("big"===g?80:20,"px"),height:"".concat("big"===g?80:20,"px")},ref:i})]})},Ci="SlideButtonTab_container__eT4SM",Si="SlideButtonTab_content__6sIYs",Pi="SlideButtonTab_btn__tD8IC",Bi="SlideButtonTab_actived__RWXqG",Ii=new Array(4).fill(0),Ti=function(){var e=(0,r.useRef)(null),t=(0,r.useState)(0),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useRef)(0);return(0,r.useEffect)((function(){if(e.current){var t=(e.current.getBoundingClientRect().width-32-8*(2*Ii.length-2))/Ii.length;e.current.style.setProperty("--btnWidth","".concat(t,"px")),c.current=t}}),[]),(0,s.jsxs)("div",{className:Ci,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.swipeTab"}),(0,s.jsx)("div",{className:Si,ref:e,children:Ii.map((function(t,n){return(0,s.jsxs)("div",{className:"".concat(Pi," ").concat(i===n?Bi:""),onClick:function(){return function(t){if(e.current&&i!==t){var n="".concat(16+c.current*t+8*t*2,"px");e.current.style.setProperty("--groove-left",n);var r="0deg";r=t<i?"-8deg":"8deg",e.current.style.setProperty("--wraper-rotate",r),window.setTimeout((function(){e.current&&e.current.style.setProperty("--wraper-rotate","0deg")}),600),a(t)}}(n)},children:["Button",n+1]},n)}))})]})},Ri=n.p+"images/a601ac6c.png",Fi=n.p+"images/d1a0696c.png",Oi=n.p+"images/e430aae1.png",Zi=n.p+"images/b2b0669d.png",Gi=n.p+"images/f354e378.png",Qi=n.p+"images/c6c82aab.png",Li=n.p+"images/7075d257.png",zi=n.p+"images/b637b49e.png",Hi="FlipBook_container__bOMio",Vi="FlipBook_pages__Ls1i4",Ui="FlipBook_paper__qnIh0",Wi="FlipBook_page__5K+Jz",Yi="FlipBook_left-show-front-page__I3ToF",Ji="FlipBook_right-show-back-page__crJO-",qi="FlipBook_left-show-back-page__yRt8k",Ki="FlipBook_right-show-front-page__pTHC0",Xi="FlipBook_left-hide-front-page__kQs3M",$i="FlipBook_left-hide-back-page__lMGif",ea="FlipBook_right-hide-front-page__8XaW9",ta="FlipBook_btns__9Cs+L",na="FlipBook_btn__QmvzH",ra=[[Ri,Fi],[Oi,Zi],[Gi,Qi],[Li,zi]],ia=[Yi,qi,Ki,Ji,Xi,$i,ea,"FlipBook_right-hide-back-page__56D1v"],aa=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(0),i=(0,r.useRef)(!1),a=function(){if(t.current){var e=t.current.children;Array.prototype.forEach.call(e,(function(e,t){if(e.attributes&&e.attributes.length){var r,i;if(e.attributes.getNamedItem("data-left"))null===(r=e.attributes)||void 0===r||r.removeNamedItem("data-left");if(e.attributes.getNamedItem("data-right"))null===(i=e.attributes)||void 0===i||i.removeNamedItem("data-right")}var a=e.children;if(t===n.current){var o,s,c,l,u=document.createAttribute("data-left");u.nodeValue="true",e.attributes.setNamedItem(u),e.style.transform="perspective(1000px) rotateY(-180deg)",e.style.zIndex="4",null===(o=a[0].classList)||void 0===o||o.remove.apply(o,ia),null===(s=a[0].classList)||void 0===s||s.add(qi),null===(c=a[1].classList)||void 0===c||c.remove.apply(c,ia),null===(l=a[1].classList)||void 0===l||l.add(Yi)}else if(t===n.current+1){var d,m,f,g,h=document.createAttribute("data-right");h.nodeValue="true",e.attributes.setNamedItem(h),e.style.transform="perspective(1000px) rotateY(0deg)",e.style.zIndex="4",null===(d=a[0].classList)||void 0===d||d.remove.apply(d,ia),null===(m=a[0].classList)||void 0===m||m.add(Ki),null===(f=a[1].classList)||void 0===f||f.remove.apply(f,ia),null===(g=a[1].classList)||void 0===g||g.add(Ji)}else if(t<n.current){var p,v,x,y;e.style.transform="perspective(1000px) rotateY(-180deg)",t===n.current-1?e.style.zIndex="3":e.style.zIndex="2",null===(p=a[0].classList)||void 0===p||p.remove.apply(p,ia),null===(v=a[0].classList)||void 0===v||v.add($i),null===(x=a[1].classList)||void 0===x||x.remove.apply(x,ia),null===(y=a[1].classList)||void 0===y||y.add(Xi)}else{var A,w,j,b;e.style.transform="perspective(1000px) rotateY(0deg)",t===n.current+2?e.style.zIndex="3":e.style.zIndex="2",null===(A=a[0].classList)||void 0===A||A.remove.apply(A,ia),null===(w=a[0].classList)||void 0===w||w.add(ea),null===(j=a[1].classList)||void 0===j||j.remove.apply(j,ia),null===(b=a[1].classList)||void 0===b||b.add($i)}}))}i.current=!1};return(0,r.useLayoutEffect)((function(){var e=document.styleSheets[0];e.insertRule("@keyframes flip-to-left {\n        from {\n          transform: perspective(1000px) rotateY(0);\n        }\n        to {\n          transform: perspective(1000px) rotateY(-180deg);\n        }\n      }"),e.insertRule("@keyframes flip-to-right {\n        from {\n          transform: perspective(1000px) rotateY(-180deg);\n        }\n        to {\n          transform: perspective(1000px) rotateY(0);\n        }\n      }"),i.current=!0,a()}),[]),(0,s.jsxs)("div",{className:Hi,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.flipBoook"}),(0,s.jsx)("div",{className:Vi,ref:t,children:ra.map((function(e,t){return(0,s.jsxs)("div",{className:Ui,children:[(0,s.jsx)("div",{className:Wi,children:(0,s.jsx)("img",{src:e[0],alt:""})}),(0,s.jsx)("div",{className:Wi,children:(0,s.jsx)("img",{src:e[1],alt:""})})]},t)}))}),(0,s.jsxs)("div",{className:ta,children:[(0,s.jsx)(oe.Z,{type:"primary",className:na,onClick:function(){if(!(n.current<=-1||i.current)){if(i.current=!0,t.current){var e=t.current.children[n.current];e.style.animation="flip-to-right 2s ease-in-out forwards",setTimeout((function(){e.style.zIndex="5"}),1e3)}setTimeout((function(){n.current=n.current-1,a()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.previousPage"})}),(0,s.jsx)(oe.Z,{type:"primary",className:na,onClick:function(){if(!(n.current>=ra.length-1||i.current)){if(i.current=!0,t.current){var e=t.current.children[n.current+1];e.style.animation="flip-to-left 2s ease-in-out forwards",setTimeout((function(){e.style.zIndex="5"}),1e3)}setTimeout((function(){n.current=n.current+1,a()}),2e3)}},children:e.formatMessage({id:"page.htmlVision.interactiveDesign.nextPage"})})]})]})},oa="switch_container__i9Gh6",sa="switch_box__M6wl2",ca="switch_icon__AQIrn";function la(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function ua(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?la(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):la(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var da=function(e){var t=e.open,n=e.width,i=void 0===n?90:n,a=e.height,c=void 0===a?40:a,l=e.openIcon,u=e.closeIcon,d=e.onChange,m=e.style,f=void 0===m?{}:m,g=e.className,h=void 0===g?"":g,p=(0,r.useState)(void 0!==t&&t),v=(0,o.Z)(p,2),x=v[0],y=v[1];return(0,s.jsxs)("div",{className:"".concat(oa," ").concat(h),style:ua({width:"".concat(i,"px"),height:"".concat(c,"px"),borderRadius:"".concat(c/2,"px"),backgroundColor:void 0!==t&&t||void 0===t&&x?"#e4e4e4":"#1a1c20"},f),onClick:function(){void 0!==t?d&&d(!t):y(!x)},children:[(0,s.jsx)("div",{className:sa,style:void 0!==t&&t||void 0===t&&x?{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),borderRadius:"50%",top:"".concat(.1*c,"px"),left:"".concat(.1*c,"px")}:{width:"".concat(.2*c,"px"),height:"".concat(.7*c,"px"),borderRadius:"".concat(.2*c/2,"px"),top:"".concat(.15*c,"px"),left:"".concat(i-c/2,"px")}}),u&&(0,s.jsx)("div",{className:ca,style:{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),top:"".concat(.1*c,"px"),left:"".concat(.1*c,"px"),opacity:void 0!==t&&t||void 0===t&&x?0:1,display:"flex",alignItems:"center"},children:u}),l&&(0,s.jsx)("div",{className:ca,style:{width:"".concat(.8*c,"px"),height:"".concat(.8*c,"px"),top:"".concat(.1*c,"px"),left:"".concat(i-.9*c,"px"),opacity:void 0!==t&&t||void 0===t&&x?1:0,display:"flex",alignItems:"center",justifyContent:"flex-end"},children:l})]})},ma=n.p+"images/16a09882.png",fa=n.p+"images/58bbf8ef.png",ga="Switchs_container__pX5RV",ha=function(){return(0,s.jsxs)("div",{className:ga,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.switchButton"}),(0,s.jsx)(da,{width:66,height:30}),(0,s.jsx)(da,{width:76,height:34,openIcon:(0,s.jsx)("span",{style:{color:"#333",marginRight:"2px"},children:"ON"}),closeIcon:(0,s.jsx)("span",{style:{color:"#fff",marginLeft:"4px"},children:"OFF"}),style:{margin:"0 60px"}}),(0,s.jsx)(da,{openIcon:(0,s.jsx)("img",{src:ma,alt:"",width:26,height:26}),closeIcon:(0,s.jsx)("img",{src:fa,alt:"",width:26,height:26})})]})},pa=n.p+"images/0e3fc4a1.png",va=n.p+"images/036f3b2c.png",xa=n.p+"images/de961e69.png",ya=n.p+"images/77eff419.png",Aa=n.p+"images/bae3b2af.png",wa=n.p+"images/641be512.png",ja=n.p+"images/bb4c7aec.png",ba=n.p+"images/95259d51.png",_a=n.p+"images/a3f5bcd3.png",Da="animation_container__bfyEi",Ma="animation_content__H8vdL",ka="animation_people__3G2ps",Na="animation_giftBox__06Ghv",Ea="animation_coin__9Ei6m",Ca="animation_gift__fEEYc",Sa=600,Pa=80,Ba="CCW",Ia=0,Ta=0,Ra=0,Fa=!1,Oa=!1,Za={icon1:{top:60,left:32,vx:-4.5},icon2:{top:30,left:34,vx:-3},icon3:{top:50,left:36,vx:0},icon4:{top:80,left:38,vx:1},icon5:{top:36,left:40,vx:3},icon6:{top:60,left:42,vx:2},icon7:{top:90,left:44,vx:5}},Ga={icon1:{top:Za.icon1.top,left:Za.icon1.left,vx:-4.5,vy:0,g:.2,opacity:0,isMoving:!1},icon2:{top:Za.icon2.top,left:Za.icon2.left,vx:-3,vy:0,g:.3,opacity:0,isMoving:!1},icon3:{top:Za.icon3.top,left:Za.icon3.left,vx:0,vy:0,g:.2,opacity:0,isMoving:!1},icon4:{top:Za.icon4.top,left:Za.icon4.left,vx:1,vy:0,g:.3,opacity:0,isMoving:!1},icon5:{top:Za.icon5.top,left:Za.icon5.left,vx:3,vy:0,g:.4,opacity:0,isMoving:!1},icon6:{top:Za.icon6.top,left:Za.icon6.left,vx:2,vy:0,g:.5,opacity:0,isMoving:!1},icon7:{top:Za.icon7.top,left:Za.icon7.left,vx:5,vy:0,g:.3,opacity:0,isMoving:!1}};function Qa(e,t,n){var r=0;return n>-e&&n<e&&(r=Math.sqrt((1-Math.pow(n,2)/Math.pow(e,2))*Math.pow(t,2))),r}var La=function(e){var t=e.noDropCoins,n=void 0!==t&&t,i=e.clickNoDropCoins,a=void 0!==i&&i,o=(0,r.useRef)(null),c=(0,r.useRef)(null);return(0,r.useLayoutEffect)((function(){var e=0,t=64,r=Qa(Pa,40,t);return e=window.requestAnimationFrame((function i(){if(o.current){var a=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,r=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,i=arguments.length>4&&void 0!==arguments[4]?arguments[4]:0,a=e,o=t;return 0!==n&&(a=e*Math.cos(n)+t*Math.sin(n)+r,o=-e*Math.sin(n)+t*Math.cos(n)+i),{transitionX:a,transitionY:o}}(t,r,Ia,Ta,Ra),s=a.transitionX,l=a.transitionY,u=Y.findDOMNode(o.current);if(!u)return;u.offsetWidth<350?Sa=500:u.offsetWidth<400&&(Sa=550),u.style.left="".concat(s,"px"),u.style.top="".concat(-l,"px");var d=1.5;t>=Pa?("CCW"===Ba?(Ia=0,Ta=0,Ra=0):(Ia=120,Ta=17,Ra=49),n||(Fa=!0,Oa=!0)):t<=-Pa&&(Ba="CCW"===Ba?"CW":"CCW",n||(Fa=!0,Oa=!0)),Math.abs(t)>16&&(d=1.5*Math.pow(Math.cos(t/Pa),2));var m=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1,o=r,s=i;return(o=r>=e?r-a:r<=-e?r+a:"CCW"===n?i>0?r-a:r+a:i<0?r-a:r+a)>e?o=e:o<-e&&(o=-e),(s=Qa(e,t,o))>0&&(r>=e?"CCW"!==n&&(s=-s):r<=-e?"CCW"===n&&(s=-s):i<0&&(s=-s)),{nextX:o,nextY:s}}(Pa,40,Ba,t,r,d),f=m.nextX,g=m.nextY;t=f,r=g;var h=null;c&&c.current&&(h=Y.findDOMNode(c.current));var p=!0;h&&Object.keys(Ga).forEach((function(e,t){var n=h.childNodes[t];if(n){var r=Ga[e],i=r.top,a=r.left,o=r.vx,s=r.vy,c=r.g,l=r.opacity,u=r.isMoving;if(u||Fa){var d=Za[e],m=i+s,f=a+o,g=o;g=Math.abs(o)>.1?o>0?o-.1:o+.1:0;var v=m-d.top,x=Sa-d.top,y=x/2*.45,A=l;v/x>.55&&(v=y-(m-.55*x)),(A=(v/y).toFixed(2))>1&&(A=1);var w=s+c,j=u;0===m?(m=d.top,f=d.left,g=d.vx,j=!0):m>=Sa?(m=0,f=0,A=0,g=0,w=0,j=!1):(p=!1,Fa&&(j=!0)),n.style.top="".concat(m,"px"),n.style.left="".concat(f,"px"),n.style.opacity=A,Object.assign(r,{top:m,left:f,vx:g,vy:w,isMoving:j})}}})),Fa&&(Fa=!1),p&&(Oa=!1)}e=window.requestAnimationFrame(i)})),function(){e&&window.cancelAnimationFrame(e)}}),[]),(0,s.jsx)("div",{className:Da,children:(0,s.jsxs)("div",{className:Ma,ref:o,children:[(0,s.jsx)("img",{src:pa,alt:"",className:ka}),(0,s.jsxs)("div",{className:Na,onClick:function(){a||Oa||(Fa=!0,Oa=!0)},ref:c,children:[(0,s.jsx)("img",{src:xa,alt:"",className:Ea}),(0,s.jsx)("img",{src:ya,alt:"",className:Ea}),(0,s.jsx)("img",{src:Aa,alt:"",className:Ea}),(0,s.jsx)("img",{src:wa,alt:"",className:Ea}),(0,s.jsx)("img",{src:ja,alt:"",className:Ea}),(0,s.jsx)("img",{src:ba,alt:"",className:Ea}),(0,s.jsx)("img",{src:_a,alt:"",className:Ea}),(0,s.jsx)("img",{src:va,alt:"",className:Ca})]})]})})},za="PeopleAnimation_container__P9IRI",Ha=function(){return(0,s.jsx)("div",{className:za,children:(0,s.jsx)(La,{})})},Va={container:"TweakCube_container__chHsQ",content:"TweakCube_content__rXgCM",cube:"TweakCube_cube__c9JMo",changeColor:"TweakCube_changeColor__SsQtL",column0:"TweakCube_column0__0ANAL",span0:"TweakCube_span0__kaIxY",span1:"TweakCube_span1__RA+mL",span2:"TweakCube_span2__BzTLy",column1:"TweakCube_column1__9Hhyi",column2:"TweakCube_column2__EbxfC"},Ua=new Array(3).fill(0),Wa=function(){return(0,s.jsxs)("div",{className:Va.container,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.pseudo3DRubikCube"}),(0,s.jsx)("div",{className:Va.content,children:Ua.map((function(e,t){return(0,s.jsx)("div",{className:Va.cube,children:Ua.map((function(e,t){return(0,s.jsx)("div",{className:Va["column".concat(t)],children:Ua.map((function(e,t){return(0,s.jsx)("span",{className:Va["span".concat(t)]},t)}))},t)}))},t)}))})]})},Ya="Preserve3dBox_container__S8Nkn",Ja="Preserve3dBox_content__OkpkD",qa="Preserve3dBox_box__xhigG",Ka="Preserve3dBox_side1__OlfJ5",Xa="Preserve3dBox_side2__N20GX",$a="Preserve3dBox_side3__t1Hxo",eo="Preserve3dBox_side4__7YzMw",to="Preserve3dBox_side5__38WMJ",no="Preserve3dBox_side6__pWRYS",ro="Preserve3dBox_light__8ms1v",io=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(){if(n.current=null,t.current){var e=t.current.children;Array.prototype.forEach.call(e,(function(e){Array.prototype.includes.call(e.classList,ro)&&e.classList.remove(ro)})),document.styleSheets[0].insertRule("@keyframes preserve3dRotate {\n            100% {\n                transform: rotate3d(1, 1, 1, 360deg);\n              }\n          }"),t.current.style.animation="preserve3dRotate 10s linear infinite"}},a=function(e){null==e||e.classList.add(ro)};return(0,s.jsxs)("div",{className:Ya,onMouseDown:function(e){var r=e.clientX,i=e.clientY,a=window.getComputedStyle(Y.findDOMNode(t.current)).transform;if(a&&"none"!==a){var o=a.match(/matrix(3d)?((.+))/);if(o&&o.length>=3){var s=o[2].split(", ")||[],c=180*Math.acos(Number(s[5]))/Math.PI,l=180*Math.acos(Number(s[10]))/Math.PI;n.current={x:r,y:i,rotateX:c,rotateY:l}}}},onMouseMove:function(e){if(t.current&&n.current){var r=e.clientX,i=e.clientY,a=n.current,o=a.x,s=a.y,c=a.rotateX,l=a.rotateY,u=2*(s-i),d=(r-o)/2;t.current&&(t.current.style.animation="none"),t.current.style.transform="rotateX(".concat(c+u,"deg) rotateY(").concat(l+d,"deg)")}},onMouseUp:i,onMouseLeave:i,ref:e,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.3DRubikCube"}),(0,s.jsx)("div",{className:Ja,children:(0,s.jsxs)("div",{className:qa,ref:t,children:[(0,s.jsx)("div",{className:Ka,onClick:function(e){t.current&&(t.current.style.transform="rotateX(360deg) rotateY(360deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:Xa,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(180deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:$a,onClick:function(e){t.current&&(t.current.style.transform="rotateX(270deg) rotateY(0deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:eo,onClick:function(e){t.current&&(t.current.style.transform="rotateX(90deg) rotateY(180deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:to,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(90deg)",t.current.style.animation="none",a(e.target))}}),(0,s.jsx)("div",{className:no,onClick:function(e){t.current&&(t.current.style.transform="rotateX(0deg) rotateY(270deg)",t.current.style.animation="none",a(e.target))}})]})})]})},ao="OrientationSenseCard_container__wM4Og",oo="OrientationSenseCard_content__nHHlN",so="OrientationSenseCard_card__kb1rR",co=[Oi,Zi,Qi,Li,zi],lo=function(){return(0,s.jsxs)("div",{className:ao,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection"}),(0,s.jsx)("div",{className:oo,children:co.map((function(e,t){return(0,s.jsx)("div",{className:so,children:(0,s.jsx)("img",{src:e,alt:""})},t)}))})]})},uo="HexagonalMesh1_container__4Mauo",mo="HexagonalMesh1_item__uupv2",fo=new Array(800).fill(0),go=function(){var e=(0,r.useRef)(null),t=function(){if(e.current){var t=e.current.getBoundingClientRect(),n=t.width/2,r=t.height/2;e.current.style.setProperty("--xPos","".concat(n,"px")),e.current.style.setProperty("--yPos","".concat(r,"px"))}};return(0,r.useEffect)((function(){t()}),[]),(0,s.jsx)("div",{className:uo,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:fo.map((function(e,t){return(0,s.jsx)("div",{className:mo},t)}))})},ho="HexagonalMesh2_container__7Eq5-",po="HexagonalMesh2_item__RBkZx",vo=new Array(800).fill(0),xo=function(){var e=(0,r.useRef)(null),t=function(){if(e.current){var t=e.current.getBoundingClientRect(),n=t.width/2,r=t.height/2;e.current.style.setProperty("--xPos","".concat(n,"px")),e.current.style.setProperty("--yPos","".concat(r,"px"))}};return(0,r.useEffect)((function(){t()}),[]),(0,s.jsx)("div",{className:ho,onMouseMove:function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;window.requestAnimationFrame((function(){e.current&&(e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px")))}))}},onMouseLeave:t,ref:e,children:vo.map((function(e,t){return(0,s.jsx)("div",{className:po},t)}))})},yo="HexagonalMesh3_container__7cOnb",Ao="HexagonalMesh3_item__JnppT",wo=new Array(800).fill(0),jo=function(){var e=(0,r.useRef)(null);return(0,s.jsx)("div",{className:yo,ref:e,children:wo.map((function(e,t){return(0,s.jsx)("div",{className:Ao},t)}))})},bo=n(34262),_o=n(39464),Do=n(12304),Mo=n(24406),ko=n(4333),No=n(83428),Eo=n(78874),Co=n(59401),So=n(73566),Po=n(98059),Bo=n(48107),Io=n(5698),To=n(97998),Ro=n(75013),Fo=n(14294),Oo=n(18152),Zo=n(36108),Go=n(98522),Qo=n(77093),Lo=n(55017),zo=n(67753),Ho=n(26223),Vo=n(98261),Uo=n(93017),Wo=n(77125),Yo=n(79728),Jo=n(93366),qo=n(98587),Ko=n(2905),Xo=n(11013),$o=n(44251),es=n(94506),ts=n(49434),ns=n(38419),rs=n(1627),is=n(20720),as=n(6355),os=n(892),ss=n(49688),cs=n(78823),ls=n(80856),us=n(26589),ds=n(7364),ms=n(14283),fs=n(54618),gs=n(3248),hs=n(18401),ps=n(5405),vs=n(82272),xs=n(59512),ys=n(62965),As=n(88630),ws=n(25449),js=n(57551),bs=n(89317),_s=n(72285),Ds=n(68479),Ms=n(71938),ks=n(2825),Ns=n(43926),Es=n(85369),Cs=n(53318),Ss=n(85008),Ps=n(45452),Bs=n(4334),Is=n(72850),Ts=n(19671),Rs=n(97254),Fs=n(70913),Os=n(56022),Zs=n(16640),Gs=n(23375),Qs=n(12854),Ls=n(88485),zs=n(33040),Hs=n(63392),Vs=n(73888),Us=n(48965),Ws=n(4711),Ys=n(56931),Js=n(24616),qs=n(51984),Ks="IconScroll_container__pHJbN",Xs="IconScroll_row__ueyux",$s=new Array(40).fill(0),ec=function(){var e=function(){return(0,s.jsxs)("div",{children:[(0,s.jsx)(bo.Z,{}),(0,s.jsx)(_o.Z,{}),(0,s.jsx)(Do.Z,{}),(0,s.jsx)(Mo.Z,{}),(0,s.jsx)(ko.Z,{}),(0,s.jsx)(No.Z,{}),(0,s.jsx)(Eo.Z,{}),(0,s.jsx)(Co.Z,{}),(0,s.jsx)(So.Z,{}),(0,s.jsx)(Po.Z,{}),(0,s.jsx)(Bo.Z,{}),(0,s.jsx)(Io.Z,{}),(0,s.jsx)(To.Z,{}),(0,s.jsx)(Ro.Z,{}),(0,s.jsx)(Fo.Z,{}),(0,s.jsx)(Oo.Z,{}),(0,s.jsx)(Zo.Z,{}),(0,s.jsx)(Go.Z,{}),(0,s.jsx)(Qo.Z,{}),(0,s.jsx)(Lo.Z,{}),(0,s.jsx)(zo.Z,{}),(0,s.jsx)(Ho.Z,{}),(0,s.jsx)(Vo.Z,{}),(0,s.jsx)(Uo.Z,{}),(0,s.jsx)(Wo.Z,{}),(0,s.jsx)(Yo.Z,{}),(0,s.jsx)(Jo.Z,{}),(0,s.jsx)(qo.Z,{}),(0,s.jsx)(Ko.Z,{}),(0,s.jsx)(Xo.Z,{}),(0,s.jsx)($o.Z,{}),(0,s.jsx)(es.Z,{}),(0,s.jsx)(ts.Z,{}),(0,s.jsx)(ns.Z,{}),(0,s.jsx)(rs.Z,{}),(0,s.jsx)(is.Z,{}),(0,s.jsx)(as.Z,{}),(0,s.jsx)(os.Z,{}),(0,s.jsx)(ss.Z,{}),(0,s.jsx)(cs.Z,{}),(0,s.jsx)(ls.Z,{}),(0,s.jsx)(us.Z,{}),(0,s.jsx)(ds.Z,{}),(0,s.jsx)(ms.Z,{}),(0,s.jsx)(fs.Z,{}),(0,s.jsx)(gs.Z,{}),(0,s.jsx)(hs.Z,{}),(0,s.jsx)(ps.Z,{}),(0,s.jsx)(vs.Z,{}),(0,s.jsx)(xs.Z,{}),(0,s.jsx)(ys.Z,{}),(0,s.jsx)(As.Z,{}),(0,s.jsx)(ws.Z,{}),(0,s.jsx)(js.Z,{}),(0,s.jsx)(bs.Z,{}),(0,s.jsx)(_s.Z,{}),(0,s.jsx)(Ds.Z,{}),(0,s.jsx)(Ms.Z,{}),(0,s.jsx)(ks.Z,{}),(0,s.jsx)(J.Z,{}),(0,s.jsx)(Ns.Z,{}),(0,s.jsx)(Es.Z,{}),(0,s.jsx)(Cs.Z,{}),(0,s.jsx)(Ss.Z,{}),(0,s.jsx)(Ps.Z,{}),(0,s.jsx)(Bs.Z,{}),(0,s.jsx)(Is.Z,{}),(0,s.jsx)(Ts.Z,{}),(0,s.jsx)(Rs.Z,{}),(0,s.jsx)(x.Z,{}),(0,s.jsx)(Fs.Z,{}),(0,s.jsx)(Os.Z,{}),(0,s.jsx)(Zs.Z,{}),(0,s.jsx)(Gs.Z,{}),(0,s.jsx)(Qs.Z,{}),(0,s.jsx)(Ls.Z,{}),(0,s.jsx)(zs.Z,{}),(0,s.jsx)(Hs.Z,{}),(0,s.jsx)(Vs.Z,{}),(0,s.jsx)(Us.Z,{}),(0,s.jsx)(Ws.Z,{}),(0,s.jsx)(Ys.Z,{}),(0,s.jsx)(Js.Z,{}),(0,s.jsx)(qs.Z,{})]})};return(0,s.jsx)("div",{className:Ks,children:$s.map((function(t,n){return(0,s.jsxs)("div",{className:Xs,children:[e(),e()]},n)}))})},tc=n(67724),nc=n(8812),rc="WipeSwitchover_container__zA+wD",ic="WipeSwitchover_mask1__efwWk",ac="WipeSwitchover_mask2__bTFbb",oc="WipeSwitchover_mask3__Gaobg",sc="WipeSwitchover_mask4__ZERnA",cc="WipeSwitchover_mask5__MkpDg",lc="WipeSwitchover_page1__ex092",uc="WipeSwitchover_page2__S7sFb",dc="WipeSwitchover_page3__JtV7t",mc="WipeSwitchover_page4__9G6Y9",fc="WipeSwitchover_page5__uBeX2",gc="WipeSwitchover_prevBtn__6vW6Q",hc="WipeSwitchover_icon__Z3ryB",pc="WipeSwitchover_nextBtn__sVZkG",vc=.006,xc=[8,8,8,7,30],yc=[.72,.7,1,1,.32],Ac=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(xc.length-1),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useRef)(xc.length-1),d=(0,r.useRef)(!1),m=(0,r.useRef)(0),f=function e(t,n){if(t){d.current=!0;var r=t.style.strokeDashoffset,i=0;if(r)if("0"===r)i=Number((xc[u.current]*vc).toFixed(2));else if(r.includes("px")){var a=Number(r.substring(0,r.length-2));if(n<u.current){if(a>=xc[u.current])return d.current=!1,u.current=n,void l(n);i=Number((xc[u.current]*vc+a).toFixed(2))}else if(n>u.current){if(a>=2*xc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);i=Number((xc[n]*vc+a).toFixed(2))}}else{var o=Number(r);if(n<u.current){if(o>=xc[u.current])return d.current=!1,u.current=n,void l(n);i=Number((xc[u.current]*vc+o).toFixed(2))}else if(n>u.current){if(o>=2*xc[n])return t.style.strokeDashoffset="0px",d.current=!1,u.current=n,void l(n);i=Number((xc[n]*vc+o).toFixed(2))}}else i=Number((xc[u.current]*vc).toFixed(2));t.style.strokeDashoffset="".concat(i,"px"),m.current=window.requestAnimationFrame((function(){return e(t,n)}))}},g=function(){if(e.current&&n.current){var r=e.current.clientWidth,i=Math.ceil(600+.1*(r-1140));Array.prototype.forEach.call(n.current.children,(function(e,t){var n=window.getComputedStyle(e.children[0],null).getPropertyValue("transform");if(n&&n.startsWith("matrix")){var i=n.split(", ");i[0]="".concat(i[0].substring(0,7)).concat(Math.ceil(yc[t]*r)),n=i.join(", ")}e.children[0].style.transform=n})),t.current&&(e.current.style.height="".concat(i,"px"),Array.prototype.forEach.call(t.current.children,(function(e){if("g"===e.tagName){e.style.height="".concat(i,"px"),e.children[0].style.height="".concat(i,"px"),e.children[0].style.transform="".concat(i,"px");var t=Math.floor(r/2-240-40),n=Math.floor((i-340)/2);e.children[1].style.transform="translate(".concat(t,"px, ").concat(n,"px)")}})))}};return(0,r.useEffect)((function(){return g(),function(){m.current&&cancelAnimationFrame(m.current)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",g),function(){window.removeEventListener("resize",g)}}),[]),(0,s.jsxs)("div",{className:rc,ref:e,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.wipeTheEffect"}),(0,s.jsxs)("svg",{ref:t,children:[(0,s.jsxs)("defs",{ref:n,children:[(0,s.jsx)("mask",{id:"mask1",className:ic,children:(0,s.jsx)("path",{d:"M0.712-0.263\r c0,0-0.009,0.466-0.001,0.593c0.002,0.033,0.013,0.098-0.149,0.098c-0.157,0-0.16-0.049-0.161-0.08\r C0.398,0.245,0.395,0.04,0.399-0.063c0.001-0.035,0.009-0.105-0.162-0.102C0.088-0.163,0.091-0.093,0.09-0.059\r C0.09,0.04,0.08,0.238,0.09,0.337C0.093,0.368,0.107,0.42-0.058,0.42c-0.162,0-0.136-0.05-0.139-0.079\r C-0.21,0.234-0.207,0.033-0.2-0.069c0.002-0.035,0.015-0.103-0.16-0.102C-0.521-0.171-0.511-0.1-0.509-0.066\r C-0.502,0.046-0.51,0.379-0.51,0.379"})}),(0,s.jsx)("mask",{id:"mask2",className:ac,children:(0,s.jsx)("path",{d:"M-0.305,0.045\r c0,0,1.262-0.007,1.36-0.007c0.231,0,0.229,0.224-0.001,0.224c-0.14,0.001-0.929-0.002-1.042,0c-0.174,0.003-0.17,0.224-0.021,0.23\r c0.288,0.011,0.87-0.005,1.055-0.011C1.223,0.475,1.228,0.71,1.071,0.71C0.779,0.723,0.09,0.705-0.038,0.712\r s-0.148,0.223,0.031,0.234s0.233,0.011,0.233,0.011"})}),(0,s.jsx)("mask",{id:"mask3",className:oc,children:(0,s.jsx)("path",{d:"M1.15844,0.36167L1.08063,0.40111C0.95906,0.528330.94358,0.771430.87938,0.95278C0.81605,1.131660.65918,1.069850.71313,0.88778C0.75751,0.737960.89903,0.356360.93094,0.16944C0.95119,0.050820.84113,-0.056650.77563,0.12056C0.70882,0.301290.46792,1.203240.32092,0.97256C0.23658,0.840220.60869,0.261270.58134,0.05953C0.56686,-0.047280.49508,-0.06670.43749,0.0378C0.32377,0.244160.27639,0.451050.17792,0.71504C0.07944,0.979030.00295,0.842150.01094,0.75333C0.03758,0.457110.31406,0.1150.23375,-0.01111C0.15331,-0.137420.09392,0.21887-0.0325,0.23722"})}),(0,s.jsx)("mask",{id:"mask4",className:sc,children:(0,s.jsx)("path",{d:"M0.559-0.226L0.535-0.16\r c-0.196,0.171,0.09,0.27-0.022,0.436C0.49,0.31,0.384,0.312,0.344,0.202c-0.035-0.097-0.033-0.195,0.014-0.26\r c0.105-0.143,0.209-0.079,0.264,0.003c0.061,0.09,0.066,0.192,0.047,0.265c-0.093,0.35-0.537,0.162-0.49-0.159\r c0.019-0.129,0.095-0.202,0.196-0.228c0.13-0.034,0.289-0.028,0.373,0.063c0.083,0.09,0.094,0.349-0.014,0.466\r C0.64,0.452,0.178,0.502,0.077,0.256C-0.05-0.055,0.18-0.217,0.373-0.227c0.224-0.012,0.463-0.017,0.535,0.128\r C0.993,0.072,0.978,0.29,0.813,0.427"})}),(0,s.jsx)("mask",{id:"mask5",className:cc,children:(0,s.jsx)("path",{d:"M1.854-1.746L1.537-1.042\r c0.01,0.123-1.79,0.327-2.269,0.467C-1.433-0.37-1.427,0.309-0.835,0.209c0.464-0.078,3.077-0.572,3.921-0.742\r C3.714-0.66,3.81-0.043,3.364,0.102C2.423,0.406-0.153,0.795-1.188,1.026c-0.494,0.11-0.409,0.646,0.107,0.629\r c0.76-0.025,3.983-0.752,4.594-0.793c0.399-0.045,0.967,0.403-0.091,0.66C3.028,1.685,1,2.067,0.612,2.239\r C0.225,2.411,0.27,2.982,1.007,2.833l2.979-0.615"})})]}),(0,s.jsxs)("g",{className:lc,mask:"url(#mask1)",children:[(0,s.jsx)("rect",{fill:"#e3e4e5"}),(0,s.jsx)("image",{xlinkHref:Ri}),(0,s.jsx)("text",{fill:"#757576",children:"Book5"})]}),(0,s.jsxs)("g",{className:uc,mask:"url(#mask2)",children:[(0,s.jsx)("rect",{fill:"#7e7f83"}),(0,s.jsx)("image",{xlinkHref:Fi}),(0,s.jsx)("text",{fill:"#dedede",children:"Book4"})]}),(0,s.jsxs)("g",{className:dc,mask:"url(#mask3)",children:[(0,s.jsx)("rect",{fill:"#f8d3cc"}),(0,s.jsx)("image",{xlinkHref:Oi}),(0,s.jsx)("text",{fill:"#b0304e",children:"Book3"})]}),(0,s.jsxs)("g",{className:mc,mask:"url(#mask4)",children:[(0,s.jsx)("rect",{fill:"#d2e4ce"}),(0,s.jsx)("image",{xlinkHref:Zi}),(0,s.jsx)("text",{fill:"#04756e",children:"Book2"})]}),(0,s.jsxs)("g",{className:fc,mask:"url(#mask5)",children:[(0,s.jsx)("rect",{fill:"#cad9e5"}),(0,s.jsx)("image",{xlinkHref:Gi}),(0,s.jsx)("text",{fill:"#142864",children:"Book1"})]})]}),(0,s.jsx)("div",{className:gc,style:c>=xc.length-1?{pointerEvents:"none"}:{},onClick:function(){if(!d.current&&n.current){var e=c+1,t=n.current.children[e].children[0];f(t,e)}},children:(0,s.jsx)("div",{className:hc,children:(0,s.jsx)(tc.Z,{})})}),(0,s.jsx)("div",{className:pc,style:c<=0?{pointerEvents:"none"}:{},onClick:function(){if(!d.current&&n.current){var e=c-1,t=n.current.children[c].children[0];f(t,e)}},children:(0,s.jsx)("div",{className:hc,children:(0,s.jsx)(nc.Z,{})})})]})},wc="AutoCompletePunctuation_container__EjYmN",jc="AutoCompletePunctuation_content__PIXsh",bc={"'":"'",'"':'"',"(":")","（":"）","【":"】","[":"]","《":"》","「":"」","『":"』","{":"}","“":"”","‘":"’"},_c=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null),n=(0,r.useCallback)((function(e){var t=bc[e.data];if(t&&("insertText"===e.inputType||"compositionend"===e.type))if(["TEXTAREA","INPUT"].includes(e.target.tagName))e.target.setRangeText(t);else{var n=document.createTextNode(t),r=document.getSelection();if(r){var i=r.getRangeAt(0);i.insertNode(n),i.setEndBefore(n),i.commonAncestorContainer.normalize()}}}),[]);return(0,r.useEffect)((function(){return e.current&&(e.current.addEventListener("input",n),e.current.addEventListener("compositionend",n)),t.current&&(t.current.addEventListener("input",n),t.current.addEventListener("compositionend",n)),function(){e.current&&(e.current.removeEventListener("input",n),e.current.removeEventListener("compositionend",n)),t.current&&(t.current.removeEventListener("input",n),t.current.removeEventListener("compositionend",n))}}),[]),(0,s.jsxs)("div",{className:wc,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.autoCompletePunctuation"}),(0,s.jsxs)("div",{className:jc,children:[(0,s.jsx)("textarea",{rows:5,placeholder:"maxLength is 100",maxLength:100,ref:e}),(0,s.jsx)("div",{contentEditable:"true",ref:t})]})]})},Dc="StackedImages_container__Hnz74",Mc="StackedImages_content__bZLt4",kc=[Et,Pt,Bt,It],Nc=function(){return(0,s.jsxs)("div",{className:Dc,children:[(0,s.jsx)(Or,{intlTitle:"page.htmlVision.interactiveDesign.stackedImages"}),(0,s.jsx)("div",{className:Mc,children:kc.map((function(e,t){return(0,s.jsx)("img",{src:e,alt:""},t)}))})]})},Ec="InteractiveDesign_container__oK3No",Cc="InteractiveDesign_box__+Trza",Sc=[{element:(0,s.jsx)(Ur,{})},{element:(0,s.jsx)(ci,{})},{element:(0,s.jsx)(Ai,{})},{element:(0,s.jsx)(Rr,{data:Tr[0]})},{element:(0,s.jsx)(Ei,{})},{element:(0,s.jsx)(Ti,{})},{element:(0,s.jsx)(aa,{})},{element:(0,s.jsx)(ha,{})},{element:(0,s.jsx)(Ha,{})},{element:(0,s.jsx)(Wa,{})},{element:(0,s.jsx)(io,{})},{element:(0,s.jsx)(lo,{})},{element:(0,s.jsx)(go,{})},{element:(0,s.jsx)(xo,{})},{element:(0,s.jsx)(jo,{})},{element:(0,s.jsx)(ec,{})},{element:(0,s.jsx)(Rr,{data:Tr[1]})},{element:(0,s.jsx)(Ac,{})},{element:(0,s.jsx)(_c,{})},{element:(0,s.jsx)(Nc,{})}],Pc=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Ec,children:Sc.map((function(e,t){return(0,s.jsx)("div",{className:Cc,children:e.element},t)}))})},Bc={container:"BackgroundEffect_container__u+IDp",box:"BackgroundEffect_box__k+mFh",bg1:"BackgroundEffect_bg1__klRoc",bg2:"BackgroundEffect_bg2__kPZ6M",bg3:"BackgroundEffect_bg3__82UV-",bg4:"BackgroundEffect_bg4__z430k",bg5:"BackgroundEffect_bg5__YkL6Y",bg6:"BackgroundEffect_bg6__zUQqR",bg7:"BackgroundEffect_bg7__thgM1",bg8:"BackgroundEffect_bg8__YdGMF",bg9:"BackgroundEffect_bg9__19R3E",bg10:"BackgroundEffect_bg10__htocf",bg11:"BackgroundEffect_bg11__CcLwl",bg12:"BackgroundEffect_bg12__eJxJM",bg13:"BackgroundEffect_bg13__mpoDJ",bg14:"BackgroundEffect_bg14__xnExu",bg15:"BackgroundEffect_bg15__F3Wrj",bg16:"BackgroundEffect_bg16__OBNeN",bg17:"BackgroundEffect_bg17__pb8bY",bg18:"BackgroundEffect_bg18__UKapy",bg19:"BackgroundEffect_bg19__obRK1",bg20:"BackgroundEffect_bg20__mnQic",bg21:"BackgroundEffect_bg21__qF-7f",bg22:"BackgroundEffect_bg22__Fcy+J",bg23:"BackgroundEffect_bg23__HJ4I5",bg24:"BackgroundEffect_bg24__qQdYv",bg25:"BackgroundEffect_bg25__h4HDo",bg26:"BackgroundEffect_bg26__PsQZC",bg27:"BackgroundEffect_bg27__U89Ls",bg28:"BackgroundEffect_bg28__2fShs",bg29:"BackgroundEffect_bg29__hiev7"},Ic=be.GridBox,Tc=new Array(29).fill("1"),Rc=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Bc.container,children:(0,s.jsx)(be,{differentScreenCols:[4,3,3,2,2],rowSpace:8,colSpace:8,children:Tc.map((function(e,t){return(0,s.jsx)(Ic,{children:(0,s.jsx)("div",{className:Bc.box,children:(0,s.jsx)("div",{className:Bc["bg".concat(t+1)]})})},t)}))})})},Fc="LineCombination_container__toPmq",Oc="LineCombination_blackBox__P5fH8",Zc="LineCombination_blackBoxPoint__87aDR",Gc="LineCombination_whiteBox__-MGXi",Qc="LineCombination_whiteBoxPoint__Tz8Uh",Lc="LineCombination_name__E7QvH",zc="LineCombination_value__5BYd0",Hc=0,Vc=0,Uc=function(){var e=(0,r.useRef)(null),t=function t(){if(e.current){var n=Y.findDOMNode(e.current);if(n){var r=n.children.length,i=n.children[Vc],a=null==i?void 0:i.children[0],o=i.clientWidth,s=i.clientHeight,c=a.style;if(Vc%2==0){var l=8;c.left&&(l=parseFloat(c.left));var u=l+4;if(u>=o-8-8)if(a.style.visibility="hidden",Vc>=r-1){var d;Vc=0;var m=null===(d=n.children[Vc])||void 0===d?void 0:d.firstChild;m.style.left="".concat(8,"px"),m.style.visibility="visible"}else{var f;Vc+=1;var g=null===(f=n.children[Vc])||void 0===f?void 0:f.firstChild;g.style.left="-1px",g.style.visibility="visible"}else a.style.left="".concat(u,"px"),"visible"!==a.style.visibility&&(a.style.visibility="visible")}else{var h=-1,p=8;if(c.left&&(h=parseFloat(c.left)),c.bottom&&(p=parseFloat(c.bottom)),h>=o){var v=p-4;if(v<=8){var x;a.style.visibility="hidden",Vc+=1;var y=null===(x=n.children[Vc])||void 0===x?void 0:x.firstChild;y.style.left="".concat(8,"px"),y.style.visibility="visible"}else a.style.bottom="".concat(v,"px")}else if(h<=-1){var A=p+4;A>s-8-8&&(A=s,a.style.width="".concat(8,"px"),a.style.height="1px",a.style.left="".concat(8,"px")),a.style.bottom="".concat(A,"px")}else{var w=h+4;w>o-8-8&&(w=o,a.style.width="1px",a.style.height="".concat(8,"px"),a.style.bottom="".concat(s-8-8)),a.style.left="".concat(w,"px")}}Hc=requestAnimationFrame(t)}}};return(0,r.useEffect)((function(){return e.current&&(Hc=requestAnimationFrame(t)),function(){Hc&&cancelAnimationFrame(Hc)}}),[]),(0,s.jsxs)("div",{className:Fc,ref:e,children:[(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})}),(0,s.jsxs)("div",{className:Gc,children:[(0,s.jsx)("div",{className:Qc}),(0,s.jsx)("p",{className:Lc,children:"Price"}),(0,s.jsx)("p",{className:zc,children:"$656"})]}),(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})}),(0,s.jsxs)("div",{className:Gc,children:[(0,s.jsx)("div",{className:Qc}),(0,s.jsx)("p",{className:Lc,children:"Quantity"}),(0,s.jsx)("p",{className:zc,children:"84351"})]}),(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})}),(0,s.jsxs)("div",{className:Gc,children:[(0,s.jsx)("div",{className:Qc}),(0,s.jsx)("p",{className:Lc,children:"Number of partners"}),(0,s.jsx)("p",{className:zc,children:"64"})]}),(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})}),(0,s.jsxs)("div",{className:Gc,children:[(0,s.jsx)("div",{className:Qc}),(0,s.jsx)("p",{className:Lc,children:"Date of establishment"}),(0,s.jsx)("p",{className:zc,children:"2008-10-01"})]}),(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})}),(0,s.jsxs)("div",{className:Gc,children:[(0,s.jsx)("div",{className:Qc}),(0,s.jsx)("p",{className:Lc,children:"Transaction Analyzed"}),(0,s.jsx)("p",{className:zc,children:"70Bn"})]}),(0,s.jsx)("div",{className:Oc,children:(0,s.jsx)("div",{className:Zc})})]})},Wc=n(93433),Yc=n(15861),Jc=n(64687),qc=n.n(Jc),Kc=n(76755),Xc=n(21734),$c=n(32823),el=n(98879),tl=n(2161),nl=n(1635),rl=n(63754),il=n(57119),al=n(57254),ol=n(58491),sl=n(68628),cl=n(31290),ll=n(35688),ul=n(17582),dl=n(72504),ml=n(16130),fl=n(92977),gl=n(62298),hl=n(6311),pl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:2;if(0===e)return"0 Bytes";var n=1024,r=t<0?0:t,i=["Bytes","KB","MB","GB","TB","PB","EB","ZB","YB"],a=Math.floor(Math.log(e)/Math.log(n));return parseFloat((e/Math.pow(n,a)).toFixed(r))+" "+i[a]},vl=function(e){if(!e&&0!==e||isNaN(e)||!isFinite(e))return"未知";var t=Math.floor(e/3600).toString().padStart(2,"00"),n=Math.floor(e%3600/60).toString().padStart(2,"00"),r=Math.floor(e%3600%60).toString().padStart(2,"00");return"".concat(t,":").concat(n,":").concat(r)},xl=function(e,t){if(e){var n=e.type.split("/");if("image"===n[0]){var r=n[1].toUpperCase(),i=new FileReader;i.onload=function(n){var i=n.target.result,a=yl(i);a&&(r=a);var o=new Blob([i]);Al(o,(function(n){if(n){var i=new Image;i.onload=function(){var a=i.width,s=i.height,c=jl(n,a,s);if(c){var l={name:e.name,fileType:r,size:e.size,width:a,height:s,imgUrl:n,imageData:c,blob:o};t(l)}else t(null)},i.onerror=function(){t(null)},i.src=n}else t(null)}))},i.readAsArrayBuffer(e)}else t(null)}else t(null)},yl=function(e){var t="";if(e){var n=new DataView(e).getUint32(0,!1);switch(Number(n).toString(16).toUpperCase()){case"FFD8FFDB":t="JPG";break;case"FFD8FFE0":case"FFD8FFE1":case"FFD8FFE2":case"FFD8FFE3":t="JPEG";break;case"89504E47":t="PNG";break;case"47494638":t="GIF";break;case"52494646":t="WEBP"}}return t},Al=function(e,t){if(e){var n=new FileReader;n.readAsDataURL(e),n.onload=function(e){e.target?t(e.target.result):t(null)}}else t(null)},wl=function(e){if(!e)return null;var t=e.width,n=e.height,r=document.createElement("canvas"),i=r.getContext("2d");return r.width=t,r.height=n,i.putImageData(e,0,0,0,0,t,n),r.toDataURL("image/png")},jl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(e&&t&&n){var r=new Image;r.src=e;var i=document.createElement("canvas"),a=i.getContext("2d");i.width=t,i.height=n,a.drawImage(r,0,0,t,n);var o=a.getImageData(0,0,t,n);return o}return null},bl=function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0;if(e&&t&&n){var r=document.createElement("canvas"),i=r.getContext("2d");r.width=t,r.height=n,i.drawImage(e,0,0,t,n);var a=i.getImageData(0,0,t,n);return a}return null},_l=function(e,t){if(e){var n=document.createElement("a");n.style.visibility="hidden",document.body.appendChild(n),n.download=t;var r=window.URL.createObjectURL(e);n.href=r,n.click(),document.body.removeChild(n),window.URL.revokeObjectURL(r)}},Dl=function(e,t){if(e&&0!==e.length){var n=new Blob(e,{type:"video/webm"}),r="video.webm";if(t){var i=t.split(".");r="".concat(i[0],".webm")}_l(n,r)}},Ml=function(e){var t=document.getElementById("attach_image");if(t){var n=t.height/t.width;0===e?(t.style.width="".concat(t.clientWidth-50,"px"),t.style.height="".concat(t.clientHeight-50*n,"px")):(t.style.width="".concat(t.clientWidth+50,"px"),t.style.height="".concat(t.clientHeight+50*n,"px"))}},kl=function(){var e=document.getElementById("attach_image");if(e){var t=!1,n=null,r=null;e.onmousewheel=function(e){e.stopPropagation(),e.preventDefault();var t=e.wheelDelta||e.detail;Ml(t>0?1:0)},e.onmousedown=function(e){e.stopPropagation(),e.preventDefault(),t=!0,n=e.clientX,r=e.clientY},e.onmouseup=function(e){e.stopPropagation(),e.preventDefault(),t=!1},e.onmousemove=function(i){if(i.stopPropagation(),i.preventDefault(),t){var a=i.clientX,o=i.clientY,s=a-n,c=o-r,l=document.getElementById("attach_imgDiv");if(l){var u=parseFloat(e.style.left)+s,d=parseFloat(e.style.top)+c,m=-.75*parseFloat(e.style.width),f=parseFloat(l.style.width)-.25*parseFloat(e.style.width),g=-.75*parseFloat(e.style.height),h=parseFloat(l.style.height)-.25*parseFloat(e.style.height);u<m?u=m:u>f&&(u=f),d<g?d=g:d>h&&(d=h),e.style.left="".concat(u,"px"),e.style.top="".concat(d,"px"),n=a,r=o}}}}},Nl="FileView_container__SyQN4",El="FileView_tableLy__kaeXq",Cl="FileView_viewContainer__n0Kg6",Sl="FileView_progress__GtmqC",Pl="FileView_imgDiv__ErTpj",Bl="FileView_downLoadTip__FIvRY",Il="FileView_emptyTip__OW2E4",Tl="FileView_arrowIcon__2JeuW",Rl="FileView_leftArrow__IeXsk",Fl="FileView_rightArrow__HPiMt",Ol="FileView_imgInfo__Z2qPj",Zl="FileView_imgOperate__h-UFp",Gl="FileView_iconDiv__GUb18",Ql="FileView_left__Erhr-",Ll="FileView_xiangXia__cm3bW",zl="FileView_xiangShang__2ATuW",Hl="FileView_fileContainer__rbVnb",Vl="FileView_draggerBox__GNF2g",Ul="FileView_draggerTextBoxHover__6Z8I-",Wl="FileView_draggerTextBox__2soxW",Yl="FileView_firstLine__5trSy",Jl="FileView_linkBtn__n-sJb",ql="FileView_secondLine__9YFcw",Kl="FileView_moreOperate__e+uIL",Xl="FileView_poperSpan__8roYR";function $l(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function eu(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?$l(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):$l(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var tu,nu=Kc.Z.Option,ru=Xc.Z.Dragger,iu={isProgress:!1,percent:0,progressTimer:null},au={imgSrc:"",imgScale:0,userName:"",fileName:"",updateTime:"",imgOrigin:{width:0,height:0},imgRotate:0},ou=function(e){var t=e.id,n=e.disabled,i=void 0!==n&&n,a=e.style,c=void 0===a?{}:a,l=(0,r.useState)(iu),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useRef)(iu),g=(0,r.useState)(!1),h=(0,o.Z)(g,2),p=h[0],x=h[1],y=(0,r.useState)((0,hl.Z)(au)),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useRef)((0,hl.Z)(au)),_=(0,r.useState)(!1),D=(0,o.Z)(_,2),M=D[0],k=D[1],N=(0,r.useState)([]),E=(0,o.Z)(N,2),C=E[0],S=E[1],P=(0,r.useRef)([]),B=(0,r.useState)(null),I=(0,o.Z)(B,2),T=I[0],R=I[1],F=(0,r.useRef)(null),O=(0,r.useRef)(null),Z=function(e){O.current=F.current,F.current=e,R(e);var t=(0,hl.Z)(au);if(e){var n=document.getElementById("attach_image");n&&(n.style.webkitTransform="rotate(0deg)",n.style.top="0px",n.style.left="0px",n.style.width="unset",n.style.height="unset",n.removeAttribute("width"),n.removeAttribute("height"));var r=e.value.split("?fileId");t=r.length>1?eu(eu({},t),{},{imgSrc:"data:image/jpg;base64,".concat(r[1])}):eu(eu({},t),{},{imgSrc:"data:image/jpg;base64,".concat(e.value)})}b.current=t,j(t)},G=function(e){if(e){var t=e.substring(e.lastIndexOf(".")+1);if(t)return t.toLowerCase()}return""},Q=function(){var e=(0,Yc.Z)(qc().mark((function e(t){return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}();(0,r.useEffect)((function(){f.current=iu,m(iu),k(!1),x(!1),P.current=[],S([]),Z(null),t&&Q(t)}),[t]),(0,r.useEffect)((function(){!O.current&&T&&kl()}),[T]);var L=function(e){var t=document.getElementsByClassName("ant-upload-drag");t&&t.length>0&&t[0].classList.remove(Ul)},z=function(e){var t="";return t="left"===e?P.current[0].fileId:P.current[P.current.length-1].fileId,F.current&&t===F.current.fileId?"#d8d8d8":"#666666"},H=function(e,t){if(e){var n=G(e.fileName);if(["jpg","jpeg","png","gif"].includes(n)){if(t){var r=new FileReader;r.readAsArrayBuffer(t),r.onload=function(r){var i,a=window.btoa(new Uint8Array(null===(i=r.target)||void 0===i?void 0:i.result).reduce((function(e,t){return e+String.fromCharCode(t)}),"")),o=eu({},e);o.fileId=e.fileId,o.fileName=e.fileName,o.fileType=n,o.value=a,o.size=pl(t.size),o.upTime=(0,sr.Z)(e.createTime,"yyyy-MM-dd HH:mm:ss"),o.userNmae="".concat(e.uploadUserName,"/").concat(e.uploadUser);var s=[].concat((0,Wc.Z)(P.current),[o]);P.current=s,S(s),Z(o)}}}else{var i=eu({},e);i.fileId=e.fileId,i.fileName=e.fileName,i.fileType=n,i.value="",i.size=pl(t.size),i.upTime=(0,sr.Z)(e.createTime,"yyyy-MM-dd HH:mm:ss"),i.userNmae="".concat(e.uploadUserName,"/").concat(e.uploadUser);var a=[].concat((0,Wc.Z)(P.current),[i]);P.current=a,S(a),Z(i)}}},V=function(){var e=(0,Yc.Z)(qc().mark((function e(t){var n,r;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.event&&t.event.preventDefault(),!i){e.next=3;break}return e.abrupt("return");case 3:if(!f.current.isProgress){e.next=6;break}return $c.ZP.warning("有文件正在上传，请稍侯"),e.abrupt("return");case 6:(n=eu(eu({},iu),{},{isProgress:!0})).progressTimer=window.setInterval((function(){if(f.current.percent<90){var e=eu(eu({},f.current),{},{percent:f.current.percent+Math.floor(20*Math.random())});f.current=e,m(e)}}),800),f.current=n,m(n);try{setTimeout((function(){f.current.progressTimer&&window.clearInterval(f.current.progressTimer);var e=eu({},iu);f.current=e,m(e);var n={code:200,data:{fileId:Number(Math.random().toString().substring(3,8)+Date.now()).toString(36),fileName:t.file.name,createTime:(new Date).getTime(),uploadUserName:"userName",uploadUser:"000001"},msg:""};n&&200===n.code?H(n.data,t.file.originFileObj):$c.ZP.error("上传".concat(t.file.name,"失败"))}),2e3)}catch(e){f.current.progressTimer&&window.clearInterval(f.current.progressTimer),r=eu({},iu),f.current=r,m(r),$c.ZP.error("上传".concat(t.file.name,"失败"))}case 11:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),U=function(){var e=(0,Yc.Z)(qc().mark((function e(t){var n;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(n=t||T){e.next=4;break}return $c.ZP.warning("无文件可进行删除"),e.abrupt("return");case 4:if(!i){e.next=7;break}return $c.ZP.warning("目前状态不允许删除"),e.abrupt("return");case 7:v.Z.confirm({title:"删除文件提示",content:"确认删除【".concat(n.fileName,"】文件？"),icon:(0,s.jsx)(il.Z,{}),centered:!0,onOk:function(){var e=(0,Yc.Z)(qc().mark((function e(){return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:$c.ZP.warning("删除中..."),setTimeout((function(){var e={code:200,data:{},msg:""};if(e&&200===e.code){$c.ZP.success("删除文件成功");var t=P.current.filter((function(e){return e.fileId!==n.fileId}));P.current=t,S(t),O.current=F.current,t.length>0?Z(t[0]):Z(null)}else $c.ZP.error(e.msg)}),2e3);case 2:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}()});case 8:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}(),W=function(){var e=(0,Yc.Z)(qc().mark((function e(){return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(T){e.next=2;break}return e.abrupt("return");case 2:$c.ZP.warning("下载中..."),setTimeout((function(){$c.ZP.success("下载成功")}),2e3);case 4:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),Y=function(e){var t=document.getElementById("attach_image");switch(e){case 0:t&&b.current&&(t.style.width="700px",t.style.height="".concat(700*b.current.imgScale,"px"),t.style.top="0px",t.style.left="0px");break;case 1:t&&b.current&&(t.style.width="".concat(t.clientWidth+50,"px"),t.style.height="".concat(t.clientHeight+50*b.current.imgScale,"px"));break;case 2:t&&b.current&&(t.style.width="".concat(t.clientWidth-50,"px"),t.style.height="".concat(t.clientHeight-50*b.current.imgScale,"px"));break;case 3:t&&b.current&&(t.style.width="".concat(b.current.imgOrigin.width,"px"),t.style.height="".concat(b.current.imgOrigin.height,"px"),t.style.top="0px",t.style.left="0px");break;case 4:if(t&&b.current){var n=eu(eu({},b.current),{},{imgRotate:b.current.imgRotate+1});b.current=n,j(n),t.style.webkitTransform="rotate(".concat(-90*b.current.imgRotate,"deg)")}break;case 5:U();break;case 6:W();break;case 7:for(var r=0,i=P.current.length;r<i;r++){var a;if(P.current[r].fileId===(null===(a=F.current)||void 0===a?void 0:a.fileId)&&r<P.current.length-1){Z(P.current[r+1]);break}}break;case 8:for(var o=0,s=P.current.length;o<s;o++){var c;if(P.current[o].fileId===(null===(c=F.current)||void 0===c?void 0:c.fileId)&&o>0){Z(P.current[o-1]);break}}}};return(0,s.jsx)("div",{className:Nl,style:c,children:(0,s.jsx)("div",{className:El,children:(0,s.jsxs)("div",{style:{width:"860px"},children:[(0,s.jsx)("div",{style:{width:"100%",height:"87vh",minHeight:"700px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)"},children:(0,s.jsxs)("div",{className:Cl,children:[d.isProgress&&(0,s.jsxs)("div",{className:Sl,children:[(0,s.jsx)(el.Z,{style:{width:"400px"},percent:d.percent,showInfo:!1}),(0,s.jsxs)("span",{style:{marginTop:"16px"},children:["上传中，请稍候...",d.percent>100?100:d.percent,"%"]})]}),(0,s.jsxs)("div",{id:"attach_imgDiv",className:Pl,children:[T&&(0,s.jsxs)("div",{children:[["jpg","jpeg","png","gif"].includes((null==T?void 0:T.fileType)||"")&&(0,s.jsx)("img",{id:"attach_image",src:null==w?void 0:w.imgSrc,style:{position:"absolute",top:0,left:0},onLoad:function(){var e=document.getElementById("attach_image");if(e){var t=eu(eu({},b.current),{},{imgScale:e.clientHeight/e.clientWidth,imgOrigin:{width:e.clientWidth,height:e.clientHeight}});b.current=t,j(t),e.style.width="700px",e.style.height="".concat(700*t.imgScale,"px")}},alt:""}),["pdf","doc","cocx","xls","xlsx","rar","zip","7z","wim","tar"].includes((null==T?void 0:T.fileType)||"")&&(0,s.jsxs)("div",{className:Bl,children:["如果想要浏览该文件，您可以",(0,s.jsx)(oe.Z,{type:"link",onClick:function(){return Y(6)},children:"点击下载"})]})]}),!T&&!d.isProgress&&(0,s.jsxs)("div",{className:Il,children:[(0,s.jsx)("div",{style:{width:"100%",color:"#333333"},children:"请上传文件"}),(0,s.jsxs)("div",{style:{width:"100%",color:"#ababab",marginTop:"10px",lineHeight:"20px"},children:["不超过30M,",(0,s.jsx)("br",{}),"支持jpg,jpeg,png,gif格式的文件"]})]}),T&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("span",{className:"".concat(Tl," ").concat(Rl),style:{backgroundColor:z("left")},onClick:function(){return Y(8)},children:(0,s.jsx)(tc.Z,{})}),(0,s.jsx)("span",{className:"".concat(Tl," ").concat(Fl),style:{backgroundColor:z("right")},onClick:function(){return Y(7)},children:(0,s.jsx)(nc.Z,{})})]})]}),p&&(0,s.jsx)("div",{className:Ol,children:(0,s.jsxs)(tl.Z,{children:[(0,s.jsx)(nl.Z,{span:24,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["文件名：",null==T?void 0:T.fileName]})}),(0,s.jsx)(nl.Z,{span:16,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["上传者：",null==T?void 0:T.userName]})}),(0,s.jsx)(nl.Z,{span:8,children:(0,s.jsxs)("span",{style:{fontSize:"14px"},children:["上传时间：",null==T?void 0:T.upTime]})})]})}),T&&(0,s.jsxs)("div",{className:Zl,children:[(0,s.jsxs)("div",{className:Ql,children:[(0,s.jsx)(Kc.Z,{placeholder:"请选择",style:{width:"300px"},size:"small",value:T.fileId,loading:M,onChange:function(e){for(var t=null,n=0,r=P.current.length;n<r;n++){var i=P.current[n];if(i.fileId===e){t=i;break}}Z(t)},children:C.map((function(e,t){return(0,s.jsx)(nu,{value:e.fileId,children:"".concat(t+1,"/").concat(C.length,"：").concat(e.fileName)},e.fileId)}))}),(0,s.jsx)("span",{onClick:function(){return Y(7)},className:"".concat(Gl," ").concat(Ll),children:(0,s.jsx)(al.Z,{})}),(0,s.jsx)("span",{onClick:function(){return Y(8)},className:"".concat(Gl," ").concat(zl),children:(0,s.jsx)(ol.Z,{})})]}),(0,s.jsxs)("div",{style:{display:"flex",justifyContent:"flex-end"},children:[(0,s.jsx)("span",{className:Gl,onClick:function(){return x(!p)},children:(0,s.jsx)(sl.Z,{})}),(0,s.jsx)("span",{className:Gl,onClick:function(){return Y(0)},children:(0,s.jsx)(cl.Z,{})}),(0,s.jsx)("span",{className:Gl,onClick:function(){return Y(3)},children:(0,s.jsx)(ll.Z,{})}),(0,s.jsx)("span",{className:Gl,onClick:function(){return Y(4)},children:(0,s.jsx)(ul.Z,{})}),(0,s.jsx)("span",{className:Gl,onClick:function(){return Y(1)},children:(0,s.jsx)(dl.Z,{})}),(0,s.jsx)("span",{className:Gl,onClick:function(){return Y(2)},children:(0,s.jsx)(ml.Z,{})}),(0,s.jsx)(rl.Z,{style:{width:"80px"},content:(0,s.jsxs)("div",{className:Kl,children:[(0,s.jsx)("span",{className:Xl,onClick:function(){return Y(6)},children:"下载文件"}),(0,s.jsx)("span",{className:Xl,onClick:function(){return Y(5)},children:"删除文件"})]}),children:(0,s.jsx)("span",{className:Gl,children:(0,s.jsx)(fl.Z,{})})})]})]})]})}),(0,s.jsx)("div",{className:Hl,children:(0,s.jsx)(ru,{className:Vl,multiple:!0,showUploadList:!1,disabled:i,beforeUpload:function(e){if(i)return $c.ZP.warning("目前状态不允许修改"),!1;var t=G(e.name);return["jpg","jpeg","png","gif","pdf","doc","cocx","xls","xlsx","rar","zip","7z","wim","tar"].includes(t)?e.size>31457280?($c.ZP.warning("单个文件大小不能超过30M"),!1):void 0:($c.ZP.warning("请上传符合格式要求的文件"),!1)},customRequest:function(){},onDrop:function(e){return e.preventDefault()},onChange:V,children:(0,s.jsxs)("div",{className:Wl,onDragOver:function(e){var t=document.getElementsByClassName("ant-upload-drag");t&&t.length>0&&t[0].classList.add(Ul)},onDragLeave:L,onDrop:L,children:[(0,s.jsxs)("div",{className:Yl,children:[(0,s.jsx)(gl.Z,{}),(0,s.jsx)("span",{children:"将文件拖拽到此处，或"}),(0,s.jsx)("span",{className:i?"":Jl,children:"点击上传"})]}),(0,s.jsx)("div",{className:ql,children:"系统支持的格式为jpg,jpeg,png,gif,pdf,doc,docx,xls,xlsx,rar,zip,7z,wim,tar的文件"})]})})})]})})})},su="ComplexLayout_container__xqRV5",cu="ComplexLayout_box__Hjeq7",lu=[{element:(0,s.jsx)(Uc,{})},{element:(0,s.jsx)(ou,{})}],uu=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:su,children:lu.map((function(e,t){return(0,s.jsx)("div",{className:cu,children:e.element},t)}))})},du=n(82029),mu="Page1_container__8IHn6",fu="Page1_content__zgPdQ",gu="Page1_top__Tik59",hu="Page1_title__qIkYy",pu="Page1_author__EVTso",vu="Page1_appoint__gEum0",xu="Page1_articleContent__STpiB",yu="Page1_subTitle__g0Ill",Au="Page1_codeBox__hf4Aw",wu="Page1_strong__Um16S",ju=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:mu,children:(0,s.jsxs)("div",{className:fu,children:[(0,s.jsxs)("div",{className:gu,children:[(0,s.jsx)("div",{className:hu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.title"})}),(0,s.jsx)("div",{className:pu,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.author"}),": River")})]}),(0,s.jsxs)("div",{className:vu,children:[(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.appoint"}),":")}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.appointText1"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.appointText2"})})]}),(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle1"})}),(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des1"}),":")}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox1.text"}))}),(0,s.jsx)("div",{children:'<a href="http://b.com?data=1" target="_blank" />'})]}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox2.text"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var data = window.location.href.split("?")[1].split("=")[1];'}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des2"}),":")}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'window.open("http://b.com?data=1", "_blank");'}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des3"})})]})]})})},bu=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:mu,children:(0,s.jsx)("div",{className:fu,children:(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle2"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des4"})}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var popup = window.open("http://b.com", "_blank");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if(popup){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"setTimeout(function(){"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'popup.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"},500);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageB"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function receiveMessage(event){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'if (event.origin !== "http://a.com") return;'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"console.log(JSON.parse(event.data)); // {data: 1}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'window.addEventListener("message", receiveMessage, false);'}),(0,s.jsx)("div",{children:"<script>"})]})]})})})},_u=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:mu,children:(0,s.jsx)("div",{className:fu,children:(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des5"})}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:'<iframe id="myIframe" src="http://b.com" />'}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:'var myIframe = document.getElementById("myIframe");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if (myIframe) {"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'myIframe.contentWindow.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des6"})}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des7"})}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des8"})})]})})})},Du=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:mu,children:(0,s.jsx)("div",{className:fu,children:(0,s.jsxs)("div",{className:xu,children:[(0,s.jsx)("div",{className:yu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.subTitle3"})}),(0,s.jsx)("div",{children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des9"})}),(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageA"}))}),(0,s.jsx)("div",{children:'<span onClick="toB();">Jump</span>'}),(0,s.jsx)("div",{children:'<iframe id="myIframe" src="http://b.com" style="display: none" />'}),(0,s.jsx)("br",{}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function toB(){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:'var myIframe = document.getElementById("myIframe");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if (myIframe) {"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"var data = {data: 1};"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'myIframe.contentWindow.postMessage(JSON.stringify(data), "http://b.com");'}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:'window.open("http://b.com", "_blank");'}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]})]})})})},Mu=function(e){var t=(0,h.Z)();e.showPageIndex;return(0,s.jsx)("div",{className:mu,children:(0,s.jsx)("div",{className:fu,children:(0,s.jsxs)("div",{className:xu,children:[(0,s.jsxs)("div",{className:Au,children:[(0,s.jsx)("div",{children:"// ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.pageB"}))}),(0,s.jsx)("div",{children:"<script>"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"var aData = localStorage.getItem(“aPageData”);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"if(aData){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"doSomething(aData); // ".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.codeBox3.text"}))}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"localStorage.removeItem(“aPageData”);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}else{"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"window.addEventListener(“message”, receiveMessage, false);"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"function receiveMessage(event){"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if (event.origin !== “http://a.com”) return;"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"if(event.data){"}),(0,s.jsx)("div",{style:{paddingLeft:"60px"},children:"localStorage.setItem(“aPageData”, event.data);"}),(0,s.jsx)("div",{style:{paddingLeft:"40px"},children:"}"}),(0,s.jsx)("div",{style:{paddingLeft:"20px"},children:"}"}),(0,s.jsx)("div",{children:"<script>"})]}),(0,s.jsx)("div",{className:wu,children:"".concat(t.formatMessage({id:"page.htmlVision.applicationPageFrame.des10"}),": ")}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des11"})}),(0,s.jsx)("div",{className:wu,children:t.formatMessage({id:"page.htmlVision.applicationPageFrame.des12"})})]})})})},ku="AppPageFrame_container__pjrxk",Nu="AppPageFrame_content__VqApo",Eu="AppPageFrame_firstPage__vOVdI",Cu="AppPageFrame_head__gE2DM",Su="AppPageFrame_left__Efl5l",Pu="AppPageFrame_logo__8Jwal",Bu="AppPageFrame_appName__0-Afb",Iu="AppPageFrame_right__gUcB6",Tu="AppPageFrame_btn__BkWG7",Ru=100;!function(e){e[e.next=0]="next",e[e.prev=1]="prev"}(tu||(tu={}));var Fu,Ou=function(){var e=(0,h.Z)(),t=d(),n=t.menuWidth,i=t.headHeight,a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useState)(0),u=(0,o.Z)(l,2),m=u[0],f=u[1],g=(0,r.useState)(0),p=(0,o.Z)(g,2),v=p[0],x=p[1],y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useState)(0),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1),M=(0,r.useRef)(0),k=(0,r.useRef)(""),N=(0,r.useState)(0),E=(0,o.Z)(N,2),C=E[0],S=E[1],P=(0,r.useState)(0),B=(0,o.Z)(P,2),I=B[0],T=B[1],R=(0,r.useRef)(0),F=function e(){if(a.current){var t=Y.findDOMNode(a.current),n=t.scrollTop;if("toTop"===k.current)if(t.scrollTop<m-Ru){var r=Math.min(n+25,m-Ru);A.current=!0,t.scrollTop=r,_(r),M.current=window.requestAnimationFrame(e)}else k.current="",A.current=!1,D.current=!1;else if("toBottom"===k.current)if(t.scrollTop>0){var i=Math.max(n-25,0);A.current=!0,t.scrollTop=i,_(i),M.current=window.requestAnimationFrame(e)}else k.current="",A.current=!1,D.current=!1}},O=function(){D.current=!0,k.current||(k.current="toTop",S(1),M.current=window.requestAnimationFrame(F))},Z=(0,ae.Z)((function(e){if(y.current){switch(e){case tu.next:y.current.slideNext();break;case tu.prev:y.current.slidePrev()}var t=Y.findDOMNode(a.current),n=y.current.realIndex;if(n<=0)t.scrollTop!==m-Ru&&(A.current=!0,t.scrollTop=m-Ru,_(m-Ru));else{var r=(m-Ru)*(n+1);t.scrollTop!==r&&(A.current=!0,t.scrollTop=r,_(r))}}}),{wait:100}),G=(0,ae.Z)((function(e){A.current?A.current=!1:D.current||e.target.className===ku&&(y.current?e.target.scrollTop>m-Ru?e.target.scrollTop>b?Z.run(tu.next):e.target.scrollTop<b&&Z.run(tu.prev):e.target.scrollTop>b&&b<m-Ru?O():e.target.scrollTop<b&&(D.current=!0,k.current||(k.current="toBottom",S(0),M.current=window.requestAnimationFrame(F))):_(e.target.scrollTop))}),{wait:100});(0,r.useEffect)((function(){if(a.current){var e=document.body.clientHeight-i;f(e),x(5*(e-Ru))}}),[I,i]);var Q=function(){R.current>=1e4?(R.current=0,T(0)):(R.current=R.current+1,T(R.current+1))};(0,r.useEffect)((function(){return window.addEventListener("resize",Q),function(){window.removeEventListener("resize",Q)}}),[]),(0,r.useEffect)((function(){var e=new du.ZP(".swiper",{direction:"vertical",speed:1e3,loop:!1,simulateTouch:!1,keyboard:{enabled:!0,onlyInViewport:!0},on:{slideChange:function(){S(this.activeIndex+1)}}});y.current=e}),[]);var L=function(e){var t=Y.findDOMNode(a.current);switch(e){case"SecondPage":var n=1*(m-Ru);y.current&&y.current.activeIndex>0?(A.current=!0,t.scrollTop=n,_(n),y.current.slideTo(0)):b!==n&&O();break;case"ThirdPage":var r,i=2*(m-Ru);if(b!==i)A.current=!0,t.scrollTop=i,_(i),null===(r=y.current)||void 0===r||r.slideTo(1);break;case"LastPage":var o,s=4*(m-Ru);if(b!==s)A.current=!0,t.scrollTop=s,_(s),null===(o=y.current)||void 0===o||o.slideTo(3)}};return(0,s.jsxs)("div",{className:ku,onScrollCapture:G.run,ref:a,children:[(0,s.jsxs)("div",{className:Nu,style:v?{height:"".concat(v,"px")}:{},ref:c,children:[(0,s.jsx)("div",{className:Eu,style:m?{height:"".concat(m,"px")}:{},children:(0,s.jsx)(ju,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper",style:m?{height:"".concat(m-Ru,"px")}:{},children:(0,s.jsxs)("div",{className:"swiper-wrapper",children:[(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(bu,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(_u,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Du,{showPageIndex:C})}),(0,s.jsx)("div",{className:"swiper-slide",children:(0,s.jsx)(Mu,{showPageIndex:C})})]})})]}),(0,s.jsxs)("div",{className:Cu,style:b>=m-Ru?{borderBottom:"1px solid #999",left:"".concat(n,"px"),width:"calc(100% - ".concat(n,"px)")}:{left:"".concat(n,"px"),width:"calc(100% - ".concat(n,"px)")},children:[(0,s.jsxs)("div",{className:Su,children:[(0,s.jsx)("div",{className:Pu,children:"L"}),(0,s.jsx)("span",{className:Bu,children:"App Name"})]}),(0,s.jsxs)("div",{className:Iu,children:[(0,s.jsx)("div",{className:Tu,onClick:function(){return L("SecondPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.secondPage"})}),(0,s.jsx)("div",{className:Tu,onClick:function(){return L("ThirdPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.thirdPage"})}),(0,s.jsx)("div",{className:Tu,onClick:function(){return L("LastPage")},children:e.formatMessage({id:"page.htmlVision.applicationPageFrame.lastPage"})})]})]})]})},Zu=n(26703),Gu=n(88528),Qu="ShearPlate_container__A3IuO",Lu="ShearPlate_title__gxJOo",zu="ShearPlate_content__vJVhw",Hu="ShearPlate_inputBox__W7UHM",Vu="ShearPlate_text__0QXK+",Uu="ShearPlate_imageBox__-9KO8",Wu="ShearPlate_textArea__vjqXI",Yu="ShearPlate_imgBox__ctB7Q",Ju="ShearPlate_emptyBox__vVriz",qu="ShearPlate_uploadBtn__hhEOk",Ku="ShearPlate_tips__5RqZh",Xu="ShearPlate_btns__QrNT6",$u="ShearPlate_box__dsVRR",ed=Zu.Z.TextArea,td=function(){var e=(0,h.Z)(),t=(0,r.useState)(""),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(""),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useState)(null),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(""),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(null),M=function(t){t&&t.length>0&&xl(t[0],(function(t){t||$c.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),A(t)}))},k=function(){var t=(0,Yc.Z)(qc().mark((function t(){var n,r;return qc().wrap((function(t){for(;;)switch(t.prev=t.next){case 0:if(y){t.next=3;break}return $c.ZP.warning(e.formatMessage({id:"common.pleaseUploadPicture"})),t.abrupt("return");case 3:if(!navigator.clipboard){t.next=11;break}return n=y.blob,r=new Blob([n],{type:"image/png"}),t.next=8,navigator.clipboard.write([new window.ClipboardItem((0,P.Z)({},"image/png",r))]);case 8:$c.ZP.success(e.formatMessage({id:"common.saveSuccessfully"})),t.next=12;break;case 11:console.error(e.formatMessage({id:"common.saveFailed"}));case 12:case"end":return t.stop()}}),t)})));return function(){return t.apply(this,arguments)}}();return(0,s.jsxs)("div",{className:Qu,children:[(0,s.jsx)("div",{className:Lu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.operatingShears"})}),(0,s.jsxs)("div",{className:zu,children:[(0,s.jsxs)("div",{className:$u,children:[(0,s.jsxs)("div",{className:Hu,children:[(0,s.jsx)("div",{className:Vu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveTextToClipboard"})}),(0,s.jsx)(ed,{rows:8,placeholder:e.formatMessage({id:"common.pleaseEnterText"}),maxLength:300,value:i,onChange:function(e){a(e.target.value)}}),(0,s.jsxs)("div",{className:Xu,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(i){if(navigator.clipboard)navigator.clipboard.writeText(i);else{var t=document.createElement("input");t.setAttribute("value",i),document.body.appendChild(t),t.select(),document.execCommand("copy"),document.body.removeChild(t)}$c.ZP.success(e.formatMessage({id:"common.saveSuccessfully"}))}else $c.ZP.warning(e.formatMessage({id:"page.htmlVision.utilitarianFunction.pleaseEnterText"}))},style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(oe.Z,{ghost:!0,onClick:function(){a(""),d("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:Hu,children:[(0,s.jsx)("div",{className:Vu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getsTextFromClipboard"})}),(0,s.jsx)(ed,{rows:8,placeholder:e.formatMessage({id:"common.getText"}),maxLength:300,disabled:!0,value:u}),(0,s.jsx)("div",{className:Xu,children:(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){navigator.clipboard?navigator.clipboard.readText().then((function(e){d(e)})):$c.ZP.error(e.formatMessage({id:"common.failedToObtain2"}))},style:{marginTop:10},children:e.formatMessage({id:"common.get"})})})]})]}),(0,s.jsxs)("div",{className:$u,children:[(0,s.jsxs)("div",{className:Hu,children:[(0,s.jsx)("div",{className:Vu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.saveImageToClipboard"})}),(0,s.jsx)("div",{className:Uu,style:{borderColor:g?"green":"#ccc"},onDragOver:function(e){e.stopPropagation(),e.preventDefault(),g||p(!0)},onDragLeave:function(e){e.stopPropagation(),e.preventDefault(),g&&p(!1)},onDrop:function(e){e.stopPropagation(),e.preventDefault(),g&&p(!1);var t=e.dataTransfer.files;M(t)},children:y?(0,s.jsx)("div",{className:Yu,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})}):(0,s.jsxs)("div",{className:Ju,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:qu,children:[(0,s.jsx)(Gu.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;M(t)}})]}),(0,s.jsx)("p",{className:Vu,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:Ku,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:Xu,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:k,style:{marginTop:10},children:e.formatMessage({id:"common.save"})}),(0,s.jsx)(oe.Z,{ghost:!0,onClick:function(){A(null),_("")},style:{marginTop:10},children:e.formatMessage({id:"common.clear"})})]})]}),(0,s.jsxs)("div",{className:Hu,children:[(0,s.jsx)("div",{className:Vu,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.getImageFromClipboard"})}),(0,s.jsxs)("div",{className:Uu,children:[(0,s.jsx)(ed,{className:Wu,placeholder:e.formatMessage({id:"page.htmlVision.utilitarianFunction.pasteTheImage"}),rows:8,maxLength:300,readOnly:!0,ref:D,onPaste:function(t){var n=t.clipboardData&&t.clipboardData.items,r=null;if(n&&n.length)for(var i=0;i<n.length;i++)if(-1!==n[i].type.indexOf("image")){r=n[i].getAsFile();break}r?Al(r,(function(t){t?_(t):(_(""),$c.ZP.error(e.formatMessage({id:"common.failedToObtain"})))})):$c.ZP.error(e.formatMessage({id:"common.failedToObtain"}))}}),b&&(0,s.jsx)("div",{className:Yu,children:(0,s.jsx)("img",{src:b,alt:""})})]})]})]})]})]})},nd="RecordedAudio_container__RaqtU",rd="RecordedAudio_title__PkAAx",id="RecordedAudio_content__vaNK8";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(Fu||(Fu={}));var ad,od=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)([]),i=(0,r.useState)(""),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useState)(""),d=(0,o.Z)(u,2),m=d[0],f=d[1],g=(0,r.useState)(Fu.ready),p=(0,o.Z)(g,2),v=p[0],x=p[1];return(0,r.useEffect)((function(){return function(){c&&window.URL.revokeObjectURL(c)}}),[]),(0,s.jsxs)("div",{className:nd,children:[(0,s.jsx)("div",{className:rd,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordAudio"})}),(0,s.jsxs)("div",{className:id,children:[(0,s.jsx)("audio",{controls:!0,src:c}),(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(t.current)v===Fu.inRecording?(t.current.stop(),x(Fu.ready)):(c&&(window.URL.revokeObjectURL(c),f(""),l("")),t.current.start(),x(Fu.inRecording));else{navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia({audio:!0}).then((function(e){var r=new MediaRecorder(e);r.ondataavailable=function(e){n.current.push(e.data)},r.onstop=function(e){var t=new Blob(n.current,{type:"audio/ogg;codecs=opus"});f("".concat((new Date).getTime(),".ogg"));var r=window.URL.createObjectURL(t);l(r),n.current=[]},t.current=r,t.current.start(),x(Fu.inRecording)})).catch((function(t){t.message&&t.message.includes("not found")?$c.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):$c.ZP.error(e.formatMessage({id:"common.impowerOpenMicrophone"}))})):$c.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:v===Fu.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),c&&(0,s.jsx)("a",{download:m,href:c,children:e.formatMessage({id:"common.download"})})]})]})},sd="RecordedVideo_container__NkqWY",cd="RecordedVideo_title__fUoXJ",ld="RecordedVideo_content__asWV1",ud="RecordedVideo_videoBox__18hnw",dd="RecordedVideo_recordVideo__0UQPG",md="RecordedVideo_playVideo__cxP10",fd="RecordedVideo_btns__NAtxU";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(ad||(ad={}));var gd,hd=Math.floor(.36*window.screen.width),pd=Math.floor(.36*window.screen.height),vd=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(""),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=(0,r.useState)(ad.ready),y=(0,o.Z)(x,2),A=y[0],w=y[1];return(0,r.useEffect)((function(){return function(){d&&window.URL.revokeObjectURL(d)}}),[]),(0,s.jsxs)("div",{className:sd,children:[(0,s.jsx)("div",{className:cd,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordVideo"})}),(0,s.jsxs)("div",{className:ld,children:[(0,s.jsxs)("div",{className:ud,style:{width:"".concat(hd,"px"),height:"".concat(pd,"px")},children:[(0,s.jsx)("video",{className:dd,style:{width:"".concat(hd,"px"),height:"".concat(pd,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===ad.playing&&(0,s.jsx)("video",{className:md,style:{width:"".concat(hd,"px"),height:"".concat(pd,"px")},muted:!1,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",src:d,ref:n})]}),(0,s.jsxs)("div",{className:fd,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){if(i.current)A===ad.inRecording?(i.current.stop(),w(ad.ready)):d?(window.URL.revokeObjectURL(d),v(""),m(""),t.current&&c.current&&(t.current.srcObject=c.current),w(ad.ready)):(t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),w(ad.inRecording));else if(t.current){var n={audio:!0,video:{width:hd,height:pd,facingMode:"user",frameRate:60}};navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(n).then((function(e){t.current&&e&&(c.current=e);var n=!(!/Safari/.test(navigator.userAgent)||/Chrome/.test(navigator.userAgent))?"video/mp4":"video/webm";try{var r=new MediaRecorder(e,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:n});r.ondataavailable=function(e){e.data&&e.data.size>0&&a.current.push(e.data)},r.onstop=function(e){var t=new Blob(a.current,{type:"video/mp4"});v("".concat((new Date).getTime(),".mp4"));var n=window.URL.createObjectURL(t);m(n),a.current=[]},i.current=r,t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),w(ad.inRecording)}catch(e){$c.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){t.message&&t.message.includes("not found")?$c.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):$c.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):$c.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}))}},children:A===ad.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):d?e.formatMessage({id:"page.htmlVision.utilitarianFunction.rerecord"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),d&&(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),w(ad.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:p,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},xd="RecordedScreen_container__ocp0M",yd="RecordedScreen_title__W0vMd",Ad="RecordedScreen_content__VeJjk",wd="RecordedScreen_videoBox__h9jea",jd="RecordedScreen_recordVideo__RxPmj",bd="RecordedScreen_playVideo__omjcA",_d="RecordedScreen_btns__TSHxB";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording",e[e.playing=2]="playing"}(gd||(gd={}));var Dd,Md,kd,Nd=Math.floor(.36*window.screen.width),Ed=Math.floor(.36*window.screen.height),Cd=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(""),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=(0,r.useState)(gd.ready),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useRef)(gd.ready);return(0,r.useEffect)((function(){return function(){d&&window.URL.revokeObjectURL(d)}}),[]),(0,s.jsxs)("div",{className:xd,children:[(0,s.jsx)("div",{className:yd,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.recordScreen"})}),(0,s.jsxs)("div",{className:Ad,children:[(0,s.jsxs)("div",{className:wd,style:{width:"".concat(Nd,"px"),height:"".concat(Ed,"px")},children:[(0,s.jsx)("video",{className:jd,style:{width:"".concat(Nd,"px"),height:"".concat(Ed,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),A===gd.playing&&(0,s.jsx)("video",{className:bd,style:{width:"".concat(Nd,"px"),height:"".concat(Ed,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",src:d,ref:n})]}),(0,s.jsxs)("div",{className:_d,children:[(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){i.current?A===gd.inRecording?(i.current.stop(),j.current=gd.ready,w(gd.ready)):d&&(window.URL.revokeObjectURL(d),v(""),m(""),i.current=null,j.current=gd.ready,w(gd.ready)):t.current&&(navigator.mediaDevices.getDisplayMedia?navigator.mediaDevices.getDisplayMedia({video:!0}).then((function(e){t.current&&e&&(c.current=e);var n=MediaRecorder.isTypeSupported("video/webm; codecs=vp9")?"video/webm; codecs=vp9":"video/webm";try{var r=new MediaRecorder(e,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:n});r.ondataavailable=function(e){e.data&&e.data.size>0&&a.current.push(e.data)},r.onstop=function(){j.current===gd.inRecording&&(j.current=gd.ready,w(gd.ready));var e=new Blob(a.current,{type:"video/webm"});v("".concat((new Date).getTime(),".webm"));var t=window.URL.createObjectURL(e);m(t),a.current=[]},i.current=r,t.current&&c.current&&(t.current.srcObject=c.current),i.current.start(),j.current=gd.inRecording,w(gd.inRecording)}catch(e){$c.ZP.error("MediaRecorder creation failed: ".concat(e,". mimeType:").concat(n))}})).catch((function(t){$c.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):$c.ZP.error(e.formatMessage({id:"common.notSupportGetDisplayMedia"})))},children:A===gd.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.whileRecording"}):d?e.formatMessage({id:"page.htmlVision.utilitarianFunction.rerecord"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.startRecording"})}),d&&(0,s.jsx)(oe.Z,{type:"primary",onClick:function(){n.current?n.current.play():(t.current&&(t.current.srcObject=null),j.current=gd.playing,w(gd.playing))},children:e.formatMessage({id:"common.play"})}),d&&(0,s.jsx)("a",{download:p,href:d,children:e.formatMessage({id:"common.download"})})]})]})]})},Sd=n(42428),Pd=(n(38986),n(22991),n(90322)),Bd=n.n(Pd),Id=n(27885),Td={};Td.toRGBA8=function(e){var t=e.width,n=e.height;if(null===e.tabs.acTL)return[Td.toRGBA8.decodeImage(e.data,t,n,e).buffer];var r=[];null===e.frames[0].data&&(e.frames[0].data=e.data);for(var i=t*n*4,a=new Uint8Array(i),o=new Uint8Array(i),s=new Uint8Array(i),c=0;c<e.frames.length;c++){var l=e.frames[c],u=l.rect.x,d=l.rect.y,m=l.rect.width,f=l.rect.height,g=Td.toRGBA8.decodeImage(l.data,m,f,e);if(0!==c)for(var h=0;h<i;h++)s[h]=a[h];if(0===l.blend?Td._copyTile(g,m,f,a,t,n,u,d,0):1===l.blend&&Td._copyTile(g,m,f,a,t,n,u,d,1),r.push(a.buffer.slice(0)),1===l.dispose)Td._copyTile(o,m,f,a,t,n,u,d,0);else if(2===l.dispose)for(var p=0;p<i;p++)a[p]=s[p]}return r},Td.toRGBA8.decodeImage=function(e,t,n,r){var i=t*n,a=Td.decode._getBPP(r),o=Math.ceil(t*a/8),s=new Uint8Array(4*i),c=new Uint32Array(s.buffer),l=r.ctype,u=r.depth,d=Td._bin.readUshort;if(6===l){var m=i<<2;if(8===u)for(var f=0;f<m;f+=4)s[f]=e[f],s[f+1]=e[f+1],s[f+2]=e[f+2],s[f+3]=e[f+3];if(16===u)for(var g=0;g<m;g++)s[g]=e[g<<1]}else if(2===l){var h=r.tabs.tRNS;if(null===h){if(8===u)for(var p=0;p<i;p++){var v=3*p;c[p]=255<<24|e[v+2]<<16|e[v+1]<<8|e[v]}if(16===u)for(var x=0;x<i;x++){var y=6*x;c[x]=255<<24|e[y+4]<<16|e[y+2]<<8|e[y]}}else{var A=h[0],w=h[1],j=h[2];if(8===u)for(var b=0;b<i;b++){var _=b<<2,D=3*b;c[b]=255<<24|e[D+2]<<16|e[D+1]<<8|e[D],e[D]===A&&e[D+1]===w&&e[D+2]===j&&(s[_+3]=0)}if(16===u)for(var M=0;M<i;M++){var k=M<<2,N=6*M;c[M]=255<<24|e[N+4]<<16|e[N+2]<<8|e[N],d(e,N)===A&&d(e,N+2)===w&&d(e,N+4)===j&&(s[k+3]=0)}}}else if(3===l){var E=r.tabs.PLTE,C=r.tabs.tRNS,S=C?C.length:0;if(1===u)for(var P=0;P<n;P++)for(var B=P*o,I=P*t,T=0;T<t;T++){var R=I+T<<2,F=e[B+(T>>3)]>>7-((7&T)<<0)&1,O=3*F;s[R]=E[O],s[R+1]=E[O+1],s[R+2]=E[O+2],s[R+3]=F<S?C[F]:255}if(2===u)for(var Z=0;Z<n;Z++)for(var G=Z*o,Q=Z*t,L=0;L<t;L++){var z=Q+L<<2,H=e[G+(L>>2)]>>6-((3&L)<<1)&3,V=3*H;s[z]=E[V],s[z+1]=E[V+1],s[z+2]=E[V+2],s[z+3]=H<S?C[H]:255}if(4===u)for(var U=0;U<n;U++)for(var W=U*o,Y=U*t,J=0;J<t;J++){var q=Y+J<<2,K=e[W+(J>>1)]>>4-((1&J)<<2)&15,X=3*K;s[q]=E[X],s[q+1]=E[X+1],s[q+2]=E[X+2],s[q+3]=K<S?C[K]:255}if(8===u)for(var $=0;$<i;$++){var ee=$<<2,te=e[$],ne=3*te;s[ee]=E[ne],s[ee+1]=E[ne+1],s[ee+2]=E[ne+2],s[ee+3]=te<S?C[te]:255}}else if(4===l){if(8===u)for(var re=0;re<i;re++){var ie=re<<2,ae=re<<1,oe=e[ae];s[ie]=oe,s[ie+1]=oe,s[ie+2]=oe,s[ie+3]=e[ae+1]}if(16===u)for(var se=0;se<i;se++){var ce=se<<2,le=se<<2,ue=e[le];s[ce]=ue,s[ce+1]=ue,s[ce+2]=ue,s[ce+3]=e[le+2]}}else if(0===l)for(var de=r.tabs.tRNS?r.tabs.tRNS:-1,me=0;me<n;me++){var fe=me*o,ge=me*t;if(1===u)for(var he=0;he<t;he++){var pe=255*(e[fe+(he>>>3)]>>>7-(7&he)&1),ve=pe===255*de?0:255;c[ge+he]=ve<<24|pe<<16|pe<<8|pe}else if(2===u)for(var xe=0;xe<t;xe++){var ye=85*(e[fe+(xe>>>2)]>>>6-((3&xe)<<1)&3),Ae=ye===85*de?0:255;c[ge+xe]=Ae<<24|ye<<16|ye<<8|ye}else if(4===u)for(var we=0;we<t;we++){var je=17*(e[fe+(we>>>1)]>>>4-((1&we)<<2)&15),be=je===17*de?0:255;c[ge+we]=be<<24|je<<16|je<<8|je}else if(8===u)for(var _e=0;_e<t;_e++){var De=e[fe+_e],Me=De===de?0:255;c[ge+_e]=Me<<24|De<<16|De<<8|De}else if(16===u)for(var ke=0;ke<t;ke++){var Ne=e[fe+(ke<<1)],Ee=d(e,fe+(ke<<1))===de?0:255;c[ge+ke]=Ee<<24|Ne<<16|Ne<<8|Ne}}return s},Td.decode=function(e){for(var t,n=new Uint8Array(e),r=8,i=Td._bin,a=i.readUshort,o=i.readUint,s={tabs:{},frames:[]},c=new Uint8Array(n.length),l=0,u=0,d=[137,80,78,71,13,10,26,10],m=0;m<8;m++)if(n[m]!==d[m])throw"The input is not a PNG file!";for(;r<n.length;){var f=i.readUint(n,r);r+=4;var g=i.readASCII(n,r,4);if(r+=4,"IHDR"===g)Td.decode._IHDR(n,r,s);else if("CgBI"===g)s.tabs[g]=n.slice(r,r+4);else if("IDAT"===g){for(var h=0;h<f;h++)c[l+h]=n[r+h];l+=f}else if("acTL"===g)s.tabs[g]={num_frames:o(n,r),num_plays:o(n,r+4)},t=new Uint8Array(n.length);else if("fcTL"===g){if(0!==u){var p=s.frames[s.frames.length-1];p.data=Td.decode._decompress(s,t.slice(0,u),p.rect.width,p.rect.height),u=0}var v={x:o(n,r+12),y:o(n,r+16),width:o(n,r+4),height:o(n,r+8)},x=a(n,r+22);x=a(n,r+20)/(0===x?100:x);var y={rect:v,delay:Math.round(1e3*x),dispose:n[r+24],blend:n[r+25]};s.frames.push(y)}else if("fdAT"===g){for(var A=0;A<f-4;A++)t[u+A]=n[r+A+4];u+=f-4}else if("pHYs"===g)s.tabs[g]=[i.readUint(n,r),i.readUint(n,r+4),n[r+8]];else if("cHRM"===g){s.tabs[g]=[];for(var w=0;w<8;w++)s.tabs[g].push(i.readUint(n,r+4*w))}else if("tEXt"===g||"zTXt"===g){null===s.tabs[g]&&(s.tabs[g]={});var j=i.nextZero(n,r),b=i.readASCII(n,r,j-r),_=void 0,D=r+f-j-1;if("tEXt"===g)_=i.readASCII(n,j+1,D);else{var M=Td.decode._inflate(n.slice(j+2,j+2+D));_=i.readUTF8(M,0,M.length)}s.tabs[g][b]=_}else if("iTXt"===g){null==s.tabs[g]&&(s.tabs[g]={});var k=0,N=r;k=i.nextZero(n,N);var E=i.readASCII(n,N,k-N),C=n[N=k+1];N+=2,N=(k=i.nextZero(n,N))+1;var S=void 0,P=f-((N=(k=i.nextZero(n,N))+1)-r);if(0===C)S=i.readUTF8(n,N,P);else{var B=Td.decode._inflate(n.slice(N,N+P));S=i.readUTF8(B,0,B.length)}s.tabs[g][E]=S}else if("PLTE"===g)s.tabs[g]=i.readBytes(n,r,f);else if("hIST"===g){var I=s.tabs.PLTE.length/3;s.tabs[g]=[];for(var T=0;T<I;T++)s.tabs[g].push(a(n,r+2*T))}else if("tRNS"===g)3===s.ctype?s.tabs[g]=i.readBytes(n,r,f):0===s.ctype?s.tabs[g]=a(n,r):2===s.ctype&&(s.tabs[g]=[a(n,r),a(n,r+2),a(n,r+4)]);else if("gAMA"===g)s.tabs[g]=i.readUint(n,r)/1e5;else if("sRGB"===g)s.tabs[g]=n[r];else if("bKGD"===g)0===s.ctype||4===s.ctype?s.tabs[g]=[a(n,r)]:2===s.ctype||6===s.ctype?s.tabs[g]=[a(n,r),a(n,r+2),a(n,r+4)]:3===s.ctype&&(s.tabs[g]=n[r]);else if("IEND"===g)break;r+=f,r+=4}if(0!==u){var R=s.frames[s.frames.length-1];R.data=Td.decode._decompress(s,t.slice(0,u),R.rect.width,R.rect.height),u=0}return s.data=Td.decode._decompress(s,c,s.width,s.height),delete s.compress,delete s.interlace,delete s.filter,s},Td.decode._decompress=function(e,t,n,r){var i=Td.decode._getBPP(e),a=Math.ceil(n*i/8),o=new Uint8Array((a+1+e.interlace)*r);return t=e.tabs.CgBI?Td.inflateRaw(t,o):Td.decode._inflate(t,o),0===e.interlace?t=Td.decode._filterZero(t,e,0,n,r):1===e.interlace&&(t=Td.decode._readInterlace(t,e)),t},Td.decode._inflate=function(e,t){return Td.inflateRaw(new Uint8Array(e.buffer,2,e.length-6),t)},Td.inflateRaw=((kd={}).H={},kd.H.N=function(e,t){var n,r,i=Uint8Array,a=0,o=0,s=0,c=0,l=0,u=0,d=0,m=0,f=0;if(3===e[0]&&0===e[1])return t||new i(0);var g=kd.H,h=g.b,p=g.e,v=g.R,x=g.n,y=g.A,A=g.Z,w=g.m,j=null===t;for(j&&(t=new i(e.length>>>2<<3));0===a;)if(a=h(e,f,1),o=h(e,f+1,2),f+=3,0!==o){if(j&&(t=kd.H.W(t,m+(1<<17))),1===o&&(n=w.J,r=w.h,u=511,d=31),2===o){s=p(e,f,5)+257,c=p(e,f+5,5)+1,l=p(e,f+10,4)+4,f+=14;for(var b=1,_=0;_<38;_+=2)w.Q[_]=0,w.Q[_+1]=0;for(var D=0;D<l;D++){var M=p(e,f+3*D,3);w.Q[1+(w.X[D]<<1)]=M,M>b&&(b=M)}f+=3*l,x(w.Q,b),y(w.Q,b,w.u),n=w.w,r=w.d,f=v(w.u,(1<<b)-1,s+c,e,f,w.v);var k=g.V(w.v,0,s,w.C);u=(1<<k)-1;var N=g.V(w.v,s,c,w.D);d=(1<<N)-1,x(w.C,k),y(w.C,k,n),x(w.D,N),y(w.D,N,r)}for(;;){var E=n[A(e,f)&u];f+=15&E;var C=E>>>4;if(C>>>8==0)t[m++]=C;else{if(256===C)break;var S=m+C-254;if(C>264){var P=w.q[C-257];S=m+(P>>>3)+p(e,f,7&P),f+=7&P}var B=r[A(e,f)&d];f+=15&B;var I=B>>>4,T=w.c[I],R=(T>>>4)+h(e,f,15&T);for(f+=15&T;m<S;)t[m]=t[m++-R],t[m]=t[m++-R],t[m]=t[m++-R],t[m]=t[m++-R];m=S}}}else{0!=(7&f)&&(f+=8-(7&f));var F=4+(f>>>3),O=e[F-4]|e[F-3]<<8;j&&(t=kd.H.W(t,m+O)),t.set(new i(e.buffer,e.byteOffset+F,O),m),f=F+O<<3,m+=O}return t.length===m?t:t.slice(0,m)},kd.H.W=function(e,t){var n=e.length;if(t<=n)return e;var r=new Uint8Array(n<<1);return r.set(e,0),r},kd.H.R=function(e,t,n,r,i,a){for(var o=kd.H.e,s=kd.H.Z,c=0;c<n;){var l=e[s(r,i)&t];i+=15&l;var u=l>>>4;if(u<=15)a[c]=u,c++;else{var d=0,m=0;16===u?(m=3+o(r,i,2),i+=2,d=a[c-1]):17===u?(m=3+o(r,i,3),i+=3):18===u&&(m=11+o(r,i,7),i+=7);for(var f=c+m;c<f;)a[c]=d,c++}}return i},kd.H.V=function(e,t,n,r){for(var i=0,a=0,o=r.length>>>1;a<n;){var s=e[a+t];r[a<<1]=0,r[1+(a<<1)]=s,s>i&&(i=s),a++}for(;a<o;)r[a<<1]=0,r[1+(a<<1)]=0,a++;return i},kd.H.n=function(e,t){for(var n,r,i,a,o,s=kd.H.m,c=e.length,l=s.j,u=0;u<=t;u++)l[u]=0;for(a=1;a<c;a+=2)l[e[a]]++;var d=s.K;for(n=0,l[0]=0,r=1;r<=t;r++)n=n+l[r-1]<<1,d[r]=n;for(i=0;i<c;i+=2)0!==(o=e[i+1])&&(e[i]=d[o],d[o]++)},kd.H.A=function(e,t,n){for(var r=e.length,i=kd.H.m.r,a=0;a<r;a+=2)if(0!==e[a+1])for(var o=a>>1,s=e[a+1],c=o<<4|s,l=t-s,u=e[a]<<l,d=u+(1<<l);u!==d;)n[i[u]>>>15-t]=c,u++},kd.H.l=function(e,t){for(var n=kd.H.m.r,r=15-t,i=0;i<e.length;i+=2){var a=e[i]<<t-e[i+1];e[i]=n[a]>>>r}},kd.H.M=function(e,t,n){n<<=7&t;var r=t>>>3;e[r]|=n,e[r+1]|=n>>>8},kd.H.I=function(e,t,n){n<<=7&t;var r=t>>>3;e[r]|=n,e[r+1]|=n>>>8,e[r+2]|=n>>>16},kd.H.e=function(e,t,n){return(e[t>>>3]|e[1+(t>>>3)]<<8)>>>(7&t)&(1<<n)-1},kd.H.b=function(e,t,n){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)&(1<<n)-1},kd.H.Z=function(e,t){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16)>>>(7&t)},kd.H.i=function(e,t){return(e[t>>>3]|e[1+(t>>>3)]<<8|e[2+(t>>>3)]<<16|e[3+(t>>>3)]<<24)>>>(7&t)},kd.H.m=(Dd=Uint16Array,Md=Uint32Array,{K:new Dd(16),j:new Dd(16),X:[16,17,18,0,8,7,9,6,10,5,11,4,12,3,13,2,14,1,15],S:[3,4,5,6,7,8,9,10,11,13,15,17,19,23,27,31,35,43,51,59,67,83,99,115,131,163,195,227,258,999,999,999],T:[0,0,0,0,0,0,0,0,1,1,1,1,2,2,2,2,3,3,3,3,4,4,4,4,5,5,5,5,0,0,0,0],q:new Dd(32),p:[1,2,3,4,5,7,9,13,17,25,33,49,65,97,129,193,257,385,513,769,1025,1537,2049,3073,4097,6145,8193,12289,16385,24577,65535,65535],z:[0,0,0,0,1,1,2,2,3,3,4,4,5,5,6,6,7,7,8,8,9,9,10,10,11,11,12,12,13,13,0,0],c:new Md(32),J:new Dd(512),_:[],h:new Dd(32),$:[],w:new Dd(32768),C:[],v:[],d:new Dd(32768),D:[],u:new Dd(512),Q:[],r:new Dd(32768),s:new Md(286),Y:new Md(30),a:new Md(19),t:new Md(15e3),k:new Dd(65536),g:new Dd(32768)}),function(){for(var e=kd.H.m,t=0;t<32768;t++){var n=t;n=(4278255360&(n=(4042322160&(n=(3435973836&(n=(2863311530&n)>>>1|(1431655765&n)<<1))>>>2|(858993459&n)<<2))>>>4|(252645135&n)<<4))>>>8|(16711935&n)<<8,e.r[t]=(n>>>16|n<<16)>>>17}function r(e,t,n){for(;0!=t--;)e.push(0,n)}for(var i=0;i<32;i++)e.q[i]=e.S[i]<<3|e.T[i],e.c[i]=e.p[i]<<4|e.z[i];r(e._,144,8),r(e._,112,9),r(e._,24,7),r(e._,8,8),kd.H.n(e._,9),kd.H.A(e._,9,e.J),kd.H.l(e._,9),r(e.$,32,5),kd.H.n(e.$,5),kd.H.A(e.$,5,e.h),kd.H.l(e.$,5),r(e.Q,19,0),r(e.C,286,0),r(e.D,30,0),r(e.v,320,0)}(),kd.H.N),Td.decode._readInterlace=function(e,t){for(var n=t.width,r=t.height,i=Td.decode._getBPP(t),a=i>>3,o=Math.ceil(n*i/8),s=new Uint8Array(r*o),c=0,l=[0,0,4,0,2,0,1],u=[0,4,0,2,0,1,0],d=[8,8,8,4,4,2,2],m=[8,8,4,4,2,2,1],f=0;f<7;){for(var g=d[f],h=m[f],p=0,v=0,x=l[f];x<r;)x+=g,v++;for(var y=u[f];y<n;)y+=h,p++;var A=Math.ceil(p*i/8);Td.decode._filterZero(e,t,c,p,v);for(var w=0,j=l[f];j<r;){for(var b=u[f],_=c+w*A<<3;b<n;){if(1===i){var D=e[_>>3];D=D>>7-(7&_)&1,s[j*o+(b>>3)]|=D<<7-((7&b)<<0)}if(2===i){var M=e[_>>3];M=M>>6-(7&_)&3,s[j*o+(b>>2)]|=M<<6-((3&b)<<1)}if(4===i){var k=e[_>>3];k=k>>4-(7&_)&15,s[j*o+(b>>1)]|=k<<4-((1&b)<<2)}if(i>=8)for(var N=j*o+b*a,E=0;E<a;E++)s[N+E]=e[(_>>3)+E];_+=i,b+=h}w++,j+=g}p*v!=0&&(c+=v*(1+A)),f+=1}return s},Td.decode._getBPP=function(e){return[1,null,3,1,2,null,4][e.ctype]*e.depth},Td.decode._filterZero=function(e,t,n,r,i){var a=Td.decode._getBPP(t),o=Math.ceil(r*a/8),s=Td.decode._paeth;a=Math.ceil(a/8);var c=0,l=1,u=e[n],d=0;if(u>1&&(e[n]=[0,0,1][u-2]),3===u)for(d=a;d<o;d++)e[d+1]=e[d+1]+(e[d+1-a]>>>1)&255;for(var m=0;m<i;m++)if(d=0,0===(u=e[(l=(c=n+m*o)+m+1)-1]))for(;d<o;d++)e[c+d]=e[l+d];else if(1===u){for(;d<a;d++)e[c+d]=e[l+d];for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-a]}else if(2===u)for(;d<o;d++)e[c+d]=e[l+d]+e[c+d-o];else if(3===u){for(;d<a;d++)e[c+d]=e[l+d]+(e[c+d-o]>>>1);for(;d<o;d++)e[c+d]=e[l+d]+(e[c+d-o]+e[c+d-a]>>>1)}else{for(;d<a;d++)e[c+d]=e[l+d]+s(0,e[c+d-o],0);for(;d<o;d++)e[c+d]=e[l+d]+s(e[c+d-a],e[c+d-o],e[c+d-a-o])}return e},Td.decode._paeth=function(e,t,n){var r=e+t-n,i=r-e,a=r-t,o=r-n;return i*i<=a*a&&i*i<=o*o?e:a*a<=o*o?t:n},Td.decode._IHDR=function(e,t,n){var r=Td._bin;n.width=r.readUint(e,t),t+=4,n.height=r.readUint(e,t),t+=4,n.depth=e[t],t++,n.ctype=e[t],t++,n.compress=e[t],t++,n.filter=e[t],t++,n.interlace=e[t],t++},Td._bin={nextZero:function(e,t){for(;0!==e[t];)t++;return t},readUshort:function(e,t){return e[t]<<8|e[t+1]},writeUshort:function(e,t,n){e[t]=n>>8&255,e[t+1]=255&n},readUint:function(e,t){return 16777216*e[t]+(e[t+1]<<16|e[t+2]<<8|e[t+3])},writeUint:function(e,t,n){e[t]=n>>24&255,e[t+1]=n>>16&255,e[t+2]=n>>8&255,e[t+3]=255&n},readASCII:function(e,t,n){for(var r="",i=0;i<n;i++)r+=String.fromCharCode(e[t+i]);return r},writeASCII:function(e,t,n){for(var r=0;r<n.length;r++)e[t+r]=n.charCodeAt(r)},readBytes:function(e,t,n){for(var r=[],i=0;i<n;i++)r.push(e[t+i]);return r},pad:function(e){return e.length<2?"0"+e:e},readUTF8:function(e,t,n){for(var r,i="",a=0;a<n;a++)i+="%"+Td._bin.pad(e[t+a].toString(16));try{r=decodeURIComponent(i)}catch(r){return Td._bin.readASCII(e,t,n)}return r}},Td._copyTile=function(e,t,n,r,i,a,o,s,c){for(var l=Math.min(t,i),u=Math.min(n,a),d=0,m=0,f=0;f<u;f++)for(var g=0;g<l;g++)if(o>=0&&s>=0?(d=f*t+g<<2,m=(s+f)*i+o+g<<2):(d=(-s+f)*t-o+g<<2,m=f*i+g<<2),0===c)r[m]=e[d],r[m+1]=e[d+1],r[m+2]=e[d+2],r[m+3]=e[d+3];else if(1===c){var h=e[d+3]*(1/255),p=e[d]*h,v=e[d+1]*h,x=e[d+2]*h,y=r[m+3]*(1/255),A=r[m]*y,w=r[m+1]*y,j=r[m+2]*y,b=1-h,_=h+y*b,D=0===_?0:1/_;r[m+3]=255*_,r[m+0]=(p+A*b)*D,r[m+1]=(v+w*b)*D,r[m+2]=(x+j*b)*D}else if(2===c){var M=e[d+3],k=e[d],N=e[d+1],E=e[d+2],C=r[m+3],S=r[m],P=r[m+1],B=r[m+2];M===C&&k===S&&N===P&&E===B?(r[m]=0,r[m+1]=0,r[m+2]=0,r[m+3]=0):(r[m]=k,r[m+1]=N,r[m+2]=E,r[m+3]=M)}else if(3===c){var I=e[d+3],T=e[d],R=e[d+1],F=e[d+2],O=r[m+3],Z=r[m],G=r[m+1],Q=r[m+2];if(I===O&&T===Z&&R===G&&F===Q)continue;if(I<220&&O>20)return!1}return!0},Td.encode=function(e,t,n,r,i,a,o){null===r&&(r=0),null===o&&(o=!1);var s=Td.encode.compress(e,t,n,r,[!1,!1,!1,0,o]);return Td.encode.compressPNG(s,-1),Td.encode._main(s,t,n,i,a)},Td.encodeLL=function(e,t,n,r,i,a,o,s){for(var c={ctype:0+(1===r?0:2)+(0===i?0:4),depth:a,frames:[]},l=(r+i)*a,u=l*t,d=0;d<e.length;d++)c.frames.push({rect:{x:0,y:0,width:t,height:n},img:new Uint8Array(e[d]),blend:0,dispose:1,bpp:Math.ceil(l/8),bpl:Math.ceil(u/8)});return Td.encode.compressPNG(c,0,!0),Td.encode._main(c,t,n,o,s)},Td.encode._main=function(e,t,n,r,i){i||(i={});var a=Td.crc.crc,o=Td._bin.writeUint,s=Td._bin.writeUshort,c=Td._bin.writeASCII,l=8,u=e.frames.length>1,d=!1,m=33+(u?20:0);if(null!==i.sRGB&&void 0!==i.sRGB&&(m+=13),null!==i.pHYs&&void 0!==i.pHYs&&(m+=21),3===e.ctype){for(var f=e.plte.length,g=0;g<f;g++)e.plte[g]>>>24!=255&&(d=!0);m+=8+3*f+4+(d?8+1*f+4:0)}for(var h=0;h<e.frames.length;h++){u&&(m+=38),m+=e.frames[h].cimg.length+12,0!==h&&(m+=4)}m+=12;for(var p=new Uint8Array(m),v=[137,80,78,71,13,10,26,10],x=0;x<8;x++)p[x]=v[x];if(o(p,l,13),c(p,l+=4,"IHDR"),o(p,l+=4,t),o(p,l+=4,n),p[l+=4]=e.depth,p[++l]=e.ctype,p[++l]=0,p[++l]=0,p[++l]=0,o(p,++l,a(p,l-17,17)),l+=4,null!==i.sRGB&&void 0!==i.sRGB&&(o(p,l,1),c(p,l+=4,"sRGB"),p[l+=4]=i.sRGB,o(p,++l,a(p,l-5,5)),l+=4),null!==i.pHYs&&void 0!==i.pHYs&&(o(p,l,9),c(p,l+=4,"pHYs"),o(p,l+=4,i.pHYs[0]),o(p,l+=4,i.pHYs[1]),p[l+=4]=i.pHYs[2],o(p,++l,a(p,l-13,13)),l+=4),u&&(o(p,l,8),c(p,l+=4,"acTL"),o(p,l+=4,e.frames.length),o(p,l+=4,null!=i.loop?i.loop:0),o(p,l+=4,a(p,l-12,12)),l+=4),3===e.ctype){var y=e.plte.length;o(p,l,3*y),c(p,l+=4,"PLTE"),l+=4;for(var A=0;A<y;A++){var w=3*A,j=e.plte[A],b=255&j,_=j>>>8&255,D=j>>>16&255;p[l+w+0]=b,p[l+w+1]=_,p[l+w+2]=D}if(o(p,l+=3*y,a(p,l-3*y-4,3*y+4)),l+=4,d){o(p,l,y),c(p,l+=4,"tRNS"),l+=4;for(var M=0;M<y;M++)p[l+M]=e.plte[M]>>>24&255;o(p,l+=y,a(p,l-y-4,y+4)),l+=4}}for(var k=0,N=0;N<e.frames.length;N++){var E=e.frames[N];u&&(o(p,l,26),c(p,l+=4,"fcTL"),o(p,l+=4,k++),o(p,l+=4,E.rect.width),o(p,l+=4,E.rect.height),o(p,l+=4,E.rect.x),o(p,l+=4,E.rect.y),s(p,l+=4,r[N]),s(p,l+=2,1e3),p[l+=2]=E.dispose,p[++l]=E.blend,o(p,++l,a(p,l-30,30)),l+=4);var C=E.cimg,S=C.length;o(p,l,S+(0===N?0:4));var P=l+=4;c(p,l,0===N?"IDAT":"fdAT"),l+=4,0!==N&&(o(p,l,k++),l+=4),p.set(C,l),o(p,l+=S,a(p,P,l-P)),l+=4}return o(p,l,0),c(p,l+=4,"IEND"),o(p,l+=4,a(p,l-4,4)),l+=4,p.buffer},Td.encode.compressPNG=function(e,t,n){for(var r=0;r<e.frames.length;r++){var i=e.frames[r],a=i.rect.height,o=new Uint8Array(a*i.bpl+a);i.cimg=Td.encode._filterZero(i.img,a,i.bpp,i.bpl,o,t,n)}},Td.encode.compress=function(e,t,n,r,i){for(var a=i[0],o=i[1],s=i[2],c=i[3],l=i[4],u=6,d=8,m=255,f=0;f<e.length;f++)for(var g=new Uint8Array(e[f]),h=g.length,p=0;p<h;p+=4)m&=g[p+3];var v=255!==m,x=Td.encode.framize(e,t,n,a,o,s),y={},A=[],w=[];if(0!==r){for(var j=[],b=0;b<x.length;b++)j.push(x[b].img.buffer);for(var _=Td.encode.concatRGBA(j),D=Td.quantize(_,r),M=0,k=new Uint8Array(D.abuf),N=0;N<x.length;N++){var E=x[N].img,C=E.length;w.push(new Uint8Array(D.inds.buffer,M>>2,C>>2));for(var S=0;S<C;S+=4)E[S]=k[M+S],E[S+1]=k[M+S+1],E[S+2]=k[M+S+2],E[S+3]=k[M+S+3];M+=C}for(var P=0;P<D.plte.length;P++)A.push(D.plte[P].est.rgba)}else for(var B=0;B<x.length;B++){var I=x[B],T=new Uint32Array(I.img.buffer),R=I.rect.width,F=T.length,O=new Uint8Array(F);w.push(O);for(var Z=0;Z<F;Z++){var G=T[Z];if(0!==Z&&G===T[Z-1])O[Z]=O[Z-1];else if(Z>R&&G===T[Z-R])O[Z]=O[Z-R];else{var Q=y[G];if(null===Q&&(y[G]=Q=A.length,A.push(G),A.length>=300))break;O[Z]=Q}}}var L=A.length;L<=256&&!1===l&&(d=L<=2?1:L<=4?2:L<=16?4:8,d=Math.max(d,c));for(var z=0;z<x.length;z++){var H=x[z],V=H.rect.width,U=H.rect.height,W=H.img,Y=4*V,J=4;if(L<=256&&!1===l){Y=Math.ceil(d*V/8);for(var q=new Uint8Array(Y*U),K=w[z],X=0;X<U;X++){var $=X*Y,ee=X*V;if(8===d)for(var te=0;te<V;te++)q[$+te]=K[ee+te];else if(4===d)for(var ne=0;ne<V;ne++)q[$+(ne>>1)]|=K[ee+ne]<<4-4*(1&ne);else if(2===d)for(var re=0;re<V;re++)q[$+(re>>2)]|=K[ee+re]<<6-2*(3&re);else if(1===d)for(var ie=0;ie<V;ie++)q[$+(ie>>3)]|=K[ee+ie]<<7-1*(7&ie)}W=q,u=3,J=1}else if(!1===v&&1===x.length){for(var ae=new Uint8Array(V*U*3),oe=V*U,se=0;se<oe;se++){var ce=3*se,le=4*se;ae[ce]=W[le],ae[ce+1]=W[le+1],ae[ce+2]=W[le+2]}W=ae,u=2,J=3,Y=3*V}H.img=W,H.bpl=Y,H.bpp=J}return{ctype:u,depth:d,plte:A,frames:x}},Td.encode.framize=function(e,t,n,r,i,a){for(var o=[],s=0;s<e.length;s++){var c=new Uint8Array(e[s]),l=new Uint32Array(c.buffer),u=void 0,d=0,m=0,f=t,g=n,h=r?1:0;if(0!==s){for(var p=a||r||1===s||0!==o[s-2].dispose?1:2,v=0,x=1e9,y=0;y<p;y++){for(var A=new Uint32Array(e[s-1-y]),w=t,j=n,b=-1,_=-1,D=0;D<n;D++)for(var M=0;M<t;M++){var k=D*t+M;l[k]!==A[k]&&(M<w&&(w=M),M>b&&(b=M),D<j&&(j=D),D>_&&(_=D))}-1===b&&(w=j=b=_=0),i&&(1==(1&w)&&w--,1==(1&j)&&j--);var N=(b-w+1)*(_-j+1);N<x&&(x=N,v=y,d=w,m=j,f=b-w+1,g=_-j+1)}var E=new Uint8Array(e[s-1-v]);1===v&&(o[s-1].dispose=2),u=new Uint8Array(f*g*4),Td._copyTile(E,t,n,u,f,g,-d,-m,0),1===(h=Td._copyTile(c,t,n,u,f,g,-d,-m,3)?1:0)?Td.encode._prepareDiff(c,t,n,u,{x:d,y:m,width:f,height:g}):Td._copyTile(c,t,n,u,f,g,-d,-m,0)}else u=c.slice(0);o.push({rect:{x:d,y:m,width:f,height:g},img:u,blend:h,dispose:0})}if(r)for(var C=0;C<o.length;C++){var S=o[C];if(1!==S.blend){var P=S.rect,B=o[C-1].rect,I=Math.min(P.x,B.x),T=Math.min(P.y,B.y),R={x:I,y:T,width:Math.max(P.x+P.width,B.x+B.width)-I,height:Math.max(P.y+P.height,B.y+B.height)-T};o[C-1].dispose=1,C-1!=0&&Td.encode._updateFrame(e,t,n,o,C-1,R,i),Td.encode._updateFrame(e,t,n,o,C,R,i)}}return o},Td.encode._updateFrame=function(e,t,n,r,i,a,o){for(var s=Uint8Array,c=Uint32Array,l=new s(e[i-1]),u=new c(e[i-1]),d=i+1<e.length?new s(e[i+1]):null,m=new s(e[i]),f=new c(m.buffer),g=t,h=n,p=-1,v=-1,x=0;x<a.height;x++)for(var y=0;y<a.width;y++){var A=a.x+y,w=a.y+x,j=w*t+A,b=f[j];0!==b&&(0!==r[i-1].dispose||u[j]!==b||null!==d&&0===d[4*j+3])&&(A<g&&(g=A),A>p&&(p=A),w<h&&(h=w),w>v&&(v=w))}-1===p&&(g=h=p=v=0),o&&(1==(1&g)&&g--,1==(1&h)&&h--),a={x:g,y:h,width:p-g+1,height:v-h+1};var _=r[i];_.rect=a,_.blend=1,_.img=new Uint8Array(a.width*a.height*4),0===r[i-1].dispose?(Td._copyTile(l,t,n,_.img,a.width,a.height,-a.x,-a.y,0),Td.encode._prepareDiff(m,t,n,_.img,a)):Td._copyTile(m,t,n,_.img,a.width,a.height,-a.x,-a.y,0)},Td.encode._prepareDiff=function(e,t,n,r,i){Td._copyTile(e,t,n,r,i.width,i.height,-i.x,-i.y,2)},Td.encode._filterZero=function(e,t,n,r,i,a,o){var s,c=[],l=[0,1,2,3,4];-1!==a?l=[a]:(t*r>5e5||1===n)&&(l=[0]),o&&(s={level:0});for(var u,d=i.length>1e7&&null!=Bd()?Bd():Id.ZP,m=0;m<l.length;m++){for(var f=0;f<t;f++)Td.encode._filterLine(i,e,f,r,n,l[m]);c.push(d.deflate(i,s))}for(var g=1e9,h=0;h<c.length;h++)c[h].length<g&&(u=h,g=c[h].length);return c[u]},Td.encode._filterLine=function(e,t,n,r,i,a){var o=n*r,s=o+n,c=Td.decode._paeth;if(e[s]=a,s++,0===a)if(r<500)for(var l=0;l<r;l++)e[s+l]=t[o+l];else e.set(new Uint8Array(t.buffer,o,r),s);else if(1===a){for(var u=0;u<i;u++)e[s+u]=t[o+u];for(var d=i;d<r;d++)e[s+d]=t[o+d]-t[o+d-i]+256&255}else if(0===n){for(var m=0;m<i;m++)e[s+m]=t[o+m];if(2===a)for(var f=i;f<r;f++)e[s+f]=t[o+f];if(3===a)for(var g=i;g<r;g++)e[s+g]=t[o+g]-(t[o+g-i]>>1)+256&255;if(4===a)for(var h=i;h<r;h++)e[s+h]=t[o+h]-c(t[o+h-i],0,0)+256&255}else{if(2===a)for(var p=0;p<r;p++)e[s+p]=t[o+p]+256-t[o+p-r]&255;if(3===a){for(var v=0;v<i;v++)e[s+v]=t[o+v]+256-(t[o+v-r]>>1)&255;for(var x=i;x<r;x++)e[s+x]=t[o+x]+256-(t[o+x-r]+t[o+x-i]>>1)&255}if(4===a){for(var y=0;y<i;y++)e[s+y]=t[o+y]+256-c(0,t[o+y-r],0)&255;for(var A=i;A<r;A++)e[s+A]=t[o+A]+256-c(t[o+A-i],t[o+A-r],t[o+A-i-r])&255}}},Td.crc={table:function(){for(var e=new Uint32Array(256),t=0;t<256;t++){for(var n=t,r=0;r<8;r++)1&n?n=3988292384^n>>>1:n>>>=1;e[t]=n}return e}(),update:function(e,t,n,r){for(var i=0;i<r;i++)e=Td.crc.table[255&(e^t[n+i])]^e>>>8;return e},crc:function(e,t,n){return 4294967295^Td.crc.update(4294967295,e,t,n)}},Td.quantize=function(e,t){var n,r=new Uint8Array(e),i=r.slice(0),a=new Uint32Array(i.buffer),o=Td.quantize.getKDtree(i,t),s=o[0],c=o[1],l=Td.quantize.planeDst,u=r,d=a,m=u.length,f=new Uint8Array(r.length>>2);if(r.length<2e7)for(var g=0;g<m;g+=4){var h=u[g]*(1/255),p=u[g+1]*(1/255),v=u[g+2]*(1/255),x=u[g+3]*(1/255);n=Td.quantize.getNearest(s,h,p,v,x),f[g>>2]=n.ind,d[g>>2]=n.est.rgba}else for(var y=0;y<m;y+=4){var A=u[y]*(1/255),w=u[y+1]*(1/255),j=u[y+2]*(1/255),b=u[y+3]*(1/255);for(n=s;n.left;)n=l(n.est,A,w,j,b)<=0?n.left:n.right;f[y>>2]=n.ind,d[y>>2]=n.est.rgba}return{abuf:i.buffer,inds:f,plte:c}},Td.quantize.getKDtree=function(e,t,n){null===n&&(n=1e-4);var r=new Uint32Array(e.buffer),i={i0:0,i1:e.length,bst:null,est:null,tdst:0,left:null,right:null};i.bst=Td.quantize.stats(e,i.i0,i.i1),i.est=Td.quantize.estats(i.bst);for(var a=[i];a.length<t;){for(var o=0,s=0,c=0;c<a.length;c++)a[c].est.L>o&&(o=a[c].est.L,s=c);if(o<n)break;var l=a[s],u=Td.quantize.splitPixels(e,r,l.i0,l.i1,l.est.e,l.est.eMq255);if(l.i0>=u||l.i1<=u)l.est.L=0;else{var d={i0:l.i0,i1:u,bst:null,est:null,tdst:0,left:null,right:null};d.bst=Td.quantize.stats(e,d.i0,d.i1),d.est=Td.quantize.estats(d.bst);var m={i0:u,i1:l.i1,bst:null,est:null,tdst:0,left:null,right:null};m.bst={R:[],m:[],N:l.bst.N-d.bst.N};for(var f=0;f<16;f++)m.bst.R[f]=l.bst.R[f]-d.bst.R[f];for(var g=0;g<4;g++)m.bst.m[g]=l.bst.m[g]-d.bst.m[g];m.est=Td.quantize.estats(m.bst),l.left=d,l.right=m,a[s]=d,a.push(m)}}a.sort((function(e,t){return t.bst.N-e.bst.N}));for(var h=0;h<a.length;h++)a[h].ind=h;return[i,a]},Td.quantize.getNearest=function(e,t,n,r,i){if(null==e.left)return e.tdst=Td.quantize.dist(e.est.q,t,n,r,i),e;var a=Td.quantize.planeDst(e.est,t,n,r,i),o=e.left,s=e.right;a>0&&(o=e.right,s=e.left);var c=Td.quantize.getNearest(o,t,n,r,i);if(c.tdst<=a*a)return c;var l=Td.quantize.getNearest(s,t,n,r,i);return l.tdst<c.tdst?l:c},Td.quantize.planeDst=function(e,t,n,r,i){var a=e.e;return a[0]*t+a[1]*n+a[2]*r+a[3]*i-e.eMq},Td.quantize.dist=function(e,t,n,r,i){var a=t-e[0],o=n-e[1],s=r-e[2],c=i-e[3];return a*a+o*o+s*s+c*c},Td.quantize.splitPixels=function(e,t,n,r,i,a){var o=Td.quantize.vecDot;for(r-=4;n<r;){for(;o(e,n,i)<=a;)n+=4;for(;o(e,r,i)>a;)r-=4;if(n>=r)break;var s=t[n>>2];t[n>>2]=t[r>>2],t[r>>2]=s,n+=4,r-=4}for(;o(e,n,i)>a;)n-=4;return n+4},Td.quantize.vecDot=function(e,t,n){return e[t]*n[0]+e[t+1]*n[1]+e[t+2]*n[2]+e[t+3]*n[3]},Td.quantize.stats=function(e,t,n){for(var r=[0,0,0,0,0,0,0,0,0,0,0,0,0,0,0,0],i=[0,0,0,0],a=n-t>>2,o=t;o<n;o+=4){var s=e[o]*(1/255),c=e[o+1]*(1/255),l=e[o+2]*(1/255),u=e[o+3]*(1/255);i[0]+=s,i[1]+=c,i[2]+=l,i[3]+=u,r[0]+=s*s,r[1]+=s*c,r[2]+=s*l,r[3]+=s*u,r[5]+=c*c,r[6]+=c*l,r[7]+=c*u,r[10]+=l*l,r[11]+=l*u,r[15]+=u*u}return r[4]=r[1],r[8]=r[2],r[9]=r[6],r[12]=r[3],r[13]=r[7],r[14]=r[11],{R:r,m:i,N:a}},Td.quantize.estats=function(e){var t=e.R,n=e.m,r=e.N,i=n[0],a=n[1],o=n[2],s=n[3],c=0===r?0:1/r,l=[t[0]-i*i*c,t[1]-i*a*c,t[2]-i*o*c,t[3]-i*s*c,t[4]-a*i*c,t[5]-a*a*c,t[6]-a*o*c,t[7]-a*s*c,t[8]-o*i*c,t[9]-o*a*c,t[10]-o*o*c,t[11]-o*s*c,t[12]-s*i*c,t[13]-s*a*c,t[14]-s*o*c,t[15]-s*s*c],u=l,d=Td.M4,m=[Math.random(),Math.random(),Math.random(),Math.random()],f=0,g=0;if(0!==r)for(var h=0;h<16&&(m=d.multVec(u,m),g=Math.sqrt(d.dot(m,m)),m=d.sml(1/g,m),!(0!==h&&Math.abs(g-f)<1e-9));h++)f=g;var p=[i*c,a*c,o*c,s*c];return{Cov:l,q:p,e:m,L:f,eMq255:d.dot(d.sml(255,p),m),eMq:d.dot(m,p),rgba:(Math.round(255*p[3])<<24|Math.round(255*p[2])<<16|Math.round(255*p[1])<<8|Math.round(255*p[0])<<0)>>>0}},Td.M4={multVec:function(e,t){return[e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3],e[4]*t[0]+e[5]*t[1]+e[6]*t[2]+e[7]*t[3],e[8]*t[0]+e[9]*t[1]+e[10]*t[2]+e[11]*t[3],e[12]*t[0]+e[13]*t[1]+e[14]*t[2]+e[15]*t[3]]},dot:function(e,t){return e[0]*t[0]+e[1]*t[1]+e[2]*t[2]+e[3]*t[3]},sml:function(e,t){return[e*t[0],e*t[1],e*t[2],e*t[3]]}},Td.encode.concatRGBA=function(e){for(var t=0,n=0;n<e.length;n++)t+=e[n].byteLength;for(var r=new Uint8Array(t),i=0,a=0;a<e.length;a++){for(var o=new Uint8Array(e[a]),s=o.length,c=0;c<s;c+=4){var l=o[c],u=o[c+1],d=o[c+2],m=o[c+3];0===m&&(l=u=d=0),r[i+c]=l,r[i+c+1]=u,r[i+c+2]=d,r[i+c+3]=m}i+=s}return r.buffer};var Rd,Fd=Td,Od=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[4*(a*n+n-o-1)],i[s+1]=t[4*(a*n+n-o-1)+1],i[s+2]=t[4*(a*n+n-o-1)+2],i[s+3]=t[4*(a*n+n-o-1)+3]}return new ImageData(i,n,r)}return null},Zd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[4*((r-a-1)*n+o)],i[s+1]=t[4*((r-a-1)*n+o)+1],i[s+2]=t[4*((r-a-1)*n+o)+2],i[s+3]=t[4*((r-a-1)*n+o)+3]}return new ImageData(i,n,r)}return null},Gd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<n;a++)for(var o=0;o<r;o++){var s=4*(a*r+o);i[s]=t[4*(o*n+n-a-1)],i[s+1]=t[4*(o*n+n-a-1)+1],i[s+2]=t[4*(o*n+n-a-1)+2],i[s+3]=t[4*(o*n+n-a-1)+3]}return new ImageData(i,r,n)}return null},Qd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<n;a++)for(var o=0;o<r;o++){var s=4*(a*r+o);i[s]=t[4*((r-o-1)*n+a)],i[s+1]=t[4*((r-o-1)*n+a)+1],i[s+2]=t[4*((r-o-1)*n+a)+2],i[s+3]=t[4*((r-o-1)*n+a)+3]}return new ImageData(i,r,n)}return null},Ld=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1]+t[s+2])/3;i[s]=c,i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},zd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1]+t[s+2])/3>127?255:0;i[s]=c,i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Hd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=255-t[s],i[s+1]=255-t[s+1],i[s+2]=255-t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Vd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=0,i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Ud=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=t[s+1],i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Wd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=0,i[s+2]=t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Yd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=t[s+1],i[s+2]=0,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Jd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=0,i[s+2]=t[s+1],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},qd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=0,i[s+1]=t[s+1],i[s+2]=t[s+1],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Kd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s+1]+t[s+2])/2;i[s]=t[s],i[s+1]=c,i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},Xd=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+2])/2;i[s]=c,i[s+1]=t[s+1],i[s+2]=c,i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},$d=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o),c=(t[s]+t[s+1])/2;i[s]=c,i[s+1]=c,i[s+2]=t[s+2],i[s+3]=t[s+3]}return new ImageData(i,n,r)}return null},em=function(e){if(e){return cm(e,[-1,-1,-1,-1,9,-1,-1,-1,-1])}return null},tm=function(e){if(e){return cm(e,[-1,-1,-1,-1,8,-1,-1,-1,-1])}return null},nm=function(e){if(e){var t,n,r,i,a,o,s,c,l,u,d=e.data,m=e.width,f=e.height,g=[],h=0,p=10;for(o=1/(5*Math.sqrt(2*Math.PI)),a=-.02,s=0,t=-10;t<=p;t++,s++)i=o*Math.exp(a*t*t),g[s]=i,h+=i;for(s=0,u=g.length;s<u;s++)g[s]/=h;for(n=0;n<f;n++)for(t=0;t<m;t++){for(r=i=a=o=0,h=0,c=-10;c<=p;c++)(l=t+c)>=0&&l<m&&(r+=d[s=4*(n*m+l)]*g[c+p],i+=d[s+1]*g[c+p],a+=d[s+2]*g[c+p],h+=g[c+p]);d[s=4*(n*m+t)]=r/h,d[s+1]=i/h,d[s+2]=a/h}for(t=0;t<m;t++)for(n=0;n<f;n++){for(r=i=a=o=0,h=0,c=-10;c<=p;c++)(l=n+c)>=0&&l<f&&(r+=d[s=4*(l*m+t)]*g[c+p],i+=d[s+1]*g[c+p],a+=d[s+2]*g[c+p],h+=g[c+p]);d[s=4*(n*m+t)]=r/h,d[s+1]=i/h,d[s+2]=a/h}return e}return null},rm=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);i[s]=t[s],i[s+1]=t[s+1],i[s+2]=t[s+2],i[s+3]=255}return new ImageData(i,n,r)}return null},im=function(e){if(e){for(var t=e.data,n=e.width,r=e.height,i=new Uint8ClampedArray(t.length),a=0;a<r;a++)for(var o=0;o<n;o++){var s=4*(a*n+o);if(0===t[s+3])i[s]=255,i[s+1]=255,i[s+2]=255,i[s+3]=255;else{var c=lm([t[s],t[s+1],t[s+2],t[s+3]],[255,255,255,255]);i[s]=c[0],i[s+1]=c[1],i[s+2]=c[2],i[s+3]=c[3]}}return new ImageData(i,n,r)}return null},am=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1e4;if(e){var o=new Image,s=null;if(s="string"==typeof e?e:wl(e)){o.src=s;var c=document.createElement("canvas"),l=c.getContext("2d");c.width=a,c.height=a,l.drawImage(o,0,0,t,n,0,0,r,i);var u=l.getImageData(0,0,r,i);return u}}return null},om=function(){var e=(0,Yc.Z)(qc().mark((function e(t,n,r,i,a,o){var s,c,l,u,d,m,f;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:t&&i?(s=a/100,["JPG","JPEG"].includes(i.toUpperCase())?((c=new Image).src=t,l=document.createElement("canvas"),u=l.getContext("2d"),l.width=n,l.height=r,u.drawImage(c,0,0,n,r),l.toBlob((function(e){o&&o(e)}),"image/".concat(i.toLowerCase()),s)):(d=Math.floor(256*s),m=Fd.encode([t.data.buffer],n,r,d),f=new Blob([m]),o&&o(f))):o&&o(null);case 1:case"end":return e.stop()}}),e)})));return function(t,n,r,i,a,o){return e.apply(this,arguments)}}(),sm=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:{backgroundColor:{r:0,g:0,b:0,a:255},changeIntoColor:{r:0,g:0,b:0,a:0}};if(e){if(t&&n){for(var r=e.data,i=e.width,a=e.height,o=t.data,s=new Uint8ClampedArray(r.length),c=n.backgroundColor,l=n.changeIntoColor,u=0;u<a;u++)for(var d=0;d<i;d++){var m=4*(u*i+d),f=o[m],g=o[m+1],h=o[m+2],p=o[m+3];f===c.r&&g===c.g&&h===c.b&&p===c.a&&0!==l.a?(s[m]=l.r,s[m+1]=l.g,s[m+2]=l.b,s[m+3]=l.a):(s[m]=r[m],s[m+1]=r[m+1],s[m+2]=r[m+2],s[m+3]=r[m+3])}var v=new ImageData(s,i,a);return v}return e}return null},cm=function(e,t){if(e){for(var n=e.data,r=e.width,i=e.height,a=new Uint8ClampedArray(n.length),o=0;o<i;o++)for(var s=0;s<r;s++){for(var c=4*(o*r+s),l=0;l<3;l++){var u=c+l;a[u]=0===s||s===r-1||0===o||o===i-1?n[u]:t[0]*n[u-4*r-4]+t[1]*n[u-4*r]+t[2]*n[u-4*r+4]+t[3]*n[u-4]+t[4]*n[u]+t[5]*n[u+4]+t[6]*n[u+4*r-4]+t[7]*n[u+4*r]+t[8]*n[u+4*r+4]}a[c+3]=n[c+3]}return new ImageData(a,r,i)}return null},lm=function(e,t){if(e&&4===e.length&&t&&4===t.length){var n=e[3],r=t[3];if(255===n||0===r)return e;if(0===n)return t;var i=n/255,a=r/255;return[Math.max(Math.min(Math.floor(e[0]*i+t[0]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(e[1]*i+t[1]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(e[2]*i+t[2]*a*(1-i)),255),0),Math.max(Math.min(Math.floor(255*(i+a*(1-i))),255),0)]}return[255,255,255,255]},um="TakeIDPhotos_container__9YE8N",dm="TakeIDPhotos_title__i5kFN",mm="TakeIDPhotos_content__+fix-",fm="TakeIDPhotos_videoBox__9t7RI",gm="TakeIDPhotos_recordVideo__fGXpo",hm="TakeIDPhotos_btns__n-Nxn",pm="TakeIDPhotos_label__WpbM+";!function(e){e[e.noInit=0]="noInit",e[e.loading=1]="loading",e[e.ready=2]="ready",e[e.inRecording=3]="inRecording"}(Rd||(Rd={}));var vm={1:{width:295,height:413},2:{width:413,height:579}},xm={transparency:{r:0,g:0,b:0,a:0},red:{r:255,g:0,b:0,a:255},blue:{r:67,g:142,b:219,a:255},white:{r:255,g:255,b:255,a:255}},ym=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)("1"),c=(0,o.Z)(a,2),l=c[0],u=c[1],d=(0,r.useRef)("1"),m=(0,r.useRef)(null),f=(0,r.useState)(""),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=(0,r.useState)(""),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(Rd.noInit),b=(0,o.Z)(j,2),_=b[0],D=b[1],M=(0,r.useRef)(Rd.noInit),k=(0,r.useState)("transparency"),N=(0,o.Z)(k,2),E=N[0],C=N[1],S=(0,r.useRef)("transparency"),P=(0,r.useRef)(null),B=(0,r.useRef)(0),I=function(){var e=(0,Yc.Z)(qc().mark((function e(){var n,r,a,o,s,c,l,u,m,f;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(M.current===Rd.inRecording){e.next=2;break}return e.abrupt("return");case 2:if(!t.current||!i.current){e.next=22;break}if(n=vm[d.current],r=n.width,a=n.height,!(o=bl(t.current,r,a))){e.next=22;break}if("transparency"===S.current){e.next=20;break}return s={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=10,P.current.segmentPeople(o,s);case 10:return c=e.sent,l={r:255,g:255,b:255,a:255},u={r:0,g:0,b:0,a:255},e.next=15,Sd.wX(c,l,u,false,.3);case 15:m=e.sent,(f=sm(o,m,{backgroundColor:u,changeIntoColor:xm[S.current]}))?i.current.putImageData(f,0,0):i.current.putImageData(o,0,0),e.next=21;break;case 20:i.current.putImageData(o,0,0);case 21:B.current=window.requestAnimationFrame(I);case 22:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),T=function(){var r=(0,Yc.Z)(qc().mark((function r(){var a,o,s,c,u,d,f,g;return qc().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:return D(Rd.loading),o=(a=vm[l]).width,s=a.height,n.current&&(n.current.width=o,n.current.height=s,c=n.current.getContext("2d"),i.current=c),u=Sd.oV.MediaPipeSelfieSegmentation,d={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},$c.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})),r.next=8,Sd.N7(u,d);case 8:f=r.sent,P.current=f,g={video:{width:vm[l].width,height:vm[l].height,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(g).then((function(e){t.current&&e&&(m.current=e),t.current&&m.current&&(t.current.srcObject=m.current),M.current=Rd.inRecording,D(Rd.inRecording),I()})).catch((function(t){t.message&&t.message.includes("not found")?$c.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):$c.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):$c.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"}));case 12:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}(),R=function(){var r=(0,Yc.Z)(qc().mark((function r(){var i;return qc().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:_===Rd.noInit?T():_===Rd.loading?$c.ZP.warning(e.formatMessage({id:"common.tryingToLoad"})):_===Rd.inRecording?(t.current&&n.current&&(t.current.srcObject=null,B.current&&window.cancelAnimationFrame(B.current),i=n.current.toDataURL("image/jpeg"),w("".concat((new Date).getTime(),".jpeg")),v(i)),M.current=Rd.ready,D(Rd.ready)):(p&&(window.URL.revokeObjectURL(p),w(""),v("")),t.current&&m.current&&(t.current.srcObject=m.current,M.current=Rd.inRecording,D(Rd.inRecording),I()));case 1:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}();return(0,r.useEffect)((function(){return function(){p&&window.URL.revokeObjectURL(p)}}),[]),(0,s.jsxs)("div",{className:um,children:[(0,s.jsx)("div",{className:dm,children:e.formatMessage({id:"page.htmlVision.utilitarianFunction.takeIDPhotos"})}),(0,s.jsxs)("div",{className:mm,children:[(0,s.jsxs)("div",{className:fm,style:{width:"".concat(vm[l].width,"px"),height:"".concat(vm[l].height,"px")},children:[(0,s.jsx)("video",{className:gm,style:{width:"".concat(vm[l].width,"px"),height:"".concat(vm[l].height,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})]}),(0,s.jsxs)("div",{className:hm,children:[(0,s.jsxs)("div",{className:pm,children:[e.formatMessage({id:"common.dimension"}),"："]}),(0,s.jsx)(Kc.Z,{value:l,style:{width:"90px",marginRight:"16px"},onChange:function(e){if(n.current){var t=vm[e],r=t.width,i=t.height;n.current.width=r,n.current.height=i}d.current=e,u(e)},options:[{value:"1",label:e.formatMessage({id:"page.htmlVision.utilitarianFunction.oneInch"})},{value:"2",label:e.formatMessage({id:"page.htmlVision.utilitarianFunction.twoInch"})}]}),(0,s.jsxs)("div",{className:pm,children:[e.formatMessage({id:"common.backgroundColor"}),"："]}),(0,s.jsx)(Kc.Z,{value:E,style:{width:"130px",marginRight:"16px"},onChange:function(e){S.current=e,C(e)},options:[{value:"transparency",label:e.formatMessage({id:"common.transparency"})},{value:"red",label:e.formatMessage({id:"common.red"})},{value:"blue",label:e.formatMessage({id:"common.blue"})},{value:"white",label:e.formatMessage({id:"common.white"})}]}),(0,s.jsx)(oe.Z,{type:"primary",onClick:R,children:_===Rd.inRecording?e.formatMessage({id:"page.htmlVision.utilitarianFunction.clickToTakeAPhoto"}):p?e.formatMessage({id:"page.htmlVision.utilitarianFunction.backPhoto"}):e.formatMessage({id:"page.htmlVision.utilitarianFunction.readyToTakeAPhoto"})}),p&&(0,s.jsx)("a",{download:A,href:p,children:e.formatMessage({id:"common.download"})})]})]})]})},Am="UtilitarianFunction_container__nbWbY",wm="UtilitarianFunction_box__xBne9",jm=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:Am,children:[(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(td,{})}),(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(od,{})}),(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(vd,{})}),(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(Rr,{data:Tr[2]})}),(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(Cd,{})}),(0,s.jsx)("div",{className:wm,children:(0,s.jsx)(ym,{})})]})},bm=n(2076),_m="TiltButton_container__794Op",Dm="TiltButton_buttonWrapper__qprX4",Mm="TiltButton_symbol__8btRZ",km="TiltButton_baseSvg__VopDS";function Nm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Em(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Nm(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Nm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Cm=function(e,t){var n=e.children,i=e.color,a=void 0===i?"#355DFF":i,o=e.buttonstyle,c=void 0===o?{}:o,l=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(function(){return l}));var u=(0,r.useRef)(null),d=(0,r.useCallback)((function(e,t){return Math.floor(Math.random()*(t+1))+e}),[]),m=Object.assign({backgroundColor:a,boxShadow:"0 10px 20px -10px ".concat(a)},c),f=(0,r.useCallback)((function(e,t){var n="http://www.w3.org/1999/xlink",r=document.createElementNS("http://www.w3.org/2000/svg",e);for(var i in"svg"===e&&r.setAttribute("xmlns:xlink",n),t)"xlink:href"===i?r.setAttributeNS(n,i,t[i]):r.setAttribute(i,t[i]);return r}),[]);return(0,s.jsxs)("div",Em(Em({},e),{},{className:"".concat(_m," ").concat(e.className||""),children:[(0,s.jsx)(bm.Z,{className:"Tilt",options:{max:30,scale:1.1},children:(0,s.jsx)("div",{className:Dm,ref:u,children:(0,s.jsx)("button",{style:m,onClick:function(){if(u.current){var e=["#donut","#circle","#tri_hollow","#triangle","#square","#squ_hollow"],t=u.current.children.length;if(t>1)for(var n=t-1;n>=0;n--){var r=u.current.children[n];"BUTTON"!==r.nodeName&&u.current.removeChild(r)}var i=u.current.getBoundingClientRect(),o=i.width,s=i.height;for(n=0;n<10;n++){var c=Math.floor(Math.random()*e.length),l=o/2+d(50,100)*Math.cos(2*Math.PI*n/d(0,20)),m=s/2+d(50,100)*Math.sin(2*Math.PI*n/d(0,20)),g=d(0,360)+"deg",h=d(.5,1),p=f("svg",{class:Mm,style:"top: ".concat(m,"px;left: ").concat(l,"px;transform: scale(").concat(h,") rotate(").concat(g,")"),fill:a}),v=f("use",{"xlink:href":e[c]});p.appendChild(v),u.current.prepend(p)}}},ref:l,children:n})})}),(0,s.jsxs)("svg",{xmlns:"http://www.w3.org/2000/svg",className:km,children:[(0,s.jsx)("symbol",{id:"donut",viewBox:"0 0 14 14",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M7 12c2.76 0 5-2.24 5-5S9.76 2 7 2 2 4.24 2 7s2.24 5 5 5zm0 2c-3.87 0-7-3.13-7-7s3.13-7 7-7 7 3.13 7 7-3.13 7-7 7z"})}),(0,s.jsx)("symbol",{id:"circle",viewBox:"0 0 10 10",children:(0,s.jsx)("circle",{cx:"5",cy:"5",r:"5",fillRule:"evenodd"})}),(0,s.jsx)("symbol",{id:"tri_hollow",viewBox:"0 0 12 11",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M3.4 8.96h5.2L6 4.2 3.4 8.95zM6 0l6 11H0L6 0z"})}),(0,s.jsx)("symbol",{id:"triangle",viewBox:"0 0 10 9",children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M5 0l5 9H0"})}),(0,s.jsx)("symbol",{id:"square",viewBox:"0 0 8 8",children:(0,s.jsx)("path",{fillRule:"evenodd",d:"M0 0h8v8H0z"})}),(0,s.jsx)("symbol",{id:"squ_hollow",viewBox:"0 0 8 8",children:(0,s.jsx)("path",{fillRule:"nonzero",d:"M1.5 1.5v5h5v-5h-5zM0 0h8v8H0V0z"})})]})]}))},Sm=r.forwardRef(Cm),Pm="RotateBgButton_container__+oxiM",Bm=.01,Im=.5,Tm=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(0),n=function n(){if(e.current){var r=Y.findDOMNode(e.current);if(r){var i=r.style.backgroundPosition;if(i){var a=i.split(" "),o=Number(a[0].substring(0,a[0].length-1))/100-Im,s=Number(a[1].substring(0,a[1].length-1))/100-Im;o=o*Math.cos(Bm)-s*Math.sin(Bm),s=s*Math.cos(Bm)+o*Math.sin(Bm),r.style.backgroundPosition="".concat(100*(o+Im),"% ").concat(100*(s+Im),"%")}else r.style.backgroundPosition="0% 50%";t.current=requestAnimationFrame(n)}}};return(0,r.useEffect)((function(){return e.current&&(t.current=requestAnimationFrame(n)),function(){t.current&&cancelAnimationFrame(t.current)}}),[]),(0,s.jsx)("div",{className:Pm,ref:e,children:"Button"})};function Rm(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Fm(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Rm(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Rm(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var Om,Zm=function(e){return(0,s.jsx)("svg",Fm(Fm({width:"1em",height:"1em",viewBox:"0 0 20 20",xmlns:"http://www.w3.org/2000/svg",role:"img"},e),{},{children:(0,s.jsx)("path",{d:"m7.087 16.686.292-4.406 8-7.208c.354-.323-.073-.48-.542-.198l-9.875 6.24-4.27-1.355c-.918-.26-.928-.895.207-1.354L17.535 1.99c.76-.344 1.49.187 1.198 1.354l-2.834 13.343c-.198.948-.77 1.178-1.562.74l-4.313-3.187-2.073 2.01c-.24.24-.437.437-.864.437Z",fill:"#808191",fillRule:"nonzero"})}))},Gm="IconMoveButton_container__jbUL6",Qm=function(){return(0,s.jsx)("div",{className:Gm,children:(0,s.jsxs)("button",{children:[(0,s.jsx)(Zm,{}),"Button"]})})},Lm="NeonButton_container__UJhO5",zm=function(){return(0,s.jsx)("div",{className:Lm,children:(0,s.jsx)("button",{children:"Button"})})},Hm="BorderAnimationButton_container__++2oE",Vm=function(){return(0,s.jsx)("div",{className:Hm,children:(0,s.jsx)("button",{children:"Button"})})},Um="BorderAnimationButton2_container__friIP",Wm=function(){return(0,s.jsx)("div",{className:Um,children:(0,s.jsx)("button",{children:"Button"})})},Ym="TranslateBgButton_container__L5LWZ",Jm=function(){return(0,s.jsx)("div",{className:Ym,children:(0,s.jsx)("button",{children:"Button"})})},qm="RoundedGradientButton_container__AMSMu",Km=function(){return(0,s.jsx)("div",{className:qm,children:(0,s.jsx)("button",{children:"Button"})})},Xm="MirrorSideButton_container__sB1Ij",$m=function(){return(0,s.jsx)("div",{className:Xm,children:(0,s.jsx)("button",{children:"Button"})})},ef="ShakeButton_container__g6kIG",tf=function(){return(0,s.jsx)("div",{className:ef,children:(0,s.jsx)("button",{children:"Button"})})},nf="Skew3DButton_container__1NY5X",rf=function(){return(0,s.jsx)("div",{className:nf,children:(0,s.jsx)("button",{children:"Button"})})},af="HoverCircleButton_container__PuMuD",of=function(){var e=(0,r.useRef)(null),t=function(t){if(e.current){var n=e.current.getBoundingClientRect(),r=n.left,i=n.top,a=t.pageX-r,o=t.pageY-i;e.current.style.setProperty("--xPos","".concat(a,"px")),e.current.style.setProperty("--yPos","".concat(o,"px"))}};return(0,s.jsx)("div",{className:af,children:(0,s.jsx)("button",{onMouseOver:t,onMouseLeave:t,ref:e,children:(0,s.jsx)("span",{children:"Button"})})})},sf="PunkEffectButton_container__RO8q0",cf=function(){return(0,s.jsx)("div",{className:sf,children:(0,s.jsx)("button",{children:"Button"})})},lf="PunkEffectButton2_container__KUiXn",uf=function(){return(0,s.jsx)("div",{className:lf,children:(0,s.jsx)("button",{children:"Button"})})},df="BirdButton_container__7qoN9",mf="BirdButton_content__kmjN7",ff="BirdButton_buttonWrapper__LV-bE",gf="BirdButton_birdBox__RbQ6O",hf="BirdButton_bird__iLhzs",pf="BirdButton_birdFace__vJMFt",vf="BirdButton_wakeup__Igq0s",xf=function(){return(0,s.jsx)("div",{className:df,children:(0,s.jsxs)("div",{className:mf,children:[(0,s.jsx)("div",{className:ff,children:(0,s.jsx)("span",{children:"Button"})}),(0,s.jsxs)("div",{className:gf,children:[(0,s.jsx)("div",{className:"".concat(hf," ").concat(vf),children:(0,s.jsx)("div",{className:pf})}),(0,s.jsx)("div",{className:"".concat(hf," ").concat(vf),children:(0,s.jsx)("div",{className:pf})}),(0,s.jsx)("div",{className:hf,children:(0,s.jsx)("div",{className:pf})})]})]})})},yf="ObliqueLineButton_container__1jrJm",Af=function(){return(0,s.jsx)("div",{className:yf,children:(0,s.jsxs)("button",{children:["Button",(0,s.jsx)("span",{})]})})},wf="LightningBorderButton_container__ekKDU",jf="LightningBorderButton_buttonBox__o0z+d",bf="LightningBorderButton_line1__Njvnt",_f="LightningBorderButton_line2__hEdBj",Df=function(){return(0,s.jsx)("div",{className:wf,children:(0,s.jsxs)("div",{className:jf,children:[(0,s.jsx)("button",{children:"Button"}),(0,s.jsxs)("svg",{version:"1.1",xmlns:"http://www.w3.org/2000/svg",x:"0px",y:"0px",viewBox:"0 0 234.6 61.3",preserveAspectRatio:"none",xmlSpace:"preserve",children:[(0,s.jsxs)("filter",{id:"glow",children:[(0,s.jsx)("feGaussianBlur",{className:"blur",result:"coloredBlur",stdDeviation:"2"}),(0,s.jsx)("feTurbulence",{type:"fractalNoise",baseFrequency:"0.075",numOctaves:"0.3",result:"turbulence"}),(0,s.jsx)("feDisplacementMap",{in:"SourceGraphic",in2:"turbulence",scale:"30",xChannelSelector:"R",yChannelSelector:"G",result:"displace"}),(0,s.jsxs)("feMerge",{children:[(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"coloredBlur"}),(0,s.jsx)("feMergeNode",{in:"displace"}),(0,s.jsx)("feMergeNode",{in:"SourceGraphic"})]})]}),(0,s.jsx)("path",{className:bf,d:"m216.3 51.2c-3.7 0-3.7-1.1-7.3-1.1-3.7 0-3.7 6.8-7.3 6.8-3.7 0-3.7-4.6-7.3-4.6-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-0.9-7.3-0.9-3.7 0-3.7-2.7-7.3-2.7-3.7 0-3.7 7.8-7.3 7.8-3.7 0-3.7-4.9-7.3-4.9-3.7 0-3.7-7.8-7.3-7.8-3.7 0-3.7-1.1-7.3-1.1-3.7 0-3.7 3.1-7.3 3.1-3.7 0-3.7 10.9-7.3 10.9-3.7 0-3.7-12.5-7.3-12.5-3.7 0-3.7 4.6-7.3 4.6-3.7 0-3.7 4.5-7.3 4.5-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-10-7.3-10-3.7 0-3.7-0.4-7.3-0.4-3.7 0-3.7 2.3-7.3 2.3-3.7 0-3.7 7.1-7.3 7.1-3.7 0-3.7-11.2-7.3-11.2-3.7 0-3.7 3.5-7.3 3.5-3.7 0-3.7 3.6-7.3 3.6-3.7 0-3.7-2.9-7.3-2.9-3.7 0-3.7 8.4-7.3 8.4-3.7 0-3.7-14.6-7.3-14.6-3.7 0-3.7 5.8-7.3 5.8-2.2 0-3.8-0.4-5.5-1.5-1.8-1.1-1.8-2.9-2.9-4.8-1-1.8 1.9-2.7 1.9-4.8 0-3.4-2.1-3.4-2.1-6.8s-9.9-3.4-9.9-6.8 8-3.4 8-6.8c0-2.2 2.1-2.4 3.1-4.2 1.1-1.8 0.2-3.9 2-5 1.8-1 3.1-7.9 5.3-7.9 3.7 0 3.7 0.9 7.3 0.9 3.7 0 3.7 6.7 7.3 6.7 3.7 0 3.7-1.8 7.3-1.8 3.7 0 3.7-0.6 7.3-0.6 3.7 0 3.7-7.8 7.3-7.8h7.3c3.7 0 3.7 4.7 7.3 4.7 3.7 0 3.7-1.1 7.3-1.1 3.7 0 3.7 11.6 7.3 11.6 3.7 0 3.7-2.6 7.3-2.6 3.7 0 3.7-12.9 7.3-12.9 3.7 0 3.7 10.9 7.3 10.9 3.7 0 3.7 1.3 7.3 1.3 3.7 0 3.7-8.7 7.3-8.7 3.7 0 3.7 11.5 7.3 11.5 3.7 0 3.7-1.4 7.3-1.4 3.7 0 3.7-2.6 7.3-2.6 3.7 0 3.7-5.8 7.3-5.8 3.7 0 3.7-1.3 7.3-1.3 3.7 0 3.7 6.6 7.3 6.6s3.7-9.3 7.3-9.3c3.7 0 3.7 0.2 7.3 0.2 3.7 0 3.7 8.5 7.3 8.5 3.7 0 3.7 0.2 7.3 0.2 3.7 0 3.7-1.5 7.3-1.5 3.7 0 3.7 1.6 7.3 1.6s3.7-5.1 7.3-5.1c2.2 0 0.6 9.6 2.4 10.7s4.1-2 5.1-0.1c1 1.8 10.3 2.2 10.3 4.3 0 3.4-10.7 3.4-10.7 6.8s1.2 3.4 1.2 6.8 1.9 3.4 1.9 6.8c0 2.2 7.2 7.7 6.2 9.5-1.1 1.8-12.3-6.5-14.1-5.5-1.7 0.9-0.1 6.2-2.2 6.2z",fill:"transparent",stroke:"#fff"}),(0,s.jsx)("path",{className:_f,d:"m216.3 52.1c-3 0-3-0.5-6-0.5s-3 3-6 3-3-2-6-2-3 1.6-6 1.6-3-0.4-6-0.4-3-1.2-6-1.2-3 3.4-6 3.4-3-2.2-6-2.2-3-3.4-6-3.4-3-0.5-6-0.5-3 1.4-6 1.4-3 4.8-6 4.8-3-5.5-6-5.5-3 2-6 2-3 2-6 2-3 1.6-6 1.6-3-4.4-6-4.4-3-0.2-6-0.2-3 1-6 1-3 3.1-6 3.1-3-4.9-6-4.9-3 1.5-6 1.5-3 1.6-6 1.6-3-1.3-6-1.3-3 3.7-6 3.7-3-6.4-6-6.4-3 2.5-6 2.5h-6c-3 0-3-0.6-6-0.6s-3-1.4-6-1.4-3 0.9-6 0.9-3 4.3-6 4.3-3-3.5-6-3.5c-2.2 0-3.4-1.3-5.2-2.3-1.8-1.1-3.6-1.5-4.6-3.3s-4.4-3.5-4.4-5.7c0-3.4 0.4-3.4 0.4-6.8s2.9-3.4 2.9-6.8-0.8-3.4-0.8-6.8c0-2.2 0.3-4.2 1.3-5.9 1.1-1.8 0.8-6.2 2.6-7.3 1.8-1 5.5-2 7.7-2 3 0 3 2 6 2s3-0.5 6-0.5 3 5.1 6 5.1 3-1.1 6-1.1 3-5.6 6-5.6 3 4.8 6 4.8 3 0.6 6 0.6 3-3.8 6-3.8 3 5.1 6 5.1 3-0.6 6-0.6 3-1.2 6-1.2 3-2.6 6-2.6 3-0.6 6-0.6 3 2.9 6 2.9 3-4.1 6-4.1 3 0.1 6 0.1 3 3.7 6 3.7 3 0.1 6 0.1 3-0.6 6-0.6 3 0.7 6 0.7 3-2.2 6-2.2 3 4.4 6 4.4 3-1.7 6-1.7 3-4 6-4 3 4.7 6 4.7 3-0.5 6-0.5 3-0.8 6-0.8 3-3.8 6-3.8 3 6.3 6 6.3 3-4.8 6-4.8 3 1.9 6 1.9 3-1.9 6-1.9 3 1.3 6 1.3c2.2 0 5-0.5 6.7 0.5 1.8 1.1 2.4 4 3.5 5.8 1 1.8 0.3 3.7 0.3 5.9 0 3.4 3.4 3.4 3.4 6.8s-3.3 3.4-3.3 6.8 4 3.4 4 6.8c0 2.2-6 2.7-7 4.4-1.1 1.8 1.1 6.7-0.7 7.7-1.6 0.8-4.7-1.1-6.8-1.1z",fill:"transparent",stroke:"#fff"})]})]})})},Mf="DynamicButtons_container__onlah",kf="DynamicButtons_box__HDepH",Nf="DynamicButtons_box1__eXXBp",Ef="DynamicButtons_btn__v5GiZ",Cf="DynamicButtons_btnText__a2SkT",Sf=be.GridBox,Pf=[{element:(0,s.jsx)(Sm,{className:Ef,color:"#4E90FE",children:(0,s.jsx)("span",{className:Cf,children:"Button"})}),className:Nf},{element:(0,s.jsx)(Tm,{})},{element:(0,s.jsx)(Qm,{})},{element:(0,s.jsx)(zm,{})},{element:(0,s.jsx)(Vm,{})},{element:(0,s.jsx)(Wm,{})},{element:(0,s.jsx)(Jm,{})},{element:(0,s.jsx)(Km,{})},{element:(0,s.jsx)($m,{})},{element:(0,s.jsx)(tf,{})},{element:(0,s.jsx)(rf,{})},{element:(0,s.jsx)(of,{})},{element:(0,s.jsx)(cf,{})},{element:(0,s.jsx)(uf,{})},{element:(0,s.jsx)(xf,{})},{element:(0,s.jsx)(Af,{})},{element:(0,s.jsx)(Df,{})}],Bf=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Mf,children:(0,s.jsx)(be,{differentScreenCols:[8,7,6,5,4],rowSpace:4,colSpace:4,children:Pf.map((function(e,t){return(0,s.jsx)(Sf,{children:(0,s.jsx)("div",{className:e.className?"".concat(kf," ").concat(e.className):kf,children:e.element})},t)}))})})},If="DynamicTime_container__gWj7z",Tf="DynamicTime_circle__KgCyy",Rf="DynamicTime_hour__QRch1",Ff="DynamicTime_minutes__CiztT",Of="DynamicTime_seconds__HIQzF",Zf="DynamicTime_text__tg+1p",Gf="DynamicTime_ap__-R5C5",Qf=75,Lf=471;!function(e){e[e.AM=0]="AM",e[e.PM=1]="PM"}(Om||(Om={}));var zf=function(){var e=function(){var e=new Date,t=e.getHours();return{h:t%12,m:e.getMinutes(),s:e.getSeconds(),ap:t>=12?Om.PM:Om.AM}},t=(0,r.useMemo)((function(){return e()}),[]),n=(0,r.useRef)(t.h),i=(0,r.useRef)(t.m),a=(0,r.useRef)(t.ap),c=(0,r.useState)(t.s),l=(0,o.Z)(c,2),u=l[0],d=l[1];return(0,r.useEffect)((function(){var t=setInterval((function(){var t=e(),r=t.h,o=t.m,s=t.s,c=t.ap;n.current=r,i.current=o,a.current=c,s!==u&&d(s)}),1e3);return function(){t&&clearInterval(t)}}),[]),(0,s.jsxs)("div",{className:If,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.SVGCircularClock"}),(0,s.jsxs)("div",{className:"".concat(Tf," ").concat(Rf),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Qf,cy:Qf,r:Qf,style:{strokeDashoffset:Lf-Lf*n.current/12}})}),n.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Zf,children:"HOURS"})]}),(0,s.jsxs)("div",{className:"".concat(Tf," ").concat(Ff),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Qf,cy:Qf,r:Qf,style:{strokeDashoffset:Lf-Lf*i.current/60}})}),i.current.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Zf,children:"MINUTES"})]}),(0,s.jsxs)("div",{className:"".concat(Tf," ").concat(Of),children:[(0,s.jsx)("svg",{children:(0,s.jsx)("circle",{cx:Qf,cy:Qf,r:Qf,style:{strokeDashoffset:Lf-Lf*u/60}})}),u.toString().padStart(2,"00"),(0,s.jsx)("div",{className:Zf,children:"SECONDS"})]}),(0,s.jsx)("div",{className:Gf,children:Om[a.current]})]})},Hf=n(15671),Vf=n(43144),Uf={container:"FlopTime_container__FCqPp",content:"FlopTime_content__hgESz",flip:"FlopTime_flip__uaSUO",digital:"FlopTime_digital__qpGvE",front:"FlopTime_front__uSPIf",back:"FlopTime_back__pv1UY",number0:"FlopTime_number0__ZTJin",number1:"FlopTime_number1__eLA3v",number2:"FlopTime_number2__1Ac8e",number3:"FlopTime_number3__0vQ0q",number4:"FlopTime_number4__dEd0i",number5:"FlopTime_number5__a-zf8",number6:"FlopTime_number6__2oi9K",number7:"FlopTime_number7__r4N7o",number8:"FlopTime_number8__HcY+F",number9:"FlopTime_number9__Ga-a0",down:"FlopTime_down__RmRNR",go:"FlopTime_go__-zVpA",frontFlipDown:"FlopTime_frontFlipDown__GMZfH",backFlipDown:"FlopTime_backFlipDown__d92sS",dot:"FlopTime_dot__FWyVP"},Wf=function(){function e(t){(0,Hf.Z)(this,e),this.config={node:null,frontNum:0,backNum:1,frontText:Uf.number0,backText:Uf.number1,duration:600},Object.assign(this.config,t),this.nodeClass={flip:Uf.flip,front:"".concat(Uf.digital," ").concat(Uf.front),back:"".concat(Uf.digital," ").concat(Uf.back)},this.frontNode=this.config.node.children[0],this.backNode=this.config.node.children[1],this.isFlipping=!1,this.allNumberClass=[],this._init()}return(0,Vf.Z)(e,[{key:"_init",value:function(){for(var e=0;e<10;e++)this.allNumberClass.push(Uf["number".concat(e)]);var t=this.config,n=t.frontNum,r=t.frontText,i=t.backNum,a=t.backText;this._setFront(n,r),this._setBack(i,a)}},{key:"_setFront",value:function(e,t){var n=this;this.allNumberClass.forEach((function(e){Array.prototype.includes.call(n.frontNode.classList,e)&&n.frontNode.classList.remove(e)})),this.config.frontNum=e,this.config.frontText=Uf["number".concat(e)],this.frontNode.classList.add(t)}},{key:"_setBack",value:function(e,t){var n=this;this.allNumberClass.forEach((function(e){Array.prototype.includes.call(n.backNode.classList,e)&&n.backNode.classList.remove(e)})),this.config.backNum=e,this.config.backText=Uf["number".concat(e)],this.backNode.classList.add(t)}},{key:"_flip",value:function(e,t,n,r,i){var a=this;if(this.isFlipping)return!1;this.isFlipping=!0,this._setFront(t,n),this._setBack(r,i);var o=Uf.down;"up"===e&&(o=Uf.up),this.config.node.classList.add(o,Uf.go),setTimeout((function(){a.config.node.classList.remove(Uf.go),a.isFlipping=!1,a._setFront(r,i);var e=r>=9?0:r+1;a._setBack(e,Uf["number".concat(e)])}),this.config.duration)}},{key:"flipDown",value:function(e,t,n,r){this._flip("down",e,t,n,r)}}]),e}(),Yf=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)([]);return(0,r.useEffect)((function(){if(e.current){var n=e.current.children;n=Array.prototype.filter.call(n,(function(e){return!!e.className.includes(Uf.flip)}));for(var r=new Date,i=(0,sr.Z)(r,"hhmmss"),a=(0,sr.Z)(new Date(r.getTime()+1e3),"hhmmss"),o=0;o<n.length;o++)t.current.push(new Wf({node:n[o],frontText:Uf["number".concat(i[o])],backText:Uf["number".concat(a[o])]}))}var s=window.setInterval((function(){for(var e=new Date,n=(0,sr.Z)(e,"hhmmss"),r=(0,sr.Z)(new Date(e.getTime()+1e3),"hhmmss"),i=0;i<t.current.length;i++)n[i]!==r[i]&&t.current[i].flipDown(Number(n[i]),Uf["number".concat(n[i])],Number(r[i]),Uf["number".concat(r[i])])}),1e3);return function(){s&&window.clearInterval(s)}}),[]),(0,s.jsxs)("div",{className:Uf.container,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.upAndDownCard"}),(0,s.jsxs)("div",{className:Uf.content,ref:e,children:[(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]}),(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]}),(0,s.jsx)("div",{className:Uf.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]}),(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]}),(0,s.jsx)("div",{className:Uf.dot,children:":"}),(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]}),(0,s.jsxs)("div",{className:"".concat(Uf.flip," ").concat(Uf.down),children:[(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.front)}),(0,s.jsx)("div",{className:"".concat(Uf.digital," ").concat(Uf.back)})]})]})]})},Jf="ChargingAnimation_container__v9+1B",qf="ChargingAnimation_number__p2igZ",Kf="ChargingAnimation_contrast__WE8Kt",Xf="ChargingAnimation_circle__ulvus",$f="ChargingAnimation_bubbles__YjX2d",eg=new Array(15).fill(0),tg=function(){return(0,r.useLayoutEffect)((function(){document.styleSheets[0].insertRule("@keyframes bubbleMoveToTop{ 90% {\n      opacity: 1;\n    }\n    100% {\n      opacity: 0.1;\n      transform: translate(-50%, -260px);\n    }}")}),[]),(0,s.jsxs)("div",{className:Jf,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.charging"}),(0,s.jsx)("div",{className:qf,children:"30.02%"}),(0,s.jsxs)("div",{className:Kf,children:[(0,s.jsx)("div",{className:Xf}),(0,s.jsx)("ul",{className:$f,children:eg.map((function(e,t){var n="".concat(15*Math.random()+15,"px"),r="".concat(70*Math.random()+15,"px"),i="".concat(5*Math.random()+2,"s"),a="-".concat(5e3*Math.random()/1e3,"s"),o="bubbleMoveToTop ".concat(i," ease-in-out ").concat(a," infinite");return(0,s.jsx)("li",{style:{width:n,height:n,left:r,animation:o}},t)}))})]})]})};function ng(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function rg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ng(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ng(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ig=function(e){return(0,s.jsxs)("svg",rg(rg({className:"StickyRice_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M64 880a448 80 0 1 0 896 0 448 80 0 1 0-896 0Z",fill:"#E8DABF",opacity:.3}),(0,s.jsx)("path",{d:"M87.215 846.713c-63.335-109.7 283.05-735.385 424.574-735.385S999.61 738.401 936.363 846.713s-785.813 109.7-849.148 0z",fill:"#FAEBD2"}),(0,s.jsx)("path",{d:"M455.995 219.992c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S444.002 208 448 208s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S476.002 208 480 208s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S540.002 208 544 208s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S572.002 208 576 208s7.995 7.577 7.995 11.992zm-64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S508.002 208 512 208c3.997 0 7.995 7.577 7.995 11.992zm-80 32c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S428.002 240 432 240s7.995 7.577 7.995 11.992zm-32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S396.002 240 400 240s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S460.002 240 464 240s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S524.002 240 528 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S556.002 240 560 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S588.002 240 592 240s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S620.002 240 624 240s7.995 7.577 7.995 11.992zm-128 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S492.002 240 496 240s7.995 7.577 7.995 11.992zM775.345 440.438c6.115-.504 2.035 2.249 3.301 5.954.291 3.705-1.4 8.362 3.258 11.666-8.169 4.275-6.282 6.521 3.215 8.77 10.327 2.249-3.048 4.501 3.17 8.79-7.376 1.905 1.646 5.43 3.123 8.9 2.359 3.47 7.921 6.886 3.075 8.573-9.172-.258-2.604 3.793 3.026 8.052 15.128 4.26 5.026 8.729 2.976 9.306-12.033 2.457 8.296 3.061 2.924 4.901-9.272 1.84.532 4.915 2.871 12.315-7.209-4.449 4.727-6.768 2.351-5.038-8.02 1.73-4.154 7.509 2.312 19.255 10.479 2.85 7.181 5.826 2.272 8.362 2.367 2.536 14.417 4.631 2.232 5.72.489 8.023 3.272 8.451 2.191 8.369 2.156-.082 2.739-.673 2.149 5.309 6.227.962 5.665 3.077 2.106 5.646-8.672 2.569-11.048 5.593 2.063 8.372.484 2.791-1.853-7.046 3.993 2.32 4.069 4.468 5.724 6.451 1.928 9.406 6.942 2.955 1.821 6.882 1.881 15.238-4.269.327 4.781 3.252 1.834 6.473-2.521 3.222-.062 6.74 1.786 8.252.93 4.846 4.093 9.135 3.424 11.379 4.254 4.314 6.785 12.042 3.222 9.515 7.65.479 5.501 2.125 1.533 4.778-2.137 2.653.389 6.314 1.48 10.821 5.52-4.253 5.635-3.57 1.427-1.098.458 2.472 2.397 6.733 1.372 9.635 4.945-5.443-1.133 5.655 1.317 6.148 7.645-1.499 6.176-3.465 1.261 9.311-1.044-1.224 1.153 3.168.609 6.892 3.205 3.725-8.203 6.782.595 2.89-7.048 1.751 3.658-8.565 1.146 4.247-2.301 6.198-4.38 5.473 1.088 9.861-6.175 6.702 5.253 11.046.522 11.399 4.763.353 3.857-3.283.507-12.541 4.14-.671 7.245 8.582.969 7.898-4.846 2.25 1.32 7.335.462 10.005 3.145 2.67 10.494 2.925.446-4.486-4.938-.376-10.418-2.474.431-8.347-.33 2.606-4.06 1.688.416 7.392-8.397-5.947 2.539-8.485.4-1.185.769-.613-6.446 15.872.384 10.095 6.124-2.642 16.23-2.913.721-.891-9.928 2.022 2.137 6.337.657 12.867 8.012-1.93 3.119 11.247 1.119 7.89-4.177 10.634 6.907 8.769.461 5.883 9.31-2.886.244-6.793.394-.244.495-3.987-6.03-3.428.171 6.772-9.743 9.614-1.644 7.542.154 4.16 7.839 6.146 5.388-1.372.257 1.662-.977 5.999 2.145-9.593.188-5.785-3.549-1.61.632.145.068 3.207.688 3.061 2.394 7.428.05 11.041-11.782 5.89.19 9.829.046 11.327 8.012 1.498-5.24.555-.025-3.321-3.097-6.344 1.874 10.268-.269 2.894 11.751-5.18-2.069-4.017-.246-.68 5.299 3.337-.201 8.848-.321 12.363-.119 1.52-.251 7.353-.396 8.282-.145 1.512-.302 8.374-.473.633-.341 6.682-.733 2.845-1.178 3.641-.89 7.333-1.991-8.506-3.31 10.406-.807 10.085-1.747-3.544-2.814 4.667-1.067 7.814-2.262 2.26-3.581 6.35-1.319 10.024-2.761 9.864-4.323 6.708-1.562 4.784-3.243 3.198-5.04 3.605-1.797-1.216-3.709-8.021-5.732 2.172-2.023 7.898-4.158.643-6.399 7.435-2.242 5.191-4.59 11.749-7.042 5.977-2.452-5.879-5.007 7.787-7.66 2.924-2.654 6.301-5.406 5.755-8.253 3.105-2.847-2.562-5.789-1.824-8.821 5.088-3.032 2.617-6.155 2.006-9.365 4.028-3.209.424-6.505 11.614-9.883 3.457-3.378 11.137-6.839 4.589-10.377 5.368-3.539-.628-7.155-8.95-10.846 1.408-6.04 13.337-12.277 4.26-18.695 5.017-6.418 3.014-13.016 11.167-19.776 4.541-6.76-1.418-13.682-10.144-20.748 4.065-7.066 6.438-14.276-.847-21.611 3.589-7.335-7.749-14.797 7.38-22.365 3.112-7.569-6.077-15.245 6.834-23.011 2.634-7.766 5.918-15.621-.398-23.548 2.156-7.927-6.213-15.925 7.261-23.977 1.678-8.052 14.37-16.156-8.354-24.296 1.199-8.14-4.045-16.315 5.313-24.507.72-8.192 5.977-16.401 2.026-24.609.24v1.206c7.933.148 15.852 1.825 23.746-.511 7.893 6.51 15.761 5.45 23.593-.778 7.832-13.235 15.627.2 23.374-1.045 7.748-8.826 15.448 4.154 23.09-1.312 7.642-10.069 15.226-8.128 22.741-1.579 7.515 1.232 14.96-13.071 22.326-1.846 7.365-1.077 14.651-3.437 21.845-2.112 7.194-9.605 14.297-5.486 21.298-2.378 7.001-8.46 13.9 8.32 20.686-2.644 6.786-9.953 13.459-3.337 20.009-2.91 6.549-4.958 12.975-5.612 19.265-3.176 4.325 4.107 8.586-1.967 12.78-2.337 4.194 3.386 8.32 3.274 12.376-2.463 4.056.418 8.041 10.262 11.951-1.138 3.911-1.155 7.747 5.839 11.505-4.164 3.758 5.875 7.439-3.256 11.037-5.567 3.599 4.841 7.116-4.089 10.549-.234 3.432-.472 6.78 1.161 10.038-3.31 3.259.518 6.429-3.21 9.507-2.992 3.078-9.286 6.064-8.46 8.954-5.961 2.89 1.432 5.685-11.631 8.38-.84 2.695-2.291 5.291 3.583 7.784-2.516 2.493-1.39 4.884 6.451 7.168-4.785 2.284-1.168 4.462 4.094 6.53-4.34 2.068-.067 4.026-10.814 5.87-3.459 1.844-3.772 3.576-14.484 5.19-9.13 1.614-10.135 3.111-3.577 4.488.833 2.753 4.679 5.024-.194 6.784-8.794.511 2.867.995 4.044 1.453 3.006s.889-4.289 1.294-10.276c.811 2.808 1.517-.439 2.121-4.815.605 2.149 1.107 6.75 1.511-7.597.404 6.246 1.897-11.725.917-7.505.361-4.346 10.857-12.046.24-10.4 9.433-.227.293-4.471.097 2.555 6.523-7.804-6.694-6.103-.044-4.557-1.258 1.546-4.622 2.938-.183-5.486 1.944-6.188-8.249-14.074-.32-10.921-.404-6.319 6.552-10.136-.211-10.592 3.129-.456-8.232 2.449-.244 9.572-18.587.492-6.796-3.876-.588-7.245 6.263-3.369 2.361-5.74-.719-1.256.164-7.81 2.438 2.701-1.824-10.578 1.12 6.423 13.204 4.838-1.101 2.795-.013-1.094-9.198-7.844-.597-12.818-10.651-4.974-4.457-8.172-.628-2.162 11.367-7.964.889-11.437-1.113-9.645.338 3.859 5.592-9.962-1.196-.13 6.184 4.612 2.554 2.165-1.279-1.561-15.558-3.726 3.72-8.732-1.359-9.239 1.376-2.409 7.481-14.768-2.958-9.968 1.931-7.286-5.878-5.991-1.596-5.013 12.537.978-.968 1.64-1.672-6.911 3.35-9.013 1.114-9.073-1.748-6.58-6.06 1.911-2.64-3.474-1.822-6.353-6.857 3.202-1.17-10.577-3.862-10.143 2.182-6.161-3.083-8.589-2.038-9.783 1.917-1.194-2.247-1.156-2.108-2.386 1.029.101.304-3.36-2.176-6.611 2.086-3.251.296-6.29-2.244-5.345 8.665-2.409 1.316-4.83-2.31-7.187-11.041-2.357 7.203-4.65-2.375-6.803-4.979-6.512-.945-7.99-4.942-11.049-4.987.782-4.913-2.262-5.189-7.207-5.878-2.472 5.256-5.42-2.685-8.602-1.93-3.182-4.832-6.599-2.743-10.01-13.344.003-5.803-8.628-5.657-8.894-3.908-5.741-3.353-5.33-2.912-5.886 11.301-.556 4.618-2.078-2.966-11.685 7.9-.238-7.1-3.077-3.019-6.302-4.414-3.225.931-6.838-3.071-8.624-1.794-7.073-5.786-8.407-3.121-8.812.873-.405 3.632.118-3.171-3.239-.107-6.551 7.422-6.72-3.219-6.871 7.515-.151-6.404-.286-3.266-6.768-6.025-6.91-6.301-11.368-3.313-13.584-5.699-2.216 6.067-2.19-3.357-.133-6.807.382-9.151-1.648-4.087-4.825 6.383-3.177-.74-7.503-4.148-11.713-5.8-2.571-11.938-5.728-4.207-8.738-4.086-3.01-6.844-5.874-4.265-7.859-3.109-6.14-12.035-10.321-4.32-12.954-.975-2.633 6.391-3.72-4.374-3.673 6.577.889 1.602-2.293-4.425-6.184-4.759-3.892-3.924-8.493-4.475-10.443-5.601-3.404-6.274-7.316-4.522-10.496-6.921-3.176 4.486-5.624-4.565-6.099z",fill:"#E8DABF"})]}))};function ag(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function og(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?ag(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):ag(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var sg=function(e){return(0,s.jsxs)("svg",og(og({className:"RedDates_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M472.5 427.8s48.6-66.4 203.2-16.6 241.9 192.1 240.2 224.9c3.4 42.5 17.9 178.9-163.5 227.4S438 738.3 398.4 647.6s74.1-219.8 74.1-219.8z",fill:"#BC2B2B"}),(0,s.jsx)("path",{d:"M689.8 883.9c-22.5 0-44.9-3.1-66.9-9.3-37.3-10.5-73.6-29.8-108.1-57.4-62.8-50.2-107-118.1-127.4-164.8-10-23-12-49.9-5.9-79.8 4.7-23.1 14.3-48.2 28.5-74.6 22.9-42.5 50-74.1 53.2-77.8 5.6-7.1 60.6-70.5 216.1-20.4 88 28.3 147.7 79.7 182.3 117.7 37.9 41.7 64.5 89.1 66.2 117.9.1 1.6.2 3.3.3 5.1 1.6 24.9 4.5 71.4-16.2 117.6-25.3 56.6-78 95.9-156.5 117-21.9 5.9-43.8 8.8-65.6 8.8zM481.5 435.8c-1.1 1.2-108.2 124.4-72.1 207 30.4 69.7 158.2 257.7 339.8 209.1 165.4-44.3 158.1-160.3 155-209.9-.1-1.9-.2-3.6-.3-5.2-1.1-19.7-22.1-61.5-60-103.1-32.7-35.9-89-84.3-171.9-111-75.3-24.3-123.2-19.4-150-11.1-27.5 8.6-39.1 22.5-39.8 23.4-.2.3-.4.5-.7.8zm-9-8z"}),(0,s.jsx)("path",{d:"M540.7 190.3s-85-64.2-242.8 45.9c-26.8 21-166.5 195.5-186.8 341.7S185 848.7 338.5 870.4s280.9-199.8 280.9-199.8 162.2-212.9 60.8-359.1c-15.9-16.9-90.3-94.6-139.5-121.2z",fill:"#FFF"}),(0,s.jsx)("path",{d:"M556.6 220.5s-58.5-37.5-164.2 5.3c-48.8 19.8-91.6 51.6-125.3 91.8-54.7 65.3-138 184.7-152.8 290.2C94 753 185 848.9 338.5 870.5s280.9-198.4 280.9-198.4 149.4-189.4 74.3-326.8c-15.9-16.8-79.4-97.3-137.1-124.8z",fill:"#C12F2F"}),(0,s.jsx)("path",{d:"M359.7 883.9c-7.7 0-15.4-.5-23-1.6-77-10.9-143.3-47.9-186.7-104.1-43-55.9-61.1-127.6-50.8-201.9 7.1-51.6 29-110.7 64.9-175.7 36.5-66 76-117 91.3-135.8 3.6-4.4 7.4-8.7 11.3-12.8 10.7-11.1 19.3-18.8 30.8-27.6 24.6-18.8 51-34 78.3-45 104.1-41.9 163.2-4.8 171.2.7 40 21.9 95.1 75.1 124.4 105 25.2 25.7 42.3 57.5 49.4 92 6.7 32.7 6 69-2.2 107.9-6.5 30.7-17.6 63.1-33.1 96.2-24.7 53.1-52.2 90.6-56.3 96-4 6.8-35.2 59.1-84.3 109.8-30.5 31.5-61.6 55.7-92.4 72-31.2 16.6-62.4 24.9-92.8 24.9zm109.2-700.1c-21.8 0-50.1 4.2-84.1 17.9-25.3 10.2-49.7 24.2-72.7 41.8-10.4 8-18.3 15-28.1 25.2-3.5 3.6-6.8 7.4-10 11.2-60.8 75-137 198.5-151 299.7-19.6 141.1 71.8 258.4 217.1 279 6.6.9 13.1 1.4 19.6 1.4C495 860 607.8 666.7 609 664.6c.3-.4.5-.9.9-1.3.3-.4 29.2-38.6 54.3-92.7 22.8-49.1 47.1-121.6 33.3-188.7-6.2-29.9-21.1-57.6-43.1-80-28.6-29.1-82.1-81-119.4-101.1l-1.5-.9c-.4-.3-13.3-9.5-37.6-13.9-7.4-1.2-16.4-2.2-27-2.2z"}),(0,s.jsx)("path",{d:"M560 301.2c-1.4 0-2.7-.3-4-.9-5.1-2.2-7.3-8.1-5.1-13.2 12-27.2 35.6-46.4 68.2-55.6 24-6.8 44.4-5.8 45.2-5.7 5.5.3 9.7 5 9.4 10.5-.3 5.5-5 9.7-10.5 9.4-.7 0-70.9-3-94.1 49.5-1.6 3.8-5.2 6-9.1 6z"}),(0,s.jsx)("path",{d:"M577.9 341.2c-2.9 0-5.8-.3-8.8-.8-12.7-2.3-25.6-9.2-36.3-19.5-10.7-10.3-18.2-22.8-21.1-35.4-3.1-13.9-.3-26.7 7.9-35.2 3.8-4 10.1-4.1 14.1-.3s4.1 10.1.3 14.1c-4.7 4.9-3.8 12.8-2.9 17 2 8.7 7.6 17.9 15.4 25.4 7.8 7.5 17.3 12.7 26 14.3 4.3.8 12.1 1.3 16.8-3.6 3.8-4 10.1-4.1 14.1-.3s4.1 10.1.3 14.1c-6.1 6.7-15.3 10.2-25.8 10.2zm237 439.7c-1.4 0-2.9-.1-4.5-.4-5.4-1-9-6.2-8-11.6 1-5.4 6.2-9 11.6-8 .9.2 2 .4 3.8-2 1.5-2 2.4-4.6 2.6-5.4 1.3-5.4 6.8-8.6 12.1-7.2 5.4 1.3 8.6 6.8 7.3 12.2-2.9 11.2-11.7 22.4-24.9 22.4zM331 820.7c-15.3 0-32.9-13.5-37.8-18.7-3.8-4-3.6-10.3.4-14.1 4-3.8 10.3-3.6 14.1.4 4.3 4.5 17.6 12.9 23.6 12.4 5.5-.4 10.3 3.7 10.8 9.2s-3.7 10.3-9.2 10.8H331zm37.9 3.1h-2.5c-5.5-.1-9.9-4.7-9.8-10.2.1-5.5 4.7-9.9 10.2-9.8h2.1c61.7 0 116.4-64.4 117-65.1 3.5-4.2 9.9-4.8 14.1-1.2 4.2 3.5 4.8 9.9 1.2 14.1-2.5 2.9-61.4 72.2-132.3 72.2z"})]}))};function cg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function lg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?cg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):cg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var ug=function(e){return(0,s.jsxs)("svg",lg(lg({className:"ReedLeaves_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M352.764 725.16c.119 156.85-155.595 203.778-155.56 250.833-.036-47.055-155.821-94.237-155.94-251.087C40.991 364.15 196.539 97.632 196.539 97.632S352.491 364.405 352.764 725.16z",fill:"#419646"}),(0,s.jsx)("path",{d:"M362.028 725.167c.035 46.247-12.861 87.195-39.424 125.182-22.557 32.258-51.131 56.645-74.09 76.239-23.496 20.053-42.056 35.892-42.045 49.412l-18.528-.015c-.01-13.519-18.594-29.389-42.12-49.481-22.989-19.632-51.6-44.065-74.206-76.36C44.993 812.113 32.035 771.145 32 724.898c-.063-82.694 8.1-167.285 24.262-251.425 12.927-67.3 30.973-134.468 53.636-199.639 38.626-111.07 77.912-178.903 78.304-179.575L196.525 80l8.343 14.272c.393.673 39.782 68.571 78.577 179.704 22.762 65.207 40.91 132.405 53.939 199.727 16.29 84.166 24.581 168.77 24.644 251.464zM197.187 952.465c8.563-11.478 22.322-23.22 38.049-36.641 45.721-39.021 108.339-92.463 108.265-190.672-.14-185.279-42.338-345.083-77.714-446.517-27.733-79.524-55.714-136.569-69.234-162.321-13.481 25.73-41.375 82.729-68.988 162.208-35.222 101.376-77.177 261.111-77.037 446.39.074 98.209 62.774 151.753 108.554 190.849 15.747 13.448 29.524 25.212 38.105 36.704z",fill:"#286432"}),(0,s.jsx)("path",{d:"M248.718 877.34c8.347-16.661 15.417-33.789 20.853-51.278a321.004 321.004 0 0 0 11.74-53.239c2.413-17.938 3.343-36.02 3.074-54.036l-.269-27-.61-26.996a2590.894 2590.894 0 0 0-5.264-107.904 2612.711 2612.711 0 0 0-23.99-215.021c-2.791-17.849-5.681-35.687-8.861-53.49a2181.856 2181.856 0 0 0-10.063-53.342c-3.568-17.752-7.351-35.475-11.411-53.154-4.078-17.675-8.333-35.326-13.196-52.866 4.77 17.556 8.931 35.221 12.916 52.909 3.967 17.692 7.655 35.425 11.129 53.187 3.48 17.761 6.747 35.55 9.779 53.367 3.085 17.81 5.88 35.654 8.576 53.507 10.588 71.431 18.218 143.157 22.844 215.007a2589.23 2589.23 0 0 1 4.691 107.846l.467 26.975.126 26.977c.171 17.964-.856 35.896-3.35 53.706a318.828 318.828 0 0 1-11.94 52.776c-5.486 17.32-12.587 34.268-20.961 50.769-8.333 16.527-18.091 32.518-27.85 48.578-2.91 4.845-5.826 9.701-8.582 14.639 1.329-3.937 2.707-7.87 4.072-11.81 5.643-16.098 11.003-32.335 15.228-48.786 8.538-32.893 12.925-66.487 13.866-100.086.54-16.815.025-33.586-.112-50.363l-.337-25.165-.712-25.159-.712-25.159-1.042-25.151-1.074-25.149c-.329-8.384-.894-16.76-1.33-25.14-3.62-67.038-8.819-134.013-15.289-200.898-3.187-33.446-6.831-66.862-10.705-100.257-3.896-33.394-8.127-66.762-12.937-100.074 4.628 33.329 8.675 66.711 12.388 100.117 3.691 33.407 7.151 66.832 10.154 100.285 6.103 66.899 10.933 133.877 14.184 200.904.389 8.379.909 16.754 1.191 25.135l.936 25.142.904 25.142.574 25.148.574 25.147.198 25.15c.046 16.765.472 33.545-.181 50.263-1.155 33.451-5.736 66.821-14.428 99.457-4.305 16.329-9.729 32.426-15.473 48.488-2.339 6.617-4.711 13.24-6.851 19.947L196.55 113.38l-.301 65.188c-4.612 32.47-8.688 64.994-12.438 97.542-3.823 33.389-7.416 66.799-10.553 100.24-6.369 66.875-11.466 133.841-14.984 200.874-.423 8.38-.976 16.755-1.291 25.138l-1.036 25.147-1.004 25.149-.674 25.158-.674 25.158-.298 25.164c-.112 16.776-.601 33.546-.036 50.363.992 33.6 5.43 67.201 14.018 100.109 4.25 16.458 9.634 32.704 15.301 48.811 1.371 3.942 2.755 7.878 4.09 11.817-2.773-4.959-5.706-9.836-8.634-14.702-9.793-16.092-19.584-32.116-27.944-48.675-8.404-16.532-15.526-33.512-21.038-50.86a319.683 319.683 0 0 1-12-52.854c-2.513-17.834-3.555-35.785-3.4-53.769l.087-27.004.421-27.002c.754-36 2.249-71.991 4.485-107.949 4.47-71.918 11.903-143.71 22.248-215.21 2.638-17.87 5.367-35.731 8.386-53.56a2207.575 2207.575 0 0 1 9.57-53.422c3.401-17.78 7.012-35.534 10.897-53.246 3.902-17.709 7.979-35.394 12.654-52.975-4.768 17.563-8.938 35.235-12.934 52.931-3.979 17.7-7.684 35.442-11.179 53.213a2207.717 2207.717 0 0 0-9.853 53.398c-3.114 17.821-5.938 35.677-8.671 53.543-10.726 71.484-18.541 143.279-23.393 215.223a2626.432 2626.432 0 0 0-5.057 108.006l-.563 27.022-.229 27.026c-.253 18.033.692 36.135 3.124 54.096a321.675 321.675 0 0 0 11.8 53.317c5.462 17.516 12.553 34.677 20.931 51.37 8.33 16.716 18.104 32.891 27.788 48.989 3.925 6.597 7.84 13.193 11.312 19.903-4.823-6.139-10.077-11.976-15.357-17.762-12.998-14.117-26.21-28.003-38.146-42.641-11.979-14.597-22.742-29.883-31.643-45.907-8.915-16.013-15.892-32.766-20.747-49.942-4.821-17.184-7.519-34.773-8.229-52.418-.37-8.81-.126-17.691-.122-26.55l.076-13.294.31-13.291a1723.85 1723.85 0 0 1 5.621-106.237 1711.161 1711.161 0 0 1 31.083-211.039 1556.332 1556.332 0 0 1 25.734-104.168c4.902-17.251 10.133-34.439 15.78-51.533 5.677-17.085 11.608-34.12 18.433-50.915-6.914 16.77-12.938 33.785-18.708 50.852-5.74 17.075-11.065 34.247-16.061 51.485a1559.335 1559.335 0 0 0-26.304 104.111A1713.715 1713.715 0 0 0 74.96 577.865a1727.068 1727.068 0 0 0-6.198 106.324l-.381 13.305-.147 13.309c-.052 8.875-.344 17.733-.022 26.652.617 17.807 3.241 35.588 8.019 52.982 4.811 17.386 11.776 34.365 20.702 50.594 8.91 16.24 19.706 31.731 31.7 46.493 11.947 14.799 25.166 28.824 38.034 42.936 6.396 7.073 12.724 14.187 18.148 21.676 2.712 3.74 5.12 7.604 7.002 11.59.28.628.547 1.26.805 1.893l-.048 10.37 2.316.002.885.001 3.747.003.885.001 1.431.001-.049-8.021c.472-1.427 1.05-2.84 1.674-4.242 1.875-3.984 4.278-7.845 6.986-11.581 5.414-7.481 11.733-14.586 18.119-21.65 12.849-14.094 26.049-28.099 37.975-42.882 11.974-14.745 22.746-30.223 31.631-46.451 8.901-16.218 15.84-33.189 20.622-50.571 4.75-17.39 7.344-35.17 7.931-52.979.307-8.921 0-17.78-.066-26.657l-.169-13.312-.406-13.308a1712.147 1712.147 0 0 0-6.418-106.35 1701.682 1701.682 0 0 0-32.851-211.124 1550.31 1550.31 0 0 0-26.693-104.132c-5.066-17.24-10.462-34.414-16.277-51.491-5.847-17.066-11.947-34.082-18.943-50.851 6.906 16.794 12.914 33.83 18.666 50.915 5.721 17.095 11.025 34.284 15.996 51.538a1547.891 1547.891 0 0 1 26.124 104.189 1699.492 1699.492 0 0 1 31.696 211.094 1710.304 1710.304 0 0 1 5.841 106.261l.334 13.294.097 13.296c.018 8.86.277 17.743-.078 26.555-.68 17.647-3.349 35.235-8.142 52.414-4.826 17.172-11.777 33.917-20.667 49.919-8.876 16.013-19.616 31.285-31.575 45.865-11.915 14.621-25.108 28.489-38.086 42.587-5.274 5.78-10.522 11.611-15.337 17.745 3.453-6.687 7.348-13.262 11.253-19.836 9.649-16.066 19.389-32.208 27.692-48.891zm-62.005 49.079c-5.768-16.072-11.216-32.177-15.546-48.514-8.742-32.65-13.374-66.027-14.579-99.481-.679-16.719-.278-33.498-.258-50.263l.16-25.15.536-25.147.536-25.147.866-25.141.898-25.141c.27-8.381.777-16.755 1.153-25.133 3.15-67.021 7.879-133.991 13.88-200.881 2.953-33.448 6.362-66.867 10.002-100.268 3.566-32.525 7.46-65.026 11.888-97.478l-3.528 764.994c-1.913-5.787-3.976-11.52-6.008-17.25z",fill:"#C8E678"}),(0,s.jsx)("path",{d:"M467.935 785.26c-67.683 158.396-251.27 136.047-271.575 183.566 20.305-47.519-122.672-164.906-54.988-323.302C297.043 281.212 575.386 81.806 575.386 81.806s48.22 339.142-107.451 703.454z",fill:"#419646"}),(0,s.jsx)("path",{d:"M477.647 789.416c-19.956 46.703-51.182 82.266-95.462 108.721-37.602 22.465-78.11 34.289-110.658 43.79-33.31 9.723-59.621 17.403-65.455 31.056l-19.424-8.311c5.834-13.653-6.794-37.995-22.781-68.812-15.622-30.113-35.063-67.589-44.809-110.314-11.476-50.313-7.354-97.473 12.602-144.177 35.684-83.51 80.814-165.251 134.138-242.955 42.651-62.152 90.614-121.88 142.555-177.523 88.524-94.832 159.049-145.72 159.751-146.223L582.995 64l2.58 18.144c.122.855 12.076 87.037 4.716 216.598-4.319 76.02-14.337 151.984-29.777 225.78-19.303 92.262-47.183 181.384-82.867 264.894zM206.513 945.067c13.942-7.753 33.448-13.446 55.742-19.953 64.818-18.92 153.589-44.832 195.968-144.01 79.951-187.106 104.782-367.326 111.535-485.565 5.295-92.699.612-162.816-2.433-194.866-25.26 19.938-79.155 64.99-142.472 132.861-80.763 86.57-193.817 229.039-273.768 416.145-42.379 99.178.227 181.306 31.336 241.273 10.699 20.626 20.062 38.671 24.092 54.115z",fill:"#286432"}),(0,s.jsx)("path",{d:"M293.032 892.3c15.957-13.082 30.776-27.208 44.036-42.429a341.611 341.611 0 0 0 35.328-48.489c10.285-17.029 19.077-34.866 26.583-53.174l11.39-27.377 11.03-27.526a2741.694 2741.694 0 0 0 41.128-111.288c25.82-74.804 48.427-150.804 67.798-227.81 4.789-19.268 9.47-38.57 13.832-57.967a2311.034 2311.034 0 0 0 12.507-58.356c3.932-19.519 7.628-39.104 11.012-58.77 3.364-19.67 6.533-39.394 9.016-59.277-2.588 19.859-5.86 39.556-9.328 59.196-3.489 19.636-7.287 39.19-11.323 58.676a2314.418 2314.418 0 0 1-12.815 58.254c-4.464 19.361-9.247 38.626-14.137 57.856-19.776 76.852-42.783 152.677-68.993 227.283a2736.39 2736.39 0 0 1-41.704 110.973l-11.172 27.441-11.53 27.29c-7.586 18.212-16.416 35.854-26.731 52.718a339.434 339.434 0 0 1-35.337 47.932c-13.241 15.029-28.014 28.958-43.93 41.866-15.884 12.953-33.03 24.727-50.207 36.571-5.147 3.588-10.303 7.185-15.328 10.935 3.096-3.379 6.241-6.733 9.376-10.099 12.877-13.724 25.517-27.716 37.06-42.432 23.174-29.383 42.298-61.333 57.81-94.83 7.836-16.734 14.546-33.894 21.655-50.892l10.526-25.555 10.13-25.718 10.129-25.717 9.78-25.857 9.746-25.869c3.28-8.611 6.308-17.32 9.474-25.975 25.185-69.297 48.687-139.237 70.817-209.657 11.117-35.192 21.742-70.557 32.116-106.005 10.35-35.456 20.339-71.037 29.695-106.82-9.555 35.719-19.742 71.231-30.29 106.617-10.572 35.378-21.393 70.67-32.705 105.786-22.521 70.268-46.411 140.047-71.977 209.167-3.214 8.633-6.29 17.32-9.617 25.908l-9.888 25.801-9.921 25.787-10.27 25.645-10.269 25.644-10.665 25.479c-7.2 16.945-14.007 34.076-21.919 50.66-15.672 33.253-34.903 64.889-58.127 93.943-11.574 14.557-24.221 28.379-37.189 42.022-5.313 5.633-10.664 11.257-15.808 17.07l354.763-843.22-28.497 65.674c-18.874 30.714-37.209 61.722-55.212 92.902-18.444 31.995-36.655 64.114-54.402 96.469-35.59 64.66-69.885 129.981-102.554 196.076-4.066 8.27-8.266 16.478-12.222 24.799l-11.958 24.923-11.925 24.939-11.583 25.095-11.583 25.096-11.192 25.27c-7.37 16.886-15.133 33.596-21.81 50.826-13.485 34.364-23.357 70.273-28.577 107.339-2.658 18.518-4.035 37.329-5.055 56.127-.266 4.594-.517 9.187-.819 13.761-.764-6.247-1.732-12.484-2.699-18.708-3.313-20.63-6.654-41.19-8.263-61.651-1.667-20.453-1.794-40.783-.076-60.765a339.772 339.772 0 0 1 10.265-58.73c5.074-19.129 11.742-37.718 19.679-55.803l11.765-27.222 12.114-27.071a2777.305 2777.305 0 0 1 51.371-106.969c35.779-70.601 74.61-139.748 116.37-207.297 10.492-16.859 21.076-33.668 31.949-50.314a2344.887 2344.887 0 0 1 33.131-49.646c11.253-16.427 22.715-32.732 34.447-48.873 11.748-16.13 23.669-32.159 36.172-47.813-12.593 15.595-24.606 31.568-36.447 47.643-11.824 16.087-23.38 32.339-34.729 48.714a2350.922 2350.922 0 0 0-33.418 49.494c-10.97 16.597-21.651 33.358-32.241 50.17-42.152 67.362-81.385 136.341-117.576 206.797a2779.887 2779.887 0 0 0-51.995 106.769l-12.273 27.027-11.924 27.181c-8.061 18.091-14.896 36.789-20.11 56.01a341.963 341.963 0 0 0-10.675 59.108c-1.844 20.129-1.826 40.628-.257 61.231 1.51 20.605 4.766 41.31 7.963 61.898 1.265 8.417 2.518 16.83 3.259 25.157-2.404-8.357-5.39-16.602-8.427-24.807-7.528-20.071-15.38-40.006-21.569-60.128-6.252-20.1-10.932-40.351-13.339-60.513-2.427-20.158-2.501-40.194-.167-59.708 2.373-19.506 7.148-38.47 14.031-56.602 3.421-9.06 7.516-17.916 11.35-26.857l5.826-13.386 6.071-13.279A1824.806 1824.806 0 0 1 242.6 513.333a1815.415 1815.415 0 0 1 123.831-199.131 1658.29 1658.29 0 0 1 72.021-93.637c12.599-15.221 25.516-30.23 38.827-44.957 13.34-14.705 26.924-29.247 41.342-43.146-14.501 13.833-28.174 28.314-41.603 42.959-13.401 14.668-26.409 29.619-39.101 44.784a1660.753 1660.753 0 0 0-72.593 93.324 1818.312 1818.312 0 0 0-125.055 198.642 1827.277 1827.277 0 0 0-52.465 104.561l-6.152 13.261-5.908 13.37c-3.891 8.937-8.027 17.748-11.545 26.896-7.051 18.253-11.986 37.378-14.495 57.077-2.47 19.706-2.506 39.965-.161 60.345 2.324 20.384 6.948 40.857 13.145 61.13 6.132 20.289 13.931 40.367 21.325 60.375 3.649 10.004 7.211 20.019 9.661 30.008 1.228 4.99 2.083 9.969 2.332 14.836.022.76.029 1.517.026 2.271l-4.533 10.448 2.428 1.039.928.397 3.928 1.681.928.397 1.5.642 3.416-8.12c1.112-1.229 2.329-2.397 3.589-3.532 3.689-3.182 7.878-6.004 12.332-8.563 8.912-5.129 18.61-9.471 28.361-13.743 19.567-8.475 39.465-16.703 58.362-26.286 18.931-9.524 36.92-20.325 53.253-32.73 16.346-12.387 30.959-26.413 43.488-41.819 12.499-15.428 22.906-32.216 31.221-49.932 4.178-8.868 7.686-17.949 11.455-26.94l5.578-13.514 5.328-13.617a1811.819 1811.819 0 0 0 39.246-110.236 1804.171 1804.171 0 0 0 56.82-227.844 1650.82 1650.82 0 0 0 17.024-117.076c2.141-19.673 3.906-39.427 5.19-59.269 1.249-19.847 2.208-39.756 2.12-59.817-.018 20.046-1.082 39.934-2.436 59.758-1.39 19.819-3.26 39.547-5.505 59.192a1646.7 1646.7 0 0 1-17.645 116.878 1801.343 1801.343 0 0 1-58.018 227.296 1809.338 1809.338 0 0 1-39.812 109.888l-5.397 13.57-5.646 13.466c-3.811 8.952-7.38 18.036-11.561 26.773-8.343 17.51-18.744 34.071-31.198 49.268-12.485 15.175-27.013 28.967-43.255 41.14-16.231 12.191-34.096 22.799-52.941 32.163-18.816 9.425-38.647 17.517-58.352 25.938-8.03 3.474-16.054 7.01-23.755 11.046 6.512-5.205 13.439-10.098 20.377-14.986 17.07-11.898 34.262-23.833 50.182-36.957zm-86.243 21.783c.899-18.807 2.148-37.506 4.669-55.937 4.947-36.875 14.519-72.644 27.717-106.956 6.516-17.182 14.19-33.942 21.459-50.857l11.041-25.317 11.433-25.146 11.434-25.147 11.777-24.992 11.81-24.978c3.906-8.34 8.058-16.567 12.075-24.856 32.277-66.249 66.188-131.739 101.399-196.578 17.557-32.444 35.579-64.655 53.836-96.744 17.801-31.237 35.935-62.305 54.608-93.083L205.633 934.189c.495-6.7.811-13.411 1.156-20.106z",fill:"#C8E678"}),(0,s.jsx)("path",{d:"M556.519 887.273c-141.329 141.396-329.452 38.022-371.851 80.441 42.399-42.419-60.926-230.631 80.403-372.027 325.058-325.212 711.042-419.793 711.042-419.793s-94.537 386.168-419.594 711.379z",fill:"#419646"}),(0,s.jsx)("path",{d:"M565.186 895.945c-41.671 41.691-90.671 66.513-149.799 75.885-50.211 7.958-98.957 3.199-138.125-.626-40.084-3.914-71.746-7.005-83.927 5.182L176 959.043c12.182-12.187 9.092-43.864 5.179-83.967-3.823-39.186-8.58-87.955-.626-138.19 9.368-59.156 34.178-108.179 75.849-149.87 74.512-74.547 158.436-143.109 249.443-203.782 72.793-48.53 150.26-92.154 230.249-129.66 136.326-63.92 234.281-88.277 235.255-88.515L992 160l-5.057 20.66c-.238.974-24.584 98.976-88.473 235.366-37.488 80.027-81.091 157.53-129.598 230.358-60.645 91.051-129.174 175.014-203.686 249.561zm-359.319 50.56c18.369-2.33 41.84-.037 68.668 2.583 78 7.615 184.824 18.047 273.315-70.487 166.945-167.024 271.538-350.44 329.882-474.895 45.743-97.572 70.983-175.128 81.546-210.97-35.825 10.568-113.344 35.82-210.87 81.584-124.396 58.372-307.725 163.013-474.67 330.038-88.491 88.533-78.065 195.408-70.453 273.445 2.619 26.842 4.911 50.325 2.582 68.702z",fill:"#286432"}),(0,s.jsx)("path",{d:"M321.864 927.034c22.84-7.2 44.906-16.016 65.766-26.685a396.447 396.447 0 0 0 59.002-36.975c18.435-13.901 35.611-29.319 51.605-45.799l24.095-24.572 23.772-24.888a3178.814 3178.814 0 0 0 92.374-102.12c60.125-69.429 117.306-141.535 171.434-216.122 13.482-18.688 26.861-37.459 39.938-56.47a2683.765 2683.765 0 0 0 38.679-57.461c12.667-19.328 25.107-38.83 37.247-58.552 12.12-19.736 24.053-39.615 35.316-59.962-11.365 20.275-23.398 40.08-35.618 59.739-12.24 19.646-24.778 39.07-37.541 58.318a2683.31 2683.31 0 0 1-38.967 57.218c-13.172 18.929-26.645 37.616-40.219 56.219-54.499 74.246-112.034 145.99-172.494 215.038a3177.943 3177.943 0 0 1-92.858 101.531l-23.888 24.736-24.207 24.417c-16.039 16.341-33.171 31.533-51.567 45.244a393.86 393.86 0 0 1-58.771 36.37c-20.756 10.47-42.687 19.095-65.408 26.125-22.707 7.093-46.264 12.37-69.883 17.709-7.094 1.642-14.203 3.289-21.236 5.159 4.794-2.303 9.632-4.557 14.463-6.829 19.8-9.222 39.461-18.835 58.252-29.702 37.657-21.643 72.058-47.8 103.237-77.184 15.669-14.642 30.31-30.229 45.31-45.47l22.377-22.983 22.021-23.329 22.02-23.328 21.704-23.63 21.673-23.658c7.253-7.859 14.276-15.933 21.425-23.889 57.063-63.772 112.59-128.962 166.846-195.262 27.176-33.109 53.897-66.616 80.384-100.321 26.465-33.724 52.594-67.738 78.129-102.244-25.721 34.351-52.034 68.206-78.681 101.769-26.669 33.544-53.57 66.888-80.924 99.831-54.613 65.968-110.487 130.818-167.885 194.234-7.191 7.911-14.257 15.941-21.551 23.755l-21.796 23.523-21.826 23.493-22.14 23.19-22.139 23.189-22.494 22.84c-15.075 15.144-29.808 30.658-45.495 45.105-31.246 29.052-65.628 54.825-103.196 76.092-18.756 10.682-38.351 20.109-58.213 29.204-8.157 3.773-16.35 7.52-24.402 11.56L961.923 190.09l-59.065 58.438c-33.599 24.934-66.744 50.418-99.606 76.23-33.689 26.5-67.181 53.233-100.274 80.422-66.269 54.282-131.429 109.835-195.17 166.925-7.952 7.153-16.022 14.18-23.878 21.436l-23.647 21.683-23.619 21.714-23.317 22.03L390.03 681l-22.972 22.388c-15.233 15.007-30.814 29.655-45.448 45.332-29.37 31.194-55.515 65.612-77.148 103.286-10.862 18.8-20.47 38.47-29.688 58.279-2.271 4.833-4.525 9.673-6.826 14.47 1.875-7.06 3.527-14.197 5.173-21.318 5.342-23.655 10.623-47.246 17.727-69.982 7.039-22.753 15.682-44.708 26.164-65.491a394.22 394.22 0 0 1 36.425-58.832c13.729-18.415 28.941-35.56 45.302-51.613l24.432-24.243 24.743-23.929a3224.255 3224.255 0 0 1 101.543-93.043c69.038-60.6 140.737-118.315 214.9-173.044 18.584-13.629 37.247-27.165 56.151-40.401a2719.241 2719.241 0 0 1 57.135-39.17c19.218-12.835 38.609-25.449 58.219-37.77 19.623-12.301 39.389-24.419 59.619-35.882-20.302 11.361-40.143 23.379-59.842 35.581-19.686 12.222-39.155 24.738-58.453 37.476a2723.462 2723.462 0 0 0-57.378 38.883c-18.987 13.14-37.733 26.583-56.402 40.119-74.505 54.358-146.564 111.719-215.984 171.985a3224.833 3224.833 0 0 0-102.13 92.558l-24.895 23.813-24.586 24.13c-16.498 16.007-31.937 33.197-45.856 51.65a396.806 396.806 0 0 0-37.03 59.063c-10.681 20.887-19.516 42.977-26.724 65.849-7.273 22.848-12.708 46.56-18.157 70.118-2.273 9.614-4.556 19.217-7.355 28.508 1.02-10.041 1.364-20.212 1.637-30.363.559-24.873.711-49.739 2.734-74.089 1.946-24.353 5.652-48.189 11.767-70.949 6.092-22.763 14.666-44.379 25.609-64.392 10.982-19.988 24.316-38.354 39.563-54.913 7.598-8.282 15.835-16.054 23.828-24.029l12.058-11.904 12.275-11.682a2118.691 2118.691 0 0 1 101.063-90.437 2106.888 2106.888 0 0 1 219.411-161.024 1924.273 1924.273 0 0 1 118.031-69.761c20.147-10.954 40.544-21.544 61.246-31.659 20.722-10.079 41.638-19.876 63.173-28.622-21.597 8.638-42.581 18.332-63.373 28.307-20.772 10.012-41.243 20.5-61.466 31.354a1928.353 1928.353 0 0 0-118.513 69.177 2110.362 2110.362 0 0 0-220.518 159.969 2120.84 2120.84 0 0 0-101.682 89.976l-12.355 11.628-12.139 11.85c-8.052 7.946-16.313 15.651-24.054 23.987-15.48 16.617-29.057 35.088-40.268 55.225-11.173 20.161-19.962 41.97-26.238 64.937-6.301 22.962-10.162 47.014-12.243 71.53-2.158 24.505-2.427 49.502-3.104 74.25-.389 12.353-.878 24.68-2.553 36.499-.833 5.906-2.063 11.639-3.896 16.989a79.634 79.634 0 0 1-.953 2.458l-9.396 9.297 2.167 2.168.828.828 3.506 3.508.828.828 1.339 1.34 7.187-7.271c1.729-.844 3.544-1.576 5.392-2.255 5.349-1.834 11.08-3.065 16.984-3.898 11.816-1.675 24.14-2.164 36.489-2.554 24.74-.677 49.73-.947 74.227-3.107 24.508-2.083 48.552-5.948 71.506-12.256 22.959-6.283 44.76-15.08 64.912-26.264 20.129-11.222 38.591-24.811 55.2-40.303 8.332-7.748 16.033-16.016 23.976-24.073l11.846-12.148 11.621-12.367a2102.378 2102.378 0 0 0 89.892-101.799 2093.882 2093.882 0 0 0 159.623-220.9 1915.097 1915.097 0 0 0 68.907-118.766c10.803-20.268 21.237-40.785 31.191-61.605 9.918-20.84 19.551-41.873 28.121-63.521-8.677 21.586-18.415 42.552-28.436 63.322-10.058 20.75-20.593 41.194-31.497 61.386a1911.508 1911.508 0 0 1-69.491 118.284 2090.527 2090.527 0 0 1-160.677 219.793 2099.703 2099.703 0 0 1-90.352 101.18l-11.675 12.287-11.899 12.067c-7.972 7.998-15.741 16.242-24.019 23.847-16.551 15.26-34.909 28.606-54.889 39.597-20.004 10.954-41.612 19.536-64.367 25.634-22.751 6.122-46.579 9.832-70.925 11.78-24.341 2.026-49.2 2.177-74.066 2.737-10.151.273-20.322.617-30.362 1.638 9.264-2.793 18.839-5.073 28.424-7.342 23.525-5.448 47.202-10.878 70.02-18.14zm-102.317-13.786c9.092-19.872 18.514-39.475 29.191-58.24 21.257-37.587 47.018-71.984 76.056-103.245 14.441-15.695 29.947-30.434 45.084-45.516l22.829-22.504 23.178-22.15 23.179-22.15 23.482-21.836 23.511-21.806c7.811-7.297 15.836-14.366 23.744-21.561 63.386-57.424 128.205-113.326 194.142-167.964 32.927-27.367 66.255-54.281 99.783-80.963 32.669-25.961 65.623-51.596 99.033-76.685L209.617 934.407c3.428-7.004 6.666-14.097 9.93-21.159z",fill:"#C8E678"})]}))};function dg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function mg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?dg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):dg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var fg=function(e){return(0,s.jsxs)("svg",mg(mg({className:"Zongzi_svg__icon",viewBox:"0 0 1024 1024",xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",role:"img"},e),{},{children:[(0,s.jsx)("path",{d:"M64 880a448 80 0 1 0 896 0 448 80 0 1 0-896 0Z",fill:"#286432",opacity:.5}),(0,s.jsx)("path",{d:"M512.789 111.328c-66.491 0-178.201 138.109-271.396 295.93 55.644 57.763 159.079 127.76 272.859 189.618 114.274-58.817 218.107-125.695 274.328-181.582-94.05-161.114-208.243-303.966-275.791-303.966z",fill:"#FFB90F"}),(0,s.jsx)("path",{d:"M788.58 415.295c-56.221 55.887-160.055 122.765-274.328 181.582 152.444 82.878 323.46 151.147 423.003 155.8-20.428-88.75-79.029-218.073-148.675-337.382z",fill:"#419646"}),(0,s.jsx)("path",{d:"M241.393 407.259C136.225 585.355 54.635 788.552 88.215 846.713c63.335 109.7 785.902 108.312 849.149 0 10.706-18.334 9.674-51.533-.109-94.036-173.841-8.127-565.666-210.263-695.862-345.418z",fill:"#419646"}),(0,s.jsx)("path",{d:"m947.276 761.154.141.007-2.366-10.278-1.36-5.914-.047-.002c-20.982-86.058-76.02-210.131-148.155-333.705l-5.214-8.932-7.335 7.291c-52.428 52.117-150.18 116.954-268.588 178.199-116.026-63.396-215.222-132.157-267.197-186.112l-7.3-7.578-5.351 9.061c-54.216 91.812-100.115 186.288-129.244 266.025-15.37 42.075-25.455 78.457-29.975 108.136-5.035 33.061-3.016 57.743 6.002 73.361 36.146 62.609 251.218 85.322 424.409 85.749 1.771.004 3.524.006 5.293.006 101.358 0 198.649-7.174 274.463-20.261 88.991-15.361 142.426-37.386 158.819-65.46 10.467-17.923 11.465-48.04 3.005-89.593zm-71.489-158.756a141.068 141.068 0 0 1-4.046 5.346 189.705 189.705 0 0 1-13.483 15.125l-3.565 3.595-3.641 3.518c-2.446 2.326-4.891 4.637-7.406 6.88a293.074 293.074 0 0 1-7.528 6.705c-2.508 2.224-5.081 4.379-7.661 6.508-5.133 4.295-10.907 7.865-16.507 11.447a99.84 99.84 0 0 0-8.01 5.741 104.502 104.502 0 0 0-3.699 3.187 141.123 141.123 0 0 0-3.521 3.398 226.52 226.52 0 0 0-13.332 14.823l-3.244 4.025-3.266 4.182c-1.081 1.479-2.203 2.874-3.321 4.422l-1.709 2.317c-.261.385-.532.757-.803 1.135-46.834-16.642-97.977-37.953-150.837-62.977.488-.055.974-.112 1.465-.163 3.234-.338 6.42-.833 9.591-1.397 12.709-2.214 25.032-5.786 36.949-10.238l4.449-1.722c1.476-.588 2.916-1.248 4.377-1.87 2.902-1.28 5.792-2.594 8.597-4.064 5.657-2.855 11.107-6.099 16.437-9.525 10.633-6.913 20.794-14.488 31.119-21.698 20.607-14.483 40.28-30.363 58.054-48.33 2.21-2.257 4.371-4.57 6.551-6.846 2.151-2.314 4.238-4.698 6.35-7.037 2.073-2.387 4.083-4.839 6.116-7.247a348.274 348.274 0 0 0 5.798-7.517l2.735-3.891c.9-1.304 1.844-2.56 2.672-3.924 1.482-2.384 3.037-4.688 4.409-7.132 18.564 35.437 35.342 70.163 49.91 103.224zm-90.351 107.369c.34-.032.678-.058 1.021-.09.981-.118 1.94-.292 2.919-.441 1.967-.298 3.852-.743 5.74-1.21 7.524-1.936 14.507-4.981 20.957-8.694a59.052 59.052 0 0 0 4.694-2.978 53.147 53.147 0 0 0 4.389-3.35c2.821-2.359 5.392-4.988 7.802-7.77 4.792-5.599 9.084-11.577 13.694-17.15 2.285-2.809 4.543-5.63 6.724-8.514 1.1-1.432 2.17-2.889 3.22-4.361 1.053-1.469 2.121-2.92 3.138-4.417a278.756 278.756 0 0 0 5.928-9.081l2.793-4.652 2.693-4.711c3.4-6.311 6.612-12.726 9.223-19.43 20.974 48.662 36.964 93.408 46.535 131.03-37.483-3.355-86.154-15.308-141.47-34.181zm-254.08-112.759c110.186-57.722 202.002-118.424 255.438-168.853a1995.781 1995.781 0 0 1 35.58 64.355l-1.534 1.839c-1.848 2.36-3.984 4.529-5.986 6.761-.985 1.127-2.099 2.164-3.157 3.235l-3.197 3.185c-8.696 8.343-18.034 16.013-27.756 23.165l-7.324 5.317-7.453 5.141-7.545 5.006c-2.526 1.65-5.099 3.241-7.64 4.861-5.106 3.218-10.248 6.373-15.463 9.413l-3.89 2.307-3.933 2.241c-2.618 1.497-5.233 2.994-7.893 4.421-10.548 5.849-21.626 10.757-32.654 15.557a384.793 384.793 0 0 0-16.297 7.576c-2.666 1.355-5.333 2.69-7.969 4.095l-7.874 4.289a1427.938 1427.938 0 0 0-31.267 18.04l-15.748 9.436c-2.245 1.423-4.52 2.749-6.801 4.156a1981.021 1981.021 0 0 1-11.938-5.855l-.166-.082c-2.142-1.06-4.287-2.127-6.433-3.199-.942-.47-1.885-.944-2.828-1.417-1.329-.666-2.659-1.333-3.989-2.003-1.105-.557-2.207-1.115-3.31-1.673-1.195-.605-2.39-1.21-3.585-1.818l-3.28-1.673a2301.628 2301.628 0 0 1-6.713-3.444c-1.464-.754-2.928-1.511-4.392-2.271l-2.289-1.188a2326.692 2326.692 0 0 1-6.674-3.486 2126.572 2126.572 0 0 1-14.04-7.434zm-25.62 323.454c-215.629-.531-384.471-32.502-410.593-77.749-14.31-24.784-5.38-84.45 25.145-168.006.823-2.253 1.662-4.52 2.512-6.797 3.143 7.763 6.72 15.38 10.777 22.727 1.617 2.949 3.208 5.936 4.903 8.851 1.752 2.87 3.557 5.712 5.342 8.579l2.703 4.291c.889 1.444 1.912 2.772 2.863 4.166 1.941 2.754 3.867 5.531 5.853 8.266 1.932 2.786 4.044 5.405 6.122 8.066l6.324 7.922c2.129 2.627 4.38 5.131 6.609 7.667l6.729 7.583c2.314 2.452 4.68 4.854 7.031 7.276l3.534 3.63c1.179 1.21 2.347 2.435 3.58 3.581l7.373 6.925c2.476 2.289 4.889 4.665 7.456 6.842l7.676 6.58c2.559 2.195 5.142 4.366 7.81 6.415 2.637 2.093 5.326 4.118 7.989 6.178l4.017 3.062c1.352 1.002 2.742 1.947 4.112 2.922 10.949 7.82 22.294 15.051 33.904 21.778l8.767 4.937 4.38 2.465c1.464.814 2.96 1.569 4.442 2.35l8.906 4.644c2.965 1.55 5.924 3.107 8.942 4.55l9.002 4.411c3.002 1.463 5.985 2.962 9.023 4.347l9.072 4.227 4.534 2.111c1.507.712 3.021 1.408 4.558 2.054 6.116 2.653 12.204 5.359 18.334 7.959l18.521 7.467 18.707 6.943c6.271 2.209 12.584 4.297 18.868 6.447a755.278 755.278 0 0 0 76.949 20.286 737.954 737.954 0 0 0 21.51 4.034 2083.8 2083.8 0 0 1-14.286.013zm276.994-20.021c-56.093 9.682-124.146 16.089-196.959 18.7-28.225-4.405-56.111-10.541-83.488-18.276a736.719 736.719 0 0 1-73.545-24.77c-5.988-2.426-11.997-4.786-17.956-7.259l-17.748-7.72-17.512-8.206c-5.784-2.84-11.518-5.777-17.273-8.656a107.898 107.898 0 0 1-4.27-2.252l-4.241-2.306-8.476-4.607c-2.851-1.484-5.573-3.209-8.348-4.828l-8.288-4.918a731.786 731.786 0 0 1-32.26-20.943c-10.56-7.223-20.976-14.594-31.315-22.039-1.297-.925-2.617-1.82-3.894-2.769l-3.828-2.85c-2.567-1.881-5.107-3.798-7.7-5.646-1.281-.944-2.608-1.833-3.851-2.822l-3.783-2.903-7.616-5.755c-2.597-1.854-5.027-3.894-7.533-5.855l-7.487-5.927c-4.974-3.97-9.759-8.151-14.723-12.167l-14.358-12.619-6.997-6.519c-2.356-2.159-4.759-4.288-6.976-6.573-4.499-4.516-9.255-8.87-13.584-13.579l-6.695-6.948c-2.206-2.343-4.285-4.785-6.464-7.171l-3.267-3.591-1.638-1.801-1.554-1.857c-2.082-2.474-4.151-4.971-6.285-7.445-1.045-1.25-2.16-2.465-3.153-3.752l-3.021-3.854c-.19-.234-.378-.472-.567-.707 15.389-40.151 34.772-83.666 57.11-128.42a149.938 149.938 0 0 0 2.909 7.859l2.703 6.323c.969 2.073 2.004 4.108 3.009 6.172.511 1.026 1.003 2.069 1.543 3.079l1.668 2.995c1.124 1.991 2.211 4.022 3.378 5.992 9.424 15.703 20.543 30.328 32.592 43.983l4.583 5.059c1.526 1.692 3.055 3.384 4.635 5.013 3.152 3.27 6.283 6.587 9.538 9.743 3.229 3.192 6.443 6.414 9.795 9.462l4.981 4.639 5.058 4.54 5.082 4.518 5.179 4.388 5.186 4.386 5.255 4.288 5.285 4.255 5.355 4.151 5.358 4.152 5.418 4.061c28.988 21.549 59.723 40.495 91.567 57.11 31.887 16.552 64.426 31.608 97.274 45.792a1404.703 1404.703 0 0 0 49.656 20.314 1318.39 1318.39 0 0 0 50.413 18.273c33.89 11.366 68.261 21.295 103.066 29.413 17.414 4.009 34.935 7.559 52.556 10.533 17.622 2.959 35.339 5.401 53.147 6.96 17.802 1.575 35.681 2.395 53.549 2.11 11.629-.222 23.254-.914 34.803-2.202-25.873 12.568-64.943 23.609-114.998 32.249zm147.725-57.762c-4.154 7.114-11.997 13.979-23.235 20.487-14.713 1.103-29.479 1.153-44.19.443-17.569-.808-35.077-2.671-52.462-5.288-34.779-5.243-69.102-13.25-102.876-23.024-33.806-9.677-67.102-21.114-99.833-33.932a1294.756 1294.756 0 0 1-48.785-19.96c-16.114-7-32.088-14.307-47.91-21.911-3.941-1.934-7.905-3.816-11.823-5.791l-11.764-5.902c-3.904-1.999-7.776-4.064-11.663-6.094-3.881-2.042-7.724-4.156-11.586-6.229a1247.516 1247.516 0 0 1-45.588-26.129l-11.257-6.726c-3.729-2.277-7.437-4.587-11.181-6.834l-11.144-6.872-11.103-6.919c-14.774-9.259-29.448-18.637-43.927-28.276-28.941-19.281-57.095-39.7-83.136-62.476-13.006-11.397-25.339-23.492-36.692-36.506-1.418-1.627-2.754-3.308-4.141-4.965l-2.068-2.5-1.967-2.562c-1.303-1.716-2.647-3.419-3.929-5.161l-3.712-5.316a195.264 195.264 0 0 1-7.189-11.578c17.086-33.8 35.805-68.227 55.732-102.378 53.096 52.266 146.048 116.522 254.186 176.37l-.067.035 13.284 7.222.648.349c4.622 2.512 9.269 5.015 13.94 7.508l.641.341c4.436 2.365 8.894 4.72 13.37 7.065l2.244 1.173c3.833 2.002 7.68 3.996 11.54 5.982 1.179.607 2.357 1.214 3.535 1.818a2128.78 2128.78 0 0 0 10.01 5.09c48.327 24.44 96.445 46.416 142.401 65.035 1.013.41 2.028.826 3.038 1.233 2.79 1.124 5.566 2.228 8.338 3.326a1413.87 1413.87 0 0 0 12.238 4.789c2.272.877 4.532 1.742 6.788 2.6 1.199.456 2.411.931 3.606 1.382 1.171.442 2.331.871 3.497 1.307.646.242 1.292.484 1.937.724a1326.6 1326.6 0 0 0 10.111 3.72c.93.338 1.851.667 2.777 1.001 2.429.875 4.845 1.738 7.249 2.587.832.294 1.678.604 2.507.895 64.508 22.659 118.261 35.59 159.915 38.48 10.596 49.24 5.777 71.952-.304 82.367z",fill:"#286432"}),(0,s.jsx)("path",{d:"M455.995 203.992c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S444.002 192 448 192s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S476.002 192 480 192s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S540.002 192 544 192s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S572.002 192 576 192s7.995 7.577 7.995 11.992zm-64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S508.002 192 512 192c3.997 0 7.995 7.577 7.995 11.992zm-80 32c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S428.002 224 432 224s7.995 7.577 7.995 11.992zm-32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S396.002 224 400 224s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S460.002 224 464 224s7.995 7.577 7.995 11.992zm64 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S524.002 224 528 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S556.002 224 560 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S588.002 224 592 224s7.995 7.577 7.995 11.992zm32 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S620.002 224 624 224s7.995 7.577 7.995 11.992zm-128 0c0 4.415-3.579 3.997-7.995 3.997s-7.995.418-7.995-3.997S492.002 224 496 224s7.995 7.577 7.995 11.992z",fill:"#FFF",opacity:.5}),(0,s.jsx)("path",{d:"M288 478.07a32 10.667 0 1 0 64 0 32 10.667 0 1 0-64 0ZM672 478.07a32 10.667 0 1 0 64 0 32 10.667 0 1 0-64 0Z",fill:"#E6413C"}),(0,s.jsx)("path",{d:"M545 489c0-18.748-15.252-34-34-34a8 8 0 0 0 0 16c9.925 0 18 8.075 18 18s-8.075 18-18 18a8 8 0 0 0 0 16c9.925 0 18 8.075 18 18s-8.075 18-18 18a8 8 0 0 0 0 16c18.748 0 34-15.252 34-34 0-10.419-4.711-19.758-12.114-26 7.403-6.242 12.114-15.581 12.114-26zm-87.343-84.97-20.993 20.993c-15.745-9.607-33.804-14.841-52.664-15.077V384a8 8 0 0 0-16 0v26.957a102.829 102.829 0 0 0-37.66 13.069l-19.997-19.997a8 8 0 0 0-11.313 0 7.998 7.998 0 0 0 0 11.313l17.959 17.959a106.227 106.227 0 0 0-7.861 7.111 7.998 7.998 0 0 0 0 11.313 8 8 0 0 0 11.313 0c16.636-16.636 38.735-25.797 62.226-25.797s45.59 9.162 62.226 25.797c1.562 1.562 3.609 2.343 5.657 2.343s4.095-.781 5.657-2.343a7.998 7.998 0 0 0 0-11.313 106.351 106.351 0 0 0-6.409-5.896l19.174-19.174a7.998 7.998 0 0 0 0-11.313 8.003 8.003 0 0 0-11.315.001zm267.313 0a8 8 0 0 0-11.313 0l-20.993 20.993c-15.745-9.607-33.804-14.841-52.664-15.077V384a8 8 0 0 0-16 0v26.957a102.829 102.829 0 0 0-37.66 13.069l-19.997-19.997a8 8 0 0 0-11.313 0 7.998 7.998 0 0 0 0 11.313l17.959 17.959a106.227 106.227 0 0 0-7.861 7.111 7.998 7.998 0 0 0 0 11.313 8 8 0 0 0 11.313 0c16.636-16.636 38.735-25.797 62.226-25.797s45.59 9.162 62.226 25.797c1.562 1.562 3.609 2.343 5.657 2.343s4.095-.781 5.657-2.343a7.998 7.998 0 0 0 0-11.313 106.351 106.351 0 0 0-6.409-5.896l19.174-19.174a7.998 7.998 0 0 0-.002-11.312z",fill:"#5A1E14"})]}))},gg="ZongziLoading_container__CdgrF",hg="ZongziLoading_content__9NHwh",pg="ZongziLoading_loadingItem1__8JdRq",vg="ZongziLoading_loadingItem2__4IjE5",xg="ZongziLoading_loadingItem3__1403l",yg="ZongziLoading_loadingResult__WyYl2",Ag=function(){return(0,s.jsxs)("div",{className:gg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.zongziLoading"}),(0,s.jsxs)("div",{className:hg,children:[(0,s.jsx)("div",{className:pg,children:(0,s.jsx)(ig,{})}),(0,s.jsx)("div",{className:vg,children:(0,s.jsx)(sg,{})}),(0,s.jsx)("div",{className:xg,children:(0,s.jsx)(ug,{})}),(0,s.jsx)("svg",{xmlns:"http://www.w3.org/2000/svg",children:(0,s.jsx)("defs",{children:(0,s.jsxs)("filter",{id:"mix",children:[(0,s.jsx)("feGaussianBlur",{in:"SourceGraphic",stdDeviation:"10",result:"blur"}),(0,s.jsx)("feColorMatrix",{in:"blur",mode:"matrix",values:"1 0 0 0 0  0 1 0 0 0  0 0 1 0 0  0 0 0 21 -7"})]})})})]}),(0,s.jsx)("div",{className:yg,children:(0,s.jsx)(fg,{})})]})},wg="BoxReflect_container__tvM++",jg="BoxReflect_content__EsvIF",bg="BoxReflect_btn1__o02O4",_g="BoxReflect_btn2__lOp24",Dg=function(){return(0,s.jsxs)("div",{className:wg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.borderRotation"}),(0,s.jsxs)("div",{className:jg,children:[(0,s.jsx)("div",{className:bg,children:"Reflect"}),(0,s.jsx)("div",{className:_g,children:"Reflect"})]})]})},Mg="TextAnimation_container__8odlg",kg=function(){return(0,s.jsxs)("div",{className:Mg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.luminousText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},Ng="TextSearchlight_container__r14vK",Eg=function(){return(0,s.jsxs)("div",{className:Ng,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.searchlightText"}),(0,s.jsx)("p",{"data-text":"♠ CSS Animation ♣",children:"♠ CSS Animation ♣"})]})},Cg="DisplayTextInSmoke_container__KVlpC",Sg="DisplayTextInSmoke_span1__fItNw",Pg="DisplayTextInSmoke_span2__GUMXn",Bg="DisplayTextInSmoke_btn__CvDup",Ig=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Cg,children:[(0,s.jsx)("video",{muted:!0,autoPlay:!0,preload:"true","x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",ref:e,children:(0,s.jsx)("source",{src:"public/smoke.mp4"})}),(0,s.jsxs)("p",{ref:t,children:[(0,s.jsx)("span",{className:Sg,children:"H"}),(0,s.jsx)("span",{className:Sg,children:"E"}),(0,s.jsx)("span",{className:Sg,children:"L"}),(0,s.jsx)("span",{className:Sg,children:"L"}),(0,s.jsx)("span",{className:Sg,children:"O"}),(0,s.jsx)("span",{className:Sg,children:"W"}),(0,s.jsx)("span",{className:Sg,children:"O"}),(0,s.jsx)("span",{className:Sg,children:"R"}),(0,s.jsx)("span",{className:Sg,children:"L"}),(0,s.jsx)("span",{className:Sg,children:"D"})]}),(0,s.jsx)(oe.Z,{type:"primary",className:Bg,onClick:function(){var n;t.current&&Array.prototype.forEach.call(t.current.children,(function(e){var t=Sg;e.className===Sg&&(t=Pg),e.className=t})),null===(n=e.current)||void 0===n||n.load()},children:"Once Again"})]})},Tg="PlayVideoInText_container__+hh77",Rg=function(){return(0,s.jsxs)("div",{className:Tg,children:[(0,s.jsx)("video",{muted:!0,autoPlay:!0,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",children:(0,s.jsx)("source",{src:"public/vista.mp4"})}),(0,s.jsx)("p",{children:"River"})]})},Fg="WaveFont_container__ccIq3",Og="WaveFont_firstText__Obiyz",Zg="WaveFont_lastText__7tpdD",Gg=function(){return(0,s.jsxs)("div",{className:Fg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.wavyText"}),(0,s.jsx)("h2",{className:Og,children:"River"}),(0,s.jsx)("h2",{className:Zg,children:"River"})]})};function Qg(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Lg(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qg(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qg(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var zg=function(e){return(0,s.jsxs)("svg",Lg(Lg({xmlns:"http://www.w3.org/2000/svg",width:"1em",height:"1em",viewBox:"0 0 188 70",fill:"none",role:"img"},e),{},{children:[(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"M21.64 67.18c-1.76-.41-3.48-1-5.17-1.78-1.66-.76-3.25-1.68-4.76-2.77a29.028 29.028 0 0 1-4.13-3.62l-.77-.8L0 66.13l.63.66c1.63 1.71 3.41 3.25 5.34 4.6 1.96 1.38 4.04 2.55 6.24 3.5 2.26.98 4.6 1.73 7.03 2.23 2.51.52 5.08.78 7.71.78 3.85 0 7.41-.56 10.67-1.67 3.14-1.08 5.86-2.62 8.17-4.62 2.27-1.98 4.02-4.3 5.23-6.95 1.22-2.67 1.83-5.52 1.83-8.56 0-2.75-.41-5.25-1.23-7.48-.76-2.09-1.89-3.99-3.38-5.68-1.34-1.52-3.01-2.92-5.01-4.19-1.69-1.08-3.71-2.14-6.08-3.17l-10.4-4.5h-.02v-.01h-.02l-.01-.01h-.02v-.01h-.01l-.02-.01c-.95-.4-1.66-.7-2.14-.91-.78-.35-1.48-.67-2.09-.98-1.51-.75-2.74-1.52-3.72-2.31-1.14-.92-1.99-1.92-2.57-3.01-.66-1.22-.98-2.6-.98-4.13 0-1.45.29-2.77.87-3.96.57-1.16 1.39-2.15 2.48-2.98 1.1-.86 2.43-1.51 3.99-1.96 1.61-.47 3.4-.7 5.36-.7 3.14 0 6.08.58 8.82 1.75 2.53 1.07 4.93 2.67 7.2 4.78l.78.73 6.03-7.42-.61-.63a29.29 29.29 0 0 0-4.44-3.77 30.945 30.945 0 0 0-5.28-2.94c-1.93-.84-3.92-1.48-5.98-1.92C32.22.23 30.05 0 27.85 0c-3.39 0-6.57.5-9.54 1.49-2.91.98-5.46 2.38-7.64 4.21-2.2 1.84-3.9 3.99-5.08 6.47-1.23 2.55-1.84 5.3-1.84 8.23 0 5.08 1.72 9.41 5.18 13.02 1.38 1.44 3.05 2.77 5 3.97 1.56.97 3.34 1.88 5.33 2.73l10.49 4.6c1.11.49 1.95.87 2.52 1.13.88.41 1.64.78 2.29 1.12 1.54.81 2.78 1.63 3.7 2.44 1.05.92 1.83 1.95 2.34 3.08.57 1.26.85 2.73.85 4.41 0 1.62-.32 3.1-.95 4.43-.62 1.31-1.53 2.45-2.73 3.4-1.24.98-2.74 1.73-4.51 2.25-1.85.55-3.92.82-6.21.82-1.8 0-3.6-.21-5.41-.62ZM6.85 59.7l-.66.76-4.84 5.64c6.3 6.6 15.2 10.8 25.6 10.8 15.3 0 24.9-9.2 24.9-20.8 0-10.9-6.6-15.9-15.1-19.6L26.35 32c-5.7-2.4-12.2-5.1-12.2-12.3 0-6.5 5.4-10.6 13.7-10.6 6.43 0 11.61 2.32 15.96 6.13.25.22.49.44.74.67l.63-.78L49.35 10c-5.1-5.3-12.8-9-21.5-9-13.3 0-23.1 8.1-23.1 19.4 0 10.7 8.1 15.9 14.9 18.8l10.5 4.6c7 3.1 12.3 5.5 12.3 13.1 0 7.1-5.7 11.9-15.4 11.9-7.27 0-14.35-3.29-19.5-8.38-.24-.24-.47-.48-.7-.72Z"}),(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"m1.37 1 .32 1 23.08 72.3h10.7L58.45 2l.32-1h-9.4l-11.8 39.7c-2.4 8.26-4.16 15.04-6.77 23.18-.1.29-.19.59-.29.88-.01.05-.03.09-.04.14h-.4c-.02-.05-.03-.1-.05-.14-.09-.3-.18-.59-.27-.88-2.53-8.14-4.38-14.92-6.78-23.18L11.07 1h-9.7Zm10.44-1H0l24.04 75.3H36.2L60.14 0H48.62L36.61 40.42c-.52 1.79-1.25 4.36-2.19 7.69a805.23 805.23 0 0 1-2.31 8.07c-.61 2.1-1.22 4.11-1.83 6.03-.61-1.99-1.24-4.07-1.87-6.24-.55-1.85-1.34-4.62-2.39-8.29-.91-3.15-1.6-5.57-2.09-7.26L11.81 0Z"}),(0,s.jsx)("path",{style:{stroke:"#fff",strokeWidth:1,strokeOpacity:1,strokeDasharray:"0 0"},d:"M33.6 0C14.2 0 0 14.3 0 38c0 23.8 13.8 37.9 33.1 37.9 9.8 0 17.9-3.6 22.6-8.5V36.6H31.6v7.7h15.6v19.2c-2.9 2.7-8 4.3-13.2 4.3-15.7 0-24.5-11.6-24.5-30.1 0-18.3 9.6-29.6 24.4-29.6 7.3 0 12.1 3.1 15.8 6.9l5-6c-4.2-4.4-10.9-9-21.1-9Z"})]}))},Hg="TextOutlineAnimation1_container__LXia5",Vg="TextOutlineAnimation1_content__0SfPo",Ug=function(){var e=(0,r.useRef)(null);return(0,s.jsxs)("div",{className:Hg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineDisplay"}),(0,s.jsx)("div",{className:Vg,ref:e,children:(0,s.jsx)(zg,{})})]})},Wg="TextOutlineAnimation2_container__3DnKq",Yg="TextOutlineAnimation2_content__xpQH3",Jg="TextOutlineAnimation2_text__VwJlP",qg=function(){return(0,s.jsxs)("div",{className:Wg,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.textLineLoop"}),(0,s.jsx)("div",{className:Yg,children:(0,s.jsxs)("svg",{children:[(0,s.jsx)("symbol",{id:"text",children:(0,s.jsx)("text",{textAnchor:"middle",x:"50%",y:"80%",children:"SVG"})}),(0,s.jsx)("use",{xlinkHref:"#text",className:Jg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Jg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Jg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Jg}),(0,s.jsx)("use",{xlinkHref:"#text",className:Jg})]})})]})},Kg={container:"MobiusBand1_container__2Mp+7",content:"MobiusBand1_content__yJ9nb",roll:"MobiusBand1_roll__HjwWS",leftBottom:"MobiusBand1_leftBottom__hBdke",rightTop:"MobiusBand1_rightTop__kr3vO",rightBottom:"MobiusBand1_rightBottom__EmzfR"},Xg=function(){return(0,s.jsxs)("div",{className:Kg.container,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar"}),(0,s.jsxs)("div",{className:Kg.content,children:[(0,s.jsx)("div",{className:Kg.leftTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Kg.leftBottom,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Kg.rightTop,children:(0,s.jsx)("div",{})}),(0,s.jsx)("div",{className:Kg.rightBottom,children:(0,s.jsx)("div",{})})]})]})},$g={container:"MobiusBand2_container__8f4BB",content:"MobiusBand2_content__nNOHn",changeColor:"MobiusBand2_changeColor__Mykzf",circle:"MobiusBand2_circle__jpMzE",span0:"MobiusBand2_span0__voOYX",animate:"MobiusBand2_animate__Wogmo",span1:"MobiusBand2_span1__vuoU-",span2:"MobiusBand2_span2__nG6rW",span3:"MobiusBand2_span3__-dsS9",span4:"MobiusBand2_span4__j83QL",span5:"MobiusBand2_span5__WB4+J",span6:"MobiusBand2_span6__Gwjmh",span7:"MobiusBand2_span7__xzB3C",span8:"MobiusBand2_span8__GWlgT",span9:"MobiusBand2_span9__yo7Mb",span10:"MobiusBand2_span10__6RIFq",span11:"MobiusBand2_span11__60Mpf",span12:"MobiusBand2_span12__GLJMi",span13:"MobiusBand2_span13__j6mqa",span14:"MobiusBand2_span14__J-WJ9",span15:"MobiusBand2_span15__11fjh",span16:"MobiusBand2_span16__DdXWO",span17:"MobiusBand2_span17__e9oID",span18:"MobiusBand2_span18__wufSN",span19:"MobiusBand2_span19__qXh0M"},eh=new Array(20).fill(0),th=function(){return(0,s.jsxs)("div",{className:$g.container,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots"}),(0,s.jsxs)("div",{className:$g.content,children:[(0,s.jsx)("div",{className:$g.circle,children:eh.map((function(e,t){return(0,s.jsx)("span",{className:$g["span".concat(t)]},t)}))}),(0,s.jsx)("div",{className:$g.circle,children:eh.map((function(e,t){return(0,s.jsx)("span",{className:$g["span".concat(t)]},t)}))})]})]})},nh="TankShaking_container__Yt0wf",rh="TankShaking_content__eoRFC",ih="TankShaking_bottle__mqc+0",ah="TankShaking_water__5TJXp",oh="TankShaking_bottleBottom__gAvg8",sh=function(){return(0,s.jsxs)("div",{className:nh,children:[(0,s.jsx)(Or,{intlTitle:"page.cssDynamicEffect.richDynamicEffect.tankShaking"}),(0,s.jsxs)("div",{className:rh,children:[(0,s.jsx)("div",{className:ih,children:(0,s.jsx)("div",{className:ah})}),(0,s.jsx)("div",{className:oh})]})]})},ch="RichDynamicEffect_container__4zkQ2",lh="RichDynamicEffect_box__0T4jz",uh="RichDynamicEffect_multipleColumnsBox__Mp4HK",dh=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsxs)("div",{className:ch,children:[(0,s.jsxs)("div",{className:uh,children:[(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(zf,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Yf,{})})]}),(0,s.jsxs)("div",{className:uh,children:[(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(tg,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Ag,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Dg,{})})]}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(kg,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Eg,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Ig,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Rr,{data:Tr[3]})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Rg,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Gg,{})}),(0,s.jsxs)("div",{className:uh,children:[(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Ug,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(qg,{})})]}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Rr,{data:Tr[4]})}),(0,s.jsxs)("div",{className:uh,children:[(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(Xg,{})}),(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(th,{})})]}),(0,s.jsx)("div",{className:uh,children:(0,s.jsx)("div",{className:lh,children:(0,s.jsx)(sh,{})})})]})},mh=n(27892),fh=n(35697),gh="GenerateRegularPolygon_container__kR2Bt",hh="GenerateRegularPolygon_content__K97IB",ph="GenerateRegularPolygon_box__8cyD7",vh="GenerateRegularPolygon_graph__hpKYh",xh="GenerateRegularPolygon_bottom__DyaAC",yh="GenerateRegularPolygon_row__bg92v",Ah="GenerateRegularPolygon_label__Y0wuX",wh="GenerateRegularPolygon_codeBox__-P4RP",jh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(3),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useState)(0),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useState)(""),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=function(e){c(e||3)},y=function(e){m(e||0)};return(0,r.useEffect)((function(){if(t.current){for(var e="",n=0;n<a;n++){var r=d/180*Math.PI,i=(50+50*Math.cos(2*Math.PI*n/a+r)).toFixed(2),o=(50+50*Math.sin(2*Math.PI*n/a+r)).toFixed(2);e+="".concat(i,"% ").concat(o,"%, ")}e=e.slice(0,-2),t.current.style.setProperty("--points",e),v(e)}}),[a,d]),(0,s.jsx)("div",{className:gh,children:(0,s.jsxs)("div",{className:hh,children:[(0,s.jsx)("div",{className:ph,children:(0,s.jsx)("div",{className:vh,ref:t})}),(0,s.jsxs)("div",{className:xh,children:[(0,s.jsxs)("div",{className:yh,children:[(0,s.jsxs)("span",{className:Ah,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.numberOfSides"}),":"]}),(0,s.jsx)(mh.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:3,max:20,step:1,value:a,onChange:x}),(0,s.jsx)(fh.Z,{style:{width:"80px"},min:3,max:20,precision:0,value:a,onChange:x})]}),(0,s.jsxs)("div",{className:yh,children:[(0,s.jsxs)("span",{className:Ah,children:[e.formatMessage({id:"page.cssDynamicEffect.generateRegularPolygon.rotation"}),":"]}),(0,s.jsx)(mh.Z,{style:{display:"flex",flex:1,marginLeft:"10px",marginRight:"16px"},min:0,max:360,step:1,value:d,onChange:y}),(0,s.jsx)(fh.Z,{style:{width:"80px"},min:0,max:360,precision:0,value:d,onChange:y})]}),(0,s.jsxs)("div",{className:wh,children:[(0,s.jsx)("span",{children:".box {"}),(0,s.jsxs)("span",{children:["    width:"," ",t.current?t.current.clientWidth:0,"px;"]}),(0,s.jsxs)("span",{children:["    height:"," ",t.current?t.current.clientWidth:0,"px;"]}),(0,s.jsx)("span",{children:"    background: linear-gradient(135deg, #112437, #1d3450, #29588a, #116d6e, #5c8984, #47a992) fixed;"}),(0,s.jsxs)("span",{children:["    clip-path: polygon(",p,");"]}),(0,s.jsx)("span",{children:"}"})]})]})]})})},bh=n(10737),_h=n.n(bh);function Dh(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Mh(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Mh(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw a}}}}function Mh(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var kh,Nh,Eh=200,Ch=260,Sh=16,Ph=!1,Bh=Math.floor(100),Ih=[{id:"sphereCollisionExample1",globuleList:[{initX:Bh,initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Bh,initY:80,vx:0,vy:1,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample2",globuleList:[{initX:Bh,initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Bh,initY:244,vx:0,vy:-2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample3",globuleList:[{initX:Math.floor(Bh-8),initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Math.floor(Bh+8),initY:80,vx:0,vy:1,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample4",globuleList:[{initX:Math.floor(Bh-8),initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Math.floor(Bh+8),initY:244,vx:0,vy:-2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample5",globuleList:[{initX:Math.floor(Bh-Sh),initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Math.floor(Bh-Sh)+32,initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample6",globuleList:[{initX:Math.floor(Bh-Sh),initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Math.floor(Bh-Sh)+32,initY:Sh,vx:0,vy:1,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample7",globuleList:[{initX:32,initY:Sh,vx:1.6,vy:3.2,radius:Sh,perfectlyElasticCollision:Ph},{initX:80,initY:64,vx:1,vy:2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample8",globuleList:[{initX:Sh,initY:Sh,vx:1,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:128,initY:304,vx:-1,vy:-2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample9",globuleList:[{initX:Sh,initY:Sh,vx:1,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:160,initY:320,vx:-1,vy:-2,radius:Sh,perfectlyElasticCollision:Ph}]},{id:"sphereCollisionExample10",globuleList:[{initX:Bh,initY:Sh,vx:0,vy:2,radius:Sh,perfectlyElasticCollision:Ph},{initX:Bh,initY:150,vx:0,vy:0,radius:Sh,perfectlyElasticCollision:Ph}]}],Th=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useRef)([]),u=function(e){var t=e.ctx;t.clearRect(0,0,Eh,Ch),t.beginPath(),t.fillStyle="#111",t.fillRect(0,0,Eh,Ch)};return(0,r.useEffect)((function(){return a&&(l.current=Ih.map((function(e){var t=document.getElementById(e.id);if(t){t.width=Eh,t.height=Ch;var n=t.getContext("2d"),r=new(_h())(n,t,e.globuleList,{beforeDrawGlobules:u});return r.start(),r}return null}))),function(){if(l.current&&l.current.length>0){var e,t=Dh(l.current);try{for(t.s();!(e=t.n()).done;){var n=e.value;n&&n.stop()}}catch(e){t.e(e)}finally{t.f()}}}}),[a]),(0,r.useEffect)((function(){c(!0)}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",minWidth:"1200px",minHeight:"550px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},ref:t,children:[(0,s.jsx)(Or,{intlTitle:"page.canvasDynamicEffect.sphereCollisionExample"}),a&&Ih.map((function(n,r){if(!t.current)return null;var i,a=Math.ceil(Ih.length/5),o=Math.floor(r/5),c=r%5,l=0,u=t.current,d=u.clientWidth,m=u.clientHeight,f=Math.floor((m-30-a*Ch)/(a+1));if(o>=a-1){var g=Ih.length%5;0===g&&(g=5);var h=Math.floor((d-g*Eh)/(g+1));l=h+(Eh+h)*c}else{var p=Math.floor((d-1e3)/6);l=p+(Eh+p)*c}return i=30+f+(Ch+f)*o,(0,s.jsx)("canvas",{id:n.id,style:{position:"absolute",top:"".concat(i,"px"),left:"".concat(l,"px")},children:e.formatMessage({id:"common.browserTooLow"})},n.id)}))]})},Rh=400,Fh=200,Oh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=function(e){e.clearRect(0,0,Rh,Rh);var t=new Date,n=t.getHours(),r=t.getMinutes(),i=t.getSeconds();!function(e){e.save(),e.translate(Fh,Fh),e.lineWidth=20,e.beginPath(),e.arc(0,0,Fh-e.lineWidth/2,0,2*Math.PI),e.stroke(),e.beginPath(),e.arc(0,0,Fh-e.lineWidth,0,2*Math.PI),e.fillStyle="#ffffff",e.fill(),e.font="36px Arial",e.textAlign="center",e.textBaseline="middle",[3,4,5,6,7,8,9,10,11,12,1,2].forEach((function(t,n){var r=2*Math.PI/12*n,i=140*Math.cos(r),a=140*Math.sin(r);e.fillStyle="#000000",e.fillText(t.toString(),i,a)}));for(var t=0;t<60;t++){var n=2*Math.PI/60*t,r=164*Math.cos(n),i=164*Math.sin(n);e.beginPath(),e.fillStyle=t%5==0?"#000":"#ccc",e.arc(r,i,4,0,2*Math.PI),e.fill()}}(e),function(e,t,n){e.save(),e.beginPath();var r=2*Math.PI/12*t,i=2*Math.PI/12/60*n;e.rotate(r+i),e.lineWidth=12,e.lineCap="round",e.moveTo(0,20),e.lineTo(0,-100),e.stroke(),e.restore()}(e,n,r),function(e,t){e.save();var n=2*Math.PI/60*t;e.rotate(n),e.lineWidth=6,e.lineCap="round",e.beginPath(),e.moveTo(0,20),e.lineTo(0,-140),e.stroke(),e.restore()}(e,r),function(e,t){e.save();var n=2*Math.PI/60*t;e.rotate(n),e.fillStyle="#c14543",e.beginPath(),e.moveTo(-4,40),e.lineTo(4,40),e.lineTo(1,-164),e.lineTo(-1,-164),e.fill(),e.restore()}(e,i),function(e){e.fillStyle="#fff",e.beginPath(),e.arc(0,0,6,0,2*Math.PI),e.fill()}(e),e.restore()};return(0,r.useEffect)((function(){var e=0;if(t.current){var r=t.current;r.width=Rh,r.height=400;var i=r.getContext("2d");n(i),e=window.setInterval((function(){n(i)}),1e3)}return function(){e&&clearInterval(e)}}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},children:[(0,s.jsx)(Or,{intlTitle:"page.canvasDynamicEffect.dynamicClock"}),(0,s.jsx)("canvas",{ref:t,children:e.formatMessage({id:"common.browserTooLow"})})]})},Zh=504,Gh=540,Qh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,Zh,Gh),t.beginPath(),t.fillStyle="black",t.fillRect(0,0,Zh,Gh)},a=function(e){var t=e.ctx,n=e.x,r=e.y,i=e.radius;t.save(),t.beginPath(),t.arc(n,r,i,0,2*Math.PI),t.fillStyle="#fff",t.fill(),t.clip(),t.font="bold 150px Arial",t.textAlign="center",t.textBaseline="middle",t.fillStyle="#058",t.fillText("CANVAS",252,135),t.fillText("CANVAS",252,270),t.fillText("CANVAS",252,405),t.restore()};return(0,r.useEffect)((function(){var e=document.getElementById("searchlightCanvas");if(e){e.width=Zh,e.height=Gh;var r=e.getContext("2d"),o=new(_h())(r,e,[{initX:400,initY:400,vx:6,vy:3,radius:80,afterDrawGlobule:a}],{beforeDrawGlobules:i});t.current=o,o.start()}var s=document.getElementById("searchlightCanvas2");if(s){s.width=Zh,s.height=Gh;var c=s.getContext("2d"),l=new(_h())(c,s,[{initX:180,initY:450,vx:-3,vy:-2,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:a},{initX:420,initY:150,vx:2,vy:4,radius:80,perfectlyElasticCollision:!0,afterDrawGlobule:a}],{beforeDrawGlobules:i});n.current=l,l.start()}return function(){var e,r;null===(e=t.current)||void 0===e||e.stop(),null===(r=n.current)||void 0===r||r.stop()}}),[]),(0,s.jsxs)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",justifyContent:"center",alignItems:"center",minWidth:"1200px",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)",position:"relative"},children:[(0,s.jsx)(Or,{intlTitle:"page.canvasDynamicEffect.searchlight"}),(0,s.jsx)("canvas",{id:"searchlightCanvas",style:{marginTop:"".concat(30,"px")},children:e.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("canvas",{id:"searchlightCanvas2",style:{marginLeft:"50px",marginTop:"".concat(30,"px")},children:e.formatMessage({id:"common.browserTooLow"})})]})},Lh=n.p+"images/ae67d7f8.png",zh=0,Hh=0,Vh=80,Uh=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,zh,Hh),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,zh,Hh)},a=function(e){var t=e.ctx,n=e.id,r=e.x,i=e.y;t.font="bold ".concat(40,"px Georgia"),t.fillStyle="#E76F5A",t.fillText(n,r-20+8,i+20-10)};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;zh=r,Hh=o}else zh=600,Hh=600;return function(){var e=document.getElementById("globuleInteractionCanvas");if(e){e.width=zh,e.height=Hh;for(var t=e.getContext("2d"),r=[],o=Math.ceil(2),s=(zh-640-102)/2+Vh,c=s,l=(Hh-2*o*Vh-50*(o-1))/2+Vh,u=0;u<8;u++){var d={id:(u+1).toString(),initX:c,initY:l,radius:Vh,color:"transparent",isPureColor:!0,bgImg:Lh,moveLossV:.02,gDirection:"toInit",gCoefficient:.002,requiredMouseInteraction:!0,maxMouseOutForce:25,maxMoveV:null,afterDrawGlobule:a};r.push(d),(u+1)%4==0?(c=s,l+=210):c+=194}var m=new(_h())(t,e,r,{monitorMousePos:!0,beforeDrawGlobules:i});n.current=m,m.start()}}(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"globuleInteractionCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},Wh=n(71002),Yh={container:"KillPlanetGame_container__vvfOM",startBtn:"KillPlanetGame_startBtn__FPFMD",continueBtn:"KillPlanetGame_continueBtn__5B77g",restartBtn:"KillPlanetGame_restartBtn__fkzEb",gamepause:"KillPlanetGame_gamepause__zAhE9",gameover:"KillPlanetGame_gameover__UP574",scoreBox:"KillPlanetGame_scoreBox__6Sndm",pauseBtn:"KillPlanetGame_pauseBtn__WWb15"},Jh=2.5,qh=0,Kh=0,Xh=0,$h=0;!function(e){e[e.toPlay=0]="toPlay",e[e.playing=1]="playing",e[e.pause=2]="pause",e[e.gameover=3]="gameover"}(kh||(kh={})),function(e){e[e.player=0]="player",e[e.bullet=1]="bullet",e[e.planet=2]="planet",e[e.particle=3]="particle"}(Nh||(Nh={}));var ep=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useState)(kh.toPlay),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=(0,r.useRef)(kh.toPlay),f=(0,r.useState)(0),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=function(e){e.fillStyle="rgba(0, 0, 0, .2)",e.fillRect(0,0,qh,Kh)},y=function(e){var t=e.ctx;x(t)},A=function(e){var t=e.globuleList.filter((function(e){var t=e.id,n=e.alpha,r=e.x,i=e.y,a=e.radius;return(t.role!==Nh.particle||0!==n)&&(t.role!==Nh.bullet||!(r<-a||i<-a||r>qh+a||i>Kh+a))}));e.updateGlobuleList(t)},w=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(t)for(var i=0,a=r.length;i<a;i++){var o;if(r[i].id.role===Nh.planet)return null===(o=n.current)||void 0===o||o.stop(),d(kh.gameover),void(m.current=kh.gameover)}},j=function(e){var t=e.inCollisionGlobule,r=e.inCollisionGlobuleList;if(n.current&&t)for(var i=function(t,i){var a=r[t],o=a.id,s=a.x,c=a.y,l=a.vx,u=a.vy,d=a.radius,m=a.color;if(o.role===Nh.planet){var f=!1;d-16>10?(f=!0,v(p+100)):v(p+250);var g=n.current.globuleList.filter((function(t){return t!==e&&t!==a}));if(f){var h=n.current.createGlobule({id:{role:Nh.planet},initX:s,initY:c,radius:d-16,color:m,vx:l,vy:u,receiveOutForce:!1,receiveWallForce:!1});g.unshift(h)}for(var x=0;x<8*d;x++){var y=(Math.random()-.5)*(8*Math.random()),A=(Math.random()-.5)*(8*Math.random()),w=n.current.createGlobule({id:{role:Nh.particle},initX:s,initY:c,radius:4*Math.random(),color:m,alphaChangeV:-.02,vx:y,vy:A,moveLossV:.03,receiveOutForce:!1,receiveWallForce:!1});g.unshift(w)}return n.current.updateGlobuleList(g),{v:void 0}}},a=0,o=r.length;a<o;a++){var s=i(a);if("object"===(0,Wh.Z)(s))return s.v}},b=function(){qh=0,Kh=0,Xh=0,$h=0;var e=document.getElementById("myCanvas2");if(e){if(0!==p&&v(0),Jh=2.5,!t.current)return;var r=t.current,i=r.offsetWidth,a=r.offsetHeight,o=r.offsetLeft,s=r.offsetTop;qh=i,Kh=a,Xh=o,$h=s,e.width=qh,e.height=Kh;var c=e.getContext("2d");x(c);var l=new(_h())(c,e,[{id:{role:Nh.player},initX:qh/2,initY:Kh/2,radius:20,color:"#ffffff",fixedPos:!0,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:w}],{beforeDrawGlobules:y,afterDrawGlobules:A});n.current=l}};(0,r.useEffect)((function(){return b(),function(){var e;null===(e=n.current)||void 0===e||e.stop(),i.current&&clearInterval(i.current),a.current&&clearInterval(a.current)}}),[]);return(0,s.jsxs)("div",{className:Yh.container,ref:t,onMouseDown:function(e){if(u===kh.playing&&n.current){var t=Math.atan2(e.clientY-$h-Kh/2,e.clientX-Xh-qh/2),r=5*Math.cos(t),i=5*Math.sin(t),a=n.current.createGlobule({id:{role:Nh.bullet},initX:qh/2,initY:Kh/2,radius:5,color:"#ffffff",vx:r,vy:i,receiveWallForce:!1,receiveOutForce:!1,onlyCheckCollision:!0,afterCalculateNextFrameGlobule:j});n.current.globuleList.unshift(a)}},style:{backgroundColor:[kh.toPlay].includes(u)?"#000":"transparent"},children:[(0,s.jsx)("canvas",{id:"myCanvas2",children:e.formatMessage({id:"common.browserTooLow"})}),u===kh.toPlay&&(0,s.jsx)("button",{className:Yh.startBtn,onClick:function(){d(kh.playing),m.current=kh.playing,n.current&&(n.current.start(),i.current&&(clearInterval(i.current),i.current=0),i.current=window.setInterval((function(){if(m.current===kh.playing&&n.current){var e,t,r=20*Math.random()+15,i="hsl(".concat(360*Math.random(),", 50%, 50%)");Math.random()<.5?(e=Math.random()<.5?0-r:qh+r,t=Math.random()*Kh+r):(e=Math.random()*qh+r,t=Math.random()<.5?0-r:Kh+r);var a=Math.atan2(Kh/2-t,qh/2-e),o=Math.cos(a)*Jh,s=Math.sin(a)*Jh,c=n.current.createGlobule({id:{role:Nh.planet},initX:e,initY:t,radius:r,color:i,vx:o,vy:s,receiveOutForce:!1,receiveWallForce:!1});n.current.globuleList.unshift(c)}}),1500),a.current&&(clearInterval(a.current),a.current=0),a.current=window.setInterval((function(){Jh+=1}),2e4))},children:e.formatMessage({id:"page.canvasDynamicEffect.startGame"})}),u!==kh.toPlay&&(0,s.jsxs)("div",{className:Yh.scoreBox,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"："]}),(0,s.jsx)("span",{className:Yh.score,children:p})]}),[kh.playing,kh.pause].includes(u)&&(0,s.jsx)("div",{className:Yh.pauseBtn,onClick:function(){var e;u===kh.playing&&(d(kh.pause),m.current=kh.pause,null===(e=n.current)||void 0===e||e.stop())},children:e.formatMessage({id:"page.canvasDynamicEffect.pause"})}),u===kh.pause&&(0,s.jsxs)("div",{className:Yh.gamepause,children:[(0,s.jsx)("h1",{children:e.formatMessage({id:"page.canvasDynamicEffect.gameHasPaused"})}),(0,s.jsx)("button",{className:Yh.continueBtn,onClick:function(){var e;d(kh.playing),m.current=kh.playing,null===(e=n.current)||void 0===e||e.start()},children:e.formatMessage({id:"page.canvasDynamicEffect.continueTheGame"})})]}),u===kh.gameover&&(0,s.jsxs)("div",{className:Yh.gameover,children:[(0,s.jsxs)("h1",{children:[e.formatMessage({id:"page.canvasDynamicEffect.score"}),"：",(0,s.jsx)("span",{className:Yh.finallyScore,children:p})]}),(0,s.jsx)("button",{className:Yh.restartBtn,onClick:function(){d(kh.toPlay),m.current=kh.toPlay,b()},children:e.formatMessage({id:"page.canvasDynamicEffect.restart"})})]})]})},tp=n.p+"images/c00b0a45.png",np=n.p+"images/70820c21.png",rp=n.p+"images/99bcc282.png",ip=n.p+"images/f82dcd2c.png",ap=0,op=0,sp=[{radius:14,gDirection:"toBottom",gCoefficient:.2,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:ip},{radius:26,gDirection:"toBottom",gCoefficient:.3,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:rp},{radius:60,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:tp},{radius:54,gDirection:"toBottom",gCoefficient:.25,moveLossV:.006,requiredMouseInteraction:!0,mouseInteractionBehavior:"drag",bgImg:np}],cp=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=function(e){var t=e.ctx;t.clearRect(0,0,ap,op),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,ap,op)},a=function(e,t){var n=t.mouseDownPos,r=t.globuleList;if(!(t.mouseInGlobuleList.length>0)){var i=Math.floor(Math.random()*sp.length),a=Object.assign({},sp[i],{initX:n.mouseX,initY:n.mouseY}),o=t.createGlobule(a),s=[].concat((0,Wc.Z)(r),[o]);t.updateGlobuleList(s)}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;ap=r,op=o}else ap=600,op=600;return function(){var e=document.getElementById("myCanvas");if(e){e.width=ap,e.height=op;var t=e.getContext("2d"),r=new(_h())(t,e,[],{monitorMousePos:!0,beforeDrawGlobules:i,onMouseDownCanvas:a});n.current=r,r.start()}}(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"myCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},lp=[[[0,0,1,1,1,0,0],[0,1,1,0,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,0,1,1,0],[0,0,1,1,1,0,0]],[[0,0,0,1,1,0,0],[0,1,1,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[1,1,1,1,1,1,1]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,0,0,1,1],[1,1,1,1,1,1,1]],[[1,1,1,1,1,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,1,1,1,0,0],[0,0,0,0,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,0,1,1,1,0],[0,0,1,1,1,1,0],[0,1,1,0,1,1,0],[1,1,0,0,1,1,0],[1,1,1,1,1,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,1,1]],[[1,1,1,1,1,1,1],[1,1,0,0,0,0,0],[1,1,0,0,0,0,0],[1,1,1,1,1,1,0],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,0,0,0,1,1,0],[0,0,1,1,0,0,0],[0,1,1,0,0,0,0],[1,1,0,0,0,0,0],[1,1,0,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[1,1,1,1,1,1,1],[1,1,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,0,0,1,1,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0],[0,0,1,1,0,0,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,1,1,0]],[[0,1,1,1,1,1,0],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[1,1,0,0,0,1,1],[0,1,1,1,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,0,1,1],[0,0,0,0,1,1,0],[0,0,0,1,1,0,0],[0,1,1,0,0,0,0]],[[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0],[0,1,1,0],[0,1,1,0],[0,0,0,0],[0,0,0,0]]],up=0,dp=0,mp=8,fp=60,gp=30,hp=0,pp=0,vp=0,xp=0,yp=["#33B5E5","#0099CC","#AA66CC","#9933CC","#99CC00","#669900","#FFBB33","#FF8800","#FF4444","#CC0000"],Ap=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=new Date;i.setTime(i.getTime()+36e5);var a=(0,r.useRef)(i),o=function(){var e,t=new Date,n=Math.round(((null===(e=a.current)||void 0===e?void 0:e.getTime())-t.getTime())/1e3);return n>=0?n:0},c=function(e,t,n){for(var r=[],i=0,a=lp[n].length;i<a;i++)for(var o=0,s=lp[n][i].length;o<s;o++){var c={initX:e+2*o*(mp+1)+(mp+1),initY:t+2*i*(mp+1)+(mp+1),radius:mp,color:"rgb(0,102,153)",isPureColor:!0,alpha:lp[n][i][o],fixedPos:!0,receiveOutForce:!1};r.push(c)}return r},l=function(e,t){if(n.current)for(var r=n.current.globuleList,i=e,a=0,o=lp[t].length;a<o;a++)for(var s=0,c=lp[t][a].length;s<c;s++)r[i].alpha=lp[t][a][s],i++},u=function(e,t,r){if(n.current)for(var i=n.current.globuleList,a=0,o=lp[r].length;a<o;a++)for(var s=0,c=lp[r][a].length;s<c;s++)if(1===lp[r][a][s]){var l={id:{hadCollisionWall:!1,vx:0},initX:e+2*s*(mp+1)+(mp+1),initY:t+2*a*(mp+1)+(mp+1),vx:0,vy:-2,radius:mp,color:yp[Math.floor(Math.random()*yp.length)],receiveOutForce:!1,resistanceWallDirection:["bottom","top"],gDirection:"toBottom",gCoefficient:.3+.02*Math.random(),collisionLossV:5,moveLossV:.08},u=n.current.createGlobule(l);i.push(u)}},d=function(e){var t=e.ctx;t.clearRect(0,0,up,dp),t.beginPath(),t.fillStyle="#111111",t.fillRect(0,0,up,dp),function(){var e=o(),t=Math.floor(e/3600),n=Math.floor((e-3600*t)/60),r=e%60,i=Math.floor(hp/3600),a=Math.floor((hp-3600*i)/60),s=hp%60;if(r!=s){var c=0,d=Math.floor(t/10);Math.floor(i/10)!=Math.floor(t/10)&&(l(c,d),u(gp,fp,d)),c+=pp;var m=Math.floor(t%10);Math.floor(i%10)!=m&&(l(c,m),u(gp+15*(mp+1),fp,m)),c+=pp+vp;var f=Math.floor(n/10);Math.floor(a/10)!=f&&(l(c,f),u(gp+39*(mp+1),fp,f)),c+=pp;var g=Math.floor(n%10);Math.floor(a%10)!=g&&(l(c,g),u(gp+54*(mp+1),fp,g)),c+=pp+vp;var h=Math.floor(r/10);Math.floor(s/10)!=h&&(l(c,h),u(gp+78*(mp+1),fp,h)),c+=pp;var p=Math.floor(r%10);Math.floor(s%10)!=p&&(l(c,p),u(gp+93*(mp+1),fp,p)),hp=e}}()},m=function(e){var t=e.globuleList.filter((function(e,t){var n=e.id,r=e.x,i=e.radius,a=e.inCollisionWall;if(t>=xp){if(!a||null!=n&&n.hadCollisionWall)null!=n&&n.vx&&(e.vx=n.vx);else{var o=1.5*Math.pow(-1,Math.ceil(10*Math.random()));e.vx=o,e.id={hadCollisionWall:!0,vx:o}}if(r<=-i||r>=up+i)return!1}return!0}));e.updateGlobuleList(t)},f=function(){var e=document.getElementById("myCanvas");if(e){e.width=up,e.height=dp;var t=e.getContext("2d");hp=o();var r=function(){var e=[],t=Math.floor(hp/3600),n=Math.floor((hp-3600*t)/60),r=hp%60,i=c(gp,fp,Math.floor(t/10));e=e.concat(i),pp=i.length;var a=c(gp+15*(mp+1),fp,Math.floor(t%10));e=e.concat(a);var o=c(gp+30*(mp+1),fp,10);e=e.concat(o),vp=o.length;var s=c(gp+39*(mp+1),fp,Math.floor(n/10));e=e.concat(s);var l=c(gp+54*(mp+1),fp,Math.floor(n%10));e=e.concat(l);var u=c(gp+69*(mp+1),fp,10);e=e.concat(u);var d=c(gp+78*(mp+1),fp,Math.floor(r/10));e=e.concat(d);var m=c(gp+93*(mp+1),fp,Math.floor(r%10));return e=e.concat(m),xp=e.length,e}(),i=new(_h())(t,e,r,{beforeDrawGlobules:d,afterDrawGlobules:m});n.current=i,i.start()}};return(0,r.useEffect)((function(){if(t.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;up=r,dp=i}else up=600,dp=600;return gp=Math.round(up/5),mp=Math.round(3*up/5/108)-1,fp=Math.round(dp/8),f(),function(){var e;null===(e=n.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden"},ref:t,children:(0,s.jsx)("canvas",{id:"myCanvas",children:e.formatMessage({id:"common.browserTooLow"})})})},wp=(n(87388),{particles:{number:{value:160,density:{enable:!0,value_area:800}},color:{value:"#00aeff"},shape:{type:"circle",stroke:{width:0,color:"#362cff"},polygon:{nb_sides:5},image:{src:"img/github.svg",width:100,height:100}},opacity:{value:1,random:!0,anim:{enable:!0,speed:1,opacity_min:0,sync:!0}},size:{value:3,random:!0,anim:{enable:!1,speed:4,size_min:.3,sync:!1}},line_linked:{enable:!1,distance:150,color:"#ffffff",opacity:.4,width:1},move:{enable:!0,speed:1,direction:"none",random:!0,straight:!1,out_mode:"out",bounce:!1,attract:{enable:!1,rotateX:600,rotateY:600}}},interactivity:{detect_on:"canvas",events:{onhover:{enable:!0,mode:"bubble"},onclick:{enable:!1,mode:"repulse"},resize:!0},modes:{grab:{distance:100,line_linked:{opacity:.8}},bubble:{distance:250,size:4,duration:2,opacity:1,speed:3},repulse:{distance:400,duration:.4},push:{particles_nb:4},remove:{particles_nb:2}}},retina_detect:!0}),jp=function(e){return(0,r.useEffect)((function(){particlesJS("particles-js",wp)}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",overflow:"hidden",backgroundColor:"#000000"},id:"particles-js",children:e.children})},bp=n.p+"images/a6f77ec2.png",_p=function(){function e(t){(0,Hf.Z)(this,e),this.init(t)}return(0,Vf.Z)(e,[{key:"init",value:function(e){this.boxRef=e.boxRef,this.canvas=e.canvas,this.ctx=this.canvas.getContext("2d",{willReadFrequently:!0}),this.width=this.canvas.width,this.height=this.canvas.height,this.max_amplitude=1024,this.amplitude=e.amplitude||512,this.background=e.background,this.load=!1,this.img_data=null,this.new_img_data=null,this.animation_idx=null,this.mousemove_interval=e.mousemove_interval||50,this.animation_interval=e.animation_interval||20,this.ripple_radius=e.ripple_radius||3,this.bridge=new Image,this.bridge.src=bp,e.resize&&this.setResize()}},{key:"drawBackground",value:function(){var e=this;this.background.complete&&(this.ctx.drawImage(this.background,0,0,this.width,this.height),this.img_data=this.ctx.getImageData(0,0,this.width,this.height),this.new_img_data=this.ctx.getImageData(0,0,this.width,this.height),this.buffer_1=new Array(this.width).fill(0).map((function(){return new Array(e.height).fill(0)})),this.buffer_2=new Array(this.width).fill(0).map((function(){return new Array(e.height).fill(0)})),this.load=!0)}},{key:"render",value:function(){if(this.load){for(var e=this.width,t=this.height,n=e>>1,r=t>>1,i=this.new_img_data.data.length,a=0;a<i;a+=4){var o=a>>2,s=o%e,c=(o-s)/e,l=Math.max(s-1,0),u=Math.min(s+1,e-1),d=Math.min(c+1,t-1),m=Math.max(c-1,0),f=this.buffer_1[s][d]+this.buffer_1[s][m]+this.buffer_1[u][c]+this.buffer_1[l][c];f>>=1,f-=this.buffer_2[s][c],f-=f>>5,this.buffer_2[s][c]=f;var g=(this.max_amplitude-f)/this.max_amplitude;if(0!==f){var h=((s-n)*g<<0)+n,p=((c-r)*g<<0)+r;h=Math.min(h,e-1),h=Math.max(h,0),p=Math.max(p,0);var v=(p=Math.min(p,t-1))*e+h<<2,x=this.img_data.data[v],y=this.img_data.data[v+1],A=this.img_data.data[v+2];this.new_img_data.data[a]=x,this.new_img_data.data[a+1]=y,this.new_img_data.data[a+2]=A}}this.ctx.putImageData(this.new_img_data,0,0),this.ctx.drawImage(this.bridge,0,.35*this.height,this.width,.65*this.height);var w=this.buffer_2;this.buffer_2=this.buffer_1,this.buffer_1=w}else this.drawBackground()}},{key:"animate",value:function(){var e=this,t=(new Date).getTime();!function n(){var r=(new Date).getTime();r-t>e.animation_interval&&(e.render(),t=r),e.animation_idx=requestAnimationFrame(n)}()}},{key:"throttle",value:function(e,t){var n=(new Date).getTime();return function(){var r=(new Date).getTime();r-n>=t&&(n=r,e.apply(this,arguments))}}},{key:"ripple",value:function(e,t){if(this.load)for(var n=Math.max(e-this.ripple_radius,0),r=Math.min(e+this.ripple_radius,this.buffer_1.length-1),i=Math.max(t-this.ripple_radius,0),a=Math.min(t+this.ripple_radius,this.buffer_1[0].length-1),o=n;o<r;o++)for(var s=i;s<a;s++)this.buffer_1[o][s]=this.amplitude}},{key:"addMousemove",value:function(){var e=this;this.canvas.addEventListener("mousemove",this.throttle((function(t){var n=e.canvas.getBoundingClientRect(),r=n.top,i=n.left;e.ripple(Math.floor(t.clientX-i),Math.floor(t.clientY-r))}),this.mousemove_interval))}},{key:"setResize",value:function(){var e=this;window.addEventListener("resize",(function(){var t=e.boxRef.current,n=t.offsetWidth,r=t.offsetHeight;e.canvas.width=n,e.canvas.height=r,e.width=e.canvas.width,e.height=e.canvas.height,e.load=!1}))}},{key:"stop",value:function(){cancelAnimationFrame(this.animation_idx)}},{key:"resume",value:function(){this.animate()}}]),e}(),Dp=_p,Mp=n.p+"images/cf5db1b1.png",kp=600,Np=600,Ep=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null);return(0,r.useEffect)((function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,o=e.offsetHeight;kp=r,Np=o,n.current.width=kp,n.current.height=Np;var s=new Image;s.src=Mp;var c=new Dp({canvas:n.current,background:s,boxRef:t});i.current=c,c.animate(),a.current=window.setInterval((function(){var e=Math.floor(kp*Math.random()),t=Math.floor(Np*Math.random());c.ripple(e,t)}),1e3),c.addMousemove()}return function(){var e;a.current&&clearInterval(a.current),null===(e=i.current)||void 0===e||e.stop()}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Cp=600,Sp=600,Pp=0,Bp={x:0,y:0},Ip=function(){function e(){(0,Hf.Z)(this,e),this.x=0,this.y=0,this.angle=0;var t=Math.random();this.dAngle=Math.random()>.5?t:-t,this.radius=20*Math.random()+5,this.color="hsl(".concat(Math.floor(360*Math.random()),", 70%, 60%)"),this.stop=!1}return(0,Vf.Z)(e,[{key:"reset",value:function(e,t,n){this.x=e,this.y=t,this.angle=n}},{key:"draw",value:function(e){this.stop||(this.x+=Math.cos(this.angle)*this.radius,this.y+=Math.sin(this.angle)*this.radius,e.beginPath(),e.fillStyle=this.color,e.arc(this.x,this.y,.5*this.radius,0,2*Math.PI),e.fill(),e.stroke(),this.angle+=this.dAngle,this.radius-=.4,this.radius<=0&&(this.stop=!0))}}]),e}(),Tp=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(0),o=(0,r.useRef)(Bp),c=(0,r.useRef)([]),l=function e(){if(i.current){for(var t=0,n=c.current.length;t<n;t++){c.current[t].draw(i.current)}a.current=window.requestAnimationFrame(e)}},u=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;Cp=r,Sp=i,n.current.width=Cp,n.current.height=Sp}},d=(0,r.useCallback)((function(e){if(n.current){var r=o.current.x,a=o.current.y,s=n.current.getBoundingClientRect(),l=s.top,u=s.left,d=e.clientX-u,m=e.clientY-l;o.current.x=d,o.current.y=m;var f=new Ip,g=Math.atan2(m-a,d-r);if(f.reset(d,m,g),c.current.push(f),c.current.length>200&&c.current.shift(),Pp+=1,t.current&&Pp>140)"rgb(11, 11, 11)"===(t.current.style||{}).backgroundColor&&(t.current.style.backgroundColor="transparent");i.current&&Pp%3==0&&(i.current.fillStyle="rgba(8,8,8,0.05)",i.current.fillRect(0,0,Cp,Sp))}}),[]);return(0,r.useEffect)((function(){return function(){if(Pp=0,t.current&&n.current){t.current.style.backgroundColor="rgb(11, 11, 11)",u();var e=n.current.getContext("2d");i.current=e,i.current.fillStyle="rgba(8,8,8,0.05)",i.current.fillRect(0,0,Cp,Sp)}}(),n.current&&n.current.addEventListener("mousemove",d),l(),function(){a.current&&cancelAnimationFrame(a.current),n.current&&n.current.removeEventListener("mousemove",d)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",u),function(){window.removeEventListener("resize",u)}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Rp=600,Fp=600,Op="abcdefghijklmnopqrstuvwxyz",Zp=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(0),o=(0,r.useRef)({}),c=(0,r.useRef)({}),l=(0,r.useRef)({}),u=(0,r.useRef)({}),d=function e(){if(i.current){i.current.clearRect(0,0,Rp,Fp);for(var t=0;t<Rp;t+=26){i.current.beginPath();var n=i.current.createLinearGradient(0,0,0,Fp),r=.2*Math.random(),s=.8*Math.random()+.2,d=.02*Math.random(),m=o.current,f=c.current,g=l.current,h=u.current;f[t]=f[t]||-r,g[t]=g[t]||0,m[t]=m[t]||-s,n.addColorStop(0,"#000000"),n.addColorStop(m[t]<0?0:m[t],"#000000"),n.addColorStop(f[t]<0?0:f[t],"#0ee30e"),n.addColorStop(g[t],"#000000"),n.addColorStop(1,"#000000"),i.current.fillStyle=n;for(var p=0;p<Fp;p+=26)h[t+"-"+p]=h[t+"-"+p]||Op[Math.floor(Math.random()*Op.length)],i.current.fillText(h[t+"-"+p],t,p);f[t]+=d,g[t]+=d,m[t]+=d,m[t]>1&&(m[t]=-s),f[t]>1&&(m[t]===-s?f[t]=-r:f[t]=1),g[t]>1&&(f[t]===-r&&m[t]===-s?g[t]=d:g[t]=1)}a.current=window.requestAnimationFrame(e)}},m=function(){if(t.current&&n.current){var e=t.current,r=e.offsetWidth,i=e.offsetHeight;Rp=r,Fp=i,n.current.width=Rp,n.current.height=Fp}};return(0,r.useEffect)((function(){return function(){if(t.current&&n.current){m();var e=n.current.getContext("2d");e.font="14px SourceHanSansCN-Regular",i.current=e}}(),d(),function(){a.current&&cancelAnimationFrame(a.current)}}),[]),(0,r.useEffect)((function(){return window.addEventListener("resize",m),function(){window.removeEventListener("resize",m)}}),[]),(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",display:"flex",backgroundColor:"#000"},ref:t,children:(0,s.jsx)("canvas",{ref:n,children:e.formatMessage({id:"common.browserTooLow"})})})},Gp="WordDance_container__SiRI2",Qp="WordDance_tip__Sm3-V",Lp=324,zp=570,Hp=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(0),c=function e(){if(t.current&&a.current){a.current.drawImage(t.current,0,0,Lp,zp);var n=a.current.getImageData(0,0,Lp,zp);a.current.clearRect(0,0,Lp,zp);for(var r=n.data,i=n.width,s=n.height,c=0;c<s;c++)for(var l=0;l<i;l++){var u=4*(c*i+l);if(l%6==0&&c%6==0){var d=(r[u]+r[u+1]+r[u+2])/3;a.current.fillStyle="rgb(".concat(d,", ").concat(d,", ").concat(d,")"),a.current.font="10px Arial",a.current.fillText("8",l,c)}}o.current=window.requestAnimationFrame(e)}};return(0,r.useEffect)((function(){return function(){if(n.current&&t.current&&i.current){i.current.width=Lp,i.current.height=zp;var e=i.current.getContext("2d",{willReadFrequently:!0});a.current=e,t.current.crossOrigin="anonymous"}}(),c(),function(){o.current&&cancelAnimationFrame(o.current)}}),[]),(0,s.jsxs)("div",{className:Gp,ref:n,children:[(0,s.jsx)("video",{muted:!1,autoPlay:!0,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t,children:(0,s.jsx)("source",{src:"public/dance.mp4"})}),(0,s.jsx)("canvas",{ref:i,children:e.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:Qp,children:e.formatMessage({id:"page.canvasDynamicEffect.videoIsSlowToLoad"})})]})},Vp="Scratch_container__4Y8FX",Up="Scratch_bottomText__kdpMZ",Wp=function(){var e=(0,h.Z)(),t=d(),n=t.headHeight,i=t.menuWidth,a=(0,r.useRef)(null),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(!1);return(0,r.useEffect)((function(){if(a.current&&o.current){var e=a.current,t=e.clientWidth,n=e.clientHeight;o.current.width=t,o.current.height=n,c.current=o.current.getContext("2d"),c.current&&(c.current.fillStyle="darkgray",c.current.fillRect(0,0,t,n))}}),[i]),(0,s.jsxs)("div",{className:Vp,ref:a,children:[(0,s.jsx)("div",{className:Up,children:"Visualization Collection"}),(0,s.jsx)("canvas",{onMouseDown:function(e){u.current=!0;var t=e.pageX-i,r=e.pageY-n;l.current={x:t,y:r}},onMouseMove:function(e){if(u.current&&c.current&&l.current){var t=e.pageX-i,r=e.pageY-n;c.current.beginPath(),c.current.globalCompositeOperation="destination-out",c.current.lineCap="round",c.current.moveTo(l.current.x,l.current.y),c.current.lineTo(t,r),c.current.lineWidth=60,c.current.stroke(),c.current.closePath(),l.current={x:t,y:r}}},onMouseUp:function(){u.current=!1,l.current=null},ref:o,children:e.formatMessage({id:"common.browserTooLow"})})]})},Yp="MatchLine_container__qMLJ5",Jp="MatchLine_content__Whs0H",qp="MatchLine_tools__LT5fu",Kp="MatchLine_btn__r-aM+",Xp="MatchLine_bottom__pQ5Pk",$p="MatchLine_box__2wo49",ev="MatchLine_options__yZR5i",tv="MatchLine_option__YXDOq",nv="MatchLine_active__wPYWy",rv={fruit:"🍌",animal:"🐒",car:"🚗",vegetable:"🥕"},iv=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),d=(0,r.useRef)(null),m=(0,r.useRef)({x:0,y:0}),f=(0,r.useRef)({x:0,y:0}),g=(0,r.useRef)(!1),p=(0,r.useRef)([]),v=(0,r.useRef)({}),x=(0,r.useRef)(!1),y=function(e){i.current&&o.current&&(o.current.clearRect(0,0,i.current.width,i.current.height),e.forEach((function(e){var t=e.point,n=t.x1,r=t.y1,i=t.x2,a=t.y2,s=e.isOk;o.current&&(o.current.strokeStyle="boolean"==typeof s?s?"#3CB371":"#DC143C":"#6495ED",o.current.beginPath(),o.current.moveTo(n,r),o.current.lineTo(i,a),o.current.closePath(),o.current.stroke())})))},A=(0,r.useCallback)((function(t){t.stopPropagation(),t.preventDefault(),x.current?$c.ZP.warning(e.formatMessage({id:"page.canvasDynamicEffect.pleaseReset"})):(t.target.classList.add(nv),u.current=t.target,u.current.dataset.checked="1",d.current=null,m.current.x=Number(t.target.dataset.anchorX),m.current.y=Number(t.target.dataset.anchorY),g.current=!0)}),[]),w=(0,r.useCallback)((function(e){if(e.stopPropagation(),e.preventDefault(),g.current&&n.current&&a.current){var t=e.clientX,r=e.clientY,i=n.current.getBoundingClientRect(),o=i.left,s=i.top;f.current={x:t-o,y:r-s},a.current.clearRect(0,0,n.current.width,n.current.height),a.current.beginPath(),a.current.moveTo(m.current.x,m.current.y),a.current.lineTo(f.current.x,f.current.y),a.current.closePath(),a.current.stroke();var c=document.elementFromPoint(t,r);if(c){if(u.current){var l=u.current.dataset.ownership;if(c===d.current)return;var h=c.dataset.ownership,p=c.dataset.ownership!==l,v="1"!==c.dataset.checked;h&&p&&v?(d.current=c,d.current.classList.add(nv),d.current.dataset.checked="1"):d.current&&(d.current.classList.remove(nv),d.current.dataset.checked="0",d.current=null)}}else d.current&&(d.current.classList.remove(nv),d.current.dataset.checked="0",d.current=null)}}),[]),j=(0,r.useCallback)((function(e){if(e.stopPropagation(),e.preventDefault(),g.current){if(u.current&&d.current&&"1"===u.current.dataset.checked&&"1"===d.current.dataset.checked){var t=u.current.dataset,r=t.anchorX,i=t.anchorY,o=t.ownership,s=t.value,c=d.current.dataset,l=c.anchorX,m=c.anchorY,f=c.value,h=Object.keys(v.current),x=Object.values(v.current);if(s&&(h.includes(s)||x.includes(s))){for(var A="",w="",j=0;j<h.length;j++){var b=h[j],_=x[j];if([b,_].includes(s)){A=b,w=b===s?_:b;break}}var D="[data-value=".concat(w,"]"),M=document.querySelector(D);if(M){M.dataset.checked="0",M.classList.remove(nv),delete v.current[A];var k=p.current.findIndex((function(e){return e.key===A}));k>=0&&p.current.splice(k,1)}}var N="L"===o?s:f,E="L"===o?f:s;v.current[N]=E,p.current.push({key:N,point:{x1:r,y1:i,x2:l,y2:m}}),y(p.current)}else if(u.current){var C=function(e){var t=!1;if(e){var n=Object.keys(v.current),r=Object.values(v.current);(n.includes(e)||r.includes(e))&&(t=!0)}return t}(u.current.dataset.value);C||(u.current.dataset.checked="0",u.current.classList.remove(nv))}g.current=!1,u.current=null,d.current=null,n.current&&a.current&&a.current.clearRect(0,0,n.current.width,n.current.height)}}),[]),b=function(e){e&&Array.prototype.forEach.call(e.children,(function(e){var t=e.getBoundingClientRect(),n=t.width,r=t.height,i="L"===e.dataset.ownership?e.offsetLeft+n:e.offsetLeft,a=e.offsetTop+r/2;e.dataset.anchorX=i,e.dataset.anchorY=a,e.dataset.checked="0",e.onmousedown=A}))};(0,r.useEffect)((function(){return function(){if(t.current&&n.current&&i.current){var e=t.current,r=e.clientWidth,s=e.clientHeight;n.current.width=i.current.width=r,n.current.height=i.current.height=s,a.current=n.current.getContext("2d"),o.current=i.current.getContext("2d"),a.current.strokeStyle=o.current.strokeStyle="#6495ED",a.current.lineWidth=o.current.lineWidth=2,b(c.current),b(l.current)}}(),document.addEventListener("mousemove",w),document.addEventListener("mouseup",j),function(){document.removeEventListener("mousemove",w),document.removeEventListener("mousemove",j)}}),[]);return(0,s.jsxs)("div",{className:Yp,children:[(0,s.jsx)(Or,{intlTitle:"page.canvasDynamicEffect.matchLineQuestion"}),(0,s.jsxs)("div",{className:Jp,children:[(0,s.jsxs)("div",{className:qp,children:[(0,s.jsx)("div",{className:Kp,onClick:function(){c.current&&Array.prototype.forEach.call(c.current.children,(function(e){e.dataset.checked="0",e.classList.remove(nv)})),l.current&&Array.prototype.forEach.call(l.current.children,(function(e){e.dataset.checked="0",e.classList.remove(nv)})),p.current=[],v.current={},y(p.current),x.current=!1},children:e.formatMessage({id:"common.reset"})}),(0,s.jsx)("div",{className:Kp,onClick:function(){if(x.current)$c.ZP.warning(e.formatMessage({id:"page.canvasDynamicEffect.pleaseReset"}));else{var t=p.current.pop();if(t){var n=t.key,r='[data-value="'.concat(n,'"]'),i='[data-value="'.concat(v.current[n],'"]');delete v.current[n];var a=document.querySelector(r),o=document.querySelector(i);a&&o&&(a.dataset.checked=o.dataset.checked="0",a.classList.remove(nv),o.classList.remove(nv),y(p.current))}}},children:e.formatMessage({id:"common.backout"})}),(0,s.jsx)("div",{className:Kp,onClick:function(){if(!x.current){var t=Object.keys(v.current);if(0!==t.length){var n=[];t.forEach((function(e){var t=v.current[e],r='[data-value="'.concat(e,'"]'),i="[data-value=".concat(t,"]"),a=document.querySelector(r),o=document.querySelector(i);if(a&&o){var s=a.dataset,c=s.anchorX,l=s.anchorY,u=o.dataset,d=u.anchorX,m=u.anchorY,f=rv[e];n.push({isOk:t===f,point:{x1:c?Number(c):0,y1:l?Number(l):0,x2:d?Number(d):0,y2:m?Number(m):0}})}})),y(n),x.current=!0}else $c.ZP.error(e.formatMessage({id:"page.canvasDynamicEffect.noVerifiableAnswer"}))}},children:e.formatMessage({id:"common.checkout"})})]}),(0,s.jsx)("div",{className:Xp,children:(0,s.jsxs)("div",{className:$p,ref:t,children:[(0,s.jsx)("div",{className:ev,ref:c,children:Object.keys(rv).map((function(t){return(0,s.jsx)("div",{className:tv,"data-value":t,"data-ownership":"L",children:e.formatMessage({id:"page.canvasDynamicEffect.".concat(t)})})}))}),(0,s.jsx)("div",{className:ev,ref:l,children:Object.values(rv).sort((function(){return Math.random()-.5})).map((function(e){return(0,s.jsx)("div",{className:tv,"data-value":e,"data-ownership":"R",children:e})}))}),(0,s.jsx)("canvas",{ref:n}),(0,s.jsx)("canvas",{ref:i})]})})]})]})},av=n(99477),ov=n(66358),sv=function(e,t,n,i){var a=(0,r.useRef)(null),o=(0,r.useRef)(null),s=(0,r.useRef)(null),c=(0,r.useRef)(0),l=function e(){a.current&&o.current&&s.current&&(i&&i(a.current,o.current,s.current),s.current.render(a.current,o.current),c.current=window.requestAnimationFrame(e))},u=function(){if(e.current){var n=e.current,r=n.clientWidth,i=n.clientHeight,c=new av.xsS;a.current=c;var u=new av.cPb(75,r/i,.1,1e3);u.position.set(0,0,10),o.current=u;var d=new av.CP7({antialias:!0});s.current=d,d.setSize(r,i),d.setPixelRatio(window.devicePixelRatio),d.shadowMap.enabled=!0,e.current.append(d.domElement),l(),t&&t(c,u,d)}},d=function(){if(e.current&&a.current&&o.current&&s.current){var t=e.current,r=t.clientWidth,i=t.clientHeight;o.current.aspect=r/i,o.current.updateProjectionMatrix(),s.current.setSize(r,i),s.current.setPixelRatio(window.devicePixelRatio),n&&n(a.current,o.current,s.current)}};return(0,r.useEffect)((function(){return u(),window.addEventListener("resize",d),function(){c.current&&window.cancelAnimationFrame(c.current),window.removeEventListener("resize",d)}}),[]),{scene:a.current,camera:o.current,renderer:s.current,resize:d}},cv=n(3867),lv=new(n(82854)._);lv.setDecoderPath("./public/draco/gltf/"),lv.setDecoderConfig({type:"js"});var uv=function(e){return new Promise((function(t,n){var r=new cv.E;r.setCrossOrigin("anonymous"),r.setDRACOLoader(lv),r.load(e,(function(e){t(e)}),void 0,(function(e){n(e)}))}))},dv=function(e,t,n){var r=t*Math.PI/180,i=n*Math.PI/180;r=-r;var a=e*Math.cos(i)*Math.cos(r),o=e*Math.sin(i),s=e*Math.cos(i)*Math.sin(r);return new av.Pa4(a,o,s)},mv=function e(t,n){if(t&&n){n.remove(t);var r=t.children;if(!r)return;r.forEach((function(n){var r=n.geometry,i=n.material,a=n.children;null==r||r.dispose(),Array.isArray(i)?i.forEach((function(e){return null==e?void 0:e.dispose()})):null==i||i.dispose(),a.length&&a.forEach((function(n){return e(n,t)}))}))}},fv=n.p+"images/a2edaf85.jpg",gv=n.p+"images/573c0a93.jpg",hv="AppPageFrame_container__HINEU",pv="AppPageFrame_content__jCifX",vv="AppPageFrame_page__DEPnj",xv=[0,-1.5,0],yv=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(0),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useRef)([]),m=(0,r.useRef)(0),f=(0,r.useRef)(ov.p8.timeline()),g=(0,r.useRef)(null),h=sv(t,(function(e){if(t.current){var n=t.current.clientHeight;l(n);var r=new av.Ox3(16777215,1);r.position.set(0,0,1),e.add(r);var i=new av.Ox3(16777215,.5);i.position.set(0,0,-1),e.add(i);var a=new av.Ox3(16777215,.5);a.position.set(-1,1,1),e.add(a),uv("./public/model/spaceStation.glb").then((function(t){t.scene.scale.set(.15,.15,.15),t.scene.position.set(5,0,0),e.add(t.scene),u.current.push(t)})),uv("./public/model/spaceStation2.glb").then((function(t){t.scene.scale.set(1,1,1),t.scene.position.set(5,-20,0),t.scene.rotation.set(0,xv[1],0),e.add(t.scene),u.current.push(t)})),uv("./public/model/spaceStation3.glb").then((function(t){t.scene.scale.set(.18,.18,.18),t.scene.position.set(5,-40,0),e.add(t.scene),u.current.push(t)}));for(var o=0;o<10;o++){for(var s=new av.xo$(1.5,10,10),c=(new av.dpR).load(fv),d=(new av.dpR).load(gv),m=new av.Wid({map:c,displacementMap:d,displacementScale:.5}),f=new av.SPe(s,m,100),g=0;g<1e3;g++){var h=1e3*Math.random()-500,p=1e3*Math.random()-500,v=1e3*Math.random()-500,x=new av.yGw;x.makeTranslation(h,p,v),f.setMatrixAt(g,x);var y=20*Math.random()-8;x.makeScale(y,y,y)}ov.p8.to(f.position,{duration:10*Math.random()+5,ease:"linear",z:-1e3,repeat:-1}),e.add(f)}}}),(function(){if(t.current){var e=t.current.clientHeight;l(e),n.current&&(n.current.style.top="-".concat(m.current*e,"px"))}})),p=h.camera,v=h.resize,x=(0,ae.Z)((function(e){if(p){if(f.current&&f.current.isActive())return;if(e.wheelDelta<0&&m.current<u.current.length-1)m.current=m.current+1,f.current.to(p.position,{duration:.8,y:-20*m.current});else{if(!(e.wheelDelta>0&&m.current>0))return;m.current=m.current-1,f.current.to(p.position,{duration:.8,y:-20*m.current})}}if(t.current&&n.current){var r=t.current.clientHeight;g.current=ov.p8.to(n.current,{duration:.8,top:"-".concat(m.current*r,"px"),onComplete:function(){var e;null===(e=g.current)||void 0===e||e.kill(),g.current=null}})}}),{wait:100});return(0,r.useLayoutEffect)((function(){v()}),[e]),(0,r.useEffect)((function(){return window.addEventListener("mousewheel",x.run),function(){window.removeEventListener("mousewheel",x.run)}}),[]),(0,s.jsx)("div",{className:hv,onMouseMove:function(e){if(t.current){var n=t.current,r=n.clientWidth,i=n.clientHeight,a=e.clientX/r*2-1,o=e.clientY/i*2-1,s=ov.p8.timeline(),c=u.current[m.current];c&&s.to(c.scene.rotation,{duration:.8,x:.5*o,y:.5*a+xv[m.current]})}},ref:t,children:(0,s.jsxs)("div",{className:pv,ref:n,children:[(0,s.jsx)("div",{className:vv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page One"})}),(0,s.jsx)("div",{className:vv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Two"})}),(0,s.jsx)("div",{className:vv,style:{height:c>0?"".concat(c,"px"):"100vh"},children:(0,s.jsx)("p",{children:"Page Three"})})]})})},Av=n(69365),wv="CarShow_container__fkyim",jv="CarShow_content__-vQNL",bv="CarShow_title__h5POl",_v="CarShow_itemBox__aPzWS",Dv="CarShow_selectBox__p0bsP",Mv="CarShow_btn__vlWko",kv="CarShow_textBtn__XA+9q",Nv=["red","blue","green","gray","orange","purple"],Ev=new av.EJi({color:16711680,metalness:1,roughness:.1}),Cv=new av.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Sv=new av.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Pv=new av.EJi({color:16711680,metalness:1,roughness:.5,clearcoat:1,clearcoatRoughness:.1}),Bv=new av.EJi({color:16777215,metalness:0,roughness:0,transparent:!0,transmission:1}),Iv=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)({carWheels:[]}),o=[{name:e.formatMessage({id:"page.threeJs3D.abrazine"}),key:"abrazine",clearcoatRoughness:3,roughness:1},{name:e.formatMessage({id:"page.threeJs3D.cryolite"}),key:"cryolite",clearcoatRoughness:.2,roughness:.5}],c=[{name:e.formatMessage({id:"page.threeJs3D.ordinary"}),key:"ordinary",transmission:.9},{name:e.formatMessage({id:"page.threeJs3D.transparent"}),key:"transparent",transmission:1}],l=sv(n,(function(e,t,r){if(n.current){e.background=new av.Ilk("#ddd"),t.position.set(0,2,4),r.setClearColor("#000");var o=new Av.z(t,r.domElement);i.current=o,o.autoRotate=!0;var s=new av.VLJ(15,15);s.material.opacity=.2,s.material.transparent=!0,e.add(s),uv("./public/model/bmw.glb").then((function(t){var n=t.scene;n.traverse((function(e){e.isMesh&&(e.name.includes("前脸")&&(e.material=Cv,a.current.carFront=e),"Mesh002"===e.name&&(e.material=Sv,a.current.carBody=e),e.name.includes("引擎盖_1")&&(e.material=Pv,a.current.carHood=e),e.name.includes("挡风玻璃")&&(e.material=Bv,a.current.carGlass=e),e.name.includes("轮毂")&&(e.material=Ev,a.current.carWheels.push(e)))})),e.add(n)}));var c=new av.Ox3(16777215,1);c.position.set(0,0,10),e.add(c);var l=new av.Ox3(16777215,1);l.position.set(0,0,-10),e.add(l);var u=new av.Ox3(16777215,1);u.position.set(10,0,0),e.add(u);var d=new av.Ox3(16777215,1);d.position.set(-10,0,0),e.add(d);var m=new av.Ox3(16777215,1);m.position.set(0,10,0),e.add(m);var f=new av.Ox3(16777215,.3);f.position.set(5,10,0),e.add(f);var g=new av.Ox3(16777215,.3);g.position.set(0,10,5),e.add(g);var h=new av.Ox3(16777215,.3);g.position.set(0,10,-5),e.add(h);var p=new av.Ox3(16777215,.3);p.position.set(-5,10,0),e.add(p)}}),null,(function(){var e;i.current&&(null===(e=i.current)||void 0===e||e.update())})).resize;return(0,r.useLayoutEffect)((function(){l()}),[t]),(0,s.jsx)("div",{className:wv,ref:n,children:(0,s.jsxs)("div",{className:jv,children:[(0,s.jsx)("div",{className:bv,children:e.formatMessage({id:"page.threeJs3D.carDisplayAndMatching"})}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.bodyColor"})}),(0,s.jsx)("div",{className:Dv,children:Nv.map((function(e){return(0,s.jsx)("div",{className:Mv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Sv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.anteriorFaceColor"})}),(0,s.jsx)("div",{className:Dv,children:Nv.map((function(e){return(0,s.jsx)("div",{className:Mv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Cv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hoodColor"})}),(0,s.jsx)("div",{className:Dv,children:Nv.map((function(e){return(0,s.jsx)("div",{className:Mv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Pv.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.hubColor"})}),(0,s.jsx)("div",{className:Dv,children:Nv.map((function(e){return(0,s.jsx)("div",{className:Mv,style:{border:"none",backgroundColor:e},onClick:function(){return function(e){Ev.color.set(e)}(e)}},e)}))})]}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.filmMaterial"})}),(0,s.jsx)("div",{className:Dv,children:o.map((function(e){return(0,s.jsx)("div",{className:kv,onClick:function(){return t=e.clearcoatRoughness,n=e.roughness,Cv.clearcoatRoughness=t,Cv.roughness=n,Sv.clearcoatRoughness=t,Sv.roughness=n,Pv.clearcoatRoughness=t,void(Pv.roughness=n);var t,n},children:e.name},e.key)}))})]}),(0,s.jsxs)("div",{className:_v,children:[(0,s.jsx)("p",{children:e.formatMessage({id:"page.threeJs3D.windshieldMaterial"})}),(0,s.jsx)("div",{className:Dv,children:c.map((function(e){return(0,s.jsx)("div",{className:kv,onClick:function(){return t=e.transmission,void(Bv.transmission=t);var t},children:e.name},e.key)}))})]})]})})},Tv=n(88175),Rv=[{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1},{x:-1,y:0,z:1},{x:0,y:0,z:1},{x:1,y:0,z:1},{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1},{x:-1,y:1,z:0},{x:0,y:1,z:0},{x:1,y:1,z:0},{x:-1,y:0,z:0},{x:0,y:0,z:0},{x:1,y:0,z:0},{x:-1,y:-1,z:0},{x:0,y:-1,z:0},{x:1,y:-1,z:0},{x:-1,y:1,z:-1},{x:0,y:1,z:-1},{x:1,y:1,z:-1},{x:-1,y:0,z:-1},{x:0,y:0,z:-1},{x:1,y:0,z:-1},{x:-1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:1,y:-1,z:-1}],Fv={front:[{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1},{x:-1,y:0,z:1},{x:0,y:0,z:1},{x:1,y:0,z:1},{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1}],back:[{x:1,y:1,z:-1},{x:0,y:1,z:-1},{x:-1,y:1,z:-1},{x:1,y:0,z:-1},{x:0,y:0,z:-1},{x:-1,y:0,z:-1},{x:1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:-1,y:-1,z:-1}],top:[{x:-1,y:1,z:-1},{x:0,y:1,z:-1},{x:1,y:1,z:-1},{x:-1,y:1,z:0},{x:0,y:1,z:0},{x:1,y:1,z:0},{x:-1,y:1,z:1},{x:0,y:1,z:1},{x:1,y:1,z:1}],bottom:[{x:-1,y:-1,z:1},{x:0,y:-1,z:1},{x:1,y:-1,z:1},{x:-1,y:-1,z:0},{x:0,y:-1,z:0},{x:1,y:-1,z:0},{x:-1,y:-1,z:-1},{x:0,y:-1,z:-1},{x:1,y:-1,z:-1}],left:[{x:-1,y:1,z:-1},{x:-1,y:1,z:0},{x:-1,y:1,z:1},{x:-1,y:0,z:-1},{x:-1,y:0,z:0},{x:-1,y:0,z:1},{x:-1,y:-1,z:-1},{x:-1,y:-1,z:0},{x:-1,y:-1,z:1}],right:[{x:1,y:1,z:1},{x:1,y:1,z:0},{x:1,y:1,z:-1},{x:1,y:0,z:1},{x:1,y:0,z:0},{x:1,y:0,z:-1},{x:1,y:-1,z:1},{x:1,y:-1,z:0},{x:1,y:-1,z:-1}]},Ov="RubiksCube_container__dFJHD",Zv=10,Gv=20,Qv=50,Lv=50,zv=[{x:100,y:100,z:-100,intensity:1},{x:-100,y:100,z:-100,intensity:1},{x:100,y:-50,z:-100,intensity:1},{x:-100,y:-50,z:-100,intensity:1},{x:50,y:100,z:30,intensity:20},{x:-100,y:100,z:100,intensity:1},{x:100,y:-50,z:100,intensity:1},{x:-100,y:-50,z:100,intensity:1},{x:0,y:50,z:20,intensity:1},{x:0,y:-50,z:20,intensity:1}],Hv=function(){var e=d().menuWidth,t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)([]),a=(0,r.useRef)([]),o=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(0),m=function(){var e=Math.floor(6*Math.random()),t=Object.keys(Fv)[e];f(t,Math.PI)},f=function(e,t){var n=Fv[e];if(n&&t&&o.current){for(var r=[],i=[],s=[],d=0,f=n.length;d<f;d++)for(var g=n[d],h=g.x,p=g.y,v=g.z,x=0,y=a.current.length;x<y;x++){var A=a.current[x],w=A.position,j=w.x,b=w.y,_=w.z;if(j===10.4*h&&b===10.4*p&&_===10.4*v){r.push(A.clone()),i.push(A),s.push(n[d]);break}}var D="";switch(e){case"front":case"back":D="z";break;case"top":case"bottom":D="y";break;case"left":case"right":D="x"}var M=i[4],k=new av.ZAu;k.position.set(M.position.x,M.position.y,M.position.z),c.current=k,i.forEach((function(e){var t=e.clone(),n=t.position,r=n.x,i=n.y,a=n.z;t.position.set("x"===D?0:r,"y"===D?0:i,"z"===D?0:a),k.add(t)})),o.current.add(k),i.forEach((function(e){var t;null===(t=o.current)||void 0===t||t.remove(e),a.current=a.current.filter((function(t){return t.id!==e.id}))}));var N={angle:0};l.current=ov.p8.to(N,{angle:t,duration:t/Math.PI*1.5,ease:"power1.inOut",onUpdate:function(){if(D){var e=N.angle;if(c.current){var t=(new av.yGw)["makeRotation".concat(D.toUpperCase())](e),n=c.current.position,r=n.x,i=n.y,a=n.z;t.multiply((new av.yGw).makeTranslation(r,i,a)),c.current.matrix=t,c.current.matrix.decompose(c.current.position,c.current.quaternion,c.current.scale)}}},onComplete:function(){c.current&&o.current&&(c.current.children.forEach((function(t){var n,r=t.clone(),i=r.position,s=i.x,c=i.y,l=i.z;r.position.set("x"===D?"left"===e?-10.4:10.4:s,"y"===D?"bottom"===e?-10.4:10.4:c,"z"===D?"back"===e?-10.4:10.4:l),null===(n=o.current)||void 0===n||n.add(r),a.current.push(r)})),o.current.remove(c.current),u.current=window.setTimeout(m,1500))}})}},g=sv(t,(function(e,r,s){if(t.current){e.background=new av.Ilk("#121212"),r.position.set(Gv,Qv,Lv),r.lookAt(0,0,0),s.setClearColor("#121212"),zv.forEach((function(t){var n=t.x,r=t.y,a=t.z,o=t.intensity,s=new av.Ox3(15463918,o);s.position.set(n,r,a),s.lookAt(0,0,0),s.shadow.camera.near=10,s.shadow.camera.far=500,s.castShadow=!0,i.current.push(s),e.add(s)}));var c=new Av.z(r,s.domElement);n.current=c,c.autoRotate=!0,c.autoRotateSpeed=3}var l=new av.ZAu;l.position.set(0,0,0),o.current=l;for(var d=new Tv.k(Zv,Zv,Zv,1,1.6),f=new av.EJi({color:65793,metalness:.4,roughness:.2,clearcoat:0,clearcoatRoughness:1,reflectivity:.2,specularIntensity:1.2}),g=0,h=Rv.length;g<h;g++){var p=Rv[g],v=p.x,x=p.y,y=p.z,A=new av.Kj0(d,f);A.position.set(10.4*v,10.4*x,10.4*y),A.receiveShadow=!0,A.castShadow=!0,a.current.push(A),l.add(A)}e.add(l),u.current=window.setTimeout(m,1500)}),null,(function(){var e;n.current&&(null===(e=n.current)||void 0===e||e.update())})).resize;return(0,r.useLayoutEffect)((function(){g()}),[e]),(0,r.useEffect)((function(){return function(){l.current&&l.current.kill(),u.current&&window.clearTimeout(u.current)}}),[]),(0,s.jsx)("div",{className:Ov,ref:t})},Vv=n(33687),Uv="ThrowDice_container__YcvTG",Wv="ThrowDice_btn__BTDQF",Yv="ThrowDice_btn_inner__DObIm",Jv="ThrowDice_numBox__VnUMU";function qv(e,t){var n="undefined"!=typeof Symbol&&e[Symbol.iterator]||e["@@iterator"];if(!n){if(Array.isArray(e)||(n=function(e,t){if(!e)return;if("string"==typeof e)return Kv(e,t);var n=Object.prototype.toString.call(e).slice(8,-1);"Object"===n&&e.constructor&&(n=e.constructor.name);if("Map"===n||"Set"===n)return Array.from(e);if("Arguments"===n||/^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n))return Kv(e,t)}(e))||t&&e&&"number"==typeof e.length){n&&(e=n);var r=0,i=function(){};return{s:i,n:function(){return r>=e.length?{done:!0}:{done:!1,value:e[r++]}},e:function(e){throw e},f:i}}throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.")}var a,o=!0,s=!1;return{s:function(){n=n.call(e)},n:function(){var e=n.next();return o=e.done,e},e:function(e){s=!0,a=e},f:function(){try{o||null==n.return||n.return()}finally{if(s)throw a}}}}function Kv(e,t){(null==t||t>e.length)&&(t=e.length);for(var n=0,r=new Array(t);n<t;n++)r[n]=e[n];return r}var Xv=10,$v=0,ex=40,tx=120,nx=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)([]),c=(0,r.useRef)(null),l=(0,r.useState)(1),u=(0,o.Z)(l,2),m=u[0],f=u[1],g=(0,r.useRef)(1),p=(0,r.useRef)(!1),v=function(e){var t=document.createElement("canvas"),n=500;t.width=n,t.height=n;var r=t.getContext("2d");switch(r.fillStyle="#eeeeee",r.fillRect(0,0,n,n),e){case 1:r.fillStyle="#d30704",r.arc(250,250,100,0,2*Math.PI),r.fill();break;case 2:r.fillStyle="#153f87",r.arc(250,1500/11,60,0,2*Math.PI),r.arc(250,4e3/11,60,0,2*Math.PI),r.fill();break;case 3:r.fillStyle="#153f87",r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.arc(250,250,60,0,2*Math.PI),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.fill();break;case 4:r.fillStyle="#d30704",r.beginPath(),r.arc(1500/11,1500/11,60,0,2*Math.PI),r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.arc(4e3/11,4e3/11,60,0,2*Math.PI),r.fill();break;case 5:r.fillStyle="#153f87",r.beginPath(),r.arc(1500/11,1500/11,60,0,2*Math.PI),r.arc(4e3/11,1500/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(1500/11,4e3/11,60,0,2*Math.PI),r.arc(4e3/11,4e3/11,60,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(250,250,60,0,2*Math.PI),r.fill();break;case 6:r.fillStyle="#153f87",r.beginPath(),r.arc(150,1500/11,50,0,2*Math.PI),r.arc(350,1500/11,50,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(150,250,50,0,2*Math.PI),r.arc(350,250,50,0,2*Math.PI),r.fill(),r.beginPath(),r.arc(150,4e3/11,50,0,2*Math.PI),r.arc(350,4e3/11,50,0,2*Math.PI),r.fill()}return t},x=(0,r.useRef)(new Tv.k(Xv,Xv,Xv,1,1.4)),y=(0,r.useRef)([new av.Wid({map:new av.ROQ(v(1)),color:"#ffffff"}),new av.Wid({map:new av.ROQ(v(6)),color:"#ffffff"}),new av.Wid({map:new av.ROQ(v(3)),color:"#ffffff"}),new av.Wid({map:new av.ROQ(v(4)),color:"#ffffff"}),new av.Wid({map:new av.ROQ(v(5)),color:"#ffffff"}),new av.Wid({map:new av.ROQ(v(2)),color:"#ffffff"})]),A=function(){p.current||(g.current?(p.current=!0,a.current.forEach((function(e,t){if(t<=g.current-1){var n=10,r=-Math.floor(t/2)*Xv*1.5;(t+1)%2==0&&(n+=15),e.body.position=new Vv.AO(n,24,r),e.mesh.position.copy(e.body.position),e.mesh.rotation.set(1*Math.PI*Math.random(),0,2*Math.PI*Math.random()),e.body.quaternion.copy(e.mesh.quaternion);var i=1+5*Math.random();e.body.applyImpulse(new Vv.AO(-16,i,-5))}else e.body.position=new Vv.AO(1e3,-55,0),e.mesh.position.copy(e.body.position),e.mesh.rotation.set(0,0,0),e.body.quaternion.copy(e.mesh.quaternion)})),setTimeout((function(){p.current=!1}),2e3)):$c.ZP.warning(e.formatMessage({id:"page.threeJs3D.enterDiceNum"})))},w=sv(n,(function(e,t,r){if(n.current){e.background=new av.Ilk("#224141"),t.position.set($v,ex,tx),t.lookAt(0,0,0),r.setClearColor("#224141");var o=new av.Mig(16777215,.5);e.add(o);var s=new av.cek(16777215,1);s.position.set(100,200,-10),s.castShadow=!0,s.shadow.camera.near=5,s.shadow.camera.far=400,e.add(s);var l=new Av.z(t,r.domElement);l.enableRotate=!1,i.current=l,c.current=new Vv.q3({allowSleep:!0,gravity:new Vv.AO(0,-300,0)}),c.current.defaultContactMaterial.restitution=.36,function(e){var t,n=new av.Kj0(new av._12(300,300),new av.Tn7({opacity:.1}));n.receiveShadow=!0,n.position.y=-60,n.quaternion.setFromAxisAngle(new av.Pa4(-1,0,0),.5*Math.PI),e.add(n);var r=new Vv.uT({type:Vv.uT.STATIC,shape:new Vv.JO});r.position.copy(n.position),r.quaternion.copy(n.quaternion),null===(t=c.current)||void 0===t||t.addBody(r)}(e),function(e){for(var t=0;t<10;t++){var n,r=new av.Kj0(x.current,y.current);r.castShadow=!0,e.add(r);var i=new Vv.uT({mass:1,shape:new Vv.xu(new Vv.AO(5,5,5)),sleepTimeLimit:.1});null===(n=c.current)||void 0===n||n.addBody(i),a.current.push({mesh:r,body:i})}}(e),A()}}),null,(function(){var e;null===(e=c.current)||void 0===e||e.fixedStep();var t,n,r=qv(a.current);try{for(r.s();!(t=r.n()).done;){var o=t.value;o.mesh.position.copy(o.body.position),o.mesh.quaternion.copy(o.body.quaternion)}}catch(e){r.e(e)}finally{r.f()}i.current&&(null===(n=i.current)||void 0===n||n.update())})).resize;return(0,r.useLayoutEffect)((function(){w()}),[t]),(0,r.useEffect)((function(){return function(){var e,t;null===(e=x.current)||void 0===e||e.dispose(),null===(t=y.current)||void 0===t||t.forEach((function(e){e.dispose()}))}}),[]),(0,s.jsxs)("div",{className:Uv,ref:n,children:[(0,s.jsx)("div",{className:Wv,children:(0,s.jsx)("div",{className:Yv,onClick:A,children:"Start"})}),(0,s.jsxs)("div",{className:Jv,children:[(0,s.jsxs)("span",{children:[e.formatMessage({id:"page.threeJs3D.diceNum"}),"："]}),(0,s.jsx)(fh.Z,{min:1,max:10,precision:0,size:"large",value:m,onChange:function(e){g.current=e,f(e)}})]})]})},rx=n(81706),ix=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:1,i=arguments.length>3&&void 0!==arguments[3]?arguments[3]:0,a=arguments.length>4&&void 0!==arguments[4]?arguments[4]:"",o=(0,r.useRef)(null),s=function(){o.current&&(o.current.invalidate(),o.current.restart(!0))},c=function(){var e;null===(e=o.current)||void 0===e||e.reverse()};return(0,r.useEffect)((function(){if(e&&e.current){var r=e.current,s=r.clientWidth,c=r.clientHeight,l="";switch(t){case"toTop":l="translate(0px, ".concat(c,"px)");break;case"toBottom":l="translate(0px, ".concat(-c,"px)");break;case"toLeft":l="translate(".concat(s,"px), 0px");break;case"toRight":l="translate(".concat(-s,"px), 0px")}o.current=ov.ZP.fromTo(e.current,{opacity:0,transform:"".concat(l," ").concat(a)},{opacity:1,transform:"translate(0px, 0px) ".concat(a),duration:n,delay:i})}return function(){var e;null===(e=o.current)||void 0===e||e.kill()}}),[]),{tweenRef:o,restart:s,reverse:c}},ax="LargeScreenBorder_container__fPZ9L",ox="LargeScreenBorder_content__kwcui";function sx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function cx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?sx(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):sx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var lx=10,ux=10,dx=function(e){var t=e.title,n=void 0===t?"":t,i=e.lineWidth,a=void 0===i?1:i,o=e.lineColor,c=void 0===o?"#005A5A":o,l=e.highlightColor,u=void 0===l?"#41B1B4":l,m=e.style,f=void 0===m?{}:m,g=(0,h.Z)(),p=d().menuWidth,v=(0,r.useRef)(null),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useMemo)((function(){return cx(cx({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),j=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,i=n.height,a=1;t.beginPath(),t.moveTo(a,8),a=8,t.lineTo(a,1),a+=40,t.lineTo(a,1),a+=8,t.lineTo(a,8),a=r-16,t.lineTo(a,8),a=r-e,t.lineTo(a,24),t.lineTo(a,i-e),a=16,t.lineTo(a,i-e),a=1,t.lineTo(a,i-16),t.closePath(),t.lineWidth=e}},b=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,i=y.current;i.clearRect(0,0,t,r),i.globalCompositeOperation="source-over";var o=a;if(A.current){j(o+=1),i.fillStyle=A.current?u:c,i.fill(),i.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+lx,m=Math.floor(s/lx),f=Math.floor(l/lx);i.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(i.fillRect(s,l,t-s,lx),l+=lx,s=0):(i.fillRect(s,l,lx,lx),s+=lx)}}i.globalCompositeOperation="source-over",j(o);var g=1;if(i.strokeStyle=A.current?u:c,i.stroke(),i.lineWidth=o+1,i.strokeStyle=u,i.beginPath(),g=12,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g+=4,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g+=4,i.moveTo(g,8),g+=8,i.lineTo(g,8),i.closePath(),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-16),i.lineTo(g,r),i.closePath(),i.stroke(),i.beginPath(),i.moveTo(g,r-o),g-=16,i.lineTo(g,r-o),i.closePath(),i.stroke(),n){var h=$e(n,Number.parseInt(w.fontSize),w.fontWeight);i.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),i.fillStyle=w.color,i.fillText(n,(t-h)/2,14+Number.parseInt(w.fontSize));var p=(t-h)/2-42,v=14+Number.parseInt(w.fontSize)/2+2;i.lineWidth=4,i.lineJoin="miter",i.beginPath(),i.moveTo(p,18),i.lineTo(p+ux,v),i.lineTo(p,14+Number.parseInt(w.fontSize)),i.strokeStyle=A.current?w.color:c,i.stroke(),i.beginPath(),i.moveTo(p+ux+6,18),i.lineTo(p+20+6,v),i.lineTo(p+ux+6,14+Number.parseInt(w.fontSize)),i.strokeStyle=w.color,i.stroke(),p=(t+h)/2+16,i.beginPath(),i.moveTo(p+ux,18),i.lineTo(p,14+Number.parseInt(w.fontSize)/2+2),i.lineTo(p+ux,14+Number.parseInt(w.fontSize)),i.strokeStyle=w.color,i.stroke(),i.beginPath(),i.moveTo(p+20+6,18),i.lineTo(p+ux+6,14+Number.parseInt(w.fontSize)/2+2),i.lineTo(p+20+6,14+Number.parseInt(w.fontSize)),i.strokeStyle=A.current?w.color:c,i.stroke()}}};(0,r.useEffect)((function(){if(v.current&&x.current){var e=v.current,t=e.clientWidth,n=e.clientHeight;x.current.width=t,x.current.height=n,y.current=x.current.getContext("2d"),b()}}),[n,p]);return(0,s.jsxs)("div",{className:ax,style:w,onMouseEnter:function(){A.current=!0,b()},onMouseLeave:function(){A.current=!1,b()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:ox,style:{left:"".concat(16,"px"),right:"".concat(8,"px"),top:"".concat(n?8+Number.parseInt(w.fontSize)+6+20:14,"px"),bottom:"".concat(8,"px")},children:e.children})]})},mx=n.p+"images/adee1274.png",fx=function(){var e=(0,r.useRef)(new av.Tme),t=(0,r.useRef)(null),n=(0,r.useRef)(null);return(0,r.useEffect)((function(){var r=function(e,n,r){var i=Math.PI/90,a=2*Math.PI-16*i,o=11*a/12/8,s=a/12/8,c=document.createElement("canvas");c.width=2*e,c.height=2*e;var l=c.getContext("2d");l.strokeStyle=r,l.lineWidth=n;for(var u=0,d=o,m=0;m<8;m++)l.beginPath(),l.arc(e,e,e-n,u,d),l.stroke(),d=(u=d+i)+s,l.beginPath(),l.arc(e,e,e-n,u,d),l.stroke(),d=(u=d+i)+o;var f=new av._12(c.width,c.height),g=new av.vBJ({map:new av.ROQ(c),transparent:!0,opacity:1,depthWrite:!1}),h=new av.Kj0(f,g),p={angle:0};return t.current=ov.p8.to(p,{angle:2*Math.PI,duration:5,ease:"linear",repeat:-1,onUpdate:function(){var e=p.angle;if(h){var t=(new av.yGw).makeRotationZ(e),n=h.position,r=n.x,i=n.y,a=n.z;t.multiply((new av.yGw).makeTranslation(r,i,a)),h.matrix=t,h.matrix.decompose(h.position,h.quaternion,h.scale)}},onComplete:function(){}}),h}(180,6,"#ffffff");e.current.add(r);var i=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t;for(var a=0;a<2;a++){var o=a*Math.PI;i.beginPath(),i.arc(e,e,e-t,o,Math.PI/6+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/4+o,Math.PI/2+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,2*Math.PI/3+o,3*Math.PI/4+o),i.stroke()}var s=new av._12(r.width,r.height),c=new av.vBJ({map:new av.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new av.Kj0(s,c)}(170,8,"#005A5A");i.position.set(0,0,1),e.current.add(i);var a=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t;for(var a=0;a<3;a++){var o=a*(2*Math.PI/3);i.beginPath(),i.arc(e,e,e-t,o,Math.PI/10+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/8+o,Math.PI/6+o),i.stroke(),i.beginPath(),i.arc(e,e,e-t,Math.PI/2+o,5*Math.PI/8+o),i.stroke()}var s=new av._12(r.width,r.height),c=new av.vBJ({map:new av.ROQ(r),transparent:!0,opacity:1,depthWrite:!1}),l=new av.Kj0(s,c),u=new av._12(r.width+90,r.height+90),d=new av.vBJ({map:(new av.dpR).load(mx),transparent:!0,opacity:1,depthWrite:!1}),m=new av.Kj0(u,d);return l.add(m),l}(120,8,"#005A5A");a.position.set(0,0,2),e.current.add(a);var o=function(e,t,r){var i=16,a=document.createElement("canvas");a.width=2*e+i,a.height=2*e+i;var o=a.getContext("2d");o.strokeStyle=r,o.lineWidth=t,o.beginPath(),o.arc(e+4.8+t,e+4.8+t,e,0,2*Math.PI),o.stroke(),o.lineWidth=t;for(var s=0;s<120;s++){var c=2*Math.PI/120*s,l=e-11.2,u=l+i,d=Math.cos(c)*u+u+4.8,m=Math.sin(c)*u+u+4.8,f=Math.cos(c)*l+u+4.8,g=Math.sin(c)*l+u+4.8;o.beginPath(),o.moveTo(d,m),o.lineTo(f,g),o.stroke()}var h=new av._12(a.width,a.height),p=new av.vBJ({map:new av.ROQ(a),transparent:!0,opacity:1,depthWrite:!1}),v=new av.Kj0(h,p),x={angle:0};return n.current=ov.p8.to(x,{angle:2*-Math.PI,duration:12,ease:"linear",repeat:-1,onUpdate:function(){var e=x.angle;if(v){var t=(new av.yGw).makeRotationZ(e),n=v.position,r=n.x,i=n.y,a=n.z;t.multiply((new av.yGw).makeTranslation(r,i,a)),v.matrix=t,v.matrix.decompose(v.position,v.quaternion,v.scale)}},onComplete:function(){}}),v}(100,3,"#ADEBF1");o.position.set(0,0,3),e.current.add(o);var s=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t,i.beginPath(),i.arc(e,e,e-t,0,2*Math.PI),i.stroke();var a=new av._12(r.width,r.height),o=new av.vBJ({map:new av.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new av.Kj0(a,o)}(80,1,"#ADEBF1");s.position.set(0,0,4),e.current.add(s);var c=function(e,t,n){var r=document.createElement("canvas");r.width=2*e,r.height=2*e;var i=r.getContext("2d");i.strokeStyle=n,i.lineWidth=t,i.beginPath(),i.arc(e,e,e-t,0,2*Math.PI),i.stroke();var a=new av._12(r.width,r.height),o=new av.vBJ({map:new av.ROQ(r),transparent:!0,opacity:1,depthWrite:!1});return new av.Kj0(a,o)}(30,4,"#ADEBF1");return c.position.set(0,0,5),e.current.add(c),function(){var e,r;null===(e=t.current)||void 0===e||e.kill(),null===(r=n.current)||void 0===r||r.kill()}}),[]),e.current},gx=n.p+"images/5f19eee4.png",hx="data:image/png;base64,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",px="data:image/png;base64,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",vx="MapDisplay_container__7ObAW",xx="MapDisplay_switch__z3osn",yx="MapDisplay_topBox__uUgN8",Ax="MapDisplay_topBg__oqsK2",wx="MapDisplay_shine__zGL21",jx="MapDisplay_leftLine__yH-vW",bx="MapDisplay_rightLine__0kyh7",_x="MapDisplay_title__xCrUE",Dx="MapDisplay_leftBox__MfOJf",Mx="MapDisplay_item__6Z5-L",kx="MapDisplay_rightBox__mgnoV",Nx="MapDisplay_tooltip__+jQqL",Ex=0,Cx=-20,Sx=80,Px=0,Bx=6,Ix=0,Tx="#008170",Rx="#1AACAC",Fx="#005B41",Ox=function(){var e=(0,h.Z)(),t=d(),n=t.menuWidth,i=t.headHeight,a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=(0,r.useRef)(null),p=(0,r.useRef)(null),v=(0,r.useRef)(new av.iMs),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useState)(!0),w=(0,o.Z)(A,2),j=w[0],b=w[1],_=ix(c,"toBottom",.6),D=_.restart,M=_.reverse,k=ix(l,"toRight",.8,.5),N=k.restart,E=k.reverse,C=ix(u,"toLeft",.8,.5),S=C.restart,P=C.reverse,B=fx(),I=function(e){(new av.hH6).load("./public/json/ChinaMap.json",(function(t){!function(e,t){var n=new av.Tme,r=(0,rx.ZP)().center([104,37.5]).scale(80).translate([0,0]);e.features.forEach((function(e){var t=new av.Tme;e.geometry.coordinates.forEach((function(n){n.forEach((function(n){for(var i=new av.bnF,a=new av.u9r,s=[],c=0;c<n.length;c++){var l=r(n[c]),u=(0,o.Z)(l,2),d=u[0],m=u[1];0===c?i.moveTo(d,-m):i.lineTo(d,-m),s.push(new av.Pa4(d,-m,6))}a.setFromPoints(s);var f={depth:6,bevelEnabled:!1,bevelThickness:1,bevelSize:1,bevelOffset:0,bevelSegments:1},g=new av.O7d(i,f),h=new av.vBJ({color:Tx,transparent:!0,opacity:.95}),p=new av.vBJ({color:Rx,transparent:!0,opacity:.95}),v=new av.Kj0(g,[h,p]),x=new av.nls({color:"white"}),y=new av.x12(a,x);t.properties=e.properties,t.add(v),t.add(y)}))})),n.add(t)})),n.position.set(Px,Bx,Ix),t.add(n),g.current=n}(JSON.parse(t),e),B.scale.set(.32,.32,1),B.position.set(0,0,-8),e.add(B),p.current=B}))},T=(0,r.useCallback)((function(e){if(m.current){x.current||(x.current=new av.FM8);var t=e.clientX,r=e.clientY;new av.FM8&&(x.current.x=(t-n)/(window.innerWidth-n)*2-1),x.current.y=-(r-i)/(window.innerHeight-i)*2+1,m.current.style.left="".concat(t-n+4,"px"),m.current.style.top="".concat(r-i+4,"px")}}),[n,i]),R=sv(a,(function(e,t,n){if(a.current){e.background=(new av.dpR).load(gx),t.position.set(Ex,Cx,Sx);var r=new Av.z(t,n.domElement);f.current=r,r.enableDamping=!0,r.dampingFactor=.05,I(e)}}),null,(function(e,t){if(g.current&&x.current){var n,r,i;y.current&&(y.current.object.material[0].color.set(Tx),y.current.object.material[1].color.set(Rx),m.current&&(m.current.style.visibility="hidden")),y.current=null,v.current.setFromCamera(x.current,t);var a=v.current.intersectObjects(e.children,!0);y.current=a.find((function(e){return e.object.material&&2===e.object.material.length})),y.current&&null!==(n=y.current.object)&&void 0!==n&&null!==(r=n.parent)&&void 0!==r&&null!==(i=r.properties)&&void 0!==i&&i.name&&(y.current.object.material[0].color.set(Fx),y.current.object.material[1].color.set(Fx),function(){if(m.current)if(y.current){var e=y.current.object.parent.properties;m.current.textContent=e.name,m.current.style.visibility="visible"}else m.current.style.visibility="hidden"}())}var o;f.current&&(null===(o=f.current)||void 0===o||o.update())})),F=R.scene,O=R.resize;return(0,r.useLayoutEffect)((function(){O()}),[n]),(0,r.useEffect)((function(){return function(){mv(g.current,F),mv(p.current,F)}}),[]),(0,s.jsxs)("div",{className:vx,onMouseMove:T,ref:a,children:[(0,s.jsx)("div",{className:xx,onClick:function(){j?(M(),E(),P()):(D(),N(),S()),b(!j)},children:(0,s.jsx)(ps.Z,{})}),(0,s.jsxs)("div",{className:yx,ref:c,children:[(0,s.jsx)("img",{src:hx,alt:"",className:Ax}),(0,s.jsx)("img",{src:px,alt:"",className:wx}),(0,s.jsx)("div",{className:jx}),(0,s.jsx)("div",{className:bx}),(0,s.jsx)("div",{className:_x,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:Dx,ref:l,children:[(0,s.jsx)("div",{className:Mx,children:(0,s.jsx)(dx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:Mx,children:(0,s.jsx)(dx,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:kx,ref:u,children:[(0,s.jsx)("div",{className:Mx,children:(0,s.jsx)(dx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:Mx,children:(0,s.jsx)(dx,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsx)("div",{className:Nx,ref:m})]})},Zx=function(){function e(t,n){(0,Hf.Z)(this,e),this.resourceList=t,this.callback=n,this.textures={},this.createLoadingManager(),this.loadResources()}return(0,Vf.Z)(e,[{key:"createLoadingManager",value:function(){var e=this;this.manager=new av.lLk,this.manager.onLoad=function(){e.callback()}}},{key:"loadResources",value:function(){var e=this;this.textureLoader=new av.dpR(this.manager),this.resourceList.forEach((function(t){var n;null===(n=e.textureLoader)||void 0===n||n.load(t.url,(function(n){n.colorSpace="srgb",e.textures[t.name]=n}))}))}}]),e}(),Gx=Zx;function Qx(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function Lx(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Qx(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Qx(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var zx=12,Hx=10,Vx=function(e){var t=e.title,n=void 0===t?"":t,i=e.lineWidth,a=void 0===i?1:i,o=e.lineColor,c=void 0===o?"#005A5A":o,l=e.highlightColor,u=void 0===l?"#41B1B4":l,m=e.style,f=void 0===m?{}:m,g=(0,h.Z)(),p=d().menuWidth,v=(0,r.useRef)(null),x=(0,r.useRef)(null),y=(0,r.useRef)(null),A=(0,r.useRef)(!1),w=(0,r.useMemo)((function(){return Lx(Lx({},{fontSize:"18px",color:"#74CCD1",fontWeight:600}),f)}),[f]),j=function(e){var t=y.current;if(x.current&&t){var n=x.current,r=n.width,i=n.height,a=1;t.beginPath(),t.moveTo(a,1),a=180,t.lineTo(a,1),a+=zx,t.lineTo(a,zx),a=r-54-54-zx,t.lineTo(a,zx),a+=6,t.lineTo(a,6),a+=54,t.lineTo(a,6),a+=6,t.lineTo(a,zx),a=r-e,t.lineTo(a,zx),t.lineTo(a,i-10),a-=10,t.lineTo(a,i-e),a=1,t.lineTo(a,i-e),t.closePath(),t.lineWidth=e}},b=function(){if(x.current&&y.current){var e=x.current,t=e.width,r=e.height,i=y.current;i.clearRect(0,0,t,r),i.globalCompositeOperation="source-over";var o=a;if(A.current){j(o+=1),i.fillStyle=A.current?u:c,i.fill(),i.globalCompositeOperation="source-atop";for(var s=0,l=0;l<=r&&s<=t;){var d=s+Hx,m=Math.floor(s/Hx),f=Math.floor(l/Hx);i.fillStyle=m%2==0&&f%2==0||m%2!=0&&f%2!=0?"#3D5454":"#445A5A",d>t?(i.fillRect(s,l,t-s,Hx),l+=Hx,s=0):(i.fillRect(s,l,Hx,Hx),s+=Hx)}}i.globalCompositeOperation="source-over",j(o);var g=1;i.strokeStyle=A.current?u:c,i.stroke(),o=a+1,i.lineWidth=o,i.strokeStyle=u,i.beginPath(),g=1,i.moveTo(g,24),i.lineTo(g,1),g+=108,i.lineTo(g,1),i.stroke(),i.beginPath(),g=t-54-54,i.moveTo(g,zx),g=t-54-zx,i.lineTo(g,zx),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-10-o-4),i.lineTo(g,r-10-o),g-=10,i.lineTo(g,r-o),g-=4,i.lineTo(g,r-o),i.stroke(),i.beginPath(),g=t-o,i.moveTo(g,r-6),g=t-6,i.lineTo(g,r-o),i.stroke(),n&&(i.font="".concat(w.fontWeight," ").concat(w.fontSize," SourceHanSansCN-Bold"),i.fillStyle=w.color,i.fillText(n,18,18+Number.parseInt(w.fontSize)))}};(0,r.useEffect)((function(){if(v.current&&x.current){var e=v.current,t=e.clientWidth,n=e.clientHeight;x.current.width=t,x.current.height=n,y.current=x.current.getContext("2d"),b()}}),[n,p]);return(0,s.jsxs)("div",{className:ax,style:w,onMouseEnter:function(){A.current=!0,b()},onMouseLeave:function(){A.current=!1,b()},ref:v,children:[(0,s.jsx)("canvas",{ref:x,children:g.formatMessage({id:"common.browserTooLow"})}),(0,s.jsx)("div",{className:ox,style:{left:"".concat(18,"px"),right:"".concat(zx,"px"),top:"".concat(n?zx+Number.parseInt(w.fontSize)+6+20:18,"px"),bottom:"".concat(zx,"px")},children:e.children})]})},Ux=[{start:{name:"杭州",N:30.246026,E:120.210792},endArray:[{name:"曼谷",N:22,E:100.49074172973633},{name:"澳大利亚",N:-23.68477416688374,E:133.857421875},{name:"新疆维吾尔自治区",N:41.748,E:84.9023},{name:"德黑兰",N:35,E:51},{name:"美国",N:34.125447565116126,E:241.7431640625},{name:"英国",N:51.508742458803326,E:359.82421875},{name:"巴西",N:-9.96885060854611,E:668.1445312499999}]},{start:{name:"北京",N:39.89491,E:116.322056},endArray:[{name:"西藏",N:29.660361,E:91.132212},{name:"广西",N:22.830824,E:108.30616},{name:"江西",N:28.676493,E:115.892151},{name:"贵阳",N:26.647661,E:106.630153}]}];function Wx(e,t,n,r,i,a){var o,s,c,l,u,d,m,f,g,h,p,v,x,y,A,w=dv(e,t,n),j=new av.Pa4(w.x,w.y,w.z),b=dv(e,r,i),_=new av.Pa4(b.x,b.y,b.z),D=(o=j,s=_,c=new av.Pa4(0,0,0),l=o.clone().sub(c),u=s.clone().sub(c),d=l.clone().cross(u).normalize(),m=new av.Pa4(0,0,1),f=(new av._fP).setFromUnitVectors(d,m),g=o.clone().applyQuaternion(f),h=s.clone().applyQuaternion(f),p=g.clone().add(h).multiplyScalar(.5).clone().sub(c).normalize(),v=new av.Pa4(0,1,0),x=(new av._fP).setFromUnitVectors(p,v),y=g.clone().applyQuaternion(x),A=h.clone().applyQuaternion(x),{quaternion:f.clone().invert().multiply(x.clone().invert()),startPoint:y,endPoint:A}),M=function(e,t,n,r){var i=(new av.Pa4).addVectors(t,n).multiplyScalar(.5).clone().normalize(),a=Yx(t,n,new av.Pa4(0,0,0)),o=i.multiplyScalar(e+a*e*.2),s=(f=t,g=n,h=o,p=f.lengthSq(),v=g.lengthSq(),x=h.lengthSq(),y=f.x,A=f.y,w=g.x,j=g.y,b=h.x,_=h.y,D=y*j+w*_+b*A-y*_-w*A-b*j,M=(v*_+p*j+x*A-v*A-x*j-p*_)/D/2,k=(x*w+v*y+p*b-p*w-v*b-x*y)/D/2,new av.Pa4(M,k,0)),c=Math.abs(s.y-o.y),l=Yx(t,new av.Pa4(0,-1,0),s),u=-Math.PI/2+l,d=Math.PI-u,m=function(e,t,n,r,i,a){var o=new av.u9r,s=new av.T__(e,t,n,r,i,!1).getSpacedPoints(80);o.setFromPoints(s);var c=new av.nls({color:a||13731143});return new av.x12(o,c)}(s.x,s.y,c,u,d,r.color);var f,g,h,p,v,x,y,A,w,j,b,_,D,M,k;m.center=s,m.topCoord=o;var N=(d-u)/7,E=function(e,t,n,r){var i=new av.u9r,a=new av.T__(0,0,e,t,n,!1).getSpacedPoints(100);i.setFromPoints(a);for(var o=[],s=0;s<a.length;s++)o.push(s/a.length);var c=new av.TlE(new Float32Array(o),1);i.attributes.percent=c;for(var l=[],u=0;u<a.length;u++){var d=new av.Ilk(r),m=new av.Ilk(r),f=d.lerp(m,u/a.length);l.push(f.r,f.g,f.b)}i.attributes.color=new av.TlE(new Float32Array(l),3);var g=new av.UY4({size:1.3,transparent:!0,depthWrite:!1});g.onBeforeCompile=function(e){e.vertexShader=e.vertexShader.replace("void main() {",["attribute float percent;","void main() {"].join("\n")),e.vertexShader=e.vertexShader.replace("gl_PointSize = size;",["gl_PointSize = percent * size;"].join("\n"))};var h=new av.woe(i,g);return g.color=new av.Ilk(r),h.name="飞行线",h}(c,u,u+N,r.arrowColor);return E.position.y=s.y,m.add(E),E.flyEndAngle=d-u-N,E.startAngle=u,E.AngleZ=m.flyEndAngle*Math.random(),m.userData.flyLine=E,m}(e,D.startPoint,D.endPoint,a);return M.quaternion.multiply(D.quaternion),M}function Yx(e,t,n){var r=e.clone().sub(n).normalize(),i=t.clone().sub(n).normalize(),a=r.clone().dot(i);return Math.acos(a)}var Jx,qx=n.p+"images/2dcea622.jpeg",Kx="EarthDisplay_container__4U+r3",Xx="EarthDisplay_switch__MeMaf",$x="EarthDisplay_topBox__eXAVn",ey="EarthDisplay_topBg__AEJ4Q",ty="EarthDisplay_shine__nttCS",ny="EarthDisplay_leftLine__xIETp",ry="EarthDisplay_rightLine__-mYRS",iy="EarthDisplay_title__LMxWi",ay="EarthDisplay_leftBox__ZIQuQ",oy="EarthDisplay_item__BQN2V",sy="EarthDisplay_rightBox__1vsKa",cy=0,ly=20,uy=110,dy=50,my=14942335,fy=16777215,gy=15310696,hy={color:15969910,arrowColor:16742164,speed:.005},py={glowColor:{value:new av.Ilk(4305332)},scale:{type:"f",value:-1},bias:{type:"f",value:1},power:{type:"f",value:3.3},time:{type:"f",value:100},isHover:{value:!1},map:{value:null}},vy=[{name:"radialGradient",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAQAAAAEACAMAAABrrFhUAAAASFBMVEVHcEz///////////////////////////////////////////////////////////////////////////////////////////8FevL4AAAAF3RSTlMAuoLY6MTP/O/2ZFXgc0aPr5o3pSgZDC0CTJMAABUlSURBVHja7F2LdqO4EpzED4HjxHEyMf//pxtAj+qXAIONmHtFJjuZ2d1zqlRd3Wpk6c+f/49Vxq1/4tfv8z8CO4wfeNovP/5ZIgL0X7xx/O2e/lv3qx09Gf8WDwR6h9oYiRsvh38GvZ/xML7a56v71Y3+h+4vkIntkxCxh0lPmNvxwf7p2RAkbB49IP9oHxxv5KeWiw8visTCBkkI4Mm0I+o3MQgVKIYNcoDww7xH7MODstBKoUsRW6HAo09TL5CfzPF24iwkJfxsgwMx9wiewX1vn/7r96FMYFQgB4VTECc/gWfYW7y5AUygFLYhgyR9il6D/vr+iuO9/dJ4iBx8BRKKpUDAV8G/MuRyJCJINFAZlEcBwv8g8CN4hH55vVy6b2G89g9n4QQsBBmUSAGEfkSPUx+wI+TL5ar+kGiILNBYKI8CdD4i/aB6iv16uZoDSAksUA4gFFoKinH+NPsUfVB8wJ7G9/U7jvYHQgPhQKcgqKAU+H/T7Iu5J+ARuDoYC0BC4AApWDsOvPrZ7HPwAXscn9+fyvj9Y8YCkhA5CIZYQhwQ70P07xE9w/6pjheVhz4uEgfFURCD/4PBj5OP4BNaewATKAUqAxIIK1oBUT8X/4XBV7Ef+qf9xolAEqQMEgUrigC938OPsx/QI/iXTwSujhekQuXg1aDg+Qx488fgF5OP6C3kR/iORJCICBx0RYJGwfNFIOGfAD5BL7D/oj3q43BEKjwNSQgoA0/BWiIA/DT2EX6aeph4iXqnEhFI0DlQKOhF8Dz5B/MX6kf4YfL9xHPgOzIoE4wDGgk9BSoDt1Xkn4N/YPA5bjGQCKGDAQqewkDAb8Nn0k/Y0zi3T//lv3WPQgPXgaCAMfDwMCDyT+ZHZx+Vz+e9RZwbwAONBknBK6UgeOHz5h/hX/jsg+Ul8HTs4dFJ8EKArOApSG5IRPBwI+Duj9Nvzj6f+A6xPggTVAdcBVIETzAChp9Ef4IvwO8A+qiR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"},{name:"earth",url:qx},{name:"glow",url:mx},{name:"aperture",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMgAAADICAMAAACahl6sAAAAnFBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+TINBkAAAAM3RSTlMATYAwKw0fNEZCFxEJBSNSPjomG1Z+FNVKendqYlllqXBfXM7BnJD1xZfu6OWuiN27n6FhHfh+AAANhUlEQVR42uxa2XabMBSUIyH2HQNe66RplqZNt///t54DInAHmdrGxt3mqWlThHRn5o4k2H/8S/A9w3VSGQQydVzD89mfBs9JzMi2yhmgtOzITByP/QFwpYhhAn2UsZAu+23hS27PjoDN5W9INi+IZycgDn4rnrlBNNPCsqPY5EJwM45sa6ZFFPwmLMtFpGFNkCuXAhfLAw3/IpGzK8NLbHwpHri/riCPcOrJNTlmCEKXkkv3GH/jJaGhMNh1YIiSvEd+Ai3JSpRXmYrLu8QQ+ekS65KTTy38nHdUkYwc3U06iuFT6t4x24FN5/d84gHwOKzf2WvMJ3EwaQOjL6A6W7JLw+PHeIxvOFLwOOZCOoZ/iA9OVRRpvbnt0Ei+w6277W5xQ7DYbe8s7gxNyBNvA1yyKMabJPf3YUfY2epmEKvMFs7+rPAm+ot1lcBqhnD3FCIJbw5GmPh7tGI2RQnYJWD84vm+COc3R2EeCn9gxS5UlBQejtwOF733XO5W29ssLG27DLPb7Wq37M10EQpvcNFSdmYkQ8aYzpYwh7XFc323sNYwm+UsHTL5hJ0VYsAVUyqM7cxM/UFPTs3ZlsolHfB5wc4IVelIM6AMu5XY6HxAr+hNtzKh1CxQpLjMzgb1RO73ZZl1+J4dp03DzDq6yoJ+6bhav3M1c2tfjZOsZXrIjROckIeturJkH6Mt7ywRaJ/qnM1Ng11knOzq0e6mwcbZ5zHuGWxXPUoyQPzGi1XssxHw49UbO2MGkGr40TYcqISY4wB3zeBrzkaDr28U7iQatsqRI7u83ENSu7GcW3Emf79tjM/eI9FRITLX20awbqaR/EIAktvh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"},{name:"lightColumn",url:"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACkAAAD/CAMAAABb2Q/2AAAAsVBMVEUAAAD///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////+3mHKcAAAAO3RSTlMABQoPExgdISgxJTYsQDtTRUr+9vpOWXJdaWVhgIx2om2n6oiWmYTKr5G68J22eqvBfeHZ5c++1LPdxUM4ZWUAAAZvSURBVGjerdrZdpswFAXQmnk0EMB4Ajwbz2Mc1///Yb0SuLg1km66mtfsdRBXRyIP+fH205IURZZa7794h7KqKZKEkrqFCgVpOSpOKoaJljZWOm1VwUnTRUv7/0sbvc62r2FlgJOy0o6x0kVL30NJiUh0ZkfHZuLXGWj/PTNArzPu68hMr4/MVEGqMlJaWNkDKWGukM4IK70uTipq3NVBthASMoWb1CJS644cIoG2OJDIQUYlm4KDH7mWxDJoKfX+3iSyooxEMqRSyhVlJFJp9YY2SGZoiyGZkMh+YtPRN4eWDqQCckSl1CoxIxKkQTMVSWp+pyeUQY4WbSqftuG9S+kkqWupitwkgdZSe5VSo5SeMgOpiaWqmfuVb1BZUUbkU6pyHdokJSJPs0AoZcjU7WRBMhWgQjnkSqmW2dB3ailx5HAW1FJqzJRLOd3Gjo6R7cVTym+y9aecbr1KCjLdae7hMt0090yupBAq/yLld1lHapa7WMVEElqNnimnr1JiS3+Rxqal8aVCZZp3+FJ+ylnRBalSyperA1IGM7ScFwNbIJXvSSOY3/u2QaTSIKVXudp2uVIupW7Eq3kHLetMmSu3RQ8p8/XoVQJtGieVu55A0lfXHY9m6iqhQpkg5fhNtljySKSGkPNxry2SKpGdec6VciUtIvtIOV5nbQekypLKUx4ep1rKHNk9PPZIWdRSEcmTi5KDYjl0HatZSn/IO1Kag/E9E0m1kkVSSlUg++Mic02UvD8WCKkbZn/3ORVLrZSLb0kdIdf06brGkspT9tZf6T9KiSmL25Aj5Ve5Bml8VyqNUn2u8zP1cfJ2mQmlRuToeJnRp2v/TdpE+jaVKk86IH8iZfJAy/UjRcrdkUhLIC0iH1j5uMwDnFyec7TcBrYjkDrIrJI6RuYYaYK8YqRh2vvP61gkNSpPy69t0EbI9pDK+iDx5GUbU6kJ5OIyKQKc/LnZ4TKnZ5R0zHZ63qxxmatreItdkbQM011NwqPHk1WVcJIWxJ2dJzuQDl5aukjOr5O159oYOYmWT6ny5Sb6xMktSkI9fSp9jMw30VcHpCGW4QeRpki2vyM34bITtHmSFqSSPkaO8TKMvujT4WZiSZ3IYBx+XLoI6WKljZVOJQccqbxJhyeNSv4cBLRMfBnDPD8HMVIuqTQwmRjpx7BHF5GkVYoP8EZ9DyG9UkJBOdJ6le3/JB2okleA7OFlWVBmQ0C6IDfhF5UOS2oaLUjnXkqXJ+kWUTnCyTA6j7qwSSxJBw+yew8/zgmVhqaxpe91d7XUEXIQ+zRTZUnYokEpq41XBPKaVZKb2aeSbDxb0hukAzK8iCSMs5J72CS+hMzeGuSJSJsnYfAgP64nsp0Mqfwhh1Q6fDkqZTcWy1v4McHIAZWLpC5Tk4QqeThJNzP5jgzPC6iISPaTI8gpXxovstx4kYR1iiUUJDtGONnLHiDTPU/qpdx/W9KCsiQUuTuicnXqieWJyqFIxiCXYXRd0YIypUPlcBmGRMJHli+TWvIzB8liCeucLWiV2dKv5Ga2SKjUm6RGpFfJOZRJIPsZXk5LmdF7kSVJ6fbTz0p6bGnWcgu140lakPQzjCbbVCxPIEOBtF5kXhaUKeH2HA1XX7DOfLXvYeWJL6EgtewEzVKt5GJG5LiqcrM0XuWsklqjpKWjMgQ5EshsSjMPAul7IOdfUbQ5zKHKIC2uvEThBGTCl1C6LchNQWTMlynIj7DYTkG6PLmv5YAre/vVU2YCeVrlP4nMsfKep3A8GFIH2flL2oxMUuThbFzJfZ8ldQfkiMpos8tXWDkm0ufJxfwpT0J5OMM61wcoPUiDKRMiP4ic8WU3mW6pvEFBhbI4RyALjLxSOYfSs2VM5P0KTz9CQblykKQ5kdHxLpIZkVEUVrLNkC6VOyIf9y3IgCHNV7mD0nPlfjXekXUudzkcJLb0+iDXE5ycVXItkqdapgypUNk7zQ63/y2Hv+U4zVjSKmVxm8A8P29COS+Ov+WgUcog/VouK+nwJawTl0nlmitdpNRrWc8TLW2OpJOvukROh6pITZ33+q8STodpNUgFZFz2k3SenCPPfZctkOT+pKeDyCO5Q0CW/3vyJu3qZgC5Jrdi7Dram6xGT+9kuEOie135Ur4dOfLlOoOsLjCr/rzXki6U/nVBvkf0c1Qu809Z9w4+8GeYUnrqkWm+LvMXnJRTlwruvBIAAAAASUVORK5CYII="}],xy=function(){var e=(0,h.Z)(),t=d().menuWidth,n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useRef)(null),c=(0,r.useRef)(null),l=(0,r.useRef)(null),u=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)([]),g=(0,r.useRef)([]),p=(0,r.useState)(!0),v=(0,o.Z)(p,2),x=v[0],y=v[1],A=ix(i,"toBottom",.6),w=A.restart,j=A.reverse,b=ix(a,"toRight",.8,.5),_=b.restart,D=b.reverse,M=ix(c,"toLeft",.8,.5),k=M.restart,N=M.reverse,E=function(e,t){var n,r,i=arguments.length>2&&void 0!==arguments[2]&&arguments[2],a=new av.Tme,o=new av._12(1,1),s=new av.vBJ({color:16711680,map:null===(n=u.current)||void 0===n?void 0:n.textures.aperture,transparent:!0,opacity:1,depthWrite:!1}),c=new av.Kj0(o,s),l=dv(50.05,e,t),d=2.5;c.scale.set(d,d,d),c.position.set(l.x,l.y,l.z);var m=l.clone().normalize();c.quaternion.setFromUnitVectors(new av.Pa4(0,0,1),m),a.add(c);var g=s.clone();g.color=new av.Ilk(gy);var h=new av.Kj0(o,g);h.scale.set(6,6,6),h.userData={size:6,scale:1*Math.random()},h.position.set(l.x,l.y,l.z),h.position.copy(c.position),h.quaternion.copy(c.quaternion),a.add(h),f.current.push(h);var p=new av.Tme,v=12.5,x=new av._12(2.5,v);x.rotateX(Math.PI/2),x.translate(0,0,v/2);var y=new av.vBJ({map:null===(r=u.current)||void 0===r?void 0:r.textures.lightColumn,color:i?my:fy,side:av.ehD,depthWrite:!1}),A=new av.Kj0(x,y);p.add(A,A.clone().rotateZ(Math.PI/2));var w=dv(dy,e,t);return p.position.set(w.x,w.y,w.z),p.quaternion.setFromUnitVectors(new av.Pa4(0,0,1),w.clone().normalize()),a.add(p),a},C=function(e,t,n){var r=document.createElement("canvas"),i=$e(n,20,500);r.width=i+32,r.height=36;var a=r.getContext("2d");a.fillStyle="#41B1B460",a.fillRect(0,0,r.width,r.height),a.font="".concat(500," ").concat(20,"px SourceHanSansCN-Bold"),a.strokeStyle="#ffffff",a.strokeText(n,16,26);var o=new av.xeV({map:new av.ROQ(r),transparent:!0}),s=new av.jyi(o);s.scale.set(.1*r.width,.1*r.height,1);var c=dv(50.05,e,t);return s.position.set(1.1*c.x,1.1*c.y,1.1*c.z),s},S=sv(n,(function(e,t,r){n.current&&(u.current=new Gx(vy,(function(){e.background=(new av.dpR).load(gx),t.position.set(cy,ly,uy),function(e){for(var t,n=[],r=0;r<500;r++){var i=800*Math.random()-300,a=800*Math.random()-300,o=800*Math.random()-300;n.push(i,a,o)}var s=new av.u9r;s.setAttribute("position",new av.TlE(new Float32Array(n),3));var c=new av.UY4({size:2,sizeAttenuation:!0,color:4305332,transparent:!0,opacity:1,map:null===(t=u.current)||void 0===t?void 0:t.textures.radialGradient}),l=new av.woe(s,c);e.add(l)}(e),function(e){var t,n,r,i=new av.Tme,a=new av.xo$(dy,50,50);null!==(t=u.current)&&void 0!==t&&null!==(n=t.textures)&&void 0!==n&&n.earth&&(py.map.value=u.current.textures.earth);var o=new av.jyz({uniforms:py,vertexShader:"varying vec2 vUv;\r\nvarying vec3 vNormal;\r\nvarying vec3 vp;\r\nvarying vec3 vPositionNormal;\r\nvoid main(void){\r\n  vUv = uv;\r\n  vNormal = normalize( normalMatrix * normal ); // 转换到视图空间\r\n  vp = position;\r\n  vPositionNormal = normalize(( modelViewMatrix * vec4(position, 1.0) ).xyz);\r\n  gl_Position = projectionMatrix * modelViewMatrix * vec4( position, 1.0 );\r\n}",fragmentShader:"uniform vec3 glowColor;\r\nuniform float bias;\r\nuniform float power;\r\nuniform float time;\r\nvarying vec3 vp;\r\nvarying vec3 vNormal;\r\nvarying vec3 vPositionNormal;\r\nuniform float scale;\r\n// 获取纹理\r\nuniform sampler2D map;\r\n// 纹理坐标\r\nvarying vec2 vUv;\r\n\r\nvoid main(void){\r\n  float a = pow( bias + scale * abs(dot(vNormal, vPositionNormal)), power );\r\n  if(vp.y > time && vp.y < time + 20.0) {\r\n    float t =  smoothstep(0.0, 0.8,  (1.0 - abs(0.5 - (vp.y - time) / 20.0)) / 3.0  );\r\n    gl_FragColor = mix(gl_FragColor, vec4(glowColor, 1.0), t * t );\r\n  }\r\n  gl_FragColor = mix(gl_FragColor, vec4( glowColor, 1.0 ), a) + texture2D( map, vUv );\r\n}"});o.needsUpdate=!0;var s=new av.Kj0(a,o);s.name="earth",i.add(s);var c=new av.xo$(60,60,60),l=new av.UY4({color:8519679,transparent:!0,sizeAttenuation:!0,opacity:.1,vertexColors:!1,size:.01}),d=new av.woe(c,l);i.add(d);var f=new av.xeV({map:null===(r=u.current)||void 0===r?void 0:r.textures.glow}),g=new av.jyi(f);g.scale.set(150,150,1),i.add(g),e.add(i),m.current=i}(e),Ux.forEach((function(e){var t,n,r=E(e.start.E,e.start.N,!0);null===(t=m.current)||void 0===t||t.add(r);var i=C(e.start.E,e.start.N,e.start.name);null===(n=m.current)||void 0===n||n.add(i),e.endArray.forEach((function(e){var t,n,r=E(e.E,e.N);null===(t=m.current)||void 0===t||t.add(r);var i=C(e.E,e.N,e.name);null===(n=m.current)||void 0===n||n.add(i)}))})),Ux.forEach((function(e){e.endArray.forEach((function(t){var n,r=Wx(dy,e.start.E,e.start.N,t.E,t.N,hy);null===(n=m.current)||void 0===n||n.add(r),g.current.push(r.userData.flyLine)}))}));var n=new Av.z(t,r.domElement);l.current=n,n.autoRotate=!0,n.autoRotateSpeed=1,n.enableDamping=!0,n.dampingFactor=.1})))}),null,(function(){var e;(f.current.forEach((function(e){e.userData.scale=e.userData.scale+.01;var t=e.userData.size*e.userData.scale;e.scale.set(t,t,t),t<=9?e.material.opacity=Math.max((t-6)/6*.5,1):t>9&&t<=12?e.material.opacity=Math.min(1-(t-6)/6*.3,0):e.userData.scale=1})),g.current.forEach((function(e){e.rotation.z+=hy.speed,e.rotation.z>=e.flyEndAngle&&(e.rotation.z=0)})),py.time.value=py.time.value<-100?100:py.time.value-1,l.current)&&(null===(e=l.current)||void 0===e||e.update())})),P=S.scene,B=S.resize;return(0,r.useLayoutEffect)((function(){B()}),[t]),(0,r.useEffect)((function(){return function(){mv(m.current,P)}}),[]),(0,s.jsxs)("div",{className:Kx,ref:n,children:[(0,s.jsx)("div",{className:Xx,onClick:function(){x?(j(),D(),N()):(w(),_(),k()),y(!x)},children:(0,s.jsx)(ps.Z,{})}),(0,s.jsxs)("div",{className:$x,ref:i,children:[(0,s.jsx)("img",{src:hx,alt:"",className:ey}),(0,s.jsx)("img",{src:px,alt:"",className:ty}),(0,s.jsx)("div",{className:ny}),(0,s.jsx)("div",{className:ry}),(0,s.jsx)("div",{className:iy,children:(0,s.jsx)("span",{children:e.formatMessage({id:"page.threeJs3D.visualizationPlatform"})})})]}),(0,s.jsxs)("div",{className:ay,ref:a,children:[(0,s.jsx)("div",{className:oy,children:(0,s.jsx)(Vx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:oy,children:(0,s.jsx)(Vx,{children:e.formatMessage({id:"common.customizeContent"})})})]}),(0,s.jsxs)("div",{className:sy,ref:c,children:[(0,s.jsx)("div",{className:oy,children:(0,s.jsx)(Vx,{title:e.formatMessage({id:"common.moduleTitle"}),children:e.formatMessage({id:"common.customizeContent"})})}),(0,s.jsx)("div",{className:oy,children:(0,s.jsx)(Vx,{children:e.formatMessage({id:"common.customizeContent"})})})]})]})},yy=n(96064),Ay="HumanPostureDetection_container__lUe7Z",wy="HumanPostureDetection_content__LwYrZ";!function(e){e[e.ready=0]="ready",e[e.inRecording=1]="inRecording"}(Jx||(Jx={}));var jy,by=Math.floor(.55*window.screen.width),_y=Math.floor(.55*window.screen.height),Dy=by%2==0?by:by+1,My=_y%2==0?_y:_y+1,ky=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useRef)(null),a=(0,r.useState)(Jx.ready),c=(0,o.Z)(a,2),l=c[0],u=c[1],d=(0,r.useRef)(null),m=(0,r.useRef)(null),f=(0,r.useRef)(null),g=function(e,t,n,r,i){i.beginPath(),i.arc(e,t,n,0,2*Math.PI),i.fillStyle=r,i.fill()},p=function(){var e=(0,Yc.Z)(qc().mark((function e(){var r,i,a,s;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!(n.current&&t.current&&m.current)){e.next=13;break}if(t.current.srcObject){e.next=3;break}return e.abrupt("return");case 3:return m.current.drawImage(t.current,0,0,Dy,My),i=m.current.getImageData(0,0,Dy,My),e.next=7,n.current.estimatePoses(i,{flipHorizontal:!1,maxPoses:1,scoreThreshold:.5,nmsRadius:20});case 7:a=e.sent,(s=(null===(r=a[0])||void 0===r?void 0:r.keypoints)||[]).forEach((function(e){var t=e.x,n=e.y;e.score>.5&&g(t,n,6,"#f00000",m.current)})),yy.D5.getAdjacentPairs(yy.oV.PoseNet).forEach((function(e){var t,n,r,i,a,c,l,u,d,f,g,h=(0,o.Z)(e,2),p=h[0],v=h[1];if(s&&s.length>=2){var x=s[p],y=s[v],A=null!=x.score?x.score:0,w=null!=y.score?y.score:0;A>=.5&&w>=.5&&(t=[x.x,x.y],n=[y.x,y.y],r="aqua",i=1,a=m.current,c=(0,o.Z)(t,2),l=c[0],u=c[1],d=(0,o.Z)(n,2),f=d[0],g=d[1],a.beginPath(),a.moveTo(l*i,u*i),a.lineTo(f*i,g*i),a.lineWidth=4,a.strokeStyle=r,a.stroke())}})),f.current=window.setTimeout((function(){p()}),50);case 13:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),v=function(){var r=(0,Yc.Z)(qc().mark((function r(){var a;return qc().wrap((function(r){for(;;)switch(r.prev=r.next){case 0:i.current&&n.current?l===Jx.inRecording?(t.current&&(t.current.srcObject=null),f.current&&(window.clearTimeout(f.current),f.current=null),u(Jx.ready),setTimeout((function(){var e;m.current&&(null===(e=m.current)||void 0===e||e.clearRect(0,0,Dy,My))}),50)):(t.current&&(t.current.srcObject=i.current,p()),u(Jx.inRecording)):t.current&&(a={audio:!1,video:{width:Dy,height:My,facingMode:"user",frameRate:60}},navigator.mediaDevices.getUserMedia?navigator.mediaDevices.getUserMedia(a).then(function(){var e=(0,Yc.Z)(qc().mark((function e(r){var a,o;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(t.current&&r&&(i.current=r),!t.current||!i.current){e.next=9;break}return t.current.srcObject=i.current,a=yy.oV.PoseNet,e.next=6,yy.cH(a,{modelType:"full"});case 6:o=e.sent,n.current=o,p();case 9:u(Jx.inRecording);case 10:case"end":return e.stop()}}),e)})));return function(t){return e.apply(this,arguments)}}()).catch((function(t){t.message&&t.message.includes("not found")?$c.ZP.error(e.formatMessage({id:"common.deviceNotFound"})):t.message&&t.message.includes("Invalid architecture full")?$c.ZP.error(t.message):$c.ZP.error(e.formatMessage({id:"common.impowerOpenCamera"}))})):$c.ZP.error(e.formatMessage({id:"common.notSupportGetUserMedia"})));case 1:case"end":return r.stop()}}),r)})));return function(){return r.apply(this,arguments)}}();return(0,r.useEffect)((function(){!function(){if(d.current){d.current.width=Dy,d.current.height=My;var e=d.current.getContext("2d");m.current=e}}()}),[]),(0,s.jsxs)("div",{className:Ay,children:[(0,s.jsx)(Or,{intlTitle:"page.AIApplication.humanPostureDetection"}),(0,s.jsxs)("div",{className:wy,style:{width:"".concat(Dy,"px"),height:"".concat(My,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(Dy,"px"),height:"".concat(My,"px")},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)("canvas",{ref:d,children:e.formatMessage({id:"common.browserTooLow"})})]}),(0,s.jsx)(oe.Z,{type:"primary",onClick:v,children:l===Jx.inRecording?e.formatMessage({id:"common.end"}):e.formatMessage({id:"common.start"})})]})},Ny="NotBlockPeopleBarrage_container__SwTln",Ey="NotBlockPeopleBarrage_content__NbVjJ",Cy="NotBlockPeopleBarrage_barrageBox__wNLFF",Sy="NotBlockPeopleBarrage_bottomBox__C90UC";!function(e){e[e.ready=0]="ready",e[e.playing=1]="playing",e[e.pause=2]="pause"}(jy||(jy={}));var Py,By=324,Iy=576,Ty=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useRef)(null),i=(0,r.useState)(""),a=(0,o.Z)(i,2),c=a[0],l=a[1],u=(0,r.useState)(jy.ready),d=(0,o.Z)(u,2),m=d[0],f=d[1],g=(0,r.useRef)(null),p=(0,r.useRef)(null),v=function(){var e=(0,Yc.Z)(qc().mark((function e(){var r,i,a,o,s,c,l,u;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.current||!n.current){e.next=18;break}if(!(r=bl(t.current,By,Iy))){e.next=18;break}return i={flipHorizontal:!1,multiSegmentaion:!1,segmentBodyParts:!1,segmentationThreshold:1},e.next=6,g.current.segmentPeople(r,i);case 6:return a=e.sent,o={r:0,g:0,b:0,a:0},s={r:0,g:0,b:0,a:255},e.next=11,Sd.wX(a,o,s,false,.3);case 11:c=e.sent,l=wl(c),n.current.style["-webkit-mask-image"]="url(".concat(l,")"),n.current.style["-webkit-mask-size"]="".concat(By,"px ").concat(Iy,"px"),(u=n.current.children)&&u.length>0&&Array.prototype.forEach.call(u,(function(e){if(e.style.left<-324){var t;null===(t=n.current)||void 0===t||t.removeChild(e)}else{var r=e.style.left;e.style.left="".concat(Number(r.substring(0,r.length-2))-2,"px")}})),p.current=window.requestAnimationFrame(v);case 18:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}(),x=function(){if(c){if(n.current){var t=document.createElement("span");t.innerText=c,t.style.fontSize="".concat(20,"px"),t.style.fontWeight="500",t.style.color="#fff",t.style.whiteSpace="nowrap",t.style.position="absolute";var r=24*Math.floor(10*Math.random())+20;t.style.top="".concat(r,"px"),t.style.left="".concat(By,"px"),n.current.appendChild(t)}else $c.ZP.warning(e.formatMessage({id:"common.tryingToLoad"}));l("")}},y=function(){var e=(0,Yc.Z)(qc().mark((function e(){var n,r,i;return qc().wrap((function(e){for(;;)switch(e.prev=e.next){case 0:if(!t.current){e.next=9;break}return t.current.oncanplay=function(){var e;t.current&&(null===(e=t.current)||void 0===e?void 0:e.readyState)===t.current.HAVE_ENOUGH_DATA&&g.current&&(f(jy.playing),t.current.play(),v())},n=Sd.oV.MediaPipeSelfieSegmentation,r={runtime:"mediapipe",modelType:"landscape",solutionPath:"https://cdn.jsdelivr.net/npm/@mediapipe/selfie_segmentation"},e.next=6,Sd.N7(n,r);case 6:i=e.sent,g.current=i,m===jy.ready&&(f(jy.playing),t.current.play(),v());case 9:case"end":return e.stop()}}),e)})));return function(){return e.apply(this,arguments)}}();return(0,r.useEffect)((function(){return y(),function(){p.current&&cancelAnimationFrame(p.current)}}),[]),(0,s.jsxs)("div",{className:Ny,children:[(0,s.jsxs)("div",{className:Ey,style:{width:"".concat(By,"px"),height:"".concat(Iy,"px")},children:[(0,s.jsx)("video",{style:{width:"".concat(By,"px"),height:"".concat(Iy,"px")},muted:!1,preload:"true",loop:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t,children:(0,s.jsx)("source",{src:"public/dance.mp4"})}),(0,s.jsx)("div",{className:Cy,ref:n}),m!==jy.ready&&(0,s.jsx)(oe.Z,{type:"primary",ghost:!0,onClick:function(){t.current&&(m===jy.playing?(f(jy.pause),t.current.pause()):(f(jy.playing),t.current.play()))},children:m===jy.playing?e.formatMessage({id:"common.pause"}):e.formatMessage({id:"common.play"})})]}),(0,s.jsxs)("div",{className:Sy,children:[(0,s.jsx)(Zu.Z,{placeholder:e.formatMessage({id:"page.AIApplication.sendBarrage"}),value:c,maxLength:20,onChange:function(e){return l(e.target.value||"")},onKeyDown:function(e){"Enter"===(null==e?void 0:e.key)&&x()}}),(0,s.jsx)(oe.Z,{type:"primary",onClick:x,children:e.formatMessage({id:"page.AIApplication.send"})})]})]})},Ry="Tabs_container__19GNQ",Fy=function(e){var t=e.data,n=void 0===t?[]:t,r=e.selectedTabId,i=e.onChange,a=e.className;return(0,s.jsx)("div",{className:"".concat(Ry).concat(a?" ".concat(a):""),children:n.map((function(e){return(0,s.jsx)("div",{className:"tabs-tabItem ".concat(r===e.id?"active":""),onClick:function(){i&&i(e.id)},children:e.label},e.id)}))})},Oy="ImageProcessingTool_container__WAkOX",Zy="ImageProcessingTool_content__nCEwY",Gy="ImageProcessingTool_tabs__lU6sy",Qy="ImageProcessingTool_imgBox__xANeR",Ly="ImageProcessingTool_fileBox__Evibs",zy="ImageProcessingTool_fileInfo__zFv8M",Hy="ImageProcessingTool_item__FSSP-",Vy="ImageProcessingTool_emptyBox__GhkSM",Uy="ImageProcessingTool_uploadBtn__jbITo",Wy="ImageProcessingTool_text__NoL1R",Yy="ImageProcessingTool_tips__7DkHP",Jy="ImageProcessingTool_tip__dYcLC",qy="ImageProcessingTool_operationBtns__uCE1C",Ky="ImageProcessingTool_left__ohBzm",Xy="ImageProcessingTool_operationBtn__+5IT6",$y="ImageProcessingTool_right__UDKib",eA=function(e){var t=e.imgInfo,n=e.imgDragOver,r=e.onDragOver,i=e.onDragLeave,a=e.onDrop,o=(0,h.Z)();return(0,s.jsx)("div",{className:Qy,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:i,onDrop:a,children:(0,s.jsxs)("div",{className:Ly,children:[(0,s.jsx)("img",{src:t.imgUrl,alt:""}),(0,s.jsxs)("div",{className:zy,children:[(0,s.jsxs)("div",{className:Hy,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:Hy,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:Hy,children:[o.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):o.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:Hy,children:[o.formatMessage({id:"common.size"}),"：",pl(t.size)]})]})]})})},tA={flipSideToSideStatus:{doing:!1,imageData:null},flipUpsideDownStatus:{doing:!1,imageData:null},leftRotateStatus:{doing:!1,imageData:null},rightRotateStatus:{doing:!1,imageData:null},toGreyStatus:{doing:!1,imageData:null},toBlackAndWhiteStatus:{doing:!1,imageData:null},sharpenStatus:{doing:!1,imageData:null},marginSharpenStatus:{doing:!1,imageData:null},toOppositeStatus:{doing:!1,imageData:null},toRedStatus:{doing:!1,imageData:null},toGreenStatus:{doing:!1,imageData:null},toBlueStatus:{doing:!1,imageData:null},toRedAndGreenStatus:{doing:!1,imageData:null},toRedAndBlueStatus:{doing:!1,imageData:null},toBlueAndGreenStatus:{doing:!1,imageData:null},toRedAndGreyStatus:{doing:!1,imageData:null},toGreenAndGreyStatus:{doing:!1,imageData:null},toBlueAndGreyStatus:{doing:!1,imageData:null},toGaussianBlurStatus:{doing:!1,imageData:null},jpgToPngStatus:{doing:!1,imageData:null},pngToJpgStatus:{doing:!1,imageData:null}},nA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,o=e.onDragLeave,c=e.onDrop,l=e.onClear,u=(0,h.Z)(),d=(0,r.useRef)((0,hl.Z)(tA)),m=function(e,r,i){if(e&&e.imageData)n(e.imageData);else{if(e.doing)return void $c.ZP.warning(u.formatMessage({id:"common.workHard"}));if(null!=t&&t.imageData){e.doing=!0;var a=t.imageData;r===nm&&(a=(0,hl.Z)(a));var o=r(a);o?(e.imageData=o,n(o,i)):$c.ZP.error(u.formatMessage({id:"common.operationFailure"})),e.doing=!1}}};return(0,r.useEffect)((function(){d.current=(0,hl.Z)(tA)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(eA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:o,onDrop:c}),(0,s.jsxs)("div",{className:qy,children:[(0,s.jsxs)("div",{className:Ky,children:[(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.flipSideToSideStatus,Od)},children:u.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.flipUpsideDownStatus,Zd)},children:u.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.leftRotateStatus,Gd)},children:u.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.rightRotateStatus,Qd)},children:u.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toGreyStatus,Ld)},children:u.formatMessage({id:"common.graying"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toBlackAndWhiteStatus,zd)},children:u.formatMessage({id:"common.vampix"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.sharpenStatus,em)},children:u.formatMessage({id:"page.imageProcessingTool.shmpch"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.marginSharpenStatus,tm)},children:u.formatMessage({id:"page.imageProcessingTool.edgeSharpening"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toOppositeStatus,Hd)},children:u.formatMessage({id:"page.imageProcessingTool.filterContrast"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toRedStatus,Vd)},children:u.formatMessage({id:"page.imageProcessingTool.redFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toGreenStatus,Ud)},children:u.formatMessage({id:"page.imageProcessingTool.greenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toBlueStatus,Wd)},children:u.formatMessage({id:"page.imageProcessingTool.blueFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toRedAndGreenStatus,Yd)},children:u.formatMessage({id:"page.imageProcessingTool.redGreenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toRedAndBlueStatus,Jd)},children:u.formatMessage({id:"page.imageProcessingTool.redBlueFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toBlueAndGreenStatus,qd)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreenFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toRedAndGreyStatus,Kd)},children:u.formatMessage({id:"page.imageProcessingTool.redGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toGreenAndGreyStatus,Xd)},children:u.formatMessage({id:"page.imageProcessingTool.greenGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toBlueAndGreyStatus,$d)},children:u.formatMessage({id:"page.imageProcessingTool.blueGreyFilter"})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.toGaussianBlurStatus,nm)},children:u.formatMessage({id:"page.imageProcessingTool.gaussianBlur"})}),["JPG","JPEG"].includes(t.fileType)&&(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.jpgToPngStatus,rm,"PNG")},children:u.formatMessage({id:"page.imageProcessingTool.jpgToPng"})}),"PNG"===t.fileType&&(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){return m(d.current.pngToJpgStatus,im,"JPEG")},children:u.formatMessage({id:"page.imageProcessingTool.pngToJpg"})})]}),(0,s.jsx)(oe.Z,{className:$y,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})},rA=n(62327),iA="RectSelect_container__NRGSf",aA="RectSelect_imgBox__Eht8b",oA="RectSelect_content__Oqfay",sA="RectSelect_leftBox__fnaRf",cA="RectSelect_img1__uK-Ip",lA="RectSelect_img2__gx56-",uA="RectSelect_mask__dh-Ij",dA="RectSelect_clipBox__jD4yw",mA="RectSelect_dot__wL+4K",fA="RectSelect_leftUp__UPsGg",gA="RectSelect_up__iPqcg",hA="RectSelect_rightUp__fbUgr",pA="RectSelect_right__HXwDY",vA="RectSelect_rightDown__vHPOv",xA="RectSelect_down__x6Tgo",yA="RectSelect_leftDown__JVMR9",AA="RectSelect_left__frsug",wA="RectSelect_operationBtns__b-UEE",jA="RectSelect_operationBtn__tFBfu";!function(e){e[e.leftUp=0]="leftUp",e[e.up=1]="up",e[e.rightUp=2]="rightUp",e[e.right=3]="right",e[e.rightDown=4]="rightDown",e[e.down=5]="down",e[e.leftDown=6]="leftDown",e[e.left=7]="left"}(Py||(Py={}));var bA=10,_A=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,m=e.type,f=(0,h.Z)(),g=d(),p=g.scrollTop,v=g.locale,x=(0,r.useState)(!1),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(!1),b=(0,o.Z)(j,2),_=b[0],D=b[1],M=(0,r.useState)(10),k=(0,o.Z)(M,2),N=k[0],E=k[1],C=(0,r.useRef)(!1),S=(0,r.useRef)(null),P=Math.max(Math.floor(t.width/2),bA),B=Math.max(Math.floor(t.height/2),bA),I=(0,r.useState)(P),T=(0,o.Z)(I,2),R=T[0],F=T[1],O=(0,r.useState)(B),Z=(0,o.Z)(O,2),G=Z[0],Q=Z[1],L=(0,r.useState)(0),z=(0,o.Z)(L,2),H=z[0],V=z[1],U=(0,r.useState)(0),W=(0,o.Z)(U,2),J=W[0],q=W[1],K=(0,r.useRef)(!1),X=(0,r.useRef)(!1),$=(0,r.useRef)(null),ee=(0,r.useRef)(null),te=(0,r.useRef)(0),ne=(0,r.useRef)(0),re=(0,r.useRef)(0),ie=(0,r.useRef)(0),ae=(0,r.useRef)(0),se=(0,r.useRef)(0),ce=(0,r.useRef)(),le=function(e){for(var t=e.offsetLeft,n=e.offsetTop,r=e.offsetParent;null!=r;)t+=r.offsetLeft,n+=r.offsetTop,r=r.offsetParent;return{left:t,top:n}},ue=function(e){var t=e.clientX,n=Y.findDOMNode(ee.current),r=le(n).left,i=r+te.current;t>i?t=i:t<r&&(t=r);var a=Y.findDOMNode(S.current),o=R-2,s=t-o-le(a).left;F(Math.max(Math.floor(o+s),bA))},de=function(e){var t=e.clientY+p,n=Y.findDOMNode(ee.current),r=le(n).top,i=Y.findDOMNode(S.current),a=le(i).top,o=a+i.offsetHeight;t<r?t=r:t>o&&(t=o),V(Math.min(Math.floor(H+t-a),ne.current-bA));var s=G;Q(Math.max(Math.floor(s+a-t),bA))},me=function(e){var t=e.clientX,n=Y.findDOMNode(ee.current),r=le(n).left,i=Y.findDOMNode(S.current),a=le(i).left,o=a+i.offsetWidth;t<r?t=r:t>o&&(t=o),q(Math.min(Math.floor(J+t-a),te.current-bA));var s=R;F(Math.max(Math.floor(s+a-t),bA))},fe=function(e){var t=e.clientY+p,n=Y.findDOMNode(ee.current),r=le(n).top,i=r+ne.current;t<r?t=r:t>i&&(t=i);var a=Y.findDOMNode(S.current),o=G-2,s=t-o-le(a).top;Q(Math.max(Math.floor(o+s),bA))},ge=function(e,t){e.stopPropagation(),e.target.style.backgroundColor="#DC0000",K.current=!0,ce.current=t},he=function(){K.current=!1,X.current=!1,S.current&&Array.prototype.forEach.call(S.current.children,(function(e){e.style.backgroundColor="#FF8E9E"}))};(0,r.useEffect)((function(){var e=t.width,n=t.height;if(e<20||n<20)return $c.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void w(!1);if(e>1350||n>1350)return $c.ZP.error(f.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void w(!1);var r=Math.max(Math.floor(t.width/2),bA),i=Math.max(Math.floor(t.height/2),bA);if(F(r),Q(i),q(0),V(0),A){if(ee.current){var a=Y.findDOMNode(ee.current),o=a.offsetWidth,s=a.offsetHeight;te.current=o,ne.current=s}}else w(!0);"clip"===m&&D(!1)}),[t]),(0,r.useEffect)((function(){if(A&&ee.current){var e=Y.findDOMNode(ee.current),t=e.offsetWidth,n=e.offsetHeight;te.current=t,ne.current=n}}),[A]);return(0,s.jsxs)("div",{className:iA,children:[(0,s.jsx)("div",{className:aA,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:a,onDragLeave:c,onDrop:l,children:A&&(0,s.jsx)("div",{className:oA,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(X.current){var t=Y.findDOMNode(S.current),n=t.offsetWidth,r=t.offsetHeight,i=e.clientX-re.current,a=e.clientY-ie.current,o=Math.floor(se.current+a),s=Math.floor(ae.current+i);o<0?V(0):o>ne.current-r-2?V(Math.max(ne.current-r-2,0)):V(o),s<0?q(0):s>te.current-n-2?q(Math.max(te.current-n-2,0)):q(s)}if(K.current)switch(ce.current){case Py.right:ue(e);break;case Py.up:de(e);break;case Py.left:me(e);break;case Py.down:fe(e);break;case Py.leftUp:me(e),de(e);break;case Py.leftDown:me(e),fe(e);break;case Py.rightUp:ue(e),de(e);break;case Py.rightDown:ue(e),fe(e)}},onMouseUp:he,onMouseLeave:he,ref:$,children:(0,s.jsxs)("div",{className:sA,ref:ee,children:[(0,s.jsx)("img",{src:t.imgUrl,className:cA}),(0,s.jsx)("div",{className:uA}),(0,s.jsx)("img",{src:t.imgUrl,className:lA,style:{clip:"rect(".concat(H,"px, ").concat(J+R,"px, ").concat(H+G,"px, ").concat(J,"px)")}}),(0,s.jsxs)("div",{className:dA,style:{position:"absolute",width:"".concat(R,"px"),height:"".concat(G,"px"),top:"".concat(H,"px"),left:"".concat(J,"px")},onMouseDown:function(e){re.current=e.clientX,ie.current=e.clientY;var t=Y.findDOMNode(S.current);se.current=t.offsetTop,ae.current=t.offsetLeft,X.current=!0},ref:S,children:[(0,s.jsx)("div",{className:"".concat(mA," ").concat(fA),onMouseDown:function(e){return ge(e,Py.leftUp)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(gA),onMouseDown:function(e){return ge(e,Py.up)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(hA),onMouseDown:function(e){return ge(e,Py.rightUp)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(pA),onMouseDown:function(e){return ge(e,Py.right)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(vA),onMouseDown:function(e){return ge(e,Py.rightDown)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(xA),onMouseDown:function(e){return ge(e,Py.down)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(yA),onMouseDown:function(e){return ge(e,Py.leftDown)}}),(0,s.jsx)("div",{className:"".concat(mA," ").concat(AA),onMouseDown:function(e){return ge(e,Py.left)}})]})]})})}),A&&(0,s.jsxs)("div",{className:wA,children:[(0,s.jsxs)("div",{className:AA,children:["clip"===m&&(0,s.jsx)(rA.Z,{className:jA,checked:_,onChange:function(e){D(e.target.checked)},children:f.formatMessage({id:"page.imageProcessingTool.WhetherRetainOriginalDimension"})}),(0,s.jsx)(fh.Z,{className:jA,style:{width:"zh-cn"===v?"160px":"200px"},min:bA,max:t.width,precision:0,value:R,addonBefore:f.formatMessage({id:"common.clippingWidth"}),onChange:function(e){var n=t.width;e&&e+J>n&&q(n-e),F(e||0)}}),(0,s.jsx)(fh.Z,{className:jA,style:{width:"zh-cn"===v?"160px":"200px"},min:bA,max:t.height,precision:0,value:G,addonBefore:f.formatMessage({id:"common.clippingHeight"}),onChange:function(e){var n=t.height;e&&e+H>n&&V(n-e),Q(e||0)}}),(0,s.jsx)(fh.Z,{className:jA,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.width-bA,precision:0,value:J,addonBefore:f.formatMessage({id:"common.distanceLeft"}),onChange:function(e){q(e||0);var n=t.width;e&&e+R>n&&F(n-e)}}),(0,s.jsx)(fh.Z,{className:jA,style:{width:"zh-cn"===v?"160px":"190px"},min:0,max:t.height-bA,precision:0,value:H,addonBefore:f.formatMessage({id:"common.distanceTop"}),onChange:function(e){V(e||0);var n=t.height;e&&e+G>n&&Q(n-e)}}),"mosaic"===m&&(0,s.jsx)(fh.Z,{className:jA,style:{width:"zh-cn"===v?"200px":"220px"},min:2,max:40,precision:0,value:N,addonBefore:f.formatMessage({id:"common.mosaicGrainSize"}),onChange:function(e){E(e||0)}}),(0,s.jsx)(oe.Z,{type:"primary",className:jA,onClick:function(){if(C.current)$c.ZP.warning(f.formatMessage({id:"common.workHard"}));else{C.current=!0;var e=null;"clip"===m?e=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]&&arguments[5],o=arguments.length>6?arguments[6]:void 0;if(e){var s=e.data,c=e.width,l=e.height,u=i,d=r,m=t,f=n;if(u<0?u=0:u>c&&(u=c),d<0?d=0:d>l&&(d=l),m<1?m=1:m>c&&(m=c),f<1?f=1:f>l&&(f=l),u+m>c&&(m=c-u),d+f>l&&(f=l-d),a){for(var g=new Uint8ClampedArray(s.length),h=0;h<l;h++)for(var p=0;p<c;p++){var v=4*(h*c+p);p>=u&&p<=u+m&&h>=d&&h<=d+f?(g[v]=s[v],g[v+1]=s[v+1],g[v+2]=s[v+2],g[v+3]=s[v+3]):(g[v]=255,g[v+1]=255,g[v+2]=255,g[v+3]=o&&["JPG","JPEG"].includes(o.toUpperCase())?255:0)}return new ImageData(g,c,l)}for(var x=new Uint8ClampedArray(m*f*4),y=d;y<=d+f;y++)for(var A=u;A<=u+m;A++){var w=4*((y-d)*m+A-u),j=4*(y*c+A);x[w]=s[j],x[w+1]=s[j+1],x[w+2]=s[j+2],x[w+3]=s[j+3]}return new ImageData(x,m,f)}return null}(t.imageData,R,G,H,J,_,t.fileType):"mosaic"===m&&(e=function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:10;if(e){var o=e.data,s=e.width,c=e.height,l=i,u=r,d=t,m=n;l<0?l=0:l>s&&(l=s),u<0?u=0:u>c&&(u=c),d<1?d=1:d>s&&(d=s),m<1?m=1:m>c&&(m=c),l+d>s&&(d=s-l),u+m>c&&(m=c-u);for(var f=new Uint8ClampedArray(o.length),g=0;g<c;g++)for(var h=0;h<s;h++){var p=4*(g*s+h);if(h>=l&&h<=l+d&&g>=u&&g<=u+m){var v=Math.floor((h-l)/a),x=Math.floor((g-u)/a),y=Math.floor(a*(v+1)-a/2+l),A=Math.floor(a*(x+1)-a/2+u);y>s-1&&(y=s-1),A>c-1&&(A=c-1);var w=4*(A*s+y);f[p]=o[w],f[p+1]=o[w+1],f[p+2]=o[w+2],f[p+3]=o[w+3]}else f[p]=o[p],f[p+1]=o[p+1],f[p+2]=o[p+2],f[p+3]=o[p+3]}return new ImageData(f,s,c)}return null}(t.imageData,R,G,H,J,N)),e?n(e):$c.ZP.error(f.formatMessage({id:"common.operationFailure"})),C.current=!1}},disabled:!A,children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:pA,ghost:!0,type:"primary",onClick:u,children:f.formatMessage({id:"common.clear"})})]})]})};function DA(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function MA(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?DA(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):DA(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var kA=function(e){return(0,s.jsx)(_A,MA(MA({},e),{},{type:"clip"}))},NA={container:"RadiusClip_container__bZNss",imgBox:"RadiusClip_imgBox__SFDg7",content:"RadiusClip_content__iPE9l",operationBtns:"RadiusClip_operationBtns__Ie5iK",left:"RadiusClip_left__cn1dW",operationBtn:"RadiusClip_operationBtn__8mksR",right:"RadiusClip_right__bHjkd"},EA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,h.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useRef)(!1),x=(0,r.useState)(!1),y=(0,o.Z)(x,2),A=y[0],w=y[1],j=(0,r.useState)(4),b=(0,o.Z)(j,2),_=b[0],D=b[1];(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<20||n<20?($c.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void p(!1)):e>1350||n>1350?($c.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void p(!1)):(p(!0),w(!1),void D(4))}),[t]);return(0,s.jsxs)("div",{className:NA.container,children:[(0,s.jsx)("div",{className:NA.imgBox,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:a,onDragLeave:c,onDrop:l,children:g&&(0,s.jsx)("div",{className:NA.content,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px"),borderRadius:"".concat(_,"px")},children:(0,s.jsx)("img",{src:t.imgUrl,className:NA.img})})}),g&&(0,s.jsxs)("div",{className:NA.operationBtns,children:[(0,s.jsxs)("div",{className:NA.left,children:["PNG"!==t.fileType&&(0,s.jsx)(rA.Z,{className:NA.operationBtn,checked:A,onChange:function(e){w(e.target.checked)},children:d.formatMessage({id:"page.imageProcessingTool.clippedAndConvertedToPng"})}),(0,s.jsx)(fh.Z,{className:NA.operationBtn,style:{width:"180px"},min:0,max:Math.min(Math.floor(t.width/2),Math.floor(t.height/2)),precision:0,value:_,addonBefore:d.formatMessage({id:"page.imageProcessingTool.filletRadius"}),onChange:function(e){D(e)}}),(0,s.jsx)(oe.Z,{type:"primary",className:NA.operationBtn,onClick:function(){if(v.current)$c.ZP.warning(d.formatMessage({id:"common.workHard"}));else if(_){v.current=!0;var e=function(e,t,n,r){if(e){var i=e.data,a=e.width,o=e.height,s=t;s>Math.floor(a/2)&&(s=Math.floor(a/2)),s>Math.floor(o/2)&&(s=Math.floor(o/2)),s<0&&(s=0);for(var c=new Uint8ClampedArray(i.length),l=0;l<o;l++)for(var u=0;u<a;u++){var d=4*(l*a+u),m=-1;u<s?l<s?m=Math.sqrt(Math.pow(s-u-1,2)+Math.pow(s-l-1,2)):l>o-s-1&&(m=Math.sqrt(Math.pow(s-u-1,2)+Math.pow(l-(o-s),2))):u>a-s-1&&(l<s?m=Math.sqrt(Math.pow(u-(a-s),2)+Math.pow(s-l-1,2)):l>o-s-1&&(m=Math.sqrt(Math.pow(u-(a-s),2)+Math.pow(l-(o-s),2)))),Math.round(m)>s?(c[d]=255,c[d+1]=255,c[d+2]=255,c[d+3]=r||"PNG"===n.toUpperCase()?0:255):(c[d]=i[d],c[d+1]=i[d+1],c[d+2]=i[d+2],c[d+3]=r||"PNG"===n.toUpperCase()?i[d+3]:255)}return new ImageData(c,a,o)}return null}(t.imageData,_,t.fileType,A);e?n(e,A?"PNG":t.fileType):$c.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else $c.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterFilletRadius"}))},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:NA.right,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},CA=1e4,SA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,h.Z)(),m=(0,r.useState)(!0),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useState)(t.width),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(t.height),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1);return(0,r.useEffect)((function(){A(t.width),_(t.height)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(eA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:qy,children:[(0,s.jsxs)("div",{className:Ky,children:[(0,s.jsx)(rA.Z,{className:Xy,checked:g,onChange:function(e){p(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(y&&b)A(null),_(null);else if(y){var i=Math.floor(y*r/n);_(i)}else if(b){var a=Math.floor(b*n/r);A(a)}}else y||b||(A(n),_(r))},children:d.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(fh.Z,{className:Xy,style:{width:"160px"},min:1,max:CA,precision:0,value:y,addonBefore:d.formatMessage({id:"common.width"}),onChange:function(e){if(A(e),g&&e){var n=t.width,r=t.height,i=Math.floor(e*r/n);_(i)}}}),(0,s.jsx)(fh.Z,{className:Xy,style:{width:"160px"},min:1,max:CA,precision:0,value:b,addonBefore:d.formatMessage({id:"common.height"}),onChange:function(e){if(_(e),g&&e){var n=t.width,r=t.height,i=Math.floor(e*n/r);A(i)}}}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){if(D.current)$c.ZP.warning(d.formatMessage({id:"common.workHard"}));else{var e=t.imgUrl,r=t.width,i=t.height;if(y&&b){D.current=!0;var a=am(e,r,i,y,b,CA);a?n(a):$c.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else $c.ZP.warning(d.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:$y,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},PA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,h.Z)(),m=(0,r.useState)(0),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useRef)(!1),x=function(e){p(e)};return(0,r.useEffect)((function(){p(0)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(eA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),(0,s.jsxs)("div",{className:qy,children:[(0,s.jsxs)("div",{className:Ky,children:[(0,s.jsxs)("div",{className:Xy,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.darken"})}),(0,s.jsx)(mh.Z,{min:-255,max:255,marks:{0:"0"},value:"number"==typeof g?g:0,onChange:x}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.lighten"})}),(0,s.jsx)(fh.Z,{style:{margin:"0 16px"},min:-255,max:255,precision:0,value:g,onChange:x})]}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){if(v.current)$c.ZP.warning(d.formatMessage({id:"common.workHard"}));else{var e=t.imageData;if(g){v.current=!0;var r=function(e,t){if(e){for(var n=e.data,r=e.width,i=e.height,a=new Uint8ClampedArray(n.length),o=0;o<i;o++)for(var s=0;s<r;s++){var c=4*(o*r+s);a[c]=Math.max(Math.min(n[c]+t,255),0),a[c+1]=Math.max(Math.min(n[c+1]+t,255),0),a[c+2]=Math.max(Math.min(n[c+2]+t,255),0),a[c+3]=n[c+3]}return new ImageData(a,r,i)}return null}(e,g);r?n(r):$c.ZP.error(d.formatMessage({id:"common.operationFailure"})),v.current=!1}else $c.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterBrightness"}))}},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:$y,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},BA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,h.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useState)(!1),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useState)(0),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(!1),M=function(e){_(e)};return(0,r.useEffect)((function(){"PNG"!==t.fileType?($c.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseUploadPng"})),p(!1)):p(!0),_(0),A(!1)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(eA,{imgInfo:t,imgDragOver:i,onDragOver:a,onDragLeave:c,onDrop:l}),g&&(0,s.jsxs)("div",{className:qy,children:[(0,s.jsxs)("div",{className:Ky,children:[(0,s.jsx)(rA.Z,{className:Xy,checked:y,onChange:function(e){A(e.target.checked),e.target.checked&&_(1)},children:d.formatMessage({id:"page.imageProcessingTool.whetherValueFixed"})}),!y&&(0,s.jsxs)("div",{className:Xy,children:[(0,s.jsx)("span",{style:{color:"#444",marginRight:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeTransparent"})}),(0,s.jsx)(mh.Z,{min:-1,max:1,step:.1,marks:{0:"0"},value:"number"==typeof b?b:0,onChange:M}),(0,s.jsx)("span",{style:{color:"#444",marginLeft:"6px"},children:d.formatMessage({id:"page.imageProcessingTool.becomeOpaque"})})]}),(0,s.jsx)("div",{className:Xy,children:(0,s.jsx)(fh.Z,{min:y?0:-1,max:1,step:.1,precision:1,value:b,onChange:M})}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){if(D.current)$c.ZP.warning(d.formatMessage({id:"common.workHard"}));else if("number"==typeof b){D.current=!0;var e=function(e,t){var n=arguments.length>2&&void 0!==arguments[2]&&arguments[2];if(e){for(var r=e.data,i=e.width,a=e.height,o=new Uint8ClampedArray(r.length),s=0;s<a;s++)for(var c=0;c<i;c++){var l=4*(s*i+c);0===r[l+3]?(o[l]=255,o[l+1]=255,o[l+2]=255):(o[l]=r[l],o[l+1]=r[l+1],o[l+2]=r[l+2]);var u=r[l+3];u=n?Math.max(Math.min(Math.floor(255*t),255),0):Math.max(Math.min(Math.floor(u+255*t),255),0),o[l+3]=u}return new ImageData(o,i,a)}return null}(t.imageData,b,y);e?n(e):$c.ZP.error(d.formatMessage({id:"common.operationFailure"})),D.current=!1}else $c.ZP.warning(d.formatMessage({id:"page.imageProcessingTool.pleaseEnterDiaphaneity"}))},children:d.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:$y,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})},IA="AddWatermark_container__eVhbf",TA="AddWatermark_imgBox__ZRRUr",RA="AddWatermark_content__q-ZzY",FA="AddWatermark_leftBox__S-y1M",OA="AddWatermark_img1__s1l8c",ZA="AddWatermark_clipBox__EW8Jl",GA="AddWatermark_operationBtns__Sua9p",QA="AddWatermark_left__hmpKc",LA="AddWatermark_box__X5Tyg",zA="AddWatermark_top__MW-nl",HA="AddWatermark_uploadBtn__TXNYs",VA="AddWatermark_bottom__EipS9",UA="AddWatermark_operationBtn__-tdIk",WA="AddWatermark_right__KM8W0",YA=20,JA=function(e){var t=e.imgInfo,n=e.exportImage,i=e.imgDragOver,a=e.onDragOver,c=e.onDragLeave,l=e.onDrop,u=e.onClear,d=(0,h.Z)(),m=(0,r.useState)(!1),f=(0,o.Z)(m,2),g=f[0],p=f[1],v=(0,r.useState)(null),x=(0,o.Z)(v,2),y=x[0],A=x[1],w=(0,r.useRef)(!1),j=(0,r.useRef)(null),b=Math.max(Math.floor(t.width/2),YA),_=Math.max(Math.floor(t.height/2),YA),D=(0,r.useState)(b),M=(0,o.Z)(D,2),k=M[0],N=M[1],E=(0,r.useState)(_),C=(0,o.Z)(E,2),S=C[0],P=C[1],B=(0,r.useState)(0),I=(0,o.Z)(B,2),T=I[0],R=I[1],F=(0,r.useState)(0),O=(0,o.Z)(F,2),Z=O[0],G=O[1],Q=(0,r.useRef)(!1),L=(0,r.useRef)(null),z=(0,r.useRef)(null),H=(0,r.useRef)(0),V=(0,r.useRef)(0),U=(0,r.useRef)(0),W=(0,r.useRef)(0),J=(0,r.useRef)(0),q=(0,r.useRef)(0),K=function(){var e=Math.max(Math.floor(t.width/2),YA),n=Math.max(Math.floor(t.height/2),YA);N(e),P(n),G(0),R(0)},X=function(){Q.current=!1};(0,r.useEffect)((function(){var e=t.width,n=t.height;return e<YA||n<YA?($c.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooSmall"})),void p(!1)):e>=1350||n>=1350?($c.ZP.error(d.formatMessage({id:"page.imageProcessingTool.imageTooLarge"})),void p(!1)):(p(!0),void A(null))}),[t]),(0,r.useEffect)((function(){if(g&&y&&z.current){var e=Y.findDOMNode(z.current),t=e.offsetWidth,n=e.offsetHeight;H.current=t,V.current=n}}),[g,y]);return(0,s.jsxs)("div",{className:IA,children:[(0,s.jsx)("div",{className:TA,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:function(e){y?(e.stopPropagation(),e.preventDefault()):a(e)},onDragLeave:function(e){y?(e.stopPropagation(),e.preventDefault()):c(e)},onDrop:function(e){y?(e.stopPropagation(),e.preventDefault()):l(e)},children:g&&(0,s.jsx)("div",{className:RA,style:{width:"".concat(t.width,"px"),height:"".concat(t.height,"px")},onMouseMove:function(e){if(Q.current&&j.current){var t=Y.findDOMNode(j.current),n=t.offsetWidth,r=t.offsetHeight,i=e.clientX-U.current,a=e.clientY-W.current,o=Math.floor(q.current+a),s=Math.floor(J.current+i);o<0?R(0):o>V.current-r-2?R(Math.max(V.current-r-2,0)):R(o),s<0?G(0):s>H.current-n-2?G(Math.max(H.current-n-2,0)):G(s)}},onMouseUp:X,onMouseLeave:X,ref:L,children:(0,s.jsxs)("div",{className:FA,ref:z,children:[(0,s.jsx)("img",{src:t.imgUrl,className:OA}),y&&(0,s.jsx)("div",{className:ZA,style:{position:"absolute",width:"".concat(k,"px"),height:"".concat(S,"px"),top:"".concat(T,"px"),left:"".concat(Z,"px")},onMouseDown:function(e){U.current=e.clientX,W.current=e.clientY;var t=Y.findDOMNode(j.current);q.current=t.offsetTop,J.current=t.offsetLeft,Q.current=!0},ref:j,children:(0,s.jsx)("img",{src:y.imgUrl,alt:""})})]})})}),g&&(0,s.jsxs)("div",{className:GA,children:[(0,s.jsx)("div",{className:QA,children:(0,s.jsxs)("div",{className:LA,children:[(0,s.jsxs)("div",{className:zA,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:HA,children:[(0,s.jsx)(Gu.Z,{}),d.formatMessage({id:"common.uploadWatermark"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var n=e.target.files;n&&0!==n.length&&xl(n[0],(function(e){if(e){var n=e.width,r=e.height;if(n<=20||r<=20)return A(null),K(),void $c.ZP.error(d.formatMessage({id:"common.watermarkSizeLimit"}));if(n>t.width||r>t.height)return A(null),K(),void $c.ZP.error(d.formatMessage({id:"common.watermarkSizeTooLarge"}));A(e),N(n),P(r),G(0),R(0)}else A(null),K(),$c.ZP.error(d.formatMessage({id:"common.parsingDataFailure"}))}))}})]}),y?y.name:d.formatMessage({id:"common.noData"})]}),y&&(0,s.jsxs)("div",{className:VA,children:[(0,s.jsx)(fh.Z,{className:UA,style:{width:"160px"},min:0,max:t.width-YA,precision:0,value:Z,addonBefore:d.formatMessage({id:"common.distanceLeft"}),onChange:function(e){G(e||0);var n=t.width;e&&e+k>n&&N(n-e)}}),(0,s.jsx)(fh.Z,{className:UA,style:{width:"160px"},min:0,max:t.height-YA,precision:0,value:T,addonBefore:d.formatMessage({id:"common.distanceTop"}),onChange:function(e){R(e||0);var n=t.height;e&&e+S>n&&P(n-e)}}),(0,s.jsx)(oe.Z,{type:"primary",className:UA,onClick:function(){if(w.current)$c.ZP.warning(d.formatMessage({id:"common.workHard"}));else{if(y){w.current=!0;var e=function(e,t,n,r){if(e&&t){var i=e.data,a=e.width,o=e.height,s=t.data,c=t.width,l=t.height,u=n,d=r;n+l>o&&(u=o-l),r+c>a&&(d=a-c);for(var m=new Uint8ClampedArray(i.length),f=0;f<o;f++)for(var g=0;g<a;g++){var h=4*(f*a+g);if(g<d||g>d+c||f<=u||f>=u+l)m[h]=i[h],m[h+1]=i[h+1],m[h+2]=i[h+2],m[h+3]=i[h+3];else{var p=4*(f*a+g-((u+1)*a+(f-(u+1))*(a-c))+c-d-1),v=[s[p],s[p+1],s[p+2],s[p+3]],x=[i[h],i[h+1],i[h+2],i[h+3]],y=lm(v,x);m[h]=y[0],m[h+1]=y[1],m[h+2]=y[2],m[h+3]=y[3]}}return new ImageData(m,a,o)}return null}(t.imageData,y.imageData,T,Z);e?n(e):$c.ZP.error(d.formatMessage({id:"common.operationFailure"}))}w.current=!1}},disabled:!g,children:d.formatMessage({id:"common.confirm"})})]})]})}),(0,s.jsx)(oe.Z,{className:WA,ghost:!0,type:"primary",onClick:u,children:d.formatMessage({id:"common.clear"})})]})]})};function qA(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function KA(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?qA(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):qA(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}var XA,$A=function(e){return(0,s.jsx)(_A,KA(KA({},e),{},{type:"mosaic"}))},ew=function(e){var t=e.imgInfo,n=e.imgDragOver,i=e.onDragOver,a=e.onDragLeave,c=e.onDrop,l=e.onClear,u=(0,h.Z)(),m=d().locale,f=(0,r.useState)(70),g=(0,o.Z)(f,2),p=g[0],v=g[1],x=(0,r.useRef)(!1),y=function(e){if(e){var n="image";if(t&&t.name){var r=t.name.split(".");r.length>1?(r.splice(r.length-1,1,t.fileType.toLowerCase()),n=r.join(".")):(r.push(t.fileType.toLowerCase()),n=r.join("."))}_l(e,n)}};return(0,r.useEffect)((function(){v(70)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(eA,{imgInfo:t,imgDragOver:n,onDragOver:i,onDragLeave:a,onDrop:c}),(0,s.jsxs)("div",{className:qy,children:[(0,s.jsxs)("div",{className:Ky,children:[(0,s.jsx)(fh.Z,{className:Xy,style:{width:"zh-cn"===m?"200px":"240px"},min:10,max:90,precision:0,value:p,addonBefore:u.formatMessage({id:"page.imageProcessingTool.compressibility"}),addonAfter:"%",onChange:function(e){v(e||10)}}),(0,s.jsx)(oe.Z,{type:"primary",className:Xy,onClick:function(){if(x.current)$c.ZP.warning(u.formatMessage({id:"common.workHard"}));else{var e=t.imageData,n=t.imgUrl,r=t.width,i=t.height,a=t.fileType;x.current=!0,["JPG","JPEG"].includes(a)?om(n,r,i,a,p,(function(e){e?y(e):$c.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1})):om(e,r,i,a,p,(function(e){e?y(e):$c.ZP.error(u.formatMessage({id:"common.operationFailure"})),x.current=!1}))}},children:u.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:$y,ghost:!0,type:"primary",onClick:l,children:u.formatMessage({id:"common.clear"})})]})]})};function tw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function nw(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?tw(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):tw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e[e.basicOperation=0]="basicOperation",e[e.rectClip=1]="rectClip",e[e.radiusClip=2]="radiusClip",e[e.changeSize=3]="changeSize",e[e.changeBrightness=4]="changeBrightness",e[e.changeDiaphaneity=5]="changeDiaphaneity",e[e.addWatermark=6]="addWatermark",e[e.coverWithMosaic=7]="coverWithMosaic",e[e.photoCompression=8]="photoCompression"}(XA||(XA={}));var rw,iw=function(){var e=(0,h.Z)(),t=(0,r.useState)(!1),n=(0,o.Z)(t,2),i=n[0],a=n[1],c=(0,r.useState)(null),l=(0,o.Z)(c,2),u=l[0],d=l[1],m=function(t){t&&0!==t.length&&xl(t[0],(function(t){d(t),t||$c.ZP.error(e.formatMessage({id:"common.parsingDataFailure"}))}))},f=function(e){e.stopPropagation(),e.preventDefault(),i||a(!0)},g=function(e){e.stopPropagation(),e.preventDefault(),i&&a(!1)},p=function(e){e.stopPropagation(),e.preventDefault(),i&&a(!1);var t=e.dataTransfer.files;m(t)},v={imgInfo:u,exportImage:function(e,t){if(e&&u){var n=t?t.toLowerCase():u.fileType.toLowerCase();!function(e){var t=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"png",n=arguments.length>2?arguments[2]:void 0;if(e){var r=e.width,i=e.height,a=document.createElement("canvas"),o=a.getContext("2d");a.width=r,a.height=i,o.putImageData(e,0,0,0,0,r,i);var s="image/".concat(t?t.toLowerCase():"png");a.toBlob((function(e){n(e)}),s,1)}else n(null)}(e,n,(function(e){if(e){var t="image";if(u&&u.name){var r=u.name.split(".");r.length>1?r.splice(r.length-1,1,n):r.push(n),t=r.join(".")}_l(e,t)}}))}},imgDragOver:i,onDragOver:f,onDragLeave:g,onDrop:p,onClear:function(){d(null)}},x=[{id:XA.basicOperation,label:e.formatMessage({id:"menu.imageProcessingTool.basicOperation"}),element:(0,s.jsx)(nA,nw({},v))},{id:XA.rectClip,label:e.formatMessage({id:"menu.imageProcessingTool.rectangularClipping"}),element:(0,s.jsx)(kA,nw({},v))},{id:XA.radiusClip,label:e.formatMessage({id:"menu.imageProcessingTool.roundedCornerClipping"}),element:(0,s.jsx)(EA,nw({},v))},{id:XA.changeSize,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTheSize"}),element:(0,s.jsx)(SA,nw({},v))},{id:XA.changeBrightness,label:e.formatMessage({id:"menu.imageProcessingTool.modifyBrightness"}),element:(0,s.jsx)(PA,nw({},v))},{id:XA.changeDiaphaneity,label:e.formatMessage({id:"menu.imageProcessingTool.modifyTransparency"}),element:(0,s.jsx)(BA,nw({},v))},{id:XA.addWatermark,label:e.formatMessage({id:"menu.imageProcessingTool.addWatermark"}),element:(0,s.jsx)(JA,nw({},v))},{id:XA.coverWithMosaic,label:e.formatMessage({id:"menu.imageProcessingTool.coverWithMosaics"}),element:(0,s.jsx)($A,nw({},v))},{id:XA.photoCompression,label:e.formatMessage({id:"menu.imageProcessingTool.imageCompression"}),element:(0,s.jsx)(ew,nw({},v))}],y=(0,r.useState)(x[0].id),A=(0,o.Z)(y,2),w=A[0],j=A[1];return(0,s.jsx)("div",{className:Oy,children:(0,s.jsxs)("div",{className:Zy,children:[(0,s.jsx)(Fy,{className:Gy,data:x,selectedTabId:w,onChange:function(e){j(e)}}),!u&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:Qy,style:{borderColor:i?"#0E5E6F":"#3A8891"},onDragOver:f,onDragLeave:g,onDrop:p,children:(0,s.jsxs)("div",{className:Vy,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:Uy,children:[(0,s.jsx)(Gu.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;m(t)}})]}),(0,s.jsx)("p",{className:Wy,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:Yy,children:e.formatMessage({id:"common.supportedImageType"})})]})}),(0,s.jsxs)("div",{className:Jy,children:[e.formatMessage({id:"page.imageProcessingTool.extensionTipFront"}),(0,s.jsx)("span",{onClick:function(){window.open("https://github.com/hepengwei/processing-image-tool")},children:" processing-image-tool "}),e.formatMessage({id:"page.imageProcessingTool.extensionTipBehind"})]})]}),u&&x.filter((function(e){return e.id===w}))[0].element]})})},aw=n(36646),ow=function(e,t,n){var r=[];if(e&&e.length>0){var i=e.length;!function a(){var o=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;Promise.resolve().then((function(){var s=t(e[o]);s&&r.push(s),o<i?a(o+1):n(r)}))}()}else n(r)},sw=function(e,t){ow(e,Od,t)},cw=function(e,t){ow(e,Zd,t)},lw=function(e,t){ow(e,Gd,t)},uw=function(e,t){ow(e,Qd,t)},dw=function(e,t){ow(e,Ld,t)},mw=function(e,t){ow(e,zd,t)},fw="VideoProcessingTool_container__BB0WX",gw="VideoProcessingTool_content__vEAlV",hw="VideoProcessingTool_tabs__IOPiv",pw="VideoProcessingTool_videoBox__VaAOO",vw="VideoProcessingTool_fileBox__-EqQu",xw="VideoProcessingTool_fileInfo__jcnht",yw="VideoProcessingTool_item__OfC05",Aw="VideoProcessingTool_emptyBox__iij8A",ww="VideoProcessingTool_uploadBtn__dud8d",jw="VideoProcessingTool_text__HgRiy",bw="VideoProcessingTool_tips__owSoa",_w="VideoProcessingTool_tip__BWFDX",Dw="VideoProcessingTool_operationBtns__ggNb4",Mw="VideoProcessingTool_left__TwGNr",kw="VideoProcessingTool_operationBtn__VQXVB",Nw="VideoProcessingTool_right__OL-TL",Ew=function(e){var t=e.videoInfo,n=e.videoDragOver,r=e.onDragOver,i=e.onDragLeave,a=e.onDrop,o=(0,h.Z)();return(0,s.jsx)("div",{className:pw,style:{borderColor:n?"#0E5E6F":"#3A8891"},onDragOver:r,onDragLeave:i,onDrop:a,children:(0,s.jsxs)("div",{className:vw,children:[(0,s.jsx)("img",{src:t.firstImgUrl,alt:""}),(0,s.jsxs)("div",{className:xw,children:[(0,s.jsxs)("div",{className:yw,children:[o.formatMessage({id:"common.filename"}),"：",t.name]}),(0,s.jsxs)("div",{className:yw,children:[o.formatMessage({id:"common.format"}),"：",t.fileType]}),(0,s.jsxs)("div",{className:yw,children:[o.formatMessage({id:"common.dimension"}),"：",t.width&&t.height?"".concat(t.width,"x").concat(t.height):o.formatMessage({id:"common.unknown"})]}),(0,s.jsxs)("div",{className:yw,children:[o.formatMessage({id:"common.size"}),"：",pl(t.size)]}),(0,s.jsxs)("div",{className:yw,children:[o.formatMessage({id:"common.duration"}),"：",vl(t.duration)]})]})]})})},Cw={flipSideToSideStatus:{doing:!1,videoChunks:null},flipUpsideDownStatus:{doing:!1,videoChunks:null},leftRotateStatus:{doing:!1,videoChunks:null},rightRotateStatus:{doing:!1,videoChunks:null},toGreyStatus:{doing:!1,videoChunks:null},toBlackAndWhiteStatus:{doing:!1,videoChunks:null}},Sw=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,i=e.imgDataListToChunks,a=e.videoDragOver,o=e.generatingVideoRef,c=e.onDragOver,l=e.onDragLeave,u=e.onDrop,d=e.onClear,m=(0,h.Z)(),f=(0,r.useRef)((0,hl.Z)(Cw)),g=function(e,r){e&&e.videoChunks?Dl(e.videoChunks,t.name):t.imageDataList&&t.imageDataList.length>0&&n((function(){setTimeout((function(){r(t.imageDataList,(function(n){o.current&&i(n,(function(n){Dl(n,t.name),e.videoChunks=n}))}))}),100)}))};return(0,s.jsxs)("div",{children:[(0,s.jsx)(Ew,{videoInfo:t,videoDragOver:a,onDragOver:c,onDragLeave:l,onDrop:u}),(0,s.jsxs)("div",{className:Dw,children:[(0,s.jsxs)("div",{className:Mw,children:[(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.flipSideToSideStatus,sw)},children:m.formatMessage({id:"common.flipSideToSide"})}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.flipUpsideDownStatus,cw)},children:m.formatMessage({id:"common.flipTopToBottom"})}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.leftRotateStatus,lw)},children:m.formatMessage({id:"common.rotateLeft"})}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.rightRotateStatus,uw)},children:m.formatMessage({id:"common.rotateRight"})}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.toGreyStatus,dw)},children:m.formatMessage({id:"common.graying"})}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){return g(f.current.toBlackAndWhiteStatus,mw)},children:m.formatMessage({id:"common.vampix"})})]}),(0,s.jsx)(oe.Z,{className:Nw,ghost:!0,type:"primary",onClick:d,children:m.formatMessage({id:"common.clear"})})]})]})},Pw=1e4,Bw=function(e){var t=e.videoInfo,n=e.startgeneratingVideo,i=e.imgDataListToChunks,a=e.videoDragOver,c=e.generatingVideoRef,l=e.onDragOver,u=e.onDragLeave,d=e.onDrop,m=e.onClear,f=(0,h.Z)(),g=(0,r.useState)(!0),p=(0,o.Z)(g,2),v=p[0],x=p[1],y=(0,r.useState)(t.width),A=(0,o.Z)(y,2),w=A[0],j=A[1],b=(0,r.useState)(t.height),_=(0,o.Z)(b,2),D=_[0],M=_[1];(0,r.useRef)(!1);return(0,r.useEffect)((function(){j(t.width),M(t.height)}),[t]),(0,s.jsxs)("div",{children:[(0,s.jsx)(Ew,{videoInfo:t,videoDragOver:a,onDragOver:l,onDragLeave:u,onDrop:d}),(0,s.jsxs)("div",{className:Dw,children:[(0,s.jsxs)("div",{className:Mw,children:[(0,s.jsx)(rA.Z,{className:kw,checked:v,onChange:function(e){x(e.target.checked);var n=t.width,r=t.height;if(e.target.checked){if(w&&D)j(null),M(null);else if(w){var i=Math.floor(w*r/n);M(i)}else if(D){var a=Math.floor(D*n/r);j(a)}}else w||D||(j(n),M(r))},children:f.formatMessage({id:"common.whetherMaintainOriginalProportion"})}),(0,s.jsx)(fh.Z,{className:kw,style:{width:"160px"},min:1,max:Pw,precision:0,value:w,addonBefore:f.formatMessage({id:"common.width"}),onChange:function(e){if(j(e),v&&e){var n=t.width,r=t.height,i=Math.floor(e*r/n);M(i)}}}),(0,s.jsx)(fh.Z,{className:kw,style:{width:"160px"},min:1,max:Pw,precision:0,value:D,addonBefore:f.formatMessage({id:"common.height"}),onChange:function(e){if(M(e),v&&e){var n=t.width,r=t.height,i=Math.floor(e*n/r);j(i)}}}),(0,s.jsx)(oe.Z,{type:"primary",className:kw,onClick:function(){w&&D?n((function(){setTimeout((function(){!function(e,t,n,r,i){var a=arguments.length>5&&void 0!==arguments[5]?arguments[5]:1e4,o=arguments.length>6?arguments[6]:void 0,s=[];if(e&&e.length>0){var c=e.length,l=function l(){var u=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;Promise.resolve().then((function(){var d=am(e[u],t,n,r,i,a);d&&s.push(d),u<c?l(u+1):o(s)}))};l()}else o(s)}(t.imageDataList,t.width,t.height,w,D,Pw,(function(e){c.current&&i(e,(function(e){Dl(e,t.name)}))}))}),100)})):$c.ZP.warning(f.formatMessage({id:"common.pleaseEnterWidthOrHeight"}))},children:f.formatMessage({id:"common.confirm"})})]}),(0,s.jsx)(oe.Z,{className:Nw,ghost:!0,type:"primary",onClick:m,children:f.formatMessage({id:"common.clear"})})]})]})},Iw=function(){var e=(0,h.Z)();return(0,s.jsx)("div",{style:{boxSizing:"border-box",width:"100%",height:"100%",minHeight:"320px",color:"#ffffff",fontSize:"24px",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,display:"flex",justifyContent:"center",alignItems:"center",backgroundImage:"linear-gradient(135deg, #224141, #162a2a)"},children:e.formatMessage({id:"common.comingSoon.text"})})},Tw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Rw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Fw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Ow=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Zw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Gw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})},Qw=function(e){return(0,s.jsx)("div",{children:(0,s.jsx)(Iw,{})})};function Lw(e,t){var n=Object.keys(e);if(Object.getOwnPropertySymbols){var r=Object.getOwnPropertySymbols(e);t&&(r=r.filter((function(t){return Object.getOwnPropertyDescriptor(e,t).enumerable}))),n.push.apply(n,r)}return n}function zw(e){for(var t=1;t<arguments.length;t++){var n=null!=arguments[t]?arguments[t]:{};t%2?Lw(Object(n),!0).forEach((function(t){(0,P.Z)(e,t,n[t])})):Object.getOwnPropertyDescriptors?Object.defineProperties(e,Object.getOwnPropertyDescriptors(n)):Lw(Object(n)).forEach((function(t){Object.defineProperty(e,t,Object.getOwnPropertyDescriptor(n,t))}))}return e}!function(e){e[e.basicOperation=0]="basicOperation",e[e.changeSize=1]="changeSize",e[e.clipping=2]="clipping",e[e.combine=3]="combine",e[e.varyingVelocity=4]="varyingVelocity",e[e.addWatermark=5]="addWatermark",e[e.generateGIF=6]="generateGIF",e[e.AIGenerateSubtitles=7]="AIGenerateSubtitles",e[e.addAudio=8]="addAudio"}(rw||(rw={}));var Hw=function(){var e=(0,h.Z)(),t=(0,r.useRef)(null),n=(0,r.useState)(!1),i=(0,o.Z)(n,2),a=i[0],c=i[1],l=(0,r.useState)(!1),u=(0,o.Z)(l,2),d=u[0],m=u[1],f=(0,r.useRef)(!1),g=(0,r.useState)(!1),p=(0,o.Z)(g,2),x=p[0],y=p[1],A=(0,r.useRef)(!1),w=(0,r.useState)(null),j=(0,o.Z)(w,2),b=j[0],_=j[1],D=(0,r.useRef)(null),M=(0,r.useRef)(null),k=(0,r.useRef)(null),N=(0,r.useRef)(null),E=(0,r.useRef)(0),C=(0,r.useRef)([]),S=function e(){if(f.current&&t.current&&k.current){var n=t.current,r=n.videoWidth,i=n.videoHeight;k.current.drawImage(t.current,0,0,r,i);var a=k.current.getImageData(0,0,r,i);C.current.push(a),E.current=window.requestAnimationFrame(e)}},P=function e(t){var n,r=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0;!A.current||r>=t.length?(null===(n=N.current)||void 0===n||n.stop(),A.current&&(A.current=!1,y(!1))):k.current&&(k.current.putImageData(t[r],0,0,0,0,t[0].width,t[0].height),E.current=window.requestAnimationFrame(e.bind(null,t,r+1)))},B=function(n){if(n&&0!==n.length){var r=n[0],i=r.type.split("/");if("video"===i[0]){f.current=!0,m(!0);var a=i[1].toUpperCase(),o=t.current,s=URL.createObjectURL(r);o.onloadeddata=function(){var e=o.videoWidth,t=o.videoHeight,n=o.duration,i=document.createElement("canvas");i.width=e,i.height=t;var c=i.getContext("2d");M.current=i,k.current=c,c.drawImage(o,0,0,e,t);var l=M.current.toDataURL("image/png"),u={name:r.name,fileType:a,size:r.size,width:e,height:t,duration:n,videoUrl:s,firstImgUrl:l,imageDataList:C.current};D.current=u,_(u),C.current.splice(0,C.current.length),S()},o.onended=function(){var e;null===(e=N.current)||void 0===e||e.stop(),f.current=!1,m(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)},o.onerror=function(){$c.ZP.error(e.formatMessage({id:"common.parsingDataFailure"})),D.current=null,_(null)},o.src=s}}},I=function(e){e.stopPropagation(),e.preventDefault(),a||c(!0)},T=function(e){e.stopPropagation(),e.preventDefault(),a&&c(!1)},R=function(e){e.stopPropagation(),e.preventDefault(),a&&c(!1);var t=e.dataTransfer.files;B(t)},F=function(){D.current=null,_(null),f.current=!1,m(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)};(0,r.useEffect)((function(){return F}),[]);var O={videoInfo:b,startgeneratingVideo:function(e){A.current=!0,y(!0),e()},imgDataListToChunks:function(e,t){if(e&&e.length>0&&M.current&&k.current){k.current.clearRect(0,0,M.current.width,M.current.height),M.current.width=e[0].width,M.current.height=e[0].height;var n=M.current.captureStream(),r=MediaRecorder.isTypeSupported("video/webm;codecs=vp9")?"video/webm;codecs=vp9":"video/webm",i=new MediaRecorder(n,{audioBitsPerSecond:128e3,videoBitsPerSecond:5e6,mimeType:r});i.ondataavailable=function(e){if(e.data&&e.data.size>0&&D.current){var n=[e.data];t(n)}},N.current=i,i.start(),P(e)}else t([])},videoDragOver:a,generatingVideoRef:A,onDragOver:I,onDragLeave:T,onDrop:R,onClear:function(){D.current=null,_(null)}},Z=[{id:rw.basicOperation,label:e.formatMessage({id:"menu.videoProcessingTool.basicOperation"}),element:(0,s.jsx)(Sw,zw({},O))},{id:rw.changeSize,label:e.formatMessage({id:"menu.videoProcessingTool.modifyTheSize"}),element:(0,s.jsx)(Bw,zw({},O))},{id:rw.clipping,label:e.formatMessage({id:"menu.videoProcessingTool.clipping"}),element:(0,s.jsx)(Tw,zw({},O))},{id:rw.combine,label:e.formatMessage({id:"menu.videoProcessingTool.combine"}),element:(0,s.jsx)(Rw,zw({},O))},{id:rw.varyingVelocity,label:e.formatMessage({id:"menu.videoProcessingTool.varyingVelocity"}),element:(0,s.jsx)(Fw,zw({},O))},{id:rw.addWatermark,label:e.formatMessage({id:"menu.videoProcessingTool.addWatermark"}),element:(0,s.jsx)(Ow,zw({},O))},{id:rw.generateGIF,label:e.formatMessage({id:"menu.videoProcessingTool.generateGIF"}),element:(0,s.jsx)(Zw,zw({},O))},{id:rw.AIGenerateSubtitles,label:e.formatMessage({id:"menu.videoProcessingTool.AIGenerateSubtitles"}),element:(0,s.jsx)(Gw,zw({},O))},{id:rw.addAudio,label:e.formatMessage({id:"menu.videoProcessingTool.addAudio"}),element:(0,s.jsx)(Qw,zw({},O))}],G=(0,r.useState)(Z[0].id),Q=(0,o.Z)(G,2),L=Q[0],z=Q[1];return(0,s.jsxs)("div",{className:fw,children:[(0,s.jsxs)("div",{className:gw,children:[(0,s.jsx)(Fy,{className:hw,data:Z,selectedTabId:L,onChange:function(e){z(e)}}),!b&&(0,s.jsxs)(s.Fragment,{children:[(0,s.jsx)("div",{className:pw,style:{borderColor:a?"#0E5E6F":"#3A8891"},onDragOver:I,onDragLeave:T,onDrop:R,children:(0,s.jsxs)("div",{className:Aw,children:[(0,s.jsxs)(oe.Z,{type:"primary",className:ww,children:[(0,s.jsx)(Gu.Z,{}),e.formatMessage({id:"common.uploadFile"}),(0,s.jsx)("input",{type:"file",accept:"image/jpg, image/jpeg, image/png",onChange:function(e){var t=e.target.files;B(t)}})]}),(0,s.jsx)("p",{className:jw,children:e.formatMessage({id:"common.dragTheFileHere"})}),(0,s.jsx)("p",{className:bw,children:e.formatMessage({id:"common.supportedVideoType"})})]})}),(0,s.jsx)("div",{className:_w,children:e.formatMessage({id:"page.videoProcessingTool.tip"})})]}),b&&Z.filter((function(e){return e.id===L}))[0].element]}),(0,s.jsx)("video",{style:{width:"".concat(null==b?void 0:b.width,"px"),height:"".concat(null==b?void 0:b.height,"px"),visibility:"hidden"},muted:!0,autoPlay:!0,"x5-video-player-fullscreen":"true","x5-playsinline":"true",playsInline:!0,"webkit-playsinline":"true",crossOrigin:"anonymous",ref:t}),(0,s.jsx)(v.Z,{open:d,closeIcon:null,footer:null,centered:!0,keyboard:!1,width:400,children:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,s.jsx)(aw.Z,{size:"large",style:{marginTop:"40px"}}),(0,s.jsx)("span",{style:{marginTop:"10px",fontSize:"18px"},children:e.formatMessage({id:"common.parsingData"})}),(0,s.jsx)(oe.Z,{type:"primary",size:"large",style:{marginTop:"30px",width:"100px"},onClick:F,children:e.formatMessage({id:"common.cancel"})})]})}),(0,s.jsx)(v.Z,{open:x,closeIcon:null,footer:null,centered:!0,keyboard:!1,width:400,children:(0,s.jsxs)("div",{style:{display:"flex",flexDirection:"column",alignItems:"center"},children:[(0,s.jsx)(aw.Z,{size:"large",style:{marginTop:"40px"}}),(0,s.jsx)("span",{style:{marginTop:"10px",fontSize:"18px"},children:e.formatMessage({id:"page.videoProcessingTool.generatingVideo"})}),(0,s.jsx)(oe.Z,{type:"primary",size:"large",style:{marginTop:"30px",width:"100px"},onClick:function(){A.current=!1,y(!1),E.current&&(window.cancelAnimationFrame(E.current),E.current=0)},children:e.formatMessage({id:"common.cancel"})})]})})]})},Vw=n(32370),Uw=n(68023),Ww=n(95131),Yw=n(27240),Jw=n(60532),qw=n(94432),Kw=n(82658),Xw=n(93450),$w=n(8690),ej=n(37744),tj=n(17813),nj=n(3174),rj=n(5931),ij=n(71257),aj=n(17274),oj=n(87164),sj=n(61972),cj=n(6267);Uw.D([Yw.N,Jw.N,qw.N,Kw.N,Xw.N,$w.N,ej.N,tj.N,rj.N,ij.N,aj.N,oj.T,sj.z,cj.N,nj.N]);var lj=Ww,uj=n(70794),dj=n(45969),mj=1e4,fj=1e3,gj=1e12,hj=1e9,pj=1e6,vj=1e3,xj=Object.freeze({thousand:"K",million:"M",billion:"B",trillion:"T"}),yj=/([0])\1{2}/,Aj=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(e.isZero()&&!t)return"N/A";if(e.isZero()&&t)return"0";if(e.gte(gj)||e.isEqualTo(gj))return e.div(gj).toFormat(1)+xj.trillion;if((e.gte(hj)||e.isEqualTo(hj))&&e.lte(gj))return e.div(hj).toFormat(1)+xj.billion;if((e.gte(pj)||e.isEqualTo(pj))&&e.lte(gj)&&e.lte(hj))return e.div(pj).toFormat(1)+xj.million;if(e.gte(mj))return e.div(vj).toFormat(1)+xj.thousand;if(e.gte(fj)&&e.lte(mj))return e.div(vj).toFormat(2)+xj.thousand;var n=e.toFixed().split(".")[1];return e.lte(fj)&&!yj.test(n)?0===e.dp()?e.toFormat(0):e.dp(4).toNumber():e.lte(fj)&&yj.test(n)?"".concat(e.integerValue(uj.Z.ROUND_DOWN),".").concat(wj(n)):"N/A"},wj=function(e){for(var t=e.toString().split(""),n=[],r=1;r<=t.length&&new uj.Z(t[r]).isEqualTo(new uj.Z(t[r-1]));r++)new uj.Z(+t[r]).isZero()&&n.push(t[r]);return n.length<=1?t.splice(0,4).join(""):"0{".concat(n.length+1,"}").concat(t.splice(n.length+1,4).join(""))},jj=function(e){var t=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if((0,dj.xbD)(e)||(0,dj.kKJ)(e))return"N/A";var n=new uj.Z(e),r=n.isNegative();if(r){var i=Aj(n.absoluteValue(),t);return"N/A"===i||"0"===i?i:"-".concat(i)}return Aj(n,t)},bj=function(e,t){var n=e.options,i=void 0===n?{}:n,a=e.renderType,o=void 0===a?"canvas":a,c=e.style,l=void 0===c?{width:"100%",height:"100%"}:c,u=e.onHoverChange,d=e.onClickChange,m=e.legendSelectChanged,f=e.onGlobalout,g=(0,r.useRef)(null),h=(0,r.useRef)(null);(0,r.useImperativeHandle)(t,(function(){return h}),[]);var p=(0,r.useCallback)((function(){if(g.current){var e,t,n,r,a,s,c=null==lj?void 0:lj.getInstanceByDom(g.current);if(h.current=c||(null==lj?void 0:lj.init(g.current,void 0,{renderer:o})),d&&(null===(e=h.current)||void 0===e||e.on("click",(function(e){d(e)}))),u&&(null===(t=h.current)||void 0===t||t.on("mousemove",(function(e){u(e)}))),m&&(null===(n=h.current)||void 0===n||n.on("legendselectchanged",(function(e){m(e)}))),"pie"===(i.series&&(null!==(r=null===(a=i.series[0])||void 0===a?void 0:a.type)&&void 0!==r?r:"")))(null==i?void 0:i.series)[0].labelLayout=function(e){return function(e,t){var n=e.labelRect.x<t.getWidth()/2,r=e.labelLinePoints;return r?(r[2][0]=n?e.labelRect.x:e.labelRect.x+e.labelRect.width,{labelLinePoints:r}):{}}(e,h.current)};f&&(null===(s=h.current)||void 0===s||s.on("globalout",f)),h.current.setOption(i)}}),[i,o]);return(0,r.useEffect)((function(){var e=function(){var e=null==h?void 0:h.current;e&&e.resize()};return window.addEventListener("resize",e),function(){window.removeEventListener("resize",e)}}),[]),(0,r.useEffect)((function(){return p(),function(){var e=h.current;e&&e.dispose()}}),[i]),(0,s.jsx)("div",{ref:g,style:l})},_j=r.forwardRef(bj,{}),Dj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{show:!0,trigger:"axis",enterable:!0,axisPointer:{type:"cross",crossStyle:{color:"#999"}},formatter:function(e){if(e){var t=e[0].value;if(t&&t.length>=2)return'<span><span style="margin-right:20px">'.concat((0,sr.Z)(t[0],"MM-dd"),"</span>$").concat(jj(t[1],!0),"</span>")}return""}},grid:{left:14,right:14,top:40,bottom:16,containLabel:!0},xAxis:{type:"time",axisPointer:{show:!0,type:"shadow",label:{show:!1}},axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,formatter:"{MM}-{dd}",rotate:45},axisLine:{show:!0}},yAxis:{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}},axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},series:[{type:"bar",barWidth:6,label:{show:!1,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,position:"top"},itemStyle:{normal:{color:function(e){return e.data&&e.data[1]<0&&e.data[1]<0?"#EB5454":"#47b262"}}}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(_j,{options:o,style:n,onClickChange:a,onHoverChange:i})},Mj="Bar_container__hb+LN",kj="Bar_box__JphSL",Nj="Bar_echart__tCYPn",Ej=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<60;t++){var n=new Date,r=(0,Vw.Z)(n,60-t).valueOf(),a=8e3*(Math.random()-.5);e.push([r,a])}i(e)}()}),[]),(0,s.jsx)("div",{className:Nj,children:(0,s.jsx)(Dj,{data:{dataSource:n}})})},Cj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e,n=(e=null==t?void 0:t.legendData,{graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],color:b,legend:{show:!0,data:e,textStyle:{overflow:"truncate",fontSize:13,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},tooltip:{trigger:"axis",axisPointer:{type:"cross",crossStyle:{color:"#999"}},textStyle:{fontWeight:400}},grid:{left:60,right:20,top:40,bottom:60},xAxis:[{type:"category",axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,rotate:45}}],yAxis:[{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}},axisLabel:{show:!0,color:"#808191",fontSize:12,formatter:function(e){return jj(e,!0)}}}],series:[{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(jj(e,!0))}}},{type:"bar",barWidth:18,stack:"one",tooltip:{valueFormatter:function(e){return"$".concat(jj(+e,!0))}}},{type:"line",yAxisIndex:0,tooltip:{valueFormatter:function(e){return"$".concat(jj(e,!0))}}}],dataset:{source:[]}}),r=t.dataSource;return r?(n.dataset={source:r},n):n}),[t]);return(0,s.jsx)(_j,{options:o,style:n,onClickChange:a,onHoverChange:i})},Sj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[["project","increase","decrease","sum"]],t=0;t<20;t++){var n="name".concat(t+1),r=8e3*Math.random(),a=8e3*-Math.random(),o=r+a;e.push([n,r,a,o])}i(e)}()}),[]),(0,s.jsx)("div",{className:Nj,children:(0,s.jsx)(Cj,{data:{dataSource:n,legendData:[{name:"increase",icon:"rect"},{name:"decrease",icon:"rect"},{name:"sum"}]}})})},Pj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useRef)(null),c=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{show:!0,trigger:"item",borderColor:"transparent",enterable:!0,showDelay:10,hideDelay:150},legend:{top:10,type:"scroll",icon:"circle",itemWidth:12,itemGap:22,textStyle:{overflow:"truncate",fontSize:13,color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500}},grid:{top:50,left:30,right:26,bottom:20,containLabel:!0},xAxis:{type:"value",splitLine:{show:!0,lineStyle:{color:["rgba(159,173,242,0.2)"],width:1,type:"dashed"}}},yAxis:{type:"category",axisPointer:{show:!0,type:"shadow",label:{show:!1}},axisLabel:{color:"#808191",fontSize:13}},series:[{type:"bar",stack:"total",barWidth:36,label:{show:!1},emphasis:{focus:"series",blurScope:"global"},selectedMode:"single",select:{disabled:!1,itemStyle:{borderWidth:1,borderColor:"#1D212A"}}}],dataset:{source:[]}},n=t.yAxisTransform,r=t.dataSource;if(!r||"{}"===JSON.stringify(r))return e;for(var i=Object.keys(r),a=[],o=["product"],s=0,c=function(e){var t=i[e],c=r[t],l=Object.keys(c);e===i.length-1&&(o=o.concat(l),a.push(o),s=l.length);var u=[];n&&n[t]?u.push(n[t]):u.push(t),l.forEach((function(e){var t=c[e];u.push(t.length)})),a.push(u)},l=i.length-1;l>=0;l--)c(l);if(e.dataset.source=a,s>1)for(var u=e.series.shift(),d=s-1;d>=0;d--){var m=(0,hl.Z)(u);e.series.push(m)}return e.tooltip.formatter=function(e,t){if(t.startsWith("item")){var i,a=e.name,o=e.seriesName,s=e.color,c=a;if(n)for(var l=Object.keys(n),u=l.length-1;u>=0;u--){var d=l[u];if(n[d]===a){c=d;break}}var m=null!==(i=r[c][o])&&void 0!==i?i:[],f="<div style='max-height:540px;overflow-y:auto;user-select:text;font-size:12px;' class='echart-scrollbar-style'>\n        <div style='margin-bottom:4px;color:#999999'>".concat(c,"</div>\n        <div style='margin-bottom:3px;display:flex;justify-content:space-between;align-items:center'><div style='display:flex;align-items:center'>\n        <div style='width:10px;line-height:10px;heigth:10px;min-height:10px;max-height:10px;border-radius:5px;background-color:").concat(s,"'></div>\n        <div style='width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:8px'>").concat(o,"</div></div>\n        <div style='color:#222222'>").concat(m.length,"</div></div>");return m.forEach((function(e){f+="<div style='width:180px;height:20px;line-height:20px;overflow:hidden;text-overflow:ellipsis;margin:4px 0'>".concat(e,"</div>")})),f+="</div>"}var g="";return e.forEach((function(e,t){var r=e.name,i=e.seriesName,a=e.color,o=e.seriesIndex,s=e.data;if(0===t){var c=r;if(n)for(var l=Object.keys(n),u=l.length-1;u>=0;u--){var d=l[u];if(n[d]===r){c=d;break}}g+="<div style='max-height:510px;overflow-y:auto;user-select:text;font-size:12px;' class='echart-scrollbar-style'><div style='margin-bottom:4px;color:#999999'>".concat(c,"</div>")}g+="<div style='margin:3px;display:flex;justify-content:space-between;align-items:center;font-size:12px;'><div style='display:flex;align-items:center;'>\n          <div style='width:10px;line-height:10px;heigth:10px;min-height:10px;max-height:10px;border-radius:5px;background-color:".concat(a,"'></div>\n          <div style='width:180px;overflow:hidden;text-overflow:ellipsis;margin-left:8px'>").concat(i,"</div></div>\n          <div style='color:#222222;margin-left:4px'>").concat(s[o+1],"</div></div>")})),g+="</div>"},e}),[t]),l=(0,r.useCallback)((function(){var e=o.current;if(null!=e&&e.current){var t=[],n=c.series.length;if(n)for(var r=0;r<n;r++)t.push(r);e.current.dispatchAction({type:"unselect",dataIndex:t})}}),[c]);return(0,s.jsx)(_j,{options:c,style:n,onClickChange:a,onHoverChange:i,onGlobalout:l,ref:o})},Bj=function(){var e=(0,r.useState)({}),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){i({"first party":{Live:["绝地求生","无限法则","重生边缘"],Development:["新天龙部","魔域","战神觉醒","热血合击","神戒","原神","神武4"],Legacy:["贪玩蓝月","赤月传说2","超激斗梦境","仙侠世界2"],"Pre-planned":["裁决战歌","绿茵信仰"],Canceled:["流放之路","战","大皇帝传奇世界","生死狙击2"],Finished:["王者荣耀","英雄联盟"]},"second party":{Live:["我的世界"],Development:["最终幻想14","守望先锋","DOTA2","激战2","魔域永恒","武动苍穹","鬼谷无双新版","永劫无间"],Legacy:["古剑奇谭网络版","火影忍者","斗罗大陆"],"Pre-planned":["剑灵","热血传奇神武4","暗黑大天使"],Canceled:["地下城与勇士","剑网3重制版","全面战争竞技场","艾兰岛"],Finished:["天涯明月刀","热血合击"]},"third party":{Live:["英雄联盟","穿越火线","天涯明月刀","生死狙击","龙武","战意"],Development:["逆水寒33333333333333333333333333333333333333333333333","魔力宝贝","奇迹MU","莽荒纪2","热血国2","领地人生"],Legacy:["魔兽世界","诛仙3","传奇霸业","泰亚史诗"],"Pre-planned":["龙武2","梦幻西游","剑网3","蓝月传奇","神座","热血战歌","龙神契约","堡垒之夜","天龙部归来","穿越火线HD"],Canceled:["炉石传说","攻城掠地","万智牌竞技场"],Finished:["传奇霸业","龙武"]}})}),[]),(0,s.jsx)("div",{className:Nj,children:(0,s.jsx)(Pj,{data:{dataSource:n}})})},Ij=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],color:["#F76F69","#7C51ED"],legend:{show:!1},tooltip:{trigger:"axis",textStyle:{fontWeight:400}},grid:{left:20,right:20,top:20,bottom:60},xAxis:[{type:"category",axisLabel:{color:"#808191",fontFamily:"SourceHanSansCN-Medium",fontWeight:500,fontSize:12,margin:30},axisLine:{show:!1},axisTick:{show:!1}}],yAxis:[{type:"value",show:!1}],series:[{type:"bar",barWidth:18,tooltip:{valueFormatter:function(e){return"$".concat(jj(e,!0))}},itemStyle:{borderRadius:9}},{type:"line",smooth:!0,symbol:"none",tooltip:{valueFormatter:function(e){return"$".concat(jj(e,!0))}},lineStyle:{width:4},areaStyle:{color:"rgba(124,81,237,0.1)"}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(_j,{options:o,style:n,onClickChange:a,onHoverChange:i})},Tj=["Sun","Mon","Tue","Wed","Thu","Fri","Sat"],Rj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){var e=[["project","type1","type2"]];Tj.forEach((function(t){var n=8e3*Math.random()+1e3,r=n+1e3*Math.random()+1e3;e.push([t,n,r])})),i(e)}()}),[]),(0,s.jsx)("div",{className:Nj,children:(0,s.jsx)(Ij,{data:{dataSource:n}})})},Fj=be.GridBox,Oj=[{element:(0,s.jsx)(Ej,{})},{element:(0,s.jsx)(Sj,{})},{element:(0,s.jsx)(Bj,{})},{element:(0,s.jsx)(Rj,{})}],Zj=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Mj,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:Oj.map((function(e,t){return(0,s.jsx)(Fj,{children:(0,s.jsx)("div",{className:kj,children:e.element})},t)}))})})},Gj=function(e){var t=e.data,n=e.style,i=e.onHoverChange,a=e.onClickChange,o=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],legend:{type:"scroll",height:"88%",right:12,top:"middle",icon:"rect",align:"left",orient:"vertical",itemWidth:20,itemHeight:8,itemGap:12,textStyle:{width:120,overflow:"truncate",color:"#808191",fontSize:14,fontFamily:"SourceHanSansCN-Medium",fontWeight:500},selectedMode:!0,pageTextStyle:{color:"#808191"}},tooltip:{show:!0,valueFormatter:function(e){return jj(e,!0)}},series:[{name:"Price",type:"pie",radius:["52%","68%"],avoidLabelOverlap:!1,label:{show:!1,position:"center",fontSize:26,formatter:function(e){return e&&e.value?"{value|".concat(jj(e.value[1],!0),"}\n\n").concat(e.name):""},rich:{value:{color:"#fff",fontFamily:"SourceHanSansCN-Bold",fontWeight:"bold",fontSize:28}}},emphasis:{label:{show:!0,fontSize:20,color:"#ccc",fontWeight:"normal"}},labelLine:{show:!1}}],dataset:{source:[]}},n=t.dataSource;return n?(e.dataset={source:n},e):e}),[t]);return(0,s.jsx)(_j,{options:o,style:n,onClickChange:a,onHoverChange:i})},Qj="Pie_container__7WS5q",Lj="Pie_box__iB+Jb",zj="Pie_echart__9ruPj",Hj=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<10;t++){var n="name".concat(t+1),r=8e3*Math.random();e.push([n,r])}i(e)}()}),[]),(0,s.jsx)("div",{className:zj,children:(0,s.jsx)(Gj,{data:{dataSource:n}})})},Vj="Pie2_container__1kWGu",Uj="Pie2_chartBox__WFi8U",Wj="Pie2_rightBox__qDUHz",Yj="Pie2_item__gvlG9",Jj="Pie2_rect__cmCdf",qj="Pie2_name__MCsdh",Kj="Pie2_value__lMuMg",Xj=function(e){var t,n=e.data,i=e.style,a=e.onHoverChange,o=e.onClickChange,c=(0,r.useRef)(null),l=(0,r.useRef)(0),u=(0,r.useMemo)((function(){var e={color:b,graphic:[{type:"image",left:"center",top:"middle",z:900,style:{image:"data:image/png;base64,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",width:450,height:103,opacity:.1},silent:!0}],tooltip:{trigger:"item",formatter:function(e){var t=e.value;return"".concat(t[0]," : $").concat(jj(t[1],!0))}},series:[{name:"Price",type:"pie",radius:["53%","68%"],left:"10%",emphasis:{label:{show:!0,fontSize:20,color:"#ffffff",width:150,lineHeight:20,overflow:"truncate",formatter:function(e){var t=e.value;return"".concat(t[0]," \n $").concat(jj(t[1],!0))}}},avoidLabelOverlap:!1,label:{show:!1,position:"center"},labelLine:{show:!1}}],dataset:{source:[]}},t=n.dataSource;return t?(e.dataset={source:t},e):e}),[n]);return(0,s.jsxs)("div",{className:Vj,children:[(0,s.jsx)("div",{className:Uj,children:(0,s.jsx)(_j,{options:u,style:i,onClickChange:o,onHoverChange:function(e){!function(e){var t,n=e.dataIndex;null!==(t=c.current)&&void 0!==t&&t.current&&"series"===e.componentType&&n!==l.current&&(c.current.current.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:l.current}),c.current.current.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:n}),l.current=n)}(e),a&&a(e)},ref:c})}),(0,s.jsx)("div",{className:Wj,children:null==n||null===(t=n.dataSource)||void 0===t?void 0:t.map((function(e,t){return(0,s.jsxs)("div",{className:Yj,onMouseMove:function(){return function(e){var t;null!==(t=c.current)&&void 0!==t&&t.current&&e!==l.current&&(c.current.current.dispatchAction({type:"downplay",seriesIndex:0,dataIndex:l.current}),c.current.current.dispatchAction({type:"highlight",seriesIndex:0,dataIndex:e}),l.current=e)}(t)},children:[(0,s.jsx)("div",{className:Jj,style:{backgroundColor:b[t]}}),(0,s.jsx)("div",{className:qj,children:e[0]}),(0,s.jsx)("div",{className:Kj,children:"$".concat(e[1])})]},t)}))})]})},$j=function(){var e=(0,r.useState)([]),t=(0,o.Z)(e,2),n=t[0],i=t[1];return(0,r.useEffect)((function(){!function(){for(var e=[],t=0;t<10;t++){var n=Math.ceil(4*Math.random()+1),r="".concat("name".repeat(n)).concat(t+1),a=8e3*Math.random();e.push([r,a])}i(e)}()}),[]),(0,s.jsx)("div",{className:zj,children:(0,s.jsx)(Xj,{data:{dataSource:n}})})},eb=be.GridBox,tb=[{element:(0,s.jsx)(Hj,{})},{element:(0,s.jsx)($j,{})}],nb=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:Qj,children:(0,s.jsx)(be,{differentScreenCols:[2,2,2,1,1],rowSpace:4,colSpace:4,children:tb.map((function(e,t){return(0,s.jsx)(eb,{children:(0,s.jsx)("div",{className:Lj,children:e.element})},t)}))})})},rb=n(61192),ib="Tree_container__aIZ1p",ab="Tree_box__r2FXq",ob="Tree_echart__AMoeM";rb.ZP.registerNode("custom-node",{drawShape:function(e,t){if(e&&t){var n="#fff",r="#0d1b3f",i="#6e768c";switch(e.level){case 1:n="#3b4fcc",r="#fff",i="#fff";break;case 2:n="#86B6F6"}var a=t.addShape("rect",{attrs:{fill:n,stroke:n,radius:6},name:"box-shape"}),o=function(e,t){var n=0,r="";if(!e||t<=0)return e;var i,a=Ke(e);try{for(a.s();!(i=a.n()).done;){var o=i.value;n>=t?(r+="".concat(o,"\n"),n=0):(r+=o,n++)}}catch(e){a.e(e)}finally{a.f()}return r.endsWith("\n")&&(r=r.substring(0,r.length-1)),r}("【第".concat(e.level,"层】").concat(e.title),20),s=t.addShape("text",{attrs:{text:o,fontSize:6,lineHeight:9,fontWeight:500,textAlign:"left",textBaseline:"middle",fill:r},capture:!1,name:"title-shape"}),c=s.getBBox();s.attr({x:-c.width/2,y:0});var l=Math.floor((c.height-6)/9)+1,u=c.height;l<=1?u+=4:u-=Math.ceil(4*(l-2));var d,m=t.addShape("text",{attrs:{text:e.code,x:-c.width/2,y:u,fontSize:6,lineHeight:9,textAlign:"left",textBaseline:"middle",fill:i},capture:!1,name:"code-shape"}).getBBox();if(a.attr({x:-c.width/2-6,y:-c.height/2-6,width:c.width+12,height:Math.ceil(c.height+m.height+12+l)}),e.level>1&&e.children&&e.children.length>0)if(t.addShape("circle",{attrs:{x:0,y:u+10,r:6,fill:"#fff",stroke:"#cfd1d9",lineWidth:.5,cursor:"pointer"},name:"collapse-icon"}),null!==(d=t.cfg)&&void 0!==d&&d.item){var f=t.cfg.item.getModel().collapsed;t.addShape("marker",{attrs:{x:0,y:u+10,r:2,fill:"#fff",stroke:"#0d1b3f",cursor:"pointer",symbol:function(e,t,n){return[["M",e-n,t+n/2],["L",e,t-n/2],["L",e+n,t+n/2]]}},visible:!f,capture:!1,name:"collapse-marker"}),t.addShape("text",{attrs:{text:e.children.length,x:0,y:u+10.5,fontSize:6,lineHeight:9,textAlign:"center",textBaseline:"middle",fill:"#0d1b3f",cursor:"pointer"},visible:!!f,capture:!1,name:"num-text"})}return a}return null},setState:function(e,t,n){if("collapsed"===e){var r=null==n?void 0:n.getContainer();if(r){var i=r.find((function(e){return"collapse-marker"===e.get("name")}));null==i||i.set("visible",!t);var a=r.find((function(e){return"num-text"===e.get("name")}));null==a||a.set("visible",t)}}}},"single-node");var sb=function(){var e=(0,r.useRef)(null),t=(0,r.useRef)(null);return(0,r.useEffect)((function(){!function(){if(e.current){var n=e.current.clientWidth||500,r=e.current.clientHeight||300;t.current||(t.current=new rb.ZP.TreeGraph({container:e.current,width:n,height:r,fitView:!0,fitViewPadding:80,modes:{default:["drag-canvas","zoom-canvas","drag-node"]},defaultNode:{type:"custom-node"},defaultEdge:{type:"cubic-vertical",style:{stroke:"#cfd1d9",lineWidth:1,endArrow:{path:rb.ZP.Arrow.circle(2,0),d:0,fill:"#cfd1d9"}}},layout:{type:"compactBox",direction:"TB",getId:function(e){return e.id},getVGap:function(){return 22},getHGap:function(){return 60}}}))}}(),t.current&&(t.current.data({id:"ID1",level:1,title:"这是标题这是标题这是标题这是标题这是标题",code:"1004353453453425",children:[{id:"ID11",level:2,title:"这是标题这是标题这是标题这是标题这是标题",code:"10056575674576576",children:[{id:"ID111",level:3,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1111",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1112",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]},{id:"ID112",level:3,title:"这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1121",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1122",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"},{id:"ID1123",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]},{id:"ID113",level:3,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657",children:[{id:"ID1131",level:4,title:"这是标题这是标题这是标题这是标题这是标题",code:"100665756756786657"}]}]}]}),t.current.off("node:click").on("node:click",(function(e){"collapse-icon"===e.target.get("name")&&(e.item.getModel().collapsed=!e.item.getModel().collapsed,t.current.setItemState(e.item,"collapsed",e.item.getModel().collapsed),t.current.layout())})),t.current.render())}),[]),(0,r.useEffect)((function(){var n=function(){t.current&&!t.current.get("destroyed")&&e.current&&(t.current.changeSize(e.current.clientWidth,e.current.clientHeight),t.current.fitView())};return window.addEventListener("resize",n),function(){window.removeEventListener("resize",n)}}),[]),(0,s.jsx)("div",{className:ob,ref:e})},cb=[{element:(0,s.jsx)(sb,{})}],lb=function(){var e=d().setScrollTop;return(0,r.useEffect)((function(){e(0)}),[]),(0,s.jsx)("div",{className:ib,children:cb.map((function(e,t){return(0,s.jsx)("div",{className:ab,children:e.element},t)}))})},ub=[{path:"/html",children:[{path:"/html/visualDesign",element:(0,s.jsx)(Ir,{})},{path:"/html/interactiveDesign",element:(0,s.jsx)(Pc,{})},{path:"/html/backgroundEffect",element:(0,s.jsx)(Rc,{})},{path:"/html/complexLayout",element:(0,s.jsx)(uu,{})},{path:"/html/appPageFrame",element:(0,s.jsx)(Ou,{})},{path:"/html/utilitarianFunction",element:(0,s.jsx)(jm,{})}]},{path:"/css",children:[{path:"/css/dynamicButtons",element:(0,s.jsx)(Bf,{})},{path:"/css/richDynamicEffect",element:(0,s.jsx)(dh,{})},{path:"/css/generateRegularPolygon",element:(0,s.jsx)(jh,{})}]},{path:"/canvas",children:[{path:"/canvas/sphereCollisionExample",element:(0,s.jsx)(Th,{})},{path:"/canvas/dynamicClock",element:(0,s.jsx)(Oh,{})},{path:"/canvas/searchlight",element:(0,s.jsx)(Qh,{})},{path:"/canvas/globuleInteraction",element:(0,s.jsx)(Uh,{})},{path:"/canvas/killPlanetGame",element:(0,s.jsx)(ep,{})},{path:"/canvas/freeFallingBody",element:(0,s.jsx)(cp,{})},{path:"/canvas/countDown",element:(0,s.jsx)(Ap,{})},{path:"/canvas/particlesBg",element:(0,s.jsx)(jp,{})},{path:"/canvas/rippleFloatOnTheWater",element:(0,s.jsx)(Ep,{})},{path:"/canvas/flowerBloom",element:(0,s.jsx)(Tp,{})},{path:"/canvas/codeBgWall",element:(0,s.jsx)(Zp,{})},{path:"/canvas/wordDance",element:(0,s.jsx)(Hp,{})},{path:"/canvas/scratch",element:(0,s.jsx)(Wp,{})},{path:"/canvas/matchLine",element:(0,s.jsx)(iv,{})}]},{path:"/echarts",children:[{path:"/echarts/bar",element:(0,s.jsx)(Zj,{})},{path:"/echarts/pie",element:(0,s.jsx)(nb,{})},{path:"/echarts/tree",element:(0,s.jsx)(lb,{})}]},{path:"/threejs",children:[{path:"/threejs/threejsAppPageFrame",element:(0,s.jsx)(yv,{})},{path:"/threejs/carShow",element:(0,s.jsx)(Iv,{})},{path:"/threejs/rubiksCube",element:(0,s.jsx)(Hv,{})},{path:"/threejs/throwDice",element:(0,s.jsx)(nx,{})},{path:"/threejs/mapDisplay",element:(0,s.jsx)(Ox,{})},{path:"/threejs/earthDisplay",element:(0,s.jsx)(xy,{})}]},{path:"/AIApplication",children:[{path:"/AIApplication/humanPostureDetection",element:(0,s.jsx)(ky,{})},{path:"/AIApplication/notBlockPeopleBarrage",element:(0,s.jsx)(Ty,{})}]},{path:"/imageProcessingTool",element:(0,s.jsx)(iw,{})},{path:"/videoProcessingTool",element:(0,s.jsx)(Hw,{})}],db=[{path:"/*",element:(0,s.jsx)(xe,{})}],mb=n(29558),fb={"zh-cn":{"common.logoName":"视觉效果集合","common.reward":"打赏","common.reward.tip":"如果觉得网站不错，内容对你有所帮助，再打赏也不迟","common.LanguageSwitch":"中英文切换","common.keepUpdating":"持续更新, 敬请期待","common.comingSoon":"敬请期待","common.comingSoon.text":"该项目持续更新，敬请期待！！！","common.workHard":"正在努力工作，请稍后","common.tryingToLoad":"努力加载中，请稍等","common.start":"开始","common.end":"结束","common.operationFailure":"操作失败","common.noData":"暂无","common.unknown":"未知","common.confirm":"确定","common.cancel":"取消","common.clear":"清空","common.play":"播放","common.pause":"暂停","common.download":"下载","common.get":"获取","common.failedToObtain":"获取失败","common.failedToObtain2":"获取失败，浏览器不支持","common.pleaseEnterText":"请输入文本","common.getText":"获取文本","common.save":"保存","common.saveSuccessfully":"保存成功","common.saveFailed":"保存失败，浏览器不支持","common.parsingDataFailure":"解析数据失败，请更换其他文件","common.uploadFile":"上传文件","common.dragTheFileHere":"或将文件拖到此处","common.supportedImageType":"支持jpg、jpeg、png格式","common.supportedVideoType":"支持webm、mp4格式","common.pleaseUploadPicture":"请先上传图片","common.deviceNotFound":"请求的设备未找到","common.impowerOpenMicrophone":"授权失败，请点击设置->隐私设置和安全->网站设置->麦克风，打开允许使用","common.impowerOpenCamera":"授权失败，请点击设置->隐私设置和安全->网站设置->摄像头，打开允许使用","common.notSupportGetUserMedia":"浏览器不支持getUserMedia","common.notSupportGetDisplayMedia":"浏览器不支持getDisplayMedia","common.browserTooLow":"您的浏览器版本过低，请更新浏览器","common.backgroundColor":"背景色","common.filename":"文件名","common.format":"格式","common.dimension":"尺寸","common.size":"大小","common.width":"宽度","common.height":"高度","common.duration":"时长","common.transparency":"透明色","common.red":"红色","common.blue":"蓝色","common.white":"白色","common.watermarkSizeLimit":"请选择20x20以上尺寸的水印图片","common.watermarkSizeTooLarge":"请选择小于目标图片尺寸的水印图片","common.uploadWatermark":"上传水印","common.distanceLeft":"距离左侧","common.distanceTop":"距离顶部","common.clippingWidth":"裁剪宽度","common.clippingHeight":"裁剪高度","common.flipSideToSide":"左右翻转","common.flipTopToBottom":"上下翻转","common.rotateLeft":"左旋转","common.rotateRight":"右旋转","common.graying":"灰化","common.vampix":"黑白化","common.mosaicGrainSize":"马赛克颗粒大小","common.parsingData":"解析数据中","common.whetherMaintainOriginalProportion":"是否保持原比例","common.pleaseEnterWidthOrHeight":"请输入宽度或高度","common.reset":"重置","common.backout":"撤销","common.delete":"删除","common.inquire":"查询","common.checkout":"校验","common.moduleTitle":"模块标题","common.customizeContent":"自定义内容","common.ad.btnText":"马上体验","menu.htmlVision":"Html视觉","menu.htmlVision.visualDesign":"视觉设计","menu.htmlVision.interactiveDesign":"交互设计","menu.htmlVision.backgroundPattern":"背景图案","menu.htmlVision.complexLayout":"复杂布局","menu.htmlVision.applicationPageFrame":"应用页面框架","menu.htmlVision.utilitarianFunction":"实用功能","menu.cssDynamicEffect":"Css动效","menu.cssDynamicEffect.dynamicEffectButton":"动效按钮","menu.cssDynamicEffect.richDynamicEffect":"丰富动效","menu.cssDynamicEffect.generateRegularPolygon":"生成正多边形","menu.cssDynamicEffect.musicVisualization":"音乐可视化","menu.canvasDynamicEffect":"Canvas动效","menu.canvasDynamicEffect.sphereCollisionExample":"sphere-collision库示例","menu.canvasDynamicEffect.dynamicClock":"动态时钟","menu.canvasDynamicEffect.searchlightEffect":"探照灯效果","menu.canvasDynamicEffect.sphereCollisionInteraction":"球体碰撞交互","menu.canvasDynamicEffect.destroyThePlanetGame":"消灭行星小游戏","menu.canvasDynamicEffect.sphereFreeFallInteraction":"球体自由落体交互","menu.canvasDynamicEffect.coolCountdownAnimation":"炫酷倒计时动画","menu.canvasDynamicEffect.dynamicParticleBackground":"动态粒子背景","menu.canvasDynamicEffect.rippleEffect":"水波荡漾效果","menu.canvasDynamicEffect.flowerBloomingAnimation":"花卉绽放动画","menu.canvasDynamicEffect.codeBackgroundWall":"代码背景墙","menu.canvasDynamicEffect.wordDance":"文字跳舞","menu.canvasDynamicEffect.scratch":"刮刮乐","menu.canvasDynamicEffect.matchLine":"连接线","menu.echartsInteraction":"Echarts交互","menu.echartsInteraction.barCharts":"柱状图","menu.echartsInteraction.pieCharts":"饼图","menu.echartsInteraction.treeCharts":"树状图","menu.threeJs3D":"Three.js3D","menu.threeJs3D.appPageFrame":"炫酷3D应用页面","menu.threeJs3D.carShow":"汽车展览","menu.threeJs3D.rubiksCube":"3阶魔方","menu.threeJs3D.throwDice":"投骰子","menu.threeJs3D.mapDisplay":"地图展示","menu.threeJs3D.earthDisplay":"地球展示","menu.AIApplication":"人工智能应用","menu.AIApplication.humanPostureDetection":"人体姿态检测","menu.AIApplication.notBlockPeopleBarrage":"不挡人像的弹幕","menu.imageProcessingTool":"图片处理工具","menu.imageProcessingTool.basicOperation":"基础操作","menu.imageProcessingTool.rectangularClipping":"矩形裁剪","menu.imageProcessingTool.roundedCornerClipping":"圆角裁剪","menu.imageProcessingTool.modifyTheSize":"修改尺寸","menu.imageProcessingTool.modifyBrightness":"修改亮度","menu.imageProcessingTool.modifyTransparency":"修改透明度","menu.imageProcessingTool.addWatermark":"添加水印","menu.imageProcessingTool.coverWithMosaics":"打马赛克","menu.imageProcessingTool.imageCompression":"图片压缩","menu.videoProcessingTool":"视频处理工具","menu.videoProcessingTool.basicOperation":"基础操作","menu.videoProcessingTool.modifyTheSize":"修改尺寸","menu.videoProcessingTool.clipping":"裁剪","menu.videoProcessingTool.combine":"合并","menu.videoProcessingTool.varyingVelocity":"变速","menu.videoProcessingTool.addWatermark":"添加水印","menu.videoProcessingTool.generateGIF":"生成GIF图","menu.videoProcessingTool.AIGenerateSubtitles":"AI生成字幕","menu.videoProcessingTool.addAudio":"添加音频","page.htmlVision.visualDesign.displaysCustomRows":"该组件为超出时显示省略号的文本组件, 还可动态获取文字是否超出。","page.htmlVision.visualDesign.displaysCustomRows2":"该组件为可显示自定义行数，超出时显示省略号的文本组件，还支持在最后面出现省略号时显示自定义的文字按钮。","page.htmlVision.visualDesign.thisIsText":"这是文字。","page.htmlVision.visualDesign.quantumEntanglementTip":"该站中有隐藏款量子纠缠效果等待你发现哦。","page.htmlVision.visualDesign.brighten":"变亮","page.htmlVision.visualDesign.grayed":"变灰","page.htmlVision.visualDesign.textShadow":"文字阴影","page.htmlVision.interactiveDesign.magnifyingGlass":"放大镜交互效果","page.htmlVision.interactiveDesign.dragAndDropClipBox":"可拖拽裁剪框交互效果","page.htmlVision.interactiveDesign.dragAndDropShopping":"拖拽式购物交互效果","page.htmlVision.interactiveDesign.swipeTab":"左右滑动Tab切换交互效果","page.htmlVision.interactiveDesign.flipBoook":"翻书交互效果","page.htmlVision.interactiveDesign.switchButton":"左右滑动开关按钮","page.htmlVision.interactiveDesign.pseudo3DRubikCube":"伪3D魔方交互效果","page.htmlVision.interactiveDesign.3DRubikCube":"3D魔方交互效果","page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection":"自动辨别鼠标方向交互效果","page.htmlVision.interactiveDesign.wipeTheEffect":"擦除切换页面效果","page.htmlVision.interactiveDesign.title":"书名","page.htmlVision.interactiveDesign.price":"价格","page.htmlVision.interactiveDesign.count":"数量","page.htmlVision.interactiveDesign.total":"总计","page.htmlVision.interactiveDesign.addingToCart":"放开添加到购物车","page.htmlVision.interactiveDesign.dragToThisToBuy":"拖拽到此区域进行购买","page.htmlVision.interactiveDesign.previousPage":"前一页","page.htmlVision.interactiveDesign.nextPage":"后一页","page.htmlVision.interactiveDesign.personalArticle":"个人文章","page.htmlVision.interactiveDesign.autoCompletePunctuation":"自动补全标点输入框","page.htmlVision.interactiveDesign.stackedImages":"堆叠图片的悬停效果","page.htmlVision.utilitarianFunction.operatingShears":"操作剪切板","page.htmlVision.utilitarianFunction.saveTextToClipboard":"保存文本到剪切板","page.htmlVision.utilitarianFunction.pleaseEnterText":"请先输入文本","page.htmlVision.utilitarianFunction.getsTextFromClipboard":"从剪切板获取文本","page.htmlVision.utilitarianFunction.saveImageToClipboard":"保存图片到剪切板","page.htmlVision.utilitarianFunction.getImageFromClipboard":"从剪切板获取图片","page.htmlVision.utilitarianFunction.pasteTheImage":"Ctrl+V粘贴图片","page.htmlVision.utilitarianFunction.recordAudio":"录制音频","page.htmlVision.utilitarianFunction.startRecording":"开始录制","page.htmlVision.utilitarianFunction.whileRecording":"录制中，点击结束","page.htmlVision.utilitarianFunction.rerecord":"重新录制","page.htmlVision.utilitarianFunction.recordScreen":"录制屏幕","page.htmlVision.utilitarianFunction.recordVideo":"录制视频","page.htmlVision.utilitarianFunction.takeIDPhotos":"拍证件照","page.htmlVision.utilitarianFunction.clickToTakeAPhoto":"点击拍照","page.htmlVision.utilitarianFunction.readyToTakeAPhoto":"准备拍照","page.htmlVision.utilitarianFunction.backPhoto":"重新拍照","page.htmlVision.utilitarianFunction.oneInch":"1寸","page.htmlVision.utilitarianFunction.twoInch":"2寸","page.cssDynamicEffect.richDynamicEffect.SVGCircularClock":"SVG圆形时钟动效","page.cssDynamicEffect.richDynamicEffect.upAndDownCard":"上下翻转卡片时钟动效","page.cssDynamicEffect.richDynamicEffect.charging":"充电动效","page.cssDynamicEffect.richDynamicEffect.zongziLoading":"粽子Loading动效","page.cssDynamicEffect.richDynamicEffect.borderRotation":"边框旋转动效","page.cssDynamicEffect.richDynamicEffect.luminousText":"发光文字动效","page.cssDynamicEffect.richDynamicEffect.searchlightText":"探照灯文字动效","page.cssDynamicEffect.richDynamicEffect.wavyText":"波浪文字动效","page.cssDynamicEffect.richDynamicEffect.textLineDisplay":"文字线条显示动效","page.cssDynamicEffect.richDynamicEffect.textLineLoop":"文字线条循环动效","page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar":"莫比乌斯环循环条动效","page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots":"莫比乌斯环循环圆点动效","page.cssDynamicEffect.richDynamicEffect.tankShaking":"水罐摇晃动效","page.cssDynamicEffect.generateRegularPolygon.numberOfSides":"边数","page.cssDynamicEffect.generateRegularPolygon.rotation":"旋转","page.canvasDynamicEffect.sphereCollisionExample":"sphere-collision库示例","page.canvasDynamicEffect.dynamicClock":"动态时钟效果","page.canvasDynamicEffect.searchlight":"探照灯效果","page.canvasDynamicEffect.startGame":"开 始 游 戏","page.canvasDynamicEffect.continueTheGame":"继 续 游 戏","page.canvasDynamicEffect.restart":"重 新 开 始","page.canvasDynamicEffect.pause":"暂停","page.canvasDynamicEffect.gameHasPaused":"游戏已暂停","page.canvasDynamicEffect.score":"分数","page.canvasDynamicEffect.videoIsSlowToLoad":"视频加载比较慢，请耐心等待","page.canvasDynamicEffect.matchLineQuestion":"连线题","page.canvasDynamicEffect.fruit":"水果","page.canvasDynamicEffect.animal":"动物","page.canvasDynamicEffect.car":"汽车","page.canvasDynamicEffect.vegetable":"蔬菜","page.canvasDynamicEffect.pleaseReset":"当前已校验，请重置","page.canvasDynamicEffect.noVerifiableAnswer":"没有可校验的答案","page.threeJs3D.abrazine":"磨砂","page.threeJs3D.cryolite":"冰晶","page.threeJs3D.ordinary":"普通","page.threeJs3D.transparent":"透亮","page.threeJs3D.carDisplayAndMatching":"汽车展示与选配","page.threeJs3D.bodyColor":"车身颜色","page.threeJs3D.anteriorFaceColor":"前脸颜色","page.threeJs3D.hoodColor":"引擎盖颜色","page.threeJs3D.hubColor":"轮毂颜色","page.threeJs3D.filmMaterial":"贴膜材质","page.threeJs3D.windshieldMaterial":"挡风玻璃材质","page.threeJs3D.diceNum":"骰子数量","page.threeJs3D.enterDiceNum":"请先输入骰子数量","page.threeJs3D.visualizationPlatform":"大屏可视化平台","page.AIApplication.humanPostureDetection":"实时人体姿势检测(必须要有摄像头)","page.AIApplication.send":"发送","page.AIApplication.sendBarrage":"发送弹幕","page.imageProcessingTool.extensionTipFront":"如果你想在离线时也使用该工具，或者是你有大于1350x1350尺寸的图片需要处理，那么推荐你使用","page.imageProcessingTool.extensionTipBehind":"浏览器插件，将该项目中的extension文件夹加载到浏览器中即可使用。","page.imageProcessingTool.imageTooSmall":"请选择20x20以上尺寸的图片","page.imageProcessingTool.imageTooLarge":"请选择1350x1350以下尺寸的图片","page.imageProcessingTool.shmpch":"锐化","page.imageProcessingTool.edgeSharpening":"边缘锐化","page.imageProcessingTool.filterContrast":"反色滤镜","page.imageProcessingTool.redFilter":"红色滤镜","page.imageProcessingTool.greenFilter":"绿色滤镜","page.imageProcessingTool.blueFilter":"蓝色滤镜","page.imageProcessingTool.redGreenFilter":"红绿色滤镜","page.imageProcessingTool.redBlueFilter":"红蓝色滤镜","page.imageProcessingTool.blueGreenFilter":"蓝绿色滤镜","page.imageProcessingTool.redGreyFilter":"红灰色滤镜","page.imageProcessingTool.greenGreyFilter":"绿灰色滤镜","page.imageProcessingTool.blueGreyFilter":"蓝灰色滤镜","page.imageProcessingTool.gaussianBlur":"高斯模糊","page.imageProcessingTool.jpgToPng":"JPG转PNG","page.imageProcessingTool.pngToJpg":"PNG转JPG","page.imageProcessingTool.pleaseEnterBrightness":"请输入亮度值","page.imageProcessingTool.darken":"变暗","page.imageProcessingTool.lighten":"变亮","page.imageProcessingTool.pleaseEnterDiaphaneity":"请输入透明度值","page.imageProcessingTool.pleaseUploadPng":"请上传PNG格式的图片","page.imageProcessingTool.whetherValueFixed":"是否统一为固定值","page.imageProcessingTool.becomeTransparent":"变透明","page.imageProcessingTool.becomeOpaque":"变不透","page.imageProcessingTool.compressibility":"压缩率","page.imageProcessingTool.pleaseEnterFilletRadius":"请输入圆角半径","page.imageProcessingTool.filletRadius":"圆角半径","page.imageProcessingTool.clippedAndConvertedToPng":"裁剪后转成PNG格式","page.imageProcessingTool.WhetherRetainOriginalDimension":"是否保留原尺寸","page.videoProcessingTool.tip":"该工具处理视频会非常慢，因为是纯前端实现的，正确做法还是将文件上传到后台进行处理，这里只是提供一种纯前端实现视频处理的解决方案。","page.videoProcessingTool.generatingVideo":"努力生成视频中","page.htmlVision.applicationPageFrame.secondPage":"第二页","page.htmlVision.applicationPageFrame.thirdPage":"第三页","page.htmlVision.applicationPageFrame.lastPage":"最后一页","page.htmlVision.applicationPageFrame.title":"两个跨域页面进行跳转传参的终极方案","page.htmlVision.applicationPageFrame.author":"作者","page.htmlVision.applicationPageFrame.pageA":"A页面","page.htmlVision.applicationPageFrame.pageB":"B页面","page.htmlVision.applicationPageFrame.appoint":"本文约定","page.htmlVision.applicationPageFrame.appointText1":"A页面：跳转前的原来页面，假设为a.com","page.htmlVision.applicationPageFrame.appointText2":"B页面：将要跳转的目标页面，假设为b.com","page.htmlVision.applicationPageFrame.subTitle1":"一、简单方案","page.htmlVision.applicationPageFrame.des1":"说到页面跳转，首先想到的就是用a标签","page.htmlVision.applicationPageFrame.codeBox1.text":"在A页面点击链接，并将参数data传到B页面","page.htmlVision.applicationPageFrame.codeBox2.text":"在B页面接收A页面传过来的参数","page.htmlVision.applicationPageFrame.des2":"还可以使用window.open方法跳转页面","page.htmlVision.applicationPageFrame.des3":"弊端：通过URL的方式传参是有字符数量限制的，只能传递较少的数据。","page.htmlVision.applicationPageFrame.subTitle2":"二、传递长数据方案","page.htmlVision.applicationPageFrame.des4":"想要传递大量数据就不能使用将数据放在URL中这种方式进行传递，这里我使用了HTML5中新引入的window.postMessage方法进行数据传递。","page.htmlVision.applicationPageFrame.des5":"如果是在A页面中使用iframe标签嵌入B页面的情况下，方法如下：","page.htmlVision.applicationPageFrame.des6":"弊端","page.htmlVision.applicationPageFrame.des7":"1. 使用postMessage发送消息时要保证B页面已加载，由于A和B两个页面是跨域的，所以使用popup.onload是无效的，只能使用setTimeout延迟发送，这种做法比较low，不能保证稳定性。","page.htmlVision.applicationPageFrame.des8":"2. 使用iframe标签只能嵌入页面，不能打开新窗口，使用window.open可以打开新窗口，但是，当B页面刚被加载时是没有数据传递的，数据是在窗口打开后才被发送，所以B页面会有延迟。","page.htmlVision.applicationPageFrame.subTitle3":"三、终极方案：iframe+postMessage+localStorage","page.htmlVision.applicationPageFrame.des9":"在A页面中使用iframe标签加载B页面并隐藏，当点击跳转时，使用postMessage发送消息给B页面，在B页面中监听A页面发过来的数据，然后保存到localStorage中，然后当A页面使用window.open打开B页面时，B页面直接去localStorage中取数据，这样就完成了页面跳转并传参","page.htmlVision.applicationPageFrame.codeBox3.text":"当能获取到数据时就说明是从A页面跳转过来的","page.htmlVision.applicationPageFrame.des10":"总结","page.htmlVision.applicationPageFrame.des11":"1. iframe和postMessage都是可以跨域的，而localStorage是不能跨域共享数据的。","page.htmlVision.applicationPageFrame.des12":"2. window.postMessage中的window始终是指将要跳转的目标页面的window对象。"},"en-us":{"common.logoName":"Visualization Collection","common.reward":"Reward","common.reward.tip":"If you find the site good and the content helpful, it's not too late to reward","common.LanguageSwitch":"Chinese-English Switch","common.keepUpdating":"Keep updating, stay tuned","common.comingSoon":"Coming soon","common.comingSoon.text":"The project is continuously updated, coming soon！！！","common.workHard":"Hard at work, please hold on","common.tryingToLoad":"Trying to load, please hold on","common.start":"Start","common.end":"End","common.operationFailure":"Operation failure","common.noData":"No data","common.unknown":"Unknown","common.confirm":"Confirm","common.cancel":"Cancel","common.clear":"Clear","common.play":"Play","common.pause":"Pause","common.download":"Download","common.get":"Get","common.failedToObtain":"Failed to obtain","common.failedToObtain2":"Failed to obtain, the browser does not support","common.pleaseEnterText":"Please enter text","common.getText":"Get text","common.save":"Save","common.saveSuccessfully":"Save successfully","common.saveFailed":"Failed to save, the browser does not support","common.parsingDataFailure":"Data parsing failed. Please replace it with another file","common.uploadFile":"Upload File","common.dragTheFileHere":"Or drag the file here","common.supportedImageType":"jpg, jpeg, and png are supported","common.supportedVideoType":"webm and mp4 are supported","common.pleaseUploadPicture":"Please upload the picture first","common.deviceNotFound":"Requested device not found","common.impowerOpenMicrophone":"Authorization failed, please click Settings -> Privacy Settings and Security -> Website Settings -> Microphone to open Allow use","common.impowerOpenCamera":"Authorization failed, please click Settings -> Privacy Settings and Security -> Website Settings -> Camera to open Allow use","common.notSupportGetUserMedia":"Browsers do not support getUserMedia","common.notSupportGetDisplayMedia":"Browsers do not support getDisplayMedia","common.browserTooLow":"Your browser version is too low, please update your browser","common.backgroundColor":"Background Color","common.filename":"Filename","common.format":"Format","common.dimension":"Dimension","common.size":"Size","common.width":"Width","common.height":"Height","common.duration":"Duration","common.transparency":"Transparency","common.red":"Red","common.blue":"Blue","common.white":"White","common.watermarkSizeLimit":"Please select watermark images of 20x20 and above","common.watermarkSizeTooLarge":"Please select a watermark image that is smaller than the size of the target image","common.uploadWatermark":"Upload watermark","common.distanceLeft":"Distance left","common.distanceTop":"Distance Top","common.clippingWidth":"Clipping width","common.clippingHeight":"Clipping height","common.flipSideToSide":"Flip Side To Side","common.flipTopToBottom":"Flip Top To Bottom","common.rotateLeft":"Rotate Left","common.rotateRight":"Rotate Right","common.graying":"Graying","common.vampix":"Vampix","common.mosaicGrainSize":"Mosaic grain size","common.parsingData":"Parsing data","common.whetherMaintainOriginalProportion":"Whether to maintain the original proportion","common.pleaseEnterWidthOrHeight":"Please enter width or height","common.reset":"Reset","common.backout":"Backout","common.delete":"Delete","common.inquire":"Inquire","common.checkout":"Checkout","common.moduleTitle":"Module Title","common.customizeContent":"Customize content","common.ad.btnText":"Experience right away","menu.htmlVision":"Html Vision","menu.htmlVision.visualDesign":"Visual Design","menu.htmlVision.interactiveDesign":"Interactive Design","menu.htmlVision.backgroundPattern":"Background Pattern","menu.htmlVision.complexLayout":"Complex Layout","menu.htmlVision.applicationPageFrame":"Application Page Frame","menu.htmlVision.utilitarianFunction":"Utilitarian Function","menu.cssDynamicEffect":"Css Dynamic Effect","menu.cssDynamicEffect.dynamicEffectButton":"Dynamic Effect Button","menu.cssDynamicEffect.richDynamicEffect":"Rich Dynamic Effect","menu.cssDynamicEffect.generateRegularPolygon":"Generate Regular Polygon","menu.cssDynamicEffect.musicVisualization":"Music Visualization","menu.canvasDynamicEffect":"Canvas Dynamic Effect","menu.canvasDynamicEffect.sphereCollisionExample":"sphere-collision Example","menu.canvasDynamicEffect.dynamicClock":"Dynamic Clock","menu.canvasDynamicEffect.searchlightEffect":"Searchlight Effect","menu.canvasDynamicEffect.sphereCollisionInteraction":"Sphere Collision Interaction","menu.canvasDynamicEffect.destroyThePlanetGame":"Destroy The Planet Game","menu.canvasDynamicEffect.sphereFreeFallInteraction":"Sphere Free Fall Interaction","menu.canvasDynamicEffect.coolCountdownAnimation":"Cool Countdown Animation","menu.canvasDynamicEffect.dynamicParticleBackground":"Dynamic Particle Background","menu.canvasDynamicEffect.rippleEffect":"Ripple Effect","menu.canvasDynamicEffect.flowerBloomingAnimation":"Flower Blooming Animation","menu.canvasDynamicEffect.codeBackgroundWall":"Code Background Wall","menu.canvasDynamicEffect.wordDance":"Word Dance","menu.canvasDynamicEffect.scratch":"Scratch","menu.canvasDynamicEffect.matchLine":"Match Line","menu.echartsInteraction":"Echarts Interaction","menu.echartsInteraction.barCharts":"Bar Charts","menu.echartsInteraction.pieCharts":"Pie Charts","menu.echartsInteraction.treeCharts":"Tree Charts","menu.threeJs3D":"Three.js3D","menu.threeJs3D.appPageFrame":"Cool 3D Application page","menu.threeJs3D.carShow":"Car Show","menu.threeJs3D.rubiksCube":"Level 3 Rubik's Cube","menu.threeJs3D.throwDice":"Throw Dice","menu.threeJs3D.mapDisplay":"Map Display","menu.threeJs3D.earthDisplay":"Earth Display","menu.AIApplication":"AI Application","menu.AIApplication.humanPostureDetection":"Human Posture Detection","menu.AIApplication.notBlockPeopleBarrage":"Not Block The People Of The Barrage","menu.imageProcessingTool":"Image Processing Tool","menu.imageProcessingTool.basicOperation":"Basic Operation","menu.imageProcessingTool.rectangularClipping":"Rectangular Clipping","menu.imageProcessingTool.roundedCornerClipping":"Rounded Corner Clipping","menu.imageProcessingTool.modifyTheSize":"Modify The Size","menu.imageProcessingTool.modifyBrightness":"Modify Brightness","menu.imageProcessingTool.modifyTransparency":"Modify Transparency","menu.imageProcessingTool.addWatermark":"Add Watermark","menu.imageProcessingTool.coverWithMosaics":"Cover With Mosaics","menu.imageProcessingTool.imageCompression":"Image Compression","menu.videoProcessingTool":"Video Processing Tool","menu.videoProcessingTool.basicOperation":"Basic Operation","menu.videoProcessingTool.modifyTheSize":"Modify The Size","menu.videoProcessingTool.clipping":"Clipping","menu.videoProcessingTool.combine":"Combine","menu.videoProcessingTool.varyingVelocity":"Varying Velocity","menu.videoProcessingTool.addWatermark":"Add Watermark","menu.videoProcessingTool.generateGIF":"Generate GIF","menu.videoProcessingTool.AIGenerateSubtitles":"AI Generated Subtitles","menu.videoProcessingTool.addAudio":"Add Audio","page.htmlVision.visualDesign.displaysCustomRows":"This component is a text component that displays ellipses when exceeded, and can also dynamically obtain whether text is exceeded.","page.htmlVision.visualDesign.displaysCustomRows2":"This component is a text component that displays the number of user-defined lines, and displays ellipses when the number exceeds. It also supports the display of user-defined text buttons when ellipses appear at the end.","page.htmlVision.visualDesign.thisIsText":"This is the text.","page.htmlVision.visualDesign.quantumEntanglementTip":"There are hidden quantum entanglement effects in this station waiting for you to discover oh.","page.htmlVision.visualDesign.brighten":"Brighten","page.htmlVision.visualDesign.grayed":"Grayed","page.htmlVision.visualDesign.textShadow":"Text Shadow","page.htmlVision.interactiveDesign.magnifyingGlass":"Magnifying glass interaction effect","page.htmlVision.interactiveDesign.dragAndDropClipBox":"Drag-and-drop clip-box interaction effect","page.htmlVision.interactiveDesign.dragAndDropShopping":"Drag-and-drop shopping interaction effect","page.htmlVision.interactiveDesign.swipeTab":"Swipe Tab left and right to change the interaction","page.htmlVision.interactiveDesign.flipBoook":"Flip the book interactive effect","page.htmlVision.interactiveDesign.switchButton":"Slide the switch button left and right","page.htmlVision.interactiveDesign.pseudo3DRubikCube":"Pseudo 3D Rubik's Cube interaction effect","page.htmlVision.interactiveDesign.3DRubikCube":"3D Rubik's Cube interaction effect","page.htmlVision.interactiveDesign.automaticIdentificationOfMouseDirection":"Automatic identification of mouse direction interaction effect","page.htmlVision.interactiveDesign.wipeTheEffect":"Wipe the effect of switching pages","page.htmlVision.interactiveDesign.title":"Title","page.htmlVision.interactiveDesign.price":"Price","page.htmlVision.interactiveDesign.count":"Count","page.htmlVision.interactiveDesign.total":"Total","page.htmlVision.interactiveDesign.addingToCart":"Let go of adding to cart","page.htmlVision.interactiveDesign.dragToThisToBuy":"Drag to this area to buy","page.htmlVision.interactiveDesign.previousPage":"Previous Page","page.htmlVision.interactiveDesign.nextPage":"Next Page","page.htmlVision.interactiveDesign.personalArticle":"Personal Article","page.htmlVision.interactiveDesign.autoCompletePunctuation":"Automatically complete the punctuation input box","page.htmlVision.interactiveDesign.stackedImages":"Hover effect for stacked images","page.htmlVision.utilitarianFunction.operatingShears":"Operating Shears","page.htmlVision.utilitarianFunction.saveTextToClipboard":"Save the text to the clipboard","page.htmlVision.utilitarianFunction.pleaseEnterText":"Please enter text first","page.htmlVision.utilitarianFunction.getsTextFromClipboard":"Gets text from the clipboard","page.htmlVision.utilitarianFunction.saveImageToClipboard":"Save the image to the clipboard","page.htmlVision.utilitarianFunction.getImageFromClipboard":"Get the image from the clipboard","page.htmlVision.utilitarianFunction.pasteTheImage":"Ctrl+V Paste the image","page.htmlVision.utilitarianFunction.recordAudio":"Record Audio","page.htmlVision.utilitarianFunction.startRecording":"Start Recording","page.htmlVision.utilitarianFunction.whileRecording":"While recording, click End","page.htmlVision.utilitarianFunction.rerecord":"Rerecord","page.htmlVision.utilitarianFunction.recordScreen":"Record Screen","page.htmlVision.utilitarianFunction.recordVideo":"Record Video","page.htmlVision.utilitarianFunction.takeIDPhotos":"Take ID Photos","page.htmlVision.utilitarianFunction.clickToTakeAPhoto":"Click To Take a Photo","page.htmlVision.utilitarianFunction.readyToTakeAPhoto":"Ready To take a Photo","page.htmlVision.utilitarianFunction.backPhoto":"Back Photo","page.htmlVision.utilitarianFunction.oneInch":"1 inch","page.htmlVision.utilitarianFunction.twoInch":"2 inch","page.cssDynamicEffect.richDynamicEffect.SVGCircularClock":"SVG Circular clock dynamic effect","page.cssDynamicEffect.richDynamicEffect.upAndDownCard":"Up-and-down card dynamic effect","page.cssDynamicEffect.richDynamicEffect.charging":"Charging dynamic effect","page.cssDynamicEffect.richDynamicEffect.zongziLoading":"Zongzi loading dynamic effect","page.cssDynamicEffect.richDynamicEffect.borderRotation":"Border rotation dynamic effect","page.cssDynamicEffect.richDynamicEffect.luminousText":"Luminous text dynamic effect","page.cssDynamicEffect.richDynamicEffect.searchlightText":"Searchlight text dynamic effect","page.cssDynamicEffect.richDynamicEffect.wavyText":"Wavy text dynamic effect","page.cssDynamicEffect.richDynamicEffect.textLineDisplay":"Text line display dynamic effect","page.cssDynamicEffect.richDynamicEffect.textLineLoop":"Text line loop dynamic effect","page.cssDynamicEffect.richDynamicEffect.mobiusLoopBar":"Mobius loop bar dynamic effect","page.cssDynamicEffect.richDynamicEffect.mobiusRingsCircleDots":"Mobius loop circle dots dynamic effect","page.cssDynamicEffect.richDynamicEffect.tankShaking":"Tank shaking dynamic effect","page.cssDynamicEffect.generateRegularPolygon.numberOfSides":"Number of sides","page.cssDynamicEffect.generateRegularPolygon.rotation":"Rotation","page.canvasDynamicEffect.sphereCollisionExample":"sphere-collision example","page.canvasDynamicEffect.dynamicClock":"Dynamic clock effect","page.canvasDynamicEffect.searchlight":"Searchlight effect","page.canvasDynamicEffect.startGame":"Start Game","page.canvasDynamicEffect.continueTheGame":"Continue The Game","page.canvasDynamicEffect.restart":"Restart","page.canvasDynamicEffect.pause":"Pause","page.canvasDynamicEffect.gameHasPaused":"The game has been paused","page.canvasDynamicEffect.score":"Score","page.canvasDynamicEffect.videoIsSlowToLoad":"The video is slow to load, please wait patiently","page.canvasDynamicEffect.matchLineQuestion":"Match line question","page.canvasDynamicEffect.fruit":"Fruit","page.canvasDynamicEffect.animal":"Animal","page.canvasDynamicEffect.car":"Car","page.canvasDynamicEffect.vegetable":"Vegetable","page.canvasDynamicEffect.pleaseReset":"Currently verified, please reset","page.canvasDynamicEffect.noVerifiableAnswer":"There is no verifiable answer","page.threeJs3D.abrazine":"Abrazine","page.threeJs3D.cryolite":"Cryolite","page.threeJs3D.ordinary":"Ordinary","page.threeJs3D.transparent":"Transparent","page.threeJs3D.carDisplayAndMatching":"Car display and matching","page.threeJs3D.bodyColor":"Body Color","page.threeJs3D.anteriorFaceColor":"Anterior Face Color","page.threeJs3D.hoodColor":"Hood Color","page.threeJs3D.hubColor":"Hub Color","page.threeJs3D.filmMaterial":"Film Material","page.threeJs3D.windshieldMaterial":"Windshield Material","page.threeJs3D.diceNum":"Number of dice","page.threeJs3D.enterDiceNum":"Please enter the number of dice first","page.threeJs3D.visualizationPlatform":"Large screen visualization platform","page.AIApplication.humanPostureDetection":"Real-time human posture detection (Camera required)","page.AIApplication.send":"Send","page.AIApplication.sendBarrage":"Send barrage","page.imageProcessingTool.extensionTipFront":"If you want to use this tool offline, or if you have images larger than 1350x1350 that need to be processed, it is recommended that you use the","page.imageProcessingTool.extensionTipBehind":"browser extension, will be the extension of the project folder is loaded into the browser can be used.","page.imageProcessingTool.imageTooSmall":"Please select the size above 20x20","page.imageProcessingTool.imageTooLarge":"Please select the size below 1350x1350","page.imageProcessingTool.shmpch":"Shmpch","page.imageProcessingTool.edgeSharpening":"Edge Sharpening","page.imageProcessingTool.filterContrast":"Filter Contrast","page.imageProcessingTool.redFilter":"Red Filter","page.imageProcessingTool.greenFilter":"Green Filter","page.imageProcessingTool.blueFilter":"Blue Filter","page.imageProcessingTool.redGreenFilter":"Red-green Filter","page.imageProcessingTool.redBlueFilter":"Red-blue Filter","page.imageProcessingTool.blueGreenFilter":"Blue-green Filter","page.imageProcessingTool.redGreyFilter":"Red-grey Filter","page.imageProcessingTool.greenGreyFilter":"Green-grey Filter","page.imageProcessingTool.blueGreyFilter":"Blue-grey Filter","page.imageProcessingTool.gaussianBlur":"Gaussian Blur","page.imageProcessingTool.jpgToPng":"JPG To PNG","page.imageProcessingTool.pngToJpg":"PNG To JPG","page.imageProcessingTool.pleaseEnterBrightness":"Please enter the brightness value","page.imageProcessingTool.darken":"Darken","page.imageProcessingTool.lighten":"Lighten","page.imageProcessingTool.pleaseEnterDiaphaneity":"Please enter a transparency value","page.imageProcessingTool.pleaseUploadPng":"Please upload the image in png format","page.imageProcessingTool.whetherValueFixed":"Whether the value is fixed","page.imageProcessingTool.becomeTransparent":"Become transparent","page.imageProcessingTool.becomeOpaque":"Become opaque","page.imageProcessingTool.compressibility":"Compressibility","page.imageProcessingTool.pleaseEnterFilletRadius":"Please enter the fillet radius","page.imageProcessingTool.filletRadius":"Fillet radius","page.imageProcessingTool.clippedAndConvertedToPng":"Clipped and converted to PNG format","page.imageProcessingTool.WhetherRetainOriginalDimension":"Whether to retain the original dimension","page.videoProcessingTool.tip":"The tool processing video will be very slow, because it is a pure front-end implementation, the correct approach is to upload the file to the background for processing, here is only to provide a pure front-end video processing solution.","page.videoProcessingTool.generatingVideo":"Work hard at generating video","page.htmlVision.applicationPageFrame.secondPage":"Second Page","page.htmlVision.applicationPageFrame.thirdPage":"Third Page","page.htmlVision.applicationPageFrame.lastPage":"Last Page","page.htmlVision.applicationPageFrame.title":"The ultimate solution for two cross-domain pages to jump and pass parameters","page.htmlVision.applicationPageFrame.author":"Author","page.htmlVision.applicationPageFrame.pageA":"Page A","page.htmlVision.applicationPageFrame.pageB":"Page B","page.htmlVision.applicationPageFrame.appoint":"Article convention","page.htmlVision.applicationPageFrame.appointText1":"Page A: The original page before the jump. Assume that the page is a.com","page.htmlVision.applicationPageFrame.appointText2":"Page B: The target page to jump to. Assume that the page is b.com","page.htmlVision.applicationPageFrame.subTitle1":"First, simple scheme","page.htmlVision.applicationPageFrame.des1":"When it comes to page hopping, the first thing that comes to mind is using the a tag","page.htmlVision.applicationPageFrame.codeBox1.text":"Click the link on page A and transfer the parameter data to page B","page.htmlVision.applicationPageFrame.codeBox2.text":"The parameters sent from page A are received on page B","page.htmlVision.applicationPageFrame.des2":"You can also use the window.open method to jump to the page","page.htmlVision.applicationPageFrame.des3":"Disadvantages: Parameter passing by URL is limited by the number of characters and can only pass a small amount of data.","page.htmlVision.applicationPageFrame.subTitle2":"Second, pass long data scheme","page.htmlVision.applicationPageFrame.des4":"If you want to transfer a large amount of data, you can't use the method of putting data in the URL. Here I use the window.postMessage method introduced in HTML5 for data transfer.","page.htmlVision.applicationPageFrame.des5":"If the iframe tag is used to embed page B in page A, the method is as follows:","page.htmlVision.applicationPageFrame.des6":"Abuse","page.htmlVision.applicationPageFrame.des7":"1. When sending messages using postMessage, ensure that page B has been loaded. Since pages A and B are cross-domain, popup.onload is invalid, and only setTimeout can be used to delay sending.","page.htmlVision.applicationPageFrame.des8":"2. If you use the iframe tag, you can only embed the page and not open a new window. If you use window.open, you can open a new window. However, no data is passed when the B page is first loaded. The data is sent after the window opens, so there is a delay on page B.","page.htmlVision.applicationPageFrame.subTitle3":"Third, ultimate solution: iframe+postMessage+localStorage","page.htmlVision.applicationPageFrame.des9":"On page A, use iframe tag to load page B and hide it. When click Jump, use postMessage to send message to page B, monitor the data sent from page A on page B, and then save it to localStorage. Then, when page A uses window.open to open page B, Page B directly goes to localStorage to get data, so that the page jump and parameter pass is completed","page.htmlVision.applicationPageFrame.codeBox3.text":"When the data can be obtained, it means that it is from page A","page.htmlVision.applicationPageFrame.des10":"Summarize","page.htmlVision.applicationPageFrame.des11":"1. Both iframe and postMessage can be cross-domain, while localStorage cannot share data across domains.","page.htmlVision.applicationPageFrame.des12":"2. Window in window.postMessage always refers to the window object of the target page to be jumped to."}},gb=function(){var e=d().locale,t=(0,m.V$)(db);return(0,s.jsx)("div",{className:"app_container",translate:"no",children:(0,s.jsx)(mb.Z,{locale:e||"en-us",messages:fb[e||"en-us"],children:t})})},hb=document.getElementById("root");hb&&(0,i.s)(hb).render((0,s.jsx)(u,{children:(0,s.jsx)(a.UT,{children:(0,s.jsx)(gb,{})})}))},75410:function(){},48628:function(){},75042:function(){}},i={};function a(e){var t=i[e];if(void 0!==t)return t.exports;var n=i[e]={id:e,loaded:!1,exports:{}};return r[e].call(n.exports,n,n.exports,a),n.loaded=!0,n.exports}a.m=r,a.amdD=function(){throw new Error("define cannot be used indirect")},a.amdO={},e=[],a.O=function(t,n,r,i){if(!n){var o=1/0;for(u=0;u<e.length;u++){n=e[u][0],r=e[u][1],i=e[u][2];for(var s=!0,c=0;c<n.length;c++)(!1&i||o>=i)&&Object.keys(a.O).every((function(e){return a.O[e](n[c])}))?n.splice(c--,1):(s=!1,i<o&&(o=i));if(s){e.splice(u--,1);var l=r();void 0!==l&&(t=l)}}return t}i=i||0;for(var u=e.length;u>0&&e[u-1][2]>i;u--)e[u]=e[u-1];e[u]=[n,r,i]},a.n=function(e){var t=e&&e.__esModule?function(){return e.default}:function(){return e};return a.d(t,{a:t}),t},n=Object.getPrototypeOf?function(e){return Object.getPrototypeOf(e)}:function(e){return e.__proto__},a.t=function(e,r){if(1&r&&(e=this(e)),8&r)return e;if("object"==typeof e&&e){if(4&r&&e.__esModule)return e;if(16&r&&"function"==typeof e.then)return e}var i=Object.create(null);a.r(i);var o={};t=t||[null,n({}),n([]),n(n)];for(var s=2&r&&e;"object"==typeof s&&!~t.indexOf(s);s=n(s))Object.getOwnPropertyNames(s).forEach((function(t){o[t]=function(){return e[t]}}));return o.default=function(){return e},a.d(i,o),i},a.d=function(e,t){for(var n in t)a.o(t,n)&&!a.o(e,n)&&Object.defineProperty(e,n,{enumerable:!0,get:t[n]})},a.g=function(){if("object"==typeof globalThis)return globalThis;try{return this||new Function("return this")()}catch(e){if("object"==typeof window)return window}}(),a.o=function(e,t){return Object.prototype.hasOwnProperty.call(e,t)},a.r=function(e){"undefined"!=typeof Symbol&&Symbol.toStringTag&&Object.defineProperty(e,Symbol.toStringTag,{value:"Module"}),Object.defineProperty(e,"__esModule",{value:!0})},a.nmd=function(e){return e.paths=[],e.children||(e.children=[]),e},function(){var e;a.g.importScripts&&(e=a.g.location+"");var t=a.g.document;if(!e&&t&&(t.currentScript&&(e=t.currentScript.src),!e)){var n=t.getElementsByTagName("script");n.length&&(e=n[n.length-1].src)}if(!e)throw new Error("Automatic publicPath is not supported in this browser");e=e.replace(/#.*$/,"").replace(/\?.*$/,"").replace(/\/[^\/]+$/,"/"),a.p=e}(),function(){var e={179:0};a.O.j=function(t){return 0===e[t]};var t=function(t,n){var r,i,o=n[0],s=n[1],c=n[2],l=0;if(o.some((function(t){return 0!==e[t]}))){for(r in s)a.o(s,r)&&(a.m[r]=s[r]);if(c)var u=c(a)}for(t&&t(n);l<o.length;l++)i=o[l],a.o(e,i)&&e[i]&&e[i][0](),e[i]=0;return a.O(u)},n=self.webpackChunkvisualization_collection=self.webpackChunkvisualization_collection||[];n.forEach(t.bind(null,0)),n.push=t.bind(null,n.push.bind(n))}();var o=a.O(void 0,[845,61,294,24,968,117],(function(){return a(23509)}));o=a.O(o)}();
\ No newline at end of file
diff --git a/src/pages/echarts/Tree/components/Tree1.tsx b/src/pages/echarts/Tree/components/Tree1.tsx
index b063491..fe1694b 100644
--- a/src/pages/echarts/Tree/components/Tree1.tsx
+++ b/src/pages/echarts/Tree/components/Tree1.tsx
@@ -1,6 +1,7 @@
 // @ts-nocheck
 import React, { useEffect, useRef } from "react";
 import G6, { IGroup, IShape, ModelConfig } from "@antv/g6";
+import { textAddLineBreak } from "utils/util";
 import styles from "../index.module.scss";
 
 const padding = 6;
@@ -36,10 +37,11 @@ G6.registerNode(
           name: "box-shape",
         });
         // 添加标题(每行20个字符)
-        const text = `【第${cfg.level}层】${cfg.title}`.replace(
-          /(.{20})/g,
-          "$1\n"
-        );
+        const text = textAddLineBreak(`【第${cfg.level}层】${cfg.title}`, 20);
+        // const text = `【第${cfg.level}层】${cfg.title}`.replace(
+        //   /(.{20})/g,
+        //   "$1\n"
+        // );
         const title = group.addShape("text", {
           attrs: {
             text,
@@ -64,7 +66,7 @@ G6.registerNode(
         if (rows <= 1) {
           y += 4;
         } else {
-          y -= Math.ceil((rows - 2) * 3.5);
+          y -= Math.ceil((rows - 2) * 4);
         }
         // 添加编号
         const code = group.addShape("text", {
@@ -88,7 +90,7 @@ G6.registerNode(
           y: -titleBox.height / 2 - padding,
           width: titleBox.width + padding * 2,
           height: Math.ceil(
-            titleBox.height + codeBox.height + padding * 2 + rows * 1.5
+            titleBox.height + codeBox.height + padding * 2 + rows
           ),
         });
         // 非第1层且有字节的要增加展开收起按钮
diff --git a/src/utils/util.ts b/src/utils/util.ts
index 3dc9271..7a2bd44 100644
--- a/src/utils/util.ts
+++ b/src/utils/util.ts
@@ -72,3 +72,27 @@ export const getFixedWidthText = (
   document.body.removeChild(span);
   return returnText;
 };
+
+/**
+ * 为一个字符串每rowStrLength个字后添加换行符（最后的换行符不要，兼容由多个Unicode码组合成的汉字）
+ * @text   原字符串
+ * @rowStrLength 每多少个字后加换行符
+ */
+export const textAddLineBreak = (text: string, rowStrLength: number) => {
+  let num = 0;
+  let result = "";
+  if (!text || rowStrLength <= 0) return text;
+  for (const char of text) {
+    if (num >= rowStrLength) {
+      result += `${char}\n`;
+      num = 0;
+    } else {
+      result += char;
+      num++;
+    }
+  }
+  if (result.endsWith("\n")) {
+    result = result.substring(0, result.length - 1);
+  }
+  return result;
+};