元件庫對比

lh-ui-plus 與其他主流 Vue UI 庫的對比分析。

核心對比

特性	lh-ui-plus	Element Plus	Ant Design Vue	Naive UI
樣式語言	CSS 變數	SCSS 變數	CSS 變數（Less token）	CSS 變數
暗色模式	✅	✅	✅（主題 token）	✅
花紋背景	✅ 6 種	❌	❌	❌
跨框架	✅ 純函式邏輯	❌	❌	❌
國際化	✅ zh/en 完整，其餘語言包佔位	✅	✅	✅
sx 版面配置	✅	❌	❌	❌
PassThrough	❌	❌	❌	❌（主題覆寫）
BEM 命名	lh-	el-	ant-	n-

獨有優勢

1. 國風設計體系 — 基於中國傳統顏料的配色方案
2. CSS 變數主題 (88+ token) — 比 SCSS 更新靈活
3. 跨框架 — 純函式邏輯，未來可適配 React
4. 花紋背景系統 — 傳統 SVG 紋背景
5. sx 快速版面配置 — 類似 Tailwind 的原子化內聯樣式

選擇建議

• 需要 國風設計 / 花紋背景 → lh-ui-plus
• 需要 暗色模式 → 四者皆可
• 需要 跨框架支援 → lh-ui-plus（元件邏輯與框架解耦）
• 需要 完整生態與企業級表單 → Element Plus / Ant Design Vue
• 需要 主題深度覆寫 → Naive UI（theme overrides）