|
|
@@ -123,6 +123,8 @@
|
|
|
<svg
|
|
|
class="l-icon btn"
|
|
|
aria-hidden="true"
|
|
|
+ @mouseenter="previewAlign(1,item.value)"
|
|
|
+ @mouseleave="recoverAlign"
|
|
|
@click="alignV(item.value)"
|
|
|
>
|
|
|
<use :xlink:href="item.icon"></use>
|
|
|
@@ -146,6 +148,8 @@
|
|
|
<svg
|
|
|
class="l-icon btn"
|
|
|
aria-hidden="true"
|
|
|
+ @mouseenter="previewAlign(2,item.value)"
|
|
|
+ @mouseleave="recoverAlign"
|
|
|
@click="align(item.value)"
|
|
|
>
|
|
|
<use :xlink:href="item.icon"></use>
|
|
|
@@ -169,6 +173,8 @@
|
|
|
<svg
|
|
|
class="l-icon btn"
|
|
|
aria-hidden="true"
|
|
|
+ @mouseenter="previewAlign(3,item.value)"
|
|
|
+ @mouseleave="recoverAlign"
|
|
|
@click="align2(item.value)"
|
|
|
>
|
|
|
<use :xlink:href="item.icon"></use>
|
|
|
@@ -997,6 +1003,23 @@ const aligns2 = [
|
|
|
},
|
|
|
];
|
|
|
|
|
|
+function previewAlign(type,alignValue) {
|
|
|
+ switch (type) {
|
|
|
+ case 1:
|
|
|
+ meta2d.alignNodesV(alignValue, meta2d.store.active)
|
|
|
+ break;
|
|
|
+ case 2:
|
|
|
+ align(alignValue)
|
|
|
+ break;
|
|
|
+ case 3:
|
|
|
+ align2(alignValue)
|
|
|
+ }
|
|
|
+ meta2d.render()
|
|
|
+}
|
|
|
+function recoverAlign() {
|
|
|
+ meta2d.undo()
|
|
|
+}
|
|
|
+
|
|
|
onBeforeMount(() => {
|
|
|
const d = meta2d.store.data as any;
|
|
|
if (!d.groups) {
|
Grnetsky