Powerful-517/yys-editor
3
0
Fork 0
mirror of https://github.com/Powerful-517/yys-editor.git synced 2026-03-05 15:05:27 +00:00
Code Issues Packages Projects Releases Wiki Activity

实现图片节点

Browse Source
This commit is contained in:
rookie4show
2025-12-26 11:05:57 +08:00
parent e017ae4938
commit aa585af76e
3 changed files with 304 additions and 87 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
src/components/flow/FlowEditor.vue
View File

@@ -20,7 +20,7 @@ import { register } from '@logicflow/vue-node-registry';
import ShikigamiSelectNode from './nodes/yys/ShikigamiSelectNode.vue';
import YuhunSelectNode from './nodes/yys/YuhunSelectNode.vue';
import PropertySelectNode from './nodes/yys/PropertySelectNode.vue';
// import ImageNode from './nodes/common/ImageNode.vue';
import ImageNode from './nodes/common/ImageNode.vue';
// import TextNode from './nodes/common/TextNode.vue';
import PropertyPanel from './PropertyPanel.vue';
import { useFilesStore } from "@/ts/useStore";
@@ -53,7 +53,7 @@ function registerNodes(lfInstance: LogicFlow) {
register({ type: 'yuhunSelect', component: YuhunSelectNode }, lfInstance);
register({ type: 'propertySelect', component: PropertySelectNode }, lfInstance);
// register({ type: 'imageNode', component: ImageNode }, lfInstance);
register({ type: 'imageNode', component: ImageNode }, lfInstance);
// register({ type: 'textNode', component: TextNode }, lfInstance);
}
@@ -77,15 +77,15 @@ onMounted(() => {
{
text: '置于顶层',
callback(node: NodeData) {
console.log(lfInstance.getNodeModelById(node.id).zIndex)
lfInstance.setElementZIndex(node.id, 'top');
console.log("置顶"+lfInstance.getNodeModelById(node.id).zIndex)
}
},
{
text: '置于底层',
callback(node: NodeData) {
console.log(lfInstance.getNodeModelById(node.id).zIndex)
lfInstance.setElementZIndex(node.id, 'bottom');
console.log("置底"+lfInstance.getNodeModelById(node.id).zIndex)
}
},
{
@@ -215,4 +215,4 @@ function handlePaneContextMenu({ e }: { e: MouseEvent }) {
background-color: #f5f7fa;
color: #409eff;
}
</style>
</style>