@tarojs/components 3.5.7-alpha.6 → 3.6.0-canary.0

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

@@ -1,5 +1,4 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Prop, Event, Watch, Element, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import classNames from 'classnames';
 import { debounce } from '../../utils';
 function easeOutScroll(from, to, callback) {
@@ -26,25 +25,6 @@ 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);
@@ -64,6 +44,14 @@ 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);
@@ -103,6 +91,21 @@ export class ScrollView {
       });
     }
   }
+  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
+    });
+    e.cancelBubble = true;
+  }
   componentDidLoad() {
     const { scrollY, scrollX, scrollWithAnimation } = this;
     const scrollTop = Number(this.mpScrollTop);
@@ -132,214 +135,233 @@ export class ScrollView {
       'taro-scroll-view__scroll-x': scrollX,
       'taro-scroll-view__scroll-y': scrollY
     });
-    return (h(Host, { class: cls, onScroll: this.handleScroll },
-      h("slot", null)));
+    return (h(Host, { class: cls }, 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"
-    },
-    "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"
-    },
-    "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"
-    },
-    "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"
-    },
-    "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": {}
+  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"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "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"
       },
-      "attribute": "scroll-into-view",
-      "reflect": false
-    },
-    "scrollWithAnimation": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "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"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "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"
       },
-      "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": ""
+      "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
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onScrollToUpper",
-      "name": "scrolltoupper",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "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
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onScrollToLower",
-      "name": "scrolltolower",
-      "bubbles": false,
-      "cancelable": true,
-      "composed": true,
-      "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
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "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"
       }
-    }]; }
+    };
+  }
+  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": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get watchers() { return [{
-      "propName": "mpScrollLeft",
-      "methodName": "watchScrollLeft"
-    }, {
-      "propName": "mpScrollTop",
-      "methodName": "watchScrollTop"
-    }, {
-      "propName": "mpScrollIntoView",
-      "methodName": "watchScrollIntoView"
-    }]; }
+  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
+      }];
+  }
 }
+//# sourceMappingURL=scroll-view.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"scroll-view.js","sourceRoot":"","sources":["../../../src/components/scroll-view/scroll-view.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, ComponentInterface, Prop, Event, EventEmitter, Watch, Element, Host, Listen } from '@stencil/core'\nimport classNames from 'classnames'\n\nimport { debounce } from '../../utils'\n\nfunction easeOutScroll (from: number, to: number, callback) {\n  if (from === to || typeof from !== 'number') {\n    return\n  }\n\n  const change = to - from\n  const dur = 500\n  const sTime = Date.now()\n  const isLarger = to >= from\n\n  function linear (t: number, b: number, c: number, d: number): number {\n    return c * t / d + b\n  }\n\n  function step () {\n    from = linear(Date.now() - sTime, from, change, dur)\n    if ((isLarger && from >= to) || (!isLarger && to >= from)) {\n      callback(to)\n      return\n    }\n    callback(from)\n    requestAnimationFrame(step)\n  }\n\n  step()\n}\n\n@Component({\n  tag: 'taro-scroll-view-core',\n  styleUrl: './style/index.scss'\n})\nexport class ScrollView implements ComponentInterface {\n  private _scrollLeft: number\n  private _scrollTop: number\n\n  @Element() el: HTMLElement\n\n  @Prop() scrollX = false\n  @Prop() scrollY = false\n  @Prop() upperThreshold: number | string = 50\n  @Prop() lowerThreshold: number | string = 50\n  @Prop({ attribute: 'scroll-top', reflect: true }) mpScrollTop: number | string\n  @Prop({ attribute: 'scroll-left', reflect: true }) mpScrollLeft: number | string\n  @Prop({ attribute: 'scroll-into-view', reflect: true }) mpScrollIntoView: string\n  @Prop() scrollWithAnimation = false\n\n  @Event({\n    eventName: 'scroll',\n    bubbles: false\n  })\n  onScroll: EventEmitter\n\n  @Event({\n    eventName: 'scrolltoupper',\n    bubbles: false\n  })\n  onScrollToUpper: EventEmitter\n\n  @Event({\n    eventName: 'scrolltolower',\n    bubbles: false\n  })\n  onScrollToLower: EventEmitter\n\n  @Watch('mpScrollLeft')\n  watchScrollLeft (newVal) {\n    const scrollLeft = Number(newVal)\n    if (\n      this.scrollX &&\n      !isNaN(scrollLeft) &&\n      scrollLeft !== this._scrollLeft\n    ) {\n      if (this.scrollWithAnimation) {\n        easeOutScroll(this._scrollLeft, scrollLeft, pos => (this.el.scrollLeft = pos))\n      } else {\n        this.el.scrollLeft = scrollLeft\n      }\n      this._scrollLeft = scrollLeft\n    }\n  }\n\n  @Watch('mpScrollTop')\n  watchScrollTop (newVal) {\n    const scrollTop = Number(newVal)\n    if (\n      this.scrollY &&\n      !isNaN(scrollTop) &&\n      scrollTop !== this._scrollTop\n    ) {\n      if (this.scrollWithAnimation) {\n        easeOutScroll(this._scrollTop, scrollTop, pos => (this.el.scrollTop = pos))\n      } else {\n        this.el.scrollTop = scrollTop\n      }\n      this._scrollTop = scrollTop\n    }\n  }\n\n  @Watch('mpScrollIntoView')\n  watchScrollIntoView (newVal) {\n    if (typeof newVal === 'string' && newVal) {\n      document.querySelector(`#${newVal}`)?.scrollIntoView({\n        behavior: 'smooth',\n        block: 'center',\n        inline: 'start'\n      })\n    }\n  }\n\n  @Listen('scroll', { capture: true })\n  handleScroll (e: Event) {\n    if (e instanceof CustomEvent) return\n\n    const {\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    } = this.el\n    this._scrollLeft = scrollLeft\n    this._scrollTop = scrollTop\n\n    this.upperAndLower()\n\n    this.onScroll.emit({\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    })\n    e.cancelBubble = true\n  }\n\n  componentDidLoad () {\n    const {\n      scrollY,\n      scrollX,\n      scrollWithAnimation\n    } = this\n\n    const scrollTop = Number(this.mpScrollTop)\n    const scrollLeft = Number(this.mpScrollLeft)\n\n    if (scrollY && !isNaN(scrollTop)) {\n      if (scrollWithAnimation) {\n        easeOutScroll(0, scrollTop, pos => (this.el.scrollTop = pos))\n      } else {\n        this.el.scrollTop = scrollTop\n      }\n      this._scrollTop = scrollTop\n    }\n\n    if (scrollX && !isNaN(scrollLeft)) {\n      if (scrollWithAnimation) {\n        easeOutScroll(0, scrollLeft, pos => (this.el.scrollLeft = pos))\n      } else {\n        this.el.scrollLeft = scrollLeft\n      }\n      this._scrollLeft = scrollLeft\n    }\n  }\n\n  upperAndLower = debounce(() => {\n    const {\n      offsetWidth,\n      offsetHeight,\n      scrollLeft,\n      scrollTop,\n      scrollHeight,\n      scrollWidth\n    } = this.el\n\n    const lowerThreshold = Number(this.lowerThreshold)\n    const upperThreshold = Number(this.upperThreshold)\n\n    if (\n      !isNaN(lowerThreshold) &&\n      ((this.scrollY && offsetHeight + scrollTop + lowerThreshold >= scrollHeight) ||\n      (this.scrollX && offsetWidth + scrollLeft + lowerThreshold >= scrollWidth))\n    ) {\n      this.onScrollToLower.emit({\n        direction: this.scrollX ? 'right' : (this.scrollY ? 'bottom' : '')\n      })\n    }\n\n    if (\n      !isNaN(upperThreshold) &&\n      ((this.scrollY && scrollTop <= upperThreshold) ||\n      (this.scrollX && scrollLeft <= upperThreshold))\n    ) {\n      this.onScrollToUpper.emit({\n        direction: this.scrollX ? 'left' : (this.scrollY ? 'top' : '')\n      })\n    }\n  }, 200)\n\n  render () {\n    const {\n      scrollX,\n      scrollY\n    } = this\n\n    const cls = classNames({\n      'taro-scroll-view__scroll-x': scrollX,\n      'taro-scroll-view__scroll-y': scrollY\n    })\n    return (\n      <Host class={cls}>\n        <slot />\n      </Host>\n    )\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"share-element.js","sourceRoot":"","sources":["../../../src/components/share-element/share-element.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAsB,CAAC,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AAEtE,OAAO,EAAE,UAAU,EAAE,MAAM,aAAa,CAAA;AAKxC,MAAM,OAAO,YAAY;EACvB,gBAAgB;IACd,UAAU,CAAC,cAAc,EAAE,IAAI,CAAC,CAAA;EAClC,CAAC;EAED,MAAM;IACJ,OAAO,CACL,EAAC,IAAI,OAAG,CACT,CAAA;EACH,CAAC;;CACF","sourcesContent":["import { Component, ComponentInterface, h, Host } from '@stencil/core'\n\nimport { notSupport } from '../../utils'\n\n@Component({\n  tag: 'taro-share-element-core'\n})\nexport class ShareElement implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('ShareElement', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}