53 lines
2.0 KiB
JavaScript
53 lines
2.0 KiB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
|
|
import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
|
|
import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
|
|
import * as React from 'react';
|
|
import ResizeObserver from 'rc-resize-observer';
|
|
import classNames from 'classnames';
|
|
/**
|
|
* Fill component to provided the scroll content real height.
|
|
*/
|
|
var Filler = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
|
|
var height = _ref.height,
|
|
offsetY = _ref.offsetY,
|
|
offsetX = _ref.offsetX,
|
|
children = _ref.children,
|
|
prefixCls = _ref.prefixCls,
|
|
onInnerResize = _ref.onInnerResize,
|
|
innerProps = _ref.innerProps,
|
|
rtl = _ref.rtl,
|
|
extra = _ref.extra;
|
|
var outerStyle = {};
|
|
var innerStyle = {
|
|
display: 'flex',
|
|
flexDirection: 'column'
|
|
};
|
|
if (offsetY !== undefined) {
|
|
var _objectSpread2;
|
|
// Not set `width` since this will break `sticky: right`
|
|
outerStyle = {
|
|
height: height,
|
|
position: 'relative',
|
|
overflow: 'hidden'
|
|
};
|
|
innerStyle = _objectSpread(_objectSpread({}, innerStyle), {}, (_objectSpread2 = {
|
|
transform: "translateY(".concat(offsetY, "px)")
|
|
}, _defineProperty(_objectSpread2, rtl ? 'marginRight' : 'marginLeft', -offsetX), _defineProperty(_objectSpread2, "position", 'absolute'), _defineProperty(_objectSpread2, "left", 0), _defineProperty(_objectSpread2, "right", 0), _defineProperty(_objectSpread2, "top", 0), _objectSpread2));
|
|
}
|
|
return /*#__PURE__*/React.createElement("div", {
|
|
style: outerStyle
|
|
}, /*#__PURE__*/React.createElement(ResizeObserver, {
|
|
onResize: function onResize(_ref2) {
|
|
var offsetHeight = _ref2.offsetHeight;
|
|
if (offsetHeight && onInnerResize) {
|
|
onInnerResize();
|
|
}
|
|
}
|
|
}, /*#__PURE__*/React.createElement("div", _extends({
|
|
style: innerStyle,
|
|
className: classNames(_defineProperty({}, "".concat(prefixCls, "-holder-inner"), prefixCls)),
|
|
ref: ref
|
|
}, innerProps), children, extra)));
|
|
});
|
|
Filler.displayName = 'Filler';
|
|
export default Filler; |