@versa_ai/vmml-editor 1.0.5 → 1.0.6

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @versa_ai/vmml-editor@1.0.5 build D:\code\work\vmml-player\packages\editor
+> @versa_ai/vmml-editor@1.0.6 build D:\code\work\vmml-player\packages\editor
 > tsup
 
 CLI Building entry: src/index.tsx
@@ -204,12 +204,12 @@ More info and automated migrator: https://sass-lang.com/d/slash-div [35
 
 
 
-ESM dist\index.mjs     102.41 KB
-ESM dist\index.mjs.map 197.55 KB
-ESM ⚡️ Build success in 793ms
-CJS dist\index.js     103.94 KB
-CJS dist\index.js.map 197.83 KB
-CJS ⚡️ Build success in 793ms
-DTS ⚡️ Build success in 1760ms
+ESM dist\index.mjs     102.35 KB
+ESM dist\index.mjs.map 197.47 KB
+ESM ⚡️ Build success in 788ms
+CJS dist\index.js     103.89 KB
+CJS dist\index.js.map 197.75 KB
+CJS ⚡️ Build success in 788ms
+DTS ⚡️ Build success in 2270ms
 DTS dist\index.d.ts  158.00 B
 DTS dist\index.d.mts 158.00 B

package/dist/index.js

@@ -2229,6 +2229,7 @@ var EditorFn = ({
   const [frame, setFrame] = react.useState(pauseFrame);
   const [isPlaying, setIsPlaying] = react.useState(false);
   const [showCanvas, setShowCanvas] = react.useState(false);
+  const [filterIds, setFilterIds] = react.useState([]);
   const [durationInFrames, setDurationInFrames] = react.useState(vmmlUtils.getFrames(((_a = vmml == null ? undefined : vmml.template) == null ? undefined : _a.duration) || 1, fps));
   const [previewState, setPreviewState] = react.useState(true);
   const [menuState, setMenuState] = react.useState("");
@@ -2366,13 +2367,6 @@ var EditorFn = ({
       const base64 = vmmlUtils.takeScreenshot(video);
       current.updateImage(id, base64);
     }
-    switchClipDisplay("none");
-  };
-  const switchClipDisplay = (display) => {
-    const clips = document.querySelectorAll("[data-editorType],[data-editclip='true']");
-    clips.forEach((clip) => {
-      clip.style.display = display;
-    });
   };
   const createImage = async (file, emojiId) => {
     const { current } = canvasRef;
@@ -2508,11 +2502,6 @@ var EditorFn = ({
       initFcObjects(vmml.template.tracks);
     }
   }, [vmml]);
-  react.useEffect(() => {
-    if (!showCanvas) {
-      switchClipDisplay("block");
-    }
-  }, [showCanvas]);
   react.useEffect(() => {
     if (player) {
       const parent = player.getContainerNode();
@@ -2535,6 +2524,14 @@ var EditorFn = ({
       };
     }
   }, [player]);
+  react.useEffect(() => {
+    if (showCanvas) {
+      const ids = [...signList.map((item) => item.id), ...editableArray];
+      setFilterIds(ids);
+    } else {
+      setFilterIds([]);
+    }
+  }, [showCanvas, signList]);
   react.useEffect(() => {
     if (dragState === 2) {
       needPlay.current = false;
@@ -2596,7 +2593,8 @@ var EditorFn = ({
             hideLoading,
             editableArray,
             premountFor: 40,
-            pauseWhenBuffering
+            pauseWhenBuffering,
+            filterIds
           }
         ) }),
         /* @__PURE__ */ jsxRuntime.jsx(