office-viewer 0.3.11 → 0.3.13

package/esm/node_modules/echarts/lib/component/axisPointer/globalListener.js

@@ -0,0 +1,98 @@
+import { curry, each as each$1 } from '../../../../zrender/lib/core/util.js';
+import env from '../../../../zrender/lib/core/env.js';
+import { makeInner } from '../../util/model.js';
+
+var inner = makeInner();
+var each = each$1;
+/**
+ * @param {string} key
+ * @param {module:echarts/ExtensionAPI} api
+ * @param {Function} handler
+ *      param: {string} currTrigger
+ *      param: {Array.<number>} point
+ */
+function register(key, api, handler) {
+  if (env.node) {
+    return;
+  }
+  var zr = api.getZr();
+  inner(zr).records || (inner(zr).records = {});
+  initGlobalListeners(zr, api);
+  var record = inner(zr).records[key] || (inner(zr).records[key] = {});
+  record.handler = handler;
+}
+function initGlobalListeners(zr, api) {
+  if (inner(zr).initialized) {
+    return;
+  }
+  inner(zr).initialized = true;
+  useHandler('click', curry(doEnter, 'click'));
+  useHandler('mousemove', curry(doEnter, 'mousemove'));
+  // useHandler('mouseout', onLeave);
+  useHandler('globalout', onLeave);
+  function useHandler(eventType, cb) {
+    zr.on(eventType, function (e) {
+      var dis = makeDispatchAction(api);
+      each(inner(zr).records, function (record) {
+        record && cb(record, e, dis.dispatchAction);
+      });
+      dispatchTooltipFinally(dis.pendings, api);
+    });
+  }
+}
+function dispatchTooltipFinally(pendings, api) {
+  var showLen = pendings.showTip.length;
+  var hideLen = pendings.hideTip.length;
+  var actuallyPayload;
+  if (showLen) {
+    actuallyPayload = pendings.showTip[showLen - 1];
+  } else if (hideLen) {
+    actuallyPayload = pendings.hideTip[hideLen - 1];
+  }
+  if (actuallyPayload) {
+    actuallyPayload.dispatchAction = null;
+    api.dispatchAction(actuallyPayload);
+  }
+}
+function onLeave(record, e, dispatchAction) {
+  record.handler('leave', null, dispatchAction);
+}
+function doEnter(currTrigger, record, e, dispatchAction) {
+  record.handler(currTrigger, e, dispatchAction);
+}
+function makeDispatchAction(api) {
+  var pendings = {
+    showTip: [],
+    hideTip: []
+  };
+  // FIXME
+  // better approach?
+  // 'showTip' and 'hideTip' can be triggered by axisPointer and tooltip,
+  // which may be conflict, (axisPointer call showTip but tooltip call hideTip);
+  // So we have to add "final stage" to merge those dispatched actions.
+  var dispatchAction = function (payload) {
+    var pendingList = pendings[payload.type];
+    if (pendingList) {
+      pendingList.push(payload);
+    } else {
+      payload.dispatchAction = dispatchAction;
+      api.dispatchAction(payload);
+    }
+  };
+  return {
+    dispatchAction: dispatchAction,
+    pendings: pendings
+  };
+}
+function unregister(key, api) {
+  if (env.node) {
+    return;
+  }
+  var zr = api.getZr();
+  var record = (inner(zr).records || {})[key];
+  if (record) {
+    inner(zr).records[key] = null;
+  }
+}
+
+export { register, unregister };

package/esm/node_modules/echarts/lib/component/axisPointer/install.js

@@ -0,0 +1,44 @@
+import AxisView from '../axis/AxisView.js';
+import CartesianAxisPointer from './CartesianAxisPointer.js';
+import AxisPointerModel from './AxisPointerModel.js';
+import AxisPointerView from './AxisPointerView.js';
+import { isArray } from '../../../../zrender/lib/core/util.js';
+import { collect } from './modelHelper.js';
+import axisTrigger from './axisTrigger.js';
+
+function install(registers) {
+  // CartesianAxisPointer is not supposed to be required here. But consider
+  // echarts.simple.js and online build tooltip, which only require gridSimple,
+  // CartesianAxisPointer should be able to required somewhere.
+  AxisView.registerAxisPointerClass('CartesianAxisPointer', CartesianAxisPointer);
+  registers.registerComponentModel(AxisPointerModel);
+  registers.registerComponentView(AxisPointerView);
+  registers.registerPreprocessor(function (option) {
+    // Always has a global axisPointerModel for default setting.
+    if (option) {
+      (!option.axisPointer || option.axisPointer.length === 0) && (option.axisPointer = {});
+      var link = option.axisPointer.link;
+      // Normalize to array to avoid object mergin. But if link
+      // is not set, remain null/undefined, otherwise it will
+      // override existent link setting.
+      if (link && !isArray(link)) {
+        option.axisPointer.link = [link];
+      }
+    }
+  });
+  // This process should proformed after coordinate systems created
+  // and series data processed. So put it on statistic processing stage.
+  registers.registerProcessor(registers.PRIORITY.PROCESSOR.STATISTIC, function (ecModel, api) {
+    // Build axisPointerModel, mergin tooltip.axisPointer model for each axis.
+    // allAxesInfo should be updated when setOption performed.
+    ecModel.getComponent('axisPointer').coordSysAxesInfo = collect(ecModel, api);
+  });
+  // Broadcast to all views.
+  registers.registerAction({
+    type: 'updateAxisPointer',
+    event: 'updateAxisPointer',
+    update: ':updateAxisPointer'
+  }, axisTrigger);
+}
+
+export { install };

package/esm/node_modules/echarts/lib/component/axisPointer/modelHelper.js

@@ -0,0 +1,255 @@
+import Model from '../../model/Model.js';
+import { each, curry, clone, defaults, isArray, indexOf } from '../../../../zrender/lib/core/util.js';
+
+// Build axisPointerModel, mergin tooltip.axisPointer model for each axis.
+// allAxesInfo should be updated when setOption performed.
+function collect(ecModel, api) {
+  var result = {
+    /**
+     * key: makeKey(axis.model)
+     * value: {
+     *      axis,
+     *      coordSys,
+     *      axisPointerModel,
+     *      triggerTooltip,
+     *      triggerEmphasis,
+     *      involveSeries,
+     *      snap,
+     *      seriesModels,
+     *      seriesDataCount
+     * }
+     */
+    axesInfo: {},
+    seriesInvolved: false,
+    /**
+     * key: makeKey(coordSys.model)
+     * value: Object: key makeKey(axis.model), value: axisInfo
+     */
+    coordSysAxesInfo: {},
+    coordSysMap: {}
+  };
+  collectAxesInfo(result, ecModel, api);
+  // Check seriesInvolved for performance, in case too many series in some chart.
+  result.seriesInvolved && collectSeriesInfo(result, ecModel);
+  return result;
+}
+function collectAxesInfo(result, ecModel, api) {
+  var globalTooltipModel = ecModel.getComponent('tooltip');
+  var globalAxisPointerModel = ecModel.getComponent('axisPointer');
+  // links can only be set on global.
+  var linksOption = globalAxisPointerModel.get('link', true) || [];
+  var linkGroups = [];
+  // Collect axes info.
+  each(api.getCoordinateSystems(), function (coordSys) {
+    // Some coordinate system do not support axes, like geo.
+    if (!coordSys.axisPointerEnabled) {
+      return;
+    }
+    var coordSysKey = makeKey(coordSys.model);
+    var axesInfoInCoordSys = result.coordSysAxesInfo[coordSysKey] = {};
+    result.coordSysMap[coordSysKey] = coordSys;
+    // Set tooltip (like 'cross') is a convenient way to show axisPointer
+    // for user. So we enable setting tooltip on coordSys model.
+    var coordSysModel = coordSys.model;
+    var baseTooltipModel = coordSysModel.getModel('tooltip', globalTooltipModel);
+    each(coordSys.getAxes(), curry(saveTooltipAxisInfo, false, null));
+    // If axis tooltip used, choose tooltip axis for each coordSys.
+    // Notice this case: coordSys is `grid` but not `cartesian2D` here.
+    if (coordSys.getTooltipAxes && globalTooltipModel
+    // If tooltip.showContent is set as false, tooltip will not
+    // show but axisPointer will show as normal.
+    && baseTooltipModel.get('show')) {
+      // Compatible with previous logic. But series.tooltip.trigger: 'axis'
+      // or series.data[n].tooltip.trigger: 'axis' are not support any more.
+      var triggerAxis = baseTooltipModel.get('trigger') === 'axis';
+      var cross = baseTooltipModel.get(['axisPointer', 'type']) === 'cross';
+      var tooltipAxes = coordSys.getTooltipAxes(baseTooltipModel.get(['axisPointer', 'axis']));
+      if (triggerAxis || cross) {
+        each(tooltipAxes.baseAxes, curry(saveTooltipAxisInfo, cross ? 'cross' : true, triggerAxis));
+      }
+      if (cross) {
+        each(tooltipAxes.otherAxes, curry(saveTooltipAxisInfo, 'cross', false));
+      }
+    }
+    // fromTooltip: true | false | 'cross'
+    // triggerTooltip: true | false | null
+    function saveTooltipAxisInfo(fromTooltip, triggerTooltip, axis) {
+      var axisPointerModel = axis.model.getModel('axisPointer', globalAxisPointerModel);
+      var axisPointerShow = axisPointerModel.get('show');
+      if (!axisPointerShow || axisPointerShow === 'auto' && !fromTooltip && !isHandleTrigger(axisPointerModel)) {
+        return;
+      }
+      if (triggerTooltip == null) {
+        triggerTooltip = axisPointerModel.get('triggerTooltip');
+      }
+      axisPointerModel = fromTooltip ? makeAxisPointerModel(axis, baseTooltipModel, globalAxisPointerModel, ecModel, fromTooltip, triggerTooltip) : axisPointerModel;
+      var snap = axisPointerModel.get('snap');
+      var triggerEmphasis = axisPointerModel.get('triggerEmphasis');
+      var axisKey = makeKey(axis.model);
+      var involveSeries = triggerTooltip || snap || axis.type === 'category';
+      // If result.axesInfo[key] exist, override it (tooltip has higher priority).
+      var axisInfo = result.axesInfo[axisKey] = {
+        key: axisKey,
+        axis: axis,
+        coordSys: coordSys,
+        axisPointerModel: axisPointerModel,
+        triggerTooltip: triggerTooltip,
+        triggerEmphasis: triggerEmphasis,
+        involveSeries: involveSeries,
+        snap: snap,
+        useHandle: isHandleTrigger(axisPointerModel),
+        seriesModels: [],
+        linkGroup: null
+      };
+      axesInfoInCoordSys[axisKey] = axisInfo;
+      result.seriesInvolved = result.seriesInvolved || involveSeries;
+      var groupIndex = getLinkGroupIndex(linksOption, axis);
+      if (groupIndex != null) {
+        var linkGroup = linkGroups[groupIndex] || (linkGroups[groupIndex] = {
+          axesInfo: {}
+        });
+        linkGroup.axesInfo[axisKey] = axisInfo;
+        linkGroup.mapper = linksOption[groupIndex].mapper;
+        axisInfo.linkGroup = linkGroup;
+      }
+    }
+  });
+}
+function makeAxisPointerModel(axis, baseTooltipModel, globalAxisPointerModel, ecModel, fromTooltip, triggerTooltip) {
+  var tooltipAxisPointerModel = baseTooltipModel.getModel('axisPointer');
+  var fields = ['type', 'snap', 'lineStyle', 'shadowStyle', 'label', 'animation', 'animationDurationUpdate', 'animationEasingUpdate', 'z'];
+  var volatileOption = {};
+  each(fields, function (field) {
+    volatileOption[field] = clone(tooltipAxisPointerModel.get(field));
+  });
+  // category axis do not auto snap, otherwise some tick that do not
+  // has value can not be hovered. value/time/log axis default snap if
+  // triggered from tooltip and trigger tooltip.
+  volatileOption.snap = axis.type !== 'category' && !!triggerTooltip;
+  // Compatible with previous behavior, tooltip axis does not show label by default.
+  // Only these properties can be overridden from tooltip to axisPointer.
+  if (tooltipAxisPointerModel.get('type') === 'cross') {
+    volatileOption.type = 'line';
+  }
+  var labelOption = volatileOption.label || (volatileOption.label = {});
+  // Follow the convention, do not show label when triggered by tooltip by default.
+  labelOption.show == null && (labelOption.show = false);
+  if (fromTooltip === 'cross') {
+    // When 'cross', both axes show labels.
+    var tooltipAxisPointerLabelShow = tooltipAxisPointerModel.get(['label', 'show']);
+    labelOption.show = tooltipAxisPointerLabelShow != null ? tooltipAxisPointerLabelShow : true;
+    // If triggerTooltip, this is a base axis, which should better not use cross style
+    // (cross style is dashed by default)
+    if (!triggerTooltip) {
+      var crossStyle = volatileOption.lineStyle = tooltipAxisPointerModel.get('crossStyle');
+      crossStyle && defaults(labelOption, crossStyle.textStyle);
+    }
+  }
+  return axis.model.getModel('axisPointer', new Model(volatileOption, globalAxisPointerModel, ecModel));
+}
+function collectSeriesInfo(result, ecModel) {
+  // Prepare data for axis trigger
+  ecModel.eachSeries(function (seriesModel) {
+    // Notice this case: this coordSys is `cartesian2D` but not `grid`.
+    var coordSys = seriesModel.coordinateSystem;
+    var seriesTooltipTrigger = seriesModel.get(['tooltip', 'trigger'], true);
+    var seriesTooltipShow = seriesModel.get(['tooltip', 'show'], true);
+    if (!coordSys || seriesTooltipTrigger === 'none' || seriesTooltipTrigger === false || seriesTooltipTrigger === 'item' || seriesTooltipShow === false || seriesModel.get(['axisPointer', 'show'], true) === false) {
+      return;
+    }
+    each(result.coordSysAxesInfo[makeKey(coordSys.model)], function (axisInfo) {
+      var axis = axisInfo.axis;
+      if (coordSys.getAxis(axis.dim) === axis) {
+        axisInfo.seriesModels.push(seriesModel);
+        axisInfo.seriesDataCount == null && (axisInfo.seriesDataCount = 0);
+        axisInfo.seriesDataCount += seriesModel.getData().count();
+      }
+    });
+  });
+}
+/**
+ * For example:
+ * {
+ *     axisPointer: {
+ *         links: [{
+ *             xAxisIndex: [2, 4],
+ *             yAxisIndex: 'all'
+ *         }, {
+ *             xAxisId: ['a5', 'a7'],
+ *             xAxisName: 'xxx'
+ *         }]
+ *     }
+ * }
+ */
+function getLinkGroupIndex(linksOption, axis) {
+  var axisModel = axis.model;
+  var dim = axis.dim;
+  for (var i = 0; i < linksOption.length; i++) {
+    var linkOption = linksOption[i] || {};
+    if (checkPropInLink(linkOption[dim + 'AxisId'], axisModel.id) || checkPropInLink(linkOption[dim + 'AxisIndex'], axisModel.componentIndex) || checkPropInLink(linkOption[dim + 'AxisName'], axisModel.name)) {
+      return i;
+    }
+  }
+}
+function checkPropInLink(linkPropValue, axisPropValue) {
+  return linkPropValue === 'all' || isArray(linkPropValue) && indexOf(linkPropValue, axisPropValue) >= 0 || linkPropValue === axisPropValue;
+}
+function fixValue(axisModel) {
+  var axisInfo = getAxisInfo(axisModel);
+  if (!axisInfo) {
+    return;
+  }
+  var axisPointerModel = axisInfo.axisPointerModel;
+  var scale = axisInfo.axis.scale;
+  var option = axisPointerModel.option;
+  var status = axisPointerModel.get('status');
+  var value = axisPointerModel.get('value');
+  // Parse init value for category and time axis.
+  if (value != null) {
+    value = scale.parse(value);
+  }
+  var useHandle = isHandleTrigger(axisPointerModel);
+  // If `handle` used, `axisPointer` will always be displayed, so value
+  // and status should be initialized.
+  if (status == null) {
+    option.status = useHandle ? 'show' : 'hide';
+  }
+  var extent = scale.getExtent().slice();
+  extent[0] > extent[1] && extent.reverse();
+  if (
+  // Pick a value on axis when initializing.
+  value == null
+  // If both `handle` and `dataZoom` are used, value may be out of axis extent,
+  // where we should re-pick a value to keep `handle` displaying normally.
+  || value > extent[1]) {
+    // Make handle displayed on the end of the axis when init, which looks better.
+    value = extent[1];
+  }
+  if (value < extent[0]) {
+    value = extent[0];
+  }
+  option.value = value;
+  if (useHandle) {
+    option.status = axisInfo.axis.scale.isBlank() ? 'hide' : 'show';
+  }
+}
+function getAxisInfo(axisModel) {
+  var coordSysAxesInfo = (axisModel.ecModel.getComponent('axisPointer') || {}).coordSysAxesInfo;
+  return coordSysAxesInfo && coordSysAxesInfo.axesInfo[makeKey(axisModel)];
+}
+function getAxisPointerModel(axisModel) {
+  var axisInfo = getAxisInfo(axisModel);
+  return axisInfo && axisInfo.axisPointerModel;
+}
+function isHandleTrigger(axisPointerModel) {
+  return !!axisPointerModel.get(['handle', 'show']);
+}
+/**
+ * @param {module:echarts/model/Model} model
+ * @return {string} unique key
+ */
+function makeKey(model) {
+  return model.type + '||' + model.id;
+}
+
+export { collect, fixValue, getAxisInfo, getAxisPointerModel, makeKey };

package/esm/node_modules/echarts/lib/component/axisPointer/viewHelper.js

@@ -0,0 +1,155 @@
+import { each, isString, isFunction } from '../../../../zrender/lib/core/util.js';
+import { applyTransform } from '../../util/graphic.js';
+import { getBoundingRect } from '../../../../zrender/lib/contain/text.js';
+import { normalizeCssArray } from '../../util/format.js';
+import { rotate, translate, create } from '../../../../zrender/lib/core/matrix.js';
+import { getAxisRawValue } from '../../coord/axisHelper.js';
+import AxisBuilder from '../axis/AxisBuilder.js';
+import { createTextStyle } from '../../label/labelStyle.js';
+
+function buildElStyle(axisPointerModel) {
+  var axisPointerType = axisPointerModel.get('type');
+  var styleModel = axisPointerModel.getModel(axisPointerType + 'Style');
+  var style;
+  if (axisPointerType === 'line') {
+    style = styleModel.getLineStyle();
+    style.fill = null;
+  } else if (axisPointerType === 'shadow') {
+    style = styleModel.getAreaStyle();
+    style.stroke = null;
+  }
+  return style;
+}
+/**
+ * @param {Function} labelPos {align, verticalAlign, position}
+ */
+function buildLabelElOption(elOption, axisModel, axisPointerModel, api, labelPos) {
+  var value = axisPointerModel.get('value');
+  var text = getValueLabel(value, axisModel.axis, axisModel.ecModel, axisPointerModel.get('seriesDataIndices'), {
+    precision: axisPointerModel.get(['label', 'precision']),
+    formatter: axisPointerModel.get(['label', 'formatter'])
+  });
+  var labelModel = axisPointerModel.getModel('label');
+  var paddings = normalizeCssArray(labelModel.get('padding') || 0);
+  var font = labelModel.getFont();
+  var textRect = getBoundingRect(text, font);
+  var position = labelPos.position;
+  var width = textRect.width + paddings[1] + paddings[3];
+  var height = textRect.height + paddings[0] + paddings[2];
+  // Adjust by align.
+  var align = labelPos.align;
+  align === 'right' && (position[0] -= width);
+  align === 'center' && (position[0] -= width / 2);
+  var verticalAlign = labelPos.verticalAlign;
+  verticalAlign === 'bottom' && (position[1] -= height);
+  verticalAlign === 'middle' && (position[1] -= height / 2);
+  // Not overflow ec container
+  confineInContainer(position, width, height, api);
+  var bgColor = labelModel.get('backgroundColor');
+  if (!bgColor || bgColor === 'auto') {
+    bgColor = axisModel.get(['axisLine', 'lineStyle', 'color']);
+  }
+  elOption.label = {
+    // shape: {x: 0, y: 0, width: width, height: height, r: labelModel.get('borderRadius')},
+    x: position[0],
+    y: position[1],
+    style: createTextStyle(labelModel, {
+      text: text,
+      font: font,
+      fill: labelModel.getTextColor(),
+      padding: paddings,
+      backgroundColor: bgColor
+    }),
+    // Label should be over axisPointer.
+    z2: 10
+  };
+}
+// Do not overflow ec container
+function confineInContainer(position, width, height, api) {
+  var viewWidth = api.getWidth();
+  var viewHeight = api.getHeight();
+  position[0] = Math.min(position[0] + width, viewWidth) - width;
+  position[1] = Math.min(position[1] + height, viewHeight) - height;
+  position[0] = Math.max(position[0], 0);
+  position[1] = Math.max(position[1], 0);
+}
+function getValueLabel(value, axis, ecModel, seriesDataIndices, opt) {
+  value = axis.scale.parse(value);
+  var text = axis.scale.getLabel({
+    value: value
+  }, {
+    // If `precision` is set, width can be fixed (like '12.00500'), which
+    // helps to debounce when when moving label.
+    precision: opt.precision
+  });
+  var formatter = opt.formatter;
+  if (formatter) {
+    var params_1 = {
+      value: getAxisRawValue(axis, {
+        value: value
+      }),
+      axisDimension: axis.dim,
+      axisIndex: axis.index,
+      seriesData: []
+    };
+    each(seriesDataIndices, function (idxItem) {
+      var series = ecModel.getSeriesByIndex(idxItem.seriesIndex);
+      var dataIndex = idxItem.dataIndexInside;
+      var dataParams = series && series.getDataParams(dataIndex);
+      dataParams && params_1.seriesData.push(dataParams);
+    });
+    if (isString(formatter)) {
+      text = formatter.replace('{value}', text);
+    } else if (isFunction(formatter)) {
+      text = formatter(params_1);
+    }
+  }
+  return text;
+}
+function getTransformedPosition(axis, value, layoutInfo) {
+  var transform = create();
+  rotate(transform, transform, layoutInfo.rotation);
+  translate(transform, transform, layoutInfo.position);
+  return applyTransform([axis.dataToCoord(value), (layoutInfo.labelOffset || 0) + (layoutInfo.labelDirection || 1) * (layoutInfo.labelMargin || 0)], transform);
+}
+function buildCartesianSingleLabelElOption(value, elOption, layoutInfo, axisModel, axisPointerModel, api) {
+  // @ts-ignore
+  var textLayout = AxisBuilder.innerTextLayout(layoutInfo.rotation, 0, layoutInfo.labelDirection);
+  layoutInfo.labelMargin = axisPointerModel.get(['label', 'margin']);
+  buildLabelElOption(elOption, axisModel, axisPointerModel, api, {
+    position: getTransformedPosition(axisModel.axis, value, layoutInfo),
+    align: textLayout.textAlign,
+    verticalAlign: textLayout.textVerticalAlign
+  });
+}
+function makeLineShape(p1, p2, xDimIndex) {
+  xDimIndex = xDimIndex || 0;
+  return {
+    x1: p1[xDimIndex],
+    y1: p1[1 - xDimIndex],
+    x2: p2[xDimIndex],
+    y2: p2[1 - xDimIndex]
+  };
+}
+function makeRectShape(xy, wh, xDimIndex) {
+  xDimIndex = xDimIndex || 0;
+  return {
+    x: xy[xDimIndex],
+    y: xy[1 - xDimIndex],
+    width: wh[xDimIndex],
+    height: wh[1 - xDimIndex]
+  };
+}
+function makeSectorShape(cx, cy, r0, r, startAngle, endAngle) {
+  return {
+    cx: cx,
+    cy: cy,
+    r0: r0,
+    r: r,
+    startAngle: startAngle,
+    endAngle: endAngle,
+    clockwise: true
+  };
+}
+
+export { buildCartesianSingleLabelElOption, buildElStyle, buildLabelElOption, getTransformedPosition, getValueLabel, makeLineShape, makeRectShape, makeSectorShape };

package/esm/node_modules/echarts/lib/component/brush/BrushModel.js

@@ -0,0 +1,95 @@
+import { __extends } from 'tslib';
+import { assert, isArray, each, map, merge } from '../../../../zrender/lib/core/util.js';
+import { replaceVisualOption } from '../../visual/visualSolution.js';
+import Model from '../../model/Model.js';
+import ComponentModel from '../../model/Component.js';
+
+var DEFAULT_OUT_OF_BRUSH_COLOR = '#ddd';
+var BrushModel = /** @class */function (_super) {
+  __extends(BrushModel, _super);
+  function BrushModel() {
+    var _this = _super !== null && _super.apply(this, arguments) || this;
+    _this.type = BrushModel.type;
+    /**
+     * @readOnly
+     */
+    _this.areas = [];
+    /**
+     * Current brush painting area settings.
+     * @readOnly
+     */
+    _this.brushOption = {};
+    return _this;
+  }
+  BrushModel.prototype.optionUpdated = function (newOption, isInit) {
+    var thisOption = this.option;
+    !isInit && replaceVisualOption(thisOption, newOption, ['inBrush', 'outOfBrush']);
+    var inBrush = thisOption.inBrush = thisOption.inBrush || {};
+    // Always give default visual, consider setOption at the second time.
+    thisOption.outOfBrush = thisOption.outOfBrush || {
+      color: DEFAULT_OUT_OF_BRUSH_COLOR
+    };
+    if (!inBrush.hasOwnProperty('liftZ')) {
+      // Bigger than the highlight z lift, otherwise it will
+      // be effected by the highlight z when brush.
+      inBrush.liftZ = 5;
+    }
+  };
+  /**
+   * If `areas` is null/undefined, range state remain.
+   */
+  BrushModel.prototype.setAreas = function (areas) {
+    if (process.env.NODE_ENV !== 'production') {
+      assert(isArray(areas));
+      each(areas, function (area) {
+        assert(area.brushType, 'Illegal areas');
+      });
+    }
+    // If areas is null/undefined, range state remain.
+    // This helps user to dispatchAction({type: 'brush'}) with no areas
+    // set but just want to get the current brush select info from a `brush` event.
+    if (!areas) {
+      return;
+    }
+    this.areas = map(areas, function (area) {
+      return generateBrushOption(this.option, area);
+    }, this);
+  };
+  /**
+   * Set the current painting brush option.
+   */
+  BrushModel.prototype.setBrushOption = function (brushOption) {
+    this.brushOption = generateBrushOption(this.option, brushOption);
+    this.brushType = this.brushOption.brushType;
+  };
+  BrushModel.type = 'brush';
+  BrushModel.dependencies = ['geo', 'grid', 'xAxis', 'yAxis', 'parallel', 'series'];
+  BrushModel.defaultOption = {
+    seriesIndex: 'all',
+    brushType: 'rect',
+    brushMode: 'single',
+    transformable: true,
+    brushStyle: {
+      borderWidth: 1,
+      color: 'rgba(210,219,238,0.3)',
+      borderColor: '#D2DBEE'
+    },
+    throttleType: 'fixRate',
+    throttleDelay: 0,
+    removeOnClick: true,
+    z: 10000
+  };
+  return BrushModel;
+}(ComponentModel);
+function generateBrushOption(option, brushOption) {
+  return merge({
+    brushType: option.brushType,
+    brushMode: option.brushMode,
+    transformable: option.transformable,
+    brushStyle: new Model(option.brushStyle).getItemStyle(),
+    removeOnClick: option.removeOnClick,
+    z: option.z
+  }, brushOption, true);
+}
+
+export { BrushModel as default };