fix: localstorage encode error

.eslintrc

@@ -0,0 +1,3 @@
+{
+  "extends": "@chansee97/eslint-config-vue"
+}

.eslintrc.js

@@ -1,3 +0,0 @@
-module.exports = {
-  extends: '@chansee97/eslint-config-vue',
-}

src/config/system.ts

@@ -1,6 +1,9 @@
 /** 本地存储前缀 */
 export const STORAGE_PREFIX = ''
 
+/* 开启本地存储加密 */
+export const STORAGE_ENCRYPT = false
+
 /** 本地存储加密密钥 */
 export const STORAGE_ENCRYPT_SECRET = '__CryptoJS_Secret__'
 

src/utils/crypto.ts

@@ -1,8 +1,6 @@
 import CryptoJS from 'crypto-js'
 import { isObject } from './is'
-import { STORAGE_ENCRYPT_SECRET } from '@/config'
-
-const { VITE_STORAGE_ENCRYPT } = import.meta.env
+import { STORAGE_ENCRYPT, STORAGE_ENCRYPT_SECRET } from '@/config'
 
 /**
  * 加密数据
@@ -14,7 +12,7 @@ export function encrypto(data: any) {
   if (isObject(data))
     newData = JSON.stringify(data)
 
-  if (VITE_STORAGE_ENCRYPT)
+  if (!STORAGE_ENCRYPT)
     return newData
 
   return CryptoJS.AES.encrypt(newData, STORAGE_ENCRYPT_SECRET).toString()
@@ -25,7 +23,7 @@ export function encrypto(data: any) {
  * @param cipherText - 密文
  */
 export function decrypto(cipherText: string) {
-  if (!VITE_STORAGE_ENCRYPT)
+  if (!STORAGE_ENCRYPT)
     return JSON.parse(cipherText)
 
   const bytes = CryptoJS.AES.decrypt(cipherText, STORAGE_ENCRYPT_SECRET)

src/utils/storage.ts

@@ -1,4 +1,5 @@
 import { decrypto, encrypto } from './crypto'
+
 // 读取缓存前缀
 import { STORAGE_DEFAULT_CACHE_TIME, STORAGE_PREFIX } from '@/config'
 

src/views/login/components/Login/index.vue

@@ -65,34 +65,14 @@ checkUserAccount()
 <template>
   <div>
     <n-h1 depth="3">
-      <SvgIcon
-        name="logo"
-        :size="42"
-        class="mr-1ch"
-      />登录
+      <SvgIcon name="logo" :size="42" class="mr-1ch" />登录
     </n-h1>
-    <n-form
-      ref="formRef"
-      :rules="rules"
-      :model="formValue"
-      :show-label="false"
-      size="large"
-    >
+    <n-form ref="formRef" :rules="rules" :model="formValue" :show-label="false" size="large">
       <n-form-item path="account">
-        <n-input
-          v-model:value="formValue.account"
-          clearable
-          placeholder="输入账号"
-        />
+        <n-input v-model:value="formValue.account" clearable placeholder="输入账号" />
       </n-form-item>
       <n-form-item path="pwd">
-        <n-input
-          v-model:value="formValue.pwd"
-          type="password"
-          placeholder="输入密码"
-          clearable
-          show-password-on="click"
-        >
+        <n-input v-model:value="formValue.pwd" type="password" placeholder="输入密码" clearable show-password-on="click">
           <template #password-invisible-icon>
             <i-icon-park-outline-preview-close-one />
           </template>
@@ -103,45 +83,23 @@ checkUserAccount()
       </n-form-item>
       <n-form-item path="code">
         <n-space align="center">
-          <n-input
-            v-model:value="formValue.code"
-            clearable
-            placeholder="输入验证码"
-            :maxlength="4"
-          />
+          <n-input v-model:value="formValue.code" clearable placeholder="输入验证码" :maxlength="4" />
           <div>验证码</div>
         </n-space>
       </n-form-item>
-      <n-space
-        vertical
-        :size="20"
-      >
+      <n-space vertical :size="20">
         <div class="flex-y-center justify-between">
           <n-checkbox v-model:checked="isRemember">
             记住我
           </n-checkbox>
-          <n-button
-            type="primary"
-            text
-            @click="toOtherForm('resetPwd')"
-          >
+          <n-button type="primary" text @click="toOtherForm('resetPwd')">
             忘记密码？
           </n-button>
         </div>
-        <n-button
-          block
-          type="primary"
-          size="large"
-          :loading="authStore.loginLoading"
-          @click="handleLogin"
-        >
+        <n-button block type="primary" size="large" :loading="authStore.loginLoading" @click="handleLogin">
           登录
         </n-button>
-        <n-button
-          type="primary"
-          text
-          @click="toOtherForm('register')"
-        >
+        <n-button type="primary" text @click="toOtherForm('register')">
           立即注册
         </n-button>
       </n-space>