compact-item-vertical.js 1.5 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849
  1. "use strict";
  2. var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
  3. Object.defineProperty(exports, "__esModule", {
  4. value: true
  5. });
  6. exports.genCompactItemVerticalStyle = genCompactItemVerticalStyle;
  7. var _extends2 = _interopRequireDefault(require("@babel/runtime/helpers/extends"));
  8. function compactItemVerticalBorder(token, parentCls) {
  9. return {
  10. // border collapse
  11. [`&-item:not(${parentCls}-last-item)`]: {
  12. marginBottom: -token.lineWidth
  13. },
  14. '&-item': {
  15. '&:hover,&:focus,&:active': {
  16. zIndex: 2
  17. },
  18. '&[disabled]': {
  19. zIndex: 0
  20. }
  21. }
  22. };
  23. }
  24. function compactItemBorderVerticalRadius(prefixCls, parentCls) {
  25. return {
  26. [`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item)`]: {
  27. borderRadius: 0
  28. },
  29. [`&-item${parentCls}-first-item:not(${parentCls}-last-item)`]: {
  30. [`&, &${prefixCls}-sm, &${prefixCls}-lg`]: {
  31. borderEndEndRadius: 0,
  32. borderEndStartRadius: 0
  33. }
  34. },
  35. [`&-item${parentCls}-last-item:not(${parentCls}-first-item)`]: {
  36. [`&, &${prefixCls}-sm, &${prefixCls}-lg`]: {
  37. borderStartStartRadius: 0,
  38. borderStartEndRadius: 0
  39. }
  40. }
  41. };
  42. }
  43. function genCompactItemVerticalStyle(token) {
  44. const compactCls = `${token.componentCls}-compact-vertical`;
  45. return {
  46. [compactCls]: (0, _extends2.default)((0, _extends2.default)({}, compactItemVerticalBorder(token, compactCls)), compactItemBorderVerticalRadius(token.componentCls, compactCls))
  47. };
  48. }