quasar-factory-lib 0.1.0 → 0.1.2
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/layouts/PdaLayoutVueCompositionApi.vue.d.ts +1681 -0
- package/dist/quasar-factory-lib.js +18 -12
- package/dist/quasar-factory-lib.umd.cjs +2 -2
- package/package.json +1 -1
- package/src/components/Table/Table.vue +4 -3
- package/src/components/Table/utils/infiniteScroll.ts +1 -0
- package/src/layouts/PdaLayout.vue +4 -2
- package/src/layouts/PdaLayoutVueCompositionApi.vue +639 -0
- package/src/router/routes.ts +1 -1
- package/dist/layouts/PdaLayout.vue.d.ts +0 -1945
|
@@ -13000,15 +13000,17 @@ const q0 = xn({
|
|
|
13000
13000
|
},
|
|
13001
13001
|
smallDevice(e) {
|
|
13002
13002
|
e ? this.dragAndDropDelay = 200 : this.dragAndDropDelay = 0;
|
|
13003
|
+
}
|
|
13004
|
+
/* showSkeleton (val: boolean): void {
|
|
13005
|
+
if (!val) {
|
|
13006
|
+
this.handleInfiniteScrollTableCompositionAPi()
|
|
13007
|
+
}
|
|
13003
13008
|
},
|
|
13004
|
-
|
|
13005
|
-
e || this.handleInfiniteScrollTableCompositionAPi();
|
|
13006
|
-
},
|
|
13007
|
-
"$q.screen.width"() {
|
|
13009
|
+
'$q.screen.width' (): void {
|
|
13008
13010
|
setTimeout(() => {
|
|
13009
|
-
this.handleInfiniteScrollTableCompositionAPi()
|
|
13010
|
-
}, 500)
|
|
13011
|
-
}
|
|
13011
|
+
this.handleInfiniteScrollTableCompositionAPi()
|
|
13012
|
+
}, 500)
|
|
13013
|
+
} */
|
|
13012
13014
|
},
|
|
13013
13015
|
mounted() {
|
|
13014
13016
|
this.getAdvancedFilterColumns();
|
|
@@ -13134,12 +13136,13 @@ const q0 = xn({
|
|
|
13134
13136
|
this.advancedFiltersData = this.columns.reduce((e, t) => (e[t.name] = "", e), {});
|
|
13135
13137
|
},
|
|
13136
13138
|
handleInfiniteScrollTableCompositionAPi() {
|
|
13139
|
+
const e = this.showAdvancedFilter && this.smallDevice ? document.getElementsByClassName("q-table__control")[0].offsetHeight : 0;
|
|
13137
13140
|
this.$nextTick(() => {
|
|
13138
|
-
const
|
|
13139
|
-
const { scrollHeight:
|
|
13140
|
-
Math.abs(
|
|
13141
|
+
const t = this.smallDevice ? "q-table__grid-content" : "q-table__middle scroll", n = this.smallDevice ? "Grid" : "Table", o = document.getElementsByClassName(t), a = o.length > 0 ? o[0] : window, l = (r) => {
|
|
13142
|
+
const { scrollHeight: i, scrollTop: s, clientHeight: c } = r.target;
|
|
13143
|
+
Math.abs(i - c - s - e) < 1 && (console.log(`[${n}] You are at the bottom!`, this.totalPage), this.totalPage++);
|
|
13141
13144
|
};
|
|
13142
|
-
window.removeEventListener("scroll",
|
|
13145
|
+
window.removeEventListener("scroll", l), a.removeEventListener("scroll", l), a.addEventListener("scroll", l);
|
|
13143
13146
|
});
|
|
13144
13147
|
}
|
|
13145
13148
|
}
|
|
@@ -18254,7 +18257,10 @@ const mS = {
|
|
|
18254
18257
|
const o = t ? "q-table__grid-content" : "q-table__middle scroll", a = t ? "Grid" : "Table", l = document.getElementsByClassName(o), r = l.length > 0 ? l[0] : window, i = (s) => {
|
|
18255
18258
|
console.log(n, "totalPage");
|
|
18256
18259
|
const { scrollHeight: c, scrollTop: u, clientHeight: f } = s.target;
|
|
18257
|
-
Math.abs(c - f - u) < 1
|
|
18260
|
+
if (Math.abs(c - f - u) < 1) {
|
|
18261
|
+
debugger;
|
|
18262
|
+
console.log(`[${a}] You are at the bottom!`, n), n++;
|
|
18263
|
+
}
|
|
18258
18264
|
};
|
|
18259
18265
|
window.removeEventListener("scroll", i), r.removeEventListener("scroll", i), r.addEventListener("scroll", i);
|
|
18260
18266
|
});
|