@visactor/vrender 0.19.19 → 0.19.20-alpha.3

package/dist/index.js

@@ -3182,7 +3182,7 @@
       return genCurveSegments(path, points);
     }
 
-    function point$2(curveClass, x, y, defined, p) {
+    function point$3(curveClass, x, y, defined, p) {
       curveClass.context.bezierCurveTo((2 * curveClass._x0 + curveClass._x1) / 3, (2 * curveClass._y0 + curveClass._y1) / 3, (curveClass._x0 + 2 * curveClass._x1) / 3, (curveClass._y0 + 2 * curveClass._y1) / 3, (curveClass._x0 + 4 * curveClass._x1 + x) / 6, (curveClass._y0 + 4 * curveClass._y1 + y) / 6, defined, curveClass.lastPoint1);
     }
     class Basis {
@@ -3199,7 +3199,7 @@
         this._x0 = this._x1 = this._y0 = this._y1 = NaN, this._point = 0, this.startPoint && this.point(this.startPoint);
       }
       lineEnd() {
-        if (2 === this._point) point$2(this, 6 * this._x1 - (this._x0 + 4 * this._x1), 6 * this._y1 - (this._y0 + 4 * this._y1), !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
+        if (2 === this._point) point$3(this, 6 * this._x1 - (this._x0 + 4 * this._x1), 6 * this._y1 - (this._y0 + 4 * this._y1), !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
         (this._line || 0 !== this._line && 1 === this._point) && this.context.closePath(), this._line = 1 - this._line;
       }
       point(p) {
@@ -3213,7 +3213,7 @@
             this._point = 2;
             break;
           default:
-            point$2(this, x, y, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
+            point$3(this, x, y, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
         }
         this._x0 = this._x1, this._x1 = x, this._y0 = this._y1, this._y1 = y, this._lastDefined1 = this._lastDefined2, this._lastDefined2 = p.defined, this.lastPoint0 = this.lastPoint1, this.lastPoint1 = p;
       }
@@ -3251,7 +3251,7 @@
       const h = curveClass._x1 - curveClass._x0;
       return h ? (3 * (curveClass._y1 - curveClass._y0) / h - t) / 2 : t;
     }
-    function point$1(curveClass, t0, t1, defined, p) {
+    function point$2(curveClass, t0, t1, defined, p) {
       const x0 = curveClass._x0,
         y0 = curveClass._y0,
         x1 = curveClass._x1,
@@ -3278,7 +3278,7 @@
             this.context.lineTo(this._x1, this._y1, !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
             break;
           case 3:
-            point$1(this, this._t0, slope2(this, this._t0), !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
+            point$2(this, this._t0, slope2(this, this._t0), !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
         }
         (this._line || 0 !== this._line && 1 === this._point) && this.context.closePath(), this._line = 1 - this._line;
       }
@@ -3294,10 +3294,10 @@
             this._point = 2;
             break;
           case 2:
-            this._point = 3, point$1(this, slope2(this, t1 = slope3(this, x, y)), t1, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
+            this._point = 3, point$2(this, slope2(this, t1 = slope3(this, x, y)), t1, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
             break;
           default:
-            point$1(this, this._t0, t1 = slope3(this, x, y), !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
+            point$2(this, this._t0, t1 = slope3(this, x, y), !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
         }
         this._x0 = this._x1, this._x1 = x, this._y0 = this._y1, this._y1 = y, this._t0 = t1, this._lastDefined1 = this._lastDefined2, this._lastDefined2 = !1 !== p.defined, this.lastPoint0 = this.lastPoint1, this.lastPoint1 = p;
       }
@@ -3418,6 +3418,162 @@
       return genCurveSegments(path, points);
     }
 
+    function point$1(curveClass, x, y, defined, p) {
+      let x1 = curveClass._x1,
+        y1 = curveClass._y1,
+        x2 = curveClass._x2,
+        y2 = curveClass._y2;
+      if (curveClass._l01_a > epsilon) {
+        const a = 2 * curveClass._l01_2a + 3 * curveClass._l01_a * curveClass._l12_a + curveClass._l12_2a,
+          n = 3 * curveClass._l01_a * (curveClass._l01_a + curveClass._l12_a);
+        x1 = (x1 * a - curveClass._x0 * curveClass._l12_2a + curveClass._x2 * curveClass._l01_2a) / n, y1 = (y1 * a - curveClass._y0 * curveClass._l12_2a + curveClass._y2 * curveClass._l01_2a) / n;
+      }
+      if (curveClass._l23_a > epsilon) {
+        const b = 2 * curveClass._l23_2a + 3 * curveClass._l23_a * curveClass._l12_a + curveClass._l12_2a,
+          m = 3 * curveClass._l23_a * (curveClass._l23_a + curveClass._l12_a);
+        x2 = (x2 * b + curveClass._x1 * curveClass._l23_2a - x * curveClass._l12_2a) / m, y2 = (y2 * b + curveClass._y1 * curveClass._l23_2a - y * curveClass._l12_2a) / m;
+      }
+      curveClass.context.bezierCurveTo(x1, y1, x2, y2, curveClass._x2, curveClass._y2, defined, curveClass.lastPoint1);
+    }
+    class CatmullRom {
+      constructor(context) {
+        let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
+        let startPoint = arguments.length > 2 ? arguments[2] : undefined;
+        this.context = context, this.startPoint = startPoint, this._alpha = alpha;
+      }
+      areaStart() {
+        this._line = 0;
+      }
+      areaEnd() {
+        this._line = NaN;
+      }
+      lineStart() {
+        this._x0 = this._x1 = this._x2 = this._y0 = this._y1 = this._y2 = NaN, this._l01_a = this._l12_a = this._l23_a = this._l01_2a = this._l12_2a = this._l23_2a = this._point = 0;
+      }
+      lineEnd() {
+        switch (this._point) {
+          case 2:
+            this.context.lineTo(this._x2, this._y2, !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1);
+            break;
+          case 3:
+            this.point({
+              x: this._x2,
+              y: this._y2
+            });
+        }
+        (this._line || 0 !== this._line && 1 === this._point) && this.context.closePath(), this._line = 1 - this._line;
+      }
+      point(p) {
+        const {
+          x: x,
+          y: y
+        } = p;
+        if (this._point) {
+          const x23 = this._x2 - x,
+            y23 = this._y2 - y;
+          this._l23_a = Math.sqrt(this._l23_2a = Math.pow(x23 * x23 + y23 * y23, this._alpha));
+        }
+        switch (this._point) {
+          case 0:
+            this._point = 1, this._line ? this.context.lineTo(x, y, !1 !== this._lastDefined1 && !1 !== this._lastDefined2) : this.context.moveTo(x, y);
+            break;
+          case 1:
+            this._point = 2;
+            break;
+          case 2:
+            this._point = 3;
+          default:
+            point$1(this, x, y, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
+        }
+        this._l01_a = this._l12_a, this._l12_a = this._l23_a, this._l01_2a = this._l12_2a, this._l12_2a = this._l23_2a, this._x0 = this._x1, this._x1 = this._x2, this._x2 = x, this._y0 = this._y1, this._y1 = this._y2, this._y2 = y, this._lastDefined1 = this._lastDefined2, this._lastDefined2 = p.defined, this.lastPoint0 = this.lastPoint1, this.lastPoint1 = p;
+      }
+      tryUpdateLength() {
+        return this.context.tryUpdateLength();
+      }
+    }
+    function commonGenCatmullRomSegments(type, cons) {
+      return function (points, alpha) {
+        let params = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : {};
+        const {
+          direction: direction,
+          startPoint: startPoint
+        } = params;
+        if (points.length < 2 - Number(!!startPoint)) return null;
+        if (points.length < 3 - Number(!!startPoint)) return genLinearSegments(points, params);
+        const segContext = genSegContext(type, direction, points),
+          gatmullRom = new cons(segContext, alpha, startPoint);
+        return genCurveSegments(gatmullRom, points), segContext;
+      };
+    }
+    const genCatmullRomSegments = commonGenCatmullRomSegments("catmullRom", CatmullRom);
+
+    class CatmullRomClosed {
+      constructor(context) {
+        let alpha = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : .5;
+        let startPoint = arguments.length > 2 ? arguments[2] : undefined;
+        this.context = context, this.startPoint = startPoint, this._alpha = alpha;
+      }
+      areaStart() {
+        this._line = 0;
+      }
+      areaEnd() {
+        this._line = NaN;
+      }
+      lineStart() {
+        this._x0 = this._x1 = this._x2 = this._x3 = this._x4 = this._x5 = this._y0 = this._y1 = this._y2 = this._y3 = this._y4 = this._y5 = NaN, this._l01_a = this._l12_a = this._l23_a = this._l01_2a = this._l12_2a = this._l23_2a = this._point = 0;
+      }
+      lineEnd() {
+        switch (this._point) {
+          case 1:
+            this.context.moveTo(this._x3, this._y3, this.lastPoint1), this.context.closePath();
+            break;
+          case 2:
+            this.context.lineTo(this._x3, this._y3, !1 !== this._lastDefined1 && !1 !== this._lastDefined2, this.lastPoint1), this.context.closePath();
+            break;
+          case 3:
+            this.point({
+              x: this._x3,
+              y: this._y3
+            }), this.point({
+              x: this._x4,
+              y: this._y4
+            }), this.point({
+              x: this._x5,
+              y: this._y5
+            });
+        }
+      }
+      point(p) {
+        const {
+          x: x,
+          y: y
+        } = p;
+        if (this._point) {
+          const x23 = this._x2 - x,
+            y23 = this._y2 - y;
+          this._l23_a = Math.sqrt(this._l23_2a = Math.pow(x23 * x23 + y23 * y23, this._alpha));
+        }
+        switch (this._point) {
+          case 0:
+            this._point = 1, this._x3 = x, this._y3 = y;
+            break;
+          case 1:
+            this._point = 2, this.context.moveTo(this._x4 = x, this._y4 = y, p);
+            break;
+          case 2:
+            this._point = 3, this._x5 = x, this._y5 = y;
+            break;
+          default:
+            point$1(this, x, y, !1 !== this._lastDefined1 && !1 !== this._lastDefined2);
+        }
+        this._l01_a = this._l12_a, this._l12_a = this._l23_a, this._l01_2a = this._l12_2a, this._l12_2a = this._l23_2a, this._x0 = this._x1, this._x1 = this._x2, this._x2 = x, this._y0 = this._y1, this._y1 = this._y2, this._y2 = y, this._lastDefined1 = this._lastDefined2, this._lastDefined2 = p.defined, this.lastPoint0 = this.lastPoint1, this.lastPoint1 = p;
+      }
+      tryUpdateLength() {
+        return this.context.tryUpdateLength();
+      }
+    }
+    const genCatmullRomClosedSegments = commonGenCatmullRomSegments("catmullRomClosed", CatmullRomClosed);
+
     class CurveContext {
       constructor(path) {
         this.path = path, this._lastX = this._lastY = this._startX = this._startY = 0;
@@ -3457,6 +3613,7 @@
     }
 
     function calcLineCache$1(points, curveType, params) {
+      var _a, _b;
       switch (curveType) {
         case "linear":
         default:
@@ -3473,6 +3630,10 @@
           return genStepSegments(points, 0, params);
         case "stepAfter":
           return genStepSegments(points, 1, params);
+        case "catmullRom":
+          return genCatmullRomSegments(points, null !== (_a = null == params ? void 0 : params.curveTension) && void 0 !== _a ? _a : .5, params);
+        case "catmullRomClosed":
+          return genCatmullRomClosedSegments(points, null !== (_b = null == params ? void 0 : params.curveTension) && void 0 !== _b ? _b : .5, params);
         case "linearClosed":
           return genLinearClosedSegments(points, params);
       }
@@ -3913,7 +4074,8 @@
       segments: [],
       curveType: "linear",
       clipRange: 1,
-      closePath: !1
+      closePath: !1,
+      curveTension: 1
     });
     const DefaultCircleAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
       radius: 1,
@@ -3948,7 +4110,8 @@
       curveType: "linear",
       clipRange: 1,
       clipRangeByDimension: "default",
-      closePath: !1
+      closePath: !1,
+      curveTension: 1
     });
     const DefaultPathAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
       path: new CustomPath2D(),
@@ -10527,6 +10690,7 @@
       }
       if (outerRadius <= epsilon) context.moveTo(cx, cy);else if (deltaAngle >= pi2 - epsilon) context.moveTo(cx + outerRadius * cos(startAngle), cy + outerRadius * sin(startAngle)), context.arc(cx, cy, outerRadius, startAngle, endAngle, !clockwise), innerRadius > epsilon && (context.moveTo(cx + innerRadius * cos(endAngle), cy + innerRadius * sin(endAngle)), context.arc(cx, cy, innerRadius, endAngle, startAngle, clockwise));else {
         const cornerRadius = arc.getParsedCornerRadius(),
+          cornerRadiusIsArray = isArray$1(cornerRadius),
           {
             outerDeltaAngle: outerDeltaAngle,
             innerDeltaAngle: innerDeltaAngle,
@@ -10535,10 +10699,10 @@
             innerEndAngle: innerEndAngle,
             innerStartAngle: innerStartAngle
           } = arc.getParsePadAngle(startAngle, endAngle),
-          outerCornerRadiusStart = cornerRadius,
-          outerCornerRadiusEnd = cornerRadius,
-          innerCornerRadiusEnd = cornerRadius,
-          innerCornerRadiusStart = cornerRadius,
+          outerCornerRadiusStart = cornerRadiusIsArray ? cornerRadius[0] : cornerRadius,
+          outerCornerRadiusEnd = cornerRadiusIsArray ? cornerRadius[1] : cornerRadius,
+          innerCornerRadiusEnd = cornerRadiusIsArray ? cornerRadius[2] : cornerRadius,
+          innerCornerRadiusStart = cornerRadiusIsArray ? cornerRadius[3] : cornerRadius,
           maxOuterCornerRadius = Math.max(outerCornerRadiusEnd, outerCornerRadiusStart),
           maxInnerCornerRadius = Math.max(innerCornerRadiusEnd, innerCornerRadiusStart);
         let limitedOcr = maxOuterCornerRadius,
@@ -12095,7 +12259,7 @@
       return new Symbol$1(attributes);
     }
 
-    const LINE_UPDATE_TAG_KEY = ["segments", "points", "curveType", ...GRAPHIC_UPDATE_TAG_KEY];
+    const LINE_UPDATE_TAG_KEY = ["segments", "points", "curveType", "curveTension", ...GRAPHIC_UPDATE_TAG_KEY];
     let Line$1 = class Line extends Graphic {
       constructor() {
         let params = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : {};
@@ -13172,7 +13336,7 @@
       return new Path(attributes);
     }
 
-    const AREA_UPDATE_TAG_KEY = ["segments", "points", "curveType", ...GRAPHIC_UPDATE_TAG_KEY];
+    const AREA_UPDATE_TAG_KEY = ["segments", "points", "curveType", "curveTension", ...GRAPHIC_UPDATE_TAG_KEY];
     class Area extends Graphic {
       constructor(params) {
         super(params), this.type = "area", this.numberType = AREA_NUMBER_TYPE;
@@ -13282,8 +13446,13 @@
           innerRadius = arcTheme.innerRadius
         } = this.attribute;
         if (outerRadius += outerPadding, innerRadius -= innerPadding, 0 === cornerRadius || "0%" === cornerRadius) return 0;
-        const deltaRadius = Math.abs(outerRadius - innerRadius);
-        return Math.min(isNumber$1(cornerRadius, !0) ? cornerRadius : deltaRadius * parseFloat(cornerRadius) / 100, deltaRadius / 2);
+        const deltaRadius = Math.abs(outerRadius - innerRadius),
+          parseCR = cornerRadius => Math.min(isNumber$1(cornerRadius, !0) ? cornerRadius : deltaRadius * parseFloat(cornerRadius) / 100, deltaRadius / 2);
+        if (isArray$1(cornerRadius)) {
+          const crList = cornerRadius.map(cr => parseCR(cr) || 0);
+          return 0 === crList.length ? [crList[0], crList[0], crList[0], crList[0]] : 2 === crList.length ? [crList[0], crList[1], crList[0], crList[1]] : (3 === crList.length && crList.push(0), crList);
+        }
+        return parseCR(cornerRadius);
       }
       getParsedAngle() {
         const arcTheme = getTheme(this).arc;
@@ -15577,6 +15746,7 @@
           outerRadius = innerRadius, innerRadius = temp;
         }
         const cornerRadius = arc.getParsedCornerRadius(),
+          cornerRadiusIsArray = isArray$1(cornerRadius),
           {
             outerDeltaAngle: outerDeltaAngle,
             innerDeltaAngle: innerDeltaAngle,
@@ -15585,10 +15755,10 @@
             innerEndAngle: innerEndAngle,
             innerStartAngle: innerStartAngle
           } = arc.getParsePadAngle(startAngle, endAngle),
-          outerCornerRadiusStart = cornerRadius,
-          outerCornerRadiusEnd = cornerRadius,
-          innerCornerRadiusEnd = cornerRadius,
-          innerCornerRadiusStart = cornerRadius,
+          outerCornerRadiusStart = cornerRadiusIsArray ? cornerRadius[0] : cornerRadius,
+          outerCornerRadiusEnd = cornerRadiusIsArray ? cornerRadius[1] : cornerRadius,
+          innerCornerRadiusEnd = cornerRadiusIsArray ? cornerRadius[2] : cornerRadius,
+          innerCornerRadiusStart = cornerRadiusIsArray ? cornerRadius[3] : cornerRadius,
           maxOuterCornerRadius = Math.max(outerCornerRadiusEnd, outerCornerRadiusStart),
           maxInnerCornerRadius = Math.max(innerCornerRadiusEnd, innerCornerRadiusStart);
         let limitedOcr = maxOuterCornerRadius,
@@ -15979,7 +16149,8 @@
             strokeOpacity = lineAttribute.strokeOpacity,
             segments: segments,
             points: points,
-            closePath: closePath
+            closePath: closePath,
+            curveTension = lineAttribute.curveTension
           } = line.attribute;
         if (!this.valid(line, lineAttribute, fillCb, strokeCb)) return;
         let {
@@ -16013,7 +16184,8 @@
                 defined: lastSeg.curves[lastSeg.curves.length - 1].defined
               } : index > 1 && (startPoint.x = lastSeg.endX, startPoint.y = lastSeg.endY, startPoint.defined = lastSeg.curves[lastSeg.curves.length - 1].defined);
               const data = calcLineCache$1(seg.points, curveType, {
-                startPoint: startPoint
+                startPoint: startPoint,
+                curveTension: curveTension
               });
               return lastSeg = data, data;
             }).filter(item => !!item), "linearClosed" === curveType) {
@@ -16030,7 +16202,9 @@
             }
           } else {
             if (!points || !points.length) return line.cache = null, void line.clearUpdateShapeTag();
-            line.cache = calcLineCache$1(_points, curveType);
+            line.cache = calcLineCache$1(_points, curveType, {
+              curveTension: curveTension
+            });
           }
           line.clearUpdateShapeTag();
         }
@@ -16201,6 +16375,7 @@
         };
       };
     function calcLineCache(points, curveType, params) {
+      var _a, _b;
       switch (curveType) {
         case "linear":
         default:
@@ -16217,6 +16392,10 @@
           return genStepSegments(points, 0, params);
         case "stepAfter":
           return genStepSegments(points, 1, params);
+        case "catmullRom":
+          return genCatmullRomSegments(points, null !== (_a = null == params ? void 0 : params.curveTension) && void 0 !== _a ? _a : .5, params);
+        case "catmullRomClosed":
+          return genCatmullRomClosedSegments(points, null !== (_b = null == params ? void 0 : params.curveTension) && void 0 !== _b ? _b : .5, params);
         case "linearClosed":
           return genLinearClosedSegments(points, params);
       }
@@ -16281,7 +16460,8 @@
             stroke = areaAttribute.stroke,
             fillOpacity = areaAttribute.fillOpacity,
             z = areaAttribute.z,
-            strokeOpacity = areaAttribute.strokeOpacity
+            strokeOpacity = areaAttribute.strokeOpacity,
+            curveTension = areaAttribute.curveTension
           } = area.attribute,
           data = this.valid(area, areaAttribute, fillCb, strokeCb);
         if (!data) return;
@@ -16312,7 +16492,8 @@
                 y: lastTopSeg.endY
               } : index > 1 && (startPoint.x = lastTopSeg.endX, startPoint.y = lastTopSeg.endY);
               const data = calcLineCache(seg.points, curveType, {
-                startPoint: startPoint
+                startPoint: startPoint,
+                curveTension: curveTension
               });
               return lastTopSeg = data, data;
             }).filter(item => !!item);
@@ -16333,7 +16514,9 @@
                   y: null !== (_d = endPoint.y1) && void 0 !== _d ? _d : endPoint.y
                 });
               }
-              bottomPoints.length > 1 && (lastBottomSeg = calcLineCache(bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType), bottomCaches.unshift(lastBottomSeg));
+              bottomPoints.length > 1 && (lastBottomSeg = calcLineCache(bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType, {
+                curveTension: curveTension
+              }), bottomCaches.unshift(lastBottomSeg));
             }
             area.cacheArea = bottomCaches.map((item, index) => ({
               top: topCaches[index],
@@ -16348,8 +16531,12 @@
                 x: null !== (_e = points[i].x1) && void 0 !== _e ? _e : points[i].x,
                 y: null !== (_f = points[i].y1) && void 0 !== _f ? _f : points[i].y
               });
-              const topCache = calcLineCache(topPoints, curveType),
-                bottomCache = calcLineCache(bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType);
+              const topCache = calcLineCache(topPoints, curveType, {
+                  curveTension: curveTension
+                }),
+                bottomCache = calcLineCache(bottomPoints, "stepBefore" === curveType ? "stepAfter" : "stepAfter" === curveType ? "stepBefore" : curveType, {
+                  curveTension: curveTension
+                });
               area.cacheArea = {
                 top: topCache,
                 bottom: bottomCache
@@ -17050,6 +17237,100 @@
           decorator(target, key, paramIndex);
         };
       };
+    exports.DefaultCanvasGroupRender = class DefaultCanvasGroupRender {
+      constructor(groupRenderContribitions) {
+        this.groupRenderContribitions = groupRenderContribitions, this.numberType = GROUP_NUMBER_TYPE;
+      }
+      drawShape(group, context, x, y, drawContext, params, fillCb, strokeCb) {
+        const groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
+          {
+            fill = groupAttribute.fill,
+            background: background,
+            stroke = groupAttribute.stroke,
+            opacity = groupAttribute.opacity,
+            width = groupAttribute.width,
+            height = groupAttribute.height,
+            clip = groupAttribute.clip,
+            fillOpacity = groupAttribute.fillOpacity,
+            strokeOpacity = groupAttribute.strokeOpacity,
+            cornerRadius = groupAttribute.cornerRadius,
+            path = groupAttribute.path,
+            lineWidth = groupAttribute.lineWidth,
+            visible = groupAttribute.visible
+          } = group.attribute,
+          fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
+          sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
+          doFill = runFill(fill, background),
+          doStroke = runStroke(stroke, lineWidth);
+        if (!group.valid || !visible) return;
+        if (!clip) {
+          if (!doFill && !doStroke) return;
+          if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
+        }
+        if (path && path.length && drawContext.drawContribution) {
+          const disableFill = context.disableFill,
+            disableStroke = context.disableStroke,
+            disableBeginPath = context.disableBeginPath;
+          context.disableFill = !0, context.disableStroke = !0, context.disableBeginPath = !0, path.forEach(g => {
+            drawContext.drawContribution.getRenderContribution(g).draw(g, drawContext.renderService, drawContext, params);
+          }), context.disableFill = disableFill, context.disableStroke = disableStroke, context.disableBeginPath = disableBeginPath;
+        } else 0 === cornerRadius || isArray$1(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(x, y, width, height)) : (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius));
+        this._groupRenderContribitions || (this._groupRenderContribitions = this.groupRenderContribitions.getContributions() || [], this._groupRenderContribitions.push(defaultGroupBackgroundRenderContribution));
+        const doFillOrStroke = {
+          doFill: doFill,
+          doStroke: doStroke
+        };
+        this._groupRenderContribitions.forEach(c => {
+          c.time === exports.BaseRenderContributionTime.beforeFillStroke && c.drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb, doFillOrStroke);
+        }), clip && context.clip(), context.setShadowBlendStyle && context.setShadowBlendStyle(group, group.attribute, groupAttribute), doFillOrStroke.doFill && (fillCb ? fillCb(context, group.attribute, groupAttribute) : fVisible && (context.setCommonStyle(group, group.attribute, x, y, groupAttribute), context.fill())), doFillOrStroke.doStroke && (strokeCb ? strokeCb(context, group.attribute, groupAttribute) : sVisible && (context.setStrokeStyle(group, group.attribute, x, y, groupAttribute), context.stroke())), this._groupRenderContribitions.forEach(c => {
+          c.time === exports.BaseRenderContributionTime.afterFillStroke && c.drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb);
+        });
+      }
+      draw(group, renderService, drawContext, params) {
+        const {
+          context: context
+        } = drawContext;
+        if (!context) return;
+        const {
+          clip: clip,
+          baseOpacity = 1
+        } = group.attribute;
+        clip ? context.save() : context.highPerformanceSave(), context.baseGlobalAlpha *= baseOpacity;
+        const groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
+          lastModelMatrix = context.modelMatrix;
+        if (context.camera) {
+          const nextModelMatrix = mat4Allocate.allocate(),
+            modelMatrix = mat4Allocate.allocate();
+          getModelMatrix(modelMatrix, group, groupAttribute), multiplyMat4Mat4(nextModelMatrix, lastModelMatrix || nextModelMatrix, modelMatrix), context.modelMatrix = nextModelMatrix, mat4Allocate.free(modelMatrix), context.setTransform(1, 0, 0, 1, 0, 0, !0);
+        } else context.transformFromMatrix(group.transMatrix, !0);
+        context.beginPath(), params.skipDraw ? this.drawShape(group, context, 0, 0, drawContext, params, () => !1, () => !1) : this.drawShape(group, context, 0, 0, drawContext);
+        const {
+          scrollX = groupAttribute.scrollX,
+          scrollY = groupAttribute.scrollY
+        } = group.attribute;
+        let p;
+        (scrollX || scrollY) && context.translate(scrollX, scrollY), params && params.drawingCb && (p = params.drawingCb()), context.modelMatrix !== lastModelMatrix && mat4Allocate.free(context.modelMatrix), context.modelMatrix = lastModelMatrix, context.baseGlobalAlpha /= baseOpacity, p && p.then ? p.then(() => {
+          clip ? context.restore() : context.highPerformanceRestore();
+        }) : clip ? context.restore() : context.highPerformanceRestore();
+      }
+    };
+    exports.DefaultCanvasGroupRender = __decorate$1s([injectable(), __param$H(0, inject(ContributionProvider)), __param$H(0, named(GroupRenderContribution)), __metadata$16("design:paramtypes", [Object])], exports.DefaultCanvasGroupRender);
+
+    var __decorate$1r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+        var d,
+          c = arguments.length,
+          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
+        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
+        return c > 3 && r && Object.defineProperty(target, key, r), r;
+      },
+      __metadata$15 = undefined && undefined.__metadata || function (k, v) {
+        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
+      },
+      __param$G = undefined && undefined.__param || function (paramIndex, decorator) {
+        return function (target, key) {
+          decorator(target, key, paramIndex);
+        };
+      };
     const repeatStr = ["", "repeat-x", "repeat-y", "repeat"];
     exports.DefaultCanvasImageRender = class DefaultCanvasImageRender extends BaseRender {
       constructor(imageRenderContribitions) {
@@ -17106,7 +17387,7 @@
         this._draw(image, imageAttribute, !1, drawContext);
       }
     };
-    exports.DefaultCanvasImageRender = __decorate$1s([injectable(), __param$H(0, inject(ContributionProvider)), __param$H(0, named(ImageRenderContribution)), __metadata$16("design:paramtypes", [Object])], exports.DefaultCanvasImageRender);
+    exports.DefaultCanvasImageRender = __decorate$1r([injectable(), __param$G(0, inject(ContributionProvider)), __param$G(0, named(ImageRenderContribution)), __metadata$15("design:paramtypes", [Object])], exports.DefaultCanvasImageRender);
 
     const IncrementalDrawContribution = Symbol.for("IncrementalDrawContribution");
     const ArcRender = Symbol.for("ArcRender");
@@ -17129,14 +17410,14 @@
     const RenderSelector = Symbol.for("RenderSelector");
     const DrawContribution = Symbol.for("DrawContribution");
 
-    var __decorate$1r = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$15 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$14 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     const DrawItemInterceptor = Symbol.for("DrawItemInterceptor");
@@ -17196,7 +17477,7 @@
         return !1;
       }
     };
-    exports.CommonDrawItemInterceptorContribution = __decorate$1r([injectable(), __metadata$15("design:paramtypes", [])], exports.CommonDrawItemInterceptorContribution);
+    exports.CommonDrawItemInterceptorContribution = __decorate$1q([injectable(), __metadata$14("design:paramtypes", [])], exports.CommonDrawItemInterceptorContribution);
     class InteractiveDrawItemInterceptorContribution {
       constructor() {
         this.order = 1;
@@ -17328,17 +17609,17 @@
       }
     }
 
-    var __decorate$1q = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1p = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$14 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$13 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$G = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$F = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -17376,7 +17657,7 @@
         this.prepare(updateBounds), this.prepareRenderList(), this.beforeDraw(params), this.draw(params), this.afterDraw(params), this.drawParams = null;
       }
     };
-    exports.DefaultRenderService = __decorate$1q([injectable(), __param$G(0, inject(DrawContribution)), __metadata$14("design:paramtypes", [Object])], exports.DefaultRenderService);
+    exports.DefaultRenderService = __decorate$1p([injectable(), __param$F(0, inject(DrawContribution)), __metadata$13("design:paramtypes", [Object])], exports.DefaultRenderService);
 
     var renderModule$1 = new ContainerModule(bind => {
       bind(RenderService).to(exports.DefaultRenderService);
@@ -17387,7 +17668,7 @@
     const BoundsPicker = Symbol.for("BoundsPicker");
     const GlobalPickerService = Symbol.for("GlobalPickerService");
 
-    var __decorate$1p = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1o = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
         c = arguments.length,
         r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
@@ -17420,7 +17701,7 @@
         return context.highPerformanceRestore(), result;
       }
     };
-    exports.ShadowRootPickItemInterceptorContribution = __decorate$1p([injectable()], exports.ShadowRootPickItemInterceptorContribution);
+    exports.ShadowRootPickItemInterceptorContribution = __decorate$1o([injectable()], exports.ShadowRootPickItemInterceptorContribution);
     exports.InteractivePickItemInterceptorContribution = class InteractivePickItemInterceptorContribution {
       constructor() {
         this.order = 1;
@@ -17439,7 +17720,7 @@
         return null;
       }
     };
-    exports.InteractivePickItemInterceptorContribution = __decorate$1p([injectable()], exports.InteractivePickItemInterceptorContribution);
+    exports.InteractivePickItemInterceptorContribution = __decorate$1o([injectable()], exports.InteractivePickItemInterceptorContribution);
     exports.Canvas3DPickItemInterceptor = class Canvas3DPickItemInterceptor {
       constructor() {
         this.order = 1;
@@ -17499,7 +17780,7 @@
         context.setTransformForCurrent();
       }
     };
-    exports.Canvas3DPickItemInterceptor = __decorate$1p([injectable()], exports.Canvas3DPickItemInterceptor);
+    exports.Canvas3DPickItemInterceptor = __decorate$1o([injectable()], exports.Canvas3DPickItemInterceptor);
 
     var pickModule = new ContainerModule((bind, unbind, isBound) => {
       isBound(PickerService) || (bind(GlobalPickerService).toSelf(), bind(PickerService).toService(GlobalPickerService)), bind(exports.Canvas3DPickItemInterceptor).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.Canvas3DPickItemInterceptor), bind(exports.ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.ShadowRootPickItemInterceptorContribution), bind(exports.InteractivePickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(exports.InteractivePickItemInterceptorContribution), bindContributionProvider(bind, PickItemInterceptor);
@@ -17512,17 +17793,17 @@
     const AutoEnablePlugins = Symbol.for("AutoEnablePlugins");
     const PluginService = Symbol.for("PluginService");
 
-    var __decorate$1o = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1n = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$13 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$12 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$F = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$E = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -17562,7 +17843,7 @@
         }), this.onRegisterPlugin = [];
       }
     };
-    DefaultPluginService = __decorate$1o([injectable(), __param$F(0, inject(ContributionProvider)), __param$F(0, named(AutoEnablePlugins)), __metadata$13("design:paramtypes", [Object])], DefaultPluginService);
+    DefaultPluginService = __decorate$1n([injectable(), __param$E(0, inject(ContributionProvider)), __param$E(0, named(AutoEnablePlugins)), __metadata$12("design:paramtypes", [Object])], DefaultPluginService);
 
     var pluginModule = new ContainerModule(bind => {
       bind(PluginService).to(DefaultPluginService), bindContributionProviderNoSingletonScope(bind, AutoEnablePlugins);
@@ -17576,14 +17857,14 @@
       bind(TextMeasureContribution).to(exports.DefaultTextMeasureContribution).inSingletonScope(), bindContributionProvider(bind, TextMeasureContribution);
     });
 
-    var __decorate$1n = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1m = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$12 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$11 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let CanvasLayerHandlerContribution = class {
@@ -17653,16 +17934,16 @@
         this.canvas.release();
       }
     };
-    CanvasLayerHandlerContribution = __decorate$1n([injectable(), __metadata$12("design:paramtypes", [])], CanvasLayerHandlerContribution);
+    CanvasLayerHandlerContribution = __decorate$1m([injectable(), __metadata$11("design:paramtypes", [])], CanvasLayerHandlerContribution);
 
-    var __decorate$1m = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1l = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$11 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$10 = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let EmptyLayerHandlerContribution = class {
@@ -17697,16 +17978,16 @@
       }
       release() {}
     };
-    EmptyLayerHandlerContribution = __decorate$1m([injectable(), __metadata$11("design:paramtypes", [])], EmptyLayerHandlerContribution);
+    EmptyLayerHandlerContribution = __decorate$1l([injectable(), __metadata$10("design:paramtypes", [])], EmptyLayerHandlerContribution);
 
-    var __decorate$1l = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1k = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$10 = undefined && undefined.__metadata || function (k, v) {
+      __metadata$$ = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       };
     let OffscreenLayerHandlerContribution = class {
@@ -17769,7 +18050,7 @@
       }
       merge(layerHandlers) {}
     };
-    OffscreenLayerHandlerContribution = __decorate$1l([injectable(), __metadata$10("design:paramtypes", [])], OffscreenLayerHandlerContribution);
+    OffscreenLayerHandlerContribution = __decorate$1k([injectable(), __metadata$$("design:paramtypes", [])], OffscreenLayerHandlerContribution);
 
     var layerHandlerModules = new ContainerModule(bind => {
       bind(CanvasLayerHandlerContribution).toSelf(), bind(OffscreenLayerHandlerContribution).toSelf(), bind(EmptyLayerHandlerContribution).toSelf(), bind(StaticLayerHandlerContribution).toService(CanvasLayerHandlerContribution), bind(DynamicLayerHandlerContribution).toService(OffscreenLayerHandlerContribution), bind(VirtualLayerHandlerContribution).toService(EmptyLayerHandlerContribution);
@@ -17885,17 +18166,17 @@
       return result;
     }
 
-    var __decorate$1k = undefined && undefined.__decorate || function (decorators, target, key, desc) {
+    var __decorate$1j = undefined && undefined.__decorate || function (decorators, target, key, desc) {
         var d,
           c = arguments.length,
           r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
         if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
         return c > 3 && r && Object.defineProperty(target, key, r), r;
       },
-      __metadata$$ = undefined && undefined.__metadata || function (k, v) {
+      __metadata$_ = undefined && undefined.__metadata || function (k, v) {
         if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
       },
-      __param$E = undefined && undefined.__param || function (paramIndex, decorator) {
+      __param$D = undefined && undefined.__param || function (paramIndex, decorator) {
         return function (target, key) {
           decorator(target, key, paramIndex);
         };
@@ -18082,101 +18363,7 @@
       }
       afterDraw(renderService, drawParams) {}
     };
-    DefaultDrawContribution = __decorate$1k([injectable(), __param$E(0, multiInject(GraphicRender)), __param$E(1, inject(ContributionProvider)), __param$E(1, named(DrawItemInterceptor)), __metadata$$("design:paramtypes", [Array, Object])], DefaultDrawContribution);
-
-    var __decorate$1j = undefined && undefined.__decorate || function (decorators, target, key, desc) {
-        var d,
-          c = arguments.length,
-          r = c < 3 ? target : null === desc ? desc = Object.getOwnPropertyDescriptor(target, key) : desc;
-        if ("object" == typeof Reflect && "function" == typeof Reflect.decorate) r = Reflect.decorate(decorators, target, key, desc);else for (var i = decorators.length - 1; i >= 0; i--) (d = decorators[i]) && (r = (c < 3 ? d(r) : c > 3 ? d(target, key, r) : d(target, key)) || r);
-        return c > 3 && r && Object.defineProperty(target, key, r), r;
-      },
-      __metadata$_ = undefined && undefined.__metadata || function (k, v) {
-        if ("object" == typeof Reflect && "function" == typeof Reflect.metadata) return Reflect.metadata(k, v);
-      },
-      __param$D = undefined && undefined.__param || function (paramIndex, decorator) {
-        return function (target, key) {
-          decorator(target, key, paramIndex);
-        };
-      };
-    let DefaultCanvasGroupRender = class {
-      constructor(groupRenderContribitions) {
-        this.groupRenderContribitions = groupRenderContribitions, this.numberType = GROUP_NUMBER_TYPE;
-      }
-      drawShape(group, context, x, y, drawContext, params, fillCb, strokeCb) {
-        const groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
-          {
-            fill = groupAttribute.fill,
-            background: background,
-            stroke = groupAttribute.stroke,
-            opacity = groupAttribute.opacity,
-            width = groupAttribute.width,
-            height = groupAttribute.height,
-            clip = groupAttribute.clip,
-            fillOpacity = groupAttribute.fillOpacity,
-            strokeOpacity = groupAttribute.strokeOpacity,
-            cornerRadius = groupAttribute.cornerRadius,
-            path = groupAttribute.path,
-            lineWidth = groupAttribute.lineWidth,
-            visible = groupAttribute.visible
-          } = group.attribute,
-          fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
-          sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height),
-          doFill = runFill(fill, background),
-          doStroke = runStroke(stroke, lineWidth);
-        if (!group.valid || !visible) return;
-        if (!clip) {
-          if (!doFill && !doStroke) return;
-          if (!(fVisible || sVisible || fillCb || strokeCb || background)) return;
-        }
-        if (path && path.length && drawContext.drawContribution) {
-          const disableFill = context.disableFill,
-            disableStroke = context.disableStroke,
-            disableBeginPath = context.disableBeginPath;
-          context.disableFill = !0, context.disableStroke = !0, context.disableBeginPath = !0, path.forEach(g => {
-            drawContext.drawContribution.getRenderContribution(g).draw(g, drawContext.renderService, drawContext, params);
-          }), context.disableFill = disableFill, context.disableStroke = disableStroke, context.disableBeginPath = disableBeginPath;
-        } else 0 === cornerRadius || isArray$1(cornerRadius) && cornerRadius.every(num => 0 === num) ? (context.beginPath(), context.rect(x, y, width, height)) : (context.beginPath(), createRectPath(context, x, y, width, height, cornerRadius));
-        this._groupRenderContribitions || (this._groupRenderContribitions = this.groupRenderContribitions.getContributions() || [], this._groupRenderContribitions.push(defaultGroupBackgroundRenderContribution));
-        const doFillOrStroke = {
-          doFill: doFill,
-          doStroke: doStroke
-        };
-        this._groupRenderContribitions.forEach(c => {
-          c.time === exports.BaseRenderContributionTime.beforeFillStroke && c.drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb, doFillOrStroke);
-        }), clip && context.clip(), context.setShadowBlendStyle && context.setShadowBlendStyle(group, group.attribute, groupAttribute), doFillOrStroke.doFill && (fillCb ? fillCb(context, group.attribute, groupAttribute) : fVisible && (context.setCommonStyle(group, group.attribute, x, y, groupAttribute), context.fill())), doFillOrStroke.doStroke && (strokeCb ? strokeCb(context, group.attribute, groupAttribute) : sVisible && (context.setStrokeStyle(group, group.attribute, x, y, groupAttribute), context.stroke())), this._groupRenderContribitions.forEach(c => {
-          c.time === exports.BaseRenderContributionTime.afterFillStroke && c.drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb);
-        });
-      }
-      draw(group, renderService, drawContext, params) {
-        const {
-          context: context
-        } = drawContext;
-        if (!context) return;
-        const {
-          clip: clip,
-          baseOpacity = 1
-        } = group.attribute;
-        clip ? context.save() : context.highPerformanceSave(), context.baseGlobalAlpha *= baseOpacity;
-        const groupAttribute = getTheme(group, null == params ? void 0 : params.theme).group,
-          lastModelMatrix = context.modelMatrix;
-        if (context.camera) {
-          const nextModelMatrix = mat4Allocate.allocate(),
-            modelMatrix = mat4Allocate.allocate();
-          getModelMatrix(modelMatrix, group, groupAttribute), multiplyMat4Mat4(nextModelMatrix, lastModelMatrix || nextModelMatrix, modelMatrix), context.modelMatrix = nextModelMatrix, mat4Allocate.free(modelMatrix), context.setTransform(1, 0, 0, 1, 0, 0, !0);
-        } else context.transformFromMatrix(group.transMatrix, !0);
-        context.beginPath(), params.skipDraw ? this.drawShape(group, context, 0, 0, drawContext, params, () => !1, () => !1) : this.drawShape(group, context, 0, 0, drawContext);
-        const {
-          scrollX = groupAttribute.scrollX,
-          scrollY = groupAttribute.scrollY
-        } = group.attribute;
-        let p;
-        (scrollX || scrollY) && context.translate(scrollX, scrollY), params && params.drawingCb && (p = params.drawingCb()), context.modelMatrix !== lastModelMatrix && mat4Allocate.free(context.modelMatrix), context.modelMatrix = lastModelMatrix, context.baseGlobalAlpha /= baseOpacity, p && p.then ? p.then(() => {
-          clip ? context.restore() : context.highPerformanceRestore();
-        }) : clip ? context.restore() : context.highPerformanceRestore();
-      }
-    };
-    DefaultCanvasGroupRender = __decorate$1j([injectable(), __param$D(0, inject(ContributionProvider)), __param$D(0, named(GroupRenderContribution)), __metadata$_("design:paramtypes", [Object])], DefaultCanvasGroupRender);
+    DefaultDrawContribution = __decorate$1j([injectable(), __param$D(0, multiInject(GraphicRender)), __param$D(1, inject(ContributionProvider)), __param$D(1, named(DrawItemInterceptor)), __metadata$_("design:paramtypes", [Array, Object])], DefaultDrawContribution);
 
     var __decorate$1i = undefined && undefined.__decorate || function (decorators, target, key, desc) {
       var d,
@@ -18420,7 +18607,7 @@
     DefaultIncrementalDrawContribution = __decorate$1g([injectable(), __param$C(0, multiInject(GraphicRender)), __param$C(1, inject(DefaultIncrementalCanvasLineRender)), __param$C(2, inject(DefaultIncrementalCanvasAreaRender)), __param$C(3, inject(ContributionProvider)), __param$C(3, named(DrawItemInterceptor)), __metadata$Z("design:paramtypes", [Array, Object, Object, Object])], DefaultIncrementalDrawContribution);
 
     var renderModule = new ContainerModule(bind => {
-      bind(DefaultBaseBackgroundRenderContribution).toSelf().inSingletonScope(), bind(DefaultBaseTextureRenderContribution).toSelf().inSingletonScope(), bind(DrawContribution).to(DefaultDrawContribution), bind(IncrementalDrawContribution).to(DefaultIncrementalDrawContribution), bind(GroupRender).to(DefaultCanvasGroupRender).inSingletonScope(), bind(GraphicRender).toService(GroupRender), bindContributionProvider(bind, GroupRenderContribution), bind(exports.DefaultBaseInteractiveRenderContribution).toSelf().inSingletonScope(), bindContributionProvider(bind, InteractiveSubRenderContribution), bindContributionProvider(bind, GraphicRender), bind(exports.CommonDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(exports.CommonDrawItemInterceptorContribution), bindContributionProvider(bind, DrawItemInterceptor);
+      bind(DefaultBaseBackgroundRenderContribution).toSelf().inSingletonScope(), bind(DefaultBaseTextureRenderContribution).toSelf().inSingletonScope(), bind(DrawContribution).to(DefaultDrawContribution), bind(IncrementalDrawContribution).to(DefaultIncrementalDrawContribution), bind(GroupRender).to(exports.DefaultCanvasGroupRender).inSingletonScope(), bind(GraphicRender).toService(GroupRender), bindContributionProvider(bind, GroupRenderContribution), bind(exports.DefaultBaseInteractiveRenderContribution).toSelf().inSingletonScope(), bindContributionProvider(bind, InteractiveSubRenderContribution), bindContributionProvider(bind, GraphicRender), bind(exports.CommonDrawItemInterceptorContribution).toSelf().inSingletonScope(), bind(DrawItemInterceptor).toService(exports.CommonDrawItemInterceptorContribution), bindContributionProvider(bind, DrawItemInterceptor);
     });
 
     function load(container) {
@@ -29111,7 +29298,7 @@
 
     const roughModule = _roughModule;
 
-    const version = "0.19.19";
+    const version = "0.19.20-alpha.3";
     preLoadAllModule();
     if (isBrowserEnv()) {
         loadBrowserEnv(container);
@@ -29623,7 +29810,7 @@
     exports.pathMathPickModule = pathMathPickModule;
     exports.pathModule = pathModule;
     exports.pathToBezierCurves = pathToBezierCurves;
-    exports.point = point$2;
+    exports.point = point$3;
     exports.pointEqual = pointEqual;
     exports.pointInterpolation = pointInterpolation;
     exports.pointInterpolationHighPerformance = pointInterpolationHighPerformance;