lke-component 1.1.12 → 1.1.15
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.md +3 -11
- package/dist/lke-component.esm.js +1 -1
- package/dist/lke-component.umd.js +1 -1
- package/package.json +1 -1
package/README.md
CHANGED
|
@@ -30,10 +30,7 @@ MsgContent： 展示MD内容
|
|
|
30
30
|
props:
|
|
31
31
|
content: String, // MD消息
|
|
32
32
|
isFinal: Boolean, // 消息是否输出结束
|
|
33
|
-
loadingMessage: Boolean, // 是否加载中
|
|
34
|
-
isMdExpand: Boolean, // 是否展开所有的消息
|
|
35
33
|
isReplaceLinks: Boolean, // 是否替换链接为第三方提示
|
|
36
|
-
isPrintAnimate: Boolean, // 是否显示打字的图标
|
|
37
34
|
styleObj: Object, // MD消息体的style
|
|
38
35
|
clazzTable: String, // MD消息体的 table 样式 （后面会加上默认统一样式），props方便修改
|
|
39
36
|
clazzMd: String, // MD消息体的class
|
|
@@ -48,7 +45,6 @@ props:
|
|
|
48
45
|
type: String, // 当前消息的类型，type透传，一般为 reply 、 token_stat
|
|
49
46
|
isReplaceLinks: Boolean, // 是否替换为大模型的第三方链接提示
|
|
50
47
|
showProcedures: Boolean, // 是否显示模型输出的状态
|
|
51
|
-
isPrintAnimate: Boolean, // 是否显示打字效果
|
|
52
48
|
transferStatus: Boolean, // 转人工状态
|
|
53
49
|
clazz: String, //外层包裹的div的类名
|
|
54
50
|
item: Object, // 当前的消息内容
|
|
@@ -82,7 +78,7 @@ Vue.use(lkeComponent);
|
|
|
82
78
|
|
|
83
79
|
// 在对应的vue页面里面使用组件
|
|
84
80
|
<!-- Loading切换 + Markdown渲染 -->
|
|
85
|
-
<LkeMsg :loadingIcon="loadingIcon" :loadingMessage="item.loading_message" :loadingText="item.text" :transferStatus="transferStatus" :isReplaceLinks="true" :content="item.content" :isFinal="item.is_final" :
|
|
81
|
+
<LkeMsg :loadingIcon="loadingIcon" :loadingMessage="item.loading_message" :loadingText="item.text" :transferStatus="transferStatus" :isReplaceLinks="true" :content="item.content" :isFinal="item.is_final" :clazzMd="`question-text ${webIMSource === 'client' && isMobile ? 'question-text-mobile' : ''}`" :styleObj="{ 'max-width': webIMSource === 'client' && isMobile ? '352px' : '680px' }" />
|
|
86
82
|
|
|
87
83
|
<!-- 非转人工情况下, 展示临时[正在思考中]消息 -->
|
|
88
84
|
<MsgLoading :loadingIcon="loadingIcon" :loadingMessage="item.loading_message" :loadingText="item.text" :transferStatus="transferStatus" />
|
|
@@ -98,7 +94,7 @@ Vue.use(lkeComponent);
|
|
|
98
94
|
/>
|
|
99
95
|
|
|
100
96
|
<!-- Markdown渲染 -->
|
|
101
|
-
<MsgContent :isReplaceLinks="true" :loadingMessage="item.loading_message" :content="item.content" :isFinal="item.is_final" :
|
|
97
|
+
<MsgContent :isReplaceLinks="true" :loadingMessage="item.loading_message" :content="item.content" :isFinal="item.is_final" :clazzMd="`question-text ${webIMSource === 'client' && isMobile ? 'question-text-mobile' : ''}`" :styleObj="{ 'max-width': webIMSource === 'client' && isMobile ? '352px' : '680px' }" :printCount="1" :hideCursorPoint="true"/>
|
|
102
98
|
```
|
|
103
99
|
|
|
104
100
|
2. import方式引入
|
|
@@ -120,7 +116,7 @@ export default {
|
|
|
120
116
|
|
|
121
117
|
|
|
122
118
|
<!-- Markdown渲染 -->
|
|
123
|
-
<MsgContent :isReplaceLinks="true" :loadingMessage="item.loading_message" :content="item.content" :isFinal="item.is_final" :
|
|
119
|
+
<MsgContent :isReplaceLinks="true" :loadingMessage="item.loading_message" :content="item.content" :isFinal="item.is_final" :clazzMd="`question-text ${webIMSource === 'client' && isMobile ? 'question-text-mobile' : ''}`" :styleObj="{ 'max-width': webIMSource === 'client' && isMobile ? '352px' : '680px' }" />
|
|
124
120
|
|
|
125
121
|
<!-- deepseek 思考内容渲染 -->
|
|
126
122
|
<MsgThought
|
|
@@ -150,9 +146,7 @@ const App = () => {
|
|
|
150
146
|
content: "天气不错哦<b>?</b>",
|
|
151
147
|
isFinal: true, // 消息是否输出结束
|
|
152
148
|
loadingMessage: false, // 是否加载中
|
|
153
|
-
isMdExpand: false, // 是否展开所有的消息
|
|
154
149
|
isReplaceLinks: false, // 是否替换链接为第三方提示
|
|
155
|
-
isPrintAnimate: false, // 是否显示打字的效果
|
|
156
150
|
styleObj: {}, // MD消息体的style
|
|
157
151
|
clazzTable: '', // MD消息体的 table 样式
|
|
158
152
|
clazzMd: '', // MD消息体的类名
|
|
@@ -207,9 +201,7 @@ const App = () => {
|
|
|
207
201
|
clazzMd={item.clazzMd}
|
|
208
202
|
anchorAttributes={item.anchorAttributes}
|
|
209
203
|
linkify={item.linkify}
|
|
210
|
-
isPrintAnimate={item.isPrintAnimate}
|
|
211
204
|
isReplaceLinks={item.isReplaceLinks}
|
|
212
|
-
isMdExpand={item.isMdExpand}
|
|
213
205
|
/>
|
|
214
206
|
))}
|
|
215
207
|
</div>
|