响应式断点属性

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

具有 Responsive 的属性均可以根据屏幕断点配置不同的值，当屏幕宽度发生变化后会自动取对应的值。breakpoints 可在GlobalStaticConfig中配置，默认值为

const breakpoints = {
  xs: '520px',
  sm: '768px',
  md: '1024px',
  lg: '1280px',
  xl: '1640px',
}

以主题属性中的size为例，其为响应式断点属性，这意味着 size 可以传递以下类型的值

type Size =
  | '1'
  | '2'
  | '3'
  | {
      initial?: '1' | '2' | '3';
      xs?: '1' | '2' | '3';
      sm?: '1' | '2' | '3';
      md?: '1' | '2' | '3';
      lg?: '1' | '2' | '3';
      xl?: '1' | '2' | '3';
    };

当前屏幕断点

import { activeBreakpoint } from '@lun-web/components';

通过上面的代码可以获取当前屏幕断点，当前为