1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
| export const BAR_MAP = {
| vertical: {
| offset: 'offsetHeight',
| scroll: 'scrollTop',
| scrollSize: 'scrollHeight',
| size: 'height',
| key: 'vertical',
| axis: 'Y',
| client: 'clientY',
| direction: 'top'
| },
| horizontal: {
| offset: 'offsetWidth',
| scroll: 'scrollLeft',
| scrollSize: 'scrollWidth',
| size: 'width',
| key: 'horizontal',
| axis: 'X',
| client: 'clientX',
| direction: 'left'
| }
| };
|
| export function renderThumbStyle({ move, size, bar }) {
| const style = {};
| const translate = `translate${bar.axis}(${ move }%)`;
|
| style[bar.size] = size;
| style.transform = translate;
| style.msTransform = translate;
| style.webkitTransform = translate;
|
| return style;
| };
|
|
