调整组件公共函数

packages/artplayer/src/layers.js

@@ -40,11 +40,32 @@ export default class Layers {
             if (callback) {
                 callback($layer);
             }
-            this[name] = $layer;
-            this.art.emit('layers:add', $layer);
+            this.commonMethod(layer, $layer);
+            this[name] = layer;
+            this.art.emit('layers:add', layer);
         }
     }
 
+    commonMethod(layer, $layer) {
+        Object.defineProperty(layer, '$ref', {
+            get: () => $layer,
+        });
+
+        Object.defineProperty(layer, 'hide', {
+            value: () => {
+                setStyle($layer, 'display', 'none');
+                this.art.emit('layer:hide', $layer);
+            },
+        });
+
+        Object.defineProperty(layer, 'show', {
+            value: () => {
+                setStyle($layer, 'display', 'block');
+                this.art.emit('layer:show', $layer);
+            },
+        });
+    }
+
     show() {
         const { $layers } = this.art.refs;
         setStyle($layers, 'display', 'block');