You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
45 lines
1.3 KiB
45 lines
1.3 KiB
2 years ago
|
'use strict';
|
||
|
|
|
||
|
|
Object.defineProperty(exports, '__esModule', { value: true });
|
||
|
|
|
||
|
|
var vue = require('vue');
|
||
|
|
var core = require('@vueuse/core');
|
||
|
|
require('../../../utils/index.js');
|
||
|
|
var error = require('../../../utils/error.js');
|
||
|
|
|
||
|
|
const useBackTop = (props, emit, componentName) => {
|
||
|
|
const el = vue.shallowRef();
|
||
|
|
const container = vue.shallowRef();
|
||
|
|
const visible = vue.ref(false);
|
||
|
|
const handleScroll = () => {
|
||
|
|
if (el.value)
|
||
|
|
visible.value = el.value.scrollTop >= props.visibilityHeight;
|
||
|
|
};
|
||
|
|
const handleClick = (event) => {
|
||
|
|
var _a;
|
||
|
|
(_a = el.value) == null ? void 0 : _a.scrollTo({ top: 0, behavior: "smooth" });
|
||
|
|
emit("click", event);
|
||
|
|
};
|
||
|
|
const handleScrollThrottled = core.useThrottleFn(handleScroll, 300, true);
|
||
|
|
core.useEventListener(container, "scroll", handleScrollThrottled);
|
||
|
|
vue.onMounted(() => {
|
||
|
|
var _a;
|
||
|
|
container.value = document;
|
||
|
|
el.value = document.documentElement;
|
||
|
|
if (props.target) {
|
||
|
|
el.value = (_a = document.querySelector(props.target)) != null ? _a : void 0;
|
||
|
|
if (!el.value) {
|
||
|
|
error.throwError(componentName, `target does not exist: ${props.target}`);
|
||
|
|
}
|
||
|
|
container.value = el.value;
|
||
|
|
}
|
||
|
|
});
|
||
|
|
return {
|
||
|
|
visible,
|
||
|
|
handleClick
|
||
|
|
};
|
||
|
|
};
|
||
|
|
|
||
|
|
exports.useBackTop = useBackTop;
|
||
|
|
//# sourceMappingURL=use-backtop.js.map
|