• theme-provider本身不渲染任何东西，其用于提供主题各项的值并承载主题 CSS 变量
• theme-provider的可设置的属性与ThemeProps相同，其会将 props 与GlobalContextConfig中的theme融合并提供给后代
• 拥有主题的组件也会拥有全部或部分ThemeProps，主题有继承关系，优先以组件自身设置的生效

主题属性

export type Breakpoints = 'initial' | 'xs' | 'sm' | 'md' | 'lg' | 'xl';
export type Responsive<T> = T | Partial<Record<Breakpoints, T>>;

export type ThemeProps = {
  // 组件大小
  size?: Responsive<'1' | '2' | '3'>;
  // 主题色
  color?: ThemeColor;
  // 变体
  variant?: string;
  // 圆角，某些组件在到达某个值之后就不再变化
  // 例如对于弹出面板large和full是一样的效果，对于switch组件，medium之后都是一样的效果
  radius?: 'none' | 'small' | 'medium' | 'large' | 'full';
  // 是否高对比
  highContrast?: boolean;
  // 夜间模式
  appearance?: 'light' | 'dark';
  // 缩放，正数，建议在0.9~1.1之间选择。会影响间距、字体大小、圆角等的数值，并不是transform: scale
  scale?: number;
};