优化交互

src/utils/db.js

@@ -1,7 +1,7 @@
-// 简单的 IndexedDB 封装
 const DB_NAME = 'SpreadsheetDB'
 const STORE_NAME = 'sheets'
-const DB_VERSION = 1
+const LOG_STORE_NAME = 'op_logs' // Table for operation records
+const DB_VERSION = 2 // Increment version to trigger upgrade
 
 const openDB = () => {
     return new Promise((resolve, reject) => {
@@ -9,9 +9,15 @@ const openDB = () => {
 
         request.onupgradeneeded = (event) => {
             const db = event.target.result
+            // Main sheet store
             if (!db.objectStoreNames.contains(STORE_NAME)) {
                 db.createObjectStore(STORE_NAME)
             }
+            // Operation log store
+            if (!db.objectStoreNames.contains(LOG_STORE_NAME)) {
+                const store = db.createObjectStore(LOG_STORE_NAME, { keyPath: 'id', autoIncrement: true })
+                store.createIndex('timestamp', 'timestamp')
+            }
         }
 
         request.onsuccess = () => resolve(request.result)
@@ -36,11 +42,50 @@ export const db = {
         return new Promise((resolve, reject) => {
             const transaction = db.transaction(STORE_NAME, 'readwrite')
             const store = transaction.objectStore(STORE_NAME)
-            // 使用 JSON.parse(JSON.stringify()) 去除 Proxy 对象，确保存储的是纯数据
             const rawValue = JSON.parse(JSON.stringify(value))
             const request = store.put(rawValue, key)
             request.onsuccess = () => resolve()
             request.onerror = () => reject(request.error)
         })
+    },
+
+    // New: Add operation record
+    async addLog(type, details) {
+        const db = await openDB()
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction(LOG_STORE_NAME, 'readwrite')
+            const store = transaction.objectStore(LOG_STORE_NAME)
+            const record = {
+                type,
+                details: JSON.parse(JSON.stringify(details)), // Ensure plain object
+                timestamp: Date.now()
+            }
+            const request = store.add(record)
+            request.onsuccess = () => resolve(request.result)
+            request.onerror = () => reject(request.error)
+        })
+    },
+
+    // New: Get recent logs (for restoring history if needed)
+    async getLogs(limit = 50) {
+        const db = await openDB()
+        return new Promise((resolve, reject) => {
+            const transaction = db.transaction(LOG_STORE_NAME, 'readonly')
+            const store = transaction.objectStore(LOG_STORE_NAME)
+            const index = store.index('timestamp')
+            const request = index.openCursor(null, 'prev') // Newest first
+            const results = []
+
+            request.onsuccess = (event) => {
+                const cursor = event.target.result
+                if (cursor && results.length < limit) {
+                    results.push(cursor.value)
+                    cursor.continue()
+                } else {
+                    resolve(results.reverse())
+                }
+            }
+            request.onerror = () => reject(request.error)
+        })
     }
 }