| 1 |
- import{bj as H,at as X,au as M,b7 as x,d as S,r as o,a as E,n as N,C as V,x as K,f as e,k as f,dr as O,v as Y,j as B,F as y,y as D,ds as A,a5 as z}from"./index-a6d6496c.js";const L="_timerWrap_17p2v_1",q="_timerTop_17p2v_8",Z="_timerTopPane_17p2v_19",$="_timerTopPaneActive_17p2v_25",ee="_timerItemInfo_17p2v_30",te="_timerItemInset_17p2v_38",le="_timerItemInfoTop_17p2v_42",ae="_dot_17p2v_49",ne="_dotTop_17p2v_57",oe="_timerItemTopCore_17p2v_61",se="_nowTimerWrap_17p2v_73",ie="_btnGroupModal_17p2v_83",ue="_palyIcon_17p2v_90",re="_countInput_17p2v_94",ce="_dotBtm_17p2v_114",pe="_chioseWrap_17p2v_118",ve="_add_17p2v_139",me="_minus_17p2v_144",de="_chioseHidden_17p2v_149",Ae="_numberWrap_17p2v_152",t={timerWrap:L,timerTop:q,timerTopPane:Z,timerTopPaneActive:$,timerItemInfo:ee,timerItemInset:te,timerItemInfoTop:le,dot:ae,dotTop:ne,timerItemTopCore:oe,nowTimerWrap:se,btnGroupModal:ie,palyIcon:ue,countInput:re,dotBtm:ce,chioseWrap:pe,add:ve,minus:me,chioseHidden:de,numberWrap:Ae};const fe=(n,u)=>{const p=n.__vccOpts||n;for(const[I,r]of u)p[I]=r;return p},ge={name:"FlipClock",data(){return{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(n){return"number"+n},_flip(n,u,p){this.frontTextFromData=u,this.backTextFromData=p,this.flipType=n,this.isFlipping=!0,setTimeout(()=>{this.isFlipping=!1,this.frontTextFromData=p},this.duration)},flipDown(n,u){this._flip("down",n,u)},flipUp(n,u){this._flip("up",n,u)},setFront(n){this.frontTextFromData=n},setBack(n){this.backTextFromData=n}},created(){this.frontTextFromData=this.frontText,this.backTextFromData=this.backText}};function Te(n,u,p,I,r,b){return H(),X("div",{class:x(["M-Flipper",[r.flipType,{go:r.isFlipping}]])},[M("div",{class:x(["digital front",b._textClass(r.frontTextFromData)])},null,2),M("div",{class:x(["digital back",b._textClass(r.backTextFromData)])},null,2)],2)}const h=fe(ge,[["render",Te]]),P="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAABlL09dAAAAAXNSR0IArs4c6QAAAR1JREFUSEvV1rFOwlAYxfH/eQx2VgcfBJ+AOMqCE5uB6OITyAPwCPogKBMOOhITQuLkaq45iU1KKL2X9nbgWzq0/X03/dpzKzoqhRAE3AAD4BNYSFq17Wf4HngoQb/AEzCT9NO0geEvoFcBbICxpJcmuOEQufEZuJXkRsmVAhvzI5kCc0l+VNFKhQtoCYwk+Vhbp8LGkobbBC5WWjvcNnDRoHK4OeDK4eaCy8O9lrTODbvBN3DRBWx8clbwDrjMveJXYCjpPRfsLJk5bossyQE7Vh2ve+nXBjbkOPWXd1BNYIfQ3DFat8OcCmePzYPh5MjjyuGkwB9A/8hmenQ4KfAd8Fi6MGmHiMK+IIQwAq6A7f9L/ha7MXbef0Gd1B+5cJ8q7osJlgAAAABJRU5ErkJggg==",J="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAAXNSR0IArs4c6QAAAMlJREFUSEvtlj0OwUEQxX+voXARtZBwAgWVA2hVOgfQ6FQ0DkLCBSioxRncgObJikr+X4msaqfaZF/ey8zO7BsRORT4bQ+AOdAEbuEsaVdV23YDWAAjoA4cgJmkuz7k2wyyYVUR23ug/8VxBVpB4Ay0MwQukjplWdjuAccc3DgIPIBaBuApKaRbGLYnwCYHtAwCzmOQ9H6jorA9BVY5mHUSCC2eSpS6KA1amoP0m/7FD6Jb5q+m3wVORaYfdqJ4a0v0xausz3+9fwE+w+v3NO9E8gAAAABJRU5ErkJggg==",Q="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJhJREFUWEftlzEOQEAURPffgwOhRkPrUFoa1NaBuMeXLyTqsQmS2X7mT95uMvvFgaeffOLUtYdcXFPl6YJYCSIyTT/6VVWjY77IVhVpjHjBAbph1vvAuswgL0hkgxmABEiABEggGIGr1a5iQQoF0ViBWYvKvdUQoycaC/GBAOfH4rUrQBEGe4QMQAIkQAIk8FsCry+nodbzHQqVmosCTFkgAAAAAElFTkSuQmCC",U="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAECAYAAADvRz3UAAAAAXNSR0IArs4c6QAAADNJREFUKFNjXLJ6myfDf4ZZ////l2GgI2BkZHzCwMiQxrhk1bbH9LYc5k+QIwaBAwY4CgCYmB5vQGvODAAAAABJRU5ErkJggg==",Ie=""+new URL("timer-ee5a21d4.wav",import.meta.url).href,_e=S({name:"timer-countdown",setup(){o("positive"),E();const n=o(),u=o(),p=o(),I=o(),r=o(null),b=o(null),F=o(new Date);b.value=setInterval(()=>{F.value=new Date},1e3);const l=o(0),v=o(0),d=o(0),_=o(!1),m=o([n,u,p,I]),k=()=>{const s="0000";v.value=0,d.value=0;for(let i=0;i<m.value.length;i++)m.value[i].value.setFront(s[i])},C=new Audio(Ie),w=()=>{_.value=!0,r.value=setInterval(()=>{const s=A(l.value);if(l.value==4&&C.play(),l.value<=0){T();return}l.value--;const i=A(l.value);for(let a=0;a<m.value.length;a++)s[a]!==i[a]&&m.value[a].value.flipDown(s[a],i[a])},1e3)},g=()=>{_.value=!1,C.currentTime=0,C.pause(),r.value&&(clearInterval(r.value),r.value=null)},T=()=>{g(),l.value=0,C.currentTime=0,C.pause(),setTimeout(()=>{k()},600)};N(()=>{V(()=>{k()})});const W=s=>{const i=A(l.value);l.value+=s,l.value>3599?l.value=3599:l.value;const a=A(l.value);for(let c=0;c<m.value.length;c++)i[c]!==a[c]&&m.value[c].value.flipDown(i[c],a[c]);v.value=Math.floor(l.value/60),d.value=Math.floor(l.value%60)},R=s=>{const i=A(l.value);l.value-=s,l.value<0?l.value=0:l.value;const a=A(l.value);for(let c=0;c<m.value.length;c++)i[c]!==a[c]&&m.value[c].value.flipUp(i[c],a[c]);v.value=Math.floor(l.value/60),d.value=Math.floor(l.value%60)},j=()=>{setTimeout(()=>{console.log(v.value,l.value);const s=A(l.value);l.value=v.value*60+d.value;const i=A(l.value);console.log(i,s);for(let a=0;a<m.value.length;a++)s[a]!==i[a]&&m.value[a].value.flipUp(s[a],i[a])},600)},G=()=>{setTimeout(()=>{console.log(v.value);const s=A(l.value);l.value=v.value*60+d.value;const i=A(l.value);for(let a=0;a<m.value.length;a++)s[a]!==i[a]&&m.value[a].value.flipUp(s[a],i[a])},600)};return K(()=>l.value,s=>{v.value=Math.floor(s/60),d.value=Math.floor(s%60)}),()=>e("div",{class:t.timerItemWrap},[e("div",{class:t.timerItemInfo},[e("div",{class:t.timerItemInset},[e("div",{class:t.timerItemInfoTop},[e("div",{class:t.timerItemTopCore},[e("h4",null,[f(" 分")]),e("div",{class:t.FlipClock},[e("div",{class:t.numberWrap},[e(h,{ref:n},null),e(h,{ref:u},null)]),e("div",{class:[t.chioseWrap,[t.chioseWrap,_.value?t.chioseHidden:""]]},[e("img",{src:Q,class:t.add,alt:"",onClick:()=>W(60)},null),e(O,{class:t.countInput,min:0,max:59,"show-button":!1,onBlur:j,value:v.value,"onUpdate:value":s=>v.value=s},null),e("img",{src:U,class:t.minus,alt:"",onClick:()=>R(60)},null)])])]),e("div",{class:t.timerItemTopCore},[e("div",{class:t.dot},null),e("div",{class:t.dot},null),e("h4",{class:t.dotBtm},null)]),e("div",{class:t.timerItemTopCore},[e("h4",null,[f(" 秒 ")]),e("div",{class:t.FlipClock},[e("div",{class:t.numberWrap},[e(h,{ref:p},null),e(h,{ref:I},null)]),e("div",{class:[t.chioseWrap,_.value?t.chioseHidden:""]},[e("img",{src:Q,class:t.add,alt:"",onClick:()=>W(1)},null),e(O,{class:t.countInput,min:0,max:59,"show-button":!1,value:d.value,"onUpdate:value":s=>d.value=s,onBlur:G},null),e("img",{src:U,class:t.minus,alt:"",onClick:()=>R(1)},null)])])])])])]),e(Y,{class:t.btnGroupModal,justify:"center"},{default:()=>[e(B,{round:!0,onClick:()=>T()},{default:()=>[f("重置")]}),_.value?e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>g()},{default:()=>e(y,null,[f("暂停")]),icon:()=>e(D,{previewDisabled:!0,class:t.palyIcon,src:J},null)}):e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>w()},{default:()=>e(y,null,[f("开始")]),icon:()=>e(D,{previewDisabled:!0,class:t.palyIcon,src:P},null)})]})])}}),he=S({name:"timer-positive",setup(){o("positive"),E();const n=o(),u=o(),p=o(),I=o(),r=o(null),b=o(null),F=o(new Date);b.value=setInterval(()=>{F.value=new Date},1e3);const l=o(0),v=o(!1),d=o([n,u,p,I]),_=()=>{const w="0000";for(let g=0;g<d.value.length;g++)d.value[g].value.setFront(w[g])},m=()=>{v.value=!0,r.value=setInterval(()=>{const w=A(l.value);l.value++;const g=A(l.value);for(let T=0;T<d.value.length;T++)w[T]!==g[T]&&d.value[T].value.flipDown(w[T],g[T])},1e3)},k=()=>{v.value=!1,r.value&&(clearInterval(r.value),r.value=null)},C=()=>{k(),l.value=0,setTimeout(()=>{console.log("初始化"),_()},600)};return N(()=>{V(()=>{_()})}),()=>e("div",{class:t.timerItemWrap},[e("div",{class:t.timerItemInfo},[e("div",{class:t.timerItemInset},[e("div",{class:t.timerItemInfoTop},[e("div",{class:t.timerItemTopCore},[e("h4",null,[f(" 分")]),e("div",{class:t.FlipClock},[e("div",{class:t.numberWrap},[e(h,{ref:n},null),e(h,{ref:u},null)])])]),e("div",{class:t.timerItemTopCore},[e("h4",{class:t.dotTop},null),e("div",{class:t.dot},null),e("div",{class:t.dot},null)]),e("div",{class:t.timerItemTopCore},[e("h4",null,[f(" 秒")]),e("div",{class:t.FlipClock},[e("div",{class:t.numberWrap},[e(h,{ref:p},null),e(h,{ref:I},null)])])])]),e("div",{class:t.nowTimerWrap},[z(F.value).format("YYYY年MM月DD日 HH:mm:ss")])])]),e(Y,{class:t.btnGroupModal,justify:"center"},{default:()=>[e(B,{round:!0,onClick:()=>C()},{default:()=>[f("重置")]}),v.value?e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>k()},{default:()=>e(y,null,[f("暂停")]),icon:()=>e(D,{previewDisabled:!0,class:t.palyIcon,src:J},null)}):e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>m()},{default:()=>e(y,null,[f("开始")]),icon:()=>e(D,{previewDisabled:!0,class:t.palyIcon,src:P},null)})]})])}}),be=S({name:"data-module",setup(){const n=o("positive");E();const u=p=>{n.value=p};return()=>e("div",null,[e("div",{class:t.timerWrap},[e("div",{class:t.timerTop},[e("div",{class:[t.timerTopPane,n.value=="positive"?t.timerTopPaneActive:""],onClick:()=>{u("positive")}},[f("正计时")]),e("div",{class:[t.timerTopPane,n.value=="countdown"?t.timerTopPaneActive:""],onClick:()=>{u("countdown")}},[f("倒计时")])]),n.value=="positive"?e(he,null,null):e(_e,null,null)])])}});export{be as T};
|
