@versa_ai/vmml-editor 1.0.28 → 1.0.30

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @versa_ai/vmml-editor@1.0.28 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     113.87 KB
-ESM dist\index.mjs.map 218.82 KB
-ESM ⚡️ Build success in 666ms
-CJS dist\index.js     115.50 KB
-CJS dist\index.js.map 219.12 KB
-CJS ⚡️ Build success in 666ms
-DTS ⚡️ Build success in 1709ms
+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,39 +2753,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 = vmmlUtils.convertVmmlTextScaleByForbidden(v);
-    setVmmlState(convertedVmml);
-    setDurationInFrames(vmmlUtils.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(vmmlUtils.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);
+    }
+  };
   react.useImperativeHandle(
     ref,
     () => ({
       getActions,
       getfcObject,
+      // 获取画布上所有对象
       getCurrentFrame,
+      // 获取当前帧
       getVmml,
+      // 获取vmml
       getPlayer,
+      // 获取player实例
       texteditClose,
       textFinish,
-      updateVmml
+      // 完成按钮事件
+      editorSeekTo,
+      // editor的seek事件 入参：frame 
+      updateEditor
+      // 更新editor 入参：vmml, frame
     }),
     [vmmlState, player]
   );