edaplugin

使用方法

import edatool from 'edatool' createApp(App).use(edatool).mount('#app')

<EdaGraphic @complete="complete" :data="designData" :data-config="dataConfig" :dataType="dataType" :treeConfig="treeConfig" />

@complete 绘图完成函数 返回选中器件及base64图片 sheet名称等

data 传入的sheet页集合数组 并且显示

dataConfig 传入的基本配置

dataconfig = { /** 画布背景色 / backgroundColor = "#000000" layerName = '' /* 颜色配置 / color = { /* 默认线的颜色 / defaultLine: "#008000", /* 默认的文字颜色 / fontColor: "#000000", /* 默认选中颜色 / defaultSelectColor: "#FF44FF", /* 选中图形轮廓虚线颜色 / defaultDottedLineColor: "#FF44FF" } /* 字体 / font = 'Arial' /* 字体宽度 / defaultFontWidth = 0.1 /* 图形默认宽度 / defaultLineWidth = 1 /* 图形辨识属性 / shapeTypeName = 'className' /* 图形颜色属性 */ shapeColorName = 'color' inputTextConfig = { fontColor: "#FF9999", fontWidth: 0.1, } }

treeConfig 左侧树形结构数据显示配置 根据自身数据的结构配置

mentor

treeConfig = { /** 对象集合数据名称 / childrenName: ['compList'], /* sheet页名称 / leafName: 'sheet', /* 器件名称 */ nodeName: 'ref', }

altium

treeConfig = { /** 对象集合数据名称 / childrenName: ['comps'], /* sheet页名称 / leafName: 'name', /* 器件名称 */ nodeName: 'refName.text', }

const designData = ref([]) const dataType = 'altium' const dataConfig = reactive({ backgroundColor: "#000000" , layerName: '' , color: { defaultLine: "#008000", fontColor: "#000000", defaultSelectColor: "#FF44FF", defaultDottedLineColor: "#FF44FF" }, font: 'Arial', defaultFontWidth: 0.1, defaultLineWidth: 1, shapeTypeName: 'className', shapeColorName: 'color' , inputTextConfig: { fontColor: "#FF9999", fontWidth: 0.1, } }) const treeConfig = reactive({ // 对象集合数据名称 childrenName: ['comps'], // sheet页名称 leafName: 'name', // 器件名称 nodeName: 'refName.text' })