quasar-factory-lib 0.0.47 → 0.0.49

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