@tarojs/components 3.5.7 → 3.6.0-canary.1

package/dist/esm-es5/taro-video-control_3.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/video/utils.ts","src/components/video/video-control.tsx","src/components/video/style/index.scss?tag=taro-video-core","src/components/video/video.tsx","src/components/video/video-danmu.tsx"],"names":["formatTime","time","sec","Math","round","min","concat","calcDist","x","y","sqrt","pow","normalizeNumber","number","max","scene","screenFn","val","fnMap","defaultIOSMap","i","l","length","ret","document","isHls","url","test","VideoControl","this","visible","isDraggingProgressBall","percentage","progressDimensions","left","width","calcPercentage","pageX","pos","_this","onDragProgressBallStart","hideControlsTimer","clearTimeout","onClickProgress","e","stopPropagation","seekFunc","duration","toggleVisibility","class_1","prototype","onDocumentTouchMove","touchX","touches","setProgressBall","setCurrentTime","onDocumentTouchEnd","progressBallRef","style","nextVisible","undefined","isPlaying","setTimeout","el","visibility","getIsDraggingProgressBall","currentTimeRef","innerHTML","render","_c","controls","currentTime","pauseFunc","playFunc","showPlayBtn","showProgress","formattedDuration","playBtn","h","class","onClick","Host","ref","dom","rect","getBoundingClientRect","onTouchStart","indexCss","Video","isDraggingProgress","gestureType","analyzeGesture","obj","type","nowX","screenX","nowY","screenY","distX","lastTouchScreenX","distY","lastTouchScreenY","enableVslideGesture","isFullScreen","vslideGestureInFullscreen","vslideGesture","dist","abs","lastVolume","videoRef","volume","enableProgressGesture","lastPercentage","_a","_duration","dataX","dataY","loadNativePlayer","src","_b","load","call","init","import","then","n","Hls","default","HLS","isSupported","hls","destroy","loadSource","attachMedia","on","Events","MANIFEST_PARSED","autoplay","play","ERROR","_","data","handleError","canPlayType","console","error","handlePlay","isFirst","controlsRef","onPlay","emit","handlePause","onPause","handleEnded","pause","onEnded","handleTimeUpdate","throttle","__awaiter","isControlDragging","sent","danmuRef","tick","onTimeUpdate","target","seek","ErrorTypes","NETWORK_ERROR","onError","errMsg","response","startLoad","MEDIA_ERROR","reason","recoverMediaError","message","handleDurationChange","handleProgress","onProgress","handleLoadedMetaData","onLoadedMetaData","videoWidth","height","videoHeight","_play","_pause","_stop","_seek","position","onTouchStartContainer","onClickContainer","enablePlayGesture","now","Date","lastClickedTime","onClickFullScreenBtn","toggleFullScreen","handleFullScreenChange","timestamp","getTime","detail","fullscreenElement","fullScreenTimestamp","onFullScreenChange","fullScreen","direction","requestFullscreen","navigationUI","toggleMute","muted","isMute","toggleDanmu","_enableDanmu","class_2","componentWillLoad","enableDanmu","componentDidLoad","initialTime","sendDanmu","danmuList","addEventListener","fullscreenchange","componentDidRender","disconnectedCallback","removeEventListener","watchEnableDanmu","newVal","watchSrc","gestureObj","toastVolumeRef","nextVolume","toastVolumeBarRef","nextPercentage","toastProgressTitleRef","toastProgressRef","stop","requestFullScreen","exitFullScreen","loop","poster","objectFit","showCenterPlayBtn","showMuteBtn","danmuBtn","showFullscreenBtn","nativeProps","durationTime","classNames","taro-video-type-fullscreen","Object","assign","object-fit","playsinline","webkit-playsinline","onDurationChange","enable","taro-video-type-mute","taro-video-danmu-button-active","Array","fill","map","VideoDanmu","list","danmuElList","class_3","ensureProperties","danmu","clonedDanmu","key","random","bottom","isArray","__spreadArray","newDanmuList","filter","shouldUpdate","oldDanmuList","some","every","componentDidUpdate","requestAnimationFrame","splice","forEach","webkitTransform","transform","text","color","push"],"mappings":"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","sourcesContent":["export const formatTime = (time?: number): string => {\r\n  if (!time) return ''\r\n  const sec = Math.round(time % 60)\r\n  const min = Math.round((time - sec) / 60)\r\n  return `${min < 10 ? `0${min}` : min}:${sec < 10 ? `0${sec}` : sec}`\r\n}\r\n\r\nexport const calcDist = (x: number, y: number): number => {\r\n  return Math.sqrt(Math.pow(x, 2) + Math.pow(y, 2))\r\n}\r\n\r\nexport const normalizeNumber = (number: number): number => {\r\n  return Math.max(-1, Math.min(number, 1))\r\n}\r\n\r\nexport let scene = 'default'\r\n\r\nexport const screenFn = (function () {\r\n  let val\r\n  const fnMap = [\r\n    [\r\n      'requestFullscreen',\r\n      'exitFullscreen',\r\n      'fullscreenElement',\r\n      'fullscreenEnabled',\r\n      'fullscreenchange',\r\n      'fullscreenerror'\r\n    ],\r\n    // New WebKit\r\n    [\r\n      'webkitRequestFullscreen',\r\n      'webkitExitFullscreen',\r\n      'webkitFullscreenElement',\r\n      'webkitFullscreenEnabled',\r\n      'webkitfullscreenchange',\r\n      'webkitfullscreenerror'\r\n    ],\r\n    // Old WebKit\r\n    [\r\n      'webkitRequestFullScreen',\r\n      'webkitCancelFullScreen',\r\n      'webkitCurrentFullScreenElement',\r\n      'webkitCancelFullScreen',\r\n      'webkitfullscreenchange',\r\n      'webkitfullscreenerror'\r\n    ],\r\n    [\r\n      'mozRequestFullScreen',\r\n      'mozCancelFullScreen',\r\n      'mozFullScreenElement',\r\n      'mozFullScreenEnabled',\r\n      'mozfullscreenchange',\r\n      'mozfullscreenerror'\r\n    ],\r\n    [\r\n      'msRequestFullscreen',\r\n      'msExitFullscreen',\r\n      'msFullscreenElement',\r\n      'msFullscreenEnabled',\r\n      'MSFullscreenChange',\r\n      'MSFullscreenError'\r\n    ]\r\n  ]\r\n  var defaultIOSMap = [\r\n    'webkitEnterFullscreen',\r\n    'webkitExitFullscreen',\r\n    'webkitCurrentFullScreenElement',\r\n    'webkitSupportsFullscreen',\r\n    'fullscreenchange',\r\n    'fullscreenerror'\r\n  ]\r\n  let i = 0\r\n  const l = fnMap.length\r\n  const ret: Record<string, any> = {}\r\n  // This for loop essentially checks the current document object for the property/methods above.\r\n  for (; i < l; i++) {\r\n    val = fnMap[i]\r\n    if (val && val[1] in document) {\r\n      for (i = 0; i < val.length; i++) {\r\n        ret[fnMap[0][i]] = val[i]\r\n      }\r\n      return ret\r\n    }\r\n  }\r\n  if (!ret[fnMap[0][0]]) {\r\n    scene = 'iOS'\r\n    // when there is no any APIs be set.\r\n\r\n    // In IOS, there is no 'webkitEnterFullscreen' property `in document` but video can use it for fullscreen.\r\n    // ref: https://developer.apple.com/documentation/webkitjs/htmlvideoelement/1633500-webkitenterfullscreen\r\n    for (i = 0; i < defaultIOSMap.length; i++) {\r\n      ret[fnMap[0][i]] = defaultIOSMap[i]\r\n    }\r\n  }\r\n  // If it doesn't find any of them, this whole function returns {}\r\n  // and the fn variable is set to this returned value.\r\n  return ret\r\n})()\r\n\r\nexport const isHls = url => /\\.(m3u8)($|\\?)/i.test(url)\r\n","import { Component, h, ComponentInterface, Prop, Host, Element, Listen, Method } from '@stencil/core'\nimport { formatTime } from './utils'\n\n@Component({\n  tag: 'taro-video-control'\n})\nexport class VideoControl implements ComponentInterface {\n  private currentTimeRef: HTMLDivElement\n  private progressBallRef: HTMLDivElement\n  private visible = false\n  private isDraggingProgressBall = false\n  private hideControlsTimer: ReturnType<typeof setTimeout>\n  private percentage = 0\n  private progressDimensions = {\n    left: 0,\n    width: 0\n  }\n\n  @Element() el: HTMLElement\n\n  @Prop() controls: boolean\n  @Prop() currentTime: number\n  @Prop() duration: number\n  @Prop() isPlaying: boolean\n  @Prop() pauseFunc: () => void\n  @Prop() playFunc: () => void\n  @Prop() seekFunc: (position: number) => void\n  @Prop() showPlayBtn: boolean\n  @Prop() showProgress: boolean\n\n  @Listen('touchmove', {\n    target: 'document'\n  })\n  onDocumentTouchMove (e: TouchEvent) {\n    if (!this.isDraggingProgressBall) return\n    const touchX = e.touches[0].pageX\n    this.percentage = this.calcPercentage(touchX)\n    this.setProgressBall(this.percentage)\n    this.setCurrentTime(this.percentage * this.duration)\n  }\n\n  @Listen('touchend', {\n    target: 'document'\n  })\n  @Listen('touchcancel', {\n    target: 'document'\n  })\n  onDocumentTouchEnd () {\n    if (!this.isDraggingProgressBall) return\n\n    this.isDraggingProgressBall = false\n    this.seekFunc(this.percentage * this.duration)\n    this.toggleVisibility(true)\n  }\n\n  @Method()\n  async setProgressBall (percentage: number) {\n    if (this.progressBallRef) {\n      this.progressBallRef.style.left = `${percentage * 100}%`\n    }\n  }\n\n  @Method()\n  async toggleVisibility (nextVisible?: boolean) {\n    const visible = nextVisible === undefined ? !this.visible : nextVisible\n    if (visible) {\n      this.hideControlsTimer && clearTimeout(this.hideControlsTimer)\n      if (this.isPlaying) {\n        this.hideControlsTimer = setTimeout(() => {\n          this.toggleVisibility(false)\n        }, 2000)\n      }\n      this.el.style.visibility = 'visible'\n    } else {\n      this.el.style.visibility = 'hidden'\n    }\n    this.visible = !!visible\n  }\n\n  @Method()\n  async getIsDraggingProgressBall () {\n    return this.isDraggingProgressBall\n  }\n\n  @Method()\n  async setCurrentTime (time: number) {\n    this.currentTimeRef.innerHTML = formatTime(time)\n  }\n\n  calcPercentage = (pageX: number): number => {\n    let pos = pageX - this.progressDimensions.left\n    pos = Math.max(pos, 0)\n    pos = Math.min(pos, this.progressDimensions.width)\n    return pos / this.progressDimensions.width\n  }\n\n  onDragProgressBallStart = () => {\n    this.isDraggingProgressBall = true\n    this.hideControlsTimer && clearTimeout(this.hideControlsTimer)\n  }\n\n  onClickProgress = (e: MouseEvent) => {\n    e.stopPropagation()\n\n    const percentage = this.calcPercentage(e.pageX)\n    this.seekFunc(percentage * this.duration)\n    this.toggleVisibility(true)\n  }\n\n  render () {\n    const {\n      controls,\n      currentTime,\n      duration,\n      isPlaying,\n      pauseFunc,\n      playFunc,\n      showPlayBtn,\n      showProgress\n    } = this\n\n    const formattedDuration = formatTime(duration)\n    let playBtn\n\n    if (!showPlayBtn) {\n      playBtn = null\n    } else if (isPlaying) {\n      playBtn = <div class='taro-video-control-button taro-video-control-button-pause' onClick={pauseFunc} />\n    } else {\n      playBtn = <div class='taro-video-control-button taro-video-control-button-play' onClick={playFunc} />\n    }\n\n    return (\n      <Host class='taro-video-bar taro-video-bar-full'>\n        {controls && (\n          <div class='taro-video-controls'>\n            {playBtn}\n            {showProgress && (\n              <div class='taro-video-current-time' ref={dom => (this.currentTimeRef = dom as HTMLDivElement)}>\n                {formatTime(currentTime)}\n              </div>\n            )}\n            {showProgress && (\n              <div class='taro-video-progress-container' onClick={this.onClickProgress}>\n                <div\n                  class='taro-video-progress'\n                  ref={ref => {\n                    if (!ref) return\n                    const rect = ref.getBoundingClientRect()\n                    this.progressDimensions.left = rect.left\n                    this.progressDimensions.width = rect.width\n                  }}>\n                  <div class='taro-video-progress-buffered' style={{ width: '100%' }} />\n                  <div\n                    class='taro-video-ball'\n                    ref={dom => (this.progressBallRef = dom as HTMLDivElement)}\n                    onTouchStart={this.onDragProgressBallStart}\n                    style={{\n                      left: `${formattedDuration ? (this.currentTime / duration) * 100 : 0}%`\n                    }}\n                  >\n                    <div class='taro-video-inner' />\n                  </div>\n                </div>\n              </div>\n            )}\n            {showProgress && <div class='taro-video-duration'>{formattedDuration}</div>}\n          </div>\n        )}\n        <slot />\n      </Host>\n    )\n  }\n}\n","@charset \"UTF-8\";\n\n.taro-video {\n  display: inline-block;\n  overflow: hidden;\n  position: relative;\n  width: 100%;\n  height: 225px;\n  line-height: 0;\n}\n\n.taro-video[hidden] {\n  display: none;\n}\n\n.taro-video-container {\n  display: inline-block;\n\n  // NOTE: video 元素父节点设置该属性会导致 iOS 元素层级问题 https://stackoverflow.com/questions/49653475/video-and-z-index-inside-scaled-element-some-divs-disappear\n  // overflow: hidden;\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 100%;\n  height: 100%;\n  background-color: #000;\n  object-position: inherit;\n}\n\n.taro-video-container.taro-video-type-fullscreen {\n  position: fixed;\n  left: 0;\n  right: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 999;\n}\n\n.taro-video-container.taro-video-type-fullscreen.taro-video-type-rotate-left {\n  transform: translate(-50%, -50%) rotate(-90deg);\n}\n\n.taro-video-container.taro-video-type-fullscreen.taro-video-type-rotate-right {\n  transform: translate(-50%, -50%) rotate(90deg);\n}\n\n.taro-video-video {\n  width: 100%;\n  height: 100%;\n  object-position: inherit;\n}\n\n.taro-video-cover {\n  display: flex;\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  z-index: 1;\n  flex-direction: column;\n  justify-content: center;\n  align-items: center;\n  width: 100%;\n  background-color: rgb(1 1 1 / 50%);\n  -webkit-box-orient: vertical;\n  -webkit-box-direction: normal;\n  -webkit-box-pack: center;\n  -webkit-box-align: center;\n}\n\n.taro-video-cover-play-button {\n  width: 40px;\n  height: 40px;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: 50%;\n}\n\n.taro-video-cover-duration {\n  margin-top: 10px;\n  line-height: 1;\n  font-size: 16px;\n  color: #fff;\n}\n\n.taro-video-bar {\n  display: flex;\n  visibility: hidden;\n  overflow: hidden;\n  position: absolute;\n  right: 0;\n  bottom: 0;\n  z-index: 1;\n  align-items: center;\n  padding: 0 10px;\n  height: 44px;\n  background-color: rgb(0 0 0 / 50%);\n  -webkit-box-align: center;\n}\n\n.taro-video-bar.taro-video-bar-full {\n  left: 0;\n}\n\n.taro-video-controls {\n  display: flex;\n  -webkit-box-flex: 1;\n  flex-grow: 1;\n  margin: 0 8.5px;\n}\n\n.taro-video-control-button {\n  box-sizing: content-box;\n  margin-left: -8.5px;\n  padding: 14.5px 12.5px;\n  width: 13px;\n  height: 15px;\n}\n\n.taro-video-control-button::after {\n  display: block;\n  width: 100%;\n  height: 100%;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: 100%;\n  content: \"\";\n}\n\n.taro-video-control-button.taro-video-control-button-play::after,\n.taro-video-cover-play-button {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABoAAAAeCAYAAAAy2w7YAAAAAXNSR0IArs4c6QAAAWhJREFUSA1j+P///0cgBoHjQGzCQCsAtgJB/AMy5wCxGNXtQ9iBwvoA5BUCMQvVLEQxHpNzDSjkRhXLMM3GKrIeKKpEkYVYjcUu+AMo3ALE3GRZiN1MvKKPgbIRJFuG10j8koeA0gZEW4jfLIKyf4EqpgOxMEELCRpFnIJ3QGU5QMyM00LizCFa1SWgSkeslhFtBGkKVwGVy6FYSJp+klR/A6quB2JOkIWMIK0oNlOf8xBoZDE9LAI7nYn6HsBq4l96WHQEaLUpAyiOaASeAM2NgvuPBpaACt82IEYtfKls0UagecpwXyAzqGTRdaA57sjmYrAptAjUsCkGYlYMg9EFyLQI1IiZB8Ti6Obh5JNh0QmgHlOcBuKSIMGi50C18UDMiMssvOJEWPQLqKYbiHnxGkRIkoBF24DyaoTMIEoeh0W3geI+RBlArCI0iz4D+RVAzEasfqLVAQ19AcSg5LoYiKWI1kiiQgCMBLnEEcfDSgAAAABJRU5ErkJggg==\");\n}\n\n.taro-video-control-button.taro-video-control-button-pause::after {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABIAAAAgCAYAAAAffCjxAAAAAXNSR0IArs4c6QAAAFlJREFUSA3tksEKACAIQ7X//5zq98wOgQayum8QaGweHhMzG/6OujzKAymn+0LMqivu1XznWmX8/echTIyMyAgTwA72iIwwAexgj8gIE8CO3aMRbDPMaEy5BRGaKcZv8YxRAAAAAElFTkSuQmCC\");\n}\n\n.taro-video-current-time,\n.taro-video-duration {\n  margin-top: 15px;\n  margin-bottom: 14.5px;\n  height: 14.5px;\n  line-height: 14.5px;\n  font-size: 12px;\n  color: #cbcbcb;\n}\n\n.taro-video-progress-container {\n  position: relative;\n  flex-grow: 2;\n  -webkit-box-flex: 2;\n}\n\n.taro-video-progress {\n  position: relative;\n  margin: 21px 12px;\n  height: 2px;\n  background-color: hsl(0deg 0% 100% / 40%);\n}\n\n.taro-video-progress-buffered {\n  position: absolute;\n  left: 0;\n  top: 0;\n  width: 0;\n  height: 100%;\n  background-color: hsl(0deg 0% 100% / 80%);\n  transition: width 0.1s;\n}\n\n.taro-video-ball {\n  position: absolute;\n  left: 0;\n  top: -21px;\n  box-sizing: content-box;\n  margin-left: -22px;\n  padding: 14px;\n  width: 16px;\n  height: 16px;\n}\n\n.taro-video-inner {\n  border-radius: 50%;\n  width: 100%;\n  height: 100%;\n  background-color: #fff;\n}\n\n.taro-video-danmu-button {\n  margin: 0 8.5px;\n  padding: 2px 10px;\n  border: 1px solid #fff;\n  border-radius: 5px;\n  line-height: 1;\n  font-size: 13px;\n  color: #fff;\n  white-space: nowrap;\n}\n\n.taro-video-danmu-button.taro-video-danmu-button-active {\n  border-color: #48c23d;\n  color: #48c23d;\n}\n\n.taro-video-fullscreen,\n.taro-video-mute {\n  box-sizing: content-box;\n  padding: 8.5px;\n  width: 17px;\n  height: 17px;\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: 50%;\n}\n\n.taro-video-fullscreen {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAAAhUlEQVRYR+2WSwrAMAhEnZO3PfmULLooGEFTiIXJ2s/kRY2wzQeb85sE9CRA8jSzY1YfAFzhJBnU1AVgxH2dSiArCnD9QgGzRNnOech48SRABHoSyFb5in3PSbhyo6yvCPQkEM3u7BsPe/0FIvBfAh/vhKmVbO9SWun1qk/PSVi9TcVPBG6R1YIhgWwNpQAAAABJRU5ErkJggg==\");\n}\n\n.taro-video-fullscreen.taro-video-type-fullscreen {\n  background-image: url(\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAACAAAAAgCAYAAABzenr0AAABPUlEQVRYR+2Xu0pDURBF1/ZLxNcHKNiIlfhA7C0UBSEE8RNEBNFPUEQEEbGxFiSSSrCwEHsf5E/ccsSUuWfUhKQ40947+y42Z8+ZK/pcinzf9hhwD1xJ2q/qsb0JHAOzkl5y+lGAGnCWICQtZgAS6DxQk3TeLYA6cAo0JSXxjmW7CcwBdUkJurKiDhSA4kBvHbA9CqwBQx2O7BSw8ssU3ALPFRF4knT3nQLbr8B4LjLBOdAAFgJaLUkjbYC9n+zm+i4kXWbmwCqwnRMCHiXthuZAQOzPrxSA4kBxYDAcsH0EzATCfCLpJjOINoCtgFZabg7bk7AFDAeaGpKWgitZTu5N0kQbYBmYrujo9mX0CVxL+gidAdu9vY5zXhWA4sAgOND3X7NJ4AHYCaxkB8B62gslvecSFpoDOZH/PP8Cnt7hIaM5xCEAAAAASUVORK5CYII=\");\n}\n\n.taro-video-mute {\n  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==\");\n}\n\n.taro-video-mute.taro-video-type-mute {\n  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\");\n}\n\n.taro-video-danmu {\n  overflow: visible;\n  position: absolute;\n  left: 0;\n  top: 0;\n  bottom: 0;\n  margin-top: 14px;\n  margin-bottom: 44px;\n  width: 100%;\n  line-height: 14px;\n  font-size: 14px;\n}\n\n.taro-video-danmu-item {\n  position: absolute;\n  left: 100%;\n  line-height: 1;\n  color: #fff;\n  white-space: nowrap;\n  transform: translateX(0);\n  transition-property: left, transform;\n  transition-duration: 3s;\n  transition-timing-function: linear;\n}\n\n.taro-video-toast {\n  display: block;\n  visibility: hidden;\n  position: absolute;\n  left: 50%;\n  top: 50%;\n  border-radius: 5px;\n  background-color: hsl(0deg 0% 100% / 80%);\n  pointer-events: none;\n  color: #000;\n  transform: translate(-50%, -50%);\n}\n\n.taro-video-toast.taro-video-toast-volume {\n  display: block;\n  width: 100px;\n  height: 100px;\n}\n\n.taro-video-toast-volume .taro-video-toast-title {\n  display: block;\n  margin-top: 10px;\n  width: 100%;\n  line-height: 16px;\n  text-align: center;\n  font-size: 12px;\n}\n\n.taro-video-toast-volume .taro-video-toast-icon {\n  display: block;\n  margin-left: 25%;\n  width: 50%;\n  height: 50%;\n  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==\");\n  background-repeat: no-repeat;\n  background-position: 50% 50%;\n  background-size: 50%;\n  fill: #000;\n}\n\n.taro-video-toast-volume .taro-video-toast-value {\n  margin-left: 10px;\n  margin-top: 5px;\n  width: 80px;\n  height: 5px;\n}\n\n.taro-video-toast-volume .taro-video-toast-value > .taro-video-toast-value-content {\n  overflow: hidden;\n}\n\n.taro-video-toast-volume-grids {\n  width: 80px;\n  height: 5px;\n}\n\n.taro-video-toast-volume-grids-item {\n  float: left;\n  width: 7.1px;\n  height: 5px;\n  background-color: #000;\n}\n\n.taro-video-toast-volume-grids-item:not(:first-child) {\n  margin-left: 1px;\n}\n\n.taro-video-toast.taro-video-toast-progress {\n  padding: 6px;\n  background-color: rgb(0 0 0 / 80%);\n  line-height: 18px;\n  font-size: 14px;\n  color: #fff;\n}\n","import { Component, h, ComponentInterface, Prop, State, Event, EventEmitter, Host, Watch, Listen, Element, Method } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { throttle } from '../../utils'\nimport {\n  formatTime,\n  calcDist,\n  normalizeNumber,\n  screenFn,\n  isHls,\n  scene\n} from './utils'\n\nimport type HLS from 'hls.js'\n\n@Component({\n  tag: 'taro-video-core',\n  styleUrl: './style/index.scss'\n})\nexport class Video implements ComponentInterface {\n  private videoRef: HTMLVideoElement\n  private controlsRef: HTMLTaroVideoControlElement\n  private danmuRef: HTMLTaroVideoDanmuElement\n  private toastProgressRef: HTMLDivElement\n  private toastProgressTitleRef: HTMLDivElement\n  private toastVolumeRef: HTMLDivElement\n  private toastVolumeBarRef: HTMLDivElement\n  private currentTime = 0\n  private lastClickedTime: number\n  private lastTouchScreenX: number | undefined\n  private lastTouchScreenY: number | undefined\n  private isDraggingProgress = false\n  private lastVolume: number\n  private lastPercentage: number\n  private nextPercentage: number\n  private gestureType = 'none'\n  private HLS: typeof HLS\n  private hls: HLS\n\n  @Element() el: HTMLTaroVideoCoreElement\n\n  /**\n   * 要播放视频的资源地址\n   */\n  @Prop() src: string\n\n  /**\n   * 指定视频时长\n   */\n  @Prop() duration: number\n\n  /**\n   * 是否显示默认播放控件（播放/暂停按钮、播放进度、时间）\n   */\n  @Prop() controls = true\n\n  /**\n   * 是否自动播放\n   */\n  @Prop() autoplay = false\n\n  /**\n   * 是否循环播放\n   */\n  @Prop() loop = false\n\n  /**\n   * 是否静音播放\n   */\n  @Prop() muted = false\n\n  /**\n   * 指定视频初始播放位置\n   */\n  @Prop() initialTime = 0\n\n  /**\n   * 视频封面的图片网络资源地址或云文件ID（2.3.0）。若 controls 属性值为 false 则设置 poster 无效\n   */\n  @Prop() poster: string\n\n  /**\n   * 当视频大小与 video 容器大小不一致时，视频的表现形式\n   */\n  @Prop() objectFit: 'contain' | 'fill' | 'cover' = 'contain'\n\n  /**\n   * 若不设置，宽度大于 240 时才会显示\n   */\n  @Prop() showProgress = true\n\n  /**\n   * 是否显示全屏按钮\n   */\n  @Prop() showFullscreenBtn = true\n\n  /**\n   * 是否显示视频底部控制栏的播放按钮\n   */\n  @Prop() showPlayBtn = true\n\n  /**\n   * 是否显示视频中间的播放按钮\n   */\n  @Prop() showCenterPlayBtn = true\n\n  /**\n   * 是否显示静音按钮\n   */\n  @Prop() showMuteBtn = false\n\n  /**\n   * 弹幕列表\n   */\n  @Prop() danmuList: []\n\n  /**\n   * 是否显示弹幕按钮\n   */\n  @Prop() danmuBtn = false\n\n  /**\n   * 是否展示弹幕\n   */\n  @Prop() enableDanmu = false\n\n  /**\n   * 是否开启播放手势，即双击切换播放/暂停\n   */\n  @Prop() enablePlayGesture = false\n\n  /**\n   * 是否开启控制进度的手势\n   */\n  @Prop() enableProgressGesture = true\n\n  /**\n   * 在非全屏模式下，是否开启亮度与音量调节手势\n   */\n  @Prop() vslideGesture = false\n\n  /**\n   * 在全屏模式下，是否开启亮度与音量调节手势\n   */\n  @Prop() vslideGestureInFullscreen = true\n\n  @Prop() nativeProps = {}\n\n  @State() _duration: number\n  @State() _enableDanmu = false\n  @State() isPlaying = false\n  @State() isFirst = true\n  @State() isFullScreen = false\n  @State() fullScreenTimestamp = new Date().getTime()\n  @State() isMute = false\n\n  @Event({\n    eventName: 'play'\n  }) onPlay: EventEmitter\n\n  @Event({\n    eventName: 'pause'\n  }) onPause: EventEmitter\n\n  @Event({\n    eventName: 'ended'\n  }) onEnded: EventEmitter\n\n  @Event({\n    eventName: 'timeupdate'\n  }) onTimeUpdate: EventEmitter\n\n  @Event({\n    eventName: 'error'\n  }) onError: EventEmitter\n\n  @Event({\n    eventName: 'fullscreenchange'\n  }) onFullScreenChange: EventEmitter\n\n  @Event({\n    eventName: 'progress'\n  }) onProgress: EventEmitter\n\n  @Event({\n    eventName: 'loadedmetadata'\n  }) onLoadedMetaData: EventEmitter\n\n  componentWillLoad () {\n    this._enableDanmu = this.enableDanmu\n  }\n\n  componentDidLoad () {\n    this.init()\n    if (this.initialTime) {\n      this.videoRef.currentTime = this.initialTime\n    }\n    // 目前只支持 danmuList 初始化弹幕列表，还未支持更新弹幕列表\n    this.danmuRef.sendDanmu?.(this.danmuList)\n\n    if (document.addEventListener) {\n      document.addEventListener(screenFn.fullscreenchange, this.handleFullScreenChange)\n    }\n    if (this.videoRef && scene === 'iOS') {\n      // NOTE: iOS 场景下 fullscreenchange 并不会在退出全屏状态下触发，仅 webkitpresentationmodechanged 与 webkitendfullscreen 可替代\n      this.videoRef.addEventListener('webkitendfullscreen', this.handleFullScreenChange)\n    }\n  }\n\n  componentDidRender () {\n  }\n\n  disconnectedCallback () {\n    if (document.removeEventListener) {\n      document.removeEventListener(screenFn.fullscreenchange, this.handleFullScreenChange)\n    }\n    if (this.videoRef && scene === 'iOS') {\n      this.videoRef.removeEventListener('webkitendfullscreen', this.handleFullScreenChange)\n    }\n  }\n\n  @Watch('enableDanmu')\n  watchEnableDanmu (newVal) {\n    this._enableDanmu = newVal\n  }\n\n  @Watch('src')\n  watchSrc () {\n    this.init()\n  }\n\n  analyzeGesture = (e: TouchEvent) => {\n    const obj: {\n      type: string\n      dataX?: number\n      dataY?: number\n    } = {\n      type: 'none'\n    }\n    const nowX = e.touches[0].screenX\n    const nowY = e.touches[0].screenY\n    const distX = nowX - (this.lastTouchScreenX as number)\n    const distY = nowY - (this.lastTouchScreenY as number)\n    const enableVslideGesture = this.isFullScreen ? this.vslideGestureInFullscreen : this.vslideGesture\n\n    if (this.gestureType === 'none') {\n      // 两点间距离\n      const dist = calcDist(distX, distY)\n\n      // 没有移动\n      if (dist < 10) return obj\n\n      if (Math.abs(distY) >= Math.abs(distX)) {\n        // 垂直方向移动：调整音量\n        if (enableVslideGesture) {\n          this.gestureType = 'adjustVolume'\n          this.lastVolume = this.videoRef.volume\n        } else {\n          return obj\n        }\n      } else if (Math.abs(distY) < Math.abs(distX)) {\n        // 水平方向移动：调整进度\n        if (this.enableProgressGesture) {\n          this.gestureType = 'adjustProgress'\n          this.lastPercentage = this.currentTime / (this.duration ?? this._duration)\n        } else {\n          return obj\n        }\n      }\n    }\n    obj.type = this.gestureType\n    obj.dataX = normalizeNumber(distX / 200)\n    obj.dataY = normalizeNumber(distY / 200)\n    return obj\n  }\n\n  @Listen('touchmove', {\n    target: 'document'\n  })\n  async onDocumentTouchMove (e: TouchEvent) {\n    if (this.lastTouchScreenX === undefined || this.lastTouchScreenY === undefined) return\n    if (await this.controlsRef.getIsDraggingProgressBall()) return\n\n    const gestureObj = this.analyzeGesture(e)\n    if (gestureObj.type === 'adjustVolume') {\n      this.toastVolumeRef.style.visibility = 'visible'\n      const nextVolume = Math.max(Math.min(this.lastVolume - gestureObj.dataY!, 1), 0)\n      this.videoRef.volume = nextVolume\n      this.toastVolumeBarRef.style.width = `${nextVolume * 100}%`\n    } else if (gestureObj.type === 'adjustProgress') {\n      this.isDraggingProgress = true\n      this.nextPercentage = Math.max(Math.min(this.lastPercentage + (gestureObj.dataX || 0), 1), 0)\n      if (this.controls && this.showProgress) {\n        this.controlsRef.setProgressBall(this.nextPercentage)\n        this.controlsRef.toggleVisibility(true)\n      }\n      const duration = this.duration || this._duration\n      this.toastProgressTitleRef.innerHTML = `${formatTime(this.nextPercentage * duration)} / ${formatTime(duration)}`\n      this.toastProgressRef.style.visibility = 'visible'\n    }\n  }\n\n  @Listen('touchend', {\n    target: 'document'\n  })\n  @Listen('touchcancel', {\n    target: 'document'\n  })\n  onDocumentTouchEnd () {\n    if (this.gestureType === 'adjustVolume') {\n      this.toastVolumeRef.style.visibility = 'hidden'\n    } else if (this.gestureType === 'adjustProgress') {\n      this.toastProgressRef.style.visibility = 'hidden'\n    }\n\n    if (this.isDraggingProgress) {\n      this.isDraggingProgress = false\n      this.seek(this.nextPercentage * (this.duration ?? this._duration))\n    }\n\n    this.gestureType = 'none'\n    this.lastTouchScreenX = undefined\n    this.lastTouchScreenY = undefined\n  }\n\n  loadNativePlayer = () => {\n    if (this.videoRef) {\n      this.videoRef.src = this.src\n      this.videoRef.load?.()\n    }\n  }\n\n  init = () => {\n    const { src, videoRef } = this\n\n\n    if (isHls(src)) {\n      import('hls.js').then(e => {\n        const Hls = e.default\n        this.HLS = Hls\n        if (Hls.isSupported()) {\n          if (this.hls) {\n            this.hls.destroy()\n          }\n          this.hls = new Hls()\n          this.hls.loadSource(src)\n          this.hls.attachMedia(videoRef)\n          this.hls.on(Hls.Events.MANIFEST_PARSED, () => {\n            this.autoplay && this.play()\n          })\n          this.hls.on(Hls.Events.ERROR, (_, data) => {\n            this.handleError(data)\n          })\n        } else if (videoRef.canPlayType('application/vnd.apple.mpegurl')) {\n          this.loadNativePlayer()\n        } else {\n          console.error('该浏览器不支持 HLS 播放')\n        }\n      })\n    } else {\n      this.loadNativePlayer()\n    }\n  }\n\n  handlePlay = () => {\n    this.isPlaying = true\n    this.isFirst = false\n    this.controlsRef.toggleVisibility(true)\n    this.onPlay.emit()\n  }\n\n  handlePause = () => {\n    this.isPlaying = false\n    this.controlsRef.toggleVisibility(true)\n    this.onPause.emit()\n  }\n\n  handleEnded = () => {\n    this.isFirst = true\n    this.pause()\n    this.controlsRef.toggleVisibility()\n    this.onEnded.emit()\n  }\n\n  handleTimeUpdate = throttle(async e => {\n    this.currentTime = this.videoRef.currentTime\n    const duration = this.duration || this._duration\n\n    const isControlDragging = await this.controlsRef.getIsDraggingProgressBall()\n    if (this.controls && this.showProgress) {\n      if (!isControlDragging && !this.isDraggingProgress) {\n        this.controlsRef.setProgressBall(this.currentTime / duration)\n        this.controlsRef.setCurrentTime(this.currentTime)\n      }\n    }\n\n    this.danmuRef.tick(this.currentTime)\n\n    this.onTimeUpdate.emit({\n      duration: e.target?.duration,\n      currentTime: e.target?.currentTime\n    })\n\n    if (this.duration) {\n      if (this.currentTime >= this.duration) {\n        this.seek(0)\n        this.handleEnded()\n      }\n    }\n  }, 250)\n\n  handleError = e => {\n    if (this.hls) {\n      switch (e.type) {\n        case this.HLS.ErrorTypes.NETWORK_ERROR:\n          // try to recover network error\n          this.onError.emit({ errMsg: e.response })\n          this.hls.startLoad()\n          break\n        case this.HLS.ErrorTypes.MEDIA_ERROR:\n          this.onError.emit({ errMsg: e.reason || '媒体错误,请重试' })\n          this.hls.recoverMediaError()\n          break\n        default:\n          break\n      }\n    } else {\n      this.onError.emit({\n        errMsg: e.target?.error?.message,\n      })\n    }\n  }\n\n  handleDurationChange = () => {\n    this._duration = this.videoRef.duration\n  }\n\n  handleProgress = () => {\n    this.onProgress.emit()\n  }\n\n  handleLoadedMetaData = (e: Event) => {\n    const target = e.target as HTMLVideoElement\n    this.onLoadedMetaData.emit({\n      width: target.videoWidth,\n      height: target.videoHeight,\n      duration: target.duration\n    })\n  }\n\n  /** 播放视频 */\n  @Method()\n  async play () {\n    this._play()\n  }\n\n  _play = () => this.videoRef.play()\n\n  /** 暂停视频 */\n  @Method()\n  async pause () {\n    this._pause()\n  }\n\n  _pause = () => this.videoRef.pause()\n\n  /** 停止视频 */\n  @Method()\n  async stop () {\n    this._stop()\n  }\n\n  _stop = () => {\n    this.videoRef.pause()\n    this._seek(0)\n  }\n\n  /** 跳转到指定位置 */\n  @Method()\n  async seek (position: number) {\n    this._seek(position)\n  }\n\n  _seek = (position: number) => {\n    this.videoRef.currentTime = position\n  }\n\n  /** 进入全屏。若有自定义内容需在全屏时展示，需将内容节点放置到 video 节点内。 */\n  @Method()\n  async requestFullScreen () {\n    this.toggleFullScreen(true)\n  }\n\n  /** 退出全屏 */\n  @Method()\n  async exitFullScreen () {\n    this.toggleFullScreen(false)\n  }\n\n  onTouchStartContainer = (e: TouchEvent) => {\n    this.lastTouchScreenX = e.touches[0].screenX\n    this.lastTouchScreenY = e.touches[0].screenY\n  }\n\n  onClickContainer = () => {\n    if (this.enablePlayGesture) {\n      const now = Date.now()\n      if (now - this.lastClickedTime < 300) {\n        // 双击\n        this.isPlaying ? this.pause() : this.play()\n      }\n      this.lastClickedTime = now\n    }\n    this.controlsRef.toggleVisibility()\n  }\n\n  onClickFullScreenBtn = (e: MouseEvent) => {\n    e.stopPropagation()\n    this.toggleFullScreen()\n  }\n\n  handleFullScreenChange = e => {\n    // 全屏后，\"退出\"走的是浏览器事件，在此同步状态\n    const timestamp = new Date().getTime()\n    if (!e.detail && this.isFullScreen && !document[screenFn.fullscreenElement] && timestamp - this.fullScreenTimestamp > 100) {\n      this.toggleFullScreen(false)\n    }\n  }\n\n  toggleFullScreen = (isFullScreen = !this.isFullScreen) => {\n    this.isFullScreen = isFullScreen // this.videoRef?.['webkitDisplayingFullscreen']\n    this.controlsRef.toggleVisibility(true)\n    this.fullScreenTimestamp = new Date().getTime()\n    this.onFullScreenChange.emit({\n      fullScreen: this.isFullScreen,\n      direction: 'vertical'\n    })\n    if (this.isFullScreen && !document[screenFn.fullscreenElement]) {\n      setTimeout(() => {\n        this.videoRef[screenFn.requestFullscreen]({ navigationUI: 'auto' })\n      }, 0)\n    }\n  }\n\n  toggleMute = (e: MouseEvent) => {\n    e.stopPropagation()\n    this.videoRef.muted = !this.isMute\n    this.controlsRef.toggleVisibility(true)\n    this.isMute = !this.isMute\n  }\n\n  toggleDanmu = (e: MouseEvent) => {\n    e.stopPropagation()\n    this.controlsRef.toggleVisibility(true)\n    this._enableDanmu = !this._enableDanmu\n  }\n\n  render () {\n    const {\n      controls,\n      autoplay,\n      loop,\n      muted,\n      poster,\n      objectFit,\n      isFirst,\n      isMute,\n      isFullScreen,\n      showCenterPlayBtn,\n      isPlaying,\n      _enableDanmu,\n      showMuteBtn,\n      danmuBtn,\n      showFullscreenBtn,\n      nativeProps\n    } = this\n    const duration = this.duration || this._duration\n    const durationTime = formatTime(duration)\n\n    return (\n      <Host\n        class={classNames('taro-video-container', {\n          'taro-video-type-fullscreen': isFullScreen\n        })}\n        onTouchStart={this.onTouchStartContainer}\n        onClick={this.onClickContainer}\n      >\n        <video\n          class='taro-video-video'\n          style={{\n            'object-fit': objectFit\n          }}\n          ref={dom => {\n            if (dom) {\n              this.videoRef = dom as HTMLVideoElement\n            }\n          }}\n          autoplay={autoplay}\n          loop={loop}\n          muted={muted}\n          poster={controls ? poster : undefined}\n          playsinline\n          webkit-playsinline\n          onPlay={this.handlePlay}\n          onPause={this.handlePause}\n          onEnded={this.handleEnded}\n          onTimeUpdate={this.handleTimeUpdate}\n          onError={this.handleError}\n          onDurationChange={this.handleDurationChange}\n          onProgress={this.handleProgress}\n          onLoadedMetaData={this.handleLoadedMetaData}\n          {...nativeProps}\n        >\n          暂时不支持播放该视频\n        </video>\n\n        <taro-video-danmu\n          ref={dom => {\n            if (dom) {\n              this.danmuRef = dom as HTMLTaroVideoDanmuElement\n            }\n          }}\n          enable={_enableDanmu}\n        />\n\n        {isFirst && showCenterPlayBtn && !isPlaying && (\n          <div class='taro-video-cover'>\n            <div class='taro-video-cover-play-button' onClick={() => this.play()} />\n            <p class='taro-video-cover-duration'>{durationTime}</p>\n          </div>\n        )}\n\n        <taro-video-control\n          ref={dom => {\n            if (dom) {\n              this.controlsRef = dom\n            }\n          }}\n          controls={controls}\n          currentTime={this.currentTime}\n          duration={duration}\n          isPlaying={this.isPlaying}\n          pauseFunc={this._pause}\n          playFunc={this._play}\n          seekFunc={this._seek}\n          showPlayBtn={this.showPlayBtn}\n          showProgress={this.showProgress}\n        >\n          {showMuteBtn && (\n            <div\n              class={classNames('taro-video-mute', {\n                'taro-video-type-mute': isMute\n              })}\n              onClick={this.toggleMute}\n            />\n          )}\n          {danmuBtn && (\n            <div\n              class={classNames('taro-video-danmu-button', {\n                'taro-video-danmu-button-active': _enableDanmu\n              })}\n              onClick={this.toggleDanmu}>\n              弹幕\n            </div>\n          )}\n          {showFullscreenBtn && (\n            <div\n              class={classNames('taro-video-fullscreen', {\n                'taro-video-type-fullscreen': isFullScreen\n              })}\n              onClick={this.onClickFullScreenBtn}\n            />\n          )}\n        </taro-video-control>\n\n        <div class='taro-video-toast taro-video-toast-volume' ref={dom => {\n          if (dom) {\n            this.toastVolumeRef = dom\n          }\n        }}>\n          <div class='taro-video-toast-title'>音量</div>\n          <div class='taro-video-toast-icon' />\n          <div class='taro-video-toast-value'>\n            <div class='taro-video-toast-value-content' ref={dom => {\n              if (dom) {\n                this.toastVolumeBarRef = dom\n              }\n            }}>\n              <div class='taro-video-toast-volume-grids'>\n                {Array(10).fill(1).map(() => (\n                  <div class='taro-video-toast-volume-grids-item' />\n                ))}\n              </div>\n            </div>\n          </div>\n        </div>\n\n        <div class='taro-video-toast taro-video-toast-progress' ref={dom => {\n          if (dom) {\n            this.toastProgressRef = dom\n          }\n        }}>\n          <div class='taro-video-toast-title' ref={dom => {\n            if (dom) {\n              this.toastProgressTitleRef = dom\n            }\n          }} />\n        </div>\n      </Host>\n    )\n  }\n}\n","import { Component, h, ComponentInterface, Prop, State, Host, Method } from '@stencil/core'\n\nexport interface Danmu {\n  text: string\n  color: string\n  time: number,\n  key: number,\n  bottom: string\n}\n\n@Component({\n  tag: 'taro-video-danmu'\n})\nexport class VideoDanmu implements ComponentInterface {\n  private list: Danmu[] = []\n  private danmuElList: HTMLParagraphElement[] = []\n  private currentTime = 0\n\n  @Prop() enable = false\n\n  @State() danmuList: Danmu[] = []\n\n  ensureProperties (danmu: Partial<Danmu>): Danmu {\n    const clonedDanmu = { ...danmu } as Danmu\n    if (!('time' in danmu)) {\n      clonedDanmu.time = this.currentTime\n    }\n    clonedDanmu.key = Math.random()\n    clonedDanmu.bottom = `${Math.random() * 90 + 5}%`\n    return clonedDanmu\n  }\n\n  @Method()\n  async sendDanmu (danmuList: Partial<Danmu> | Partial<Danmu>[] = []) {\n    if (Array.isArray(danmuList)) {\n      this.list = [\n        ...this.list,\n        ...danmuList.map(danmu => this.ensureProperties(danmu))\n      ]\n    } else {\n      const danmu = danmuList\n      this.list = [\n        ...this.list,\n        { ...this.ensureProperties(danmu) }\n      ]\n    }\n  }\n\n  @Method()\n  async tick (currentTime: number) {\n    this.currentTime = currentTime\n\n    if (!this.enable) return\n\n    const danmuList = this.list\n\n    /**\n     * @todo 这个判断对拖拽进度的处理不严谨\n     */\n    const newDanmuList = danmuList.filter(({ time }) => {\n      return currentTime - time < 4 && currentTime > time\n    })\n    let shouldUpdate = false\n    const oldDanmuList = this.danmuList\n\n    if (newDanmuList.length !== oldDanmuList.length) {\n      shouldUpdate = true\n    } else {\n      shouldUpdate = newDanmuList.some(({ key }) => {\n        return oldDanmuList.every((danmu) => {\n          return key !== danmu.key\n        })\n      })\n    }\n    if (shouldUpdate) {\n      this.danmuList = newDanmuList\n    }\n  }\n\n  componentDidUpdate () {\n    requestAnimationFrame(() => {\n      setTimeout(() => {\n        const danmuElList = this.danmuElList.splice(0)\n        danmuElList.forEach(danmu => {\n          danmu.style.left = '0'\n          danmu.style.webkitTransform = 'translateX(-100%)'\n          danmu.style.transform = 'translateX(-100%)'\n        })\n      })\n    })\n  }\n\n  render () {\n    if (!this.enable) return ''\n\n    return (\n      <Host class='taro-video-danmu'>\n        {this.danmuList.map(({ text, color, bottom, key }) => (\n          <p\n            class='taro-video-danmu-item'\n            key={key}\n            style={{\n              color,\n              bottom\n            }}\n            ref={ref => {\n              if (ref) {\n                this.danmuElList.push(ref)\n              }\n            }}\n          >\n            {text}\n          </p>\n        ))}\n      </Host>\n    )\n  }\n}\n"]}

package/dist/esm-es5/taro-view-core.entry.js

@@ -1 +1,2 @@
-import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-8809c729.js";import{c as classnames}from"./index-1d8e8acd.js";var indexCss="body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}taro-view-core{display:block}";var View=function(){function t(t){registerInstance(this,t);this.onLongPress=createEvent(this,"longpress",7);this.hoverStartTime=50;this.hoverStayTime=400;this.hover=false;this.touch=false;this.startTime=0}t.prototype.onTouchStart=function(){var t=this;if(this.hoverClass){this.touch=true;setTimeout((function(){if(t.touch){t.hover=true}}),this.hoverStartTime)}this.timeoutEvent=setTimeout((function(){t.onLongPress.emit()}),350);this.startTime=Date.now()};t.prototype.onTouchMove=function(){clearTimeout(this.timeoutEvent)};t.prototype.onTouchEnd=function(){var t=this;var e=Date.now()-this.startTime;if(e<350){clearTimeout(this.timeoutEvent)}if(this.hoverClass){this.touch=false;setTimeout((function(){if(!t.touch){t.hover=false}}),this.hoverStayTime)}};t.prototype.componentDidRender=function(){var t=this.el;t.childNodes.forEach((function(t){if(t.nodeType===document.COMMENT_NODE&&t["s-cn"])t["s-cn"]=false}))};t.prototype.render=function(){var t;var e=classnames((t={},t[""+this.hoverClass]=this.hover,t));var i={};if(!!this.animation){i["animation"]=this.animation;i["data-animation"]=this.animation}return h(Host,Object.assign({class:e},i),h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();View.style=indexCss;export{View as taro_view_core};
+import{r as registerInstance,c as createEvent,h,H as Host,g as getElement}from"./index-5d881caf.js";import{c as classnames}from"./index-1d8e8acd.js";var indexCss="body,html{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none;-webkit-tap-highlight-color:rgba(0, 0, 0, 0)}taro-view-core{display:block}";var View=function(){function t(t){registerInstance(this,t);this.onLongPress=createEvent(this,"longpress",7);this.startTime=0;this.animation=undefined;this.hoverClass=undefined;this.hoverStartTime=50;this.hoverStayTime=400;this.hover=false;this.touch=false}t.prototype.onTouchStart=function(){var t=this;if(this.hoverClass){this.touch=true;setTimeout((function(){if(t.touch){t.hover=true}}),this.hoverStartTime)}this.timeoutEvent=setTimeout((function(){t.onLongPress.emit()}),350);this.startTime=Date.now()};t.prototype.onTouchMove=function(){clearTimeout(this.timeoutEvent)};t.prototype.onTouchEnd=function(){var t=this;var e=Date.now()-this.startTime;if(e<350){clearTimeout(this.timeoutEvent)}if(this.hoverClass){this.touch=false;setTimeout((function(){if(!t.touch){t.hover=false}}),this.hoverStayTime)}};t.prototype.componentDidRender=function(){var t=this.el;t.childNodes.forEach((function(t){if(t.nodeType===document.COMMENT_NODE&&t["s-cn"])t["s-cn"]=false}))};t.prototype.render=function(){var t;var e=classnames((t={},t["".concat(this.hoverClass)]=this.hover,t));var i={};if(!!this.animation){i["animation"]=this.animation;i["data-animation"]=this.animation}return h(Host,Object.assign({class:e},i),h("slot",null))};Object.defineProperty(t.prototype,"el",{get:function(){return getElement(this)},enumerable:false,configurable:true});return t}();View.style=indexCss;export{View as taro_view_core};
+//# sourceMappingURL=taro-view-core.entry.js.map

package/dist/esm-es5/taro-view-core.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/view/style/index.scss?tag=taro-view-core","src/components/view/view.tsx"],"names":["indexCss","View","this","startTime","prototype","onTouchStart","_this","hoverClass","touch","setTimeout","hover","hoverStartTime","timeoutEvent","onLongPress","emit","Date","now","onTouchMove","clearTimeout","onTouchEnd","spanTime","hoverStayTime","componentDidRender","el","childNodes","forEach","item","nodeType","document","COMMENT_NODE","render","cls","classNames","_a","concat","attr","animation","h","Host","Object","assign","class"],"mappings":"qJAAA,IAAMA,SAAW,gLCOJC,KAAI,mGAePC,KAAAC,UAAY,yEAVK,sBACD,eACP,iBACA,MAUjBF,EAAAG,UAAAC,aAAA,WAAA,IAAAC,EAAAJ,KACE,GAAIA,KAAKK,WAAY,CACnBL,KAAKM,MAAQ,KACbC,YAAW,WACT,GAAIH,EAAKE,MAAO,CACdF,EAAKI,MAAQ,QAEdR,KAAKS,gBAGVT,KAAKU,aAAeH,YAAW,WAC7BH,EAAKO,YAAYC,SAChB,KACHZ,KAAKC,UAAYY,KAAKC,OAIxBf,EAAAG,UAAAa,YAAA,WACEC,aAAahB,KAAKU,eAIpBX,EAAAG,UAAAe,WAAA,WAAA,IAAAb,EAAAJ,KACE,IAAMkB,EAAWL,KAAKC,MAAQd,KAAKC,UACnC,GAAIiB,EAAW,IAAK,CAClBF,aAAahB,KAAKU,cAEpB,GAAIV,KAAKK,WAAY,CACnBL,KAAKM,MAAQ,MACbC,YAAW,WACT,IAAKH,EAAKE,MAAO,CACfF,EAAKI,MAAQ,SAEdR,KAAKmB,iBAIZpB,EAAAG,UAAAkB,mBAAA,WACE,IAAMC,EAAKrB,KAAKqB,GAChBA,EAAGC,WAAWC,SAAQ,SAAAC,GACpB,GAAIA,EAAKC,WAAaC,SAASC,cAAgBH,EAAK,QAASA,EAAK,QAAU,UAIhFzB,EAAAG,UAAA0B,OAAA,iBACE,IAAMC,EAAMC,YAAUC,EAAA,GACpBA,EAAC,GAAAC,OAAGhC,KAAKK,aAAeL,KAAKQ,UAE/B,IAAIyB,EAAO,GACX,KAAMjC,KAAKkC,UAAW,CACpBD,EAAK,aAAejC,KAAKkC,UACzBD,EAAK,kBAAoBjC,KAAKkC,UAEhC,OACEC,EAACC,KAAIC,OAAAC,OAAA,CAACC,MAAOV,GAASI,GACpBE,EAAA,OAAA,sIAzES","sourcesContent":["body,\nhtml {\n  user-select: none;\n  -webkit-tap-highlight-color: rgb(0 0 0 / 0%);\n}\n\ntaro-view-core {\n  display: block;\n}\n","import { Component, Prop, h, ComponentInterface, Host, Listen, State, Event, EventEmitter, Element } from '@stencil/core'\nimport classNames from 'classnames'\n\n@Component({\n  tag: 'taro-view-core',\n  styleUrl: './style/index.scss'\n})\nexport class View implements ComponentInterface {\n  @Element() el: HTMLElement\n\n  @Prop() animation: string\n  @Prop() hoverClass: string\n  @Prop() hoverStartTime = 50\n  @Prop() hoverStayTime = 400\n  @State() hover = false\n  @State() touch = false\n\n  @Event({\n    eventName: 'longpress'\n  }) onLongPress: EventEmitter\n\n  private timeoutEvent: ReturnType<typeof setTimeout>\n  private startTime = 0\n\n  @Listen('touchstart')\n  onTouchStart () {\n    if (this.hoverClass) {\n      this.touch = true\n      setTimeout(() => {\n        if (this.touch) {\n          this.hover = true\n        }\n      }, this.hoverStartTime)\n    }\n\n    this.timeoutEvent = setTimeout(() => {\n      this.onLongPress.emit()\n    }, 350)\n    this.startTime = Date.now()\n  }\n\n  @Listen('touchmove')\n  onTouchMove () {\n    clearTimeout(this.timeoutEvent)\n  }\n\n  @Listen('touchend')\n  onTouchEnd () {\n    const spanTime = Date.now() - this.startTime\n    if (spanTime < 350) {\n      clearTimeout(this.timeoutEvent)\n    }\n    if (this.hoverClass) {\n      this.touch = false\n      setTimeout(() => {\n        if (!this.touch) {\n          this.hover = false\n        }\n      }, this.hoverStayTime)\n    }\n  }\n\n  componentDidRender () {\n    const el = this.el\n    el.childNodes.forEach(item => {\n      if (item.nodeType === document.COMMENT_NODE && item[\"s-cn\"]) item[\"s-cn\"] = false\n    })\n  }\n\n  render() {\n    const cls = classNames({\n      [`${this.hoverClass}`]: this.hover\n    })\n    let attr = {}\n    if (!!this.animation) {\n      attr['animation'] = this.animation\n      attr['data-animation'] = this.animation\n    }\n    return (\n      <Host class={cls} {...attr}>\n        <slot></slot>\n      </Host>\n    )\n  }\n}\n"]}

package/dist/esm-es5/taro-voip-room-core.entry.js

@@ -1 +1,2 @@
-import{r as registerInstance,h,H as Host}from"./index-8809c729.js";import{n as notSupport}from"./helper-3d0ecf0f.js";import"@tarojs/taro";var VoipRoom=function(){function o(o){registerInstance(this,o)}o.prototype.componentDidLoad=function(){notSupport("VoipRoom",this)};o.prototype.render=function(){return h(Host,null)};return o}();export{VoipRoom as taro_voip_room_core};
+import{r as registerInstance,h,H as Host}from"./index-5d881caf.js";import{n as notSupport}from"./helper-3d0ecf0f.js";import"@tarojs/taro";var VoipRoom=function(){function o(o){registerInstance(this,o)}o.prototype.componentDidLoad=function(){notSupport("VoipRoom",this)};o.prototype.render=function(){return h(Host,null)};return o}();export{VoipRoom as taro_voip_room_core};
+//# sourceMappingURL=taro-voip-room-core.entry.js.map

package/dist/esm-es5/taro-voip-room-core.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/voip-room/voip-room.tsx"],"names":["VoipRoom","prototype","componentDidLoad","notSupport","this","render","h","Host"],"mappings":"8IAOaA,SAAQ,kDACnBA,EAAAC,UAAAC,iBAAA,WACEC,WAAW,WAAYC,OAGzBJ,EAAAC,UAAAI,OAAA,WACE,OACEC,EAACC,KAAI,gBAPU","sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-voip-room-core'\n})\nexport class VoipRoom implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('VoipRoom', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/esm-es5/taro-web-view-core.entry.js

@@ -1 +1,2 @@
-import{r as registerInstance,c as createEvent,h}from"./index-8809c729.js";var indexCss="iframe{border:none}.taro-webview{position:fixed;top:0;bottom:0;z-index:999;width:100%;height:100%}";var WebView=function(){function e(e){registerInstance(this,e);this.onLoad=createEvent(this,"load",7);this.onError=createEvent(this,"error",7)}e.prototype.render=function(){var e=this,r=e.src,t=e.onLoad,o=e.onError;return h("iframe",{class:"taro-webview",onLoad:function(e){e.stopPropagation();t.emit({src:r})},onError:function(e){e.stopPropagation();o.emit({src:r})},src:r})};return e}();WebView.style=indexCss;export{WebView as taro_web_view_core};
+import{r as registerInstance,c as createEvent,h}from"./index-5d881caf.js";var indexCss="iframe{border:none}.taro-webview{position:fixed;top:0;bottom:0;z-index:999;width:100%;height:100%}";var WebView=function(){function e(e){registerInstance(this,e);this.onLoad=createEvent(this,"load",7);this.onError=createEvent(this,"error",7);this.src=undefined}e.prototype.render=function(){var e=this,r=e.src,t=e.onLoad,o=e.onError;return h("iframe",{class:"taro-webview",onLoad:function(e){e.stopPropagation();t.emit({src:r})},onError:function(e){e.stopPropagation();o.emit({src:r})},src:r})};return e}();WebView.style=indexCss;export{WebView as taro_web_view_core};
+//# sourceMappingURL=taro-web-view-core.entry.js.map

package/dist/esm-es5/taro-web-view-core.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/web-view/style/index.scss?tag=taro-web-view-core","src/components/web-view/web-view.tsx"],"names":["indexCss","WebView","prototype","render","_a","this","src","onLoad","onError","h","class","e","stopPropagation","emit"],"mappings":"0EAAA,IAAMA,SAAW,yGCMJC,QAAO,qJAalBA,EAAAC,UAAAC,OAAA,WACQ,IAAAC,EAIFC,KAHFC,EAAGF,EAAAE,IACHC,EAAMH,EAAAG,OACNC,EAAOJ,EAAAI,QAET,OACEC,EAAA,SAAA,CACEC,MAAM,eACNH,OAAQ,SAACI,GACPA,EAAEC,kBACFL,EAAOM,KAAK,CAAEP,IAAGA,KAEnBE,QAAS,SAACG,GACRA,EAAEC,kBACFJ,EAAQK,KAAK,CAAEP,IAAGA,KAEpBA,IAAKA,cA9BO","sourcesContent":["iframe {\n  border: none;\n}\n\n.taro-webview {\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  z-index: 999;\n  width: 100%;\n  height: 100%;\n}\n","import { Component, h, ComponentInterface, Prop, Event, EventEmitter } from '@stencil/core'\n\n@Component({\n  tag: 'taro-web-view-core',\n  styleUrl: './style/index.scss'\n})\nexport class WebView implements ComponentInterface {\n  @Prop() src: string\n\n  @Event({\n    eventName: 'load'\n  })\n  onLoad: EventEmitter\n\n  @Event({\n    eventName: 'error'\n  })\n  onError: EventEmitter\n\n  render () {\n    const {\n      src,\n      onLoad,\n      onError\n    } = this\n    return (\n      <iframe\n        class='taro-webview'\n        onLoad={(e: Event) => {\n          e.stopPropagation()\n          onLoad.emit({ src })\n        }}\n        onError={(e: Event) => {\n          e.stopPropagation()\n          onError.emit({ src })\n        }}\n        src={src}\n      />\n    )\n  }\n}\n"]}

package/{dist-h5/react/components → dist/react/component-lib}/index.js

@@ -1,5 +1,5 @@
 import { Fragment } from 'react';
-import reactifyWc from '../utils/reactify-wc'; // 视图容器
+import reactifyWc from './reactify-wc'; // 视图容器
 
 export var CoverImage = reactifyWc('taro-cover-image-core');
 export var CoverView = reactifyWc('taro-cover-view-core');

package/{dist-h5/react/components → dist/react/component-lib}/input.js

@@ -5,11 +5,11 @@ function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (O
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 import React from 'react';
-import reactifyWc from '../utils/reactify-wc';
-var Input = reactifyWc('taro-input-core'); // eslint-disable-next-line
+import reactifyWc from './reactify-wc';
+var Input = reactifyWc('taro-input-core');
+var h = React.createElement; // eslint-disable-next-line react/display-name
 
-var h = React.createElement;
-export default /*#__PURE__*/React.forwardRef(function (props, ref) {
+export default React.forwardRef(function (props, ref) {
   var args = _objectSpread({}, props);
 
   if (args.hasOwnProperty('focus')) {
@@ -17,7 +17,7 @@ export default /*#__PURE__*/React.forwardRef(function (props, ref) {
     delete args.focus;
   }
 
-  return /*#__PURE__*/React.createElement(Input, _objectSpread(_objectSpread({}, args), {}, {
+  return h(Input, _objectSpread(_objectSpread({}, args), {}, {
     ref: ref
   }));
 });

package/{dist-h5/react/utils → dist/react/component-lib}/reactify-wc.js

@@ -20,8 +20,7 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
  * https://github.com/BBKolton/reactify-wc/
  * modified event naming
  **/
-import React, { createElement, createRef } from 'react'; // eslint-disable-next-line
-
+import React, { createElement, createRef } from 'react';
 var h = React.createElement;
 var SCROLL_VIEW = 'taro-scroll-view-core';
 var IS_NON_DIMENSIONAL = /acit|ex(?:s|g|n|p|$)|rph|grid|ows|mnc|ntw|ine[ch]|zoo|^ord|itera/i; // 为了不要覆盖 wc 中 host 内置的 class 和 stencil 加入的 class
@@ -121,18 +120,8 @@ function updateProp(ctx, comp, propKey, prevProps, props) {
 
   if (typeof val === 'function' && propKey.match(/^on[A-Z]/)) {
     var event = propKey.substr(2).toLowerCase();
-    var fn = val; // 解决用户监听 ScrollView 的 onScroll 会监听到原生 onScroll 的问题
-
-    if (comp === SCROLL_VIEW && event === 'scroll') {
-      fn = function fn(e) {
-        if (e instanceof CustomEvent) {
-          val.apply(null, Array.from(arguments));
-        }
-      };
-    }
-
-    ctx.eventHandlers.push([event, fn]);
-    return dom.addEventListener(event, fn);
+    ctx.eventHandlers.push([event, val]);
+    return dom.addEventListener(event, val);
   }
 
   if (typeof val === 'string' || typeof val === 'number') {
@@ -167,7 +156,7 @@ var reactifyWebComponent = function reactifyWebComponent(WC) {
 
       _this = _super.call(this, props);
       _this.eventHandlers = [];
-      _this.ref = /*#__PURE__*/createRef();
+      _this.ref = createRef();
       return _this;
     }
 
@@ -205,7 +194,7 @@ var reactifyWebComponent = function reactifyWebComponent(WC) {
           console.warn('内置组件不支持字符串 ref');
         }
 
-        this.update();
+        this.update(undefined);
       }
     }, {
       key: "componentWillUnmount",
@@ -238,15 +227,16 @@ var reactifyWebComponent = function reactifyWebComponent(WC) {
           ref: this.ref
         };
         if (dangerouslySetInnerHTML) props.dangerouslySetInnerHTML = dangerouslySetInnerHTML;
-        return /*#__PURE__*/createElement(WC, props, children);
+        return createElement(WC, props, children);
       }
     }]);
 
     return Index;
-  }(React.Component);
+  }(React.Component); // eslint-disable-next-line react/display-name
+
 
-  return /*#__PURE__*/React.forwardRef(function (props, ref) {
-    return /*#__PURE__*/React.createElement(Index, _objectSpread(_objectSpread({}, props), {}, {
+  return React.forwardRef(function (props, ref) {
+    return h(Index, _objectSpread(_objectSpread({}, props), {}, {
       forwardRef: ref
     }));
   });

package/dist/react/components.js

@@ -0,0 +1,65 @@
+/* eslint-disable */
+
+/* tslint:disable */
+
+/* auto-generated react proxies */
+import { manipulatePropsFunction } from './helper';
+import { createReactComponent } from './react-component-lib';
+export var Ad = /*@__PURE__*/createReactComponent('taro-ad-core', undefined, manipulatePropsFunction);
+export var AdCustom = /*@__PURE__*/createReactComponent('taro-ad-custom-core', undefined, manipulatePropsFunction);
+export var Audio = /*@__PURE__*/createReactComponent('taro-audio-core', undefined, manipulatePropsFunction);
+export var Block = /*@__PURE__*/createReactComponent('taro-block-core', undefined, manipulatePropsFunction);
+export var Button = /*@__PURE__*/createReactComponent('taro-button-core', undefined, manipulatePropsFunction);
+export var Camera = /*@__PURE__*/createReactComponent('taro-camera-core', undefined, manipulatePropsFunction);
+export var Canvas = /*@__PURE__*/createReactComponent('taro-canvas-core', undefined, manipulatePropsFunction);
+export var Checkbox = /*@__PURE__*/createReactComponent('taro-checkbox-core', undefined, manipulatePropsFunction);
+export var CheckboxGroup = /*@__PURE__*/createReactComponent('taro-checkbox-group-core', undefined, manipulatePropsFunction);
+export var CoverImage = /*@__PURE__*/createReactComponent('taro-cover-image-core', undefined, manipulatePropsFunction);
+export var CoverView = /*@__PURE__*/createReactComponent('taro-cover-view-core', undefined, manipulatePropsFunction);
+export var CustomWrapper = /*@__PURE__*/createReactComponent('taro-custom-wrapper-core', undefined, manipulatePropsFunction);
+export var Editor = /*@__PURE__*/createReactComponent('taro-editor-core', undefined, manipulatePropsFunction);
+export var Form = /*@__PURE__*/createReactComponent('taro-form-core', undefined, manipulatePropsFunction);
+export var FunctionalPageNavigator = /*@__PURE__*/createReactComponent('taro-functional-page-navigator-core', undefined, manipulatePropsFunction);
+export var Icon = /*@__PURE__*/createReactComponent('taro-icon-core', undefined, manipulatePropsFunction);
+export var Image = /*@__PURE__*/createReactComponent('taro-image-core', undefined, manipulatePropsFunction);
+export var Input = /*@__PURE__*/createReactComponent('taro-input-core', undefined, manipulatePropsFunction);
+export var KeyboardAccessory = /*@__PURE__*/createReactComponent('taro-keyboard-accessory-core', undefined, manipulatePropsFunction);
+export var Label = /*@__PURE__*/createReactComponent('taro-label-core', undefined, manipulatePropsFunction);
+export var LivePlayer = /*@__PURE__*/createReactComponent('taro-live-player-core', undefined, manipulatePropsFunction);
+export var LivePusher = /*@__PURE__*/createReactComponent('taro-live-pusher-core', undefined, manipulatePropsFunction);
+export var Map = /*@__PURE__*/createReactComponent('taro-map-core', undefined, manipulatePropsFunction);
+export var MatchMedia = /*@__PURE__*/createReactComponent('taro-match-media-core', undefined, manipulatePropsFunction);
+export var MovableArea = /*@__PURE__*/createReactComponent('taro-movable-area-core', undefined, manipulatePropsFunction);
+export var MovableView = /*@__PURE__*/createReactComponent('taro-movable-view-core', undefined, manipulatePropsFunction);
+export var NavigationBar = /*@__PURE__*/createReactComponent('taro-navigation-bar-core', undefined, manipulatePropsFunction);
+export var Navigator = /*@__PURE__*/createReactComponent('taro-navigator-core', undefined, manipulatePropsFunction);
+export var OfficialAccount = /*@__PURE__*/createReactComponent('taro-official-account-core', undefined, manipulatePropsFunction);
+export var OpenData = /*@__PURE__*/createReactComponent('taro-open-data-core', undefined, manipulatePropsFunction);
+export var PageContainer = /*@__PURE__*/createReactComponent('taro-page-container-core', undefined, manipulatePropsFunction);
+export var PageMeta = /*@__PURE__*/createReactComponent('taro-page-meta-core', undefined, manipulatePropsFunction);
+export var Picker = /*@__PURE__*/createReactComponent('taro-picker-core', undefined, manipulatePropsFunction);
+export var PickerGroup = /*@__PURE__*/createReactComponent('taro-picker-group', undefined, manipulatePropsFunction);
+export var PickerViewColumn = /*@__PURE__*/createReactComponent('taro-picker-view-column-core', undefined, manipulatePropsFunction);
+export var PickerView = /*@__PURE__*/createReactComponent('taro-picker-view-core', undefined, manipulatePropsFunction);
+export var Progress = /*@__PURE__*/createReactComponent('taro-progress-core', undefined, manipulatePropsFunction);
+export var PullToRefresh = /*@__PURE__*/createReactComponent('taro-pull-to-refresh', undefined, manipulatePropsFunction);
+export var Radio = /*@__PURE__*/createReactComponent('taro-radio-core', undefined, manipulatePropsFunction);
+export var RadioGroup = /*@__PURE__*/createReactComponent('taro-radio-group-core', undefined, manipulatePropsFunction);
+export var RichText = /*@__PURE__*/createReactComponent('taro-rich-text-core', undefined, manipulatePropsFunction);
+export var RootPortal = /*@__PURE__*/createReactComponent('taro-root-portal-core', undefined, manipulatePropsFunction);
+export var ScrollView = /*@__PURE__*/createReactComponent('taro-scroll-view-core', undefined, manipulatePropsFunction);
+export var ShareElement = /*@__PURE__*/createReactComponent('taro-share-element-core', undefined, manipulatePropsFunction);
+export var Slider = /*@__PURE__*/createReactComponent('taro-slider-core', undefined, manipulatePropsFunction);
+export var Slot = /*@__PURE__*/createReactComponent('taro-slot-core', undefined, manipulatePropsFunction);
+export var Swiper = /*@__PURE__*/createReactComponent('taro-swiper-core', undefined, manipulatePropsFunction);
+export var SwiperItem = /*@__PURE__*/createReactComponent('taro-swiper-item-core', undefined, manipulatePropsFunction);
+export var Switch = /*@__PURE__*/createReactComponent('taro-switch-core', undefined, manipulatePropsFunction);
+export var Tabbar = /*@__PURE__*/createReactComponent('taro-tabbar', undefined, manipulatePropsFunction);
+export var Text = /*@__PURE__*/createReactComponent('taro-text-core', undefined, manipulatePropsFunction);
+export var Textarea = /*@__PURE__*/createReactComponent('taro-textarea-core', undefined, manipulatePropsFunction);
+export var VideoControl = /*@__PURE__*/createReactComponent('taro-video-control', undefined, manipulatePropsFunction);
+export var Video = /*@__PURE__*/createReactComponent('taro-video-core', undefined, manipulatePropsFunction);
+export var VideoDanmu = /*@__PURE__*/createReactComponent('taro-video-danmu', undefined, manipulatePropsFunction);
+export var View = /*@__PURE__*/createReactComponent('taro-view-core', undefined, manipulatePropsFunction);
+export var VoipRoom = /*@__PURE__*/createReactComponent('taro-voip-room-core', undefined, manipulatePropsFunction);
+export var WebView = /*@__PURE__*/createReactComponent('taro-web-view-core', undefined, manipulatePropsFunction);

package/dist/react/helper.js

@@ -0,0 +1,13 @@
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys(Object(source), !0).forEach(function (key) { _defineProperty(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+export var manipulatePropsFunction = function manipulatePropsFunction(originalProps) {
+  var propsToPass = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {};
+  var dangerouslySetInnerHTML = originalProps.dangerouslySetInnerHTML;
+  return _objectSpread(_objectSpread({}, propsToPass), {}, {
+    dangerouslySetInnerHTML: dangerouslySetInnerHTML
+  });
+};

package/dist/react/react-component-lib/index.js

@@ -0,0 +1,2 @@
+export { createReactComponent } from './createComponent';
+export { createOverlayComponent } from './createOverlayComponent';

package/dist/react/react-component-lib/interfaces.js

@@ -0,0 +1 @@
+export {};

package/dist/react/react-component-lib/utils/attachProps.js

@@ -0,0 +1,107 @@
+import _typeof from "@babel/runtime/helpers/typeof";
+import { camelToDashCase } from './case';
+export var attachProps = function attachProps(node, newProps) {
+  var oldProps = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+
+  // some test frameworks don't render DOM elements, so we test here to make sure we are dealing with DOM first
+  if (node instanceof Element) {
+    // add any classes in className to the class list
+    var className = getClassName(node.classList, newProps, oldProps);
+
+    if (className !== '') {
+      node.className = className;
+    }
+
+    Object.keys(newProps).forEach(function (name) {
+      if (name === 'children' || name === 'style' || name === 'ref' || name === 'class' || name === 'className' || name === 'forwardedRef') {
+        return;
+      }
+
+      if (name.indexOf('on') === 0 && name[2] === name[2].toUpperCase()) {
+        var eventName = name.substring(2);
+        var eventNameLc = eventName.toLowerCase();
+
+        if (!isCoveredByReact(eventNameLc)) {
+          syncEvent(node, eventNameLc, newProps[name]);
+        }
+      } else {
+        node[name] = newProps[name];
+
+        var propType = _typeof(newProps[name]);
+
+        if (propType === 'string') {
+          node.setAttribute(camelToDashCase(name), newProps[name]);
+        }
+      }
+    });
+  }
+};
+export var getClassName = function getClassName(classList, newProps, oldProps) {
+  var newClassProp = newProps.className || newProps.class;
+  var oldClassProp = oldProps.className || oldProps.class; // map the classes to Maps for performance
+
+  var currentClasses = arrayToMap(classList);
+  var incomingPropClasses = arrayToMap(newClassProp ? newClassProp.split(' ') : []);
+  var oldPropClasses = arrayToMap(oldClassProp ? oldClassProp.split(' ') : []);
+  var finalClassNames = []; // loop through each of the current classes on the component
+  // to see if it should be a part of the classNames added
+
+  currentClasses.forEach(function (currentClass) {
+    if (incomingPropClasses.has(currentClass)) {
+      // add it as its already included in classnames coming in from newProps
+      finalClassNames.push(currentClass);
+      incomingPropClasses.delete(currentClass);
+    } else if (!oldPropClasses.has(currentClass)) {
+      // add it as it has NOT been removed by user
+      finalClassNames.push(currentClass);
+    }
+  });
+  incomingPropClasses.forEach(function (s) {
+    return finalClassNames.push(s);
+  });
+  return finalClassNames.join(' ');
+};
+/**
+ * Checks if an event is supported in the current execution environment.
+ * @license Modernizr 3.0.0pre (Custom Build) | MIT
+ */
+
+export var isCoveredByReact = function isCoveredByReact(eventNameSuffix) {
+  if (typeof document === 'undefined') {
+    return true;
+  } else {
+    var eventName = 'on' + eventNameSuffix;
+    var isSupported = (eventName in document);
+
+    if (!isSupported) {
+      var element = document.createElement('div');
+      element.setAttribute(eventName, 'return;');
+      isSupported = typeof element[eventName] === 'function';
+    }
+
+    return isSupported;
+  }
+};
+export var syncEvent = function syncEvent(node, eventName, newEventHandler) {
+  var eventStore = node.__events || (node.__events = {});
+  var oldEventHandler = eventStore[eventName]; // Remove old listener so they don't double up.
+
+  if (oldEventHandler) {
+    node.removeEventListener(eventName, oldEventHandler);
+  } // Bind new listener.
+
+
+  node.addEventListener(eventName, eventStore[eventName] = function handler(e) {
+    if (newEventHandler) {
+      newEventHandler.call(this, e);
+    }
+  });
+};
+
+var arrayToMap = function arrayToMap(arr) {
+  var map = new Map();
+  arr.forEach(function (s) {
+    return map.set(s, s);
+  });
+  return map;
+};

package/dist/react/react-component-lib/utils/case.js

@@ -0,0 +1,10 @@
+export var dashToPascalCase = function dashToPascalCase(str) {
+  return str.toLowerCase().split('-').map(function (segment) {
+    return segment.charAt(0).toUpperCase() + segment.slice(1);
+  }).join('');
+};
+export var camelToDashCase = function camelToDashCase(str) {
+  return str.replace(/([A-Z])/g, function (m) {
+    return "-".concat(m[0].toLowerCase());
+  });
+};

package/dist/react/react-component-lib/utils/dev.js

@@ -0,0 +1,12 @@
+export var isDevMode = function isDevMode() {
+  return process && process.env && process.env.NODE_ENV === 'development';
+};
+var warnings = {};
+export var deprecationWarning = function deprecationWarning(key, message) {
+  if (isDevMode()) {
+    if (!warnings[key]) {
+      console.warn(message);
+      warnings[key] = true;
+    }
+  }
+};

package/dist/taro-components/index.esm.js

@@ -0,0 +1,2 @@
+
+//# sourceMappingURL=index.esm.js.map

package/dist/taro-components/index.esm.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":[],"names":[],"mappings":""}

package/dist/taro-components/p-001ef419.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-8a8f286f.system.js"],(function(t){"use strict";var e,r;return{setters:[function(t){e=t.r;r=t.h}],execute:function(){var n=t("taro_label_core",function(){function t(t){e(this,t);this.for=undefined}t.prototype.render=function(){return r("label",{htmlFor:this.for},r("slot",null))};return t}())}}}));
+//# sourceMappingURL=p-001ef419.system.entry.js.map

package/dist/taro-components/p-001ef419.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/label/label.tsx"],"names":["Label","exports","class_1","prototype","render","h","htmlFor","this","for"],"mappings":"8IAKaA,EAAKC,EAAA,kBAAA,sDAGhBC,EAAAC,UAAAC,OAAA,WACE,OACEC,EAAA,QAAA,CAAOC,QAASC,KAAKC,KACnBH,EAAA,OAAA,iBANU","sourcesContent":["import { Component, h, ComponentInterface, Prop } from '@stencil/core'\n\n@Component({\n  tag: 'taro-label-core'\n})\nexport class Label implements ComponentInterface {\n  @Prop() for: string\n\n  render () {\n    return (\n      <label htmlFor={this.for}>\n        <slot />\n      </label>\n    )\n  }\n}\n"]}

package/dist/taro-components/p-01dc54a5.entry.js

@@ -0,0 +1,2 @@
+import{r,c as t,h as i}from"./p-5bfefd19.js";const o="taro-cover-image-core{overflow:hidden;width:320px;height:240px}";const s=class{constructor(i){r(this,i);this.onLoad=t(this,"load",7);this.onError=t(this,"error",7);this.src=undefined;this.nativeProps={}}imageOnLoad(){const{width:r,height:t}=this.imgRef;this.onLoad.emit({width:r,height:t})}imageOnError(r){this.onError.emit(r)}render(){const{src:r,imageOnLoad:t,imageOnError:o,nativeProps:s}=this;return i("img",Object.assign({ref:r=>this.imgRef=r,src:r,onLoad:t.bind(this),onError:o.bind(this)},s))}};s.style=o;export{s as taro_cover_image_core};
+//# sourceMappingURL=p-01dc54a5.entry.js.map

package/dist/taro-components/p-01dc54a5.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/cover-image/style/index.scss?tag=taro-cover-image-core","src/components/cover-image/cover-image.tsx"],"names":["indexCss","CoverImage","[object Object]","width","height","this","imgRef","onLoad","emit","e","onError","src","imageOnLoad","imageOnError","nativeProps","h","Object","assign","ref","img","bind"],"mappings":"6CAAA,MAAMA,EAAW,wECMJC,EAAU,+HAEC,GAWtBC,cACE,MAAMC,MACJA,EAAKC,OACLA,GACEC,KAAKC,OAETD,KAAKE,OAAOC,KAAK,CACfL,MAAAA,EACAC,OAAAA,IAIJF,aAAcO,GACZJ,KAAKK,QAAQF,KAAKC,GAGpBP,SACE,MAAMS,IACJA,EAAGC,YACHA,EAAWC,aACXA,EAAYC,YACZA,GACET,KACJ,OACEU,EAAA,MAAAC,OAAAC,OAAA,CACEC,IAAKC,GAAQd,KAAKC,OAASa,EAC3BR,IAAKA,EACLJ,OAAQK,EAAYQ,KAAKf,MACzBK,QAASG,EAAaO,KAAKf,OACvBS","sourcesContent":["taro-cover-image-core {\n  overflow: hidden;\n  width: 320px;\n  height: 240px;\n}\n","import { Component, Prop, Event, h, ComponentInterface, EventEmitter } from '@stencil/core'\n\n@Component({\n  tag: 'taro-cover-image-core',\n  styleUrl: './style/index.scss'\n})\nexport class CoverImage implements ComponentInterface {\n  @Prop() src: string\n  @Prop() nativeProps = {}\n  @Event({\n    eventName: 'load'\n  }) onLoad: EventEmitter\n\n  @Event({\n    eventName: 'error'\n  }) onError: EventEmitter\n\n  private imgRef: HTMLImageElement\n\n  imageOnLoad () {\n    const {\n      width,\n      height,\n    } = this.imgRef\n\n    this.onLoad.emit({\n      width,\n      height\n    })\n  }\n\n  imageOnError (e: Event) {\n    this.onError.emit(e)\n  }\n\n  render () {\n    const {\n      src,\n      imageOnLoad,\n      imageOnError,\n      nativeProps\n    } = this\n    return (\n      <img\n        ref={img => (this.imgRef = img!)}\n        src={src}\n        onLoad={imageOnLoad.bind(this)}\n        onError={imageOnError.bind(this)}\n        {...nativeProps}\n      />\n    )\n  }\n}\n"]}

package/dist/taro-components/p-0382d7d0.system.entry.js

@@ -0,0 +1,2 @@
+System.register(["./p-8a8f286f.system.js"],(function(e){"use strict";var t,i,r,n;return{setters:[function(e){t=e.r;i=e.c;r=e.h;n=e.g}],execute:function(){var o=e("taro_form_core",function(){function e(e){t(this,e);this.onSubmit=i(this,"submit",7);this.value={}}e.prototype.onButtonSubmit=function(e){e.stopPropagation();this.value=this.getFormValue();this.onSubmit.emit({value:this.value})};e.prototype.onButtonReset=function(e){e.stopPropagation();this.form.reset()};e.prototype.componentDidLoad=function(){var e=this;this.value=this.getFormValue();Object.defineProperty(this.el,"value",{get:function(){return e.value},configurable:true})};e.prototype.componentDidRender=function(){var e=this;if(!this.originalAppendChild){this.originalAppendChild=this.el.appendChild;this.originalInsertBefore=this.el.insertBefore;this.originalReplaceChild=this.el.replaceChild;this.originalRemoveChild=this.el.removeChild}if(!this.form){this.el.appendChild=this.originalAppendChild;this.el.insertBefore=this.originalInsertBefore;this.el.replaceChild=this.originalReplaceChild;this.el.removeChild=this.originalRemoveChild;return}this.el.appendChild=function(t){return e.form.appendChild(t)};this.el.insertBefore=function(t,i){return e.form.insertBefore(t,i)};this.el.replaceChild=function(t,i){return e.form.replaceChild(t,i)};this.el.removeChild=function(t){return e.form.removeChild(t)}};e.prototype.getFormValue=function(){var e=this.el;var t=[];var i=e.getElementsByTagName("input");for(var r=0;r<i.length;r++){t.push(i[r])}var n={};var o={};t.forEach((function(e){if(typeof e.name!=="string")return;if(e.className.indexOf("weui-switch")!==-1){n[e.name]=e.checked;return}if(e.type==="radio"){if(e.checked){o[e.name]=true;n[e.name]=e.value}else{if(!o[e.name]){n[e.name]=""}}return}if(e.type==="checkbox"){if(e.checked){if(o[e.name]){n[e.name].push(e.value)}else{o[e.name]=true;n[e.name]=[e.value]}}else{if(!o[e.name]){n[e.name]=[]}}return}n[e.name]=e.value}));var a=e.getElementsByTagName("textarea");var l=[];for(var s=0;s<a.length;s++){l.push(a[s])}l.forEach((function(e){if(typeof e.name!=="string")return;n[e.name]=e.value}));return n};e.prototype.render=function(){var e=this;return r("form",{ref:function(t){e.form=t}},r("slot",null))};Object.defineProperty(e.prototype,"el",{get:function(){return n(this)},enumerable:false,configurable:true});return e}())}}}));
+//# sourceMappingURL=p-0382d7d0.system.entry.js.map

package/dist/taro-components/p-0382d7d0.system.entry.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["src/components/form/form.tsx"],"names":["Form","exports","class_1","hostRef","this","value","prototype","onButtonSubmit","e","stopPropagation","getFormValue","onSubmit","emit","onButtonReset","form","reset","componentDidLoad","_this","Object","defineProperty","el","get","configurable","componentDidRender","originalAppendChild","appendChild","originalInsertBefore","insertBefore","originalReplaceChild","replaceChild","originalRemoveChild","removeChild","newChild","refChild","oldChild","elements","tagElements","getElementsByTagName","j","length","push","formItem","hash","forEach","item","name","className","indexOf","checked","type","textareaElements","textareaEleArr","i","v","render","h","ref","dom"],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Event, EventEmitter, Element, Listen } from '@stencil/core'\n\n@Component({\n  tag: 'taro-form-core'\n})\nexport class Form implements ComponentInterface {\n  private form: HTMLFormElement\n  private value: {[propName: string]: any} = {}\n  private originalAppendChild: <T extends Node>(newChild: T) => T\n  private originalInsertBefore: <T extends Node>(newChild: T, refChild: Node | null) => T\n  private originalReplaceChild: <T extends Node>(newChild: Node, oldChild: T) => T\n  private originalRemoveChild: <T extends Node>(oldChild: T) => T\n\n  @Element() el: HTMLElement\n\n  @Event({\n    eventName: 'submit'\n  }) onSubmit: EventEmitter\n\n  @Listen('tarobuttonsubmit')\n  onButtonSubmit (e: Event) {\n    e.stopPropagation()\n\n    this.value = this.getFormValue()\n\n    this.onSubmit.emit({\n      value: this.value\n    })\n  }\n\n  @Listen('tarobuttonreset')\n  onButtonReset (e: Event) {\n    e.stopPropagation()\n    this.form.reset()\n  }\n\n  componentDidLoad () {\n    this.value = this.getFormValue()\n\n    Object.defineProperty(this.el, 'value', {\n      get: () => this.value,\n      configurable: true\n    })\n  }\n\n  componentDidRender () {\n    if (!this.originalAppendChild) {\n      this.originalAppendChild = this.el.appendChild\n      this.originalInsertBefore = this.el.insertBefore\n      this.originalReplaceChild = this.el.replaceChild\n      this.originalRemoveChild = this.el.removeChild\n    }\n    if (!this.form) {\n      this.el.appendChild = this.originalAppendChild\n      this.el.insertBefore = this.originalInsertBefore\n      this.el.replaceChild = this.originalReplaceChild\n      this.el.removeChild = this.originalRemoveChild\n      return\n    }\n    this.el.appendChild = <T extends Node>(newChild: T): T => {\n      return this.form.appendChild(newChild)\n    }\n    this.el.insertBefore = <T extends Node>(newChild: T, refChild: Node | null): T => {\n      return this.form.insertBefore(newChild, refChild)\n    }\n    this.el.replaceChild = <T extends Node>(newChild: Node, oldChild: T): T => {\n      return this.form.replaceChild(newChild, oldChild)\n    }\n    this.el.removeChild = <T extends Node>(oldChild: T): T => {\n      return this.form.removeChild(oldChild)\n    }\n  }\n\n  getFormValue () {\n    const el = this.el\n    const elements: HTMLInputElement[] = []\n    const tagElements = el.getElementsByTagName('input')\n    for (let j = 0; j < tagElements.length; j++) {\n      elements.push(tagElements[j])\n    }\n    const formItem = {}\n    const hash = {}\n    elements.forEach(item => {\n      if (typeof item.name !== 'string') return\n      if (item.className.indexOf('weui-switch') !== -1) {\n        formItem[item.name] = item.checked\n        return\n      }\n      if (item.type === 'radio') {\n        if (item.checked) {\n          hash[item.name] = true\n          formItem[item.name] = item.value\n        } else {\n          if (!hash[item.name]) {\n            formItem[item.name] = ''\n          }\n        }\n        return\n      }\n\n      if (item.type === 'checkbox') {\n        if (item.checked) {\n          if (hash[item.name]) {\n            formItem[item.name].push(item.value)\n          } else {\n            hash[item.name] = true\n            formItem[item.name] = [item.value]\n          }\n        } else {\n          if (!hash[item.name]) {\n            formItem[item.name] = []\n          }\n        }\n        return\n      }\n      formItem[item.name] = item.value\n    })\n\n    const textareaElements = el.getElementsByTagName('textarea')\n    const textareaEleArr: HTMLTextAreaElement[] = []\n\n    for (let i = 0; i < textareaElements.length; i++) {\n      textareaEleArr.push(textareaElements[i])\n    }\n    textareaEleArr.forEach(v => {\n      if (typeof v.name !== 'string') return\n      formItem[v.name] = v.value\n    })\n    return formItem\n  }\n\n  render () {\n    return (\n      <form\n        ref={dom => {\n          this.form = dom!\n        }}\n      >\n        <slot />\n      </form>\n    )\n  }\n}\n"]}