新增节点位置调整

@@ -41,21 +41,21 @@
             </template>
           </vue-flow-edit-menu>
         </vue-flow-edit-menu-group> -->
-        <vue-flow-edit-menu-group label="操作节点" value>
-          <!-- 注意 key 值的绑定 -->
-          <vue-flow-edit-menu
+        <vue-flow-edit-menu
             v-for="(value, key) in state.controlList"
             :key="key"
             :model="{ control: key, text: value.text, desc: value.desc }"
           >
             <template v-slot:content>
-              <div class="activity-menu">
-                <img :src="value.img" />
-                <span>{{ value.text }}</span>
-              </div>
+              <div v-if="key === 'flow'" style="border-left: 1px solid #e6e6e6; width: 2px; height: 35px; position: absolute; top: 10px;"></div>
+              <el-tooltip content="拖拽新增节点">
+                <div :class="['vue-flow-editor-toolbar-item']">
+                  <img style="width: 15px; height: 15px; margin-bottom: 0; margin-top: 3px;" :src="value.img" />
+                  <span style="font-size: 12px; transform: scale(0.8); margin-top: 2px;">{{ value.text }}</span>
+                </div>
+              </el-tooltip>
             </template>
           </vue-flow-edit-menu>
-        </vue-flow-edit-menu-group>
         <!-- <vue-flow-edit-menu-group
           v-for="(group, groupIndex) in state.menuData"
           :label="group.label"

@@ -3,7 +3,7 @@
         <slot name="content" :model="model">
             <span>{{model.label}}</span>
         </slot>
-        <i class="el-icon-rank" v-if="!hideArrow"></i>
+        <!-- <i class="el-icon-rank" v-if="!hideArrow"></i> -->
     </div>
 </template>
 

@@ -147,7 +147,6 @@ export default {
 
         return () => (
             <div class="vue-flow-editor-toolbar" style={styles.value}>
-
                 {targetToolbarButtons.value.map(item => (
                     <el-tooltip content={item.tip} key={item.key}>
                         <div class={[
@@ -155,7 +154,7 @@ export default {
                             {
                                 'vue-flow-editor-toolbar-item-disabled': !!item.isEnable && !item.isEnable()
                             }]}
-                             onClick={() => ((!item.isEnable || item.isEnable()) && item.handler())}>
+                            onClick={() => ((!item.isEnable || item.isEnable()) && item.handler())}>
                             <img src={TOOLBAR_IMAGE[item.icon]}/>
                             <span>{item.label || item.tip}</span>
                         </div>
@@ -165,4 +164,4 @@ export default {
             </div>
         )
     },
-}
\ No newline at end of file
+}

@@ -136,14 +136,15 @@ export default {
 
         return () => (
             <div class="vue-flow-editor" style={styles.value.root} v-loading={props.loading}>
-                <div class="vue-flow-editor-left" style={styles.value.left}>
+                {/* <div class="vue-flow-editor-left" style={styles.value.left}>
                     <vue-flow-editor-menu>
                         {!!context.slots.menu && context.slots.menu()}
                     </vue-flow-editor-menu>
-                </div>
+                </div> */}
                 <div class="vue-flow-editor-right">
                     <vue-flow-editor-toolbar style={styles.value.toolbar} canvasProps={canvasProps} toolbarButtonHandler={props.toolbarButtonHandler}>
                         {!!context.slots.toolbar && context.slots.toolbar()}
+                        {!!context.slots.menu && context.slots.menu()}
                     </vue-flow-editor-toolbar>
                     <vue-flow-editor-canvas data={canvasProps.data} grid={canvasProps.grid} miniMap={canvasProps.miniMap} key={String(editorState.canvasKey) + String(props.multipleSelect) + String(props.disabledDragEdge)}/>
                 </div>