@tarojs/components 3.5.7-alpha.9 → 3.5.8

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

@@ -1,14 +1,13 @@
-import { h, Host } from '@stencil/core';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, Prop, h, Host, Listen, State, Event } from '@stencil/core';
 import classNames from 'classnames';
 export class CoverView {
   constructor() {
-    this.startTime = 0;
-    this.animation = undefined;
-    this.hoverClass = undefined;
     this.hoverStartTime = 50;
     this.hoverStayTime = 400;
     this.hover = false;
     this.touch = false;
+    this.startTime = 0;
   }
   onTouchStart() {
     if (this.hoverClass) {
@@ -50,137 +49,125 @@ export class CoverView {
       attr['animation'] = this.animation;
       attr['data-animation'] = this.animation;
     }
-    return (h(Host, Object.assign({ class: cls }, attr), h("slot", null)));
+    return (h(Host, Object.assign({ class: cls }, attr),
+      h("slot", null)));
   }
   static get is() { return "taro-cover-view-core"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["./style/cover-view.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["./style/cover-view.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "animation": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "animation",
-        "reflect": false
+  static get originalStyleUrls() { return {
+    "$": ["./style/cover-view.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["./style/cover-view.css"]
+  }; }
+  static get properties() { return {
+    "animation": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "animation",
+      "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
+    },
+    "hoverStartTime": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
       },
-      "hoverClass": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "hover-class",
-        "reflect": false
+      "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": "50"
+      "attribute": "hover-start-time",
+      "reflect": false,
+      "defaultValue": "50"
+    },
+    "hoverStayTime": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "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": "400"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "hover-stay-time",
+      "reflect": false,
+      "defaultValue": "400"
+    }
+  }; }
+  static get states() { return {
+    "hover": {},
+    "touch": {}
+  }; }
+  static get events() { return [{
+      "method": "onLongPress",
+      "name": "longpress",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
       }
-    };
-  }
-  static get states() {
-    return {
-      "hover": {},
-      "touch": {}
-    };
-  }
-  static get events() {
-    return [{
-        "method": "onLongPress",
-        "name": "longpress",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get listeners() {
-    return [{
-        "name": "touchstart",
-        "method": "onTouchStart",
-        "target": undefined,
-        "capture": false,
-        "passive": true
-      }, {
-        "name": "touchmove",
-        "method": "onTouchMove",
-        "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": "touchmove",
+      "method": "onTouchMove",
+      "target": undefined,
+      "capture": false,
+      "passive": true
+    }, {
+      "name": "touchend",
+      "method": "onTouchEnd",
+      "target": undefined,
+      "capture": false,
+      "passive": true
+    }]; }
 }
-//# sourceMappingURL=cover-view.js.map

package/dist/collection/components/custom-wrapper/custom-wrapper.js

@@ -1,8 +1,8 @@
-import { h, Host } from '@stencil/core';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Host } from '@stencil/core';
 export class CustomWrapper {
   render() {
     return (h(Host, null));
   }
   static get is() { return "taro-custom-wrapper-core"; }
 }
-//# sourceMappingURL=custom-wrapper.js.map

package/dist/collection/components/editor/editor.js

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

package/dist/collection/components/form/form.js

@@ -1,8 +1,36 @@
-import { h } from '@stencil/core';
+// eslint-disable-next-line @typescript-eslint/no-unused-vars
+import { Component, h, Event, Element, Listen, State, Watch } from '@stencil/core';
 export class Form {
   constructor() {
     this.value = {};
   }
+  watchSlotParent(newParent) {
+    if (!this.orginalAppendChild) {
+      this.orginalAppendChild = this.el.appendChild;
+      this.orginalInsertBefore = this.el.insertBefore;
+      this.orginalReplaceChild = this.el.replaceChild;
+      this.orginalRemoveChild = this.el.removeChild;
+    }
+    if (!newParent) {
+      this.el.appendChild = this.orginalAppendChild;
+      this.el.insertBefore = this.orginalInsertBefore;
+      this.el.replaceChild = this.orginalReplaceChild;
+      this.el.removeChild = this.orginalRemoveChild;
+      return;
+    }
+    this.el.appendChild = (newChild) => {
+      return newParent.appendChild(newChild);
+    };
+    this.el.insertBefore = (newChild, refChild) => {
+      return newParent.insertBefore(newChild, refChild);
+    };
+    this.el.replaceChild = (newChild, oldChild) => {
+      return newParent.replaceChild(newChild, oldChild);
+    };
+    this.el.removeChild = (oldChild) => {
+      return newParent.removeChild(oldChild);
+    };
+  }
   onButtonSubmit(e) {
     e.stopPropagation();
     this.value = this.getFormValue();
@@ -22,31 +50,7 @@ export class Form {
     });
   }
   componentDidRender() {
-    if (!this.originalAppendChild) {
-      this.originalAppendChild = this.el.appendChild;
-      this.originalInsertBefore = this.el.insertBefore;
-      this.originalReplaceChild = this.el.replaceChild;
-      this.originalRemoveChild = this.el.removeChild;
-    }
-    if (!this.form) {
-      this.el.appendChild = this.originalAppendChild;
-      this.el.insertBefore = this.originalInsertBefore;
-      this.el.replaceChild = this.originalReplaceChild;
-      this.el.removeChild = this.originalRemoveChild;
-      return;
-    }
-    this.el.appendChild = (newChild) => {
-      return this.form.appendChild(newChild);
-    };
-    this.el.insertBefore = (newChild, refChild) => {
-      return this.form.insertBefore(newChild, refChild);
-    };
-    this.el.replaceChild = (newChild, oldChild) => {
-      return this.form.replaceChild(newChild, oldChild);
-    };
-    this.el.removeChild = (oldChild) => {
-      return this.form.removeChild(oldChild);
-    };
+    this.setSlotParent(this.form);
   }
   getFormValue() {
     const el = this.el;
@@ -58,8 +62,6 @@ export class Form {
     const formItem = {};
     const hash = {};
     elements.forEach(item => {
-      if (typeof item.name !== 'string')
-        return;
       if (item.className.indexOf('weui-switch') !== -1) {
         formItem[item.name] = item.checked;
         return;
@@ -101,51 +103,57 @@ export class Form {
       textareaEleArr.push(textareaElements[i]);
     }
     textareaEleArr.forEach(v => {
-      if (typeof v.name !== 'string')
-        return;
       formItem[v.name] = v.value;
     });
     return formItem;
   }
+  setSlotParent(el) {
+    this.slotParent = el;
+  }
   render() {
     return (h("form", { ref: dom => {
-        this.form = dom;
-      } }, h("slot", null)));
-  }
-  static get is() { return "taro-form-core"; }
-  static get events() {
-    return [{
-        "method": "onSubmit",
-        "name": "submit",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
+        if (dom) {
+          this.form = dom;
         }
-      }];
+      } },
+      h("slot", null)));
   }
+  static get is() { return "taro-form-core"; }
+  static get states() { return {
+    "slotParent": {}
+  }; }
+  static get events() { return [{
+      "method": "onSubmit",
+      "name": "submit",
+      "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": "tarobuttonsubmit",
-        "method": "onButtonSubmit",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }, {
-        "name": "tarobuttonreset",
-        "method": "onButtonReset",
-        "target": undefined,
-        "capture": false,
-        "passive": false
-      }];
-  }
+  static get watchers() { return [{
+      "propName": "slotParent",
+      "methodName": "watchSlotParent"
+    }]; }
+  static get listeners() { return [{
+      "name": "tarobuttonsubmit",
+      "method": "onButtonSubmit",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }, {
+      "name": "tarobuttonreset",
+      "method": "onButtonReset",
+      "target": undefined,
+      "capture": false,
+      "passive": false
+    }]; }
 }
-//# sourceMappingURL=form.js.map

package/dist/collection/components/functional-page-navigator/functional-page-navigator.js

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

package/dist/collection/components/icon/icon.js

@@ -1,10 +1,8 @@
-import { h, Host } from '@stencil/core';
+import { Component, h, Prop, Host } from '@stencil/core';
 import classNames from 'classnames';
 export class Icon {
   constructor() {
-    this.type = undefined;
     this.size = '23';
-    this.color = undefined;
   }
   render() {
     const { type, size, color } = this;
@@ -19,65 +17,62 @@ export class Icon {
     return (h(Host, { class: cls, style: style }));
   }
   static get is() { return "taro-icon-core"; }
-  static get properties() {
-    return {
-      "type": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "Type",
-          "resolved": "\"cancel\" | \"clear\" | \"download\" | \"info\" | \"search\" | \"success\" | \"success_no_circle\" | \"waiting\" | \"warn\"",
-          "references": {
-            "Type": {
-              "location": "local"
-            }
+  static get properties() { return {
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "Type",
+        "resolved": "\"cancel\" | \"clear\" | \"download\" | \"info\" | \"search\" | \"success\" | \"success_no_circle\" | \"waiting\" | \"warn\"",
+        "references": {
+          "Type": {
+            "location": "local"
           }
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "type",
-        "reflect": false
+        }
       },
-      "size": {
-        "type": "any",
-        "mutable": false,
-        "complexType": {
-          "original": "string | number",
-          "resolved": "number | string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "size",
-        "reflect": false,
-        "defaultValue": "'23'"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "color": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "color",
-        "reflect": false
-      }
-    };
-  }
+      "attribute": "type",
+      "reflect": false
+    },
+    "size": {
+      "type": "any",
+      "mutable": false,
+      "complexType": {
+        "original": "string | number",
+        "resolved": "number | string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "size",
+      "reflect": false,
+      "defaultValue": "'23'"
+    },
+    "color": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "color",
+      "reflect": false
+    }
+  }; }
 }
-//# sourceMappingURL=icon.js.map