@ai-group/chat-sdk 2.0.4 → 2.1.0

package/dist/cjs/utils/umdEntry.js.map

@@ -1,7 +1,7 @@
 {
   "version": 3,
   "sources": ["../../../src/utils/umdEntry.tsx"],
-  "sourcesContent": ["import React, { createRef } from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { XAiSDKProps, XAiProviderHandle } from '@/types/XAiProvider';\nimport { Messages } from '@/types/XAiMessage';\nimport XAiProvider from '@/components/XAiProvider';\nimport XAiChatbot from '@/components/XAiChatbot';\nimport XAiConversations from '@/components/XAiConversations';\nimport type { SendContent } from '@/types';\n\nclass XAiWebSDK {\n  container: HTMLElement;\n\n  props: XAiSDKProps;\n\n  root: any;\n\n  providerRef = createRef<XAiProviderHandle>();\n\n  // ———— hook ————\n  onError?: (error: any) => void;\n\n  onSuccess?: (appInfo: any) => void;\n\n  onMessage?: (content: string, data: Messages) => void;\n\n  constructor(container: HTMLElement, props: XAiSDKProps) {\n    this.container = container;\n    this.props = props;\n    this.onError = props.onError;\n    this.onSuccess = props.onSuccess;\n    this.onMessage = props.onMessage;\n    this.mount();\n  }\n\n  mount() {\n    if (ReactDOM.createRoot) {\n      this.root = ReactDOM.createRoot(this.container);\n      this.root.render(\n        <div style={{ width: '100%', height: '100%' }}>\n          <XAiProvider ref={this.providerRef} {...this.props}>\n            { this.props.config?.session?.showSessionList && <XAiConversations />}\n            <div style={{ display: 'flex', justifyContent: 'center', flex: 1 }}>\n              <XAiChatbot />\n            </div>\n          </XAiProvider>\n        </div>,\n      );\n    } else {\n      // @ts-ignore\n      ReactDOM.render(\n        <div style={{ width: '100%', height: '100%' }}>\n          <XAiProvider ref={this.providerRef} {...this.props}>\n            { this.props.config?.session?.showSessionList && <XAiConversations />}\n            <div style={{ display: 'flex', justifyContent: 'center', flex: 1 }}>\n              <XAiChatbot />\n            </div>\n          </XAiProvider>\n        </div>,\n        this.container,\n      );\n    }\n  }\n\n  unmount() {\n    if (this.root && this.root.unmount) {\n      this.root.unmount();\n    }\n  }\n\n  // 支持 Coze 风格的语法：new XAiWebSDK.initChatbot()\n  static initChatbot(props: XAiSDKProps): XAiWebSDK {\n    let container: HTMLElement;\n\n    // 检查是否有指定的 componentProps.id\n    if (props.componentProps?.id) {\n      const existingContainer = document.getElementById(props.componentProps.id);\n      if (existingContainer) {\n        container = existingContainer;\n      } else {\n        // 如果指定的 ID 不存在，创建新元素\n        container = document.createElement('div');\n        container.id = props.componentProps.id;\n      }\n    } else {\n      // 没有指定 ID，创建默认容器\n      container = document.createElement('div');\n      container.id = 'xai-chatbot-container';\n    }\n\n    // 设置容器样式 - 将除了 id 以外的所有属性都应用到容器\n    if (props.componentProps) {\n      const { id, ...styleProps } = props.componentProps;\n      Object.assign(container.style, styleProps);\n    }\n\n    // 如果容器不在 DOM 中，添加到 body\n    if (!container.parentNode) {\n      document.body.appendChild(container);\n    }\n\n    return new XAiWebSDK(container, props);\n  }\n\n  // 兼容旧版本的静态方法\n  static create(props: XAiSDKProps): XAiWebSDK {\n    return this.initChatbot(props);\n  }\n\n  // ————对外暴露的方法————\n  getData() {\n    return {\n      appInfo: this.providerRef.current?.getAppInfo(),\n      messages: this.providerRef.current?.getMessages(),\n      sessions: this.providerRef.current?.getSessions(),\n    };\n  }\n\n  chat(content: SendContent) {\n    this.providerRef.current?.chat(content);\n  }\n\n  stop() {\n    this.providerRef.current?.stopChat();\n  }\n\n  reChat() {\n    this.providerRef.current?.reChat();\n  }\n}\n\n// 兼容 window 方式，也支持 new\n// @ts-ignore\nwindow.XAiWebSDK = XAiWebSDK;\n\n// 支持 ESModule/UMD 直接 import\nexport default XAiWebSDK;\n"],
-  "mappings": "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",
-  "names": ["ReactDOM", "XAiProvider", "XAiConversations", "XAiChatbot"]
+  "sourcesContent": ["import { createRef } from 'react';\nimport ReactDOM from 'react-dom/client';\nimport { XAiSDKProps, XAdkProviderHandle } from '@/types/XAdkProvider';\nimport { Messages } from '@/types/XAiMessage';\nimport XAdkWebProvider from '@/components/XAdkWebProvider';\n// import type { SendContent } from '@/types';\n\nclass XAiWebSDK {\n  container: HTMLElement;\n\n  props: XAiSDKProps;\n\n  root: any;\n\n  providerRef = createRef<XAdkProviderHandle>();\n\n  // ———— hook ————\n  onError?: (error: any) => void;\n\n  onSuccess?: (appInfo: any) => void;\n\n  onMessage?: (content: string, data: Messages) => void;\n\n  constructor(container: HTMLElement, props: XAiSDKProps) {\n    this.container = container;\n    this.props = props;\n    this.onError = props.onError;\n    this.onSuccess = props.onSuccess;\n    this.mount();\n  }\n\n  mount() {\n    if (ReactDOM.createRoot) {\n      this.root = ReactDOM.createRoot(this.container);\n      this.root.render(\n        <div style={{ width: '100%', height: '100%' }}>\n          <XAdkWebProvider ref={this.providerRef} {...this.props} />\n        </div>,\n      );\n    } else {\n      // @ts-ignore\n      ReactDOM.render(\n        <div style={{ width: '100%', height: '100%' }}>\n          <XAdkWebProvider ref={this.providerRef} {...this.props} />\n        </div>,\n        this.container,\n      );\n    }\n  }\n\n  unmount() {\n    if (this.root && this.root.unmount) {\n      this.root.unmount();\n    }\n  }\n\n  // 支持 Coze 风格的语法：new XAiWebSDK.initChatbot()\n  static initChatbot(props: XAiSDKProps): XAiWebSDK {\n    let container: HTMLElement;\n\n    // 检查是否有指定的 componentProps.id\n    if (props.componentProps?.id) {\n      const existingContainer = document.getElementById(props.componentProps.id);\n      if (existingContainer) {\n        container = existingContainer;\n      } else {\n        // 如果指定的 ID 不存在，创建新元素\n        container = document.createElement('div');\n        container.id = props.componentProps.id;\n      }\n    } else {\n      // 没有指定 ID，创建默认容器\n      container = document.createElement('div');\n      container.id = 'xai-chatbot-container';\n    }\n\n    // 设置容器样式 - 将除了 id 以外的所有属性都应用到容器\n    if (props.componentProps) {\n      const { id, ...styleProps } = props.componentProps;\n      Object.assign(container.style, styleProps);\n    }\n\n    // 如果容器不在 DOM 中，添加到 body\n    if (!container.parentNode) {\n      document.body.appendChild(container);\n    }\n\n    return new XAiWebSDK(container, props);\n  }\n\n  // 兼容旧版本的静态方法\n  static create(props: XAiSDKProps): XAiWebSDK {\n    return this.initChatbot(props);\n  }\n\n  // ————对外暴露的方法————\n  getData() {\n    return {\n      appInfo: this.providerRef.current?.getAppInfo(),\n      messages: this.providerRef.current?.getMessages(),\n      sessions: this.providerRef.current?.getSessions(),\n    };\n  }\n\n  chat(content: string) {\n    this.providerRef.current?.startChat(content);\n  }\n\n  stop() {\n    this.providerRef.current?.stopChat();\n  }\n}\n\n// 兼容 window 方式，也支持 new\n// @ts-ignore\nwindow.XAiWebSDK = XAiWebSDK;\n\n// 支持 ESModule/UMD 直接 import\nexport default XAiWebSDK;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0B;AAC1B,oBAAqB;AAGrB,6BAA4B;AAgClB;AA7BV,IAAM,YAAN,MAAgB;AAAA,EAgBd,YAAY,WAAwB,OAAoB;AATxD,2BAAc,wBAA8B;AAU1C,SAAK,YAAY;AACjB,SAAK,QAAQ;AACb,SAAK,UAAU,MAAM;AACrB,SAAK,YAAY,MAAM;AACvB,SAAK,MAAM;AAAA,EACb;AAAA,EAEA,QAAQ;AACN,QAAI,cAAAA,QAAS,YAAY;AACvB,WAAK,OAAO,cAAAA,QAAS,WAAW,KAAK,SAAS;AAC9C,WAAK,KAAK;AAAA,QACR,4CAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GAC1C,sDAAC,uBAAAC,SAAA,EAAgB,KAAK,KAAK,aAAc,GAAG,KAAK,OAAO,GAC1D;AAAA,MACF;AAAA,IACF,OAAO;AAEL,oBAAAD,QAAS;AAAA,QACP,4CAAC,SAAI,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GAC1C,sDAAC,uBAAAC,SAAA,EAAgB,KAAK,KAAK,aAAc,GAAG,KAAK,OAAO,GAC1D;AAAA,QACA,KAAK;AAAA,MACP;AAAA,IACF;AAAA,EACF;AAAA,EAEA,UAAU;AACR,QAAI,KAAK,QAAQ,KAAK,KAAK,SAAS;AAClC,WAAK,KAAK,QAAQ;AAAA,IACpB;AAAA,EACF;AAAA;AAAA,EAGA,OAAO,YAAY,OAA+B;AAzDpD;AA0DI,QAAI;AAGJ,SAAI,WAAM,mBAAN,mBAAsB,IAAI;AAC5B,YAAM,oBAAoB,SAAS,eAAe,MAAM,eAAe,EAAE;AACzE,UAAI,mBAAmB;AACrB,oBAAY;AAAA,MACd,OAAO;AAEL,oBAAY,SAAS,cAAc,KAAK;AACxC,kBAAU,KAAK,MAAM,eAAe;AAAA,MACtC;AAAA,IACF,OAAO;AAEL,kBAAY,SAAS,cAAc,KAAK;AACxC,gBAAU,KAAK;AAAA,IACjB;AAGA,QAAI,MAAM,gBAAgB;AACxB,YAAM,EAAE,IAAI,GAAG,WAAW,IAAI,MAAM;AACpC,aAAO,OAAO,UAAU,OAAO,UAAU;AAAA,IAC3C;AAGA,QAAI,CAAC,UAAU,YAAY;AACzB,eAAS,KAAK,YAAY,SAAS;AAAA,IACrC;AAEA,WAAO,IAAI,UAAU,WAAW,KAAK;AAAA,EACvC;AAAA;AAAA,EAGA,OAAO,OAAO,OAA+B;AAC3C,WAAO,KAAK,YAAY,KAAK;AAAA,EAC/B;AAAA;AAAA,EAGA,UAAU;AAhGZ;AAiGI,WAAO;AAAA,MACL,UAAS,UAAK,YAAY,YAAjB,mBAA0B;AAAA,MACnC,WAAU,UAAK,YAAY,YAAjB,mBAA0B;AAAA,MACpC,WAAU,UAAK,YAAY,YAAjB,mBAA0B;AAAA,IACtC;AAAA,EACF;AAAA,EAEA,KAAK,SAAiB;AAxGxB;AAyGI,eAAK,YAAY,YAAjB,mBAA0B,UAAU;AAAA,EACtC;AAAA,EAEA,OAAO;AA5GT;AA6GI,eAAK,YAAY,YAAjB,mBAA0B;AAAA,EAC5B;AACF;AAIA,OAAO,YAAY;AAGnB,IAAO,mBAAQ;",
+  "names": ["ReactDOM", "XAdkWebProvider"]
 }

package/dist/esm/client/base.d.ts

@@ -1,4 +1,4 @@
-import { BubbleDataType } from '@ant-design/x/es/bubble/BubbleList';
+import BubbleDataType from "@ant-design/x/es/bubble/BubbleList";
 export interface AiClient {
     appName: string;
     icon: string;
@@ -6,4 +6,4 @@ export interface AiClient {
     stream?(message: string, onMessage: (msg: any) => void): void;
     close?(): void;
 }
-export type MessageType = BubbleDataType;
+export type MessageType = typeof BubbleDataType;

package/dist/esm/client/base.js.map

@@ -1 +1 @@
-{"version":3,"names":[],"sources":["../../../src/client/base.ts"],"sourcesContent":["// baseClient.ts\nimport { BubbleDataType } from '@ant-design/x/es/bubble/BubbleList';\n\nexport interface AiClient {\n  appName: string;\n  icon: string;\n  send(message: string): Promise<any>;\n  stream?(message: string, onMessage: (msg: any) => void): void;\n  close?(): void;\n}\n\nexport type MessageType = BubbleDataType;\n"],"mappings":""}
+{"version":3,"names":[],"sources":["../../../src/client/base.ts"],"sourcesContent":["// baseClient.ts\nimport BubbleDataType from \"@ant-design/x/es/bubble/BubbleList\"\n\nexport interface AiClient {\n  appName: string;\n  icon: string;\n  send(message: string): Promise<any>;\n  stream?(message: string, onMessage: (msg: any) => void): void;\n  close?(): void;\n}\n\nexport type MessageType = typeof BubbleDataType;\n"],"mappings":""}

package/dist/esm/components/DislikeFeedback.js

@@ -8,6 +8,7 @@ import FeedbackTags from "./FeedbackTags";
 import { jsx as _jsx } from "react/jsx-runtime";
 import { jsxs as _jsxs } from "react/jsx-runtime";
 export var DislikeFeedback = function DislikeFeedback(_ref) {
+  var _msg$raw;
   var msg = _ref.msg,
     activeColor = _ref.activeColor,
     onSubmit = _ref.onSubmit;
@@ -103,11 +104,23 @@ export var DislikeFeedback = function DislikeFeedback(_ref) {
         })]
       })
     }),
-    children: msg.isLike === -1 ? /*#__PURE__*/_jsx(DislikeFilled, {
-      style: {
-        color: activeColor
-      }
-    }) : /*#__PURE__*/_jsx(DislikeOutlined, {})
+    children: (((_msg$raw = msg.raw) === null || _msg$raw === void 0 ? void 0 : _msg$raw.isLike) || msg.isLike) === -1 ? /*#__PURE__*/_jsx(Button, {
+      type: "text",
+      size: "small",
+      icon: /*#__PURE__*/_jsx(DislikeFilled, {
+        style: {
+          color: activeColor
+        }
+      })
+    }) : /*#__PURE__*/_jsx(Button, {
+      type: "text",
+      size: "small",
+      icon: /*#__PURE__*/_jsx(DislikeOutlined, {
+        style: {
+          color: '#949494'
+        }
+      })
+    })
   });
 };
 export default DislikeFeedback;

package/dist/esm/components/DislikeFeedback.js.map

@@ -1 +1 @@
-{"version":3,"names":["Button","Form","Input","message","Popover","React","useState","DislikeFilled","DislikeOutlined","FeedbackTags","jsx","_jsx","jsxs","_jsxs","DislikeFeedback","_ref","msg","activeColor","onSubmit","_Form$useForm","useForm","_Form$useForm2","_slicedToArray","form","_useState","_useState2","showFeedback","setShowFeedback","trigger","open","onOpenChange","v","_msg$isLike","isLike","warning","resetFields","title","children","style","color","fontWeight","marginBottom","content","Item","name","TextArea","rows","placeholder","dependencies","noStyle","_ref2","getFieldValue","feedbackTags","feedbackDescription","disabled","length","type","block","onClick","_asyncToGenerator","_regeneratorRuntime","mark","_callee","formData","res","wrap","_callee$","_context","prev","next","validateFields","sent","stop"],"sources":["../../../src/components/DislikeFeedback.tsx"],"sourcesContent":["import { Button, Form, Input, message, Popover } from 'antd';\nimport React, { useState } from 'react';\nimport { DislikeFilled, DislikeOutlined } from '@ant-design/icons';\nimport FeedbackTags from './FeedbackTags';\n\nexport interface DislikeFeedbackProps {\n  msg: any;\n  activeColor: string;\n  onSubmit: (v: any) => Promise<boolean>;\n}\n\nexport const DislikeFeedback: React.FC<DislikeFeedbackProps> = ({ msg, activeColor, onSubmit }) => {\n  const [form] = Form.useForm();\n  const [showFeedback, setShowFeedback] = useState(false);\n  return (\n    <Popover\n      trigger={['click']}\n      open={showFeedback}\n      onOpenChange={(v) => {\n        const isLike = msg.isLike ?? 0;\n        if (v && isLike !== 0) {\n          message.warning('已收到您的反馈，无需重复提交');\n          return;\n        }\n        if (v) {\n          form.resetFields();\n        }\n        setShowFeedback(v);\n      }}\n      title={(\n        <div>\n          <div>抱歉，未能满足您的需求</div>\n          <div style={{ color: '#999', fontWeight: 'normal', marginBottom: 12 }}>\n            为提升您的使用体验，请告诉我们不足的方向\n          </div>\n        </div>\n      )}\n      content={(\n        <div>\n          <Form form={form}>\n            <Form.Item name=\"feedbackTags\" style={{ marginBottom: 12 }}>\n              <FeedbackTags />\n            </Form.Item>\n            <Form.Item name=\"feedbackDescription\" style={{ marginBottom: 12 }}>\n              <Input.TextArea rows={4} placeholder=\"欢迎说说你的想法\" />\n            </Form.Item>\n            <Form.Item dependencies={['feedbackTags', 'feedbackDescription']} noStyle>\n              {({ getFieldValue }) => {\n                const feedbackTags = getFieldValue('feedbackTags') || [];\n                const feedbackDescription = getFieldValue('feedbackDescription');\n                const disabled = !feedbackTags.length && !feedbackDescription;\n                return (\n                  <Button\n                    type=\"primary\"\n                    block\n                    disabled={disabled}\n                    onClick={async () => {\n                      const formData = await form.validateFields();\n                      const res = await onSubmit(formData);\n                      if (res) {\n                        setShowFeedback(false);\n                      }\n                    }}\n                  >\n                    提交反馈\n                  </Button>\n                );\n              }}\n            </Form.Item>\n          </Form>\n        </div>\n      )}\n    >\n      {msg.isLike === -1\n        ? (\n          <DislikeFilled style={{ color: activeColor }} />\n        )\n        : (\n          <DislikeOutlined />\n        )}\n    </Popover>\n  );\n};\n\nexport default DislikeFeedback;\n"],"mappings":"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"}
+{"version":3,"names":["Button","Form","Input","message","Popover","React","useState","DislikeFilled","DislikeOutlined","FeedbackTags","jsx","_jsx","jsxs","_jsxs","DislikeFeedback","_ref","_msg$raw","msg","activeColor","onSubmit","_Form$useForm","useForm","_Form$useForm2","_slicedToArray","form","_useState","_useState2","showFeedback","setShowFeedback","trigger","open","onOpenChange","v","_msg$isLike","isLike","warning","resetFields","title","children","style","color","fontWeight","marginBottom","content","Item","name","TextArea","rows","placeholder","dependencies","noStyle","_ref2","getFieldValue","feedbackTags","feedbackDescription","disabled","length","type","block","onClick","_asyncToGenerator","_regeneratorRuntime","mark","_callee","formData","res","wrap","_callee$","_context","prev","next","validateFields","sent","stop","raw","size","icon"],"sources":["../../../src/components/DislikeFeedback.tsx"],"sourcesContent":["import { Button, Form, Input, message, Popover } from 'antd';\nimport React, { useState } from 'react';\nimport { DislikeFilled, DislikeOutlined } from '@ant-design/icons';\nimport FeedbackTags from './FeedbackTags';\n\nexport interface DislikeFeedbackProps {\n  msg: any;\n  activeColor: string;\n  onSubmit: (v: any) => Promise<boolean>;\n}\n\nexport const DislikeFeedback: React.FC<DislikeFeedbackProps> = ({ msg, activeColor, onSubmit }) => {\n  const [form] = Form.useForm();\n  const [showFeedback, setShowFeedback] = useState(false);\n  return (\n    <Popover\n      trigger={['click']}\n      open={showFeedback}\n      onOpenChange={(v) => {\n        const isLike = msg.isLike ?? 0;\n        if (v && isLike !== 0) {\n          message.warning('已收到您的反馈，无需重复提交');\n          return;\n        }\n        if (v) {\n          form.resetFields();\n        }\n        setShowFeedback(v);\n      }}\n      title={(\n        <div>\n          <div>抱歉，未能满足您的需求</div>\n          <div style={{ color: '#999', fontWeight: 'normal', marginBottom: 12 }}>\n            为提升您的使用体验，请告诉我们不足的方向\n          </div>\n        </div>\n      )}\n      content={(\n        <div>\n          <Form form={form}>\n            <Form.Item name=\"feedbackTags\" style={{ marginBottom: 12 }}>\n              <FeedbackTags />\n            </Form.Item>\n            <Form.Item name=\"feedbackDescription\" style={{ marginBottom: 12 }}>\n              <Input.TextArea rows={4} placeholder=\"欢迎说说你的想法\" />\n            </Form.Item>\n            <Form.Item dependencies={['feedbackTags', 'feedbackDescription']} noStyle>\n              {({ getFieldValue }) => {\n                const feedbackTags = getFieldValue('feedbackTags') || [];\n                const feedbackDescription = getFieldValue('feedbackDescription');\n                const disabled = !feedbackTags.length && !feedbackDescription;\n                return (\n                  <Button\n                    type=\"primary\"\n                    block\n                    disabled={disabled}\n                    onClick={async () => {\n                      const formData = await form.validateFields();\n                      const res = await onSubmit(formData);\n                      if (res) {\n                        setShowFeedback(false);\n                      }\n                    }}\n                  >\n                    提交反馈\n                  </Button>\n                );\n              }}\n            </Form.Item>\n          </Form>\n        </div>\n      )}\n    >\n      {(msg.raw?.isLike || msg.isLike) === -1\n        ? (\n            <Button\n              type=\"text\"\n              size=\"small\"\n              icon={<DislikeFilled style={{ color: activeColor }} />}\n            />\n        )\n        : (\n            <Button\n              type=\"text\"\n              size=\"small\"\n              icon={<DislikeOutlined style={{ color: '#949494' }} />}\n            />\n        )}\n    </Popover>\n  );\n};\n\nexport default DislikeFeedback;\n"],"mappings":"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"}

package/dist/esm/components/XAdkChatbot/XAdkChatbot.stories.d.ts

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

package/dist/esm/components/XAdkChatbot/XAdkChatbot.stories.js

@@ -0,0 +1,21 @@
+import XAdkChatbot from '.';
+var meta = {
+  title: 'AI组件/XAdkChatbot 聊天框',
+  component: XAdkChatbot,
+  parameters: {
+    layout: 'centered'
+  },
+  tags: ['autodocs'],
+  argTypes: {
+    messages: {
+      description: '消息列表'
+    }
+  }
+};
+export default meta;
+export var 基础用法 = {
+  args: {
+    messages: []
+  }
+};
+//# sourceMappingURL=XAdkChatbot.stories.js.map

package/dist/esm/components/XAdkChatbot/XAdkChatbot.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["XAdkChatbot","meta","title","component","parameters","layout","tags","argTypes","messages","description","基础用法","args"],"sources":["../../../../src/components/XAdkChatbot/XAdkChatbot.stories.tsx"],"sourcesContent":["import React, { useEffect, useState } from 'react';\nimport type { Meta, StoryObj } from '@storybook/react-vite';\nimport { Divider } from 'antd';\nimport { MessageRole, MessageStatus } from '@/types/XAiMessage';\nimport type { Messages } from '@/types/XAiMessage';\nimport documentIcon from '@/assets/document.svg';\nimport XAiProvider from '../XAiProvider';\nimport XAdkChatbot from '.';\nimport { useProviderContext, useProviderMethods } from '@/hooks/useProviderContext';\n\nconst meta: Meta<typeof XAdkChatbot> = {\n  title: 'AI组件/XAdkChatbot 聊天框',\n  component: XAdkChatbot,\n  parameters: {\n    layout: 'centered',\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    messages: {\n      description: '消息列表',\n    },\n  },\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\nexport const 基础用法: Story = {\n  args: {\n    messages: [],\n  },\n};"],"mappings":"AAOA,OAAOA,WAAW,MAAM,GAAG;AAG3B,IAAMC,IAA8B,GAAG;EACrCC,KAAK,EAAE,sBAAsB;EAC7BC,SAAS,EAAEH,WAAW;EACtBI,UAAU,EAAE;IACVC,MAAM,EAAE;EACV,CAAC;EACDC,IAAI,EAAE,CAAC,UAAU,CAAC;EAClBC,QAAQ,EAAE;IACRC,QAAQ,EAAE;MACRC,WAAW,EAAE;IACf;EACF;AACF,CAAC;AAED,eAAeR,IAAI;AAGnB,OAAO,IAAMS,IAAW,GAAG;EACzBC,IAAI,EAAE;IACJH,QAAQ,EAAE;EACZ;AACF,CAAC"}

package/dist/esm/components/XAdkChatbot/components/FunctionCallRender/index.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+import type { IMessage } from "../../../../types";
+export interface FunctionCallRenderProps {
+    msg: IMessage;
+    showDetail?: boolean;
+    onConfirm?: (confirmed: boolean) => void;
+}
+declare const FunctionCallRender: React.FC<FunctionCallRenderProps>;
+export default FunctionCallRender;

package/dist/esm/components/XAdkChatbot/components/FunctionCallRender/index.js

@@ -0,0 +1,183 @@
+import React from 'react';
+import { Alert, Button, Flex, Form, Popover, Tooltip, Typography } from 'antd';
+import { CopyOutlined, ToolOutlined, CheckCircleTwoTone, LoadingOutlined, UserSwitchOutlined, InfoCircleOutlined } from '@ant-design/icons';
+import { useStyles } from "./styles";
+import JsonView from "../../../XAiJsonView";
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var FunctionCallRender = function FunctionCallRender(_ref) {
+  var _msg$functionResponse;
+  var msg = _ref.msg,
+    showDetail = _ref.showDetail,
+    onConfirm = _ref.onConfirm;
+  var styles = useStyles();
+  var fnCall = msg.functionCall;
+  var fnRes = msg.functionResponse;
+  var name = (fnCall === null || fnCall === void 0 ? void 0 : fnCall.name) || (fnRes === null || fnRes === void 0 ? void 0 : fnRes.name);
+  if (name === 'adk_request_confirmation') {
+    var _msg$functionCall;
+    if (fnRes) {
+      var _fnRes$response;
+      if (msg.role === 'bot') return null;
+      var _confirmed = (_fnRes$response = fnRes.response) === null || _fnRes$response === void 0 ? void 0 : _fnRes$response.confirmed;
+      return /*#__PURE__*/_jsx("div", {
+        className: styles.wrapper,
+        children: _confirmed ? /*#__PURE__*/_jsx(Alert, {
+          message: "\u5DF2\u786E\u8BA4",
+          type: "success",
+          showIcon: true,
+          className: styles.alert
+        }) : /*#__PURE__*/_jsx(Alert, {
+          message: "\u5DF2\u53D6\u6D88",
+          type: "error",
+          showIcon: true,
+          className: styles.alert
+        })
+      }, msg.id);
+    }
+    var originalFn = msg === null || msg === void 0 || (_msg$functionCall = msg.functionCall) === null || _msg$functionCall === void 0 || (_msg$functionCall = _msg$functionCall.args) === null || _msg$functionCall === void 0 ? void 0 : _msg$functionCall.originalFunctionCall;
+    return /*#__PURE__*/_jsx("div", {
+      className: styles.wrapper,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: styles.confirm,
+        children: [/*#__PURE__*/_jsxs("div", {
+          className: "mb-4",
+          children: ["\u8BF7\u786E\u8BA4\u662F\u5426\u6267\u884C\u5DE5\u5177\uFF1A", originalFn === null || originalFn === void 0 ? void 0 : originalFn.name, "\uFF1F"]
+        }), /*#__PURE__*/_jsxs(Flex, {
+          justify: "end",
+          gap: 8,
+          children: [/*#__PURE__*/_jsx(Button, {
+            type: "default",
+            onClick: function onClick() {
+              return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(false);
+            },
+            children: "\u53D6\u6D88"
+          }), /*#__PURE__*/_jsx(Button, {
+            type: "primary",
+            onClick: function onClick() {
+              return onConfirm === null || onConfirm === void 0 ? void 0 : onConfirm(true);
+            },
+            children: "\u786E\u8BA4"
+          })]
+        })]
+      })
+    }, msg.id);
+  }
+  if (name === 'transferToAgent') {
+    var _fnCall$args;
+    var agentName = (_fnCall$args = fnCall.args) === null || _fnCall$args === void 0 ? void 0 : _fnCall$args.agentName;
+    return /*#__PURE__*/_jsx("div", {
+      className: styles.wrapper,
+      children: /*#__PURE__*/_jsxs("div", {
+        className: styles.fnCall,
+        children: [/*#__PURE__*/_jsx(UserSwitchOutlined, {
+          style: {
+            color: '#888'
+          }
+        }), /*#__PURE__*/_jsxs(Typography.Text, {
+          ellipsis: {
+            tooltip: agentName
+          },
+          style: {
+            maxWidth: 300,
+            lineHeight: '16px'
+          },
+          children: ["\u4EFB\u52A1\u8F6C\u4EA4\uFF1A", agentName]
+        }), msg.functionResponse ? /*#__PURE__*/_jsx(CheckCircleTwoTone, {
+          twoToneColor: "#52c41a"
+        }) : /*#__PURE__*/_jsx(LoadingOutlined, {})]
+      })
+    }, msg.id);
+  }
+  var renderItem = function renderItem(obj, text) {
+    var str = JSON.stringify(obj, null, 2);
+    return /*#__PURE__*/_jsx(Form.Item, {
+      label: /*#__PURE__*/_jsxs(Flex, {
+        align: "center",
+        children: [/*#__PURE__*/_jsx("span", {
+          className: "mr-2",
+          children: text
+        }), /*#__PURE__*/_jsx(Typography.Text, {
+          copyable: {
+            text: str,
+            icon: /*#__PURE__*/_jsx(CopyOutlined, {})
+          }
+        })]
+      }),
+      style: {
+        marginBottom: 12
+      },
+      children: /*#__PURE__*/_jsx(JsonView, {
+        value: str
+      })
+    });
+  };
+  var renderResponse = function renderResponse() {
+    var res = msg.functionResponse;
+    if (res) {
+      var _res$response;
+      if ((_res$response = res.response) !== null && _res$response !== void 0 && _res$response.error) {
+        return /*#__PURE__*/_jsx(Tooltip, {
+          title: res.response.error,
+          children: /*#__PURE__*/_jsx(InfoCircleOutlined, {
+            style: {
+              color: '#faad14'
+            }
+          })
+        });
+      }
+      return /*#__PURE__*/_jsx(CheckCircleTwoTone, {
+        twoToneColor: "#52c41a"
+      });
+    }
+    return /*#__PURE__*/_jsx(LoadingOutlined, {});
+  };
+  return /*#__PURE__*/_jsx("div", {
+    className: styles.wrapper,
+    children: showDetail ? /*#__PURE__*/_jsx(Popover, {
+      placement: "left",
+      content: /*#__PURE__*/_jsxs(Form, {
+        style: {
+          width: 400
+        },
+        layout: "vertical",
+        children: [renderItem(fnCall.args, '工具参数'), renderItem((_msg$functionResponse = msg.functionResponse) === null || _msg$functionResponse === void 0 ? void 0 : _msg$functionResponse.response, '工具响应')]
+      }),
+      children: /*#__PURE__*/_jsxs("div", {
+        className: styles.fnCall,
+        children: [/*#__PURE__*/_jsx(ToolOutlined, {
+          style: {
+            color: '#888'
+          }
+        }), /*#__PURE__*/_jsxs(Typography.Text, {
+          ellipsis: {
+            tooltip: name
+          },
+          style: {
+            maxWidth: 300,
+            lineHeight: '16px'
+          },
+          children: ["\u8C03\u7528\u5DE5\u5177\uFF1A", name]
+        }), renderResponse()]
+      })
+    }) : /*#__PURE__*/_jsxs("div", {
+      className: styles.fnCall,
+      children: [/*#__PURE__*/_jsx(ToolOutlined, {
+        style: {
+          color: '#888'
+        }
+      }), /*#__PURE__*/_jsxs(Typography.Text, {
+        ellipsis: {
+          tooltip: name
+        },
+        style: {
+          maxWidth: 300,
+          lineHeight: '16px'
+        },
+        children: ["\u8C03\u7528\u5DE5\u5177\uFF1A", name]
+      }), renderResponse()]
+    })
+  }, msg.id);
+};
+export default FunctionCallRender;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/XAdkChatbot/components/FunctionCallRender/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","Alert","Button","Flex","Form","Popover","Tooltip","Typography","CopyOutlined","ToolOutlined","CheckCircleTwoTone","LoadingOutlined","UserSwitchOutlined","InfoCircleOutlined","useStyles","JsonView","jsx","_jsx","jsxs","_jsxs","FunctionCallRender","_ref","_msg$functionResponse","msg","showDetail","onConfirm","styles","fnCall","functionCall","fnRes","functionResponse","name","_msg$functionCall","_fnRes$response","role","confirmed","response","className","wrapper","children","message","type","showIcon","alert","id","originalFn","args","originalFunctionCall","confirm","justify","gap","onClick","_fnCall$args","agentName","style","color","Text","ellipsis","tooltip","maxWidth","lineHeight","twoToneColor","renderItem","obj","text","str","JSON","stringify","Item","label","align","copyable","icon","marginBottom","value","renderResponse","res","_res$response","error","title","placement","content","width","layout"],"sources":["../../../../../../src/components/XAdkChatbot/components/FunctionCallRender/index.tsx"],"sourcesContent":["import React from 'react';\nimport { Alert, Button, Flex, Form, Popover, Tooltip, Typography } from 'antd';\nimport { CopyOutlined, ToolOutlined, CheckCircleTwoTone, LoadingOutlined, UserSwitchOutlined, InfoCircleOutlined } from '@ant-design/icons';\nimport type { IMessage, FunctionCall } from '@/types';\nimport { useStyles } from './styles';\nimport JsonView from '@/components/XAiJsonView';\n\nexport interface FunctionCallRenderProps {\n  msg: IMessage;\n  showDetail?: boolean;\n  onConfirm?: (confirmed: boolean) => void;\n}\n\nconst FunctionCallRender: React.FC<FunctionCallRenderProps> = ({ msg, showDetail, onConfirm }) => {\n  const styles = useStyles();\n  const fnCall = msg.functionCall as FunctionCall;\n  const fnRes = msg.functionResponse;\n  const name = fnCall?.name || fnRes?.name;\n  if (name === 'adk_request_confirmation') {\n    if (fnRes) {\n      if (msg.role === 'bot') return null;\n      const confirmed = fnRes.response?.confirmed;\n      return (\n        <div key={msg.id} className={styles.wrapper}>\n          {confirmed\n            ? <Alert message=\"已确认\" type=\"success\" showIcon className={styles.alert} />\n            : <Alert message=\"已取消\" type=\"error\" showIcon className={styles.alert} />}\n        </div>\n      );\n    }\n    const originalFn = msg?.functionCall?.args?.originalFunctionCall;\n    return (\n      <div key={msg.id} className={styles.wrapper}>\n        <div className={styles.confirm}>\n          <div className=\"mb-4\">请确认是否执行工具：{originalFn?.name}？</div>\n          <Flex justify=\"end\" gap={8}>\n            <Button type=\"default\" onClick={() => onConfirm?.(false)}>取消</Button>\n            <Button type=\"primary\" onClick={() => onConfirm?.(true)}>\n              确认\n            </Button>\n          </Flex>\n        </div>\n      </div>\n    );\n  }\n  if (name === 'transferToAgent') {\n    const agentName = fnCall.args?.agentName;\n    return (\n      <div key={msg.id} className={styles.wrapper}>\n        <div className={styles.fnCall}>\n          <UserSwitchOutlined style={{ color: '#888' }} />\n          <Typography.Text\n            ellipsis={{ tooltip: agentName }}\n            style={{ maxWidth: 300, lineHeight: '16px' }}\n          >\n            任务转交：{agentName}\n          </Typography.Text>\n          {msg.functionResponse\n            ? <CheckCircleTwoTone twoToneColor=\"#52c41a\" />\n            : <LoadingOutlined />}\n        </div>\n      </div>\n    );\n  }\n  const renderItem = (obj: any, text: string) => {\n    const str = JSON.stringify(obj, null, 2);\n    return (\n      <Form.Item\n        label={(\n          <Flex align=\"center\">\n            <span className=\"mr-2\">{text}</span>\n            <Typography.Text\n              copyable={{\n                text: str,\n                icon: <CopyOutlined />,\n              }}\n            />\n          </Flex>\n        )}\n        style={{ marginBottom: 12 }}\n      >\n        <JsonView value={str} />\n      </Form.Item>\n    );\n  };\n  const renderResponse = () => {\n    const res = msg.functionResponse;\n    if (res) {\n      if (res.response?.error) {\n        return (\n          <Tooltip title={res.response.error}>\n            <InfoCircleOutlined style={{ color: '#faad14' }} />\n          </Tooltip>\n        );\n      }\n      return <CheckCircleTwoTone twoToneColor=\"#52c41a\" />;\n    }\n    return <LoadingOutlined />;\n  };\n  return (\n    <div key={msg.id} className={styles.wrapper}>\n      {showDetail ? (\n        <Popover\n          placement=\"left\"\n          content={(\n            <Form style={{ width: 400 }} layout=\"vertical\">\n              {renderItem(fnCall.args, '工具参数')}\n              {renderItem(msg.functionResponse?.response, '工具响应')}\n            </Form>\n          )}\n        >\n          <div className={styles.fnCall}>\n            <ToolOutlined style={{ color: '#888' }} />\n            <Typography.Text\n              ellipsis={{ tooltip: name }}\n              style={{ maxWidth: 300, lineHeight: '16px' }}\n            >\n              调用工具：{name}\n            </Typography.Text>\n            {renderResponse()}\n          </div>\n        </Popover>\n      ) : (\n        <div className={styles.fnCall}>\n          <ToolOutlined style={{ color: '#888' }} />\n          <Typography.Text\n            ellipsis={{ tooltip: name }}\n            style={{ maxWidth: 300, lineHeight: '16px' }}\n          >\n            调用工具：{name}\n          </Typography.Text>\n          {renderResponse()}\n        </div>\n      )}\n    </div>\n  );\n};\n\nexport default FunctionCallRender;\n"],"mappings":"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"}

package/dist/esm/components/XAdkChatbot/components/FunctionCallRender/styles.d.ts

@@ -0,0 +1,40 @@
+export declare const useStyles: () => {
+    wrapper: string;
+    fnCall: string;
+    confirm: string;
+    alert: 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/esm/components/XAdkChatbot/components/FunctionCallRender/styles.js

@@ -0,0 +1,14 @@
+import _taggedTemplateLiteral from "@babel/runtime/helpers/esm/taggedTemplateLiteral";
+var _templateObject, _templateObject2, _templateObject3, _templateObject4;
+import { css } from '@emotion/css';
+import { withBasicStyles } from "../../../../styles/common";
+export var useStyles = withBasicStyles(function () {
+  return {
+    wrapper: css(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n    display: flex;\n    justify-content: flex-start;\n    margin-bottom: 12px;\n  "]))),
+    fnCall: css(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 7px 12px;\n    border-radius: 24px;\n    line-height: 16px;\n    border: 1px solid #e7e7e7;\n    cursor: pointer;\n  "]))),
+    confirm: css(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n    padding: 12px;\n    border-radius: 12px;\n    border: 1px solid #e7e7e7;\n  "]))),
+    alert: css(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n    line-height: 1;\n    border-radius: 24px;\n  "])))
+  };
+});
+export default useStyles;
+//# sourceMappingURL=styles.js.map

package/dist/esm/components/XAdkChatbot/components/FunctionCallRender/styles.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["css","withBasicStyles","useStyles","wrapper","_templateObject","_taggedTemplateLiteral","fnCall","_templateObject2","confirm","_templateObject3","alert","_templateObject4"],"sources":["../../../../../../src/components/XAdkChatbot/components/FunctionCallRender/styles.tsx"],"sourcesContent":["import { css } from '@emotion/css';\nimport { withBasicStyles } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  wrapper: css`\n    display: flex;\n    justify-content: flex-start;\n    margin-bottom: 12px;\n  `,\n\n  fnCall: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    padding: 7px 12px;\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  alert: css`\n    line-height: 1;\n    border-radius: 24px;\n  `,\n}));\n\nexport default useStyles;\n"],"mappings":";;AAAA,SAASA,GAAG,QAAQ,cAAc;AAClC,SAASC,eAAe;AAExB,OAAO,IAAMC,SAAS,GAAGD,eAAe,CAAC;EAAA,OAAO;IAC9CE,OAAO,EAAEH,GAAG,CAAAI,eAAA,KAAAA,eAAA,GAAAC,sBAAA,4FAIX;IAEDC,MAAM,EAAEN,GAAG,CAAAO,gBAAA,KAAAA,gBAAA,GAAAF,sBAAA,yMASV;IAEDG,OAAO,EAAER,GAAG,CAAAS,gBAAA,KAAAA,gBAAA,GAAAJ,sBAAA,0FAIX;IAEDK,KAAK,EAAEV,GAAG,CAAAW,gBAAA,KAAAA,gBAAA,GAAAN,sBAAA;EAIZ,CAAC;AAAA,CAAC,CAAC;AAEH,eAAeH,SAAS"}

package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.d.ts

@@ -0,0 +1,6 @@
+import React from 'react';
+export interface MarkdownRenderProps {
+    text: string;
+}
+declare const MarkdownRender: React.FC<MarkdownRenderProps>;
+export default MarkdownRender;

package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.js

@@ -0,0 +1,70 @@
+import React from 'react';
+import XMarkdown from '@ant-design/x-markdown';
+import HighlightCode from '@ant-design/x-markdown/plugins/HighlightCode';
+import Latex from '@ant-design/x-markdown/plugins/Latex';
+import { Flex } from 'antd';
+import { BarsOutlined, BulbOutlined, ThunderboltOutlined, CheckCircleOutlined } from '@ant-design/icons';
+import { jsx as _jsx } from "react/jsx-runtime";
+import { jsxs as _jsxs } from "react/jsx-runtime";
+var CodeComponent = function CodeComponent(props) {
+  var _className$match;
+  var className = props.className,
+    children = props.children;
+  var lang = (className === null || className === void 0 || (_className$match = className.match(/language-(\w+)/)) === null || _className$match === void 0 ? void 0 : _className$match[1]) || '';
+  if (typeof children !== 'string') return null;
+  return /*#__PURE__*/_jsx(HighlightCode, {
+    lang: lang,
+    children: children
+  });
+};
+var ThinkComponent = /*#__PURE__*/React.memo(function (props) {
+  var type = props.type || '';
+  var titleMap = {
+    planning: '规划',
+    replanning: '重新规划',
+    reasoning: '推理',
+    action: '行动',
+    final_answer: '最终答案'
+  };
+  var iconMap = {
+    planning: /*#__PURE__*/_jsx(BarsOutlined, {}),
+    replanning: /*#__PURE__*/_jsx(BarsOutlined, {}),
+    reasoning: /*#__PURE__*/_jsx(BulbOutlined, {}),
+    action: /*#__PURE__*/_jsx(ThunderboltOutlined, {}),
+    final_answer: /*#__PURE__*/_jsx(CheckCircleOutlined, {})
+  };
+  return /*#__PURE__*/_jsxs(Flex, {
+    align: "center",
+    gap: 8,
+    style: {
+      color: '#888',
+      margin: '4px 0'
+    },
+    children: [type in titleMap && iconMap[type], /*#__PURE__*/_jsx("span", {
+      children: titleMap[type]
+    })]
+  });
+});
+var MarkdownRender = function MarkdownRender(_ref) {
+  var text = _ref.text;
+  var markdown = text.replaceAll(/\/\*\s*PLANNING\s*\*\//g, '<tag type="planning"></tag>').replaceAll(/\/\*\s*REPLANNING\s*\*\//g, '<tag type="replanning"></tag>').replaceAll(/\/\*\s*REASONING\s*\*\//g, '<tag type="reasoning"></tag>').replaceAll(/\/\*\s*ACTION\s*\*\//g, '<tag type="action"></tag>').replaceAll(/\/\*\s*FINAL_ANSWER\s*\*\//g, '<tag type="final_answer"></tag>');
+  return /*#__PURE__*/_jsx(XMarkdown, {
+    content: markdown,
+    paragraphTag: "div",
+    config: {
+      extensions: Latex()
+    },
+    components: {
+      tag: ThinkComponent,
+      code: CodeComponent
+    },
+    streaming: {
+      enableAnimation: true,
+      animationConfig: {
+        fadeDuration: 400
+      }
+    }
+  });
+};
+export default MarkdownRender;
+//# sourceMappingURL=index.js.map

package/dist/esm/components/XAdkChatbot/components/MarkdownRender/index.js.map

@@ -0,0 +1 @@
+{"version":3,"names":["React","XMarkdown","HighlightCode","Latex","Flex","BarsOutlined","BulbOutlined","ThunderboltOutlined","CheckCircleOutlined","jsx","_jsx","jsxs","_jsxs","CodeComponent","props","_className$match","className","children","lang","match","ThinkComponent","memo","type","titleMap","planning","replanning","reasoning","action","final_answer","iconMap","align","gap","style","color","margin","MarkdownRender","_ref","text","markdown","replaceAll","content","paragraphTag","config","extensions","components","tag","code","streaming","enableAnimation","animationConfig","fadeDuration"],"sources":["../../../../../../src/components/XAdkChatbot/components/MarkdownRender/index.tsx"],"sourcesContent":["import React from 'react';\nimport XMarkdown, { type ComponentProps } from '@ant-design/x-markdown';\nimport HighlightCode from '@ant-design/x-markdown/plugins/HighlightCode';\nimport Latex from '@ant-design/x-markdown/plugins/Latex';\nimport { Flex } from 'antd';\nimport { BarsOutlined, BulbOutlined, ThunderboltOutlined, CheckCircleOutlined } from '@ant-design/icons';\n\nconst CodeComponent: React.FC<ComponentProps> = (props) => {\n  const { className, children } = props;\n  const lang = className?.match(/language-(\\w+)/)?.[1] || '';\n\n  if (typeof children !== 'string') return null;\n  return <HighlightCode lang={lang}>{children}</HighlightCode>;\n};\n\nexport interface MarkdownRenderProps {\n  text: string;\n}\n\nconst ThinkComponent = React.memo((props: ComponentProps) => {\n  const type = (props.type || '') as string;\n  const titleMap: Record<string, string> = {\n    planning: '规划',\n    replanning: '重新规划',\n    reasoning: '推理',\n    action: '行动',\n    final_answer: '最终答案',\n  };\n  const iconMap = {\n    planning: <BarsOutlined />,\n    replanning: <BarsOutlined />,\n    reasoning: <BulbOutlined />,\n    action: <ThunderboltOutlined />,\n    final_answer: <CheckCircleOutlined />,\n  };\n\n  return (\n    <Flex align=\"center\" gap={8} style={{ color: '#888', margin: '4px 0' }}>\n      {type in titleMap && iconMap[type as keyof typeof iconMap]}\n      <span>{titleMap[type]}</span>\n    </Flex>\n  );\n});\n\nconst MarkdownRender: React.FC<MarkdownRenderProps> = ({ text }) => {\n  const markdown = text\n    .replaceAll(/\\/\\*\\s*PLANNING\\s*\\*\\//g, '<tag type=\"planning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REPLANNING\\s*\\*\\//g, '<tag type=\"replanning\"></tag>')\n    .replaceAll(/\\/\\*\\s*REASONING\\s*\\*\\//g, '<tag type=\"reasoning\"></tag>')\n    .replaceAll(/\\/\\*\\s*ACTION\\s*\\*\\//g, '<tag type=\"action\"></tag>')\n    .replaceAll(/\\/\\*\\s*FINAL_ANSWER\\s*\\*\\//g, '<tag type=\"final_answer\"></tag>');\n  return (\n    <XMarkdown\n      content={markdown}\n      paragraphTag=\"div\"\n      config={{\n        extensions: Latex(),\n      }}\n      components={{\n        tag: ThinkComponent,\n        code: CodeComponent,\n      }}\n      streaming={{\n        enableAnimation: true,\n        animationConfig: {\n          fadeDuration: 400,\n        },\n      }}\n    />\n  );\n};\n\nexport default MarkdownRender;\n"],"mappings":"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"}

package/dist/esm/components/XAdkChatbot/components/ThinkRender/index.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import type { IMessage } from "../../../../types";
+export interface ThinkRenderProps {
+    msg: IMessage;
+    loading?: boolean;
+}
+declare const ThinkRender: React.FC<ThinkRenderProps>;
+export default ThinkRender;

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

@@ -0,0 +1,32 @@
+import _slicedToArray from "@babel/runtime/helpers/esm/slicedToArray";
+import { Think } from '@ant-design/x';
+import React, { useEffect, useState } from 'react';
+import { jsx as _jsx } from "react/jsx-runtime";
+var ThinkRender = function ThinkRender(_ref) {
+  var msg = _ref.msg,
+    loading = _ref.loading;
+  var _useState = useState(false),
+    _useState2 = _slicedToArray(_useState, 2),
+    expand = _useState2[0],
+    setExpand = _useState2[1];
+  useEffect(function () {
+    if (loading) {
+      setExpand(true);
+    } else {
+      setExpand(false);
+    }
+  }, [loading]);
+  return /*#__PURE__*/_jsx(Think, {
+    title: loading ? '思考中...' : '深度思考',
+    loading: loading,
+    expanded: expand,
+    onExpand: function onExpand() {
+      return setExpand(function (v) {
+        return !v;
+      });
+    },
+    children: msg.text
+  });
+};
+export default ThinkRender;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1 @@
+{"version":3,"names":["Think","React","useEffect","useState","jsx","_jsx","ThinkRender","_ref","msg","loading","_useState","_useState2","_slicedToArray","expand","setExpand","title","expanded","onExpand","v","children","text"],"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,SAASA,KAAK,QAAQ,eAAe;AACrC,OAAOC,KAAK,IAAIC,SAAS,EAAEC,QAAQ,QAAQ,OAAO;AAAC,SAAAC,GAAA,IAAAC,IAAA;AAQnD,IAAMC,WAAuC,GAAG,SAA1CA,WAAuCA,CAAAC,IAAA,EAAyB;EAAA,IAAnBC,GAAG,GAAAD,IAAA,CAAHC,GAAG;IAAEC,OAAO,GAAAF,IAAA,CAAPE,OAAO;EAC7D,IAAAC,SAAA,GAA4BP,QAAQ,CAAC,KAAK,CAAC;IAAAQ,UAAA,GAAAC,cAAA,CAAAF,SAAA;IAApCG,MAAM,GAAAF,UAAA;IAAEG,SAAS,GAAAH,UAAA;EACxBT,SAAS,CAAC,YAAM;IACd,IAAIO,OAAO,EAAE;MACXK,SAAS,CAAC,IAAI,CAAC;IACjB,CAAC,MAAM;MACLA,SAAS,CAAC,KAAK,CAAC;IAClB;EACF,CAAC,EAAE,CAACL,OAAO,CAAC,CAAC;EAEb,oBACEJ,IAAA,CAACL,KAAK;IACJe,KAAK,EAAEN,OAAO,GAAG,QAAQ,GAAG,MAAO;IACnCA,OAAO,EAAEA,OAAQ;IACjBO,QAAQ,EAAEH,MAAO;IACjBI,QAAQ,EAAE,SAAAA,SAAA;MAAA,OAAMH,SAAS,CAAC,UAACI,CAAC;QAAA,OAAK,CAACA,CAAC;MAAA,EAAC;IAAA,CAAC;IAAAC,QAAA,EAEpCX,GAAG,CAACY;EAAI,CACJ,CAAC;AAEZ,CAAC;AAED,eAAed,WAAW"}

package/dist/esm/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;