@antv/s2-react-components
Version:
React components for S2
19 lines • 1.19 kB
JavaScript
import { CaretRightOutlined } from '@ant-design/icons';
import { S2_PREFIX_CLS } from '@antv/s2';
import { Collapse } from 'antd';
import cls from 'classnames';
import React from 'react';
import { ResetButton } from '../reset-button';
import './index.less';
const ACTIVE_KEY = 'RESET_GROUP';
const PRE_CLASS = `${S2_PREFIX_CLS}-reset-group`;
export const ResetGroup = React.memo((props) => {
const { title, defaultCollapsed = false, style, className, onResetClick, children, } = props;
return (React.createElement(Collapse, { bordered: false, defaultActiveKey: !defaultCollapsed ? ACTIVE_KEY : '', className: cls(PRE_CLASS, className), expandIcon: ({ isActive }) => (React.createElement(CaretRightOutlined, { rotate: isActive ? 90 : 0 })), style: style },
React.createElement(Collapse.Panel, { key: ACTIVE_KEY, header: title, className: `${PRE_CLASS}-panel`, extra: React.createElement(ResetButton, { onClick: (e) => {
e.stopPropagation();
onResetClick === null || onResetClick === void 0 ? void 0 : onResetClick();
} }) }, children)));
});
ResetGroup.displayName = 'ResetGroup';
//# sourceMappingURL=reset-group.js.map