channel-config 组件

$3

``
import { CableConnection } from '@etest/cable-connection';
ref={canvasRef}
deviceList={dataList}
setDeviceList={setDataList}
relationList={relationList}
setRelationList={setRelationList}
pushChange={pushChange}
onClickPinConfig={onClickPinConfig}
/>
`

$3

| 名称 | 类型 | 是否必选 | 描述 |
| --- | --- | --- | --- |
| deviceList | Device[] | 否 | 线缆容器组 |
| setDeviceList | (Device:[])=>void | 否 | 设置线缆容器组数据 |
| relationList | Relation[] | 否 | 线缆连接关系 |
| setRelationList | (Relation:[])=>void | 否 | 设置线缆连接关系 |
| onChange | ({deviceList?: Device[], relationList?: Relation[] })=>void | 否 | 线缆容器组位置发生变化，或者线缆连接关系发生变化的回调 |
| onClickPinConfig | ()=>void | 否 | 当点击引脚配置的时候的回调 |

$3

| 名称 | 类型 | 描述 |
| ----- | ---------------------------- | --------------------------- |
| id | string | 此条线缆关联关系 id |
| start | {id:string,type:AdapterEnum} | 线缆关系的起点类型和线缆 id |
| end | {id:string,type:AdapterEnum} | 线缆关系的终点类型和线缆 id |

$3

| 名称 | 值 | 描述 |
| ------- | --------- | -------- |
| UUT | ‘uut’ | 被测设备 |
| TEST | ‘test’ | 测试设备 |
| ADAPTER | ‘adapter’ | 适配器 |

$3

| 名称 | 类型 | 描述 |
| ---- | ------------------------------ | ----------------------------------------- |
| tpye | AdapterEnum | 线缆容器类型 |
| top | number | 线缆容器位置的 top |
| left | number | 线缆容器位置的 left |
| list | Array<{id:string,name:string}> | 线缆信息集合，id：线缆 id，name：线缆名称 |

$3

`
const canvasRef = useRef<{ reDrawn: (relationList: Relation[]) => {} }>();
canvasRef.current?.reDrawn(resp?.data || []);

``