Refactor Setting class to update range values and append items

packages/artplayer/src/setting/index.js

@@ -443,8 +443,8 @@ export default class Setting extends Component {
                         } else {
                             inverseClass($item, 'art-current');
 
-                            for (let index = 0; index < item.$parent.selector.length; index++) {
-                                const element = item.$parent.selector[index];
+                            for (let index = 0; index < item.$option.length; index++) {
+                                const element = item.$option[index];
                                 element.default = element === item;
                             }
 

packages/artplayer/src/utils/component.js

@@ -114,9 +114,13 @@ export default class Component {
         const list = option.selector
             .map(
                 (item, index) =>
-                    `<div class="art-selector-item ${item.default ? 'art-current' : ''}" data-index="${index}">${
-                        item.html
-                    }</div>`,
+                    `<div 
+                        class="art-selector-item ${item.default ? 'art-current' : ''}"
+                        data-index="${index}"
+                        data-value="${item.value}"
+                    >
+                        ${item.html}
+                    </div>`,
             )
             .join('');
         const $list = createElement('div');