tvcharts 0.6.10 → 0.6.12

package/dist/echarts.js

@@ -16126,6 +16126,7 @@ var BUILTIN_CHARTS_MAP = {
   lines: "LinesChart",
   linesPlot: "LinesPlotChart",
   hlines: "HLinesChart",
+  bgcolor: "BgColorChart",
   heatmap: "HeatmapChart",
   pictorialBar: "PictorialBarChart",
   themeRiver: "ThemeRiverChart",
@@ -54470,7 +54471,9 @@ HLineSeriesModel.defaultOption = {
   universalTransition: {
     divideShape: "clone"
   },
-  triggerLineEvent: false
+  triggerLineEvent: false,
+  notFilterData: true,
+  statusLineInvisible: true
 };
 var HLinesSeries_default = HLineSeriesModel;
 
@@ -54558,7 +54561,202 @@ function install25(registers) {
   registers.registerChartView(HLinesView_default);
   registers.registerSeriesModel(HLinesSeries_default);
   registers.registerLayout(hLinesLayout_default);
-  console.log("chart install");
+}
+
+// src/chart/bgColor/BgColorSeries.ts
+var BgColorSeriesModel2 = class extends Series_default {
+  constructor() {
+    super(...arguments);
+    this.type = BgColorSeriesModel2.type;
+  }
+  getInitialData(option) {
+    if (true) {
+      const coordSys = option.coordinateSystem;
+      if (coordSys !== "cartesian2d") {
+        throw new Error("BgColor not support coordinateSystem besides cartesian");
+      }
+    }
+    return createSeriesData_default(null, this, {
+      useEncodeDefaulter: true
+    });
+  }
+};
+var BgColorSeriesModel = BgColorSeriesModel2;
+BgColorSeriesModel.type = "series.bgcolor";
+BgColorSeriesModel.dependencies = ["grid"];
+BgColorSeriesModel.defaultOption = {
+  z: 1,
+  coordinateSystem: "cartesian2d",
+  legendHoverLink: true,
+  clip: true,
+  animationEasing: "linear",
+  progressive: 0,
+  hoverLayerThreshold: Infinity,
+  universalTransition: {
+    divideShape: "clone"
+  },
+  triggerLineEvent: false,
+  statusLineInvisible: true
+};
+var BgColorSeries_default = BgColorSeriesModel;
+
+// src/chart/bgColor/BgColorPath.ts
+var BgColorShape = class {
+  constructor() {
+    this.points = [];
+    this.isLine = false;
+  }
+};
+var BgColorPath = class extends Path_default {
+  constructor(opts) {
+    super(opts);
+    this.type = "BarPlot";
+  }
+  getDefaultStyle() {
+    return {
+      stroke: "transparent",
+      fill: "#000"
+    };
+  }
+  getDefaultShape() {
+    return new BgColorShape();
+  }
+  buildPath(ctx, shape) {
+    const {points: points4, isLine} = shape;
+    if (isLine) {
+      for (let index = 0; index < points4.length; index++) {
+        const point = points4[index];
+        const {x, y, height} = point;
+        ctx.moveTo(x, y);
+        ctx.lineTo(x, y + height);
+      }
+    } else {
+      for (let index = 0; index < points4.length; index++) {
+        const point = points4[index];
+        const {x, y, width, height} = point;
+        ctx.rect(x, y, width, height);
+      }
+    }
+  }
+};
+var BgColorPath_default = BgColorPath;
+
+// src/chart/bgColor/BgColorView.ts
+var BgColorView2 = class extends Chart_default {
+  constructor() {
+    super(...arguments);
+    this.type = BgColorView2.type;
+  }
+  render(seriesModel, ecModel, api2) {
+    const data = seriesModel.getData();
+    const rectsByColor = data.getLayout("rectsByColor");
+    if (!this._bgColorGroup) {
+      this._bgColorGroup = new Group_default();
+      this.group.add(this._bgColorGroup);
+    } else {
+      this._bgColorGroup.removeAll();
+    }
+    const bgColorGroup = this._bgColorGroup;
+    const width = Math.ceil(seriesModel.coordinateSystem.getBaseAxis().scale.barSpace);
+    const isLine = width <= 4;
+    each(rectsByColor, function(rects, color2) {
+      const el = new BgColorPath_default({
+        shape: {
+          points: rects,
+          isLine
+        },
+        style: {
+          fill: isLine ? null : color2,
+          stroke: isLine ? color2 : "transparent",
+          lineWidth: isLine ? width : void 0
+        }
+      });
+      bgColorGroup.add(el);
+    });
+    const clipPath = seriesModel.get("clip", true) && createClipPath(seriesModel.coordinateSystem, false, seriesModel);
+    if (clipPath) {
+      this.group.setClipPath(clipPath);
+    } else {
+      this.group.removeClipPath();
+    }
+  }
+  eachRendered(cb) {
+    traverseElements(this._bgColorGroup, cb);
+  }
+  remove(ecModel, api2) {
+    this.group.remove(this._bgColorGroup);
+  }
+  dispose(ecModel, api2) {
+    this.remove(ecModel, api2);
+  }
+};
+var BgColorView = BgColorView2;
+BgColorView.type = "bgcolor";
+var BgColorView_default = BgColorView;
+
+// src/chart/bgColor/BgColorLayout.ts
+function getHeight(seriesModel) {
+  const coordSys = seriesModel.coordinateSystem;
+  const yAxis = coordSys.getAxis("y");
+  const [start2, end2] = yAxis.getExtent();
+  return {
+    height: end2 - start2,
+    startY: yAxis.toGlobalCoord(end2)
+  };
+}
+var bgColorLayout = {
+  seriesType: "bgcolor",
+  plan: createRenderPlanner(),
+  reset: function(seriesModel) {
+    const coordSys = seriesModel.coordinateSystem;
+    if (!coordSys) {
+      if (true) {
+        error("The lines series must have a coordinate system.");
+      }
+      return;
+    }
+    const data = seriesModel.getData();
+    const dims = map(coordSys.dimensions, function(dim) {
+      return data.mapDimension(dim);
+    }).slice(0, 2);
+    const store = data.getStore();
+    const dimIdx0 = data.getDimensionIndex(dims[0]);
+    const xOffset = seriesModel.get("offset") || 0;
+    return {
+      progress(params, bgColorData) {
+        const rectsByColor = {};
+        const width = Math.ceil(coordSys.getBaseAxis().scale.barSpace) || 5;
+        const leftOffset = width / 2;
+        const {height, startY} = getHeight(seriesModel);
+        for (let i = params.start; i < params.end; i++) {
+          const itemModel = bgColorData.getItemModel(i);
+          const {color: color2} = itemModel.get("itemStyle");
+          if (!color2) {
+            continue;
+          }
+          const x = store.get(dimIdx0, i);
+          const xPx = coordSys.dataToPoint([x + xOffset, 0])[0];
+          const rects = rectsByColor[color2] || [];
+          rects.push({
+            x: Math.floor(xPx - leftOffset),
+            y: startY,
+            width,
+            height
+          });
+          rectsByColor[color2] = rects;
+        }
+        bgColorData.setLayout("rectsByColor", rectsByColor);
+      }
+    };
+  }
+};
+var BgColorLayout_default = bgColorLayout;
+
+// src/chart/bgColor/install.ts
+function install26(registers) {
+  registers.registerChartView(BgColorView_default);
+  registers.registerSeriesModel(BgColorSeries_default);
+  registers.registerLayout(BgColorLayout_default);
 }
 
 // src/chart/heatmap/HeatmapLayer.ts
@@ -54953,7 +55151,7 @@ HeatmapSeriesModel.defaultOption = {
 var HeatmapSeries_default = HeatmapSeriesModel;
 
 // src/chart/heatmap/install.ts
-function install26(registers) {
+function install27(registers) {
   registers.registerChartView(HeatmapView_default);
   registers.registerSeriesModel(HeatmapSeries_default);
 }
@@ -55516,7 +55714,7 @@ PictorialBarSeriesModel.defaultOption = inheritDefaultOption(BaseBarSeries_defau
 var PictorialBarSeries_default = PictorialBarSeriesModel;
 
 // src/chart/bar/installPictorialBar.ts
-function install27(registers) {
+function install28(registers) {
   registers.registerChartView(PictorialBarView_default);
   registers.registerSeriesModel(PictorialBarSeries_default);
   registers.registerLayout(registers.PRIORITY.VISUAL.LAYOUT, curry(layout2, "pictorialBar"));
@@ -55917,7 +56115,7 @@ function computeBaseline(data) {
 }
 
 // src/chart/themeRiver/install.ts
-function install28(registers) {
+function install29(registers) {
   registers.registerChartView(ThemeRiverView_default);
   registers.registerSeriesModel(ThemeRiverSeries_default);
   registers.registerLayout(themeRiverLayout);
@@ -56555,7 +56753,7 @@ function sunburstVisual(ecModel) {
 }
 
 // src/chart/sunburst/install.ts
-function install29(registers) {
+function install30(registers) {
   registers.registerChartView(SunburstView_default);
   registers.registerSeriesModel(SunburstSeries_default);
   registers.registerLayout(curry(sunburstLayout, "sunburst"));
@@ -58003,7 +58201,7 @@ function hasOwnPathData(shape) {
 }
 
 // src/chart/custom/install.ts
-function install30(registers) {
+function install31(registers) {
   registers.registerChartView(CustomView_default);
   registers.registerSeriesModel(CustomSeries_default);
 }
@@ -58731,7 +58929,7 @@ var AxisPointerModel_default = AxisPointerModel;
 
 // src/component/axisPointer/globalListener.ts
 var inner12 = makeInner();
-var each8 = each;
+var each9 = each;
 function register(key, api2, handler) {
   if (env_default.node) {
     return;
@@ -58755,7 +58953,7 @@ function initGlobalListeners(zr, api2) {
   function useHandler(eventType, cb) {
     zr.on(eventType, function(e2) {
       const dis = makeDispatchAction(api2);
-      each8(inner12(zr).records, function(record) {
+      each9(inner12(zr).records, function(record) {
         record && cb(record, e2, dis.dispatchAction);
       });
       dispatchTooltipFinally(dis.pendings, api2);
@@ -59221,7 +59419,7 @@ function illegalPoint(point) {
 }
 
 // src/component/axisPointer/install.ts
-function install31(registers) {
+function install32(registers) {
   AxisView_default.registerAxisPointerClass("CartesianAxisPointer", CartesianAxisPointer_default);
   registers.registerComponentModel(AxisPointerModel_default);
   registers.registerComponentView(AxisPointerView_default);
@@ -59250,9 +59448,9 @@ function install31(registers) {
 }
 
 // src/component/grid/install.ts
-function install32(registers) {
+function install33(registers) {
   use(install6);
-  use(install31);
+  use(install32);
 }
 
 // src/component/axisPointer/PolarAxisPointer.ts
@@ -60306,8 +60504,8 @@ var PolarView2 = class extends Component_default2 {
 };
 var PolarView = PolarView2;
 PolarView.type = "polar";
-function install33(registers) {
-  use(install31);
+function install34(registers) {
+  use(install32);
   AxisView_default.registerAxisPointerClass("PolarAxisPointer", PolarAxisPointer_default);
   registers.registerCoordinateSystem("polar", polarCreator_default);
   registers.registerComponentModel(PolarModel_default);
@@ -60770,8 +60968,8 @@ var SingleView2 = class extends Component_default2 {
 };
 var SingleView = SingleView2;
 SingleView.type = "single";
-function install34(registers) {
-  use(install31);
+function install35(registers) {
+  use(install32);
   AxisView_default.registerAxisPointerClass("SingleAxisPointer", SingleAxisPointer_default);
   registers.registerComponentView(SingleView);
   registers.registerComponentView(SingleAxisView_default);
@@ -61461,7 +61659,7 @@ function getCoordSys5(finder) {
 var Calendar_default = Calendar;
 
 // src/component/calendar/install.ts
-function install35(registers) {
+function install36(registers) {
   registers.registerComponentModel(CalendarModel_default);
   registers.registerComponentView(CalendarView_default);
   registers.registerCoordinateSystem("calendar", Calendar_default);
@@ -61850,7 +62048,7 @@ function setEventData(el, graphicModel, elOption) {
 }
 
 // src/component/graphic/install.ts
-function install36(registers) {
+function install37(registers) {
   registers.registerComponentModel(GraphicComponentModel);
   registers.registerComponentView(GraphicComponentView);
   registers.registerPreprocessor(function(option) {
@@ -62317,7 +62515,7 @@ SelectDataZoomView.type = "dataZoom.select";
 var SelectZoomView_default = SelectDataZoomView;
 
 // src/component/dataZoom/AxisProxy.ts
-var each9 = each;
+var each10 = each;
 var asc2 = asc;
 var leftMinVisibleBarCount = 2;
 var rightMinVisibleBarCount = 2;
@@ -62372,7 +62570,7 @@ var AxisProxy = class {
     const percentWindow = [];
     const valueWindow = [];
     let hasPropModeValue;
-    each9(["start", "end"], function(prop, idx) {
+    each10(["start", "end"], function(prop, idx) {
       let boundPercent = opt[prop];
       let boundValue = opt[prop + "Value"];
       if (rangePropMode[idx] === "percent") {
@@ -62470,7 +62668,7 @@ var AxisProxy = class {
     if (filterMode === "none") {
       return;
     }
-    each9(seriesModels, function(seriesModel) {
+    each10(seriesModels, function(seriesModel) {
       let seriesData = seriesModel.getData();
       const dataDims = seriesData.mapDimensionsAll(axisDim);
       if (!dataDims.length || seriesModel.get("notFilterData")) {
@@ -62500,7 +62698,7 @@ var AxisProxy = class {
         });
       } else {
         const offset = seriesModel.get("offset");
-        each9(dataDims, function(dim) {
+        each10(dataDims, function(dim) {
           if (filterMode === "empty") {
             seriesModel.setData(seriesData = seriesData.map(dim, function(value) {
               return !isInWindow(value) ? NaN : value;
@@ -62522,7 +62720,7 @@ var AxisProxy = class {
           }
         });
       }
-      each9(dataDims, function(dim) {
+      each10(dataDims, function(dim) {
         seriesData.setApproximateExtent(valueWindow, dim);
       });
     });
@@ -62537,7 +62735,7 @@ var AxisProxy = class {
     const minMaxSpan = this._minMaxSpan = {};
     const dataZoomModel = this._dataZoomModel;
     const dataExtent = this._dataExtent;
-    each9(["min", "max"], function(minMax) {
+    each10(["min", "max"], function(minMax) {
       let percentSpan = dataZoomModel.get(minMax + "Span");
       let valueSpan = dataZoomModel.get(minMax + "ValueSpan");
       valueSpan != null && (valueSpan = this.getAxisModel().axis.scale.parse(valueSpan));
@@ -62573,7 +62771,7 @@ function calculateDataExtent(axisProxy, axisDim, seriesModels) {
   const dataExtent = [Infinity, -Infinity];
   const axisModel = axisProxy.getAxisModel();
   const dataFromSeriesName = axisModel.axis.model.get("dataFromSeriesName");
-  each9(seriesModels, function(seriesModel) {
+  each10(seriesModels, function(seriesModel) {
     if (dataFromSeriesName && seriesModel.name !== dataFromSeriesName) {
       return;
     }
@@ -62704,7 +62902,7 @@ function installCommon(registers) {
 }
 
 // src/component/dataZoom/installDataZoomSelect.ts
-function install37(registers) {
+function install38(registers) {
   registers.registerComponentModel(SelectZoomModel_default);
   registers.registerComponentView(SelectZoomView_default);
   installCommon(registers);
@@ -63591,11 +63789,11 @@ registerAction({
 var DataView_default = DataView;
 
 // src/component/dataZoom/history.ts
-var each10 = each;
+var each11 = each;
 var inner16 = makeInner();
 function push(ecModel, newSnapshot) {
   const storedSnapshots = getStoreSnapshots(ecModel);
-  each10(newSnapshot, function(batchItem, dataZoomId) {
+  each11(newSnapshot, function(batchItem, dataZoomId) {
     let i = storedSnapshots.length - 1;
     for (; i >= 0; i--) {
       const snapshot = storedSnapshots[i];
@@ -63622,7 +63820,7 @@ function pop(ecModel) {
   const head = storedSnapshots[storedSnapshots.length - 1];
   storedSnapshots.length > 1 && storedSnapshots.pop();
   const snapshot = {};
-  each10(head, function(batchItem, dataZoomId) {
+  each11(head, function(batchItem, dataZoomId) {
     for (let i = storedSnapshots.length - 1; i >= 0; i--) {
       batchItem = storedSnapshots[i][dataZoomId];
       if (batchItem) {
@@ -63935,7 +64133,7 @@ function getSize2(xyMinMax) {
 var BrushTargetManager_default = BrushTargetManager;
 
 // src/component/toolbox/feature/DataZoom.ts
-var each11 = each;
+var each12 = each;
 var DATA_ZOOM_ID_BASE = makeInternalComponentId("toolbox-dataZoom_");
 var DataZoomFeature = class extends ToolboxFeature {
   render(featureModel, ecModel, api2, payload) {
@@ -64003,7 +64201,7 @@ var DataZoomFeature = class extends ToolboxFeature {
   }
   _dispatchZoomAction(snapshot) {
     const batch = [];
-    each11(snapshot, function(batchItem, dataZoomId) {
+    each12(snapshot, function(batchItem, dataZoomId) {
       batch.push(clone(batchItem));
     });
     batch.length && this.api.dispatchAction({
@@ -64086,8 +64284,8 @@ registerInternalOptionCreator("dataZoom", function(ecModel) {
   const dzOptions = [];
   const finder = makeAxisFinder(dzFeatureModel);
   const finderResult = parseFinder(ecModel, finder);
-  each11(finderResult.xAxisModels, (axisModel) => buildInternalOptions(axisModel, "xAxis", "xAxisIndex"));
-  each11(finderResult.yAxisModels, (axisModel) => buildInternalOptions(axisModel, "yAxis", "yAxisIndex"));
+  each12(finderResult.xAxisModels, (axisModel) => buildInternalOptions(axisModel, "xAxis", "xAxisIndex"));
+  each12(finderResult.yAxisModels, (axisModel) => buildInternalOptions(axisModel, "yAxis", "yAxisIndex"));
   function buildInternalOptions(axisModel, axisMainType, axisIndexPropName) {
     const axisIndex = axisModel.componentIndex;
     const newOpt = {
@@ -64104,7 +64302,7 @@ registerInternalOptionCreator("dataZoom", function(ecModel) {
 var DataZoom_default = DataZoomFeature;
 
 // src/component/toolbox/install.ts
-function install38(registers) {
+function install39(registers) {
   registers.registerComponentModel(ToolboxModel_default);
   registers.registerComponentView(ToolboxView_default);
   registerFeature("saveAsImage", SaveAsImage_default);
@@ -64112,7 +64310,7 @@ function install38(registers) {
   registerFeature("dataView", DataView_default);
   registerFeature("dataZoom", DataZoom_default);
   registerFeature("restore", Restore_default);
-  use(install37);
+  use(install38);
 }
 
 // src/component/tooltip/TooltipModel.ts
@@ -65280,8 +65478,8 @@ function findComponentReference(payload, ecModel, api2) {
 var TooltipView_default = TooltipView;
 
 // src/component/tooltip/install.ts
-function install39(registers) {
-  use(install31);
+function install40(registers) {
+  use(install32);
   registers.registerComponentModel(TooltipModel_default);
   registers.registerComponentView(TooltipView_default);
   registers.registerAction({
@@ -65339,7 +65537,7 @@ function removeDuplicate(arr) {
 }
 
 // src/visual/visualSolution.ts
-var each12 = each;
+var each13 = each;
 function hasKeys(obj) {
   if (obj) {
     for (const name in obj) {
@@ -65351,9 +65549,9 @@ function hasKeys(obj) {
 }
 function createVisualMappings(option, stateList, supplementVisualOption) {
   const visualMappings = {};
-  each12(stateList, function(state) {
+  each13(stateList, function(state) {
     const mappings = visualMappings[state] = createMappings();
-    each12(option[state], function(visualData, visualType) {
+    each13(option[state], function(visualData, visualType) {
       if (!VisualMapping_default.isValidType(visualType)) {
         return;
       }
@@ -65897,7 +66095,7 @@ var BrushFeature = class extends ToolboxFeature {
 var Brush_default = BrushFeature;
 
 // src/component/brush/install.ts
-function install40(registers) {
+function install41(registers) {
   registers.registerComponentView(BrushView_default);
   registers.registerComponentModel(BrushModel_default);
   registers.registerPreprocessor(brushPreprocessor);
@@ -66044,7 +66242,7 @@ var TitleView2 = class extends Component_default2 {
 };
 var TitleView = TitleView2;
 TitleView.type = "title";
-function install41(registers) {
+function install42(registers) {
   registers.registerComponentModel(TitleModel);
   registers.registerComponentView(TitleView);
 }
@@ -66898,7 +67096,7 @@ function has(obj, attr) {
 }
 
 // src/component/timeline/install.ts
-function install42(registers) {
+function install43(registers) {
   registers.registerComponentModel(SliderTimelineModel_default);
   registers.registerComponentView(SliderTimelineView_default);
   registers.registerSubTypeDefaulter("timeline", function() {
@@ -67339,7 +67537,7 @@ function createData(coordSys, seriesModel, mpModel) {
 var MarkPointView_default = MarkPointView;
 
 // src/component/marker/installMarkPoint.ts
-function install43(registers) {
+function install44(registers) {
   registers.registerComponentModel(MarkPointModel_default);
   registers.registerComponentView(MarkPointView_default);
   registers.registerPreprocessor(function(opt) {
@@ -67657,7 +67855,7 @@ function createList2(coordSys, seriesModel, mlModel) {
 var MarkLineView_default = MarkLineView;
 
 // src/component/marker/installMarkLine.ts
-function install44(registers) {
+function install45(registers) {
   registers.registerComponentModel(MarkLineModel_default);
   registers.registerComponentView(MarkLineView_default);
   registers.registerPreprocessor(function(opt) {
@@ -67971,7 +68169,7 @@ function createList3(coordSys, seriesModel, maModel) {
 var MarkAreaView_default = MarkAreaView;
 
 // src/component/marker/installMarkArea.ts
-function install45(registers) {
+function install46(registers) {
   registers.registerComponentModel(MarkAreaModel_default);
   registers.registerComponentView(MarkAreaView_default);
   registers.registerPreprocessor(function(opt) {
@@ -68567,7 +68765,7 @@ function updateLabel({x, y, labelData, markerModel, gridRect, position: position
 var MarkLabelView_default = MarkLabelView;
 
 // src/component/marker/installMarkLabel.ts
-function install46(registers) {
+function install47(registers) {
   registers.registerComponentModel(MarkLabelModal_default);
   registers.registerComponentView(MarkLabelView_default);
   registers.registerPreprocessor(function(opt) {
@@ -68810,7 +69008,7 @@ var LegendModel_default = LegendModel;
 
 // src/component/legend/LegendView.ts
 var curry2 = curry;
-var each13 = each;
+var each14 = each;
 var Group3 = Group_default;
 var LegendView2 = class extends Component_default2 {
   constructor() {
@@ -68874,7 +69072,7 @@ var LegendView2 = class extends Component_default2 {
     ecModel.eachRawSeries(function(seriesModel) {
       !seriesModel.get("legendHoverLink") && excludeSeriesId.push(seriesModel.id);
     });
-    each13(legendModel.getData(), function(legendItemModel, dataIndex) {
+    each14(legendModel.getData(), function(legendItemModel, dataIndex) {
       const name = legendItemModel.get("name");
       if (!this.newlineDisabled && (name === "" || name === "\n")) {
         const g = new Group3();
@@ -68946,7 +69144,7 @@ var LegendView2 = class extends Component_default2 {
   }
   _createSelector(selector2, legendModel, api2, orient, selectorPosition) {
     const selectorGroup = this.getSelectorGroup();
-    each13(selector2, function createSelectorButton(selectorItem) {
+    each14(selector2, function createSelectorButton(selectorItem) {
       const type = selectorItem.type;
       const labelText = new Text_default({
         style: {
@@ -69099,7 +69297,7 @@ function getLegendStyle(iconType, legendItemModel, lineVisualStyle, itemVisualSt
     if (style.lineWidth === "auto") {
       style.lineWidth = visualStyle.lineWidth > 0 ? 2 : 0;
     }
-    each13(style, (propVal, propName) => {
+    each14(style, (propVal, propName) => {
       style[propName] === "inherit" && (style[propName] = visualStyle[propName]);
     });
   }
@@ -69249,7 +69447,7 @@ function installLegendAction(registers) {
 }
 
 // src/component/legend/installLegendPlain.ts
-function install47(registers) {
+function install48(registers) {
   registers.registerComponentModel(LegendModel_default);
   registers.registerComponentView(LegendView_default);
   registers.registerProcessor(registers.PRIORITY.PROCESSOR.SERIES_FILTER, legendFilter);
@@ -69579,17 +69777,17 @@ function installScrollableLegendAction(registers) {
 }
 
 // src/component/legend/installLegendScroll.ts
-function install48(registers) {
-  use(install47);
+function install49(registers) {
+  use(install48);
   registers.registerComponentModel(ScrollableLegendModel_default);
   registers.registerComponentView(ScrollableLegendView_default);
   installScrollableLegendAction(registers);
 }
 
 // src/component/legend/install.ts
-function install49(registers) {
-  use(install47);
+function install50(registers) {
   use(install48);
+  use(install49);
 }
 
 // src/component/dataZoom/InsideZoomModel.ts
@@ -70005,7 +70203,7 @@ var getDirectionInfo = {
 var InsideZoomView_default = InsideZoomView;
 
 // src/component/dataZoom/installDataZoomInside.ts
-function install50(registers) {
+function install51(registers) {
   installCommon(registers);
   registers.registerComponentModel(InsideZoomModel_default);
   registers.registerComponentView(InsideZoomView_default);
@@ -70761,17 +70959,16 @@ function getCursor(orient) {
 var SliderZoomView_default = SliderZoomView;
 
 // src/component/dataZoom/installDataZoomSlider.ts
-function install51(registers) {
+function install52(registers) {
   registers.registerComponentModel(SliderZoomModel_default);
   registers.registerComponentView(SliderZoomView_default);
   installCommon(registers);
 }
 
 // src/component/dataZoom/install.ts
-function install52(registers) {
-  use(install50);
+function install53(registers) {
   use(install51);
-  console.log("component install");
+  use(install52);
 }
 
 // src/visual/visualDefault.ts
@@ -70821,7 +71018,7 @@ var visualDefault_default = visualDefault;
 var mapVisual2 = VisualMapping_default.mapVisual;
 var eachVisual = VisualMapping_default.eachVisual;
 var isArray2 = isArray;
-var each14 = each;
+var each15 = each;
 var asc3 = asc;
 var linearMap2 = linearMap;
 var VisualMapModel2 = class extends Component_default {
@@ -70971,7 +71168,7 @@ var VisualMapModel2 = class extends Component_default {
       let optAbsent = base3[stateAbsent];
       if (optExist && !optAbsent) {
         optAbsent = base3[stateAbsent] = {};
-        each14(optExist, function(visualData, visualType) {
+        each15(optExist, function(visualData, visualType) {
           if (!VisualMapping_default.isValidType(visualType)) {
             return;
           }
@@ -70991,7 +71188,7 @@ var VisualMapModel2 = class extends Component_default {
       const inactiveColor = this.get("inactiveColor");
       const itemSymbol = this.getItemSymbol();
       const defaultSymbol = itemSymbol || "roundRect";
-      each14(this.stateList, function(state) {
+      each15(this.stateList, function(state) {
         const itemSize = this.itemSize;
         let visuals = controller2[state];
         if (!visuals) {
@@ -71351,7 +71548,7 @@ function makeHighDownBatch(batch, visualMapModel) {
 
 // src/component/visualMap/ContinuousView.ts
 var linearMap3 = linearMap;
-var each15 = each;
+var each16 = each;
 var mathMin11 = Math.min;
 var mathMax11 = Math.max;
 var HOVER_LINK_SIZE = 12;
@@ -71679,7 +71876,7 @@ var ContinuousView2 = class extends VisualMapView_default {
     const handleLabels = shapes.handleLabels;
     const itemSize = visualMapModel.itemSize;
     const dataExtent = visualMapModel.getExtent();
-    each15([0, 1], function(handleIndex) {
+    each16([0, 1], function(handleIndex) {
       const handleThumb = handleThumbs[handleIndex];
       handleThumb.setStyle("fill", visualInRange.handlesColor[handleIndex]);
       handleThumb.y = handleEnds[handleIndex];
@@ -71985,13 +72182,13 @@ function getColorVisual(seriesModel, visualMapModel, value, valueState) {
 }
 
 // src/component/visualMap/preprocessor.ts
-var each16 = each;
+var each17 = each;
 function visualMapPreprocessor(option) {
   let visualMap = option && option.visualMap;
   if (!isArray(visualMap)) {
     visualMap = visualMap ? [visualMap] : [];
   }
-  each16(visualMap, function(opt) {
+  each17(visualMap, function(opt) {
     if (!opt) {
       return;
     }
@@ -72001,7 +72198,7 @@ function visualMapPreprocessor(option) {
     }
     const pieces = opt.pieces;
     if (pieces && isArray(pieces)) {
-      each16(pieces, function(piece) {
+      each17(pieces, function(piece) {
         if (isObject(piece)) {
           if (has2(piece, "start") && !has2(piece, "min")) {
             piece.min = piece.start;
@@ -72036,7 +72233,7 @@ function installCommon2(registers) {
 }
 
 // src/component/visualMap/installVisualMapContinuous.ts
-function install53(registers) {
+function install54(registers) {
   registers.registerComponentModel(ContinuousModel_default);
   registers.registerComponentView(ContinuousView_default);
   installCommon2(registers);
@@ -72476,16 +72673,16 @@ PiecewiseVisualMapView.type = "visualMap.piecewise";
 var PiecewiseView_default = PiecewiseVisualMapView;
 
 // src/component/visualMap/installVisualMapPiecewise.ts
-function install54(registers) {
+function install55(registers) {
   registers.registerComponentModel(PiecewiseModel_default);
   registers.registerComponentView(PiecewiseView_default);
   installCommon2(registers);
 }
 
 // src/component/visualMap/install.ts
-function install55(registers) {
-  use(install53);
+function install56(registers) {
   use(install54);
+  use(install55);
 }
 
 // src/visual/aria.ts
@@ -72681,7 +72878,7 @@ function ariaPreprocessor(option) {
 }
 
 // src/component/aria/install.ts
-function install56(registers) {
+function install57(registers) {
   registers.registerPreprocessor(ariaPreprocessor);
   registers.registerVisual(registers.PRIORITY.VISUAL.ARIA, ariaVisual);
 }
@@ -73019,7 +73216,7 @@ var sortTransform = {
 };
 
 // src/component/transform/install.ts
-function install57(registers) {
+function install58(registers) {
   registers.registerTransform(filterTransform);
   registers.registerTransform(sortTransform);
 }
@@ -73057,7 +73254,7 @@ var DatasetView = class extends Component_default2 {
   }
 };
 DatasetView.type = "dataset";
-function install58(registers) {
+function install59(registers) {
   registers.registerComponentModel(DatasetModel);
   registers.registerComponentView(DatasetView);
 }
@@ -74778,35 +74975,36 @@ use([
   install27,
   install28,
   install29,
-  install30
+  install30,
+  install31
 ]);
-use(install32);
 use(install33);
-use(install10);
 use(install34);
-use(install17);
+use(install10);
 use(install35);
+use(install17);
 use(install36);
-use(install38);
+use(install37);
 use(install39);
-use(install31);
 use(install40);
+use(install32);
 use(install41);
 use(install42);
 use(install43);
 use(install44);
 use(install45);
 use(install46);
-use(install49);
-use(install52);
+use(install47);
 use(install50);
-use(install51);
-use(install55);
 use(install53);
-use(install54);
+use(install51);
+use(install52);
 use(install56);
+use(install54);
+use(install55);
 use(install57);
 use(install58);
+use(install59);
 use(installUniversalTransition);
 use(installLabelLayout);