chore: manually format code

Author: pany-ang

.husky/pre-commit

@@ -1,4 +1,5 @@
 # 全局 ts 类型检查（此操作会增加 git commit 时长）
 npx vue-tsc
+
 # 执行 lint-staged 中配置的任务
 npx lint-staged

src/App.vue

@@ -5,17 +5,24 @@ import { useTheme } from "@@/composables/useTheme"
 import zhCn from "element-plus/es/locale/lang/zh-cn" // Element Plus 中文包
 
 const { initTheme } = useTheme()
+
 const { initGreyAndColorWeakness } = useGreyAndColorWeakness()
+
 const { initStarNotification, initStoreNotification, initMobileNotification } = usePany()
 
 // 初始化主题
 initTheme()
+
 // 初始化灰色模式和色弱模式
 initGreyAndColorWeakness()
-// 初始化通知
+
+// #region 初始化通知
 initStarNotification()
+
 initStoreNotification()
+
 initMobileNotification()
+// #endregion
 </script>
 
 <template>

src/common/components/Screenfull/index.vue

@@ -22,8 +22,11 @@ const classList = document.body.classList
 
 // #region 全屏
 const isEnabled = screenfull.isEnabled
+
 const isFullscreen = ref<boolean>(false)
+
 const fullscreenTips = computed(() => (isFullscreen.value ? exitTips : openTips))
+
 const fullscreenSvgName = computed(() => (isFullscreen.value ? "fullscreen-exit" : "fullscreen"))
 
 function handleFullscreenClick() {
@@ -51,7 +54,9 @@ watchEffect(() => {
 
 // #region 内容区
 const isContentLarge = ref<boolean>(false)
+
 const contentLargeTips = computed(() => (isContentLarge.value ? "内容区复原" : "内容区放大"))
+
 const contentLargeSvgName = computed(() => (isContentLarge.value ? "fullscreen-exit" : "fullscreen"))
 
 function handleContentLargeClick() {

src/common/components/SearchMenu/Modal.vue

@@ -11,20 +11,27 @@ import Result from "./Result.vue"
 const modelValue = defineModel<boolean>({ required: true })
 
 const router = useRouter()
+
 const { isMobile } = useDevice()
 
 const inputRef = useTemplateRef("inputRef")
+
 const scrollbarRef = useTemplateRef("scrollbarRef")
+
 const resultRef = useTemplateRef("resultRef")
 
 const keyword = ref<string>("")
+
 const result = shallowRef<RouteRecordRaw[]>([])
+
 const activeRouteName = ref<RouteRecordNameGeneric | undefined>(undefined)
+
 /** 是否按下了上键或下键（用于解决和 mouseenter 事件的冲突） */
 const isPressUpOrDown = ref<boolean>(false)
 
 /** 控制搜索对话框宽度 */
 const modalWidth = computed(() => (isMobile.value ? "80vw" : "40vw"))
+
 /** 树形菜单 */
 const menus = computed(() => cloneDeep(usePermissionStore().routes))
 

src/common/composables/useDevice.ts

@@ -4,6 +4,7 @@ import { useAppStore } from "@/pinia/stores/app"
 const appStore = useAppStore()
 
 const isMobile = computed(() => appStore.device === DeviceEnum.Mobile)
+
 const isDesktop = computed(() => appStore.device === DeviceEnum.Desktop)
 
 /** 设备类型 Composable */

src/common/composables/useFetchSelect.ts

@@ -20,7 +20,9 @@ export function useFetchSelect(props: FetchSelectProps) {
   const { api } = props
 
   const loading = ref<boolean>(false)
+
   const options = ref<SelectOption[]>([])
+
   const value = ref<OptionValue>("")
 
   // 调用接口获取数据

src/common/composables/useGreyAndColorWeakness.ts

@@ -1,6 +1,7 @@
 import { useSettingsStore } from "@/pinia/stores/settings"
 
 const GREY_MODE = "grey-mode"
+
 const COLOR_WEAKNESS = "color-weakness"
 
 const classList = document.documentElement.classList

src/common/composables/useLayoutMode.ts

@@ -4,7 +4,9 @@ import { useSettingsStore } from "@/pinia/stores/settings"
 const settingsStore = useSettingsStore()
 
 const isLeft = computed(() => settingsStore.layoutMode === LayoutModeEnum.Left)
+
 const isTop = computed(() => settingsStore.layoutMode === LayoutModeEnum.Top)
+
 const isLeftTop = computed(() => settingsStore.layoutMode === LayoutModeEnum.LeftTop)
 
 function setLayoutMode(mode: LayoutModeEnum) {

src/common/composables/usePagination.ts

@@ -19,10 +19,12 @@ const DEFAULT_PAGINATION_DATA = {
 export function usePagination(initPaginationData: PaginationData = {}) {
   // 合并分页参数
   const paginationData = reactive({ ...DEFAULT_PAGINATION_DATA, ...initPaginationData })
+
   // 改变当前页码
   const handleCurrentChange = (value: number) => {
     paginationData.currentPage = value
   }
+
   // 改变每页显示条数
   const handleSizeChange = (value: number) => {
     paginationData.pageSize = value

src/common/composables/useWatermark.ts

@@ -40,10 +40,13 @@ const bodyEl = ref<HTMLElement>(document.body)
 export function useWatermark(parentEl: Ref<HTMLElement | null> = bodyEl) {
   // 备份文本
   let backupText: string
+
   // 最终配置
   let mergeConfig: DefaultConfig
+
   // 水印元素
   let watermarkEl: HTMLElement | null = null
+
   // 观察器
   const observer: Observer = {
     watermarkElMutationObserver: undefined,