Open
Description
我们今天发布了 Umi UI 三期,对外部分的功能包括 Dashboard 定制化、Terminal、资产市场信息架构调整、布局区块等。
定制化的 Dashboard 和插件接口
Dashboard 作为项目入口,提供的功能卡片支持定制,内置的卡片陆续添加中,目前有配置入口、任务入口和前端早报。
同时,还提供了插件接口,允许在插件添加属于自己的卡片。比如:
api.addDashboard({
key: 'org.umi.dashboard.card.testId',
title: '卡片标题',
description: '卡片描述',
icon: <ControlFilled />,
content: [
<a onClick={() => alert('部署成功')}>
一键部署
</a>,
],
});
Terminal(终端)
添加 Terminal 功能是为了让 Umi UI 形成闭环,用户无需离开 Umi UI 即可完成代码提交等操作,这是对 Umi UI 功能的重要补充。
资产市场信息结构调整
我们还对资产市场的组织形式进行了调整,把 tag 换成了类别,并把标题上移减少了一层结构,希望通过这种方式能让资产查找更加容易。
布局区块
我们在原来的区块基础上新增了一种特殊的区块类型:布局区块。布局区块提供了占位的能力,我们可以在指定位置添加其他区块;并且会通过代码合并的方式添加到目标文件中,这点更加符合代码组织的直觉。
通常每个页面通常都需要有布局,所以开发者开发页面时可以先添加布局区块,再添加普通区块。
现在内置了圣杯布局和左右两栏布局,欢迎大家提交更多的。
参考
- Hello! Umi UI,Umi UI 是什么,以及一期功能介绍
- Umi UI 二期来了(区块和模板、Mini 气泡、编译态同步、build 和 dev 分析等)
- Umi UI 介绍
Metadata
Assignees
Labels
No labels