firstui-unix

v1.3.0

Published

7 months ago

FirstUI unix Component library

Downloads

0High
0Medium
0Low

firstui

FirstUI FirstUI组件库 uni-app-x component

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

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

下载 FirstUI unix版本代码，在项目 components/firstui/ 目录下找到需要的组件拷贝到自己的项目中（必须引入的文件请查看注意事项）。

如何使用

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

import fuiButton from "@/components/firstui/fui-button/fui-button.uvue"
export default {
	components:{
		fuiButton
	}
}

在 pages.json 中添加配置：

// 下载安装时easycom配置（注意组件放置位置）
"easycom": {
		"autoscan": true,
		"custom": {
			"fui-(.*)": "@/components/firstui/fui-$1/fui-$1.uvue"
		}
	}

//使用npm安装时easycom配置（配置完成后重新编译运行）
//注意：目前uniapp-x中easycom引入node_modules下文件可能会出现错误，可以将整个 firstui-unix 文件夹拷贝至 根目录 uni_modules（没有可自行创建）文件夹下使用
//（npm下载的）组件放置 uni_modules 下则无需再进行配置easycom
"easycom": {
		"autoscan": true,
		"custom": {
			"fui-(.*)": "firstui-unix/components/fui-$1/fui-$1.uvue"
		}
	}

使用组件

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

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

更新日志

V1.3.0（2024-04-08）

重要优化：本次更新开发工具需升级至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端。
优化部分已知问题。

V1.2.6（2024-04-02）

新增常用的基础样式class，类（class）选择器，用于页面布局，详见文档。
新增 Form 表单校验组件，支持 submit/reset 事件 [vip]。
新增 FormItem 表单项组件，可结合 Form组件进行校验 [vip]。
新增 Validator 表单验证组件（uts）[vip]。
新增 FormField 表单字段组件，用于表单传递数据。
Button 按钮组件优化，新增formType属性，结合Form组件实现 submit/reset 事件。
Input 输入框组件优化，可结合Form组件进行表单相关操作。
Textarea 多行输入框组件优化，可结合Form组件进行表单相关操作。
InputNumber 数字输入框组件优化，可结合Form组件进行表单相关操作。
Radio 单选框组件优化，可结合Form组件进行表单相关操作。
Checkbox 复选框组件优化，可结合Form组件进行表单相关操作。
Switch 开关组件优化，可结合Form组件进行表单相关操作。
Slider 滑块选择器组件优化，可结合Form组件进行表单相关操作，修复pc端可能报错的问题。
新增表单示例，用于演示表单数据收集与重置（submit/reset）。

V1.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 轻提示组件示例优化，去除多余兼容处理逻辑。

V1.2.1 (2024-02-02)

启动页动画调整优化，加入波浪动画。
新增 HalfScreen 半屏弹窗组件，支持下滑关闭。
新增 Slider 滑块选择器组件。
Utils 工具类组件优化，新增部分方法。
优化部分已知问题。

V1.2.0 (2024-01-29)

重要优化：本次更新开发工具需升级至Hbuilderx 4.0+，更新后必须升级开发工具（alpha版本）。
Utils 工具类组件优化，新增获取随机颜色、金额转大写等方法。
新增 BackgroundImage 背景图组件。
新增启动页简介页面。
Section 标题栏组件优化，适配web/H5端。
Text 文本组件优化，适配web/H5端。
Number 数字组件优化，适配web/H5端。
Icon 图标组件优化，适配web/H5端。
Button 按钮组件优化，适配web/H5端。
Footer 页脚组件优化，适配web/H5端。
Animation 动画组件优化，适配web/H5端。
StatusBar 状态栏组件优化，适配web/H5端。
Layout 栅格布局组件优化，适配web/H5端。
Grid 宫格组件组件优化，适配web/H5端。
List 列表组件组件优化，适配web/H5端。
Card 卡片组件优化，适配web/H5端。
WhiteSpace 上下间距组件优化，适配web/H5端。
WingBlank 左右间距组件优化，适配web/H5端。
Input 输入框组件优化，适配web/H5端。
InputNumber 数字输入框组件优化，适配web/H5端。
Label 标签组件优化，适配web/H5端。
Radio 单选框组件优化，适配web/H5端。
Checkbox 复选框组件优化，适配web/H5端。
Switch 开关组件优化，适配web/H5端。
Textarea 多行输入框组件优化，适配web/H5端。
ActionSheet 上拉菜单组件优化，适配web/H5端。
Toast 轻提示组件优化，适配web/H5端。
Backdrop 遮罩层组件优化，适配web/H5端。
Dialog 对话框组件优化，适配web/H5端。
Badge 徽章组件优化，适配web/H5端。
DropdownMenu 下拉菜单组件优化，适配web/H5端。
DropdownList 下拉菜单组件优化，适配web/H5端。
Loading 加载组件优化，适配web/H5端。
SwipeAction 滑动菜单组件优化，适配web/H5端。
Pagination 分页器组件优化，适配web/H5端。
SegmentedControl 分段器组件优化，适配web/H5端。
Tabs 标签页组件优化，适配web/H5端。
Drawer 抽屉组件优化，适配web/H5端。
BottomPopup 底部弹出层组件优化，适配web/H5端。
TopPopup 顶部弹出层组件优化，适配web/H5端。
Alert 警告框组件优化，适配web/H5端。
Avatar 头像组件优化，适配web/H5端。
Tag 标签组件优化，适配web/H5端。
Collapse 折叠面板组件优化，适配web/H5端。
Divider 分割线组件优化，适配web/H5端。
LoadMore 加载更多组件优化，适配web/H5端。
优化已知问题。

V1.1.0（2024-01-22）

新增 DropdownMenu 下拉菜单组件。
新增 DropdownList 下拉菜单组件。
新增 Loading 加载组件。
新增 SwipeAction 滑动菜单组件。
新增 Pagination 分页器组件。
新增 SegmentedControl 分段器组件。
新增 Tabs 标签页组件。
新增 Drawer 抽屉组件。
新增 BottomPopup 底部弹出层组件。
新增 TopPopup 顶部弹出层组件。
新增 Alert 警告框组件。
新增 Avatar 头像组件。
新增 Tag 标签组件。
新增 Collapse 折叠面板组件。
新增 Divider 分割线组件。
新增 LoadMore 加载更多组件。
新增 Utils 工具类组件。
重要优化：unix版所有组件点击事件名调整，由 @click 调整为 @onclick，如果组件升级到最新版本，请查看文档升级指南，调整写法。
修复已知bug。

V1.0.0（2024-01-10）

新增 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 缺省页组件。

Published

Vulnerabilities

Links

Maintainers

Keywords

Readme