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 |
|
9 |
|
10 | var Filler = 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 |
|
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 React.createElement("div", {
|
37 | style: outerStyle
|
38 | }, React.createElement(ResizeObserver, {
|
39 | onResize: function onResize(_ref2) {
|
40 | var offsetHeight = _ref2.offsetHeight;
|
41 | if (offsetHeight && onInnerResize) {
|
42 | onInnerResize();
|
43 | }
|
44 | }
|
45 | }, 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; |
\ | No newline at end of file |