add disableVersionBadge api

Author: SevenOutman

docs/README.md

@@ -140,6 +140,15 @@ All you need to do is adding [color-thief](https://github.com/lokesh/color-thief
 Since `v1.3.0`, Vue-APlayer supports `*.m3u8` media as an optional functionality. Simply install [hls.js](https://github.com/video-dev/hls.js) into your project, and Vue-APlayer handles the rest.
 
 
+### `disableVersionBadge`
+
+By default Vue-APlayer prints a version badge in console. If you want to silent it, you can set `disableVersionBadge` to `true` before you first create a Vue-APlayer instance.
+
+```js
+import VueAPlayer from 'vue-aplayer'
+VueAPlayer.disableVersionBadge = true
+```
+
 
 ### Slots
 

docs/README.zh-CN.md

@@ -141,6 +141,15 @@ new Vue({
 从 `v1.3.0` 开始, Vue-APlayer 可选支持 `*.m3u8` 音频. 你需要做的就是在项目中安装 [hls.js](https://github.com/video-dev/hls.js) 包即可.
 
 
+### `disableVersionBadge`
+
+Vue-APlayer 默认会在控制台打印出当前的版本标识，如果你想要禁用它，可以将 `disableVersionBadge` 设为 `true`。
+
+```js
+import VueAPlayer from 'vue-aplayer'
+VueAPlayer.disableVersionBadge = true
+```
+
 
 ### Slots
 

src/demo/main.js

@@ -2,7 +2,9 @@
  * Created by Doma on 2016/11/22.
  */
 import Vue from 'vue'
+import VueAPlayer from '../vue-aplayer.vue'
 Vue.config.devtools = true
+// VueAPlayer.disableVersionBadge = true
 
 import App from './App.vue'
 new Vue({

src/vue-aplayer.vue

@@ -26,7 +26,7 @@
           <span class="aplayer-author">{{ currentMusic.artist || currentMusic.author || 'Unknown' }}</span>
         </div>
         <slot name="display" :current-music="currentMusic" :play-stat="playStat">
-          <lyrics :current-music="currentMusic" :play-stat="playStat" v-if="shouldShowLrc"/>
+          <lyrics :current-music="currentMusic" :play-stat="playStat" v-if="shouldShowLrc" />
         </slot>
         <controls
           :shuffle="shouldShuffle"
@@ -64,11 +64,9 @@
   import MusicList from './components/aplayer-list.vue'
   import Controls from './components/aplayer-controller.vue'
   import Lyrics from './components/aplayer-lrc.vue'
-  import {deprecatedProp, versionCompare, warn} from './utils'
-
-  // version badge
-  console.log(`\n\n %c Vue-APlayer ${VERSION} %c vue-aplayer.js.org \n`, 'color: #fff; background:#41b883; padding:5px 0;', 'color: #fff; background: #35495e; padding:5px 0;')
+  import { deprecatedProp, versionCompare, warn } from './utils'
 
+  let versionBadgePrinted = false
   const canUseSync = versionCompare(Vue.version, '2.3.0') >= 0
 
   /**
@@ -90,8 +88,9 @@
     REPEAT_ALL: 'repeat-all',
   };
 
-  export default {
+  const VueAPlayer = {
     name: 'APlayer',
+    disableVersionBadge: false,
     components: {
       Thumbnail,
       Controls,
@@ -474,7 +473,7 @@
         this.floatOriginX = this.floatOffsetLeft
         this.floatOriginY = this.floatOffsetTop
       },
-      onDragAround ({offsetLeft, offsetTop}) {
+      onDragAround ({ offsetLeft, offsetTop }) {
         this.floatOffsetLeft = this.floatOriginX + offsetLeft
         this.floatOffsetTop = this.floatOriginY + offsetTop
       },
@@ -846,6 +845,13 @@
         this.internalRepeat = val
       },
     },
+    beforeCreate () {
+      if (!VueAPlayer.disableVersionBadge && !versionBadgePrinted) {
+        // version badge
+        console.log(`\n\n %c Vue-APlayer ${VERSION} %c vue-aplayer.js.org \n`, 'color: #fff; background:#41b883; padding:5px 0;', 'color: #fff; background: #35495e; padding:5px 0;')
+        versionBadgePrinted = true
+      }
+    },
     created () {
       this.shuffledList = this.getShuffledList()
     },
@@ -864,6 +870,7 @@
     },
   }
 
+  export default VueAPlayer
 
 </script>