fix(input): revert previous type change

This reverts commit 3a562282909fddf8cfa65199f9154504f3da0f3a.
This commit is contained in:
Liam DeBeasi
2020-01-24 16:03:03 -05:00
committed by GitHub
parent 1bfc1c0393
commit db1fd1d72a
4 changed files with 7 additions and 8 deletions

View File

@ -449,7 +449,7 @@ ion-input,prop,size,number | undefined,undefined,false,false
ion-input,prop,spellcheck,boolean,false,false,false
ion-input,prop,step,string | undefined,undefined,false,false
ion-input,prop,type,"date" | "email" | "number" | "password" | "search" | "tel" | "text" | "time" | "url",'text',false,false
ion-input,prop,value,null | number | string | undefined,'',false,false
ion-input,prop,value,null | string | undefined,'',false,false
ion-input,method,getInputElement,getInputElement() => Promise<HTMLInputElement>
ion-input,method,setFocus,setFocus() => Promise<void>
ion-input,event,ionBlur,void,true

View File

@ -1037,7 +1037,7 @@ export namespace Components {
/**
* The value of the input.
*/
'value'?: string | number | null;
'value'?: string | null;
}
interface IonItem {
/**
@ -4576,7 +4576,7 @@ declare namespace LocalJSX {
/**
* The value of the input.
*/
'value'?: string | number | null;
'value'?: string | null;
}
interface IonItem {
/**

View File

@ -169,7 +169,7 @@ export class Input implements ComponentInterface {
/**
* The value of the input.
*/
@Prop({ mutable: true }) value?: string | number | null = '';
@Prop({ mutable: true }) value?: string | null = '';
/**
* Update the native input element when the value changes
@ -177,7 +177,7 @@ export class Input implements ComponentInterface {
@Watch('value')
protected valueChanged() {
this.emitStyle();
this.ionChange.emit({ value: this.value == null ? this.value : this.value.toString() });
this.ionChange.emit({ value: this.value });
}
/**
@ -263,8 +263,7 @@ export class Input implements ComponentInterface {
}
private getValue(): string {
return typeof this.value === 'number' ? this.value.toString() :
(this.value || '').toString();
return this.value || '';
}
private emitStyle() {

View File

@ -238,7 +238,7 @@ export const InputExample: React.FC = () => (
| `spellcheck` | `spellcheck` | If `true`, the element will have its spelling and grammar checked. | `boolean` | `false` |
| `step` | `step` | Works with the min and max attributes to limit the increments at which a value can be set. Possible values are: `"any"` or a positive floating point number. | `string \| undefined` | `undefined` |
| `type` | `type` | The type of control to display. The default type is text. | `"date" \| "email" \| "number" \| "password" \| "search" \| "tel" \| "text" \| "time" \| "url"` | `'text'` |
| `value` | `value` | The value of the input. | `null \| number \| string \| undefined` | `''` |
| `value` | `value` | The value of the input. | `null \| string \| undefined` | `''` |
## Events