fallbackCmp.js 821 B

12345678910111213141516171819202122232425262728
  1. /**
  2. * Fallback of IE.
  3. * Safe to remove.
  4. */
  5. // Style as inline component
  6. import { prepareToken } from '.';
  7. import { genSubStyleComponent } from '../../theme/internal';
  8. // ============================= Fallback =============================
  9. const genFallbackStyle = token => {
  10. const {
  11. formItemCls
  12. } = token;
  13. return {
  14. '@media screen and (-ms-high-contrast: active), (-ms-high-contrast: none)': {
  15. // Fallback for IE, safe to remove we not support it anymore
  16. [`${formItemCls}-control`]: {
  17. display: 'flex'
  18. }
  19. }
  20. };
  21. };
  22. // ============================== Export ==============================
  23. export default genSubStyleComponent(['Form', 'item-item'], (token, {
  24. rootPrefixCls
  25. }) => {
  26. const formToken = prepareToken(token, rootPrefixCls);
  27. return genFallbackStyle(formToken);
  28. });