lh-ui-vue2

企業級 Vue 2.7 國風元件庫

以國風之美,築程式碼之基 —— 一個 core(@lh-ui/share),各框架只是 UI 層

🖌️

水墨國風設計

CSS 變數主題系統 + 預設主題 + 暗色模式,全部令牌來自 @lh-ui/share 唯一源,元件庫內零樣式副本。

了解主題系統 →
🔗

三鏈貫通

主題鏈(ConfigProvider)、表單鏈(校驗 + aria-invalid 聯動)、彈層鏈(Dialog / Tooltip / Select 下拉共享定位與 z-index 引擎)。

查看 ConfigProvider →
🧩

58 個元件,五件套結構

每個元件 = SFC + composable 膠水 + 類型 + 安裝器 + 演示,純邏輯全部沉澱在 share 的 core,Vue2 只寫回應式接線。

安裝與引入 →
⚡

面向存量 Vue2 專案

基於 Vue 2.7(終點版本)與 <script setup>,v-model 與 .sync 語意與你現有的 Vue2 專案習慣完全一致。

快速上手 →
♿

無障礙優先

全量元件攜帶 ARIA 屬性與鍵盤互動,焦點管理、aria-invalid 聯動、暗色對比度均按 WCAG 對照實現。

查看無障礙實踐 →
🧭

一個 core,多端 UI 層

lh-ui 家族共享同一套 core 純函式與樣式源,Vue2 / Vue3 / React 各端表現一致,遷移成本趨近於零。

造訪 Vue3 版 →