feat: add pinia persist plugin

package.json

@@ -66,6 +66,7 @@
     "nprogress": "^0.2.0",
     "path-to-regexp": "^6.2.1",
     "pinia": "^2.1.7",
+    "pinia-plugin-persistedstate": "^3.2.0",
     "print-js": "^1.6.0",
     "qs": "^6.11.2",
     "resize-observer-polyfill": "^1.5.1",

pnpm-lock.yaml

@@ -65,6 +65,9 @@ dependencies:
   pinia:
     specifier: ^2.1.7
     version: 2.1.7(typescript@5.2.2)(vue@3.3.4)
+  pinia-plugin-persistedstate:
+    specifier: ^3.2.0
+    version: 3.2.0(pinia@2.1.7)
   print-js:
     specifier: ^1.6.0
     version: 1.6.0
@@ -7847,6 +7850,14 @@ packages:
     dev: true
     optional: true
 
+  /pinia-plugin-persistedstate@3.2.0(pinia@2.1.7):
+    resolution: {integrity: sha512-tZbNGf2vjAQcIm7alK40sE51Qu/m9oWr+rEgNm/2AWr1huFxj72CjvpQcIQzMknDBJEkQznCLAGtJTIcLKrKdw==}
+    peerDependencies:
+      pinia: ^2.0.0
+    dependencies:
+      pinia: 2.1.7(typescript@5.2.2)(vue@3.3.4)
+    dev: false
+
   /pinia@2.1.7(typescript@5.2.2)(vue@3.3.4):
     resolution: {integrity: sha512-+C2AHFtcFqjPih0zpYuvof37SFxMQ7OEG2zV9jRI12i9BOy3YQVAHwdKtyyc8pDcDyIc33WCIsZaCFWU7WWxGQ==}
     peerDependencies:

src/components/Loading/src/createLoading.ts

@@ -21,7 +21,6 @@ export function createLoading(props?: Partial<LoadingProps>, target?: HTMLElemen
   vm = createVNode(LoadingWrap)
 
   if (wait) {
-    // TODO fix https://gitee.com/xingyuv/issues/438
     setTimeout(() => {
       render(vm, document.createElement('div'))
     }, 0)

src/store/index.ts

@@ -1,7 +1,9 @@
 import type { App } from 'vue'
 import { createPinia } from 'pinia'
+import { registerPiniaPersistPlugin } from '@/store/plugin/persist'
 
 const store = createPinia()
+registerPiniaPersistPlugin(store)
 
 export function setupStore(app: App<Element>) {
   app.use(store)

src/store/plugin/persist.ts

@@ -0,0 +1,38 @@
+/**
+ * Pinia Persist Plugin
+ * Pinia 持久化插件
+ * @link https://prazdevs.github.io/pinia-plugin-persistedstate/zh/guide/
+ *
+ */
+import type { Pinia } from 'pinia'
+import { createPersistedState } from 'pinia-plugin-persistedstate'
+import type { PersistedStateFactoryOptions } from 'pinia-plugin-persistedstate'
+import { getCommonStoragePrefix } from '@/utils/env'
+
+export const PERSIST_KEY_PREFIX = getCommonStoragePrefix()
+
+// TODO customSerializer
+
+/**
+ * Register Pinia Persist Plugin
+ * 注册 Pinia 持久化插件
+ *
+ * @param pinia Pinia instance Pinia 实例
+ */
+export function registerPiniaPersistPlugin(pinia: Pinia) {
+  pinia.use(createPersistedState(createPersistedStateOptions(PERSIST_KEY_PREFIX)))
+}
+
+/**
+ * Create Persisted State Options
+ * 创建持久化状态选项
+ *
+ * @param keyPrefix prefix for storage key 储存键前缀
+ * @returns persisted state factory options
+ */
+export function createPersistedStateOptions(keyPrefix: string): PersistedStateFactoryOptions {
+  return {
+    storage: localStorage,
+    key: id => `${keyPrefix}__${id}`,
+  }
+}