update setting

docs/uncompiled/artplayer.js

@@ -4291,6 +4291,18 @@
       horizontal: 'Horizontal',
       vertical: 'Vertical'
     };
+
+    function update($panel, item, value) {
+      item.$desc.innerText = i18n.get(keys[value]);
+      var $current = queryAll('.art-setting-item', $panel).find(function (item) {
+        return item.dataset.value === value;
+      });
+
+      if ($current) {
+        inverseClass($current, 'art-current');
+      }
+    }
+
     return {
       width: 200,
       html: i18n.get('Video Flip'),
@@ -4307,16 +4319,9 @@
         art.flip = item.value;
       },
       mounted: function mounted($panel, item) {
-        item.$desc.innerText = i18n.get(keys[art.flip]);
+        update($panel, item, art.flip);
-        art.on('flip', function (value) {
+        art.on('flip', function () {
-          item.$desc.innerText = i18n.get(keys[art.flip]);
+          update($panel, item, art.flip);
-          var $current = queryAll('.art-setting-item', $panel).find(function (item) {
-            return item.dataset.value === value;
-          });
-
-          if ($current) {
-            inverseClass($current, 'art-current');
-          }
         });
       }
     };
@@ -4330,6 +4335,17 @@
       return value === 'default' ? i18n.get('Default') : value;
     }
 
+    function update($panel, item, value) {
+      item.$desc.innerText = getI18n(value);
+      var $current = queryAll('.art-setting-item', $panel).find(function (item) {
+        return item.dataset.value === value;
+      });
+
+      if ($current) {
+        inverseClass($current, 'art-current');
+      }
+    }
+
     return {
       width: 200,
       html: i18n.get('Aspect Ratio'),
@@ -4346,16 +4362,9 @@
         art.aspectRatio = item.value;
       },
       mounted: function mounted($panel, item) {
-        item.$desc.innerText = getI18n(art.aspectRatio);
+        update($panel, item, art.aspectRatio);
-        art.on('aspectRatio', function (value) {
+        art.on('aspectRatio', function () {
-          item.$desc.innerText = getI18n(art.aspectRatio);
+          update($panel, item, art.aspectRatio);
-          var $current = queryAll('.art-setting-item', $panel).find(function (item) {
-            return item.dataset.value === value;
-          });
-
-          if ($current) {
-            inverseClass($current, 'art-current');
-          }
         });
       }
     };
@@ -4369,6 +4378,17 @@
       return value === 1.0 ? i18n.get('Normal') : value;
     }
 
+    function update($panel, item, value) {
+      item.$desc.innerText = getI18n(value);
+      var $current = queryAll('.art-setting-item', $panel).find(function (item) {
+        return Number(item.dataset.value) === value;
+      });
+
+      if ($current) {
+        inverseClass($current, 'art-current');
+      }
+    }
+
     return {
       width: 200,
       html: i18n.get('Play Speed'),
@@ -4385,16 +4405,9 @@
         art.playbackRate = item.value;
       },
       mounted: function mounted($panel, item) {
-        item.$desc.innerText = getI18n(art.playbackRate);
+        update($panel, item, art.playbackRate);
-        art.on('playbackRate', function (value) {
+        art.on('playbackRate', function () {
-          item.$desc.innerText = getI18n(art.playbackRate);
+          update($panel, item, art.playbackRate);
-          var $current = queryAll('.art-setting-item', $panel).find(function (item) {
-            return Number(item.dataset.value) === value;
-          });
-
-          if ($current) {
-            inverseClass($current, 'art-current');
-          }
         });
       }
     };
@@ -4408,6 +4421,17 @@
       return value === 0 ? i18n.get('Normal') : value;
     }
 
+    function update($panel, item, value) {
+      item.$desc.innerText = getI18n(value);
+      var $current = queryAll('.art-setting-item', $panel).find(function (item) {
+        return Number(item.dataset.value) === value;
+      });
+
+      if ($current) {
+        inverseClass($current, 'art-current');
+      }
+    }
+
     return {
       width: 200,
       html: i18n.get('Subtitle Offset'),
@@ -4424,16 +4448,9 @@
         art.subtitleOffset = item.value;
       },
       mounted: function mounted($panel, item) {
-        item.$desc.innerText = getI18n(art.subtitleOffset);
+        update($panel, item, art.subtitleOffset);
-        art.on('subtitleOffset', function (value) {
+        art.on('subtitleOffset', function () {
-          item.$desc.innerText = getI18n(art.subtitleOffset);
+          update($panel, item, art.subtitleOffset);
-          var $current = queryAll('.art-setting-item', $panel).find(function (item) {
-            return Number(item.dataset.value) === value;
-          });
-
-          if ($current) {
-            inverseClass($current, 'art-current');
-          }
         });
       }
     };

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.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

packages/artplayer/src/setting/aspectRatio.js

@@ -7,6 +7,14 @@ export default function aspectRatio(art) {
         return value === 'default' ? i18n.get('Default') : value;
     }
 
+    function update($panel, item, value) {
+        item.$desc.innerText = getI18n(value);
+        const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
+        if ($current) {
+            inverseClass($current, 'art-current');
+        }
+    }
+
     return {
         width: 200,
         html: i18n.get('Aspect Ratio'),
@@ -23,15 +31,9 @@ export default function aspectRatio(art) {
             art.aspectRatio = item.value;
         },
         mounted: ($panel, item) => {
-            item.$desc.innerText = getI18n(art.aspectRatio);
+            update($panel, item, art.aspectRatio);
-
+            art.on('aspectRatio', () => {
-            art.on('aspectRatio', (value) => {
+                update($panel, item, art.aspectRatio);
-                item.$desc.innerText = getI18n(art.aspectRatio);
-
-                const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
-                if ($current) {
-                    inverseClass($current, 'art-current');
-                }
             });
         },
     };

packages/artplayer/src/setting/flip.js

@@ -9,6 +9,14 @@ export default function flip(art) {
         vertical: 'Vertical',
     };
 
+    function update($panel, item, value) {
+        item.$desc.innerText = i18n.get(keys[value]);
+        const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
+        if ($current) {
+            inverseClass($current, 'art-current');
+        }
+    }
+
     return {
         width: 200,
         html: i18n.get('Video Flip'),
@@ -25,15 +33,9 @@ export default function flip(art) {
             art.flip = item.value;
         },
         mounted: ($panel, item) => {
-            item.$desc.innerText = i18n.get(keys[art.flip]);
+            update($panel, item, art.flip);
-
+            art.on('flip', () => {
-            art.on('flip', (value) => {
+                update($panel, item, art.flip);
-                item.$desc.innerText = i18n.get(keys[art.flip]);
-
-                const $current = queryAll('.art-setting-item', $panel).find((item) => item.dataset.value === value);
-                if ($current) {
-                    inverseClass($current, 'art-current');
-                }
             });
         },
     };

packages/artplayer/src/setting/playbackRate.js

@@ -7,6 +7,14 @@ export default function playbackRate(art) {
         return value === 1.0 ? i18n.get('Normal') : value;
     }
 
+    function update($panel, item, value) {
+        item.$desc.innerText = getI18n(value);
+        const $current = queryAll('.art-setting-item', $panel).find((item) => Number(item.dataset.value) === value);
+        if ($current) {
+            inverseClass($current, 'art-current');
+        }
+    }
+
     return {
         width: 200,
         html: i18n.get('Play Speed'),
@@ -23,18 +31,9 @@ export default function playbackRate(art) {
             art.playbackRate = item.value;
         },
         mounted: ($panel, item) => {
-            item.$desc.innerText = getI18n(art.playbackRate);
+            update($panel, item, art.playbackRate);
-
+            art.on('playbackRate', () => {
-            art.on('playbackRate', (value) => {
+                update($panel, item, art.playbackRate);
-                item.$desc.innerText = getI18n(art.playbackRate);
-
-                const $current = queryAll('.art-setting-item', $panel).find(
-                    (item) => Number(item.dataset.value) === value,
-                );
-
-                if ($current) {
-                    inverseClass($current, 'art-current');
-                }
             });
         },
     };

packages/artplayer/src/setting/subtitleOffset.js

@@ -7,6 +7,14 @@ export default function subtitleOffset(art) {
         return value === 0 ? i18n.get('Normal') : value;
     }
 
+    function update($panel, item, value) {
+        item.$desc.innerText = getI18n(value);
+        const $current = queryAll('.art-setting-item', $panel).find((item) => Number(item.dataset.value) === value);
+        if ($current) {
+            inverseClass($current, 'art-current');
+        }
+    }
+
     return {
         width: 200,
         html: i18n.get('Subtitle Offset'),
@@ -23,17 +31,9 @@ export default function subtitleOffset(art) {
             art.subtitleOffset = item.value;
         },
         mounted: ($panel, item) => {
-            item.$desc.innerText = getI18n(art.subtitleOffset);
+            update($panel, item, art.subtitleOffset);
-
+            art.on('subtitleOffset', () => {
-            art.on('subtitleOffset', (value) => {
+                update($panel, item, art.subtitleOffset);
-                item.$desc.innerText = getI18n(art.subtitleOffset);
-
-                const $current = queryAll('.art-setting-item', $panel).find(
-                    (item) => Number(item.dataset.value) === value,
-                );
-                if ($current) {
-                    inverseClass($current, 'art-current');
-                }
             });
         },
     };