yt-chat-components 1.1.0 → 1.1.1

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "yt-chat-components",
-  "version": "1.1.0",
+  "version": "1.1.1",
   "main": "build/static/js/bundle.min.js",
   "module": "build/static/js/bundle.min.js",
   "types": "build/static/js/index.d.ts",

package/src/YtChatView/chatWidget/chatWindow/chatMessage/index.tsx

@@ -140,7 +140,7 @@ export default function ChatMessage({
 
   const renderUserMessage = () => {
     return (
-        <div className="msg_userMessageBox">
+        <div style={user_message_style} className="msg_userMessageBox">
           <div style={user_message_style} className="cl-user_message">
             {message.message}
           </div>

package/src/YtChatView/chatWidget/chatWindow/index.tsx

@@ -832,13 +832,15 @@ export default function ChatWindow({
             {
               display: tagList?.length > 0 ? '' : 'none',
               zIndex: tagList?.length > 0 ? '2' : '-1',
-              maxWidth: 'calc(100vw - 3.2rem)',
+              maxWidth: 'calc(100vw - 3.2rem - 24px)',
               flexWrap: "nowrap",
               overflowX: "auto",
               WebkitOverflowScrolling: 'touch',
               scrollbarWidth: "none",
               overflowY: "hidden",
               background: 'transparent',
+              padding: '8px 0 8px 0',
+              marginLeft: 10,
             } : {
               // bottom: fileList.length > 0 ? '130px' : '80px',
               display: tagList?.length > 0 ? '' : 'none',

package/src/YtChatView/mobileChat/index.jsx

@@ -16,7 +16,7 @@ import icon_history_upload from '../../assets/aicenter/icon_history_upload.png';
 import icon_history_headerbg from '../../assets/aicenter/icon_history_headerbg.png';
 import icon_history_add from '../../assets/aicenter/icon_history_add.png';
 import ChatWidget from "../chatWidget";
-import Draggable from 'react-draggable';
+// import Draggable from 'react-draggable';
 
 
 const style=`
@@ -634,6 +634,7 @@ export class MobileChatPage extends React.Component {
                                         currentFlow: item,
                                         dropDownList: this.getDropDownList(item.welcome_words),
                                         agentDrawerVisible: false,
+                                        drawerVisible: false,
                                       });
                                       this.setWindowTitle(item.name)
                                       this.getCurrentFlowHistory(item.id);
@@ -752,7 +753,7 @@ export class MobileChatPage extends React.Component {
               <ChatWidget
                   input_container_style={{zIndex:2}}
                   chat_window_style={{paddingTop: 0}}
-                  bot_message_style={{background: '#fff'}}
+                  bot_message_style={{background: '#fff', maxWidth:'100%'}}
                   window_title={currentFlow?.name || title}
                   flow_id={currentFlow?.id || flowId}
                   tags={currentFlow?.keywords || tags}
@@ -775,15 +776,16 @@ export class MobileChatPage extends React.Component {
             {
                 isShowSideRight && (
                     <>
-                    <Draggable onStart={() => { this.dragging = false; }}
-                               onDrag={() => { this.dragging = true; }}
-                               onStop={(e) => {
-                                 if (!this.dragging) {
-                                   this.setState({drawerVisible: true})
-                                 }
-                               }}>
+                    {/*<Draggable onStart={() => { this.dragging = false; }}*/}
+                    {/*           onDrag={() => { this.dragging = true; }}*/}
+                    {/*           onStop={(e) => {*/}
+                    {/*             if (!this.dragging) {*/}
+                    {/*               this.setState({drawerVisible: true})*/}
+                    {/*             }*/}
+                    {/*           }}>*/}
                       <img
                           src={icon_agents}
+                          onClick={() => {this.setState({drawerVisible: true})}}
                           style={{
                             width: '60px',
                             height: '60px',
@@ -793,7 +795,7 @@ export class MobileChatPage extends React.Component {
                             zIndex: 1000
                           }}
                       />
-                    </Draggable>
+                    {/*</Draggable>*/}
                       <Drawer
                           title={'专项技能'}
                           // closable={false}

package/webpack.config.js

@@ -6,11 +6,9 @@ module.exports = {
   output: {
     filename: "bundle.min.js",
     path: path.resolve(__dirname, "build/static/js"),
-    library: {
-      name: "YtChatComponents", // 定义全局命名空间
-      type: "umd", // 保持 UMD 格式
-    },
-    globalObject: "this", // 兼容 Node 和浏览器
+    libraryTarget: "umd",
+    globalObject: "this",
+    library: "YtChatComponents", // 可选，定义全局命名空间
   },
   module: {
     rules: [
@@ -50,18 +48,4 @@ module.exports = {
     minimize: true,
     usedExports: false, // 禁用 tree-shaking，避免移除 React
   },
-  externals: {
-    react: {
-      commonjs: "react",
-      commonjs2: "react",
-      amd: "react",
-      root: "React",
-    },
-    "react-draggable": {
-      commonjs: "react-draggable",
-      commonjs2: "react-draggable",
-      amd: "react-draggable",
-      root: "ReactDraggable",
-    },
-  },
 };