@zero-library/chat-agent 2.0.2 → 2.0.4

package/dist/index.cjs.js

@@ -7,14 +7,14 @@ var jsxRuntime = require('react/jsx-runtime');
 var react = require('react');
 var icons = require('@ant-design/icons');
 var x = require('@ant-design/x');
-var classNames2 = require('classnames');
+var classNames5 = require('classnames');
 var valtio = require('valtio');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
-var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
+var classNames5__default = /*#__PURE__*/_interopDefault(classNames5);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 
 var __defProp = Object.defineProperty;
@@ -210,6 +210,7 @@ var init_IndexQuote = __esm({
         if (!el) return;
         const previous = el.previousElementSibling;
         if (!previous) return;
+        console.log("previous", previous, el);
         previous.appendChild(el);
       }, []);
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: "inline-block m-l-8", children: [
@@ -501,7 +502,8 @@ var defaultLayout = {
   headerTitle: true,
   headerConversationListBtn: true,
   headerNewConversationBtn: true,
-  headerCloseBtn: false
+  headerCloseBtn: false,
+  disclaimerNotice: true
 };
 function createChatStore() {
   const config = valtio.proxy({
@@ -895,7 +897,6 @@ init_Context();
 var styles_module_default = {
   loadingMessage: "styles_module_loadingMessage",
   nsConversations: "styles_module_nsConversations",
-  nsBody: "styles_module_nsBody",
   nsBodyWidth: "styles_module_nsBodyWidth",
   nsBubbleList: "styles_module_nsBubbleList",
   nsAgentHeader: "styles_module_nsAgentHeader",
@@ -965,7 +966,6 @@ var AgentHeader_default = () => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
   const configState = valtio.useSnapshot(chatStore.config);
-  valtio.useSnapshot(chatStore.conversations);
   return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", className: styles_module_default.nsAgentHeader, children: [
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
@@ -1092,7 +1092,7 @@ var MessageAIRender_default = ({ message: message4, placement }) => {
     x.Bubble,
     {
       placement,
-      className: classNames2__default.default({ [styles_module_default.loadingMessage]: message4.status === "loading" }),
+      className: classNames5__default.default({ [styles_module_default.loadingMessage]: message4.status === "loading" }),
       content: /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
         thinkContents.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
           antd.Collapse,
@@ -1152,7 +1152,7 @@ var BubbleListItems_default = ({ avatar = true }) => {
           /* @__PURE__ */ jsxRuntime.jsx(
             x.Welcome,
             {
-              className: classNames2__default.default(styles_module_default.chatWelcome, "p-t-32"),
+              className: classNames5__default.default(styles_module_default.chatWelcome, "p-t-32"),
               variant: "borderless",
               icon: /* @__PURE__ */ jsxRuntime.jsx(antd.Avatar, { shape: "square", size: 58, src: agentState.active.iconUrl }),
               title: `\u4F60\u597D\uFF0C\u6211\u662F${agentState.active.name || ""}`,
@@ -1170,7 +1170,7 @@ var BubbleListItems_default = ({ avatar = true }) => {
                   label: "\u{1F914} \u63A8\u8350\u95EE\u9898:",
                   children: agentState.active.recommendQuestions.map(({ question, id }) => ({
                     key: id,
-                    description: /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => chatStore.onSendMessage(question), className: classNames2__default.default(styles_module_default.chatWelcomePrompts, "text-ellipsis"), children: question })
+                    description: /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => chatStore.sendMessage(question), className: classNames5__default.default(styles_module_default.chatWelcomePrompts, "text-ellipsis"), children: question })
                   }))
                 }
               ]
@@ -1198,7 +1198,7 @@ var BubbleListItems_default = ({ avatar = true }) => {
             vertical: true,
             items: chatMessage?.questionList.map(({ question, id }) => ({
               key: id,
-              description: /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => chatStore.onSendMessage(question), children: question })
+              description: /* @__PURE__ */ jsxRuntime.jsx("span", { onClick: () => chatStore.sendMessage(question), children: question })
             }))
           }
         ),
@@ -1269,7 +1269,7 @@ var BubbleListItems_default = ({ avatar = true }) => {
     {
       ref: listRef,
       items: bubbleListItems,
-      className: classNames2__default.default(styles_module_default.nsBubbleList, "height-full", "scroll-fade-in")
+      className: classNames5__default.default(styles_module_default.nsBubbleList, "height-full", "scroll-fade-in")
     },
     conversationState.active.key
   );
@@ -1616,7 +1616,7 @@ var ConversationListHeader_default = () => {
         type: "primary",
         shape: "round",
         onClick: () => chatStore.switchConversation(),
-        className: classNames2__default.default("m-t-16"),
+        className: classNames5__default.default("m-t-16"),
         icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
         children: "\u65B0\u5EFA\u4F1A\u8BDD"
       }
@@ -1649,7 +1649,7 @@ var SenderPromptsItems_default = () => {
           title: /* @__PURE__ */ jsxRuntime.jsx(
             "div",
             {
-              className: classNames2__default.default(styles_module_default.senderListTitle, "text-ellipsis"),
+              className: classNames5__default.default(styles_module_default.senderListTitle, "text-ellipsis"),
               children: `${agentState.active.name}\u5F00\u59CB\u5173\u6CE8${question.labelName}\u5185\u5BB9\uFF01`
             }
           ),
@@ -1667,7 +1667,9 @@ var SenderPromptsItems_default = () => {
 var styles_module_default3 = {
   nsPreviewHeader: "styles_module_nsPreviewHeader",
   nsPreviewHeaderTitle: "styles_module_nsPreviewHeaderTitle",
-  nsChatTitle: "styles_module_nsChatTitle2"
+  nsChatSenderHeader: "styles_module_nsChatSenderHeader",
+  nsDisclaimerNotice: "styles_module_nsDisclaimerNotice",
+  nsChatLayout: "styles_module_nsChatLayout"
 };
 var layouts_default = react.forwardRef(({ theme, params, hooks, layout, defaultAgent }, ref) => {
   const chatStore = react.useMemo(() => createChatStore(), []);
@@ -1708,7 +1710,7 @@ var layouts_default = react.forwardRef(({ theme, params, hooks, layout, defaultA
   const hasPreView = react.useMemo(() => {
     return common.shouldRender(configState.layout.preview) && (!!configState.preview.file.fileUrl || !!configState.preview.file.content);
   }, [configState.layout.preview, configState.preview.file]);
-  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: agentState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "overflow-hidden height-full", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { onResize: setSplitterSizes, children: [
+  return /* @__PURE__ */ jsxRuntime.jsx(x.XProvider, { theme: { cssVar: true, ...theme }, children: /* @__PURE__ */ jsxRuntime.jsx(ChatProvider, { store: chatStore, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: agentState.loading, wrapperClassName: "full-spin", children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames5__default.default(styles_module_default3.nsChatLayout, "height-full"), children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { onResize: setSplitterSizes, children: [
     common.shouldRender(configState.layout.conversationList) && /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { size: 360, collapsible: false, resizable: false, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: "height-full", children: [
       /* @__PURE__ */ jsxRuntime.jsx(
         common.RenderWrapper,
@@ -1772,9 +1774,9 @@ var layouts_default = react.forwardRef(({ theme, params, hooks, layout, defaultA
         }
       )
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, resizable: false, size: hasPreView ? 400 : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames2__default.default("height-full"), children: [
+    /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, resizable: false, size: hasPreView ? 400 : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames5__default.default("height-full"), children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.header, DefaultComponent: AgentHeader_default }),
-      /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames2__default.default("full-scroll", styles_module_default.nsBody), children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "center", vertical: true, gap: 24, className: classNames2__default.default("height-full", styles_module_default.nsBodyWidth), children: [
+      /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames5__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "center", vertical: true, gap: 24, className: classNames5__default.default("height-full p-t-8 p-b-8", styles_module_default.nsBodyWidth), children: [
         common.shouldRender(configState.layout.messageList) && /* @__PURE__ */ jsxRuntime.jsx("div", { className: "full-scroll", children: /* @__PURE__ */ jsxRuntime.jsx(
           common.RenderWrapper,
           {
@@ -1786,7 +1788,7 @@ var layouts_default = react.forwardRef(({ theme, params, hooks, layout, defaultA
           common.RenderWrapper,
           {
             control: configState.layout.senderHeader,
-            DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default3.nsChatTitle, children: [
+            DefaultComponent: /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default3.nsChatSenderHeader, children: [
               "\u6211\u662F ",
               agentState.active.name
             ] })
@@ -1800,7 +1802,14 @@ var layouts_default = react.forwardRef(({ theme, params, hooks, layout, defaultA
               DefaultComponent: SenderPromptsItems_default
             }
           ),
-          /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.sender, DefaultComponent: ChatSender_default2 })
+          /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.sender, DefaultComponent: ChatSender_default2 }),
+          /* @__PURE__ */ jsxRuntime.jsx(
+            common.RenderWrapper,
+            {
+              control: configState.layout.disclaimerNotice,
+              DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsDisclaimerNotice, children: "\u5185\u5BB9\u7531AI\u751F\u6210\uFF0C\u4EC5\u4F9B\u53C2\u8003\uFF0C\u8BF7\u4ED4\u7EC6\u7504\u522B" })
+            }
+          )
         ] }),
         /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.senderFooter, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) })
       ] }) })