@versa_ai/vmml-editor 1.0.51 → 1.0.52

package/dist/index.mjs

@@ -675,6 +675,7 @@ var VmmlConverter = class {
     } else {
       editorTrack.clips.push(tClipData);
     }
+    this.updateVmml(this.vmml);
   }
   /**
    * 转换 VideoClip
@@ -742,29 +743,6 @@ var VmmlConverter = class {
       }
     }
   }
-  updateTextClip(fObj, duration) {
-    const posParam = this.setPosParam(fObj);
-    const {
-      clipData: { id }
-    } = fObj;
-    const [existClip] = this.findClip(id);
-    if (existClip) {
-      const { clipData: { text, textColor, bgColor } } = fObj;
-      const scale = this.fontSize / 22;
-      existClip.duration = duration;
-      existClip.textClip = {
-        ...existClip.textClip,
-        posParam,
-        backgroundColor: this.toARGB(bgColor),
-        textContent: text,
-        textColor: this.toARGB(textColor),
-        dimension: {
-          width: Math.floor(fObj.width * scale),
-          height: Math.floor(fObj.height * scale)
-        }
-      };
-    }
-  }
   /**
    * 删除 Clip
    * @param id - 实例 id
@@ -1035,7 +1013,7 @@ function usePeekControl(canvas, hideConfig) {
   return canvas;
 }
 var EditorCanvas = forwardRef(
-  ({ previewState, showCanvas, canvasSize, enterPreview, intoTextEdit, frame, vmml, dragState, initFcObjs, editClips = [], onVideoChange, isBatchModify, hideConfig, textWarapCenter }, ref) => {
+  ({ previewState, showCanvas, canvasSize, enterPreview, intoTextEdit, frame, vmml, dragState, initFcObjs, editClips = [], onVideoChange, isBatchModify, hideConfig, textWarapCenter, updateVmml }, ref) => {
     const [fc, setFc] = useState(null);
     const [history, setHistory] = useState(null);
     const [canvasReady, setCanvasReady] = useState(false);
@@ -1311,7 +1289,7 @@ var EditorCanvas = forwardRef(
       history.undo();
     };
     const onBatchModify = (fObj, canvas) => {
-      var _a;
+      var _a, _b;
       if (!canvas) return;
       const textObjects = canvas.getObjects().filter((item) => {
         var _a2;
@@ -1331,9 +1309,10 @@ var EditorCanvas = forwardRef(
         vmmlConverterRef.current.updateClip(updatedFObj);
       });
       canvas.renderAll();
+      updateVmml((_a = vmmlConverterRef.current) == null ? void 0 : _a.vmml);
       const event = new CustomEvent("editor-vmml-batch-change", {
         detail: {
-          vmml: ((_a = vmmlConverterRef.current) == null ? void 0 : _a.vmml) ?? null
+          vmml: ((_b = vmmlConverterRef.current) == null ? void 0 : _b.vmml) ?? null
         }
       });
       window.dispatchEvent(event);
@@ -1478,6 +1457,7 @@ var EditorCanvas = 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)";
@@ -1486,6 +1466,7 @@ var EditorCanvas = forwardRef(
             onBatchModify(fObj, canvas);
           } else {
             vmmlConverterRef.current.updateClip(fObj);
+            updateVmml((_a = vmmlConverterRef.current) == null ? void 0 : _a.vmml);
           }
         });
         resolve(group);
@@ -2598,12 +2579,12 @@ var EditorFn = ({
     }
   };
   const onControlsClick = () => {
-    setPreviewState(true);
     if (previewState) {
       const { current } = vmmlPlayerRef;
       current.unmute();
       current.play();
     } else {
+      setPreviewState(true);
       setMenuState("");
     }
   };
@@ -2976,6 +2957,14 @@ var EditorFn = ({
     }
     return {};
   }, [loading]);
+  const updateVmml = (vmml) => {
+    var _a2, _b;
+    const { current } = vmmlPlayerRef;
+    if (!current) return;
+    const playing = ((_b = (_a2 = current == null ? void 0 : current.playerRef) == null ? void 0 : _a2.isPlaying) == null ? void 0 : _b.call(_a2)) ?? false;
+    if (!playing) needPlay.current = false;
+    current.setVmml(vmml, frame, false);
+  };
   return /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsxs("div", { className: "editor", style: { height }, children: [
       /* @__PURE__ */ jsx("div", { className: "editor-vessel", onClick: () => {
@@ -3015,7 +3004,8 @@ var EditorFn = ({
             onVideoChange,
             isBatchModify,
             hideConfig,
-            textWarapCenter
+            textWarapCenter,
+            updateVmml
           }
         ),
         /* @__PURE__ */ jsx(Loading_default, { show: loading })