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 版にアクセス →