Files
frontend/src/presentation/hooks/responsive/index.ts

67 lines
1.9 KiB
TypeScript
Raw Normal View History

/**
* Hooks
* Responsive Hooks Index
*
*
* - (useBreakpoint)
* - (useScreenSize, useWindowDimensions)
* - (useResponsiveValue, useResponsiveStyle)
* - (useOrientation)
* - (usePlatform)
* - (useMediaQuery)
* - (useColumnCount)
* - (useResponsiveSpacing)
* - (useBreakpointGTE, useBreakpointLT, useBreakpointBetween)
*/
// ==================== 核心 Hooks ====================
export { useWindowDimensions, useScreenSize } from './useScreenSize';
export {
useBreakpoint,
useFineBreakpoint,
useBreakpointGTE,
useBreakpointLT,
useBreakpointBetween,
} from './useBreakpoint';
export { useResponsiveValue, useResponsiveStyle } from './useResponsiveValue';
export { useOrientation } from './useOrientation';
export { usePlatform } from './usePlatform';
export { useMediaQuery } from './useMediaQuery';
export { useColumnCount } from './useColumnCount';
export { useResponsiveSpacing } from './useResponsiveSpacing';
// ==================== 工具函数 ====================
export {
getBreakpoint,
getFineBreakpoint,
isBreakpointGTE,
isBreakpointLT,
isBreakpointBetween,
} from './useBreakpoint';
// ==================== 类型 ====================
export type {
BreakpointKey,
FineBreakpointKey,
BreakpointValue,
ResponsiveValue,
Orientation,
PlatformInfo,
ScreenSize,
MediaQueryOptions,
} from './types';
export {
BREAKPOINTS,
FINE_BREAKPOINTS,
} from './types';
// 兼容层类型
export type { ResponsiveInfo } from './useResponsive';
// ==================== 向后兼容 ====================
export { useResponsive, useLegacyResponsive } from './useResponsive';
// 默认导出
export { useScreenSize as default } from './useScreenSize';