open-index/open-npm huggingface dataset:
npm package: @stcn52/krui
Description: 基于 Ant Design 的企业级 UI 组件库
Latest version: 0.3.0

# KRUI 组件库

基于 Ant Design 的企业级 UI 组件库

## 安装

```bash
npm install krui
# 或
pnpm add krui
```

## 使用

支持两种导入方式：

### 1. 按需导入（推荐）

```jsx
// 导入核心功能
import { ConfigProvider } from '@stcn52/krui/core';

// 按需导入组件
import { KButton } from '@stcn52/krui/components/button';
import { KInput } from '@stcn52/krui/components/input';
import { KLayout } from '@stcn52/krui/components/layout';

// 使用示例
function App() {
  return (
    <ConfigProvider>
      <KLayout>
        <KButton type="primary">按钮</KButton>
        <KInput placeholder="请输入" />
      </KLayout>
    </ConfigProvider>
  );
}
```

### 2. 完整导入

```jsx
import { ConfigProvider, KButton, KInput } from '@stcn52/krui';

// 使用主题
import { getShadcnTheme } from '@stcn52/krui/core';

function App() {
  const theme = getShadcnTheme('blue', false);
  
  return (
    <ConfigProvider theme={theme}>
      <KButton type="primary">按钮</KButton>
    </ConfigProvider>
  );
}
```

## 包结构

```
dist/
  ├── core/              # 核心功能
  │   ├── index.js
  │   └── theme.js
  ├── components/        # 组件
  │   ├── button/
  │   ├── input/
  │   └── ...
  └── index.js          # 统一导出
```

## 组件列表

### 布局
- ✅ Layout - 布局
- ✅ Space - 间距
- ✅ Divider - 分割线
- ✅ Grid - 栅格
- ✅ PageLayout - 页面布局

### 导航
- ✅ AppNav - 应用导航
- ✅ Menu - 菜单
- ✅ Tabs - 标签页
- ✅ Breadcrumb - 面包屑
- ✅ Pagination - 分页
- ✅ Steps - 步骤条

### 基础组件
- ✅ Button - 按钮
- ✅ Typography - 排版
- ✅ Icon - 图标
- ✅ Tag - 标签

### 表单
- ✅ Form - 表单
- ✅ Input - 输入框
- ✅ InputNumber - 数字输入框
- ✅ Select - 选择器
- ✅ Radio - 单选框
- ✅ Checkbox - 复选框
- ✅ Switch - 开关
- ✅ Slider - 滑动输入条
- ✅ DatePicker - 日期选择
- ✅ TimePicker - 时间选择
- ✅ TreeSelect - 树选择
- ✅ Transfer - 穿梭框
- ✅ Cascader - 级联选择

### 数据展示
- ✅ Table - 表格
- ✅ Tree - 树形控件
- ✅ List - 列表
- ✅ Card - 卡片
- ✅ Descriptions - 描述列表
- ✅ Empty - 空状态
- ✅ Avatar - 头像
- ✅ Badge - 徽标
- ✅ Timeline - 时间轴
- ✅ Statistic - 统计数值

### 反馈
- ✅ Modal - 对话框
- ✅ Message - 全局提示
- ✅ Notification - 通知提醒
- ✅ Progress - 进度条
- ✅ Drawer - 抽屉
- ✅ Alert - 警告提示
- ✅ Spin - 加载中
- ✅ Skeleton - 骨架屏
- ✅ Tour - 漫游式引导

### 其他
- ✅ FloatButton - 悬浮按钮
- ✅ ColorPicker - 颜色选择器
- ✅ QRCode - 二维码
- ✅ Watermark - 水印

### 主题和工具
- ✅ ConfigProvider - 全局配置
- ✅ IconGroup - 图标组
- ✅ IconPicker - 图标选择
- ✅ Splitter - 分割器

## 更新日志

### v0.3.0
- 🚀 优化打包体积，支持全量和按需加载
- 🌈 完善组件类型导出
- 🎯 优化暗色模式主题配置
- ⚡️ 提升组件加载性能
- 📦 拆分核心功能和组件包

### v0.2.0
- 🚀 新增完整组件导出
- 🌈 优化 Shadcn 主题配置
- 🎨 完善暗色模式支持
- ⚡️ 优化组件性能
- 📦 新增 hooks 工具库

### v0.1.0
- 🎉 首次发布
- 🌈 支持 Shadcn 主题风格
- 🌙 内置暗色模式支持
- ⚡️ 优化组件性能
- 📦 完成基础组件封装

### v0.0.2
- 🛠 修复已知问题
- 📚 更新组件文档
- 🎨 优化组件样式

### v0.0.1
- 🎯 项目初始化
- ✨ 基础组件开发

## 开发计划
- [ ] 更多的预设主题
- [ ] 动画效果增强
- [ ] 更多的业务组件
- [ ] i18n 支持完善
- [ ] 主题编辑器

## 文档

访问我们的[文档网站](https://your-docs-url.com)了解更多。

## License

MIT