javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-24 23:01:57 +08:00
Code Issues Packages Projects Releases Wiki Activity

feat(inputs): adds deferEvent helper

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-02-21 16:00:19 +01:00
parent beee484735
commit 9e4bae74ab
3 changed files with 8 additions and 4 deletions
Download Patch File Download Diff File Expand all files Collapse all files

4
packages/core/src/components/checkbox/checkbox.tsx
View File

@ -1,6 +1,6 @@
import { BlurEvent, CheckboxInput, CheckedInputChangeEvent, FocusEvent, StyleEvent } from '../../utils/input-interfaces';
import { Component, CssClassMap, Event, EventEmitter, Prop, State, Watch } from '@stencil/core';
import { debounceEvent } from '../../utils/helpers';
import { deferEvent } from '../../utils/helpers';
@Component({
@ -81,7 +81,7 @@ export class Checkbox implements CheckboxInput {
}
componentDidLoad() {
this.ionStyle = debounceEvent(this.ionStyle, 0);
this.ionStyle = deferEvent(this.ionStyle);
this.didLoad = true;
const parentItem = this.nativeInput.closest('ion-item');

4
packages/core/src/components/toggle/toggle.tsx
View File

@ -2,7 +2,7 @@ import { BlurEvent, CheckboxInput, CheckedInputChangeEvent, FocusEvent, StyleEve
import { Component, Event, EventEmitter, Prop, State, Watch } from '@stencil/core';
import { GestureDetail } from '../../index';
import { hapticSelection } from '../../utils/haptic';
import { debounceEvent } from '../../utils/helpers';
import { deferEvent } from '../../utils/helpers';
@Component({
@ -98,7 +98,7 @@ export class Toggle implements CheckboxInput {
}
componentWillLoad() {
this.ionStyle = debounceEvent(this.ionStyle, 0);
this.ionStyle = deferEvent(this.ionStyle);
this.inputId = `ion-tg-${toggleIds++}`;
if (this.name === undefined) {
this.name = this.inputId;

4
packages/core/src/utils/helpers.ts
View File

@ -286,6 +286,10 @@ export function domControllerAsync(domControllerFunction: Function, callback?: F
});
}
export function deferEvent(event: EventEmitter): EventEmitter {
return debounceEvent(event, 0);
}
export function debounceEvent(event: EventEmitter, wait: number): EventEmitter {
const original = (event as any)._original || event;
return {