Merge branch 'master' into pre

components/chat-room.vue

 <template>
 <template>
-    <div class="chat-room-con h-100 pos-rel">
+    <div class="chat-room-con pos-rel">
         <div class="chat-panel">
         <div class="chat-panel">
             <div class="chat-area h-100 d-flex flex-column" ref="chatBox">
             <div class="chat-area h-100 d-flex flex-column" ref="chatBox">
                 <div
                 <div

database/dev-tools.ts

@@ -79,6 +79,61 @@ class DevAppTools {
             });
             });
         });
         });
     }
     }
+
+    public getDataByKey(key: string) {
+        return new Promise<any>((resolve) => {
+            this.onReady().finally(() => {
+                if (!this.db) {
+                    return resolve(false);
+                }
+                setTimeout(() => {
+                    const store = this.buildStore(this.table);
+                    const r = store.get(key);
+                    r.onsuccess = ((o) => {
+                        const result = (o.target as any).result;
+                        if (result) {
+                            resolve(result.content)
+                        } else {
+                            resolve(result)
+                        }
+                    });
+                    r.onerror = () => resolve(false);
+                }, 300);
+            });
+        });
+    }
+
+    public addData(data: any, key: string) {
+        return new Promise<boolean>((resolve) => {
+            this.onReady().finally(() => {
+                if (!this.db) {
+                    return resolve(false);
+                }
+                setTimeout(() => {
+                    const store = this.buildStore(this.table);
+                    const r = store.add({ value: key, content: data });
+                    r.onsuccess = () => resolve(true);
+                    r.onerror = () => resolve(false);
+                }, 300);
+            });
+        });
+    }
+
+    public deleteData(key: string) {
+        return new Promise<boolean>((resolve) => {
+            this.onReady().finally(() => {
+                if (!this.db) {
+                    return resolve(false);
+                }
+                setTimeout(() => {
+                    const store = this.buildStore(this.table);
+                    const r = store.delete(key);
+                    r.onsuccess = () => resolve(true);
+                    r.onerror = () => resolve(false);
+                }, 300);
+            });
+        });
+    }
 }
 }
 
 
 export const devAppTools = new DevAppTools();
 export const devAppTools = new DevAppTools();