xref: /MusicFree/src/constants/uiConst.ts (revision 40d04e9569521c2478184fa52ba2b05c84c3977c)
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猫头猫
193ee62d1bS猫头猫  /** 标签 */
203ee62d1bS猫头猫  tag: rpx(20),
21102052c3S猫头猫  /** 描述文本等字体 */
22102052c3S猫头猫  description: rpx(22),
23ec26b768S猫头猫  /** 副标题 */
24ec26b768S猫头猫  subTitle: rpx(26),
25102052c3S猫头猫  /** 正文字体 */
26102052c3S猫头猫  content: rpx(28),
27102052c3S猫头猫  /** 标题字体 */
28102052c3S猫头猫  title: rpx(32),
29102052c3S猫头猫  /** appbar的字体 */
30102052c3S猫头猫  appbar: rpx(36),
31bf6e62f2S猫头猫};
32bf6e62f2S猫头猫
33102052c3S猫头猫const fontWeightConst = {
34bf6e62f2S猫头猫  regular: '400',
35102052c3S猫头猫  medium: '500',
36102052c3S猫头猫  semibold: '600',
37ec26b768S猫头猫  bold: '700',
38bf6e62f2S猫头猫  bolder: '800',
39102052c3S猫头猫
40102052c3S猫头猫} as const;
41bf6e62f2S猫头猫
423ee62d1bS猫头猫const iconSizeConst = {
43ec26b768S猫头猫  small: rpx(32),
44ec26b768S猫头猫  normal: rpx(48),
453ee62d1bS猫头猫  big: rpx(64)
463ee62d1bS猫头猫}
473ee62d1bS猫头猫
48*40d04e95S猫头猫type ColorKey = 'normal' | 'secondary' | 'highlight';
493ee62d1bS猫头猫const colorMap: Record<ColorKey, keyof ReactNativePaper.ThemeColors> = {
503ee62d1bS猫头猫  normal: 'text',
513ee62d1bS猫头猫  secondary: 'textSecondary',
523ee62d1bS猫头猫  highlight: 'textHighlight',
533ee62d1bS猫头猫} as const;
543ee62d1bS猫头猫
553ee62d1bS猫头猫
563ee62d1bS猫头猫export {fontSizeConst, fontWeightConst, iconSizeConst, colorMap};
573ee62d1bS猫头猫export type {ColorKey};