|
@@ -34,8 +34,9 @@
|
|
<t-tree
|
|
<t-tree
|
|
class="flex-grow"
|
|
class="flex-grow"
|
|
ref="tree"
|
|
ref="tree"
|
|
|
|
+ activeMultiple
|
|
:data="data.tree"
|
|
:data="data.tree"
|
|
- v-model:actived="data.actived"
|
|
|
|
|
|
+ :actived="data.actived"
|
|
v-model:expanded="data.expanded"
|
|
v-model:expanded="data.expanded"
|
|
activable
|
|
activable
|
|
:expand-parent="true"
|
|
:expand-parent="true"
|
|
@@ -72,7 +73,7 @@
|
|
<span
|
|
<span
|
|
v-else
|
|
v-else
|
|
style="width: 100px"
|
|
style="width: 100px"
|
|
- @click="onActive(node.value)"
|
|
|
|
|
|
+ @click="onActive($event, node.value)"
|
|
@dblclick="ondblclick(node)"
|
|
@dblclick="ondblclick(node)"
|
|
@contextmenu="oncontextmenu($event,node)"
|
|
@contextmenu="oncontextmenu($event,node)"
|
|
>
|
|
>
|
|
@@ -244,6 +245,7 @@ onMounted(() => {
|
|
meta2d.on('click', getActived);
|
|
meta2d.on('click', getActived);
|
|
meta2d.on('paste', getActived);
|
|
meta2d.on('paste', getActived);
|
|
meta2d.on('layer', layerChange);
|
|
meta2d.on('layer', layerChange);
|
|
|
|
+ meta2d.on('active', getActived);
|
|
|
|
|
|
if (inTreePanel.timer) {
|
|
if (inTreePanel.timer) {
|
|
clearTimeout(inTreePanel.timer);
|
|
clearTimeout(inTreePanel.timer);
|
|
@@ -486,16 +488,35 @@ const calcElem = (node: Pen) => {
|
|
return elem;
|
|
return elem;
|
|
};
|
|
};
|
|
|
|
|
|
-const onActive = (value: any) => {
|
|
|
|
|
|
+const onActive = (e,value: any) => {
|
|
if (!value || value.endsWith('Layer')) {
|
|
if (!value || value.endsWith('Layer')) {
|
|
return;
|
|
return;
|
|
}
|
|
}
|
|
- const pen = meta2d.store.pens[value];
|
|
|
|
- meta2d.active([pen], true);
|
|
|
|
- if (!pen.calculative?.inView) {
|
|
|
|
- meta2d.gotoView(pen);
|
|
|
|
- meta2d.resize();
|
|
|
|
|
|
+
|
|
|
|
+ if(e.ctrlKey){
|
|
|
|
+ if(data.actived.includes(value)){
|
|
|
|
+ data.actived = data.actived.filter((item) => item !== value);
|
|
|
|
+ }else{
|
|
|
|
+ data.actived.push(value);
|
|
|
|
+ }
|
|
|
|
+ }else{
|
|
|
|
+ data.actived = [value];
|
|
}
|
|
}
|
|
|
|
+ if(data.actived.length > 1){
|
|
|
|
+ let pens = [];
|
|
|
|
+ data.actived.forEach((item) => {
|
|
|
|
+ pens.push(meta2d.store.pens[item]);
|
|
|
|
+ });
|
|
|
|
+ meta2d.active(pens, false);
|
|
|
|
+ }else{
|
|
|
|
+ const pen = meta2d.store.pens[value];
|
|
|
|
+ meta2d.active([pen], false);
|
|
|
|
+ if (!pen.calculative?.inView) {
|
|
|
|
+ meta2d.gotoView(pen);
|
|
|
|
+ meta2d.resize();
|
|
|
|
+ }
|
|
|
|
+ }
|
|
|
|
+
|
|
meta2d.render();
|
|
meta2d.render();
|
|
};
|
|
};
|
|
|
|
|
|
@@ -646,6 +667,7 @@ onBeforeUnmount(() => {
|
|
meta2d.off('click', getActived);
|
|
meta2d.off('click', getActived);
|
|
meta2d.off('paste', getActived);
|
|
meta2d.off('paste', getActived);
|
|
meta2d.off('layer', layerChange);
|
|
meta2d.off('layer', layerChange);
|
|
|
|
+ meta2d.off('active', getActived);
|
|
|
|
|
|
inTreePanel.timer = setTimeout(() => {
|
|
inTreePanel.timer = setTimeout(() => {
|
|
inTreePanel.value = false;
|
|
inTreePanel.value = false;
|