@visactor/vchart 2.1.1 → 2.1.2-alpha.1

package/build/index.es.js

@@ -24482,6 +24482,199 @@ class DefaultCanvasArcRender extends BaseRender {
   }
 }
 
+function drawArcPath(arc, context, cx, cy, z, outerRadius, innerRadius) {
+  const {
+      startAngle: startAngle,
+      endAngle: endAngle
+    } = arc.getParsedAngle(),
+    deltaAngle = abs$1(endAngle - startAngle),
+    clockwise = endAngle > startAngle;
+  let collapsedToLine = !1;
+  if (outerRadius < innerRadius) {
+    const temp = outerRadius;
+    outerRadius = innerRadius, innerRadius = temp;
+  }
+  if (outerRadius <= epsilon$1) context.moveTo(cx, cy, z);else if (deltaAngle >= pi2 - epsilon$1) context.moveTo(cx + outerRadius * cos$1(startAngle), cy + outerRadius * sin$1(startAngle), z), context.arc(cx, cy, outerRadius, startAngle, endAngle, !clockwise, z), innerRadius > epsilon$1 && (context.moveTo(cx + innerRadius * cos$1(endAngle), cy + innerRadius * sin$1(endAngle), z), context.arc(cx, cy, innerRadius, endAngle, startAngle, clockwise, z));else {
+    const {
+        outerDeltaAngle: outerDeltaAngle,
+        innerDeltaAngle: innerDeltaAngle,
+        outerStartAngle: outerStartAngle,
+        outerEndAngle: outerEndAngle,
+        innerEndAngle: innerEndAngle,
+        innerStartAngle: innerStartAngle
+      } = arc.getParsePadAngle(startAngle, endAngle),
+      xors = outerRadius * cos$1(outerStartAngle),
+      yors = outerRadius * sin$1(outerStartAngle),
+      xire = innerRadius * cos$1(innerEndAngle),
+      yire = innerRadius * sin$1(innerEndAngle);
+    outerDeltaAngle < .001 ? collapsedToLine = !0 : (context.moveTo(cx + xors, cy + yors, z), context.arc(cx, cy, outerRadius, outerStartAngle, outerEndAngle, !clockwise, z)), !(innerRadius > epsilon$1) || innerDeltaAngle < .001 ? (context.lineTo(cx + xire, cy + yire, z), collapsedToLine = !0) : (context.lineTo(cx + xire, cy + yire, z), context.arc(cx, cy, innerRadius, innerEndAngle, innerStartAngle, clockwise, z));
+  }
+  return context.closePath(), collapsedToLine;
+}
+function drawInnerOuterArcPath(arc, context, cx, cy, z1, z2, radius, getParsePadAngle) {
+  const {
+      startAngle: startAngle,
+      endAngle: endAngle
+    } = arc.getParsedAngle(),
+    deltaAngle = abs$1(endAngle - startAngle),
+    clockwise = endAngle > startAngle;
+  let collapsedToLine = !1;
+  if (radius <= epsilon$1) context.moveTo(cx, cy, z1);else if (deltaAngle >= pi2 - epsilon$1) context.moveTo(cx + radius * cos$1(startAngle), cy + radius * sin$1(startAngle), z1), context.arc(cx, cy, radius, startAngle, endAngle, !clockwise, z1), context.lineTo(cx + radius * cos$1(endAngle), cy + radius * sin$1(endAngle), z2), context.arc(cx, cy, radius, endAngle, startAngle, clockwise, z2);else {
+    const {
+        innerouterDeltaAngle: innerouterDeltaAngle,
+        innerouterStartAngle: innerouterStartAngle,
+        innerouterEndAngle: innerouterEndAngle
+      } = getParsePadAngle(startAngle, endAngle),
+      xors = radius * cos$1(innerouterStartAngle),
+      yors = radius * sin$1(innerouterStartAngle),
+      xore = radius * cos$1(innerouterEndAngle),
+      yore = radius * sin$1(innerouterEndAngle);
+    innerouterDeltaAngle < .001 ? collapsedToLine = !0 : (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));
+  }
+  return context.closePath(), 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$1(arc, null == params ? void 0 : params.theme).arc,
+      {
+        fill = arcAttribute.fill
+      } = arc.attribute,
+      data = this.valid(arc, arcAttribute, fillCb, strokeCb);
+    if (!data) return;
+    const {
+        fVisible: fVisible,
+        sVisible: sVisible,
+        doFill: doFill,
+        doStroke: doStroke
+      } = data,
+      z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
+      {
+        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),
+      {
+        light: light
+      } = drawContext.stage || {},
+      face = drawContext.hack_pieFace,
+      z_face = {
+        top: z,
+        bottom: z + height
+      },
+      n_face = {
+        top: [0, 1, 0],
+        bottom: [0, -1, 0],
+        outside: [1, 0, -1],
+        inside: [1, 0, -1]
+      };
+    "bottom" === face || "top" === face ? (context.beginPath(), drawArcPath(arc, context, x, y, z_face[face], outerRadius, innerRadius), context.setShadowBlendStyle && context.setShadowBlendStyle(arc, arc.attribute, arcAttribute), doFill && (fillCb ? fillCb(context, arc.attribute, arcAttribute) : fVisible && (context.setCommonStyle(arc, arc.attribute, x, y, arcAttribute), context.fillStyle = light ? light.computeColor(n_face[face], rgbArray) : fill, context.fill())), doStroke && (strokeCb ? strokeCb(context, arc.attribute, arcAttribute) : sVisible && (context.setStrokeStyle(arc, arc.attribute, x, y, arcAttribute), context.stroke()))) : "outside" !== face && "inside" !== face || ("inside" === face && (context.save(), context.beginPath(), context.arc(x, y, innerRadius, 0, pi2, !0, z_face.top), context.clip()), context.beginPath(), drawInnerOuterArcPath(arc, context, x, y, z_face.top, z_face.bottom, "outside" === face ? outerRadius : innerRadius, (startAngle, endAngle) => {
+      const {
+        outerDeltaAngle: outerDeltaAngle,
+        innerDeltaAngle: innerDeltaAngle,
+        outerStartAngle: outerStartAngle,
+        outerEndAngle: outerEndAngle,
+        innerEndAngle: innerEndAngle,
+        innerStartAngle: innerStartAngle
+      } = arc.getParsePadAngle(startAngle, endAngle);
+      return "outside" === face ? {
+        innerouterDeltaAngle: outerDeltaAngle,
+        innerouterEndAngle: outerEndAngle,
+        innerouterStartAngle: outerStartAngle
+      } : {
+        innerouterDeltaAngle: innerDeltaAngle,
+        innerouterEndAngle: innerEndAngle,
+        innerouterStartAngle: innerStartAngle
+      };
+    }), context.setShadowBlendStyle && context.setShadowBlendStyle(arc, arc.attribute, arcAttribute), doFill && (fillCb ? fillCb(context, arc.attribute, arcAttribute) : fVisible && (context.setCommonStyle(arc, arc.attribute, x, y, arcAttribute), context.fillStyle = light ? light.computeColor(n_face[face], rgbArray) : fill, context.fill())), doStroke && (strokeCb ? strokeCb(context, arc.attribute, arcAttribute) : sVisible && (context.setStrokeStyle(arc, arc.attribute, x, y, arcAttribute), context.stroke())), "inside" === face && context.restore());
+  }
+  draw(arc, renderService, drawContext, params) {
+    const arcAttribute = getTheme$1(arc, null == params ? void 0 : params.theme).arc;
+    this._draw(arc, arcAttribute, !1, drawContext, params);
+  }
+}
+
+class Base3dRender extends BaseRender {
+  stroke(x, y, z, face3d, context) {
+    const vertices = face3d.vertices;
+    face3d.edges.forEach(edge => {
+      const p1 = vertices[edge[0]],
+        v1 = {
+          x: x + p1[0],
+          y: y + p1[1],
+          z: z + p1[2]
+        },
+        p2 = vertices[edge[1]],
+        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),
+      vertices = face3d.vertices,
+      viewdVerticesZ = vertices.map(v => context.view(v[0], v[1], v[2])[2]),
+      sortFace = [];
+    face3d.polygons.forEach((p, i) => {
+      if (faces && !faces[i]) return;
+      sortFace.push({
+        faceIdx: i,
+        polygon: p
+      });
+      const {
+          polygon: polygon
+        } = p,
+        z1 = viewdVerticesZ[polygon[0]],
+        z2 = viewdVerticesZ[polygon[1]],
+        z3 = viewdVerticesZ[polygon[2]],
+        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: polygon,
+          normal: normal
+        } = item.polygon,
+        p1 = vertices[polygon[0]],
+        p2 = vertices[polygon[1]],
+        p3 = vertices[polygon[2]],
+        p4 = vertices[polygon[3]],
+        v1 = {
+          x: x + p1[0],
+          y: y + p1[1],
+          z: z + p1[2]
+        },
+        v2 = {
+          x: x + p2[0],
+          y: y + p2[1],
+          z: z + p2[2]
+        },
+        v3 = {
+          x: x + p3[0],
+          y: y + p3[1],
+          z: z + p3[2]
+        },
+        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(), fillCb ? fillCb(context, graphic3d && graphic3d.attribute, graphic3dAttribute) : (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);
@@ -25168,6 +25361,57 @@ 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$1(rect, null == params ? void 0 : params.theme).rect,
+      {
+        fill = rectAttribute.fill,
+        stroke = rectAttribute.stroke,
+        x1: x1,
+        y1: y1,
+        x: originX,
+        y: originY,
+        opacity = rectAttribute.opacity,
+        fillOpacity = rectAttribute.fillOpacity,
+        lineWidth = rectAttribute.lineWidth,
+        strokeOpacity = rectAttribute.strokeOpacity,
+        visible = rectAttribute.visible,
+        drawStrokeWhenZeroWH = null !== (_a = rectAttribute.drawStrokeWhenZeroWH) && void 0 !== _a && _a
+      } = rect.attribute;
+    let {
+      width: width,
+      height: height
+    } = rect.attribute;
+    width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0;
+    const z = null !== (_b = this.z) && void 0 !== _b ? _b : 0,
+      fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
+      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH),
+      doFill = runFill(fill),
+      doStroke = runStroke(stroke, lineWidth);
+    if (!rect.valid || !visible) return;
+    if (!doFill && !doStroke) return;
+    if (!(fVisible || sVisible || fillCb || strokeCb)) return;
+    const {
+        light: light
+      } = drawContext.stage || {},
+      face3d = rect.findFace();
+    if (!1 !== fill) {
+      context.setCommonStyle(rect, rect.attribute, x, y, rectAttribute);
+      let fc = fill;
+      "string" != typeof fc && (fc = "black"), this.fill(x, y, z, face3d, null, fc, context, light, null, null, fillCb);
+    }
+    !1 !== stroke && (context.setStrokeStyle(rect, rect.attribute, x, y, rectAttribute), this.stroke(x, y, z, face3d, context));
+  }
+  draw(rect, renderService, drawContext) {
+    const rectAttribute = getTheme$1(rect).rect;
+    this._draw(rect, rectAttribute, !1, drawContext);
+  }
+}
+
 class DefaultCanvasSymbolRender extends BaseRender {
   constructor(graphicRenderContributions) {
     super(), this.graphicRenderContributions = graphicRenderContributions, this.numberType = SYMBOL_NUMBER_TYPE, this.builtinContributions = [defaultSymbolRenderContribution, defaultSymbolBackgroundRenderContribution, defaultSymbolTextureRenderContribution, defaultSymbolClipRangeStrokeRenderContribution], this.init(graphicRenderContributions);
@@ -25530,18 +25774,49 @@ class DefaultCanvasPolygonRender extends BaseRender {
   }
 }
 
-const repeatStr = ["", "repeat-x", "repeat-y", "repeat"];
-function resolveImageRepeatMode(repeatX, repeatY) {
-  let repeat = 0;
-  return "repeat" === repeatX && (repeat |= 1), "repeat" === repeatY && (repeat |= 2), repeat ? repeatStr[repeat] : "no-repeat";
-}
-function resolveImageMode({
-  repeatX = "no-repeat",
-  repeatY = "no-repeat",
-  imageMode: imageMode
-}) {
-  const repeatMode = resolveImageRepeatMode(repeatX, repeatY);
-  return {
+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$1(pyramid3d, null == params ? void 0 : params.theme).polygon,
+      {
+        fill = pyramidAttribute.fill,
+        stroke = pyramidAttribute.stroke,
+        face = [!0, !0, !0, !0, !0, !0]
+      } = pyramid3d.attribute,
+      z = null !== (_a = this.z) && void 0 !== _a ? _a : 0;
+    if (!this.valid(pyramid3d, pyramidAttribute, fillCb, strokeCb)) return;
+    const {
+        light: light
+      } = drawContext.stage || {},
+      face3d = pyramid3d.findFace();
+    if (!1 !== fill) {
+      context.setCommonStyle(pyramid3d, pyramid3d.attribute, x, y, pyramidAttribute);
+      let fc = fill;
+      "string" != typeof fc && (fc = "black"), this.fill(x, y, z, face3d, face, fc, context, light, pyramid3d, pyramidAttribute, fillCb);
+    }
+    !1 !== stroke && (context.setStrokeStyle(pyramid3d, pyramid3d.attribute, x, y, pyramidAttribute), this.stroke(x, y, z, face3d, context));
+  }
+  draw(pyramid3d, renderService, drawContext) {
+    const pyramid3dAttribute = getTheme$1(pyramid3d).polygon;
+    this._draw(pyramid3d, pyramid3dAttribute, !1, drawContext);
+  }
+}
+
+const repeatStr = ["", "repeat-x", "repeat-y", "repeat"];
+function resolveImageRepeatMode(repeatX, repeatY) {
+  let repeat = 0;
+  return "repeat" === repeatX && (repeat |= 1), "repeat" === repeatY && (repeat |= 2), repeat ? repeatStr[repeat] : "no-repeat";
+}
+function resolveImageMode({
+  repeatX = "no-repeat",
+  repeatY = "no-repeat",
+  imageMode: imageMode
+}) {
+  const repeatMode = resolveImageRepeatMode(repeatX, repeatY);
+  return {
     repeatMode: repeatMode,
     sizingMode: "no-repeat" === repeatMode && null != imageMode ? imageMode : "fill"
   };
@@ -27139,129 +27414,6 @@ function bindImageRenderModule({
 }
 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]],
-        v1 = {
-          x: x + p1[0],
-          y: y + p1[1],
-          z: z + p1[2]
-        },
-        p2 = vertices[edge[1]],
-        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),
-      vertices = face3d.vertices,
-      viewdVerticesZ = vertices.map(v => context.view(v[0], v[1], v[2])[2]),
-      sortFace = [];
-    face3d.polygons.forEach((p, i) => {
-      if (faces && !faces[i]) return;
-      sortFace.push({
-        faceIdx: i,
-        polygon: p
-      });
-      const {
-          polygon: polygon
-        } = p,
-        z1 = viewdVerticesZ[polygon[0]],
-        z2 = viewdVerticesZ[polygon[1]],
-        z3 = viewdVerticesZ[polygon[2]],
-        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: polygon,
-          normal: normal
-        } = item.polygon,
-        p1 = vertices[polygon[0]],
-        p2 = vertices[polygon[1]],
-        p3 = vertices[polygon[2]],
-        p4 = vertices[polygon[3]],
-        v1 = {
-          x: x + p1[0],
-          y: y + p1[1],
-          z: z + p1[2]
-        },
-        v2 = {
-          x: x + p2[0],
-          y: y + p2[1],
-          z: z + p2[2]
-        },
-        v3 = {
-          x: x + p3[0],
-          y: y + p3[1],
-          z: z + p3[2]
-        },
-        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(), fillCb ? fillCb(context, graphic3d && graphic3d.attribute, graphic3dAttribute) : (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$1(rect, null == params ? void 0 : params.theme).rect,
-      {
-        fill = rectAttribute.fill,
-        stroke = rectAttribute.stroke,
-        x1: x1,
-        y1: y1,
-        x: originX,
-        y: originY,
-        opacity = rectAttribute.opacity,
-        fillOpacity = rectAttribute.fillOpacity,
-        lineWidth = rectAttribute.lineWidth,
-        strokeOpacity = rectAttribute.strokeOpacity,
-        visible = rectAttribute.visible,
-        drawStrokeWhenZeroWH = null !== (_a = rectAttribute.drawStrokeWhenZeroWH) && void 0 !== _a && _a
-      } = rect.attribute;
-    let {
-      width: width,
-      height: height
-    } = rect.attribute;
-    width = (null != width ? width : x1 - originX) || 0, height = (null != height ? height : y1 - originY) || 0;
-    const z = null !== (_b = this.z) && void 0 !== _b ? _b : 0,
-      fVisible = rectFillVisible(opacity, fillOpacity, width, height, fill),
-      sVisible = rectStrokeVisible(opacity, strokeOpacity, width, height, drawStrokeWhenZeroWH),
-      doFill = runFill(fill),
-      doStroke = runStroke(stroke, lineWidth);
-    if (!rect.valid || !visible) return;
-    if (!doFill && !doStroke) return;
-    if (!(fVisible || sVisible || fillCb || strokeCb)) return;
-    const {
-        light: light
-      } = drawContext.stage || {},
-      face3d = rect.findFace();
-    if (!1 !== fill) {
-      context.setCommonStyle(rect, rect.attribute, x, y, rectAttribute);
-      let fc = fill;
-      "string" != typeof fc && (fc = "black"), this.fill(x, y, z, face3d, null, fc, context, light, null, null, fillCb);
-    }
-    !1 !== stroke && (context.setStrokeStyle(rect, rect.attribute, x, y, rectAttribute), this.stroke(x, y, z, face3d, context));
-  }
-  draw(rect, renderService, drawContext) {
-    const rectAttribute = getTheme$1(rect).rect;
-    this._draw(rect, rectAttribute, !1, drawContext);
-  }
-}
-
 const loadedRect3dModuleContexts = new WeakSet();
 function bindRect3dRenderModule({
   bind: bind
@@ -27270,127 +27422,6 @@ function bindRect3dRenderModule({
 }
 const rect3dModule = bindRect3dRenderModule;
 
-function drawArcPath(arc, context, cx, cy, z, outerRadius, innerRadius) {
-  const {
-      startAngle: startAngle,
-      endAngle: endAngle
-    } = arc.getParsedAngle(),
-    deltaAngle = abs$1(endAngle - startAngle),
-    clockwise = endAngle > startAngle;
-  let collapsedToLine = !1;
-  if (outerRadius < innerRadius) {
-    const temp = outerRadius;
-    outerRadius = innerRadius, innerRadius = temp;
-  }
-  if (outerRadius <= epsilon$1) context.moveTo(cx, cy, z);else if (deltaAngle >= pi2 - epsilon$1) context.moveTo(cx + outerRadius * cos$1(startAngle), cy + outerRadius * sin$1(startAngle), z), context.arc(cx, cy, outerRadius, startAngle, endAngle, !clockwise, z), innerRadius > epsilon$1 && (context.moveTo(cx + innerRadius * cos$1(endAngle), cy + innerRadius * sin$1(endAngle), z), context.arc(cx, cy, innerRadius, endAngle, startAngle, clockwise, z));else {
-    const {
-        outerDeltaAngle: outerDeltaAngle,
-        innerDeltaAngle: innerDeltaAngle,
-        outerStartAngle: outerStartAngle,
-        outerEndAngle: outerEndAngle,
-        innerEndAngle: innerEndAngle,
-        innerStartAngle: innerStartAngle
-      } = arc.getParsePadAngle(startAngle, endAngle),
-      xors = outerRadius * cos$1(outerStartAngle),
-      yors = outerRadius * sin$1(outerStartAngle),
-      xire = innerRadius * cos$1(innerEndAngle),
-      yire = innerRadius * sin$1(innerEndAngle);
-    outerDeltaAngle < .001 ? collapsedToLine = !0 : (context.moveTo(cx + xors, cy + yors, z), context.arc(cx, cy, outerRadius, outerStartAngle, outerEndAngle, !clockwise, z)), !(innerRadius > epsilon$1) || innerDeltaAngle < .001 ? (context.lineTo(cx + xire, cy + yire, z), collapsedToLine = !0) : (context.lineTo(cx + xire, cy + yire, z), context.arc(cx, cy, innerRadius, innerEndAngle, innerStartAngle, clockwise, z));
-  }
-  return context.closePath(), collapsedToLine;
-}
-function drawInnerOuterArcPath(arc, context, cx, cy, z1, z2, radius, getParsePadAngle) {
-  const {
-      startAngle: startAngle,
-      endAngle: endAngle
-    } = arc.getParsedAngle(),
-    deltaAngle = abs$1(endAngle - startAngle),
-    clockwise = endAngle > startAngle;
-  let collapsedToLine = !1;
-  if (radius <= epsilon$1) context.moveTo(cx, cy, z1);else if (deltaAngle >= pi2 - epsilon$1) context.moveTo(cx + radius * cos$1(startAngle), cy + radius * sin$1(startAngle), z1), context.arc(cx, cy, radius, startAngle, endAngle, !clockwise, z1), context.lineTo(cx + radius * cos$1(endAngle), cy + radius * sin$1(endAngle), z2), context.arc(cx, cy, radius, endAngle, startAngle, clockwise, z2);else {
-    const {
-        innerouterDeltaAngle: innerouterDeltaAngle,
-        innerouterStartAngle: innerouterStartAngle,
-        innerouterEndAngle: innerouterEndAngle
-      } = getParsePadAngle(startAngle, endAngle),
-      xors = radius * cos$1(innerouterStartAngle),
-      yors = radius * sin$1(innerouterStartAngle),
-      xore = radius * cos$1(innerouterEndAngle),
-      yore = radius * sin$1(innerouterEndAngle);
-    innerouterDeltaAngle < .001 ? collapsedToLine = !0 : (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));
-  }
-  return context.closePath(), 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$1(arc, null == params ? void 0 : params.theme).arc,
-      {
-        fill = arcAttribute.fill
-      } = arc.attribute,
-      data = this.valid(arc, arcAttribute, fillCb, strokeCb);
-    if (!data) return;
-    const {
-        fVisible: fVisible,
-        sVisible: sVisible,
-        doFill: doFill,
-        doStroke: doStroke
-      } = data,
-      z = null !== (_a = this.z) && void 0 !== _a ? _a : 0,
-      {
-        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),
-      {
-        light: light
-      } = drawContext.stage || {},
-      face = drawContext.hack_pieFace,
-      z_face = {
-        top: z,
-        bottom: z + height
-      },
-      n_face = {
-        top: [0, 1, 0],
-        bottom: [0, -1, 0],
-        outside: [1, 0, -1],
-        inside: [1, 0, -1]
-      };
-    "bottom" === face || "top" === face ? (context.beginPath(), drawArcPath(arc, context, x, y, z_face[face], outerRadius, innerRadius), context.setShadowBlendStyle && context.setShadowBlendStyle(arc, arc.attribute, arcAttribute), doFill && (fillCb ? fillCb(context, arc.attribute, arcAttribute) : fVisible && (context.setCommonStyle(arc, arc.attribute, x, y, arcAttribute), context.fillStyle = light ? light.computeColor(n_face[face], rgbArray) : fill, context.fill())), doStroke && (strokeCb ? strokeCb(context, arc.attribute, arcAttribute) : sVisible && (context.setStrokeStyle(arc, arc.attribute, x, y, arcAttribute), context.stroke()))) : "outside" !== face && "inside" !== face || ("inside" === face && (context.save(), context.beginPath(), context.arc(x, y, innerRadius, 0, pi2, !0, z_face.top), context.clip()), context.beginPath(), drawInnerOuterArcPath(arc, context, x, y, z_face.top, z_face.bottom, "outside" === face ? outerRadius : innerRadius, (startAngle, endAngle) => {
-      const {
-        outerDeltaAngle: outerDeltaAngle,
-        innerDeltaAngle: innerDeltaAngle,
-        outerStartAngle: outerStartAngle,
-        outerEndAngle: outerEndAngle,
-        innerEndAngle: innerEndAngle,
-        innerStartAngle: innerStartAngle
-      } = arc.getParsePadAngle(startAngle, endAngle);
-      return "outside" === face ? {
-        innerouterDeltaAngle: outerDeltaAngle,
-        innerouterEndAngle: outerEndAngle,
-        innerouterStartAngle: outerStartAngle
-      } : {
-        innerouterDeltaAngle: innerDeltaAngle,
-        innerouterEndAngle: innerEndAngle,
-        innerouterStartAngle: innerStartAngle
-      };
-    }), context.setShadowBlendStyle && context.setShadowBlendStyle(arc, arc.attribute, arcAttribute), doFill && (fillCb ? fillCb(context, arc.attribute, arcAttribute) : fVisible && (context.setCommonStyle(arc, arc.attribute, x, y, arcAttribute), context.fillStyle = light ? light.computeColor(n_face[face], rgbArray) : fill, context.fill())), doStroke && (strokeCb ? strokeCb(context, arc.attribute, arcAttribute) : sVisible && (context.setStrokeStyle(arc, arc.attribute, x, y, arcAttribute), context.stroke())), "inside" === face && context.restore());
-  }
-  draw(arc, renderService, drawContext, params) {
-    const arcAttribute = getTheme$1(arc, null == params ? void 0 : params.theme).arc;
-    this._draw(arc, arcAttribute, !1, drawContext, params);
-  }
-}
-
 const loadedArc3dModuleContexts = new WeakSet();
 function bindArc3dRenderModule({
   bind: bind
@@ -27399,37 +27430,6 @@ function bindArc3dRenderModule({
 }
 const arc3dModule = bindArc3dRenderModule;
 
-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$1(pyramid3d, null == params ? void 0 : params.theme).polygon,
-      {
-        fill = pyramidAttribute.fill,
-        stroke = pyramidAttribute.stroke,
-        face = [!0, !0, !0, !0, !0, !0]
-      } = pyramid3d.attribute,
-      z = null !== (_a = this.z) && void 0 !== _a ? _a : 0;
-    if (!this.valid(pyramid3d, pyramidAttribute, fillCb, strokeCb)) return;
-    const {
-        light: light
-      } = drawContext.stage || {},
-      face3d = pyramid3d.findFace();
-    if (!1 !== fill) {
-      context.setCommonStyle(pyramid3d, pyramid3d.attribute, x, y, pyramidAttribute);
-      let fc = fill;
-      "string" != typeof fc && (fc = "black"), this.fill(x, y, z, face3d, face, fc, context, light, pyramid3d, pyramidAttribute, fillCb);
-    }
-    !1 !== stroke && (context.setStrokeStyle(pyramid3d, pyramid3d.attribute, x, y, pyramidAttribute), this.stroke(x, y, z, face3d, context));
-  }
-  draw(pyramid3d, renderService, drawContext) {
-    const pyramid3dAttribute = getTheme$1(pyramid3d).polygon;
-    this._draw(pyramid3d, pyramid3dAttribute, !1, drawContext);
-  }
-}
-
 const loadedPyramid3dModuleContexts = new WeakSet();
 function bindPyramid3dRenderModule({
   bind: bind