mirror of
https://github.com/ionic-team/ionic-framework.git
synced 2025-08-19 03:32:21 +08:00
remove unused behaviors folder
This commit is contained in:
@ -15,6 +15,7 @@ var exampleReady = function() {
|
||||
|
||||
scripts.forEach(function(src) {
|
||||
var script = document.createElement('script');
|
||||
script.async = true;
|
||||
script.onload = function() {
|
||||
if (++loaded == scripts.length) exampleReady();
|
||||
};
|
||||
|
@ -1,8 +1,10 @@
|
||||
import {bootstrap} from 'angular2/core';
|
||||
import {Component, Template} from 'angular2/angular2';
|
||||
import {Aside, AsideParent} from 'ionic2/components';
|
||||
import {Aside, AsideParent} from 'ionic2/components/aside/aside';
|
||||
|
||||
@Component({ selector: '[my-app]' })
|
||||
@Component({
|
||||
selector: '[my-app]'
|
||||
})
|
||||
@Template({
|
||||
url: 'main.html',
|
||||
directives: [Aside, AsideParent]
|
||||
|
@ -1,7 +0,0 @@
|
||||
// export * from './components/app/app';
|
||||
|
||||
export * from './components/aside/aside';
|
||||
import './components/aside/behaviors/direction/direction';
|
||||
|
||||
// export * from './components/switch';
|
||||
|
@ -43,30 +43,28 @@ export class Aside {
|
||||
) {
|
||||
this.domElement = element.domElement;
|
||||
|
||||
this._drag = {};
|
||||
|
||||
this.domElement.addEventListener('transitionend', ev => {
|
||||
this.setChanging(false);
|
||||
})
|
||||
|
||||
let gestureConstructor = {
|
||||
left: LeftAsideSlideGesture,
|
||||
top: TopAsideSlideGesture,
|
||||
bottom: BottomAsideSlideGesture,
|
||||
right: RightAsideSlideGesture
|
||||
};
|
||||
|
||||
|
||||
// TODO: remove this. setTimeout has to be done so the bindings can be applied
|
||||
setTimeout(() => {
|
||||
// asideConfig.invoke(this);
|
||||
let GestureConstructor = {
|
||||
left: LeftAsideSlideGesture,
|
||||
top: TopAsideSlideGesture,
|
||||
bottom: BottomAsideSlideGesture,
|
||||
right: RightAsideSlideGesture
|
||||
}[this.side];
|
||||
this.domElement.classList.add(this.side);
|
||||
this.gesture = new gestureConstructor[this.side](this, asideParent.domElement);
|
||||
this.gesture = new GestureConstructor(this, asideParent.domElement);
|
||||
this.gesture.listen();
|
||||
});
|
||||
}
|
||||
setSliding(isSliding) {
|
||||
this.domElement.classList[isSliding ? 'add' : 'remove']('sliding');
|
||||
if (isSliding !== this.isSliding) {
|
||||
this.domElement.classList[isSliding ? 'add' : 'remove']('sliding');
|
||||
}
|
||||
}
|
||||
setChanging(isChanging) {
|
||||
if (isChanging !== this.isChanging) {
|
||||
|
@ -1,120 +0,0 @@
|
||||
import {asideConfig} from '../../aside';
|
||||
import Hammer from 'hammer';
|
||||
import * as util from '../../../../util';
|
||||
|
||||
/*
|
||||
asideConfig
|
||||
.behavior(function() {
|
||||
if (this.side !== 'bottom') return;
|
||||
|
||||
this.gesture.options({
|
||||
direction: Hammer.DIRECTION_VERTICAL
|
||||
});
|
||||
this.domElement.classList.add('bottom');
|
||||
util.extend(this.dragMethods, {
|
||||
canStart: ev => {
|
||||
return this.isOpen || ev.center.y > window.innerHeight - this.dragThreshold;
|
||||
},
|
||||
getMenuStart: (drag, ev) => {
|
||||
return this.isOpen ? -drag.height : 0;
|
||||
},
|
||||
onDrag: (drag, ev) => {
|
||||
drag.pos = util.clamp(
|
||||
0, -drag.menuStart + drag.pointerStart - ev.center.y, drag.height
|
||||
);
|
||||
this.domElement.style.transform = 'translate3d(0,' +
|
||||
(drag.height - drag.pos) + 'px,0)';
|
||||
},
|
||||
onEnd: (drag, ev) => {
|
||||
this.setOpen(drag.pos > drag.height / 2);
|
||||
this.domElement.style.transform = '';
|
||||
},
|
||||
getEventPos: ev => {
|
||||
return ev.center.y;
|
||||
}
|
||||
});
|
||||
})
|
||||
.behavior(function() {
|
||||
if (this.side !== 'left') return;
|
||||
|
||||
|
||||
this.domElement.classList.add('left');
|
||||
this.gesture.options({
|
||||
direction: Hammer.DIRECTION_HORIZONTAL
|
||||
});
|
||||
util.extend(this.dragMethods, {
|
||||
canStart: (ev) => {
|
||||
return this.isOpen || ev.center.x < this.dragThreshold;
|
||||
},
|
||||
getMenuStart: (drag, ev) => {
|
||||
return this.isOpen ? drag.width : 0;
|
||||
},
|
||||
onDrag: (drag, ev) => {
|
||||
drag.pos = util.clamp(
|
||||
0, drag.menuStart + ev.center.x - drag.pointerStart, drag.width
|
||||
);
|
||||
this.domElement.style.transform = 'translate3d(' + (-drag.width + drag.pos) + 'px, 0, 0)';
|
||||
},
|
||||
onEnd: (drag, ev) => {
|
||||
this.setOpen(drag.pos > drag.width / 2);
|
||||
this.domElement.style.transform = '';
|
||||
}
|
||||
})
|
||||
|
||||
})
|
||||
.behavior(function() {
|
||||
if (this.side !== 'right') return;
|
||||
|
||||
this.domElement.classList.add('right');
|
||||
this.gesture.options({
|
||||
direction: Hammer.DIRECTION_HORIZONTAL
|
||||
});
|
||||
util.extend(this.dragMethods, {
|
||||
canStart: ev => {
|
||||
return this.isOpen || ev.center.x > window.innerWidth - this.dragThreshold;
|
||||
},
|
||||
getMenuStart: (drag, ev) => {
|
||||
return this.isOpen ? -drag.width : 0;
|
||||
},
|
||||
onDrag: (drag, ev) => {
|
||||
drag.pos = util.clamp(
|
||||
0, -drag.menuStart + drag.pointerStart - ev.center.x, drag.width
|
||||
);
|
||||
this.domElement.style.transform = 'translate3d(' +
|
||||
(drag.width - drag.pos) + 'px,0,0)';
|
||||
},
|
||||
onEnd: (drag, ev) => {
|
||||
this.setOpen(drag.pos > drag.width / 2);
|
||||
this.domElement.style.transform = '';
|
||||
}
|
||||
});
|
||||
|
||||
})
|
||||
.behavior(function() {
|
||||
if (this.side !== 'top') return;
|
||||
|
||||
this.domElement.classList.add('top');
|
||||
util.extend(this.dragMethods, {
|
||||
canStart: ev => {
|
||||
return this.isOpen || ev.center.y < this.dragThreshold * 5;
|
||||
},
|
||||
getMenuStart: (drag, ev) => {
|
||||
return this.isOpen ? drag.height : 0;
|
||||
},
|
||||
onDrag: (drag, ev) => {
|
||||
drag.pos = util.clamp(
|
||||
0, drag.menuStart + ev.center.y - drag.pointerStart, drag.height
|
||||
);
|
||||
this.domElement.style.transform = 'translate3d(0, ' +
|
||||
(-drag.height + drag.pos) + 'px, 0)';
|
||||
},
|
||||
onEnd: (drag, ev) => {
|
||||
this.setOpen(drag.pos > drag.height / 2);
|
||||
this.domElement.style.transform = '';
|
||||
},
|
||||
getEventPos: (ev) => {
|
||||
return ev.center.y;
|
||||
}
|
||||
});
|
||||
});
|
||||
*/
|
Reference in New Issue
Block a user