1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
'use strict';
Object.defineProperty(exports, '__esModule', { value: true });
var vue = require('vue');
require('../../../../utils/index.js');
require('../../../../hooks/index.js');
var layoutObserver = require('../layout-observer.js');
var util = require('../util.js');
var tokens = require('../tokens.js');
var renderHelper = require('./render-helper.js');
var defaults = require('./defaults.js');
var index = require('../../../../hooks/use-namespace/index.js');
var style = require('../../../../utils/dom/style.js');
var core = require('@vueuse/core');
var raf = require('../../../../utils/raf.js');
var TableBody = vue.defineComponent({
name: "ElTableBody",
props: defaults["default"],
setup(props) {
const instance = vue.getCurrentInstance();
const parent = vue.inject(tokens.TABLE_INJECTION_KEY);
const ns = index.useNamespace("table");
const { wrappedRowRender, tooltipContent, tooltipTrigger } = renderHelper["default"](props);
const { onColumnsChange, onScrollableChange } = layoutObserver["default"](parent);
const hoveredCellList = [];
vue.watch(props.store.states.hoverRow, (newVal, oldVal) => {
var _a;
const el = instance == null ? void 0 : instance.vnode.el;
const rows = Array.from((el == null ? void 0 : el.children) || []).filter((e) => e == null ? void 0 : e.classList.contains(`${ns.e("row")}`));
let rowNum = newVal;
const childNodes = (_a = rows[rowNum]) == null ? void 0 : _a.childNodes;
if (childNodes == null ? void 0 : childNodes.length) {
let control = 0;
const indexes = Array.from(childNodes).reduce((acc, item, index) => {
var _a2, _b;
if (((_a2 = childNodes[index]) == null ? void 0 : _a2.colSpan) > 1) {
control = (_b = childNodes[index]) == null ? void 0 : _b.colSpan;
}
if (item.nodeName !== "TD" && control === 0) {
acc.push(index);
}
control > 0 && control--;
return acc;
}, []);
indexes.forEach((rowIndex) => {
var _a2;
rowNum = newVal;
while (rowNum > 0) {
const preChildNodes = (_a2 = rows[rowNum - 1]) == null ? void 0 : _a2.childNodes;
if (preChildNodes[rowIndex] && preChildNodes[rowIndex].nodeName === "TD" && preChildNodes[rowIndex].rowSpan > 1) {
style.addClass(preChildNodes[rowIndex], "hover-cell");
hoveredCellList.push(preChildNodes[rowIndex]);
break;
}
rowNum--;
}
});
} else {
hoveredCellList.forEach((item) => style.removeClass(item, "hover-cell"));
hoveredCellList.length = 0;
}
if (!props.store.states.isComplex.value || !core.isClient)
return;
raf.rAF(() => {
const oldRow = rows[oldVal];
const newRow = rows[newVal];
if (oldRow && !oldRow.classList.contains("hover-fixed-row")) {
style.removeClass(oldRow, "hover-row");
}
if (newRow) {
style.addClass(newRow, "hover-row");
}
});
});
vue.onUnmounted(() => {
var _a;
(_a = util.removePopper) == null ? void 0 : _a();
});
return {
ns,
onColumnsChange,
onScrollableChange,
wrappedRowRender,
tooltipContent,
tooltipTrigger
};
},
render() {
const { wrappedRowRender, store } = this;
const data = store.states.data.value || [];
return vue.h("tbody", { tabIndex: -1 }, [
data.reduce((acc, row) => {
return acc.concat(wrappedRowRender(row, acc.length));
}, [])
]);
}
});
exports["default"] = TableBody;
//# sourceMappingURL=index.js.map