提取共用方法

packages/artplayer/src/setting/flip.js

@@ -1,10 +1,10 @@
-import { inverseClass } from '../utils';
+import { inverseClass, queryAll } from '../utils';
 
-export default function flip(settingOption) {
+export default function flip(option) {
     return art => {
         const { i18n, player } = art;
         return {
-            ...settingOption,
+            ...option,
             html: `
                 <div class="art-setting-header">${i18n.get('Flip')}</div>
                 <div class="art-setting-radio">
@@ -27,10 +27,10 @@ export default function flip(settingOption) {
             },
             mounted: $setting => {
                 art.on('flipChange', flip => {
-                    const $current = Array.from($setting.querySelectorAll('button')).find(
-                        item => item.dataset.value === flip,
-                    );
-                    inverseClass($current.parentElement, 'current');
+                    const $current = queryAll('button', $setting).find(item => item.dataset.value === flip);
+                    if ($current) {
+                        inverseClass($current.parentElement, 'current');
+                    }
                 });
             },
         };