1.0.75 • Published 12 months ago
Last release12 months ago
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 || []);