channel-config 组件

1、引入方式

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

2、参数

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

Relation

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

AdapterEnum

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

Device

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

ref 使用

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