@versa_ai/vmml-editor 1.0.51 → 1.0.52

package/.turbo/turbo-build.log

@@ -1,5 +1,5 @@
 
-> @versa_ai/vmml-editor@1.0.51 build D:\code\work\vmml-player\packages\editor
+> @versa_ai/vmml-editor@1.0.52 build D:\code\work\vmml-player\packages\editor
 > tsup
 
 CLI Building entry: src/index.tsx
@@ -17,7 +17,6 @@ Recommendation: math.div($px, 750) or calc($px / 750)
 More info and automated migrator: https://sass-lang.com/d/slash-div [plugin sass-plugin]
 
     src/assets/css/colorSelector.scss:4:9:
-DTS Build start
       4 │ $px / 750
         ╵          ^
 
@@ -67,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.
 
@@ -124,12 +124,12 @@ More info and automated migrator: https://sass-lang.com/d/slash-div [35
 
 
 
-CJS dist\index.js     121.84 KB
-CJS dist\index.js.map 233.86 KB
-CJS ⚡️ Build success in 997ms
-ESM dist\index.mjs     119.97 KB
-ESM dist\index.mjs.map 233.56 KB
-ESM ⚡️ Build success in 998ms
-DTS ⚡️ Build success in 2081ms
+CJS dist\index.js     121.78 KB
+CJS dist\index.js.map 233.41 KB
+CJS ⚡️ Build success in 673ms
+ESM dist\index.mjs     119.91 KB
+ESM dist\index.mjs.map 233.11 KB
+ESM ⚡️ Build success in 674ms
+DTS ⚡️ Build success in 1560ms
 DTS dist\index.d.ts  158.00 B
 DTS dist\index.d.mts 158.00 B

package/dist/index.js

@@ -681,6 +681,7 @@ var VmmlConverter = class {
     } else {
       editorTrack.clips.push(tClipData);
     }
+    this.updateVmml(this.vmml);
   }
   /**
    * 转换 VideoClip
@@ -748,29 +749,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
@@ -1041,7 +1019,7 @@ function usePeekControl(canvas, hideConfig) {
   return canvas;
 }
 var EditorCanvas = react.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] = react.useState(null);
     const [history, setHistory] = react.useState(null);
     const [canvasReady, setCanvasReady] = react.useState(false);
@@ -1317,7 +1295,7 @@ var EditorCanvas = react.forwardRef(
       history.undo();
     };
     const onBatchModify = (fObj, canvas) => {
-      var _a;
+      var _a, _b;
       if (!canvas) return;
       const textObjects = canvas.getObjects().filter((item) => {
         var _a2;
@@ -1337,9 +1315,10 @@ var EditorCanvas = react.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);
@@ -1484,6 +1463,7 @@ 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)";
@@ -1492,6 +1472,7 @@ var EditorCanvas = react.forwardRef(
             onBatchModify(fObj, canvas);
           } else {
             vmmlConverterRef.current.updateClip(fObj);
+            updateVmml((_a = vmmlConverterRef.current) == null ? void 0 : _a.vmml);
           }
         });
         resolve(group);
@@ -2604,12 +2585,12 @@ var EditorFn = ({
     }
   };
   const onControlsClick = () => {
-    setPreviewState(true);
     if (previewState) {
       const { current } = vmmlPlayerRef;
       current.unmute();
       current.play();
     } else {
+      setPreviewState(true);
       setMenuState("");
     }
   };
@@ -2982,6 +2963,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__ */ jsxRuntime.jsxs(jsxRuntime.Fragment, { children: [
     /* @__PURE__ */ jsxRuntime.jsxs("div", { className: "editor", style: { height }, children: [
       /* @__PURE__ */ jsxRuntime.jsx("div", { className: "editor-vessel", onClick: () => {
@@ -3021,7 +3010,8 @@ var EditorFn = ({
             onVideoChange,
             isBatchModify,
             hideConfig,
-            textWarapCenter
+            textWarapCenter,
+            updateVmml
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(Loading_default, { show: loading })