quasar-factory-lib 0.0.45 → 0.0.46
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/components/Table/Table.vue.d.ts +4 -10
- package/dist/components/Table/utils/infiniteScroll.d.ts +0 -1
- package/dist/layouts/PdaLayout.vue.d.ts +4 -12
- package/dist/pages/TablePage.vue.d.ts +4 -10
- package/dist/quasar-factory-lib.js +18 -13
- package/dist/quasar-factory-lib.umd.cjs +2 -2
- package/package.json +1 -1
- package/src/components/Table/Table.vue +12 -8
- package/src/components/Table/utils/infiniteScroll.ts +8 -8
- package/src/layouts/PdaLayout.vue +2 -180
|
@@ -15,10 +15,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
15
15
|
type: FunctionConstructor;
|
|
16
16
|
default: () => void;
|
|
17
17
|
};
|
|
18
|
-
filterComputed: {
|
|
19
|
-
type: ObjectConstructor;
|
|
20
|
-
default: () => void;
|
|
21
|
-
};
|
|
22
18
|
sortMethod: {
|
|
23
19
|
type: FunctionConstructor;
|
|
24
20
|
default: () => void;
|
|
@@ -72,14 +68,17 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
72
68
|
showColumnsSelector: boolean;
|
|
73
69
|
showSearch: boolean;
|
|
74
70
|
loading: boolean;
|
|
75
|
-
storeData: Record<string, any>;
|
|
76
71
|
forceRender: boolean;
|
|
72
|
+
totalPage: number;
|
|
73
|
+
pageSize: number;
|
|
77
74
|
}, {
|
|
78
75
|
getColumnsSelectorVisibility(): boolean;
|
|
79
76
|
getTableInputSearchVisibility(): boolean;
|
|
80
77
|
showGridHeader(): boolean;
|
|
81
78
|
getTableSkeletonVisibility(): boolean;
|
|
82
79
|
getGridSkeletonVisibility(): boolean;
|
|
80
|
+
filterComputed(): object;
|
|
81
|
+
pageLength(): number;
|
|
83
82
|
}, {
|
|
84
83
|
getSelectedString(val: number): string;
|
|
85
84
|
onSelectVisibleColumns(columns: string[]): void;
|
|
@@ -115,10 +114,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
115
114
|
type: FunctionConstructor;
|
|
116
115
|
default: () => void;
|
|
117
116
|
};
|
|
118
|
-
filterComputed: {
|
|
119
|
-
type: ObjectConstructor;
|
|
120
|
-
default: () => void;
|
|
121
|
-
};
|
|
122
117
|
sortMethod: {
|
|
123
118
|
type: FunctionConstructor;
|
|
124
119
|
default: () => void;
|
|
@@ -177,7 +172,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
177
172
|
selectionType: "none" | "multiple" | "single";
|
|
178
173
|
popupEditNumberOptions: unknown[];
|
|
179
174
|
filterMethod: Function;
|
|
180
|
-
filterComputed: Record<string, any>;
|
|
181
175
|
sortMethod: Function;
|
|
182
176
|
rowKey: string;
|
|
183
177
|
tableStyle: string;
|
|
@@ -261,7 +261,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
261
261
|
rowsData: {
|
|
262
262
|
id: number;
|
|
263
263
|
name: string;
|
|
264
|
-
date: string;
|
|
265
264
|
booleanIcon: boolean;
|
|
266
265
|
available: boolean;
|
|
267
266
|
calories: number;
|
|
@@ -274,7 +273,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
274
273
|
iron: string;
|
|
275
274
|
}[];
|
|
276
275
|
visibleColumns: never[];
|
|
277
|
-
filteredRows: never[];
|
|
278
276
|
}, {
|
|
279
277
|
pageLength(): number;
|
|
280
278
|
filter(): object;
|
|
@@ -359,10 +357,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
359
357
|
type: FunctionConstructor;
|
|
360
358
|
default: () => void;
|
|
361
359
|
};
|
|
362
|
-
filterComputed: {
|
|
363
|
-
type: ObjectConstructor;
|
|
364
|
-
default: () => void;
|
|
365
|
-
};
|
|
366
360
|
sortMethod: {
|
|
367
361
|
type: FunctionConstructor;
|
|
368
362
|
default: () => void;
|
|
@@ -416,14 +410,17 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
416
410
|
showColumnsSelector: boolean;
|
|
417
411
|
showSearch: boolean;
|
|
418
412
|
loading: boolean;
|
|
419
|
-
storeData: Record<string, any>;
|
|
420
413
|
forceRender: boolean;
|
|
414
|
+
totalPage: number;
|
|
415
|
+
pageSize: number;
|
|
421
416
|
}, {
|
|
422
417
|
getColumnsSelectorVisibility(): boolean;
|
|
423
418
|
getTableInputSearchVisibility(): boolean;
|
|
424
419
|
showGridHeader(): boolean;
|
|
425
420
|
getTableSkeletonVisibility(): boolean;
|
|
426
421
|
getGridSkeletonVisibility(): boolean;
|
|
422
|
+
filterComputed(): object;
|
|
423
|
+
pageLength(): number;
|
|
427
424
|
}, {
|
|
428
425
|
getSelectedString(val: number): string;
|
|
429
426
|
onSelectVisibleColumns(columns: string[]): void;
|
|
@@ -459,10 +456,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
459
456
|
type: FunctionConstructor;
|
|
460
457
|
default: () => void;
|
|
461
458
|
};
|
|
462
|
-
filterComputed: {
|
|
463
|
-
type: ObjectConstructor;
|
|
464
|
-
default: () => void;
|
|
465
|
-
};
|
|
466
459
|
sortMethod: {
|
|
467
460
|
type: FunctionConstructor;
|
|
468
461
|
default: () => void;
|
|
@@ -521,7 +514,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
521
514
|
selectionType: "none" | "multiple" | "single";
|
|
522
515
|
popupEditNumberOptions: unknown[];
|
|
523
516
|
filterMethod: Function;
|
|
524
|
-
filterComputed: Record<string, any>;
|
|
525
517
|
sortMethod: Function;
|
|
526
518
|
rowKey: string;
|
|
527
519
|
tableStyle: string;
|
|
@@ -318,10 +318,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
318
318
|
type: FunctionConstructor;
|
|
319
319
|
default: () => void;
|
|
320
320
|
};
|
|
321
|
-
filterComputed: {
|
|
322
|
-
type: ObjectConstructor;
|
|
323
|
-
default: () => void;
|
|
324
|
-
};
|
|
325
321
|
sortMethod: {
|
|
326
322
|
type: FunctionConstructor;
|
|
327
323
|
default: () => void;
|
|
@@ -375,14 +371,17 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
375
371
|
showColumnsSelector: boolean;
|
|
376
372
|
showSearch: boolean;
|
|
377
373
|
loading: boolean;
|
|
378
|
-
storeData: Record<string, any>;
|
|
379
374
|
forceRender: boolean;
|
|
375
|
+
totalPage: number;
|
|
376
|
+
pageSize: number;
|
|
380
377
|
}, {
|
|
381
378
|
getColumnsSelectorVisibility(): boolean;
|
|
382
379
|
getTableInputSearchVisibility(): boolean;
|
|
383
380
|
showGridHeader(): boolean;
|
|
384
381
|
getTableSkeletonVisibility(): boolean;
|
|
385
382
|
getGridSkeletonVisibility(): boolean;
|
|
383
|
+
filterComputed(): object;
|
|
384
|
+
pageLength(): number;
|
|
386
385
|
}, {
|
|
387
386
|
getSelectedString(val: number): string;
|
|
388
387
|
onSelectVisibleColumns(columns: string[]): void;
|
|
@@ -418,10 +417,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
418
417
|
type: FunctionConstructor;
|
|
419
418
|
default: () => void;
|
|
420
419
|
};
|
|
421
|
-
filterComputed: {
|
|
422
|
-
type: ObjectConstructor;
|
|
423
|
-
default: () => void;
|
|
424
|
-
};
|
|
425
420
|
sortMethod: {
|
|
426
421
|
type: FunctionConstructor;
|
|
427
422
|
default: () => void;
|
|
@@ -480,7 +475,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
480
475
|
selectionType: "none" | "multiple" | "single";
|
|
481
476
|
popupEditNumberOptions: unknown[];
|
|
482
477
|
filterMethod: Function;
|
|
483
|
-
filterComputed: Record<string, any>;
|
|
484
478
|
sortMethod: Function;
|
|
485
479
|
rowKey: string;
|
|
486
480
|
tableStyle: string;
|
|
@@ -7750,11 +7750,6 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
|
|
|
7750
7750
|
default: function() {
|
|
7751
7751
|
}
|
|
7752
7752
|
},
|
|
7753
|
-
filterComputed: {
|
|
7754
|
-
type: Object,
|
|
7755
|
-
default: function() {
|
|
7756
|
-
}
|
|
7757
|
-
},
|
|
7758
7753
|
sortMethod: {
|
|
7759
7754
|
type: Function,
|
|
7760
7755
|
default: function() {
|
|
@@ -7823,8 +7818,9 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
|
|
|
7823
7818
|
showColumnsSelector: !1,
|
|
7824
7819
|
showSearch: !1,
|
|
7825
7820
|
loading: !1,
|
|
7826
|
-
|
|
7827
|
-
|
|
7821
|
+
forceRender: !1,
|
|
7822
|
+
totalPage: 0,
|
|
7823
|
+
pageSize: 20
|
|
7828
7824
|
};
|
|
7829
7825
|
},
|
|
7830
7826
|
computed: {
|
|
@@ -7842,6 +7838,15 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
|
|
|
7842
7838
|
},
|
|
7843
7839
|
getGridSkeletonVisibility() {
|
|
7844
7840
|
return this.smallDevice && this.showSkeleton;
|
|
7841
|
+
},
|
|
7842
|
+
filterComputed() {
|
|
7843
|
+
return {
|
|
7844
|
+
search: this.store.filterValue,
|
|
7845
|
+
forceRender: this.forceRender
|
|
7846
|
+
};
|
|
7847
|
+
},
|
|
7848
|
+
pageLength() {
|
|
7849
|
+
return (this.totalPage + 1) * this.pageSize;
|
|
7845
7850
|
}
|
|
7846
7851
|
},
|
|
7847
7852
|
watch: {
|
|
@@ -13047,30 +13052,30 @@ const Yp = {
|
|
|
13047
13052
|
e.$nextTick(() => {
|
|
13048
13053
|
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) => {
|
|
13049
13054
|
const { scrollHeight: i, scrollTop: s, clientHeight: d } = a.target;
|
|
13050
|
-
Math.abs(i - d - s) < 1 && (console.log(`[${n}] You are at the bottom!`, e.totalPage), e.totalPage++);
|
|
13055
|
+
Math.abs(i - d - s) < 1 && (console.log(`[${n}] You are at the bottom!`, e.$refs.table.totalPage), e.$refs.table.totalPage++);
|
|
13051
13056
|
};
|
|
13052
13057
|
window.removeEventListener("scroll", l), r.removeEventListener("scroll", l), r.addEventListener("scroll", l);
|
|
13053
13058
|
});
|
|
13054
13059
|
},
|
|
13055
13060
|
paginationNewTable(e, t) {
|
|
13056
|
-
return t.slice(0, e.pageLength);
|
|
13061
|
+
return t.slice(0, e.$refs.table.pageLength);
|
|
13057
13062
|
},
|
|
13058
13063
|
handleInfiniteScrollModal(e, t) {
|
|
13059
|
-
e.$nextTick(() => {
|
|
13064
|
+
console.log("handleInfiniteScrollModal"), e.$nextTick(() => {
|
|
13060
13065
|
const n = document.getElementById(t), o = e.smallDevice ? "q-table__grid-content" : "q-table__middle scroll", l = n.getElementsByClassName(o)[0], a = (i) => {
|
|
13061
13066
|
const s = i.target;
|
|
13062
13067
|
if (e.smallDevice)
|
|
13063
|
-
l.scrollTop + l.clientHeight >= l.scrollHeight && (console.log("[Grid] You are at the bottom!"), e.
|
|
13068
|
+
l.scrollTop + l.clientHeight >= l.scrollHeight && (console.log("[Grid] You are at the bottom!"), e.$refs.table.totalPage++);
|
|
13064
13069
|
else {
|
|
13065
13070
|
const { scrollHeight: d, scrollTop: c, clientHeight: u } = s;
|
|
13066
|
-
Math.abs(d - u - c) < 1 && (console.log("[Table] You are at the bottom!"), e.
|
|
13071
|
+
Math.abs(d - u - c) < 1 && (console.log("[Table] You are at the bottom!"), e.$refs.table.totalPage++);
|
|
13067
13072
|
}
|
|
13068
13073
|
};
|
|
13069
13074
|
window.removeEventListener("scroll", a), l.removeEventListener("scroll", a), l.addEventListener("scroll", a);
|
|
13070
13075
|
});
|
|
13071
13076
|
},
|
|
13072
13077
|
paginationModal(e, t) {
|
|
13073
|
-
return t.slice(0, e.
|
|
13078
|
+
return t.slice(0, e.$refs.table.totalPage++);
|
|
13074
13079
|
}
|
|
13075
13080
|
}, qy = {
|
|
13076
13081
|
filter(e, t, n) {
|