@zero-library/chat-agent 2.3.3 → 2.3.4

package/dist/index.cjs.js

@@ -2139,6 +2139,8 @@ var styles_module_default4 = {
   tagContainer: "styles_module_tagContainer",
   quickAskItem: "styles_module_quickAskItem",
   quickAskItemHeader: "styles_module_quickAskItemHeader",
+  quickAskItemTitle: "styles_module_quickAskItemTitle",
+  quickAskItemHeaderActions: "styles_module_quickAskItemHeaderActions",
   quickAskItemBody: "styles_module_quickAskItemBody"
 };
 var QuickAskPanel_default = () => {
@@ -2162,8 +2164,10 @@ var QuickAskPanel_default = () => {
     } catch (err) {
     }
   };
+  const [loading, setLoading] = react.useState(false);
   const fetchItems = common.useDebounce(async () => {
     try {
+      setLoading(true);
       const res = await configState.services.request?.labelItemsQuery?.(receiverState.active?.id, {
         labelId: getActiveTab().id,
         keyword: getSearchText()
@@ -2171,7 +2175,8 @@ var QuickAskPanel_default = () => {
       if (res?.data) {
         setItems(res.data);
       }
-    } catch (err) {
+    } finally {
+      setLoading(false);
     }
   });
   react.useEffect(() => {
@@ -2180,10 +2185,10 @@ var QuickAskPanel_default = () => {
       fetchItems();
     }
   }, [receiverState.active?.id]);
-  const [loading, setLoading] = react.useState(false);
+  const [updateLoading, setUpdateLoading] = react.useState(false);
   const handleEditConfirm = async (values) => {
     try {
-      setLoading(true);
+      setUpdateLoading(true);
       await configState.services.request?.labelItemUpdate?.(receiverState.active?.id, values);
       setEditModalOpen(false);
       message2.success("\u4FDD\u5B58\u6210\u529F");
@@ -2192,7 +2197,7 @@ var QuickAskPanel_default = () => {
       }
       fetchCategories();
     } finally {
-      setLoading(false);
+      setUpdateLoading(false);
     }
   };
   const handleDelete = async (id) => {
@@ -2277,7 +2282,7 @@ var QuickAskPanel_default = () => {
         c.id
       ))
     ] }),
-    /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, className: "flex-1", children: /* @__PURE__ */ jsxRuntime.jsx(antd.Flex, { vertical: true, gap: 8, className: "height-full scroll-fade-in", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
+    /* @__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", children: items.map((item) => /* @__PURE__ */ jsxRuntime.jsxs(
       "div",
       {
         className: styles_module_default4.quickAskItem,
@@ -2288,9 +2293,9 @@ var QuickAskPanel_default = () => {
           });
         },
         children: [
-          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "space-between", className: styles_module_default4.quickAskItemHeader, children: [
-            /* @__PURE__ */ jsxRuntime.jsx("div", { className: "flex-1 text-ellipsis", children: item.title }),
-            /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 4, children: [
+          /* @__PURE__ */ jsxRuntime.jsxs(antd.Flex, { gap: 8, justify: "space-between", align: "center", className: styles_module_default4.quickAskItemHeader, children: [
+            /* @__PURE__ */ jsxRuntime.jsx("div", { className: classNames11__default.default("flex-1 text-ellipsis", styles_module_default4.quickAskItemTitle), children: item.title }),
+            /* @__PURE__ */ jsxRuntime.jsxs(antd.Space, { size: 4, className: styles_module_default4.quickAskItemHeaderActions, children: [
               /* @__PURE__ */ jsxRuntime.jsx(
                 antd.Button,
                 {
@@ -2314,11 +2319,12 @@ var QuickAskPanel_default = () => {
                   title: "\u590D\u5236",
                   onClick: (e) => {
                     e.stopPropagation();
-                    handleEditConfirm({
+                    setEditingItem({
                       title: item.title,
                       labelName: item.labelName,
                       content: item.content
                     });
+                    setEditModalOpen(true);
                   }
                 },
                 "copy"
@@ -2359,14 +2365,14 @@ var QuickAskPanel_default = () => {
         ]
       },
       item.id
-    )) }) }),
+    )) }) }) }),
     editModalOpen && /* @__PURE__ */ jsxRuntime.jsx(
       QuickAskEditModal_default,
       {
         open: editModalOpen,
         onCancel: () => setEditModalOpen(false),
         onConfirm: handleEditConfirm,
-        loading,
+        loading: updateLoading,
         initialValues: editingItem,
         categories
       }
@@ -2583,7 +2589,8 @@ var styles_module_default5 = {
   nsDisclaimerNotice: "styles_module_nsDisclaimerNotice",
   nsChatLayout: "styles_module_nsChatLayout",
   nsChatBody: "styles_module_nsChatBody",
-  nsBodyWidth: "styles_module_nsBodyWidth"
+  nsBodyWidth: "styles_module_nsBodyWidth",
+  nsPrompts: "styles_module_nsPrompts"
 };
 var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout, config, services }, ref) => {
   const chatStore = react.useMemo(() => createChatStore(), []);
@@ -2752,13 +2759,14 @@ var layouts_default = react.forwardRef(({ theme, params, userInfo, hooks, layout
                       DefaultComponent: receiverState?.recommendQuestions?.length > 0 && /* @__PURE__ */ jsxRuntime.jsx(
                         x.Prompts,
                         {
+                          className: styles_module_default5.nsPrompts,
                           vertical: true,
                           title: "\u63A8\u8350\u95EE\u9898:",
                           onItemClick: ({ data }) => chatStore.sendMessage(data.key),
                           items: receiverState?.recommendQuestions.map((question) => ({
                             key: question,
                             icon: /* @__PURE__ */ jsxRuntime.jsx(icons.FileSearchOutlined, {}),
-                            description: question
+                            description: /* @__PURE__ */ jsxRuntime.jsx("div", { className: "text-ellipsis", children: question })
                           }))
                         }
                       )