@versa_ai/vmml-editor 1.0.2 → 1.0.3

package/dist/index.js

@@ -297,7 +297,7 @@ var SeekBar = ({ player, vmmlRef, frame, durationInFrames, intoEdit, setDragStat
     if (e.button !== 0) {
       return;
     }
-    const { left, width } = (_a = containerRef.current) == null ? void 0 : _a.getBoundingClientRect();
+    const { left, width } = (_a = containerRef.current) == null ? undefined : _a.getBoundingClientRect();
     const _frame = getFrameFromX(
       e.clientX - left,
       durationInFrames,
@@ -317,7 +317,7 @@ var SeekBar = ({ player, vmmlRef, frame, durationInFrames, intoEdit, setDragStat
     if (!dragging.dragging) {
       return;
     }
-    const { left, width } = (_a = containerRef.current) == null ? void 0 : _a.getBoundingClientRect();
+    const { left, width } = (_a = containerRef.current) == null ? undefined : _a.getBoundingClientRect();
     const _frame = getFrameFromX(
       e.clientX - left,
       durationInFrames,
@@ -655,7 +655,7 @@ var VmmlConverter = class {
       existClip = originClip;
     } else {
       const editorTrack = this.tracks.find((track) => track.editorType === type);
-      existClip = ((editorTrack == null ? void 0 : editorTrack.clips) || []).find((clip) => clip.id === id);
+      existClip = ((editorTrack == null ? undefined : editorTrack.clips) || []).find((clip) => clip.id === id);
     }
     if (existClip) {
       !originClip && (existClip.fObj = fObj);
@@ -794,11 +794,11 @@ var VmmlConverter = class {
 };
 var VmmlConverter_default = VmmlConverter;
 function drawImg(ctx, left, top, img, wSize, hSize, angle) {
-  if (angle === void 0) return;
+  if (angle === undefined) return;
   ctx.save();
   ctx.translate(left, top);
   ctx.rotate(fabric.fabric.util.degreesToRadians(angle));
-  ctx.drawImage(img, -wSize / 2, -hSize / 2, wSize, hSize);
+  ctx.drawImage(img, -28 / 2, -28 / 2, wSize, hSize);
   ctx.restore();
 }
 function usePeekControl(canvas) {
@@ -839,7 +839,7 @@ function usePeekControl(canvas) {
   const renderMuteIcon = (ctx, left, top, styleOverride, fabricObject) => {
     if (!fabricObject.clipData) return false;
     if (fabricObject.clipData.type === "\u8868\u60C5\u5305") {
-      if (fabricObject.clipData.isMute === null || fabricObject.clipData.isMute === void 0) return false;
+      if (fabricObject.clipData.isMute === null || fabricObject.clipData.isMute === undefined) return false;
       if (fabricObject.clipData.isMute) {
         drawImg(ctx, left, top, muteImg, 28, 28, fabricObject.angle);
       } else {
@@ -982,10 +982,10 @@ var EditorCanvas = react.forwardRef(
         const objects = fc.getObjects();
         objects.forEach((item) => {
           var _a, _b, _c;
-          if (((_a = item == null ? void 0 : item.clipData) == null ? void 0 : _a.type) === "\u6587\u5B57") {
+          if (((_a = item == null ? undefined : item.clipData) == null ? undefined : _a.type) === "\u6587\u5B57") {
             item.set("visible", ns >= item.clipData.inPoint && ns < item.clipData.inPoint + (item.clipData.duration || vmml.template.duration));
           } else {
-            item.set("visible", ns >= item.clipData.inPoint && ns < item.clipData.inPoint + ((_c = (_b = item.clipData) == null ? void 0 : _b.fileUrl) == null ? void 0 : _c.duration));
+            item.set("visible", ns >= item.clipData.inPoint && ns < item.clipData.inPoint + ((_c = (_b = item.clipData) == null ? undefined : _b.fileUrl) == null ? undefined : _c.duration));
           }
         });
         fc.discardActiveObject();
@@ -1119,7 +1119,7 @@ var EditorCanvas = react.forwardRef(
       if (canvas) {
         const imgs = canvas.getObjects().filter((item) => {
           var _a;
-          return ((_a = item == null ? void 0 : item.clipData) == null ? void 0 : _a.type) === "\u8868\u60C5\u5305";
+          return ((_a = item == null ? undefined : item.clipData) == null ? undefined : _a.type) === "\u8868\u60C5\u5305";
         });
         const target = imgs.find((item) => item.clipData.id === id);
         if (target) {
@@ -1129,7 +1129,7 @@ var EditorCanvas = react.forwardRef(
           });
         }
       } else {
-        waitFcTasks.current.push(updateImage.bind(void 0, id, base64));
+        waitFcTasks.current.push(updateImage.bind(undefined, id, base64));
       }
     };
     const createImageFromClip = (clip, fc2) => {
@@ -1176,7 +1176,7 @@ var EditorCanvas = react.forwardRef(
           });
         });
       } else {
-        waitFcTasks.current.push(createImageFromClip.bind(void 0, clip));
+        waitFcTasks.current.push(createImageFromClip.bind(undefined, clip));
       }
     };
     const handleRedo = () => {
@@ -1256,7 +1256,7 @@ var EditorCanvas = react.forwardRef(
           canvas.add(imgData).renderAll();
         });
       } else {
-        waitFcTasks.current.push(createTextFromClip.bind(void 0, clip));
+        waitFcTasks.current.push(createTextFromClip.bind(undefined, clip));
       }
     };
     const embedFontInSVG = async (svgString, url) => {
@@ -1295,7 +1295,7 @@ var EditorCanvas = react.forwardRef(
       container.style.padding = "6.5px 7px 6.5px 7px";
       container.style.borderRadius = "5px";
       document.body.appendChild(container);
-      const { width, height } = container == null ? void 0 : container.getBoundingClientRect();
+      const { width, height } = container == null ? undefined : container.getBoundingClientRect();
       const dataurl = await domToImage.toSvg(container);
       document.body.removeChild(container);
       const base64Image = await embedFontInSVG(dataurl, fontAssetUrl);
@@ -1718,14 +1718,14 @@ var stopMove = () => {
     const currentTouchPositionY = e.touches[0].clientY;
     const deltaX = currentTouchPositionX - lastTouchPositionX;
     const deltaY = currentTouchPositionY - lastTouchPositionY;
-    if (["text-header", "overlay", "text_bg_change"].includes((_a = e.target) == null ? void 0 : _a.className)) {
+    if (["text-header", "overlay", "text_bg_change"].includes((_a = e.target) == null ? undefined : _a.className)) {
       e.preventDefault();
     }
     if (element) {
       const willOverflow = element.scrollHeight > element.clientHeight;
       if (willOverflow) {
         return;
-      } else if (((_b = e.target) == null ? void 0 : _b.className.split(" ").includes("color-item")) || ((_c = e.target) == null ? void 0 : _c.className) === "text_color_change") {
+      } else if (((_b = e.target) == null ? undefined : _b.className.split(" ").includes("color-item")) || ((_c = e.target) == null ? undefined : _c.className) === "text_color_change") {
         if (deltaX < 0 || deltaX > 0) {
           return;
         } else {
@@ -1904,7 +1904,7 @@ var ColorSelector_default = ColorSelector;
 var formatText = (text, maxLengthBase = 40) => {
   var _a;
   const newlineRegex = /(\r\n|\r|\n)/g;
-  const matches = ((_a = text.match(newlineRegex)) == null ? void 0 : _a.length) || 0;
+  const matches = ((_a = text.match(newlineRegex)) == null ? undefined : _a.length) || 0;
   const maxLength = maxLengthBase + matches;
   let trimmedText = text.substring(0, maxLength);
   if (text.length - matches === maxLengthBase) {
@@ -2229,7 +2229,7 @@ var EditorFn = ({
   const [frame, setFrame] = react.useState(pauseFrame);
   const [isPlaying, setIsPlaying] = react.useState(false);
   const [showCanvas, setShowCanvas] = react.useState(false);
-  const [durationInFrames, setDurationInFrames] = react.useState(vmmlUtils.getFrames(((_a = vmml == null ? void 0 : vmml.template) == null ? void 0 : _a.duration) || 1, fps));
+  const [durationInFrames, setDurationInFrames] = react.useState(vmmlUtils.getFrames(((_a = vmml == null ? undefined : vmml.template) == null ? undefined : _a.duration) || 1, fps));
   const [previewState, setPreviewState] = react.useState(true);
   const [menuState, setMenuState] = react.useState("");
   const [canvasSize, setCanvasSize] = react.useState({ width: 0, height: 0, top: 0 });
@@ -2517,8 +2517,8 @@ var EditorFn = ({
     if (player) {
       const parent = player.getContainerNode();
       if (!canvasSize.width) {
-        const playerElement = parent == null ? void 0 : parent.children[0];
-        const { width, height } = (playerElement == null ? void 0 : playerElement.getBoundingClientRect()) || {};
+        const playerElement = parent == null ? undefined : parent.children[0];
+        const { width, height } = (playerElement == null ? undefined : playerElement.getBoundingClientRect()) || {};
         setCanvasSize({ width, height, top: playerElement.offsetTop });
       }
       player.addEventListener("play", onPlay);