@tarojs/components 3.5.7-alpha.9 → 3.5.8

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

@@ -1,4 +1,5 @@
-import { h, Host } from '@stencil/core';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Prop, Host, Element, Listen, Method } from '@stencil/core';
 import { formatTime } from './utils';
 export class VideoControl {
   constructor() {
@@ -25,15 +26,6 @@ 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)
@@ -90,266 +82,269 @@ 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
+  static get properties() { return {
+    "controls": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "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": ""
       },
-      "duration": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "duration",
-        "reflect": false
+      "attribute": "controls",
+      "reflect": false
+    },
+    "currentTime": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "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": "current-time",
+      "reflect": false
+    },
+    "duration": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "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": "duration",
+      "reflect": false
+    },
+    "isPlaying": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
       },
-      "showPlayBtn": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "show-play-btn",
-        "reflect": false
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "showProgress": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "show-progress",
-        "reflect": false
+      "attribute": "is-playing",
+      "reflect": false
+    },
+    "pauseFunc": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "() => void",
+        "resolved": "() => void",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       }
-    };
-  }
-  static get methods() {
-    return {
-      "setProgressBall": {
-        "complexType": {
-          "signature": "(percentage: number) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
+    },
+    "playFunc": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "() => void",
+        "resolved": "() => void",
+        "references": {}
+      },
+      "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": ""
+      }
+    },
+    "showPlayBtn": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "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": {}
+      },
+      "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"
+          }
         },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
+        "return": "Promise<void>"
       },
-      "toggleVisibility": {
-        "complexType": {
-          "signature": "(nextVisible?: boolean) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "toggleVisibility": {
+      "complexType": {
+        "signature": "(nextVisible?: boolean | undefined) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
         },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
+        "return": "Promise<void>"
       },
-      "getIsDraggingProgressBall": {
-        "complexType": {
-          "signature": "() => Promise<boolean>",
-          "parameters": [],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<boolean>"
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "getIsDraggingProgressBall": {
+      "complexType": {
+        "signature": "() => Promise<boolean>",
+        "parameters": [],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
         },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
+        "return": "Promise<boolean>"
       },
-      "setCurrentTime": {
-        "complexType": {
-          "signature": "(time: number) => Promise<void>",
-          "parameters": [{
-              "tags": [],
-              "text": ""
-            }],
-          "references": {
-            "Promise": {
-              "location": "global"
-            }
-          },
-          "return": "Promise<void>"
+      "docs": {
+        "text": "",
+        "tags": []
+      }
+    },
+    "setCurrentTime": {
+      "complexType": {
+        "signature": "(time: number) => Promise<void>",
+        "parameters": [{
+            "tags": [],
+            "text": ""
+          }],
+        "references": {
+          "Promise": {
+            "location": "global"
+          }
         },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
+        "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