| 1 |
- System.register(["./index-legacy-3c468319.js"],(function(e,i){"use strict";var t,l,r,o,a,n,v,p,s,u,c,m,d,f,_,w,g,h,A;return{setters:[e=>{t=e.bj,l=e.at,r=e.au,o=e.b7,a=e.d,n=e.r,v=e.a,p=e.n,s=e.C,u=e.x,c=e.f,m=e.k,d=e.dr,f=e.v,_=e.j,w=e.F,g=e.y,h=e.ds,A=e.a5}],execute:function(){var b=document.createElement("style");b.textContent='._timerWrap_1ilvi_1{background-color:#fff;display:flex;flex-direction:column;align-items:center;border-radius:0 0 .83333333vw .83333333vw}._timerWrap_1ilvi_1 ._timerTop_1ilvi_8{width:14.375vw;height:2.13541667vw;background:#F5F6FA;border-radius:.41666667vw;margin-top:1.25vw;display:flex;flex-direction:row;align-items:center;margin-bottom:1.25vw}._timerWrap_1ilvi_1 ._timerTop_1ilvi_8 ._timerTopPane_1ilvi_19{width:50%;text-align:center;line-height:2.13541667vw;cursor:pointer}._timerWrap_1ilvi_1 ._timerTop_1ilvi_8 ._timerTopPaneActive_1ilvi_25{background:#198CFE;border-radius:.41666667vw;color:#fff}._timerItemInfo_1ilvi_30{width:36.04166667vw;background:#A6D1FF;box-shadow:0 .46875vw #cbd6df;border-radius:2.39583333vw;border:.67708333vw solid #EEF7FF;padding:.52083333vw}._timerItemInfo_1ilvi_30 ._timerItemInset_1ilvi_38{min-height:17.65625vw;border-radius:1.45833333vw 1.45833333vw 1.97916667vw 1.97916667vw;background:#D8ECFE}._timerItemInfo_1ilvi_30 ._timerItemInfoTop_1ilvi_43{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}._timerItemInfo_1ilvi_30 ._timerItemInfoTop_1ilvi_43 ._dot_1ilvi_50{width:.52083333vw;height:.52083333vw;background:#131415;border-radius:1.45833333vw;margin-bottom:.78125vw;margin:.36458333vw 3.64583333vw}._timerItemInfo_1ilvi_30 ._timerItemInfoTop_1ilvi_43 ._dotTop_1ilvi_58{width:.52083333vw;height:3.85416667vw}._timerItemInfo_1ilvi_30 ._timerItemInfoTop_1ilvi_43 ._timerItemTopCore_1ilvi_62{display:flex;flex-direction:column;align-items:center;justify-content:center}._timerItemInfo_1ilvi_30 ._timerItemInfoTop_1ilvi_43 ._timerItemTopCore_1ilvi_62 h4{font-size:1.14583333rem;font-weight:600;color:#7caee1;line-height:3.64583333vw}._nowTimerWrap_1ilvi_74{margin:1.82291667vw 0 1.35416667vw;width:9.0625vw;line-height:2.34375vw;height:2.34375vw;width:100%;text-align:center;font-size:1.25rem;font-weight:400;color:rgba(19,20,21,.5);line-height:1.71875vw}._btnGroupModal_1ilvi_86{padding:2.08333333vw 0 1.66666667vw}._btnGroupModal_1ilvi_86 .n-button{height:2.44791667vw;min-width:8.125vw}._palyIcon_1ilvi_93{width:.57291667vw;height:.72916667vw}._playText_1ilvi_97{margin-left:.52083333vw}._countInput_1ilvi_100{margin:0 .83333333vw}._countInput_1ilvi_100 .n-input__border,._countInput_1ilvi_100 .n-input__state-border{display:none}._countInput_1ilvi_100 .n-input{width:3.4375vw;height:1.71875vw;border-radius:.88541667vw;overflow:hidden}._countInput_1ilvi_100 .n-input .n-input-wrapper{text-align:center;background:#F5F6FA;padding:0}._dotBtm_1ilvi_120{width:100%;height:1.71875vw}._chioseWrap_1ilvi_124{margin:1.82291667vw 0 1.35416667vw;line-height:2.34375vw;height:2.34375vw;background:linear-gradient(180deg,#FFFFFF 0%,#FFFFFF 100%);box-shadow:.10416667vw .10416667vw #a2caee;border-radius:1.19791667vw;display:flex;flex-direction:row;align-items:center;justify-content:center}._chioseWrap_1ilvi_124 .n-input__input,._chioseWrap_1ilvi_124 .n-input__input-el{line-height:1.71875vw!important;height:1.71875vw!important}._chioseWrap_1ilvi_124 ._add_1ilvi_144{width:.83333333vw;height:.83333333vw;cursor:pointer}._chioseWrap_1ilvi_124 ._minus_1ilvi_149{width:.83333333vw;height:.20833333vw;cursor:pointer}._chioseHidden_1ilvi_154{visibility:hidden}._numberWrap_1ilvi_157{border-radius:.83333333vw;overflow:hidden;background-color:#fff;box-shadow:.20833333vw .20833333vw #a2caee;align-items:center;display:flex;flex-direction:row}.M-Flipper{display:inline-block;position:relative;width:3.90625vw;height:7.8125vw;line-height:7.8125vw;background:#fff;font-size:6.66666667rem;color:#131415;text-align:center;font-family:DINA}.M-Flipper:nth-of-type(2n){text-align:left;margin-left:.26041667vw}.M-Flipper:nth-of-type(odd){text-align:right;margin-right:.26041667vw}.M-Flipper .digital:before,.M-Flipper .digital:after{content:"";position:absolute;left:0;right:0;background:#fff;overflow:hidden;box-sizing:border-box}.M-Flipper .digital:before{top:0;bottom:50%;border-radius:.52083333vw .52083333vw 0 0;border-bottom:solid .10416667vw #fff}.M-Flipper .digital:after{top:50%;bottom:0;border-radius:0 0 .52083333vw .52083333vw;line-height:0}.M-Flipper.down .front:before{z-index:3}.M-Flipper.down .back:after{z-index:2;transform-origin:50% 0%;transform:perspective(15.625vw) rotateX(180deg)}.M-Flipper.down .front:after,.M-Flipper.down .back:before{z-index:1}.M-Flipper.down.go .front:before{transform-origin:50% 100%;animation:frontFlipDown .6s ease-in-out both;box-shadow:0 -.10416667vw .3125vw rgba(255,255,255,.3);backface-visibility:hidden}.M-Flipper.down.go .back:after{animation:backFlipDown .6s ease-in-out both}.M-Flipper.up .front:after{z-index:3}.M-Flipper.up .back:before{z-index:2;transform-origin:50% 100%;transform:perspective(15.625vw) rotateX(-180deg)}.M-Flipper.up .front:before,.M-Flipper.up .back:after{z-index:1}.M-Flipper.up.go .front:after{transform-origin:50% 0;animation:frontFlipUp .6s ease-in-out both;box-shadow:0 .10416667vw .3125vw rgba(255,255,255,.3);backface-visibility:hidden}.M-Flipper.up.go .back:before{animation:backFlipUp .6s ease-in-out both}@keyframes frontFlipDown{0%{transform:perspective(300px) rotateX(0)}to{transform:perspective(300px) rotateX(-180deg)}}@keyframes backFlipDown{0%{transform:perspective(300px) rotateX(180deg)}to{transform:perspective(300px) rotateX(0)}}@keyframes frontFlipUp{0%{transform:perspective(300px) rotateX(0)}to{transform:perspective(300px) rotateX(180deg)}}@keyframes backFlipUp{0%{transform:perspective(300px) rotateX(-180deg)}to{transform:perspective(300px) rotateX(0)}}.M-Flipper .number0:before,.M-Flipper .number0:after{content:"0"}.M-Flipper .number1:before,.M-Flipper .number1:after{content:"1"}.M-Flipper .number2:before,.M-Flipper .number2:after{content:"2"}.M-Flipper .number3:before,.M-Flipper .number3:after{content:"3"}.M-Flipper .number4:before,.M-Flipper .number4:after{content:"4"}.M-Flipper .number5:before,.M-Flipper .number5:after{content:"5"}.M-Flipper .number6:before,.M-Flipper .number6:after{content:"6"}.M-Flipper .number7:before,.M-Flipper .number7:after{content:"7"}.M-Flipper .number8:before,.M-Flipper .number8:after{content:"8"}.M-Flipper .number9:before,.M-Flipper .number9:after{content:"9"}\n',document.head.appendChild(b);const F={timerWrap:"_timerWrap_1ilvi_1",timerTop:"_timerTop_1ilvi_8",timerTopPane:"_timerTopPane_1ilvi_19",timerTopPaneActive:"_timerTopPaneActive_1ilvi_25",timerItemInfo:"_timerItemInfo_1ilvi_30",timerItemInset:"_timerItemInset_1ilvi_38",timerItemInfoTop:"_timerItemInfoTop_1ilvi_43",dot:"_dot_1ilvi_50",dotTop:"_dotTop_1ilvi_58",timerItemTopCore:"_timerItemTopCore_1ilvi_62",nowTimerWrap:"_nowTimerWrap_1ilvi_74",btnGroupModal:"_btnGroupModal_1ilvi_86",palyIcon:"_palyIcon_1ilvi_93",playText:"_playText_1ilvi_97",countInput:"_countInput_1ilvi_100",dotBtm:"_dotBtm_1ilvi_120",chioseWrap:"_chioseWrap_1ilvi_124",add:"_add_1ilvi_144",minus:"_minus_1ilvi_149",chioseHidden:"_chioseHidden_1ilvi_154",numberWrap:"_numberWrap_1ilvi_157"},I=((e,i)=>{const t=e.__vccOpts||e;for(const[l,r]of i)t[l]=r;return t})({name:"FlipClock",data:()=>({isFlipping:!1,flipType:"down",frontTextFromData:0,backTextFromData:1}),props:{frontText:{type:[Number,String],default:0},backText:{type:[Number,String],default:1},duration:{type:Number,default:600}},methods:{_textClass:e=>"number"+e,_flip(e,i,t){this.frontTextFromData=i,this.backTextFromData=t,this.flipType=e,this.isFlipping=!0,setTimeout((()=>{this.isFlipping=!1,this.frontTextFromData=t}),this.duration)},flipDown(e,i){this._flip("down",e,i)},flipUp(e,i){this._flip("up",e,i)},setFront(e){this.frontTextFromData=e},setBack(e){this.backTextFromData=e}},created(){this.frontTextFromData=this.frontText,this.backTextFromData=this.backText}},[["render",function(e,i,a,n,v,p){return t(),l("div",{class:o(["M-Flipper",[v.flipType,{go:v.isFlipping}]])},[r("div",{class:o(["digital front",p._textClass(v.frontTextFromData)])},null,2),r("div",{class:o(["digital back",p._textClass(v.backTextFromData)])},null,2)],2)}]]),T="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAABlL09dAAAAAXNSR0IArs4c6QAAAR1JREFUSEvV1rFOwlAYxfH/eQx2VgcfBJ+AOMqCE5uB6OITyAPwCPogKBMOOhITQuLkaq45iU1KKL2X9nbgWzq0/X03/dpzKzoqhRAE3AAD4BNYSFq17Wf4HngoQb/AEzCT9NO0geEvoFcBbICxpJcmuOEQufEZuJXkRsmVAhvzI5kCc0l+VNFKhQtoCYwk+Vhbp8LGkobbBC5WWjvcNnDRoHK4OeDK4eaCy8O9lrTODbvBN3DRBWx8clbwDrjMveJXYCjpPRfsLJk5bossyQE7Vh2ve+nXBjbkOPWXd1BNYIfQ3DFat8OcCmePzYPh5MjjyuGkwB9A/8hmenQ4KfAd8Fi6MGmHiMK+IIQwAq6A7f9L/ha7MXbef0Gd1B+5cJ8q7osJlgAAAABJRU5ErkJggg==",k="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAAXNSR0IArs4c6QAAAMlJREFUSEvtlj0OwUEQxX+voXARtZBwAgWVA2hVOgfQ6FQ0DkLCBSioxRncgObJikr+X4msaqfaZF/ey8zO7BsRORT4bQ+AOdAEbuEsaVdV23YDWAAjoA4cgJmkuz7k2wyyYVUR23ug/8VxBVpB4Ay0MwQukjplWdjuAccc3DgIPIBaBuApKaRbGLYnwCYHtAwCzmOQ9H6jorA9BVY5mHUSCC2eSpS6KA1amoP0m/7FD6Jb5q+m3wVORaYfdqJ4a0v0xausz3+9fwE+w+v3NO9E8gAAAABJRU5ErkJggg==",x="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJhJREFUWEftlzEOQEAURPffgwOhRkPrUFoa1NaBuMeXLyTqsQmS2X7mT95uMvvFgaeffOLUtYdcXFPl6YJYCSIyTT/6VVWjY77IVhVpjHjBAbph1vvAuswgL0hkgxmABEiABEggGIGr1a5iQQoF0ViBWYvKvdUQoycaC/GBAOfH4rUrQBEGe4QMQAIkQAIk8FsCry+nodbzHQqVmosCTFkgAAAAAElFTkSuQmCC",y="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAECAYAAADvRz3UAAAAAXNSR0IArs4c6QAAADNJREFUKFNjXLJ6myfDf4ZZ////l2GgI2BkZHzCwMiQxrhk1bbH9LYc5k+QIwaBAwY4CgCYmB5vQGvODAAAAABJRU5ErkJggg==",M=""+new URL("timer-ee5a21d4.wav",i.meta.url).href,C=a({name:"timer-countdown",setup(){n("positive"),v();const e=n(),i=n(),t=n(),l=n(),r=n(null),o=n(null),a=n(new Date);o.value=setInterval((()=>{a.value=new Date}),1e3);const A=n(0),b=n(0),C=n(0),B=n(!1),D=n([e,i,t,l]),W=()=>{b.value=0,C.value=0;for(let e=0;e<D.value.length;e++)D.value[e].value.setFront("0000"[e])},E=new Audio(M),U=()=>{B.value=!1,E.currentTime=0,E.pause(),r.value&&(clearInterval(r.value),r.value=null)},Q=()=>{U(),A.value=0,E.currentTime=0,E.pause(),setTimeout((()=>{W()}),600)};p((()=>{s((()=>{W()}))}));const R=e=>{const i=h(A.value);A.value+=e,A.value>3599?A.value=3599:A.value;const t=h(A.value);for(let l=0;l<D.value.length;l++)i[l]!==t[l]&&D.value[l].value.flipDown(i[l],t[l]);b.value=Math.floor(A.value/60),C.value=Math.floor(A.value%60)},O=e=>{const i=h(A.value);A.value-=e,A.value<0?A.value=0:A.value;const t=h(A.value);for(let l=0;l<D.value.length;l++)i[l]!==t[l]&&D.value[l].value.flipUp(i[l],t[l]);b.value=Math.floor(A.value/60),C.value=Math.floor(A.value%60)},Y=()=>{setTimeout((()=>{console.log(b.value,A.value);const e=h(A.value);A.value=60*b.value+C.value;const i=h(A.value);console.log(i,e);for(let t=0;t<D.value.length;t++)e[t]!==i[t]&&D.value[t].value.flipUp(e[t],i[t])}),600)},X=()=>{setTimeout((()=>{console.log(b.value);const e=h(A.value);A.value=60*b.value+C.value;const i=h(A.value);for(let t=0;t<D.value.length;t++)e[t]!==i[t]&&D.value[t].value.flipUp(e[t],i[t])}),600)};return u((()=>A.value),(e=>{b.value=Math.floor(e/60),C.value=Math.floor(e%60)})),()=>c("div",{class:F.timerItemWrap},[c("div",{class:F.timerItemInfo},[c("div",{class:F.timerItemInset},[c("div",{class:F.timerItemInfoTop},[c("div",{class:F.timerItemTopCore},[c("h4",null,[m(" 分")]),c("div",{class:F.FlipClock},[c("div",{class:F.numberWrap},[c(I,{ref:e},null),c(I,{ref:i},null)]),c("div",{class:[F.chioseWrap,[F.chioseWrap,B.value?F.chioseHidden:""]]},[c("img",{src:x,class:F.add,alt:"",onClick:()=>R(60)},null),c(d,{class:F.countInput,min:0,max:59,"show-button":!1,onBlur:Y,value:b.value,"onUpdate:value":e=>b.value=e},null),c("img",{src:y,class:F.minus,alt:"",onClick:()=>O(60)},null)])])]),c("div",{class:F.timerItemTopCore},[c("div",{class:F.dot},null),c("div",{class:F.dot},null),c("h4",{class:F.dotBtm},null)]),c("div",{class:F.timerItemTopCore},[c("h4",null,[m(" 秒 ")]),c("div",{class:F.FlipClock},[c("div",{class:F.numberWrap},[c(I,{ref:t},null),c(I,{ref:l},null)]),c("div",{class:[F.chioseWrap,B.value?F.chioseHidden:""]},[c("img",{src:x,class:F.add,alt:"",onClick:()=>R(1)},null),c(d,{class:F.countInput,min:0,max:59,"show-button":!1,value:C.value,"onUpdate:value":e=>C.value=e,onBlur:X},null),c("img",{src:y,class:F.minus,alt:"",onClick:()=>O(1)},null)])])])])])]),c(f,{class:F.btnGroupModal,justify:"center"},{default:()=>[c(_,{round:!0,onClick:()=>Q()},{default:()=>[m("重置")]}),B.value?c(_,{round:!0,type:"primary","icon-placement":"right",onClick:()=>U()},{default:()=>c(w,null,[m("暂停")]),icon:()=>c(g,{previewDisabled:!0,class:F.palyIcon,src:k},null)}):c(_,{round:!0,type:"primary","icon-placement":"right",onClick:()=>(B.value=!0,void(r.value=setInterval((()=>{const e=h(A.value);if(4==A.value&&E.play(),A.value<=0)return void Q();A.value--;const i=h(A.value);for(let t=0;t<D.value.length;t++)e[t]!==i[t]&&D.value[t].value.flipDown(e[t],i[t])}),1e3)))},{default:()=>c(w,null,[m("开始")]),icon:()=>c(g,{previewDisabled:!0,class:F.palyIcon,src:T},null)})]})])}}),B=a({name:"timer-positive",setup(){n("positive"),v();const e=n(),i=n(),t=n(),l=n(),r=n(null),o=n(null),a=n(new Date);o.value=setInterval((()=>{a.value=new Date}),1e3);const u=n(0),d=n(!1),w=n([e,i,t,l]),b=()=>{for(let e=0;e<w.value.length;e++)w.value[e].value.setFront("0000"[e])},x=()=>{d.value=!1,r.value&&(clearInterval(r.value),r.value=null)};return p((()=>{s((()=>{b()}))})),()=>c("div",{class:F.timerItemWrap},[c("div",{class:F.timerItemInfo},[c("div",{class:F.timerItemInset},[c("div",{class:F.timerItemInfoTop},[c("div",{class:F.timerItemTopCore},[c("h4",null,[m(" 分")]),c("div",{class:F.FlipClock},[c("div",{class:F.numberWrap},[c(I,{ref:e},null),c(I,{ref:i},null)])])]),c("div",{class:F.timerItemTopCore},[c("h4",{class:F.dotTop},null),c("div",{class:F.dot},null),c("div",{class:F.dot},null)]),c("div",{class:F.timerItemTopCore},[c("h4",null,[m(" 秒")]),c("div",{class:F.FlipClock},[c("div",{class:F.numberWrap},[c(I,{ref:t},null),c(I,{ref:l},null)])])])]),c("div",{class:F.nowTimerWrap},[A(a.value).format("YYYY年MM月DD日 HH:mm:ss")])])]),c(f,{class:F.btnGroupModal,justify:"center"},{default:()=>[c(_,{round:!0,onClick:()=>(x(),u.value=0,void setTimeout((()=>{console.log("初始化"),b()}),600))},{default:()=>[m("重置")]}),d.value?c(_,{round:!0,type:"primary","icon-placement":"right",onClick:()=>x()},{default:()=>c("p",{class:F.playText},[m("暂停")]),icon:()=>c(g,{previewDisabled:!0,class:F.palyIcon,src:k},null)}):c(_,{round:!0,type:"primary","icon-placement":"right",onClick:()=>(d.value=!0,void(r.value=setInterval((()=>{const e=h(u.value);u.value++;const i=h(u.value);for(let t=0;t<w.value.length;t++)e[t]!==i[t]&&w.value[t].value.flipDown(e[t],i[t])}),1e3)))},{default:()=>c("p",{class:F.playText},[m("开始")]),icon:()=>c(g,{previewDisabled:!0,class:F.palyIcon,src:T},null)})]})])}});e("T",a({name:"data-module",setup(){const e=n("positive");v();const i=i=>{e.value=i};return()=>c("div",null,[c("div",{class:F.timerWrap},[c("div",{class:F.timerTop},[c("div",{class:[F.timerTopPane,"positive"==e.value?F.timerTopPaneActive:""],onClick:()=>{i("positive")}},[m("正计时")]),c("div",{class:[F.timerTopPane,"countdown"==e.value?F.timerTopPaneActive:""],onClick:()=>{i("countdown")}},[m("倒计时")])]),"positive"==e.value?c(B,null,null):c(C,null,null)])])}}))}}}));
|
