https://public-static.hellorf.com/hellorf/_next/static/chunks/pages/share-collection-99fe4e75e0c0a83f.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[2413],{47764:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/share-collection",function(){return c(30462)}])},2565:function(a,b,c){"use strict";var d=c(51438),e=c(88029),f=c(7297),g=c(60460),h=c(85893),i=c(67294),j=c(45731),k=c(17241);function l(){var a=(0,f.Z)(["\n  padding-top: ","px;\n  padding-bottom: ",";\n  font-size: 0;\n  text-align: center;\n\n  img {\n    display: block;\n    margin: 0 auto;\n    width: 275px;\n    height: auto;\n  }\n\n  div {\n    max-width: 560px;\n    margin-left: auto;\n    margin-right: auto;\n    margin-top: 16px;\n    font-size: 16px;\n    color: ",";\n  }\n"]);return l=function(){return a},a}var m=function(a){(0,e.Z)(c,a);var b=(0,g.Z)(c);function c(){return(0,d.Z)(this,c),b.apply(this,arguments)}return c.prototype.render=function(){var a=this.props,b=a.className,c=a.title;return(0,h.jsxs)("div",{className:b,children:[(0,h.jsx)("img",{src:"".concat(k.xm,"/hellorf/_next/images/ufo.png")}),(0,h.jsx)("div",{children:c||"暂时还没有数据"})]})},c}(i.Component),n=(0,j.default)(m).withConfig({componentId:"sc-355f931f-0"})(l(),function(a){var b=a.top;return b||0===b?b:104},function(a){var b=a.bottom;return b||0===b?"".concat(b,"px"):""},function(a){return a.theme.palette.stone});b.Z=n},53529:function(a,b,c){"use strict";var d=c(51438),e=c(88029),f=c(7297),g=c(60460),h=c(85893),i=c(67294),j=c(45731),k=c(16139);function l(){var a=(0,f.Z)(["\n  position: relative;\n  margin-top: ","px;\n  height: 40px;\n  text-align: center;\n\n  > button {\n    padding: 8px 36px;\n\n    & + button {\n      margin-left: 40px;\n    }\n  }\n\n  ul {\n    position: absolute;\n    top: 50%;\n    transform: translateY(-50%);\n    right: ",";\n\n    input {\n      background: ",";\n    }\n  }\n"]);return l=function(){return a},a}var m=function(a){(0,e.Z)(c,a);var b=(0,g.Z)(c);function c(){var a;return(0,d.Z)(this,c),a=b.apply(this,arguments),a.handleChange=function(b){a.props.scrollToTop&&window.scrollTo(0,0),a.props.onChange&&a.props.onChange(b)},a.handleClickPrev=function(b){var c=a.props,d=c.current,e=c.prev;e&&e(b),a.handleChange(d-1)},a.handleClickNext=function(b){var c=a.props,d=c.current,e=c.next;e&&e(b),a.handleChange(d+1)},a}return c.prototype.render=function(){var a=this.props,b=a.current,c=a.total,d=a.className;return c<=1?null:(0,h.jsxs)("div",{className:d,children:[b>1&&(0,h.jsx)(k.zx,{onClick:this.handleClickPrev,children:"上一页"}),c>b&&(0,h.jsx)(k.zx,{onClick:this.handleClickNext,children:"下一页"}),(0,h.jsx)(k.tl,{current:b,total:c,onChange:this.handleChange})]})},c}(i.Component);m.defaultProps={scrollToTop:!0};var n=(0,j.default)(m).withConfig({componentId:"sc-6c7ae6a7-0"})(l(),function(a){return a.marginTop||40},function(a){return"account"===a.type?"24px":"0"},function(a){return a.theme.palette.daisy});b.Z=n},30462:function(a,b,c){"use strict";c.r(b),c.d(b,{default:function(){return H}});var d=c(47568),e=c(51438),f=c(52951),g=c(88029),h=c(60460),i=c(34051),j=c.n(i),k=c(85893),l=c(67294),m=c(23493),n=c.n(m),o=c(16139),p=c(93689),q=c(68589),r=c(2565),s=c(52040),t=c(53529),u=c(84075),v=c(9336),w=c(4248),x=c(7297),y=c(45731),z=c(67052),A=c(12102);function B(){var a=(0,x.Z)(["\n  ",";\n  display: flex;\n  flex-direction: column;\n  padding-top: 40px;\n"]);return B=function(){return a},a}function C(){var a=(0,x.Z)(["\n  margin-top: 16px;\n\n  p {\n    margin-bottom: 16px;\n  }\n\n  ul {\n    justify-content: flex-end;\n  }\n"]);return C=function(){return a},a}var D=y.default.div.withConfig({componentId:"sc-da30e838-0"})(B(),z.kQ),E=(0,y.default)(A.vQ).withConfig({componentId:"sc-da30e838-1"})(C()),F=c(17241),G=function(a){(0,g.Z)(c,a);var b=(0,h.Z)(c);function c(a){var d;return(0,e.Z)(this,c),(d=b.call(this,a)).state={currentPage:1,pageLoading:!1},d.reload=n()(function(a){d.setState({currentPage:a||1,pageLoading:!0}),d.props.userStore.getCollectionByToken({token:d.props.token,page:a,platform:d.props.platform}).then(function(){d.setState({pageLoading:!1})}).catch(function(a){console.error("获取收藏夹详情失败",a),d.setState({pageLoading:!1})})},1e3),d.renderItem=function(a){var b=a.data,c=a.position;return(0,k.jsx)(s.Z,{id:b.id,src:b.cover,alt:b.title,height:c.height,aspect:b.aspect,isCollectedIcon:b.has_favorite,platform:b.duration?v.t4.Video:v.t4.Image})},d.props.userStore.setValue("shareCollection",a.shareCollection),d}return c.prototype.render=function(){var a=this.state.pageLoading,b=!(this.shareCollection.data&&this.shareCollection.data.length);return(0,k.jsxs)(D,{children:[(0,k.jsxs)("span",{children:[this.shareCollection.group.user_name,"的分享"]}),(0,k.jsxs)(E,{children:[(0,k.jsxs)("p",{children:[1===this.shareCollection.group.group_id?"默认收藏夹":this.shareCollection.group.group_name,"（",this.total,"）"]}),!b&&this.totalPage>1&&(0,k.jsx)(o.tl,{current:this.currentPage,total:this.totalPage,onChange:this.reload})]}),b?(0,k.jsx)(r.Z,{title:"此收藏夹还没有收藏的作品"}):(0,k.jsx)(o.$j,{spinning:a,backgroundColor:"#f0f4f5",children:this.props.platform===v.t4.Music?(0,k.jsx)(u.Z,{enableOpeation:!1,items:this.shareCollection.data.map(function(a){return a.audios}),emptyText:"暂无浏览记录"}):this.props.platform===v.t4.Font?(0,k.jsx)(o.X2,{gutter:24,children:this.shareCollection.data&&this.shareCollection.data.length>0&&this.shareCollection.data.map(function(a){return(0,k.jsx)(o.JX,{span:6,children:(0,k.jsx)("a",{href:"/font/show/".concat(a.id),target:"_blank",children:(0,k.jsx)(z.B5,{imgSrc:a.cover,imgHeight:198,imgPlaceHolder:"".concat(F.xm,"/hellorf/_next/images/placeholder.svg"),titlePosition:"bottom",title:a.title})})},a.id)})}):(0,k.jsx)(p.Z,{layout:"horizontal",items:this.shareCollection.data||[],renderItem:this.renderItem})}),(0,k.jsx)(t.Z,{marginTop:104,current:this.currentPage,total:this.totalPage,onChange:this.reload})]})},c.getInitialProps=function(a,b){var c=a.query,e=a.req,f=a.platform;return(0,d.Z)(j().mark(function a(){var d,g,h;return j().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:if(!(d=c.token)){a.next=7;break}return g=(0,w.WB)(e),a.next=5,b.userStore.getCollectionByToken({token:d,headers:g,platform:f});case 5:return h=a.sent,a.abrupt("return",{token:d,shareCollection:h});case 7:return a.abrupt("return",{error:"NO_RESULTS"});case 8:case"end":return a.stop()}},a)}))()},(0,f.Z)(c,[{key:"shareCollection",get:function(){return this.props.userStore.shareCollection}},{key:"currentPage",get:function(){return this.state.currentPage||this.shareCollection.current_page}},{key:"total",get:function(){return this.shareCollection.total}},{key:"totalPage",get:function(){return this.shareCollection.last_page}}]),c}(l.Component),H=(0,q.Z)(G,{title:"分享"})}},function(a){a.O(0,[4446,4885,1337,3586,1006,3689,7947,2040,5281,2102,4075,9774,2888,179],function(){var b;return a(a.s=47764)}),_N_E=a.O()}])