@alicloud/appflow-chat 0.0.4-alpha.3 → 0.0.4-alpha.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.
package/dist/appflow-chat.cjs.js
CHANGED
|
@@ -1345,13 +1345,23 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
1345
1345
|
display: inline-flex;
|
|
1346
1346
|
flex-direction: column;
|
|
1347
1347
|
gap: 6px;
|
|
1348
|
-
max-width:
|
|
1348
|
+
max-width: 180px;
|
|
1349
1349
|
color: #333;
|
|
1350
1350
|
|
|
1351
1351
|
.image-preview {
|
|
1352
1352
|
border-radius: 6px;
|
|
1353
1353
|
overflow: hidden;
|
|
1354
1354
|
cursor: pointer;
|
|
1355
|
+
|
|
1356
|
+
.ant-image {
|
|
1357
|
+
display: block;
|
|
1358
|
+
}
|
|
1359
|
+
|
|
1360
|
+
img {
|
|
1361
|
+
max-width: 100%;
|
|
1362
|
+
height: auto;
|
|
1363
|
+
display: block;
|
|
1364
|
+
}
|
|
1355
1365
|
}
|
|
1356
1366
|
`,fR=ce.div`
|
|
1357
1367
|
display: flex;
|
|
@@ -1367,7 +1377,8 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
1367
1377
|
text-decoration: none;
|
|
1368
1378
|
color: #333;
|
|
1369
1379
|
transition: background 0.2s;
|
|
1370
|
-
max-width:
|
|
1380
|
+
max-width: 100%;
|
|
1381
|
+
box-sizing: border-box;
|
|
1371
1382
|
|
|
1372
1383
|
&:hover {
|
|
1373
1384
|
background: ${e=>e.$role==="user"?"#e2e5ff":"#d6ecf8"};
|
|
@@ -1881,6 +1892,7 @@ In order to be iterable, non-array objects must have a [Symbol.iterator]() metho
|
|
|
1881
1892
|
background: ${e=>e.$role==="user"?"#e5effe":"rgba(205, 208, 220, 0.15)"};
|
|
1882
1893
|
color: '#333';
|
|
1883
1894
|
word-break: break-word;
|
|
1895
|
+
overflow: hidden;
|
|
1884
1896
|
|
|
1885
1897
|
/* 样式隔离 */
|
|
1886
1898
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
package/dist/appflow-chat.esm.js
CHANGED
|
@@ -35273,13 +35273,23 @@ const lD = () => `mermaid-${Date.now()}-${uD++}`, cD = (e) => {
|
|
|
35273
35273
|
display: inline-flex;
|
|
35274
35274
|
flex-direction: column;
|
|
35275
35275
|
gap: 6px;
|
|
35276
|
-
max-width:
|
|
35276
|
+
max-width: 180px;
|
|
35277
35277
|
color: #333;
|
|
35278
35278
|
|
|
35279
35279
|
.image-preview {
|
|
35280
35280
|
border-radius: 6px;
|
|
35281
35281
|
overflow: hidden;
|
|
35282
35282
|
cursor: pointer;
|
|
35283
|
+
|
|
35284
|
+
.ant-image {
|
|
35285
|
+
display: block;
|
|
35286
|
+
}
|
|
35287
|
+
|
|
35288
|
+
img {
|
|
35289
|
+
max-width: 100%;
|
|
35290
|
+
height: auto;
|
|
35291
|
+
display: block;
|
|
35292
|
+
}
|
|
35283
35293
|
}
|
|
35284
35294
|
`, pD = ce.div`
|
|
35285
35295
|
display: flex;
|
|
@@ -35295,7 +35305,8 @@ const lD = () => `mermaid-${Date.now()}-${uD++}`, cD = (e) => {
|
|
|
35295
35305
|
text-decoration: none;
|
|
35296
35306
|
color: #333;
|
|
35297
35307
|
transition: background 0.2s;
|
|
35298
|
-
max-width:
|
|
35308
|
+
max-width: 100%;
|
|
35309
|
+
box-sizing: border-box;
|
|
35299
35310
|
|
|
35300
35311
|
&:hover {
|
|
35301
35312
|
background: ${(e) => e.$role === "user" ? "#e2e5ff" : "#d6ecf8"};
|
|
@@ -37859,6 +37870,7 @@ const $M = /* @__PURE__ */ ps(UM), qM = ce.div`
|
|
|
37859
37870
|
background: ${(e) => e.$role === "user" ? "#e5effe" : "rgba(205, 208, 220, 0.15)"};
|
|
37860
37871
|
color: '#333';
|
|
37861
37872
|
word-break: break-word;
|
|
37873
|
+
overflow: hidden;
|
|
37862
37874
|
|
|
37863
37875
|
/* 样式隔离 */
|
|
37864
37876
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|
package/package.json
CHANGED
|
@@ -41,13 +41,23 @@ const ImageCard = styled.div<{ $role: 'user' | 'bot' }>`
|
|
|
41
41
|
display: inline-flex;
|
|
42
42
|
flex-direction: column;
|
|
43
43
|
gap: 6px;
|
|
44
|
-
max-width:
|
|
44
|
+
max-width: 180px;
|
|
45
45
|
color: #333;
|
|
46
46
|
|
|
47
47
|
.image-preview {
|
|
48
48
|
border-radius: 6px;
|
|
49
49
|
overflow: hidden;
|
|
50
50
|
cursor: pointer;
|
|
51
|
+
|
|
52
|
+
.ant-image {
|
|
53
|
+
display: block;
|
|
54
|
+
}
|
|
55
|
+
|
|
56
|
+
img {
|
|
57
|
+
max-width: 100%;
|
|
58
|
+
height: auto;
|
|
59
|
+
display: block;
|
|
60
|
+
}
|
|
51
61
|
}
|
|
52
62
|
`;
|
|
53
63
|
|
|
@@ -67,7 +77,8 @@ const FileCard = styled.a<{ $role: 'user' | 'bot' }>`
|
|
|
67
77
|
text-decoration: none;
|
|
68
78
|
color: #333;
|
|
69
79
|
transition: background 0.2s;
|
|
70
|
-
max-width:
|
|
80
|
+
max-width: 100%;
|
|
81
|
+
box-sizing: border-box;
|
|
71
82
|
|
|
72
83
|
&:hover {
|
|
73
84
|
background: ${props => props.$role === 'user' ? '#e2e5ff' : '#d6ecf8'};
|
|
@@ -88,6 +88,7 @@ const StyledBubble = styled.div<{ $role: 'user' | 'bot' }>`
|
|
|
88
88
|
background: ${props => props.$role === 'user' ? '#e5effe' : 'rgba(205, 208, 220, 0.15)'};
|
|
89
89
|
color: '#333';
|
|
90
90
|
word-break: break-word;
|
|
91
|
+
overflow: hidden;
|
|
91
92
|
|
|
92
93
|
/* 样式隔离 */
|
|
93
94
|
font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif;
|