wip: vite版重构中

src/hooks/event/useScrollTo.ts

@@ -0,0 +1,61 @@
+import { requestAnimationFrame } from '@/utils/animation'
+
+export interface ScrollToParams {
+  el: HTMLElement
+  to: number
+  position: string
+  duration?: number
+  callback?: () => any
+}
+
+const easeInOutQuad = (t: number, b: number, c: number, d: number) => {
+  t /= d / 2
+  if (t < 1) {
+    return (c / 2) * t * t + b
+  }
+  t--
+  return (-c / 2) * (t * (t - 2) - 1) + b
+}
+const move = (el: HTMLElement, position: string, amount: number) => {
+  el[position] = amount
+}
+
+export function useScrollTo({
+  el,
+  position = 'scrollLeft',
+  to,
+  duration = 500,
+  callback
+}: ScrollToParams) {
+  let isActiveRef = false
+  const start = el[position]
+  const change = to - start
+  const increment = 20
+  let currentTime = 0
+
+  const animateScroll = function () {
+    if (!isActiveRef) {
+      return
+    }
+    currentTime += increment
+    const val = easeInOutQuad(currentTime, start, change, duration)
+    move(el, position, val)
+    if (currentTime < duration && isActiveRef) {
+      requestAnimationFrame(animateScroll)
+    } else {
+      if (callback) {
+        callback()
+      }
+    }
+  }
+  const run = () => {
+    isActiveRef = true
+    animateScroll()
+  }
+
+  const stop = () => {
+    isActiveRef = false
+  }
+
+  return { start: run, stop }
+}