@zero-library/chat-agent 2.0.0 → 2.0.2

package/dist/index.cjs.js

@@ -2,19 +2,19 @@
 
 var common = require('@zero-library/common');
 var antd = require('antd');
+var dayjs = require('dayjs');
 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 valtio = require('valtio');
-var dayjs = require('dayjs');
 var InfiniteScroll = require('react-infinite-scroll-component');
 
 function _interopDefault (e) { return e && e.__esModule ? e : { default: e }; }
 
-var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
 var dayjs__default = /*#__PURE__*/_interopDefault(dayjs);
+var classNames2__default = /*#__PURE__*/_interopDefault(classNames2);
 var InfiniteScroll__default = /*#__PURE__*/_interopDefault(InfiniteScroll);
 
 var __defProp = Object.defineProperty;
@@ -26,6 +26,64 @@ var __export = (target, all) => {
   for (var name in all)
     __defProp(target, name, { get: all[name], enumerable: true });
 };
+function transform(source, fieldMap) {
+  const result = {};
+  for (const [targetKey, mapping] of Object.entries(fieldMap)) {
+    const key = targetKey;
+    if (typeof mapping === "function") {
+      result[key] = mapping(source);
+    } else if (typeof mapping === "string" && source && mapping in source) {
+      result[key] = source[mapping];
+    } else {
+      result[key] = mapping;
+    }
+  }
+  return result;
+}
+function transforms(sources, fieldMap) {
+  return sources?.map((source) => transform(source, fieldMap)) || [];
+}
+function buildURLWithParams(url, params) {
+  const query = new URLSearchParams(
+    Object.entries(params || {}).flatMap(([key, val]) => Array.isArray(val) ? val.map((v) => [key, String(v)]) : [[key, String(val)]])
+  ).toString();
+  return query ? `${url}${url.includes("?") ? "&" : "?"}${query}` : url;
+}
+var copy, classifyTime, getBase64;
+var init_utils = __esm({
+  "src/core/utils.ts"() {
+    copy = (value) => {
+      common.copyText(value).then(() => {
+        antd.message.success("\u590D\u5236\u6210\u529F");
+      });
+    };
+    classifyTime = (timestamp) => {
+      const now = dayjs__default.default();
+      const target = dayjs__default.default(timestamp);
+      if (target.isSame(now, "day")) {
+        return "\u4ECA\u5929";
+      }
+      const diffInDays = now.diff(target, "day");
+      if (diffInDays < 7) {
+        return "\u6700\u8FD1 7 \u5929";
+      } else if (diffInDays < 30) {
+        return "\u6700\u8FD1 30 \u5929";
+      } else if (diffInDays < 180) {
+        return "\u6700\u8FD1\u534A\u5E74";
+      } else {
+        return "\u66F4\u65E9";
+      }
+    };
+    getBase64 = (file) => {
+      return new Promise((resolve, reject) => {
+        const reader = new FileReader();
+        reader.onload = () => resolve(reader.result);
+        reader.onerror = reject;
+        reader.readAsDataURL(file);
+      });
+    };
+  }
+});
 var ChatProvider, useChatStore;
 var init_Context = __esm({
   "src/stores/Context.ts"() {
@@ -94,6 +152,37 @@ 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"() {
+    init_file();
+    DocDrawer_default = ({ title, open, onClose, fileUrl }) => {
+      const [content, setContent] = react.useState("");
+      const [loading, setLoading] = react.useState(false);
+      const getContent = async () => {
+        try {
+          setLoading(true);
+          const res = await docQuery(fileUrl);
+          setContent(res.data?.content);
+        } finally {
+          setLoading(false);
+        }
+      };
+      react.useEffect(() => {
+        getContent();
+      }, [fileUrl]);
+      return /* @__PURE__ */ jsxRuntime.jsx(antd.Drawer, { title, push: false, width: "100%", open, onClose, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, children: content ? /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content }) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { className: "m-t-32" }) }) });
+    };
+  }
+});
 
 // src/ui/common/markdownAlert/IndexQuote.tsx
 var IndexQuote_exports = {};
@@ -103,12 +192,30 @@ __export(IndexQuote_exports, {
 var IndexQuote_default;
 var init_IndexQuote = __esm({
   "src/ui/common/markdownAlert/IndexQuote.tsx"() {
+    init_DocDrawer();
     IndexQuote_default = ({ data, loading }) => {
+      const [open, setOpen] = react.useState(false);
       const onClick = () => {
-        window.open(data.fileUrl, "_blank");
+        if (!data.fileUrl) return;
+        if (common.isExternal(data.fileUrl)) {
+          window.open(data.fileUrl, "_blank");
+        } else {
+          setOpen(true);
+        }
       };
       const Content = /* @__PURE__ */ jsxRuntime.jsx("div", { children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { align: "center", gap: 8, children: /* @__PURE__ */ jsxRuntime.jsx("a", { onClick, children: data.fileName }) }) });
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", wrapperClassName: "inline-block index-quote", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Popover, { content: Content, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { bordered: false, color: "processing", className: "cursor-pointer", children: data.index }) }) });
+      const rootRef = react.useRef(null);
+      react.useEffect(() => {
+        const el = rootRef.current;
+        if (!el) return;
+        const previous = el.previousElementSibling;
+        if (!previous) return;
+        previous.appendChild(el);
+      }, []);
+      return /* @__PURE__ */ jsxRuntime.jsxs("div", { ref: rootRef, className: "inline-block m-l-8", children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Popover, { content: Content, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Tag, { bordered: false, color: "processing", className: "cursor-pointer", children: data.index }) }) }),
+        open && /* @__PURE__ */ jsxRuntime.jsx(DocDrawer_default, { fileUrl: data.fileUrl, title: data.fileName, open, onClose: () => setOpen(false) })
+      ] });
     };
   }
 });
@@ -149,20 +256,27 @@ __export(FileEdit_exports, {
 var FileEdit_default;
 var init_FileEdit = __esm({
   "src/ui/common/markdownAlert/FileEdit.tsx"() {
+    init_utils();
     init_Context();
     init_styles_module();
     FileEdit_default = ({ data, loading }) => {
       const chatStore = useChatStore();
-      const onClick = () => {
+      const onPreview = () => {
         chatStore.setPreview(data, true);
       };
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: styles_module_default2.fileEdit, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, justify: "end", className: styles_module_default2.fileEditHeader, children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlayCircleOutlined, {}), onClick, children: "\u9884\u89C8\u7F16\u8F91" }) }),
-        /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", className: styles_module_default2.fileEditContent, children: [
-          /* @__PURE__ */ jsxRuntime.jsx(common.FileIcon, { suffix: "md" }),
-          /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
-        ] })
-      ] }) });
+      return /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: styles_module_default2.fileEdit, children: [
+        /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, align: "center", justify: "space-between", className: styles_module_default2.fileEditHeader, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "center", className: "flex-1", children: [
+            /* @__PURE__ */ jsxRuntime.jsx(common.FileIcon, { suffix: "md", fontSize: 18 }),
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis", title: data.fileName, children: data.fileName })
+          ] }),
+          /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { children: [
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlayCircleOutlined, {}), onClick: onPreview, children: "\u9884\u89C8\u7F16\u8F91" }),
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "default", variant: "text", size: "small", icon: /* @__PURE__ */ jsxRuntime.jsx(icons.CopyOutlined, {}), onClick: () => copy(data.content), children: "\u590D\u5236" })
+          ] }) })
+        ] }),
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { gap: 8, align: "center", className: styles_module_default2.fileEditContent, children: /* @__PURE__ */ jsxRuntime.jsx(common.RenderMarkdown, { content: data.content }) })
+      ] });
     };
   }
 });
@@ -175,27 +289,39 @@ __export(QuoteList_exports, {
 var QuoteList_default;
 var init_QuoteList = __esm({
   "src/ui/common/markdownAlert/QuoteList.tsx"() {
+    init_DocDrawer();
     init_styles_module();
     QuoteList_default = ({ data, loading }) => {
+      const [open, setOpen] = react.useState(false);
+      const [selectItem, setSelectItem] = react.useState({});
       const onClick = (item) => {
-        window.open(item.fileUrl, "_blank");
-      };
-      return /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(
-        antd.Collapse,
-        {
-          className: styles_module_default2.quoteList,
-          bordered: false,
-          ghost: true,
-          expandIcon: ({ isActive }) => /* @__PURE__ */ jsxRuntime.jsx(icons.CaretRightOutlined, { rotate: isActive ? 90 : 0 }),
-          items: [
-            {
-              key: "1",
-              label: "\u53C2\u8003\u8D44\u6599",
-              children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 4, children: data.list.map((item) => /* @__PURE__ */ jsxRuntime.jsx("p", { onClick: () => onClick(item), className: "cursor-pointer", children: item.title }, item.fileUrl)) })
-            }
-          ]
+        if (!item.fileUrl) return;
+        if (common.isExternal(item.fileUrl)) {
+          window.open(item.fileUrl, "_blank");
+        } else {
+          setSelectItem(item);
+          setOpen(true);
         }
-      ) });
+      };
+      return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
+        /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, size: "small", children: /* @__PURE__ */ jsxRuntime.jsx(
+          antd.Collapse,
+          {
+            className: styles_module_default2.quoteList,
+            bordered: false,
+            ghost: true,
+            expandIcon: ({ isActive }) => /* @__PURE__ */ jsxRuntime.jsx(icons.CaretRightOutlined, { rotate: isActive ? 90 : 0 }),
+            items: [
+              {
+                key: "1",
+                label: "\u53C2\u8003\u8D44\u6599",
+                children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 4, children: data.list.map((item) => /* @__PURE__ */ jsxRuntime.jsx("p", { onClick: () => onClick(item), className: "cursor-pointer", children: item.title }, item.fileUrl)) })
+              }
+            ]
+          }
+        ) }),
+        open && /* @__PURE__ */ jsxRuntime.jsx(DocDrawer_default, { fileUrl: selectItem.fileUrl, title: selectItem.title, open, onClose: () => setOpen(false) })
+      ] });
     };
   }
 });
@@ -206,59 +332,12 @@ var ChatRoleMap = {
   1: "user",
   2: "assistant"
 };
-var copy = (value) => {
-  common.copyText(value).then(() => {
-    antd.message.success("\u590D\u5236\u6210\u529F");
-  });
-};
-var classifyTime = (timestamp) => {
-  const now = dayjs__default.default();
-  const target = dayjs__default.default(timestamp);
-  if (target.isSame(now, "day")) {
-    return "\u4ECA\u5929";
-  }
-  const diffInDays = now.diff(target, "day");
-  if (diffInDays < 7) {
-    return "\u6700\u8FD1 7 \u5929";
-  } else if (diffInDays < 30) {
-    return "\u6700\u8FD1 30 \u5929";
-  } else if (diffInDays < 180) {
-    return "\u6700\u8FD1\u534A\u5E74";
-  } else {
-    return "\u66F4\u65E9";
-  }
-};
-function transform(source, fieldMap) {
-  const result = {};
-  for (const [targetKey, mapping] of Object.entries(fieldMap)) {
-    const key = targetKey;
-    if (typeof mapping === "function") {
-      result[key] = mapping(source);
-    } else if (typeof mapping === "string" && source && mapping in source) {
-      result[key] = source[mapping];
-    } else {
-      result[key] = mapping;
-    }
-  }
-  return result;
-}
-function transforms(sources, fieldMap) {
-  return sources?.map((source) => transform(source, fieldMap)) || [];
-}
-function buildURLWithParams(url, params) {
-  const query = new URLSearchParams(
-    Object.entries(params || {}).flatMap(([key, val]) => Array.isArray(val) ? val.map((v) => [key, String(v)]) : [[key, String(val)]])
-  ).toString();
-  return query ? `${url}${url.includes("?") ? "&" : "?"}${query}` : url;
-}
-var getBase64 = (file) => {
-  return new Promise((resolve, reject) => {
-    const reader = new FileReader();
-    reader.onload = () => resolve(reader.result);
-    reader.onerror = reject;
-    reader.readAsDataURL(file);
-  });
-};
+
+// src/stores/index.ts
+init_utils();
+
+// src/core/fetchRequest.ts
+init_utils();
 function processChunk(chunk, onChunk) {
   if (onChunk) {
     onChunk(typeof chunk === "string" ? chunk : JSON.stringify(chunk));
@@ -365,7 +444,7 @@ var put = (url, data = {}, options = {}) => request(url, data, { ...options, met
 var del = (url, data = {}, options = {}) => request(url, data, { ...options, method: "DELETE" });
 var fetchRequest_default = { delete: del, get, post, put };
 
-// src/services/index.tsx
+// src/services/index.ts
 var agentInfoQuery = (agentId) => {
   return common.request.get("/agent/detail", { agentId });
 };
@@ -555,7 +634,7 @@ function createChatStore() {
   });
   const setAgentParams = (params = {}) => {
     agent.params = {
-      thinkMode: 2,
+      thinkMode: "2",
       ...params
     };
   };
@@ -843,7 +922,7 @@ var ConversationList_default = () => {
       chatStore.getConversations(agentState.active.id);
     }
   }, [agentState.active.id]);
-  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "height-full scroll-fade-in", id: "scrollableDiv", children: /* @__PURE__ */ jsxRuntime.jsx(
+  return /* @__PURE__ */ jsxRuntime.jsx(jsxRuntime.Fragment, { children: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "height-full scroll-fade-in", id: "scrollableDiv", children: conversationsState.list.items.length ? /* @__PURE__ */ jsxRuntime.jsx(
     InfiniteScroll__default.default,
     {
       dataLength: conversationsState.list.items.length,
@@ -880,13 +959,13 @@ var ConversationList_default = () => {
         }
       )
     }
-  ) }) });
+  ) : /* @__PURE__ */ jsxRuntime.jsx(antd.Empty, { description: "\u6682\u65E0\u4F1A\u8BDD\u8BB0\u5F55", image: antd.Empty.PRESENTED_IMAGE_SIMPLE }) }) });
 };
 var AgentHeader_default = () => {
   const chatStore = useChatStore();
   const agentState = valtio.useSnapshot(chatStore.agent);
   const configState = valtio.useSnapshot(chatStore.config);
-  const conversationsState = valtio.useSnapshot(chatStore.conversations);
+  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(
@@ -913,7 +992,7 @@ var AgentHeader_default = () => {
         common.RenderWrapper,
         {
           control: configState.layout.headerConversationListBtn,
-          DefaultComponent: conversationsState.list.items.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
+          DefaultComponent: /* @__PURE__ */ jsxRuntime.jsx(
             antd.Popover,
             {
               getPopupContainer: (e) => e,
@@ -973,6 +1052,7 @@ var MessageRender_default = ({ message: message4, placement }) => {
 };
 
 // src/ui/common/BubbleListItems.tsx
+init_utils();
 init_Context();
 function extractThinkContent(content) {
   let main = content;
@@ -1194,6 +1274,9 @@ var BubbleListItems_default = ({ avatar = true }) => {
     conversationState.active.key
   );
 };
+
+// src/components/Attachments.tsx
+init_utils();
 var Attachments_default = react.forwardRef(({ maxCount, accept, fileSize, fileSizeTip, fileList = [], onChange, extraParams }, ref) => {
   const fileListRef = react.useRef([]);
   const [attachedFiles, setAttachedFiles, getAttachedFiles] = common.useRefState([]);
@@ -1479,9 +1562,9 @@ var ChatSender_default2 = () => {
           antd.Button,
           {
             size: "small",
-            color: agentState.params.thinkMode === 1 ? "primary" : "default",
+            color: agentState.params.thinkMode === "1" ? "primary" : "default",
             variant: "filled",
-            onClick: () => chatStore.setAgentParams({ thinkMode: agentState.params.thinkMode === 1 ? 2 : 1 }),
+            onClick: () => chatStore.setAgentParams({ thinkMode: agentState.params.thinkMode === "1" ? "2" : "1" }),
             children: "\u6DF1\u5EA6\u601D\u8003"
           }
         ),