1 |
- System.register(["./index-legacy-4fb614b6.js","./closeAble-legacy-35a88db9.js"],(function(e,i){"use strict";var t,l,o,r,n,a,v,s,p,u,c,d,m,_,f,w,g,h,b,A,F,I,x;return{setters:[e=>{t=e.bj,l=e.at,o=e.au,r=e.b7,n=e.d,a=e.r,v=e.a,s=e.n,p=e.C,u=e.x,c=e.f,d=e.k,m=e.dr,_=e.v,f=e.j,w=e.y,g=e.ds,h=e.a5,b=e.w,A=e.F},e=>{F=e.d,I=e.m,x=e.c}],execute:function(){var T=document.createElement("style");T.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"}._downMove_137wx_1{width:18.38541667vw;background:#FFFFFF;border-radius:.83333333vw;position:relative;padding:0 1.5625vw 1.82291667vw;text-align:center}._downMove_137wx_1 ._downMoveBg_137wx_9{position:absolute;top:0;left:0;width:18.38541667vw;height:5.26041667vw}._downMove_137wx_1 ._dingPng_137wx_16{width:8.4375vw;height:5.10416667vw;position:absolute;left:50%;margin-left:-4.21875vw;top:-2.55208333vw;z-index:100}._downMove_137wx_1 ._closeAble_137wx_25{cursor:pointer;width:1.30208333vw;height:1.30208333vw;position:absolute;top:.9375vw;right:1.04166667vw}._downMove_137wx_1 h2{position:relative;padding-top:3.33333333vw;height:1.71875vw;font-size:1.25rem;font-family:PingFangSC-Semibold,PingFang SC;font-weight:600;color:#131415;line-height:1.71875vw;text-align:center;margin-bottom:.78125vw}._downMove_137wx_1 p{padding-top:1.66666667vw;font-size:.9375rem;font-family:PingFangSC-Regular,PingFang SC;font-weight:400;color:#777;line-height:1.5625vw}._downMove_137wx_1 ._submitAppBtn_137wx_53{width:13.38541667vw;height:2.34375vw;line-height:2.34375vw;background:linear-gradient(305deg,#40C8FF 0%,#3192FF 100%);border-radius:1.25vw;border:none}._downMove_137wx_1 ._submitAppBtn_137wx_53 .n-button__border,._downMove_137wx_1 ._submitAppBtn_137wx_53 .n-button__state-border{display:none}\n',document.head.appendChild(T);const k={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"},M=((e,i)=>{const t=e.__vccOpts||e;for(const[l,o]of i)t[l]=o;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,n,a,v,s){return t(),l("div",{class:r(["M-Flipper",[v.flipType,{go:v.isFlipping}]])},[o("div",{class:r(["digital front",s._textClass(v.frontTextFromData)])},null,2),o("div",{class:r(["digital back",s._textClass(v.backTextFromData)])},null,2)],2)}]]),y="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAABlL09dAAAAAXNSR0IArs4c6QAAAR1JREFUSEvV1rFOwlAYxfH/eQx2VgcfBJ+AOMqCE5uB6OITyAPwCPogKBMOOhITQuLkaq45iU1KKL2X9nbgWzq0/X03/dpzKzoqhRAE3AAD4BNYSFq17Wf4HngoQb/AEzCT9NO0geEvoFcBbICxpJcmuOEQufEZuJXkRsmVAhvzI5kCc0l+VNFKhQtoCYwk+Vhbp8LGkobbBC5WWjvcNnDRoHK4OeDK4eaCy8O9lrTODbvBN3DRBWx8clbwDrjMveJXYCjpPRfsLJk5bossyQE7Vh2ve+nXBjbkOPWXd1BNYIfQ3DFat8OcCmePzYPh5MjjyuGkwB9A/8hmenQ4KfAd8Fi6MGmHiMK+IIQwAq6A7f9L/ha7MXbef0Gd1B+5cJ8q7osJlgAAAABJRU5ErkJggg==",C="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAAXNSR0IArs4c6QAAAMlJREFUSEvtlj0OwUEQxX+voXARtZBwAgWVA2hVOgfQ6FQ0DkLCBSioxRncgObJikr+X4msaqfaZF/ey8zO7BsRORT4bQ+AOdAEbuEsaVdV23YDWAAjoA4cgJmkuz7k2wyyYVUR23ug/8VxBVpB4Ay0MwQukjplWdjuAccc3DgIPIBaBuApKaRbGLYnwCYHtAwCzmOQ9H6jorA9BVY5mHUSCC2eSpS6KA1amoP0m/7FD6Jb5q+m3wVORaYfdqJ4a0v0xausz3+9fwE+w+v3NO9E8gAAAABJRU5ErkJggg==",B="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJhJREFUWEftlzEOQEAURPffgwOhRkPrUFoa1NaBuMeXLyTqsQmS2X7mT95uMvvFgaeffOLUtYdcXFPl6YJYCSIyTT/6VVWjY77IVhVpjHjBAbph1vvAuswgL0hkgxmABEiABEggGIGr1a5iQQoF0ViBWYvKvdUQoycaC/GBAOfH4rUrQBEGe4QMQAIkQAIk8FsCry+nodbzHQqVmosCTFkgAAAAAElFTkSuQmCC",D="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAECAYAAADvRz3UAAAAAXNSR0IArs4c6QAAADNJREFUKFNjXLJ6myfDf4ZZ////l2GgI2BkZHzCwMiQxrhk1bbH9LYc5k+QIwaBAwY4CgCYmB5vQGvODAAAAABJRU5ErkJggg==",W=""+new URL("timer-ee5a21d4.wav",i.meta.url).href,E=n({name:"timer-countdown",setup(){a("positive"),v();const e=a(),i=a(),t=a(),l=a(),o=a(null),r=a(null),n=a(new Date);r.value=setInterval((()=>{n.value=new Date}),1e3);const h=a(0),b=a(0),A=a(0),F=a(!1),I=a([e,i,t,l]),x=()=>{b.value=0,A.value=0;for(let e=0;e<I.value.length;e++)I.value[e].value.setFront("0000"[e])},T=new Audio(W),E=()=>{F.value=!1,T.currentTime=0,T.pause(),o.value&&(clearInterval(o.value),o.value=null)},U=()=>{E(),h.value=0,T.currentTime=0,T.pause(),setTimeout((()=>{x()}),600)};s((()=>{p((()=>{x()}))}));const Q=e=>{const i=g(h.value);h.value+=e,h.value>3599?h.value=3599:h.value;const t=g(h.value);for(let l=0;l<I.value.length;l++)i[l]!==t[l]&&I.value[l].value.flipDown(i[l],t[l]);b.value=Math.floor(h.value/60),A.value=Math.floor(h.value%60)},R=e=>{const i=g(h.value);h.value-=e,h.value<0?h.value=0:h.value;const t=g(h.value);for(let l=0;l<I.value.length;l++)i[l]!==t[l]&&I.value[l].value.flipUp(i[l],t[l]);b.value=Math.floor(h.value/60),A.value=Math.floor(h.value%60)},O=()=>{setTimeout((()=>{console.log(b.value,h.value);const e=g(h.value);h.value=60*b.value+A.value;const i=g(h.value);console.log(i,e);for(let t=0;t<I.value.length;t++)e[t]!==i[t]&&I.value[t].value.flipUp(e[t],i[t])}),600)},Y=()=>{setTimeout((()=>{console.log(b.value);const e=g(h.value);h.value=60*b.value+A.value;const i=g(h.value);for(let t=0;t<I.value.length;t++)e[t]!==i[t]&&I.value[t].value.flipUp(e[t],i[t])}),600)};return u((()=>h.value),(e=>{b.value=Math.floor(e/60),A.value=Math.floor(e%60)})),()=>c("div",{class:k.timerItemWrap},[c("div",{class:k.timerItemInfo},[c("div",{class:k.timerItemInset},[c("div",{class:k.timerItemInfoTop},[c("div",{class:k.timerItemTopCore},[c("h4",null,[d(" 分")]),c("div",{class:k.FlipClock},[c("div",{class:k.numberWrap},[c(M,{ref:e},null),c(M,{ref:i},null)]),c("div",{class:[k.chioseWrap,[k.chioseWrap,F.value?k.chioseHidden:""]]},[c("img",{src:B,class:k.add,alt:"",onClick:()=>Q(60)},null),c(m,{class:k.countInput,min:0,max:59,"show-button":!1,onBlur:O,value:b.value,"onUpdate:value":e=>b.value=e},null),c("img",{src:D,class:k.minus,alt:"",onClick:()=>R(60)},null)])])]),c("div",{class:k.timerItemTopCore},[c("div",{class:k.dot},null),c("div",{class:k.dot},null),c("h4",{class:k.dotBtm},null)]),c("div",{class:k.timerItemTopCore},[c("h4",null,[d(" 秒 ")]),c("div",{class:k.FlipClock},[c("div",{class:k.numberWrap},[c(M,{ref:t},null),c(M,{ref:l},null)]),c("div",{class:[k.chioseWrap,F.value?k.chioseHidden:""]},[c("img",{src:B,class:k.add,alt:"",onClick:()=>Q(1)},null),c(m,{class:k.countInput,min:0,max:59,"show-button":!1,value:A.value,"onUpdate:value":e=>A.value=e,onBlur:Y},null),c("img",{src:D,class:k.minus,alt:"",onClick:()=>R(1)},null)])])])])])]),c(_,{class:k.btnGroupModal,justify:"center"},{default:()=>[c(f,{round:!0,onClick:()=>U()},{default:()=>[d("重置")]}),F.value?c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>E()},{default:()=>c("p",{class:k.playText},[d("暂停")]),icon:()=>c(w,{previewDisabled:!0,class:k.palyIcon,src:C},null)}):c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>(F.value=!0,void(o.value=setInterval((()=>{const e=g(h.value);if(4==h.value&&T.play(),h.value<=0)return void U();h.value--;const i=g(h.value);for(let t=0;t<I.value.length;t++)e[t]!==i[t]&&I.value[t].value.flipDown(e[t],i[t])}),1e3)))},{default:()=>c("p",{class:k.playText},[d("开始")]),icon:()=>c(w,{previewDisabled:!0,class:k.palyIcon,src:y},null)})]})])}}),U=n({name:"timer-positive",setup(){a("positive"),v();const e=a(),i=a(),t=a(),l=a(),o=a(null),r=a(null),n=a(new Date);r.value=setInterval((()=>{n.value=new Date}),1e3);const u=a(0),m=a(!1),b=a([e,i,t,l]),A=()=>{for(let e=0;e<b.value.length;e++)b.value[e].value.setFront("0000"[e])},F=()=>{m.value=!1,o.value&&(clearInterval(o.value),o.value=null)};return s((()=>{p((()=>{A()}))})),()=>c("div",{class:k.timerItemWrap},[c("div",{class:k.timerItemInfo},[c("div",{class:k.timerItemInset},[c("div",{class:k.timerItemInfoTop},[c("div",{class:k.timerItemTopCore},[c("h4",null,[d(" 分")]),c("div",{class:k.FlipClock},[c("div",{class:k.numberWrap},[c(M,{ref:e},null),c(M,{ref:i},null)])])]),c("div",{class:k.timerItemTopCore},[c("h4",{class:k.dotTop},null),c("div",{class:k.dot},null),c("div",{class:k.dot},null)]),c("div",{class:k.timerItemTopCore},[c("h4",null,[d(" 秒")]),c("div",{class:k.FlipClock},[c("div",{class:k.numberWrap},[c(M,{ref:t},null),c(M,{ref:l},null)])])])]),c("div",{class:k.nowTimerWrap},[h(n.value).format("YYYY年MM月DD日 HH:mm:ss")])])]),c(_,{class:k.btnGroupModal,justify:"center"},{default:()=>[c(f,{round:!0,onClick:()=>(F(),u.value=0,void setTimeout((()=>{console.log("初始化"),A()}),600))},{default:()=>[d("重置")]}),m.value?c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>F()},{default:()=>c("p",{class:k.playText},[d("暂停")]),icon:()=>c(w,{previewDisabled:!0,class:k.palyIcon,src:C},null)}):c(f,{round:!0,type:"primary","icon-placement":"right",onClick:()=>(m.value=!0,void(o.value=setInterval((()=>{const e=g(u.value);u.value++;const i=g(u.value);for(let t=0;t<b.value.length;t++)e[t]!==i[t]&&b.value[t].value.flipDown(e[t],i[t])}),1e3)))},{default:()=>c("p",{class:k.playText},[d("开始")]),icon:()=>c(w,{previewDisabled:!0,class:k.palyIcon,src:y},null)})]})])}}),Q=(e("T",n({name:"data-module",setup(){const e=a("positive");v();const i=i=>{e.value=i};return()=>c("div",null,[c("div",{class:k.timerWrap},[c("div",{class:k.timerTop},[c("div",{class:[k.timerTopPane,"positive"==e.value?k.timerTopPaneActive:""],onClick:()=>{i("positive")}},[d("正计时")]),c("div",{class:[k.timerTopPane,"countdown"==e.value?k.timerTopPaneActive:""],onClick:()=>{i("countdown")}},[d("倒计时")])]),"positive"==e.value?c(U,null,null):c(E,null,null)])])}})),"_downMove_137wx_1"),R="_downMoveBg_137wx_9",O="_dingPng_137wx_16",Y="_closeAble_137wx_25",z="_submitAppBtn_137wx_53";e("P",n({props:["item"],emits:["close"],name:"placeholderTone",setup:(e,{emit:i})=>()=>c(A,null,[c("div",{class:Q},[c("img",{src:F,class:O,alt:""},null),c("img",{src:I,class:R,alt:""},null),c("img",{src:x,class:Y,onClick:()=>{i("close")},alt:""},null),c("h2",null,[d("温馨提示")]),c("p",null,[d("调音器功能暂未开放,敬请期待!")]),c(_,{style:{padding:"25px 0 0 0"},justify:"center"},{default:()=>[c(f,b({id:"submitBtn"},{class:z,round:!0,type:"primary",onClick:()=>{i("close")}}),{default:()=>[d("我知道了")]})]})])])}))}}}));
|