@versa_ai/vmml-editor 1.0.16 → 1.0.17

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@versa_ai/vmml-editor",
-  "version": "1.0.16",
+  "version": "1.0.17",
   "module": "dist/index.mjs",
   "main": "dist/index.mjs",
   "types": "dist/index.d.mts",

package/src/components/EditorCanvas.tsx

@@ -220,16 +220,6 @@ const EditorCanvas = forwardRef(
 		};
 
 	const createEditObjes = async (canvas: any, time: number) => {
-		// 先删除所有旧的可编辑对象
-		const allObjects = canvas.getObjects();
-		const toRemove: any[] = [];
-		allObjects.forEach((obj: any) => {
-			if (obj?.clipData?.originClip) {
-				toRemove.push(obj);
-			}
-		});
-		toRemove.forEach(obj => canvas.remove(obj));
-		
 		const promises = editClips.map((clip: any) => {
 			if (clip.videoClip) {
 				return createImageFromClip(clip);
@@ -571,7 +561,6 @@ const EditorCanvas = forwardRef(
 				return fc.getObjects();
 			}
 		}
-
 		const styles: any = useMemo(() => {
 			return {
 				position: "absolute",
@@ -632,6 +621,10 @@ const EditorCanvas = forwardRef(
 			}
 		}, [fc]);
 
+		const getCanvasCtx = () => {
+			return fc
+		}
+
 		useImperativeHandle(ref, () => ({
 			createImage,
 			createText,
@@ -645,8 +638,9 @@ const EditorCanvas = forwardRef(
 			checkObjectInPoint,
 			createImageFromClip,
 			createTextFromClip,
-			changeObjectVisible
-		}));
+			changeObjectVisible,
+			getCanvasCtx
+		}), [fc]);
 
 		const getActions = () => {
 			if (history) {

package/src/index.tsx

@@ -426,7 +426,8 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 		const { current: playerCurrent }: any = vmmlPlayerRef;
 		const { current: canvasCurrent }: any = canvasRef;
 		if (!playerCurrent) return;
-		
+		canvasCurrent?.getCanvasCtx()?.clear?.()
+
 		const convertedVmml = convertVmmlTextScaleByForbidden(v);
 		setVmmlState(convertedVmml);
 		setDurationInFrames(getFrames(v?.template?.duration || 1, fps));