优化回调分离

packages/artplayer/src/contextmenu/aspectRatio.js

@@ -17,9 +17,16 @@ export default function aspectRatio(art) {
       const { ratio } = target.dataset;
       if (ratio) {
         player.aspectRatio(ratio.split(':'));
-        inverseClass(target, 'current');
         art.contextmenu.hide();
       }
+    },
+    callback: $menu => {
+      art.on('aspectRatio', ratio => {
+        const $current = Array.from($menu.querySelectorAll('span')).find(
+          item => item.dataset.ratio === ratio.join(':')
+        );
+        inverseClass($current, 'current');
+      });
     }
   };
 }

packages/artplayer/src/contextmenu/index.js

@@ -60,10 +60,11 @@ export default class Contextmenu {
           this.art.emit('contextmenu:click', $menu);
         });
       }
-      this.art.emit('contextmenu:add', $menu);
-      callback && callback($menu);
-      this[name] = $menu;
       insertByIndex($contextmenu, $menu, menu.index || id);
+      this[name] = $menu;
+      menu.callback && menu.callback($menu);
+      callback && callback($menu);
+      this.art.emit('contextmenu:add', $menu);
     }
   }
 

packages/artplayer/src/contextmenu/playbackRate.js

@@ -20,9 +20,16 @@ export default function playbackRate(art) {
       const { rate } = target.dataset;
       if (rate) {
         player.playbackRate(Number(rate));
-        inverseClass(target, 'current');
         art.contextmenu.hide();
       }
+    },
+    callback: $menu => {
+      art.on('playbackRate', rate => {
+        const $current = Array.from($menu.querySelectorAll('span')).find(
+          item => Number(item.dataset.rate) === rate
+        );
+        inverseClass($current, 'current');
+      });
     }
   };
 }