@blueking/chat-x 0.0.49-beta.4 → 0.0.49-beta.5
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
|
@@ -128,6 +128,24 @@
|
|
|
128
128
|
- `renderMode === RenderMode.Share` 时，`message-group-messages` 自动添加 `message-group-enabled-selection` 类名（与 `enableSelection: true` 一致的多选视觉效果）
|
|
129
129
|
- Loading 消息组的 `type` 是 `MessageRole.Loading`，不显示工具栏和多选 Checkbox
|
|
130
130
|
|
|
131
|
+
## DOM 定位标识
|
|
132
|
+
|
|
133
|
+
为方便业务方通过 `document.querySelector` 定位消息（埋点、自动化测试、外部滚动锚定等），渲染结构上固定输出两层标识：
|
|
134
|
+
|
|
135
|
+
| 层级 | 选择器 | 值 |
|
|
136
|
+
| -------- | ------------------------------------- | --------------------------------------------------- |
|
|
137
|
+
| 消息组 | `.message-group[data-message-group-id]` | `MessageGroup.uid`（与外层 `id` 同值） |
|
|
138
|
+
| 单条消息 | `.ai-message-item[data-message-id]` | `message.id`，缺失时回退 `message.uid`；两者都无则不输出该属性 |
|
|
139
|
+
|
|
140
|
+
```js
|
|
141
|
+
// 定位某条消息
|
|
142
|
+
document.querySelector('[data-message-id="123"]');
|
|
143
|
+
// 定位某个消息组下的全部消息
|
|
144
|
+
document.querySelectorAll('[data-message-group-id="xxx"] [data-message-id]');
|
|
145
|
+
```
|
|
146
|
+
|
|
147
|
+
`.ai-message-item` 是 `MessageContainer` 统一包裹的容器，`#default` 插槽自定义渲染的消息同样被它包裹，因此无论用默认 `MessageRender` 还是自定义渲染，标识都一致存在。
|
|
148
|
+
|
|
131
149
|
## 等待响应（Loading 自动注入）
|
|
132
150
|
|
|
133
151
|
当 `messages` 末尾为 `role: 'user'` 时，自动追加 Loading 消息组，展示 AI 正在处理的加载动画（`renderMode` 为 `Share` 时不追加，且 `MessageContainer` 会过滤 Loading 组）：
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@blueking/chat-x",
|
|
3
|
-
"version": "0.0.49-beta.
|
|
3
|
+
"version": "0.0.49-beta.5",
|
|
4
4
|
"description": "蓝鲸智云 AI Chat 组件库 —— 遵循 AG-UI，为 AI Agent 和人类开发者共同设计的对话 UI 组件库。",
|
|
5
5
|
"main": "index.js",
|
|
6
6
|
"bin": {
|
|
@@ -79,7 +79,7 @@
|
|
|
79
79
|
"vitepress": "2.0.0-alpha.16",
|
|
80
80
|
"vitest": "^4.0.18",
|
|
81
81
|
"vue-tsc": "^3.1.4",
|
|
82
|
-
"@blueking/chat-helper": "0.0.12-beta.
|
|
82
|
+
"@blueking/chat-helper": "0.0.12-beta.17"
|
|
83
83
|
},
|
|
84
84
|
"scripts": {
|
|
85
85
|
"dev": "vite --config vite.config.ts",
|