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:
lijianan
2026-01-11 16:14:04 +08:00
committed by GitHub
parent 4a88f6a98a
commit e33444368e

View File

@@ -1,31 +1,16 @@
import type { CSSObject } from '@ant-design/cssinjs'; import type { CSSObject } from '@ant-design/cssinjs';
import { unit } from '@ant-design/cssinjs';
import type { StepsToken } from '.'; import type { StepsToken } from '.';
import type { GenerateStyle } from '../../theme/internal'; import type { GenerateStyle } from '../../theme/internal';
import { genCssVar } from '../../theme/util/genStyleUtils'; import { genCssVar } from '../../theme/util/genStyleUtils';
const genStepsProgressStyle: GenerateStyle<StepsToken, CSSObject> = (token) => { const genStepsProgressStyle: GenerateStyle<StepsToken, CSSObject> = (token) => {
const { const { calc, antCls, componentCls, lineWidthBold, motionDurationSlow } = token;
calc,
antCls,
componentCls,
iconSize,
iconSizeSM,
lineWidth,
lineWidthBold,
paddingXXS,
motionDurationSlow,
} = token;
const itemCls = `${componentCls}-item`; const itemCls = `${componentCls}-item`;
const [varName, varRef] = genCssVar(antCls, '_steps_'); // TODO: change `_steps_` to `steps` 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(); const enhanceSize = calc(lineWidthBold).add(lineWidthBold).equal();
return { 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`,
},
},
},
}; };
}; };