@visactor/vrender 0.19.19 → 0.19.20-alpha.3

package/dist/index.es.js

@@ -3176,7 +3176,7 @@ function genLinearTypeSegments(path, points) {
   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 {
@@ -3193,7 +3193,7 @@ class Basis {
     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) {
@@ -3207,7 +3207,7 @@ class Basis {
         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;
   }
@@ -3245,7 +3245,7 @@ function slope2(curveClass, t) {
   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,
@@ -3272,7 +3272,7 @@ class MonotoneX {
         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;
   }
@@ -3288,10 +3288,10 @@ class MonotoneX {
         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;
   }
@@ -3412,6 +3412,162 @@ function genLinearClosedTypeSegments(path, points) {
   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;
@@ -3451,6 +3607,7 @@ class CurveContext {
 }
 
 function calcLineCache$1(points, curveType, params) {
+  var _a, _b;
   switch (curveType) {
     case "linear":
     default:
@@ -3467,6 +3624,10 @@ function calcLineCache$1(points, curveType, params) {
       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);
   }
@@ -3907,7 +4068,8 @@ const DefaultAreaAttribute = Object.assign(Object.assign(Object.assign({}, Defau
   segments: [],
   curveType: "linear",
   clipRange: 1,
-  closePath: !1
+  closePath: !1,
+  curveTension: 1
 });
 const DefaultCircleAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
   radius: 1,
@@ -3942,7 +4104,8 @@ const DefaultLineAttribute = Object.assign(Object.assign(Object.assign({}, Defau
   curveType: "linear",
   clipRange: 1,
   clipRangeByDimension: "default",
-  closePath: !1
+  closePath: !1,
+  curveTension: 1
 });
 const DefaultPathAttribute = Object.assign(Object.assign({}, DefaultAttribute), {
   path: new CustomPath2D(),
@@ -10521,6 +10684,7 @@ function drawArcPath$1(arc, context, cx, cy, outerRadius, innerRadius, partStrok
   }
   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,
@@ -10529,10 +10693,10 @@ function drawArcPath$1(arc, context, cx, cy, outerRadius, innerRadius, partStrok
         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,
@@ -12089,7 +12253,7 @@ function createSymbol(attributes) {
   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] : {};
@@ -13166,7 +13330,7 @@ function createPath(attributes) {
   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;
@@ -13276,8 +13440,13 @@ class Arc extends Graphic {
       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;
@@ -15571,6 +15740,7 @@ let DefaultCanvasArcRender = class extends BaseRender {
       outerRadius = innerRadius, innerRadius = temp;
     }
     const cornerRadius = arc.getParsedCornerRadius(),
+      cornerRadiusIsArray = isArray$1(cornerRadius),
       {
         outerDeltaAngle: outerDeltaAngle,
         innerDeltaAngle: innerDeltaAngle,
@@ -15579,10 +15749,10 @@ let DefaultCanvasArcRender = class extends BaseRender {
         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,
@@ -15973,7 +16143,8 @@ let DefaultCanvasLineRender = class extends BaseRender {
         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 {
@@ -16007,7 +16178,8 @@ let DefaultCanvasLineRender = class extends BaseRender {
             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) {
@@ -16024,7 +16196,9 @@ let DefaultCanvasLineRender = class extends BaseRender {
         }
       } 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();
     }
@@ -16195,6 +16369,7 @@ var __decorate$1z = undefined && undefined.__decorate || function (decorators, t
     };
   };
 function calcLineCache(points, curveType, params) {
+  var _a, _b;
   switch (curveType) {
     case "linear":
     default:
@@ -16211,6 +16386,10 @@ function calcLineCache(points, curveType, params) {
       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);
   }
@@ -16275,7 +16454,8 @@ let DefaultCanvasAreaRender = class extends BaseRender {
         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;
@@ -16306,7 +16486,8 @@ let DefaultCanvasAreaRender = class extends BaseRender {
             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);
@@ -16327,7 +16508,9 @@ let DefaultCanvasAreaRender = class extends BaseRender {
               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],
@@ -16342,8 +16525,12 @@ let DefaultCanvasAreaRender = class extends BaseRender {
             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
@@ -17044,6 +17231,100 @@ var __decorate$1s = undefined && undefined.__decorate || function (decorators, t
       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 === 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 === 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$1s([injectable(), __param$H(0, inject(ContributionProvider)), __param$H(0, named(GroupRenderContribution)), __metadata$16("design:paramtypes", [Object])], 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"];
 let DefaultCanvasImageRender = class extends BaseRender {
   constructor(imageRenderContribitions) {
@@ -17100,7 +17381,7 @@ let DefaultCanvasImageRender = class extends BaseRender {
     this._draw(image, imageAttribute, !1, drawContext);
   }
 };
-DefaultCanvasImageRender = __decorate$1s([injectable(), __param$H(0, inject(ContributionProvider)), __param$H(0, named(ImageRenderContribution)), __metadata$16("design:paramtypes", [Object])], DefaultCanvasImageRender);
+DefaultCanvasImageRender = __decorate$1r([injectable(), __param$G(0, inject(ContributionProvider)), __param$G(0, named(ImageRenderContribution)), __metadata$15("design:paramtypes", [Object])], DefaultCanvasImageRender);
 
 const IncrementalDrawContribution = Symbol.for("IncrementalDrawContribution");
 const ArcRender = Symbol.for("ArcRender");
@@ -17123,14 +17404,14 @@ const ImageRender = Symbol.for("ImageRender");
 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");
@@ -17190,7 +17471,7 @@ let CommonDrawItemInterceptorContribution = class {
     return !1;
   }
 };
-CommonDrawItemInterceptorContribution = __decorate$1r([injectable(), __metadata$15("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
+CommonDrawItemInterceptorContribution = __decorate$1q([injectable(), __metadata$14("design:paramtypes", [])], CommonDrawItemInterceptorContribution);
 class InteractiveDrawItemInterceptorContribution {
   constructor() {
     this.order = 1;
@@ -17322,17 +17603,17 @@ class Canvas3DDrawItemInterceptor {
   }
 }
 
-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);
     };
@@ -17370,7 +17651,7 @@ let DefaultRenderService = class {
     this.prepare(updateBounds), this.prepareRenderList(), this.beforeDraw(params), this.draw(params), this.afterDraw(params), this.drawParams = null;
   }
 };
-DefaultRenderService = __decorate$1q([injectable(), __param$G(0, inject(DrawContribution)), __metadata$14("design:paramtypes", [Object])], DefaultRenderService);
+DefaultRenderService = __decorate$1p([injectable(), __param$F(0, inject(DrawContribution)), __metadata$13("design:paramtypes", [Object])], DefaultRenderService);
 
 var renderModule$1 = new ContainerModule(bind => {
   bind(RenderService).to(DefaultRenderService);
@@ -17381,7 +17662,7 @@ const PickerService = Symbol.for("PickerService");
 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;
@@ -17414,7 +17695,7 @@ let ShadowRootPickItemInterceptorContribution = class {
     return context.highPerformanceRestore(), result;
   }
 };
-ShadowRootPickItemInterceptorContribution = __decorate$1p([injectable()], ShadowRootPickItemInterceptorContribution);
+ShadowRootPickItemInterceptorContribution = __decorate$1o([injectable()], ShadowRootPickItemInterceptorContribution);
 let InteractivePickItemInterceptorContribution = class {
   constructor() {
     this.order = 1;
@@ -17433,7 +17714,7 @@ let InteractivePickItemInterceptorContribution = class {
     return null;
   }
 };
-InteractivePickItemInterceptorContribution = __decorate$1p([injectable()], InteractivePickItemInterceptorContribution);
+InteractivePickItemInterceptorContribution = __decorate$1o([injectable()], InteractivePickItemInterceptorContribution);
 let Canvas3DPickItemInterceptor = class {
   constructor() {
     this.order = 1;
@@ -17493,7 +17774,7 @@ let Canvas3DPickItemInterceptor = class {
     context.setTransformForCurrent();
   }
 };
-Canvas3DPickItemInterceptor = __decorate$1p([injectable()], Canvas3DPickItemInterceptor);
+Canvas3DPickItemInterceptor = __decorate$1o([injectable()], Canvas3DPickItemInterceptor);
 
 var pickModule = new ContainerModule((bind, unbind, isBound) => {
   isBound(PickerService) || (bind(GlobalPickerService).toSelf(), bind(PickerService).toService(GlobalPickerService)), bind(Canvas3DPickItemInterceptor).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(Canvas3DPickItemInterceptor), bind(ShadowRootPickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(ShadowRootPickItemInterceptorContribution), bind(InteractivePickItemInterceptorContribution).toSelf().inSingletonScope(), bind(PickItemInterceptor).toService(InteractivePickItemInterceptorContribution), bindContributionProvider(bind, PickItemInterceptor);
@@ -17506,17 +17787,17 @@ var graphicModule = new ContainerModule(bind => {
 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);
     };
@@ -17556,7 +17837,7 @@ let DefaultPluginService = class {
     }), 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);
@@ -17570,14 +17851,14 @@ var textMeasureModules = new ContainerModule(bind => {
   bind(TextMeasureContribution).to(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 {
@@ -17647,16 +17928,16 @@ let CanvasLayerHandlerContribution = class {
     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 {
@@ -17691,16 +17972,16 @@ let EmptyLayerHandlerContribution = class {
   }
   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 {
@@ -17763,7 +18044,7 @@ let OffscreenLayerHandlerContribution = class {
   }
   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);
@@ -17879,17 +18160,17 @@ function findNextGraphic(graphic, id, defaultZIndex) {
   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);
     };
@@ -18076,101 +18357,7 @@ let DefaultDrawContribution = class {
   }
   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 === 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 === 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,
@@ -29105,7 +29292,7 @@ const registerWrapText = _registerWrapText;
 
 const roughModule = _roughModule;
 
-const version = "0.19.19";
+const version = "0.19.20-alpha.3";
 preLoadAllModule();
 if (isBrowserEnv()) {
     loadBrowserEnv(container);
@@ -29132,4 +29319,4 @@ registerSymbol();
 registerText();
 registerWrapText();
 
-export { ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, Animate, AnimateGroup, AnimateGroup1, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeAnimate, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEnvContribution, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasArc3dPicker, CanvasArcPicker, CanvasAreaPicker, CanvasCirclePicker, CanvasFactory, CanvasGlyphPicker, CanvasGroupPicker, CanvasImagePicker, CanvasLinePicker, CanvasPathPicker, CanvasPickerContribution, CanvasPolygonPicker, CanvasPyramid3dPicker, CanvasRect3dPicker, CanvasRectPicker, CanvasRichTextPicker, CanvasSymbolPicker, CanvasTextLayout, CanvasTextPicker, CbAnimate, Circle, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipRadiusAnimate, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageBackgroundRenderContribution, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultMorphingAnimateConfig, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStateAnimateConfig, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction$1 as Direction, DragNDrop, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, FadeInPlus, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, Fragment, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, Gesture, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicAnimate, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, ManualTickHandler, ManualTicker, Mat4Allocate, MathArcPicker, MathAreaPicker, MathCirclePicker, MathGlyphPicker, MathImagePicker, MathLinePicker, MathPathPicker, MathPickerContribution, MathPolygonPicker, MathRectPicker, MathSymbolPicker, MathTextPicker, MatrixAllocate, Meteor, MonotoneX, MonotoneY, MorphingPath, MotionPath, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PickItemInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RAFTickHandler, REACT_TO_CANOPUS_EVENTS, REACT_TO_CANOPUS_EVENTS_LIST, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StaticLayerHandlerContribution, Step$1 as Step, StreamLight, SubAnimate, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TimeOutTickHandler, TransformUtil, UpdateTag, VArc, VArc3d, VArea, VCircle, VGlobal, VGlyph, VGroup, VImage, VLine, VPath, VPolygon, VPyramid3d, VRect, VRect3d, VRichText, VSymbol, VText, VWindow, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _interpolateColor, _registerArc, addArcToBezierPath$1 as addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dCanvasPickModule, arc3dModule, arcCanvasPickModule, arcMathPickModule, arcModule, areaCanvasPickModule, areaMathPickModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, browserEnvModule, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache$1 as calcLineCache, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleCanvasPickModule, circleMathPickModule, circleModule, clock, cloneGraphic, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCircle, createColor, createConicalGradient, createGlyph, createGroup, createImage, createImageElement$1 as createImageElement, createLine, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, decodeReactDom, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawPathProxy, drawSegments, enumCommandMap, feishuEnvModule, fillVisible, findBestMorphingRotation, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, getAttributeFromDefaultAttrList, getConicGradientAt, getContextFont, getCurrentEnv, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphCanvasPickModule, glyphMathPickModule, glyphModule, graphicCreator, graphicService, graphicUtil, harmonyEnvModule, imageCanvasPickModule, imageMathPickModule, imageModule, incrementalAddTo, initAllEnv, initBrowserEnv, initFeishuEnv, initHarmonyEnv, initLynxEnv, initNodeEnv, initTTEnv, initTaroEnv, initWxEnv, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, jsx, layerService, lineCanvasPickModule, lineMathPickModule, lineModule, loadAllEnv, loadAllModule, loadBrowserEnv, loadFeishuEnv, loadHarmonyEnv, loadLynxEnv, loadNodeEnv, loadTTEnv, loadTaroEnv, loadWxEnv, lookAt, lynxEnvModule, mat3Tomat4, mat4Allocate, matrixAllocate, morphPath, multiInject, multiToOneMorph, multiply, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, nodeEnvModule, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, pathCanvasPickModule, pathMathPickModule, pathModule, pathToBezierCurves, point$2 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonCanvasPickModule, polygonMathPickModule, polygonModule, preLoadAllModule, pyramid3dCanvasPickModule, pyramid3dModule, rafBasedSto, rect3dCanvasPickModule, rect3dModule, rectCanvasPickModule, rectFillVisible, rectMathPickModule, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc, registerArc3d, registerArc3dGraphic, registerArcGraphic, registerArea, registerAreaGraphic, registerCircle, registerCircleGraphic, registerGlyph, registerGlyphGraphic, registerGroup, registerGroupGraphic, registerImage, registerImageGraphic, registerLine, registerLineGraphic, registerPath, registerPathGraphic, registerPolygon, registerPolygonGraphic, registerPyramid3d, registerPyramid3dGraphic, registerRect, registerRect3d, registerRect3dGraphic, registerRectGraphic, registerRichtext, registerRichtextGraphic, registerShadowRoot, registerShadowRootGraphic, registerSymbol, registerSymbolGraphic, registerText, registerTextGraphic, registerWrapText, registerWrapTextGraphic, renderCommandList, rewriteProto, richTextMathPickModule, richtextCanvasPickModule, richtextModule, rotateX, rotateY, roughModule, runFill, runStroke, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitGraphic, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, strCommandMap, strokeVisible, symbolCanvasPickModule, symbolMathPickModule, symbolModule, taroEnvModule, textAttributesToStyle, textCanvasPickModule, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textMathPickModule, textModule, transformKeys, transformMat4, transformUtil, translate, ttEnvModule, version, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, wxEnvModule, xul };
+export { ACustomAnimate, ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, Animate, AnimateGroup, AnimateGroup1, AnimateMode, AnimateStatus, AnimateStepType, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeAnimate, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEnvContribution, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasArc3dPicker, CanvasArcPicker, CanvasAreaPicker, CanvasCirclePicker, CanvasFactory, CanvasGlyphPicker, CanvasGroupPicker, CanvasImagePicker, CanvasLinePicker, CanvasPathPicker, CanvasPickerContribution, CanvasPolygonPicker, CanvasPyramid3dPicker, CanvasRect3dPicker, CanvasRectPicker, CanvasRichTextPicker, CanvasSymbolPicker, CanvasTextLayout, CanvasTextPicker, CbAnimate, Circle, CircleRender, CircleRenderContribution, ClipAngleAnimate, ClipDirectionAnimate, ClipGraphicAnimate, ClipRadiusAnimate, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Container, ContainerModule, Context2dFactory, ContributionProvider, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageBackgroundRenderContribution, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultMorphingAnimateConfig, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStateAnimateConfig, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTicker, DefaultTimeline, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction$1 as Direction, DragNDrop, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, FadeInPlus, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, Fragment, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, Gesture, GlobalPickerService, Glyph, GlyphRender, Graphic, GraphicAnimate, GraphicCreator$1 as GraphicCreator, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupFadeIn, GroupFadeOut, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncreaseCount, IncrementalDrawContribution, InputText, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, ManualTickHandler, ManualTicker, Mat4Allocate, MathArcPicker, MathAreaPicker, MathCirclePicker, MathGlyphPicker, MathImagePicker, MathLinePicker, MathPathPicker, MathPickerContribution, MathPolygonPicker, MathRectPicker, MathSymbolPicker, MathTextPicker, MatrixAllocate, Meteor, MonotoneX, MonotoneY, MorphingPath, MotionPath, MultiToOneMorphingPath, NOWORK_ANIMATE_ATTR, Node, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PickItemInterceptor, PickerService, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RAFTickHandler, REACT_TO_CANOPUS_EVENTS, REACT_TO_CANOPUS_EVENTS_LIST, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, RotateBySphereAnimate, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StaticLayerHandlerContribution, Step$1 as Step, StreamLight, SubAnimate, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, TagPointsUpdate, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TimeOutTickHandler, TransformUtil, UpdateTag, VArc, VArc3d, VArea, VCircle, VGlobal, VGlyph, VGroup, VImage, VLine, VPath, VPolygon, VPyramid3d, VRect, VRect3d, VRichText, VSymbol, VText, VWindow, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _interpolateColor, _registerArc, addArcToBezierPath$1 as addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dCanvasPickModule, arc3dModule, arcCanvasPickModule, arcMathPickModule, arcModule, areaCanvasPickModule, areaMathPickModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindContributionProvider, bindContributionProviderNoSingletonScope, boundStroke, browserEnvModule, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache$1 as calcLineCache, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleCanvasPickModule, circleMathPickModule, circleModule, clock, cloneGraphic, colorEqual, colorStringInterpolationToStr, container, cornerTangents, createArc, createArc3d, createArea, createCircle, createColor, createConicalGradient, createGlyph, createGroup, createImage, createImageElement$1 as createImageElement, createLine, createMat4, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, decodeReactDom, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, defaultTicker, defaultTimeline, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawIncrementalAreaSegments, drawIncrementalSegments, drawPathProxy, drawSegments, enumCommandMap, feishuEnvModule, fillVisible, findBestMorphingRotation, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepSegments, genStepTypeSegments, getAttributeFromDefaultAttrList, getConicGradientAt, getContextFont, getCurrentEnv, getExtraModelMatrix, getModelMatrix, getRichTextBounds, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphCanvasPickModule, glyphMathPickModule, glyphModule, graphicCreator, graphicService, graphicUtil, harmonyEnvModule, imageCanvasPickModule, imageMathPickModule, imageModule, incrementalAddTo, initAllEnv, initBrowserEnv, initFeishuEnv, initHarmonyEnv, initLynxEnv, initNodeEnv, initTTEnv, initTaroEnv, initWxEnv, inject, injectable, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, intersect, isBrowserEnv, isNodeEnv, isSvg, isTransformKey, isXML, jsx, layerService, lineCanvasPickModule, lineMathPickModule, lineModule, loadAllEnv, loadAllModule, loadBrowserEnv, loadFeishuEnv, loadHarmonyEnv, loadLynxEnv, loadNodeEnv, loadTTEnv, loadTaroEnv, loadWxEnv, lookAt, lynxEnvModule, mat3Tomat4, mat4Allocate, matrixAllocate, morphPath, multiInject, multiToOneMorph, multiply, multiplyMat4Mat3, multiplyMat4Mat4, named, newThemeObj, nodeEnvModule, oneToMultiMorph, ortho, parsePadding, parseStroke, parseSvgPath, pathCanvasPickModule, pathMathPickModule, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonCanvasPickModule, polygonMathPickModule, polygonModule, preLoadAllModule, pyramid3dCanvasPickModule, pyramid3dModule, rafBasedSto, rect3dCanvasPickModule, rect3dModule, rectCanvasPickModule, rectFillVisible, rectMathPickModule, rectModule, rectStrokeVisible, recursiveCallBinarySplit, registerArc, registerArc3d, registerArc3dGraphic, registerArcGraphic, registerArea, registerAreaGraphic, registerCircle, registerCircleGraphic, registerGlyph, registerGlyphGraphic, registerGroup, registerGroupGraphic, registerImage, registerImageGraphic, registerLine, registerLineGraphic, registerPath, registerPathGraphic, registerPolygon, registerPolygonGraphic, registerPyramid3d, registerPyramid3dGraphic, registerRect, registerRect3d, registerRect3dGraphic, registerRectGraphic, registerRichtext, registerRichtextGraphic, registerShadowRoot, registerShadowRootGraphic, registerSymbol, registerSymbolGraphic, registerText, registerTextGraphic, registerWrapText, registerWrapTextGraphic, renderCommandList, rewriteProto, richTextMathPickModule, richtextCanvasPickModule, richtextModule, rotateX, rotateY, roughModule, runFill, runStroke, segments, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitGraphic, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, strCommandMap, strokeVisible, symbolCanvasPickModule, symbolMathPickModule, symbolModule, taroEnvModule, textAttributesToStyle, textCanvasPickModule, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textMathPickModule, textModule, transformKeys, transformMat4, transformUtil, translate, ttEnvModule, version, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, wxEnvModule, xul };