| 1 |
- System.register(["./index-legacy-add72751.js"],(function(e,t){"use strict";var r,o,i,a,n,l,p,s,u,c,v,m,d,f,_,A,g,w;return{setters:[e=>{r=e.a3,o=e.a4,i=e.a5,a=e.a6,n=e.d,l=e.r,p=e.a,s=e.q,u=e.a7,c=e.f,v=e.k,m=e.a8,d=e.X,f=e.j,_=e.F,A=e.o,g=e.a9,w=e.a0}],execute:function(){var t=document.createElement("style");t.textContent='._timerWrap_r1zk8_1{background-color:#fff;display:flex;flex-direction:column;align-items:center}._timerWrap_r1zk8_1 ._timerTop_r1zk8_7{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_r1zk8_1 ._timerTop_r1zk8_7 ._timerTopPane_r1zk8_18{width:50%;text-align:center;line-height:2.13541667vw;cursor:pointer}._timerWrap_r1zk8_1 ._timerTop_r1zk8_7 ._timerTopPaneActive_r1zk8_24{background:#198CFE;border-radius:.41666667vw;color:#fff}._timerItemInfo_r1zk8_29{width:36.04166667vw;background:#A6D1FF;box-shadow:0 .46875vw #cbd6df;border-radius:2.39583333vw;border:.67708333vw solid #EEF7FF;padding:.52083333vw}._timerItemInfo_r1zk8_29 ._timerItemInset_r1zk8_37{border-radius:1.45833333vw 1.45833333vw 1.97916667vw 1.97916667vw;background:#D8ECFE}._timerItemInfo_r1zk8_29 ._timerItemInfoTop_r1zk8_41{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}._timerItemInfo_r1zk8_29 ._timerItemInfoTop_r1zk8_41 ._dot_r1zk8_48{width:.52083333vw;height:.52083333vw;background:#131415;border-radius:1.45833333vw;margin-bottom:.78125vw;margin:.36458333vw 3.64583333vw}._timerItemInfo_r1zk8_29 ._timerItemInfoTop_r1zk8_41 ._dotTop_r1zk8_56{width:.52083333vw;height:3.64583333vw}._timerItemInfo_r1zk8_29 ._timerItemInfoTop_r1zk8_41 ._timerItemTopCore_r1zk8_60{display:flex;flex-direction:column;align-items:center;justify-content:center}._timerItemInfo_r1zk8_29 ._timerItemInfoTop_r1zk8_41 ._timerItemTopCore_r1zk8_60 h4{font-size:1.14583333rem;font-weight:600;color:#7caee1;line-height:3.64583333vw}._nowTimerWrap_r1zk8_72{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_r1zk8_82{padding:2.08333333vw 0 1.66666667vw}._btnGroupModal_r1zk8_82 .n-button{height:2.44791667vw;min-width:8.125vw}._palyIcon_r1zk8_89{width:.57291667vw;height:.72916667vw}._countInput_r1zk8_93{margin:0 .83333333vw}._countInput_r1zk8_93 .n-input__border,._countInput_r1zk8_93 .n-input__state-border{display:none}._countInput_r1zk8_93 .n-input{width:3.4375vw;height:1.71875vw;border-radius:.88541667vw;overflow:hidden}._countInput_r1zk8_93 .n-input .n-input-wrapper{text-align:center;background:#F5F6FA;padding:0}._dotBtm_r1zk8_113{width:100%;height:.83333333vw}._chioseWrap_r1zk8_117{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_r1zk8_117 ._add_r1zk8_130{width:.83333333vw;height:.83333333vw;cursor:pointer}._chioseWrap_r1zk8_117 ._minus_r1zk8_135{width:.83333333vw;height:.20833333vw;cursor:pointer}.M-Flipper{display:inline-block;position:relative;width:4.6875vw;height:9.27083333vw;line-height:9.27083333vw;border-radius:.52083333vw;background:#fff;font-size:6.66666667rem;color:#131415;box-shadow:.20833333vw .20833333vw #a2caee;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(t);const b={timerWrap:"_timerWrap_r1zk8_1",timerTop:"_timerTop_r1zk8_7",timerTopPane:"_timerTopPane_r1zk8_18",timerTopPaneActive:"_timerTopPaneActive_r1zk8_24",timerItemInfo:"_timerItemInfo_r1zk8_29",timerItemInset:"_timerItemInset_r1zk8_37",timerItemInfoTop:"_timerItemInfoTop_r1zk8_41",dot:"_dot_r1zk8_48",dotTop:"_dotTop_r1zk8_56",timerItemTopCore:"_timerItemTopCore_r1zk8_60",nowTimerWrap:"_nowTimerWrap_r1zk8_72",btnGroupModal:"_btnGroupModal_r1zk8_82",palyIcon:"_palyIcon_r1zk8_89",countInput:"_countInput_r1zk8_93",dotBtm:"_dotBtm_r1zk8_113",chioseWrap:"_chioseWrap_r1zk8_117",add:"_add_r1zk8_130",minus:"_minus_r1zk8_135"},k=((e,t)=>{const r=e.__vccOpts||e;for(const[o,i]of t)r[o]=i;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){if(this.isFlipping)return!1;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,s){return r(),o("div",{class:a(["M-Flipper",[p.flipType,{go:p.isFlipping}]])},[i("div",{class:a(["digital front",s._textClass(p.frontTextFromData)])},null,2),i("div",{class:a(["digital back",s._textClass(p.backTextFromData)])},null,2)],2)}]]),h="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAABlL09dAAAAAXNSR0IArs4c6QAAAR1JREFUSEvV1rFOwlAYxfH/eQx2VgcfBJ+AOMqCE5uB6OITyAPwCPogKBMOOhITQuLkaq45iU1KKL2X9nbgWzq0/X03/dpzKzoqhRAE3AAD4BNYSFq17Wf4HngoQb/AEzCT9NO0geEvoFcBbICxpJcmuOEQufEZuJXkRsmVAhvzI5kCc0l+VNFKhQtoCYwk+Vhbp8LGkobbBC5WWjvcNnDRoHK4OeDK4eaCy8O9lrTODbvBN3DRBWx8clbwDrjMveJXYCjpPRfsLJk5bossyQE7Vh2ve+nXBjbkOPWXd1BNYIfQ3DFat8OcCmePzYPh5MjjyuGkwB9A/8hmenQ4KfAd8Fi6MGmHiMK+IIQwAq6A7f9L/ha7MXbef0Gd1B+5cJ8q7osJlgAAAABJRU5ErkJggg==",F="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAAXNSR0IArs4c6QAAAMlJREFUSEvtlj0OwUEQxX+voXARtZBwAgWVA2hVOgfQ6FQ0DkLCBSioxRncgObJikr+X4msaqfaZF/ey8zO7BsRORT4bQ+AOdAEbuEsaVdV23YDWAAjoA4cgJmkuz7k2wyyYVUR23ug/8VxBVpB4Ay0MwQukjplWdjuAccc3DgIPIBaBuApKaRbGLYnwCYHtAwCzmOQ9H6jorA9BVY5mHUSCC2eSpS6KA1amoP0m/7FD6Jb5q+m3wVORaYfdqJ4a0v0xausz3+9fwE+w+v3NO9E8gAAAABJRU5ErkJggg==",I="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJhJREFUWEftlzEOQEAURPffgwOhRkPrUFoa1NaBuMeXLyTqsQmS2X7mT95uMvvFgaeffOLUtYdcXFPl6YJYCSIyTT/6VVWjY77IVhVpjHjBAbph1vvAuswgL0hkgxmABEiABEggGIGr1a5iQQoF0ViBWYvKvdUQoycaC/GBAOfH4rUrQBEGe4QMQAIkQAIk8FsCry+nodbzHQqVmosCTFkgAAAAAElFTkSuQmCC",z="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAECAYAAADvRz3UAAAAAXNSR0IArs4c6QAAADNJREFUKFNjXLJ6myfDf4ZZ////l2GgI2BkZHzCwMiQxrhk1bbH9LYc5k+QIwaBAwY4CgCYmB5vQGvODAAAAABJRU5ErkJggg==",T=n({name:"timer-countdown",setup(){l("positive"),p();const e=l(),t=l(),r=l(),o=l(),i=l(null),a=l(null),n=l(new Date);a.value=setInterval((()=>{n.value=new Date}),1e3);const w=l(0),T=l(0),x=l(0),C=l(!1),M=l([e,t,r,o]),y=()=>{for(let e=0;e<M.value.length;e++)M.value[e].value.setFront("0000"[e])},B=()=>{C.value=!1,i.value&&(clearInterval(i.value),i.value=null)};s((()=>{u((()=>{y()}))}));const D=e=>{u((()=>{const t=g(w.value);w.value+=e,w.value>3599?w.value=3599:w.value;const r=g(w.value);for(let e=0;e<M.value.length;e++)t[e]!==r[e]&&M.value[e].value.flipDown(t[e],r[e]);T.value=Math.floor(w.value/60),x.value=Math.floor(w.value%60)}))},E=e=>{u((()=>{const t=g(w.value);w.value-=e,w.value<0?w.value=0:w.value;const r=g(w.value);for(let e=0;e<M.value.length;e++)t[e]!==r[e]&&M.value[e].value.flipUp(t[e],r[e]);T.value=Math.floor(w.value/60),x.value=Math.floor(w.value%60)}))},U=()=>{u((()=>{console.log(T.value,w.value);const e=g(w.value);w.value=60*T.value+x.value;const t=g(w.value);console.log(t,e);for(let r=0;r<M.value.length;r++)e[r]!==t[r]&&M.value[r].value.flipUp(e[r],t[r])}))},Q=()=>{u((()=>{console.log(T.value);const e=g(w.value);w.value=60*T.value+x.value;const t=g(w.value);for(let r=0;r<M.value.length;r++)e[r]!==t[r]&&M.value[r].value.flipUp(e[r],t[r])}))};return()=>c("div",{class:b.timerItemWrap},[c("div",{class:b.timerItemInfo},[c("div",{class:b.timerItemInset},[c("div",{class:b.timerItemInfoTop},[c("div",{class:b.timerItemTopCore},[c("h4",null,[v(" 分")]),c("div",{class:b.FlipClock},[c(k,{ref:e},null),c(k,{ref:t},null),c("div",{class:b.chioseWrap},[c("img",{src:I,class:b.add,alt:"",onClick:()=>D(60)},null),c(m,{class:b.countInput,min:0,max:59,"show-button":!1,"onUpdate:value":[U,e=>T.value=e],value:T.value},null),c("img",{src:z,class:b.minus,alt:"",onClick:()=>E(60)},null)])])]),c("div",{class:b.timerItemTopCore},[c("div",{class:b.dot},null),c("div",{class:b.dot},null),c("h4",{class:b.dotBtm},null)]),c("div",{class:b.timerItemTopCore},[c("h4",null,[v(" 秒 ")]),c("div",{class:b.FlipClock},[c(k,{ref:r},null),c(k,{ref:o},null),c("div",{class:b.chioseWrap},[c("img",{src:I,class:b.add,alt:"",onClick:()=>D(1)},null),c(m,{class:b.countInput,min:0,max:59,"show-button":!1,value:x.value,"onUpdate:value":[e=>x.value=e,Q]},null),c("img",{src:z,class:b.minus,alt:"",onClick:()=>E(1)},null)])])])])])]),c(d,{class:b.btnGroupModal,justify:"center"},{default:()=>[c(f,{round:!0,onClick:()=>(B(),void u((()=>{w.value=0,y()})))},{default:()=>[v("重置")]}),C.value?c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>B()},{default:()=>c(_,null,[v("暂停")]),icon:()=>c(A,{previewDisabled:!0,class:b.palyIcon,src:F},null)}):c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>(C.value=!0,void(i.value=setInterval((()=>{const e=g(w.value);w.value++;const t=g(w.value);for(let r=0;r<M.value.length;r++)e[r]!==t[r]&&M.value[r].value.flipDown(e[r],t[r])}),1e3)))},{default:()=>c(_,null,[v("开始")]),icon:()=>c(A,{previewDisabled:!0,class:b.palyIcon,src:h},null)})]})])}}),x=n({name:"timer-positive",setup(){l("positive"),p();const e=l(),t=l(),r=l(),o=l(),i=l(null),a=l(null),n=l(new Date);a.value=setInterval((()=>{n.value=new Date}),1e3);const m=l(0),I=l(!1),z=l([e,t,r,o]),T=()=>{for(let e=0;e<z.value.length;e++)z.value[e].value.setFront("0000"[e])},x=()=>{I.value=!1,i.value&&(clearInterval(i.value),i.value=null)};return s((()=>{u((()=>{T()}))})),()=>c("div",{class:b.timerItemWrap},[c("div",{class:b.timerItemInfo},[c("div",{class:b.timerItemInset},[c("div",{class:b.timerItemInfoTop},[c("div",{class:b.timerItemTopCore},[c("h4",null,[v(" 分")]),c("div",{class:b.FlipClock},[c(k,{ref:e},null),c(k,{ref:t},null)])]),c("div",{class:b.timerItemTopCore},[c("h4",{class:b.dotTop},null),c("div",{class:b.dot},null),c("div",{class:b.dot},null)]),c("div",{class:b.timerItemTopCore},[c("h4",null,[v(" 秒")]),c("div",{class:b.FlipClock},[c(k,{ref:r},null),c(k,{ref:o},null)])])]),c("div",{class:b.nowTimerWrap},[w(n.value).format("YYYY年MM月DD日 HH:mm:ss")])])]),c(d,{class:b.btnGroupModal,justify:"center"},{default:()=>[c(f,{round:!0,onClick:()=>(x(),void u((()=>{m.value=0,T()})))},{default:()=>[v("重置")]}),I.value?c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>x()},{default:()=>c(_,null,[v("暂停")]),icon:()=>c(A,{previewDisabled:!0,class:b.palyIcon,src:F},null)}):c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>(I.value=!0,void(i.value=setInterval((()=>{const e=g(m.value);m.value++;const t=g(m.value);for(let r=0;r<z.value.length;r++)e[r]!==t[r]&&z.value[r].value.flipDown(e[r],t[r])}),1e3)))},{default:()=>c(_,null,[v("开始")]),icon:()=>c(A,{previewDisabled:!0,class:b.palyIcon,src:h},null)})]})])}});e("T",n({name:"data-module",setup(){const e=l("countdown");p();const t=t=>{e.value=t};return()=>c("div",null,[c("div",{class:b.timerWrap},[c("div",{class:b.timerTop},[c("div",{class:[b.timerTopPane,"positive"==e.value?b.timerTopPaneActive:""],onClick:()=>{t("positive")}},[v("正计时")]),c("div",{class:[b.timerTopPane,"countdown"==e.value?b.timerTopPaneActive:""],onClick:()=>{t("countdown")}},[v("倒计时")])]),"positive"==e.value?c(x,null,null):c(T,null,null)])])}}))}}}));
|
