@ai-group/chat-sdk 2.0.3 → 2.1.0

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

@@ -0,0 +1,49 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAdkChatbot/components/ThinkRender/index.tsx
+var ThinkRender_exports = {};
+__export(ThinkRender_exports, {
+  default: () => ThinkRender_default
+});
+module.exports = __toCommonJS(ThinkRender_exports);
+var import_x = require("@ant-design/x");
+var import_react = require("react");
+var import_jsx_runtime = require("react/jsx-runtime");
+var ThinkRender = ({ msg, loading }) => {
+  const [expand, setExpand] = (0, import_react.useState)(false);
+  (0, import_react.useEffect)(() => {
+    if (loading) {
+      setExpand(true);
+    } else {
+      setExpand(false);
+    }
+  }, [loading]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_x.Think,
+    {
+      title: loading ? "思考中..." : "深度思考",
+      loading,
+      expanded: expand,
+      onExpand: () => setExpand((v) => !v),
+      children: msg.text
+    }
+  );
+};
+var ThinkRender_default = ThinkRender;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../../src/components/XAdkChatbot/components/ThinkRender/index.tsx"],
+  "sourcesContent": ["import { Think } from '@ant-design/x';\nimport React, { useEffect, useState } from 'react';\nimport type { IMessage } from '@/types';\n\nexport interface ThinkRenderProps {\n  msg: IMessage;\n  loading?: boolean;\n}\n\nconst ThinkRender: React.FC<ThinkRenderProps> = ({ msg, loading }) => {\n  const [expand, setExpand] = useState(false);\n  useEffect(() => {\n    if (loading) {\n      setExpand(true);\n    } else {\n      setExpand(false);\n    }\n  }, [loading]);\n\n  return (\n    <Think\n      title={loading ? '思考中...' : '深度思考'}\n      loading={loading}\n      expanded={expand}\n      onExpand={() => setExpand((v) => !v)}\n    >\n      {msg.text}\n    </Think>\n  );\n};\n\nexport default ThinkRender;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,eAAsB;AACtB,mBAA2C;AAmBvC;AAXJ,IAAM,cAA0C,CAAC,EAAE,KAAK,QAAQ,MAAM;AACpE,QAAM,CAAC,QAAQ,SAAS,QAAI,uBAAS,KAAK;AAC1C,8BAAU,MAAM;AACd,QAAI,SAAS;AACX,gBAAU,IAAI;AAAA,IAChB,OAAO;AACL,gBAAU,KAAK;AAAA,IACjB;AAAA,EACF,GAAG,CAAC,OAAO,CAAC;AAEZ,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO,UAAU,WAAW;AAAA,MAC5B;AAAA,MACA,UAAU;AAAA,MACV,UAAU,MAAM,UAAU,CAAC,MAAM,CAAC,CAAC;AAAA,MAElC,cAAI;AAAA;AAAA,EACP;AAEJ;AAEA,IAAO,sBAAQ;",
+  "names": []
+}

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

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

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

@@ -0,0 +1,232 @@
+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/XAdkChatbot/index.tsx
+var XAdkChatbot_exports = {};
+__export(XAdkChatbot_exports, {
+  default: () => XAdkChatbot_default
+});
+module.exports = __toCommonJS(XAdkChatbot_exports);
+var import_react = __toESM(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_jsx_runtime = require("react/jsx-runtime");
+var XAdkChatbot = ({
+  loading,
+  prologue,
+  suggestions,
+  messages,
+  footer,
+  showFnCallDetail,
+  clearBtnShow = true,
+  onSubmit,
+  onSuggest,
+  onStop,
+  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)
+      return;
+    if (scrollTimeoutRef.current) {
+      clearTimeout(scrollTimeoutRef.current);
+    }
+    listRef.current.scrollTo({
+      top: listRef.current.scrollHeight,
+      behavior: smooth ? "smooth" : "instant"
+    });
+    scrollTimeoutRef.current = setTimeout(() => {
+      if (listRef.current) {
+        listRef.current.scrollTo({
+          top: listRef.current.scrollHeight,
+          behavior: smooth ? "smooth" : "instant"
+        });
+      }
+    }, 100);
+  }, []);
+  (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) => {
+    if (loading)
+      return;
+    if (!(text == null ? void 0 : text.trim()))
+      return;
+    onSubmit == null ? void 0 : onSubmit(text);
+    setInputValue("");
+    scrollToBottom(true);
+  }, [loading, scrollToBottom]);
+  const lastIndex = messages.length - 1;
+  const lastMessageMap = (0, import_react.useMemo)(() => {
+    const map = /* @__PURE__ */ new Map();
+    for (const msg of messages) {
+      if (msg.role === "bot" && msg.invocationId) {
+        map.set(msg.invocationId, msg.id);
+      }
+    }
+    return map;
+  }, [messages]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.wrapper, children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.list, ref: listRef, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.prologue, children: prologue }),
+      messages.map((msg, i) => {
+        if (msg.role === "user") {
+          if (msg.text) {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.userMsg, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.card, children: msg.text }) }, `${msg.id}-${i}`);
+          }
+          if (msg.functionResponse) {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.userMsg, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FunctionCallRender.default, { msg, showDetail: showFnCallDetail }) }, `${msg.id}-${i}`);
+          }
+          return null;
+        }
+        const isLast = i === lastIndex;
+        const isLoading = isLast && loading;
+        const isLastBotMsg = lastMessageMap.get((msg == null ? void 0 : msg.invocationId) || "") === msg.id;
+        if (msg.text) {
+          if (msg.thought) {
+            return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.botMsg, children: [
+              /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                import_ThinkRender.default,
+                {
+                  msg,
+                  loading: isLoading
+                }
+              ),
+              !isLoading && (footer == null ? void 0 : footer({ message: msg, isLastMsg: isLast, isLastBotMsg }))
+            ] }, `${msg.id}-${i}`);
+          }
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.botMsg, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_MarkdownRender.default, { text: msg.text }),
+            !isLoading && (footer == null ? void 0 : footer({ message: msg, isLastMsg: isLast, isLastBotMsg }))
+          ] }, `${msg.id}-${i}`);
+        }
+        const fnCall = msg.functionCall;
+        if (fnCall) {
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.botMsg, children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_FunctionCallRender.default, { msg, showDetail: showFnCallDetail }),
+            !isLoading && (footer == null ? void 0 : footer({ message: msg, isLastMsg: isLast, isLastBotMsg }))
+          ] }, `${msg.id}-${i}`);
+        }
+        return /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.botMsg, children: !isLoading && (footer == null ? void 0 : footer({ message: msg, isLastMsg: isLast, isLastBotMsg })) }, `${msg.id}-${i}`);
+      }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: suggestions == null ? void 0 : suggestions.map((item) => /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.suggestion, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.suggestContent, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+        import_antd.Button,
+        {
+          type: "text",
+          icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.SwapRightOutlined, {}),
+          iconPosition: "end",
+          onClick: () => {
+            if (!item)
+              return;
+            onSuggest == null ? void 0 : onSuggest(item);
+          },
+          children: item
+        }
+      ) }) }, item)) })
+    ] }),
+    /* @__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生成，无法确保真实准确，仅供参考" })
+    ] })
+  ] });
+};
+var XAdkChatbot_default = XAdkChatbot;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +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"]
+}

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

@@ -0,0 +1,51 @@
+export declare const useStyles: () => {
+    wrapper: string;
+    list: string;
+    prologue: string;
+    suggestion: string;
+    suggestContent: string;
+    userMsg: string;
+    card: string;
+    botMsg: string;
+    fnCall: string;
+    confirm: string;
+    footer: string;
+    sender: string;
+    senderWrap: string;
+    tip: string;
+    input: string;
+} & {
+    w: (width: string | number) => string;
+    h: (height: string | number) => string;
+    p: (padding: string) => string;
+    pb: (padding: string | number) => string;
+    pt: (padding: string | number) => string;
+    pl: (padding: string | number) => string;
+    pr: (padding: string | number) => string;
+    m: (margin: string) => string;
+    mb: (margin: string | number) => string;
+    mt: (margin: string | number) => string;
+    ml: (margin: string | number) => string;
+    mr: (margin: string | number) => string;
+    text: (size: string | number) => string;
+    weight: (size: number) => string;
+    textColor: (c: string) => string;
+    bg: (c: string) => string;
+    rs: (radius: string | number) => string;
+    gap: (g: string | number) => string;
+    flex: string;
+    flexCenter: string;
+    flexBetween: string;
+    flexColumn: string;
+    flex1: string;
+    cursor: (type: string) => string;
+    border: (color: string, width?: string) => string;
+    boxShadow: (shadow: string) => string;
+    transition: (property?: string, duration?: string) => string;
+    overflow: (type: string) => string;
+    position: (type: string) => string;
+    zIndex: (index: number) => string;
+    flexCenterGap2: string;
+    flexCenterGap4: string;
+};
+export default useStyles;

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

@@ -0,0 +1,160 @@
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+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 __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAdkChatbot/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  default: () => styles_default,
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(styles_exports);
+var import_css = require("@emotion/css");
+var import_common = require("../../styles/common");
+var useStyles = (0, import_common.withBasicStyles)(() => ({
+  wrapper: import_css.css`
+    padding: 0 16px;
+    min-height: 300px;
+    width: 100%;
+    height: 100%;
+    border: 1px solid #e7e7e7;
+    border-radius: 8px;
+    display: flex;
+    flex-direction: column;
+
+    .x-markdown {
+      --margin-ul-ol: 0 0 1em 1em;
+
+      code {
+        background: rgba(150, 150, 150, 0.2);
+        border-radius: 3px;
+      }
+
+      .ant-highlightCode-header {
+        display: flex;
+        align-items: center;
+        justify-content: space-between;
+        color: var(--ant-highlight-code-color-text-title);
+        background: var(--ant-highlight-code-color-bg-title);
+        padding: var(--ant-padding-sm);
+        border-top-left-radius: var(--ant-border-radius);
+        border-top-right-radius: var(--ant-border-radius);
+      }
+    }
+  `,
+  list: import_css.css`
+    flex: 1;
+    margin: 16px 0;
+    padding: 0 16px;
+    overflow-y: auto;
+    /* Chrome, Safari, Edge, Opera */
+    &::-webkit-scrollbar {
+      display: none;
+    }
+    /* Firefox */
+    scrollbar-width: none;
+    /* IE 10+ */
+    -ms-overflow-style: none;
+  `,
+  prologue: import_css.css`
+    margin-bottom: 12px;
+  `,
+  suggestion: import_css.css`
+    margin-bottom: 12px;
+  `,
+  suggestContent: import_css.css`
+    display: inline-flex;
+    border: 2px solid #E7E7E7;
+    border-radius: 8px;
+  `,
+  userMsg: import_css.css`
+    display: flex;
+    justify-content: flex-end;
+    margin-bottom: 24px;
+  `,
+  card: import_css.css`
+    padding: 12px 16px;
+    background: #d5e3ff;
+    border-radius: 12px;
+    max-width: 80%;
+    white-space: pre-line;
+    word-break: break-all;
+  `,
+  botMsg: import_css.css`
+    margin-bottom: 12px;
+  `,
+  fnCall: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 11px;
+    border-radius: 24px;
+    line-height: 16px;
+    border: 1px solid #e7e7e7;
+    cursor: pointer;
+  `,
+  confirm: import_css.css`
+    padding: 12px;
+    border-radius: 12px;
+    border: 1px solid #e7e7e7;
+  `,
+  footer: import_css.css`
+    /* senderWrap and tip moved to top-level keys so they are
+       accessible as styles.senderWrap and styles.tip in the component */
+  `,
+  sender: import_css.css`
+    width: 100%;
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    padding: 8px 8px 8px 12px;
+    border: 1px solid #e7e7e7;
+    border-radius: 24px;
+
+    /* .input moved to top-level key so component can use styles.input */
+  `,
+  senderWrap: import_css.css`
+    display: flex;
+    align-items: center;
+    justify-content: space-between;
+    gap: 8px;
+  `,
+  tip: import_css.css`
+    padding: 4px;
+    font-size: 12px;
+    text-align: center;
+    color: rgba(0, 0, 0, 0.4);
+  `,
+  input: import_css.css`
+    padding: 0;
+    margin: 5px 0;
+    line-height: 22px;
+    font-size: 15px;
+    border-radius: 0;
+    border: none;
+
+    &:focus {
+      box-shadow: none;
+    }
+  `
+}));
+var styles_default = useStyles;
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +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;",
+  "names": []
+}

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import XAdkWebProvider from './index';
+declare const meta: Meta<typeof XAdkWebProvider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const 单聊天窗口实例: Story;
+export declare const 携带历史记录实例: Story;