update

docs/uncompiled/artplayer.js

@@ -4324,6 +4324,7 @@
       items: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0].map(function (item) {
         return {
           html: item === 1.0 ? i18n.get('Normal') : item,
+          current: item === 1.0,
           click: function click() {
             art.playbackRate = item;
           }
@@ -4340,6 +4341,7 @@
       items: ['default', '4:3', '16:9'].map(function (item) {
         return {
           html: item === 'default' ? i18n.get('Default') : item,
+          current: item === 'default',
           click: function click() {
             art.aspectRatio = item;
           }
@@ -4361,6 +4363,7 @@
       items: Object.keys(keys).map(function (key) {
         return {
           html: i18n.get(keys[key]),
+          current: key === 'normal',
           click: function click() {
             art.flip = key;
           }
@@ -4412,9 +4415,22 @@
       _this.name = 'setting';
       _this.$parent = $setting;
       _this.events = [];
+      _this.option = [];
 
       if (option.setting) {
-        _this.option = makeRecursion([playbackRate$1(art), aspectRatio(art), playbackRate(art)]);
+        if (option.playbackRate) {
+          _this.option.push(playbackRate$1(art));
+        }
+
+        if (option.aspectRatio) {
+          _this.option.push(aspectRatio(art));
+        }
+
+        if (option.flip) {
+          _this.option.push(playbackRate(art));
+        }
+
+        _this.option = makeRecursion(_this.option);
         art.once('ready', function () {
           _this.init(_this.option);
         });
@@ -4433,17 +4449,17 @@
       value: function creatItem(item, option) {
         var _this2 = this;
 
-        var icons = this.art.icons;
-        var hasItems = item.items && item.items.length;
         var $item = document.createElement('div');
+        var $left = append($item, "<div class=\"art-setting-item-left\"></div>");
+        var $right = append($item, "<div class=\"art-setting-item-right\"></div>");
+        var icons = this.art.icons;
         addClass($item, 'art-setting-item');
+        var hasItems = item.items && item.items.length;
 
         if (item.current && !hasItems) {
           addClass($item, 'art-current');
         }
 
-        var $left = append($item, "<div class=\"art-setting-item-left\"></div>");
-
         if (item.goBack) {
           append($left, icons.arrowLeft);
           addClass($item, 'art-setting-item-back');
@@ -4456,7 +4472,6 @@
         }
 
         append($left, item.html);
-        var $right = append($item, "<div class=\"art-setting-item-right\"></div>");
 
         if (hasItems && !item.goBack) {
           append($right, icons.arrowRight);
@@ -4491,8 +4506,8 @@
       }
     }, {
       key: "add",
-      value: function add(item) {
+      value: function add(callback) {
-        this.option.push(item);
+        this.option.push(callback(this.art));
         this.option = makeRecursion(this.option);
         this.init(this.option);
       }

docs/uncompiled/artplayer.js.map

@@ -1 +1 @@
-{"version":3,"file":"artplayer.js","sources":["../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/classCallCheck.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/createClass.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/assertThisInitialized.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/setPrototypeOf.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/inherits.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/typeof.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/possibleConstructorReturn.js","../../node_modules/_@babel_runtime@7.16.3@@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.16.3@@babel/runtime/helpers/esm/isNativeFunction.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/isNativeReflectConstruct.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/construct.js","../../node_modules/_@babel_runtime@7.16.3@@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.16.3@@babel/runtime/helpers/esm/arrayLikeToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/arrayWithoutHoles.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/iterableToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/nonIterableSpread.js","../../node_modules/_@babel_runtime@7.16.3@@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.16.3@@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/rotateMix.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/optionInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/index.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/superPropBase.js","../../node_modules/_@babel_runtime@7.16.3@@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/volume.jsLine truncated
+{"version":3,"file":"artplayer.js","sources":["../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/classCallCheck.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/createClass.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/assertThisInitialized.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/setPrototypeOf.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/inherits.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/typeof.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/possibleConstructorReturn.js","../../node_modules/_@babel_runtime@7.16.3@@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.16.3@@babel/runtime/helpers/esm/isNativeFunction.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/isNativeReflectConstruct.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/construct.js","../../node_modules/_@babel_runtime@7.16.3@@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.16.3@@babel/runtime/helpers/esm/arrayLikeToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/arrayWithoutHoles.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/iterableToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/unsupportedIterableToArray.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/nonIterableSpread.js","../../node_modules/_@babel_runtime@7.16.3@@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.16.3@@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/rotateMix.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/optionInit.js","../../packages/artplayer/src/player/eventInit.js","../../packages/artplayer/src/player/index.js","../../node_modules/_@babel_runtime@7.16.3@@babel/runtime/helpers/esm/superPropBase.js","../../node_modules/_@babel_runtime@7.16.3@@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/volume.jsLine truncated

packages/artplayer/src/setting/aspectRatio.js

@@ -6,6 +6,7 @@ export default function aspectRatio(art) {
         items: ['default', '4:3', '16:9'].map((item) => {
             return {
                 html: item === 'default' ? i18n.get('Default') : item,
+                current: item === 'default',
                 click() {
                     art.aspectRatio = item;
                 },

packages/artplayer/src/setting/flip.js

@@ -13,6 +13,7 @@ export default function playbackRate(art) {
         items: Object.keys(keys).map((key) => {
             return {
                 html: i18n.get(keys[key]),
+                current: key === 'normal',
                 click() {
                     art.flip = key;
                 },

packages/artplayer/src/setting/index.js

@@ -35,9 +35,22 @@ export default class Setting extends Component {
         this.name = 'setting';
         this.$parent = $setting;
         this.events = [];
+        this.option = [];
 
         if (option.setting) {
-            this.option = makeRecursion([playbackRate(art), aspectRatio(art), flip(art)]);
+            if (option.playbackRate) {
+                this.option.push(playbackRate(art));
+            }
+
+            if (option.aspectRatio) {
+                this.option.push(aspectRatio(art));
+            }
+
+            if (option.flip) {
+                this.option.push(flip(art));
+            }
+
+            this.option = makeRecursion(this.option);
 
             art.once('ready', () => {
                 this.init(this.option);
@@ -51,18 +64,18 @@ export default class Setting extends Component {
     }
 
     creatItem(item, option) {
-        const { icons } = this.art;
-        const hasItems = item.items && item.items.length;
-
         const $item = document.createElement('div');
+        const $left = append($item, `<div class="art-setting-item-left"></div>`);
+        const $right = append($item, `<div class="art-setting-item-right"></div>`);
+
+        const { icons } = this.art;
         addClass($item, 'art-setting-item');
+        const hasItems = item.items && item.items.length;
 
         if (item.current && !hasItems) {
             addClass($item, 'art-current');
         }
 
-        const $left = append($item, `<div class="art-setting-item-left"></div>`);
-
         if (item.goBack) {
             append($left, icons.arrowLeft);
             addClass($item, 'art-setting-item-back');
@@ -76,8 +89,6 @@ export default class Setting extends Component {
 
         append($left, item.html);
 
-        const $right = append($item, `<div class="art-setting-item-right"></div>`);
-
         if (hasItems && !item.goBack) {
             append($right, icons.arrowRight);
         }
@@ -107,8 +118,8 @@ export default class Setting extends Component {
         return $item;
     }
 
-    add(item) {
+    add(callback) {
-        this.option.push(item);
+        this.option.push(callback(this.art));
         this.option = makeRecursion(this.option);
         this.init(this.option);
     }

packages/artplayer/src/setting/playbackRate.js

@@ -6,6 +6,7 @@ export default function playbackRate(art) {
         items: [0.25, 0.5, 0.75, 1.0, 1.25, 1.5, 1.75, 2.0].map((item) => {
             return {
                 html: item === 1.0 ? i18n.get('Normal') : item,
+                current: item === 1.0,
                 click() {
                     art.playbackRate = item;
                 },