update setting

packages/artplayer/src/setting/subtitleOffset.js

@@ -1,27 +1,38 @@
-import { inverseClass, queryAll } from '../utils';
+import { inverseClass, query, queryAll } from '../utils';
 
 export default function subtitleOffset(art) {
     const { i18n, icons } = art;
 
+    function getI18n(value) {
+        return value === 0 ? i18n.get('Normal') : value;
+    }
+
     return {
         width: 150,
         html: i18n.get('Subtitle Offset'),
+        desc: getI18n(art.subtitleOffset),
         icon: icons.subtitle,
         selector: [-5, -4, -3, -2, -1, 0, 1, 2, 3, 4, 5].map((item) => {
             return {
                 value: item,
                 default: item === art.subtitleOffset,
-                html: item === 0 ? i18n.get('Normal') : item,
+                html: getI18n(item),
             };
         }),
         onSelect(item) {
             art.subtitleOffset = item.value;
         },
-        mounted: ($panel) => {
+        mounted: ($panel, item) => {
+            const $desc = query('.art-setting-item-right-desc', item.$item);
+            $desc.innerText = getI18n(art.subtitleOffset);
+
             art.on('subtitleOffset', (value) => {
-                const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
+                const $current = queryAll('.art-setting-item', $panel).find(
+                    (item) => Number(item.dataset.value) === value,
+                );
                 if ($current) {
                     inverseClass($current, 'art-current');
+                    $desc.innerText = getI18n(art.subtitleOffset);
                 }
             });
         },