12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667 |
- import { genStyleHooks } from '../../theme/internal';
- // =============================== Base ===============================
- const genBaseStyle = token => {
- const {
- componentCls,
- iconCls,
- antCls,
- zIndexPopup,
- colorText,
- colorWarning,
- marginXXS,
- marginXS,
- fontSize,
- fontWeightStrong,
- colorTextHeading
- } = token;
- return {
- [componentCls]: {
- zIndex: zIndexPopup,
- [`&${antCls}-popover`]: {
- fontSize
- },
- [`${componentCls}-message`]: {
- marginBottom: marginXS,
- display: 'flex',
- flexWrap: 'nowrap',
- alignItems: 'start',
- [`> ${componentCls}-message-icon ${iconCls}`]: {
- color: colorWarning,
- fontSize,
- lineHeight: 1,
- marginInlineEnd: marginXS
- },
- [`${componentCls}-title`]: {
- fontWeight: fontWeightStrong,
- color: colorTextHeading,
- '&:only-child': {
- fontWeight: 'normal'
- }
- },
- [`${componentCls}-description`]: {
- marginTop: marginXXS,
- color: colorText
- }
- },
- [`${componentCls}-buttons`]: {
- textAlign: 'end',
- whiteSpace: 'nowrap',
- button: {
- marginInlineStart: marginXS
- }
- }
- }
- };
- };
- // ============================== Export ==============================
- export const prepareComponentToken = token => {
- const {
- zIndexPopupBase
- } = token;
- return {
- zIndexPopup: zIndexPopupBase + 60
- };
- };
- export default genStyleHooks('Popconfirm', token => genBaseStyle(token), prepareComponentToken, {
- resetStyle: false
- });
|