@tarojs/components 3.5.7-alpha.9 → 3.5.8

package/dist/collection/components/input/input.js

@@ -1,4 +1,4 @@
-import { h } from '@stencil/core';
+import { Component, h, Prop, Event, Element, Watch } from '@stencil/core';
 function getTrueType(type, confirmType, password) {
   if (confirmType === 'search')
     type = 'search';
@@ -22,6 +22,12 @@ export class Input {
     this.isOnComposition = false;
     this.isOnPaste = false;
     this.onInputExcuted = false;
+    this.password = false;
+    this.disabled = false;
+    this.maxlength = 140;
+    this.autoFocus = false;
+    this.confirmType = 'done';
+    this.nativeProps = {};
     this.handleInput = (e) => {
       e.stopPropagation();
       const { type, maxlength, confirmType, password } = this;
@@ -53,21 +59,18 @@ export class Input {
       }
     };
     this.handlePaste = (e) => {
-      e.stopPropagation();
       this.isOnPaste = true;
       this.onPaste.emit({
         value: e.target.value
       });
     };
     this.handleFocus = (e) => {
-      e.stopPropagation();
       this.onInputExcuted = false;
       this.onFocus.emit({
         value: e.target.value
       });
     };
     this.handleBlur = (e) => {
-      e.stopPropagation();
       this.onBlur.emit({
         value: e.target.value
       });
@@ -87,10 +90,10 @@ export class Input {
       }
     };
     this.handleKeyDown = (e) => {
-      e.stopPropagation();
       const { value } = e.target;
       const keyCode = e.keyCode || e.code;
       this.onInputExcuted = false;
+      e.stopPropagation();
       this.onKeyDown.emit({
         value,
         cursor: value.length,
@@ -99,7 +102,6 @@ export class Input {
       keyCode === 13 && this.onConfirm.emit({ value });
     };
     this.handleComposition = (e) => {
-      e.stopPropagation();
       if (!(e.target instanceof HTMLInputElement))
         return;
       if (e.type === 'compositionend') {
@@ -127,21 +129,8 @@ export class Input {
         }
       }
     };
-    this.value = undefined;
-    this.type = undefined;
-    this.password = false;
-    this.placeholder = undefined;
-    this.disabled = false;
-    this.maxlength = 140;
-    this.autoFocus = false;
-    this.confirmType = 'done';
-    this.name = undefined;
-    this.nativeProps = {};
   }
-  focus() {
-    this.inputRef.focus();
-  }
-  watchAutoFocus(newValue, oldValue) {
+  watchFocus(newValue, oldValue) {
     var _a;
     if (!oldValue && newValue) {
       (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.focus();
@@ -149,7 +138,7 @@ export class Input {
   }
   watchValue(newValue) {
     const value = fixControlledValue(newValue);
-    if (this.inputRef.value !== value) {
+    if (this.inputRef && this.inputRef.value !== value) {
       this.inputRef.value = value;
     }
   }
@@ -168,7 +157,7 @@ export class Input {
       (_e = this.inputRef) === null || _e === void 0 ? void 0 : _e.addEventListener('textInput', this.handleBeforeinput);
     }
     Object.defineProperty(this.el, 'value', {
-      get: () => this.inputRef.value,
+      get: () => { var _a; return (_a = this.inputRef) === null || _a === void 0 ? void 0 : _a.value; },
       set: value => (this.value = value),
       configurable: true
     });
@@ -189,332 +178,303 @@ export class Input {
     const { value, type, password, placeholder, autoFocus, disabled, maxlength, confirmType, name, nativeProps } = this;
     return (h("input", Object.assign({ ref: input => {
         this.inputRef = input;
-        if (autoFocus && input)
-          input.focus();
-      }, class: 'weui-input', type: getTrueType(type, confirmType, password), placeholder: placeholder, autoFocus: autoFocus, disabled: disabled, maxlength: maxlength, name: name, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste, onCompositionStart: this.handleComposition, onCompositionEnd: this.handleComposition }, nativeProps, { value: fixControlledValue(value) })));
+      }, class: 'weui-input', value: fixControlledValue(value), type: getTrueType(type, confirmType, password), placeholder: placeholder, autoFocus: autoFocus, disabled: disabled, maxlength: maxlength, name: name, onInput: this.handleInput, onFocus: this.handleFocus, onBlur: this.handleBlur, onChange: this.handleChange, onKeyDown: this.handleKeyDown, onPaste: this.handlePaste, onCompositionStart: this.handleComposition, onCompositionEnd: this.handleComposition }, nativeProps)));
   }
   static get is() { return "taro-input-core"; }
-  static get originalStyleUrls() {
-    return {
-      "$": ["index.scss"]
-    };
-  }
-  static get styleUrls() {
-    return {
-      "$": ["index.css"]
-    };
-  }
-  static get properties() {
-    return {
-      "value": {
-        "type": "string",
-        "mutable": true,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "value",
-        "reflect": false
+  static get originalStyleUrls() { return {
+    "$": ["index.scss"]
+  }; }
+  static get styleUrls() { return {
+    "$": ["index.css"]
+  }; }
+  static get properties() { return {
+    "value": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "value",
+      "reflect": false
+    },
+    "type": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "type",
+      "reflect": false
+    },
+    "password": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "password",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "placeholder": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "placeholder",
+      "reflect": false
+    },
+    "disabled": {
+      "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
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "password": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "password",
-        "reflect": false,
-        "defaultValue": "false"
+      "attribute": "disabled",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "maxlength": {
+      "type": "number",
+      "mutable": false,
+      "complexType": {
+        "original": "number",
+        "resolved": "number",
+        "references": {}
       },
-      "placeholder": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "placeholder",
-        "reflect": false
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "disabled": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "disabled",
-        "reflect": false,
-        "defaultValue": "false"
+      "attribute": "maxlength",
+      "reflect": false,
+      "defaultValue": "140"
+    },
+    "autoFocus": {
+      "type": "boolean",
+      "mutable": false,
+      "complexType": {
+        "original": "boolean",
+        "resolved": "boolean",
+        "references": {}
       },
-      "maxlength": {
-        "type": "number",
-        "mutable": false,
-        "complexType": {
-          "original": "number",
-          "resolved": "number",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "maxlength",
-        "reflect": false,
-        "defaultValue": "140"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "autoFocus": {
-        "type": "boolean",
-        "mutable": false,
-        "complexType": {
-          "original": "boolean",
-          "resolved": "boolean",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "focus",
-        "reflect": true,
-        "defaultValue": "false"
+      "attribute": "auto-focus",
+      "reflect": false,
+      "defaultValue": "false"
+    },
+    "confirmType": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "confirmType": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "confirm-type",
-        "reflect": false,
-        "defaultValue": "'done'"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
       },
-      "name": {
-        "type": "string",
-        "mutable": false,
-        "complexType": {
-          "original": "string",
-          "resolved": "string",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "attribute": "name",
-        "reflect": false
+      "attribute": "confirm-type",
+      "reflect": false,
+      "defaultValue": "'done'"
+    },
+    "name": {
+      "type": "string",
+      "mutable": false,
+      "complexType": {
+        "original": "string",
+        "resolved": "string",
+        "references": {}
       },
-      "nativeProps": {
-        "type": "unknown",
-        "mutable": false,
-        "complexType": {
-          "original": "{}",
-          "resolved": "{}",
-          "references": {}
-        },
-        "required": false,
-        "optional": false,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "defaultValue": "{}"
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "attribute": "name",
+      "reflect": false
+    },
+    "nativeProps": {
+      "type": "unknown",
+      "mutable": false,
+      "complexType": {
+        "original": "{}",
+        "resolved": "{}",
+        "references": {}
+      },
+      "required": false,
+      "optional": false,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "defaultValue": "{}"
+    }
+  }; }
+  static get events() { return [{
+      "method": "onInput",
+      "name": "input",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
       }
-    };
-  }
-  static get events() {
-    return [{
-        "method": "onInput",
-        "name": "input",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "onPaste",
-        "name": "paste",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "onFocus",
-        "name": "focus",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "onBlur",
-        "name": "blur",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "onConfirm",
-        "name": "confirm",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "onChange",
-        "name": "change",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }, {
-        "method": "onKeyDown",
-        "name": "keydown",
-        "bubbles": true,
-        "cancelable": true,
-        "composed": true,
-        "docs": {
-          "tags": [],
-          "text": ""
-        },
-        "complexType": {
-          "original": "any",
-          "resolved": "any",
-          "references": {}
-        }
-      }];
-  }
-  static get methods() {
-    return {
-      "focus": {
-        "complexType": {
-          "signature": "() => Promise<void>",
-          "parameters": [],
-          "references": {},
-          "return": "Promise<void>"
-        },
-        "docs": {
-          "text": "",
-          "tags": []
-        }
+    }, {
+      "method": "onPaste",
+      "name": "paste",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
       }
-    };
-  }
+    }, {
+      "method": "onFocus",
+      "name": "focus",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "onBlur",
+      "name": "blur",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "onConfirm",
+      "name": "confirm",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "onChange",
+      "name": "change",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }, {
+      "method": "onKeyDown",
+      "name": "keydown",
+      "bubbles": true,
+      "cancelable": true,
+      "composed": true,
+      "docs": {
+        "tags": [],
+        "text": ""
+      },
+      "complexType": {
+        "original": "any",
+        "resolved": "any",
+        "references": {}
+      }
+    }]; }
   static get elementRef() { return "el"; }
-  static get watchers() {
-    return [{
-        "propName": "autoFocus",
-        "methodName": "watchAutoFocus"
-      }, {
-        "propName": "value",
-        "methodName": "watchValue"
-      }];
-  }
+  static get watchers() { return [{
+      "propName": "autoFocus",
+      "methodName": "watchFocus"
+    }, {
+      "propName": "value",
+      "methodName": "watchValue"
+    }]; }
 }
-//# sourceMappingURL=input.js.map