@ai-group/chat-sdk 0.2.5 → 0.2.7

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

@@ -0,0 +1,409 @@
+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/XAiChatbot/styles.tsx
+var styles_exports = {};
+__export(styles_exports, {
+  GlobalStyle: () => GlobalStyle,
+  useStyles: () => useStyles
+});
+module.exports = __toCommonJS(styles_exports);
+var import_react = __toESM(require("react"));
+var import_css = require("@emotion/css");
+var import_react2 = require("@emotion/react");
+var import_common = require("../../styles/common");
+var primaryBlue = "#0078FF";
+var lightBlue = "#E6F0FF";
+var darkGray = "#333";
+var lightGray = "#888";
+var borderGray = "#ddd";
+var useStyles = (0, import_common.withBasicStyles)(() => ({
+  // 静态样式
+  wrapper: import_css.css`
+    display: flex;
+    flex-direction: column;
+    max-height: 812px;
+    min-height: 300px;
+    width: 100%;
+    height: 100%;
+    min-width: 375px;
+    background-color: #fff;
+    // border: 1px solid rgba(80,96,122,.15);
+    border-radius: 12px;
+    overflow: hidden;
+    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,
+      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;
+  `,
+  navbar: import_css.css`
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    padding: 12px 16px;
+    border-bottom: 1px solid ${borderGray};
+    background-color: #fff;
+  `,
+  avatar: import_css.css`
+    width: 40px;
+    height: 40px;
+    border-radius: 50%;
+    object-fit: cover;
+    margin-right: 12px;
+    border: 1px solid ${borderGray};
+  `,
+  title: import_css.css`
+    font-weight: 600;
+    font-size: 16px;
+    color: ${darkGray};
+  `,
+  subtitle: import_css.css`
+    font-size: 12px;
+    color: ${lightGray};
+    margin-top: 2px;
+  `,
+  messageContainer: import_css.css`
+    flex: 1;
+    overflow-y: auto;
+    padding: 16px;
+    background-color: #fff;
+    display: flex;
+    flex-direction: column;
+    gap: 10px;
+    min-height: 0;
+    position: relative;
+  `,
+  emptyWrapper: import_css.css`
+    height: 100%;
+    display: flex;
+    flex-direction: column;
+    align-items: center;
+    justify-content: center;
+    color: '#222';
+    userSelect: none;
+  `,
+  emptyImg: import_css.css`
+    width: 60px;
+    height: 60px;
+    margin-bottom: 16px;
+  `,
+  message: import_css.css`
+    max-width: 70%;
+    padding: 10px 14px;
+    border-radius: 20px;
+    background-color: ${lightBlue};
+    color: ${darkGray};
+    font-size: 14px;
+    line-height: 1.4;
+    word-break: break-word;
+    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
+  `,
+  messageRight: import_css.css`
+    align-self: flex-end;
+    background-color: ${primaryBlue};
+    color: white;
+    border-bottom-right-radius: 4px;
+    border-bottom-left-radius: 20px;
+    border-top-left-radius: 20px;
+    border-top-right-radius: 20px;
+  `,
+  quickReplies: import_css.css`
+    display: flex;
+    gap: 8px;
+    padding: 10px 16px;
+    border-top: 1px solid ${borderGray};
+    background-color: #fff;
+    overflow-x: auto;
+  `,
+  replyItem: import_css.css`
+    padding: 6px 12px;
+    font-size: 13px;
+    border: 1px solid ${primaryBlue};
+    border-radius: 20px;
+    background-color: #fff;
+    color: ${primaryBlue};
+    cursor: pointer;
+    white-space: nowrap;
+    user-select: none;
+    transition: all 0.2s ease;
+  
+    &:hover {
+      background-color: ${primaryBlue};
+      color: #fff;
+    }
+  `,
+  highlight: import_css.css`
+    background-color: ${primaryBlue};
+    color: white;
+    border-color: ${primaryBlue};
+  `,
+  inputBar: import_css.css`
+    display: flex;
+    align-items: center;
+    padding: 10px 16px;
+    border-top: 1px solid ${borderGray};
+    background-color: #fff;
+  `,
+  input: import_css.css`
+    flex: 1;
+    padding: 8px 12px;
+    border: 1px solid ${borderGray};
+    border-radius: 20px;
+    font-size: 14px;
+    outline: none;
+  
+    &:focus {
+      border-color: ${primaryBlue};
+      box-shadow: 0 0 3px ${primaryBlue};
+    }
+  `,
+  sendWrapper: import_css.css`
+    flex: 1;
+    border-radius: 26px;
+  `,
+  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;
+  `,
+  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: ${primaryBlue};
+    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: ${lightBlue};
+      cursor: not-allowed;
+    }
+  `,
+  uploadBtn: import_css.css`
+    margin-left: 8px;
+    width: 32px;
+    height: 32px;
+    border-radius: 50%;
+    background-color: ${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: 12px;
+    width: 45px;
+    height: 45px;
+    box-sizing: border-box;
+  `,
+  chatFooter: import_css.css`
+    gap: 8px;
+    position: relatative;
+    z-index: 10;
+    padding: 0 20px 10px 20px;
+  `,
+  // todo 后续增加safe-bottom
+  flexCenterGap2: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+  `,
+  iconHuihuarenqun: import_css.css`
+    font-family: "iconfont";
+    font-size: 16px;
+    font-weight: 300;
+    padding: 3px;
+    border-radius: 6px;
+    color: #181B25;
+    cursor: pointer;
+    &:hover {
+      background: #E1E4EA;
+      color: #7F56D9;
+    }
+  `,
+  popoverFooter: import_css.css`
+    display: flex;
+    gap: 8px;
+    justify-content: end;
+  `,
+  divider: import_css.css`
+    width: 1px;
+    height: 15px;
+    margin-left: 3px;
+    margin-right: 3px;
+    background: #D0D5DD;
+  `,
+  flexCenterGap4: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 4px;
+    color: #7F56D9;
+    cursor: pointer;
+    &:hover {
+      opacity: 0.8;
+    }
+  `,
+  iconZengjiaDisabled: import_css.css`
+    font-family: "iconfont";
+    font-size: 25px;
+    font-weight: 300;
+    color: #D0D5DD;
+    cursor: not-allowed;
+  `,
+  iconZengjiaNormal: import_css.css`
+    font-family: "iconfont";
+    font-size: 25px;
+    font-weight: 300;
+    color: #98A2B3;
+    cursor: pointer;
+    &:hover {
+      color: #7F56D9;
+    }
+  `,
+  actionHeaderWrapper: import_css.css`
+    margin-bottom: 12px;
+  `,
+  actionHeaderItem: import_css.css`
+    display: flex;
+    align-items: center;
+    height: 40px;
+    box-sizing: border-box;
+    padding: 10px 16px;
+    margin-bottom: 8px;
+    background: #f7fafd;
+    cursor: pointer;
+    border-radius: 8px;
+    box-shadow: 0 1px 3px rgba(0,0,0,0.03);
+  `,
+  actionHeaderIcon: import_css.css`
+    height: 14px;
+  `,
+  actionHeaderText: import_css.css`
+    font-weight: 400;
+    font-size: 14px;
+    color: #3961F2;
+    margin-left: 10px;
+    margin-right: 6px;
+  `,
+  actionHeaderDetail: import_css.css`
+    background: #F3F5FA;
+    border-radius: 8px;
+    overflow: hidden;
+  `,
+  actionDetailTitle: import_css.css`
+    display: flex;
+    align-items: center;
+    padding: 0 16px;
+    box-sizing: border-box;
+    background: #EDEFF5;
+    height: 32px;
+    margin-bottom: 12px;
+    cursor: pointer;
+  `,
+  actionHeaderDetailItem: import_css.css`
+    display: flex;
+    align-items: center;
+    gap: 8px;
+    font-size: 14px;
+    padding: 0 16px;
+    margin-bottom: 12px;
+    color: #949494;
+  `,
+  actionHeaderCost: import_css.css`
+    margin-left: auto;
+    color: #888;
+    font-size: 12px;
+    min-width: 32px;
+    text-align: right;
+  `
+}));
+var GlobalStyle = () => /* @__PURE__ */ import_react.default.createElement(
+  import_react2.Global,
+  {
+    styles: import_react2.css`
+      .ant-bubble-footer {
+        display: flex;
+        align-items: center;
+        min-width: 0,
+        max-width: 600,
+        /* 你想覆盖的其他样式 */
+      }
+
+      .ant-sender {
+        box-shadow: none !important;
+      }
+
+      .ant-prompts-item {
+        padding-block: 8px !important;
+      }
+
+      /* 用户消息气泡背景色 */
+      .ant-bubble .user-content {
+        background-color: #D8E0FD;
+      }
+
+      /* 助手消息气泡背景色 */
+      .ant-bubble .assistant-content {
+        background-color: #F3F5FA;
+      }
+    `
+  }
+);
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  GlobalStyle,
+  useStyles
+});
+//# sourceMappingURL=styles.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiChatbot/styles.tsx"],
+  "sourcesContent": ["import React from 'react';\nimport { css } from '@emotion/css';\nimport { css as globalCss, Global } from '@emotion/react';\nimport { withBasicStyles } from '@/styles/common';\n\nconst primaryBlue = '#0078FF'; // 主蓝色\nconst lightBlue = '#E6F0FF';   // 浅蓝色气泡背景\nconst darkGray = '#333';        // 深灰色文本\nconst lightGray = '#888';       // 浅灰文本\nconst borderGray = '#ddd';      // 边框灰色\n\nexport const useStyles = withBasicStyles(() => ({\n  // 静态样式\n  wrapper: css`\n    display: flex;\n    flex-direction: column;\n    max-height: 812px;\n    min-height: 300px;\n    width: 100%;\n    height: 100%;\n    min-width: 375px;\n    background-color: #fff;\n    // border: 1px solid rgba(80,96,122,.15);\n    border-radius: 12px;\n    overflow: hidden;\n    font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, Oxygen,\n      Ubuntu, Cantarell, 'Open Sans', 'Helvetica Neue', sans-serif;\n  `,\n\n  navbar: css`\n    display: flex;\n    align-items: center;\n    justify-content: center;\n    padding: 12px 16px;\n    border-bottom: 1px solid ${borderGray};\n    background-color: #fff;\n  `,\n\n  avatar: css`\n    width: 40px;\n    height: 40px;\n    border-radius: 50%;\n    object-fit: cover;\n    margin-right: 12px;\n    border: 1px solid ${borderGray};\n  `,\n\n  title: css`\n    font-weight: 600;\n    font-size: 16px;\n    color: ${darkGray};\n  `,\n\n  subtitle: css`\n    font-size: 12px;\n    color: ${lightGray};\n    margin-top: 2px;\n  `,\n\n  messageContainer: css`\n    flex: 1;\n    overflow-y: auto;\n    padding: 16px;\n    background-color: #fff;\n    display: flex;\n    flex-direction: column;\n    gap: 10px;\n    min-height: 0;\n    position: relative;\n  `,\n\n  emptyWrapper: css`\n    height: 100%;\n    display: flex;\n    flex-direction: column;\n    align-items: center;\n    justify-content: center;\n    color: '#222';\n    userSelect: none;\n  `,\n\n  emptyImg: css`\n    width: 60px;\n    height: 60px;\n    margin-bottom: 16px;\n  `,\n\n  message: css`\n    max-width: 70%;\n    padding: 10px 14px;\n    border-radius: 20px;\n    background-color: ${lightBlue};\n    color: ${darkGray};\n    font-size: 14px;\n    line-height: 1.4;\n    word-break: break-word;\n    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);\n  `,\n\n  messageRight: css`\n    align-self: flex-end;\n    background-color: ${primaryBlue};\n    color: white;\n    border-bottom-right-radius: 4px;\n    border-bottom-left-radius: 20px;\n    border-top-left-radius: 20px;\n    border-top-right-radius: 20px;\n  `,\n\n  quickReplies: css`\n    display: flex;\n    gap: 8px;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n    overflow-x: auto;\n  `,\n\n  replyItem: css`\n    padding: 6px 12px;\n    font-size: 13px;\n    border: 1px solid ${primaryBlue};\n    border-radius: 20px;\n    background-color: #fff;\n    color: ${primaryBlue};\n    cursor: pointer;\n    white-space: nowrap;\n    user-select: none;\n    transition: all 0.2s ease;\n  \n    &:hover {\n      background-color: ${primaryBlue};\n      color: #fff;\n    }\n  `,\n\n  highlight: css`\n    background-color: ${primaryBlue};\n    color: white;\n    border-color: ${primaryBlue};\n  `,\n\n  inputBar: css`\n    display: flex;\n    align-items: center;\n    padding: 10px 16px;\n    border-top: 1px solid ${borderGray};\n    background-color: #fff;\n  `,\n\n  input: css`\n    flex: 1;\n    padding: 8px 12px;\n    border: 1px solid ${borderGray};\n    border-radius: 20px;\n    font-size: 14px;\n    outline: none;\n  \n    &:focus {\n      border-color: ${primaryBlue};\n      box-shadow: 0 0 3px ${primaryBlue};\n    }\n  `,\n\n  sendWrapper: css`\n    flex: 1;\n    border-radius: 26px;\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  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: ${primaryBlue};\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: 12px;\n    width: 45px;\n    height: 45px;\n    box-sizing: border-box;\n  `,\n\n  chatFooter: css`\n    gap: 8px;\n    position: relatative;\n    z-index: 10;\n    padding: 0 20px 10px 20px;\n  `, // todo 后续增加safe-bottom\n\n  flexCenterGap2: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n  `,\n\n  iconHuihuarenqun: css`\n    font-family: \"iconfont\";\n    font-size: 16px;\n    font-weight: 300;\n    padding: 3px;\n    border-radius: 6px;\n    color: #181B25;\n    cursor: pointer;\n    &:hover {\n      background: #E1E4EA;\n      color: #7F56D9;\n    }\n  `,\n\n  popoverFooter: css`\n    display: flex;\n    gap: 8px;\n    justify-content: end;\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  flexCenterGap4: css`\n    display: flex;\n    align-items: center;\n    gap: 4px;\n    color: #7F56D9;\n    cursor: pointer;\n    &:hover {\n      opacity: 0.8;\n    }\n  `,\n\n  iconZengjiaDisabled: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #D0D5DD;\n    cursor: not-allowed;\n  `,\n\n  iconZengjiaNormal: css`\n    font-family: \"iconfont\";\n    font-size: 25px;\n    font-weight: 300;\n    color: #98A2B3;\n    cursor: pointer;\n    &:hover {\n      color: #7F56D9;\n    }\n  `,\n  actionHeaderWrapper: css`\n    margin-bottom: 12px;\n  `,\n  actionHeaderItem: css`\n    display: flex;\n    align-items: center;\n    height: 40px;\n    box-sizing: border-box;\n    padding: 10px 16px;\n    margin-bottom: 8px;\n    background: #f7fafd;\n    cursor: pointer;\n    border-radius: 8px;\n    box-shadow: 0 1px 3px rgba(0,0,0,0.03);\n  `,\n  actionHeaderIcon: css`\n    height: 14px;\n  `,\n  actionHeaderText: css`\n    font-weight: 400;\n    font-size: 14px;\n    color: #3961F2;\n    margin-left: 10px;\n    margin-right: 6px;\n  `,\n  actionHeaderDetail: css`\n    background: #F3F5FA;\n    border-radius: 8px;\n    overflow: hidden;\n  `,\n  actionDetailTitle: css`\n    display: flex;\n    align-items: center;\n    padding: 0 16px;\n    box-sizing: border-box;\n    background: #EDEFF5;\n    height: 32px;\n    margin-bottom: 12px;\n    cursor: pointer;\n  `,\n  actionHeaderDetailItem: css`\n    display: flex;\n    align-items: center;\n    gap: 8px;\n    font-size: 14px;\n    padding: 0 16px;\n    margin-bottom: 12px;\n    color: #949494;\n  `,\n  actionHeaderCost: css`\n    margin-left: auto;\n    color: #888;\n    font-size: 12px;\n    min-width: 32px;\n    text-align: right;\n  `,\n}));\n\nexport const GlobalStyle: React.FC = () => (\n  <Global\n    styles={globalCss`\n      .ant-bubble-footer {\n        display: flex;\n        align-items: center;\n        min-width: 0,\n        max-width: 600,\n        /* 你想覆盖的其他样式 */\n      }\n\n      .ant-sender {\n        box-shadow: none !important;\n      }\n\n      .ant-prompts-item {\n        padding-block: 8px !important;\n      }\n\n      /* 用户消息气泡背景色 */\n      .ant-bubble .user-content {\n        background-color: #D8E0FD;\n      }\n\n      /* 助手消息气泡背景色 */\n      .ant-bubble .assistant-content {\n        background-color: #F3F5FA;\n      }\n    `}\n  />\n);\n"],
+  "mappings": "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",
+  "names": ["import_react", "React", "globalCss"]
+}

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

@@ -0,0 +1,7 @@
+import type { Meta, StoryObj } from '@storybook/react-vite';
+import XAiProvider from './index';
+declare const meta: Meta<typeof XAiProvider>;
+export default meta;
+type Story = StoryObj<typeof meta>;
+export declare const WithProvider: Story;
+export declare const MultipleProviders: Story;

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

@@ -0,0 +1,127 @@
+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/XAiProvider/XAiProvider.stories.tsx
+var XAiProvider_stories_exports = {};
+__export(XAiProvider_stories_exports, {
+  MultipleProviders: () => MultipleProviders,
+  WithProvider: () => WithProvider,
+  default: () => XAiProvider_stories_default
+});
+module.exports = __toCommonJS(XAiProvider_stories_exports);
+var import_react = __toESM(require("react"));
+var import_index = __toESM(require("./index"));
+var import_XAiChatbot = __toESM(require("../XAiChatbot"));
+var meta = {
+  title: "AI组件/XAiProvider AI容器",
+  component: import_index.default,
+  parameters: {
+    layout: "centered",
+    docs: {
+      description: {
+        component: "AI 聊天机器人容器组件，提供全局上下文和消息管理功能。"
+      }
+    }
+  },
+  tags: ["autodocs"],
+  argTypes: {
+    url: {
+      control: "text",
+      description: "AI 服务地址"
+    },
+    token: {
+      control: "text",
+      description: "认证 token"
+    },
+    providerId: {
+      control: "text",
+      description: "Provider 唯一标识"
+    }
+  },
+  // 添加装饰器，确保组件有必要的上下文
+  decorators: [
+    (Story) => /* @__PURE__ */ import_react.default.createElement("div", { style: { padding: "20px" } }, /* @__PURE__ */ import_react.default.createElement(Story, null))
+  ]
+};
+var XAiProvider_stories_default = meta;
+var WithProvider = {
+  render: (args) => /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "400px", height: "600px" } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args }, /* @__PURE__ */ import_react.default.createElement(
+    import_XAiChatbot.default,
+    {
+      navbarShow: true,
+      navbar: {
+        title: "Provider 聊天机器人",
+        subtitle: "由 Provider 管理消息",
+        avatar: "https://via.placeholder.com/40"
+      }
+    }
+  ))),
+  args: {
+    url: "http://ai-platform.xline-dev.test.xinke.biz",
+    token: "eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJjYWIxYjM3Ni03MmZjLTRkNWEtOTIzMC01N2U3NmZiMGI4NmQiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQzMTc1OTAsImV4cCI6MTc1NDkyMjM5MCwidHlwZSI6InJlZnJlc2giLCJjbGllbnRfaWQiOiJBcHAxOTUwMDIwNTk0NDUyNjYwMjI0Iiwic2NvcGUiOiJhbGwiLCJwbGF0Zm9ybV90eXBlIjoiTWFpblN0YXRpb24ifQ.crZFQRycuHHA1iIIFJ5ak9kS1-04Eqro-QWWG8HZj6Dz7DkLWYuQBPCrUlCtavGu0XW5tqHZ5WW4tdST06FvEA",
+    config: {
+      appNo: "App1952213101022154752",
+      pt: "MainStation",
+      tc: "ZABX"
+    },
+    providerId: "demo-provider"
+  }
+};
+var MultipleProviders = {
+  render: (args) => /* @__PURE__ */ import_react.default.createElement("div", { style: { display: "flex", gap: "20px" } }, /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "400px", height: "600px" } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, providerId: "provider-1" }, /* @__PURE__ */ import_react.default.createElement(
+    import_XAiChatbot.default,
+    {
+      navbarShow: true,
+      navbar: {
+        title: "Provider 1",
+        subtitle: "第一个聊天机器人",
+        avatar: "https://via.placeholder.com/40"
+      }
+    }
+  ))), /* @__PURE__ */ import_react.default.createElement("div", { style: { width: "400px", height: "600px" } }, /* @__PURE__ */ import_react.default.createElement(import_index.default, { ...args, providerId: "provider-2" }, /* @__PURE__ */ import_react.default.createElement(
+    import_XAiChatbot.default,
+    {
+      navbarShow: true,
+      navbar: {
+        title: "Provider 2",
+        subtitle: "第二个聊天机器人",
+        avatar: "https://via.placeholder.com/40"
+      }
+    }
+  )))),
+  args: {
+    url: "https://api.example.com/ai",
+    token: "your-token-here"
+  }
+};
+// Annotate the CommonJS export names for ESM import in node:
+0 && (module.exports = {
+  MultipleProviders,
+  WithProvider
+});
+//# sourceMappingURL=XAiProvider.stories.js.map

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

@@ -0,0 +1,7 @@
+{
+  "version": 3,
+  "sources": ["../../../../src/components/XAiProvider/XAiProvider.stories.tsx"],
+  "sourcesContent": ["import type { Meta, StoryObj } from '@storybook/react-vite';\nimport React from 'react';\nimport XAiProvider from './index';\nimport XAiChatbot from '../XAiChatbot';\n\nconst meta: Meta<typeof XAiProvider> = {\n  title: 'AI组件/XAiProvider AI容器',\n  component: XAiProvider,\n  parameters: {\n    layout: 'centered',\n    docs: {\n      description: {\n        component: 'AI 聊天机器人容器组件，提供全局上下文和消息管理功能。',\n      },\n    },\n  },\n  tags: ['autodocs'],\n  argTypes: {\n    url: {\n      control: 'text',\n      description: 'AI 服务地址',\n    },\n    token: {\n      control: 'text',\n      description: '认证 token',\n    },\n    providerId: {\n      control: 'text',\n      description: 'Provider 唯一标识',\n    },\n  },\n  // 添加装饰器，确保组件有必要的上下文\n  decorators: [\n    (Story) => (\n      <div style={{ padding: '20px' }}>\n        <Story />\n      </div>\n    ),\n  ],\n};\n\nexport default meta;\ntype Story = StoryObj<typeof meta>;\n\n// 使用 Provider 的 XAiChatbot\nexport const WithProvider: Story = {\n  render: (args) => (\n    <div style={{ width: '400px', height: '600px' }}>\n      <XAiProvider {...args}>\n        <XAiChatbot\n          navbarShow\n          navbar={{\n            title: 'Provider 聊天机器人',\n            subtitle: '由 Provider 管理消息',\n            avatar: 'https://via.placeholder.com/40',\n          }}\n        />\n      </XAiProvider>\n    </div>\n  ),\n  args: {\n    url: 'http://ai-platform.xline-dev.test.xinke.biz',\n    token: 'eyJhbGciOiJIUzUxMiJ9.eyJqdGkiOiJjYWIxYjM3Ni03MmZjLTRkNWEtOTIzMC01N2U3NmZiMGI4NmQiLCJzdWIiOiJSZXgiLCJpc3MiOiJodHRwOi8vY2hhdC10ZXN0LnpheGxpbmUuY29tIiwiYXVkIjoiTWFpblN0YXRpb24iLCJpYXQiOjE3NTQzMTc1OTAsImV4cCI6MTc1NDkyMjM5MCwidHlwZSI6InJlZnJlc2giLCJjbGllbnRfaWQiOiJBcHAxOTUwMDIwNTk0NDUyNjYwMjI0Iiwic2NvcGUiOiJhbGwiLCJwbGF0Zm9ybV90eXBlIjoiTWFpblN0YXRpb24ifQ.crZFQRycuHHA1iIIFJ5ak9kS1-04Eqro-QWWG8HZj6Dz7DkLWYuQBPCrUlCtavGu0XW5tqHZ5WW4tdST06FvEA',\n    config: {\n      appNo: 'App1952213101022154752',\n      pt: 'MainStation',\n      tc: 'ZABX',\n    },\n    providerId: 'demo-provider',\n  },\n};\n\n// 多个 Provider 示例\nexport const MultipleProviders: Story = {\n  render: (args) => (\n    <div style={{ display: 'flex', gap: '20px' }}>\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-1\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 1',\n              subtitle: '第一个聊天机器人',\n              avatar: 'https://via.placeholder.com/40',\n            }}\n          />\n        </XAiProvider>\n      </div>\n\n      <div style={{ width: '400px', height: '600px' }}>\n        <XAiProvider {...args} providerId=\"provider-2\">\n          <XAiChatbot\n            navbarShow\n            navbar={{\n              title: 'Provider 2',\n              subtitle: '第二个聊天机器人',\n              avatar: 'https://via.placeholder.com/40',\n            }}\n          />\n        </XAiProvider>\n      </div>\n    </div>\n  ),\n  args: {\n    url: 'https://api.example.com/ai',\n    token: 'your-token-here',\n  },\n};\n\n// // 自定义消息处理示例\n// export const CustomMessageHandling: Story = {\n//   render: (args) => (\n//     <div style={{ width: '400px', height: '600px' }}>\n//       <XAiProvider {...args}>\n//         <XAiChatbot\n//           navbarShow\n//           navbar={{\n//             title: '自定义处理',\n//             subtitle: '自定义消息处理逻辑',\n//             avatar: 'https://via.placeholder.com/40',\n//           }}\n//           messageActions={[\n//             {\n//               key: 'custom',\n//               icon: <span>🔧</span>,\n//               tooltip: '自定义操作',\n//             },\n//           ]}\n//           onMessagesActionsCallback={(index, data) => {\n//             console.log('自定义操作:', index, data);\n//           }}\n//         />\n//       </XAiProvider>\n//     </div>\n//   ),\n//   args: {\n//     url: 'https://api.example.com/ai',\n//     token: 'your-token-here',\n//     providerId: 'custom-provider',\n//   },\n// };\n\n// // 示例 1: 使用通用 Hook 的组件\n// const GenericComponent = React.memo<{ title: string }>(({ title }) => {\n//   const { isInProvider, getProviderValue } = useProviderContext({\n//     props: { title },\n//   });\n\n//   const providerMethods = useProviderMethods();\n\n//   const handleCustomAction = () => {\n//     if (isInProvider) {\n//       providerMethods.sendMessage?.('自定义消息');\n//     } else {\n//       console.log('独立组件动作');\n//     }\n//   };\n\n//   return (\n//     <div style={{ padding: '20px', border: '1px solid #ccc', marginBottom: '10px' }}>\n//       <h3>{title}</h3>\n//       <p>是否在 Provider 中: {isInProvider ? '是' : '否'}</p>\n//       <p>消息数量: {getProviderValue('messages')?.length || 0}</p>\n//       <button onClick={handleCustomAction}>\n//         {isInProvider ? '使用 Provider 方法' : '使用原有回调'}\n//       </button>\n//     </div>\n//   );\n// });\n\n// // 示例 2: 自定义聊天组件\n// const CustomChatComponent = React.memo(() => {\n//   const { isInProvider, getProviderValue } = useProviderContext({\n//     props: {},\n//   });\n\n//   const providerMethods = useProviderMethods();\n\n//   const messageCount = getProviderValue('messages')?.length || 0;\n//   const theme = messageCount > 5 ? 'dark' : 'light';\n\n//   return (\n//     <div style={{\n//       padding: '20px',\n//       backgroundColor: theme === 'dark' ? '#333' : '#fff',\n//       color: theme === 'dark' ? '#fff' : '#333',\n//       border: '1px solid #ccc',\n//       marginBottom: '10px',\n//     }}\n//     >\n//       <h3>自定义聊天组件</h3>\n//       <p>主题: {theme}</p>\n//       <p>是否在 Provider 中: {isInProvider ? '是' : '否'}</p>\n//       <button\n//         onClick={() => providerMethods.sendMessage?.('Hello from custom component')}\n//         disabled={!isInProvider}\n//       >\n//         发送消息\n//       </button>\n//     </div>\n//   );\n// });\n\n// // 展示 Hook 灵活性的示例\n// export const HookFlexibilityExample: Story = {\n//   render: (args) => (\n//     <div style={{ width: '600px', height: '800px' }}>\n//       <XAiProvider {...args}>\n//         <div style={{ padding: '20px' }}>\n//           <h3>Hook 灵活性示例</h3>\n//           <p>展示不同组件如何使用相同的 Hook</p>\n\n//           {/* 不同的组件使用相同的 Hook */}\n//           <div style={{ marginBottom: '20px' }}>\n//             <GenericComponent title=\"组件 A\" />\n//             <GenericComponent title=\"组件 B\" />\n//             <CustomChatComponent />\n//           </div>\n\n//           {/* 聊天机器人 */}\n//           <XAiChatbot\n//             navbarShow\n//             navbar={{\n//               title: '灵活 Hook 示例',\n//               subtitle: '所有组件共享 Provider 状态',\n//               avatar: 'https://via.placeholder.com/40',\n//             }}\n//           />\n//         </div>\n//       </XAiProvider>\n//     </div>\n//   ),\n//   args: {\n//     url: 'https://api.example.com/ai',\n//     token: 'your-token-here',\n//     providerId: 'flexibility-example',\n//   },\n//   parameters: {\n//     docs: {\n//       description: {\n//         story: '展示如何使用 useProviderContext 和 useProviderMethods Hook 来创建可复用的组件。',\n//       },\n//     },\n//   },\n// };\n\n// // 展示独立组件 vs Provider 组件的对比\n// export const ComponentComparison: Story = {\n//   render: (args) => (\n//     <div style={{ display: 'flex', gap: '20px', padding: '20px' }}>\n//       {/* 独立使用的组件 */}\n//       <div style={{ width: '300px' }}>\n//         <h4>独立组件</h4>\n//         <GenericComponent title=\"独立组件\" />\n//         <CustomChatComponent />\n//       </div>\n\n//       {/* 在 Provider 中的组件 */}\n//       <div style={{ width: '300px' }}>\n//         <h4>Provider 中的组件</h4>\n//         <XAiProvider {...args}>\n//           <GenericComponent title=\"Provider 组件\" />\n//           <CustomChatComponent />\n//           <XAiChatbot\n//             navbarShow\n//             navbar={{\n//               title: '示例聊天机器人',\n//               subtitle: '在 Provider 中',\n//               avatar: 'https://via.placeholder.com/40',\n//             }}\n//           />\n//         </XAiProvider>\n//       </div>\n//     </div>\n//   ),\n//   args: {\n//     url: 'https://api.example.com/ai',\n//     token: 'your-token-here',\n//     providerId: 'comparison-example',\n//   },\n// };\n"],
+  "mappings": ";;;;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AACA,mBAAkB;AAClB,mBAAwB;AACxB,wBAAuB;AAEvB,IAAM,OAAiC;AAAA,EACrC,OAAO;AAAA,EACP,WAAW,aAAAA;AAAA,EACX,YAAY;AAAA,IACV,QAAQ;AAAA,IACR,MAAM;AAAA,MACJ,aAAa;AAAA,QACX,WAAW;AAAA,MACb;AAAA,IACF;AAAA,EACF;AAAA,EACA,MAAM,CAAC,UAAU;AAAA,EACjB,UAAU;AAAA,IACR,KAAK;AAAA,MACH,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA,OAAO;AAAA,MACL,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,IACA,YAAY;AAAA,MACV,SAAS;AAAA,MACT,aAAa;AAAA,IACf;AAAA,EACF;AAAA;AAAA,EAEA,YAAY;AAAA,IACV,CAAC,UACC,6BAAAC,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,OAAO,KAC5B,6BAAAA,QAAA,cAAC,WAAM,CACT;AAAA,EAEJ;AACF;AAEA,IAAO,8BAAQ;AAIR,IAAM,eAAsB;AAAA,EACjC,QAAQ,CAAC,SACP,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,QACf,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF;AAAA,EAEF,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,IACP,QAAQ;AAAA,MACN,OAAO;AAAA,MACP,IAAI;AAAA,MACJ,IAAI;AAAA,IACN;AAAA,IACA,YAAY;AAAA,EACd;AACF;AAGO,IAAM,oBAA2B;AAAA,EACtC,QAAQ,CAAC,SACP,6BAAAD,QAAA,cAAC,SAAI,OAAO,EAAE,SAAS,QAAQ,KAAK,OAAO,KACzC,6BAAAA,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,MAAM,YAAW,gBAChC,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF,GAEA,6BAAAD,QAAA,cAAC,SAAI,OAAO,EAAE,OAAO,SAAS,QAAQ,QAAQ,KAC5C,6BAAAA,QAAA,cAAC,aAAAD,SAAA,EAAa,GAAG,MAAM,YAAW,gBAChC,6BAAAC,QAAA;AAAA,IAAC,kBAAAC;AAAA,IAAA;AAAA,MACC,YAAU;AAAA,MACV,QAAQ;AAAA,QACN,OAAO;AAAA,QACP,UAAU;AAAA,QACV,QAAQ;AAAA,MACV;AAAA;AAAA,EACF,CACF,CACF,CACF;AAAA,EAEF,MAAM;AAAA,IACJ,KAAK;AAAA,IACL,OAAO;AAAA,EACT;AACF;",
+  "names": ["XAiProvider", "React", "XAiChatbot"]
+}

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

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