Skip to content

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 双模式输出,确保了组件库的可扩展性和可维护性。整体架构采用了微内核设计,通过依赖注入和插件系统实现高度解耦。

Released under The MIT License.