@versa_ai/vmml-editor 1.0.51 → 1.0.53

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.53 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.96 KB
+CJS dist\index.js.map 234.13 KB
+CJS ⚡️ Build success in 848ms
+ESM dist\index.mjs     120.09 KB
+ESM dist\index.mjs.map 233.83 KB
+ESM ⚡️ Build success in 852ms
+DTS ⚡️ Build success in 1567ms
 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);
@@ -1076,6 +1054,7 @@ var EditorCanvas = react.forwardRef(
           item.on("modified", () => {
             const fObj = convertToJSON(item);
             vmmlConverterRef.current.updateClip(fObj);
+            updateVmml(vmmlConverterRef.current.vmml);
           });
           item.set("visible", ns >= item.clipData.inPoint);
           canvas.add(item);
@@ -1305,6 +1284,7 @@ var EditorCanvas = react.forwardRef(
             const fObj = convertToJSON(img);
             fObj.src = "";
             vmmlConverterRef.current.updateClip(fObj);
+            updateVmml(vmmlConverterRef.current.vmml);
           });
           resolve(img);
         });
@@ -1317,7 +1297,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 +1317,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 +1465,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 +1474,7 @@ var EditorCanvas = react.forwardRef(
             onBatchModify(fObj, canvas);
           } else {
             vmmlConverterRef.current.updateClip(fObj);
+            updateVmml((_a = vmmlConverterRef.current) == null ? void 0 : _a.vmml);
           }
         });
         resolve(group);
@@ -1565,8 +1548,10 @@ var EditorCanvas = react.forwardRef(
           options.transform.target.isSelected = 0;
         });
         group.on("modified", () => {
+          var _a;
           const fObj = convertToJSON(group);
           vmmlConverterRef.current.updateClip(fObj);
+          updateVmml((_a = vmmlConverterRef.current) == null ? void 0 : _a.vmml);
         });
         canvas.centerObject(group);
         canvas.add(group);
@@ -1579,7 +1564,7 @@ var EditorCanvas = react.forwardRef(
       });
     };
     const updateText = async ({ id, textContent, bgColor, textColor, strokeColor, letterSpacing, strokeWidth, textBasicInfo, fontAssetUrl, posParam = null, alignType }) => {
-      var _a;
+      var _a, _b;
       const { width, height } = vmml.template.dimension;
       const fontSize = vmmlUtils.getFontSize(width, height);
       const target = fc.getObjects().find((item) => {
@@ -1645,6 +1630,7 @@ var EditorCanvas = react.forwardRef(
         target.setCoords();
         fc == null ? void 0 : fc.requestRenderAll();
         vmmlConverterRef.current.updateClip(convertToJSON(target));
+        updateVmml((_b = vmmlConverterRef.current) == null ? void 0 : _b.vmml);
       }
     };
     const changeObjectVisible = (id, visible = true) => {
@@ -2604,14 +2590,11 @@ var EditorFn = ({
     }
   };
   const onControlsClick = () => {
+    const { current } = vmmlPlayerRef;
+    current.unmute();
+    current.play();
     setPreviewState(true);
-    if (previewState) {
-      const { current } = vmmlPlayerRef;
-      current.unmute();
-      current.play();
-    } else {
-      setMenuState("");
-    }
+    setMenuState("");
   };
   const onClickMenu = (type) => {
     if (type === "text" && checkTextNum()) return;
@@ -2794,11 +2777,10 @@ var EditorFn = ({
     }
   }, [menuState]);
   react.useEffect(() => {
-    if (previewState && !vmmlFlag.current) {
-      vmmlFlag.current = true;
+    if (!vmmlFlag.current) {
       setVmml();
     }
-  }, [previewState]);
+  }, []);
   react.useEffect(() => {
     if (canvasSize.width && canvasSize.height && vmmlState) {
       if (!vmmlConverterRef.current) {
@@ -2982,6 +2964,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 +3011,8 @@ var EditorFn = ({
             onVideoChange,
             isBatchModify,
             hideConfig,
-            textWarapCenter
+            textWarapCenter,
+            updateVmml
           }
         ),
         /* @__PURE__ */ jsxRuntime.jsx(Loading_default, { show: loading })