DrawerPanel.js 1.2 KB

123456789101112131415161718192021222324252627282930313233
  1. import _extends from "@babel/runtime/helpers/esm/extends";
  2. import _objectWithoutProperties from "@babel/runtime/helpers/esm/objectWithoutProperties";
  3. var _excluded = ["prefixCls", "className", "containerRef"];
  4. import classNames from 'classnames';
  5. import * as React from 'react';
  6. import { RefContext } from "./context";
  7. import pickAttrs from "rc-util/es/pickAttrs";
  8. import { useComposeRef } from "rc-util/es/ref";
  9. var DrawerPanel = function DrawerPanel(props) {
  10. var prefixCls = props.prefixCls,
  11. className = props.className,
  12. containerRef = props.containerRef,
  13. restProps = _objectWithoutProperties(props, _excluded);
  14. var _React$useContext = React.useContext(RefContext),
  15. panelRef = _React$useContext.panel;
  16. var mergedRef = useComposeRef(panelRef, containerRef);
  17. // =============================== Render ===============================
  18. return /*#__PURE__*/React.createElement("div", _extends({
  19. className: classNames("".concat(prefixCls, "-content"), className),
  20. role: "dialog",
  21. ref: mergedRef
  22. }, pickAttrs(props, {
  23. aria: true
  24. }), {
  25. "aria-modal": "true"
  26. }, restProps));
  27. };
  28. if (process.env.NODE_ENV !== 'production') {
  29. DrawerPanel.displayName = 'DrawerPanel';
  30. }
  31. export default DrawerPanel;