add:完善组件删除功能

This commit is contained in:
lhj
2024-11-14 23:59:18 +08:00
parent 63b95b3607
commit 670e71cd7b
5 changed files with 126 additions and 86 deletions

View File

@ -55,7 +55,7 @@
</VueDraggable>
</div>
<div class="right">
<PropertyEditor :scheme="store.nowComponentsData"></PropertyEditor>
<PropertyEditor v-if="store.nowComponentsData" :scheme="store.nowComponentsData"></PropertyEditor>
</div>
</div>
</div>
@ -76,9 +76,9 @@ import axios from 'axios';
let componentsList = [];
const store = useSchemeStore();
// watch(store, (n) => {
// console.log("store发生了变化", n);
// });
watch(store, (n) => {
console.log("store发生了变化", n);
});
const baseScheme = {
"type": "AdaptivePage",
@ -157,24 +157,24 @@ function clone(element: Record<'name' | 'id' | 'type' | 'props' | 'class' | 'tex
}
const onEnd = (event: DraggableEvent) => {
console.log("onEnd", event);
// console.log("onEnd", event);
store.nowComponentsData = event.clonedData;
};
const onStart = (event) => {
console.log("onStart", event);
// console.log("onStart", event);
};
const onPreviewStart = (event) => {
console.log("onPreviewStart", event);
// console.log("onPreviewStart", event);
};
const onPreviewUpdate = (event) => {
console.log("onPreviewUpdate", event);
// console.log("onPreviewUpdate", event);
};
const onPreviewStop = (event) => {
console.log(event);
// console.log(event);
};
const save = async () => {