@visactor/vchart 1.11.7 → 1.11.9

package/build/index.js

@@ -11886,7 +11886,7 @@
           const stage = this.target.stage;
           stage && stage.renderNextFrame();
         }
-        return 1 === this.subAnimates.length && this.tailAnimate.duration === customAnimate.duration && this.trySetAttribute(customAnimate.getFromProps(), customAnimate.mode), this;
+        return 1 === this.subAnimates.length && this.tailAnimate.totalDuration === customAnimate.duration && this.trySetAttribute(customAnimate.getFromProps(), customAnimate.mode), this;
       }
       trySetAttribute(attr) {
         let mode = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : Animate.mode;
@@ -23573,13 +23573,14 @@
         if (!this.htmlMap || !this.htmlMap[id]) return;
         const {
           root: root,
-          wrapContainer: wrapContainer
+          wrapContainer: wrapContainer,
+          unmount: unmount
         } = this.htmlMap[id];
         if (root) {
           application.global.getRequestAnimationFrame()(() => {
             root.unmount();
           });
-        }
+        } else unmount && unmount();
         wrapContainer && application.global.removeDom(wrapContainer), this.htmlMap[id] = null;
       }
       renderGraphicHTML(graphic) {
@@ -23595,23 +23596,31 @@
             element: element,
             container: container
           } = react;
-        if (!(element && ReactDOM && ReactDOM.createRoot)) return;
+        if (!element || !ReactDOM || !ReactDOM.createRoot && !ReactDOM.render) return;
         const id = isNil$1(react.id) ? `${null !== (_a = graphic.id) && void 0 !== _a ? _a : graphic._uid}_react` : react.id;
-        if (this.htmlMap && this.htmlMap[id] && container && container !== this.htmlMap[id].container && this.removeElement(id), this.htmlMap && this.htmlMap[id]) this.htmlMap[id].root.render(element);else {
+        if (this.htmlMap && this.htmlMap[id] && container && container !== this.htmlMap[id].container && this.removeElement(id), this.htmlMap && this.htmlMap[id]) ReactDOM.createRoot ? this.htmlMap[id].root.render(element) : ReactDOM.render(element, this.htmlMap[id].wrapContainer);else {
           const {
             wrapContainer: wrapContainer,
             nativeContainer: nativeContainer
           } = this.getWrapContainer(stage, container);
-          if (wrapContainer) {
+          if (wrapContainer) if (this.htmlMap || (this.htmlMap = {}), ReactDOM.createRoot) {
             const root = ReactDOM.createRoot(wrapContainer);
-            root.render(element), this.htmlMap || (this.htmlMap = {}), this.htmlMap[id] = {
+            root.render(element), this.htmlMap[id] = {
               root: root,
               wrapContainer: wrapContainer,
               nativeContainer: nativeContainer,
               container: container,
               renderId: this.renderId
             };
-          }
+          } else ReactDOM.render(element, wrapContainer), this.htmlMap[id] = {
+            wrapContainer: wrapContainer,
+            nativeContainer: nativeContainer,
+            container: container,
+            renderId: this.renderId,
+            unmount: () => {
+              ReactDOM.unmountComponentAtNode(wrapContainer);
+            }
+          };
         }
         if (!this.htmlMap || !this.htmlMap[id]) return;
         const {
@@ -32666,10 +32675,9 @@
         }, this._handleRelatedGraphicSetState = e => {
           var _a, _b, _c, _d, _e;
           if ((null === (_a = e.detail) || void 0 === _a ? void 0 : _a.type) === AttributeUpdateType.STATE || (null === (_b = e.detail) || void 0 === _b ? void 0 : _b.type) === AttributeUpdateType.ANIMATE_UPDATE && (null === (_c = e.detail.animationState) || void 0 === _c ? void 0 : _c.isFirstFrameOfStep)) {
-            const currentStates = null !== (_e = null === (_d = e.target) || void 0 === _d ? void 0 : _d.currentStates) && void 0 !== _e ? _e : [];
-            (this._isCollectionBase ? [...this._graphicToText.values()] : [this._graphicToText.get(e.target)]).forEach(label => {
-              label && (label.text && label.text.useStates(currentStates), label.labelLine && label.labelLine.useStates(currentStates));
-            });
+            const currentStates = null !== (_e = null === (_d = e.target) || void 0 === _d ? void 0 : _d.currentStates) && void 0 !== _e ? _e : [],
+              labels = this._isCollectionBase ? [...this._graphicToText.values()] : [this._graphicToText.get(e.target)];
+            this.updateStatesOfLabels(labels, currentStates);
           }
         };
       }
@@ -32695,7 +32703,7 @@
         let data = this.attribute.data;
         isFunction$1(dataFilter) && (data = dataFilter(data));
         let labels = this._initText(data);
-        labels = isFunction$1(customLayoutFunc) ? customLayoutFunc(data, labels, this.getRelatedGraphic.bind(this), this._isCollectionBase ? d => this._idToPoint.get(d.id) : null) : this._layout(labels), isFunction$1(customOverlapFunc) ? labels = customOverlapFunc(labels, this.getRelatedGraphic.bind(this), this._isCollectionBase ? d => this._idToPoint.get(d.id) : null) : !1 !== overlap && (labels = this._overlapping(labels)), labels && labels.length && labels.forEach(label => {
+        labels = isFunction$1(customLayoutFunc) ? customLayoutFunc(data, labels, this.getRelatedGraphic.bind(this), this._isCollectionBase ? d => this._idToPoint.get(d.id) : null) : this._layout(labels), isFunction$1(customOverlapFunc) ? labels = customOverlapFunc(labels, this.getRelatedGraphic.bind(this), this._isCollectionBase ? d => this._idToPoint.get(d.id) : null) : !1 !== overlap && (labels = this._overlapping(labels)), isFunction$1(this.attribute.onAfterOverlapping) && this.attribute.onAfterOverlapping(labels, this.getRelatedGraphic.bind(this), this._isCollectionBase ? d => this._idToPoint.get(d.id) : null), labels && labels.length && labels.forEach(label => {
           this._bindEvent(label), this._setStatesOfText(label);
         }), !1 !== smartInvert && this._smartInvert(labels), this._renderLabels(labels);
       }
@@ -32887,7 +32895,7 @@
           }
           !hasPlace && !hideOnHit && result.push(text);
         }
-        return isFunction$1(this.onAfterLabelOverlap) && this.onAfterLabelOverlap(bitmap), result;
+        return result;
       }
       getBaseMarkGroup() {
         const {
@@ -32926,7 +32934,10 @@
       }
       _renderWithAnimation(labels) {
         var _a;
-        const currentTextMap = new Map(),
+        const {
+            syncState: syncState
+          } = this.attribute,
+          currentTextMap = new Map(),
           prevTextMap = this._graphicToText || new Map(),
           texts = [],
           labelLines = [],
@@ -32934,12 +32945,18 @@
             visible: showLabelLine
           } = null !== (_a = this.attribute.line) && void 0 !== _a ? _a : {};
         labels && labels.forEach((text, index) => {
+          var _a;
           const relatedGraphic = this.getRelatedGraphic(text.attribute),
             textId = text.attribute.id,
             textKey = this._isCollectionBase ? textId : relatedGraphic,
             state = (null == prevTextMap ? void 0 : prevTextMap.get(textKey)) ? "update" : "enter";
           let labelLine;
-          if (showLabelLine && (labelLine = this._createLabelLine(text, relatedGraphic)), "enter" === state) {
+          if (showLabelLine && (labelLine = this._createLabelLine(text, relatedGraphic)), syncState && this.updateStatesOfLabels([labelLine ? {
+            text: text,
+            labelLine: labelLine
+          } : {
+            text: text
+          }], null !== (_a = relatedGraphic.currentStates) && void 0 !== _a ? _a : []), "enter" === state) {
             if (texts.push(text), currentTextMap.set(textKey, labelLine ? {
               text: text,
               labelLine: labelLine
@@ -32975,17 +32992,26 @@
       }
       _renderWithOutAnimation(labels) {
         var _a;
-        const currentTextMap = new Map(),
+        const {
+            syncState: syncState
+          } = this.attribute,
+          currentTextMap = new Map(),
           prevTextMap = this._graphicToText || new Map(),
           {
             visible: showLabelLine
           } = null !== (_a = this.attribute.line) && void 0 !== _a ? _a : {};
         labels && labels.forEach(text => {
+          var _a;
           const relatedGraphic = this.getRelatedGraphic(text.attribute),
             state = (null == prevTextMap ? void 0 : prevTextMap.get(relatedGraphic)) ? "update" : "enter",
             textKey = this._isCollectionBase ? text.attribute.id : relatedGraphic;
           let labelLine;
-          if (showLabelLine && (labelLine = this._createLabelLine(text, relatedGraphic)), "enter" === state) currentTextMap.set(textKey, labelLine ? {
+          if (showLabelLine && (labelLine = this._createLabelLine(text, relatedGraphic)), syncState && this.updateStatesOfLabels([labelLine ? {
+            text: text,
+            labelLine: labelLine
+          } : {
+            text: text
+          }], null !== (_a = relatedGraphic.currentStates) && void 0 !== _a ? _a : []), "enter" === state) currentTextMap.set(textKey, labelLine ? {
             text: text,
             labelLine: labelLine
           } : {
@@ -32998,6 +33024,11 @@
           this.removeChild(label.text), label.labelLine && this.removeChild(label.labelLine);
         }), this._graphicToText = currentTextMap;
       }
+      updateStatesOfLabels(labels, currentStates) {
+        labels.forEach(label => {
+          label && (label.text && label.text.useStates(currentStates), label.labelLine && label.labelLine.useStates(currentStates));
+        });
+      }
       _syncStateWithRelatedGraphic(relatedGraphic) {
         this.attribute.syncState && relatedGraphic.on("afterAttributeUpdate", this._handleRelatedGraphicSetState);
       }
@@ -33266,11 +33297,14 @@
           textBoundsArray = labels.map(label => this.getGraphicBounds(label)),
           ellipsisLabelAttribute = Object.assign(Object.assign({}, this.attribute.textStyle), {
             text: "…"
-          }),
-          ellipsisText = this._createLabelText(ellipsisLabelAttribute),
-          ellipsisTextBounds = this.getGraphicBounds(ellipsisText),
-          ellipsisWidth = ellipsisTextBounds.x2 - ellipsisTextBounds.x1,
-          data = labels.map(label => label.attribute),
+          });
+        let ellipsisWidth = 1 / 0;
+        if (!1 !== ellipsisLabelAttribute.ellipsis) {
+          const ellipsisText = this._createLabelText(ellipsisLabelAttribute),
+            ellipsisTextBounds = this.getGraphicBounds(ellipsisText);
+          ellipsisWidth = ellipsisTextBounds.x2 - ellipsisTextBounds.x1;
+        }
+        const data = labels.map(label => label.attribute),
           arcs = this.layoutArcLabels(this.attribute.position, this.attribute, Array.from(this._idToGraphic.values()), data, textBoundsArray, ellipsisWidth);
         for (let i = 0; i < data.length; i++) {
           const textData = data[i],
@@ -57255,7 +57289,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             reMake: merge('reMake'),
             reRender: merge('reRender'),
             reSize: merge('reSize'),
-            reTransformSpec: merge('reTransformSpec')
+            reTransformSpec: merge('reTransformSpec'),
+            changeTheme: merge('changeTheme')
         });
         return target;
     }
@@ -61061,7 +61096,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._dataSet;
         }
         constructor(spec, options) {
-            var _a, _b, _c, _d, _e, _f, _g;
+            var _a, _b, _c, _d, _e, _f;
             this.id = createID();
             this._userEvents = [];
             this._autoSize = true;
@@ -61081,7 +61116,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }, 100);
             this._option = merge$2(this._option, { animation: spec.animation !== false }, options);
             this._onError = (_a = this._option) === null || _a === void 0 ? void 0 : _a.onError;
-            const _h = this._option, { dom, renderCanvas, mode, stage, poptip } = _h, restOptions = __rest$7(_h, ["dom", "renderCanvas", "mode", "stage", "poptip"]);
+            const _g = this._option, { dom, renderCanvas, mode, stage, poptip } = _g, restOptions = __rest$7(_g, ["dom", "renderCanvas", "mode", "stage", "poptip"]);
             const isTrueBrowseEnv = isTrueBrowser(mode);
             if (isTrueBrowseEnv && dom) {
                 this._container = isString$1(dom) ? document === null || document === void 0 ? void 0 : document.getElementById(dom) : dom;
@@ -61115,11 +61150,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._eventDispatcher = new EventDispatcher(this, this._compiler);
             this._event = new Event$1(this._eventDispatcher, mode);
             this._compiler.initView();
-            (_d = this.getStage()) === null || _d === void 0 ? void 0 : _d.setTheme({
-                text: { fontFamily: (_e = this._currentTheme) === null || _e === void 0 ? void 0 : _e.fontFamily }
-            });
+            this._setFontFamilyTheme((_d = this._currentTheme) === null || _d === void 0 ? void 0 : _d.fontFamily);
             this._initDataSet(this._option.dataSet);
-            this._autoSize = isTrueBrowseEnv ? (_g = (_f = spec.autoFit) !== null && _f !== void 0 ? _f : this._option.autoFit) !== null && _g !== void 0 ? _g : true : false;
+            this._autoSize = isTrueBrowseEnv ? (_f = (_e = spec.autoFit) !== null && _e !== void 0 ? _e : this._option.autoFit) !== null && _f !== void 0 ? _f : true : false;
             this._bindResizeEvent();
             this._bindVGrammarViewEvent();
             this._initChartPlugin();
@@ -61304,6 +61337,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._chartSpecTransformer = null;
                 (_a = this._chart) === null || _a === void 0 ? void 0 : _a.release();
                 this._chart = null;
+                if (updateResult.changeTheme) {
+                    this._setCurrentTheme();
+                }
                 (_b = this._compiler) === null || _b === void 0 ? void 0 : _b.releaseGrammar(((_c = this._option) === null || _c === void 0 ? void 0 : _c.animation) === false || ((_d = this._spec) === null || _d === void 0 ? void 0 : _d.animation) === false);
                 this._userEvents.forEach(e => { var _a; return (_a = this._event) === null || _a === void 0 ? void 0 : _a.on(e.eType, e.query, e.handler); });
                 if (updateResult.reSize) {
@@ -61311,6 +61347,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 }
             }
             else {
+                if (updateResult.changeTheme) {
+                    this._setCurrentTheme();
+                }
                 if (updateResult.reCompile) {
                     (_e = this._compiler) === null || _e === void 0 ? void 0 : _e.clear({ chart: this._chart, vChart: this }, !this._option.animation || !this._spec.animation);
                     (_f = this._compiler) === null || _f === void 0 ? void 0 : _f.compile({ chart: this._chart, vChart: this }, {});
@@ -61570,31 +61609,31 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         _updateSpec(spec, forceMerge = false, userUpdateOptions) {
             var _a, _b;
             const lastSpec = this._spec;
+            const result = {
+                reTransformSpec: false,
+                change: false,
+                reMake: false,
+                reCompile: false,
+                reSize: false,
+                changeTheme: false
+            };
             if (!this._setNewSpec(spec, forceMerge)) {
                 return undefined;
             }
             if (!isEqual$1(lastSpec.theme, this._spec.theme)) {
-                this._setCurrentTheme();
+                result.changeTheme = true;
             }
             const reSize = this._shouldChartResize(lastSpec);
+            result.reSize = reSize;
             (_b = (_a = this._compiler) === null || _a === void 0 ? void 0 : _a.getVGrammarView()) === null || _b === void 0 ? void 0 : _b.updateLayoutTag();
             if (this._spec.type !== lastSpec.type) {
-                return {
-                    reTransformSpec: true,
-                    change: true,
-                    reMake: true,
-                    reCompile: false,
-                    reSize: reSize
-                };
+                result.reMake = true;
+                result.reTransformSpec = true;
+                result.change = true;
+                return result;
             }
             this._initChartSpec(this._spec, 'render');
-            const res = mergeUpdateResult(this._chart.updateSpec(this._spec), {
-                reTransformSpec: false,
-                change: reSize,
-                reMake: false,
-                reCompile: false,
-                reSize
-            });
+            const res = mergeUpdateResult(this._chart.updateSpec(this._spec), result);
             return userUpdateOptions
                 ? Object.assign(Object.assign({}, res), userUpdateOptions) : res;
         }
@@ -61827,11 +61866,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return this._currentThemeName;
         }
         setCurrentTheme(name) {
+            var _a;
             return __awaiter$7(this, void 0, void 0, function* () {
                 if (!ThemeManager.themeExist(name)) {
                     return this;
                 }
                 const result = this._setCurrentTheme(name);
+                this._setFontFamilyTheme((_a = this._currentTheme) === null || _a === void 0 ? void 0 : _a.fontFamily);
                 yield this.updateCustomConfigAndRerender(result, false, {
                     transformSpec: false,
                     actionSource: 'setCurrentTheme'
@@ -61840,10 +61881,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             });
         }
         setCurrentThemeSync(name) {
+            var _a;
             if (!ThemeManager.themeExist(name)) {
                 return this;
             }
             const result = this._setCurrentTheme(name);
+            this._setFontFamilyTheme((_a = this._currentTheme) === null || _a === void 0 ? void 0 : _a.fontFamily);
             this.updateCustomConfigAndRerender(result, true, {
                 transformSpec: false,
                 actionSource: 'setCurrentTheme'
@@ -61857,6 +61900,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             (_a = this._chart) === null || _a === void 0 ? void 0 : _a.setCurrentTheme();
             return { change: true, reMake: false };
         }
+        _setFontFamilyTheme(fontFamily) {
+            var _a;
+            if (!fontFamily) {
+                return;
+            }
+            (_a = this.getStage()) === null || _a === void 0 ? void 0 : _a.setTheme({ text: { fontFamily } });
+        }
         _getTooltipComponent() {
             var _a;
             const tooltip = (_a = this._chart) === null || _a === void 0 ? void 0 : _a.getComponentsByType(ComponentTypeEnum.tooltip)[0];
@@ -66479,7 +66529,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerComponentPlugin(CanvasTooltipHandler);
     };
 
-    const version = "1.11.7";
+    const version = "1.11.9";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -67262,11 +67312,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             }
         }
         getRawDataStatisticsByField(field, isNumeric) {
-            var _a, _b;
+            var _a, _b, _c;
             if (!this._rawStatisticsCache) {
                 this._rawStatisticsCache = {};
             }
-            if (!this._rawStatisticsCache[field]) {
+            if (!this._rawStatisticsCache[field] ||
+                (isNumeric && (isNil$1(this._rawStatisticsCache[field].min) || isNil$1(this._rawStatisticsCache[field].max))) ||
+                (!isNumeric && isNil$1(this._rawStatisticsCache[field].values))) {
                 const canUseViewStatistics = this._viewDataStatistics &&
                     (!this._viewDataFilter || this._viewDataFilter.transformsArr.length <= 1) &&
                     this.getViewData().transformsArr.length <= 1;
@@ -67286,16 +67338,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         }
                     }
                     else {
-                        this._rawStatisticsCache[field] = dimensionStatisticsOfSimpleData(this._rawData.latestData, [
+                        const result = dimensionStatisticsOfSimpleData(this._rawData.latestData, [
                             { key: field, operations: isNumeric ? ['min', 'max'] : ['values'] }
                         ])[field];
+                        this._rawStatisticsCache[field] = merge$2((_c = this._rawStatisticsCache[field]) !== null && _c !== void 0 ? _c : {}, result);
                     }
                 }
             }
-            if (isNumeric && (isNil$1(this._rawStatisticsCache[field].min) || isNil$1(this._rawStatisticsCache[field].max))) {
-                this._rawStatisticsCache[field].min = minInArray(this._rawStatisticsCache[field].values);
-                this._rawStatisticsCache[field].max = maxInArray(this._rawStatisticsCache[field].values);
-            }
             return this._rawStatisticsCache[field];
         }
         _statisticViewData() {
@@ -72225,6 +72274,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             const componentCache = {};
             this._components.forEach(c => {
                 var _a, _b;
+                if (c.type === ComponentTypeEnum.label || c.type === ComponentTypeEnum.totalLabel) {
+                    return;
+                }
                 const compSpecKey = c.specKey || c.type;
                 const cmpSpec = (_a = this._spec[compSpecKey]) !== null && _a !== void 0 ? _a : {};
                 if (isArray$1(cmpSpec)) {
@@ -76250,7 +76302,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         _transformLabelSpec(spec) {
             this._addMarkLabelSpec(spec, "bar");
-            this._addMarkLabelSpec(spec, "bar", 'stackLabel');
+            this._addMarkLabelSpec(spec, "bar", 'stackLabel', 'initStackLabelMarkStyle');
         }
     }
 
@@ -76653,6 +76705,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 this._labelMark = labelMark;
                 return;
             }
+        }
+        initStackLabelMarkStyle(labelMark) {
+            if (!labelMark) {
+                return;
+            }
             this._stackLabelMark = labelMark;
             labelMark.skipEncode = true;
             labelMark.setRule('stackLabel');
@@ -79506,15 +79563,12 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         onBind() {
             const { angle: fromAngle, radius: fromRadius } = this._pointToCoord(this.from);
-            if (!isValidNumber$1(fromAngle * fromRadius)) {
-                this.valid = false;
-            }
-            this._fromAngle = fromAngle;
-            this._fromRadius = fromRadius;
             const { angle: toAngle, radius: toRadius } = this._pointToCoord(this.to);
             if (!isValidNumber$1(toAngle * toRadius)) {
                 this.valid = false;
             }
+            this._fromAngle = isValidNumber$1(fromAngle) ? fromAngle : toAngle;
+            this._fromRadius = isValidNumber$1(fromRadius) ? fromRadius : toRadius;
             this._toAngle = toAngle;
             this._toRadius = toRadius;
             if (isClose(this._fromAngle, this._toAngle) && isClose(this._fromRadius, this._toRadius)) {
@@ -79523,6 +79577,8 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         onUpdate(end, ratio, out) {
             if (this.valid === false) {
+                out.x = this.to.x;
+                out.y = this.to.y;
                 return;
             }
             if (end) {
@@ -86483,20 +86539,21 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         const isStartGap = "start" === this.options.gapPosition,
           isMiddleGap = !isStartGap && "end" !== this.options.gapPosition,
-          getNodeHeight = isNumber$1(this.options.nodeHeight) ? node => this.options.nodeHeight : isFunction$1(this.options.nodeHeight) ? this.options.nodeHeight : forceNodeHeight > 0 ? node => forceNodeHeight : node => Math.max(node.value * ky, minNodeHeight, 0),
+          getNodeHeight = isNumber$1(this.options.nodeHeight) ? node => this.options.nodeHeight : isFunction$1(this.options.nodeHeight) ? this.options.nodeHeight : forceNodeHeight > 0 ? node => forceNodeHeight : node => Math.max(node.value * ky, 0),
           getLinkHeight = isNumber$1(this.options.linkHeight) ? () => this.options.linkHeight : isFunction$1(this.options.linkHeight) ? this.options.linkHeight : (link, sourceNode, sourceNodeHeight) => Math.max(sourceNode.value ? sourceNodeHeight * linkClampe(link.value / sourceNode.value) : 0, minLinkHeight, 0);
         for (let i = 0, columnCount = columns.length; i < columnCount; i++) {
           const nodes = columns[i];
           if (!nodes || !nodes.length) continue;
           let y = this._viewBox.y0,
             gapY = 0,
-            nodeHeight = 0;
+            nodeHeight = 0,
+            calculatedNodeHeight = 0;
           for (let j = 0, len = nodes.length; j < len; j++) {
             const node = nodes[j];
-            gapY = getGapY(node), isStartGap && (y += gapY), nodeHeight = getNodeHeight(node), node.y0 = y, node.y1 = y + nodeHeight, y = isStartGap ? node.y1 : node.y1 + gapY;
+            gapY = getGapY(node), isStartGap && (y += gapY), calculatedNodeHeight = getNodeHeight(node), nodeHeight = Math.max(calculatedNodeHeight, minNodeHeight), node.y0 = y, node.y1 = y + nodeHeight, y = isStartGap ? node.y1 : node.y1 + gapY;
             for (let k = 0, linkLen = node.sourceLinks.length; k < linkLen; k++) {
               const link = node.sourceLinks[k];
-              link.thickness = getLinkHeight(link, node, nodeHeight);
+              link.thickness = getLinkHeight(link, node, calculatedNodeHeight);
             }
           }
           let deltaY = this._viewBox.y1 - y + (isMiddleGap ? gapY : 0);
@@ -93556,8 +93613,11 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             return false;
         }
         _initTheme(spec, chartSpec) {
+            var _a;
             const { spec: newSpec, theme } = super._initTheme(spec, chartSpec);
             newSpec.style = mergeSpec({}, this._theme, newSpec.style);
+            newSpec.offset = mergeSpec({}, theme.offset, spec.offset);
+            newSpec.transitionDuration = (_a = spec.transitionDuration) !== null && _a !== void 0 ? _a : theme.transitionDuration;
             return { spec: newSpec, theme };
         }
         _transformSpecAfterMergingTheme(spec, chartSpec, chartSpecInfo) {
@@ -93696,6 +93756,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 })) {
                     return false;
                 }
+                if (this._timer) {
+                    clearTimeout(this._timer);
+                }
                 let success;
                 if (useCache) {
                     success = !processor.showTooltip(this._cacheInfo, params, true);
@@ -93716,9 +93779,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                         this._clickLock = true;
                     }
                     else if (Number.isFinite(this._spec.hideTimer)) {
-                        if (this._timer) {
-                            clearTimeout(this._timer);
-                        }
                         this._timer = setTimeout(() => {
                             this._handleChartMouseOut();
                         }, this._spec.hideTimer);