@versa_ai/vmml-editor 1.0.29 → 1.0.30

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @versa_ai/vmml-editor@1.0.29 build D:\code\work\vmml-player\packages\editor
+> @versa_ai/vmml-editor@1.0.30 build D:\code\work\vmml-player\packages\editor
 > tsup
 
 CLI Building entry: src/index.tsx
@@ -66,6 +66,7 @@ More info and automated migrator: https://sass-lang.com/d/slash-div [35
 
 
 
+DTS Build start
 
  WARN  ▲ [WARNING] Using / for division outside of calc() is deprecated and will be removed in Dart Sass 2.0.0.
 
@@ -123,13 +124,12 @@ More info and automated migrator: https://sass-lang.com/d/slash-div [35
 
 
 
-DTS Build start
-ESM dist\index.mjs     114.18 KB
-ESM dist\index.mjs.map 219.48 KB
-ESM ⚡️ Build success in 693ms
-CJS dist\index.js     115.82 KB
-CJS dist\index.js.map 219.77 KB
-CJS ⚡️ Build success in 694ms
-DTS ⚡️ Build success in 1988ms
+CJS dist\index.js     115.76 KB
+CJS dist\index.js.map 220.37 KB
+CJS ⚡️ Build success in 863ms
+ESM dist\index.mjs     114.15 KB
+ESM dist\index.mjs.map 220.08 KB
+ESM ⚡️ Build success in 864ms
+DTS ⚡️ Build success in 1631ms
 DTS dist\index.d.ts  158.00 B
 DTS dist\index.d.mts 158.00 B

package/dist/index.js

@@ -2706,15 +2706,6 @@ var EditorFn = ({
       initCanEditClips(vmmlState.template.tracks);
     }
   }, [editableArray, refreshEdit, vmmlState]);
-  react.useEffect(() => {
-    var _a2;
-    if (propVmml) {
-      const convertedVmml = vmmlUtils.convertVmmlTextScaleByForbidden(propVmml);
-      setVmmlState(convertedVmml);
-      setDurationInFrames(vmmlUtils.getFrames(((_a2 = propVmml == null ? void 0 : propVmml.template) == null ? void 0 : _a2.duration) || 1, fps));
-      setRefreshEdit(Date.now());
-    }
-  }, [propVmml]);
   react.useEffect(() => {
     if (vmmlState) {
       initFcObjects(vmmlState.template.tracks);
@@ -2762,31 +2753,30 @@ var EditorFn = ({
       setPreviewState(false);
     }
   }, [dragState]);
-  const updateVmml = (v, checkFrame) => {
-    var _a2, _b;
+  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;
-    requestAnimationFrame(() => {
-      var _a3;
-      const convertedVmml = vmmlUtils.convertVmmlTextScaleByForbidden(v);
+    const convertedVmml = vmmlUtils.convertVmmlTextScaleByForbidden(v);
+    if (!isSame) {
+      (_b = (_a2 = canvasCurrent == null ? void 0 : canvasCurrent.getCanvasCtx()) == null ? void 0 : _a2.clear) == null ? void 0 : _b.call(_a2);
       setVmmlState(convertedVmml);
-      setDurationInFrames(vmmlUtils.getFrames(((_a3 = v == null ? void 0 : v.template) == null ? void 0 : _a3.duration) || 1, fps));
-      playerCurrent.setVmml(convertedVmml, currentFrame);
+      setDurationInFrames(vmmlUtils.getFrames(((_c = v == null ? void 0 : v.template) == null ? void 0 : _c.duration) || 1, fps));
       setRefreshEdit(Date.now());
-      if (canvasCurrent) {
-        canvasCurrent.checkObjectInPoint(currentFrame);
-      }
-    });
+    }
+    const currentFrame = checkFrame ?? pauseFrame;
+    playerCurrent.setVmml(convertedVmml, currentFrame);
+    (_d = canvasCurrent == null ? void 0 : canvasCurrent.checkObjectInPoint) == null ? void 0 : _d.call(canvasCurrent, currentFrame);
   };
   const getCurrentFrame = () => {
     if (!player) return 0;
     return player.getCurrentFrame();
   };
-  const EditorSeekTo = (frame2) => {
+  const editorSeekTo = (frame2) => {
     var _a2;
     (_a2 = player == null ? void 0 : player.seekTo) == null ? void 0 : _a2.call(player, frame2 ?? 0);
     const { current: canvasCurrent } = canvasRef;
@@ -2799,13 +2789,20 @@ var EditorFn = ({
     () => ({
       getActions,
       getfcObject,
+      // 获取画布上所有对象
       getCurrentFrame,
+      // 获取当前帧
       getVmml,
-      EditorSeekTo,
+      // 获取vmml
       getPlayer,
+      // 获取player实例
       texteditClose,
       textFinish,
-      updateVmml
+      // 完成按钮事件
+      editorSeekTo,
+      // editor的seek事件 入参：frame 
+      updateEditor
+      // 更新editor 入参：vmml, frame
     }),
     [vmmlState, player]
   );