v0.3.0: 单 sources 入口 + 路径后缀覆盖约定
破坏性重构。框架对外只暴露一个 `sources` glob 入口,消费侧任何 .vue 都按文件路径后缀匹配同后缀覆盖: - shrimp/components/<name>.vue 同后缀覆盖框架内置(login/layout/topbar/ShrimpTable/...) - shrimp/components/fields/Field<X>.vue 注册类型 <x>(首字母小写) - shrimp/module/<key>.vue 业务模块 变更: - 删除 customFields / moduleSources / overrideField / registerField 旧入口 - 删除 fieldOverrides Map,字段表纯靠 glob 扫描注册 - 框架内 .vue 对可覆盖 peer 改用 defineAsyncComponent(resolveVue(...)) (login → ShrimpLangSwitch / layout → sideM/navMenu/topbar/userbar/logo / ShrimpTable → ShrimpEditDrawer/ShrimpFilterDrawer/...) - views/ 全部并入 components/,App.vue 上提到 src/ 根 - LangSwitch → ShrimpLangSwitch,PowerTree → ShrimpPowerTree - module/FieldRelativeTime.vue → components/fields/FieldRelativeTime.vue - module/user.vue 改用 #column-updatedAt slot 替代旧的 overrideField 字段类型约定从 'field' + Name 改为 lowercase-first(FieldString → 'string'), 内置和消费侧统一。
This commit is contained in:
@@ -0,0 +1,111 @@
|
||||
<template>
|
||||
<section class="aminui-wrapper">
|
||||
<div v-if="!vueAdmin.state.isMobile" class="aminui-side-split">
|
||||
<div class="aminui-side-split-top">
|
||||
<logo />
|
||||
</div>
|
||||
<div class="adminui-side-split-scroll">
|
||||
<div class="sidebar-menu-wrap">
|
||||
<el-scrollbar>
|
||||
<ul>
|
||||
<li v-for="item in vueAdmin.menuTree"
|
||||
:class="pmenu?.name == item.name ? 'active' : ''"
|
||||
@click="showMenu(item)">
|
||||
<el-icon>
|
||||
<component :is="item.icon || 'el-icon-menu'" />
|
||||
</el-icon>
|
||||
<p>{{ vueAdmin.t(item.label) }}</p>
|
||||
</li>
|
||||
</ul>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
</div>
|
||||
</div>
|
||||
<div v-if="!vueAdmin.state.isMobile && nextMenu.length > 0" class="aminui-side">
|
||||
<div class="adminui-side-scroll">
|
||||
<el-scrollbar>
|
||||
<el-menu :default-active="$route.fullPath" router>
|
||||
<navMenu :navMenus="nextMenu"></navMenu>
|
||||
</el-menu>
|
||||
</el-scrollbar>
|
||||
</div>
|
||||
</div>
|
||||
<SideM v-if="vueAdmin.state.isMobile"></SideM>
|
||||
<div class="aminui-body el-container">
|
||||
<Topbar>
|
||||
<userbar></userbar>
|
||||
</Topbar>
|
||||
<div class="adminui-main" id="adminui-main">
|
||||
<router-view :key="$route.path" />
|
||||
</div>
|
||||
</div>
|
||||
</section>
|
||||
</template>
|
||||
|
||||
<script lang="ts" setup>
|
||||
import { defineAsyncComponent, ref, watch } from "vue";
|
||||
import { vueAdmin, resolveVue } from "../VueAdmin";
|
||||
import { type IMenuItem } from "../IShrimpType";
|
||||
|
||||
const SideM = defineAsyncComponent(resolveVue('components/sideM.vue'));
|
||||
const navMenu = defineAsyncComponent(resolveVue('components/navMenu.vue'));
|
||||
const Topbar = defineAsyncComponent(resolveVue('components/topbar.vue'));
|
||||
const Userbar = defineAsyncComponent(resolveVue('components/userbar.vue'));
|
||||
const Logo = defineAsyncComponent(resolveVue('components/logo.vue'));
|
||||
|
||||
// 初始化选中菜单
|
||||
let currentPath = vueAdmin.router.currentRoute.value.path;
|
||||
let pick = vueAdmin.getMenuIndex(currentPath);
|
||||
let menu = pick >= 0 ? vueAdmin.menuTree[pick] : vueAdmin.menuTree[0];
|
||||
let pmenu = ref(menu);
|
||||
let nextMenu = ref(getMenu(vueAdmin.isGroupMenu(menu) ? menu.children : []));
|
||||
|
||||
function getMenu(children?: IMenuItem[]) {
|
||||
if (children == null) return [];
|
||||
return children.slice()
|
||||
}
|
||||
|
||||
function getFirstLeafPath(item: IMenuItem): string {
|
||||
if (item.path) return item.path
|
||||
if (item.moduleKey) return '/' + item.moduleKey
|
||||
if (item.children && item.children.length > 0) {
|
||||
return getFirstLeafPath(item.children[0])
|
||||
}
|
||||
return '/' + item.name
|
||||
}
|
||||
|
||||
function showMenu(route: any) {
|
||||
pmenu.value = route;
|
||||
nextMenu.value = getMenu(route.children);
|
||||
if (route.children == null || route.children.length == 0) {
|
||||
const path = route.path || '/' + route.name
|
||||
vueAdmin.router.push(path)
|
||||
} else {
|
||||
// 展开菜单的同时,跳到第一个可跳转的叶子节点
|
||||
const path = getFirstLeafPath(route.children[0])
|
||||
vueAdmin.router.push(path)
|
||||
}
|
||||
}
|
||||
|
||||
// 路由变化时同步更新 pmenu 和 nextMenu
|
||||
watch(() => vueAdmin.router.currentRoute.value.path, (path) => {
|
||||
const idx = vueAdmin.getMenuIndex(path)
|
||||
if (idx >= 0) {
|
||||
const m = vueAdmin.menuTree[idx]
|
||||
if (pmenu.value?.name !== m.name) {
|
||||
pmenu.value = m
|
||||
nextMenu.value = getMenu(vueAdmin.isGroupMenu(m) ? m.children : [])
|
||||
}
|
||||
}
|
||||
})
|
||||
</script>
|
||||
<style scoped>
|
||||
.sidebar-menu-wrap {
|
||||
flex: 1;
|
||||
overflow: hidden;
|
||||
}
|
||||
|
||||
.sidebar-menu-wrap .el-scrollbar {
|
||||
height: 100%;
|
||||
}
|
||||
</style>
|
||||
Reference in New Issue
Block a user