build all packages

packages/artplayer/src/contextmenu/index.js

@@ -10,6 +10,8 @@ export default class Contextmenu extends Component {
     constructor(art) {
         super(art);
 
+        this.name = 'contextmenu';
+
         const {
             option,
             template: { $player, $contextmenu },

packages/artplayer/src/control/index.js

@@ -17,6 +17,8 @@ export default class Control extends Component {
     constructor(art) {
         super(art);
 
+        this.name = 'control';
+
         const { option } = art;
 
         art.on('ready', () => {

packages/artplayer/src/info.js

@@ -5,6 +5,8 @@ export default class Info extends Component {
     constructor(art) {
         super(art);
 
+        this.name = 'info';
+
         const {
             template: { $infoPanel, $infoClose, $video },
             events: { proxy },

packages/artplayer/src/layer.js

@@ -3,6 +3,7 @@ import Component from './utils/component';
 export default class Layer extends Component {
     constructor(art) {
         super(art);
+        this.name = 'layer';
         this.$parent = art.template.$layer;
         art.on('ready', () => {
             art.option.layers.forEach(item => {

packages/artplayer/src/loading.js

@@ -4,6 +4,7 @@ import Component from './utils/component';
 export default class Loading extends Component {
     constructor(art) {
         super(art);
+        this.name = 'loading';
         append(art.template.$loading, art.icons.loading);
     }
 }

packages/artplayer/src/mask.js

@@ -4,6 +4,7 @@ import Component from './utils/component';
 export default class Mask extends Component {
     constructor(art) {
         super(art);
+        this.name = 'mask';
         append(art.template.$state, art.icons.state);
     }
 }

packages/artplayer/src/setting/index.js

@@ -7,6 +7,8 @@ export default class Setting extends Component {
     constructor(art) {
         super(art);
 
+        this.name = 'setting';
+
         const {
             option,
             template: { $setting, $settingBody },

packages/artplayer/src/subtitle.js

@@ -5,6 +5,8 @@ export default class Subtitle extends Component {
     constructor(art) {
         super(art);
 
+        this.name = 'subtitle';
+
         const {
             events: { proxy },
             option: { subtitle },

packages/artplayer/src/utils/component.js

@@ -5,7 +5,6 @@ export default class Component {
         this.id = 0;
         this.art = art;
         this.add = this.add.bind(this);
-        this.name = this.constructor.name.toLowerCase();
     }
 
     get show() {
@@ -31,7 +30,7 @@ export default class Component {
 
     add(getOption, callback) {
         const option = typeof getOption === 'function' ? getOption(this.art) : getOption;
-        if (!this.$parent || option.disable) return;
+        if (!this.$parent || !this.name || option.disable) return;
         this.id += 1;
         const name = option.name || `${this.name}${this.id}`;
         const $ref = document.createElement('div');