images-viewer-vue3
Version:
A lightweight image viewer for Vue3
2 lines (1 loc) • 703 B
JavaScript
;Object.defineProperty(exports,Symbol.toStringTag,{value:"Module"});const o=require("vue");function c(){const l=o.ref(!1),t=o.ref(0),n=o.ref(0),e=o.ref(null);function s(u){l.value=!0,e.value=document.querySelector(".vnode-scroll__wrap"),e.value&&(t.value=u.clientX-e.value.offsetLeft,n.value=e.value.scrollLeft,e.value.style.cursor="grabbing",u.preventDefault())}function a(u){if(l.value&&e.value){const v=(u.clientX-e.value.offsetLeft-t.value)*2;e.value.scrollLeft=n.value-v}}function r(u){l.value=!1,e.value&&(e.value.style.cursor="default")}function f(u){l.value=!1,e.value&&(e.value.style.cursor="grab")}return{onMouseDown:s,onMouseMove:a,onMouseUp:r,onMouseLeave:f}}exports.useMouse=c;