| 1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465 |
- import _extends from "@babel/runtime/helpers/esm/extends";
- // handle border collapse
- function compactItemBorder(token, parentCls, options) {
- const {
- focusElCls,
- focus,
- borderElCls
- } = options;
- const childCombinator = borderElCls ? '> *' : '';
- const hoverEffects = ['hover', focus ? 'focus' : null, 'active'].filter(Boolean).map(n => `&:${n} ${childCombinator}`).join(',');
- return {
- [`&-item:not(${parentCls}-last-item)`]: {
- marginInlineEnd: -token.lineWidth
- },
- '&-item': _extends(_extends({
- [hoverEffects]: {
- zIndex: 2
- }
- }, focusElCls ? {
- [`&${focusElCls}`]: {
- zIndex: 2
- }
- } : {}), {
- [`&[disabled] ${childCombinator}`]: {
- zIndex: 0
- }
- })
- };
- }
- // handle border-radius
- function compactItemBorderRadius(prefixCls, parentCls, options) {
- const {
- borderElCls
- } = options;
- const childCombinator = borderElCls ? `> ${borderElCls}` : '';
- return {
- [`&-item:not(${parentCls}-first-item):not(${parentCls}-last-item) ${childCombinator}`]: {
- borderRadius: 0
- },
- [`&-item:not(${parentCls}-last-item)${parentCls}-first-item`]: {
- [`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]: {
- borderStartEndRadius: 0,
- borderEndEndRadius: 0
- }
- },
- [`&-item:not(${parentCls}-first-item)${parentCls}-last-item`]: {
- [`& ${childCombinator}, &${prefixCls}-sm ${childCombinator}, &${prefixCls}-lg ${childCombinator}`]: {
- borderStartStartRadius: 0,
- borderEndStartRadius: 0
- }
- }
- };
- }
- export function genCompactItemStyle(token) {
- let options = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : {
- focus: true
- };
- const {
- componentCls
- } = token;
- const compactCls = `${componentCls}-compact`;
- return {
- [compactCls]: _extends(_extends({}, compactItemBorder(token, compactCls, options)), compactItemBorderRadius(componentCls, compactCls, options))
- };
- }
|