perf: 优化部分 composable 代码细节

pany-ang · pany-ang · commit 0b517855b659 · 2024-11-25T11:09:23.000+08:00
diff --git a/src/composables/useTheme.ts b/src/composables/useTheme.ts
@@ -2,6 +2,7 @@ import { getActiveThemeName, setActiveThemeName } from "@/utils/cache/local-stor
 import { ref, watchEffect } from "vue"
 
 const DEFAULT_THEME_NAME = "normal"
+
 type DefaultThemeName = typeof DEFAULT_THEME_NAME
 
 /** 注册的主题名称, 其中 DefaultThemeName 是必填的 */
diff --git a/src/composables/useTitle.ts b/src/composables/useTitle.ts
@@ -11,7 +11,7 @@ function setTitle(title?: string) {
   dynamicTitle.value = title ? `${VITE_APP_TITLE} | ${title}` : VITE_APP_TITLE
 }
 
-/** 监听标题变化 */
+// 监听标题变化
 watch(dynamicTitle, (value, oldValue) => {
   if (document && value !== oldValue) {
     document.title = value
diff --git a/src/composables/useWatermark.ts b/src/composables/useWatermark.ts
@@ -8,10 +8,10 @@ interface Observer {
   parentElResizeObserver?: ResizeObserver
 }
 
-type DefaultConfig = typeof defaultConfig
+type DefaultConfig = typeof DEFAULT_CONFIG
 
 /** 默认配置 */
-const defaultConfig = {
+const DEFAULT_CONFIG = {
   /** 防御（默认开启，能防御水印被删除或隐藏，但可能会有性能损耗） */
   defense: true,
   /** 文本颜色 */
@@ -54,14 +54,11 @@ export function useWatermark(parentEl: Ref<HTMLElement | null> = bodyEl) {
 
   /** 设置水印 */
   const setWatermark = (text: string, config: Partial<DefaultConfig> = {}) => {
-    if (!parentEl.value) {
-      console.warn("请在 DOM 挂载完成后再调用 setWatermark 方法设置水印")
-      return
-    }
+    if (!parentEl.value) return console.warn("请在 DOM 挂载完成后再调用 setWatermark 方法设置水印")
     // 备份文本
     backupText = text
     // 合并配置
-    mergeConfig = { ...defaultConfig, ...config }
+    mergeConfig = { ...DEFAULT_CONFIG, ...config }
     // 创建或更新水印元素
     watermarkEl ? updateWatermarkEl() : createWatermarkEl()
     // 监听水印元素和容器元素的变化
@@ -228,10 +225,8 @@ export function useWatermark(parentEl: Ref<HTMLElement | null> = bodyEl) {
     observer.parentElResizeObserver.observe(targetNode)
   }
 
-  /** 在组件卸载前移除水印以及各种监听 */
-  onBeforeUnmount(() => {
-    clearWatermark()
-  })
+  // 在组件卸载前移除水印以及各种监听
+  onBeforeUnmount(() => clearWatermark())
 
   return { setWatermark, clearWatermark }
 }

Original file line number	Diff line number	Diff line change
`@@ -11,7 +11,7 @@ function setTitle(title?: string) {`
`11`	`11`	dynamicTitle.value = title ? `${VITE_APP_TITLE} \| ${title}` : VITE_APP_TITLE
`12`	`12`	`}`
`13`	`13`
`14`		`-/** 监听标题变化 */`
	`14`	`+// 监听标题变化`
`15`	`15`	`watch(dynamicTitle, (value, oldValue) => {`
`16`	`16`	`if (document && value !== oldValue) {`
`17`	`17`	`document.title = value`