@zjlab-fe/data-hub-ui 0.21.7 → 0.22.0

package/es/components/uploadDrawer/utils/fileDB/handleAddFilesToDB.js

@@ -0,0 +1,37 @@
+import { UPLOADS_DATABASE } from './index.js';
+
+// 将文件添加到IndexedDB数据库的函数
+function handleAddFilesToDB(storeName, files) {
+    try {
+        const transaction = createTransaction(storeName);
+        const objectStore = transaction.objectStore(storeName);
+        addFilesToObjectStore(objectStore, files);
+    }
+    catch (error) {
+        console.warn(`批量添加文件时出错: ${error.message}`);
+    }
+}
+// 创建数据库事务
+function createTransaction(storeName) {
+    const transaction = UPLOADS_DATABASE.transaction(storeName, 'readwrite');
+    transaction.onerror = () => console.warn(`添加文件事务错误: ${transaction.error}`);
+    transaction.onabort = () => console.warn('添加文件事务已中止');
+    transaction.oncomplete = () => console.warn('添加文件事务已完成');
+    return transaction;
+}
+// 将文件添加到对象存储空间
+function addFilesToObjectStore(objectStore, files) {
+    files.map((file) => addSingleFile(objectStore, file));
+}
+// 添加单个文件到对象存储空间
+function addSingleFile(objectStore, file) {
+    try {
+        objectStore.put(file, file.fileName);
+        console.warn(`文件 "${file.fileName}" 添加成功`);
+    }
+    catch (error) {
+        console.warn(`添加文件 "${file.fileName}" 时出错: ${error.message}`);
+    }
+}
+
+export { handleAddFilesToDB };

package/es/components/uploadDrawer/utils/fileDB/index.js

@@ -0,0 +1,9 @@
+import 'tslib';
+
+const DATABASE_NAME = 'uploadStore';
+let UPLOADS_DATABASE;
+function updateUploadsDatabase(db) {
+    UPLOADS_DATABASE = db;
+}
+
+export { DATABASE_NAME, UPLOADS_DATABASE, updateUploadsDatabase };

package/es/components/uploadDrawer/utils/fileDB/openDB.js

@@ -0,0 +1,111 @@
+import { DATABASE_NAME, updateUploadsDatabase, UPLOADS_DATABASE } from './index.js';
+
+// 打开数据库并返回指定存储对象中的文件列表
+function openDB(storeName) {
+    return new Promise((resolve, reject) => {
+        if (UPLOADS_DATABASE) {
+            handleExistingDatabase(storeName, resolve, reject);
+        }
+        else {
+            handleNewDatabase(storeName, resolve, reject);
+        }
+    });
+}
+// 处理已存在的数据库
+function handleExistingDatabase(storeName, resolve, reject) {
+    if (UPLOADS_DATABASE.objectStoreNames.contains(storeName)) {
+        retrieveData(storeName, resolve, reject);
+    }
+    else {
+        createNewObjectStore(storeName, resolve, reject);
+    }
+}
+// 处理新数据库的创建
+function handleNewDatabase(storeName, resolve, reject) {
+    try {
+        const openRequest = window.indexedDB.open(DATABASE_NAME);
+        // 设置数据库事件处理器
+        openRequest.onupgradeneeded = () => onUpgradeNeeded(openRequest.result, storeName, resolve, reject);
+        openRequest.onsuccess = () => onOpenSuccess(openRequest.result, storeName, resolve, reject);
+        openRequest.onerror = () => reject(Error(`打开数据库失败: ${openRequest.error}`));
+        openRequest.onblocked = () => reject(Error(`数据库被阻塞: ${openRequest.error}`));
+    }
+    catch (ex) {
+        console.warn(`打开数据库时发生异常: ${ex.message}`, ex);
+        reject(ex);
+    }
+}
+// 处理数据库升级事件
+function onUpgradeNeeded(db, storeName, resolve, reject) {
+    updateUploadsDatabase(db);
+    try {
+        db.createObjectStore(storeName, {});
+        db.onversionchange = (event) => {
+            if (event.newVersion === null) {
+                db.close();
+            }
+        };
+        resolve([]);
+    }
+    catch (ex) {
+        reject(Error(`升级数据库异常: ${ex.message}`));
+    }
+}
+// 处理数据库成功打开事件
+function onOpenSuccess(db, storeName, resolve, reject) {
+    updateUploadsDatabase(db);
+    if (db.objectStoreNames.contains(storeName)) {
+        retrieveData(storeName, resolve, reject);
+    }
+    else {
+        createNewObjectStore(storeName, resolve, reject);
+    }
+}
+// 创建新的对象存储
+function createNewObjectStore(storeName, resolve, reject) {
+    const newVersion = UPLOADS_DATABASE.version + 1;
+    UPLOADS_DATABASE.close();
+    const newOpenRequest = window.indexedDB.open(DATABASE_NAME, newVersion);
+    newOpenRequest.onupgradeneeded = () => onUpgradeNeeded(newOpenRequest.result, storeName, resolve, reject);
+}
+// 检索数据
+function retrieveData(storeName, resolve, reject) {
+    handleFileRetrieve(storeName).then(resolve).catch(reject);
+}
+// 处理文件检索
+function handleFileRetrieve(storeName) {
+    return new Promise(function (resolve, reject) {
+        let transaction;
+        try {
+            // 创建只读事务
+            transaction = UPLOADS_DATABASE.transaction(storeName, 'readonly');
+            try {
+                const objectStore = transaction.objectStore(storeName);
+                const files = [];
+                const cursor = objectStore.openCursor();
+                // 遍历游标，收集所有文件
+                cursor.onsuccess = () => {
+                    const iCursor = cursor.result;
+                    if (iCursor) {
+                        files.push(iCursor.value);
+                        iCursor.continue();
+                    }
+                    else {
+                        resolve(files);
+                    }
+                };
+                cursor.onerror = () => {
+                    console.warn(`在handleFileRetrieve()中游标操作失败 - 错误代码: ${cursor.error}`, cursor.error);
+                };
+            }
+            catch (ex) {
+                reject(Error(`在handleFileRetrieve()中执行事务或打开游标时发生异常 - ${ex.message}`));
+            }
+        }
+        catch (ex) {
+            reject(Error(`在handleFileRetrieve()中创建数据库事务时发生异常 - ${ex.message}`));
+        }
+    });
+}
+
+export { openDB };

package/es/components/uploadDrawer/utils/retrieveAllFiles.js

@@ -0,0 +1,110 @@
+import { __awaiter } from 'tslib';
+
+/**
+ * 递归检索所有文件
+ * @param item - 文件系统条目
+ * @param directory - 是否允许处理目录
+ * @param acceptList - 可接受的文件扩展名集合
+ * @param fileNameWithLocation - 文件的完整路径
+ * @returns 符合条件的文件数组
+ */
+function retrieveAllFiles(item_1, directory_1, acceptList_1) {
+    return __awaiter(this, arguments, void 0, function* (item, directory, acceptList, fileNameWithLocation = '') {
+        if (isDirectoryEntry(item)) {
+            if (!directory)
+                return []; // 如果不允许处理目录,则返回空数组
+            return handleDirectory(item, acceptList);
+        }
+        if (isFileEntry(item)) {
+            if (item.name.includes('.DS_Store'))
+                return []; // 忽略 .DS_Store 文件
+            return handleFile(item, acceptList, fileNameWithLocation);
+        }
+        return []; // 如果既不是文件也不是目录,返回空数组
+    });
+}
+/**
+ * 处理目录
+ * @param directory - 目录条目
+ * @param acceptList - 可接受的文件扩展名集合
+ * @param fileNameWithLocation - 目录的完整路径
+ * @returns 目录中所有符合条件的文件数组
+ */
+function handleDirectory(directory, acceptList) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const entries = yield readDirectoryEntries(directory);
+        const filePromises = entries.map((entry) => retrieveAllFiles(entry, true, acceptList, entry.fullPath));
+        const results = yield Promise.allSettled(filePromises);
+        return results
+            .filter((result) => result.status === 'fulfilled')
+            .flatMap((result) => result.value);
+    });
+}
+/**
+ * 读取目录中的所有条目
+ * @param directory - 目录条目
+ * @returns 目录中的所有文件系统条目
+ */
+function readDirectoryEntries(directory) {
+    return new Promise((resolve, reject) => {
+        const reader = directory.createReader();
+        reader.readEntries(resolve, reject);
+    });
+}
+/**
+ * 处理单个文件
+ * @param fileEntry - 文件条目
+ * @param acceptList - 可接受的文件扩展名集合
+ * @param fileNameWithLocation - 文件的完整路径
+ * @returns 包含处理后文件的数组,如果文件不符合条件则为空数组
+ */
+function handleFile(fileEntry, acceptList, fileNameWithLocation) {
+    return __awaiter(this, void 0, void 0, function* () {
+        const file = yield getFile(fileEntry);
+        if (!isAcceptedFile(file, acceptList)) {
+            return [];
+        }
+        return [formatFile(file, fileNameWithLocation)];
+    });
+}
+/**
+ * 获取文件对象
+ * @param fileEntry - 文件条目
+ * @returns File 对象
+ */
+function getFile(fileEntry) {
+    return new Promise((resolve, reject) => {
+        fileEntry.file(resolve, reject);
+    });
+}
+/**
+ * 检查文件是否符合接受条件
+ * @param file - 文件对象
+ * @param acceptList - 可接受的文件扩展名集合
+ * @returns 文件是否被接受
+ */
+function isAcceptedFile(file, acceptList) {
+    if (acceptList.size === 0)
+        return true; // 如果 acceptList 为空,接受所有文件
+    const extendName = file.name.split('.').pop() || '';
+    return acceptList.has(`.${extendName}`);
+}
+/**
+ * 格式化文件,主要用于设置正确的文件名
+ * @param file - 原始文件对象
+ * @param fileNameWithLocation - 文件的完整路径
+ * @returns 格式化后的 File 对象
+ */
+function formatFile(file, fileNameWithLocation) {
+    const blob = file.slice(0, file.size, file.type);
+    return new File([blob], fileNameWithLocation.slice(1) || file.name, { type: file.type });
+}
+// 新增的辅助函数
+function isDirectoryEntry(entry) {
+    return entry.isDirectory;
+}
+function isFileEntry(entry) {
+    return entry.isFile;
+}
+
+export { retrieveAllFiles };

package/es/components/uploadDrawer/utils/shouldCreateNewFile.js

@@ -0,0 +1,13 @@
+import { NEW, USE_OLD_INFO } from './constant.js';
+import 'tslib';
+
+function checkExpiryTime(file) {
+    if (!file.expiryTime) {
+        return NEW;
+    }
+    const currentDate = new Date();
+    const expiryDate = new Date(file.expiryTime);
+    return expiryDate < currentDate ? NEW : USE_OLD_INFO;
+}
+
+export { checkExpiryTime };

package/es/components/uploadDrawer/utils/splitFileIntoChunk.js

@@ -0,0 +1,15 @@
+function splitFileIntoChunk(file) {
+    const { uploadUrls, chunkSize, raw } = file;
+    const fileSize = raw.size;
+    return uploadUrls.map(({ partNum, uploadUrl }) => {
+        const start = partNum * chunkSize;
+        const end = Math.min((partNum + 1) * chunkSize, fileSize);
+        const chunk = raw.slice(start, end);
+        return {
+            url: { partNum, uploadUrl },
+            chunk,
+        };
+    });
+}
+
+export { splitFileIntoChunk };