amis-rpc-design/node_modules/rc-collapse/lib/PanelContent.js
2023-10-07 19:42:30 +08:00

71 lines
2.0 KiB
JavaScript

'use strict';
var _interopRequireDefault = require('@babel/runtime/helpers/interopRequireDefault');
Object.defineProperty(exports, '__esModule', {
value: true,
});
exports.default = void 0;
var _defineProperty2 = _interopRequireDefault(require('@babel/runtime/helpers/defineProperty'));
var _slicedToArray2 = _interopRequireDefault(require('@babel/runtime/helpers/slicedToArray'));
var _classnames2 = _interopRequireDefault(require('classnames'));
var _react = _interopRequireDefault(require('react'));
var PanelContent = /*#__PURE__*/ _react.default.forwardRef(function (props, ref) {
var _classnames;
var prefixCls = props.prefixCls,
forceRender = props.forceRender,
className = props.className,
style = props.style,
children = props.children,
isActive = props.isActive,
role = props.role;
var _React$useState = _react.default.useState(isActive || forceRender),
_React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
rendered = _React$useState2[0],
setRendered = _React$useState2[1];
_react.default.useEffect(
function () {
if (forceRender || isActive) {
setRendered(true);
}
},
[forceRender, isActive],
);
if (!rendered) {
return null;
}
return /*#__PURE__*/ _react.default.createElement(
'div',
{
ref: ref,
className: (0, _classnames2.default)(
''.concat(prefixCls, '-content'),
((_classnames = {}),
(0, _defineProperty2.default)(
_classnames,
''.concat(prefixCls, '-content-active'),
isActive,
),
(0, _defineProperty2.default)(
_classnames,
''.concat(prefixCls, '-content-inactive'),
!isActive,
),
_classnames),
className,
),
style: style,
role: role,
},
/*#__PURE__*/ _react.default.createElement(
'div',
{
className: ''.concat(prefixCls, '-content-box'),
},
children,
),
);
});
PanelContent.displayName = 'PanelContent';
var _default = PanelContent;
exports.default = _default;