Skip to content

介绍 ​

uView Pro X 是基于 UTS + UCSS、面向 uni-app x 的 UI 组件库,是 uView Pro 在 uni-app x 生态下的迁移版本。组件统一使用 ux- 前缀,源码为强类型 UTS,App 端编译为 Kotlin / Swift 原生代码,一套代码原生运行于 App(Android / iOS / HarmonyOS)、H5、微信小程序。

特性 ​

  • 原生渲染:App 端走 uni-app x 的 Vapor 编译,绕过虚拟 DOM 直接驱动原生节点。
  • 强类型:组件 Props / Events / Slots 均有 UTS 类型约束,配合 types/global.uts 统一对外类型。
  • 多主题:内置官方蓝主题,支持多套主题注册、运行时切换与暗黑模式,令牌自动生成 CSS 变量。
  • 多语言:内置 zh-CN / en-US 语言包,支持自定义语言包、命名空间取值与持久化。
  • 零三方运行时依赖:组件库自带工具函数与 hooks(统一挂在 $u 上),不引入额外运行时库。
  • 按需引入:通过 easycom 自动扫描 ux-* 组件,无需手动注册。

组件分组 ​

组件按功能划分为七个分组,文档与演示菜单保持一致:

分组说明代表组件
基础组件图标、图片、按钮、单元格等原子元素Icon、Image、Button、Cell
表单组件输入、选择、校验与开关类控件Form、Input、Picker、Checkbox
数据组件进度、计数、轮播等数据展示LineProgress、CountTo、Swiper
反馈组件弹窗、提示、加载与状态反馈ActionSheet、Toast、Popup、Modal
布局组件卡片、宫格、栅格与分割Card、Grid、Layout、Divider
导航组件导航栏、标签、步骤与分页Navbar、Tabs、Steps、Pagination
其他组件间隔、安全区、状态栏等辅助件Gap、SafeBottom、Transition、Skeleton

配套能力 ​

除组件外,库内还提供:

  • 工具函数:$u.addUnit、$u.toStyle、$u.deepMerge、$u.hexToRgba 等,覆盖单位换算、样式拼接、深合并与颜色处理。
  • 组合式函数(hooks):useTheme、useLocale、useBEM、useRect、useSafeArea 等,用于主题、国际化与布局测量。

下一步 ​