refactor(hooks): introduce vueuse, delete duplicate hooks

src/utils/animation.ts

@@ -0,0 +1,51 @@
+import { isServer } from '/@/utils/is';
+let lastTime = 0;
+const prefixes = 'webkit moz ms o'.split(' ');
+
+let requestAnimationFrame: typeof window.requestAnimationFrame;
+let cancelAnimationFrame: typeof window.cancelAnimationFrame;
+(() => {
+  const NO_LOOP: any = () => {};
+  const getWindowFrame = (name: string) => {
+    return name as any;
+  };
+  if (isServer) {
+    requestAnimationFrame = cancelAnimationFrame = NO_LOOP;
+  } else {
+    requestAnimationFrame = window.requestAnimationFrame;
+    cancelAnimationFrame = window.cancelAnimationFrame;
+    let prefix;
+    for (let i = 0; i < prefixes.length; i++) {
+      if (requestAnimationFrame && cancelAnimationFrame) {
+        break;
+      }
+      prefix = prefixes[i];
+      requestAnimationFrame =
+        requestAnimationFrame || window[getWindowFrame(prefix + 'RequestAnimationFrame')];
+      cancelAnimationFrame =
+        cancelAnimationFrame ||
+        window[getWindowFrame(prefix + 'CancelAnimationFrame')] ||
+        window[getWindowFrame(prefix + 'CancelRequestAnimationFrame')];
+    }
+
+    // If the current browser does not support requestAnimationFrame and cancelAnimationFrame, it will fall back to setTimeout
+    if (!requestAnimationFrame || !cancelAnimationFrame) {
+      requestAnimationFrame = function (callback: Fn) {
+        const currTime = new Date().getTime();
+        const timeToCall = Math.max(0, 16 - (currTime - lastTime));
+        const id = window.setTimeout(() => {
+          /* eslint-disable-next-line */
+          callback(currTime + timeToCall);
+        }, timeToCall);
+        lastTime = currTime + timeToCall;
+        return id;
+      };
+
+      cancelAnimationFrame = function (id: number) {
+        window.clearTimeout(id);
+      };
+    }
+  }
+})();
+
+export { requestAnimationFrame, cancelAnimationFrame };