@ai-group/chat-sdk 2.1.13 → 3.0.1-alpha.2

package/dist/cjs/components/XAdkProvider/compound/Header.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/Header.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport { useChatState } from \"../context/ChatStateContext\";\nimport type { ChatConfig } from \"@/services/api\";\n\n/**\n * XAdkProvider.Header - 可选的头部组件\n *\n * 显示应用信息,用户可以自定义或不使用\n *\n * @example\n * ```tsx\n * <XAdkProvider url=\"...\" token=\"...\">\n *   <XAdkProvider.Header />\n *   <XAdkProvider.Messages />\n * </XAdkProvider>\n * ```\n */\nexport interface XAdkHeaderProps {\n  /** 额外的样式 */\n  style?: React.CSSProperties;\n  /** 额外的类名 */\n  className?: string;\n  /** 自定义渲染函数 */\n  render?: (appInfo: ChatConfig | null) => React.ReactNode;\n}\n\nconst Header: React.FC<XAdkHeaderProps> = ({ style, className, render }) => {\n  const { appInfo } = useChatState();\n\n  // 如果提供了自定义渲染函数,使用它\n  if (render) {\n    return <>{render(appInfo)}</>;\n  }\n\n  // 默认头部渲染\n  if (!appInfo) {\n    return null;\n  }\n\n  return (\n    <div\n      className={className}\n      style={{\n        padding: \"16px\",\n        borderBottom: \"1px solid #f0f0f0\",\n        display: \"flex\",\n        alignItems: \"center\",\n        gap: \"12px\",\n        ...style,\n      }}\n    >\n      {appInfo.icon && (\n        <img\n          src={appInfo.icon}\n          alt=\"应用图标\"\n          style={{\n            width: 32,\n            height: 32,\n            borderRadius: \"4px\",\n          }}\n        />\n      )}\n      {appInfo.appName && (\n        <div style={{ flex: 1 }}>\n          <div style={{ fontWeight: 500, fontSize: \"16px\" }}>\n            {appInfo.appName}\n          </div>\n          {appInfo.description && (\n            <div style={{ fontSize: \"12px\", color: \"#999\", marginTop: \"4px\" }}>\n              {appInfo.description}\n            </div>\n          )}\n        </div>\n      )}\n    </div>\n  );\n};\n\nHeader.displayName = \"XAdkProvider.Header\";\n\nexport default Header;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,8BAA6B;AA8BlB;AALX,IAAM,SAAoC,CAAC,EAAE,OAAO,WAAW,OAAO,MAAM;AAC1E,QAAM,EAAE,QAAQ,QAAI,sCAAa;AAGjC,MAAI,QAAQ;AACV,WAAO,2EAAG,iBAAO,OAAO,GAAE;AAAA,EAC5B;AAGA,MAAI,CAAC,SAAS;AACZ,WAAO;AAAA,EACT;AAEA,SACE;AAAA,IAAC;AAAA;AAAA,MACC;AAAA,MACA,OAAO;AAAA,QACL,SAAS;AAAA,QACT,cAAc;AAAA,QACd,SAAS;AAAA,QACT,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,GAAG;AAAA,MACL;AAAA,MAEC;AAAA,gBAAQ,QACP;AAAA,UAAC;AAAA;AAAA,YACC,KAAK,QAAQ;AAAA,YACb,KAAI;AAAA,YACJ,OAAO;AAAA,cACL,OAAO;AAAA,cACP,QAAQ;AAAA,cACR,cAAc;AAAA,YAChB;AAAA;AAAA,QACF;AAAA,QAED,QAAQ,WACP,6CAAC,SAAI,OAAO,EAAE,MAAM,EAAE,GACpB;AAAA,sDAAC,SAAI,OAAO,EAAE,YAAY,KAAK,UAAU,OAAO,GAC7C,kBAAQ,SACX;AAAA,UACC,QAAQ,eACP,4CAAC,SAAI,OAAO,EAAE,UAAU,QAAQ,OAAO,QAAQ,WAAW,MAAM,GAC7D,kBAAQ,aACX;AAAA,WAEJ;AAAA;AAAA;AAAA,EAEJ;AAEJ;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ;",
+  "names": []
+}

package/dist/cjs/components/XAdkProvider/compound/Messages.d.ts

@@ -0,0 +1,17 @@
+import React from "react";
+import type { ActionProps } from "../../../types";
+export interface XAdkMessagesProps {
+    /** 自定义操作栏渲染 */
+    actions?: ActionProps;
+    /** 类名 */
+    className?: string;
+    /** 样式 */
+    style?: React.CSSProperties;
+}
+/**
+ * Messages - XAdkProvider 的消息展示组件
+ *
+ * 使用 XAdkChatbot 渲染消息列表
+ */
+declare const Messages: React.FC<XAdkMessagesProps>;
+export default Messages;

package/dist/cjs/components/XAdkProvider/compound/Messages.js

@@ -0,0 +1,70 @@
+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/XAdkProvider/compound/Messages.tsx
+var Messages_exports = {};
+__export(Messages_exports, {
+  default: () => Messages_default
+});
+module.exports = __toCommonJS(Messages_exports);
+var import_XAdkChatbot = __toESM(require("../../XAdkChatbot"));
+var import_ChatStateContext = require("../context/ChatStateContext");
+var import_ChatActionContext = require("../context/ChatActionContext");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Messages = ({
+  actions,
+  className,
+  style
+}) => {
+  const { messages, loading, prologue, suggestions } = (0, import_ChatStateContext.useChatState)();
+  const { suggestChat, reChat } = (0, import_ChatActionContext.useChatActions)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_XAdkChatbot.default,
+    {
+      messages,
+      loading,
+      prologue,
+      suggestions,
+      onSuggest: suggestChat,
+      showRetry: true,
+      showCopy: true,
+      showLog: false,
+      onRetry: reChat,
+      onShowLog: () => {
+      },
+      actions,
+      enableGrouping: true,
+      enableProcessParsing: true,
+      parseOptions: { mode: "comment" },
+      className,
+      style
+    }
+  );
+};
+var Messages_default = Messages;
+//# sourceMappingURL=Messages.js.map

package/dist/cjs/components/XAdkProvider/compound/Messages.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/Messages.tsx"],
+  "sourcesContent": ["import React from \"react\";\nimport XAdkChatbot from \"../../XAdkChatbot\";\nimport { useChatState } from \"../context/ChatStateContext\";\nimport { useChatActions } from \"../context/ChatActionContext\";\nimport type { ActionProps } from \"@/types\";\n\nexport interface XAdkMessagesProps {\n  /** 自定义操作栏渲染 */\n  actions?: ActionProps;\n  /** 类名 */\n  className?: string;\n  /** 样式 */\n  style?: React.CSSProperties;\n}\n\n/**\n * Messages - XAdkProvider 的消息展示组件\n *\n * 使用 XAdkChatbot 渲染消息列表\n */\nconst Messages: React.FC<XAdkMessagesProps> = ({\n  actions,\n  className,\n  style,\n}) => {\n  const { messages, loading, prologue, suggestions } = useChatState();\n  const { suggestChat, reChat } = useChatActions();\n\n  return (\n    <XAdkChatbot\n      messages={messages}\n      loading={loading}\n      prologue={prologue}\n      suggestions={suggestions}\n      onSuggest={suggestChat}\n      // 操作栏\n      showRetry\n      showCopy\n      showLog={false}\n      onRetry={reChat}\n      onShowLog={() => {}}\n      actions={actions}\n      // 启用分组和解析\n      enableGrouping={true}\n      enableProcessParsing={true}\n      // 使用注释模式解析\n      parseOptions={{ mode: \"comment\" }}\n      // 样式\n      className={className}\n      style={style}\n    />\n  );\n};\n\nexport default Messages;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,yBAAwB;AACxB,8BAA6B;AAC7B,+BAA+B;AA0B3B;AATJ,IAAM,WAAwC,CAAC;AAAA,EAC7C;AAAA,EACA;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,UAAU,SAAS,UAAU,YAAY,QAAI,sCAAa;AAClE,QAAM,EAAE,aAAa,OAAO,QAAI,yCAAe;AAE/C,SACE;AAAA,IAAC,mBAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MAEX,WAAS;AAAA,MACT,UAAQ;AAAA,MACR,SAAS;AAAA,MACT,SAAS;AAAA,MACT,WAAW,MAAM;AAAA,MAAC;AAAA,MAClB;AAAA,MAEA,gBAAgB;AAAA,MAChB,sBAAsB;AAAA,MAEtB,cAAc,EAAE,MAAM,UAAU;AAAA,MAEhC;AAAA,MACA;AAAA;AAAA,EACF;AAEJ;AAEA,IAAO,mBAAQ;",
+  "names": ["XAdkChatbot"]
+}

package/dist/cjs/components/XAdkProvider/compound/Sender.d.ts

@@ -0,0 +1,27 @@
+import React from 'react';
+import type { XAdkSenderProps } from "../../../types/XAdkSender";
+/**
+ * XAdkProvider.Sender - 输入框组件
+ *
+ * 从 Context 获取聊天动作并提供输入界面
+ * 基于 XAdkSender 组件实现
+ *
+ * @example
+ * ```tsx
+ * <XAdkProvider url="..." token="...">
+ *   <XAdkProvider.Sender
+ *     allowUpload={true}
+ *     clearBtnShow={true}
+ *     uploadRequest={myUploadHandler}
+ *   />
+ * </XAdkProvider>
+ * ```
+ */
+export interface XAdkSenderCompoundProps extends Partial<Omit<XAdkSenderProps, 'loading' | 'onSubmit' | 'onStop' | 'onClear'>> {
+    /** 额外的样式 */
+    style?: React.CSSProperties;
+    /** 额外的类名 */
+    className?: string;
+}
+declare const Sender: React.FC<XAdkSenderCompoundProps>;
+export default Sender;

package/dist/cjs/components/XAdkProvider/compound/Sender.js

@@ -0,0 +1,55 @@
+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/XAdkProvider/compound/Sender.tsx
+var Sender_exports = {};
+__export(Sender_exports, {
+  default: () => Sender_default
+});
+module.exports = __toCommonJS(Sender_exports);
+var import_XAdkSender = __toESM(require("../../XAdkSender"));
+var import_ChatStateContext = require("../context/ChatStateContext");
+var import_ChatActionContext = require("../context/ChatActionContext");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Sender = (props) => {
+  const { loading } = (0, import_ChatStateContext.useChatState)();
+  const { chat, stopChat, clearChat } = (0, import_ChatActionContext.useChatActions)();
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_XAdkSender.default,
+    {
+      loading,
+      onSubmit: chat,
+      onStop: stopChat,
+      onClear: clearChat,
+      ...props
+    }
+  );
+};
+Sender.displayName = "XAdkProvider.Sender";
+var Sender_default = Sender;
+//# sourceMappingURL=Sender.js.map

package/dist/cjs/components/XAdkProvider/compound/Sender.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/Sender.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport XAdkSender from '@/components/XAdkSender';\nimport { useChatState } from '../context/ChatStateContext';\nimport { useChatActions } from '../context/ChatActionContext';\nimport type { XAdkSenderProps } from '@/types/XAdkSender';\n\n/**\n * XAdkProvider.Sender - 输入框组件\n *\n * 从 Context 获取聊天动作并提供输入界面\n * 基于 XAdkSender 组件实现\n *\n * @example\n * ```tsx\n * <XAdkProvider url=\"...\" token=\"...\">\n *   <XAdkProvider.Sender\n *     allowUpload={true}\n *     clearBtnShow={true}\n *     uploadRequest={myUploadHandler}\n *   />\n * </XAdkProvider>\n * ```\n */\nexport interface XAdkSenderCompoundProps extends Partial<Omit<XAdkSenderProps, 'loading' | 'onSubmit' | 'onStop' | 'onClear'>> {\n  /** 额外的样式 */\n  style?: React.CSSProperties;\n  /** 额外的类名 */\n  className?: string;\n}\n\nconst Sender: React.FC<XAdkSenderCompoundProps> = (props) => {\n  const { loading } = useChatState();\n  const { chat, stopChat, clearChat } = useChatActions();\n\n  return (\n    <XAdkSender\n      loading={loading}\n      onSubmit={chat}\n      onStop={stopChat}\n      onClear={clearChat}\n      {...props}\n    />\n  );\n};\n\nSender.displayName = 'XAdkProvider.Sender';\n\nexport default Sender;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,wBAAuB;AACvB,8BAA6B;AAC7B,+BAA+B;AAgC3B;AALJ,IAAM,SAA4C,CAAC,UAAU;AAC3D,QAAM,EAAE,QAAQ,QAAI,sCAAa;AACjC,QAAM,EAAE,MAAM,UAAU,UAAU,QAAI,yCAAe;AAErD,SACE;AAAA,IAAC,kBAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA,UAAU;AAAA,MACV,QAAQ;AAAA,MACR,SAAS;AAAA,MACR,GAAG;AAAA;AAAA,EACN;AAEJ;AAEA,OAAO,cAAc;AAErB,IAAO,iBAAQ;",
+  "names": ["XAdkSender"]
+}

package/dist/cjs/components/XAdkProvider/compound/Sidebar.d.ts

@@ -0,0 +1,24 @@
+import React from 'react';
+/**
+ * XAdkProvider.Sidebar - 会话列表侧边栏组件
+ *
+ * 从 Context 获取会话数据并提供会话管理界面
+ * 基于 XAiConversations 组件实现(带展开/收起功能)
+ *
+ * @example
+ * ```tsx
+ * <XAdkProvider url="..." token="...">
+ *   <XAdkProvider.Sidebar isNarrow={false} />
+ * </XAdkProvider>
+ * ```
+ */
+export interface XAdkSidebarProps {
+    /** 额外的样式 */
+    style?: React.CSSProperties;
+    /** 额外的类名 */
+    className?: string;
+    /** 是否为窄屏模式 */
+    isNarrow?: boolean;
+}
+declare const Sidebar: React.FC<XAdkSidebarProps>;
+export default Sidebar;

package/dist/cjs/components/XAdkProvider/compound/Sidebar.js

@@ -0,0 +1,151 @@
+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/XAdkProvider/compound/Sidebar.tsx
+var Sidebar_exports = {};
+__export(Sidebar_exports, {
+  default: () => Sidebar_default
+});
+module.exports = __toCommonJS(Sidebar_exports);
+var import_react = require("react");
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_XAiConversations = __toESM(require("../../XAiConversations"));
+var import_ChatStateContext = require("../context/ChatStateContext");
+var import_ChatActionContext = require("../context/ChatActionContext");
+var import_SessionContext = require("../context/SessionContext");
+var import_jsx_runtime = require("react/jsx-runtime");
+var { confirm } = import_antd.Modal;
+var Sidebar = ({
+  isNarrow = false,
+  style,
+  className
+}) => {
+  const { currentSessionId } = (0, import_ChatStateContext.useChatState)();
+  const { clearChat } = (0, import_ChatActionContext.useChatActions)();
+  const { sessionList, deleteSession, updateSession, setCurrentSessionDetail } = (0, import_SessionContext.useSession)();
+  const handleActiveChange = (0, import_react.useCallback)((key) => {
+    setCurrentSessionDetail(key);
+  }, [setCurrentSessionDetail]);
+  const handleNewChat = (0, import_react.useCallback)(() => {
+    clearChat();
+  }, [clearChat]);
+  const defaultMenuConfig = (0, import_react.useCallback)((conversation) => ({
+    items: [
+      {
+        label: "重命名",
+        key: "edit"
+      },
+      {
+        label: "删除",
+        key: "delete",
+        danger: true
+      }
+    ],
+    onClick: (menuInfo) => {
+      menuInfo.domEvent.stopPropagation();
+      const { key } = menuInfo;
+      switch (key) {
+        case "edit": {
+          let inputValue = conversation.label || "";
+          confirm({
+            title: "编辑对话名称",
+            icon: null,
+            content: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_antd.Input,
+              {
+                defaultValue: inputValue,
+                autoFocus: true,
+                style: { width: "100%" },
+                onChange: (e) => {
+                  inputValue = e.target.value;
+                }
+              }
+            ),
+            okText: "确认",
+            cancelText: "取消",
+            okButtonProps: {
+              style: {
+                background: "#000",
+                borderColor: "#000",
+                color: "#fff"
+              }
+            },
+            onOk: () => {
+              if (!inputValue.trim()) {
+                import_antd.message.error("对话名称不能为空");
+                return Promise.reject();
+              }
+              updateSession(conversation.key, inputValue);
+            },
+            onCancel: () => {
+            }
+          });
+          break;
+        }
+        case "delete":
+          confirm({
+            title: "确认删除?",
+            icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ExclamationCircleFilled, {}),
+            content: "该对话内容将被删除无法恢复。",
+            okText: "确认删除",
+            okType: "danger",
+            cancelText: "取消",
+            okButtonProps: {
+              style: {
+                background: "#ff4d4f",
+                borderColor: "#ff4d4f",
+                color: "#fff"
+              }
+            },
+            onOk() {
+              deleteSession(conversation.key);
+            },
+            onCancel() {
+            }
+          });
+          break;
+      }
+    }
+  }), [deleteSession, updateSession]);
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+    import_XAiConversations.default,
+    {
+      isNarrow,
+      sessionList,
+      activeKey: currentSessionId,
+      onActiveChange: handleActiveChange,
+      onNewChat: handleNewChat,
+      menu: defaultMenuConfig,
+      style
+    }
+  );
+};
+Sidebar.displayName = "XAdkProvider.Sidebar";
+var Sidebar_default = Sidebar;
+//# sourceMappingURL=Sidebar.js.map

package/dist/cjs/components/XAdkProvider/compound/Sidebar.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/Sidebar.tsx"],
+  "sourcesContent": ["import React, { useCallback } from 'react';\nimport { message, Modal, Input } from 'antd';\nimport { ExclamationCircleFilled } from '@ant-design/icons';\nimport type { ConversationsProps } from '@ant-design/x';\nimport XAiConversations from '@/components/XAiConversations';\nimport { useChatState } from '../context/ChatStateContext';\nimport { useChatActions } from '../context/ChatActionContext';\nimport { useSession } from '../context/SessionContext';\n\nconst { confirm } = Modal;\n\n/**\n * XAdkProvider.Sidebar - 会话列表侧边栏组件\n *\n * 从 Context 获取会话数据并提供会话管理界面\n * 基于 XAiConversations 组件实现(带展开/收起功能)\n *\n * @example\n * ```tsx\n * <XAdkProvider url=\"...\" token=\"...\">\n *   <XAdkProvider.Sidebar isNarrow={false} />\n * </XAdkProvider>\n * ```\n */\nexport interface XAdkSidebarProps {\n  /** 额外的样式 */\n  style?: React.CSSProperties;\n  /** 额外的类名 */\n  className?: string;\n  /** 是否为窄屏模式 */\n  isNarrow?: boolean;\n}\n\nconst Sidebar: React.FC<XAdkSidebarProps> = ({\n  isNarrow = false,\n  style,\n  className,\n}) => {\n  const { currentSessionId } = useChatState();\n  const { clearChat } = useChatActions();\n  const { sessionList, deleteSession, updateSession, setCurrentSessionDetail } = useSession();\n\n  // 切换会话\n  const handleActiveChange = useCallback((key: string) => {\n    setCurrentSessionDetail(key);\n  }, [setCurrentSessionDetail]);\n\n  // 新建对话\n  const handleNewChat = useCallback(() => {\n    clearChat();\n  }, [clearChat]);\n\n  // 默认会话菜单配置\n  const defaultMenuConfig: ConversationsProps['menu'] = useCallback((conversation: any) => ({\n    items: [\n      {\n        label: '重命名',\n        key: 'edit',\n      },\n      {\n        label: '删除',\n        key: 'delete',\n        danger: true,\n      },\n    ],\n    onClick: (menuInfo: any) => {\n      menuInfo.domEvent.stopPropagation();\n      const { key } = menuInfo;\n      switch (key) {\n        case 'edit': {\n          let inputValue = (conversation.label as string) || '';\n          confirm({\n            title: '编辑对话名称',\n            icon: null,\n            content: (\n              <Input\n                defaultValue={inputValue}\n                autoFocus\n                style={{ width: '100%' }}\n                onChange={(e) => {\n                  inputValue = e.target.value;\n                }}\n              />\n            ),\n            okText: '确认',\n            cancelText: '取消',\n            okButtonProps: {\n              style: {\n                background: '#000',\n                borderColor: '#000',\n                color: '#fff',\n              },\n            },\n            onOk: () => {\n              if (!inputValue.trim()) {\n                message.error('对话名称不能为空');\n                return Promise.reject();\n              }\n              updateSession(conversation.key, inputValue);\n            },\n            onCancel: () => {\n              // 静默处理\n            },\n          });\n          break;\n        }\n        case 'delete':\n          confirm({\n            title: '确认删除?',\n            icon: <ExclamationCircleFilled />,\n            content: '该对话内容将被删除无法恢复。',\n            okText: '确认删除',\n            okType: 'danger',\n            cancelText: '取消',\n            okButtonProps: {\n              style: {\n                background: '#ff4d4f',\n                borderColor: '#ff4d4f',\n                color: '#fff',\n              },\n            },\n            onOk() {\n              deleteSession(conversation.key);\n            },\n            onCancel() {\n              //\n            },\n          });\n          break;\n      }\n    },\n  }), [deleteSession, updateSession]);\n\n  return (\n    <XAiConversations\n      isNarrow={isNarrow}\n      sessionList={sessionList}\n      activeKey={currentSessionId}\n      onActiveChange={handleActiveChange}\n      onNewChat={handleNewChat}\n      menu={defaultMenuConfig}\n      style={style}\n    />\n  );\n};\n\nSidebar.displayName = 'XAdkProvider.Sidebar';\n\nexport default Sidebar;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAAmC;AACnC,kBAAsC;AACtC,mBAAwC;AAExC,8BAA6B;AAC7B,8BAA6B;AAC7B,+BAA+B;AAC/B,4BAA2B;AAoEb;AAlEd,IAAM,EAAE,QAAQ,IAAI;AAwBpB,IAAM,UAAsC,CAAC;AAAA,EAC3C,WAAW;AAAA,EACX;AAAA,EACA;AACF,MAAM;AACJ,QAAM,EAAE,iBAAiB,QAAI,sCAAa;AAC1C,QAAM,EAAE,UAAU,QAAI,yCAAe;AACrC,QAAM,EAAE,aAAa,eAAe,eAAe,wBAAwB,QAAI,kCAAW;AAG1F,QAAM,yBAAqB,0BAAY,CAAC,QAAgB;AACtD,4BAAwB,GAAG;AAAA,EAC7B,GAAG,CAAC,uBAAuB,CAAC;AAG5B,QAAM,oBAAgB,0BAAY,MAAM;AACtC,cAAU;AAAA,EACZ,GAAG,CAAC,SAAS,CAAC;AAGd,QAAM,wBAAgD,0BAAY,CAAC,kBAAuB;AAAA,IACxF,OAAO;AAAA,MACL;AAAA,QACE,OAAO;AAAA,QACP,KAAK;AAAA,MACP;AAAA,MACA;AAAA,QACE,OAAO;AAAA,QACP,KAAK;AAAA,QACL,QAAQ;AAAA,MACV;AAAA,IACF;AAAA,IACA,SAAS,CAAC,aAAkB;AAC1B,eAAS,SAAS,gBAAgB;AAClC,YAAM,EAAE,IAAI,IAAI;AAChB,cAAQ,KAAK;AAAA,QACX,KAAK,QAAQ;AACX,cAAI,aAAc,aAAa,SAAoB;AACnD,kBAAQ;AAAA,YACN,OAAO;AAAA,YACP,MAAM;AAAA,YACN,SACE;AAAA,cAAC;AAAA;AAAA,gBACC,cAAc;AAAA,gBACd,WAAS;AAAA,gBACT,OAAO,EAAE,OAAO,OAAO;AAAA,gBACvB,UAAU,CAAC,MAAM;AACf,+BAAa,EAAE,OAAO;AAAA,gBACxB;AAAA;AAAA,YACF;AAAA,YAEF,QAAQ;AAAA,YACR,YAAY;AAAA,YACZ,eAAe;AAAA,cACb,OAAO;AAAA,gBACL,YAAY;AAAA,gBACZ,aAAa;AAAA,gBACb,OAAO;AAAA,cACT;AAAA,YACF;AAAA,YACA,MAAM,MAAM;AACV,kBAAI,CAAC,WAAW,KAAK,GAAG;AACtB,oCAAQ,MAAM,UAAU;AACxB,uBAAO,QAAQ,OAAO;AAAA,cACxB;AACA,4BAAc,aAAa,KAAK,UAAU;AAAA,YAC5C;AAAA,YACA,UAAU,MAAM;AAAA,YAEhB;AAAA,UACF,CAAC;AACD;AAAA,QACF;AAAA,QACA,KAAK;AACH,kBAAQ;AAAA,YACN,OAAO;AAAA,YACP,MAAM,4CAAC,wCAAwB;AAAA,YAC/B,SAAS;AAAA,YACT,QAAQ;AAAA,YACR,QAAQ;AAAA,YACR,YAAY;AAAA,YACZ,eAAe;AAAA,cACb,OAAO;AAAA,gBACL,YAAY;AAAA,gBACZ,aAAa;AAAA,gBACb,OAAO;AAAA,cACT;AAAA,YACF;AAAA,YACA,OAAO;AACL,4BAAc,aAAa,GAAG;AAAA,YAChC;AAAA,YACA,WAAW;AAAA,YAEX;AAAA,UACF,CAAC;AACD;AAAA,MACJ;AAAA,IACF;AAAA,EACF,IAAI,CAAC,eAAe,aAAa,CAAC;AAElC,SACE;AAAA,IAAC,wBAAAA;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX,gBAAgB;AAAA,MAChB,WAAW;AAAA,MACX,MAAM;AAAA,MACN;AAAA;AAAA,EACF;AAEJ;AAEA,QAAQ,cAAc;AAEtB,IAAO,kBAAQ;",
+  "names": ["XAiConversations"]
+}

package/dist/cjs/components/XAdkProvider/compound/Welcome.d.ts

@@ -0,0 +1,6 @@
+import React from "react";
+interface Props {
+    welcome?: React.ReactNode;
+}
+declare const Welcome: React.FC<Props>;
+export default Welcome;

package/dist/cjs/components/XAdkProvider/compound/Welcome.js

@@ -0,0 +1,60 @@
+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/XAdkProvider/compound/Welcome.tsx
+var Welcome_exports = {};
+__export(Welcome_exports, {
+  default: () => Welcome_default
+});
+module.exports = __toCommonJS(Welcome_exports);
+var import_logo = __toESM(require("../../../assets/logo.png"));
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var Welcome = ({ welcome }) => {
+  const styles = (0, import_styles.useStyles)();
+  if (welcome)
+    return /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_jsx_runtime.Fragment, { children: welcome });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    "div",
+    {
+      style: {
+        display: "flex",
+        flexDirection: "column",
+        alignItems: "center",
+        gap: "16px",
+        textAlign: "center"
+      },
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("img", { src: import_logo.default, style: { width: "80px", height: "80px" } }),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)("h2", { className: styles.logoText, children: "Hi, 有什么我能帮您的吗？" })
+      ]
+    }
+  );
+};
+var Welcome_default = Welcome;
+//# sourceMappingURL=Welcome.js.map

package/dist/cjs/components/XAdkProvider/compound/Welcome.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/Welcome.tsx"],
+  "sourcesContent": ["import React from \"react\";\n// import { useChatState } from \"../context/ChatStateContext\";\nimport logo from \"@/assets/logo.png\";\nimport { useStyles } from \"./styles\";\n\ninterface Props {\n  welcome?: React.ReactNode;\n}\n\nconst Welcome: React.FC<Props> = ({ welcome }) => {\n  // const { appInfo } = useChatState();\n  const styles = useStyles();\n\n  if (welcome) return <>{welcome}</>;\n\n  return (\n    <div\n      style={{\n        display: \"flex\",\n        flexDirection: \"column\",\n        alignItems: \"center\",\n        gap: \"16px\",\n        textAlign: \"center\",\n      }}\n    >\n      <img src={logo} style={{ width: \"80px\", height: \"80px\" }} />\n      <h2 className={styles.logoText}>Hi, 有什么我能帮您的吗？</h2>\n    </div>\n  );\n};\n\nexport default Welcome;\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAEA,kBAAiB;AACjB,oBAA0B;AAUJ;AAJtB,IAAM,UAA2B,CAAC,EAAE,QAAQ,MAAM;AAEhD,QAAM,aAAS,yBAAU;AAEzB,MAAI;AAAS,WAAO,2EAAG,mBAAQ;AAE/B,SACE;AAAA,IAAC;AAAA;AAAA,MACC,OAAO;AAAA,QACL,SAAS;AAAA,QACT,eAAe;AAAA,QACf,YAAY;AAAA,QACZ,KAAK;AAAA,QACL,WAAW;AAAA,MACb;AAAA,MAEA;AAAA,oDAAC,SAAI,KAAK,YAAAA,SAAM,OAAO,EAAE,OAAO,QAAQ,QAAQ,OAAO,GAAG;AAAA,QAC1D,4CAAC,QAAG,WAAW,OAAO,UAAU,4BAAc;AAAA;AAAA;AAAA,EAChD;AAEJ;AAEA,IAAO,kBAAQ;",
+  "names": ["logo"]
+}

package/dist/cjs/components/XAdkProvider/compound/index.d.ts

@@ -0,0 +1,17 @@
+/**
+ * XAdkProvider Compound Components
+ *
+ * 提供可组合的子组件,用于构建自定义聊天界面
+ */
+export { default as Header } from './Header';
+export { default as Sidebar } from './Sidebar';
+export { default as Messages } from './Messages';
+export { default as Sender } from './Sender';
+export { default as Chatbot } from './Chatbot';
+export { default as DefaultLayout } from './DefaultLayout';
+export type { XAdkHeaderProps } from './Header';
+export type { XAdkSidebarProps } from './Sidebar';
+export type { XAdkMessagesProps } from './Messages';
+export type { XAdkSenderCompoundProps } from './Sender';
+export type { XAdkChatbotCompoundProps } from './Chatbot';
+export type { DefaultLayoutProps } from './DefaultLayout';

package/dist/cjs/components/XAdkProvider/compound/index.js

@@ -0,0 +1,55 @@
+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/XAdkProvider/compound/index.ts
+var compound_exports = {};
+__export(compound_exports, {
+  Chatbot: () => import_Chatbot.default,
+  DefaultLayout: () => import_DefaultLayout.default,
+  Header: () => import_Header.default,
+  Messages: () => import_Messages.default,
+  Sender: () => import_Sender.default,
+  Sidebar: () => import_Sidebar.default
+});
+module.exports = __toCommonJS(compound_exports);
+var import_Header = __toESM(require("./Header"));
+var import_Sidebar = __toESM(require("./Sidebar"));
+var import_Messages = __toESM(require("./Messages"));
+var import_Sender = __toESM(require("./Sender"));
+var import_Chatbot = __toESM(require("./Chatbot"));
+var import_DefaultLayout = __toESM(require("./DefaultLayout"));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  Chatbot,
+  DefaultLayout,
+  Header,
+  Messages,
+  Sender,
+  Sidebar
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/components/XAdkProvider/compound/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../../src/components/XAdkProvider/compound/index.ts"],
+  "sourcesContent": ["/**\n * XAdkProvider Compound Components\n *\n * 提供可组合的子组件,用于构建自定义聊天界面\n */\n\nexport { default as Header } from './Header';\nexport { default as Sidebar } from './Sidebar';\nexport { default as Messages } from './Messages';\nexport { default as Sender } from './Sender';\nexport { default as Chatbot } from './Chatbot';\nexport { default as DefaultLayout } from './DefaultLayout';\n\nexport type { XAdkHeaderProps } from './Header';\nexport type { XAdkSidebarProps } from './Sidebar';\nexport type { XAdkMessagesProps } from './Messages';\nexport type { XAdkSenderCompoundProps } from './Sender';\nexport type { XAdkChatbotCompoundProps } from './Chatbot';\nexport type { DefaultLayoutProps } from './DefaultLayout';\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAMA,oBAAkC;AAClC,qBAAmC;AACnC,sBAAoC;AACpC,oBAAkC;AAClC,qBAAmC;AACnC,2BAAyC;",
+  "names": []
+}

package/dist/cjs/components/XAdkProvider/compound/styles.d.ts

@@ -0,0 +1,36 @@
+export declare const useStyles: () => {
+    logoText: 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;
+};

package/dist/cjs/components/XAdkProvider/compound/styles.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/XAdkProvider/compound/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  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)(() => ({
+  logoText: import_css.css`
+    font-size: 30px;
+    line-height: 36px;
+    font-weight: 800;
+    width: 100%;
+    min-width: 330px;
+    margin-top: 30px;
+    color: transparent;
+    background: linear-gradient(to right, #ff69b4, #4169e1);
+    background-clip: text;
+    width: 0;
+    overflow: hidden;
+    text-overflow: unset;
+    white-space: nowrap;
+    animation: typewiriter 1s forwards;
+  `
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});
+//# sourceMappingURL=styles.js.map