listpage-next 0.0.248 → 0.0.250

package/dist/api/client/client.js

@@ -135,5 +135,23 @@ function setupClient(HttpClient) {
         document.body.removeChild(link);
         window.URL.revokeObjectURL(url);
     };
+    HttpClient.prototype.upload = async function(url, data, config) {
+        const client = this.client;
+        const formData = new FormData();
+        if (data && 'object' == typeof data) Object.keys(data).forEach((key)=>{
+            const value = data[key];
+            if (Array.isArray(value)) value.forEach((item)=>{
+                formData.append(key, item);
+            });
+            else if (null != value) formData.append(key, value);
+        });
+        return client.post(url, formData, {
+            ...config,
+            headers: {
+                'Content-Type': 'multipart/form-data',
+                ...config?.headers
+            }
+        });
+    };
 }
 export { setupClient };

package/dist/api/client/index.d.ts

@@ -20,4 +20,5 @@ export declare class HttpClient implements IHttpClient {
         filename?: string;
         type?: string;
     }, config?: AxiosRequestConfig<D>): Promise<void>;
+    upload<T = any, D = any>(url: string, params?: D, config?: AxiosRequestConfig<D>): Promise<AxiosResponse<ApiResponse<T>>>;
 }

package/dist/api/client/index.js

@@ -54,5 +54,8 @@ class HttpClient {
     download(url, params, downloadOptions, config) {
         throw new Error('Method should be implemented by setupClient');
     }
+    upload(url, params, config) {
+        throw new Error('Method should be implemented by setupClient');
+    }
 }
 export { HttpClient };

package/dist/ui/FileManager/FileManager.js

@@ -183,7 +183,7 @@ function FileManager({ title, storage }) {
             }));
     };
     return /*#__PURE__*/ jsxs("div", {
-        className: "flex h-screen bg-slate-950 text-slate-200 font-sans",
+        className: "flex h-full bg-slate-950 text-slate-200 font-sans",
         children: [
             /*#__PURE__*/ jsx(Sidebar, {
                 title: title,
@@ -236,7 +236,8 @@ function FileManager({ title, storage }) {
                                         viewMode: viewMode,
                                         onSelect: setSelectedItem,
                                         onNavigate: handleNavigate,
-                                        onDelete: handleDeleteRequest
+                                        onDelete: handleDeleteRequest,
+                                        onDownload: storage.downloadFile
                                     })
                                 })
                             }),

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

@@ -6,6 +6,7 @@ export interface AssetGridProps {
     onSelect: (item: FileSystemItem) => void;
     onNavigate: (folderId: string) => void;
     onDelete?: (id: string, type: 'folder' | 'asset', name: string) => void;
+    onDownload?: (url: string, name: string) => void;
     selectedIds?: Set<string>;
 }
 export declare const AssetGrid: React.FC<AssetGridProps>;

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

@@ -1,8 +1,8 @@
 import { Fragment, jsx, jsxs } from "react/jsx-runtime";
 import react from "react";
 import dayjs from "dayjs";
-import { Box, Check, ExternalLink, FileText, Folder, Image, Link, Music, Trash2, Video } from "lucide-react";
-const AssetGrid = ({ items, viewMode, onSelect, onNavigate, onDelete, selectedIds })=>{
+import { Box, Check, Download, ExternalLink, FileText, Folder, Image, Link, Music, Trash2, Video } from "lucide-react";
+const AssetGrid = ({ items, viewMode, onSelect, onNavigate, onDelete, onDownload, selectedIds })=>{
     const [copiedId, setCopiedId] = react.useState(null);
     const handleCopyLink = async (url, id)=>{
         if (!url) return;
@@ -98,7 +98,7 @@ const AssetGrid = ({ items, viewMode, onSelect, onNavigate, onDelete, selectedId
                             }) : 'image' === item.type && item.url ? /*#__PURE__*/ jsx("div", {
                                 className: `${'list' === viewMode ? 'w-10 h-10' : 'w-full h-full'} rounded-lg overflow-hidden bg-slate-950 relative border border-slate-800 flex items-center justify-center`,
                                 children: /*#__PURE__*/ jsx("img", {
-                                    src: item.url,
+                                    src: item.preview,
                                     alt: item.name,
                                     className: "w-full h-full object-cover"
                                 })
@@ -163,6 +163,17 @@ const AssetGrid = ({ items, viewMode, onSelect, onNavigate, onDelete, selectedId
                                             children: /*#__PURE__*/ jsx(ExternalLink, {
                                                 className: "w-3 h-3"
                                             })
+                                        }),
+                                        onDownload && /*#__PURE__*/ jsx("button", {
+                                            onClick: (e)=>{
+                                                e.stopPropagation();
+                                                onDownload(item.url, item.name);
+                                            },
+                                            className: "p-1.5 bg-slate-700 rounded-lg hover:bg-slate-600 text-white",
+                                            title: "下载",
+                                            children: /*#__PURE__*/ jsx(Download, {
+                                                className: "w-3 h-3"
+                                            })
                                         })
                                     ]
                                 }),

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

@@ -1,3 +1,3 @@
 export { FileManager, type FileManagerProps } from './FileManager';
 export { AssetSelectorModal, type AssetSelectorModalProps, } from './components/AssetSelectorModal';
-export type { StorageAdapter } from './types';
+export type { StorageAdapter, Folder, Asset } from './types';

package/dist/ui/FileManager/services/config.js

@@ -1,10 +1,10 @@
 let storageConfig = null;
 const getStorageConfig = ()=>{
     if (storageConfig) return storageConfig;
-    const endpoint = 'https://xxx.xxx.xxx.xxx';
-    const accessKeyId = '';
-    const secretAccessKey = '';
-    const bucketName = '';
+    const endpoint = 'xxx';
+    const accessKeyId = 'xxx';
+    const secretAccessKey = 'xxx';
+    const bucketName = 'xxxxx';
     const region = 'us-east-1';
     if (!endpoint || !accessKeyId || !secretAccessKey || !bucketName) throw new Error('Storage configuration is missing');
     return {

package/dist/ui/FileManager/services/storageService.js

@@ -87,6 +87,7 @@ const listAssets = async ()=>{
                 id: key,
                 name: name,
                 url: url,
+                preview: '',
                 type: type,
                 width: 0,
                 height: 0,
@@ -161,7 +162,7 @@ const deleteFolder = async (folderPath)=>{
 const uploadObject = async (file, folderId)=>{
     const prefix = folderId || '';
     const cleanName = file.name.replace(/[^a-zA-Z0-9.-]/g, '_');
-    const key = `${prefix}${Date.now()}-${cleanName}`;
+    const key = `${prefix}${cleanName}`;
     try {
         const cfg = getStorageConfig();
         const s3 = getS3Client();
@@ -239,11 +240,13 @@ const formatBytes = (bytes, decimals = 2)=>{
     const i = Math.floor(Math.log(bytes) / Math.log(k));
     return `${parseFloat((bytes / Math.pow(k, i)).toFixed(dm))} ${sizes[i]}`;
 };
+const downloadFile = async (url, fileName)=>{};
 const adapter = {
     createFolder,
     deleteFolder,
     uploadObject,
     deleteObject,
-    listAssets
+    listAssets,
+    downloadFile
 };
 export { adapter, createFolder, deleteFolder, deleteObject, listAssets, uploadObject };

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

@@ -10,6 +10,7 @@ export interface Asset {
     id: string;
     name: string;
     url: string;
+    preview?: string;
     type: AssetType;
     parentId: string | null;
     width?: number;
@@ -22,7 +23,7 @@ export type FileSystemItem = Folder | Asset;
 export type ViewMode = 'grid' | 'list';
 export interface FilterState {
     search: string;
-    source: 'all' | 'upload' | 'ai-generated';
+    source: 'all' | 'upload';
 }
 export interface StorageAdapter {
     listAssets: () => Promise<{
@@ -33,4 +34,5 @@ export interface StorageAdapter {
     deleteFolder: (folderPath: string) => Promise<void>;
     deleteObject: (assetId: string) => Promise<void>;
     uploadObject: (file: File, folderId: string | null) => Promise<Partial<Asset>>;
+    downloadFile: (url: string, fileName: string) => Promise<void>;
 }

package/dist/ui.css

@@ -433,9 +433,6 @@
   .h-full {
     height: 100%;
   }
-  .h-screen {
-    height: 100vh;
-  }
   .max-h-0 {
     max-height: calc(var(--spacing) * 0);
   }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "listpage-next",
-  "version": "0.0.248",
+  "version": "0.0.250",
   "description": "A React component library for creating filter forms with Ant Design",
   "type": "module",
   "main": "./dist/index.js",