webpackJsonp([107],{1551:function(a,b,c){b=a.exports=c(16)(!1),b.push([a.i,"#convos-read,#convos-read .widget{background-color:transparent;background-repeat:no-repeat;background-position:50%;background-size:cover}#convos-read{background-color:#030404;-webkit-tap-highlight-color:rgba(0,0,0,0)}#convos-read,#convos-read #chats{width:100%;height:100%;position:relative}#convos-read #chats{padding:18px 12px;overflow-x:hidden;overflow-y:auto;z-index:3;padding-bottom:43%;-webkit-overflow-scrolling:touch}#convos-read #tip{position:absolute;left:0;right:0;bottom:165px;font-size:19px;letter-spacing:.5px;text-align:center;color:#b1b1b1;z-index:2}#convos-read #progress{position:absolute;left:50%;bottom:15px;bottom:constant(safe-area-inset-bottom);-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%);padding:4px 8px;border-radius:15px;background-color:rgba(0,0,0,.2);font-size:13px;color:hsla(0,0%,100%,.7);z-index:1}#convos-read .widget{position:absolute;left:0;top:0;right:0;bottom:0;z-index:1}#convos-read .message-enter-active{-webkit-transition-duration:.3s;-o-transition-duration:.3s;transition-duration:.3s;-webkit-transition-delay:.2s;-o-transition-delay:.2s;transition-delay:.2s;-webkit-transition-timing-function:linear;-o-transition-timing-function:linear;transition-timing-function:linear}#convos-read .message-enter{opacity:0}#convos-read .media-preload{display:none;position:absolute;right:0;top:0;width:0;height:0}#convos-read .ad-enter-active{-webkit-transition:opacity .8s;-o-transition:opacity .8s;transition:opacity .8s}#convos-read .ad-enter{opacity:0}#convos-read .ad-buy{position:fixed;left:0;right:0;bottom:0;height:76px;background-color:#fff;padding:11px 15px 15px;z-index:5}#convos-read .ad-buy .icon{width:50px;height:50px;vertical-align:middle;margin-right:10px;float:left}#convos-read .ad-buy .info{vertical-align:middle;display:block;margin-left:12px;overflow:hidden}#convos-read .ad-buy .info .title{margin-top:8px;color:#000;font-weight:600;font-size:17px;line-height:17px}#convos-read .ad-buy .info .words{color:#8f8f8f;font-size:13px;line-height:13px;margin-top:6px}#convos-read .ad-buy .button{float:right;background-color:#73000b;font-size:16px;font-weight:600;color:#fff;text-align:center;height:38px;line-height:38px;width:108px;border-radius:19px;margin-top:6px;margin-left:5px}",""])},1552:function(a,b,c){"use strict";Object.defineProperty(b,"__esModule",{value:!0});var d=c(854),e=c.n(d);for(var f in d)"default"!==f&&function(a){c.d(b,a,function(){return d[a]})}(f);var g=c(1555),h=c(22),i=h(e.a,g.a,!1,function(){c(1553)},null,null);b["default"]=i.exports},1554:function(a,b,c){b=a.exports=c(16)(!1),b.push([a.i,".chat-message:after,.chat-message:before{content:\"\";clear:both;display:table}.chat-message{position:relative}.chat-message.chat-message-type-center{margin-top:23px;margin-bottom:23px;padding-left:40px;padding-right:40px}.chat-message.chat-message-type-center .bubble{display:inline-block;border-radius:6px;padding:7px 12px;position:relative;left:50%;-webkit-transform:translateX(-50%);-ms-transform:translateX(-50%);transform:translateX(-50%)}.chat-message.chat-message-type-center .bubble p{color:#9f9f9f;font-size:13px;letter-spacing:.3px;text-align:center}.chat-message.chat-message-type-left,.chat-message.chat-message-type-right{margin-bottom:20px}.chat-message.chat-message-type-left .avatar,.chat-message.chat-message-type-right .avatar{display:inline-block;position:absolute;top:0;width:35px;height:35px;border-radius:50%}.chat-message.chat-message-type-left .name,.chat-message.chat-message-type-right .name{color:#999;font-size:10px;position:absolute;top:-3px}.chat-message.chat-message-type-left .bubble,.chat-message.chat-message-type-right .bubble{position:relative;display:inline-block;padding:5px 12px;border-radius:16px;margin-top:18px}.chat-message.chat-message-type-left .bubble p,.chat-message.chat-message-type-right .bubble p{color:#eee;font-size:16px;letter-spacing:.4px}.chat-message.chat-message-type-left .bubble svg,.chat-message.chat-message-type-right .bubble svg{position:absolute;width:16px;height:19px}.chat-message.chat-message-type-left .bubble .bubble-tail-left,.chat-message.chat-message-type-right .bubble .bubble-tail-left{top:-1px;left:-7px}.chat-message.chat-message-type-left .bubble .bubble-tail-right,.chat-message.chat-message-type-right .bubble .bubble-tail-right{top:-1px;right:-7px}.chat-message.chat-message-type-left .avatar{left:0}.chat-message.chat-message-type-left .name{left:50px}.chat-message.chat-message-type-left .bubble{float:left;margin-left:47px;margin-right:47px}.chat-message.chat-message-type-right .avatar{right:0}.chat-message.chat-message-type-right .name{right:50px}.chat-message.chat-message-type-right .bubble{float:right;margin-right:47px;margin-left:47px}",""])},1555:function(a,b){"use strict";b.a={render:function(){var a=this,b=a.$createElement,c=a._self._c||b;return c("div",{staticClass:"chat-message",class:"chat-message-type-"+a.side},["center"===a.side?a._e():[c("img",{staticClass:"avatar",attrs:{src:a.user.avatar,alt:"avatar"}}),c("span",{staticClass:"name",domProps:{textContent:a._s(a.user.name)}})],c("div",{staticClass:"bubble",style:{backgroundColor:a.bubble.color}},["left"===a.side?c("svg",{staticClass:"bubble-tail-left",attrs:{fill:a.bubble.color,viewBox:"0 0 16 19"}},[c("path",{attrs:{d:"M0,0.0290743513 C1.68907357,-0.0918893079 4.27040189,0.164598451 7.74398499,0.798537628 C11.2175681,1.4324768 13.9695731,2.50270651 16,4.00922675 L16,19 L7,19 L7,8.8504612 C7,4.42662605 4.66666667,1.48616376 0,0.0290743513 Z"}})]):"right"===a.side?c("svg",{staticClass:"bubble-tail-right",attrs:{fill:a.bubble.color,viewBox:"0 0 16 19"}},[c("path",{attrs:{d:"M16,0.0290743513 C11.3333333,1.48616376 9,4.42662605 9,8.8504612 L9,19 L0,19 L4.08562073e-14,4.00922675 C2.03042692,2.50270651 4.78243192,1.4324768 8.25601501,0.798537628 C11.7295981,0.164598451 14.3109264,-0.0918893079 16,0.0290743513 Z"}})]):a._e(),c("p",{domProps:{textContent:a._s(a.bubble.text)}})])],2)},staticRenderFns:[]}},1556:function(a,b){"use strict";b.a={render:function(){var a=this,b=a.$createElement,c=a._self._c||b;return a.convo?c("div",{style:{backgroundImage:"url("+a.computeBg(a.part)+")"},attrs:{id:"convos-read"},on:{click:a.play}},[c("transition-group",{attrs:{id:"chats",name:"message",tag:"div"}},[a._l(a.showParts,function(b){return c("chat-message",{key:b.id,attrs:{side:b.side,user:a.computeUser(b.character_id),bubble:a.computeBubble(b.data)}})}),a.showOverTip?c("chat-message",{key:Date.now(),attrs:{bubble:a.tipBubble,side:"center"}}):a._e()],2),a._l(a.computeWidget(a.part),function(a,b){return c("div",{key:b,staticClass:"widget",style:{backgroundImage:"url("+a+")"}})}),a.part?c("div",{attrs:{id:"progress"},domProps:{textContent:a._s(a.getProgress)}}):c("div",{attrs:{id:"tip"}},[a._v("\u70B9\u6309\u4EFB\u610F\u4F4D\u7F6E\u7EE7\u7EED")]),a._l(a.computeWidget(a.part+1),function(a,b){return c("div",{key:b,staticClass:"media-preload",style:{backgroundImage:"url("+a+")"}})}),c("img",{staticClass:"media-preload",attrs:{src:a.computeBg(a.part+1)}}),a._l(a.audios,function(a,b){return c("audio",{key:b+"-"+a.id,ref:"audios",refInFor:!0,staticClass:"media-preload",attrs:{"data-state":a.state,"data-id":a.id,src:a.src,preload:"auto"}})}),c("transition",{attrs:{name:"ad"}},[a.showDownloadTip?c("div",{staticClass:"ad-buy",on:{click:function(a){a.stopPropagation(),a.preventDefault()}}},[c("img",{staticClass:"icon",attrs:{src:a.$resize(a.desc.logo,{width:100}),alt:"icon"}}),c("button",{staticClass:"button",on:{click:a.clickAD}},[a._v("\uFFE5"+a._s(a.$utils.moneyConvert(a.desc.price))+" \u8D2D\u4E70")]),c("div",{staticClass:"info"},[c("p",{staticClass:"title",domProps:{textContent:a._s(a.desc.title)}}),c("div",{staticClass:"words oneline"},[a._v("\u8D85\u8FC7\u763E\u7684\u5BF9\u8BDD\u5F0F\u60AC\u7591\u5C0F\u8BF4")])])]):a._e()])],2):a._e()},staticRenderFns:[]}},365:function(a,b,c){"use strict";Object.defineProperty(b,"__esModule",{value:!0});var d=c(853),e=c.n(d);for(var f in d)"default"!==f&&function(a){c.d(b,a,function(){return d[a]})}(f);var g=c(1556),h=c(22),i=h(e.a,g.a,!1,function(){c(1550)},null,null);b["default"]=i.exports},563:function(a,b,c){var d=c(564);"string"==typeof d&&(d=[[a.i,d,""]]),d.locals&&(a.exports=d.locals);c(36)("7c6af7fa",d,!0,{})},564:function(a,b,c){b=a.exports=c(16)(!1),b.push([a.i,".mint-msgbox{position:fixed;top:50%;left:50%;-webkit-transform:translate3d(-50%,-50%,0);transform:translate3d(-50%,-50%,0);background-color:#fff;width:85%;border-radius:3px;font-size:16px;-webkit-user-select:none;overflow:hidden;-webkit-backface-visibility:hidden;backface-visibility:hidden;-webkit-transition:.2s;-o-transition:.2s;transition:.2s}.mint-msgbox-header{padding:15px 0 0}.mint-msgbox-content{padding:10px 20px 15px;border-bottom:1px solid #ddd;min-height:36px;position:relative}.mint-msgbox-input{padding-top:15px}.mint-msgbox-input input{border:1px solid #dedede;border-radius:5px;padding:4px 5px;width:100%;-webkit-appearance:none;-moz-appearance:none;appearance:none;outline:none}.mint-msgbox-input input.invalid,.mint-msgbox-input input.invalid:focus{border-color:#ff4949}.mint-msgbox-errormsg{color:red;font-size:12px;min-height:18px;margin-top:2px}.mint-msgbox-title{text-align:center;padding-left:0;margin-bottom:0;font-size:16px;font-weight:700;color:#333}.mint-msgbox-message{color:#999;margin:0;text-align:center;line-height:36px}.mint-msgbox-btns{display:-webkit-box;display:-ms-flexbox;display:flex;height:40px;line-height:40px}.mint-msgbox-btn{line-height:35px;display:block;background-color:#fff;-webkit-box-flex:1;-ms-flex:1;flex:1;margin:0;border:0}.mint-msgbox-btn:focus{outline:none}.mint-msgbox-btn:active{background-color:#fff}.mint-msgbox-cancel{width:50%;border-right:1px solid #ddd}.mint-msgbox-cancel:active{color:#000}.mint-msgbox-confirm{color:#26a2ff;width:50%}.mint-msgbox-confirm:active{color:#26a2ff}.msgbox-bounce-enter{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.7);transform:translate3d(-50%,-50%,0) scale(.7)}.msgbox-bounce-leave-active{opacity:0;-webkit-transform:translate3d(-50%,-50%,0) scale(.9);transform:translate3d(-50%,-50%,0) scale(.9)}.v-modal-enter{-webkit-animation:v-modal-in .2s ease;animation:v-modal-in .2s ease}.v-modal-leave{-webkit-animation:v-modal-out .2s ease forwards;animation:v-modal-out .2s ease forwards}@-webkit-keyframes v-modal-in{0%{opacity:0}}@keyframes v-modal-in{0%{opacity:0}}@-webkit-keyframes v-modal-out{to{opacity:0}}@keyframes v-modal-out{to{opacity:0}}.v-modal{position:fixed;left:0;top:0;width:100%;height:100%;opacity:.5;background:#000}",""])},853:function(a,b,c){"use strict";function d(a){return a&&a.__esModule?a:{default:a}}Object.defineProperty(b,"__esModule",{value:!0});var e=c(43),f=d(e),g=c(563),h=d(g),i=c(634),j=d(i),k=c(15),l=d(k),m=c(7),n=d(m),o=c(8),p=d(o),q=c(73),r=c(1552),s=d(r),t=c(114),u=d(t);b["default"]={name:"ConvosRead",components:{ChatMessage:s["default"]},asyncData:function(){var a=(0,p["default"])(n["default"].mark(function(){function a(b){var c,d,f,e=b.store,g=b.route,h=b.ctx;return n["default"].wrap(function(){function a(a){for(;;)switch(a.prev=a.next){case 0:return c=g.params.id,a.next=3,e.dispatch("convos/getRead",{ctx:h,id:c,page:1,per_page:15,max_line:0});case 3:if(d=a.sent,!(d.code&&422===d.code)){a.next=9;break}throw f=new Error,f.code=302,f.url="/convos/description/"+(c+"?action=need_buy"),f;case 9:if(e.state.convos.desc){a.next=12;break}return a.next=12,e.dispatch("convos/getDesc",{ctx:h,id:c});case 12:case"end":return a.stop();}}return a}(),a,this)}return a}()));return function(){return a.apply(this,arguments)}}(),head:function(){return function(){return this.desc?{title:this.desc.title,meta:[{hid:"description",name:"description",content:this.desc.description},{hid:"keywords",name:"keywords",content:this.desc.title}]}:void 0}}(),data:function(){return function(){return{part:0,screenHgt:0,chatsDOM:null,waiting:!1,fetching:!1,needTrigger:!1,over:!1,params:{page:2,per_page:15},audios:[],showOverTip:!1,tipBubble:{color:"",text:""},needPay:!1,showDownloadTip:!1,buying:!1,waitingPlayAudios:[]}}}(),computed:(0,l["default"])({id:function(){return function(){return this.$route.params.id}}()},(0,q.mapState)({convo:function(){return function(a){return a.convos.read}}()}),{desc:function(){return function(){return this.$store.state.convos.desc}}(),showParts:function(){return function(){return this.convo.playbook.slice(0,this.part)}}(),getProgress:function(){return function(){return parseInt(100*(this.part/this.convo.total),10)+""+"%"}}(),ua:function(){return function(){return this.$store.state.ua}}()}),mounted:function(){return function(){this.screenHgt=window.innerHeight,this.chatsDOM=document.getElementById("chats"),this.convo&&this.convo.playbook&&this.pushAudioToPreloadQueue()}}(),methods:{inOldApp:function(){return function(){var a=this;return!!(this.ua.app&&(this.ua.ios&&this.$utils.versionBigger("4.5.0",this.ua.version)||this.ua.android&&this.$utils.versionBigger("3.5.0",this.ua.version)))&&(j["default"].confirm("
\u8BF7\u5347\u7EA7\u5230App\u6700\u65B0\u7248\u672C\u540E\uFF0C\u8FDB\u884C\u8D2D\u4E70
","\u6E29\u99A8\u63D0\u793A").then(function(){a.$utils.downloadUrl(a)})["catch"](function(){}),!0)}}(),computeBg:function(){return function(a){var b=a>=this.convo.playbook.length?this.convo.playbook[this.convo.playbook.length-1].bg_image.main:this.convo.playbook[a].bg_image.main;return b?this.convo.resources[b]:null}}(),computeWidget:function(){return function(a){var b=this,c=a>=this.convo.playbook.length?this.convo.playbook[this.convo.playbook.length-1].bg_image.widgets:this.convo.playbook[a].bg_image.widgets,d=[];return c.length&&c.forEach(function(a){return d.push(b.convo.resources[a])}),d}}(),computeUser:function(){return function(a){return this.convo.characters[a]}}(),pushAudioToPreloadQueue:function(){return function(){var a=this,b=this.part>=this.convo.playbook.length?this.convo.playbook[this.convo.playbook.length-1].bg_music_ids:this.convo.playbook[this.part].bg_music_ids;b.length&&b.forEach(function(b){return a.audios.push({id:b,src:a.convo.resources[b],state:0})})}}(),computeBubble:function(){return function(a){return(0,l["default"])(a,this.convo.text_ballons[a.text_ballon_id])}}(),play:function(){return function(){var a=this;if(this.needPay)return void this.$toast.error("\u4F59\u4E0B\u7AE0\u8282\u8D2D\u4E70\u540E\u53EF\u9605\u8BFB");if(this.fetching)return void(this.needTrigger=!0);if(this.over&&!this.waiting&&!this.showOverTip)return this.tipBubble.text="\u6545\u4E8B\u7ED3\u675F\uFF0C\u70B9\u51FB\u53F3\u4E0A\u89D2\u5206\u4EAB\u7ED9\u670B\u53CB\u5427\uFF01",void(this.showOverTip=!0);if(!(this.over||this.waiting)){this.waiting=!0,this.fetching=!1,this.needTrigger=!1;var b=this.convo.playbook[this.part]?this.convo.playbook[this.part].bg_music_ids:[];b.length&&b.forEach(function(b){a.$refs.audios.forEach(function(c,d){parseInt(c.getAttribute("data-id"),10)!==parseInt(b,10)||parseInt(c.getAttribute("data-state"),10)||(c.play(),a.audios[d].state=1)})}),this.computeCenterBubbleColor(),(this.buying||++this.part==this.convo.playbook.length-1&&this.convo.has_more)&&(this.fetching=!0,this.buying=!1,setTimeout((0,p["default"])(n["default"].mark(function(){function b(){var c;return n["default"].wrap(function(){function b(b){for(;;)switch(b.prev=b.next){case 0:return b.prev=0,b.next=3,a.$store.dispatch("convos/getRead",{ctx:a,id:a.id,page:a.params.page,per_page:a.params.per_page,max_line:a.part+1});case 3:c=b.sent,c.code?100002===c.code?(a.needPay=!0,a.tipBubble.text="\u8BD5\u8BFB\u7ED3\u675F",a.showDownloadTip=!0,a.showOverTip=!0,M.stats.trackEvent(a.$events.CONVOS_SHOW_BUY_TIPS)):a.$toast.error(c.message):(a.params.page++,a.needTrigger&&(a.play(),a.needTrigger=!1)),b.next=9;break;case 7:b.prev=7,b.t0=b["catch"](0);case 9:return b.prev=9,a.waiting=!1,a.fetching=!1,b.finish(9);case 13:case"end":return b.stop();}}return b}(),b,a,[[0,7,9,13]])}return b}())),200)),this.part===this.convo.total&&(this.over=!0),this.pushAudioToPreloadQueue(),this.chatsDOM.scrollHeight>this.screenHgt&&this.$nextTick(function(){a.$scrollToY(a.chatsDOM.scrollHeight-a.screenHgt,200,a.chatsDOM)}),this.fetching||setTimeout(function(){a.waiting=!1},500)}}}(),computeCenterBubbleColor:function(){return function(){var a=this;this.tipBubble.color||this.showParts.forEach(function(b){"center"===b.side&&(a.tipBubble.color=b.data.color)})}}(),showAppBuyModal:function(){return function(){this.inOldApp()||this.createOrder()}}(),createOrder:function(){var a=(0,p["default"])(n["default"].mark(function(){function a(){var b,c;return n["default"].wrap(function(){function a(a){for(;;)switch(a.prev=a.next){case 0:return this.buying=!0,b=new u["default"](this),a.prev=2,a.next=5,b.createOrder({type:"paid_convo",extra:{convo_id:this.id,client_price:this.desc.price}});case 5:c=a.sent,M.stats.trackEvent(this.$events.CREATE_PAYMENT_ORDER_FOR_APP,{order:(0,f["default"])(c)}),this.handleCreateOrderCallback(c),a.next=14;break;case 10:a.prev=10,a.t0=a["catch"](2),this.buying=!1,this.$toast.error(a.t0.message);case 14:case"end":return a.stop();}}return a}(),a,this,[[2,10]])}return a}()));return function(){return a.apply(this,arguments)}}(),handleCreateOrderCallback:function(){return function(a){var b=this;M.invoker.callApp("Core.Instance.ShowPurchaseDialog",{guid:a.guid,title:a.title,amount:parseInt(a.amount,10)},function(){M.stats.trackEvent(b.$events.CONVOS_BUY_SUCCESS),b.showOverTip=!1,b.showDownloadTip=!1,b.needPay=!1,b.play()})}}(),clickAD:function(){return function(){M.stats.trackEvent(this.$events.CONVOS_CLICK_BUY_BTN),this.ua.app?this.showAppBuyModal():M.appOpener.invoke(this.$alias.note("3402e8d5d220"))}}()}}},854:function(a,b){"use strict";Object.defineProperty(b,"__esModule",{value:!0}),b["default"]={name:"Message",props:{side:{required:!0,type:String},bubble:{required:!0,type:Object},user:{type:Object,default:null}}}}}); //# sourceMappingURL=107.392dcd95924de7e477c8.js.map