@leafer-in/stroke-sides 2.3.0 → 2.3.2

package/dist/stroke-sides.cjs

@@ -0,0 +1,135 @@
+"use strict";
+
+var draw = require("@leafer-ui/draw");
+
+var core = require("@leafer/core");
+
+var core$1 = require("@leafer-ui/core");
+
+function fillStroke(stroke, ui, canvas, renderOptions) {
+    canvas.beginPath();
+    const {data: data, windingRule: windingRule} = ui.__.__pathForStroke;
+    core.PathDrawer.drawPathByData(canvas, data);
+    if (core.isObject(stroke)) {
+        drawStrokesStyle(stroke, ui, canvas, renderOptions);
+    } else {
+        canvas.fillStyle = stroke;
+        windingRule ? canvas.fill(windingRule) : canvas.fill();
+    }
+    if (ui.__.__fillAfterStroke) ui.__drawRenderPath(canvas);
+}
+
+function drawStrokesStyle(strokes, ui, canvas, renderOptions) {
+    let item;
+    for (let i = 0, len = strokes.length; i < len; i++) {
+        item = strokes[i];
+        if (item.image && draw.PaintImage.checkImage(item, false, ui, canvas, renderOptions)) continue;
+        if (item.style) {
+            const {windingRule: windingRule} = ui.__.__pathForStroke;
+            if (item.originPaint.blendMode) {
+                canvas.saveBlendMode(item.originPaint.blendMode);
+                canvas.fillStyle = item.style;
+                windingRule ? canvas.fill(windingRule) : canvas.fill();
+                canvas.restoreBlendMode();
+            } else {
+                canvas.fillStyle = item.style;
+                windingRule ? canvas.fill(windingRule) : canvas.fill();
+            }
+        }
+    }
+}
+
+function createRectStrokePath(width, height, cornerRadius, strokeWidth, strokeAlign) {
+    if (cornerRadius) {
+        const [r0, r1, r2, r3] = cornerRadius;
+        const [t, r_w, b, l] = strokeWidth;
+        const hasRadius = r0 + r1 + r2 + r3 > 0;
+        if (hasRadius) {
+            const data = [];
+            const expand = strokeAlign === "inside" ? 0 : strokeAlign === "center" ? .5 : 1;
+            const shrink = 1 - expand;
+            const ox = -l * expand, oy = -t * expand;
+            const ow = width + (l + r_w) * expand;
+            const oh = height + (t + b) * expand;
+            const outerR = [ r0 + Math.max(t, l) * expand, r1 + Math.max(t, r_w) * expand, r2 + Math.max(b, r_w) * expand, r3 + Math.max(b, l) * expand ];
+            const ix = l * shrink, iy = t * shrink;
+            const iw = width - (l + r_w) * shrink;
+            const ih = height - (t + b) * shrink;
+            core.PathCommandDataHelper.roundRect(data, ox, oy, ow, oh, outerR);
+            if (iw > 0 && ih > 0) {
+                const innerR = [ Math.max(0, r0 - Math.max(t, l) * shrink), Math.max(0, r1 - Math.max(t, r_w) * shrink), Math.max(0, r2 - Math.max(b, r_w) * shrink), Math.max(0, r3 - Math.max(b, l) * shrink) ];
+                core.PathCommandDataHelper.roundRect(data, ix, iy, iw, ih, innerR);
+            }
+            return {
+                data: data,
+                windingRule: "evenodd"
+            };
+        }
+    }
+    return createRectStrokePathNoRadius(width, height, strokeWidth, strokeAlign);
+}
+
+function createRectStrokePathNoRadius(width, height, strokeWidth, strokeAlign) {
+    const data = [];
+    const [t, r_w, b, l] = strokeWidth;
+    const ext = strokeAlign === "inside" ? 0 : strokeAlign === "center" ? .5 : 1;
+    const ins = 1 - ext;
+    const xL = -l * ext;
+    const xR = width + r_w * ext;
+    const yT = -t * ext;
+    const yB = height + b * ext;
+    const innerYStart = t * ins;
+    const innerYEnd = height - b * ins;
+    const innerHeight = Math.max(0, innerYEnd - innerYStart);
+    if (t > 0) core.PathCommandDataHelper.rect(data, xL, yT, xR - xL, t);
+    if (b > 0) core.PathCommandDataHelper.rect(data, xL, yB - b, xR - xL, b);
+    if (l > 0 && innerHeight > 0) {
+        core.PathCommandDataHelper.rect(data, xL, innerYStart, l, innerHeight);
+    }
+    if (r_w > 0 && innerHeight > 0) {
+        core.PathCommandDataHelper.rect(data, xR - r_w, innerYStart, r_w, innerHeight);
+    }
+    return {
+        data: data
+    };
+}
+
+function strokeWidthType(defaultValue) {
+    return core$1.decorateLeafAttr(defaultValue, key => core$1.attr({
+        set(value) {
+            if (this.__setAttr(key, value)) {
+                core$1.doStrokeType(this);
+                const data = this.__;
+                data.__useStroke = true;
+                let hasStrokeSides;
+                core$1.DataHelper.stintSet(data, "__hasStrokeSides", hasStrokeSides = core$1.isArray(value) && Math.max(...value));
+                if (hasStrokeSides) {
+                    core$1.doBoundsType(this);
+                } else if (data.__pathForStroke) data.__pathForStroke = undefined;
+            }
+        }
+    }));
+}
+
+draw.Plugin.add("stroke-sides");
+
+draw.Rect.addAttr("strokeWidth", 1, strokeWidthType);
+
+draw.Box.addAttr("strokeWidth", 1, strokeWidthType);
+
+draw.Paint.fillStroke = fillStroke;
+
+const {stintSet: stintSet} = draw.DataHelper;
+
+draw.Rect.prototype.__updatePath = draw.Box.prototype.__updatePath = function() {
+    const data = this.__;
+    if (data.__hasStrokeSides) {
+        const {width: width, height: height, cornerRadius: cornerRadius, strokeWidth: strokeWidth, strokeAlign: strokeAlign} = data;
+        data.__pathForStroke = data.__pathInputed ? undefined : createRectStrokePath(width, height, cornerRadius && draw.MathHelper.fourNumber(cornerRadius), draw.MathHelper.fourNumber(strokeWidth), strokeAlign);
+    }
+};
+
+draw.BoxData.prototype.__checkComplex = draw.RectData.prototype.__checkComplex = function() {
+    const t = this;
+    stintSet(t, "__complex", t.__isFills || t.__isStrokes || t.cornerRadius || t.__hasStrokeSides || t.__useEffect);
+};

package/dist/stroke-sides.esm.js

@@ -0,0 +1,133 @@
+import { PaintImage, Plugin, Rect, Box, Paint, DataHelper as DataHelper$1, MathHelper, BoxData, RectData } from "@leafer-ui/draw";
+
+import { PathDrawer, isObject, PathCommandDataHelper } from "@leafer/core";
+
+import { decorateLeafAttr, attr, doStrokeType, DataHelper, isArray, doBoundsType } from "@leafer-ui/core";
+
+function fillStroke(stroke, ui, canvas, renderOptions) {
+    canvas.beginPath();
+    const {data: data, windingRule: windingRule} = ui.__.__pathForStroke;
+    PathDrawer.drawPathByData(canvas, data);
+    if (isObject(stroke)) {
+        drawStrokesStyle(stroke, ui, canvas, renderOptions);
+    } else {
+        canvas.fillStyle = stroke;
+        windingRule ? canvas.fill(windingRule) : canvas.fill();
+    }
+    if (ui.__.__fillAfterStroke) ui.__drawRenderPath(canvas);
+}
+
+function drawStrokesStyle(strokes, ui, canvas, renderOptions) {
+    let item;
+    for (let i = 0, len = strokes.length; i < len; i++) {
+        item = strokes[i];
+        if (item.image && PaintImage.checkImage(item, false, ui, canvas, renderOptions)) continue;
+        if (item.style) {
+            const {windingRule: windingRule} = ui.__.__pathForStroke;
+            if (item.originPaint.blendMode) {
+                canvas.saveBlendMode(item.originPaint.blendMode);
+                canvas.fillStyle = item.style;
+                windingRule ? canvas.fill(windingRule) : canvas.fill();
+                canvas.restoreBlendMode();
+            } else {
+                canvas.fillStyle = item.style;
+                windingRule ? canvas.fill(windingRule) : canvas.fill();
+            }
+        }
+    }
+}
+
+function createRectStrokePath(width, height, cornerRadius, strokeWidth, strokeAlign) {
+    if (cornerRadius) {
+        const [r0, r1, r2, r3] = cornerRadius;
+        const [t, r_w, b, l] = strokeWidth;
+        const hasRadius = r0 + r1 + r2 + r3 > 0;
+        if (hasRadius) {
+            const data = [];
+            const expand = strokeAlign === "inside" ? 0 : strokeAlign === "center" ? .5 : 1;
+            const shrink = 1 - expand;
+            const ox = -l * expand, oy = -t * expand;
+            const ow = width + (l + r_w) * expand;
+            const oh = height + (t + b) * expand;
+            const outerR = [ r0 + Math.max(t, l) * expand, r1 + Math.max(t, r_w) * expand, r2 + Math.max(b, r_w) * expand, r3 + Math.max(b, l) * expand ];
+            const ix = l * shrink, iy = t * shrink;
+            const iw = width - (l + r_w) * shrink;
+            const ih = height - (t + b) * shrink;
+            PathCommandDataHelper.roundRect(data, ox, oy, ow, oh, outerR);
+            if (iw > 0 && ih > 0) {
+                const innerR = [ Math.max(0, r0 - Math.max(t, l) * shrink), Math.max(0, r1 - Math.max(t, r_w) * shrink), Math.max(0, r2 - Math.max(b, r_w) * shrink), Math.max(0, r3 - Math.max(b, l) * shrink) ];
+                PathCommandDataHelper.roundRect(data, ix, iy, iw, ih, innerR);
+            }
+            return {
+                data: data,
+                windingRule: "evenodd"
+            };
+        }
+    }
+    return createRectStrokePathNoRadius(width, height, strokeWidth, strokeAlign);
+}
+
+function createRectStrokePathNoRadius(width, height, strokeWidth, strokeAlign) {
+    const data = [];
+    const [t, r_w, b, l] = strokeWidth;
+    const ext = strokeAlign === "inside" ? 0 : strokeAlign === "center" ? .5 : 1;
+    const ins = 1 - ext;
+    const xL = -l * ext;
+    const xR = width + r_w * ext;
+    const yT = -t * ext;
+    const yB = height + b * ext;
+    const innerYStart = t * ins;
+    const innerYEnd = height - b * ins;
+    const innerHeight = Math.max(0, innerYEnd - innerYStart);
+    if (t > 0) PathCommandDataHelper.rect(data, xL, yT, xR - xL, t);
+    if (b > 0) PathCommandDataHelper.rect(data, xL, yB - b, xR - xL, b);
+    if (l > 0 && innerHeight > 0) {
+        PathCommandDataHelper.rect(data, xL, innerYStart, l, innerHeight);
+    }
+    if (r_w > 0 && innerHeight > 0) {
+        PathCommandDataHelper.rect(data, xR - r_w, innerYStart, r_w, innerHeight);
+    }
+    return {
+        data: data
+    };
+}
+
+function strokeWidthType(defaultValue) {
+    return decorateLeafAttr(defaultValue, key => attr({
+        set(value) {
+            if (this.__setAttr(key, value)) {
+                doStrokeType(this);
+                const data = this.__;
+                data.__useStroke = true;
+                let hasStrokeSides;
+                DataHelper.stintSet(data, "__hasStrokeSides", hasStrokeSides = isArray(value) && Math.max(...value));
+                if (hasStrokeSides) {
+                    doBoundsType(this);
+                } else if (data.__pathForStroke) data.__pathForStroke = undefined;
+            }
+        }
+    }));
+}
+
+Plugin.add("stroke-sides");
+
+Rect.addAttr("strokeWidth", 1, strokeWidthType);
+
+Box.addAttr("strokeWidth", 1, strokeWidthType);
+
+Paint.fillStroke = fillStroke;
+
+const {stintSet: stintSet} = DataHelper$1;
+
+Rect.prototype.__updatePath = Box.prototype.__updatePath = function() {
+    const data = this.__;
+    if (data.__hasStrokeSides) {
+        const {width: width, height: height, cornerRadius: cornerRadius, strokeWidth: strokeWidth, strokeAlign: strokeAlign} = data;
+        data.__pathForStroke = data.__pathInputed ? undefined : createRectStrokePath(width, height, cornerRadius && MathHelper.fourNumber(cornerRadius), MathHelper.fourNumber(strokeWidth), strokeAlign);
+    }
+};
+
+BoxData.prototype.__checkComplex = RectData.prototype.__checkComplex = function() {
+    const t = this;
+    stintSet(t, "__complex", t.__isFills || t.__isStrokes || t.cornerRadius || t.__hasStrokeSides || t.__useEffect);
+};

package/dist/stroke-sides.esm.min.js

@@ -0,0 +1,2 @@
+import{PaintImage as t,Plugin as e,Rect as o,Box as r,Paint as i,DataHelper as a,MathHelper as n,BoxData as _,RectData as s}from"@leafer-ui/draw";import{PathDrawer as l,isObject as d,PathCommandDataHelper as h}from"@leafer/core";import{decorateLeafAttr as c,attr as f,doStrokeType as u,DataHelper as m,isArray as p,doBoundsType as k}from"@leafer-ui/core";function S(t,e,o,r,i){if(o){const[a,n,_,s]=o,[l,d,c,f]=r;if(a+n+_+s>0){const o=[],r="inside"===i?0:"center"===i?.5:1,u=1-r,m=-f*r,p=-l*r,k=t+(f+d)*r,S=e+(l+c)*r,M=[a+Math.max(l,f)*r,n+Math.max(l,d)*r,_+Math.max(c,d)*r,s+Math.max(c,f)*r],x=f*u,g=l*u,y=t-(f+d)*u,R=e-(l+c)*u;if(h.roundRect(o,m,p,k,S,M),y>0&&R>0){const t=[Math.max(0,a-Math.max(l,f)*u),Math.max(0,n-Math.max(l,d)*u),Math.max(0,_-Math.max(c,d)*u),Math.max(0,s-Math.max(c,f)*u)];h.roundRect(o,x,g,y,R,t)}return{data:o,windingRule:"evenodd"}}}return function(t,e,o,r){const i=[],[a,n,_,s]=o,l="inside"===r?0:"center"===r?.5:1,d=1-l,c=-s*l,f=t+n*l,u=-a*l,m=e+_*l,p=a*d,k=e-_*d,S=Math.max(0,k-p);a>0&&h.rect(i,c,u,f-c,a);_>0&&h.rect(i,c,m-_,f-c,_);s>0&&S>0&&h.rect(i,c,p,s,S);n>0&&S>0&&h.rect(i,f-n,p,n,S);return{data:i}}(t,e,r,i)}function M(t){return c(t,t=>f({set(e){if(this.__setAttr(t,e)){u(this);const t=this.__;let o;t.__useStroke=!0,m.stintSet(t,"__hasStrokeSides",o=p(e)&&Math.max(...e)),o?k(this):t.__pathForStroke&&(t.__pathForStroke=void 0)}}}))}e.add("stroke-sides"),o.addAttr("strokeWidth",1,M),r.addAttr("strokeWidth",1,M),i.fillStroke=function(e,o,r,i){r.beginPath();const{data:a,windingRule:n}=o.__.__pathForStroke;l.drawPathByData(r,a),d(e)?function(e,o,r,i){let a;for(let n=0,_=e.length;n<_;n++)if(a=e[n],(!a.image||!t.checkImage(a,!1,o,r,i))&&a.style){const{windingRule:t}=o.__.__pathForStroke;a.originPaint.blendMode?(r.saveBlendMode(a.originPaint.blendMode),r.fillStyle=a.style,t?r.fill(t):r.fill(),r.restoreBlendMode()):(r.fillStyle=a.style,t?r.fill(t):r.fill())}}(e,o,r,i):(r.fillStyle=e,n?r.fill(n):r.fill()),o.__.__fillAfterStroke&&o.__drawRenderPath(r)};const{stintSet:x}=a;o.prototype.__updatePath=r.prototype.__updatePath=function(){const t=this.__;if(t.__hasStrokeSides){const{width:e,height:o,cornerRadius:r,strokeWidth:i,strokeAlign:a}=t;t.__pathForStroke=t.__pathInputed?void 0:S(e,o,r&&n.fourNumber(r),n.fourNumber(i),a)}},_.prototype.__checkComplex=s.prototype.__checkComplex=function(){const t=this;x(t,"__complex",t.__isFills||t.__isStrokes||t.cornerRadius||t.__hasStrokeSides||t.__useEffect)};
+//# sourceMappingURL=stroke-sides.esm.min.js.map

package/dist/stroke-sides.esm.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stroke-sides.esm.min.js","sources":["../../../../../../src/in/packages/stroke-sides/src/path.ts","../../../../../../src/in/packages/stroke-sides/src/decorator.ts","../../../../../../src/in/packages/stroke-sides/src/index.ts","../../../../../../src/in/packages/stroke-sides/src/fillSroke.ts"],"sourcesContent":["import { IPathCommandData, IPathCommandDataWithWindingRule } from '@leafer/interface'\nimport { PathCommandDataHelper } from \"@leafer/core\"\nimport { IStrokeAlign } from '@leafer-ui/interface'\n\n/**\n * 矩形描边路径生成器\n * 支持非均匀描边（上右下左宽度不同）与圆角逻辑\n */\nexport function createRectStrokePath(width: number, height: number, cornerRadius: number[] | undefined, strokeWidth: number[], strokeAlign: IStrokeAlign): IPathCommandDataWithWindingRule {\n\n    if (cornerRadius) {\n        const [r0, r1, r2, r3] = cornerRadius\n        const [t, r_w, b, l] = strokeWidth\n\n        const hasRadius = (r0 + r1 + r2 + r3) > 0\n\n        // 场景 A: 包含圆角，必须使用 evenodd 挖空法\n        if (hasRadius) {\n            const data: IPathCommandData = []\n            const expand = strokeAlign === 'inside' ? 0 : (strokeAlign === 'center' ? 0.5 : 1)\n            const shrink = 1 - expand\n\n            // 外边界参数\n            const ox = -l * expand, oy = -t * expand\n            const ow = width + (l + r_w) * expand\n            const oh = height + (t + b) * expand\n            const outerR = [\n                r0 + Math.max(t, l) * expand,\n                r1 + Math.max(t, r_w) * expand,\n                r2 + Math.max(b, r_w) * expand,\n                r3 + Math.max(b, l) * expand\n            ]\n\n            // 内边界参数\n            const ix = l * shrink, iy = t * shrink\n            const iw = width - (l + r_w) * shrink\n            const ih = height - (t + b) * shrink\n\n            // 绘制外框\n            PathCommandDataHelper.roundRect(data, ox, oy, ow, oh, outerR)\n\n            // 只有内框有空间时才绘制内框（进行掏空）\n            if (iw > 0 && ih > 0) {\n                const innerR = [\n                    Math.max(0, r0 - Math.max(t, l) * shrink),\n                    Math.max(0, r1 - Math.max(t, r_w) * shrink),\n                    Math.max(0, r2 - Math.max(b, r_w) * shrink),\n                    Math.max(0, r3 - Math.max(b, l) * shrink)\n                ]\n                PathCommandDataHelper.roundRect(data, ix, iy, iw, ih, innerR)\n            }\n\n            return { data, windingRule: 'evenodd' }\n        }\n    }\n\n\n\n    // 场景 B: 纯直角，采用四边拼接法 (性能最优，无 WindingRule 依赖)\n    return createRectStrokePathNoRadius(width, height, strokeWidth, strokeAlign)\n}\n\n/**\n * 纯直角矩形描边生成器 (拼接法)\n */\nfunction createRectStrokePathNoRadius(\n    width: number,\n    height: number,\n    strokeWidth: number[],\n    strokeAlign: IStrokeAlign\n): IPathCommandDataWithWindingRule {\n    const data: IPathCommandData = []\n    const [t, r_w, b, l] = strokeWidth\n\n    const ext = strokeAlign === 'inside' ? 0 : (strokeAlign === 'center' ? 0.5 : 1)\n    const ins = 1 - ext\n\n    // 计算外部极值边界坐标\n    const xL = -l * ext\n    const xR = width + r_w * ext\n    const yT = -t * ext\n    const yB = height + b * ext\n\n    // 计算内部裁剪边界坐标 (用于侧边填充高度)\n    const innerYStart = t * ins\n    const innerYEnd = height - b * ins\n    const innerHeight = Math.max(0, innerYEnd - innerYStart)\n\n    // 1. Top Bar: 覆盖全宽\n    if (t > 0) PathCommandDataHelper.rect(data, xL, yT, xR - xL, t)\n\n    // 2. Bottom Bar: 覆盖全宽\n    if (b > 0) PathCommandDataHelper.rect(data, xL, yB - b, xR - xL, b)\n\n    // 3. Left Bar: 填充中间高度，避免与 Top/Bottom 重合\n    if (l > 0 && innerHeight > 0) {\n        PathCommandDataHelper.rect(data, xL, innerYStart, l, innerHeight)\n    }\n\n    // 4. Right Bar: 填充中间高度\n    if (r_w > 0 && innerHeight > 0) {\n        PathCommandDataHelper.rect(data, xR - r_w, innerYStart, r_w, innerHeight)\n    }\n\n    return { data }\n}","import { IUIData, IValue } from '@leafer-ui/interface'\nimport { decorateLeafAttr, attr, doStrokeType, doBoundsType, isArray, DataHelper } from '@leafer-ui/core'\n\nexport function strokeWidthType(defaultValue?: IValue) {\n    return decorateLeafAttr(defaultValue, (key: string) => attr({\n        set(value: IValue) {\n            if (this.__setAttr(key, value)) {\n                doStrokeType(this)\n                const data = this.__\n                data.__useStroke = true\n                let hasStrokeSides\n                DataHelper.stintSet(data as IUIData, '__hasStrokeSides', hasStrokeSides = isArray(value) && Math.max(...value))\n                if (hasStrokeSides) {\n                    doBoundsType(this)\n                } else if ((data as IUIData).__pathForStroke) (data as IUIData).__pathForStroke = undefined\n            }\n        }\n    }))\n}","import { Paint, Plugin, Rect, Box, RectData, DataHelper, MathHelper, BoxData } from '@leafer-ui/draw'\nimport { fillStroke } from './fillSroke'\nimport { createRectStrokePath } from './path'\nimport { strokeWidthType } from './decorator'\nimport { IRectData } from '@leafer-ui/interface'\n\nPlugin.add('stroke-sides')\n\nRect.addAttr('strokeWidth', 1, strokeWidthType)\nBox.addAttr('strokeWidth', 1, strokeWidthType)\n\nPaint.fillStroke = fillStroke\n\nconst { stintSet } = DataHelper\n\nRect.prototype.__updatePath = Box.prototype.__updatePath = function (): void {\n    const data = this.__\n    if (data.__hasStrokeSides) {\n        const { width, height, cornerRadius, strokeWidth, strokeAlign } = data\n        data.__pathForStroke = data.__pathInputed ? undefined : createRectStrokePath(width, height, cornerRadius && MathHelper.fourNumber(cornerRadius), MathHelper.fourNumber(strokeWidth), strokeAlign)\n    }\n}\n\nBoxData.prototype.__checkComplex = RectData.prototype.__checkComplex = function (): void {\n    const t = this as IRectData\n    stintSet(t, '__complex', (t.__isFills || t.__isStrokes || t.cornerRadius || t.__hasStrokeSides || t.__useEffect) as boolean)\n}","import { ILeaferCanvas, IRenderOptions } from '@leafer/interface'\nimport { isObject, PathDrawer } from \"@leafer/core\"\n\nimport { IUI, ILeafPaint, ILeafStrokePaint } from '@leafer-ui/interface'\nimport { PaintImage } from \"@leafer-ui/draw\"\n\n\nexport function fillStroke(stroke: string | ILeafPaint[], ui: IUI, canvas: ILeaferCanvas, renderOptions: IRenderOptions): void {\n\n    canvas.beginPath()\n    const { data, windingRule } = ui.__.__pathForStroke\n    PathDrawer.drawPathByData(canvas, data)\n\n    if (isObject(stroke)) {\n        drawStrokesStyle(stroke, ui, canvas, renderOptions)\n    } else {\n\n        canvas.fillStyle = stroke\n        windingRule ? canvas.fill(windingRule) : canvas.fill()\n\n    }\n\n    if (ui.__.__fillAfterStroke) ui.__drawRenderPath(canvas)\n}\n\n\nfunction drawStrokesStyle(strokes: ILeafStrokePaint[], ui: IUI, canvas: ILeaferCanvas, renderOptions: IRenderOptions): void {\n    let item: ILeafStrokePaint\n\n    for (let i = 0, len = strokes.length; i < len; i++) {\n        item = strokes[i]\n\n        if (item.image && PaintImage.checkImage(item, false, ui, canvas, renderOptions)) continue\n\n        if (item.style) {\n\n            const { windingRule } = ui.__.__pathForStroke\n\n            if (item.originPaint.blendMode) {\n                canvas.saveBlendMode(item.originPaint.blendMode)\n                canvas.fillStyle = item.style\n                windingRule ? canvas.fill(windingRule) : canvas.fill()\n                canvas.restoreBlendMode()\n            } else {\n                canvas.fillStyle = item.style\n                windingRule ? canvas.fill(windingRule) : canvas.fill()\n            }\n        }\n    }\n}"],"names":["createRectStrokePath","width","height","cornerRadius","strokeWidth","strokeAlign","r0","r1","r2","r3","t","r_w","b","l","data","expand","shrink","ox","oy","ow","oh","outerR","Math","max","ix","iy","iw","ih","PathCommandDataHelper","roundRect","innerR","windingRule","ext","ins","xL","xR","yT","yB","innerYStart","innerYEnd","innerHeight","rect","createRectStrokePathNoRadius","strokeWidthType","defaultValue","decorateLeafAttr","key","attr","set","value","this","__setAttr","doStrokeType","__","hasStrokeSides","__useStroke","DataHelper","stintSet","isArray","doBoundsType","__pathForStroke","undefined","Plugin","add","Rect","addAttr","Box","Paint","fillStroke","stroke","ui","canvas","renderOptions","beginPath","PathDrawer","drawPathByData","isObject","strokes","item","i","len","length","image","PaintImage","checkImage","style","originPaint","blendMode","saveBlendMode","fillStyle","fill","restoreBlendMode","drawStrokesStyle","__fillAfterStroke","__drawRenderPath","prototype","__updatePath","__hasStrokeSides","__pathInputed","MathHelper","fourNumber","BoxData","__checkComplex","RectData","__isFills","__isStrokes","__useEffect"],"mappings":"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"}

package/dist/stroke-sides.js

@@ -0,0 +1,119 @@
+(function(draw, core, core$1) {
+    "use strict";
+    function fillStroke(stroke, ui, canvas, renderOptions) {
+        canvas.beginPath();
+        const {data: data, windingRule: windingRule} = ui.__.__pathForStroke;
+        core.PathDrawer.drawPathByData(canvas, data);
+        if (core.isObject(stroke)) {
+            drawStrokesStyle(stroke, ui, canvas, renderOptions);
+        } else {
+            canvas.fillStyle = stroke;
+            windingRule ? canvas.fill(windingRule) : canvas.fill();
+        }
+        if (ui.__.__fillAfterStroke) ui.__drawRenderPath(canvas);
+    }
+    function drawStrokesStyle(strokes, ui, canvas, renderOptions) {
+        let item;
+        for (let i = 0, len = strokes.length; i < len; i++) {
+            item = strokes[i];
+            if (item.image && draw.PaintImage.checkImage(item, false, ui, canvas, renderOptions)) continue;
+            if (item.style) {
+                const {windingRule: windingRule} = ui.__.__pathForStroke;
+                if (item.originPaint.blendMode) {
+                    canvas.saveBlendMode(item.originPaint.blendMode);
+                    canvas.fillStyle = item.style;
+                    windingRule ? canvas.fill(windingRule) : canvas.fill();
+                    canvas.restoreBlendMode();
+                } else {
+                    canvas.fillStyle = item.style;
+                    windingRule ? canvas.fill(windingRule) : canvas.fill();
+                }
+            }
+        }
+    }
+    function createRectStrokePath(width, height, cornerRadius, strokeWidth, strokeAlign) {
+        if (cornerRadius) {
+            const [r0, r1, r2, r3] = cornerRadius;
+            const [t, r_w, b, l] = strokeWidth;
+            const hasRadius = r0 + r1 + r2 + r3 > 0;
+            if (hasRadius) {
+                const data = [];
+                const expand = strokeAlign === "inside" ? 0 : strokeAlign === "center" ? .5 : 1;
+                const shrink = 1 - expand;
+                const ox = -l * expand, oy = -t * expand;
+                const ow = width + (l + r_w) * expand;
+                const oh = height + (t + b) * expand;
+                const outerR = [ r0 + Math.max(t, l) * expand, r1 + Math.max(t, r_w) * expand, r2 + Math.max(b, r_w) * expand, r3 + Math.max(b, l) * expand ];
+                const ix = l * shrink, iy = t * shrink;
+                const iw = width - (l + r_w) * shrink;
+                const ih = height - (t + b) * shrink;
+                core.PathCommandDataHelper.roundRect(data, ox, oy, ow, oh, outerR);
+                if (iw > 0 && ih > 0) {
+                    const innerR = [ Math.max(0, r0 - Math.max(t, l) * shrink), Math.max(0, r1 - Math.max(t, r_w) * shrink), Math.max(0, r2 - Math.max(b, r_w) * shrink), Math.max(0, r3 - Math.max(b, l) * shrink) ];
+                    core.PathCommandDataHelper.roundRect(data, ix, iy, iw, ih, innerR);
+                }
+                return {
+                    data: data,
+                    windingRule: "evenodd"
+                };
+            }
+        }
+        return createRectStrokePathNoRadius(width, height, strokeWidth, strokeAlign);
+    }
+    function createRectStrokePathNoRadius(width, height, strokeWidth, strokeAlign) {
+        const data = [];
+        const [t, r_w, b, l] = strokeWidth;
+        const ext = strokeAlign === "inside" ? 0 : strokeAlign === "center" ? .5 : 1;
+        const ins = 1 - ext;
+        const xL = -l * ext;
+        const xR = width + r_w * ext;
+        const yT = -t * ext;
+        const yB = height + b * ext;
+        const innerYStart = t * ins;
+        const innerYEnd = height - b * ins;
+        const innerHeight = Math.max(0, innerYEnd - innerYStart);
+        if (t > 0) core.PathCommandDataHelper.rect(data, xL, yT, xR - xL, t);
+        if (b > 0) core.PathCommandDataHelper.rect(data, xL, yB - b, xR - xL, b);
+        if (l > 0 && innerHeight > 0) {
+            core.PathCommandDataHelper.rect(data, xL, innerYStart, l, innerHeight);
+        }
+        if (r_w > 0 && innerHeight > 0) {
+            core.PathCommandDataHelper.rect(data, xR - r_w, innerYStart, r_w, innerHeight);
+        }
+        return {
+            data: data
+        };
+    }
+    function strokeWidthType(defaultValue) {
+        return core$1.decorateLeafAttr(defaultValue, key => core$1.attr({
+            set(value) {
+                if (this.__setAttr(key, value)) {
+                    core$1.doStrokeType(this);
+                    const data = this.__;
+                    data.__useStroke = true;
+                    let hasStrokeSides;
+                    core$1.DataHelper.stintSet(data, "__hasStrokeSides", hasStrokeSides = core$1.isArray(value) && Math.max(...value));
+                    if (hasStrokeSides) {
+                        core$1.doBoundsType(this);
+                    } else if (data.__pathForStroke) data.__pathForStroke = undefined;
+                }
+            }
+        }));
+    }
+    draw.Plugin.add("stroke-sides");
+    draw.Rect.addAttr("strokeWidth", 1, strokeWidthType);
+    draw.Box.addAttr("strokeWidth", 1, strokeWidthType);
+    draw.Paint.fillStroke = fillStroke;
+    const {stintSet: stintSet} = draw.DataHelper;
+    draw.Rect.prototype.__updatePath = draw.Box.prototype.__updatePath = function() {
+        const data = this.__;
+        if (data.__hasStrokeSides) {
+            const {width: width, height: height, cornerRadius: cornerRadius, strokeWidth: strokeWidth, strokeAlign: strokeAlign} = data;
+            data.__pathForStroke = data.__pathInputed ? undefined : createRectStrokePath(width, height, cornerRadius && draw.MathHelper.fourNumber(cornerRadius), draw.MathHelper.fourNumber(strokeWidth), strokeAlign);
+        }
+    };
+    draw.BoxData.prototype.__checkComplex = draw.RectData.prototype.__checkComplex = function() {
+        const t = this;
+        stintSet(t, "__complex", t.__isFills || t.__isStrokes || t.cornerRadius || t.__hasStrokeSides || t.__useEffect);
+    };
+})(LeaferUI, LeaferUI, LeaferUI);

package/dist/stroke-sides.min.cjs

@@ -0,0 +1,2 @@
+"use strict";var t=require("@leafer-ui/draw"),e=require("@leafer/core"),a=require("@leafer-ui/core");function r(t,a,r,o,i){if(r){const[n,l,d,s]=r,[h,_,c,u]=o;if(n+l+d+s>0){const r=[],o="inside"===i?0:"center"===i?.5:1,f=1-o,m=-u*o,p=-h*o,k=t+(u+_)*o,S=a+(h+c)*o,x=[n+Math.max(h,u)*o,l+Math.max(h,_)*o,d+Math.max(c,_)*o,s+Math.max(c,u)*o],M=u*f,P=h*f,y=t-(u+_)*f,g=a-(h+c)*f;if(e.PathCommandDataHelper.roundRect(r,m,p,k,S,x),y>0&&g>0){const t=[Math.max(0,n-Math.max(h,u)*f),Math.max(0,l-Math.max(h,_)*f),Math.max(0,d-Math.max(c,_)*f),Math.max(0,s-Math.max(c,u)*f)];e.PathCommandDataHelper.roundRect(r,M,P,y,g,t)}return{data:r,windingRule:"evenodd"}}}return function(t,a,r,o){const i=[],[n,l,d,s]=r,h="inside"===o?0:"center"===o?.5:1,_=1-h,c=-s*h,u=t+l*h,f=-n*h,m=a+d*h,p=n*_,k=a-d*_,S=Math.max(0,k-p);n>0&&e.PathCommandDataHelper.rect(i,c,f,u-c,n);d>0&&e.PathCommandDataHelper.rect(i,c,m-d,u-c,d);s>0&&S>0&&e.PathCommandDataHelper.rect(i,c,p,s,S);l>0&&S>0&&e.PathCommandDataHelper.rect(i,u-l,p,l,S);return{data:i}}(t,a,o,i)}function o(t){return a.decorateLeafAttr(t,t=>a.attr({set(e){if(this.__setAttr(t,e)){a.doStrokeType(this);const t=this.__;let r;t.__useStroke=!0,a.DataHelper.stintSet(t,"__hasStrokeSides",r=a.isArray(e)&&Math.max(...e)),r?a.doBoundsType(this):t.__pathForStroke&&(t.__pathForStroke=void 0)}}}))}t.Plugin.add("stroke-sides"),t.Rect.addAttr("strokeWidth",1,o),t.Box.addAttr("strokeWidth",1,o),t.Paint.fillStroke=function(a,r,o,i){o.beginPath();const{data:n,windingRule:l}=r.__.__pathForStroke;e.PathDrawer.drawPathByData(o,n),e.isObject(a)?function(e,a,r,o){let i;for(let n=0,l=e.length;n<l;n++)if(i=e[n],(!i.image||!t.PaintImage.checkImage(i,!1,a,r,o))&&i.style){const{windingRule:t}=a.__.__pathForStroke;i.originPaint.blendMode?(r.saveBlendMode(i.originPaint.blendMode),r.fillStyle=i.style,t?r.fill(t):r.fill(),r.restoreBlendMode()):(r.fillStyle=i.style,t?r.fill(t):r.fill())}}(a,r,o,i):(o.fillStyle=a,l?o.fill(l):o.fill()),r.__.__fillAfterStroke&&r.__drawRenderPath(o)};const{stintSet:i}=t.DataHelper;t.Rect.prototype.__updatePath=t.Box.prototype.__updatePath=function(){const e=this.__;if(e.__hasStrokeSides){const{width:a,height:o,cornerRadius:i,strokeWidth:n,strokeAlign:l}=e;e.__pathForStroke=e.__pathInputed?void 0:r(a,o,i&&t.MathHelper.fourNumber(i),t.MathHelper.fourNumber(n),l)}},t.BoxData.prototype.__checkComplex=t.RectData.prototype.__checkComplex=function(){const t=this;i(t,"__complex",t.__isFills||t.__isStrokes||t.cornerRadius||t.__hasStrokeSides||t.__useEffect)};
+//# sourceMappingURL=stroke-sides.min.cjs.map

package/dist/stroke-sides.min.cjs.map

@@ -0,0 +1 @@
+{"version":3,"file":"stroke-sides.min.cjs","sources":["../../../../../../src/in/packages/stroke-sides/src/path.ts","../../../../../../src/in/packages/stroke-sides/src/decorator.ts","../../../../../../src/in/packages/stroke-sides/src/index.ts","../../../../../../src/in/packages/stroke-sides/src/fillSroke.ts"],"sourcesContent":["import { IPathCommandData, IPathCommandDataWithWindingRule } from '@leafer/interface'\nimport { PathCommandDataHelper } from \"@leafer/core\"\nimport { IStrokeAlign } from '@leafer-ui/interface'\n\n/**\n * 矩形描边路径生成器\n * 支持非均匀描边（上右下左宽度不同）与圆角逻辑\n */\nexport function createRectStrokePath(width: number, height: number, cornerRadius: number[] | undefined, strokeWidth: number[], strokeAlign: IStrokeAlign): IPathCommandDataWithWindingRule {\n\n    if (cornerRadius) {\n        const [r0, r1, r2, r3] = cornerRadius\n        const [t, r_w, b, l] = strokeWidth\n\n        const hasRadius = (r0 + r1 + r2 + r3) > 0\n\n        // 场景 A: 包含圆角，必须使用 evenodd 挖空法\n        if (hasRadius) {\n            const data: IPathCommandData = []\n            const expand = strokeAlign === 'inside' ? 0 : (strokeAlign === 'center' ? 0.5 : 1)\n            const shrink = 1 - expand\n\n            // 外边界参数\n            const ox = -l * expand, oy = -t * expand\n            const ow = width + (l + r_w) * expand\n            const oh = height + (t + b) * expand\n            const outerR = [\n                r0 + Math.max(t, l) * expand,\n                r1 + Math.max(t, r_w) * expand,\n                r2 + Math.max(b, r_w) * expand,\n                r3 + Math.max(b, l) * expand\n            ]\n\n            // 内边界参数\n            const ix = l * shrink, iy = t * shrink\n            const iw = width - (l + r_w) * shrink\n            const ih = height - (t + b) * shrink\n\n            // 绘制外框\n            PathCommandDataHelper.roundRect(data, ox, oy, ow, oh, outerR)\n\n            // 只有内框有空间时才绘制内框（进行掏空）\n            if (iw > 0 && ih > 0) {\n                const innerR = [\n                    Math.max(0, r0 - Math.max(t, l) * shrink),\n                    Math.max(0, r1 - Math.max(t, r_w) * shrink),\n                    Math.max(0, r2 - Math.max(b, r_w) * shrink),\n                    Math.max(0, r3 - Math.max(b, l) * shrink)\n                ]\n                PathCommandDataHelper.roundRect(data, ix, iy, iw, ih, innerR)\n            }\n\n            return { data, windingRule: 'evenodd' }\n        }\n    }\n\n\n\n    // 场景 B: 纯直角，采用四边拼接法 (性能最优，无 WindingRule 依赖)\n    return createRectStrokePathNoRadius(width, height, strokeWidth, strokeAlign)\n}\n\n/**\n * 纯直角矩形描边生成器 (拼接法)\n */\nfunction createRectStrokePathNoRadius(\n    width: number,\n    height: number,\n    strokeWidth: number[],\n    strokeAlign: IStrokeAlign\n): IPathCommandDataWithWindingRule {\n    const data: IPathCommandData = []\n    const [t, r_w, b, l] = strokeWidth\n\n    const ext = strokeAlign === 'inside' ? 0 : (strokeAlign === 'center' ? 0.5 : 1)\n    const ins = 1 - ext\n\n    // 计算外部极值边界坐标\n    const xL = -l * ext\n    const xR = width + r_w * ext\n    const yT = -t * ext\n    const yB = height + b * ext\n\n    // 计算内部裁剪边界坐标 (用于侧边填充高度)\n    const innerYStart = t * ins\n    const innerYEnd = height - b * ins\n    const innerHeight = Math.max(0, innerYEnd - innerYStart)\n\n    // 1. Top Bar: 覆盖全宽\n    if (t > 0) PathCommandDataHelper.rect(data, xL, yT, xR - xL, t)\n\n    // 2. Bottom Bar: 覆盖全宽\n    if (b > 0) PathCommandDataHelper.rect(data, xL, yB - b, xR - xL, b)\n\n    // 3. Left Bar: 填充中间高度，避免与 Top/Bottom 重合\n    if (l > 0 && innerHeight > 0) {\n        PathCommandDataHelper.rect(data, xL, innerYStart, l, innerHeight)\n    }\n\n    // 4. Right Bar: 填充中间高度\n    if (r_w > 0 && innerHeight > 0) {\n        PathCommandDataHelper.rect(data, xR - r_w, innerYStart, r_w, innerHeight)\n    }\n\n    return { data }\n}","import { IUIData, IValue } from '@leafer-ui/interface'\nimport { decorateLeafAttr, attr, doStrokeType, doBoundsType, isArray, DataHelper } from '@leafer-ui/core'\n\nexport function strokeWidthType(defaultValue?: IValue) {\n    return decorateLeafAttr(defaultValue, (key: string) => attr({\n        set(value: IValue) {\n            if (this.__setAttr(key, value)) {\n                doStrokeType(this)\n                const data = this.__\n                data.__useStroke = true\n                let hasStrokeSides\n                DataHelper.stintSet(data as IUIData, '__hasStrokeSides', hasStrokeSides = isArray(value) && Math.max(...value))\n                if (hasStrokeSides) {\n                    doBoundsType(this)\n                } else if ((data as IUIData).__pathForStroke) (data as IUIData).__pathForStroke = undefined\n            }\n        }\n    }))\n}","import { Paint, Plugin, Rect, Box, RectData, DataHelper, MathHelper, BoxData } from '@leafer-ui/draw'\nimport { fillStroke } from './fillSroke'\nimport { createRectStrokePath } from './path'\nimport { strokeWidthType } from './decorator'\nimport { IRectData } from '@leafer-ui/interface'\n\nPlugin.add('stroke-sides')\n\nRect.addAttr('strokeWidth', 1, strokeWidthType)\nBox.addAttr('strokeWidth', 1, strokeWidthType)\n\nPaint.fillStroke = fillStroke\n\nconst { stintSet } = DataHelper\n\nRect.prototype.__updatePath = Box.prototype.__updatePath = function (): void {\n    const data = this.__\n    if (data.__hasStrokeSides) {\n        const { width, height, cornerRadius, strokeWidth, strokeAlign } = data\n        data.__pathForStroke = data.__pathInputed ? undefined : createRectStrokePath(width, height, cornerRadius && MathHelper.fourNumber(cornerRadius), MathHelper.fourNumber(strokeWidth), strokeAlign)\n    }\n}\n\nBoxData.prototype.__checkComplex = RectData.prototype.__checkComplex = function (): void {\n    const t = this as IRectData\n    stintSet(t, '__complex', (t.__isFills || t.__isStrokes || t.cornerRadius || t.__hasStrokeSides || t.__useEffect) as boolean)\n}","import { ILeaferCanvas, IRenderOptions } from '@leafer/interface'\nimport { isObject, PathDrawer } from \"@leafer/core\"\n\nimport { IUI, ILeafPaint, ILeafStrokePaint } from '@leafer-ui/interface'\nimport { PaintImage } from \"@leafer-ui/draw\"\n\n\nexport function fillStroke(stroke: string | ILeafPaint[], ui: IUI, canvas: ILeaferCanvas, renderOptions: IRenderOptions): void {\n\n    canvas.beginPath()\n    const { data, windingRule } = ui.__.__pathForStroke\n    PathDrawer.drawPathByData(canvas, data)\n\n    if (isObject(stroke)) {\n        drawStrokesStyle(stroke, ui, canvas, renderOptions)\n    } else {\n\n        canvas.fillStyle = stroke\n        windingRule ? canvas.fill(windingRule) : canvas.fill()\n\n    }\n\n    if (ui.__.__fillAfterStroke) ui.__drawRenderPath(canvas)\n}\n\n\nfunction drawStrokesStyle(strokes: ILeafStrokePaint[], ui: IUI, canvas: ILeaferCanvas, renderOptions: IRenderOptions): void {\n    let item: ILeafStrokePaint\n\n    for (let i = 0, len = strokes.length; i < len; i++) {\n        item = strokes[i]\n\n        if (item.image && PaintImage.checkImage(item, false, ui, canvas, renderOptions)) continue\n\n        if (item.style) {\n\n            const { windingRule } = ui.__.__pathForStroke\n\n            if (item.originPaint.blendMode) {\n                canvas.saveBlendMode(item.originPaint.blendMode)\n                canvas.fillStyle = item.style\n                windingRule ? canvas.fill(windingRule) : canvas.fill()\n                canvas.restoreBlendMode()\n            } else {\n                canvas.fillStyle = item.style\n                windingRule ? canvas.fill(windingRule) : canvas.fill()\n            }\n        }\n    }\n}"],"names":["createRectStrokePath","width","height","cornerRadius","strokeWidth","strokeAlign","r0","r1","r2","r3","t","r_w","b","l","data","expand","shrink","ox","oy","ow","oh","outerR","Math","max","ix","iy","iw","ih","PathCommandDataHelper","roundRect","innerR","windingRule","ext","ins","xL","xR","yT","yB","innerYStart","innerYEnd","innerHeight","rect","createRectStrokePathNoRadius","strokeWidthType","defaultValue","decorateLeafAttr","key","attr","set","value","this","__setAttr","doStrokeType","__","hasStrokeSides","__useStroke","DataHelper","stintSet","isArray","doBoundsType","__pathForStroke","undefined","Plugin","add","Rect","addAttr","Box","Paint","fillStroke","stroke","ui","canvas","renderOptions","beginPath","PathDrawer","drawPathByData","isObject","strokes","item","i","len","length","image","PaintImage","checkImage","style","originPaint","blendMode","saveBlendMode","fillStyle","fill","restoreBlendMode","drawStrokesStyle","__fillAfterStroke","__drawRenderPath","prototype","__updatePath","__hasStrokeSides","__pathInputed","MathHelper","fourNumber","BoxData","__checkComplex","RectData","__isFills","__isStrokes","__useEffect"],"mappings":"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"}

package/dist/stroke-sides.min.js

@@ -0,0 +1,2 @@
+!function(t,e,a){"use strict";function r(t,a,r,o,i){if(r){const[n,l,d,s]=r,[h,_,c,f]=o;if(n+l+d+s>0){const r=[],o="inside"===i?0:"center"===i?.5:1,m=1-o,p=-f*o,u=-h*o,k=t+(f+_)*o,S=a+(h+c)*o,x=[n+Math.max(h,f)*o,l+Math.max(h,_)*o,d+Math.max(c,_)*o,s+Math.max(c,f)*o],M=f*m,P=h*m,y=t-(f+_)*m,g=a-(h+c)*m;if(e.PathCommandDataHelper.roundRect(r,p,u,k,S,x),y>0&&g>0){const t=[Math.max(0,n-Math.max(h,f)*m),Math.max(0,l-Math.max(h,_)*m),Math.max(0,d-Math.max(c,_)*m),Math.max(0,s-Math.max(c,f)*m)];e.PathCommandDataHelper.roundRect(r,M,P,y,g,t)}return{data:r,windingRule:"evenodd"}}}return function(t,a,r,o){const i=[],[n,l,d,s]=r,h="inside"===o?0:"center"===o?.5:1,_=1-h,c=-s*h,f=t+l*h,m=-n*h,p=a+d*h,u=n*_,k=a-d*_,S=Math.max(0,k-u);n>0&&e.PathCommandDataHelper.rect(i,c,m,f-c,n);d>0&&e.PathCommandDataHelper.rect(i,c,p-d,f-c,d);s>0&&S>0&&e.PathCommandDataHelper.rect(i,c,u,s,S);l>0&&S>0&&e.PathCommandDataHelper.rect(i,f-l,u,l,S);return{data:i}}(t,a,o,i)}function o(t){return a.decorateLeafAttr(t,t=>a.attr({set(e){if(this.__setAttr(t,e)){a.doStrokeType(this);const t=this.__;let r;t.__useStroke=!0,a.DataHelper.stintSet(t,"__hasStrokeSides",r=a.isArray(e)&&Math.max(...e)),r?a.doBoundsType(this):t.__pathForStroke&&(t.__pathForStroke=void 0)}}}))}t.Plugin.add("stroke-sides"),t.Rect.addAttr("strokeWidth",1,o),t.Box.addAttr("strokeWidth",1,o),t.Paint.fillStroke=function(a,r,o,i){o.beginPath();const{data:n,windingRule:l}=r.__.__pathForStroke;e.PathDrawer.drawPathByData(o,n),e.isObject(a)?function(e,a,r,o){let i;for(let n=0,l=e.length;n<l;n++)if(i=e[n],(!i.image||!t.PaintImage.checkImage(i,!1,a,r,o))&&i.style){const{windingRule:t}=a.__.__pathForStroke;i.originPaint.blendMode?(r.saveBlendMode(i.originPaint.blendMode),r.fillStyle=i.style,t?r.fill(t):r.fill(),r.restoreBlendMode()):(r.fillStyle=i.style,t?r.fill(t):r.fill())}}(a,r,o,i):(o.fillStyle=a,l?o.fill(l):o.fill()),r.__.__fillAfterStroke&&r.__drawRenderPath(o)};const{stintSet:i}=t.DataHelper;t.Rect.prototype.__updatePath=t.Box.prototype.__updatePath=function(){const e=this.__;if(e.__hasStrokeSides){const{width:a,height:o,cornerRadius:i,strokeWidth:n,strokeAlign:l}=e;e.__pathForStroke=e.__pathInputed?void 0:r(a,o,i&&t.MathHelper.fourNumber(i),t.MathHelper.fourNumber(n),l)}},t.BoxData.prototype.__checkComplex=t.RectData.prototype.__checkComplex=function(){const t=this;i(t,"__complex",t.__isFills||t.__isStrokes||t.cornerRadius||t.__hasStrokeSides||t.__useEffect)}}(LeaferUI,LeaferUI,LeaferUI);
+//# sourceMappingURL=stroke-sides.min.js.map

package/dist/stroke-sides.min.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stroke-sides.min.js","sources":["../../../../../../src/in/packages/stroke-sides/src/path.ts","../../../../../../src/in/packages/stroke-sides/src/decorator.ts","../../../../../../src/in/packages/stroke-sides/src/index.ts","../../../../../../src/in/packages/stroke-sides/src/fillSroke.ts"],"sourcesContent":["import { IPathCommandData, IPathCommandDataWithWindingRule } from '@leafer/interface'\nimport { PathCommandDataHelper } from \"@leafer/core\"\nimport { IStrokeAlign } from '@leafer-ui/interface'\n\n/**\n * 矩形描边路径生成器\n * 支持非均匀描边（上右下左宽度不同）与圆角逻辑\n */\nexport function createRectStrokePath(width: number, height: number, cornerRadius: number[] | undefined, strokeWidth: number[], strokeAlign: IStrokeAlign): IPathCommandDataWithWindingRule {\n\n    if (cornerRadius) {\n        const [r0, r1, r2, r3] = cornerRadius\n        const [t, r_w, b, l] = strokeWidth\n\n        const hasRadius = (r0 + r1 + r2 + r3) > 0\n\n        // 场景 A: 包含圆角，必须使用 evenodd 挖空法\n        if (hasRadius) {\n            const data: IPathCommandData = []\n            const expand = strokeAlign === 'inside' ? 0 : (strokeAlign === 'center' ? 0.5 : 1)\n            const shrink = 1 - expand\n\n            // 外边界参数\n            const ox = -l * expand, oy = -t * expand\n            const ow = width + (l + r_w) * expand\n            const oh = height + (t + b) * expand\n            const outerR = [\n                r0 + Math.max(t, l) * expand,\n                r1 + Math.max(t, r_w) * expand,\n                r2 + Math.max(b, r_w) * expand,\n                r3 + Math.max(b, l) * expand\n            ]\n\n            // 内边界参数\n            const ix = l * shrink, iy = t * shrink\n            const iw = width - (l + r_w) * shrink\n            const ih = height - (t + b) * shrink\n\n            // 绘制外框\n            PathCommandDataHelper.roundRect(data, ox, oy, ow, oh, outerR)\n\n            // 只有内框有空间时才绘制内框（进行掏空）\n            if (iw > 0 && ih > 0) {\n                const innerR = [\n                    Math.max(0, r0 - Math.max(t, l) * shrink),\n                    Math.max(0, r1 - Math.max(t, r_w) * shrink),\n                    Math.max(0, r2 - Math.max(b, r_w) * shrink),\n                    Math.max(0, r3 - Math.max(b, l) * shrink)\n                ]\n                PathCommandDataHelper.roundRect(data, ix, iy, iw, ih, innerR)\n            }\n\n            return { data, windingRule: 'evenodd' }\n        }\n    }\n\n\n\n    // 场景 B: 纯直角，采用四边拼接法 (性能最优，无 WindingRule 依赖)\n    return createRectStrokePathNoRadius(width, height, strokeWidth, strokeAlign)\n}\n\n/**\n * 纯直角矩形描边生成器 (拼接法)\n */\nfunction createRectStrokePathNoRadius(\n    width: number,\n    height: number,\n    strokeWidth: number[],\n    strokeAlign: IStrokeAlign\n): IPathCommandDataWithWindingRule {\n    const data: IPathCommandData = []\n    const [t, r_w, b, l] = strokeWidth\n\n    const ext = strokeAlign === 'inside' ? 0 : (strokeAlign === 'center' ? 0.5 : 1)\n    const ins = 1 - ext\n\n    // 计算外部极值边界坐标\n    const xL = -l * ext\n    const xR = width + r_w * ext\n    const yT = -t * ext\n    const yB = height + b * ext\n\n    // 计算内部裁剪边界坐标 (用于侧边填充高度)\n    const innerYStart = t * ins\n    const innerYEnd = height - b * ins\n    const innerHeight = Math.max(0, innerYEnd - innerYStart)\n\n    // 1. Top Bar: 覆盖全宽\n    if (t > 0) PathCommandDataHelper.rect(data, xL, yT, xR - xL, t)\n\n    // 2. Bottom Bar: 覆盖全宽\n    if (b > 0) PathCommandDataHelper.rect(data, xL, yB - b, xR - xL, b)\n\n    // 3. Left Bar: 填充中间高度，避免与 Top/Bottom 重合\n    if (l > 0 && innerHeight > 0) {\n        PathCommandDataHelper.rect(data, xL, innerYStart, l, innerHeight)\n    }\n\n    // 4. Right Bar: 填充中间高度\n    if (r_w > 0 && innerHeight > 0) {\n        PathCommandDataHelper.rect(data, xR - r_w, innerYStart, r_w, innerHeight)\n    }\n\n    return { data }\n}","import { IUIData, IValue } from '@leafer-ui/interface'\nimport { decorateLeafAttr, attr, doStrokeType, doBoundsType, isArray, DataHelper } from '@leafer-ui/core'\n\nexport function strokeWidthType(defaultValue?: IValue) {\n    return decorateLeafAttr(defaultValue, (key: string) => attr({\n        set(value: IValue) {\n            if (this.__setAttr(key, value)) {\n                doStrokeType(this)\n                const data = this.__\n                data.__useStroke = true\n                let hasStrokeSides\n                DataHelper.stintSet(data as IUIData, '__hasStrokeSides', hasStrokeSides = isArray(value) && Math.max(...value))\n                if (hasStrokeSides) {\n                    doBoundsType(this)\n                } else if ((data as IUIData).__pathForStroke) (data as IUIData).__pathForStroke = undefined\n            }\n        }\n    }))\n}","import { Paint, Plugin, Rect, Box, RectData, DataHelper, MathHelper, BoxData } from '@leafer-ui/draw'\nimport { fillStroke } from './fillSroke'\nimport { createRectStrokePath } from './path'\nimport { strokeWidthType } from './decorator'\nimport { IRectData } from '@leafer-ui/interface'\n\nPlugin.add('stroke-sides')\n\nRect.addAttr('strokeWidth', 1, strokeWidthType)\nBox.addAttr('strokeWidth', 1, strokeWidthType)\n\nPaint.fillStroke = fillStroke\n\nconst { stintSet } = DataHelper\n\nRect.prototype.__updatePath = Box.prototype.__updatePath = function (): void {\n    const data = this.__\n    if (data.__hasStrokeSides) {\n        const { width, height, cornerRadius, strokeWidth, strokeAlign } = data\n        data.__pathForStroke = data.__pathInputed ? undefined : createRectStrokePath(width, height, cornerRadius && MathHelper.fourNumber(cornerRadius), MathHelper.fourNumber(strokeWidth), strokeAlign)\n    }\n}\n\nBoxData.prototype.__checkComplex = RectData.prototype.__checkComplex = function (): void {\n    const t = this as IRectData\n    stintSet(t, '__complex', (t.__isFills || t.__isStrokes || t.cornerRadius || t.__hasStrokeSides || t.__useEffect) as boolean)\n}","import { ILeaferCanvas, IRenderOptions } from '@leafer/interface'\nimport { isObject, PathDrawer } from \"@leafer/core\"\n\nimport { IUI, ILeafPaint, ILeafStrokePaint } from '@leafer-ui/interface'\nimport { PaintImage } from \"@leafer-ui/draw\"\n\n\nexport function fillStroke(stroke: string | ILeafPaint[], ui: IUI, canvas: ILeaferCanvas, renderOptions: IRenderOptions): void {\n\n    canvas.beginPath()\n    const { data, windingRule } = ui.__.__pathForStroke\n    PathDrawer.drawPathByData(canvas, data)\n\n    if (isObject(stroke)) {\n        drawStrokesStyle(stroke, ui, canvas, renderOptions)\n    } else {\n\n        canvas.fillStyle = stroke\n        windingRule ? canvas.fill(windingRule) : canvas.fill()\n\n    }\n\n    if (ui.__.__fillAfterStroke) ui.__drawRenderPath(canvas)\n}\n\n\nfunction drawStrokesStyle(strokes: ILeafStrokePaint[], ui: IUI, canvas: ILeaferCanvas, renderOptions: IRenderOptions): void {\n    let item: ILeafStrokePaint\n\n    for (let i = 0, len = strokes.length; i < len; i++) {\n        item = strokes[i]\n\n        if (item.image && PaintImage.checkImage(item, false, ui, canvas, renderOptions)) continue\n\n        if (item.style) {\n\n            const { windingRule } = ui.__.__pathForStroke\n\n            if (item.originPaint.blendMode) {\n                canvas.saveBlendMode(item.originPaint.blendMode)\n                canvas.fillStyle = item.style\n                windingRule ? canvas.fill(windingRule) : canvas.fill()\n                canvas.restoreBlendMode()\n            } else {\n                canvas.fillStyle = item.style\n                windingRule ? canvas.fill(windingRule) : canvas.fill()\n            }\n        }\n    }\n}"],"names":["createRectStrokePath","width","height","cornerRadius","strokeWidth","strokeAlign","r0","r1","r2","r3","t","r_w","b","l","data","expand","shrink","ox","oy","ow","oh","outerR","Math","max","ix","iy","iw","ih","PathCommandDataHelper","roundRect","innerR","windingRule","ext","ins","xL","xR","yT","yB","innerYStart","innerYEnd","innerHeight","rect","createRectStrokePathNoRadius","strokeWidthType","defaultValue","decorateLeafAttr","key","attr","set","value","this","__setAttr","doStrokeType","__","hasStrokeSides","__useStroke","DataHelper","stintSet","isArray","doBoundsType","__pathForStroke","undefined","Plugin","add","Rect","addAttr","Box","Paint","fillStroke","stroke","ui","canvas","renderOptions","beginPath","PathDrawer","drawPathByData","isObject","strokes","item","i","len","length","image","PaintImage","checkImage","style","originPaint","blendMode","saveBlendMode","fillStyle","fill","restoreBlendMode","drawStrokesStyle","__fillAfterStroke","__drawRenderPath","prototype","__updatePath","__hasStrokeSides","__pathInputed","MathHelper","fourNumber","BoxData","__checkComplex","RectData","__isFills","__isStrokes","__useEffect"],"mappings":"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"}

package/package.json

@@ -1,19 +1,19 @@
 {
   "name": "@leafer-in/stroke-sides",
-  "version": "2.3.0",
+  "version": "2.3.2",
   "description": "@leafer-in/stroke-sides",
   "author": "Chao (Leafer) Wan",
   "license": "MIT",
   "type": "module",
-  "main": "dist/stroke-sides.esm.js",
+  "main": "dist/stroke-sides.esm.min.js",
   "exports": {
-    "import": "./dist/stroke-sides.esm.js",
-    "require": "./dist/stroke-sides.cjs",
+    "import": "./dist/stroke-sides.esm.min.js",
+    "require": "./dist/stroke-sides.min.cjs",
     "types": "./types/index.d.ts"
   },
   "types": "types/index.d.ts",
-  "unpkg": "dist/stroke-sides.js",
-  "jsdelivr": "dist/stroke-sides.js",
+  "unpkg": "dist/stroke-sides.min.js",
+  "jsdelivr": "dist/stroke-sides.min.js",
   "files": [
     "src",
     "types",