@zero-library/chat-agent 2.0.7 → 2.0.9

package/dist/index.cjs.js

@@ -26,6 +26,19 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+var docQuery, fileCreate;
+var init_file = __esm({
+  "src/services/file.ts"() {
+    docQuery = (paramsStr) => {
+      return common.request.get(`/uc/doc?${paramsStr}`);
+    };
+    fileCreate = async (fileContent, fileName, targetFormat = "docx") => {
+      const blob = await common.request.post(`/uc/doc/convert`, { fileContent, fileName, targetFormat }, { responseType: "blob" });
+      const url = URL.createObjectURL(blob);
+      common.downloadFile(url, fileName);
+    };
+  }
+});
 function transform(source, fieldMap) {
   const result = {};
   for (const [targetKey, mapping] of Object.entries(fieldMap)) {
@@ -152,14 +165,6 @@ var init_FileView = __esm({
     };
   }
 });
-var docQuery;
-var init_file = __esm({
-  "src/services/file.ts"() {
-    docQuery = (paramsStr) => {
-      return common.request.get(`/uc/doc?${paramsStr}`);
-    };
-  }
-});
 var DocDrawer_default;
 var init_DocDrawer = __esm({
   "src/ui/common/markdownAlert/components/DocDrawer.tsx"() {
@@ -317,6 +322,9 @@ var init_QuoteList = __esm({
   }
 });
 
+// src/ui/layouts/index.tsx
+init_file();
+
 // src/core/constants.ts
 var DEFAULT_NEW_CONV_ID = "newConvId";
 var ChatRoleMap = {
@@ -392,7 +400,7 @@ async function handleStreamResponse(response, options) {
     buffer = parseBuffer(buffer, onChunk);
   }
 }
-async function request(url, data = {}, options = {}) {
+async function request2(url, data = {}, options = {}) {
   const { stream = false, method = "POST", headers = {}, signal } = options;
   const controller = new AbortController();
   signal?.addEventListener("abort", () => controller.abort());
@@ -429,10 +437,10 @@ async function request(url, data = {}, options = {}) {
   }
   return r;
 }
-var get = (url, params = {}, options = {}) => request(url, params, { ...options, method: "GET" });
-var post = (url, data = {}, options = {}) => request(url, data, { ...options, method: "POST" });
-var put = (url, data = {}, options = {}) => request(url, data, { ...options, method: "PUT" });
-var del = (url, data = {}, options = {}) => request(url, data, { ...options, method: "DELETE" });
+var get = (url, params = {}, options = {}) => request2(url, params, { ...options, method: "GET" });
+var post = (url, data = {}, options = {}) => request2(url, data, { ...options, method: "POST" });
+var put = (url, data = {}, options = {}) => request2(url, data, { ...options, method: "PUT" });
+var del = (url, data = {}, options = {}) => request2(url, data, { ...options, method: "DELETE" });
 var fetchRequest_default = { delete: del, get, post, put };
 
 // src/services/index.ts
@@ -951,7 +959,6 @@ var ConversationList_default = () => {
   ) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) }) });
 };
 var AgentHeader_default = ({ title = true, closeBtn = false, newConversationBtn = true, conversationListBtn = true }) => {
-  console.log("AgentHeader", title, closeBtn, newConversationBtn, conversationListBtn);
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
   const configState = valtio.useSnapshot(chatStore.config);
@@ -1248,17 +1255,37 @@ var BubbleListItems_default = ({ avatar = true }) => {
     return [...placeholderNode];
   }, [chatRecords, questionList, placeholderNode]);
   const listRef = react.useRef(null);
+  const autoScrollRef = react.useRef(true);
+  const handleScroll = (el) => {
+    const target = el.target;
+    const distanceToBottom = target.scrollHeight - target.scrollTop - target.clientHeight;
+    autoScrollRef.current = distanceToBottom < 100;
+  };
   react.useEffect(() => {
-    if (bubbleListItems.length && (listRef.current?.nativeElement.scrollHeight ?? 0) - ((listRef.current?.nativeElement.scrollTop ?? 0) + (listRef.current?.nativeElement.clientHeight ?? 0)) < 100) {
-      listRef.current?.scrollTo({ key: bubbleListItems[bubbleListItems.length - 1].key, block: "end" });
+    autoScrollRef.current = true;
+  }, [bubbleListItems.length]);
+  react.useEffect(() => {
+    const el = listRef.current?.nativeElement;
+    if (!el || !bubbleListItems.length) return;
+    if (autoScrollRef.current) {
+      setTimeout(() => {
+        if (autoScrollRef.current) {
+          listRef.current?.scrollTo({
+            key: bubbleListItems[bubbleListItems.length - 1].key,
+            block: "end"
+          });
+        }
+      }, 100);
     }
   }, [bubbleListItems]);
   return /* @__PURE__ */ jsxRuntime.jsx(
     x.Bubble.List,
     {
+      autoScroll: false,
       ref: listRef,
       items: bubbleListItems,
-      className: classNames6__default.default(styles_module_default.nsBubbleList, "height-full", "scroll-fade-in")
+      className: classNames6__default.default(styles_module_default.nsBubbleList, "height-full", "scroll-fade-in"),
+      onScroll: handleScroll
     },
     conversationState.active.key
   );
@@ -1698,19 +1725,27 @@ var layouts_default = react.forwardRef(({ theme, params, hooks, layout, defaultA
     }),
     []
   );
-  const setSplitterSizes = (sizes) => {
-    console.log(sizes);
-  };
   const hasPreView = react.useMemo(() => {
     return common.shouldRender(configState.layout.preview) && (!!configState.preview.file.fileUrl || !!configState.preview.file.content);
   }, [configState.layout.preview, configState.preview.file]);
+  const [sizes, setSizes] = react.useState([0, "100%"]);
+  const setSplitterSizes = (sizes2) => {
+    setSizes(sizes2);
+  };
+  react.useEffect(() => {
+    if (hasPreView) {
+      setSplitterSizes(["70%", "30%"]);
+    } else {
+      setSplitterSizes([0, "100%"]);
+    }
+  }, [hasPreView]);
   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.jsxs(antd.Flex, { vertical: true, className: classNames6__default.default(styles_module_default3.nsChatLayout, "height-full"), children: [
     /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.globalHeader, DefaultComponent: AgentHeader_default }),
     /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { className: "full-scroll", children: [
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.leftPanel, DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, {}) }),
       /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.conversationList, DefaultComponent: ConversationListPanel_default }),
-      /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { onResize: setSplitterSizes, children: [
-        hasPreView && /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter.Panel, { collapsible: false, resizable: false, children: [
+      /* @__PURE__ */ jsxRuntime.jsxs(antd.Splitter, { className: "flex-1", onResize: setSplitterSizes, children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, min: 600, size: sizes[0], children: hasPreView && /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
           configState.preview.file.fileUrl && /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: "height-full", children: [
             /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "space-between", align: "center", gap: 16, className: styles_module_default3.nsPreviewHeader, children: [
               /* @__PURE__ */ jsxRuntime.jsx("div", { className: styles_module_default3.nsPreviewHeaderTitle, children: configState.preview.file.fileName }),
@@ -1753,11 +1788,12 @@ var layouts_default = react.forwardRef(({ theme, params, hooks, layout, defaultA
                   }
                 });
               },
+              onDownloadFile: (content, type) => fileCreate(content, configState.preview.file.fileName, type),
               extraNav: /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { bordered: false, color: "default", className: "cursor-pointer", onClick: () => chatStore.setPreview(), children: /* @__PURE__ */ jsxRuntime.jsx(icons.CloseOutlined, {}) }) })
             }
           )
-        ] }),
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, resizable: true, size: hasPreView ? 400 : void 0, children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames6__default.default("height-full"), children: [
+        ] }) }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Splitter.Panel, { collapsible: false, max: 800, min: 400, size: sizes[1], children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: classNames6__default.default("height-full"), children: [
           /* @__PURE__ */ jsxRuntime.jsx(common.RenderWrapper, { control: configState.layout.chatHeader, DefaultComponent: AgentHeader_default }),
           /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: classNames6__default.default("full-scroll"), children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { justify: "center", vertical: true, gap: 24, className: classNames6__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(