javascript/ionic-framework
1
0
Fork 0
mirror of https://github.com/ionic-team/ionic-framework.git synced 2025-08-18 19:21:34 +08:00
Code Issues Packages Projects Releases Wiki Activity

fix(menu): drag menu to close. Fixes #189

Browse Source
This commit is contained in:
Max Lynch
2015-10-29 12:42:12 -05:00
parent 744920949e
commit 196fbe2e01
2 changed files with 20 additions and 5 deletions
Download Patch File Download Diff File Expand all files Collapse all files

23
ionic/components/menu/menu-gestures.ts
View File

@ -1,15 +1,16 @@
import {Menu} from './menu';
import {SlideEdgeGesture} from 'ionic/gestures/slide-edge-gesture';
import * as util from 'ionic/util';
class MenuContentGesture extends SlideEdgeGesture {
constructor(menu: Menu) {
constructor(menu: Menu, targetEl: Element, options = {}) {
super(menu.getContentElement(), {
super(targetEl, util.extend({
direction: (menu.side === 'left' || menu.side === 'right') ? 'x' : 'y',
edge: menu.side,
threshold: 75
});
}, options));
this.menu = menu;
this.listen();
@ -45,15 +46,27 @@ class MenuContentGesture extends SlideEdgeGesture {
}
}
/**
* Support dragging the target menu as well as the content.
*/
export class TargetGesture extends MenuContentGesture {
constructor(menu: Menu) {
super(menu, menu.getNativeElement(), {
threshold: 0
});
}
}
export class LeftMenuGesture extends MenuContentGesture {
constructor(menu: Menu) {
super(menu);
super(menu, menu.getContentElement());
}
}
export class RightMenuGesture extends MenuContentGesture {
constructor(menu: Menu) {
super(menu);
super(menu, menu.getContentElement());
}
onSlide(slide, ev) {

2
ionic/components/menu/menu.ts
View File

@ -123,6 +123,7 @@ export class Menu extends Ion {
this._gesture = new gestures.LeftMenuGesture(this);
break;
}
this._targetGesture = new gestures.TargetGesture(this);
}
_initType(type) {
@ -278,6 +279,7 @@ export class Menu extends Ion {
onDestroy() {
this.app.unregister(this.id);
this._gesture && this._gesture.destroy();
this._targetGesture && this._targetGesture.destroy();
this._type && this._type.onDestroy();
this._cntEle = null;
}