build all packages

packages/artplayer/src/contextmenu/aspectRatio.js

@@ -16,7 +16,7 @@ export default function aspectRatio(menuOption) {
                 const { ratio } = target.dataset;
                 if (ratio) {
                     player.aspectRatio = ratio;
-                    art.contextmenu.hide();
+                    art.contextmenu.show = false;
                 }
             },
             mounted: $menu => {

packages/artplayer/src/contextmenu/close.js

@@ -3,7 +3,7 @@ export default function close(menuOption) {
         ...menuOption,
         html: art.i18n.get('Close'),
         click: () => {
-            art.contextmenu.hide();
+            art.contextmenu.show = false;
         },
     });
 }

packages/artplayer/src/contextmenu/index.js

@@ -15,7 +15,7 @@ export default class Contextmenu {
         });
 
         this.art.on('blur', () => {
-            this.hide();
+            this.show = false;
         });
     }
 
@@ -62,13 +62,13 @@ export default class Contextmenu {
 
         proxy($player, 'contextmenu', event => {
             event.preventDefault();
-            this.show();
+            this.show = true;
             this.setPos(event);
         });
 
         proxy($player, 'click', event => {
             if (!event.composedPath().includes($contextmenu)) {
-                this.hide();
+                this.show = false;
             }
         });
     }
@@ -100,17 +100,20 @@ export default class Contextmenu {
         setStyle($contextmenu, 'top', `${menuTop}px`);
     }
 
-    show() {
+    set show(value) {
         const { $player } = this.art.template;
-        this.state = true;
-        $player.classList.add('artplayer-contextmenu-show');
-        this.art.emit('contextmenu:show');
+        if (value) {
+            this.state = true;
+            $player.classList.add('artplayer-contextmenu-show');
+            this.art.emit('contextmenu:show');
+        } else {
+            this.state = false;
+            $player.classList.remove('artplayer-contextmenu-show');
+            this.art.emit('contextmenu:hide');
+        }
     }
 
-    hide() {
-        const { $player } = this.art.template;
-        this.state = false;
-        $player.classList.remove('artplayer-contextmenu-show');
-        this.art.emit('contextmenu:hide');
+    toggle() {
+        this.show = !this.state;
     }
 }

packages/artplayer/src/contextmenu/info.js

@@ -3,8 +3,8 @@ export default function info(menuOption) {
         ...menuOption,
         html: art.i18n.get('Video info'),
         click: () => {
-            art.info.show();
-            art.contextmenu.hide();
+            art.info.show = true;
+            art.contextmenu.show = false;
         },
     });
 }

packages/artplayer/src/contextmenu/playbackRate.js

@@ -19,7 +19,7 @@ export default function playbackRate(menuOption) {
                 const { rate } = target.dataset;
                 if (rate) {
                     player.playbackRate = Number(rate);
-                    art.contextmenu.hide();
+                    art.contextmenu.show = false;
                 }
             },
             mounted: $menu => {