index-9e8e836e.js 9.0 KB

1
  1. import{bj as H,at as X,au as R,b7 as D,d as x,r as o,a as S,n as N,C as V,x as K,f as e,k as f,dr as M,v as Y,j as B,F as O,y,ds as A,a5 as z}from"./index-ed98db36.js";const L="_timerWrap_1ilvi_1",q="_timerTop_1ilvi_8",Z="_timerTopPane_1ilvi_19",$="_timerTopPaneActive_1ilvi_25",ee="_timerItemInfo_1ilvi_30",te="_timerItemInset_1ilvi_38",le="_timerItemInfoTop_1ilvi_43",ae="_dot_1ilvi_50",ne="_dotTop_1ilvi_58",oe="_timerItemTopCore_1ilvi_62",se="_nowTimerWrap_1ilvi_74",ie="_btnGroupModal_1ilvi_86",ue="_palyIcon_1ilvi_93",re="_playText_1ilvi_97",ce="_countInput_1ilvi_100",ve="_dotBtm_1ilvi_120",pe="_chioseWrap_1ilvi_124",me="_add_1ilvi_144",de="_minus_1ilvi_149",Ae="_chioseHidden_1ilvi_154",fe="_numberWrap_1ilvi_157",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,playText:re,countInput:ce,dotBtm:ve,chioseWrap:pe,add:me,minus:de,chioseHidden:Ae,numberWrap:fe};const Te=(n,u)=>{const v=n.__vccOpts||n;for(const[g,r]of u)v[g]=r;return v},_e={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,v){this.frontTextFromData=u,this.backTextFromData=v,this.flipType=n,this.isFlipping=!0,setTimeout(()=>{this.isFlipping=!1,this.frontTextFromData=v},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 ge(n,u,v,g,r,b){return H(),X("div",{class:D(["M-Flipper",[r.flipType,{go:r.isFlipping}]])},[R("div",{class:D(["digital front",b._textClass(r.frontTextFromData)])},null,2),R("div",{class:D(["digital back",b._textClass(r.backTextFromData)])},null,2)],2)}const h=Te(_e,[["render",ge]]),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,he=x({name:"timer-countdown",setup(){o("positive"),S();const n=o(),u=o(),v=o(),g=o(),r=o(null),b=o(null),F=o(new Date);b.value=setInterval(()=>{F.value=new Date},1e3);const l=o(0),p=o(0),d=o(0),I=o(!1),m=o([n,u,v,g]),k=()=>{const s="0000";p.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=()=>{I.value=!0,r.value=setInterval(()=>{const s=A(l.value);if(l.value==4&&C.play(),l.value<=0){_();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)},T=()=>{I.value=!1,C.currentTime=0,C.pause(),r.value&&(clearInterval(r.value),r.value=null)},_=()=>{T(),l.value=0,C.currentTime=0,C.pause(),setTimeout(()=>{k()},600)};N(()=>{V(()=>{k()})});const E=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]);p.value=Math.floor(l.value/60),d.value=Math.floor(l.value%60)},W=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]);p.value=Math.floor(l.value/60),d.value=Math.floor(l.value%60)},j=()=>{setTimeout(()=>{console.log(p.value,l.value);const s=A(l.value);l.value=p.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(p.value);const s=A(l.value);l.value=p.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=>{p.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,I.value?t.chioseHidden:""]]},[e("img",{src:Q,class:t.add,alt:"",onClick:()=>E(60)},null),e(M,{class:t.countInput,min:0,max:59,"show-button":!1,onBlur:j,value:p.value,"onUpdate:value":s=>p.value=s},null),e("img",{src:U,class:t.minus,alt:"",onClick:()=>W(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:v},null),e(h,{ref:g},null)]),e("div",{class:[t.chioseWrap,I.value?t.chioseHidden:""]},[e("img",{src:Q,class:t.add,alt:"",onClick:()=>E(1)},null),e(M,{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:()=>W(1)},null)])])])])])]),e(Y,{class:t.btnGroupModal,justify:"center"},{default:()=>[e(B,{round:!0,onClick:()=>_()},{default:()=>[f("重置")]}),I.value?e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>T()},{default:()=>e(O,null,[f("暂停")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:J},null)}):e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>w()},{default:()=>e(O,null,[f("开始")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:P},null)})]})])}}),Ce=x({name:"timer-positive",setup(){o("positive"),S();const n=o(),u=o(),v=o(),g=o(),r=o(null),b=o(null),F=o(new Date);b.value=setInterval(()=>{F.value=new Date},1e3);const l=o(0),p=o(!1),d=o([n,u,v,g]),I=()=>{const w="0000";for(let T=0;T<d.value.length;T++)d.value[T].value.setFront(w[T])},m=()=>{p.value=!0,r.value=setInterval(()=>{const w=A(l.value);l.value++;const T=A(l.value);for(let _=0;_<d.value.length;_++)w[_]!==T[_]&&d.value[_].value.flipDown(w[_],T[_])},1e3)},k=()=>{p.value=!1,r.value&&(clearInterval(r.value),r.value=null)},C=()=>{k(),l.value=0,setTimeout(()=>{console.log("初始化"),I()},600)};return N(()=>{V(()=>{I()})}),()=>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:v},null),e(h,{ref:g},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("重置")]}),p.value?e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>k()},{default:()=>e("p",{class:t.playText},[f("暂停")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:J},null)}):e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>m()},{default:()=>e("p",{class:t.playText},[f("开始")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:P},null)})]})])}}),we=x({name:"data-module",setup(){const n=o("positive");S();const u=v=>{n.value=v};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(Ce,null,null):e(he,null,null)])])}});export{we as T};