(window.webpackJsonp=window.webpackJsonp||[]).push([[27],{1495:function(e,a,t){e.exports={swiperHolder:"_2e8FLmyNYWJaQkk_7ifi1X",bgContainer:"_34y8lh6Rr9uJ05D9A-GSew",arrow:"_12_OrYRQzl9aGYyOfNxSZc",arrowDown:"_1n6r5YxGR0-Zu7JtH1T6yH",homeButton:"_3jD4X5Nzha_ukDk_jrgdEM",avatarWrapper:"zZs-vtgGc-ZJ8e_860Ciy",avatarImage:"mll1o-8hVZ0D6QXKFEHJs",userInfo:"_3ZaCBkhDDZRa48N7trgP-n",isLogin:"_2l6_O1yxR-PFnBw5EK92cT",avatar:"_2w9FQ8UxNfLoIcxWg5Zm_",displayName:"_1hzw8bFptwUE1Ly9kIXyql",text:"_18RIXEMIkaFxaLgppGcoID",button:"_1kPyBkcgA8cToeGp2iaGEV",bold:"Uf-C4xYMuNF6ZxTzCY81c",animate:"sWdlbkv06k3oG7dVKhbas",fadeInDown:"mfz4J1gWbmH72ju46Bbnw",fadeIn:"_2uzWhEEaW_zvgbyr0Xr9n2"}},1496:function(e,a,t){e.exports={blue:"_1UjhZSrIPRlt0xcBr8cMb4",yellow:"xCb6eDaMn4wbwvNlhPnEw",red:"_2NbSxAwJthVI0wWfxTE1yl",verticleContainer:"_2aYPu_DxAEMKqrECxSFk1K",justifyCenter:"_1DEk7pc190KcWsj86SYodW",p80:"_37YQJPS-ISPmIHdM1UxupM",p90:"_3i4ZHng0tQR9do_aalU1j1",userInfo:"RtWDBnZH0dWjfFiqYe2ND",arrow:"_2hdKk_5q-zxrqSc3aaJMvD",homeButton:"_1iiY9Jwawv9YqLosrNODu5",avatarsWrapper:"_3n4eFm8j2sBezKCYlNEdh2",avatarsTrack:"_1OYvq4_-7fXXo3mAMyYR3f",flow:"_2xB5IZWm9bMUe8wru5OEFy",avatarsImg:"_1SkdrMld6VlKzNw9XuoeIm",followSystem:"_2xOYzEVe7oc84j09FOH4DG",favoriteMap:"_1BGJ6jvrcQtLeU-EfBXLZG",userDisplayWrapper:"cYO2jYqLYR2XxZVLdlBWt",userDisplay:"_2Ilkr3Fo0Ux_7e3ie5wlv",avatar:"_1Re0wVR8ZMb5DyqElPGDCr",content:"_132Ky0WOJWf1TAh6b3mDr1",firstPublish:"jjs4ljZkLeVZMOivgx_n2",published:"_1uFBoLr05GfCfdTxxR_F80",spotlight:"_2a9GLO9ADahOyJBVeqtX9q",section1:"_8t8Ig-MtCV6ZcGB8Ku32O",section2:"_-5TOhWEsSFeKpzdQYDeFB",section3:"_3fOSCIxtNvkLJ3qvBztzKI",publishedInfoWrapper:"_90ioHGUK7_1PisJBDeBKb",publishedInfo:"_1kFE7YkffQIDTFpUfB0LJP",creation:"_3EOgJ4aryd7Wdo9CRl_571",skinListWrapper:"_1bkDyEGTRGVS2IFCkLrf43",skin:"_3agWA7peCoNwg1n8JRfy_z",inactive:"_1InK53siVdvGXZyzvR1zh5",skinDesc:"_3BGSVQYqayOJ4h3UBHcP4F",circle:"_2hmE01I3kLFiTcfbkRtztG",circle1:"DZYgbC1vUHY7WY4lpwqrj",circle2:"_1BaeboFHITvN6nfFEn73S-",circle3:"_2HPda9Vj27LEYTU-5_U2hN",circle4:"_2K9fKAR47VN68cfgBGrgtM",shared:"_2D-ULltOxw2AkiZtZZo_fa",title:"_11xEAUvPsFAvMCoJfQ9JA_",name:"_1DXtz2SMkmBnLoWSZzwYLl",track:"_2k4zpxJtOon5BLN2rgmNA3",track1:"Wq5JXp1UpegZFzBClPEER",track2:"_3g1YaXXxfJFNADkgAQq6B8",dot:"_1XJ-NoSuyyeka1EJx0CmtH",dot1:"_3Q6ktgkzCNtvl7DGOUFrJg",rotate:"_2rhPpn4ziHaHKRDuAdqnQd",dot2:"_3xbScWOs2y5rw0PBQ1rmsR",code:"l5ScwGGCjXYchuJOtyx8-",section2Image:"_3iwt00ZCj6MdKDnHO9Crdm",desc:"RBJ7oYBCj1cq8p7QGABvp",console:"_2DnP0WaQwryjbgWt-nqeEs",btn:"Jq74N-dd9jECgUltlva27",joinUs:"_3j_AKhK0o7_b6dykMoUEU3",download:"HFoKKz63_76lBaGNOUzdP",previewPage:"_2j9wU61Mpn6GGT1TQp-ZoO",previewPageVisible:"_2Nji27IEPyKz_TBjVV1DxY",contentWrapper:"_3niben_j4hSV8opAdqQ7uJ",previewImage:"_2rgXUnM8UbkyHFHiwAdvUi",closeButton:"_3YS1xU_ULw1qY-s2UEmDpM",worksListWrapper:"_pGJG6iPib6apw2xr4l2G",workWrapper:"_3MZKvoPCQPXXwajgvx9VNj",qrcode:"_3LPS6-p9zNVLDV1Yobc5Q"}},1497:function(e,a,t){!function(a){"use strict";var t=function(){return{escape:function(e){return e.replace(/([.*+?^${}()|\[\]\/\\])/g,"\\$1")},parseExtension:a,mimeType:function(e){var t=a(e).toLowerCase();return(n="application/font-woff",{woff:n,woff2:n,ttf:"application/font-truetype",eot:"application/vnd.ms-fontobject",png:"image/png",jpg:"image/jpeg",jpeg:"image/jpeg",gif:"image/gif",tiff:"image/tiff",svg:"image/svg+xml"})[t]||"";var n},dataAsUrl:function(e,a){return"data:"+a+";base64,"+e},isDataUrl:function(e){return-1!==e.search(/^(data:)/)},canvasToBlob:function(e){return e.toBlob?new Promise((function(a){e.toBlob(a)})):function(e){return new Promise((function(a){for(var t=window.atob(e.toDataURL().split(",")[1]),n=t.length,r=new Uint8Array(n),c=0;c<n;c++)r[c]=t.charCodeAt(c);a(new Blob([r],{type:"image/png"}))}))}(e)},resolveUrl:function(e,a){var t=document.implementation.createHTMLDocument(),n=t.createElement("base");t.head.appendChild(n);var r=t.createElement("a");return t.body.appendChild(r),n.href=a,r.href=e,r.href},getAndEncode:function(e){s.impl.options.cacheBust&&(e+=(/\?/.test(e)?"&":"?")+(new Date).getTime());return new Promise((function(a){var t,n=new XMLHttpRequest;if(n.onreadystatechange=function(){if(4!==n.readyState)return;if(200!==n.status)return void(t?a(t):c("cannot fetch resource: "+e+", status: "+n.status));var r=new FileReader;r.onloadend=function(){var e=r.result.split(/,/)[1];a(e)},r.readAsDataURL(n.response)},n.ontimeout=function(){t?a(t):c("timeout of 30000ms occured while fetching resource: "+e)},n.responseType="blob",n.timeout=3e4,n.open("GET",e,!0),n.send(),s.impl.options.imagePlaceholder){var r=s.impl.options.imagePlaceholder.split(/,/);r&&r[1]&&(t=r[1])}function c(e){console.error(e),a("")}}))},uid:(e=0,function(){return"u"+("0000"+(Math.random()*Math.pow(36,4)<<0).toString(36)).slice(-4)+e++}),delay:function(e){return function(a){return new Promise((function(t){setTimeout((function(){t(a)}),e)}))}},asArray:function(e){for(var a=[],t=e.length,n=0;n<t;n++)a.push(e[n]);return a},escapeXhtml:function(e){return e.replace(/#/g,"%23").replace(/\n/g,"%0A")},makeImage:function(e){return new Promise((function(a,t){var n=new Image;n.onload=function(){a(n)},n.onerror=t,n.src=e}))},width:function(e){var a=t(e,"border-left-width"),n=t(e,"border-right-width");return e.scrollWidth+a+n},height:function(e){var a=t(e,"border-top-width"),n=t(e,"border-bottom-width");return e.scrollHeight+a+n}};var e;function a(e){var a=/\.([^\.\/]*?)$/g.exec(e);return a?a[1]:""}function t(e,a){var t=window.getComputedStyle(e).getPropertyValue(a);return parseFloat(t.replace("px",""))}}(),n=function(){var e=/url\(['"]?([^'"]+?)['"]?\)/g;return{inlineAll:function(e,t,c){return function(){return!a(e)}()?Promise.resolve(e):Promise.resolve(e).then(n).then((function(a){var n=Promise.resolve(e);return a.forEach((function(e){n=n.then((function(a){return r(a,e,t,c)}))})),n}))},shouldProcess:a,impl:{readUrls:n,inline:r}};function a(a){return-1!==a.search(e)}function n(a){for(var n,r=[];null!==(n=e.exec(a));)r.push(n[1]);return r.filter((function(e){return!t.isDataUrl(e)}))}function r(e,a,n,r){return Promise.resolve(a).then((function(e){return n?t.resolveUrl(e,n):e})).then(r||t.getAndEncode).then((function(e){return t.dataAsUrl(e,t.mimeType(a))})).then((function(n){return e.replace(function(e){return new RegExp("(url\\(['\"]?)("+t.escape(e)+")(['\"]?\\))","g")}(a),"$1"+n+"$3")}))}}(),r=function(){return{resolveAll:function(){return e(document).then((function(e){return Promise.all(e.map((function(e){return e.resolve()})))})).then((function(e){return e.join("\n")}))},impl:{readAll:e}};function e(){return Promise.resolve(t.asArray(document.styleSheets)).then((function(e){var a=[];return e.forEach((function(e){try{t.asArray(e.cssRules||[]).forEach(a.push.bind(a))}catch(a){console.log("Error while reading CSS rules from "+e.href,a.toString())}})),a})).then((function(e){return e.filter((function(e){return e.type===CSSRule.FONT_FACE_RULE})).filter((function(e){return n.shouldProcess(e.style.getPropertyValue("src"))}))})).then((function(a){return a.map(e)}));function e(e){return{resolve:function(){var a=(e.parentStyleSheet||{}).href;return n.inlineAll(e.cssText,a)},src:function(){return e.style.getPropertyValue("src")}}}}}(),c=function(){return{inlineAll:function a(r){return r instanceof Element?function(e){var a=e.style.getPropertyValue("background");return a?n.inlineAll(a).then((function(a){e.style.setProperty("background",a,e.style.getPropertyPriority("background"))})).then((function(){return e})):Promise.resolve(e)}(r).then((function(){return r instanceof HTMLImageElement?e(r).inline():Promise.all(t.asArray(r.childNodes).map((function(e){return a(e)})))})):Promise.resolve(r)},impl:{newImage:e}};function e(e){return{inline:function(a){return t.isDataUrl(e.src)?Promise.resolve():Promise.resolve(e.src).then(a||t.getAndEncode).then((function(a){return t.dataAsUrl(a,t.mimeType(e.src))})).then((function(a){return new Promise((function(t,n){e.onload=t,e.onerror=n,e.src=a}))}))}}}}(),l={imagePlaceholder:void 0,cacheBust:!1},s={toSvg:i,toPng:function(e,a){return o(e,a||{}).then((function(e){return e.toDataURL()}))},toJpeg:function(e,a){return o(e,a=a||{}).then((function(e){return e.toDataURL("image/jpeg",a.quality||1)}))},toBlob:function(e,a){return o(e,a||{}).then(t.canvasToBlob)},toPixelData:function(e,a){return o(e,a||{}).then((function(a){return a.getContext("2d").getImageData(0,0,t.width(e),t.height(e)).data}))},impl:{fontFaces:r,images:c,util:t,inliner:n,options:{}}};function i(e,a){return function(e){void 0===e.imagePlaceholder?s.impl.options.imagePlaceholder=l.imagePlaceholder:s.impl.options.imagePlaceholder=e.imagePlaceholder;void 0===e.cacheBust?s.impl.options.cacheBust=l.cacheBust:s.impl.options.cacheBust=e.cacheBust}(a=a||{}),Promise.resolve(e).then((function(e){return function e(a,n,r){return r||!n||n(a)?Promise.resolve(a).then((function(e){return e instanceof HTMLCanvasElement?t.makeImage(e.toDataURL()):e.cloneNode(!1)})).then((function(e){return c(a,e,n)})).then((function(e){return function(e,a){return a instanceof Element?Promise.resolve().then(n).then(r).then(c).then(l).then((function(){return a})):a;function n(){var n,r;n=window.getComputedStyle(e),r=a.style,n.cssText?r.cssText=n.cssText:function(e,a){t.asArray(e).forEach((function(t){a.setProperty(t,e.getPropertyValue(t),e.getPropertyPriority(t))}))}(n,r)}function r(){[":before",":after"].forEach((function(n){!function(n){var r=window.getComputedStyle(e,n),c=r.getPropertyValue("content");if(""===c||"none"===c)return;var l=t.uid();a.className=a.className+" "+l;var s=document.createElement("style");s.appendChild(function(e,a,n){var r="."+e+":"+a,c=n.cssText?function(e){var a=e.getPropertyValue("content");return e.cssText+" content: "+a+";"}(n):function(e){return t.asArray(e).map((function(a){return a+": "+e.getPropertyValue(a)+(e.getPropertyPriority(a)?" !important":"")})).join("; ")+";"}(n);return document.createTextNode(r+"{"+c+"}")}(l,n,r)),a.appendChild(s)}(n)}))}function c(){e instanceof HTMLTextAreaElement&&(a.innerHTML=e.value),e instanceof HTMLInputElement&&a.setAttribute("value",e.value)}function l(){a instanceof SVGElement&&(a.setAttribute("xmlns","http://www.w3.org/2000/svg"),a instanceof SVGRectElement&&["width","height"].forEach((function(e){var t=a.getAttribute(e);t&&a.style.setProperty(e,t)})))}}(a,e)})):Promise.resolve();function c(a,n,r){var c=a.childNodes;return 0===c.length?Promise.resolve(n):l(n,t.asArray(c),r).then((function(){return n}));function l(a,t,n){var r=Promise.resolve();return t.forEach((function(t){r=r.then((function(){return e(t,n)})).then((function(e){e&&a.appendChild(e)}))})),r}}}(e,a.filter,!0)})).then(m).then(u).then((function(e){a.bgcolor&&(e.style.backgroundColor=a.bgcolor);a.width&&(e.style.width=a.width+"px");a.height&&(e.style.height=a.height+"px");a.style&&Object.keys(a.style).forEach((function(t){e.style[t]=a.style[t]}));return e})).then((function(n){return function(e,a,n){return Promise.resolve(e).then((function(e){return e.setAttribute("xmlns","http://www.w3.org/1999/xhtml"),(new XMLSerializer).serializeToString(e)})).then(t.escapeXhtml).then((function(e){return'<foreignObject x="0" y="0" width="100%" height="100%">'+e+"</foreignObject>"})).then((function(e){return'<svg xmlns="http://www.w3.org/2000/svg" width="'+a+'" height="'+n+'">'+e+"</svg>"})).then((function(e){return"data:image/svg+xml;charset=utf-8,"+e}))}(n,a.width||t.width(e),a.height||t.height(e))}))}function o(e,a){return i(e,a).then(t.makeImage).then(t.delay(100)).then((function(n){var r=function(e){var n=document.createElement("canvas");if(n.width=a.width||t.width(e),n.height=a.height||t.height(e),a.bgcolor){var r=n.getContext("2d");r.fillStyle=a.bgcolor,r.fillRect(0,0,n.width,n.height)}return n}(e);return r.getContext("2d").drawImage(n,0,0),r}))}function m(e){return r.resolveAll().then((function(a){var t=document.createElement("style");return e.appendChild(t),t.appendChild(document.createTextNode(a)),e}))}function u(e){return c.inlineAll(e).then((function(){return e}))}e.exports=s}()},1623:function(e,a,t){"use strict";t.r(a),t.d(a,"default",(function(){return le}));var n=t(1),r=t.n(n),c=t(1413),l=(t(1392),t(1376)),s=t(294),i=t(52),o=t(22),m=t(7),u=t(46),d=t(61),p=t(506),E=t.n(p);const g=JSON.parse('{"annual-summary-2021":{"arrow":"QmfRjhqJozRnPi9fjqydArzeyWNDiz5tjQeuqgVmvxnMKH.png","avatars-1-page-2":"Qmdj5yj5Xei2VyNevGf2Ji8s87ienLGPo5PNdRP6SKLG6n.png","avatars-2-page-2":"Qmcda6NKqwpocusxEEDy7cs64oBdpR2AQK3q2bcsyrHJUf.png","avatars-3-page-2":"QmXJCFd6itcvUDmhxBkenjhfNCK884bqXqvEb4DmpYVpad.png","bg-page-1":"QmTFHGCJhPqHh827SWFjCtKkHRrHWhZyN2PQoHZmUg6T3Z.png","bg-page-10":"QmW1K9tGw9V8yLRTFcsR8V1egQ4KeD8UpZ3cs1uoJPg2qY.png","bg-page-11":"QmSj5U37Rk1wLC7dDLbptQ2xSrLtKCVmRicsNKAJPQRtfX.png","bg-page-3":"QmPaNrj5VaepW6qBmoEnk1wnZuoZeZVEWTAVutKmD1yuia.png","bg-page-4":"QmbQ5zsDB8E8bkqF3G9aJ7G1sXfZwusDYj7jk4EpYMGqww.png","bg-page-5":"Qmf7XGz39FQSmMmyaGUYu4QMvsVc4SzhTjxF5Rq5ZK6CmT.png","bg-page-5.1":"QmSP1x2aEycLX7DzKGpXSFs2eGaMoDRYqyJ73EfFJzuG3B.png","bg-page-6":"Qmc8Ub2BoNuLuxYKbDBFXouarPQyonkK3TFcN8KURMf9gQ.png","bg-page-6-mobile":"QmNVBLPHiG3Xi8WwXocVJXE9uV7WWmrKyZyhiqqkA1hmqk.png","bg-page-7":"Qmc8Ub2BoNuLuxYKbDBFXouarPQyonkK3TFcN8KURMf9gQ.png","bg-page-8":"QmVTcW5ykMvUs26X3AygXHsukUL6xFx4mjxpBmh9VYfnbR.png","bg-page-9":"QmNquNGrQGQjb8joYaB5f5RUK3wV1seJcDMmDb7gSB244D.png","btn-home":"QmVMytwdf7xWVJKZuQ168jDcrzMg8oU72agwVr1V1RpWQ7.png","console":"QmVrfm5hj59eMg21gAAxBGnQtBmZtb7iPRYMRyUd5gyT5R.png","page-11-download":"QmenGdwFPJcMy4GPa6C8xEiaAmXrKXaDbtX4QGm4J1H2tV.png","page-11-join-us":"QmT8wodNEJveND4Bexv5bf2wLrzC4cBFps3BLL529vW6A4.png","page-11-join-us-pressed":"QmWtgYUQcKPttYS56nf51xHZfqQCcDS4htnQYQ2cUmPLVU.png","page-11-section-2":"QmbpNxxtc3RRWssZc1XVf1xE5xy3GN4jLgpiEYRJ5z5FyS.png","page-12-content":"QmcubwdRbfEYBRrAwMC4AX2PjUeSJVD962LGDdFgJ6TrGu.png","page-6-cat":"QmYCbPpriKtHwABbVUL2SeaEyTKppwndZKfTsUMw9RQtUt.png","page-6-spotlight":"QmUWcsTwgMbuxcchzQbjem1Y1kJxRhAaWNwVCfM2M2U4Ga.png"}}');function v(e,a=!1){const t=Object(i.a)(g["annual-summary-2021"][e]);return a?t:`url(${t})`}var b=Object.defineProperty,f=Object.getOwnPropertySymbols,h=Object.prototype.hasOwnProperty,y=Object.prototype.propertyIsEnumerable,N=(e,a,t)=>a in e?b(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,w=(e,a)=>{for(var t in a||(a={}))h.call(a,t)&&N(e,t,a[t]);if(f)for(var t of f(a))y.call(a,t)&&N(e,t,a[t]);return e},z=(e,a)=>{var t={};for(var n in e)h.call(e,n)&&a.indexOf(n)<0&&(t[n]=e[n]);if(null!=e&&f)for(var n of f(e))a.indexOf(n)<0&&y.call(e,n)&&(t[n]=e[n]);return t};const A=t(1495);function j(e){var a=e,{size:t,bold:c,children:l,className:s,style:i}=a,m=z(a,["size","bold","children","className","style"]);const u=Object(n.useMemo)(()=>w({fontSize:t},i),[i,t]);return r.a.createElement("span",w({className:Object(o.a)(A.text,c&&A.bold,s),style:u},m),l)}function P(e){var a=e,{className:t,children:n}=a,c=z(a,["className","children"]);return r.a.createElement("a",{href:"/",target:"_blank"},r.a.createElement("div",w({className:Object(o.a)(A.homeButton,t)},c),n))}function C(e){var a=e,{className:t,children:n}=a,c=z(a,["className","children"]);return r.a.createElement(j,w({className:Object(o.a)(A.displayName,t)},c),"@ ",n)}function D(e){var a=e,{size:t,borderSize:n=8,borderRadius:c="50%",src:l,alt:s,className:i,style:m,children:u}=a,d=z(a,["size","borderSize","borderRadius","src","alt","className","style","children"]);return r.a.createElement("div",w({className:Object(o.a)(A.avatarWrapper,i),style:w({width:"number"==typeof t?t+"px":t,height:"number"==typeof t?t+"px":t,padding:"number"==typeof n?n+"px":n,borderRadius:"number"==typeof c?c+"px":c},m)},d),r.a.createElement("img",{className:A.avatarImage,src:l,alt:s,style:{borderRadius:"number"==typeof c?c+"px":c}}))}const M=Object(n.forwardRef)((function(e,a){var t=e,{bgColor:c,bgImage:l,className:s,children:i,style:m}=t,u=z(t,["bgColor","bgImage","className","children","style"]);const d=Object(n.useMemo)(()=>w({backgroundColor:c,backgroundImage:l},m),[m,c,l]);return r.a.createElement("div",w({ref:a,className:Object(o.a)(A.bgContainer,s),style:d},u),i)})),k=Object(m.f)(),O=Object(m.l)();function I(e){var a=e,{direction:t=(k||O?"up":"down"),className:n}=a,c=z(a,["direction","className"]);return r.a.createElement("div",w({className:Object(o.a)(A.arrow,"down"===t&&A.arrowDown,n)},c))}function x(e){var a=e,{className:t}=a,n=z(a,["className"]);const c=Object(u.b)(d.c),{handleLogin:l}=Object(s.a)();return r.a.createElement("div",w({className:Object(o.a)(A.userInfo,c.isLogin&&A.isLogin,t),onDoubleClick:()=>{window.confirm("你确定退出登录？")&&c.logout().catch(()=>{})}},n),c.isLogin?r.a.createElement(r.a.Fragment,null,r.a.createElement(D,{className:A.avatar,size:47,borderSize:3,src:Object(i.a)(c.data.avatar_hash)}),r.a.createElement(C,{size:20},c.data.displayname)):r.a.createElement("div",w({className:A.button,onClick:()=>{l()}},n),"登录 / 注册"))}function _(e){var a=e,{type:t,enabled:c=!0,delayMs:l=0,durationMs:s=1e3,once:i=!1,repeat:o=1,className:m,style:u,children:d}=a,p=z(a,["type","enabled","delayMs","durationMs","once","repeat","className","style","children"]);const[E,g]=Object(n.useState)(""),v=Object(n.useRef)(!1),b=Object(n.useRef)(i);Object(n.useEffect)(()=>{if(!v.current||!b.current)return c&&(g(A[t]),b.current&&(v.current=!0)),()=>{g("")}},[t,c]);const f=Object(n.useMemo)(()=>w({"--animate-duration":s+"ms","--animate-delay":l+"ms","--animate-repeat":""+o},u),[u,s,l,o]),h=r.a.Children.map(d,e=>r.a.isValidElement(e)?r.a.cloneElement(e,w({style:w(w({},f),e.props.style),className:[A.animate,E,m,e.props.className].filter(Boolean).join(" ")},p)):e);return r.a.createElement(r.a.Fragment,null,h)}function R(e){var a=e,{vertical:t,size:c,style:l}=a,s=z(a,["vertical","size","style"]);const i=Object(n.useMemo)(()=>{if("string"==typeof c){const[e,a]=/^([\d\.]+)vh$/g.exec(c.trim())||[];if(a)return`calc(${a} * var(--vh, 1vh))`}return c},[c]),o=Object(n.useMemo)(()=>w({display:t?"block":"inline-block",[t?"height":"width"]:"number"==typeof i?i+"px":i},l),[t,i,l]);return r.a.createElement("div",w({style:o},s))}function S(e){var a=e,{src:t}=a,c=z(a,["src"]);const[l,s]=Object(n.useState)("");return Object(n.useEffect)(()=>{if(t){const e=function({data:e,typeNumber:a=0,errorCorrectionLevel:t="L",mode:n}){const r=E.a(a,t);return r.addData(e,n),r.make(),r}({data:t});s(e.createDataURL())}},[t]),r.a.createElement("img",w({src:l},c))}var F=t(1496),B=t.n(F),Q=t(502),L=t(60),U=t(57),V=t(1497),W=t.n(V),G=Object.defineProperty,T=Object.getOwnPropertySymbols,J=Object.prototype.hasOwnProperty,K=Object.prototype.propertyIsEnumerable,Y=(e,a,t)=>a in e?G(e,a,{enumerable:!0,configurable:!0,writable:!0,value:t}):e[a]=t,q=(e,a)=>{for(var t in a||(a={}))J.call(a,t)&&Y(e,t,a[t]);if(T)for(var t of T(a))K.call(a,t)&&Y(e,t,a[t]);return e};const H=!0,X=[],Z={quality:90};function $(e,a=H,t=X,r=Z){const[c,l]=Object(n.useState)(""),[s,i]=Object(n.useState)("none");return Object(n.useEffect)(()=>{i("none");const t=e.current;t&&a&&(i("ready"),W.a.toPng(t,q(q({},Z),null!=r?r:{})).then(()=>{W.a.toPng(t,q(q({},Z),null!=r?r:{})).then(e=>{i("success"),l(e)}).catch(e=>{console.error(e),i("error")})}).catch(e=>{console.error(e),i("error")}))},[e,a,...t]),{src:c,state:s}}var ee=t(296),ae=t(24);l.d.use([l.c,l.b,l.a]);function te(e){var a,t;return{avatar:null!=(a=null==e?void 0:e.avatar)?a:"",name:null!=(t=null==e?void 0:e.name)?t:""}}function ne(e){var a,t,n,r,c,l,s,i,o,m,u,d,p,E,g,v,b,f,h,y;return{collaboratorNameAndAvatar:te(e.collaboratorNameAndAvatar),contentNameAndAvatarWithHighestViews:te(e.contentNameAndAvatarWithHighestViews),contentSharedCount:e.contentSharedCount||0,firstFollowerNameAndAvatar:te(e.firstFollowerNameAndAvatar),firstFollowingNameAndAvatar:te(e.firstFollowingNameAndAvatar),firstPublishContent:{contentImage:null!=(t=null==(a=e.firstPublishContent)?void 0:a.contentImage)?t:"",contentName:null!=(r=null==(n=e.firstPublishContent)?void 0:n.contentName)?r:"",publishedDate:null!=(l=null==(c=e.firstPublishContent)?void 0:c.publishedDate)?l:""},mostPlayMapNameAndAvatar:(null==(s=null==e?void 0:e.mostPlayMapNameAndAvatar)?void 0:s.name)?e.mostPlayMapNameAndAvatar:{name:"章鱼游戏",avatar:"QmcCmxrpw8kh8yB6h7pkQqTanQQAcLJFo4ytMGA5yjjrbv.png"},participateActivity2GotSkinNames:null!=(i=e.participateActivity2GotSkinNames)?i:[],participateActivityCount:e.participateActivityCount||0,publishedContentCounts:[{type:1,count:(null==(m=null==(o=e.publishedContentCounts)?void 0:o.find(({type:e})=>1===e))?void 0:m.count)||0},{type:2,count:(null==(d=null==(u=e.publishedContentCounts)?void 0:u.find(({type:e})=>2===e))?void 0:d.count)||0},{type:3,count:(null==(E=null==(p=e.publishedContentCounts)?void 0:p.find(({type:e})=>3===e))?void 0:E.count)||0}],userNameAndAvatar:te(e.userNameAndAvatar),userRegisterDays:e.userRegisterDays||0,createdContentCounts:[{type:1,count:(null==(v=null==(g=e.createdContentCounts)?void 0:g.find(({type:e})=>1===e))?void 0:v.count)||0},{type:2,count:(null==(f=null==(b=e.createdContentCounts)?void 0:b.find(({type:e})=>2===e))?void 0:f.count)||0},{type:3,count:(null==(y=null==(h=e.createdContentCounts)?void 0:h.find(({type:e})=>3===e))?void 0:y.count)||0}]}}const re=Object(m.f)(),ce=Object(m.o)();function le(){const{width:e,height:a}=Object(U.m)("inner"),t=Object(u.b)(d.c),{data:l}=Object(Q.a)(L.a.activity.getAnnualReportingActivityRelatedDataUsingGet,{enable:t.isLogin,pipe:ne}),s=Object(n.useRef)(null),[m,p]=Object(n.useState)(!1),{src:E,state:g}=$(s,!!l),b=Object(n.useMemo)(()=>({"--vh":a/100+"px"}),[a]);return r.a.createElement(M,{style:b},r.a.createElement(c.a,{direction:"vertical",mousewheel:!0,keyboard:!0,className:B.a.annual2021,effect:"fade",threshold:20},r.a.createElement(c.b,{key:1},r.a.createElement(M,{className:B.a.blue},r.a.createElement(M,{bgImage:v("bg-page-1"),className:B.a.verticleContainer},r.a.createElement(x,{className:B.a.userInfo}),t.isLogin&&r.a.createElement(I,{className:B.a.arrow})))),t.isLogin&&r.a.createElement(r.a.Fragment,null,r.a.createElement(c.b,{key:2},({isActive:e})=>r.a.createElement(M,{className:B.a.blue},r.a.createElement(M,{className:B.a.verticleContainer},r.a.createElement(I,{className:B.a.arrow}),r.a.createElement("div",{className:B.a.avatarsWrapper},r.a.createElement("div",{className:B.a.avatarsTrack},r.a.createElement("img",{className:B.a.avatarsImg,src:v("avatars-1-page-2",!0),alt:""}),r.a.createElement("img",{className:B.a.avatarsImg,src:v("avatars-1-page-2",!0),alt:""})),r.a.createElement("div",{className:B.a.avatarsTrack},r.a.createElement("img",{className:B.a.avatarsImg,src:v("avatars-2-page-2",!0),alt:""}),r.a.createElement("img",{className:B.a.avatarsImg,src:v("avatars-2-page-2",!0),alt:""})),r.a.createElement("div",{className:B.a.avatarsTrack},r.a.createElement("img",{className:B.a.avatarsImg,src:v("avatars-3-page-2",!0),alt:""}),r.a.createElement("img",{className:B.a.avatarsImg,src:v("avatars-3-page-2",!0),alt:""})),r.a.createElement("div",{className:B.a.avatarsTrack},r.a.createElement("img",{className:B.a.avatarsImg,src:v("avatars-1-page-2",!0),alt:""}),r.a.createElement("img",{className:B.a.avatarsImg,src:v("avatars-1-page-2",!0),alt:""})),r.a.createElement("div",{className:B.a.avatarsTrack},r.a.createElement("img",{className:B.a.avatarsImg,src:v("avatars-2-page-2",!0),alt:""}),r.a.createElement("img",{className:B.a.avatarsImg,src:v("avatars-2-page-2",!0),alt:""}))),r.a.createElement(_,{type:"fadeInDown",enabled:e},r.a.createElement(j,{size:17},"2021年，有超过"),r.a.createElement(j,{size:42,bold:!0,className:"mt-12 mb-8"},"100,000+"),r.a.createElement(j,{size:17},"创作者在神奇代码岛挥洒创意"))))),r.a.createElement(c.b,{key:3},({isActive:e})=>r.a.createElement(M,{className:B.a.blue},r.a.createElement(M,{bgImage:v("bg-page-3"),className:B.a.verticleContainer},r.a.createElement(I,{className:B.a.arrow}),r.a.createElement(R,{vertical:!0,size:147}),r.a.createElement(_,{type:"fadeInDown",enabled:e},r.a.createElement(j,{size:17},"创作者们一共创作了"),r.a.createElement("div",{className:"mt-24 pt-4"},r.a.createElement(j,{size:36,bold:!0,className:"mr-12"},"102,165"),r.a.createElement(j,{size:17},"个地图")),r.a.createElement("div",{className:"mt-16"},r.a.createElement(j,{size:36,bold:!0,className:"mr-12"},"78,216"),r.a.createElement(j,{size:17},"个模型")),r.a.createElement("div",{className:"mt-16"},r.a.createElement(j,{size:36,bold:!0,className:"mr-12"},"3,767"),r.a.createElement(j,{size:17},"首音乐")))))),r.a.createElement(c.b,{key:"3.1"},({isActive:e})=>r.a.createElement(M,{className:B.a.blue},r.a.createElement(M,{bgImage:v("bg-page-3"),className:B.a.verticleContainer},r.a.createElement(R,{vertical:!0,size:147}),r.a.createElement(I,{className:B.a.arrow}),r.a.createElement(_,{type:"fadeInDown",enabled:e},r.a.createElement(j,{size:17},"神奇代码岛一共举办了"),r.a.createElement("div",{className:"mt-24 pt-4"},r.a.createElement(j,{size:42,bold:!0,className:"mr-12"},"10"),r.a.createElement(j,{size:17},"次创作比赛")),r.a.createElement("div",{className:"mt-16"},r.a.createElement(j,{size:42,bold:!0,className:"mr-12"},"2140"),r.a.createElement(j,{size:17},"位创作者同台竞技")))))),l&&l.userRegisterDays>0&&r.a.createElement(r.a.Fragment,null,r.a.createElement(c.b,{key:4},({isActive:e})=>r.a.createElement(M,{className:B.a.yellow},r.a.createElement(M,{bgImage:v("bg-page-4"),className:B.a.verticleContainer},r.a.createElement(R,{vertical:!0,size:"12.2vh"}),r.a.createElement(I,{className:B.a.arrow}),r.a.createElement(_,{type:"fadeInDown",delayMs:400,durationMs:400,enabled:e},r.a.createElement(j,{size:17},"这一年，你在岛上度过了"),r.a.createElement(R,{vertical:!0,size:28}),r.a.createElement("span",null,r.a.createElement(j,{size:42,bold:!0,className:"mr-12"},Math.min(l.userRegisterDays,365)),r.a.createElement(j,{size:17},"天"))),(()=>{const{name:a,avatar:t}=l.mostPlayMapNameAndAvatar;return a&&t?r.a.createElement(r.a.Fragment,null,r.a.createElement(D,{size:141,borderRadius:11,shape:"unset",className:B.a.favoriteMap,src:Object(i.a)(t)}),r.a.createElement(_,{type:"fadeInDown",delayMs:800,durationMs:400,enabled:e},r.a.createElement(j,{size:17,className:"mb-12"},"最喜欢的地图"),r.a.createElement(j,{size:32},"《",a,"》")),r.a.createElement(_,{type:"fadeInDown",delayMs:1200,durationMs:400,enabled:e},r.a.createElement(j,{size:17,style:{margin:"6.71vh 0"}},"你是否也想亲手做一个同类型的地图？")),r.a.createElement(_,{type:"fadeInDown",delayMs:1600,durationMs:400,enabled:e},r.a.createElement(j,{size:17},"从游玩者变成创作者，只需要向前跨一小步"))):r.a.createElement(r.a.Fragment,null)})()))),(l.firstFollowingNameAndAvatar.name||l.firstFollowerNameAndAvatar.name)&&r.a.createElement(c.b,{key:5},({isActive:e})=>r.a.createElement(M,{className:B.a.yellow},r.a.createElement(M,{bgImage:l.firstFollowingNameAndAvatar.name&&l.firstFollowerNameAndAvatar.name?v("bg-page-5"):v("bg-page-5.1"),className:Object(o.a)(B.a.verticleContainer,B.a.followSystem)},r.a.createElement(I,{className:B.a.arrow}),r.a.createElement(_,{type:"fadeInDown",delayMs:400,durationMs:400,enabled:e},r.a.createElement(j,{size:17},"2021 年 1 月 29 日"),r.a.createElement(j,{size:25,bold:!0,className:"mt-24"},"关注系统上线")),r.a.createElement("div",{className:B.a.userDisplayWrapper},(()=>{const{name:a,avatar:t}=l.firstFollowerNameAndAvatar;return a?r.a.createElement(_,{type:"fadeInDown",durationMs:400,enabled:e},r.a.createElement("div",{className:B.a.userDisplay},r.a.createElement(D,{className:Object(o.a)(B.a.avatar),src:Object(i.a)(t),size:90}),r.a.createElement("div",{className:B.a.content},r.a.createElement(C,{size:17},a),r.a.createElement(j,{size:21,className:"mt-12"},"成为第一个关注你的人"),r.a.createElement(j,{size:15,className:"mt-12"},"你的每一次创作，TA 都记得")))):r.a.createElement(r.a.Fragment,null)})(),(()=>{const{name:a,avatar:t}=l.firstFollowingNameAndAvatar;return a?r.a.createElement(_,{type:"fadeInDown",durationMs:400,enabled:e},r.a.createElement("div",{className:B.a.userDisplay},r.a.createElement(D,{className:Object(o.a)(B.a.avatar),src:Object(i.a)(t),size:l.firstFollowerNameAndAvatar.name?70:90}),r.a.createElement("div",{className:B.a.content},r.a.createElement(C,{size:17},a),r.a.createElement(j,{size:21,className:"mt-12"},"成为你第一个关注的人"),r.a.createElement(j,{size:15,className:"mt-12"},"TA 的什么特质吸引着你呢？")))):r.a.createElement(r.a.Fragment,null)})())))),l.firstPublishContent.contentName&&r.a.createElement(c.b,{key:6},({isActive:e})=>r.a.createElement(M,{className:B.a.yellow},r.a.createElement(M,{bgImage:v("page-6-spotlight")},r.a.createElement(M,{bgImage:v(re?"bg-page-6-mobile":"bg-page-6"),className:Object(o.a)(B.a.verticleContainer,B.a.firstPublish)},r.a.createElement(I,{className:B.a.arrow}),r.a.createElement(_,{type:"fadeInDown",delayMs:400,durationMs:400,enabled:e},r.a.createElement("div",{className:B.a.section1},r.a.createElement(j,{size:17},function(e){if(!e)return"";const a=new Date(e);return Number.isNaN(a.getTime())?"":`${a.getFullYear()} 年 ${a.getMonth()+1} 月 ${a.getDate()} 日`}(l.firstPublishContent.publishedDate)),r.a.createElement(j,{size:25,bold:!0,className:"mt-24"},"你发布了本年度第一个作品"))),r.a.createElement("div",{className:B.a.section2},r.a.createElement(_,{type:"fadeIn",delayMs:800,durationMs:400,enabled:e},r.a.createElement("img",{className:B.a.avatar,src:Object(i.a)(l.firstPublishContent.contentImage),alt:""})),r.a.createElement("br",null),r.a.createElement(_,{type:"fadeInDown",delayMs:1200,durationMs:400,enabled:e},r.a.createElement(j,{size:25,bold:!0,className:"mt-24"},"《",l.firstPublishContent.contentName,"》")),r.a.createElement("br",null),r.a.createElement(_,{type:"fadeInDown",delayMs:1600,durationMs:400,enabled:e},r.a.createElement("div",{className:B.a.section3},r.a.createElement(j,{size:17},"而这，仅仅是一个开始 ......")))))))),l.publishedContentCounts.find(({count:e})=>e>0)&&r.a.createElement(c.b,{key:7},({isActive:e})=>r.a.createElement(M,{className:B.a.yellow},r.a.createElement(M,{bgImage:v(re?"bg-page-6-mobile":"bg-page-6"),className:Object(o.a)(B.a.verticleContainer,B.a.published)},r.a.createElement(I,{className:B.a.arrow}),r.a.createElement(R,{vertical:!0,size:"13vh"}),r.a.createElement(_,{type:"fadeInDown",delayMs:400,durationMs:400,enabled:e},r.a.createElement(j,{size:25,bold:!0},"这一年，你一共发布了"),r.a.createElement(R,{vertical:!0,size:24}),r.a.createElement("div",{className:B.a.publishedInfoWrapper},(()=>{const[e,a,t]=l.publishedContentCounts;return r.a.createElement(r.a.Fragment,null,e.count>0&&r.a.createElement("div",{className:B.a.publishedInfo},r.a.createElement(j,{size:15},"地图"),r.a.createElement("br",null),r.a.createElement(R,{vertical:!0,size:8}),r.a.createElement(j,{size:25,bold:!0},e.count," "),r.a.createElement(j,{size:13,bold:!0},"个")),a.count>0&&r.a.createElement("div",{className:B.a.publishedInfo},r.a.createElement(j,{size:15},"模型"),r.a.createElement("br",null),r.a.createElement(R,{vertical:!0,size:8}),r.a.createElement(j,{size:25,bold:!0},a.count," "),r.a.createElement(j,{size:13,bold:!0},"个")),t.count>0&&r.a.createElement("div",{className:B.a.publishedInfo},r.a.createElement(j,{size:15},"音乐"),r.a.createElement("br",null),r.a.createElement(R,{vertical:!0,size:8}),r.a.createElement(j,{size:25,bold:!0},t.count," "),r.a.createElement(j,{size:13,bold:!0},"个")))})())),l.contentNameAndAvatarWithHighestViews.name&&r.a.createElement(_,{type:"fadeInDown",delayMs:800,durationMs:400,enabled:e},r.a.createElement(R,{vertical:!0,size:"7vh"}),r.a.createElement(j,{size:25,bold:!0},"最受欢迎的作品"),r.a.createElement(R,{vertical:!0,size:20}),r.a.createElement(D,{shape:"unset",className:B.a.avatar,src:Object(i.a)(l.contentNameAndAvatarWithHighestViews.avatar),size:84,borderSize:6,borderRadius:3}),r.a.createElement(R,{vertical:!0,size:16}),r.a.createElement(j,{size:17,bold:!0},"《",l.contentNameAndAvatarWithHighestViews.name,"》")),r.a.createElement(_,{type:"fadeInDown",delayMs:1200,durationMs:400,enabled:e},r.a.createElement(R,{vertical:!0,size:"7vh"}),r.a.createElement("div",{className:Object(o.a)("text-center",B.a.p80)},r.a.createElement(j,{size:15},"你手中的每一行代码、每一个方块、每一个音符，都让这座岛更有生命力")))))),l.participateActivityCount>0&&r.a.createElement(c.b,{key:8},({isActive:a})=>r.a.createElement(M,{className:B.a.yellow},r.a.createElement(M,{bgImage:v("bg-page-8"),className:Object(o.a)(B.a.creation,"text-center")},r.a.createElement(I,{className:B.a.arrow}),r.a.createElement(R,{vertical:!0,size:"6vh"}),r.a.createElement(_,{type:"fadeInDown",delayMs:400,durationMs:400,enabled:a},r.a.createElement(j,{size:25,bold:!0},"这一年，你参加了"),r.a.createElement(R,{vertical:!0,size:12}),r.a.createElement("span",null,r.a.createElement(j,{size:42,bold:!0},l.participateActivityCount),r.a.createElement(j,{size:16}," 次 地图创作节"))),l.participateActivity2GotSkinNames.length>0&&r.a.createElement(r.a.Fragment,null,r.a.createElement(_,{type:"fadeInDown",delayMs:800,durationMs:400,enabled:a},r.a.createElement(j,{className:B.a.skinDesc,size:16},"独一无二的新皮肤，是你的荣耀勋章")),r.a.createElement("div",{className:Object(o.a)(B.a.circle,B.a.circle1)}),r.a.createElement("div",{className:Object(o.a)(B.a.circle,B.a.circle2)}),r.a.createElement("div",{className:Object(o.a)(B.a.circle,B.a.circle3)}),r.a.createElement("div",{className:Object(o.a)(B.a.circle,B.a.circle4)}),r.a.createElement(c.a,{className:B.a.skinListWrapper,direction:"horizontal",centeredSlides:!0,slidesPerView:Math.max(1,Math.min(Math.floor(e/150),l.participateActivity2GotSkinNames.length)),initialSlide:Math.floor(l.participateActivity2GotSkinNames.length/2)},l.participateActivity2GotSkinNames.map(e=>r.a.createElement(c.b,{key:e},({isActive:a})=>r.a.createElement("img",{className:Object(o.a)(B.a.skin,!a&&B.a.inactive),src:Object(i.a)(ee.a.suite[e]),alt:e})))))))),l.contentSharedCount>0&&r.a.createElement(c.b,{key:9},({isActive:e})=>r.a.createElement(M,{className:B.a.yellow},r.a.createElement(M,{bgImage:v("bg-page-9"),className:Object(o.a)(B.a.verticleContainer,B.a.shared)},r.a.createElement(I,{className:B.a.arrow}),r.a.createElement(R,{vertical:!0,size:"12vh"}),r.a.createElement(_,{type:"fadeInDown",delayMs:400,durationMs:400,enabled:e},r.a.createElement("span",null,r.a.createElement(j,{size:16},"你帮助了"),r.a.createElement(j,{size:18,bold:!0}," ",l.contentSharedCount," "),r.a.createElement(j,{size:16},"个岛民创作地图")),r.a.createElement(R,{vertical:!0,size:16}),r.a.createElement(j,{size:16},"不愧是年度"),r.a.createElement(R,{vertical:!0,size:16}),r.a.createElement(j,{size:30,bold:!0},"最佳神助攻")),r.a.createElement(R,{vertical:!0,size:"4vh"}),r.a.createElement(_,{type:"fadeInDown",delayMs:800,durationMs:400,enabled:e},r.a.createElement("div",{className:B.a.section2},r.a.createElement("div",{className:Object(o.a)(B.a.track,B.a.track1)}),r.a.createElement("div",{className:Object(o.a)(B.a.track,B.a.track2)}),r.a.createElement("div",{className:Object(o.a)(B.a.dot,B.a.dot1)}),r.a.createElement("div",{className:Object(o.a)(B.a.dot,B.a.dot2)}),r.a.createElement(j,{className:B.a.title,size:16},"其中和你合作最多的是"),r.a.createElement(D,{size:90,src:Object(i.a)(l.collaboratorNameAndAvatar.avatar)}),r.a.createElement(C,{className:B.a.name,size:17,bold:!0},l.collaboratorNameAndAvatar.name))),r.a.createElement(R,{vertical:!0,size:"2vh"}),r.a.createElement(_,{type:"fadeInDown",delayMs:1200,durationMs:400,enabled:e},r.a.createElement(j,{size:17},"还记得你们并肩创作的时光吗？")))))),l&&l.userRegisterDays<=0&&r.a.createElement(c.b,{key:10},({isActive:e})=>r.a.createElement(M,{className:B.a.yellow},r.a.createElement(M,{bgImage:v("bg-page-10"),className:B.a.verticleContainer},r.a.createElement(P,{className:B.a.homeButton}),r.a.createElement(R,{vertical:!0,size:123}),r.a.createElement(_,{type:"fadeInDown",delayMs:400,enabled:e},r.a.createElement(j,{size:36,bold:!0},"好可惜"),r.a.createElement(R,{vertical:!0,size:24}),r.a.createElement(j,{size:25,bold:!0},"2021 的拼图少了你一块")),r.a.createElement(R,{vertical:!0,size:68}),r.a.createElement(_,{type:"fadeInDown",delayMs:800,enabled:e},r.a.createElement(j,{size:21},"但任何时候加入都不迟")),r.a.createElement(R,{vertical:!0,size:44}),r.a.createElement(_,{type:"fadeInDown",delayMs:1200,enabled:e},r.a.createElement("span",null,r.a.createElement(j,{size:21},"期待"),r.a.createElement(j,{size:32,bold:!0}," 2022 "),r.a.createElement(j,{size:21},"与你在岛上相遇")))))),r.a.createElement(c.b,{key:11},({isActive:e})=>r.a.createElement(M,{className:B.a.red},r.a.createElement(M,{bgImage:v("bg-page-11"),className:Object(o.a)(B.a.verticleContainer,B.a.code)},r.a.createElement(R,{vertical:!0,size:"10vh"}),r.a.createElement(P,{className:B.a.homeButton}),r.a.createElement(_,{type:"fadeInDown",delayMs:400,durationMs:400,enabled:e},r.a.createElement(j,{size:25,bold:!0},"一行代码开启你的2022")),r.a.createElement(R,{vertical:!0,size:36}),r.a.createElement(_,{type:"fadeInDown",delayMs:800,durationMs:400,enabled:e},r.a.createElement("div",{className:B.a.section2},r.a.createElement("img",{src:v("page-11-section-2",!0),className:B.a.section2Image}),r.a.createElement("div",{className:B.a.content},r.a.createElement(j,{size:15,className:B.a.desc},"记住这句暗号，来《哈哈农场》找“吉吉喵”吧!"),r.a.createElement("div",{className:B.a.console})))),r.a.createElement(R,{vertical:!0,size:20}),r.a.createElement("a",{href:"https://box3.fun/p/farms?mtm_campaign=niandubaogao",target:"_blank"},r.a.createElement("div",{className:Object(o.a)(B.a.btn,B.a.joinUs)})),ce?r.a.createElement("div",{className:Object(o.a)(B.a.btn,B.a.download),onClick:()=>{p(!0)}}):E?r.a.createElement("a",{href:E,download:"box3-2021"},r.a.createElement("div",{className:Object(o.a)(B.a.btn,B.a.download)})):r.a.createElement("div",{className:Object(o.a)(B.a.btn,B.a.download)})))))),t.isLogin&&l&&r.a.createElement("div",{className:Object(o.a)(B.a.previewPage,m&&B.a.previewPageVisible)},r.a.createElement("div",{className:Object(o.a)(B.a.contentWrapper)},r.a.createElement(M,{ref:s,className:B.a.blue},r.a.createElement(M,{className:B.a.content},r.a.createElement(R,{vertical:!0,size:233}),r.a.createElement(D,{size:84,src:Object(i.a)(t.data.avatar_hash)}),r.a.createElement(R,{vertical:!0,size:17}),r.a.createElement(C,{size:20,bold:!0},t.data.displayname),r.a.createElement(R,{vertical:!0,size:55}),r.a.createElement(j,{size:16,bold:!0},"作品总数"),r.a.createElement("div",{className:B.a.worksListWrapper},(()=>{const[e,a,t]=l.createdContentCounts;return r.a.createElement(r.a.Fragment,null,e.count>0&&r.a.createElement("div",{className:B.a.workWrapper},r.a.createElement(j,{size:14,className:B.a.name},"地图"),r.a.createElement(R,{vertical:!0,size:10}),r.a.createElement(j,{size:30,bold:!0},e.count," "),r.a.createElement(j,{size:12},"个")),a.count>0&&r.a.createElement("div",{className:B.a.workWrapper},r.a.createElement(j,{size:14,className:B.a.name},"模型"),r.a.createElement(R,{vertical:!0,size:10}),r.a.createElement(j,{size:30,bold:!0},a.count," "),r.a.createElement(j,{size:12},"个")),t.count>0&&r.a.createElement("div",{className:B.a.workWrapper},r.a.createElement(j,{size:14,className:B.a.name},"音乐"),r.a.createElement(R,{vertical:!0,size:10}),r.a.createElement(j,{size:30,bold:!0},t.count," "),r.a.createElement(j,{size:12},"首")),e.count<=0&&a.count<=0&&t.count<=0&&r.a.createElement(r.a.Fragment,null,r.a.createElement("div",{className:B.a.workWrapper},r.a.createElement(j,{size:14,className:B.a.name},"地图"),r.a.createElement(R,{vertical:!0,size:10}),r.a.createElement(j,{size:20,bold:!0},"#%& "),r.a.createElement(j,{size:12},"个")),r.a.createElement("div",{className:B.a.workWrapper},r.a.createElement(j,{size:14,className:B.a.name},"模型"),r.a.createElement(R,{vertical:!0,size:10}),r.a.createElement(j,{size:20,bold:!0},"%#& "),r.a.createElement(j,{size:12},"个")),r.a.createElement("div",{className:B.a.workWrapper},r.a.createElement(j,{size:14,className:B.a.name},"音乐"),r.a.createElement(R,{vertical:!0,size:10}),r.a.createElement(j,{size:20,bold:!0},"&%# "),r.a.createElement(j,{size:12},"首"))))})()),r.a.createElement(R,{vertical:!0,size:30}),r.a.createElement("span",null,r.a.createElement(j,{size:14},"你已经与神奇代码岛同行"),r.a.createElement(j,{size:30,bold:!0}," ",l.userRegisterDays," "),r.a.createElement(j,{size:14},"天")),r.a.createElement(S,{src:window.location.href,className:B.a.qrcode}))),E&&r.a.createElement("img",{src:E,className:B.a.previewImage})),r.a.createElement(ae.a,{icon:"close",size:24,className:B.a.closeButton,onClick:()=>{p(!1)}})))}}}]);