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

更改PCTree结构

Browse Source
This commit is contained in:
zhenggengtong 2022-02-17 22:08:05 +08:00
parent 99d466d195
commit 99d8db171c
6 changed files with 107 additions and 11608 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

6
demoV2/Layouter/PCTree.js
View File

@ -5,7 +5,7 @@ SV.registerLayout('PCTree', {
sourcesPreprocess(sources) { sourcesPreprocess(sources) {
sources[0].rootLabel = ['data', 'parent', 'fistChild']; sources[0].rootLabel = ['data', 'parent', 'firstChild'];
return sources; return sources;
}, },
@ -28,7 +28,7 @@ SV.registerLayout('PCTree', {
size: [60, 27], size: [60, 27],
style: { style: {
stroke: '#333', stroke: '#333',
fill: '#95e1d3' fill: '#00AF92'
} }
} }
}, },
@ -68,7 +68,7 @@ SV.registerLayout('PCTree', {
xInterval: 50 xInterval: 50
}, },
behavior: { behavior: {
dragNode: false dragNode: ['PCTreeNode']
} }
}; };
}, },

35
demoV2/demo2.html
View File

@ -124,6 +124,35 @@
type: 'PCTreeNode', type: 'PCTreeNode',
data: 1, data: 1,
}, },
{
id: 4,
data: 'b',
type: 'PCTreeHead',
parent: '0',
index: 1,
},
],
layouter: 'PCTree'
}
},
{
pctree:{
data:[
{
id: 1,
data: 'a',
type: 'PCTreeHead',
parent: '-1',
headNext: 'PCTreeNode#2',
index: 0,
root: true
},
{
id: 2,
type: 'PCTreeNode',
data: 1,
},
{ {
id: 4, id: 4,
data: 'b', data: 'b',
@ -135,8 +164,14 @@
{ {
id: 5, id: 5,
type: 'PCTreeNode', type: 'PCTreeNode',
next: 'PCTreeNode#6',
data: 2, data: 2,
}, },
{
id: 6,
data: 3,
type: 'PCTreeNode'
}
], ],
layouter: 'PCTree' layouter: 'PCTree'
} }

11629
dist/sv.js vendored
View File

File diff suppressed because one or more lines are too long

29
src/RegisteredShape/linkListNode.ts
View File

@ -1,3 +1,11 @@
/*
* @Author: your name
* @Date: 2022-01-26 01:58:25
* @LastEditTime: 2022-02-17 21:57:51
* @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \水功能c:\Users\13127\Desktop\最近的前端文件\可视化0126\StructV2\src\RegisteredShape\linkListNode.ts
*/
import { Util } from "../Common/util"; import { Util } from "../Common/util";
@ -36,8 +44,9 @@ export default Util.registerShape('link-list-node', {
draggable: true draggable: true
}); });
const style = (cfg.labelCfg && cfg.labelCfg.style) || {};
if (cfg.label) { if (cfg.label) {
const style = (cfg.labelCfg && cfg.labelCfg.style) || {};
group.addShape('text', { group.addShape('text', {
attrs: { attrs: {
x: width * (5 / 6), x: width * (5 / 6),
@ -53,6 +62,24 @@ export default Util.registerShape('link-list-node', {
}); });
} }
//节点没有后续指针时
if(!cfg.next){
group.addShape('text', {
attrs: {
x: width * (4 / 3),
y: height * ( 6 / 5),
textAlign: 'center',
textBaseline: 'middle',
text: '^',
fill: style.fill || '#000',
fontSize: 18,
cursor: cfg.style.cursor,
},
name: 'text',
draggable: true
});
}
return wrapperRect; return wrapperRect;
}, },

14
src/RegisteredShape/threeCellNode.ts
View File

@ -1,7 +1,7 @@
/* /*
* @Author: your name * @Author: your name
* @Date: 2022-01-18 20:42:31 * @Date: 2022-01-18 20:42:31
* @LastEditTime: 2022-01-26 01:59:47 * @LastEditTime: 2022-02-17 21:57:59
* @LastEditors: Please set LastEditors * @LastEditors: Please set LastEditors
* @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE * @Description: 打开koroFileHeader查看配置 进行设置: https://github.com/OBKoro1/koro1FileHeader/wiki/%E9%85%8D%E7%BD%AE
* @FilePath: \测试数据c:\Users\13127\Desktop\最近的前端文件\可视化源码-new\StructV2\src\RegisteredShape\treeCellNode.ts * @FilePath: \测试数据c:\Users\13127\Desktop\最近的前端文件\可视化源码-new\StructV2\src\RegisteredShape\treeCellNode.ts
@ -66,8 +66,9 @@ export default registerNode('three-cell', {
textAlign: 'center', textAlign: 'center',
textBaseline: 'middle', textBaseline: 'middle',
text: cfg.rootLabel[0], text: cfg.rootLabel[0],
fill: style.fill || '#000', fill: style.fill || '#bbb',
fontSize: style.fontSize || 16, fontSize: style.fontSize || 16,
fontStyle: 'italic',
cursor: cfg.style.cursor, cursor: cfg.style.cursor,
}, },
name: 'text', name: 'text',
@ -81,8 +82,9 @@ export default registerNode('three-cell', {
textAlign: 'center', textAlign: 'center',
textBaseline: 'middle', textBaseline: 'middle',
text: cfg.rootLabel[1], text: cfg.rootLabel[1],
fill: style.fill || '#000', fill: style.fill || '#bbb',
fontSize: style.fontSize || 16, fontSize: style.fontSize || 16,
fontStyle: 'italic',
cursor: cfg.style.cursor, cursor: cfg.style.cursor,
}, },
name: 'text', name: 'text',
@ -96,8 +98,9 @@ export default registerNode('three-cell', {
textAlign: 'center', textAlign: 'center',
textBaseline: 'middle', textBaseline: 'middle',
text: cfg.rootLabel[2], text: cfg.rootLabel[2],
fill: style.fill || '#000', fill: style.fill || '#bbb',
fontSize: style.fontSize || 16, fontSize: style.fontSize || 16,
fontStyle: 'italic',
cursor: cfg.style.cursor, cursor: cfg.style.cursor,
}, },
name: 'text', name: 'text',
@ -114,8 +117,9 @@ export default registerNode('three-cell', {
textAlign: 'center', textAlign: 'center',
textBaseline: 'middle', textBaseline: 'middle',
text: cfg.index, text: cfg.index,
fill: style.fill || '#000', fill: style.fill || '#bbb',
fontSize: style.fontSize || 16, fontSize: style.fontSize || 16,
fontStyle: 'italic',
cursor: cfg.style.cursor, cursor: cfg.style.cursor,
}, },
name: 'text', name: 'text',

2
src/View/reconcile.ts
View File

@ -174,7 +174,7 @@ export class Reconcile {
const prevLabel = prevItem.get('label'), const prevLabel = prevItem.get('label'),
label = item.get('label'); label = item.get('label');
if (prevLabel !== label) { if (String(prevLabel) !== String(label)) {
labelChangeModels.push(item); labelChangeModels.push(item);
} }
}); });