refactor(projects): 代码优化

ISSUES CLOSED: \

src/hooks/common/index.ts

@@ -3,7 +3,5 @@ import useBoolean from './useBoolean';
 import useLoading from './useLoading';
 import useLoadingEmpty from './useLoadingEmpty';
 import useReload from './useReload';
-import useBodyScroll from './useBodyScroll';
-import useModalVisible from './useModalVisible';
 
-export { useContext, useBoolean, useLoading, useLoadingEmpty, useReload, useBodyScroll, useModalVisible };
+export { useContext, useBoolean, useLoading, useLoadingEmpty, useReload };

src/hooks/common/useBodyScroll.ts

@@ -1,47 +0,0 @@
-interface ScrollBodyStyle {
-  overflow: string;
-  paddingRight: string;
-}
-
-/**
- * body标签滚动
- * @param duration - 显示滚动条的延迟时间
- */
-export default function useBodyScroll(duration = 300) {
-  const defaultStyle: ScrollBodyStyle = {
-    overflow: '',
-    paddingRight: ''
-  };
-  function getInitBodyStyle() {
-    const { overflow, paddingRight } = document.body.style;
-    Object.assign(defaultStyle, { overflow, paddingRight });
-  }
-  function setScrollBodyStyle() {
-    document.body.style.paddingRight = `${window.innerWidth - document.body.clientWidth}px`;
-    document.body.style.overflow = 'hidden';
-  }
-  function resetScrollBodyStyle() {
-    document.body.style.overflow = defaultStyle.overflow;
-    document.body.style.paddingRight = defaultStyle.paddingRight;
-  }
-
-  /**
-   * 处理body的滚动条
-   * @param hideScroll - 禁止滚动
-   */
-  function scrollBodyHandler(hideScroll: boolean) {
-    if (hideScroll) {
-      setScrollBodyStyle();
-    } else {
-      setTimeout(() => {
-        resetScrollBodyStyle();
-      }, duration);
-    }
-  }
-
-  getInitBodyStyle();
-
-  return {
-    scrollBodyHandler
-  };
-}

src/hooks/common/useModalVisible.ts

@@ -1,33 +0,0 @@
-import { watch, onUnmounted } from 'vue';
-import useBoolean from './useBoolean';
-import useBodyScroll from './useBodyScroll';
-
-/**
- * 使用弹窗
- * @param hideScroll - 关闭html滚动条
- */
-export default function useModalVisible(hideScroll = true) {
-  const { bool: visible, setTrue: openModal, setFalse: closeModal, toggle: toggleModal } = useBoolean();
-  const { scrollBodyHandler } = useBodyScroll();
-
-  function modalVisibleWatcher() {
-    const stopHandle = watch(visible, async newValue => {
-      scrollBodyHandler(newValue);
-    });
-
-    onUnmounted(() => {
-      stopHandle();
-    });
-  }
-
-  if (hideScroll) {
-    modalVisibleWatcher();
-  }
-
-  return {
-    visible,
-    openModal,
-    closeModal,
-    toggleModal
-  };
-}