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

package/dist/collection/components/keyboard-accessory/keyboard-accessory.js

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

package/dist/collection/components/keyboard-accessory/keyboard-accessory.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"keyboard-accessory.js","sourceRoot":"","sources":["../../../src/components/keyboard-accessory/keyboard-accessory.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,iBAAiB;EAC5B,gBAAgB;IACd,UAAU,CAAC,mBAAmB,EAAE,IAAI,CAAC,CAAA;EACvC,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-keyboard-accessory-core'\n})\nexport class KeyboardAccessory implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('KeyboardAccessory', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/collection/components/label/label.js

@@ -1,27 +1,32 @@
-import { Component, h, Prop } from '@stencil/core';
+import { h } from '@stencil/core';
 export class Label {
+  constructor() {
+    this.for = undefined;
+  }
   render() {
-    return (h("label", { htmlFor: this.for },
-      h("slot", null)));
+    return (h("label", { htmlFor: this.for }, h("slot", null)));
   }
   static get is() { return "taro-label-core"; }
-  static get properties() { return {
-    "for": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "for",
-      "reflect": false
-    }
-  }; }
+  static get properties() {
+    return {
+      "for": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "for",
+        "reflect": false
+      }
+    };
+  }
 }
+//# sourceMappingURL=label.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"label.js","sourceRoot":"","sources":["../../../src/components/label/label.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAsB,IAAI,EAAE,MAAM,eAAe,CAAA;AAKtE,MAAM,OAAO,KAAK;;;;EAGhB,MAAM;IACJ,OAAO,CACL,aAAO,OAAO,EAAE,IAAI,CAAC,GAAG;MACtB,eAAQ,CACF,CACT,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;CACF","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/collection/components/live-player/live-player.js

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

package/dist/collection/components/live-player/live-player.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-player.js","sourceRoot":"","sources":["../../../src/components/live-player/live-player.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,UAAU;EACrB,gBAAgB;IACd,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;EAChC,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-live-player-core'\n})\nexport class LivePlayer implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('LivePlayer', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/collection/components/live-pusher/live-pusher.js

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

package/dist/collection/components/live-pusher/live-pusher.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"live-pusher.js","sourceRoot":"","sources":["../../../src/components/live-pusher/live-pusher.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,UAAU;EACrB,gBAAgB;IACd,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;EAChC,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-live-pusher-core'\n})\nexport class LivePusher implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('LivePusher', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

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

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

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

@@ -0,0 +1 @@
+{"version":3,"file":"map.js","sourceRoot":"","sources":["../../../src/components/map/map.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,GAAG;EACd,gBAAgB;IACd,UAAU,CAAC,KAAK,EAAE,IAAI,CAAC,CAAA;EACzB,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-map-core'\n})\nexport class Map implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('Map', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/collection/components/match-media/match-media.js

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

package/dist/collection/components/match-media/match-media.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"match-media.js","sourceRoot":"","sources":["../../../src/components/match-media/match-media.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,UAAU;EACrB,gBAAgB;IACd,UAAU,CAAC,YAAY,EAAE,IAAI,CAAC,CAAA;EAChC,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-match-media-core'\n})\nexport class MatchMedia implements ComponentInterface {\n  componentDidLoad () {\n    notSupport('MatchMedia', this)\n  }\n\n  render () {\n    return (\n      <Host />\n    )\n  }\n}\n"]}

package/dist/collection/components/movable-area/movable-area.js

@@ -1,4 +1,4 @@
-import { Component, h, Host, Prop, Element } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 export class MovableArea {
   constructor() {
     /** 子元素集合 */
@@ -110,6 +110,7 @@ export class MovableArea {
         });
       });
     };
+    this.scaleArea = undefined;
   }
   connectedCallback() {
     this.observer = new MutationObserver((mutations) => {
@@ -143,30 +144,37 @@ export class MovableArea {
     return (h(Host, { onTouchStart: this.handleTouchStart, onTouchMove: this.handleTouchMove, onTouchEnd: this.handleTouchEnd }));
   }
   static get is() { return "taro-movable-area-core"; }
-  static get originalStyleUrls() { return {
-    "$": ["./area.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["area.css"]
-  }; }
-  static get properties() { return {
-    "scaleArea": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": "\u5F53\u91CC\u9762\u7684 movable-view \u8BBE\u7F6E\u4E3A\u652F\u6301\u53CC\u6307\u7F29\u653E\u65F6\uFF0C\u8BBE\u7F6E\u6B64\u503C\u53EF\u5C06\u7F29\u653E\u624B\u52BF\u751F\u6548\u533A\u57DF\u4FEE\u6539\u4E3A\u6574\u4E2Amovable-area"
-      },
-      "attribute": "scale-area",
-      "reflect": false
-    }
-  }; }
+  static get originalStyleUrls() {
+    return {
+      "$": ["./area.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["area.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "scaleArea": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": "\u5F53\u91CC\u9762\u7684 movable-view \u8BBE\u7F6E\u4E3A\u652F\u6301\u53CC\u6307\u7F29\u653E\u65F6\uFF0C\u8BBE\u7F6E\u6B64\u503C\u53EF\u5C06\u7F29\u653E\u624B\u52BF\u751F\u6548\u533A\u57DF\u4FEE\u6539\u4E3A\u6574\u4E2Amovable-area"
+        },
+        "attribute": "scale-area",
+        "reflect": false
+      }
+    };
+  }
   static get elementRef() { return "element"; }
 }
+//# sourceMappingURL=movable-area.js.map

package/dist/collection/components/movable-area/movable-area.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"movable-area.js","sourceRoot":"","sources":["../../../src/components/movable-area/movable-area.tsx"],"names":[],"mappings":"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","sourcesContent":["import { Component, h, Host, Prop, Element } from '@stencil/core'\n\n@Component({\n  tag: 'taro-movable-area-core',\n  styleUrl: './area.scss'\n})\nexport class MovableArea {\n\n  /** \n   * 当里面的 movable-view 设置为支持双指缩放时，设置此值可将缩放手势生效区域修改为整个movable-area\n   */\n  @Prop() scaleArea: boolean\n\n  @Element() element: HTMLElement\n\n  /** 观察者 */\n  private observer?: MutationObserver\n  /** 子元素集合 */\n  private views: Array<HTMLElement> = []\n  /** 单个元素缩放时的目标元素 */\n  private scaleTarget?: HTMLElement\n  /** 手势缩放 */\n  private scaleLength: number = 0\n  /** 宽高 */\n  private offset?: { width: number; height: number; }\n\n  connectedCallback () {\n    this.observer = new MutationObserver((mutations) => {\n      mutations.forEach((mutation) => {\n        if (mutation.attributeName === \"class\" || mutation.attributeName === \"style\") {\n          const offsetWidth = this.element.offsetWidth\n          const offsetHeight = this.element.offsetHeight\n          if (offsetWidth !== this.offset?.width || offsetHeight !== this.offset?.height) {\n            this.updateArea()\n          }\n          this.offset = {\n            width: offsetWidth,\n            height: offsetHeight\n          }\n        }\n      })\n    })\n\n    this.observer.observe(this.element, {\n      attributes: true\n    })\n  }\n\n  disconnectedCallback () {\n    this.observer?.disconnect()\n  }\n\n  componentDidLoad () {\n    this.viewsChanged()\n  }\n\n  viewsChanged = () => {\n    this.views = []\n    const elements = this.element.querySelectorAll('taro-movable-view-core')\n    Array.from(elements).forEach((element) => {\n      this.views.push(element)\n    })\n    this.updateArea()\n  }\n\n  handleTouchStart = (e: TouchEvent) => {\n    const touches = e.touches\n    if (!touches || touches.length <= 1) {\n      return\n    }\n\n    const gap = {\n      width: touches[1].pageX - touches[0].pageX,\n      height: touches[1].pageY - touches[0].pageY\n    }\n    this.scaleLength = Math.sqrt(gap.width * gap.width + gap.height * gap.height)\n    if (this.scaleArea) {\n      return\n    }\n\n    const find = (target: EventTarget, views: Array<HTMLElement>) => {\n      const loop = (e, t) => {\n        if (!(e = e.parentNode)) {\n          return false\n        }\n        return (!(e instanceof HTMLElement) || e !== document.body) && (e === t || e === t.element || e.element === t || loop(e, t))\n      }\n\n      for (let i = 0; i < views.length; i++) {\n        const view = views[i]\n        if (target === view[\"element\"] || loop(target, view)) {\n          return view\n        }\n      }\n    }\n\n    const touch1 = find(touches[0].target, this.views)\n    const touch2 = find(touches[1].target, this.views)\n    this.scaleTarget = touch1 && touch1 === touch2 ? touch1 : undefined\n  }\n\n  handleTouchMove = (e: TouchEvent) => {\n    const touches = e.touches\n    if (!touches || touches.length <= 1) {\n      return\n    }\n    e.preventDefault()\n    const gap = {\n      width: touches[1].pageX - touches[0].pageX,\n      height: touches[1].pageY - touches[0].pageY\n    }\n    if (this.scaleLength > 0) {\n      this.updateScale(Math.sqrt(gap.width * gap.width + gap.height * gap.height) / this.scaleLength)\n    }\n  }\n\n  handleTouchEnd = (e: TouchEvent) => {\n    if ((e.touches && e.touches.length) || !e.changedTouches) {\n      return\n    }\n    this.scaleLength = 0\n    if (this.scaleArea) {\n      this.views.forEach((element) => {\n        element[\"endScale\"]?.()\n      })\n    } else {\n      this.scaleTarget?.[\"endScale\"]?.()\n    }\n    this.scaleTarget = undefined\n  }\n\n  updateScale = (scale: number) => {\n    if (!scale || scale === 1) {\n      return\n    }\n\n    if (this.scaleArea) {\n      this.views.forEach((element) => {\n        element[\"setScale\"]?.(scale)\n      })\n    } else {\n      this.scaleTarget?.[\"setScale\"]?.(scale)\n    }\n  }\n\n  updateArea = () => {\n    const computedStyle = window.getComputedStyle(this.element)\n    const clientRect = this.element.getBoundingClientRect()\n    const horizontal = [\"Left\", \"Right\"].map((e) => {\n      return parseFloat(computedStyle[\"border\" + e + \"Width\"]) + parseFloat(computedStyle[\"padding\" + e])\n    })\n    const vertical = [\"Top\", \"Bottom\"].map((e) => {\n      return parseFloat(computedStyle[\"border\" + e + \"Width\"]) + parseFloat(computedStyle[\"padding\" + e])\n    })\n\n    this.views.forEach((element) => {\n      element[\"setParent\"]?.({\n        element: this.element,\n        area: {\n          height: clientRect.height - vertical[0] - vertical[1],\n          width: clientRect.width - horizontal[0] - horizontal[1]\n        }\n      })\n    })\n  }\n\n  render () {\n    return (\n      <Host\n        onTouchStart={this.handleTouchStart}\n        onTouchMove={this.handleTouchMove}\n        onTouchEnd={this.handleTouchEnd}\n      />\n    )\n  }\n}\n"]}