@alicloud/appflow-chat 0.0.1-beta.1 → 0.0.1-beta.2
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.
- package/README-ZH.md +5 -9
- package/README.md +5 -9
- package/package.json +1 -1
- package/src/index.ts +1 -1
package/README-ZH.md
CHANGED
|
@@ -7,11 +7,7 @@ AI 聊天机器人组件库，提供聊天服务和 UI 组件。
|
|
|
7
7
|
### 基础安装
|
|
8
8
|
|
|
9
9
|
```bash
|
|
10
|
-
|
|
11
|
-
tnpm install @ali/appflow-chat
|
|
12
|
-
|
|
13
|
-
# NPM 官方
|
|
14
|
-
npm install appflow-chat
|
|
10
|
+
npm install @alicloud/appflow-chat
|
|
15
11
|
```
|
|
16
12
|
|
|
17
13
|
### 安装 Peer Dependencies
|
|
@@ -33,7 +29,7 @@ npm install react react-dom antd
|
|
|
33
29
|
### 1. 初始化服务
|
|
34
30
|
|
|
35
31
|
```typescript
|
|
36
|
-
import { chatService } from '@
|
|
32
|
+
import { chatService } from '@alicloud/appflow-chat';
|
|
37
33
|
|
|
38
34
|
// 初始化
|
|
39
35
|
const config = await chatService.setup({
|
|
@@ -65,7 +61,7 @@ chatService.chat({ text: '你好' })
|
|
|
65
61
|
### 3. 使用 UI 组件
|
|
66
62
|
|
|
67
63
|
```tsx
|
|
68
|
-
import { MessageBubble, RichMessageBubble } from '@
|
|
64
|
+
import { MessageBubble, RichMessageBubble } from '@alicloud/appflow-chat';
|
|
69
65
|
|
|
70
66
|
// 简单消息气泡
|
|
71
67
|
<MessageBubble
|
|
@@ -85,7 +81,7 @@ import { MessageBubble, RichMessageBubble } from '@ali/appflow-chat';
|
|
|
85
81
|
### 4. 使用 MarkdownView 组件
|
|
86
82
|
|
|
87
83
|
```tsx
|
|
88
|
-
import { MarkdownView } from '@
|
|
84
|
+
import { MarkdownView } from '@alicloud/appflow-chat';
|
|
89
85
|
|
|
90
86
|
// 渲染 Markdown 内容
|
|
91
87
|
<MarkdownView
|
|
@@ -97,7 +93,7 @@ import { MarkdownView } from '@ali/appflow-chat';
|
|
|
97
93
|
### 5. 使用 Core 组件（高级定制）
|
|
98
94
|
|
|
99
95
|
```tsx
|
|
100
|
-
import { BubbleContent, SourceContent } from '@
|
|
96
|
+
import { BubbleContent, SourceContent } from '@alicloud/appflow-chat';
|
|
101
97
|
|
|
102
98
|
// 自定义消息气泡
|
|
103
99
|
<div className="my-bubble">
|
package/README.md
CHANGED
|
@@ -9,11 +9,7 @@ AI chatbot component library providing chat services and UI components.
|
|
|
9
9
|
### Basic Installation
|
|
10
10
|
|
|
11
11
|
```bash
|
|
12
|
-
|
|
13
|
-
tnpm install @ali/appflow-chat
|
|
14
|
-
|
|
15
|
-
# NPM Official
|
|
16
|
-
npm install appflow-chat
|
|
12
|
+
npm install @alicloud/appflow-chat
|
|
17
13
|
```
|
|
18
14
|
|
|
19
15
|
### Install Peer Dependencies
|
|
@@ -35,7 +31,7 @@ npm install react react-dom antd
|
|
|
35
31
|
### 1. Initialize Service
|
|
36
32
|
|
|
37
33
|
```typescript
|
|
38
|
-
import { chatService } from '@
|
|
34
|
+
import { chatService } from '@alicloud/appflow-chat';
|
|
39
35
|
|
|
40
36
|
// Initialize
|
|
41
37
|
const config = await chatService.setup({
|
|
@@ -67,7 +63,7 @@ chatService.chat({ text: 'Hello' })
|
|
|
67
63
|
### 3. Use UI Components
|
|
68
64
|
|
|
69
65
|
```tsx
|
|
70
|
-
import { MessageBubble, RichMessageBubble } from '@
|
|
66
|
+
import { MessageBubble, RichMessageBubble } from '@alicloud/appflow-chat';
|
|
71
67
|
|
|
72
68
|
// Simple message bubble
|
|
73
69
|
<MessageBubble
|
|
@@ -87,7 +83,7 @@ import { MessageBubble, RichMessageBubble } from '@ali/appflow-chat';
|
|
|
87
83
|
### 4. Use MarkdownView Component
|
|
88
84
|
|
|
89
85
|
```tsx
|
|
90
|
-
import { MarkdownView } from '@
|
|
86
|
+
import { MarkdownView } from '@alicloud/appflow-chat';
|
|
91
87
|
|
|
92
88
|
// Render Markdown content
|
|
93
89
|
<MarkdownView
|
|
@@ -99,7 +95,7 @@ import { MarkdownView } from '@ali/appflow-chat';
|
|
|
99
95
|
### 5. Use Core Components (Advanced Customization)
|
|
100
96
|
|
|
101
97
|
```tsx
|
|
102
|
-
import { BubbleContent, SourceContent } from '@
|
|
98
|
+
import { BubbleContent, SourceContent } from '@alicloud/appflow-chat';
|
|
103
99
|
|
|
104
100
|
// Custom message bubble
|
|
105
101
|
<div className="my-bubble">
|
package/package.json
CHANGED
package/src/index.ts
CHANGED
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
* Appflow Chat - NPM 包入口文件
|
|
3
3
|
*
|
|
4
4
|
* 使用方式：
|
|
5
|
-
* import { chatService, MarkdownRenderer, BubbleContent } from '@
|
|
5
|
+
* import { chatService, MarkdownRenderer, BubbleContent } from '@alicloud/appflow-chat';
|
|
6
6
|
*/
|
|
7
7
|
|
|
8
8
|
// ==================== 服务导出 ====================
|