@ai-group/chat-sdk 3.5.5 → 3.5.7

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

@@ -0,0 +1,228 @@
+var __create = Object.create;
+var __defProp = Object.defineProperty;
+var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
+var __getOwnPropNames = Object.getOwnPropertyNames;
+var __getProtoOf = Object.getPrototypeOf;
+var __hasOwnProp = Object.prototype.hasOwnProperty;
+var __export = (target, all) => {
+  for (var name in all)
+    __defProp(target, name, { get: all[name], enumerable: true });
+};
+var __copyProps = (to, from, except, desc) => {
+  if (from && typeof from === "object" || typeof from === "function") {
+    for (let key of __getOwnPropNames(from))
+      if (!__hasOwnProp.call(to, key) && key !== except)
+        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
+  }
+  return to;
+};
+var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(
+  // If the importer is in node compatibility mode or this is not an ESM
+  // file that has been converted to a CommonJS file using a Babel-
+  // compatible transform (i.e. "__esModule" has not been set), then set
+  // "default" to the CommonJS "module.exports" for node compatibility.
+  isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target,
+  mod
+));
+var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
+
+// src/components/XAiSender/index.tsx
+var XAiSender_exports = {};
+__export(XAiSender_exports, {
+  default: () => XAiSender_default
+});
+module.exports = __toCommonJS(XAiSender_exports);
+var import_react = require("react");
+var import_x = require("@ant-design/x");
+var import_antd = require("antd");
+var import_icons = require("@ant-design/icons");
+var import_clsx = __toESM(require("clsx"));
+var import_useProviderContext = require("../../hooks/useProviderContext");
+var import_styles = require("./styles");
+var import_jsx_runtime = require("react/jsx-runtime");
+var XAiSender = (props) => {
+  const { mergedProps } = (0, import_useProviderContext.useChatbotContext)(props);
+  const {
+    footerTips,
+    clearBtnShow,
+    value,
+    onChange,
+    onClear,
+    onStop,
+    onSubmit,
+    files,
+    enableUpload,
+    onChangeFiles,
+    uploadRequest,
+    loading: propLoading = false,
+    disabled,
+    ...resetProps
+  } = mergedProps;
+  const senderRef = (0, import_react.useRef)(null);
+  const attachmentsRef = (0, import_react.useRef)(null);
+  const loading = mergedProps.loading || propLoading;
+  const [clearPopoverVisible, setClearPopoverVisible] = (0, import_react.useState)(false);
+  const styles = (0, import_styles.useStyles)();
+  const handleSend = () => {
+    if (value && value.trim()) {
+      onSubmit == null ? void 0 : onSubmit({
+        text: value,
+        files: files || []
+      });
+    }
+  };
+  const fileInputRef = (0, import_react.useRef)(null);
+  const handleClear = () => {
+    setClearPopoverVisible(true);
+  };
+  const cancelClear = () => {
+    setClearPopoverVisible(false);
+  };
+  const confirmClear = () => {
+    onClear == null ? void 0 : onClear();
+    setClearPopoverVisible(false);
+  };
+  const clearConfirmContent = /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.p("2px"), children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("p", { className: (0, import_clsx.default)(styles.mb(14), styles.mt(0)), children: "确认清除所有聊天记录并重置会话！" }),
+    /* @__PURE__ */ (0, import_jsx_runtime.jsxs)("div", { className: styles.popoverFooter, children: [
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { size: "small", onClick: cancelClear, children: "取消" }),
+      /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_antd.Button, { size: "small", type: "primary", danger: true, onClick: confirmClear, children: "确认" })
+    ] })
+  ] });
+  const uploadButton = /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.flexCenterGap2, children: /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(
+    import_antd.Tooltip,
+    {
+      placement: "top",
+      title: "支持图片、文档等上传",
+      children: [
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_antd.Button,
+          {
+            color: "default",
+            variant: "text",
+            shape: "circle",
+            size: "small",
+            icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.PlusCircleOutlined, { style: { fontSize: 20, color: "#949494" } }),
+            onClick: () => {
+              var _a;
+              if (fileInputRef.current) {
+                (_a = fileInputRef.current) == null ? void 0 : _a.click();
+              }
+            }
+          }
+        ),
+        /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          "input",
+          {
+            type: "file",
+            ref: fileInputRef,
+            multiple: true,
+            onChange: (e) => {
+              var _a;
+              const fileList = e.target.files || [];
+              if (!fileList.length)
+                return;
+              for (let i = 0; i < fileList.length; i++) {
+                const file = fileList[i];
+                (_a = attachmentsRef.current) == null ? void 0 : _a.upload(file);
+              }
+              e.target.value = "";
+            },
+            style: { display: "none" },
+            accept: "*/*"
+          }
+        )
+      ]
+    }
+  ) });
+  return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+    /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.chatFooter, children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: (0, import_clsx.default)(styles.flex, styles.gap(8)), children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+      import_x.Sender,
+      {
+        ...resetProps,
+        value,
+        className: styles.sendWrapper,
+        placeholder: "继续对话...",
+        disabled,
+        loading,
+        ref: senderRef,
+        header: enableUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+          import_x.Sender.Header,
+          {
+            closable: false,
+            forceRender: true,
+            open: !!(files == null ? void 0 : files.length),
+            styles: {
+              content: { padding: 0 }
+            },
+            children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_x.Attachments,
+              {
+                ref: attachmentsRef,
+                customRequest: uploadRequest,
+                multiple: true,
+                items: files,
+                onChange: ({ fileList }) => {
+                  onChangeFiles == null ? void 0 : onChangeFiles(fileList);
+                },
+                getDropContainer: () => {
+                  var _a;
+                  return (_a = senderRef.current) == null ? void 0 : _a.nativeElement;
+                }
+              }
+            )
+          }
+        ),
+        suffix: false,
+        footer: (_, info) => {
+          const { SendButton, LoadingButton } = info.components;
+          return /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Flex, { justify: "space-between", children: [
+            /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { children: clearBtnShow && /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+              import_antd.Popover,
+              {
+                content: clearConfirmContent,
+                title: "确认清空对话",
+                trigger: "click",
+                open: clearPopoverVisible,
+                onOpenChange: setClearPopoverVisible,
+                children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                  "div",
+                  {
+                    className: styles.clearBtn,
+                    onClick: handleClear,
+                    children: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ClearOutlined, { className: styles.text(12) })
+                  }
+                )
+              }
+            ) }),
+            /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_antd.Space, { size: "small", style: { display: "flex", alignItems: "center" }, children: [
+              enableUpload && /* @__PURE__ */ (0, import_jsx_runtime.jsxs)(import_jsx_runtime.Fragment, { children: [
+                uploadButton,
+                /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.divider })
+              ] }),
+              loading ? /* @__PURE__ */ (0, import_jsx_runtime.jsx)(LoadingButton, { onClick: () => onStop == null ? void 0 : onStop(), className: styles.stopButton }) : /* @__PURE__ */ (0, import_jsx_runtime.jsx)(
+                SendButton,
+                {
+                  className: styles.sendButton,
+                  type: "primary",
+                  icon: /* @__PURE__ */ (0, import_jsx_runtime.jsx)(import_icons.ArrowUpOutlined, { className: styles.text(20) }),
+                  disabled
+                }
+              )
+            ] })
+          ] });
+        },
+        onChange: (v) => {
+          onChange == null ? void 0 : onChange(v);
+        },
+        onSubmit: handleSend,
+        onCancel: () => {
+          onStop == null ? void 0 : onStop();
+        }
+      }
+    ) }) }),
+    footerTips && /* @__PURE__ */ (0, import_jsx_runtime.jsx)("div", { className: styles.footerTips, children: footerTips })
+  ] });
+};
+var XAiSender_default = XAiSender;
+//# sourceMappingURL=index.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiSender/index.tsx"],
+  "sourcesContent": ["import React, {\n  useRef,\n  useState,\n} from 'react';\nimport {\n  Attachments,\n  Sender,\n} from '@ant-design/x';\nimport {\n  Button,\n  GetRef,\n  Popover,\n  Space,\n  Flex,\n  Tooltip,\n} from 'antd';\nimport {\n  ArrowUpOutlined,\n  ClearOutlined,\n  PlusCircleOutlined,\n} from '@ant-design/icons';\nimport clsx from 'clsx';\nimport { AttachmentsRef } from '@ant-design/x/es/attachments';\nimport {\n  XAiSenderProps,\n} from '@/types';\nimport { useChatbotContext } from '@/hooks/useProviderContext';\nimport { useStyles } from './styles';\n\nconst XAiSender: React.FC<XAiSenderProps> = (props) => {\n  // 使用新的 Hook 来处理 Provider 上下文\n  const { mergedProps } = useChatbotContext(props);\n  const {\n    footerTips,\n    clearBtnShow,\n    value,\n    onChange,\n    onClear,\n    onStop,\n    onSubmit,\n    files,\n    enableUpload,\n    onChangeFiles,\n    uploadRequest,\n    loading: propLoading = false,\n    disabled,\n    ...resetProps\n  } = mergedProps as XAiSenderProps;\n  const senderRef = useRef<GetRef<typeof Sender>>(null);\n  const attachmentsRef = useRef<AttachmentsRef>(null);\n\n  // 如果在 Provider 中，使用 Provider 的状态\n  const loading = mergedProps.loading || propLoading;\n  const [clearPopoverVisible, setClearPopoverVisible] = useState(false); // 气泡卡片显隐藏\n  const styles = useStyles();\n\n  // 触发发送\n  const handleSend = () => {\n    if (value && value.trim()) {\n      // 直接使用合并后的 onSend，自动处理 Provider 和独立模式\n      onSubmit?.({\n        text: value,\n        files: files || [],\n      });\n    }\n  };\n\n  // 文件上传按钮引用\n  const fileInputRef = useRef<HTMLInputElement>(null);\n\n  //  点击清除按钮\n  const handleClear = () => {\n    setClearPopoverVisible(true);\n  };\n\n  // 取消清除\n  const cancelClear = () => {\n    setClearPopoverVisible(false);\n  };\n\n  // 确认清除\n  const confirmClear = () => {\n    onClear?.();\n    setClearPopoverVisible(false);\n  };\n\n  // 清空按钮提示文案\n  const clearConfirmContent = (\n    <div className={styles.p('2px')}>\n      <p className={clsx(styles.mb(14), styles.mt(0))}>确认清除所有聊天记录并重置会话！</p>\n      <div className={styles.popoverFooter}>\n        <Button size=\"small\" onClick={cancelClear}>\n          取消\n        </Button>\n        <Button size=\"small\" type=\"primary\" danger onClick={confirmClear}>\n          确认\n        </Button>\n      </div>\n    </div>\n  );\n\n  // 自定义上传按钮\n  const uploadButton = (\n    <div className={styles.flexCenterGap2}>\n      <Tooltip\n        placement=\"top\"\n        title=\"支持图片、文档等上传\"\n      >\n        <Button\n          color=\"default\"\n          variant=\"text\"\n          shape=\"circle\"\n          size=\"small\"\n          icon={<PlusCircleOutlined style={{ fontSize: 20, color: '#949494' }} />}\n          onClick={() => {\n            if (fileInputRef.current) {\n              fileInputRef.current?.click();\n            }\n          }}\n        />\n        <input\n          type=\"file\"\n          ref={fileInputRef}\n          multiple\n          onChange={(e) => {\n            const fileList = e.target.files || [];\n            if (!fileList.length) return;\n            for (let i = 0; i < fileList.length; i++) {\n              const file = fileList[i];\n              attachmentsRef.current?.upload(file);\n            }\n            e.target.value = '';\n          }}\n          style={{ display: 'none' }}\n          accept=\"*/*\"\n        />\n      </Tooltip>\n    </div>\n  );\n\n  return (\n    <>\n      <div className={styles.chatFooter}>\n        <div className={clsx(styles.flex, styles.gap(8))}>\n          {/* 普通文本输入 */}\n          <Sender\n            {...resetProps}\n            value={value}\n            className={styles.sendWrapper}\n            placeholder=\"继续对话...\"\n            disabled={disabled}\n            loading={loading}\n            ref={senderRef}\n            header={enableUpload && (\n              <Sender.Header\n                closable={false}\n                forceRender\n                open={!!files?.length}\n                styles={{\n                  content: { padding: 0 },\n                }}\n              >\n                <Attachments\n                  ref={attachmentsRef}\n                  customRequest={uploadRequest}\n                  multiple\n                  items={files}\n                  // imageProps={{\n                  //   preview: {\n                  //     mask: true,\n                  //   },\n                  // }}\n                  onChange={({ fileList }) => {\n                    onChangeFiles?.(fileList);\n                  }}\n                  getDropContainer={() => senderRef.current?.nativeElement}\n                />\n              </Sender.Header>\n            )}\n            suffix={false}\n            footer={(_, info) => {\n              const { SendButton, LoadingButton } = info.components;\n              return (\n                <Flex justify=\"space-between\">\n                  <div>\n                    {/* 清空按钮 */}\n                    {clearBtnShow && (\n                      <Popover\n                        content={clearConfirmContent}\n                        title=\"确认清空对话\"\n                        trigger=\"click\"\n                        open={clearPopoverVisible}\n                        onOpenChange={setClearPopoverVisible}\n                      >\n                        <div\n                          className={styles.clearBtn}\n                          onClick={handleClear}\n                        >\n                          <ClearOutlined className={styles.text(12)} />\n                        </div>\n                      </Popover>\n                    )}\n                  </div>\n                  <Space size=\"small\" style={{ display: 'flex', alignItems: 'center'}}>\n                    {enableUpload && (\n                      <>\n                        {uploadButton}\n                        <div className={styles.divider} />\n                      </>\n                    )}\n                    {loading\n                      ? (\n                        <LoadingButton onClick={() => onStop?.()} className={styles.stopButton} />\n                      )\n                      : (\n                        <SendButton\n                          className={styles.sendButton}\n                          type=\"primary\"\n                          icon={<ArrowUpOutlined className={styles.text(20)} />}\n                          disabled={disabled}\n                        />\n                      )}\n                  </Space>\n                </Flex>\n              );\n            }}\n            onChange={(v) => {\n              onChange?.(v);\n            }}\n            onSubmit={handleSend}\n            onCancel={() => {\n              onStop?.();\n            }}\n          />\n        </div>\n      </div>\n      { footerTips && <div className={styles.footerTips}>{footerTips}</div>}\n    </>\n  );\n};\n\nexport default XAiSender;\n"],
+  "mappings": "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",
+  "names": ["clsx"]
+}

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

@@ -0,0 +1,44 @@
+export declare const useStyles: () => {
+    chatFooter: string;
+    footerTips: string;
+    popoverFooter: string;
+    sendButton: string;
+    uploadBtn: string;
+    clearBtn: string;
+    stopButton: string;
+    divider: string;
+    sendWrapper: 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/XAiSender/styles.js

@@ -0,0 +1,157 @@
+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/XAiSender/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)(() => ({
+  chatFooter: import_css.css`
+    gap: 8px;
+    position: relatative;
+    z-index: 10;
+    padding: 0 20px 10px 20px;
+  `,
+  footerTips: import_css.css`
+    display: flex;
+    align-items:center;
+    justify-content: center;
+    font-size: 12px;
+    padding-bottom: 5px;
+    color: rgba(0,0,0,0.4);
+  `,
+  popoverFooter: import_css.css`
+    display: flex;
+    gap: 8px;
+    justify-content: end;
+  `,
+  sendButton: import_css.css`
+    width: 23px !important;
+    height: 23px !important;
+    padding: 0 !important;
+    min-width: 23px !important;
+    min-height: 23px !important;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    background-color: #000000;
+    border: none;
+    border-radius: 20px;
+    color: white;
+    font-weight: 600;
+    cursor: pointer;
+    transition: background-color 0.2s ease;
+    box-sizing: border-box;
+    &:hover {
+      background-color: #005ecb;
+    }
+    &:disabled {
+      background-color: ${import_common.lightBlue};
+      cursor: not-allowed;
+    }
+  `,
+  uploadBtn: import_css.css`
+    margin-left: 8px;
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    background-color: ${import_common.primaryBlue};
+    color: white;
+    font-weight: 700;
+    font-size: 22px;
+    line-height: 32px;
+    text-align: center;
+    cursor: pointer;
+    border: none;
+    user-select: none;
+    &:hover {
+      background-color: #005ecb;
+    }
+  `,
+  clearBtn: import_css.css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    cursor: pointer;
+    border: 1px solid rgb(228, 231, 236);
+    border-radius: 50%;
+    width: 28px;
+    height: 28px;
+    box-sizing: border-box;
+  `,
+  stopButton: import_css.css`
+    width: 23px !important;
+    height: 23px !important;
+    padding: 0 !important;
+    min-width: 23px !important;
+    min-height: 23px !important;
+    display: flex;
+    align-items: center;
+    justify-content: center;
+  `,
+  divider: import_css.css`
+    width: 1px;
+    height: 15px;
+    margin-left: 3px;
+    margin-right: 3px;
+    background: #D0D5DD;
+  `,
+  sendWrapper: import_css.css`
+    flex: 1;
+    border-radius: 26px;
+    .ant-attachment-list-card-type-preview {
+      width: 52px;
+      height: 52px;
+    }
+    .ant-attachment .ant-attachment-list-upload-btn {
+      width: 52px;
+      height: 52px;
+      font-size: 24px;
+    }
+    .ant-attachment-list-card-type-overview {
+      padding: 9px;
+      line-height: 1;
+    }
+    .ant-attachment-list-card-type-overview .ant-attachment-list-card-icon {
+      display: flex;
+      padding-top: 0px;
+    }
+    .ant-attachment-list-card .ant-attachment-list-card-name {
+      margin-bottom: 4px;
+    }
+    .ant-attachment-list-card-motion-leave-active {
+      display: none;
+    }
+    .ant-progress-inner {
+      width: 44px!important;
+      height: 44px!important;
+    }
+    .ant-progress-text {
+      font-size: 12px;
+    }
+  `
+}));
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiSender/styles.tsx"],
+  "sourcesContent": ["/* eslint-disable import/prefer-default-export */\nimport { css } from '@emotion/css';\nimport { withBasicStyles, lightBlue, primaryBlue } from '@/styles/common';\n\nexport const useStyles = withBasicStyles(() => ({\n  chatFooter: css`\n    gap: 8px;\n    position: relatative;\n    z-index: 10;\n    padding: 0 20px 10px 20px;\n  `,\n\n  footerTips: css`\n    display: flex;\n    align-items:center;\n    justify-content: center;\n    font-size: 12px;\n    padding-bottom: 5px;\n    color: rgba(0,0,0,0.4);\n  `,\n\n  popoverFooter: css`\n    display: flex;\n    gap: 8px;\n    justify-content: end;\n  `,\n\n  sendButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    background-color: #000000;\n    border: none;\n    border-radius: 20px;\n    color: white;\n    font-weight: 600;\n    cursor: pointer;\n    transition: background-color 0.2s ease;\n    box-sizing: border-box;\n    &:hover {\n      background-color: #005ecb;\n    }\n    &:disabled {\n      background-color: ${lightBlue};\n      cursor: not-allowed;\n    }\n  `,\n\n  uploadBtn: css`\n    margin-left: 8px;\n    width: 32px;\n    height: 32px;\n    border-radius: 50%;\n    background-color: ${primaryBlue};\n    color: white;\n    font-weight: 700;\n    font-size: 22px;\n    line-height: 32px;\n    text-align: center;\n    cursor: pointer;\n    border: none;\n    user-select: none;\n    &:hover {\n      background-color: #005ecb;\n    }\n  `,\n\n  clearBtn: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    cursor: pointer;\n    border: 1px solid rgb(228, 231, 236);\n    border-radius: 50%;\n    width: 28px;\n    height: 28px;\n    box-sizing: border-box;\n  `,\n\n  stopButton: css`\n    width: 23px !important;\n    height: 23px !important;\n    padding: 0 !important;\n    min-width: 23px !important;\n    min-height: 23px !important;\n    display: flex;\n    align-items: center;\n    justify-content: center;\n  `,\n\n  divider: css`\n    width: 1px;\n    height: 15px;\n    margin-left: 3px;\n    margin-right: 3px;\n    background: #D0D5DD;\n  `,\n\n  sendWrapper: css`\n    flex: 1;\n    border-radius: 26px;\n    .ant-attachment-list-card-type-preview {\n      width: 52px;\n      height: 52px;\n    }\n    .ant-attachment .ant-attachment-list-upload-btn {\n      width: 52px;\n      height: 52px;\n      font-size: 24px;\n    }\n    .ant-attachment-list-card-type-overview {\n      padding: 9px;\n      line-height: 1;\n    }\n    .ant-attachment-list-card-type-overview .ant-attachment-list-card-icon {\n      display: flex;\n      padding-top: 0px;\n    }\n    .ant-attachment-list-card .ant-attachment-list-card-name {\n      margin-bottom: 4px;\n    }\n    .ant-attachment-list-card-motion-leave-active {\n      display: none;\n    }\n    .ant-progress-inner {\n      width: 44px!important;\n      height: 44px!important;\n    }\n    .ant-progress-text {\n      font-size: 12px;\n    }\n  `,\n}));\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,iBAAoB;AACpB,oBAAwD;AAEjD,IAAM,gBAAY,+BAAgB,OAAO;AAAA,EAC9C,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAOZ,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EASZ,eAAe;AAAA;AAAA;AAAA;AAAA;AAAA,EAMf,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,0BAqBY;AAAA;AAAA;AAAA;AAAA,EAKxB,WAAW;AAAA;AAAA;AAAA;AAAA;AAAA,wBAKW;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EActB,UAAU;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAYV,YAAY;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAWZ,SAAS;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAQT,aAAa;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAkCf,EAAE;",
+  "names": []
+}

package/dist/cjs/constants/index.d.ts

@@ -0,0 +1,3 @@
+export declare const SESSION_PAGE_SIZE = 50;
+export declare const MOBILE_MAX_WIDTH = 760;
+export declare const API_SUCCESS_CODE = "XS000000";

package/dist/cjs/constants/index.js

@@ -0,0 +1,36 @@
+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/constants/index.ts
+var constants_exports = {};
+__export(constants_exports, {
+  API_SUCCESS_CODE: () => API_SUCCESS_CODE,
+  MOBILE_MAX_WIDTH: () => MOBILE_MAX_WIDTH,
+  SESSION_PAGE_SIZE: () => SESSION_PAGE_SIZE
+});
+module.exports = __toCommonJS(constants_exports);
+var SESSION_PAGE_SIZE = 50;
+var MOBILE_MAX_WIDTH = 760;
+var API_SUCCESS_CODE = "XS000000";
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  API_SUCCESS_CODE,
+  MOBILE_MAX_WIDTH,
+  SESSION_PAGE_SIZE
+});
+//# sourceMappingURL=index.js.map

package/dist/cjs/constants/index.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/constants/index.ts"],
+  "sourcesContent": ["// 会话分页数\nexport const SESSION_PAGE_SIZE = 50;\n\n// 移动端交互最大宽度\nexport const MOBILE_MAX_WIDTH = 760;\n\n// 成功状态码\nexport const API_SUCCESS_CODE = 'XS000000';"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACO,IAAM,oBAAoB;AAG1B,IAAM,mBAAmB;AAGzB,IAAM,mBAAmB;",
+  "names": []
+}

package/dist/cjs/context/AiProviderContext.d.ts

@@ -0,0 +1,15 @@
+/// <reference types="react" />
+import type { XAiChatbotProps, XAiConversationsProps, Messages } from "../types";
+export interface XAiContextType extends Omit<XAiChatbotProps, 'onScroll' | 'messages'>, Omit<XAiConversationsProps, 'onScroll'> {
+    onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;
+    messages: Messages[];
+    providerId?: string;
+    token: string;
+    error: string | null;
+    loadMoreSessions?: () => void;
+    isInProvider?: boolean;
+}
+declare const XAiContext: React.Context<XAiContextType>;
+export { XAiContext };
+export declare const useXAi: () => XAiContextType | undefined;
+export declare const useXAiProviders: () => string[];

package/dist/cjs/context/AiProviderContext.js

@@ -0,0 +1,74 @@
+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/context/AiProviderContext.tsx
+var AiProviderContext_exports = {};
+__export(AiProviderContext_exports, {
+  XAiContext: () => XAiContext,
+  useXAi: () => useXAi,
+  useXAiProviders: () => useXAiProviders
+});
+module.exports = __toCommonJS(AiProviderContext_exports);
+var import_react = require("react");
+var defaultContextValue = {
+  providerId: void 0,
+  token: "",
+  messages: [],
+  loading: false,
+  error: null,
+  emptyStateImage: "",
+  emptyStateText: "",
+  isInProvider: false
+};
+var XAiContext = (() => {
+  try {
+    return (0, import_react.createContext)(defaultContextValue);
+  } catch {
+    const fallback = {};
+    return fallback;
+  }
+})();
+var useXAi = () => {
+  try {
+    const context = (0, import_react.useContext)(XAiContext);
+    if (!(context == null ? void 0 : context.isInProvider)) {
+      return void 0;
+    }
+    return context;
+  } catch {
+    return void 0;
+  }
+};
+var useXAiProviders = () => {
+  try {
+    const context = (0, import_react.useContext)(XAiContext);
+    if (!(context == null ? void 0 : context.isInProvider)) {
+      return [];
+    }
+    return context.providerId ? [context.providerId] : [];
+  } catch {
+    return [];
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  XAiContext,
+  useXAi,
+  useXAiProviders
+});
+//# sourceMappingURL=AiProviderContext.js.map

package/dist/cjs/context/AiProviderContext.js.map

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../src/context/AiProviderContext.tsx"],
+  "sourcesContent": ["import { createContext, useContext } from 'react';\nimport type { XAiChatbotProps, XAiConversationsProps, Messages } from '@/types';\n// 定义 context 的类型\n// 解决 onScroll 冲突，显式声明 onScroll 类型\nexport interface XAiContextType extends Omit<XAiChatbotProps, 'onScroll' | 'messages'>, Omit<XAiConversationsProps, 'onScroll'> {\n  onScroll?: (event: React.UIEvent<HTMLDivElement>) => void;\n  messages: Messages[];\n  providerId?: string;\n  token: string;\n  error: string | null;\n  // 加载更多 session\n  loadMoreSessions?: () => void;\n  // 标识是否在真实的 Provider 中\n  isInProvider?: boolean;\n}\n\n// 默认 context 值\nconst defaultContextValue: XAiContextType = {\n  providerId: undefined,\n  token: '',\n  messages: [],\n  loading: false,\n  error: null,\n  emptyStateImage: '',\n  emptyStateText: '',\n\n  isInProvider: false,\n};\n\n// 安全地创建 context，避免 React 为 null 的情况\nconst XAiContext: React.Context<XAiContextType> = (() => {\n  try {\n    return createContext<XAiContextType>(defaultContextValue);\n  } catch {\n    // 如果 React 不可用，创建一个 fallback\n    // eslint-disable-next-line\n    const fallback: React.Context<XAiContextType> = {} as React.Context<XAiContextType>;\n    return fallback;\n  }\n})();\n\nexport { XAiContext };\n\n// 改进的 useXAi hook\nexport const useXAi = () => {\n  try {\n    const context = useContext(XAiContext);\n\n    // 如果没有在 Provider 中，返回 undefined\n    if (!context?.isInProvider) {\n      return undefined;\n    }\n\n    return context;\n  } catch {\n    // 如果 useContext 失败，返回 undefined\n    return undefined;\n  }\n};\n\n// 获取所有可用的 Provider ID\nexport const useXAiProviders = () => {\n  try {\n    const context = useContext(XAiContext);\n\n    // 如果没有在 Provider 中，返回空数组\n    if (!context?.isInProvider) {\n      return [];\n    }\n\n    // 返回当前 Provider 的 ID（如果有的话）\n    return context.providerId ? [context.providerId] : [];\n  } catch {\n    return [];\n  }\n};\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,mBAA0C;AAiB1C,IAAM,sBAAsC;AAAA,EAC1C,YAAY;AAAA,EACZ,OAAO;AAAA,EACP,UAAU,CAAC;AAAA,EACX,SAAS;AAAA,EACT,OAAO;AAAA,EACP,iBAAiB;AAAA,EACjB,gBAAgB;AAAA,EAEhB,cAAc;AAChB;AAGA,IAAM,cAA6C,MAAM;AACvD,MAAI;AACF,eAAO,4BAA8B,mBAAmB;AAAA,EAC1D,QAAE;AAGA,UAAM,WAA0C,CAAC;AACjD,WAAO;AAAA,EACT;AACF,GAAG;AAKI,IAAM,SAAS,MAAM;AAC1B,MAAI;AACF,UAAM,cAAU,yBAAW,UAAU;AAGrC,QAAI,EAAC,mCAAS,eAAc;AAC1B,aAAO;AAAA,IACT;AAEA,WAAO;AAAA,EACT,QAAE;AAEA,WAAO;AAAA,EACT;AACF;AAGO,IAAM,kBAAkB,MAAM;AACnC,MAAI;AACF,UAAM,cAAU,yBAAW,UAAU;AAGrC,QAAI,EAAC,mCAAS,eAAc;AAC1B,aAAO,CAAC;AAAA,IACV;AAGA,WAAO,QAAQ,aAAa,CAAC,QAAQ,UAAU,IAAI,CAAC;AAAA,EACtD,QAAE;AACA,WAAO,CAAC;AAAA,EACV;AACF;",
+  "names": []
+}

package/dist/cjs/context/ThemeContext.d.ts

@@ -0,0 +1,20 @@
+import React from 'react';
+export interface XThemeConfig {
+    mode?: 'light' | 'dark';
+    primaryColor?: string;
+    bubble?: {
+        className?: string;
+        style?: React.CSSProperties;
+        classNames?: Record<string, string>;
+        styles?: Record<string, React.CSSProperties>;
+    };
+    sender?: {
+        className?: string;
+        style?: React.CSSProperties;
+        classNames?: Record<string, string>;
+        styles?: Record<string, React.CSSProperties>;
+    };
+}
+export declare const ThemeContext: React.Context<XThemeConfig>;
+export declare const useTheme: () => XThemeConfig;
+export declare const ThemeProvider: React.Provider<XThemeConfig>;