@tarojs/components 3.5.7-alpha.9 → 3.5.8

package/dist/collection/components/scroll-view/scroll-view.js

@@ -1,4 +1,5 @@
-import { h, Host } from '@stencil/core';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Prop, Event, Watch, Element, Host } from '@stencil/core';
 import classNames from 'classnames';
 import { debounce } from '../../utils';
 function easeOutScroll(from, to, callback) {
@@ -25,6 +26,25 @@ function easeOutScroll(from, to, callback) {
 }
 export class ScrollView {
   constructor() {
+    this.scrollX = false;
+    this.scrollY = false;
+    this.upperThreshold = 50;
+    this.lowerThreshold = 50;
+    this.scrollWithAnimation = false;
+    this.handleScroll = (e) => {
+      if (e instanceof CustomEvent)
+        return;
+      const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
+      this._scrollLeft = scrollLeft;
+      this._scrollTop = scrollTop;
+      this.upperAndLower();
+      this.onScroll.emit({
+        scrollLeft,
+        scrollTop,
+        scrollHeight,
+        scrollWidth
+      });
+    };
     this.upperAndLower = debounce(() => {
       const { offsetWidth, offsetHeight, scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
       const lowerThreshold = Number(this.lowerThreshold);
@@ -44,14 +64,6 @@ export class ScrollView {
         });
       }
     }, 200);
-    this.scrollX = false;
-    this.scrollY = false;
-    this.upperThreshold = 50;
-    this.lowerThreshold = 50;
-    this.mpScrollTop = undefined;
-    this.mpScrollLeft = undefined;
-    this.mpScrollIntoView = undefined;
-    this.scrollWithAnimation = false;
   }
   watchScrollLeft(newVal) {
     const scrollLeft = Number(newVal);
@@ -91,21 +103,6 @@ export class ScrollView {
       });
     }
   }
-  handleScroll(e) {
-    if (e instanceof CustomEvent)
-      return;
-    e.stopPropagation();
-    const { scrollLeft, scrollTop, scrollHeight, scrollWidth } = this.el;
-    this._scrollLeft = scrollLeft;
-    this._scrollTop = scrollTop;
-    this.upperAndLower();
-    this.onScroll.emit({
-      scrollLeft,
-      scrollTop,
-      scrollHeight,
-      scrollWidth
-    });
-  }
   componentDidLoad() {
     const { scrollY, scrollX, scrollWithAnimation } = this;
     const scrollTop = Number(this.mpScrollTop);
@@ -135,233 +132,214 @@ export class ScrollView {
       'taro-scroll-view__scroll-x': scrollX,
       'taro-scroll-view__scroll-y': scrollY
     });
-    return (h(Host, { class: cls }, h("slot", null)));
+    return (h(Host, { class: cls, onScroll: this.handleScroll },
+      h("slot", null)));
   }
   static get is() { return "taro-scroll-view-core"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["./style/index.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["./style/index.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "scrollX": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "scroll-x",
-        "reflect": false,
-        "defaultValue": "false"
+  static get originalStyleUrls() { return {
+    "$": ["./style/index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["./style/index.css"]
+  }; }
+  static get properties() { return {
+    "scrollX": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
       },
-      "scrollY": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "scroll-y",
-        "reflect": false,
-        "defaultValue": "false"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "upperThreshold": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "number | string",
-          "resolved": "number | string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "upper-threshold",
-        "reflect": false,
-        "defaultValue": "50"
+      "attribute": "scroll-x",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "scrollY": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
       },
-      "lowerThreshold": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "number | string",
-          "resolved": "number | string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "lower-threshold",
-        "reflect": false,
-        "defaultValue": "50"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "mpScrollTop": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "number | string",
-          "resolved": "number | string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "scroll-top",
-        "reflect": true
+      "attribute": "scroll-y",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "upperThreshold": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "number | string",
+        "resolved": "number | string",
+        "references": {}
       },
-      "mpScrollLeft": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "number | string",
-          "resolved": "number | string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "scroll-left",
-        "reflect": true
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "mpScrollIntoView": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "scroll-into-view",
-        "reflect": true
+      "attribute": "upper-threshold",
+      "reflect": false,
+      "defaultValue": "50"
+    },
+    "lowerThreshold": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "number | string",
+        "resolved": "number | string",
+        "references": {}
       },
-      "scrollWithAnimation": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "scroll-with-animation",
-        "reflect": false,
-        "defaultValue": "false"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "lower-threshold",
+      "reflect": false,
+      "defaultValue": "50"
+    },
+    "mpScrollTop": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "number | string",
+        "resolved": "number | string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "scroll-top",
+      "reflect": false
+    },
+    "mpScrollLeft": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "number | string",
+        "resolved": "number | string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "scroll-left",
+      "reflect": false
+    },
+    "mpScrollIntoView": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "scroll-into-view",
+      "reflect": false
+    },
+    "scrollWithAnimation": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "scroll-with-animation",
+      "reflect": false,
+      "defaultValue": "false"
+    }
+  }; }
+  static get events() { return [{
+      "method": "onScroll",
+      "name": "scroll",
+      "bubbles": false,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
       }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "onScroll",
-        "name": "scroll",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "onScrollToUpper",
-        "name": "scrolltoupper",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "onScrollToLower",
-        "name": "scrolltolower",
-        "bubbles": false,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
+    }, {
+      "method": "onScrollToUpper",
+      "name": "scrolltoupper",
+      "bubbles": false,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "onScrollToLower",
+      "name": "scrolltolower",
+      "bubbles": false,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
   static get elementRef() { return "el"; }
-  static get watchers() {
-    return [{
-        "propName": "mpScrollLeft",
-        "methodName": "watchScrollLeft"
-      }, {
-        "propName": "mpScrollTop",
-        "methodName": "watchScrollTop"
-      }, {
-        "propName": "mpScrollIntoView",
-        "methodName": "watchScrollIntoView"
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "scroll",
-        "method": "handleScroll",
-        "target": undefined,
-        "capture": true,
-        "passive": true
-      }];
-  }
+  static get watchers() { return [{
+      "propName": "mpScrollLeft",
+      "methodName": "watchScrollLeft"
+    }, {
+      "propName": "mpScrollTop",
+      "methodName": "watchScrollTop"
+    }, {
+      "propName": "mpScrollIntoView",
+      "methodName": "watchScrollIntoView"
+    }]; }
 }
-//# sourceMappingURL=scroll-view.js.map

package/dist/collection/components/share-element/share-element.js

@@ -1,4 +1,4 @@
-import { h, Host } from '@stencil/core';
+import { Component, h, Host } from '@stencil/core';
 import { notSupport } from '../../utils';
 export class ShareElement {
   componentDidLoad() {
@@ -9,4 +9,3 @@ export class ShareElement {
   }
   static get is() { return "taro-share-element-core"; }
 }
-//# sourceMappingURL=share-element.js.map