From b5a01020f3a00a465c7b9010d38a5f949bb89e14 Mon Sep 17 00:00:00 2001
From: Hiroshiba <hihokaruta@gmail.com>
Date: Sat, 6 Nov 2021 10:09:56 +0900
Subject: [PATCH] =?UTF-8?q?=E3=83=87=E3=83=95=E3=82=A9=E3=83=AB=E3=83=88?=
 =?UTF-8?q?=E3=82=B9=E3=82=BF=E3=82=A4=E3=83=AB=E3=83=80=E3=82=A4=E3=82=A2?=
 =?UTF-8?q?=E3=83=AD=E3=82=B0=E3=81=8C=E9=96=8B=E3=81=8B=E3=82=8C=E3=81=9F?=
 =?UTF-8?q?=E3=82=BF=E3=82=A4=E3=83=9F=E3=83=B3=E3=82=B0=E3=81=A7=E5=88=9D?=
 =?UTF-8?q?=E6=9C=9F=E5=80=A4=E3=82=92=E4=BB=A3=E5=85=A5=E3=81=99=E3=82=8B?=
 =?UTF-8?q?=20(#443)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/DefaultStyleSelectDialog.vue | 47 +++++++++++++--------
 1 file changed, 29 insertions(+), 18 deletions(-)

diff --git a/src/components/DefaultStyleSelectDialog.vue b/src/components/DefaultStyleSelectDialog.vue
index b118eb2745..6d4be7756b 100644
--- a/src/components/DefaultStyleSelectDialog.vue
+++ b/src/components/DefaultStyleSelectDialog.vue
@@ -158,7 +158,7 @@
 </template>
 
 <script lang="ts">
-import { defineComponent, computed, ref, PropType } from "vue";
+import { defineComponent, computed, ref, PropType, watch } from "vue";
 import { useStore } from "@/store";
 import { CharacterInfo, StyleInfo } from "@/type/preload";
 
@@ -185,23 +185,34 @@ export default defineComponent({
     });
 
     const isFirstTime = ref(false);
-    store
-      .dispatch("IS_UNSET_DEFAULT_STYLE_IDS")
-      .then((isUnsetDefaultStyleIds) => {
-        isFirstTime.value = isUnsetDefaultStyleIds;
-      });
-
-    const selectedStyleIndexes = ref(
-      props.characterInfos.map((info) => {
-        const defaultStyleId = store.state.defaultStyleIds.find(
-          (x) => x.speakerUuid === info.metas.speakerUuid
-        )?.defaultStyleId;
-
-        const index = info.metas.styles.findIndex(
-          (style) => style.styleId === defaultStyleId
-        );
-        return index === -1 ? undefined : index;
-      })
+    const selectedStyleIndexes = ref<(number | undefined)[]>([]);
+
+    // ダイアログが開かれたときに初期値を求める
+    watch(
+      () => props.modelValue,
+      (newValue, oldValue) => {
+        if (!oldValue && newValue) {
+          store
+            .dispatch("IS_UNSET_DEFAULT_STYLE_IDS")
+            .then((isUnsetDefaultStyleIds) => {
+              isFirstTime.value = isUnsetDefaultStyleIds;
+            });
+
+          selectedStyleIndexes.value = props.characterInfos.map((info) => {
+            // FIXME: キャラクターごとにデフォルスタイル選択済みか保存できるようになるべき
+            if (isFirstTime.value) return undefined;
+
+            const defaultStyleId = store.state.defaultStyleIds.find(
+              (x) => x.speakerUuid === info.metas.speakerUuid
+            )?.defaultStyleId;
+
+            const index = info.metas.styles.findIndex(
+              (style) => style.styleId === defaultStyleId
+            );
+            return index === -1 ? undefined : index;
+          });
+        }
+      }
     );
 
     const selectStyleIndex = (characterIndex: number, styleIndex: number) => {