mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2025-06-11 19:42:54 +08:00
Code Issues Actions 40 Packages Projects Releases Wiki Activity

chore: update componentCls key again (#50251)

Browse Source 
* chore: update componentCls key again

* Update components/skeleton/style/index.ts

Signed-off-by: lijianan <574980606@qq.com>

---------

Signed-off-by: lijianan <574980606@qq.com>
This commit is contained in:
lijianan 2024-08-05 22:30:55 +08:00 committed by GitHub
parent d1151f3b9a
commit 1421eccb04
No known key found for this signature in database
GPG Key ID: B5690EEEBB952194
13 changed files with 32 additions and 32 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

2
components/badge/style/index.ts
View File

@ -298,7 +298,7 @@ const genSharedBadgeStyle: GenerateStyle<BadgeToken> = (token) => {
transformOrigin: '50% 50%', transformOrigin: '50% 50%',
}, },
}, },
[`${numberPrefixCls}`]: { [numberPrefixCls]: {
overflow: 'hidden', overflow: 'hidden',
[`${numberPrefixCls}-only`]: { [`${numberPrefixCls}-only`]: {
position: 'relative', position: 'relative',

4
components/badge/style/ribbon.ts
View File

@ -20,10 +20,10 @@ const genRibbonStyle: GenerateStyle<BadgeToken> = (token) => {
})); }));
return { return {
[`${ribbonWrapperPrefixCls}`]: { [ribbonWrapperPrefixCls]: {
position: 'relative', position: 'relative',
}, },
[`${ribbonPrefixCls}`]: { [ribbonPrefixCls]: {
...resetComponent(token), ...resetComponent(token),
position: 'absolute', position: 'absolute',
top: marginXS, top: marginXS,

2
components/button/style/index.ts
View File

@ -402,7 +402,7 @@ const genButtonStyle = (token: ButtonToken, prefixCls = ''): CSSInterpolation =>
return [ return [
{ {
[`${prefixCls}`]: { [prefixCls]: {
fontSize, fontSize,
lineHeight, lineHeight,
height: controlHeight, height: controlHeight,

2
components/calendar/style/index.ts
View File

@ -191,7 +191,7 @@ export const genCalendarStyles = (token: CalendarToken): CSSObject => {
}, },
}, },
[`@media only screen and (max-width: ${unit(token.screenXS)}) `]: { [`@media only screen and (max-width: ${unit(token.screenXS)}) `]: {
[`${calendarCls}`]: { [calendarCls]: {
[`${calendarCls}-header`]: { [`${calendarCls}-header`]: {
display: 'block', display: 'block',
[`${calendarCls}-year-select`]: { [`${calendarCls}-year-select`]: {

8
components/input/style/index.ts
View File

@ -201,7 +201,7 @@ export const genInputGroupStyle = (token: InputToken): CSSObject => {
}, },
}, },
[`${componentCls}`]: { [componentCls]: {
width: '100%', width: '100%',
marginBottom: 0, marginBottom: 0,
textAlign: 'inherit', textAlign: 'inherit',
@ -307,7 +307,7 @@ export const genInputGroupStyle = (token: InputToken): CSSObject => {
}, },
// Undo float for .ant-input-group .ant-input // Undo float for .ant-input-group .ant-input
[`${componentCls}`]: { [componentCls]: {
float: 'none', float: 'none',
}, },
@ -511,7 +511,7 @@ const genAffixStyle: GenerateStyle<InputToken> = (token: InputToken) => {
content: '"\\a0"', content: '"\\a0"',
}, },
[`${componentCls}`]: { [componentCls]: {
'&-prefix, &-suffix': { '&-prefix, &-suffix': {
display: 'flex', display: 'flex',
flex: 'none', flex: 'none',
@ -642,7 +642,7 @@ const genSearchInputStyle: GenerateStyle<InputToken> = (token: InputToken) => {
const searchPrefixCls = `${componentCls}-search`; const searchPrefixCls = `${componentCls}-search`;
return { return {
[searchPrefixCls]: { [searchPrefixCls]: {
[`${componentCls}`]: { [componentCls]: {
'&:hover, &:focus': { '&:hover, &:focus': {
borderColor: token.colorPrimaryHover, borderColor: token.colorPrimaryHover,

2
components/input/style/otp.ts
View File

@ -8,7 +8,7 @@ const genOTPStyle: GenerateStyle<InputToken> = (token) => {
const { componentCls, paddingXS } = token; const { componentCls, paddingXS } = token;
return { return {
[`${componentCls}`]: { [componentCls]: {
display: 'inline-flex', display: 'inline-flex',
alignItems: 'center', alignItems: 'center',
flexWrap: 'nowrap', flexWrap: 'nowrap',

8
components/list/style/index.ts
View File

@ -81,7 +81,7 @@ const genBorderedStyle = (token: ListToken): CSSObject => {
borderRadiusLG, borderRadiusLG,
} = token; } = token;
return { return {
[`${listBorderedCls}`]: { [listBorderedCls]: {
border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`, border: `${unit(token.lineWidth)} ${token.lineType} ${token.colorBorder}`,
borderRadius: borderRadiusLG, borderRadius: borderRadiusLG,
[`${componentCls}-header,${componentCls}-footer,${componentCls}-item`]: { [`${componentCls}-header,${componentCls}-footer,${componentCls}-item`]: {
@ -109,7 +109,7 @@ const genResponsiveStyle = (token: ListToken): CSSObject => {
const { componentCls, screenSM, screenMD, marginLG, marginSM, margin } = token; const { componentCls, screenSM, screenMD, marginLG, marginSM, margin } = token;
return { return {
[`@media screen and (max-width:${screenMD}px)`]: { [`@media screen and (max-width:${screenMD}px)`]: {
[`${componentCls}`]: { [componentCls]: {
[`${componentCls}-item`]: { [`${componentCls}-item`]: {
[`${componentCls}-item-action`]: { [`${componentCls}-item-action`]: {
marginInlineStart: marginLG, marginInlineStart: marginLG,
@ -127,7 +127,7 @@ const genResponsiveStyle = (token: ListToken): CSSObject => {
}, },
[`@media screen and (max-width: ${screenSM}px)`]: { [`@media screen and (max-width: ${screenSM}px)`]: {
[`${componentCls}`]: { [componentCls]: {
[`${componentCls}-item`]: { [`${componentCls}-item`]: {
flexWrap: 'wrap', flexWrap: 'wrap',
@ -184,7 +184,7 @@ const genBaseStyle: GenerateStyle<ListToken> = (token) => {
} = token; } = token;
return { return {
[`${componentCls}`]: { [componentCls]: {
...resetComponent(token), ...resetComponent(token),
position: 'relative', position: 'relative',
'*': { '*': {

2
components/menu/style/index.ts
View File

@ -535,7 +535,7 @@ const getBaseStyle: GenerateStyle<MenuToken> = (token) => {
// Misc // Misc
{ {
'': { '': {
[`${componentCls}`]: { [componentCls]: {
...clearFix(), ...clearFix(),
// Hidden // Hidden

2
components/select/style/dropdown.ts
View File

@ -92,7 +92,7 @@ const genSingleStyle: GenerateStyle<SelectToken> = (token) => {
display: 'none', display: 'none',
}, },
[`${selectItemCls}`]: { [selectItemCls]: {
...genItemStyle(token), ...genItemStyle(token),
cursor: 'pointer', cursor: 'pointer',
transition: `background ${token.motionDurationSlow} ease`, transition: `background ${token.motionDurationSlow} ease`,

24
components/skeleton/style/index.ts
View File

@ -1,7 +1,7 @@
import type { CSSObject } from '@ant-design/cssinjs'; import type { CSSObject } from '@ant-design/cssinjs';
import { Keyframes, unit } from '@ant-design/cssinjs'; import { Keyframes, unit } from '@ant-design/cssinjs';
import type { FullToken, GenerateStyle, GetDefaultToken, CSSUtil } from '../../theme/internal'; import type { CSSUtil, FullToken, GenerateStyle, GetDefaultToken } from '../../theme/internal';
import { genStyleHooks, mergeToken } from '../../theme/internal'; import { genStyleHooks, mergeToken } from '../../theme/internal';
export type ComponentToken = { export type ComponentToken = {
@ -91,7 +91,7 @@ const genSkeletonElementAvatar = (token: SkeletonToken): CSSObject => {
const { skeletonAvatarCls, gradientFromColor, controlHeight, controlHeightLG, controlHeightSM } = const { skeletonAvatarCls, gradientFromColor, controlHeight, controlHeightLG, controlHeightSM } =
token; token;
return { return {
[`${skeletonAvatarCls}`]: { [skeletonAvatarCls]: {
display: 'inline-block', display: 'inline-block',
verticalAlign: 'top', verticalAlign: 'top',
background: gradientFromColor, background: gradientFromColor,
@ -120,7 +120,7 @@ const genSkeletonElementInput = (token: SkeletonToken): CSSObject => {
calc, calc,
} = token; } = token;
return { return {
[`${skeletonInputCls}`]: { [skeletonInputCls]: {
display: 'inline-block', display: 'inline-block',
verticalAlign: 'top', verticalAlign: 'top',
background: gradientFromColor, background: gradientFromColor,
@ -146,7 +146,7 @@ const genSkeletonElementImageSize = (size: number | string): CSSObject => ({
const genSkeletonElementImage = (token: SkeletonToken): CSSObject => { const genSkeletonElementImage = (token: SkeletonToken): CSSObject => {
const { skeletonImageCls, imageSizeBase, gradientFromColor, borderRadiusSM, calc } = token; const { skeletonImageCls, imageSizeBase, gradientFromColor, borderRadiusSM, calc } = token;
return { return {
[`${skeletonImageCls}`]: { [skeletonImageCls]: {
display: 'flex', display: 'flex',
alignItems: 'center', alignItems: 'center',
justifyContent: 'center', justifyContent: 'center',
@ -206,7 +206,7 @@ const genSkeletonElementButton = (token: SkeletonToken): CSSObject => {
calc, calc,
} = token; } = token;
return { return {
[`${skeletonButtonCls}`]: { [skeletonButtonCls]: {
display: 'inline-block', display: 'inline-block',
verticalAlign: 'top', verticalAlign: 'top',
background: gradientFromColor, background: gradientFromColor,
@ -254,7 +254,7 @@ const genBaseStyle: GenerateStyle<SkeletonToken> = (token: SkeletonToken) => {
} = token; } = token;
return { return {
[`${componentCls}`]: { [componentCls]: {
display: 'table', display: 'table',
width: '100%', width: '100%',
@ -264,7 +264,7 @@ const genBaseStyle: GenerateStyle<SkeletonToken> = (token: SkeletonToken) => {
verticalAlign: 'top', verticalAlign: 'top',
// Avatar // Avatar
[`${skeletonAvatarCls}`]: { [skeletonAvatarCls]: {
display: 'inline-block', display: 'inline-block',
verticalAlign: 'top', verticalAlign: 'top',
background: gradientFromColor, background: gradientFromColor,
@ -286,7 +286,7 @@ const genBaseStyle: GenerateStyle<SkeletonToken> = (token: SkeletonToken) => {
verticalAlign: 'top', verticalAlign: 'top',
// Title // Title
[`${skeletonTitleCls}`]: { [skeletonTitleCls]: {
width: '100%', width: '100%',
height: titleHeight, height: titleHeight,
background: gradientFromColor, background: gradientFromColor,
@ -297,7 +297,7 @@ const genBaseStyle: GenerateStyle<SkeletonToken> = (token: SkeletonToken) => {
}, },
// paragraph // paragraph
[`${skeletonParagraphCls}`]: { [skeletonParagraphCls]: {
padding: 0, padding: 0,
'> li': { '> li': {
width: '100%', width: '100%',
@ -324,7 +324,7 @@ const genBaseStyle: GenerateStyle<SkeletonToken> = (token: SkeletonToken) => {
}, },
[`${componentCls}-with-avatar ${componentCls}-content`]: { [`${componentCls}-with-avatar ${componentCls}-content`]: {
// Title // Title
[`${skeletonTitleCls}`]: { [skeletonTitleCls]: {
marginBlockStart: marginSM, marginBlockStart: marginSM,
[`+ ${skeletonParagraphCls}`]: { [`+ ${skeletonParagraphCls}`]: {
@ -346,11 +346,11 @@ const genBaseStyle: GenerateStyle<SkeletonToken> = (token: SkeletonToken) => {
[`${componentCls}${componentCls}-block`]: { [`${componentCls}${componentCls}-block`]: {
width: '100%', width: '100%',
[`${skeletonButtonCls}`]: { [skeletonButtonCls]: {
width: '100%', width: '100%',
}, },
[`${skeletonInputCls}`]: { [skeletonInputCls]: {
width: '100%', width: '100%',
}, },
}, },

2
components/spin/style/index.ts
View File

@ -43,7 +43,7 @@ const antRotate = new Keyframes('antRotate', {
const genSpinStyle: GenerateStyle<SpinToken> = (token: SpinToken): CSSObject => { const genSpinStyle: GenerateStyle<SpinToken> = (token: SpinToken): CSSObject => {
const { componentCls, calc } = token; const { componentCls, calc } = token;
return { return {
[`${componentCls}`]: { [componentCls]: {
...resetComponent(token), ...resetComponent(token),
position: 'absolute', position: 'absolute',
display: 'none', display: 'none',

2
components/statistic/style/index.ts
View File

@ -32,7 +32,7 @@ const genStatisticStyle: GenerateStyle<StatisticToken> = (token: StatisticToken)
} = token; } = token;
return { return {
[`${componentCls}`]: { [componentCls]: {
...resetComponent(token), ...resetComponent(token),
[`${componentCls}-title`]: { [`${componentCls}-title`]: {
marginBottom: marginXXS, marginBottom: marginXXS,

4
components/tree/style/index.ts
View File

@ -4,7 +4,7 @@ import { Keyframes, unit } from '@ant-design/cssinjs';
import { getStyle as getCheckboxStyle } from '../../checkbox/style'; import { getStyle as getCheckboxStyle } from '../../checkbox/style';
import { genFocusOutline, resetComponent } from '../../style'; import { genFocusOutline, resetComponent } from '../../style';
import { genCollapseMotion } from '../../style/motion'; import { genCollapseMotion } from '../../style/motion';
import type { AliasToken, FullToken, GetDefaultToken, CSSUtil } from '../../theme/internal'; import type { AliasToken, CSSUtil, FullToken, GetDefaultToken } from '../../theme/internal';
import { genStyleHooks, mergeToken } from '../../theme/internal'; import { genStyleHooks, mergeToken } from '../../theme/internal';
export interface TreeSharedToken { export interface TreeSharedToken {
@ -159,7 +159,7 @@ export const genBaseStyle = (prefixCls: string, token: TreeToken): CSSObject =>
}, },
// ===================== TreeNode ===================== // ===================== TreeNode =====================
[`${treeNodeCls}`]: { [treeNodeCls]: {
display: 'flex', display: 'flex',
alignItems: 'flex-start', alignItems: 'flex-start',
padding: `0 0 ${unit(treeNodePadding)} 0`, padding: `0 0 ${unit(treeNodePadding)} 0`,