@versa_ai/vmml-editor 1.0.53 → 1.0.55

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @versa_ai/vmml-editor@1.0.53 build D:\code\work\vmml-player\packages\editor
+> @versa_ai/vmml-editor@1.0.55 build D:\code\work\vmml-player\packages\editor
 > tsup
 
 CLI Building entry: src/index.tsx
@@ -124,12 +124,12 @@ More info and automated migrator: https://sass-lang.com/d/slash-div [35
 
 
 
-CJS dist\index.js     121.96 KB
-CJS dist\index.js.map 234.13 KB
-CJS ⚡️ Build success in 848ms
-ESM dist\index.mjs     120.09 KB
-ESM dist\index.mjs.map 233.83 KB
-ESM ⚡️ Build success in 852ms
-DTS ⚡️ Build success in 1567ms
+CJS dist\index.js     122.48 KB
+CJS dist\index.js.map 235.03 KB
+CJS ⚡️ Build success in 756ms
+ESM dist\index.mjs     120.61 KB
+ESM dist\index.mjs.map 234.73 KB
+ESM ⚡️ Build success in 757ms
+DTS ⚡️ Build success in 1764ms
 DTS dist\index.d.ts  158.00 B
 DTS dist\index.d.mts 158.00 B

package/dist/index.js

@@ -563,17 +563,19 @@ var VmmlConverter = class {
   heightScale;
   widthScale;
   fontSize;
+  updatePlayer;
   /**
    * VmmlConverter 构造函数
    * @param vmml - VMML 模板数据
    * @param canvasSize - 画布尺寸
    */
-  constructor({ vmml, canvasSize }) {
+  constructor({ vmml, canvasSize, updatePlayer }) {
     const { width, height } = vmml.template.dimension;
     this.vmml = vmml;
     this.canvasSize = canvasSize;
     this.tracks = vmml.template.tracks;
     this.fontSize = vmmlUtils.getFontSize(width, height);
+    this.updatePlayer = updatePlayer;
     this.heightScale = height / canvasSize.height;
     this.widthScale = width / canvasSize.width;
   }
@@ -638,7 +640,9 @@ var VmmlConverter = class {
    * 转换 TextClip
    * @param fObj - 画布fObj
    */
-  addTextClip(fObj) {
+  addTextClip(fObj, isUpdate) {
+    var _a;
+    isUpdate = isUpdate ?? true;
     const posParam = this.setPosParam(fObj);
     const { clipData: { id, inPoint, text, textColor, bgColor } } = fObj;
     const { template: { duration } } = this.vmml;
@@ -681,13 +685,15 @@ var VmmlConverter = class {
     } else {
       editorTrack.clips.push(tClipData);
     }
-    this.updateVmml(this.vmml);
+    if (isUpdate) (_a = this == null ? void 0 : this.updatePlayer) == null ? void 0 : _a.call(this, this.vmml);
   }
   /**
    * 转换 VideoClip
    * @param fObj - 画布fObj
    */
-  addVideoClip(fObj) {
+  addVideoClip(fObj, isUpdate) {
+    var _a;
+    isUpdate = isUpdate ?? true;
     const clips = [];
     const editorTrack = this.tracks.find((track) => track.editorType === "\u8868\u60C5\u5305");
     const clipData = this.loadClipData(fObj);
@@ -717,12 +723,15 @@ var VmmlConverter = class {
         }
       }
     }
+    if (isUpdate) (_a = this == null ? void 0 : this.updatePlayer) == null ? void 0 : _a.call(this, this.vmml);
   }
   /**
    * 更新 clip
    * @param fObj - 画布fObj
    */
-  updateClip(fObj) {
+  updateClip(fObj, isUpdate) {
+    var _a;
+    isUpdate = isUpdate ?? true;
     const posParam = this.setPosParam(fObj);
     const {
       clipData: { id, type, lineSpacing, originClip }
@@ -748,13 +757,15 @@ var VmmlConverter = class {
         };
       }
     }
+    if (isUpdate) (_a = this == null ? void 0 : this.updatePlayer) == null ? void 0 : _a.call(this, this.vmml);
   }
   /**
    * 删除 Clip
    * @param id - 实例 id
    * @param type - 实例 类型
    */
-  deleteClip({ id, type, originClip }) {
+  deleteClip({ id, type, originClip, isUpdate = true }) {
+    var _a;
     if (originClip) {
       const [existClip] = this.findClip(id);
       existClip.duration = 0;
@@ -775,13 +786,15 @@ var VmmlConverter = class {
         }
       }
     }
+    if (isUpdate) (_a = this == null ? void 0 : this.updatePlayer) == null ? void 0 : _a.call(this, this.vmml);
   }
   changeVmml(newVmml) {
     this.vmml = newVmml;
     this.tracks = this.vmml.template.tracks;
   }
   //切换静音 视频/音频
-  changeMute({ id, isMute }) {
+  changeMute({ id, isMute, isUpdate = true }) {
+    var _a;
     const editorTrack = this.tracks.find((track) => track.editorType === "\u8868\u60C5\u5305");
     const index = editorTrack.clips.findIndex((item) => item.id === id);
     if (index !== -1) {
@@ -791,6 +804,7 @@ var VmmlConverter = class {
         editorTrack.clips[index + 1].audioClip.volume = volume;
       }
     }
+    if (isUpdate) (_a = this == null ? void 0 : this.updatePlayer) == null ? void 0 : _a.call(this, this.vmml);
   }
   //加载clip数据
   loadClipData(fObj) {
@@ -1054,7 +1068,6 @@ var EditorCanvas = react.forwardRef(
           item.on("modified", () => {
             const fObj = convertToJSON(item);
             vmmlConverterRef.current.updateClip(fObj);
-            updateVmml(vmmlConverterRef.current.vmml);
           });
           item.set("visible", ns >= item.clipData.inPoint);
           canvas.add(item);
@@ -1284,7 +1297,6 @@ var EditorCanvas = react.forwardRef(
             const fObj = convertToJSON(img);
             fObj.src = "";
             vmmlConverterRef.current.updateClip(fObj);
-            updateVmml(vmmlConverterRef.current.vmml);
           });
           resolve(img);
         });
@@ -1314,7 +1326,7 @@ var EditorCanvas = react.forwardRef(
         });
         textObj.setCoords();
         const updatedFObj = convertToJSON(textObj);
-        vmmlConverterRef.current.updateClip(updatedFObj);
+        vmmlConverterRef.current.updateClip(updatedFObj, false);
       });
       canvas.renderAll();
       updateVmml((_a = vmmlConverterRef.current) == null ? void 0 : _a.vmml);
@@ -1465,7 +1477,6 @@ var EditorCanvas = react.forwardRef(
           options.transform.target.isSelected = 0;
         });
         group.on("modified", () => {
-          var _a;
           const fObj = convertToJSON(group);
           if (fObj.clipData.isAiError) {
             fObj.clipData.textColor = "rgba(0, 0, 0, 0)";
@@ -1474,7 +1485,6 @@ var EditorCanvas = react.forwardRef(
             onBatchModify(fObj, canvas);
           } else {
             vmmlConverterRef.current.updateClip(fObj);
-            updateVmml((_a = vmmlConverterRef.current) == null ? void 0 : _a.vmml);
           }
         });
         resolve(group);
@@ -1548,10 +1558,8 @@ var EditorCanvas = react.forwardRef(
           options.transform.target.isSelected = 0;
         });
         group.on("modified", () => {
-          var _a;
           const fObj = convertToJSON(group);
           vmmlConverterRef.current.updateClip(fObj);
-          updateVmml((_a = vmmlConverterRef.current) == null ? void 0 : _a.vmml);
         });
         canvas.centerObject(group);
         canvas.add(group);
@@ -1564,7 +1572,7 @@ var EditorCanvas = react.forwardRef(
       });
     };
     const updateText = async ({ id, textContent, bgColor, textColor, strokeColor, letterSpacing, strokeWidth, textBasicInfo, fontAssetUrl, posParam = null, alignType }) => {
-      var _a, _b;
+      var _a;
       const { width, height } = vmml.template.dimension;
       const fontSize = vmmlUtils.getFontSize(width, height);
       const target = fc.getObjects().find((item) => {
@@ -1630,7 +1638,6 @@ var EditorCanvas = react.forwardRef(
         target.setCoords();
         fc == null ? void 0 : fc.requestRenderAll();
         vmmlConverterRef.current.updateClip(convertToJSON(target));
-        updateVmml((_b = vmmlConverterRef.current) == null ? void 0 : _b.vmml);
       }
     };
     const changeObjectVisible = (id, visible = true) => {
@@ -1685,7 +1692,7 @@ var EditorCanvas = react.forwardRef(
         if (vmmlConverterRef.current) {
           vmmlConverterRef.current.changeVmml(vmml);
         } else {
-          vmmlConverterRef.current = new VmmlConverter_default({ vmml, canvasSize });
+          vmmlConverterRef.current = new VmmlConverter_default({ vmml, canvasSize, updatePlayer: updateVmml });
         }
       }
     }, [canvasSize, vmml]);
@@ -2665,6 +2672,7 @@ var EditorFn = ({
     if (current && !checkVideoNum()) {
       const fObj = await current.createImage(file, emojiId);
       vmmlConverterRef.current.addVideoClip(fObj);
+      updateVmml(vmmlConverterRef.current.vmml);
       setMenuState("");
       setPreviewState(true);
     }
@@ -2784,7 +2792,7 @@ var EditorFn = ({
   react.useEffect(() => {
     if (canvasSize.width && canvasSize.height && vmmlState) {
       if (!vmmlConverterRef.current) {
-        vmmlConverterRef.current = new VmmlConverter_default({ vmml: vmmlState, canvasSize });
+        vmmlConverterRef.current = new VmmlConverter_default({ vmml: vmmlState, canvasSize, updatePlayer: updateVmml });
       } else {
         vmmlConverterRef.current.vmml = vmmlState;
       }