@ai-group/chat-sdk 0.5.3 → 0.6.0

package/dist/cjs/components/XAiChatbot/styles.d.ts

@@ -16,20 +16,6 @@ export declare const useStyles: () => {
     highlight: string;
     inputBar: string;
     input: string;
-    sendWrapper: string;
-    stopButton: string;
-    sendButton: string;
-    uploadBtn: string;
-    clearBtn: string;
-    chatFooter: string;
-    footerTips: string;
-    flexCenterGap2: string;
-    iconHuihuarenqun: string;
-    popoverFooter: string;
-    divider: string;
-    flexCenterGap4: string;
-    iconZengjiaDisabled: string;
-    iconZengjiaNormal: string;
     actionHeaderWrapper: string;
     actionHeaderItem: string;
     actionHeaderIcon: string;
@@ -69,5 +55,7 @@ export declare const useStyles: () => {
     overflow: (type: string) => string;
     position: (type: string) => string;
     zIndex: (index: number) => string;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
 };
 export declare const GlobalStyle: React.FC;

package/dist/cjs/components/XAiChatbot/styles.js

@@ -37,11 +37,6 @@ var import_react = __toESM(require("react"));
 var import_css = require("@emotion/css");
 var import_react2 = require("@emotion/react");
 var import_common = require("../../styles/common");
-var primaryBlue = "#0078FF";
-var lightBlue = "#E6F0FF";
-var darkGray = "#333";
-var lightGray = "#888";
-var borderGray = "#ddd";
 var useStyles = (0, import_common.withBasicStyles)(() => ({
   // 静态样式
   wrapper: import_css.css`
@@ -65,7 +60,7 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     align-items: center;
     justify-content: center;
     padding: 12px 16px;
-    border-bottom: 1px solid ${borderGray};
+    border-bottom: 1px solid ${import_common.borderGray};
     // background-color: #fff;
   `,
   userAvatar: import_css.css`
@@ -84,16 +79,16 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     border-radius: 50%;
     object-fit: cover;
     margin-right: 12px;
-    border: 1px solid ${borderGray};
+    border: 1px solid ${import_common.borderGray};
   `,
   title: import_css.css`
     font-weight: 600;
     font-size: 16px;
-    color: ${darkGray};
+    color: ${import_common.darkGray};
   `,
   subtitle: import_css.css`
     font-size: 12px;
-    color: ${lightGray};
+    color: ${import_common.lightGray};
     margin-top: 2px;
   `,
   messageContainer: import_css.css`
@@ -114,7 +109,7 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     align-items: center;
     justify-content: center;
     color: '#222';
-    userSelect: none;
+    user-select: none;
   `,
   emptyImg: import_css.css`
     width: 60px;
@@ -126,8 +121,8 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     max-width: 70%;
     padding: 10px 14px;
     border-radius: 20px;
-    background-color: ${lightBlue};
-    color: ${darkGray};
+    background-color: ${import_common.lightBlue};
+    color: ${import_common.darkGray};
     font-size: 14px;
     line-height: 1.4;
     word-break: break-word;
@@ -135,7 +130,7 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
   `,
   messageRight: import_css.css`
     align-self: flex-end;
-    background-color: ${primaryBlue};
+    background-color: ${import_common.primaryBlue};
     color: white;
     border-bottom-right-radius: 4px;
     border-bottom-left-radius: 20px;
@@ -146,189 +141,50 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     display: flex;
     gap: 8px;
     padding: 10px 16px;
-    border-top: 1px solid ${borderGray};
+    border-top: 1px solid ${import_common.borderGray};
     background-color: #fff;
     overflow-x: auto;
   `,
   replyItem: import_css.css`
     padding: 6px 12px;
     font-size: 13px;
-    border: 1px solid ${primaryBlue};
+    border: 1px solid ${import_common.primaryBlue};
     border-radius: 20px;
     background-color: #fff;
-    color: ${primaryBlue};
+    color: ${import_common.primaryBlue};
     cursor: pointer;
     white-space: nowrap;
     user-select: none;
     transition: all 0.2s ease;
   
     &:hover {
-      background-color: ${primaryBlue};
+      background-color: ${import_common.primaryBlue};
       color: #fff;
     }
   `,
   highlight: import_css.css`
-    background-color: ${primaryBlue};
+    background-color: ${import_common.primaryBlue};
     color: white;
-    border-color: ${primaryBlue};
+    border-color: ${import_common.primaryBlue};
   `,
   inputBar: import_css.css`
     display: flex;
     align-items: center;
     padding: 10px 16px;
-    border-top: 1px solid ${borderGray};
+    border-top: 1px solid ${import_common.borderGray};
     background-color: #fff;
   `,
   input: import_css.css`
     flex: 1;
     padding: 8px 12px;
-    border: 1px solid ${borderGray};
+    border: 1px solid ${import_common.borderGray};
     border-radius: 20px;
     font-size: 14px;
     outline: none;
   
     &:focus {
-      border-color: ${primaryBlue};
-      box-shadow: 0 0 3px ${primaryBlue};
-    }
-  `,
-  sendWrapper: import_css.css`
-    flex: 1;
-    border-radius: 26px;
-  `,
-  stopButton: import_css.css`
-    width: 23px !important;
-    height: 23px !important;
-    padding: 0 !important;
-    min-width: 23px !important;
-    min-height: 23px !important;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-  `,
-  sendButton: import_css.css`
-    width: 23px !important;
-    height: 23px !important;
-    padding: 0 !important;
-    min-width: 23px !important;
-    min-height: 23px !important;
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    background-color: #000000;
-    border: none;
-    border-radius: 20px;
-    color: white;
-    font-weight: 600;
-    cursor: pointer;
-    transition: background-color 0.2s ease;
-    box-sizing: border-box;
-    &:hover {
-      background-color: #005ecb;
-    }
-    &:disabled {
-      background-color: ${lightBlue};
-      cursor: not-allowed;
-    }
-  `,
-  uploadBtn: import_css.css`
-    margin-left: 8px;
-    width: 32px;
-    height: 32px;
-    border-radius: 50%;
-    background-color: ${primaryBlue};
-    color: white;
-    font-weight: 700;
-    font-size: 22px;
-    line-height: 32px;
-    text-align: center;
-    cursor: pointer;
-    border: none;
-    user-select: none;
-    &:hover {
-      background-color: #005ecb;
-    }
-  `,
-  clearBtn: import_css.css`
-    display: flex;
-    align-items: center;
-    justify-content: center;
-    cursor: pointer;
-    border: 1px solid rgb(228, 231, 236);
-    border-radius: 12px;
-    width: 45px;
-    height: 45px;
-    box-sizing: border-box;
-  `,
-  chatFooter: import_css.css`
-    gap: 8px;
-    position: relatative;
-    z-index: 10;
-    padding: 0 20px 10px 20px;
-  `,
-  footerTips: import_css.css`
-    display: flex;
-    align-items:center;
-    justify-content: center;
-    font-size: 12px;
-    padding-bottom: 5px;
-    color: rgba(0,0,0,0.4);
-  `,
-  flexCenterGap2: import_css.css`
-    display: flex;
-    align-items: center;
-    gap: 8px;
-  `,
-  iconHuihuarenqun: import_css.css`
-    font-family: "iconfont";
-    font-size: 16px;
-    font-weight: 300;
-    padding: 3px;
-    border-radius: 6px;
-    color: #181B25;
-    cursor: pointer;
-    &:hover {
-      background: #E1E4EA;
-      color: #7F56D9;
-    }
-  `,
-  popoverFooter: import_css.css`
-    display: flex;
-    gap: 8px;
-    justify-content: end;
-  `,
-  divider: import_css.css`
-    width: 1px;
-    height: 15px;
-    margin-left: 3px;
-    margin-right: 3px;
-    background: #D0D5DD;
-  `,
-  flexCenterGap4: import_css.css`
-    display: flex;
-    align-items: center;
-    gap: 4px;
-    color: #7F56D9;
-    cursor: pointer;
-    &:hover {
-      opacity: 0.8;
-    }
-  `,
-  iconZengjiaDisabled: import_css.css`
-    font-family: "iconfont";
-    font-size: 25px;
-    font-weight: 300;
-    color: #D0D5DD;
-    cursor: not-allowed;
-  `,
-  iconZengjiaNormal: import_css.css`
-    font-family: "iconfont";
-    font-size: 25px;
-    font-weight: 300;
-    color: #98A2B3;
-    cursor: pointer;
-    &:hover {
-      color: #7F56D9;
+      border-color: ${import_common.primaryBlue};
+      box-shadow: 0 0 3px ${import_common.primaryBlue};
     }
   `,
   actionHeaderWrapper: import_css.css`

package/dist/cjs/components/XAiChatbot/styles.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiChatbot/styles.tsx"],
-  "sourcesContent": ["import React from 'react';\nimport { css } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles } from '@/styles/common';\n\nconst primaryBlue = '#0078FF'; // 主蓝色\nconst lightBlue = '#E6F0FF';   // 浅蓝色气泡背景\nconst darkGray = '#333';        // 深灰色文本\nconst lightGray = '#888';       // 浅灰文本\nconst borderGray = '#ddd';      // 边框灰色\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  wrapper: css`\n    display: flex;\n    flex-direction: column;\n    // max-height: 812px;\n    min-height: 300px;\n    max-width: 800px;\n    width: 100%;\n    height: 100%;\n    min-width: 375px;\n    // background-color: #fff;\n    // border: 1px solid rgba(80,96,122,.15);\n    border-radius: 12px;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  `,\n\n  navbar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid ${borderGray};\n    // background-color: #fff;\n  `,\n\n  userAvatar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n  `,\n\n  avatar: css`\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n    border: 1px solid ${borderGray};\n  `,\n\n  title: css`\n    font-weight: 600;\n    font-size: 16px;\n    color: ${darkGray};\n  `,\n\n  subtitle: css`\n    font-size: 12px;\n    color: ${lightGray};\n    margin-top: 2px;\n  `,\n\n  messageContainer: css`\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n    // background-color: #fff;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-height: 0;\n    position: relative;\n  `,\n\n  emptyWrapper: css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: '#222';\n    userSelect: none;\n  `,\n\n  emptyImg: css`\n    width: 60px;\n    height: 60px;\n    border-radius: 8px;\n    margin-bottom: 16px;\n  `,\n\n  message: css`\n    max-width: 70%;\n    padding: 10px 14px;\n    border-radius: 20px;\n    background-color: ${lightBlue};\n    color: ${darkGray};\n    font-size: 14px;\n    line-height: 1.4;\n    word-break: break-word;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  `,\n\n  messageRight: css`\n    align-self: flex-end;\n    background-color: ${primaryBlue};\n    color: white;\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 20px;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n  `,\n\n  quickReplies: css`\n    display: flex;\n    gap: 8px;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n    overflow-x: auto;\n  `,\n\n  replyItem: css`\n    padding: 6px 12px;\n    font-size: 13px;\n    border: 1px solid ${primaryBlue};\n    border-radius: 20px;\n    background-color: #fff;\n    color: ${primaryBlue};\n    cursor: pointer;\n    white-space: nowrap;\n    user-select: none;\n    transition: all 0.2s ease;\n  \n    &:hover {\n      background-color: ${primaryBlue};\n      color: #fff;\n    }\n  `,\n\n  highlight: css`\n    background-color: ${primaryBlue};\n    color: white;\n    border-color: ${primaryBlue};\n  `,\n\n  inputBar: css`\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n  `,\n\n  input: css`\n    flex: 1;\n    padding: 8px 12px;\n    border: 1px solid ${borderGray};\n    border-radius: 20px;\n    font-size: 14px;\n    outline: none;\n  \n    &:focus {\n      border-color: ${primaryBlue};\n      box-shadow: 0 0 3px ${primaryBlue};\n    }\n  `,\n\n  sendWrapper: css`\n    flex: 1;\n    border-radius: 26px;\n  `,\n\n  stopButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  sendButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #000000;\n    border: none;\n    border-radius: 20px;\n    color: white;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    box-sizing: border-box;\n    &:hover {\n      background-color: #005ecb;\n    }\n    &:disabled {\n      background-color: ${lightBlue};\n      cursor: not-allowed;\n    }\n  `,\n\n  uploadBtn: css`\n    margin-left: 8px;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background-color: ${primaryBlue};\n    color: white;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 32px;\n    text-align: center;\n    cursor: pointer;\n    border: none;\n    user-select: none;\n    &:hover {\n      background-color: #005ecb;\n    }\n  `,\n\n  clearBtn: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    border: 1px solid rgb(228, 231, 236);\n    border-radius: 12px;\n    width: 45px;\n    height: 45px;\n    box-sizing: border-box;\n  `,\n\n  chatFooter: css`\n    gap: 8px;\n    position: relatative;\n    z-index: 10;\n    padding: 0 20px 10px 20px;\n  `,\n\n  footerTips: css`\n    display: flex;\n    align-items:center;\n    justify-content: center;\n    font-size: 12px;\n    padding-bottom: 5px;\n    color: rgba(0,0,0,0.4);\n  `,\n\n  flexCenterGap2: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  `,\n\n  iconHuihuarenqun: css`\n    font-family: \"iconfont\";\n    font-size: 16px;\n    font-weight: 300;\n    padding: 3px;\n    border-radius: 6px;\n    color: #181B25;\n    cursor: pointer;\n    &:hover {\n      background: #E1E4EA;\n      color: #7F56D9;\n    }\n  `,\n\n  popoverFooter: css`\n    display: flex;\n    gap: 8px;\n    justify-content: end;\n  `,\n\n  divider: css`\n    width: 1px;\n    height: 15px;\n    margin-left: 3px;\n    margin-right: 3px;\n    background: #D0D5DD;\n  `,\n\n  flexCenterGap4: css`\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: #7F56D9;\n    cursor: pointer;\n    &:hover {\n      opacity: 0.8;\n    }\n  `,\n\n  iconZengjiaDisabled: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #D0D5DD;\n    cursor: not-allowed;\n  `,\n\n  iconZengjiaNormal: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #98A2B3;\n    cursor: pointer;\n    &:hover {\n      color: #7F56D9;\n    }\n  `,\n  actionHeaderWrapper: css`\n    margin-bottom: 12px;\n  `,\n  actionHeaderItem: css`\n    display: flex;\n    align-items: center;\n    height: 40px;\n    box-sizing: border-box;\n    padding: 10px 16px;\n    margin-bottom: 8px;\n    background: #f7fafd;\n    cursor: pointer;\n    border-radius: 8px;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n  `,\n  actionHeaderIcon: css`\n    height: 14px;\n  `,\n  actionHeaderText: css`\n    font-weight: 400;\n    font-size: 14px;\n    color: #3961F2;\n    margin-left: 10px;\n    margin-right: 6px;\n  `,\n  actionHeaderDetail: css`\n    background: #F3F5FA;\n    border-radius: 8px;\n    overflow: hidden;\n  `,\n  actionDetailTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 0 16px;\n    box-sizing: border-box;\n    background: #EDEFF5;\n    height: 32px;\n    margin-bottom: 12px;\n    cursor: pointer;\n  `,\n  actionHeaderDetailItem: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    padding: 0 16px;\n    margin-bottom: 12px;\n    color: #949494;\n  `,\n  actionHeaderCost: css`\n    margin-left: auto;\n    color: #888;\n    font-size: 12px;\n    min-width: 32px;\n    text-align: right;\n  `,\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-bubble-footer {\n        display: flex;\n        align-items: center;\n        min-width: 0,\n        max-width: 600,\n        /* 你想覆盖的其他样式 */\n      }\n\n      .ant-sender-content {\n        textarea {\n          word-break: break-all;\n        }\n      }\n\n      .ant-avatar {\n        background-color: transparent;\n      }\n\n      .ant-sender-actions-list {\n        margin-left: -40px;\n      }\n\n      .ant-sender {\n        box-shadow: none !important;\n      }\n\n      .ant-prompts-item {\n        padding-block: 8px !important;\n      }\n\n      /* 用户消息气泡背景色 */\n      .ant-bubble .user-content {\n        background-color: #D8E0FD;\n      }\n\n      /* 助手消息气泡背景色 */\n      .ant-bubble .assistant-content {\n        background-color: #F3F5FA;\n      }\n    `}\n  />\n);\n"],
-  "mappings": "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",
+  "sourcesContent": ["import React from 'react';\nimport { css } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles, primaryBlue, lightBlue, darkGray, lightGray, borderGray  } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  wrapper: css`\n    display: flex;\n    flex-direction: column;\n    // max-height: 812px;\n    min-height: 300px;\n    max-width: 800px;\n    width: 100%;\n    height: 100%;\n    min-width: 375px;\n    // background-color: #fff;\n    // border: 1px solid rgba(80,96,122,.15);\n    border-radius: 12px;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  `,\n\n  navbar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid ${borderGray};\n    // background-color: #fff;\n  `,\n\n  userAvatar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    height: 32px;\n    width: 32px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n  `,\n\n  avatar: css`\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n    border: 1px solid ${borderGray};\n  `,\n\n  title: css`\n    font-weight: 600;\n    font-size: 16px;\n    color: ${darkGray};\n  `,\n\n  subtitle: css`\n    font-size: 12px;\n    color: ${lightGray};\n    margin-top: 2px;\n  `,\n\n  messageContainer: css`\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n    // background-color: #fff;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-height: 0;\n    position: relative;\n  `,\n\n  emptyWrapper: css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: '#222';\n    user-select: none;\n  `,\n\n  emptyImg: css`\n    width: 60px;\n    height: 60px;\n    border-radius: 8px;\n    margin-bottom: 16px;\n  `,\n\n  message: css`\n    max-width: 70%;\n    padding: 10px 14px;\n    border-radius: 20px;\n    background-color: ${lightBlue};\n    color: ${darkGray};\n    font-size: 14px;\n    line-height: 1.4;\n    word-break: break-word;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  `,\n\n  messageRight: css`\n    align-self: flex-end;\n    background-color: ${primaryBlue};\n    color: white;\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 20px;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n  `,\n\n  quickReplies: css`\n    display: flex;\n    gap: 8px;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n    overflow-x: auto;\n  `,\n\n  replyItem: css`\n    padding: 6px 12px;\n    font-size: 13px;\n    border: 1px solid ${primaryBlue};\n    border-radius: 20px;\n    background-color: #fff;\n    color: ${primaryBlue};\n    cursor: pointer;\n    white-space: nowrap;\n    user-select: none;\n    transition: all 0.2s ease;\n  \n    &:hover {\n      background-color: ${primaryBlue};\n      color: #fff;\n    }\n  `,\n\n  highlight: css`\n    background-color: ${primaryBlue};\n    color: white;\n    border-color: ${primaryBlue};\n  `,\n\n  inputBar: css`\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n  `,\n\n  input: css`\n    flex: 1;\n    padding: 8px 12px;\n    border: 1px solid ${borderGray};\n    border-radius: 20px;\n    font-size: 14px;\n    outline: none;\n  \n    &:focus {\n      border-color: ${primaryBlue};\n      box-shadow: 0 0 3px ${primaryBlue};\n    }\n  `,\n  actionHeaderWrapper: css`\n    margin-bottom: 12px;\n  `,\n  actionHeaderItem: css`\n    display: flex;\n    align-items: center;\n    height: 40px;\n    box-sizing: border-box;\n    padding: 10px 16px;\n    margin-bottom: 8px;\n    background: #f7fafd;\n    cursor: pointer;\n    border-radius: 8px;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n  `,\n  actionHeaderIcon: css`\n    height: 14px;\n  `,\n  actionHeaderText: css`\n    font-weight: 400;\n    font-size: 14px;\n    color: #3961F2;\n    margin-left: 10px;\n    margin-right: 6px;\n  `,\n  actionHeaderDetail: css`\n    background: #F3F5FA;\n    border-radius: 8px;\n    overflow: hidden;\n  `,\n  actionDetailTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 0 16px;\n    box-sizing: border-box;\n    background: #EDEFF5;\n    height: 32px;\n    margin-bottom: 12px;\n    cursor: pointer;\n  `,\n  actionHeaderDetailItem: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    padding: 0 16px;\n    margin-bottom: 12px;\n    color: #949494;\n  `,\n  actionHeaderCost: css`\n    margin-left: auto;\n    color: #888;\n    font-size: 12px;\n    min-width: 32px;\n    text-align: right;\n  `,\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-bubble-footer {\n        display: flex;\n        align-items: center;\n        min-width: 0,\n        max-width: 600,\n        /* 你想覆盖的其他样式 */\n      }\n\n      .ant-sender-content {\n        textarea {\n          word-break: break-all;\n        }\n      }\n\n      .ant-avatar {\n        background-color: transparent;\n      }\n\n      .ant-sender-actions-list {\n        margin-left: -40px;\n      }\n\n      .ant-sender {\n        box-shadow: none !important;\n      }\n\n      .ant-prompts-item {\n        padding-block: 8px !important;\n      }\n\n      /* 用户消息气泡背景色 */\n      .ant-bubble .user-content {\n        background-color: #D8E0FD;\n      }\n\n      /* 助手消息气泡背景色 */\n      .ant-bubble .assistant-content {\n        background-color: #F3F5FA;\n      }\n    `}\n  />\n);\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAkB;AAClB,iBAAoB;AACpB,IAAAA,gBAAyC;AACzC,oBAA0F;AAEnF,IAAM,gBAAY,+BAAgB,OAAO;AAAA;AAAA,EAE9C,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAiBT,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA,+BAKqB;AAAA;AAAA;AAAA,EAI7B,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWZ,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,wBAMc;AAAA;AAAA,EAGtB,OAAO;AAAA;AAAA;AAAA,aAGI;AAAA;AAAA,EAGX,UAAU;AAAA;AAAA,aAEC;AAAA;AAAA;AAAA,EAIX,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYlB,cAAc;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUd,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOV,SAAS;AAAA;AAAA;AAAA;AAAA,wBAIa;AAAA,aACX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOX,cAAc;AAAA;AAAA,wBAEQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQtB,cAAc;AAAA;AAAA;AAAA;AAAA,4BAIY;AAAA;AAAA;AAAA;AAAA,EAK1B,WAAW;AAAA;AAAA;AAAA,wBAGW;AAAA;AAAA;AAAA,aAGX;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAOa;AAAA;AAAA;AAAA;AAAA,EAKxB,WAAW;AAAA,wBACW;AAAA;AAAA,oBAEJ;AAAA;AAAA,EAGlB,UAAU;AAAA;AAAA;AAAA;AAAA,4BAIgB;AAAA;AAAA;AAAA,EAI1B,OAAO;AAAA;AAAA;AAAA,wBAGe;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,sBAMF;AAAA,4BACM;AAAA;AAAA;AAAA,EAG1B,qBAAqB;AAAA;AAAA;AAAA,EAGrB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYlB,kBAAkB;AAAA;AAAA;AAAA,EAGlB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOlB,oBAAoB;AAAA;AAAA;AAAA;AAAA;AAAA,EAKpB,mBAAmB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAUnB,wBAAwB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASxB,kBAAkB;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAOpB,EAAE;AAEK,IAAM,cAAwB,MACnC,6BAAAC,QAAA;AAAA,EAAC;AAAA;AAAA,IACC,QAAQ,cAAAC;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAyCV;",
   "names": ["import_react", "React", "globalCss"]
 }

package/dist/cjs/components/XAiConversations/styles.d.ts

@@ -43,5 +43,7 @@ export declare const useStyles: () => {
     overflow: (type: string) => string;
     position: (type: string) => string;
     zIndex: (index: number) => string;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
 };
 export declare const GlobalStyle: React.FC;

package/dist/cjs/components/XAiProvider/demo.styles.d.ts

@@ -31,5 +31,7 @@ declare const useStyles: () => {
     overflow: (type: string) => string;
     position: (type: string) => string;
     zIndex: (index: number) => string;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
 };
 export default useStyles;

package/dist/cjs/components/XAiProvider/index.js

@@ -52,7 +52,7 @@ var XAiProvider = (0, import_react.forwardRef)(({
   onMessage,
   children
 }, ref) => {
-  var _a, _b;
+  var _a, _b, _c;
   const {
     appInfo,
     chat,
@@ -240,6 +240,7 @@ var XAiProvider = (0, import_react.forwardRef)(({
         error: null,
         activeKey: currentSessionId,
         clearBtnShow,
+        inputShow: ((_c = config == null ? void 0 : config.chatProps) == null ? void 0 : _c.inputShow) || true,
         isNarrow,
         messageTooltip: ToolTip,
         onSend: handleSendMessage,

package/dist/cjs/components/XAiProvider/index.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAiProvider/index.tsx"],
-  "sourcesContent": ["import { forwardRef, useImperativeHandle, useState, useRef, useEffect } from 'react';\nimport { message, Divider, Modal, Input } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport { XProvider } from '@ant-design/x';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { ExclamationCircleFilled } from '@ant-design/icons';\nimport { XAiContext } from '@/context/AiProviderContext';\nimport { XAiProviderProps, XAiProviderHandle } from '@/types/XAiProvider';\nimport useAgentGenerator from '@/hooks/useAgentGenerator';\nimport { MOBILE_MAX_WIDTH } from '@/constants';\nimport userIcon from '@/assets/user.png';\n\nconst { confirm } = Modal;\n\nconst XAiProvider = forwardRef<XAiProviderHandle, XAiProviderProps>(({\n  url,\n  token,\n  config,\n  providerId = 'defaultId',\n  onSuccess,\n  onError,\n  onMessage,\n  children,\n}, ref) => {\n  // 使用 useAgentGenerator Hook 管理消息状态\n  const {\n    appInfo,\n    chat,\n    stopChat,\n    reChat,\n    createNewChat,\n    deleteSession,\n    updateSession,\n    currentSessionId,\n    sessionPagination,\n    sessionList,\n    messages,\n    loading,\n    setCurrentSessionDetail,\n    setMessages\n  } = useAgentGenerator({ url, token, config, onError, onSuccess, onMessage });\n\n  const { appName, icon } = appInfo || {};\n\n  useImperativeHandle(ref, () => ({\n    chat,\n    stopChat,\n    reChat,\n    getAppInfo: () => appInfo,\n    getMessages: () => messages,\n    getSessions: () => sessionList,\n    setMessages,\n    setCurrentSessionDetail,\n  }), [appInfo, messages, chat, stopChat, reChat, setMessages, setCurrentSessionDetail]);\n\n  const [isNarrow, setIsNarrow] = useState<boolean>(false);\n  const divRef = useRef<HTMLDivElement>(null);\n\n  // 监听容器宽度变化\n  useEffect(() => {\n    const div = divRef.current;\n    if (!div) return;\n\n    // 创建监听器\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const width = entry.contentRect.width;\n        setIsNarrow(width <= MOBILE_MAX_WIDTH);\n      }\n    })\n\n    // 开始监听\n    resizeObserver.observe(div);\n\n    // 初始化检查\n    const initialWidth = div.offsetWidth;\n    setIsNarrow(initialWidth <= MOBILE_MAX_WIDTH);\n\n    // 清理函数\n    return () => {\n      resizeObserver.disconnect();\n    }\n  }, []);\n\n  // 发送消息\n  const handleSendMessage = (_type: string, content: string) => {\n    chat(content);\n  };\n\n  // 清空消息\n  const handleCreateNewMessage = () => {\n    createNewChat();\n  };\n  \n  // 工具栏按钮点击\n  const handleActions = (index: number, actionData: any) => {\n    const { content, id } = actionData || {};\n    const { text = '' } = content;\n    switch (index) {\n      case 0:\n        reChat();\n        break;\n      case 1:\n        copy(text);\n        message.success('复制成功');\n        break;\n      case 2: {\n        const idx = messages.findIndex((item) => item.id === id);\n        if (idx >= 0) {\n          // 删除该条消息及建议类消息\n          if (messages.length - idx <= 2) {\n            setMessages((prev) => prev.filter((item) => item.id !== id && item.type !== 'SuggestionMessage'));\n          } else {\n            // 非最新消息 只删除该条消息\n            setMessages((prev) => prev.filter((item) => item.id !== id));\n          }\n          message.success('删除成功');\n        }\n        break;\n      }\n    }\n  };\n\n  // 建议消息点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev: any[]) => prev.filter((m: any) => m.id !== id));\n  };\n\n  // 切换会话\n  const handleActiveChange = (key: string) => {\n    setCurrentSessionDetail(key);\n  };\n\n  // 删除会话\n  const handleDeleteSession = (sessionId: string) => {\n    deleteSession(sessionId);\n  };\n\n  // 修改会话内容\n  const handleUpdateSession = (sessionId: string, title: string) => {\n    updateSession(sessionId, title);\n  }\n\n  // 会话操作菜单\n  const menuConfig: ConversationsProps['menu'] = (conversation) => ({\n    items: [\n      {\n        label: '重命名',\n        key: 'edit',\n      },\n      {\n        label: '删除',\n        key: 'delete',\n        danger: true,\n      },\n    ],\n    onClick: (menuInfo) => {\n      menuInfo.domEvent.stopPropagation();\n      const { key } = menuInfo;\n      switch (key) {\n        case 'edit': {\n          let inputValue = conversation.label as string || '';\n          confirm({\n            title: '编辑对话名称',\n            icon: null,\n            content: (\n              <Input\n                defaultValue={inputValue}\n                autoFocus\n                style={{ width: '100%' }}\n                onChange={e => {\n                  inputValue = e.target.value;\n                }}\n              />\n            ),\n            okText: '确认',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#000', borderColor: '#000', color: '#fff' }\n            },\n            onOk: () => {\n              if (!inputValue.trim()) {\n                message.error('对话名称不能为空');\n                return Promise.reject();\n              }\n              handleUpdateSession(conversation.key, inputValue);\n            },\n            onCancel: () => {\n              // 静默处理\n            },\n          });\n          break;\n        }\n        case 'delete':\n          confirm({\n            title: '确认删除?',\n            icon: <ExclamationCircleFilled />,\n            content: '该对话内容将被删除无法恢复。',\n            okText: '确认删除',\n            okType: 'danger',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#ff4d4f', borderColor: '#ff4d4f', color: '#fff' }\n            },\n            onOk() {\n              handleDeleteSession(conversation.key);\n            },\n            onCancel() {\n              //\n            },\n          });\n          break;\n      } \n    },\n  });\n\n  const ToolTip = (messageData: any) => {\n    const finalResult = (messageData?.think || []).find((item: any) => item.actionName === 'FINISHED');\n    if (!finalResult) return null;\n    const { cost, token: tokenCount } = finalResult.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', fontSize: '12px', color: '#949494', flex: 1, paddingRight: '40px' }}>\n        { (cost !== undefined && cost !== null) && <div>{cost}s</div> }\n        { tokenCount && <Divider type=\"vertical\" /> }\n        { tokenCount && <div>{ tokenCount } tokens</div> }\n      </div>\n    );\n  };\n  // 是否展示清空按钮\n  const clearBtnShow = typeof config?.chatProps?.clearBtnShow !== 'undefined'\n    ? config.chatProps.clearBtnShow\n    : !config?.session?.showSessionList;\n\n  return (\n    <XProvider>\n      <XAiContext.Provider value={{\n        avatar: <img src={icon} alt=\"智能体头像\" />,\n        userAvatar: <img src={userIcon} alt=\"用户头像\" />,\n        emptyStateImage: icon,\n        emptyStateText: appName,\n        footerTips: '内容由AI生成，无法确保真实准确，仅供参考',\n        providerId,\n        sessionList,\n        sessionTotal: sessionPagination.total, \n        token,\n        messages,\n        loading,\n        error: null,\n        activeKey: currentSessionId,\n        clearBtnShow,\n        isNarrow,\n        messageTooltip: ToolTip,\n        onSend: handleSendMessage,\n        onClear: handleCreateNewMessage,\n        onNewChat: handleCreateNewMessage,\n        onStop: stopChat,\n        menu: menuConfig,\n        onActiveChange: handleActiveChange,\n        onSuggestMessageClick: handleSuggestMessageClick,\n        onMessagesActionsCallback: handleActions,\n        isInProvider: true,\n      }}\n      >\n        <div\n          ref={divRef}\n          style={{\n          display: 'flex',\n          height: '100%',\n          position: 'relative',\n        }}>\n          {children}\n        </div>\n      </XAiContext.Provider>\n    </XProvider>\n  );\n});\n\nexport default XAiProvider;\n"],
-  "mappings": "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",
+  "sourcesContent": ["import { forwardRef, useImperativeHandle, useState, useRef, useEffect } from 'react';\nimport { message, Divider, Modal, Input } from 'antd';\nimport copy from 'copy-to-clipboard';\nimport { XProvider } from '@ant-design/x';\nimport type { ConversationsProps } from '@ant-design/x';\nimport { ExclamationCircleFilled } from '@ant-design/icons';\nimport { XAiContext } from '@/context/AiProviderContext';\nimport { XAiProviderProps, XAiProviderHandle } from '@/types/XAiProvider';\nimport useAgentGenerator from '@/hooks/useAgentGenerator';\nimport { MOBILE_MAX_WIDTH } from '@/constants';\nimport userIcon from '@/assets/user.png';\n\nconst { confirm } = Modal;\n\nconst XAiProvider = forwardRef<XAiProviderHandle, XAiProviderProps>(({\n  url,\n  token,\n  config,\n  providerId = 'defaultId',\n  onSuccess,\n  onError,\n  onMessage,\n  children,\n}, ref) => {\n  // 使用 useAgentGenerator Hook 管理消息状态\n  const {\n    appInfo,\n    chat,\n    stopChat,\n    reChat,\n    createNewChat,\n    deleteSession,\n    updateSession,\n    currentSessionId,\n    sessionPagination,\n    sessionList,\n    messages,\n    loading,\n    setCurrentSessionDetail,\n    setMessages\n  } = useAgentGenerator({ url, token, config, onError, onSuccess, onMessage });\n\n  const { appName, icon } = appInfo || {};\n\n  useImperativeHandle(ref, () => ({\n    chat,\n    stopChat,\n    reChat,\n    getAppInfo: () => appInfo,\n    getMessages: () => messages,\n    getSessions: () => sessionList,\n    setMessages,\n    setCurrentSessionDetail,\n  }), [appInfo, messages, chat, stopChat, reChat, setMessages, setCurrentSessionDetail]);\n\n  const [isNarrow, setIsNarrow] = useState<boolean>(false);\n  const divRef = useRef<HTMLDivElement>(null);\n\n  // 监听容器宽度变化\n  useEffect(() => {\n    const div = divRef.current;\n    if (!div) return;\n\n    // 创建监听器\n    const resizeObserver = new ResizeObserver((entries) => {\n      for (const entry of entries) {\n        const width = entry.contentRect.width;\n        setIsNarrow(width <= MOBILE_MAX_WIDTH);\n      }\n    })\n\n    // 开始监听\n    resizeObserver.observe(div);\n\n    // 初始化检查\n    const initialWidth = div.offsetWidth;\n    setIsNarrow(initialWidth <= MOBILE_MAX_WIDTH);\n\n    // 清理函数\n    return () => {\n      resizeObserver.disconnect();\n    }\n  }, []);\n\n  // 发送消息\n  const handleSendMessage = (_type: string, content: string) => {\n    chat(content);\n  };\n\n  // 清空消息\n  const handleCreateNewMessage = () => {\n    createNewChat();\n  };\n  \n  // 工具栏按钮点击\n  const handleActions = (index: number, actionData: any) => {\n    const { content, id } = actionData || {};\n    const { text = '' } = content;\n    switch (index) {\n      case 0:\n        reChat();\n        break;\n      case 1:\n        copy(text);\n        message.success('复制成功');\n        break;\n      case 2: {\n        const idx = messages.findIndex((item) => item.id === id);\n        if (idx >= 0) {\n          // 删除该条消息及建议类消息\n          if (messages.length - idx <= 2) {\n            setMessages((prev) => prev.filter((item) => item.id !== id && item.type !== 'SuggestionMessage'));\n          } else {\n            // 非最新消息 只删除该条消息\n            setMessages((prev) => prev.filter((item) => item.id !== id));\n          }\n          message.success('删除成功');\n        }\n        break;\n      }\n    }\n  };\n\n  // 建议消息点击\n  const handleSuggestMessageClick = (_item: any, id: string) => {\n    setMessages((prev: any[]) => prev.filter((m: any) => m.id !== id));\n  };\n\n  // 切换会话\n  const handleActiveChange = (key: string) => {\n    setCurrentSessionDetail(key);\n  };\n\n  // 删除会话\n  const handleDeleteSession = (sessionId: string) => {\n    deleteSession(sessionId);\n  };\n\n  // 修改会话内容\n  const handleUpdateSession = (sessionId: string, title: string) => {\n    updateSession(sessionId, title);\n  }\n\n  // 会话操作菜单\n  const menuConfig: ConversationsProps['menu'] = (conversation) => ({\n    items: [\n      {\n        label: '重命名',\n        key: 'edit',\n      },\n      {\n        label: '删除',\n        key: 'delete',\n        danger: true,\n      },\n    ],\n    onClick: (menuInfo) => {\n      menuInfo.domEvent.stopPropagation();\n      const { key } = menuInfo;\n      switch (key) {\n        case 'edit': {\n          let inputValue = conversation.label as string || '';\n          confirm({\n            title: '编辑对话名称',\n            icon: null,\n            content: (\n              <Input\n                defaultValue={inputValue}\n                autoFocus\n                style={{ width: '100%' }}\n                onChange={e => {\n                  inputValue = e.target.value;\n                }}\n              />\n            ),\n            okText: '确认',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#000', borderColor: '#000', color: '#fff' }\n            },\n            onOk: () => {\n              if (!inputValue.trim()) {\n                message.error('对话名称不能为空');\n                return Promise.reject();\n              }\n              handleUpdateSession(conversation.key, inputValue);\n            },\n            onCancel: () => {\n              // 静默处理\n            },\n          });\n          break;\n        }\n        case 'delete':\n          confirm({\n            title: '确认删除?',\n            icon: <ExclamationCircleFilled />,\n            content: '该对话内容将被删除无法恢复。',\n            okText: '确认删除',\n            okType: 'danger',\n            cancelText: '取消',\n            okButtonProps: {\n              style: { background: '#ff4d4f', borderColor: '#ff4d4f', color: '#fff' }\n            },\n            onOk() {\n              handleDeleteSession(conversation.key);\n            },\n            onCancel() {\n              //\n            },\n          });\n          break;\n      } \n    },\n  });\n\n  const ToolTip = (messageData: any) => {\n    const finalResult = (messageData?.think || []).find((item: any) => item.actionName === 'FINISHED');\n    if (!finalResult) return null;\n    const { cost, token: tokenCount } = finalResult.extra || {};\n    if (!cost && !token) return null;\n    return (\n      <div style={{ display: 'flex', alignItems: 'center', fontSize: '12px', color: '#949494', flex: 1, paddingRight: '40px' }}>\n        { (cost !== undefined && cost !== null) && <div>{cost}s</div> }\n        { tokenCount && <Divider type=\"vertical\" /> }\n        { tokenCount && <div>{ tokenCount } tokens</div> }\n      </div>\n    );\n  };\n  // 是否展示清空按钮\n  const clearBtnShow = typeof config?.chatProps?.clearBtnShow !== 'undefined'\n    ? config.chatProps.clearBtnShow\n    : !config?.session?.showSessionList;\n  \n\n  return (\n    <XProvider>\n      <XAiContext.Provider value={{\n        avatar: <img src={icon} alt=\"智能体头像\" />,\n        userAvatar: <img src={userIcon} alt=\"用户头像\" />,\n        emptyStateImage: icon,\n        emptyStateText: appName,\n        footerTips: '内容由AI生成，无法确保真实准确，仅供参考',\n        providerId,\n        sessionList,\n        sessionTotal: sessionPagination.total, \n        token,\n        messages,\n        loading,\n        error: null,\n        activeKey: currentSessionId,\n        clearBtnShow,\n        inputShow: config?.chatProps?.inputShow || true,\n        isNarrow,\n        messageTooltip: ToolTip,\n        onSend: handleSendMessage,\n        onClear: handleCreateNewMessage,\n        onNewChat: handleCreateNewMessage,\n        onStop: stopChat,\n        menu: menuConfig,\n        onActiveChange: handleActiveChange,\n        onSuggestMessageClick: handleSuggestMessageClick,\n        onMessagesActionsCallback: handleActions,\n        isInProvider: true,\n      }}\n      >\n        <div\n          ref={divRef}\n          style={{\n          display: 'flex',\n          height: '100%',\n          position: 'relative',\n        }}>\n          {children}\n        </div>\n      </XAiContext.Provider>\n    </XProvider>\n  );\n});\n\nexport default XAiProvider;\n"],
+  "mappings": "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",
   "names": ["useAgentGenerator", "copy", "userIcon"]
 }

package/dist/cjs/components/XAiSender/XAiSender.stories.d.ts

@@ -0,0 +1,6 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import XAiSender from '.';
+declare const meta: Meta<typeof XAiSender>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const 基础用法: Story;

package/dist/cjs/components/XAiSender/XAiSender.stories.js

@@ -0,0 +1,86 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAiSender/XAiSender.stories.tsx
+var XAiSender_stories_exports = {};
+__export(XAiSender_stories_exports, {
+  default: () => XAiSender_stories_default,
+  基础用法: () => 基础用法
+});
+module.exports = __toCommonJS(XAiSender_stories_exports);
+var import_react = require("react");
+var import__ = __toESM(require("."));
+var meta = {
+  title: "AI组件/XAiSender 输入框",
+  component: import__.default,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {}
+};
+var XAiSender_stories_default = meta;
+var BasicUsageStory = (args) => {
+  const [content, setContent] = (0, import_react.useState)("");
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const handleClear = () => {
+    console.log("clear");
+  };
+  const handleChange = (content2) => {
+    setContent(content2);
+  };
+  const handleSendMessage = (type, content2) => {
+    setLoading(true);
+    console.log(type, content2);
+    setTimeout(() => {
+      setContent("");
+      setLoading(false);
+    }, 2e3);
+  };
+  return /* @__PURE__ */ React.createElement("div", { style: { width: 440, border: "1px solid #eee", padding: 20 } }, /* @__PURE__ */ React.createElement(
+    import__.default,
+    {
+      loading,
+      value: content,
+      onClear: handleClear,
+      onChange: handleChange,
+      onSubmit: handleSendMessage,
+      onStop: handleClear,
+      footerTips: "内容由AI生成，无法确保真实准确，仅供参考"
+    }
+  ));
+};
+var 基础用法 = {
+  render: BasicUsageStory,
+  args: {}
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  基础用法
+});
+//# sourceMappingURL=XAiSender.stories.js.map

package/dist/cjs/components/XAiSender/XAiSender.stories.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiSender/XAiSender.stories.tsx"],
+  "sourcesContent": ["import { useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport XAiSender from '.';\n\nconst meta: Meta<typeof XAiSender> = {\n  title: 'AI组件/XAiSender 输入框',\n  component: XAiSender,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {},\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 基础用法\nconst BasicUsageStory = (args: any) => {\n  const [content, setContent] = useState('');\n  const [loading, setLoading] = useState(false);\n\n  // 模拟清空数据\n  const handleClear = () => {\n    console.log('clear');\n  };\n\n  // 模拟输入\n  const handleChange = (content: string) => {\n    setContent(content);\n  }\n\n  // 模拟快捷短语点击\n  const handleSendMessage = (type: string, content: any) => {\n    setLoading(true);\n    console.log(type, content);\n    setTimeout(() => {\n      setContent('');\n      setLoading(false);\n    }, 2000);\n  };\n\n\n  return (\n    <div style={{ width: 440, border: '1px solid #eee', padding: 20 }}>\n      <XAiSender\n        loading={loading}\n        value={content}\n        onClear={handleClear}\n        onChange={handleChange}\n        onSubmit={handleSendMessage}\n        onStop={handleClear}\n        footerTips='内容由AI生成，无法确保真实准确，仅供参考'\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {},\n};"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAEzB,eAAsB;AAEtB,IAAM,OAA+B;AAAA,EACnC,OAAO;AAAA,EACP,WAAW,SAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,EACV;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU,CAAC;AACb;AAEA,IAAO,4BAAQ;AAIf,IAAM,kBAAkB,CAAC,SAAc;AACrC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAE;AACzC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAG5C,QAAM,cAAc,MAAM;AACxB,YAAQ,IAAI,OAAO;AAAA,EACrB;AAGA,QAAM,eAAe,CAACC,aAAoB;AACxC,eAAWA,QAAO;AAAA,EACpB;AAGA,QAAM,oBAAoB,CAAC,MAAcA,aAAiB;AACxD,eAAW,IAAI;AACf,YAAQ,IAAI,MAAMA,QAAO;AACzB,eAAW,MAAM;AACf,iBAAW,EAAE;AACb,iBAAW,KAAK;AAAA,IAClB,GAAG,GAAI;AAAA,EACT;AAGA,SACE,oCAAC,SAAI,OAAO,EAAE,OAAO,KAAK,QAAQ,kBAAkB,SAAS,GAAG,KAC9D;AAAA,IAAC,SAAAD;AAAA,IAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,MACP,SAAS;AAAA,MACT,UAAU;AAAA,MACV,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,YAAW;AAAA;AAAA,EACb,CACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CAAC;AACT;",
+  "names": ["XAiSender", "content"]
+}

package/dist/cjs/components/XAiSender/index.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import { XAiSenderProps } from "../../types";
+declare const XAiSender: React.FC<XAiSenderProps>;
+export default XAiSender;