chenxiaopei/StructV2
1
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

fix: 修复多个free节点显示的bug

Browse Source
This commit is contained in:
黎智洲 2021-08-24 23:53:43 +08:00
parent 324a085867
commit 80e761a57e
6 changed files with 42 additions and 43 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
demoV2/Layouter/LinkList.js
View File

@ -58,7 +58,7 @@ SV.registerLayouter('LinkList', {
}, },
marker: { marker: {
rootExternal: { rootExternal: {
type: 'cursor', type: 'pointer',
anchor: 6, anchor: 6,
offset: 8, offset: 8,
style: { style: {
@ -66,7 +66,7 @@ SV.registerLayouter('LinkList', {
} }
}, },
external: { external: {
type: 'cursor', type: 'pointer',
anchor: 0, anchor: 0,
offset: 8, offset: 8,
style: { style: {

2
demoV2/Layouter/LinkStack.js
View File

@ -20,7 +20,7 @@
element: { element: {
default: { default: {
type: 'link-list-node', type: 'link-list-node',
label: '[data]', label: '[id]',
size: [60, 30], size: [60, 30],
style: { style: {
stroke: '#333', stroke: '#333',

29
demoV2/demo2.html
View File

@ -88,22 +88,31 @@
let data = [{ let data = [{
"LinkStack0": { "LinkStack1": {
"data": [ "data": [
{ id: 6, next: 7 }, {
{ id: 7, next: 8, freed: true }, "id": 0,
{ id: 8, external: 'h', data: '66' } external: 'gg'
}
], ],
"layouter": "LinkList" "layouter": "LinkStack"
} }
}, { }, {
"LinkStack0": { "LinkStack1": {
"data": [ "data": [
{ id: 6, next: 7 }, {
{ id: 7, next: 8, freed: true }, "id": 0
{ id: 8, freed: true, external: 'h' } },
{
"id": 1,
"freed": true,
},
{
"freed": true,
"id": 2
}
], ],
"layouter": "LinkList" "layouter": "LinkStack"
} }
}]; }];

2
dist/sv.js vendored
View File

File diff suppressed because one or more lines are too long

2
src/RegisteredShape/pointer.ts
View File

@ -20,7 +20,7 @@ export default G6.registerNode('pointer', {
x: 0, x: 0,
y: 0, y: 0,
text: cfg.label, text: cfg.label,
fill: style.fill || '#fafafa', fill: null,
radius: 2 radius: 2
}, },
name: 'bgRect' name: 'bgRect'

44
src/View/viewManager.ts
View File

@ -89,41 +89,31 @@ export class ViewManager {
private getFreedModelList(prevLayoutGroupTable: LayoutGroupTable, layoutGroupTable: LayoutGroupTable): Model[] { private getFreedModelList(prevLayoutGroupTable: LayoutGroupTable, layoutGroupTable: LayoutGroupTable): Model[] {
let freedElements: Element[] = [], let freedElements: Element[] = [],
freedMarkers: Marker[] = [], freedMarkers: Marker[] = [],
freedGroup: LayoutGroup = null, removeModels: Model[] = [],
freedGroupName: string = null, freedGroupName: string;
removeModels: Model[] = [];
layoutGroupTable.forEach((group, key) => { layoutGroupTable.forEach((group, key) => {
let targetElements: Element[] = group.element.filter(item => item.freed), let targetElements: Element[] = group.element.filter(item => item.freed);
newFreedNode = null;
// 找出最新的freed节点（防止上一次的freed节点被遗留在该次渲染，此时会出现大于一个freed节点） targetElements.forEach(fItem => {
targetElements.forEach(item => {
if (this.prevFreedElements.find(prevEle => prevEle.id === item.id) === undefined) {
newFreedNode = item;
}
});
if (targetElements.length) {
freedGroupName = key;
freedElements = [newFreedNode];
}
});
freedGroup = layoutGroupTable.get(freedGroupName);
freedElements.forEach(fItem => {
removeModels.push( removeModels.push(
...Util.removeFromList(freedGroup.element, item => item.id === fItem.id), ...Util.removeFromList(group.element, item => item.id === fItem.id),
...Util.removeFromList(freedGroup.link, item => item.element.id === fItem.id || item.target.id === fItem.id), ...Util.removeFromList(group.link, item => item.element.id === fItem.id || item.target.id === fItem.id),
...Util.removeFromList(freedGroup.marker, item => item.target.id === fItem.id), ...Util.removeFromList(group.marker, item => item.target.id === fItem.id),
); );
}); });
removeModels.map(model => { removeModels.map(model => {
Util.removeFromList(freedGroup.modelList, item => item.id === model.id); Util.removeFromList(group.modelList, item => item.id === model.id);
});
// 找出最新的freed节点（防止上一次的freed节点被遗留在该次渲染，此时会出现大于一个freed节点）
targetElements.forEach(item => {
if (this.prevFreedElements.find(prevEle => prevEle.id === item.id) === undefined) {
freedGroupName = key;
freedElements.push(item);
}
});
}); });
freedElements.map(item => { freedElements.map(item => {