@visactor/vtable 0.17.9-alpha.8 → 0.17.10-alpha.0

package/dist/vtable.js

@@ -8004,7 +8004,7 @@
     const SYMBOL_NUMBER_TYPE = genNumberType();
     const TEXT_NUMBER_TYPE = genNumberType();
     const GraphicService = Symbol.for("GraphicService");
-    const GraphicCreator$2 = Symbol.for("GraphicCreator");
+    const GraphicCreator$1 = Symbol.for("GraphicCreator");
     const SVG_PARSE_ATTRIBUTE_MAP = {
       "stroke-linecap": "lineCap",
       "stroke-linejoin": "lineJoin",
@@ -12230,9 +12230,9 @@
         return !!visible || (aabbBounds.clear(), !1);
       }
     };
-    DefaultGraphicService = __decorate$19([injectable(), __param$F(0, inject(GraphicCreator$2)), __metadata$S("design:paramtypes", [Object])], DefaultGraphicService);
+    DefaultGraphicService = __decorate$19([injectable(), __param$F(0, inject(GraphicCreator$1)), __metadata$S("design:paramtypes", [Object])], DefaultGraphicService);
 
-    let GraphicCreator$1 = class GraphicCreator {
+    class GraphicCreator {
       constructor() {
         this.store = new Map();
       }
@@ -12243,12 +12243,12 @@
         const cb = this.store.get(name);
         return cb ? cb(params) : null;
       }
-    };
-    const graphicCreator$1 = new GraphicCreator$1();
+    }
+    const graphicCreator = new GraphicCreator();
 
-    let text$1;
-    function getTextBounds$1(params) {
-      return text$1 || (text$1 = graphicCreator$1.CreateGraphic("text", {})), text$1.setAttributes(params), text$1.AABBBounds;
+    let text;
+    function getTextBounds(params) {
+      return text || (text = graphicCreator.CreateGraphic("text", {})), text.setAttributes(params), text.AABBBounds;
     }
 
     const result = {
@@ -14767,7 +14767,7 @@
     });
 
     var graphicModule = new ContainerModule(bind => {
-      bind(GraphicService).to(DefaultGraphicService).inSingletonScope(), bind(GraphicCreator$2).toConstantValue(graphicCreator$1);
+      bind(GraphicService).to(DefaultGraphicService).inSingletonScope(), bind(GraphicCreator$1).toConstantValue(graphicCreator);
     });
 
     const AutoEnablePlugins = Symbol.for("AutoEnablePlugins");
@@ -15258,7 +15258,7 @@
       getShadowRoot(interactiveLayer) {
         var _a;
         let group = interactiveLayer.getElementById("_interactive_group");
-        return group || (group = graphicCreator$1.CreateGraphic("group", {}), group.id = "_interactive_group", interactiveLayer.add(group)), null !== (_a = group.shadowRoot) && void 0 !== _a ? _a : group.attachShadow();
+        return group || (group = graphicCreator.CreateGraphic("group", {}), group.id = "_interactive_group", interactiveLayer.add(group)), null !== (_a = group.shadowRoot) && void 0 !== _a ? _a : group.attachShadow();
       }
     }
     class Canvas3DDrawItemInterceptor {
@@ -17799,75 +17799,75 @@
     });
 
     function registerArcGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("arc", createArc);
+      graphicCreator.RegisterGraphicCreator("arc", createArc);
     }
 
     function registerArc3dGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("arc3d", createArc3d);
+      graphicCreator.RegisterGraphicCreator("arc3d", createArc3d);
     }
 
     function registerAreaGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("area", createArea);
+      graphicCreator.RegisterGraphicCreator("area", createArea);
     }
 
     function registerCircleGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("circle", createCircle);
+      graphicCreator.RegisterGraphicCreator("circle", createCircle);
     }
 
     function registerGlyphGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("glyph", createGlyph);
+      graphicCreator.RegisterGraphicCreator("glyph", createGlyph);
     }
 
     function registerGroupGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("group", createGroup);
+      graphicCreator.RegisterGraphicCreator("group", createGroup);
     }
 
     function registerImageGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("image", createImage);
+      graphicCreator.RegisterGraphicCreator("image", createImage);
     }
 
     function registerLineGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("line", createLine);
+      graphicCreator.RegisterGraphicCreator("line", createLine);
     }
 
     function registerPathGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("path", createPath);
+      graphicCreator.RegisterGraphicCreator("path", createPath);
     }
 
     function registerPolygonGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("polygon", createPolygon);
+      graphicCreator.RegisterGraphicCreator("polygon", createPolygon);
     }
 
     function registerPyramid3dGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("pyramid3d", createPyramid3d);
+      graphicCreator.RegisterGraphicCreator("pyramid3d", createPyramid3d);
     }
 
     function registerRectGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("rect", createRect);
+      graphicCreator.RegisterGraphicCreator("rect", createRect);
     }
 
     function registerRect3dGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("rect3d", createRect3d);
+      graphicCreator.RegisterGraphicCreator("rect3d", createRect3d);
     }
 
     function registerRichtextGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("richtext", createRichText);
+      graphicCreator.RegisterGraphicCreator("richtext", createRichText);
     }
 
     function registerSymbolGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("symbol", createSymbol);
+      graphicCreator.RegisterGraphicCreator("symbol", createSymbol);
     }
 
     function registerTextGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("text", createText);
+      graphicCreator.RegisterGraphicCreator("text", createText);
     }
 
     function registerShadowRootGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("shadowRoot", createShadowRoot);
+      graphicCreator.RegisterGraphicCreator("shadowRoot", createShadowRoot);
     }
 
     function registerWrapTextGraphic() {
-      graphicCreator$1.RegisterGraphicCreator("wrapText", createWrapText);
+      graphicCreator.RegisterGraphicCreator("wrapText", createWrapText);
     }
 
     const REACT_TO_CANOPUS_EVENTS = {
@@ -17918,40 +17918,40 @@
       onDblClick: "dblclick"
     };
     function VArc(params) {
-      return graphicCreator$1.arc(params ? params.attribute : {});
+      return graphicCreator.arc(params ? params.attribute : {});
     }
     function VArea(params) {
-      return graphicCreator$1.area(params ? params.attribute : {});
+      return graphicCreator.area(params ? params.attribute : {});
     }
     function VCircle(params) {
-      return graphicCreator$1.circle(params ? params.attribute : {});
+      return graphicCreator.circle(params ? params.attribute : {});
     }
     function VGroup(params) {
-      return graphicCreator$1.group(params ? params.attribute : {});
+      return graphicCreator.group(params ? params.attribute : {});
     }
     function VGlyph(params) {
-      return graphicCreator$1.glyph(params ? params.attribute : {});
+      return graphicCreator.glyph(params ? params.attribute : {});
     }
     function VImage(params) {
-      return graphicCreator$1.image(params ? params.attribute : {});
+      return graphicCreator.image(params ? params.attribute : {});
     }
     function VLine(params) {
-      return graphicCreator$1.line(params ? params.attribute : {});
+      return graphicCreator.line(params ? params.attribute : {});
     }
     function VPath(params) {
-      return graphicCreator$1.path(params ? params.attribute : {});
+      return graphicCreator.path(params ? params.attribute : {});
     }
     function VPolygon(params) {
-      return graphicCreator$1.polygon(params ? params.attribute : {});
+      return graphicCreator.polygon(params ? params.attribute : {});
     }
     function VRect(params) {
-      return graphicCreator$1.rect(params ? params.attribute : {});
+      return graphicCreator.rect(params ? params.attribute : {});
     }
     function VSymbol(params) {
-      return graphicCreator$1.symbol(params ? params.attribute : {});
+      return graphicCreator.symbol(params ? params.attribute : {});
     }
     function VText(params) {
-      return graphicCreator$1.text(params ? params.attribute : {});
+      return graphicCreator.text(params ? params.attribute : {});
     }
 
     var __rest$4 = undefined && undefined.__rest || function (s, e) {
@@ -17976,7 +17976,7 @@
         } = _a,
         props = __rest$4(_a, ["key", "attribute", "stateProxy"]);
       let c = type;
-      isString$2(type) && (c = graphicCreator$1[type]);
+      isString$2(type) && (c = graphicCreator[type]);
       const childrenList = [];
       for (var _len = arguments.length, children = new Array(_len > 2 ? _len - 2 : 0), _key = 2; _key < _len; _key++) {
         children[_key - 2] = arguments[_key];
@@ -20958,7 +20958,31 @@
       loaded || (loaded = !0, registerWrapTextGraphic());
     }
 
-    preLoadAllModule(), isBrowserEnv() ? loadBrowserEnv(container) : isNodeEnv() && loadNodeEnv(container), registerArc(), registerArc3d(), registerArea(), registerCircle(), registerGlyph(), registerGroup(), registerImage(), registerLine(), registerPath(), registerPolygon(), registerPyramid3d(), registerRect(), registerRect3d(), registerRichtext(), registerShadowRoot(), registerSymbol(), registerText(), registerWrapText();
+    preLoadAllModule();
+    if (isBrowserEnv()) {
+        loadBrowserEnv(container);
+    }
+    else if (isNodeEnv()) {
+        loadNodeEnv(container);
+    }
+    registerArc();
+    registerArc3d();
+    registerArea();
+    registerCircle();
+    registerGlyph();
+    registerGroup();
+    registerImage();
+    registerLine();
+    registerPath();
+    registerPolygon();
+    registerPyramid3d();
+    registerRect();
+    registerRect3d();
+    registerRichtext();
+    registerShadowRoot();
+    registerSymbol();
+    registerText();
+    registerWrapText();
 
     var InteractionState;
     (function (InteractionState) {
@@ -24278,7 +24302,7 @@
         width: 0,
         height: 0
       };
-      const bounds = getTextBounds$1({
+      const bounds = getTextBounds({
         text: text,
         fontFamily: textSpec.fontFamily,
         fontSize: textSpec.fontSize || 12,
@@ -24926,7 +24950,7 @@
           }
           points.forEach((point, index) => {
             var _a, _b;
-            const line = graphicCreator$1.line(Object.assign(Object.assign({
+            const line = graphicCreator.line(Object.assign(Object.assign({
               points: point
             }, isArray$1(lineStyle) ? null !== (_a = lineStyle[index]) && void 0 !== _a ? _a : lineStyle[lineStyle.length - 1] : lineStyle), {
               fill: !1
@@ -24934,7 +24958,7 @@
             line.name = `${this.name}-line`, line.id = this._getNodeId("line" + index), isEmpty(null == state ? void 0 : state.line) || (line.states = isArray$1(state.line) ? null !== (_b = state.line[index]) && void 0 !== _b ? _b : state.line[state.line.length - 1] : state.line), this.add(line);
           });
         } else {
-          const line = graphicCreator$1.polygon(Object.assign(Object.assign({
+          const line = graphicCreator.polygon(Object.assign(Object.assign({
             points: this._clipPoints(this.attribute.points)
           }, array$1(lineStyle)[0]), {
             fill: !1,
@@ -24973,7 +24997,7 @@
           }, rotate = startAngle + Math.PI / 2) : (position = {
             x: end.x + (isValidNumber$1(endAngle) ? refX * Math.cos(endAngle) + refY * Math.cos(endAngle - Math.PI / 2) : 0),
             y: end.y + (isValidNumber$1(endAngle) ? refX * Math.sin(endAngle) + refY * Math.sin(endAngle - Math.PI / 2) : 0)
-          }, rotate = endAngle + Math.PI / 2), symbol = graphicCreator$1.symbol(Object.assign(Object.assign(Object.assign({}, position), {
+          }, rotate = endAngle + Math.PI / 2), symbol = graphicCreator.symbol(Object.assign(Object.assign(Object.assign({}, position), {
             symbolType: symbolType,
             size: size,
             angle: autoRotate ? rotate + refAngle : 0,
@@ -25166,14 +25190,14 @@
       getBoundsWithoutRender(attributes) {
         const currentAttribute = cloneDeep(this.attribute);
         merge(this.attribute, attributes);
-        const offscreenGroup = graphicCreator$1.group({
+        const offscreenGroup = graphicCreator.group({
           x: this.attribute.x,
           y: this.attribute.y
         });
         return this.add(offscreenGroup), this._renderInner(offscreenGroup), this.removeChild(offscreenGroup), this.attribute = currentAttribute, offscreenGroup.AABBBounds;
       }
       render() {
-        this.removeAllChild(), this._prevInnerView = this._innerView, this._innerView = graphicCreator$1.group({
+        this.removeAllChild(), this._prevInnerView = this._innerView, this._innerView = graphicCreator.group({
           x: 0,
           y: 0,
           pickable: !1
@@ -25195,13 +25219,13 @@
             line: line,
             items: items
           } = this.attribute,
-          axisContainer = graphicCreator$1.group({
+          axisContainer = graphicCreator.group({
             x: 0,
             y: 0,
             zIndex: 1
           });
         if (axisContainer.name = AXIS_ELEMENT_NAME.axisContainer, axisContainer.id = this._getNodeId("container"), axisContainer.setMode(this.mode), this.axisContainer = axisContainer, container.add(axisContainer), line && line.visible && this.renderLine(axisContainer), items && items.length && (this.data = this._transformItems(items[0]), tick && tick.visible && this.renderTicks(axisContainer), label && label.visible)) {
-          const labelGroup = graphicCreator$1.group({
+          const labelGroup = graphicCreator.group({
             x: 0,
             y: 0,
             pickable: !1
@@ -25234,14 +25258,14 @@
       }
       renderTicks(container) {
         const tickLineItems = this.getTickLineItems(),
-          tickLineGroup = graphicCreator$1.group({
+          tickLineGroup = graphicCreator.group({
             x: 0,
             y: 0,
             pickable: !1
           });
         tickLineGroup.name = AXIS_ELEMENT_NAME.tickContainer, tickLineGroup.id = this._getNodeId("tick-container"), container.add(tickLineGroup), tickLineItems.forEach((item, index) => {
           var _a;
-          const line = graphicCreator$1.line(Object.assign({}, this._getTickLineAttribute("tick", item, index, tickLineItems)));
+          const line = graphicCreator.line(Object.assign({}, this._getTickLineAttribute("tick", item, index, tickLineItems)));
           if (line.name = AXIS_ELEMENT_NAME.tick, line.id = this._getNodeId(item.id), isEmpty(null === (_a = this.attribute.tick) || void 0 === _a ? void 0 : _a.state)) line.states = DEFAULT_STATES$2;else {
             const data = this.data[index],
               tickLineState = merge({}, DEFAULT_STATES$2, this.attribute.tick.state);
@@ -25257,7 +25281,7 @@
         if (subTick && subTick.visible) {
           const subTickLineItems = this.getSubTickLineItems();
           subTickLineItems.length && subTickLineItems.forEach((item, index) => {
-            const line = graphicCreator$1.line(Object.assign({}, this._getTickLineAttribute("subTick", item, index, tickLineItems)));
+            const line = graphicCreator.line(Object.assign({}, this._getTickLineAttribute("subTick", item, index, tickLineItems)));
             if (line.name = AXIS_ELEMENT_NAME.subTick, line.id = this._getNodeId(`${index}`), isEmpty(subTick.state)) line.states = DEFAULT_STATES$2;else {
               const subTickLineState = merge({}, DEFAULT_STATES$2, subTick.state);
               Object.keys(subTickLineState).forEach(key => {
@@ -25274,7 +25298,7 @@
         } = this.attribute.label;
         dataFilter && isFunction$1(dataFilter) && (items = dataFilter(items, layer));
         const data = this._transformItems(items),
-          labelGroup = graphicCreator$1.group({
+          labelGroup = graphicCreator.group({
             x: 0,
             y: 0,
             pickable: !1
@@ -25283,9 +25307,9 @@
           var _a, _b, _c;
           const labelStyle = this._getLabelAttribute(item, index, data, layer);
           let text;
-          if ("rich" === labelStyle.type ? (labelStyle.textConfig = labelStyle.text, labelStyle.width = null !== (_a = labelStyle.width) && void 0 !== _a ? _a : 0, labelStyle.height = null !== (_b = labelStyle.height) && void 0 !== _b ? _b : 0, text = graphicCreator$1.richtext(labelStyle)) : "html" === labelStyle.type ? (labelStyle.textConfig = [], labelStyle.html = Object.assign(Object.assign({
+          if ("rich" === labelStyle.type ? (labelStyle.textConfig = labelStyle.text, labelStyle.width = null !== (_a = labelStyle.width) && void 0 !== _a ? _a : 0, labelStyle.height = null !== (_b = labelStyle.height) && void 0 !== _b ? _b : 0, text = graphicCreator.richtext(labelStyle)) : "html" === labelStyle.type ? (labelStyle.textConfig = [], labelStyle.html = Object.assign(Object.assign({
             dom: labelStyle.text
-          }, DEFAULT_HTML_TEXT_SPEC), labelStyle), text = graphicCreator$1.richtext(labelStyle)) : text = graphicCreator$1.text(labelStyle), text.name = AXIS_ELEMENT_NAME.label, text.id = this._getNodeId(`layer${layer}-label-${item.id}`), isEmpty(null === (_c = this.attribute.label) || void 0 === _c ? void 0 : _c.state)) text.states = DEFAULT_STATES$2;else {
+          }, DEFAULT_HTML_TEXT_SPEC), labelStyle), text = graphicCreator.richtext(labelStyle)) : text = graphicCreator.text(labelStyle), text.name = AXIS_ELEMENT_NAME.label, text.id = this._getNodeId(`layer${layer}-label-${item.id}`), isEmpty(null === (_c = this.attribute.label) || void 0 === _c ? void 0 : _c.state)) text.states = DEFAULT_STATES$2;else {
             const labelState = merge({}, DEFAULT_STATES$2, this.attribute.label.state);
             Object.keys(labelState).forEach(key => {
               isFunction$1(labelState[key]) && (labelState[key] = labelState[key](item, index, data, layer));
@@ -25741,7 +25765,7 @@
         if (panel && panel.visible) {
           const axisContainer = this.axisContainer,
             axisContainerBounds = axisContainer.AABBBounds,
-            bgRect = graphicCreator$1.rect(Object.assign({
+            bgRect = graphicCreator.rect(Object.assign({
               x: axisContainerBounds.x1,
               y: axisContainerBounds.y1,
               width: axisContainerBounds.width(),
@@ -26001,7 +26025,7 @@
           const minSize = this._getAxisLabelLimitLength(verticalMinSize, layerCount);
           let x, y;
           axisLabelContainerSize = Math.max(axisLabelContainerSize, minSize), "left" === orient ? (x = axisLabelContainerBounds.x2 - axisLabelContainerSize, y = axisLabelContainerBounds.y1) : "right" === orient ? (x = axisLabelContainerBounds.x1, y = axisLabelContainerBounds.y1) : "top" === orient ? (x = axisLabelContainerBounds.x1, y = axisLabelContainerBounds.y2 - axisLabelContainerSize) : "bottom" === orient && (x = axisLabelContainerBounds.x1, y = axisLabelContainerBounds.y1);
-          const bgRect = graphicCreator$1.rect({
+          const bgRect = graphicCreator.rect({
             x: x,
             y: y,
             width: isHorizontal ? axisLabelContainerBounds.width() : axisLabelContainerSize,
@@ -26106,7 +26130,7 @@
         this._current = defaultCurrent;
         const parsedPadding = normalizePadding(padding),
           isHorizontal = "horizontal" === layout,
-          container = graphicCreator$1.group({
+          container = graphicCreator.group({
             x: 0,
             y: 0
           }),
@@ -26119,7 +26143,7 @@
           nextShape: nextShape
         } = handler;
         preShape || (preShape = isHorizontal ? "triangleLeft" : "triangleUp"), nextShape || (nextShape = isHorizontal ? "triangleRight" : "triangleDown");
-        const preHandler = graphicCreator$1.symbol(Object.assign(Object.assign({
+        const preHandler = graphicCreator.symbol(Object.assign(Object.assign({
           strokeBoundsBuffer: 0,
           pickMode: "imprecise"
         }, handlerStyle), {
@@ -26138,7 +26162,7 @@
           }, textStyle)),
           handlerSizeX = isNumber$3(handlerSize) ? handlerSize : handlerSize[0],
           handlerSizeY = isNumber$3(handlerSize) ? handlerSize : handlerSize[1],
-          text = graphicCreator$1.text(Object.assign({
+          text = graphicCreator.text(Object.assign({
             x: isHorizontal ? handlerSizeX / 2 + handlerSpace + maxTextWidth / 2 : 0,
             y: isHorizontal ? 0 : handlerSizeY / 2 + handlerSpace + maxTextHeight / 2,
             text: `${defaultCurrent}/${total}`,
@@ -26147,7 +26171,7 @@
             lineHeight: null == textStyle ? void 0 : textStyle.fontSize
           }, textStyle));
         this.text = text, container.add(text);
-        const nextHandler = graphicCreator$1.symbol(Object.assign(Object.assign({
+        const nextHandler = graphicCreator.symbol(Object.assign(Object.assign({
           strokeBoundsBuffer: 0,
           pickMode: "imprecise"
         }, handlerStyle), {
@@ -26210,7 +26234,7 @@
             padding = 0
           } = this.attribute,
           parsedPadding = normalizePadding(padding),
-          innerView = graphicCreator$1.group({
+          innerView = graphicCreator.group({
             x: parsedPadding[3],
             y: parsedPadding[0],
             pickable: interactive,
@@ -26357,7 +26381,7 @@
         if (!1 === item.visible || isEmpty(items)) return;
         let legendItems = items;
         reversed && (legendItems = null == items ? void 0 : items.reverse());
-        const itemsContainer = graphicCreator$1.group({
+        const itemsContainer = graphicCreator.group({
           x: 0,
           y: 0
         });
@@ -26434,15 +26458,15 @@
           backgroundStyle = this._handleStyle(background, item, isSelected, index, items),
           parsedPadding = normalizePadding(padding);
         let itemGroup;
-        !1 === background.visible ? (itemGroup = graphicCreator$1.group({
+        !1 === background.visible ? (itemGroup = graphicCreator.group({
           x: 0,
           y: 0,
           cursor: null === (_a = backgroundStyle.style) || void 0 === _a ? void 0 : _a.cursor
-        }), this._appendDataToShape(itemGroup, LEGEND_ELEMENT_NAME.item, item, itemGroup)) : (itemGroup = graphicCreator$1.group(Object.assign({
+        }), this._appendDataToShape(itemGroup, LEGEND_ELEMENT_NAME.item, item, itemGroup)) : (itemGroup = graphicCreator.group(Object.assign({
           x: 0,
           y: 0
         }, backgroundStyle.style)), this._appendDataToShape(itemGroup, LEGEND_ELEMENT_NAME.item, item, itemGroup, backgroundStyle.state)), itemGroup.id = `${null != id ? id : label}-${index}`, itemGroup.addState(isSelected ? LegendStateValue.selected : LegendStateValue.unSelected);
-        const innerGroup = graphicCreator$1.group({
+        const innerGroup = graphicCreator.group({
           x: 0,
           y: 0,
           pickable: !1
@@ -26455,7 +26479,7 @@
         if (shapeAttr && !1 !== shapeAttr.visible) {
           const s = get$5(shapeStyle, "style.size", DEFAULT_SHAPE_SIZE);
           shapeSize = isArray$1(s) ? s[0] || 0 : s, shapeSpace = get$5(shapeAttr, "space", DEFAULT_SHAPE_SPACE);
-          const itemShape = graphicCreator$1.symbol(Object.assign(Object.assign({
+          const itemShape = graphicCreator.symbol(Object.assign(Object.assign({
             x: 0,
             y: 0,
             symbolType: "circle",
@@ -26469,7 +26493,7 @@
         let focusSpace = 0;
         if (focus) {
           const focusSize = get$5(focusIconStyle, "size", DEFAULT_SHAPE_SIZE);
-          focusShape = graphicCreator$1.symbol(Object.assign(Object.assign({
+          focusShape = graphicCreator.symbol(Object.assign(Object.assign({
             x: 0,
             y: -focusSize / 2 - 1,
             strokeBoundsBuffer: 0
@@ -26479,7 +26503,7 @@
             boundsPadding: parsedPadding
           })), this._appendDataToShape(focusShape, LEGEND_ELEMENT_NAME.focus, item, itemGroup), focusSpace = focusSize;
         }
-        const labelShape = graphicCreator$1.text(Object.assign(Object.assign({
+        const labelShape = graphicCreator.text(Object.assign(Object.assign({
           x: shapeSize / 2 + shapeSpace,
           y: 0,
           textAlign: "start",
@@ -26492,7 +26516,7 @@
         const labelSpace = get$5(labelAttr, "space", DEFAULT_LABEL_SPACE);
         if (isValid$1(value)) {
           const valueSpace = get$5(valueAttr, "space", focus ? DEFAULT_VALUE_SPACE : 0),
-            valueShape = graphicCreator$1.text(Object.assign(Object.assign({
+            valueShape = graphicCreator.text(Object.assign(Object.assign({
               x: 0,
               y: 0,
               textAlign: "start",
@@ -26599,7 +26623,7 @@
           });
         }
         pager.defaultCurrent > 1 && (isHorizontal ? itemsContainer.setAttribute("y", -(pager.defaultCurrent - 1) * (pageHeight + spaceRow)) : itemsContainer.setAttribute("x", -(pager.defaultCurrent - 1) * (pageWidth + spaceCol)));
-        const clipGroup = graphicCreator$1.group({
+        const clipGroup = graphicCreator.group({
           x: 0,
           y: renderStartY,
           width: pageWidth,
@@ -27904,7 +27928,7 @@
         };
         const isHorizontal = "horizontal" === layout;
         this._isHorizontal = isHorizontal;
-        const innerView = graphicCreator$1.group({
+        const innerView = graphicCreator.group({
           x: 0,
           y: 0
         });
@@ -27912,7 +27936,7 @@
         let startTextShape,
           startLen = 0;
         if (startText && startText.visible) {
-          startTextShape = graphicCreator$1.text(Object.assign({
+          startTextShape = graphicCreator.text(Object.assign({
             x: isHorizontal ? 0 : railWidth / 2,
             y: isHorizontal ? railHeight / 2 : 0,
             textAlign: isHorizontal ? "start" : "center",
@@ -27923,19 +27947,19 @@
           const space = isValid$1(startText.space) ? startText.space : 0;
           startLen += (isHorizontal ? startTextShape.AABBBounds.width() : startTextShape.AABBBounds.height()) + space;
         }
-        const mainContainer = graphicCreator$1.group({
+        const mainContainer = graphicCreator.group({
           x: isHorizontal ? startLen : 0,
           y: isHorizontal ? 0 : startLen
         });
         innerView.add(mainContainer);
-        const railContainer = graphicCreator$1.group({
+        const railContainer = graphicCreator.group({
           x: 0,
           y: 0
         });
         let endTextShape;
         if (railContainer.name = SLIDER_ELEMENT_NAME.railContainer, this._railContainer = railContainer, mainContainer.add(railContainer), this._renderRail(railContainer), startLen += isHorizontal ? railWidth : railHeight, endText && endText.visible) {
           const space = isValid$1(endText.space) ? endText.space : 0;
-          endTextShape = graphicCreator$1.text(Object.assign({
+          endTextShape = graphicCreator.text(Object.assign({
             x: isHorizontal ? startLen + space : railWidth / 2,
             y: isHorizontal ? railHeight / 2 : startLen + space,
             textAlign: isHorizontal ? "start" : "center",
@@ -27955,7 +27979,7 @@
         } = this.attribute;
         let cursor = "default";
         !1 !== slidable && (cursor = "pointer");
-        const railShape = graphicCreator$1.rect(Object.assign({
+        const railShape = graphicCreator.rect(Object.assign({
           x: 0,
           y: 0,
           width: railWidth,
@@ -28031,7 +28055,7 @@
         const isHorizontal = this._isHorizontal,
           railLen = isHorizontal ? railWidth : railHeight;
         range || (startValue = min);
-        const trackContainer = graphicCreator$1.group({
+        const trackContainer = graphicCreator.group({
           x: 0,
           y: 0,
           width: railWidth,
@@ -28046,7 +28070,7 @@
         cursor = !1 === slidable ? "default" : !1 === range || !1 === draggableTrack ? "pointer" : getDefaultCursor(isHorizontal);
         const trackWidth = max === min ? railLen : (endValue - startValue) / (max - min) * railLen,
           startPos = max === min ? 0 : (startValue - min) / (max - min) * railLen,
-          track = graphicCreator$1.rect(Object.assign({
+          track = graphicCreator.rect(Object.assign({
             x: isHorizontal ? startPos : 0,
             y: isHorizontal ? 0 : startPos,
             width: isHorizontal ? trackWidth : railWidth,
@@ -28056,7 +28080,7 @@
         track.name = SLIDER_ELEMENT_NAME.track, this._track = track, trackContainer.add(track), container.add(trackContainer);
       }
       _renderHandler(style) {
-        return graphicCreator$1.symbol(style);
+        return graphicCreator.symbol(style);
       }
       _renderHandlerText(value, position) {
         var _a, _b, _c;
@@ -28080,7 +28104,7 @@
             cursor: !1 === slidable ? "default" : getDefaultCursor(isHorizontal)
           };
         isHorizontal ? "top" === align ? (textStyle.textBaseline = "bottom", textStyle.textAlign = "center", textStyle.x = handlerStart, textStyle.y = (railHeight - handlerSize) / 2 - textSpace) : (textStyle.textBaseline = "top", textStyle.textAlign = "center", textStyle.x = handlerStart, textStyle.y = (railHeight + handlerSize) / 2 + textSpace) : "left" === align ? (textStyle.textBaseline = "middle", textStyle.textAlign = "end", textStyle.x = (railWidth - handlerSize) / 2 - textSpace, textStyle.y = handlerStart) : (textStyle.textBaseline = "middle", textStyle.textAlign = "start", textStyle.x = (railWidth + handlerSize) / 2 + textSpace, textStyle.y = handlerStart);
-        return graphicCreator$1.text(Object.assign(Object.assign({}, textStyle), handlerText.style));
+        return graphicCreator.text(Object.assign(Object.assign({}, textStyle), handlerText.style));
       }
       _bindEvents() {
         if (this.attribute.disableTriggerEvent) return;
@@ -28423,7 +28447,7 @@
             sizeBackground: sizeBackground,
             disableTriggerEvent: disableTriggerEvent
           } = this.attribute,
-          mainContainer = graphicCreator$1.group({
+          mainContainer = graphicCreator.group({
             x: 0,
             y: 0
           });
@@ -28461,7 +28485,7 @@
         let path,
           start = 0;
         "horizontal" === layout ? "top" === align ? (path = `M0,0L${railWidth},0L${railWidth},12Z`, start = railHeight) : (path = `M0,12L${railWidth},12L${railWidth},0Z`, slider.setAttribute("y", 12)) : "left" === align ? path = `M${railWidth},0L${railWidth},0L${railWidth + 12},${railHeight}L${railWidth},${railHeight}Z` : (path = `M0,${railHeight}L12,${railHeight}L12,0Z`, slider.setAttribute("x", 12));
-        const background = graphicCreator$1.path(Object.assign(Object.assign({
+        const background = graphicCreator.path(Object.assign(Object.assign({
           x: 0,
           y: start,
           path: path
@@ -29391,25 +29415,6 @@
 
     const DEFAULT_CONTINUOUS_TICK_COUNT$1 = 5;
 
-    class GraphicCreator {
-      constructor() {
-        this.store = new Map();
-      }
-      RegisterGraphicCreator(name, cb) {
-        this.store.set(name, cb), this[name] = cb;
-      }
-      CreateGraphic(name, params) {
-        const cb = this.store.get(name);
-        return cb ? cb(params) : null;
-      }
-    }
-    const graphicCreator = new GraphicCreator();
-
-    let text;
-    function getTextBounds(params) {
-      return text || (text = graphicCreator.CreateGraphic("text", {})), text.setAttributes(params), text.AABBBounds;
-    }
-
     const initTextMeasure$1 = (textSpec, option, useNaiveCanvas, defaultFontParams) => new TextMeasure(Object.assign({
       defaultFontParams: Object.assign({
         fontFamily: "PingFang SC,Helvetica Neue,Microsoft Yahei,system-ui,-apple-system,segoe ui,Roboto,Helvetica,Arial,sans-serif,apple color emoji,segoe ui emoji,segoe ui symbol",
@@ -31767,6 +31772,24 @@
             }
         }
     }
+    function getCellCornerRadius(col, row, table) {
+        const tableCornerRadius = table.theme.frameStyle.cornerRadius;
+        if (tableCornerRadius) {
+            if (col === 0 && row === 0) {
+                return [tableCornerRadius, 0, 0, 0];
+            }
+            else if (col === table.colCount - 1 && row === 0) {
+                return [0, tableCornerRadius, 0, 0];
+            }
+            else if (col === 0 && row === table.rowCount - 1) {
+                return [0, 0, 0, tableCornerRadius];
+            }
+            else if (col === table.colCount - 1 && row === table.rowCount - 1) {
+                return [0, 0, tableCornerRadius, 0];
+            }
+        }
+        return 0;
+    }
 
     let Icon$1 = class Icon extends Image$2 {
         role;
@@ -32735,7 +32758,8 @@
             strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
             cursor: cellTheme?.group?.cursor ?? undefined,
             lineCap: 'square',
-            clip: true
+            clip: true,
+            cornerRadius: cellTheme.group.cornerRadius
         });
         cellGroup.role = 'cell';
         cellGroup.col = col;
@@ -33306,7 +33330,8 @@
                 strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
                 cursor: cellTheme?.group?.cursor ?? undefined,
                 lineCap: 'square',
-                clip: true
+                clip: true,
+                cornerRadius: cellTheme.group.cornerRadius
             });
             cellGroup.role = 'cell';
             cellGroup.col = col;
@@ -33684,7 +33709,8 @@
                 strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
                 cursor: cellTheme?.group?.cursor ?? undefined,
                 lineCap: 'square',
-                clip: true
+                clip: true,
+                cornerRadius: cellTheme.group.cornerRadius
             });
             cellGroup.role = 'cell';
             cellGroup.col = col;
@@ -34409,7 +34435,8 @@
             strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
             cursor: cellTheme?.group?.cursor ?? undefined,
             lineCap: 'square',
-            clip: true
+            clip: true,
+            cornerRadius: cellTheme.group.cornerRadius
         });
         cellGroup.role = 'cell';
         cellGroup.col = col;
@@ -34473,7 +34500,8 @@
             strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
             cursor: cellTheme?.group?.cursor ?? undefined,
             lineCap: 'square',
-            clip: true
+            clip: true,
+            cornerRadius: cellTheme.group.cornerRadius
         });
         cellGroup.role = 'cell';
         cellGroup.col = col;
@@ -34564,7 +34592,8 @@
                 strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
                 cursor: cellTheme?.group?.cursor ?? undefined,
                 lineCap: 'square',
-                clip: true
+                clip: true,
+                cornerRadius: cellTheme.group.cornerRadius
             });
             cellGroup.role = 'cell';
             cellGroup.col = col;
@@ -34838,6 +34867,7 @@
             isMerge = range.start.col !== range.end.col || range.start.row !== range.end.row;
         }
         let cellTheme = getStyleTheme(cellStyle, table, isMerge ? range.start.col : col, isMerge ? range.start.row : row, getProp).theme;
+        cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table);
         if (!addNew && !isMerge && canUseFastUpdate(col, row, oldCellGroup, autoWrapText, table)) {
             const cellWidth = table.getColWidth(col);
             const cellHeight = table.getRowHeight(row);
@@ -34850,6 +34880,7 @@
                 strokeArrayWidth: cellTheme?.group?.strokeArrayWidth ?? undefined,
                 strokeArrayColor: cellTheme?.group?.strokeArrayColor ?? undefined,
                 cursor: cellTheme?.group?.cursor ?? undefined,
+                cornerRadius: cellTheme?.group?.cornerRadius ?? 0,
                 y: table.scenegraph.getCellGroupY(row)
             });
             const textMark = oldCellGroup.getChildByName('text');
@@ -34922,6 +34953,7 @@
                 customStyle = customMergeStyle;
                 if (customStyle) {
                     cellTheme = getStyleTheme(customStyle, table, range.start.col, range.start.row, getProp).theme;
+                    cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table);
                 }
             }
         }
@@ -35059,6 +35091,7 @@
             }
             const cellStyle = customStyle || table._getCellStyle(col, row);
             const cellTheme = getStyleTheme(cellStyle, table, range ? range.start.col : col, range ? range.start.row : row, getProp).theme;
+            cellTheme.group.cornerRadius = getCellCornerRadius(col, row, table);
             cellTheme.group.width = colWidth;
             cellTheme.group.height = Array.isArray(defaultRowHeight) ? defaultRowHeight[row] : defaultRowHeight;
             if (cellTheme._vtable.padding) {
@@ -38116,6 +38149,76 @@
             });
         }
     }
+    function updateCornerRadius(table) {
+        if (!table.theme.frameStyle.cornerRadius) {
+            return;
+        }
+        const cornerRadius = table.theme.frameStyle.cornerRadius;
+        const { cornerHeaderGroup, colHeaderGroup, rowHeaderGroup, bodyGroup, rightTopCornerGroup, leftBottomCornerGroup, rightBottomCornerGroup, rightFrozenGroup, bottomFrozenGroup } = table.scenegraph;
+        cornerHeaderGroup.setAttribute('cornerRadius', 0);
+        colHeaderGroup.setAttribute('cornerRadius', 0);
+        rowHeaderGroup.setAttribute('cornerRadius', 0);
+        bodyGroup.setAttribute('cornerRadius', 0);
+        rightTopCornerGroup.setAttribute('cornerRadius', 0);
+        leftBottomCornerGroup.setAttribute('cornerRadius', 0);
+        rightBottomCornerGroup.setAttribute('cornerRadius', 0);
+        rightFrozenGroup.setAttribute('cornerRadius', 0);
+        bottomFrozenGroup.setAttribute('cornerRadius', 0);
+        if (cornerHeaderGroup.attribute.width > 0 && cornerHeaderGroup.attribute.height > 0) {
+            setCornerRadius(cornerHeaderGroup, [cornerRadius, 0, 0, 0]);
+        }
+        else if (colHeaderGroup.attribute.height > 0) {
+            setCornerRadius(colHeaderGroup, [cornerRadius, 0, 0, 0]);
+        }
+        else if (rowHeaderGroup.attribute.width > 0) {
+            setCornerRadius(rowHeaderGroup, [cornerRadius, 0, 0, 0]);
+        }
+        else {
+            setCornerRadius(bodyGroup, [cornerRadius, 0, 0, 0]);
+        }
+        if (leftBottomCornerGroup.attribute.width > 0 && leftBottomCornerGroup.attribute.height > 0) {
+            setCornerRadius(leftBottomCornerGroup, [0, 0, 0, cornerRadius]);
+        }
+        else if (bottomFrozenGroup.attribute.height > 0) {
+            setCornerRadius(bottomFrozenGroup, [0, 0, 0, cornerRadius]);
+        }
+        else if (rowHeaderGroup.attribute.width > 0) {
+            setCornerRadius(rowHeaderGroup, [0, 0, 0, cornerRadius]);
+        }
+        else {
+            setCornerRadius(bodyGroup, [0, 0, 0, cornerRadius]);
+        }
+        if (rightTopCornerGroup.attribute.width > 0 && rightTopCornerGroup.attribute.height > 0) {
+            setCornerRadius(rightTopCornerGroup, [0, cornerRadius, 0, 0]);
+        }
+        else if (colHeaderGroup.attribute.height > 0) {
+            setCornerRadius(colHeaderGroup, [0, cornerRadius, 0, 0]);
+        }
+        else if (rightFrozenGroup.attribute.width > 0) {
+            setCornerRadius(rightFrozenGroup, [0, cornerRadius, 0, 0]);
+        }
+        else {
+            setCornerRadius(bodyGroup, [0, cornerRadius, 0, 0]);
+        }
+        if (rightBottomCornerGroup.attribute.width > 0 && rightBottomCornerGroup.attribute.height > 0) {
+            setCornerRadius(rightBottomCornerGroup, [0, 0, cornerRadius, 0]);
+        }
+        else if (rightFrozenGroup.attribute.width > 0) {
+            setCornerRadius(rightFrozenGroup, [0, 0, cornerRadius, 0]);
+        }
+        else if (bottomFrozenGroup.attribute.height > 0) {
+            setCornerRadius(bottomFrozenGroup, [0, 0, cornerRadius, 0]);
+        }
+        else {
+            setCornerRadius(bodyGroup, [0, 0, cornerRadius, 0]);
+        }
+    }
+    function setCornerRadius(group, cornerRadius) {
+        group.setAttribute('cornerRadius', cornerRadius);
+        if (group.border) {
+            group.border.setAttribute('cornerRadius', cornerRadius);
+        }
+    }
 
     /*! *****************************************************************************
     Copyright (c) Microsoft Corporation.
@@ -38779,7 +38882,7 @@
         useStyle = true;
         order = 0;
         drawShape(group, context, x, y, doFill, doStroke, fVisible, sVisible, groupAttribute, drawContext, fillCb, strokeCb) {
-            const { lineWidth = groupAttribute.lineWidth, stroke = groupAttribute.stroke, lineDash = groupAttribute.lineDash, strokeArrayWidth = groupAttribute.strokeArrayWidth, strokeArrayColor = groupAttribute.strokeArrayColor, notAdjustPos } = group.attribute;
+            const { lineWidth = groupAttribute.lineWidth, stroke = groupAttribute.stroke, lineDash = groupAttribute.lineDash, strokeArrayWidth = groupAttribute.strokeArrayWidth, strokeArrayColor = groupAttribute.strokeArrayColor, notAdjustPos, cornerRadius = groupAttribute.cornerRadius } = group.attribute;
             const { width = groupAttribute.width, height = groupAttribute.height } = group.attribute;
             if (notAdjustPos !== true &&
                 stroke &&
@@ -38792,7 +38895,12 @@
                 context.beginPath();
                 x = Math.floor(x) + 0.5;
                 y = Math.floor(y) + 0.5;
-                context.rect(x, y, widthFroDraw, heightFroDraw);
+                if (cornerRadius) {
+                    createRectPath(context, x, y, widthFroDraw, heightFroDraw, cornerRadius);
+                }
+                else {
+                    context.rect(x, y, widthFroDraw, heightFroDraw);
+                }
                 context.setStrokeStyle(group, group.attribute, x, y, groupAttribute);
                 context.stroke();
             }
@@ -40324,7 +40432,7 @@
                 let maxHeight = 0;
                 for (let col = this.table.colCount - this.table.rightFrozenColCount; col < this.table.colCount; col++) {
                     const colGroup = this.table.scenegraph.getColGroup(col);
-                    const cellLocation = this.table.isListTable() ? 'body' : 'rowHeader';
+                    const cellLocation = this.table.isPivotChart() ? 'rowHeader' : 'body';
                     const { height } = createComplexColumn(colGroup, col, colGroup.attribute.width, this.currentRow + 1, endRow, this.table.scenegraph.mergeMap, this.table.internalProps.defaultRowHeight, this.table, cellLocation);
                     maxHeight = Math.max(maxHeight, height);
                     this.table.scenegraph.rightFrozenGroup.setAttribute('height', maxHeight);
@@ -42166,7 +42274,7 @@
                 fontFamily: DefaultTextStyle.fontFamily,
                 fontSize: DefaultTextStyle.fontSize
             },
-            getTextBounds: useNaiveCanvas ? undefined : getTextBounds$1,
+            getTextBounds: useNaiveCanvas ? undefined : getTextBounds,
             specialCharSet: `{}()//&-/: .,@%'"~…${TextMeasure.ALPHABET_CHAR_SET}${TextMeasure.ALPHABET_CHAR_SET.toUpperCase()}0123456789`,
             ...(option ?? {})
         }, textSpec);
@@ -43892,20 +44000,20 @@
                 this.bodyGroup.appendChild(this.bodyGroup.border);
                 updateFrameBorderSize(this.bodyGroup);
                 if (this.rowHeaderGroup.attribute.width === 0) {
-                    updateFrameBorder(this.bodyGroup, this.table.theme.bodyStyle.frameStyle, [true, true, true, true]);
+                    updateFrameBorder(this.bodyGroup, this.table.theme.bodyStyle.frameStyle);
                 }
                 else {
-                    updateFrameBorder(this.bodyGroup, this.table.theme.bodyStyle.frameStyle, [true, true, true, false]);
+                    updateFrameBorder(this.bodyGroup, this.table.theme.bodyStyle.frameStyle);
                 }
             }
             if (this.colHeaderGroup.border) {
                 this.colHeaderGroup.appendChild(this.colHeaderGroup.border);
                 updateFrameBorderSize(this.colHeaderGroup);
                 if (this.cornerHeaderGroup.attribute.width === 0) {
-                    updateFrameBorder(this.colHeaderGroup, this.table.theme.headerStyle.frameStyle, [true, true, true, true]);
+                    updateFrameBorder(this.colHeaderGroup, this.table.theme.headerStyle.frameStyle);
                 }
                 else {
-                    updateFrameBorder(this.colHeaderGroup, this.table.theme.headerStyle.frameStyle, [true, true, true, false]);
+                    updateFrameBorder(this.colHeaderGroup, this.table.theme.headerStyle.frameStyle);
                 }
             }
             if (this.rowHeaderGroup.border) {
@@ -43916,6 +44024,7 @@
                 this.cornerHeaderGroup.appendChild(this.cornerHeaderGroup.border);
                 updateFrameBorderSize(this.cornerHeaderGroup);
             }
+            updateCornerRadius(this.table);
         }
         sortCell() {
             if (this.isPivot) ;
@@ -46349,7 +46458,7 @@
             if (!eventArgsSet?.eventArgs) {
                 return;
             }
-            if (eventManager.touchSetTimeout || e.pointerType !== 'touch') {
+            if (eventManager.touchSetTimeout) {
                 if (e.pointerType === 'touch') {
                     const eventArgsSet = getCellEventArgsSet(e);
                     if (eventManager.touchSetTimeout) {
@@ -46359,34 +46468,34 @@
                         eventManager.touchSetTimeout = undefined;
                     }
                 }
-                if (table.hasListeners(TABLE_EVENT_TYPE.CLICK_CELL)) {
-                    const { col, row } = eventArgsSet.eventArgs;
-                    const cellInfo = table.getCellInfo(col, row);
-                    let icon;
-                    let position;
-                    if (eventArgsSet.eventArgs?.target) {
-                        const iconInfo = getIconAndPositionFromTarget(eventArgsSet.eventArgs?.target);
-                        if (iconInfo) {
-                            icon = iconInfo.icon;
-                            position = iconInfo.position;
-                        }
+            }
+            if (!eventManager.touchMove && table.hasListeners(TABLE_EVENT_TYPE.CLICK_CELL)) {
+                const { col, row } = eventArgsSet.eventArgs;
+                const cellInfo = table.getCellInfo(col, row);
+                let icon;
+                let position;
+                if (eventArgsSet.eventArgs?.target) {
+                    const iconInfo = getIconAndPositionFromTarget(eventArgsSet.eventArgs?.target);
+                    if (iconInfo) {
+                        icon = iconInfo.icon;
+                        position = iconInfo.position;
                     }
-                    const cellsEvent = {
-                        ...cellInfo,
-                        event: e.nativeEvent,
-                        federatedEvent: e,
-                        cells: [],
-                        targetIcon: icon
-                            ? {
-                                name: icon.name,
-                                position: position,
-                                funcType: icon.attribute.funcType
-                            }
-                            : undefined,
-                        target: eventArgsSet?.eventArgs?.target
-                    };
-                    table.fireListeners(TABLE_EVENT_TYPE.CLICK_CELL, cellsEvent);
                 }
+                const cellsEvent = {
+                    ...cellInfo,
+                    event: e.nativeEvent,
+                    federatedEvent: e,
+                    cells: [],
+                    targetIcon: icon
+                        ? {
+                            name: icon.name,
+                            position: position,
+                            funcType: icon.attribute.funcType
+                        }
+                        : undefined,
+                    target: eventArgsSet?.eventArgs?.target
+                };
+                table.fireListeners(TABLE_EVENT_TYPE.CLICK_CELL, cellsEvent);
             }
         });
         table.scenegraph.stage.addEventListener('pointerdown', (e) => {
@@ -49068,11 +49177,6 @@
                     return;
                 }
                 const { col, row } = e;
-                if (e.related) {
-                    if (this._isBindCell(col, row)) {
-                        return;
-                    }
-                }
                 let tooltipOption;
                 const headerDescription = table.getHeaderDescription(col, row);
                 if (headerDescription) {
@@ -49129,11 +49233,6 @@
                 }
             });
             table.on(TABLE_EVENT_TYPE.MOUSELEAVE_CELL, e => {
-                if (e.related) {
-                    if (this._isBindCell(e.related.col, e.related.row)) {
-                        return;
-                    }
-                }
                 this._unbindFromCell();
             });
             table.on(TABLE_EVENT_TYPE.SELECTED_CELL, e => {
@@ -50206,7 +50305,7 @@
             return TABLE_EVENT_TYPE;
         }
         options;
-        version = "0.17.9-alpha.8";
+        version = "0.17.10-alpha.0";
         pagination;
         id = `VTable${Date.now()}`;
         headerStyleCache;
@@ -56879,11 +56978,12 @@
                         const rowDimension = rowHeaderPaths[i];
                         for (let j = 0; j < rowArr.length; j++) {
                             const dimension = rowArr[j];
-                            if (((!isValid$1(rowDimension.indicatorKey) &&
+                            if ((!isValid$1(rowDimension.indicatorKey) &&
                                 dimension.dimensionKey === rowDimension.dimensionKey &&
                                 dimension.value === rowDimension.value) ||
-                                (isValid$1(rowDimension.indicatorKey) && dimension.indicatorKey === rowDimension.indicatorKey)) &&
-                                dimension.value === rowDimension.value) {
+                                (isValid$1(rowDimension.indicatorKey) &&
+                                    dimension.indicatorKey === rowDimension.indicatorKey &&
+                                    (!rowDimension.value || dimension.value === rowDimension.value))) {
                                 rowArr = dimension.children;
                                 if (needLowestLevel && !rowArr) {
                                     rowDimensionFinded = dimension;
@@ -57966,15 +58066,19 @@
             this.needSplitPositiveAndNegative = needSplitPositiveAndNegative ?? false;
             this.rowsIsTotal = new Array(this.rows?.length ?? 0).fill(false);
             this.colsIsTotal = new Array(this.columns?.length ?? 0).fill(false);
-            for (let i = 0, len = this.totals?.row?.subTotalsDimensions?.length; i < len; i++) {
-                const dimension = this.totals.row.subTotalsDimensions[i];
-                const dimensionIndex = this.rows.indexOf(dimension);
-                this.rowsIsTotal[dimensionIndex] = true;
+            if (this.totals?.row?.showSubTotals) {
+                for (let i = 0, len = this.totals?.row?.subTotalsDimensions?.length; i < len; i++) {
+                    const dimension = this.totals.row.subTotalsDimensions[i];
+                    const dimensionIndex = this.rows.indexOf(dimension);
+                    this.rowsIsTotal[dimensionIndex] = true;
+                }
             }
-            for (let i = 0, len = this.totals?.column?.subTotalsDimensions?.length; i < len; i++) {
-                const dimension = this.totals.column.subTotalsDimensions[i];
-                const dimensionIndex = this.columns.indexOf(dimension);
-                this.colsIsTotal[dimensionIndex] = true;
+            if (this.totals?.column?.showSubTotals) {
+                for (let i = 0, len = this.totals?.column?.subTotalsDimensions?.length; i < len; i++) {
+                    const dimension = this.totals.column.subTotalsDimensions[i];
+                    const dimensionIndex = this.columns.indexOf(dimension);
+                    this.colsIsTotal[dimensionIndex] = true;
+                }
             }
             this.setRecords(records);
         }
@@ -60493,6 +60597,55 @@
             }
             return null;
         }
+        getCellAddressByRecord(record) {
+            const rowHeaderPaths = [];
+            const colHeaderPaths = [];
+            const recordKeyMapToIndicatorKeys = {};
+            const indicatorRecordKeys = [];
+            this.dataset.dataConfig.aggregationRules.forEach(aggregationRule => {
+                if (typeof aggregationRule.field === 'string') {
+                    recordKeyMapToIndicatorKeys[aggregationRule.field] = aggregationRule.indicatorKey;
+                    indicatorRecordKeys.push(aggregationRule.field);
+                }
+                else {
+                    for (let i = 0; i < aggregationRule.field.length; i++) {
+                        recordKeyMapToIndicatorKeys[aggregationRule.field[i]] = aggregationRule.indicatorKey;
+                        indicatorRecordKeys.push(aggregationRule.field[i]);
+                    }
+                }
+            });
+            for (const key in record) {
+                if (this.dataset.rows.indexOf(key) >= 0) {
+                    rowHeaderPaths.push({
+                        dimensionKey: key,
+                        value: record[key]
+                    });
+                }
+                if (this.dataset.columns.indexOf(key) >= 0) {
+                    colHeaderPaths.push({
+                        dimensionKey: key,
+                        value: record[key]
+                    });
+                }
+                if (indicatorRecordKeys.indexOf(key) >= 0) {
+                    if (this.dataset.indicatorsAsCol) {
+                        colHeaderPaths.push({
+                            indicatorKey: recordKeyMapToIndicatorKeys[key]
+                        });
+                    }
+                    else {
+                        rowHeaderPaths.push({
+                            indicatorKey: recordKeyMapToIndicatorKeys[key]
+                        });
+                    }
+                }
+            }
+            return this.getCellAddressByHeaderPaths({
+                rowHeaderPaths,
+                colHeaderPaths,
+                cellLocation: 'body'
+            });
+        }
         getChartInstance(cellHeaderPaths) {
             const cellAddr = this.getCellAddressByHeaderPaths(cellHeaderPaths);
             if (cellAddr) {
@@ -61125,7 +61278,7 @@
         return new Tag$1(params ? params.attribute : {});
     }
 
-    const version = "0.17.9-alpha.8";
+    const version = "0.17.10-alpha.0";
     function getIcons() {
         return get$2();
     }