build all packages

packages/artplayer/src/control/fullscreen.js

@@ -18,12 +18,12 @@ export default function fullscreen(option) {
                 player.fullscreenToggle = true;
             });
 
-            art.on('fullscreen:enabled', () => {
+            art.on('fullscreenEnabled', () => {
                 setStyle($fullscreen, 'opacity', '0.8');
                 tooltip($fullscreen, i18n.get('Exit fullscreen'));
             });
 
-            art.on('fullscreen:exit', () => {
+            art.on('fullscreenExit', () => {
                 setStyle($fullscreen, 'opacity', '1');
                 tooltip($fullscreen, i18n.get('Fullscreen'));
             });

packages/artplayer/src/control/fullscreenWeb.js

@@ -18,12 +18,12 @@ export default function fullscreenWeb(option) {
                 player.fullscreenWebToggle = true;
             });
 
-            art.on('fullscreenWeb:enabled', () => {
+            art.on('fullscreenWebEnabled', () => {
                 setStyle($fullscreenWeb, 'opacity', '0.8');
                 tooltip($fullscreenWeb, i18n.get('Exit web fullscreen'));
             });
 
-            art.on('fullscreenWeb:exit', () => {
+            art.on('fullscreenWebExit', () => {
                 setStyle($fullscreenWeb, 'opacity', '1');
                 tooltip($fullscreenWeb, i18n.get('Web fullscreen'));
             });

packages/artplayer/src/control/index.js

@@ -16,7 +16,7 @@ import quality from './quality';
 export default class Control extends Component {
     constructor(art) {
         super(art);
-        
+
         art.on('ready', () => {
             const { option } = art;
 

packages/artplayer/src/control/setting.js

@@ -18,14 +18,14 @@ export default function setting(option) {
                 setting.toggle();
             });
 
-            art.on('setting:show', () => {
-                setStyle($setting, 'opacity', '0.8');
-                tooltip($setting, i18n.get('Hide setting'));
-            });
-
-            art.on('setting:hide', () => {
-                setStyle($setting, 'opacity', '1');
-                tooltip($setting, i18n.get('Show setting'));
+            art.on('setting:toggle', value => {
+                if (value) {
+                    setStyle($setting, 'opacity', '0.8');
+                    tooltip($setting, i18n.get('Hide setting'));
+                } else {
+                    setStyle($setting, 'opacity', '1');
+                    tooltip($setting, i18n.get('Show setting'));
+                }
             });
         },
     });