#### 1、选择e-Builder应用浏览按钮

> type="app" module="ebuilder/app"

###### 参数说明

| 参数 | 类型 | 是否必填 | 说明 |
| --- | --- | --- | --- |
| publishStatus | string | 否 | 应用类别：全部应用 (发布+未发布)：ALL；已发布："" 空 |

```typescript
 <Browser
      weId={`${this.props.weId || ''}_dhakts`}
      type="app"
      module="ebuilder/app"
     // dataParams={{ publishStatus: 'ALL' }}
     // completeParams={{ publishStatus: 'ALL' }}
    //  propParams={{ publishStatus: 'ALL' }}
     // historyParams={{ publishStatus: 'ALL' }}
      commonParams= {{ publishStatus: 'ALL' }}
/>
```

#### 2、选择e-Builder表单浏览按钮

> type="ebuilderForm" module="ebuilder/form"

###### 参数说明

| 参数 | 类型 | 是否必填 | 说明 |
| --- | --- | --- | --- |
| appId | string | 否 | 应用id（不传则获取所有应用表单） |
| includeVform | string | 否 | 是否需要虚拟表单，不需要可以不给，1是包含查询虚拟表 |
| tableType | physical   （物理表） 、vForm（虚拟表） | 否 | 过滤表单类型 |

```typescript
<Browser
     weId={`${this.props.weId || ''}_dhakts`}
     type="ebuilderForm"
     module="ebuilder/form"
     commonParams={{ appId: '602502801171496961', includeVform: '1'}}
    />
```

##### 2.1 **支持应用- 表单模式**（支持版本：240601基线+）

> \*\*参数添加isTree即可支持左侧应用，右侧表单模式。\*\*
> 
> **a****ppId 给的情况下只查询当前应用，不给则查所有应用**

```typescript
const params = { appId: '602502801171496961', includeVform: '1', isTree: true };

<Browser
     weId={`${this.props.weId || ''}_dhakts`}
     type="ebuilderForm"
     module="ebuilder/form"
    commonParams={params}

    />
```

[图片附件未整合: _assets/917871083060543488/001-4c719ca3c2.png]

#### 3、选择e-Builder表单数据浏览按钮

> \*此浏览按钮默认显示全部列，通过表单设计器的一套formParam方式可以控制显示列

> type="ebuilder" module="ebuilder/form"

###### 参数说明

| 参数 | 类型 | 是否必填 | 说明 |
| --- | --- | --- | --- |
| formParam | string | 是（是具体一个表单字段时，必须要传，如果使用第二个参数或者第三个参数时可以不传） | 例子："{\\"fieldId\\":\\"1021772805669068800\\",\\"module\\":\\"ebuilderform\\"\]}" fieldId是实际表单中的字段id，module是字段所在模块，根据实际情况传递 |
| objId | string | 否（当不是一个表单字段时，只有表单id时传递，该参数比较简单，只能作为简单的查询数据使用） | eb表单的表单id(注意：该参数查询不会校验权限) |
| ebBrowserForEditParam | json对象 | 否（扩展参数） | ebBrowserForEditParam：{“objId”:xxxx,”showTitle”:”xxxx”,”showColumns”:\[“xxxx“,”xxx2”\]},objId是查询的表单id，showTitle是标题栏字段id，showColumns是显示列设置，传字段id集合 |
| forFilter | string | 否 | 传“1”查询所有数据，注意使用避免越权 |

```typescript
 <Browser
  weId={`${this.props.weId || ''}_dmzw7b`}
  type="ebuilder"
  module="ebuilder/form"   //独立部署情况下module为“ebuilder$appId$/form”   
  commonParams={{ ebBrowserForEditParam:{objId:xxx,showTitle:"xxxx",showColumns:["xxx","xxxxx"]}}}
  />

独立部署理解：
module :  weappUtils.isEbRuntimeApp?.(appId)  ?  "ebuilder$appId$/form"  :"ebuilder/form"
```

#### 4、选择e-Builder表单字段浏览按钮

> type="ebuilderField" module="ebuilder/form"

###### 参数说明

| 参数 | 类型 | 是否必填 | 说明 |
| --- | --- | --- | --- |
| objId | string | 是 | eb表单的表单id |
| needDetailFields | boolean | 否 | 是否需要明细表字段，默认为false |
| inComponentKeys | String | 否 | 查询指定字段类型的字段 |
| filterComponentKeys | string | 否 | 过滤指定字段类型 |
| onlyTextField | boolean | 否 | 只查询文本类型字段（包含id字段） |
| onlySingleSelect | boolean | 否 | 只查询单选字段 |
| hrmType | string | 否 | 1、employee：查询人员类型字段<br>2、department：查询部门类型字段<br>3、employee\_department：查询人员加部门类型字段<br>4、subcompany：查询分部类型字段 |
|  |  |  |  |

```typescript
<Browser
         weId={`${this.props.weId || ''}_z923er`}
         type="ebuilderField"
         module="ebuilder/form"
         commonParams={{ objId: '744703632234430465' }}
      />
```

#### 5、选择e-Builder表单布局浏览按钮

> type= 'ebuilderFormLayout' module='ebuilder/form'

###### 参数说明

| 参数 | 类型 | 是否必填 | 说明 |
| --- | --- | --- | --- |
| objId | string | 是 | eb表单的表单id |
|  |  |  |  |

```typescript
 <Browser
    weId={`${this.props.weId || ''}_z923er`}
    type= 'ebuilderFormLayout'
    module='ebuilder/form'
    //dataParams={{ objId: '744703632234430465' }}
   // completeParams={{ objId: '744703632234430465' }}
      commonParams={{ objId: '744703632234430465' }}
/>
```

#### 6、选择e-Builder应用视图浏览按钮

> type= 'ebuilderViewList' module='ebuilder/form'

###### 参数说明

| 参数 | 类型 | 是否必填 | 说明 |
| --- | --- | --- | --- |
| appId | string | 是 | eb应用Id |
|  |  |  |  |

```typescript
<Browser
    type= 'ebuilderViewList'
    module='ebuilder/form'
    dataParams={{ appId: '602502801171496961' }}
    completeParams={{ appId: '602502801171496961' }}
/>

/********************占用视图**************************/
<Browser
    type= 'ebuilderViewList'
    module='ebuilder/form'
    dataParams={{ appId: '602502801171496961'，viewType："occupyView" }}
    completeParams={{ appId: '602502801171496961'，viewType："occupyView" }}
   
/>

/****************各个视图的参数类型**********/
viewType：

 /**
     * 表格
     */
    tableView("tableView",56224L,"表格视图"),

    /**
     * 日历
     */
    calendarView("calendarView",55794L,"日历"),

    /**
     * 思维导图
     */
    mindMapView("mindMapView",55988L,"思维导图"),

    /**
     * 占用视图
     */
    occupyView("occupyView",94012L,"占用视图"),

    /**
     * 看板视图
     */
    kanbanView("kanbanView",55974L,"看板视图"),
```

#### 7、选择e-Builder表单动作流

> type: 'ebuilderScene' module: 'ebuilder/form'

###### 参数说明

| 参数 | 类型 | 是否必填 | 说明 |
| --- | --- | --- | --- |
| objId | string | 是 | 表单id |
|  |  |  |  |

```typescript
<Browser
   type= 'ebuilderScene'
    module='ebuilder/form'
    dataParams={{ status: 1,appId: '744703632234430465' }}
    completeParams={{ status: 1,appId: '744703632234430465' }}
/>
```

#### 8、选择e-Builder表单按钮的浏览按钮

> type= 'ebuilderButton' module='ebuilder/form'

###### 参数说明

| 参数 | 类型 | 是否必填 | 说明 |
| --- | --- | --- | --- |
| objId | string | 是 | eb表单的表单id |
|  |  |  |  |

```typescript
 <Browser
    type= 'ebuilderButton'
    module='ebuilder/form'
    dataParams={{ objId: '744703632234430465' }}
    completeParams={{ objId: '744703632234430465' }}

/>
```

#### 9、选择e-Builder表单数据浏览按钮（表单数据聚合）

> type= 'ebuilderMatter' module='ebuilder/form'

> **注意：后台开启了关联事项才可以选到**
> 
> ###### 参数说明
> 
> | 参数 | 类型 | 是否必填 | 说明 |
> | --- | --- | --- | --- |
> | includeVform | string | 否 | eb表单的表单id |
> |  |  |  |  |

```typescript
 <Browser
          weId={`${this.props.weId || ''}_fz4fnh`}
          type="ebuilderMatter"
          module="ebuilder/form"
          commonParams={{ includeVform: '1' }}
        />
```

[图片附件未整合: _assets/917871083060543488/002-c6269fa7c0.png]
