@fmdevui/fm-dev 1.0.112 → 1.0.114

package/es/node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/dataZoom/AxisProxy.mjs

@@ -0,0 +1,300 @@
+import { each as each$1, clone, map } from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/core/util.mjs';
+import { asc as asc$1, linearMap, getPixelPrecision } from '../../util/number.mjs';
+import sliderMove from '../helper/sliderMove.mjs';
+import { unionAxisExtentFromData } from '../../coord/axisHelper.mjs';
+import { ensureScaleRawExtentInfo } from '../../coord/scaleRawExtentInfo.mjs';
+import { isCoordSupported, getAxisMainType } from './helper.mjs';
+import { SINGLE_REFERRING } from '../../util/model.mjs';
+
+var each = each$1;
+var asc = asc$1;
+/**
+ * Operate single axis.
+ * One axis can only operated by one axis operator.
+ * Different dataZoomModels may be defined to operate the same axis.
+ * (i.e. 'inside' data zoom and 'slider' data zoom components)
+ * So dataZoomModels share one axisProxy in that case.
+ */
+var AxisProxy = /** @class */function () {
+  function AxisProxy(dimName, axisIndex, dataZoomModel, ecModel) {
+    this._dimName = dimName;
+    this._axisIndex = axisIndex;
+    this.ecModel = ecModel;
+    this._dataZoomModel = dataZoomModel;
+    // /**
+    //  * @readOnly
+    //  * @private
+    //  */
+    // this.hasSeriesStacked;
+  }
+  /**
+   * Whether the axisProxy is hosted by dataZoomModel.
+   */
+  AxisProxy.prototype.hostedBy = function (dataZoomModel) {
+    return this._dataZoomModel === dataZoomModel;
+  };
+  /**
+   * @return Value can only be NaN or finite value.
+   */
+  AxisProxy.prototype.getDataValueWindow = function () {
+    return this._valueWindow.slice();
+  };
+  /**
+   * @return {Array.<number>}
+   */
+  AxisProxy.prototype.getDataPercentWindow = function () {
+    return this._percentWindow.slice();
+  };
+  AxisProxy.prototype.getTargetSeriesModels = function () {
+    var seriesModels = [];
+    this.ecModel.eachSeries(function (seriesModel) {
+      if (isCoordSupported(seriesModel)) {
+        var axisMainType = getAxisMainType(this._dimName);
+        var axisModel = seriesModel.getReferringComponents(axisMainType, SINGLE_REFERRING).models[0];
+        if (axisModel && this._axisIndex === axisModel.componentIndex) {
+          seriesModels.push(seriesModel);
+        }
+      }
+    }, this);
+    return seriesModels;
+  };
+  AxisProxy.prototype.getAxisModel = function () {
+    return this.ecModel.getComponent(this._dimName + 'Axis', this._axisIndex);
+  };
+  AxisProxy.prototype.getMinMaxSpan = function () {
+    return clone(this._minMaxSpan);
+  };
+  /**
+   * Only calculate by given range and this._dataExtent, do not change anything.
+   */
+  AxisProxy.prototype.calculateDataWindow = function (opt) {
+    var dataExtent = this._dataExtent;
+    var axisModel = this.getAxisModel();
+    var scale = axisModel.axis.scale;
+    var rangePropMode = this._dataZoomModel.getRangePropMode();
+    var percentExtent = [0, 100];
+    var percentWindow = [];
+    var valueWindow = [];
+    var hasPropModeValue;
+    each(['start', 'end'], function (prop, idx) {
+      var boundPercent = opt[prop];
+      var boundValue = opt[prop + 'Value'];
+      // Notice: dataZoom is based either on `percentProp` ('start', 'end') or
+      // on `valueProp` ('startValue', 'endValue'). (They are based on the data extent
+      // but not min/max of axis, which will be calculated by data window then).
+      // The former one is suitable for cases that a dataZoom component controls multiple
+      // axes with different unit or extent, and the latter one is suitable for accurate
+      // zoom by pixel (e.g., in dataZoomSelect).
+      // we use `getRangePropMode()` to mark which prop is used. `rangePropMode` is updated
+      // only when setOption or dispatchAction, otherwise it remains its original value.
+      // (Why not only record `percentProp` and always map to `valueProp`? Because
+      // the map `valueProp` -> `percentProp` -> `valueProp` probably not the original
+      // `valueProp`. consider two axes constrolled by one dataZoom. They have different
+      // data extent. All of values that are overflow the `dataExtent` will be calculated
+      // to percent '100%').
+      if (rangePropMode[idx] === 'percent') {
+        boundPercent == null && (boundPercent = percentExtent[idx]);
+        // Use scale.parse to math round for category or time axis.
+        boundValue = scale.parse(linearMap(boundPercent, percentExtent, dataExtent));
+      } else {
+        hasPropModeValue = true;
+        boundValue = boundValue == null ? dataExtent[idx] : scale.parse(boundValue);
+        // Calculating `percent` from `value` may be not accurate, because
+        // This calculation can not be inversed, because all of values that
+        // are overflow the `dataExtent` will be calculated to percent '100%'
+        boundPercent = linearMap(boundValue, dataExtent, percentExtent);
+      }
+      // valueWindow[idx] = round(boundValue);
+      // percentWindow[idx] = round(boundPercent);
+      // fallback to extent start/end when parsed value or percent is invalid
+      valueWindow[idx] = boundValue == null || isNaN(boundValue) ? dataExtent[idx] : boundValue;
+      percentWindow[idx] = boundPercent == null || isNaN(boundPercent) ? percentExtent[idx] : boundPercent;
+    });
+    asc(valueWindow);
+    asc(percentWindow);
+    // The windows from user calling of `dispatchAction` might be out of the extent,
+    // or do not obey the `min/maxSpan`, `min/maxValueSpan`. But we don't restrict window
+    // by `zoomLock` here, because we see `zoomLock` just as a interaction constraint,
+    // where API is able to initialize/modify the window size even though `zoomLock`
+    // specified.
+    var spans = this._minMaxSpan;
+    hasPropModeValue ? restrictSet(valueWindow, percentWindow, dataExtent, percentExtent, false) : restrictSet(percentWindow, valueWindow, percentExtent, dataExtent, true);
+    function restrictSet(fromWindow, toWindow, fromExtent, toExtent, toValue) {
+      var suffix = toValue ? 'Span' : 'ValueSpan';
+      sliderMove(0, fromWindow, fromExtent, 'all', spans['min' + suffix], spans['max' + suffix]);
+      for (var i = 0; i < 2; i++) {
+        toWindow[i] = linearMap(fromWindow[i], fromExtent, toExtent, true);
+        toValue && (toWindow[i] = scale.parse(toWindow[i]));
+      }
+    }
+    return {
+      valueWindow: valueWindow,
+      percentWindow: percentWindow
+    };
+  };
+  /**
+   * Notice: reset should not be called before series.restoreData() is called,
+   * so it is recommended to be called in "process stage" but not "model init
+   * stage".
+   */
+  AxisProxy.prototype.reset = function (dataZoomModel) {
+    if (dataZoomModel !== this._dataZoomModel) {
+      return;
+    }
+    var targetSeries = this.getTargetSeriesModels();
+    // Culculate data window and data extent, and record them.
+    this._dataExtent = calculateDataExtent(this, this._dimName, targetSeries);
+    // `calculateDataWindow` uses min/maxSpan.
+    this._updateMinMaxSpan();
+    var dataWindow = this.calculateDataWindow(dataZoomModel.settledOption);
+    this._valueWindow = dataWindow.valueWindow;
+    this._percentWindow = dataWindow.percentWindow;
+    // Update axis setting then.
+    this._setAxisModel();
+  };
+  AxisProxy.prototype.filterData = function (dataZoomModel, api) {
+    if (dataZoomModel !== this._dataZoomModel) {
+      return;
+    }
+    var axisDim = this._dimName;
+    var seriesModels = this.getTargetSeriesModels();
+    var filterMode = dataZoomModel.get('filterMode');
+    var valueWindow = this._valueWindow;
+    if (filterMode === 'none') {
+      return;
+    }
+    // FIXME
+    // Toolbox may has dataZoom injected. And if there are stacked bar chart
+    // with NaN data, NaN will be filtered and stack will be wrong.
+    // So we need to force the mode to be set empty.
+    // In fect, it is not a big deal that do not support filterMode-'filter'
+    // when using toolbox#dataZoom, utill tooltip#dataZoom support "single axis
+    // selection" some day, which might need "adapt to data extent on the
+    // otherAxis", which is disabled by filterMode-'empty'.
+    // But currently, stack has been fixed to based on value but not index,
+    // so this is not an issue any more.
+    // let otherAxisModel = this.getOtherAxisModel();
+    // if (dataZoomModel.get('$fromToolbox')
+    //     && otherAxisModel
+    //     && otherAxisModel.hasSeriesStacked
+    // ) {
+    //     filterMode = 'empty';
+    // }
+    // TODO
+    // filterMode 'weakFilter' and 'empty' is not optimized for huge data yet.
+    each(seriesModels, function (seriesModel) {
+      var seriesData = seriesModel.getData();
+      var dataDims = seriesData.mapDimensionsAll(axisDim);
+      if (!dataDims.length) {
+        return;
+      }
+      if (filterMode === 'weakFilter') {
+        var store_1 = seriesData.getStore();
+        var dataDimIndices_1 = map(dataDims, function (dim) {
+          return seriesData.getDimensionIndex(dim);
+        }, seriesData);
+        seriesData.filterSelf(function (dataIndex) {
+          var leftOut;
+          var rightOut;
+          var hasValue;
+          for (var i = 0; i < dataDims.length; i++) {
+            var value = store_1.get(dataDimIndices_1[i], dataIndex);
+            var thisHasValue = !isNaN(value);
+            var thisLeftOut = value < valueWindow[0];
+            var thisRightOut = value > valueWindow[1];
+            if (thisHasValue && !thisLeftOut && !thisRightOut) {
+              return true;
+            }
+            thisHasValue && (hasValue = true);
+            thisLeftOut && (leftOut = true);
+            thisRightOut && (rightOut = true);
+          }
+          // If both left out and right out, do not filter.
+          return hasValue && leftOut && rightOut;
+        });
+      } else {
+        each(dataDims, function (dim) {
+          if (filterMode === 'empty') {
+            seriesModel.setData(seriesData = seriesData.map(dim, function (value) {
+              return !isInWindow(value) ? NaN : value;
+            }));
+          } else {
+            var range = {};
+            range[dim] = valueWindow;
+            // console.time('select');
+            seriesData.selectRange(range);
+            // console.timeEnd('select');
+          }
+        });
+      }
+      each(dataDims, function (dim) {
+        seriesData.setApproximateExtent(valueWindow, dim);
+      });
+    });
+    function isInWindow(value) {
+      return value >= valueWindow[0] && value <= valueWindow[1];
+    }
+  };
+  AxisProxy.prototype._updateMinMaxSpan = function () {
+    var minMaxSpan = this._minMaxSpan = {};
+    var dataZoomModel = this._dataZoomModel;
+    var dataExtent = this._dataExtent;
+    each(['min', 'max'], function (minMax) {
+      var percentSpan = dataZoomModel.get(minMax + 'Span');
+      var valueSpan = dataZoomModel.get(minMax + 'ValueSpan');
+      valueSpan != null && (valueSpan = this.getAxisModel().axis.scale.parse(valueSpan));
+      // minValueSpan and maxValueSpan has higher priority than minSpan and maxSpan
+      if (valueSpan != null) {
+        percentSpan = linearMap(dataExtent[0] + valueSpan, dataExtent, [0, 100], true);
+      } else if (percentSpan != null) {
+        valueSpan = linearMap(percentSpan, [0, 100], dataExtent, true) - dataExtent[0];
+      }
+      minMaxSpan[minMax + 'Span'] = percentSpan;
+      minMaxSpan[minMax + 'ValueSpan'] = valueSpan;
+    }, this);
+  };
+  AxisProxy.prototype._setAxisModel = function () {
+    var axisModel = this.getAxisModel();
+    var percentWindow = this._percentWindow;
+    var valueWindow = this._valueWindow;
+    if (!percentWindow) {
+      return;
+    }
+    // [0, 500]: arbitrary value, guess axis extent.
+    var precision = getPixelPrecision(valueWindow, [0, 500]);
+    precision = Math.min(precision, 20);
+    // For value axis, if min/max/scale are not set, we just use the extent obtained
+    // by series data, which may be a little different from the extent calculated by
+    // `axisHelper.getScaleExtent`. But the different just affects the experience a
+    // little when zooming. So it will not be fixed until some users require it strongly.
+    var rawExtentInfo = axisModel.axis.scale.rawExtentInfo;
+    if (percentWindow[0] !== 0) {
+      rawExtentInfo.setDeterminedMinMax('min', +valueWindow[0].toFixed(precision));
+    }
+    if (percentWindow[1] !== 100) {
+      rawExtentInfo.setDeterminedMinMax('max', +valueWindow[1].toFixed(precision));
+    }
+    rawExtentInfo.freeze();
+  };
+  return AxisProxy;
+}();
+function calculateDataExtent(axisProxy, axisDim, seriesModels) {
+  var dataExtent = [Infinity, -Infinity];
+  each(seriesModels, function (seriesModel) {
+    unionAxisExtentFromData(dataExtent, seriesModel.getData(), axisDim);
+  });
+  // It is important to get "consistent" extent when more then one axes is
+  // controlled by a `dataZoom`, otherwise those axes will not be synchronized
+  // when zooming. But it is difficult to know what is "consistent", considering
+  // axes have different type or even different meanings (For example, two
+  // time axes are used to compare data of the same date in different years).
+  // So basically dataZoom just obtains extent by series.data (in category axis
+  // extent can be obtained from axis.data).
+  // Nevertheless, user can set min/max/scale on axes to make extent of axes
+  // consistent.
+  var axisModel = axisProxy.getAxisModel();
+  var rawExtentResult = ensureScaleRawExtentInfo(axisModel.axis.scale, axisModel, dataExtent).calculate();
+  return [rawExtentResult.min, rawExtentResult.max];
+}
+
+export { AxisProxy as default };

package/es/node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/component/dataZoom/DataZoomModel.mjs

@@ -0,0 +1,388 @@
+import { __extends } from '../../../../../../tslib@2.3.0/node_modules/tslib/tslib.es6.mjs';
+import { merge, each, createHashMap, assert } from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/core/util.mjs';
+import ComponentModel from '../../model/Component.mjs';
+import { DATA_ZOOM_AXIS_DIMENSIONS, getAxisMainType } from './helper.mjs';
+import { MULTIPLE_REFERRING, SINGLE_REFERRING } from '../../util/model.mjs';
+
+var DataZoomAxisInfo = /** @class */function () {
+  function DataZoomAxisInfo() {
+    this.indexList = [];
+    this.indexMap = [];
+  }
+  DataZoomAxisInfo.prototype.add = function (axisCmptIdx) {
+    // Remove duplication.
+    if (!this.indexMap[axisCmptIdx]) {
+      this.indexList.push(axisCmptIdx);
+      this.indexMap[axisCmptIdx] = true;
+    }
+  };
+  return DataZoomAxisInfo;
+}();
+var DataZoomModel = /** @class */function (_super) {
+  __extends(DataZoomModel, _super);
+  function DataZoomModel() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.type = DataZoomModel.type;
+    _this._autoThrottle = true;
+    _this._noTarget = true;
+    /**
+     * It is `[rangeModeForMin, rangeModeForMax]`.
+     * The optional values for `rangeMode`:
+     * + `'value'` mode: the axis extent will always be determined by
+     *     `dataZoom.startValue` and `dataZoom.endValue`, despite
+     *     how data like and how `axis.min` and `axis.max` are.
+     * + `'percent'` mode: `100` represents 100% of the `[dMin, dMax]`,
+     *     where `dMin` is `axis.min` if `axis.min` specified, otherwise `data.extent[0]`,
+     *     and `dMax` is `axis.max` if `axis.max` specified, otherwise `data.extent[1]`.
+     *     Axis extent will be determined by the result of the percent of `[dMin, dMax]`.
+     *
+     * For example, when users are using dynamic data (update data periodically via `setOption`),
+     * if in `'value`' mode, the window will be kept in a fixed value range despite how
+     * data are appended, while if in `'percent'` mode, whe window range will be changed alone with
+     * the appended data (suppose `axis.min` and `axis.max` are not specified).
+     */
+    _this._rangePropMode = ['percent', 'percent'];
+    return _this;
+  }
+  DataZoomModel.prototype.init = function (option, parentModel, ecModel) {
+    var inputRawOption = retrieveRawOption(option);
+    /**
+     * Suppose a "main process" start at the point that model prepared (that is,
+     * model initialized or merged or method called in `action`).
+     * We should keep the `main process` idempotent, that is, given a set of values
+     * on `option`, we get the same result.
+     *
+     * But sometimes, values on `option` will be updated for providing users
+     * a "final calculated value" (`dataZoomProcessor` will do that). Those value
+     * should not be the base/input of the `main process`.
+     *
+     * So in that case we should save and keep the input of the `main process`
+     * separately, called `settledOption`.
+     *
+     * For example, consider the case:
+     * (Step_1) brush zoom the grid by `toolbox.dataZoom`,
+     *     where the original input `option.startValue`, `option.endValue` are earsed by
+     *     calculated value.
+     * (Step)2) click the legend to hide and show a series,
+     *     where the new range is calculated by the earsed `startValue` and `endValue`,
+     *     which brings incorrect result.
+     */
+    this.settledOption = inputRawOption;
+    this.mergeDefaultAndTheme(option, ecModel);
+    this._doInit(inputRawOption);
+  };
+  DataZoomModel.prototype.mergeOption = function (newOption) {
+    var inputRawOption = retrieveRawOption(newOption);
+    // FIX #2591
+    merge(this.option, newOption, true);
+    merge(this.settledOption, inputRawOption, true);
+    this._doInit(inputRawOption);
+  };
+  DataZoomModel.prototype._doInit = function (inputRawOption) {
+    var thisOption = this.option;
+    this._setDefaultThrottle(inputRawOption);
+    this._updateRangeUse(inputRawOption);
+    var settledOption = this.settledOption;
+    each([['start', 'startValue'], ['end', 'endValue']], function (names, index) {
+      // start/end has higher priority over startValue/endValue if they
+      // both set, but we should make chart.setOption({endValue: 1000})
+      // effective, rather than chart.setOption({endValue: 1000, end: null}).
+      if (this._rangePropMode[index] === 'value') {
+        thisOption[names[0]] = settledOption[names[0]] = null;
+      }
+      // Otherwise do nothing and use the merge result.
+    }, this);
+    this._resetTarget();
+  };
+  DataZoomModel.prototype._resetTarget = function () {
+    var optionOrient = this.get('orient', true);
+    var targetAxisIndexMap = this._targetAxisInfoMap = createHashMap();
+    var hasAxisSpecified = this._fillSpecifiedTargetAxis(targetAxisIndexMap);
+    if (hasAxisSpecified) {
+      this._orient = optionOrient || this._makeAutoOrientByTargetAxis();
+    } else {
+      this._orient = optionOrient || 'horizontal';
+      this._fillAutoTargetAxisByOrient(targetAxisIndexMap, this._orient);
+    }
+    this._noTarget = true;
+    targetAxisIndexMap.each(function (axisInfo) {
+      if (axisInfo.indexList.length) {
+        this._noTarget = false;
+      }
+    }, this);
+  };
+  DataZoomModel.prototype._fillSpecifiedTargetAxis = function (targetAxisIndexMap) {
+    var hasAxisSpecified = false;
+    each(DATA_ZOOM_AXIS_DIMENSIONS, function (axisDim) {
+      var refering = this.getReferringComponents(getAxisMainType(axisDim), MULTIPLE_REFERRING);
+      // When user set axisIndex as a empty array, we think that user specify axisIndex
+      // but do not want use auto mode. Because empty array may be encountered when
+      // some error occurred.
+      if (!refering.specified) {
+        return;
+      }
+      hasAxisSpecified = true;
+      var axisInfo = new DataZoomAxisInfo();
+      each(refering.models, function (axisModel) {
+        axisInfo.add(axisModel.componentIndex);
+      });
+      targetAxisIndexMap.set(axisDim, axisInfo);
+    }, this);
+    return hasAxisSpecified;
+  };
+  DataZoomModel.prototype._fillAutoTargetAxisByOrient = function (targetAxisIndexMap, orient) {
+    var ecModel = this.ecModel;
+    var needAuto = true;
+    // Find axis that parallel to dataZoom as default.
+    if (needAuto) {
+      var axisDim = orient === 'vertical' ? 'y' : 'x';
+      var axisModels = ecModel.findComponents({
+        mainType: axisDim + 'Axis'
+      });
+      setParallelAxis(axisModels, axisDim);
+    }
+    // Find axis that parallel to dataZoom as default.
+    if (needAuto) {
+      var axisModels = ecModel.findComponents({
+        mainType: 'singleAxis',
+        filter: function (axisModel) {
+          return axisModel.get('orient', true) === orient;
+        }
+      });
+      setParallelAxis(axisModels, 'single');
+    }
+    function setParallelAxis(axisModels, axisDim) {
+      // At least use the first parallel axis as the target axis.
+      var axisModel = axisModels[0];
+      if (!axisModel) {
+        return;
+      }
+      var axisInfo = new DataZoomAxisInfo();
+      axisInfo.add(axisModel.componentIndex);
+      targetAxisIndexMap.set(axisDim, axisInfo);
+      needAuto = false;
+      // Find parallel axes in the same grid.
+      if (axisDim === 'x' || axisDim === 'y') {
+        var gridModel_1 = axisModel.getReferringComponents('grid', SINGLE_REFERRING).models[0];
+        gridModel_1 && each(axisModels, function (axModel) {
+          if (axisModel.componentIndex !== axModel.componentIndex && gridModel_1 === axModel.getReferringComponents('grid', SINGLE_REFERRING).models[0]) {
+            axisInfo.add(axModel.componentIndex);
+          }
+        });
+      }
+    }
+    if (needAuto) {
+      // If no parallel axis, find the first category axis as default. (Also consider polar).
+      each(DATA_ZOOM_AXIS_DIMENSIONS, function (axisDim) {
+        if (!needAuto) {
+          return;
+        }
+        var axisModels = ecModel.findComponents({
+          mainType: getAxisMainType(axisDim),
+          filter: function (axisModel) {
+            return axisModel.get('type', true) === 'category';
+          }
+        });
+        if (axisModels[0]) {
+          var axisInfo = new DataZoomAxisInfo();
+          axisInfo.add(axisModels[0].componentIndex);
+          targetAxisIndexMap.set(axisDim, axisInfo);
+          needAuto = false;
+        }
+      }, this);
+    }
+  };
+  DataZoomModel.prototype._makeAutoOrientByTargetAxis = function () {
+    var dim;
+    // Find the first axis
+    this.eachTargetAxis(function (axisDim) {
+      !dim && (dim = axisDim);
+    }, this);
+    return dim === 'y' ? 'vertical' : 'horizontal';
+  };
+  DataZoomModel.prototype._setDefaultThrottle = function (inputRawOption) {
+    // When first time user set throttle, auto throttle ends.
+    if (inputRawOption.hasOwnProperty('throttle')) {
+      this._autoThrottle = false;
+    }
+    if (this._autoThrottle) {
+      var globalOption = this.ecModel.option;
+      this.option.throttle = globalOption.animation && globalOption.animationDurationUpdate > 0 ? 100 : 20;
+    }
+  };
+  DataZoomModel.prototype._updateRangeUse = function (inputRawOption) {
+    var rangePropMode = this._rangePropMode;
+    var rangeModeInOption = this.get('rangeMode');
+    each([['start', 'startValue'], ['end', 'endValue']], function (names, index) {
+      var percentSpecified = inputRawOption[names[0]] != null;
+      var valueSpecified = inputRawOption[names[1]] != null;
+      if (percentSpecified && !valueSpecified) {
+        rangePropMode[index] = 'percent';
+      } else if (!percentSpecified && valueSpecified) {
+        rangePropMode[index] = 'value';
+      } else if (rangeModeInOption) {
+        rangePropMode[index] = rangeModeInOption[index];
+      } else if (percentSpecified) {
+        // percentSpecified && valueSpecified
+        rangePropMode[index] = 'percent';
+      }
+      // else remain its original setting.
+    });
+  };
+  DataZoomModel.prototype.noTarget = function () {
+    return this._noTarget;
+  };
+  DataZoomModel.prototype.getFirstTargetAxisModel = function () {
+    var firstAxisModel;
+    this.eachTargetAxis(function (axisDim, axisIndex) {
+      if (firstAxisModel == null) {
+        firstAxisModel = this.ecModel.getComponent(getAxisMainType(axisDim), axisIndex);
+      }
+    }, this);
+    return firstAxisModel;
+  };
+  /**
+   * @param {Function} callback param: axisModel, dimNames, axisIndex, dataZoomModel, ecModel
+   */
+  DataZoomModel.prototype.eachTargetAxis = function (callback, context) {
+    this._targetAxisInfoMap.each(function (axisInfo, axisDim) {
+      each(axisInfo.indexList, function (axisIndex) {
+        callback.call(context, axisDim, axisIndex);
+      });
+    });
+  };
+  /**
+   * @return If not found, return null/undefined.
+   */
+  DataZoomModel.prototype.getAxisProxy = function (axisDim, axisIndex) {
+    var axisModel = this.getAxisModel(axisDim, axisIndex);
+    if (axisModel) {
+      return axisModel.__dzAxisProxy;
+    }
+  };
+  /**
+   * @return If not found, return null/undefined.
+   */
+  DataZoomModel.prototype.getAxisModel = function (axisDim, axisIndex) {
+    if (process.env.NODE_ENV !== 'production') {
+      assert(axisDim && axisIndex != null);
+    }
+    var axisInfo = this._targetAxisInfoMap.get(axisDim);
+    if (axisInfo && axisInfo.indexMap[axisIndex]) {
+      return this.ecModel.getComponent(getAxisMainType(axisDim), axisIndex);
+    }
+  };
+  /**
+   * If not specified, set to undefined.
+   */
+  DataZoomModel.prototype.setRawRange = function (opt) {
+    var thisOption = this.option;
+    var settledOption = this.settledOption;
+    each([['start', 'startValue'], ['end', 'endValue']], function (names) {
+      // Consider the pair <start, startValue>:
+      // If one has value and the other one is `null/undefined`, we both set them
+      // to `settledOption`. This strategy enables the feature to clear the original
+      // value in `settledOption` to `null/undefined`.
+      // But if both of them are `null/undefined`, we do not set them to `settledOption`
+      // and keep `settledOption` with the original value. This strategy enables users to
+      // only set <end or endValue> but not set <start or startValue> when calling
+      // `dispatchAction`.
+      // The pair <end, endValue> is treated in the same way.
+      if (opt[names[0]] != null || opt[names[1]] != null) {
+        thisOption[names[0]] = settledOption[names[0]] = opt[names[0]];
+        thisOption[names[1]] = settledOption[names[1]] = opt[names[1]];
+      }
+    }, this);
+    this._updateRangeUse(opt);
+  };
+  DataZoomModel.prototype.setCalculatedRange = function (opt) {
+    var option = this.option;
+    each(['start', 'startValue', 'end', 'endValue'], function (name) {
+      option[name] = opt[name];
+    });
+  };
+  DataZoomModel.prototype.getPercentRange = function () {
+    var axisProxy = this.findRepresentativeAxisProxy();
+    if (axisProxy) {
+      return axisProxy.getDataPercentWindow();
+    }
+  };
+  /**
+   * For example, chart.getModel().getComponent('dataZoom').getValueRange('y', 0);
+   *
+   * @return [startValue, endValue] value can only be '-' or finite number.
+   */
+  DataZoomModel.prototype.getValueRange = function (axisDim, axisIndex) {
+    if (axisDim == null && axisIndex == null) {
+      var axisProxy = this.findRepresentativeAxisProxy();
+      if (axisProxy) {
+        return axisProxy.getDataValueWindow();
+      }
+    } else {
+      return this.getAxisProxy(axisDim, axisIndex).getDataValueWindow();
+    }
+  };
+  /**
+   * @param axisModel If axisModel given, find axisProxy
+   *      corresponding to the axisModel
+   */
+  DataZoomModel.prototype.findRepresentativeAxisProxy = function (axisModel) {
+    if (axisModel) {
+      return axisModel.__dzAxisProxy;
+    }
+    // Find the first hosted axisProxy
+    var firstProxy;
+    var axisDimList = this._targetAxisInfoMap.keys();
+    for (var i = 0; i < axisDimList.length; i++) {
+      var axisDim = axisDimList[i];
+      var axisInfo = this._targetAxisInfoMap.get(axisDim);
+      for (var j = 0; j < axisInfo.indexList.length; j++) {
+        var proxy = this.getAxisProxy(axisDim, axisInfo.indexList[j]);
+        if (proxy.hostedBy(this)) {
+          return proxy;
+        }
+        if (!firstProxy) {
+          firstProxy = proxy;
+        }
+      }
+    }
+    // If no hosted proxy found, still need to return a proxy.
+    // This case always happens in toolbox dataZoom, where axes are all hosted by
+    // other dataZooms.
+    return firstProxy;
+  };
+  DataZoomModel.prototype.getRangePropMode = function () {
+    return this._rangePropMode.slice();
+  };
+  DataZoomModel.prototype.getOrient = function () {
+    if (process.env.NODE_ENV !== 'production') {
+      // Should not be called before initialized.
+      assert(this._orient);
+    }
+    return this._orient;
+  };
+  DataZoomModel.type = 'dataZoom';
+  DataZoomModel.dependencies = ['xAxis', 'yAxis', 'radiusAxis', 'angleAxis', 'singleAxis', 'series', 'toolbox'];
+  DataZoomModel.defaultOption = {
+    // zlevel: 0,
+    z: 4,
+    filterMode: 'filter',
+    start: 0,
+    end: 100
+  };
+  return DataZoomModel;
+}(ComponentModel);
+/**
+ * Retrieve those raw params from option, which will be cached separately,
+ * because they will be overwritten by normalized/calculated values in the main
+ * process.
+ */
+function retrieveRawOption(option) {
+  var ret = {};
+  each(['start', 'end', 'startValue', 'endValue', 'throttle'], function (name) {
+    option.hasOwnProperty(name) && (ret[name] = option[name]);
+  });
+  return ret;
+}
+
+export { DataZoomModel as default };