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

refactor(all): enable strictPropertyInitialization

Browse Source
This commit is contained in:
Manu Mtz.-Almeida
2018-04-19 18:48:38 +02:00
parent 78bd146ad2
commit 4ea8881f33
129 changed files with 1513 additions and 1664 deletions
Download Patch File Download Diff File Expand all files Collapse all files

40
core/src/components/modal/modal.tsx
View File

@ -1,5 +1,5 @@
import { Component, Element, Event, EventEmitter, Listen, Method, Prop } from '@stencil/core';
import { Animation, AnimationBuilder, ComponentProps, ComponentRef, Config, FrameworkDelegate } from '../../index';
import { Animation, AnimationBuilder, ComponentProps, ComponentRef, Config, FrameworkDelegate, Mode } from '../../index';
import { createThemedClasses, getClassMap } from '../../utils/theme';
import { BACKDROP, OverlayEventDetail, OverlayInterface, dismiss, eventMethod, present } from '../../utils/overlays';
@ -23,18 +23,18 @@ import mdLeaveAnimation from './animations/md.leave';
})
export class Modal implements OverlayInterface {
private usersElement: HTMLElement;
private usersElement?: HTMLElement;
animation: Animation|undefined;
presented = false;
@Element() el: HTMLElement;
@Element() el!: HTMLElement;
@Prop({ connect: 'ion-animation-controller' }) animationCtrl: HTMLIonAnimationControllerElement;
@Prop({ context: 'config' }) config: Config;
@Prop({ connect: 'ion-animation-controller' }) animationCtrl!: HTMLIonAnimationControllerElement;
@Prop({ context: 'config' }) config!: Config;
@Prop() overlayId: number;
@Prop() delegate: FrameworkDelegate;
@Prop() overlayId!: number;
@Prop() delegate?: FrameworkDelegate;
@Prop() keyboardClose = true;
/**
@ -42,40 +42,40 @@ export class Modal implements OverlayInterface {
* Default options are: `"primary"`, `"secondary"`, `"tertiary"`, `"success"`, `"warning"`, `"danger"`, `"light"`, `"medium"`, and `"dark"`.
* For more information, see [Theming your App](/docs/theming/theming-your-app).
*/
@Prop() color: string;
@Prop() color!: string;
/**
* The mode determines which platform styles to use.
* Possible values are: `"ios"` or `"md"`.
* For more information, see [Platform Styles](/docs/theming/platform-specific-styles).
*/
@Prop() mode: 'ios' | 'md';
@Prop() mode!: Mode;
/**
* Animation to use when the modal is presented.
*/
@Prop() enterAnimation: AnimationBuilder;
@Prop() enterAnimation?: AnimationBuilder;
/**
* Animation to use when the modal is dismissed.
*/
@Prop() leaveAnimation: AnimationBuilder;
@Prop() leaveAnimation?: AnimationBuilder;
/**
* The component to display inside of the modal.
*/
@Prop() component: ComponentRef;
@Prop() component!: ComponentRef;
/**
* The data to pass to the modal component.
*/
@Prop() componentProps: ComponentProps;
@Prop() componentProps?: ComponentProps;
/**
* Additional classes to apply for custom CSS. If multiple classes are
* provided they should be separated by spaces.
*/
@Prop() cssClass: string | string[];
@Prop() cssClass?: string | string[];
/**
* If true, the modal will be dismissed when the backdrop is clicked. Defaults to `true`.
@ -95,32 +95,32 @@ export class Modal implements OverlayInterface {
/**
* Emitted after the modal has loaded.
*/
@Event() ionModalDidLoad: EventEmitter<void>;
@Event() ionModalDidLoad!: EventEmitter<void>;
/**
* Emitted after the modal has unloaded.
*/
@Event() ionModalDidUnload: EventEmitter<void>;
@Event() ionModalDidUnload!: EventEmitter<void>;
/**
* Emitted after the modal has presented.
*/
@Event({eventName: 'ionModalDidPresent'}) didPresent: EventEmitter<void>;
@Event({eventName: 'ionModalDidPresent'}) didPresent!: EventEmitter<void>;
/**
* Emitted before the modal has presented.
*/
@Event({eventName: 'ionModalWillPresent'}) willPresent: EventEmitter<void>;
@Event({eventName: 'ionModalWillPresent'}) willPresent!: EventEmitter<void>;
/**
* Emitted before the modal has dismissed.
*/
@Event({eventName: 'ionModalWillDismiss'}) willDismiss: EventEmitter<OverlayEventDetail>;
@Event({eventName: 'ionModalWillDismiss'}) willDismiss!: EventEmitter<OverlayEventDetail>;
/**
* Emitted after the modal has dismissed.
*/
@Event({eventName: 'ionModalDidDismiss'}) didDismiss: EventEmitter<OverlayEventDetail>;
@Event({eventName: 'ionModalDidDismiss'}) didDismiss!: EventEmitter<OverlayEventDetail>;
componentDidLoad() {
this.ionModalDidLoad.emit();