@versa_ai/vmml-editor 1.0.14 → 1.0.15

package/package.json

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

package/src/assets/css/index.scss

@@ -308,7 +308,7 @@
         }
       }
       .player-controls-time {
-        width: 6vw !important;
+        width: 60px !important;
       }
     }
   }

package/src/components/EditorCanvas.tsx

@@ -272,6 +272,29 @@ const EditorCanvas = forwardRef(
 			history.undo();
 		};
 
+	const onBatchModify = (fObj: any, canvas: any) => {
+		console.log('onBatchModify>>>>>>>>>>>>>>>>>>>>>>>>')
+		if (!canvas) return;
+		const textObjects = canvas.getObjects().filter((item: any) => item?.clipData?.type === "文字");
+		const { left, top, scaleX, scaleY, angle } = fObj;
+		
+		// 批量更新每个文字对象的位置
+		textObjects.forEach((textObj: any) => {
+			textObj.set({
+				left,
+				top,
+				scaleX,
+				scaleY,
+				angle
+			});
+			textObj.setCoords();
+			const updatedFObj = convertToJSON(textObj);
+			vmmlConverterRef.current.updateClip(updatedFObj);
+		});
+		
+		canvas.renderAll();
+	}
+
 		// 创建可编辑的textclip
 		const createTextFromClip = async (clip: any, fc2: any) => {
 			const canvas = fc || fc2;
@@ -334,13 +357,17 @@ const EditorCanvas = forwardRef(
 					imgData.on("moving", (options: any) => {
 						options.transform.target.isSelected = 0;
 					});
-					imgData.on('modified', () => {
-						const fObj = convertToJSON(imgData);
-						if (fObj.clipData.isAiError) {
-							fObj.clipData.textColor = 'rgba(0, 0, 0, 0)';
-						}
+				imgData.on('modified', () => {
+					const fObj = convertToJSON(imgData);
+					if (fObj.clipData.isAiError) {
+						fObj.clipData.textColor = 'rgba(0, 0, 0, 0)';
+					}
+					if (isBatchModify) {
+						onBatchModify(fObj, canvas)
+					} else {
 						vmmlConverterRef.current.updateClip(fObj);
-					});
+					}
+				});
 					canvas.add(imgData).renderAll();
 				})
 			} else {

package/src/index.tsx

@@ -287,7 +287,7 @@ const EditorFn = <Schema extends AnyZodObject, Props>(
 					if (clip.videoClip) {
 						current.createImageFromClip(clip);
 					} else {
-						current.createTextFromClip(clip);
+						if (!clip.audioClip) current.createTextFromClip(clip);
 					}
 				})
 			}

package/src/utils/VmmlConverter.ts

@@ -27,7 +27,6 @@ class VmmlConverter {
 
 	//更新位置
 	private setPosParam(fObj: any): object {
-		console.log("setPosParam fObj",fObj)
 		const {
 			clipData: { type },
 			centerPoint,