feat: 本次提交更新内容如下

保存下场景建设数据

nkebao/src/components/ContentLibrarySelectionDialog.tsx

@@ -1,12 +1,17 @@
-import React, { useState, useEffect, useCallback } from 'react';
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/dialog';
-import { Input } from '@/components/ui/input';
-import { Button } from '@/components/ui/button';
-import { Badge } from '@/components/ui/badge';
-import { Search, RefreshCw, Loader2 } from 'lucide-react';
-import { fetchContentLibraryList } from '@/api/content';
-import { ContentLibrary } from '@/api/content';
-import { useToast } from '@/components/ui/toast';
+import React, { useState, useEffect, useCallback } from "react";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/dialog";
+import { Input } from "@/components/ui/input";
+import { Button } from "@/components/ui/button";
+import { Badge } from "@/components/ui/badge";
+import { Search, RefreshCw, Loader2 } from "lucide-react";
+import { fetchContentLibraryList } from "@/api/content";
+import { ContentLibrary } from "@/api/content";
+import { useToast } from "@/components/ui/toast";
 
 interface ContentLibrarySelectionDialogProps {
   open: boolean;
@@ -22,7 +27,7 @@ export function ContentLibrarySelectionDialog({
   onSelect,
 }: ContentLibrarySelectionDialogProps) {
   const { toast } = useToast();
-  const [searchQuery, setSearchQuery] = useState('');
+  const [searchQuery, setSearchQuery] = useState("");
   const [loading, setLoading] = useState(false);
   const [libraries, setLibraries] = useState<ContentLibrary[]>([]);
   const [tempSelected, setTempSelected] = useState<string[]>([]);
@@ -35,11 +40,19 @@ export function ContentLibrarySelectionDialog({
       if (response.code === 200 && response.data) {
         setLibraries(response.data.list);
       } else {
-        toast({ title: '获取内容库列表失败', description: response.msg, variant: 'destructive' });
+        toast({
+          title: "获取内容库列表失败",
+          description: response.msg,
+          variant: "destructive",
+        });
       }
     } catch (error) {
-      console.error('获取内容库列表失败:', error);
-      toast({ title: '获取内容库列表失败', description: '请检查网络连接', variant: 'destructive' });
+      console.error("获取内容库列表失败:", error);
+      toast({
+        title: "获取内容库列表失败",
+        description: "请检查网络连接",
+        variant: "destructive",
+      });
     } finally {
       setLoading(false);
     }
@@ -60,14 +73,14 @@ export function ContentLibrarySelectionDialog({
     if (tempSelected.length === libraries.length) {
       setTempSelected([]);
     } else {
-      setTempSelected(libraries.map(lib => lib.id));
+      setTempSelected(libraries.map((lib) => lib.id));
     }
   };
 
   const handleLibraryToggle = (libraryId: string) => {
-    setTempSelected(prev => 
-      prev.includes(libraryId) 
-        ? prev.filter(id => id !== libraryId)
+    setTempSelected((prev) =>
+      prev.includes(libraryId)
+        ? prev.filter((id) => id !== libraryId)
         : [...prev, libraryId]
     );
   };
@@ -86,7 +99,7 @@ export function ContentLibrarySelectionDialog({
 
   return (
     <Dialog open={open} onOpenChange={handleDialogOpenChange}>
-      <DialogContent className="flex flex-col">
+      <DialogContent className="flex flex-col bg-white">
         <DialogHeader>
           <DialogTitle>选择内容库</DialogTitle>
         </DialogHeader>
@@ -101,8 +114,17 @@ export function ContentLibrarySelectionDialog({
               onChange={(e) => setSearchQuery(e.target.value)}
             />
           </div>
-          <Button variant="outline" size="icon" onClick={handleRefresh} disabled={loading}>
-            {loading ? <Loader2 className="h-4 w-4 animate-spin" /> : <RefreshCw className="h-4 w-4" />}
+          <Button
+            variant="outline"
+            size="icon"
+            onClick={handleRefresh}
+            disabled={loading}
+          >
+            {loading ? (
+              <Loader2 className="h-4 w-4 animate-spin" />
+            ) : (
+              <RefreshCw className="h-4 w-4" />
+            )}
           </Button>
         </div>
 
@@ -111,9 +133,9 @@ export function ContentLibrarySelectionDialog({
             已选择 {tempSelected.length} 个内容库
           </div>
           <div className="flex gap-2">
-            <Button 
-              variant="outline" 
-              size="sm" 
+            <Button
+              variant="outline"
+              size="sm"
               onClick={handleSelectAll}
               disabled={loading || libraries.length === 0}
             >
@@ -148,12 +170,19 @@ export function ContentLibrarySelectionDialog({
                     <div className="flex items-center justify-between">
                       <span className="font-medium">{library.name}</span>
                       <Badge variant="outline">
-                        {library.sourceType === 1 ? '文本' : library.sourceType === 2 ? '图片' : '视频'}
+                        {library.sourceType === 1
+                          ? "文本"
+                          : library.sourceType === 2
+                          ? "图片"
+                          : "视频"}
                       </Badge>
                     </div>
                     <div className="text-sm text-gray-500 mt-1">
-                      <div>创建人: {library.creatorName || '-'}</div>
-                      <div>更新时间: {new Date(library.updateTime).toLocaleString()}</div>
+                      <div>创建人: {library.creatorName || "-"}</div>
+                      <div>
+                        更新时间:{" "}
+                        {new Date(library.updateTime).toLocaleString()}
+                      </div>
                     </div>
                   </div>
                 </label>
@@ -171,11 +200,11 @@ export function ContentLibrarySelectionDialog({
               取消
             </Button>
             <Button onClick={handleConfirm}>
-              确定{tempSelected.length > 0 ? ` (${tempSelected.length})` : ''}
+              确定{tempSelected.length > 0 ? ` (${tempSelected.length})` : ""}
             </Button>
           </div>
         </div>
       </DialogContent>
     </Dialog>
   );
-} 
+}