leafer-ui 1.5.1 → 1.5.2

package/README.md

@@ -78,7 +78,7 @@ LeaferJS 试行 [4 天工作制](https://www.leaferjs.com/ui/blog/2025-02-06.htm
 
 【Bug/建议】xxxxxxxxxxx 标题 xxxxxxxxxxxxxx
 
-环境：电脑 + window 11 + chrome 131 + leaferjs 1.5.1
+环境：电脑 + window 11 + chrome 131 + leaferjs 1.5.2
 
 复现步骤：请提供详细的复现逻辑及可直接运行的代码，以便更快解决问题。
 ```
@@ -98,7 +98,7 @@ LeaferJS 试行 [4 天工作制](https://www.leaferjs.com/ui/blog/2025-02-06.htm
 
 【leaferjs】xxxxxxxxxxx 标题 xxxxxxxxxxxxxx
 
-环境：电脑 + window 11 + chrome 131 + leaferjs 1.5.1
+环境：电脑 + window 11 + chrome 131 + leaferjs 1.5.2
 
 #LeaferJS （点击知乎提问框底部的 # 号，可绑定话题）
 ```

package/dist/web.cjs

@@ -1326,16 +1326,20 @@ class Interaction extends core$1.InteractionBase {
 }
 
 function fillText(ui, canvas) {
-    let row;
-    const { rows, decorationY, decorationHeight } = ui.__.__textDrawData;
+    let row, data = ui.__.__textDrawData;
+    const { rows, decorationY } = data;
     for (let i = 0, len = rows.length; i < len; i++) {
         row = rows[i];
         if (row.text)
             canvas.fillText(row.text, row.x, row.y);
         else if (row.data)
             row.data.forEach(charData => { canvas.fillText(charData.char, charData.x, row.y); });
-        if (decorationY)
-            canvas.fillRect(row.x, row.y + decorationY, row.width, decorationHeight);
+    }
+    if (decorationY) {
+        const { decorationColor, decorationHeight } = data;
+        if (decorationColor)
+            canvas.fillStyle = decorationColor;
+        rows.forEach(row => decorationY.forEach(value => canvas.fillRect(row.x, row.y + value, row.width, decorationHeight)));
     }
 }
 
@@ -1406,16 +1410,18 @@ function drawAlignStroke(align, stroke, isStrokes, ui, canvas) {
     out.recycle(ui.__nowWorld);
 }
 function drawTextStroke(ui, canvas) {
-    let row;
-    const { rows, decorationY, decorationHeight } = ui.__.__textDrawData;
+    let row, data = ui.__.__textDrawData;
+    const { rows, decorationY } = data;
     for (let i = 0, len = rows.length; i < len; i++) {
         row = rows[i];
         if (row.text)
             canvas.strokeText(row.text, row.x, row.y);
         else if (row.data)
             row.data.forEach(charData => { canvas.strokeText(charData.char, charData.x, row.y); });
-        if (decorationY)
-            canvas.strokeRect(row.x, row.y + decorationY, row.width, decorationHeight);
+    }
+    if (decorationY) {
+        const { decorationHeight } = data;
+        rows.forEach(row => decorationY.forEach(value => canvas.strokeRect(row.x, row.y + value, row.width, decorationHeight)));
     }
 }
 function drawStrokesStyle(strokes, isText, ui, canvas) {
@@ -2013,6 +2019,8 @@ function recycleImage(attrName, data) {
                     }
                     image.unload(paints[i].loadId, !input.some((item) => item.url === url));
                 }
+                else
+                    paints[i].style = null;
             }
         }
         return recycleMap;
@@ -2745,14 +2753,25 @@ function toTextChar(row) {
 }
 
 function decorationText(drawData, style) {
-    const { fontSize } = style;
+    let type;
+    const { fontSize, textDecoration } = style;
     drawData.decorationHeight = fontSize / 11;
-    switch (style.textDecoration) {
+    if (typeof textDecoration === 'object') {
+        type = textDecoration.type;
+        if (textDecoration.color)
+            drawData.decorationColor = draw.ColorConvert.string(textDecoration.color);
+    }
+    else
+        type = textDecoration;
+    switch (type) {
         case 'under':
-            drawData.decorationY = fontSize * 0.15;
+            drawData.decorationY = [fontSize * 0.15];
             break;
         case 'delete':
-            drawData.decorationY = -fontSize * 0.35;
+            drawData.decorationY = [-fontSize * 0.35];
+            break;
+        case 'under-delete':
+            drawData.decorationY = [fontSize * 0.15, -fontSize * 0.35];
     }
 }