fastlion-amis
Version:
一种MIS页面生成工具
32 lines (31 loc) • 1.43 kB
JavaScript
;
Object.defineProperty(exports, "__esModule", { value: true });
var tslib_1 = require("tslib");
var mobx_react_1 = require("mobx-react");
var react_1 = tslib_1.__importStar(require("react"));
function ItemActionsWrapper(props) {
var _a;
var cx = props.classnames;
var children = props.children;
var store = props.store;
var divRef = (0, react_1.useRef)(null);
(0, react_1.useEffect)(function () {
var _a;
var row = store.hoverRow;
if (!row) {
return;
}
var frame = (_a = divRef.current.parentElement) === null || _a === void 0 ? void 0 : _a.querySelector('table');
var dom = frame === null || frame === void 0 ? void 0 : frame.querySelector("tr[data-id=\"" + row.id + "\"]");
if (!dom) {
return;
}
var rect = dom.getBoundingClientRect();
var height = rect.height;
var top = rect.top - frame.getBoundingClientRect().top;
divRef.current.style.cssText += "top: " + top + "px;height: " + height + "px;";
}, [(_a = store.hoverRow) === null || _a === void 0 ? void 0 : _a.id]);
return (react_1.default.createElement("div", { className: cx('Table-itemActions-wrap'), ref: divRef }, children));
}
exports.default = (0, mobx_react_1.observer)(ItemActionsWrapper);
//# sourceMappingURL=./renderers/FieldTableHorizontal/ItemActionsWrapper.js.map