@versa_ai/vmml-editor 1.0.31 → 1.0.33

package/dist/index.mjs

@@ -1439,6 +1439,25 @@ var EditorCanvas = forwardRef(
         return null;
       }
     };
+    const setTextAlign = (p, stroke, direction) => {
+      if (direction === "center") {
+        p.style.justifyContent = "center";
+        stroke.style.left = "50%";
+        stroke.style.top = "50%";
+        stroke.style.transform = "translate(-50%, -50%)";
+      }
+      if (direction === "left") {
+        stroke.style.left = "0";
+        stroke.style.top = "0";
+        stroke.style.transform = "none";
+      }
+      if (direction === "right") {
+        p.style.justifyContent = "flex-end";
+        stroke.style.right = "0";
+        stroke.style.top = "50%";
+        stroke.style.transform = "translateY(-50%)";
+      }
+    };
     const createTextImg = async ({ textContent, bgColor, textColor, stColor, strokeW, fontAssetUrl = null, textBasicInfo, letterSpacing }) => {
       const fontBase64 = await loadFont(fontAssetUrl);
       const container = document.createElement("div");
@@ -1460,7 +1479,6 @@ var EditorCanvas = forwardRef(
         p.style.padding = "0";
         if (letterSpacing) p.style.letterSpacing = `${letterSpacing}px`;
         p.style.zIndex = "2";
-        if (textWarapCenter) p.style.justifyContent = "center";
         const fill = document.createElement("span");
         fill.textContent = line || " ";
         fill.style.color = textColor;
@@ -1472,15 +1490,9 @@ var EditorCanvas = forwardRef(
         stroke.style.color = "transparent";
         stroke.style.webkitTextStrokeWidth = `${strokeW}px`;
         stroke.style.webkitTextStrokeColor = stColor;
-        if (textWarapCenter) {
-          stroke.style.left = "50%";
-          stroke.style.top = "50%";
-          stroke.style.transform = "translate(-50%, -50%)";
-        } else {
-          stroke.style.left = "0";
-          stroke.style.top = "0";
-        }
-        stroke.style.zIndex = "-1";
+        let dr = textBasicInfo.textAlign || "left";
+        if (textWarapCenter) dr = "center";
+        setTextAlign(p, stroke, dr);
         p.appendChild(fill);
         p.appendChild(stroke);
         container.appendChild(p);
@@ -2721,10 +2733,8 @@ var EditorFn = ({
     if (player) {
       const parent = player.getContainerNode();
       if (!canvasSize.width) {
-        console.log(parent, "parent>>>>");
         const playerElement = parent == null ? void 0 : parent.children[0];
         const { width, height: height2 } = (playerElement == null ? void 0 : playerElement.getBoundingClientRect()) || {};
-        console.log(height2);
         setCanvasSize({ width, height: height2, top: playerElement.offsetTop });
       }
       player.addEventListener("play", onPlay);
@@ -2769,6 +2779,7 @@ var EditorFn = ({
     const isSame = JSON.stringify(v) === JSON.stringify(vmmlState);
     console.log(v, vmmlState, isSame, "\u5224\u65ADvmml\u662F\u5426\u76F8\u540C");
     needPlay.current = false;
+    once.current = false;
     const convertedVmml = convertVmmlTextScaleByForbidden(v);
     if (!isSame) {
       (_b = (_a2 = canvasCurrent == null ? void 0 : canvasCurrent.getCanvasCtx()) == null ? void 0 : _a2.clear) == null ? void 0 : _b.call(_a2);