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

package/dist/collection/components/button/button.js

@@ -1,12 +1,14 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Prop, State, Event, Listen, Element, Host } from '@stencil/core';
+import { h, Host } from '@stencil/core';
 import classNames from 'classnames';
 export class Button {
   constructor() {
+    this.disabled = undefined;
     this.hoverClass = 'button-hover';
     this.type = '';
     this.hoverStartTime = 20;
     this.hoverStayTime = 70;
+    this.size = undefined;
+    this.plain = undefined;
     this.loading = false;
     this.formType = null;
     this.hover = false;
@@ -49,225 +51,236 @@ export class Button {
     const cls = classNames({
       [`${hoverClass}`]: hover && !disabled
     });
-    return (h(Host, { class: cls, type: type, plain: plain, loading: loading, size: size, disabled: disabled },
-      loading && h("i", { class: 'weui-loading' }),
-      h("slot", null)));
+    return (h(Host, { class: cls, type: type, plain: plain, loading: loading, size: size, disabled: disabled }, loading && h("i", { class: 'weui-loading' }), h("slot", null)));
   }
   static get is() { return "taro-button-core"; }
-  static get originalStyleUrls() { return {
-    "$": ["./style/index.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["./style/index.css"]
-  }; }
-  static get properties() { return {
-    "disabled": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "disabled",
-      "reflect": false
-    },
-    "hoverClass": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hover-class",
-      "reflect": false,
-      "defaultValue": "'button-hover'"
-    },
-    "type": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "type",
-      "reflect": false,
-      "defaultValue": "''"
-    },
-    "hoverStartTime": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hover-start-time",
-      "reflect": false,
-      "defaultValue": "20"
-    },
-    "hoverStayTime": {
-      "type": "number",
-      "mutable": false,
-      "complexType": {
-        "original": "number",
-        "resolved": "number",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "hover-stay-time",
-      "reflect": false,
-      "defaultValue": "70"
-    },
-    "size": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "size",
-      "reflect": false
-    },
-    "plain": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+  static get originalStyleUrls() {
+    return {
+      "$": ["./style/index.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["./style/index.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "disabled": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "disabled",
+        "reflect": false
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "hoverClass": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hover-class",
+        "reflect": false,
+        "defaultValue": "'button-hover'"
       },
-      "attribute": "plain",
-      "reflect": false
-    },
-    "loading": {
-      "type": "boolean",
-      "mutable": false,
-      "complexType": {
-        "original": "boolean",
-        "resolved": "boolean",
-        "references": {}
+      "type": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "type",
+        "reflect": false,
+        "defaultValue": "''"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "hoverStartTime": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hover-start-time",
+        "reflect": false,
+        "defaultValue": "20"
       },
-      "attribute": "loading",
-      "reflect": false,
-      "defaultValue": "false"
-    },
-    "formType": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "'submit' | 'reset' | null",
-        "resolved": "\"reset\" | \"submit\" | null",
-        "references": {}
+      "hoverStayTime": {
+        "type": "number",
+        "mutable": false,
+        "complexType": {
+          "original": "number",
+          "resolved": "number",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "hover-stay-time",
+        "reflect": false,
+        "defaultValue": "70"
       },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "size": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "size",
+        "reflect": false
       },
-      "attribute": "form-type",
-      "reflect": false,
-      "defaultValue": "null"
-    }
-  }; }
-  static get states() { return {
-    "hover": {},
-    "touch": {}
-  }; }
-  static get events() { return [{
-      "method": "onSubmit",
-      "name": "tarobuttonsubmit",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "plain": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "plain",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
-      }
-    }, {
-      "method": "onReset",
-      "name": "tarobuttonreset",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+      "loading": {
+        "type": "boolean",
+        "mutable": false,
+        "complexType": {
+          "original": "boolean",
+          "resolved": "boolean",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "loading",
+        "reflect": false,
+        "defaultValue": "false"
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "formType": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "'submit' | 'reset' | null",
+          "resolved": "\"reset\" | \"submit\" | null",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "form-type",
+        "reflect": false,
+        "defaultValue": "null"
       }
-    }]; }
+    };
+  }
+  static get states() {
+    return {
+      "hover": {},
+      "touch": {}
+    };
+  }
+  static get events() {
+    return [{
+        "method": "onSubmit",
+        "name": "tarobuttonsubmit",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }, {
+        "method": "onReset",
+        "name": "tarobuttonreset",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
-  static get listeners() { return [{
-      "name": "touchstart",
-      "method": "onTouchStart",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }, {
-      "name": "touchend",
-      "method": "onTouchEnd",
-      "target": undefined,
-      "capture": false,
-      "passive": true
-    }]; }
+  static get listeners() {
+    return [{
+        "name": "touchstart",
+        "method": "onTouchStart",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }, {
+        "name": "touchend",
+        "method": "onTouchEnd",
+        "target": undefined,
+        "capture": false,
+        "passive": true
+      }];
+  }
 }
+//# sourceMappingURL=button.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"button.js","sourceRoot":"","sources":["../../../src/components/button/button.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAE,IAAI,EAAE,KAAK,EAAsB,KAAK,EAAgB,MAAM,EAAE,OAAO,EAAE,IAAI,EAAE,MAAM,eAAe,CAAA;AACzH,OAAO,UAAU,MAAM,YAAY,CAAA;AAMnC,MAAM,OAAO,MAAM;;;sBAEI,cAAc;gBACpB,EAAE;0BACQ,EAAE;yBACH,EAAE;;;mBAGR,KAAK;oBACuB,IAAI;iBAIjC,KAAK;iBACL,KAAK;;EAWtB,YAAY;IACV,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,OAAM;KACP;IAED,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;IACjB,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MACrC,UAAU,CAAC,GAAG,EAAE;QACd,IAAI,IAAI,CAAC,KAAK,EAAE;UACd,IAAI,CAAC,KAAK,GAAG,IAAI,CAAA;SAClB;MACH,CAAC,EAAE,IAAI,CAAC,cAAc,CAAC,CAAA;KACxB;EACH,CAAC;EAGD,UAAU;IACR,IAAI,IAAI,CAAC,QAAQ,EAAE;MACjB,OAAM;KACP;IAED,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;IAClB,IAAI,IAAI,CAAC,UAAU,IAAI,CAAC,IAAI,CAAC,QAAQ,EAAE;MACrC,UAAU,CAAC,GAAG,EAAE;QACd,IAAI,CAAC,IAAI,CAAC,KAAK,EAAE;UACf,IAAI,CAAC,KAAK,GAAG,KAAK,CAAA;SACnB;MACH,CAAC,EAAE,IAAI,CAAC,aAAa,CAAC,CAAA;KACvB;IAED,IAAI,IAAI,CAAC,QAAQ,KAAK,QAAQ,EAAE;MAC9B,IAAI,CAAC,QAAQ,CAAC,IAAI,EAAE,CAAA;KACrB;SAAM,IAAI,IAAI,CAAC,QAAQ,KAAK,OAAO,EAAE;MACpC,IAAI,CAAC,OAAO,CAAC,IAAI,EAAE,CAAA;KACpB;EACH,CAAC;EAED,MAAM;IACJ,MAAM,EACJ,QAAQ,EACR,UAAU,EACV,IAAI,EACJ,IAAI,EACJ,KAAK,EACL,OAAO,EACP,KAAK,EACN,GAAG,IAAI,CAAA;IAER,MAAM,GAAG,GAAG,UAAU,CAAC;MACrB,CAAC,GAAG,UAAU,EAAE,CAAC,EAAE,KAAK,IAAI,CAAC,QAAQ;KACtC,CAAC,CAAA;IAEF,OAAO,CACL,EAAC,IAAI,IACH,KAAK,EAAE,GAAG,EACV,IAAI,EAAE,IAAI,EACV,KAAK,EAAE,KAAK,EACZ,OAAO,EAAE,OAAO,EAChB,IAAI,EAAE,IAAI,EACV,QAAQ,EAAE,QAAQ;MAEjB,OAAO,IAAI,SAAG,KAAK,EAAC,cAAc,GAAG;MACtC,eAAQ,CACH,CACR,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, Prop, State, ComponentInterface, Event, EventEmitter, Listen, Element, Host } from '@stencil/core'\nimport classNames from 'classnames'\n\n@Component({\n  tag: 'taro-button-core',\n  styleUrl: './style/index.scss'\n})\nexport class Button implements ComponentInterface {\n  @Prop() disabled: boolean\n  @Prop() hoverClass = 'button-hover'\n  @Prop() type = ''\n  @Prop() hoverStartTime = 20\n  @Prop() hoverStayTime = 70\n  @Prop() size: string\n  @Prop() plain: boolean\n  @Prop() loading = false\n  @Prop() formType: 'submit' | 'reset' | null = null\n\n  @Element() el: HTMLElement\n\n  @State() hover = false\n  @State() touch = false\n\n  @Event({\n    eventName: 'tarobuttonsubmit'\n  }) onSubmit: EventEmitter\n\n  @Event({\n    eventName: 'tarobuttonreset'\n  }) onReset: EventEmitter\n\n  @Listen('touchstart')\n  onTouchStart () {\n    if (this.disabled) {\n      return\n    }\n\n    this.touch = true\n    if (this.hoverClass && !this.disabled) {\n      setTimeout(() => {\n        if (this.touch) {\n          this.hover = true\n        }\n      }, this.hoverStartTime)\n    }\n  }\n\n  @Listen('touchend')\n  onTouchEnd () {\n    if (this.disabled) {\n      return\n    }\n\n    this.touch = false\n    if (this.hoverClass && !this.disabled) {\n      setTimeout(() => {\n        if (!this.touch) {\n          this.hover = false\n        }\n      }, this.hoverStayTime)\n    }\n\n    if (this.formType === 'submit') {\n      this.onSubmit.emit()\n    } else if (this.formType === 'reset') {\n      this.onReset.emit()\n    }\n  }\n\n  render () {\n    const {\n      disabled,\n      hoverClass,\n      type,\n      size,\n      plain,\n      loading,\n      hover\n    } = this\n\n    const cls = classNames({\n      [`${hoverClass}`]: hover && !disabled\n    })\n\n    return (\n      <Host\n        class={cls}\n        type={type}\n        plain={plain}\n        loading={loading}\n        size={size}\n        disabled={disabled}\n      >\n        {loading && <i class='weui-loading' />}\n        <slot />\n      </Host>\n    )\n  }\n}\n"]}

package/dist/collection/components/camera/camera.js

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

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

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

package/dist/collection/components/canvas/canvas.js

@@ -1,9 +1,7 @@
-// eslint-disable-next-line @typescript-eslint/no-unused-vars
-import { Component, h, Prop, Element, Event } from '@stencil/core';
+import { h } from '@stencil/core';
 const LONG_TAP_DELAY = 500;
 export class Canvas {
   constructor() {
-    this.nativeProps = {};
     this.onTouchStart = () => {
       this.timer = setTimeout(() => {
         this.onLongTap.emit();
@@ -15,6 +13,8 @@ export class Canvas {
     this.onTouchEnd = () => {
       clearTimeout(this.timer);
     };
+    this.canvasId = undefined;
+    this.nativeProps = {};
   }
   render() {
     const { canvasId, nativeProps } = this;
@@ -24,62 +24,71 @@ export class Canvas {
       }, onTouchStart: this.onTouchStart, onTouchMove: this.onTouchMove, onTouchEnd: this.onTouchEnd }, nativeProps)));
   }
   static get is() { return "taro-canvas-core"; }
-  static get originalStyleUrls() { return {
-    "$": ["./style/index.scss"]
-  }; }
-  static get styleUrls() { return {
-    "$": ["./style/index.css"]
-  }; }
-  static get properties() { return {
-    "canvasId": {
-      "type": "string",
-      "mutable": false,
-      "complexType": {
-        "original": "string",
-        "resolved": "string",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "attribute": "canvas-id",
-      "reflect": false
-    },
-    "nativeProps": {
-      "type": "unknown",
-      "mutable": false,
-      "complexType": {
-        "original": "{}",
-        "resolved": "{}",
-        "references": {}
-      },
-      "required": false,
-      "optional": false,
-      "docs": {
-        "tags": [],
-        "text": ""
-      },
-      "defaultValue": "{}"
-    }
-  }; }
-  static get events() { return [{
-      "method": "onLongTap",
-      "name": "longtap",
-      "bubbles": true,
-      "cancelable": true,
-      "composed": true,
-      "docs": {
-        "tags": [],
-        "text": ""
+  static get originalStyleUrls() {
+    return {
+      "$": ["./style/index.scss"]
+    };
+  }
+  static get styleUrls() {
+    return {
+      "$": ["./style/index.css"]
+    };
+  }
+  static get properties() {
+    return {
+      "canvasId": {
+        "type": "string",
+        "mutable": false,
+        "complexType": {
+          "original": "string",
+          "resolved": "string",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "attribute": "canvas-id",
+        "reflect": false
       },
-      "complexType": {
-        "original": "any",
-        "resolved": "any",
-        "references": {}
+      "nativeProps": {
+        "type": "unknown",
+        "mutable": false,
+        "complexType": {
+          "original": "{}",
+          "resolved": "{}",
+          "references": {}
+        },
+        "required": false,
+        "optional": false,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "defaultValue": "{}"
       }
-    }]; }
+    };
+  }
+  static get events() {
+    return [{
+        "method": "onLongTap",
+        "name": "longtap",
+        "bubbles": true,
+        "cancelable": true,
+        "composed": true,
+        "docs": {
+          "tags": [],
+          "text": ""
+        },
+        "complexType": {
+          "original": "any",
+          "resolved": "any",
+          "references": {}
+        }
+      }];
+  }
   static get elementRef() { return "el"; }
 }
+//# sourceMappingURL=canvas.js.map

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

@@ -0,0 +1 @@
+{"version":3,"file":"canvas.js","sourceRoot":"","sources":["../../../src/components/canvas/canvas.tsx"],"names":[],"mappings":"AAAA,OAAO,EAAE,SAAS,EAAE,CAAC,EAAsB,IAAI,EAAE,OAAO,EAAE,KAAK,EAAE,MAAM,eAAe,CAAA;AAEtF,MAAM,cAAc,GAAG,GAAG,CAAA;AAM1B,MAAM,OAAO,MAAM;;IAcjB,iBAAY,GAAG,GAAG,EAAE;MAClB,IAAI,CAAC,KAAK,GAAG,UAAU,CAAC,GAAG,EAAE;QAC3B,IAAI,CAAC,SAAS,CAAC,IAAI,EAAE,CAAA;MACvB,CAAC,EAAE,cAAc,CAAC,CAAA;IACpB,CAAC,CAAA;IAED,gBAAW,GAAG,GAAG,EAAE;MACjB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;IAED,eAAU,GAAG,GAAG,EAAE;MAChB,YAAY,CAAC,IAAI,CAAC,KAAK,CAAC,CAAA;IAC1B,CAAC,CAAA;;uBAtBqB,EAAE;;EAwBxB,MAAM;IACJ,MAAM,EAAE,QAAQ,EAAE,WAAW,EAAE,GAAG,IAAI,CAAA;IAEtC,OAAO,CACL,yCACa,QAAQ,EACnB,KAAK,EAAE;QACL,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,MAAM;OACf,EACD,YAAY,EAAE,IAAI,CAAC,YAAY,EAC/B,WAAW,EAAE,IAAI,CAAC,WAAW,EAC7B,UAAU,EAAE,IAAI,CAAC,UAAU,IACvB,WAAW,EACf,CACH,CAAA;EACH,CAAC;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;CACF","sourcesContent":["import { Component, h, ComponentInterface, Prop, Element, Event } from '@stencil/core'\n\nconst LONG_TAP_DELAY = 500\n\n@Component({\n  tag: 'taro-canvas-core',\n  styleUrl: './style/index.scss'\n})\nexport class Canvas implements ComponentInterface {\n  private timer: ReturnType<typeof setTimeout>\n\n  @Prop() canvasId: string\n  @Prop() nativeProps = {}\n\n  @Element() el: HTMLElement\n\n  @Event({\n    eventName: 'longtap'\n  })\n\n  onLongTap\n\n  onTouchStart = () => {\n    this.timer = setTimeout(() => {\n      this.onLongTap.emit()\n    }, LONG_TAP_DELAY)\n  }\n\n  onTouchMove = () => {\n    clearTimeout(this.timer)\n  }\n\n  onTouchEnd = () => {\n    clearTimeout(this.timer)\n  }\n\n  render () {\n    const { canvasId, nativeProps } = this\n\n    return (\n      <canvas\n        canvas-id={canvasId}\n        style={{\n          width: '100%',\n          height: '100%'\n        }}\n        onTouchStart={this.onTouchStart}\n        onTouchMove={this.onTouchMove}\n        onTouchEnd={this.onTouchEnd}\n        {...nativeProps}\n      />\n    )\n  }\n}\n"]}