mirror of
https://github.com/ant-design/ant-design.git
synced 2026-02-09 02:49:18 +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 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`,
|
|
||||||
},
|
|
||||||
},
|
|
||||||
},
|
|
||||||
};
|
};
|
||||||
};
|
};
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user