update

packages/artplayer/src/setting/aspectRatio.js

@@ -8,7 +8,7 @@ export default function aspectRatio(art) {
         selector: ['default', '4:3', '16:9'].map((item) => {
             return {
                 html: item === 'default' ? i18n.get('Default') : item,
-                current: item === 'default',
+                default: item === 'default',
                 onSelect() {
                     art.aspectRatio = item;
                 },

packages/artplayer/src/setting/flip.js

@@ -13,7 +13,7 @@ export default function playbackRate(art) {
         selector: Object.keys(keys).map((key) => {
             return {
                 html: i18n.get(keys[key]),
-                current: key === 'normal',
+                default: key === 'normal',
                 onSelect() {
                     art.flip = key;
                 },

packages/artplayer/src/setting/index.js

@@ -96,7 +96,7 @@ export default class Setting extends Component {
         const $right = append($item, `<div class="art-setting-item-right"></div>`);
 
         addClass($item, 'art-setting-item');
-        if (item.current) {
+        if (item.default) {
             addClass($item, 'art-current');
         }
 
@@ -116,15 +116,17 @@ export default class Setting extends Component {
         }
 
         proxy($item, 'click', (event) => {
-            if (typeof item.onSelect === 'function') {
-                item.onSelect.call(this.art, this, event);
-            }
-
             if (hasChildren) {
                 this.init(item.selector);
                 setStyle(this.$parent, 'width', `${item.width || this.width}px`);
             } else {
                 inverseClass($item, 'art-current');
+                if (item.onSelect) {
+                    const result = item.onSelect.call(this.art, item, $item, event);
+                    if (typeof result === 'string') {
+                        $item.innerHTML = result;
+                    }
+                }
             }
         });
 

packages/artplayer/src/setting/playbackRate.js

@@ -8,7 +8,7 @@ export default function playbackRate(art) {
         selector: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0].map((item) => {
             return {
                 html: item === 1.0 ? i18n.get('Normal') : item,
-                current: item === 1.0,
+                default: item === 1.0,
                 onSelect() {
                     art.playbackRate = item;
                 },

packages/artplayer/src/setting/subtitleOffset.js

@@ -8,7 +8,7 @@ export default function subtitleOffset(art) {
         selector: [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5].map((item) => {
             return {
                 html: item === 0 ? i18n.get('Normal') : item,
-                current: item === 0,
+                default: item === 0,
                 onSelect() {
                     art.subtitleOffset = item;
                 },