-
Notifications
You must be signed in to change notification settings - Fork 25
Commit
This commit does not belong to any branch on this repository, and may belong to a fork outside of the repository.
- Loading branch information
Showing
11 changed files
with
207 additions
and
36 deletions.
There are no files selected for viewing
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| Original file line number | Diff line number | Diff line change |
|---|---|---|
| @@ -1,16 +1,182 @@ | ||
| export function setlocalStorage(key: string, value?: Recordable) { | ||
| if (value) { | ||
| localStorage.setItem(key, JSON.stringify(value)); | ||
| } else { | ||
| localStorage.removeItem(key); | ||
| import { StorageConfig } from '#/global'; | ||
|
|
||
| import CryptoJS from 'crypto-js'; | ||
|
|
||
| type StorageValue<T> = T | null | undefined; | ||
|
|
||
| // 十六位十六进制数作为密钥 | ||
| const SECRET_KEY = CryptoJS.enc.Utf8.parse('3333e6e143439161'); | ||
| // 十六位十六进制数作为密钥偏移量 | ||
| const SECRET_IV = CryptoJS.enc.Utf8.parse('e3bbe7e3ba84431a'); | ||
|
|
||
| // 类型 window.localStorage,window.sessionStorage, | ||
| let config: StorageConfig = { | ||
| type: 'localStorage', // 本地存储类型 sessionStorage | ||
| prefix: 'xiaosiAdmin', // 名称前缀 建议：项目名 + 项目版本 | ||
| expire: 0, //过期时间 单位：秒 | ||
| isEncrypt: false, // 默认加密 为了调试方便, 开发过程中可以不加密 | ||
| }; | ||
|
|
||
| // 根据请求配置替换默认config | ||
| export const setStorageConfig = (info: StorageConfig) => { | ||
| config = { ...config, ...info }; | ||
| }; | ||
|
|
||
| // 判断是否支持 Storage | ||
| export const isSupportStorage = () => { | ||
| return typeof Storage !== 'undefined' ? true : false; | ||
| }; | ||
|
|
||
| // 设置 setStorage | ||
| export const setStorage = <T>(key: string, value: StorageValue<T>, expire = 0) => { | ||
| if (value === null || value === undefined) { | ||
| value = null; | ||
| } | ||
| } | ||
|
|
||
| export function getlocalStorage(key: string) { | ||
| const value = localStorage.getItem(key); | ||
| if (value) { | ||
| return JSON.parse(value); | ||
| } else { | ||
| if (isNaN(expire) || expire < 0) throw new Error('Expire 必须是数字'); | ||
|
|
||
| if (config.expire > 0 || expire > 0) expire = (expire ? expire : config.expire) * 1000; | ||
| const data = { | ||
| value: value, // 存储值 | ||
| time: Date.now(), //存值时间戳 | ||
| expire: expire, // 过期时间 | ||
| }; | ||
|
|
||
| const encryptString = config.isEncrypt ? encrypt(JSON.stringify(data)) : JSON.stringify(data); | ||
|
|
||
| window[config.type].setItem(autoAddPrefix(key), encryptString); | ||
| }; | ||
|
|
||
| // 获取 getStorage | ||
| export const getStorage = <T>(key: string): StorageValue<T> => { | ||
| key = autoAddPrefix(key); | ||
| // key 不存在判断 | ||
| if ( | ||
| !window[config.type].getItem(key) || | ||
| JSON.stringify(window[config.type].getItem(key)) === 'null' | ||
| ) { | ||
| return null; | ||
| } | ||
| } | ||
|
|
||
| // 优化 持续使用中续期 | ||
| const storage = config.isEncrypt | ||
| ? JSON.parse(decrypt(window[config.type].getItem(key) || '')) | ||
| : JSON.parse(window[config.type].getItem(key) || ''); | ||
|
|
||
| const nowTime = Date.now(); | ||
|
|
||
| // 过期删除 | ||
| if (storage.expire && config.expire * 6000 < nowTime - storage.time) { | ||
| removeStorage(key); | ||
| return null; | ||
| } else { | ||
| // 未过期期间被调用 则自动续期 进行保活 | ||
| setStorage(autoRemovePrefix(key), storage.value); | ||
| return storage.value; | ||
| } | ||
| }; | ||
|
|
||
| // 是否存在 hasStorage | ||
| export const hasStorage = (key: string): boolean => { | ||
| key = autoAddPrefix(key); | ||
| const arr = getStorageAll().filter((item) => { | ||
| return item.key === key; | ||
| }); | ||
| return arr.length ? true : false; | ||
| }; | ||
|
|
||
| // 获取所有key | ||
| export const getStorageKeys = (): (string | null)[] => { | ||
| const items = getStorageAll(); | ||
| const keys = []; | ||
| for (let index = 0; index < items.length; index++) { | ||
| keys.push(items[index].key); | ||
| } | ||
| return keys; | ||
| }; | ||
|
|
||
| // 根据索引获取key | ||
| export const getStorageForIndex = (index: number) => { | ||
| return window[config.type].key(index); | ||
| }; | ||
|
|
||
| // 获取localStorage长度 | ||
| export const getStorageLength = () => { | ||
| return window[config.type].length; | ||
| }; | ||
|
|
||
| // 获取全部 getAllStorage | ||
| export const getStorageAll = () => { | ||
| const len = window[config.type].length; // 获取长度 | ||
| const arr = []; // 定义数据集 | ||
| for (let i = 0; i < len; i++) { | ||
| // 获取key 索引从0开始 | ||
| const getKey = window[config.type].key(i) || ''; | ||
| // 获取key对应的值 | ||
| const getVal = window[config.type].getItem(getKey); | ||
| // 放进数组 | ||
| arr[i] = { key: getKey, val: getVal }; | ||
| } | ||
| return arr; | ||
| }; | ||
|
|
||
| // 删除 removeStorage | ||
| export const removeStorage = (key: string) => { | ||
| window[config.type].removeItem(autoAddPrefix(key)); | ||
| }; | ||
|
|
||
| // 清空 clearStorage | ||
| export const clearStorage = () => { | ||
| window[config.type].clear(); | ||
| }; | ||
|
|
||
| // 名称前自动添加前缀 | ||
| const autoAddPrefix = (key: string): string => { | ||
| const prefix = config.prefix ? config.prefix + '_' : ''; | ||
| return prefix + key; | ||
| }; | ||
|
|
||
| // 移除已添加的前缀 | ||
| const autoRemovePrefix = (key: string) => { | ||
| const len = config.prefix ? config.prefix.length + 1 : 0; | ||
| return key.substr(len); | ||
| }; | ||
|
|
||
| /** | ||
| * 加密方法 | ||
| * @param data | ||
| * @returns {string} | ||
| */ | ||
| const encrypt = (data: string): string => { | ||
| if (typeof data === 'object') { | ||
| try { | ||
| data = JSON.stringify(data); | ||
| } catch (error) { | ||
| console.error('encrypt error:', error); | ||
| } | ||
| } | ||
| const dataHex = CryptoJS.enc.Utf8.parse(data); | ||
| const encrypted = CryptoJS.AES.encrypt(dataHex, SECRET_KEY, { | ||
| iv: SECRET_IV, | ||
| mode: CryptoJS.mode.CBC, | ||
| padding: CryptoJS.pad.Pkcs7, | ||
| }); | ||
| return encrypted.ciphertext.toString(); | ||
| }; | ||
|
|
||
| /** | ||
| * 解密方法 | ||
| * @param data | ||
| * @returns {string} | ||
| */ | ||
| const decrypt = (data: string): string => { | ||
| const encryptedHexStr = CryptoJS.enc.Hex.parse(data); | ||
| const str = CryptoJS.enc.Base64.stringify(encryptedHexStr); | ||
| const decrypt = CryptoJS.AES.decrypt(str, SECRET_KEY, { | ||
| iv: SECRET_IV, | ||
| mode: CryptoJS.mode.CBC, | ||
| padding: CryptoJS.pad.Pkcs7, | ||
| }); | ||
| const decryptedStr = decrypt.toString(CryptoJS.enc.Utf8); | ||
| return decryptedStr.toString(); | ||
| }; |
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters