fix: 1

src/sdk/association/animation.ts

@@ -105,6 +105,7 @@ export const addAM = (data: AnimationModel): Promise<AnimationModel3D> => {
 export const addFrame = (
   data: AnimationModelFrame
 ): Promise<AnimationModelFrame3D> => {
+  console.log('addFrame')
   const am = ams.value.find((item) =>
     item.frames.find(({ id }) => id === data.id)
   );
@@ -121,6 +122,7 @@ export const addFrame = (
     ([map, exists]) => {
       if (!map.am) return;
       if (exists && !map.frames[data.id]) {
+        console.log('add?')
         map.frames[data.id] = map.am.addFrame(data);
       } else if (!exists && map.frames[data.id]) {
         map.frames[data.id].destroy();

src/views/animation/bottom.vue

@@ -51,7 +51,7 @@
               @update="({ ndx, time }) => (am![prop.attr][ndx].time = time)"
               @add="
                   (item) => {
-                    am![prop.attr].push(item);
+                    am![prop.attr].push({...item, id: onlyId()});
                     $emit('update:active', {
                       key: prop.attr,
                       ndx: am![prop.attr].length - 1,
@@ -98,6 +98,7 @@ import TimeLineAction from "@/components/drawing-time-line/action.vue";
 import empty from "@/components/drawing-time-line/empty.vue";
 import { Active } from "./type";
 import { animationGroup } from "@/sdk/association/animation";
+import { onlyId } from "@/components/drawing/hook";
 
 const props = defineProps<{
   am?: AnimationModel;