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

chore(): update events for popover and action-sheet

Browse Source
This commit is contained in:
mhartington
2017-08-03 12:24:22 -04:00
parent 02670801d5
commit 5bfe7e44a0
4 changed files with 17 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

6
packages/core/src/components/action-sheet-controller/action-sheet-controller.tsx
View File

@ -43,7 +43,7 @@ export class ActionSheetController implements IonicControllerApi {
@Listen('body:ionActionSheetDidLoad')
viewDidLoad(ev) {
viewDidLoad(ev: ActionSheetEvent) {
const actionsheet = ev.detail.actionsheet;
const actionsheetResolve = this.actionsheetResolves[actionsheet.id];
if (actionsheetResolve) {
@ -55,13 +55,13 @@ export class ActionSheetController implements IonicControllerApi {
@Listen('body:ionActionSheetWillPresent')
willPresent(ev: ActionSheetEvent) {
this.actionsheets.push(ev.actionsheet);
this.actionsheets.push(ev.detail.actionsheet);
}
@Listen('body:ionActionSheetWillDismiss, body:ionActionSheetDidUnload')
willDismiss(ev: ActionSheetEvent) {
const index = this.actionsheets.indexOf(ev.actionsheet);
const index = this.actionsheets.indexOf(ev.detail.actionsheet);
if (index > -1) {
this.actionsheets.splice(index, 1);
}

22
packages/core/src/components/action-sheet/action-sheet.tsx
View File

@ -70,9 +70,7 @@ export class ActionSheet {
// this.animation.destroy();
// this.animation = null;
// }
this.ionActionSheetWillPresent.emit(
{ actionsheet: this } as ActionSheetEvent
);
this.ionActionSheetWillPresent.emit({ actionsheet: this });
// let animationBuilder = this.enterAnimation
// ? this.enterAnimation
@ -96,12 +94,8 @@ export class ActionSheet {
// }
return new Promise<void>(resolve => {
this.ionActionSheetWillDismiss.emit(
{ actionsheet: this } as ActionSheetEvent
);
this.ionActionSheetWillDismiss.emit({ actionsheet: this });
// get the user's animation fn if one was provided
let animationBuilder = this.exitAnimation;
// let animationBuilder = this.exitAnimation
// ? this.exitAnimation
@ -111,9 +105,7 @@ export class ActionSheet {
// this.animation = animationBuilder(this.el);
// this.animation.onFinish((a: any) => {
// a.destroy();
this.ionActionSheetDidDismiss.emit(
{ actionsheet: this } as ActionSheetEvent
);
this.ionActionSheetDidDismiss.emit({ actionsheet: this });
Core.dom.write(() => {
this.el.parentNode.removeChild(this.el);
@ -125,9 +117,7 @@ export class ActionSheet {
}
ionViewDidUnload() {
this.ionActionSheetDidUnload.emit(
{ actionsheet: this } as ActionSheetEvent
);
this.ionActionSheetDidUnload.emit({ actionsheet: this });
}
backdropClick() {
@ -175,7 +165,7 @@ export interface ActionSheetOptions {
title?: string;
subTitle?: string;
cssClass?: string;
buttons?: (ActionSheetButton | string)[];
buttons?: (ActionSheetButtons | string)[];
enableBackdropDismiss?: boolean;
}
@ -188,5 +178,7 @@ export interface ActionSheetButtons {
}
export interface ActionSheetEvent {
detail: {
actionsheet: ActionSheet;
};
}

6
packages/core/src/components/popover-controller/popover-controller.tsx
View File

@ -43,7 +43,7 @@ export class PopoverController implements IonicControllerApi {
@Listen('body:ionPopoverDidLoad')
viewDidLoad(ev) {
viewDidLoad(ev: PopoverEvent) {
const popover = ev.detail.popover;
const popoverResolve = this.popoverResolves[popover.id];
if (popoverResolve) {
@ -55,13 +55,13 @@ export class PopoverController implements IonicControllerApi {
@Listen('body:ionPopoverWillPresent')
willPresent(ev: PopoverEvent) {
this.popovers.push(ev.popover);
this.popovers.push(ev.detail.popover);
}
@Listen('body:ionPopoverWillDismiss, body:ionPopoverDidUnload')
willDismiss(ev: PopoverEvent) {
const index = this.popovers.indexOf(ev.popover);
const index = this.popovers.indexOf(ev.detail.popover);
if (index > -1) {
this.popovers.splice(index, 1);
}

2
packages/core/src/components/popover/popover.tsx
View File

@ -176,5 +176,7 @@ export interface PopoverOptions {
export interface PopoverEvent {
detail: {
popover: Popover;
}
}