mirror of https://github.com/ElemeFE/element
35 lines
719 B
JavaScript
35 lines
719 B
JavaScript
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;
|
|
};
|