javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2026-03-13 10:22:08 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(input): ionInput event emits with type of InputEvent (#24111)

Browse Source 
The ionInput event for both ion-input and ion-textarea will emit with a type of InputEvent.
This commit is contained in:
Sean Perkins
2021-11-08 16:01:38 -05:00
committed by GitHub
parent da339a8a74
commit 52cd5d0cce
7 changed files with 12 additions and 12 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
angular/src/directives/proxies.ts
View File

@@ -680,7 +680,7 @@ export declare interface IonInput extends Components.IonInput {}
})
export class IonInput {
/** Emitted when a keyboard input occurred. */
ionInput!: EventEmitter<CustomEvent<KeyboardEvent>>;
ionInput!: EventEmitter<CustomEvent<InputEvent>>;
/** Emitted when the value has changed. */
ionChange!: EventEmitter<CustomEvent<IInputInputChangeEventDetail>>;
/** Emitted when the input loses focus. */
@@ -1558,7 +1558,7 @@ export class IonTextarea {
/** Emitted when the input value has changed. */
ionChange!: EventEmitter<CustomEvent<ITextareaTextareaChangeEventDetail>>;
/** Emitted when a keyboard input occurred. */
ionInput!: EventEmitter<CustomEvent<KeyboardEvent>>;
ionInput!: EventEmitter<CustomEvent<InputEvent>>;
/** Emitted when the input loses focus. */
ionBlur!: EventEmitter<CustomEvent<FocusEvent>>;
/** Emitted when the input has focus. */

4
core/api.txt
View File

@@ -540,7 +540,7 @@ ion-input,method,setFocus,setFocus() => Promise<void>
ion-input,event,ionBlur,FocusEvent,true
ion-input,event,ionChange,InputChangeEventDetail,true
ion-input,event,ionFocus,FocusEvent,true
ion-input,event,ionInput,KeyboardEvent,true
ion-input,event,ionInput,InputEvent,true
ion-input,css-prop,--background
ion-input,css-prop,--color
ion-input,css-prop,--padding-bottom
@@ -1331,7 +1331,7 @@ ion-textarea,method,setFocus,setFocus() => Promise<void>
ion-textarea,event,ionBlur,FocusEvent,true
ion-textarea,event,ionChange,TextareaChangeEventDetail,true
ion-textarea,event,ionFocus,FocusEvent,true
ion-textarea,event,ionInput,KeyboardEvent,true
ion-textarea,event,ionInput,InputEvent,true
ion-textarea,css-prop,--background
ion-textarea,css-prop,--border-radius
ion-textarea,css-prop,--color

4
core/src/components.d.ts vendored
View File

@@ -4791,7 +4791,7 @@ declare namespace LocalJSX {
/**
* Emitted when a keyboard input occurred.
*/
"onIonInput"?: (event: CustomEvent<KeyboardEvent>) => void;
"onIonInput"?: (event: CustomEvent<InputEvent>) => void;
/**
* Emitted when the styles change.
*/
@@ -6498,7 +6498,7 @@ declare namespace LocalJSX {
/**
* Emitted when a keyboard input occurred.
*/
"onIonInput"?: (event: CustomEvent<KeyboardEvent>) => void;
"onIonInput"?: (event: CustomEvent<InputEvent>) => void;
/**
* Emitted when the styles change.
*/

4
core/src/components/input/input.tsx
View File

@@ -193,7 +193,7 @@ export class Input implements ComponentInterface {
/**
* Emitted when a keyboard input occurred.
*/
@Event() ionInput!: EventEmitter<KeyboardEvent>;
@Event() ionInput!: EventEmitter<InputEvent>;
/**
* Emitted when the value has changed.
@@ -314,7 +314,7 @@ export class Input implements ComponentInterface {
if (input) {
this.value = input.value || '';
}
this.ionInput.emit(ev as KeyboardEvent);
this.ionInput.emit(ev as InputEvent);
}
private onBlur = (ev: FocusEvent) => {

2
core/src/components/input/readme.md
View File

@@ -357,7 +357,7 @@ export default defineComponent({
| `ionBlur` | Emitted when the input loses focus. | `CustomEvent<FocusEvent>` |
| `ionChange` | Emitted when the value has changed. | `CustomEvent<InputChangeEventDetail>` |
| `ionFocus` | Emitted when the input has focus. | `CustomEvent<FocusEvent>` |
| `ionInput` | Emitted when a keyboard input occurred. | `CustomEvent<KeyboardEvent>` |
| `ionInput` | Emitted when a keyboard input occurred. | `CustomEvent<InputEvent>` |
## Methods

2
core/src/components/textarea/readme.md
View File

@@ -317,7 +317,7 @@ export default defineComponent({
| `ionBlur` | Emitted when the input loses focus. | `CustomEvent<FocusEvent>` |
| `ionChange` | Emitted when the input value has changed. | `CustomEvent<TextareaChangeEventDetail>` |
| `ionFocus` | Emitted when the input has focus. | `CustomEvent<FocusEvent>` |
| `ionInput` | Emitted when a keyboard input occurred. | `CustomEvent<KeyboardEvent>` |
| `ionInput` | Emitted when a keyboard input occurred. | `CustomEvent<InputEvent>` |
## Methods

4
core/src/components/textarea/textarea.tsx
View File

@@ -177,7 +177,7 @@ export class Textarea implements ComponentInterface {
/**
* Emitted when a keyboard input occurred.
*/
@Event() ionInput!: EventEmitter<KeyboardEvent>;
@Event() ionInput!: EventEmitter<InputEvent>;
/**
* Emitted when the styles change.
@@ -316,7 +316,7 @@ export class Textarea implements ComponentInterface {
this.value = this.nativeInput.value;
}
this.emitStyle();
this.ionInput.emit(ev as KeyboardEvent);
this.ionInput.emit(ev as InputEvent);
}
private onFocus = (ev: FocusEvent) => {