quasar-factory-lib 0.0.45 → 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.
@@ -15,10 +15,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
15
15
  type: FunctionConstructor;
16
16
  default: () => void;
17
17
  };
18
- filterComputed: {
19
- type: ObjectConstructor;
20
- default: () => void;
21
- };
22
18
  sortMethod: {
23
19
  type: FunctionConstructor;
24
20
  default: () => void;
@@ -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;
@@ -115,10 +114,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
115
114
  type: FunctionConstructor;
116
115
  default: () => void;
117
116
  };
118
- filterComputed: {
119
- type: ObjectConstructor;
120
- default: () => void;
121
- };
122
117
  sortMethod: {
123
118
  type: FunctionConstructor;
124
119
  default: () => void;
@@ -177,7 +172,6 @@ declare const _default: import("vue").DefineComponent<import("vue").ExtractPropT
177
172
  selectionType: "none" | "multiple" | "single";
178
173
  popupEditNumberOptions: unknown[];
179
174
  filterMethod: Function;
180
- filterComputed: Record<string, any>;
181
175
  sortMethod: Function;
182
176
  rowKey: string;
183
177
  tableStyle: string;
@@ -7,7 +7,6 @@ declare const infiniteScroll: {
7
7
  }): void;
8
8
  paginationNewTable(self: {
9
9
  pageLength: number;
10
- rowsPaginationCount: number;
11
10
  }, rows: object[]): object[];
12
11
  handleInfiniteScrollModal(self: {
13
12
  $nextTick: (arg0: () => void) => void;
@@ -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;
@@ -359,10 +357,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
359
357
  type: FunctionConstructor;
360
358
  default: () => void;
361
359
  };
362
- filterComputed: {
363
- type: ObjectConstructor;
364
- default: () => void;
365
- };
366
360
  sortMethod: {
367
361
  type: FunctionConstructor;
368
362
  default: () => void;
@@ -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;
@@ -459,10 +456,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
459
456
  type: FunctionConstructor;
460
457
  default: () => void;
461
458
  };
462
- filterComputed: {
463
- type: ObjectConstructor;
464
- default: () => void;
465
- };
466
459
  sortMethod: {
467
460
  type: FunctionConstructor;
468
461
  default: () => void;
@@ -521,7 +514,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
521
514
  selectionType: "none" | "multiple" | "single";
522
515
  popupEditNumberOptions: unknown[];
523
516
  filterMethod: Function;
524
- filterComputed: Record<string, any>;
525
517
  sortMethod: Function;
526
518
  rowKey: string;
527
519
  tableStyle: string;
@@ -318,10 +318,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
318
318
  type: FunctionConstructor;
319
319
  default: () => void;
320
320
  };
321
- filterComputed: {
322
- type: ObjectConstructor;
323
- default: () => void;
324
- };
325
321
  sortMethod: {
326
322
  type: FunctionConstructor;
327
323
  default: () => void;
@@ -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;
@@ -418,10 +417,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
418
417
  type: FunctionConstructor;
419
418
  default: () => void;
420
419
  };
421
- filterComputed: {
422
- type: ObjectConstructor;
423
- default: () => void;
424
- };
425
420
  sortMethod: {
426
421
  type: FunctionConstructor;
427
422
  default: () => void;
@@ -480,7 +475,6 @@ declare const _default: import("vue").DefineComponent<{}, {}, {
480
475
  selectionType: "none" | "multiple" | "single";
481
476
  popupEditNumberOptions: unknown[];
482
477
  filterMethod: Function;
483
- filterComputed: Record<string, any>;
484
478
  sortMethod: Function;
485
479
  rowKey: string;
486
480
  tableStyle: string;
@@ -7750,11 +7750,6 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
7750
7750
  default: function() {
7751
7751
  }
7752
7752
  },
7753
- filterComputed: {
7754
- type: Object,
7755
- default: function() {
7756
- }
7757
- },
7758
7753
  sortMethod: {
7759
7754
  type: Function,
7760
7755
  default: function() {
@@ -7823,8 +7818,9 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
7823
7818
  showColumnsSelector: !1,
7824
7819
  showSearch: !1,
7825
7820
  loading: !1,
7826
- storeData: this.store,
7827
- forceRender: !1
7821
+ forceRender: !1,
7822
+ totalPage: 0,
7823
+ pageSize: 20
7828
7824
  };
7829
7825
  },
7830
7826
  computed: {
@@ -7842,6 +7838,15 @@ const Og = /* @__PURE__ */ ht(kg, [["render", Tg]]), Ag = fn({
7842
7838
  },
7843
7839
  getGridSkeletonVisibility() {
7844
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;
7845
7850
  }
7846
7851
  },
7847
7852
  watch: {
@@ -13047,30 +13052,30 @@ const Yp = {
13047
13052
  e.$nextTick(() => {
13048
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) => {
13049
13054
  const { scrollHeight: i, scrollTop: s, clientHeight: d } = a.target;
13050
- 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++);
13051
13056
  };
13052
13057
  window.removeEventListener("scroll", l), r.removeEventListener("scroll", l), r.addEventListener("scroll", l);
13053
13058
  });
13054
13059
  },
13055
13060
  paginationNewTable(e, t) {
13056
- return t.slice(0, e.pageLength);
13061
+ return t.slice(0, e.$refs.table.pageLength);
13057
13062
  },
13058
13063
  handleInfiniteScrollModal(e, t) {
13059
- e.$nextTick(() => {
13064
+ console.log("handleInfiniteScrollModal"), e.$nextTick(() => {
13060
13065
  const n = document.getElementById(t), o = e.smallDevice ? "q-table__grid-content" : "q-table__middle scroll", l = n.getElementsByClassName(o)[0], a = (i) => {
13061
13066
  const s = i.target;
13062
13067
  if (e.smallDevice)
13063
- l.scrollTop + l.clientHeight >= l.scrollHeight && (console.log("[Grid] You are at the bottom!"), e.totalPageModal++);
13068
+ l.scrollTop + l.clientHeight >= l.scrollHeight && (console.log("[Grid] You are at the bottom!"), e.$refs.table.totalPage++);
13064
13069
  else {
13065
13070
  const { scrollHeight: d, scrollTop: c, clientHeight: u } = s;
13066
- Math.abs(d - u - c) < 1 && (console.log("[Table] You are at the bottom!"), e.totalPageModal++);
13071
+ Math.abs(d - u - c) < 1 && (console.log("[Table] You are at the bottom!"), e.$refs.table.totalPage++);
13067
13072
  }
13068
13073
  };
13069
13074
  window.removeEventListener("scroll", a), l.removeEventListener("scroll", a), l.addEventListener("scroll", a);
13070
13075
  });
13071
13076
  },
13072
13077
  paginationModal(e, t) {
13073
- return t.slice(0, e.pageLengthModal);
13078
+ return t.slice(0, e.$refs.table.totalPage++);
13074
13079
  }
13075
13080
  }, qy = {
13076
13081
  filter(e, t, n) {