@tarojs/components 3.5.7 → 3.5.8

package/dist/cjs/taro-video-control_3.cjs.entry.js

@@ -102,25 +102,6 @@ const screenFn = (function () {
 })();
 const isHls = url => /\.(m3u8)($|\?)/i.test(url);
 
-var __awaiter$2 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) { try {
-      step(generator.next(value));
-    }
-    catch (e) {
-      reject(e);
-    } }
-    function rejected(value) { try {
-      step(generator["throw"](value));
-    }
-    catch (e) {
-      reject(e);
-    } }
-    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
 let VideoControl = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -163,40 +144,32 @@ let VideoControl = class {
     this.seekFunc(this.percentage * this.duration);
     this.toggleVisibility(true);
   }
-  setProgressBall(percentage) {
-    return __awaiter$2(this, void 0, void 0, function* () {
-      if (this.progressBallRef) {
-        this.progressBallRef.style.left = `${percentage * 100}%`;
-      }
-    });
+  async setProgressBall(percentage) {
+    if (this.progressBallRef) {
+      this.progressBallRef.style.left = `${percentage * 100}%`;
+    }
   }
-  toggleVisibility(nextVisible) {
-    return __awaiter$2(this, void 0, void 0, function* () {
-      const visible = nextVisible === undefined ? !this.visible : nextVisible;
-      if (visible) {
-        this.hideControlsTimer && clearTimeout(this.hideControlsTimer);
-        if (this.isPlaying) {
-          this.hideControlsTimer = setTimeout(() => {
-            this.toggleVisibility(false);
-          }, 2000);
-        }
-        this.el.style.visibility = 'visible';
-      }
-      else {
-        this.el.style.visibility = 'hidden';
+  async toggleVisibility(nextVisible) {
+    const visible = nextVisible === undefined ? !this.visible : nextVisible;
+    if (visible) {
+      this.hideControlsTimer && clearTimeout(this.hideControlsTimer);
+      if (this.isPlaying) {
+        this.hideControlsTimer = setTimeout(() => {
+          this.toggleVisibility(false);
+        }, 2000);
       }
-      this.visible = !!visible;
-    });
+      this.el.style.visibility = 'visible';
+    }
+    else {
+      this.el.style.visibility = 'hidden';
+    }
+    this.visible = !!visible;
   }
-  getIsDraggingProgressBall() {
-    return __awaiter$2(this, void 0, void 0, function* () {
-      return this.isDraggingProgressBall;
-    });
+  async getIsDraggingProgressBall() {
+    return this.isDraggingProgressBall;
   }
-  setCurrentTime(time) {
-    return __awaiter$2(this, void 0, void 0, function* () {
-      this.currentTimeRef.innerHTML = formatTime(time);
-    });
+  async setCurrentTime(time) {
+    this.currentTimeRef.innerHTML = formatTime(time);
   }
   render() {
     const { controls, currentTime, duration, isPlaying, pauseFunc, playFunc, showPlayBtn, showProgress } = this;
@@ -27839,25 +27812,6 @@ const Hls = /*@__PURE__*/index$1.getDefaultExportFromCjs(hls);
 
 const indexCss = ".taro-video{display:inline-block;overflow:hidden;position:relative;width:100%;height:225px;line-height:0}.taro-video[hidden]{display:none}.taro-video-container{display:inline-block;position:absolute;left:0;top:0;width:100%;height:100%;background-color:#000;-o-object-position:inherit;object-position:inherit}.taro-video-container.taro-video-type-fullscreen{position:fixed;left:0;right:0;top:0;bottom:0;z-index:999}.taro-video-container.taro-video-type-fullscreen.taro-video-type-rotate-left{-webkit-transform:translate(-50%, -50%) rotate(-90deg);transform:translate(-50%, -50%) rotate(-90deg)}.taro-video-container.taro-video-type-fullscreen.taro-video-type-rotate-right{-webkit-transform:translate(-50%, -50%) rotate(90deg);transform:translate(-50%, -50%) rotate(90deg)}.taro-video-video{width:100%;height:100%;-o-object-position:inherit;object-position:inherit}.taro-video-cover{display:-ms-flexbox;display:flex;position:absolute;left:0;top:0;bottom:0;z-index:1;-ms-flex-direction:column;flex-direction:column;-ms-flex-pack:center;justify-content:center;-ms-flex-align:center;align-items:center;width:100%;background-color:rgba(1, 1, 1, 0.5);-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-box-pack:center;-webkit-box-align:center}.taro-video-cover-play-button{width:40px;height:40px;background-repeat:no-repeat;background-position:50% 50%;background-size:50%}.taro-video-cover-duration{margin-top:10px;line-height:1;font-size:16px;color:#fff}.taro-video-bar{display:-ms-flexbox;display:flex;visibility:hidden;overflow:hidden;position:absolute;right:0;bottom:0;z-index:1;-ms-flex-align:center;align-items:center;padding:0 10px;height:44px;background-color:rgba(0, 0, 0, 0.5);-webkit-box-align:center}.taro-video-bar.taro-video-bar-full{left:0}.taro-video-controls{display:-ms-flexbox;display:flex;-webkit-box-flex:1;-ms-flex-positive:1;flex-grow:1;margin:0 8.5px}.taro-video-control-button{-webkit-box-sizing:content-box;box-sizing:content-box;margin-left:-8.5px;padding:14.5px 12.5px;width:13px;height:15px}.taro-video-control-button::after{display:block;width:100%;height:100%;background-repeat:no-repeat;background-position:50% 50%;background-size:100%;content:\"\"}.taro-video-control-button.taro-video-control-button-play::after,.taro-video-cover-play-button{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAAAWhJREFUSA1j+P///0cgBoHjQGzCQCsAtgJB/AMy5wCxGNXtQ9iBwvoA5BUCMQvVLEQxHpNzDSjkRhXLMM3GKrIeKKpEkYVYjcUu+AMo3ALE3GRZiN1MvKKPgbIRJFuG10j8koeA0gZEW4jfLIKyf4EqpgOxMEELCRpFnIJ3QGU5QMyM00LizCFa1SWgSkeslhFtBGkKVwGVy6FYSJp+klR/A6quB2JOkIWMIK0oNlOf8xBoZDE9LAI7nYn6HsBq4l96WHQEaLUpAyiOaASeAM2NgvuPBpaACt82IEYtfKls0UagecpwXyAzqGTRdaA57sjmYrAptAjUsCkGYlYMg9EFyLQI1IiZB8Ti6Obh5JNh0QmgHlOcBuKSIMGi50C18UDMiMssvOJEWPQLqKYbiHnxGkRIkoBF24DyaoTMIEoeh0W3geI+RBlArCI0iz4D+RVAzEasfqLVAQ19AcSg5LoYiKWI1kiiQgCMBLnEEcfDSgAAAABJRU5ErkJggg==\")}.taro-video-control-button.taro-video-control-button-pause::after{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAFlJREFUSA3tksEKACAIQ7X//5zq98wOgQayum8QaGweHhMzG/6OujzKAymn+0LMqivu1XznWmX8/echTIyMyAgTwA72iIwwAexgj8gIE8CO3aMRbDPMaEy5BRGaKcZv8YxRAAAAAElFTkSuQmCC\")}.taro-video-current-time,.taro-video-duration{margin-top:15px;margin-bottom:14.5px;height:14.5px;line-height:14.5px;font-size:12px;color:#cbcbcb}.taro-video-progress-container{position:relative;-ms-flex-positive:2;flex-grow:2;-webkit-box-flex:2}.taro-video-progress{position:relative;margin:21px 12px;height:2px;background-color:rgba(255, 255, 255, 0.4)}.taro-video-progress-buffered{position:absolute;left:0;top:0;width:0;height:100%;background-color:rgba(255, 255, 255, 0.8);-webkit-transition:width 0.1s;transition:width 0.1s}.taro-video-ball{position:absolute;left:0;top:-21px;-webkit-box-sizing:content-box;box-sizing:content-box;margin-left:-22px;padding:14px;width:16px;height:16px}.taro-video-inner{border-radius:50%;width:100%;height:100%;background-color:#fff}.taro-video-danmu-button{margin:0 8.5px;padding:2px 10px;border:1px solid #fff;border-radius:5px;line-height:1;font-size:13px;color:#fff;white-space:nowrap}.taro-video-danmu-button.taro-video-danmu-button-active{border-color:#48c23d;color:#48c23d}.taro-video-fullscreen,.taro-video-mute{-webkit-box-sizing:content-box;box-sizing:content-box;padding:8.5px;width:17px;height:17px;background-repeat:no-repeat;background-position:50% 50%;background-size:50%}.taro-video-fullscreen{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAhUlEQVRYR+2WSwrAMAhEnZO3PfmULLooGEFTiIXJ2s/kRY2wzQeb85sE9CRA8jSzY1YfAFzhJBnU1AVgxH2dSiArCnD9QgGzRNnOech48SRABHoSyFb5in3PSbhyo6yvCPQkEM3u7BsPe/0FIvBfAh/vhKmVbO9SWun1qk/PSVi9TcVPBG6R1YIhgWwNpQAAAABJRU5ErkJggg==\")}.taro-video-fullscreen.taro-video-type-fullscreen{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABPUlEQVRYR+2Xu0pDURBF1/ZLxNcHKNiIlfhA7C0UBSEE8RNEBNFPUEQEEbGxFiSSSrCwEHsf5E/ccsSUuWfUhKQ40947+y42Z8+ZK/pcinzf9hhwD1xJ2q/qsb0JHAOzkl5y+lGAGnCWICQtZgAS6DxQk3TeLYA6cAo0JSXxjmW7CcwBdUkJurKiDhSA4kBvHbA9CqwBQx2O7BSw8ssU3ALPFRF4knT3nQLbr8B4LjLBOdAAFgJaLUkjbYC9n+zm+i4kXWbmwCqwnRMCHiXthuZAQOzPrxSA4kBxYDAcsH0EzATCfCLpJjOINoCtgFZabg7bk7AFDAeaGpKWgitZTu5N0kQbYBmYrujo9mX0CVxL+gidAdu9vY5zXhWA4sAgOND3X7NJ4AHYCaxkB8B62gslvecSFpoDOZH/PP8Cnt7hIaM5xCEAAAAASUVORK5CYII=\")}.taro-video-mute{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAGAGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDQtMTFUMTA6MTg6MjArMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjIyKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjIyKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjk3YmE4Yjg0LTFhNTYtNGM1MS04NDVkLTNiZmYyMGI0ZDc0ZiIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjg1NGQ3MjlkLWUwNjctZjU0OC1hMTlhLTBlZjQ4OGRkYjJiOSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjA1ODY3ZDFlLWQ3NGEtNDgyNC04MDU3LTYzYmRmMTdjODk5ZSI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDU4NjdkMWUtZDc0YS00ODI0LTgwNTctNjNiZGYxN2M4OTllIiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjE4OjIwKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6OTdiYThiODQtMWE1Ni00YzUxLTg0NWQtM2JmZjIwYjRkNzRmIiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjIyOjIyKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz459+FoAAABqElEQVRYhc2XPWsVQRSGnxPjF4oGRfxoRQKGWCU2Ft7CykrQWosEyf/If0hhIPgHDEmbNJZqCFxiQEgTUGxsBUVEHgvnyrjZZJO92V1fGIaZnTPvszPszNlQ6VIjnbr/DwCoDLMNak/dUVfUK0f2rQugnlcX/FevWgFQH6gf3autRgHUC+piiXHzAOmtPx9gXgug8itQx9SXwDpw47AGKXZWvXvQmNFCwE3gCXA2dY0Az4GrRzHONA9cU/vAbERsllEOyh31e8USV2mrMPdG9uyn+rDom2/BHHCm5puWKiKmgdtAnz+rvaxO5mNygEvHaZ5BfADuARvAaWBpP4DGFBHfgBngFzClTrUKkCDeA+9S837rAEnbqb7VFcCpVJ/oCmCw959aB1AfAROpudYqgDoOLKRmPyLelAF8bcD4pPoMeAtcB34AT4uDBqXXwFG8XXUU/72MIuK1OgE8Bs6l7mEvo8up7lN1Ge0n9aK6VHMFZvJTr9S3CiALaCQhqZOSvegMIAvu2UVSWpigLC1fbQ0gm6in7qpfLCQbhwGIYcyPQ53/G3YO8BtUtd35bvKcVwAAAABJRU5ErkJggg==\")}.taro-video-mute.taro-video-type-mute{background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACIAAAAgCAYAAAB3j6rJAAAACXBIWXMAAAsTAAALEwEAmpwYAAAGAGlUWHRYTUw6Y29tLmFkb2JlLnhtcAAAAAAAPD94cGFja2V0IGJlZ2luPSLvu78iIGlkPSJXNU0wTXBDZWhpSHpyZVN6TlRjemtjOWQiPz4gPHg6eG1wbWV0YSB4bWxuczp4PSJhZG9iZTpuczptZXRhLyIgeDp4bXB0az0iQWRvYmUgWE1QIENvcmUgNS42LWMxNDAgNzkuMTYwNDUxLCAyMDE3LzA1LzA2LTAxOjA4OjIxICAgICAgICAiPiA8cmRmOlJERiB4bWxuczpyZGY9Imh0dHA6Ly93d3cudzMub3JnLzE5OTkvMDIvMjItcmRmLXN5bnRheC1ucyMiPiA8cmRmOkRlc2NyaXB0aW9uIHJkZjphYm91dD0iIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtbG5zOmRjPSJodHRwOi8vcHVybC5vcmcvZGMvZWxlbWVudHMvMS4xLyIgeG1sbnM6cGhvdG9zaG9wPSJodHRwOi8vbnMuYWRvYmUuY29tL3Bob3Rvc2hvcC8xLjAvIiB4bWxuczp4bXBNTT0iaHR0cDovL25zLmFkb2JlLmNvbS94YXAvMS4wL21tLyIgeG1sbnM6c3RFdnQ9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9zVHlwZS9SZXNvdXJjZUV2ZW50IyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgeG1wOkNyZWF0ZURhdGU9IjIwMTktMDQtMTFUMTA6MTk6MDMrMDg6MDAiIHhtcDpNb2RpZnlEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjMzKzA4OjAwIiB4bXA6TWV0YWRhdGFEYXRlPSIyMDE5LTA0LTExVDEwOjIyOjMzKzA4OjAwIiBkYzpmb3JtYXQ9ImltYWdlL3BuZyIgcGhvdG9zaG9wOkNvbG9yTW9kZT0iMyIgcGhvdG9zaG9wOklDQ1Byb2ZpbGU9InNSR0IgSUVDNjE5NjYtMi4xIiB4bXBNTTpJbnN0YW5jZUlEPSJ4bXAuaWlkOjAzYjJmNjE2LTZmZTUtNDJjNC1iNTgwLTczNzZjZjI2NzdmNSIgeG1wTU06RG9jdW1lbnRJRD0iYWRvYmU6ZG9jaWQ6cGhvdG9zaG9wOjYzZjQ2NTYzLWE0ZjktOGQ0Mi1hM2FhLTY3ODJhNDBhYWNjMSIgeG1wTU06T3JpZ2luYWxEb2N1bWVudElEPSJ4bXAuZGlkOjIyYWNjMWFlLTg4ZmMtNDBlZi1iMWM1LTNmODgwY2QzYWI2MiI+IDx4bXBNTTpIaXN0b3J5PiA8cmRmOlNlcT4gPHJkZjpsaSBzdEV2dDphY3Rpb249ImNyZWF0ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MjJhY2MxYWUtODhmYy00MGVmLWIxYzUtM2Y4ODBjZDNhYjYyIiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjE5OjAzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIvPiA8cmRmOmxpIHN0RXZ0OmFjdGlvbj0ic2F2ZWQiIHN0RXZ0Omluc3RhbmNlSUQ9InhtcC5paWQ6MDNiMmY2MTYtNmZlNS00MmM0LWI1ODAtNzM3NmNmMjY3N2Y1IiBzdEV2dDp3aGVuPSIyMDE5LTA0LTExVDEwOjIyOjMzKzA4OjAwIiBzdEV2dDpzb2Z0d2FyZUFnZW50PSJBZG9iZSBQaG90b3Nob3AgQ0MgMjAxOCAoTWFjaW50b3NoKSIgc3RFdnQ6Y2hhbmdlZD0iLyIvPiA8L3JkZjpTZXE+IDwveG1wTU06SGlzdG9yeT4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz5PmxYVAAACLklEQVRYhc2XP2sVQRRHz40hKoqaQgVBCy1EozFlGiVFxMLGh4piYWEh+hkEP4YKAVFEEFTyughaCH6DqIVpAhYWEgIxoJE8cywyi5tNHu/tJmvyg2WZO3dmzt47/zZUtoJ6Nhsg09YDiYhKDzACTAFNYH9lEpUq80TdrT5wpV5n/ZV9KoGoo+pXV2uyKkipOaLuUceAt8DhUvQd1FsCYhR4ChzaSIBMHSOi7lOfsByFWiCgEBH1GHAF2JlMPcBt4GC3HUYEaj9wF3gVEVPtfNVTwAXgWX7CDKq/1piAZTSZBmim8qJ6sQ3EgDqb/L7kU3MH2NHtl3dQX3r3Ak21UYAYAj4A/cl0JB+RF+uMRj4iQ+p8zt7KYFLdXKHuRi0gacBhV6a6pd5bA6KRNagFJPU9qv5u47toLmW1HnoR8Q5oAK1CVQu4FBHj/wUkaXsb+4pzpVaQFPqXrN7Be4Fx9VztIOr1BLEtmX4A94E/qdwHTKjDWYM6lu81dSlnn3V570BtuLxaMs2rZ/IgYxsBovaoPwsQA4VoFWEm8ql5DiysNyURsQTMpOIMcDYiPhd8xoGr/FtNC2G6FKXD6ihwGdiVHMoeeh8jYlA9ANwE3kTEp3bO6vE03qOONzR1r/q4RGrquaFFxFxE3ALOA9+6jExpdb180y55AhirhaRTatq0GXEzL8+ZIuI9cBJ4WKiartJf9nWV/mty7UfUafW7erpqRGI9EBuprffvu9n6C1KOmsqwI5A1AAAAAElFTkSuQmCC\")}.taro-video-danmu{overflow:visible;position:absolute;left:0;top:0;bottom:0;margin-top:14px;margin-bottom:44px;width:100%;line-height:14px;font-size:14px}.taro-video-danmu-item{position:absolute;left:100%;line-height:1;color:#fff;white-space:nowrap;-webkit-transform:translateX(0);transform:translateX(0);-webkit-transition-property:left, -webkit-transform;transition-property:left, -webkit-transform;transition-property:left, transform;transition-property:left, transform, -webkit-transform;-webkit-transition-duration:3s;transition-duration:3s;-webkit-transition-timing-function:linear;transition-timing-function:linear}.taro-video-toast{display:block;visibility:hidden;position:absolute;left:50%;top:50%;border-radius:5px;background-color:rgba(255, 255, 255, 0.8);pointer-events:none;color:#000;-webkit-transform:translate(-50%, -50%);transform:translate(-50%, -50%)}.taro-video-toast.taro-video-toast-volume{display:block;width:100px;height:100px}.taro-video-toast-volume .taro-video-toast-title{display:block;margin-top:10px;width:100%;line-height:16px;text-align:center;font-size:12px}.taro-video-toast-volume .taro-video-toast-icon{display:block;margin-left:25%;width:50%;height:50%;background-image:url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAEAAAABACAYAAACqaXHeAAAFhklEQVR4Xu2aeaxfQxTHP1VBES0NIQitWtpaaxeCUkQtaYVa0tiClAq1ExIiQTVppaWxt8RWSa2tWkJQRGgtQaSIpUKEpG0ssbbk28yV2+mZO/e9e3vvu/e98897mZnfzPl+75mZs0wvurn06ub46SGgxwLqZaA3sB/wO/A+8G/V6tS5BU4BJgJbO9DvAMOB36okoQ4CNgAeBEYbQK8Bbm4zAdsBc4EdAyA/APZoKwHHAA8DG2UA/AnYrG0ErAVcD1yXA9gfQJ8c40obsqbPgH7AY8CROTVuFQFD3X7fJid4DWsNAWOAGZ0w58YTsDZwKzChA189PbTRBGwKzAYO6iT4srbAMHfTfAksjulS1iG4JzAH2Dy2YKS/qAVcCdzi1vgZOBZ4PWvNGAG6wgYCW0IwctzNmf06BcEXtYABwOeA4otEfgEOdnGGqV6IAAUopwM6zDYuAVjeKYpYwCjgCWOhH513+b2lhE+Avrj89NPyalzyuCIE6EN9BfQ1dHoPOAD40+9LE6D/5aoqSqtLsgiQC60DTiHzfGCFoaSsQAexZdlTgEuyCDgLuK8u5G7dEAHyKN8CBrtxLwDHAX8Z+l4N3GS0L3db4aN0X5opmc+2XZQAfb2LPd2eciG1lUSRJZ9qYHkZONwiYAjwSc3gs24BXWWWfzEVuMjQez13HljX8v7A28lvEgsInaBVcxLaAvr6sgJLtBWeNTrOB+4w2p8DRvoEnAPcXTVaY70QAbrbXwIONX7zBSAL/tvrk1+iviTllnRry2irr/QSEws4D7izCxMg1XQLLAQGGXpeCkw22kOWI49RMUujCJC+uwAfGtfcImAng4AtAMsBeg04pIkESOfbgQsMsNoGnxrtSrfv7rXrSlwXWN6kLZBgEBiB8iWUUZZPIN/AF1nMoiYSICDfAlt5iB4CxhpAzwXuMtqPBuY1lYB5wFEeqFeAwwyguvIUqvuiQO/xphJwP3Cmhyh0EKrOoGDIF7n+M5pKwEwXrqdBCaQSM77Ig7SSIicDs5pKwIvACA+pzFwZIF9OlKm36QyQV7jEqDDJk5VD58uFgGIGX1Se+6yJFqAKsqI6X84GdDb4Mh0Y5zUqjFYFakUTCXja5QLSmBQHbAL8ahAgT1AeYVreSKLLphGwF/CuAfLJQLldGSTFD75c5d4mNCoWyAqG9gYWGED1AOMKo12ZbiWA/idA++deY2DVTZ0Jh5UJPsFQtD/wDaAHGWl5EzgwaUi2gK4UXS11S0cTIjrMFBtYQdAk4DID0BnAAz4B6wNLgTKKG0VIDBHwqitwpOcW+OOB540FdeipNKbUWFrUtn06o5xOij4KyDuqU0IE3Obl/rLA63pTzm9XA8jKACjdniZAaSKFmUpB1yUhAlTsUEpMh913wEkuTe7rKTzPAHqO44vpKPkFhH3cWWBVV6ogJVYZUgz/tXtIYelzI3Ct0fExIGx6j7iKWBUUveyYBehv1RIjIEsfqziq8Xp4pSBJOYTVJFQcVY3wCFeKUjVGyYfQWB00+5bEVBECrNS+qsOKBpVHNCVWHs+LS7H5PV5pOu9v0+OKEOAXR39w1e1C7wM6AkJ1eLmkRcrpRQiQrqobXO5S3vL3/4kBKMsCknV0k+iasVLUMV3UX5SAPGtED8EOT+L9YENnCasUIXNO2goChFWHqAIRyxXN4qI1BCQg9dJESYq8LnbrCBAR8t50Lig6i0krCRBoVWhVlt45wkBrCRBuRZyPuAguxIPe9lXqhpd9DcZMXOvdkPF0Xu/8dohNUmZ/1QQkuitXr+d4fryuFx3jywQYm6suAqSX8vLTXKJDt4QqO6rtLYspXWZ/nQQkOJTAUJZGIav19q9MvKvN1RUIWKMAY5P3EBBjqO393d4C/gMVHwRQlpx21QAAAABJRU5ErkJggg==\");background-repeat:no-repeat;background-position:50% 50%;background-size:50%;fill:#000}.taro-video-toast-volume .taro-video-toast-value{margin-left:10px;margin-top:5px;width:80px;height:5px}.taro-video-toast-volume .taro-video-toast-value>.taro-video-toast-value-content{overflow:hidden}.taro-video-toast-volume-grids{width:80px;height:5px}.taro-video-toast-volume-grids-item{float:left;width:7.1px;height:5px;background-color:#000}.taro-video-toast-volume-grids-item:not(:first-child){margin-left:1px}.taro-video-toast.taro-video-toast-progress{padding:6px;background-color:rgba(0, 0, 0, 0.8);line-height:18px;font-size:14px;color:#fff}";
 
-var __awaiter$1 = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) { try {
-      step(generator.next(value));
-    }
-    catch (e) {
-      reject(e);
-    } }
-    function rejected(value) { try {
-      step(generator["throw"](value));
-    }
-    catch (e) {
-      reject(e);
-    } }
-    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
 let Video = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -28040,11 +27994,11 @@ let Video = class {
       this.controlsRef.toggleVisibility();
       this.onEnded.emit();
     };
-    this.handleTimeUpdate = index$2.throttle((e) => __awaiter$1(this, void 0, void 0, function* () {
+    this.handleTimeUpdate = index$2.throttle(async (e) => {
       var _a, _b;
       this.currentTime = this.videoRef.currentTime;
       const duration = this.duration || this._duration;
-      const isControlDragging = yield this.controlsRef.getIsDraggingProgressBall();
+      const isControlDragging = await this.controlsRef.getIsDraggingProgressBall();
       if (this.controls && this.showProgress) {
         if (!isControlDragging && !this.isDraggingProgress) {
           this.controlsRef.setProgressBall(this.currentTime / duration);
@@ -28062,7 +28016,7 @@ let Video = class {
           this.handleEnded();
         }
       }
-    }), 250);
+    }, 250);
     this.handleError = e => {
       var _a, _b;
       if (this.hls) {
@@ -28193,31 +28147,29 @@ let Video = class {
   watchSrc() {
     this.init();
   }
-  onDocumentTouchMove(e) {
-    return __awaiter$1(this, void 0, void 0, function* () {
-      if (this.lastTouchScreenX === undefined || this.lastTouchScreenY === undefined)
-        return;
-      if (yield this.controlsRef.getIsDraggingProgressBall())
-        return;
-      const gestureObj = this.analyzeGesture(e);
-      if (gestureObj.type === 'adjustVolume') {
-        this.toastVolumeRef.style.visibility = 'visible';
-        const nextVolume = Math.max(Math.min(this.lastVolume - gestureObj.dataY, 1), 0);
-        this.videoRef.volume = nextVolume;
-        this.toastVolumeBarRef.style.width = `${nextVolume * 100}%`;
-      }
-      else if (gestureObj.type === 'adjustProgress') {
-        this.isDraggingProgress = true;
-        this.nextPercentage = Math.max(Math.min(this.lastPercentage + gestureObj.dataX, 1), 0);
-        if (this.controls && this.showProgress) {
-          this.controlsRef.setProgressBall(this.nextPercentage);
-          this.controlsRef.toggleVisibility(true);
-        }
-        const duration = this.duration || this._duration;
-        this.toastProgressTitleRef.innerHTML = `${formatTime(this.nextPercentage * duration)} / ${formatTime(duration)}`;
-        this.toastProgressRef.style.visibility = 'visible';
+  async onDocumentTouchMove(e) {
+    if (this.lastTouchScreenX === undefined || this.lastTouchScreenY === undefined)
+      return;
+    if (await this.controlsRef.getIsDraggingProgressBall())
+      return;
+    const gestureObj = this.analyzeGesture(e);
+    if (gestureObj.type === 'adjustVolume') {
+      this.toastVolumeRef.style.visibility = 'visible';
+      const nextVolume = Math.max(Math.min(this.lastVolume - gestureObj.dataY, 1), 0);
+      this.videoRef.volume = nextVolume;
+      this.toastVolumeBarRef.style.width = `${nextVolume * 100}%`;
+    }
+    else if (gestureObj.type === 'adjustProgress') {
+      this.isDraggingProgress = true;
+      this.nextPercentage = Math.max(Math.min(this.lastPercentage + gestureObj.dataX, 1), 0);
+      if (this.controls && this.showProgress) {
+        this.controlsRef.setProgressBall(this.nextPercentage);
+        this.controlsRef.toggleVisibility(true);
       }
-    });
+      const duration = this.duration || this._duration;
+      this.toastProgressTitleRef.innerHTML = `${formatTime(this.nextPercentage * duration)} / ${formatTime(duration)}`;
+      this.toastProgressRef.style.visibility = 'visible';
+    }
   }
   onDocumentTouchEnd() {
     var _a;
@@ -28236,40 +28188,28 @@ let Video = class {
     this.lastTouchScreenY = undefined;
   }
   /** 播放视频 */
-  play() {
-    return __awaiter$1(this, void 0, void 0, function* () {
-      this._play();
-    });
+  async play() {
+    this._play();
   }
   /** 暂停视频 */
-  pause() {
-    return __awaiter$1(this, void 0, void 0, function* () {
-      this._pause();
-    });
+  async pause() {
+    this._pause();
   }
   /** 停止视频 */
-  stop() {
-    return __awaiter$1(this, void 0, void 0, function* () {
-      this._stop();
-    });
+  async stop() {
+    this._stop();
   }
   /** 跳转到指定位置 */
-  seek(position) {
-    return __awaiter$1(this, void 0, void 0, function* () {
-      this._seek(position);
-    });
+  async seek(position) {
+    this._seek(position);
   }
   /** 进入全屏。若有自定义内容需在全屏时展示，需将内容节点放置到 video 节点内。 */
-  requestFullScreen() {
-    return __awaiter$1(this, void 0, void 0, function* () {
-      this.toggleFullScreen(true);
-    });
+  async requestFullScreen() {
+    this.toggleFullScreen(true);
   }
   /** 退出全屏 */
-  exitFullScreen() {
-    return __awaiter$1(this, void 0, void 0, function* () {
-      this.toggleFullScreen(false);
-    });
+  async exitFullScreen() {
+    this.toggleFullScreen(false);
   }
   render() {
     const { controls, autoplay, loop, muted, poster, objectFit, isFirst, isMute, isFullScreen, showCenterPlayBtn, isPlaying, _enableDanmu, showMuteBtn, danmuBtn, showFullscreenBtn, nativeProps } = this;
@@ -28323,25 +28263,6 @@ let Video = class {
 };
 Video.style = indexCss;
 
-var __awaiter = (undefined && undefined.__awaiter) || function (thisArg, _arguments, P, generator) {
-  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) { try {
-      step(generator.next(value));
-    }
-    catch (e) {
-      reject(e);
-    } }
-    function rejected(value) { try {
-      step(generator["throw"](value));
-    }
-    catch (e) {
-      reject(e);
-    } }
-    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
 let VideoDanmu = class {
   constructor(hostRef) {
     index.registerInstance(this, hostRef);
@@ -28360,51 +28281,47 @@ let VideoDanmu = class {
     clonedDanmu.bottom = `${Math.random() * 90 + 5}%`;
     return clonedDanmu;
   }
-  sendDanmu(danmuList = []) {
-    return __awaiter(this, void 0, void 0, function* () {
-      if (Array.isArray(danmuList)) {
-        this.list = [
-          ...this.list,
-          ...danmuList.map(danmu => this.ensureProperties(danmu))
-        ];
-      }
-      else {
-        const danmu = danmuList;
-        this.list = [
-          ...this.list,
-          Object.assign({}, this.ensureProperties(danmu))
-        ];
-      }
-    });
+  async sendDanmu(danmuList = []) {
+    if (Array.isArray(danmuList)) {
+      this.list = [
+        ...this.list,
+        ...danmuList.map(danmu => this.ensureProperties(danmu))
+      ];
+    }
+    else {
+      const danmu = danmuList;
+      this.list = [
+        ...this.list,
+        Object.assign({}, this.ensureProperties(danmu))
+      ];
+    }
   }
-  tick(currentTime) {
-    return __awaiter(this, void 0, void 0, function* () {
-      this.currentTime = currentTime;
-      if (!this.enable)
-        return;
-      const danmuList = this.list;
-      /**
-       * @todo 这个判断对拖拽进度的处理不严谨
-       */
-      const newDanmuList = danmuList.filter(({ time }) => {
-        return currentTime - time < 4 && currentTime > time;
-      });
-      let shouldUpdate = false;
-      const oldDanmuList = this.danmuList;
-      if (newDanmuList.length !== oldDanmuList.length) {
-        shouldUpdate = true;
-      }
-      else {
-        shouldUpdate = newDanmuList.some(({ key }) => {
-          return oldDanmuList.every((danmu) => {
-            return key !== danmu.key;
-          });
-        });
-      }
-      if (shouldUpdate) {
-        this.danmuList = newDanmuList;
-      }
+  async tick(currentTime) {
+    this.currentTime = currentTime;
+    if (!this.enable)
+      return;
+    const danmuList = this.list;
+    /**
+     * @todo 这个判断对拖拽进度的处理不严谨
+     */
+    const newDanmuList = danmuList.filter(({ time }) => {
+      return currentTime - time < 4 && currentTime > time;
     });
+    let shouldUpdate = false;
+    const oldDanmuList = this.danmuList;
+    if (newDanmuList.length !== oldDanmuList.length) {
+      shouldUpdate = true;
+    }
+    else {
+      shouldUpdate = newDanmuList.some(({ key }) => {
+        return oldDanmuList.every((danmu) => {
+          return key !== danmu.key;
+        });
+      });
+    }
+    if (shouldUpdate) {
+      this.danmuList = newDanmuList;
+    }
   }
   componentDidUpdate() {
     requestAnimationFrame(() => {

package/dist/collection/components/button/button.js

@@ -12,6 +12,11 @@ export class Button {
     this.hover = false;
     this.touch = false;
   }
+  onClick(e) {
+    if (this.disabled) {
+      e.stopPropagation();
+    }
+  }
   onTouchStart() {
     if (this.disabled) {
       return;
@@ -258,6 +263,12 @@ export class Button {
     }]; }
   static get elementRef() { return "el"; }
   static get listeners() { return [{
+      "name": "click",
+      "method": "onClick",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
       "name": "touchstart",
       "method": "onTouchStart",
       "target": undefined,

package/dist/collection/components/movable-area/area.css

@@ -1,6 +1,6 @@
 taro-movable-area-core {
   display: block;
-  height: 10px;
-  width: 10px;
   position: relative;
+  width: 10px;
+  height: 10px;
 }

package/dist/collection/components/movable-area/movable-view.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-    function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { Component, h, Host, Prop, Event, Element, Watch, Method } from '@stencil/core';
 export class MovableView {
@@ -273,38 +264,32 @@ export class MovableView {
   /**
    * 设置父节点
    */
-  setParent({ element, area }) {
-    return __awaiter(this, void 0, void 0, function* () {
-      const scale = this.scale ? this.scaleValue : 1;
-      this.area = area;
-      this.parent = element;
-      this.updateOffset();
-      this.updateScaleOffset(scale);
-      this.updateBoundary();
-      this.setTransform(Number(this.x) + this.scaleOffset.x, Number(this.y) + this.scaleOffset.y, scale, "", true);
-      this.setOriginScale(scale);
-    });
+  async setParent({ element, area }) {
+    const scale = this.scale ? this.scaleValue : 1;
+    this.area = area;
+    this.parent = element;
+    this.updateOffset();
+    this.updateScaleOffset(scale);
+    this.updateBoundary();
+    this.setTransform(Number(this.x) + this.scaleOffset.x, Number(this.y) + this.scaleOffset.y, scale, "", true);
+    this.setOriginScale(scale);
   }
   /**
    * 结束缩放
    */
-  endScale() {
-    return __awaiter(this, void 0, void 0, function* () {
-      this.scaling = false;
-      this.setOriginScale(this.currentScale);
-    });
+  async endScale() {
+    this.scaling = false;
+    this.setOriginScale(this.currentScale);
   }
   /**
    * 更新缩放
    */
-  setScale(scale) {
-    return __awaiter(this, void 0, void 0, function* () {
-      if (!this.scale) {
-        return;
-      }
-      this.scaling = true;
-      this.updateScale(scale * this.originScale);
-    });
+  async setScale(scale) {
+    if (!this.scale) {
+      return;
+    }
+    this.scaling = true;
+    this.updateScale(scale * this.originScale);
   }
   connectedCallback() {
     this.observer = new MutationObserver((mutations) => {

package/dist/collection/components/swiper/swiper.js

@@ -60,6 +60,10 @@ export class Swiper {
      * 给 previewImage API 使用，全屏显示 swiper
      */
     this.full = false;
+    /**
+     * 给 previewImage API 使用，缩放支持
+     */
+    this.zoom = false;
     this.handleSwiperLoopListen = () => {
       var _a, _b;
       ((_a = this.observerFirst) === null || _a === void 0 ? void 0 : _a.disconnect) && this.observerFirst.disconnect();
@@ -209,6 +213,7 @@ export class Swiper {
       speed: duration,
       observer: true,
       observeParents: true,
+      zoom: this.zoom,
       on: {
         slideTo() {
           that.current = this.realIndex;
@@ -532,6 +537,24 @@ export class Swiper {
       "attribute": "full",
       "reflect": false,
       "defaultValue": "false"
+    },
+    "zoom": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": "\u7ED9 previewImage API \u4F7F\u7528\uFF0C\u7F29\u653E\u652F\u6301"
+      },
+      "attribute": "zoom",
+      "reflect": false,
+      "defaultValue": "false"
     }
   }; }
   static get states() { return {

package/dist/collection/components/video/video-control.js

@@ -1,12 +1,3 @@
-var __awaiter = (this && this.__awaiter) || function (thisArg, _arguments, P, generator) {
-  function adopt(value) { return value instanceof P ? value : new P(function (resolve) { resolve(value); }); }
-  return new (P || (P = Promise))(function (resolve, reject) {
-    function fulfilled(value) { try { step(generator.next(value)); } catch (e) { reject(e); } }
-    function rejected(value) { try { step(generator["throw"](value)); } catch (e) { reject(e); } }
-    function step(result) { result.done ? resolve(result.value) : adopt(result.value).then(fulfilled, rejected); }
-    step((generator = generator.apply(thisArg, _arguments || [])).next());
-  });
-};
 // eslint-disable-next-line @typescript-eslint/no-unused-vars
 import { Component, h, Prop, Host, Element, Listen, Method } from '@stencil/core';
 import { formatTime } from './utils';
@@ -51,40 +42,32 @@ export class VideoControl {
     this.seekFunc(this.percentage * this.duration);
     this.toggleVisibility(true);
   }
-  setProgressBall(percentage) {
-    return __awaiter(this, void 0, void 0, function* () {
-      if (this.progressBallRef) {
-        this.progressBallRef.style.left = `${percentage * 100}%`;
-      }
-    });
+  async setProgressBall(percentage) {
+    if (this.progressBallRef) {
+      this.progressBallRef.style.left = `${percentage * 100}%`;
+    }
   }
-  toggleVisibility(nextVisible) {
-    return __awaiter(this, void 0, void 0, function* () {
-      const visible = nextVisible === undefined ? !this.visible : nextVisible;
-      if (visible) {
-        this.hideControlsTimer && clearTimeout(this.hideControlsTimer);
-        if (this.isPlaying) {
-          this.hideControlsTimer = setTimeout(() => {
-            this.toggleVisibility(false);
-          }, 2000);
-        }
-        this.el.style.visibility = 'visible';
-      }
-      else {
-        this.el.style.visibility = 'hidden';
+  async toggleVisibility(nextVisible) {
+    const visible = nextVisible === undefined ? !this.visible : nextVisible;
+    if (visible) {
+      this.hideControlsTimer && clearTimeout(this.hideControlsTimer);
+      if (this.isPlaying) {
+        this.hideControlsTimer = setTimeout(() => {
+          this.toggleVisibility(false);
+        }, 2000);
       }
-      this.visible = !!visible;
-    });
+      this.el.style.visibility = 'visible';
+    }
+    else {
+      this.el.style.visibility = 'hidden';
+    }
+    this.visible = !!visible;
   }
-  getIsDraggingProgressBall() {
-    return __awaiter(this, void 0, void 0, function* () {
-      return this.isDraggingProgressBall;
-    });
+  async getIsDraggingProgressBall() {
+    return this.isDraggingProgressBall;
   }
-  setCurrentTime(time) {
-    return __awaiter(this, void 0, void 0, function* () {
-      this.currentTimeRef.innerHTML = formatTime(time);
-    });
+  async setCurrentTime(time) {
+    this.currentTimeRef.innerHTML = formatTime(time);
   }
   render() {
     const { controls, currentTime, duration, isPlaying, pauseFunc, playFunc, showPlayBtn, showProgress } = this;