@fmdevui/fm-dev 1.0.112 → 1.0.114

package/es/node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/helper/EffectSymbol.mjs

@@ -0,0 +1,167 @@
+import { __extends } from '../../../../../../tslib@2.3.0/node_modules/tslib/tslib.es6.mjs';
+import { createSymbol, normalizeSymbolSize, normalizeSymbolOffset } from '../../util/symbol.mjs';
+import '../../util/graphic.mjs';
+import { enterEmphasis, leaveEmphasis, toggleHoverEmphasis } from '../../util/states.mjs';
+import Symbol from './Symbol.mjs';
+import Group from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/graphic/Group.mjs';
+
+function updateRipplePath(rippleGroup, effectCfg) {
+  var color = effectCfg.rippleEffectColor || effectCfg.color;
+  rippleGroup.eachChild(function (ripplePath) {
+    ripplePath.attr({
+      z: effectCfg.z,
+      zlevel: effectCfg.zlevel,
+      style: {
+        stroke: effectCfg.brushType === 'stroke' ? color : null,
+        fill: effectCfg.brushType === 'fill' ? color : null
+      }
+    });
+  });
+}
+var EffectSymbol = /** @class */function (_super) {
+  __extends(EffectSymbol, _super);
+  function EffectSymbol(data, idx) {
+    var _this = _super.call(this) || this;
+    var symbol = new Symbol(data, idx);
+    var rippleGroup = new Group();
+    _this.add(symbol);
+    _this.add(rippleGroup);
+    _this.updateData(data, idx);
+    return _this;
+  }
+  EffectSymbol.prototype.stopEffectAnimation = function () {
+    this.childAt(1).removeAll();
+  };
+  EffectSymbol.prototype.startEffectAnimation = function (effectCfg) {
+    var symbolType = effectCfg.symbolType;
+    var color = effectCfg.color;
+    var rippleNumber = effectCfg.rippleNumber;
+    var rippleGroup = this.childAt(1);
+    for (var i = 0; i < rippleNumber; i++) {
+      // If width/height are set too small (e.g., set to 1) on ios10
+      // and macOS Sierra, a circle stroke become a rect, no matter what
+      // the scale is set. So we set width/height as 2. See #4136.
+      var ripplePath = createSymbol(symbolType, -1, -1, 2, 2, color);
+      ripplePath.attr({
+        style: {
+          strokeNoScale: true
+        },
+        z2: 99,
+        silent: true,
+        scaleX: 0.5,
+        scaleY: 0.5
+      });
+      var delay = -i / rippleNumber * effectCfg.period + effectCfg.effectOffset;
+      ripplePath.animate('', true).when(effectCfg.period, {
+        scaleX: effectCfg.rippleScale / 2,
+        scaleY: effectCfg.rippleScale / 2
+      }).delay(delay).start();
+      ripplePath.animateStyle(true).when(effectCfg.period, {
+        opacity: 0
+      }).delay(delay).start();
+      rippleGroup.add(ripplePath);
+    }
+    updateRipplePath(rippleGroup, effectCfg);
+  };
+  /**
+   * Update effect symbol
+   */
+  EffectSymbol.prototype.updateEffectAnimation = function (effectCfg) {
+    var oldEffectCfg = this._effectCfg;
+    var rippleGroup = this.childAt(1);
+    // Must reinitialize effect if following configuration changed
+    var DIFFICULT_PROPS = ['symbolType', 'period', 'rippleScale', 'rippleNumber'];
+    for (var i = 0; i < DIFFICULT_PROPS.length; i++) {
+      var propName = DIFFICULT_PROPS[i];
+      if (oldEffectCfg[propName] !== effectCfg[propName]) {
+        this.stopEffectAnimation();
+        this.startEffectAnimation(effectCfg);
+        return;
+      }
+    }
+    updateRipplePath(rippleGroup, effectCfg);
+  };
+  /**
+   * Highlight symbol
+   */
+  EffectSymbol.prototype.highlight = function () {
+    enterEmphasis(this);
+  };
+  /**
+   * Downplay symbol
+   */
+  EffectSymbol.prototype.downplay = function () {
+    leaveEmphasis(this);
+  };
+  EffectSymbol.prototype.getSymbolType = function () {
+    var symbol = this.childAt(0);
+    return symbol && symbol.getSymbolType();
+  };
+  /**
+   * Update symbol properties
+   */
+  EffectSymbol.prototype.updateData = function (data, idx) {
+    var _this = this;
+    var seriesModel = data.hostModel;
+    this.childAt(0).updateData(data, idx);
+    var rippleGroup = this.childAt(1);
+    var itemModel = data.getItemModel(idx);
+    var symbolType = data.getItemVisual(idx, 'symbol');
+    var symbolSize = normalizeSymbolSize(data.getItemVisual(idx, 'symbolSize'));
+    var symbolStyle = data.getItemVisual(idx, 'style');
+    var color = symbolStyle && symbolStyle.fill;
+    var emphasisModel = itemModel.getModel('emphasis');
+    rippleGroup.setScale(symbolSize);
+    rippleGroup.traverse(function (ripplePath) {
+      ripplePath.setStyle('fill', color);
+    });
+    var symbolOffset = normalizeSymbolOffset(data.getItemVisual(idx, 'symbolOffset'), symbolSize);
+    if (symbolOffset) {
+      rippleGroup.x = symbolOffset[0];
+      rippleGroup.y = symbolOffset[1];
+    }
+    var symbolRotate = data.getItemVisual(idx, 'symbolRotate');
+    rippleGroup.rotation = (symbolRotate || 0) * Math.PI / 180 || 0;
+    var effectCfg = {};
+    effectCfg.showEffectOn = seriesModel.get('showEffectOn');
+    effectCfg.rippleScale = itemModel.get(['rippleEffect', 'scale']);
+    effectCfg.brushType = itemModel.get(['rippleEffect', 'brushType']);
+    effectCfg.period = itemModel.get(['rippleEffect', 'period']) * 1000;
+    effectCfg.effectOffset = idx / data.count();
+    effectCfg.z = seriesModel.getShallow('z') || 0;
+    effectCfg.zlevel = seriesModel.getShallow('zlevel') || 0;
+    effectCfg.symbolType = symbolType;
+    effectCfg.color = color;
+    effectCfg.rippleEffectColor = itemModel.get(['rippleEffect', 'color']);
+    effectCfg.rippleNumber = itemModel.get(['rippleEffect', 'number']);
+    if (effectCfg.showEffectOn === 'render') {
+      this._effectCfg ? this.updateEffectAnimation(effectCfg) : this.startEffectAnimation(effectCfg);
+      this._effectCfg = effectCfg;
+    } else {
+      // Not keep old effect config
+      this._effectCfg = null;
+      this.stopEffectAnimation();
+      this.onHoverStateChange = function (toState) {
+        if (toState === 'emphasis') {
+          if (effectCfg.showEffectOn !== 'render') {
+            _this.startEffectAnimation(effectCfg);
+          }
+        } else if (toState === 'normal') {
+          if (effectCfg.showEffectOn !== 'render') {
+            _this.stopEffectAnimation();
+          }
+        }
+      };
+    }
+    this._effectCfg = effectCfg;
+    toggleHoverEmphasis(this, emphasisModel.get('focus'), emphasisModel.get('blurScope'), emphasisModel.get('disabled'));
+  };
+  ;
+  EffectSymbol.prototype.fadeOut = function (cb) {
+    cb && cb();
+  };
+  ;
+  return EffectSymbol;
+}(Group);
+
+export { EffectSymbol as default };

package/es/node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/helper/LargeLineDraw.mjs

@@ -0,0 +1,264 @@
+import { __extends } from '../../../../../../tslib@2.3.0/node_modules/tslib/tslib.es6.mjs';
+import '../../util/graphic.mjs';
+import { containStroke } from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/contain/line.mjs';
+import { containStroke as containStroke$1 } from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/contain/quadratic.mjs';
+import { getECData } from '../../util/innerStore.mjs';
+import tokens from '../../visual/tokens.mjs';
+import BoundingRect from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/core/BoundingRect.mjs';
+import Path from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/graphic/Path.mjs';
+import Group from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/graphic/Group.mjs';
+
+var LargeLinesPathShape = /** @class */function () {
+  function LargeLinesPathShape() {
+    this.polyline = false;
+    this.curveness = 0;
+    this.segs = [];
+  }
+  return LargeLinesPathShape;
+}();
+var LargeLinesPath = /** @class */function (_super) {
+  __extends(LargeLinesPath, _super);
+  function LargeLinesPath(opts) {
+    var _this = _super.call(this, opts) || this;
+    _this._off = 0;
+    _this.hoverDataIdx = -1;
+    return _this;
+  }
+  LargeLinesPath.prototype.reset = function () {
+    this.notClear = false;
+    this._off = 0;
+  };
+  LargeLinesPath.prototype.getDefaultStyle = function () {
+    return {
+      stroke: tokens.color.neutral99,
+      fill: null
+    };
+  };
+  LargeLinesPath.prototype.getDefaultShape = function () {
+    return new LargeLinesPathShape();
+  };
+  LargeLinesPath.prototype.buildPath = function (ctx, shape) {
+    var segs = shape.segs;
+    var curveness = shape.curveness;
+    var i;
+    if (shape.polyline) {
+      for (i = this._off; i < segs.length;) {
+        var count = segs[i++];
+        if (count > 0) {
+          ctx.moveTo(segs[i++], segs[i++]);
+          for (var k = 1; k < count; k++) {
+            ctx.lineTo(segs[i++], segs[i++]);
+          }
+        }
+      }
+    } else {
+      for (i = this._off; i < segs.length;) {
+        var x0 = segs[i++];
+        var y0 = segs[i++];
+        var x1 = segs[i++];
+        var y1 = segs[i++];
+        ctx.moveTo(x0, y0);
+        if (curveness > 0) {
+          var x2 = (x0 + x1) / 2 - (y0 - y1) * curveness;
+          var y2 = (y0 + y1) / 2 - (x1 - x0) * curveness;
+          ctx.quadraticCurveTo(x2, y2, x1, y1);
+        } else {
+          ctx.lineTo(x1, y1);
+        }
+      }
+    }
+    if (this.incremental) {
+      this._off = i;
+      this.notClear = true;
+    }
+  };
+  LargeLinesPath.prototype.findDataIndex = function (x, y) {
+    var shape = this.shape;
+    var segs = shape.segs;
+    var curveness = shape.curveness;
+    var lineWidth = this.style.lineWidth;
+    if (shape.polyline) {
+      var dataIndex = 0;
+      for (var i = 0; i < segs.length;) {
+        var count = segs[i++];
+        if (count > 0) {
+          var x0 = segs[i++];
+          var y0 = segs[i++];
+          for (var k = 1; k < count; k++) {
+            var x1 = segs[i++];
+            var y1 = segs[i++];
+            if (containStroke(x0, y0, x1, y1, lineWidth, x, y)) {
+              return dataIndex;
+            }
+          }
+        }
+        dataIndex++;
+      }
+    } else {
+      var dataIndex = 0;
+      for (var i = 0; i < segs.length;) {
+        var x0 = segs[i++];
+        var y0 = segs[i++];
+        var x1 = segs[i++];
+        var y1 = segs[i++];
+        if (curveness > 0) {
+          var x2 = (x0 + x1) / 2 - (y0 - y1) * curveness;
+          var y2 = (y0 + y1) / 2 - (x1 - x0) * curveness;
+          if (containStroke$1(x0, y0, x2, y2, x1, y1, lineWidth, x, y)) {
+            return dataIndex;
+          }
+        } else {
+          if (containStroke(x0, y0, x1, y1, lineWidth, x, y)) {
+            return dataIndex;
+          }
+        }
+        dataIndex++;
+      }
+    }
+    return -1;
+  };
+  LargeLinesPath.prototype.contain = function (x, y) {
+    var localPos = this.transformCoordToLocal(x, y);
+    var rect = this.getBoundingRect();
+    x = localPos[0];
+    y = localPos[1];
+    if (rect.contain(x, y)) {
+      // Cache found data index.
+      var dataIdx = this.hoverDataIdx = this.findDataIndex(x, y);
+      return dataIdx >= 0;
+    }
+    this.hoverDataIdx = -1;
+    return false;
+  };
+  LargeLinesPath.prototype.getBoundingRect = function () {
+    // Ignore stroke for large symbol draw.
+    var rect = this._rect;
+    if (!rect) {
+      var shape = this.shape;
+      var points = shape.segs;
+      var minX = Infinity;
+      var minY = Infinity;
+      var maxX = -Infinity;
+      var maxY = -Infinity;
+      for (var i = 0; i < points.length;) {
+        var x = points[i++];
+        var y = points[i++];
+        minX = Math.min(x, minX);
+        maxX = Math.max(x, maxX);
+        minY = Math.min(y, minY);
+        maxY = Math.max(y, maxY);
+      }
+      rect = this._rect = new BoundingRect(minX, minY, maxX, maxY);
+    }
+    return rect;
+  };
+  return LargeLinesPath;
+}(Path);
+var LargeLineDraw = /** @class */function () {
+  function LargeLineDraw() {
+    this.group = new Group();
+  }
+  /**
+   * Update symbols draw by new data
+   */
+  LargeLineDraw.prototype.updateData = function (data) {
+    this._clear();
+    var lineEl = this._create();
+    lineEl.setShape({
+      segs: data.getLayout('linesPoints')
+    });
+    this._setCommon(lineEl, data);
+  };
+  ;
+  /**
+   * @override
+   */
+  LargeLineDraw.prototype.incrementalPrepareUpdate = function (data) {
+    this.group.removeAll();
+    this._clear();
+  };
+  ;
+  /**
+   * @override
+   */
+  LargeLineDraw.prototype.incrementalUpdate = function (taskParams, data) {
+    var lastAdded = this._newAdded[0];
+    var linePoints = data.getLayout('linesPoints');
+    var oldSegs = lastAdded && lastAdded.shape.segs;
+    // Merging the exists. Each element has 1e4 points.
+    // Consider the performance balance between too much elements and too much points in one shape(may affect hover optimization)
+    if (oldSegs && oldSegs.length < 2e4) {
+      var oldLen = oldSegs.length;
+      var newSegs = new Float32Array(oldLen + linePoints.length);
+      // Concat two array
+      newSegs.set(oldSegs);
+      newSegs.set(linePoints, oldLen);
+      lastAdded.setShape({
+        segs: newSegs
+      });
+    } else {
+      // Clear
+      this._newAdded = [];
+      var lineEl = this._create();
+      lineEl.incremental = true;
+      lineEl.setShape({
+        segs: linePoints
+      });
+      this._setCommon(lineEl, data);
+      lineEl.__startIndex = taskParams.start;
+    }
+  };
+  /**
+   * @override
+   */
+  LargeLineDraw.prototype.remove = function () {
+    this._clear();
+  };
+  LargeLineDraw.prototype.eachRendered = function (cb) {
+    this._newAdded[0] && cb(this._newAdded[0]);
+  };
+  LargeLineDraw.prototype._create = function () {
+    var lineEl = new LargeLinesPath({
+      cursor: 'default',
+      ignoreCoarsePointer: true
+    });
+    this._newAdded.push(lineEl);
+    this.group.add(lineEl);
+    return lineEl;
+  };
+  LargeLineDraw.prototype._setCommon = function (lineEl, data, isIncremental) {
+    var hostModel = data.hostModel;
+    lineEl.setShape({
+      polyline: hostModel.get('polyline'),
+      curveness: hostModel.get(['lineStyle', 'curveness'])
+    });
+    lineEl.useStyle(hostModel.getModel('lineStyle').getLineStyle());
+    lineEl.style.strokeNoScale = true;
+    var style = data.getVisual('style');
+    if (style && style.stroke) {
+      lineEl.setStyle('stroke', style.stroke);
+    }
+    lineEl.setStyle('fill', null);
+    var ecData = getECData(lineEl);
+    // Enable tooltip
+    // PENDING May have performance issue when path is extremely large
+    ecData.seriesIndex = hostModel.seriesIndex;
+    lineEl.on('mousemove', function (e) {
+      ecData.dataIndex = null;
+      var dataIndex = lineEl.hoverDataIdx;
+      if (dataIndex > 0) {
+        // Provide dataIndex for tooltip
+        ecData.dataIndex = dataIndex + lineEl.__startIndex;
+      }
+    });
+  };
+  ;
+  LargeLineDraw.prototype._clear = function () {
+    this._newAdded = [];
+    this.group.removeAll();
+  };
+  ;
+  return LargeLineDraw;
+}();
+
+export { LargeLineDraw as default };

package/es/node_modules/.pnpm/echarts@6.0.0/node_modules/echarts/lib/chart/helper/LargeSymbolDraw.mjs

@@ -0,0 +1,269 @@
+import { __extends } from '../../../../../../tslib@2.3.0/node_modules/tslib/tslib.es6.mjs';
+import '../../util/graphic.mjs';
+import { createSymbol } from '../../util/symbol.mjs';
+import { getECData } from '../../util/innerStore.mjs';
+import BoundingRect from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/core/BoundingRect.mjs';
+import Path from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/graphic/Path.mjs';
+import Group from '../../../../../../zrender@6.0.0/node_modules/zrender/lib/graphic/Group.mjs';
+
+var BOOST_SIZE_THRESHOLD = 4;
+var LargeSymbolPathShape = /** @class */function () {
+  function LargeSymbolPathShape() {}
+  return LargeSymbolPathShape;
+}();
+var LargeSymbolPath = /** @class */function (_super) {
+  __extends(LargeSymbolPath, _super);
+  function LargeSymbolPath(opts) {
+    var _this = _super.call(this, opts) || this;
+    _this._off = 0;
+    _this.hoverDataIdx = -1;
+    return _this;
+  }
+  LargeSymbolPath.prototype.getDefaultShape = function () {
+    return new LargeSymbolPathShape();
+  };
+  LargeSymbolPath.prototype.reset = function () {
+    this.notClear = false;
+    this._off = 0;
+  };
+  LargeSymbolPath.prototype.buildPath = function (path, shape) {
+    var points = shape.points;
+    var size = shape.size;
+    var symbolProxy = this.symbolProxy;
+    var symbolProxyShape = symbolProxy.shape;
+    var ctx = path.getContext ? path.getContext() : path;
+    var canBoost = ctx && size[0] < BOOST_SIZE_THRESHOLD;
+    var softClipShape = this.softClipShape;
+    var i;
+    // Do draw in afterBrush.
+    if (canBoost) {
+      this._ctx = ctx;
+      return;
+    }
+    this._ctx = null;
+    for (i = this._off; i < points.length;) {
+      var x = points[i++];
+      var y = points[i++];
+      if (isNaN(x) || isNaN(y)) {
+        continue;
+      }
+      if (softClipShape && !softClipShape.contain(x, y)) {
+        continue;
+      }
+      symbolProxyShape.x = x - size[0] / 2;
+      symbolProxyShape.y = y - size[1] / 2;
+      symbolProxyShape.width = size[0];
+      symbolProxyShape.height = size[1];
+      symbolProxy.buildPath(path, symbolProxyShape, true);
+    }
+    if (this.incremental) {
+      this._off = i;
+      this.notClear = true;
+    }
+  };
+  LargeSymbolPath.prototype.afterBrush = function () {
+    var shape = this.shape;
+    var points = shape.points;
+    var size = shape.size;
+    var ctx = this._ctx;
+    var softClipShape = this.softClipShape;
+    var i;
+    if (!ctx) {
+      return;
+    }
+    // PENDING If style or other canvas status changed?
+    for (i = this._off; i < points.length;) {
+      var x = points[i++];
+      var y = points[i++];
+      if (isNaN(x) || isNaN(y)) {
+        continue;
+      }
+      if (softClipShape && !softClipShape.contain(x, y)) {
+        continue;
+      }
+      // fillRect is faster than building a rect path and draw.
+      // And it support light globalCompositeOperation.
+      ctx.fillRect(x - size[0] / 2, y - size[1] / 2, size[0], size[1]);
+    }
+    if (this.incremental) {
+      this._off = i;
+      this.notClear = true;
+    }
+  };
+  LargeSymbolPath.prototype.findDataIndex = function (x, y) {
+    // TODO ???
+    // Consider transform
+    var shape = this.shape;
+    var points = shape.points;
+    var size = shape.size;
+    var w = Math.max(size[0], 4);
+    var h = Math.max(size[1], 4);
+    // Not consider transform
+    // Treat each element as a rect
+    // top down traverse
+    for (var idx = points.length / 2 - 1; idx >= 0; idx--) {
+      var i = idx * 2;
+      var x0 = points[i] - w / 2;
+      var y0 = points[i + 1] - h / 2;
+      if (x >= x0 && y >= y0 && x <= x0 + w && y <= y0 + h) {
+        return idx;
+      }
+    }
+    return -1;
+  };
+  LargeSymbolPath.prototype.contain = function (x, y) {
+    var localPos = this.transformCoordToLocal(x, y);
+    var rect = this.getBoundingRect();
+    x = localPos[0];
+    y = localPos[1];
+    if (rect.contain(x, y)) {
+      // Cache found data index.
+      var dataIdx = this.hoverDataIdx = this.findDataIndex(x, y);
+      return dataIdx >= 0;
+    }
+    this.hoverDataIdx = -1;
+    return false;
+  };
+  LargeSymbolPath.prototype.getBoundingRect = function () {
+    // Ignore stroke for large symbol draw.
+    var rect = this._rect;
+    if (!rect) {
+      var shape = this.shape;
+      var points = shape.points;
+      var size = shape.size;
+      var w = size[0];
+      var h = size[1];
+      var minX = Infinity;
+      var minY = Infinity;
+      var maxX = -Infinity;
+      var maxY = -Infinity;
+      for (var i = 0; i < points.length;) {
+        var x = points[i++];
+        var y = points[i++];
+        minX = Math.min(x, minX);
+        maxX = Math.max(x, maxX);
+        minY = Math.min(y, minY);
+        maxY = Math.max(y, maxY);
+      }
+      rect = this._rect = new BoundingRect(minX - w / 2, minY - h / 2, maxX - minX + w, maxY - minY + h);
+    }
+    return rect;
+  };
+  return LargeSymbolPath;
+}(Path);
+var LargeSymbolDraw = /** @class */function () {
+  function LargeSymbolDraw() {
+    this.group = new Group();
+  }
+  /**
+   * Update symbols draw by new data
+   */
+  LargeSymbolDraw.prototype.updateData = function (data, opt) {
+    this._clear();
+    var symbolEl = this._create();
+    symbolEl.setShape({
+      points: data.getLayout('points')
+    });
+    this._setCommon(symbolEl, data, opt);
+  };
+  LargeSymbolDraw.prototype.updateLayout = function (data) {
+    var points = data.getLayout('points');
+    this.group.eachChild(function (child) {
+      if (child.startIndex != null) {
+        var len = (child.endIndex - child.startIndex) * 2;
+        var byteOffset = child.startIndex * 4 * 2;
+        points = new Float32Array(points.buffer, byteOffset, len);
+      }
+      child.setShape('points', points);
+      // Reset draw cursor.
+      child.reset();
+    });
+  };
+  LargeSymbolDraw.prototype.incrementalPrepareUpdate = function (data) {
+    this._clear();
+  };
+  LargeSymbolDraw.prototype.incrementalUpdate = function (taskParams, data, opt) {
+    var lastAdded = this._newAdded[0];
+    var points = data.getLayout('points');
+    var oldPoints = lastAdded && lastAdded.shape.points;
+    // Merging the exists. Each element has 1e4 points.
+    // Consider the performance balance between too much elements and too much points in one shape(may affect hover optimization)
+    if (oldPoints && oldPoints.length < 2e4) {
+      var oldLen = oldPoints.length;
+      var newPoints = new Float32Array(oldLen + points.length);
+      // Concat two array
+      newPoints.set(oldPoints);
+      newPoints.set(points, oldLen);
+      // Update endIndex
+      lastAdded.endIndex = taskParams.end;
+      lastAdded.setShape({
+        points: newPoints
+      });
+    } else {
+      // Clear
+      this._newAdded = [];
+      var symbolEl = this._create();
+      symbolEl.startIndex = taskParams.start;
+      symbolEl.endIndex = taskParams.end;
+      symbolEl.incremental = true;
+      symbolEl.setShape({
+        points: points
+      });
+      this._setCommon(symbolEl, data, opt);
+    }
+  };
+  LargeSymbolDraw.prototype.eachRendered = function (cb) {
+    this._newAdded[0] && cb(this._newAdded[0]);
+  };
+  LargeSymbolDraw.prototype._create = function () {
+    var symbolEl = new LargeSymbolPath({
+      cursor: 'default'
+    });
+    symbolEl.ignoreCoarsePointer = true;
+    this.group.add(symbolEl);
+    this._newAdded.push(symbolEl);
+    return symbolEl;
+  };
+  LargeSymbolDraw.prototype._setCommon = function (symbolEl, data, opt) {
+    var hostModel = data.hostModel;
+    opt = opt || {};
+    var size = data.getVisual('symbolSize');
+    symbolEl.setShape('size', size instanceof Array ? size : [size, size]);
+    symbolEl.softClipShape = opt.clipShape || null;
+    // Create symbolProxy to build path for each data
+    symbolEl.symbolProxy = createSymbol(data.getVisual('symbol'), 0, 0, 0, 0);
+    // Use symbolProxy setColor method
+    symbolEl.setColor = symbolEl.symbolProxy.setColor;
+    var extrudeShadow = symbolEl.shape.size[0] < BOOST_SIZE_THRESHOLD;
+    symbolEl.useStyle(
+    // Draw shadow when doing fillRect is extremely slow.
+    hostModel.getModel('itemStyle').getItemStyle(extrudeShadow ? ['color', 'shadowBlur', 'shadowColor'] : ['color']));
+    var globalStyle = data.getVisual('style');
+    var visualColor = globalStyle && globalStyle.fill;
+    if (visualColor) {
+      symbolEl.setColor(visualColor);
+    }
+    var ecData = getECData(symbolEl);
+    // Enable tooltip
+    // PENDING May have performance issue when path is extremely large
+    ecData.seriesIndex = hostModel.seriesIndex;
+    symbolEl.on('mousemove', function (e) {
+      ecData.dataIndex = null;
+      var dataIndex = symbolEl.hoverDataIdx;
+      if (dataIndex >= 0) {
+        // Provide dataIndex for tooltip
+        ecData.dataIndex = dataIndex + (symbolEl.startIndex || 0);
+      }
+    });
+  };
+  LargeSymbolDraw.prototype.remove = function () {
+    this._clear();
+  };
+  LargeSymbolDraw.prototype._clear = function () {
+    this._newAdded = [];
+    this.group.removeAll();
+  };
+  return LargeSymbolDraw;
+}();
+
+export { LargeSymbolDraw as default };