UNPKG

antd

Version:

An enterprise-class UI design language and React components implementation

72 lines (59 loc) 3 kB
function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); } function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; } import * as React from 'react'; import RcCollapse from 'rc-collapse'; import classNames from 'classnames'; import RightOutlined from '@ant-design/icons/RightOutlined'; import CollapsePanel from './CollapsePanel'; import { ConfigContext } from '../config-provider'; import animation from '../_util/openAnimation'; import { cloneElement } from '../_util/reactNode'; var Collapse = function Collapse(props) { var _classNames; var _React$useContext = React.useContext(ConfigContext), getPrefixCls = _React$useContext.getPrefixCls, direction = _React$useContext.direction; var customizePrefixCls = props.prefixCls, _props$className = props.className, className = _props$className === void 0 ? '' : _props$className, bordered = props.bordered; var prefixCls = getPrefixCls('collapse', customizePrefixCls); var getIconPosition = function getIconPosition() { var expandIconPosition = props.expandIconPosition; if (expandIconPosition !== undefined) { return expandIconPosition; } return direction === 'rtl' ? 'right' : 'left'; }; var renderExpandIcon = function renderExpandIcon() { var panelProps = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {}; var expandIcon = props.expandIcon; var icon = expandIcon ? expandIcon(panelProps) : /*#__PURE__*/React.createElement(RightOutlined, { rotate: panelProps.isActive ? 90 : undefined }); return cloneElement(icon, function () { return { className: classNames(icon.props.className, "".concat(prefixCls, "-arrow")) }; }); }; var iconPosition = getIconPosition(); var collapseClassName = classNames((_classNames = {}, _defineProperty(_classNames, "".concat(prefixCls, "-borderless"), !bordered), _defineProperty(_classNames, "".concat(prefixCls, "-icon-position-").concat(iconPosition), true), _defineProperty(_classNames, "".concat(prefixCls, "-rtl"), direction === 'rtl'), _classNames), className); var openAnimation = _extends(_extends({}, animation), { appear: function appear() {} }); return /*#__PURE__*/React.createElement(RcCollapse, _extends({ openAnimation: openAnimation }, props, { expandIcon: function expandIcon(panelProps) { return renderExpandIcon(panelProps); }, prefixCls: prefixCls, className: collapseClassName })); }; Collapse.Panel = CollapsePanel; Collapse.defaultProps = { bordered: true }; export default Collapse;