| 1 |
- import{a4 as G,a5 as H,a6 as O,a7 as x,d as E,r as o,a as M,q as Y,a8 as h,w as X,f as e,k as f,a9 as Q,X as V,j as B,F as D,o as y,aa as d,a1 as K}from"./index-7bba3724.js";const z="_timerWrap_1rkmg_1",q="_timerTop_1rkmg_7",L="_timerTopPane_1rkmg_18",Z="_timerTopPaneActive_1rkmg_24",$="_timerItemInfo_1rkmg_29",ee="_timerItemInset_1rkmg_37",te="_timerItemInfoTop_1rkmg_41",le="_dot_1rkmg_48",ae="_dotTop_1rkmg_56",ne="_timerItemTopCore_1rkmg_60",oe="_nowTimerWrap_1rkmg_72",se="_btnGroupModal_1rkmg_82",ie="_palyIcon_1rkmg_89",re="_countInput_1rkmg_93",ue="_dotBtm_1rkmg_113",ce="_chioseWrap_1rkmg_117",me="_add_1rkmg_130",pe="_minus_1rkmg_135",ve="_chioseHidden_1rkmg_140",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:re,dotBtm:ue,chioseWrap:ce,add:me,minus:pe,chioseHidden:ve};const Ae=(n,r)=>{const m=n.__vccOpts||n;for(const[_,u]of r)m[_]=u;return m},de={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,m){if(this.isFlipping)return!1;this.frontTextFromData=r,this.backTextFromData=m,this.flipType=n,this.isFlipping=!0,setTimeout(()=>{this.isFlipping=!1,this.frontTextFromData=m},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 fe(n,r,m,_,u,w){return G(),H("div",{class:x(["M-Flipper",[u.flipType,{go:u.isFlipping}]])},[O("div",{class:x(["digital front",w._textClass(u.frontTextFromData)])},null,2),O("div",{class:x(["digital back",w._textClass(u.backTextFromData)])},null,2)],2)}const k=Ae(de,[["render",fe]]),W="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==",N="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAAXNSR0IArs4c6QAAAJhJREFUWEftlzEOQEAURPffgwOhRkPrUFoa1NaBuMeXLyTqsQmS2X7mT95uMvvFgaeffOLUtYdcXFPl6YJYCSIyTT/6VVWjY77IVhVpjHjBAbph1vvAuswgL0hkgxmABEiABEggGIGr1a5iQQoF0ViBWYvKvdUQoycaC/GBAOfH4rUrQBEGe4QMQAIkQAIk8FsCry+nodbzHQqVmosCTFkgAAAAAElFTkSuQmCC",U="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAECAYAAADvRz3UAAAAAXNSR0IArs4c6QAAADNJREFUKFNjXLJ6myfDf4ZZ////l2GgI2BkZHzCwMiQxrhk1bbH9LYc5k+QIwaBAwY4CgCYmB5vQGvODAAAAABJRU5ErkJggg==",ge=E({name:"timer-countdown",setup(){o("positive"),M();const n=o(),r=o(),m=o(),_=o(),u=o(null),w=o(null),b=o(new Date);w.value=setInterval(()=>{b.value=new Date},1e3);const l=o(0),p=o(0),A=o(0),T=o(!1),v=o([n,r,m,_]),F=()=>{const s="0000";p.value=0,A.value=0;for(let i=0;i<v.value.length;i++)v.value[i].value.setFront(s[i])},S=()=>{T.value=!0,u.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<v.value.length;a++)s[a]!==i[a]&&v.value[a].value.flipDown(s[a],i[a])},1e3)},C=()=>{T.value=!1,u.value&&(clearInterval(u.value),u.value=null)},g=()=>{C(),h(()=>{l.value=0,F()})};Y(()=>{h(()=>{F()})});const I=s=>{h(()=>{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<v.value.length;c++)i[c]!==a[c]&&v.value[c].value.flipDown(i[c],a[c]);p.value=Math.floor(l.value/60),A.value=Math.floor(l.value%60)})},R=s=>{h(()=>{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<v.value.length;c++)i[c]!==a[c]&&v.value[c].value.flipUp(i[c],a[c]);p.value=Math.floor(l.value/60),A.value=Math.floor(l.value%60)})},J=()=>{h(()=>{console.log(p.value,l.value);const s=d(l.value);l.value=p.value*60+A.value;const i=d(l.value);console.log(i,s);for(let a=0;a<v.value.length;a++)s[a]!==i[a]&&v.value[a].value.flipUp(s[a],i[a])})},j=()=>{h(()=>{console.log(p.value);const s=d(l.value);l.value=p.value*60+A.value;const i=d(l.value);for(let a=0;a<v.value.length;a++)s[a]!==i[a]&&v.value[a].value.flipUp(s[a],i[a])})};return X(()=>l.value,s=>{p.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(k,{ref:n},null),e(k,{ref:r},null),e("div",{class:[t.chioseWrap,[t.chioseWrap,T.value?t.chioseHidden:""]]},[e("img",{src:N,class:t.add,alt:"",onClick:()=>I(60)},null),e(Q,{class:t.countInput,min:0,max:59,"show-button":!1,"onUpdate:value":[J,s=>p.value=s],value:p.value},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(k,{ref:m},null),e(k,{ref:_},null),e("div",{class:[t.chioseWrap,T.value?t.chioseHidden:""]},[e("img",{src:N,class:t.add,alt:"",onClick:()=>I(1)},null),e(Q,{class:t.countInput,min:0,max:59,"show-button":!1,value:A.value,"onUpdate:value":[s=>A.value=s,j]},null),e("img",{src:U,class:t.minus,alt:"",onClick:()=>R(1)},null)])])])])])]),e(V,{class:t.btnGroupModal,justify:"center"},{default:()=>[e(B,{round:!0,onClick:()=>g()},{default:()=>[f("重置")]}),T.value?e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>C()},{default:()=>e(D,null,[f("暂停")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:P},null)}):e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>S()},{default:()=>e(D,null,[f("开始")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:W},null)})]})])}}),Ie=E({name:"timer-positive",setup(){o("positive"),M();const n=o(),r=o(),m=o(),_=o(),u=o(null),w=o(null),b=o(new Date);w.value=setInterval(()=>{b.value=new Date},1e3);const l=o(0),p=o(!1),A=o([n,r,m,_]),T=()=>{const C="0000";for(let g=0;g<A.value.length;g++)A.value[g].value.setFront(C[g])},v=()=>{p.value=!0,u.value=setInterval(()=>{const C=d(l.value);l.value++;const g=d(l.value);for(let I=0;I<A.value.length;I++)C[I]!==g[I]&&A.value[I].value.flipDown(C[I],g[I])},1e3)},F=()=>{p.value=!1,u.value&&(clearInterval(u.value),u.value=null)},S=()=>{F(),h(()=>{l.value=0,T()})};return Y(()=>{h(()=>{T()})}),()=>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(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,[f(" 秒")]),e("div",{class:t.FlipClock},[e(k,{ref:m},null),e(k,{ref:_},null)])])]),e("div",{class:t.nowTimerWrap},[K(b.value).format("YYYY年MM月DD日 HH:mm:ss")])])]),e(V,{class:t.btnGroupModal,justify:"center"},{default:()=>[e(B,{round:!0,onClick:()=>S()},{default:()=>[f("重置")]}),p.value?e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>F()},{default:()=>e(D,null,[f("暂停")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:P},null)}):e(B,{round:!0,type:"primary","icon-placement":"right",onClick:()=>v()},{default:()=>e(D,null,[f("开始")]),icon:()=>e(y,{previewDisabled:!0,class:t.palyIcon,src:W},null)})]})])}}),Te=E({name:"data-module",setup(){const n=o("countdown");M();const r=m=>{n.value=m};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")}},[f("正计时")]),e("div",{class:[t.timerTopPane,n.value=="countdown"?t.timerTopPaneActive:""],onClick:()=>{r("countdown")}},[f("倒计时")])]),n.value=="positive"?e(Ie,null,null):e(ge,null,null)])])}});export{Te as T};
|
