@leafer-in/motion-text 2.3.0 → 2.3.1

package/dist/motion-text.cjs

@@ -0,0 +1,77 @@
+"use strict";
+
+var draw = require("@leafer-ui/draw");
+
+var motionPath = require("@leafer-in/motion-path");
+
+draw.Plugin.add("motion-text");
+
+const tempPoint = {};
+
+draw.Text.addAttr("motionText", undefined, motionPath.motionPathType);
+
+draw.Text.prototype.__updateMotionText = function() {
+    const t = this;
+    if (!t.__.__textDrawData) return;
+    const data = t.__, {motion: motion, motionAround: motionAround} = data, {rows: rows, bounds: bounds} = data.__textDrawData;
+    let row, motionData;
+    const base = this.getMotionPoint(motion);
+    const textPath = [], pathPoint = {};
+    const pathElement = this.getMotionPath();
+    let offsetX = 0, offsetY = 0;
+    if (motionAround && motionAround !== "top-left") {
+        draw.AroundHelper.toPoint(motionAround, bounds, tempPoint);
+        offsetX = -tempPoint.x * t.scaleX, offsetY = -tempPoint.y * t.scaleY;
+    }
+    t.set({
+        x: base.x,
+        y: base.y
+    });
+    if (t.scale != 1) t.scale = 1;
+    if (t.rotation) t.rotation = 0;
+    for (let i = 0, len = rows.length; i < len; i++) {
+        row = rows[i];
+        if (row.data) row.data.forEach((charData, index) => {
+            motionData = charData.motion = this.getMotionPoint(motion, undefined, offsetX + charData.x, offsetY + row.y, pathElement);
+            draw.PointHelper.move(motionData, -base.x, -base.y);
+            draw.PointHelper.copy(pathPoint, motionData);
+            draw.PointHelper.toVertical(pathPoint, motionData.rotation, data.fontSize / 2);
+            if (!index) {
+                draw.PathCommandDataHelper.moveTo(textPath, motionData.x, motionData.y);
+            } else {
+                draw.PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y);
+                if (index === row.data.length - 1) {
+                    motionData = this.getMotionPoint(motion, undefined, offsetX + charData.x + charData.width, offsetY + row.y + data.fontSize / 2, pathElement);
+                    draw.PointHelper.move(motionData, -base.x, -base.y);
+                    draw.PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y);
+                }
+            }
+        });
+    }
+    t.__.__pathForMotionText = textPath;
+    draw.PathBounds.toBounds(textPath, t.__layout.boxBounds);
+    draw.BoundsHelper.spread(t.__layout.boxBounds, data.fontSize);
+    t.__layout.contentBounds = t.__layout.boxBounds;
+    t.__layout.resized = "inner";
+};
+
+draw.Paint.fillMotionText = function(ui, canvas, _renderOptions) {
+    const data = ui.__, {rows: rows} = data.__textDrawData;
+    if (data.__isPlacehold && data.placeholderColor) canvas.fillStyle = data.placeholderColor;
+    let row, motion;
+    const useRotation = data.motionRotation !== false;
+    for (let i = 0, len = rows.length; i < len; i++) {
+        row = rows[i];
+        if (row.data) row.data.forEach(charData => {
+            motion = charData.motion;
+            if (useRotation) {
+                canvas.setTransform(canvas.worldTransform);
+                canvas.translate(motion.x, motion.y);
+                canvas.rotate(motion.rotation * draw.OneRadian);
+                canvas.fillText(charData.char, 0, 0);
+            } else {
+                canvas.fillText(charData.char, motion.x, motion.y);
+            }
+        });
+    }
+};

package/dist/motion-text.esm.js

@@ -0,0 +1,75 @@
+import { Plugin, Text, AroundHelper, PointHelper, PathCommandDataHelper, PathBounds, BoundsHelper, Paint, OneRadian } from "@leafer-ui/draw";
+
+import { motionPathType } from "@leafer-in/motion-path";
+
+Plugin.add("motion-text");
+
+const tempPoint = {};
+
+Text.addAttr("motionText", undefined, motionPathType);
+
+Text.prototype.__updateMotionText = function() {
+    const t = this;
+    if (!t.__.__textDrawData) return;
+    const data = t.__, {motion: motion, motionAround: motionAround} = data, {rows: rows, bounds: bounds} = data.__textDrawData;
+    let row, motionData;
+    const base = this.getMotionPoint(motion);
+    const textPath = [], pathPoint = {};
+    const pathElement = this.getMotionPath();
+    let offsetX = 0, offsetY = 0;
+    if (motionAround && motionAround !== "top-left") {
+        AroundHelper.toPoint(motionAround, bounds, tempPoint);
+        offsetX = -tempPoint.x * t.scaleX, offsetY = -tempPoint.y * t.scaleY;
+    }
+    t.set({
+        x: base.x,
+        y: base.y
+    });
+    if (t.scale != 1) t.scale = 1;
+    if (t.rotation) t.rotation = 0;
+    for (let i = 0, len = rows.length; i < len; i++) {
+        row = rows[i];
+        if (row.data) row.data.forEach((charData, index) => {
+            motionData = charData.motion = this.getMotionPoint(motion, undefined, offsetX + charData.x, offsetY + row.y, pathElement);
+            PointHelper.move(motionData, -base.x, -base.y);
+            PointHelper.copy(pathPoint, motionData);
+            PointHelper.toVertical(pathPoint, motionData.rotation, data.fontSize / 2);
+            if (!index) {
+                PathCommandDataHelper.moveTo(textPath, motionData.x, motionData.y);
+            } else {
+                PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y);
+                if (index === row.data.length - 1) {
+                    motionData = this.getMotionPoint(motion, undefined, offsetX + charData.x + charData.width, offsetY + row.y + data.fontSize / 2, pathElement);
+                    PointHelper.move(motionData, -base.x, -base.y);
+                    PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y);
+                }
+            }
+        });
+    }
+    t.__.__pathForMotionText = textPath;
+    PathBounds.toBounds(textPath, t.__layout.boxBounds);
+    BoundsHelper.spread(t.__layout.boxBounds, data.fontSize);
+    t.__layout.contentBounds = t.__layout.boxBounds;
+    t.__layout.resized = "inner";
+};
+
+Paint.fillMotionText = function(ui, canvas, _renderOptions) {
+    const data = ui.__, {rows: rows} = data.__textDrawData;
+    if (data.__isPlacehold && data.placeholderColor) canvas.fillStyle = data.placeholderColor;
+    let row, motion;
+    const useRotation = data.motionRotation !== false;
+    for (let i = 0, len = rows.length; i < len; i++) {
+        row = rows[i];
+        if (row.data) row.data.forEach(charData => {
+            motion = charData.motion;
+            if (useRotation) {
+                canvas.setTransform(canvas.worldTransform);
+                canvas.translate(motion.x, motion.y);
+                canvas.rotate(motion.rotation * OneRadian);
+                canvas.fillText(charData.char, 0, 0);
+            } else {
+                canvas.fillText(charData.char, motion.x, motion.y);
+            }
+        });
+    }
+};

package/dist/motion-text.esm.min.js

@@ -0,0 +1,2 @@
+import{Plugin as t,Text as o,AroundHelper as e,PointHelper as n,PathCommandDataHelper as a,PathBounds as i,BoundsHelper as r,Paint as l,OneRadian as s}from"@leafer-ui/draw";import{motionPathType as _}from"@leafer-in/motion-path";t.add("motion-text");const d={};o.addAttr("motionText",void 0,_),o.prototype.__updateMotionText=function(){const t=this;if(!t.__.__textDrawData)return;const o=t.__,{motion:l,motionAround:s}=o,{rows:_,bounds:x}=o.__textDrawData;let c,f;const y=this.getMotionPoint(l),h=[],m={},u=this.getMotionPath();let p=0,T=0;s&&"top-left"!==s&&(e.toPoint(s,x,d),p=-d.x*t.scaleX,T=-d.y*t.scaleY),t.set({x:y.x,y:y.y}),1!=t.scale&&(t.scale=1),t.rotation&&(t.rotation=0);for(let t=0,e=_.length;t<e;t++)c=_[t],c.data&&c.data.forEach((t,e)=>{f=t.motion=this.getMotionPoint(l,void 0,p+t.x,T+c.y,u),n.move(f,-y.x,-y.y),n.copy(m,f),n.toVertical(m,f.rotation,o.fontSize/2),e?(a.lineTo(h,f.x,f.y),e===c.data.length-1&&(f=this.getMotionPoint(l,void 0,p+t.x+t.width,T+c.y+o.fontSize/2,u),n.move(f,-y.x,-y.y),a.lineTo(h,f.x,f.y))):a.moveTo(h,f.x,f.y)});t.__.__pathForMotionText=h,i.toBounds(h,t.__layout.boxBounds),r.spread(t.__layout.boxBounds,o.fontSize),t.__layout.contentBounds=t.__layout.boxBounds,t.__layout.resized="inner"},l.fillMotionText=function(t,o,e){const n=t.__,{rows:a}=n.__textDrawData;let i,r;n.__isPlacehold&&n.placeholderColor&&(o.fillStyle=n.placeholderColor);const l=!1!==n.motionRotation;for(let t=0,e=a.length;t<e;t++)i=a[t],i.data&&i.data.forEach(t=>{r=t.motion,l?(o.setTransform(o.worldTransform),o.translate(r.x,r.y),o.rotate(r.rotation*s),o.fillText(t.char,0,0)):o.fillText(t.char,r.x,r.y)})};
+//# sourceMappingURL=motion-text.esm.min.js.map

package/dist/motion-text.esm.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-text.esm.min.js","sources":["../../../../../../src/in/packages/motion-text/src/index.ts"],"sourcesContent":["import { ITextData, ITextRowData, IText, ILeaferCanvas, IRenderOptions, IRotationPointData, IPathCommandData, IPointData } from '@leafer-ui/interface'\nimport { OneRadian, Paint, Plugin, PointHelper, Text, PathCommandDataHelper, PathBounds, BoundsHelper, AroundHelper } from '@leafer-ui/draw'\n\nimport { motionPathType } from '@leafer-in/motion-path'\n\n\nPlugin.add('motion-text')\n\nconst tempPoint = {} as IPointData\n\n\nText.addAttr('motionText', undefined, motionPathType)\n\n\nText.prototype.__updateMotionText = function () {\n\n    const t = this\n\n    if (!t.__.__textDrawData) return\n\n    const data = t.__ as ITextData, { motion, motionAround } = data, { rows, bounds } = data.__textDrawData\n\n\n    let row: ITextRowData, motionData: IRotationPointData\n\n    const base = this.getMotionPoint(motion)\n\n    const textPath: IPathCommandData = [], pathPoint = {} as IPointData\n\n    const pathElement = this.getMotionPath()\n\n    let offsetX: number = 0, offsetY: number = 0\n    if (motionAround && motionAround !== 'top-left') {\n        AroundHelper.toPoint(motionAround, bounds, tempPoint)\n        offsetX = -tempPoint.x * t.scaleX, offsetY = -tempPoint.y * t.scaleY\n    }\n\n    t.set({ x: base.x, y: base.y })\n    if (t.scale != 1) t.scale = 1\n    if (t.rotation) t.rotation = 0\n\n    for (let i = 0, len = rows.length; i < len; i++) {\n        row = rows[i]\n\n        if (row.data) row.data.forEach((charData, index) => {\n            motionData = charData.motion = this.getMotionPoint(motion, undefined, offsetX + charData.x, offsetY + row.y, pathElement)\n            PointHelper.move(motionData, -base.x, -base.y)\n\n            PointHelper.copy(pathPoint, motionData)\n            PointHelper.toVertical(pathPoint, motionData.rotation, data.fontSize / 2)\n\n            if (!index) {\n                PathCommandDataHelper.moveTo(textPath, motionData.x, motionData.y)\n            } else {\n                PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y)\n\n                if (index === row.data.length - 1) {\n                    motionData = this.getMotionPoint(motion, undefined, offsetX + charData.x + charData.width, offsetY + row.y + data.fontSize / 2, pathElement)\n                    PointHelper.move(motionData, -base.x, -base.y)\n                    PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y)\n                }\n            }\n        })\n    }\n\n    t.__.__pathForMotionText = textPath\n\n    // 修改boxBounds\n    PathBounds.toBounds(textPath, t.__layout.boxBounds)\n    BoundsHelper.spread(t.__layout.boxBounds, data.fontSize)\n\n    t.__layout.contentBounds = t.__layout.boxBounds\n    t.__layout.resized = 'inner'\n\n}\n\nPaint.fillMotionText = function (ui: IText, canvas: ILeaferCanvas, _renderOptions: IRenderOptions): void {\n\n    const data = ui.__, { rows } = data.__textDrawData // , decorationY \n    if (data.__isPlacehold && data.placeholderColor) canvas.fillStyle = data.placeholderColor\n\n    let row: ITextRowData, motion: IRotationPointData\n    const useRotation = data.motionRotation !== false\n\n    for (let i = 0, len = rows.length; i < len; i++) {\n        row = rows[i]\n\n        if (row.data) row.data.forEach(charData => {\n\n            motion = charData.motion\n\n            if (useRotation) {\n                canvas.setTransform(canvas.worldTransform)\n                canvas.translate(motion.x, motion.y)\n                canvas.rotate(motion.rotation * OneRadian)\n                canvas.fillText(charData.char, 0, 0)\n            } else {\n                canvas.fillText(charData.char, motion.x, motion.y)\n            }\n\n        })\n    }\n\n}"],"names":["Plugin","add","tempPoint","Text","addAttr","undefined","motionPathType","prototype","__updateMotionText","t","this","__","__textDrawData","data","motion","motionAround","rows","bounds","row","motionData","base","getMotionPoint","textPath","pathPoint","pathElement","getMotionPath","offsetX","offsetY","AroundHelper","toPoint","x","scaleX","y","scaleY","set","scale","rotation","i","len","length","forEach","charData","index","PointHelper","move","copy","toVertical","fontSize","PathCommandDataHelper","lineTo","width","moveTo","__pathForMotionText","PathBounds","toBounds","__layout","boxBounds","BoundsHelper","spread","contentBounds","resized","Paint","fillMotionText","ui","canvas","_renderOptions","__isPlacehold","placeholderColor","fillStyle","useRotation","motionRotation","setTransform","worldTransform","translate","rotate","OneRadian","fillText","char"],"mappings":"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"}

package/dist/motion-text.js

@@ -0,0 +1,70 @@
+(function(draw, motionPath) {
+    "use strict";
+    draw.Plugin.add("motion-text");
+    const tempPoint = {};
+    draw.Text.addAttr("motionText", undefined, motionPath.motionPathType);
+    draw.Text.prototype.__updateMotionText = function() {
+        const t = this;
+        if (!t.__.__textDrawData) return;
+        const data = t.__, {motion: motion, motionAround: motionAround} = data, {rows: rows, bounds: bounds} = data.__textDrawData;
+        let row, motionData;
+        const base = this.getMotionPoint(motion);
+        const textPath = [], pathPoint = {};
+        const pathElement = this.getMotionPath();
+        let offsetX = 0, offsetY = 0;
+        if (motionAround && motionAround !== "top-left") {
+            draw.AroundHelper.toPoint(motionAround, bounds, tempPoint);
+            offsetX = -tempPoint.x * t.scaleX, offsetY = -tempPoint.y * t.scaleY;
+        }
+        t.set({
+            x: base.x,
+            y: base.y
+        });
+        if (t.scale != 1) t.scale = 1;
+        if (t.rotation) t.rotation = 0;
+        for (let i = 0, len = rows.length; i < len; i++) {
+            row = rows[i];
+            if (row.data) row.data.forEach((charData, index) => {
+                motionData = charData.motion = this.getMotionPoint(motion, undefined, offsetX + charData.x, offsetY + row.y, pathElement);
+                draw.PointHelper.move(motionData, -base.x, -base.y);
+                draw.PointHelper.copy(pathPoint, motionData);
+                draw.PointHelper.toVertical(pathPoint, motionData.rotation, data.fontSize / 2);
+                if (!index) {
+                    draw.PathCommandDataHelper.moveTo(textPath, motionData.x, motionData.y);
+                } else {
+                    draw.PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y);
+                    if (index === row.data.length - 1) {
+                        motionData = this.getMotionPoint(motion, undefined, offsetX + charData.x + charData.width, offsetY + row.y + data.fontSize / 2, pathElement);
+                        draw.PointHelper.move(motionData, -base.x, -base.y);
+                        draw.PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y);
+                    }
+                }
+            });
+        }
+        t.__.__pathForMotionText = textPath;
+        draw.PathBounds.toBounds(textPath, t.__layout.boxBounds);
+        draw.BoundsHelper.spread(t.__layout.boxBounds, data.fontSize);
+        t.__layout.contentBounds = t.__layout.boxBounds;
+        t.__layout.resized = "inner";
+    };
+    draw.Paint.fillMotionText = function(ui, canvas, _renderOptions) {
+        const data = ui.__, {rows: rows} = data.__textDrawData;
+        if (data.__isPlacehold && data.placeholderColor) canvas.fillStyle = data.placeholderColor;
+        let row, motion;
+        const useRotation = data.motionRotation !== false;
+        for (let i = 0, len = rows.length; i < len; i++) {
+            row = rows[i];
+            if (row.data) row.data.forEach(charData => {
+                motion = charData.motion;
+                if (useRotation) {
+                    canvas.setTransform(canvas.worldTransform);
+                    canvas.translate(motion.x, motion.y);
+                    canvas.rotate(motion.rotation * draw.OneRadian);
+                    canvas.fillText(charData.char, 0, 0);
+                } else {
+                    canvas.fillText(charData.char, motion.x, motion.y);
+                }
+            });
+        }
+    };
+})(LeaferUI, LeaferIN.motionPath);

package/dist/motion-text.min.cjs

@@ -0,0 +1,2 @@
+"use strict";var t=require("@leafer-ui/draw"),o=require("@leafer-in/motion-path");t.Plugin.add("motion-text");const e={};t.Text.addAttr("motionText",void 0,o.motionPathType),t.Text.prototype.__updateMotionText=function(){const o=this;if(!o.__.__textDrawData)return;const a=o.__,{motion:n,motionAround:i}=a,{rows:r,bounds:l}=a.__textDrawData;let d,s;const _=this.getMotionPoint(n),x=[],h={},u=this.getMotionPath();let c=0,y=0;i&&"top-left"!==i&&(t.AroundHelper.toPoint(i,l,e),c=-e.x*o.scaleX,y=-e.y*o.scaleY),o.set({x:_.x,y:_.y}),1!=o.scale&&(o.scale=1),o.rotation&&(o.rotation=0);for(let o=0,e=r.length;o<e;o++)d=r[o],d.data&&d.data.forEach((o,e)=>{s=o.motion=this.getMotionPoint(n,void 0,c+o.x,y+d.y,u),t.PointHelper.move(s,-_.x,-_.y),t.PointHelper.copy(h,s),t.PointHelper.toVertical(h,s.rotation,a.fontSize/2),e?(t.PathCommandDataHelper.lineTo(x,s.x,s.y),e===d.data.length-1&&(s=this.getMotionPoint(n,void 0,c+o.x+o.width,y+d.y+a.fontSize/2,u),t.PointHelper.move(s,-_.x,-_.y),t.PathCommandDataHelper.lineTo(x,s.x,s.y))):t.PathCommandDataHelper.moveTo(x,s.x,s.y)});o.__.__pathForMotionText=x,t.PathBounds.toBounds(x,o.__layout.boxBounds),t.BoundsHelper.spread(o.__layout.boxBounds,a.fontSize),o.__layout.contentBounds=o.__layout.boxBounds,o.__layout.resized="inner"},t.Paint.fillMotionText=function(o,e,a){const n=o.__,{rows:i}=n.__textDrawData;let r,l;n.__isPlacehold&&n.placeholderColor&&(e.fillStyle=n.placeholderColor);const d=!1!==n.motionRotation;for(let o=0,a=i.length;o<a;o++)r=i[o],r.data&&r.data.forEach(o=>{l=o.motion,d?(e.setTransform(e.worldTransform),e.translate(l.x,l.y),e.rotate(l.rotation*t.OneRadian),e.fillText(o.char,0,0)):e.fillText(o.char,l.x,l.y)})};
+//# sourceMappingURL=motion-text.min.cjs.map

package/dist/motion-text.min.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-text.min.cjs","sources":["../../../../../../src/in/packages/motion-text/src/index.ts"],"sourcesContent":["import { ITextData, ITextRowData, IText, ILeaferCanvas, IRenderOptions, IRotationPointData, IPathCommandData, IPointData } from '@leafer-ui/interface'\nimport { OneRadian, Paint, Plugin, PointHelper, Text, PathCommandDataHelper, PathBounds, BoundsHelper, AroundHelper } from '@leafer-ui/draw'\n\nimport { motionPathType } from '@leafer-in/motion-path'\n\n\nPlugin.add('motion-text')\n\nconst tempPoint = {} as IPointData\n\n\nText.addAttr('motionText', undefined, motionPathType)\n\n\nText.prototype.__updateMotionText = function () {\n\n    const t = this\n\n    if (!t.__.__textDrawData) return\n\n    const data = t.__ as ITextData, { motion, motionAround } = data, { rows, bounds } = data.__textDrawData\n\n\n    let row: ITextRowData, motionData: IRotationPointData\n\n    const base = this.getMotionPoint(motion)\n\n    const textPath: IPathCommandData = [], pathPoint = {} as IPointData\n\n    const pathElement = this.getMotionPath()\n\n    let offsetX: number = 0, offsetY: number = 0\n    if (motionAround && motionAround !== 'top-left') {\n        AroundHelper.toPoint(motionAround, bounds, tempPoint)\n        offsetX = -tempPoint.x * t.scaleX, offsetY = -tempPoint.y * t.scaleY\n    }\n\n    t.set({ x: base.x, y: base.y })\n    if (t.scale != 1) t.scale = 1\n    if (t.rotation) t.rotation = 0\n\n    for (let i = 0, len = rows.length; i < len; i++) {\n        row = rows[i]\n\n        if (row.data) row.data.forEach((charData, index) => {\n            motionData = charData.motion = this.getMotionPoint(motion, undefined, offsetX + charData.x, offsetY + row.y, pathElement)\n            PointHelper.move(motionData, -base.x, -base.y)\n\n            PointHelper.copy(pathPoint, motionData)\n            PointHelper.toVertical(pathPoint, motionData.rotation, data.fontSize / 2)\n\n            if (!index) {\n                PathCommandDataHelper.moveTo(textPath, motionData.x, motionData.y)\n            } else {\n                PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y)\n\n                if (index === row.data.length - 1) {\n                    motionData = this.getMotionPoint(motion, undefined, offsetX + charData.x + charData.width, offsetY + row.y + data.fontSize / 2, pathElement)\n                    PointHelper.move(motionData, -base.x, -base.y)\n                    PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y)\n                }\n            }\n        })\n    }\n\n    t.__.__pathForMotionText = textPath\n\n    // 修改boxBounds\n    PathBounds.toBounds(textPath, t.__layout.boxBounds)\n    BoundsHelper.spread(t.__layout.boxBounds, data.fontSize)\n\n    t.__layout.contentBounds = t.__layout.boxBounds\n    t.__layout.resized = 'inner'\n\n}\n\nPaint.fillMotionText = function (ui: IText, canvas: ILeaferCanvas, _renderOptions: IRenderOptions): void {\n\n    const data = ui.__, { rows } = data.__textDrawData // , decorationY \n    if (data.__isPlacehold && data.placeholderColor) canvas.fillStyle = data.placeholderColor\n\n    let row: ITextRowData, motion: IRotationPointData\n    const useRotation = data.motionRotation !== false\n\n    for (let i = 0, len = rows.length; i < len; i++) {\n        row = rows[i]\n\n        if (row.data) row.data.forEach(charData => {\n\n            motion = charData.motion\n\n            if (useRotation) {\n                canvas.setTransform(canvas.worldTransform)\n                canvas.translate(motion.x, motion.y)\n                canvas.rotate(motion.rotation * OneRadian)\n                canvas.fillText(charData.char, 0, 0)\n            } else {\n                canvas.fillText(charData.char, motion.x, motion.y)\n            }\n\n        })\n    }\n\n}"],"names":["Plugin","add","tempPoint","Text","addAttr","undefined","motionPathType","prototype","__updateMotionText","t","this","__","__textDrawData","data","motion","motionAround","rows","bounds","row","motionData","base","getMotionPoint","textPath","pathPoint","pathElement","getMotionPath","offsetX","offsetY","AroundHelper","toPoint","x","scaleX","y","scaleY","set","scale","rotation","i","len","length","forEach","charData","index","PointHelper","move","copy","toVertical","fontSize","PathCommandDataHelper","lineTo","width","moveTo","__pathForMotionText","PathBounds","toBounds","__layout","boxBounds","BoundsHelper","spread","contentBounds","resized","Paint","fillMotionText","ui","canvas","_renderOptions","__isPlacehold","placeholderColor","fillStyle","useRotation","motionRotation","setTransform","worldTransform","translate","rotate","OneRadian","fillText","char"],"mappings":"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"}

package/dist/motion-text.min.js

@@ -0,0 +1,2 @@
+!function(t,o){"use strict";t.Plugin.add("motion-text");const e={};t.Text.addAttr("motionText",void 0,o.motionPathType),t.Text.prototype.__updateMotionText=function(){const o=this;if(!o.__.__textDrawData)return;const n=o.__,{motion:a,motionAround:i}=n,{rows:l,bounds:r}=n.__textDrawData;let s,d;const _=this.getMotionPoint(a),x=[],c={},h=this.getMotionPath();let u=0,y=0;i&&"top-left"!==i&&(t.AroundHelper.toPoint(i,r,e),u=-e.x*o.scaleX,y=-e.y*o.scaleY),o.set({x:_.x,y:_.y}),1!=o.scale&&(o.scale=1),o.rotation&&(o.rotation=0);for(let o=0,e=l.length;o<e;o++)s=l[o],s.data&&s.data.forEach((o,e)=>{d=o.motion=this.getMotionPoint(a,void 0,u+o.x,y+s.y,h),t.PointHelper.move(d,-_.x,-_.y),t.PointHelper.copy(c,d),t.PointHelper.toVertical(c,d.rotation,n.fontSize/2),e?(t.PathCommandDataHelper.lineTo(x,d.x,d.y),e===s.data.length-1&&(d=this.getMotionPoint(a,void 0,u+o.x+o.width,y+s.y+n.fontSize/2,h),t.PointHelper.move(d,-_.x,-_.y),t.PathCommandDataHelper.lineTo(x,d.x,d.y))):t.PathCommandDataHelper.moveTo(x,d.x,d.y)});o.__.__pathForMotionText=x,t.PathBounds.toBounds(x,o.__layout.boxBounds),t.BoundsHelper.spread(o.__layout.boxBounds,n.fontSize),o.__layout.contentBounds=o.__layout.boxBounds,o.__layout.resized="inner"},t.Paint.fillMotionText=function(o,e,n){const a=o.__,{rows:i}=a.__textDrawData;let l,r;a.__isPlacehold&&a.placeholderColor&&(e.fillStyle=a.placeholderColor);const s=!1!==a.motionRotation;for(let o=0,n=i.length;o<n;o++)l=i[o],l.data&&l.data.forEach(o=>{r=o.motion,s?(e.setTransform(e.worldTransform),e.translate(r.x,r.y),e.rotate(r.rotation*t.OneRadian),e.fillText(o.char,0,0)):e.fillText(o.char,r.x,r.y)})}}(LeaferUI,LeaferIN.motionPath);
+//# sourceMappingURL=motion-text.min.js.map

package/dist/motion-text.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"motion-text.min.js","sources":["../../../../../../src/in/packages/motion-text/src/index.ts"],"sourcesContent":["import { ITextData, ITextRowData, IText, ILeaferCanvas, IRenderOptions, IRotationPointData, IPathCommandData, IPointData } from '@leafer-ui/interface'\nimport { OneRadian, Paint, Plugin, PointHelper, Text, PathCommandDataHelper, PathBounds, BoundsHelper, AroundHelper } from '@leafer-ui/draw'\n\nimport { motionPathType } from '@leafer-in/motion-path'\n\n\nPlugin.add('motion-text')\n\nconst tempPoint = {} as IPointData\n\n\nText.addAttr('motionText', undefined, motionPathType)\n\n\nText.prototype.__updateMotionText = function () {\n\n    const t = this\n\n    if (!t.__.__textDrawData) return\n\n    const data = t.__ as ITextData, { motion, motionAround } = data, { rows, bounds } = data.__textDrawData\n\n\n    let row: ITextRowData, motionData: IRotationPointData\n\n    const base = this.getMotionPoint(motion)\n\n    const textPath: IPathCommandData = [], pathPoint = {} as IPointData\n\n    const pathElement = this.getMotionPath()\n\n    let offsetX: number = 0, offsetY: number = 0\n    if (motionAround && motionAround !== 'top-left') {\n        AroundHelper.toPoint(motionAround, bounds, tempPoint)\n        offsetX = -tempPoint.x * t.scaleX, offsetY = -tempPoint.y * t.scaleY\n    }\n\n    t.set({ x: base.x, y: base.y })\n    if (t.scale != 1) t.scale = 1\n    if (t.rotation) t.rotation = 0\n\n    for (let i = 0, len = rows.length; i < len; i++) {\n        row = rows[i]\n\n        if (row.data) row.data.forEach((charData, index) => {\n            motionData = charData.motion = this.getMotionPoint(motion, undefined, offsetX + charData.x, offsetY + row.y, pathElement)\n            PointHelper.move(motionData, -base.x, -base.y)\n\n            PointHelper.copy(pathPoint, motionData)\n            PointHelper.toVertical(pathPoint, motionData.rotation, data.fontSize / 2)\n\n            if (!index) {\n                PathCommandDataHelper.moveTo(textPath, motionData.x, motionData.y)\n            } else {\n                PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y)\n\n                if (index === row.data.length - 1) {\n                    motionData = this.getMotionPoint(motion, undefined, offsetX + charData.x + charData.width, offsetY + row.y + data.fontSize / 2, pathElement)\n                    PointHelper.move(motionData, -base.x, -base.y)\n                    PathCommandDataHelper.lineTo(textPath, motionData.x, motionData.y)\n                }\n            }\n        })\n    }\n\n    t.__.__pathForMotionText = textPath\n\n    // 修改boxBounds\n    PathBounds.toBounds(textPath, t.__layout.boxBounds)\n    BoundsHelper.spread(t.__layout.boxBounds, data.fontSize)\n\n    t.__layout.contentBounds = t.__layout.boxBounds\n    t.__layout.resized = 'inner'\n\n}\n\nPaint.fillMotionText = function (ui: IText, canvas: ILeaferCanvas, _renderOptions: IRenderOptions): void {\n\n    const data = ui.__, { rows } = data.__textDrawData // , decorationY \n    if (data.__isPlacehold && data.placeholderColor) canvas.fillStyle = data.placeholderColor\n\n    let row: ITextRowData, motion: IRotationPointData\n    const useRotation = data.motionRotation !== false\n\n    for (let i = 0, len = rows.length; i < len; i++) {\n        row = rows[i]\n\n        if (row.data) row.data.forEach(charData => {\n\n            motion = charData.motion\n\n            if (useRotation) {\n                canvas.setTransform(canvas.worldTransform)\n                canvas.translate(motion.x, motion.y)\n                canvas.rotate(motion.rotation * OneRadian)\n                canvas.fillText(charData.char, 0, 0)\n            } else {\n                canvas.fillText(charData.char, motion.x, motion.y)\n            }\n\n        })\n    }\n\n}"],"names":["Plugin","add","tempPoint","Text","addAttr","undefined","motionPathType","prototype","__updateMotionText","t","this","__","__textDrawData","data","motion","motionAround","rows","bounds","row","motionData","base","getMotionPoint","textPath","pathPoint","pathElement","getMotionPath","offsetX","offsetY","AroundHelper","toPoint","x","scaleX","y","scaleY","set","scale","rotation","i","len","length","forEach","charData","index","PointHelper","move","copy","toVertical","fontSize","PathCommandDataHelper","lineTo","width","moveTo","__pathForMotionText","PathBounds","toBounds","__layout","boxBounds","BoundsHelper","spread","contentBounds","resized","Paint","fillMotionText","ui","canvas","_renderOptions","__isPlacehold","placeholderColor","fillStyle","useRotation","motionRotation","setTransform","worldTransform","translate","rotate","OneRadian","fillText","char"],"mappings":"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"}

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@leafer-in/motion-text",
-  "version": "2.3.0",
+  "version": "2.3.1",
   "description": "@leafer-in/motion-text",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
   "type": "module",
-  "main": "dist/motion-text.esm.js",
+  "main": "dist/motion-text.esm.min.js",
   "exports": {
-    "import": "./dist/motion-text.esm.js",
-    "require": "./dist/motion-text.cjs",
+    "import": "./dist/motion-text.esm.min.js",
+    "require": "./dist/motion-text.min.cjs",
     "types": "./types/index.d.ts"
   },
   "types": "types/index.d.ts",
-  "unpkg": "dist/motion-text.js",
-  "jsdelivr": "dist/motion-text.js",
+  "unpkg": "dist/motion-text.min.js",
+  "jsdelivr": "dist/motion-text.min.js",
   "files": [
     "src",
     "types",
@@ -34,8 +34,8 @@
     "leaferjs"
   ],
   "peerDependencies": {
-    "@leafer-ui/draw": "^2.3.0",
-    "@leafer-in/motion-path": "^2.3.0",
-    "@leafer-ui/interface": "^2.3.0"
+    "@leafer-ui/draw": "^2.3.1",
+    "@leafer-in/motion-path": "^2.3.1",
+    "@leafer-ui/interface": "^2.3.1"
   }
 }