@myun/gimi-chat 0.9.28 → 0.9.30
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/client/components/history-list/index.module.css +6 -6
- package/dist/client/components/new-main/index.css +1 -1
- package/dist/client/components/slider/index.css +7 -7
- package/dist/components/ai-chat-dialogue/index.module copy.css +7 -7
- package/dist/components/ai-chat-dialogue/index.module.css +9 -9
- package/dist/components/ai-loading/index.module.css +1 -1
- package/dist/components/answer-item/index.module.css +9 -9
- package/dist/components/ask-card/index.js +6 -4
- package/dist/components/ask-card/index.module.css +10 -10
- package/dist/components/chat-input/extension/title-slot/index.less +3 -2
- package/dist/components/chat-input/index.js +14 -9
- package/dist/components/chat-input/index.module.css +11 -7
- package/dist/components/chat-voice/VoiceCommunication.js +5 -8
- package/dist/components/chat-voice/VoiceRecord.js +5 -8
- package/dist/components/dots-loading/index.module.css +1 -1
- package/dist/components/empty/index.module.css +1 -1
- package/dist/components/excel-components/index.module.css +15 -15
- package/dist/components/excel-components/styles.module.css +2 -2
- package/dist/components/file-card/index.js +5 -4
- package/dist/components/file-card/index.module.css +7 -7
- package/dist/components/file-preview/index.module.css +6 -6
- package/dist/components/iconfont-com/index.js +1 -1
- package/dist/components/knowledge-trace/KnowledgeIconComponent.js +1 -1
- package/dist/components/knowledge-trace/index.module.css +12 -12
- package/dist/components/message-actions/CopyButton.js +5 -9
- package/dist/components/message-actions/LikeButton.js +7 -11
- package/dist/components/message-actions/RegenerateButton.js +2 -1
- package/dist/components/message-actions/UnLikeButton.js +7 -11
- package/dist/components/message-actions/VoicePlay.js +5 -10
- package/dist/components/message-list/index.module.css +9 -9
- package/dist/components/product-tag/index.module.css +3 -3
- package/dist/components/quoted-content/index.js +5 -6
- package/dist/components/quoted-content/index.module.css +33 -8
- package/dist/components/reasoning-content/index.module.css +5 -5
- package/dist/components/reference-content/index.module.css +5 -5
- package/dist/components/search-course-list/index.module.css +4 -4
- package/dist/components/search-result/index.module.css +12 -12
- package/dist/components/templates/index.module.css +1 -1
- package/dist/components/upload-list/CustomFile.js +7 -10
- package/dist/components/upload-list/ImageFile.js +1 -1
- package/dist/components/upload-list/customFile.module.css +6 -6
- package/dist/components/upload-list/imageFile.module.css +3 -3
- package/dist/components/upload-list/index.module.css +1 -1
- package/dist/components/voice-bars/index.js +1 -1
- package/dist/components/work-flow-content/index.module.css +1 -1
- package/dist/umd/index.min.js +1 -1
- package/package.json +1 -1
|
@@ -12,14 +12,14 @@
|
|
|
12
12
|
font-family: PingFangSC, PingFang SC;
|
|
13
13
|
font-weight: 400;
|
|
14
14
|
font-size: 12px;
|
|
15
|
-
color: #
|
|
15
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
16
16
|
line-height: 18px;
|
|
17
17
|
text-align: left;
|
|
18
18
|
font-style: normal;
|
|
19
19
|
white-space: nowrap; /* 防止文本换行 */
|
|
20
20
|
overflow: hidden; /* 隐藏超出部分 */
|
|
21
21
|
text-overflow: ellipsis; /* 显示省略号 */
|
|
22
|
-
color: #
|
|
22
|
+
color: var(--theme-neutral, #4C5A70);
|
|
23
23
|
overflow: visible;
|
|
24
24
|
}
|
|
25
25
|
.history_list .history_list_item .history_list_item_text {
|
|
@@ -47,7 +47,7 @@
|
|
|
47
47
|
object-fit: cover;
|
|
48
48
|
}
|
|
49
49
|
.history_list .menu_hover:hover {
|
|
50
|
-
color: #
|
|
50
|
+
color: var(--theme-primary, #4086FF);
|
|
51
51
|
border-radius: 8px;
|
|
52
52
|
cursor: pointer;
|
|
53
53
|
}
|
|
@@ -106,7 +106,7 @@
|
|
|
106
106
|
justify-content: center;
|
|
107
107
|
align-items: center;
|
|
108
108
|
padding: 10px 0;
|
|
109
|
-
color: #
|
|
109
|
+
color: var(--theme-dustyNeutral, #717F94);
|
|
110
110
|
}
|
|
111
111
|
|
|
112
112
|
.loading {
|
|
@@ -114,7 +114,7 @@
|
|
|
114
114
|
justify-content: center;
|
|
115
115
|
align-items: center;
|
|
116
116
|
padding: 10px 0;
|
|
117
|
-
color: #
|
|
117
|
+
color: var(--theme-dustyNeutral, #717F94);
|
|
118
118
|
height: 100%;
|
|
119
119
|
font-size: 14px;
|
|
120
120
|
}
|
|
@@ -122,6 +122,6 @@
|
|
|
122
122
|
.no_more {
|
|
123
123
|
text-align: center;
|
|
124
124
|
padding: 10px 0;
|
|
125
|
-
color: #
|
|
125
|
+
color: var(--theme-dustyNeutral, #717F94);
|
|
126
126
|
font-size: 12px;
|
|
127
127
|
}
|
|
@@ -28,7 +28,7 @@
|
|
|
28
28
|
}
|
|
29
29
|
.logo .gimiHomeLogo {
|
|
30
30
|
width: calc(100% - 50px);
|
|
31
|
-
color: #
|
|
31
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
32
32
|
font-family: "PingFang SC";
|
|
33
33
|
font-size: 16px;
|
|
34
34
|
font-style: normal;
|
|
@@ -62,7 +62,7 @@
|
|
|
62
62
|
margin: 0 10px 10px 10px;
|
|
63
63
|
cursor: pointer;
|
|
64
64
|
border-radius: 12px;
|
|
65
|
-
color: #
|
|
65
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
66
66
|
font-family: "PingFang SC";
|
|
67
67
|
font-size: 14px;
|
|
68
68
|
font-style: normal;
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
.newChat .newChatText {
|
|
76
76
|
margin-left: 10px;
|
|
77
77
|
white-space: nowrap;
|
|
78
|
-
color: #
|
|
78
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
79
79
|
}
|
|
80
80
|
.sidebar.collapsed .newChat {
|
|
81
81
|
justify-content: center;
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
.line {
|
|
87
87
|
width: calc(100% - 20px);
|
|
88
88
|
height: 1px;
|
|
89
|
-
background: #
|
|
89
|
+
background: var(--theme-lightNeutral, #E9EBF2);
|
|
90
90
|
margin: 10px;
|
|
91
91
|
transition: opacity 0.2s ease;
|
|
92
92
|
}
|
|
@@ -95,7 +95,7 @@
|
|
|
95
95
|
display: flex;
|
|
96
96
|
align-items: center;
|
|
97
97
|
height: 36px;
|
|
98
|
-
color: #
|
|
98
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
99
99
|
font-family: "PingFang SC";
|
|
100
100
|
font-size: 14px;
|
|
101
101
|
font-style: normal;
|
|
@@ -133,7 +133,7 @@
|
|
|
133
133
|
font-family: PingFangSC, PingFang SC;
|
|
134
134
|
font-weight: 400;
|
|
135
135
|
font-size: 14px;
|
|
136
|
-
color: #
|
|
136
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
137
137
|
line-height: 18px;
|
|
138
138
|
text-align: left;
|
|
139
139
|
font-style: normal;
|
|
@@ -144,7 +144,7 @@
|
|
|
144
144
|
align-items: center;
|
|
145
145
|
}
|
|
146
146
|
.gimiRouteList .history_list_item .history_list_item_text {
|
|
147
|
-
color: #
|
|
147
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
148
148
|
font-family: "PingFang SC";
|
|
149
149
|
font-size: 14px;
|
|
150
150
|
font-style: normal;
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
border-radius: 50%;
|
|
25
25
|
background: #ffffff;
|
|
26
26
|
box-shadow: 0px 0px 10px 0px rgba(153, 167, 191, 0.2);
|
|
27
|
-
border: 1px solid #
|
|
27
|
+
border: 1px solid var(--theme-lightNeutral, #E9EBF2);
|
|
28
28
|
cursor: pointer;
|
|
29
29
|
}
|
|
30
30
|
.aiChat .rightWrap {
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
width: 400px;
|
|
46
46
|
height: calc(100vh - 100px);
|
|
47
47
|
padding: 20px 20px 15px;
|
|
48
|
-
background: #
|
|
48
|
+
background: var(--theme-subtleNeutral, #F5F7FA);
|
|
49
49
|
box-shadow: -6px 2px 20px 0px rgba(153, 167, 191, 0.15);
|
|
50
50
|
border-radius: 12px;
|
|
51
51
|
z-index: 2;
|
|
@@ -115,13 +115,13 @@
|
|
|
115
115
|
}
|
|
116
116
|
.aiChat .main .tips {
|
|
117
117
|
font-weight: 400;
|
|
118
|
-
color: #
|
|
118
|
+
color: var(--theme-neutral, #4C5A70);
|
|
119
119
|
font-size: 17px;
|
|
120
120
|
}
|
|
121
121
|
.aiChat .main .item {
|
|
122
122
|
margin-bottom: 10px;
|
|
123
123
|
font-weight: 400;
|
|
124
|
-
color: #
|
|
124
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
125
125
|
font-size: 17px;
|
|
126
126
|
line-height: 28px;
|
|
127
127
|
word-break: break-all;
|
|
@@ -164,13 +164,13 @@
|
|
|
164
164
|
display: flex;
|
|
165
165
|
justify-content: center;
|
|
166
166
|
align-items: center;
|
|
167
|
-
border: 3px solid #
|
|
167
|
+
border: 3px solid var(--theme-deepNeutral, #2E394C);
|
|
168
168
|
border-radius: 50%;
|
|
169
169
|
}
|
|
170
170
|
.aiChat .main .bottom .status .iconInside {
|
|
171
171
|
width: 13px;
|
|
172
172
|
height: 13px;
|
|
173
|
-
background-color: #
|
|
173
|
+
background-color: var(--theme-deepNeutral, #2E394C);
|
|
174
174
|
}
|
|
175
175
|
.aiChat .main .bottom .status .statusImg {
|
|
176
176
|
width: 24px;
|
|
@@ -181,7 +181,7 @@
|
|
|
181
181
|
}
|
|
182
182
|
.aiChat .main .bottom .status .statusText {
|
|
183
183
|
font-size: 16px;
|
|
184
|
-
color: #
|
|
184
|
+
color: var(--theme-neutral, #4C5A70);
|
|
185
185
|
}
|
|
186
186
|
.aiChat .main .bottom .status .statusText.danger {
|
|
187
187
|
color: red;
|
|
@@ -15,8 +15,8 @@
|
|
|
15
15
|
display: flex;
|
|
16
16
|
flex-direction: column;
|
|
17
17
|
border-radius: 16px;
|
|
18
|
-
border: 1px solid #E9EBF2;
|
|
19
|
-
background: #F5F7FA;
|
|
18
|
+
border: 1px solid var(--theme-lightNeutral, #E9EBF2);
|
|
19
|
+
background: var(--theme-subtleNeutral, #F5F7FA);
|
|
20
20
|
box-shadow: 0 8px 36px 0 rgba(0, 0, 0, 0.1);
|
|
21
21
|
box-sizing: border-box;
|
|
22
22
|
}
|
|
@@ -45,12 +45,12 @@
|
|
|
45
45
|
}
|
|
46
46
|
.aiChat .main .tips {
|
|
47
47
|
font-weight: 400;
|
|
48
|
-
color: #
|
|
48
|
+
color: var(--theme-neutral, #4C5A70);
|
|
49
49
|
font-size: 17px;
|
|
50
50
|
}
|
|
51
51
|
.aiChat .main .item {
|
|
52
52
|
margin-bottom: 10px;
|
|
53
|
-
color: #4C5A70;
|
|
53
|
+
color: var(--theme-neutral, #4C5A70);
|
|
54
54
|
font-size: 14px;
|
|
55
55
|
word-break: break-all;
|
|
56
56
|
/* 强制换行 */
|
|
@@ -67,9 +67,9 @@
|
|
|
67
67
|
align-self: flex-end;
|
|
68
68
|
max-width: 220px;
|
|
69
69
|
padding: 10px 16px;
|
|
70
|
-
color: #2E394C;
|
|
70
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
71
71
|
border-radius: 12px;
|
|
72
|
-
background: #E9EBF2;
|
|
72
|
+
background: var(--theme-lightNeutral, #E9EBF2);
|
|
73
73
|
}
|
|
74
74
|
.aiChat .main .voiceWrap {
|
|
75
75
|
height: 100%;
|
|
@@ -99,13 +99,13 @@
|
|
|
99
99
|
display: flex;
|
|
100
100
|
justify-content: center;
|
|
101
101
|
align-items: center;
|
|
102
|
-
border: 3px solid #
|
|
102
|
+
border: 3px solid var(--theme-deepNeutral, #2E394C);
|
|
103
103
|
border-radius: 50%;
|
|
104
104
|
}
|
|
105
105
|
.aiChat .main .status .iconInside {
|
|
106
106
|
width: 13px;
|
|
107
107
|
height: 13px;
|
|
108
|
-
background-color: #
|
|
108
|
+
background-color: var(--theme-deepNeutral, #2E394C);
|
|
109
109
|
}
|
|
110
110
|
.aiChat .main .status .statusImg {
|
|
111
111
|
width: 24px;
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
}
|
|
117
117
|
.aiChat .main .status .statusText {
|
|
118
118
|
font-size: 16px;
|
|
119
|
-
color: #
|
|
119
|
+
color: var(--theme-neutral, #4C5A70);
|
|
120
120
|
}
|
|
121
121
|
.aiChat .main .status .statusText.danger {
|
|
122
122
|
color: red;
|
|
@@ -5,7 +5,7 @@
|
|
|
5
5
|
align-items: center;
|
|
6
6
|
position: relative;
|
|
7
7
|
font-size: 16px;
|
|
8
|
-
color: #
|
|
8
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
9
9
|
line-height: 24px;
|
|
10
10
|
width: fit-content;
|
|
11
11
|
text-align: left;
|
|
@@ -73,7 +73,7 @@
|
|
|
73
73
|
font-family: PingFangSC, PingFang SC;
|
|
74
74
|
font-weight: 400;
|
|
75
75
|
font-size: 14px;
|
|
76
|
-
color: #
|
|
76
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
77
77
|
line-height: 20px;
|
|
78
78
|
text-align: left;
|
|
79
79
|
font-style: normal;
|
|
@@ -85,7 +85,7 @@
|
|
|
85
85
|
font-family: PingFangSC, PingFang SC;
|
|
86
86
|
font-weight: 400;
|
|
87
87
|
font-size: 15px;
|
|
88
|
-
color: #
|
|
88
|
+
color: var(--theme-neutral, #4C5A70);
|
|
89
89
|
line-height: 28px;
|
|
90
90
|
text-align: left;
|
|
91
91
|
font-style: normal;
|
|
@@ -119,7 +119,7 @@
|
|
|
119
119
|
width: 100%;
|
|
120
120
|
margin: 40px 0;
|
|
121
121
|
height: 1px;
|
|
122
|
-
background: #
|
|
122
|
+
background: var(--theme-lightNeutral, #E9EBF2);
|
|
123
123
|
}
|
|
124
124
|
|
|
125
125
|
.course_recommend {
|
|
@@ -137,7 +137,7 @@
|
|
|
137
137
|
font-family: PingFangSC, PingFang SC;
|
|
138
138
|
font-weight: 600;
|
|
139
139
|
font-size: 18px;
|
|
140
|
-
color: #
|
|
140
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
141
141
|
line-height: 28px;
|
|
142
142
|
text-align: left;
|
|
143
143
|
font-style: normal;
|
|
@@ -152,7 +152,7 @@
|
|
|
152
152
|
font-family: PingFangSC, PingFang SC;
|
|
153
153
|
font-weight: 500;
|
|
154
154
|
font-size: 14px;
|
|
155
|
-
color: #
|
|
155
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
156
156
|
line-height: 20px;
|
|
157
157
|
text-align: left;
|
|
158
158
|
font-style: normal;
|
|
@@ -189,7 +189,7 @@
|
|
|
189
189
|
font-family: PingFangSC, PingFang SC;
|
|
190
190
|
font-weight: 400;
|
|
191
191
|
font-size: 14px;
|
|
192
|
-
color: #
|
|
192
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
193
193
|
text-align: left;
|
|
194
194
|
font-style: normal;
|
|
195
195
|
display: -webkit-box;
|
|
@@ -219,7 +219,7 @@
|
|
|
219
219
|
}
|
|
220
220
|
.course_recommend .course_recommend_list .courseItem .courseTitle .newEquityLabel-3 {
|
|
221
221
|
color: #fff;
|
|
222
|
-
background: #
|
|
222
|
+
background: var(--theme-neutral, #4C5A70);
|
|
223
223
|
}
|
|
224
224
|
.course_recommend .course_recommend_list .courseItem:nth-child(2n) {
|
|
225
225
|
margin-left: 40px;
|
|
@@ -259,7 +259,7 @@
|
|
|
259
259
|
|
|
260
260
|
.fileBox {
|
|
261
261
|
border-radius: 16px;
|
|
262
|
-
border: 1px solid var(
|
|
262
|
+
border: 1px solid var(--theme-lightNeutral, #E9EBF2);
|
|
263
263
|
background: linear-gradient(180deg, #f7fff9 0%, #f1fcfe 30%, #fff 100%);
|
|
264
264
|
box-shadow: 0 2px 2px 0 #fff inset;
|
|
265
265
|
padding: 20px;
|
|
@@ -10,6 +10,7 @@ import { MMarkdown } from '@myun/gimi-design';
|
|
|
10
10
|
import classNames from 'classnames';
|
|
11
11
|
import FileUpload from "../file-upload";
|
|
12
12
|
import { useTranslation } from 'react-i18next';
|
|
13
|
+
import IconFontCom from "../iconfont-com";
|
|
13
14
|
var AskCard = function AskCard(_ref) {
|
|
14
15
|
var item = _ref.item,
|
|
15
16
|
moduleInfo = _ref.moduleInfo,
|
|
@@ -82,12 +83,13 @@ var AskCard = function AskCard(_ref) {
|
|
|
82
83
|
disabled: item.disableUploadFile
|
|
83
84
|
}, /*#__PURE__*/React.createElement("div", {
|
|
84
85
|
className: classNames(styles.uploadIcon)
|
|
85
|
-
}, /*#__PURE__*/React.createElement(
|
|
86
|
-
|
|
87
|
-
|
|
86
|
+
}, /*#__PURE__*/React.createElement(IconFontCom, {
|
|
87
|
+
type: "icon-shurukuang-webtianjia",
|
|
88
|
+
size: 26,
|
|
89
|
+
color: item.disableUploadFile ? 'var(--theme-softNeutral, #D9DCE5)' : 'var(--theme-deepNeutral, #2E394C)'
|
|
88
90
|
}), /*#__PURE__*/React.createElement("span", {
|
|
89
91
|
style: item.disableUploadFile ? {
|
|
90
|
-
color:
|
|
92
|
+
color: "var(--theme-softNeutral, #D9DCE5)"
|
|
91
93
|
} : {}
|
|
92
94
|
}, t('askCard.fileUpload'))))));
|
|
93
95
|
};
|
|
@@ -3,8 +3,8 @@
|
|
|
3
3
|
flex-shrink: 0;
|
|
4
4
|
padding: 20px;
|
|
5
5
|
border-radius: 16px;
|
|
6
|
-
border: 1px solid var(
|
|
7
|
-
background: linear-gradient(180deg, #
|
|
6
|
+
border: 1px solid var(--theme-lightNeutral, #E9EBF2);
|
|
7
|
+
background: linear-gradient(180deg, var(--theme-primary-pale, #F0F8FF) 0%, #fff 100%);
|
|
8
8
|
box-shadow: 0 2px 2px 0 #fff inset;
|
|
9
9
|
margin-top: 12px;
|
|
10
10
|
}
|
|
@@ -13,9 +13,9 @@
|
|
|
13
13
|
flex-shrink: 0;
|
|
14
14
|
padding: 12px 20px;
|
|
15
15
|
border-radius: 22px;
|
|
16
|
-
border: 1px solid var(
|
|
16
|
+
border: 1px solid var(--theme-softNeutral, #D9DCE5);
|
|
17
17
|
background: #fff;
|
|
18
|
-
color: #
|
|
18
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
19
19
|
font-family: "PingFang SC";
|
|
20
20
|
font-size: 14px;
|
|
21
21
|
font-style: normal;
|
|
@@ -32,7 +32,7 @@
|
|
|
32
32
|
}
|
|
33
33
|
.askList .disablebox {
|
|
34
34
|
border-radius: 22px;
|
|
35
|
-
border: 1px solid var(
|
|
35
|
+
border: 1px solid var(--theme-softNeutral, #D9DCE5);
|
|
36
36
|
background: #fff;
|
|
37
37
|
color: #ced3d9;
|
|
38
38
|
font-family: "PingFang SC";
|
|
@@ -45,7 +45,7 @@
|
|
|
45
45
|
}
|
|
46
46
|
.askList .selectbox {
|
|
47
47
|
border-radius: 22px;
|
|
48
|
-
background: var(
|
|
48
|
+
background: var(--theme-deepNeutral, #2E394C);
|
|
49
49
|
color: #fff;
|
|
50
50
|
font-family: "PingFang SC";
|
|
51
51
|
font-size: 14px;
|
|
@@ -57,7 +57,7 @@
|
|
|
57
57
|
}
|
|
58
58
|
.askList .askQuestion {
|
|
59
59
|
max-width: 100%;
|
|
60
|
-
color: #
|
|
60
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
61
61
|
font-family: "PingFang SC";
|
|
62
62
|
font-size: 16px;
|
|
63
63
|
font-style: normal;
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
height: 44px;
|
|
83
83
|
flex-shrink: 0;
|
|
84
84
|
border-radius: 22px;
|
|
85
|
-
border: 1px solid var(
|
|
85
|
+
border: 1px solid var(--theme-softNeutral, #D9DCE5);
|
|
86
86
|
background: #fff;
|
|
87
87
|
display: flex;
|
|
88
88
|
align-items: center;
|
|
@@ -92,7 +92,7 @@
|
|
|
92
92
|
align-items: center;
|
|
93
93
|
padding: 0 12px;
|
|
94
94
|
box-sizing: border-box;
|
|
95
|
-
color: #
|
|
95
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
96
96
|
font-family: "PingFang SC";
|
|
97
97
|
font-size: 14px;
|
|
98
98
|
font-style: normal;
|
|
@@ -113,7 +113,7 @@
|
|
|
113
113
|
}
|
|
114
114
|
.showUpload .disableFile {
|
|
115
115
|
border-radius: 22px;
|
|
116
|
-
border: 1px solid var(
|
|
116
|
+
border: 1px solid var(--theme-softNeutral, #D9DCE5);
|
|
117
117
|
background: #fff;
|
|
118
118
|
color: #ced3d9;
|
|
119
119
|
font-family: "PingFang SC";
|
|
@@ -2,7 +2,8 @@
|
|
|
2
2
|
display: inline-block !important;
|
|
3
3
|
.ai-chat-title-slot {
|
|
4
4
|
.ai-chat-title-slot-title {
|
|
5
|
-
background: #
|
|
5
|
+
background: var(--theme-primary-pale, #F0F8FF);
|
|
6
|
+
color: var(--theme-primary, #4086FF);
|
|
6
7
|
border-radius: 8px;
|
|
7
8
|
-ms-flex-negative: 0;
|
|
8
9
|
flex-shrink: 0;
|
|
@@ -12,7 +13,7 @@
|
|
|
12
13
|
font-weight: 600;
|
|
13
14
|
}
|
|
14
15
|
.ai-chat-title-slot-line {
|
|
15
|
-
color: #
|
|
16
|
+
color: var(--theme-softNeutral, #D9DCE5);
|
|
16
17
|
margin: 0 5px;
|
|
17
18
|
padding: 2px 4px;
|
|
18
19
|
}
|
|
@@ -245,13 +245,13 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
245
245
|
cursor: 'not-allowed'
|
|
246
246
|
}
|
|
247
247
|
}, /*#__PURE__*/React.createElement(IconFontCom, {
|
|
248
|
-
type: "icon-
|
|
249
|
-
size:
|
|
248
|
+
type: "icon-shurukuang-webtianjia",
|
|
249
|
+
size: 26
|
|
250
250
|
})) : /*#__PURE__*/React.createElement("div", {
|
|
251
251
|
className: styles.uploadIcon
|
|
252
252
|
}, /*#__PURE__*/React.createElement(IconFontCom, {
|
|
253
|
-
type: "icon-
|
|
254
|
-
size:
|
|
253
|
+
type: "icon-shurukuang-webtianjia",
|
|
254
|
+
size: 26
|
|
255
255
|
})))), /*#__PURE__*/React.createElement(Divider, {
|
|
256
256
|
layout: "vertical",
|
|
257
257
|
style: {
|
|
@@ -309,9 +309,13 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
309
309
|
style: {
|
|
310
310
|
cursor: 'pointer'
|
|
311
311
|
}
|
|
312
|
-
}, /*#__PURE__*/React.createElement(
|
|
313
|
-
|
|
314
|
-
|
|
312
|
+
}, /*#__PURE__*/React.createElement(IconFontCom, {
|
|
313
|
+
type: "icon-shurukuang-gengduo",
|
|
314
|
+
size: 16,
|
|
315
|
+
color: "var(--theme-deepNeutral, #2E394C)",
|
|
316
|
+
extraStyle: {
|
|
317
|
+
marginRight: 4
|
|
318
|
+
}
|
|
315
319
|
}), /*#__PURE__*/React.createElement("div", {
|
|
316
320
|
className: styles.agentName
|
|
317
321
|
}, t('chatInput.more')))));
|
|
@@ -462,8 +466,8 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
462
466
|
width: 32,
|
|
463
467
|
height: 32,
|
|
464
468
|
borderRadius: 8,
|
|
465
|
-
backgroundColor: "#F2F3F7",
|
|
466
|
-
border: "#F2F3F7",
|
|
469
|
+
backgroundColor: "var(--theme-paleNeutral, #F2F3F7)",
|
|
470
|
+
border: "var(--theme-paleNeutral, #F2F3F7)",
|
|
467
471
|
cursor: "pointer",
|
|
468
472
|
position: 'relative',
|
|
469
473
|
zIndex: 10
|
|
@@ -609,6 +613,7 @@ var ChatInput = /*#__PURE__*/React.forwardRef(function (props, ref) {
|
|
|
609
613
|
return /*#__PURE__*/React.createElement("div", {
|
|
610
614
|
className: styles.inputWrap,
|
|
611
615
|
ref: inputWrapRef,
|
|
616
|
+
id: "myun_gimi_design_chat_input",
|
|
612
617
|
style: {
|
|
613
618
|
position: 'relative'
|
|
614
619
|
}
|
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
max-width: 800px;
|
|
7
7
|
margin: 0px 16px 10px 16px;
|
|
8
8
|
box-shadow: inset 0 2px #fff, 0 2px 10px rgba(84, 105, 140, 0.15);
|
|
9
|
-
border-radius:
|
|
9
|
+
border-radius: 20px;
|
|
10
10
|
}
|
|
11
11
|
@media (min-width: 1920px) {
|
|
12
12
|
.inputWrap {
|
|
@@ -48,7 +48,7 @@
|
|
|
48
48
|
}
|
|
49
49
|
.uploadIcon:hover {
|
|
50
50
|
border-radius: 50%;
|
|
51
|
-
background-color: #F2F3F7;
|
|
51
|
+
background-color: var(--theme-paleNeutral, #F2F3F7);
|
|
52
52
|
}
|
|
53
53
|
.uploadIcon img {
|
|
54
54
|
width: 100%;
|
|
@@ -64,6 +64,7 @@
|
|
|
64
64
|
overflow-y: auto;
|
|
65
65
|
scrollbar-width: thin;
|
|
66
66
|
scrollbar-color: #d1d1d1 transparent;
|
|
67
|
+
border-radius: 20px;
|
|
67
68
|
}
|
|
68
69
|
@media (min-width: 1920px) {
|
|
69
70
|
.chatInput {
|
|
@@ -124,6 +125,9 @@
|
|
|
124
125
|
:global .semi-aiChatInput-footer-action-send {
|
|
125
126
|
background-color: var(--theme-primary, #4086ff);
|
|
126
127
|
}
|
|
128
|
+
:global .semi-aiChatInput-footer-action-send:hover {
|
|
129
|
+
background-color: var(--theme-primary-dusty, #69A5FF) !important;
|
|
130
|
+
}
|
|
127
131
|
:global .semi-aiChatInput-footer-action-send-disabled {
|
|
128
132
|
background-color: rgba(46, 50, 56, 0.1294117647);
|
|
129
133
|
}
|
|
@@ -140,15 +144,15 @@
|
|
|
140
144
|
padding: 6px 12px;
|
|
141
145
|
cursor: pointer;
|
|
142
146
|
font-size: 13px;
|
|
147
|
+
color: var(--theme-deepNeutral, #2E394C);
|
|
148
|
+
border-radius: 8px;
|
|
143
149
|
}
|
|
144
150
|
.agentItem:hover {
|
|
145
|
-
|
|
146
|
-
background-color: #F2F3F7;
|
|
151
|
+
background-color: var(--theme-paleNeutral, #F2F3F7);
|
|
147
152
|
}
|
|
148
153
|
.agentItem.active {
|
|
149
|
-
|
|
150
|
-
|
|
151
|
-
color: var(--theme-primary, #4086ff);
|
|
154
|
+
background-color: var(--theme-subtleNeutral, #F5F7FA);
|
|
155
|
+
border: 1px solid var(--theme-mediumNeutral, #9AA7B7);
|
|
152
156
|
}
|
|
153
157
|
.agentItem img {
|
|
154
158
|
width: 16px;
|
|
@@ -8,7 +8,7 @@ import React from 'react';
|
|
|
8
8
|
import { Toast, Tooltip } from '@douyinfe/semi-ui';
|
|
9
9
|
// import useVoiceFirstUse from '@/hooks/useVoiceFirstUse';
|
|
10
10
|
import { useTranslation } from 'react-i18next';
|
|
11
|
-
|
|
11
|
+
import IconFontCom from "../iconfont-com";
|
|
12
12
|
var VoiceCommunication = function VoiceCommunication(props) {
|
|
13
13
|
var _useTranslation = useTranslation(),
|
|
14
14
|
t = _useTranslation.t;
|
|
@@ -59,13 +59,10 @@ var VoiceCommunication = function VoiceCommunication(props) {
|
|
|
59
59
|
fontSize: '20px'
|
|
60
60
|
},
|
|
61
61
|
onClick: handleClick
|
|
62
|
-
}, /*#__PURE__*/React.createElement(
|
|
63
|
-
|
|
64
|
-
|
|
65
|
-
|
|
66
|
-
},
|
|
67
|
-
src: ICON_ADDRESS,
|
|
68
|
-
alt: t('voice.callAlt')
|
|
62
|
+
}, /*#__PURE__*/React.createElement(IconFontCom, {
|
|
63
|
+
type: "icon-shurukuang-dadianhua",
|
|
64
|
+
size: 26,
|
|
65
|
+
color: "var(--theme-deepNeutral, #2E394C)"
|
|
69
66
|
})));
|
|
70
67
|
};
|
|
71
68
|
export default VoiceCommunication;
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
import React from 'react';
|
|
2
2
|
import { Tooltip, Toast } from '@douyinfe/semi-ui';
|
|
3
3
|
import { useTranslation } from 'react-i18next';
|
|
4
|
-
|
|
4
|
+
import IconFontCom from "../iconfont-com";
|
|
5
5
|
var VoiceRecord = function VoiceRecord(props) {
|
|
6
6
|
var _useTranslation = useTranslation(),
|
|
7
7
|
t = _useTranslation.t;
|
|
@@ -25,13 +25,10 @@ var VoiceRecord = function VoiceRecord(props) {
|
|
|
25
25
|
fontSize: '20px'
|
|
26
26
|
},
|
|
27
27
|
onClick: handleClick
|
|
28
|
-
}, /*#__PURE__*/React.createElement(
|
|
29
|
-
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
},
|
|
33
|
-
src: ICON_ADDRESS,
|
|
34
|
-
alt: t('voice.inputAlt')
|
|
28
|
+
}, /*#__PURE__*/React.createElement(IconFontCom, {
|
|
29
|
+
type: "icon-shurukuang-yuyin",
|
|
30
|
+
size: 26,
|
|
31
|
+
color: "var(--theme-deepNeutral, #2E394C)"
|
|
35
32
|
})));
|
|
36
33
|
};
|
|
37
34
|
export default VoiceRecord;
|
|
@@ -7,7 +7,7 @@
|
|
|
7
7
|
.loading_dots .loading_dots__dot {
|
|
8
8
|
width: 8px;
|
|
9
9
|
height: 8px;
|
|
10
|
-
background-color: #
|
|
10
|
+
background-color: var(--theme-deepNeutral, #2E394C);
|
|
11
11
|
border-radius: 50%;
|
|
12
12
|
/* Changed animation to swap positions left-right */
|
|
13
13
|
animation: swap 1.2s infinite ease-in-out;
|