vue2-client 1.9.39 → 1.9.41

package/src/utils/indexedDB.js

@@ -1,263 +1,263 @@
-// indexDB 存储
-import { post } from '@vue2-client/services/api'
-
-// 避免重复请求相同配置key的锁
-const locks = {}
-let currentDbVersion = 1
-
-export const indexedDB = {
-  db: undefined,
-  indexedDB: window?.rawWindow?.indexedDB || window.indexedDB || window.webkitindexedDB,
-  IDBKeyRange: window?.rawWindow?.IDBKeyRange || window.IDBKeyRange || window.webkitIDBKeyRange, // 键范围
-  openDB: function (callback) {
-    const self = this
-    if (self.db) {
-      try {
-        const transaction = self.db.transaction(['metaCache'], 'readwrite')
-        const objectStore = transaction.objectStore('metaCache')
-        const request = objectStore.add({ key: 'alive', data: true })
-
-        request.onerror = function (e) {
-          self.openDatabase().then(db => {
-            self.db = db
-            callback(db)
-          }).catch(e => {
-            console.error(e)
-          })
-        }
-
-        request.onsuccess = function () {
-          callback(self.db)
-        }
-      } catch (e) {
-        self.deleteDB('view')
-        // 重新创建数据库
-        self.openDatabase().then(db => {
-          self.db = db
-          callback(self.db)
-        }).catch(e => {
-          console.error('重新创建数据库:' + e.message)
-        })
-      }
-    } else {
-      self.openDatabase().then(db => {
-        self.db = db
-        callback(self.db)
-      }).catch(e => {
-        console.error('打开数据库失败:' + e.message)
-        if (e.message === 'The requested version (1) is less than the existing version (2).') {
-          self.deleteDB('view')
-          self.openDatabase().then(db => {
-            self.db = db
-            callback(self.db)
-          }).catch(e => {
-            console.error('重新创建数据库:' + e.message)
-          })
-        }
-      })
-    }
-  },
-  openDatabase () {
-    const self = this
-
-    return new Promise((resolve, reject) => {
-      const request = self.indexedDB.open('view', currentDbVersion)
-
-      request.onerror = function (e) {
-        reject(e.currentTarget.error)
-      }
-
-      request.onsuccess = function (e) {
-        const db = e.target.result
-        if (!db.objectStoreNames.contains('metaCache')) {
-          db.close()
-          currentDbVersion = db.version + 1
-          const upgradeRequest = self.indexedDB.open('view', currentDbVersion)
-          upgradeRequest.onupgradeneeded = function (event) {
-            const upgradeDb = event.target.result
-            upgradeDb.createObjectStore('metaCache', { keyPath: 'key' })
-          }
-          upgradeRequest.onsuccess = function (event) {
-            resolve(event.target.result)
-          }
-          upgradeRequest.onerror = function (event) {
-            reject(event.currentTarget.error)
-          }
-        } else {
-          resolve(db)
-        }
-      }
-
-      request.onupgradeneeded = function (e) {
-        const db = e.target.result
-        if (!db.objectStoreNames.contains('metaCache')) {
-          db.createObjectStore('metaCache', { keyPath: 'key' })
-        }
-      }
-    })
-  },
-  deleteDB: function (dbname) {
-    // 删除数据库
-    const self = this
-    self.indexedDB.deleteDatabase(dbname)
-  },
-  closeDB: function () {
-    const self = this
-    if (self.db) {
-      self.db.close()
-    }
-  },
-  add: function (key, data) {
-    const self = this
-    self.openDB((res) => {
-      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').add({
-        key: key,
-        data: data
-      })
-      request.onerror = function () {
-        self.update(key, data)
-      }
-      request.onsuccess = function () {
-      }
-    })
-  },
-  update: function (key, data) {
-    const self = this
-    self.openDB((res) => {
-      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').put({
-        key: key,
-        data: data
-      })
-      request.onerror = function () {
-        console.error('数据更新失败')
-      }
-      request.onsuccess = function () {
-      }
-    })
-  },
-  get: function (key, callback) {
-    const self = this
-    self.openDB((res) => {
-      // 根据存储空间的键找到对应数据
-      const store = res.transaction('metaCache', 'readwrite').objectStore('metaCache')
-      const request = store.get(key)
-      request.onerror = function () {
-      }
-      request.onsuccess = function (e) {
-        const result = e.target.result
-        if (typeof (callback) === 'function') {
-          callback(result.data)
-        }
-      }
-    })
-  },
-  getAll: function (callback) {
-    const self = this
-    self.openDB((res) => {
-      const store = res.transaction('metaCache', 'readwrite').objectStore('metaCache')
-      const request = store.getAll()
-      request.onerror = function () {
-      }
-      request.onsuccess = function (e) {
-        const result = e.target.result
-        if (typeof (callback) === 'function') {
-          callback(result)
-        }
-      }
-    })
-  },
-  getByWeb: function (key, url, params, callback, processFun) {
-    // 如果这个键正在被使用，等待它完成
-    if (locks[key]) {
-      locks[key].then(() => {
-        this.getByWeb(key, url, params, callback, processFun)
-      })
-      return
-    }
-
-    // 创建一个新的 Promise
-    locks[key] = new Promise((resolve, reject) => {
-      const self = this
-
-      const handlePostRequest = () => {
-        post(url, params).then((res) => {
-          if (processFun) { res = processFun(res) }
-          if (process.env.NODE_ENV === 'production' || key !== 'webMobileConfig') { self.add(key, res) }
-          try {
-            callback(res)
-          } catch (e) {
-            console.error(e)
-          }
-          resolve()
-        }).catch((e) => {
-          if (process.env.NODE_ENV === 'production' && key !== 'webMobileConfig') { self.add(key, null) }
-          callback(null)
-          resolve()
-        })
-      }
-
-      try {
-        self.openDB((res) => {
-          const store = res.transaction('metaCache', 'readwrite').objectStore('metaCache')
-          const request = store.get(key)
-          request.onerror = function (e) {
-            reject(e)
-          }
-          request.onsuccess = function (e) {
-            const result = e.target.result
-            if (!result && url) {
-              handlePostRequest()
-            } else {
-              callback(result.data)
-              resolve()
-            }
-          }
-        })
-      } catch (e) {
-        console.error('indexDb数据库操作错误', e)
-        handlePostRequest()
-      }
-    }).finally(() => {
-      delete locks[key]
-    })
-  },
-  delete: function (key) {
-    const self = this
-    self.openDB((res) => {
-      // 删除某一条记录
-      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').delete(key)
-
-      request.onerror = function () {
-        console.error('数据删除失败')
-      }
-      request.onsuccess = function (event) {
-      }
-    })
-  },
-  clear: function (callback) {
-    const self = this
-    self.openDB((res) => {
-      // 删除存储空间全部记录
-      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').clear()
-
-      request.onerror = function () {
-        console.error('数据删除失败')
-        callback()
-      }
-      request.onsuccess = function (event) {
-        if (typeof callback === 'function') {
-          callback()
-        }
-      }
-    })
-  },
-  clearCache () {
-    if (this.indexedDB) {
-      this.clear(() => {
-        location.reload()
-      })
-    } else {
-      location.reload()
-    }
-  }
-}
+// indexDB 存储
+import { post } from '@vue2-client/services/api'
+
+// 避免重复请求相同配置key的锁
+const locks = {}
+let currentDbVersion = 1
+
+export const indexedDB = {
+  db: undefined,
+  indexedDB: window?.rawWindow?.indexedDB || window.indexedDB || window.webkitindexedDB,
+  IDBKeyRange: window?.rawWindow?.IDBKeyRange || window.IDBKeyRange || window.webkitIDBKeyRange, // 键范围
+  openDB: function (callback) {
+    const self = this
+    if (self.db) {
+      try {
+        const transaction = self.db.transaction(['metaCache'], 'readwrite')
+        const objectStore = transaction.objectStore('metaCache')
+        const request = objectStore.add({ key: 'alive', data: true })
+
+        request.onerror = function (e) {
+          self.openDatabase().then(db => {
+            self.db = db
+            callback(db)
+          }).catch(e => {
+            console.error(e)
+          })
+        }
+
+        request.onsuccess = function () {
+          callback(self.db)
+        }
+      } catch (e) {
+        self.deleteDB('view')
+        // 重新创建数据库
+        self.openDatabase().then(db => {
+          self.db = db
+          callback(self.db)
+        }).catch(e => {
+          console.error('重新创建数据库:' + e.message)
+        })
+      }
+    } else {
+      self.openDatabase().then(db => {
+        self.db = db
+        callback(self.db)
+      }).catch(e => {
+        console.error('打开数据库失败:' + e.message)
+        if (e.message === 'The requested version (1) is less than the existing version (2).') {
+          self.deleteDB('view')
+          self.openDatabase().then(db => {
+            self.db = db
+            callback(self.db)
+          }).catch(e => {
+            console.error('重新创建数据库:' + e.message)
+          })
+        }
+      })
+    }
+  },
+  openDatabase () {
+    const self = this
+
+    return new Promise((resolve, reject) => {
+      const request = self.indexedDB.open('view', currentDbVersion)
+
+      request.onerror = function (e) {
+        reject(e.currentTarget.error)
+      }
+
+      request.onsuccess = function (e) {
+        const db = e.target.result
+        if (!db.objectStoreNames.contains('metaCache')) {
+          db.close()
+          currentDbVersion = db.version + 1
+          const upgradeRequest = self.indexedDB.open('view', currentDbVersion)
+          upgradeRequest.onupgradeneeded = function (event) {
+            const upgradeDb = event.target.result
+            upgradeDb.createObjectStore('metaCache', { keyPath: 'key' })
+          }
+          upgradeRequest.onsuccess = function (event) {
+            resolve(event.target.result)
+          }
+          upgradeRequest.onerror = function (event) {
+            reject(event.currentTarget.error)
+          }
+        } else {
+          resolve(db)
+        }
+      }
+
+      request.onupgradeneeded = function (e) {
+        const db = e.target.result
+        if (!db.objectStoreNames.contains('metaCache')) {
+          db.createObjectStore('metaCache', { keyPath: 'key' })
+        }
+      }
+    })
+  },
+  deleteDB: function (dbname) {
+    // 删除数据库
+    const self = this
+    self.indexedDB.deleteDatabase(dbname)
+  },
+  closeDB: function () {
+    const self = this
+    if (self.db) {
+      self.db.close()
+    }
+  },
+  add: function (key, data) {
+    const self = this
+    self.openDB((res) => {
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').add({
+        key: key,
+        data: data
+      })
+      request.onerror = function () {
+        self.update(key, data)
+      }
+      request.onsuccess = function () {
+      }
+    })
+  },
+  update: function (key, data) {
+    const self = this
+    self.openDB((res) => {
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').put({
+        key: key,
+        data: data
+      })
+      request.onerror = function () {
+        console.error('数据更新失败')
+      }
+      request.onsuccess = function () {
+      }
+    })
+  },
+  get: function (key, callback) {
+    const self = this
+    self.openDB((res) => {
+      // 根据存储空间的键找到对应数据
+      const store = res.transaction('metaCache', 'readwrite').objectStore('metaCache')
+      const request = store.get(key)
+      request.onerror = function () {
+      }
+      request.onsuccess = function (e) {
+        const result = e.target.result
+        if (typeof (callback) === 'function') {
+          callback(result.data)
+        }
+      }
+    })
+  },
+  getAll: function (callback) {
+    const self = this
+    self.openDB((res) => {
+      const store = res.transaction('metaCache', 'readwrite').objectStore('metaCache')
+      const request = store.getAll()
+      request.onerror = function () {
+      }
+      request.onsuccess = function (e) {
+        const result = e.target.result
+        if (typeof (callback) === 'function') {
+          callback(result)
+        }
+      }
+    })
+  },
+  getByWeb: function (key, url, params, callback, processFun) {
+    // 如果这个键正在被使用，等待它完成
+    if (locks[key]) {
+      locks[key].then(() => {
+        this.getByWeb(key, url, params, callback, processFun)
+      })
+      return
+    }
+
+    // 创建一个新的 Promise
+    locks[key] = new Promise((resolve, reject) => {
+      const self = this
+
+      const handlePostRequest = () => {
+        post(url, params).then((res) => {
+          if (processFun) { res = processFun(res) }
+          if (process.env.NODE_ENV === 'production' || key !== 'webMobileConfig') { self.add(key, res) }
+          try {
+            callback(res)
+          } catch (e) {
+            console.error(e)
+          }
+          resolve()
+        }).catch((e) => {
+          if (process.env.NODE_ENV === 'production' && key !== 'webMobileConfig') { self.add(key, null) }
+          callback(null)
+          resolve()
+        })
+      }
+
+      try {
+        self.openDB((res) => {
+          const store = res.transaction('metaCache', 'readwrite').objectStore('metaCache')
+          const request = store.get(key)
+          request.onerror = function (e) {
+            reject(e)
+          }
+          request.onsuccess = function (e) {
+            const result = e.target.result
+            if (!result && url) {
+              handlePostRequest()
+            } else {
+              callback(result.data)
+              resolve()
+            }
+          }
+        })
+      } catch (e) {
+        console.error('indexDb数据库操作错误', e)
+        handlePostRequest()
+      }
+    }).finally(() => {
+      delete locks[key]
+    })
+  },
+  delete: function (key) {
+    const self = this
+    self.openDB((res) => {
+      // 删除某一条记录
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').delete(key)
+
+      request.onerror = function () {
+        console.error('数据删除失败')
+      }
+      request.onsuccess = function (event) {
+      }
+    })
+  },
+  clear: function (callback) {
+    const self = this
+    self.openDB((res) => {
+      // 删除存储空间全部记录
+      const request = res.transaction('metaCache', 'readwrite').objectStore('metaCache').clear()
+
+      request.onerror = function () {
+        console.error('数据删除失败')
+        callback()
+      }
+      request.onsuccess = function (event) {
+        if (typeof callback === 'function') {
+          callback()
+        }
+      }
+    })
+  },
+  clearCache () {
+    if (this.indexedDB) {
+      this.clear(() => {
+        location.reload()
+      })
+    } else {
+      location.reload()
+    }
+  }
+}