阿里lowcode-engine生态项目，基于 antd 和 formily 组件库实现，包括 plugins、setters 和 materials。
首先在项目根目录安装依赖：
// 根目录安装依赖
yarn直接到 packages/antd-setters 和 packages/antd-plugins 中开发即可。具体效果可以通过启动 demo 项目进行调试。
demo 项目基于 umi4 实现，配置 alias 指向 packages 里面的包，修改 packages 里面的代码可以实现热更新调试。
// 在 demo 目录或者项目根目录执行 yarn start 启动 demo，打开lcoalhost:8000即可访问
yarn start在 assets.json 文件注册物料：
{
"packages": [
{
"package": "@seada/antd-materials",
"version": "0.1.1",
"library": "SeadaAntdMaterials",
"urls": [
"https://unpkg.com/@seada/antd-materials@latest/build/lowcode/view.js",
"https://unpkg.com/@seada/antd-materials@latest/build/lowcode/view.css"
],
"editUrls": [
"https://unpkg.com/@seada/antd-materials@latest/build/lowcode/view.js",
"https://unpkg.com/@seada/antd-materials@latest/build/lowcode/view.css"
]
}
],
"components": [
{
"exportName": "SeadaAntdMaterialsMeta",
"npm": {
"package": "@seada/antd-materials",
"version": "0.1.1"
},
"url": "https://unpkg.com/@seada/antd-materials@latest/build/lowcode/meta.js",
"urls": {
"default": "https://unpkg.com/@seada/antd-materials@latest/build/lowcode/meta.js"
}
}
]
}- 安装 Formily Plugin
// formily相关依赖
npm install @formily/core @formily/react antd moment @formily/antd
// plugin
npm install @seada/antd-plugins使用插件
import { PluginFormily } from '@seada/antd-plugins'
import { plugins } from '@alilc/lowcode-engine'
async function registerFormilyPlugins() {
await plugins.register(PluginFormily)
}
registerFormilyPlugins()- 在 assets.json 文件注册物料：
{
"packages": [
{
"package": "@seada/formily-materials",
"version": "0.1.1",
"library": "SeadaFormilyMaterials",
"urls": [
"https://unpkg.com/@seada/formily-materials@latest/build/lowcode/view.js",
"https://unpkg.com/@seada/formily-materials@latest/build/lowcode/view.css"
],
"editUrls": [
"https://unpkg.com/@seada/formily-materials@latest/build/lowcode/view.js",
"https://unpkg.com/@seada/formily-materials@latest/build/lowcode/view.css"
]
}
],
"components": [
{
"exportName": "SeadaFormilyMaterialsMeta",
"npm": {
"package": "@seada/formily-materials",
"version": "0.1.1"
},
"url": "https://unpkg.com/@seada/formily-materials@latest/build/lowcode/meta.js",
"urls": {
"default": "https://unpkg.com/@seada/formily-materials@latest/build/lowcode/meta.js"
}
}
]
}
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent