feat(label): video process

components/label/store.ts

@@ -498,6 +498,12 @@ interface ImageState {
   setImages: (value: any) => void
 }
 
+interface VideoFrameState {
+  videoFrames: Map<string, string[]>
+  setVideoFrames: (key: string, value: string[]) => void
+  removeVideoFrames: (key: string) => void
+}
+
 export const useImagesStore = create(
   persist<ImageState>(
     (storeSet) => ({
@@ -516,3 +522,33 @@ export const useImagesStore = create(
     }
   )
 )
+
+export const useVideoFrameStore = create(
+  persist<VideoFrameState>(
+    (storeSet) => ({
+      videoFrames: new Map(),
+      setVideoFrames: (key: string, value: string[]) =>
+        storeSet((state) => {
+          const nextMap = new Map(state.videoFrames)
+          nextMap.set(key, value)
+          return {
+            ...state,
+            videoFrames: nextMap,
+          }
+        }),
+      removeVideoFrames: (key: string) =>
+        storeSet((state) => {
+          const nextMap = new Map(state.videoFrames)
+          nextMap.delete(key)
+          return {
+            ...state,
+            videoFrames: nextMap,
+          }
+        }),
+    }),
+    {
+      name: "video-frame-storage",
+      storage: storage,
+    }
+  )
+)