mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-21 21:15:24 +08:00
chore(): fix typescript errors
This commit is contained in:
@ -38,11 +38,11 @@ export class ItemSlidingGesture extends DragGesture {
|
|||||||
};
|
};
|
||||||
}
|
}
|
||||||
|
|
||||||
onDragStart(ev) {
|
onDragStart(ev): boolean {
|
||||||
let itemContainerEle = getItemConatiner(ev.target);
|
let itemContainerEle = getItemConatiner(ev.target);
|
||||||
if (!itemContainerEle) {
|
if (!itemContainerEle) {
|
||||||
console.debug('onDragStart, no itemContainerEle');
|
console.debug('onDragStart, no itemContainerEle');
|
||||||
return;
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
this.closeOpened(itemContainerEle);
|
this.closeOpened(itemContainerEle);
|
||||||
@ -63,6 +63,8 @@ export class ItemSlidingGesture extends DragGesture {
|
|||||||
this.set(itemContainerEle, 'startX', ev.center[this.direction]);
|
this.set(itemContainerEle, 'startX', ev.center[this.direction]);
|
||||||
|
|
||||||
this.dragEnded = false;
|
this.dragEnded = false;
|
||||||
|
|
||||||
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
onDrag(ev) {
|
onDrag(ev) {
|
||||||
|
@ -3,6 +3,8 @@ import {defaults} from '../util';
|
|||||||
|
|
||||||
|
|
||||||
export class DragGesture extends Gesture {
|
export class DragGesture extends Gesture {
|
||||||
|
public dragging: boolean;
|
||||||
|
|
||||||
constructor(element, opts = {}) {
|
constructor(element, opts = {}) {
|
||||||
defaults(opts, {});
|
defaults(opts, {});
|
||||||
super(element, opts);
|
super(element, opts);
|
||||||
@ -29,11 +31,9 @@ export class DragGesture extends Gesture {
|
|||||||
this.onDragEnd(ev);
|
this.onDragEnd(ev);
|
||||||
this.dragging = false;
|
this.dragging = false;
|
||||||
});
|
});
|
||||||
|
|
||||||
//this.hammertime.get('pan').set(this._options);
|
|
||||||
}
|
}
|
||||||
|
|
||||||
onDrag() {}
|
onDrag(ev: any): boolean { return true; }
|
||||||
onDragStart() {}
|
onDragStart(ev: any): boolean { return true; }
|
||||||
onDragEnd() {}
|
onDragEnd(ev: any): void {}
|
||||||
}
|
}
|
||||||
|
@ -1,5 +1,5 @@
|
|||||||
import {defaults, assign} from '../util';
|
import {defaults, assign} from '../util';
|
||||||
import {Hammer} from './hammer';
|
import {Hammer, DIRECTION_HORIZONTAL, DIRECTION_VERTICAL} from './hammer';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* A gesture recognizer class.
|
* A gesture recognizer class.
|
||||||
@ -9,8 +9,12 @@ import {Hammer} from './hammer';
|
|||||||
|
|
||||||
export class Gesture {
|
export class Gesture {
|
||||||
public element: HTMLElement;
|
public element: HTMLElement;
|
||||||
|
public direction: any;
|
||||||
|
private _hammer: any;
|
||||||
|
private _options: any;
|
||||||
|
private _callbacks: any = {};
|
||||||
|
|
||||||
constructor(element, opts = {}) {
|
constructor(element, opts: any = {}) {
|
||||||
defaults(opts, {
|
defaults(opts, {
|
||||||
domEvents: true
|
domEvents: true
|
||||||
});
|
});
|
||||||
@ -19,12 +23,10 @@ export class Gesture {
|
|||||||
// Map 'x' or 'y' string to hammerjs opts
|
// Map 'x' or 'y' string to hammerjs opts
|
||||||
this.direction = opts.direction || 'x';
|
this.direction = opts.direction || 'x';
|
||||||
opts.direction = this.direction === 'x' ?
|
opts.direction = this.direction === 'x' ?
|
||||||
Hammer.DIRECTION_HORIZONTAL :
|
DIRECTION_HORIZONTAL :
|
||||||
Hammer.DIRECTION_VERTICAL;
|
DIRECTION_VERTICAL;
|
||||||
|
|
||||||
this._options = opts;
|
this._options = opts;
|
||||||
this._callbacks = {};
|
|
||||||
|
|
||||||
}
|
}
|
||||||
|
|
||||||
options(opts = {}) {
|
options(opts = {}) {
|
||||||
@ -33,30 +35,30 @@ export class Gesture {
|
|||||||
|
|
||||||
on(type, cb) {
|
on(type, cb) {
|
||||||
if(type == 'pinch' || type == 'rotate') {
|
if(type == 'pinch' || type == 'rotate') {
|
||||||
this.hammertime.get('pinch').set({enable: true});
|
this._hammer.get('pinch').set({enable: true});
|
||||||
}
|
}
|
||||||
this.hammertime.on(type, cb);
|
this._hammer.on(type, cb);
|
||||||
(this._callbacks[type] || (this._callbacks[type] = [])).push(cb);
|
(this._callbacks[type] || (this._callbacks[type] = [])).push(cb);
|
||||||
}
|
}
|
||||||
|
|
||||||
off(type, cb) {
|
off(type, cb) {
|
||||||
this.hammertime.off(type, this._callbacks[type] ? cb : null);
|
this._hammer.off(type, this._callbacks[type] ? cb : null);
|
||||||
}
|
}
|
||||||
|
|
||||||
listen() {
|
listen() {
|
||||||
this.hammertime = new Hammer(this.element, this._options);
|
this._hammer = Hammer(this.element, this._options);
|
||||||
}
|
}
|
||||||
|
|
||||||
unlisten() {
|
unlisten() {
|
||||||
if (this.hammertime) {
|
if (this._hammer) {
|
||||||
for (let type in this._callbacks) {
|
for (let type in this._callbacks) {
|
||||||
for (let i = 0; i < this._callbacks[type].length; i++) {
|
for (let i = 0; i < this._callbacks[type].length; i++) {
|
||||||
this.hammertime.off(type, this._callbacks[type]);
|
this._hammer.off(type, this._callbacks[type]);
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
this.hammertime.destroy();
|
this._hammer.destroy();
|
||||||
this.hammertime = null;
|
this._hammer = null;
|
||||||
this._callbacks = {}
|
this._callbacks = {};
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
|
|
||||||
|
@ -1,5 +1,8 @@
|
|||||||
import {assign} from '../util/util';
|
import {assign} from '../util/util';
|
||||||
|
|
||||||
|
const win: any = window;
|
||||||
|
const doc: any = document;
|
||||||
|
|
||||||
/*! Hammer.JS - v2.0.6 - 2015-12-23
|
/*! Hammer.JS - v2.0.6 - 2015-12-23
|
||||||
* http://hammerjs.github.io/
|
* http://hammerjs.github.io/
|
||||||
*
|
*
|
||||||
@ -8,7 +11,7 @@ import {assign} from '../util/util';
|
|||||||
|
|
||||||
|
|
||||||
var VENDOR_PREFIXES = ['', 'webkit', 'Moz', 'MS', 'ms', 'o'];
|
var VENDOR_PREFIXES = ['', 'webkit', 'Moz', 'MS', 'ms', 'o'];
|
||||||
var TEST_ELEMENT = document.createElement('div');
|
var TEST_ELEMENT = doc.createElement('div');
|
||||||
|
|
||||||
var TYPE_FUNCTION = 'function';
|
var TYPE_FUNCTION = 'function';
|
||||||
|
|
||||||
@ -50,7 +53,7 @@ function invokeArrayArg(arg, fn, context) {
|
|||||||
* @param {Function} iterator
|
* @param {Function} iterator
|
||||||
* @param {Object} context
|
* @param {Object} context
|
||||||
*/
|
*/
|
||||||
function each(obj, iterator, context) {
|
function each(obj, iterator, context?) {
|
||||||
var i;
|
var i;
|
||||||
|
|
||||||
if (!obj) {
|
if (!obj) {
|
||||||
@ -194,7 +197,7 @@ function splitStr(str) {
|
|||||||
* @param {String} [findByKey]
|
* @param {String} [findByKey]
|
||||||
* @return {Boolean|Number} false when not found, or the index
|
* @return {Boolean|Number} false when not found, or the index
|
||||||
*/
|
*/
|
||||||
function inArray(src, find, findByKey) {
|
function inArray(src, find, findByKey?) {
|
||||||
if (src.indexOf && !findByKey) {
|
if (src.indexOf && !findByKey) {
|
||||||
return src.indexOf(find);
|
return src.indexOf(find);
|
||||||
} else {
|
} else {
|
||||||
@ -244,7 +247,7 @@ function uniqueArray(src, key, sort) {
|
|||||||
results = results.sort();
|
results = results.sort();
|
||||||
} else {
|
} else {
|
||||||
results = results.sort(function sortUniqueArray(a, b) {
|
results = results.sort(function sortUniqueArray(a, b) {
|
||||||
return a[key] > b[key];
|
return a[key] > b[key] ? 1 : 0;
|
||||||
});
|
});
|
||||||
}
|
}
|
||||||
}
|
}
|
||||||
@ -318,8 +321,8 @@ var DIRECTION_RIGHT = 4;
|
|||||||
var DIRECTION_UP = 8;
|
var DIRECTION_UP = 8;
|
||||||
var DIRECTION_DOWN = 16;
|
var DIRECTION_DOWN = 16;
|
||||||
|
|
||||||
var DIRECTION_HORIZONTAL = DIRECTION_LEFT | DIRECTION_RIGHT;
|
export var DIRECTION_HORIZONTAL = DIRECTION_LEFT | DIRECTION_RIGHT;
|
||||||
var DIRECTION_VERTICAL = DIRECTION_UP | DIRECTION_DOWN;
|
export var DIRECTION_VERTICAL = DIRECTION_UP | DIRECTION_DOWN;
|
||||||
var DIRECTION_ALL = DIRECTION_HORIZONTAL | DIRECTION_VERTICAL;
|
var DIRECTION_ALL = DIRECTION_HORIZONTAL | DIRECTION_VERTICAL;
|
||||||
|
|
||||||
var PROPS_XY = ['x', 'y'];
|
var PROPS_XY = ['x', 'y'];
|
||||||
@ -642,7 +645,7 @@ function getDirection(x, y) {
|
|||||||
* @param {Array} [props] containing x and y keys
|
* @param {Array} [props] containing x and y keys
|
||||||
* @return {Number} distance
|
* @return {Number} distance
|
||||||
*/
|
*/
|
||||||
function getDistance(p1, p2, props) {
|
function getDistance(p1, p2, props?) {
|
||||||
if (!props) {
|
if (!props) {
|
||||||
props = PROPS_XY;
|
props = PROPS_XY;
|
||||||
}
|
}
|
||||||
@ -659,7 +662,7 @@ function getDistance(p1, p2, props) {
|
|||||||
* @param {Array} [props] containing x and y keys
|
* @param {Array} [props] containing x and y keys
|
||||||
* @return {Number} angle
|
* @return {Number} angle
|
||||||
*/
|
*/
|
||||||
function getAngle(p1, p2, props) {
|
function getAngle(p1, p2, props?) {
|
||||||
if (!props) {
|
if (!props) {
|
||||||
props = PROPS_XY;
|
props = PROPS_XY;
|
||||||
}
|
}
|
||||||
@ -703,7 +706,7 @@ var MOUSE_WINDOW_EVENTS = 'mousemove mouseup';
|
|||||||
* @constructor
|
* @constructor
|
||||||
* @extends Input
|
* @extends Input
|
||||||
*/
|
*/
|
||||||
function MouseInput() {
|
function MouseInput(manager: any, handler: any) {
|
||||||
this.evEl = MOUSE_ELEMENT_EVENTS;
|
this.evEl = MOUSE_ELEMENT_EVENTS;
|
||||||
this.evWin = MOUSE_WINDOW_EVENTS;
|
this.evWin = MOUSE_WINDOW_EVENTS;
|
||||||
|
|
||||||
@ -768,7 +771,7 @@ var POINTER_ELEMENT_EVENTS = 'pointerdown';
|
|||||||
var POINTER_WINDOW_EVENTS = 'pointermove pointerup pointercancel';
|
var POINTER_WINDOW_EVENTS = 'pointermove pointerup pointercancel';
|
||||||
|
|
||||||
// IE10 has prefixed support, and case-sensitive
|
// IE10 has prefixed support, and case-sensitive
|
||||||
if (window.MSPointerEvent && !window.PointerEvent) {
|
if (win.MSPointerEvent && !win.PointerEvent) {
|
||||||
POINTER_ELEMENT_EVENTS = 'MSPointerDown';
|
POINTER_ELEMENT_EVENTS = 'MSPointerDown';
|
||||||
POINTER_WINDOW_EVENTS = 'MSPointerMove MSPointerUp MSPointerCancel';
|
POINTER_WINDOW_EVENTS = 'MSPointerMove MSPointerUp MSPointerCancel';
|
||||||
}
|
}
|
||||||
@ -920,7 +923,7 @@ var TOUCH_TARGET_EVENTS = 'touchstart touchmove touchend touchcancel';
|
|||||||
* @constructor
|
* @constructor
|
||||||
* @extends Input
|
* @extends Input
|
||||||
*/
|
*/
|
||||||
function TouchInput() {
|
function TouchInput(manager: any, handler: any) {
|
||||||
this.evTarget = TOUCH_TARGET_EVENTS;
|
this.evTarget = TOUCH_TARGET_EVENTS;
|
||||||
this.targetIds = {};
|
this.targetIds = {};
|
||||||
|
|
||||||
@ -2001,20 +2004,20 @@ inherit(TapRecognizer, Recognizer, {
|
|||||||
*/
|
*/
|
||||||
function Hammer(element, options) {
|
function Hammer(element, options) {
|
||||||
options = options || {};
|
options = options || {};
|
||||||
options.recognizers = ifUndefined(options.recognizers, Hammer.defaults.preset);
|
options.recognizers = ifUndefined(options.recognizers, _defaults.preset);
|
||||||
return new Manager(element, options);
|
return new Manager(element, options);
|
||||||
}
|
}
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* @const {string}
|
* @const {string}
|
||||||
*/
|
*/
|
||||||
Hammer.VERSION = '2.0.6';
|
var VERSION = '2.0.6';
|
||||||
|
|
||||||
/**
|
/**
|
||||||
* default settings
|
* default settings
|
||||||
* @namespace
|
* @namespace
|
||||||
*/
|
*/
|
||||||
Hammer.defaults = {
|
var _defaults = {
|
||||||
/**
|
/**
|
||||||
* set if DOM events are being triggered.
|
* set if DOM events are being triggered.
|
||||||
* But this is slower and unused by simple implementations, so disabled by default.
|
* But this is slower and unused by simple implementations, so disabled by default.
|
||||||
@ -2132,7 +2135,7 @@ var FORCED_STOP = 2;
|
|||||||
* @constructor
|
* @constructor
|
||||||
*/
|
*/
|
||||||
function Manager(element, options) {
|
function Manager(element, options) {
|
||||||
this.options = assign({}, Hammer.defaults, options || {});
|
this.options = assign({}, _defaults, options || {});
|
||||||
|
|
||||||
this.options.inputTarget = this.options.inputTarget || element;
|
this.options.inputTarget = this.options.inputTarget || element;
|
||||||
|
|
||||||
@ -2407,7 +2410,7 @@ function toggleCssProps(manager, add) {
|
|||||||
* @param {Object} data
|
* @param {Object} data
|
||||||
*/
|
*/
|
||||||
function triggerDomEvent(event, data) {
|
function triggerDomEvent(event, data) {
|
||||||
var gestureEvent = document.createEvent('Event');
|
var gestureEvent: any = doc.createEvent('Event');
|
||||||
gestureEvent.initEvent(event, true, true);
|
gestureEvent.initEvent(event, true, true);
|
||||||
gestureEvent.gesture = data;
|
gestureEvent.gesture = data;
|
||||||
data.target.dispatchEvent(gestureEvent);
|
data.target.dispatchEvent(gestureEvent);
|
||||||
@ -2463,6 +2466,6 @@ assign(Hammer, {
|
|||||||
prefixed: prefixed
|
prefixed: prefixed
|
||||||
});
|
});
|
||||||
|
|
||||||
window.Hammer = Hammer;
|
win.Hammer = Hammer;
|
||||||
|
|
||||||
export {Hammer};
|
export {Hammer};
|
||||||
|
@ -4,7 +4,11 @@ import {windowDimensions} from '../util/dom';
|
|||||||
|
|
||||||
|
|
||||||
export class SlideEdgeGesture extends SlideGesture {
|
export class SlideEdgeGesture extends SlideGesture {
|
||||||
constructor(element: Element, opts: Object = {}) {
|
public edges: Array<string>;
|
||||||
|
public maxEdgeStart: any;
|
||||||
|
private _d: any;
|
||||||
|
|
||||||
|
constructor(element: Element, opts: any = {}) {
|
||||||
defaults(opts, {
|
defaults(opts, {
|
||||||
edge: 'left',
|
edge: 'left',
|
||||||
maxEdgeStart: 50
|
maxEdgeStart: 50
|
||||||
@ -15,7 +19,7 @@ export class SlideEdgeGesture extends SlideGesture {
|
|||||||
this.maxEdgeStart = opts.maxEdgeStart;
|
this.maxEdgeStart = opts.maxEdgeStart;
|
||||||
}
|
}
|
||||||
|
|
||||||
canStart(ev) {
|
canStart(ev: any): boolean {
|
||||||
this._d = this.getContainerDimensions();
|
this._d = this.getContainerDimensions();
|
||||||
return this.edges.every(edge => this._checkEdge(edge, ev.center));
|
return this.edges.every(edge => this._checkEdge(edge, ev.center));
|
||||||
}
|
}
|
||||||
|
@ -30,15 +30,18 @@ export class SlideGesture extends DragGesture {
|
|||||||
return 0;
|
return 0;
|
||||||
}
|
}
|
||||||
|
|
||||||
canStart() {
|
canStart(ev: any): boolean {
|
||||||
return true;
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
onDragStart(ev) {
|
onDragStart(ev): boolean {
|
||||||
if (!this.canStart(ev)) return false;
|
if (!this.canStart(ev)) {
|
||||||
|
return false;
|
||||||
|
}
|
||||||
|
|
||||||
this.slide = {};
|
this.slide = {};
|
||||||
var promise = this.onSlideBeforeStart(this.slide, ev) || Promise.resolve();
|
this.onSlideBeforeStart(this.slide, ev);
|
||||||
promise.then(() => {
|
|
||||||
var {min, max} = this.getSlideBoundaries(this.slide, ev);
|
var {min, max} = this.getSlideBoundaries(this.slide, ev);
|
||||||
this.slide.min = min;
|
this.slide.min = min;
|
||||||
this.slide.max = max;
|
this.slide.max = max;
|
||||||
@ -46,13 +49,15 @@ export class SlideGesture extends DragGesture {
|
|||||||
this.slide.pointerStartPos = ev.center[this.direction];
|
this.slide.pointerStartPos = ev.center[this.direction];
|
||||||
this.slide.started = true;
|
this.slide.started = true;
|
||||||
this.onSlideStart(this.slide, ev);
|
this.onSlideStart(this.slide, ev);
|
||||||
}).catch(() => {
|
|
||||||
this.slide = null;
|
return true;
|
||||||
});
|
}
|
||||||
|
|
||||||
|
onDrag(ev: any): boolean {
|
||||||
|
if (!this.slide || !this.slide.started) {
|
||||||
|
return false;
|
||||||
}
|
}
|
||||||
|
|
||||||
onDrag(ev) {
|
|
||||||
if (!this.slide || !this.slide.started) return;
|
|
||||||
this.slide.pos = ev.center[this.direction];
|
this.slide.pos = ev.center[this.direction];
|
||||||
this.slide.distance = clamp(
|
this.slide.distance = clamp(
|
||||||
this.slide.min,
|
this.slide.min,
|
||||||
@ -61,6 +66,8 @@ export class SlideGesture extends DragGesture {
|
|||||||
);
|
);
|
||||||
this.slide.delta = this.slide.pos - this.slide.pointerStartPos;
|
this.slide.delta = this.slide.pos - this.slide.pointerStartPos;
|
||||||
this.onSlide(this.slide, ev);
|
this.onSlide(this.slide, ev);
|
||||||
|
|
||||||
|
return true;
|
||||||
}
|
}
|
||||||
|
|
||||||
onDragEnd(ev) {
|
onDragEnd(ev) {
|
||||||
@ -69,8 +76,8 @@ export class SlideGesture extends DragGesture {
|
|||||||
this.slide = null;
|
this.slide = null;
|
||||||
}
|
}
|
||||||
|
|
||||||
onSlideBeforeStart() {}
|
onSlideBeforeStart(slide?: any, ev?: any): void {}
|
||||||
onSlideStart() {}
|
onSlideStart(slide?: any, ev?: any): void {}
|
||||||
onSlide() {}
|
onSlide(slide?: any, ev?: any): void {}
|
||||||
onSlideEnd() {}
|
onSlideEnd(slide?: any, ev?: any): void {}
|
||||||
}
|
}
|
||||||
|
@ -11,9 +11,9 @@
|
|||||||
* @private
|
* @private
|
||||||
*/
|
*/
|
||||||
export class Storage {
|
export class Storage {
|
||||||
private _strategy: any = {};
|
private _strategy: any;
|
||||||
|
|
||||||
constructor(strategyCls: StorageEngine, options) {
|
constructor(strategyCls: any, options) {
|
||||||
this._strategy = new strategyCls(options);
|
this._strategy = new strategyCls(options);
|
||||||
}
|
}
|
||||||
get(key) {
|
get(key) {
|
||||||
|
Reference in New Issue
Block a user