@et-modules/cable-connection
TypeScript icon, indicating that this package has built-in type declarations

1.0.75 • Public • Published

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

Dependents (0)

Package Sidebar

Install

npm i @et-modules/cable-connection

Weekly Downloads

1

Version

1.0.75

License

ISC

Unpacked Size

117 kB

Total Files

45

Last publish

Collaborators

  • qcyue
  • zyy767746649
  • zhangyanyan-0606