hs-admin-ui 1.0.8 → 1.0.9

package/src/router/frontEnd.ts

@@ -1,155 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { RouteRecordRaw } from 'vue-router';
-import { storeToRefs } from 'pinia';
-import { formatTwoStageRoutes, formatFlatteningRoutes, router } from '/@/router/index';
-import { dynamicRoutes, notFoundAndNoPower } from '/@/router/route';
-import pinia from '/@/stores/index';
-import { Session } from '/@/utils/storage';
-import { useUserInfo } from '/@/stores/userInfo';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
-import { useRoutesList } from '/@/stores/routesList';
-import { NextLoading } from '/@/utils/loading';
-
-/**
- * 判断路由 `meta.roles` 中是否包含当前登录用户权限字段
- * @param roles 用户权限标识，在 userInfos（用户信息）的 roles（登录页登录时缓存到浏览器）数组
- * @param route 当前循环时的路由项
- * @returns 返回对比后有权限的路由项
- */
-export function hasRoles(roles: any, route: any) {
-	if (route.meta && route.meta.roles) return roles.some((role: any) => route.meta.roles.includes(role));
-	else return true;
-}
-
-/**
- * 获取当前用户权限标识去比对路由表，设置递归过滤有权限的路由
- * @param routes 当前路由 children
- * @param roles 用户权限标识，在 userInfos（用户信息）的 roles（登录页登录时缓存到浏览器）数组
- * @returns 返回有权限的路由数组 `meta.roles` 中控制
- */
-// eslint-disable-next-line @typescript-eslint/no-explicit-any
-export function setFilterHasRolesMenu(routes: any, roles: any) {
-	const menu: any = [];
-	routes.forEach((route: any) => {
-		const item = { ...route };
-		if (hasRoles(roles, item)) {
-			if (item.children) item.children = setFilterHasRolesMenu(item.children, roles);
-			menu.push(item);
-		}
-	});
-	return menu;
-}
-
-/**
- * 获取当前用户权限标识去比对路由表（未处理成多级嵌套路由）
- * @description 这里主要用于动态路由的添加，router.addRoute
- * @link 参考：https://next.router.vuejs.org/zh/api/#addroute
- * @param chil dynamicRoutes（@/router/route）第一个顶级 children 的下路由集合
- * @returns 返回有当前用户权限标识的路由数组
- */
-export function setFilterRoute(chil: any) {
-	const stores = useUserInfo(pinia);
-	const { userInfos } = storeToRefs(stores);
-	let filterRoute: any = [];
-	chil.forEach((route: any) => {
-		if (route.meta.roles) {
-			route.meta.roles.forEach((metaRoles: any) => {
-				userInfos.value.roles.forEach((roles: any) => {
-					if (metaRoles === roles) filterRoute.push({ ...route });
-				});
-			});
-		}
-	});
-	return filterRoute;
-}
-/**
- * 获取有当前用户权限标识的路由数组，进行对原路由的替换
- * @description 替换 dynamicRoutes（@/router/route）第一个顶级 children 的路由
- * @returns 返回替换后的路由数组
- */
-export function setFilterRouteEnd() {
-	let filterRouteEnd: any = formatTwoStageRoutes(formatFlatteningRoutes(dynamicRoutes));
-	// notFoundAndNoPower 防止 404、401 不在 layout 布局中，不设置的话，404、401 界面将全屏显示
-	// 关联问题 No match found for location with path 'xxx'
-	filterRouteEnd[0].children = [...setFilterRoute(filterRouteEnd[0].children), ...notFoundAndNoPower];
-	return filterRouteEnd;
-}
-
-/**
- * 添加动态路由
- * @method router.addRoute
- * @description 此处循环为 dynamicRoutes（@/router/route）第一个顶级 children 的路由一维数组，非多级嵌套
- * @link 参考：https://next.router.vuejs.org/zh/api/#addroute
- */
-export async function setAddRoute() {
-	await setFilterRouteEnd().forEach((route: RouteRecordRaw) => {
-		console.debug('后端路由信息:', route);
-		router.addRoute(route);
-	});
-}
-
-/**
- * 缓存多级嵌套数组处理后的一维数组
- * @description 用于 tagsView、菜单搜索中：未过滤隐藏的(isHide)
- */
-export function setCacheTagsViewRoutes() {
-	// 获取有权限的路由，否则 tagsView、菜单搜索中无权限的路由也将显示
-	const stores = useUserInfo(pinia);
-	const storesTagsView = useTagsViewRoutes(pinia);
-	const { userInfos } = storeToRefs(stores);
-	let rolesRoutes = setFilterHasRolesMenu(dynamicRoutes, userInfos.value.roles);
-	// 添加到 pinia setTagsViewRoutes 中
-	storesTagsView.setTagsViewRoutes(formatTwoStageRoutes(formatFlatteningRoutes(rolesRoutes))[0].children);
-}
-
-/**
- * 设置递归过滤有权限的路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组
- * @description 用于左侧菜单、横向菜单的显示
- * @description 用于 tagsView、菜单搜索中：未过滤隐藏的(isHide)
- */
-export function setFilterMenuAndCacheTagsViewRoutes() {
-	const stores = useUserInfo(pinia);
-	const storesRoutesList = useRoutesList(pinia);
-	const { userInfos } = storeToRefs(stores);
-	storesRoutesList.setRoutesList(setFilterHasRolesMenu(dynamicRoutes[0].children, userInfos.value.roles));
-	setCacheTagsViewRoutes();
-}
-
-// 前端控制路由
-
-/**
- * 前端控制路由：初始化方法，防止刷新时路由丢失
- * @method  NextLoading 界面 loading 动画开始执行
- * @method useUserInfo(pinia).setUserInfos() 触发初始化用户信息 pinia
- * @method setAddRoute 添加动态路由
- * @method setFilterMenuAndCacheTagsViewRoutes 设置递归过滤有权限的路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组
- */
-export async function initFrontEndControlRoutes() {
-	// 界面 loading 动画开始执行
-	if (window.nextLoading === undefined) NextLoading.start();
-	// 无 token 停止执行下一步
-	const userInfo = useUserInfo();
-	const token = await userInfo.isLogin();
-	if (!token) return false;
-	// 触发初始化用户信息 pinia
-	// await useUserInfo(pinia).setUserInfos();
-	// // 无登录权限时，添加判断
-	// if (useUserInfo().userInfos.roles.length <= 0) return Promise.resolve(true);
-	// 添加动态路由
-	await setAddRoute();
-	// 设置递归过滤有权限的路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组
-	setFilterMenuAndCacheTagsViewRoutes();
-}
-
-/**
- * 删除/重置路由
- * @method router.removeRoute
- * @description 此处循环为 dynamicRoutes（@/router/route）第一个顶级 children 的路由一维数组，非多级嵌套
- * @link 参考：https://next.router.vuejs.org/zh/api/#push
- */
-export async function frontEndsResetRoute() {
-	await setFilterRouteEnd().forEach((route: RouteRecordRaw) => {
-		const routeName: any = route.name;
-		router.hasRoute(routeName) && router.removeRoute(routeName);
-	});
-}

package/src/router/index.ts

@@ -1,138 +0,0 @@
-import { createRouter, createWebHistory } from 'vue-router';
-import NProgress from 'nprogress';
-import 'nprogress/nprogress.css';
-import pinia from '/@/stores/index';
-import { storeToRefs } from 'pinia';
-import { useKeepALiveNames } from '/@/stores/keepAliveNames';
-import { useRoutesList } from '/@/stores/routesList';
-import { useThemeConfig } from '/@/stores/themeConfig';
-import { Session } from '/@/utils/storage';
-import { staticRoutes, notFoundAndNoPower } from '/@/router/route';
-import { initFrontEndControlRoutes } from '/@/router/frontEnd';
-import { initBackEndControlRoutes } from '/@/router/backEnd';
-import { useUserInfo } from '/@/stores/userInfo';
-
-/**
- * 1、前端控制路由时：isRequestRoutes 为 false，需要写 roles，需要走 setFilterRoute 方法。
- * 2、后端控制路由时：isRequestRoutes 为 true，不需要写 roles，不需要走 setFilterRoute 方法)，
- * 相关方法已拆解到对应的 `backEnd.ts` 与 `frontEnd.ts`(他们互不影响，不需要同时改 2 个文件)。
- * 特别说明：
- * 1、前端控制：路由菜单由前端去写(无菜单管理界面，有角色管理界面)，角色管理中有 roles 属性，需返回到 userInfo 中。
- * 2、后端控制：路由菜单由后端返回(有菜单管理界面、有角色管理界面)
- */
-
-// 读取 `/src/stores/themeConfig.ts` 是否开启后端控制路由配置
-const storesThemeConfig = useThemeConfig(pinia);
-const { themeConfig } = storeToRefs(storesThemeConfig);
-const { isRequestRoutes } = themeConfig.value;
-
-/**
- * 创建一个可以被 Vue 应用程序使用的路由实例
- * @method createRouter(options: RouterOptions): Router
- * @link 参考：https://next.router.vuejs.org/zh/api/#createrouter
- */
-export const router = createRouter({
-	// history: createWebHashHistory("./"),
-	history: createWebHistory(),
-	/**
-	 * 说明：
-	 * 1、notFoundAndNoPower 默认添加 404、401 界面，防止一直提示 No match found for location with path 'xxx'
-	 * 2、backEnd.ts(后端控制路由)、frontEnd.ts(前端控制路由) 中也需要加 notFoundAndNoPower 404、401 界面。
-	 *    防止 404、401 不在 layout 布局中，不设置的话，404、401 界面将全屏显示
-	 */
-	routes: [...notFoundAndNoPower, ...staticRoutes],
-});
-
-/**
- * 路由多级嵌套数组处理成一维数组
- * @param arr 传入路由菜单数据数组
- * @returns 返回处理后的一维路由菜单数组
- */
-export function formatFlatteningRoutes(arr: any) {
-	if (arr.length <= 0) return false;
-	for (let i = 0; i < arr.length; i++) {
-		if (arr[i].children) {
-			arr = arr.slice(0, i + 1).concat(arr[i].children, arr.slice(i + 1));
-		}
-	}
-	return arr;
-}
-
-/**
- * 一维数组处理成多级嵌套数组(只保留二级：也就是二级以上全部处理成只有二级，keep-alive 支持二级缓存)
- * @description isKeepAlive 处理 `name` 值，进行缓存。顶级关闭，全部不缓存
- * @link 参考：https://v3.cn.vuejs.org/api/built-in-components.html#keep-alive
- * @param arr 处理后的一维路由菜单数组
- * @returns 返回将一维数组重新处理成 `定义动态路由(dynamicRoutes)` 的格式
- */
-export function formatTwoStageRoutes(arr: any) {
-	if (arr.length <= 0) return false;
-	const newArr: any = [];
-	const cacheList: Array<string> = [];
-	arr.forEach((v: any) => {
-		if (v.path === '/') {
-			newArr.push({ component: v.component, name: v.name, path: v.path, redirect: v.redirect, meta: v.meta, children: [] });
-		} else {
-			// 判断是否是动态路由(xx/:id/:name)，用于 tagsView 等中使用
-			if (v.path.indexOf('/:') > -1) {
-				v.meta['isDynamic'] = true;
-				v.meta['isDynamicPath'] = v.path;
-			}
-			newArr[0].children.push({ ...v });
-			// 存 name 值，keep-alive 中 include 使用，实现路由的缓存
-			// 路径：@/layout/routerView/parent.vue
-			if (newArr[0].meta.isKeepAlive && v.meta.isKeepAlive) {
-				cacheList.push(v.name);
-				const stores = useKeepALiveNames(pinia);
-				stores.setCacheKeepAlive(cacheList);
-			}
-		}
-	});
-	return newArr;
-}
-
-// 路由加载前
-router.beforeEach(async (to, from, next) => {
-	NProgress.configure({ showSpinner: false });
-	if (to.meta.title) NProgress.start();
-	const userInfo = useUserInfo();
-	const token = await userInfo.isLogin();
-	if (to.path === '/login' && !token) {
-		next();
-		NProgress.done();
-	} else {
-		if (!token) {
-			next(`/login?redirect=${to.path}&params=${JSON.stringify(to.query ? to.query : to.params)}`);
-			Session.clear();
-			NProgress.done();
-		} else if (token && to.path === '/login') {
-			next('/home');
-			NProgress.done();
-		} else {
-			const storesRoutesList = useRoutesList(pinia);
-			const { routesList } = storeToRefs(storesRoutesList);
-			if (routesList.value.length === 0) {
-				if (isRequestRoutes) {
-					// 后端控制路由：路由数据初始化，防止刷新时丢失
-					await initBackEndControlRoutes();
-					// 解决刷新时，一直跳 404 页面问题，关联问题 No match found for location with path 'xxx'
-					// to.query 防止页面刷新时，普通路由带参数时，参数丢失。动态路由(xxx/:id/:name")isDynamic 无需处理
-					next({ path: to.path, query: to.query });
-				} else {
-					await initFrontEndControlRoutes();
-					next({ path: to.path, query: to.query });
-				}
-			} else {
-				next();
-			}
-		}
-	}
-});
-
-// 路由加载后
-router.afterEach(() => {
-	NProgress.done();
-});
-
-// 导出路由
-export default router;

package/src/router/route.ts

@@ -1,94 +0,0 @@
-import { RouteRecordRaw } from 'vue-router';
-
-/**
- * 建议：路由 path 路径与文件夹名称相同，找文件可浏览器地址找，方便定位文件位置
- *
- * 路由meta对象参数说明
- * meta: {
- *      title:          菜单栏及 tagsView 栏、菜单搜索名称（国际化）
- *      isLink：        是否超链接菜单，开启外链条件，`1、isLink: 链接地址不为空 2、isIframe:false`
- *      isHide：        是否隐藏此路由
- *      isKeepAlive：   是否缓存组件状态
- *      isAffix：       是否固定在 tagsView 栏上
- *      isIframe：      是否内嵌窗口，开启条件，`1、isIframe:true 2、isLink：链接地址不为空`
- *      roles：         当前路由权限标识，取角色管理。控制路由显示、隐藏。超级管理员：admin 普通角色：common
- *      icon：          菜单、tagsView 图标，阿里：加 `iconfont xxx`，fontawesome：加 `fa xxx`
- * }
- */
-
-// 扩展 RouteMeta 接口
-declare module 'vue-router' {
-	interface RouteMeta {
-		title?: string;
-		isLink?: string;
-		isHide?: boolean;
-		isKeepAlive?: boolean;
-		isAffix?: boolean;
-		isIframe?: boolean;
-		roles?: string[];
-		icon?: string;
-	}
-}
-
-/**
- * 定义动态路由
- * 前端添加路由，请在顶级节点的 `children 数组` 里添加
- * @description 未开启 isRequestRoutes 为 true 时使用（前端控制路由），开启时第一个顶级 children 的路由将被替换成接口请求回来的路由数据
- * @description 各字段请查看 `@/views/system/menu/component/addMenu.vue 下的 ruleForm`
- * @returns 返回路由菜单数据
- */
-export const dynamicRoutes: Array<RouteRecordRaw> = [
-	{
-		path: '/',
-		name: '/',
-		component: () => import('/@/layout/index.vue'),
-		redirect: '/home',
-		meta: {
-			isKeepAlive: true,
-		},
-		children: [
-		],
-	},
-];
-
-/**
- * 定义404、401界面
- * @link 参考：https://next.router.vuejs.org/zh/guide/essentials/history-mode.html#netlify
- */
-export const notFoundAndNoPower = [
-	{
-		path: '/:path(.*)*',
-		name: 'notFound',
-		component: () => import('/@/views/error/404.vue'),
-		meta: {
-			title: '找不到此页面',
-			isHide: true,
-		},
-	},
-	{
-		path: '/401',
-		name: 'noPower',
-		component: () => import('/@/views/error/401.vue'),
-		meta: {
-			title: '没有权限',
-			isHide: true,
-		},
-	},
-];
-
-/**
- * 定义静态路由（默认路由）
- * 此路由不要动，前端添加路由的话，请在 `dynamicRoutes 数组` 中添加
- * @description 前端控制直接改 dynamicRoutes 中的路由，后端控制不需要修改，请求接口路由数据时，会覆盖 dynamicRoutes 第一个顶级 children 的内容（全屏，不包含 layout 中的路由出口）
- * @returns 返回路由菜单数据
- */
-export const staticRoutes: Array<RouteRecordRaw> = [
-	{
-		path: '/login',
-		name: 'login',
-		component: () => import('/@/views/login/index.vue'),
-		meta: {
-			title: '登录',
-		},
-	},
-];

package/src/stores/index.ts

@@ -1,8 +0,0 @@
-// https://pinia.vuejs.org/
-import { createPinia } from 'pinia';
-
-// 创建
-const pinia = createPinia();
-
-// 导出
-export default pinia;

package/src/stores/keepAliveNames.ts

@@ -1,38 +0,0 @@
-import { defineStore } from 'pinia';
-
-/**
- * 路由缓存列表
- * @methods setCacheKeepAlive 设置要缓存的路由 names（开启 Tagsview）
- * @methods addCachedView 添加要缓存的路由 names（关闭 Tagsview）
- * @methods delCachedView 删除要缓存的路由 names（关闭 Tagsview）
- * @methods delOthersCachedViews 右键菜单`关闭其它`，删除要缓存的路由 names（关闭 Tagsview）
- * @methods delAllCachedViews 右键菜单`全部关闭`，删除要缓存的路由 names（关闭 Tagsview）
- */
-export const useKeepALiveNames = defineStore('keepALiveNames', {
-	state: (): KeepAliveNamesState => ({
-		keepAliveNames: [],
-		cachedViews: [],
-	}),
-	actions: {
-		async setCacheKeepAlive(data: Array<string>) {
-			this.keepAliveNames = data;
-		},
-		// eslint-disable-next-line @typescript-eslint/no-explicit-any
-		async addCachedView(view: any) {
-			if (view.meta.isKeepAlive) this.cachedViews?.push(view.name);
-		},
-		// eslint-disable-next-line @typescript-eslint/no-explicit-any
-		async delCachedView(view: any) {
-			const index = this.cachedViews.indexOf(view.name);
-			index > -1 && this.cachedViews.splice(index, 1);
-		},
-		// eslint-disable-next-line @typescript-eslint/no-explicit-any
-		async delOthersCachedViews(view: any) {
-			if (view.meta.isKeepAlive) this.cachedViews = [view.name];
-			else this.cachedViews = [];
-		},
-		async delAllCachedViews() {
-			this.cachedViews = [];
-		},
-	},
-});

package/src/stores/requestOldRoutes.ts

@@ -1,16 +0,0 @@
-import { defineStore } from 'pinia';
-
-/**
- * 后端返回原始路由(未处理时)
- * @methods setCacheKeepAlive 设置接口原始路由数据
- */
-export const useRequestOldRoutes = defineStore('requestOldRoutes', {
-	state: (): RequestOldRoutesState => ({
-		requestOldRoutes: [],
-	}),
-	actions: {
-		async setRequestOldRoutes(routes: Array<string>) {
-			this.requestOldRoutes = routes;
-		},
-	},
-});

package/src/stores/routesList.ts

@@ -1,26 +0,0 @@
-import { defineStore } from 'pinia';
-
-/**
- * 路由列表
- * @methods setRoutesList 设置路由数据
- * @methods setColumnsMenuHover 设置分栏布局菜单鼠标移入 boolean
- * @methods setColumnsNavHover 设置分栏布局最左侧导航鼠标移入 boolean
- */
-export const useRoutesList = defineStore('routesList', {
-	state: (): RoutesListState => ({
-		routesList: [],
-		isColumnsMenuHover: false,
-		isColumnsNavHover: false,
-	}),
-	actions: {
-		async setRoutesList(data: Array<string>) {
-			this.routesList = data;
-		},
-		async setColumnsMenuHover(bool: boolean) {
-			this.isColumnsMenuHover = bool;
-		},
-		async setColumnsNavHover(bool: boolean) {
-			this.isColumnsNavHover = bool;
-		},
-	},
-});

package/src/stores/tagsViewRoutes.ts

@@ -1,23 +0,0 @@
-import { defineStore } from 'pinia';
-import { Session } from '/@/utils/storage';
-
-/**
- * TagsView 路由列表
- * @methods setTagsViewRoutes 设置 TagsView 路由列表
- * @methods setCurrenFullscreen 设置开启/关闭全屏时的 boolean 状态
- */
-export const useTagsViewRoutes = defineStore('tagsViewRoutes', {
-	state: (): TagsViewRoutesState => ({
-		tagsViewRoutes: [],
-		isTagsViewCurrenFull: false,
-	}),
-	actions: {
-		async setTagsViewRoutes(data: Array<string>) {
-			this.tagsViewRoutes = data;
-		},
-		setCurrenFullscreen(bool: boolean) {
-			Session.set('isTagsViewCurrenFull', bool);
-			this.isTagsViewCurrenFull = bool;
-		},
-	},
-});

package/src/stores/themeConfig.ts

@@ -1,142 +0,0 @@
-import { defineStore } from 'pinia';
-
-/**
- * 布局配置
- * 修改配置时：
- * 1、理需要每次都清 `window.localStorage` 浏览器永久缓存
- * 2、或者点击布局配置最底部 `一键恢复默认` 按钮即可看到效果
- */
-export const useThemeConfig = defineStore('themeConfig', {
-	state: (): ThemeConfigState => ({
-		themeConfig: {
-			// 是否开启布局配置抽屉
-			isDrawer: false,
-
-			/**
-			 * 全局主题
-			 */
-			// 默认 primary 主题颜色
-			primary: '#409eff',
-			// 是否开启深色模式
-			isIsDark: false,
-			/**
-			 * 顶栏设置
-			 */
-			// 默认顶栏导航背景颜色
-			topBar: '#ffffff',
-			// 默认顶栏导航字体颜色
-			topBarColor: '#606266',
-			// 是否开启顶栏背景颜色渐变
-			isTopBarColorGradual: false,
-			/**
-			 * 菜单设置
-			 */
-			// 默认菜单导航背景颜色
-			menuBar: '#545c64',
-			// 默认菜单导航字体颜色
-			menuBarColor: '#eaeaea',
-			// 默认菜单高亮背景色
-			menuBarActiveColor: 'rgba(0, 0, 0, 0.2)',
-			// 是否开启菜单背景颜色渐变
-			isMenuBarColorGradual: false,
-			/**
-			 * 分栏设置
-			 */
-			// 默认分栏菜单背景颜色
-			columnsMenuBar: '#545c64',
-			// 默认分栏菜单字体颜色
-			columnsMenuBarColor: '#e6e6e6',
-			// 是否开启分栏菜单背景颜色渐变
-			isColumnsMenuBarColorGradual: false,
-			// 是否开启分栏菜单鼠标悬停预加载(预览菜单)
-			isColumnsMenuHoverPreload: false,
-			/**
-			 * 界面设置
-			 */
-			// 是否开启菜单水平折叠效果
-			isCollapse: false,
-			// 是否开启菜单手风琴效果
-			isUniqueOpened: true,
-			// 是否开启固定 Header
-			isFixedHeader: true,
-			// 初始化变量，用于更新菜单 el-scrollbar 的高度，请勿删除
-			isFixedHeaderChange: false,
-			// 是否开启经典布局分割菜单（仅经典布局生效）
-			isClassicSplitMenu: false,
-			// 是否开启自动锁屏
-			isLockScreen: false,
-			// 开启自动锁屏倒计时(s/秒)
-			lockScreenTime: 30,
-			/**
-			 * 界面显示
-			 */
-			// 是否开启侧边栏 Logo
-			isShowLogo: true,
-			// 初始化变量，用于 el-scrollbar 的高度更新，请勿删除
-			isShowLogoChange: false,
-			// 是否开启 Breadcrumb，强制经典、横向布局不显示
-			isBreadcrumb: true,
-			// 是否开启 Tagsview
-			isTagsview: true,
-			// 是否开启 Breadcrumb 图标
-			isBreadcrumbIcon: false,
-			// 是否开启 Tagsview 图标
-			isTagsviewIcon: false,
-			// 是否开启 TagsView 缓存
-			isCacheTagsView: false,
-			// 是否开启 TagsView 拖拽
-			isSortableTagsView: true,
-			// 是否开启 TagsView 共用
-			isShareTagsView: false,
-			// 是否开启 Footer 底部版权信息
-			isFooter: false,
-			// 是否开启水印
-			isWartermark: false,
-			// 水印文案
-			wartermarkText: '',
-			/**
-			 * 其它设置
-			 */
-			// Tagsview 风格：可选值"<tags-style-one|tags-style-four|tags-style-five>"，默认 tags-style-five
-			// 定义的值与 `/src/layout/navBars/tagsView/tagsView.vue` 中的 class 同名
-			tagsStyle: 'tags-style-five',
-			// 主页面切换动画：可选值"<slide-right|slide-left|opacitys>"，默认 slide-right
-			animation: 'slide-right',
-			// 分栏高亮风格：可选值"<columns-round|columns-card>"，默认 columns-round
-			columnsAsideStyle: 'columns-round',
-			// 分栏布局风格：可选值"<columns-horizontal|columns-vertical>"，默认 columns-horizontal
-			columnsAsideLayout: 'columns-vertical',
-
-			/**
-			 * 布局切换
-			 * 注意：为了演示，切换布局时，颜色会被还原成默认，代码位置：@/layout/navBars/topBar/setings.vue
-			 * 中的 `initSetLayoutChange(设置布局切换，重置主题样式)` 方法
-			 */
-			// 布局切换：可选值"<defaults|classic|transverse|columns>"，默认 defaults
-			layout: 'defaults',
-			/**
-			 * 后端控制路由
-			 */
-			// 是否开启后端控制路由
-			isRequestRoutes: true,
-			/**
-			 * 全局网站标题 / 副标题
-			 */
-			// 网站主标题（菜单导航、浏览器当前网页标题）
-			globalTitle: '华速前端框架',
-			// 网站副标题（登录页顶部文字）
-			globalViceTitle: 'vue3 + typescript5 + vite5 的框架',
-			// 网站副标题（登录页顶部文字）
-			globalViceTitleMsg: 'hs-admin',
-			// 默认初始语言，可选值"<zh-cn|en|zh-tw>"，默认 zh-cn
-			globalI18n: 'zh-cn',
-			// 默认全局组件大小，可选值"<large|'default'|small>"，默认 'large'
-			globalComponentSize: 'large',
-		},
-	}),
-	actions: {
-		setThemeConfig(data: ThemeConfigState) {
-			this.themeConfig = data.themeConfig;
-		},
-	},
-});