69 lines
1.6 KiB
JavaScript
69 lines
1.6 KiB
JavaScript
|
|
|
|
|
|
SV.registerLayout('Array', {
|
|
|
|
sourcesPreprocess(sources) {
|
|
const firstElement = sources[0];
|
|
|
|
if (firstElement.external) {
|
|
firstElement.headExternal = firstElement.external;
|
|
delete firstElement.external;
|
|
}
|
|
|
|
return sources;
|
|
},
|
|
|
|
defineOptions() {
|
|
return {
|
|
node: {
|
|
default: {
|
|
type: 'array-node',
|
|
label: '[id]',
|
|
size: [60, 30],
|
|
labelOptions: {
|
|
style: { fontSize: 20 }
|
|
},
|
|
style: {
|
|
stroke: '#333',
|
|
fill: '#95e1d3'
|
|
}
|
|
}
|
|
},
|
|
marker: {
|
|
headExternal: {
|
|
type: 'pointer',
|
|
anchor: 3,
|
|
style: {
|
|
fill: '#f08a5d'
|
|
}
|
|
},
|
|
external: {
|
|
type: 'pointer',
|
|
anchor: 0,
|
|
style: {
|
|
fill: '#f08a5d'
|
|
}
|
|
}
|
|
},
|
|
indexLabel: {
|
|
index: { position: 'bottom' },
|
|
indexRight: { position: 'right' }
|
|
}
|
|
};
|
|
},
|
|
|
|
layout(elements) {
|
|
let arr = elements;
|
|
|
|
for (let i = 0; i < arr.length; i++) {
|
|
let width = arr[i].get('size')[0];
|
|
|
|
if (i > 0) {
|
|
arr[i].set('x', arr[i - 1].get('x') + width);
|
|
}
|
|
}
|
|
}
|
|
});
|
|
|