Appearance
运行平台迁移指南
平台运行仍在维护的版本有
提示
该版本号单独指前端运行版本与平台服务版本无关。
6.1
为昆明不动产特殊开发的版本,包含大量非平台特性模块,后续只进行维护工作,详细说明开发将只在 V6.2
以上版本上进行。
6.2-next
使用 vue@^3.1
+ element-plus@beta
+ typescript
在 6.1
基础上重构的版本。
详细说明
更细致的交互
由于平台内部加载表单都采用渲染器挂载到
dom
方式,每一份表单的内部数据状态是分开管理的,所以支持切换表单时无需重新刷新。各模块加入了错误捕获,不会出现程序无响应情况。
element-plus
升级带来的组件交互体验提升。更丰富的加载动画,增加了获取表单内容和表单事件处理动画。
更强的性能
通过
tree-shaking
等技术,使项目包体积更小。算法优化带来的网页加载速度提升,表单渲染速度更快。
类型友好的扩展开发
更丰富的配置
项目风格可通过
config
内的属性进行个性化配置,在开启显示配置菜单
选项时,在运行时你依然可以修改这些配置。可自定义的布局系统
增加了布局概念,用户可以通过构建设置并配置布局内容搭建自己风格的网页。
由于布局块上支持设置扩展组件,故用户可自行扩展平台布局中内容。
更具前景的生态
用户通过 插件市场,上传开发插件并实现多项目共享组件资源。
6.2-core
使用 vue@^3.2
+ element-plus@^2.2
在 next
上迭代的版本。
为什么需要升级 core 版本?
在长达一年的对 @6.2 next
版本的维护,平台功能已经趋于稳定,与此同时,过去我们所使用的相关库在这期间也有着许多重大更新。
比如 vue
发布了 3.2
版本,我们终于能正式在 sfc
中使用 script setup 功能,element-plus
亦发布了正式版本,组件新追加了许多功能。 这些令人欣喜的变动,对我们的日常开发以及实际性能提升上都有着或多或少的提升,为了及时跟进社区发展,故我们进行了本次升级。
详细说明
新的 SFC 功能
<script setup>
由实验状态正式发布,在 SFC 中直接使用 composition api 开发体验更好。性能改进
3.2
对Vue
的反应性系统进行了一些重大的性能改进。具体来说:- 内存使用量减少约
17%
- 更高效的
ref
实现(约260%
的读取速度/约50%
的写入速度) - 提升约
40%
依赖项跟踪速度
- 内存使用量减少约
图标
所有的
Font Icon
都改为了Inline Vue SVG
组件,也就是说所有的组件都是跟随你的打包代码一起放在同一个请求内,这样就不会产生额外的网络请求去请求字体文件,也不会带来网络请求失败导致字体渲染不出来的小方块,并且图标的清晰度也会更好暗色主题
虽然在
next
中,平台也实现了暗黑模式,但是在本次更新中,我们利用CSS Variables
的功能 与element-plus
配合,更方便且性能更好。
变更
如果您的项目或组件使用了旧的
<i class />
字体图标并且无法修改,可以通过引用旧版本的字体文件来让老项目保持兼容,平台准备了相关文件,引入theme/ui
目录下的index.css
即可。由于模板与之前存在差异,使用最新的
c++
服务时需配置<vue>3.2</vue>
确保获取正确表单模板。
提示
使用错误版本的服务可能会导致表单图标加载出现异常,请确保同步更新最新版本服务。