e-virt-table 0.0.3
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/LICENSE +21 -0
- package/README.md +2 -0
- package/dist/index.cjs.js +14 -0
- package/dist/index.cjs.js.map +1 -0
- package/dist/index.es.js +5422 -0
- package/dist/index.es.js.map +1 -0
- package/dist/index.umd.js +14 -0
- package/dist/index.umd.js.map +1 -0
- package/dist/lib/Autofill.d.ts +20 -0
- package/dist/lib/Autofill.js +185 -0
- package/dist/lib/Autofill.js.map +1 -0
- package/dist/lib/BaseCell.d.ts +22 -0
- package/dist/lib/BaseCell.js +111 -0
- package/dist/lib/BaseCell.js.map +1 -0
- package/dist/lib/Body.d.ts +29 -0
- package/dist/lib/Body.js +382 -0
- package/dist/lib/Body.js.map +1 -0
- package/dist/lib/Cell.d.ts +101 -0
- package/dist/lib/Cell.js +943 -0
- package/dist/lib/Cell.js.map +1 -0
- package/dist/lib/CellHeader.d.ts +64 -0
- package/dist/lib/CellHeader.js +355 -0
- package/dist/lib/CellHeader.js.map +1 -0
- package/dist/lib/Config.d.ts +106 -0
- package/dist/lib/Config.js +617 -0
- package/dist/lib/Config.js.map +1 -0
- package/dist/lib/Context.d.ts +123 -0
- package/dist/lib/Context.js +419 -0
- package/dist/lib/Context.js.map +1 -0
- package/dist/lib/Database.d.ts +228 -0
- package/dist/lib/Database.js +931 -0
- package/dist/lib/Database.js.map +1 -0
- package/dist/lib/EVirtTable.d.ts +61 -0
- package/dist/lib/EVirtTable.js +321 -0
- package/dist/lib/EVirtTable.js.map +1 -0
- package/dist/lib/Editor.d.ts +16 -0
- package/dist/lib/Editor.js +251 -0
- package/dist/lib/Editor.js.map +1 -0
- package/dist/lib/Empty.d.ts +7 -0
- package/dist/lib/Empty.js +45 -0
- package/dist/lib/Empty.js.map +1 -0
- package/dist/lib/EventBrowser.d.ts +17 -0
- package/dist/lib/EventBrowser.js +79 -0
- package/dist/lib/EventBrowser.js.map +1 -0
- package/dist/lib/EventBus.d.ts +12 -0
- package/dist/lib/EventBus.js +58 -0
- package/dist/lib/EventBus.js.map +1 -0
- package/dist/lib/EventTable.d.ts +26 -0
- package/dist/lib/EventTable.js +358 -0
- package/dist/lib/EventTable.js.map +1 -0
- package/dist/lib/Footer.d.ts +17 -0
- package/dist/lib/Footer.js +138 -0
- package/dist/lib/Footer.js.map +1 -0
- package/dist/lib/Header.d.ts +37 -0
- package/dist/lib/Header.js +482 -0
- package/dist/lib/Header.js.map +1 -0
- package/dist/lib/History.d.ts +27 -0
- package/dist/lib/History.js +106 -0
- package/dist/lib/History.js.map +1 -0
- package/dist/lib/Icons.d.ts +15 -0
- package/dist/lib/Icons.js +145 -0
- package/dist/lib/Icons.js.map +1 -0
- package/dist/lib/Overlayer.d.ts +10 -0
- package/dist/lib/Overlayer.js +267 -0
- package/dist/lib/Overlayer.js.map +1 -0
- package/dist/lib/Paint.d.ts +65 -0
- package/dist/lib/Paint.js +223 -0
- package/dist/lib/Paint.js.map +1 -0
- package/dist/lib/Row.d.ts +22 -0
- package/dist/lib/Row.js +125 -0
- package/dist/lib/Row.js.map +1 -0
- package/dist/lib/Scroller.d.ts +20 -0
- package/dist/lib/Scroller.js +448 -0
- package/dist/lib/Scroller.js.map +1 -0
- package/dist/lib/Selector.d.ts +38 -0
- package/dist/lib/Selector.js +532 -0
- package/dist/lib/Selector.js.map +1 -0
- package/dist/lib/Tooltip.d.ts +13 -0
- package/dist/lib/Tooltip.js +204 -0
- package/dist/lib/Tooltip.js.map +1 -0
- package/dist/lib/index.d.ts +3 -0
- package/dist/lib/index.js +4 -0
- package/dist/lib/index.js.map +1 -0
- package/dist/lib/types.d.ts +160 -0
- package/dist/lib/types.js +2 -0
- package/dist/lib/types.js.map +1 -0
- package/dist/lib/util.d.ts +15 -0
- package/dist/lib/util.js +113 -0
- package/dist/lib/util.js.map +1 -0
- package/package.json +37 -0
|
@@ -0,0 +1,251 @@
|
|
|
1
|
+
export default class Editor {
|
|
2
|
+
constructor(ctx) {
|
|
3
|
+
Object.defineProperty(this, "editorEl", {
|
|
4
|
+
enumerable: true,
|
|
5
|
+
configurable: true,
|
|
6
|
+
writable: true,
|
|
7
|
+
value: void 0
|
|
8
|
+
});
|
|
9
|
+
Object.defineProperty(this, "inputEl", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
configurable: true,
|
|
12
|
+
writable: true,
|
|
13
|
+
value: void 0
|
|
14
|
+
});
|
|
15
|
+
Object.defineProperty(this, "enable", {
|
|
16
|
+
enumerable: true,
|
|
17
|
+
configurable: true,
|
|
18
|
+
writable: true,
|
|
19
|
+
value: false
|
|
20
|
+
});
|
|
21
|
+
Object.defineProperty(this, "cellTarget", {
|
|
22
|
+
enumerable: true,
|
|
23
|
+
configurable: true,
|
|
24
|
+
writable: true,
|
|
25
|
+
value: null
|
|
26
|
+
});
|
|
27
|
+
Object.defineProperty(this, "ctx", {
|
|
28
|
+
enumerable: true,
|
|
29
|
+
configurable: true,
|
|
30
|
+
writable: true,
|
|
31
|
+
value: void 0
|
|
32
|
+
});
|
|
33
|
+
this.ctx = ctx;
|
|
34
|
+
this.initTextEditor();
|
|
35
|
+
this.init();
|
|
36
|
+
}
|
|
37
|
+
init() {
|
|
38
|
+
// 滚动时,结束编辑
|
|
39
|
+
this.ctx.on("onScroll", () => {
|
|
40
|
+
if (this.enable && this.cellTarget?.editorType !== "text") {
|
|
41
|
+
this.doneEdit();
|
|
42
|
+
}
|
|
43
|
+
});
|
|
44
|
+
this.ctx.on("cellHeaderMousedown", () => {
|
|
45
|
+
if (this.enable && this.cellTarget?.editorType !== "text") {
|
|
46
|
+
this.doneEdit();
|
|
47
|
+
}
|
|
48
|
+
});
|
|
49
|
+
this.ctx.on("keydown", (e) => {
|
|
50
|
+
const key = e.key;
|
|
51
|
+
const isCtrl = e.ctrlKey;
|
|
52
|
+
const isAlt = e.altKey;
|
|
53
|
+
const isShift = e.shiftKey;
|
|
54
|
+
const isMeta = e.metaKey;
|
|
55
|
+
// 检测是否按下了组合键(Ctrl、Alt、Shift、Meta)
|
|
56
|
+
if (isCtrl || isAlt || isShift || isMeta) {
|
|
57
|
+
return;
|
|
58
|
+
}
|
|
59
|
+
// 检测功能键(比如 F1, Escape,Tab 等)
|
|
60
|
+
const functionKeys = [
|
|
61
|
+
// "Enter",
|
|
62
|
+
"Escape",
|
|
63
|
+
"Tab",
|
|
64
|
+
"Backspace",
|
|
65
|
+
"Delete",
|
|
66
|
+
"ArrowUp",
|
|
67
|
+
"ArrowDown",
|
|
68
|
+
"ArrowLeft",
|
|
69
|
+
"ArrowRight",
|
|
70
|
+
"Home",
|
|
71
|
+
"End",
|
|
72
|
+
"PageUp",
|
|
73
|
+
"PageDown",
|
|
74
|
+
"Insert",
|
|
75
|
+
"F1",
|
|
76
|
+
"F2",
|
|
77
|
+
"F3",
|
|
78
|
+
"F4",
|
|
79
|
+
"F5",
|
|
80
|
+
"F6",
|
|
81
|
+
"F7",
|
|
82
|
+
"F8",
|
|
83
|
+
"F9",
|
|
84
|
+
"F10",
|
|
85
|
+
"F11",
|
|
86
|
+
"F12",
|
|
87
|
+
];
|
|
88
|
+
if (functionKeys.includes(key)) {
|
|
89
|
+
return;
|
|
90
|
+
}
|
|
91
|
+
// 编辑模式按下按Enter进入编辑模式
|
|
92
|
+
if (e.code === "Enter" && !this.enable) {
|
|
93
|
+
e.preventDefault();
|
|
94
|
+
this.startEdit();
|
|
95
|
+
return;
|
|
96
|
+
}
|
|
97
|
+
// 除了上面的建其他都开始编辑
|
|
98
|
+
this.startEdit();
|
|
99
|
+
});
|
|
100
|
+
this.ctx.on("cellClick", (cell) => {
|
|
101
|
+
if (cell.rowKey === this.cellTarget?.rowKey &&
|
|
102
|
+
cell.key === this.cellTarget?.key) {
|
|
103
|
+
this.startEdit();
|
|
104
|
+
}
|
|
105
|
+
else {
|
|
106
|
+
this.doneEdit();
|
|
107
|
+
this.cellTarget = cell;
|
|
108
|
+
// 单击单元格进入编辑模式
|
|
109
|
+
if (this.ctx.config.ENABLE_EDIT_SINGLE_CLICK) {
|
|
110
|
+
this.startEdit();
|
|
111
|
+
}
|
|
112
|
+
}
|
|
113
|
+
});
|
|
114
|
+
}
|
|
115
|
+
initTextEditor() {
|
|
116
|
+
// 初始化文本编辑器
|
|
117
|
+
const { CSS_PREFIX, SELECT_BORDER_COLOR } = this.ctx.config;
|
|
118
|
+
this.inputEl = document.createElement("div");
|
|
119
|
+
// 监听键盘事件
|
|
120
|
+
this.inputEl.addEventListener("keydown", (e) => {
|
|
121
|
+
if (this.enable && (e.code === "Enter" || e.code === "Escape")) {
|
|
122
|
+
e.preventDefault();
|
|
123
|
+
this.inputEl.blur();
|
|
124
|
+
}
|
|
125
|
+
});
|
|
126
|
+
this.inputEl.addEventListener("blur", () => {
|
|
127
|
+
this.doneEdit();
|
|
128
|
+
});
|
|
129
|
+
this.editorEl = document.createElement("div");
|
|
130
|
+
this.editorEl.className = `${CSS_PREFIX}-self-editor`;
|
|
131
|
+
this.inputEl.className = `${CSS_PREFIX}-self-editor-input`;
|
|
132
|
+
const editorStyle = {
|
|
133
|
+
position: "absolute",
|
|
134
|
+
top: "-10000px",
|
|
135
|
+
left: "-10000px",
|
|
136
|
+
textAlign: "left",
|
|
137
|
+
lineHeight: "0",
|
|
138
|
+
zIndex: 100,
|
|
139
|
+
overflow: "hidden",
|
|
140
|
+
backgroundColor: "#fff",
|
|
141
|
+
border: `2px solid ${SELECT_BORDER_COLOR}`,
|
|
142
|
+
boxSizing: "border-box",
|
|
143
|
+
boxShadow: "rgba(0, 0, 0, 0.2) 0px 6px 16px",
|
|
144
|
+
pointerEvents: "auto",
|
|
145
|
+
display: "flex",
|
|
146
|
+
alignItems: "center",
|
|
147
|
+
};
|
|
148
|
+
Object.assign(this.editorEl.style, editorStyle);
|
|
149
|
+
const inputStyle = {
|
|
150
|
+
width: "100%",
|
|
151
|
+
boxSizing: "border-box",
|
|
152
|
+
padding: "8px",
|
|
153
|
+
outline: "none",
|
|
154
|
+
fontWeight: "400",
|
|
155
|
+
fontSize: "12px",
|
|
156
|
+
color: "inherit",
|
|
157
|
+
whiteSpace: "normal",
|
|
158
|
+
wordWrap: "break-word",
|
|
159
|
+
wordBreak: "break-all",
|
|
160
|
+
lineHeight: "18px",
|
|
161
|
+
margin: "0",
|
|
162
|
+
background: "#fff",
|
|
163
|
+
cursor: "text",
|
|
164
|
+
};
|
|
165
|
+
Object.assign(this.inputEl.style, inputStyle);
|
|
166
|
+
const isFirefox = navigator.userAgent.toLowerCase().includes("firefox"); // 判断是否是火狐浏览器
|
|
167
|
+
// https://developer.mozilla.org/zh-CN/docs/Web/HTML/Global_attributes/contenteditable
|
|
168
|
+
this.inputEl.contentEditable = isFirefox ? "true" : "plaintext-only";
|
|
169
|
+
this.editorEl.appendChild(this.inputEl);
|
|
170
|
+
this.ctx.targetContainer.appendChild(this.editorEl);
|
|
171
|
+
}
|
|
172
|
+
startEditByInput(cell) {
|
|
173
|
+
if (cell.editorType !== "text") {
|
|
174
|
+
return;
|
|
175
|
+
}
|
|
176
|
+
const value = cell.getValue();
|
|
177
|
+
const { width, height } = cell;
|
|
178
|
+
const drawX = cell.getDrawX();
|
|
179
|
+
const drawY = cell.getDrawY();
|
|
180
|
+
const { CELL_PADDING } = this.ctx.config;
|
|
181
|
+
this.editorEl.style.left = `${drawX}px`;
|
|
182
|
+
this.editorEl.style.top = `${drawY}px`;
|
|
183
|
+
this.inputEl.style.minWidth = `${width - 1}px`;
|
|
184
|
+
this.inputEl.style.minHeight = `${height - 1}px`;
|
|
185
|
+
this.inputEl.style.padding = `${CELL_PADDING}px`;
|
|
186
|
+
if (value !== null) {
|
|
187
|
+
this.inputEl.innerText = value;
|
|
188
|
+
}
|
|
189
|
+
this.inputEl.focus();
|
|
190
|
+
const selection = window.getSelection(); // 创建selection
|
|
191
|
+
selection?.selectAllChildren(this.inputEl); // 清除选区并选择指定节点的所有子节点
|
|
192
|
+
selection?.collapseToEnd(); // 光标移至最后
|
|
193
|
+
}
|
|
194
|
+
doneEditByInput() {
|
|
195
|
+
if (!this.cellTarget) {
|
|
196
|
+
return;
|
|
197
|
+
}
|
|
198
|
+
// 如果不是是文本编辑器
|
|
199
|
+
if (this.cellTarget.editorType !== "text") {
|
|
200
|
+
return;
|
|
201
|
+
}
|
|
202
|
+
const { rowKey, key } = this.cellTarget;
|
|
203
|
+
const value = this.cellTarget.getValue();
|
|
204
|
+
const textContent = this.inputEl.textContent;
|
|
205
|
+
// !(text.textContent === '' && value === null)剔除点击编辑后未修改会把null变为''的情况
|
|
206
|
+
if (textContent !== value && !(textContent === "" && value === null)) {
|
|
207
|
+
this.ctx.database.setItemValue(rowKey, key, textContent, true, true, true);
|
|
208
|
+
}
|
|
209
|
+
this.inputEl.textContent = null;
|
|
210
|
+
this.editorEl.style.left = `${-10000}px`;
|
|
211
|
+
this.editorEl.style.top = `${-10000}px`;
|
|
212
|
+
}
|
|
213
|
+
startEdit() {
|
|
214
|
+
const focusCell = this.ctx.focusCell;
|
|
215
|
+
if (!focusCell) {
|
|
216
|
+
return;
|
|
217
|
+
}
|
|
218
|
+
// 如果是index或者index-selection,selection类型的单元格,不允许编辑
|
|
219
|
+
if (["index", "index-selection", "selection"].includes(focusCell.type)) {
|
|
220
|
+
return;
|
|
221
|
+
}
|
|
222
|
+
if (this.enable) {
|
|
223
|
+
return;
|
|
224
|
+
}
|
|
225
|
+
const { rowKey, key } = focusCell;
|
|
226
|
+
const readonly = this.ctx.database.getReadonly(rowKey, key);
|
|
227
|
+
if (focusCell && !readonly) {
|
|
228
|
+
this.enable = true;
|
|
229
|
+
this.ctx.editing = true;
|
|
230
|
+
this.cellTarget = focusCell;
|
|
231
|
+
this.startEditByInput(this.cellTarget);
|
|
232
|
+
this.ctx.emit("startEdit", this.cellTarget);
|
|
233
|
+
}
|
|
234
|
+
}
|
|
235
|
+
doneEdit() {
|
|
236
|
+
if (!this.enable) {
|
|
237
|
+
return;
|
|
238
|
+
}
|
|
239
|
+
if (this.cellTarget) {
|
|
240
|
+
this.ctx.emit("doneEdit", this.cellTarget);
|
|
241
|
+
this.doneEditByInput();
|
|
242
|
+
this.enable = false;
|
|
243
|
+
this.ctx.target.focus();
|
|
244
|
+
this.ctx.editing = false;
|
|
245
|
+
this.cellTarget = null;
|
|
246
|
+
this.ctx.emit("draw");
|
|
247
|
+
}
|
|
248
|
+
}
|
|
249
|
+
destroy() { }
|
|
250
|
+
}
|
|
251
|
+
//# sourceMappingURL=Editor.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Editor.js","sourceRoot":"","sources":["../../src/Editor.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,45 @@
|
|
|
1
|
+
export default class Tooltip {
|
|
2
|
+
constructor(ctx) {
|
|
3
|
+
Object.defineProperty(this, "ctx", {
|
|
4
|
+
enumerable: true,
|
|
5
|
+
configurable: true,
|
|
6
|
+
writable: true,
|
|
7
|
+
value: void 0
|
|
8
|
+
});
|
|
9
|
+
Object.defineProperty(this, "emptyEl", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
configurable: true,
|
|
12
|
+
writable: true,
|
|
13
|
+
value: void 0
|
|
14
|
+
});
|
|
15
|
+
this.ctx = ctx;
|
|
16
|
+
const { EMPTY_TEXT, EMPTY_CUSTOM, EMPTY_CUSTOM_STYLE, CSS_PREFIX } = this.ctx.config;
|
|
17
|
+
this.emptyEl = document.createElement('div');
|
|
18
|
+
this.emptyEl.className = `${CSS_PREFIX}-empty`;
|
|
19
|
+
this.emptyEl.style.display = 'none';
|
|
20
|
+
this.emptyEl.innerText = EMPTY_TEXT;
|
|
21
|
+
this.ctx.targetContainer.appendChild(this.emptyEl);
|
|
22
|
+
this.ctx.on('emptyChange', ({ type, headerHeight, bodyHeight, footerHeight }) => {
|
|
23
|
+
// 如果开启了自定义内容,则不显示默认内容
|
|
24
|
+
if (EMPTY_CUSTOM) {
|
|
25
|
+
return;
|
|
26
|
+
}
|
|
27
|
+
const top = headerHeight + (bodyHeight + footerHeight) / 2;
|
|
28
|
+
const contentStyle = {
|
|
29
|
+
display: type === 'empty' ? 'block' : 'none',
|
|
30
|
+
position: 'absolute',
|
|
31
|
+
fontSize: '14px',
|
|
32
|
+
color: '#666',
|
|
33
|
+
left: '50%',
|
|
34
|
+
top: `${top}px`,
|
|
35
|
+
transform: 'translate(-50%, -50%)',
|
|
36
|
+
...EMPTY_CUSTOM_STYLE,
|
|
37
|
+
};
|
|
38
|
+
Object.assign(this.emptyEl.style, contentStyle);
|
|
39
|
+
});
|
|
40
|
+
}
|
|
41
|
+
destroy() {
|
|
42
|
+
this.emptyEl.remove();
|
|
43
|
+
}
|
|
44
|
+
}
|
|
45
|
+
//# sourceMappingURL=Empty.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"Empty.js","sourceRoot":"","sources":["../../src/Empty.ts"],"names":[],"mappings":"AACA,MAAM,CAAC,OAAO,OAAO,OAAO;IAGxB,YAAY,GAAY;QAFhB;;;;;WAAa;QACb;;;;;WAAwB;QAE5B,IAAI,CAAC,GAAG,GAAG,GAAG,CAAC;QACf,MAAM,EAAE,UAAU,EAAE,YAAY,EAAE,kBAAkB,EAAE,UAAU,EAAE,GAAG,IAAI,CAAC,GAAG,CAAC,MAAM,CAAC;QACrF,IAAI,CAAC,OAAO,GAAG,QAAQ,CAAC,aAAa,CAAC,KAAK,CAAC,CAAC;QAC7C,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,GAAG,UAAU,QAAQ,CAAC;QAC/C,IAAI,CAAC,OAAO,CAAC,KAAK,CAAC,OAAO,GAAG,MAAM,CAAC;QACpC,IAAI,CAAC,OAAO,CAAC,SAAS,GAAG,UAAU,CAAC;QACpC,IAAI,CAAC,GAAG,CAAC,eAAe,CAAC,WAAW,CAAC,IAAI,CAAC,OAAO,CAAC,CAAC;QACnD,IAAI,CAAC,GAAG,CAAC,EAAE,CAAC,aAAa,EAAE,CAAC,EAAE,IAAI,EAAE,YAAY,EAAE,UAAU,EAAE,YAAY,EAAE,EAAE,EAAE;YAC5E,sBAAsB;YACtB,IAAI,YAAY,EAAE,CAAC;gBACf,OAAO;YACX,CAAC;YACD,MAAM,GAAG,GAAG,YAAY,GAAG,CAAC,UAAU,GAAG,YAAY,CAAC,GAAG,CAAC,CAAC;YAC3D,MAAM,YAAY,GAAG;gBACjB,OAAO,EAAE,IAAI,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,MAAM;gBAC5C,QAAQ,EAAE,UAAU;gBACpB,QAAQ,EAAE,MAAM;gBAChB,KAAK,EAAE,MAAM;gBACb,IAAI,EAAE,KAAK;gBACX,GAAG,EAAE,GAAG,GAAG,IAAI;gBACf,SAAS,EAAE,uBAAuB;gBAClC,GAAG,kBAAkB;aACxB,CAAC;YACF,MAAM,CAAC,MAAM,CAAC,IAAI,CAAC,OAAO,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QACpD,CAAC,CAAC,CAAC;IACP,CAAC;IACD,OAAO;QACH,IAAI,CAAC,OAAO,CAAC,MAAM,EAAE,CAAC;IAC1B,CAAC;CACJ"}
|
|
@@ -0,0 +1,17 @@
|
|
|
1
|
+
import Context from "./Context";
|
|
2
|
+
export default class EventBrowser {
|
|
3
|
+
private eventTasks;
|
|
4
|
+
private ctx;
|
|
5
|
+
constructor(ctx: Context);
|
|
6
|
+
init(): void;
|
|
7
|
+
destroy(): void;
|
|
8
|
+
private handleResize;
|
|
9
|
+
private handleMouseDown;
|
|
10
|
+
private handleMousemove;
|
|
11
|
+
private handleMouseUp;
|
|
12
|
+
private handleClick;
|
|
13
|
+
private handleKeydown;
|
|
14
|
+
private handleWheel;
|
|
15
|
+
private bind;
|
|
16
|
+
private unbind;
|
|
17
|
+
}
|
|
@@ -0,0 +1,79 @@
|
|
|
1
|
+
export default class EventBrowser {
|
|
2
|
+
constructor(ctx) {
|
|
3
|
+
Object.defineProperty(this, "eventTasks", {
|
|
4
|
+
enumerable: true,
|
|
5
|
+
configurable: true,
|
|
6
|
+
writable: true,
|
|
7
|
+
value: new Map()
|
|
8
|
+
});
|
|
9
|
+
Object.defineProperty(this, "ctx", {
|
|
10
|
+
enumerable: true,
|
|
11
|
+
configurable: true,
|
|
12
|
+
writable: true,
|
|
13
|
+
value: void 0
|
|
14
|
+
});
|
|
15
|
+
this.ctx = ctx;
|
|
16
|
+
this.init();
|
|
17
|
+
}
|
|
18
|
+
init() {
|
|
19
|
+
this.bind(window, "resize", this.handleResize.bind(this));
|
|
20
|
+
this.bind(window, "mousedown", this.handleMouseDown.bind(this));
|
|
21
|
+
this.bind(window, "mouseup", this.handleMouseUp.bind(this));
|
|
22
|
+
this.bind(window, "mousemove", this.handleMousemove.bind(this));
|
|
23
|
+
this.bind(this.ctx.target, "click", this.handleClick.bind(this));
|
|
24
|
+
this.bind(this.ctx.target, "keydown", this.handleKeydown.bind(this));
|
|
25
|
+
this.bind(this.ctx.target, "wheel", this.handleWheel.bind(this));
|
|
26
|
+
}
|
|
27
|
+
destroy() {
|
|
28
|
+
this.eventTasks.forEach((fn, event) => {
|
|
29
|
+
this.unbind(window, event, fn);
|
|
30
|
+
});
|
|
31
|
+
this.eventTasks.clear();
|
|
32
|
+
}
|
|
33
|
+
handleResize(e) {
|
|
34
|
+
this.ctx.emit("resetHeader", e);
|
|
35
|
+
this.ctx.emit("resize", e);
|
|
36
|
+
}
|
|
37
|
+
handleMouseDown(e) {
|
|
38
|
+
const _e = e;
|
|
39
|
+
if (_e.button === 0) {
|
|
40
|
+
this.ctx.mousedown = true;
|
|
41
|
+
}
|
|
42
|
+
this.ctx.emit("mousedown", e);
|
|
43
|
+
}
|
|
44
|
+
handleMousemove(e) {
|
|
45
|
+
this.ctx.emit("mousemove", e);
|
|
46
|
+
}
|
|
47
|
+
handleMouseUp(e) {
|
|
48
|
+
const _e = e;
|
|
49
|
+
if (_e.button === 0) {
|
|
50
|
+
this.ctx.mousedown = false;
|
|
51
|
+
}
|
|
52
|
+
this.ctx.emit("mouseup", e);
|
|
53
|
+
}
|
|
54
|
+
handleClick(e) {
|
|
55
|
+
this.ctx.emit("click", e);
|
|
56
|
+
}
|
|
57
|
+
handleKeydown(e) {
|
|
58
|
+
const { ENABLE_KEYBOARD } = this.ctx.config;
|
|
59
|
+
if (!ENABLE_KEYBOARD)
|
|
60
|
+
return;
|
|
61
|
+
this.ctx.emit("keydown", e);
|
|
62
|
+
}
|
|
63
|
+
handleWheel(e) {
|
|
64
|
+
this.ctx.emit("wheel", e);
|
|
65
|
+
}
|
|
66
|
+
bind(target, name, fn) {
|
|
67
|
+
// canvas元素默认不支持键盘事件,需要设置tabIndex
|
|
68
|
+
if (target instanceof HTMLCanvasElement && name === "keydown") {
|
|
69
|
+
target.tabIndex = 0;
|
|
70
|
+
}
|
|
71
|
+
target.addEventListener(name, fn);
|
|
72
|
+
this.eventTasks.set(name, fn);
|
|
73
|
+
}
|
|
74
|
+
unbind(target, name, fn) {
|
|
75
|
+
target.removeEventListener(name, fn);
|
|
76
|
+
this.eventTasks.delete(name);
|
|
77
|
+
}
|
|
78
|
+
}
|
|
79
|
+
//# sourceMappingURL=EventBrowser.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventBrowser.js","sourceRoot":"","sources":["../../src/EventBrowser.ts"],"names":[],"mappings":"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"}
|
|
@@ -0,0 +1,12 @@
|
|
|
1
|
+
export type EventCallback = (...args: any[]) => void;
|
|
2
|
+
declare class EventBus {
|
|
3
|
+
private events;
|
|
4
|
+
constructor();
|
|
5
|
+
has(event: string): boolean;
|
|
6
|
+
on(event: string, callback: EventCallback): void;
|
|
7
|
+
once(event: string, callback: EventCallback): this;
|
|
8
|
+
off(event: string, callback: EventCallback): void;
|
|
9
|
+
emit(event: string, ...args: any[]): void;
|
|
10
|
+
destroy(): void;
|
|
11
|
+
}
|
|
12
|
+
export default EventBus;
|
|
@@ -0,0 +1,58 @@
|
|
|
1
|
+
class EventBus {
|
|
2
|
+
constructor() {
|
|
3
|
+
Object.defineProperty(this, "events", {
|
|
4
|
+
enumerable: true,
|
|
5
|
+
configurable: true,
|
|
6
|
+
writable: true,
|
|
7
|
+
value: new Map()
|
|
8
|
+
});
|
|
9
|
+
}
|
|
10
|
+
has(event) {
|
|
11
|
+
return this.events.has(event);
|
|
12
|
+
}
|
|
13
|
+
// 订阅事件
|
|
14
|
+
on(event, callback) {
|
|
15
|
+
const callbacks = this.events.get(event) || [];
|
|
16
|
+
callbacks.push(callback);
|
|
17
|
+
this.events.set(event, callbacks);
|
|
18
|
+
}
|
|
19
|
+
// 一次性订阅事件
|
|
20
|
+
once(event, callback) {
|
|
21
|
+
const onceCallback = (...args) => {
|
|
22
|
+
callback(...args);
|
|
23
|
+
this.off(event, onceCallback);
|
|
24
|
+
};
|
|
25
|
+
this.on(event, onceCallback);
|
|
26
|
+
return this;
|
|
27
|
+
}
|
|
28
|
+
// 取消订阅事件
|
|
29
|
+
off(event, callback) {
|
|
30
|
+
const callbacks = this.events.get(event);
|
|
31
|
+
if (callbacks) {
|
|
32
|
+
const index = callbacks.indexOf(callback);
|
|
33
|
+
if (index >= 0) {
|
|
34
|
+
callbacks.splice(index, 1);
|
|
35
|
+
if (callbacks.length === 0) {
|
|
36
|
+
this.events.delete(event);
|
|
37
|
+
}
|
|
38
|
+
else {
|
|
39
|
+
this.events.set(event, callbacks);
|
|
40
|
+
}
|
|
41
|
+
}
|
|
42
|
+
}
|
|
43
|
+
}
|
|
44
|
+
// 发布事件
|
|
45
|
+
emit(event, ...args) {
|
|
46
|
+
const callbacks = this.events.get(event);
|
|
47
|
+
if (callbacks) {
|
|
48
|
+
callbacks.forEach((callback) => {
|
|
49
|
+
callback(...args);
|
|
50
|
+
});
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
destroy() {
|
|
54
|
+
this.events.clear();
|
|
55
|
+
}
|
|
56
|
+
}
|
|
57
|
+
export default EventBus;
|
|
58
|
+
//# sourceMappingURL=EventBus.js.map
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"EventBus.js","sourceRoot":"","sources":["../../src/EventBus.ts"],"names":[],"mappings":"AAIA,MAAM,QAAQ;IAEZ;QADQ;;;;mBAAmB,IAAI,GAAG,EAAE;WAAC;IACtB,CAAC;IAChB,GAAG,CAAC,KAAa;QACf,OAAO,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;IAChC,CAAC;IACD,OAAO;IACP,EAAE,CAAC,KAAa,EAAE,QAAuB;QACvC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,IAAI,EAAE,CAAC;QAC/C,SAAS,CAAC,IAAI,CAAC,QAAQ,CAAC,CAAC;QACzB,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;IACpC,CAAC;IACD,UAAU;IACV,IAAI,CAAC,KAAa,EAAE,QAAuB;QACzC,MAAM,YAAY,GAAkB,CAAC,GAAG,IAAI,EAAE,EAAE;YAC9C,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;YAClB,IAAI,CAAC,GAAG,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAChC,CAAC,CAAC;QACF,IAAI,CAAC,EAAE,CAAC,KAAK,EAAE,YAAY,CAAC,CAAC;QAC7B,OAAO,IAAI,CAAC;IACd,CAAC;IACD,SAAS;IACT,GAAG,CAAC,KAAa,EAAE,QAAuB;QACxC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACzC,IAAI,SAAS,EAAE,CAAC;YACd,MAAM,KAAK,GAAG,SAAS,CAAC,OAAO,CAAC,QAAQ,CAAC,CAAC;YAC1C,IAAI,KAAK,IAAI,CAAC,EAAE,CAAC;gBACf,SAAS,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC,CAAC,CAAC;gBAC3B,IAAI,SAAS,CAAC,MAAM,KAAK,CAAC,EAAE,CAAC;oBAC3B,IAAI,CAAC,MAAM,CAAC,MAAM,CAAC,KAAK,CAAC,CAAC;gBAC5B,CAAC;qBAAM,CAAC;oBACN,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,EAAE,SAAS,CAAC,CAAC;gBACpC,CAAC;YACH,CAAC;QACH,CAAC;IACH,CAAC;IACD,OAAO;IACP,IAAI,CAAC,KAAa,EAAE,GAAG,IAAW;QAChC,MAAM,SAAS,GAAG,IAAI,CAAC,MAAM,CAAC,GAAG,CAAC,KAAK,CAAC,CAAC;QACzC,IAAI,SAAS,EAAE,CAAC;YACd,SAAS,CAAC,OAAO,CAAC,CAAC,QAAQ,EAAE,EAAE;gBAC7B,QAAQ,CAAC,GAAG,IAAI,CAAC,CAAC;YACpB,CAAC,CAAC,CAAC;QACL,CAAC;IACH,CAAC;IAED,OAAO;QACL,IAAI,CAAC,MAAM,CAAC,KAAK,EAAE,CAAC;IACtB,CAAC;CACF;AACD,eAAe,QAAQ,CAAC"}
|
|
@@ -0,0 +1,26 @@
|
|
|
1
|
+
import Context from "./Context";
|
|
2
|
+
export default class EventTable {
|
|
3
|
+
ctx: Context;
|
|
4
|
+
private visibleHoverCell?;
|
|
5
|
+
private resizeObserver;
|
|
6
|
+
constructor(ctx: Context);
|
|
7
|
+
private init;
|
|
8
|
+
/**
|
|
9
|
+
*选中点击
|
|
10
|
+
* @param cell
|
|
11
|
+
*/
|
|
12
|
+
private selectionClick;
|
|
13
|
+
/**
|
|
14
|
+
* 树点击
|
|
15
|
+
* @param cell
|
|
16
|
+
*/
|
|
17
|
+
private treeClick;
|
|
18
|
+
/**
|
|
19
|
+
* 图标进入和离开事件,包括选中,展开,提示图标等
|
|
20
|
+
* @param cell
|
|
21
|
+
* @param e
|
|
22
|
+
*/
|
|
23
|
+
private imageEnterAndLeave;
|
|
24
|
+
private isBusy;
|
|
25
|
+
destroy(): void;
|
|
26
|
+
}
|