| 1 |
- System.register(["./index-legacy-42f07443.js"],(function(e,t){"use strict";var r,o,i,a,l,n,p,s,u,m,c,v,d,g,f,_,A,w,b;return{setters:[e=>{r=e.a4,o=e.a5,i=e.a6,a=e.a7,l=e.d,n=e.r,p=e.a,s=e.q,u=e.a8,m=e.w,c=e.f,v=e.k,d=e.a9,g=e.X,f=e.j,_=e.F,A=e.o,w=e.aa,b=e.a1}],execute:function(){var t=document.createElement("style");t.textContent='._timerWrap_1rkmg_1{background-color:#fff;display:flex;flex-direction:column;align-items:center}._timerWrap_1rkmg_1 ._timerTop_1rkmg_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_1rkmg_1 ._timerTop_1rkmg_7 ._timerTopPane_1rkmg_18{width:50%;text-align:center;line-height:2.13541667vw;cursor:pointer}._timerWrap_1rkmg_1 ._timerTop_1rkmg_7 ._timerTopPaneActive_1rkmg_24{background:#198CFE;border-radius:.41666667vw;color:#fff}._timerItemInfo_1rkmg_29{width:36.04166667vw;background:#A6D1FF;box-shadow:0 .46875vw #cbd6df;border-radius:2.39583333vw;border:.67708333vw solid #EEF7FF;padding:.52083333vw}._timerItemInfo_1rkmg_29 ._timerItemInset_1rkmg_37{border-radius:1.45833333vw 1.45833333vw 1.97916667vw 1.97916667vw;background:#D8ECFE}._timerItemInfo_1rkmg_29 ._timerItemInfoTop_1rkmg_41{width:100%;display:flex;flex-direction:row;align-items:center;justify-content:center}._timerItemInfo_1rkmg_29 ._timerItemInfoTop_1rkmg_41 ._dot_1rkmg_48{width:.52083333vw;height:.52083333vw;background:#131415;border-radius:1.45833333vw;margin-bottom:.78125vw;margin:.36458333vw 3.64583333vw}._timerItemInfo_1rkmg_29 ._timerItemInfoTop_1rkmg_41 ._dotTop_1rkmg_56{width:.52083333vw;height:3.64583333vw}._timerItemInfo_1rkmg_29 ._timerItemInfoTop_1rkmg_41 ._timerItemTopCore_1rkmg_60{display:flex;flex-direction:column;align-items:center;justify-content:center}._timerItemInfo_1rkmg_29 ._timerItemInfoTop_1rkmg_41 ._timerItemTopCore_1rkmg_60 h4{font-size:1.14583333rem;font-weight:600;color:#7caee1;line-height:3.64583333vw}._nowTimerWrap_1rkmg_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_1rkmg_82{padding:2.08333333vw 0 1.66666667vw}._btnGroupModal_1rkmg_82 .n-button{height:2.44791667vw;min-width:8.125vw}._palyIcon_1rkmg_89{width:.57291667vw;height:.72916667vw}._countInput_1rkmg_93{margin:0 .83333333vw}._countInput_1rkmg_93 .n-input__border,._countInput_1rkmg_93 .n-input__state-border{display:none}._countInput_1rkmg_93 .n-input{width:3.4375vw;height:1.71875vw;border-radius:.88541667vw;overflow:hidden}._countInput_1rkmg_93 .n-input .n-input-wrapper{text-align:center;background:#F5F6FA;padding:0}._dotBtm_1rkmg_113{width:100%;height:.83333333vw}._chioseWrap_1rkmg_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_1rkmg_117 ._add_1rkmg_130{width:.83333333vw;height:.83333333vw;cursor:pointer}._chioseWrap_1rkmg_117 ._minus_1rkmg_135{width:.83333333vw;height:.20833333vw;cursor:pointer}._chioseHidden_1rkmg_140{visibility:hidden}.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 h={timerWrap:"_timerWrap_1rkmg_1",timerTop:"_timerTop_1rkmg_7",timerTopPane:"_timerTopPane_1rkmg_18",timerTopPaneActive:"_timerTopPaneActive_1rkmg_24",timerItemInfo:"_timerItemInfo_1rkmg_29",timerItemInset:"_timerItemInset_1rkmg_37",timerItemInfoTop:"_timerItemInfoTop_1rkmg_41",dot:"_dot_1rkmg_48",dotTop:"_dotTop_1rkmg_56",timerItemTopCore:"_timerItemTopCore_1rkmg_60",nowTimerWrap:"_nowTimerWrap_1rkmg_72",btnGroupModal:"_btnGroupModal_1rkmg_82",palyIcon:"_palyIcon_1rkmg_89",countInput:"_countInput_1rkmg_93",dotBtm:"_dotBtm_1rkmg_113",chioseWrap:"_chioseWrap_1rkmg_117",add:"_add_1rkmg_130",minus:"_minus_1rkmg_135",chioseHidden:"_chioseHidden_1rkmg_140"},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,l,n,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)}]]),F="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAABlL09dAAAAAXNSR0IArs4c6QAAAR1JREFUSEvV1rFOwlAYxfH/eQx2VgcfBJ+AOMqCE5uB6OITyAPwCPogKBMOOhITQuLkaq45iU1KKL2X9nbgWzq0/X03/dpzKzoqhRAE3AAD4BNYSFq17Wf4HngoQb/AEzCT9NO0geEvoFcBbICxpJcmuOEQufEZuJXkRsmVAhvzI5kCc0l+VNFKhQtoCYwk+Vhbp8LGkobbBC5WWjvcNnDRoHK4OeDK4eaCy8O9lrTODbvBN3DRBWx8clbwDrjMveJXYCjpPRfsLJk5bossyQE7Vh2ve+nXBjbkOPWXd1BNYIfQ3DFat8OcCmePzYPh5MjjyuGkwB9A/8hmenQ4KfAd8Fi6MGmHiMK+IIQwAq6A7f9L/ha7MXbef0Gd1B+5cJ8q7osJlgAAAABJRU5ErkJggg==",I="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAAXNSR0IArs4c6QAAAMlJREFUSEvtlj0OwUEQxX+voXARtZBwAgWVA2hVOgfQ6FQ0DkLCBSioxRncgObJikr+X4msaqfaZF/ey8zO7BsRORT4bQ+AOdAEbuEsaVdV23YDWAAjoA4cgJmkuz7k2wyyYVUR23ug/8VxBVpB4Ay0MwQukjplWdjuAccc3DgIPIBaBuApKaRbGLYnwCYHtAwCzmOQ9H6jorA9BVY5mHUSCC2eSpS6KA1amoP0m/7FD6Jb5q+m3wVORaYfdqJ4a0v0xausz3+9fwE+w+v3NO9E8gAAAABJRU5ErkJggg==",T="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJhJREFUWEftlzEOQEAURPffgwOhRkPrUFoa1NaBuMeXLyTqsQmS2X7mT95uMvvFgaeffOLUtYdcXFPl6YJYCSIyTT/6VVWjY77IVhVpjHjBAbph1vvAuswgL0hkgxmABEiABEggGIGr1a5iQQoF0ViBWYvKvdUQoycaC/GBAOfH4rUrQBEGe4QMQAIkQAIk8FsCry+nodbzHQqVmosCTFkgAAAAAElFTkSuQmCC",x="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAECAYAAADvRz3UAAAAAXNSR0IArs4c6QAAADNJREFUKFNjXLJ6myfDf4ZZ////l2GgI2BkZHzCwMiQxrhk1bbH9LYc5k+QIwaBAwY4CgCYmB5vQGvODAAAAABJRU5ErkJggg==",M=l({name:"timer-countdown",setup(){n("positive"),p();const e=n(),t=n(),r=n(),o=n(),i=n(null),a=n(null),l=n(new Date);a.value=setInterval((()=>{l.value=new Date}),1e3);const b=n(0),M=n(0),C=n(0),y=n(!1),B=n([e,t,r,o]),D=()=>{M.value=0,C.value=0;for(let e=0;e<B.value.length;e++)B.value[e].value.setFront("0000"[e])},E=()=>{y.value=!1,i.value&&(clearInterval(i.value),i.value=null)},U=()=>{E(),u((()=>{b.value=0,D()}))};s((()=>{u((()=>{D()}))}));const Q=e=>{u((()=>{const t=w(b.value);b.value+=e,b.value>3599?b.value=3599:b.value;const r=w(b.value);for(let e=0;e<B.value.length;e++)t[e]!==r[e]&&B.value[e].value.flipDown(t[e],r[e]);M.value=Math.floor(b.value/60),C.value=Math.floor(b.value%60)}))},W=e=>{u((()=>{const t=w(b.value);b.value-=e,b.value<0?b.value=0:b.value;const r=w(b.value);for(let e=0;e<B.value.length;e++)t[e]!==r[e]&&B.value[e].value.flipUp(t[e],r[e]);M.value=Math.floor(b.value/60),C.value=Math.floor(b.value%60)}))},O=()=>{u((()=>{console.log(M.value,b.value);const e=w(b.value);b.value=60*M.value+C.value;const t=w(b.value);console.log(t,e);for(let r=0;r<B.value.length;r++)e[r]!==t[r]&&B.value[r].value.flipUp(e[r],t[r])}))},R=()=>{u((()=>{console.log(M.value);const e=w(b.value);b.value=60*M.value+C.value;const t=w(b.value);for(let r=0;r<B.value.length;r++)e[r]!==t[r]&&B.value[r].value.flipUp(e[r],t[r])}))};return m((()=>b.value),(e=>{M.value=Math.floor(e/60),C.value=Math.floor(e%60)})),()=>c("div",{class:h.timerItemWrap},[c("div",{class:h.timerItemInfo},[c("div",{class:h.timerItemInset},[c("div",{class:h.timerItemInfoTop},[c("div",{class:h.timerItemTopCore},[c("h4",null,[v(" 分")]),c("div",{class:h.FlipClock},[c(k,{ref:e},null),c(k,{ref:t},null),c("div",{class:[h.chioseWrap,[h.chioseWrap,y.value?h.chioseHidden:""]]},[c("img",{src:T,class:h.add,alt:"",onClick:()=>Q(60)},null),c(d,{class:h.countInput,min:0,max:59,"show-button":!1,"onUpdate:value":[O,e=>M.value=e],value:M.value},null),c("img",{src:x,class:h.minus,alt:"",onClick:()=>W(60)},null)])])]),c("div",{class:h.timerItemTopCore},[c("div",{class:h.dot},null),c("div",{class:h.dot},null),c("h4",{class:h.dotBtm},null)]),c("div",{class:h.timerItemTopCore},[c("h4",null,[v(" 秒 ")]),c("div",{class:h.FlipClock},[c(k,{ref:r},null),c(k,{ref:o},null),c("div",{class:[h.chioseWrap,y.value?h.chioseHidden:""]},[c("img",{src:T,class:h.add,alt:"",onClick:()=>Q(1)},null),c(d,{class:h.countInput,min:0,max:59,"show-button":!1,value:C.value,"onUpdate:value":[e=>C.value=e,R]},null),c("img",{src:x,class:h.minus,alt:"",onClick:()=>W(1)},null)])])])])])]),c(g,{class:h.btnGroupModal,justify:"center"},{default:()=>[c(f,{round:!0,onClick:()=>U()},{default:()=>[v("重置")]}),y.value?c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>E()},{default:()=>c(_,null,[v("暂停")]),icon:()=>c(A,{previewDisabled:!0,class:h.palyIcon,src:I},null)}):c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>(y.value=!0,void(i.value=setInterval((()=>{const e=w(b.value);if(b.value<=0)return void U();b.value--;const t=w(b.value);for(let r=0;r<B.value.length;r++)e[r]!==t[r]&&B.value[r].value.flipDown(e[r],t[r])}),1e3)))},{default:()=>c(_,null,[v("开始")]),icon:()=>c(A,{previewDisabled:!0,class:h.palyIcon,src:F},null)})]})])}}),C=l({name:"timer-positive",setup(){n("positive"),p();const e=n(),t=n(),r=n(),o=n(),i=n(null),a=n(null),l=n(new Date);a.value=setInterval((()=>{l.value=new Date}),1e3);const m=n(0),d=n(!1),T=n([e,t,r,o]),x=()=>{for(let e=0;e<T.value.length;e++)T.value[e].value.setFront("0000"[e])},M=()=>{d.value=!1,i.value&&(clearInterval(i.value),i.value=null)};return s((()=>{u((()=>{x()}))})),()=>c("div",{class:h.timerItemWrap},[c("div",{class:h.timerItemInfo},[c("div",{class:h.timerItemInset},[c("div",{class:h.timerItemInfoTop},[c("div",{class:h.timerItemTopCore},[c("h4",null,[v(" 分")]),c("div",{class:h.FlipClock},[c(k,{ref:e},null),c(k,{ref:t},null)])]),c("div",{class:h.timerItemTopCore},[c("h4",{class:h.dotTop},null),c("div",{class:h.dot},null),c("div",{class:h.dot},null)]),c("div",{class:h.timerItemTopCore},[c("h4",null,[v(" 秒")]),c("div",{class:h.FlipClock},[c(k,{ref:r},null),c(k,{ref:o},null)])])]),c("div",{class:h.nowTimerWrap},[b(l.value).format("YYYY年MM月DD日 HH:mm:ss")])])]),c(g,{class:h.btnGroupModal,justify:"center"},{default:()=>[c(f,{round:!0,onClick:()=>(M(),void u((()=>{m.value=0,x()})))},{default:()=>[v("重置")]}),d.value?c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>M()},{default:()=>c(_,null,[v("暂停")]),icon:()=>c(A,{previewDisabled:!0,class:h.palyIcon,src:I},null)}):c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>(d.value=!0,void(i.value=setInterval((()=>{const e=w(m.value);m.value++;const t=w(m.value);for(let r=0;r<T.value.length;r++)e[r]!==t[r]&&T.value[r].value.flipDown(e[r],t[r])}),1e3)))},{default:()=>c(_,null,[v("开始")]),icon:()=>c(A,{previewDisabled:!0,class:h.palyIcon,src:F},null)})]})])}});e("T",l({name:"data-module",setup(){const e=n("countdown");p();const t=t=>{e.value=t};return()=>c("div",null,[c("div",{class:h.timerWrap},[c("div",{class:h.timerTop},[c("div",{class:[h.timerTopPane,"positive"==e.value?h.timerTopPaneActive:""],onClick:()=>{t("positive")}},[v("正计时")]),c("div",{class:[h.timerTopPane,"countdown"==e.value?h.timerTopPaneActive:""],onClick:()=>{t("countdown")}},[v("倒计时")])]),"positive"==e.value?c(C,null,null):c(M,null,null)])])}}))}}}));
|
