|
|
@@ -78,6 +78,7 @@ export default {
|
|
|
// 先清除所有高亮
|
|
|
this.graph.clearItemStates(node, 'searched');
|
|
|
if (
|
|
|
+ (model.fullLabel && model.fullLabel.indexOf(this.searchText) !== -1) ||
|
|
|
(model.label && model.label.indexOf(this.searchText) !== -1) ||
|
|
|
(model.id && model.id.indexOf(this.searchText) !== -1)
|
|
|
) {
|
|
|
@@ -171,9 +172,11 @@ export default {
|
|
|
outDiv.style.maxWidth = '320px';
|
|
|
outDiv.style.wordBreak = 'break-all';
|
|
|
const model = e.item.getModel();
|
|
|
+ // 显示完整名称，不受字数限制
|
|
|
+ const fullLabel = model.fullLabel || model.label || model.id || '未命名节点';
|
|
|
outDiv.innerHTML = `
|
|
|
<div>
|
|
|
- <div style="margin-bottom: 5px;font-weight: bold;">${model.label || model.id}</div>
|
|
|
+ <div style="margin-bottom: 5px;font-weight: bold;">${fullLabel}</div>
|
|
|
<span style="color:#666;font-size:12px;">${model.description || '暂无描述'}</span>
|
|
|
</div>`;
|
|
|
return outDiv;
|
|
|
@@ -261,10 +264,18 @@ export default {
|
|
|
const fill = hexToRgba(categoryColor, 0.2);
|
|
|
console.log(categoryColor);
|
|
|
|
|
|
+ // 处理标签文本截断
|
|
|
+ const fullLabel = node.label || node.id || '';
|
|
|
+ const maxLength = 8; // 最大显示字数
|
|
|
+ const displayLabel = fullLabel.length > maxLength
|
|
|
+ ? fullLabel.substring(0, maxLength) + '...'
|
|
|
+ : fullLabel;
|
|
|
+
|
|
|
// 保留 comboId 字段
|
|
|
const nodeData = {
|
|
|
id: node.id,
|
|
|
- label: node.label,
|
|
|
+ label: displayLabel, // 使用截断后的标签
|
|
|
+ fullLabel: fullLabel, // 保存完整标签用于tooltip
|
|
|
description: node.description,
|
|
|
size,
|
|
|
style: {
|
