You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
InternshipProject/node_modules/rc-table/lib/Body/MeasureRow.js

68 lines
2.1 KiB

"use strict";
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard");
Object.defineProperty(exports, "__esModule", {
value: true
});
exports.default = MeasureRow;
var React = _interopRequireWildcard(require("react"));
var _rcResizeObserver = _interopRequireDefault(require("rc-resize-observer"));
var _MeasureCell = _interopRequireDefault(require("./MeasureCell"));
var _raf = _interopRequireDefault(require("rc-util/lib/raf"));
function MeasureRow(_ref) {
var prefixCls = _ref.prefixCls,
columnsKey = _ref.columnsKey,
onColumnResize = _ref.onColumnResize;
// delay state update while resize continuously, e.g. window resize
var resizedColumnsRef = React.useRef(new Map());
var rafIdRef = React.useRef(null);
var delayOnColumnResize = function delayOnColumnResize() {
if (rafIdRef.current === null) {
rafIdRef.current = (0, _raf.default)(function () {
resizedColumnsRef.current.forEach(function (width, columnKey) {
onColumnResize(columnKey, width);
});
resizedColumnsRef.current.clear();
rafIdRef.current = null;
}, 2);
}
};
React.useEffect(function () {
return function () {
_raf.default.cancel(rafIdRef.current);
};
}, []);
return /*#__PURE__*/React.createElement("tr", {
"aria-hidden": "true",
className: "".concat(prefixCls, "-measure-row"),
style: {
height: 0,
fontSize: 0
}
}, /*#__PURE__*/React.createElement(_rcResizeObserver.default.Collection, {
onBatchResize: function onBatchResize(infoList) {
infoList.forEach(function (_ref2) {
var columnKey = _ref2.data,
size = _ref2.size;
resizedColumnsRef.current.set(columnKey, size.offsetWidth);
});
delayOnColumnResize();
}
}, columnsKey.map(function (columnKey) {
return /*#__PURE__*/React.createElement(_MeasureCell.default, {
key: columnKey,
columnKey: columnKey,
onColumnResize: onColumnResize
});
})));
}