update docs

packages/artplayer/src/contextmenu/aspectRatio.js

@@ -1,4 +1,4 @@
-import { sublings } from '../utils';
+import { inverseClass } from '../utils';
 
 export default function aspectRatio(art) {
   const { option, i18n, player } = art;
@@ -17,8 +17,7 @@ export default function aspectRatio(art) {
       const { ratio } = target.dataset;
       if (ratio) {
         player.aspectRatio(ratio.split(':'));
-        sublings(target).forEach(item => item.classList.remove('current'));
-        target.classList.add('current');
+        inverseClass(target, 'current');
         art.contextmenu.hide();
       }
     }

packages/artplayer/src/contextmenu/playbackRate.js

@@ -1,4 +1,4 @@
-import { sublings } from '../utils';
+import { inverseClass } from '../utils';
 
 export default function playbackRate(art) {
   const { option, i18n, player } = art;
@@ -20,8 +20,7 @@ export default function playbackRate(art) {
       const { rate } = target.dataset;
       if (rate) {
         player.playbackRate(Number(rate));
-        sublings(target).forEach(item => item.classList.remove('current'));
-        target.classList.add('current');
+        inverseClass(target, 'current');
         art.contextmenu.hide();
       }
     }

packages/artplayer/src/events/resizeInit.js

@@ -1,12 +1,16 @@
 import { sleep } from '../utils';
 import { ResizeObserver } from 'resize-observer';
 
-export default function clickInit(art, events) {
+export default function resizeInit(art, events) {
   const { option, refs: { $player } } = art;
   const resizeObserver = new ResizeObserver(() => {
     sleep().then(() => {
       if (option.autoSize) {
-        art.player.autoSize();
+        if (!art.player.fullscreenState && !art.player.fullscreenWebState) {
+          art.player.autoSize();
+        } else {
+          art.player.autoSizeRemove();
+        }
       }
       art.player.aspectRatioReset();
       art.emit('resize');

packages/artplayer/src/layers.js

@@ -13,13 +13,20 @@ export default class Layers {
 
   add(item, callback) {
     if (!item.disable) {
-      const { refs: { $layers } } = this.art;
+      const { refs: { $layers }, events: { proxy } } = this.art;
       id++;
       const $layer = document.createElement('div');
       $layer.setAttribute('class', `art-layer art-layer-${item.name || id}`);
       setStyle($layer, 'z-index', item.index || id);
       append($layer, item.html);
       setStyles($layer, item.style || {});
+      if (item.click) {
+        proxy($layer, 'click', event => {
+          event.preventDefault();
+          item.click.call(this, event);
+          this.art.emit('layers:click', $layer);
+        });
+      }
       this.art.emit('layers:add', $layer);
       callback && callback($layer);
       insertByIndex($layers, $layer, item.index || id);

packages/artplayer/src/player/aspectRatioMix.js

@@ -1,4 +1,4 @@
-import { setStyle, sublings } from '../utils';
+import { setStyle, inverseClass } from '../utils';
 
 export default function aspectRatioMix(art, player) {
   const { refs: { $video, $player }, i18n, notice } = art;
@@ -43,8 +43,7 @@ export default function aspectRatioMix(art, player) {
       delete $player.dataset.aspectRatio;
       if (art.contextmenu.$aspectRatio) {
         const $default = art.contextmenu.$aspectRatio.querySelector('.default');
-        sublings($default).forEach(item => item.classList.remove('current'));
-        $default.classList.add('current');
+        inverseClass($default, 'current');
       }
     }
   });

packages/artplayer/src/player/playbackRateMix.js

@@ -1,4 +1,4 @@
-import { clamp, sublings } from '../utils';
+import { clamp, inverseClass } from '../utils';
 
 export default function playbackRateMix(art, player) {
   const { refs: { $video, $player }, i18n, notice } = art;
@@ -19,8 +19,7 @@ export default function playbackRateMix(art, player) {
       delete $player.dataset.playbackRate;
       if (art.contextmenu.$playbackRate) {
         const $normal = art.contextmenu.$playbackRate.querySelector('.normal');
-        sublings($normal).forEach(item => item.classList.remove('current'));
-        $normal.classList.add('current');
+        inverseClass($normal, 'current');
       }
     }
   });

packages/artplayer/src/utils/index.js

@@ -123,6 +123,11 @@ export function sublings(target) {
   return Array.from(target.parentElement.children).filter(item => item !== target);
 }
 
+export function inverseClass(target, className) {
+  sublings(target).forEach(item => item.classList.remove(className));
+  target.classList.add(className);
+}
+
 export function debounce(func, wait, context) {
   let timeout;
   function fn() {