https://public-static.hellorf.com/hellorf/_next/static/chunks/pages/music/search-c3e13d5a84f591ea.js

1(self.webpackChunk_N_E=self.webpackChunk_N_E||[]).push([[5396],{64023:function(a,b,c){(window.__NEXT_P=window.__NEXT_P||[]).push(["/music/search",function(){return c(75878)}])},42208:function(a,b,c){"use strict";c.d(b,{g:function(){return s}});var d=c(85893);c(67294);var e=c(16139),f=c(7297),g=c(45731),h=c(67052);function i(){var a=(0,f.Z)(["\n  display: flex;\n  flex: auto;\n  align-self: stretch;\n  align-items: center;\n  justify-content: center;\n  position: relative;\n  margin-top: ",";\n"]);return i=function(){return a},a}function j(){var a=(0,f.Z)(["\n  0% {\n    opacity: 0;\n  }\n\n  99% {\n    opacity: 0;\n  }\n\n  100% {\n    opacity: 1;\n  }\n"]);return j=function(){return a},a}function k(){var a=(0,f.Z)(["\n  width: 100%;\n  height: 100%;\n  display: flex;\n  justify-content: center;\n  margin-top: 32px;\n  animation-duration: 1s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: 1;\n  animation-timing-function: ease-out;\n  animation-name: ",";\n"]);return k=function(){return a},a}function l(){var a=(0,f.Z)(["\n  0% {\n    transform: translateX(-100%) translateY(0%);\n    background-size: 100%;\n    opacity: 1;\n  }\n\n  100% {\n    transform: translateX(200%) translateY(0%);\n    background-size: 500%;\n    opacity: 0;\n  }\n"]);return l=function(){return a},a}function m(){var a=(0,f.Z)(["\n  width: 100%;\n  height: 100%;\n  position: relative;\n  z-index: ",";\n  background: #f5f8fc;\n  overflow: hidden;\n"]);return m=function(){return a},a}function n(){var a=(0,f.Z)(["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: ",";\n  animation-duration: 2.5s;\n  animation-fill-mode: forwards;\n  animation-iteration-count: infinite;\n  animation-timing-function: ease-in-out;\n  background: linear-gradient(to right, #f5f8fc 10%, "," 20%, #f5f8fc 30%);\n  animation-name: ",";\n"]);return n=function(){return a},a}function o(){var a=(0,f.Z)(["\n  width: 100%;\n  height: 123px;\n\n  &[data-type='atlas'] > section {\n    border-radius: 0 16px 16px 0;\n  }\n"]);return o=function(){return a},a}var p=g.default.div.withConfig({componentId:"sc-837d9bf8-0"})(i(),function(a){var b=a.mt;return"".concat(b,"px")}),q=(0,g.keyframes)(j());g.default.div.withConfig({componentId:"sc-837d9bf8-1"})(k(),q);var r=(0,g.keyframes)(l());g.default.section.withConfig({componentId:"sc-837d9bf8-2"})(m(),h.W5.loading),g.default.span.withConfig({componentId:"sc-837d9bf8-3"})(n(),h.W5.loading+1,(0,h.j3)("#E6ECF7",.65),r),g.default.div.withConfig({componentId:"sc-837d9bf8-4"})(o());var s=function(a){var b=a.size,c=a.color,f=a.mt;return(0,d.jsx)(p,{mt:f,children:(0,d.jsx)(e.$j,{size:b,color:c})})}},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},75878:function(a,b,c){"use strict";c.r(b);var d=c(47568),e=c(51438),f=c(52951),g=c(88029),h=c(26042),i=c(69396),j=c(99534),k=c(828),l=c(60460),m=c(70655),n=c(34051),o=c.n(n),p=c(85893),q=c(67294),r=c(17857),s=c(9008),t=c.n(s),u=c(11163),v=c.n(u),w=c(23493),x=c.n(w),y=c(18446),z=c.n(y),A=c(22188),B=c(16139),C=c(68589),D=c(2565),E=c(84075),F=c(75281),G=c(79304),H=c(4248),I=c(94851),J=c(73147),K=c(67052),L=c(39223),M=c(9336),N=c(9773),O=c(42208),P=c(37132),Q=function(a){(0,g.Z)(c,a);var b=(0,l.Z)(c);function c(a){(0,e.Z)(this,c),(d=b.call(this,a)).state={startTime:0},d.statistics=function(){var a=d.props,b=a.musicSearchid,c=a.musicStatistic;d.searchStore.statistics(void 0===c?{}:c,{log_type:"search",search_type:M.Jm.Music,search_id:b})},d.meituStatistics=function(){var a=d.props,b=a.musicSearchid,c=a.musics,e=a.message;void 0!==e?P.Np.meituStatistics({result:!1,error:{message:e}},"music",d.keyword,b):P.Np.meituStatistics((0,i.Z)((0,h.Z)({},c),{result:!0}),"music",d.keyword,b)},d.meituClickStatistics=function(){if(!d.props.message){var a=d.getCategoryName("genre_id"),b=d.getCategoryName("mood_id"),c=d.getCategoryName("instrument_id"),e=d.getCategoryName("bpm_id");(0,P.p_)(function(){return P.Np.meituMusicTabClick({key_word:d.keyword,search_type:P.mx.nX.SearchButtom,search_content_type:P.mx._b.music,style_type:a,emotion_type:b,instrument_type:c,rhythm_style:e})})}},d.sensorsStatistics=function(){var a=d.props.musicSearchid;(0,N.xm)({key_word:d.keyword,request_id:a,search_type:M.y2.Music,search_filter:JSON.stringify(d.musicFilters),result_count:d.total})},d.handleRouterChange=x()(function(a){var b=(0,H.HO)((0,i.Z)((0,h.Z)({},d.musicFilters),{q:d.keyword,page:a}));v().push({pathname:window.location.pathname,query:b})},1e3),d.getMusicCardParams=function(a,b){return{content_id:a,content_type:M.y2.Music,element_name:"NormalResult",element_type:M.XB.SearchResult,key_word:d.keyword,request_id:d.props.musicSearchid,search_filter:JSON.stringify(d.musicFilters),element_index:b,element_page_num:d.currentPage}},d.handleExposeMusic=function(a,b){(0,P.p_)(function(){P.Np.meituSearchResultsCardShow({key_word:d.keyword,

1card_id:a,position_id:b,material_type:P.mx._b.music,source_page:P.mx.A9.SearchResultPage,from_module:P.mx.zn.ResultList}),(0,N.BY)(d.getMusicCardParams(a,b))})},d.handleClickExposeMusic=function(a,b){(0,P.p_)(function(){P.Np.meituSearchResultsCardClick({key_word:d.keyword,card_id:a,position_id:b,material_type:P.mx._b.music,source_page:P.mx.A9.SearchResultPage,from_module:P.mx.zn.ResultList}),(0,N.GP)(d.getMusicCardParams(a,b))})};var d,f=a.keyword,g=a.musics,j=a.musicSearchid,k=a.musicStatistic,l=a.filters;return d.searchStore.setValue("keyword",f),d.searchStore.setValues({musics:g,musicSearchid:j,musicStatistic:k}),d.searchStore.setFilters(l,"music"),d}var m=c.prototype;return m.componentDidMount=function(){var a=this;return(0,d.Z)(o().mark(function b(){return o().wrap(function(b){for(;;)switch(b.prev=b.next){case 0:I.CS.on(J.TP.HFMASONRYRELOAD,a.handleRouterChange),a.statistics(),a.sensorsStatistics(),a.meituStatistics(),a.setState({startTime:+new Date}),(0,H.NE)(a.props.userStore,a.props.modalStore);case 6:case"end":return b.stop()}},b)}))()},m.componentWillUnmount=function(){var a=this;I.CS.off(J.TP.HFMASONRYRELOAD,this.handleRouterChange),(0,P.p_)(function(){return P.Np.meituSearchResultsOut({key_word:a.props.keyword,start_time:a.state.startTime,end_time:+new Date,material_type:P.mx._b.music})})},m.componentDidUpdate=function(a){var b=this.props,c=b.filters,d=b.keyword,e=b.page,f=!z()(a.filters,c),g=a.keyword!==d,h=a.page!==e;f&&this.meituClickStatistics(),(f||g)&&this.sensorsStatistics(),(f||g||h)&&this.statistics()},m.getCategoryName=function(a){var b,c=this,d=(this.props.musicStore||{}).categories,e=(0,k.Z)(a.split("_"),1)[0],f="".concat(e,"s");if(d&&(0,A.Ei)(d[f]))return null===(b=d[f].find(function(b){return b.id===Number(c.musicFilters[a])}))|| void 0===b?void 0:b.name},m.render=function(){var a,b;return(0,p.jsxs)(p.Fragment,{children:[(0,p.jsx)(t(),{children:(0,p.jsxs)("title",{children:[this.keyword&&"".concat(this.keyword," - "),this.categoriesTitle?"".concat(this.categoriesTitle," - "):null,J.zL]})}),(0,p.jsxs)(K.W2,{children:[(0,p.jsxs)(L.wN,{children:[(0,p.jsxs)(L.y,{size:4,children:[(0,p.jsx)("span",{children:"当前共"}),(0,p.jsx)(r.ZP,{start:0,end:this.total,formattingFn:H.HA}),(0,p.jsx)("span",{children:"个结果"})]}),this.lastPage>1&&(0,p.jsx)(B.tl,{current:this.currentPage,total:this.lastPage,onChange:this.handleRouterChange})]}),this.searchStore.routeChanging?(0,p.jsx)(O.g,{mt:150}):(null===(a=this.musics)|| void 0===a?void 0:null===(b=a.data)|| void 0===b?void 0:b.length)===0?(0,p.jsx)(D.Z,{title:(0,p.jsxs)("div",{children:["抱歉，未找到您搜索的音乐， ",(0,p.jsx)("br",{}),"您可以尝试：同义关键词、缩短关键词、减少筛选条件"]})}):(0,p.jsx)(E.Z,{items:this.musics.data,current:this.currentPage,total:this.lastPage,emptyText:"当前页面内容获取失败，点击翻页试试看~",onPageChange:this.handleRouterChange,analyzeInfo:{source:"search",term:this.keyword,request_id:this.props.musicSearchid},onExpose:this.handleExposeMusic,onClick:this.handleClickExposeMusic})]}),(0,p.jsx)(F.Z,{})]})},c.getInitialProps=function(a,b){var c=a.res,e=a.req,f=a.query;return(0,d.Z)(o().mark(function a(){var d,g,k,l,m,n,p,q,r;return o().wrap(function(a){for(;;)switch(a.prev=a.next){case 0:return d=f.q,g=f.page,k=void 0===g?1:g,l=(0,j.Z)(f,["q","page"]),m=!!e,d&&b.searchStore.setValue("keyword",d),b.searchStore.setFilters(l,"music"),a.next=6,b.searchStore.getMusics({page:k,headers:(0,H.WB)(e)});case 6:if(!(n=a.sent).code){a.next=16;break}a.t0=n.code,a.next=302===a.t0?11:13;break;case 11:return(0,G.Z)(c,"/music/show?id=".concat(d)),a.abrupt("break",16);case 13:return p=n.message,P.Np.meituStatistics({result:!1,error:{message:p}},"music",d,n.searchid),a.abrupt("return",{message:p});case 16:if(q={musics:n,musicSearchid:n.searchid,musicStatistic:n.statistic},m||b.searchStore.setValues(q),!n.error){a.next=24;break}return r=(n.error||n.message).message,P.Np.meituStatistics({result:!1,error:{message:r}},"music",d,n.searchid),a.abrupt("return",{message:r});case 24:P.Np.meituStatistics((0,h.Z)({result:!0},n),"music",d,n.searchid);case 25:return a.abrupt("return",(0,i.Z)((0,h.Z)({},q),{page:Number(k),keyword:d||"",filters:l,query:f}));case 26:case"end":return a.stop()}},a)}))()},(0,f.Z)(c,[{key:"searchStore",get:function(){return this.props.searchStore}},{key:"homeStore",get:function(){return this.props.homeStore}},{key:"keyword",get:function(){return this.searchStore.keyword}},{key:"musics",get:function(){return this.searchStore.musics||{total:0,data:[]}}},{key:"lastPage",get:function(){return this.musics.last_page}}

1,{key:"currentPage",get:function(){return this.musics.current_page}},{key:"total",get:function(){return this.musics.total}},{key:"musicFilters",get:function(){return this.searchStore.musicFilters}},{key:"categoriesTitle",get:function(){var a=this,b=this.props.musicStore.categories,c=[];return b&&Object.keys(this.musicFilters).length>0?(Object.keys(this.musicFilters).forEach(function(d){var e=(0,k.Z)(d.split("_"),1)[0],f="".concat(e,"s");if(b&&(0,A.Ei)(b[f])){var g=b[f].find(function(b){return b.id===Number(a.musicFilters[d])});g&&c.push(g.name)}}),c.join("-")):""}}]),c}(q.Component);(0,m.gn)([A.Fl],Q.prototype,"searchStore",null),(0,m.gn)([A.Fl],Q.prototype,"homeStore",null),(0,m.gn)([A.Fl],Q.prototype,"keyword",null),(0,m.gn)([A.Fl],Q.prototype,"musics",null),(0,m.gn)([A.Fl],Q.prototype,"lastPage",null),(0,m.gn)([A.Fl],Q.prototype,"currentPage",null),(0,m.gn)([A.Fl],Q.prototype,"total",null),(0,m.gn)([A.Fl],Q.prototype,"musicFilters",null),(0,m.gn)([A.Fl],Q.prototype,"categoriesTitle",null),b.default=(0,C.Z)(Q,{search:!0,filter:!0})},39223:function(a,b,c){"use strict";c.d(b,{C8:function(){return s},Jo:function(){return t},gC:function(){return v},wN:function(){return u},y:function(){return w},yo:function(){return r},z:function(){return x}});var d=c(7297),e=c(45731),f=c(16139),g=c(67052);function h(){var a=(0,d.Z)(["\n  display: flex;\n  justify-content: space-between;\n  align-items: center;\n  margin-top: 32px;\n  margin-bottom: 18px;\n  font-weight: ",";\n  font-size: 20px;\n\n  .replace {\n    display: flex;\n    align-items: center;\n    cursor: pointer;\n    font-weight: normal;\n    font-size: 16px;\n\n    [data-icon='true'] {\n      margin-right: 8px;\n    }\n  }\n\n  .all-images {\n    display: flex;\n    font-size: 16px;\n    align-items: center;\n    font-weight: 400;\n    cursor: pointer;\n\n    img {\n      margin-right: 6px;\n    }\n  }\n"]);return h=function(){return a},a}function i(){var a=(0,d.Z)(["\n  .title > p:first-child {\n    font-size: 14px;\n  }\n"]);return i=function(){return a},a}function j(){var a=(0,d.Z)(["\n  justify-content: center;\n  margin-top: 25px;\n"]);return j=function(){return a},a}function k(){var a=(0,d.Z)(["\n  margin: 0 32px;\n"]);return k=function(){return a},a}function l(){var a=(0,d.Z)(["\n  justify-content: space-between;\n  margin-top: 24px;\n  margin-bottom: 16px;\n\n  ul input {\n    background: ",";\n  }\n"]);return l=function(){return a},a}function m(){var a=(0,d.Z)(["\n  margin-top: 16px;\n"]);return m=function(){return a},a}function n(){var a=(0,d.Z)(["\n  font-size: 14px;\n  margin: 0;\n  color: ",";\n\n  & > span:nth-child(2) {\n    font-family: 'Futura';\n    color: ",";\n    margin: 0 ",";\n  }\n"]);return n=function(){return a},a}function o(){var a=(0,d.Z)(["\n  margin: 0 -8px;\n  margin-bottom: -16px;\n\n  &::after {\n    content: '';\n    display: block;\n    height: 0;\n    clear: both;\n  }\n"]);return o=function(){return a},a}function p(){var a=(0,d.Z)(["\n  float: left;\n  margin-bottom: 16px;\n  padding: 0 8px;\n  width: 280px;\n  box-sizing: border-box;\n"]);return p=function(){return a},a}function q(){var a=(0,d.Z)(["\n  margin-top: 104px;\n"]);return q=function(){return a},a}var r=e.default.div.withConfig({componentId:"sc-897851dd-0"})(h(),function(a){return a.theme.font.weight.medium});(0,e.default)(f.Zb).withConfig({componentId:"sc-897851dd-1"})(i());var s=(0,e.default)(f.mQ).withConfig({componentId:"sc-897851dd-2"})(j()),t=(0,e.default)(f.OK).withConfig({componentId:"sc-897851dd-3"})(k()),u=(0,e.default)(g.gq).withConfig({componentId:"sc-897851dd-4"})(l(),function(a){return a.theme.palette.daisy}),v=(0,e.default)(u).withConfig({componentId:"sc-897851dd-5"})(m()),w=(0,e.default)(f.X6).withConfig({componentId:"sc-897851dd-6"})(n(),function(a){return a.theme.palette.spruce},function(a){return a.theme.palette.black},function(a){var b=a.theme;return"".concat(b.spacing.xs,"px")});e.default.div.withConfig({componentId:"sc-897851dd-7"})(o()),e.default.div.withConfig({componentId:"sc-897851dd-8"})(p());var x=(0,e.default)(g._z).withConfig({componentId:"sc-897851dd-9"})(q())}},function(a){a.O(0,[4446,4885,1337,3586,1006,7115,5139,7947,5281,4075,9774,2888,179],function(){var b;return a(a.s=64023)}),_N_E=a.O()}])