listpage-next 0.0.246 → 0.0.247

package/dist/features/ChatClient/components/ChatContent/ClientContentHeader.js

@@ -24,10 +24,6 @@ const HeaderLeft = (props)=>{
     const onCollapsed = ()=>{
         setCollapsed(!collapsed);
     };
-    const onSubmitTitleChange = async (newTitle)=>{
-        await onTitleChange?.(newTitle);
-        setTitle(newTitle);
-    };
     const showActions = !!collapsed;
     const showTitle = !!title;
     return /*#__PURE__*/ jsxs(Left, {
@@ -56,23 +52,6 @@ const HeaderLeft = (props)=>{
                     backgroundColor: '#0000001f'
                 },
                 type: "vertical"
-            }),
-            showTitle && /*#__PURE__*/ jsxs(NameContainer, {
-                children: [
-                    /*#__PURE__*/ jsx(NameText, {
-                        children: /*#__PURE__*/ jsx(Button, {
-                            onClick: ()=>showUpdateTitleModal(title, onSubmitTitleChange),
-                            size: "small",
-                            type: "text",
-                            iconPosition: "end",
-                            icon: /*#__PURE__*/ jsx(EditOutlined, {}),
-                            children: title
-                        })
-                    }),
-                    /*#__PURE__*/ jsx(AiTipText, {
-                        children: "内容由 AI 生成"
-                    })
-                ]
             })
         ]
     });
@@ -83,12 +62,12 @@ const ActionContainer = styled.div`
 
   gap: 4px;
 `;
-const NameContainer = styled.div`
+styled.div`
   display: flex;
   align-items: flex-start;
   flex-direction: column;
 `;
-const NameText = styled.span`
+styled.span`
   font-size: 14px;
   font-weight: 500;
   color: #000000;
@@ -97,7 +76,7 @@ const NameText = styled.span`
     ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji',
     'Segoe UI Symbol', 'Noto Color Emoji';
 `;
-const AiTipText = styled.span`
+styled.span`
   font-size: 11px;
   color: #00000080;
   padding: 0 8px;

package/dist/ui/Button/index.d.ts

@@ -4,7 +4,7 @@ export interface ButtonProps {
     disabled?: boolean;
     loading?: boolean;
     children?: ReactNode;
-    type?: 'primary' | 'secondary';
+    type?: 'primary' | 'secondary' | 'error' | 'text';
     size?: 'large' | 'medium' | 'small';
 }
 export declare const Button: (props: ButtonProps) => import("react/jsx-runtime").JSX.Element;

package/dist/ui/Button/index.js

@@ -6,7 +6,9 @@ const Button = (props)=>{
     const [loading, setLoading] = useState(false);
     const typeClass = {
         primary: 'bg-blue-600 hover:bg-blue-500 text-white shadow-lg shadow-blue-900/20 transition-all transform hover:scale-[1.02] active:scale-[0.98] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-blue-500 focus-visible:ring-offset-2 flex items-center gap-2',
-        secondary: 'border border-gray-700 text-gray-300 hover:bg-gray-800 hover:text-white active:bg-gray-700 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 flex items-center gap-2'
+        secondary: 'border border-gray-700 text-gray-300 hover:bg-gray-800 hover:text-white active:bg-gray-700 transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-gray-500 focus-visible:ring-offset-2 flex items-center gap-2',
+        error: 'bg-red-600 hover:bg-red-500 text-white rounded-lg text-sm font-medium transition-colors shadow-lg shadow-red-900/20',
+        text: 'text-slate-300 hover:text-white transition-colors text-sm font-medium'
     };
     const sizeClass = {
         large: 'px-6 py-2.5 rounded-lg',

package/dist/ui/FileManager/FileManager.d.ts

@@ -0,0 +1,7 @@
+import { ReactNode } from 'react';
+import { StorageAdapter } from './types';
+export interface FileManagerProps {
+    title?: ReactNode;
+    storage: StorageAdapter;
+}
+export declare function FileManager({ title, storage }: FileManagerProps): import("react/jsx-runtime").JSX.Element;

package/dist/ui/FileManager/FileManager.js

@@ -0,0 +1,278 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useEffect, useMemo, useState } from "react";
+import { useRequest } from "ahooks";
+import { Loader2 } from "lucide-react";
+import Sidebar from "./components/Sidebar.js";
+import { AssetGrid } from "./components/AssetGrid.js";
+import { AddAssetModal } from "./components/AddAssetModal.js";
+import { CreateFolderModal } from "./components/CreateFolderModal.js";
+import { DeleteConfirmModal } from "./components/DeleteConfirmModal.js";
+import { InspectorPanel } from "./components/InspectorPanel.js";
+import { HeaderBar } from "./components/HeaderBar.js";
+function FileManager({ title, storage }) {
+    const [assets, setAssets] = useState([]);
+    const [folders, setFolders] = useState([]);
+    const [currentFolderId, setCurrentFolderId] = useState(null);
+    const [filters, setFilters] = useState({
+        search: '',
+        source: 'all'
+    });
+    const [viewMode, setViewMode] = useState('grid');
+    const [isAddModalOpen, setIsAddModalOpen] = useState(false);
+    const [isCreateFolderModalOpen, setIsCreateFolderModalOpen] = useState(false);
+    const [createFolderParentId, setCreateFolderParentId] = useState(void 0);
+    const [deleteModalState, setDeleteModalState] = useState({
+        isOpen: false,
+        itemId: null,
+        itemType: null,
+        itemName: ''
+    });
+    const [selectedItem, setSelectedItem] = useState(null);
+    const { loading } = useRequest(()=>storage.listAssets(), {
+        onSuccess: ({ assets: remoteAssets, folders: remoteFolders })=>{
+            setAssets(remoteAssets);
+            setFolders(remoteFolders);
+        }
+    });
+    useEffect(()=>{
+        if (selectedItem && 'image' === selectedItem.type) {
+            const item = selectedItem;
+            if (!item.width || !item.height) {
+                const img = new Image();
+                img.src = item.url;
+                img.onload = ()=>{
+                    setAssets((prev)=>prev.map((a)=>a.id === item.id ? {
+                                ...a,
+                                width: img.naturalWidth,
+                                height: img.naturalHeight
+                            } : a));
+                    setSelectedItem((prev)=>{
+                        if (prev && prev.id === item.id) return {
+                            ...prev,
+                            width: img.naturalWidth,
+                            height: img.naturalHeight
+                        };
+                        return prev;
+                    });
+                };
+            }
+        }
+    }, [
+        selectedItem?.id
+    ]);
+    const breadcrumbs = useMemo(()=>{
+        const path = [];
+        let currentId = currentFolderId;
+        while(currentId){
+            const folder = folders.find((f)=>f.id === currentId);
+            if (folder) {
+                path.unshift({
+                    id: folder.id,
+                    name: folder.name
+                });
+                currentId = folder.parentId;
+            } else break;
+        }
+        return [
+            {
+                id: null,
+                name: '根目录'
+            },
+            ...path
+        ];
+    }, [
+        folders,
+        currentFolderId
+    ]);
+    const currentViewItems = useMemo(()=>{
+        const currentFolders = folders.filter((f)=>f.parentId === currentFolderId);
+        const currentAssets = assets.filter((a)=>a.parentId === currentFolderId);
+        let items = [
+            ...currentFolders,
+            ...currentAssets
+        ];
+        if (filters.search) {
+            const allFolders = folders.filter((f)=>f.name.toLowerCase().includes(filters.search.toLowerCase()));
+            const allAssets = assets.filter((a)=>a.name.toLowerCase().includes(filters.search.toLowerCase()));
+            return [
+                ...allFolders,
+                ...allAssets
+            ];
+        }
+        if ('all' !== filters.source) return items.filter((item)=>{
+            if ('folder' === item.type) return false;
+            return item.source === filters.source;
+        });
+        return items;
+    }, [
+        assets,
+        folders,
+        currentFolderId,
+        filters
+    ]);
+    const handleAddAsset = (newAsset)=>{
+        setAssets((prev)=>[
+                newAsset,
+                ...prev
+            ]);
+    };
+    const handleBatchImport = (newAssets, newFolders)=>{
+        setFolders((prev)=>{
+            const exists = new Set(prev.map((f)=>f.id));
+            const uniqueNew = newFolders.filter((f)=>!exists.has(f.id));
+            return [
+                ...prev,
+                ...uniqueNew
+            ];
+        });
+        setAssets((prev)=>[
+                ...newAssets,
+                ...prev
+            ]);
+    };
+    const handleCreateFolder = async (name)=>{
+        try {
+            const parentId = void 0 === createFolderParentId ? currentFolderId : createFolderParentId;
+            const newFolder = await storage.createFolder(name, parentId);
+            setFolders((prev)=>[
+                    ...prev,
+                    newFolder
+                ]);
+        } catch (e) {
+            alert('创建文件夹失败');
+        }
+    };
+    const handleDeleteRequest = (id, type, name)=>{
+        setDeleteModalState({
+            isOpen: true,
+            itemId: id,
+            itemType: type,
+            itemName: name
+        });
+    };
+    const executeDelete = async ()=>{
+        const { itemId, itemType } = deleteModalState;
+        if (!itemId || !itemType) return;
+        if ('folder' === itemType) try {
+            await storage.deleteFolder(itemId);
+            setFolders((prev)=>prev.filter((f)=>f.id !== itemId));
+            setFolders((prev)=>prev.filter((f)=>!f.id.startsWith(itemId)));
+            setAssets((prev)=>prev.filter((a)=>!a.parentId?.startsWith(itemId)));
+        } catch (e) {
+            console.error(e);
+        }
+        else {
+            const asset = assets.find((a)=>a.id === itemId);
+            setAssets((prev)=>prev.filter((a)=>a.id !== itemId));
+            if (asset) await storage.deleteObject(asset.id);
+        }
+        if (selectedItem?.id === itemId) setSelectedItem(null);
+        setDeleteModalState({
+            isOpen: false,
+            itemId: null,
+            itemType: null,
+            itemName: ''
+        });
+    };
+    const handleNavigate = (folderId)=>{
+        setCurrentFolderId(folderId);
+        setSelectedItem(null);
+        setFilters((prev)=>({
+                ...prev,
+                search: ''
+            }));
+    };
+    return /*#__PURE__*/ jsxs("div", {
+        className: "flex h-screen bg-slate-950 text-slate-200 font-sans",
+        children: [
+            /*#__PURE__*/ jsx(Sidebar, {
+                title: title,
+                folders: folders,
+                currentFolderId: currentFolderId,
+                onNavigate: handleNavigate,
+                onOpenAddModal: ()=>setIsAddModalOpen(true),
+                onOpenCreateEmptyFolderModal: (folder)=>{
+                    setIsCreateFolderModalOpen(true);
+                    setCreateFolderParentId(folder ? folder.id : null);
+                }
+            }),
+            /*#__PURE__*/ jsxs("div", {
+                className: "flex-1 flex flex-col min-w-0 bg-slate-950",
+                children: [
+                    /*#__PURE__*/ jsx(HeaderBar, {
+                        breadcrumbs: breadcrumbs,
+                        search: filters.search,
+                        onSearchChange: (v)=>setFilters((prev)=>({
+                                    ...prev,
+                                    search: v
+                                })),
+                        onNavigate: handleNavigate,
+                        onCreateFolder: ()=>{
+                            setIsCreateFolderModalOpen(true);
+                            setCreateFolderParentId(void 0);
+                        },
+                        viewMode: viewMode,
+                        onChangeViewMode: setViewMode
+                    }),
+                    /*#__PURE__*/ jsxs("div", {
+                        className: "flex-1 flex overflow-hidden relative",
+                        children: [
+                            /*#__PURE__*/ jsx("main", {
+                                className: "flex-1 relative overflow-hidden flex flex-col",
+                                children: /*#__PURE__*/ jsx("div", {
+                                    className: "flex-1 overflow-hidden",
+                                    children: loading ? /*#__PURE__*/ jsxs("div", {
+                                        className: "flex flex-col items-center justify-center h-full text-slate-500 space-y-4",
+                                        children: [
+                                            /*#__PURE__*/ jsx(Loader2, {
+                                                className: "w-10 h-10 animate-spin text-indigo-500"
+                                            }),
+                                            /*#__PURE__*/ jsx("p", {
+                                                children: "正在加载数据..."
+                                            })
+                                        ]
+                                    }) : /*#__PURE__*/ jsx(AssetGrid, {
+                                        items: currentViewItems,
+                                        viewMode: viewMode,
+                                        onSelect: setSelectedItem,
+                                        onNavigate: handleNavigate,
+                                        onDelete: handleDeleteRequest
+                                    })
+                                })
+                            }),
+                            selectedItem && 'folder' !== selectedItem.type && /*#__PURE__*/ jsx(InspectorPanel, {
+                                item: selectedItem,
+                                folders: folders,
+                                onDelete: (id, type, name)=>handleDeleteRequest(id, type, name)
+                            })
+                        ]
+                    })
+                ]
+            }),
+            /*#__PURE__*/ jsx(AddAssetModal, {
+                isOpen: isAddModalOpen,
+                onClose: ()=>setIsAddModalOpen(false),
+                onAdd: handleAddAsset,
+                onBatchAdd: handleBatchImport,
+                currentFolderId: currentFolderId,
+                storage: storage
+            }),
+            /*#__PURE__*/ jsx(CreateFolderModal, {
+                isOpen: isCreateFolderModalOpen,
+                onClose: ()=>setIsCreateFolderModalOpen(false),
+                onCreate: handleCreateFolder
+            }),
+            /*#__PURE__*/ jsx(DeleteConfirmModal, {
+                isOpen: deleteModalState.isOpen,
+                onClose: ()=>setDeleteModalState((prev)=>({
+                            ...prev,
+                            isOpen: false
+                        })),
+                onConfirm: executeDelete,
+                itemName: deleteModalState.itemName,
+                itemType: deleteModalState.itemType
+            })
+        ]
+    });
+}
+export { FileManager };

package/dist/ui/FileManager/components/AddAssetModal.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { Asset, Folder, StorageAdapter } from '../types';
+export interface AddAssetModalProps {
+    isOpen: boolean;
+    onClose: () => void;
+    onAdd: (asset: Asset) => void;
+    onBatchAdd: (assets: Asset[], folders: Folder[]) => void;
+    currentFolderId: string | null;
+    storage: StorageAdapter;
+}
+export declare const AddAssetModal: React.FC<AddAssetModalProps>;

package/dist/ui/FileManager/components/AddAssetModal.js

@@ -0,0 +1,197 @@
+import { jsx, jsxs } from "react/jsx-runtime";
+import { useRef, useState } from "react";
+import { FolderPlus, Loader2, Upload, X } from "lucide-react";
+const AddAssetModal = ({ isOpen, onClose, onAdd, onBatchAdd, currentFolderId, storage })=>{
+    const [loading, setLoading] = useState(false);
+    const [status, setStatus] = useState('');
+    const fileInputRef = useRef(null);
+    const folderInputRef = useRef(null);
+    if (!isOpen) return null;
+    const handleFileUpload = async (e)=>{
+        const file = e.target.files?.[0];
+        if (!file) return;
+        setLoading(true);
+        setStatus('正在上传到服务器...');
+        try {
+            const uploadedAsset = await storage.uploadObject(file, currentFolderId);
+            let name = uploadedAsset.name || file.name;
+            const newAsset = {
+                ...uploadedAsset,
+                name: name
+            };
+            onAdd(newAsset);
+            setLoading(false);
+            onClose();
+        } catch (error) {
+            console.error(error);
+            setStatus('文件处理出错');
+            setLoading(false);
+        }
+    };
+    const handleFolderUpload = async (e)=>{
+        const files = e.target.files;
+        if (!files || 0 === files.length) return;
+        setLoading(true);
+        setStatus('正在解析目录结构...');
+        const newFolders = [];
+        const newAssets = [];
+        const createdFolderPaths = new Set();
+        try {
+            const totalFiles = files.length;
+            for(let i = 0; i < files.length; i++){
+                const file = files[i];
+                const relativePath = file.webkitRelativePath;
+                const rootPrefix = currentFolderId || '';
+                const fileParts = relativePath.split('/');
+                fileParts.pop();
+                const relativeFolder = fileParts.join('/');
+                const targetFolderId = relativeFolder ? `${rootPrefix}${relativeFolder}/` : rootPrefix;
+                setStatus(`正在上传 (${i + 1}/${totalFiles}): ${file.name}`);
+                const uploadedAsset = await storage.uploadObject(file, targetFolderId);
+                newAssets.push({
+                    ...uploadedAsset,
+                    name: file.name
+                });
+            }
+            for(let i = 0; i < files.length; i++){
+                const parts = files[i].webkitRelativePath.split('/');
+                parts.pop();
+                let currentPath = currentFolderId || '';
+                for (const part of parts){
+                    const parent = currentPath || null;
+                    currentPath += `${part}/`;
+                    if (!createdFolderPaths.has(currentPath)) {
+                        newFolders.push({
+                            id: currentPath,
+                            name: part,
+                            parentId: parent,
+                            createdAt: new Date().toISOString(),
+                            type: 'folder'
+                        });
+                        createdFolderPaths.add(currentPath);
+                    }
+                }
+            }
+            onBatchAdd(newAssets, newFolders);
+            setLoading(false);
+            onClose();
+        } catch (error) {
+            console.error('Batch upload failed', error);
+            setStatus('上传过程中出错');
+            setLoading(false);
+        }
+    };
+    return /*#__PURE__*/ jsx("div", {
+        className: "fixed inset-0 z-50 flex items-center justify-center bg-black/80 backdrop-blur-sm p-4",
+        children: /*#__PURE__*/ jsxs("div", {
+            className: "bg-slate-900 border border-slate-700 w-full max-w-2xl rounded-2xl shadow-2xl overflow-hidden flex flex-col max-h-[90vh]",
+            children: [
+                /*#__PURE__*/ jsxs("div", {
+                    className: "flex items-center justify-between p-6 border-b border-slate-800 bg-slate-900",
+                    children: [
+                        /*#__PURE__*/ jsx("h2", {
+                            className: "text-xl font-bold text-white",
+                            children: currentFolderId ? '上传文件到当前文件夹' : '上传文件到根目录'
+                        }),
+                        /*#__PURE__*/ jsx("button", {
+                            onClick: onClose,
+                            className: "text-slate-400 hover:text-white transition-colors",
+                            children: /*#__PURE__*/ jsx(X, {
+                                className: "w-6 h-6"
+                            })
+                        })
+                    ]
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: "flex border-b border-slate-800",
+                    children: /*#__PURE__*/ jsx("button", {
+                        className: "flex-1 py-4 text-sm font-medium transition-colors border-b-2 border-indigo-500 text-indigo-400 bg-slate-800/50",
+                        children: /*#__PURE__*/ jsxs("div", {
+                            className: "flex items-center justify-center gap-2",
+                            children: [
+                                /*#__PURE__*/ jsx(Upload, {
+                                    className: "w-4 h-4"
+                                }),
+                                "上传文件"
+                            ]
+                        })
+                    })
+                }),
+                /*#__PURE__*/ jsx("div", {
+                    className: "p-8 overflow-y-auto",
+                    children: loading ? /*#__PURE__*/ jsxs("div", {
+                        className: "flex flex-col items-center justify-center py-12 space-y-4",
+                        children: [
+                            /*#__PURE__*/ jsx(Loader2, {
+                                className: "w-12 h-12 text-indigo-500 animate-spin"
+                            }),
+                            /*#__PURE__*/ jsx("p", {
+                                className: "text-slate-300 animate-pulse",
+                                children: status
+                            })
+                        ]
+                    }) : /*#__PURE__*/ jsxs("div", {
+                        className: "flex gap-4",
+                        children: [
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex-1 border-2 border-dashed border-slate-700 rounded-xl p-8 flex flex-col items-center justify-center text-center hover:border-indigo-500 hover:bg-slate-800/30 transition-all cursor-pointer group",
+                                onClick: ()=>fileInputRef.current?.click(),
+                                children: [
+                                    /*#__PURE__*/ jsx("input", {
+                                        type: "file",
+                                        ref: fileInputRef,
+                                        className: "hidden",
+                                        onChange: handleFileUpload
+                                    }),
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "w-16 h-16 bg-slate-800 rounded-full flex items-center justify-center mb-4 group-hover:bg-indigo-500/20 transition-colors",
+                                        children: /*#__PURE__*/ jsx(Upload, {
+                                            className: "w-8 h-8 text-slate-400 group-hover:text-indigo-400"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx("h3", {
+                                        className: "text-lg font-medium text-white mb-2",
+                                        children: "上传文件"
+                                    }),
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: "text-sm text-slate-500",
+                                        children: "图片、视频、音频、模型等"
+                                    })
+                                ]
+                            }),
+                            /*#__PURE__*/ jsxs("div", {
+                                className: "flex-1 border-2 border-dashed border-slate-700 rounded-xl p-8 flex flex-col items-center justify-center text-center hover:border-indigo-500 hover:bg-slate-800/30 transition-all cursor-pointer group",
+                                onClick: ()=>folderInputRef.current?.click(),
+                                children: [
+                                    /*#__PURE__*/ jsx("input", {
+                                        type: "file",
+                                        ref: folderInputRef,
+                                        className: "hidden",
+                                        webkitdirectory: "",
+                                        directory: "",
+                                        onChange: handleFolderUpload
+                                    }),
+                                    /*#__PURE__*/ jsx("div", {
+                                        className: "w-16 h-16 bg-slate-800 rounded-full flex items-center justify-center mb-4 group-hover:bg-indigo-500/20 transition-colors",
+                                        children: /*#__PURE__*/ jsx(FolderPlus, {
+                                            className: "w-8 h-8 text-slate-400 group-hover:text-indigo-400"
+                                        })
+                                    }),
+                                    /*#__PURE__*/ jsx("h3", {
+                                        className: "text-lg font-medium text-white mb-2",
+                                        children: "上传文件夹"
+                                    }),
+                                    /*#__PURE__*/ jsx("p", {
+                                        className: "text-sm text-slate-500",
+                                        children: "保留目录结构上传"
+                                    })
+                                ]
+                            })
+                        ]
+                    })
+                })
+            ]
+        })
+    });
+};
+export { AddAssetModal };

package/dist/ui/FileManager/components/AssetGrid.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+import { ViewMode, FileSystemItem } from '../types';
+export interface AssetGridProps {
+    items: FileSystemItem[];
+    viewMode: ViewMode;
+    onSelect: (item: FileSystemItem) => void;
+    onNavigate: (folderId: string) => void;
+    onDelete?: (id: string, type: 'folder' | 'asset', name: string) => void;
+    selectedIds?: Set<string>;
+}
+export declare const AssetGrid: React.FC<AssetGridProps>;