Trang chủ Khám phá Trợ giúp
Đăng ký Đăng nhập
schtonn
/
public
1
1
Fork 0
Các tập tin Các vấn đề 0 Yêu cầu khéo về 0 Wiki
Tree: abc92c4f7c
Branches Tags
public
/
piano
/
piano_new.js

piano_new.js 56 KB
Lịch sử Raw

1 
  1. (window.webpackJsonp=window.webpackJsonp||[]).push([[20],{"+NkA":function(t,e,n){(t.exports=n("JPst")(!1)).push([t.i,".pc-kbd-ct{padding:30px 5px 15px;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;width:1272px;margin:0 auto}.pc-kbd-ct>.pc-kbd-row{display:block;white-space:nowrap;height:52px;margin:0 0 5px}.pc-kbd-ct>.pc-kbd-row>div{display:inline-block;width:50px;height:50px;margin:0 5px 0 0;background:#fff;border:1px solid rgba(0,0,0,.302);border-radius:4px;line-height:1;vertical-align:top}.pc-kbd-ct>.pc-kbd-row>div.disable{background:#7d97ad;border:1px solid rgba(0,0,0,.2)}.pc-kbd-ct>.pc-kbd-row>div.d{background-color:rgba(199,39,76,.502)}.pc-kbd-ct>.pc-kbd-row>div.selec{-webkit-animation:shanshan 1s infinite;animation:shanshan 1s infinite}.pc-kbd-ct>.pc-kbd-row>div>.key-name{padding:5px 8px 0;pointer-events:none}.pc-kbd-ct>.pc-kbd-row>div>.key-rep{font-size:12px;padding:6px 0 0;color:rgba(16,10,255,.8);font-weight:700;text-align:center;pointer-events:none}.pc-kbd-set{width:1272px;margin:0 auto;padding:0 0 50px}.pc-kbd-set>.row-title{margin:0 10px .5em;font-size:16px;font-weight:700}.pc-kbd-set>.row{margin:0 10px}.pc-kbd-set>.row.faq-item{margin:0 10px 1em}.pc-kbd-set .xw-button{font-size:14px;margin:0 .25em}.pc-kbd-set .select-key{display:inline-block;width:50px;height:50px;margin:0 5px 0 0;background:rgba(0,0,0,.733);border:1px solid rgba(0,0,0,.302);border-radius:4px;line-height:1;vertical-align:top}.pc-kbd-set .select-key>.key-name{padding:5px 8px 0;pointer-events:none;font-weight:700;color:#fff}.pc-kbd-set .edit-container{margin:5px 0 0;border:1px solid rgba(0,0,0,.2);padding:3px 16px 20px;background:#fff}.pc-kbd-set .edit-container>.btn-group{margin:10px 0 0}@-webkit-keyframes shanshan{0%{border:1px solid rgba(16,10,255,.8);color:rgba(16,10,255,.8);background-color:rgba(16,10,255,.2)}49%{border:1px solid rgba(16,10,255,.8);color:rgba(16,10,255,.8);background-color:rgba(16,10,255,.2)}50%{border:1px solid rgba(0,0,0,.302);color:#000}to{border:1px solid rgba(0,0,0,.302);color:#000}}@keyframes shanshan{0%{border:1px solid rgba(16,10,255,.8);color:rgba(16,10,255,.8);background-color:rgba(16,10,255,.2)}49%{border:1px solid rgba(16,10,255,.8);color:rgba(16,10,255,.8);background-color:rgba(16,10,255,.2)}50%{border:1px solid rgba(0,0,0,.302);color:#000}to{border:1px solid rgba(0,0,0,.302);color:#000}}",""])},"2ygB":function(t,e,n){var i=n("cUFg");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,n("SZ7m").default)("08feb84e",i,!0,{sourceMap:!1})},"3P4/":function(t,e,n){"use strict";n.d(e,"f",function(){return c}),n.d(e,"a",function(){return l}),n.d(e,"d",function(){return u}),n.d(e,"e",function(){return d}),n.d(e,"b",function(){return p}),n.d(e,"c",function(){return f});var i=n("z+cG"),a={piano:null,noteBar:null,keyboard:null,settingsPanel:null},r=2081,o=200,s=15,c={clientWidth:300,scale:1,leftOst:0,leftScale:0};function l(){var t=a.piano,e=a.noteBar,n=a.keyboard,i=a.settingsPanel;if(t&&t.$refs&&t.$refs.piano){var l=t.$refs.piano,u=l.clientWidth,d=l.clientHeight,p=u/r;c.clientWidth=u;var f=t.$store.state.cacheConf,h=f.scale,v=f.left,g=(h+11)/12;f.barScale=1/g,c.leftScale=1-f.barScale;var b=g*p;c.scale=b;var m=c.leftScale*v*r;n&&n.setSize(b,m);var w=d-o*b-s;e&&e.setSize(u,w,b,m),i&&i.setSize(u,w,b)}}function u(t){a.noteBar=t,l()}function d(t){a.piano=t,l()}function p(t){a.keyboard=t,l()}function f(t){a.settingsPanel=t,l()}i.a.isClient&&window.addEventListener("resize",l)},"5LIV":function(t,e,n){t.exports=n.p+"assets/img/pianobg.0b535a2.jpg"},"5dCD":function(t,e,n){"use strict";var i=n("7C6h");n.n(i).a},"7C6h":function(t,e,n){var i=n("W+WT");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,n("SZ7m").default)("db984184",i,!0,{sourceMap:!1})},"8jaw":function(t,e,n){(t.exports=n("JPst")(!1)).push([t.i,".xw-input{margin:0 2px;border:1px solid rgba(0,0,0,.333);border-radius:3px;padding:4px 8px}.pc-keyboard-save{padding:0}.pc-keyboard-save>.t-save-tips{margin:1em 0}.pc-keyboard-save>.title{margin:0 0 1em}.pc-keyboard-save .save-list{position:relative;padding:0 0 1em}.pc-keyboard-save .save-list .save-list-item{display:inline-block;margin:3px;transition:all .6s}.pc-keyboard-save .save-list .save-list-item>div.cont{position:relative;padding:10px 12px;width:280px;border-radius:3px;box-shadow:0 0 6px rgba(0,0,0,.267);background-color:#fff}.pc-keyboard-save .save-list .save-list-item>div.cont>.name{font-weight:700;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;margin:0 50px 5px 0}.pc-keyboard-save .save-list .save-list-item>div.cont>.time{font-size:12px}.pc-keyboard-save .save-list .save-list-item>div.cont>.btns{position:absolute;bottom:5px;right:3px;text-align:center}.pc-keyboard-save .save-list .save-list-item>div.cont>.btns>.xw-button{font-size:12px}.pc-keyboard-save .save-list-enter{opacity:0;-webkit-transform:translateY(-100px) scale(.5);transform:translateY(-100px) scale(.5)}.pc-keyboard-save .save-list-leave-to{opacity:0;-webkit-transform:scale(.2) translateY(-100px) rotate(30deg);transform:scale(.2) translateY(-100px) rotate(30deg)}.pc-keyboard-save .save-list-leave-active{position:absolute}",""])},BfHi:function(t,e,n){(t.exports=n("JPst")(!1)).push([t.i,"",""])},BraL:function(t,e,n){"use strict";var i=n("ONw5");n.n(i).a},Lr4L:function(t,e,n){"use strict";function i(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0;return t<10?"0".concat(t):"".concat(t)}function a(t){var e=t.getFullYear(),n=t.getMonth()+1,a=t.getDate();return"".concat(e,"-").concat(i(n),"-").concat(i(a))}function r(t){var e=t.getHours(),n=t.getMinutes(),a=t.getSeconds();return"".concat(i(e),":").concat(i(n),":").concat(i(a))}function o(t){var e=new Date(t),n=new Date,o=n-e;if(o>0){if(o<18e4)return"刚刚";if(o<36e5)return"".concat(Math.floor(o/6e4),"分钟前");if(o<864e5)return"".concat(Math.floor(o/36e5),"小时前");if(o<6048e5)return"".concat(Math.floor(o/864e5),"天前");if(e.getFullYear()==n.getFullYear())return"".concat(function(t){var e=t.getMonth()+1,n=t.getDate();return"".concat(i(e),"-").concat(i(n))}(e)," ").concat(r(e))}return"".concat(a(e)," ").concat(r(e))}n.d(e,"b",function(){return o}),e.a=function(t){var e=new Date(t);return"".concat(a(e)," ").concat(r(e))}},Ls6r:function(t,e,n){"use strict";var i=n("mc4y");n.n(i).a},NWfr:function(t,e,n){"use strict";var i=n("lwsE"),a=n.n(i),r=n("W8MJ"),o=n.n(r),s=function(){function t(){var e=arguments.length>0&&void 0!==arguments[0]?arguments[0]:{};a()(this,t),this.pressList=new Array(89).fill(0),this.tempPressList=new Array(89).fill(0),this.sustainPreUpList=new Array(89).fill(0),this.sustainPreUpByList=new Array(89).fill(0),this.sustaining=!1,this.on_down_cb_list=[],this.on_up_cb_list=[],e.onDown&&this.onDown(e.onDown),e.onUp&&this.onUp(e.onUp)}return o()(t,[{key:"down",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=!(arguments.length>1&&void 0!==arguments[1])||arguments[1],n=arguments.length>2&&void 0!==arguments[2]?arguments[2]:0,i=this.pressList,a=this.tempPressList,r=[],o=[];if(e){a.fill(0);var s=!0,c=!1,l=void 0;try{for(var u,d=t[Symbol.iterator]();!(s=(u=d.next()).done);s=!0){var p=u.value;p>0&&p<89&&(a[p]=1)}}catch(t){c=!0,l=t}finally{try{s||null==d.return||d.return()}finally{if(c)throw l}}for(var f=1;f<89;f++)a[f]?0===i[f]&&(i[f]=1,r.push(f)):1===i[f]&&(i[f]=0,o.push(f))}else{var h=!0,v=!1,g=void 0;try{for(var b,m=t[Symbol.iterator]();!(h=(b=m.next()).done);h=!0){var w=b.value;w>0&&w<89&&0===i[w]&&(r.push(w),i[w]=1)}}catch(t){v=!0,g=t}finally{try{h||null==m.return||m.return()}finally{if(v)throw g}}}if(this.sustaining){for(var y=0;y<o.length;y+=1)this.sustainPreUpList[o[y]]=1,this.sustainPreUpByList[o[y]]=n;for(var x=0;x<r.length;x+=1)this.sustainPreUpList[r[x]]=0}else o.length&&this._do_up(o,n);r.length&&this._do_down(r,n)}},{key:"up",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:0,n=this.pressList,i=[],a=!0,r=!1,o=void 0;try{for(var s,c=t[Symbol.iterator]();!(a=(s=c.next()).done);a=!0){var l=s.value;l>0&&l<89&&1===n[l]&&(i.push(l),n[l]=0)}}catch(t){r=!0,o=t}finally{try{a||null==c.return||c.return()}finally{if(r)throw o}}if(this.sustaining)for(var u=0;u<i.length;u+=1)this.sustainPreUpList[i[u]]=1,this.sustainPreUpByList[i[u]]=e;else i.length&&this._do_up(i,e)}},{key:"sustainOn",value:function(){this.sustainOff(),this.sustaining=!0}},{key:"sustainOff",value:function(){this.sustaining=!1;for(var t=[],e=0;e<this.sustainPreUpList.length;e+=1)1===this.sustainPreUpList[e]&&(t.push(e),this.sustainPreUpList[e]=0);t.length&&this._do_up(t,0)}},{key:"upAll",value:function(){for(var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:0,e=this.pressList,n=[],i=1;i<89;i++)1===e[i]&&(e[i]=0,n.push(i));n.length&&this._do_up(n,t)}},{key:"_do_down",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1?arguments[1]:void 0,n=!0,i=!1,a=void 0;try{for(var r,o=this.on_down_cb_list[Symbol.iterator]();!(n=(r=o.next()).done);n=!0){var s=r.value;try{s(t,e)}catch(t){console.error(t)}}}catch(t){i=!0,a=t}finally{try{n||null==o.return||o.return()}finally{if(i)throw a}}}},{key:"_do_up",value:function(){var t=arguments.length>0&&void 0!==arguments[0]?arguments[0]:[],e=arguments.length>1?arguments[1]:void 0,n=!0,i=!1,a=void 0;try{for(var r,o=this.on_up_cb_list[Symbol.iterator]();!(n=(r=o.next()).done);n=!0){var s=r.value;try{s(t,e)}catch(t){console.error(t)}}}catch(t){i=!0,a=t}finally{try{n||null==o.return||o.return()}finally{if(i)throw a}}}},{key:"onDown",value:function(t){if("function"!=typeof t)throw new Error("callback is not a function");this.on_down_cb_list.indexOf(t)<0&&this.on_down_cb_list.push(t)}},{key:"onUp",value:function(t){if("function"!=typeof t)throw new Error("callback is not a function");this.on_up_cb_list.indexOf(t)<0&&this.on_up_cb_list.push(t)}},{key:"offDown",value:function(t){var e=this.on_down_cb_list.indexOf(t);e>=0&&this.on_down_cb_list.splice(e,1)}},{key:"offUp",value:function(t){var e=this.on_up_cb_list.indexOf(t);e>=0&&this.on_up_cb_list.splice(e,1)}}]),t}(),c=function(){function t(){a()(this,t),this.timeline=[],this.reset()}return o()(t,[{key:"reset",value:function(){this.timeline=new Array(99);for(var t=0;t<this.timeline.length;t++)this.timeline[t]=[]}},{key:"recordKeyDown",value:function(t){var e=!0,n=!1,i=void 0;try{for(var a,r=t[Symbol.iterator]();!(e=(a=r.next()).done);e=!0){var o=a.value,s=this.timeline[o],c=s[s.length-1];c&&1===c[1]||s.push([Date.now(),1])}}catch(t){n=!0,i=t}finally{try{e||null==r.return||r.return()}finally{if(n)throw i}}}},{key:"recordKeyUp",value:function(t){var e=!0,n=!1,i=void 0;try{for(var a,r=t[Symbol.iterator]();!(e=(a=r.next()).done);e=!0){var o=a.value,s=this.timeline[o],c=s[s.length-1];c&&0===c[1]||s.push([Date.now(),0])}}catch(t){n=!0,i=t}finally{try{e||null==r.return||r.return()}finally{if(n)throw i}}}},{key:"load",value:function(){}},{key:"save",value:function(){}}]),t}(),l=n("e/Zq");n.d(e,"a",function(){return u}),n.d(e,"b",function(){return d});var u=new s,d=new c;u.onDown(function(t){d.recordKeyDown(t),Object(l.c)(t)}),u.onUp(function(t){d.recordKeyUp(t),Object(l.b)(t)})},ONw5:function(t,e,n){var i=n("pcus");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,n("SZ7m").default)("312f42d8",i,!0,{sourceMap:!1})},Os2W:function(t,e,n){var i=n("+NkA");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,n("SZ7m").default)("4436dcb4",i,!0,{sourceMap:!1})},OyES:function(t,e,n){var i=n("BfHi");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,n("SZ7m").default)("3916e5f0",i,!0,{sourceMap:!1})},RkRW:function(t,e,n){"use strict";var i=n("pKHi");n.n(i).a},VGHR:function(t,e,n){(t.exports=n("JPst")(!1)).push([t.i,'.old-entry{min-height:20px}.old-entry>div{padding:.6em 0 0;margin:0 20px;text-align:right;font-size:13px}.visit-ct>.logo-ct{position:relative;margin:0}.visit-ct>.logo-ct>.pn-logo{position:absolute;top:0;left:18px;width:40px;max-width:30%;overflow:hidden;border-radius:110px;border:2px solid #fff;box-shadow:0 0 10px rgba(0,0,0,.2);margin:0 auto}.visit-ct>.logo-ct>.pn-logo:before{padding-top:100%;content:"";display:block}.visit-ct>.logo-ct>.pn-logo>img{position:absolute;top:0;max-height:100%}.visit-ct>.logo-ct>.pn-info{margin:0 0 0 78px}.visit-ct>.logo-ct>.pn-info>h1{padding:4px 0 0;margin:0;font-size:16px;font-weight:700}.visit-ct>.logo-ct>.pn-info>p{margin:0;word-break:break-all}.visit-ct>.tips-wrapper{padding:50px 0 30px;margin:0 20px;font-size:17px;min-height:2em}.visit-ct>.tips-wrapper>div{text-align:center;transition:opacity .3s}.visit-ct>.tips-wrapper>div.hidden{opacity:0}.visit-ct>.tips-wrapper>div b{margin:0 6px;font-size:17px;color:#444}.visit-ct>.doc-div{margin:0 15px;padding:10px 0 0}.visit-ct>.doc-div p{margin:8px 0}',""])},VHze:function(t,e,n){"use strict";var i=n("fmq9");n.n(i).a},"W+WT":function(t,e,n){(t.exports=n("JPst")(!1)).push([t.i,".setting-panel{position:relative}.setting-panel>.slide-menu{position:relative;top:4px;z-index:10;margin:0;padding:0 15px;line-height:32px;overflow-y:hidden;font-size:13px;white-space:nowrap;background:#fff;box-shadow:0 0 5px rgba(0,0,0,.2)}.setting-panel>.slide-menu>a{display:inline-block;padding:0 12px;cursor:pointer;margin:0 1px;background-color:hsla(0,0%,100%,.333);transition:background-color .3s;text-decoration:none;color:rgba(0,0,0,.667);font-size:14px}.setting-panel>.slide-menu>a.active{position:relative;background-color:rgba(1,102,189,.133);color:#0166bd;font-weight:700;border:1px solid rgba(1,102,189,.2);border-width:0 1px}.setting-panel>.slide-menu>a:focus,.setting-panel>.slide-menu>a:hover{outline:none;background-color:rgba(1,102,189,.133)}.setting-panel>.slide-menu>a>.iconfont{padding:0 3px 0 0}.setting-panel>.st-cont{position:absolute;top:36px;left:0;bottom:0;width:100%;overflow-y:auto}",""])},YGnf:function(t,e,n){"use strict";n.d(e,"a",function(){return f}),n.d(e,"b",function(){return g}),n.d(e,"c",function(){return m});var i=n("MVZn"),a=n.n(i),r=n("o0o1"),o=n.n(r),s=n("yXPU"),c=n.n(s),l=n("vDqi"),u=n.n(l),d=n("z+cG");function p(){if(d.a.isServer){var t=d.a.action.req,e=t.headers,n=void 0===e?{}:e,i=t.originalUrl,a=void 0===i?"":i,r={"user-agent":n["user-agent"]||"",referer:a||n.referer||"",accept:"*/*",byvuessr:"true"};n.cookie&&(r.cookie=n.cookie);var o=u.a.create({headers:r,baseURL:d.a.serverOrigin,timeout:5e3});return o.interceptors.response.use(function(t){var e=t.headers&&t.headers["set-cookie"];if(e){var n=d.a.action.res.getHeader("set-cookie")||[];Array.isArray(e)||(e=[e]),d.a.action.res.setHeader("set-cookie",e.concat(n))}return t},function(t){return Promise.reject(t)}),o}return u.a.create({timeout:1e4})}function f(t,e){return p().get(t,{params:e})}var h=null,v=null;function g(){return b.apply(this,arguments)}function b(){return(b=c()(o.a.mark(function t(){var e;return o.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(!d.a.isServer){t.next=2;break}return t.abrupt("return",d.a.action.res.locals._csrf);case 2:if(!h){t.next=4;break}return t.abrupt("return",h);case 4:return null===v&&(v=f("/api/csrf")),t.next=7,v;case 7:return e=t.sent,h=e.data,t.abrupt("return",h);case 10:case"end":return t.stop()}},t,this)}))).apply(this,arguments)}function m(t,e,n){return w.apply(this,arguments)}function w(){return(w=c()(o.a.mark(function t(e,n,i){var r;return o.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return t.next=2,g();case 2:return r=t.sent,t.abrupt("return",p().post(e,a()({},n,{_csrf:r}),{params:i}));case 4:case"end":return t.stop()}},t,this)}))).apply(this,arguments)}},bStt:function(t,e,n){"use strict";var i=n("Os2W");n.n(i).a},cJKN:function(t,e,n){"use strict";var i=n("rUpz");n.n(i).a},cUFg:function(t,e,n){(t.exports=n("JPst")(!1)).push([t.i,".keyboard-c{position:absolute;bottom:0;left:0;width:100%;padding:0 0 15px}.keyboard{position:absolute;bottom:15px;height:200px;touch-action:none;cursor:default;overflow:visible;transition:-webkit-transform .2s;transition:transform .2s;transition:transform .2s,-webkit-transform .2s;-webkit-user-select:none;-webkit-user-drag:none;-webkit-tap-highlight-color:rgba(0,0,0,0);-webkit-transform-origin:0 100%;transform-origin:0 100%;font-size:12px;box-shadow:0 0 10px rgba(0,0,0,.267)}.keyboard>.black{position:absolute;height:125px;margin:0 0 0 26px;width:0;bottom:75px;z-index:4;pointer-events:none}.keyboard>.black>div{position:absolute;left:0;top:0;width:27px;height:100%;background-color:#444;border:1px solid rgba(0,0,0,.533);border-radius:3px;color:#fff;text-align:center}.keyboard>.black>div.act{background-color:#c783b2;border-color:rgba(0,0,0,.533)}.keyboard>.white{height:200px;white-space:nowrap;bottom:0;margin:0 0 0 1px;z-index:2;pointer-events:none}.keyboard>.white>div{position:relative;display:inline-block;width:41px;height:100%;background-color:#fff;border:1px solid rgba(0,0,0,.267);margin:0 0 0 -1px;box-sizing:border-box;border-radius:4px;text-align:center;color:#000}.keyboard>.white>div.act{background-color:rgba(173,60,138,.6)}.keyboard>.white>div>div.pn{position:absolute;width:100%;bottom:10px;font-size:12px}.keyboard>.white>div>div.pn>div.sub,.keyboard>.white>div>div.pn>div.sup{display:inline-block;margin:0 2px}.keyboard>.white>div>div.pn>div.sub{-webkit-transform:scale(.9) translateY(5px);transform:scale(.9) translateY(5px)}.keyboard>.white>div>div.pn>div.sup{-webkit-transform:scale(.9) translateY(-5px);transform:scale(.9) translateY(-5px)}.keyboard.hidenum>div>div>span,.keyboard.hidepname>div.white>div>div{display:none}.keyboard>.center-c{position:absolute;bottom:35px;left:925px;font-size:12px;color:#a43983;z-index:5;pointer-events:none}",""])},"e/Zq":function(t,e,n){"use strict";for(var i={Soundfont:{},players:{},defaultPlayer:null},a=new Array(89),r=["C","Db","D","Eb","E","F","Gb","G","Ab","A","Bb","B"],o=1,s=0;o<89;o++){var c=(o+12-4)%12;0==c&&s++;var l="".concat(r[c]).concat(s);a[o]=l}var u=n("o0o1"),d=n.n(u),p=n("yXPU"),f=n.n(p),h=n("vDqi"),v=n.n(h);var g=n("lwsE"),b=n.n(g),m=n("W8MJ"),w=n.n(m),y={_keyStr:"ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/=",decodeArrayBuffer:function(t){var e=Math.ceil(3*t.length/4),n=new ArrayBuffer(e);return this.decode(t,n),n},decode:function(t,e){var n,i,a,r,o,s,c,l=this._keyStr.indexOf(t.charAt(t.length-1)),u=this._keyStr.indexOf(t.charAt(t.length-1)),d=Math.ceil(3*t.length/4);64==l&&d--,64==u&&d--;var p=0,f=0;for(n=e?new Uint8Array(e):new Uint8Array(d),t=t.replace(/[^A-Za-z0-9+\/=]/g,""),p=0;p<d;p+=3)i=this._keyStr.indexOf(t.charAt(f++))<<2|(o=this._keyStr.indexOf(t.charAt(f++)))>>4,a=(15&o)<<4|(s=this._keyStr.indexOf(t.charAt(f++)))>>2,r=(3&s)<<6|(c=this._keyStr.indexOf(t.charAt(f++))),n[p]=i,64!=s&&(n[p+1]=a),64!=c&&(n[p+2]=r);return n}},x=function(){function t(e){b()(this,t),this.instrument=e,this.sources=new Array(89).fill(!1),this.buffers=new Array(89).fill(!1),this.sourceBufferInited=!1,this.prepareState=0,this.endGradualTime=.5}return w()(t,[{key:"prepare",value:function(){var t=f()(d.a.mark(function t(){return d.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(0===this.prepareState){t.next=2;break}return t.abrupt("return");case 2:return this.prepareState=1,this.ctx=new(window.AudioContext||window.webkitAudioContext),t.prev=4,t.next=7,this.initSoureBuffer();case 7:this.prepareState=2,t.next=14;break;case 10:t.prev=10,t.t0=t.catch(4),this.prepareState=0,console.error(t.t0);case 14:case"end":return t.stop()}},t,this,[[4,10]])}));return function(){return t.apply(this,arguments)}}()},{key:"initSoureBuffer",value:function(){var t=f()(d.a.mark(function t(){var e,n,r,o,s,c=this;return d.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:if(e=i.Soundfont[this.instrument]){t.next=3;break}throw new Error("it's not exists soundfound of named ".concat(this.instrument));case 3:for(n=this.ctx,r=[],o=function(t){var i,o;r.push((i=a[t],o=e[i],void new Promise(function(e,i){if(o){var a=o.split(",")[1],r=y.decodeArrayBuffer(a);new Promise(function(t,e){n.decodeAudioData(r,t,e)}).then(function(n){c.buffers[t]=n,e()}).catch(i)}})))},s=1;s<89;s++)o(s);return t.next=9,Promise.all(r);case 9:this.sourceBufferInited=!0;case 10:case"end":return t.stop()}},t,this)}));return function(){return t.apply(this,arguments)}}()},{key:"setEndGradualTime",value:function(t){this.endGradualTime=t>0&&t<=5?t:0}},{key:"noteOn",value:function(t){if(this.buffers[t]){this.sources[t]&&this.noteOff(t);var e=this.buffers[t],n=this.ctx.createBufferSource();n.buffer=e;var i=this.ctx.createGain();i.connect(this.ctx.destination),i.gain.value=0,n.connect(i),n.start(),i.gain.linearRampToValueAtTime(3,this.ctx.currentTime+.02),this.sources[t]={source:n,gainNode:i}}else this.prepare()}},{key:"noteOff",value:function(t){if(this.sources[t]){var e=this.sources[t],n=e.source,i=e.gainNode.gain;i.linearRampToValueAtTime(i.value,this.ctx.currentTime),i.linearRampToValueAtTime(0,this.ctx.currentTime+.1+this.endGradualTime),setTimeout(function(){n.disconnect()},1e3*(.11+this.endGradualTime)),this.sources[t]=null}}},{key:"stopAllNotes",value:function(){}}]),t}();function k(t){var e=new x(t);i.players[t]=e,i.defaultPlayer=e}function _(){return(_=f()(d.a.mark(function t(e){var n,a,r,o,s,c;return d.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return n=e.soundfontUrl,a=e.instrument,r=e.onProgress,u=void 0,d=void 0,p=void 0,u=new Audio,d=u.canPlayType("audio/mpeg"),p=u.canPlayType('audio/ogg; codecs="vorbis"'),o="probably"===p?"ogg":"probably"===d?"mp3":"maybe"===p?"ogg":"mp3",s="".concat(n,"/").concat(a,"-").concat(o,".js"),t.next=5,v.a.get(s,{onDownloadProgress:function(t){r(o,t.loaded)}});case 5:return c=t.sent,l=c.data,window.MIDI=i,window.eval(l),delete window.MIDI,k(a),t.abrupt("return","ok");case 9:case"end":return t.stop()}var l,u,d,p},t,this)}))).apply(this,arguments)}n.d(e,"a",function(){return C}),n.d(e,"e",function(){return S}),n.d(e,"c",function(){return P}),n.d(e,"b",function(){return E}),n.d(e,"d",function(){return L});var C=function(t){return _.apply(this,arguments)};function S(){i.defaultPlayer&&i.defaultPlayer.prepare&&i.defaultPlayer.prepare()}function P(t){i.defaultPlayer&&t.forEach(function(t){i.defaultPlayer.noteOn(t)})}function E(t){i.defaultPlayer&&t.forEach(function(t){i.defaultPlayer.noteOff(t)})}function L(t){i.defaultPlayer&&i.defaultPlayer.setEndGradualTime(t)}},fmq9:function(t,e,n){var i=n("o8Gz");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,n("SZ7m").default)("2332bff4",i,!0,{sourceMap:!1})},mc4y:function(t,e,n){var i=n("u3QQ");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,n("SZ7m").default)("3153952e",i,!0,{sourceMap:!1})},o8Gz:function(t,e,n){(t.exports=n("JPst")(!1)).push([t.i,'.faq-item{background:#fff;padding:16px 0 8px;border-radius:5px;box-shadow:0 0 5px rgba(0,0,0,.267);margin:0 0 1em}.faq-item>header{position:relative;font-size:16px;padding:0 10px 0 20px;color:#000}.faq-item>header:before{position:absolute;top:8px;left:0;content:"";display:inline-block;width:14px;height:9px;background:#2479c1}.faq-item>p{margin:5px 10px 5px 20px}',""])},oKT7:function(t,e,n){"use strict";var i=n("OyES");n.n(i).a},pF6s:function(t,e,n){e=t.exports=n("JPst")(!1);var i=n("tgXZ")(n("5LIV"));e.push([t.i,".piano{top:50px;left:0;right:0;background-image:url("+i+")}.piano,.piano>.loading{position:absolute;overflow:hidden}.piano>.loading{z-index:20;top:50%;left:50%;width:200px;background:#fff;padding:0 0 10px;box-shadow:0 0 5px rgba(0,0,0,.2);border-radius:5px;-webkit-transform:translate(-50%,-50%);transform:translate(-50%,-50%)}.piano>.loading>.loading-status{position:relative;height:7em;font-size:13px}.piano>.loading>.loading-status .loading-icon{padding:3em 0 0}.piano>.loading>.text{padding:20px 0;font-size:15px;text-align:center}.piano>.loading>.loading-bar{display:block;height:2px;max-width:100%;background:rgba(1,102,189,.851)}",""])},pKHi:function(t,e,n){var i=n("VGHR");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,n("SZ7m").default)("9a97df18",i,!0,{sourceMap:!1})},pcus:function(t,e,n){(t.exports=n("JPst")(!1)).push([t.i,"#app,body,html{position:relative;width:100%;height:100%}.xw-footer{display:none}",""])},qwzX:function(t,e,n){"use strict";n.d(e,"b",function(){return d}),n.d(e,"c",function(){return p}),n.d(e,"e",function(){return f}),n.d(e,"d",function(){return h}),n.d(e,"f",function(){return v}),n.d(e,"g",function(){return g}),n.d(e,"a",function(){return b});var i=n("NWfr"),a=!1,r=[],o=new Array(250).fill(!1),s={shiftSharp:!1,tabSustain:!1,pckey2key:{}},c=new Array(255).fill(!1);function l(t){if(d(t.which,s.shiftSharp&&t.shiftKey),c[t.which])return t.preventDefault(),!1}function u(t){if(p(t.which,s.shiftSharp&&t.shiftKey),c[t.which])return t.preventDefault(),!1}function d(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!1===o[t]){if(o[t]=!0,20===t&&s.tabSustain)return void i.a.sustainOn();if(16===t&&s.shiftSharp)return void i.a.upAll(1);var n=s.pckey2key[t];n&&(e&&n<88?i.a.down([n+1],!1):i.a.down([n],!1)),r.forEach(function(e){e(!0,t)})}}function p(t){var e=arguments.length>1&&void 0!==arguments[1]&&arguments[1];if(!0===o[t]){if(o[t]=!1,20===t&&s.tabSustain)return void i.a.sustainOff();if(16===t&&s.shiftSharp)return void i.a.upAll(1);var n=s.pckey2key[t];n&&(e&&n<88?i.a.up([n+1]):i.a.up([n])),r.forEach(function(e){e(!1,t)})}}function f(t){t instanceof Function&&-1===r.indexOf(t)&&r.push(t)}function h(t){var e=r.indexOf(t);e>=0&&r.splice(e,1)}function v(t){a||(a=!0,t&&(s=t),document.addEventListener("keydown",l),document.addEventListener("keyup",u))}function g(){a&&(a=!1,document.removeEventListener("keydown",l),document.removeEventListener("keyup",u))}function b(){return[[{n:"~",c:192},{n:"1",c:49},{n:"2",c:50},{n:"3",c:51},{n:"4",c:52},{n:"5",c:53},{n:"6",c:54},{n:"7",c:55},{n:"8",c:56},{n:"9",c:57},{n:"0",c:48},{n:"-",c:189},{n:"=",c:187},{n:"Backspace",c:8,w:90},{n:"Insert",c:45,d:1,m:20},{n:"Home",c:36,d:1},{n:"PgU",c:33,d:1},{n:"Num",c:144,d:1,m:20},{n:"/",c:111},{n:"*",c:106},{n:"-",c:109}],[{n:"Tab",c:9,w:72,d:1},{n:"Q",c:81},{n:"W",c:87},{n:"E",c:69},{n:"R",c:82},{n:"T",c:84},{n:"Y",c:89},{n:"U",c:85},{n:"I",c:73},{n:"O",c:79},{n:"P",c:80},{n:"{",c:219},{n:"}",c:221},{n:"\\",c:220,w:68},{n:"Del",c:46,d:1,m:20},{n:"End",c:35,d:1},{n:"PgD",c:34,d:1},{n:"7",c:103,m:20},{n:"8",c:104},{n:"9",c:105},{n:"+",c:107,h:107}],[{n:"Caps Lock",c:20,w:94,d:1},{n:"A",c:65},{n:"S",c:83},{n:"D",c:68},{n:"F",c:70},{n:"G",c:71},{n:"H",c:72},{n:"J",c:74},{n:"K",c:75},{n:"L",c:76},{n:";",c:186},{n:'"',c:222},{n:"Enter",c:13,w:103,d:1},{n:"4",c:100,m:211},{n:"5",c:101},{n:"6",c:102}],[{n:"Shift",c:16,w:116,d:1},{n:"Z",c:90},{n:"X",c:88},{n:"C",c:67},{n:"V",c:86},{n:"B",c:66},{n:"N",c:78},{n:"M",c:77},{n:"<",c:188},{n:">",c:190},{n:"?",c:191},{n:"Shift",c:16,w:138,d:1},{n:"↑",c:38,m:77},{n:"1",c:97,m:77},{n:"2",c:98},{n:"3",c:99},{n:"Enter",c:13,d:1,h:107}],[{n:"Ctrl",c:17,w:60,d:1},{n:"Win",c:91,w:60,d:1},{n:"Alt",c:18,w:60,d:1},{n:"Space",c:32,w:429},{n:"Alt",c:18,w:60,d:1},{n:"Opt",c:93,w:60,d:1},{n:"Ctrl",c:17,w:60,d:1},{n:"←",c:37,m:20},{n:"↓",c:40},{n:"→",c:39},{n:"0",c:96,w:107,m:20},{n:".",c:110}]]}[[{n:"~",c:192},{n:"1",c:49},{n:"2",c:50},{n:"3",c:51},{n:"4",c:52},{n:"5",c:53},{n:"6",c:54},{n:"7",c:55},{n:"8",c:56},{n:"9",c:57},{n:"0",c:48},{n:"-",c:189},{n:"=",c:187},{n:"Backspace",c:8,w:90},{n:"Insert",c:45,d:1,m:20},{n:"Home",c:36,d:1},{n:"PgU",c:33,d:1},{n:"Num",c:144,d:1,m:20},{n:"/",c:111},{n:"*",c:106},{n:"-",c:109}],[{n:"Tab",c:9,w:72,d:1},{n:"Q",c:81},{n:"W",c:87},{n:"E",c:69},{n:"R",c:82},{n:"T",c:84},{n:"Y",c:89},{n:"U",c:85},{n:"I",c:73},{n:"O",c:79},{n:"P",c:80},{n:"{",c:219},{n:"}",c:221},{n:"\\",c:220,w:68},{n:"Del",c:46,d:1,m:20},{n:"End",c:35,d:1},{n:"PgD",c:34,d:1},{n:"7",c:103,m:20},{n:"8",c:104},{n:"9",c:105},{n:"+",c:107,h:107}],[{n:"Caps Lock",c:20,w:94,d:1},{n:"A",c:65},{n:"S",c:83},{n:"D",c:68},{n:"F",c:70},{n:"G",c:71},{n:"H",c:72},{n:"J",c:74},{n:"K",c:75},{n:"L",c:76},{n:";",c:186},{n:'"',c:222},{n:"Enter",c:13,w:103,d:1},{n:"4",c:100,m:211},{n:"5",c:101},{n:"6",c:102}],[{n:"Shift",c:16,w:116,d:1},{n:"Z",c:90},{n:"X",c:88},{n:"C",c:67},{n:"V",c:86},{n:"B",c:66},{n:"N",c:78},{n:"M",c:77},{n:"<",c:188},{n:">",c:190},{n:"?",c:191},{n:"Shift",c:16,w:138,d:1},{n:"↑",c:38,m:77},{n:"1",c:97,m:77},{n:"2",c:98},{n:"3",c:99},{n:"Enter",c:13,d:1,h:107}],[{n:"Ctrl",c:17,w:60,d:1},{n:"Win",c:91,w:60,d:1},{n:"Alt",c:18,w:60,d:1},{n:"Space",c:32,w:429},{n:"Alt",c:18,w:60,d:1},{n:"Opt",c:93,w:60,d:1},{n:"Ctrl",c:17,w:60,d:1},{n:"←",c:37,m:20},{n:"↓",c:40},{n:"→",c:39},{n:"0",c:96,w:107,m:20},{n:".",c:110}]].forEach(function(t){t.forEach(function(t){1!==t.d&&(c[t.c]=!0)})})},rUpz:function(t,e,n){var i=n("pF6s");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,n("SZ7m").default)("f5e2c8bc",i,!0,{sourceMap:!1})},sQ5F:function(t,e,n){var i=n("8jaw");"string"==typeof i&&(i=[[t.i,i,""]]),i.locals&&(t.exports=i.locals);(0,n("SZ7m").default)("d00b9df0",i,!0,{sourceMap:!1})},tiul:function(t,e,n){t.exports=n.p+"assets/img/keyboard.bb11f40.png"},u3QQ:function(t,e,n){(t.exports=n("JPst")(!1)).push([t.i,".note-bar{position:absolute;z-index:10;top:0;touch-action:none;cursor:default;-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;pointer-events:none}.note-bar,.note-bar>canvas{width:100%;height:100%}",""])},x2GZ:function(t,e,n){"use strict";var i=n("2ygB");n.n(i).a},yXRf:function(t,e,n){"use strict";var i=n("sQ5F");n.n(i).a},"zK/c":function(t,e,n){"use strict";n.r(e);var i=n("s6ZG"),a=n("VIAa"),r=n("o0o1"),o=n.n(r),s=n("yXPU"),c=n.n(s),l=n("3P4/"),u=n("NWfr"),d=new Array(89);d[0]=[0,0];var p=new Array(89);p[0]=[0,0];for(var f=new Array(89),h=[],v=[],g=40,b=13,m=2*b,w=75,y=200,x="",k="",_=[0,2,0,0,-2,0,2,0,0,-2,0,0],C=[1,0,1,1,0,1,0,1,1,0,1,0],S=["A","","B","C","","D","","E","F","","G",""],P=0,E=0;P<88;P++){var L=P+1,O=P%12,D="";if(L<=15?D=String(Math.floor((27-L)/12)):L>=40&&(D=String(Math.floor((L-28)/12))),1===C[O]){var A="";D&&(A=L<39?'<div class="sub">'.concat(D,"</div>"):'<div class="sup">'.concat(D,"</div>"));var T=S[O],N=L<28?T:T.toLowerCase();k+="<div data-key='".concat(L,"'><span>").concat(L,'</span><div class="pn" >').concat(N).concat(A,"</div></div>"),f[L]="".concat(N).concat(D),d[L]=[g*E,g],h.push(L),v.push(0),E++}else{var q=S[O-1],z=L<28?q:q.toLowerCase(),K=v.length-1;x+="<div data-key='".concat(L,"' style=\"left:").concat(g*K+_[O],'px;"><span>').concat(L,"</span></div>"),f[L]="#".concat(z).concat(D),d[L]=[g*K+g-b+_[O],m],v[v.length-1]=L}}for(var $=1;$<89;$++){var M=d[$];if(M[1]===m)p[$]=[M[0],M[1]];else{var I=d[$-1],B=I[0]+I[1],U=0,j=(B+(U=88===$?M[0]+M[1]:d[$+1][0]))/2,J=U-B;J<m-4&&(J=m-4),p[$]=[j-J/2,J]}}var W=x,F=k;function Y(t,e){var n=t/g,i=Math.floor(n);if(!(e<-y)){if(-e<w)return h[i];var a=t-i*g;if(a<=b){var r=v[i-1];if(r)return r}else if(a>=g-b){var o=v[i];if(o)return o}return h[i]}}for(var G=[58,288,25,202,0,217,152,307,97,330,230,172],H=0;H<12;H++)G[H]="hsla(".concat(G[H],", 90%, 60%, 0.9)");var Z={data:function(){return{height:0,width:200,scale:1,left:0}},mounted:function(){Object(l.d)(this),this.enable=!0,this.tick()},destroyed:function(){this.enable=!1},methods:{tick:function(){this.enable&&(!function(t,e,n){var i=t.getContext("2d"),a=t.width,r=t.height;i.clearRect(0,0,a,r),l.f.clientWidth>400&&(i.shadowColor="#0003",i.shadowBlur=6,i.shadowOffsetX=0,i.shadowOffsetY=0);for(var o=Date.now(),s=u.b.timeline,c=1;c<s.length;c++){var d=s[c];if(d.length){var f=p[c],h=o;i.fillStyle=G[c%G.length];for(var v=d.length-1;v>=0;v--){var g=d[v];if(1==g[1]){var b=(h-g[0])/6,m=(o-h)/6,w=r-m;if(w<0){h=o,d.splice(0,v+2);break}w<b&&(b=w),i.fillRect((f[0]-n)*e,r-m,f[1]*e,-b)}else 0==g[1]&&(h=g[0])}}}}(this.$refs.canvas,this.scale,this.left),requestAnimationFrame(this.tick))},setSize:function(t,e,n,i){this.height=e,this.width=t,this.scale=n,this.left=i,this.$refs.canvas.width=t,this.$refs.canvas.height=e}}},R=(n("Ls6r"),n("KHd+")),X=Object(R.a)(Z,function(){var t=this.$createElement,e=this._self._c||t;return e("div",{ref:"nbCont",staticClass:"note-bar",style:{height:this.height+"px"}},[e("canvas",{ref:"canvas"})])},[],!1,null,null,null);X.options.__file="note-bar.vue";var V=X.exports;var Q={data:function(){return{scale:1,offsetTop:0,offsetLeft:0,left:0}},computed:{cacheConf:function(){return this.$store.state.cacheConf}},mounted:function(){this.init(),this.initEvent(),this.$refs.centerC.innerText="中央C",Object(l.b)(this)},methods:{init:function(){var t=this.$refs,e=t.blacks,n=t.whites;e.innerHTML=W,n.innerHTML=F;var i=new Array(89);function a(t){for(var e=0;e<t.children.length;e++){var n=t.children[e],a=parseInt(n.getAttribute("data-key"),10);a&&(i[a]=n)}}a(e),a(n),this.keyDoms=i},initEvent:function(){var t,e=this,n=this.$refs.keyboardConatiner;"ontouchstart"in window&&(t=!1,n.addEventListener("touchstart",function(n){n.stopPropagation(),n.preventDefault(),t=!0;for(var i=n.touches,a=[],r=0;r<n.touches.length;r++){var o=i[r],s=o.pageX-e.offsetLeft,c=o.pageY-e.offsetTop,l=Y(s/e.scale+e.left,c/e.scale);l&&a.push(l)}a.length&&u.a.down(a,!0,1)},!0),document.addEventListener("touchmove",function(n){if(t){n.stopPropagation(),n.preventDefault();for(var i=n.touches,a=[],r=0;r<n.touches.length;r++){var o=i[r],s=o.pageX-e.offsetLeft,c=o.pageY-e.offsetTop,l=Y(s/e.scale+e.left,c/e.scale);l&&a.push(l)}u.a.down(a,!0,1)}},!0),document.addEventListener("touchend",function(n){if(t){n.stopPropagation(),n.preventDefault(),0===n.touches.length&&(t=!1);for(var i=n.touches,a=[],r=0;r<n.touches.length;r++){var o=i[r],s=o.pageX-e.offsetLeft,c=o.pageY-e.offsetTop,l=Y(s/e.scale+e.left,c/e.scale);l&&a.push(l)}u.a.down(a,!0,1),0===i.length&&(t=!1)}},!0)),function(){var t=!1;n.addEventListener("mousedown",function(n){n.stopPropagation(),n.preventDefault(),t=!0;var i=n.pageX-e.offsetLeft,a=n.pageY-e.offsetTop,r=Y(i/e.scale+e.left,a/e.scale);r&&u.a.down([r],!0,1)},!0),document.addEventListener("mousemove",function(n){if(t){n.stopPropagation(),n.preventDefault();var i=n.pageX-e.offsetLeft,a=n.pageY-e.offsetTop,r=Y(i/e.scale+e.left,a/e.scale);u.a.down([r],!0,1)}},!0),document.addEventListener("mouseup",function(n){if(t){n.stopPropagation(),n.preventDefault(),t=!1;var i=n.pageX-e.offsetLeft,a=n.pageY-e.offsetTop,r=Y(i/e.scale+e.left,a/e.scale);u.a.up([r],1)}},!0)}(),u.a.onDown(function(t){var n=!0,i=!1,a=void 0;try{for(var r,o=t[Symbol.iterator]();!(n=(r=o.next()).done);n=!0){var s=r.value;e.keyDoms[s].setAttribute("class","act")}}catch(t){i=!0,a=t}finally{try{n||null==o.return||o.return()}finally{if(i)throw a}}}),u.a.onUp(function(t){var n=!0,i=!1,a=void 0;try{for(var r,o=t[Symbol.iterator]();!(n=(r=o.next()).done);n=!0){var s=r.value;e.keyDoms[s].setAttribute("class","")}}catch(t){i=!0,a=t}finally{try{n||null==o.return||o.return()}finally{if(i)throw a}}})},setSize:function(t,e){this.scale=t,this.left=e;var n=function(t){for(var e=t.offsetTop,n=t.offsetLeft,i=t.offsetParent;null!=i;)e+=i.offsetTop,n+=i.offsetLeft,i=i.offsetParent;return{left:n,top:e}}(this.$refs.keyboard);this.offsetTop=n.top+200,this.offsetLeft=n.left}}},tt=(n("x2GZ"),Object(R.a)(Q,function(){var t=this.$createElement,e=this._self._c||t;return e("div",{ref:"keyboardConatiner",staticClass:"keyboard-c"},[e("div",{ref:"keyboard",staticClass:"keyboard",class:{hidenum:!this.cacheConf.showKbdNum,hidepname:!this.cacheConf.showPitchName},style:{transform:"scale("+this.scale+") translateX(-"+this.left+"px)"}},[e("div",{ref:"blacks",staticClass:"black"}),e("div",{ref:"whites",staticClass:"white"}),e("div",{directives:[{name:"show",rawName:"v-show",value:this.cacheConf.showCenterCText,expression:"cacheConf.showCenterCText"}],ref:"centerC",staticClass:"center-c"})])])},[],!1,null,null,null));tt.options.__file="keyboard.vue";var et=tt.exports,nt=[function(){}],it={components:{},data:function(){return{tips:[".",";","1","a","<","8"],tipIdx:0,sinterval:0}},computed:{state:function(){return this.$store.state},mainDoc:function(){return this.$store.state.mainDoc}},mounted:function(){var t=this;this.sinterval=setInterval(function(){window.innerWidth<=360?t.slideTips2():t.slideTips()},5e3)},destroyed:function(){clearInterval(this.sinterval)},methods:{slideTips:function(){var t=this;this.$refs.tipsDom.setAttribute("class","hidden"),setTimeout(function(){t.tipIdx=(t.tipIdx+1)%t.tips.length,t.$refs.tipsDom.setAttribute("class","")},300)},slideTips2:function(){this.tipIdx2>=0||(this.tipIdx2=this.tipIdx),this.tipIdx2=(this.tipIdx2+1)%this.tips.length,this.$refs.tipsDom.innerHTML=this.tips[this.tipIdx2]}}},at=(n("RkRW"),Object(R.a)(it,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"visit-ct"},[n("div",{staticClass:"old-entry"},[t.state.showOldEntry?n("div",[n("span",[t._v("感谢您的访问，当前版本是作者重写过的新版本，以前版本：")]),n("a",{attrs:{href:"/piano/v1",target:"_blank"}},[t._v("\n                由此去👉\n            ")])]):t._e()]),t._m(0),n("div",{staticClass:"tips-wrapper"},[n("div",{ref:"tipsDom",domProps:{innerHTML:t._s(t.tips[t.tipIdx])}})]),n("div",{staticClass:"doc-div",domProps:{innerHTML:t._s(t.mainDoc)}})])},nt,!1,null,null,null));at.options.__file="visit.vue";var rt=at.exports,ot=n("J4zp"),st=n.n(ot),ct=n("P8VS"),lt=n("qwzX"),ut=n("Lr4L");var dt=n("gWxQ"),pt={components:{xwButton:ct.a},data:function(){return{inputName:"未命名的存档",list:[],listKey:1}},mounted:function(){var t=this,e=this.loadLocalList();e.forEach(function(e){e.key=t.listKey++}),this.list=e},methods:{howLong:ut.b,randomKey:function(){return"".concat(Date.now())},remove:function(t){confirm("确认要删除吗？")&&(this.list.splice(t,1),this.saveToLocal(this.list))},use:function(t){var e=this.list[t];if(e){var n=e.data;try{var i=JSON.parse(n),a={};for(var r in i){var o=parseInt(r,10);o&&(a[o]=i[r])}this.$store.state.cacheConf.pckey2key=a,this.inputName=e.name,window._paq&&window._paq.push(["trackEvent","piano","点击","使用本地存档"]),dt.a.success("应用成功")}catch(t){}}},loadLocalList:function(){var t=window.localStorage.getItem("kmap");try{if(t){var e=JSON.parse(t);if(Array.isArray(e))return e}}catch(t){}return[]},saveToLocal:function(t){var e=JSON.stringify(t);window.localStorage.setItem("kmap",e)},getMapData:function(){var t=this.$store.state.cacheConf.pckey2key,e={};for(var n in t){var i=parseInt(n,10);i&&(e[i]=t[n])}return e},save:function(){var t=this.getMapData(),e={key:this.randomKey(),name:this.inputName,time:Date.now(),data:JSON.stringify(t)};this.list.unshift(e),this.saveToLocal(this.list),window._paq&&window._paq.push(["trackEvent","piano","点击","保存键盘存档"])},saveFile:function(){var t=function(t){return"https://www.xiwnn.com/piano/\n钢琴键盘映射文件:\n".concat(JSON.stringify(t))}(this.getMapData()),e=this.inputName||"未命名的钢琴映射文件";window._paq&&window._paq.push(["trackEvent","piano","点击","另存为本地.xkmp"]),function(t,e){var n=document.createElement("a");n.download=e;var i=new Blob([t]);n.href=URL.createObjectURL(i),document.body.appendChild(n),n.click(),document.body.removeChild(n)}(t,"".concat(e,".xkmp"))},chooseFile:function(){var t,e,n,i=this;t=".xkmp",e=function(t){var e=arguments.length>1&&void 0!==arguments[1]?arguments[1]:"";try{var n=function(t){var e=null;if("".concat(t).replace(/钢琴键盘映射文件:\n(.*)/g,function(t,n){e=n}),e)try{var n=JSON.parse(e),i={};for(var a in n){var r=parseInt(a,10);r&&(i[r]=n[a])}return i}catch(t){throw new Error("文件解析失败，文件格式可能有误")}throw new Error("文件为空或文件格式有误")}(t),a={key:i.randomKey(),name:e,time:Date.now(),data:JSON.stringify(n)};i.list.unshift(a),i.saveToLocal(i.list),window._paq&&window._paq.push(["trackEvent","piano","点击","读取本地.xkmp"])}catch(t){alert(t)}},(n=document.createElement("input")).type="file",n.accept=t,n.onchange=function(){var t=n.files;if(t.length){var i=t[0],a=new FileReader;a.onload=function(){e(a.result,i.name)},a.readAsText(i)}},n.click()},inputFocus:function(){Object(lt.g)()},inputBlur:function(){Object(lt.f)()}}},ft=(n("yXRf"),Object(R.a)(pt,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"pc-keyboard-save"},[n("div",{staticClass:"t-save-tips"},[n("span",[t._v("或者用 ")]),n("input",{directives:[{name:"model",rawName:"v-model",value:t.inputName,expression:"inputName"}],staticClass:"xw-input",attrs:{id:"",type:"text",maxlength:"30",placeholder:"请输入一个存档名称"},domProps:{value:t.inputName},on:{focus:t.inputFocus,blur:t.inputBlur,input:function(e){e.target.composing||(t.inputName=e.target.value)}}}),n("span",[t._v(" 作为名称")]),n("xw-button",{attrs:{type:"primary"},on:{click:function(e){t.save()}}},[t._v("\n            保存\n        ")]),n("span",[t._v("至下方的本地存档，")]),n("span",[t._v("也可以")]),n("xw-button",{attrs:{type:"primary"},on:{click:function(e){t.saveFile()}}},[t._v("\n            另存为\n        ")]),n("span",[t._v("本地.xkmp文件，")]),n("span",[t._v("还可以")]),n("xw-button",{attrs:{type:"primary"},on:{click:function(e){t.chooseFile()}}},[t._v("\n            读取\n        ")]),n("span",[t._v("本地保存的.xkmp文件。")])],1),n("h4",{staticClass:"title"},[t._v("\n        "+t._s(0===t.list.length?"本地暂无配置存档":"您的配置存档:")+"\n    ")]),n("transition-group",{staticClass:"save-list",attrs:{name:"save-list",tag:"div"}},t._l(t.list,function(e,i){return n("div",{key:e.key,staticClass:"save-list-item"},[n("div",{staticClass:"cont"},[n("div",{staticClass:"name"},[t._v("\n                    "+t._s(e.name)+"\n                ")]),n("div",{staticClass:"time"},[t._v("\n                    保存于："+t._s(t.howLong(e.time))+"\n                ")]),n("div",{staticClass:"btns"},[n("xw-button",{attrs:{type:"danger"},on:{click:function(e){t.remove(i)}}},[t._v("\n                        删除\n                    ")]),n("xw-button",{on:{click:function(e){t.use(i)}}},[t._v("\n                        使用\n                    ")])],1)])])}),0)],1)},[],!1,null,null,null));ft.options.__file="pc-keyboard-save.vue";var ht=ft.exports,vt=n("MVZn"),gt=n.n(vt),bt={90:28,83:29,88:30,68:31,67:32,86:33,71:34,66:35,72:36,78:37,74:38,77:39,188:40,81:40,76:41,50:41,190:42,87:42,186:43,51:43,191:44,69:44,82:45,53:46,84:47,54:48,89:49,55:50,85:51,73:52,57:53,79:54,48:55,80:56,219:57,187:58,221:59},mt={8:73,32:40,37:44,38:42,39:47,40:45,48:68,49:52,50:54,51:56,52:57,53:59,54:61,55:63,56:64,57:66,65:28,66:23,67:20,68:32,69:44,70:33,71:35,72:37,73:52,74:39,75:40,76:42,77:27,78:25,79:54,80:56,81:40,82:45,83:30,84:47,85:51,86:21,87:42,88:18,89:49,90:16,96:49,97:52,98:54,99:56,100:57,101:59,102:61,103:63,104:64,105:66,106:71,107:68,109:73,110:51,111:69,186:44,187:71,188:28,189:69,190:30,191:32,192:51,219:57,220:61,221:59,222:45},wt=function(){return gt()({},mt)},yt=function(){return gt()({},bt)},xt={components:{xwButton:ct.a},data:function(){return{list:[]}},mounted:function(){this.list.push({key:"1",name:"不带黑键方案",tips:"C大调纯白键的方案，带小数字键盘",data:JSON.stringify(wt())}),this.list.push({key:"2",name:"黑键方案",tips:"C大调, 能按到黑键的方案",data:JSON.stringify(yt())})},methods:{use:function(t){var e=this.list[t];if(e){var n=e.data;try{var i=JSON.parse(n),a={};for(var r in i){var o=parseInt(r,10);o&&(a[o]=i[r])}this.$store.state.cacheConf.pckey2key=a,this.inputName=e.name,window._paq&&window._paq.push(["trackEvent","piano","点击","使用系统默认配置".concat(t)]),dt.a.success("应用成功")}catch(t){}}}}},kt=(n("oKT7"),Object(R.a)(xt,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"pc-keyboard-save"},[n("h4",{staticClass:"title"},[t._v("\n        系统默认键盘配置:\n    ")]),t.list.length>0?n("div",[n("transition-group",{staticClass:"save-list",attrs:{name:"save-list",tag:"div"}},t._l(t.list,function(e,i){return n("div",{key:e.key,staticClass:"save-list-item"},[n("div",{staticClass:"cont"},[n("div",{staticClass:"name"},[t._v("\n                        "+t._s(e.name)+"\n                    ")]),n("div",{staticClass:"time"},[t._v("\n                        "+t._s(e.tips)+"\n                    ")]),n("div",{staticClass:"btns"},[n("xw-button",{on:{click:function(e){t.use(i)}}},[t._v("\n                            使用\n                        ")])],1)])])}),0)],1):t._e()])},[],!1,null,null,null));kt.options.__file="pc-keyboard-save-sys.vue";var _t=kt.exports,Ct={props:{question:{type:String,default:""},answer:{type:String,default:""}},data:function(){return{}}},St=(n("VHze"),Object(R.a)(Ct,function(){var t=this.$createElement,e=this._self._c||t;return e("div",{staticClass:"faq-item"},[e("header",[this._v(this._s(this.question))]),e("p",[this._v(this._s(this.answer))])])},[],!1,null,null,null));St.options.__file="faq.vue";var Pt=St.exports,Et=new Array(256),Lt=new Array(256),Ot=Object(lt.a)();Ot.forEach(function(t){t.forEach(function(t){1!==t.d&&(Lt[t.c]=t)})});var Dt={components:{xwButton:ct.a,pcKeyboardSave:ht,pcKeyboardSaveSys:_t,faq:Pt},data:function(){return{kbdMain:Ot,editState:!1,selectedKey:0}},computed:{},mounted:function(){this.bindToArray(),Object(lt.e)(this.onEvent),u.a.onDown(this.onKeypressDown)},destroyed:function(){Object(lt.d)(this.onEvent),u.a.offDown(this.onKeypressDown)},methods:{onKeypressDown:function(t,e){if(1===e&&this.editState&&0!==this.selectedKey&&t.length){var n=st()(t,1)[0],i=this.$store.state.cacheConf.pckey2key;this.$set(i,this.selectedKey,n),window._paq&&window._paq.push(["trackEvent","piano","点击","设置按键"])}},getEqualName:function(t){var e=this.$store.state.cacheConf.pckey2key[t];return e&&f[e]?"♩ = ".concat(f[e]):""},getName:function(t){var e=this.$store.state.cacheConf.pckey2key[t];return e&&f[e]?f[e]:""},getKeyIndex:function(t){return this.$store.state.cacheConf.pckey2key[t]},getPcKeyName:function(t){return Lt[t]?Lt[t].n:""},getPcKeyWidth:function(t){return Lt[t]&&Lt[t].w?"".concat(Lt[t].w,"px"):""},bindDomClickEvent:function(t,e){var n=!1;function i(t){n&&(n=!1,Object(lt.c)(e)),t.stopPropagation(),t.preventDefault()}t.addEventListener("mousedown",function(t){n=!0,Object(lt.b)(e),t.stopPropagation(),t.preventDefault()},!0),t.addEventListener("mouseleave",i,!0),t.addEventListener("mouseup",i,!0)},bindCommentEvent:function(){},bindToArray:function(){for(var t=this.$refs.keyboardCT,e=0;e<t.children.length;e++)for(var n=t.children[e],i=0;i<n.children.length;i++){var a=n.children[i];if(!a.getAttribute("disable")){var r=a.getAttribute("name"),o=parseInt(r,10);Et[o]=a,this.bindDomClickEvent(a,o)}}},onEvent:function(t,e){var n=Et[e];n&&(t?(n.classList.add("d"),this.editState&&(this.selectedKey=e)):n.classList.remove("d"))},upgradeYin:function(){var t=this.$store.state.cacheConf.pckey2key;for(var e in t){var n=parseInt(e,10);n&&(t[n]=t[n]+1)}window._paq&&window._paq.push(["trackEvent","piano","点击","升调"]),dt.a.success("升调成功")},degradeYin:function(){var t=this.$store.state.cacheConf.pckey2key;for(var e in t){var n=parseInt(e,10);n&&(t[n]=t[n]-1)}window._paq&&window._paq.push(["trackEvent","piano","点击","降调"]),dt.a.success("升调成功")},clearConfig:function(){this.$store.state.cacheConf.pckey2key={},window._paq&&window._paq.push(["trackEvent","piano","点击","清除配置"]),dt.a.success("清除成功")},restoreConfig:function(){this.$store.state.cacheConf.pckey2key=wt(),window._paq&&window._paq.push(["trackEvent","piano","点击","还原默认配置"]),dt.a.success("还原成功")},restoreConfig2:function(){this.$store.state.cacheConf.pckey2key=yt(),window._paq&&window._paq.push(["trackEvent","piano","点击","还原成老配置"]),dt.a.success("还原成功")}}},At=(n("bStt"),Object(R.a)(Dt,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",[n("div",{ref:"keyboardCT",staticClass:"pc-kbd-ct"},t._l(t.kbdMain,function(e,i){return n("div",{key:i,staticClass:"pc-kbd-row"},t._l(e,function(e,i){return n("div",{key:i,class:{disable:1==e.d,selec:t.editState&&e.c==t.selectedKey},style:{width:e.w?e.w+"px":"",height:e.h?e.h+"px":"",marginLeft:e.m?e.m+"px":""},attrs:{name:e.c,disable:1==e.d}},[n("div",{staticClass:"key-name"},[t._v("\n                    "+t._s(e.n)+"\n                ")]),1!==e.d?n("div",{staticClass:"key-rep"},[t._v("\n                    "+t._s(t.getEqualName(e.c))+"\n                ")]):t._e()])}),0)}),0),n("div",{staticClass:"pc-kbd-set"},[n("div",{staticClass:"row"},[n("span",[t._v("您可以 ")]),n("xw-button",{attrs:{type:"primary",tabindex:"0"},on:{click:function(e){t.editState=!t.editState}}},[t._v("\n                "+t._s(t.editState?"退出编辑":"编辑")+"\n            ")]),n("span",[t._v(" 上面的映射")])],1),t.editState?n("div",{staticClass:"row edit-container"},[n("p",[t._v("PS: 鼠标或键盘在上方选中一个电脑键之后，然后用鼠标在下方的钢琴键盘中按下对应的键，即可进行映射和绑定。")]),0===t.selectedKey?n("div",[t._v("\n                请用鼠标或者电脑键盘按下一个键\n            ")]):n("div",[n("span",[t._v("已选中 ")]),n("div",{staticClass:"select-key",style:{width:t.getPcKeyWidth(t.selectedKey)}},[n("div",{staticClass:"key-name"},[t._v("\n                        "+t._s(t.getPcKeyName(t.selectedKey))+"\n                    ")])]),n("span",[t._v("键，此键当前")]),n("span",[t._v(t._s(t.getName(t.selectedKey)?"已经设置为钢琴第 "+t.getKeyIndex(t.selectedKey)+" 个键，音名："+t.getName(t.selectedKey):"未绑定钢琴键"))])]),n("div",{staticClass:"btn-group"},[n("span",[t._v("全部")]),n("xw-button",{attrs:{type:"primary"},on:{click:t.degradeYin}},[t._v("\n                    降低 (降调)\n                ")]),n("span",[t._v("半个音高，")]),n("span",[t._v("全部")]),n("xw-button",{attrs:{type:"primary"},on:{click:t.upgradeYin}},[t._v("\n                    升高 (升调)\n                ")]),n("span",[t._v("半个音高，")]),n("span",[t._v("这里可以")]),n("xw-button",{attrs:{type:"primary"},on:{click:function(e){t.clearConfig()}}},[t._v("\n                    清空\n                ")]),n("span",[t._v("上面的配置，")]),n("span",[t._v("还可以")]),n("xw-button",{attrs:{type:"primary"},on:{click:function(e){t.restoreConfig()}}},[t._v("\n                    还原\n                ")]),n("span",[t._v("成默认配置(C大调纯白键版)，")]),n("span",[t._v("或者是")]),n("xw-button",{attrs:{type:"primary"},on:{click:function(e){t.restoreConfig2()}}},[t._v("\n                    还原\n                ")]),n("span",[t._v("成以前版本的默认配置(C大调包括黑键版)。")])],1)]):t._e(),n("div",{staticClass:"row"},[n("pcKeyboardSave")],1),n("div",{staticClass:"row"},[n("pcKeyboardSaveSys")],1),n("div",{staticClass:"row-title"},[t._v("\n            FAQ :\n        ")]),n("faq",{staticClass:"row",attrs:{question:"有些玩家在吐槽专区问到为什么不能按下黑键？",answer:"\n            1. 请在上方找到 系统默认键盘配置方案-> 黑键方案 -> 点击 `使用`。\n            2. 在上方找到一个编辑按钮，点击 `编辑` ，在展开的配置界面上进行个性化的配置。\n            "}}),n("faq",{staticClass:"row",attrs:{question:"为什么我的电脑键盘有的键不能多个同时按下去？",answer:"键盘生产商在生产键盘时做了限制。有些键盘生产商为了节省开支，会把许多键放在一条线路上，这样相同区域的多个键被同时按下时，只会有一个键起作用。"}})],1)])},[],!1,null,null,null));At.options.__file="pc-keyboard.vue";var Tt=At.exports,Nt=n("e/Zq"),qt={components:{visit:rt,settings:function(){return Promise.all([n.e(1),n.e(17)]).then(n.bind(null,"0NYO"))},pcKeyboard:Tt,pinlun:function(){return Promise.all([n.e(1),n.e(16)]).then(n.bind(null,"zJG3"))},midiFile:function(){return Promise.all([n.e(0),n.e(1),n.e(15)]).then(n.bind(null,"sEC2"))}},data:function(){return{height:1e3,width:200,scale:1,select:0,manus:[["qwq"],["qwq"],["qwq","icon-jianpan"],["qwq"],["qwq"]]}},computed:{state:function(){return this.$store.state}},mounted:function(){Object(l.c)(this),Object(Nt.d)(this.state.cacheConf.autoSustainTime/1e3)},methods:{setSelect:function(t){this.select!==t&&(this.select=t,window._paq&&window._paq.push(["trackEvent","piano","点击","面板:".concat(this.manus[t][0])]))},setSize:function(t,e,n){this.height=e,this.width=t,this.scale=n}}},zt=(n("5dCD"),Object(R.a)(qt,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{staticClass:"setting-panel",style:{height:t.height+"px"}},[n("div",{staticClass:"rit-btn"}),n("menu",{staticClass:"slide-menu"},t._l(t.manus,function(e,i){return n("a",{key:i,class:t.select===i?"active":"",attrs:{tabindex:"0",href:"javascript:void(0)"},on:{click:function(e){t.setSelect(i)}}},[e[1]?n("i",{staticClass:"iconfont",class:e[1]}):t._e(),n("span",{domProps:{textContent:t._s(e[0])}})])}),0),n("section",{staticClass:"st-cont"},[0===t.select?n("visit"):t._e(),1===t.select?n("settings"):t._e(),2===t.select?n("pc-keyboard"):t._e(),3===t.select?n("midiFile"):t._e(),4===t.select?n("pinlun"):t._e()],1)])},[],!1,null,null,null));zt.options.__file="panels-main.vue";var Kt=zt.exports,$t=n("RPA+"),Mt=n("z+cG"),It=function(){return Mt.a.isServer?Mt.a.action.req.headers["user-agent"]:window.navigator.userAgent};var Bt={components:{noteBar:V,keyboard:et,panelsMain:Kt,xwLoading:$t.a,unsupported:function(){return n.e(18).then(n.bind(null,"ThP1"))}},data:function(){return{loading:!1,loadmsg:"",persent:0,isunsupported:(t=It(),!!(/MSIE 8\.0/.test(t)||/MSIE 9\.0/.test(t)||/MSIE 10\.0/.test(t)||/rv:11\.0/.test(t)&&/\(Windows NT/.test(t)))};var t},computed:{hideNavBar:function(){return this.$store.state.hideNavBar}},mounted:function(){this.$refs.piano.style.bottom="0",Object(l.e)(this),this.init(),this.initSize()},destroyed:function(){Object(lt.g)()},methods:{initSize:function(){var t=window.innerWidth;if(t>0){if(t<415)this.$store.state.cacheConf.scale=20;else if(t<600)this.$store.state.cacheConf.scale=15;else{if(!(t<800))return;this.$store.state.cacheConf.scale=10}this.$nextTick(l.a)}},init:function(){this.loadJS().then(function(){}).catch(function(t){console.error(t)}),Object(lt.f)(this.$store.state.cacheConf)},loadJS:function(){var t=c()(o.a.mark(function t(){var e=this;return o.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:return this.loading=!0,t.prev=1,t.next=4,Object(Nt.a)({soundfontUrl:"https://cdn.jsdelivr.net/gh/gleitz/midi-js-soundfonts@gh-pages/MusyngKite",instrument:"acoustic_grand_piano",onProgress:function(t,n){e.persent="mp3"===t?n/1434960*100:n/1707887*100}});case 4:return this.loadmsg="加载音频中...",t.next=7,Object(Nt.e)();case 7:this.loadmsg="资源加载成功",t.next=14;break;case 10:t.prev=10,t.t0=t.catch(1),this.loadmsg="资源加载失败",console.log(t.t0);case 14:setTimeout(function(){e.loading=!1},1e3);case 15:case"end":return t.stop()}},t,this,[[1,10]])}));return function(){return t.apply(this,arguments)}}()}},Ut=(n("cJKN"),Object(R.a)(Bt,function(){var t=this,e=t.$createElement,n=t._self._c||e;return n("div",{ref:"piano",staticClass:"piano",style:{top:t.hideNavBar?"0px":"50px"}},[n("panelsMain"),n("note-bar"),n("keyboard"),t.loading?n("div",{staticClass:"loading"},[n("div",{staticClass:"loading-status"},[n("xwLoading",{attrs:{loading:!0}},[t._v("\n                "+t._s(t.loadmsg?t.loadmsg:"loading...")+"\n            ")])],1),n("div",{staticClass:"loading-bar",style:{width:t.persent+"%"}})]):t._e(),t.isunsupported?n("unsupported",{attrs:{reason:"不支持html5音频接口(AudioContext)特性"}}):t._e()],1)},[],!1,null,null,null));Ut.options.__file="piano.vue";var jt=Ut.exports,Jt={name:"App",components:{xwHeader:i.a,xwFooter:a.a,piano:jt},data:function(){return{}},computed:{state:function(){return this.$store.state}},mounted:function(){},methods:{}},Wt=(n("BraL"),Object(R.a)(Jt,function(){var t=this.$createElement,e=this._self._c||t;return e("div",{attrs:{id:"app"}},[this.state.hideNavBar?this._e():e("xw-header",[e("div",{staticClass:"header-logo"},[e("a",{attrs:{href:"/piano/"}},[this._v("\n                xiwnn.com\n            ")])])]),e("piano"),e("xw-footer")],1)},[],!1,null,null,null));Wt.options.__file="app.vue";var Ft=Wt.exports,Yt=n("Kw5r"),Gt=n("L2JU");Yt.a.use(Gt.a);n("8aLK"),n("TE9u"),e.default={App:Ft,Store:function(){var t=new Gt.a.Store({state:{mainDoc:"",hideNavBar:!1,showOldEntry:!0,cacheConf:{showKbdNum:!1,showCenterCText:!0,showPitchName:!0,holdPitchBar:!1,autoSustainTime:500,shiftSharp:!0,tabSustain:!0,scale:1,barScale:1,left:.5,pckey2key:wt()}},mutations:{setData:function(t,e){t.mainDoc=e&&e.doc},setDefaultParams:function(t){"1"===Mt.a.query.hideNavBar&&(t.hideNavBar=!0,t.showOldEntry=!1),"1"===Mt.a.query.hideCCT&&(t.cacheConf.showCenterCText=!1),"1"===Mt.a.query.hidePN&&(t.cacheConf.showPitchName=!1)}},actions:{setDefaultParams:(e=c()(o.a.mark(function t(e){return o.a.wrap(function(t){for(;;)switch(t.prev=t.next){case 0:(0,e.commit)("setDefaultParams");case 2:case"end":return t.stop()}},t,this)})),function(t){return e.apply(this,arguments)})}});var e;return{fetch:(n=c()(o.a.mark(function e(){return o.a.wrap(function(e){for(;;)switch(e.prev=e.next){case 0:return e.next=2,t.dispatch("setDefaultParams");case 2:case"end":return e.stop()}},e,this)})),function(){return n.apply(this,arguments)}),instance:t};var n}}}}]);
    2.