@guiexpert/react-table 18.0.11 → 18.0.13
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/index.cjs +31 -15
- package/index.js +921 -771
- package/package.json +2 -2
package/index.js
CHANGED
|
@@ -1,6 +1,14 @@
|
|
|
1
|
-
import { jsx as
|
|
2
|
-
import { useRef as
|
|
3
|
-
import
|
|
1
|
+
import { jsx as se } from "react/jsx-runtime";
|
|
2
|
+
import { useRef as oe, useEffect as ie } from "react";
|
|
3
|
+
import ae from "react-dom";
|
|
4
|
+
function re(f, e = 500) {
|
|
5
|
+
let t = null;
|
|
6
|
+
return function(...s) {
|
|
7
|
+
t && window.clearTimeout(t), t = window.setTimeout(() => {
|
|
8
|
+
f.apply(this, s), t = null;
|
|
9
|
+
}, e);
|
|
10
|
+
};
|
|
11
|
+
}
|
|
4
12
|
class k {
|
|
5
13
|
// The constructor is private to prevent direct construction calls
|
|
6
14
|
// with the `new` operator
|
|
@@ -26,18 +34,18 @@ class k {
|
|
|
26
34
|
}
|
|
27
35
|
}
|
|
28
36
|
}
|
|
29
|
-
function
|
|
30
|
-
return
|
|
37
|
+
function H(f) {
|
|
38
|
+
return f && f.type === "TreeRow";
|
|
31
39
|
}
|
|
32
|
-
function
|
|
33
|
-
return
|
|
40
|
+
function W(f) {
|
|
41
|
+
return f && f.type === "AreaModelTree";
|
|
34
42
|
}
|
|
35
|
-
class
|
|
36
|
-
constructor(e = -1, t = -1,
|
|
37
|
-
this.rowIndex = e, this.rowTop = t, this.columnIndex =
|
|
43
|
+
class N {
|
|
44
|
+
constructor(e = -1, t = -1, s = -1, o = -1, i, a, l, r = 0, n = 0, c = 0, h = "") {
|
|
45
|
+
this.rowIndex = e, this.rowTop = t, this.columnIndex = s, this.columnLeft = o, this.areaIdent = i, this.sideIdent = a, this.originalEvent = l, this.clickCount = r, this.draggingX = n, this.draggingY = c, this.action = h;
|
|
38
46
|
}
|
|
39
47
|
clone() {
|
|
40
|
-
return new
|
|
48
|
+
return new N(
|
|
41
49
|
this.rowIndex,
|
|
42
50
|
this.rowTop,
|
|
43
51
|
this.columnIndex,
|
|
@@ -53,8 +61,8 @@ class _ {
|
|
|
53
61
|
}
|
|
54
62
|
}
|
|
55
63
|
class D {
|
|
56
|
-
constructor(e = ">", t = "",
|
|
57
|
-
this.content = e, this.style = t, this.classes =
|
|
64
|
+
constructor(e = ">", t = "", s = []) {
|
|
65
|
+
this.content = e, this.style = t, this.classes = s;
|
|
58
66
|
}
|
|
59
67
|
}
|
|
60
68
|
class J {
|
|
@@ -66,33 +74,33 @@ class J {
|
|
|
66
74
|
">",
|
|
67
75
|
"",
|
|
68
76
|
["ge-table-tree-arrow-collapsed"]
|
|
69
|
-
),
|
|
77
|
+
), s = new D(
|
|
70
78
|
">",
|
|
71
79
|
"color:transparent;",
|
|
72
80
|
["gt-table-tree-arrow-hidden"]
|
|
73
|
-
),
|
|
81
|
+
), o = new D(
|
|
74
82
|
"↕",
|
|
75
83
|
"",
|
|
76
84
|
["gt-table-tree-arrow-expanded-all"]
|
|
77
85
|
)) {
|
|
78
|
-
this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder =
|
|
86
|
+
this.arrowExpanded = e, this.arrowCollapsed = t, this.arrowPlaceholder = s, this.arrowExpandCollapseAll = o;
|
|
79
87
|
}
|
|
80
88
|
}
|
|
81
|
-
class
|
|
82
|
-
constructor(e = new D("↑", "", ["ge-header-sorted-asc"]), t = new D("↓", "", ["ge-header-sorted-desc"]),
|
|
83
|
-
this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder =
|
|
89
|
+
class Z {
|
|
90
|
+
constructor(e = new D("↑", "", ["ge-header-sorted-asc"]), t = new D("↓", "", ["ge-header-sorted-desc"]), s = new D("↑", "color:transparent;", [])) {
|
|
91
|
+
this.iconAsc = e, this.iconDesc = t, this.iconPlaceholder = s;
|
|
84
92
|
}
|
|
85
93
|
}
|
|
86
94
|
class le {
|
|
87
95
|
constructor(e) {
|
|
88
96
|
this.domService = e;
|
|
89
97
|
}
|
|
90
|
-
setStyle(e, t,
|
|
91
|
-
return this.domService.setStyle(e, t,
|
|
98
|
+
setStyle(e, t, s) {
|
|
99
|
+
return this.domService.setStyle(e, t, s), e;
|
|
92
100
|
}
|
|
93
101
|
applyStyle(e, t) {
|
|
94
|
-
for (const
|
|
95
|
-
this.domService.setStyle(e,
|
|
102
|
+
for (const s in t)
|
|
103
|
+
this.domService.setStyle(e, s, t[s]);
|
|
96
104
|
return e;
|
|
97
105
|
}
|
|
98
106
|
applyDisplayNoneStyle(e) {
|
|
@@ -102,7 +110,7 @@ class le {
|
|
|
102
110
|
return this.domService.setStyle(e, "display", "block"), e;
|
|
103
111
|
}
|
|
104
112
|
applyStyleInPx(e, t) {
|
|
105
|
-
return Object.entries(t).forEach(([
|
|
113
|
+
return Object.entries(t).forEach(([s, o]) => this.domService.setStyle(e, s, o + "px")), e;
|
|
106
114
|
}
|
|
107
115
|
applyStylePosistionRelative(e) {
|
|
108
116
|
return this.domService.setStyle(e, "position", "relative"), this.domService.setStyle(e, "overflow", "clip"), e;
|
|
@@ -113,8 +121,8 @@ class le {
|
|
|
113
121
|
applyStyleFullSize(e) {
|
|
114
122
|
return this.domService.setStyle(e, "width", "100%"), this.domService.setStyle(e, "height", "100%"), e;
|
|
115
123
|
}
|
|
116
|
-
applyStyleOverflowAuto(e = "auto", t = "auto",
|
|
117
|
-
return this.domService.setStyle(
|
|
124
|
+
applyStyleOverflowAuto(e = "auto", t = "auto", s) {
|
|
125
|
+
return this.domService.setStyle(s, "overflow-x", e), this.domService.setStyle(s, "overflow-y", t), s;
|
|
118
126
|
}
|
|
119
127
|
applyStyleNoPadding(e) {
|
|
120
128
|
return this.domService.setStyle(e, "padding", "0"), this.domService.setStyle(e, "margin", "0"), this.domService.setStyle(e, "border", "0"), e;
|
|
@@ -130,155 +138,155 @@ class le {
|
|
|
130
138
|
return this.domService.appendChild(e, t), this.applyStylePosistionAbsolute(e), { parent: e, child: t, cache: {} };
|
|
131
139
|
}
|
|
132
140
|
appendText(e, t) {
|
|
133
|
-
const
|
|
134
|
-
return this.domService.appendChild(e,
|
|
141
|
+
const s = this.domService.createText(t);
|
|
142
|
+
return this.domService.appendChild(e, s), s;
|
|
135
143
|
}
|
|
136
144
|
addClass(e, t) {
|
|
137
|
-
return e.includes(" ") ? e.split(" ").forEach((
|
|
145
|
+
return e.includes(" ") ? e.split(" ").forEach((s) => this.domService.addClass(t, s)) : this.domService.addClass(t, e), t;
|
|
138
146
|
}
|
|
139
147
|
removeClass(e, t) {
|
|
140
|
-
return e.includes(" ") ? e.split(" ").forEach((
|
|
148
|
+
return e.includes(" ") ? e.split(" ").forEach((s) => this.domService.removeClass(t, s)) : this.domService.removeClass(t, e), t;
|
|
141
149
|
}
|
|
142
150
|
addClasses(e, t) {
|
|
143
151
|
if (e)
|
|
144
|
-
for (const
|
|
145
|
-
this.domService.addClass(t,
|
|
152
|
+
for (const s of e)
|
|
153
|
+
this.domService.addClass(t, s);
|
|
146
154
|
return t;
|
|
147
155
|
}
|
|
148
|
-
setAttribute(e, t,
|
|
149
|
-
return t &&
|
|
156
|
+
setAttribute(e, t, s) {
|
|
157
|
+
return t && s && this.domService.setAttribute(e, t, s), e;
|
|
150
158
|
}
|
|
151
|
-
createAreaDivWithClass(e, t,
|
|
159
|
+
createAreaDivWithClass(e, t, s, o) {
|
|
152
160
|
const i = this.domService.createElement("div");
|
|
153
|
-
return this.addClass(e, i), this.domService.setAttribute(i, "data-area",
|
|
161
|
+
return this.addClass(e, i), this.domService.setAttribute(i, "data-area", s), this.domService.setAttribute(i, "data-side", o), this.domService.appendChild(t, i), i;
|
|
154
162
|
}
|
|
155
163
|
createDivWithClass(e, t) {
|
|
156
|
-
const
|
|
157
|
-
return this.addClass(e,
|
|
164
|
+
const s = this.domService.createElement("div");
|
|
165
|
+
return this.addClass(e, s), this.domService.appendChild(t, s), s;
|
|
158
166
|
}
|
|
159
|
-
addRowDiv(e, t,
|
|
160
|
-
const
|
|
161
|
-
if (this.domService.addClass(
|
|
167
|
+
addRowDiv(e, t, s = -1, o, i, a = "") {
|
|
168
|
+
const l = t.index ?? -1, r = this.getDivOrCreateDiv(l, e);
|
|
169
|
+
if (this.domService.addClass(r, "ge-table-row-div"), this.domService.addClass(r, `ge-table-row-div-${t.index}`), o === "body" && i === "center") {
|
|
162
170
|
const n = ((t == null ? void 0 : t.index) ?? 0) % 2 === 0 ? "even" : "odd";
|
|
163
|
-
this.domService.addClass(
|
|
171
|
+
this.domService.addClass(r, `ge-table-row-${n}`);
|
|
164
172
|
}
|
|
165
|
-
if (this.domService.setStyle(
|
|
166
|
-
const n = this.domService.createText(
|
|
167
|
-
this.domService.appendChild(
|
|
173
|
+
if (this.domService.setStyle(r, "display", "clip"), this.domService.setStyle(r, "position", "absolute"), this.domService.setStyle(r, "left", `${t.left}px`), this.domService.setStyle(r, "top", `${t.top}px`), this.domService.setStyle(r, "width", `${t.width}px`), this.domService.setStyle(r, "height", `${t.height}px`), this.domService.setAttribute(r, "data-row-index", `${s}`), this.domService.setAttribute(r, "data-area", `${o}`), a) {
|
|
174
|
+
const n = this.domService.createText(a);
|
|
175
|
+
this.domService.appendChild(r, n);
|
|
168
176
|
}
|
|
169
|
-
return this.domService.appendChild(e.child,
|
|
177
|
+
return this.domService.appendChild(e.child, r), r;
|
|
170
178
|
}
|
|
171
179
|
addColumnDiv(e) {
|
|
172
|
-
const { parent: t, geo:
|
|
173
|
-
this.domService.addClass(
|
|
174
|
-
const
|
|
175
|
-
if (
|
|
176
|
-
const
|
|
177
|
-
this.addLabelDiv(
|
|
180
|
+
const { parent: t, geo: s, rowIndex: o = -1, columnIndex: i = -1, areaIdent: a, sideIdent: l, text: r = "", treeArrow: n, tableOptions: c, checkedType: h = void 0, sortState: d } = e, m = c == null ? void 0 : c.treeOptions, p = c == null ? void 0 : c.showCheckboxWihoutExtraColumn, b = this.domService.createElement("div");
|
|
181
|
+
this.domService.addClass(b, "ge-table-col-div"), p && this.domService.addClass(b, "ge-with-checkbox"), this.domService.addClass(b, `ge-table-col-div-${s.index}`), this.domService.setAttribute(b, "data-col-index", `${s.index}`), this.domService.setAttribute(b, "data-row-index", `${o}`), this.domService.setAttribute(b, "data-area", `${a}`);
|
|
182
|
+
const g = ((s == null ? void 0 : s.index) ?? 0) % 2 === 0 ? "even" : "odd";
|
|
183
|
+
if (a === "body" && l === "center" && this.domService.addClass(b, `ge-table-column-${g}`), this.domService.setStyle(b, "display", "clip"), this.domService.setStyle(b, "position", "absolute"), this.domService.setStyle(b, "left", `${s.left}px`), this.domService.setStyle(b, "top", `${s.top}px`), this.domService.setStyle(b, "width", `${s.width}px`), this.domService.setStyle(b, "height", `${s.height}px`), n && n !== "none" && (this.domService.addClass(b, "ge-table-col-tree"), this.addArrowDiv(b, n, m, o, i, a)), p && i === 0 && h && this.addCheckboxToDiv(b, h, a, o), r) {
|
|
184
|
+
const u = n !== "none" && i === 0;
|
|
185
|
+
this.addLabelDiv(b, r, u, o, i, a);
|
|
178
186
|
}
|
|
179
|
-
return
|
|
187
|
+
return d && this.addSortedIcon(b, d, c == null ? void 0 : c.sortedOptions, i), this.domService.appendChild(t, b), b;
|
|
180
188
|
}
|
|
181
|
-
addCheckboxToDiv(e, t,
|
|
182
|
-
const i = this.domService.createElement("div"),
|
|
189
|
+
addCheckboxToDiv(e, t, s, o) {
|
|
190
|
+
const i = this.domService.createElement("div"), a = t === "full" ? "checked" : "";
|
|
183
191
|
return i.innerHTML = `
|
|
184
192
|
<input
|
|
185
193
|
type="checkbox"
|
|
186
|
-
data-area="${
|
|
187
|
-
data-row-index="${
|
|
194
|
+
data-area="${s}"
|
|
195
|
+
data-row-index="${o}"
|
|
188
196
|
data-input-type="checkbox"
|
|
189
|
-
${
|
|
190
|
-
class="ge-table-row-checkbox"> `, this.domService.setStyle(i, "display", "inline"), this.domService.setStyle(i, "width", "inherit"), this.domService.setAttribute(i, "data-row-index", `${
|
|
197
|
+
${a}
|
|
198
|
+
class="ge-table-row-checkbox"> `, this.domService.setStyle(i, "display", "inline"), this.domService.setStyle(i, "width", "inherit"), this.domService.setAttribute(i, "data-row-index", `${o}`), this.domService.appendChild(e, i), i;
|
|
191
199
|
}
|
|
192
|
-
addLabelDiv(e, t = "",
|
|
193
|
-
const
|
|
194
|
-
if (this.domService.addClass(
|
|
195
|
-
if (
|
|
196
|
-
const
|
|
197
|
-
this.domService.appendChild(
|
|
200
|
+
addLabelDiv(e, t = "", s = !1, o = -1, i = -1, a = "body") {
|
|
201
|
+
const l = this.domService.createElement("div");
|
|
202
|
+
if (this.domService.addClass(l, "ge-table-label-div"), this.domService.setStyle(l, "position", "relative"), this.domService.setStyle(l, "background", "transparent"), this.domService.setStyle(l, "width", "100%"), this.domService.setStyle(l, "height", "100%"), this.domService.setAttribute(l, "data-row-index", `${o}`), this.domService.setAttribute(l, "data-col-index", `${i}`), this.domService.setAttribute(l, "data-area", `${a}`), t)
|
|
203
|
+
if (s) {
|
|
204
|
+
const r = this.domService.createText(t);
|
|
205
|
+
this.domService.appendChild(l, r);
|
|
198
206
|
} else {
|
|
199
|
-
const
|
|
200
|
-
this.domService.appendChild(
|
|
207
|
+
const r = this.domService.createElement("div");
|
|
208
|
+
this.domService.appendChild(l, r);
|
|
201
209
|
const n = this.domService.createText(t);
|
|
202
|
-
this.domService.addClass(
|
|
210
|
+
this.domService.addClass(r, "ge-table-label"), this.domService.appendChild(r, n), this.domService.setAttribute(r, "data-row-index", `${o}`), this.domService.setAttribute(r, "data-col-index", `${i}`), this.domService.setAttribute(r, "data-area", `${a}`);
|
|
203
211
|
}
|
|
204
|
-
return this.domService.appendChild(e,
|
|
212
|
+
return this.domService.appendChild(e, l), l;
|
|
205
213
|
}
|
|
206
|
-
addSortedIcon(e, t = "",
|
|
214
|
+
addSortedIcon(e, t = "", s = new Z(), o = -1) {
|
|
207
215
|
const i = this.domService.createElement("div");
|
|
208
|
-
this.domService.addClass(i, "ge-table-sorted-icon-div"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "top", "0"), this.domService.setStyle(i, "right", "0"), this.domService.setStyle(i, "width", "20px"), this.domService.setStyle(i, "background", "transparent"), this.domService.setStyle(i, "cursor", "pointer"), this.domService.setAttribute(i, "data-col-index", `${
|
|
209
|
-
let
|
|
210
|
-
t === "asc" ?
|
|
211
|
-
const
|
|
212
|
-
this.domService.appendChild(i,
|
|
213
|
-
for (const n of
|
|
216
|
+
this.domService.addClass(i, "ge-table-sorted-icon-div"), this.domService.setStyle(i, "position", "absolute"), this.domService.setStyle(i, "top", "0"), this.domService.setStyle(i, "right", "0"), this.domService.setStyle(i, "width", "20px"), this.domService.setStyle(i, "background", "transparent"), this.domService.setStyle(i, "cursor", "pointer"), this.domService.setAttribute(i, "data-col-index", `${o}`), this.domService.setAttribute(i, "data-area", "header");
|
|
217
|
+
let a;
|
|
218
|
+
t === "asc" ? a = s.iconAsc : t === "desc" ? a = s.iconDesc : a = s.iconPlaceholder;
|
|
219
|
+
const l = a.content, r = this.domService.createText(l);
|
|
220
|
+
this.domService.appendChild(i, r), a.style && this.applyStyleString(i, a.style);
|
|
221
|
+
for (const n of a.classes)
|
|
214
222
|
this.domService.addClass(i, n);
|
|
215
223
|
return this.domService.appendChild(e, i), i;
|
|
216
224
|
}
|
|
217
|
-
addArrowDiv(e, t = "none",
|
|
218
|
-
const
|
|
219
|
-
this.domService.addClass(
|
|
220
|
-
let
|
|
221
|
-
t === "expanded" ?
|
|
222
|
-
const n =
|
|
223
|
-
this.domService.appendChild(
|
|
224
|
-
for (const h of
|
|
225
|
-
this.domService.addClass(
|
|
226
|
-
return this.domService.appendChild(e,
|
|
227
|
-
}
|
|
228
|
-
addColumnBorderDivs(e, t,
|
|
225
|
+
addArrowDiv(e, t = "none", s = new J(), o = -1, i = -1, a = "body") {
|
|
226
|
+
const l = this.domService.createElement("div");
|
|
227
|
+
this.domService.addClass(l, "ge-table-tree-arrow-div"), this.domService.setStyle(l, "display", "inline-block"), this.domService.setStyle(l, "position", ""), this.domService.setStyle(l, "width", "20px"), this.domService.setStyle(l, "background", "transparent"), this.domService.setStyle(l, "cursor", "pointer"), this.domService.setAttribute(l, "data-row-index", `${o}`), this.domService.setAttribute(l, "data-col-index", `${i}`), this.domService.setAttribute(l, "data-area", `${a}`);
|
|
228
|
+
let r;
|
|
229
|
+
t === "expanded" ? r = s.arrowExpanded : t === "collapsed" ? r = s.arrowCollapsed : r = s.arrowPlaceholder;
|
|
230
|
+
const n = r.content, c = this.domService.createText(n);
|
|
231
|
+
this.domService.appendChild(l, c), r.style && this.applyStyleString(l, r.style);
|
|
232
|
+
for (const h of r.classes)
|
|
233
|
+
this.domService.addClass(l, h);
|
|
234
|
+
return this.domService.appendChild(e, l), l;
|
|
235
|
+
}
|
|
236
|
+
addColumnBorderDivs(e, t, s, o, i) {
|
|
229
237
|
if (e.verticalBorderVisible) {
|
|
230
|
-
const
|
|
231
|
-
this.addVerticalBorder(
|
|
238
|
+
const a = `ge-table-${o}-${i}-vertical-border`;
|
|
239
|
+
this.addVerticalBorder(s, t, a);
|
|
232
240
|
}
|
|
233
241
|
if (e.horizontalBorderVisible) {
|
|
234
|
-
const
|
|
235
|
-
this.addHorizontalBorder(
|
|
242
|
+
const a = `ge-table-${o}-${i}-horizontal-border`;
|
|
243
|
+
this.addHorizontalBorder(s, t, a);
|
|
236
244
|
}
|
|
237
245
|
return t;
|
|
238
246
|
}
|
|
239
|
-
addHorizontalBorder(e, t,
|
|
240
|
-
const
|
|
241
|
-
return this.domService.addClass(
|
|
247
|
+
addHorizontalBorder(e, t, s = "ge-table-body-center-horizontal-border") {
|
|
248
|
+
const o = this.domService.createElement("div");
|
|
249
|
+
return this.domService.addClass(o, s), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${e.left}px`), this.domService.setStyle(o, "top", `${e.top}px`), this.domService.setStyle(o, "width", `${e.width}px`), this.domService.setStyle(o, "height", "1px"), this.domService.appendChild(t, o), o;
|
|
242
250
|
}
|
|
243
|
-
addFocusBorderDivs(e, t,
|
|
251
|
+
addFocusBorderDivs(e, t, s) {
|
|
244
252
|
t = { ...t, width: t.width + 1, height: t.height + 1 };
|
|
245
|
-
let
|
|
246
|
-
return this.domService.addClass(
|
|
253
|
+
let o = this.domService.createElement("div");
|
|
254
|
+
return this.domService.addClass(o, "ge-table-focus-border"), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${t.left}px`), this.domService.setStyle(o, "top", `${t.top}px`), this.domService.setStyle(o, "width", "1px"), this.domService.setStyle(o, "height", `${t.height}px`), this.domService.setStyle(o, "z-index", "9999"), this.applyStyle(o, s), this.domService.appendChild(e, o), o = this.domService.createElement("div"), this.domService.addClass(o, "ge-table-focus-border"), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${t.left + t.width - 1}px`), this.domService.setStyle(o, "top", `${t.top}px`), this.domService.setStyle(o, "width", "1px"), this.domService.setStyle(o, "height", `${t.height}px`), this.domService.setStyle(o, "z-index", "9999"), this.applyStyle(o, s), this.domService.appendChild(e, o), o = this.domService.createElement("div"), this.domService.addClass(o, "ge-table-focus-border"), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${t.left}px`), this.domService.setStyle(o, "top", `${t.top}px`), this.domService.setStyle(o, "width", `${t.width}px`), this.domService.setStyle(o, "height", "1px"), this.domService.setStyle(o, "z-index", "9999"), this.applyStyle(o, s), this.domService.appendChild(e, o), o = this.domService.createElement("div"), this.domService.addClass(o, "ge-table-focus-border"), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${t.left}px`), this.domService.setStyle(o, "top", `${t.top + t.height - 1}px`), this.domService.setStyle(o, "width", `${t.width}px`), this.domService.setStyle(o, "height", "1px"), this.domService.setStyle(o, "z-index", "9999"), this.applyStyle(o, s), this.domService.appendChild(e, o), e;
|
|
247
255
|
}
|
|
248
|
-
addVerticalBorder(e, t,
|
|
249
|
-
const
|
|
250
|
-
return this.domService.addClass(
|
|
256
|
+
addVerticalBorder(e, t, s = "ge-table-body-center-vertical-border") {
|
|
257
|
+
const o = this.domService.createElement("div");
|
|
258
|
+
return this.domService.addClass(o, s), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${e.left}px`), this.domService.setStyle(o, "top", `${e.top}px`), this.domService.setStyle(o, "width", "1px"), this.domService.setStyle(o, "height", `${e.height}px`), this.domService.appendChild(t, o), o;
|
|
251
259
|
}
|
|
252
|
-
addDiv(e, t,
|
|
253
|
-
const
|
|
254
|
-
return
|
|
260
|
+
addDiv(e, t, s = "") {
|
|
261
|
+
const o = this.domService.createElement("div");
|
|
262
|
+
return s && this.domService.addClass(o, s), this.domService.setStyle(o, "display", "clip"), this.domService.setStyle(o, "position", "absolute"), this.domService.setStyle(o, "left", `${t.left}px`), this.domService.setStyle(o, "top", `${t.top}px`), this.domService.setStyle(o, "width", `${t.width}px`), this.domService.setStyle(o, "height", `${t.height}px`), this.domService.appendChild(e, o), o;
|
|
255
263
|
}
|
|
256
264
|
applyStyleString(e, t) {
|
|
257
|
-
const
|
|
258
|
-
for (const
|
|
259
|
-
const [i,
|
|
260
|
-
this.domService.setStyle(e, i.trim(),
|
|
265
|
+
const s = t.split(";").map((o) => o.trim()).filter((o) => o);
|
|
266
|
+
for (const o of s) {
|
|
267
|
+
const [i, a] = o.split(":");
|
|
268
|
+
this.domService.setStyle(e, i.trim(), a.trim());
|
|
261
269
|
}
|
|
262
270
|
}
|
|
263
271
|
getDivOrCreateDiv(e, t) {
|
|
264
|
-
let
|
|
265
|
-
return
|
|
272
|
+
let s = t.cache[e];
|
|
273
|
+
return s ? (s.innerText = "", s) : (s = this.domService.createElement("div"), t.cache[e] = s, s);
|
|
266
274
|
}
|
|
267
275
|
}
|
|
268
|
-
const
|
|
269
|
-
class
|
|
276
|
+
const G = (f) => f === "header" ? "header" : f === "footer" ? "footer" : "body";
|
|
277
|
+
class ne {
|
|
270
278
|
constructor(e, t) {
|
|
271
279
|
if (this.rowIdx = -1, this.colIdx = -1, this.action = null, this.inputType = null, this.className = "", e !== null && (e instanceof HTMLDivElement || e instanceof HTMLSpanElement || e instanceof HTMLInputElement)) {
|
|
272
280
|
this.className = e.className, this.action = e.getAttribute("data-ge-action"), this.inputType = e.getAttribute("data-input-type"), this.rowIdx = Number(e.getAttribute("data-row-index")), this.colIdx = Number(e.getAttribute("data-col-index"));
|
|
273
|
-
const
|
|
274
|
-
if (
|
|
275
|
-
const
|
|
276
|
-
this.value =
|
|
281
|
+
const s = e.getAttribute("data-area");
|
|
282
|
+
if (s && (this.areaIdent = G(s), this.areaModel = t.tableModel.getAreaModel(this.areaIdent), this.row = this.areaModel.getRowByIndex(this.rowIdx)), e instanceof HTMLInputElement) {
|
|
283
|
+
const o = e;
|
|
284
|
+
this.value = o.value;
|
|
277
285
|
}
|
|
278
286
|
}
|
|
279
287
|
}
|
|
280
288
|
}
|
|
281
|
-
class
|
|
289
|
+
class ce {
|
|
282
290
|
constructor(e) {
|
|
283
291
|
this.tableScope = e, this.doubleClickDelay = 500, this.expandedAll = !0, this.mouseDown = !1, this.dragging = !1, this.lastClicked = 0, this.tableScope.hostElement.addEventListener("click", this.onHostElementClicked.bind(this)), this.tableScope.hostElement.addEventListener("dblclick", this.onHostElementDblClicked.bind(this)), this.tableScope.hostElement.addEventListener("mousedown", this.onMouseDown.bind(this)), this.tableScope.hostElement.addEventListener("mousemove", this.onMouseMove.bind(this)), this.tableScope.hostElement.addEventListener("mouseup", this.onMouseUp.bind(this)), this.tableScope.hostElement.addEventListener("contextmenu", this.onContextmenu.bind(this)), this.tableScope.hostElement._MouseHandler = "true", this.tableScope.scrollViewport.addEventListener("scroll", this.tableScope.adjustAfterScrolling.bind(this.tableScope)), [window, this.tableScope.hostElement].forEach(
|
|
284
292
|
(t) => t.addEventListener("resize", this.tableScope.adjustContainersAndRows.bind(this.tableScope))
|
|
@@ -308,24 +316,24 @@ class ne {
|
|
|
308
316
|
if (t - this.lastClicked < this.doubleClickDelay)
|
|
309
317
|
return;
|
|
310
318
|
this.lastClicked = t;
|
|
311
|
-
const
|
|
312
|
-
if (
|
|
319
|
+
const s = new ne(e.target, this.tableScope);
|
|
320
|
+
if (s.action === "toggleExpandCollapseAll")
|
|
313
321
|
this.expandedAll = !this.expandedAll, this.tableScope.toggleExpandCollapseAll(this.expandedAll), e.preventDefault(), e.stopPropagation();
|
|
314
|
-
else if (
|
|
315
|
-
this.tableScope.toggleHeaderGroup(
|
|
316
|
-
else if (
|
|
317
|
-
this.tableScope.toggleRowCheckbox(
|
|
318
|
-
else if (
|
|
319
|
-
const
|
|
320
|
-
if (
|
|
322
|
+
else if (s.action === "toggleHeaderGroup")
|
|
323
|
+
this.tableScope.toggleHeaderGroup(s), e.preventDefault(), e.stopPropagation();
|
|
324
|
+
else if (s.inputType === "checkbox" && s.areaIdent)
|
|
325
|
+
this.tableScope.toggleRowCheckbox(s.rowIdx, s.colIdx, s.areaIdent), e.preventDefault(), e.stopPropagation();
|
|
326
|
+
else if (H(s.row) && s.areaModel) {
|
|
327
|
+
const o = s.colIdx === this.getArrowColumnIndex() && e.altKey, i = s.className.includes("ge-table-tree-arrow-div");
|
|
328
|
+
if (o || i) {
|
|
321
329
|
e.preventDefault(), e.stopPropagation();
|
|
322
|
-
const
|
|
323
|
-
|
|
330
|
+
const a = s.row;
|
|
331
|
+
a.expanded = !a.expanded, "recalcVisibleTreeRows" in s.areaModel && s.areaModel.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(a);
|
|
324
332
|
}
|
|
325
333
|
}
|
|
326
|
-
if (
|
|
327
|
-
const
|
|
328
|
-
|
|
334
|
+
if (s.areaIdent === "body" && this.tableScope.tableOptions.getFocusModel) {
|
|
335
|
+
const o = this.tableScope.tableOptions.getFocusModel();
|
|
336
|
+
o == null || o.clear(), o == null || o.setFocus(s.rowIdx, s.colIdx);
|
|
329
337
|
}
|
|
330
338
|
this.publishGeMouseEvent(e, 1);
|
|
331
339
|
}
|
|
@@ -337,15 +345,15 @@ class ne {
|
|
|
337
345
|
*/
|
|
338
346
|
onHostElementDblClicked(e) {
|
|
339
347
|
if (this.lastClicked = Date.now(), e.target instanceof HTMLElement) {
|
|
340
|
-
const t = e.target,
|
|
341
|
-
if (
|
|
342
|
-
this.tableScope.tableModel.isSortable(
|
|
348
|
+
const t = e.target, s = t.getAttribute("data-area"), o = G(s), i = Number(t.getAttribute("data-row-index")), a = Number(t.getAttribute("data-col-index")), l = this.tableScope.tableModel.getAreaModel(o);
|
|
349
|
+
if (s && o === "header")
|
|
350
|
+
this.tableScope.tableModel.isSortable(a) && (this.tableScope.clearSelection(), this.tableScope.onHeaderDblClicked(e, i, a));
|
|
343
351
|
else if (t.getAttribute("data-row-index")) {
|
|
344
|
-
const
|
|
345
|
-
if (
|
|
352
|
+
const r = l.getRowByIndex(i);
|
|
353
|
+
if (s && o === "body" && l.isEditable(i, a) && (this.tableScope.clearSelection(), this.tableScope.initRenderEditor(i, a)), H(r) && a === this.getArrowColumnIndex()) {
|
|
346
354
|
e.preventDefault(), e.stopPropagation();
|
|
347
|
-
const n =
|
|
348
|
-
n.expanded = !n.expanded, "recalcVisibleTreeRows" in
|
|
355
|
+
const n = r;
|
|
356
|
+
n.expanded = !n.expanded, "recalcVisibleTreeRows" in l && l.recalcVisibleTreeRows(), this.tableScope.tableModel.recalcSize(this.tableScope.hostElement.clientWidth), this.tableScope.adjustContainersAndRows(), this.updateCollapsedExpandedState(n);
|
|
349
357
|
}
|
|
350
358
|
}
|
|
351
359
|
}
|
|
@@ -360,8 +368,8 @@ class ne {
|
|
|
360
368
|
* @return {void}
|
|
361
369
|
*/
|
|
362
370
|
publishGeMouseEvent(e, t) {
|
|
363
|
-
var
|
|
364
|
-
this.mouseEvent = e, this.geMouseEventOld = (
|
|
371
|
+
var s;
|
|
372
|
+
this.mouseEvent = e, this.geMouseEventOld = (s = this.geMouseEvent) == null ? void 0 : s.clone(), this.geMouseEvent = this.tableScope.createGeMouseEvent(e), this.geMouseEvent && (this.geMouseEvent.clickCount = t), this.tableScope.onMouseClicked(this.geMouseEvent, this.geMouseEventOld), this.tableScope.publishGeMouseEvent(this.geMouseEvent), t === 1 && this.tableScope.debounceRepaint();
|
|
365
373
|
}
|
|
366
374
|
/**
|
|
367
375
|
* Update the collapsed/expanded state of a tree row.
|
|
@@ -370,11 +378,11 @@ class ne {
|
|
|
370
378
|
* @returns {void}
|
|
371
379
|
*/
|
|
372
380
|
updateCollapsedExpandedState(e) {
|
|
373
|
-
var
|
|
374
|
-
const t = (
|
|
381
|
+
var s, o, i, a, l;
|
|
382
|
+
const t = (o = (s = this.tableScope.tableOptions) == null ? void 0 : s.autoRestoreOptions) == null ? void 0 : o.getRowId;
|
|
375
383
|
if (t) {
|
|
376
|
-
const
|
|
377
|
-
n ? (
|
|
384
|
+
const r = (i = this.tableScope.storeStateCollapsedExpandService) == null ? void 0 : i.collapsedExpandedStateGet().mode, n = r === "collapsed" && !e.expanded || r === "expanded" && e.expanded, c = r === "collapsed" && e.expanded || r === "expanded" && !e.expanded, h = t(e.data);
|
|
385
|
+
n ? (a = this.tableScope.storeStateCollapsedExpandService) == null || a.collapsedStateIdsPush(h) : c && ((l = this.tableScope.storeStateCollapsedExpandService) == null || l.collapsedStateIdsRemove(h));
|
|
378
386
|
}
|
|
379
387
|
}
|
|
380
388
|
getArrowColumnIndex() {
|
|
@@ -527,6 +535,13 @@ class de {
|
|
|
527
535
|
repaintHard() {
|
|
528
536
|
this.tableScope.repaintHard();
|
|
529
537
|
}
|
|
538
|
+
/**
|
|
539
|
+
* Recalculates the column widths of the table.
|
|
540
|
+
*
|
|
541
|
+
* @param {number} clientWidth - The width of the client area.
|
|
542
|
+
*
|
|
543
|
+
* @return {void}
|
|
544
|
+
*/
|
|
530
545
|
recalcColumnWidths(e) {
|
|
531
546
|
this.tableScope.recalcColumnWidths(e);
|
|
532
547
|
}
|
|
@@ -580,6 +595,25 @@ class de {
|
|
|
580
595
|
this.tableScope.focusModel()
|
|
581
596
|
);
|
|
582
597
|
}
|
|
598
|
+
/**
|
|
599
|
+
* Downloads an Excel file containing data from the table's header, body, and footer areas.
|
|
600
|
+
* Extracts the table data into a 2D matrix and uses the Excel service to generate and download the file.
|
|
601
|
+
*
|
|
602
|
+
* @return {void} No return value, downloads the Excel file directly.
|
|
603
|
+
*/
|
|
604
|
+
downloadExcel() {
|
|
605
|
+
const e = [], t = this.tableScope.tableModel.getColumnCount(), s = ["header", "body", "footer"];
|
|
606
|
+
for (const o of s) {
|
|
607
|
+
const i = this.tableScope.tableModel.getAreaModel(o), a = (i == null ? void 0 : i.getRowCount()) ?? 0;
|
|
608
|
+
for (let l = 0; l < a; l++) {
|
|
609
|
+
const r = [];
|
|
610
|
+
e.push(r);
|
|
611
|
+
for (let n = 0; n < t; n++)
|
|
612
|
+
r.push(i.getValueAt(l, n));
|
|
613
|
+
}
|
|
614
|
+
}
|
|
615
|
+
return this.tableScope.excelService.downloadExcel(e, "table.xlsx");
|
|
616
|
+
}
|
|
583
617
|
/**
|
|
584
618
|
* Retrieves the current scope of the table.
|
|
585
619
|
*
|
|
@@ -605,26 +639,26 @@ class z {
|
|
|
605
639
|
autoConvertMapToObject(e) {
|
|
606
640
|
const t = {};
|
|
607
641
|
if (e instanceof Map) {
|
|
608
|
-
const
|
|
609
|
-
for (const
|
|
642
|
+
const s = e;
|
|
643
|
+
for (const o of [...s]) {
|
|
610
644
|
const [
|
|
611
645
|
i,
|
|
612
|
-
|
|
613
|
-
] =
|
|
614
|
-
t[i] =
|
|
646
|
+
a
|
|
647
|
+
] = o;
|
|
648
|
+
t[i] = a;
|
|
615
649
|
}
|
|
616
650
|
}
|
|
617
651
|
return t;
|
|
618
652
|
}
|
|
619
653
|
checkAndPersistItem(e, t) {
|
|
620
|
-
const
|
|
621
|
-
if (
|
|
622
|
-
const
|
|
623
|
-
if (
|
|
624
|
-
const i =
|
|
654
|
+
const s = this.getStorageKeyFn;
|
|
655
|
+
if (s) {
|
|
656
|
+
const o = s();
|
|
657
|
+
if (o) {
|
|
658
|
+
const i = o + e;
|
|
625
659
|
if ((t + "").includes("Map")) {
|
|
626
|
-
const
|
|
627
|
-
this.persistItem(i,
|
|
660
|
+
const a = this.autoConvertMapToObject(t);
|
|
661
|
+
this.persistItem(i, a);
|
|
628
662
|
} else
|
|
629
663
|
this.persistItem(i, t);
|
|
630
664
|
}
|
|
@@ -688,21 +722,21 @@ class he extends z {
|
|
|
688
722
|
if (e) {
|
|
689
723
|
const t = e();
|
|
690
724
|
if (t) {
|
|
691
|
-
const
|
|
692
|
-
let
|
|
693
|
-
this.scrollOffset =
|
|
725
|
+
const s = t + this.SCROLL_STATE;
|
|
726
|
+
let o = this.loadFromLocalStorage(s);
|
|
727
|
+
this.scrollOffset = o || [0, 0];
|
|
694
728
|
}
|
|
695
729
|
}
|
|
696
730
|
}
|
|
697
731
|
}
|
|
698
|
-
class
|
|
699
|
-
constructor(e = "collapsed", t = [],
|
|
700
|
-
this.mode = e, this.rowIds = t, this.allCollapsed =
|
|
732
|
+
class pe {
|
|
733
|
+
constructor(e = "collapsed", t = [], s = !1, o = !1) {
|
|
734
|
+
this.mode = e, this.rowIds = t, this.allCollapsed = s, this.allExpanded = o;
|
|
701
735
|
}
|
|
702
736
|
}
|
|
703
737
|
class ge extends z {
|
|
704
738
|
constructor(e) {
|
|
705
|
-
super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new
|
|
739
|
+
super(e), this.COLLAPSED_EXPANDED_STATE = "collapsedExpandedState", this.collapsedExpandedState = new pe(), this.load();
|
|
706
740
|
}
|
|
707
741
|
collapsedExpandedStateGet() {
|
|
708
742
|
return this.collapsedExpandedState;
|
|
@@ -725,8 +759,8 @@ class ge extends z {
|
|
|
725
759
|
if (e) {
|
|
726
760
|
const t = e();
|
|
727
761
|
if (t) {
|
|
728
|
-
const
|
|
729
|
-
|
|
762
|
+
const s = t + this.COLLAPSED_EXPANDED_STATE, o = this.loadFromLocalStorage(s);
|
|
763
|
+
o && (this.collapsedExpandedState = o);
|
|
730
764
|
}
|
|
731
765
|
}
|
|
732
766
|
}
|
|
@@ -734,7 +768,7 @@ class ge extends z {
|
|
|
734
768
|
this.checkAndPersistItem(this.COLLAPSED_EXPANDED_STATE, this.collapsedExpandedState);
|
|
735
769
|
}
|
|
736
770
|
}
|
|
737
|
-
class
|
|
771
|
+
class fe extends z {
|
|
738
772
|
constructor(e) {
|
|
739
773
|
super(e), this.SORTING_STATE = "sortingState", this.sortItems = [], this.load();
|
|
740
774
|
}
|
|
@@ -749,89 +783,89 @@ class pe extends z {
|
|
|
749
783
|
if (e) {
|
|
750
784
|
const t = e();
|
|
751
785
|
if (t) {
|
|
752
|
-
const
|
|
753
|
-
this.sortItems =
|
|
786
|
+
const s = t + this.SORTING_STATE, o = this.loadFromLocalStorage(s);
|
|
787
|
+
this.sortItems = o || [];
|
|
754
788
|
}
|
|
755
789
|
}
|
|
756
790
|
}
|
|
757
791
|
}
|
|
758
|
-
class
|
|
759
|
-
constructor(e = 0, t = 0,
|
|
760
|
-
this.left = e, this.width = t, this.height =
|
|
792
|
+
class R {
|
|
793
|
+
constructor(e = 0, t = 0, s = 0, o = 0, i) {
|
|
794
|
+
this.left = e, this.width = t, this.height = s, this.top = o, this.index = i;
|
|
761
795
|
}
|
|
762
796
|
}
|
|
763
|
-
class
|
|
764
|
-
constructor(e, t,
|
|
765
|
-
this.hostElement = e, this.tableModel = t, this.dom =
|
|
797
|
+
class me {
|
|
798
|
+
constructor(e, t, s, o) {
|
|
799
|
+
this.hostElement = e, this.tableModel = t, this.dom = s, this.tableOptions = o, this.scrollTop = 0, this.areaBodyWestGeo = new R(), this.areaBodyCenterGeo = new R(), this.areaBodyEastGeo = new R();
|
|
766
800
|
const i = this.hostElement;
|
|
767
801
|
i.innerText = "", this.dom.setAttribute(i, "tabindex", "0"), this.dom.setStyle(
|
|
768
802
|
this.dom.addClass("ge-table", i),
|
|
769
803
|
"position",
|
|
770
804
|
"relative"
|
|
771
|
-
), this.hoverRow =
|
|
772
|
-
|
|
773
|
-
), this.hoverColumn =
|
|
774
|
-
|
|
775
|
-
), this.draggingColumn =
|
|
776
|
-
|
|
777
|
-
), this.areaHeaderWest =
|
|
778
|
-
|
|
779
|
-
|
|
805
|
+
), this.hoverRow = s.applyStylePosistionAbsolute(
|
|
806
|
+
s.createDivWithClass("ge-table-hover-row", i)
|
|
807
|
+
), this.hoverColumn = s.applyStylePosistionAbsolute(
|
|
808
|
+
s.createDivWithClass("ge-table-hover-column", i)
|
|
809
|
+
), this.draggingColumn = s.applyStylePosistionAbsolute(
|
|
810
|
+
s.createDivWithClass("ge-table-dragging-column", i)
|
|
811
|
+
), this.areaHeaderWest = s.appendRelativeChildDiv(
|
|
812
|
+
s.applyStylePosistionAbsolute(
|
|
813
|
+
s.createAreaDivWithClass("ge-table-header ge-table-header-west", i, "header", "west")
|
|
780
814
|
)
|
|
781
|
-
), this.areaHeaderCenter =
|
|
782
|
-
|
|
783
|
-
|
|
815
|
+
), this.areaHeaderCenter = s.appendRelativeChildDiv(
|
|
816
|
+
s.applyStylePosistionAbsolute(
|
|
817
|
+
s.createAreaDivWithClass("ge-table-header ge-table-header-center", i, "header", "center")
|
|
784
818
|
)
|
|
785
|
-
), this.areaHeaderEast =
|
|
786
|
-
|
|
787
|
-
|
|
819
|
+
), this.areaHeaderEast = s.appendRelativeChildDiv(
|
|
820
|
+
s.applyStylePosistionAbsolute(
|
|
821
|
+
s.createAreaDivWithClass("ge-table-header ge-table-header-east", i, "body", "east")
|
|
788
822
|
)
|
|
789
|
-
), this.areaBodyWest =
|
|
790
|
-
|
|
791
|
-
|
|
823
|
+
), this.areaBodyWest = s.appendRelativeChildDiv(
|
|
824
|
+
s.applyStylePosistionAbsolute(
|
|
825
|
+
s.createAreaDivWithClass("ge-table-body ge-table-body-west", i, "body", "west")
|
|
792
826
|
)
|
|
793
|
-
), this.areaBodyEast =
|
|
794
|
-
|
|
795
|
-
|
|
827
|
+
), this.areaBodyEast = s.appendRelativeChildDiv(
|
|
828
|
+
s.applyStylePosistionAbsolute(
|
|
829
|
+
s.createAreaDivWithClass("ge-table-body ge-table-body-east", i, "body", "east")
|
|
796
830
|
)
|
|
797
|
-
), this.areaFooterWest =
|
|
798
|
-
|
|
799
|
-
|
|
831
|
+
), this.areaFooterWest = s.appendRelativeChildDiv(
|
|
832
|
+
s.applyStylePosistionAbsolute(
|
|
833
|
+
s.createAreaDivWithClass("ge-table-footer ge-table-footer-west", i, "footer", "west")
|
|
800
834
|
)
|
|
801
|
-
), this.areaFooterCenter =
|
|
802
|
-
|
|
803
|
-
|
|
835
|
+
), this.areaFooterCenter = s.appendRelativeChildDiv(
|
|
836
|
+
s.applyStylePosistionAbsolute(
|
|
837
|
+
s.createAreaDivWithClass("ge-table-footer ge-table-footer-center", i, "footer", "center")
|
|
804
838
|
)
|
|
805
|
-
), this.areaFooterEast =
|
|
806
|
-
|
|
807
|
-
|
|
839
|
+
), this.areaFooterEast = s.appendRelativeChildDiv(
|
|
840
|
+
s.applyStylePosistionAbsolute(
|
|
841
|
+
s.createAreaDivWithClass("ge-table-footer ge-table-footer-east", i, "footer", "east")
|
|
808
842
|
)
|
|
809
|
-
), this.scrollViewport =
|
|
843
|
+
), this.scrollViewport = s.applyStyleOverflowAuto(
|
|
810
844
|
this.tableOptions.overflowX ?? "auto",
|
|
811
845
|
this.tableOptions.overflowY ?? "auto",
|
|
812
|
-
|
|
813
|
-
|
|
814
|
-
|
|
846
|
+
s.applyStyleNoPadding(
|
|
847
|
+
s.applyStylePosistionAbsolute(
|
|
848
|
+
s.createAreaDivWithClass("ge-table-scroll-viewport", i, "body", "center")
|
|
815
849
|
)
|
|
816
850
|
)
|
|
817
|
-
), this.contentWrapperDiv =
|
|
818
|
-
|
|
819
|
-
|
|
851
|
+
), this.contentWrapperDiv = s.applyStyleNoPadding(
|
|
852
|
+
s.applyStylePosistionRelative(
|
|
853
|
+
s.createDivWithClass("ge-table-scroll-content-wrapper", this.scrollViewport)
|
|
820
854
|
)
|
|
821
|
-
), this.contentDiv =
|
|
822
|
-
|
|
823
|
-
|
|
855
|
+
), this.contentDiv = s.applyStyleNoPadding(
|
|
856
|
+
s.applyStylePosistionRelative(
|
|
857
|
+
s.createDivWithClass("ge-table-scroll-content", this.contentWrapperDiv)
|
|
824
858
|
)
|
|
825
|
-
), this.areaBodyCenter =
|
|
826
|
-
|
|
827
|
-
), this.borderHeaderBottom =
|
|
828
|
-
|
|
829
|
-
), this.borderFixedWest =
|
|
830
|
-
|
|
831
|
-
), this.borderFixedEast =
|
|
832
|
-
|
|
833
|
-
), this.borderFooterTop =
|
|
834
|
-
|
|
859
|
+
), this.areaBodyCenter = s.appendRelativeChildDiv(
|
|
860
|
+
s.createDivWithClass("ge-table-body-center", this.contentDiv)
|
|
861
|
+
), this.borderHeaderBottom = s.applyStylePosistionAbsolute(
|
|
862
|
+
s.createDivWithClass("ge-table-header-border", i)
|
|
863
|
+
), this.borderFixedWest = s.applyStylePosistionAbsolute(
|
|
864
|
+
s.createDivWithClass("ge-table-west-fixed-column-border", i)
|
|
865
|
+
), this.borderFixedEast = s.applyStylePosistionAbsolute(
|
|
866
|
+
s.createDivWithClass("ge-table-east-fixed-column-border", i)
|
|
867
|
+
), this.borderFooterTop = s.applyStylePosistionAbsolute(
|
|
868
|
+
s.createDivWithClass("ge-table-footer-border", i)
|
|
835
869
|
);
|
|
836
870
|
}
|
|
837
871
|
/**
|
|
@@ -840,10 +874,10 @@ class be {
|
|
|
840
874
|
* @return {void}
|
|
841
875
|
*/
|
|
842
876
|
adjustContainersAndRows() {
|
|
843
|
-
const e = this.tableModel.getPadding(), t = this.hostElement.clientWidth,
|
|
877
|
+
const e = this.tableModel.getPadding(), t = this.hostElement.clientWidth, s = this.hostElement.clientHeight;
|
|
844
878
|
this.dom.applyStyle(this.scrollViewport, {
|
|
845
879
|
width: `${t - e.left}px`,
|
|
846
|
-
height: `${
|
|
880
|
+
height: `${s - e.top}px`,
|
|
847
881
|
top: `${e.top}px`,
|
|
848
882
|
left: `${e.left}px`
|
|
849
883
|
}), this.scrollTop = this.scrollViewport.scrollTop, this.dom.applyStyle(this.contentDiv, {
|
|
@@ -851,21 +885,21 @@ class be {
|
|
|
851
885
|
height: `${this.scrollViewport.clientHeight}px`,
|
|
852
886
|
top: `${this.scrollTop}px`,
|
|
853
887
|
left: `${this.scrollViewport.scrollLeft}px`
|
|
854
|
-
}), this.areaBodyWestGeo.width = e.left, this.areaBodyWestGeo.height =
|
|
888
|
+
}), this.areaBodyWestGeo.width = e.left, this.areaBodyWestGeo.height = s - e.top - e.bottom, this.areaBodyWestGeo.top = e.top, this.areaBodyWestGeo.left = 0, this.dom.applyStyleInPx(this.areaBodyWest.parent, this.areaBodyWestGeo), this.tableOptions.fixedWestSeparatorBorderVisible && this.tableModel.getFixedLeftColumnCount() ? this.dom.applyDisplayBlockStyle(
|
|
855
889
|
this.dom.applyStyle(this.borderFixedWest, {
|
|
856
890
|
width: "1px",
|
|
857
891
|
height: `${this.areaBodyWestGeo.height}px`,
|
|
858
892
|
top: `${this.areaBodyWestGeo.top}px`,
|
|
859
893
|
left: `${this.areaBodyWestGeo.width}px`
|
|
860
894
|
})
|
|
861
|
-
) : this.dom.applyDisplayNoneStyle(this.borderFixedWest), this.areaBodyEastGeo.width = e.right, this.areaBodyEastGeo.height =
|
|
895
|
+
) : this.dom.applyDisplayNoneStyle(this.borderFixedWest), this.areaBodyEastGeo.width = e.right, this.areaBodyEastGeo.height = s - e.top - e.bottom, this.areaBodyEastGeo.top = e.top, this.areaBodyEastGeo.left = t - e.right, this.dom.applyStyleInPx(this.areaBodyEast.parent, this.areaBodyEastGeo), this.tableOptions.fixedEastSeparatorBorderVisible && this.tableModel.getFixedLeftColumnCount() ? this.dom.applyDisplayBlockStyle(
|
|
862
896
|
this.dom.applyStyle(this.borderFixedEast, {
|
|
863
897
|
width: "1px",
|
|
864
898
|
height: `${this.areaBodyEastGeo.height}px`,
|
|
865
899
|
top: `${this.areaBodyEastGeo.top}px`,
|
|
866
900
|
left: `${this.areaBodyEastGeo.left}px`
|
|
867
901
|
})
|
|
868
|
-
) : this.dom.applyDisplayNoneStyle(this.borderFixedEast), this.areaBodyCenterGeo.width = t - e.left - e.right, this.areaBodyCenterGeo.height =
|
|
902
|
+
) : this.dom.applyDisplayNoneStyle(this.borderFixedEast), this.areaBodyCenterGeo.width = t - e.left - e.right, this.areaBodyCenterGeo.height = s - e.top - e.bottom, this.areaBodyCenterGeo.top = 0, this.areaBodyCenterGeo.left = 0, this.dom.applyStyleInPx(this.areaBodyCenter.parent, this.areaBodyCenterGeo), this.dom.applyStyle(this.areaHeaderCenter.parent, {
|
|
869
903
|
width: `${t - e.left - e.right}px`,
|
|
870
904
|
height: `${e.top}px`,
|
|
871
905
|
top: "0",
|
|
@@ -890,23 +924,23 @@ class be {
|
|
|
890
924
|
) : this.dom.applyDisplayNoneStyle(this.borderHeaderBottom), this.dom.applyStyle(this.areaFooterWest.parent, {
|
|
891
925
|
width: `${e.left}px`,
|
|
892
926
|
height: `${e.bottom}px`,
|
|
893
|
-
top: `${
|
|
927
|
+
top: `${s - e.bottom}px`,
|
|
894
928
|
left: "0"
|
|
895
929
|
}), this.dom.applyStyle(this.areaFooterCenter.parent, {
|
|
896
930
|
width: `${t - e.left - e.right}px`,
|
|
897
931
|
height: `${e.bottom}px`,
|
|
898
|
-
top: `${
|
|
932
|
+
top: `${s - e.bottom}px`,
|
|
899
933
|
left: `${e.left}px`
|
|
900
934
|
}), this.dom.applyStyle(this.areaFooterEast.parent, {
|
|
901
935
|
width: `${e.right}px`,
|
|
902
936
|
height: `${e.bottom}px`,
|
|
903
|
-
top: `${
|
|
937
|
+
top: `${s - e.bottom}px`,
|
|
904
938
|
left: `${t - e.right}px`
|
|
905
939
|
}), this.tableOptions.footerSeparatorBorderVisible && this.tableModel.isFooterVisibe() ? this.dom.applyDisplayBlockStyle(
|
|
906
940
|
this.dom.applyStyle(this.borderFooterTop, {
|
|
907
941
|
width: `${t}px`,
|
|
908
942
|
height: "1px",
|
|
909
|
-
top: `${
|
|
943
|
+
top: `${s - e.bottom}px`,
|
|
910
944
|
left: "0px"
|
|
911
945
|
})
|
|
912
946
|
) : this.dom.applyDisplayNoneStyle(this.borderFooterTop), this.adjustAfterScrolling();
|
|
@@ -941,8 +975,8 @@ class E {
|
|
|
941
975
|
* @param {number} c2 - The value for c2.
|
|
942
976
|
* @param {boolean} [gammaRange=false] - The value for gammaRange. Defaults to false. gammaRange will be used for AreaModelCellGroups, but it's not implemented yet!
|
|
943
977
|
*/
|
|
944
|
-
constructor(e, t,
|
|
945
|
-
this.r1 = e, this.c1 = t, this.r2 =
|
|
978
|
+
constructor(e, t, s, o, i = !1) {
|
|
979
|
+
this.r1 = e, this.c1 = t, this.r2 = s, this.c2 = o, this.gammaRange = i;
|
|
946
980
|
}
|
|
947
981
|
static create(e) {
|
|
948
982
|
return e.gammaRange === void 0 && (e.gammaRange = !1), new E(
|
|
@@ -975,14 +1009,14 @@ class ue {
|
|
|
975
1009
|
return;
|
|
976
1010
|
this.colAndRowspanRanges = [];
|
|
977
1011
|
const e = this.areaModel.getRowCount(), t = this.tableModel.getColumnCount();
|
|
978
|
-
for (let
|
|
979
|
-
for (let
|
|
980
|
-
let i = this.areaModel.getColspanAt(
|
|
981
|
-
if (i > 1 ||
|
|
982
|
-
i === 0 && (i = 1),
|
|
983
|
-
const
|
|
1012
|
+
for (let s = 0; s < e; s++)
|
|
1013
|
+
for (let o = 0; o < t; o++) {
|
|
1014
|
+
let i = this.areaModel.getColspanAt(s, o), a = this.areaModel.getRowspanAt(s, o);
|
|
1015
|
+
if (i > 1 || a > 1) {
|
|
1016
|
+
i === 0 && (i = 1), a === 0 && (a = 1);
|
|
1017
|
+
const l = "gammaCells" in this.areaModel;
|
|
984
1018
|
this.colAndRowspanRanges.push(
|
|
985
|
-
new E(o, s
|
|
1019
|
+
new E(s, o, s + a - 1, o + i - 1, l)
|
|
986
1020
|
);
|
|
987
1021
|
}
|
|
988
1022
|
}
|
|
@@ -992,29 +1026,29 @@ class ue {
|
|
|
992
1026
|
}
|
|
993
1027
|
isInRange(e, t) {
|
|
994
1028
|
if (this.colAndRowspanRanges) {
|
|
995
|
-
for (const
|
|
996
|
-
if (
|
|
1029
|
+
for (const s of this.colAndRowspanRanges)
|
|
1030
|
+
if (s.isInRange(e, t))
|
|
997
1031
|
return !0;
|
|
998
1032
|
}
|
|
999
1033
|
return !1;
|
|
1000
1034
|
}
|
|
1001
1035
|
}
|
|
1002
|
-
class
|
|
1003
|
-
constructor(e, t,
|
|
1004
|
-
this.header = e, this.body = t, this.footer =
|
|
1036
|
+
class be {
|
|
1037
|
+
constructor(e, t, s) {
|
|
1038
|
+
this.header = e, this.body = t, this.footer = s;
|
|
1005
1039
|
}
|
|
1006
1040
|
}
|
|
1007
|
-
class
|
|
1008
|
-
constructor(e, t,
|
|
1009
|
-
var
|
|
1010
|
-
super(e, t,
|
|
1041
|
+
class Se extends me {
|
|
1042
|
+
constructor(e, t, s, o) {
|
|
1043
|
+
var a, l;
|
|
1044
|
+
super(e, t, s, o), this.dragging = !1, this.editing = !1, this.storedColumnWidths = [], this.scrollLeft = 0, this.scrollViewportLeft = 0, this.scrollFactorY = 0, this.scrollFactorX = 0, this.cleanupFunctions = {
|
|
1011
1045
|
header: [],
|
|
1012
1046
|
body: [],
|
|
1013
1047
|
footer: []
|
|
1014
|
-
}, this.tree = !1, this.colAndRowspanModels = new
|
|
1015
|
-
(
|
|
1048
|
+
}, this.tree = !1, this.colAndRowspanModels = new be(), this.firstVisibleRowIndex = -1, this.draggingTargetColumnIndex = -1, this.removables = [], this.tableModel.getSelectionModel ? this.getSelectionModel = this.tableModel.getSelectionModel : (a = this.tableOptions) != null && a.getSelectionModel && (this.getSelectionModel = this.tableOptions.getSelectionModel), (l = this.tableOptions) != null && l.getFocusModel && (this.getFocusModel = this.tableOptions.getFocusModel), W(t.getAreaModel("body")) && (this.tree = !0), ["header", "body", "footer"].forEach(
|
|
1049
|
+
(r) => {
|
|
1016
1050
|
var n;
|
|
1017
|
-
this.colAndRowspanModels[
|
|
1051
|
+
this.colAndRowspanModels[r] = new ue(t, t.getAreaModel(r)), (n = this.colAndRowspanModels[r]) == null || n.init();
|
|
1018
1052
|
}
|
|
1019
1053
|
);
|
|
1020
1054
|
}
|
|
@@ -1052,10 +1086,10 @@ class fe extends be {
|
|
|
1052
1086
|
* @param {number} colIdx - The index of the column.
|
|
1053
1087
|
*/
|
|
1054
1088
|
initRenderEditor(e, t) {
|
|
1055
|
-
var
|
|
1056
|
-
let
|
|
1057
|
-
if (
|
|
1058
|
-
if (this.editorRenderer =
|
|
1089
|
+
var o;
|
|
1090
|
+
let s = (o = this.tableModel.getColumnDef(t)) == null ? void 0 : o.getEditRenderer;
|
|
1091
|
+
if (s || (s = this.tableOptions.getEditRenderer), s)
|
|
1092
|
+
if (this.editorRenderer = s(e, t), this.editorRenderer) {
|
|
1059
1093
|
this.editorRendererRow = e, this.editorRendererColumn = t, this.editing = !0, this.repaint();
|
|
1060
1094
|
const i = document.querySelector("input.ge-table-cell-editor-input");
|
|
1061
1095
|
i && i.focus();
|
|
@@ -1100,19 +1134,19 @@ class fe extends be {
|
|
|
1100
1134
|
for (const t of this.removables)
|
|
1101
1135
|
t.remove();
|
|
1102
1136
|
this.hideHoverRow(), this.hideHoverColumn(), this.scrollTop = this.scrollViewport.scrollTop, this.scrollLeft = this.scrollViewport.scrollLeft, this.debounce(this.checkForScrollPosSaving.bind(this)), this.scrollFactorY = this.scrollTop / (this.scrollViewport.scrollHeight - this.scrollViewport.clientHeight), this.scrollFactorX = this.scrollLeft / (this.scrollViewport.scrollWidth - this.scrollViewport.clientWidth), isNaN(this.scrollFactorY) && (this.scrollFactorY = 0), isNaN(this.scrollFactorX) && (this.scrollFactorX = 0), this.adjustBody(), this.adjustArea("footer"), this.adjustArea("header"), this.tableOptions.tableTopBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
|
|
1103
|
-
new
|
|
1137
|
+
new R(0, this.hostElement.clientWidth, 1, 0),
|
|
1104
1138
|
this.hostElement,
|
|
1105
1139
|
"ge-table-border"
|
|
1106
1140
|
)), this.tableOptions.tableBottomBorderVisible && this.removables.push(this.dom.addHorizontalBorder(
|
|
1107
|
-
new
|
|
1141
|
+
new R(0, this.hostElement.clientWidth, 1, this.hostElement.clientHeight - 1),
|
|
1108
1142
|
this.hostElement,
|
|
1109
1143
|
"ge-table-border"
|
|
1110
1144
|
)), this.tableModel.getFixedLeftColumnCount() > 0 && this.removables.push(this.dom.addVerticalBorder(
|
|
1111
|
-
new
|
|
1145
|
+
new R(this.areaBodyWest.child.clientWidth, 1, this.hostElement.clientHeight, 0),
|
|
1112
1146
|
this.hostElement,
|
|
1113
1147
|
"ge-table-body-west-vertical-border"
|
|
1114
1148
|
)), ((e = this.tableModel.getAreaModel("header")) == null ? void 0 : e.getRowCount()) > 0 && this.removables.push(this.dom.addHorizontalBorder(
|
|
1115
|
-
new
|
|
1149
|
+
new R(0, this.hostElement.clientWidth, 1, this.areaHeaderCenter.child.clientHeight),
|
|
1116
1150
|
this.hostElement,
|
|
1117
1151
|
"ge-table-body-west-vertical-border"
|
|
1118
1152
|
));
|
|
@@ -1136,8 +1170,8 @@ class fe extends be {
|
|
|
1136
1170
|
*/
|
|
1137
1171
|
updateCells(e, t = !1) {
|
|
1138
1172
|
e.forEach(
|
|
1139
|
-
(
|
|
1140
|
-
this.tableModel.getAreaModel(
|
|
1173
|
+
(s) => {
|
|
1174
|
+
this.tableModel.getAreaModel(s.area).setValue(s.rowIndex, s.columnIndex, s.value), t || this.rerenderCellContent(s);
|
|
1141
1175
|
}
|
|
1142
1176
|
), t && this.repaint();
|
|
1143
1177
|
}
|
|
@@ -1150,23 +1184,24 @@ class fe extends be {
|
|
|
1150
1184
|
* @param {any} value - The new value to be displayed in the cell.
|
|
1151
1185
|
* @param {string[]} cssClasses - An array of CSS classes to be applied to the cell.
|
|
1152
1186
|
*/
|
|
1153
|
-
rerenderCellContent({ area: e, rowIndex: t, columnIndex:
|
|
1154
|
-
const
|
|
1155
|
-
if (
|
|
1187
|
+
rerenderCellContent({ area: e, rowIndex: t, columnIndex: s, value: o, cssClasses: i }) {
|
|
1188
|
+
const a = this.tableModel.getAreaModel(e), l = 'div[data-col-index="' + s + '"][data-row-index="' + t + '"][data-area="' + e + '"]', r = document.querySelector(l);
|
|
1189
|
+
if (r) {
|
|
1156
1190
|
let n;
|
|
1157
|
-
const
|
|
1158
|
-
|
|
1159
|
-
|
|
1191
|
+
const c = this.editorRenderer && this.editorRendererRow === t && this.editorRendererColumn === s;
|
|
1192
|
+
let h;
|
|
1193
|
+
if (c ? h = this.editorRenderer : h = a.getCellRenderer(t, s), r.innerText = "", this.applyCssClasses(r, i), h)
|
|
1194
|
+
n = h.render(r, t, s, e, a, o, this.dom.domService), n && this.cleanupFunctions[e].push(n);
|
|
1160
1195
|
else {
|
|
1161
|
-
const
|
|
1162
|
-
this.dom.addLabelDiv(
|
|
1196
|
+
const p = `${o}`;
|
|
1197
|
+
this.dom.addLabelDiv(r, p, !1, t, s, e);
|
|
1163
1198
|
}
|
|
1164
|
-
const
|
|
1165
|
-
|
|
1166
|
-
const
|
|
1167
|
-
if (
|
|
1168
|
-
for (const
|
|
1169
|
-
this.dom.setStyle(
|
|
1199
|
+
const d = a.getCustomClassesAt(t, s);
|
|
1200
|
+
d.length && this.dom.addClasses(d, r);
|
|
1201
|
+
const m = a.getCustomStyleAt(t, s);
|
|
1202
|
+
if (m)
|
|
1203
|
+
for (const p in m)
|
|
1204
|
+
this.dom.setStyle(r, p, m[p]);
|
|
1170
1205
|
}
|
|
1171
1206
|
}
|
|
1172
1207
|
/**
|
|
@@ -1178,13 +1213,13 @@ class fe extends be {
|
|
|
1178
1213
|
*/
|
|
1179
1214
|
storeColumnWidths() {
|
|
1180
1215
|
const e = this.tableModel.getColumnDefs();
|
|
1181
|
-
e != null && e.length && (this.storedColumnWidths = e.map((t,
|
|
1216
|
+
e != null && e.length && (this.storedColumnWidths = e.map((t, s) => this.tableModel.getColumnWidth(s)));
|
|
1182
1217
|
}
|
|
1183
1218
|
getAreaAndSideIdentByAttr(e) {
|
|
1184
1219
|
if (e) {
|
|
1185
|
-
const t = this.getStringByAttr(e, "data-area"),
|
|
1186
|
-
if (
|
|
1187
|
-
return [t,
|
|
1220
|
+
const t = this.getStringByAttr(e, "data-area"), s = this.getStringByAttr(e, "data-side");
|
|
1221
|
+
if (s && t)
|
|
1222
|
+
return [t, s];
|
|
1188
1223
|
}
|
|
1189
1224
|
return [void 0, void 0];
|
|
1190
1225
|
}
|
|
@@ -1241,11 +1276,11 @@ class fe extends be {
|
|
|
1241
1276
|
* @protected
|
|
1242
1277
|
*/
|
|
1243
1278
|
getNumberByAttr(e, t) {
|
|
1244
|
-
var
|
|
1279
|
+
var s;
|
|
1245
1280
|
if (e) {
|
|
1246
|
-
const
|
|
1247
|
-
if (
|
|
1248
|
-
return Number(
|
|
1281
|
+
const o = (s = e.closest("[" + t + "]")) == null ? void 0 : s.getAttribute(t);
|
|
1282
|
+
if (o)
|
|
1283
|
+
return Number(o);
|
|
1249
1284
|
}
|
|
1250
1285
|
return -1;
|
|
1251
1286
|
}
|
|
@@ -1258,11 +1293,11 @@ class fe extends be {
|
|
|
1258
1293
|
* @protected
|
|
1259
1294
|
*/
|
|
1260
1295
|
getStringByAttr(e, t) {
|
|
1261
|
-
var
|
|
1296
|
+
var s;
|
|
1262
1297
|
if (e) {
|
|
1263
|
-
const
|
|
1264
|
-
if (
|
|
1265
|
-
return
|
|
1298
|
+
const o = (s = e.closest("[" + t + "]")) == null ? void 0 : s.getAttribute(t);
|
|
1299
|
+
if (o)
|
|
1300
|
+
return o;
|
|
1266
1301
|
}
|
|
1267
1302
|
return "";
|
|
1268
1303
|
}
|
|
@@ -1275,87 +1310,87 @@ class fe extends be {
|
|
|
1275
1310
|
* @protected
|
|
1276
1311
|
*/
|
|
1277
1312
|
adjustArea(e, t = 0) {
|
|
1278
|
-
var
|
|
1279
|
-
const
|
|
1280
|
-
|
|
1281
|
-
const
|
|
1313
|
+
var g;
|
|
1314
|
+
const s = this.getArea(e, "west"), o = this.getArea(e, "center"), i = this.getArea(e, "east"), a = o.child.clientHeight;
|
|
1315
|
+
s.child.innerText = "", o.child.innerText = "", i.child.innerText = "";
|
|
1316
|
+
const l = 0, r = this.areaBodyCenterGeo.width, n = this.tableModel.getPadding(), c = this.tableModel.getAreaModel(e), h = c.getRowCount();
|
|
1282
1317
|
for (; this.cleanupFunctions[e].length; ) {
|
|
1283
|
-
const
|
|
1284
|
-
|
|
1318
|
+
const u = this.cleanupFunctions[e].shift();
|
|
1319
|
+
u && u();
|
|
1285
1320
|
}
|
|
1286
|
-
let
|
|
1287
|
-
const
|
|
1288
|
-
for (let
|
|
1289
|
-
const
|
|
1290
|
-
if (
|
|
1291
|
-
this.firstVisibleRowIndex =
|
|
1292
|
-
let
|
|
1293
|
-
const
|
|
1321
|
+
let d = t;
|
|
1322
|
+
const m = this.tableModel.getColumnCount(), p = this.tableModel.getFixedRightColumnCount(), b = this.tableModel.getFixedLeftColumnCount();
|
|
1323
|
+
for (let u = 0; u < h; u++) {
|
|
1324
|
+
const x = d, S = u === h - 1, w = this.tableModel.getRowHeight(e, u);
|
|
1325
|
+
if (x + w > 0) {
|
|
1326
|
+
this.firstVisibleRowIndex = u;
|
|
1327
|
+
let v = { left: l, width: r, height: w, top: x, index: u }, y = this.dom.addRowDiv(o, v, u, e, "center");
|
|
1328
|
+
const T = b;
|
|
1294
1329
|
if (this.adjustColumnsToRowParent({
|
|
1295
1330
|
areaIdent: e,
|
|
1296
1331
|
sideIdent: "center",
|
|
1297
|
-
areaModel:
|
|
1298
|
-
geo:
|
|
1332
|
+
areaModel: c,
|
|
1333
|
+
geo: v,
|
|
1299
1334
|
parent: y,
|
|
1300
|
-
rowIndex:
|
|
1301
|
-
columnIndexStart:
|
|
1302
|
-
columnIndexEnd:
|
|
1335
|
+
rowIndex: u,
|
|
1336
|
+
columnIndexStart: T,
|
|
1337
|
+
columnIndexEnd: m - p - 1,
|
|
1303
1338
|
verticalFixed: !1,
|
|
1304
|
-
lastRowOfModel:
|
|
1305
|
-
}), n.left > 0 && (
|
|
1339
|
+
lastRowOfModel: S
|
|
1340
|
+
}), n.left > 0 && (v = { left: l, width: this.areaBodyWestGeo.width, height: w, top: x, index: u }, y = this.dom.addRowDiv(s, v, u, e, "west"), this.adjustColumnsToRowParent({
|
|
1306
1341
|
areaIdent: e,
|
|
1307
1342
|
sideIdent: "west",
|
|
1308
|
-
areaModel:
|
|
1309
|
-
geo:
|
|
1343
|
+
areaModel: c,
|
|
1344
|
+
geo: v,
|
|
1310
1345
|
parent: y,
|
|
1311
|
-
rowIndex:
|
|
1346
|
+
rowIndex: u,
|
|
1312
1347
|
columnIndexStart: 0,
|
|
1313
|
-
columnIndexEnd:
|
|
1348
|
+
columnIndexEnd: T - 1,
|
|
1314
1349
|
verticalFixed: !0,
|
|
1315
|
-
lastRowOfModel:
|
|
1316
|
-
})), n.right > 0 && (
|
|
1350
|
+
lastRowOfModel: S
|
|
1351
|
+
})), n.right > 0 && (v = { left: l, width: this.areaBodyEastGeo.width, height: w, top: x, index: u }, y = this.dom.addRowDiv(i, v, u, e, "east"), this.adjustColumnsToRowParent({
|
|
1317
1352
|
areaIdent: e,
|
|
1318
1353
|
sideIdent: "east",
|
|
1319
|
-
areaModel:
|
|
1320
|
-
geo:
|
|
1354
|
+
areaModel: c,
|
|
1355
|
+
geo: v,
|
|
1321
1356
|
parent: y,
|
|
1322
|
-
rowIndex:
|
|
1323
|
-
columnIndexStart:
|
|
1324
|
-
columnIndexEnd:
|
|
1357
|
+
rowIndex: u,
|
|
1358
|
+
columnIndexStart: m - p,
|
|
1359
|
+
columnIndexEnd: m - 1,
|
|
1325
1360
|
verticalFixed: !0,
|
|
1326
|
-
lastRowOfModel:
|
|
1327
|
-
})), e === "header" && this.tree &&
|
|
1361
|
+
lastRowOfModel: S
|
|
1362
|
+
})), e === "header" && this.tree && u === h - 1) {
|
|
1328
1363
|
const A = this.dom.applyStyle(
|
|
1329
1364
|
this.dom.setAttribute(
|
|
1330
|
-
this.dom.addDiv(y, new
|
|
1365
|
+
this.dom.addDiv(y, new R(16, 20, 20, 8)),
|
|
1331
1366
|
"data-ge-action",
|
|
1332
1367
|
"toggleExpandCollapseAll"
|
|
1333
1368
|
),
|
|
1334
1369
|
{ cursor: "pointer" }
|
|
1335
1370
|
), M = this.tableOptions.treeOptions.arrowExpandCollapseAll;
|
|
1336
1371
|
if (M) {
|
|
1337
|
-
const
|
|
1338
|
-
this.dom.domService.appendChild(A,
|
|
1372
|
+
const I = this.dom.domService.createText(M.content);
|
|
1373
|
+
this.dom.domService.appendChild(A, I), M.style && this.dom.applyStyleString(A, M.style);
|
|
1339
1374
|
}
|
|
1340
1375
|
}
|
|
1341
1376
|
}
|
|
1342
|
-
if (
|
|
1377
|
+
if (d = d + w, d > a)
|
|
1343
1378
|
break;
|
|
1344
1379
|
}
|
|
1345
1380
|
if (this.colAndRowspanModels && this.colAndRowspanModels[e]) {
|
|
1346
|
-
const
|
|
1347
|
-
if (
|
|
1348
|
-
for (const
|
|
1349
|
-
let
|
|
1350
|
-
if (
|
|
1351
|
-
|
|
1352
|
-
else if (
|
|
1353
|
-
|
|
1381
|
+
const u = ((g = this.colAndRowspanModels[e]) == null ? void 0 : g.getRanges()) ?? [];
|
|
1382
|
+
if (u.length)
|
|
1383
|
+
for (const x of u) {
|
|
1384
|
+
let S = 0, w = o.child, v = "center";
|
|
1385
|
+
if (x.c1 < b)
|
|
1386
|
+
w = s.child, v = "west";
|
|
1387
|
+
else if (p > 0 && x.c1 >= m - p)
|
|
1388
|
+
w = i.child, v = "east";
|
|
1354
1389
|
else {
|
|
1355
1390
|
const y = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
|
|
1356
|
-
|
|
1391
|
+
S = this.scrollFactorX * y - this.areaBodyWestGeo.width, v = "center";
|
|
1357
1392
|
}
|
|
1358
|
-
this.drawBigCell(
|
|
1393
|
+
this.drawBigCell(x, S, t, c, w, v);
|
|
1359
1394
|
}
|
|
1360
1395
|
}
|
|
1361
1396
|
}
|
|
@@ -1369,48 +1404,48 @@ class fe extends be {
|
|
|
1369
1404
|
* @param sideIdent SideIdent (west,center,east)
|
|
1370
1405
|
* @protected
|
|
1371
1406
|
*/
|
|
1372
|
-
drawBigCell(e, t,
|
|
1373
|
-
const
|
|
1374
|
-
let
|
|
1375
|
-
n > 0 && e.c1 >=
|
|
1376
|
-
const h = t + this.getColumnWidths(
|
|
1377
|
-
let
|
|
1378
|
-
const
|
|
1379
|
-
|
|
1380
|
-
areaModel:
|
|
1381
|
-
areaIdent:
|
|
1382
|
-
sideIdent:
|
|
1407
|
+
drawBigCell(e, t, s, o, i, a) {
|
|
1408
|
+
const l = s + this.getRowHeights(0, e.r1 - 1, o).reduce((g, u) => g + u, 0), r = this.tableModel.getColumnCount(), n = this.tableModel.getFixedRightColumnCount();
|
|
1409
|
+
let c = 0;
|
|
1410
|
+
n > 0 && e.c1 >= r - n && (c = r - n);
|
|
1411
|
+
const h = t + this.getColumnWidths(c, e.c1 - 1).reduce((g, u) => g + u, 0), d = this.getRowHeights(e.r1, e.r2, o).reduce((g, u) => g + u, 0), m = this.getColumnWidths(e.c1, e.c2).reduce((g, u) => g + u, 0);
|
|
1412
|
+
let p = !1;
|
|
1413
|
+
const b = this.getSelectionModel ? this.getSelectionModel() : void 0;
|
|
1414
|
+
b && (p = b.getSelectionCount(e.r1, e.c1) > 0), e.gammaRange ? this.renderCell({
|
|
1415
|
+
areaModel: o,
|
|
1416
|
+
areaIdent: o.areaIdent,
|
|
1417
|
+
sideIdent: a,
|
|
1383
1418
|
rowIndex: e.r1,
|
|
1384
1419
|
columnIndex: e.c1,
|
|
1385
1420
|
left: h,
|
|
1386
|
-
top:
|
|
1387
|
-
width:
|
|
1388
|
-
height:
|
|
1421
|
+
top: l,
|
|
1422
|
+
width: m,
|
|
1423
|
+
height: d,
|
|
1389
1424
|
parent: i,
|
|
1390
|
-
cellSelected:
|
|
1425
|
+
cellSelected: p,
|
|
1391
1426
|
lastRowOfModel: !0,
|
|
1392
1427
|
gammaRange: e.gammaRange
|
|
1393
1428
|
}) : this.renderCell({
|
|
1394
|
-
areaModel:
|
|
1395
|
-
areaIdent:
|
|
1396
|
-
sideIdent:
|
|
1429
|
+
areaModel: o,
|
|
1430
|
+
areaIdent: o.areaIdent,
|
|
1431
|
+
sideIdent: a,
|
|
1397
1432
|
rowIndex: e.r1,
|
|
1398
1433
|
columnIndex: e.c1,
|
|
1399
1434
|
left: h,
|
|
1400
|
-
top:
|
|
1401
|
-
width:
|
|
1402
|
-
height:
|
|
1435
|
+
top: l,
|
|
1436
|
+
width: m,
|
|
1437
|
+
height: d,
|
|
1403
1438
|
parent: i,
|
|
1404
|
-
cellSelected:
|
|
1439
|
+
cellSelected: p,
|
|
1405
1440
|
lastRowOfModel: !0,
|
|
1406
1441
|
gammaRange: e.gammaRange
|
|
1407
|
-
}),
|
|
1442
|
+
}), o.areaIdent === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
|
|
1408
1443
|
rowIndex: e.r1,
|
|
1409
1444
|
columnIndex: e.c1,
|
|
1410
1445
|
cellLeft: h,
|
|
1411
|
-
cellTop:
|
|
1412
|
-
cellWidth:
|
|
1413
|
-
cellHeight:
|
|
1446
|
+
cellTop: l,
|
|
1447
|
+
cellWidth: m,
|
|
1448
|
+
cellHeight: d,
|
|
1414
1449
|
parent: i
|
|
1415
1450
|
});
|
|
1416
1451
|
}
|
|
@@ -1423,13 +1458,13 @@ class fe extends be {
|
|
|
1423
1458
|
* @returns {number} - The row index of the important rowspan cell, or -1 if not found.
|
|
1424
1459
|
* @protected
|
|
1425
1460
|
*/
|
|
1426
|
-
findRowOfImportantRowspanCell(e, t,
|
|
1427
|
-
const
|
|
1461
|
+
findRowOfImportantRowspanCell(e, t, s) {
|
|
1462
|
+
const o = e.getMaxRowspan();
|
|
1428
1463
|
for (let i = t - 1; i > -1; i--) {
|
|
1429
|
-
const
|
|
1430
|
-
if (
|
|
1464
|
+
const a = e.getRowspanAt(i, s);
|
|
1465
|
+
if (a > 1 && i + a + 1 >= t)
|
|
1431
1466
|
return i;
|
|
1432
|
-
if (t - i >
|
|
1467
|
+
if (t - i > o)
|
|
1433
1468
|
return -1;
|
|
1434
1469
|
}
|
|
1435
1470
|
return -1;
|
|
@@ -1444,68 +1479,68 @@ class fe extends be {
|
|
|
1444
1479
|
adjustColumnsToRowParent({
|
|
1445
1480
|
areaIdent: e,
|
|
1446
1481
|
sideIdent: t,
|
|
1447
|
-
areaModel:
|
|
1448
|
-
geo:
|
|
1482
|
+
areaModel: s,
|
|
1483
|
+
geo: o,
|
|
1449
1484
|
parent: i,
|
|
1450
|
-
rowIndex:
|
|
1451
|
-
columnIndexStart:
|
|
1452
|
-
columnIndexEnd:
|
|
1485
|
+
rowIndex: a,
|
|
1486
|
+
columnIndexStart: l,
|
|
1487
|
+
columnIndexEnd: r,
|
|
1453
1488
|
verticalFixed: n = !1,
|
|
1454
|
-
lastRowOfModel:
|
|
1489
|
+
lastRowOfModel: c = !1
|
|
1455
1490
|
}) {
|
|
1456
|
-
var
|
|
1491
|
+
var b;
|
|
1457
1492
|
this.scrollViewportLeft = this.scrollViewport.scrollLeft;
|
|
1458
1493
|
let h = 0;
|
|
1459
1494
|
if (!n) {
|
|
1460
|
-
const
|
|
1461
|
-
h = this.scrollFactorX *
|
|
1495
|
+
const g = this.areaBodyCenterGeo.width - this.tableModel.getContentWidthInPixel();
|
|
1496
|
+
h = this.scrollFactorX * g;
|
|
1462
1497
|
}
|
|
1463
|
-
const
|
|
1464
|
-
let
|
|
1465
|
-
for (let
|
|
1466
|
-
const
|
|
1467
|
-
if (
|
|
1468
|
-
let
|
|
1469
|
-
const
|
|
1470
|
-
|
|
1471
|
-
let y =
|
|
1472
|
-
|
|
1473
|
-
let
|
|
1474
|
-
if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (
|
|
1475
|
-
this.renderDragTargetDiv(i,
|
|
1476
|
-
const A = { left:
|
|
1498
|
+
const d = 0, m = !!(e === "body" && t);
|
|
1499
|
+
let p = h;
|
|
1500
|
+
for (let g = l; g <= r; g++) {
|
|
1501
|
+
const u = p, x = this.tableModel.getColumnWidth(g);
|
|
1502
|
+
if (x > 0 && u + x > 0) {
|
|
1503
|
+
let S = o.height;
|
|
1504
|
+
const w = s.getRowspanAt(a, g), v = s.getColspanAt(a, g);
|
|
1505
|
+
w > 1 && (S = this.getRowHeights(a, a + w - 1, s).reduce((A, M) => A + M, 0));
|
|
1506
|
+
let y = x;
|
|
1507
|
+
v > 1 && (y = this.getColumnWidths(g, g + v - 1).reduce((A, M) => A + M, 0));
|
|
1508
|
+
let T = !1;
|
|
1509
|
+
if (this.colAndRowspanModels && this.colAndRowspanModels[e] && (b = this.colAndRowspanModels[e]) != null && b.isInRange(a, g) && (T = !0), this.draggingTargetColumnIndex === g && e !== "header") {
|
|
1510
|
+
this.renderDragTargetDiv(i, u, d, y, S);
|
|
1511
|
+
const A = { left: u, top: d, width: y, height: S };
|
|
1477
1512
|
this.dom.addColumnBorderDivs(this.tableOptions, i, A, e, t);
|
|
1478
1513
|
} else {
|
|
1479
|
-
const A = this.renderSelectedBackgroundDiv(
|
|
1480
|
-
"gammaCells" in
|
|
1481
|
-
areaModel:
|
|
1514
|
+
const A = this.renderSelectedBackgroundDiv(T, m, t, s, a, g, i, u, d, y, S);
|
|
1515
|
+
"gammaCells" in s && s.getValueAt(a, g) && (T = !1), T || this.renderCell({
|
|
1516
|
+
areaModel: s,
|
|
1482
1517
|
areaIdent: e,
|
|
1483
1518
|
sideIdent: t,
|
|
1484
|
-
rowIndex:
|
|
1485
|
-
columnIndex:
|
|
1486
|
-
left:
|
|
1487
|
-
top:
|
|
1519
|
+
rowIndex: a,
|
|
1520
|
+
columnIndex: g,
|
|
1521
|
+
left: u,
|
|
1522
|
+
top: d,
|
|
1488
1523
|
width: y,
|
|
1489
|
-
height:
|
|
1524
|
+
height: S,
|
|
1490
1525
|
parent: i,
|
|
1491
1526
|
cellSelected: A,
|
|
1492
|
-
lastRowOfModel:
|
|
1527
|
+
lastRowOfModel: c,
|
|
1493
1528
|
gammaRange: !0
|
|
1494
1529
|
}), e === "header" && this.tableOptions.columnsResizable && this.renderHeaderCellResizeHandle({
|
|
1495
|
-
rowIndex:
|
|
1496
|
-
columnIndex:
|
|
1497
|
-
cellLeft:
|
|
1498
|
-
cellTop:
|
|
1530
|
+
rowIndex: a,
|
|
1531
|
+
columnIndex: g,
|
|
1532
|
+
cellLeft: u,
|
|
1533
|
+
cellTop: d,
|
|
1499
1534
|
cellWidth: y,
|
|
1500
|
-
cellHeight:
|
|
1535
|
+
cellHeight: S,
|
|
1501
1536
|
parent: i
|
|
1502
1537
|
});
|
|
1503
1538
|
}
|
|
1504
1539
|
}
|
|
1505
|
-
if (
|
|
1540
|
+
if (p = p + x, p > this.areaBodyCenterGeo.width)
|
|
1506
1541
|
break;
|
|
1507
1542
|
}
|
|
1508
|
-
this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new
|
|
1543
|
+
this.tableOptions.verticalBorderVisible && this.dom.addVerticalBorder(new R(p - 1, 1, o.height, 0), i);
|
|
1509
1544
|
}
|
|
1510
1545
|
/**
|
|
1511
1546
|
* Retrieves the column index of the tree arrow column in the table.
|
|
@@ -1522,58 +1557,58 @@ class fe extends be {
|
|
|
1522
1557
|
addAndRenderCellDiv({
|
|
1523
1558
|
areaModel: e,
|
|
1524
1559
|
areaIdent: t,
|
|
1525
|
-
sideIdent:
|
|
1526
|
-
rowIndex:
|
|
1560
|
+
sideIdent: s,
|
|
1561
|
+
rowIndex: o,
|
|
1527
1562
|
index: i,
|
|
1528
|
-
left:
|
|
1529
|
-
width:
|
|
1530
|
-
height:
|
|
1563
|
+
left: a,
|
|
1564
|
+
width: l,
|
|
1565
|
+
height: r,
|
|
1531
1566
|
top: n,
|
|
1532
|
-
parent:
|
|
1567
|
+
parent: c,
|
|
1533
1568
|
lastRowOfModel: h
|
|
1534
1569
|
}) {
|
|
1535
1570
|
var X;
|
|
1536
|
-
const
|
|
1537
|
-
let
|
|
1538
|
-
if (i === this.getTreeArrowColumnIndex() &&
|
|
1539
|
-
const
|
|
1540
|
-
(X =
|
|
1571
|
+
const m = this.editorRenderer && this.editorRendererRow === o && this.editorRendererColumn === i ? this.editorRenderer : e.getCellRenderer(o, i), p = { left: a, width: l, height: r, top: n, index: i }, b = e.getRowByIndex(o);
|
|
1572
|
+
let g = "none";
|
|
1573
|
+
if (i === this.getTreeArrowColumnIndex() && H(b)) {
|
|
1574
|
+
const C = b;
|
|
1575
|
+
(X = C.children) != null && X.length ? C.expanded ? g = "expanded" : g = "collapsed" : g = "hidden";
|
|
1541
1576
|
}
|
|
1542
|
-
let
|
|
1577
|
+
let x;
|
|
1543
1578
|
if (t === "header") {
|
|
1544
|
-
const
|
|
1545
|
-
(!(
|
|
1579
|
+
const C = this.tableModel.getColumnDef(i);
|
|
1580
|
+
(!(C != null && C.sortIconVisible) || C != null && C.sortIconVisible()) && (x = C == null ? void 0 : C.sortState);
|
|
1546
1581
|
}
|
|
1547
|
-
const
|
|
1582
|
+
const S = e.getValueAt(o, i), w = m ? "" : `${S}`, v = e.isRowChecked(o), y = this.dom.addColumnDiv(
|
|
1548
1583
|
{
|
|
1549
|
-
parent:
|
|
1550
|
-
geo:
|
|
1551
|
-
rowIndex:
|
|
1584
|
+
parent: c,
|
|
1585
|
+
geo: p,
|
|
1586
|
+
rowIndex: o,
|
|
1552
1587
|
columnIndex: i,
|
|
1553
1588
|
areaIdent: t,
|
|
1554
|
-
sideIdent:
|
|
1555
|
-
text:
|
|
1556
|
-
treeArrow:
|
|
1589
|
+
sideIdent: s,
|
|
1590
|
+
text: w,
|
|
1591
|
+
treeArrow: g,
|
|
1557
1592
|
tableOptions: this.tableOptions,
|
|
1558
|
-
checkedType:
|
|
1559
|
-
sortState:
|
|
1593
|
+
checkedType: v,
|
|
1594
|
+
sortState: x
|
|
1560
1595
|
}
|
|
1561
|
-
),
|
|
1562
|
-
|
|
1596
|
+
), T = e.getTooltipAt(o, i);
|
|
1597
|
+
T && this.dom.setAttribute(y, "title", T);
|
|
1563
1598
|
const A = this.tableModel.getColumnDef(i);
|
|
1564
1599
|
A && A.classes[t] && this.dom.addClasses(A.classes[t], y);
|
|
1565
1600
|
let M;
|
|
1566
|
-
|
|
1567
|
-
const
|
|
1568
|
-
if (
|
|
1569
|
-
const
|
|
1570
|
-
|
|
1601
|
+
m && (M = m.render(y, o, i, t, e, S, this.dom.domService));
|
|
1602
|
+
const I = e.getCustomClassesAt(o, i);
|
|
1603
|
+
if (I.length && this.dom.addClasses(I, y), this.dom.addColumnBorderDivs(this.tableOptions, c, p, t, s), h && this.dom.addHorizontalBorder({ left: a, width: l, height: r, top: n + r }, c), this.getFocusModel && t === "body") {
|
|
1604
|
+
const C = this.getFocusModel();
|
|
1605
|
+
C != null && C.hasFocus(o, i) && this.dom.addFocusBorderDivs(c, p, {});
|
|
1571
1606
|
}
|
|
1572
1607
|
t === "header" && this.dom.setAttribute(y, "data-ge-action", "drag-column");
|
|
1573
|
-
const
|
|
1574
|
-
if (
|
|
1575
|
-
for (const
|
|
1576
|
-
this.dom.setStyle(y,
|
|
1608
|
+
const $ = e.getCustomStyleAt(o, i);
|
|
1609
|
+
if ($)
|
|
1610
|
+
for (const C in $)
|
|
1611
|
+
this.dom.setStyle(y, C, $[C]);
|
|
1577
1612
|
return [y, M];
|
|
1578
1613
|
}
|
|
1579
1614
|
/**
|
|
@@ -1584,8 +1619,8 @@ class fe extends be {
|
|
|
1584
1619
|
* @protected
|
|
1585
1620
|
*/
|
|
1586
1621
|
applyCssClasses(e, t = {}) {
|
|
1587
|
-
e && Object.entries(t).forEach(([
|
|
1588
|
-
|
|
1622
|
+
e && Object.entries(t).forEach(([s, o]) => {
|
|
1623
|
+
o ? this.dom.addClass(s, e) : this.dom.removeClass(s, e);
|
|
1589
1624
|
});
|
|
1590
1625
|
}
|
|
1591
1626
|
/**
|
|
@@ -1597,10 +1632,10 @@ class fe extends be {
|
|
|
1597
1632
|
* @return {number[]} An array containing the widths of the columns within the specified range.
|
|
1598
1633
|
*/
|
|
1599
1634
|
getColumnWidths(e, t) {
|
|
1600
|
-
const
|
|
1601
|
-
for (let
|
|
1602
|
-
|
|
1603
|
-
return
|
|
1635
|
+
const s = [];
|
|
1636
|
+
for (let o = e; o <= t; o++)
|
|
1637
|
+
s.push(this.tableModel.getColumnWidth(o));
|
|
1638
|
+
return s;
|
|
1604
1639
|
}
|
|
1605
1640
|
/**
|
|
1606
1641
|
* Retrieves the heights of rows within a specified range.
|
|
@@ -1610,11 +1645,11 @@ class fe extends be {
|
|
|
1610
1645
|
* @param {AreaModelIf} areaModel - The area model.
|
|
1611
1646
|
* @return {number[]} - An array containing the heights of the rows within the specified range.
|
|
1612
1647
|
*/
|
|
1613
|
-
getRowHeights(e, t,
|
|
1614
|
-
const
|
|
1648
|
+
getRowHeights(e, t, s) {
|
|
1649
|
+
const o = [];
|
|
1615
1650
|
for (let i = e; i <= t; i++)
|
|
1616
|
-
|
|
1617
|
-
return
|
|
1651
|
+
o.push(s.getRowHeight(i));
|
|
1652
|
+
return o;
|
|
1618
1653
|
}
|
|
1619
1654
|
/**
|
|
1620
1655
|
* Adjusts the position and size of the hover row based on the mouse move event.
|
|
@@ -1625,12 +1660,12 @@ class fe extends be {
|
|
|
1625
1660
|
*/
|
|
1626
1661
|
adjustHoverRows(e) {
|
|
1627
1662
|
if (this.tableOptions.hoverRowVisible && e.rowIndex > -1) {
|
|
1628
|
-
const t = this.hostElement.clientWidth,
|
|
1663
|
+
const t = this.hostElement.clientWidth, s = this.tableModel.getAreaModel("body").getRowHeight(e.rowIndex), o = e.rowTop + this.areaHeaderCenter.parent.clientHeight - this.scrollTop;
|
|
1629
1664
|
this.dom.applyStyle(this.hoverRow, {
|
|
1630
1665
|
left: "0",
|
|
1631
|
-
top:
|
|
1666
|
+
top: o + "px",
|
|
1632
1667
|
width: t + "px",
|
|
1633
|
-
height:
|
|
1668
|
+
height: s + "px",
|
|
1634
1669
|
display: "block"
|
|
1635
1670
|
});
|
|
1636
1671
|
} else
|
|
@@ -1658,11 +1693,11 @@ class fe extends be {
|
|
|
1658
1693
|
*/
|
|
1659
1694
|
adjustHoverColumns(e) {
|
|
1660
1695
|
if (this.tableOptions.hoverColumnVisible && e.rowIndex > -1) {
|
|
1661
|
-
const t = this.hostElement.clientHeight,
|
|
1696
|
+
const t = this.hostElement.clientHeight, s = this.tableModel.getColumnWidth(e.columnIndex), o = this.areaBodyWestGeo.width, i = e.columnLeft + this.tableModel.getPadding().left - this.scrollLeft - o;
|
|
1662
1697
|
this.dom.applyStyle(this.hoverColumn, {
|
|
1663
1698
|
left: i + "px",
|
|
1664
1699
|
top: "0px",
|
|
1665
|
-
width:
|
|
1700
|
+
width: s + "px",
|
|
1666
1701
|
height: t + "px",
|
|
1667
1702
|
display: "block"
|
|
1668
1703
|
});
|
|
@@ -1701,17 +1736,17 @@ class fe extends be {
|
|
|
1701
1736
|
* @param {number} sourceColumnIndex - The index of the source column.
|
|
1702
1737
|
* @param {boolean} firstDraggingRendering - Indicates if it's the first rendering of the dragging column.
|
|
1703
1738
|
*/
|
|
1704
|
-
adjustDraggingColumn(e, t,
|
|
1705
|
-
var
|
|
1739
|
+
adjustDraggingColumn(e, t, s) {
|
|
1740
|
+
var o, i;
|
|
1706
1741
|
if (this.dragging) {
|
|
1707
|
-
const
|
|
1708
|
-
if ((
|
|
1709
|
-
const
|
|
1742
|
+
const a = this.hostElement.clientHeight, l = this.storedColumnWidths[t];
|
|
1743
|
+
if ((o = e.originalEvent) != null && o.clientX) {
|
|
1744
|
+
const c = { left: ((i = e.originalEvent) == null ? void 0 : i.clientX) - l / 2, width: l, height: a, top: 0, index: t };
|
|
1710
1745
|
this.dom.applyStyle(this.draggingColumn, {
|
|
1711
1746
|
background: "rgba(128,128,128,0.2)",
|
|
1712
1747
|
display: "block",
|
|
1713
1748
|
overfllow: "clip"
|
|
1714
|
-
}), this.dom.applyStyleInPx(this.draggingColumn,
|
|
1749
|
+
}), this.dom.applyStyleInPx(this.draggingColumn, c), s && this.renderContentOfDraggingColumn(c);
|
|
1715
1750
|
}
|
|
1716
1751
|
} else
|
|
1717
1752
|
this.hideDraggingColumn();
|
|
@@ -1735,34 +1770,34 @@ class fe extends be {
|
|
|
1735
1770
|
* @param {number} [y=0] - The starting y-position.
|
|
1736
1771
|
* @return {number} The final y-position after rendering all the content.
|
|
1737
1772
|
*/
|
|
1738
|
-
renderContentOfDraggingColumnForArea(e, t,
|
|
1739
|
-
const
|
|
1740
|
-
if (
|
|
1741
|
-
const
|
|
1742
|
-
for (let n = 0; n <
|
|
1743
|
-
const
|
|
1744
|
-
parent:
|
|
1745
|
-
geo:
|
|
1773
|
+
renderContentOfDraggingColumnForArea(e, t, s = 0) {
|
|
1774
|
+
const o = "center", i = this.tableModel.getAreaModel(t), a = i == null ? void 0 : i.getRowCount();
|
|
1775
|
+
if (a) {
|
|
1776
|
+
const l = e.index ?? 0, r = this.draggingColumn;
|
|
1777
|
+
for (let n = 0; n < a; n++) {
|
|
1778
|
+
const c = s, h = i.getRowHeight(n), d = { left: 0, width: e.width, height: h, top: c, index: n }, m = i.getValueAt(n, l), p = i.getCellRenderer(n, l), b = p ? "" : `${m}`, g = {
|
|
1779
|
+
parent: r,
|
|
1780
|
+
geo: d,
|
|
1746
1781
|
rowIndex: n,
|
|
1747
|
-
columnIndex:
|
|
1782
|
+
columnIndex: l,
|
|
1748
1783
|
areaIdent: t,
|
|
1749
|
-
sideIdent:
|
|
1750
|
-
text:
|
|
1751
|
-
},
|
|
1752
|
-
let
|
|
1753
|
-
|
|
1754
|
-
const
|
|
1755
|
-
|
|
1756
|
-
const
|
|
1757
|
-
|
|
1758
|
-
const
|
|
1759
|
-
if (
|
|
1760
|
-
for (const y in
|
|
1761
|
-
this.dom.setStyle(
|
|
1762
|
-
|
|
1784
|
+
sideIdent: o,
|
|
1785
|
+
text: b
|
|
1786
|
+
}, u = this.dom.addColumnDiv(g);
|
|
1787
|
+
let x;
|
|
1788
|
+
p && (x = p.render(u, n, l, t, i, m, this.dom.domService), x && this.cleanupFunctions[t].push(x));
|
|
1789
|
+
const S = i.getCustomClassesAt(n, l);
|
|
1790
|
+
S.length && this.dom.addClasses(S, u);
|
|
1791
|
+
const w = this.tableModel.getColumnDef(l);
|
|
1792
|
+
w && w.classes[t] && this.dom.addClasses(w.classes[t], u), this.dom.addColumnBorderDivs(this.tableOptions, r, d, t, o);
|
|
1793
|
+
const v = i.getCustomStyleAt(n, l);
|
|
1794
|
+
if (v)
|
|
1795
|
+
for (const y in v)
|
|
1796
|
+
this.dom.setStyle(u, y, v[y]);
|
|
1797
|
+
s = s + h;
|
|
1763
1798
|
}
|
|
1764
1799
|
}
|
|
1765
|
-
return
|
|
1800
|
+
return s;
|
|
1766
1801
|
}
|
|
1767
1802
|
/**
|
|
1768
1803
|
* Hides the dragging column by applying a 'display: none' style to it.
|
|
@@ -1785,11 +1820,11 @@ class fe extends be {
|
|
|
1785
1820
|
* @param {number} height - The height of the target div in pixels.
|
|
1786
1821
|
* @return {HTMLDivElement} - The rendered draggable target div element.
|
|
1787
1822
|
*/
|
|
1788
|
-
renderDragTargetDiv(e, t,
|
|
1789
|
-
const
|
|
1823
|
+
renderDragTargetDiv(e, t, s, o, i) {
|
|
1824
|
+
const a = this.dom.applyStylePosistionAbsolute(
|
|
1790
1825
|
this.dom.createDivWithClass("ge-table-drop-zone", e)
|
|
1791
1826
|
);
|
|
1792
|
-
return this.dom.setStyle(
|
|
1827
|
+
return this.dom.setStyle(a, "left", `${t}px`), this.dom.setStyle(a, "top", `${s}px`), this.dom.setStyle(a, "width", `${o}px`), this.dom.setStyle(a, "height", `${i}px`), a;
|
|
1793
1828
|
}
|
|
1794
1829
|
/**
|
|
1795
1830
|
* Render selected background div.
|
|
@@ -1808,23 +1843,23 @@ class fe extends be {
|
|
|
1808
1843
|
* @param {number} height - The height of the div.
|
|
1809
1844
|
* @returns {boolean} - Whether the cell is selected.
|
|
1810
1845
|
*/
|
|
1811
|
-
renderSelectedBackgroundDiv(e, t,
|
|
1812
|
-
let
|
|
1813
|
-
if (!e && t &&
|
|
1814
|
-
const
|
|
1815
|
-
if (
|
|
1816
|
-
const
|
|
1817
|
-
|
|
1818
|
-
for (let
|
|
1819
|
-
const
|
|
1846
|
+
renderSelectedBackgroundDiv(e, t, s, o, i, a, l, r, n, c, h) {
|
|
1847
|
+
let d = !1;
|
|
1848
|
+
if (!e && t && o.isSelectable(i, a) && this.getSelectionModel) {
|
|
1849
|
+
const m = this.getSelectionModel();
|
|
1850
|
+
if (m) {
|
|
1851
|
+
const p = m.getSelectionCount(i, a);
|
|
1852
|
+
d = p > 0;
|
|
1853
|
+
for (let b = 0; b < p; b++) {
|
|
1854
|
+
const g = this.dom.applyStylePosistionAbsolute(
|
|
1820
1855
|
// ge-table-body-west-selected-range
|
|
1821
|
-
this.dom.createDivWithClass(`ge-table-${
|
|
1856
|
+
this.dom.createDivWithClass(`ge-table-${o.areaIdent}-${s}-selected-range`, l)
|
|
1822
1857
|
);
|
|
1823
|
-
this.dom.setStyle(
|
|
1858
|
+
this.dom.setStyle(g, "left", `${r}px`), this.dom.setStyle(g, "top", `${n}px`), this.dom.setStyle(g, "width", `${c}px`), this.dom.setStyle(g, "height", `${h}px`);
|
|
1824
1859
|
}
|
|
1825
1860
|
}
|
|
1826
1861
|
}
|
|
1827
|
-
return
|
|
1862
|
+
return d;
|
|
1828
1863
|
}
|
|
1829
1864
|
/**
|
|
1830
1865
|
* Renders a cell in the grid.
|
|
@@ -1848,31 +1883,31 @@ class fe extends be {
|
|
|
1848
1883
|
renderCell({
|
|
1849
1884
|
areaModel: e,
|
|
1850
1885
|
areaIdent: t,
|
|
1851
|
-
sideIdent:
|
|
1852
|
-
rowIndex:
|
|
1886
|
+
sideIdent: s,
|
|
1887
|
+
rowIndex: o,
|
|
1853
1888
|
columnIndex: i,
|
|
1854
|
-
left:
|
|
1855
|
-
top:
|
|
1856
|
-
width:
|
|
1889
|
+
left: a,
|
|
1890
|
+
top: l,
|
|
1891
|
+
width: r,
|
|
1857
1892
|
height: n,
|
|
1858
|
-
parent:
|
|
1893
|
+
parent: c,
|
|
1859
1894
|
cellSelected: h,
|
|
1860
|
-
lastRowOfModel:
|
|
1895
|
+
lastRowOfModel: d
|
|
1861
1896
|
}) {
|
|
1862
|
-
const [
|
|
1897
|
+
const [m, p] = this.addAndRenderCellDiv({
|
|
1863
1898
|
areaModel: e,
|
|
1864
1899
|
areaIdent: t,
|
|
1865
|
-
sideIdent:
|
|
1866
|
-
rowIndex:
|
|
1900
|
+
sideIdent: s,
|
|
1901
|
+
rowIndex: o,
|
|
1867
1902
|
index: i,
|
|
1868
|
-
left:
|
|
1869
|
-
width:
|
|
1903
|
+
left: a,
|
|
1904
|
+
width: r,
|
|
1870
1905
|
height: n,
|
|
1871
|
-
top:
|
|
1872
|
-
parent:
|
|
1873
|
-
lastRowOfModel:
|
|
1906
|
+
top: l,
|
|
1907
|
+
parent: c,
|
|
1908
|
+
lastRowOfModel: d
|
|
1874
1909
|
});
|
|
1875
|
-
h && this.dom.addClass(`ge-table-${t}-${
|
|
1910
|
+
h && this.dom.addClass(`ge-table-${t}-${s}-selected-range`, m), p && this.cleanupFunctions[t].push(p);
|
|
1876
1911
|
}
|
|
1877
1912
|
/**
|
|
1878
1913
|
* Render the header cell resize handle.
|
|
@@ -1888,17 +1923,17 @@ class fe extends be {
|
|
|
1888
1923
|
*
|
|
1889
1924
|
* @return {void}
|
|
1890
1925
|
*/
|
|
1891
|
-
renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft:
|
|
1892
|
-
const
|
|
1893
|
-
|
|
1926
|
+
renderHeaderCellResizeHandle({ rowIndex: e, columnIndex: t, cellLeft: s, cellTop: o, cellWidth: i, cellHeight: a, parent: l }) {
|
|
1927
|
+
const r = this.dom.domService, n = this.tableOptions.columnResizeHandleWidthInPx ?? 2, c = r.createElement("div");
|
|
1928
|
+
r.setAttribute(c, "data-col-index", `${t}`), r.setAttribute(c, "data-row-index", `${e}`), r.setAttribute(c, "data-area", "header"), r.setAttribute(c, "data-ge-action", "resize-column"), r.addClass(c, "ge-table-column-resize-handle"), r.setStyle(c, "display", "clip"), r.setStyle(c, "position", "absolute"), r.setStyle(c, "cursor", "col-resize"), r.setStyle(c, "left", `${s + i - n}px`), r.setStyle(c, "top", `${o}px`), r.setStyle(c, "width", `${n}px`), r.setStyle(c, "height", `${a}px`), r.appendChild(l, c);
|
|
1894
1929
|
}
|
|
1895
1930
|
}
|
|
1896
|
-
class
|
|
1931
|
+
class ye {
|
|
1897
1932
|
constructor(e, t) {
|
|
1898
1933
|
this.columnIndex = e, this.sortState = t;
|
|
1899
1934
|
}
|
|
1900
1935
|
}
|
|
1901
|
-
class
|
|
1936
|
+
class xe {
|
|
1902
1937
|
constructor(e) {
|
|
1903
1938
|
this.tableScope = e, this.tableScope.hostElement.addEventListener("change", this.onHostElementChanged.bind(this));
|
|
1904
1939
|
}
|
|
@@ -1912,10 +1947,10 @@ class ye {
|
|
|
1912
1947
|
*/
|
|
1913
1948
|
onHostElementChanged(e) {
|
|
1914
1949
|
if (e.target instanceof HTMLInputElement || e.target instanceof HTMLSelectElement || e.target instanceof HTMLTextAreaElement) {
|
|
1915
|
-
const t = e.target,
|
|
1916
|
-
if (
|
|
1917
|
-
const
|
|
1918
|
-
this.tableScope.updateModelValueAfterEdit(
|
|
1950
|
+
const t = e.target, s = t.getAttribute("data-area"), o = t.getAttribute("data-row-index"), i = t.getAttribute("data-col-index");
|
|
1951
|
+
if (s && o && i) {
|
|
1952
|
+
const a = G(s), l = Number(o), r = Number(i);
|
|
1953
|
+
this.tableScope.updateModelValueAfterEdit(a, l, r, t.value);
|
|
1919
1954
|
}
|
|
1920
1955
|
}
|
|
1921
1956
|
}
|
|
@@ -1925,39 +1960,39 @@ class ve {
|
|
|
1925
1960
|
this.rowIndex = e, this.columnIndex = t;
|
|
1926
1961
|
}
|
|
1927
1962
|
}
|
|
1928
|
-
class
|
|
1963
|
+
class _ {
|
|
1929
1964
|
constructor(e) {
|
|
1930
1965
|
this.cells = e;
|
|
1931
1966
|
}
|
|
1932
1967
|
static createSingle(e, t) {
|
|
1933
|
-
return new
|
|
1968
|
+
return new _([new ve(e, t)]);
|
|
1934
1969
|
}
|
|
1935
1970
|
}
|
|
1936
1971
|
class Ce {
|
|
1937
1972
|
constructor(e) {
|
|
1938
|
-
var t,
|
|
1939
|
-
this.tableScope = e, (t = this.tableScope.tableOptions) != null && t.getSelectionModel && (this.getSelectionModel = this.tableScope.tableOptions.getSelectionModel), (
|
|
1973
|
+
var t, s;
|
|
1974
|
+
this.tableScope = e, (t = this.tableScope.tableOptions) != null && t.getSelectionModel && (this.getSelectionModel = this.tableScope.tableOptions.getSelectionModel), (s = this.tableScope.tableOptions) != null && s.getFocusModel && (this.getFocusModel = this.tableScope.tableOptions.getFocusModel);
|
|
1940
1975
|
}
|
|
1941
1976
|
onMouseClicked(e, t) {
|
|
1942
|
-
var i,
|
|
1943
|
-
let
|
|
1977
|
+
var i, a, l, r, n, c, h;
|
|
1978
|
+
let s = !1, o = !1;
|
|
1944
1979
|
if (this.getSelectionModel && this.getFocusModel) {
|
|
1945
|
-
const
|
|
1946
|
-
|
|
1980
|
+
const d = this.getSelectionModel(), m = this.getFocusModel();
|
|
1981
|
+
d && m && (m.hasFocus(e.rowIndex, e.columnIndex) || (m.setFocus(e.rowIndex, e.columnIndex), this.tableScope.onFocusChanged(m), s = !0), (i = e.originalEvent) != null && i.shiftKey || d.hasSelection() && (d.clear(), s = !0), (a = e.originalEvent) != null && a.shiftKey && this.previousEvt ? (d.addSelection(this.createRangeByEvents(e, this.previousEvt)), o = !0, s = !0) : (l = e.originalEvent) != null && l.altKey && ((r = e.originalEvent) != null && r.ctrlKey || (n = e.originalEvent) != null && n.metaKey) ? (d.removeSelection(E.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (c = e.originalEvent) != null && c.ctrlKey || (h = e.originalEvent) != null && h.metaKey ? (d.addSelection(E.singleCell(e.rowIndex, e.columnIndex)), o = !0, s = !0) : (d.firstClick(e.rowIndex, e.columnIndex), s = !0), this.tableScope.onSelectionChanged(d));
|
|
1947
1982
|
}
|
|
1948
|
-
return
|
|
1983
|
+
return o ? this.previousEvt = void 0 : this.previousEvt = e == null ? void 0 : e.clone(), s;
|
|
1949
1984
|
}
|
|
1950
1985
|
onActionTriggered(e) {
|
|
1951
1986
|
if (this.getSelectionModel && this.getFocusModel) {
|
|
1952
|
-
const t = this.getSelectionModel(),
|
|
1953
|
-
if (t &&
|
|
1987
|
+
const t = this.getSelectionModel(), s = this.getFocusModel();
|
|
1988
|
+
if (t && s) {
|
|
1954
1989
|
if (e === "SELECT_ALL")
|
|
1955
1990
|
return t.selectAll(), this.tableScope.repaint(), !0;
|
|
1956
1991
|
if (e === "DESELECT_ALL")
|
|
1957
1992
|
return t.clear(), this.tableScope.repaint(), !0;
|
|
1958
1993
|
if (e === "TOGGLE_SELECTION") {
|
|
1959
|
-
const [
|
|
1960
|
-
return t.togglePoint(
|
|
1994
|
+
const [o, i] = s.getFocus();
|
|
1995
|
+
return t.togglePoint(o, i), this.tableScope.repaint(), !0;
|
|
1961
1996
|
}
|
|
1962
1997
|
}
|
|
1963
1998
|
}
|
|
@@ -1965,12 +2000,12 @@ class Ce {
|
|
|
1965
2000
|
}
|
|
1966
2001
|
createRangeByEvents(e, t) {
|
|
1967
2002
|
t || (t = e);
|
|
1968
|
-
const
|
|
2003
|
+
const s = Math.min(e.rowIndex, t == null ? void 0 : t.rowIndex), o = Math.max(e.rowIndex, t == null ? void 0 : t.rowIndex), i = Math.min(e.columnIndex, t == null ? void 0 : t.columnIndex), a = Math.max(e.columnIndex, t == null ? void 0 : t.columnIndex);
|
|
1969
2004
|
return E.create({
|
|
1970
|
-
rowIndex1:
|
|
2005
|
+
rowIndex1: s,
|
|
1971
2006
|
columnIndex1: i,
|
|
1972
|
-
rowIndex2:
|
|
1973
|
-
columnIndex2:
|
|
2007
|
+
rowIndex2: o,
|
|
2008
|
+
columnIndex2: a
|
|
1974
2009
|
});
|
|
1975
2010
|
}
|
|
1976
2011
|
}
|
|
@@ -1994,7 +2029,7 @@ class we {
|
|
|
1994
2029
|
};
|
|
1995
2030
|
}
|
|
1996
2031
|
}
|
|
1997
|
-
class
|
|
2032
|
+
class Ee {
|
|
1998
2033
|
get() {
|
|
1999
2034
|
return {
|
|
2000
2035
|
f2: "START_EDITING",
|
|
@@ -2016,7 +2051,7 @@ class xe {
|
|
|
2016
2051
|
};
|
|
2017
2052
|
}
|
|
2018
2053
|
}
|
|
2019
|
-
class
|
|
2054
|
+
class Ae {
|
|
2020
2055
|
constructor(e) {
|
|
2021
2056
|
this.tableScope = e, this.shortcutActionIdMapping = {}, this.listener = [], this.listener.push(e), this.init();
|
|
2022
2057
|
}
|
|
@@ -2037,7 +2072,7 @@ class Ee {
|
|
|
2037
2072
|
this.assignPredefinedSystemShortcutMappings(), Object.assign(this.shortcutActionIdMapping, this.tableScope.tableOptions.shortcutActionIdMapping), this.isDebug() && console.debug("ShortcutService", this.shortcutActionIdMapping), this.tableScope.hostElement.addEventListener("keydown", this.onKeyDown.bind(this));
|
|
2038
2073
|
}
|
|
2039
2074
|
assignPredefinedSystemShortcutMappings() {
|
|
2040
|
-
this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new
|
|
2075
|
+
this.isMacintosh() ? Object.assign(this.shortcutActionIdMapping, new Ee().get()) : Object.assign(this.shortcutActionIdMapping, new we().get());
|
|
2041
2076
|
}
|
|
2042
2077
|
isMacintosh() {
|
|
2043
2078
|
return navigator.platform.indexOf("Mac") > -1;
|
|
@@ -2055,24 +2090,24 @@ class Ee {
|
|
|
2055
2090
|
emit(e) {
|
|
2056
2091
|
this.isDebug() && console.debug("ShortcutService emit :", e);
|
|
2057
2092
|
let t = !1;
|
|
2058
|
-
for (const
|
|
2059
|
-
|
|
2093
|
+
for (const s of this.listener)
|
|
2094
|
+
s.onActionTriggered(e) && (t = !0);
|
|
2060
2095
|
return t;
|
|
2061
2096
|
}
|
|
2062
2097
|
findEntity(e) {
|
|
2063
2098
|
const t = this.getTokenByEvent(e);
|
|
2064
2099
|
this.isDebug() && console.debug("ShortcutService tokens :", t);
|
|
2065
|
-
for (const
|
|
2066
|
-
const
|
|
2067
|
-
if (this.areTokensEquals(t,
|
|
2068
|
-
return this.shortcutActionIdMapping[
|
|
2100
|
+
for (const s in this.shortcutActionIdMapping) {
|
|
2101
|
+
const o = s.replace(/opt/g, "alt").replace(/cmd/g, "meta").split(/[+ ]/g).sort();
|
|
2102
|
+
if (this.areTokensEquals(t, o))
|
|
2103
|
+
return this.shortcutActionIdMapping[s];
|
|
2069
2104
|
}
|
|
2070
2105
|
}
|
|
2071
2106
|
areTokensEquals(e, t) {
|
|
2072
2107
|
if (e.length !== t.length || e.length === 0)
|
|
2073
2108
|
return !1;
|
|
2074
|
-
for (let
|
|
2075
|
-
if (e[
|
|
2109
|
+
for (let s = 0; s < e.length; s++)
|
|
2110
|
+
if (e[s] !== t[s])
|
|
2076
2111
|
return !1;
|
|
2077
2112
|
return !0;
|
|
2078
2113
|
}
|
|
@@ -2089,7 +2124,7 @@ class Ee {
|
|
|
2089
2124
|
return this.shortcutActionIdMapping;
|
|
2090
2125
|
}
|
|
2091
2126
|
}
|
|
2092
|
-
class
|
|
2127
|
+
class j {
|
|
2093
2128
|
onCheckboxChanged(e) {
|
|
2094
2129
|
}
|
|
2095
2130
|
onContextmenu(e) {
|
|
@@ -2109,19 +2144,19 @@ class K {
|
|
|
2109
2144
|
onFocusChanged(e) {
|
|
2110
2145
|
}
|
|
2111
2146
|
}
|
|
2112
|
-
class
|
|
2113
|
-
setStyle(e, t,
|
|
2114
|
-
return e.style[t] =
|
|
2147
|
+
class Q {
|
|
2148
|
+
setStyle(e, t, s) {
|
|
2149
|
+
return e.style[t] = s, e;
|
|
2115
2150
|
}
|
|
2116
2151
|
appendText(e, t) {
|
|
2117
|
-
const
|
|
2118
|
-
return this.appendChild(e,
|
|
2152
|
+
const s = this.createText(t);
|
|
2153
|
+
return this.appendChild(e, s), s;
|
|
2119
2154
|
}
|
|
2120
2155
|
addClass(e, t) {
|
|
2121
|
-
return t.includes(" ") ? t.split(" ").forEach((
|
|
2156
|
+
return t.includes(" ") ? t.split(" ").forEach((s) => e.classList.add(s)) : e.classList.add(t), e;
|
|
2122
2157
|
}
|
|
2123
2158
|
removeClass(e, t) {
|
|
2124
|
-
return t.includes(" ") ? t.split(" ").forEach((
|
|
2159
|
+
return t.includes(" ") ? t.split(" ").forEach((s) => e.classList.remove(s)) : e.classList.remove(t), e;
|
|
2125
2160
|
}
|
|
2126
2161
|
appendChild(e, t) {
|
|
2127
2162
|
e.appendChild(t);
|
|
@@ -2132,32 +2167,32 @@ class Z {
|
|
|
2132
2167
|
createText(e) {
|
|
2133
2168
|
return document.createTextNode(e);
|
|
2134
2169
|
}
|
|
2135
|
-
setAttribute(e, t,
|
|
2136
|
-
e.setAttribute(t,
|
|
2170
|
+
setAttribute(e, t, s) {
|
|
2171
|
+
e.setAttribute(t, s);
|
|
2137
2172
|
}
|
|
2138
2173
|
}
|
|
2139
|
-
class
|
|
2140
|
-
render(e, t,
|
|
2141
|
-
if (i.isEditable(t,
|
|
2142
|
-
|
|
2143
|
-
const
|
|
2174
|
+
class Me {
|
|
2175
|
+
render(e, t, s, o, i, a, l) {
|
|
2176
|
+
if (i.isEditable(t, s)) {
|
|
2177
|
+
l.addClass(e, "ge-table-row-input-div");
|
|
2178
|
+
const r = i.getValueAt(t, s);
|
|
2144
2179
|
e.innerHTML = `
|
|
2145
2180
|
<input
|
|
2146
2181
|
type="text"
|
|
2147
|
-
value="${
|
|
2182
|
+
value="${r}"
|
|
2148
2183
|
autofocus
|
|
2149
2184
|
onfocus="this.setSelectionRange(0, this.value.length)"
|
|
2150
2185
|
data-listen="change"
|
|
2151
|
-
data-area="${
|
|
2186
|
+
data-area="${o}"
|
|
2152
2187
|
data-row-index="${t}"
|
|
2153
|
-
data-col-index="${
|
|
2188
|
+
data-col-index="${s}"
|
|
2154
2189
|
data-input-type="text"
|
|
2155
2190
|
style="width:calc(100% - 8px);height:100%;border:0;padding:0 0 0 8px;"
|
|
2156
2191
|
class="ge-table-cell-editor-input">`;
|
|
2157
2192
|
}
|
|
2158
2193
|
}
|
|
2159
2194
|
}
|
|
2160
|
-
class
|
|
2195
|
+
class Te {
|
|
2161
2196
|
constructor(e = "none", t = "single") {
|
|
2162
2197
|
this.selectionType = e, this.selectionMode = t, this.ranges = [], this.negativeRanges = [], this.allSelected = !1, this.silent = !1, this.listenerArr = [];
|
|
2163
2198
|
}
|
|
@@ -2179,14 +2214,14 @@ class Me {
|
|
|
2179
2214
|
this.selectionType === "row" ? this.addRange(E.singleRow(e)) : this.selectionType === "column" && this.addRange(E.singleColumn(t));
|
|
2180
2215
|
}
|
|
2181
2216
|
getSelectionCount(e, t) {
|
|
2182
|
-
let
|
|
2183
|
-
for (const
|
|
2184
|
-
|
|
2185
|
-
return this.allSelected &&
|
|
2217
|
+
let s = 0;
|
|
2218
|
+
for (const o of this.ranges)
|
|
2219
|
+
o.isInRange(e, t) && s++;
|
|
2220
|
+
return this.allSelected && s++, this.isInNegativeRange(e, t) && (s = 0), s;
|
|
2186
2221
|
}
|
|
2187
2222
|
isInNegativeRange(e, t) {
|
|
2188
|
-
for (const
|
|
2189
|
-
if (
|
|
2223
|
+
for (const s of this.negativeRanges)
|
|
2224
|
+
if (s.isInRange(e, t))
|
|
2190
2225
|
return !0;
|
|
2191
2226
|
return !1;
|
|
2192
2227
|
}
|
|
@@ -2210,8 +2245,8 @@ class Me {
|
|
|
2210
2245
|
getMergedRowIndices() {
|
|
2211
2246
|
const e = /* @__PURE__ */ new Set();
|
|
2212
2247
|
for (const t of this.ranges)
|
|
2213
|
-
for (let
|
|
2214
|
-
!e.has(
|
|
2248
|
+
for (let s = t.r1; s <= t.r2; s++)
|
|
2249
|
+
!e.has(s) && !this.isInNegativeRange(s, 0) && e.add(s);
|
|
2215
2250
|
return Array.from(e);
|
|
2216
2251
|
}
|
|
2217
2252
|
selectAll() {
|
|
@@ -2290,17 +2325,17 @@ class ee {
|
|
|
2290
2325
|
}
|
|
2291
2326
|
// `⊖ `, `⊕ `;
|
|
2292
2327
|
}
|
|
2293
|
-
const
|
|
2328
|
+
const De = new Te(), ke = new Re("cell");
|
|
2294
2329
|
class te {
|
|
2295
2330
|
constructor() {
|
|
2296
2331
|
this.overflowX = "auto", this.overflowY = "auto", this.horizontalBorderVisible = !0, this.verticalBorderVisible = !0, this.footerSeparatorBorderVisible = !0, this.headerSeparatorBorderVisible = !0, this.fixedEastSeparatorBorderVisible = !0, this.fixedWestSeparatorBorderVisible = !0, this.tableTopBorderVisible = !0, this.tableBottomBorderVisible = !0, this.hoverRowVisible = !0, this.hoverColumnVisible = !0, this.columnsResizable = !0, this.columnsDraggable = !0, this.columnResizeHandleWidthInPx = 4, this.defaultRowHeights = {
|
|
2297
2332
|
header: 34,
|
|
2298
2333
|
body: 34,
|
|
2299
2334
|
footer: 34
|
|
2300
|
-
}, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new J(), this.headerGroupOptions = new ee(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new
|
|
2335
|
+
}, this.footerVerticalSeparator = !1, this.headerToggleExpandCollapseIcons = !1, this.headerVerticalSeparator = !1, this.treeOptions = new J(), this.headerGroupOptions = new ee(), this.showCheckboxWihoutExtraColumn = !1, this.externalFilterFunction = void 0, this.sortedOptions = new Z(), this.sortOrder = ["asc", "desc"], this.resizeEventDebounceDelay = 500, this.getEditRenderer = (e, t) => new Me(), this.getSelectionModel = () => De, this.getFocusModel = () => ke;
|
|
2301
2336
|
}
|
|
2302
2337
|
}
|
|
2303
|
-
const
|
|
2338
|
+
const F = class F {
|
|
2304
2339
|
/**
|
|
2305
2340
|
* Returns the content to be copied based on the provided table model, selection model, and focus model.
|
|
2306
2341
|
*
|
|
@@ -2310,27 +2345,27 @@ const I = class I {
|
|
|
2310
2345
|
* @return {Promise<string>} A promise that resolves to the copied content as a string.
|
|
2311
2346
|
* @throws {string} Throws an error if neither selection nor focus is defined.
|
|
2312
2347
|
*/
|
|
2313
|
-
createContent(e, t,
|
|
2314
|
-
return new Promise((
|
|
2348
|
+
createContent(e, t, s) {
|
|
2349
|
+
return new Promise((o, i) => {
|
|
2315
2350
|
if (t != null && t.hasSelection()) {
|
|
2316
|
-
const
|
|
2317
|
-
if (
|
|
2318
|
-
|
|
2319
|
-
const
|
|
2320
|
-
for (let
|
|
2351
|
+
const a = this.mergeRanges(t.getRanges());
|
|
2352
|
+
if (a) {
|
|
2353
|
+
a.c2 = Math.min(a.c2, e.getColumnCount() - 1), a.r2 = Math.min(a.r2, e.getBodyModel().getRowCount() - 1);
|
|
2354
|
+
const l = [];
|
|
2355
|
+
for (let r = a.r1; r <= a.r2; r++) {
|
|
2321
2356
|
const n = [];
|
|
2322
|
-
for (let
|
|
2323
|
-
const h = t.isSelected(
|
|
2357
|
+
for (let c = a.c1; c <= a.c2; c++) {
|
|
2358
|
+
const h = t.isSelected(r, c) ? e.getBodyModel().getTextValueAt(r, c) : "";
|
|
2324
2359
|
n.push(h);
|
|
2325
2360
|
}
|
|
2326
|
-
|
|
2361
|
+
l.push(n.join(F.columnSeparatorChar));
|
|
2327
2362
|
}
|
|
2328
|
-
return
|
|
2363
|
+
return o(l.join(F.rowSeparatorChar));
|
|
2329
2364
|
}
|
|
2330
2365
|
}
|
|
2331
|
-
if (
|
|
2332
|
-
const [
|
|
2333
|
-
return
|
|
2366
|
+
if (s) {
|
|
2367
|
+
const [a, l] = s.getFocus(), r = e.getBodyModel().getTextValueAt(a, l);
|
|
2368
|
+
return o(r);
|
|
2334
2369
|
}
|
|
2335
2370
|
i("Cannot copy, neither selection nor focus defined.");
|
|
2336
2371
|
});
|
|
@@ -2352,19 +2387,19 @@ const I = class I {
|
|
|
2352
2387
|
* @param {FocusModelIf} focusModel - The focus model of the table.
|
|
2353
2388
|
* @returns {Promise<string>} A promise that resolves with the copied text if successful, or rejects if an error occurs.
|
|
2354
2389
|
*/
|
|
2355
|
-
copyToClipboard(e, t,
|
|
2356
|
-
return new Promise((
|
|
2390
|
+
copyToClipboard(e, t, s) {
|
|
2391
|
+
return new Promise((o, i) => {
|
|
2357
2392
|
this.createContent(
|
|
2358
2393
|
e,
|
|
2359
2394
|
t,
|
|
2360
|
-
|
|
2361
|
-
).then((
|
|
2362
|
-
|
|
2363
|
-
|
|
2364
|
-
}).catch((
|
|
2395
|
+
s
|
|
2396
|
+
).then((a) => {
|
|
2397
|
+
a && this.copyContent(a).then((l) => {
|
|
2398
|
+
o(a);
|
|
2399
|
+
}).catch((l) => {
|
|
2365
2400
|
i();
|
|
2366
2401
|
});
|
|
2367
|
-
}).catch((
|
|
2402
|
+
}).catch((a) => {
|
|
2368
2403
|
i();
|
|
2369
2404
|
});
|
|
2370
2405
|
});
|
|
@@ -2377,26 +2412,141 @@ const I = class I {
|
|
|
2377
2412
|
*/
|
|
2378
2413
|
mergeRanges(e) {
|
|
2379
2414
|
let t;
|
|
2380
|
-
for (const
|
|
2381
|
-
t ? (t.r1 = Math.min(t.r1,
|
|
2415
|
+
for (const s of e)
|
|
2416
|
+
t ? (t.r1 = Math.min(t.r1, s.r1), t.c1 = Math.min(t.c1, s.c1), t.r2 = Math.max(t.r2, s.r2), t.c2 = Math.max(t.c2, s.c2)) : t = new E(s.r1, s.c1, s.r2, s.c2);
|
|
2382
2417
|
return t;
|
|
2383
2418
|
}
|
|
2384
2419
|
};
|
|
2385
|
-
|
|
2420
|
+
F.columnSeparatorChar = " ", F.rowSeparatorChar = `
|
|
2386
2421
|
`;
|
|
2387
|
-
let
|
|
2388
|
-
class
|
|
2389
|
-
constructor(e, t
|
|
2390
|
-
|
|
2391
|
-
|
|
2392
|
-
|
|
2393
|
-
|
|
2422
|
+
let O = F;
|
|
2423
|
+
class Fe {
|
|
2424
|
+
constructor(e, t = 500) {
|
|
2425
|
+
this.tableScope = e, this.debounceDelay = t, new ResizeObserver(re(this.handleResize.bind(this), t)).observe(this.tableScope.hostElement);
|
|
2426
|
+
}
|
|
2427
|
+
handleResize(e) {
|
|
2428
|
+
const t = e[0], { width: s } = t.contentRect;
|
|
2429
|
+
this.tableScope.recalcColumnWidths(s);
|
|
2430
|
+
}
|
|
2431
|
+
}
|
|
2432
|
+
class Ie {
|
|
2433
|
+
/**
|
|
2434
|
+
* Downloads a matrix data as an Excel file.
|
|
2435
|
+
*
|
|
2436
|
+
* @param {Array<Array<any>>} matrix - A 2D array representing the data to be included in the Excel file. Each inner array corresponds to a row in the sheet.
|
|
2437
|
+
* @param {string} [filename='file.xlsx'] - The name of the Excel file to be downloaded. Defaults to 'file.xlsx'.
|
|
2438
|
+
* @param {string} [author=''] - The author's name to include as metadata in the Excel file. Optional parameter.
|
|
2439
|
+
* @return {void} Does not return a value.
|
|
2440
|
+
* @throws {Error} Throws an error if the input matrix is not a valid 2D array or if the filename is an empty string.
|
|
2441
|
+
*/
|
|
2442
|
+
downloadExcel(e, t = "file.xlsx", s = "") {
|
|
2443
|
+
if (!Array.isArray(e) || e.some((o) => !Array.isArray(o)))
|
|
2444
|
+
throw new Error("Invalid matrix format. Expected a 2D array.");
|
|
2445
|
+
if ((t == null ? void 0 : t.trim()) === "")
|
|
2446
|
+
throw new Error("Invalid filename. Filename must be a non-empty string.");
|
|
2447
|
+
try {
|
|
2448
|
+
const o = this.generateBuffer(e, s), i = new Blob([o], {
|
|
2449
|
+
type: "application/vnd.openxmlformats-officedocument.spreadsheetml.sheet"
|
|
2450
|
+
}), a = document.createElement("a");
|
|
2451
|
+
a.href = URL.createObjectURL(i), a.download = t, document.body.appendChild(a), a.click(), document.body.removeChild(a);
|
|
2452
|
+
} catch (o) {
|
|
2453
|
+
throw console.error("Error generating Excel file:", o), new Error("Failed to download Excel file.");
|
|
2394
2454
|
}
|
|
2395
|
-
|
|
2396
|
-
|
|
2397
|
-
|
|
2398
|
-
|
|
2399
|
-
|
|
2455
|
+
}
|
|
2456
|
+
generateMap(e, t = "") {
|
|
2457
|
+
const s = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
|
2458
|
+
<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId3" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/extended-properties" Target="docProps/app.xml"/><Relationship Id="rId2" Type="http://schemas.openxmlformats.org/package/2006/relationships/metadata/core-properties" Target="docProps/core.xml"/><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/officeDocument" Target="xl/workbook.xml"/></Relationships>`, o = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
|
2459
|
+
<Properties xmlns="http://schemas.openxmlformats.org/officeDocument/2006/extended-properties" xmlns:vt="http://schemas.openxmlformats.org/officeDocument/2006/docPropsVTypes"><Application>Microsoft Macintosh Excel</Application><DocSecurity>0</DocSecurity><ScaleCrop>false</ScaleCrop><HeadingPairs><vt:vector size="2" baseType="variant"><vt:variant><vt:lpstr>Worksheets</vt:lpstr></vt:variant><vt:variant><vt:i4>1</vt:i4></vt:variant></vt:vector></HeadingPairs><TitlesOfParts><vt:vector size="1" baseType="lpstr"><vt:lpstr>Sheet1</vt:lpstr></vt:vector></TitlesOfParts><Company></Company><LinksUpToDate>false</LinksUpToDate><SharedDoc>false</SharedDoc><HyperlinksChanged>false</HyperlinksChanged><AppVersion>16.0300</AppVersion></Properties>`, i = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
|
2460
|
+
<cp:coreProperties xmlns:cp="http://schemas.openxmlformats.org/package/2006/metadata/core-properties" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:dcmitype="http://purl.org/dc/dcmitype/" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance"><dc:creator>${t}</dc:creator><cp:lastModifiedBy>${t}</cp:lastModifiedBy><dcterms:created xsi:type="dcterms:W3CDTF">2024-12-13T19:45:08Z</dcterms:created><dcterms:modified xsi:type="dcterms:W3CDTF">2024-12-13T19:45:35Z</dcterms:modified></cp:coreProperties>`, a = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
|
2461
|
+
<Relationships xmlns="http://schemas.openxmlformats.org/package/2006/relationships"><Relationship Id="rId3" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/styles" Target="styles.xml"/><Relationship Id="rId2" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/theme" Target="theme/theme1.xml"/><Relationship Id="rId1" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/worksheet" Target="worksheets/sheet1.xml"/><Relationship Id="rId4" Type="http://schemas.openxmlformats.org/officeDocument/2006/relationships/sharedStrings" Target="sharedStrings.xml"/></Relationships>`, l = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
|
2462
|
+
<a:theme xmlns:a="http://schemas.openxmlformats.org/drawingml/2006/main" name="Office Theme"><a:themeElements><a:clrScheme name="Office"><a:dk1><a:sysClr val="windowText" lastClr="000000"/></a:dk1><a:lt1><a:sysClr val="window" lastClr="FFFFFF"/></a:lt1><a:dk2><a:srgbClr val="0E2841"/></a:dk2><a:lt2><a:srgbClr val="E8E8E8"/></a:lt2><a:accent1><a:srgbClr val="156082"/></a:accent1><a:accent2><a:srgbClr val="E97132"/></a:accent2><a:accent3><a:srgbClr val="196B24"/></a:accent3><a:accent4><a:srgbClr val="0F9ED5"/></a:accent4><a:accent5><a:srgbClr val="A02B93"/></a:accent5><a:accent6><a:srgbClr val="4EA72E"/></a:accent6><a:hlink><a:srgbClr val="467886"/></a:hlink><a:folHlink><a:srgbClr val="96607D"/></a:folHlink></a:clrScheme><a:fontScheme name="Office"><a:majorFont><a:latin typeface="Aptos Display" panose="02110004020202020204"/><a:ea typeface=""/><a:cs typeface=""/><a:font script="Jpan" typeface="游ゴシック Light"/><a:font script="Hang" typeface="맑은 고딕"/><a:font script="Hans" typeface="等线 Light"/><a:font script="Hant" typeface="新細明體"/><a:font script="Arab" typeface="Times New Roman"/><a:font script="Hebr" typeface="Times New Roman"/><a:font script="Thai" typeface="Tahoma"/><a:font script="Ethi" typeface="Nyala"/><a:font script="Beng" typeface="Vrinda"/><a:font script="Gujr" typeface="Shruti"/><a:font script="Khmr" typeface="MoolBoran"/><a:font script="Knda" typeface="Tunga"/><a:font script="Guru" typeface="Raavi"/><a:font script="Cans" typeface="Euphemia"/><a:font script="Cher" typeface="Plantagenet Cherokee"/><a:font script="Yiii" typeface="Microsoft Yi Baiti"/><a:font script="Tibt" typeface="Microsoft Himalaya"/><a:font script="Thaa" typeface="MV Boli"/><a:font script="Deva" typeface="Mangal"/><a:font script="Telu" typeface="Gautami"/><a:font script="Taml" typeface="Latha"/><a:font script="Syrc" typeface="Estrangelo Edessa"/><a:font script="Orya" typeface="Kalinga"/><a:font script="Mlym" typeface="Kartika"/><a:font script="Laoo" typeface="DokChampa"/><a:font script="Sinh" typeface="Iskoola Pota"/><a:font script="Mong" typeface="Mongolian Baiti"/><a:font script="Viet" typeface="Times New Roman"/><a:font script="Uigh" typeface="Microsoft Uighur"/><a:font script="Geor" typeface="Sylfaen"/><a:font script="Armn" typeface="Arial"/><a:font script="Bugi" typeface="Leelawadee UI"/><a:font script="Bopo" typeface="Microsoft JhengHei"/><a:font script="Java" typeface="Javanese Text"/><a:font script="Lisu" typeface="Segoe UI"/><a:font script="Mymr" typeface="Myanmar Text"/><a:font script="Nkoo" typeface="Ebrima"/><a:font script="Olck" typeface="Nirmala UI"/><a:font script="Osma" typeface="Ebrima"/><a:font script="Phag" typeface="Phagspa"/><a:font script="Syrn" typeface="Estrangelo Edessa"/><a:font script="Syrj" typeface="Estrangelo Edessa"/><a:font script="Syre" typeface="Estrangelo Edessa"/><a:font script="Sora" typeface="Nirmala UI"/><a:font script="Tale" typeface="Microsoft Tai Le"/><a:font script="Talu" typeface="Microsoft New Tai Lue"/><a:font script="Tfng" typeface="Ebrima"/></a:majorFont><a:minorFont><a:latin typeface="Aptos Narrow" panose="02110004020202020204"/><a:ea typeface=""/><a:cs typeface=""/><a:font script="Jpan" typeface="游ゴシック"/><a:font script="Hang" typeface="맑은 고딕"/><a:font script="Hans" typeface="等线"/><a:font script="Hant" typeface="新細明體"/><a:font script="Arab" typeface="Arial"/><a:font script="Hebr" typeface="Arial"/><a:font script="Thai" typeface="Tahoma"/><a:font script="Ethi" typeface="Nyala"/><a:font script="Beng" typeface="Vrinda"/><a:font script="Gujr" typeface="Shruti"/><a:font script="Khmr" typeface="DaunPenh"/><a:font script="Knda" typeface="Tunga"/><a:font script="Guru" typeface="Raavi"/><a:font script="Cans" typeface="Euphemia"/><a:font script="Cher" typeface="Plantagenet Cherokee"/><a:font script="Yiii" typeface="Microsoft Yi Baiti"/><a:font script="Tibt" typeface="Microsoft Himalaya"/><a:font script="Thaa" typeface="MV Boli"/><a:font script="Deva" typeface="Mangal"/><a:font script="Telu" typeface="Gautami"/><a:font script="Taml" typeface="Latha"/><a:font script="Syrc" typeface="Estrangelo Edessa"/><a:font script="Orya" typeface="Kalinga"/><a:font script="Mlym" typeface="Kartika"/><a:font script="Laoo" typeface="DokChampa"/><a:font script="Sinh" typeface="Iskoola Pota"/><a:font script="Mong" typeface="Mongolian Baiti"/><a:font script="Viet" typeface="Arial"/><a:font script="Uigh" typeface="Microsoft Uighur"/><a:font script="Geor" typeface="Sylfaen"/><a:font script="Armn" typeface="Arial"/><a:font script="Bugi" typeface="Leelawadee UI"/><a:font script="Bopo" typeface="Microsoft JhengHei"/><a:font script="Java" typeface="Javanese Text"/><a:font script="Lisu" typeface="Segoe UI"/><a:font script="Mymr" typeface="Myanmar Text"/><a:font script="Nkoo" typeface="Ebrima"/><a:font script="Olck" typeface="Nirmala UI"/><a:font script="Osma" typeface="Ebrima"/><a:font script="Phag" typeface="Phagspa"/><a:font script="Syrn" typeface="Estrangelo Edessa"/><a:font script="Syrj" typeface="Estrangelo Edessa"/><a:font script="Syre" typeface="Estrangelo Edessa"/><a:font script="Sora" typeface="Nirmala UI"/><a:font script="Tale" typeface="Microsoft Tai Le"/><a:font script="Talu" typeface="Microsoft New Tai Lue"/><a:font script="Tfng" typeface="Ebrima"/></a:minorFont></a:fontScheme><a:fmtScheme name="Office"><a:fillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:lumMod val="110000"/><a:satMod val="105000"/><a:tint val="67000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:lumMod val="105000"/><a:satMod val="103000"/><a:tint val="73000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:lumMod val="105000"/><a:satMod val="109000"/><a:tint val="81000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:satMod val="103000"/><a:lumMod val="102000"/><a:tint val="94000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:satMod val="110000"/><a:lumMod val="100000"/><a:shade val="100000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:lumMod val="99000"/><a:satMod val="120000"/><a:shade val="78000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill></a:fillStyleLst><a:lnStyleLst><a:ln w="12700" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="19050" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln><a:ln w="25400" cap="flat" cmpd="sng" algn="ctr"><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:prstDash val="solid"/><a:miter lim="800000"/></a:ln></a:lnStyleLst><a:effectStyleLst><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst/></a:effectStyle><a:effectStyle><a:effectLst><a:outerShdw blurRad="57150" dist="19050" dir="5400000" algn="ctr" rotWithShape="0"><a:srgbClr val="000000"><a:alpha val="63000"/></a:srgbClr></a:outerShdw></a:effectLst></a:effectStyle></a:effectStyleLst><a:bgFillStyleLst><a:solidFill><a:schemeClr val="phClr"/></a:solidFill><a:solidFill><a:schemeClr val="phClr"><a:tint val="95000"/><a:satMod val="170000"/></a:schemeClr></a:solidFill><a:gradFill rotWithShape="1"><a:gsLst><a:gs pos="0"><a:schemeClr val="phClr"><a:tint val="93000"/><a:satMod val="150000"/><a:shade val="98000"/><a:lumMod val="102000"/></a:schemeClr></a:gs><a:gs pos="50000"><a:schemeClr val="phClr"><a:tint val="98000"/><a:satMod val="130000"/><a:shade val="90000"/><a:lumMod val="103000"/></a:schemeClr></a:gs><a:gs pos="100000"><a:schemeClr val="phClr"><a:shade val="63000"/><a:satMod val="120000"/></a:schemeClr></a:gs></a:gsLst><a:lin ang="5400000" scaled="0"/></a:gradFill></a:bgFillStyleLst></a:fmtScheme></a:themeElements><a:objectDefaults><a:lnDef><a:spPr/><a:bodyPr/><a:lstStyle/><a:style><a:lnRef idx="2"><a:schemeClr val="accent1"/></a:lnRef><a:fillRef idx="0"><a:schemeClr val="accent1"/></a:fillRef><a:effectRef idx="1"><a:schemeClr val="accent1"/></a:effectRef><a:fontRef idx="minor"><a:schemeClr val="tx1"/></a:fontRef></a:style></a:lnDef></a:objectDefaults><a:extraClrSchemeLst/><a:extLst><a:ext uri="{05A4C25C-085E-4340-85A3-A5531E510DB2}"><thm15:themeFamily xmlns:thm15="http://schemas.microsoft.com/office/thememl/2012/main" name="Office Theme" id="{2E142A2C-CD16-42D6-873A-C26D2A0506FA}" vid="{1BDDFF52-6CD6-40A5-AB3C-68EB2F1E4D0A}"/></a:ext></a:extLst></a:theme>`, r = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
|
2463
|
+
<sst xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" count="3" uniqueCount="3"><si><t>a</t></si><si><t>b</t></si><si><t>c</t></si></sst>`, n = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
|
2464
|
+
<styleSheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="x14ac x16r2 xr" xmlns:x14ac="http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac" xmlns:x16r2="http://schemas.microsoft.com/office/spreadsheetml/2015/02/main" xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision"><fonts count="1" x14ac:knownFonts="1"><font><sz val="12"/><color theme="1"/><name val="Aptos Narrow"/><family val="2"/><scheme val="minor"/></font></fonts><fills count="2"><fill><patternFill patternType="none"/></fill><fill><patternFill patternType="gray125"/></fill></fills><borders count="1"><border><left/><right/><top/><bottom/><diagonal/></border></borders><cellStyleXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0"/></cellStyleXfs><cellXfs count="1"><xf numFmtId="0" fontId="0" fillId="0" borderId="0" xfId="0"/></cellXfs><cellStyles count="1"><cellStyle name="Normal" xfId="0" builtinId="0"/></cellStyles><dxfs count="0"/><tableStyles count="0" defaultTableStyle="TableStyleMedium2" defaultPivotStyle="PivotStyleLight16"/><extLst><ext uri="{EB79DEF2-80B8-43e5-95BD-54CBDDF9020C}" xmlns:x14="http://schemas.microsoft.com/office/spreadsheetml/2009/9/main"><x14:slicerStyles defaultSlicerStyle="SlicerStyleLight1"/></ext><ext uri="{9260A510-F301-46a8-8635-F512D64BE5F5}" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main"><x15:timelineStyles defaultTimelineStyle="TimeSlicerStyleLight1"/></ext></extLst></styleSheet>`, c = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
|
2465
|
+
<workbook xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="x15 xr xr6 xr10 xr2" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main" xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision" xmlns:xr6="http://schemas.microsoft.com/office/spreadsheetml/2016/revision6" xmlns:xr10="http://schemas.microsoft.com/office/spreadsheetml/2016/revision10" xmlns:xr2="http://schemas.microsoft.com/office/spreadsheetml/2015/revision2"><fileVersion appName="xl" lastEdited="7" lowestEdited="7" rupBuild="11207"/><workbookPr defaultThemeVersion="202300"/><mc:AlternateContent xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"><mc:Choice Requires="x15"><x15ac:absPath url="/" xmlns:x15ac="http://schemas.microsoft.com/office/spreadsheetml/2010/11/ac"/></mc:Choice></mc:AlternateContent><xr:revisionPtr revIDLastSave="0" documentId="8_{292BF245-1F37-B045-B1A5-26C42FB62779}" xr6:coauthVersionLast="47" xr6:coauthVersionMax="47" xr10:uidLastSave="{00000000-0000-0000-0000-000000000000}"/><bookViews><workbookView xWindow="11340" yWindow="5060" windowWidth="28040" windowHeight="17440" xr2:uid="{858B8D3F-6246-774D-8903-6D38687B7BC6}"/></bookViews><sheets><sheet name="Sheet1" sheetId="1" r:id="rId1"/></sheets><calcPr calcId="181029"/><extLst><ext uri="{140A7094-0E35-4892-8432-C4D2E57EDEB5}" xmlns:x15="http://schemas.microsoft.com/office/spreadsheetml/2010/11/main"><x15:workbookPr chartTrackingRefBase="1"/></ext><ext uri="{B58B0392-4F1F-4190-BB64-5DF3571DCE5F}" xmlns:xcalcf="http://schemas.microsoft.com/office/spreadsheetml/2018/calcfeatures"><xcalcf:calcFeatures><xcalcf:feature name="microsoft.com:RD"/><xcalcf:feature name="microsoft.com:Single"/><xcalcf:feature name="microsoft.com:FV"/><xcalcf:feature name="microsoft.com:CNMTM"/><xcalcf:feature name="microsoft.com:LET_WF"/><xcalcf:feature name="microsoft.com:LAMBDA_WF"/><xcalcf:feature name="microsoft.com:ARRAYTEXT_WF"/></xcalcf:calcFeatures></ext></extLst></workbook>`, h = `<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
|
2466
|
+
<Types xmlns="http://schemas.openxmlformats.org/package/2006/content-types"><Default Extension="rels" ContentType="application/vnd.openxmlformats-package.relationships+xml"/><Default Extension="xml" ContentType="application/xml"/><Override PartName="/xl/workbook.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sheet.main+xml"/><Override PartName="/xl/worksheets/sheet1.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.worksheet+xml"/><Override PartName="/xl/theme/theme1.xml" ContentType="application/vnd.openxmlformats-officedocument.theme+xml"/><Override PartName="/xl/styles.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.styles+xml"/><Override PartName="/xl/sharedStrings.xml" ContentType="application/vnd.openxmlformats-officedocument.spreadsheetml.sharedStrings+xml"/><Override PartName="/docProps/core.xml" ContentType="application/vnd.openxmlformats-package.core-properties+xml"/><Override PartName="/docProps/app.xml" ContentType="application/vnd.openxmlformats-officedocument.extended-properties+xml"/></Types>`, d = /* @__PURE__ */ new Map();
|
|
2467
|
+
return d.set("_rels/.rels", s), d.set("docProps/app.xml", o), d.set("docProps/core.xml", i), d.set("xl/_rels/workbook.xml.rels", a), d.set("xl/theme/theme1.xml", l), d.set("xl/worksheets/sheet1.xml", this.getX1WorksheetsSheet1Xml(e)), d.set("xl/sharedStrings.xml", r), d.set("xl/styles.xml", n), d.set("xl/workbook.xml", c), d.set("[Content_Types].xml", h), d;
|
|
2468
|
+
}
|
|
2469
|
+
getX1WorksheetsSheet1Xml(e) {
|
|
2470
|
+
const t = [];
|
|
2471
|
+
t.push(`<?xml version="1.0" encoding="UTF-8" standalone="yes"?>
|
|
2472
|
+
<worksheet xmlns="http://schemas.openxmlformats.org/spreadsheetml/2006/main" xmlns:r="http://schemas.openxmlformats.org/officeDocument/2006/relationships" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" mc:Ignorable="x14ac xr xr2 xr3" xmlns:x14ac="http://schemas.microsoft.com/office/spreadsheetml/2009/9/ac" xmlns:xr="http://schemas.microsoft.com/office/spreadsheetml/2014/revision" xmlns:xr2="http://schemas.microsoft.com/office/spreadsheetml/2015/revision2" xmlns:xr3="http://schemas.microsoft.com/office/spreadsheetml/2016/revision3" xr:uid="{E15F8FC4-4D40-434C-921A-3D9CFAAA2865}">
|
|
2473
|
+
<dimension ref="A1:B3"/>
|
|
2474
|
+
<sheetViews>
|
|
2475
|
+
<sheetView tabSelected="1" workbookViewId="0"/></sheetViews>
|
|
2476
|
+
<sheetFormatPr baseColWidth="10" defaultRowHeight="16" x14ac:dyDescent="0.2"/>
|
|
2477
|
+
<sheetData>`);
|
|
2478
|
+
for (let s = 0; s < e.length; s++) {
|
|
2479
|
+
const o = e[s];
|
|
2480
|
+
t.push('<row r="${r + 1}" spans="1:2" x14ac:dyDescent="0.2">');
|
|
2481
|
+
for (let i = 0; i < o.length; i++) {
|
|
2482
|
+
const a = o[i], l = this.getCellAddress(s, i);
|
|
2483
|
+
if (typeof a == "number")
|
|
2484
|
+
t.push(`<c r="${l}"><v>${a}</v></c>`);
|
|
2485
|
+
else if (a instanceof Date) {
|
|
2486
|
+
const r = a;
|
|
2487
|
+
t.push(`<c r="${l}" t="inlineStr"><is><t>${r.toISOString()}</t></is></c>`);
|
|
2488
|
+
} else {
|
|
2489
|
+
const r = a != null ? this.escapeXml(String(a)) : "";
|
|
2490
|
+
t.push(`<c r="${l}" t="inlineStr"><is><t>${r}</t></is></c>`);
|
|
2491
|
+
}
|
|
2492
|
+
}
|
|
2493
|
+
t.push("</row>");
|
|
2494
|
+
}
|
|
2495
|
+
return t.push(""), t.push(""), t.push('</sheetData><pageMargins left="0.7" right="0.7" top="0.75" bottom="0.75" header="0.3" footer="0.3"/>'), t.push("</worksheet>"), t.join(`
|
|
2496
|
+
`);
|
|
2497
|
+
}
|
|
2498
|
+
escapeXml(e) {
|
|
2499
|
+
return e == null ? "" : String(e).replace(/&/g, "&").replace(/</g, "<").replace(/>/g, ">").replace(/"/g, """).replace(/'/g, "'");
|
|
2500
|
+
}
|
|
2501
|
+
getCellAddress(e, t) {
|
|
2502
|
+
const s = "ABCDEFGHIJKLMNOPQRSTUVWXYZ";
|
|
2503
|
+
let o = "";
|
|
2504
|
+
for (; t >= 0; )
|
|
2505
|
+
o = s[t % 26] + o, t = Math.floor(t / 26) - 1;
|
|
2506
|
+
return `${o}${e + 1}`;
|
|
2507
|
+
}
|
|
2508
|
+
createZip(e) {
|
|
2509
|
+
const t = [];
|
|
2510
|
+
let s = 0;
|
|
2511
|
+
const o = [];
|
|
2512
|
+
e.forEach((h, d) => {
|
|
2513
|
+
const m = new TextEncoder().encode(d), p = new TextEncoder().encode(h), b = new Uint8Array(30 + m.length), g = new DataView(b.buffer);
|
|
2514
|
+
b.set([80, 75, 3, 4], 0), g.setUint16(4, 20, !0), g.setUint16(6, 0, !0), g.setUint16(8, 0, !0), g.setUint16(10, 0, !0), g.setUint16(12, 0, !0), g.setUint32(14, 0, !0), g.setUint32(18, p.length, !0), g.setUint32(22, p.length, !0), g.setUint16(26, m.length, !0), g.setUint16(28, 0, !0), b.set(m, 30), t.push(b, p), o.push({
|
|
2515
|
+
path: d,
|
|
2516
|
+
offset: s,
|
|
2517
|
+
contentSize: p.length
|
|
2518
|
+
}), s += b.length + p.length;
|
|
2519
|
+
});
|
|
2520
|
+
const i = s;
|
|
2521
|
+
o.forEach((h) => {
|
|
2522
|
+
const d = new TextEncoder().encode(h.path), m = new Uint8Array(46 + d.length), p = new DataView(m.buffer);
|
|
2523
|
+
m.set([80, 75, 1, 2], 0), p.setUint16(4, 20, !0), p.setUint16(6, 20, !0), p.setUint16(8, 0, !0), p.setUint16(10, 0, !0), p.setUint16(12, 0, !0), p.setUint16(14, 0, !0), p.setUint32(16, 0, !0), p.setUint32(20, h.contentSize, !0), p.setUint32(24, h.contentSize, !0), p.setUint16(28, d.length, !0), p.setUint16(30, 0, !0), p.setUint16(32, 0, !0), p.setUint16(34, 0, !0), p.setUint16(36, 0, !0), p.setUint32(38, 0, !0), p.setUint32(42, h.offset, !0), m.set(d, 46), t.push(m), s += m.length;
|
|
2524
|
+
});
|
|
2525
|
+
const a = new Uint8Array(22), l = new DataView(a.buffer);
|
|
2526
|
+
a.set([80, 75, 5, 6], 0), l.setUint16(4, 0, !0), l.setUint16(6, 0, !0), l.setUint16(8, o.length, !0), l.setUint16(10, o.length, !0), l.setUint32(12, s - i, !0), l.setUint32(16, i, !0), l.setUint16(20, 0, !0), t.push(a);
|
|
2527
|
+
const r = t.reduce((h, d) => h + d.length, 0), n = new Uint8Array(r);
|
|
2528
|
+
let c = 0;
|
|
2529
|
+
for (const h of t)
|
|
2530
|
+
n.set(h, c), c += h.length;
|
|
2531
|
+
return n;
|
|
2532
|
+
}
|
|
2533
|
+
generateBuffer(e, t = "") {
|
|
2534
|
+
const s = this.generateMap(e, t);
|
|
2535
|
+
return this.createZip(s);
|
|
2536
|
+
}
|
|
2537
|
+
}
|
|
2538
|
+
class U extends Se {
|
|
2539
|
+
constructor(e, t, s, o, i, a = new O(), l = new Ie()) {
|
|
2540
|
+
var c;
|
|
2541
|
+
if (super(e, t, new le(s), o), this.eventListener = i, this.copyService = a, this.excelService = l, this.licenseManager = k.getInstance(), this.selectionService = new Ce(this), this.api = new de(this), this.mouseStartAction = "", this.mouseStartWidth = -1, this.mouseStartColumnIndex = -1, this.dragFrom = -1, this.dragTo = -1, this.lastDragFrom = -1, this.lastDragTo = -1, this.firstDraggingRendering = !0, i || (this.eventListener = new j()), (c = this.tableOptions) != null && c.autoRestoreOptions) {
|
|
2542
|
+
const h = this.tableOptions.autoRestoreOptions, d = h.getStorageKeyFn;
|
|
2543
|
+
d && (h.autoRestoreScrollPosition && (this.storeScrollPosStateService = new he(d)), h.autoRestoreCollapsedExpandedState && (this.storeStateCollapsedExpandService = new ge(d)), h.autoRestoreSortingState && (this.storeSortingService = new fe(d)));
|
|
2544
|
+
}
|
|
2545
|
+
this.mouseHandler = new ce(this), this.inputHandler = new xe(this), this.resizeHandler = new Fe(this, o.resizeEventDebounceDelay), this.shortcutService = new Ae(this), this.shortcutService.addListener(this.selectionService);
|
|
2546
|
+
const r = this.getSelectionModel ? this.getSelectionModel() : void 0;
|
|
2547
|
+
r && r.addEventSelectionChangedListener(this);
|
|
2548
|
+
const n = this.getFocusModel ? this.getFocusModel() : void 0;
|
|
2549
|
+
n && n.addEventFocusChangedListener(this);
|
|
2400
2550
|
}
|
|
2401
2551
|
/**
|
|
2402
2552
|
* Creates a TableScope instance.
|
|
@@ -2410,8 +2560,8 @@ class j extends fe {
|
|
|
2410
2560
|
*
|
|
2411
2561
|
* @return {TableScope} - The newly created TableScope instance.
|
|
2412
2562
|
*/
|
|
2413
|
-
static create(e, t,
|
|
2414
|
-
return new
|
|
2563
|
+
static create(e, t, s = new te(), o = new j(), i = new Q(), a = new O()) {
|
|
2564
|
+
return new U(e, t, i, s, o, a);
|
|
2415
2565
|
}
|
|
2416
2566
|
/**
|
|
2417
2567
|
* Triggers an action based on the provided actionId.
|
|
@@ -2427,19 +2577,19 @@ class j extends fe {
|
|
|
2427
2577
|
if (e === "START_EDITING" && this.getFocusModel) {
|
|
2428
2578
|
const t = this.getFocusModel();
|
|
2429
2579
|
if (t) {
|
|
2430
|
-
const [
|
|
2431
|
-
this.tableModel.getBodyModel().isEditable(
|
|
2580
|
+
const [s, o] = t.getFocus();
|
|
2581
|
+
this.tableModel.getBodyModel().isEditable(s, o) && (this.clearSelection(), this.initRenderEditor(s, o));
|
|
2432
2582
|
}
|
|
2433
2583
|
return !0;
|
|
2434
2584
|
}
|
|
2435
2585
|
if (e === "COPY_2_CLIPBOARD") {
|
|
2436
|
-
const t = this.getSelectionModel ? this.getSelectionModel() : void 0,
|
|
2437
|
-
this.copyService.createContent(this.tableModel, t,
|
|
2586
|
+
const t = this.getSelectionModel ? this.getSelectionModel() : void 0, s = this.getFocusModel ? this.getFocusModel() : void 0;
|
|
2587
|
+
this.copyService.createContent(this.tableModel, t, s).then((o) => this.copyService.copyContent(o));
|
|
2438
2588
|
}
|
|
2439
2589
|
return !1;
|
|
2440
2590
|
}
|
|
2441
|
-
updateModelValueAfterEdit(e, t,
|
|
2442
|
-
e === "body" && this.tableModel.getAreaModel(e).setValue(t,
|
|
2591
|
+
updateModelValueAfterEdit(e, t, s, o) {
|
|
2592
|
+
e === "body" && this.tableModel.getAreaModel(e).setValue(t, s, o) && (this.resetEditorRenderer(), this.repaint(), this.eventListener.onModelChanged(_.createSingle(t, s)), this.hostElement.focus());
|
|
2443
2593
|
}
|
|
2444
2594
|
/**
|
|
2445
2595
|
* Retrieves the TableApi object.
|
|
@@ -2468,16 +2618,16 @@ class j extends fe {
|
|
|
2468
2618
|
* @return {GeMouseEvent} - The created GeMouseEvent object.
|
|
2469
2619
|
*/
|
|
2470
2620
|
createGeMouseEvent(e) {
|
|
2471
|
-
const t = new
|
|
2621
|
+
const t = new N();
|
|
2472
2622
|
if (t.originalEvent = e, e) {
|
|
2473
|
-
const
|
|
2474
|
-
if ([t.areaIdent, t.sideIdent] = this.getAreaAndSideIdentByAttr(
|
|
2475
|
-
const
|
|
2476
|
-
t.rowTop =
|
|
2623
|
+
const s = e.target;
|
|
2624
|
+
if ([t.areaIdent, t.sideIdent] = this.getAreaAndSideIdentByAttr(s), t.rowIndex = this.getNumberByAttr(s, "data-row-index"), t.columnIndex = this.getNumberByAttr(s, "data-col-index"), t.action = this.getStringByAttr(s, "data-ge-action"), t.areaIdent) {
|
|
2625
|
+
const o = this.tableModel.getAreaModel(t.areaIdent);
|
|
2626
|
+
t.rowTop = o.getYPosByRowIndex(t.rowIndex);
|
|
2477
2627
|
}
|
|
2478
2628
|
if (t.columnLeft = this.tableModel.getXPosByColumnIndex(t.columnIndex), e.ctrlKey && e.altKey) {
|
|
2479
|
-
const
|
|
2480
|
-
this.debugOnce(i,
|
|
2629
|
+
const o = e.clientY - this.hostElement.offsetTop - this.areaHeaderCenter.parent.clientHeight, i = e.clientX - this.hostElement.offsetLeft - this.areaBodyWestGeo.width;
|
|
2630
|
+
this.debugOnce(i, o);
|
|
2481
2631
|
}
|
|
2482
2632
|
}
|
|
2483
2633
|
return t;
|
|
@@ -2536,9 +2686,9 @@ class j extends fe {
|
|
|
2536
2686
|
* @return {void}
|
|
2537
2687
|
*/
|
|
2538
2688
|
toggleExpandCollapseAll(e = !0) {
|
|
2539
|
-
var
|
|
2689
|
+
var s;
|
|
2540
2690
|
const t = this.tableModel.getBodyModel();
|
|
2541
|
-
|
|
2691
|
+
W(t) && (t.toggleExpandCollapseAll(e), this.repaint(), (s = this.storeStateCollapsedExpandService) == null || s.collapsedStateAll(e));
|
|
2542
2692
|
}
|
|
2543
2693
|
/**
|
|
2544
2694
|
* Toggles the checkbox state of a specific row in a table.
|
|
@@ -2549,12 +2699,12 @@ class j extends fe {
|
|
|
2549
2699
|
*
|
|
2550
2700
|
* @return {void} - This method does not return anything.
|
|
2551
2701
|
*/
|
|
2552
|
-
toggleRowCheckbox(e, t,
|
|
2553
|
-
var
|
|
2554
|
-
const
|
|
2555
|
-
|
|
2556
|
-
const
|
|
2557
|
-
this.eventListener.onCheckboxChanged(
|
|
2702
|
+
toggleRowCheckbox(e, t, s) {
|
|
2703
|
+
var r;
|
|
2704
|
+
const o = this.tableModel.getAreaModel(s), i = o.isRowChecked(e), a = i === void 0 || i === "semi" || i === "none";
|
|
2705
|
+
o.setRowChecked(e, a), this.repaint();
|
|
2706
|
+
const l = (r = o.rowSelectionModel) == null ? void 0 : r.getCheckedRows();
|
|
2707
|
+
this.eventListener.onCheckboxChanged(l || []);
|
|
2558
2708
|
}
|
|
2559
2709
|
/**
|
|
2560
2710
|
* Handle mouse click events.
|
|
@@ -2564,13 +2714,13 @@ class j extends fe {
|
|
|
2564
2714
|
* @returns {void}
|
|
2565
2715
|
*/
|
|
2566
2716
|
onMouseClicked(e, t) {
|
|
2567
|
-
let
|
|
2568
|
-
if (!
|
|
2717
|
+
let s = this.selectionService.onMouseClicked(e, t);
|
|
2718
|
+
if (!s && this.getFocusModel) {
|
|
2569
2719
|
this.resetEditorRenderer();
|
|
2570
|
-
const
|
|
2571
|
-
|
|
2720
|
+
const o = this.getFocusModel();
|
|
2721
|
+
o && (s = o.hasChanged(), o.clearChanged());
|
|
2572
2722
|
}
|
|
2573
|
-
return
|
|
2723
|
+
return s;
|
|
2574
2724
|
}
|
|
2575
2725
|
debounceRepaint() {
|
|
2576
2726
|
this.debounce(this.repaint.bind(this), 1);
|
|
@@ -2603,13 +2753,13 @@ class j extends fe {
|
|
|
2603
2753
|
*
|
|
2604
2754
|
* @return {void}
|
|
2605
2755
|
*/
|
|
2606
|
-
onHeaderDblClicked(e, t,
|
|
2607
|
-
var i,
|
|
2608
|
-
const
|
|
2609
|
-
if (
|
|
2756
|
+
onHeaderDblClicked(e, t, s) {
|
|
2757
|
+
var i, a;
|
|
2758
|
+
const o = this.tableModel.getColumnDef(s);
|
|
2759
|
+
if (o != null && o.sortable && o.sortable()) {
|
|
2610
2760
|
e.preventDefault(), e.stopPropagation();
|
|
2611
|
-
const
|
|
2612
|
-
this.tableModel.doSort([
|
|
2761
|
+
const l = o.sortStatesOrder ? o.sortStatesOrder : this.tableOptions.sortOrder, r = o.sortState ?? "", n = l[(l.indexOf(r) + 1) % l.length], c = new ye(s, n);
|
|
2762
|
+
this.tableModel.doSort([c]) && ((i = this.tableModel.getColumnDefs()) == null || i.forEach((d) => d.sortState = ""), o.sortState = n), this.repaint(), (a = this.storeSortingService) == null || a.setSortItems([c]);
|
|
2613
2763
|
}
|
|
2614
2764
|
}
|
|
2615
2765
|
/**
|
|
@@ -2631,8 +2781,8 @@ class j extends fe {
|
|
|
2631
2781
|
* @return {void}
|
|
2632
2782
|
*/
|
|
2633
2783
|
scrollToIndex(e, t) {
|
|
2634
|
-
const
|
|
2635
|
-
this.scrollToPixel(0,
|
|
2784
|
+
const o = this.tableModel.getAreaModel("body").getYPosByRowIndex(t);
|
|
2785
|
+
this.scrollToPixel(0, o);
|
|
2636
2786
|
}
|
|
2637
2787
|
/**
|
|
2638
2788
|
* Sets the selection model for the table.
|
|
@@ -2643,8 +2793,8 @@ class j extends fe {
|
|
|
2643
2793
|
* @return {void} - This method does not return any value.
|
|
2644
2794
|
*/
|
|
2645
2795
|
setSelectionModel(e, t = !1) {
|
|
2646
|
-
const
|
|
2647
|
-
this.tableOptions.getSelectionModel =
|
|
2796
|
+
const s = () => e;
|
|
2797
|
+
this.tableOptions.getSelectionModel = s, this.getSelectionModel = s, this.selectionService.getSelectionModel = s, t && this.repaint();
|
|
2648
2798
|
}
|
|
2649
2799
|
toggleHeaderGroup(e) {
|
|
2650
2800
|
const t = this.tableModel.getAreaModel("header");
|
|
@@ -2679,10 +2829,10 @@ class j extends fe {
|
|
|
2679
2829
|
*/
|
|
2680
2830
|
changeFocusCell(e, t) {
|
|
2681
2831
|
if (!this.isEditing() && this.getFocusModel) {
|
|
2682
|
-
const
|
|
2683
|
-
if (
|
|
2684
|
-
const [
|
|
2685
|
-
return
|
|
2832
|
+
const s = this.getFocusModel();
|
|
2833
|
+
if (s) {
|
|
2834
|
+
const [o, i] = s.getFocus();
|
|
2835
|
+
return s.setFocus(o + t, i + e), this.repaint(), !0;
|
|
2686
2836
|
}
|
|
2687
2837
|
}
|
|
2688
2838
|
return !1;
|
|
@@ -2705,8 +2855,8 @@ class j extends fe {
|
|
|
2705
2855
|
this.getSelectionModel && ((e = this.getSelectionModel()) == null || e.clear());
|
|
2706
2856
|
}
|
|
2707
2857
|
debugOnce(e, t) {
|
|
2708
|
-
var
|
|
2709
|
-
console.clear(), console.info("this.hostElement.offsetTop", this.hostElement.offsetTop), console.info("this.hostElement.scrollHeight", this.hostElement.scrollHeight), console.info("this.scrollViewportTop", this.scrollTop), console.info("this.areaHeaderCenter.parent.clientHeight", this.areaHeaderCenter.parent.clientHeight), console.info("bodyY", t), console.info("bodyX", e), console.info("rows", this.firstVisibleRowIndex), console.info(""), console.info("this.tableModel", this.tableModel), console.info(""), console.info("this.mouseMoveEvent.clientX", (
|
|
2858
|
+
var s;
|
|
2859
|
+
console.clear(), console.info("this.hostElement.offsetTop", this.hostElement.offsetTop), console.info("this.hostElement.scrollHeight", this.hostElement.scrollHeight), console.info("this.scrollViewportTop", this.scrollTop), console.info("this.areaHeaderCenter.parent.clientHeight", this.areaHeaderCenter.parent.clientHeight), console.info("bodyY", t), console.info("bodyX", e), console.info("rows", this.firstVisibleRowIndex), console.info(""), console.info("this.tableModel", this.tableModel), console.info(""), console.info("this.mouseMoveEvent.clientX", (s = this.mouseHandler.mouseEvent) == null ? void 0 : s.clientX), console.info("this.hostElement.offsetLeft", this.hostElement.offsetLeft), console.info("this.areaBodyWestGeo.width", this.areaBodyWestGeo.width);
|
|
2710
2860
|
}
|
|
2711
2861
|
/**
|
|
2712
2862
|
* Restores the scroll position of the table if auto restore options are enabled.
|
|
@@ -2717,8 +2867,8 @@ class j extends fe {
|
|
|
2717
2867
|
autoRestoreScrollPosition() {
|
|
2718
2868
|
var e;
|
|
2719
2869
|
if ((e = this.tableOptions) != null && e.autoRestoreOptions && this.storeScrollPosStateService && this.tableOptions.autoRestoreOptions.autoRestoreScrollPosition) {
|
|
2720
|
-
const
|
|
2721
|
-
|
|
2870
|
+
const s = this.storeScrollPosStateService.getScrollOffset();
|
|
2871
|
+
s && this.scrollViewport.scrollTo(...s);
|
|
2722
2872
|
}
|
|
2723
2873
|
}
|
|
2724
2874
|
/**
|
|
@@ -2738,8 +2888,8 @@ class j extends fe {
|
|
|
2738
2888
|
autoRestoreSortingState() {
|
|
2739
2889
|
var e, t;
|
|
2740
2890
|
if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.autoRestoreSortingState && this.storeSortingService) {
|
|
2741
|
-
const
|
|
2742
|
-
|
|
2891
|
+
const s = this.storeSortingService.getSortItems();
|
|
2892
|
+
s != null && s.length && this.tableModel.getBodyModel().doSort(s);
|
|
2743
2893
|
}
|
|
2744
2894
|
}
|
|
2745
2895
|
/**
|
|
@@ -2751,32 +2901,32 @@ class j extends fe {
|
|
|
2751
2901
|
autoRestoreCollapsedExpandedState() {
|
|
2752
2902
|
var e, t;
|
|
2753
2903
|
if ((t = (e = this.tableOptions) == null ? void 0 : e.autoRestoreOptions) != null && t.getRowId && this.storeStateCollapsedExpandService) {
|
|
2754
|
-
const
|
|
2755
|
-
if (
|
|
2756
|
-
const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(),
|
|
2757
|
-
if (
|
|
2758
|
-
const
|
|
2759
|
-
for (let n = 0; n <
|
|
2760
|
-
const
|
|
2761
|
-
if (
|
|
2904
|
+
const s = this.tableOptions.autoRestoreOptions, o = s.getRowId;
|
|
2905
|
+
if (s.autoRestoreCollapsedExpandedState && o) {
|
|
2906
|
+
const i = this.storeStateCollapsedExpandService.collapsedExpandedStateGet(), a = this.tableModel.getAreaModel("body");
|
|
2907
|
+
if (W(a)) {
|
|
2908
|
+
const l = a, r = a.getRowCount();
|
|
2909
|
+
for (let n = 0; n < r; n++) {
|
|
2910
|
+
const c = a.getRowByIndex(n);
|
|
2911
|
+
if (c)
|
|
2762
2912
|
if (i.allExpanded)
|
|
2763
|
-
|
|
2913
|
+
c.expanded = !0;
|
|
2764
2914
|
else if (i.allCollapsed)
|
|
2765
|
-
|
|
2915
|
+
c.expanded = !1;
|
|
2766
2916
|
else {
|
|
2767
|
-
const h =
|
|
2768
|
-
i.mode === "expanded" ?
|
|
2917
|
+
const h = o(c.data);
|
|
2918
|
+
i.mode === "expanded" ? c.expanded = this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h) : i.mode === "collapsed" && (c.expanded = !this.storeStateCollapsedExpandService.collapsedExpandedStateIncludes(h));
|
|
2769
2919
|
}
|
|
2770
2920
|
}
|
|
2771
|
-
|
|
2921
|
+
l.recalcVisibleTreeRows();
|
|
2772
2922
|
}
|
|
2773
2923
|
}
|
|
2774
2924
|
}
|
|
2775
2925
|
}
|
|
2776
2926
|
}
|
|
2777
|
-
const
|
|
2927
|
+
const B = class B {
|
|
2778
2928
|
};
|
|
2779
|
-
|
|
2929
|
+
B.themes = ["light", "combat", "paper", "blackboard"], B.vars = {
|
|
2780
2930
|
light: `html[data-theme="light"] {
|
|
2781
2931
|
--ge-table-bg: rgba(255,255,255, 0.5);
|
|
2782
2932
|
--ge-table-header-west-bg: rgba(233, 233, 233, 0.5);
|
|
@@ -3010,110 +3160,110 @@ $.themes = ["light", "combat", "paper", "blackboard"], $.vars = {
|
|
|
3010
3160
|
--ge-table-drop-zone-bg: #758129;
|
|
3011
3161
|
}`
|
|
3012
3162
|
};
|
|
3013
|
-
let
|
|
3014
|
-
const
|
|
3163
|
+
let K = B;
|
|
3164
|
+
const P = class P {
|
|
3015
3165
|
constructor(e = new ee()) {
|
|
3016
3166
|
this.headerGroupOptions = e;
|
|
3017
3167
|
}
|
|
3018
|
-
render(e, t,
|
|
3019
|
-
const
|
|
3020
|
-
if (
|
|
3021
|
-
const { toggle: n, visibility:
|
|
3022
|
-
this.addText(e,
|
|
3168
|
+
render(e, t, s, o, i, a, l) {
|
|
3169
|
+
const r = a != null && a.data ? a.data : "";
|
|
3170
|
+
if (a) {
|
|
3171
|
+
const { toggle: n, visibility: c, closed: h } = a, d = n ? P.toggleHeaderGroup : "";
|
|
3172
|
+
this.addText(e, o, t, s, r, d), n && c !== "always" && this.addArrowDiv(l, e, !h, t, s, o, d);
|
|
3023
3173
|
} else
|
|
3024
|
-
this.addText(e,
|
|
3174
|
+
this.addText(e, o, t, s, r, "");
|
|
3025
3175
|
}
|
|
3026
|
-
addText(e, t,
|
|
3176
|
+
addText(e, t, s, o, i, a) {
|
|
3027
3177
|
e.innerHTML = `<span
|
|
3028
|
-
data-ge-action="${
|
|
3178
|
+
data-ge-action="${a}"
|
|
3029
3179
|
data-area="${t}"
|
|
3030
|
-
data-row-index="${
|
|
3031
|
-
data-col-index="${
|
|
3180
|
+
data-row-index="${s}"
|
|
3181
|
+
data-col-index="${o}"
|
|
3032
3182
|
>${i}</span>`;
|
|
3033
3183
|
}
|
|
3034
|
-
addArrowDiv(e, t,
|
|
3035
|
-
const
|
|
3036
|
-
e.addClass(
|
|
3184
|
+
addArrowDiv(e, t, s = !0, o = -1, i = -1, a = "header", l) {
|
|
3185
|
+
const r = e.createElement("div");
|
|
3186
|
+
e.addClass(r, "ge-table-toggle-icon-div"), e.setStyle(r, "display", "inline-block"), e.setStyle(r, "position", ""), e.setStyle(r, "width", "20px"), e.setStyle(r, "background", "transparent"), e.setStyle(r, "cursor", "pointer"), e.setAttribute(r, "data-row-index", `${o}`), e.setAttribute(r, "data-col-index", `${i}`), e.setAttribute(r, "data-area", `${a}`), e.setAttribute(r, "data-ge-action", `${l}`);
|
|
3037
3187
|
let n;
|
|
3038
|
-
|
|
3039
|
-
const
|
|
3040
|
-
e.appendChild(
|
|
3041
|
-
for (const
|
|
3042
|
-
e.addClass(
|
|
3043
|
-
return e.appendChild(t,
|
|
3044
|
-
}
|
|
3045
|
-
applyStyleString(e, t,
|
|
3046
|
-
const
|
|
3047
|
-
for (const i of
|
|
3048
|
-
const [
|
|
3049
|
-
e.setStyle(t,
|
|
3188
|
+
s ? n = this.headerGroupOptions.iconExpanded : n = this.headerGroupOptions.iconCollapsed;
|
|
3189
|
+
const c = n.content, h = e.createText(c);
|
|
3190
|
+
e.appendChild(r, h), n.style && this.applyStyleString(e, r, n.style);
|
|
3191
|
+
for (const d of n.classes)
|
|
3192
|
+
e.addClass(r, d);
|
|
3193
|
+
return e.appendChild(t, r), r;
|
|
3194
|
+
}
|
|
3195
|
+
applyStyleString(e, t, s) {
|
|
3196
|
+
const o = s.split(";").map((i) => i.trim()).filter((i) => i);
|
|
3197
|
+
for (const i of o) {
|
|
3198
|
+
const [a, l] = i.split(":");
|
|
3199
|
+
e.setStyle(t, a.trim(), l.trim());
|
|
3050
3200
|
}
|
|
3051
3201
|
}
|
|
3052
3202
|
};
|
|
3053
|
-
|
|
3054
|
-
let
|
|
3055
|
-
function
|
|
3056
|
-
tableModel:
|
|
3203
|
+
P.toggleHeaderGroup = "toggleHeaderGroup";
|
|
3204
|
+
let Y = P;
|
|
3205
|
+
function Pe({
|
|
3206
|
+
tableModel: f,
|
|
3057
3207
|
tableOptions: e = new te(),
|
|
3058
3208
|
mouseMoved: t,
|
|
3059
|
-
checkboxChanged:
|
|
3060
|
-
contextmenu:
|
|
3209
|
+
checkboxChanged: s,
|
|
3210
|
+
contextmenu: o,
|
|
3061
3211
|
modelChanged: i,
|
|
3062
|
-
mouseClicked:
|
|
3063
|
-
mouseDragging:
|
|
3064
|
-
mouseDraggingEnd:
|
|
3212
|
+
mouseClicked: a,
|
|
3213
|
+
mouseDragging: l,
|
|
3214
|
+
mouseDraggingEnd: r,
|
|
3065
3215
|
selectionChanged: n,
|
|
3066
|
-
focusChanged:
|
|
3216
|
+
focusChanged: c,
|
|
3067
3217
|
tableReady: h,
|
|
3068
|
-
licenseKey:
|
|
3218
|
+
licenseKey: d
|
|
3069
3219
|
}) {
|
|
3070
|
-
const
|
|
3071
|
-
let
|
|
3220
|
+
const m = oe(null);
|
|
3221
|
+
let p = !1;
|
|
3072
3222
|
ie(() => {
|
|
3073
|
-
|
|
3223
|
+
m.current && !p && (b(m.current), p = !0);
|
|
3074
3224
|
});
|
|
3075
|
-
const
|
|
3076
|
-
const
|
|
3077
|
-
onSelectionChanged(
|
|
3078
|
-
n && n(
|
|
3225
|
+
const b = (g) => {
|
|
3226
|
+
const u = {
|
|
3227
|
+
onSelectionChanged(S) {
|
|
3228
|
+
n && n(S);
|
|
3079
3229
|
},
|
|
3080
|
-
onFocusChanged(
|
|
3081
|
-
|
|
3230
|
+
onFocusChanged(S) {
|
|
3231
|
+
c && c(S);
|
|
3082
3232
|
},
|
|
3083
|
-
onCheckboxChanged: (
|
|
3084
|
-
|
|
3233
|
+
onCheckboxChanged: (S) => {
|
|
3234
|
+
s && s(S);
|
|
3085
3235
|
},
|
|
3086
|
-
onContextmenu: (
|
|
3087
|
-
|
|
3236
|
+
onContextmenu: (S) => {
|
|
3237
|
+
o && o(S);
|
|
3088
3238
|
},
|
|
3089
|
-
onModelChanged: (
|
|
3090
|
-
i && i(
|
|
3239
|
+
onModelChanged: (S) => {
|
|
3240
|
+
i && i(S);
|
|
3091
3241
|
},
|
|
3092
|
-
onMouseClicked: (
|
|
3093
|
-
|
|
3242
|
+
onMouseClicked: (S) => {
|
|
3243
|
+
a && a(S);
|
|
3094
3244
|
},
|
|
3095
|
-
onMouseDragging: (
|
|
3096
|
-
|
|
3245
|
+
onMouseDragging: (S) => {
|
|
3246
|
+
l && l(S);
|
|
3097
3247
|
},
|
|
3098
|
-
onMouseDraggingEnd: (
|
|
3099
|
-
|
|
3248
|
+
onMouseDraggingEnd: (S) => {
|
|
3249
|
+
r && r(S);
|
|
3100
3250
|
},
|
|
3101
|
-
onMouseMoved: (
|
|
3102
|
-
t && t(
|
|
3251
|
+
onMouseMoved: (S) => {
|
|
3252
|
+
t && t(S);
|
|
3103
3253
|
}
|
|
3104
|
-
},
|
|
3105
|
-
|
|
3106
|
-
|
|
3107
|
-
new
|
|
3254
|
+
}, x = new U(
|
|
3255
|
+
g,
|
|
3256
|
+
f,
|
|
3257
|
+
new Q(),
|
|
3108
3258
|
e,
|
|
3109
|
-
|
|
3259
|
+
u
|
|
3110
3260
|
);
|
|
3111
|
-
|
|
3261
|
+
x.firstInit(), h && h(x.getApi()), d && k.getInstance().setLicenseKey(d);
|
|
3112
3262
|
};
|
|
3113
|
-
return /* @__PURE__ */
|
|
3263
|
+
return /* @__PURE__ */ se(
|
|
3114
3264
|
"div",
|
|
3115
3265
|
{
|
|
3116
|
-
ref:
|
|
3266
|
+
ref: m,
|
|
3117
3267
|
className: "container-div",
|
|
3118
3268
|
style: {
|
|
3119
3269
|
width: "100%",
|
|
@@ -3125,39 +3275,39 @@ function Oe({
|
|
|
3125
3275
|
}
|
|
3126
3276
|
);
|
|
3127
3277
|
}
|
|
3128
|
-
var
|
|
3278
|
+
var V, L = ae;
|
|
3129
3279
|
if (process.env.NODE_ENV === "production")
|
|
3130
|
-
|
|
3280
|
+
V = L.createRoot, L.hydrateRoot;
|
|
3131
3281
|
else {
|
|
3132
|
-
var
|
|
3133
|
-
|
|
3134
|
-
|
|
3282
|
+
var q = L.__SECRET_INTERNALS_DO_NOT_USE_OR_YOU_WILL_BE_FIRED;
|
|
3283
|
+
V = function(f, e) {
|
|
3284
|
+
q.usingClientEntryPoint = !0;
|
|
3135
3285
|
try {
|
|
3136
|
-
return
|
|
3286
|
+
return L.createRoot(f, e);
|
|
3137
3287
|
} finally {
|
|
3138
|
-
|
|
3288
|
+
q.usingClientEntryPoint = !1;
|
|
3139
3289
|
}
|
|
3140
3290
|
};
|
|
3141
3291
|
}
|
|
3142
|
-
class
|
|
3292
|
+
class $e {
|
|
3143
3293
|
constructor(e) {
|
|
3144
3294
|
this.Component = e, console.info(e);
|
|
3145
3295
|
}
|
|
3146
|
-
render(e, t,
|
|
3147
|
-
const
|
|
3296
|
+
render(e, t, s, o, i, a, l) {
|
|
3297
|
+
const r = {
|
|
3148
3298
|
cellDiv: e,
|
|
3149
3299
|
rowIndex: t,
|
|
3150
|
-
columnIndex:
|
|
3151
|
-
areaIdent:
|
|
3300
|
+
columnIndex: s,
|
|
3301
|
+
areaIdent: o,
|
|
3152
3302
|
areaModel: i,
|
|
3153
|
-
cellValue:
|
|
3154
|
-
}, n =
|
|
3155
|
-
return n.render(this.Component(
|
|
3303
|
+
cellValue: a
|
|
3304
|
+
}, n = V(e, {});
|
|
3305
|
+
return n.render(this.Component(r)), () => {
|
|
3156
3306
|
n.unmount();
|
|
3157
3307
|
};
|
|
3158
3308
|
}
|
|
3159
3309
|
}
|
|
3160
3310
|
export {
|
|
3161
|
-
|
|
3162
|
-
|
|
3311
|
+
$e as ComponentRendererWrapper,
|
|
3312
|
+
Pe as GuiexpertTable
|
|
3163
3313
|
};
|