// 响应式storage
|
import type { App } from "vue";
|
import Storage from "responsive-storage";
|
import { routerArrays } from "@/layout/types";
|
import { responsiveStorageNameSpace } from "@/config";
|
|
export const injectResponsiveStorage = (app: App, config: PlatformConfigs) => {
|
const nameSpace = responsiveStorageNameSpace();
|
const configObj = Object.assign(
|
{
|
// layout模式以及主题
|
layout: Storage.getData("layout", nameSpace) ?? {
|
layout: config.Layout ?? "vertical",
|
theme: config.Theme ?? "light",
|
darkMode: config.DarkMode ?? false,
|
sidebarStatus: config.SidebarStatus ?? true,
|
epThemeColor: config.EpThemeColor ?? "#409EFF",
|
themeColor: config.Theme ?? "light", // 主题色（对应系统配置中的主题色，与theme不同的是它不会受到浅色、深色整体风格切换的影响，只会在手动点击主题色时改变）
|
overallStyle: config.OverallStyle ?? "light" // 整体风格（浅色：light、深色：dark、自动：system）
|
},
|
// 系统配置-界面显示
|
configure: Storage.getData("configure", nameSpace) ?? {
|
grey: config.Grey ?? false,
|
weak: config.Weak ?? false,
|
hideTabs: config.HideTabs ?? false,
|
hideFooter: config.HideFooter ?? true,
|
showLogo: config.ShowLogo ?? true,
|
showModel: config.ShowModel ?? "smart",
|
multiTagsCache: config.MultiTagsCache ?? false,
|
stretch: config.Stretch ?? false
|
}
|
},
|
config.MultiTagsCache
|
? {
|
// 默认显示顶级菜单tag
|
tags: Storage.getData("tags", nameSpace) ?? routerArrays
|
}
|
: {}
|
);
|
|
app.use(Storage, { nameSpace, memory: configObj });
|
};
|
