quasar-factory-lib 0.1.20 → 0.1.22

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

@@ -97,6 +97,7 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     disabled: boolean;
     enableDragAndDrop: boolean;
     dragAndDropDelay: number;
+    nextPage: number;
 }, {
     getColumnsSelectorVisibility(): boolean;
     getTableInputSearchVisibility(): boolean;
@@ -105,6 +106,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     getGridSkeletonVisibility(): boolean;
     filterComputed(): object;
     pageLength(): number;
+    lastPage(): number;
+    rowsDataComputed(): object[];
 }, {
     enableDragAndDropFunc(): void;
     getSelectedString(val: number): string;
@@ -133,7 +136,10 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
     }): any;
     getAdvancedFilterColumns(): void;
     handleInfiniteScrollTableCompositionAPi(): void;
-    onVirtualScroll(args: any): void;
+    onVirtualScroll({ to, ref }: {
+        to: any;
+        ref: any;
+    }): void;
 }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectVisibleColumns" | "onClickButton" | "onClickIconToolTip" | "onSaveValuePopupEdit" | "onUpdateBasicCheckboxValue" | "onUpdateCustomizedCheckboxValue" | "modifyPriorityOrder" | "storeUpdated" | "deleteItem" | "openModalWithTable" | "setItemNotFound" | "onClickSeeTaskDetails" | "startMaintenanceTicket" | "pauseMaintenanceTicket" | "finishMaintenanceTicket" | "onRowClick" | "onUpdateSelected" | "setLineRemainingQty" | "setLineNoStock" | "onDoneLineMaintenanceTasks" | "reprintSULabel" | "onDragStart" | "onDragUpdate" | "onDragEnd" | "onClickRowBtnPrintOP" | "getPOFromWorkCenter" | "getProductionTimesMachineCenter" | "operatorMachineAssignmentAssignMachine" | "operatorMachineAssignmentSetDate" | "operatorMachineAssignmentSetPartialMachineCenter" | "operatorMachineAssignmentSeeDetail" | "onClickOpenDialogOperators")[], "onSelectVisibleColumns" | "onClickButton" | "onClickIconToolTip" | "onSaveValuePopupEdit" | "onUpdateBasicCheckboxValue" | "onUpdateCustomizedCheckboxValue" | "modifyPriorityOrder" | "storeUpdated" | "deleteItem" | "openModalWithTable" | "setItemNotFound" | "onClickSeeTaskDetails" | "startMaintenanceTicket" | "pauseMaintenanceTicket" | "finishMaintenanceTicket" | "onRowClick" | "onUpdateSelected" | "setLineRemainingQty" | "setLineNoStock" | "onDoneLineMaintenanceTasks" | "reprintSULabel" | "onDragStart" | "onDragUpdate" | "onDragEnd" | "onClickRowBtnPrintOP" | "getPOFromWorkCenter" | "getProductionTimesMachineCenter" | "operatorMachineAssignmentAssignMachine" | "operatorMachineAssignmentSetDate" | "operatorMachineAssignmentSetPartialMachineCenter" | "operatorMachineAssignmentSeeDetail" | "onClickOpenDialogOperators", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
     columns: {
         type: () => object[];

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

@@ -256,6 +256,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         disabled: boolean;
         enableDragAndDrop: boolean;
         dragAndDropDelay: number;
+        nextPage: number;
     }, {
         getColumnsSelectorVisibility(): boolean;
         getTableInputSearchVisibility(): boolean;
@@ -264,6 +265,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         getGridSkeletonVisibility(): boolean;
         filterComputed(): object;
         pageLength(): number;
+        lastPage(): number;
+        rowsDataComputed(): object[];
     }, {
         enableDragAndDropFunc(): void;
         getSelectedString(val: number): string;
@@ -292,7 +295,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         }): any;
         getAdvancedFilterColumns(): void;
         handleInfiniteScrollTableCompositionAPi(): void;
-        onVirtualScroll(args: any): void;
+        onVirtualScroll({ to, ref }: {
+            to: any;
+            ref: any;
+        }): void;
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectVisibleColumns" | "onClickButton" | "onClickIconToolTip" | "onSaveValuePopupEdit" | "onUpdateBasicCheckboxValue" | "onUpdateCustomizedCheckboxValue" | "modifyPriorityOrder" | "storeUpdated" | "deleteItem" | "openModalWithTable" | "setItemNotFound" | "onClickSeeTaskDetails" | "startMaintenanceTicket" | "pauseMaintenanceTicket" | "finishMaintenanceTicket" | "onRowClick" | "onUpdateSelected" | "setLineRemainingQty" | "setLineNoStock" | "onDoneLineMaintenanceTasks" | "reprintSULabel" | "onDragStart" | "onDragUpdate" | "onDragEnd" | "onClickRowBtnPrintOP" | "getPOFromWorkCenter" | "getProductionTimesMachineCenter" | "operatorMachineAssignmentAssignMachine" | "operatorMachineAssignmentSetDate" | "operatorMachineAssignmentSetPartialMachineCenter" | "operatorMachineAssignmentSeeDetail" | "onClickOpenDialogOperators")[], "onSelectVisibleColumns" | "onClickButton" | "onClickIconToolTip" | "onSaveValuePopupEdit" | "onUpdateBasicCheckboxValue" | "onUpdateCustomizedCheckboxValue" | "modifyPriorityOrder" | "storeUpdated" | "deleteItem" | "openModalWithTable" | "setItemNotFound" | "onClickSeeTaskDetails" | "startMaintenanceTicket" | "pauseMaintenanceTicket" | "finishMaintenanceTicket" | "onRowClick" | "onUpdateSelected" | "setLineRemainingQty" | "setLineNoStock" | "onDoneLineMaintenanceTasks" | "reprintSULabel" | "onDragStart" | "onDragUpdate" | "onDragEnd" | "onClickRowBtnPrintOP" | "getPOFromWorkCenter" | "getProductionTimesMachineCenter" | "operatorMachineAssignmentAssignMachine" | "operatorMachineAssignmentSetDate" | "operatorMachineAssignmentSetPartialMachineCenter" | "operatorMachineAssignmentSeeDetail" | "onClickOpenDialogOperators", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         columns: {
             type: () => object[];

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

@@ -651,6 +651,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         disabled: boolean;
         enableDragAndDrop: boolean;
         dragAndDropDelay: number;
+        nextPage: number;
     }, {
         getColumnsSelectorVisibility(): boolean;
         getTableInputSearchVisibility(): boolean;
@@ -659,6 +660,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         getGridSkeletonVisibility(): boolean;
         filterComputed(): object;
         pageLength(): number;
+        lastPage(): number;
+        rowsDataComputed(): object[];
     }, {
         enableDragAndDropFunc(): void;
         getSelectedString(val: number): string;
@@ -687,7 +690,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
         }): any;
         getAdvancedFilterColumns(): void;
         handleInfiniteScrollTableCompositionAPi(): void;
-        onVirtualScroll(args: any): void;
+        onVirtualScroll({ to, ref }: {
+            to: any;
+            ref: any;
+        }): void;
     }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectVisibleColumns" | "onClickButton" | "onClickIconToolTip" | "onSaveValuePopupEdit" | "onUpdateBasicCheckboxValue" | "onUpdateCustomizedCheckboxValue" | "modifyPriorityOrder" | "storeUpdated" | "deleteItem" | "openModalWithTable" | "setItemNotFound" | "onClickSeeTaskDetails" | "startMaintenanceTicket" | "pauseMaintenanceTicket" | "finishMaintenanceTicket" | "onRowClick" | "onUpdateSelected" | "setLineRemainingQty" | "setLineNoStock" | "onDoneLineMaintenanceTasks" | "reprintSULabel" | "onDragStart" | "onDragUpdate" | "onDragEnd" | "onClickRowBtnPrintOP" | "getPOFromWorkCenter" | "getProductionTimesMachineCenter" | "operatorMachineAssignmentAssignMachine" | "operatorMachineAssignmentSetDate" | "operatorMachineAssignmentSetPartialMachineCenter" | "operatorMachineAssignmentSeeDetail" | "onClickOpenDialogOperators")[], "onSelectVisibleColumns" | "onClickButton" | "onClickIconToolTip" | "onSaveValuePopupEdit" | "onUpdateBasicCheckboxValue" | "onUpdateCustomizedCheckboxValue" | "modifyPriorityOrder" | "storeUpdated" | "deleteItem" | "openModalWithTable" | "setItemNotFound" | "onClickSeeTaskDetails" | "startMaintenanceTicket" | "pauseMaintenanceTicket" | "finishMaintenanceTicket" | "onRowClick" | "onUpdateSelected" | "setLineRemainingQty" | "setLineNoStock" | "onDoneLineMaintenanceTasks" | "reprintSULabel" | "onDragStart" | "onDragUpdate" | "onDragEnd" | "onClickRowBtnPrintOP" | "getPOFromWorkCenter" | "getProductionTimesMachineCenter" | "operatorMachineAssignmentAssignMachine" | "operatorMachineAssignmentSetDate" | "operatorMachineAssignmentSetPartialMachineCenter" | "operatorMachineAssignmentSeeDetail" | "onClickOpenDialogOperators", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
         columns: {
             type: () => object[];

package/dist/quasar-factory-lib.js

@@ -12972,7 +12972,8 @@ const U0 = kn({
       draggableInstance: null,
       disabled: !1,
       enableDragAndDrop: !1,
-      dragAndDropDelay: 0
+      dragAndDropDelay: 0,
+      nextPage: 2
     };
   },
   computed: {
@@ -13000,6 +13001,12 @@ const U0 = kn({
     },
     pageLength() {
       return (this.totalPage + 1) * this.pageSize;
+    },
+    lastPage() {
+      return Math.ceil(this.rowsData.length / this.pageSize);
+    },
+    rowsDataComputed() {
+      return this.rowsData.slice(0, this.pageSize * (this.nextPage - 1));
     }
   },
   watch: {
@@ -13015,16 +13022,6 @@ const U0 = kn({
     smallDevice(e) {
       e ? this.dragAndDropDelay = 200 : this.dragAndDropDelay = 0;
     }
-    /* showSkeleton (val: boolean): void {
-      if (!val) {
-        this.handleInfiniteScrollTableCompositionAPi()
-      }
-    },
-    '$q.screen.width' (): void {
-      setTimeout(() => {
-        this.handleInfiniteScrollTableCompositionAPi()
-      }, 500)
-    } */
   },
   mounted() {
     this.getAdvancedFilterColumns();
@@ -13158,8 +13155,13 @@ const U0 = kn({
         window.removeEventListener("scroll", a), o.removeEventListener("scroll", a), o.addEventListener("scroll", a);
       });
     },
-    onVirtualScroll(e) {
-      console.log("args", e);
+    onVirtualScroll({ to: e, ref: t }) {
+      const n = this.rowsDataComputed.length - 1;
+      console.log(e, n), !this.loading && this.nextPage <= this.lastPage && e === n && (this.loading = !0, setTimeout(async () => {
+        this.nextPage++, await this.$nextTick(() => {
+          t.refresh(), this.loading = !1;
+        });
+      }, 500));
     }
   }
 }), H0 = { key: 0 };
@@ -13182,7 +13184,7 @@ function z0(e, t, n, o, a, l) {
       style: Ji(e.tableStyle),
       flat: "",
       bordered: "",
-      rows: e.rowsData,
+      rows: e.rowsDataComputed,
       columns: e.columns,
       "filter-method": e.customFilter,
       filter: e.filterComputed,
@@ -13198,9 +13200,9 @@ function z0(e, t, n, o, a, l) {
       "selected-rows-label": e.getSelectedString,
       loading: e.loading,
       "virtual-scroll": "",
-      onVirtualScroll: e.onVirtualScroll,
       "virtual-scroll-item-size": 48,
-      "virtual-scroll-slice-ratio-before": 0
+      "virtual-scroll-sticky-size-start": 48,
+      onVirtualScroll: e.onVirtualScroll
     }, {
       "top-right": V((m) => [
         O(os),