@aplus-frontend/antdv
Version:
Vue basic component library maintained based on ant-design-vue
94 lines • 2.54 kB
JavaScript
import _extends from "@babel/runtime/helpers/esm/extends";
import { genComponentStyleHook } from '../../theme/internal';
import { getCopiableStyles, getEditableStyles, getEllipsisStyles, getLinkStyles, getResetStyles, getTitleStyles } from './mixins';
import { operationUnit } from '../../style';
const genTypographyStyle = token => {
const {
componentCls,
sizeMarginHeadingVerticalStart
} = token;
return {
[componentCls]: _extends(_extends(_extends(_extends(_extends(_extends(_extends(_extends(_extends({
color: token.colorText,
wordBreak: 'break-word',
lineHeight: token.lineHeight,
[`&${componentCls}-secondary`]: {
color: token.colorTextDescription
},
[`&${componentCls}-success`]: {
color: token.colorSuccess
},
[`&${componentCls}-warning`]: {
color: token.colorWarning
},
[`&${componentCls}-danger`]: {
color: token.colorError,
'a&:active, a&:focus': {
color: token.colorErrorActive
},
'a&:hover': {
color: token.colorErrorHover
}
},
[`&${componentCls}-disabled`]: {
color: token.colorTextDisabled,
cursor: 'not-allowed',
userSelect: 'none'
},
[`
div&,
p
`]: {
marginBottom: '1em'
}
}, getTitleStyles(token)), {
[`
& + h1${componentCls},
& + h2${componentCls},
& + h3${componentCls},
& + h4${componentCls},
& + h5${componentCls}
`]: {
marginTop: sizeMarginHeadingVerticalStart
},
[`
div,
ul,
li,
p,
h1,
h2,
h3,
h4,
h5`]: {
[`
+ h1,
+ h2,
+ h3,
+ h4,
+ h5
`]: {
marginTop: sizeMarginHeadingVerticalStart
}
}
}), getResetStyles()), getLinkStyles(token)), {
// Operation
[`
${componentCls}-expand,
${componentCls}-edit,
${componentCls}-copy
`]: _extends(_extends({}, operationUnit(token)), {
marginInlineStart: token.marginXXS
})
}), getEditableStyles(token)), getCopiableStyles(token)), getEllipsisStyles()), {
'&-rtl': {
direction: 'rtl'
}
})
};
};
// ============================== Export ==============================
export default genComponentStyleHook('Typography', token => [genTypographyStyle(token)], {
sizeMarginHeadingVerticalStart: '1.2em',
sizeMarginHeadingVerticalEnd: '0.5em'
});