mirror/ant-design
1
0
Fork 0
mirror of https://github.com/ant-design/ant-design.git synced 2024-11-24 11:10:01 +08:00
Code Issues Actions 25 Packages Projects Releases Wiki Activity

refactor: rate full token (#35886)

Browse Source
This commit is contained in:
MadCcc 2022-06-02 19:05:55 +08:00 committed by GitHub
parent 8f5b9b5f84
commit 2336b39894
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
1 changed files with 6 additions and 7 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
components/rate/style/index.tsx
View File

@ -1,7 +1,7 @@
// deps-lint-skip-all
import type { CSSObject } from '@ant-design/cssinjs';
import type { GenerateStyle, FullToken } from '../../_util/theme';
import { resetComponent, genComponentStyleHook, mergeToken } from '../../_util/theme';
import type { FullToken, GenerateStyle } from '../../_util/theme';
import { genComponentStyleHook, mergeToken, resetComponent } from '../../_util/theme';
interface RateToken extends FullToken<'Rate'> {
rateStarColor: string;
@ -35,7 +35,7 @@ const genRateStarStyle: GenerateStyle<RateToken, CSSObject> = token => {
},
'&:focus-visible': {
outline: `1px dashed ${token.colorSplit}`,
outline: `${token.lineWidth} dashed ${token.colorSplit}`,
transform: token.rateStarHoverScale,
},
},
@ -121,10 +121,9 @@ const genRateStyle: GenerateStyle<RateToken> = token => {
// ============================== Export ==============================
export default genComponentStyleHook('Rate', token => {
const rateToken = mergeToken<RateToken>(token, {
// FIXME: missing token
rateStarColor: '#fadb14', // @yellow-6
rateStarSize: 20, // fixed-value
rateStarHoverScale: 'scale(1.1)', // fixed-value
rateStarColor: token.yellow,
rateStarSize: token.controlHeightLG * 0.5,
rateStarHoverScale: 'scale(1.1)',
});
return [genRateStyle(rateToken)];
});