农民 发表于 昨天 09:21

TinyEngine 2.4版本正式发布:文档全面开源,实现主题自定义,体验焕新升级!

本文由体验技术团队李璇原创。
前言

TinyEngine低代码引擎使开辟者能够定制低代码平台。它是低代码平台的底座,提供可视化搭建页面等底子能力,既可以通过线上搭配组合,也可以通过cli创建个人工程举行二次开辟,实时定制出自己的低代码平台。适用于多场景的低代码平台开辟,如:资源编排、服务端渲染、模型驱动、移动端、大屏端、页面编排等。
近期,TinyEngine v2.4版本带着新的功能和优化正式上线~ 希望这次更新能为大家的使用带来更多的便利与惊喜。


[*]源码:https://github.com/opentiny/tiny-engine (接待 Star ⭐)
[*]官网:https://opentiny.design/tiny-engine#/home
这次版本特性开辟和问题修复已经有更多的开辟者朋友参与进来,我们在此诚挚感谢 @STATICHIT、@stwflyfox、@webzmj530、@Ljhhhhhh、@1degrees 积极加入 TinyEngine 的开源共建,同时也约请大家一起加入开源社区的建设,让 TinyEngine 发展的更加良好和茁壮。
在本次更新中,我们重点开辟及优化了以下几个方面
v2.4.0 变动特性概览


[*] 主题开辟能力:cli支持用户自定义主题
[*] 插件灵活布局:全部插件面板统一浮动和固定逻辑,部分面板可拖拽调整宽度
[*] 默认页与主页功能优化调整
[*] 大纲树支持复制、删除、多选能力
[*] 文档开源:文档从内部托管迁移至了Github
[*] 项目TS改造
[*] AI插件支持输入用户大模型API Token使用AI功能
[*] 同时支持 unpkg 与 npmmirror CDN
[*] 修复了多个问题,优化了一些交互与功能细节。
v2.4.0 全部 changelog
TinyEngine v2.4.0 新特性解读

1. 主题开辟能力

1.1默认提供了深色和淡色主题,通过顶部主题切换插件点击图标即可举行切换

https://i-blog.csdnimg.cn/direct/03b41d28df2f42b49e330c15a8620b7d.gif#pic_center
1.2用户在注册表设置自定义主题,主题切换展示为列表切换



[*]创建计划器可参考官网文档:https://opentiny.design/tiny-engine#/help-center/course/dev/91
[*]在已经创建的计划器根目次执行engine-cli create,选择theme以创建一个新的主题
    npx @opentiny/tiny-engine-cli create

    # 上面命令默认会拉取最新的版本,也可以指定版本号
    npx @opentiny/tiny-engine-cli@2.4.0 create
https://i-blog.csdnimg.cn/direct/e128834a037e47cf990e454121761e25.png#pic_center
执行下面命令安装依靠
# 安装依赖
npm install


[*]将主题接入计划器
使用vs Code 打开 customPlatform 项目,修改 registry.js
https://i-blog.csdnimg.cn/direct/ddc47f6a83e342c4a098db9fe6678261.png#pic_center


[*]开辟调试主题
重新打开项目页面,可以看到主题展示为列表切换,可以切换自定义主题
https://i-blog.csdnimg.cn/direct/a1d336dc4b4d446489b183185a00a89e.gif#pic_center
2. 插件灵活布局

2.1 统一固定和浮动逻辑

全部插件面板统一浮动和固定逻辑
之前版本的 固定 和 浮动 插件面板操作 仅支持 物料 和 大纲树 ;\
https://i-blog.csdnimg.cn/direct/730997fd4dce426ebfbf7d1e45289086.png#pic_center
如今左右侧的插件全部支持 固定 和 浮动 面板操作。
*
以 区块管理 和 数据源 面板为例举行展示*\
https://i-blog.csdnimg.cn/direct/f3d574f5e5814c7baee0da243ab916de.png#pic_center
2.2 部分面板可拖拽调整宽度

操作方法:鼠标悬浮在相应面板右侧的边框线上,边框线变色即可开始拖动。
目前支持拖拽改变面板宽度的插件是:大纲树、页面 JS 和 页面 Schema


[*]大纲树
https://i-blog.csdnimg.cn/direct/3a14493d0aec4b5a8a2699aefd489696.gif#pic_center


[*]页面 JS
https://i-blog.csdnimg.cn/direct/7606b6938c7442bba93c7fddef6be198.gif#pic_center


[*]页面 Schema
https://i-blog.csdnimg.cn/direct/ca89743518524d2ca26efeffa3b3dadf.gif#pic_center
3. 默认页与主页功能优化调整



[*]主页调整为在”…“菜单设置
https://i-blog.csdnimg.cn/direct/c32b2bd000cb4b649e3df1d54352b729.png#pic_center


[*]默认页调整
之前的默认页是在子页面的页面设置中将其设置为父级的默认页(如图所示)
https://i-blog.csdnimg.cn/direct/e6ddbb52615c4f08a0c2ef37131b3c18.png#pic_center
这个版本调整为在父页面直接选择默认页(如图所示)
https://i-blog.csdnimg.cn/direct/33874a1cf5f343378992fc7ef98828fe.png#pic_center
4. 大纲树支持复制、删除、多选能力

在上一个2.3版本中,画布提供了多选节点的功能,而且多选节点支持快捷键举行操作,多选时支持 ctrl+c 复制、ctrl+v 粘贴、delete 删除等。2.4版本我们把支持多选的功能同步给了大纲树,而且多选操作逻辑和画布保持一致,多选选中的节点在大纲树和画布会同步体现。如下图所示
https://i-blog.csdnimg.cn/direct/e2a5a6361a534d6bb4938d0e99b2780f.png#pic_center
另外还给大纲树增补了几个其他常用的快捷键,具体看如下表格
大纲树支持的快捷键功能阐明支持多选ctrl+鼠标点击选择多个节点。如点击已选中节点后,则为取消选中否ctrl+c复制节点是ctrl+v粘贴节点是ctrl+x剪切节点是delete删除节点是ctrl+z打消历史记录否ctrl+y回退历史记录否ctrl+s生存页面schema否 5. 文档开源

文档现已开源!我们将文档从内部托管迁移至了Github。这份文档如今属于整个社区!接待开辟者:


[*]✍ 修正你发现的问题
[*]
页: [1]
查看完整版本: TinyEngine 2.4版本正式发布:文档全面开源,实现主题自定义,体验焕新升级!