**表单模块提供的相关组件文档（域名可更换）：**

> [weapp.yunteams.cn/sp/form/components/FormSetting](https://weapp.yunteams.cn/sp/form/components/FormSetting)

## 1、EbFormSetting 单一表单设置组件

```typescriptreact
<CorsComponent
        app="@weapp/ebdform"
        compName="EbFormSetting"
        visible={visible}
          formData={{
            id: '', // 必填 formId   表单模块的表单id，非eb表单id
            objId: '', // 必填 eb表单id，2605基线后需要用objId做鉴权校验
            name:name, //非必填   表单名称
          }}
          onClose={closeFormSetting}
          onAfterSave={this.onAfterFormSettingSave}  //(id: any, value: any  ) =>void
          appId={appId}//必填  应用id
          formSettingParams={{}}//非必填   继承表单FormSetting组件的所有属性
    />
```

[图片附件未整合: ../../_assets/207654182595854336/001-1467f7fffd.png]

eg效果：

[图片附件未整合: ../../_assets/207654182595854336/002-3e55ee05f9.png]

## 2、EbFormManage 整个表单管理组件

> 暂无

eg效果：

[图片附件未整合: ../../_assets/207654182595854336/003-ce31689071.png]

## 3、FieldManager  字段管理组件

> 详细[https://weapp.yunteams.cn/sp/form/components/FieldManage](https://weapp.yunteams.cn/sp/form/components/FieldManage)
> 
> 含专项使用

```typescript

// terminal标识 专项--应用构建前台和后台参数
export enum TerminalEnum {
  backend = 'backend', // 后台预览
  front = 'front' // 专项
}

// 对外专项使用专项字段管理
     <CorsComponent
            weId={`${this.props.weId || ''}_rblgzk`}
            app="@weapp/ebdform"
            compName="FieldManager"
            singleCompName="FieldForm"
            appId={appId}
            formId={formId}
            terminal={TerminalEnum.front} // terminal标识
            visible={visible}
            fieldId={fieldId}
          />
```

eg：

[图片附件未整合: ../../_assets/207654182595854336/004-03d44bd712.png]
