上游直出 Hooks
这些导出主要是为了让业务项目可以统一从 @vef-framework-react/hooks 取常用 hooks，而不是到处散装引依赖。
环境与媒体查询包装
这三个是 VEF 自己包了一层 Mantine 的媒体查询 hooks，目的是统一 getInitialValueInEffect 默认行为。
| 导出 | 推荐场景 | 文档 |
|---|---|---|
useMediaQuery | 响应式布局判断 | Mantine Hooks |
useColorScheme | 跟随系统颜色方案 | Mantine Hooks |
useReducedMotion | 兼容减少动画偏好 | Mantine Hooks |
Mantine 直出
| 导出 | 推荐场景 | 文档 |
|---|---|---|
assignRef | 组合 ref | Mantine Hooks |
getHotkeyHandler | 表单或输入快捷键 | Mantine Hooks |
mergeRefs | 合并多个 ref | Mantine Hooks |
useDebouncedCallback | 防抖回调 | Mantine Hooks |
useDebouncedState | 防抖状态 | Mantine Hooks |
useDebouncedValue | 防抖值 | Mantine Hooks |
useDidUpdate | 跳过首次的更新 effect | Mantine Hooks |
useDocumentTitle | 修改文档标题 | Mantine Hooks |
useElementSize | 读取元素尺寸 | Mantine Hooks |
useEventListener | 事件监听 | Mantine Hooks |
useFocusTrap | 焦点锁定 | Mantine Hooks |
useFullscreen | 全屏控制 | Mantine Hooks |
useIntersection | 交叉观察 | Mantine Hooks |
useInterval | 定时器 | Mantine Hooks |
useIsFirstRender | 首次渲染判断 | Mantine Hooks |
useIsomorphicEffect | 同构 effect | Mantine Hooks |
useMergedRef | 多 ref 组合 | Mantine Hooks |
useMounted | mounted 状态 | Mantine Hooks |
useMutationObserver | DOM 变化监听 | Mantine Hooks |
usePrevious | 上一次值 | Mantine Hooks |
useResizeObserver | 尺寸观察 | Mantine Hooks |
useTimeout | 延时器 | Mantine Hooks |
useWindowEvent | window 事件监听 | Mantine Hooks |
AI SDK React
| 导出 | 推荐场景 | 文档 |
|---|---|---|
useChat | 聊天型 AI 交互 | AI SDK React |
useCompletion | 文本补全 | AI SDK React |
useObject | 结构化对象输出 | AI SDK React |
热键能力
| 导出 | 推荐场景 | 文档 |
|---|---|---|
HotkeysProvider | 全局热键上下文 | react-hotkeys-hook |
useHotkeys | 局部快捷键 | react-hotkeys-hook |
useHotkeysContext | 热键上下文读取 | react-hotkeys-hook |
useRecordHotkeys | 录制快捷键 | react-hotkeys-hook |
使用建议:
- 只要框架已经转出了同名能力，优先从
@vef-framework-react/hooks统一导入 - 如果你需要看完整参数细节，以官方文档为准