hs-admin-ui 1.0.0 → 1.0.2

package/src/layout/routerView/iframes.vue

@@ -1,101 +0,0 @@
-<template>
-	<div class="layout-padding layout-padding-unset layout-iframe">
-		<div class="layout-padding-auto layout-padding-view">
-			<div class="w100" v-for="v in setIframeList" :key="v.path" v-loading="v.meta.loading" element-loading-background="white">
-				<transition-group :name="name">
-					<iframe
-						:src="v.meta.isLink"
-						:key="v.path"
-						frameborder="0"
-						height="100%"
-						width="100%"
-						style="position: absolute"
-						:data-url="v.path"
-						v-show="getRoutePath === v.path"
-						ref="iframeRef"
-					/>
-				</transition-group>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts" name="layoutIframeView">
-import { computed, watch, ref, nextTick } from 'vue';
-import { useRoute } from 'vue-router';
-
-// 定义父组件传过来的值
-const props = defineProps({
-	// 刷新 iframe
-	refreshKey: {
-		type: String,
-		default: () => '',
-	},
-	// 过渡动画 name
-	name: {
-		type: String,
-		default: () => 'slide-right',
-	},
-	// iframe 列表
-	list: {
-		type: Array,
-		default: () => [],
-	},
-});
-
-// 定义变量内容
-const iframeRef = ref();
-const route = useRoute();
-
-// 处理 list 列表，当打开时，才进行加载
-const setIframeList = computed(() => {
-	return (<RouteItems>props.list).filter((v: RouteItem) => v.meta?.isIframeOpen);
-});
-// 获取 iframe 当前路由 path
-const getRoutePath = computed(() => {
-	return route.path;
-});
-// 关闭 iframe loading
-const closeIframeLoading = (val: string, item: RouteItem) => {
-	nextTick(() => {
-		if (!iframeRef.value) return false;
-		iframeRef.value.forEach((v: HTMLElement) => {
-			if (v.dataset.url === val) {
-				v.onload = () => {
-					if (item.meta?.isIframeOpen && item.meta.loading) item.meta.loading = false;
-				};
-			}
-		});
-	});
-};
-// 监听路由变化，初始化 iframe 数据，防止多个 iframe 时，切换不生效
-watch(
-	() => route.fullPath,
-	(val) => {
-		const item: any = props.list.find((v: any) => v.path === val);
-		if (!item) return false;
-		if (!item.meta.isIframeOpen) item.meta.isIframeOpen = true;
-		closeIframeLoading(val, item);
-	},
-	{
-		immediate: true,
-	}
-);
-// 监听 iframe refreshKey 变化，用于 tagsview 右键菜单刷新
-watch(
-	() => props.refreshKey,
-	() => {
-		const item: any = props.list.find((v: any) => v.path === route.path);
-		if (!item) return false;
-		if (item.meta.isIframeOpen) item.meta.isIframeOpen = false;
-		setTimeout(() => {
-			item.meta.isIframeOpen = true;
-			item.meta.loading = true;
-			closeIframeLoading(route.fullPath, item);
-		});
-	},
-	{
-		deep: true,
-	}
-);
-</script>

package/src/layout/routerView/link.vue

@@ -1,93 +0,0 @@
-<template>
-	<div class="layout-padding layout-link-container">
-		<div class="layout-padding-auto layout-padding-view">
-			<div class="layout-link-warp">
-				<i class="layout-link-icon iconfont icon-xingqiu"></i>
-				<div class="layout-link-msg">页面 {{ state.title }} 已在新窗口中打开</div>
-				<el-button class="mt30" round size="default" @click="onGotoFullPage">
-					<i class="iconfont icon-lianjie"></i>
-					<span>立即前往体验</span>
-				</el-button>
-			</div>
-		</div>
-	</div>
-</template>
-
-<script setup lang="ts" name="layoutLinkView">
-import { reactive, watch } from 'vue';
-import { useRoute } from 'vue-router';
-import { verifyUrl } from '/@/utils/toolsValidate';
-
-// 定义变量内容
-const route = useRoute();
-const state = reactive<LinkViewState>({
-	title: '',
-	isLink: '',
-});
-
-// 立即前往
-const onGotoFullPage = () => {
-	const { origin, pathname } = window.location;
-	if (verifyUrl(<string>state.isLink)) window.open(state.isLink);
-	else window.open(`${origin}${pathname}#${state.isLink}`);
-};
-// 监听路由的变化，设置内容
-watch(
-	() => route.path,
-	() => {
-		state.title = <string>route.meta.title;
-		state.isLink = <string>route.meta.isLink;
-	},
-	{
-		immediate: true,
-	}
-);
-</script>
-
-<style scoped lang="scss">
-.layout-link-container {
-	.layout-link-warp {
-		margin: auto;
-		display: flex;
-		flex-direction: column;
-		align-items: center;
-		justify-content: center;
-		i.layout-link-icon {
-			position: relative;
-			font-size: 100px;
-			color: var(--el-color-primary);
-			&::after {
-				content: '';
-				position: absolute;
-				left: 50px;
-				top: 0;
-				width: 15px;
-				height: 100px;
-				background: linear-gradient(
-					rgba(255, 255, 255, 0.01),
-					rgba(255, 255, 255, 0.01),
-					rgba(255, 255, 255, 0.01),
-					rgba(255, 255, 255, 0.05),
-					rgba(255, 255, 255, 0.05),
-					rgba(255, 255, 255, 0.05),
-					rgba(235, 255, 255, 0.5),
-					rgba(255, 255, 255, 0.05),
-					rgba(255, 255, 255, 0.05),
-					rgba(255, 255, 255, 0.05),
-					rgba(255, 255, 255, 0.01),
-					rgba(255, 255, 255, 0.01),
-					rgba(255, 255, 255, 0.01)
-				);
-				transform: rotate(-15deg);
-				animation: toRight 5s linear infinite;
-			}
-		}
-		.layout-link-msg {
-			font-size: 12px;
-			color: var(--next-bg-topBarColor);
-			opacity: 0.7;
-			margin-top: 15px;
-		}
-	}
-}
-</style>

package/src/layout/routerView/parent.vue

@@ -1,104 +0,0 @@
-<template>
-	<div class="layout-parent">
-		<router-view v-slot="{ Component }">
-			<transition :name="setTransitionName" mode="out-in">
-				<keep-alive :include="getKeepAliveNames">
-					<component :is="Component" :key="state.refreshRouterViewKey" class="w100" v-show="!isIframePage" />
-				</keep-alive>
-			</transition>
-		</router-view>
-		<transition :name="setTransitionName" mode="out-in">
-			<Iframes class="w100" v-show="isIframePage" :refreshKey="state.iframeRefreshKey" :name="setTransitionName" :list="state.iframeList" />
-		</transition>
-	</div>
-</template>
-
-<script setup lang="ts" name="layoutParentView">
-import { defineAsyncComponent, computed, reactive, onBeforeMount, onUnmounted, nextTick, watch, onMounted } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-import { storeToRefs } from 'pinia';
-import { useKeepALiveNames } from '/@/stores/keepAliveNames';
-import { useThemeConfig } from '/@/stores/themeConfig';
-import { Session } from '/@/utils/storage';
-import mittBus from '/@/utils/mitt';
-
-// 引入组件
-const Iframes = defineAsyncComponent(() => import('/@/layout/routerView/iframes.vue'));
-
-// 定义变量内容
-const route = useRoute();
-const router = useRouter();
-const storesKeepAliveNames = useKeepALiveNames();
-const storesThemeConfig = useThemeConfig();
-const { keepAliveNames, cachedViews } = storeToRefs(storesKeepAliveNames);
-const { themeConfig } = storeToRefs(storesThemeConfig);
-const state = reactive<ParentViewState>({
-	refreshRouterViewKey: '', // 非 iframe tagsview 右键菜单刷新时
-	iframeRefreshKey: '', // iframe tagsview 右键菜单刷新时
-	keepAliveNameList: [],
-	iframeList: [],
-});
-
-// 设置主界面切换动画
-const setTransitionName = computed(() => {
-	return themeConfig.value.animation;
-});
-// 获取组件缓存列表(name值)
-const getKeepAliveNames = computed(() => {
-	return themeConfig.value.isTagsview ? cachedViews.value : state.keepAliveNameList;
-});
-// 设置 iframe 显示/隐藏
-const isIframePage = computed(() => {
-	return route.meta.isIframe;
-});
-// 获取 iframe 组件列表(未进行渲染)
-const getIframeListRoutes = async () => {
-	router.getRoutes().forEach((v) => {
-		if (v.meta.isIframe) {
-			v.meta.isIframeOpen = false;
-			v.meta.loading = true;
-			state.iframeList.push({ ...v });
-		}
-	});
-};
-// 页面加载前，处理缓存，页面刷新时路由缓存处理
-onBeforeMount(() => {
-	state.keepAliveNameList = keepAliveNames.value;
-	mittBus.on('onTagsViewRefreshRouterView', (fullPath: string) => {
-		state.keepAliveNameList = keepAliveNames.value.filter((name: string) => route.name !== name);
-		state.refreshRouterViewKey = '';
-		state.iframeRefreshKey = '';
-		nextTick(() => {
-			state.refreshRouterViewKey = fullPath;
-			state.iframeRefreshKey = fullPath;
-			state.keepAliveNameList = keepAliveNames.value;
-		});
-	});
-});
-// 页面加载时
-onMounted(() => {
-	getIframeListRoutes();
-	nextTick(() => {
-		setTimeout(() => {
-			if (themeConfig.value.isCacheTagsView) {
-				let tagsViewArr: RouteItem[] = Session.get('tagsViewList') || [];
-				cachedViews.value = tagsViewArr.filter((item) => item.meta?.isKeepAlive).map((item) => item.name as string);
-			}
-		}, 0);
-	});
-});
-// 页面卸载时
-onUnmounted(() => {
-	mittBus.off('onTagsViewRefreshRouterView', () => {});
-});
-// 监听路由变化，防止 tagsView 多标签时，切换动画消失
-watch(
-	() => route.fullPath,
-	() => {
-		state.refreshRouterViewKey = decodeURI(route.fullPath);
-	},
-	{
-		immediate: true,
-	}
-);
-</script>

package/src/layout/upgrade/index.vue

@@ -1,147 +0,0 @@
-<template>
-	<div class="upgrade-dialog">
-		<el-dialog
-			v-model="state.isUpgrade"
-			width="300px"
-			destroy-on-close
-			:show-close="false"
-			:close-on-click-modal="false"
-			:close-on-press-escape="false"
-		>
-			<div class="upgrade-title">
-				<div class="upgrade-title-warp">
-					<span class="upgrade-title-warp-txt">新版本升级</span>
-					<span class="upgrade-title-warp-version">v{{ state.version }}</span>
-				</div>
-			</div>
-			<div class="upgrade-content">
-				{{ getThemeConfig.globalTitle }} 新版本来啦，马上更新尝鲜吧！不用担心，更新很快的哦！
-				<div class="mt5">
-					<el-link type="primary" class="font12" target="_black"> CHANGELOG.md </el-link>
-				</div>
-				<div class="upgrade-content-desc mt5">提示：更新会还原默认配置</div>
-			</div>
-			<div class="upgrade-btn">
-				<el-button round size="default" type="info" text @click="onCancel">残忍拒绝</el-button>
-				<el-button type="primary" round size="default" @click="onUpgrade" :loading="state.isLoading">{{ state.btnTxt }}</el-button>
-			</div>
-		</el-dialog>
-	</div>
-</template>
-
-<script setup lang="ts" name="layoutUpgrade">
-import { reactive, computed, onMounted } from 'vue';
-import { storeToRefs } from 'pinia';
-import { useThemeConfig } from '/@/stores/themeConfig';
-import { systemStore } from '/@/utils/storage';
-
-// 定义变量内容
-const storesThemeConfig = useThemeConfig();
-const { themeConfig } = storeToRefs(storesThemeConfig);
-const state = reactive({
-	isUpgrade: false,
-	// @ts-ignore
-	version: __NEXT_VERSION__,
-	isLoading: false,
-	btnTxt: '',
-});
-
-// 获取布局配置信息
-const getThemeConfig = computed(() => {
-	return themeConfig.value;
-});
-// 残忍拒绝
-const onCancel = () => {
-	state.isUpgrade = false;
-};
-// 马上更新
-const onUpgrade = () => {
-	state.isLoading = true;
-	state.btnTxt = '更新中';
-	setTimeout(async () => {
-		await systemStore.clear();
-		window.location.reload();
-		await systemStore.set('version', state.version);
-	}, 2000);
-};
-// 延迟显示，防止刷新时界面显示太快
-const delayShow = () => {
-	setTimeout(() => {
-		state.isUpgrade = true;
-	}, 2000);
-};
-// 页面加载时
-onMounted(() => {
-	delayShow();
-	setTimeout(() => {
-		state.btnTxt = '马上更新';
-	}, 200);
-});
-</script>
-
-<style scoped lang="scss">
-.upgrade-dialog {
-	:deep(.el-dialog) {
-		.el-dialog__body {
-			padding: 0 !important;
-		}
-		.el-dialog__header {
-			display: none !important;
-		}
-		.upgrade-title {
-			text-align: center;
-			height: 130px;
-			display: flex;
-			align-items: center;
-			justify-content: center;
-			position: relative;
-			&::after {
-				content: '';
-				position: absolute;
-				background-color: var(--el-color-primary-light-1);
-				width: 130%;
-				height: 130px;
-				border-bottom-left-radius: 100%;
-				border-bottom-right-radius: 100%;
-			}
-			.upgrade-title-warp {
-				z-index: 1;
-				position: relative;
-				.upgrade-title-warp-txt {
-					color: var(--next-color-white);
-					font-size: 22px;
-					letter-spacing: 3px;
-				}
-				.upgrade-title-warp-version {
-					color: var(--next-color-white);
-					background-color: var(--el-color-primary-light-4);
-					font-size: 12px;
-					position: absolute;
-					display: flex;
-					top: -2px;
-					right: -50px;
-					padding: 2px 4px;
-					border-radius: 2px;
-				}
-			}
-		}
-		.upgrade-content {
-			padding: 20px;
-			line-height: 22px;
-			.upgrade-content-desc {
-				color: var(--el-color-info-light-5);
-				font-size: 12px;
-			}
-		}
-		.upgrade-btn {
-			border-top: 1px solid var(--el-border-color-lighter, #ebeef5);
-			display: flex;
-			justify-content: space-around;
-			padding: 15px 20px;
-			.el-button {
-				width: 100%;
-			}
-		}
-	}
-}
-</style>

package/src/main.ts

@@ -1,70 +0,0 @@
-/* eslint-disable @typescript-eslint/no-explicit-any */
-import { createApp } from 'vue';
-/** 用于提高滚动性能和防止滚动阻塞。 它的作用是在触摸事件上默认使用passive选项，以避免阻止滚动。 这样可以提高页面的响应速度和流畅度，减少用户的等待时间 */
-import 'default-passive-events';
-// 放在前面是为了解决打包后样式冲突问题  会出现 tailwind 覆盖element-plus 按钮背景冲突问题
-import '/@/style/tailwind.css';
-import 'vxe-table/lib/style.css';
-// 代替vuex 进行跨组件/页面共享状态 https://pinia.web3doc.top/introduction.html
-import pinia from '/@/stores/index';
-// 页面入口点 包含路由入口 锁屏 设置 全屏
-import App from '/@/App.vue';
-// 路由
-import router from '/@/router';
-// 指令集
-// import { directive } from '/@/directive/index';
-// 基础的工具集
-import other from '/@/utils/other';
-// element-plus UI框架 https://element-plus.org/zh-CN/
-import ElementPlus from 'element-plus';
-// 主题样式 框架样式库 勿动
-import '/@/theme/index.scss';
-// 项目中业务样式库 包含了页面和组件样式 框架内所有样式都写到这个文件下
-import '/@/style/index.scss';
-// 引入 vxe
-import VXETable from 'vxe-table';
-import { popupPlugin } from './utils/showPopup';
-
-function useVxe(app: App) {
-	app.use(VXETable);
-}
-// 全局组件注册
-import component from '/@/components/component';
-import showMessage from '/@/utils/showMessage';
-import showNotification from '/@/utils/showNotification';
-import showMessageBox from '/@/utils/showMessageBox';
-// TRTC
-// import TRTC from 'trtc-sdk-v5';
-const app = createApp(App);
-other.elSvg(app);
-(window as any).app = app;
-console.debug('app');
-app
-	.use(pinia)
-	.use(router)
-	.use(ElementPlus)
-	.use(component)
-	.use(useVxe)
-	.use(showMessage)
-	.use(showNotification)
-	.use(showMessageBox)
-	.use(popupPlugin, {
-		width: 1000,
-		height: 600,
-		mask: false,
-		maskClosable: false,
-		destroyOnClose: true,
-		escClosable: false,
-		showZoom: false,
-		resize: false,
-	})
-	.mount('#app');
-// 用于为 Vue 的运行时警告指定一个自定义处理函数
-// app.config.warnHandler = (msg, instance, trace) => {
-//   console.table([{ "自定义处理函数->来源组件": instance }, { "组件追踪字符串": trace }, { "警告信息": msg }]);
-// }
-// // 追踪运行时错误报告
-// app.config.errorHandler = (err, instance, info) => {
-//   console.debug({ "应用级错误处理->来源组件": instance, "错误信息": err, "警告信息": info });
-// }
-export { component };

package/src/router/backEnd.ts

@@ -1,173 +0,0 @@
-import { RouteRecordRaw } from 'vue-router';
-import pinia from '/@/stores/index';
-import { useUserInfo } from '/@/stores/userInfo';
-import { useRequestOldRoutes } from '/@/stores/requestOldRoutes';
-import { NextLoading } from '/@/utils/loading';
-import { dynamicRoutes, notFoundAndNoPower } from '/@/router/route';
-import { formatTwoStageRoutes, formatFlatteningRoutes, router } from '/@/router/index';
-import { useRoutesList } from '/@/stores/routesList';
-import { useTagsViewRoutes } from '/@/stores/tagsViewRoutes';
-// import { useMenuController } from '/@/api/menu/index';
-import { useMenuController } from '/@/api/menuController/index';
-
-// 后端控制路由
-
-// 引入 api 请求接口
-const menuApi = useMenuController();
-
-/**
- * 获取目录下的 .vue、.tsx 全部文件
- * @method import.meta.glob
- * @link 参考：https://cn.vitejs.dev/guide/features.html#json
- */
-const layouModules: any = import.meta.glob('../layout/routerView/*.{vue,tsx}');
-const viewsModules: any = import.meta.glob('../views/**/*.{vue,tsx}');
-const dynamicViewsModules: Record<string, Function> = Object.assign({}, { ...layouModules }, { ...viewsModules });
-
-/**
- * 后端控制路由：初始化方法，防止刷新时路由丢失
- * @method NextLoading 界面 loading 动画开始执行
- * @method useUserInfo().setUserInfos() 触发初始化用户信息 pinia
- * @method useRequestOldRoutes().setRequestOldRoutes() 存储接口原始路由（未处理component），根据需求选择使用
- * @method setAddRoute 添加动态路由
- * @method setFilterMenuAndCacheTagsViewRoutes 设置路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组
- */
-export async function initBackEndControlRoutes() {
-	// 界面 loading 动画开始执行
-	if (window.nextLoading === undefined) NextLoading.start();
-	// 无 token 停止执行下一步
-	const userInfo = useUserInfo();
-	const token = await userInfo.isLogin();
-	if (!token) return false;
-	// 获取路由菜单数据
-	const res = await getBackEndControlRoutes();
-	// 无登录权限时，添加判断
-	if (res.data.length <= 0) return Promise.resolve(true);
-	// 存储接口原始路由（未处理component），根据需求选择使用
-	useRequestOldRoutes().setRequestOldRoutes(JSON.parse(JSON.stringify(res.data)));
-	// 处理路由（component），替换 dynamicRoutes（@/router/route）第一个顶级 children 的路由
-	dynamicRoutes[0].children = await backEndComponent(res.data);
-	// 添加动态路由
-	await setAddRoute();
-	// 设置路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组
-	setFilterMenuAndCacheTagsViewRoutes();
-}
-
-/**
- * 设置路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组
- * @description 用于左侧菜单、横向菜单的显示
- * @description 用于 tagsView、菜单搜索中：未过滤隐藏的(isHide)
- */
-export async function setFilterMenuAndCacheTagsViewRoutes() {
-	const storesRoutesList = useRoutesList(pinia);
-	storesRoutesList.setRoutesList(dynamicRoutes[0].children as any);
-	setCacheTagsViewRoutes();
-}
-
-/**
- * 缓存多级嵌套数组处理后的一维数组
- * @description 用于 tagsView、菜单搜索中：未过滤隐藏的(isHide)
- */
-export function setCacheTagsViewRoutes() {
-	const storesTagsView = useTagsViewRoutes(pinia);
-	storesTagsView.setTagsViewRoutes(formatTwoStageRoutes(formatFlatteningRoutes(dynamicRoutes))[0].children);
-}
-
-/**
- * 处理路由格式及添加捕获所有路由或 404 Not found 路由
- * @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 = [...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) => {
-		router.addRoute(route);
-	});
-}
-
-/**
- * 请求后端路由菜单接口
- * @description isRequestRoutes 为 true，则开启后端控制路由
- * @returns 返回后端路由菜单数据
- */
-export async function getBackEndControlRoutes() {
-	// 模拟 admin 与 test
-	// const stores = useUserInfo(pinia);
-	// const { userInfos } = storeToRefs(stores);
-	// const auth = userInfos.value.roles[0];
-	// 管理员 admin
-	let menu = await menuApi.getMenuList();
-	console.debug('menu:', menu);
-	return menu;
-	// if (auth === 'admin') return menuApi.getAdminMenu();
-	// // 其它用户 test
-	// else return menuApi.getTestMenu();
-}
-
-/**
- * 重新请求后端路由菜单接口
- * @description 用于菜单管理界面刷新菜单（未进行测试）
- * @description 路径：/src/views/system/menu/component/addMenu.vue
- */
-export async function setBackEndControlRefreshRoutes() {
-	// 获取路由菜单数据
-	const res = await getBackEndControlRoutes();
-	// 无登录权限时，添加判断
-	if (res.data.length <= 0) return Promise.resolve(true);
-	// 存储接口原始路由（未处理component），根据需求选择使用
-	useRequestOldRoutes().setRequestOldRoutes(JSON.parse(JSON.stringify(res.data)));
-	// 处理路由（component），替换 dynamicRoutes（@/router/route）第一个顶级 children 的路由
-	dynamicRoutes[0].children = await backEndComponent(res.data);
-	// 添加动态路由
-	await setAddRoute();
-	// 设置路由到 pinia routesList 中（已处理成多级嵌套路由）及缓存多级嵌套数组处理后的一维数组
-	setFilterMenuAndCacheTagsViewRoutes();
-}
-
-/**
- * 后端路由 component 转换
- * @param routes 后端返回的路由表数组
- * @returns 返回处理成函数后的 component
- */
-export function backEndComponent(routes: any) {
-	if (!routes) return;
-	return routes.map((item: any) => {
-		if (item.component) item.component = dynamicImport(dynamicViewsModules, item.component as string);
-		item.children && backEndComponent(item.children);
-		return item;
-	});
-}
-
-/**
- * 后端路由 component 转换函数
- * @param dynamicViewsModules 获取目录下的 .vue、.tsx 全部文件
- * @param component 当前要处理项 component
- * @returns 返回处理成函数后的 component
- */
-export function dynamicImport(dynamicViewsModules: Record<string, Function>, component: string) {
-	const keys = Object.keys(dynamicViewsModules);
-	const matchKeys = keys.filter((key) => {
-		const k = key.replace(/..\/views|../, '');
-		return k.startsWith(`${component}`) || k.startsWith(`/${component}`);
-	});
-	if (matchKeys?.length === 1) {
-		const matchKey = matchKeys[0];
-		return dynamicViewsModules[matchKey];
-	}
-	if (matchKeys?.length > 1) {
-		return false;
-	}
-}