quasar-factory-lib 0.0.44 → 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 +10 -13
- package/dist/components/Table/utils/infiniteScroll.d.ts +0 -1
- package/dist/layouts/PdaLayout.vue.d.ts +10 -15
- package/dist/pages/TablePage.vue.d.ts +10 -13
- package/dist/quasar-factory-lib.js +22 -14
- package/dist/quasar-factory-lib.umd.cjs +2 -2
- package/package.json +1 -1
- package/src/components/Table/Table.vue +14 -10
- package/src/components/Table/utils/infiniteScroll.ts +8 -8
- package/src/layouts/PdaLayout.vue +2 -180
|
@@ -13,15 +13,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
13
13
|
};
|
|
14
14
|
filterMethod: {
|
|
15
15
|
type: FunctionConstructor;
|
|
16
|
-
|
|
17
|
-
};
|
|
18
|
-
filterComputed: {
|
|
19
|
-
type: ObjectConstructor;
|
|
20
|
-
required: true;
|
|
16
|
+
default: () => void;
|
|
21
17
|
};
|
|
22
18
|
sortMethod: {
|
|
23
19
|
type: FunctionConstructor;
|
|
24
|
-
|
|
20
|
+
default: () => void;
|
|
25
21
|
};
|
|
26
22
|
selectionType: {
|
|
27
23
|
type: () => "none" | "single" | "multiple";
|
|
@@ -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;
|
|
@@ -113,15 +112,11 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
113
112
|
};
|
|
114
113
|
filterMethod: {
|
|
115
114
|
type: FunctionConstructor;
|
|
116
|
-
|
|
117
|
-
};
|
|
118
|
-
filterComputed: {
|
|
119
|
-
type: ObjectConstructor;
|
|
120
|
-
required: true;
|
|
115
|
+
default: () => void;
|
|
121
116
|
};
|
|
122
117
|
sortMethod: {
|
|
123
118
|
type: FunctionConstructor;
|
|
124
|
-
|
|
119
|
+
default: () => void;
|
|
125
120
|
};
|
|
126
121
|
selectionType: {
|
|
127
122
|
type: () => "none" | "single" | "multiple";
|
|
@@ -176,6 +171,8 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
176
171
|
}>, {
|
|
177
172
|
selectionType: "none" | "multiple" | "single";
|
|
178
173
|
popupEditNumberOptions: unknown[];
|
|
174
|
+
filterMethod: Function;
|
|
175
|
+
sortMethod: Function;
|
|
179
176
|
rowKey: string;
|
|
180
177
|
tableStyle: string;
|
|
181
178
|
tableId: 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;
|
|
@@ -357,15 +355,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
357
355
|
};
|
|
358
356
|
filterMethod: {
|
|
359
357
|
type: FunctionConstructor;
|
|
360
|
-
|
|
361
|
-
};
|
|
362
|
-
filterComputed: {
|
|
363
|
-
type: ObjectConstructor;
|
|
364
|
-
required: true;
|
|
358
|
+
default: () => void;
|
|
365
359
|
};
|
|
366
360
|
sortMethod: {
|
|
367
361
|
type: FunctionConstructor;
|
|
368
|
-
|
|
362
|
+
default: () => void;
|
|
369
363
|
};
|
|
370
364
|
selectionType: {
|
|
371
365
|
type: () => "none" | "single" | "multiple";
|
|
@@ -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;
|
|
@@ -457,15 +454,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
457
454
|
};
|
|
458
455
|
filterMethod: {
|
|
459
456
|
type: FunctionConstructor;
|
|
460
|
-
|
|
461
|
-
};
|
|
462
|
-
filterComputed: {
|
|
463
|
-
type: ObjectConstructor;
|
|
464
|
-
required: true;
|
|
457
|
+
default: () => void;
|
|
465
458
|
};
|
|
466
459
|
sortMethod: {
|
|
467
460
|
type: FunctionConstructor;
|
|
468
|
-
|
|
461
|
+
default: () => void;
|
|
469
462
|
};
|
|
470
463
|
selectionType: {
|
|
471
464
|
type: () => "none" | "single" | "multiple";
|
|
@@ -520,6 +513,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
520
513
|
}>, {
|
|
521
514
|
selectionType: "none" | "multiple" | "single";
|
|
522
515
|
popupEditNumberOptions: unknown[];
|
|
516
|
+
filterMethod: Function;
|
|
517
|
+
sortMethod: Function;
|
|
523
518
|
rowKey: string;
|
|
524
519
|
tableStyle: string;
|
|
525
520
|
tableId: string;
|
|
@@ -316,15 +316,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
316
316
|
};
|
|
317
317
|
filterMethod: {
|
|
318
318
|
type: FunctionConstructor;
|
|
319
|
-
|
|
320
|
-
};
|
|
321
|
-
filterComputed: {
|
|
322
|
-
type: ObjectConstructor;
|
|
323
|
-
required: true;
|
|
319
|
+
default: () => void;
|
|
324
320
|
};
|
|
325
321
|
sortMethod: {
|
|
326
322
|
type: FunctionConstructor;
|
|
327
|
-
|
|
323
|
+
default: () => void;
|
|
328
324
|
};
|
|
329
325
|
selectionType: {
|
|
330
326
|
type: () => "none" | "single" | "multiple";
|
|
@@ -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;
|
|
@@ -416,15 +415,11 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
416
415
|
};
|
|
417
416
|
filterMethod: {
|
|
418
417
|
type: FunctionConstructor;
|
|
419
|
-
|
|
420
|
-
};
|
|
421
|
-
filterComputed: {
|
|
422
|
-
type: ObjectConstructor;
|
|
423
|
-
required: true;
|
|
418
|
+
default: () => void;
|
|
424
419
|
};
|
|
425
420
|
sortMethod: {
|
|
426
421
|
type: FunctionConstructor;
|
|
427
|
-
|
|
422
|
+
default: () => void;
|
|
428
423
|
};
|
|
429
424
|
selectionType: {
|
|
430
425
|
type: () => "none" | "single" | "multiple";
|
|
@@ -479,6 +474,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
479
474
|
}>, {
|
|
480
475
|
selectionType: "none" | "multiple" | "single";
|
|
481
476
|
popupEditNumberOptions: unknown[];
|
|
477
|
+
filterMethod: Function;
|
|
478
|
+
sortMethod: Function;
|
|
482
479
|
rowKey: string;
|
|
483
480
|
tableStyle: string;
|
|
484
481
|
tableId: string;
|
|
@@ -7747,15 +7747,13 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
|
|
|
7747
7747
|
},
|
|
7748
7748
|
filterMethod: {
|
|
7749
7749
|
type: Function,
|
|
7750
|
-
|
|
7751
|
-
|
|
7752
|
-
filterComputed: {
|
|
7753
|
-
type: Object,
|
|
7754
|
-
required: !0
|
|
7750
|
+
default: function() {
|
|
7751
|
+
}
|
|
7755
7752
|
},
|
|
7756
7753
|
sortMethod: {
|
|
7757
7754
|
type: Function,
|
|
7758
|
-
|
|
7755
|
+
default: function() {
|
|
7756
|
+
}
|
|
7759
7757
|
},
|
|
7760
7758
|
selectionType: {
|
|
7761
7759
|
type: String,
|
|
@@ -7820,8 +7818,9 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
|
|
|
7820
7818
|
showColumnsSelector: !1,
|
|
7821
7819
|
showSearch: !1,
|
|
7822
7820
|
loading: !1,
|
|
7823
|
-
|
|
7824
|
-
|
|
7821
|
+
forceRender: !1,
|
|
7822
|
+
totalPage: 0,
|
|
7823
|
+
pageSize: 20
|
|
7825
7824
|
};
|
|
7826
7825
|
},
|
|
7827
7826
|
computed: {
|
|
@@ -7839,6 +7838,15 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
|
|
|
7839
7838
|
},
|
|
7840
7839
|
getGridSkeletonVisibility() {
|
|
7841
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;
|
|
7842
7850
|
}
|
|
7843
7851
|
},
|
|
7844
7852
|
watch: {
|
|
@@ -13044,30 +13052,30 @@ const Yp = {
|
|
|
13044
13052
|
e.$nextTick(() => {
|
|
13045
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) => {
|
|
13046
13054
|
const { scrollHeight: i, scrollTop: s, clientHeight: d } = a.target;
|
|
13047
|
-
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++);
|
|
13048
13056
|
};
|
|
13049
13057
|
window.removeEventListener("scroll", l), r.removeEventListener("scroll", l), r.addEventListener("scroll", l);
|
|
13050
13058
|
});
|
|
13051
13059
|
},
|
|
13052
13060
|
paginationNewTable(e, t) {
|
|
13053
|
-
return t.slice(0, e.pageLength);
|
|
13061
|
+
return t.slice(0, e.$refs.table.pageLength);
|
|
13054
13062
|
},
|
|
13055
13063
|
handleInfiniteScrollModal(e, t) {
|
|
13056
|
-
e.$nextTick(() => {
|
|
13064
|
+
console.log("handleInfiniteScrollModal"), e.$nextTick(() => {
|
|
13057
13065
|
const n = document.getElementById(t), o = e.smallDevice ? "q-table__grid-content" : "q-table__middle scroll", l = n.getElementsByClassName(o)[0], a = (i) => {
|
|
13058
13066
|
const s = i.target;
|
|
13059
13067
|
if (e.smallDevice)
|
|
13060
|
-
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++);
|
|
13061
13069
|
else {
|
|
13062
13070
|
const { scrollHeight: d, scrollTop: c, clientHeight: u } = s;
|
|
13063
|
-
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++);
|
|
13064
13072
|
}
|
|
13065
13073
|
};
|
|
13066
13074
|
window.removeEventListener("scroll", a), l.removeEventListener("scroll", a), l.addEventListener("scroll", a);
|
|
13067
13075
|
});
|
|
13068
13076
|
},
|
|
13069
13077
|
paginationModal(e, t) {
|
|
13070
|
-
return t.slice(0, e.
|
|
13078
|
+
return t.slice(0, e.$refs.table.totalPage++);
|
|
13071
13079
|
}
|
|
13072
13080
|
}, qy = {
|
|
13073
13081
|
filter(e, t, n) {
|