@visactor/vrender-core 0.20.21 → 0.20.23

package/dist/index.es.js

@@ -2172,7 +2172,12 @@ let Step$1 = class Step {
                 }
                 else {
                     const x1 = this._x * (1 - this._t) + x * this._t;
-                    this.context.lineTo(x1, this._y, this._lastDefined !== false && p.defined !== false, this.lastPoint);
+                    if (this._t === 0.5) {
+                        this.context.lineTo(x1, this._y, this._lastDefined !== false, this.lastPoint);
+                    }
+                    else {
+                        this.context.lineTo(x1, this._y, this._lastDefined !== false && p.defined !== false, this.lastPoint);
+                    }
                     this.context.lineTo(x1, y, this._lastDefined !== false && p.defined !== false, p);
                 }
                 break;
@@ -16420,7 +16425,7 @@ let DefaultCanvasLineRender = class DefaultCanvasLineRender extends BaseRender {
         this._draw(line, lineAttribute, false, drawContext, params);
     }
     drawSegmentItem(context, cache, fill, stroke, fillOpacity, strokeOpacity, attribute, defaultAttribute, clipRange, clipRangeByDimension, offsetX, offsetY, line, fillCb, strokeCb) {
-        var _a, _b, _c, _d, _e;
+        var _a;
         if (!cache) {
             return;
         }
@@ -16459,60 +16464,6 @@ let DefaultCanvasLineRender = class DefaultCanvasLineRender extends BaseRender {
                 context.stroke();
             }
         }
-        let { connectedType, connectedX, connectedY, connectedStyle } = attribute;
-        if (isArray(defaultAttribute)) {
-            connectedType = (_b = connectedType !== null && connectedType !== void 0 ? connectedType : defaultAttribute[0].connectedType) !== null && _b !== void 0 ? _b : defaultAttribute[1].connectedType;
-            connectedX = (_c = connectedX !== null && connectedX !== void 0 ? connectedX : defaultAttribute[0].connectedX) !== null && _c !== void 0 ? _c : defaultAttribute[1].connectedX;
-            connectedY = (_d = connectedY !== null && connectedY !== void 0 ? connectedY : defaultAttribute[0].connectedY) !== null && _d !== void 0 ? _d : defaultAttribute[1].connectedY;
-            connectedStyle = (_e = connectedStyle !== null && connectedStyle !== void 0 ? connectedStyle : defaultAttribute[0].connectedStyle) !== null && _e !== void 0 ? _e : defaultAttribute[1].connectedStyle;
-        }
-        else {
-            connectedType = connectedType !== null && connectedType !== void 0 ? connectedType : defaultAttribute.connectedType;
-            connectedX = connectedX !== null && connectedX !== void 0 ? connectedX : defaultAttribute.connectedX;
-            connectedY = connectedY !== null && connectedY !== void 0 ? connectedY : defaultAttribute.connectedY;
-            connectedStyle = connectedStyle !== null && connectedStyle !== void 0 ? connectedStyle : defaultAttribute.connectedStyle;
-        }
-        if (connectedType !== 'connect' && connectedType !== 'zero') {
-            connectedType = 'none';
-        }
-        if (connectedType !== 'none') {
-            context.beginPath();
-            drawSegments(context.camera ? context : context.nativeContext, cache, clipRange, clipRangeByDimension, {
-                offsetX,
-                offsetY,
-                offsetZ: z,
-                drawConnect: true,
-                mode: connectedType,
-                zeroX: connectedX,
-                zeroY: connectedY
-            });
-            const da = [];
-            if (isArray(defaultAttribute)) {
-                defaultAttribute.forEach(i => da.push(i));
-            }
-            else {
-                da.push(defaultAttribute);
-            }
-            da.push(attribute);
-            if (fill !== false) {
-                if (fillCb) {
-                    fillCb(context, attribute, defaultAttribute);
-                }
-                else if (fillOpacity) {
-                    context.setCommonStyle(line, connectedStyle, originX - offsetX, originY - offsetY, da);
-                    context.fill();
-                }
-            }
-            if (stroke !== false) {
-                if (strokeCb) {
-                    strokeCb(context, attribute, defaultAttribute);
-                }
-                else if (strokeOpacity) {
-                    context.setStrokeStyle(line, connectedStyle, originX - offsetX, originY - offsetY, da);
-                    context.stroke();
-                }
-            }
-        }
         return !!ret;
     }
     drawLinearLineHighPerformance(line, context, fill, stroke, fillOpacity, strokeOpacity, offsetX, offsetY, lineAttribute, drawContext, params, fillCb, strokeCb) {
@@ -16549,7 +16500,7 @@ let DefaultCanvasLineRender = class DefaultCanvasLineRender extends BaseRender {
     }
     drawShape(line, context, x, y, drawContext, params, fillCb, strokeCb) {
         const lineAttribute = getTheme(line, params === null || params === void 0 ? void 0 : params.theme).line;
-        const { fill = lineAttribute.fill, stroke = lineAttribute.stroke, fillOpacity = lineAttribute.fillOpacity, strokeOpacity = lineAttribute.strokeOpacity, segments, points, closePath, curveTension = lineAttribute.curveTension } = line.attribute;
+        const { fill = lineAttribute.fill, stroke = lineAttribute.stroke, fillOpacity = lineAttribute.fillOpacity, strokeOpacity = lineAttribute.strokeOpacity, segments, points, closePath, curveTension = lineAttribute.curveTension, connectedType = lineAttribute.connectedType } = line.attribute;
         const data = this.valid(line, lineAttribute, fillCb, strokeCb);
         if (!data) {
             return;
@@ -16562,6 +16513,12 @@ let DefaultCanvasLineRender = class DefaultCanvasLineRender extends BaseRender {
         if (clipRange === 1 && !segments && !points.some(p => p.defined === false) && curveType === 'linear') {
             return this.drawLinearLineHighPerformance(line, context, !!fill, !!stroke, fillOpacity, strokeOpacity, x, y, lineAttribute, drawContext, params, fillCb, strokeCb);
         }
+        function parsePoint(points, connectedType) {
+            if (connectedType === 'none') {
+                return points;
+            }
+            return points.filter(p => p.defined !== false);
+        }
         if (line.shouldUpdateShape()) {
             const { points, segments } = line.attribute;
             const _points = points;
@@ -16593,7 +16550,7 @@ let DefaultCanvasLineRender = class DefaultCanvasLineRender extends BaseRender {
                         startPoint.y = lastSeg.endY;
                         startPoint.defined = lastSeg.curves[lastSeg.curves.length - 1].defined;
                     }
-                    const data = calcLineCache(seg.points, curveType, {
+                    const data = calcLineCache(parsePoint(seg.points, connectedType), curveType, {
                         startPoint,
                         curveTension
                     });
@@ -16619,7 +16576,7 @@ let DefaultCanvasLineRender = class DefaultCanvasLineRender extends BaseRender {
                 }
             }
             else if (points && points.length) {
-                line.cache = calcLineCache(_points, curveType, { curveTension });
+                line.cache = calcLineCache(parsePoint(_points, connectedType), curveType, { curveTension });
             }
             else {
                 line.cache = null;
@@ -16671,10 +16628,6 @@ DefaultCanvasLineRender = __decorate([
 
 function drawAreaSegments(path, segPath, percent, params) {
     var _a;
-    const { drawConnect = false, mode = 'none' } = params || {};
-    if (drawConnect && mode === 'none') {
-        return;
-    }
     const { top, bottom } = segPath;
     if (top.curves.length !== bottom.curves.length) {
         return;
@@ -16683,90 +16636,28 @@ function drawAreaSegments(path, segPath, percent, params) {
         const topList = [];
         const bottomList = [];
         let lastDefined = true;
-        if (drawConnect) {
-            let defined0 = true;
-            let lastCurve;
-            let lastBottomCurve;
-            const n = top.curves.length;
-            top.curves.forEach((curve, i) => {
-                const bototmCurve = bottom.curves[n - i - 1];
-                let currentTopCurve = curve;
-                let currentBottomCurve = bototmCurve;
-                if (curve.originP1 === curve.originP2) {
-                    lastCurve = curve;
-                    lastBottomCurve = bototmCurve;
-                    return;
-                }
-                if (lastCurve && lastCurve.originP1 === lastCurve.originP2) {
-                    currentTopCurve = lastCurve;
-                    currentBottomCurve = lastBottomCurve;
-                }
-                if (curve.defined) {
-                    if (!defined0) {
-                        topList.push(currentTopCurve);
-                        bottomList.push(currentBottomCurve);
-                        drawAreaConnectBlock(path, topList, bottomList, params);
-                        topList.length = 0;
-                        bottomList.length = 0;
-                        defined0 = !defined0;
-                    }
+        for (let i = 0, n = top.curves.length; i < n; i++) {
+            const topCurve = top.curves[i];
+            if (lastDefined !== topCurve.defined) {
+                if (lastDefined) {
+                    drawAreaBlock(path, topList, bottomList, params);
+                    topList.length = 0;
+                    bottomList.length = 0;
                 }
                 else {
-                    const { originP1, originP2 } = curve;
-                    let validTopCurve;
-                    let validBottomCurve;
-                    if (originP1 && originP1.defined !== false) {
-                        validTopCurve = currentTopCurve;
-                        validBottomCurve = currentBottomCurve;
-                    }
-                    else if (originP1 && originP2.defined !== false) {
-                        validTopCurve = curve;
-                        validBottomCurve = bototmCurve;
-                    }
-                    if (defined0) {
-                        defined0 = !defined0;
-                        topList.push(validTopCurve || curve);
-                        bottomList.push(validBottomCurve || bototmCurve);
-                    }
-                    else {
-                        if (validTopCurve) {
-                            defined0 = !defined0;
-                            topList.push(validTopCurve || curve);
-                            bottomList.push(validBottomCurve || bototmCurve);
-                            drawAreaConnectBlock(path, topList, bottomList, params);
-                            topList.length = 0;
-                            bottomList.length = 0;
-                        }
-                    }
-                }
-                lastCurve = curve;
-            });
-            drawAreaConnectBlock(path, topList, bottomList, params);
-        }
-        else {
-            for (let i = 0, n = top.curves.length; i < n; i++) {
-                const topCurve = top.curves[i];
-                if (lastDefined !== topCurve.defined) {
-                    if (lastDefined) {
-                        drawAreaBlock(path, topList, bottomList, params);
-                        topList.length = 0;
-                        bottomList.length = 0;
-                    }
-                    else {
-                        topList.push(topCurve);
-                        bottomList.push(bottom.curves[n - i - 1]);
-                    }
-                    lastDefined = !lastDefined;
+                    topList.push(topCurve);
+                    bottomList.push(bottom.curves[n - i - 1]);
                 }
-                else {
-                    if (lastDefined) {
-                        topList.push(topCurve);
-                        bottomList.push(bottom.curves[n - i - 1]);
-                    }
+                lastDefined = !lastDefined;
+            }
+            else {
+                if (lastDefined) {
+                    topList.push(topCurve);
+                    bottomList.push(bottom.curves[n - i - 1]);
                 }
             }
-            drawAreaBlock(path, topList, bottomList, params);
         }
+        drawAreaBlock(path, topList, bottomList, params);
         return;
     }
     if (percent <= 0) {
@@ -16790,9 +16681,6 @@ function drawAreaSegments(path, segPath, percent, params) {
     let lastDefined = true;
     const topList = [];
     const bottomList = [];
-    let defined0 = true;
-    let lastTopCurve;
-    let lastBottomCurve;
     for (let i = 0, n = top.curves.length; i < n; i++) {
         const topCurve = top.curves[i];
         const curCurveLength = topCurve.getLength(direction);
@@ -16801,127 +16689,50 @@ function drawAreaSegments(path, segPath, percent, params) {
             break;
         }
         drawedLengthUntilLast += curCurveLength;
-        if (drawConnect) {
-            const bototmCurve = bottom.curves[n - i - 1];
-            let currentTopCurve = topCurve;
-            let currentBottomCurve = bototmCurve;
-            if (topCurve.originP1 === topCurve.originP2) {
-                lastTopCurve = topCurve;
-                lastBottomCurve = bototmCurve;
-                continue;
-            }
-            if (lastTopCurve && lastTopCurve.originP1 === lastTopCurve.originP2) {
-                currentTopCurve = lastTopCurve;
-                currentBottomCurve = lastBottomCurve;
-            }
-            if (topCurve.defined) {
-                if (!defined0) {
-                    topList.push(currentTopCurve);
-                    bottomList.push(currentBottomCurve);
-                    drawAreaConnectBlock(path, topList, bottomList, params);
-                    topList.length = 0;
-                    bottomList.length = 0;
-                    defined0 = !defined0;
-                }
+        let tc = null;
+        let bc = null;
+        if (lastDefined !== topCurve.defined) {
+            if (lastDefined) {
+                drawAreaBlock(path, topList, bottomList, params);
+                topList.length = 0;
+                bottomList.length = 0;
             }
             else {
-                const { originP1, originP2 } = topCurve;
-                let validTopCurve;
-                let validBottomCurve;
-                if (originP1 && originP1.defined !== false) {
-                    validTopCurve = currentTopCurve;
-                    validBottomCurve = currentBottomCurve;
-                }
-                else if (originP1 && originP2.defined !== false) {
-                    validTopCurve = topCurve;
-                    validBottomCurve = bototmCurve;
-                }
-                if (defined0) {
-                    defined0 = !defined0;
-                    topList.push(validTopCurve || topCurve);
-                    bottomList.push(validBottomCurve || bototmCurve);
-                }
-                else {
-                    if (validTopCurve) {
-                        defined0 = !defined0;
-                        topList.push(validTopCurve || topCurve);
-                        bottomList.push(validBottomCurve || bototmCurve);
-                        drawAreaConnectBlock(path, topList, bottomList, params);
-                        topList.length = 0;
-                        bottomList.length = 0;
-                    }
-                }
+                tc = topCurve;
+                bc = bottom.curves[n - i - 1];
             }
-            lastTopCurve = topCurve;
+            lastDefined = !lastDefined;
         }
         else {
-            let tc = null;
-            let bc = null;
-            if (lastDefined !== topCurve.defined) {
-                if (lastDefined) {
-                    drawAreaBlock(path, topList, bottomList, params);
-                    topList.length = 0;
-                    bottomList.length = 0;
+            if (lastDefined) {
+                tc = topCurve;
+                bc = bottom.curves[n - i - 1];
+            }
+        }
+        if (tc && bc) {
+            if (percent < 1) {
+                if (tc.p2 && tc.p3) {
+                    tc = divideCubic(tc, percent)[0];
                 }
                 else {
-                    tc = topCurve;
-                    bc = bottom.curves[n - i - 1];
+                    tc = divideLinear(tc, percent)[0];
                 }
-                lastDefined = !lastDefined;
-            }
-            else {
-                if (lastDefined) {
-                    tc = topCurve;
-                    bc = bottom.curves[n - i - 1];
+                if (bc.p2 && bc.p3) {
+                    bc = divideCubic(bc, 1 - percent)[1];
                 }
-            }
-            if (tc && bc) {
-                if (percent < 1) {
-                    if (tc.p2 && tc.p3) {
-                        tc = divideCubic(tc, percent)[0];
-                    }
-                    else {
-                        tc = divideLinear(tc, percent)[0];
-                    }
-                    if (bc.p2 && bc.p3) {
-                        bc = divideCubic(bc, 1 - percent)[1];
-                    }
-                    else {
-                        bc = divideLinear(bc, 1 - percent)[1];
-                    }
+                else {
+                    bc = divideLinear(bc, 1 - percent)[1];
                 }
-                tc.defined = lastDefined;
-                bc.defined = lastDefined;
-                topList.push(tc);
-                bottomList.push(bc);
             }
-            tc = null;
-            bc = null;
+            tc.defined = lastDefined;
+            bc.defined = lastDefined;
+            topList.push(tc);
+            bottomList.push(bc);
         }
+        tc = null;
+        bc = null;
     }
-    if (drawConnect) {
-        drawAreaConnectBlock(path, topList, bottomList, params);
-    }
-    else {
-        drawAreaBlock(path, topList, bottomList, params);
-    }
-}
-function drawAreaConnectBlock(path, topList, bottomList, params) {
-    if (topList.length < 2) {
-        return;
-    }
-    const { offsetX = 0, offsetY = 0, offsetZ = 0, mode } = params || {};
-    let curve = topList[0];
-    path.moveTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ);
-    curve = topList[topList.length - 1];
-    let end = curve.p3 || curve.p1;
-    path.lineTo(end.x + offsetX, end.y + offsetY, offsetZ);
-    curve = bottomList[bottomList.length - 1];
-    path.lineTo(curve.p0.x + offsetX, curve.p0.y + offsetY, offsetZ);
-    curve = bottomList[0];
-    end = curve.p3 || curve.p1;
-    path.lineTo(end.x + offsetX, end.y + offsetY, offsetZ);
-    path.closePath();
+    drawAreaBlock(path, topList, bottomList, params);
 }
 function drawAreaBlock(path, topList, bottomList, params) {
     const { offsetX = 0, offsetY = 0, offsetZ = 0 } = params || {};
@@ -17035,7 +16846,7 @@ let DefaultCanvasAreaRender = class DefaultCanvasAreaRender extends BaseRender {
     drawShape(area, context, x, y, drawContext, params, fillCb, strokeCb) {
         var _a, _b, _c, _d, _e, _f;
         const areaAttribute = getTheme(area, params === null || params === void 0 ? void 0 : params.theme).area;
-        const { fill = areaAttribute.fill, stroke = areaAttribute.stroke, fillOpacity = areaAttribute.fillOpacity, z = areaAttribute.z, strokeOpacity = areaAttribute.strokeOpacity, curveTension = areaAttribute.curveTension } = area.attribute;
+        const { fill = areaAttribute.fill, stroke = areaAttribute.stroke, fillOpacity = areaAttribute.fillOpacity, z = areaAttribute.z, strokeOpacity = areaAttribute.strokeOpacity, curveTension = areaAttribute.curveTension, connectedType = areaAttribute.connectedType } = area.attribute;
         const data = this.valid(area, areaAttribute, fillCb, strokeCb);
         if (!data) {
             return;
@@ -17047,6 +16858,12 @@ let DefaultCanvasAreaRender = class DefaultCanvasAreaRender extends BaseRender {
         if (closePath && curveType === 'linear') {
             curveType = 'linearClosed';
         }
+        function parsePoint(points, connectedType) {
+            if (connectedType !== 'connect') {
+                return points;
+            }
+            return points.filter(p => p.defined !== false);
+        }
         if (clipRange === 1 && !segments && !points.some(p => p.defined === false) && curveType === 'linear') {
             return this.drawLinearAreaHighPerformance(area, context, !!fill, doStroke, fillOpacity, strokeOpacity, x, y, areaAttribute, drawContext, params, fillCb, strokeCb);
         }
@@ -17069,7 +16886,7 @@ let DefaultCanvasAreaRender = class DefaultCanvasAreaRender extends BaseRender {
                         startPoint.x = lastTopSeg.endX;
                         startPoint.y = lastTopSeg.endY;
                     }
-                    const data = calcLineCache(seg.points, curveType, {
+                    const data = calcLineCache(parsePoint(seg.points, connectedType), curveType, {
                         startPoint,
                         curveTension
                     });
@@ -17098,7 +16915,7 @@ let DefaultCanvasAreaRender = class DefaultCanvasAreaRender extends BaseRender {
                             });
                     }
                     if (bottomPoints.length > 1) {
-                        lastBottomSeg = calcLineCache(bottomPoints, curveType === 'stepBefore' ? 'stepAfter' : curveType === 'stepAfter' ? 'stepBefore' : curveType, { curveTension });
+                        lastBottomSeg = calcLineCache(parsePoint(bottomPoints, connectedType), curveType === 'stepBefore' ? 'stepAfter' : curveType === 'stepAfter' ? 'stepBefore' : curveType, { curveTension });
                         bottomCaches.unshift(lastBottomSeg);
                     }
                 }
@@ -17108,12 +16925,12 @@ let DefaultCanvasAreaRender = class DefaultCanvasAreaRender extends BaseRender {
                 }));
             }
             else if (points && points.length) {
-                const topPoints = points;
+                const topPoints = parsePoint(points, connectedType);
                 const bottomPoints = [];
-                for (let i = points.length - 1; i >= 0; i--) {
+                for (let i = topPoints.length - 1; i >= 0; i--) {
                     bottomPoints.push({
-                        x: (_e = points[i].x1) !== null && _e !== void 0 ? _e : points[i].x,
-                        y: (_f = points[i].y1) !== null && _f !== void 0 ? _f : points[i].y
+                        x: (_e = points[i].x1) !== null && _e !== void 0 ? _e : topPoints[i].x,
+                        y: (_f = points[i].y1) !== null && _f !== void 0 ? _f : topPoints[i].y
                     });
                 }
                 const topCache = calcLineCache(topPoints, curveType, { curveTension });
@@ -17168,17 +16985,9 @@ let DefaultCanvasAreaRender = class DefaultCanvasAreaRender extends BaseRender {
         this._draw(area, areaAttribute, false, drawContext, params);
     }
     drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, fillCb, strokeCb) {
-        let ret = false;
-        ret =
-            ret ||
-                this._drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, false, fillCb, strokeCb);
-        ret =
-            ret ||
-                this._drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, true, fillCb, strokeCb);
-        return ret;
+        return this._drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, fillCb, strokeCb);
     }
-    _drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, connect, fillCb, strokeCb) {
-        var _a, _b, _c, _d;
+    _drawSegmentItem(context, cache, fill, fillOpacity, stroke, strokeOpacity, attribute, defaultAttribute, clipRange, offsetX, offsetY, offsetZ, area, drawContext, fillCb, strokeCb) {
         if (!(cache &&
             cache.top &&
             cache.bottom &&
@@ -17188,35 +16997,6 @@ let DefaultCanvasAreaRender = class DefaultCanvasAreaRender extends BaseRender {
             cache.bottom.curves.length)) {
             return;
         }
-        let { connectedType, connectedX, connectedY, connectedStyle } = attribute;
-        const da = [];
-        if (connect) {
-            if (isArray(defaultAttribute)) {
-                connectedType = (_a = connectedType !== null && connectedType !== void 0 ? connectedType : defaultAttribute[0].connectedType) !== null && _a !== void 0 ? _a : defaultAttribute[1].connectedType;
-                connectedX = (_b = connectedX !== null && connectedX !== void 0 ? connectedX : defaultAttribute[0].connectedX) !== null && _b !== void 0 ? _b : defaultAttribute[1].connectedX;
-                connectedY = (_c = connectedY !== null && connectedY !== void 0 ? connectedY : defaultAttribute[0].connectedY) !== null && _c !== void 0 ? _c : defaultAttribute[1].connectedY;
-                connectedStyle = (_d = connectedStyle !== null && connectedStyle !== void 0 ? connectedStyle : defaultAttribute[0].connectedStyle) !== null && _d !== void 0 ? _d : defaultAttribute[1].connectedStyle;
-            }
-            else {
-                connectedType = connectedType !== null && connectedType !== void 0 ? connectedType : defaultAttribute.connectedType;
-                connectedX = connectedX !== null && connectedX !== void 0 ? connectedX : defaultAttribute.connectedX;
-                connectedY = connectedY !== null && connectedY !== void 0 ? connectedY : defaultAttribute.connectedY;
-                connectedStyle = connectedStyle !== null && connectedStyle !== void 0 ? connectedStyle : defaultAttribute.connectedStyle;
-            }
-            if (connectedType !== 'connect' && connectedType !== 'zero') {
-                connectedType = 'none';
-            }
-            if (isArray(defaultAttribute)) {
-                defaultAttribute.forEach(i => da.push(i));
-            }
-            else {
-                da.push(defaultAttribute);
-            }
-            da.push(attribute);
-        }
-        if (connect && connectedType === 'none') {
-            return false;
-        }
         context.beginPath();
         const ret = false;
         const { points, segments } = area.attribute;
@@ -17251,11 +17031,7 @@ let DefaultCanvasAreaRender = class DefaultCanvasAreaRender extends BaseRender {
             offsetX,
             offsetY,
             offsetZ,
-            direction,
-            drawConnect: connect,
-            mode: connectedType,
-            zeroX: connectedX,
-            zeroY: connectedY
+            direction
         });
         this.beforeRenderStep(area, context, offsetX, offsetY, !!fillOpacity, false, fill, false, defaultAttribute, drawContext, fillCb, null, { attribute });
         context.setShadowBlendStyle && context.setShadowBlendStyle(area, attribute, defaultAttribute);
@@ -17266,7 +17042,7 @@ let DefaultCanvasAreaRender = class DefaultCanvasAreaRender extends BaseRender {
                     fillCb(context, attribute, defaultAttribute);
                 }
                 else if (fillOpacity) {
-                    context.setCommonStyle(area, connect ? connectedStyle : attribute, originX - offsetX, originY - offsetY, connect ? da : defaultAttribute);
+                    context.setCommonStyle(area, attribute, originX - offsetX, originY - offsetY, defaultAttribute);
                     context.fill();
                 }
             }
@@ -17283,14 +17059,10 @@ let DefaultCanvasAreaRender = class DefaultCanvasAreaRender extends BaseRender {
                         drawSegments(context.camera ? context : context.nativeContext, stroke[0] ? cache.top : cache.bottom, clipRange, direction === Direction$1.ROW ? 'x' : 'y', {
                             offsetX,
                             offsetY,
-                            offsetZ,
-                            drawConnect: connect,
-                            mode: connectedType,
-                            zeroX: connectedX,
-                            zeroY: connectedY
+                            offsetZ
                         });
                     }
-                    context.setStrokeStyle(area, connect ? connectedStyle : attribute, originX - offsetX, originY - offsetY, connect ? da : defaultAttribute);
+                    context.setStrokeStyle(area, attribute, originX - offsetX, originY - offsetY, defaultAttribute);
                     context.stroke();
                 }
             }
@@ -20792,7 +20564,7 @@ let Line$1 = class Line extends Graphic {
         const { points = lineTheme.points, connectedType } = attribute;
         const b = aabbBounds;
         points.forEach(p => {
-            if (p.defined !== false || connectedType === 'zero' || connectedType === 'connect') {
+            if (p.defined !== false || connectedType === 'connect') {
                 b.add(p.x, p.y);
             }
         });
@@ -20803,7 +20575,7 @@ let Line$1 = class Line extends Graphic {
         const b = aabbBounds;
         segments.forEach(s => {
             s.points.forEach(p => {
-                if (p.defined !== false || connectedType === 'zero' || connectedType === 'connect') {
+                if (p.defined !== false || connectedType === 'connect') {
                     b.add(p.x, p.y);
                 }
             });

package/es/common/render-area.d.ts

@@ -4,8 +4,4 @@ export declare function drawAreaSegments(path: IPath2D, segPath: IAreaCacheItem,
     offsetY?: number;
     offsetZ?: number;
     direction?: IDirection;
-    drawConnect?: boolean;
-    mode?: 'none' | 'connect' | 'zero';
-    zeroX?: number;
-    zeroY?: number;
 }): void;