PanelContent.js 2.0 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.default = void 0;
  7. var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
  8. var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
  9. var _classnames2 = _interopRequireDefault(require("classnames"));
  10. var _react = _interopRequireDefault(require("react"));
  11. var PanelContent = /*#__PURE__*/_react.default.forwardRef(function (props, ref) {
  12. var prefixCls = props.prefixCls,
  13. forceRender = props.forceRender,
  14. className = props.className,
  15. style = props.style,
  16. children = props.children,
  17. isActive = props.isActive,
  18. role = props.role,
  19. customizeClassNames = props.classNames,
  20. styles = props.styles;
  21. var _React$useState = _react.default.useState(isActive || forceRender),
  22. _React$useState2 = (0, _slicedToArray2.default)(_React$useState, 2),
  23. rendered = _React$useState2[0],
  24. setRendered = _React$useState2[1];
  25. _react.default.useEffect(function () {
  26. if (forceRender || isActive) {
  27. setRendered(true);
  28. }
  29. }, [forceRender, isActive]);
  30. if (!rendered) {
  31. return null;
  32. }
  33. return /*#__PURE__*/_react.default.createElement("div", {
  34. ref: ref,
  35. className: (0, _classnames2.default)("".concat(prefixCls, "-content"), (0, _defineProperty2.default)((0, _defineProperty2.default)({}, "".concat(prefixCls, "-content-active"), isActive), "".concat(prefixCls, "-content-inactive"), !isActive), className),
  36. style: style,
  37. role: role
  38. }, /*#__PURE__*/_react.default.createElement("div", {
  39. className: (0, _classnames2.default)("".concat(prefixCls, "-content-box"), customizeClassNames === null || customizeClassNames === void 0 ? void 0 : customizeClassNames.body),
  40. style: styles === null || styles === void 0 ? void 0 : styles.body
  41. }, children));
  42. });
  43. PanelContent.displayName = 'PanelContent';
  44. var _default = exports.default = PanelContent;