# MAssociateList 事项列表

- 来源：[E10 UI 组件库](https://www.e-cology.com.cn/ui/mobile/associate-list/freepass)
- 平台：移动端
- 维护者：熊相超
- 设计稿：http://pd.e-cology.com.cn/pd/E10/interface/e10xiaoguotu/PC/E10zjys/#s40
- Issue：http://gitlab.ecology10.cn/FRONTEND/weapp-ui/-/issues?state=all&search=[AssociateList]

## 代码演示

### 使用方法

基础使用方法

```jsx
import { MAssociateList } from "@weapp/ui";
import { FC } from "react";

const AssociateListDemo: FC<any> = (props) => {
  return (
    <MAssociateList
     
      module="workflow"
      targetId="825147996072517633"
      objectModule="workflow/core"
    />
  )
}

export default AssociateListDemo;
```

## API

### 参数说明如下：

| 参数 | 说明 | 类型 | 是否必填 | 默认值 |
| --- | --- | --- | --- | --- |
| module | 模块标识 | string | 是 | - |
| targetId | 事项id | string | 是 | - |
| onMenuChange | 事项id | (value: string, item: object, e: React.MouseEvent<Element, MouseEvent>) => void | 否 | - |
| menuProps | 顶部菜单参数 | MMenuProps | 否 | - |
| listProps | 列表参数 | MListProps | 否 | - |
| loginFree | 下载接口是否免登录 | boolean | 否 | - |
| objectModule | 数据查询接口拼接路由 | string | 否 | - |
| associateUrl | 自定义关联接口 | string | 否 | - |
| associateParams | 自定义关联接口传参 | any | 否 | - |
| relevanceUrlParams | 自定义关联数据接口传参 | any | 否 | - |
| browserProps | 浏览按钮Props | MBrowserProps \| ((data: any) => MBrowserProps) | 否 | - |
| uploadProps | 附件上传Props | MUploadProps \| ((data: any) => MUploadProps) | 否 | - |
| iconMapping | 自定义模块图标 | Record<string, IconNames> | 否 | - |
| fileOptionBlacklist | 附件操作按钮黑名单 | string[] | 否 |  |
