leafer-ui 1.4.2 → 1.5.1

package/README.md

@@ -1,6 +1,6 @@
 # leafer-ui
 
-一款好用的 Canvas 引擎，革新的开发体验，可用于高效绘图 、UI 交互（小游戏、互动应用、组态）、图形编辑。
+一款革新、好用的 Canvas 引擎, 轻松实现专业图形编辑。适用于图形编辑、小游戏、互动应用、组态软件、生成图片与短视频等场景。
 
 [![LeaferJS](https://www.leaferjs.com/image/leaferjs.jpg?d=1126)](https://www.leaferjs.com)
 
@@ -14,9 +14,14 @@
 
 如果你觉得不错，请帮我们点个 [Star](https://github.com/leaferjs/leafer-ui) 🌟 ，让这个库被更多的人看见 ✨ ✨ ✨
 
-<a target="_blank" href="https://github.com/leaferjs/leafer-ui">
-  <img width="120" title="github" src="https://www.leaferjs.com/svg/github-stars.svg" />
+<div style="display:flex; gap: 12px">
+<a href="https://gitee.com/leaferjs/leafer-ui" aria-label="gitee"  target="_blank" rel="noopener" >
+    <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?d=0324" />
+</a>
+</div>
 
 ## 快速入门
 
@@ -73,7 +78,7 @@ LeaferJS 试行 [4 天工作制](https://www.leaferjs.com/ui/blog/2025-02-06.htm
 
 【Bug/建议】xxxxxxxxxxx 标题 xxxxxxxxxxxxxx
 
-环境：电脑 + window 11 + chrome 131 + leaferjs 1.4.2
+环境：电脑 + window 11 + chrome 131 + leaferjs 1.5.1
 
 复现步骤：请提供详细的复现逻辑及可直接运行的代码，以便更快解决问题。
 ```
@@ -93,7 +98,7 @@ LeaferJS 试行 [4 天工作制](https://www.leaferjs.com/ui/blog/2025-02-06.htm
 
 【leaferjs】xxxxxxxxxxx 标题 xxxxxxxxxxxxxx
 
-环境：电脑 + window 11 + chrome 131 + leaferjs 1.4.2
+环境：电脑 + window 11 + chrome 131 + leaferjs 1.5.1
 
 #LeaferJS （点击知乎提问框底部的 # 号，可绑定话题）
 ```
@@ -122,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)
 
@@ -194,9 +199,12 @@ LeaferJS 致力于实现一套简洁、开放、现代化的 UI 绘图语言标
     </p>
 <p><h3 align="center">银牌赞助</h3></p>
 <p style="display: flex;flex-wrap: wrap;justify-content: center;gap: 5px;">
-<a target="_blank" href="https://www.u-tools.cn/plugins/detail/%E6%88%AA%E5%9B%BE%E5%B7%A5%E5%85%B7%20Plus/index.html">
+    <a target="_blank" href="https://www.u-tools.cn/plugins/detail/%E6%88%AA%E5%9B%BE%E5%B7%A5%E5%85%B7%20Plus/index.html">
         <img width="40" title="截图工具 Plus" src="https://www.leaferjs.com/image/sponsor/user/135.png" loading="lazy" />
     </a>
+    <a target="_blank" href="">
+        <img width="40" title="dev_chen" src="https://www.leaferjs.com/image/sponsor/user/137.jpg" loading="lazy" />
+    </a>
     <a target="_blank" href="https://frameelf.com/">
         <img width="40" title="边框水印精灵" src="https://www.leaferjs.com/image/sponsor/user/134.jpg" loading="lazy" />
     </a>

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';
@@ -2633,13 +2633,14 @@ function toChar(data, charX, rowData, isOverflow) {
 }
 
 function layoutText(drawData, style) {
-    const { rows, bounds } = drawData;
+    const { rows, bounds } = drawData, countRows = rows.length;
     const { __lineHeight, __baseLine, __letterSpacing, __clipText, textAlign, verticalAlign, paraSpacing, autoSizeAlign } = style;
-    let { x, y, width, height } = bounds, realHeight = __lineHeight * rows.length + (paraSpacing ? paraSpacing * (drawData.paraNumber - 1) : 0);
+    let { x, y, width, height } = bounds, realHeight = __lineHeight * countRows + (paraSpacing ? paraSpacing * (drawData.paraNumber - 1) : 0);
     let starY = __baseLine;
     if (__clipText && realHeight > height) {
         realHeight = Math.max(height, __lineHeight);
-        drawData.overflow = rows.length;
+        if (countRows > 1)
+            drawData.overflow = countRows;
     }
     else if (height || autoSizeAlign) {
         switch (verticalAlign) {
@@ -2651,7 +2652,7 @@ function layoutText(drawData, style) {
     }
     starY += y;
     let row, rowX, rowWidth, layoutWidth = (width || autoSizeAlign) ? width : drawData.maxWidth;
-    for (let i = 0, len = rows.length; i < len; i++) {
+    for (let i = 0, len = countRows; i < len; i++) {
         row = rows[i];
         row.x = x;
         if (row.width < width || (row.width > width && !__clipText)) {
@@ -2720,7 +2721,7 @@ function clipText(drawData, style, x, width) {
                     if (i === end && charRight < right) {
                         break;
                     }
-                    else if (charRight < right && char.char !== ' ') {
+                    else if ((charRight < right && char.char !== ' ') || !i) {
                         row.data.splice(i + 1);
                         row.width -= char.width;
                         break;