@tendaui/theme-generator

@tendaui/theme-generator

TendaUI 主题配置生成器 - React 版本

功能特性

• 🎨 可视化主题定制
• 🌈 自动生成颜色系（color-1 到 color-10）
• 💾 本地存储配置
• 📥 导出 CSS 文件
• 🔄 实时预览
• 🌓 支持深色/浅色主题

安装

pnpm add @tendaui/theme-generator

使用

import { ThemeGenerator } from "@tendaui/theme-generator";

function App() {
  return (
    <div>
      {/* 你的应用内容 */}
      <ThemeGenerator device="web" />
    </div>
  );
}

API

ThemeGenerator

属性	类型	默认值	说明
device	'web' | 'mobile'	'web'	设备类型
showSetting	boolean	false	是否显示设置按钮

开发

# 开发模式
pnpm dev

# 构建
pnpm build

# 类型检查
pnpm type-check

依赖

• react >= 16.13.1
• react-dom >= 16.13.1
• tvision-color - 颜色处理库
• cssbeautify - CSS 格式化