mirrors/misskey
1
0
Fork 1
mirror of https://github.com/misskey-dev/misskey.git synced 2026-05-25 23:44:01 +02:00
Code Releases Activity

Update room.add-object-dialog.vue

Browse Source
This commit is contained in:
syuilo
2026-05-09 14:13:49 +09:00
parent 414a28fb19
commit 9976588025
1 changed files with 7 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

9
packages/frontend/src/pages/room.add-object-dialog.vue
View File

@@ -37,7 +37,7 @@ SPDX-License-Identifier: AGPL-3.0-only
:leaveToClass="prefer.s.animation ? $style.transition_preview_leaveTo : ''" :leaveToClass="prefer.s.animation ? $style.transition_preview_leaveTo : ''"
:duration="300" :duration="300"
> >
<div v-show="selectedId != null" :class="$style.previewContainer" @click="selectedId = null"> <div v-show="showPreview" :class="$style.previewContainer" @click="selectedId = null">
<div :class="$style.preview" @click.stop> <div :class="$style.preview" @click.stop>
<canvas ref="canvas" :class="$style.canvas"></canvas> <canvas ref="canvas" :class="$style.canvas"></canvas>
<MkButton :class="$style.unselectButton" small rounded iconOnly @click="selectedId = null"><i class="ti ti-x"></i></MkButton> <MkButton :class="$style.unselectButton" small rounded iconOnly @click="selectedId = null"><i class="ti ti-x"></i></MkButton>
@@ -92,6 +92,7 @@ const emit = defineEmits<{
const dialog = useTemplateRef('dialog'); const dialog = useTemplateRef('dialog');
const canvas = useTemplateRef('canvas'); const canvas = useTemplateRef('canvas');
const selectedId = ref<string | null>(null); const selectedId = ref<string | null>(null);
const showPreview = ref(false);
const selectedInstanceId = ref<string | null>(null); const selectedInstanceId = ref<string | null>(null);
const selectedObjectOptionsState = ref<RoomStateObject | null>(null); const selectedObjectOptionsState = ref<RoomStateObject | null>(null);
const selectedObjectDef = computed(() => OBJECT_DEFS.find(def => def.id === selectedId.value) ?? null); const selectedObjectDef = computed(() => OBJECT_DEFS.find(def => def.id === selectedId.value) ?? null);
@@ -115,6 +116,7 @@ onUnmounted(() => {
watch(selectedId, (newId) => { watch(selectedId, (newId) => {
showObjectOptions.value = false; showObjectOptions.value = false;
showPreview.value = false;
if (newId == null) { if (newId == null) {
engine.value!.clear(); engine.value!.clear();
@@ -127,9 +129,12 @@ watch(selectedId, (newId) => {
engine.value!.load(newId).then(res => { engine.value!.load(newId).then(res => {
selectedInstanceId.value = res.id; selectedInstanceId.value = res.id;
selectedObjectOptionsState.value = deepClone(res.options); selectedObjectOptionsState.value = deepClone(res.options);
engine.value!.resize();
engine.value!.resumeRender(); engine.value!.resumeRender();
closeWaiting(); closeWaiting();
showPreview.value = true;
nextTick(() => {
engine.value!.resize();
});
}).catch(err => { }).catch(err => {
console.error(err); console.error(err);
closeWaiting(); closeWaiting();