@zero-library/chat-agent 2.3.9 → 2.3.11

package/dist/index.cjs.js

@@ -2275,7 +2275,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,7 +2282,7 @@ 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);
@@ -2293,29 +2292,27 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
       const res = await configState.services.request?.labelsQuery?.(receiverState.active?.id, { 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,
+        labelId: getActiveTab(),
         keyword: getSearchText()
       });
       if (res?.data) {
@@ -2325,10 +2322,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 +2337,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);
@@ -2381,7 +2378,7 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
       antd.Drawer,
       {
         className: classNames11__default.default("no-padding-drawer"),
-        width: 360,
+        width: 540,
         open,
         title: "\u80FD\u529B\u9009\u62E9",
         closable: { placement: "end" },
@@ -2422,20 +2419,7 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
                 }
               ) : /* @__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 }),