开源无代码/低代码平台 NocoBase v0.17,全新的 SchemaSettings
NocoBase 是一个极易扩展的开源无代码开发平台。 不必投入几年时间、数百万资金研发,花几分钟时间部署 NocoBase,马上拥有一个私有、可控、极易扩展的无代码开发平台。
新特性
为了降低开发学习成本,提供更好的前端开发体验,在过去的几个月里,我们分阶段的对前端内核进行了重构,其中包括:
这一次 v0.17 重构了 UI Schema 设计器相关的 SchemaInitializer 和 SchemaSettings
为了解决用户上手难的问题,我们也重新梳理了各部分文档
- 插件开发(全面改版,已发布)
- API 参考 / 客户端(新版块,已发布)
- 使用手册(全面改版,将在未来一两周内发布)
- 插件列表(新版块,包括所有已有插件的介绍、使用、扩展开发的说明,将在未来一两周内发布)
不兼容的变化
SchemaInitializer 的变化
- 新增
SchemaInitializerManager
,用于注册SchemaInitializer
- 新增
useSchemaInitializerRender()
代替原来的useSchemaInitializer()
的render()
- 新增
useSchemaInitializerItem()
,用于获取当前初始化项的上下文 - 新增
SchemaInitializerItemGroup
组件,用作type: 'itemGroup'
的默认组件 - 新增
SchemaInitializerSubMenu
组件,用作type: 'subMenu'
的默认组件 - 新增
SchemaInitializerDivider
组件,用作type: 'divider'
的默认组件 - 新增
SchemaInitializerChildren
组件,用于自定义渲染多个列表项 - 新增
SchemaInitializerChild
组件,用于自定义渲染单个列表项 - 更改
SchemaInitializerContext
职责变更,用于存放当前初始化器的上下文 - 更改
useSchemaInitializer()
职责变更,用于获取当前初始化器的上下文 - 更改
function SchemaInitializer
变更为class SchemaInitializer
,用于定义初始化器 - 更改
SchemaInitializer
参数变更- 新增
name
必填参数,用于x-initializer
的值。 - 新增
Component
参数,用于定制化渲染的按钮。默认为SchemaInitializerButton
。 - 新增
componentProps
、style
用于配置Component
的属性和样式。 - 新增
ItemsComponent
参数,用于定制化渲染的列表。默认为SchemaInitializerItems
。 - 新增
itemsComponentProps
、itemsComponentStyle
用于配置ItemsComponent
的属性和样式。 - 新增
popover
参数,用于配置是否显示popover
效果。 - 新增
useInsert
参数,用于当insert
函数需要使用 hooks 时。 - 更改 将
dropdown
参数改为了popoverProps
,使用Popover
代替了Dropdown
。
- 新增
- 更改
SchemaInitializer
的items
参数变更- 新增
useChildren
函数,用于动态控制子项。 - 新增
componentProps
函数,用于组件自身的属性。 - 新增
useComponentProps
函数,用于动态处理组件的 props - 更改 将
key
参数改为了name
,用于列表项的唯一标识。 - 更改 将
visible
参数改为了useVisible
函数,用于动态控制是否显示。 - 更改 将
component
参数改为了Component
,用于列表项的渲染。
- 新增
- 更改
SchemaInitializer.Button
变更为SchemaInitializerButton
,是 SchemaInitializer 的 Component 参数的默认值; - 更改
SchemaInitializer.Item
变更为SchemaInitializerItem
,参数不变; - 更改
SchemaInitializer.ActionModal
变更为SchemaInitializerActionModal
,参数不变; - 更改
SchemaInitializer.SwitchItem
变更为SchemaInitializer.Switch
,参数不变。 - 删除
SchemaInitializerProvider
,用SchemaInitializerManager
代替 - 删除
SchemaInitializer.itemWrap
,不需要再包裹item
组件了;
SchemaSettings 的变化
- 新增
SchemaSettingsManager
用于注册SchemaSettings
- 新增
useSchemaSettingsItem()
- 新增
useSchemaSettingsRender()
- 新增
x-settings
参数,用于配置 schema 的设置器 - 新增
x-toolbar
参数,用于配置 schema 的工具栏 - 新增
SchemaToolbar
组件,用于自定义 schema 的工具栏 - 新增
useSchemaToolbarRender()
,代替原来的useDesigner()
- 更改
function SchemaSettings
变更为class SchemaSettings
,用于定义设置器 - 更改 原
SchemaSettings
变更为SchemaSettingsDropdown
- 更改
SchemaSettings.Item
变更为SchemaSettingsItem
- 更改
SchemaSettings.ItemGroup
变更为SchemaSettingsItemGroup
- 更改
SchemaSettings.SubMenu
变更为SchemaSettingsSubMenu
- 更改
SchemaSettings.Divider
变更为SchemaSettingsDivider
- 更改
SchemaSettings.Remove
变更为SchemaSettingsRemove
- 更改
SchemaSettings.SelectItem
变更为SchemaSettingsSelectItem
- 更改
SchemaSettings.CascaderItem
变更为SchemaSettingsCascaderItem
- 更改
SchemaSettings.SwitchItem
变更为SchemaSettingsSwitchItem
- 更改
SchemaSettings.ModalItem
变更为SchemaSettingsModalItem
- 更改
SchemaSettings.ActionModalItem
变更为SchemaSettingsActionModalItem
- 删除
x-designer
参数已废弃,将来会删除,使用x-toolbar
代替, - 删除
useDesigner()
已废弃,将来会删除,使用useSchemaToolbarRender()
代替
更多详情查看 NocoBase 0.17 的不兼容变化

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。
持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。
转载内容版权归作者及来源网站所有,本站原创内容转载请注明来源。
- 上一篇
如何在Web应用中添加一个JavaScript Excel查看器
前言 在现代的Web应用开发中,Excel文件的处理和展示是一项常见的需求。为了提供更好的用户体验和功能,经常需要在Web应用中添加一个JavaScript Excel查看器,小编今天将为大家展示如何借助葡萄城公司的纯前端表格控件——SpreadJS来创建一个Excel查看器。 项目结构 本项目将由三个文件构成:一个HTML文件、一个JavaScript文件以及一个CSS文件。 1.引入SpreadJS (1)本地文件引入 SpreadJS可以从我们的网站下载并导入到程序中。下载后,我们可以解压ZIP包并将JS和CSS文件复制到代码包中,特别是这些文件。 gc.spread.sheets.all.xx.x.x.min.js gc.spread.sheets.io.xx.x.x.min.js gc.spread.sheets.excel2013white.xx.x.x.css 将它们放入我们程序的文件夹后,我们可以在代码中引用它们: <link rel="stylesheet" type="text/css" href="./styles/gc.spread.sheets.exce...
- 下一篇
开源 OA 办公系统 — 勾股 OA 4.95.12 发布
勾股 OA 办公系统是一款简单实用的开源的企业办公系统。系统集成了系统设置、附件管理、人事管理、行政管理、消息管理、企业公告、知识库、审批流程设置、办公审批、日常办公、财务管理、客户管理、合同管理、项目管理、任务管理、知识库、附件管理等功能模块。系统简约,易于功能扩展,方便二次开发,可以用来做日常 OA,CRM,ERP,业务管理等系统。 勾股 OA v4.95.12 发布啦,主要更新了如下功能: 🔴更新日志: 1、修复:新增客户时归属部门无法选择更新的问题; 2、新增:系统页面水印功能,有效对信息防泄漏,可在系统配置中设置是否开启水印更能,默认开启; 3、新增:客户模块跟进记录列表,查看跟进信息更便捷; 4、优化:审批模块的请假、出差、外出、加班、用车等审批时长的计算,新的计算方式按照天计算,最小是0.5天; 5、修复:修改数据库备份报错问题; 6、修复:任务详情页前置任务界面错误问题; 7、修复:开票管理列表,标记为已开票操作报错问题; 8、优化:系统的安装流程体验; 9、新增:补充附件管理的遗漏的ppt,xls附件图标; 10、新增:更多的iconfont图标; 11、优化:附件...
相关文章
文章评论
共有0条评论来说两句吧...
文章二维码
点击排行
推荐阅读
最新文章
- 2048小游戏-低调大师作品
- Springboot2将连接池hikari替换为druid,体验最强大的数据库连接池
- CentOS8安装MyCat,轻松搞定数据库的读写分离、垂直分库、水平分库
- CentOS8编译安装MySQL8.0.19
- CentOS6,CentOS7官方镜像安装Oracle11G
- CentOS7,8上快速安装Gitea,搭建Git服务器
- SpringBoot2整合Thymeleaf,官方推荐html解决方案
- MySQL8.0.19开启GTID主从同步CentOS8
- SpringBoot2更换Tomcat为Jetty,小型站点的福音
- Red5直播服务器,属于Java语言的直播服务器