@versa_ai/vmml-editor 1.0.28 → 1.0.30

package/dist/index.mjs

@@ -2704,15 +2704,6 @@ var EditorFn = ({
       initCanEditClips(vmmlState.template.tracks);
     }
   }, [editableArray, refreshEdit, vmmlState]);
-  useEffect(() => {
-    var _a2;
-    if (propVmml) {
-      const convertedVmml = convertVmmlTextScaleByForbidden(propVmml);
-      setVmmlState(convertedVmml);
-      setDurationInFrames(getFrames(((_a2 = propVmml == null ? void 0 : propVmml.template) == null ? void 0 : _a2.duration) || 1, fps));
-      setRefreshEdit(Date.now());
-    }
-  }, [propVmml]);
   useEffect(() => {
     if (vmmlState) {
       initFcObjects(vmmlState.template.tracks);
@@ -2760,39 +2751,56 @@ var EditorFn = ({
       setPreviewState(false);
     }
   }, [dragState]);
-  const updateVmml = (v, checkFrame) => {
-    var _a2, _b, _c;
+  const updateEditor = (v, checkFrame) => {
+    var _a2, _b, _c, _d;
     const { current: playerCurrent } = vmmlPlayerRef;
     const { current: canvasCurrent } = canvasRef;
     if (!playerCurrent) return;
-    (_b = (_a2 = canvasCurrent == null ? void 0 : canvasCurrent.getCanvasCtx()) == null ? void 0 : _a2.clear) == null ? void 0 : _b.call(_a2);
+    const isSame = JSON.stringify(v) === JSON.stringify(vmmlState);
+    console.log(v, vmmlState, isSame, "\u5224\u65ADvmml\u662F\u5426\u76F8\u540C");
     needPlay.current = false;
-    const currentFrame = checkFrame ?? pauseFrame;
     const convertedVmml = convertVmmlTextScaleByForbidden(v);
-    setVmmlState(convertedVmml);
-    setDurationInFrames(getFrames(((_c = v == null ? void 0 : v.template) == null ? void 0 : _c.duration) || 1, fps));
-    playerCurrent.setVmml(convertedVmml, currentFrame);
-    setRefreshEdit(Date.now());
-    if (canvasCurrent) {
-      canvasCurrent.checkObjectInPoint(currentFrame);
+    if (!isSame) {
+      (_b = (_a2 = canvasCurrent == null ? void 0 : canvasCurrent.getCanvasCtx()) == null ? void 0 : _a2.clear) == null ? void 0 : _b.call(_a2);
+      setVmmlState(convertedVmml);
+      setDurationInFrames(getFrames(((_c = v == null ? void 0 : v.template) == null ? void 0 : _c.duration) || 1, fps));
+      setRefreshEdit(Date.now());
     }
+    const currentFrame = checkFrame ?? pauseFrame;
+    playerCurrent.setVmml(convertedVmml, currentFrame);
+    (_d = canvasCurrent == null ? void 0 : canvasCurrent.checkObjectInPoint) == null ? void 0 : _d.call(canvasCurrent, currentFrame);
   };
   const getCurrentFrame = () => {
-    console.log(player, "getCurrentFrame>>>>>>>>>>>>");
     if (!player) return 0;
     return player.getCurrentFrame();
   };
+  const editorSeekTo = (frame2) => {
+    var _a2;
+    (_a2 = player == null ? void 0 : player.seekTo) == null ? void 0 : _a2.call(player, frame2 ?? 0);
+    const { current: canvasCurrent } = canvasRef;
+    if (canvasCurrent) {
+      canvasCurrent.checkObjectInPoint(frame2);
+    }
+  };
   useImperativeHandle(
     ref,
     () => ({
       getActions,
       getfcObject,
+      // 获取画布上所有对象
       getCurrentFrame,
+      // 获取当前帧
       getVmml,
+      // 获取vmml
       getPlayer,
+      // 获取player实例
       texteditClose,
       textFinish,
-      updateVmml
+      // 完成按钮事件
+      editorSeekTo,
+      // editor的seek事件 入参：frame 
+      updateEditor
+      // 更新editor 入参：vmml, frame
     }),
     [vmmlState, player]
   );