XiHan UI 视图组件
曦寒视图组件包含以下模块:
核心包 (xihan-ui)
- 功能:整合所有子模块,提供完整的组件库解决方案
- 依赖:集成了所有其他子包,作为统一入口
组件 (components)
- 功能:提供各种 UI 组件,如按钮、表单、导航等
- 特点:组件设计遵循原子设计系统,支持按需引入
- 依赖:使用 hooks、directives、themes 等支持组件功能
工具库 (utils)
- 功能:提供基础工具函数,分为核心、浏览器、格式化、Vue、安全、CSS 等模块
- 特点:轻量级、高效,支持 Tree Shaking
主题系统 (themes)
- 功能:基于 CSS 变量的主题引擎,支持明暗模式切换
- 特点:可扩展的设计令牌系统,支持自定义主题
钩子函数 (hooks)
- 功能:提供可复用的组合式函数,如 useForm、useValidation 等
- 特点:基于 Vue Composition API,增强组件逻辑复用
指令 (directives)
- 功能:提供自定义指令,如 v-click-outside、v-resize 等
- 特点:增强 DOM 交互能力,简化常见操作
图标 (icons)
- 功能:提供统一的图标系统
- 特点:支持按需加载和自定义颜色、大小
本地化 (locales)
- 功能:提供国际化解决方案,支持多语言切换
- 特点:内置中英文等常用语言包,支持自定义扩展
插件 (plugins)
- 功能:提供全局功能扩展,如通知、消息等
- 特点:可独立使用的轻量级插件系统
常量 (constants)
- 功能:提供全局常量定义,如尺寸、状态等
- 特点:确保设计一致性和代码统一性
每个模块都遵循相同的构建和发布标准,支持 ESM 和 UMD 双模式输出,确保了组件库的可扩展性和可维护性。整体架构采用了微内核设计,通过依赖注入和插件系统实现高度解耦。