asai-vue-host-channel — 频道/专栏系统

包信息

| 建议 npm 名 | 入口文件 | $fn / 注入键 | 类型 | |------------|---------|-------------|------| | @estun/asai-vue-host-channel | src/components/index.ts | $engineasai2 + 全局组件 | Host |

概述

asai-vue-host-channel 提供频道列表、搜索、选择、用户卡片与评论管理，通过 $engineasai2 注入 composable，Channel* 组件全局懒加载注册。

集成方式

// monorepo — webclient/src/utils/index.ts
import AsaiVueHostChannel from '../plugs/asai-vue-host-channel/src/components/index';
// import '/node_modules/asai-vue-host-channel/dist/asai-vue-host-channel.css';
// npm
// import AsaiVueHostChannel from '@estun/asai-vue-host-channel';

app.use(AsaiVueHostChannel, lib);

独立性约束

• 禁止 cross-import 其它 plugs/*。
• 弹窗与分页依赖 $global / $model 运行时配置，不 import popbox 或 book 插件。

主要 API / 导出

| 组件 / 模块 | 说明 | |------------|------| | ChannelListPage | 频道主列表 | | ChannelListSearch / ChannelListSelect | 搜索 / 选择 | | ChannelPop / ChannelUserCard / ChannelUserMain | 弹窗与用户 | | useChannelComments | 评论 CRUD composable | | usePage | 分页页码生成 |

性能说明

• TS composable eager；Vue 组件 lazy。
• 评论 JSON 解析在 composable 内同步执行，大列表建议分页。

peerDependencies 建议

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

useChannelComments

| 方法 | 说明 | |------|------| | initChannelComments(rfdata, itemdata) | 初始化评论 JSON | | saveChannelComments(rfdata, item) | 保存新评论 | | commentsAction(item, type, num) | 删除/点赞等 | | resetChannelComments(rfdata) | 清空输入 |

usePage

| 方法 | 说明 | |------|------| | getPageList(pageSize) | 根据 $global.location.query.pc/pg 生成分页数组 |

文件结构

asai-vue-host-channel/
├── src/components/
│   ├── index.ts
│   ├── asengine/channel/useChannelComments.ts
│   └── asui/channel/
└── README.md