@visactor/vchart 1.9.0 → 1.9.1

package/build/index.js

@@ -26841,20 +26841,15 @@
         storedAttrs: "sizeAttrs"
       }],
       [GrammarMarkType.text]: [{
-        channels: ["text", "limit", "autoLimit", "maxLineWidth"],
+        channels: ["text", "limit", "autoLimit", "maxLineWidth", "textType"],
         transform: (graphicAttributes, nextAttrs, storedAttrs) => {
-          var _a, _b, _c, _d;
+          var _a, _b;
           const limit = null !== (_a = storedAttrs.limit) && void 0 !== _a ? _a : 1 / 0,
             autoLimit = null !== (_b = storedAttrs.autoLimit) && void 0 !== _b ? _b : 1 / 0,
             maxWidth = Math.min(limit, autoLimit),
             isTextConfig = isPlainObject$1(storedAttrs.text) && !isNil$1(storedAttrs.text.text),
             text = isTextConfig ? storedAttrs.text.text : storedAttrs.text;
-          graphicAttributes.maxLineWidth = maxWidth === 1 / 0 ? storedAttrs.maxLineWidth : maxWidth, isTextConfig ? "html" === storedAttrs.text.type ? (graphicAttributes.html = {
-            dom: text,
-            width: null !== (_c = nextAttrs.width) && void 0 !== _c ? _c : maxWidth,
-            height: null !== (_d = nextAttrs.height) && void 0 !== _d ? _d : nextAttrs.fontSize,
-            anchorType: "position"
-          }, graphicAttributes.text = "") : "rich" === storedAttrs.text.type ? graphicAttributes.textConfig = text : graphicAttributes.text = text : graphicAttributes.text = text;
+          graphicAttributes.maxLineWidth = maxWidth === 1 / 0 ? storedAttrs.maxLineWidth : maxWidth, (isTextConfig || storedAttrs.textType) && ("rich" === storedAttrs.text.type || "rich" === storedAttrs.textType) ? graphicAttributes.textConfig = text : graphicAttributes.text = text;
         },
         storedAttrs: "limitAttrs"
       }],
@@ -26878,18 +26873,6 @@
           nextAttrs.image ? (graphicAttributes.background = nextAttrs.image, graphicAttributes.fill = !1) : storedAttrs.image ? (graphicAttributes.background = storedAttrs.image, graphicAttributes.fill = !1) : (graphicAttributes.fill = storedAttrs.fill, graphicAttributes.background = storedAttrs.background);
         },
         storedAttrs: "imageAttrs"
-      }],
-      [GrammarMarkType.richtext]: [{
-        channels: ["text", "textConfig"],
-        transform: (graphicAttributes, nextAttrs, storedAttrs) => {
-          var _a, _b, _c, _d;
-          graphicAttributes.text = null, "rich" === (null === (_a = nextAttrs.text) || void 0 === _a ? void 0 : _a.type) ? graphicAttributes.textConfig = nextAttrs.text.text : "html" === (null === (_b = nextAttrs.textConfig) || void 0 === _b ? void 0 : _b.type) ? (graphicAttributes.html = {
-            dom: nextAttrs.textConfig.text,
-            width: nextAttrs.width,
-            height: null !== (_c = nextAttrs.height) && void 0 !== _c ? _c : nextAttrs.fontSize,
-            anchorType: "position"
-          }, graphicAttributes.text = "") : "rich" === (null === (_d = nextAttrs.textConfig) || void 0 === _d ? void 0 : _d.type) ? graphicAttributes.textConfig = nextAttrs.textConfig.text : graphicAttributes.textConfig = nextAttrs.textConfig;
-        }
       }]
     };
     function cloneTransformAttributes(markType, attributes) {
@@ -44747,14 +44730,10 @@
 
     class Text extends Mark {
       addGraphicItem(initAttrs, groupKey) {
-        const textConfig = null == initAttrs ? void 0 : initAttrs.text,
-          isRich = "rich" === (null == textConfig ? void 0 : textConfig.type),
+        const originalAttrs = initAttrs && initAttrs.limitAttrs,
+          isRich = originalAttrs && ("rich" === originalAttrs.textType || originalAttrs.text && "rich" === originalAttrs.text.type),
           graphicItem = createGraphicItem(this, isRich ? GrammarMarkType.richtext : GrammarMarkType.text, initAttrs);
-        return isRich && (initAttrs.textConfig = []), super.addGraphicItem(initAttrs, groupKey, graphicItem);
-      }
-      getAttributeTransforms() {
-        var _a;
-        return "richtext" === (null === (_a = this.getGroupGraphicItem()) || void 0 === _a ? void 0 : _a.type) ? transformsByType.richtext : transformsByType.text;
+        return super.addGraphicItem(initAttrs, groupKey, graphicItem);
       }
       release() {
         super.release();
@@ -47457,7 +47436,7 @@
     const HIDE_KEY = "_mo_hide_";
     function reset(elements) {
       return elements.forEach(element => {
-        element.getGraphicAttribute("HIDE_KEY") && (element.setGraphicAttribute("visible", !0), element.setGraphicAttribute(HIDE_KEY, !1));
+        element.getGraphicAttribute(HIDE_KEY) && (element.setGraphicAttribute("visible", !0), element.setGraphicAttribute(HIDE_KEY, !1));
       }), elements;
     }
     function overlapX(elements, delta, deltaMul, useRadius) {
@@ -47519,7 +47498,7 @@
         } = options,
         handleOverlap = elements => {
           reset(elements);
-          const sortedElements = elements.slice().sort((a, b) => a.getGraphicAttribute("x") - b.getGraphicAttribute("x"));
+          const sortedElements = options.sort ? elements.slice().sort((a, b) => a.getGraphicAttribute("x") - b.getGraphicAttribute("x")) : elements;
           0 === direction ? overlapXY(sortedElements, delta, deltaMul, radius) : 1 === direction ? overlapX(sortedElements, delta, deltaMul, radius) : overlapY(sortedElements, delta, deltaMul, radius);
         };
       if (groupBy) {
@@ -48366,11 +48345,17 @@
       }
     };
 
+    const BUILT_IN_EXCLUDE_CHANNELS = {
+      symbol: ["_mo_hide_", "visible"]
+    };
     const update = (element, options, animationParameters) => {
       const from = Object.assign({}, element.getPrevGraphicAttributes()),
         to = Object.assign({}, element.getNextGraphicAttributes());
+      let excludeChannels;
       return options && array(options.excludeChannels).forEach(key => {
         delete from[key], delete to[key];
+      }), element.mark && element.mark.markType && (excludeChannels = BUILT_IN_EXCLUDE_CHANNELS[element.mark.markType]) && excludeChannels.forEach(key => {
+        delete from[key], delete to[key];
       }), Object.keys(to).forEach(key => {
         isEqual(key, from, to) && (delete from[key], delete to[key]);
       }), {
@@ -51908,37 +51893,54 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const viewData = (_a = series.getViewData()) === null || _a === void 0 ? void 0 : _a.latestData;
                     if (dimensionField && viewData) {
                         if (isDiscreteAxis) {
+                            const datums = [];
+                            const datumIdList = [];
+                            viewData.forEach((datum, i) => {
+                                var _a;
+                                if (((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString())) {
+                                    datums.push(datum);
+                                    datumIdList.push(i);
+                                }
+                            });
                             data.push({
                                 series,
-                                datum: viewData.filter((datum) => { var _a; return ((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString()); })
+                                datum: datums,
+                                key: getDimensionDataKey(series, datumIdList)
                             });
                         }
                         else {
                             if (isValid$1(dimensionField[1])) {
-                                data.push({
-                                    series,
-                                    datum: viewData.filter((datum) => {
-                                        var _a;
-                                        if (((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString())) {
-                                            return true;
-                                        }
-                                        return (isValid$1(datum[dimensionField[0]]) &&
+                                const datums = [];
+                                const datumIdList = [];
+                                viewData.forEach((datum, i) => {
+                                    var _a;
+                                    if (((_a = datum[dimensionField[0]]) === null || _a === void 0 ? void 0 : _a.toString()) === (value === null || value === void 0 ? void 0 : value.toString()) ||
+                                        (isValid$1(datum[dimensionField[0]]) &&
                                             isValid$1(datum[dimensionField[1]]) &&
                                             value >= datum[dimensionField[0]] &&
-                                            value < datum[dimensionField[1]]);
-                                    })
+                                            value < datum[dimensionField[1]])) {
+                                        datums.push(datum);
+                                        datumIdList.push(i);
+                                    }
+                                });
+                                data.push({
+                                    series,
+                                    datum: datums,
+                                    key: getDimensionDataKey(series, datumIdList)
                                 });
                             }
                             else {
                                 const range = axis.getSpec().tooltipFilterRange;
                                 const rangeArr = (isValidNumber$1(range) ? [-range, range] : range);
                                 let datums = [];
+                                let datumIdList = [];
                                 if (rangeArr) {
-                                    viewData.forEach((datum) => {
+                                    viewData.forEach((datum, i) => {
                                         if (isValid$1(datum[dimensionField[0]])) {
                                             const delta = datum[dimensionField[0]] - value;
                                             if (delta >= rangeArr[0] && delta <= rangeArr[1]) {
                                                 datums.push(datum);
+                                                datumIdList.push(i);
                                             }
                                         }
                                     });
@@ -51946,24 +51948,27 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                                 else {
                                     let minDelta = Infinity;
                                     let deltaSign = 0;
-                                    viewData.forEach((datum) => {
+                                    viewData.forEach((datum, i) => {
                                         if (isValid$1(datum[dimensionField[0]])) {
                                             const delta = Math.abs(datum[dimensionField[0]] - value);
                                             const sign = Math.sign(datum[dimensionField[0]] - value);
                                             if (delta < minDelta) {
                                                 minDelta = delta;
                                                 datums = [datum];
+                                                datumIdList = [i];
                                                 deltaSign = sign;
                                             }
                                             else if (delta === minDelta && sign === deltaSign) {
                                                 datums.push(datum);
+                                                datumIdList.push(i);
                                             }
                                         }
                                     });
                                 }
                                 data.push({
                                     series,
-                                    datum: datums
+                                    datum: datums,
+                                    key: getDimensionDataKey(series, datumIdList)
                                 });
                             }
                         }
@@ -51973,6 +51978,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         }
         return data;
     };
+    const getDimensionDataKey = (series, datumIdList) => `${series.id}_${datumIdList.join('_')}`;
     const getAxis = (chart, filter, pos) => {
         const axesComponents = chart
             .getAllComponents()
@@ -55113,6 +55119,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             this._trigger.init();
         }
         initInteraction() {
+            if (this._option.disableTriggerEvent) {
+                return;
+            }
             this._series.forEach(s => {
                 s.getMarksWithoutRoot().forEach(m => {
                     for (const key in STATE_VALUE_ENUM_REVERSE) {
@@ -58727,7 +58736,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         registerChartPlugin(MediaQuery);
     };
 
-    const version = "1.9.0";
+    const version = "1.9.1";
 
     const addVChartProperty = (data, op) => {
         const context = op.beforeCall();
@@ -59523,7 +59532,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (hasAnimation) {
                 this.initAnimation();
             }
-            this.initInteraction();
+            if (!this._option.disableTriggerEvent) {
+                this.initInteraction();
+            }
             this.afterInitMark();
             this.initEvent();
             this.event.emit(exports.ChartEvent.afterInitEvent, { model: this });
@@ -80760,7 +80771,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!targetAxis) {
                 return;
             }
-            axis.event.on(exports.ChartEvent.scaleDomainUpdate, { filter: ({ model }) => model.id === axis.id }, () => {
+            axis.event.on(exports.ChartEvent.scaleDomainUpdate, { filter: ({ model }) => model.id === axis.id || model.id === targetAxis.id }, () => {
                 zeroAlign(targetAxis, axis);
             });
         }
@@ -81288,13 +81299,13 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     const isX = isXAxis(this.getOrient());
                     const isValidAxis = (item) => {
                         var _a;
-                        return (isX ? !isXAxis(item.getOrient()) : isXAxis(item.getOrient())) &&
+                        return ((isX ? !isXAxis(item.getOrient()) : isXAxis(item.getOrient())) &&
                             isContinuous(item.getScale().type) &&
-                            item.getTickData()
-                            ? (_a = item
-                                .getTickData()
-                                .getLatestData()) === null || _a === void 0 ? void 0 : _a.find((d) => d.value === 0)
-                            : item.getScale().ticks().includes(0);
+                            (item.getTickData()
+                                ? (_a = item
+                                    .getTickData()
+                                    .getLatestData()) === null || _a === void 0 ? void 0 : _a.find((d) => d.value === 0)
+                                : item.getScale().domain()[0] <= 0 && item.getScale().domain()[1] >= 0));
                     };
                     const relativeAxes = axesComponents.filter(item => isValidAxis(item));
                     if (relativeAxes.length) {
@@ -82914,19 +82925,6 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
         getInnerRadius() {
             return this.computeLayoutInnerRadius();
         }
-        tickValues() {
-            const tickData = this.getTickData();
-            if (tickData) {
-                const latestData = tickData.getLatestData();
-                if (latestData && !isArray$1(latestData)) {
-                    this.computeData('force');
-                }
-                else {
-                    return latestData || [];
-                }
-            }
-            return this._scale.ticks();
-        }
         updateLayoutAttribute() {
             if (this._visible) {
                 if (this.getOrient() === 'radius') {
@@ -82990,7 +82988,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     text: this._spec.title.text || this._dataFieldText
                 }, items, orient: 'radius' });
             if ((_a = this._spec.grid) === null || _a === void 0 ? void 0 : _a.visible) {
-                attrs.grid = Object.assign({ items: items[0], type: ((_b = this._spec.grid) === null || _b === void 0 ? void 0 : _b.smooth) ? 'circle' : 'polygon', center, closed: true, sides: (_c = this._getRelatedAngleAxis()) === null || _c === void 0 ? void 0 : _c.tickValues().length, startAngle: this._startAngle, endAngle: this._endAngle }, commonAttrs);
+                attrs.grid = Object.assign({ items: items[0], type: ((_b = this._spec.grid) === null || _b === void 0 ? void 0 : _b.smooth) ? 'circle' : 'polygon', center, closed: true, sides: (_c = this._getRelatedAngleAxis()) === null || _c === void 0 ? void 0 : _c.getScale().domain().length, startAngle: this._startAngle, endAngle: this._endAngle }, commonAttrs);
             }
             this._update(attrs);
         }
@@ -84292,6 +84290,18 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                     return axis.getOrient() === 'bottom' || axis.getOrient() === 'top';
                 });
                 targetDimensionInfo = dimensionAxisInfo.length ? dimensionAxisInfo : targetDimensionInfo.slice(0, 1);
+                if (targetDimensionInfo.length > 1) {
+                    const dimensionDataKeySet = new Set();
+                    targetDimensionInfo.forEach(info => {
+                        info.data = info.data.filter(({ key }) => {
+                            if (dimensionDataKeySet.has(key)) {
+                                return false;
+                            }
+                            dimensionDataKeySet.add(key);
+                            return true;
+                        });
+                    });
+                }
             }
             return targetDimensionInfo;
         }
@@ -86018,7 +86028,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
                 endAngle: 0,
                 innerRadius: 0,
                 visible: false,
-                sides: series.angleAxisHelper.getScale(0).ticks().length,
+                sides: series.angleAxisHelper.getScale(0).domain().length,
                 label: { visible: false, text: '', offset: 0 }
             };
             if (this._angleHair) {
@@ -90601,11 +90611,23 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!this._spec) {
                 return;
             }
+            const series = this._option && this._option.getAllSeries();
+            const depend = [];
+            if (series && series.length) {
+                series.forEach(s => {
+                    const marks = s && s.getMarksWithoutRoot();
+                    if (marks && marks.length) {
+                        marks.forEach(mark => {
+                            depend.push(mark);
+                        });
+                    }
+                });
+            }
             this._spec.forEach((m, i) => {
-                this._createExtensionMark(m, null, `${PREFIX}_series_${this.id}_extensionMark`, i);
+                this._createExtensionMark(m, null, `${PREFIX}_series_${this.id}_extensionMark`, i, { depend });
             });
         }
-        _createExtensionMark(spec, parentMark, namePrefix, index) {
+        _createExtensionMark(spec, parentMark, namePrefix, index, options) {
             var _a;
             const mark = this._createMark({
                 type: spec.type,
@@ -90618,6 +90640,9 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (!mark) {
                 return;
             }
+            if (options.depend && options.depend.length) {
+                mark.setDepend(...options.depend);
+            }
             if (isNil$1(parentMark)) {
                 this._marks.addMark(mark);
             }
@@ -90628,7 +90653,7 @@ C0.3-1.4,0.3-1.4,0.3-1.4z;`;
             if (spec.type === 'group') {
                 namePrefix = `${namePrefix}_${index}`;
                 (_a = spec.children) === null || _a === void 0 ? void 0 : _a.forEach((s, i) => {
-                    this._createExtensionMark(s, mark, namePrefix, i);
+                    this._createExtensionMark(s, mark, namePrefix, i, options);
                 });
             }
             if (isValid$1(spec.dataId) || isValidNumber$1(spec.dataIndex)) {