quasar-factory-lib 0.0.46 → 0.0.48

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.
Files changed (15) hide show
  1. package/dist/components/Table/Table.vue.d.ts +37 -9
  2. package/dist/components/Table/components/TableSlotBody.vue.d.ts +9 -0
  3. package/dist/components/Table/components/TableSlotGrid.vue.d.ts +9 -0
  4. package/dist/layouts/PdaLayout.vue.d.ts +38 -16
  5. package/dist/pages/TablePage.vue.d.ts +92 -44
  6. package/dist/quasar-factory-lib.js +1391 -1352
  7. package/dist/quasar-factory-lib.umd.cjs +9 -9
  8. package/dist/style.css +1 -1
  9. package/package.json +1 -1
  10. package/src/components/Table/Table.vue +73 -6
  11. package/src/components/Table/components/TableSlotBody.vue +5 -1
  12. package/src/components/Table/components/TableSlotGrid.vue +5 -1
  13. package/src/css/app.css +10 -1
  14. package/src/layouts/PdaLayout.vue +0 -15
  15. package/src/pages/TablePage.vue +105 -43
package/dist/pages/TablePage.vue.d.ts CHANGED
@@ -1,6 +1,5 @@
1
1
  declare const _default: import("vue").DefineComponent<{}, {}, {
2
2
  showDialog: boolean;
3
- forceRender: boolean;
4
3
  store: import("pinia").Store<"tableStore", {
5
4
  disableScannerButtons: import("@vueuse/shared").RemovableRef<boolean>;
6
5
  filterValue: import("@vueuse/shared").RemovableRef<string>;
@@ -10,8 +9,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
10
9
  setFilterValue(val: any): void;
11
10
  cleanTableFilter(): void;
12
11
  }>;
13
- totalPage: number;
14
- pageSize: number;
15
12
  tableStyle: string;
16
13
  columns: ({
17
14
  name: string;
@@ -19,9 +16,9 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
19
16
  label: string;
20
17
  align: string;
21
18
  sortable: boolean;
19
+ field: string;
22
20
  showBasicCheckbox?: undefined;
23
21
  showCustomizedIcon?: undefined;
24
- field?: undefined;
25
22
  editable?: undefined;
26
23
  showEditIcon?: undefined;
27
24
  popupEditEmit?: undefined;
@@ -33,6 +30,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
33
30
  btnEmit?: undefined;
34
31
  dataCy?: undefined;
35
32
  btnColor?: undefined;
33
+ format?: undefined;
36
34
  showCustomizedCheckBox?: undefined;
37
35
  checkedIcon?: undefined;
38
36
  uncheckedIcon?: undefined;
@@ -47,8 +45,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
47
45
  align: string;
48
46
  sortable: boolean;
49
47
  showBasicCheckbox: boolean;
48
+ field: string;
50
49
  showCustomizedIcon?: undefined;
51
- field?: undefined;
52
50
  editable?: undefined;
53
51
  showEditIcon?: undefined;
54
52
  popupEditEmit?: undefined;
@@ -60,6 +58,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
60
58
  btnEmit?: undefined;
61
59
  dataCy?: undefined;
62
60
  btnColor?: undefined;
61
+ format?: undefined;
63
62
  showCustomizedCheckBox?: undefined;
64
63
  checkedIcon?: undefined;
65
64
  uncheckedIcon?: undefined;
@@ -74,8 +73,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
74
73
  align: string;
75
74
  sortable: boolean;
76
75
  showCustomizedIcon: boolean;
77
- showBasicCheckbox?: undefined;
78
76
  field?: undefined;
77
+ showBasicCheckbox?: undefined;
79
78
  editable?: undefined;
80
79
  showEditIcon?: undefined;
81
80
  popupEditEmit?: undefined;
@@ -87,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
87
86
  btnEmit?: undefined;
88
87
  dataCy?: undefined;
89
88
  btnColor?: undefined;
89
+ format?: undefined;
90
90
  showCustomizedCheckBox?: undefined;
91
91
  checkedIcon?: undefined;
92
92
  uncheckedIcon?: undefined;
@@ -96,10 +96,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
96
96
  showInputPopupEdit?: undefined;
97
97
  } | {
98
98
  name: string;
99
- align: string;
100
99
  label: string;
101
100
  field: string;
102
101
  sortable: boolean;
102
+ align: string;
103
103
  editable: boolean;
104
104
  showEditIcon: boolean;
105
105
  popupEditEmit: string;
@@ -114,6 +114,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
114
114
  btnEmit?: undefined;
115
115
  dataCy?: undefined;
116
116
  btnColor?: undefined;
117
+ format?: undefined;
117
118
  showCustomizedCheckBox?: undefined;
118
119
  checkedIcon?: undefined;
119
120
  uncheckedIcon?: undefined;
@@ -126,13 +127,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
126
127
  label: string;
127
128
  field: string;
128
129
  sortable: boolean;
130
+ align: string;
129
131
  showCustomizedButton: boolean;
130
132
  btnIcon: string;
131
133
  btnEmit: string;
132
134
  dataCy: string;
133
135
  btnColor: string;
134
136
  required?: undefined;
135
- align?: undefined;
136
137
  showBasicCheckbox?: undefined;
137
138
  showCustomizedIcon?: undefined;
138
139
  editable?: undefined;
@@ -141,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
141
142
  popupEditInputtype?: undefined;
142
143
  popupEditDataCy?: undefined;
143
144
  popupEditMask?: undefined;
145
+ format?: undefined;
144
146
  showCustomizedCheckBox?: undefined;
145
147
  checkedIcon?: undefined;
146
148
  uncheckedIcon?: undefined;
@@ -152,9 +154,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
152
154
  name: string;
153
155
  label: string;
154
156
  field: string;
157
+ align: string;
158
+ sortable: boolean;
159
+ format: (val: number) => string;
155
160
  required?: undefined;
156
- align?: undefined;
157
- sortable?: undefined;
158
161
  showBasicCheckbox?: undefined;
159
162
  showCustomizedIcon?: undefined;
160
163
  editable?: undefined;
@@ -181,13 +184,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
181
184
  field: string;
182
185
  sortable: boolean;
183
186
  required: boolean;
187
+ align: string;
184
188
  showCustomizedCheckBox: boolean;
185
189
  checkedIcon: string;
186
190
  uncheckedIcon: string;
187
191
  checkBoxColorCaseTrue: string;
188
192
  checkBoxColorCaseFalse: string;
189
193
  checkBoxDataCy: string;
190
- align?: undefined;
191
194
  showBasicCheckbox?: undefined;
192
195
  showCustomizedIcon?: undefined;
193
196
  editable?: undefined;
@@ -201,11 +204,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
201
204
  btnEmit?: undefined;
202
205
  dataCy?: undefined;
203
206
  btnColor?: undefined;
207
+ format?: undefined;
204
208
  showInputPopupEdit?: undefined;
205
209
  } | {
206
210
  name: string;
207
211
  label: string;
208
212
  field: string;
213
+ align: string;
209
214
  sortable: boolean;
210
215
  required: boolean;
211
216
  editable: boolean;
@@ -214,7 +219,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
214
219
  popupEditInputtype: string;
215
220
  popupEditDataCy: string;
216
221
  showInputPopupEdit: boolean;
217
- align?: undefined;
218
222
  showBasicCheckbox?: undefined;
219
223
  showCustomizedIcon?: undefined;
220
224
  popupEditMask?: undefined;
@@ -223,19 +227,48 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
223
227
  btnEmit?: undefined;
224
228
  dataCy?: undefined;
225
229
  btnColor?: undefined;
230
+ format?: undefined;
231
+ showCustomizedCheckBox?: undefined;
232
+ checkedIcon?: undefined;
233
+ uncheckedIcon?: undefined;
234
+ checkBoxColorCaseTrue?: undefined;
235
+ checkBoxColorCaseFalse?: undefined;
236
+ checkBoxDataCy?: undefined;
237
+ } | {
238
+ name: string;
239
+ label: string;
240
+ align: string;
241
+ field: string;
242
+ required?: undefined;
243
+ sortable?: undefined;
244
+ showBasicCheckbox?: undefined;
245
+ showCustomizedIcon?: undefined;
246
+ editable?: undefined;
247
+ showEditIcon?: undefined;
248
+ popupEditEmit?: undefined;
249
+ popupEditInputtype?: undefined;
250
+ popupEditDataCy?: undefined;
251
+ popupEditMask?: undefined;
252
+ showCustomizedButton?: undefined;
253
+ btnIcon?: undefined;
254
+ btnEmit?: undefined;
255
+ dataCy?: undefined;
256
+ btnColor?: undefined;
257
+ format?: undefined;
226
258
  showCustomizedCheckBox?: undefined;
227
259
  checkedIcon?: undefined;
228
260
  uncheckedIcon?: undefined;
229
261
  checkBoxColorCaseTrue?: undefined;
230
262
  checkBoxColorCaseFalse?: undefined;
231
263
  checkBoxDataCy?: undefined;
264
+ showInputPopupEdit?: undefined;
232
265
  } | {
233
266
  name: string;
234
267
  label: string;
235
268
  field: string;
269
+ align: string;
236
270
  sortable: boolean;
237
271
  required?: undefined;
238
- align?: undefined;
239
272
  showBasicCheckbox?: undefined;
240
273
  showCustomizedIcon?: undefined;
241
274
  editable?: undefined;
@@ -249,6 +282,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
249
282
  btnEmit?: undefined;
250
283
  dataCy?: undefined;
251
284
  btnColor?: undefined;
285
+ format?: undefined;
252
286
  showCustomizedCheckBox?: undefined;
253
287
  checkedIcon?: undefined;
254
288
  uncheckedIcon?: undefined;
@@ -258,9 +292,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
258
292
  showInputPopupEdit?: undefined;
259
293
  })[];
260
294
  rows: never[];
261
- rowsData: ({
262
- tdStyle: string;
263
- name: string;
295
+ rowsData: {
296
+ date: string;
297
+ time: string;
298
+ dessert: string;
264
299
  booleanIcon: boolean;
265
300
  available: boolean;
266
301
  calories: number;
@@ -271,27 +306,12 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
271
306
  sodium: number;
272
307
  calcium: string;
273
308
  iron: string;
274
- } | {
275
- name: string;
276
- booleanIcon: boolean;
277
- available: boolean;
278
- calories: number;
279
- fat: number;
280
- carbs: number;
281
- checked: boolean;
282
- protein: number;
283
- sodium: number;
284
- calcium: string;
285
- iron: string;
286
- tdStyle?: undefined;
287
- })[];
309
+ }[];
288
310
  visibleColumns: never[];
289
311
  sortDateValues: string[];
290
312
  filteredRows: never[];
291
- }, {
292
- pageLength(): number;
293
- filter(): object;
294
- }, {
313
+ }, {}, {
314
+ getRows(): void;
295
315
  saveSelectedColumns(columns: string[]): void;
296
316
  filterMethod(rows: string | [], terms: {
297
317
  search: string;
@@ -299,7 +319,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
299
319
  onUpdateBasicCheckboxValue(rows: object[]): void;
300
320
  onUpdateCustomizedCheckboxValue(rows: object[]): void;
301
321
  setItemNotFound(rows: object[]): void;
302
- sortMethod(rows: object[], sortBy: string, descending: boolean): object[] | [];
322
+ getCellClass(row: any, col: any): "" | "text-color-negative-bold";
303
323
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
304
324
  Table: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
305
325
  columns: {
@@ -318,10 +338,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
318
338
  type: FunctionConstructor;
319
339
  default: () => void;
320
340
  };
321
- sortMethod: {
322
- type: FunctionConstructor;
323
- default: () => void;
324
- };
325
341
  selectionType: {
326
342
  type: () => "none" | "single" | "multiple";
327
343
  default: string;
@@ -361,6 +377,14 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
361
377
  showSkeleton: {
362
378
  type: BooleanConstructor;
363
379
  };
380
+ filterComputedOptions: {
381
+ type: ObjectConstructor;
382
+ default: {};
383
+ };
384
+ getCellClass: {
385
+ type: FunctionConstructor;
386
+ default: () => void;
387
+ };
364
388
  }>, {}, {
365
389
  selected: never[];
366
390
  filter: string;
@@ -400,6 +424,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
400
424
  toogleColumnsSelectorVisibility(): void;
401
425
  filterInputFocus(): void;
402
426
  toogleLoading(): void;
427
+ customSortMethod(rows: any, sortBy: string, descending: boolean): any[];
403
428
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, ("onSelectVisibleColumns" | "onClickButton" | "onSaveValuePopupEdit" | "onUpdateBasicCheckboxValue" | "onUpdateCustomizedCheckboxValue" | "storeUpdated" | "deleteItem" | "openModalWithTable" | "setItemNotFound" | "onRowClick")[], "onSelectVisibleColumns" | "onClickButton" | "onSaveValuePopupEdit" | "onUpdateBasicCheckboxValue" | "onUpdateCustomizedCheckboxValue" | "storeUpdated" | "deleteItem" | "openModalWithTable" | "setItemNotFound" | "onRowClick", import("vue").PublicProps, Readonly<import("vue").ExtractPropTypes<{
404
429
  columns: {
405
430
  type: () => object[];
@@ -417,10 +442,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
417
442
  type: FunctionConstructor;
418
443
  default: () => void;
419
444
  };
420
- sortMethod: {
421
- type: FunctionConstructor;
422
- default: () => void;
423
- };
424
445
  selectionType: {
425
446
  type: () => "none" | "single" | "multiple";
426
447
  default: string;
@@ -460,6 +481,14 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
460
481
  showSkeleton: {
461
482
  type: BooleanConstructor;
462
483
  };
484
+ filterComputedOptions: {
485
+ type: ObjectConstructor;
486
+ default: {};
487
+ };
488
+ getCellClass: {
489
+ type: FunctionConstructor;
490
+ default: () => void;
491
+ };
463
492
  }>> & Readonly<{
464
493
  onOnSelectVisibleColumns?: ((...args: any[]) => any) | undefined;
465
494
  onOnClickButton?: ((...args: any[]) => any) | undefined;
@@ -474,14 +503,15 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
474
503
  }>, {
475
504
  selectionType: "none" | "multiple" | "single";
476
505
  popupEditNumberOptions: unknown[];
506
+ getCellClass: Function;
477
507
  filterMethod: Function;
478
- sortMethod: Function;
479
508
  rowKey: string;
480
509
  tableStyle: string;
481
510
  tableId: string;
482
511
  hideColumnsSelector: boolean;
483
512
  hideFilter: boolean;
484
513
  showSkeleton: boolean;
514
+ filterComputedOptions: Record<string, any>;
485
515
  }, {}, {
486
516
  TableSlotHeader: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
487
517
  tableProps: {
@@ -552,6 +582,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
552
582
  type: StringConstructor;
553
583
  default: string;
554
584
  };
585
+ getCellClass: {
586
+ type: FunctionConstructor;
587
+ default: () => void;
588
+ };
555
589
  }>, {}, {
556
590
  tablePropsData: Record<string, any>;
557
591
  }, {}, {
@@ -570,6 +604,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
570
604
  type: StringConstructor;
571
605
  default: string;
572
606
  };
607
+ getCellClass: {
608
+ type: FunctionConstructor;
609
+ default: () => void;
610
+ };
573
611
  }>> & Readonly<{
574
612
  onOnClickButton?: ((...args: any[]) => any) | undefined;
575
613
  onOnSaveValuePopupEdit?: ((...args: any[]) => any) | undefined;
@@ -577,6 +615,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
577
615
  onOnUpdateCustomizedCheckboxValue?: ((...args: any[]) => any) | undefined;
578
616
  }>, {
579
617
  selectionType: string;
618
+ getCellClass: Function;
580
619
  }, {}, {
581
620
  TablePopupEdit: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
582
621
  model: {
@@ -837,6 +876,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
837
876
  popupEditNumberOptions: {
838
877
  type: ArrayConstructor;
839
878
  };
879
+ getCellClass: {
880
+ type: FunctionConstructor;
881
+ default: () => void;
882
+ };
840
883
  }>, {}, {
841
884
  tablePropsData: Record<string, any>;
842
885
  selected: boolean;
@@ -859,6 +902,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
859
902
  popupEditNumberOptions: {
860
903
  type: ArrayConstructor;
861
904
  };
905
+ getCellClass: {
906
+ type: FunctionConstructor;
907
+ default: () => void;
908
+ };
862
909
  }>> & Readonly<{
863
910
  onOnClickButton?: ((...args: any[]) => any) | undefined;
864
911
  onOnSaveValuePopupEdit?: ((...args: any[]) => any) | undefined;
@@ -866,6 +913,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
866
913
  onOnUpdateCustomizedCheckboxValue?: ((...args: any[]) => any) | undefined;
867
914
  }>, {
868
915
  selectionType: string;
916
+ getCellClass: Function;
869
917
  }, {}, {
870
918
  TablePopupEdit: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
871
919
  model: {