介绍
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等,用于主题、国际化与布局测量。