| 1 |
- System.register(["./index-legacy-6c770b5c.js"],(function(e,t){"use strict";var r,i,o,a,n,l,p,v,u,s,c,d,m,f,_,b,w,A,g;return{setters:[e=>{r=e.bj,i=e.at,o=e.au,a=e.b7,n=e.d,l=e.r,p=e.a,v=e.n,u=e.C,s=e.x,c=e.f,d=e.k,m=e.dr,f=e.v,_=e.j,b=e.F,w=e.y,A=e.ds,g=e.a5}],execute:function(){var h=document.createElement("style");h.textContent='._timerWrap_17p2v_1{background-color:#fff;display:flex;flex-direction:column;align-items:center;border-radius:0 0 .83333333vw .83333333vw}._timerWrap_17p2v_1 ._timerTop_17p2v_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_17p2v_1 ._timerTop_17p2v_8 ._timerTopPane_17p2v_19{width:50%;text-align:center;line-height:2.13541667vw;cursor:pointer}._timerWrap_17p2v_1 ._timerTop_17p2v_8 ._timerTopPaneActive_17p2v_25{background:#198CFE;border-radius:.41666667vw;color:#fff}._timerItemInfo_17p2v_30{width:36.04166667vw;background:#A6D1FF;box-shadow:0 .46875vw #cbd6df;border-radius:2.39583333vw;border:.67708333vw solid #EEF7FF;padding:.52083333vw}._timerItemInfo_17p2v_30 ._timerItemInset_17p2v_38{border-radius:1.45833333vw 1.45833333vw 1.97916667vw 1.97916667vw;background:#D8ECFE}._timerItemInfo_17p2v_30 ._timerItemInfoTop_17p2v_42{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}._timerItemInfo_17p2v_30 ._timerItemInfoTop_17p2v_42 ._dot_17p2v_49{width:.52083333vw;height:.52083333vw;background:#131415;border-radius:1.45833333vw;margin-bottom:.78125vw;margin:.36458333vw 3.64583333vw}._timerItemInfo_17p2v_30 ._timerItemInfoTop_17p2v_42 ._dotTop_17p2v_57{width:.52083333vw;height:3.64583333vw}._timerItemInfo_17p2v_30 ._timerItemInfoTop_17p2v_42 ._timerItemTopCore_17p2v_61{display:flex;flex-direction:column;align-items:center;justify-content:center}._timerItemInfo_17p2v_30 ._timerItemInfoTop_17p2v_42 ._timerItemTopCore_17p2v_61 h4{font-size:1.14583333rem;font-weight:600;color:#7caee1;line-height:3.64583333vw}._nowTimerWrap_17p2v_73{margin-top:1.04166667vw;width:100%;text-align:center;font-size:1.25rem;font-weight:400;color:rgba(19,20,21,.5);line-height:1.71875vw;padding-bottom:1.04166667vw}._btnGroupModal_17p2v_83{padding:2.08333333vw 0 1.66666667vw}._btnGroupModal_17p2v_83 .n-button{height:2.44791667vw;min-width:8.125vw}._palyIcon_17p2v_90{width:.57291667vw;height:.72916667vw}._countInput_17p2v_94{margin:0 .83333333vw}._countInput_17p2v_94 .n-input__border,._countInput_17p2v_94 .n-input__state-border{display:none}._countInput_17p2v_94 .n-input{width:3.4375vw;height:1.71875vw;border-radius:.88541667vw;overflow:hidden}._countInput_17p2v_94 .n-input .n-input-wrapper{text-align:center;background:#F5F6FA;padding:0}._dotBtm_17p2v_114{width:100%;height:.83333333vw}._chioseWrap_17p2v_118{margin:.72916667vw 0 1.35416667vw;width:9.0625vw;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_17p2v_118 .n-input__input,._chioseWrap_17p2v_118 .n-input__input-el{line-height:1.71875vw!important;height:1.71875vw!important}._chioseWrap_17p2v_118 ._add_17p2v_139{width:.83333333vw;height:.83333333vw;cursor:pointer}._chioseWrap_17p2v_118 ._minus_17p2v_144{width:.83333333vw;height:.20833333vw;cursor:pointer}._chioseHidden_17p2v_149{visibility:hidden}._numberWrap_17p2v_152{border-radius:.52083333vw;overflow:hidden;background-color:#fff;box-shadow:.20833333vw .20833333vw #a2caee}.M-Flipper{display:inline-block;position:relative;width:4.6875vw;height:9.27083333vw;line-height:9.27083333vw;background:#fff;font-size:6.66666667rem;color:#131415;text-align:center;font-family:DINA}.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(8.33333333vw) 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(8.33333333vw) 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(160px) rotateX(0)}to{transform:perspective(160px) rotateX(-180deg)}}@keyframes backFlipDown{0%{transform:perspective(160px) rotateX(180deg)}to{transform:perspective(160px) rotateX(0)}}@keyframes frontFlipUp{0%{transform:perspective(160px) rotateX(0)}to{transform:perspective(160px) rotateX(180deg)}}@keyframes backFlipUp{0%{transform:perspective(160px) rotateX(-180deg)}to{transform:perspective(160px) 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(h);const F={timerWrap:"_timerWrap_17p2v_1",timerTop:"_timerTop_17p2v_8",timerTopPane:"_timerTopPane_17p2v_19",timerTopPaneActive:"_timerTopPaneActive_17p2v_25",timerItemInfo:"_timerItemInfo_17p2v_30",timerItemInset:"_timerItemInset_17p2v_38",timerItemInfoTop:"_timerItemInfoTop_17p2v_42",dot:"_dot_17p2v_49",dotTop:"_dotTop_17p2v_57",timerItemTopCore:"_timerItemTopCore_17p2v_61",nowTimerWrap:"_nowTimerWrap_17p2v_73",btnGroupModal:"_btnGroupModal_17p2v_83",palyIcon:"_palyIcon_17p2v_90",countInput:"_countInput_17p2v_94",dotBtm:"_dotBtm_17p2v_114",chioseWrap:"_chioseWrap_17p2v_118",add:"_add_17p2v_139",minus:"_minus_17p2v_144",chioseHidden:"_chioseHidden_17p2v_149",numberWrap:"_numberWrap_17p2v_152"},I=((e,t)=>{const r=e.__vccOpts||e;for(const[i,o]of t)r[i]=o;return r})({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,t,r){this.frontTextFromData=t,this.backTextFromData=r,this.flipType=e,this.isFlipping=!0,setTimeout((()=>{this.isFlipping=!1,this.frontTextFromData=r}),this.duration)},flipDown(e,t){this._flip("down",e,t)},flipUp(e,t){this._flip("up",e,t)},setFront(e){this.frontTextFromData=e},setBack(e){this.backTextFromData=e}},created(){this.frontTextFromData=this.frontText,this.backTextFromData=this.backText}},[["render",function(e,t,n,l,p,v){return r(),i("div",{class:a(["M-Flipper",[p.flipType,{go:p.isFlipping}]])},[o("div",{class:a(["digital front",v._textClass(p.frontTextFromData)])},null,2),o("div",{class:a(["digital back",v._textClass(p.backTextFromData)])},null,2)],2)}]]),k="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAABlL09dAAAAAXNSR0IArs4c6QAAAR1JREFUSEvV1rFOwlAYxfH/eQx2VgcfBJ+AOMqCE5uB6OITyAPwCPogKBMOOhITQuLkaq45iU1KKL2X9nbgWzq0/X03/dpzKzoqhRAE3AAD4BNYSFq17Wf4HngoQb/AEzCT9NO0geEvoFcBbICxpJcmuOEQufEZuJXkRsmVAhvzI5kCc0l+VNFKhQtoCYwk+Vhbp8LGkobbBC5WWjvcNnDRoHK4OeDK4eaCy8O9lrTODbvBN3DRBWx8clbwDrjMveJXYCjpPRfsLJk5bossyQE7Vh2ve+nXBjbkOPWXd1BNYIfQ3DFat8OcCmePzYPh5MjjyuGkwB9A/8hmenQ4KfAd8Fi6MGmHiMK+IIQwAq6A7f9L/ha7MXbef0Gd1B+5cJ8q7osJlgAAAABJRU5ErkJggg==",T="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",C="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAECAYAAADvRz3UAAAAAXNSR0IArs4c6QAAADNJREFUKFNjXLJ6myfDf4ZZ////l2GgI2BkZHzCwMiQxrhk1bbH9LYc5k+QIwaBAwY4CgCYmB5vQGvODAAAAABJRU5ErkJggg==",M=""+new URL("timer-ee5a21d4.wav",t.meta.url).href,y=n({name:"timer-countdown",setup(){l("positive"),p();const e=l(),t=l(),r=l(),i=l(),o=l(null),a=l(null),n=l(new Date);a.value=setInterval((()=>{n.value=new Date}),1e3);const g=l(0),h=l(0),y=l(0),B=l(!1),D=l([e,t,r,i]),W=()=>{h.value=0,y.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(),o.value&&(clearInterval(o.value),o.value=null)},Q=()=>{U(),g.value=0,E.currentTime=0,E.pause(),setTimeout((()=>{W()}),600)};v((()=>{u((()=>{W()}))}));const R=e=>{const t=A(g.value);g.value+=e,g.value>3599?g.value=3599:g.value;const r=A(g.value);for(let i=0;i<D.value.length;i++)t[i]!==r[i]&&D.value[i].value.flipDown(t[i],r[i]);h.value=Math.floor(g.value/60),y.value=Math.floor(g.value%60)},O=e=>{const t=A(g.value);g.value-=e,g.value<0?g.value=0:g.value;const r=A(g.value);for(let i=0;i<D.value.length;i++)t[i]!==r[i]&&D.value[i].value.flipUp(t[i],r[i]);h.value=Math.floor(g.value/60),y.value=Math.floor(g.value%60)},Y=()=>{setTimeout((()=>{console.log(h.value,g.value);const e=A(g.value);g.value=60*h.value+y.value;const t=A(g.value);console.log(t,e);for(let r=0;r<D.value.length;r++)e[r]!==t[r]&&D.value[r].value.flipUp(e[r],t[r])}),600)},X=()=>{setTimeout((()=>{console.log(h.value);const e=A(g.value);g.value=60*h.value+y.value;const t=A(g.value);for(let r=0;r<D.value.length;r++)e[r]!==t[r]&&D.value[r].value.flipUp(e[r],t[r])}),600)};return s((()=>g.value),(e=>{h.value=Math.floor(e/60),y.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,[d(" 分")]),c("div",{class:F.FlipClock},[c("div",{class:F.numberWrap},[c(I,{ref:e},null),c(I,{ref:t},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(m,{class:F.countInput,min:0,max:59,"show-button":!1,onBlur:Y,value:h.value,"onUpdate:value":e=>h.value=e},null),c("img",{src:C,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,[d(" 秒 ")]),c("div",{class:F.FlipClock},[c("div",{class:F.numberWrap},[c(I,{ref:r},null),c(I,{ref:i},null)]),c("div",{class:[F.chioseWrap,B.value?F.chioseHidden:""]},[c("img",{src:x,class:F.add,alt:"",onClick:()=>R(1)},null),c(m,{class:F.countInput,min:0,max:59,"show-button":!1,value:y.value,"onUpdate:value":e=>y.value=e,onBlur:X},null),c("img",{src:C,class:F.minus,alt:"",onClick:()=>O(1)},null)])])])])])]),c(f,{class:F.btnGroupModal,justify:"center"},{default:()=>[c(_,{round:!0,onClick:()=>Q()},{default:()=>[d("重置")]}),B.value?c(_,{round:!0,type:"primary","icon-placement":"right",onClick:()=>U()},{default:()=>c(b,null,[d("暂停")]),icon:()=>c(w,{previewDisabled:!0,class:F.palyIcon,src:T},null)}):c(_,{round:!0,type:"primary","icon-placement":"right",onClick:()=>(B.value=!0,void(o.value=setInterval((()=>{const e=A(g.value);if(4==g.value&&E.play(),g.value<=0)return void Q();g.value--;const t=A(g.value);for(let r=0;r<D.value.length;r++)e[r]!==t[r]&&D.value[r].value.flipDown(e[r],t[r])}),1e3)))},{default:()=>c(b,null,[d("开始")]),icon:()=>c(w,{previewDisabled:!0,class:F.palyIcon,src:k},null)})]})])}}),B=n({name:"timer-positive",setup(){l("positive"),p();const e=l(),t=l(),r=l(),i=l(),o=l(null),a=l(null),n=l(new Date);a.value=setInterval((()=>{n.value=new Date}),1e3);const s=l(0),m=l(!1),h=l([e,t,r,i]),x=()=>{for(let e=0;e<h.value.length;e++)h.value[e].value.setFront("0000"[e])},C=()=>{m.value=!1,o.value&&(clearInterval(o.value),o.value=null)};return v((()=>{u((()=>{x()}))})),()=>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,[d(" 分")]),c("div",{class:F.FlipClock},[c("div",{class:F.numberWrap},[c(I,{ref:e},null),c(I,{ref:t},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,[d(" 秒")]),c("div",{class:F.FlipClock},[c("div",{class:F.numberWrap},[c(I,{ref:r},null),c(I,{ref:i},null)])])])]),c("div",{class:F.nowTimerWrap},[g(n.value).format("YYYY年MM月DD日 HH:mm:ss")])])]),c(f,{class:F.btnGroupModal,justify:"center"},{default:()=>[c(_,{round:!0,onClick:()=>(C(),s.value=0,void setTimeout((()=>{console.log("初始化"),x()}),600))},{default:()=>[d("重置")]}),m.value?c(_,{round:!0,type:"primary","icon-placement":"right",onClick:()=>C()},{default:()=>c(b,null,[d("暂停")]),icon:()=>c(w,{previewDisabled:!0,class:F.palyIcon,src:T},null)}):c(_,{round:!0,type:"primary","icon-placement":"right",onClick:()=>(m.value=!0,void(o.value=setInterval((()=>{const e=A(s.value);s.value++;const t=A(s.value);for(let r=0;r<h.value.length;r++)e[r]!==t[r]&&h.value[r].value.flipDown(e[r],t[r])}),1e3)))},{default:()=>c(b,null,[d("开始")]),icon:()=>c(w,{previewDisabled:!0,class:F.palyIcon,src:k},null)})]})])}});e("T",n({name:"data-module",setup(){const e=l("positive");p();const t=t=>{e.value=t};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:()=>{t("positive")}},[d("正计时")]),c("div",{class:[F.timerTopPane,"countdown"==e.value?F.timerTopPaneActive:""],onClick:()=>{t("countdown")}},[d("倒计时")])]),"positive"==e.value?c(B,null,null):c(y,null,null)])])}}))}}}));
|
