mirror of
https://github.com/ant-design/ant-design.git
synced 2026-02-08 18:39:20 +08:00
fix(Steps): rm typo progress11 (#56565)
* fix(Steps): fix typo progress11 => progress * fix: update --------- Co-authored-by: 遇见同学 <1875694521@qq.com>
This commit is contained in:
@@ -1,31 +1,16 @@
|
||||
import type { CSSObject } from '@ant-design/cssinjs';
|
||||
import { unit } from '@ant-design/cssinjs';
|
||||
|
||||
import type { StepsToken } from '.';
|
||||
import type { GenerateStyle } from '../../theme/internal';
|
||||
import { genCssVar } from '../../theme/util/genStyleUtils';
|
||||
|
||||
const genStepsProgressStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
|
||||
const {
|
||||
calc,
|
||||
antCls,
|
||||
componentCls,
|
||||
iconSize,
|
||||
iconSizeSM,
|
||||
lineWidth,
|
||||
lineWidthBold,
|
||||
paddingXXS,
|
||||
motionDurationSlow,
|
||||
} = token;
|
||||
const { calc, antCls, componentCls, lineWidthBold, motionDurationSlow } = token;
|
||||
|
||||
const itemCls = `${componentCls}-item`;
|
||||
|
||||
const [varName, varRef] = genCssVar(antCls, '_steps_'); // TODO: change `_steps_` to `steps`
|
||||
|
||||
const progressSize = calc(iconSize).add(calc(lineWidthBold).mul(4).equal()).equal();
|
||||
|
||||
const progressSizeSM = calc(iconSizeSM).add(calc(lineWidth).mul(4).equal()).equal();
|
||||
|
||||
const enhanceSize = calc(lineWidthBold).add(lineWidthBold).equal();
|
||||
|
||||
return {
|
||||
@@ -75,42 +60,6 @@ const genStepsProgressStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
[`&${componentCls}-with-progress11`]: {
|
||||
// ==========================================================
|
||||
// == Shared ==
|
||||
// ==========================================================
|
||||
[itemCls]: {
|
||||
paddingTop: paddingXXS,
|
||||
paddingInlineStart: paddingXXS,
|
||||
},
|
||||
|
||||
[`${itemCls}-icon`]: {
|
||||
position: 'relative',
|
||||
|
||||
[`${antCls}-progress`]: {
|
||||
position: 'absolute',
|
||||
left: {
|
||||
_skip_check_: true,
|
||||
value: '50%',
|
||||
},
|
||||
top: '50%',
|
||||
transform: 'translate(-50%, -50%)',
|
||||
|
||||
'&-body': {
|
||||
width: `${unit(progressSize)} !important`,
|
||||
height: `${unit(progressSize)} !important`,
|
||||
},
|
||||
},
|
||||
},
|
||||
|
||||
[`&${componentCls}-small`]: {
|
||||
[`${itemCls}-icon ${antCls}-progress-body`]: {
|
||||
width: `${unit(progressSizeSM)} !important`,
|
||||
height: `${unit(progressSizeSM)} !important`,
|
||||
},
|
||||
},
|
||||
},
|
||||
};
|
||||
};
|
||||
|
||||
|
||||
Reference in New Issue
Block a user