演示

Hooks

来自 @quan-erp/shared-ui 的共享 React hooks:防抖、响应式布局、移动端返回处理,以及懒加载语言包。

从哪导入

Doc 中的 hooks 全部从 @quan-erp/shared-ui 导出。不要在插件里自实现 debounce、matchMedia 或 i18n loader。

  • 包:@quan-erp/shared-ui
  • 已登录页面 → useLazyLocaleTranslation
  • 公开 / 登录前页面 → usePublicLazyLocaleTranslation
TSXimport
1import { 2 useDebounceValue, 3 useMediaQuery, 4 useMobileBackDialog, 5 useLazyLocaleTranslation, 6 usePublicLazyLocaleTranslation, 7} from "@quan-erp/shared-ui";

目录

  • useDebounceValue — 值防抖
  • useMediaQuery — CSS media query
  • useMobileBackDialog — 移动端返回 / 对话框
  • useLazyLocaleTranslation — 已登录 i18n
  • usePublicLazyLocaleTranslation — 公开页 i18n

关键规则

  • 只从 @quan-erp/shared-ui 导入
  • 不要把 hook 实现拷进插件
  • 按鉴权上下文选择 lazy-locale hook
  • 在侧栏打开各 hook 页查看详情