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.
68 lines
2.1 KiB
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
|
|
});
|
|
})));
|
|
} |