@w.ui/wui-react

@w.ui/wui-react

基于 React 19 和 Ant Design 6 的高质量组件库，提供 300+ 可复用的业务组件。

✨ 特性

• 🚀 基于 React 19 和 Ant Design 6 构建
• 📦 开箱即用的高质量 React 组件
• 🛡 使用 TypeScript 开发，提供完整的类型定义
• 🎨 支持主题定制和暗黑模式
• 📱 响应式设计，完美适配移动端
• 🌐 国际化支持

📦 安装

npm install @w.ui/wui-react
# 或
yarn add @w.ui/wui-react
# 或
pnpm add @w.ui/wui-react

🔨 使用

import React from 'react';
import { DescBox, RadioInput, Exception } from '@w.ui/wui-react';
import '@w.ui/wui-react/style.css';

const App = () => {
  return (
    <div>
      <DescBox title="示例标题" description="这是一个描述框组件" />
      <RadioInput 
        options={[
          { label: '选项1', value: '1' },
          { label: '选项2', value: '2' }
        ]}
        onChange={(value) => console.log(value)}
      />
    </div>
  );
};

export default App;

📚 组件列表

本库包含 100+ 组件，包括但不限于：

核心组件

• ErrorBoundary - 错误边界
• WatermarkProvider - 水印
• KeepAlive - 页面缓存
• ResponsiveTable - 响应式表格
• GlobalSearch - 全局搜索

UI 组件

• AdvancedCodeBlock - 高级代码块
• AnimatedList - 动画列表
• BackgroundBeams - 背景光束效果
• BorderBeam - 边框动画
• ColorfulText - 彩色文字
• DescBox - 描述框
• RadioInput - 单选/多选输入

动画组件

• AnimateOnScreen - 进入视口动画
• AnimateRipple - 波纹动画
• BlurFade - 模糊渐显
• ScrollAnimation - 滚动动画
• TypeWriter - 打字机效果

完整组件列表请访问 在线文档

🔗 依赖

Peer Dependencies

{
  "react": ">=19.0.0",
  "react-dom": ">=19.0.0",
  "antd": ">=6.0.0"
}

确保你的项目中已安装这些依赖。

🌍 浏览器支持

• 现代浏览器
• Chrome >= 90
• Firefox >= 88
• Safari >= 14
• Edge >= 90

📖 文档

• 在线演示
• Storybook 组件文档
• GitHub 仓库

🤝 贡献

欢迎提交 Issue 和 Pull Request！

详见 贡献指南

📄 License

MIT © wkylin

👨‍💻 作者

wkylin

• GitHub: @wkylin
• Email: [e-mail]

⭐️ Star History

如果这个项目对你有帮助，请给一个 ⭐️ 支持一下！