@@ -3,18 +3,18 @@ import { append, addClass, removeClass, getScrollTop, getOffset } from './util';
33
44const defaults = {
55 suggestClass : 'is-active' ,
6- scrollableClass : 'is-scrollable' ,
6+ scrollableClass : 'is-scrollable' ,
77 scrollableRightClass : 'is-right-scrollable' ,
88 scrollableLeftClass : 'is-left-scrollable' ,
99 scrollHintClass : 'scroll-hint' ,
1010 scrollHintIconClass : 'scroll-hint-icon' ,
1111 scrollHintIconWrapClass : 'scroll-hint-icon-wrap' ,
1212 scrollHintBorderWidth : 10 ,
1313 enableOverflowScrolling : true
14- }
14+ } ;
1515
1616export default class ScrollHint {
17- constructor ( ele , option ) {
17+ constructor ( ele , option ) {
1818 this . opt = assign ( { } , defaults , option ) ;
1919 this . items = [ ] ;
2020 const elements = typeof ele === 'string' ? document . querySelectorAll ( ele ) : ele ;
@@ -52,12 +52,13 @@ export default class ScrollHint {
5252 this . updateItems ( ) ;
5353 }
5454
55- isScrollable ( item ) {
55+ isScrollable ( item ) {
5656 const { element } = item ;
57- return element . offsetHeight === element . scrollHeight && element . clientWidth < element . scrollWidth ;
57+ return element . offsetHeight === element . scrollHeight &&
58+ element . clientWidth < element . scrollWidth ;
5859 }
5960
60- checkScrollableDir ( item ) {
61+ checkScrollableDir ( item ) {
6162 const { scrollHintBorderWidth, scrollableRightClass, scrollableLeftClass } = this . opt ;
6263 const { element } = item ;
6364 const child = element . children [ 0 ] ;
@@ -76,19 +77,19 @@ export default class ScrollHint {
7677 }
7778 }
7879
79- needSuggest ( item ) {
80+ needSuggest ( item ) {
8081 const { scrolledIn, interacted } = item ;
8182 return ! interacted && scrolledIn && this . isScrollable ( item ) ;
8283 }
8384
84- updateItems ( ) {
85+ updateItems ( ) {
8586 [ ] . forEach . call ( this . items , ( item ) => {
8687 this . updateItem ( item ) ;
8788 } ) ;
8889 }
8990
9091 updateStatus ( item ) {
91- const { element, scrolledIn, interacted } = item ;
92+ const { element, scrolledIn } = item ;
9293 if ( scrolledIn ) {
9394 return ;
9495 }
@@ -97,10 +98,10 @@ export default class ScrollHint {
9798 }
9899 }
99100
100- updateItem ( item ) {
101+ updateItem ( item ) {
101102 const { opt } = this ;
102103 const { element } = item ;
103- const target = element . querySelector ( ` [data-target="scrollable-icon"]` ) ;
104+ const target = element . querySelector ( ' [data-target="scrollable-icon"]' ) ;
104105 this . updateStatus ( item ) ;
105106 if ( this . isScrollable ( item ) ) {
106107 addClass ( element , opt . scrollableClass ) ;
0 commit comments