From 267cf35e872d4d4b6d39625f6fbfba9653b0c2bd Mon Sep 17 00:00:00 2001
From: cjc <431909623@qq.com>
Date: Sun, 31 Jul 2022 10:25:47 +0800
Subject: [PATCH] =?UTF-8?q?=E4=BF=AE=E6=94=B9=E8=BE=B9=E4=B8=8D=E8=83=BD?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=9D=83=E5=80=BC=E7=9A=84bug=EF=BC=88?=
 =?UTF-8?q?=E5=92=8C=E9=87=8A=E6=94=BE=E6=8C=87=E9=92=88=E6=97=B6=E5=9C=A8?=
 =?UTF-8?q?=E8=BE=B9=E4=B8=8A=E6=98=BE=E7=A4=BAfree=E8=BF=99=E4=B8=AAbug?=
 =?UTF-8?q?=E5=86=B2=E7=AA=81=EF=BC=8C=E5=BE=85=E8=A7=A3=E5=86=B3=EF=BC=89?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/Model/SVLink.ts           | 20 ++++++++++++++------
 src/Model/modelConstructor.ts | 22 +++++++++++++++++-----
 src/View/animation.ts         |  8 +++++---
 3 files changed, 36 insertions(+), 14 deletions(-)

diff --git a/src/Model/SVLink.ts b/src/Model/SVLink.ts
index 5ec776d..435b2d3 100644
--- a/src/Model/SVLink.ts
+++ b/src/Model/SVLink.ts
@@ -7,6 +7,7 @@ import { SVNode } from './SVNode';
 export class SVLink extends SVModel {
 	public node: SVNode;
 	public target: SVNode;
+  public label: string; //边的权值
 	public linkIndex: number;
 
 	public shadowG6Item: IEdge;
@@ -23,15 +24,19 @@ export class SVLink extends SVModel {
 		node: SVNode,
 		target: SVNode,
 		index: number,
-		options: LinkOption
+		options: LinkOption,
+    label: string,
 	) {
 		super(id, type, group, layout, 'link');
 
+    console.log(id);
+    
 		this.node = node;
 		this.target = target;
 		this.nodeId = node.id;
 		this.targetId = target.id;
 		this.linkIndex = index;
+    this.label = label; //边的权值
 
 		node.links.outDegree.push(this);
 		target.links.inDegree.push(this);
@@ -49,11 +54,14 @@ export class SVLink extends SVModel {
 		if (options.targetAnchor && typeof options.targetAnchor === 'function' && this.linkIndex !== null) {
 			targetAnchor = options.targetAnchor(this.linkIndex);
 		}
+    let labelCfg = this.label? { position: 'middle', autoRotate: true, refY: 7, style: { fontSize: 20, opacity: 0.8 } }
+    : Util.objectClone<LinkLabelOption>(options.labelOptions || ({} as LinkLabelOption));
+    
 
-		let label = this.target.sourceNode.freed ? 'freed' : '',
-			labelCfg = this.target.sourceNode.freed
-				? { position: 'start', autoRotate: true, refY: 7, style: { fontSize: 11, opacity: 0.8 } }
-				: Util.objectClone<LinkLabelOption>(options.labelOptions || ({} as LinkLabelOption));
+		// let label = this.target.sourceNode.freed ? 'freed' : '',
+		// 	labelCfg = this.target.sourceNode.freed
+		// 		? { position: 'start', autoRotate: true, refY: 7, style: { fontSize: 11, opacity: 0.8 } }
+		// 		: Util.objectClone<LinkLabelOption>(options.labelOptions || ({} as LinkLabelOption));
 
 		return {
 			id: this.id,
@@ -62,7 +70,7 @@ export class SVLink extends SVModel {
 			target: this.target.id,
 			sourceAnchor,
 			targetAnchor,
-			label,
+			label:this.label,
 			style: Util.objectClone<Style>(options.style),
 			labelCfg,
 			curveOffset: options.curveOffset,
diff --git a/src/Model/modelConstructor.ts b/src/Model/modelConstructor.ts
index be73d4b..a3c623e 100644
--- a/src/Model/modelConstructor.ts
+++ b/src/Model/modelConstructor.ts
@@ -169,8 +169,10 @@ export class ModelConstructor {
 			linkNames = Object.keys(linkOptions);
 
 		linkNames.forEach(name => {
+      
 			for (let i = 0; i < nodes.length; i++) {
 				let node: SVNode = nodes[i],
+        value,
 					sourceLinkData: sourceLinkData = node.sourceNode[name],
 					targetNode: SVNode | SVNode[] = null,
 					link: SVLink = null;
@@ -183,11 +185,18 @@ export class ModelConstructor {
 				//  ------------------- 将连接声明字段 sourceLinkData 从 id 变为 SVNode -------------------
 				if (Array.isArray(sourceLinkData)) {
 					node[name] = sourceLinkData.map((item, index) => {
+            // 提取权值
+            if (typeof item === 'string' && item.includes('/')) {
+              value = item.split('/')[1];
+              item = item.split('/')[0];
+            }
+            
 						targetNode = this.fetchTargetNodes(layoutGroupTable, node, item);
 						let isGeneralLink = ModelConstructor.isGeneralLink(sourceLinkData.toString());
-
+            
 						if (targetNode) {
-							link = this.createLink(name, group, layout, node, targetNode, index, linkOptions[name]);
+							link = this.createLink(name, group, layout, node, targetNode, index, linkOptions[name],value);
+              
 							linkList.push(link);
 						}
 
@@ -198,7 +207,7 @@ export class ModelConstructor {
 					let isGeneralLink = ModelConstructor.isGeneralLink(sourceLinkData.toString());
 
 					if (targetNode) {
-						link = this.createLink(name, group, layout, node, targetNode, 0, linkOptions[name]);
+						link = this.createLink(name, group, layout, node, targetNode, 0, linkOptions[name],value);
 						linkList.push(link);
 					}
 
@@ -379,7 +388,8 @@ export class ModelConstructor {
 		node: SVNode,
 		target: SVNode,
 		index: number,
-		options: LinkOption
+		options: LinkOption,
+    label: string
 	): SVLink {
     let id;
     // 如果数据结构是图，则不需要index来区分是哪条边
@@ -388,7 +398,7 @@ export class ModelConstructor {
     } else {
       id = `${linkName}{${node.id}-${target.id}}#${index}`;
     }
-		return new SVLink(id, linkName, group, layout, node, target, index, options);
+		return new SVLink(id, linkName, group, layout, node, target, index, options,label);
 	}
 
 	/**
@@ -428,6 +438,8 @@ export class ModelConstructor {
 			return null;
 		}
 
+
+
 		if (typeof linkTarget === 'number' || (typeof linkTarget === 'string' && !linkTarget.includes('#'))) {
 			linkTarget = 'default#' + linkTarget;
 		}
diff --git a/src/View/animation.ts b/src/View/animation.ts
index 09dc2d0..91017a6 100644
--- a/src/View/animation.ts
+++ b/src/View/animation.ts
@@ -17,7 +17,7 @@ export const Animations = {
 	 * @param animationConfig
 	 */
 	APPEND(G6Item: Item, animationConfig: animationConfig) {
-		const type = G6Item.getType(),
+		const type = G6Item.getType(), 
 			group = G6Item.getContainer(),
 			Mat3 = Util.mat3,
 			animateCfg = {
@@ -27,12 +27,14 @@ export const Animations = {
 			};
 
 		if (type === 'node') {
-			let matrix = group.getMatrix(),
+			let matrix = group.getMatrix(), 
 				targetMatrix = Mat3.clone(matrix);
 
-			Mat3.scale(matrix, matrix, [0, 0]);
+      // 让结点大小从0到1出现
+			Mat3.scale(matrix, matrix, [0, 0]);//第一个参数的matrix是你要更改的矩阵,第二个参数是更改之后的新矩阵,第三个参数就是缩放系数，分别对应xy
 			Mat3.scale(targetMatrix, targetMatrix, [1, 1]);
 
+      // 让结点透明度从0到1
 			group.attr({ matrix, opacity: 0 });
 			group.animate({ matrix: targetMatrix, opacity: 1 }, animateCfg);
 		}