update

docs/uncompiled/artplayer.js

@@ -1433,210 +1433,176 @@
     });
   }
 
-  var screenfull$1 = {exports: {}};
+  /* eslint-disable promise/prefer-await-to-then */
 
-  /*!
+  const methodMap = [
-  * screenfull
+  	[
-  * v5.2.0 - 2021-11-03
+  		'requestFullscreen',
-  * (c) Sindre Sorhus; MIT License
+  		'exitFullscreen',
-  */
+  		'fullscreenElement',
+  		'fullscreenEnabled',
+  		'fullscreenchange',
+  		'fullscreenerror',
+  	],
+  	// New WebKit
+  	[
+  		'webkitRequestFullscreen',
+  		'webkitExitFullscreen',
+  		'webkitFullscreenElement',
+  		'webkitFullscreenEnabled',
+  		'webkitfullscreenchange',
+  		'webkitfullscreenerror',
 
-  (function (module) {
+  	],
-  (function () {
+  	// Old WebKit
+  	[
+  		'webkitRequestFullScreen',
+  		'webkitCancelFullScreen',
+  		'webkitCurrentFullScreenElement',
+  		'webkitCancelFullScreen',
+  		'webkitfullscreenchange',
+  		'webkitfullscreenerror',
 
-  	var document = typeof window !== 'undefined' && typeof window.document !== 'undefined' ? window.document : {};
+  	],
-  	var isCommonjs = module.exports;
+  	[
+  		'mozRequestFullScreen',
+  		'mozCancelFullScreen',
+  		'mozFullScreenElement',
+  		'mozFullScreenEnabled',
+  		'mozfullscreenchange',
+  		'mozfullscreenerror',
+  	],
+  	[
+  		'msRequestFullscreen',
+  		'msExitFullscreen',
+  		'msFullscreenElement',
+  		'msFullscreenEnabled',
+  		'MSFullscreenChange',
+  		'MSFullscreenError',
+  	],
+  ];
 
-  	var fn = (function () {
+  const nativeAPI = (() => {
-  		var val;
+  	const unprefixedMethods = methodMap[0];
+  	const returnValue = {};
 
-  		var fnMap = [
+  	for (const methodList of methodMap) {
-  			[
+  		const exitFullscreenMethod = methodList?.[1];
-  				'requestFullscreen',
+  		if (exitFullscreenMethod in document) {
-  				'exitFullscreen',
+  			for (const [index, method] of methodList.entries()) {
-  				'fullscreenElement',
+  				returnValue[unprefixedMethods[index]] = method;
-  				'fullscreenEnabled',
-  				'fullscreenchange',
-  				'fullscreenerror'
-  			],
-  			// New WebKit
-  			[
-  				'webkitRequestFullscreen',
-  				'webkitExitFullscreen',
-  				'webkitFullscreenElement',
-  				'webkitFullscreenEnabled',
-  				'webkitfullscreenchange',
-  				'webkitfullscreenerror'
-
-  			],
-  			// Old WebKit
-  			[
-  				'webkitRequestFullScreen',
-  				'webkitCancelFullScreen',
-  				'webkitCurrentFullScreenElement',
-  				'webkitCancelFullScreen',
-  				'webkitfullscreenchange',
-  				'webkitfullscreenerror'
-
-  			],
-  			[
-  				'mozRequestFullScreen',
-  				'mozCancelFullScreen',
-  				'mozFullScreenElement',
-  				'mozFullScreenEnabled',
-  				'mozfullscreenchange',
-  				'mozfullscreenerror'
-  			],
-  			[
-  				'msRequestFullscreen',
-  				'msExitFullscreen',
-  				'msFullscreenElement',
-  				'msFullscreenEnabled',
-  				'MSFullscreenChange',
-  				'MSFullscreenError'
-  			]
-  		];
-
-  		var i = 0;
-  		var l = fnMap.length;
-  		var ret = {};
-
-  		for (; i < l; i++) {
-  			val = fnMap[i];
-  			if (val && val[1] in document) {
-  				for (i = 0; i < val.length; i++) {
-  					ret[fnMap[0][i]] = val[i];
-  				}
-  				return ret;
   			}
+
+  			return returnValue;
   		}
-
-  		return false;
-  	})();
-
-  	var eventNameMap = {
-  		change: fn.fullscreenchange,
-  		error: fn.fullscreenerror
-  	};
-
-  	var screenfull = {
-  		request: function (element, options) {
-  			return new Promise(function (resolve, reject) {
-  				var onFullScreenEntered = function () {
-  					this.off('change', onFullScreenEntered);
-  					resolve();
-  				}.bind(this);
-
-  				this.on('change', onFullScreenEntered);
-
-  				element = element || document.documentElement;
-
-  				var returnPromise = element[fn.requestFullscreen](options);
-
-  				if (returnPromise instanceof Promise) {
-  					returnPromise.then(onFullScreenEntered).catch(reject);
-  				}
-  			}.bind(this));
-  		},
-  		exit: function () {
-  			return new Promise(function (resolve, reject) {
-  				if (!this.isFullscreen) {
-  					resolve();
-  					return;
-  				}
-
-  				var onFullScreenExit = function () {
-  					this.off('change', onFullScreenExit);
-  					resolve();
-  				}.bind(this);
-
-  				this.on('change', onFullScreenExit);
-
-  				var returnPromise = document[fn.exitFullscreen]();
-
-  				if (returnPromise instanceof Promise) {
-  					returnPromise.then(onFullScreenExit).catch(reject);
-  				}
-  			}.bind(this));
-  		},
-  		toggle: function (element, options) {
-  			return this.isFullscreen ? this.exit() : this.request(element, options);
-  		},
-  		onchange: function (callback) {
-  			this.on('change', callback);
-  		},
-  		onerror: function (callback) {
-  			this.on('error', callback);
-  		},
-  		on: function (event, callback) {
-  			var eventName = eventNameMap[event];
-  			if (eventName) {
-  				document.addEventListener(eventName, callback, false);
-  			}
-  		},
-  		off: function (event, callback) {
-  			var eventName = eventNameMap[event];
-  			if (eventName) {
-  				document.removeEventListener(eventName, callback, false);
-  			}
-  		},
-  		raw: fn
-  	};
-
-  	if (!fn) {
-  		if (isCommonjs) {
-  			module.exports = {isEnabled: false};
-  		} else {
-  			window.screenfull = {isEnabled: false};
-  		}
-
-  		return;
   	}
 
-  	Object.defineProperties(screenfull, {
+  	return false;
-  		isFullscreen: {
-  			get: function () {
-  				return Boolean(document[fn.fullscreenElement]);
-  			}
-  		},
-  		element: {
-  			enumerable: true,
-  			get: function () {
-  				return document[fn.fullscreenElement];
-  			}
-  		},
-  		isEnabled: {
-  			enumerable: true,
-  			get: function () {
-  				// Coerce to boolean in case of old WebKit
-  				return Boolean(document[fn.fullscreenEnabled]);
-  			}
-  		}
-  	});
-
-  	if (isCommonjs) {
-  		module.exports = screenfull;
-  	} else {
-  		window.screenfull = screenfull;
-  	}
   })();
-  }(screenfull$1));
 
-  var screenfull = screenfull$1.exports;
+  const eventNameMap = {
+  	change: nativeAPI.fullscreenchange,
+  	error: nativeAPI.fullscreenerror,
+  };
+
+  // eslint-disable-next-line import/no-mutable-exports
+  let screenfull = {
+  	// eslint-disable-next-line default-param-last
+  	request(element = document.documentElement, options) {
+  		return new Promise((resolve, reject) => {
+  			const onFullScreenEntered = () => {
+  				screenfull.off('change', onFullScreenEntered);
+  				resolve();
+  			};
+
+  			screenfull.on('change', onFullScreenEntered);
+
+  			const returnPromise = element[nativeAPI.requestFullscreen](options);
+
+  			if (returnPromise instanceof Promise) {
+  				returnPromise.then(onFullScreenEntered).catch(reject);
+  			}
+  		});
+  	},
+  	exit() {
+  		return new Promise((resolve, reject) => {
+  			if (!screenfull.isFullscreen) {
+  				resolve();
+  				return;
+  			}
+
+  			const onFullScreenExit = () => {
+  				screenfull.off('change', onFullScreenExit);
+  				resolve();
+  			};
+
+  			screenfull.on('change', onFullScreenExit);
+
+  			const returnPromise = document[nativeAPI.exitFullscreen]();
+
+  			if (returnPromise instanceof Promise) {
+  				returnPromise.then(onFullScreenExit).catch(reject);
+  			}
+  		});
+  	},
+  	toggle(element, options) {
+  		return screenfull.isFullscreen ? screenfull.exit() : screenfull.request(element, options);
+  	},
+  	onchange(callback) {
+  		screenfull.on('change', callback);
+  	},
+  	onerror(callback) {
+  		screenfull.on('error', callback);
+  	},
+  	on(event, callback) {
+  		const eventName = eventNameMap[event];
+  		if (eventName) {
+  			document.addEventListener(eventName, callback, false);
+  		}
+  	},
+  	off(event, callback) {
+  		const eventName = eventNameMap[event];
+  		if (eventName) {
+  			document.removeEventListener(eventName, callback, false);
+  		}
+  	},
+  	raw: nativeAPI,
+  };
+
+  Object.defineProperties(screenfull, {
+  	isFullscreen: {
+  		get: () => Boolean(document[nativeAPI.fullscreenElement]),
+  	},
+  	element: {
+  		enumerable: true,
+  		get: () => document[nativeAPI.fullscreenElement] ?? undefined,
+  	},
+  	isEnabled: {
+  		enumerable: true,
+  		// Coerce to boolean in case of old WebKit.
+  		get: () => Boolean(document[nativeAPI.fullscreenEnabled]),
+  	},
+  });
+
+  if (!nativeAPI) {
+  	screenfull = {isEnabled: false};
+  }
+
+  var screenfull$1 = screenfull;
 
   var nativeScreenfull = function nativeScreenfull(art) {
     var notice = art.notice,
         $player = art.template.$player;
-    screenfull.on('change', function () {
+    screenfull$1.on('change', function () {
-      return art.emit('fullscreen', screenfull.isFullscreen);
+      return art.emit('fullscreen', screenfull$1.isFullscreen);
     });
     def(art, 'fullscreen', {
       get: function get() {
-        return screenfull.isFullscreen;
+        return screenfull$1.isFullscreen;
       },
       set: function set(value) {
         if (value) {
-          screenfull.request($player).then(function () {
+          screenfull$1.request($player).then(function () {
             addClass($player, 'art-fullscreen');
             art.aspectRatioReset = true;
             art.autoSize = false;
@@ -1645,7 +1611,7 @@
             notice.show = '';
           });
         } else {
-          screenfull.exit().then(function () {
+          screenfull$1.exit().then(function () {
             removeClass($player, 'art-fullscreen');
             art.aspectRatioReset = true;
             art.autoSize = art.option.autoSize;
@@ -1684,7 +1650,7 @@
         notice = art.notice,
         $video = art.template.$video;
     art.once('video:loadedmetadata', function () {
-      if (screenfull.isEnabled) {
+      if (screenfull$1.isEnabled) {
         nativeScreenfull(art);
       } else if (document.fullscreenEnabled || $video.webkitSupportsFullscreen) {
         webkitScreenfull(art);
@@ -4646,9 +4612,18 @@
           addClass($tooltip, 'art-setting-item-right-tooltip');
           append($right, $tooltip);
           item._$tooltip = $tooltip;
+          var tooltip = item.tooltip;
+          def(item, 'tooltip', {
+            get: function get() {
+              return $tooltip.innerHTML;
+            },
+            set: function set(value) {
+              $tooltip.innerHTML = value;
+            }
+          });
 
-          if (item.tooltip) {
+          if (tooltip) {
-            $tooltip.innerHTML = item.tooltip;
+            item.tooltip = tooltip;
           }
 
           var $iconRight = document.createElement('div');
@@ -4689,6 +4664,7 @@
           this.option.push(callback);
         }
 
+        this.cache = new Map();
         this.option = makeRecursion(this.option);
         this.init(this.option);
       }
@@ -5148,7 +5124,7 @@
     }, {
       key: "build",
       get: function get() {
-        return '1650873214309';
+        return '1650894674517';
       }
     }, {
       key: "config",

docs/uncompiled/artplayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"artplayer.js","sources":["../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/classCallCheck.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/createClass.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/assertThisInitialized.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/setPrototypeOf.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/inherits.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/typeof.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/possibleConstructorReturn.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/getPrototypeOf.js","../../node_modules/_style-inject@0.3.0@style-inject/dist/style-inject.es.js","../../packages/artplayer/node_modules/_option-validator@2.0.6@option-validator/dist/option-validator.js","../../packages/artplayer/src/utils/emitter.js","../../packages/artplayer/src/utils/compatibility.js","../../packages/artplayer/src/utils/dom.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/isNativeFunction.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/isNativeReflectConstruct.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/construct.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/wrapNativeSuper.js","../../packages/artplayer/src/utils/error.js","../../packages/artplayer/src/utils/subtitle.js","../../packages/artplayer/src/utils/file.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/arrayLikeToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/arrayWithoutHoles.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/iterableToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/nonIterableSpread.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/toConsumableArray.js","../../packages/artplayer/src/utils/property.js","../../packages/artplayer/src/utils/time.js","../../packages/artplayer/src/utils/format.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/defineProperty.js","../../packages/artplayer/src/scheme/index.js","../../packages/artplayer/src/config/index.js","../../packages/artplayer/src/whitelist.js","../../packages/artplayer/src/template.js","../../packages/artplayer/src/i18n/index.js","../../packages/artplayer/src/player/urlMix.js","../../packages/artplayer/src/player/attrMix.js","../../packages/artplayer/src/player/playMix.js","../../packages/artplayer/src/player/pauseMix.js","../../packages/artplayer/src/player/toggleMix.js","../../packages/artplayer/src/player/seekMix.js","../../packages/artplayer/src/player/volumeMix.js","../../packages/artplayer/src/player/currentTimeMix.js","../../packages/artplayer/src/player/durationMix.js","../../packages/artplayer/src/player/switchMix.js","../../packages/artplayer/src/player/playbackRateMix.js","../../packages/artplayer/src/player/aspectRatioMix.js","../../packages/artplayer/src/player/screenshotMix.js","../../packages/artplayer/node_modules/screenfull/dist/screenfull.js","../../packages/artplayer/src/player/fullscreenMix.js","../../packages/artplayer/src/player/fullscreenWebMix.js","../../packages/artplayer/src/player/pipMix.js","../../packages/artplayer/src/player/loadedMix.js","../../packages/artplayer/src/player/playedMix.js","../../packages/artplayer/src/player/playingMix.js","../../packages/artplayer/src/player/autoSizeMix.js","../../packages/artplayer/src/player/rectMix.js","../../packages/artplayer/src/player/flipMix.js","../../packages/artplayer/src/player/miniMix.js","../../packages/artplayer/src/player/loopMix.js","../../packages/artplayer/src/player/posterMix.js","../../packages/artplayer/src/player/autoHeightMix.js","../../packages/artplayer/src/player/themeMix.js","../../packages/artplayer/src/player/titleMix.js","../../packages/artplayer/src/player/exclusiveMix.js","../../packages/artplayer/src/player/subtitleOffsetMix.js","../../packages/artplayer/src/player/optionInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/index.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/superPropBase.js","../../node_modules/_@babel_runtime@7.17.2@@babel/runtime/helpers/esm/get.js","../../packages/artplayer/src/utils/component.js","../../packages/artplayer/src/control/fullscreen.js","../../packages/artplayer/src/control/fullscreenWeb.js","../../packages/artplayer/src/control/pip.js","../../packages/artplayer/src/control/playAndPause.js","../../packages/artplayer/src/control/progress.js","../../packages/artplayer/src/control/subtitle.js","../../packages/artplayer/src/control/time.js","../../packages/artplayer/src/control/vLine truncated
+{"version":3,"file":"artplayer.js","sources":["../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/classCallCheck.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/createClass.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/assertThisInitialized.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/setPrototypeOf.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/inherits.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/typeof.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/possibleConstructorReturn.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/getPrototypeOf.js","../../node_modules/_style-inject@0.3.0@style-inject/dist/style-inject.es.js","../../packages/artplayer/node_modules/_option-validator@2.0.6@option-validator/dist/option-validator.js","../../packages/artplayer/src/utils/emitter.js","../../packages/artplayer/src/utils/compatibility.js","../../packages/artplayer/src/utils/dom.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/isNativeFunction.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/isNativeReflectConstruct.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/construct.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/wrapNativeSuper.js","../../packages/artplayer/src/utils/error.js","../../packages/artplayer/src/utils/subtitle.js","../../packages/artplayer/src/utils/file.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/arrayLikeToArray.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/arrayWithoutHoles.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/iterableToArray.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/nonIterableSpread.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/toConsumableArray.js","../../packages/artplayer/src/utils/property.js","../../packages/artplayer/src/utils/time.js","../../packages/artplayer/src/utils/format.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/defineProperty.js","../../packages/artplayer/src/scheme/index.js","../../packages/artplayer/src/config/index.js","../../packages/artplayer/src/whitelist.js","../../packages/artplayer/src/template.js","../../packages/artplayer/src/i18n/index.js","../../packages/artplayer/src/player/urlMix.js","../../packages/artplayer/src/player/attrMix.js","../../packages/artplayer/src/player/playMix.js","../../packages/artplayer/src/player/pauseMix.js","../../packages/artplayer/src/player/toggleMix.js","../../packages/artplayer/src/player/seekMix.js","../../packages/artplayer/src/player/volumeMix.js","../../packages/artplayer/src/player/currentTimeMix.js","../../packages/artplayer/src/player/durationMix.js","../../packages/artplayer/src/player/switchMix.js","../../packages/artplayer/src/player/playbackRateMix.js","../../packages/artplayer/src/player/aspectRatioMix.js","../../packages/artplayer/src/player/screenshotMix.js","../../packages/artplayer/node_modules/_screenfull@6.0.1@screenfull/index.js","../../packages/artplayer/src/player/fullscreenMix.js","../../packages/artplayer/src/player/fullscreenWebMix.js","../../packages/artplayer/src/player/pipMix.js","../../packages/artplayer/src/player/loadedMix.js","../../packages/artplayer/src/player/playedMix.js","../../packages/artplayer/src/player/playingMix.js","../../packages/artplayer/src/player/autoSizeMix.js","../../packages/artplayer/src/player/rectMix.js","../../packages/artplayer/src/player/flipMix.js","../../packages/artplayer/src/player/miniMix.js","../../packages/artplayer/src/player/loopMix.js","../../packages/artplayer/src/player/posterMix.js","../../packages/artplayer/src/player/autoHeightMix.js","../../packages/artplayer/src/player/themeMix.js","../../packages/artplayer/src/player/titleMix.js","../../packages/artplayer/src/player/exclusiveMix.js","../../packages/artplayer/src/player/subtitleOffsetMix.js","../../packages/artplayer/src/player/optionInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/index.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/superPropBase.js","../../node_modules/_@babel_runtime@7.17.9@@babel/runtime/helpers/esm/get.js","../../packages/artplayer/src/utils/component.js","../../packages/artplayer/src/control/fullscreen.js","../../packages/artplayer/src/control/fullscreenWeb.js","../../packages/artplayer/src/control/pip.js","../../packages/artplayer/src/control/playAndPause.js","../../packages/artplayer/src/control/progress.js","../../packages/artplayer/src/control/subtitle.js","../../packages/artplayer/src/control/time.js","../../packages/artplayer/src/cLine truncated

packages/artplayer/src/setting/index.js

@@ -3,7 +3,7 @@ import aspectRatio from './aspectRatio';
 import playbackRate from './playbackRate';
 import subtitleOffset from './subtitleOffset';
 import Component from '../utils/component';
-import { append, addClass, setStyle, inverseClass, includeFromEvent } from '../utils';
+import { append, addClass, setStyle, inverseClass, includeFromEvent, def } from '../utils';
 
 function makeRecursion(option, parentItem, parentList) {
     for (let index = 0; index < option.length; index++) {
@@ -137,9 +137,19 @@ export default class Setting extends Component {
             addClass($tooltip, 'art-setting-item-right-tooltip');
             append($right, $tooltip);
             item._$tooltip = $tooltip;
+            const { tooltip } = item;
 
-            if (item.tooltip) {
+            def(item, 'tooltip', {
-                $tooltip.innerHTML = item.tooltip;
+                get() {
+                    return $tooltip.innerHTML;
+                },
+                set(value) {
+                    $tooltip.innerHTML = value;
+                },
+            });
+
+            if (tooltip) {
+                item.tooltip = tooltip;
             }
 
             const $iconRight = document.createElement('div');
@@ -178,6 +188,8 @@ export default class Setting extends Component {
         } else {
             this.option.push(callback);
         }
+
+        this.cache = new Map();
         this.option = makeRecursion(this.option);
         this.init(this.option);
     }