Uab Ui Mobile

基于 react 的用于构建移动端应用程序的基本 web UI 库。

中文文档 · English Doc

快速上手

安装

$ npm install --save uab-ui-mobile
# or
$ yarn add uab-ui-mobile
# or
$ pnpm add uab-ui-mobile

引入

import { Button } from 'uab-ui-mobile'

组件

基于各个组件功能点，一个一个的拆分出来实现。

通用

• [x] Button 按钮
• [x] Icon 图标

布局

• [x] AutoCenter 自动居中
• [x] Divider 分割线
• [x] Grid 栅格
• [x] SafeArea 安全区
• [x] Space 间距

导航

• [x] CapsuleTabs 胶囊选项卡
• [x] IndexBar 序列
• [x] JumboTabs 复杂选项卡
• [x] NavBar 导航栏
• [x] SideBar 侧边导航
• [x] TabBar 标签栏
• [x] Tabs 标签页

信息展示

• [x] Avatar 头像
• [x] Card 卡片
• [x] Collapse 折叠面板
• [ ] Ellipsis 文本省略
• [x] FloatingPanel 浮动面板
• [x] Image 图片
• [x] ImageViewer 图片查看器
• [x] InfiniteScroll 无限滚动
• [x] List 列表
• [x] PageIndicator 分页符
• [x] Steps 步骤条
• [x] Swiper 走马灯
• [x] Tag 标签
• [x] WaterMark 水印
• [ ] Footer 页脚

信息录入

• [ ] Cascader 级联选择
• [ ] CascaderView 级联选择视图
• [ ] CheckList 可勾选列表
• [ ] Checkbox 复选框
• [ ] Form 表单
• [x] Input 输入框
• [ ] Picker 选择器
• [ ] PickerView 选择器视图
• [ ] Radio 单选框
• [ ] Rate 评分
• [ ] SearchBar 搜索框
• [x] Selector 选择组
• [ ] Slider 滑动输入条
• [ ] Stepper 步进器
• [x] Switch 开关
• [x] TextArea 文本域

反馈

• [ ] ActionSheet 动作面板
• [ ] Dialog 对话框
• [ ] Empty 空状态
• [x] ErrorBlock 异常
• [x] Loading 加载中
• [x] Mask 背景蒙层
• [ ] Modal 弹窗
• [ ] Popover 气泡弹出框
• [ ] Popup 弹出层
• [ ] ProgressBar 进度条
• [ ] ProgressCircle 进度圈
• [ ] PullToRefresh 下拉刷新
• [ ] Result 结果
• [ ] Skeleton 骨架屏
• [ ] SwipeAction 滑动操作
• [ ] Toast 轻提示

引导提示

• [x] Badge 徽标
• [ ] NoticeBar 通告栏

其他

• [x] ConfigProvider 配置

试验性

• [x] ScrollMask 滚动两侧遮罩
• [ ] Calendar 日历
• [ ] Dropdown 下拉菜单
• [ ] FloatingBubble 浮动气泡
• [ ] ImageUploader 图片上传
• [ ] NumberKeyboard 数字键盘
• [ ] PasscodeInput 密码输入框
• [ ] ResultPage 结果页面
• [ ] TreeSelect 级联选择器
• [ ] VirtualInput 虚拟输入框

代码贡献者

感谢所有为 uab-ui-mobile 做出贡献的人!