placeholderTone-79d2683c.js 9.9 KB

1
  1. import{bj as H,at as X,au as O,b7 as M,d as D,r as o,a as E,n as N,C as V,x as K,f as e,k as p,dr as P,v as S,j as w,y as x,ds as f,a5 as z,w as L,F as q}from"./index-ea33af14.js";import{d as Z,m as $,c as ee}from"./closeAble-14a5ded0.js";const te="_timerWrap_1ilvi_1",le="_timerTop_1ilvi_8",ne="_timerTopPane_1ilvi_19",ae="_timerTopPaneActive_1ilvi_25",oe="_timerItemInfo_1ilvi_30",se="_timerItemInset_1ilvi_38",ie="_timerItemInfoTop_1ilvi_43",ue="_dot_1ilvi_50",re="_dotTop_1ilvi_58",ce="_timerItemTopCore_1ilvi_62",pe="_nowTimerWrap_1ilvi_74",ve="_btnGroupModal_1ilvi_86",me="_palyIcon_1ilvi_93",de="_playText_1ilvi_97",Ae="_countInput_1ilvi_100",fe="_dotBtm_1ilvi_120",ge="_chioseWrap_1ilvi_124",_e="_add_1ilvi_144",Te="_minus_1ilvi_149",Ie="_chioseHidden_1ilvi_154",he="_numberWrap_1ilvi_157",t={timerWrap:te,timerTop:le,timerTopPane:ne,timerTopPaneActive:ae,timerItemInfo:oe,timerItemInset:se,timerItemInfoTop:ie,dot:ue,dotTop:re,timerItemTopCore:ce,nowTimerWrap:pe,btnGroupModal:ve,palyIcon:me,playText:de,countInput:Ae,dotBtm:fe,chioseWrap:ge,add:_e,minus:Te,chioseHidden:Ie,numberWrap:he};const Ce=(a,i)=>{const v=a.__vccOpts||a;for(const[T,r]of i)v[T]=r;return v},we={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(a){return"number"+a},_flip(a,i,v){this.frontTextFromData=i,this.backTextFromData=v,this.flipType=a,this.isFlipping=!0,setTimeout(()=>{this.isFlipping=!1,this.frontTextFromData=v},this.duration)},flipDown(a,i){this._flip("down",a,i)},flipUp(a,i){this._flip("up",a,i)},setFront(a){this.frontTextFromData=a},setBack(a){this.backTextFromData=a}},created(){this.frontTextFromData=this.frontText,this.backTextFromData=this.backText}};function be(a,i,v,T,r,b){return H(),X("div",{class:M(["M-Flipper",[r.flipType,{go:r.isFlipping}]])},[O("div",{class:M(["digital front",b._textClass(r.frontTextFromData)])},null,2),O("div",{class:M(["digital back",b._textClass(r.backTextFromData)])},null,2)],2)}const h=Ce(we,[["render",be]]),Y="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==",Be=""+new URL("timer-ee5a21d4.wav",import.meta.url).href,Fe=D({name:"timer-countdown",setup(){o("positive"),E();const a=o(),i=o(),v=o(),T=o(),r=o(null),b=o(null),k=o(new Date);b.value=setInterval(()=>{k.value=new Date},1e3);const l=o(0),m=o(0),A=o(0),I=o(!1),d=o([a,i,v,T]),F=()=>{const s="0000";m.value=0,A.value=0;for(let u=0;u<d.value.length;u++)d.value[u].value.setFront(s[u])},C=new Audio(Be),B=()=>{I.value=!0,r.value=setInterval(()=>{const s=f(l.value);if(l.value==4&&C.play(),l.value<=0){_();return}l.value--;const u=f(l.value);for(let n=0;n<d.value.length;n++)s[n]!==u[n]&&d.value[n].value.flipDown(s[n],u[n])},1e3)},g=()=>{I.value=!1,C.currentTime=0,C.pause(),r.value&&(clearInterval(r.value),r.value=null)},_=()=>{g(),l.value=0,C.currentTime=0,C.pause(),setTimeout(()=>{F()},600)};N(()=>{V(()=>{F()})});const W=s=>{const u=f(l.value);l.value+=s,l.value>3599?l.value=3599:l.value;const n=f(l.value);for(let c=0;c<d.value.length;c++)u[c]!==n[c]&&d.value[c].value.flipDown(u[c],n[c]);m.value=Math.floor(l.value/60),A.value=Math.floor(l.value%60)},R=s=>{const u=f(l.value);l.value-=s,l.value<0?l.value=0:l.value;const n=f(l.value);for(let c=0;c<d.value.length;c++)u[c]!==n[c]&&d.value[c].value.flipUp(u[c],n[c]);m.value=Math.floor(l.value/60),A.value=Math.floor(l.value%60)},j=()=>{setTimeout(()=>{console.log(m.value,l.value);const s=f(l.value);l.value=m.value*60+A.value;const u=f(l.value);console.log(u,s);for(let n=0;n<d.value.length;n++)s[n]!==u[n]&&d.value[n].value.flipUp(s[n],u[n])},600)},G=()=>{setTimeout(()=>{console.log(m.value);const s=f(l.value);l.value=m.value*60+A.value;const u=f(l.value);for(let n=0;n<d.value.length;n++)s[n]!==u[n]&&d.value[n].value.flipUp(s[n],u[n])},600)};return K(()=>l.value,s=>{m.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,[p(" 分")]),e("div",{class:t.FlipClock},[e("div",{class:t.numberWrap},[e(h,{ref:a},null),e(h,{ref:i},null)]),e("div",{class:[t.chioseWrap,[t.chioseWrap,I.value?t.chioseHidden:""]]},[e("img",{src:Q,class:t.add,alt:"",onClick:()=>W(60)},null),e(P,{class:t.countInput,min:0,max:59,"show-button":!1,onBlur:j,value:m.value,"onUpdate:value":s=>m.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,[p(" 秒 ")]),e("div",{class:t.FlipClock},[e("div",{class:t.numberWrap},[e(h,{ref:v},null),e(h,{ref:T},null)]),e("div",{class:[t.chioseWrap,I.value?t.chioseHidden:""]},[e("img",{src:Q,class:t.add,alt:"",onClick:()=>W(1)},null),e(P,{class:t.countInput,min:0,max:59,"show-button":!1,value:A.value,"onUpdate:value":s=>A.value=s,onBlur:G},null),e("img",{src:U,class:t.minus,alt:"",onClick:()=>R(1)},null)])])])])])]),e(S,{class:t.btnGroupModal,justify:"center"},{default:()=>[e(w,{round:!0,onClick:()=>_()},{default:()=>[p("重置")]}),I.value?e(w,{round:!0,type:"primary","icon-placement":"right",onClick:()=>g()},{default:()=>e("p",{class:t.playText},[p("暂停")]),icon:()=>e(x,{previewDisabled:!0,class:t.palyIcon,src:J},null)}):e(w,{round:!0,type:"primary","icon-placement":"right",onClick:()=>B()},{default:()=>e("p",{class:t.playText},[p("开始")]),icon:()=>e(x,{previewDisabled:!0,class:t.palyIcon,src:Y},null)})]})])}}),ye=D({name:"timer-positive",setup(){o("positive"),E();const a=o(),i=o(),v=o(),T=o(),r=o(null),b=o(null),k=o(new Date);b.value=setInterval(()=>{k.value=new Date},1e3);const l=o(0),m=o(!1),A=o([a,i,v,T]),I=()=>{const B="0000";for(let g=0;g<A.value.length;g++)A.value[g].value.setFront(B[g])},d=()=>{m.value=!0,r.value=setInterval(()=>{const B=f(l.value);l.value++;const g=f(l.value);for(let _=0;_<A.value.length;_++)B[_]!==g[_]&&A.value[_].value.flipDown(B[_],g[_])},1e3)},F=()=>{m.value=!1,r.value&&(clearInterval(r.value),r.value=null)},C=()=>{F(),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,[p(" 分")]),e("div",{class:t.FlipClock},[e("div",{class:t.numberWrap},[e(h,{ref:a},null),e(h,{ref:i},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,[p(" 秒")]),e("div",{class:t.FlipClock},[e("div",{class:t.numberWrap},[e(h,{ref:v},null),e(h,{ref:T},null)])])])]),e("div",{class:t.nowTimerWrap},[z(k.value).format("YYYY年MM月DD日 HH:mm:ss")])])]),e(S,{class:t.btnGroupModal,justify:"center"},{default:()=>[e(w,{round:!0,onClick:()=>C()},{default:()=>[p("重置")]}),m.value?e(w,{round:!0,type:"primary","icon-placement":"right",onClick:()=>F()},{default:()=>e("p",{class:t.playText},[p("暂停")]),icon:()=>e(x,{previewDisabled:!0,class:t.palyIcon,src:J},null)}):e(w,{round:!0,type:"primary","icon-placement":"right",onClick:()=>d()},{default:()=>e("p",{class:t.playText},[p("开始")]),icon:()=>e(x,{previewDisabled:!0,class:t.palyIcon,src:Y},null)})]})])}}),Re=D({name:"data-module",setup(){const a=o("positive");E();const i=v=>{a.value=v};return()=>e("div",null,[e("div",{class:t.timerWrap},[e("div",{class:t.timerTop},[e("div",{class:[t.timerTopPane,a.value=="positive"?t.timerTopPaneActive:""],onClick:()=>{i("positive")}},[p("正计时")]),e("div",{class:[t.timerTopPane,a.value=="countdown"?t.timerTopPaneActive:""],onClick:()=>{i("countdown")}},[p("倒计时")])]),a.value=="positive"?e(ye,null,null):e(Fe,null,null)])])}}),ke="_downMove_137wx_1",xe="_downMoveBg_137wx_9",De="_dingPng_137wx_16",Me="_closeAble_137wx_25",Ee="_submitAppBtn_137wx_53",y={downMove:ke,downMoveBg:xe,dingPng:De,closeAble:Me,submitAppBtn:Ee},Oe=D({props:["item"],emits:["close"],name:"placeholderTone",setup(a,{emit:i}){return()=>e(q,null,[e("div",{class:y.downMove},[e("img",{src:Z,class:y.dingPng,alt:""},null),e("img",{src:$,class:y.downMoveBg,alt:""},null),e("img",{src:ee,class:y.closeAble,onClick:()=>{i("close")},alt:""},null),e("h2",null,[p("温馨提示")]),e("p",null,[p("调音器功能暂未开放,敬请期待!")]),e(S,{style:{padding:"25px 0 0 0"},justify:"center"},{default:()=>[e(w,L({id:"submitBtn"},{class:y.submitAppBtn,round:!0,type:"primary",onClick:()=>{i("close")}}),{default:()=>[p("我知道了")]})]})])])}});export{Oe as P,Re as T};