@ai-group/chat-sdk 2.1.0 → 2.1.3

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

@@ -32,19 +32,23 @@ __export(XAdkChatbot_exports, {
   default: () => XAdkChatbot_default
 });
 module.exports = __toCommonJS(XAdkChatbot_exports);
-var import_react = __toESM(require("react"));
+var import_react = require("react");
 var import_antd = require("antd");
 var import_icons = require("@ant-design/icons");
 var import_styles = require("./styles");
 var import_MarkdownRender = __toESM(require("./components/MarkdownRender"));
 var import_FunctionCallRender = __toESM(require("./components/FunctionCallRender"));
 var import_ThinkRender = __toESM(require("./components/ThinkRender"));
+var import_XAdkSender = __toESM(require("../XAdkSender"));
 var import_jsx_runtime = require("react/jsx-runtime");
+var scrollThreshold = 10;
 var XAdkChatbot = ({
-  loading,
+  allowUpload = false,
+  loading = false,
   prologue,
   suggestions,
   messages,
+  initialized = true,
   footer,
   showFnCallDetail,
   clearBtnShow = true,
@@ -54,48 +58,57 @@ var XAdkChatbot = ({
   onClear
 }) => {
   const styles = (0, import_styles.useStyles)();
-  const [inputValue, setInputValue] = import_react.default.useState("");
-  const [showLog, setShowLog] = (0, import_react.useState)(false);
-  const [invocation, setInvocation] = (0, import_react.useState)();
   const listRef = (0, import_react.useRef)(null);
-  const scrollTimeoutRef = (0, import_react.useRef)(null);
-  const isFirstLoadRef = (0, import_react.useRef)(true);
-  const scrollToBottom = (0, import_react.useCallback)((smooth = false) => {
-    if (!listRef.current)
+  const lastScrollTopRef = (0, import_react.useRef)(0);
+  const userHasScrolledRef = (0, import_react.useRef)(false);
+  const messagesEndRef = (0, import_react.useRef)(null);
+  (0, import_react.useEffect)(() => {
+    var _a;
+    if (!loading)
       return;
-    if (scrollTimeoutRef.current) {
-      clearTimeout(scrollTimeoutRef.current);
-    }
-    listRef.current.scrollTo({
-      top: listRef.current.scrollHeight,
-      behavior: smooth ? "smooth" : "instant"
+    if (userHasScrolledRef.current)
+      return;
+    (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({
+      behavior: "smooth"
     });
-    scrollTimeoutRef.current = setTimeout(() => {
-      if (listRef.current) {
-        listRef.current.scrollTo({
-          top: listRef.current.scrollHeight,
-          behavior: smooth ? "smooth" : "instant"
-        });
-      }
-    }, 100);
+  }, [loading, messages]);
+  const handleScroll = (0, import_react.useCallback)(() => {
+    const el = listRef.current;
+    if (!el)
+      return;
+    const currentTop = el.scrollTop;
+    if (currentTop < lastScrollTopRef.current) {
+      userHasScrolledRef.current = true;
+    }
+    const isAtBottom = Math.abs(el.scrollHeight - currentTop - el.clientHeight) <= scrollThreshold;
+    if (isAtBottom) {
+      userHasScrolledRef.current = false;
+    }
+    lastScrollTopRef.current = currentTop;
   }, []);
   (0, import_react.useEffect)(() => {
-    if (isFirstLoadRef.current) {
-      scrollToBottom(false);
-      isFirstLoadRef.current = false;
-    } else {
-      scrollToBottom(true);
-    }
-  }, [messages, suggestions, scrollToBottom]);
-  const handleSubmit = (0, import_react.useCallback)((text) => {
+    const listElement = listRef.current;
+    if (!listElement)
+      return;
+    listElement.addEventListener("scroll", handleScroll);
+    return () => {
+      listElement.removeEventListener("scroll", handleScroll);
+    };
+  }, []);
+  const handleSubmit = ({ text, files }) => {
     if (loading)
       return;
     if (!(text == null ? void 0 : text.trim()))
       return;
-    onSubmit == null ? void 0 : onSubmit(text);
-    setInputValue("");
-    scrollToBottom(true);
-  }, [loading, scrollToBottom]);
+    onSubmit == null ? void 0 : onSubmit({ text, files });
+    queueMicrotask(() => {
+      var _a;
+      (_a = messagesEndRef.current) == null ? void 0 : _a.scrollIntoView({ behavior: "instant" });
+    });
+    setTimeout(() => {
+      userHasScrolledRef.current = false;
+    }, 0);
+  };
   const lastIndex = messages.length - 1;
   const lastMessageMap = (0, import_react.useMemo)(() => {
     const map = /* @__PURE__ */ new Map();
@@ -162,70 +175,20 @@ var XAdkChatbot = ({
           },
           children: item
         }
-      ) }) }, item)) })
+      ) }) }, item)) }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { ref: messagesEndRef })
     ] }),
-    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.footer, children: [
-      /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.senderWrap, children: [
-        clearBtnShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-          import_antd.Popconfirm,
-          {
-            title: "确定要清空聊天记录吗？",
-            onConfirm: onClear,
-            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-              import_antd.Button,
-              {
-                shape: "circle",
-                icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClearOutlined, {})
-              }
-            )
-          }
-        ),
-        /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.sender, children: [
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_antd.Input.TextArea,
-            {
-              className: styles.input,
-              rows: 1,
-              autoSize: { minRows: 1, maxRows: 4 },
-              value: inputValue,
-              onChange: (e) => {
-                setInputValue(e.target.value);
-              },
-              onPressEnter: async (e) => {
-                if (e.shiftKey) {
-                  return;
-                }
-                e.preventDefault();
-                handleSubmit(inputValue);
-              },
-              placeholder: "请输入消息"
-            }
-          ),
-          /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_antd.Button,
-            {
-              type: "primary",
-              shape: "circle",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.LoadingOutlined, {}),
-              onClick: () => {
-                onStop == null ? void 0 : onStop();
-              }
-            }
-          ) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
-            import_antd.Button,
-            {
-              type: "primary",
-              shape: "circle",
-              icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUpOutlined, {}),
-              onClick: () => {
-                handleSubmit(inputValue);
-              }
-            }
-          ) })
-        ] })
-      ] }),
-      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.tip, children: "内容由AI生成，无法确保真实准确，仅供参考" })
-    ] })
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_XAdkSender.default,
+      {
+        allowUpload,
+        loading,
+        clearBtnShow,
+        onSubmit: handleSubmit,
+        onClear,
+        onStop
+      }
+    )
   ] });
 };
 var XAdkChatbot_default = XAdkChatbot;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAdkChatbot/index.tsx"],
-  "sourcesContent": ["import React, { useMemo, useCallback, useEffect, useRef, useState } from 'react';\nimport { Button, Input, Popconfirm } from 'antd';\nimport { SwapRightOutlined, ArrowUpOutlined, ClearOutlined, LoadingOutlined } from '@ant-design/icons';\nimport { useStyles } from './styles';\nimport MarkdownRender from './components/MarkdownRender';\nimport FunctionCallRender from './components/FunctionCallRender';\nimport ThinkRender from './components/ThinkRender';\nimport type { IInvocation, IMessage, XAdkChatbotProps } from '@/types';\n\nconst XAdkChatbot: React.FC<XAdkChatbotProps> = ({ \n  loading,\n  prologue,\n  suggestions,\n  messages,\n  footer,\n  showFnCallDetail,\n  clearBtnShow = true,\n  onSubmit,\n  onSuggest,\n  onStop,\n  onClear,\n }) => {\n  const styles = useStyles();\n  const [inputValue, setInputValue] = React.useState<string>('');\n  const [showLog, setShowLog] = useState(false);\n  const [invocation, setInvocation] = useState<Partial<IInvocation>>();\n  const listRef = useRef<HTMLDivElement>(null);\n  const scrollTimeoutRef = useRef<NodeJS.Timeout | null>(null);\n  const isFirstLoadRef = useRef(true);\n\n  // 滚动到底部函数\n  const scrollToBottom = useCallback((smooth = false) => {\n    if (!listRef.current) return;\n    if (scrollTimeoutRef.current) {\n      clearTimeout(scrollTimeoutRef.current);\n    }\n    // 首次尝试\n    listRef.current.scrollTo({\n      top: listRef.current.scrollHeight,\n      behavior: smooth ? 'smooth' : 'instant',\n    });\n    // 重试机制：确保滚动生效\n    scrollTimeoutRef.current = setTimeout(() => {\n      if (listRef.current) {\n        listRef.current.scrollTo({\n          top: listRef.current.scrollHeight,\n          behavior: smooth ? 'smooth' : 'instant',\n        });\n      }\n    }, 100);\n  }, []);\n\n  // 消息更新时滚动\n  useEffect(() => {\n    if (isFirstLoadRef.current) {\n      // 初始化\n      scrollToBottom(false);\n      isFirstLoadRef.current = false;\n    } else {\n      // 消息更新\n      scrollToBottom(true);\n    }\n  }, [messages, suggestions, scrollToBottom]);\n\n  // 发送消息\n  const handleSubmit = useCallback((text: string) => {\n    if (loading) return;\n    if (!text?.trim()) return;\n    onSubmit?.(text);\n    setInputValue('');\n    scrollToBottom(true);\n  }, [loading, scrollToBottom]);\n\n  const lastIndex = messages.length - 1;\n\n  const lastMessageMap = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const msg of messages) {\n      if (msg.role === 'bot' && msg.invocationId) {\n        map.set(msg.invocationId, msg.id);\n      }\n    }\n    return map;\n  }, [messages]);\n\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.list} ref={listRef}>\n        <div className={styles.prologue}>\n          {prologue}\n        </div>\n        {messages.map((msg, i) => {\n          if (msg.role === 'user') {\n            if (msg.text) {\n              return (\n                  <div key={`${msg.id}-${i}`} className={styles.userMsg}>\n                    <div className={styles.card}>{msg.text}</div>\n                  </div>\n                );\n            }\n            if (msg.functionResponse) {\n              return (\n                <div key={`${msg.id}-${i}`} className={styles.userMsg}>\n                  <FunctionCallRender msg={msg} showDetail={showFnCallDetail} />\n                </div>\n              );\n            }\n            return null;\n          }\n          const isLast = i === lastIndex;\n          const isLoading = isLast && loading;\n          const isLastBotMsg = lastMessageMap.get(msg?.invocationId || '') === msg.id;\n          \n          if (msg.text) {\n            if (msg.thought) {\n              return (\n                <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                  <ThinkRender\n                    msg={msg}\n                    loading={isLoading}\n                  />\n                  {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n                </div>\n              );\n            }\n            return (\n              <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                <MarkdownRender text={msg.text} />\n                {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n              </div>\n            );\n          }\n          const fnCall = msg.functionCall;\n          if (fnCall) {\n            return (\n              <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                <FunctionCallRender msg={msg} showDetail={showFnCallDetail} />\n                {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n              </div>\n            );\n          }\n          return (\n            <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n              {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n            </div>\n          );\n        })}\n        <div>\n          {suggestions?.map((item) => (\n            <div key={item} className={styles.suggestion}>\n              <div className={styles.suggestContent}>\n                <Button\n                  type=\"text\"\n                  icon={<SwapRightOutlined />}\n                  iconPosition='end'\n                  onClick={() => {\n                    if (!item) return;\n                    onSuggest?.(item);\n                  }}\n                >\n                  {item}\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n      </div>\n      <div className={styles.footer}>\n        <div className={styles.senderWrap}>\n          { clearBtnShow && <Popconfirm\n            title=\"确定要清空聊天记录吗？\"\n            onConfirm={onClear}\n          >\n            <Button\n              shape=\"circle\"\n              icon={<ClearOutlined />}\n            />\n          </Popconfirm> }\n          <div className={styles.sender}>\n            <Input.TextArea\n              className={styles.input}\n              rows={1}\n              autoSize={{ minRows: 1, maxRows: 4 }}\n              value={inputValue}\n              onChange={(e) => {\n                setInputValue(e.target.value);\n              }}\n              onPressEnter={async (e) => {\n                if (e.shiftKey) {\n                  return;\n                }\n                e.preventDefault();\n                handleSubmit(inputValue);\n              }}\n              placeholder=\"请输入消息\"\n            />\n            <div>\n              {loading\n                ? (\n                  <Button\n                    type=\"primary\"\n                    shape=\"circle\"\n                    icon={<LoadingOutlined />}\n                    onClick={() => {\n                      onStop?.();\n                    }}\n                  />\n                )\n                : (\n                  <Button\n                    type=\"primary\"\n                    shape=\"circle\"\n                    icon={<ArrowUpOutlined />}\n                    onClick={() => {\n                      handleSubmit(inputValue);\n                    }}\n                  />\n                )}\n            </div>\n          </div>\n        </div>\n        <div className={styles.tip}>内容由AI生成，无法确保真实准确，仅供参考</div>\n      </div>\n      {/* 智能体日志详情 */}\n      {/* <AgentLogDetail\n        show={showLog}\n        data={invocation}\n        onClose={() => setShowLog(false)}\n      /> */}\n    </div>\n  );\n};\n\nexport default XAdkChatbot;"],
-  "mappings": "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",
-  "names": ["React", "FunctionCallRender", "ThinkRender", "MarkdownRender"]
+  "sourcesContent": ["import React, { useMemo, useCallback, useEffect, useRef } from 'react';\nimport { Button } from 'antd';\nimport { SwapRightOutlined } from '@ant-design/icons';\nimport { useStyles } from './styles';\nimport MarkdownRender from './components/MarkdownRender';\nimport FunctionCallRender from './components/FunctionCallRender';\nimport ThinkRender from './components/ThinkRender';\nimport XAdkSender from '../XAdkSender';\nimport type { IMessage, XAdkChatbotProps, SendContent } from '@/types';\n\nconst scrollThreshold = 10; // 滚动阈值\n\n\nconst XAdkChatbot: React.FC<XAdkChatbotProps> = ({ \n  allowUpload = false,\n  loading = false,\n  prologue,\n  suggestions,\n  messages,\n  initialized = true,\n  footer,\n  showFnCallDetail,\n  clearBtnShow = true,\n  onSubmit,\n  onSuggest,\n  onStop,\n  onClear,\n }) => {\n  const styles = useStyles();\n  const listRef = useRef<HTMLDivElement>(null);\n  const lastScrollTopRef = useRef(0);\n  const userHasScrolledRef = useRef(false);\n  const messagesEndRef = useRef<HTMLDivElement>(null);\n\n  useEffect(() => {\n    if (!loading) return;\n    if (userHasScrolledRef.current) return;\n    messagesEndRef.current?.scrollIntoView({\n      behavior: 'smooth',\n    });\n  }, [loading, messages]);\n\n  // 处理滚动事件 - 检测用户是否手动滚动\n  const handleScroll = useCallback(() => {\n    const el = listRef.current;\n    if (!el) return;\n    const currentTop = el.scrollTop;\n    // 如果向上滚动，说明是手动干预\n    if (currentTop < lastScrollTopRef.current) {\n      userHasScrolledRef.current = true;\n    }\n    // 如果向下并且已经到了底部，则恢复自动\n    const isAtBottom = \n      Math.abs(el.scrollHeight - currentTop - el.clientHeight) <= scrollThreshold;\n\n    if (isAtBottom) {\n      userHasScrolledRef.current = false;\n    }\n\n    // 更新上次位置\n    lastScrollTopRef.current = currentTop;\n  }, []);\n\n  // 监听滚动事件\n  useEffect(() => {\n    const listElement = listRef.current\n    if (!listElement) return;\n\n    listElement.addEventListener('scroll', handleScroll);\n    return () => {\n      listElement.removeEventListener('scroll', handleScroll);\n    };\n  }, []);\n\n  // 发送消息\n  const handleSubmit = ({ text, files }: SendContent) => {\n    if (loading) return;\n    if (!text?.trim()) return;\n    onSubmit?.({ text, files });\n    // 滚动\n    queueMicrotask(() => {\n      messagesEndRef.current?.scrollIntoView({ behavior: 'instant' });\n    });\n    // 重置用户滚动状态\n    setTimeout(() => {\n      userHasScrolledRef.current = false;\n    }, 0);\n  };\n\n  const lastIndex = messages.length - 1;\n\n  const lastMessageMap = useMemo(() => {\n    const map = new Map<string, string>();\n    for (const msg of messages) {\n      if (msg.role === 'bot' && msg.invocationId) {\n        map.set(msg.invocationId, msg.id);\n      }\n    }\n    return map;\n  }, [messages]);\n\n  return (\n    <div className={styles.wrapper}>\n      <div className={styles.list} ref={listRef}>\n        <div className={styles.prologue}>\n          {prologue}\n        </div>\n        {messages.map((msg, i) => {\n          if (msg.role === 'user') {\n            if (msg.text) {\n              return (\n                  <div key={`${msg.id}-${i}`} className={styles.userMsg}>\n                    <div className={styles.card}>{msg.text}</div>\n                  </div>\n                );\n            }\n            if (msg.functionResponse) {\n              return (\n                <div key={`${msg.id}-${i}`} className={styles.userMsg}>\n                  <FunctionCallRender msg={msg} showDetail={showFnCallDetail} />\n                </div>\n              );\n            }\n            return null;\n          }\n          const isLast = i === lastIndex;\n          const isLoading = isLast && loading;\n          const isLastBotMsg = lastMessageMap.get(msg?.invocationId || '') === msg.id;\n          \n          if (msg.text) {\n            if (msg.thought) {\n              return (\n                <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                  <ThinkRender\n                    msg={msg}\n                    loading={isLoading}\n                  />\n                  {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n                </div>\n              );\n            }\n            return (\n              <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                <MarkdownRender text={msg.text} />\n                {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n              </div>\n            );\n          }\n          const fnCall = msg.functionCall;\n          if (fnCall) {\n            return (\n              <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n                <FunctionCallRender msg={msg} showDetail={showFnCallDetail} />\n                {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n              </div>\n            );\n          }\n          return (\n            <div key={`${msg.id}-${i}`} className={styles.botMsg}>\n              {!isLoading && footer?.({ message: msg as IMessage, isLastMsg: isLast, isLastBotMsg })}\n            </div>\n          );\n        })}\n        <div>\n          {suggestions?.map((item) => (\n            <div key={item} className={styles.suggestion}>\n              <div className={styles.suggestContent}>\n                <Button\n                  type=\"text\"\n                  icon={<SwapRightOutlined />}\n                  iconPosition='end'\n                  onClick={() => {\n                    if (!item) return;\n                    onSuggest?.(item);\n                  }}\n                >\n                  {item}\n                </Button>\n              </div>\n            </div>\n          ))}\n        </div>\n        <div ref={messagesEndRef} />\n      </div>\n      <XAdkSender\n        allowUpload={allowUpload}\n        loading={loading}\n        clearBtnShow={clearBtnShow}\n        onSubmit={handleSubmit}\n        onClear={onClear}\n        onStop={onStop}\n      />\n    </div>\n  );\n};\n\nexport default XAdkChatbot;"],
+  "mappings": "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",
+  "names": ["FunctionCallRender", "ThinkRender", "MarkdownRender", "XAdkSender"]
 }

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

@@ -31,7 +31,6 @@ var useStyles = (0, import_common.withBasicStyles)(() => ({
     min-height: 300px;
     width: 100%;
     height: 100%;
-    border: 1px solid #e7e7e7;
     border-radius: 8px;
     display: flex;
     flex-direction: column;

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

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../../src/components/XAdkChatbot/styles.tsx"],
-  "sourcesContent": ["import { css } from '@emotion/css';\nimport { withBasicStyles } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  wrapper: css`\n    padding: 0 16px;\n    min-height: 300px;\n    width: 100%;\n    height: 100%;\n    border: 1px solid #e7e7e7;\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n\n    .x-markdown {\n      --margin-ul-ol: 0 0 1em 1em;\n\n      code {\n        background: rgba(150, 150, 150, 0.2);\n        border-radius: 3px;\n      }\n\n      .ant-highlightCode-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: var(--ant-highlight-code-color-text-title);\n        background: var(--ant-highlight-code-color-bg-title);\n        padding: var(--ant-padding-sm);\n        border-top-left-radius: var(--ant-border-radius);\n        border-top-right-radius: var(--ant-border-radius);\n      }\n    }\n  `,\n\n  list: css`\n    flex: 1;\n    margin: 16px 0;\n    padding: 0 16px;\n    overflow-y: auto;\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    /* Firefox */\n    scrollbar-width: none;\n    /* IE 10+ */\n    -ms-overflow-style: none;\n  `,\n\n  prologue: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestion: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestContent: css`\n    display: inline-flex;\n    border: 2px solid #E7E7E7;\n    border-radius: 8px;\n  `,\n\n  userMsg: css`\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 24px;\n  `,\n\n  card: css`\n    padding: 12px 16px;\n    background: #d5e3ff;\n    border-radius: 12px;\n    max-width: 80%;\n    white-space: pre-line;\n    word-break: break-all;\n  `,\n\n  botMsg: css`\n    margin-bottom: 12px;\n  `,\n\n  fnCall: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 11px;\n    border-radius: 24px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n  `,\n\n  confirm: css`\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  `,\n\n  \n\n  footer: css`\n    /* senderWrap and tip moved to top-level keys so they are\n       accessible as styles.senderWrap and styles.tip in the component */\n  `,\n\n  sender: css`\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 8px 8px 12px;\n    border: 1px solid #e7e7e7;\n    border-radius: 24px;\n\n    /* .input moved to top-level key so component can use styles.input */\n  `,\n\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  `,\n\n  tip: css`\n    padding: 4px;\n    font-size: 12px;\n    text-align: center;\n    color: rgba(0, 0, 0, 0.4);\n  `,\n\n  input: css`\n    padding: 0;\n    margin: 5px 0;\n    line-height: 22px;\n    font-size: 15px;\n    border-radius: 0;\n    border: none;\n\n    &:focus {\n      box-shadow: none;\n    }\n  `,\n}));\n\nexport default useStyles;\n"],
-  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,SAAS;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,EA+BT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeN,UAAU;AAAA;AAAA;AAAA,EAIV,YAAY;AAAA;AAAA;AAAA,EAIZ,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASN,QAAQ;AAAA;AAAA;AAAA,EAIR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT,QAAQ;AAAA;AAAA;AAAA;AAAA,EAKR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYR,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOL,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYT,EAAE;AAEF,IAAO,iBAAQ;",
+  "sourcesContent": ["import { css } from '@emotion/css';\nimport { withBasicStyles } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  wrapper: css`\n    padding: 0 16px;\n    min-height: 300px;\n    width: 100%;\n    height: 100%;\n    border-radius: 8px;\n    display: flex;\n    flex-direction: column;\n\n    .x-markdown {\n      --margin-ul-ol: 0 0 1em 1em;\n\n      code {\n        background: rgba(150, 150, 150, 0.2);\n        border-radius: 3px;\n      }\n\n      .ant-highlightCode-header {\n        display: flex;\n        align-items: center;\n        justify-content: space-between;\n        color: var(--ant-highlight-code-color-text-title);\n        background: var(--ant-highlight-code-color-bg-title);\n        padding: var(--ant-padding-sm);\n        border-top-left-radius: var(--ant-border-radius);\n        border-top-right-radius: var(--ant-border-radius);\n      }\n    }\n  `,\n\n  list: css`\n    flex: 1;\n    margin: 16px 0;\n    padding: 0 16px;\n    overflow-y: auto;\n    /* Chrome, Safari, Edge, Opera */\n    &::-webkit-scrollbar {\n      display: none;\n    }\n    /* Firefox */\n    scrollbar-width: none;\n    /* IE 10+ */\n    -ms-overflow-style: none;\n  `,\n\n  prologue: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestion: css`\n    margin-bottom: 12px;\n  `,\n\n  suggestContent: css`\n    display: inline-flex;\n    border: 2px solid #E7E7E7;\n    border-radius: 8px;\n  `,\n\n  userMsg: css`\n    display: flex;\n    justify-content: flex-end;\n    margin-bottom: 24px;\n  `,\n\n  card: css`\n    padding: 12px 16px;\n    background: #d5e3ff;\n    border-radius: 12px;\n    max-width: 80%;\n    white-space: pre-line;\n    word-break: break-all;\n  `,\n\n  botMsg: css`\n    margin-bottom: 12px;\n  `,\n\n  fnCall: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 11px;\n    border-radius: 24px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n  `,\n\n  confirm: css`\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  `,\n\n  \n\n  footer: css`\n    /* senderWrap and tip moved to top-level keys so they are\n       accessible as styles.senderWrap and styles.tip in the component */\n  `,\n\n  sender: css`\n    width: 100%;\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 8px 8px 8px 12px;\n    border: 1px solid #e7e7e7;\n    border-radius: 24px;\n\n    /* .input moved to top-level key so component can use styles.input */\n  `,\n\n  senderWrap: css`\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    gap: 8px;\n  `,\n\n  tip: css`\n    padding: 4px;\n    font-size: 12px;\n    text-align: center;\n    color: rgba(0, 0, 0, 0.4);\n  `,\n\n  input: css`\n    padding: 0;\n    margin: 5px 0;\n    line-height: 22px;\n    font-size: 15px;\n    border-radius: 0;\n    border: none;\n\n    &:focus {\n      box-shadow: none;\n    }\n  `,\n}));\n\nexport default useStyles;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,iBAAoB;AACpB,oBAAgC;AAEzB,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,SAAS;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,EA8BT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAeN,UAAU;AAAA;AAAA;AAAA,EAIV,YAAY;AAAA;AAAA;AAAA,EAIZ,gBAAgB;AAAA;AAAA;AAAA;AAAA;AAAA,EAMhB,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAMT,MAAM;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASN,QAAQ;AAAA;AAAA;AAAA,EAIR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWR,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT,QAAQ;AAAA;AAAA;AAAA;AAAA,EAKR,QAAQ;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYR,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ,KAAK;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOL,OAAO;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAYT,EAAE;AAEF,IAAO,iBAAQ;",
   "names": []
 }

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

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

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

@@ -0,0 +1,93 @@
+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/XAdkSender/XAdkSender.stories.tsx
+var XAdkSender_stories_exports = {};
+__export(XAdkSender_stories_exports, {
+  default: () => XAdkSender_stories_default,
+  基础用法: () => 基础用法
+});
+module.exports = __toCommonJS(XAdkSender_stories_exports);
+var import_react = require("react");
+var import__ = __toESM(require("."));
+var import_jsx_runtime = require("react/jsx-runtime");
+var meta = {
+  title: "AI组件/XAdkSender 输入框",
+  component: import__.default,
+  parameters: {
+    layout: "centered"
+  },
+  tags: ["autodocs"],
+  argTypes: {}
+};
+var XAdkSender_stories_default = meta;
+var BasicUsageStory = () => {
+  const [files, setFiles] = (0, import_react.useState)([]);
+  const [content, setContent] = (0, import_react.useState)("");
+  const [loading, setLoading] = (0, import_react.useState)(false);
+  const handleSubmit = () => {
+    console.info("submit", content);
+  };
+  const handleClear = () => {
+    console.info("clear");
+  };
+  const handleStop = () => {
+    console.info("stop");
+  };
+  const handleChange = (text) => {
+    setContent(text);
+  };
+  const handleSendMessage = (obj) => {
+    setLoading(true);
+    setTimeout(() => {
+      setContent("");
+      setFiles([]);
+      setLoading(false);
+    }, 2e3);
+  };
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { style: { width: 800, border: "1px solid #eee", padding: 20 }, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import__.default,
+    {
+      loading,
+      clearBtnShow: true,
+      allowUpload: true,
+      onSubmit: handleSubmit,
+      onClear: handleClear,
+      onStop: handleStop
+    }
+  ) });
+};
+var 基础用法 = {
+  render: BasicUsageStory,
+  args: {}
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  基础用法
+});
+//# sourceMappingURL=XAdkSender.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAdkSender/XAdkSender.stories.tsx"],
+  "sourcesContent": ["import { useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport type { Attachment } from '@ant-design/x/es/attachments';\nimport XAdkSender from '.';\n\nconst meta: Meta<typeof XAdkSender> = {\n  title: 'AI组件/XAdkSender 输入框',\n  component: XAdkSender,\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 = () => {\n  const [files, setFiles] = useState<Attachment[]>([]);\n  const [content, setContent] = useState('');\n  const [loading, setLoading] = useState(false);\n\n  // 模拟清空数据\n  const handleSubmit = () => {\n    console.info('submit', content);\n  };\n\n  const handleClear = () => {\n    console.info('clear');\n  };\n\n  // 模拟停止发送\n  const handleStop = () => {\n    console.info('stop');\n  };\n\n  // 模拟输入\n  const handleChange = (text: string) => {\n    setContent(text);\n  };\n\n  // 模拟快捷短语点击\n  const handleSendMessage = (obj: any) => {\n    setLoading(true);\n    setTimeout(() => {\n      setContent('');\n      setFiles([]);\n      setLoading(false);\n    }, 2000);\n  };\n\n  return (\n    <div style={{ width: 800, border: '1px solid #eee', padding: 20 }}>\n      <XAdkSender\n        loading={loading}\n        clearBtnShow={true}\n        allowUpload={true}\n        onSubmit={handleSubmit}\n        onClear={handleClear}\n        onStop={handleStop}\n      />\n    </div>\n  );\n};\n\nexport const 基础用法: Story = {\n  render: BasicUsageStory,\n  args: {},\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAyB;AAGzB,eAAuB;AAoDjB;AAlDN,IAAM,OAAgC;AAAA,EACpC,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,6BAAQ;AAIf,IAAM,kBAAkB,MAAM;AAC5B,QAAM,CAAC,OAAO,QAAQ,QAAI,uBAAuB,CAAC,CAAC;AACnD,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,EAAE;AACzC,QAAM,CAAC,SAAS,UAAU,QAAI,uBAAS,KAAK;AAG5C,QAAM,eAAe,MAAM;AACzB,YAAQ,KAAK,UAAU,OAAO;AAAA,EAChC;AAEA,QAAM,cAAc,MAAM;AACxB,YAAQ,KAAK,OAAO;AAAA,EACtB;AAGA,QAAM,aAAa,MAAM;AACvB,YAAQ,KAAK,MAAM;AAAA,EACrB;AAGA,QAAM,eAAe,CAAC,SAAiB;AACrC,eAAW,IAAI;AAAA,EACjB;AAGA,QAAM,oBAAoB,CAAC,QAAa;AACtC,eAAW,IAAI;AACf,eAAW,MAAM;AACf,iBAAW,EAAE;AACb,eAAS,CAAC,CAAC;AACX,iBAAW,KAAK;AAAA,IAClB,GAAG,GAAI;AAAA,EACT;AAEA,SACE,4CAAC,SAAI,OAAO,EAAE,OAAO,KAAK,QAAQ,kBAAkB,SAAS,GAAG,GAC9D;AAAA,IAAC,SAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,cAAc;AAAA,MACd,aAAa;AAAA,MACb,UAAU;AAAA,MACV,SAAS;AAAA,MACT,QAAQ;AAAA;AAAA,EACV,GACF;AAEJ;AAEO,IAAM,OAAc;AAAA,EACzB,QAAQ;AAAA,EACR,MAAM,CAAC;AACT;",
+  "names": ["XAdkSender"]
+}

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

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