leafer-ui 1.5.0 → 1.5.2

package/README.md

@@ -19,7 +19,7 @@
     <img width="98"  titel="gitee" src="https://www.leaferjs.com/svg/gitee-stars.svg" />
 </a>
 <a target="_blank" href="https://github.com/leaferjs/leafer-ui" aria-label="github"  rel="noopener">
-  <img width="120" title="github" src="https://www.leaferjs.com/svg/github-stars.svg" />
+  <img width="120" title="github" src="https://www.leaferjs.com/svg/github-stars.svg?d=0324" />
 </a>
 </div>
 
@@ -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.0
+环境：电脑 + 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.0
+环境：电脑 + window 11 + chrome 131 + leaferjs 1.5.2
 
 #LeaferJS （点击知乎提问框底部的 # 号，可绑定话题）
 ```
@@ -127,7 +127,7 @@ LeaferJS 致力于实现一套简洁、开放、现代化的 UI 绘图语言标
 
 通过不断革新的图形渲染技术、配套支持， 吸引更多的开发者加入使用，建立起一个开放的生态环境，沟通有无，互相从中受益，推动行业的快速发展，并诞生出更多有创意的技术和产品。
 
-我们的目标不仅是让它成为前沿的 2D 和未来的 3D 引擎技术，还希望它能够为开发者带来极致的开发体验，助力开发者快速构建 AI 时代的网页、应用、设计、画布、游戏和动画等可视化生产力工具（如下一代 local-first 的 Figma、Miro、Notion、Unity、Adobe、Canva、Webflow 等）。
+我们的目标不仅是打造最前沿的 2D 和未来的 3D 引擎技术，更要创造一套简洁、开放、现代化的 UI 绘图标准。我们希望为开发者带来极致的开发体验，助力他们快速构建 AI 时代的网页、应用、设计、画布、游戏和动画等可视化生产力工具，推动下一代本地优先的 Figma、Miro、Notion、Unity、Adobe、Canva、Webflow 等创新产品的诞生。
 
 ![leaferjs](https://www.leaferjs.com/ui/svg/leaferjs.svg?d=013007)
 

package/dist/web.cjs

@@ -124,7 +124,7 @@ class LeaferCanvas extends core.LeaferCanvasBase {
         else {
             window.addEventListener('resize', this.windowListener = () => {
                 const pixelRatio = core.Platform.devicePixelRatio;
-                if (this.pixelRatio !== pixelRatio) {
+                if (!this.config.pixelRatio && this.pixelRatio !== pixelRatio) {
                     const { width, height } = this;
                     this.emitResize({ width, height, pixelRatio });
                 }
@@ -141,7 +141,7 @@ class LeaferCanvas extends core.LeaferCanvasBase {
     checkAutoBounds(parentSize) {
         const view = this.view;
         const { x, y, width, height } = this.autoBounds.getBoundsFrom(parentSize);
-        const size = { width, height, pixelRatio: core.Platform.devicePixelRatio };
+        const size = { width, height, pixelRatio: this.config.pixelRatio ? this.pixelRatio : core.Platform.devicePixelRatio };
         if (!this.isSameSize(size)) {
             const { style } = view;
             style.marginLeft = x + 'px';
@@ -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];
     }
 }