xref: /MusicFree/src/constants/uiConst.ts (revision 3ee62d1b70effeaac84ac1d8ec2f4f890576403b)
1bf6e62f2S猫头猫import rpx from '@/utils/rpx';
2bf6e62f2S猫头猫
3bf6e62f2S猫头猫const fontSizeConst = {
4bf6e62f2S猫头猫  /** 16 */
5bf6e62f2S猫头猫  smallest: rpx(16),
6bf6e62f2S猫头猫  /** 20 */
7bf6e62f2S猫头猫  smaller: rpx(20),
8bf6e62f2S猫头猫  /** 24 */
9bf6e62f2S猫头猫  small: rpx(24),
10bf6e62f2S猫头猫  /** 28 */
11bf6e62f2S猫头猫  normal: rpx(28),
12bf6e62f2S猫头猫  /** 32 */
13bf6e62f2S猫头猫  big: rpx(32),
14bf6e62f2S猫头猫  /** 36 */
15bf6e62f2S猫头猫  bigger: rpx(36),
16bf6e62f2S猫头猫  /** 40 */
17bf6e62f2S猫头猫  biggest: rpx(40),
18102052c3S猫头猫
19*3ee62d1bS猫头猫  /** 标签 */
20*3ee62d1bS猫头猫  tag: rpx(20),
21102052c3S猫头猫  /** 描述文本等字体 */
22102052c3S猫头猫  description: rpx(22),
23102052c3S猫头猫  /** 正文字体 */
24102052c3S猫头猫  content: rpx(28),
25102052c3S猫头猫  /** 标题字体 */
26102052c3S猫头猫  title: rpx(32),
27102052c3S猫头猫  /** appbar的字体 */
28102052c3S猫头猫  appbar: rpx(36),
29bf6e62f2S猫头猫};
30bf6e62f2S猫头猫
31102052c3S猫头猫const fontWeightConst = {
32bf6e62f2S猫头猫  regular: '400',
33102052c3S猫头猫  medium: '500',
34102052c3S猫头猫  semibold: '600',
35102052c3S猫头猫  bold: '700',
36bf6e62f2S猫头猫  bolder: '800',
37102052c3S猫头猫
38102052c3S猫头猫} as const;
39bf6e62f2S猫头猫
40*3ee62d1bS猫头猫const iconSizeConst = {
41*3ee62d1bS猫头猫  small: rpx(28),
42*3ee62d1bS猫头猫  normal: rpx(40),
43*3ee62d1bS猫头猫  big: rpx(64)
44*3ee62d1bS猫头猫}
45*3ee62d1bS猫头猫
46*3ee62d1bS猫头猫type ColorKey = 'primary' | 'normal' | 'secondary' | 'highlight';
47*3ee62d1bS猫头猫const colorMap: Record<ColorKey, keyof ReactNativePaper.ThemeColors> = {
48*3ee62d1bS猫头猫  primary: 'textPrimary',
49*3ee62d1bS猫头猫  normal: 'text',
50*3ee62d1bS猫头猫  secondary: 'textSecondary',
51*3ee62d1bS猫头猫  highlight: 'textHighlight',
52*3ee62d1bS猫头猫} as const;
53*3ee62d1bS猫头猫
54*3ee62d1bS猫头猫
55*3ee62d1bS猫头猫export {fontSizeConst, fontWeightConst, iconSizeConst, colorMap};
56*3ee62d1bS猫头猫export type {ColorKey};