Filler.js 1.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
  3. import _objectSpread from "@babel/runtime/helpers/esm/objectSpread2";
  4. import * as React from 'react';
  5. import ResizeObserver from 'rc-resize-observer';
  6. import classNames from 'classnames';
  7. /**
  8. * Fill component to provided the scroll content real height.
  9. */
  10. var Filler = /*#__PURE__*/React.forwardRef(function (_ref, ref) {
  11. var height = _ref.height,
  12. offsetY = _ref.offsetY,
  13. offsetX = _ref.offsetX,
  14. children = _ref.children,
  15. prefixCls = _ref.prefixCls,
  16. onInnerResize = _ref.onInnerResize,
  17. innerProps = _ref.innerProps,
  18. rtl = _ref.rtl,
  19. extra = _ref.extra;
  20. var outerStyle = {};
  21. var innerStyle = {
  22. display: 'flex',
  23. flexDirection: 'column'
  24. };
  25. if (offsetY !== undefined) {
  26. // Not set `width` since this will break `sticky: right`
  27. outerStyle = {
  28. height: height,
  29. position: 'relative',
  30. overflow: 'hidden'
  31. };
  32. innerStyle = _objectSpread(_objectSpread({}, innerStyle), {}, _defineProperty(_defineProperty(_defineProperty(_defineProperty(_defineProperty({
  33. transform: "translateY(".concat(offsetY, "px)")
  34. }, rtl ? 'marginRight' : 'marginLeft', -offsetX), "position", 'absolute'), "left", 0), "right", 0), "top", 0));
  35. }
  36. return /*#__PURE__*/React.createElement("div", {
  37. style: outerStyle
  38. }, /*#__PURE__*/React.createElement(ResizeObserver, {
  39. onResize: function onResize(_ref2) {
  40. var offsetHeight = _ref2.offsetHeight;
  41. if (offsetHeight && onInnerResize) {
  42. onInnerResize();
  43. }
  44. }
  45. }, /*#__PURE__*/React.createElement("div", _extends({
  46. style: innerStyle,
  47. className: classNames(_defineProperty({}, "".concat(prefixCls, "-holder-inner"), prefixCls)),
  48. ref: ref
  49. }, innerProps), children, extra)));
  50. });
  51. Filler.displayName = 'Filler';
  52. export default Filler;