PDesignStyle

✨ 特性

• 🌈 提炼自企业级中后台产品的交互语言和视觉风格
• ⚙️ 支持多种导入方式：全局导入、按需导入、样式分离
• 🎦 使用CSS变量，支持主题定制
• 🔧 纯JavaScript实现，可跨框架使用
• 📦 标准npm包，支持CommonJS和ES Module

🚀 快速开始

安装

npm install p-design-style

全局导入

// 引入整个组件库（包含所有样式）
import PDesignStyle from 'p-design-style';

// 使用组件
const { createButton } = PDesignStyle;

按需导入

// 只引入需要的组件
import { createButton } from 'p-design-style';

样式分离

// 引入组件
import { createButton } from 'p-design-style';

// 手动引入样式
import 'p-design-style/dist/reset.css'; // 基础样式
import 'p-design-style/dist/index.css'; // 组件样式

📚 文档

详细使用指南请参考 USAGE.md

🖥 兼容环境

| IE / Edge | Firefox | Chrome | Safari | | --- | --- | --- | --- | | IE11, Edge | last 2 versions | last 2 versions | last 2 versions |

🤝 贡献

欢迎贡献代码！请查看我们的贡献指南。

📄 许可证

MIT