mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-22 05:21:52 +08:00
chore(): fix typescript errors
This commit is contained in:
@ -1,6 +1,7 @@
|
|||||||
import {CSS, rafFrames} from '../util/dom';
|
import {CSS, rafFrames} from '../util/dom';
|
||||||
import {extend} from '../util/util';
|
import {extend} from '../util/util';
|
||||||
|
|
||||||
|
const doc: any = document;
|
||||||
|
|
||||||
/**
|
/**
|
||||||
Animation Steps/Process
|
Animation Steps/Process
|
||||||
@ -27,6 +28,27 @@ import {extend} from '../util/util';
|
|||||||
* @private
|
* @private
|
||||||
**/
|
**/
|
||||||
export class Animation {
|
export class Animation {
|
||||||
|
private _parent: Animation;
|
||||||
|
private _isStaged: boolean;
|
||||||
|
private _isFinished: boolean;
|
||||||
|
private _duration: number;
|
||||||
|
private _easing: any;
|
||||||
|
private _from: any;
|
||||||
|
private _to: any;
|
||||||
|
private _rate: any;
|
||||||
|
private _opts: any;
|
||||||
|
private _el: Array<any>;
|
||||||
|
private _chld: Array<Animation>;
|
||||||
|
private _ani: Array<Animate>;
|
||||||
|
private _bfSty: any;
|
||||||
|
private _bfAdd: Array<string>;
|
||||||
|
private _bfRmv: Array<string>;
|
||||||
|
private _afAdd: Array<string>;
|
||||||
|
private _afRmv: Array<string>;
|
||||||
|
private _readys: Array<any>;
|
||||||
|
private _plays: Array<any>;
|
||||||
|
private _finishes: Array<any>;
|
||||||
|
public isProgress: boolean;
|
||||||
|
|
||||||
constructor(ele, opts={}) {
|
constructor(ele, opts={}) {
|
||||||
this.reset();
|
this.reset();
|
||||||
@ -37,7 +59,7 @@ export class Animation {
|
|||||||
|
|
||||||
this.elements(ele);
|
this.elements(ele);
|
||||||
|
|
||||||
if (!document.documentElement.animate) {
|
if (!doc.documentElement.animate) {
|
||||||
console.error('Web Animations polyfill missing');
|
console.error('Web Animations polyfill missing');
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -47,8 +69,8 @@ export class Animation {
|
|||||||
this._chld = [];
|
this._chld = [];
|
||||||
this._ani = [];
|
this._ani = [];
|
||||||
|
|
||||||
this._bfAdd = [];
|
|
||||||
this._bfSty = {};
|
this._bfSty = {};
|
||||||
|
this._bfAdd = [];
|
||||||
this._bfRmv = [];
|
this._bfRmv = [];
|
||||||
this._afAdd = [];
|
this._afAdd = [];
|
||||||
this._afRmv = [];
|
this._afRmv = [];
|
||||||
@ -62,7 +84,7 @@ export class Animation {
|
|||||||
if (ele) {
|
if (ele) {
|
||||||
if (typeof ele === 'string') {
|
if (typeof ele === 'string') {
|
||||||
// string query selector
|
// string query selector
|
||||||
ele = document.querySelectorAll(ele);
|
ele = doc.querySelectorAll(ele);
|
||||||
}
|
}
|
||||||
|
|
||||||
if (ele.length) {
|
if (ele.length) {
|
||||||
@ -562,6 +584,15 @@ export class Animation {
|
|||||||
* @private
|
* @private
|
||||||
**/
|
**/
|
||||||
class Animate {
|
class Animate {
|
||||||
|
private toEffect: any;
|
||||||
|
private fromEffect: any;
|
||||||
|
private duration: any;
|
||||||
|
private rate: any;
|
||||||
|
private easing: any;
|
||||||
|
private effects: any;
|
||||||
|
private ani: any;
|
||||||
|
private shouldAnimate: boolean;
|
||||||
|
private ele: any;
|
||||||
|
|
||||||
constructor(ele, fromEffect, toEffect, duration, easingConfig, playbackRate) {
|
constructor(ele, fromEffect, toEffect, duration, easingConfig, playbackRate) {
|
||||||
// https://w3c.github.io/web-animations/
|
// https://w3c.github.io/web-animations/
|
||||||
|
Reference in New Issue
Block a user