@zero-library/chat-agent 2.3.9 → 2.3.11

package/dist/index.esm.js

@@ -2267,7 +2267,6 @@ var styles_module_default4 = {
   quickAskItemTitle: "styles_module_quickAskItemTitle",
   quickAskItemActions: "styles_module_quickAskItemActions"
 };
-var ALL = "all";
 var QuickAskPanelDrawer_default = ({ open, onClose }) => {
   const { message: message2 } = App.useApp();
   const chatStore = useChatStore();
@@ -2275,7 +2274,7 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
   const receiverState = useSnapshot(chatStore.receiver);
   const [searchText, setSearchText, getSearchText] = useRefState("");
   const [searchExpanded, setSearchExpanded] = useState(false);
-  const [activeTab, setActiveTab, getActiveTab] = useRefState({});
+  const [activeTab, setActiveTab, getActiveTab] = useRefState("");
   const [categories, setCategories] = useState([]);
   const [items, setItems] = useState([]);
   const [editModalOpen, setEditModalOpen] = useState(false);
@@ -2285,29 +2284,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 = 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] = useState(false);
   const fetchItems = 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) {
@@ -2317,10 +2314,12 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
       setLoading(false);
     }
   });
+  useEffect(() => {
+    fetchItems();
+  }, [activeTab]);
   useEffect(() => {
     if (receiverState.active?.id) {
       fetchCategories();
-      fetchItems();
     }
   }, [receiverState.active?.id]);
   const [updateLoading, setUpdateLoading] = useState(false);
@@ -2330,9 +2329,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);
@@ -2373,7 +2370,7 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
       Drawer,
       {
         className: classNames11("no-padding-drawer"),
-        width: 360,
+        width: 540,
         open,
         title: "\u80FD\u529B\u9009\u62E9",
         closable: { placement: "end" },
@@ -2414,20 +2411,7 @@ var QuickAskPanelDrawer_default = ({ open, onClose }) => {
                 }
               ) : /* @__PURE__ */ jsx(Button, { icon: /* @__PURE__ */ jsx(SearchOutlined, {}), onClick: () => setSearchExpanded(true) })
             ] }),
-            /* @__PURE__ */ jsx(
-              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__ */ jsx(Tabs, { className: styles_module_default4.tagContainer, activeKey: activeTab, onChange: setActiveTab, tabPosition: "top", items: tabsItems, size: "small" })
           ] }),
           /* @__PURE__ */ jsx(Flex, { vertical: true, className: "flex-1", children: /* @__PURE__ */ jsx(Spin, { spinning: loading, wrapperClassName: "full-spin", tip: "\u52A0\u8F7D\u4E2D...", children: /* @__PURE__ */ jsx(Flex, { vertical: true, gap: 8, className: "height-full scroll-fade-in p-16 p-t-0", children: items.length ? items.map((item) => /* @__PURE__ */ jsxs(Flex, { gap: 4, align: "start", className: styles_module_default4.quickAskItem, onClick: () => onSelectItem(item), children: [
             /* @__PURE__ */ jsx(FileTextOutlined, { className: styles_module_default4.quickAskItemIcon }),