quasar-factory-lib 0.0.47 → 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 (17) hide show
  1. package/dist/components/Table/Table.vue.d.ts +28 -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 +29 -17
  5. package/dist/pages/TablePage.vue.d.ts +83 -45
  6. package/dist/quasar-factory-lib.js +1385 -1351
  7. package/dist/quasar-factory-lib.umd.cjs +9 -9
  8. package/dist/store/table.d.ts +0 -1
  9. package/dist/style.css +1 -1
  10. package/package.json +1 -1
  11. package/src/components/Table/Table.vue +67 -5
  12. package/src/components/Table/components/TableSlotBody.vue +5 -1
  13. package/src/components/Table/components/TableSlotGrid.vue +5 -1
  14. package/src/css/app.css +10 -1
  15. package/src/layouts/PdaLayout.vue +0 -15
  16. package/src/pages/TablePage.vue +105 -43
  17. package/src/store/table.js +1 -2
package/dist/pages/TablePage.vue.d.ts CHANGED
@@ -1,18 +1,14 @@
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>;
7
6
  lastFilterValue: import("@vueuse/shared").RemovableRef<string>;
8
7
  visiblecolumns: import("@vueuse/shared").RemovableRef<never[]>;
9
- preparedQuantity: import("@vueuse/shared").RemovableRef<boolean>;
10
8
  }, {}, {
11
9
  setFilterValue(val: any): void;
12
10
  cleanTableFilter(): void;
13
11
  }>;
14
- totalPage: number;
15
- pageSize: number;
16
12
  tableStyle: string;
17
13
  columns: ({
18
14
  name: string;
@@ -20,9 +16,9 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
20
16
  label: string;
21
17
  align: string;
22
18
  sortable: boolean;
19
+ field: string;
23
20
  showBasicCheckbox?: undefined;
24
21
  showCustomizedIcon?: undefined;
25
- field?: undefined;
26
22
  editable?: undefined;
27
23
  showEditIcon?: undefined;
28
24
  popupEditEmit?: undefined;
@@ -34,6 +30,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
34
30
  btnEmit?: undefined;
35
31
  dataCy?: undefined;
36
32
  btnColor?: undefined;
33
+ format?: undefined;
37
34
  showCustomizedCheckBox?: undefined;
38
35
  checkedIcon?: undefined;
39
36
  uncheckedIcon?: undefined;
@@ -48,8 +45,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
48
45
  align: string;
49
46
  sortable: boolean;
50
47
  showBasicCheckbox: boolean;
48
+ field: string;
51
49
  showCustomizedIcon?: undefined;
52
- field?: undefined;
53
50
  editable?: undefined;
54
51
  showEditIcon?: undefined;
55
52
  popupEditEmit?: undefined;
@@ -61,6 +58,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
61
58
  btnEmit?: undefined;
62
59
  dataCy?: undefined;
63
60
  btnColor?: undefined;
61
+ format?: undefined;
64
62
  showCustomizedCheckBox?: undefined;
65
63
  checkedIcon?: undefined;
66
64
  uncheckedIcon?: undefined;
@@ -75,8 +73,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
75
73
  align: string;
76
74
  sortable: boolean;
77
75
  showCustomizedIcon: boolean;
78
- showBasicCheckbox?: undefined;
79
76
  field?: undefined;
77
+ showBasicCheckbox?: undefined;
80
78
  editable?: undefined;
81
79
  showEditIcon?: undefined;
82
80
  popupEditEmit?: undefined;
@@ -88,6 +86,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
88
86
  btnEmit?: undefined;
89
87
  dataCy?: undefined;
90
88
  btnColor?: undefined;
89
+ format?: undefined;
91
90
  showCustomizedCheckBox?: undefined;
92
91
  checkedIcon?: undefined;
93
92
  uncheckedIcon?: undefined;
@@ -97,10 +96,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
97
96
  showInputPopupEdit?: undefined;
98
97
  } | {
99
98
  name: string;
100
- align: string;
101
99
  label: string;
102
100
  field: string;
103
101
  sortable: boolean;
102
+ align: string;
104
103
  editable: boolean;
105
104
  showEditIcon: boolean;
106
105
  popupEditEmit: string;
@@ -115,6 +114,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
115
114
  btnEmit?: undefined;
116
115
  dataCy?: undefined;
117
116
  btnColor?: undefined;
117
+ format?: undefined;
118
118
  showCustomizedCheckBox?: undefined;
119
119
  checkedIcon?: undefined;
120
120
  uncheckedIcon?: undefined;
@@ -127,13 +127,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
127
127
  label: string;
128
128
  field: string;
129
129
  sortable: boolean;
130
+ align: string;
130
131
  showCustomizedButton: boolean;
131
132
  btnIcon: string;
132
133
  btnEmit: string;
133
134
  dataCy: string;
134
135
  btnColor: string;
135
136
  required?: undefined;
136
- align?: undefined;
137
137
  showBasicCheckbox?: undefined;
138
138
  showCustomizedIcon?: undefined;
139
139
  editable?: undefined;
@@ -142,6 +142,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
142
142
  popupEditInputtype?: undefined;
143
143
  popupEditDataCy?: undefined;
144
144
  popupEditMask?: undefined;
145
+ format?: undefined;
145
146
  showCustomizedCheckBox?: undefined;
146
147
  checkedIcon?: undefined;
147
148
  uncheckedIcon?: undefined;
@@ -153,9 +154,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
153
154
  name: string;
154
155
  label: string;
155
156
  field: string;
157
+ align: string;
158
+ sortable: boolean;
159
+ format: (val: number) => string;
156
160
  required?: undefined;
157
- align?: undefined;
158
- sortable?: undefined;
159
161
  showBasicCheckbox?: undefined;
160
162
  showCustomizedIcon?: undefined;
161
163
  editable?: undefined;
@@ -182,13 +184,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
182
184
  field: string;
183
185
  sortable: boolean;
184
186
  required: boolean;
187
+ align: string;
185
188
  showCustomizedCheckBox: boolean;
186
189
  checkedIcon: string;
187
190
  uncheckedIcon: string;
188
191
  checkBoxColorCaseTrue: string;
189
192
  checkBoxColorCaseFalse: string;
190
193
  checkBoxDataCy: string;
191
- align?: undefined;
192
194
  showBasicCheckbox?: undefined;
193
195
  showCustomizedIcon?: undefined;
194
196
  editable?: undefined;
@@ -202,11 +204,13 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
202
204
  btnEmit?: undefined;
203
205
  dataCy?: undefined;
204
206
  btnColor?: undefined;
207
+ format?: undefined;
205
208
  showInputPopupEdit?: undefined;
206
209
  } | {
207
210
  name: string;
208
211
  label: string;
209
212
  field: string;
213
+ align: string;
210
214
  sortable: boolean;
211
215
  required: boolean;
212
216
  editable: boolean;
@@ -215,7 +219,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
215
219
  popupEditInputtype: string;
216
220
  popupEditDataCy: string;
217
221
  showInputPopupEdit: boolean;
218
- align?: undefined;
219
222
  showBasicCheckbox?: undefined;
220
223
  showCustomizedIcon?: undefined;
221
224
  popupEditMask?: undefined;
@@ -224,19 +227,48 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
224
227
  btnEmit?: undefined;
225
228
  dataCy?: undefined;
226
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;
227
258
  showCustomizedCheckBox?: undefined;
228
259
  checkedIcon?: undefined;
229
260
  uncheckedIcon?: undefined;
230
261
  checkBoxColorCaseTrue?: undefined;
231
262
  checkBoxColorCaseFalse?: undefined;
232
263
  checkBoxDataCy?: undefined;
264
+ showInputPopupEdit?: undefined;
233
265
  } | {
234
266
  name: string;
235
267
  label: string;
236
268
  field: string;
269
+ align: string;
237
270
  sortable: boolean;
238
271
  required?: undefined;
239
- align?: undefined;
240
272
  showBasicCheckbox?: undefined;
241
273
  showCustomizedIcon?: undefined;
242
274
  editable?: undefined;
@@ -250,6 +282,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
250
282
  btnEmit?: undefined;
251
283
  dataCy?: undefined;
252
284
  btnColor?: undefined;
285
+ format?: undefined;
253
286
  showCustomizedCheckBox?: undefined;
254
287
  checkedIcon?: undefined;
255
288
  uncheckedIcon?: undefined;
@@ -259,21 +292,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
259
292
  showInputPopupEdit?: undefined;
260
293
  })[];
261
294
  rows: never[];
262
- rowsData: ({
263
- tdStyle: string;
264
- name: string;
265
- booleanIcon: boolean;
266
- available: boolean;
267
- calories: number;
268
- fat: number;
269
- carbs: number;
270
- checked: boolean;
271
- protein: number;
272
- sodium: number;
273
- calcium: string;
274
- iron: string;
275
- } | {
276
- name: string;
295
+ rowsData: {
296
+ date: string;
297
+ time: string;
298
+ dessert: string;
277
299
  booleanIcon: boolean;
278
300
  available: boolean;
279
301
  calories: number;
@@ -284,15 +306,12 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
284
306
  sodium: number;
285
307
  calcium: string;
286
308
  iron: string;
287
- tdStyle?: undefined;
288
- })[];
309
+ }[];
289
310
  visibleColumns: never[];
290
311
  sortDateValues: string[];
291
312
  filteredRows: never[];
292
- }, {
293
- pageLength(): number;
294
- filter(): object;
295
- }, {
313
+ }, {}, {
314
+ getRows(): void;
296
315
  saveSelectedColumns(columns: string[]): void;
297
316
  filterMethod(rows: string | [], terms: {
298
317
  search: string;
@@ -300,7 +319,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
300
319
  onUpdateBasicCheckboxValue(rows: object[]): void;
301
320
  onUpdateCustomizedCheckboxValue(rows: object[]): void;
302
321
  setItemNotFound(rows: object[]): void;
303
- sortMethod(rows: object[], sortBy: string, descending: boolean): object[] | [];
322
+ getCellClass(row: any, col: any): "" | "text-color-negative-bold";
304
323
  }, import("vue").ComponentOptionsMixin, import("vue").ComponentOptionsMixin, {}, string, import("vue").PublicProps, Readonly<{}> & Readonly<{}>, {}, {}, {
305
324
  Table: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
306
325
  columns: {
@@ -319,10 +338,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
319
338
  type: FunctionConstructor;
320
339
  default: () => void;
321
340
  };
322
- sortMethod: {
323
- type: FunctionConstructor;
324
- default: () => void;
325
- };
326
341
  selectionType: {
327
342
  type: () => "none" | "single" | "multiple";
328
343
  default: string;
@@ -366,6 +381,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
366
381
  type: ObjectConstructor;
367
382
  default: {};
368
383
  };
384
+ getCellClass: {
385
+ type: FunctionConstructor;
386
+ default: () => void;
387
+ };
369
388
  }>, {}, {
370
389
  selected: never[];
371
390
  filter: string;
@@ -405,6 +424,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
405
424
  toogleColumnsSelectorVisibility(): void;
406
425
  filterInputFocus(): void;
407
426
  toogleLoading(): void;
427
+ customSortMethod(rows: any, sortBy: string, descending: boolean): any[];
408
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<{
409
429
  columns: {
410
430
  type: () => object[];
@@ -422,10 +442,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
422
442
  type: FunctionConstructor;
423
443
  default: () => void;
424
444
  };
425
- sortMethod: {
426
- type: FunctionConstructor;
427
- default: () => void;
428
- };
429
445
  selectionType: {
430
446
  type: () => "none" | "single" | "multiple";
431
447
  default: string;
@@ -469,6 +485,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
469
485
  type: ObjectConstructor;
470
486
  default: {};
471
487
  };
488
+ getCellClass: {
489
+ type: FunctionConstructor;
490
+ default: () => void;
491
+ };
472
492
  }>> & Readonly<{
473
493
  onOnSelectVisibleColumns?: ((...args: any[]) => any) | undefined;
474
494
  onOnClickButton?: ((...args: any[]) => any) | undefined;
@@ -483,8 +503,8 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
483
503
  }>, {
484
504
  selectionType: "none" | "multiple" | "single";
485
505
  popupEditNumberOptions: unknown[];
506
+ getCellClass: Function;
486
507
  filterMethod: Function;
487
- sortMethod: Function;
488
508
  rowKey: string;
489
509
  tableStyle: string;
490
510
  tableId: string;
@@ -562,6 +582,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
562
582
  type: StringConstructor;
563
583
  default: string;
564
584
  };
585
+ getCellClass: {
586
+ type: FunctionConstructor;
587
+ default: () => void;
588
+ };
565
589
  }>, {}, {
566
590
  tablePropsData: Record<string, any>;
567
591
  }, {}, {
@@ -580,6 +604,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
580
604
  type: StringConstructor;
581
605
  default: string;
582
606
  };
607
+ getCellClass: {
608
+ type: FunctionConstructor;
609
+ default: () => void;
610
+ };
583
611
  }>> & Readonly<{
584
612
  onOnClickButton?: ((...args: any[]) => any) | undefined;
585
613
  onOnSaveValuePopupEdit?: ((...args: any[]) => any) | undefined;
@@ -587,6 +615,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
587
615
  onOnUpdateCustomizedCheckboxValue?: ((...args: any[]) => any) | undefined;
588
616
  }>, {
589
617
  selectionType: string;
618
+ getCellClass: Function;
590
619
  }, {}, {
591
620
  TablePopupEdit: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
592
621
  model: {
@@ -847,6 +876,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
847
876
  popupEditNumberOptions: {
848
877
  type: ArrayConstructor;
849
878
  };
879
+ getCellClass: {
880
+ type: FunctionConstructor;
881
+ default: () => void;
882
+ };
850
883
  }>, {}, {
851
884
  tablePropsData: Record<string, any>;
852
885
  selected: boolean;
@@ -869,6 +902,10 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
869
902
  popupEditNumberOptions: {
870
903
  type: ArrayConstructor;
871
904
  };
905
+ getCellClass: {
906
+ type: FunctionConstructor;
907
+ default: () => void;
908
+ };
872
909
  }>> & Readonly<{
873
910
  onOnClickButton?: ((...args: any[]) => any) | undefined;
874
911
  onOnSaveValuePopupEdit?: ((...args: any[]) => any) | undefined;
@@ -876,6 +913,7 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
876
913
  onOnUpdateCustomizedCheckboxValue?: ((...args: any[]) => any) | undefined;
877
914
  }>, {
878
915
  selectionType: string;
916
+ getCellClass: Function;
879
917
  }, {}, {
880
918
  TablePopupEdit: import("vue").DefineComponent<import("vue").ExtractPropTypes<{
881
919
  model: {