低代码引擎 - 数据源面板插件
配置页面的数据源。
一个 pluginProps 的例子
{
importPlugins: [],
exportPlugins: [],
formComponents: {},
tagSelector: () => {},
dataSourceTypes: [
{
type: 'mopen',
schema: {
type: 'object',
properties: {
options: {
type: 'object',
properties: {
uri: {
title: 'api',
},
v: {
title: 'v',
type: 'string',
},
appKey: {
title: 'appKey',
type: 'string',
},
},
},
},
},
},
],
}
使用预置的数据源类型
import {
DataSourceTypeFetch,
DataSourceTypeJsonp,
DataSourceTypeMtop,
} from '@alilc/lowcode-plugin-datasource-pane';
如何定制
定制数据源类型
类型定义
内置 fetch,mtop,jsonp 类型,支持传入自定义类型。
type DataSourceType = {
type: string;
optionsSchema: JSONSchema6
};
数据源类型需要在集团规范约束下扩展。目前只允许在 options 下添加扩展字段。
比如 mtop 类型,需要添加 options.v (版本)字段。
formily 组件
下钻
定制数据源信息展示标签
通过 renderDataSourceInfoTags 方法控制数据源的信息展示
(dataSourceConfig) => {
if (dataSourceConfig.type = 'fetch') {
return [{
type: 'primary',
content: dataSourceConfig.type
}];
}
}
定制导入插件
WIP
定制导出插件
WIP
事件钩子
依赖
- formily v2
- xstate
- manaco
- react-dnd
和之前版本的区别
- 支持导出并自定义导出插件
- 支持排序
- 支持信息标签
- 体验更好的对象参数编辑
- 支持字段配置表达式
贡献代码
欢迎提 MR
未来计划
参考