@d-mok/quasar-app-extension-quasar-axe 1.0.13 → 1.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@d-mok/quasar-app-extension-quasar-axe",
-  "version": "1.0.13",
+  "version": "1.0.17",
   "description": "A Quasar App Extension",
   "author": "d-mok <49301824+d-mok@users.noreply.github.com>",
   "license": "MIT",

package/src/components/QxLayout.vue

@@ -9,12 +9,8 @@
                     aria-label="Menu"
                     @click="open = !open"
                 />
-
                 <q-toolbar-title class="text-weight-bolder text-h5">{{ title }}</q-toolbar-title>
-
-                <slot name="appendix">
-                    <div class="text-h6">/{{ appendix }}</div>
-                </slot>
+                <div class="text-h6">/{{ appendix }}</div>
             </q-toolbar>
         </q-header>
 

package/src/utils/ORM/basic.ts

@@ -5,7 +5,6 @@ import { LoadingBar } from 'quasar'
 import { Ordering, Criteria, strKeyOf, Sheet } from 'sapphire-js'
 import { reactive } from 'vue'
 
-
 export type Where<T> =
     { [K in keyof T]?
         : T[K]
@@ -53,11 +52,6 @@ export abstract class BasicTable<T extends R, R extends object> extends Sheet<T>
      */
     public readonly ordering: Readonly<Ordering<T>> = []
 
-    /**
-     * Auto Cache
-     */
-    public readonly caching: boolean = false
-
 
 
     private convert(data: R[]): T[] {
@@ -123,11 +117,9 @@ export abstract class BasicTable<T extends R, R extends object> extends Sheet<T>
         let { data, error } = await q
         handleError(data, error)
 
-        if (this.caching) this.pushCache(data)
         let entities = this.convert(data)
         action(entities)
         this.order(...this.ordering)
-        if (this.caching) this.screenCache()
 
 
         this.log(type, entities)
@@ -146,43 +138,14 @@ export abstract class BasicTable<T extends R, R extends object> extends Sheet<T>
 
 
     /**
-     * initialize this
+     * make reactive
      */
-    init(): this {
-        if (this.caching)
-            this.restoreCache()
+    reactive(): this {
         return reactive(this) as this
     }
 
 
 
-    private get cache(): R[] {
-        return JSON.parse(localStorage.getItem(this.tableName) ?? '[]')
-    }
-
-    private set cache(data: R[]) {
-        let json = JSON.stringify(data)
-        localStorage.setItem(this.tableName, json)
-    }
-
-    private restoreCache() {
-        let entities = this.convert(this.cache)
-        this.set(entities)
-        this.log('restore cache')
-    }
-
-    private pushCache(data: R[]) {
-        this.cache = [...this.cache, ...data]
-        this.log('push cache')
-    }
-
-    private screenCache() {
-        let ids: any[] = this.scan(this.idField)
-        this.cache = this.cache.filter($ => ids.includes($[this.idField]))
-        this.log('screen cache')
-    }
-
-