panel.js 991 B

123456789101112131415161718192021222324252627282930
  1. import { unit } from '@ant-design/cssinjs';
  2. import { prepareComponentToken } from '.';
  3. import { genComponentStyleHook } from '../../theme/internal';
  4. import getColumnsStyle from './columns';
  5. // ============================== Panel ===============================
  6. const genPanelStyle = token => {
  7. const {
  8. componentCls
  9. } = token;
  10. return {
  11. [`${componentCls}-panel`]: [getColumnsStyle(token), {
  12. display: 'inline-flex',
  13. border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorSplit}`,
  14. borderRadius: token.borderRadiusLG,
  15. overflowX: 'auto',
  16. maxWidth: '100%',
  17. [`${componentCls}-menus`]: {
  18. alignItems: 'stretch'
  19. },
  20. [`${componentCls}-menu`]: {
  21. height: 'auto'
  22. },
  23. '&-empty': {
  24. padding: token.paddingXXS
  25. }
  26. }]
  27. };
  28. };
  29. // ============================== Export ==============================
  30. export default genComponentStyleHook(['Cascader', 'Panel'], genPanelStyle, prepareComponentToken);