@gkits/collect 0.0.6 → 0.0.7
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -0,0 +1,2 @@
|
|
|
1
|
+
export declare function before(beforeFn: any, beforeFnArgs?: any): (target: any, name: string, descriptor: PropertyDescriptor) => PropertyDescriptor;
|
|
2
|
+
export declare function after(afterFn: any, afterFnArgs?: any): (target: any, name: string, descriptor: PropertyDescriptor) => PropertyDescriptor;
|
package/dist/index.js
CHANGED
|
@@ -470,4 +470,4 @@ div{
|
|
|
470
470
|
<div ${i("SVGAPlayer")}></div>
|
|
471
471
|
</span>
|
|
472
472
|
</template>
|
|
473
|
-
`;let Ye=class extends Me{pathChanged(t,e){e&&this.loadSvga()}connectedCallback(){super.connectedCallback(),this.loadSvga()}loadSvga(){return function(t,e,o,n){return new(o||(o=Promise))((function(r,i){function s(t){try{l(n.next(t))}catch(t){i(t)}}function a(t){try{l(n.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(s,a)}l((n=n.apply(t,e||[])).next())}))}(this,void 0,void 0,(function*(){var t;yield(t=atob("aHR0cHM6Ly96anJzLmhhaWVyLm5ldA==")+"/download/cdn/svga.min.js","SVGA",new Promise(((e,o)=>{if(void 0!==t){const o=new We,n=t.substring(t.lastIndexOf(".")+1),r=document.getElementsByTagName("head")[0];if(document.querySelectorAll('script[src*="'+t+'"]').length<=0){if("js"===n){const o=document.createElement("script");o.src=t,o.type="text/javascript",r.appendChild(o),o.onload=o.onreadystatechange=function(){this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState||e(!0)}}else if("css"===n){const e=document.createElement("link");e.href=t,e.rel="stylesheet",e.type="text/css",r.appendChild(e)}}else o.init({front:String("SVGA"),callback:()=>{e(!0)}})}else o(!1)})));let e=new SVGA.Player(this.SVGAPlayer);new SVGA.Parser(this.SVGAPlayer).load(this.path,(t=>{this.height=t.videoSize.height,this.width=t.videoSize.width,this.$emit("change",{height:t.videoSize.height,width:t.videoSize.width}),e.setVideoItem(t),e.startAnimation()}))}))}};var Je,Xe,qe,Ue;function Ke(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=k(t);if(e){var r=k(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return $(this,o)}}Ot([s],Ye.prototype,"SVGAPlayer",void 0),Ot([e],Ye.prototype,"path",void 0),Ot([e({converter:a})],Ye.prototype,"width",void 0),Ot([e({converter:a})],Ye.prototype,"height",void 0),Ye=Ot([o({name:"h-svga",styles:Ve,template:Ge})],Ye);var Qe,Ze=r(Je||(Je=E(['\n<section class="ListWrap">\n <div class="Synthesis">\n <span>\n ','\n </span>\n <img class="Img ','" src="','/download/img/collect/synthesis.png" />\n </div>\n <span class="CardWrap">\n ',"\n </span>\n</section>\n"])),l((function(t){return t.isVideo}),r(Xe||(Xe=E(['<div style="position:absolute; z-index:4; display: block;height: 100%;width: 100%;" @click="','"> <h-svga class="Svga" path="','/download/img/collect/hecheng.svga"></h-svga><img class="Tips" src="','/download/img/collect/tips.png" /></div>'])),(function(t){return t.SynthesisFn()}),Ie.path,Ie.path)),(function(t){return t.isVideo?"hide":""}),Ie.path,c((function(t){return t.cardItem}),r(qe||(qe=E(['<div class="Card">\n ','\n <img src="','"/></div>'])),l((function(t){return t.total>0}),r(Ue||(Ue=E(['<h-badge count="','"></h-badge>'])),(function(t){return t.total}))),(function(t){return t.total>0?t.card:t.grey})),{positioning:!0})),to=function(t){L(o,n);var e=Ke(o);function o(){var t;return h(this,o),(t=e.call(this)).isVideo=!0,t.cardItem=Array.from({length:4},(function(t,e){return{card:"".concat(Ie.path,"/download/img/collect/small0").concat(e+1,".png"),grey:"".concat(Ie.path,"/download/img/collect/small0").concat(e+1,"-1.png")}})),kt.case.install([He,Ye]),t}return y(o,[{key:"connectedCallback",value:function(){S(k(o.prototype),"connectedCallback",this).call(this)}},{key:"SynthesisFn",value:function(){this.$emit("change","synthesis")}},{key:"update",value:function(t){if(t&&t.cardList){for(var e=Array.from({length:4}),o=0;o<t.cardList.length;o++){var n=t.cardList[o];e[n.cardType-1]={total:n.cardNum,card:"".concat(Ie.path,"/download/img/collect/small0").concat(n.cardType,".png"),grey:"".concat(Ie.path,"/download/img/collect/small0").concat(n.cardType,"-1.png")}}this.cardItem=e,this.isVideo=t.isCanCompose}}}]),o}();T([s],to.prototype,"isVideo",void 0),T([s],to.prototype,"cardItem",void 0),T([_e(300)],to.prototype,"SynthesisFn",null),to=T([o({name:"g-collect-list",template:Ze,styles:Ne,shadowOptions:{mode:"closed"}})],to);var eo,oo,no,ro,io,so,ao=t(Qe||(Qe=E(["\n","\n:host{text-align:center;}\n.VideoWrap{position:absolute;display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}\n.VideoWrap video {","}\n.PrizeWrap {position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;}\n.PrizeWrap .Content{position:relative; z-index:6;height:100%;\n padding-top: 20vw;text-align:center;\n}\n.PrizeWrap .Title img{\n height:17.0666666666vw\n}\n.PrizeWrap .Subtitle{\nfont-size: 14px;font-weight: 400;line-height: 14px;\ncolor: #FFFFFF;\n}\n.PrizeWrap .Notes{\nposition:absolute;bottom:5vw;width:100%;\nfont-size: 12px;\ncolor: #FFF1D8;\nline-height: 18px;\nfont-weight: 400;\n}\n.CouponWrap {position:relative}\n.CouponWrap .Info{position:absolute;width:100%;top:14.4vw;left:0;z-index:20;text-align:center;}\n.CouponWrap .Bg{position:fixed;top:0;left:0;width:100%;height:100%;\n background:url(","/download/img/collect/bg.png) no-repeat center;\n background-size: cover;\n}\n.Coupon{height:70.4vw;position:relative;z-index:9;}\n\n.Button{position:absolute;width:100%;bottom:30vw;text-align:center}\n.Button img{height:20.26666666vw}\n\n.transit{opacity: 0;transition: opacity 1s ease-in-out;}\n.show.transit{opacity: 1;transition-delay: 1s;}\n\n@media screen and (max-height : 210vw) {\n .Button{bottom:27vw;}\n}\n@media screen and (max-height : 200vw) {\n .Button{bottom:25vw;}\n}\n@media screen and (max-height : 190vw) {\n .Button{bottom:22vw;}\n}\n@media screen and (max-height : 180vw) {\n .VideoWrap video{margin-top:10vw;}\n .Button{bottom:20vw;}\n}\n@media screen and (max-height : 170vw) {\n .VideoWrap video{margin-top:15vw;}\n .Button{bottom:15vw;}\n}\n"])),St(),bt(["PoiNo"]),Ie.path);function lo(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=k(t);if(e){var r=k(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return $(this,o)}}var co,po=r(eo||(eo=E(["\n<h-overlay ",' mode=\'handle\' style="backdrop-filter: blur(5px)">\n <div class="PrizeWrap">\n <div class="VideoWrap">\n <span>\n ',"\n </span>\n <span>\n ","\n </span>\n \n </div>\n\n <div ",' class="Content transit">\n <div class="Title">\n <span>\n ',"\n </span>\n <span>\n ",'\n </span> \n </div>\n <div class="Button">\n <img @click="','" src="','/download/img/collect/button.png"/>\n </div>\n </div>\n </div>\n</h-overlay>\n'])),i("Overlay"),l((function(t){return 1==t.type}),r(oo||(oo=E(["<video ",' autoplay muted autoplay muted preload="auto" x5-video-orientation="portraint"\n playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"><source src="',"/download/img/collect/draw0",".mp4?t=",'" type="video/mp4"/></video>'])),i("video"),Ie.path,(function(t){return t.index}),(function(t){return t.index*+new Date}))),l((function(t){return 2==t.type}),r(no||(no=E(['<div class="CouponWrap">\n <div class="Bg"></div>\n <img class="Coupon" src="','/download/img/collect/coupon.png"/>\n <div class="Info">\n <p style="color:#FF3B0A;font-size:9.6vw;font-weight:600;line-height:9.6vw">','</p>\n <p style="color:#EB330E;font-size:3.733vw;font-weight:600;margin:2vw 0 7vw">','</p>\n <p @click="','" style="color:#982F2F;font-size:3.733vw;font-weight:400;text-decoration:underline">去查看</p>\n </div>\n </div>'])),Ie.path,(function(t){return t.prizeQuota}),(function(t){return t.prizeName}),(function(t){return t.look()}))),i("contentWrap"),l((function(t){return 1==t.type}),r(ro||(ro=E(['<img src="','/download/img/collect/title01.png"/>\n <p class="Subtitle">',"</p>"])),Ie.path,(function(t){return t.number>0?r(io||(io=E(["再集","张不同卡面即可合成场景卡"])),(function(t){return t.number})):"可以去合成三翼鸟场景品牌卡啦！"}))),l((function(t){return 2==t.type}),r(so||(so=E(['<img src="','/download/img/collect/title02.png"/><p class="Subtitle">',"</p>"])),Ie.path,(function(t){return t.prizeQuota+t.prizeName}))),(function(t){return t.accept()}),Ie.path),uo=function(t){L(o,n);var e=lo(o);function o(){var t;return h(this,o),(t=e.call(this)).prizeName="",t.prizeQuota="",t.isClick=!1,t.type=2,t.index=4,t.number=3,kt.case.install([ye]),t}return y(o,[{key:"showChanged",value:function(t,e){null===e||!1===e?Ae(this.Overlay)("show"):Be(this.Overlay)("show")}},{key:"connectedCallback",value:function(){var t=this;S(k(o.prototype),"connectedCallback",this).call(this),1==this.type?(this.resize(),setTimeout((function(){Ee.instance.add(t.contentWrap,"show")}),2e3),setTimeout((function(){t.isClick=!0}),4e3)):(Ee.instance.add(this.contentWrap,"show"),this.isClick=!0)}},{key:"resize",value:function(){window.outerWidth/window.outerHeight>=.4614121510673235?(this.video.style.width="100%",this.video.style.height=""):(this.video.style.height="100%",this.video.style.width="")}},{key:"accept",value:function(){this.isClick&&(this.$emit("change","accept"),this.close())}},{key:"look",value:function(){this.isClick&&(this.$emit("change","look"),this.close())}},{key:"close",value:function(){this.show=!1}},{key:"update",value:function(t){t&&(1==this.type?this.index=t.interactionType:(this.prizeName=t.prizeName,this.prizeQuota=t.prizeQuota))}}]),o}();T([s],uo.prototype,"Overlay",void 0),T([s],uo.prototype,"video",void 0),T([s],uo.prototype,"contentWrap",void 0),T([s],uo.prototype,"prizeName",void 0),T([s],uo.prototype,"prizeQuota",void 0),T([e({converter:a})],uo.prototype,"type",void 0),T([e({converter:a})],uo.prototype,"index",void 0),T([e({converter:a})],uo.prototype,"number",void 0),T([e({mode:"boolean"})],uo.prototype,"show",void 0),T([Le],uo.prototype,"showChanged",null),T([_e(300)],uo.prototype,"accept",null),T([_e(300)],uo.prototype,"look",null),uo=T([o({name:"g-collect-prize",template:po,styles:ao,shadowOptions:{mode:"closed"}})],uo);var ho,vo,fo,go,mo=t(co||(co=E(["\n:host{\ndisplay:inline-block;\nwidth:51.73333333vw;\nheight:60vw;\n}\n.SwipeWrap {\nposition: relative;\nwidth:51.73333333vw;\nheight:60vw;\nperspective: 500px;\ntransform-style: preserve-3d;\n}\n.CardContainer {\nposition: absolute;\nz-index:99;\nwidth:51.73333333vw;\nheight:60vw;\ntransform: \n rotateY(calc(var(--offset) * 50deg)) \n scaleY(calc(1 + var(--abs-offset) * -0.4))\n translateZ(calc(var(--abs-offset) * -30rem))\n translateX(calc(var(--direction) * -5rem));\nfilter: blur(calc(var(--abs-offset) * 1rem));\ntransition: all 0.3s ease-out;\n}\n.CardContainer img{\n width:100%;height:100%;\n}\n\n.Nav {\n position: absolute;\n display: none;\n align-items: center;\n justify-content: center;\n top: 44%;\n z-index: 299;\n cursor: pointer;\n user-select: none;\n background: unset;\n border: unset;\n width:10.666666666vw;\n height:10.666666666vw;\n}\n.Nav img {\n width:100%;height:100%;\n}\n.Nav.Left {\n left: -4.266666666vw;\n transform: translateX(-100%) translatey(-50%);\n}\n.Nav.Right {\n right: -4.266666666vw;\n transform: translateX(100%) translatey(-50%);\n}\n:host(.isArrow) .Nav{display: flex;}\n"])));function yo(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=k(t);if(e){var r=k(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return $(this,o)}}var wo=r(ho||(ho=E(['\n<section class="SwipeWrap">\n <span>\n ',"\n </span>\n <span>\n ","\n </span>\n <span>\n ","\n </span>\n</section>\n"])),l((function(t){return t.active>0}),r(vo||(vo=E(['<img class="Nav Left" @click="','" src="','/download/img/collect/arrowL.png" draggable="false"/>'])),(function(t){return t.setActive("l")}),Ie.path)),c((function(t){return t.cardItem}),r(fo||(fo=E(['<div class="CardContainer ','" style="','">\n <img src="','"/>\n </div>'])),(function(t,e){return e.parent.classFn(e.index)}),(function(t,e){return e.parent.styleFn(e.index)}),(function(t){return t.total>0?t.card:t.grey})),{positioning:!0}),l((function(t){return t.active<t.cardItem.length-1}),r(go||(go=E(['<img class="Nav Right" @click="','" src="','/download/img/collect/arrowR.png" draggable="false"/>'])),(function(t){return t.setActive("r")}),Ie.path))),bo=function(t){L(o,n);var e=yo(o);function o(){var t;return h(this,o),(t=e.call(this)).cardItem=Array.from({length:5},(function(t,e){return{card:"".concat(Ie.path,"/download/img/collect/card0").concat(e+1,".png"),grey:"".concat(Ie.path,"/download/img/collect/card0").concat(e+1,"-1.png")}})),t.MAX_VISIBILITY=1,t.active=0,t.arrow=!0,t}return y(o,[{key:"arrowChanged",value:function(t,e){null===e||!1===e?Ee.instance.remove(this,"isArrow"):Ee.instance.add(this,"isArrow")}},{key:"connectedCallback",value:function(){S(k(o.prototype),"connectedCallback",this).call(this)}},{key:"setActive",value:function(t){"l"==t?--this.active:++this.active}},{key:"classFn",value:function(t){return t==this.active?"active":""}},{key:"styleFn",value:function(t){var e="--active:".concat(t===this.active?1:0,";");return e+="--offset:".concat((this.active-t)/3,";"),e+="--direction:".concat(Math.sign(this.active-t),";"),e+="--abs-offset:".concat(Math.abs(this.active-t)/3,";"),e+="pointer-events:".concat(this.active===t?"auto":"none",";"),e+="opacity:".concat(Math.abs(this.active-t)>=this.MAX_VISIBILITY?"0":"1",";"),e+="display:".concat(Math.abs(this.active-t)>this.MAX_VISIBILITY?"none":"block",";")}},{key:"update",value:function(t){if(t&&t.cardList){for(var e=Array.from({length:4}),o=0;o<t.cardList.length;o++){var n=t.cardList[o];e[n.cardType-1]={total:n.cardNum,card:"".concat(Ie.path,"/download/img/collect/card0").concat(n.cardType,".png"),grey:"".concat(Ie.path,"/download/img/collect/card0").concat(n.cardType,"-1.png")}}e.push({total:t.isComposed?1:0,card:"".concat(Ie.path,"/download/img/collect/card05.png"),grey:"".concat(Ie.path,"/download/img/collect/card05-1.png")}),this.cardItem=e,t.isComposed&&(this.active=4,this.arrow=!1,this.isComposed=t.isComposed)}}}]),o}();T([s],bo.prototype,"cardItem",void 0),T([s],bo.prototype,"isComposed",void 0),T([e({converter:a})],bo.prototype,"active",void 0),T([e({mode:"boolean"})],bo.prototype,"arrow",void 0),bo=T([o({name:"g-collect-swipe",template:wo,styles:mo,shadowOptions:{mode:"closed"}})],bo);export{Fe as HiCollectConflate,to as HiCollectList,uo as HiCollectPrize,bo as HiCollectSwipe};
|
|
473
|
+
`;let Ye=class extends Me{pathChanged(t,e){e&&this.loadSvga()}connectedCallback(){super.connectedCallback(),this.loadSvga()}loadSvga(){return function(t,e,o,n){return new(o||(o=Promise))((function(r,i){function s(t){try{l(n.next(t))}catch(t){i(t)}}function a(t){try{l(n.throw(t))}catch(t){i(t)}}function l(t){var e;t.done?r(t.value):(e=t.value,e instanceof o?e:new o((function(t){t(e)}))).then(s,a)}l((n=n.apply(t,e||[])).next())}))}(this,void 0,void 0,(function*(){var t;yield(t=atob("aHR0cHM6Ly96anJzLmhhaWVyLm5ldA==")+"/download/cdn/svga.min.js","SVGA",new Promise(((e,o)=>{if(void 0!==t){const o=new We,n=t.substring(t.lastIndexOf(".")+1),r=document.getElementsByTagName("head")[0];if(document.querySelectorAll('script[src*="'+t+'"]').length<=0){if("js"===n){const o=document.createElement("script");o.src=t,o.type="text/javascript",r.appendChild(o),o.onload=o.onreadystatechange=function(){this.readyState&&"loaded"!==this.readyState&&"complete"!==this.readyState||e(!0)}}else if("css"===n){const e=document.createElement("link");e.href=t,e.rel="stylesheet",e.type="text/css",r.appendChild(e)}}else o.init({front:String("SVGA"),callback:()=>{e(!0)}})}else o(!1)})));let e=new SVGA.Player(this.SVGAPlayer);new SVGA.Parser(this.SVGAPlayer).load(this.path,(t=>{this.height=t.videoSize.height,this.width=t.videoSize.width,this.$emit("change",{height:t.videoSize.height,width:t.videoSize.width}),e.setVideoItem(t),e.startAnimation()}))}))}};var Je,Xe,qe,Ue;function Ke(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=k(t);if(e){var r=k(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return $(this,o)}}Ot([s],Ye.prototype,"SVGAPlayer",void 0),Ot([e],Ye.prototype,"path",void 0),Ot([e({converter:a})],Ye.prototype,"width",void 0),Ot([e({converter:a})],Ye.prototype,"height",void 0),Ye=Ot([o({name:"h-svga",styles:Ve,template:Ge})],Ye);var Qe,Ze=r(Je||(Je=E(['\n<section class="ListWrap">\n <div class="Synthesis">\n <span>\n ','\n </span>\n <img class="Img ','" src="','/download/img/collect/synthesis.png" />\n </div>\n <span class="CardWrap">\n ',"\n </span>\n</section>\n"])),l((function(t){return t.isVideo}),r(Xe||(Xe=E(['<div style="position:absolute; z-index:4; display: block;height: 100%;width: 100%;" @click="','"> <h-svga class="Svga" path="','/download/img/collect/hecheng.svga"></h-svga><img class="Tips" src="','/download/img/collect/tips.png" /></div>'])),(function(t){return t.SynthesisFn()}),Ie.path,Ie.path)),(function(t){return t.isVideo?"hide":""}),Ie.path,c((function(t){return t.cardItem}),r(qe||(qe=E(['<div class="Card">\n ','\n <img src="','"/></div>'])),l((function(t){return t.total>0}),r(Ue||(Ue=E(['<h-badge count="','"></h-badge>'])),(function(t){return t.total}))),(function(t){return t.total>0?t.card:t.grey})),{positioning:!0})),to=function(t){L(o,n);var e=Ke(o);function o(){var t;return h(this,o),(t=e.call(this)).isVideo=!1,t.cardItem=Array.from({length:4},(function(t,e){return{card:"".concat(Ie.path,"/download/img/collect/small0").concat(e+1,".png"),grey:"".concat(Ie.path,"/download/img/collect/small0").concat(e+1,"-1.png")}})),kt.case.install([He,Ye]),t}return y(o,[{key:"connectedCallback",value:function(){S(k(o.prototype),"connectedCallback",this).call(this)}},{key:"SynthesisFn",value:function(){this.$emit("change","synthesis")}},{key:"update",value:function(t){if(t&&t.cardList){for(var e=Array.from({length:4}),o=0;o<t.cardList.length;o++){var n=t.cardList[o];e[n.cardType-1]={total:n.cardNum,card:"".concat(Ie.path,"/download/img/collect/small0").concat(n.cardType,".png"),grey:"".concat(Ie.path,"/download/img/collect/small0").concat(n.cardType,"-1.png")}}this.cardItem=e,this.isVideo=t.isCanCompose}}}]),o}();T([s],to.prototype,"isVideo",void 0),T([s],to.prototype,"cardItem",void 0),T([_e(300)],to.prototype,"SynthesisFn",null),to=T([o({name:"g-collect-list",template:Ze,styles:Ne,shadowOptions:{mode:"closed"}})],to);var eo,oo,no,ro,io,so,ao=t(Qe||(Qe=E(["\n","\n:host{text-align:center;}\n.VideoWrap{position:absolute;display:flex;width:100vw;height:100vh;justify-content:center;align-items:center}\n.VideoWrap video {","}\n.PrizeWrap {position:fixed;top:0;left:0;width:100vw;height:100vh;display:block;}\n.PrizeWrap .Content{position:relative; z-index:6;height:100%;\n padding-top: 20vw;text-align:center;\n}\n.PrizeWrap .Title img{\n height:17.0666666666vw\n}\n.PrizeWrap .Subtitle{\nfont-size: 14px;font-weight: 400;line-height: 14px;\ncolor: #FFFFFF;\n}\n.PrizeWrap .Notes{\nposition:absolute;bottom:5vw;width:100%;\nfont-size: 12px;\ncolor: #FFF1D8;\nline-height: 18px;\nfont-weight: 400;\n}\n.CouponWrap {position:relative}\n.CouponWrap .Info{position:absolute;width:100%;top:14.4vw;left:0;z-index:20;text-align:center;}\n.CouponWrap .Bg{position:fixed;top:0;left:0;width:100%;height:100%;\n background:url(","/download/img/collect/bg.png) no-repeat center;\n background-size: cover;\n}\n.Coupon{height:70.4vw;position:relative;z-index:9;}\n\n.Button{position:absolute;width:100%;bottom:30vw;text-align:center}\n.Button img{height:20.26666666vw}\n\n.transit{opacity: 0;transition: opacity 1s ease-in-out;}\n.show.transit{opacity: 1;transition-delay: 1s;}\n\n@media screen and (max-height : 210vw) {\n .Button{bottom:27vw;}\n}\n@media screen and (max-height : 200vw) {\n .Button{bottom:25vw;}\n}\n@media screen and (max-height : 190vw) {\n .Button{bottom:22vw;}\n}\n@media screen and (max-height : 180vw) {\n .VideoWrap video{margin-top:10vw;}\n .Button{bottom:20vw;}\n}\n@media screen and (max-height : 170vw) {\n .VideoWrap video{margin-top:15vw;}\n .Button{bottom:15vw;}\n}\n"])),St(),bt(["PoiNo"]),Ie.path);function lo(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=k(t);if(e){var r=k(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return $(this,o)}}var co,po=r(eo||(eo=E(["\n<h-overlay ",' mode=\'handle\' style="backdrop-filter: blur(5px)">\n <div class="PrizeWrap">\n <div class="VideoWrap">\n <span>\n ',"\n </span>\n <span>\n ","\n </span>\n \n </div>\n\n <div ",' class="Content transit">\n <div class="Title">\n <span>\n ',"\n </span>\n <span>\n ",'\n </span> \n </div>\n <div class="Button">\n <img @click="','" src="','/download/img/collect/button.png"/>\n </div>\n </div>\n </div>\n</h-overlay>\n'])),i("Overlay"),l((function(t){return 1==t.type}),r(oo||(oo=E(["<video ",' autoplay muted autoplay muted preload="auto" x5-video-orientation="portraint"\n playsinline="true" x5-video-player-type="h5" x5-video-player-fullscreen="true"><source src="',"/download/img/collect/draw0",".mp4?t=",'" type="video/mp4"/></video>'])),i("video"),Ie.path,(function(t){return t.index}),(function(t){return t.index*+new Date}))),l((function(t){return 2==t.type}),r(no||(no=E(['<div class="CouponWrap">\n <div class="Bg"></div>\n <img class="Coupon" src="','/download/img/collect/coupon.png"/>\n <div class="Info">\n <p style="color:#FF3B0A;font-size:9.6vw;font-weight:600;line-height:9.6vw">','</p>\n <p style="color:#EB330E;font-size:3.733vw;font-weight:600;margin:2vw 0 7vw">','</p>\n <p @click="','" style="color:#982F2F;font-size:3.733vw;font-weight:400;text-decoration:underline">去查看</p>\n </div>\n </div>'])),Ie.path,(function(t){return t.prizeQuota}),(function(t){return t.prizeName}),(function(t){return t.look()}))),i("contentWrap"),l((function(t){return 1==t.type}),r(ro||(ro=E(['<img src="','/download/img/collect/title01.png"/>\n <p class="Subtitle">',"</p>"])),Ie.path,(function(t){return t.number>0?r(io||(io=E(["再集","张不同卡面即可合成场景卡"])),(function(t){return t.number})):"可以去合成三翼鸟场景品牌卡啦！"}))),l((function(t){return 2==t.type}),r(so||(so=E(['<img src="','/download/img/collect/title02.png"/><p class="Subtitle">',"</p>"])),Ie.path,(function(t){return t.prizeQuota+t.prizeName}))),(function(t){return t.accept()}),Ie.path),uo=function(t){L(o,n);var e=lo(o);function o(){var t;return h(this,o),(t=e.call(this)).prizeName="",t.prizeQuota="",t.isClick=!1,t.type=2,t.number=3,kt.case.install([ye]),t}return y(o,[{key:"showChanged",value:function(t,e){null===e||!1===e?Ae(this.Overlay)("show"):Be(this.Overlay)("show")}},{key:"connectedCallback",value:function(){var t=this;S(k(o.prototype),"connectedCallback",this).call(this),1==this.type?(this.resize(),setTimeout((function(){Ee.instance.add(t.contentWrap,"show")}),2e3),setTimeout((function(){t.isClick=!0}),4e3)):(Ee.instance.add(this.contentWrap,"show"),this.isClick=!0)}},{key:"resize",value:function(){window.outerWidth/window.outerHeight>=.4614121510673235?(this.video.style.width="100%",this.video.style.height=""):(this.video.style.height="100%",this.video.style.width="")}},{key:"accept",value:function(){this.isClick&&(this.$emit("change","accept"),this.close())}},{key:"look",value:function(){this.isClick&&(this.$emit("change","look"),this.close())}},{key:"close",value:function(){this.show=!1}},{key:"update",value:function(t){var e=this;t&&(1==this.type?setTimeout((function(){e.resize()}),10):(this.prizeName=t.prizeName,this.prizeQuota=t.prizeQuota))}}]),o}();T([s],uo.prototype,"Overlay",void 0),T([s],uo.prototype,"video",void 0),T([s],uo.prototype,"contentWrap",void 0),T([s],uo.prototype,"prizeName",void 0),T([s],uo.prototype,"prizeQuota",void 0),T([e({converter:a})],uo.prototype,"type",void 0),T([e({converter:a})],uo.prototype,"index",void 0),T([e({converter:a})],uo.prototype,"number",void 0),T([e({mode:"boolean"})],uo.prototype,"show",void 0),T([Le],uo.prototype,"showChanged",null),T([_e(300)],uo.prototype,"accept",null),T([_e(300)],uo.prototype,"look",null),uo=T([o({name:"g-collect-prize",template:po,styles:ao,shadowOptions:{mode:"closed"}})],uo);var ho,vo,fo,go,mo=t(co||(co=E(["\n:host{\ndisplay:inline-block;\nwidth:51.73333333vw;\nheight:60vw;\n-webkit-user-selectl:none;\n-webkit-user-drag: none;\n}\n.SwipeWrap {\nposition: relative;\nwidth:51.73333333vw;\nheight:60vw;\nperspective: 500px;\ntransform-style: preserve-3d;\n}\n.CardContainer {\nposition: absolute;\nz-index:99;\nwidth:51.73333333vw;\nheight:60vw;\ntransform: \n rotateY(calc(var(--offset) * 50deg)) \n scaleY(calc(1 + var(--abs-offset) * -0.4))\n translateZ(calc(var(--abs-offset) * -30rem))\n translateX(calc(var(--direction) * -5rem));\nfilter: blur(calc(var(--abs-offset) * 1rem));\ntransition: all 0.3s ease-out;\n}\n.CardContainer img{\n width:100%;height:100%;\n}\n\n.Nav {\n position: absolute;\n display: none;\n align-items: center;\n justify-content: center;\n top: 44%;\n z-index: 299;\n cursor: pointer;\n user-select: none;\n background: unset;\n border: unset;\n width:10.666666666vw;\n height:10.666666666vw;\n}\n.Nav img {\n width:100%;height:100%;\n}\n.Nav.Left {\n left: -4.266666666vw;\n transform: translateX(-100%) translatey(-50%);\n}\n.Nav.Right {\n right: -4.266666666vw;\n transform: translateX(100%) translatey(-50%);\n}\n:host(.isArrow) .Nav{display: flex;}\n"])));function yo(t){var e=function(){if("undefined"==typeof Reflect||!Reflect.construct)return!1;if(Reflect.construct.sham)return!1;if("function"==typeof Proxy)return!0;try{return Boolean.prototype.valueOf.call(Reflect.construct(Boolean,[],(function(){}))),!0}catch(t){return!1}}();return function(){var o,n=k(t);if(e){var r=k(this).constructor;o=Reflect.construct(n,arguments,r)}else o=n.apply(this,arguments);return $(this,o)}}var wo=r(ho||(ho=E(['\n<section class="SwipeWrap">\n <span>\n ',"\n </span>\n <span>\n ","\n </span>\n <span>\n ","\n </span>\n</section>\n"])),l((function(t){return t.active>0}),r(vo||(vo=E(['<img class="Nav Left" @click="','" src="','/download/img/collect/arrowL.png" draggable="false"/>'])),(function(t){return t.setActive("l")}),Ie.path)),c((function(t){return t.cardItem}),r(fo||(fo=E(['<div class="CardContainer ','" style="','">\n <img src="','" draggable="false"/>\n </div>'])),(function(t,e){return e.parent.classFn(e.index)}),(function(t,e){return e.parent.styleFn(e.index)}),(function(t){return t.total>0?t.card:t.grey})),{positioning:!0}),l((function(t){return t.active<t.cardItem.length-1}),r(go||(go=E(['<img class="Nav Right" @click="','" src="','/download/img/collect/arrowR.png" draggable="false"/>'])),(function(t){return t.setActive("r")}),Ie.path))),bo=function(t){L(o,n);var e=yo(o);function o(){var t;return h(this,o),(t=e.call(this)).cardItem=Array.from({length:5},(function(t,e){return{card:"".concat(Ie.path,"/download/img/collect/card0").concat(e+1,".png"),grey:"".concat(Ie.path,"/download/img/collect/card0").concat(e+1,"-1.png")}})),t.MAX_VISIBILITY=1,t.active=0,t.arrow=!0,t}return y(o,[{key:"arrowChanged",value:function(t,e){null===e||!1===e?Ee.instance.remove(this,"isArrow"):Ee.instance.add(this,"isArrow")}},{key:"connectedCallback",value:function(){S(k(o.prototype),"connectedCallback",this).call(this)}},{key:"setActive",value:function(t){"l"==t?--this.active:++this.active}},{key:"classFn",value:function(t){return t==this.active?"active":""}},{key:"styleFn",value:function(t){var e="--active:".concat(t===this.active?1:0,";");return e+="--offset:".concat((this.active-t)/3,";"),e+="--direction:".concat(Math.sign(this.active-t),";"),e+="--abs-offset:".concat(Math.abs(this.active-t)/3,";"),e+="pointer-events:".concat(this.active===t?"auto":"none",";"),e+="opacity:".concat(Math.abs(this.active-t)>=this.MAX_VISIBILITY?"0":"1",";"),e+="display:".concat(Math.abs(this.active-t)>this.MAX_VISIBILITY?"none":"block",";")}},{key:"update",value:function(t){if(t&&t.cardList){for(var e=Array.from({length:4}),o=0;o<t.cardList.length;o++){var n=t.cardList[o];e[n.cardType-1]={total:n.cardNum,card:"".concat(Ie.path,"/download/img/collect/card0").concat(n.cardType,".png"),grey:"".concat(Ie.path,"/download/img/collect/card0").concat(n.cardType,"-1.png")}}e.push({total:t.isComposed?1:0,card:"".concat(Ie.path,"/download/img/collect/card05.png"),grey:"".concat(Ie.path,"/download/img/collect/card05-1.png")}),this.cardItem=e,t.isComposed&&(this.active=4,this.arrow=!1,this.isComposed=t.isComposed)}}}]),o}();T([s],bo.prototype,"cardItem",void 0),T([s],bo.prototype,"isComposed",void 0),T([e({converter:a})],bo.prototype,"active",void 0),T([e({mode:"boolean"})],bo.prototype,"arrow",void 0),bo=T([o({name:"g-collect-swipe",template:wo,styles:mo,shadowOptions:{mode:"closed"}})],bo);export{Fe as HiCollectConflate,to as HiCollectList,uo as HiCollectPrize,bo as HiCollectSwipe};
|