@aliretail/react-materials-components/demo/SupplyRelationshipRatio/README.md

B 端物料组件库

---
title: SupplyRelationshipRatio-API
order: 3
category: UI
description: SupplyRelationshipRatio 组件描述
screenshot: https://gw.alicdn.com/imgextra/i2/O1CN01yW3hCD1M8CnqeKFlq_!!6000000001389-2-tps-90-90.png
---

零售云，供货关系比例设置弹窗

## API

| 参数名           | 说明           | 必填 | 类型   | 默认值       | 备注                 |
| ---------------- | -------------- | ---- | ------ | ------------ | -------------------- |
| maxRatio         | 最大比例值     | N    | number | 100          | 同步比例总和最大值   |
| columns          | 列表表头       | Y    | array  | --           |                      |
| value    | 弹窗内的所有表格展示的数据源     | Y    | array  | []           | 数组内每个值的格式{ channelId:string, dataSource:[], totalProportion: number },channelId 为对应列表的渠道，dataSource 为每个对应渠道的列表信息，totalProportion为同步比例总和  |
| ratioKey | value 中同步比例的 key | N | string | -- | 用于计算每个列表里面的同步比例总和，若不传则默认外部计算比例总和|
| warehouseName | 仓库名 | N | string | -- | 用于编辑的时候 |
| warehouseId | 仓库 Id | N | string | -- | 用于新增 |
| warehouseList | 仓库列表 | N | array | [] | 数组每个值为对象，需包含 lable,value |
| channelList | 渠道列表 | N | array | [] | 数据格式同 warehouseList |
| storeData | 店铺信息 | N | object | {} | 对象格式{[key]:array},key 为渠道 id，即选中渠道时返回的唯一值，array 为对应渠道的店铺列表数组，数组格式同 warehouseList |
| onWarehouseChange | 仓库变化回调 | Y | function | (val: string) => void | |
| onChannelChange | 渠道变化回调 | Y | function | (key: string, value:array) => void | 回调函数中有两个入参，一个是 key,渠道 id， 一个是 value, 是弹窗内的所有表格展示的数据源，value，需要外层设置 |
| onChange | value 变化回调 | Y | function | (val: string) => void | 若没传 ratioKey，需要在回调内处理下同步比例总和 |
| validatorChannel | 渠道变化校验 | N | function | (val: string, key: string) => boolen | 可选参数，val为变化的值，key为第几个，data为所有值，检验改变渠道时，选中的渠道是否可用,true 表示校验通过，可用，继续向下走，false 结束 |