更新记录

1.3.0（2024-04-09）

• 重要优化：本次更新开发工具需升级至Hbuilderx 4.11.2024040401+，更新后必须升级开发工具（alpha版本）。

• [重要] 新增支持编译到iOS平台。

• 新增 Request 网络请求 组件，支持Promise，可在发起请求和请求响应之前进行拦截（uts）[vip]。

• 新增 Rate 评分 组件，适配ios端 [vip]。

• 新增 Spin 旋转动画 组件，适配ios端 [vip]。

• Switch 开关 组件优化，调整Android端阴影不明显问题，适配ios端。

• Drawer 抽屉 组件优化。

• Form 表单示例 优化，新增评分组件示例。

• Radio 单选框 组件优化，新增属性styleType设置选中后样式，适配ios端。

• Grid 宫格 组件 组件优化，调整web端/ios端部分样式。

• Card 卡片 组件优化，调整web端部分样式。

• HalfScreen 半屏弹窗 组件优化，修复web端滑动事件报错的问题。

• SwipeAction 滑动菜单 组件优化，修复web端滑动事件报错的问题。

• Text 文本 组件优化，修复ios端文本不显示问题。

• Number 数字 组件 优化，部分调整以适配ios端。

• Icon 图标 组件优化，部分调整以适配ios端。

• List 列表 组件 组件优化，适配ios端。

• Button 按钮 组件优化，ios端部分样式调整。

• Avatar 头像 组件优化，ios端部分样式调整。

• LoadMore 加载更多 组件优化，ios端部分样式调整。

• Collapse 折叠面板 组件优化，适配ios端。

• Divider 分割线 组件优化，ios端部分样式调整。

• Pagination 分页器 组件优化，部分调整以适配ios端。

• SegmentedControl 分段器 组件优化，ios端部分样式调整。

• Tabs 标签页 组件优化，部分调整以适配ios端。

• Dialog 对话框 组件优化，部分调整以适配ios端。

• ActionSheet 上拉菜单 组件优化，部分调整以适配ios端。

• InputNumber 数字输入框 组件优化，部分调整以适配ios端。

• Checkbox 复选框 组件优化，适配ios端。

• FormItem 表单项 组件优化，适配ios端。

• Input 输入框 组件优化，适配ios端。

• Textarea 多行输入框 组件优化，适配ios端。

• 优化部分已知问题。

1.2.6（2024-04-02）

• 新增常用的基础样式class，类（class）选择器，用于页面布局，详见文档。

• 新增 Form 表单校验 组件，支持 submit/reset 事件 [vip]。

• 新增 FormItem 表单项 组件，可结合 Form组件进行校验 [vip]。

• 新增 Validator 表单验证 组件（uts）[vip]。

• 新增 FormField 表单字段 组件，用于表单传递数据 [vip]。

• Button 按钮 组件优化，新增formType属性，结合Form组件实现 submit/reset 事件。

• Input 输入框 组件优化，可结合Form组件进行表单相关操作。

• Textarea 多行输入框 组件优化，可结合Form组件进行表单相关操作。

• InputNumber 数字输入框 组件优化，可结合Form组件进行表单相关操作。

• Radio 单选框 组件优化，可结合Form组件进行表单相关操作。

• Checkbox 复选框 组件优化，可结合Form组件进行表单相关操作。

• Switch 开关 组件优化，可结合Form组件进行表单相关操作。

• Slider 滑块选择器 组件优化，可结合Form组件进行表单相关操作，修复pc端可能报错的问题。

• 新增表单示例，用于演示表单数据收集与重置（submit/reset）[vip]。

1.2.5（2024-02-03）

• 重要优化：本次更新开发工具需升级至Hbuilderx 4.01.20+，更新后必须升级开发工具（alpha版本）。

• Number 数字 组件 优化，Web端部分调整，优化部分体验。

• Footer 页脚 组件优化，Web端部分调整，优化部分体验。

• Dialog 对话框 组件优化，Web端部分调整，优化部分体验。

• Section 标题栏 组件优化，Web端部分调整，去除多余兼容处理逻辑（Hbuilderx 4.01.20+以下版本不可去除）。

• Animation 动画 组件优化，Web端部分调整，去除多余兼容处理逻辑，优化部分体验。

• Button 按钮 组件优化，Web端部分调整，去除多余兼容处理逻辑。

• Checkbox 复选框 组件优化，Web端部分调整，去除多余兼容处理逻辑。

• Grid 宫格 组件 组件优化，Web端部分调整，去除多余兼容处理逻辑。

• Input 输入框 组件优化，Web端部分调整，去除多余兼容处理逻辑。

• Radio 单选框 组件优化，Web端部分调整，去除多余兼容处理逻辑。

• Textarea 多行输入框 组件优化，Web端部分调整，去除多余兼容处理逻辑。

• WhiteSpace 上下间距 组件优化，Web端部分调整，去除多余兼容处理逻辑。

• WhiteSpace 上下间距 组件优化，Web端部分调整，去除多余兼容处理逻辑。

• Toast 轻提示 组件示例优化，去除多余兼容处理逻辑。

平台兼容性

FirstUI-uvue

FirstUI（unix）组件库，一款适配 uni-app x 的轻量、简洁、高效、全面的移动端组件库。（options Api 版）

快速上手

使用 First UI 前，请确保你已经学习并熟练使用过 uni-app-x 。

安装

方式一 ：通过 npm 安装

// # Using npm
npm install firstui-unix 

注意：通过 npm 安装的组件，暂时可能无法使用easycom配置（待uni-app官方优化），
请将 `node_modules` 文件夹下的 `firstui-unix` 文件夹整体复制到 `uni_modules` 文件夹下，
如果项目没有 `uni_modules` 文件夹，在项目根目录创建即可，复制进去即可使用，无需其他配置。

方式二 ：通过下载代码

// # GitHub
git clone https://github.com/FirstUI/FirstUI-uvue.git

方式三 ：选择需要的模块引入

如何使用

按照以下的方式使用组件，以 Button 为例，其它组件在对应的文档页查看。

使用组件

引入组件后，可以在 页面 中直接使用组件

<fui-button text="默认按钮"></fui-button>

相关链接

官网地址：https://www.firstui.cn

文档地址：https://unix.firstui.cn/

GitHub地址：https://github.com/FirstUI/FirstUI-uvue

更新日志

V1.0.0（2024-01-09）

• 新增 Color 色彩 ，First UI用色指南。

• 新增 Text 文本 组件。

• 新增 Number 数字 组件。

• 新增 Icon 图标 组件，First UI字体图标库。

• 新增 Button 按钮 组件。

• 新增 Footer 页脚 组件。

• 新增 Animation 动画 组件。

• 新增 StatusBar 状态栏 组件。

• 新增 Layout 栅格布局 组件（fui-row和fui-col）。

• 新增 Grid 宫格 组件（fui-grid和fui-grid-item）。

• 新增 List 列表 组件（fui-list和fui-list-cell）。

• 新增 Card 卡片 组件。

• 新增 Section 标题栏 组件。

• 新增 WhiteSpace 上下间距 组件。

• 新增 WingBlank 左右间距 组件。

• 新增 Input 输入框 组件。

• 新增 InputNumber 数字输入框 组件。

• 新增 Label 标签 组件。

• 新增 Radio 单选框 组件。

• 新增 Checkbox 复选框 组件。

• 新增 Switch 开关 组件。

• 新增 Textarea 多行输入框 组件。

• 新增 ActionSheet 上拉菜单 组件。

• 新增 Toast 轻提示 组件。

• 新增 Backdrop 遮罩层 组件。

• 新增 Dialog 对话框 组件。

• 新增 Badge 徽章 组件。

• 新增 Empty 缺省页 组件。