搭贝插件介绍

爱搭贝
更新于2025-05-12

搭贝插件介绍

平台支持以下2类组件扩展

一、表单自定义插件

  • 表单组件
  • 表单按钮
image.png

二、列表自定义插件

  • 列表按钮
  • 列表项
image.png

如何上传插件？

  1. 首先进入应用工厂>扩展开发>组件管理。
  2. 点击右上角的新建自定义组件。
  3. 输入组件名称，注意组件名称是方便组件管理区分不同组件使用，不是组件实际渲染的组件标题。
  4. 选择组件类型 ，这里要选择正确的组件类型，如自定义表单组件时，在选中组件时只会筛选出组件类型为表单组件的组件。
  5. JS文件上传，上传组件必须是UMD规范打包的js文件，平台提供开发脚手架用于开发打包自定义组件。
image.png

如何自定义表单组件？

  1. 进入表单设计器
  2. 拖入自定义组件
  3. 配置自定义组件渲染的组件
image.png

如何自定义表单按钮？

  1. 进入表单设计器>表单设置>表单按钮
  2. 点击右上角的添加按钮
  3. 配置表单按钮，并选择要渲染的组件
image.png

如何自定义列表按钮？

  1. 进入表单设计器>列表设计
  2. 切换到列表设置，点击列表设置添加按钮
  3. 配置列表按钮，并选择要渲染的组件
image.png

如何自定义列表项？

  1. 进入表单设计器>列表设计
  2. 切换到列表字段，点击列表字段右侧的+按钮，新增自定义列
  3. 配置列表项，并选择要渲染的组件
image.png

如果开发自定义页面

  1. 进入应用工厂>新进表单，选择「自定义表单」
  2. 输入表单名称
  3. 附件上传自定义js(UMD)格式，可以先上传一个空内容的UMD文件，再用脚手架进行开发
image.png
image.png