asai-vue-host-base — 宿主基础模块

包信息

| 建议 npm 名 | 入口文件 | $fn / 注入键 | 类型 | |------------|---------|-------------|------| | @estun/asai-vue-host-base | src/components/index.ts | $engineasai1（provide/inject） | Host |

概述

asai-vue-host-base 是宿主框架的基础扩展模块，提供 WS 连接、HTTP API、心跳等能力，使用独立注入 key $engineasai1，与核心宿主并行安装。

集成方式

// monorepo — webclient/src/utils/index.ts（Host 栈第二位）
import AsaiVueHostBase from '../plugs/asai-vue-host-base/src/components/index';
// import '/node_modules/asai-vue-host-base/dist/asai-vue-host-base.css';
// npm
// import AsaiVueHostBase from '@estun/asai-vue-host-base';

app.use(AsaiVueHostBase, lib);

独立性约束

• 禁止 cross-import 其它 plugs/*。
• 与 asai-vue-host 共享 install 机制，但通过不同 inject key 隔离命名空间。

主要 API / 导出

| 导出 | 说明 | |------|------| | install(app, opt) | Vue 插件安装 | | $engineasai1 | 基础 composable（asengine/*/use*.ts） | | 全局组件 | asui/*/*.vue 懒加载 |

性能说明

• TypeScript 模块 eager: true；Vue 组件 lazy。
• 与 asai-vue-host 同时安装，注意避免重复注册同名全局组件。

peerDependencies 建议

{
  "peerDependencies": {
    "vue": "^3.4.0",
    "@estun/asai-vue-host": "^1.0.0"
  }
}

与核心宿主的关系

| 项 | asai-vue-host | asai-vue-host-base | |----|---------------|-------------------| | 注入 key | $engineasai | $engineasai1 | | 职责 | 核心框架、路由、初始化 | WS/API/心跳等基础扩展 | | 安装机制 | 相同 loadts/loadvue | 相同 |

文件结构

asai-vue-host-base/
├── src/components/
│   ├── index.ts
│   ├── asengine/common/ + */use*.ts
│   └── asui/
└── README.md

安装方式

app.use(AsaiVueHostBase, {
  loadts: (options) => { /* 加载 TS 模块 */ },
  loadvue: (options) => { /* 加载 Vue 组件 */ },
  loadfn: (path) => { /* 加载函数 */ },
});