quasar-factory-lib 0.0.50 → 0.0.52
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 +8 -8
- package/dist/components/Table/utils/setTableHeight.d.ts +1 -0
- package/dist/layouts/PdaLayout.vue.d.ts +9 -8
- package/dist/pages/TablePage.vue.d.ts +10 -15
- package/dist/quasar-factory-lib.js +20 -11
- package/dist/quasar-factory-lib.umd.cjs +2 -2
- package/dist/style.css +1 -1
- package/package.json +1 -1
- package/src/components/Table/Table.vue +7 -10
- package/src/components/Table/components/TableSlotGrid.vue +2 -2
- package/src/components/Table/css/table.css +3 -0
- package/src/components/Table/utils/setTableHeight.ts +20 -6
- package/src/css/app.css +2 -2
- package/src/layouts/PdaLayout.vue +7 -3
- package/src/pages/TablePage.vue +17 -25
|
@@ -50,14 +50,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
50
50
|
showSkeleton: {
|
|
51
51
|
type: BooleanConstructor;
|
|
52
52
|
};
|
|
53
|
-
filterComputedOptions: {
|
|
54
|
-
type: ObjectConstructor;
|
|
55
|
-
default: {};
|
|
56
|
-
};
|
|
57
53
|
getCellClass: {
|
|
58
54
|
type: FunctionConstructor;
|
|
59
55
|
default: () => void;
|
|
60
56
|
};
|
|
57
|
+
filterComputedOptions: {
|
|
58
|
+
type: ObjectConstructor;
|
|
59
|
+
default: {};
|
|
60
|
+
};
|
|
61
61
|
additionalFilterConditions: {
|
|
62
62
|
type: FunctionConstructor;
|
|
63
63
|
default: () => void;
|
|
@@ -165,14 +165,14 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
|
|
|
165
165
|
showSkeleton: {
|
|
166
166
|
type: BooleanConstructor;
|
|
167
167
|
};
|
|
168
|
-
filterComputedOptions: {
|
|
169
|
-
type: ObjectConstructor;
|
|
170
|
-
default: {};
|
|
171
|
-
};
|
|
172
168
|
getCellClass: {
|
|
173
169
|
type: FunctionConstructor;
|
|
174
170
|
default: () => void;
|
|
175
171
|
};
|
|
172
|
+
filterComputedOptions: {
|
|
173
|
+
type: ObjectConstructor;
|
|
174
|
+
default: {};
|
|
175
|
+
};
|
|
176
176
|
additionalFilterConditions: {
|
|
177
177
|
type: FunctionConstructor;
|
|
178
178
|
default: () => void;
|
|
@@ -1,4 +1,5 @@
|
|
|
1
1
|
declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
2
|
+
smallDevice: boolean;
|
|
2
3
|
showDialog: boolean;
|
|
3
4
|
store: import("pinia").Store<"tableStore", {
|
|
4
5
|
disableScannerButtons: import("@vueuse/shared").RemovableRef<boolean>;
|
|
@@ -387,14 +388,14 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
387
388
|
showSkeleton: {
|
|
388
389
|
type: BooleanConstructor;
|
|
389
390
|
};
|
|
390
|
-
filterComputedOptions: {
|
|
391
|
-
type: ObjectConstructor;
|
|
392
|
-
default: {};
|
|
393
|
-
};
|
|
394
391
|
getCellClass: {
|
|
395
392
|
type: FunctionConstructor;
|
|
396
393
|
default: () => void;
|
|
397
394
|
};
|
|
395
|
+
filterComputedOptions: {
|
|
396
|
+
type: ObjectConstructor;
|
|
397
|
+
default: {};
|
|
398
|
+
};
|
|
398
399
|
additionalFilterConditions: {
|
|
399
400
|
type: FunctionConstructor;
|
|
400
401
|
default: () => void;
|
|
@@ -502,14 +503,14 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
502
503
|
showSkeleton: {
|
|
503
504
|
type: BooleanConstructor;
|
|
504
505
|
};
|
|
505
|
-
filterComputedOptions: {
|
|
506
|
-
type: ObjectConstructor;
|
|
507
|
-
default: {};
|
|
508
|
-
};
|
|
509
506
|
getCellClass: {
|
|
510
507
|
type: FunctionConstructor;
|
|
511
508
|
default: () => void;
|
|
512
509
|
};
|
|
510
|
+
filterComputedOptions: {
|
|
511
|
+
type: ObjectConstructor;
|
|
512
|
+
default: {};
|
|
513
|
+
};
|
|
513
514
|
additionalFilterConditions: {
|
|
514
515
|
type: FunctionConstructor;
|
|
515
516
|
default: () => void;
|
|
@@ -284,17 +284,12 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
284
284
|
}, {}, {
|
|
285
285
|
getRows(): void;
|
|
286
286
|
saveSelectedColumns(columns: string[]): void;
|
|
287
|
-
filterMethod(rows: string | [], terms: {
|
|
288
|
-
search: string;
|
|
289
|
-
}): object[] | [];
|
|
290
287
|
onUpdateBasicCheckboxValue(rows: object[]): void;
|
|
291
288
|
onUpdateCustomizedCheckboxValue(rows: object[]): void;
|
|
292
289
|
setItemNotFound(rows: object[]): void;
|
|
293
290
|
getCellClass(row: any, col: any): "" | "text-color-negative-bold";
|
|
294
|
-
additionalFilterConditions(
|
|
295
|
-
|
|
296
|
-
}, rows_: object[] | [], filteredRowsParam_: object[] | []): [] | object[];
|
|
297
|
-
additionalSortConditions(store_: any, filteredRowsData: any, rows: any): any[] | undefined;
|
|
291
|
+
additionalFilterConditions(rows_: object[] | [], filteredRowsParam_: object[] | []): object[];
|
|
292
|
+
additionalSortConditions(filteredRowsData: object[] | [], rows: object[] | []): object[] | undefined;
|
|
298
293
|
}, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
|
|
299
294
|
Table: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
|
|
300
295
|
columns: {
|
|
@@ -348,14 +343,14 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
348
343
|
showSkeleton: {
|
|
349
344
|
type: BooleanConstructor;
|
|
350
345
|
};
|
|
351
|
-
filterComputedOptions: {
|
|
352
|
-
type: ObjectConstructor;
|
|
353
|
-
default: {};
|
|
354
|
-
};
|
|
355
346
|
getCellClass: {
|
|
356
347
|
type: FunctionConstructor;
|
|
357
348
|
default: () => void;
|
|
358
349
|
};
|
|
350
|
+
filterComputedOptions: {
|
|
351
|
+
type: ObjectConstructor;
|
|
352
|
+
default: {};
|
|
353
|
+
};
|
|
359
354
|
additionalFilterConditions: {
|
|
360
355
|
type: FunctionConstructor;
|
|
361
356
|
default: () => void;
|
|
@@ -463,14 +458,14 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
|
|
|
463
458
|
showSkeleton: {
|
|
464
459
|
type: BooleanConstructor;
|
|
465
460
|
};
|
|
466
|
-
filterComputedOptions: {
|
|
467
|
-
type: ObjectConstructor;
|
|
468
|
-
default: {};
|
|
469
|
-
};
|
|
470
461
|
getCellClass: {
|
|
471
462
|
type: FunctionConstructor;
|
|
472
463
|
default: () => void;
|
|
473
464
|
};
|
|
465
|
+
filterComputedOptions: {
|
|
466
|
+
type: ObjectConstructor;
|
|
467
|
+
default: {};
|
|
468
|
+
};
|
|
474
469
|
additionalFilterConditions: {
|
|
475
470
|
type: FunctionConstructor;
|
|
476
471
|
default: () => void;
|
|
@@ -7282,7 +7282,7 @@ function og(e, t, n, o, r, l) {
|
|
|
7282
7282
|
default: ie(() => [
|
|
7283
7283
|
ee(Ft, null, {
|
|
7284
7284
|
default: ie(() => [
|
|
7285
|
-
ee(Lt, { class: "itemsFontSize ellipsis text-
|
|
7285
|
+
ee(Lt, { class: "itemsFontSize ellipsis text-color-lightGray" }, {
|
|
7286
7286
|
default: ie(() => [
|
|
7287
7287
|
Sr(On(u.label), 1)
|
|
7288
7288
|
]),
|
|
@@ -7295,7 +7295,7 @@ function og(e, t, n, o, r, l) {
|
|
|
7295
7295
|
default: ie(() => [
|
|
7296
7296
|
l.getColumnValue(u) ? (se(), he(Lt, {
|
|
7297
7297
|
key: 0,
|
|
7298
|
-
class: Yn(["itemsFontSize text-
|
|
7298
|
+
class: Yn(["itemsFontSize text-color-almostBlack", n.getCellClass(r.tablePropsData.row, u)])
|
|
7299
7299
|
}, {
|
|
7300
7300
|
default: ie(() => [
|
|
7301
7301
|
u.editable ? (se(), he(Ge, {
|
|
@@ -7801,16 +7801,16 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
|
|
|
7801
7801
|
showSkeleton: {
|
|
7802
7802
|
type: Boolean
|
|
7803
7803
|
},
|
|
7804
|
-
filterComputedOptions: {
|
|
7805
|
-
type: Object,
|
|
7806
|
-
default: {}
|
|
7807
|
-
},
|
|
7808
7804
|
getCellClass: {
|
|
7809
7805
|
type: Function,
|
|
7810
7806
|
default: function() {
|
|
7811
7807
|
}
|
|
7812
7808
|
},
|
|
7813
|
-
// Needs to be used
|
|
7809
|
+
// Needs to be used with additionalFilterConditions and additionalSortConditions
|
|
7810
|
+
filterComputedOptions: {
|
|
7811
|
+
type: Object,
|
|
7812
|
+
default: {}
|
|
7813
|
+
},
|
|
7814
7814
|
additionalFilterConditions: {
|
|
7815
7815
|
type: Function,
|
|
7816
7816
|
default: function() {
|
|
@@ -7821,7 +7821,6 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
|
|
|
7821
7821
|
default: function() {
|
|
7822
7822
|
}
|
|
7823
7823
|
}
|
|
7824
|
-
//
|
|
7825
7824
|
},
|
|
7826
7825
|
emits: [
|
|
7827
7826
|
"onSelectVisibleColumns",
|
|
@@ -7937,7 +7936,7 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
|
|
|
7937
7936
|
},
|
|
7938
7937
|
customSortMethod(e, t, n) {
|
|
7939
7938
|
let o = [];
|
|
7940
|
-
return this.store.filterValue !== "" ? o = [...this.filteredRows] : o = [...this.rows], this.additionalSortConditions && this.additionalSortConditions.toString().replace(/\s+/g, "") !== "function(){}" ? o = this.additionalSortConditions(this.
|
|
7939
|
+
return this.store.filterValue !== "" ? o = [...this.filteredRows] : o = [...this.rows], this.additionalSortConditions && this.additionalSortConditions.toString().replace(/\s+/g, "") !== "function(){}" ? o = this.additionalSortConditions(this.filteredRows, e) : console.log("else sort"), this.getSortedData(t, o, n), o.slice(0, this.pageLength);
|
|
7941
7940
|
},
|
|
7942
7941
|
getSortedData(e, t, n) {
|
|
7943
7942
|
e && t.sort((o, r) => {
|
|
@@ -7974,7 +7973,7 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
|
|
|
7974
7973
|
this.containsSearchTermInRow(this.rows[r], o) && n.push(this.rows[r]);
|
|
7975
7974
|
} else
|
|
7976
7975
|
n = e;
|
|
7977
|
-
return this.additionalFilterConditions && this.additionalFilterConditions.toString().replace(/\s+/g, "") !== "function(){}" && (n = this.additionalFilterConditions(this.
|
|
7976
|
+
return this.additionalFilterConditions && this.additionalFilterConditions.toString().replace(/\s+/g, "") !== "function(){}" && (n = this.additionalFilterConditions(this.rows, n)), this.filteredRows = n, n.slice(0, this.pageLength);
|
|
7978
7977
|
}
|
|
7979
7978
|
}
|
|
7980
7979
|
});
|
|
@@ -13171,7 +13170,7 @@ const Yp = {
|
|
|
13171
13170
|
}
|
|
13172
13171
|
}, $y = {
|
|
13173
13172
|
setTableHeight() {
|
|
13174
|
-
const e = document.getElementsByClassName("q-
|
|
13173
|
+
const e = document.getElementsByClassName("q-page-sticky")[0];
|
|
13175
13174
|
let t = "";
|
|
13176
13175
|
if (e) {
|
|
13177
13176
|
const l = window.getComputedStyle(e).height;
|
|
@@ -13185,6 +13184,16 @@ const Yp = {
|
|
|
13185
13184
|
}
|
|
13186
13185
|
const r = Number(t) + Number(o);
|
|
13187
13186
|
return `height:${window.innerHeight - r}px`;
|
|
13187
|
+
},
|
|
13188
|
+
setModalTableHeight(e) {
|
|
13189
|
+
const t = document.getElementById(e);
|
|
13190
|
+
let n = "";
|
|
13191
|
+
if (t) {
|
|
13192
|
+
const r = window.getComputedStyle(t).height;
|
|
13193
|
+
r !== "auto" && (n = r.replace("px", ""));
|
|
13194
|
+
}
|
|
13195
|
+
const o = Number(n);
|
|
13196
|
+
return `height:${window.innerHeight - o}px`;
|
|
13188
13197
|
}
|
|
13189
13198
|
}, Uy = {
|
|
13190
13199
|
sortMethod(e, t, n, o = []) {
|