@epxing/business 0.0.0-stage → 5.3.0-beta.1

package/src/system.component.js

@@ -0,0 +1,46 @@
+// loadComponent 懒加载兜底注册：页面配置引用了未全局注册的组件时，一次性把
+// base/ components/ views/（business 包内）+ visual/（designer 包）全部 .vue
+// 按组件 name（兜底：路径压缩名）建表注册。
+// （历史：webpack 时代用 require.context 双文件切换；webpack 退役后本 vite 版转正，glob 直指真身。）
+// 解环下沉件的名注册对等：这批通用件原在 business/src/components/**（随下方 glob 按名懒注册），
+// 现已下沉 @epxing/components（components→business 反向依赖清零，余 ProcessChart 的 custom-bpmn 懒边）。
+// DB 页面配置可能按名引用它们 → 在业务组保留同名注册（时机不变；模块与静态引用共享同一 chunk）。
+import MEntitySubList from '@epxing/components/src/m-entity-sub-list'
+import MetaFieldLibrary from '@epxing/components/src/meta-field-library'
+import DropDownMenu, { DropDownMenuItem } from '@epxing/components/src/drop-down-menu'
+import MscopeDrawer, { Mscope, MscopeItem } from '@epxing/components/src/mscope'
+
+const files = import.meta.glob('./base/**/*.vue', { eager: true })
+const componentFiles = import.meta.glob('./components/**/*.vue', { eager: true })
+const viewFiles = import.meta.glob('./views/**/*.vue', { eager: true })
+// 旧 require.context('@/frame/views') 还覆盖 views/visual（现居 designer 包）——
+// ADR-009 拆到 system.component.visual.js；首屏优化后该 glob 已挪进 **designer 懒组**
+// （component.designer.js）：visual 配置面板只在设计器里渲染，跟着 designer 组走，
+// 业务组 chunk 不再拖 ~135 个设计态面板（此前打开任一业务页都会拉 TabsConfig 等 visual chunk）。
+
+const components = {}
+
+// 与原 require.context 版本保持一致的兜底命名：key 相对各自根目录，去 './'、'.vue'、'/'
+function collect (modules, root) {
+  Object.keys(modules).forEach(key => {
+    const component = modules[key].default
+    if (!component) return
+    const idx = key.indexOf(root)
+    const relative = '.' + key.slice(idx + root.length)
+    components[component.name || relative.replace(/(\.\/|\.vue|\/)/g, '')] = component
+  })
+}
+
+collect(files, '/src/base')
+collect(componentFiles, '/src/components')
+// views 的兜底命名历史上含 'visual...' 前缀（visual 曾是 views 子目录），保持一致
+collect(viewFiles, '/src/views')
+
+// 下沉件按【原组件 name】补注册（见文件头注释）
+for (const comp of [MEntitySubList, MetaFieldLibrary, DropDownMenu, DropDownMenuItem, MscopeDrawer, Mscope, MscopeItem]) {
+  if (comp && comp.name) components[comp.name] = comp
+}
+
+export default {
+  ...components
+}

package/src/system.component.lazy.js

@@ -0,0 +1,68 @@
+// 业务组【按名文件级】懒加载（system.component 按名拆分）。
+//
+// 原：loadComponent 首次未命中 → import 整组 system.component.js（eager glob，单 chunk ~2.7MB）。
+// 现：名→文件索引（build/gen-system-component-index.mjs 构建期生成）+ eager:false glob，
+//     首次未命中只拉【实际用到的文件级 chunk】。
+//
+// 安全网（最坏情况 = 旧行为，不会更糟）：
+//   ① 名字不在索引（路径兜底名/新增组件未重启 dev/codegen 漂移）→ 回退 import 整组
+//   ② 索引误判（regex 抽名 ≠ 组件真实 name）→ 加载后校验，不符回退整组
+//   ③ installLazyRegistry 给全部索引名注册 async wrapper —— 业务视图模板内互相按名引用
+//     （resolveComponent）也能命中（原整组语义下"加载即全注册"的对等物）
+import { defineAsyncComponent } from 'vue'
+import index from './system.component.index.js'
+
+const loaders = import.meta.glob(['./base/**/*.vue', './components/**/*.vue', './views/**/*.vue'])
+
+// 与 system.component.js collect() 同公式的路径兜底名
+function fallbackName (rel) {
+  const g = rel.split('/')[1] // base|components|views
+  return ('.' + rel.slice(('./' + g).length)).replace(/(\.\/|\.vue|\/)/g, '')
+}
+
+// 整组兜底（与旧路径完全一致：加载 + 全量注册）
+let fullPromise = null
+function loadFull (app) {
+  if (!fullPromise) {
+    fullPromise = import('./system.component.js').then(m => {
+      const components = m.default
+      for (const key in components) {
+        if (!app.component(key)) app.component(key, components[key])
+      }
+      return components
+    })
+  }
+  return fullPromise
+}
+
+async function loadOne (app, name) {
+  const rel = index[name]
+  const loader = rel && loaders[rel]
+  if (!loader) return loadFull(app).then(c => c[name]) // ① 未命中索引
+  const mod = await loader()
+  const comp = mod && mod.default
+  if (comp && (comp.name === name || (!comp.name && fallbackName(rel) === name))) return comp
+  return loadFull(app).then(c => c[name]) // ② 索引误判
+}
+
+// ③ 全部索引名注册 async wrapper（首次触达业务组时调用一次；wrapper 极轻）
+export function installLazyRegistry (app) {
+  for (const name of Object.keys(index)) {
+    if (!app.component(name)) {
+      app.component(name, defineAsyncComponent(() => loadOne(app, name).then(c => {
+        if (!c) throw new Error(`[system.component.lazy] 找不到 ${name}`)
+        return c
+      })))
+    }
+  }
+}
+
+// 供 loadComponent 工厂解析：返回组件或 undefined（undefined → 调用方继续可选能力组链）
+export function resolve (app, name) {
+  if (index[name]) return loadOne(app, name)
+  // The verified local business catalogue does not own these dashboard runtime/designer entries.
+  // Let core's existing product/optional-pack resolution continue without loading every business view.
+  // An indexed business definition still takes priority; other historical aliases retain full fallback.
+  if (name === 'epx-dashboard' || name === 'epx-visual-config-dashboard') return Promise.resolve(undefined)
+  return loadFull(app).then(c => c[name]) // 兜底名/未索引名走整组（含"真不存在"= undefined）
+}

package/src/system.component.visual.js

@@ -0,0 +1,18 @@
+// system.component 的 designer visual 部分（从 system.component.js 拆出，ADR-009）。
+//
+// 为什么单拆：import.meta.glob 是**构建期静态**的，没法用运行时 if 关掉 ——
+// 平台裁剪（INCLUDE_DESIGNER=false）要把 designer 整包排除出产物，只能在模块粒度切换：
+// vite 按开关把 `@platform-optional/business-visual-glob` 别名指到本文件（真身）
+// 或 build/stubs/empty-components.js（空表）。
+const visualFiles = import.meta.glob('../../designer/src/visual/**/*.vue', { eager: true })
+
+const components = {}
+Object.keys(visualFiles).forEach(key => {
+  const component = visualFiles[key].default
+  if (!component) return
+  const idx = key.indexOf('/designer/src')
+  const relative = '.' + key.slice(idx + '/designer/src'.length)
+  components[component.name || relative.replace(/(\.\/|\.vue|\/)/g, '')] = component
+})
+
+export default components