chore: prettier all ts code

This commit is contained in:
陈嘉涵
2020-01-19 15:27:28 +08:00
parent 04c49b645a
commit 207e80f396
19 changed files with 124 additions and 68 deletions
+42 -21
View File
@@ -4,41 +4,56 @@ type ScrollElement = HTMLElement | Window;
// http://w3help.org/zh-cn/causes/SD9013
// http://stackoverflow.com/questions/17016740/onscroll-function-is-not-working-for-chrome
const overflowScrollReg = /scroll|auto/i;
export function getScroller(element: HTMLElement, rootParent: ScrollElement = window) {
let node = element;
export function getScroller(el: HTMLElement, root: ScrollElement = window) {
let node = el;
while (
node &&
node.tagName !== 'HTML' &&
node.nodeType === 1 &&
node !== rootParent
node !== root
) {
const { overflowY } = window.getComputedStyle(node);
if (overflowScrollReg.test(<string>overflowY)) {
if (node.tagName !== 'BODY') {
return node;
}
// see: https://github.com/youzan/vant/issues/3823
const { overflowY: htmlOverflowY } = window.getComputedStyle(<Element>node.parentNode);
const { overflowY: htmlOverflowY } = window.getComputedStyle(
<Element>node.parentNode
);
if (overflowScrollReg.test(<string>htmlOverflowY)) {
return node;
}
}
node = <HTMLElement>node.parentNode;
}
return rootParent;
return root;
}
export function getScrollTop(element: ScrollElement): number {
return 'scrollTop' in element ? element.scrollTop : element.pageYOffset;
export function getScrollTop(el: ScrollElement): number {
return 'scrollTop' in el ? el.scrollTop : el.pageYOffset;
}
export function setScrollTop(element: ScrollElement, value: number) {
'scrollTop' in element ? (element.scrollTop = value) : element.scrollTo(element.scrollX, value);
export function setScrollTop(el: ScrollElement, value: number) {
if ('scrollTop' in el) {
el.scrollTop = value;
} else {
el.scrollTo(el.scrollX, value);
}
}
export function getRootScrollTop(): number {
return window.pageYOffset || document.documentElement.scrollTop || document.body.scrollTop || 0;
return (
window.pageYOffset ||
document.documentElement.scrollTop ||
document.body.scrollTop ||
0
);
}
export function setRootScrollTop(value: number) {
@@ -47,19 +62,25 @@ export function setRootScrollTop(value: number) {
}
// get distance from element top to page top
export function getElementTop(element: ScrollElement) {
return (
(element === window ? 0 : (<HTMLElement>element).getBoundingClientRect().top) +
getRootScrollTop()
);
export function getElementTop(el: ScrollElement) {
if (el === window) {
return 0;
}
return (el as HTMLElement).getBoundingClientRect().top + getRootScrollTop();
}
export function getVisibleHeight(element: ScrollElement) {
return element === window
? element.innerHeight
: (<HTMLElement>element).getBoundingClientRect().height;
export function getVisibleHeight(el: ScrollElement) {
if (el === window) {
return el.innerHeight;
}
return (el as HTMLElement).getBoundingClientRect().height;
}
export function getVisibleTop(element: ScrollElement) {
return element === window ? 0 : (<HTMLElement>element).getBoundingClientRect().top;
export function getVisibleTop(el: ScrollElement) {
if (el === window) {
return 0;
}
return (el as HTMLElement).getBoundingClientRect().top;
}