javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-20 12:29:55 +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

42
core/src/components/loading/loading.tsx
View File

@ -1,5 +1,5 @@
import { Component, Element, Event, EventEmitter, Listen, Method, Prop } from '@stencil/core';
import { Animation, AnimationBuilder, Config } from '../../index';
import { Animation, AnimationBuilder, Config, Mode } from '../../index';
import { createThemedClasses, getClassMap } from '../../utils/theme';
import { BACKDROP, OverlayEventDetail, OverlayInterface, dismiss, eventMethod, present } from '../../utils/overlays';
@ -24,37 +24,37 @@ export class Loading implements OverlayInterface {
private durationTimeout: any;
presented = false;
animation: Animation;
color: string;
mode: string;
animation?: Animation;
color!: string;
mode!: Mode;
@Element() el: HTMLElement;
@Element() el!: HTMLElement;
@Prop({ connect: 'ion-animation-controller' }) animationCtrl: HTMLIonAnimationControllerElement;
@Prop({ context: 'config' }) config: Config;
@Prop() overlayId: number;
@Prop({ connect: 'ion-animation-controller' }) animationCtrl!: HTMLIonAnimationControllerElement;
@Prop({ context: 'config' }) config!: Config;
@Prop() overlayId!: number;
@Prop() keyboardClose = true;
/**
* Animation to use when the loading indicator is presented.
*/
@Prop() enterAnimation: AnimationBuilder;
@Prop() enterAnimation?: AnimationBuilder;
/**
* Animation to use when the loading indicator is dismissed.
*/
@Prop() leaveAnimation: AnimationBuilder;
@Prop() leaveAnimation?: AnimationBuilder;
/**
* Optional text content to display in the loading indicator.
*/
@Prop() content: string;
@Prop() content?: string;
/**
* 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 loading indicator will dismiss when the page changes. Defaults to `false`.
@ -64,7 +64,7 @@ export class Loading implements OverlayInterface {
/**
* Number of milliseconds to wait before dismissing the loading indicator.
*/
@Prop() duration: number;
@Prop() duration?: number;
/**
* If true, the loading indicator will be dismissed when the backdrop is clicked. Defaults to `false`.
@ -80,7 +80,7 @@ export class Loading implements OverlayInterface {
* The name of the spinner to display. Possible values are: `"lines"`, `"lines-small"`, `"dots"`,
* `"bubbles"`, `"circles"`, `"crescent"`.
*/
@Prop() spinner: string;
@Prop() spinner?: string;
/**
* If true, the loading indicator will be translucent. Defaults to `false`.
@ -95,32 +95,32 @@ export class Loading implements OverlayInterface {
/**
* Emitted after the loading has unloaded.
*/
@Event() ionLoadingDidUnload: EventEmitter<void>;
@Event() ionLoadingDidUnload!: EventEmitter<void>;
/**
* Emitted after the loading has loaded.
*/
@Event() ionLoadingDidLoad: EventEmitter<void>;
@Event() ionLoadingDidLoad!: EventEmitter<void>;
/**
* Emitted after the loading has presented.
*/
@Event({eventName: 'ionLoadingDidPresent'}) didPresent: EventEmitter<void>;
@Event({eventName: 'ionLoadingDidPresent'}) didPresent!: EventEmitter<void>;
/**
* Emitted before the loading has presented.
*/
@Event({eventName: 'ionLoadingWillPresent'}) willPresent: EventEmitter<void>;
@Event({eventName: 'ionLoadingWillPresent'}) willPresent!: EventEmitter<void>;
/**
* Emitted before the loading has dismissed.
*/
@Event({eventName: 'ionLoadingWillDismiss'}) willDismiss: EventEmitter<OverlayEventDetail>;
@Event({eventName: 'ionLoadingWillDismiss'}) willDismiss!: EventEmitter<OverlayEventDetail>;
/**
* Emitted after the loading has dismissed.
*/
@Event({eventName: 'ionLoadingDidDismiss'}) didDismiss: EventEmitter<OverlayEventDetail>;
@Event({eventName: 'ionLoadingDidDismiss'}) didDismiss!: EventEmitter<OverlayEventDetail>;
componentWillLoad() {
if (!this.spinner) {
@ -147,7 +147,7 @@ export class Loading implements OverlayInterface {
async present(): Promise<void> {
await present(this, 'loadingEnter', iosEnterAnimation, mdEnterAnimation, undefined);
if (this.duration > 0) {
if (this.duration) {
this.durationTimeout = setTimeout(() => this.dismiss(), this.duration + 10);
}
}