feat: multi-node insert node

Author: SonyLeo

packages/canvas/container/src/components/CanvasMenu.vue

@@ -123,6 +123,13 @@ export default {
     const multiSelectMenus = ref([
       { name: '删除', code: 'multiDel' },
       { name: '复制', code: 'multiCopy' },
+      {
+        name: '插入',
+        items: [
+          { name: '向前', code: 'insert', value: 'top' },
+          { name: '向后', code: 'insert', value: 'bottom' }
+        ]
+      },
       {
         name: '添加父级',
         items: [

packages/canvas/container/src/container.ts

@@ -838,9 +838,22 @@ export const insertNode = (node, position = POSITION.IN, select = true) => {
 }
 
 export const addComponent = (data, position) => {
-  const { schema, parent } = getCurrent()
+  if (multiSelectedStates.value.length === 1) {
+    const { schema, parent } = getCurrent()
+
+    insertNode({ node: schema, parent, data }, position)
+  } else {
+    // 多选时，根据位置判断向上还是向下添加节点
+    const targetNode =
+      position === 'top'
+        ? multiSelectedStates.value[0]
+        : multiSelectedStates.value[multiSelectedStates.value.length - 1]
 
-  insertNode({ node: schema, parent, data }, position)
+    const node = targetNode.schema
+    const parent = useCanvas().getNodeWithParentById(targetNode.id)
+
+    insertNode({ node, parent, data }, position)
+  }
 }
 
 export const copyNode = (id) => {