优化组件id

packages/artplayer/src/contextmenu/index.js

@@ -71,7 +71,8 @@ export default class Contextmenu {
 
     add(item, callback) {
         const { $contextmenu } = this.art.template;
-        component(this.art, this, $contextmenu, item, callback, 'contextmenu');
+        this.id += 1;
+        return component(this.art, this, $contextmenu, item, callback, 'contextmenu');
     }
 
     setPos(event) {

packages/artplayer/src/controls/index.js

@@ -157,6 +157,7 @@ export default class Controls {
         }
 
         errorHandle(parent, 'Controls option.position can not be empty');
+        this.id += 1;
         return component(this.art, this, parent, option, callback, 'control');
     }
 

packages/artplayer/src/layers.js

@@ -13,6 +13,7 @@ export default class Layers {
 
     add(item, callback) {
         const { $layers } = this.art.template;
+        this.id += 1;
         return component(this.art, this, $layers, item, callback, 'layer');
     }
 

packages/artplayer/src/setting/index.js

@@ -37,6 +37,7 @@ export default class Setting {
 
     add(item, callback) {
         const { $settingBody } = this.art.template;
+        this.id += 1;
         return component(this.art, this, $settingBody, item, callback, 'setting');
     }
 

packages/artplayer/src/utils/component.js

@@ -3,7 +3,6 @@ import { append, insertByIndex, setStyles, setStyle, remove } from './index';
 export default function component(art, parent, target, getOption, callback, title) {
     const option = typeof getOption === 'function' ? getOption(art) : getOption;
     if (!option.disable) {
-        parent.id += 1;
         const name = option.name || `${title}${parent.id}`;
         const $element = document.createElement('div');
         $element.classList.value = `art-${title} art-${title}-${name}`;
@@ -35,6 +34,7 @@ export default function component(art, parent, target, getOption, callback, titl
         }
 
         parent[name] = {
+            id: parent.id,
             $ref: $element,
             hide() {
                 setStyle($element, 'display', 'none');