@cozeloop/guard

Cozeloop 权限守卫组件，用于管理和控制用户界面中的权限点。

安装

pnpm add @cozeloop/guard

特性

• 支持多种权限控制方式（隐藏、只读、拦截等）
• 提供上下文管理权限状态
• 支持路由级别的权限控制
• 可扩展的权限点定义

使用方法

基础使用

import { Guard, GuardPoint } from '@cozeloop/guard';

function MyComponent() {
  return (
      <button onClick={() => console.log('创建提示词')}>
        创建提示词
      </button>
  );
}

路由权限控制

import { GuardRoute, GuardPoint } from '@cozeloop/guard';

function ProtectedRoute() {
  return (
      <div>受保护的内容</div>
  );
}

权限上下文

import { GuardProvider } from '@cozeloop/guard';

function App() {
  // 自定义权限策略
  const customStrategy = {
    // 实现 GuardStrategy 接口
  };

  return (
  );
}

Features

• [x] eslint & ts
• [x] esm bundle
• [x] umd bundle
• [x] storybook

Commands

• init: rush update
• dev: npm run dev
• build: npm run build