update

docs/assets/example/index.js

@@ -31,16 +31,16 @@ var art = new Artplayer({
         {
             html: 'Custom setting',
             width: 250,
-            children: [
+            selector: [
                 {
                     html: 'Custom setting 01',
-                    click: function () {
+                    onSelect: function () {
                         console.info('You clicked on the custom setting 01');
                     },
                 },
                 {
                     html: 'Custom setting 02',
-                    click: function () {
+                    onSelect: function () {
                         console.info('You clicked on the custom setting 02');
                     },
                 },

docs/assets/ts/artplayer.d.ts

@@ -92,9 +92,14 @@ type SettingOption = {
     current?: boolean;
 
     /**
-     * Html string or html element of component
+     * Custom selector list, use in controls
      */
-    children?: SettingOption[];
+    selector?: SettingOption[];
+
+    /**
+     * When selector item click, use in controls
+     */
+    onSelect?(selector: Selector, element: HTMLElement): void;
 };
 
 type Component = {