@ecan-bi/datav 1.1.15 → 1.1.17

package/lib/node_modules/zrender/lib/canvas/Painter.js

@@ -0,0 +1,618 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const config = require("../config.js");
+const util = require("../core/util.js");
+const Layer = require("./Layer.js");
+const requestAnimationFrame = require("../animation/requestAnimationFrame.js");
+const env = require("../core/env.js");
+const graphic = require("./graphic.js");
+const constants = require("../graphic/constants.js");
+const helper = require("./helper.js");
+var HOVER_LAYER_ZLEVEL = 1e5;
+var CANVAS_ZLEVEL = 314159;
+var EL_AFTER_INCREMENTAL_INC = 0.01;
+var INCREMENTAL_INC = 1e-3;
+function isLayerValid(layer) {
+  if (!layer) {
+    return false;
+  }
+  if (layer.__builtin__) {
+    return true;
+  }
+  if (typeof layer.resize !== "function" || typeof layer.refresh !== "function") {
+    return false;
+  }
+  return true;
+}
+function createRoot(width, height) {
+  var domRoot = document.createElement("div");
+  domRoot.style.cssText = [
+    "position:relative",
+    "width:" + width + "px",
+    "height:" + height + "px",
+    "padding:0",
+    "margin:0",
+    "border-width:0"
+  ].join(";") + ";";
+  return domRoot;
+}
+var CanvasPainter = function() {
+  function CanvasPainter2(root, storage, opts, id) {
+    this.type = "canvas";
+    this._zlevelList = [];
+    this._prevDisplayList = [];
+    this._layers = {};
+    this._layerConfig = {};
+    this._needsManuallyCompositing = false;
+    this.type = "canvas";
+    var singleCanvas = !root.nodeName || root.nodeName.toUpperCase() === "CANVAS";
+    this._opts = opts = util.extend({}, opts || {});
+    this.dpr = opts.devicePixelRatio || config.devicePixelRatio;
+    this._singleCanvas = singleCanvas;
+    this.root = root;
+    var rootStyle = root.style;
+    if (rootStyle) {
+      util.disableUserSelect(root);
+      root.innerHTML = "";
+    }
+    this.storage = storage;
+    var zlevelList = this._zlevelList;
+    this._prevDisplayList = [];
+    var layers = this._layers;
+    if (!singleCanvas) {
+      this._width = helper.getSize(root, 0, opts);
+      this._height = helper.getSize(root, 1, opts);
+      var domRoot = this._domRoot = createRoot(this._width, this._height);
+      root.appendChild(domRoot);
+    } else {
+      var rootCanvas = root;
+      var width = rootCanvas.width;
+      var height = rootCanvas.height;
+      if (opts.width != null) {
+        width = opts.width;
+      }
+      if (opts.height != null) {
+        height = opts.height;
+      }
+      this.dpr = opts.devicePixelRatio || 1;
+      rootCanvas.width = width * this.dpr;
+      rootCanvas.height = height * this.dpr;
+      this._width = width;
+      this._height = height;
+      var mainLayer = new Layer.default(rootCanvas, this, this.dpr);
+      mainLayer.__builtin__ = true;
+      mainLayer.initContext();
+      layers[CANVAS_ZLEVEL] = mainLayer;
+      mainLayer.zlevel = CANVAS_ZLEVEL;
+      zlevelList.push(CANVAS_ZLEVEL);
+      this._domRoot = root;
+    }
+  }
+  CanvasPainter2.prototype.getType = function() {
+    return "canvas";
+  };
+  CanvasPainter2.prototype.isSingleCanvas = function() {
+    return this._singleCanvas;
+  };
+  CanvasPainter2.prototype.getViewportRoot = function() {
+    return this._domRoot;
+  };
+  CanvasPainter2.prototype.getViewportRootOffset = function() {
+    var viewportRoot = this.getViewportRoot();
+    if (viewportRoot) {
+      return {
+        offsetLeft: viewportRoot.offsetLeft || 0,
+        offsetTop: viewportRoot.offsetTop || 0
+      };
+    }
+  };
+  CanvasPainter2.prototype.refresh = function(paintAll) {
+    var list = this.storage.getDisplayList(true);
+    var prevList = this._prevDisplayList;
+    var zlevelList = this._zlevelList;
+    this._redrawId = Math.random();
+    this._paintList(list, prevList, paintAll, this._redrawId);
+    for (var i = 0; i < zlevelList.length; i++) {
+      var z = zlevelList[i];
+      var layer = this._layers[z];
+      if (!layer.__builtin__ && layer.refresh) {
+        var clearColor = i === 0 ? this._backgroundColor : null;
+        layer.refresh(clearColor);
+      }
+    }
+    if (this._opts.useDirtyRect) {
+      this._prevDisplayList = list.slice();
+    }
+    return this;
+  };
+  CanvasPainter2.prototype.refreshHover = function() {
+    this._paintHoverList(this.storage.getDisplayList(false));
+  };
+  CanvasPainter2.prototype._paintHoverList = function(list) {
+    var len = list.length;
+    var hoverLayer = this._hoverlayer;
+    hoverLayer && hoverLayer.clear();
+    if (!len) {
+      return;
+    }
+    var scope = {
+      inHover: true,
+      viewWidth: this._width,
+      viewHeight: this._height
+    };
+    var ctx;
+    for (var i = 0; i < len; i++) {
+      var el = list[i];
+      if (el.__inHover) {
+        if (!hoverLayer) {
+          hoverLayer = this._hoverlayer = this.getLayer(HOVER_LAYER_ZLEVEL);
+        }
+        if (!ctx) {
+          ctx = hoverLayer.ctx;
+          ctx.save();
+        }
+        graphic.brush(ctx, el, scope, i === len - 1);
+      }
+    }
+    if (ctx) {
+      ctx.restore();
+    }
+  };
+  CanvasPainter2.prototype.getHoverLayer = function() {
+    return this.getLayer(HOVER_LAYER_ZLEVEL);
+  };
+  CanvasPainter2.prototype.paintOne = function(ctx, el) {
+    graphic.brushSingle(ctx, el);
+  };
+  CanvasPainter2.prototype._paintList = function(list, prevList, paintAll, redrawId) {
+    if (this._redrawId !== redrawId) {
+      return;
+    }
+    paintAll = paintAll || false;
+    this._updateLayerStatus(list);
+    var _a = this._doPaintList(list, prevList, paintAll), finished = _a.finished, needsRefreshHover = _a.needsRefreshHover;
+    if (this._needsManuallyCompositing) {
+      this._compositeManually();
+    }
+    if (needsRefreshHover) {
+      this._paintHoverList(list);
+    }
+    if (!finished) {
+      var self_1 = this;
+      requestAnimationFrame.default(function() {
+        self_1._paintList(list, prevList, paintAll, redrawId);
+      });
+    } else {
+      this.eachLayer(function(layer) {
+        layer.afterBrush && layer.afterBrush();
+      });
+    }
+  };
+  CanvasPainter2.prototype._compositeManually = function() {
+    var ctx = this.getLayer(CANVAS_ZLEVEL).ctx;
+    var width = this._domRoot.width;
+    var height = this._domRoot.height;
+    ctx.clearRect(0, 0, width, height);
+    this.eachBuiltinLayer(function(layer) {
+      if (layer.virtual) {
+        ctx.drawImage(layer.dom, 0, 0, width, height);
+      }
+    });
+  };
+  CanvasPainter2.prototype._doPaintList = function(list, prevList, paintAll) {
+    var _this = this;
+    var layerList = [];
+    var useDirtyRect = this._opts.useDirtyRect;
+    for (var zi = 0; zi < this._zlevelList.length; zi++) {
+      var zlevel = this._zlevelList[zi];
+      var layer = this._layers[zlevel];
+      if (layer.__builtin__ && layer !== this._hoverlayer && (layer.__dirty || paintAll)) {
+        layerList.push(layer);
+      }
+    }
+    var finished = true;
+    var needsRefreshHover = false;
+    var _loop_1 = function(k2) {
+      var layer2 = layerList[k2];
+      var ctx = layer2.ctx;
+      var repaintRects = useDirtyRect && layer2.createRepaintRects(list, prevList, this_1._width, this_1._height);
+      var start = paintAll ? layer2.__startIndex : layer2.__drawIndex;
+      var useTimer = !paintAll && layer2.incremental && Date.now;
+      var startTime = useTimer && Date.now();
+      var clearColor = layer2.zlevel === this_1._zlevelList[0] ? this_1._backgroundColor : null;
+      if (layer2.__startIndex === layer2.__endIndex) {
+        layer2.clear(false, clearColor, repaintRects);
+      } else if (start === layer2.__startIndex) {
+        var firstEl = list[start];
+        if (!firstEl.incremental || !firstEl.notClear || paintAll) {
+          layer2.clear(false, clearColor, repaintRects);
+        }
+      }
+      if (start === -1) {
+        console.error("For some unknown reason. drawIndex is -1");
+        start = layer2.__startIndex;
+      }
+      var i;
+      var repaint = function(repaintRect) {
+        var scope = {
+          inHover: false,
+          allClipped: false,
+          prevEl: null,
+          viewWidth: _this._width,
+          viewHeight: _this._height
+        };
+        for (i = start; i < layer2.__endIndex; i++) {
+          var el = list[i];
+          if (el.__inHover) {
+            needsRefreshHover = true;
+          }
+          _this._doPaintEl(el, layer2, useDirtyRect, repaintRect, scope, i === layer2.__endIndex - 1);
+          if (useTimer) {
+            var dTime = Date.now() - startTime;
+            if (dTime > 15) {
+              break;
+            }
+          }
+        }
+        if (scope.prevElClipPaths) {
+          ctx.restore();
+        }
+      };
+      if (repaintRects) {
+        if (repaintRects.length === 0) {
+          i = layer2.__endIndex;
+        } else {
+          var dpr = this_1.dpr;
+          for (var r = 0; r < repaintRects.length; ++r) {
+            var rect = repaintRects[r];
+            ctx.save();
+            ctx.beginPath();
+            ctx.rect(rect.x * dpr, rect.y * dpr, rect.width * dpr, rect.height * dpr);
+            ctx.clip();
+            repaint(rect);
+            ctx.restore();
+          }
+        }
+      } else {
+        ctx.save();
+        repaint();
+        ctx.restore();
+      }
+      layer2.__drawIndex = i;
+      if (layer2.__drawIndex < layer2.__endIndex) {
+        finished = false;
+      }
+    };
+    var this_1 = this;
+    for (var k = 0; k < layerList.length; k++) {
+      _loop_1(k);
+    }
+    if (env.default.wxa) {
+      util.each(this._layers, function(layer2) {
+        if (layer2 && layer2.ctx && layer2.ctx.draw) {
+          layer2.ctx.draw();
+        }
+      });
+    }
+    return {
+      finished,
+      needsRefreshHover
+    };
+  };
+  CanvasPainter2.prototype._doPaintEl = function(el, currentLayer, useDirtyRect, repaintRect, scope, isLast) {
+    var ctx = currentLayer.ctx;
+    if (useDirtyRect) {
+      var paintRect = el.getPaintRect();
+      if (!repaintRect || paintRect && paintRect.intersect(repaintRect)) {
+        graphic.brush(ctx, el, scope, isLast);
+        el.setPrevPaintRect(paintRect);
+      }
+    } else {
+      graphic.brush(ctx, el, scope, isLast);
+    }
+  };
+  CanvasPainter2.prototype.getLayer = function(zlevel, virtual) {
+    if (this._singleCanvas && !this._needsManuallyCompositing) {
+      zlevel = CANVAS_ZLEVEL;
+    }
+    var layer = this._layers[zlevel];
+    if (!layer) {
+      layer = new Layer.default("zr_" + zlevel, this, this.dpr);
+      layer.zlevel = zlevel;
+      layer.__builtin__ = true;
+      if (this._layerConfig[zlevel]) {
+        util.merge(layer, this._layerConfig[zlevel], true);
+      } else if (this._layerConfig[zlevel - EL_AFTER_INCREMENTAL_INC]) {
+        util.merge(layer, this._layerConfig[zlevel - EL_AFTER_INCREMENTAL_INC], true);
+      }
+      if (virtual) {
+        layer.virtual = virtual;
+      }
+      this.insertLayer(zlevel, layer);
+      layer.initContext();
+    }
+    return layer;
+  };
+  CanvasPainter2.prototype.insertLayer = function(zlevel, layer) {
+    var layersMap = this._layers;
+    var zlevelList = this._zlevelList;
+    var len = zlevelList.length;
+    var domRoot = this._domRoot;
+    var prevLayer = null;
+    var i = -1;
+    if (layersMap[zlevel]) {
+      if (process.env.NODE_ENV !== "production") {
+        util.logError("ZLevel " + zlevel + " has been used already");
+      }
+      return;
+    }
+    if (!isLayerValid(layer)) {
+      if (process.env.NODE_ENV !== "production") {
+        util.logError("Layer of zlevel " + zlevel + " is not valid");
+      }
+      return;
+    }
+    if (len > 0 && zlevel > zlevelList[0]) {
+      for (i = 0; i < len - 1; i++) {
+        if (zlevelList[i] < zlevel && zlevelList[i + 1] > zlevel) {
+          break;
+        }
+      }
+      prevLayer = layersMap[zlevelList[i]];
+    }
+    zlevelList.splice(i + 1, 0, zlevel);
+    layersMap[zlevel] = layer;
+    if (!layer.virtual) {
+      if (prevLayer) {
+        var prevDom = prevLayer.dom;
+        if (prevDom.nextSibling) {
+          domRoot.insertBefore(layer.dom, prevDom.nextSibling);
+        } else {
+          domRoot.appendChild(layer.dom);
+        }
+      } else {
+        if (domRoot.firstChild) {
+          domRoot.insertBefore(layer.dom, domRoot.firstChild);
+        } else {
+          domRoot.appendChild(layer.dom);
+        }
+      }
+    }
+    layer.__painter = this;
+  };
+  CanvasPainter2.prototype.eachLayer = function(cb, context) {
+    var zlevelList = this._zlevelList;
+    for (var i = 0; i < zlevelList.length; i++) {
+      var z = zlevelList[i];
+      cb.call(context, this._layers[z], z);
+    }
+  };
+  CanvasPainter2.prototype.eachBuiltinLayer = function(cb, context) {
+    var zlevelList = this._zlevelList;
+    for (var i = 0; i < zlevelList.length; i++) {
+      var z = zlevelList[i];
+      var layer = this._layers[z];
+      if (layer.__builtin__) {
+        cb.call(context, layer, z);
+      }
+    }
+  };
+  CanvasPainter2.prototype.eachOtherLayer = function(cb, context) {
+    var zlevelList = this._zlevelList;
+    for (var i = 0; i < zlevelList.length; i++) {
+      var z = zlevelList[i];
+      var layer = this._layers[z];
+      if (!layer.__builtin__) {
+        cb.call(context, layer, z);
+      }
+    }
+  };
+  CanvasPainter2.prototype.getLayers = function() {
+    return this._layers;
+  };
+  CanvasPainter2.prototype._updateLayerStatus = function(list) {
+    this.eachBuiltinLayer(function(layer2, z) {
+      layer2.__dirty = layer2.__used = false;
+    });
+    function updatePrevLayer(idx) {
+      if (prevLayer) {
+        if (prevLayer.__endIndex !== idx) {
+          prevLayer.__dirty = true;
+        }
+        prevLayer.__endIndex = idx;
+      }
+    }
+    if (this._singleCanvas) {
+      for (var i_1 = 1; i_1 < list.length; i_1++) {
+        var el = list[i_1];
+        if (el.zlevel !== list[i_1 - 1].zlevel || el.incremental) {
+          this._needsManuallyCompositing = true;
+          break;
+        }
+      }
+    }
+    var prevLayer = null;
+    var incrementalLayerCount = 0;
+    var prevZlevel;
+    var i;
+    for (i = 0; i < list.length; i++) {
+      var el = list[i];
+      var zlevel = el.zlevel;
+      var layer = void 0;
+      if (prevZlevel !== zlevel) {
+        prevZlevel = zlevel;
+        incrementalLayerCount = 0;
+      }
+      if (el.incremental) {
+        layer = this.getLayer(zlevel + INCREMENTAL_INC, this._needsManuallyCompositing);
+        layer.incremental = true;
+        incrementalLayerCount = 1;
+      } else {
+        layer = this.getLayer(zlevel + (incrementalLayerCount > 0 ? EL_AFTER_INCREMENTAL_INC : 0), this._needsManuallyCompositing);
+      }
+      if (!layer.__builtin__) {
+        util.logError("ZLevel " + zlevel + " has been used by unkown layer " + layer.id);
+      }
+      if (layer !== prevLayer) {
+        layer.__used = true;
+        if (layer.__startIndex !== i) {
+          layer.__dirty = true;
+        }
+        layer.__startIndex = i;
+        if (!layer.incremental) {
+          layer.__drawIndex = i;
+        } else {
+          layer.__drawIndex = -1;
+        }
+        updatePrevLayer(i);
+        prevLayer = layer;
+      }
+      if (el.__dirty & constants.REDRAW_BIT && !el.__inHover) {
+        layer.__dirty = true;
+        if (layer.incremental && layer.__drawIndex < 0) {
+          layer.__drawIndex = i;
+        }
+      }
+    }
+    updatePrevLayer(i);
+    this.eachBuiltinLayer(function(layer2, z) {
+      if (!layer2.__used && layer2.getElementCount() > 0) {
+        layer2.__dirty = true;
+        layer2.__startIndex = layer2.__endIndex = layer2.__drawIndex = 0;
+      }
+      if (layer2.__dirty && layer2.__drawIndex < 0) {
+        layer2.__drawIndex = layer2.__startIndex;
+      }
+    });
+  };
+  CanvasPainter2.prototype.clear = function() {
+    this.eachBuiltinLayer(this._clearLayer);
+    return this;
+  };
+  CanvasPainter2.prototype._clearLayer = function(layer) {
+    layer.clear();
+  };
+  CanvasPainter2.prototype.setBackgroundColor = function(backgroundColor) {
+    this._backgroundColor = backgroundColor;
+    util.each(this._layers, function(layer) {
+      layer.setUnpainted();
+    });
+  };
+  CanvasPainter2.prototype.configLayer = function(zlevel, config2) {
+    if (config2) {
+      var layerConfig = this._layerConfig;
+      if (!layerConfig[zlevel]) {
+        layerConfig[zlevel] = config2;
+      } else {
+        util.merge(layerConfig[zlevel], config2, true);
+      }
+      for (var i = 0; i < this._zlevelList.length; i++) {
+        var _zlevel = this._zlevelList[i];
+        if (_zlevel === zlevel || _zlevel === zlevel + EL_AFTER_INCREMENTAL_INC) {
+          var layer = this._layers[_zlevel];
+          util.merge(layer, layerConfig[zlevel], true);
+        }
+      }
+    }
+  };
+  CanvasPainter2.prototype.delLayer = function(zlevel) {
+    var layers = this._layers;
+    var zlevelList = this._zlevelList;
+    var layer = layers[zlevel];
+    if (!layer) {
+      return;
+    }
+    layer.dom.parentNode.removeChild(layer.dom);
+    delete layers[zlevel];
+    zlevelList.splice(util.indexOf(zlevelList, zlevel), 1);
+  };
+  CanvasPainter2.prototype.resize = function(width, height) {
+    if (!this._domRoot.style) {
+      if (width == null || height == null) {
+        return;
+      }
+      this._width = width;
+      this._height = height;
+      this.getLayer(CANVAS_ZLEVEL).resize(width, height);
+    } else {
+      var domRoot = this._domRoot;
+      domRoot.style.display = "none";
+      var opts = this._opts;
+      var root = this.root;
+      width != null && (opts.width = width);
+      height != null && (opts.height = height);
+      width = helper.getSize(root, 0, opts);
+      height = helper.getSize(root, 1, opts);
+      domRoot.style.display = "";
+      if (this._width !== width || height !== this._height) {
+        domRoot.style.width = width + "px";
+        domRoot.style.height = height + "px";
+        for (var id in this._layers) {
+          if (this._layers.hasOwnProperty(id)) {
+            this._layers[id].resize(width, height);
+          }
+        }
+        this.refresh(true);
+      }
+      this._width = width;
+      this._height = height;
+    }
+    return this;
+  };
+  CanvasPainter2.prototype.clearLayer = function(zlevel) {
+    var layer = this._layers[zlevel];
+    if (layer) {
+      layer.clear();
+    }
+  };
+  CanvasPainter2.prototype.dispose = function() {
+    this.root.innerHTML = "";
+    this.root = this.storage = this._domRoot = this._layers = null;
+  };
+  CanvasPainter2.prototype.getRenderedCanvas = function(opts) {
+    opts = opts || {};
+    if (this._singleCanvas && !this._compositeManually) {
+      return this._layers[CANVAS_ZLEVEL].dom;
+    }
+    var imageLayer = new Layer.default("image", this, opts.pixelRatio || this.dpr);
+    imageLayer.initContext();
+    imageLayer.clear(false, opts.backgroundColor || this._backgroundColor);
+    var ctx = imageLayer.ctx;
+    if (opts.pixelRatio <= this.dpr) {
+      this.refresh();
+      var width_1 = imageLayer.dom.width;
+      var height_1 = imageLayer.dom.height;
+      this.eachLayer(function(layer) {
+        if (layer.__builtin__) {
+          ctx.drawImage(layer.dom, 0, 0, width_1, height_1);
+        } else if (layer.renderToCanvas) {
+          ctx.save();
+          layer.renderToCanvas(ctx);
+          ctx.restore();
+        }
+      });
+    } else {
+      var scope = {
+        inHover: false,
+        viewWidth: this._width,
+        viewHeight: this._height
+      };
+      var displayList = this.storage.getDisplayList(true);
+      for (var i = 0, len = displayList.length; i < len; i++) {
+        var el = displayList[i];
+        graphic.brush(ctx, el, scope, i === len - 1);
+      }
+    }
+    return imageLayer.dom;
+  };
+  CanvasPainter2.prototype.getWidth = function() {
+    return this._width;
+  };
+  CanvasPainter2.prototype.getHeight = function() {
+    return this._height;
+  };
+  return CanvasPainter2;
+}();
+const CanvasPainter$1 = CanvasPainter;
+exports.default = CanvasPainter$1;
+//# sourceMappingURL=Painter.js.map