quasar-factory-lib 0.0.45 → 0.0.47

package/dist/components/Table/Table.vue.d.ts

@@ -15,10 +15,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: FunctionConstructor;
         default: () => void;
     };
-    filterComputed: {
-        type: ObjectConstructor;
-        default: () => void;
-    };
     sortMethod: {
         type: FunctionConstructor;
         default: () => void;
@@ -62,6 +58,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showSkeleton: {
         type: BooleanConstructor;
     };
+    filterComputedOptions: {
+        type: ObjectConstructor;
+        default: {};
+    };
 }>, {}, {
     selected: never[];
     filter: string;
@@ -72,14 +72,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showColumnsSelector: boolean;
     showSearch: boolean;
     loading: boolean;
-    storeData: Record<string, any>;
     forceRender: boolean;
+    totalPage: number;
+    pageSize: number;
 }, {
     getColumnsSelectorVisibility(): boolean;
     getTableInputSearchVisibility(): boolean;
     showGridHeader(): boolean;
     getTableSkeletonVisibility(): boolean;
     getGridSkeletonVisibility(): boolean;
+    filterComputed(): object;
+    pageLength(): number;
 }, {
     getSelectedString(val: number): string;
     onSelectVisibleColumns(columns: string[]): void;
@@ -115,10 +118,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
         type: FunctionConstructor;
         default: () => void;
     };
-    filterComputed: {
-        type: ObjectConstructor;
-        default: () => void;
-    };
     sortMethod: {
         type: FunctionConstructor;
         default: () => void;
@@ -162,6 +161,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     showSkeleton: {
         type: BooleanConstructor;
     };
+    filterComputedOptions: {
+        type: ObjectConstructor;
+        default: {};
+    };
 }>> & Readonly<{
     onOnSelectVisibleColumns?: ((...args: any[]) => any) | undefined;
     onOnClickButton?: ((...args: any[]) => any) | undefined;
@@ -177,7 +180,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     selectionType: "none" | "multiple" | "single";
     popupEditNumberOptions: unknown[];
     filterMethod: Function;
-    filterComputed: Record<string, any>;
     sortMethod: Function;
     rowKey: string;
     tableStyle: string;
@@ -185,6 +187,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     hideColumnsSelector: boolean;
     hideFilter: boolean;
     showSkeleton: boolean;
+    filterComputedOptions: Record<string, any>;
 }, {}, {
     TableSlotHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
         tableProps: {

package/dist/components/Table/utils/infiniteScroll.d.ts

@@ -7,7 +7,6 @@ declare const infiniteScroll: {
     }): void;
     paginationNewTable(self: {
         pageLength: number;
-        rowsPaginationCount: number;
     }, rows: object[]): object[];
     handleInfiniteScrollModal(self: {
         $nextTick: (arg0: () => void) => void;

package/dist/layouts/PdaLayout.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         filterValue: import("@vueuse/shared").RemovableRef<string>;
         lastFilterValue: import("@vueuse/shared").RemovableRef<string>;
         visiblecolumns: import("@vueuse/shared").RemovableRef<never[]>;
+        preparedQuantity: import("@vueuse/shared").RemovableRef<boolean>;
     }, {}, {
         setFilterValue(val: any): void;
         cleanTableFilter(): void;
@@ -261,7 +262,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
     rowsData: {
         id: number;
         name: string;
-        date: string;
         booleanIcon: boolean;
         available: boolean;
         calories: number;
@@ -274,7 +274,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         iron: string;
     }[];
     visibleColumns: never[];
-    filteredRows: never[];
 }, {
     pageLength(): number;
     filter(): object;
@@ -359,10 +358,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
             type: FunctionConstructor;
             default: () => void;
         };
-        filterComputed: {
-            type: ObjectConstructor;
-            default: () => void;
-        };
         sortMethod: {
             type: FunctionConstructor;
             default: () => void;
@@ -406,6 +401,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         showSkeleton: {
             type: BooleanConstructor;
         };
+        filterComputedOptions: {
+            type: ObjectConstructor;
+            default: {};
+        };
     }>, {}, {
         selected: never[];
         filter: string;
@@ -416,14 +415,17 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         showColumnsSelector: boolean;
         showSearch: boolean;
         loading: boolean;
-        storeData: Record<string, any>;
         forceRender: boolean;
+        totalPage: number;
+        pageSize: number;
     }, {
         getColumnsSelectorVisibility(): boolean;
         getTableInputSearchVisibility(): boolean;
         showGridHeader(): boolean;
         getTableSkeletonVisibility(): boolean;
         getGridSkeletonVisibility(): boolean;
+        filterComputed(): object;
+        pageLength(): number;
     }, {
         getSelectedString(val: number): string;
         onSelectVisibleColumns(columns: string[]): void;
@@ -459,10 +461,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
             type: FunctionConstructor;
             default: () => void;
         };
-        filterComputed: {
-            type: ObjectConstructor;
-            default: () => void;
-        };
         sortMethod: {
             type: FunctionConstructor;
             default: () => void;
@@ -506,6 +504,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         showSkeleton: {
             type: BooleanConstructor;
         };
+        filterComputedOptions: {
+            type: ObjectConstructor;
+            default: {};
+        };
     }>> & Readonly<{
         onOnSelectVisibleColumns?: ((...args: any[]) => any) | undefined;
         onOnClickButton?: ((...args: any[]) => any) | undefined;
@@ -521,7 +523,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         selectionType: "none" | "multiple" | "single";
         popupEditNumberOptions: unknown[];
         filterMethod: Function;
-        filterComputed: Record<string, any>;
         sortMethod: Function;
         rowKey: string;
         tableStyle: string;
@@ -529,6 +530,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         hideColumnsSelector: boolean;
         hideFilter: boolean;
         showSkeleton: boolean;
+        filterComputedOptions: Record<string, any>;
     }, {}, {
         TableSlotHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             tableProps: {

package/dist/pages/TablePage.vue.d.ts

@@ -6,6 +6,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         filterValue: import("@vueuse/shared").RemovableRef<string>;
         lastFilterValue: import("@vueuse/shared").RemovableRef<string>;
         visiblecolumns: import("@vueuse/shared").RemovableRef<never[]>;
+        preparedQuantity: import("@vueuse/shared").RemovableRef<boolean>;
     }, {}, {
         setFilterValue(val: any): void;
         cleanTableFilter(): void;
@@ -318,10 +319,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
             type: FunctionConstructor;
             default: () => void;
         };
-        filterComputed: {
-            type: ObjectConstructor;
-            default: () => void;
-        };
         sortMethod: {
             type: FunctionConstructor;
             default: () => void;
@@ -365,6 +362,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         showSkeleton: {
             type: BooleanConstructor;
         };
+        filterComputedOptions: {
+            type: ObjectConstructor;
+            default: {};
+        };
     }>, {}, {
         selected: never[];
         filter: string;
@@ -375,14 +376,17 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         showColumnsSelector: boolean;
         showSearch: boolean;
         loading: boolean;
-        storeData: Record<string, any>;
         forceRender: boolean;
+        totalPage: number;
+        pageSize: number;
     }, {
         getColumnsSelectorVisibility(): boolean;
         getTableInputSearchVisibility(): boolean;
         showGridHeader(): boolean;
         getTableSkeletonVisibility(): boolean;
         getGridSkeletonVisibility(): boolean;
+        filterComputed(): object;
+        pageLength(): number;
     }, {
         getSelectedString(val: number): string;
         onSelectVisibleColumns(columns: string[]): void;
@@ -418,10 +422,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
             type: FunctionConstructor;
             default: () => void;
         };
-        filterComputed: {
-            type: ObjectConstructor;
-            default: () => void;
-        };
         sortMethod: {
             type: FunctionConstructor;
             default: () => void;
@@ -465,6 +465,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         showSkeleton: {
             type: BooleanConstructor;
         };
+        filterComputedOptions: {
+            type: ObjectConstructor;
+            default: {};
+        };
     }>> & Readonly<{
         onOnSelectVisibleColumns?: ((...args: any[]) => any) | undefined;
         onOnClickButton?: ((...args: any[]) => any) | undefined;
@@ -480,7 +484,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         selectionType: "none" | "multiple" | "single";
         popupEditNumberOptions: unknown[];
         filterMethod: Function;
-        filterComputed: Record<string, any>;
         sortMethod: Function;
         rowKey: string;
         tableStyle: string;
@@ -488,6 +491,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         hideColumnsSelector: boolean;
         hideFilter: boolean;
         showSkeleton: boolean;
+        filterComputedOptions: Record<string, any>;
     }, {}, {
         TableSlotHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
             tableProps: {

package/dist/quasar-factory-lib.js

@@ -7750,11 +7750,6 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
       default: function() {
       }
     },
-    filterComputed: {
-      type: Object,
-      default: function() {
-      }
-    },
     sortMethod: {
       type: Function,
       default: function() {
@@ -7798,6 +7793,10 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
     },
     showSkeleton: {
       type: Boolean
+    },
+    filterComputedOptions: {
+      type: Object,
+      default: {}
     }
   },
   emits: [
@@ -7823,8 +7822,9 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
       showColumnsSelector: !1,
       showSearch: !1,
       loading: !1,
-      storeData: this.store,
-      forceRender: !1
+      forceRender: !1,
+      totalPage: 0,
+      pageSize: 20
     };
   },
   computed: {
@@ -7842,6 +7842,16 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
     },
     getGridSkeletonVisibility() {
       return this.smallDevice && this.showSkeleton;
+    },
+    filterComputed() {
+      return {
+        search: this.store.filterValue,
+        forceRender: this.forceRender,
+        ...this.filterComputedOptions
+      };
+    },
+    pageLength() {
+      return (this.totalPage + 1) * this.pageSize;
     }
   },
   watch: {
@@ -13047,30 +13057,30 @@ const Yp = {
     e.$nextTick(() => {
       const t = e.smallDevice ? "q-table__grid-content" : "q-table__middle scroll", n = e.smallDevice ? "Grid" : "Table", o = document.getElementsByClassName(t), r = o.length > 0 ? o[0] : window, l = (a) => {
         const { scrollHeight: i, scrollTop: s, clientHeight: d } = a.target;
-        Math.abs(i - d - s) < 1 && (console.log(`[${n}] You are at the bottom!`, e.totalPage), e.totalPage++);
+        Math.abs(i - d - s) < 1 && (console.log(`[${n}] You are at the bottom!`, e.$refs.table.totalPage), e.$refs.table.totalPage++);
       };
       window.removeEventListener("scroll", l), r.removeEventListener("scroll", l), r.addEventListener("scroll", l);
     });
   },
   paginationNewTable(e, t) {
-    return t.slice(0, e.pageLength);
+    return t.slice(0, e.$refs.table.pageLength);
   },
   handleInfiniteScrollModal(e, t) {
-    e.$nextTick(() => {
+    console.log("handleInfiniteScrollModal"), e.$nextTick(() => {
       const n = document.getElementById(t), o = e.smallDevice ? "q-table__grid-content" : "q-table__middle scroll", l = n.getElementsByClassName(o)[0], a = (i) => {
         const s = i.target;
         if (e.smallDevice)
-          l.scrollTop + l.clientHeight >= l.scrollHeight && (console.log("[Grid] You are at the bottom!"), e.totalPageModal++);
+          l.scrollTop + l.clientHeight >= l.scrollHeight && (console.log("[Grid] You are at the bottom!"), e.$refs.table.totalPage++);
         else {
           const { scrollHeight: d, scrollTop: c, clientHeight: u } = s;
-          Math.abs(d - u - c) < 1 && (console.log("[Table] You are at the bottom!"), e.totalPageModal++);
+          Math.abs(d - u - c) < 1 && (console.log("[Table] You are at the bottom!"), e.$refs.table.totalPage++);
         }
       };
       window.removeEventListener("scroll", a), l.removeEventListener("scroll", a), l.addEventListener("scroll", a);
     });
   },
   paginationModal(e, t) {
-    return t.slice(0, e.pageLengthModal);
+    return t.slice(0, e.$refs.table.totalPage++);
   }
 }, qy = {
   filter(e, t, n) {