sa2kit 1.6.48 → 1.6.50

package/dist/showmasterpiece/index.mjs

@@ -1,4 +1,4 @@
-import { normalizeHomeTabConfig, getCategoryDisplayName, buildDefaultHomeTabConfig } from '../chunk-6ZREZAGB.mjs';
+import { normalizeHomeTabConfig, getCategoryDisplayName, buildDefaultHomeTabConfig } from '../chunk-GFVAIT6Y.mjs';
 import { UniversalExportClient, UniversalExportButton } from '../chunk-TGNUEULF.mjs';
 import '../chunk-LFB5EIIM.mjs';
 import { Card, Badge, CardContent, Button, GenericOrderManager, Modal, CardHeader, CardTitle, CardDescription, Tabs, TabsList, TabsTrigger, TabsContent, Label, Input, Textarea, Select, SelectTrigger, SelectValue, SelectContent, SelectItem } from '../chunk-3JW4X3AC.mjs';
@@ -162,7 +162,7 @@ var init_masterpiecesService = __esm({
        * 从后端API获取所有已定义的画集分类列表。
        * 用于构建分类筛选器和下拉菜单。
        * 
-       * @returns Promise<string[]> 分类名称数组
+       * @returns Promise<Array<{ name: string; description?: string | null }>> 分类名称数组
        * @throws {Error} 当API请求失败时抛出错误
        * 
        * @example
@@ -176,7 +176,8 @@ var init_masterpiecesService = __esm({
         if (!response.ok) {
           throw new Error("\u83B7\u53D6\u5206\u7C7B\u5931\u8D25");
         }
-        return await response.json();
+        const payload = await response.json();
+        return Array.isArray(payload) ? payload : payload?.data ?? [];
       }
       /**
        * 获取所有可用标签
@@ -8524,7 +8525,7 @@ function ShowMasterPiecesContent() {
   const userId = user?.id || 1;
   const categoryList = visibleHomeTabs.map((tab) => ({
     category: tab.category,
-    displayName: getCategoryDisplayName(tab.category)
+    displayName: tab.description || tab.name || getCategoryDisplayName(tab.category)
   }));
   return /* @__PURE__ */ React30.createElement(CartProvider, { userId }, /* @__PURE__ */ React30.createElement("div", { className: "min-h-screen bg-gradient-to-br from-white to-prussian-blue-900/5 overflow-x-hidden" }, /* @__PURE__ */ React30.createElement("div", { className: "bg-white/95 backdrop-blur supports-[backdrop-filter]:bg-white/80 border-b border-prussian-blue-200/30 sticky top-0 z-50" }, /* @__PURE__ */ React30.createElement("div", { className: "max-w-7xl mx-auto px-3 sm:px-4 py-3 sm:py-4" }, /* @__PURE__ */ React30.createElement("div", { className: "flex items-center justify-between gap-2 sm:gap-4 min-h-[44px]" }, /* @__PURE__ */ React30.createElement("div", { className: "flex items-center gap-4 sm:gap-8 min-w-0 flex-1" }, selectedCollection && /* @__PURE__ */ React30.createElement(
     Button,
@@ -8655,6 +8656,7 @@ function ConfigPageContent() {
   const [showArtworkOrder, setShowArtworkOrder] = useState(false);
   const [showCollectionOrder, setShowCollectionOrder] = useState(false);
   const [newHomeTabCategory, setNewHomeTabCategory] = useState("");
+  const [newHomeTabDescription, setNewHomeTabDescription] = useState("");
   const [categoryOptions, setCategoryOptions] = useState([]);
   const {
     bookings,
@@ -8776,6 +8778,7 @@ function ConfigPageContent() {
       homeTabConfig: buildDefaultHomeTabConfig()
     }));
     setNewHomeTabCategory("");
+    setNewHomeTabDescription("");
   };
   const handleSetAllHomeTabsVisible = (visible) => {
     setConfigForm((prev) => {
@@ -8788,6 +8791,7 @@ function ConfigPageContent() {
   };
   const handleAddHomeTab = async () => {
     const trimmed = newHomeTabCategory.trim();
+    const trimmedDescription = newHomeTabDescription.trim();
     if (!trimmed) {
       alert("\u5206\u7C7B\u540D\u79F0\u4E0D\u80FD\u4E3A\u7A7A");
       setNewHomeTabCategory("");
@@ -8801,18 +8805,25 @@ function ConfigPageContent() {
       setNewHomeTabCategory("");
       return;
     }
-    const hasCategory = categoryOptions.some(
-      (category) => category.toLowerCase() === trimmed.toLowerCase()
+    const existingCategory = categoryOptions.find(
+      (category) => category.name.toLowerCase() === trimmed.toLowerCase()
     );
+    const description = trimmedDescription || existingCategory?.description || "";
+    if (!description) {
+      alert("\u5C55\u793A\u6587\u6848\u4E0D\u80FD\u4E3A\u7A7A");
+      return;
+    }
     try {
-      if (!hasCategory) {
-        await createCategory(trimmed);
-        setCategoryOptions((prev) => [...prev, trimmed]);
+      if (!existingCategory) {
+        await createCategory(trimmed, description);
+        setCategoryOptions((prev) => [...prev, { name: trimmed, description }]);
       }
       setConfigForm((prev) => {
         const updated = [
           ...prev.homeTabConfig,
           {
+            name: trimmed,
+            description,
             category: trimmed,
             visible: true,
             order: prev.homeTabConfig.length
@@ -8821,6 +8832,7 @@ function ConfigPageContent() {
         return { ...prev, homeTabConfig: normalizeHomeTabConfig(updated) };
       });
       setNewHomeTabCategory("");
+      setNewHomeTabDescription("");
     } catch (error2) {
       console.error("\u65B0\u589E\u5206\u7C7B\u5931\u8D25:", error2);
       alert(error2 instanceof Error ? error2.message : "\u65B0\u589E\u5206\u7C7B\u5931\u8D25");
@@ -9125,12 +9137,19 @@ function ConfigPageContent() {
       onChange: (e) => setConfigForm((prev) => ({ ...prev, enableCategories: e.target.checked })),
       className: "h-4 w-4 rounded border-gray-300"
     }
-  ), /* @__PURE__ */ React30.createElement(Label, { htmlFor: "enableCategories", className: "text-sm font-medium" }, "\u542F\u7528\u5206\u7C7B\u529F\u80FD")))))), /* @__PURE__ */ React30.createElement(TabsContent, { value: "homeTabs", className: "space-y-6" }, /* @__PURE__ */ React30.createElement(Card, null, /* @__PURE__ */ React30.createElement(CardHeader, null, /* @__PURE__ */ React30.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React30.createElement("div", null, /* @__PURE__ */ React30.createElement(CardTitle, null, "\u9996\u9875\u5206\u7C7BTab\u914D\u7F6E"), /* @__PURE__ */ React30.createElement(CardDescription, null, "\u7BA1\u7406\u9996\u9875\u5206\u7C7BTab\u7684\u663E\u793A\u987A\u5E8F\u4E0E\u663E\u793A/\u9690\u85CF")), /* @__PURE__ */ React30.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React30.createElement(Button, { variant: "outline", onClick: () => handleSetAllHomeTabsVisible(true) }, "\u5168\u90E8\u663E\u793A"), /* @__PURE__ */ React30.createElement(Button, { variant: "outline", onClick: () => handleSetAllHomeTabsVisible(false) }, "\u5168\u90E8\u9690\u85CF"), /* @__PURE__ */ React30.createElement(Button, { variant: "outline", onClick: handleResetHomeTabs, className: "gap-2" }, /* @__PURE__ */ React30.createElement(RotateCcw, { size: 16 }), "\u91CD\u7F6E\u987A\u5E8F"), /* @__PURE__ */ React30.createElement(Button, { onClick: handleSaveConfig, className: "gap-2" }, /* @__PURE__ */ React30.createElement(Save, { size: 16 }), "\u4FDD\u5B58\u914D\u7F6E")))), /* @__PURE__ */ React30.createElement(CardContent, null, /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col lg:flex-row lg:items-end gap-3 mb-4" }, /* @__PURE__ */ React30.createElement("div", { className: "flex-1 space-y-2" }, /* @__PURE__ */ React30.createElement(Label, null, "\u65B0\u589E\u5206\u7C7BTab"), /* @__PURE__ */ React30.createElement(
+  ), /* @__PURE__ */ React30.createElement(Label, { htmlFor: "enableCategories", className: "text-sm font-medium" }, "\u542F\u7528\u5206\u7C7B\u529F\u80FD")))))), /* @__PURE__ */ React30.createElement(TabsContent, { value: "homeTabs", className: "space-y-6" }, /* @__PURE__ */ React30.createElement(Card, null, /* @__PURE__ */ React30.createElement(CardHeader, null, /* @__PURE__ */ React30.createElement("div", { className: "flex items-center justify-between" }, /* @__PURE__ */ React30.createElement("div", null, /* @__PURE__ */ React30.createElement(CardTitle, null, "\u9996\u9875\u5206\u7C7BTab\u914D\u7F6E"), /* @__PURE__ */ React30.createElement(CardDescription, null, "\u7BA1\u7406\u9996\u9875\u5206\u7C7BTab\u7684\u663E\u793A\u987A\u5E8F\u4E0E\u663E\u793A/\u9690\u85CF")), /* @__PURE__ */ React30.createElement("div", { className: "flex gap-3" }, /* @__PURE__ */ React30.createElement(Button, { variant: "outline", onClick: () => handleSetAllHomeTabsVisible(true) }, "\u5168\u90E8\u663E\u793A"), /* @__PURE__ */ React30.createElement(Button, { variant: "outline", onClick: () => handleSetAllHomeTabsVisible(false) }, "\u5168\u90E8\u9690\u85CF"), /* @__PURE__ */ React30.createElement(Button, { variant: "outline", onClick: handleResetHomeTabs, className: "gap-2" }, /* @__PURE__ */ React30.createElement(RotateCcw, { size: 16 }), "\u91CD\u7F6E\u987A\u5E8F"), /* @__PURE__ */ React30.createElement(Button, { onClick: handleSaveConfig, className: "gap-2" }, /* @__PURE__ */ React30.createElement(Save, { size: 16 }), "\u4FDD\u5B58\u914D\u7F6E")))), /* @__PURE__ */ React30.createElement(CardContent, null, /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col lg:flex-row lg:items-end gap-3 mb-4" }, /* @__PURE__ */ React30.createElement("div", { className: "flex-1 space-y-2" }, /* @__PURE__ */ React30.createElement(Label, null, "\u5206\u7C7B\u540D\u79F0"), /* @__PURE__ */ React30.createElement(
     Input,
     {
       value: newHomeTabCategory,
       onChange: (e) => setNewHomeTabCategory(e.target.value),
-      placeholder: "\u8F93\u5165\u65B0\u5206\u7C7B\u540D\u79F0"
+      placeholder: "\u8F93\u5165\u5206\u7C7B\u540D\u79F0"
+    }
+  ), /* @__PURE__ */ React30.createElement(Label, null, "\u5C55\u793A\u6587\u6848"), /* @__PURE__ */ React30.createElement(
+    Input,
+    {
+      value: newHomeTabDescription,
+      onChange: (e) => setNewHomeTabDescription(e.target.value),
+      placeholder: "\u8F93\u5165\u5C55\u793A\u6587\u6848"
     }
   )), /* @__PURE__ */ React30.createElement(Button, { onClick: handleAddHomeTab, className: "gap-2" }, /* @__PURE__ */ React30.createElement(Plus, { size: 16 }), "\u65B0\u589ETab")), /* @__PURE__ */ React30.createElement("div", { className: "space-y-2" }, configForm.homeTabConfig.map((item, index) => /* @__PURE__ */ React30.createElement(
     "div",
@@ -9138,7 +9157,7 @@ function ConfigPageContent() {
       key: item.category,
       className: "flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 p-3 border border-slate-200 rounded-lg bg-white"
     },
-    /* @__PURE__ */ React30.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React30.createElement("span", { className: "text-sm font-semibold text-slate-800" }, getCategoryDisplayName(item.category)), !item.visible && /* @__PURE__ */ React30.createElement(Badge, { variant: "secondary", className: "text-xs" }, "\u5DF2\u9690\u85CF")),
+    /* @__PURE__ */ React30.createElement("div", { className: "flex items-center gap-3" }, /* @__PURE__ */ React30.createElement("div", { className: "flex flex-col" }, /* @__PURE__ */ React30.createElement("span", { className: "text-sm font-semibold text-slate-800" }, item.description || item.name || getCategoryDisplayName(item.category)), item.description ? /* @__PURE__ */ React30.createElement("span", { className: "text-xs text-slate-500" }, item.name || item.category) : null), !item.visible && /* @__PURE__ */ React30.createElement(Badge, { variant: "secondary", className: "text-xs" }, "\u5DF2\u9690\u85CF")),
     /* @__PURE__ */ React30.createElement("div", { className: "flex items-center gap-2" }, /* @__PURE__ */ React30.createElement(
       Button,
       {
@@ -9395,7 +9414,7 @@ function ConfigPageContent() {
       onChange: (e) => setCollectionForm((prev) => ({ ...prev, category: e.target.value })),
       className: "w-full px-3 py-2 border border-slate-300 rounded-lg focus:outline-none focus:ring-2 focus:ring-blue-500 focus:border-transparent"
     },
-    categoryOptions.map((category) => /* @__PURE__ */ React30.createElement("option", { key: category, value: category }, getCategoryDisplayName(category)))
+    categoryOptions.map((category) => /* @__PURE__ */ React30.createElement("option", { key: category.name, value: category.name }, category.description || getCategoryDisplayName(category.name)))
   )), /* @__PURE__ */ React30.createElement("div", null, /* @__PURE__ */ React30.createElement("label", { className: "block text-sm font-medium text-slate-700 mb-2" }, "\u4EF7\u683C\uFF08\u5143\uFF09"), /* @__PURE__ */ React30.createElement(
     "input",
     {