添加弹幕插件

packages/artplayer/src/controls/index.js

@@ -1,3 +1,4 @@
+import { errorHandle } from '../utils';
 import component from '../utils/component';
 import fullscreen from './fullscreen';
 import fullscreenWeb from './fullscreenWeb';
@@ -155,9 +156,8 @@ export default class Controls {
                 break;
         }
 
-        if (parent) {
-            component(this.art, this, parent, option, callback, 'control');
-        }
+        errorHandle(parent, 'Controls option.position can not be empty');
+        return component(this.art, this, parent, option, callback, 'control');
     }
 
     show() {

packages/artplayer/src/layers.js

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

packages/artplayer/src/plugins/miniProgressBar.js

@@ -8,6 +8,7 @@ export default function miniProgressBar(art) {
     let timer = null;
 
     layers.add({
+        name: 'miniProgressBar',
         style: {
             display: 'none',
             position: 'absolute',

packages/artplayer/src/setting/index.js

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

packages/artplayer/src/utils/component.js

@@ -1,7 +1,7 @@
 import { append, insertByIndex, setStyles, setStyle, remove } from './index';
 
-export default function component(art, parent, target, component, callback, title) {
-    const option = typeof component === 'function' ? component(art) : component;
+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}`;
@@ -62,4 +62,6 @@ export default function component(art, parent, target, component, callback, titl
         parent[name] = option;
         art.emit(`${title}:add`, option);
     }
+
+    return option;
 }