fix bug

src/contextmenu.js

@@ -38,8 +38,8 @@ export default class Contextmenu {
       this.setPos(event);
     });
 
-    proxy(refs.$container, 'click', () => {
-      if (refs.$contextmenu) {
+    proxy(refs.$container, 'click', event => {
+      if (refs.$contextmenu && !event.path.includes(refs.$contextmenu)) {
         this.hide();
       }
     });

src/events.js

@@ -14,6 +14,6 @@ export default class Events {
   }
 
   init() {
-    console.log('init');
+    console.log('Events init');
   }
 }

src/loading.js

@@ -3,23 +3,26 @@ import Icons from './icons';
 export default class Loading {
   constructor(art) {
     this.art = art;
+    this.state = false;
     this.init();
   }
 
   init() {
-    const { option } = this.art;
+    const { option, refs: { $loading } } = this.art;
     if (option.loading) {
-      this.art.refs.$loading.insertAdjacentHTML('beforeend', option.loading);
+      $loading.insertAdjacentHTML('beforeend', option.loading);
     } else {
-      this.art.refs.$loading.appendChild(Icons.loading);
+      $loading.appendChild(Icons.loading);
     }
   }
 
   hide() {
+    this.state = false;
     this.art.refs.$loading.style.display = 'none';
   }
 
   show() {
+    this.state = true;
     this.art.refs.$loading.style.display = 'block';
   }
 }

src/style/index.scss

@@ -32,7 +32,7 @@
 
     .artplayer-contextmenu {
         position: absolute;
-        z-index: 3;
+        z-index: 7;
         left: 0;
         top: 0;
         width: 170px;