压缩字符

packages/artplayer/src/utils/component.js

@@ -1,6 +1,4 @@
-import { hasClass, addClass, removeClass, append, setStyle, setStyles, tooltip } from './dom';
-import { has, def } from './property';
-import { errorHandle } from './error';
+import { hasClass, addClass, removeClass, append, setStyles, tooltip } from './dom';
 
 export default class Component {
     constructor(art) {
@@ -15,7 +13,6 @@ export default class Component {
     }
 
     set show(value) {
-        errorHandle(value === false || value === true, 'The show attribute expects a boolean value');
         const { $player } = this.art.template;
         const className = `art-${this.name}-show`;
         if (value) {
@@ -32,10 +29,9 @@ 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 || option.disable) return;
         this.id += 1;
         const name = option.name || `${this.name}${this.id}`;
-        errorHandle(!has(this, name), `Cannot add a component that already has the same name: ${name}`);
         const $ref = document.createElement('div');
         $ref.classList.value = `art-${this.name} art-${this.name}-${name}`;
 
@@ -75,22 +71,6 @@ export default class Component {
             callback($ref, this, this.art);
         }
 
-        def(this, name, {
-            value: {
-                get $ref() {
-                    return $ref;
-                },
-                set show(value) {
-                    if (value) {
-                        setStyle($ref, 'display', 'block');
-                    } else {
-                        setStyle($ref, 'display', 'none');
-                    }
-                },
-            },
-        });
-
         this.art.emit(`${this.name}:add`, option);
-        return this[name];
     }
 }

packages/artplayer/src/utils/emitter.js

@@ -0,0 +1,42 @@
+export default class Emitter {
+    on(name, fn, ctx) {
+        const e = this.e || (this.e = {});
+        (e[name] || (e[name] = [])).push({ fn, ctx });
+        return this;
+    }
+
+    once(name, fn, ctx) {
+        const self = this;
+        function listener(...args) {
+            self.off(name, listener);
+            fn.apply(ctx, args);
+        }
+        listener._ = fn;
+        return this.on(name, listener, ctx);
+    }
+
+    emit(name, ...data) {
+        const evtArr = ((this.e || (this.e = {}))[name] || []).slice();
+        for (let i = 0; i < evtArr.length; i += 1) {
+            evtArr[i].fn.apply(evtArr[i].ctx, data);
+        }
+        return this;
+    }
+
+    off(name, callback) {
+        const e = this.e || (this.e = {});
+        const evts = e[name];
+        const liveEvents = [];
+        if (evts && callback) {
+            for (let i = 0, len = evts.length; i < len; i += 1) {
+                if (evts[i].fn !== callback && evts[i].fn._ !== callback) liveEvents.push(evts[i]);
+            }
+        }
+        if (liveEvents.length) {
+            e[name] = liveEvents;
+        } else {
+            delete e[name];
+        }
+        return this;
+    }
+}