@ninebone/table 0.0.412 β 0.0.413
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/nine-table.js +84 -94
- package/dist/nine-table.js.map +1 -1
- package/dist/nine-table.umd.js +5 -5
- package/dist/nine-table.umd.js.map +1 -1
- package/package.json +1 -1
package/dist/nine-table.js
CHANGED
|
@@ -21,24 +21,24 @@ const re = class re extends Se.constructor {
|
|
|
21
21
|
}
|
|
22
22
|
};
|
|
23
23
|
a(re, "Trace");
|
|
24
|
-
let
|
|
25
|
-
const
|
|
26
|
-
var _, O, p, P, V,
|
|
24
|
+
let Ft = re;
|
|
25
|
+
const T = new Ft();
|
|
26
|
+
var _, O, p, N, P, V, St, Y, Et;
|
|
27
27
|
const le = class le extends HTMLElement {
|
|
28
28
|
constructor() {
|
|
29
29
|
super();
|
|
30
30
|
c(this, _);
|
|
31
31
|
c(this, O, !1);
|
|
32
32
|
c(this, p);
|
|
33
|
+
c(this, N);
|
|
33
34
|
c(this, P);
|
|
34
35
|
c(this, V);
|
|
35
|
-
c(this, Y);
|
|
36
36
|
c(this, St, /* @__PURE__ */ a(() => {
|
|
37
37
|
if (!t(this, _)) return;
|
|
38
38
|
const e = t(this, _).querySelector(".ng-container-body");
|
|
39
|
-
e && (g(this,
|
|
39
|
+
e && (g(this, V, new ResizeObserver(() => {
|
|
40
40
|
this.refresh();
|
|
41
|
-
})), t(this,
|
|
41
|
+
})), t(this, V).observe(e));
|
|
42
42
|
}, "#observeResize"));
|
|
43
43
|
v(this, "refresh", /* @__PURE__ */ a(() => {
|
|
44
44
|
if (!t(this, _) || !t(this, p) || t(this, O)) return;
|
|
@@ -59,9 +59,9 @@ const le = class le extends HTMLElement {
|
|
|
59
59
|
let y = 0;
|
|
60
60
|
b > 0 && (y = parseInt(u / b * (h - f), 10)), y < 0 && (y = 0);
|
|
61
61
|
const m = h - f;
|
|
62
|
-
y > m && (y = m), r.style.left = `${y}px`,
|
|
62
|
+
y > m && (y = m), r.style.left = `${y}px`, T.log(y), t(this, p).left.disabled = y === 0, t(this, p).right.disabled = y >= m - 1;
|
|
63
63
|
}, "refresh"));
|
|
64
|
-
c(this,
|
|
64
|
+
c(this, Y, /* @__PURE__ */ a((e) => {
|
|
65
65
|
if (!t(this, p)) return !1;
|
|
66
66
|
const s = t(this, p).container, n = s.querySelector("table");
|
|
67
67
|
if (!n) return !1;
|
|
@@ -75,16 +75,16 @@ const le = class le extends HTMLElement {
|
|
|
75
75
|
}, "#thumbMoveTo"));
|
|
76
76
|
c(this, Et, /* @__PURE__ */ a(() => {
|
|
77
77
|
const e = /* @__PURE__ */ a((n) => {
|
|
78
|
-
clearInterval(t(this,
|
|
78
|
+
clearInterval(t(this, N)), clearInterval(t(this, P));
|
|
79
79
|
const r = parseInt(t(this, p).thumb.style.left || 0, 10);
|
|
80
|
-
t(this,
|
|
81
|
-
clearInterval(t(this,
|
|
80
|
+
t(this, Y).call(this, r + n), g(this, N, setInterval(() => {
|
|
81
|
+
clearInterval(t(this, N)), g(this, P, setInterval(() => {
|
|
82
82
|
const o = parseInt(t(this, p).thumb.style.left || 0, 10);
|
|
83
|
-
t(this,
|
|
83
|
+
t(this, Y).call(this, o + n) || clearInterval(t(this, P));
|
|
84
84
|
}, 50));
|
|
85
85
|
}, 500));
|
|
86
86
|
}, "delayScroll"), s = /* @__PURE__ */ a(() => {
|
|
87
|
-
clearInterval(t(this,
|
|
87
|
+
clearInterval(t(this, N)), clearInterval(t(this, P));
|
|
88
88
|
}, "clearTimer");
|
|
89
89
|
["mouseup", "mouseleave", "touchend"].forEach((n) => {
|
|
90
90
|
t(this, p).left.addEventListener(n, s), t(this, p).right.addEventListener(n, s), t(this, p).track.addEventListener(n, s);
|
|
@@ -96,14 +96,14 @@ const le = class le extends HTMLElement {
|
|
|
96
96
|
if (n.button !== 0) return;
|
|
97
97
|
n.preventDefault();
|
|
98
98
|
const r = t(this, p).track.getBoundingClientRect(), o = t(this, p).thumb.clientWidth;
|
|
99
|
-
t(this,
|
|
99
|
+
t(this, Y).call(this, n.clientX - r.left - o / 2);
|
|
100
100
|
}), t(this, p).thumb.addEventListener("mousedown", (n) => {
|
|
101
101
|
if (n.button !== 0) return;
|
|
102
102
|
n.stopPropagation(), n.preventDefault(), g(this, O, !0), this.shiftX = n.clientX - t(this, p).thumb.getBoundingClientRect().left;
|
|
103
103
|
const r = /* @__PURE__ */ a((l) => {
|
|
104
104
|
if (!t(this, O)) return;
|
|
105
105
|
const d = t(this, p).track.getBoundingClientRect();
|
|
106
|
-
t(this,
|
|
106
|
+
t(this, Y).call(this, l.clientX - d.left - this.shiftX);
|
|
107
107
|
}, "onMouseMove"), o = /* @__PURE__ */ a(() => {
|
|
108
108
|
g(this, O, !1), s(), document.removeEventListener("mousemove", r), document.removeEventListener("mouseup", o), this.refresh();
|
|
109
109
|
}, "onMouseUp");
|
|
@@ -195,17 +195,17 @@ const le = class le extends HTMLElement {
|
|
|
195
195
|
e();
|
|
196
196
|
}
|
|
197
197
|
disconnectedCallback() {
|
|
198
|
-
t(this,
|
|
198
|
+
t(this, V) && t(this, V).disconnect();
|
|
199
199
|
}
|
|
200
200
|
};
|
|
201
|
-
_ = new WeakMap(), O = new WeakMap(), p = new WeakMap(),
|
|
201
|
+
_ = new WeakMap(), O = new WeakMap(), p = new WeakMap(), N = new WeakMap(), P = new WeakMap(), V = new WeakMap(), St = new WeakMap(), Y = new WeakMap(), Et = new WeakMap(), a(le, "NineTableHScrollBar");
|
|
202
202
|
let Kt = le;
|
|
203
203
|
customElements.get("nine-table-hscrollbar") || customElements.define("nine-table-hscrollbar", Kt);
|
|
204
|
-
var
|
|
204
|
+
var X, Q, z, S, ht, dt, Rt;
|
|
205
205
|
const ae = class ae extends HTMLElement {
|
|
206
206
|
constructor() {
|
|
207
207
|
super();
|
|
208
|
-
c(this,
|
|
208
|
+
c(this, X);
|
|
209
209
|
c(this, Q);
|
|
210
210
|
c(this, z, !1);
|
|
211
211
|
c(this, S);
|
|
@@ -215,8 +215,8 @@ const ae = class ae extends HTMLElement {
|
|
|
215
215
|
* π― μ€ν¬λ‘€λ° μμΉ λ° μΈλΈ ν¬κΈ° κ°±μ
|
|
216
216
|
*/
|
|
217
217
|
v(this, "refresh", /* @__PURE__ */ a(() => {
|
|
218
|
-
|
|
219
|
-
const e = t(this, S).container, s = t(this, S).track, n = t(this, S).thumb, r = e.clientHeight, l = (t(this,
|
|
218
|
+
T.log("refresh", t(this, z)), T.log("refresh2");
|
|
219
|
+
const e = t(this, S).container, s = t(this, S).track, n = t(this, S).thumb, r = e.clientHeight, l = (t(this, X).data.get() || []).length, d = t(this, Q).getRowHeight(), h = l * d;
|
|
220
220
|
if (h <= r) {
|
|
221
221
|
n.style.display = "none", t(this, S).top.disabled = !0, t(this, S).bottom.disabled = !0;
|
|
222
222
|
return;
|
|
@@ -230,11 +230,11 @@ const ae = class ae extends HTMLElement {
|
|
|
230
230
|
let m = 0;
|
|
231
231
|
y > 0 && (m = b / y * (f - u));
|
|
232
232
|
const R = f - u;
|
|
233
|
-
m < 0 && (m = 0), m > R && (m = R), n.style.top = `${m}px`,
|
|
233
|
+
m < 0 && (m = 0), m > R && (m = R), n.style.top = `${m}px`, T.log("currentScrollTop", b), T.log("maxScrollTop", y), T.log("trackHeight", f), T.log("thumbHeight", u), t(this, S).top.disabled = b <= 0, t(this, S).bottom.disabled = b >= y - 1;
|
|
234
234
|
}, "refresh"));
|
|
235
235
|
c(this, Rt, /* @__PURE__ */ a(() => {
|
|
236
236
|
const e = t(this, S).container, s = /* @__PURE__ */ a(() => {
|
|
237
|
-
const r = (t(this,
|
|
237
|
+
const r = (t(this, X).data.get() || []).length, o = t(this, Q).getRowHeight();
|
|
238
238
|
return r * o;
|
|
239
239
|
}, "getContentHeight");
|
|
240
240
|
e.addEventListener("scroll", () => {
|
|
@@ -272,7 +272,7 @@ const ae = class ae extends HTMLElement {
|
|
|
272
272
|
}, "#init"));
|
|
273
273
|
}
|
|
274
274
|
connectedCallback() {
|
|
275
|
-
g(this,
|
|
275
|
+
g(this, X, this.getRootNode().host), g(this, Q, this.closest("nine-table-sheet")), this.innerHTML = `
|
|
276
276
|
<style>
|
|
277
277
|
nine-table-vscrollbar {
|
|
278
278
|
display: flex;
|
|
@@ -338,7 +338,7 @@ const ae = class ae extends HTMLElement {
|
|
|
338
338
|
<button class='ng-scroll-bottom' disabled><div class='ng-scroll-icon'></div></button>
|
|
339
339
|
`;
|
|
340
340
|
const e = /* @__PURE__ */ a(() => {
|
|
341
|
-
const s = t(this,
|
|
341
|
+
const s = t(this, X).shadowRoot.querySelector(".ng-container-body");
|
|
342
342
|
if (!s) {
|
|
343
343
|
setTimeout(e, 10);
|
|
344
344
|
return;
|
|
@@ -354,7 +354,7 @@ const ae = class ae extends HTMLElement {
|
|
|
354
354
|
e();
|
|
355
355
|
}
|
|
356
356
|
};
|
|
357
|
-
|
|
357
|
+
X = new WeakMap(), Q = new WeakMap(), z = new WeakMap(), S = new WeakMap(), ht = new WeakMap(), dt = new WeakMap(), Rt = new WeakMap(), a(ae, "NineTableVScrollBar");
|
|
358
358
|
let Zt = ae;
|
|
359
359
|
customElements.get("nine-table-vscrollbar") || customElements.define("nine-table-vscrollbar", Zt);
|
|
360
360
|
var At, tt;
|
|
@@ -428,16 +428,16 @@ At = new WeakMap(), tt = new WeakMap(), a(M, "TableCompiler"), c(M, At, /* @__PU
|
|
|
428
428
|
});
|
|
429
429
|
}, "#resetColIndex"));
|
|
430
430
|
let Gt = M;
|
|
431
|
-
var I, w, W,
|
|
431
|
+
var I, w, W, k, B, U, j, et, Tt, kt, qt, ft, ut, Lt, Ht, gt, Ct, it, bt;
|
|
432
432
|
const ce = class ce {
|
|
433
433
|
constructor(i) {
|
|
434
434
|
c(this, I);
|
|
435
435
|
c(this, w);
|
|
436
436
|
c(this, W, /* @__PURE__ */ new Map());
|
|
437
|
-
c(this,
|
|
438
|
-
c(this,
|
|
439
|
-
c(this,
|
|
440
|
-
c(this,
|
|
437
|
+
c(this, k, null);
|
|
438
|
+
c(this, B, null);
|
|
439
|
+
c(this, U, 0);
|
|
440
|
+
c(this, j, 40);
|
|
441
441
|
c(this, et, !1);
|
|
442
442
|
c(this, Tt, 3);
|
|
443
443
|
v(this, "refresh", /* @__PURE__ */ a(() => {
|
|
@@ -446,7 +446,7 @@ const ce = class ce {
|
|
|
446
446
|
i && (t(this, ft).call(this), t(this, it).call(this, i.scrollTop), (e = t(this, w).querySelector("nine-table-vscrollbar")) == null || e.refresh());
|
|
447
447
|
}, "refresh"));
|
|
448
448
|
v(this, "initialize", /* @__PURE__ */ a(() => {
|
|
449
|
-
g(this,
|
|
449
|
+
g(this, k, null), t(this, W).clear(), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((n) => {
|
|
450
450
|
const r = t(this, w).querySelector(n);
|
|
451
451
|
if (!r) return;
|
|
452
452
|
const o = r.querySelector("table");
|
|
@@ -458,7 +458,7 @@ const ce = class ce {
|
|
|
458
458
|
});
|
|
459
459
|
const i = t(this, w).querySelector(".ng-container-body"), e = t(this, w).querySelector(".ng-container-left"), s = t(this, w).querySelector(".ng-container-right");
|
|
460
460
|
if (i) {
|
|
461
|
-
t(this,
|
|
461
|
+
t(this, qt).call(this, i), t(this, gt).call(this), t(this, ft).call(this), t(this, it).call(this, i.scrollTop);
|
|
462
462
|
let n = i.scrollTop;
|
|
463
463
|
const r = /* @__PURE__ */ a((o) => {
|
|
464
464
|
var l;
|
|
@@ -470,22 +470,12 @@ const ce = class ce {
|
|
|
470
470
|
});
|
|
471
471
|
}
|
|
472
472
|
}, "initialize"));
|
|
473
|
-
c(this,
|
|
474
|
-
|
|
475
|
-
if (!s || s.length === 0) return;
|
|
476
|
-
const n = i.querySelector("tbody.bindable-tbody");
|
|
477
|
-
if (!n) return;
|
|
478
|
-
n.querySelectorAll("tr:not(.nodata)").forEach((l) => l.remove());
|
|
479
|
-
const r = n.querySelector("tr.nodata"), o = document.createDocumentFragment();
|
|
480
|
-
for (let l = 0; l < t(this, B); l++)
|
|
481
|
-
s.forEach((d) => {
|
|
482
|
-
o.appendChild(d.cloneNode(!0));
|
|
483
|
-
});
|
|
484
|
-
r ? r.before(o) : n.appendChild(o);
|
|
473
|
+
c(this, kt, /* @__PURE__ */ a((i, e) => {
|
|
474
|
+
T.log("#renderRows");
|
|
485
475
|
}, "#renderRows"));
|
|
486
|
-
c(this,
|
|
487
|
-
if (t(this,
|
|
488
|
-
return t(this,
|
|
476
|
+
c(this, qt, /* @__PURE__ */ a((i) => {
|
|
477
|
+
if (t(this, k) !== null && t(this, k) > 0)
|
|
478
|
+
return t(this, k);
|
|
489
479
|
const e = t(this, W).get(".ng-container-body");
|
|
490
480
|
if (!e || e.length === 0) return 24;
|
|
491
481
|
const s = i.querySelector("tbody.bindable-tbody") || i.querySelector("tbody.bindable-tbody:last-of-type");
|
|
@@ -501,20 +491,20 @@ const ce = class ce {
|
|
|
501
491
|
const u = s.querySelectorAll("tr:not(.nodata)");
|
|
502
492
|
return u.forEach((b) => {
|
|
503
493
|
f += b.offsetHeight || b.getBoundingClientRect().height;
|
|
504
|
-
}), u.forEach((b) => b.remove()), o.style.display = l, o.style.visibility = d, o.style.position = h, g(this,
|
|
494
|
+
}), u.forEach((b) => b.remove()), o.style.display = l, o.style.visibility = d, o.style.position = h, g(this, k, f > 0 ? f : 24), t(this, ut).call(this), t(this, k);
|
|
505
495
|
}, "#measureAndCacheHeight"));
|
|
506
496
|
c(this, ft, /* @__PURE__ */ a(() => {
|
|
507
497
|
if (!t(this, w).querySelector(".ng-container-body")) return;
|
|
508
|
-
const s = (t(this, I).data.get() || []).length, n = t(this,
|
|
509
|
-
|
|
498
|
+
const s = (t(this, I).data.get() || []).length, n = t(this, k) || 24, r = s * n;
|
|
499
|
+
T.log(`[VirtualHeight] totalCount: ${s}, rowHeight: ${n}, totalVirtualHeight: ${r}`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((o) => {
|
|
510
500
|
const l = t(this, w).querySelector(o), d = l == null ? void 0 : l.querySelector("table");
|
|
511
501
|
d && (d.style.height = `${r}px`);
|
|
512
502
|
});
|
|
513
503
|
}, "#updateVirtualScrollHeight"));
|
|
514
504
|
c(this, ut, /* @__PURE__ */ a(() => {
|
|
515
|
-
if ((t(this, I).data.get() || []).length, t(this,
|
|
516
|
-
const e = Math.ceil(t(this,
|
|
517
|
-
g(this,
|
|
505
|
+
if ((t(this, I).data.get() || []).length, t(this, U) > 0 && t(this, k) > 0) {
|
|
506
|
+
const e = Math.ceil(t(this, U) / t(this, k));
|
|
507
|
+
g(this, j, e + t(this, Tt)), T.log("visibleRows:", e, "cachedRowCount:", t(this, j));
|
|
518
508
|
}
|
|
519
509
|
}, "#updateRowCount"));
|
|
520
510
|
c(this, Lt, /* @__PURE__ */ a(() => {
|
|
@@ -532,7 +522,7 @@ const ce = class ce {
|
|
|
532
522
|
}
|
|
533
523
|
}, "#syncRowHeights"));
|
|
534
524
|
c(this, Ht, /* @__PURE__ */ a(() => {
|
|
535
|
-
!t(this, w) || !(t(this, w) instanceof HTMLElement) || (g(this,
|
|
525
|
+
!t(this, w) || !(t(this, w) instanceof HTMLElement) || (g(this, B, new ResizeObserver((i) => {
|
|
536
526
|
for (const e of i) {
|
|
537
527
|
const s = e.target;
|
|
538
528
|
if (!s.classList.contains("active")) continue;
|
|
@@ -542,15 +532,15 @@ const ce = class ce {
|
|
|
542
532
|
const o = s.querySelector("thead");
|
|
543
533
|
o && (r += o.offsetHeight || o.getBoundingClientRect().height);
|
|
544
534
|
const l = Math.max(n - r, 100);
|
|
545
|
-
t(this,
|
|
535
|
+
t(this, U) !== l && (g(this, U, l), t(this, ut).call(this), t(this, k) !== null && t(this, gt).call(this));
|
|
546
536
|
}
|
|
547
537
|
}
|
|
548
|
-
})), t(this,
|
|
538
|
+
})), t(this, B).observe(t(this, w)));
|
|
549
539
|
}, "#initResizeObserver"));
|
|
550
540
|
c(this, gt, /* @__PURE__ */ a(() => {
|
|
551
541
|
[".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((i) => {
|
|
552
542
|
const e = t(this, w).querySelector(i);
|
|
553
|
-
e && e.querySelector("tbody.bindable-tbody") && t(this,
|
|
543
|
+
e && e.querySelector("tbody.bindable-tbody") && t(this, kt).call(this, e, i);
|
|
554
544
|
}), t(this, Lt).call(this);
|
|
555
545
|
}, "#renderAllContainers"));
|
|
556
546
|
c(this, Ct, /* @__PURE__ */ a((i) => {
|
|
@@ -574,10 +564,10 @@ const ce = class ce {
|
|
|
574
564
|
}, "#adjustBufferRows"));
|
|
575
565
|
c(this, it, /* @__PURE__ */ a((i) => {
|
|
576
566
|
var d;
|
|
577
|
-
const e = t(this,
|
|
567
|
+
const e = t(this, k);
|
|
578
568
|
if (!e || e <= 0) return;
|
|
579
|
-
const n = (t(this, I).data.get() || []).length, r = Math.max(0, Math.floor(i / e)), o = ((d = t(this, W).get(".ng-container-body")) == null ? void 0 : d.length) || 1, l = r + t(this,
|
|
580
|
-
|
|
569
|
+
const n = (t(this, I).data.get() || []).length, r = Math.max(0, Math.floor(i / e)), o = ((d = t(this, W).get(".ng-container-body")) == null ? void 0 : d.length) || 1, l = r + t(this, j);
|
|
570
|
+
T.log(`[Scroll] scrollTop: ${i}, startIndex: ${r}, cachedRowCount: ${t(this, j)}, targetDataIndex range: ${r} ~ ${l} (Total: ${n})`), [".ng-container-body", ".ng-container-left", ".ng-container-right"].forEach((h) => {
|
|
581
571
|
const f = t(this, w).querySelector(h);
|
|
582
572
|
if (!f) return;
|
|
583
573
|
const u = f.querySelector("tbody.bindable-tbody");
|
|
@@ -602,33 +592,33 @@ const ce = class ce {
|
|
|
602
592
|
});
|
|
603
593
|
}, "#bindRowData"));
|
|
604
594
|
v(this, "destroy", /* @__PURE__ */ a(() => {
|
|
605
|
-
t(this,
|
|
595
|
+
t(this, B) && (t(this, B).disconnect(), g(this, B, null));
|
|
606
596
|
}, "destroy"));
|
|
607
597
|
g(this, I, i.getRootNode().host), g(this, w, i), t(this, Ht).call(this);
|
|
608
598
|
}
|
|
609
599
|
getRowHeight() {
|
|
610
|
-
return t(this,
|
|
600
|
+
return t(this, k);
|
|
611
601
|
}
|
|
612
602
|
templateLength(i = ".ng-container-body") {
|
|
613
603
|
var e;
|
|
614
604
|
return ((e = t(this, W).get(i)) == null ? void 0 : e.length) || 1;
|
|
615
605
|
}
|
|
616
606
|
};
|
|
617
|
-
I = new WeakMap(), w = new WeakMap(), W = new WeakMap(),
|
|
607
|
+
I = new WeakMap(), w = new WeakMap(), W = new WeakMap(), k = new WeakMap(), B = new WeakMap(), U = new WeakMap(), j = new WeakMap(), et = new WeakMap(), Tt = new WeakMap(), kt = new WeakMap(), qt = new WeakMap(), ft = new WeakMap(), ut = new WeakMap(), Lt = new WeakMap(), Ht = new WeakMap(), gt = new WeakMap(), Ct = new WeakMap(), it = new WeakMap(), bt = new WeakMap(), a(ce, "RowManager");
|
|
618
608
|
let Jt = ce;
|
|
619
|
-
var Mt, st,
|
|
609
|
+
var Mt, st, F, _t, $t, It, Wt, Ot;
|
|
620
610
|
const ct = class ct extends HTMLElement {
|
|
621
611
|
constructor() {
|
|
622
612
|
super();
|
|
623
613
|
c(this, Mt);
|
|
624
614
|
c(this, st, null);
|
|
625
|
-
c(this,
|
|
615
|
+
c(this, F);
|
|
626
616
|
/**
|
|
627
617
|
* data.set, add, delete
|
|
628
618
|
* filter, sorting : κ³ λ €λμ
|
|
629
619
|
*/
|
|
630
620
|
v(this, "invalidate", /* @__PURE__ */ a(() => {
|
|
631
|
-
t(this,
|
|
621
|
+
t(this, F).refresh();
|
|
632
622
|
}, "invalidate"));
|
|
633
623
|
c(this, _t, /* @__PURE__ */ a(() => {
|
|
634
624
|
[
|
|
@@ -660,7 +650,7 @@ const ct = class ct extends HTMLElement {
|
|
|
660
650
|
this.querySelectorAll("tbody.fixed-tbody").forEach((r) => {
|
|
661
651
|
r.style.top = `${s}px`;
|
|
662
652
|
});
|
|
663
|
-
}), t(this,
|
|
653
|
+
}), t(this, F).initialize(), setTimeout(() => {
|
|
664
654
|
var s;
|
|
665
655
|
(s = this.querySelector("nine-table-hscrollbar")) == null || s.refresh();
|
|
666
656
|
}, 0));
|
|
@@ -682,7 +672,7 @@ const ct = class ct extends HTMLElement {
|
|
|
682
672
|
o.remove();
|
|
683
673
|
}), n;
|
|
684
674
|
}, "#createSplitTable"));
|
|
685
|
-
v(this, "getRowHeight", /* @__PURE__ */ a(() => t(this,
|
|
675
|
+
v(this, "getRowHeight", /* @__PURE__ */ a(() => t(this, F).getRowHeight(), "getRowHeight"));
|
|
686
676
|
v(this, "scrollToX", /* @__PURE__ */ a((e) => {
|
|
687
677
|
const s = this.querySelector(".ng-container-body");
|
|
688
678
|
s && (s.scrollLeft = e);
|
|
@@ -841,16 +831,16 @@ const ct = class ct extends HTMLElement {
|
|
|
841
831
|
</div>
|
|
842
832
|
`;
|
|
843
833
|
}, "#render"));
|
|
844
|
-
g(this,
|
|
834
|
+
g(this, F, new Jt(this)), g(this, Mt, this.getRootNode().host);
|
|
845
835
|
}
|
|
846
836
|
connectedCallback() {
|
|
847
837
|
t(this, Wt).call(this);
|
|
848
838
|
}
|
|
849
839
|
disconnectedCallback() {
|
|
850
|
-
this.innerHTML = "",
|
|
840
|
+
this.innerHTML = "", T.log("NineTableSheet destroyed.");
|
|
851
841
|
}
|
|
852
842
|
};
|
|
853
|
-
Mt = new WeakMap(), st = new WeakMap(),
|
|
843
|
+
Mt = new WeakMap(), st = new WeakMap(), F = new WeakMap(), _t = new WeakMap(), $t = new WeakMap(), It = new WeakMap(), Wt = new WeakMap(), Ot = new WeakMap(), a(ct, "NineTableSheet"), v(ct, "SCROLLBAR_SIZE", 16);
|
|
854
844
|
let wt = ct;
|
|
855
845
|
customElements.get("nine-table-sheet") || customElements.define("nine-table-sheet", wt);
|
|
856
846
|
var zt, yt;
|
|
@@ -904,12 +894,12 @@ const he = class he extends HTMLElement {
|
|
|
904
894
|
zt = new WeakMap(), yt = new WeakMap(), a(he, "NineTableSheets");
|
|
905
895
|
let Qt = he;
|
|
906
896
|
customElements.get("nine-table-sheets") || customElements.define("nine-table-sheets", Qt);
|
|
907
|
-
var q,
|
|
897
|
+
var q, Bt, pt, Dt;
|
|
908
898
|
const de = class de {
|
|
909
899
|
constructor(i) {
|
|
910
900
|
c(this, q);
|
|
911
|
-
c(this,
|
|
912
|
-
t(this,
|
|
901
|
+
c(this, Bt, /* @__PURE__ */ a(() => {
|
|
902
|
+
t(this, Dt).call(this), new ResizeObserver((i) => {
|
|
913
903
|
for (let e of i)
|
|
914
904
|
t(this, q).getAttribute("auto-height") === "true" && t(this, pt).call(this);
|
|
915
905
|
}).observe(t(this, q));
|
|
@@ -921,7 +911,7 @@ const de = class de {
|
|
|
921
911
|
const e = parseInt(t(this, q).getAttribute("max-display-row"), 10) || 10, s = Math.max(...i.map((f) => f.getRowHeight())), n = (d = t(this, q).shadowRoot.querySelector("nine-table-header")) == null ? void 0 : d.getBoundingClientRect().height, r = (h = t(this, q).shadowRoot.querySelector("nine-table-sheets-footer")) == null ? void 0 : h.getBoundingClientRect().height, o = wt.SCROLLBAR_SIZE, l = e * s + n + r + o;
|
|
922
912
|
t(this, q).style.height = `${l}px`;
|
|
923
913
|
}, "#applyAutoHeight"));
|
|
924
|
-
c(this,
|
|
914
|
+
c(this, Dt, /* @__PURE__ */ a(() => {
|
|
925
915
|
const e = Array.from(t(this, q).children).filter((d) => d.tagName === "TABLE"), s = t(this, q).getAttribute("auto-height") === "true", n = e.length, r = e.map((d, h) => {
|
|
926
916
|
const u = `<nine-table-sheet class="${h === 0 ? "active" : ""}" data-index="${h}"></nine-table-sheet>`, b = h < n - 1 ? `<nine-splitter class="h" data-split-index="${h}"></nine-splitter>` : "";
|
|
927
917
|
return u + b;
|
|
@@ -1024,10 +1014,10 @@ const de = class de {
|
|
|
1024
1014
|
});
|
|
1025
1015
|
});
|
|
1026
1016
|
}, "#render"));
|
|
1027
|
-
g(this, q, i), t(this,
|
|
1017
|
+
g(this, q, i), t(this, Bt).call(this);
|
|
1028
1018
|
}
|
|
1029
1019
|
};
|
|
1030
|
-
q = new WeakMap(),
|
|
1020
|
+
q = new WeakMap(), Bt = new WeakMap(), pt = new WeakMap(), Dt = new WeakMap(), a(de, "LayoutManager");
|
|
1031
1021
|
let te = de;
|
|
1032
1022
|
var mt, nt;
|
|
1033
1023
|
const fe = class fe {
|
|
@@ -1047,7 +1037,7 @@ const fe = class fe {
|
|
|
1047
1037
|
};
|
|
1048
1038
|
mt = new WeakMap(), nt = new WeakMap(), a(fe, "ngRow");
|
|
1049
1039
|
let ee = fe;
|
|
1050
|
-
var L, E, H, ot, Nt,
|
|
1040
|
+
var L, E, H, ot, Nt, D, Pt, K, xt, Vt, Yt, rt;
|
|
1051
1041
|
const C = class C {
|
|
1052
1042
|
constructor(i, e) {
|
|
1053
1043
|
c(this, L);
|
|
@@ -1055,15 +1045,15 @@ const C = class C {
|
|
|
1055
1045
|
c(this, H, []);
|
|
1056
1046
|
c(this, ot, []);
|
|
1057
1047
|
c(this, Nt, 0);
|
|
1058
|
-
c(this,
|
|
1048
|
+
c(this, D, []);
|
|
1059
1049
|
c(this, Pt, /* @__PURE__ */ a(() => {
|
|
1060
|
-
g(this,
|
|
1050
|
+
g(this, D, []);
|
|
1061
1051
|
const i = t(this, L).template || [];
|
|
1062
1052
|
Array.from(i).forEach((e) => {
|
|
1063
1053
|
var s;
|
|
1064
|
-
t(this,
|
|
1054
|
+
t(this, D).push(((s = e.getBoundingClientRect) == null ? void 0 : s.call(e).height) || 24);
|
|
1065
1055
|
}), (t(this, E).rawRecords || []).forEach((e) => {
|
|
1066
|
-
e.__ng || (e.__ng = t(this, xt).call(this)), e.__ng.height = t(this,
|
|
1056
|
+
e.__ng || (e.__ng = t(this, xt).call(this)), e.__ng.height = t(this, D).slice();
|
|
1067
1057
|
});
|
|
1068
1058
|
}, "#initialize"));
|
|
1069
1059
|
c(this, K, /* @__PURE__ */ a(() => {
|
|
@@ -1091,10 +1081,10 @@ const C = class C {
|
|
|
1091
1081
|
rowState: C.ROW_STATE.EMPTY,
|
|
1092
1082
|
deleted: !1,
|
|
1093
1083
|
filtered: !1,
|
|
1094
|
-
height: t(this,
|
|
1084
|
+
height: t(this, D).slice(),
|
|
1095
1085
|
o: {},
|
|
1096
1086
|
c: {},
|
|
1097
|
-
_: [0, 0, 0, 0, C.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this,
|
|
1087
|
+
_: [0, 0, 0, 0, C.ROW_STATE.EMPTY, !1, !1, !0, !1, !0, !0, !1, t(this, D).slice(), -1, {}, {}]
|
|
1098
1088
|
}), "#getDefaultMeta"));
|
|
1099
1089
|
v(this, "reset", /* @__PURE__ */ a(() => {
|
|
1100
1090
|
g(this, H, []), g(this, ot, []), t(this, K).call(this);
|
|
@@ -1186,7 +1176,7 @@ const C = class C {
|
|
|
1186
1176
|
return this.length;
|
|
1187
1177
|
}
|
|
1188
1178
|
};
|
|
1189
|
-
L = new WeakMap(), E = new WeakMap(), H = new WeakMap(), ot = new WeakMap(), Nt = new WeakMap(),
|
|
1179
|
+
L = new WeakMap(), E = new WeakMap(), H = new WeakMap(), ot = new WeakMap(), Nt = new WeakMap(), D = new WeakMap(), Pt = new WeakMap(), K = new WeakMap(), xt = new WeakMap(), Vt = new WeakMap(), Yt = new WeakMap(), rt = new WeakMap(), a(C, "ngData"), // π― ν μν μ μ μμλ₯Ό ν΄λμ€ λ΄λΆλ‘ λ΄μ¬ν
|
|
1190
1180
|
v(C, "ROW_STATE", {
|
|
1191
1181
|
EMPTY: "EMPTY",
|
|
1192
1182
|
NORMAL: "NORMAL",
|
|
@@ -1236,11 +1226,11 @@ const ge = class ge {
|
|
|
1236
1226
|
}), g(this, A, Array.from(i, ([e, s]) => ({ name: e, type: s }))), g(this, A, t(this, A).filter((e) => e.name !== "" && e.name !== "__ng")), t(this, A).sort((e, s) => e.name.length < s.name.length ? 1 : -1);
|
|
1237
1227
|
}, "#adjust"));
|
|
1238
1228
|
c(this, Xt, /* @__PURE__ */ a(() => {
|
|
1239
|
-
g(this, A, []),
|
|
1229
|
+
g(this, A, []), T.log(t(this, lt).querySelectorAll("table"));
|
|
1240
1230
|
const i = Array.from(t(this, lt).querySelectorAll("table"));
|
|
1241
1231
|
if (!(!i || i.length === 0)) {
|
|
1242
1232
|
for (const e of i)
|
|
1243
|
-
|
|
1233
|
+
T.log(e), $("[data-bind]", e).each((s, n) => {
|
|
1244
1234
|
const r = n.dataset.bind, o = n.getAttribute("data-type") || "string";
|
|
1245
1235
|
r && t(this, A).push({ name: r, type: o });
|
|
1246
1236
|
}), ["data-expr", "background-color", "color", "tooltip", "visible", "readonly", "enable-button", "enable-check", "class-expr", "icon-color", "icon-src"].forEach((s) => {
|
|
@@ -1291,23 +1281,23 @@ const ge = class ge {
|
|
|
1291
1281
|
};
|
|
1292
1282
|
lt = new WeakMap(), A = new WeakMap(), vt = new WeakMap(), Xt = new WeakMap(), a(ge, "ngFields");
|
|
1293
1283
|
let ne = ge;
|
|
1294
|
-
var G, Ut,
|
|
1284
|
+
var G, Ut, jt;
|
|
1295
1285
|
const be = class be extends HTMLElement {
|
|
1296
1286
|
constructor() {
|
|
1297
1287
|
super();
|
|
1298
1288
|
//#created = false;
|
|
1299
1289
|
c(this, G);
|
|
1300
1290
|
c(this, Ut);
|
|
1301
|
-
c(this,
|
|
1302
|
-
this.fields = new ne(this), g(this, Ut, new te(this)),
|
|
1291
|
+
c(this, jt, /* @__PURE__ */ a(() => {
|
|
1292
|
+
this.fields = new ne(this), g(this, Ut, new te(this)), T.log("NineTable connected."), this.dispatchEvent(new CustomEvent("load", { bubbles: !0, detail: { target: this } }));
|
|
1303
1293
|
}, "#init"));
|
|
1304
1294
|
this.attachShadow({ mode: "open" }), g(this, G, new se(this));
|
|
1305
1295
|
}
|
|
1306
1296
|
connectedCallback() {
|
|
1307
|
-
t(this,
|
|
1297
|
+
t(this, jt).call(this);
|
|
1308
1298
|
}
|
|
1309
1299
|
disconnectedCallback() {
|
|
1310
|
-
|
|
1300
|
+
T.log("NineTable disconnected.");
|
|
1311
1301
|
}
|
|
1312
1302
|
// π― μΈλΆμμ grid.data.set(...) ννλ‘ μ κ·Όν μ μλλ‘ λ°μ΄ν° λ§€λμ μ€ν
|
|
1313
1303
|
get data() {
|
|
@@ -1322,7 +1312,7 @@ const be = class be extends HTMLElement {
|
|
|
1322
1312
|
return t(this, G);
|
|
1323
1313
|
}
|
|
1324
1314
|
};
|
|
1325
|
-
G = new WeakMap(), Ut = new WeakMap(),
|
|
1315
|
+
G = new WeakMap(), Ut = new WeakMap(), jt = new WeakMap(), a(be, "NineTable");
|
|
1326
1316
|
let oe = be;
|
|
1327
1317
|
customElements.get("nine-table") || customElements.define("nine-table", oe);
|
|
1328
1318
|
//# sourceMappingURL=nine-table.js.map
|