@tarojs/components 3.5.10 → 3.6.0-alpha.0

package/dist/collection/components/textarea/textarea.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"textarea.js","sourceRoot":"","sources":["../../../src/components/textarea/textarea.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Prop, State, Event, EventEmitter, Element, Method } from '@stencil/core'\nimport { TaroEvent } from '../../../types'\n\nfunction fixControlledValue(value?: string) {\n  return value ?? ''\n}\n\n@Component({\n  tag: 'taro-textarea-core',\n  styleUrl: './style/index.scss'\n})\nexport class Textarea implements ComponentInterface {\n  private textareaRef: HTMLTextAreaElement\n\n  @Element() el: HTMLElement\n\n  @Prop({ mutable: true }) value: string\n  @Prop() placeholder: string\n  @Prop() disabled = false\n  @Prop() maxlength = 140\n  @Prop() autoFocus = false\n  @Prop() autoHeight = false\n  @Prop() name: string\n  @Prop() nativeProps = {}\n  @State() line = 1\n\n  @Event({\n    eventName: 'input'\n  })\n  onInput: EventEmitter\n\n  @Event({\n    eventName: 'focus'\n  })\n  onFocus: EventEmitter\n\n  @Event({\n    eventName: 'blur'\n  })\n  onBlur: EventEmitter\n\n  @Event({\n    eventName: 'change'\n  })\n  onChange: EventEmitter\n\n  @Event({\n    eventName: 'linechange' // 必须全小写\n  })\n  onLineChange: EventEmitter\n\n  @Method()\n  focus() {\n    this.textareaRef.focus()\n  }\n\n  componentDidLoad() {\n    Object.defineProperty(this.el, 'value', {\n      get: () => this.textareaRef.value,\n      set: value => (this.value = value),\n      configurable: true\n    })\n    this.autoFocus && this.textareaRef.focus()\n  }\n\n  handleInput = (e: TaroEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n    this.handleLineChange()\n    const value = e.target.value || ''\n    this.onInput.emit({\n      value,\n      cursor: value.length\n    })\n  }\n\n  handleFocus = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n    e.stopPropagation()\n    this.onFocus.emit({\n      value: e.target.value\n    })\n  }\n\n  handleBlur = (e: TaroEvent<HTMLInputElement> & FocusEvent) => {\n    e.stopPropagation()\n    this.onBlur.emit({\n      value: e.target.value\n    })\n  }\n\n  handleChange = (e: TaroEvent<HTMLInputElement>) => {\n    e.stopPropagation()\n    this.onChange.emit({\n      value: e.target.value\n    })\n  }\n\n  handleLineChange = () => {\n    const line = this.getNumberOfLines()\n    if (line !== this.line) {\n      this.line = line\n      this.onLineChange.emit({\n        height: this.textareaRef.clientHeight,\n        lineCount: this.line\n      })\n    }\n  }\n\n  calculateContentHeight = (ta, scanAmount) => {\n    let origHeight = ta.style.height,\n      height = ta.offsetHeight,\n      scrollHeight = ta.scrollHeight,\n      overflow = ta.style.overflow,\n      originMinHeight = ta.style.minHeight || null\n\n    /// only bother if the ta is bigger than content\n    if (height >= scrollHeight) {\n      ta.style.minHeight = 0\n      /// check that our browser supports changing dimension\n      /// calculations mid-way through a function call...\n      ta.style.height = height + scanAmount + 'px'\n      /// because the scrollbar can cause calculation problems\n      ta.style.overflow = 'hidden'\n      /// by checking that scrollHeight has updated\n      if (scrollHeight < ta.scrollHeight) {\n        /// now try and scan the ta's height downwards\n        /// until scrollHeight becomes larger than height\n        while (ta.offsetHeight >= ta.scrollHeight) {\n          ta.style.height = (height -= scanAmount) + 'px'\n        }\n        /// be more specific to get the exact height\n        while (ta.offsetHeight < ta.scrollHeight) {\n          ta.style.height = height++ + 'px'\n        }\n        /// reset the ta back to it's original height\n        ta.style.height = origHeight\n        /// put the overflow back\n        ta.style.overflow = overflow\n        ta.style.minHeight = originMinHeight\n        return height\n      }\n    } else {\n      return scrollHeight\n    }\n  }\n\n  getNumberOfLines = () => {\n    const ta = this.textareaRef,\n      style = window.getComputedStyle ? window.getComputedStyle(ta) : ta.style,\n      // This will get the line-height only if it is set in the css,\n      // otherwise it's \"normal\"\n      taLineHeight = parseInt(style.lineHeight, 10),\n      // Get the scroll height of the textarea\n      taHeight = this.calculateContentHeight(ta, taLineHeight),\n      // calculate the number of lines\n      numberOfLines = Math.floor(taHeight / taLineHeight)\n\n    return numberOfLines\n  }\n\n  render() {\n    const {\n      value,\n      placeholder,\n      disabled,\n      maxlength,\n      autoFocus,\n      autoHeight,\n      name,\n      nativeProps,\n      handleInput,\n      handleFocus,\n      handleBlur,\n      handleChange\n    } = this\n\n    const otherProps: {\n      [props: string]: any\n    } = {}\n\n    if (autoHeight) {\n      otherProps.rows = this.line\n    }\n\n    return (\n      <textarea\n        ref={input => {\n          if (input) {\n            this.textareaRef = input\n          }\n        }}\n        class={`taro-textarea ${autoHeight ? 'auto-height' : ''}`}\n        value={fixControlledValue(value)}\n        placeholder={placeholder}\n        name={name}\n        disabled={disabled}\n        maxlength={maxlength}\n        autofocus={autoFocus}\n        onInput={handleInput}\n        onFocus={handleFocus}\n        onBlur={handleBlur}\n        onChange={handleChange}\n        {...nativeProps}\n        {...otherProps}\n      />\n    )\n  }\n}\n"]}

package/dist/collection/components/video/utils.js

@@ -93,3 +93,4 @@ export const screenFn = (function () {
   return ret;
 })();
 export const isHls = url => /\.(m3u8)($|\?)/i.test(url);
+//# sourceMappingURL=utils.js.map

package/dist/collection/components/video/utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"utils.js","sourceRoot":"","sources":["../../../src/components/video/utils.ts"],"names":[],"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"]}

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

@@ -1,5 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Prop, Host, Element, Listen, Method } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import { formatTime } from './utils';
 export class VideoControl {
   constructor() {
@@ -26,6 +25,15 @@ export class VideoControl {
       this.seekFunc(percentage * this.duration);
       this.toggleVisibility(true);
     };
+    this.controls = undefined;
+    this.currentTime = undefined;
+    this.duration = undefined;
+    this.isPlaying = undefined;
+    this.pauseFunc = undefined;
+    this.playFunc = undefined;
+    this.seekFunc = undefined;
+    this.showPlayBtn = undefined;
+    this.showProgress = undefined;
   }
   onDocumentTouchMove(e) {
     if (!this.isDraggingProgressBall)
@@ -82,269 +90,266 @@ export class VideoControl {
     else {
       playBtn = h("div", { class: 'taro-video-control-button taro-video-control-button-play', onClick: playFunc });
     }
-    return (h(Host, { class: 'taro-video-bar taro-video-bar-full' },
-      controls && (h("div", { class: 'taro-video-controls' },
-        playBtn,
-        showProgress && (h("div", { class: 'taro-video-current-time', ref: dom => (this.currentTimeRef = dom) }, formatTime(currentTime))),
-        showProgress && (h("div", { class: 'taro-video-progress-container', onClick: this.onClickProgress },
-          h("div", { class: 'taro-video-progress', ref: ref => {
-              if (!ref)
-                return;
-              const rect = ref.getBoundingClientRect();
-              this.progressDimensions.left = rect.left;
-              this.progressDimensions.width = rect.width;
-            } },
-            h("div", { class: 'taro-video-progress-buffered', style: { width: '100%' } }),
-            h("div", { class: 'taro-video-ball', ref: dom => (this.progressBallRef = dom), onTouchStart: this.onDragProgressBallStart, style: {
-                left: `${formattedDuration ? (this.currentTime / duration) * 100 : 0}%`
-              } },
-              h("div", { class: 'taro-video-inner' }))))),
-        showProgress && h("div", { class: 'taro-video-duration' }, formattedDuration))),
-      h("slot", null)));
+    return (h(Host, { class: 'taro-video-bar taro-video-bar-full' }, controls && (h("div", { class: 'taro-video-controls' }, playBtn, showProgress && (h("div", { class: 'taro-video-current-time', ref: dom => (this.currentTimeRef = dom) }, formatTime(currentTime))), showProgress && (h("div", { class: 'taro-video-progress-container', onClick: this.onClickProgress }, h("div", { class: 'taro-video-progress', ref: ref => {
+        if (!ref)
+          return;
+        const rect = ref.getBoundingClientRect();
+        this.progressDimensions.left = rect.left;
+        this.progressDimensions.width = rect.width;
+      } }, h("div", { class: 'taro-video-progress-buffered', style: { width: '100%' } }), h("div", { class: 'taro-video-ball', ref: dom => (this.progressBallRef = dom), onTouchStart: this.onDragProgressBallStart, style: {
+        left: `${formattedDuration ? (this.currentTime / duration) * 100 : 0}%`
+      } }, h("div", { class: 'taro-video-inner' }))))), showProgress && h("div", { class: 'taro-video-duration' }, formattedDuration))), h("slot", null)));
   }
   static get is() { return "taro-video-control"; }
-  static get properties() { return {
-    "controls": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "controls",
-      "reflect": false
-    },
-    "currentTime": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "current-time",
-      "reflect": false
-    },
-    "duration": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "duration",
-      "reflect": false
-    },
-    "isPlaying": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "is-playing",
-      "reflect": false
-    },
-    "pauseFunc": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "() => void",
-        "resolved": "() => void",
-        "references": {}
+  static get properties() {
+    return {
+      "controls": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "controls",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "playFunc": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "() => void",
-        "resolved": "() => void",
-        "references": {}
+      "currentTime": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "current-time",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "seekFunc": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "(position: number) => void",
-        "resolved": "(position: number) => void",
-        "references": {}
+      "duration": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "duration",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      }
-    },
-    "showPlayBtn": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "isPlaying": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "is-playing",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "pauseFunc": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => void",
+          "resolved": "() => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       },
-      "attribute": "show-play-btn",
-      "reflect": false
-    },
-    "showProgress": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "playFunc": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "() => void",
+          "resolved": "() => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "seekFunc": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "(position: number) => void",
+          "resolved": "(position: number) => void",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        }
       },
-      "attribute": "show-progress",
-      "reflect": false
-    }
-  }; }
-  static get methods() { return {
-    "setProgressBall": {
-      "complexType": {
-        "signature": "(percentage: number) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "showPlayBtn": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
         },
-        "return": "Promise<void>"
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-play-btn",
+        "reflect": false
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "showProgress": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "show-progress",
+        "reflect": false
       }
-    },
-    "toggleVisibility": {
-      "complexType": {
-        "signature": "(nextVisible?: boolean | undefined) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+    };
+  }
+  static get methods() {
+    return {
+      "setProgressBall": {
+        "complexType": {
+          "signature": "(percentage: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "getIsDraggingProgressBall": {
-      "complexType": {
-        "signature": "() => Promise<boolean>",
-        "parameters": [],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "toggleVisibility": {
+        "complexType": {
+          "signature": "(nextVisible?: boolean) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
         },
-        "return": "Promise<boolean>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
-      }
-    },
-    "setCurrentTime": {
-      "complexType": {
-        "signature": "(time: number) => Promise<void>",
-        "parameters": [{
-            "tags": [],
-            "text": ""
-          }],
-        "references": {
-          "Promise": {
-            "location": "global"
-          }
+      "getIsDraggingProgressBall": {
+        "complexType": {
+          "signature": "() => Promise<boolean>",
+          "parameters": [],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<boolean>"
         },
-        "return": "Promise<void>"
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       },
-      "docs": {
-        "text": "",
-        "tags": []
+      "setCurrentTime": {
+        "complexType": {
+          "signature": "(time: number) => Promise<void>",
+          "parameters": [{
+              "tags": [],
+              "text": ""
+            }],
+          "references": {
+            "Promise": {
+              "location": "global"
+            }
+          },
+          "return": "Promise<void>"
+        },
+        "docs": {
+          "text": "",
+          "tags": []
+        }
       }
-    }
-  }; }
+    };
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "touchmove",
-      "method": "onDocumentTouchMove",
-      "target": "document",
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "touchend",
-      "method": "onDocumentTouchEnd",
-      "target": "document",
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "touchcancel",
-      "method": "onDocumentTouchEnd",
-      "target": "document",
-      "capture": false,
-      "passive": true
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "touchmove",
+        "method": "onDocumentTouchMove",
+        "target": "document",
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "touchend",
+        "method": "onDocumentTouchEnd",
+        "target": "document",
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "touchcancel",
+        "method": "onDocumentTouchEnd",
+        "target": "document",
+        "capture": false,
+        "passive": true
+      }];
+  }
 }
+//# sourceMappingURL=video-control.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"video-control.js","sourceRoot":"","sources":["../../../src/components/video/video-control.tsx"],"names":[],"mappings":"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","sourcesContent":["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"]}