@antv/l7-layers 2.8.3 → 2.8.6

package/es/canvas/index.d.ts

@@ -0,0 +1,19 @@
+import BaseLayer from '../core/BaseLayer';
+import { ICanvasLayerStyleOptions } from '../core/interface';
+import { CanvasModelType } from './models/index';
+export default class CanvasLayer extends BaseLayer<ICanvasLayerStyleOptions> {
+    type: string;
+    buildModels(): void;
+    rebuildModels(): void;
+    protected getConfigSchema(): {
+        properties: {
+            opacity: {
+                type: string;
+                minimum: number;
+                maximum: number;
+            };
+        };
+    };
+    protected getDefaultConfig(): {};
+    protected getModelType(): CanvasModelType;
+}

package/es/canvas/index.js

@@ -0,0 +1,82 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import BaseLayer from '../core/BaseLayer';
+import CanvasModels from './models/index';
+
+var CanvasLayer = function (_BaseLayer) {
+  _inherits(CanvasLayer, _BaseLayer);
+
+  var _super = _createSuper(CanvasLayer);
+
+  function CanvasLayer() {
+    var _this;
+
+    _classCallCheck(this, CanvasLayer);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "type", 'CanvasLayer');
+
+    return _this;
+  }
+
+  _createClass(CanvasLayer, [{
+    key: "buildModels",
+    value: function buildModels() {
+      var modelType = this.getModelType();
+      this.layerModel = new CanvasModels[modelType](this);
+      this.models = this.layerModel.initModels();
+    }
+  }, {
+    key: "rebuildModels",
+    value: function rebuildModels() {
+      this.models = this.layerModel.buildModels();
+    }
+  }, {
+    key: "getConfigSchema",
+    value: function getConfigSchema() {
+      return {
+        properties: {
+          opacity: {
+            type: 'number',
+            minimum: 0,
+            maximum: 1
+          }
+        }
+      };
+    }
+  }, {
+    key: "getDefaultConfig",
+    value: function getDefaultConfig() {
+      var type = this.getModelType();
+      var defaultConfig = {
+        canvas: {}
+      };
+      return defaultConfig[type];
+    }
+  }, {
+    key: "getModelType",
+    value: function getModelType() {
+      return 'canvas';
+    }
+  }]);
+
+  return CanvasLayer;
+}(BaseLayer);
+
+export { CanvasLayer as default };
+//# sourceMappingURL=index.js.map

package/es/canvas/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/canvas/index.ts"],"names":["BaseLayer","CanvasModels","CanvasLayer","modelType","getModelType","layerModel","models","initModels","buildModels","properties","opacity","type","minimum","maximum","defaultConfig","canvas"],"mappings":";;;;;;;;;;;;AAAA,OAAOA,SAAP,MAAsB,mBAAtB;AAEA,OAAOC,YAAP,MAA8C,gBAA9C;;IACqBC,W;;;;;;;;;;;;;;;;2DACG,a;;;;;;;WACtB,uBAAqB;AACnB,UAAMC,SAAS,GAAG,KAAKC,YAAL,EAAlB;AACA,WAAKC,UAAL,GAAkB,IAAIJ,YAAY,CAACE,SAAD,CAAhB,CAA4B,IAA5B,CAAlB;AACA,WAAKG,MAAL,GAAc,KAAKD,UAAL,CAAgBE,UAAhB,EAAd;AACD;;;WACD,yBAAuB;AACrB,WAAKD,MAAL,GAAc,KAAKD,UAAL,CAAgBG,WAAhB,EAAd;AACD;;;WACD,2BAA4B;AAC1B,aAAO;AACLC,QAAAA,UAAU,EAAE;AACVC,UAAAA,OAAO,EAAE;AACPC,YAAAA,IAAI,EAAE,QADC;AAEPC,YAAAA,OAAO,EAAE,CAFF;AAGPC,YAAAA,OAAO,EAAE;AAHF;AADC;AADP,OAAP;AASD;;;WACD,4BAA6B;AAC3B,UAAMF,IAAI,GAAG,KAAKP,YAAL,EAAb;AACA,UAAMU,aAAa,GAAG;AACpBC,QAAAA,MAAM,EAAE;AADY,OAAtB;AAGA,aAAOD,aAAa,CAACH,IAAD,CAApB;AACD;;;WAED,wBAA0C;AACxC,aAAO,QAAP;AACD;;;;EA/BsCX,S;;SAApBE,W","sourcesContent":["import BaseLayer from '../core/BaseLayer';\nimport { ICanvasLayerStyleOptions } from '../core/interface';\nimport CanvasModels, { CanvasModelType } from './models/index';\nexport default class CanvasLayer extends BaseLayer<ICanvasLayerStyleOptions> {\n  public type: string = 'CanvasLayer';\n  public buildModels() {\n    const modelType = this.getModelType();\n    this.layerModel = new CanvasModels[modelType](this);\n    this.models = this.layerModel.initModels();\n  }\n  public rebuildModels() {\n    this.models = this.layerModel.buildModels();\n  }\n  protected getConfigSchema() {\n    return {\n      properties: {\n        opacity: {\n          type: 'number',\n          minimum: 0,\n          maximum: 1,\n        },\n      },\n    };\n  }\n  protected getDefaultConfig() {\n    const type = this.getModelType();\n    const defaultConfig = {\n      canvas: {},\n    };\n    return defaultConfig[type];\n  }\n\n  protected getModelType(): CanvasModelType {\n    return 'canvas';\n  }\n}\n"],"file":"index.js"}

package/es/canvas/models/canvas.d.ts

@@ -0,0 +1,18 @@
+import BaseModel from '../../core/BaseModel';
+import { CanvasUpdateType } from '../../core/interface';
+export default class CanvaModel extends BaseModel {
+    protected updateMode: CanvasUpdateType;
+    protected canvas: HTMLCanvasElement;
+    protected ctx: CanvasRenderingContext2D;
+    protected prevSize: [number, number];
+    renderUpdate: () => void;
+    unBindListener: () => void;
+    bindListener: () => void;
+    clearModels(): void;
+    initModels(): never[];
+    initCanvas(): void;
+    clearCanvas: () => void;
+    renderCanvas: () => void;
+    buildModels(): never[];
+    protected registerBuiltinAttributes(): void;
+}

package/es/canvas/models/canvas.js

@@ -0,0 +1,202 @@
+import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+import BaseModel from '../../core/BaseModel';
+import { CanvasUpdateType } from '../../core/interface';
+
+var CanvaModel = function (_BaseModel) {
+  _inherits(CanvaModel, _BaseModel);
+
+  var _super = _createSuper(CanvaModel);
+
+  function CanvaModel() {
+    var _this;
+
+    _classCallCheck(this, CanvaModel);
+
+    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+      args[_key] = arguments[_key];
+    }
+
+    _this = _super.call.apply(_super, [this].concat(args));
+
+    _defineProperty(_assertThisInitialized(_this), "updateMode", CanvasUpdateType.AWAYS);
+
+    _defineProperty(_assertThisInitialized(_this), "canvas", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "ctx", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "prevSize", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "renderUpdate", function () {
+      var _ref = _this.layer.getLayerConfig(),
+          _ref$zIndex = _ref.zIndex,
+          zIndex = _ref$zIndex === void 0 ? 10 : _ref$zIndex,
+          _ref$update = _ref.update,
+          update = _ref$update === void 0 ? CanvasUpdateType.AWAYS : _ref$update;
+
+      if (+_this.canvas.style.zIndex === zIndex) {
+        _this.canvas.style.zIndex = zIndex + '';
+      }
+
+      if (_this.updateMode !== update) {
+        _this.updateMode = update;
+
+        _this.unBindListener();
+
+        _this.bindListener();
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "unBindListener", function () {
+      _this.mapService.off('mapchange', _this.renderCanvas);
+
+      _this.mapService.off('zoomstart', _this.clearCanvas);
+
+      _this.mapService.off('zoomend', _this.renderCanvas);
+
+      _this.mapService.off('movestart', _this.clearCanvas);
+
+      _this.mapService.off('moveend', _this.renderCanvas);
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "bindListener", function () {
+      if (_this.updateMode === CanvasUpdateType.AWAYS) {
+        _this.mapService.on('mapchange', _this.renderCanvas);
+      } else {
+        _this.mapService.on('zoomstart', _this.clearCanvas);
+
+        _this.mapService.on('zoomend', _this.renderCanvas);
+
+        _this.mapService.on('movestart', _this.clearCanvas);
+
+        _this.mapService.on('moveend', _this.renderCanvas);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "clearCanvas", function () {
+      if (_this.ctx) {
+        var _this$rendererService = _this.rendererService.getViewportSize(),
+            w = _this$rendererService.width,
+            h = _this$rendererService.height;
+
+        _this.ctx.clearRect(0, 0, w, h);
+      }
+    });
+
+    _defineProperty(_assertThisInitialized(_this), "renderCanvas", function () {
+      var _this$rendererService2 = _this.rendererService.getViewportSize(),
+          viewWidth = _this$rendererService2.width,
+          viewHeight = _this$rendererService2.height;
+
+      if (_this.prevSize[0] !== viewWidth || _this.prevSize[1] !== viewHeight) {
+        _this.prevSize = [viewWidth, viewHeight];
+
+        var size = _this.mapService.getSize();
+
+        var _size = _slicedToArray(size, 2),
+            width = _size[0],
+            height = _size[1];
+
+        _this.canvas.width = viewWidth;
+        _this.canvas.height = viewHeight;
+        _this.canvas.style.width = width + 'px';
+        _this.canvas.style.height = height + 'px';
+      }
+
+      var _ref2 = _this.layer.getLayerConfig(),
+          drawingOnCanvas = _ref2.drawingOnCanvas;
+
+      if (_this.ctx) {
+        drawingOnCanvas(_this.ctx, _this.mapService, [viewWidth, viewHeight]);
+      }
+    });
+
+    return _this;
+  }
+
+  _createClass(CanvaModel, [{
+    key: "clearModels",
+    value: function clearModels() {
+      if (this.canvas) {
+        document.removeChild(this.canvas);
+        this.canvas = null;
+      }
+
+      this.unBindListener();
+    }
+  }, {
+    key: "initModels",
+    value: function initModels() {
+      var _ref3 = this.layer.getLayerConfig(),
+          _ref3$update = _ref3.update,
+          update = _ref3$update === void 0 ? CanvasUpdateType.AWAYS : _ref3$update;
+
+      this.updateMode = update;
+      this.initCanvas();
+      this.renderCanvas();
+      this.bindListener();
+      this.mapService.getContainer();
+      return [];
+    }
+  }, {
+    key: "initCanvas",
+    value: function initCanvas() {
+      var _this$mapService$getC;
+
+      var _ref4 = this.layer.getLayerConfig(),
+          zIndex = _ref4.zIndex;
+
+      var size = this.mapService.getSize();
+
+      var _size2 = _slicedToArray(size, 2),
+          width = _size2[0],
+          height = _size2[1];
+
+      var _this$rendererService3 = this.rendererService.getViewportSize(),
+          viewWidth = _this$rendererService3.width,
+          viewHeight = _this$rendererService3.height;
+
+      this.prevSize = [viewWidth, viewHeight];
+      var canvas = document.createElement('canvas');
+      this.canvas = canvas;
+      canvas.width = viewWidth;
+      canvas.height = viewHeight;
+      canvas.style.pointerEvents = 'none';
+      canvas.style.width = width + 'px';
+      canvas.style.height = height + 'px';
+      canvas.style.position = 'absolute';
+      canvas.style.top = '0';
+      canvas.style.left = '0';
+      canvas.style.zIndex = zIndex + '';
+      (_this$mapService$getC = this.mapService.getContainer()) === null || _this$mapService$getC === void 0 ? void 0 : _this$mapService$getC.appendChild(canvas);
+      var ctx = canvas.getContext('2d');
+      this.ctx = ctx;
+    }
+  }, {
+    key: "buildModels",
+    value: function buildModels() {
+      return this.initModels();
+    }
+  }, {
+    key: "registerBuiltinAttributes",
+    value: function registerBuiltinAttributes() {
+      return;
+    }
+  }]);
+
+  return CanvaModel;
+}(BaseModel);
+
+export { CanvaModel as default };
+//# sourceMappingURL=canvas.js.map

package/es/canvas/models/canvas.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/canvas/models/canvas.ts"],"names":["BaseModel","CanvasUpdateType","CanvaModel","AWAYS","layer","getLayerConfig","zIndex","update","canvas","style","updateMode","unBindListener","bindListener","mapService","off","renderCanvas","clearCanvas","on","ctx","rendererService","getViewportSize","w","width","h","height","clearRect","viewWidth","viewHeight","prevSize","size","getSize","drawingOnCanvas","document","removeChild","initCanvas","getContainer","createElement","pointerEvents","position","top","left","appendChild","getContext","initModels"],"mappings":"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","sourcesContent":["import BaseModel from '../../core/BaseModel';\nimport {\n  CanvasUpdateType,\n  ICanvasLayerStyleOptions,\n} from '../../core/interface';\n\nexport default class CanvaModel extends BaseModel {\n  protected updateMode: CanvasUpdateType = CanvasUpdateType.AWAYS;\n  protected canvas: HTMLCanvasElement;\n  protected ctx: CanvasRenderingContext2D;\n  protected prevSize: [number, number];\n  public renderUpdate = () => {\n    const {\n      zIndex = 10,\n      update = CanvasUpdateType.AWAYS,\n    } = this.layer.getLayerConfig() as ICanvasLayerStyleOptions;\n    if (+this.canvas.style.zIndex === zIndex) {\n      this.canvas.style.zIndex = zIndex + '';\n    }\n    if (this.updateMode !== update) {\n      this.updateMode = update as CanvasUpdateType;\n      this.unBindListener();\n      this.bindListener();\n    }\n  };\n\n  public unBindListener = () => {\n    this.mapService.off('mapchange', this.renderCanvas);\n    this.mapService.off('zoomstart', this.clearCanvas);\n    this.mapService.off('zoomend', this.renderCanvas);\n    this.mapService.off('movestart', this.clearCanvas);\n    this.mapService.off('moveend', this.renderCanvas);\n  };\n\n  public bindListener = () => {\n    if (this.updateMode === CanvasUpdateType.AWAYS) {\n      this.mapService.on('mapchange', this.renderCanvas);\n    } else {\n      this.mapService.on('zoomstart', this.clearCanvas);\n      this.mapService.on('zoomend', this.renderCanvas);\n      this.mapService.on('movestart', this.clearCanvas);\n      this.mapService.on('moveend', this.renderCanvas);\n    }\n  };\n\n  public clearModels(): void {\n    if (this.canvas) {\n      document.removeChild(this.canvas);\n      // @ts-ignore\n      this.canvas = null;\n    }\n    this.unBindListener();\n  }\n\n  public initModels() {\n    const {\n      update = CanvasUpdateType.AWAYS,\n    } = this.layer.getLayerConfig() as ICanvasLayerStyleOptions;\n    this.updateMode = update as CanvasUpdateType;\n    this.initCanvas();\n\n    this.renderCanvas();\n\n    this.bindListener();\n\n    this.mapService.getContainer();\n    return [];\n  }\n\n  public initCanvas(): void {\n    const { zIndex } = this.layer.getLayerConfig() as ICanvasLayerStyleOptions;\n    const size = this.mapService.getSize();\n    const [width, height] = size;\n    const {\n      width: viewWidth,\n      height: viewHeight,\n    } = this.rendererService.getViewportSize();\n    this.prevSize = [viewWidth, viewHeight];\n\n    const canvas = document.createElement('canvas');\n    this.canvas = canvas;\n    canvas.width = viewWidth;\n    canvas.height = viewHeight;\n    canvas.style.pointerEvents = 'none';\n    canvas.style.width = width + 'px';\n    canvas.style.height = height + 'px';\n    canvas.style.position = 'absolute';\n    canvas.style.top = '0';\n    canvas.style.left = '0';\n    canvas.style.zIndex = zIndex + '';\n    this.mapService.getContainer()?.appendChild(canvas);\n\n    const ctx = canvas.getContext('2d') as CanvasRenderingContext2D;\n    this.ctx = ctx;\n  }\n\n  public clearCanvas = () => {\n    if (this.ctx) {\n      const { width: w, height: h } = this.rendererService.getViewportSize();\n      this.ctx.clearRect(0, 0, w, h);\n    }\n  };\n\n  public renderCanvas = () => {\n    const {\n      width: viewWidth,\n      height: viewHeight,\n    } = this.rendererService.getViewportSize();\n    if (this.prevSize[0] !== viewWidth || this.prevSize[1] !== viewHeight) {\n      this.prevSize = [viewWidth, viewHeight];\n      const size = this.mapService.getSize();\n      const [width, height] = size;\n      this.canvas.width = viewWidth;\n      this.canvas.height = viewHeight;\n      this.canvas.style.width = width + 'px';\n      this.canvas.style.height = height + 'px';\n    }\n\n    const {\n      drawingOnCanvas,\n    } = this.layer.getLayerConfig() as ICanvasLayerStyleOptions;\n\n    if (this.ctx) {\n      drawingOnCanvas(this.ctx, this.mapService, [viewWidth, viewHeight]);\n    }\n  };\n\n  public buildModels() {\n    return this.initModels();\n  }\n\n  protected registerBuiltinAttributes() {\n    return;\n  }\n}\n"],"file":"canvas.js"}

package/es/canvas/models/index.d.ts

@@ -0,0 +1,5 @@
+export declare type CanvasModelType = 'canvas';
+declare const CanvasModels: {
+    [key in CanvasModelType]: any;
+};
+export default CanvasModels;

package/es/canvas/models/index.js

@@ -0,0 +1,6 @@
+import CanvasModel from './canvas';
+var CanvasModels = {
+  canvas: CanvasModel
+};
+export default CanvasModels;
+//# sourceMappingURL=index.js.map

package/es/canvas/models/index.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../../src/canvas/models/index.ts"],"names":["CanvasModel","CanvasModels","canvas"],"mappings":"AAAA,OAAOA,WAAP,MAAwB,UAAxB;AAGA,IAAMC,YAA+C,GAAG;AACtDC,EAAAA,MAAM,EAAEF;AAD8C,CAAxD;AAIA,eAAeC,YAAf","sourcesContent":["import CanvasModel from './canvas';\nexport type CanvasModelType = 'canvas';\n\nconst CanvasModels: { [key in CanvasModelType]: any } = {\n  canvas: CanvasModel,\n};\n\nexport default CanvasModels;\n"],"file":"index.js"}

package/es/core/BaseLayer.js

@@ -1097,6 +1097,10 @@ var BaseLayer = (_dec = lazyInject(TYPES.IGlobalConfigService), (_class = functi
           this.layerModelNeedUpdate = false;
         }
 
+        if (this.layerModel.renderUpdate) {
+          this.layerModel.renderUpdate();
+        }
+
         this.models.forEach(function (model) {
           model.draw({
             uniforms: _this7.layerModel.getUninforms()