From 1c5eb0167d1f2fec61543d2e0273f6b721a7b2eb Mon Sep 17 00:00:00 2001
From: luoliwoshang <2643523683@qq.com>
Date: Wed, 7 Feb 2024 12:34:14 +0800
Subject: [PATCH] feat(gui):modify the interface of sprite visible
---
.../stage-viewer-demo/StageViewerDemo.vue | 16 +++++---
.../components/stage-viewer/BackdropLayer.vue | 24 +++++------
.../src/components/stage-viewer/Costume.vue | 40 +++++++++----------
.../src/components/stage-viewer/Sprite.vue | 20 +++++-----
.../components/stage-viewer/SpriteLayer.vue | 28 +++++++------
.../components/stage-viewer/StageViewer.vue | 18 ++++-----
spx-gui/src/components/stage-viewer/index.ts | 14 +++----
7 files changed, 85 insertions(+), 75 deletions(-)
diff --git a/spx-gui/src/components/stage-viewer-demo/StageViewerDemo.vue b/spx-gui/src/components/stage-viewer-demo/StageViewerDemo.vue
index 3f62ec09b..3810b7c54 100644
--- a/spx-gui/src/components/stage-viewer-demo/StageViewerDemo.vue
+++ b/spx-gui/src/components/stage-viewer-demo/StageViewerDemo.vue
@@ -2,7 +2,7 @@
* @Author: Zhang Zhi Yang
* @Date: 2024-02-05 14:18:34
* @LastEditors: Zhang Zhi Yang
- * @LastEditTime: 2024-02-06 17:52:13
+ * @LastEditTime: 2024-02-07 12:24:12
* @FilePath: /spx-gui/src/components/stage-viewer-demo/StageViewerDemo.vue
* @Description:
-->
@@ -32,7 +32,8 @@
@update:value="(val) => { currentSprite && currentSprite.setCy(val as number) }">
-
+
@@ -41,7 +42,7 @@ import { NInputNumber } from "naive-ui";
import type { Sprite } from "@/class/sprite";
import StageViewer from "../stage-viewer";
-import type { StageSprite, spriteDragEndEvent, StageBackdrop } from "../stage-viewer"
+import type { StageSprite, SpriteDragEndEvent, StageBackdrop } from "../stage-viewer"
import { useProjectStore } from "@/store/modules/project";
import { storeToRefs } from "pinia";
import { ref, computed } from "vue";
@@ -64,8 +65,14 @@ const costumeY = computed(() => currentSprite.value ? currentSprite.value.config
const currentSprite = ref(null);
+const currentSpriteIds = computed(() => {
+ if (currentSprite.value) {
+ return [currentSprite.value.name]
+ }
+ return []
+})
-const onDragEnd = (e: spriteDragEndEvent) => {
+const onDragEnd = (e: SpriteDragEndEvent) => {
currentSprite.value?.setSx(e.targets[0].position.x)
currentSprite.value?.setSy(e.targets[0].position.y)
}
@@ -93,7 +100,6 @@ const sprites: ComputedRef = computed(() => {
heading: sprite.config.heading,
size: sprite.config.size,
visible: sprite.config.visible, // Visible at run time
- stageVisible: currentSprite.value?.name === sprite.name, // Visible at preview time
zorder: 1,
costumes: sprite.config.costumes.map((costume, index) => {
return {
diff --git a/spx-gui/src/components/stage-viewer/BackdropLayer.vue b/spx-gui/src/components/stage-viewer/BackdropLayer.vue
index 8704f5866..005c69955 100644
--- a/spx-gui/src/components/stage-viewer/BackdropLayer.vue
+++ b/spx-gui/src/components/stage-viewer/BackdropLayer.vue
@@ -2,27 +2,27 @@
* @Author: Zhang Zhi Yang
* @Date: 2024-02-05 16:33:54
* @LastEditors: Zhang Zhi Yang
- * @LastEditTime: 2024-02-07 10:53:32
+ * @LastEditTime: 2024-02-07 12:12:37
* @FilePath: /spx-gui/src/components/stage-viewer/BackdropLayer.vue
* @Description
-->
@@ -34,7 +34,7 @@
diff --git a/spx-gui/src/components/stage-viewer/SpriteLayer.vue b/spx-gui/src/components/stage-viewer/SpriteLayer.vue
index 1dd76b5aa..2c3a83da5 100644
--- a/spx-gui/src/components/stage-viewer/SpriteLayer.vue
+++ b/spx-gui/src/components/stage-viewer/SpriteLayer.vue
@@ -2,40 +2,44 @@
* @Author: Zhang Zhi Yang
* @Date: 2024-01-25 16:13:37
* @LastEditors: Zhang Zhi Yang
- * @LastEditTime: 2024-02-07 09:41:12
+ * @LastEditTime: 2024-02-07 12:31:21
* @FilePath: /spx-gui/src/components/stage-viewer/SpriteLayer.vue
* @Description:
-->
-
+
-
+