@bairong/antd-lowcode-materials v1.0.0-rc.42

antd-lowcode-materials

• 所有的原子组件

删除多余物料

1. yarn lowcode:dev 之后会生成 lowcode 目录
2. 删除 lowcode 目录中对应的物料文件夹以及 src/index.tsx 中物料的引用；

开发

1. 在根目录执行 yarn start
2. 进入 antd-lowcode-materials 目录，yarn lowcode:dev

发布

1. 首先进行构建:npm run lowcode:build
2. 发布组件:npm publish

这里我发布的组件是 my-material-demo。在发布之后我们就会有两个重要的文件：

• 低代码描述：https://unpkg.com/my-material-demo@0.1.0/build/lowcode/meta.js
• 组件代码：https://unpkg.com/my-material-demo@0.1.0/build/lowcode/render/default/view.js

我们也可以从 https://unpkg.com/my-material-demo@0.1.0/build/lowcode/assets-prod.json 找到我们的资产包描述。(需要在 build.lowcode.js 文件中把 baseUrl 地址 alifd.alicdn.com/npm 换成 unpkg.com 才可以访问)

{
  "packages": [
    {
      "package": "my-material-demo",
      "version": "0.1.0",
      "library": "BizComp",
      "urls": [
        "https://unpkg.com/my-material-demo@0.1.0/build/lowcode/render/default/view.js",
        "https://unpkg.com/my-material-demo@0.1.0/build/lowcode/render/default/view.css"
      ],
      "editUrls": [
        "https://unpkg.com/my-material-demo@0.1.0/build/lowcode/view.js",
        "https://unpkg.com/my-material-demo@0.1.0/build/lowcode/view.css"
      ],
      "advancedUrls": {
        "default": [
          "https://unpkg.com/my-material-demo@0.1.0/build/lowcode/render/default/view.js",
          "https://unpkg.com/my-material-demo@0.1.0/build/lowcode/render/default/view.css"
        ]
      },
      "advancedEditUrls": {}
    }
  ],
  "components": [
    {
      "exportName": "MyMaterialDemoMeta",
      "npm": {
        "package": "my-material-demo",
        "version": "0.1.0"
      },
      "url": "https://unpkg.com/my-material-demo@0.1.0/build/lowcode/meta.js",
      "urls": {
        "default": "https://unpkg.com/my-material-demo@0.1.0/build/lowcode/meta.js"
      },
      "advancedUrls": {
        "default": [
          "https://unpkg.com/my-material-demo@0.1.0/build/lowcode/meta.js"
        ]
      }
    }
  ],
}

使用

我们将刚刚发布的组件的 assets-prod.json 的内容放到 demo 的 src/universal/assets.json 中。

最好放到最后，防止因为资源加载顺序问题导致出现报错。 如图，新增 packages 配置

如图，新增 components 配置

这时候再启动 DEMO 项目，就会有新的低代码物料了。接下来就按照你们的需求，继续扩展物料吧。