@zero-library/chat-agent 2.3.10 → 2.3.12

package/dist/index.cjs.js

@@ -187,7 +187,7 @@ var init_MdEdit = __esm({
         setValue(data.content);
       }, [data.content]);
       return /* @__PURE__ */ jsxRuntime.jsxs("div", { className: styles_module_default.mdEdit, children: [
-        /* @__PURE__ */ jsxRuntime.jsx(common.MarkdownEditor, { disabled: loading, value, onChange: setValue, showToolbar: false }),
+        /* @__PURE__ */ jsxRuntime.jsx(common.MarkdownEditor, { disabled: loading, value, onChange: setValue, fixedToolbar: false, floatToolbar: false }),
         !loading && /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { justify: "end", className: "m-t-16", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { color: "primary", variant: "outlined", onClick: onOk, children: btnText }) })
       ] });
     };
@@ -427,11 +427,11 @@ var createChatService = (request) => {
   const labelItemDelete = (id) => {
     return request.delete("/lolr/label/item", { id });
   };
-  const labelsQuery = (agentId, params) => {
-    return request.get("/lolr/label", { agentId, ...params });
+  const labelsQuery = (params) => {
+    return request.get("/lolr/label", params);
   };
-  const labelItemsQuery = (agentId, params) => {
-    return request.get("/lolr/label/item", { ...params, agentId });
+  const labelItemsQuery = (params) => {
+    return request.get("/lolr/label/item", params);
   };
   const labelItemTop = (params) => {
     return request.put("/lolr/label/item/top", params);
@@ -2125,6 +2125,13 @@ var ChatSender_default = react.forwardRef(
         onSend();
       }
     };
+    const isFocusedRef = react.useRef(false);
+    react.useEffect(() => {
+      if (!content) return;
+      if (!isFocusedRef.current) {
+        senderRef.current?.focus({ cursor: "end" });
+      }
+    }, [content]);
     react.useImperativeHandle(
       ref,
       () => ({
@@ -2143,7 +2150,13 @@ var ChatSender_default = react.forwardRef(
         header: senderHeader,
         onSubmit,
         onChange: setInputValue,
-        onFocus,
+        onFocus: () => {
+          isFocusedRef.current = true;
+          onFocus?.();
+        },
+        onBlur: () => {
+          isFocusedRef.current = false;
+        },
         autoSize: { minRows: 2, maxRows: 6 },
         onCancel,
         footer: ({ components }) => {
@@ -2275,7 +2288,6 @@ var styles_module_default4 = {
   quickAskItemTitle: "styles_module_quickAskItemTitle",
   quickAskItemActions: "styles_module_quickAskItemActions"
 };
-var ALL = "all";
 var QuickAskPanelDrawer_default = ({ open, onClose }) => {
   const { message: message2 } = antd.App.useApp();
   const chatStore = useChatStore();
@@ -2283,39 +2295,43 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
   const receiverState = valtio.useSnapshot(chatStore.receiver);
   const [searchText, setSearchText, getSearchText] = common.useRefState("");
   const [searchExpanded, setSearchExpanded] = react.useState(false);
-  const [activeTab, setActiveTab, getActiveTab] = common.useRefState({});
+  const [activeTab, setActiveTab, getActiveTab] = common.useRefState("");
   const [categories, setCategories] = react.useState([]);
   const [items, setItems] = react.useState([]);
   const [editModalOpen, setEditModalOpen] = react.useState(false);
   const [editingItem, setEditingItem] = react.useState();
   const fetchCategories = async () => {
     try {
-      const res = await configState.services.request?.labelsQuery?.(receiverState.active?.id, { pageNo: 1, pageSize: 1e3 });
+      const res = await configState.services.request?.labelsQuery?.({
+        agentId: receiverState.active?.id,
+        businessData: configState.params.businessData,
+        pageNo: 1,
+        pageSize: 1e3
+      });
       if (res?.data) {
         setCategories(res.data?.items);
+        if (!activeTab && res.data?.items?.length) {
+          setActiveTab(res.data.items[0].id);
+        }
       }
     } catch (err) {
     }
   };
   const tabsItems = react.useMemo(
-    () => [
-      {
-        key: ALL,
-        label: "\u5168\u90E8"
-      },
-      ...categories.map((item) => ({
-        key: item.id,
-        label: item.labelName
-      }))
-    ],
+    () => categories.map((item) => ({
+      key: item.id,
+      label: item.labelName
+    })),
     [categories]
   );
   const [loading, setLoading] = react.useState(false);
   const fetchItems = common.useDebounce(async () => {
+    if (!getActiveTab()) return;
     try {
       setLoading(true);
-      const res = await configState.services.request?.labelItemsQuery?.(receiverState.active?.id, {
-        labelId: getActiveTab().id,
+      const res = await configState.services.request?.labelItemsQuery?.({
+        agentId: receiverState.active?.id,
+        labelId: getActiveTab(),
         keyword: getSearchText()
       });
       if (res?.data) {
@@ -2325,10 +2341,12 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
       setLoading(false);
     }
   });
+  react.useEffect(() => {
+    fetchItems();
+  }, [activeTab]);
   react.useEffect(() => {
     if (receiverState.active?.id) {
       fetchCategories();
-      fetchItems();
     }
   }, [receiverState.active?.id]);
   const [updateLoading, setUpdateLoading] = react.useState(false);
@@ -2338,9 +2356,7 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
       await configState.services.request?.labelItemUpdate?.(receiverState.active?.id, values);
       setEditModalOpen(false);
       message2.success("\u4FDD\u5B58\u6210\u529F");
-      if (!getActiveTab().id || values.labelName === getActiveTab().labelName) {
-        fetchItems();
-      }
+      fetchItems();
       fetchCategories();
     } finally {
       setUpdateLoading(false);
@@ -2371,9 +2387,10 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
     if (canProceed === false) {
       return;
     }
-    chatStore.setContent(item.content);
+    chatStore.setContent(`#${item.title}# `);
     chatStore.setContentParams({
-      use_template: 1
+      capacityId: item.id,
+      capacityTitle: item.title
     });
   };
   return /* @__PURE__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
@@ -2391,11 +2408,10 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
         children: /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { vertical: true, className: styles_module_default4.quickAskPanel, children: [
           /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 12, className: "p-16", vertical: true, children: [
             /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, children: [
-              !searchExpanded && /* @__PURE__ */ jsxRuntime.jsx(
+              !searchExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Button,
                 {
                   type: "dashed",
-                  block: true,
                   icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
                   className: "flex-1",
                   onClick: () => {
@@ -2404,6 +2420,20 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
                   },
                   children: "\u65B0\u589E\u80FD\u529B\u6A21\u677F"
                 }
+              ) : /* @__PURE__ */ jsxRuntime.jsx(
+                antd.Button,
+                {
+                  icon: /* @__PURE__ */ jsxRuntime.jsx(icons.PlusOutlined, {}),
+                  onClick: () => {
+                    if (getSearchText()) {
+                      setSearchText("");
+                      fetchItems();
+                    }
+                    setSearchExpanded(false);
+                    setEditingItem(null);
+                    setEditModalOpen(true);
+                  }
+                }
               ),
               searchExpanded ? /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Input,
@@ -2417,25 +2447,11 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
                     fetchItems();
                   },
                   className: "flex-1",
-                  allowClear: true,
-                  onBlur: () => setSearchExpanded(false)
+                  allowClear: true
                 }
               ) : /* @__PURE__ */ jsxRuntime.jsx(antd.Button, { icon: /* @__PURE__ */ jsxRuntime.jsx(icons.SearchOutlined, {}), onClick: () => setSearchExpanded(true) })
             ] }),
-            /* @__PURE__ */ jsxRuntime.jsx(
-              antd.Tabs,
-              {
-                className: styles_module_default4.tagContainer,
-                activeKey: activeTab.id ? activeTab.id : ALL,
-                onChange: (key) => {
-                  setActiveTab(key === ALL ? {} : categories.find((c) => c.id === key));
-                  fetchItems();
-                },
-                tabPosition: "top",
-                items: tabsItems,
-                size: "small"
-              }
-            )
+            /* @__PURE__ */ jsxRuntime.jsx(antd.Tabs, { className: styles_module_default4.tagContainer, activeKey: activeTab, onChange: setActiveTab, tabPosition: "top", items: tabsItems, size: "small" })
           ] }),
           /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Spin, { spinning: loading, wrapperClassName: "full-spin", tip: "\u52A0\u8F7D\u4E2D...", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 8, className: "height-full scroll-fade-in p-16 p-t-0", children: items.length ? items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 4, align: "start", className: styles_module_default4.quickAskItem, onClick: () => onSelectItem(item), children: [
             /* @__PURE__ */ jsxRuntime.jsx(icons.FileTextOutlined, { className: styles_module_default4.quickAskItemIcon }),