xref: /MusicFree/src/constants/uiConst.ts (revision f90698e4f487034964a52e83e0bbca6e7a56aaa5)
16cfecf1cS猫头猫import {CustomizedColors} from '@/hooks/useColors';
2bf6e62f2S猫头猫import rpx from '@/utils/rpx';
3bf6e62f2S猫头猫
4bf6e62f2S猫头猫const fontSizeConst = {
53ee62d1bS猫头猫    /** 标签 */
63ee62d1bS猫头猫    tag: rpx(20),
7102052c3S猫头猫    /** 描述文本等字体 */
8102052c3S猫头猫    description: rpx(22),
9ec26b768S猫头猫    /** 副标题 */
10ec26b768S猫头猫    subTitle: rpx(26),
11102052c3S猫头猫    /** 正文字体 */
12102052c3S猫头猫    content: rpx(28),
13102052c3S猫头猫    /** 标题字体 */
14102052c3S猫头猫    title: rpx(32),
15102052c3S猫头猫    /** appbar的字体 */
16102052c3S猫头猫    appbar: rpx(36),
17bf6e62f2S猫头猫};
18bf6e62f2S猫头猫
19102052c3S猫头猫const fontWeightConst = {
20bf6e62f2S猫头猫    regular: '400',
21102052c3S猫头猫    medium: '500',
22102052c3S猫头猫    semibold: '600',
23ec26b768S猫头猫    bold: '700',
24bf6e62f2S猫头猫    bolder: '800',
25102052c3S猫头猫} as const;
26bf6e62f2S猫头猫
273ee62d1bS猫头猫const iconSizeConst = {
28ec26b768S猫头猫    small: rpx(32),
29e650bfb3S猫头猫    light: rpx(40),
30ec26b768S猫头猫    normal: rpx(48),
314060c00aS猫头猫    big: rpx(64),
324060c00aS猫头猫};
333ee62d1bS猫头猫
34*f90698e4S猫头猫type ColorKey = 'normal' | 'secondary' | 'highlight' | 'primary';
356cfecf1cS猫头猫const colorMap: Record<ColorKey, keyof CustomizedColors> = {
363ee62d1bS猫头猫    normal: 'text',
373ee62d1bS猫头猫    secondary: 'textSecondary',
383ee62d1bS猫头猫    highlight: 'textHighlight',
396cfecf1cS猫头猫    primary: 'primary',
403ee62d1bS猫头猫} as const;
413ee62d1bS猫头猫
423ee62d1bS猫头猫export {fontSizeConst, fontWeightConst, iconSizeConst, colorMap};
433ee62d1bS猫头猫export type {ColorKey};
44