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