fix(v0.3.0): 框架内 peer 引用回退静态 import + 修 FieldRelativeTime 路径

- 覆盖颗粒度只在 3 个入口: router targets / module routes / field registry
- 框架内 .vue 之间互相引用全部硬编码静态 import,resolveVue/defineAsyncComponent 退出 .vue 文件
- 修 components/fields/FieldRelativeTime.vue 的 ../VueAdmin → ../../VueAdmin (移动后未跟改)

src/VueAdmin.ts

@@ -57,8 +57,11 @@ export interface ShrimpAdminOptions {
 
 // ============== 源注册表 ==============
 //
-// 唯一约定:消费侧把 .vue 源放进 `sources`,框架按文件路径后缀解析。
+// 框架在 3 个入口点用消费侧 sources 覆盖内置(按路径后缀同后缀覆盖):
-// 框架内部对可覆盖的 .vue 也用 resolveVue 解析(而不是静态 import),保证 consumer 覆盖在框架内部使用点也生效。
+//   1. router: components/{layout,login,404}.vue
+//   2. registerRoute: module/<key>.vue 等业务模块
+//   3. fieldRegistry: components/fields/Field<X>.vue (按文件名导出的字段类型)
+// 框架内 .vue 之间的 peer 引用是硬编码静态 import,override 颗粒度就停在上面这些"入口"。
 
 const internalSources = import.meta.glob<Component>('./{components,module}/**/*.vue')
 const externalSources: Record<string, VueLoader> = {}

src/components/ShrimpTable.vue

@@ -78,22 +78,21 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, ref, computed, useSlots, onMounted, type Component } from 'vue'
+import { ref, computed, useSlots, onMounted, type Component } from 'vue'
 import { ITableCrudProto, IFieldConfig, IModuleInfo, IPageQuery } from '../IShrimpType'
-import { vueAdmin, resolveVue } from '../VueAdmin'
+import { vueAdmin } from '../VueAdmin'
 import { Plus, Delete as DeleteIcon, Download, Upload, Edit, VideoPlay, VideoPause, Operation } from '@element-plus/icons-vue'
 import * as ElIcons from '@element-plus/icons-vue'
 import { ElMessageBox, ElMessage } from 'element-plus'
 import { useI18n } from 'vue-i18n'
 import { useRoute, useRouter } from 'vue-router'
 import { useTableUrlSync } from '../composables/useTableUrlSync'
+import ShrimpEditDrawer from './ShrimpEditDrawer.vue'
+import ShrimpFilterDrawer from './ShrimpFilterDrawer.vue'
+import ShrimpSearchInput from './ShrimpSearchInput.vue'
+import ShrimpFilterTrigger from './ShrimpFilterTrigger.vue'
 import * as XLSX from 'xlsx'
 
-const ShrimpEditDrawer = defineAsyncComponent(resolveVue('components/ShrimpEditDrawer.vue'))
-const ShrimpFilterDrawer = defineAsyncComponent(resolveVue('components/ShrimpFilterDrawer.vue'))
-const ShrimpSearchInput = defineAsyncComponent(resolveVue('components/ShrimpSearchInput.vue'))
-const ShrimpFilterTrigger = defineAsyncComponent(resolveVue('components/ShrimpFilterTrigger.vue'))
-
 const { t } = useI18n()
 
 interface Props {

src/components/fields/FieldRelativeTime.vue

@@ -10,7 +10,7 @@
 <script lang="ts" setup>
 import { computed } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { vueAdmin } from '../VueAdmin'
+import { vueAdmin } from '../../VueAdmin'
 
 const { t } = useI18n()
 

src/components/layout.vue

@@ -43,15 +43,14 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, ref, watch } from "vue";
+import { ref, watch } from "vue";
-import { vueAdmin, resolveVue } from "../VueAdmin";
+import { vueAdmin } from "../VueAdmin";
 import { type IMenuItem } from "../IShrimpType";
-
+import SideM from "./sideM.vue";
-const SideM = defineAsyncComponent(resolveVue('components/sideM.vue'));
+import navMenu from "./navMenu.vue";
-const navMenu = defineAsyncComponent(resolveVue('components/navMenu.vue'));
+import Topbar from "./topbar.vue";
-const Topbar = defineAsyncComponent(resolveVue('components/topbar.vue'));
+import Userbar from "./userbar.vue";
-const Userbar = defineAsyncComponent(resolveVue('components/userbar.vue'));
+import Logo from "./logo.vue";
-const Logo = defineAsyncComponent(resolveVue('components/logo.vue'));
 
 // 初始化选中菜单
 let currentPath = vueAdmin.router.currentRoute.value.path;

src/components/login.vue

@@ -30,11 +30,10 @@
 </template>
 
 <script lang="ts" setup>
-import { vueAdmin, resolveVue } from "../VueAdmin";
+import { vueAdmin } from "../VueAdmin";
-import { defineAsyncComponent, reactive, computed, onMounted } from "vue";
+import { reactive, computed, onMounted } from "vue";
 import { useI18n } from "vue-i18n";
-
+import LangSwitch from "./ShrimpLangSwitch.vue";
-const LangSwitch = defineAsyncComponent(resolveVue('components/ShrimpLangSwitch.vue'));
 
 vueAdmin.token = null;
 

src/components/sideM.vue

@@ -33,11 +33,10 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, ref } from "vue";
+import { ref } from "vue";
-import { vueAdmin, resolveVue } from '../VueAdmin';
+import { vueAdmin } from '../VueAdmin';
-
+import navMenu from "./navMenu.vue";
-const navMenu = defineAsyncComponent(resolveVue('components/navMenu.vue'));
+import Logo from "./logo.vue";
-const Logo = defineAsyncComponent(resolveVue('components/logo.vue'));
 
 let nav = ref(false);
 function showMobileNav() { nav.value = true; }

src/components/userbar.vue

@@ -20,10 +20,8 @@
 </template>
 
 <script lang="ts" setup>
-import { vueAdmin, resolveVue } from "../VueAdmin";
+import { vueAdmin } from "../VueAdmin";
-import { defineAsyncComponent } from "vue";
+import LangSwitch from "./ShrimpLangSwitch.vue";
-
-const LangSwitch = defineAsyncComponent(resolveVue('components/ShrimpLangSwitch.vue'));
 
 function screen() {
 	vueAdmin.fullscreen();

src/index.ts

@@ -60,8 +60,7 @@ export {
 } from './ShrimpClient'
 
 // 框架组件 — 业务页面想直接复用就 import 这些。
-// 注意:这些是「静态」导出,直接 import 拿到的就是框架内置版本,不会被消费侧 sources 覆盖。
+// 这些是「静态」导出,拿到的就是框架内置版本,不受消费侧 sources 影响。
-// 要让 consumer 覆盖在所有引用点都生效,框架内部已统一改用 resolveVue 动态解析。
 export { default as ShrimpTable } from './components/ShrimpTable.vue'
 export { default as ShrimpEditDrawer } from './components/ShrimpEditDrawer.vue'
 export { default as ShrimpFilterDrawer } from './components/ShrimpFilterDrawer.vue'

src/module/role.vue

@@ -48,13 +48,12 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, ref, onMounted } from 'vue'
+import { ref, onMounted } from 'vue'
 import { useI18n } from 'vue-i18n'
-import { vueAdmin, resolveVue } from '../VueAdmin'
+import { vueAdmin } from '../VueAdmin'
 import { IRole, IRoleProto, WithId, ILabel } from '../IShrimpType'
 import { ElMessage } from 'element-plus'
-
+import ShrimpPowerTree from '../components/ShrimpPowerTree.vue'
-const ShrimpPowerTree = defineAsyncComponent(resolveVue('components/ShrimpPowerTree.vue'))
 
 interface IPowerItem {
     key: string

src/module/user.vue

@@ -7,11 +7,8 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent } from 'vue'
+import ShrimpTable from '../components/ShrimpTable.vue'
-import { resolveVue } from '../VueAdmin'
+import FieldRelativeTime from '../components/fields/FieldRelativeTime.vue'
-
-const ShrimpTable = defineAsyncComponent(resolveVue('components/ShrimpTable.vue'))
-const FieldRelativeTime = defineAsyncComponent(resolveVue('components/fields/FieldRelativeTime.vue'))
 </script>
 
 <style scoped>

src/module/user/operationLog.vue

@@ -11,12 +11,11 @@
 </template>
 
 <script lang="ts" setup>
-import { defineAsyncComponent, ref, computed, onMounted, watch } from 'vue'
+import { ref, computed, onMounted, watch } from 'vue'
 import { useRoute } from 'vue-router'
 import { useI18n } from 'vue-i18n'
-import { vueAdmin, resolveVue } from '../../VueAdmin'
+import { vueAdmin } from '../../VueAdmin'
-
+import ShrimpTable from '../../components/ShrimpTable.vue'
-const ShrimpTable = defineAsyncComponent(resolveVue('components/ShrimpTable.vue'))
 
 const route = useRoute()
 const { t } = useI18n()