yt-chat-components 1.7.4 → 1.7.5
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/package.json
CHANGED
|
@@ -396,7 +396,13 @@ export default function ChatMessage({
|
|
|
396
396
|
alt={''}
|
|
397
397
|
fallback="data:image/png;base64,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"
|
|
398
398
|
/>
|
|
399
|
-
}
|
|
399
|
+
},
|
|
400
|
+
a: ({node, ...props}) => {
|
|
401
|
+
if (props.href?.startsWith('http')) {
|
|
402
|
+
return <a {...props} target="_blank" rel="noopener noreferrer"/>;
|
|
403
|
+
}
|
|
404
|
+
return <a {...props} />;
|
|
405
|
+
},
|
|
400
406
|
}), [isSubmittingForm]); // 依赖 isSubmittingForm 刷新ui
|
|
401
407
|
|
|
402
408
|
const getStatusIcon = (status: CustomThoughtChainItem['status'], icon?: React.ReactNode) => {
|
|
@@ -160,7 +160,8 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({
|
|
|
160
160
|
voice,
|
|
161
161
|
onSmartRobotClick,
|
|
162
162
|
isShowMobileInputArea,
|
|
163
|
-
isInH5Page
|
|
163
|
+
isInH5Page,
|
|
164
|
+
welcomeWords
|
|
164
165
|
}, ref) => {
|
|
165
166
|
const rootRef = useRef<HTMLDivElement>(null);
|
|
166
167
|
const lastMessage = useRef<HTMLDivElement>(null);
|
|
@@ -1038,7 +1039,7 @@ const ChatWindow = forwardRef<ChatWindowRef, ChatWindowProps>(({
|
|
|
1038
1039
|
keyShowSize={4}
|
|
1039
1040
|
agentName={window_title}
|
|
1040
1041
|
agentUrl={agentUrl}
|
|
1041
|
-
welcomeWords={
|
|
1042
|
+
welcomeWords={welcomeWords || '很高兴认识您,您有什么问题尽可咨询我!'}
|
|
1042
1043
|
handleRowClick={(word) => {
|
|
1043
1044
|
if(!receivingMessageRef.current){
|
|
1044
1045
|
handleSendMessage(word)
|
|
@@ -59,6 +59,7 @@ export default function ChatWidget({
|
|
|
59
59
|
isShowMobileInputArea,
|
|
60
60
|
isInH5Page,
|
|
61
61
|
chatWindowRef,
|
|
62
|
+
welcomeWords,
|
|
62
63
|
}: {
|
|
63
64
|
is_enable_call:boolean,
|
|
64
65
|
tags: [];
|
|
@@ -111,6 +112,7 @@ export default function ChatWidget({
|
|
|
111
112
|
isShowMobileInputArea?: boolean;
|
|
112
113
|
isInH5Page: boolean;
|
|
113
114
|
chatWindowRef?: object;
|
|
115
|
+
welcomeWords?: string;
|
|
114
116
|
}) {
|
|
115
117
|
const [open, setOpen] = useState(start_open);
|
|
116
118
|
const [messages, setMessages] = useState<ChatMessageType[]>([]);
|
|
@@ -193,6 +195,7 @@ export default function ChatWidget({
|
|
|
193
195
|
onSmartRobotClick={onSmartRobotClick}
|
|
194
196
|
isShowMobileInputArea={isShowMobileInputArea}
|
|
195
197
|
isInH5Page={isInH5Page}
|
|
198
|
+
welcomeWords={welcomeWords}
|
|
196
199
|
/>
|
|
197
200
|
</div>
|
|
198
201
|
);
|
|
@@ -543,8 +543,8 @@ export class MobileChatPageV2 extends React.Component {
|
|
|
543
543
|
<div className="drawer-history-header" style={{marginTop:0, padding: '54px 14px 14px 14px', background: 'linear-gradient( 71deg, #E1E9FF 0%, #FFFFFF 100%)', position: "relative"}}>
|
|
544
544
|
<img src={icon_history_headerbg} style={{position: 'absolute', right: 0, bottom: 0, width: '40%', zIndex:0}}/>
|
|
545
545
|
<div className="drawer-history-header-title" style={{display: 'flex', flexDirection: 'row', alignItems: 'center'}}>
|
|
546
|
-
<img style={{width:
|
|
547
|
-
<span style={{fontSize:
|
|
546
|
+
<img style={{width: 45}} src={agentUrl}/>
|
|
547
|
+
<span style={{fontSize: 19, marginLeft: 10}}>{agentName}</span>
|
|
548
548
|
</div>
|
|
549
549
|
</div>
|
|
550
550
|
<div
|
|
@@ -575,7 +575,7 @@ export class MobileChatPageV2 extends React.Component {
|
|
|
575
575
|
justifyContent: 'center',
|
|
576
576
|
cursor: 'pointer',
|
|
577
577
|
padding: '30px 14px 15px 14px',
|
|
578
|
-
borderBottom: this.state.currentTabKey === item.id ? '2px solid #2850FF' : '2px solid #fff'
|
|
578
|
+
// borderBottom: this.state.currentTabKey === item.id ? '2px solid #2850FF' : '2px solid #fff'
|
|
579
579
|
}}
|
|
580
580
|
onClick={() => this.setState({currentTabKey: item.id})}
|
|
581
581
|
>
|