| 1234567891011121314151617181920212223242526272829303132333435363738394041424344 |
- 'use strict';
- Object.defineProperty(exports, '__esModule', { value: true });
- var vue = require('vue');
- var core = require('@vueuse/core');
- 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;
- }
- handleScroll();
- });
- return {
- visible,
- handleClick
- };
- };
- exports.useBackTop = useBackTop;
- //# sourceMappingURL=use-backtop.js.map
|