diff --git a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
index 54eef62..dba279b 100644
--- a/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
+++ b/src/components/Canvas/FlowCanvas/components/nodes/result-image.vue
@@ -48,7 +48,7 @@
default: () => ({})
}
})
- const emit = defineEmits(['delete-node', 'copy-node'])
+ const emit = defineEmits(['delete-node', 'copy-node', 'bring-to-font', 'send-to-back', 'flip-horizontal', 'flip-vertical'])
const attrs = useAttrs()
const showHeader = ref(!!attrs.node?.data?.isHeader)
const showMenu = ref(false)
@@ -73,8 +73,8 @@
{ label: 'Bring to font', tip: '', on: () => {} },
{ label: 'Send to back', tip: '', on: () => {} },
{ isDivide: true },
- { label: 'Flip horizontal', tip: '', on: () => {} },
- { label: 'Flip vertical', tip: '', on: () => {} }
+ { label: 'Flip horizontal', tip: '', on: () => {emit('flip-horizontal')} },
+ { label: 'Flip vertical', tip: '', on: () => {emit('flip-vertical')} }
])
const onMenuItem = (v) => {
if (v.disabled) return
diff --git a/src/components/Canvas/FlowCanvas/flow-canvas.vue b/src/components/Canvas/FlowCanvas/flow-canvas.vue
index 3f50a74..ec6c600 100644
--- a/src/components/Canvas/FlowCanvas/flow-canvas.vue
+++ b/src/components/Canvas/FlowCanvas/flow-canvas.vue
@@ -34,6 +34,10 @@
@delete-node="deleteNode(node.id)"
@copy-node="copyNode(node.id)"
@update-data="(v) => (node.data.data = v)"
+ @bring-to-font="bringToFont(node.id)"
+ @send-to-back="sendToBack(node.id)"
+ @flip-horizontal="flipHorizontal(node.id)"
+ @flip-vertical="flipVertical(node.id)"
/>
@@ -139,7 +143,23 @@
}
/** 复制节点 */
const copyNode = (id) => {
- console.log('复制：', id)
+ nodeManager.copyNodeById(id)
+ }
+ /** 节点zIndex设置最大 */
+ const bringToFont = (id) => {
+ // nodeManager.bringToFont(id)
+ }
+ /** 节点zIndex设置最小 */
+ const sendToBack = (id) => {
+ // nodeManager.sendToBack(id)
+ }
+ /** 水平翻转 */
+ const flipHorizontal = (id) => {
+ // nodeManager.flipHorizontal(id)
+ }
+ /** 垂直翻转 */
+ const flipVertical = (id) => {
+ // nodeManager.flipVertical(id)
}
// 导出流程
diff --git a/src/components/Canvas/FlowCanvas/manager/NodeManager.ts b/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
index 242d4c1..637cfd7 100644
--- a/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
+++ b/src/components/Canvas/FlowCanvas/manager/NodeManager.ts
@@ -100,4 +100,21 @@ export class NodeManager {
}
return this.createNode(options_)
}
+
+ copyNodeById(id: string) {
+ const node = this.stateManager.getNodeById(id)
+ const flowNode = this.stateManager.flowManager.getNodeById(id)
+ console.log(node,this.stateManager.flowManager.getNodeById(id))
+ if (!node) return console.warn(`copyNodeById: ${id}找不到对应节点`)
+ const node_ = {
+ ...JSON.parse(JSON.stringify(node)),
+ id: createId(),
+ position: {
+ x: node.position.x,
+ y: node.position.y + (flowNode?.dimensions?.height || 0) + 50,
+ }
+ }
+ this.stateManager.addNode(node_)
+ // return this.createNode(options_)
+ }
}
diff --git a/src/components/Canvas/FlowCanvas/manager/StateManager.ts b/src/components/Canvas/FlowCanvas/manager/StateManager.ts
index cd50557..8cbb95b 100644
--- a/src/components/Canvas/FlowCanvas/manager/StateManager.ts
+++ b/src/components/Canvas/FlowCanvas/manager/StateManager.ts
@@ -127,4 +127,12 @@ export class StateManager {
setNodesDraggable(v: boolean) { this.nodesDraggable.value = v }
/** 设置是否可以平移画布 */
setPanOnDrag(v: boolean) { this.panOnDrag.value = v }
+ /** 获取节点最大zIndex值 */
+ getMaxZIndex() {
+ return this.nodes.value.reduce((max, node) => Math.max(max, node.zIndex), 0)
+ }
+ /** 获取节点最小zIndex值 */
+ getMinZIndex() {
+ return this.nodes.value.reduce((min, node) => Math.min(min, node.zIndex), 0)
+ }
}
diff --git a/src/views/home/agent/components/Item.vue b/src/views/home/agent/components/Item.vue
index 8ecbe76..ea0be42 100644
--- a/src/views/home/agent/components/Item.vue
+++ b/src/views/home/agent/components/Item.vue
@@ -7,7 +7,10 @@
-