@et-modules/cable-connection

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 || []);