88 lines
3.1 KiB
JavaScript
88 lines
3.1 KiB
JavaScript
|
"use strict";
|
||
|
|
"use client";
|
||
|
|
|
||
|
|
var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault").default;
|
||
|
|
var _interopRequireWildcard = require("@babel/runtime/helpers/interopRequireWildcard").default;
|
||
|
|
Object.defineProperty(exports, "__esModule", {
|
||
|
|
value: true
|
||
|
|
});
|
||
|
|
exports.default = void 0;
|
||
|
|
exports.withPureRenderTheme = withPureRenderTheme;
|
||
|
|
var React = _interopRequireWildcard(require("react"));
|
||
|
|
var _useMergedState = _interopRequireDefault(require("rc-util/lib/hooks/useMergedState"));
|
||
|
|
var _configProvider = _interopRequireWildcard(require("../config-provider"));
|
||
|
|
function withPureRenderTheme(Component) {
|
||
|
|
return props => ( /*#__PURE__*/React.createElement(_configProvider.default, {
|
||
|
|
theme: {
|
||
|
|
token: {
|
||
|
|
motion: false,
|
||
|
|
zIndexPopupBase: 0
|
||
|
|
}
|
||
|
|
}
|
||
|
|
}, /*#__PURE__*/React.createElement(Component, Object.assign({}, props))));
|
||
|
|
}
|
||
|
|
/* istanbul ignore next */
|
||
|
|
const genPurePanel = (Component, defaultPrefixCls, getDropdownCls, postProps) => {
|
||
|
|
const PurePanel = props => {
|
||
|
|
const {
|
||
|
|
prefixCls: customizePrefixCls,
|
||
|
|
style
|
||
|
|
} = props;
|
||
|
|
const holderRef = React.useRef(null);
|
||
|
|
const [popupHeight, setPopupHeight] = React.useState(0);
|
||
|
|
const [popupWidth, setPopupWidth] = React.useState(0);
|
||
|
|
const [open, setOpen] = (0, _useMergedState.default)(false, {
|
||
|
|
value: props.open
|
||
|
|
});
|
||
|
|
const {
|
||
|
|
getPrefixCls
|
||
|
|
} = React.useContext(_configProvider.ConfigContext);
|
||
|
|
const prefixCls = getPrefixCls(defaultPrefixCls || 'select', customizePrefixCls);
|
||
|
|
React.useEffect(() => {
|
||
|
|
// We do not care about ssr
|
||
|
|
setOpen(true);
|
||
|
|
if (typeof ResizeObserver !== 'undefined') {
|
||
|
|
const resizeObserver = new ResizeObserver(entries => {
|
||
|
|
const element = entries[0].target;
|
||
|
|
setPopupHeight(element.offsetHeight + 8);
|
||
|
|
setPopupWidth(element.offsetWidth);
|
||
|
|
});
|
||
|
|
const interval = setInterval(() => {
|
||
|
|
var _a;
|
||
|
|
const dropdownCls = getDropdownCls ? `.${getDropdownCls(prefixCls)}` : `.${prefixCls}-dropdown`;
|
||
|
|
const popup = (_a = holderRef.current) === null || _a === void 0 ? void 0 : _a.querySelector(dropdownCls);
|
||
|
|
if (popup) {
|
||
|
|
clearInterval(interval);
|
||
|
|
resizeObserver.observe(popup);
|
||
|
|
}
|
||
|
|
}, 10);
|
||
|
|
return () => {
|
||
|
|
clearInterval(interval);
|
||
|
|
resizeObserver.disconnect();
|
||
|
|
};
|
||
|
|
}
|
||
|
|
}, []);
|
||
|
|
let mergedProps = Object.assign(Object.assign({}, props), {
|
||
|
|
style: Object.assign(Object.assign({}, style), {
|
||
|
|
margin: 0
|
||
|
|
}),
|
||
|
|
open,
|
||
|
|
visible: open,
|
||
|
|
getPopupContainer: () => holderRef.current
|
||
|
|
});
|
||
|
|
if (postProps) {
|
||
|
|
mergedProps = postProps(mergedProps);
|
||
|
|
}
|
||
|
|
const mergedStyle = {
|
||
|
|
paddingBottom: popupHeight,
|
||
|
|
position: 'relative',
|
||
|
|
minWidth: popupWidth
|
||
|
|
};
|
||
|
|
return /*#__PURE__*/React.createElement("div", {
|
||
|
|
ref: holderRef,
|
||
|
|
style: mergedStyle
|
||
|
|
}, /*#__PURE__*/React.createElement(Component, Object.assign({}, mergedProps)));
|
||
|
|
};
|
||
|
|
return withPureRenderTheme(PurePanel);
|
||
|
|
};
|
||
|
|
var _default = exports.default = genPurePanel;
|