UCI-React - UCI 的 React Hooks 和组件

UCI-React 封装了 UCI 核心功能，提供 React Hooks 和组件。

Hooks

useApp - 获取 App 实例

import { useApp } from '@monorepo/uci-react';

const app = useApp();  // 返回 UciAuthProvider 中注册的 app

useI18n - 国际化

import { useI18n } from '@monorepo/uci-react';

const { t, lang, changeLanguage, languages } = useI18n();

return <h1>{t('pageTitle.home')}</h1>;

usePermission - 权限判断

import { usePermission } from '@monorepo/uci-react';

const { hasPermission, hasAnyCode } = usePermission();

if (hasPermission('user_create')) { /* 有权限 */ }
if (hasAnyCode(['user_create', 'user_update'])) { /* 有任一权限 */ }

组件

UciAuthProvider - 自动认证

在应用入口使用，自动处理认证流程：

import { UciAuthProvider } from '@monorepo/uci-react';

// appName: 你的应用名称
<UciAuthProvider appName="apa">
    <App />
</UciAuthProvider>

内部会自动：

1. 检查登录状态
2. 未登录：跳转到 organization 登录页
3. 已登录：加载应用

Permission - 权限控制组件

只有有权限的用户才能看到内容：

import { Permission } from '@monorepo/uci-react';

<Permission code="user_create">
    <Button>创建用户</Button>
</Permission>

详细使用指南请查看 PROJECT_GUIDE.md。