修复切换语言时动画异常

Author: Linho1219

src/editor/datum.vue

@@ -6,6 +6,7 @@
           :label="t('inputs.fnType')"
           v-model.lazy="dataItem.fnType"
           @change="fnTypeChange(dataItem)"
+          :key="selectKey"
         >
           <s-picker-item
             v-for="(type, index) in fnTypeArr"
@@ -20,6 +21,7 @@
           v-model.lazy="dataItem.graphType"
           v-if="dataItem.graphType !== 'text'"
           @change="graphTypeChange(dataItem)"
+          :key="selectKey"
         >
           <s-picker-item
             v-for="(type, index) in allowedGraphType"
@@ -106,7 +108,7 @@
 </template>
 <script setup lang="ts">
 import { useI18n } from "vue-i18n";
-const { t } = useI18n();
+const { t, locale } = useI18n();
 
 import {
   fnTypeArr,
@@ -192,6 +194,10 @@ const fnType = computed(() => getFnType(dataItem.value?.fnType));
 const allowedGraphType = computed(() =>
   getAllowedGraphType(dataItem.value?.fnType)
 );
+
+import { watch } from "vue";
+const selectKey = ref(0);
+watch(locale, () => selectKey.value++);
 </script>
 
 <style>

src/editor/index.vue

@@ -5,7 +5,6 @@
         v-model="profile.data"
         :animation="200"
         handle=".datablock-drag"
-        :key="draggerKey"
       >
         <Datum
           v-for="(dataItem, i) in profile.data"
@@ -27,7 +26,7 @@
 
 <script setup lang="ts">
 import { useI18n } from "vue-i18n";
-const { t, locale } = useI18n();
+const { t } = useI18n();
 
 import { VueDraggable } from "vue-draggable-plus";
 import ImportBtn from "./import.vue";
@@ -37,8 +36,4 @@ import OutputDrawer from "./output.vue";
 import { getNewDatum } from "@/consts";
 import { useProfile } from "@/consts";
 const profile = useProfile();
-
-import { ref, watch } from "vue";
-const draggerKey = ref(0);
-watch(locale, () => draggerKey.value++);
 </script>