/lowcode-ecology

lowcode engine antd plugins\setters、pro-components、formily materials

Primary LanguageTypeScriptMIT LicenseMIT

lowcode-ecology

阿里lowcode-engine生态项目,基于 antd 和 formily 组件库实现,包括 plugins、setters 和 materials。

开发

首先在项目根目录安装依赖:

// 根目录安装依赖
yarn bootstrap

setters 和 plugins 开发

直接到 packages/antd-setterspackages/antd-plugins 中开发即可。具体效果可以通过启动 demo 项目进行调试。

demo 项目基于 umi4 实现,配置 alias 指向 packages 里面的包,修改 packages 里面的代码可以实现热更新调试。

// 在 demo 目录或者项目根目录执行 yarn start 启动 demo,打开lcoalhost:8000即可访问
yarn start

Antd Materials

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"
      }
    }
  ]
}

Antd Pro 系列组件详细文档

Formily Materials

  1. 安装 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()
  1. 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"
      }
    }
  ]
}

Formily 物料详细文档

LICENSE

lowcode-ecology is open source software licensed as MIT.