quasar-factory-lib 0.1.14 → 0.1.16

package/dist/store/table.d.ts

@@ -1,10 +1,10 @@
-export declare const tableStore: import("pinia").StoreDefinition<"tableStore", {
+export const tableStore: import("pinia").StoreDefinition<"tableStore", {
     filterValue: import("@vueuse/shared").RemovableRef<string>;
     lastFilterValue: import("@vueuse/shared").RemovableRef<string>;
-    visiblecolumns: import("@vueuse/shared").RemovableRef<string[]>;
+    visiblecolumns: import("@vueuse/shared").RemovableRef<never[]>;
     prepared: import("@vueuse/shared").RemovableRef<boolean>;
     user: import("@vueuse/shared").RemovableRef<{}>;
 }, {}, {
-    setFilterValue(val: string): void;
+    setFilterValue(val: any): void;
     cleanTableFilter(): void;
 }>;

package/package.json

@@ -98,6 +98,6 @@
     "release": "standard-version"
   },
   "type": "module",
-  "version": "0.1.14",
+  "version": "0.1.16",
   "author": ""
 }

package/src/components/ConfirmedTask/ConfirmedTask.vue

@@ -14,7 +14,9 @@
             <div  class="q-mb-md">
               <img :src="imgSrc">
             </div>
-          <div class="counter">
+          <div
+            v-if="showCounterValues"
+            class="counter">
             <span class="text-color-positive">{{ values.selected }}</span>
             <span class="text-color-almostBlack">/{{ values.total }}</span>
           </div>
@@ -68,6 +70,10 @@ export default defineComponent({
     imgSrc: {
       type: String,
       required: true
+    },
+    showCounterValues: {
+      type: Boolean,
+      default: false
     }
   },
   emits: ['repeatTask', 'endTask'],
@@ -89,4 +95,4 @@ export default defineComponent({
 </script>
 
 <style>
-</style>
+</style>

package/src/components/Table/Table.vue

@@ -212,7 +212,7 @@ export default defineComponent({
     },
     rowsPerPageOptions: {
       type: Array,
-       default: () => [0]
+       default: () => [20]
 
     }
   },
@@ -541,7 +541,7 @@ export default defineComponent({
         }, {} as { [key: string]: string })
     },
     handleInfiniteScrollTableCompositionAPi () {
-      const offSet = this.showIconAdvancedFilter   && this.smallDevice ? document.getElementsByClassName('q-table__control')[0].offsetHeight : 0
+      // const offSet = this.showIconAdvancedFilter   && this.smallDevice ? document.getElementsByClassName('q-table__control')[0].offsetHeight : 0
       this.$nextTick(() => {
         const elemClass = this.smallDevice ? 'q-table__grid-content' : 'q-table__middle scroll'
         const tableType = this.smallDevice ? 'Grid' : 'Table'
@@ -550,7 +550,7 @@ export default defineComponent({
           qtableScrollElem.length > 0 ? qtableScrollElem[0] : window
         const fnAddScroll = (event: Event) => {
           const { scrollHeight, scrollTop, clientHeight } = event.target as HTMLElement
-          if (Math.abs(scrollHeight - clientHeight - scrollTop - offSet) <= 1) {
+          if (Math.abs(scrollHeight - clientHeight - scrollTop) <= 1) {
             console.log(`[${tableType}] You are at the bottom!`, this.totalPage)
             this.totalPage++
           }

package/src/layouts/PdaLayout.vue

@@ -84,7 +84,7 @@ import NavBarSkeleton from '../components/NavBarSkeleton/NavBarSkeleton.vue'
 import TableRowsCounter from'../components/TableRowsCounter/TableRowsCounter.vue'
 import AlertLabelsWithError from '../components/AlertLabelsWithError/AlertLabelsWithError.vue'
 import setTableHeight from '../components/Table/utils/setTableHeight'
-import infiniteScroll from '../components/Table/utils/infiniteScroll'
+// import infiniteScroll from '../components/Table/utils/infiniteScroll'
 import { tableStore } from '../store/table.js'
 export default {
   components: {
@@ -556,7 +556,7 @@ export default {
       setTimeout(() => {
         this.tableStyle = setTableHeight.setTableHeight()
         this.$refs.table.handleInfiniteScrollTableCompositionAPi()
-        //infiniteScroll.handleInfiniteScrollNewTable(this)
+        // infiniteScroll.handleInfiniteScrollNewTable(this)
       }, 500)
     },
     showSkeleton (val: boolean) {

package/src/components/Table/utils/sort.ts

@@ -1,46 +0,0 @@
-const qTableSort = {
-sortMethod<T extends Record<string, unknown>>(
-  rows: T[],
-  sortBy: keyof T,
-  descending: boolean,
-  values: (keyof T)[] = []
-) {
-  const rowsFlat = [...rows]
-console.log(sortBy, 'sortBy')
-  if (sortBy) {
-    if (values.includes(sortBy)) {
-      this.sortDates(sortBy, descending, rowsFlat)
-    } else {
-      rowsFlat.sort((a, b) => {
-        const x = descending ? b : a
-        const y = descending ? a : b
-        return x[sortBy] > y[sortBy] ? 1 : x[sortBy] < y[sortBy] ? -1 : 0
-      })
-    }
-  }
-
-  return rowsFlat
-},
-
-sortDates<T extends Record<string, unknown>>(
-  sortBy: keyof T,
-  descending: boolean,
-  rowsFlat: T[]
-) {
-  console.log(sortBy, 'sortBy')
-  rowsFlat.sort((columnA, columnB) => {
-    const a = columnA[sortBy] as string
-    const b = columnB[sortBy] as string
-
-    let x = descending ? b : a
-    let y = descending ? a : b
-
-    x = x.split('/').reverse().join('-')
-    y = y.split('/').reverse().join('-')
-
-    return x.localeCompare(y)
-  })
-}
-
-}
-export default qTableSort

package/src/env.d.ts

@@ -1,64 +0,0 @@
-/// <reference types="vite/client" />
-
-import type { Quasar } from 'quasar'
-import type { Router, RouteLocationNormalizedLoaded } from 'vue-router'
-
-declare namespace NodeJS {
-  interface ProcessEnv {
-    NODE_ENV: string
-    VUE_ROUTER_MODE: 'hash' | 'history' | 'abstract' | undefined
-    VUE_ROUTER_BASE: string | undefined
-  }
-}
-
-declare module '@vue/runtime-core' {
-  interface ComponentCustomProperties {
-    $router: Router
-    $route: RouteLocationNormalizedLoaded
-    $q: Quasar
-    translate: (key: string, args?: unkown[]) => string
-    $t: I18n['global']['t']
-    $i18n: I18n
-    $refs: {
-      table: {
-        toogleColumnsSelectorVisibility: () => void
-        handleInfiniteScrollTableCompositionAPi: () => void
-        toggleSearchVisibility: (store: object) => void
-        filterInputFocus: ()=> void
-        totalPage: number
-        pageLength: number
-        enableDragAndDrop: boolean
-      }
-        AlertLabelsWithError: {
-        alert: boolean
-        labelsErrors: {
-          label: string
-          error: string
-          icon: string
-          spinner: boolean
-        }[]
-        setIconCircleCheck: (labelCode: string) => void
-        setLabelsSpinner: (labelCode: string, value: boolean) => void
-      }
-      ConfirmRef: {
-        openDialogAndSetMessage: (message: string) => void
-      }
-      ConfirmedTask: {
-        alert: boolean
-      }
-      AlertRef:{
-        openAlertAndSetMessage: (message: string) => void
-      }
-      sideBar: {
-        toggleRightDrawer:()=> void
-        setRightDrawerOpenToFalse: () => void
-      }
-      popup: {
-        hide: () => void
-      }
-      filterInput: {
-        inputFocus: () => void
-      }
-    }
-  }
-}

package/src/store/table.ts

@@ -1,23 +0,0 @@
-import { defineStore } from 'pinia'
-import { useStorage } from '@vueuse/core'
-export const tableStore = defineStore('tableStore', {
-  state: () => ({
-    filterValue: useStorage('filterValue', ''),
-    lastFilterValue: useStorage('lastFilterValue', ''),
-    visiblecolumns: useStorage('visiblecolumns', []as string[]),
-    prepared: useStorage('prepared', false),
-    user: useStorage('user', {})
-  }),
-  getters: {
-  },
-  actions: {
-    setFilterValue (val: string): void {
-      this.filterValue = val
-    },
-    cleanTableFilter (): void {
-      this.filterValue = ''
-      this.lastFilterValue = ''
-    }
-
-  }
-})