wc24
2b33bca681
破坏性重构。框架对外只暴露一个 `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'), 内置和消费侧统一。
38 lines
1.1 KiB
Vue
38 lines
1.1 KiB
Vue
<template>
|
|
<div v-if="navMenus.length <= 0" style="padding: 20px">
|
|
<el-alert :title="$t('base.noNavMenu')" center type="info" :closable="false"></el-alert>
|
|
</div>
|
|
<template v-for="navMenu in navMenus" v-bind:key="navMenu">
|
|
<el-menu-item v-if="!hasChildren(navMenu)" :index="'/' + navMenu.name">
|
|
<el-icon v-if="navMenu.icon">
|
|
<component :is="navMenu.icon || 'el-icon-menu'" />
|
|
</el-icon>
|
|
<template #title>
|
|
<span>{{ vueAdmin.t(navMenu.label) }}</span>
|
|
</template>
|
|
</el-menu-item>
|
|
<el-sub-menu v-else :index="'/' + navMenu.name">
|
|
<template #title>
|
|
<el-icon v-if="navMenu.icon">
|
|
<component :is="navMenu.icon || 'el-icon-menu'" />
|
|
</el-icon>
|
|
<span>{{ vueAdmin.t(navMenu.label) }}</span>
|
|
</template>
|
|
<NavMenu :navMenus="navMenu.children"></NavMenu>
|
|
</el-sub-menu>
|
|
</template>
|
|
</template>
|
|
|
|
<script lang="ts" setup>
|
|
import { vueAdmin } from "../VueAdmin";
|
|
defineProps({
|
|
navMenus: {
|
|
type: [Object],
|
|
required: true,
|
|
},
|
|
});
|
|
function hasChildren(item: any) {
|
|
return item.children && item.children.length > 0;
|
|
}
|
|
</script>
|