分离template

packages/artplayer/src/mask.js

@@ -6,20 +6,20 @@ export default class Mask {
         this.art = art;
         const {
             option,
-            refs: { $mask },
+            template: { $mask },
         } = art;
         const $playBig = append($mask, '<div class="art-playBig"></div>');
         append($playBig, option.icons.playBig || icons.playBig);
     }
 
     show() {
-        const { $mask } = this.art.refs;
+        const { $mask } = this.art.template;
         setStyle($mask, 'display', 'flex');
         this.art.emit('mask:show', $mask);
     }
 
     hide() {
-        const { $mask } = this.art.refs;
+        const { $mask } = this.art.template;
         setStyle($mask, 'display', 'none');
         this.art.emit('mask:show', $mask);
     }