@blueking/chat-x 0.0.45-beta.4 → 0.0.45-beta.6

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.
Files changed (135) hide show
  1. package/README.md +1 -1
  2. package/dist/ag-ui/types/constants.d.ts +0 -16
  3. package/dist/ag-ui/types/contents.d.ts +0 -2
  4. package/dist/ag-ui/types/index.d.ts +0 -2
  5. package/dist/ag-ui/types/messages.d.ts +0 -2
  6. package/dist/components/chat-content/flow-agent-content/flow-agent-content.vue.d.ts +0 -3
  7. package/dist/components/chat-content/flow-agent-content/use-flow-agent.d.ts +0 -4
  8. package/dist/components/chat-input/chat-input.vue.d.ts +6 -9
  9. package/dist/components/chat-input/input-attachment/input-attachment.vue.d.ts +0 -1
  10. package/dist/components/chat-message/activity-message/activity-message.vue.d.ts +1 -4
  11. package/dist/components/chat-message/assistant-message/assistant-message.vue.d.ts +1 -1
  12. package/dist/components/chat-message/message-container/message-container.vue.d.ts +7 -14
  13. package/dist/components/chat-message/message-render/message-render.vue.d.ts +0 -4
  14. package/dist/components/index.d.ts +2 -3
  15. package/dist/composables/use-global-config.d.ts +0 -3
  16. package/dist/composables/use-message-group.d.ts +823 -2609
  17. package/dist/icons/index.d.ts +0 -1
  18. package/dist/index.css +1 -1
  19. package/dist/index.js +1935 -2564
  20. package/dist/index.js.map +1 -1
  21. package/dist/lang/lang.d.ts +2 -34
  22. package/dist/mcp/generated/docs/activity-message.md +7 -21
  23. package/dist/mcp/generated/docs/ai-image.md +4 -9
  24. package/dist/mcp/generated/docs/ai-loading.md +6 -11
  25. package/dist/mcp/generated/docs/ai-selection.md +5 -10
  26. package/dist/mcp/generated/docs/animation-text.md +4 -9
  27. package/dist/mcp/generated/docs/assistant-message.md +5 -10
  28. package/dist/mcp/generated/docs/chat-container.md +19 -153
  29. package/dist/mcp/generated/docs/chat-input.md +9 -45
  30. package/dist/mcp/generated/docs/cite-content.md +3 -8
  31. package/dist/mcp/generated/docs/code-content.md +4 -9
  32. package/dist/mcp/generated/docs/common-error-content.md +5 -10
  33. package/dist/mcp/generated/docs/constants.md +3 -68
  34. package/dist/mcp/generated/docs/content-render.md +5 -10
  35. package/dist/mcp/generated/docs/delete-tool.md +4 -9
  36. package/dist/mcp/generated/docs/desc-panel.md +4 -9
  37. package/dist/mcp/generated/docs/execution-summary.md +5 -10
  38. package/dist/mcp/generated/docs/file-content.md +4 -9
  39. package/dist/mcp/generated/docs/file-upload-btn.md +5 -10
  40. package/dist/mcp/generated/docs/highlight-keyword.md +5 -10
  41. package/dist/mcp/generated/docs/image-content.md +4 -9
  42. package/dist/mcp/generated/docs/image-preview-group.md +4 -9
  43. package/dist/mcp/generated/docs/image-preview.md +5 -10
  44. package/dist/mcp/generated/docs/info-message.md +2 -7
  45. package/dist/mcp/generated/docs/key-value-content.md +4 -9
  46. package/dist/mcp/generated/docs/latex-content.md +4 -9
  47. package/dist/mcp/generated/docs/loading-message.md +6 -11
  48. package/dist/mcp/generated/docs/markdown-container.md +1 -1
  49. package/dist/mcp/generated/docs/markdown-content.md +8 -13
  50. package/dist/mcp/generated/docs/markdown-latex.md +3 -3
  51. package/dist/mcp/generated/docs/markdown-mermaid.md +3 -3
  52. package/dist/mcp/generated/docs/mermaid-content.md +4 -9
  53. package/dist/mcp/generated/docs/message-container.md +11 -69
  54. package/dist/mcp/generated/docs/message-render.md +11 -23
  55. package/dist/mcp/generated/docs/message-tools.md +5 -10
  56. package/dist/mcp/generated/docs/messages.md +11 -75
  57. package/dist/mcp/generated/docs/overflow-tips.md +4 -4
  58. package/dist/mcp/generated/docs/reasoning-message.md +5 -10
  59. package/dist/mcp/generated/docs/reference-content.md +5 -10
  60. package/dist/mcp/generated/docs/scroll-btn.md +3 -8
  61. package/dist/mcp/generated/docs/selection-footer.md +4 -9
  62. package/dist/mcp/generated/docs/shortcut-btn.md +5 -10
  63. package/dist/mcp/generated/docs/shortcut-btns.md +5 -10
  64. package/dist/mcp/generated/docs/shortcut-render.md +5 -10
  65. package/dist/mcp/generated/docs/text-content.md +4 -9
  66. package/dist/mcp/generated/docs/theme.md +4 -50
  67. package/dist/mcp/generated/docs/tool-btn.md +4 -9
  68. package/dist/mcp/generated/docs/tool-message.md +5 -10
  69. package/dist/mcp/generated/docs/toolcall-render.md +5 -10
  70. package/dist/mcp/generated/docs/use-animation-text.md +4 -4
  71. package/dist/mcp/generated/docs/use-clipboard.md +3 -3
  72. package/dist/mcp/generated/docs/use-command-selection.md +1 -1
  73. package/dist/mcp/generated/docs/use-custom-tab.md +1 -1
  74. package/dist/mcp/generated/docs/use-full-screen.md +3 -3
  75. package/dist/mcp/generated/docs/use-global-config.md +5 -20
  76. package/dist/mcp/generated/docs/use-menu-keydown.md +1 -1
  77. package/dist/mcp/generated/docs/use-message-group.md +9 -40
  78. package/dist/mcp/generated/docs/use-observer-visible-list.md +1 -1
  79. package/dist/mcp/generated/docs/user-feedback.md +3 -8
  80. package/dist/mcp/generated/docs/user-message.md +5 -10
  81. package/dist/mcp/generated/index.json +560 -1103
  82. package/dist/mcp/index.js +0 -0
  83. package/dist/mcp/server.js +1 -1
  84. package/dist/mcp/server.js.map +1 -1
  85. package/dist/mcp/tools/list-components.d.ts +6 -7
  86. package/dist/mcp/tools/list-components.js +29 -23
  87. package/dist/mcp/tools/list-components.js.map +1 -1
  88. package/dist/mcp/tools/search-docs.js +1 -1
  89. package/dist/mcp/tools/search-docs.js.map +1 -1
  90. package/dist/mcp/utils/doc-loader.d.ts +1 -1
  91. package/package.json +21 -23
  92. package/dist/ag-ui/types/interrupt.d.ts +0 -137
  93. package/dist/ag-ui/types/schema.d.ts +0 -42
  94. package/dist/components/ai-questions/questions-container.vue.d.ts +0 -3
  95. package/dist/components/ai-questions/selection-question.vue.d.ts +0 -3
  96. package/dist/components/chat-content/flow-agent-content/use-flow-node-actions.d.ts +0 -32
  97. package/dist/components/chat-content/index.d.ts +0 -2
  98. package/dist/components/chat-input/input-info-alert.vue.d.ts +0 -6
  99. package/dist/components/chat-message/interrupt-message/index.d.ts +0 -2
  100. package/dist/components/chat-message/interrupt-message/interrupt-message.vue.d.ts +0 -17
  101. package/dist/components/chat-message/interrupt-message/tool-approval-card.vue.d.ts +0 -8
  102. package/dist/components/chat-message/interrupt-message/user-question/index.d.ts +0 -5
  103. package/dist/components/chat-message/interrupt-message/user-question/use-user-question.d.ts +0 -35
  104. package/dist/components/chat-message/interrupt-message/user-question/user-question-answered-card.vue.d.ts +0 -25
  105. package/dist/components/chat-message/interrupt-message/user-question/user-question-card.vue.d.ts +0 -25
  106. package/dist/components/chat-message/interrupt-message/user-question/user-question-choice.vue.d.ts +0 -13
  107. package/dist/components/chat-message/interrupt-message/user-question/user-question-option.vue.d.ts +0 -17
  108. package/dist/icons/interrupt.d.ts +0 -24
  109. package/dist/mcp/generated/docs/activity-layout.md +0 -138
  110. package/dist/mcp/generated/docs/ai-prompt-list.md +0 -42
  111. package/dist/mcp/generated/docs/ai-slash-editor.md +0 -43
  112. package/dist/mcp/generated/docs/ai-slash-input.md +0 -43
  113. package/dist/mcp/generated/docs/ai-slash-menu.md +0 -42
  114. package/dist/mcp/generated/docs/detail-section.md +0 -93
  115. package/dist/mcp/generated/docs/flow-agent-content.md +0 -252
  116. package/dist/mcp/generated/docs/flow-agent-node-detail.md +0 -240
  117. package/dist/mcp/generated/docs/input-attachment.md +0 -43
  118. package/dist/mcp/generated/docs/input-info-alert.md +0 -42
  119. package/dist/mcp/generated/docs/interrupt-message.md +0 -204
  120. package/dist/mcp/generated/docs/interrupt.md +0 -354
  121. package/dist/mcp/generated/docs/knowledge-rag-content.md +0 -126
  122. package/dist/mcp/generated/docs/message-loading.md +0 -120
  123. package/dist/mcp/generated/docs/preview-toolbar.md +0 -42
  124. package/dist/mcp/generated/docs/questions-container.md +0 -88
  125. package/dist/mcp/generated/docs/reference-doc-content.md +0 -112
  126. package/dist/mcp/generated/docs/schema.md +0 -93
  127. package/dist/mcp/generated/docs/selection-question.md +0 -91
  128. package/dist/mcp/generated/docs/simple-table.md +0 -103
  129. package/dist/mcp/generated/docs/tool-approval-card.md +0 -148
  130. package/dist/mcp/generated/docs/use-flow-node-actions.md +0 -124
  131. package/dist/mcp/generated/docs/user-question-answered-card.md +0 -106
  132. package/dist/mcp/generated/docs/user-question-card.md +0 -211
  133. package/dist/mcp/generated/docs/user-question-choice.md +0 -108
  134. package/dist/mcp/generated/docs/user-question-option.md +0 -42
  135. package/dist/mcp/generated/docs/vnode-renderer.md +0 -126
@@ -1,25 +0,0 @@
1
- import { type VNode } from 'vue';
2
- import type { UserQuestionAnswerItem } from '../../../../ag-ui/types/interrupt';
3
- type __VLS_Props = {
4
- answers: UserQuestionAnswerItem[];
5
- status?: 'cancelled' | 'resolved';
6
- };
7
- export type UserQuestionAnsweredCardSlots = {
8
- answer: (props: {
9
- index: number;
10
- item: UserQuestionAnswerItem;
11
- status: 'cancelled' | 'resolved';
12
- }) => null | undefined | VNode;
13
- };
14
- type __VLS_Slots = UserQuestionAnsweredCardSlots;
15
- declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {
16
- status: "cancelled" | "resolved";
17
- }, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
19
- declare const _default: typeof __VLS_export;
20
- export default _default;
21
- type __VLS_WithSlots<T, S> = T & {
22
- new (): {
23
- $slots: S;
24
- };
25
- };
@@ -1,25 +0,0 @@
1
- import { type VNode } from 'vue';
2
- import type { OnInterruptResume, UserQuestionAnswerItem, UserQuestionInterrupt, UserQuestionItem } from '../../../../ag-ui/types/interrupt';
3
- type __VLS_Props = {
4
- interrupt: UserQuestionInterrupt;
5
- onResume?: OnInterruptResume;
6
- };
7
- export type UserQuestionCardSlots = {
8
- question: (props: {
9
- answer: undefined | UserQuestionAnswerItem;
10
- confirm: () => void;
11
- qIndex: number;
12
- question: UserQuestionItem;
13
- setAnswer: (answer: undefined | UserQuestionAnswerItem) => void;
14
- }) => null | undefined | VNode;
15
- };
16
- type __VLS_Slots = UserQuestionCardSlots;
17
- declare const __VLS_base: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{}>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
18
- declare const __VLS_export: __VLS_WithSlots<typeof __VLS_base, __VLS_Slots>;
19
- declare const _default: typeof __VLS_export;
20
- export default _default;
21
- type __VLS_WithSlots<T, S> = T & {
22
- new (): {
23
- $slots: S;
24
- };
25
- };
@@ -1,13 +0,0 @@
1
- import type { UserQuestionAnswerItem, UserQuestionItem } from '../../../../ag-ui/types/interrupt';
2
- type __VLS_Props = {
3
- question: UserQuestionItem;
4
- };
5
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
6
- answer: (answer: UserQuestionAnswerItem | undefined) => any;
7
- confirm: () => any;
8
- }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
9
- onAnswer?: ((answer: UserQuestionAnswerItem | undefined) => any) | undefined;
10
- onConfirm?: (() => any) | undefined;
11
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
12
- declare const _default: typeof __VLS_export;
13
- export default _default;
@@ -1,17 +0,0 @@
1
- import type { NormalizedUserQuestionOption } from './use-user-question';
2
- type __VLS_Props = {
3
- option: NormalizedUserQuestionOption;
4
- othersText?: string;
5
- selected: boolean;
6
- };
7
- declare const __VLS_export: import("vue").DefineComponent<__VLS_Props, {}, {}, {}, {}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {} & {
8
- select: () => any;
9
- confirm: () => any;
10
- "update:othersText": (value: string) => any;
11
- }, string, import("vue").PublicProps, Readonly<__VLS_Props> & Readonly<{
12
- onSelect?: (() => any) | undefined;
13
- onConfirm?: (() => any) | undefined;
14
- "onUpdate:othersText"?: ((value: string) => any) | undefined;
15
- }>, {}, {}, {}, {}, string, import("vue").ComponentProvideOptions, false, {}, any>;
16
- declare const _default: typeof __VLS_export;
17
- export default _default;
@@ -1,24 +0,0 @@
1
- export declare const CheckCircleFillIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
2
- [key: string]: any;
3
- }>;
4
- export declare const TimeIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
5
- [key: string]: any;
6
- }>;
7
- export declare const CloseCircleFillIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
8
- [key: string]: any;
9
- }>;
10
- export declare const RevokedIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
11
- [key: string]: any;
12
- }>;
13
- export declare const HelpDocIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
14
- [key: string]: any;
15
- }>;
16
- export declare const InfoIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
17
- [key: string]: any;
18
- }>;
19
- export declare const EnterIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
20
- [key: string]: any;
21
- }>;
22
- export declare const SkipIcon: import("vue").VNode<import("vue").RendererNode, import("vue").RendererElement, {
23
- [key: string]: any;
24
- }>;
@@ -1,138 +0,0 @@
1
- <!-- AI SUMMARY -->
2
- ## 快速了解
3
-
4
- 活动消息的折叠布局容器,提供 title/default 插槽。 源码位置:src/components/chat-content/activity-layout/activity-layout.vue。
5
-
6
- ### 关联组件
7
- - **activity-message** — 活动消息通过本组件承载标题栏与内容区
8
- - **knowledge-rag-content** — 知识召回活动复用本组件展示加载标题与正文
9
- - **reference-doc-content** — 引用文档活动复用本组件展示文档数量与引用列表
10
- - **flow-agent-content** — FlowAgent 活动复用本组件,但隐藏默认折叠箭头
11
-
12
- ---
13
- <!-- FULL DOC -->
14
-
15
- # ActivityLayout 活动布局
16
-
17
- > **能力域**:辅助能力
18
-
19
- `ActivityLayout` 是活动消息的通用折叠布局容器,负责渲染标题栏、折叠箭头和内容区域。它不关心活动内容类型本身,标题和正文均通过插槽传入,因此常被 `KnowledgeRagContent`、`ReferenceDocContent`、`FlowAgentContent` 等活动组件复用。
20
-
21
- 通常不需要业务侧直接使用;如果要新增一种活动消息内容,可以用它作为标题/内容外壳。
22
-
23
- ## 源码事实
24
-
25
- - **源码位置**:`src/components/chat-content/activity-layout/activity-layout.vue`
26
- - **能力说明**:活动消息的折叠布局容器,提供 `title` / `default` 插槽。
27
-
28
- ## 核心能力
29
-
30
- - **标题栏点击折叠**:点击标题栏切换 `collapsed`,内容区通过 `v-show="!collapsed"` 显示或隐藏
31
- - **双向绑定**:通过 `v-model:collapsed` 让父组件控制展开/收起状态,默认展开
32
- - **标题插槽透传状态**:`title` 插槽会收到 `{ collapsed }`,可根据折叠状态调整标题内容
33
- - **默认折叠箭头**:非 FlowAgent 活动自动在标题右侧显示折叠箭头
34
- - **FlowAgent 特例**:`activityType === MessageContentType.FlowAgent` 时隐藏默认折叠箭头,由 FlowAgent 自己渲染标题交互
35
-
36
- ## 基础用法
37
-
38
- ```vue
39
- <template>
40
- <ActivityLayout v-model:collapsed="collapsed">
41
- <template #title="{ collapsed }">
42
- <span class="ai-activity-message-title-icon">
43
- <DocumentIcon style="font-size: 12px" />
44
- </span>
45
- <span class="ai-activity-message-title-text">
46
- {{ collapsed ? '已折叠' : '引用 2 篇资料作为参考' }}
47
- </span>
48
- </template>
49
-
50
- <div style="padding: 0 14px;">
51
- 活动内容
52
- </div>
53
- </ActivityLayout>
54
- </template>
55
-
56
- <script setup lang="ts">
57
- import { ref } from 'vue';
58
- import ActivityLayout from '@blueking/chat-x/src/components/chat-content/activity-layout/activity-layout.vue';
59
- import { DocumentIcon } from '@blueking/chat-x/src/icons/content';
60
-
61
- const collapsed = ref(false);
62
- </script>
63
- ```
64
-
65
- **渲染效果**
66
-
67
- ## 折叠状态
68
-
69
- `collapsed` 默认为 `false`。设置为 `true` 时只展示标题栏,正文内容保留在 DOM 中但通过 `v-show` 隐藏。
70
-
71
- ## FlowAgent 活动
72
-
73
- 传入 `activityType="flow_agent"` 时,`ActivityLayout` 不渲染右侧默认折叠箭头。该场景下标题栏通常由 `FlowAgentContent` 自己展示状态统计、加载图标和展开箭头。
74
-
75
- ```vue
76
- <ActivityLayout
77
- v-model:collapsed="collapsed"
78
- :activity-type="MessageContentType.FlowAgent"
79
- >
80
- <template #title>
81
- <span>执行情况: 成功 2 / 失败 1</span>
82
- </template>
83
- <div>FlowAgent 节点列表</div>
84
- </ActivityLayout>
85
- ```
86
-
87
- ## 组件结构
88
-
89
- ```
90
- .ai-activity-message
91
- ├── .ai-activity-message-title(点击切换 collapsed)
92
- │ ├── title slot(slot props: { collapsed })
93
- │ └── CollapsedIcon(activityType !== flow_agent 时显示)
94
- └── .ai-activity-message-content(v-show="!collapsed")
95
- └── default slot
96
- ```
97
-
98
- ## API
99
-
100
- ### Props
101
-
102
- | 属性名 | 类型 | 必填 | 默认值 | 说明 |
103
- | ------------ | -------------------- | ---- | ------ | --------------------------------------------- |
104
- | activityType | `MessageContentType` | 否 | — | 活动类型;为 `flow_agent` 时隐藏默认折叠箭头 |
105
-
106
- ### Models
107
-
108
- | 名称 | 类型 | 默认值 | 说明 |
109
- | --------- | --------- | ------- | ---------------- |
110
- | collapsed | `boolean` | `false` | 活动内容是否折叠 |
111
-
112
- ### Emits
113
-
114
- - 无显式 emits;`v-model:collapsed` 会产生 `update:collapsed`。
115
-
116
- ### Slots
117
-
118
- | 插槽名 | 参数 | 说明 |
119
- | ------- | ----------------------- | ---------- |
120
- | title | `{ collapsed: boolean }` | 标题栏内容 |
121
- | default | — | 活动正文 |
122
-
123
- ### Expose
124
-
125
- - 无。
126
-
127
- ## 使用建议
128
-
129
- - 适合作为活动消息内部布局外壳,不建议替代通用卡片、面板或页面 Section。
130
- - 标题栏点击区域会整体触发折叠,标题插槽内如有按钮或链接,需要自行处理事件冒泡。
131
- - `default` 内容使用 `v-show` 控制可见性,折叠时不会卸载内部组件。
132
-
133
- ## 关联组件
134
-
135
- - [ActivityMessage](../message/activity-message.md) — 活动消息分发入口。
136
- - [KnowledgeRagContent](../agent/knowledge-rag-content.md) — 知识召回活动。
137
- - [ReferenceDocContent](../agent/reference-doc-content.md) — 引用文档活动。
138
- - [FlowAgentContent](../agent/flow-agent-content.md) — FlowAgent 执行活动。
@@ -1,42 +0,0 @@
1
- <!-- AI SUMMARY -->
2
- ## 快速了解
3
-
4
- / Prompt 选择列表,供 AiSlashInput 插入模板文本。 源码位置:src/components/chat-input/ai-slash-input/ai-prompt-list/ai-prompt-list.vue。
5
-
6
- ---
7
- <!-- FULL DOC -->
8
-
9
- # AiPromptList Prompt 列表
10
-
11
- > **能力域**:输入交互
12
-
13
- ## 源码事实
14
-
15
- - **源码位置**:`src/components/chat-input/ai-slash-input/ai-prompt-list/ai-prompt-list.vue`
16
- - **能力说明**:/ Prompt 选择列表,供 AiSlashInput 插入模板文本。
17
-
18
- ## API 摘要
19
-
20
- ### Props
21
-
22
- - `{ onSelect: (prompt: string) =`
23
-
24
- ### Emits
25
-
26
- - 无。
27
-
28
- ### Slots
29
-
30
- - 无。
31
-
32
- ### Expose
33
-
34
- - 无。
35
-
36
- ## 组件依赖
37
-
38
- - 无组件依赖或仅依赖基础库。
39
-
40
- ## 使用建议
41
-
42
- - 优先通过上层组合组件使用;直接使用前请确认 props 数据结构来自对应类型定义。
@@ -1,43 +0,0 @@
1
- <!-- AI SUMMARY -->
2
- ## 快速了解
3
-
4
- 旧版富文本编辑器实现,封装 command selection 与提示菜单。 源码位置:src/components/chat-input/ai-slash-editor/ai-slash-editor.vue。
5
-
6
- ---
7
- <!-- FULL DOC -->
8
-
9
- # AiSlashEditor 富文本编辑器
10
-
11
- > **能力域**:输入交互
12
-
13
- ## 源码事实
14
-
15
- - **源码位置**:`src/components/chat-input/ai-slash-editor/ai-slash-editor.vue`
16
- - **能力说明**:旧版富文本编辑器实现,封装 command selection 与提示菜单。
17
-
18
- ## API 摘要
19
-
20
- ### Props
21
-
22
- - `{ disabled?: boolean; modelValue?: string; placeholder?: string; prompts?: string[]; }`
23
-
24
- ### Emits
25
-
26
- - `{ (e: 'update:modelValue', value: string): void; (e: 'focus'): void; (e: 'keydown', event: IKeyboardEvent): void; (e: 'layoutChange', layoutInfo: monacoEditor.EditorLayoutInfo): void; }`
27
-
28
- ### Slots
29
-
30
- - 无。
31
-
32
- ### Expose
33
-
34
- - `{ get editor(`
35
-
36
- ## 组件依赖
37
-
38
- - `AiPromptList`
39
- - `AiSlashMenu`
40
-
41
- ## 使用建议
42
-
43
- - 优先通过上层组合组件使用;直接使用前请确认 props 数据结构来自对应类型定义。
@@ -1,43 +0,0 @@
1
- <!-- AI SUMMARY -->
2
- ## 快速了解
3
-
4
- ChatInput 内部富文本输入,支持 / Prompt 与 @ 资源标签。 源码位置:src/components/chat-input/ai-slash-input/ai-slash-input.vue。
5
-
6
- ---
7
- <!-- FULL DOC -->
8
-
9
- # AiSlashInput 富文本命令输入
10
-
11
- > **能力域**:输入交互
12
-
13
- ## 源码事实
14
-
15
- - **源码位置**:`src/components/chat-input/ai-slash-input/ai-slash-input.vue`
16
- - **能力说明**:ChatInput 内部富文本输入,支持 / Prompt 与 @ 资源标签。
17
-
18
- ## API 摘要
19
-
20
- ### Props
21
-
22
- - `{ modelValue: string | TagSchema; placeholder?: string; prompts?: string[]; resources?: IAiSlashMenuItem[]; }`
23
-
24
- ### Emits
25
-
26
- - `{ (e: 'update:modelValue', value: TagSchema, selectedResourceList: IAiSlashMenuItem[]): void; (e: 'keydown', event: KeyboardEvent & KeyboardPayload): void; (e: 'upload', files: File[]): void; }`
27
-
28
- ### Slots
29
-
30
- - 无。
31
-
32
- ### Expose
33
-
34
- - `{ cleanup: (`
35
-
36
- ## 组件依赖
37
-
38
- - `AiPromptList`
39
- - `AiSlashMenu`
40
-
41
- ## 使用建议
42
-
43
- - 优先通过上层组合组件使用;直接使用前请确认 props 数据结构来自对应类型定义。
@@ -1,42 +0,0 @@
1
- <!-- AI SUMMARY -->
2
- ## 快速了解
3
-
4
- @ 资源选择菜单,展示资源项供 AiSlashInput 插入标签。 源码位置:src/components/chat-input/ai-slash-input/ai-slash-menu/ai-slash-menu.vue。
5
-
6
- ---
7
- <!-- FULL DOC -->
8
-
9
- # AiSlashMenu 资源菜单
10
-
11
- > **能力域**:输入交互
12
-
13
- ## 源码事实
14
-
15
- - **源码位置**:`src/components/chat-input/ai-slash-input/ai-slash-menu/ai-slash-menu.vue`
16
- - **能力说明**:@ 资源选择菜单,展示资源项供 AiSlashInput 插入标签。
17
-
18
- ## API 摘要
19
-
20
- ### Props
21
-
22
- - `{ onSelect: (item: IAiSlashMenuItem) =`
23
-
24
- ### Emits
25
-
26
- - 无。
27
-
28
- ### Slots
29
-
30
- - 无。
31
-
32
- ### Expose
33
-
34
- - 无。
35
-
36
- ## 组件依赖
37
-
38
- - 无组件依赖或仅依赖基础库。
39
-
40
- ## 使用建议
41
-
42
- - 优先通过上层组合组件使用;直接使用前请确认 props 数据结构来自对应类型定义。
@@ -1,93 +0,0 @@
1
- <!-- AI SUMMARY -->
2
- ## 快速了解
3
-
4
- FlowAgent 节点详情中的标题/内容分段容器。 源码位置:src/components/chat-content/flow-agent-content/detail-section.vue。
5
-
6
- ### 关联组件
7
- - **flow-agent-node-detail** — 节点详情中用于承载基础信息、输入参数、输出参数等区块
8
- - **simple-table** — 常作为分段内容展示结构化参数表格
9
-
10
- ---
11
- <!-- FULL DOC -->
12
-
13
- # DetailSection 详情分段
14
-
15
- > **能力域**:Agent 能力
16
-
17
- `DetailSection` 是 FlowAgent 节点详情页中的轻量分段容器,用于给一组相关信息提供统一标题样式。组件自身只负责渲染标题和默认插槽,不处理数据格式、折叠、空态或表格逻辑。
18
-
19
- 通常不需要单独接入,主要由 `FlowAgentNodeDetail` 内部组合使用。
20
-
21
- ## 源码事实
22
-
23
- - **源码位置**:`src/components/chat-content/flow-agent-content/detail-section.vue`
24
- - **能力说明**:FlowAgent 节点详情中的标题/内容分段容器。
25
-
26
- ## 核心能力
27
-
28
- - **统一标题样式**:标题前带蓝色竖条,标题文本使用详情页统一字号与字重
29
- - **内容完全透传**:通过默认插槽承载任意内容,如基础信息表单、`SimpleTable` 或自定义说明
30
- - **无内部状态**:不维护折叠、加载、选择等状态,适合作为详情页布局基础块
31
-
32
- ## 基础用法
33
-
34
- ```vue
35
- <template>
36
- <DetailSection title="基础信息">
37
- <div class="info-row">节点名称:采集主机指标</div>
38
- </DetailSection>
39
- </template>
40
-
41
- <script setup lang="ts">
42
- import DetailSection from '@blueking/chat-x/src/components/chat-content/flow-agent-content/detail-section.vue';
43
- </script>
44
- ```
45
-
46
- **渲染效果**
47
-
48
- ## 搭配 SimpleTable
49
-
50
- `DetailSection` 最常见的用法是包裹结构化内容,由外层负责分段标题,内部组件负责数据展示。
51
-
52
- ```vue
53
- <template>
54
- <DetailSection title="输入参数">
55
- <SimpleTable
56
- :columns="columns"
57
- :data="data"
58
- />
59
- </DetailSection>
60
- </template>
61
- ```
62
-
63
- ## API
64
-
65
- ### Props
66
-
67
- | 属性名 | 类型 | 必填 | 默认值 | 说明 |
68
- | ------ | -------- | ---- | ------ | -------- |
69
- | title | `string` | 是 | — | 分段标题 |
70
-
71
- ### Emits
72
-
73
- - 无。
74
-
75
- ### Slots
76
-
77
- | 插槽名 | 说明 |
78
- | ------- | ---------------- |
79
- | default | 分段主体展示内容 |
80
-
81
- ### Expose
82
-
83
- - 无。
84
-
85
- ## 使用建议
86
-
87
- - 用于详情页内部的短分段,不建议作为通用卡片或页面 Section 使用。
88
- - 内容空态应由插槽内组件自行处理,`DetailSection` 不会主动显示空态。
89
-
90
- ## 关联组件
91
-
92
- - [FlowAgentNodeDetail](./flow-agent-node-detail.md) — 节点详情主体。
93
- - [SimpleTable](./simple-table.md) — 分段内常用的轻量表格。