分离template

packages/artplayer/src/player/aspectRatioMix.js

@@ -2,7 +2,7 @@ import { setStyle, errorHandle } from '../utils';
 
 export default function aspectRatioMix(art, player) {
     const {
-        refs: { $video, $player },
+        template: { $video, $player },
         i18n,
         notice,
     } = art;

packages/artplayer/src/player/attachUrlMix.js

@@ -3,7 +3,7 @@ import { getExt } from '../utils';
 export default function attachUrlMix(art, player) {
     const {
         option: { type, customType },
-        refs: { $video },
+        template: { $video },
     } = art;
 
     Object.defineProperty(player, 'returnUrl', {

packages/artplayer/src/player/attrInit.js

@@ -3,7 +3,7 @@ import { clamp, sleep } from '../utils';
 export default function attrInit(art, player) {
     const {
         option,
-        refs: { $video },
+        template: { $video },
     } = art;
     Object.keys(option.moreVideoAttr).forEach(key => {
         $video[key] = option.moreVideoAttr[key];

packages/artplayer/src/player/autoSizeMix.js

@@ -2,7 +2,7 @@ import { setStyle } from '../utils';
 
 export default function resizeMix(art, player) {
     const {
-        refs: { $container, $player, $video },
+        template: { $container, $player, $video },
     } = art;
 
     Object.defineProperty(player, 'autoSizeState', {

packages/artplayer/src/player/currentTimeMix.js

@@ -1,8 +1,8 @@
 export default function currentTimeMix(art, player) {
     Object.defineProperty(player, 'currentTime', {
-        get: () => art.refs.$video.currentTime || 0,
+        get: () => art.template.$video.currentTime || 0,
         set: currentTime => {
-            art.refs.$video.currentTime = currentTime;
+            art.template.$video.currentTime = currentTime;
         },
     });
 }

packages/artplayer/src/player/durationMix.js

@@ -1,5 +1,5 @@
 export default function durationMix(art, player) {
     Object.defineProperty(player, 'duration', {
-        get: () => art.refs.$video.duration || 0,
+        get: () => art.template.$video.duration || 0,
     });
 }

packages/artplayer/src/player/eventInit.js

@@ -5,7 +5,7 @@ export default function eventInit(art, player) {
     const {
         option,
         events: { proxy },
-        refs: { $player, $video },
+        template: { $player, $video },
         i18n,
         notice,
     } = art;

packages/artplayer/src/player/flipMix.js

@@ -2,21 +2,21 @@ import { errorHandle } from '../utils';
 
 export default function flipMix(art, player) {
     Object.defineProperty(player, 'flipState', {
-        get: () => art.refs.$player.dataset.flip,
+        get: () => art.template.$player.dataset.flip,
     });
 
     Object.defineProperty(player, 'flip', {
         value: flip => {
             const flipList = ['normal', 'horizontal', 'vertical'];
             errorHandle(flipList.includes(flip), `'flip' only accept ${flipList.toString()} as parameters`);
-            art.refs.$player.dataset.flip = flip;
+            art.template.$player.dataset.flip = flip;
             art.emit('flipChange', flip);
         },
     });
 
     Object.defineProperty(player, 'flipRemove', {
         value: () => {
-            delete art.refs.$player.dataset.flip;
+            delete art.template.$player.dataset.flip;
             art.emit('flipRemove');
         },
     });

packages/artplayer/src/player/fullscreenMix.js

@@ -4,7 +4,7 @@ export default function fullscreenMix(art, player) {
     const {
         notice,
         events: { destroyEvents },
-        refs: { $player },
+        template: { $player },
     } = art;
 
     const screenfullChange = () => {

packages/artplayer/src/player/fullscreenWebMix.js

@@ -1,6 +1,6 @@
 export default function fullscreenWebMix(art, player) {
     const {
-        refs: { $player },
+        template: { $player },
     } = art;
 
     Object.defineProperty(player, 'fullscreenWebState', {

packages/artplayer/src/player/loadedMix.js

@@ -1,8 +1,8 @@
 export default function seekMix(art, player) {
     Object.defineProperty(player, 'loaded', {
         get: () =>
-            art.refs.$video.buffered.length
-                ? art.refs.$video.buffered.end(art.refs.$video.buffered.length - 1) / art.refs.$video.duration
+            art.template.$video.buffered.length
+                ? art.template.$video.buffered.end(art.template.$video.buffered.length - 1) / art.template.$video.duration
                 : 0,
     });
 }

packages/artplayer/src/player/pauseMin.js

@@ -1,6 +1,6 @@
 export default function pauseMin(art, player) {
     const {
-        refs: { $video },
+        template: { $video },
         i18n,
         notice,
     } = art;

packages/artplayer/src/player/pipMix.js

@@ -4,7 +4,7 @@ import { setStyle, append } from '../utils';
 function nativePip(art, player) {
     const {
         notice,
-        refs: { $video },
+        template: { $video },
         events: { proxy },
     } = art;
 
@@ -54,7 +54,7 @@ function customPip(art, player) {
     const {
         option,
         i18n,
-        refs: { $player, $pipClose, $pipTitle },
+        template: { $player, $pipClose, $pipTitle },
         events: { destroyEvents, proxy },
     } = art;
     let cachePos = null;

packages/artplayer/src/player/playMix.js

@@ -1,6 +1,6 @@
 export default function playMix(art, player) {
     const {
-        refs: { $video },
+        template: { $video },
         i18n,
         notice,
         option: { mutex },

packages/artplayer/src/player/playbackRateMix.js

@@ -2,7 +2,7 @@ import { errorHandle } from '../utils';
 
 export default function playbackRateMix(art, player) {
     const {
-        refs: { $video, $player },
+        template: { $video, $player },
         i18n,
         notice,
     } = art;

packages/artplayer/src/player/playedMix.js

@@ -1,5 +1,5 @@
 export default function seekMix(art, player) {
     Object.defineProperty(player, 'played', {
-        get: () => art.refs.$video.currentTime / art.refs.$video.duration,
+        get: () => art.template.$video.currentTime / art.template.$video.duration,
     });
 }

packages/artplayer/src/player/screenshotMix.js

@@ -4,7 +4,7 @@ export default function screenshotMix(art, player) {
     const {
         option,
         notice,
-        refs: { $video },
+        template: { $video },
     } = art;
 
     function captureFrame() {

packages/artplayer/src/player/volumeMix.js

@@ -2,7 +2,7 @@ import { clamp } from '../utils';
 
 export default function volumeMix(art, player) {
     const {
-        refs: { $video },
+        template: { $video },
         i18n,
         notice,
         storage,