@visactor/vrender-core 1.1.1-alpha.0 → 1.1.2-alpha.0

package/dist/index.es.js

@@ -23957,103 +23957,380 @@ class DefaultCanvasArcRender extends BaseRender {
     }
 }
 
-class DefaultCanvasCircleRender extends BaseRender {
-    constructor(graphicRenderContributions) {
-        super();
-        this.graphicRenderContributions = graphicRenderContributions;
-        this.numberType = CIRCLE_NUMBER_TYPE;
-        this.builtinContributions = [
-            defaultCircleRenderContribution,
-            defaultCircleBackgroundRenderContribution,
-            defaultCircleTextureRenderContribution
-        ];
-        this.init(graphicRenderContributions);
+function drawArcPath(arc, context, cx, cy, z, outerRadius, innerRadius) {
+    const { startAngle, endAngle } = arc.getParsedAngle();
+    const deltaAngle = abs(endAngle - startAngle);
+    const clockwise = endAngle > startAngle;
+    let collapsedToLine = false;
+    if (outerRadius < innerRadius) {
+        const temp = outerRadius;
+        outerRadius = innerRadius;
+        innerRadius = temp;
     }
-    drawShape(circle, context, x, y, drawContext, params, fillCb, strokeCb) {
-        const circleAttribute = getTheme(circle, params === null || params === void 0 ? void 0 : params.theme).circle;
-        const { radius = circleAttribute.radius, startAngle = circleAttribute.startAngle, endAngle = circleAttribute.endAngle, x: originX = circleAttribute.x, y: originY = circleAttribute.y, fillStrokeOrder = circleAttribute.fillStrokeOrder } = circle.attribute;
-        const data = this.valid(circle, circleAttribute, fillCb, strokeCb);
+    if (outerRadius <= epsilon) {
+        context.moveTo(cx, cy, z);
+    }
+    else if (deltaAngle >= pi2 - epsilon) {
+        context.moveTo(cx + outerRadius * cos(startAngle), cy + outerRadius * sin(startAngle), z);
+        context.arc(cx, cy, outerRadius, startAngle, endAngle, !clockwise, z);
+        if (innerRadius > epsilon) {
+            context.moveTo(cx + innerRadius * cos(endAngle), cy + innerRadius * sin(endAngle), z);
+            context.arc(cx, cy, innerRadius, endAngle, startAngle, clockwise, z);
+        }
+    }
+    else {
+        const { outerDeltaAngle, innerDeltaAngle, outerStartAngle, outerEndAngle, innerEndAngle, innerStartAngle } = arc.getParsePadAngle(startAngle, endAngle);
+        const xors = outerRadius * cos(outerStartAngle);
+        const yors = outerRadius * sin(outerStartAngle);
+        const xire = innerRadius * cos(innerEndAngle);
+        const yire = innerRadius * sin(innerEndAngle);
+        if (outerDeltaAngle < 0.001) {
+            collapsedToLine = true;
+        }
+        else {
+            context.moveTo(cx + xors, cy + yors, z);
+            context.arc(cx, cy, outerRadius, outerStartAngle, outerEndAngle, !clockwise, z);
+        }
+        if (!(innerRadius > epsilon) || innerDeltaAngle < 0.001) {
+            context.lineTo(cx + xire, cy + yire, z);
+            collapsedToLine = true;
+        }
+        else {
+            context.lineTo(cx + xire, cy + yire, z);
+            context.arc(cx, cy, innerRadius, innerEndAngle, innerStartAngle, clockwise, z);
+        }
+    }
+    context.closePath();
+    return collapsedToLine;
+}
+function drawInnerOuterArcPath(arc, context, cx, cy, z1, z2, radius, getParsePadAngle) {
+    const { startAngle, endAngle } = arc.getParsedAngle();
+    const deltaAngle = abs(endAngle - startAngle);
+    const clockwise = endAngle > startAngle;
+    let collapsedToLine = false;
+    if (radius <= epsilon) {
+        context.moveTo(cx, cy, z1);
+    }
+    else if (deltaAngle >= pi2 - epsilon) {
+        context.moveTo(cx + radius * cos(startAngle), cy + radius * sin(startAngle), z1);
+        context.arc(cx, cy, radius, startAngle, endAngle, !clockwise, z1);
+        context.lineTo(cx + radius * cos(endAngle), cy + radius * sin(endAngle), z2);
+        context.arc(cx, cy, radius, endAngle, startAngle, clockwise, z2);
+    }
+    else {
+        const { innerouterDeltaAngle, innerouterStartAngle, innerouterEndAngle } = getParsePadAngle(startAngle, endAngle);
+        const xors = radius * cos(innerouterStartAngle);
+        const yors = radius * sin(innerouterStartAngle);
+        const xore = radius * cos(innerouterEndAngle);
+        const yore = radius * sin(innerouterEndAngle);
+        if (innerouterDeltaAngle < 0.001) {
+            collapsedToLine = true;
+        }
+        else {
+            context.moveTo(cx + xors, cy + yors, z1);
+            context.arc(cx, cy, radius, innerouterStartAngle, innerouterEndAngle, !clockwise, z1);
+            context.lineTo(cx + xore, cy + yore, z2);
+            context.arc(cx, cy, radius, innerouterEndAngle, innerouterStartAngle, clockwise, z2);
+        }
+    }
+    context.closePath();
+    return collapsedToLine;
+}
+class DefaultCanvasArc3DRender extends BaseRender {
+    constructor() {
+        super(...arguments);
+        this.numberType = ARC3D_NUMBER_TYPE;
+    }
+    drawShape(arc, context, x, y, drawContext, params, fillCb, strokeCb) {
+        var _a;
+        const arcAttribute = getTheme(arc, params === null || params === void 0 ? void 0 : params.theme).arc;
+        const { fill = arcAttribute.fill } = arc.attribute;
+        const data = this.valid(arc, arcAttribute, fillCb, strokeCb);
         if (!data) {
             return;
         }
         const { fVisible, sVisible, doFill, doStroke } = data;
-        context.beginPath();
-        context.arc(x, y, radius, startAngle, endAngle);
-        context.closePath();
-        context.setShadowBlendStyle && context.setShadowBlendStyle(circle, circle.attribute, circleAttribute);
-        this.beforeRenderStep(circle, context, x, y, doFill, doStroke, fVisible, sVisible, circleAttribute, drawContext, fillCb, strokeCb);
-        const _runFill = () => {
+        const z = (_a = this.z) !== null && _a !== void 0 ? _a : 0;
+        const { outerPadding = arcAttribute.outerPadding, innerPadding = arcAttribute.innerPadding, height = 10 } = arc.attribute;
+        let { outerRadius = arcAttribute.outerRadius, innerRadius = arcAttribute.innerRadius } = arc.attribute;
+        outerRadius += outerPadding;
+        innerRadius -= innerPadding;
+        const rgbArray = ColorStore.Get(fill, ColorType.Color255);
+        const { light } = drawContext.stage || {};
+        const face = drawContext.hack_pieFace;
+        const z_face = {
+            top: z,
+            bottom: z + height
+        };
+        const n_face = {
+            top: [0, 1, 0],
+            bottom: [0, -1, 0],
+            outside: [1, 0, -1],
+            inside: [1, 0, -1]
+        };
+        if (face === 'bottom' || face === 'top') {
+            context.beginPath();
+            drawArcPath(arc, context, x, y, z_face[face], outerRadius, innerRadius);
+            context.setShadowBlendStyle && context.setShadowBlendStyle(arc, arc.attribute, arcAttribute);
             if (doFill) {
                 if (fillCb) {
-                    fillCb(context, circle.attribute, circleAttribute);
+                    fillCb(context, arc.attribute, arcAttribute);
                 }
                 else if (fVisible) {
-                    context.setCommonStyle(circle, circle.attribute, originX - x, originY - y, circleAttribute);
+                    context.setCommonStyle(arc, arc.attribute, x, y, arcAttribute);
+                    context.fillStyle = light ? light.computeColor(n_face[face], rgbArray) : fill;
                     context.fill();
                 }
             }
-        };
-        const _runStroke = () => {
             if (doStroke) {
                 if (strokeCb) {
-                    strokeCb(context, circle.attribute, circleAttribute);
+                    strokeCb(context, arc.attribute, arcAttribute);
                 }
                 else if (sVisible) {
-                    context.setStrokeStyle(circle, circle.attribute, originX - x, originY - y, circleAttribute);
+                    context.setStrokeStyle(arc, arc.attribute, x, y, arcAttribute);
                     context.stroke();
                 }
             }
-        };
-        if (!fillStrokeOrder) {
-            _runFill();
-            _runStroke();
-        }
-        else {
-            _runStroke();
-            _runFill();
-        }
-        this.afterRenderStep(circle, context, x, y, doFill, doStroke, fVisible, sVisible, circleAttribute, drawContext, fillCb, strokeCb);
-    }
-    draw(circle, renderService, drawContext, params) {
-        const circleAttribute = getTheme(circle, params === null || params === void 0 ? void 0 : params.theme).circle;
-        this._draw(circle, circleAttribute, false, drawContext, params);
-    }
-}
-
-function drawSegItem(ctx, curve, endPercent, params) {
-    if (!curve.p1) {
-        return;
-    }
-    const { offsetX = 0, offsetY = 0, offsetZ = 0 } = params || {};
-    if (endPercent === 1) {
-        if (curve.p2 && curve.p3) {
-            ctx.bezierCurveTo(offsetX + curve.p1.x, offsetY + curve.p1.y, offsetX + curve.p2.x, offsetY + curve.p2.y, offsetX + curve.p3.x, offsetY + curve.p3.y, offsetZ);
         }
-        else {
-            ctx.lineTo(offsetX + curve.p1.x, offsetY + curve.p1.y, offsetZ);
+        else if (face === 'outside' || face === 'inside') {
+            if (face === 'inside') {
+                context.save();
+                context.beginPath();
+                context.arc(x, y, innerRadius, 0, pi2, true, z_face.top);
+                context.clip();
+            }
+            context.beginPath();
+            drawInnerOuterArcPath(arc, context, x, y, z_face.top, z_face.bottom, face === 'outside' ? outerRadius : innerRadius, (startAngle, endAngle) => {
+                const { outerDeltaAngle, innerDeltaAngle, outerStartAngle, outerEndAngle, innerEndAngle, innerStartAngle } = arc.getParsePadAngle(startAngle, endAngle);
+                if (face === 'outside') {
+                    return {
+                        innerouterDeltaAngle: outerDeltaAngle,
+                        innerouterEndAngle: outerEndAngle,
+                        innerouterStartAngle: outerStartAngle
+                    };
+                }
+                return {
+                    innerouterDeltaAngle: innerDeltaAngle,
+                    innerouterEndAngle: innerEndAngle,
+                    innerouterStartAngle: innerStartAngle
+                };
+            });
+            context.setShadowBlendStyle && context.setShadowBlendStyle(arc, arc.attribute, arcAttribute);
+            if (doFill) {
+                if (fillCb) {
+                    fillCb(context, arc.attribute, arcAttribute);
+                }
+                else if (fVisible) {
+                    context.setCommonStyle(arc, arc.attribute, x, y, arcAttribute);
+                    context.fillStyle = light ? light.computeColor(n_face[face], rgbArray) : fill;
+                    context.fill();
+                }
+            }
+            if (doStroke) {
+                if (strokeCb) {
+                    strokeCb(context, arc.attribute, arcAttribute);
+                }
+                else if (sVisible) {
+                    context.setStrokeStyle(arc, arc.attribute, x, y, arcAttribute);
+                    context.stroke();
+                }
+            }
+            if (face === 'inside') {
+                context.restore();
+            }
         }
     }
-    else {
-        if (curve.p2 && curve.p3) {
-            const [curve1] = divideCubic(curve, endPercent);
-            ctx.bezierCurveTo(offsetX + curve1.p1.x, offsetY + curve1.p1.y, offsetX + curve1.p2.x, offsetY + curve1.p2.y, offsetX + curve1.p3.x, offsetY + curve1.p3.y, offsetZ);
-        }
-        else {
-            const p = curve.getPointAt(endPercent);
-            ctx.lineTo(offsetX + p.x, offsetY + p.y, offsetZ);
-        }
+    draw(arc, renderService, drawContext, params) {
+        const arcAttribute = getTheme(arc, params === null || params === void 0 ? void 0 : params.theme).arc;
+        this._draw(arc, arcAttribute, false, drawContext, params);
     }
 }
 
-function drawEachCurve(path, curve, lastCurve, defined0, offsetX, offsetY, offsetZ) {
-    var _a;
-    let p0 = curve.p0;
-    let newDefined0 = defined0;
-    if (lastCurve && lastCurve.originP1 === lastCurve.originP2) {
-        p0 = lastCurve.p0;
+class Base3dRender extends BaseRender {
+    stroke(x, y, z, face3d, context) {
+        const vertices = face3d.vertices;
+        face3d.edges.forEach(edge => {
+            const p1 = vertices[edge[0]];
+            const v1 = {
+                x: x + p1[0],
+                y: y + p1[1],
+                z: z + p1[2]
+            };
+            const p2 = vertices[edge[1]];
+            const v2 = {
+                x: x + p2[0],
+                y: y + p2[1],
+                z: z + p2[2]
+            };
+            context.beginPath();
+            context.moveTo(v1.x, v1.y, v1.z);
+            context.lineTo(v2.x, v2.y, v2.z);
+            context.stroke();
+        });
     }
-    if (curve.defined) {
-        if (!defined0) {
+    fill(x, y, z, face3d, faces, fillColor, context, light, graphic3d, graphic3dAttribute, fillCb) {
+        const rgbArray = ColorStore.Get(fillColor, ColorType.Color255);
+        const vertices = face3d.vertices;
+        const viewdVerticesZ = vertices.map(v => {
+            return context.view(v[0], v[1], v[2])[2];
+        });
+        const sortFace = [];
+        face3d.polygons.forEach((p, i) => {
+            if (faces && !faces[i]) {
+                return;
+            }
+            sortFace.push({
+                faceIdx: i,
+                polygon: p
+            });
+            const { polygon } = p;
+            const z1 = viewdVerticesZ[polygon[0]];
+            const z2 = viewdVerticesZ[polygon[1]];
+            const z3 = viewdVerticesZ[polygon[2]];
+            const z4 = viewdVerticesZ[polygon[3]];
+            p.ave_z = z1 + z2 + z3 + z4;
+        });
+        sortFace.sort((a, b) => b.polygon.ave_z - a.polygon.ave_z);
+        sortFace.forEach(item => {
+            const { polygon, normal } = item.polygon;
+            const p1 = vertices[polygon[0]];
+            const p2 = vertices[polygon[1]];
+            const p3 = vertices[polygon[2]];
+            const p4 = vertices[polygon[3]];
+            const v1 = {
+                x: x + p1[0],
+                y: y + p1[1],
+                z: z + p1[2]
+            };
+            const v2 = {
+                x: x + p2[0],
+                y: y + p2[1],
+                z: z + p2[2]
+            };
+            const v3 = {
+                x: x + p3[0],
+                y: y + p3[1],
+                z: z + p3[2]
+            };
+            const v4 = {
+                x: x + p4[0],
+                y: y + p4[1],
+                z: z + p4[2]
+            };
+            context.beginPath();
+            context.moveTo(v1.x, v1.y, v1.z);
+            context.lineTo(v2.x, v2.y, v2.z);
+            context.lineTo(v3.x, v3.y, v3.z);
+            context.lineTo(v4.x, v4.y, v4.z);
+            context.closePath();
+            if (fillCb) {
+                fillCb(context, graphic3d && graphic3d.attribute, graphic3dAttribute);
+            }
+            else {
+                context.fillStyle = light ? light.computeColor(normal, rgbArray) : fillColor;
+                context.fill();
+            }
+        });
+    }
+}
+
+class DefaultCanvasCircleRender extends BaseRender {
+    constructor(graphicRenderContributions) {
+        super();
+        this.graphicRenderContributions = graphicRenderContributions;
+        this.numberType = CIRCLE_NUMBER_TYPE;
+        this.builtinContributions = [
+            defaultCircleRenderContribution,
+            defaultCircleBackgroundRenderContribution,
+            defaultCircleTextureRenderContribution
+        ];
+        this.init(graphicRenderContributions);
+    }
+    drawShape(circle, context, x, y, drawContext, params, fillCb, strokeCb) {
+        const circleAttribute = getTheme(circle, params === null || params === void 0 ? void 0 : params.theme).circle;
+        const { radius = circleAttribute.radius, startAngle = circleAttribute.startAngle, endAngle = circleAttribute.endAngle, x: originX = circleAttribute.x, y: originY = circleAttribute.y, fillStrokeOrder = circleAttribute.fillStrokeOrder } = circle.attribute;
+        const data = this.valid(circle, circleAttribute, fillCb, strokeCb);
+        if (!data) {
+            return;
+        }
+        const { fVisible, sVisible, doFill, doStroke } = data;
+        context.beginPath();
+        context.arc(x, y, radius, startAngle, endAngle);
+        context.closePath();
+        context.setShadowBlendStyle && context.setShadowBlendStyle(circle, circle.attribute, circleAttribute);
+        this.beforeRenderStep(circle, context, x, y, doFill, doStroke, fVisible, sVisible, circleAttribute, drawContext, fillCb, strokeCb);
+        const _runFill = () => {
+            if (doFill) {
+                if (fillCb) {
+                    fillCb(context, circle.attribute, circleAttribute);
+                }
+                else if (fVisible) {
+                    context.setCommonStyle(circle, circle.attribute, originX - x, originY - y, circleAttribute);
+                    context.fill();
+                }
+            }
+        };
+        const _runStroke = () => {
+            if (doStroke) {
+                if (strokeCb) {
+                    strokeCb(context, circle.attribute, circleAttribute);
+                }
+                else if (sVisible) {
+                    context.setStrokeStyle(circle, circle.attribute, originX - x, originY - y, circleAttribute);
+                    context.stroke();
+                }
+            }
+        };
+        if (!fillStrokeOrder) {
+            _runFill();
+            _runStroke();
+        }
+        else {
+            _runStroke();
+            _runFill();
+        }
+        this.afterRenderStep(circle, context, x, y, doFill, doStroke, fVisible, sVisible, circleAttribute, drawContext, fillCb, strokeCb);
+    }
+    draw(circle, renderService, drawContext, params) {
+        const circleAttribute = getTheme(circle, params === null || params === void 0 ? void 0 : params.theme).circle;
+        this._draw(circle, circleAttribute, false, drawContext, params);
+    }
+}
+
+function drawSegItem(ctx, curve, endPercent, params) {
+    if (!curve.p1) {
+        return;
+    }
+    const { offsetX = 0, offsetY = 0, offsetZ = 0 } = params || {};
+    if (endPercent === 1) {
+        if (curve.p2 && curve.p3) {
+            ctx.bezierCurveTo(offsetX + curve.p1.x, offsetY + curve.p1.y, offsetX + curve.p2.x, offsetY + curve.p2.y, offsetX + curve.p3.x, offsetY + curve.p3.y, offsetZ);
+        }
+        else {
+            ctx.lineTo(offsetX + curve.p1.x, offsetY + curve.p1.y, offsetZ);
+        }
+    }
+    else {
+        if (curve.p2 && curve.p3) {
+            const [curve1] = divideCubic(curve, endPercent);
+            ctx.bezierCurveTo(offsetX + curve1.p1.x, offsetY + curve1.p1.y, offsetX + curve1.p2.x, offsetY + curve1.p2.y, offsetX + curve1.p3.x, offsetY + curve1.p3.y, offsetZ);
+        }
+        else {
+            const p = curve.getPointAt(endPercent);
+            ctx.lineTo(offsetX + p.x, offsetY + p.y, offsetZ);
+        }
+    }
+}
+
+function drawEachCurve(path, curve, lastCurve, defined0, offsetX, offsetY, offsetZ) {
+    var _a;
+    let p0 = curve.p0;
+    let newDefined0 = defined0;
+    if (lastCurve && lastCurve.originP1 === lastCurve.originP2) {
+        p0 = lastCurve.p0;
+    }
+    if (curve.defined) {
+        if (!defined0) {
             path.lineTo(p0.x + offsetX, p0.y + offsetY, offsetZ);
             newDefined0 = !defined0;
         }
@@ -25018,6 +25295,54 @@ class DefaultCanvasRectRender extends BaseRender {
     }
 }
 
+class DefaultCanvasRect3dRender extends Base3dRender {
+    constructor() {
+        super(...arguments);
+        this.type = 'rect3d';
+        this.numberType = RECT3D_NUMBER_TYPE;
+    }
+    drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb) {
+        var _a, _b;
+        const rectAttribute = getTheme(rect, params === null || params === void 0 ? void 0 : params.theme).rect;
+        const { fill = rectAttribute.fill, stroke = rectAttribute.stroke, x1, y1, x: originX, y: originY, opacity = rectAttribute.opacity, fillOpacity = rectAttribute.fillOpacity, lineWidth = rectAttribute.lineWidth, strokeOpacity = rectAttribute.strokeOpacity, visible = rectAttribute.visible, drawStrokeWhenZeroWH = (_a = rectAttribute.drawStrokeWhenZeroWH) !== null && _a !== void 0 ? _a : false } = rect.attribute;
+        let { width, height } = rect.attribute;
+        width = (width !== null && width !== void 0 ? width : x1 - originX) || 0;
+        height = (height !== null && height !== void 0 ? height : y1 - originY) || 0;
+        const z = (_b = this.z) !== null && _b !== void 0 ? _b : 0;
+        const fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill);
+        const sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH);
+        const doFill = runFill(fill);
+        const doStroke = runStroke(stroke, lineWidth);
+        if (!(rect.valid && visible)) {
+            return;
+        }
+        if (!(doFill || doStroke)) {
+            return;
+        }
+        if (!(fVisible || sVisible || fillCb || strokeCb)) {
+            return;
+        }
+        const { light } = drawContext.stage || {};
+        const face3d = rect.findFace();
+        if (fill !== false) {
+            context.setCommonStyle(rect, rect.attribute, x, y, rectAttribute);
+            let fc = fill;
+            if (typeof fc !== 'string') {
+                fc = 'black';
+            }
+            this.fill(x, y, z, face3d, null, fc, context, light, null, null, fillCb);
+        }
+        if (stroke !== false) {
+            context.setStrokeStyle(rect, rect.attribute, x, y, rectAttribute);
+            this.stroke(x, y, z, face3d, context);
+        }
+    }
+    draw(rect, renderService, drawContext) {
+        const rectAttribute = getTheme(rect).rect;
+        this._draw(rect, rectAttribute, false, drawContext);
+    }
+}
+
 class DefaultCanvasSymbolRender extends BaseRender {
     constructor(graphicRenderContributions) {
         super();
@@ -25588,6 +25913,42 @@ class DefaultCanvasPolygonRender extends BaseRender {
     }
 }
 
+class DefaultCanvasPyramid3dRender extends Base3dRender {
+    constructor() {
+        super(...arguments);
+        this.type = 'pyramid3d';
+        this.numberType = PYRAMID3D_NUMBER_TYPE;
+    }
+    drawShape(pyramid3d, context, x, y, drawContext, params, fillCb, strokeCb) {
+        var _a;
+        const pyramidAttribute = getTheme(pyramid3d, params === null || params === void 0 ? void 0 : params.theme).polygon;
+        const { fill = pyramidAttribute.fill, stroke = pyramidAttribute.stroke, face = [true, true, true, true, true, true] } = pyramid3d.attribute;
+        const z = (_a = this.z) !== null && _a !== void 0 ? _a : 0;
+        const data = this.valid(pyramid3d, pyramidAttribute, fillCb, strokeCb);
+        if (!data) {
+            return;
+        }
+        const { light } = drawContext.stage || {};
+        const face3d = pyramid3d.findFace();
+        if (fill !== false) {
+            context.setCommonStyle(pyramid3d, pyramid3d.attribute, x, y, pyramidAttribute);
+            let fc = fill;
+            if (typeof fc !== 'string') {
+                fc = 'black';
+            }
+            this.fill(x, y, z, face3d, face, fc, context, light, pyramid3d, pyramidAttribute, fillCb);
+        }
+        if (stroke !== false) {
+            context.setStrokeStyle(pyramid3d, pyramid3d.attribute, x, y, pyramidAttribute);
+            this.stroke(x, y, z, face3d, context);
+        }
+    }
+    draw(pyramid3d, renderService, drawContext) {
+        const pyramid3dAttribute = getTheme(pyramid3d).polygon;
+        this._draw(pyramid3d, pyramid3dAttribute, false, drawContext);
+    }
+}
+
 const repeatStr = ['', 'repeat-x', 'repeat-y', 'repeat'];
 function resolveImageRepeatMode(repeatX, repeatY) {
     let repeat = 0;
@@ -29188,609 +29549,248 @@ class DefaultCanvasStarRender extends BaseRender {
         const starAttribute = getTheme(star, params === null || params === void 0 ? void 0 : params.theme).star;
         const { x: originX = starAttribute.x, y: originY = starAttribute.y, fillStrokeOrder = starAttribute.fillStrokeOrder } = star.attribute;
         const data = this.valid(star, starAttribute, fillCb, strokeCb);
-        if (!data) {
-            return;
-        }
-        const { fVisible, sVisible, doFill, doStroke } = data;
-        const points = star.getCachedPoints();
-        context.beginPath();
-        if (points && points.length) {
-            points.forEach((point, index) => {
-                if (index === 0) {
-                    context.moveTo(x + point.x, y + point.y);
-                }
-                else {
-                    context.lineTo(x + point.x, y + point.y);
-                }
-            });
-        }
-        context.closePath();
-        context.setShadowBlendStyle && context.setShadowBlendStyle(star, star.attribute, starAttribute);
-        this.beforeRenderStep(star, context, x, y, doFill, doStroke, fVisible, sVisible, starAttribute, drawContext, fillCb, strokeCb);
-        const _runFill = () => {
-            if (doFill) {
-                if (fillCb) {
-                    fillCb(context, star.attribute, starAttribute);
-                }
-                else if (fVisible) {
-                    context.setCommonStyle(star, star.attribute, originX - x, originY - y, starAttribute);
-                    context.fill();
-                }
-            }
-        };
-        const _runStroke = () => {
-            if (doStroke) {
-                if (strokeCb) {
-                    strokeCb(context, star.attribute, starAttribute);
-                }
-                else if (sVisible) {
-                    context.setStrokeStyle(star, star.attribute, originX - x, originY - y, starAttribute);
-                    context.stroke();
-                }
-            }
-        };
-        if (!fillStrokeOrder) {
-            _runFill();
-            _runStroke();
-        }
-        else {
-            _runStroke();
-            _runFill();
-        }
-        this.afterRenderStep(star, context, x, y, doFill, doStroke, fVisible, sVisible, starAttribute, drawContext, fillCb, strokeCb);
-    }
-    draw(star, renderService, drawContext, params) {
-        const starAttribute = getTheme(star, params === null || params === void 0 ? void 0 : params.theme).star;
-        this._draw(star, starAttribute, false, drawContext, params);
-    }
-}
-
-const loadedStarModuleContexts = new WeakSet();
-function bindStarRenderModule({ bind }) {
-    if (isBindingContextLoaded(loadedStarModuleContexts, bind)) {
-        return;
-    }
-    bind(DefaultCanvasStarRender)
-        .toDynamicValue(({ container }) => new DefaultCanvasStarRender(createContributionProvider(StarRenderContribution, container)))
-        .inSingletonScope();
-    bind(StarRender).toService(DefaultCanvasStarRender);
-    bind(GraphicRender).toService(StarRender);
-    bindContributionProvider(bind, StarRenderContribution);
-}
-const starModule = bindStarRenderModule;
-
-class DefaultCanvasGlyphRender {
-    constructor() {
-        this.numberType = GLYPH_NUMBER_TYPE;
-    }
-    reInit() {
-        return;
-    }
-    drawShape(glyph, context, x, y, drawContext, params, fillCb, strokeCb) {
-        if (!drawContext.drawContribution) {
-            return;
-        }
-        glyph.getSubGraphic().forEach(item => {
-            const renderer = drawContext.drawContribution.getRenderContribution(item);
-            if (renderer && renderer.drawShape) {
-                renderer.drawShape(item, context, x, y, drawContext, params, fillCb, strokeCb);
-            }
-        });
-    }
-    draw(glyph, renderService, drawContext, params) {
-        const { context } = drawContext;
-        if (!context) {
-            return;
-        }
-        context.highPerformanceSave();
-        if (!drawContext.drawContribution) {
-            return;
-        }
-        const glyphTheme = getTheme(glyph);
-        const subGraphic = glyph.getSubGraphic();
-        subGraphic.length &&
-            subGraphic.forEach(g => {
-                drawContext.drawContribution.renderItem(g, drawContext, { theme: glyphTheme });
-            });
-        context.highPerformanceRestore();
-    }
-}
-
-const loadedGlyphModuleContexts = new WeakSet();
-function bindGlyphRenderModule({ bind }) {
-    if (isBindingContextLoaded(loadedGlyphModuleContexts, bind)) {
-        return;
-    }
-    bind(DefaultCanvasGlyphRender)
-        .toDynamicValue(() => new DefaultCanvasGlyphRender())
-        .inSingletonScope();
-    bind(GlyphRender).toService(DefaultCanvasGlyphRender);
-    bind(GraphicRender).toService(GlyphRender);
-}
-const glyphModule = bindGlyphRenderModule;
-
-class DefaultCanvasRichTextRender extends BaseRender {
-    constructor() {
-        super();
-        this.numberType = RICHTEXT_NUMBER_TYPE;
-        this.builtinContributions = [defaultTextBackgroundRenderContribution];
-        this.init();
-    }
-    drawShape(richtext, context, x, y, drawContext) {
-        const richtextAttribute = getTheme(richtext).richtext;
-        const { strokeOpacity = richtextAttribute.strokeOpacity, opacity = richtextAttribute.opacity, fillOpacity = richtextAttribute.fillOpacity, visible = richtextAttribute.visible } = richtext.attribute;
-        if (!(richtext.valid && visible)) {
-            return;
-        }
-        const fVisible = fillVisible(opacity, fillOpacity, true);
-        const sVisible = fillVisible(opacity, strokeOpacity, true);
-        if (!fVisible) {
-            return;
-        }
-        context.setShadowBlendStyle && context.setShadowBlendStyle(richtext, richtext.attribute, richtextAttribute);
-        context.translate(x, y);
-        this.beforeRenderStep(richtext, context, x, y, fVisible, sVisible, fVisible, sVisible, richtextAttribute, drawContext);
-        const frame = richtext.getFrameCache();
-        frame.draw(context, this.drawIcon);
-        this.afterRenderStep(richtext, context, x, y, fVisible, sVisible, fVisible, sVisible, richtextAttribute, drawContext);
-    }
-    drawIcon(icon, context, x, y, baseline) {
-        var _a;
-        const richtextIconAttribute = getTheme(icon).richtextIcon;
-        const { width = richtextIconAttribute.width, height = richtextIconAttribute.height, opacity = richtextIconAttribute.opacity, image: url, backgroundFill = richtextIconAttribute.backgroundFill, backgroundFillOpacity = richtextIconAttribute.backgroundFillOpacity, backgroundStroke = richtextIconAttribute.backgroundStroke, backgroundStrokeOpacity = richtextIconAttribute.backgroundStrokeOpacity, backgroundRadius = richtextIconAttribute.backgroundRadius, margin } = icon.attribute;
-        const { backgroundWidth = width, backgroundHeight = height } = icon.attribute;
-        if (margin) {
-            x += icon._marginArray[3];
-            y += icon._marginArray[0];
-        }
-        if (icon._hovered) {
-            const expandX = (backgroundWidth - width) / 2;
-            const expandY = (backgroundHeight - height) / 2;
-            if (backgroundRadius === 0) {
-                context.beginPath();
-                context.rect(x - expandX, y - expandY, backgroundWidth, backgroundHeight);
-            }
-            else {
-                context.beginPath();
-                createRectPath(context, x - expandX, y - expandY, backgroundWidth, backgroundHeight, backgroundRadius, true);
-            }
-            if (backgroundFill) {
-                context.globalAlpha = backgroundFillOpacity;
-                context.fillStyle = backgroundFill;
-                context.fill();
-            }
-            if (backgroundStroke) {
-                context.globalAlpha = backgroundStrokeOpacity;
-                context.strokeStyle = backgroundStroke;
-                context.stroke();
-            }
-        }
-        const res = url && ((_a = icon === null || icon === void 0 ? void 0 : icon.resources) === null || _a === void 0 ? void 0 : _a.get(url));
-        if (!res || res.state !== 'success') {
-            return;
-        }
-        context.globalAlpha = opacity;
-        context.drawImage(res.data, x, y, width, height);
-    }
-    draw(richtext, renderService, drawContext) {
-        const richtextAttribute = getTheme(richtext).richtext;
-        this._draw(richtext, richtextAttribute, false, drawContext);
-    }
-}
-
-const loadedRichtextModuleContexts = new WeakSet();
-function bindRichtextRenderModule({ bind }) {
-    if (isBindingContextLoaded(loadedRichtextModuleContexts, bind)) {
-        return;
-    }
-    bind(DefaultCanvasRichTextRender)
-        .toDynamicValue(() => new DefaultCanvasRichTextRender())
-        .inSingletonScope();
-    bind(RichTextRender).toService(DefaultCanvasRichTextRender);
-    bind(GraphicRender).toService(RichTextRender);
-}
-const richtextModule = bindRichtextRenderModule;
-
-const loadedImageModuleContexts = new WeakSet();
-function bindImageRenderModule({ bind }) {
-    if (isBindingContextLoaded(loadedImageModuleContexts, bind)) {
-        return;
-    }
-    bind(ImageRender)
-        .toDynamicValue(({ container }) => new DefaultCanvasImageRender(createContributionProvider(ImageRenderContribution, container)))
-        .inSingletonScope();
-    bind(GraphicRender).toService(ImageRender);
-    bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution);
-    bindContributionProvider(bind, ImageRenderContribution);
-}
-const imageModule = bindImageRenderModule;
-
-class Base3dRender extends BaseRender {
-    stroke(x, y, z, face3d, context) {
-        const vertices = face3d.vertices;
-        face3d.edges.forEach(edge => {
-            const p1 = vertices[edge[0]];
-            const v1 = {
-                x: x + p1[0],
-                y: y + p1[1],
-                z: z + p1[2]
-            };
-            const p2 = vertices[edge[1]];
-            const v2 = {
-                x: x + p2[0],
-                y: y + p2[1],
-                z: z + p2[2]
-            };
-            context.beginPath();
-            context.moveTo(v1.x, v1.y, v1.z);
-            context.lineTo(v2.x, v2.y, v2.z);
-            context.stroke();
-        });
-    }
-    fill(x, y, z, face3d, faces, fillColor, context, light, graphic3d, graphic3dAttribute, fillCb) {
-        const rgbArray = ColorStore.Get(fillColor, ColorType.Color255);
-        const vertices = face3d.vertices;
-        const viewdVerticesZ = vertices.map(v => {
-            return context.view(v[0], v[1], v[2])[2];
-        });
-        const sortFace = [];
-        face3d.polygons.forEach((p, i) => {
-            if (faces && !faces[i]) {
-                return;
-            }
-            sortFace.push({
-                faceIdx: i,
-                polygon: p
-            });
-            const { polygon } = p;
-            const z1 = viewdVerticesZ[polygon[0]];
-            const z2 = viewdVerticesZ[polygon[1]];
-            const z3 = viewdVerticesZ[polygon[2]];
-            const z4 = viewdVerticesZ[polygon[3]];
-            p.ave_z = z1 + z2 + z3 + z4;
-        });
-        sortFace.sort((a, b) => b.polygon.ave_z - a.polygon.ave_z);
-        sortFace.forEach(item => {
-            const { polygon, normal } = item.polygon;
-            const p1 = vertices[polygon[0]];
-            const p2 = vertices[polygon[1]];
-            const p3 = vertices[polygon[2]];
-            const p4 = vertices[polygon[3]];
-            const v1 = {
-                x: x + p1[0],
-                y: y + p1[1],
-                z: z + p1[2]
-            };
-            const v2 = {
-                x: x + p2[0],
-                y: y + p2[1],
-                z: z + p2[2]
-            };
-            const v3 = {
-                x: x + p3[0],
-                y: y + p3[1],
-                z: z + p3[2]
-            };
-            const v4 = {
-                x: x + p4[0],
-                y: y + p4[1],
-                z: z + p4[2]
-            };
-            context.beginPath();
-            context.moveTo(v1.x, v1.y, v1.z);
-            context.lineTo(v2.x, v2.y, v2.z);
-            context.lineTo(v3.x, v3.y, v3.z);
-            context.lineTo(v4.x, v4.y, v4.z);
-            context.closePath();
-            if (fillCb) {
-                fillCb(context, graphic3d && graphic3d.attribute, graphic3dAttribute);
-            }
-            else {
-                context.fillStyle = light ? light.computeColor(normal, rgbArray) : fillColor;
-                context.fill();
-            }
-        });
-    }
-}
-
-class DefaultCanvasRect3dRender extends Base3dRender {
-    constructor() {
-        super(...arguments);
-        this.type = 'rect3d';
-        this.numberType = RECT3D_NUMBER_TYPE;
-    }
-    drawShape(rect, context, x, y, drawContext, params, fillCb, strokeCb) {
-        var _a, _b;
-        const rectAttribute = getTheme(rect, params === null || params === void 0 ? void 0 : params.theme).rect;
-        const { fill = rectAttribute.fill, stroke = rectAttribute.stroke, x1, y1, x: originX, y: originY, opacity = rectAttribute.opacity, fillOpacity = rectAttribute.fillOpacity, lineWidth = rectAttribute.lineWidth, strokeOpacity = rectAttribute.strokeOpacity, visible = rectAttribute.visible, drawStrokeWhenZeroWH = (_a = rectAttribute.drawStrokeWhenZeroWH) !== null && _a !== void 0 ? _a : false } = rect.attribute;
-        let { width, height } = rect.attribute;
-        width = (width !== null && width !== void 0 ? width : x1 - originX) || 0;
-        height = (height !== null && height !== void 0 ? height : y1 - originY) || 0;
-        const z = (_b = this.z) !== null && _b !== void 0 ? _b : 0;
-        const fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill);
-        const sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH);
-        const doFill = runFill(fill);
-        const doStroke = runStroke(stroke, lineWidth);
-        if (!(rect.valid && visible)) {
-            return;
-        }
-        if (!(doFill || doStroke)) {
-            return;
-        }
-        if (!(fVisible || sVisible || fillCb || strokeCb)) {
-            return;
-        }
-        const { light } = drawContext.stage || {};
-        const face3d = rect.findFace();
-        if (fill !== false) {
-            context.setCommonStyle(rect, rect.attribute, x, y, rectAttribute);
-            let fc = fill;
-            if (typeof fc !== 'string') {
-                fc = 'black';
-            }
-            this.fill(x, y, z, face3d, null, fc, context, light, null, null, fillCb);
-        }
-        if (stroke !== false) {
-            context.setStrokeStyle(rect, rect.attribute, x, y, rectAttribute);
-            this.stroke(x, y, z, face3d, context);
-        }
-    }
-    draw(rect, renderService, drawContext) {
-        const rectAttribute = getTheme(rect).rect;
-        this._draw(rect, rectAttribute, false, drawContext);
-    }
-}
-
-const loadedRect3dModuleContexts = new WeakSet();
-function bindRect3dRenderModule({ bind }) {
-    if (isBindingContextLoaded(loadedRect3dModuleContexts, bind)) {
-        return;
-    }
-    bind(DefaultCanvasRect3dRender)
-        .toDynamicValue(() => new DefaultCanvasRect3dRender())
-        .inSingletonScope();
-    bind(Rect3DRender).toService(DefaultCanvasRect3dRender);
-    bind(GraphicRender).toService(Rect3DRender);
-}
-const rect3dModule = bindRect3dRenderModule;
-
-function drawArcPath(arc, context, cx, cy, z, outerRadius, innerRadius) {
-    const { startAngle, endAngle } = arc.getParsedAngle();
-    const deltaAngle = abs(endAngle - startAngle);
-    const clockwise = endAngle > startAngle;
-    let collapsedToLine = false;
-    if (outerRadius < innerRadius) {
-        const temp = outerRadius;
-        outerRadius = innerRadius;
-        innerRadius = temp;
-    }
-    if (outerRadius <= epsilon) {
-        context.moveTo(cx, cy, z);
-    }
-    else if (deltaAngle >= pi2 - epsilon) {
-        context.moveTo(cx + outerRadius * cos(startAngle), cy + outerRadius * sin(startAngle), z);
-        context.arc(cx, cy, outerRadius, startAngle, endAngle, !clockwise, z);
-        if (innerRadius > epsilon) {
-            context.moveTo(cx + innerRadius * cos(endAngle), cy + innerRadius * sin(endAngle), z);
-            context.arc(cx, cy, innerRadius, endAngle, startAngle, clockwise, z);
-        }
-    }
-    else {
-        const { outerDeltaAngle, innerDeltaAngle, outerStartAngle, outerEndAngle, innerEndAngle, innerStartAngle } = arc.getParsePadAngle(startAngle, endAngle);
-        const xors = outerRadius * cos(outerStartAngle);
-        const yors = outerRadius * sin(outerStartAngle);
-        const xire = innerRadius * cos(innerEndAngle);
-        const yire = innerRadius * sin(innerEndAngle);
-        if (outerDeltaAngle < 0.001) {
-            collapsedToLine = true;
-        }
-        else {
-            context.moveTo(cx + xors, cy + yors, z);
-            context.arc(cx, cy, outerRadius, outerStartAngle, outerEndAngle, !clockwise, z);
-        }
-        if (!(innerRadius > epsilon) || innerDeltaAngle < 0.001) {
-            context.lineTo(cx + xire, cy + yire, z);
-            collapsedToLine = true;
-        }
-        else {
-            context.lineTo(cx + xire, cy + yire, z);
-            context.arc(cx, cy, innerRadius, innerEndAngle, innerStartAngle, clockwise, z);
-        }
-    }
-    context.closePath();
-    return collapsedToLine;
-}
-function drawInnerOuterArcPath(arc, context, cx, cy, z1, z2, radius, getParsePadAngle) {
-    const { startAngle, endAngle } = arc.getParsedAngle();
-    const deltaAngle = abs(endAngle - startAngle);
-    const clockwise = endAngle > startAngle;
-    let collapsedToLine = false;
-    if (radius <= epsilon) {
-        context.moveTo(cx, cy, z1);
-    }
-    else if (deltaAngle >= pi2 - epsilon) {
-        context.moveTo(cx + radius * cos(startAngle), cy + radius * sin(startAngle), z1);
-        context.arc(cx, cy, radius, startAngle, endAngle, !clockwise, z1);
-        context.lineTo(cx + radius * cos(endAngle), cy + radius * sin(endAngle), z2);
-        context.arc(cx, cy, radius, endAngle, startAngle, clockwise, z2);
-    }
-    else {
-        const { innerouterDeltaAngle, innerouterStartAngle, innerouterEndAngle } = getParsePadAngle(startAngle, endAngle);
-        const xors = radius * cos(innerouterStartAngle);
-        const yors = radius * sin(innerouterStartAngle);
-        const xore = radius * cos(innerouterEndAngle);
-        const yore = radius * sin(innerouterEndAngle);
-        if (innerouterDeltaAngle < 0.001) {
-            collapsedToLine = true;
-        }
-        else {
-            context.moveTo(cx + xors, cy + yors, z1);
-            context.arc(cx, cy, radius, innerouterStartAngle, innerouterEndAngle, !clockwise, z1);
-            context.lineTo(cx + xore, cy + yore, z2);
-            context.arc(cx, cy, radius, innerouterEndAngle, innerouterStartAngle, clockwise, z2);
-        }
-    }
-    context.closePath();
-    return collapsedToLine;
-}
-class DefaultCanvasArc3DRender extends BaseRender {
-    constructor() {
-        super(...arguments);
-        this.numberType = ARC3D_NUMBER_TYPE;
-    }
-    drawShape(arc, context, x, y, drawContext, params, fillCb, strokeCb) {
-        var _a;
-        const arcAttribute = getTheme(arc, params === null || params === void 0 ? void 0 : params.theme).arc;
-        const { fill = arcAttribute.fill } = arc.attribute;
-        const data = this.valid(arc, arcAttribute, fillCb, strokeCb);
-        if (!data) {
-            return;
-        }
-        const { fVisible, sVisible, doFill, doStroke } = data;
-        const z = (_a = this.z) !== null && _a !== void 0 ? _a : 0;
-        const { outerPadding = arcAttribute.outerPadding, innerPadding = arcAttribute.innerPadding, height = 10 } = arc.attribute;
-        let { outerRadius = arcAttribute.outerRadius, innerRadius = arcAttribute.innerRadius } = arc.attribute;
-        outerRadius += outerPadding;
-        innerRadius -= innerPadding;
-        const rgbArray = ColorStore.Get(fill, ColorType.Color255);
-        const { light } = drawContext.stage || {};
-        const face = drawContext.hack_pieFace;
-        const z_face = {
-            top: z,
-            bottom: z + height
-        };
-        const n_face = {
-            top: [0, 1, 0],
-            bottom: [0, -1, 0],
-            outside: [1, 0, -1],
-            inside: [1, 0, -1]
-        };
-        if (face === 'bottom' || face === 'top') {
-            context.beginPath();
-            drawArcPath(arc, context, x, y, z_face[face], outerRadius, innerRadius);
-            context.setShadowBlendStyle && context.setShadowBlendStyle(arc, arc.attribute, arcAttribute);
-            if (doFill) {
-                if (fillCb) {
-                    fillCb(context, arc.attribute, arcAttribute);
-                }
-                else if (fVisible) {
-                    context.setCommonStyle(arc, arc.attribute, x, y, arcAttribute);
-                    context.fillStyle = light ? light.computeColor(n_face[face], rgbArray) : fill;
-                    context.fill();
-                }
-            }
-            if (doStroke) {
-                if (strokeCb) {
-                    strokeCb(context, arc.attribute, arcAttribute);
-                }
-                else if (sVisible) {
-                    context.setStrokeStyle(arc, arc.attribute, x, y, arcAttribute);
-                    context.stroke();
-                }
-            }
-        }
-        else if (face === 'outside' || face === 'inside') {
-            if (face === 'inside') {
-                context.save();
-                context.beginPath();
-                context.arc(x, y, innerRadius, 0, pi2, true, z_face.top);
-                context.clip();
-            }
-            context.beginPath();
-            drawInnerOuterArcPath(arc, context, x, y, z_face.top, z_face.bottom, face === 'outside' ? outerRadius : innerRadius, (startAngle, endAngle) => {
-                const { outerDeltaAngle, innerDeltaAngle, outerStartAngle, outerEndAngle, innerEndAngle, innerStartAngle } = arc.getParsePadAngle(startAngle, endAngle);
-                if (face === 'outside') {
-                    return {
-                        innerouterDeltaAngle: outerDeltaAngle,
-                        innerouterEndAngle: outerEndAngle,
-                        innerouterStartAngle: outerStartAngle
-                    };
+        if (!data) {
+            return;
+        }
+        const { fVisible, sVisible, doFill, doStroke } = data;
+        const points = star.getCachedPoints();
+        context.beginPath();
+        if (points && points.length) {
+            points.forEach((point, index) => {
+                if (index === 0) {
+                    context.moveTo(x + point.x, y + point.y);
+                }
+                else {
+                    context.lineTo(x + point.x, y + point.y);
                 }
-                return {
-                    innerouterDeltaAngle: innerDeltaAngle,
-                    innerouterEndAngle: innerEndAngle,
-                    innerouterStartAngle: innerStartAngle
-                };
             });
-            context.setShadowBlendStyle && context.setShadowBlendStyle(arc, arc.attribute, arcAttribute);
+        }
+        context.closePath();
+        context.setShadowBlendStyle && context.setShadowBlendStyle(star, star.attribute, starAttribute);
+        this.beforeRenderStep(star, context, x, y, doFill, doStroke, fVisible, sVisible, starAttribute, drawContext, fillCb, strokeCb);
+        const _runFill = () => {
             if (doFill) {
                 if (fillCb) {
-                    fillCb(context, arc.attribute, arcAttribute);
+                    fillCb(context, star.attribute, starAttribute);
                 }
                 else if (fVisible) {
-                    context.setCommonStyle(arc, arc.attribute, x, y, arcAttribute);
-                    context.fillStyle = light ? light.computeColor(n_face[face], rgbArray) : fill;
+                    context.setCommonStyle(star, star.attribute, originX - x, originY - y, starAttribute);
                     context.fill();
                 }
             }
+        };
+        const _runStroke = () => {
             if (doStroke) {
                 if (strokeCb) {
-                    strokeCb(context, arc.attribute, arcAttribute);
+                    strokeCb(context, star.attribute, starAttribute);
                 }
                 else if (sVisible) {
-                    context.setStrokeStyle(arc, arc.attribute, x, y, arcAttribute);
+                    context.setStrokeStyle(star, star.attribute, originX - x, originY - y, starAttribute);
                     context.stroke();
                 }
             }
-            if (face === 'inside') {
-                context.restore();
-            }
+        };
+        if (!fillStrokeOrder) {
+            _runFill();
+            _runStroke();
+        }
+        else {
+            _runStroke();
+            _runFill();
         }
+        this.afterRenderStep(star, context, x, y, doFill, doStroke, fVisible, sVisible, starAttribute, drawContext, fillCb, strokeCb);
     }
-    draw(arc, renderService, drawContext, params) {
-        const arcAttribute = getTheme(arc, params === null || params === void 0 ? void 0 : params.theme).arc;
-        this._draw(arc, arcAttribute, false, drawContext, params);
+    draw(star, renderService, drawContext, params) {
+        const starAttribute = getTheme(star, params === null || params === void 0 ? void 0 : params.theme).star;
+        this._draw(star, starAttribute, false, drawContext, params);
     }
 }
 
-const loadedArc3dModuleContexts = new WeakSet();
-function bindArc3dRenderModule({ bind }) {
-    if (isBindingContextLoaded(loadedArc3dModuleContexts, bind)) {
+const loadedStarModuleContexts = new WeakSet();
+function bindStarRenderModule({ bind }) {
+    if (isBindingContextLoaded(loadedStarModuleContexts, bind)) {
         return;
     }
-    bind(DefaultCanvasArc3DRender)
-        .toDynamicValue(() => new DefaultCanvasArc3DRender())
+    bind(DefaultCanvasStarRender)
+        .toDynamicValue(({ container }) => new DefaultCanvasStarRender(createContributionProvider(StarRenderContribution, container)))
         .inSingletonScope();
-    bind(Arc3dRender).toService(DefaultCanvasArc3DRender);
-    bind(GraphicRender).toService(Arc3dRender);
+    bind(StarRender).toService(DefaultCanvasStarRender);
+    bind(GraphicRender).toService(StarRender);
+    bindContributionProvider(bind, StarRenderContribution);
 }
-const arc3dModule = bindArc3dRenderModule;
+const starModule = bindStarRenderModule;
 
-class DefaultCanvasPyramid3dRender extends Base3dRender {
+class DefaultCanvasGlyphRender {
     constructor() {
-        super(...arguments);
-        this.type = 'pyramid3d';
-        this.numberType = PYRAMID3D_NUMBER_TYPE;
+        this.numberType = GLYPH_NUMBER_TYPE;
     }
-    drawShape(pyramid3d, context, x, y, drawContext, params, fillCb, strokeCb) {
-        var _a;
-        const pyramidAttribute = getTheme(pyramid3d, params === null || params === void 0 ? void 0 : params.theme).polygon;
-        const { fill = pyramidAttribute.fill, stroke = pyramidAttribute.stroke, face = [true, true, true, true, true, true] } = pyramid3d.attribute;
-        const z = (_a = this.z) !== null && _a !== void 0 ? _a : 0;
-        const data = this.valid(pyramid3d, pyramidAttribute, fillCb, strokeCb);
-        if (!data) {
+    reInit() {
+        return;
+    }
+    drawShape(glyph, context, x, y, drawContext, params, fillCb, strokeCb) {
+        if (!drawContext.drawContribution) {
             return;
         }
-        const { light } = drawContext.stage || {};
-        const face3d = pyramid3d.findFace();
-        if (fill !== false) {
-            context.setCommonStyle(pyramid3d, pyramid3d.attribute, x, y, pyramidAttribute);
-            let fc = fill;
-            if (typeof fc !== 'string') {
-                fc = 'black';
+        glyph.getSubGraphic().forEach(item => {
+            const renderer = drawContext.drawContribution.getRenderContribution(item);
+            if (renderer && renderer.drawShape) {
+                renderer.drawShape(item, context, x, y, drawContext, params, fillCb, strokeCb);
             }
-            this.fill(x, y, z, face3d, face, fc, context, light, pyramid3d, pyramidAttribute, fillCb);
+        });
+    }
+    draw(glyph, renderService, drawContext, params) {
+        const { context } = drawContext;
+        if (!context) {
+            return;
         }
-        if (stroke !== false) {
-            context.setStrokeStyle(pyramid3d, pyramid3d.attribute, x, y, pyramidAttribute);
-            this.stroke(x, y, z, face3d, context);
+        context.highPerformanceSave();
+        if (!drawContext.drawContribution) {
+            return;
         }
+        const glyphTheme = getTheme(glyph);
+        const subGraphic = glyph.getSubGraphic();
+        subGraphic.length &&
+            subGraphic.forEach(g => {
+                drawContext.drawContribution.renderItem(g, drawContext, { theme: glyphTheme });
+            });
+        context.highPerformanceRestore();
     }
-    draw(pyramid3d, renderService, drawContext) {
-        const pyramid3dAttribute = getTheme(pyramid3d).polygon;
-        this._draw(pyramid3d, pyramid3dAttribute, false, drawContext);
+}
+
+const loadedGlyphModuleContexts = new WeakSet();
+function bindGlyphRenderModule({ bind }) {
+    if (isBindingContextLoaded(loadedGlyphModuleContexts, bind)) {
+        return;
     }
+    bind(DefaultCanvasGlyphRender)
+        .toDynamicValue(() => new DefaultCanvasGlyphRender())
+        .inSingletonScope();
+    bind(GlyphRender).toService(DefaultCanvasGlyphRender);
+    bind(GraphicRender).toService(GlyphRender);
+}
+const glyphModule = bindGlyphRenderModule;
+
+class DefaultCanvasRichTextRender extends BaseRender {
+    constructor() {
+        super();
+        this.numberType = RICHTEXT_NUMBER_TYPE;
+        this.builtinContributions = [defaultTextBackgroundRenderContribution];
+        this.init();
+    }
+    drawShape(richtext, context, x, y, drawContext) {
+        const richtextAttribute = getTheme(richtext).richtext;
+        const { strokeOpacity = richtextAttribute.strokeOpacity, opacity = richtextAttribute.opacity, fillOpacity = richtextAttribute.fillOpacity, visible = richtextAttribute.visible } = richtext.attribute;
+        if (!(richtext.valid && visible)) {
+            return;
+        }
+        const fVisible = fillVisible(opacity, fillOpacity, true);
+        const sVisible = fillVisible(opacity, strokeOpacity, true);
+        if (!fVisible) {
+            return;
+        }
+        context.setShadowBlendStyle && context.setShadowBlendStyle(richtext, richtext.attribute, richtextAttribute);
+        context.translate(x, y);
+        this.beforeRenderStep(richtext, context, x, y, fVisible, sVisible, fVisible, sVisible, richtextAttribute, drawContext);
+        const frame = richtext.getFrameCache();
+        frame.draw(context, this.drawIcon);
+        this.afterRenderStep(richtext, context, x, y, fVisible, sVisible, fVisible, sVisible, richtextAttribute, drawContext);
+    }
+    drawIcon(icon, context, x, y, baseline) {
+        var _a;
+        const richtextIconAttribute = getTheme(icon).richtextIcon;
+        const { width = richtextIconAttribute.width, height = richtextIconAttribute.height, opacity = richtextIconAttribute.opacity, image: url, backgroundFill = richtextIconAttribute.backgroundFill, backgroundFillOpacity = richtextIconAttribute.backgroundFillOpacity, backgroundStroke = richtextIconAttribute.backgroundStroke, backgroundStrokeOpacity = richtextIconAttribute.backgroundStrokeOpacity, backgroundRadius = richtextIconAttribute.backgroundRadius, margin } = icon.attribute;
+        const { backgroundWidth = width, backgroundHeight = height } = icon.attribute;
+        if (margin) {
+            x += icon._marginArray[3];
+            y += icon._marginArray[0];
+        }
+        if (icon._hovered) {
+            const expandX = (backgroundWidth - width) / 2;
+            const expandY = (backgroundHeight - height) / 2;
+            if (backgroundRadius === 0) {
+                context.beginPath();
+                context.rect(x - expandX, y - expandY, backgroundWidth, backgroundHeight);
+            }
+            else {
+                context.beginPath();
+                createRectPath(context, x - expandX, y - expandY, backgroundWidth, backgroundHeight, backgroundRadius, true);
+            }
+            if (backgroundFill) {
+                context.globalAlpha = backgroundFillOpacity;
+                context.fillStyle = backgroundFill;
+                context.fill();
+            }
+            if (backgroundStroke) {
+                context.globalAlpha = backgroundStrokeOpacity;
+                context.strokeStyle = backgroundStroke;
+                context.stroke();
+            }
+        }
+        const res = url && ((_a = icon === null || icon === void 0 ? void 0 : icon.resources) === null || _a === void 0 ? void 0 : _a.get(url));
+        if (!res || res.state !== 'success') {
+            return;
+        }
+        context.globalAlpha = opacity;
+        context.drawImage(res.data, x, y, width, height);
+    }
+    draw(richtext, renderService, drawContext) {
+        const richtextAttribute = getTheme(richtext).richtext;
+        this._draw(richtext, richtextAttribute, false, drawContext);
+    }
+}
+
+const loadedRichtextModuleContexts = new WeakSet();
+function bindRichtextRenderModule({ bind }) {
+    if (isBindingContextLoaded(loadedRichtextModuleContexts, bind)) {
+        return;
+    }
+    bind(DefaultCanvasRichTextRender)
+        .toDynamicValue(() => new DefaultCanvasRichTextRender())
+        .inSingletonScope();
+    bind(RichTextRender).toService(DefaultCanvasRichTextRender);
+    bind(GraphicRender).toService(RichTextRender);
+}
+const richtextModule = bindRichtextRenderModule;
+
+const loadedImageModuleContexts = new WeakSet();
+function bindImageRenderModule({ bind }) {
+    if (isBindingContextLoaded(loadedImageModuleContexts, bind)) {
+        return;
+    }
+    bind(ImageRender)
+        .toDynamicValue(({ container }) => new DefaultCanvasImageRender(createContributionProvider(ImageRenderContribution, container)))
+        .inSingletonScope();
+    bind(GraphicRender).toService(ImageRender);
+    bind(ImageRenderContribution).toService(DefaultBaseInteractiveRenderContribution);
+    bindContributionProvider(bind, ImageRenderContribution);
+}
+const imageModule = bindImageRenderModule;
+
+const loadedRect3dModuleContexts = new WeakSet();
+function bindRect3dRenderModule({ bind }) {
+    if (isBindingContextLoaded(loadedRect3dModuleContexts, bind)) {
+        return;
+    }
+    bind(DefaultCanvasRect3dRender)
+        .toDynamicValue(() => new DefaultCanvasRect3dRender())
+        .inSingletonScope();
+    bind(Rect3DRender).toService(DefaultCanvasRect3dRender);
+    bind(GraphicRender).toService(Rect3DRender);
+}
+const rect3dModule = bindRect3dRenderModule;
+
+const loadedArc3dModuleContexts = new WeakSet();
+function bindArc3dRenderModule({ bind }) {
+    if (isBindingContextLoaded(loadedArc3dModuleContexts, bind)) {
+        return;
+    }
+    bind(DefaultCanvasArc3DRender)
+        .toDynamicValue(() => new DefaultCanvasArc3DRender())
+        .inSingletonScope();
+    bind(Arc3dRender).toService(DefaultCanvasArc3DRender);
+    bind(GraphicRender).toService(Arc3dRender);
 }
+const arc3dModule = bindArc3dRenderModule;
 
 const loadedPyramid3dModuleContexts = new WeakSet();
 function bindPyramid3dRenderModule({ bind }) {
@@ -30730,4 +30730,4 @@ const registerFlexLayoutPlugin = () => {
     Factory.registerPlugin('FlexLayoutPlugin', FlexLayoutPlugin);
 };
 
-export { ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, AnimateMode, AnimateStatus, AnimateStepType, AppContext, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEntry, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, Circle, CircleRender, CircleRenderContribution, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Context2dFactory, ContributionProvider, ContributionRegistry, ContributionStore, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, 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, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, GradientParser, Graphic, GraphicCreator$1 as GraphicCreator, GraphicFactory, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncrementalDrawContribution, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerFactory, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Mat4Allocate, MatrixAllocate, MeasureModeEnum, MiniappEntry, MonotoneX, MonotoneY, NOWORK_ANIMATE_ATTR, Node, NodeEntry, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerRegistry, PickerService, PluginRegistry, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, RendererRegistry, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, STAR_NUMBER_TYPE, STATUS$1 as STATUS, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StageFactory, Star, StarRender, StarRenderContribution, StateDefinitionCompiler, StateEngine, StaticLayerHandlerContribution, Step, StepClosed, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TransformUtil, UpdateTag, VGlobal, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindArc3dRenderModule, bindArcRenderModule, bindAreaRenderModule, bindCircleRenderModule, bindContributionProvider, bindContributionProviderNoSingletonScope, bindGlyphRenderModule, bindImageRenderModule, bindLineRenderModule, bindPathRenderModule, bindPolygonRenderModule, bindPyramid3dRenderModule, bindRect3dRenderModule, bindRectRenderModule, bindRichtextRenderModule, bindStarRenderModule, bindSymbolRenderModule, bindTextRenderModule, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleModule, clock, colorEqual, colorStringInterpolationToStr, configureRuntimeApplicationForApp, container, cornerTangents, createBrowserApp as createApp, createArc, createArc3d, createArea, createBrowserApp, createCanvasEventTransformer, createCircle, createColor, createConicalGradient, createContributionProvider, createEventTransformer, createGlyph, createGraphic, createGroup, createImage, createLine, createMat4, createMiniappApp, createNodeApp, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, diff, divideCubic, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawBackgroundImage, drawImageWithLayout, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepClosedSegments, genStepSegments, genStepTypeSegments, getAttributeFromDefaultAttrList, getBackgroundImage, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getLegacyBindingContext, getModelMatrix, getRichTextBounds, getRuntimeInstallerBindingContext, getRuntimeInstallerGlobal, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, identityMat4, imageModule, incrementalAddTo, installRuntimeContributionModule, installRuntimeDrawContributionsToApp, installRuntimeGraphicRenderersToApp, installRuntimePickersToApp, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isNoRepeatSizingMode, isNodeEnv, isSvg, isXML, layerService, lineModule, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, multiplyMat4Mat3, multiplyMat4Mat4, newThemeObj, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, refreshRuntimeInstallerContributions, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlobalEventTransformer, registerGlyphGraphic, registerGraphic, registerGroupGraphic, registerHtmlAttributePlugin, registerImageGraphic, registerLineGraphic, registerOrthoCamera, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerStarGraphic, registerSymbolGraphic, registerTextGraphic, registerViewTransform3dPlugin, registerWindowEventTransformer, registerWrapTextGraphic, renderCommandList, resolveBackgroundDrawMode, resolveBackgroundParamsByImageSizing, resolveBackgroundPosition, resolveBackgroundSizing, resolveContainerBinding, resolveImageMode, resolveImageRepeatMode, resolveRenderableImageSize, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldClipImageByLayout, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformMat4, transformPointForCanvas, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };
+export { ARC3D_NUMBER_TYPE, ARC_NUMBER_TYPE, AREA_NUMBER_TYPE, AbstractGraphicRender, AnimateMode, AnimateStatus, AnimateStepType, AppContext, Application, Arc, Arc3d, Arc3dRender, ArcRender, ArcRenderContribution, Area, AreaRender, AreaRenderContribution, AttributeUpdateType, AutoEnablePlugins, Base3dRender, BaseCanvas, BaseEnvContribution, BaseRender, BaseRenderContributionTime, BaseWindowHandlerContribution, Basis, BeforeRenderConstribution, BoundsContext, BoundsPicker, BrowserEntry, CIRCLE_NUMBER_TYPE, Canvas3DDrawItemInterceptor, Canvas3DPickItemInterceptor, CanvasFactory, CanvasTextLayout, Circle, CircleRender, CircleRenderContribution, ColorInterpolate, ColorStore, ColorType, CommonDrawItemInterceptorContribution, CommonRenderContribution, Context2dFactory, ContributionProvider, ContributionRegistry, ContributionStore, CubicBezierCurve, CurveContext, CurveTypeEnum, CustomEvent, CustomPath2D, CustomSymbolClass, DEFAULT_TEXT_FONT_FAMILY, DebugDrawItemInterceptorContribution, DefaultArcAllocate, DefaultArcAttribute, DefaultArcRenderContribution, DefaultAreaAllocate, DefaultAreaAttribute, DefaultAreaTextureRenderContribution, DefaultAttribute, DefaultBaseBackgroundRenderContribution, DefaultBaseClipRenderAfterContribution, DefaultBaseClipRenderBeforeContribution, DefaultBaseInteractiveRenderContribution, DefaultBaseTextureRenderContribution, DefaultCanvasAllocate, DefaultCanvasArc3DRender, DefaultCanvasArcRender, DefaultCanvasAreaRender, DefaultCanvasCircleRender, DefaultCanvasGroupRender, DefaultCanvasImageRender, DefaultCanvasLineRender, DefaultCanvasPathRender, DefaultCanvasPolygonRender, DefaultCanvasPyramid3dRender, DefaultCanvasRect3dRender, DefaultCanvasRectRender, DefaultCanvasSymbolRender, DefaultCanvasTextRender, DefaultCircleAllocate, DefaultCircleAttribute, DefaultCircleRenderContribution, DefaultConnectAttribute, DefaultDebugAttribute, DefaultFillStyle, DefaultGlobal, DefaultGlobalPickerService, DefaultGlyphAttribute, DefaultGraphicAllocate, DefaultGraphicMemoryManager, DefaultGraphicService, DefaultGraphicUtil, DefaultGroupAttribute, DefaultGroupBackgroundRenderContribution, DefaultImageAttribute, DefaultImageRenderContribution, DefaultLayerService, DefaultLayout, DefaultLineAllocate, DefaultLineAttribute, DefaultMat4Allocate, DefaultMatrixAllocate, DefaultPathAllocate, DefaultPathAttribute, DefaultPickService, DefaultPickStyle, DefaultPolygonAttribute, DefaultRect3dAttribute, DefaultRectAllocate, DefaultRectAttribute, DefaultRectRenderContribution, DefaultRenderService, DefaultRichTextAttribute, DefaultRichTextIconAttribute, DefaultStarAttribute, DefaultStrokeStyle, DefaultStyle, DefaultSymbolAllocate, DefaultSymbolAttribute, DefaultSymbolClipRangeStrokeRenderContribution, DefaultSymbolRenderContribution, DefaultTextAllocate, DefaultTextAttribute, DefaultTextMeasureContribution, DefaultTextStyle, DefaultTransform, DefaultTransformUtil, DefaultWindow, Direction, DirectionalLight, DrawContribution, DrawItemInterceptor, DynamicLayerHandlerContribution, Edge, EditModule, EmptyContext2d, EnvContribution, EventManager, EventSystem, EventTarget, FORMAT_ALL_TEXT_COMMAND, FORMAT_ELEMENT_COMMAND, FORMAT_TEXT_COMMAND, Factory, FederatedEvent, FederatedMouseEvent, FederatedPointerEvent, FederatedWheelEvent, FlexLayoutPlugin, GLYPH_NUMBER_TYPE, GRAPHIC_UPDATE_TAG_KEY, GROUP_NUMBER_TYPE, Generator, GlobalPickerService, Glyph, GlyphRender, GradientParser, Graphic, GraphicCreator$1 as GraphicCreator, GraphicFactory, GraphicPicker, GraphicRender, GraphicService, GraphicUtil, Group, GroupRender, GroupRenderContribution, GroupUpdateAABBBoundsMode, HtmlAttributePlugin, IContainPointMode, IMAGE_NUMBER_TYPE, Image, ImageRender, ImageRenderContribution, IncrementalDrawContribution, InteractiveDrawItemInterceptorContribution, InteractivePickItemInterceptorContribution, InteractiveSubRenderContribution, LINE_NUMBER_TYPE, Layer, LayerFactory, LayerService, Line$1 as Line, LineRender, Linear, LinearClosed, Mat4Allocate, MatrixAllocate, MeasureModeEnum, MiniappEntry, MonotoneX, MonotoneY, NOWORK_ANIMATE_ATTR, Node, NodeEntry, OrthoCamera, PATH_NUMBER_TYPE, POLYGON_NUMBER_TYPE, PURE_STYLE_KEY, PYRAMID3D_NUMBER_TYPE, Path, PathRender, PathRenderContribution, PerformanceRAF, PickItemInterceptor, PickServiceInterceptor, PickerRegistry, PickerService, PluginRegistry, PluginService, Polygon, PolygonRender, PolygonRenderContribution, Pyramid3d, Pyramid3dRender, RECT3D_NUMBER_TYPE, RECT_NUMBER_TYPE, RICHTEXT_NUMBER_TYPE, RafBasedSTO, ReactAttributePlugin, Rect, Rect3DRender, Rect3d, RectRender, RectRenderContribution, ReflectSegContext, RenderSelector, RenderService, RendererRegistry, ResourceLoader, RichText, RichTextEditPlugin, RichTextRender, STAR_NUMBER_TYPE, STATUS$1 as STATUS, SVG_ATTRIBUTE_MAP, SVG_ATTRIBUTE_MAP_KEYS, SVG_PARSE_ATTRIBUTE_MAP, SVG_PARSE_ATTRIBUTE_MAP_KEYS, SYMBOL_NUMBER_TYPE, SegContext, ShadowPickServiceInterceptorContribution, ShadowRoot, ShadowRootDrawItemInterceptorContribution, ShadowRootPickItemInterceptorContribution, SplitRectAfterRenderContribution, SplitRectBeforeRenderContribution, Stage, StageFactory, Star, StarRender, StarRenderContribution, StateDefinitionCompiler, StateEngine, StaticLayerHandlerContribution, Step, StepClosed, Symbol$1 as Symbol, SymbolRender, SymbolRenderContribution, TEXT_NUMBER_TYPE, Text, TextDirection, TextMeasureContribution, TextRender, TextRenderContribution, Theme, TransformUtil, UpdateTag, VGlobal, VWindow, ViewTransform3dPlugin, VirtualLayerHandlerContribution, WILDCARD, WindowHandlerContribution, WrapText, XMLParser, _calculateLineHeight, _interpolateColor, addArcToBezierPath, addAttributeToPrototype, alignBezierCurves, alignSubpath, application, applyTransformOnBezierCurves, arc3dModule, arcModule, areaModule, bezier, bezierCurversToPath, binarySplitPolygon, bindArc3dRenderModule, bindArcRenderModule, bindAreaRenderModule, bindCircleRenderModule, bindContributionProvider, bindContributionProviderNoSingletonScope, bindGlyphRenderModule, bindImageRenderModule, bindLineRenderModule, bindPathRenderModule, bindPolygonRenderModule, bindPyramid3dRenderModule, bindRect3dRenderModule, bindRectRenderModule, bindRichtextRenderModule, bindStarRenderModule, bindSymbolRenderModule, bindTextRenderModule, boundStroke, builtInSymbolStrMap, builtinSymbols, builtinSymbolsMap, calcLineCache, calculateArcCornerRadius, calculateLineHeight, canvasAllocate, centroidOfSubpath, circleBounds, circleModule, clock, colorEqual, colorStringInterpolationToStr, configureRuntimeApplicationForApp, container, cornerTangents, createBrowserApp as createApp, createArc, createArc3d, createArea, createBrowserApp, createCanvasEventTransformer, createCircle, createColor, createConicalGradient, createContributionProvider, createEventTransformer, createGlyph, createGraphic, createGroup, createImage, createLine, createMat4, createMiniappApp, createNodeApp, createPath, createPolygon, createPyramid3d, createRect, createRect3d, createRectPath, createRichText, createShadowRoot, createStage, createStar, createSymbol, createText, createWrapText, cubicCalc, cubicLength, cubicPointAt, cubicSubdivide, defaultArcAllocate, defaultArcBackgroundRenderContribution, defaultArcRenderContribution, defaultArcTextureRenderContribution, defaultAreaAllocate, defaultBaseBackgroundRenderContribution, defaultBaseClipRenderAfterContribution, defaultBaseClipRenderBeforeContribution, defaultBaseTextureRenderContribution, defaultCircleAllocate, defaultCircleBackgroundRenderContribution, defaultCircleRenderContribution, defaultCircleTextureRenderContribution, defaultGraphicMemoryManager, defaultGroupBackgroundRenderContribution, defaultImageBackgroundRenderContribution, defaultImageRenderContribution, defaultLineAllocate, defaultPathAllocate, defaultRectAllocate, defaultRectBackgroundRenderContribution, defaultRectRenderContribution, defaultRectTextureRenderContribution, defaultStarBackgroundRenderContribution, defaultStarTextureRenderContribution, defaultSymbolAllocate, defaultSymbolBackgroundRenderContribution, defaultSymbolClipRangeStrokeRenderContribution, defaultSymbolRenderContribution, defaultSymbolTextureRenderContribution, defaultTextAllocate, diff, divideCubic, drawArc, drawArcPath$1 as drawArcPath, drawAreaSegments, drawBackgroundImage, drawImageWithLayout, drawIncrementalAreaSegments, drawIncrementalSegments, drawSegments, enumCommandMap, fillVisible, findBestMorphingRotation, findConfigIndexByCursorIdx, findCursorIdxByConfigIndex, findNextGraphic, flatten_simplify, foreach, foreachAsync, genBasisSegments, genBasisTypeSegments, genLinearClosedSegments, genLinearClosedTypeSegments, genLinearSegments, genLinearTypeSegments, genMonotoneXSegments, genMonotoneXTypeSegments, genMonotoneYSegments, genMonotoneYTypeSegments, genNumberType, genStepClosedSegments, genStepSegments, genStepTypeSegments, getAttributeFromDefaultAttrList, getBackgroundImage, getConicGradientAt, getCurrentEnv, getDefaultCharacterConfig, getExtraModelMatrix, getLegacyBindingContext, getModelMatrix, getRichTextBounds, getRuntimeInstallerBindingContext, getRuntimeInstallerGlobal, getScaledStroke, getTextBounds, getTheme, getThemeFromGroup, globalTheme, glyphModule, graphicCreator, graphicService, graphicUtil, identityMat4, imageModule, incrementalAddTo, installRuntimeContributionModule, installRuntimeDrawContributionsToApp, installRuntimeGraphicRenderersToApp, installRuntimePickersToApp, interpolateColor, interpolateGradientConicalColor, interpolateGradientLinearColor, interpolateGradientRadialColor, interpolatePureColorArray, interpolatePureColorArrayToStr, intersect, isBrowserEnv, isNoRepeatSizingMode, isNodeEnv, isSvg, isXML, layerService, lineModule, lookAt, mapToCanvasPointForCanvas, mat3Tomat4, mat4Allocate, matrixAllocate, multiplyMat4Mat3, multiplyMat4Mat4, newThemeObj, ortho, parsePadding, parseStroke, parseSvgPath, pathModule, pathToBezierCurves, point$3 as point, pointEqual, pointInterpolation, pointInterpolationHighPerformance, pointsEqual, pointsInterpolation, polygonModule, preLoadAllModule, pyramid3dModule, quadCalc, quadLength, quadPointAt, rafBasedSto, rect3dModule, rectFillVisible, rectModule, rectStrokeVisible, recursiveCallBinarySplit, refreshRuntimeInstallerContributions, registerArc3dGraphic, registerArcGraphic, registerAreaGraphic, registerCircleGraphic, registerDirectionalLight, registerFlexLayoutPlugin, registerGlobalEventTransformer, registerGlyphGraphic, registerGraphic, registerGroupGraphic, registerHtmlAttributePlugin, registerImageGraphic, registerLineGraphic, registerOrthoCamera, registerPathGraphic, registerPolygonGraphic, registerPyramid3dGraphic, registerReactAttributePlugin, registerRect3dGraphic, registerRectGraphic, registerRichtextGraphic, registerShadowRootGraphic, registerStarGraphic, registerSymbolGraphic, registerTextGraphic, registerViewTransform3dPlugin, registerWindowEventTransformer, registerWrapTextGraphic, renderCommandList, resolveBackgroundDrawMode, resolveBackgroundParamsByImageSizing, resolveBackgroundPosition, resolveBackgroundSizing, resolveContainerBinding, resolveImageMode, resolveImageRepeatMode, resolveRenderableImageSize, rewriteProto, richtextModule, rotateX, rotateY, rotateZ, runFill, runStroke, scaleMat4, segments, shouldClipImageByLayout, shouldUseMat4, snapLength, splitArc, splitArea, splitCircle, splitLine, splitPath, splitPolygon, splitRect, splitToGrids, starModule, strCommandMap, strokeVisible, symbolModule, textAttributesToStyle, textDrawOffsetX, textDrawOffsetY, textLayoutOffsetY, textModule, transformMat4, transformPointForCanvas, transformUtil, translate, verticalLayout, vglobal, waitForAllSubLayers, wrapCanvas, wrapContext, xul };