refactor: syntactic sugar 🍬 unref replace isRef (#29)

* style: optimized code

* refactor: syntactic sugar 🍬 unref  replace isRef

Author: NelsonYong

README.zh-CN.md

@@ -25,7 +25,7 @@
 
 ## 📚 文档
 
-查看 <a href="http://nelsonyong.gitee.io/docs/hooks" target="_blank">文档指南</a>
+查看 <a href="https://nelsonyong.gitee.io/docs/hooks" target="_blank">文档指南</a>
 
 ## ✨ 特性
 

packages/hooks/docs/.vitepress/config.ts

@@ -34,7 +34,7 @@ export default defineConfig({
       { text: '首页', link: '/' },
       { text: 'Hooks', link: '/useRequest/' },
       {
-        text: '演练场 (PC)',
+        text: 'Playground',
         link: 'http://43.138.187.142:9000/vue-hooks-plus/vhp-playground/',
       },
       isGithub
@@ -43,7 +43,7 @@ export default defineConfig({
             link: 'http://nelsonyong.gitee.io/docs/hooks/',
           }
         : {
-            text: 'github 镜像',
+            text: 'Github 站点',
             link: 'https://inhiblabcore.github.io/docs/hooks/',
           },
       {

packages/hooks/src/createUseStorageState/index.ts

@@ -1,111 +1,105 @@
 /* eslint-disable no-empty */
-import { isRef, ref, Ref, UnwrapRef, watchEffect } from 'vue'
+import { unref, ref, Ref, UnwrapRef, watchEffect } from 'vue'
 
 export interface IFuncUpdater<T> {
-	(previousState?: T): T
+  (previousState?: T): T
 }
 export interface IFuncStorage {
-	(): Storage
+  (): Storage
 }
 
 export interface Options<T> {
-	serializer?: (value: T) => string
-	deserializer?: (value: string) => T
+  serializer?: (value: T) => string
+  deserializer?: (value: string) => T
 }
 
 export interface OptionsWithDefaultValue<T> extends Options<T> {
-	defaultValue: T | IFuncUpdater<T>
+  defaultValue: T | IFuncUpdater<T>
 }
 
-export type StorageStateResult<T> = [
-	Ref<T> | Ref<undefined>,
-	(value?: T | IFuncUpdater<T>) => void
-]
+export type StorageStateResult<T> = [Ref<T> | Ref<undefined>, (value?: T | IFuncUpdater<T>) => void]
 export type StorageStateResultHasDefaultValue<T> = [
-	Ref<T> | Ref<undefined>,
-	(value?: T | IFuncUpdater<T> | undefined) => void
+  Ref<T> | Ref<undefined>,
+  (value?: T | IFuncUpdater<T> | undefined) => void,
 ]
 
 function isFunction<T>(obj: any): obj is T {
-	return typeof obj === 'function'
+  return typeof obj === 'function'
 }
 
 export function createUseStorageState(getStorage: () => Storage | undefined) {
-	function useStorageState<T>(
-		key: Ref<string> | string,
-		options?: OptionsWithDefaultValue<T>
-	): StorageStateResultHasDefaultValue<T>
+  function useStorageState<T>(
+    key: Ref<string> | string,
+    options?: OptionsWithDefaultValue<T>,
+  ): StorageStateResultHasDefaultValue<T>
 
-	function useStorageState<T>(
-		key: Ref<string> | string,
-		options?: Options<T> & OptionsWithDefaultValue<T>
-	) {
-		let storage: Storage | undefined
-		try {
-			storage = getStorage()
-		} catch (err) {
-			console.error(err)
-		}
+  function useStorageState<T>(
+    key: Ref<string> | string,
+    options?: Options<T> & OptionsWithDefaultValue<T>,
+  ) {
+    let storage: Storage | undefined
+    try {
+      storage = getStorage()
+    } catch (err) {
+      console.error(err)
+    }
 
-		const serializer = (value: T) => {
-			if (options?.serializer) {
-				return options?.serializer(value)
-			}
-			return JSON.stringify(value)
-		}
+    const serializer = (value: T) => {
+      if (options?.serializer) {
+        return options?.serializer(value)
+      }
+      return JSON.stringify(value)
+    }
 
-		const deserializer = (value: string) => {
-			if (options?.deserializer) {
-				return options?.deserializer(value)
-			}
-			return JSON.parse(value)
-		}
+    const deserializer = (value: string) => {
+      if (options?.deserializer) {
+        return options?.deserializer(value)
+      }
+      return JSON.parse(value)
+    }
 
-		function getStoredValue() {
-			try {
-				const raw = storage?.getItem(isRef(key) ? key.value : key)
-				if (raw) {
-					return deserializer(raw)
-				}
-			} catch (e) {
-				console.error(e)
-			}
-			if (isFunction<IFuncUpdater<T>>(options?.defaultValue)) {
-				return options?.defaultValue()
-			}
-			return options?.defaultValue
-		}
-		const state = ref<T | undefined>(getStoredValue())
-		watchEffect(() => {
-			if (key) state.value = getStoredValue()
-		})
+    function getStoredValue() {
+      try {
+        const raw = storage?.getItem(unref(key))
+        if (raw) {
+          return deserializer(raw)
+        }
+      } catch (e) {
+        console.error(e)
+      }
+      if (isFunction<IFuncUpdater<T>>(options?.defaultValue)) {
+        return options?.defaultValue()
+      }
+      return options?.defaultValue
+    }
+    const state = ref<T | undefined>(getStoredValue())
+    watchEffect(() => {
+      if (key) state.value = getStoredValue()
+    })
 
-		const updateState = (value?: T | IFuncUpdater<T>) => {
-			if (typeof value === 'undefined') {
-				state.value = undefined
-				storage?.removeItem(isRef(key) ? key.value : key)
-			} else if (isFunction<IFuncUpdater<T>>(value)) {
-				const currentState = value(state.value as T)
-				try {
-					state.value = currentState as UnwrapRef<T>
-					storage?.setItem(
-						isRef(key) ? key.value : key,
-						serializer(currentState)
-					)
-				} catch (e) {
-					console.error(e)
-				}
-			} else {
-				try {
-					state.value = value as UnwrapRef<T>
-					storage?.setItem(isRef(key) ? key.value : key, serializer(value))
-				} catch (e) {
-					console.error(e)
-				}
-			}
-		}
+    const updateState = (value?: T | IFuncUpdater<T>) => {
+      if (typeof value === 'undefined') {
+        state.value = undefined
+        storage?.removeItem(unref(key))
+      } else if (isFunction<IFuncUpdater<T>>(value)) {
+        const currentState = value(state.value as T)
+        try {
+          state.value = currentState as UnwrapRef<T>
+          storage?.setItem(unref(key), serializer(currentState))
+        } catch (e) {
+          console.error(e)
+        }
+      } else {
+        try {
+          state.value = value as UnwrapRef<T>
+          storage?.setItem(unref(key), serializer(value))
+        } catch (e) {
+          console.error(e)
+        }
+      }
+    }
 
-		return [state, updateState]
-	}
-	return useStorageState
+    return [state, updateState]
+  }
+  return useStorageState
 }