https://topbeautyhk.com/_nuxt/4c6c8c6.js

1(window.webpackJsonp=window.webpackJsonp||[]).push([[5],{720:function(t,e,n){"use strict";n(11),n(8),n(7),n(6),n(10),n(38),n(48);var o=n(2),r=(n(81),n(4)),l=n(699),c=n.n(l);function m(object,t){var e=Object.keys(object);if(Object.getOwnPropertySymbols){var n=Object.getOwnPropertySymbols(object);t&&(n=n.filter((function(t){return Object.getOwnPropertyDescriptor(object,t).enumerable}))),e.push.apply(e,n)}return e}function d(t){for(var i=1;i<arguments.length;i++){var source=null!=arguments[i]?arguments[i]:{};i%2?m(Object(source),!0).forEach((function(e){Object(o.a)(t,e,source[e])})):Object.getOwnPropertyDescriptors?Object.defineProperties(t,Object.getOwnPropertyDescriptors(source)):m(Object(source)).forEach((function(e){Object.defineProperty(t,e,Object.getOwnPropertyDescriptor(source,e))}))}return t}var h={name:"MainPostList",components:{StickySidebar:function(){return n.e(19).then(n.bind(null,1223))},AppFooterMedia:function(){return n.e(3).then(n.bind(null,921))},ArticleEngagementAmounts:function(){return n.e(16).then(n.bind(null,1193))},ArticleEngagementActions:function(){return Promise.all([n.e(29),n.e(184)]).then(n.bind(null,1224))}},props:{loading:{type:Boolean,default:!1},stickyData:{type:Object,default:function(){return null}},posts:{type:Array,required:!0},engagements:{type:[Array,null],default:null},pageSize:{type:Number,required:!0},postNum:{type:Number,required:!0},currentPage:{type:Number,required:!0},postListCellProps:{type:Object,default:function(){return{}}},referenceType:{type:String,default:""}},computed:d(d(d({},Object(r.e)(["device"])),Object(r.e)("forum",["reactionList"])),{},{layoutDevice:function(){return this.windowWidth?this.windowWidth<768?"mobile":"desktop":this.device},showMoreBtn:function(){var t=new Date(this.posts[this.posts.length-1].post_date),e=new Date;return e.setDate(e.getDate()-7),t<e},engagementsProps:function(){var t=this;if(!this.engagements)return null;var e=window.location.origin;return this.engagements.map((function(n,o){return{postId:t.posts[o].id,showReactions:n.custom_allow_reactions,reactions:d(d({},t.reactionList.reduce((function(t,e){var o=e.value;return t[o]=n[o],t}),{})),{},{clicked:n.clicked}),showComments:n.custom_allow_comments,comments:{amount:n.commentCount},postUrl:e+t.posts[o].url}}))},totalPages:function(){return Math.ceil(this.postNum/this.pageSize)}}),mounted:function(){window.addEventListener("scroll",this.handleScroll)},beforeDestroy:function(){window.removeEventListener("scroll",this.handleScroll)},methods:{handleScroll:c()((function(){if(!this.showMoreBtn&&this.currentPage<this.totalPages&&!this.loading){var t=Array.from(document.querySelectorAll(".main-post-list .main-post-list__item--post")),e=t[t.length-6];((null==e?void 0:e.getBoundingClientRect())||{y:0}).y<=0&&this.$emit("load-more")}}),50),getPostListCellProps:function(t){var e,n=t%4==0&&(null===(e=this.postListCellProps.emphasis)||void 0===e?void 0:e[this.layoutDevice]);return n||(this.postListCellProps[this.layoutDevice]||{})},getPostListSkeletonProps:function(t){var e,n=t%4==0&&(null===(e=this.postListCellProps.emphasis)||void 0===e?void 0:e[this.layoutDevice]);return n||(n=this.postListCellProps[this.layoutDevice]||{}),{size:n.size,imgLeft:n.imgLeft}},toggleReaction:function(t,e){var n=d({},this.engagements[t]);n.clicked===e?(n.clicked=null,n[e]-=1):(n.clicked&&(n[n.clicked]-=1),n.clicked=e,n[e]+=1),this.$emit("update-engagement",{index:t,engagement:n})},handlePostCellImpression:function(t){this.$emit("post-cell-impression",t)},handlePostCellClick:function(t){this.$emit("post-cell-click",t)}}},f=(n(954),n(5)),component=Object(f.a)(h,(function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"main-post-list",class:"main-post-list--"+t.layoutDevice,attrs:{id:"posts"}},[t._l(t.posts,(function(e,o){return[n("div",{key:"post-"+o+"-"+e.id,staticClass:"main-post-list__item main-post-list__item--post"},[n("PlPostListCell",t._b({attrs:{"error-img":t.$staticHost("/images/[email protected]"),"loading-img":t.$staticHost("/images/[email protected]"),card:t.$theme("post_list.card_cell")||!1,post:e,index:o,"image-quality":"","reference-type":t.referenceType},on:{click:function(n){return t.handlePostCellClick(e)},"post-cell-impression":function(n){return t.handlePostCellImpression(e)}}},"PlPostListCell",t.getPostListCellProps(o),!1),[t.engagements&&t.engagementsProps[o]?[

1n("template",{slot:"engagement-amount"},[n("client-only",[n("ArticleEngagementAmounts",{attrs:{"show-reactions":t.engagementsProps[o].showReactions,reactions:t.engagementsProps[o].reactions,"show-comments":t.engagementsProps[o].showComments,comments:t.engagementsProps[o].comments}})],1)],1),t._v(" "),n("template",{slot:"engagement-actions"},[n("client-only",[n("ArticleEngagementActions",{attrs:{"post-id":t.engagementsProps[o].postId,"post-url":t.engagementsProps[o].postUrl,"show-reactions":t.engagementsProps[o].showReactions,reactions:t.engagementsProps[o].reactions},on:{"toggle-reaction":function(e){return t.toggleReaction(o,e)}}})],1)],1)]:t._e()],2),t._v(" "),"mobile"===t.device&&7===o?n("StickySidebar",{attrs:{data:t.stickyData}}):t._e()],1)]})),t._v(" "),t.loading?n("div",{staticClass:"main-post-list__loading-skeleton"},t._l(4,(function(e){return n("div",{key:"skeleton-"+e,staticClass:"main-post-list__item main-post-list__item--skeleton"},[n("PlPostListSkeleton",t._b({attrs:{card:t.$theme("post_list.card_cell")||!1,"static-host":"","image-url":"/images/post-list-skeleton.png"}},"PlPostListSkeleton",t.getPostListSkeletonProps(e-1),!1))],1)})),0):t.currentPage<t.totalPages&&t.showMoreBtn?n("div",{staticClass:"main-post-list__load-more"},[n("el-button",{attrs:{type:"link",plain:""},on:{click:function(e){return t.$emit("load-more")}}},[t._v("\n      "+t._s(t.$t("read_more"))+"\n    ")])],1):t._e(),t._v(" "),"mobile"===t.device?n("div",{staticClass:"main-post-list__item main-post-list__item--media"},[n("AppFooterMedia")],1):t._e()],2)}),[],!1,null,null,null);e.a=component.exports},770:function(t,e,n){},954:function(t,e,n){"use strict";n(770)}}]);