@tendaui/theme-generator 1.0.0
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +62 -0
- package/dist/index.cjs.js +269 -0
- package/dist/index.esm.js +6651 -0
- package/package.json +42 -0
package/README.md
ADDED
|
@@ -0,0 +1,62 @@
|
|
|
1
|
+
# @tendaui/theme-generator
|
|
2
|
+
|
|
3
|
+
TendaUI 主题配置生成器 - React 版本
|
|
4
|
+
|
|
5
|
+
## 功能特性
|
|
6
|
+
|
|
7
|
+
- 🎨 可视化主题定制
|
|
8
|
+
- 🌈 自动生成颜色系（color-1 到 color-10）
|
|
9
|
+
- 💾 本地存储配置
|
|
10
|
+
- 📥 导出 CSS 文件
|
|
11
|
+
- 🔄 实时预览
|
|
12
|
+
- 🌓 支持深色/浅色主题
|
|
13
|
+
|
|
14
|
+
## 安装
|
|
15
|
+
|
|
16
|
+
```bash
|
|
17
|
+
pnpm add @tendaui/theme-generator
|
|
18
|
+
```
|
|
19
|
+
|
|
20
|
+
## 使用
|
|
21
|
+
|
|
22
|
+
```tsx
|
|
23
|
+
import { ThemeGenerator } from "@tendaui/theme-generator";
|
|
24
|
+
|
|
25
|
+
function App() {
|
|
26
|
+
return (
|
|
27
|
+
<div>
|
|
28
|
+
{/* 你的应用内容 */}
|
|
29
|
+
<ThemeGenerator device="web" />
|
|
30
|
+
</div>
|
|
31
|
+
);
|
|
32
|
+
}
|
|
33
|
+
```
|
|
34
|
+
|
|
35
|
+
## API
|
|
36
|
+
|
|
37
|
+
### ThemeGenerator
|
|
38
|
+
|
|
39
|
+
| 属性 | 类型 | 默认值 | 说明 |
|
|
40
|
+
| ----------- | ------------------- | ------- | ---------------- |
|
|
41
|
+
| device | `'web' \| 'mobile'` | `'web'` | 设备类型 |
|
|
42
|
+
| showSetting | `boolean` | `false` | 是否显示设置按钮 |
|
|
43
|
+
|
|
44
|
+
## 开发
|
|
45
|
+
|
|
46
|
+
```bash
|
|
47
|
+
# 开发模式
|
|
48
|
+
pnpm dev
|
|
49
|
+
|
|
50
|
+
# 构建
|
|
51
|
+
pnpm build
|
|
52
|
+
|
|
53
|
+
# 类型检查
|
|
54
|
+
pnpm type-check
|
|
55
|
+
```
|
|
56
|
+
|
|
57
|
+
## 依赖
|
|
58
|
+
|
|
59
|
+
- `react` >= 16.13.1
|
|
60
|
+
- `react-dom` >= 16.13.1
|
|
61
|
+
- `tvision-color` - 颜色处理库
|
|
62
|
+
- `cssbeautify` - CSS 格式化
|