Web IMKit 导入

本页说明 Web 端 IMKit 的依赖与制品。IMKit -> IMLib(公开接口)only;IMKit 禁止 import 内部传输层/REST 实现/服务端类型。

安装 / 依赖​

npm
npm install @ni-paas/im-web
# IMKit 入口:@ni-paas/im-web/imkit

环境要求​

项要求
依赖必须先接入 @ni-paas/im-web(IMLib);IMKit 只 import 公开 API
组件形态纯 DOM 组件类 + IMKit 门面(mount / update / destroy / on)
样式ensureStyles() 注入组件样式;主题写入 CSS 变量 --imkit-*
主题Theme 类(light / dark / default)+ IMKit.setup({ theme })
框架无框架依赖,可与 React / Vue 共存(只操作容器 DOM)

包内容​

制品路径 / 名称说明
IMKit 包 / 模块imkit.mjsUI 组件层(只依赖 IMLib 公开接口)
模块 / 制品路径imkit.mjs随发行包提供的源码或制品路径
门面IMKit挂载 / 更新 / 销毁入口
导出符号IMKit、ConversationListView、ChatView、MessageBubble、MessageInput、Avatar、UnreadBadge、TimeSeparator、MessageStatusIndicator、Theme、IMLocalStore11 个公开符号

依赖约束​

  • IMKit -> IMLib(公开接口)only;IMKit 禁止 import 内部传输层/REST 实现/服务端类型。
  • IMKit 禁止 import 内部传输层 / REST 实现 / 服务端类型;契约校验器会静态扫描 import 面。
  • 无 UI 的平台(Native C ABI)以实现 view-model / 格式化 / 角标 / 状态计算层交付,并提供可运行示例:—。

下一步​