yt-chat-components 1.4.2 → 1.4.4

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 (5) hide show
  1. package/package.json +1 -1
  2. package/src/YtChatView/chatWidget/chatWindow/chatMessage/CustomThoughtChain.tsx +1 -1
  3. package/src/YtChatView/chatWidget/chatWindow/chatMessage/index.tsx +9 -0
  4. package/src/YtChatView/chatWidget/chatWindow/chatMessage/urlCard.tsx +18 -7
  5. package/src/YtChatView/mobileChat/index.jsx +0 -1
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "yt-chat-components",
3
- "version": "1.4.2",
3
+ "version": "1.4.4",
4
4
  "main": "build/static/js/bundle.min.js",
5
5
  "module": "build/static/js/bundle.min.js",
6
6
  "types": "build/static/js/index.d.ts",
package/src/YtChatView/chatWidget/chatWindow/chatMessage/CustomThoughtChain.tsx CHANGED
@@ -112,7 +112,7 @@ export const customThoughtChainStyle = `
112
112
 
113
113
  /* 内容样式 */
114
114
  .custom-thought-chain-item-content {
115
- max-width: 780px
115
+ max-width: 780px;
116
116
  display: inline-block;
117
117
  margin-bottom: 8px;
118
118
  background: white;
package/src/YtChatView/chatWidget/chatWindow/chatMessage/index.tsx CHANGED
@@ -318,6 +318,15 @@ export default function ChatMessage({
318
318
  // 默认渲染其他代码块
319
319
  return <code className={className} {...props}>{children}</code>;
320
320
  },
321
+ img({ src, ...props }){
322
+ return <Image
323
+ height={'auto'}
324
+ width={'100%'}
325
+ src={src}
326
+ alt={''}
327
+ fallback="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAMIAAADDCAYAAADQvc6UAAABRWlDQ1BJQ0MgUHJvZmlsZQAAKJFjYGASSSwoyGFhYGDIzSspCnJ3UoiIjFJgf8LAwSDCIMogwMCcmFxc4BgQ4ANUwgCjUcG3awyMIPqyLsis7PPOq3QdDFcvjV3jOD1boQVTPQrgSkktTgbSf4A4LbmgqISBgTEFyFYuLykAsTuAbJEioKOA7DkgdjqEvQHEToKwj4DVhAQ5A9k3gGyB5IxEoBmML4BsnSQk8XQkNtReEOBxcfXxUQg1Mjc0dyHgXNJBSWpFCYh2zi+oLMpMzyhRcASGUqqCZ16yno6CkYGRAQMDKMwhqj/fAIcloxgHQqxAjIHBEugw5sUIsSQpBobtQPdLciLEVJYzMPBHMDBsayhILEqEO4DxG0txmrERhM29nYGBddr//5/DGRjYNRkY/l7////39v///y4Dmn+LgeHANwDrkl1AuO+pmgAAADhlWElmTU0AKgAAAAgAAYdpAAQAAAABAAAAGgAAAAAAAqACAAQAAAABAAAAwqADAAQAAAABAAAAwwAAAAD9b/HnAAAHlklEQVR4Ae3dP3PTWBSGcbGzM6GCKqlIBRV0dHRJFarQ0eUT8LH4BnRU0NHR0UEFVdIlFRV7TzRksomPY8uykTk/zewQfKw/9znv4yvJynLv4uLiV2dBoDiBf4qP3/ARuCRABEFAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghggQAQZQKAnYEaQBAQaASKIAQJEkAEEegJmBElAoBEgghgg0Aj8i0JO4OzsrPv69Wv+hi2qPHr0qNvf39+iI97soRIh4f3z58/u7du3SXX7Xt7Z2enevHmzfQe+oSN2apSAPj09TSrb+XKI/f379+08+A0cNRE2ANkupk+ACNPvkSPcAAEibACyXUyfABGm3yNHuAECRNgAZLuYPgEirKlHu7u7XdyytGwHAd8jjNyng4OD7vnz51dbPT8/7z58+NB9+/bt6jU/TI+AGWHEnrx48eJ/EsSmHzx40L18+fLyzxF3ZVMjEyDCiEDjMYZZS5wiPXnyZFbJaxMhQIQRGzHvWR7XCyOCXsOmiDAi1HmPMMQjDpbpEiDCiL358eNHurW/5SnWdIBbXiDCiA38/Pnzrce2YyZ4//59F3ePLNMl4PbpiL2J0L979+7yDtHDhw8vtzzvdGnEXdvUigSIsCLAWavHp/+qM0BcXMd/q25n1vF57TYBp0a3mUzilePj4+7k5KSLb6gt6ydAhPUzXnoPR0dHl79WGTNCfBnn1uvSCJdegQhLI1vvCk+fPu2ePXt2tZOYEV6/fn31dz+shwAR1sP1cqvLntbEN9MxA9xcYjsxS1jWR4AIa2Ibzx0tc44fYX/16lV6NDFLXH+YL32jwiACRBiEbf5KcXoTIsQSpzXx4N28Ja4BQoK7rgXiydbHjx/P25TaQAJEGAguWy0+2Q8PD6/Ki4R8EVl+bzBOnZY95fq9rj9zAkTI2SxdidBHqG9+skdw43borCXO/ZcJdraPWdv22uIEiLA4q7nvvCug8WTqzQveOH26fodo7g6uFe/a17W3+nFBAkRYENRdb1vkkz1CH9cPsVy/jrhr27PqMYvENYNlHAIesRiBYwRy0V+8iXP8+/fvX11Mr7L7ECueb/r48eMqm7FuI2BGWDEG8cm+7G3NEOfmdcTQw4h9/55lhm7DekRYKQPZF2ArbXTAyu4kDYB2YxUzwg0gi/41ztHnfQG26HbGel/crVrm7tNY+/1btkOEAZ2M05r4FB7r9GbAIdxaZYrHdOsgJ/wCEQY0J74TmOKnbxxT9n3FgGGWWsVdowHtjt9Nnvf7yQM2aZU/TIAIAxrw6dOnAWtZZcoEnBpNuTuObWMEiLAx1HY0ZQJEmHJ3HNvGCBBhY6jtaMoEiJB0Z29vL6ls58vxPcO8/zfrdo5qvKO+d3Fx8Wu8zf1dW4p/cPzLly/dtv9Ts/EbcvGAHhHyfBIhZ6NSiIBTo0LNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiECRCjUbEPNCRAhZ6NSiAARCjXbUHMCRMjZqBQiQIRCzTbUnAARcjYqhQgQoVCzDTUnQIScjUohAkQo1GxDzQkQIWejUogAEQo121BzAkTI2agUIkCEQs021JwAEXI2KoUIEKFQsw01J0CEnI1KIQJEKNRsQ80JECFno1KIABEKNdtQcwJEyNmoFCJAhELNNtScABFyNiqFCBChULMNNSdAhJyNSiEC/wGgKKC4YMA4TAAAAABJRU5ErkJggg=="
328
+ />
329
+ }
321
330
  }), [isSubmittingForm]); // 依赖 isSubmittingForm 刷新ui
322
331
 
323
332
  const getStatusIcon = (status: CustomThoughtChainItem['status'], icon?: React.ReactNode) => {
package/src/YtChatView/chatWidget/chatWindow/chatMessage/urlCard.tsx CHANGED
@@ -6,6 +6,7 @@ import React from "react";
6
6
  */
7
7
  export const cardStyle= `
8
8
  .boxUrlCard{
9
+ max-width:100%;
9
10
  display: inline-block;
10
11
  }
11
12
  .section_1 {
@@ -18,12 +19,9 @@ export const cardStyle= `
18
19
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
19
20
  padding: 12px;
20
21
  }
21
- .section_1 > img {
22
- margin: 0 8px 0 0 !important;
23
- }
24
22
  .image-text_2 {
25
23
  width: 100%;
26
- padding: 0 12px 0 12px;
24
+ padding: 0 4px 0 4px;
27
25
  display: flex;
28
26
  align-items: center;
29
27
  }
@@ -31,13 +29,14 @@ export const cardStyle= `
31
29
  width: 45px;
32
30
  height: 45px;
33
31
  border-radius: 12px;
34
- margin: 0 8px 0 0 !important;
32
+ margin: 0 !important;
35
33
  }
36
34
  .text-group_3 {
37
35
  margin-left: 12px;
38
36
  display: flex;
39
37
  flex-direction: column;
40
38
  justify-content: space-between;
39
+ width: calc(100% - 65px);
41
40
  }
42
41
  .text_2 {
43
42
  overflow-wrap: break-word;
@@ -47,7 +46,13 @@ export const cardStyle= `
47
46
  font-weight: 500;
48
47
  text-align: left;
49
48
  white-space: nowrap;
50
- margin-buttom: 8px;
49
+ margin-bottom: 8px;
50
+ word-break: break-all;
51
+ text-overflow: ellipsis;
52
+ display: -webkit-box;
53
+ -webkit-box-orient: vertical;
54
+ -webkit-line-clamp: 2;
55
+ overflow: hidden;
51
56
  }
52
57
  .text_3 {
53
58
  overflow-wrap: break-word;
@@ -57,6 +62,12 @@ export const cardStyle= `
57
62
  font-weight: normal;
58
63
  text-align: left;
59
64
  white-space: nowrap;
65
+ word-break: break-all;
66
+ text-overflow: ellipsis;
67
+ display: -webkit-box;
68
+ -webkit-box-orient: vertical;
69
+ -webkit-line-clamp: 2;
70
+ overflow: hidden;
60
71
  }
61
72
  .line{
62
73
  width: 100%;
@@ -93,7 +104,7 @@ export const cardStyle= `
93
104
  .thumbnail_1 {
94
105
  width: 10px;
95
106
  height: 12px;
96
- margin: 0 8px 0 0 !important;
107
+ margin: 0 0 0 8px !important;
97
108
  }
98
109
  `
99
110
 
package/src/YtChatView/mobileChat/index.jsx CHANGED
@@ -270,7 +270,6 @@ const style=`
270
270
  height: 40px;
271
271
  min-height:40px;
272
272
  background: linear-gradient( 45deg, #1551FF 0%, #8F4BFF 100%);
273
- margin-top: 20px;
274
273
  border-radius: 20px;
275
274
  cursor: pointer;
276
275
  display: flex;