@cjmld5/lowcode-materials-antd-vue
v1.0.11
Published
ant design vue for lowcode-engine-vue
Downloads
2
Readme
lowcode-materials-antd-vue
一:简介
1.1 背景:
基于开源的低代码引擎:
lowcode-eingine(https://github.com/KNXCloud/lowcode-engine-vue)
基于开源的物料协议:
1:现有的物料实现方式是通过assets.json中定义元属性的方式来实现的。
2:已知的lowcode-engine的antdv物料库低代码描述实现,示例仓库(cjmld5/lowcode-material-ant-vue - 码云 - 开源中国 (gitee.com))(目前该开源仓库Icon和标签等组件有些bug,进一步修复中)
关于出码功能:目前不支持。
二:项目初始化
pnpm install
三:开发环境下的编译和热重载
pnpm start
生产环境下的类型检测与构建
pnpm build
生产环境下发布到npm,先build再发发布
npm publish --access public
引用物料
将npm包中的dist/assets.json中的以下两个节点:
1:packages下的节点
2:componets下的节点
复制至低代码环境的资产文件中,运行低代码引擎查看物料信息
低代码物料模块支持
基于ant-design-vue的物料支持
典型场景:添加ant-design-vue物料
2. 自定义物料
可自定义实现物料或者在现有的物料基础上组合实现物料,在构建工具生成资产信息后将资产信息放进低代码的资产文件中,就可以使用物料了。
2.1 迁移现有的ant-design-vue组件物料
1:访问组件总览 - Ant Design Vue (antdv.com),如Button
2:点击右侧的API查看相应的props属性,示例如下
3:在项目中添加组件文件夹