22import store from './store'
33import filter from './filter'
44import throttle from './throttle'
5- import { addEventListener as on , removeEventListener as off } from './eventListener'
5+ import { addEventListener , removeEventListener } from './eventListener'
66/**
77 * enable or disable hoverClass on mouseenter/leave if container Items
88 * @param {sortable } sortableContainer a valid sortableContainer
@@ -14,7 +14,7 @@ export default (sortableContainer: sortable, enable: boolean) => {
1414 const hoverClasses = store ( sortableContainer ) . getConfig ( 'hoverClass' ) . split ( ' ' )
1515 // add class on hover
1616 if ( enable === true ) {
17- on ( sortableContainer , 'mousemove' , throttle ( ( event ) => {
17+ addEventListener ( sortableContainer , 'mousemove' , throttle ( ( event ) => {
1818 // check of no mouse button was pressed when mousemove started == no drag
1919 if ( event . buttons === 0 ) {
2020 filter ( sortableContainer . children , store ( sortableContainer ) . getConfig ( 'items' ) ) . forEach ( item => {
@@ -27,15 +27,15 @@ export default (sortableContainer: sortable, enable: boolean) => {
2727 }
2828 } , store ( sortableContainer ) . getConfig ( 'throttleTime' ) ) )
2929 // remove class on leave
30- on ( sortableContainer , 'mouseleave' , ( ) => {
30+ addEventListener ( sortableContainer , 'mouseleave' , ( ) => {
3131 filter ( sortableContainer . children , store ( sortableContainer ) . getConfig ( 'items' ) ) . forEach ( item => {
3232 item . classList . remove ( ...hoverClasses )
3333 } )
3434 } )
3535 // remove events
3636 } else {
37- off ( sortableContainer , 'mousemove' )
38- off ( sortableContainer , 'mouseleave' )
37+ removeEventListener ( sortableContainer , 'mousemove' )
38+ removeEventListener ( sortableContainer , 'mouseleave' )
3939 }
4040 }
4141}
0 commit comments