| 1 |
- import{a3 as j,a4 as G,a5 as O,a6 as x,d as E,r as o,a as z,q as U,a7 as _,f as e,k as d,a8 as Q,X as Y,j as w,F as D,o as y,a9 as A,a0 as X}from"./index-8b7da3e3.js";const K="_timerWrap_r1zk8_1",H="_timerTop_r1zk8_7",q="_timerTopPane_r1zk8_18",L="_timerTopPaneActive_r1zk8_24",Z="_timerItemInfo_r1zk8_29",$="_timerItemInset_r1zk8_37",ee="_timerItemInfoTop_r1zk8_41",te="_dot_r1zk8_48",le="_dotTop_r1zk8_56",ae="_timerItemTopCore_r1zk8_60",ne="_nowTimerWrap_r1zk8_72",oe="_btnGroupModal_r1zk8_82",se="_palyIcon_r1zk8_89",ie="_countInput_r1zk8_93",re="_dotBtm_r1zk8_113",ue="_chioseWrap_r1zk8_117",ce="_add_r1zk8_130",pe="_minus_r1zk8_135",t={timerWrap:K,timerTop:H,timerTopPane:q,timerTopPaneActive:L,timerItemInfo:Z,timerItemInset:$,timerItemInfoTop:ee,dot:te,dotTop:le,timerItemTopCore:ae,nowTimerWrap:ne,btnGroupModal:oe,palyIcon:se,countInput:ie,dotBtm:re,chioseWrap:ue,add:ce,minus:pe};const ve=(n,r)=>{const p=n.__vccOpts||n;for(const[T,u]of r)p[T]=u;return p},me={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,r,p){if(this.isFlipping)return!1;this.frontTextFromData=r,this.backTextFromData=p,this.flipType=n,this.isFlipping=!0,setTimeout(()=>{this.isFlipping=!1,this.frontTextFromData=p},this.duration)},flipDown(n,r){this._flip("down",n,r)},flipUp(n,r){this._flip("up",n,r)},setFront(n){this.frontTextFromData=n},setBack(n){this.backTextFromData=n}},created(){this.frontTextFromData=this.frontText,this.backTextFromData=this.backText}};function Ae(n,r,p,T,u,h){return j(),G("div",{class:x(["M-Flipper",[u.flipType,{go:u.isFlipping}]])},[O("div",{class:x(["digital front",h._textClass(u.frontTextFromData)])},null,2),O("div",{class:x(["digital back",h._textClass(u.backTextFromData)])},null,2)],2)}const k=ve(me,[["render",Ae]]),V="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABYAAAAcCAYAAABlL09dAAAAAXNSR0IArs4c6QAAAR1JREFUSEvV1rFOwlAYxfH/eQx2VgcfBJ+AOMqCE5uB6OITyAPwCPogKBMOOhITQuLkaq45iU1KKL2X9nbgWzq0/X03/dpzKzoqhRAE3AAD4BNYSFq17Wf4HngoQb/AEzCT9NO0geEvoFcBbICxpJcmuOEQufEZuJXkRsmVAhvzI5kCc0l+VNFKhQtoCYwk+Vhbp8LGkobbBC5WWjvcNnDRoHK4OeDK4eaCy8O9lrTODbvBN3DRBWx8clbwDrjMveJXYCjpPRfsLJk5bossyQE7Vh2ve+nXBjbkOPWXd1BNYIfQ3DFat8OcCmePzYPh5MjjyuGkwB9A/8hmenQ4KfAd8Fi6MGmHiMK+IIQwAq6A7f9L/ha7MXbef0Gd1B+5cJ8q7osJlgAAAABJRU5ErkJggg==",W="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAcCAYAAAB75n/uAAAAAXNSR0IArs4c6QAAAMlJREFUSEvtlj0OwUEQxX+voXARtZBwAgWVA2hVOgfQ6FQ0DkLCBSioxRncgObJikr+X4msaqfaZF/ey8zO7BsRORT4bQ+AOdAEbuEsaVdV23YDWAAjoA4cgJmkuz7k2wyyYVUR23ug/8VxBVpB4Ay0MwQukjplWdjuAccc3DgIPIBaBuApKaRbGLYnwCYHtAwCzmOQ9H6jorA9BVY5mHUSCC2eSpS6KA1amoP0m/7FD6Jb5q+m3wVORaYfdqJ4a0v0xausz3+9fwE+w+v3NO9E8gAAAABJRU5ErkJggg==",M="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJhJREFUWEftlzEOQEAURPffgwOhRkPrUFoa1NaBuMeXLyTqsQmS2X7mT95uMvvFgaeffOLUtYdcXFPl6YJYCSIyTT/6VVWjY77IVhVpjHjBAbph1vvAuswgL0hkgxmABEiABEggGIGr1a5iQQoF0ViBWYvKvdUQoycaC/GBAOfH4rUrQBEGe4QMQAIkQAIk8FsCry+nodbzHQqVmosCTFkgAAAAAElFTkSuQmCC",N="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAECAYAAADvRz3UAAAAAXNSR0IArs4c6QAAADNJREFUKFNjXLJ6myfDf4ZZ////l2GgI2BkZHzCwMiQxrhk1bbH9LYc5k+QIwaBAwY4CgCYmB5vQGvODAAAAABJRU5ErkJggg==",de=E({name:"timer-countdown",setup(){o("positive"),z();const n=o(),r=o(),p=o(),T=o(),u=o(null),h=o(null),b=o(new Date);h.value=setInterval(()=>{b.value=new Date},1e3);const l=o(0),m=o(0),f=o(0),B=o(!1),v=o([n,r,p,T]),F=()=>{const i="0000";for(let s=0;s<v.value.length;s++)v.value[s].value.setFront(i[s])},S=()=>{B.value=!0,u.value=setInterval(()=>{const i=A(l.value);l.value++;const s=A(l.value);for(let a=0;a<v.value.length;a++)i[a]!==s[a]&&v.value[a].value.flipDown(i[a],s[a])},1e3)},C=()=>{B.value=!1,u.value&&(clearInterval(u.value),u.value=null)},I=()=>{C(),_(()=>{l.value=0,F()})};U(()=>{_(()=>{F()})});const g=i=>{_(()=>{const s=A(l.value);l.value+=i,l.value>3599?l.value=3599:l.value;const a=A(l.value);for(let c=0;c<v.value.length;c++)s[c]!==a[c]&&v.value[c].value.flipDown(s[c],a[c]);m.value=Math.floor(l.value/60),f.value=Math.floor(l.value%60)})},R=i=>{_(()=>{const s=A(l.value);l.value-=i,l.value<0?l.value=0:l.value;const a=A(l.value);for(let c=0;c<v.value.length;c++)s[c]!==a[c]&&v.value[c].value.flipUp(s[c],a[c]);m.value=Math.floor(l.value/60),f.value=Math.floor(l.value%60)})},P=()=>{_(()=>{console.log(m.value,l.value);const i=A(l.value);l.value=m.value*60+f.value;const s=A(l.value);console.log(s,i);for(let a=0;a<v.value.length;a++)i[a]!==s[a]&&v.value[a].value.flipUp(i[a],s[a])})},J=()=>{_(()=>{console.log(m.value);const i=A(l.value);l.value=m.value*60+f.value;const s=A(l.value);for(let a=0;a<v.value.length;a++)i[a]!==s[a]&&v.value[a].value.flipUp(i[a],s[a])})};return()=>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,[d(" 分")]),e("div",{class:t.FlipClock},[e(k,{ref:n},null),e(k,{ref:r},null),e("div",{class:t.chioseWrap},[e("img",{src:M,class:t.add,alt:"",onClick:()=>g(60)},null),e(Q,{class:t.countInput,min:0,max:59,"show-button":!1,"onUpdate:value":[P,i=>m.value=i],value:m.value},null),e("img",{src:N,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,[d(" 秒 ")]),e("div",{class:t.FlipClock},[e(k,{ref:p},null),e(k,{ref:T},null),e("div",{class:t.chioseWrap},[e("img",{src:M,class:t.add,alt:"",onClick:()=>g(1)},null),e(Q,{class:t.countInput,min:0,max:59,"show-button":!1,value:f.value,"onUpdate:value":[i=>f.value=i,J]},null),e("img",{src:N,class:t.minus,alt:"",onClick:()=>R(1)},null)])])])])])]),e(Y,{class:t.btnGroupModal,justify:"center"},{default:()=>[e(w,{round:!0,onClick:()=>I()},{default:()=>[d("重置")]}),B.value?e(w,{round:!0,type:"primary","icon-placement":"right",onClick:()=>C()},{default:()=>e(D,null,[d("暂停")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:W},null)}):e(w,{round:!0,type:"primary","icon-placement":"right",onClick:()=>S()},{default:()=>e(D,null,[d("开始")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:V},null)})]})])}}),fe=E({name:"timer-positive",setup(){o("positive"),z();const n=o(),r=o(),p=o(),T=o(),u=o(null),h=o(null),b=o(new Date);h.value=setInterval(()=>{b.value=new Date},1e3);const l=o(0),m=o(!1),f=o([n,r,p,T]),B=()=>{const C="0000";for(let I=0;I<f.value.length;I++)f.value[I].value.setFront(C[I])},v=()=>{m.value=!0,u.value=setInterval(()=>{const C=A(l.value);l.value++;const I=A(l.value);for(let g=0;g<f.value.length;g++)C[g]!==I[g]&&f.value[g].value.flipDown(C[g],I[g])},1e3)},F=()=>{m.value=!1,u.value&&(clearInterval(u.value),u.value=null)},S=()=>{F(),_(()=>{l.value=0,B()})};return U(()=>{_(()=>{B()})}),()=>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,[d(" 分")]),e("div",{class:t.FlipClock},[e(k,{ref:n},null),e(k,{ref:r},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,[d(" 秒")]),e("div",{class:t.FlipClock},[e(k,{ref:p},null),e(k,{ref:T},null)])])]),e("div",{class:t.nowTimerWrap},[X(b.value).format("YYYY年MM月DD日 HH:mm:ss")])])]),e(Y,{class:t.btnGroupModal,justify:"center"},{default:()=>[e(w,{round:!0,onClick:()=>S()},{default:()=>[d("重置")]}),m.value?e(w,{round:!0,type:"primary","icon-placement":"right",onClick:()=>F()},{default:()=>e(D,null,[d("暂停")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:W},null)}):e(w,{round:!0,type:"primary","icon-placement":"right",onClick:()=>v()},{default:()=>e(D,null,[d("开始")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:V},null)})]})])}}),Ie=E({name:"data-module",setup(){const n=o("countdown");z();const r=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:()=>{r("positive")}},[d("正计时")]),e("div",{class:[t.timerTopPane,n.value=="countdown"?t.timerTopPaneActive:""],onClick:()=>{r("countdown")}},[d("倒计时")])]),n.value=="positive"?e(fe,null,null):e(de,null,null)])])}});export{Ie as T};
|
