@antv/l7-layers 2.9.26-alpha.0 → 2.9.26-alpha.1

package/es/tile/manager/tileLayerManager.d.ts

@@ -0,0 +1,36 @@
+import { IInteractionTarget, ILayer, ILayerService, IMapService, IPickingService, IRendererService, ITileLayerManager, ITilePickManager, ITransform } from '@antv/l7-core';
+import { Tile } from '@antv/l7-utils';
+import { ITileConfigManager } from './tileConfigManager';
+export declare class TileLayerManager implements ITileLayerManager {
+    sourceLayer: string;
+    parent: ILayer;
+    children: ILayer[];
+    mapService: IMapService;
+    rendererService: IRendererService;
+    tilePickManager: ITilePickManager;
+    tileConfigManager: ITileConfigManager;
+    private tileFactory;
+    private initOptions;
+    private rampColorsData;
+    private transforms;
+    constructor(parent: ILayer, mapService: IMapService, rendererService: IRendererService, pickingService: IPickingService, layerService: ILayerService, transforms: ITransform[]);
+    createTile(tile: Tile): {
+        layers: ILayer[];
+        layerIDList: string[];
+    };
+    updateLayersConfig(layers: ILayer[], key: string, value: any): void;
+    addChild(layer: ILayer): void;
+    addChilds(layers: ILayer[]): void;
+    removeChilds(layerIDList: string[], refresh?: boolean): void;
+    removeChild(layer: ILayer): void;
+    getChilds(layerIDList: string[]): ILayer[];
+    getChild(layerID: string): ILayer;
+    clearChild(): void;
+    hasChild(layer: ILayer): boolean;
+    render(): void;
+    pickLayers(target: IInteractionTarget): boolean;
+    private setSubLayerInitOptipn;
+    private setConfigListener;
+    private updateStyle;
+    private initTileFactory;
+}

package/es/tile/manager/tileLayerManager.js

@@ -0,0 +1,312 @@
+import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import { generateColorRamp } from '@antv/l7-utils';
+import { getTileFactory } from "../tileFactory";
+import { getLayerShape, getMaskValue } from "../utils";
+import TileConfigManager from "./tileConfigManager";
+import TilePickManager from "./tilePickerManager";
+export var TileLayerManager = /*#__PURE__*/function () {
+  function TileLayerManager(parent, mapService, rendererService, pickingService, layerService, transforms) {
+    _classCallCheck(this, TileLayerManager);
+
+    this.parent = parent;
+    this.children = parent.layerChildren;
+    this.mapService = mapService;
+    this.rendererService = rendererService;
+    this.transforms = transforms;
+    this.tilePickManager = new TilePickManager(parent, rendererService, pickingService, this.children, layerService);
+    this.tileConfigManager = new TileConfigManager();
+    this.setSubLayerInitOptipn();
+    this.setConfigListener();
+    this.initTileFactory();
+  }
+
+  _createClass(TileLayerManager, [{
+    key: "createTile",
+    value: function createTile(tile) {
+      return this.tileFactory.createTile(tile, this.initOptions);
+    }
+  }, {
+    key: "updateLayersConfig",
+    value: function updateLayersConfig(layers, key, value) {
+      layers.map(function (layer) {
+        if (key === 'mask') {
+          // Tip: 栅格瓦片生效、设置全局的 mask、瓦片被全局的 mask 影响
+          layer.style({
+            mask: value
+          });
+        } else {
+          layer.updateLayerConfig(_defineProperty({}, key, value));
+        }
+      });
+    }
+  }, {
+    key: "addChild",
+    value: function addChild(layer) {
+      this.children.push(layer);
+    }
+  }, {
+    key: "addChilds",
+    value: function addChilds(layers) {
+      var _this$children;
+
+      (_this$children = this.children).push.apply(_this$children, _toConsumableArray(layers));
+    }
+  }, {
+    key: "removeChilds",
+    value: function removeChilds(layerIDList) {
+      var refresh = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
+      var remveLayerList = [];
+      var cacheLayerList = [];
+      this.children.filter(function (child) {
+        layerIDList.includes(child.id) ? remveLayerList.push(child) : cacheLayerList.push(child);
+      });
+      remveLayerList.map(function (layer) {
+        return layer.destroy(refresh);
+      });
+      this.children = cacheLayerList;
+    }
+  }, {
+    key: "removeChild",
+    value: function removeChild(layer) {
+      var layerIndex = this.children.indexOf(layer);
+
+      if (layerIndex > -1) {
+        this.children.splice(layerIndex, 1);
+      }
+
+      layer.destroy();
+    }
+  }, {
+    key: "getChilds",
+    value: function getChilds(layerIDList) {
+      return this.children.filter(function (child) {
+        return layerIDList.includes(child.id);
+      });
+    }
+  }, {
+    key: "getChild",
+    value: function getChild(layerID) {
+      return this.children.filter(function (child) {
+        return child.id === layerID;
+      })[0];
+    }
+  }, {
+    key: "clearChild",
+    value: function clearChild() {
+      this.children.forEach(function (layer) {
+        layer.destroy();
+      });
+      this.children.slice(0, this.children.length);
+    }
+  }, {
+    key: "hasChild",
+    value: function hasChild(layer) {
+      return this.children.includes(layer);
+    }
+  }, {
+    key: "render",
+    value: function render() {
+      var _this$tileConfigManag, _this$tilePickManager;
+
+      (_this$tileConfigManag = this.tileConfigManager) === null || _this$tileConfigManag === void 0 ? void 0 : _this$tileConfigManag.checkConfig(this.parent);
+      (_this$tilePickManager = this.tilePickManager) === null || _this$tilePickManager === void 0 ? void 0 : _this$tilePickManager.normalRender(this.children);
+    }
+  }, {
+    key: "pickLayers",
+    value: function pickLayers(target) {
+      var _this$tilePickManager2;
+
+      return (_this$tilePickManager2 = this.tilePickManager) === null || _this$tilePickManager2 === void 0 ? void 0 : _this$tilePickManager2.pickRender(this.children, target);
+    }
+  }, {
+    key: "setSubLayerInitOptipn",
+    value: function setSubLayerInitOptipn() {
+      var _source$data;
+
+      var _ref = this.parent.getLayerConfig(),
+          _ref$zIndex = _ref.zIndex,
+          zIndex = _ref$zIndex === void 0 ? 0 : _ref$zIndex,
+          _ref$opacity = _ref.opacity,
+          opacity = _ref$opacity === void 0 ? 1 : _ref$opacity,
+          _ref$mask = _ref.mask,
+          mask = _ref$mask === void 0 ? false : _ref$mask,
+          _ref$stroke = _ref.stroke,
+          stroke = _ref$stroke === void 0 ? '#fff' : _ref$stroke,
+          _ref$strokeWidth = _ref.strokeWidth,
+          strokeWidth = _ref$strokeWidth === void 0 ? 0 : _ref$strokeWidth,
+          _ref$strokeOpacity = _ref.strokeOpacity,
+          strokeOpacity = _ref$strokeOpacity === void 0 ? 1 : _ref$strokeOpacity,
+          _ref$clampLow = _ref.clampLow,
+          clampLow = _ref$clampLow === void 0 ? true : _ref$clampLow,
+          _ref$clampHigh = _ref.clampHigh,
+          clampHigh = _ref$clampHigh === void 0 ? true : _ref$clampHigh,
+          _ref$domain = _ref.domain,
+          domain = _ref$domain === void 0 ? [0, 1] : _ref$domain,
+          _ref$rampColors = _ref.rampColors,
+          rampColors = _ref$rampColors === void 0 ? {
+        colors: ['rgb(166,97,26)', 'rgb(223,194,125)', 'rgb(245,245,245)', 'rgb(128,205,193)', 'rgb(1,133,113)'],
+        positions: [0, 0.25, 0.5, 0.75, 1.0]
+      } : _ref$rampColors,
+          _ref$featureId = _ref.featureId,
+          featureId = _ref$featureId === void 0 ? 'id' : _ref$featureId,
+          _ref$workerEnabled = _ref.workerEnabled,
+          workerEnabled = _ref$workerEnabled === void 0 ? false : _ref$workerEnabled,
+          sourceLayer = _ref.sourceLayer,
+          _ref$pixelConstant = _ref.pixelConstant,
+          pixelConstant = _ref$pixelConstant === void 0 ? 0 : _ref$pixelConstant,
+          _ref$pixelConstantR = _ref.pixelConstantR,
+          pixelConstantR = _ref$pixelConstantR === void 0 ? 256 * 256 : _ref$pixelConstantR,
+          _ref$pixelConstantG = _ref.pixelConstantG,
+          pixelConstantG = _ref$pixelConstantG === void 0 ? 256 : _ref$pixelConstantG,
+          _ref$pixelConstantB = _ref.pixelConstantB,
+          pixelConstantB = _ref$pixelConstantB === void 0 ? 1 : _ref$pixelConstantB,
+          _ref$pixelConstantRGB = _ref.pixelConstantRGB,
+          pixelConstantRGB = _ref$pixelConstantRGB === void 0 ? 0.1 : _ref$pixelConstantRGB;
+
+      var colorValue = this.tileConfigManager.getAttributeScale(this.parent, 'color');
+      var sizeValue = this.tileConfigManager.getAttributeScale(this.parent, 'size');
+      var source = this.parent.getSource();
+
+      var _ref2 = (source === null || source === void 0 ? void 0 : (_source$data = source.data) === null || _source$data === void 0 ? void 0 : _source$data.tilesetOptions) || {},
+          coords = _ref2.coords;
+
+      var parentParserType = source.getParserType();
+      var layerShape = getLayerShape(this.parent.type, this.parent);
+
+      if (rampColors) {
+        // 构建统一的色带贴图
+        this.rampColorsData = generateColorRamp(rampColors);
+      }
+
+      this.initOptions = {
+        layerType: this.parent.type,
+        transforms: this.transforms,
+        shape: layerShape,
+        zIndex: zIndex,
+        opacity: opacity,
+        sourceLayer: parentParserType === 'geojsonvt' ? 'geojsonvt' : sourceLayer,
+        coords: coords,
+        featureId: featureId,
+        color: colorValue,
+        size: sizeValue,
+        mask: getMaskValue(this.parent.type, mask),
+        stroke: stroke,
+        strokeWidth: strokeWidth,
+        strokeOpacity: strokeOpacity,
+        // raster tiff
+        clampLow: clampLow,
+        clampHigh: clampHigh,
+        domain: domain,
+        rampColors: rampColors,
+        rampColorsData: this.rampColorsData,
+        // worker
+        workerEnabled: workerEnabled,
+        pixelConstant: pixelConstant,
+        pixelConstantR: pixelConstantR,
+        pixelConstantG: pixelConstantG,
+        pixelConstantB: pixelConstantB,
+        pixelConstantRGB: pixelConstantRGB
+      };
+    }
+  }, {
+    key: "setConfigListener",
+    value: function setConfigListener() {
+      var _this = this;
+
+      // RasterLayer PolygonLayer LineLayer PointLayer
+      // All Tile Layer Need Listen
+      this.tileConfigManager.setConfig('opacity', this.initOptions.opacity);
+      this.tileConfigManager.setConfig('zIndex', this.initOptions.zIndex);
+      this.tileConfigManager.setConfig('mask', this.initOptions.mask);
+
+      if (this.parent.type === 'RasterLayer') {
+        // Raster Tile Layer Need Listen
+        this.tileConfigManager.setConfig('rampColors', this.initOptions.rampColors);
+        this.tileConfigManager.setConfig('domain', this.initOptions.domain);
+        this.tileConfigManager.setConfig('clampHigh', this.initOptions.clampHigh);
+        this.tileConfigManager.setConfig('clampLow', this.initOptions.clampLow);
+        this.tileConfigManager.setConfig('pixelConstant', this.initOptions.pixelConstant);
+        this.tileConfigManager.setConfig('pixelConstantR', this.initOptions.pixelConstantR);
+        this.tileConfigManager.setConfig('pixelConstantG', this.initOptions.pixelConstantG);
+        this.tileConfigManager.setConfig('pixelConstantB', this.initOptions.pixelConstantB);
+        this.tileConfigManager.setConfig('pixelConstantRGB', this.initOptions.pixelConstantRGB);
+      } else {
+        var _this$parent$getAttri, _this$parent$getAttri2, _this$parent$getAttri3;
+
+        // Vector Tile Layer Need Listen
+        this.tileConfigManager.setConfig('stroke', this.initOptions.stroke);
+        this.tileConfigManager.setConfig('strokeWidth', this.initOptions.strokeWidth);
+        this.tileConfigManager.setConfig('strokeOpacity', this.initOptions.strokeOpacity);
+        this.tileConfigManager.setConfig('color', (_this$parent$getAttri = this.parent.getAttribute('color')) === null || _this$parent$getAttri === void 0 ? void 0 : _this$parent$getAttri.scale);
+        this.tileConfigManager.setConfig('shape', (_this$parent$getAttri2 = this.parent.getAttribute('shape')) === null || _this$parent$getAttri2 === void 0 ? void 0 : _this$parent$getAttri2.scale);
+        this.tileConfigManager.setConfig('size', (_this$parent$getAttri3 = this.parent.getAttribute('size')) === null || _this$parent$getAttri3 === void 0 ? void 0 : _this$parent$getAttri3.scale);
+      }
+
+      this.tileConfigManager.on('updateConfig', function (updateConfigs) {
+        updateConfigs.map(function (key) {
+          _this.updateStyle(key);
+
+          return '';
+        });
+      });
+    }
+  }, {
+    key: "updateStyle",
+    value: function updateStyle(style) {
+      var _this2 = this;
+
+      var updateValue = null;
+
+      if (['size', 'color', 'shape'].includes(style)) {
+        var _this$parent$getAttri4;
+
+        var scaleValue = (_this$parent$getAttri4 = this.parent.getAttribute(style)) === null || _this$parent$getAttri4 === void 0 ? void 0 : _this$parent$getAttri4.scale;
+
+        if (!scaleValue) {
+          return;
+        }
+
+        updateValue = scaleValue;
+        this.children.map(function (child) {
+          _this2.tileFactory.setStyleAttributeField(child, style, scaleValue);
+
+          return '';
+        });
+      } else {
+        var layerConfig = this.parent.getLayerConfig();
+
+        if (!(style in layerConfig)) {
+          return;
+        } // @ts-ignore
+
+
+        var config = layerConfig[style];
+        updateValue = config;
+        this.updateLayersConfig(this.children, style, config);
+
+        if (style === 'rampColors' && config) {
+          this.rampColorsData = generateColorRamp(config);
+        }
+      } // @ts-ignore
+
+
+      this.initOptions[style] = updateValue;
+    }
+  }, {
+    key: "initTileFactory",
+    value: function initTileFactory() {
+      var source = this.parent.getSource();
+      var TileFactory = getTileFactory(this.parent.type, source.parser);
+      this.tileFactory = new TileFactory({
+        parent: this.parent,
+        mapService: this.mapService,
+        rendererService: this.rendererService
+      });
+    }
+  }]);
+
+  return TileLayerManager;
+}();

package/es/tile/manager/tilePickerManager.d.ts

@@ -0,0 +1,21 @@
+import { IInteractionTarget, ILayer, ILayerService, IPickingService, IRendererService, ITilePickManager } from '@antv/l7-core';
+import { EventEmitter } from 'eventemitter3';
+export default class TilePickManager extends EventEmitter implements ITilePickManager {
+    isLastPicked: boolean;
+    private rendererService;
+    private pickingService;
+    private layerService;
+    private children;
+    private parent;
+    constructor(parent: ILayer, rendererService: IRendererService, pickingService: IPickingService, children: ILayer[], layerService: ILayerService);
+    /**
+     *
+     * @param layers
+     */
+    normalRender(layers: ILayer[]): void;
+    pickRender(layers: ILayer[], target: IInteractionTarget): boolean;
+    clearPick(): void;
+    beforeHighlight(pickedColors: any): void;
+    beforeSelect(pickedColors: any): void;
+    protected renderMask(layer: ILayer): void;
+}

package/es/tile/manager/tilePickerManager.js

@@ -0,0 +1,190 @@
+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 { EventEmitter } from 'eventemitter3';
+
+var TilePickManager = /*#__PURE__*/function (_EventEmitter) {
+  _inherits(TilePickManager, _EventEmitter);
+
+  var _super = _createSuper(TilePickManager);
+
+  function TilePickManager(parent, rendererService, pickingService, children, layerService) {
+    var _this;
+
+    _classCallCheck(this, TilePickManager);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "isLastPicked", false);
+
+    _this.parent = parent;
+    _this.rendererService = rendererService;
+    _this.pickingService = pickingService;
+    _this.layerService = layerService;
+    _this.children = children;
+    return _this;
+  }
+  /**
+   *
+   * @param layers
+   */
+
+
+  _createClass(TilePickManager, [{
+    key: "normalRender",
+    value: function normalRender(layers) {
+      var _this2 = this;
+
+      layers.filter(function (layer) {
+        return layer.inited;
+      }).filter(function (layer) {
+        return layer.isVisible();
+      }).map(function (layer) {
+        layer.hooks.beforeRenderData.call();
+        layer.hooks.beforeRender.call();
+
+        if (layer.masks.length > 0) {
+          // 清除上一次的模版缓存
+          _this2.rendererService.clear({
+            stencil: 0,
+            depth: 1,
+            framebuffer: null
+          });
+
+          layer.masks.map(function (m) {
+            m.hooks.beforeRenderData.call();
+            m.hooks.beforeRender.call();
+            m.render();
+            m.hooks.afterRender.call();
+          });
+        }
+
+        layer.render();
+        layer.hooks.afterRender.call();
+      });
+    }
+  }, {
+    key: "pickRender",
+    value: function pickRender(layers, target) {
+      var _this3 = this;
+
+      // Tip: 在进行拾取渲染的时候也需要先渲染一遍父组件然后再渲染子组件
+      //  如需要在 栅格瓦片存在 Mask 的时候发生的拾取，那么就需要先渲染父组件（渲染父组件的帧缓冲）
+      if (this.parent.type === 'RasterLayer') {
+        this.renderMask(this.parent);
+      }
+
+      var isPicked = layers.filter(function (layer) {
+        return _this3.parent.needPick(target.type) && layer.inited && layer.isVisible();
+      }).some(function (layer) {
+        layer.hooks.beforePickingEncode.call();
+
+        if (layer.masks.length > 0) {
+          // 清除上一次的模版缓存
+          _this3.rendererService.clear({
+            stencil: 0,
+            depth: 1,
+            framebuffer: null
+          });
+
+          layer.masks.map(function (m) {
+            m.hooks.beforeRender.call();
+            m.render();
+            m.hooks.afterRender.call();
+          });
+        }
+
+        layer.renderModels(true);
+        layer.hooks.afterPickingEncode.call();
+
+        var layerPicked = _this3.pickingService.pickFromPickingFBO(layer, target); // RasterLayer 不参与拾取后的 shader 计算
+
+
+        if (layerPicked && _this3.parent.type !== 'RasterLayer') {
+          _this3.emit('pick', {
+            type: target.type,
+            pickedColors: _this3.pickingService.pickedColors,
+            layer: layer
+          });
+
+          _this3.pickingService.pickedTileLayers = [_this3.parent];
+        }
+
+        return layerPicked;
+      });
+
+      if (this.parent.type !== 'RasterLayer' && !isPicked && this.isLastPicked && target.type !== 'click') {
+        // 只有上一次有被高亮选中，本次未选中的时候才需要清除选中状态
+        this.pickingService.pickedTileLayers = [];
+        this.emit('unpick', {});
+        this.beforeHighlight([0, 0, 0]);
+      }
+
+      this.isLastPicked = isPicked;
+      return isPicked;
+    }
+  }, {
+    key: "clearPick",
+    value: function clearPick() {
+      this.children.filter(function (child) {
+        return child.inited && child.isVisible();
+      }).map(function (layer) {
+        layer.hooks.beforeSelect.call([0, 0, 0]);
+      });
+      this.pickingService.pickedTileLayers = [];
+    }
+  }, {
+    key: "beforeHighlight",
+    value: function beforeHighlight(pickedColors) {
+      this.children.filter(function (child) {
+        return child.inited && child.isVisible();
+      }).map(function (child) {
+        child.hooks.beforeHighlight.call(pickedColors);
+      });
+    }
+  }, {
+    key: "beforeSelect",
+    value: function beforeSelect(pickedColors) {
+      this.children.filter(function (child) {
+        return child.inited && child.isVisible();
+      }).map(function (layer) {
+        layer.hooks.beforeSelect.call(pickedColors);
+      });
+    }
+  }, {
+    key: "renderMask",
+    value: function renderMask(layer) {
+      if (layer.inited && layer.isVisible()) {
+        layer.hooks.beforeRender.call();
+
+        if (layer.masks.length > 0) {
+          this.rendererService.clear({
+            stencil: 0,
+            depth: 1,
+            framebuffer: null
+          });
+          layer.masks.map(function (m) {
+            m.hooks.beforeRender.call();
+            m.render();
+            m.hooks.afterRender.call();
+          });
+        }
+
+        layer.hooks.afterRender.call();
+      }
+    }
+  }]);
+
+  return TilePickManager;
+}(EventEmitter);
+
+export { TilePickManager as default };

package/es/tile/models/tileModel.d.ts

@@ -0,0 +1,8 @@
+import { IModelUniform } from '@antv/l7-core';
+import BaseModel from '../../core/BaseModel';
+export default class RasterTileModel extends BaseModel {
+    getUninforms(): IModelUniform;
+    initModels(): never[];
+    buildModels(): never[];
+    protected registerBuiltinAttributes(): void;
+}

package/es/tile/models/tileModel.js

@@ -0,0 +1,62 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _inherits from "@babel/runtime/helpers/inherits";
+import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
+import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
+
+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 { TMSTileLayer } from "../tmsTileLayer";
+
+var RasterTileModel = /*#__PURE__*/function (_BaseModel) {
+  _inherits(RasterTileModel, _BaseModel);
+
+  var _super = _createSuper(RasterTileModel);
+
+  function RasterTileModel() {
+    _classCallCheck(this, RasterTileModel);
+
+    return _super.apply(this, arguments);
+  }
+
+  _createClass(RasterTileModel, [{
+    key: "getUninforms",
+    value: function getUninforms() {
+      return {};
+    }
+  }, {
+    key: "initModels",
+    value: function initModels() {
+      var source = this.layer.getSource();
+
+      if (source !== null && source !== void 0 && source.data.isTile) {
+        this.layer.tileLayer = new TMSTileLayer({
+          parent: this.layer,
+          rendererService: this.rendererService,
+          mapService: this.mapService,
+          layerService: this.layerService,
+          pickingService: this.pickingService,
+          transforms: source.transforms
+        });
+      }
+
+      return this.buildModels();
+    }
+  }, {
+    key: "buildModels",
+    value: function buildModels() {
+      return [];
+    }
+  }, {
+    key: "registerBuiltinAttributes",
+    value: function registerBuiltinAttributes() {//
+    }
+  }]);
+
+  return RasterTileModel;
+}(BaseModel);
+
+export { RasterTileModel as default };

package/es/tile/tileFactory/base.d.ts

@@ -0,0 +1,44 @@
+import { ILayer, IMapService, IParseDataItem, IRendererService, IScaleValue, ISubLayerInitOptions, ScaleAttributeType } from '@antv/l7-core';
+import Source from '@antv/l7-source';
+import { Tile, TilesetManager } from '@antv/l7-utils';
+import { ILayerTileConfig, ITileFactory, ITileFactoryOptions, ITileStyles, Timeout } from '../interface';
+export default class TileFactory implements ITileFactory {
+    type: string;
+    parentLayer: ILayer;
+    mapService: IMapService;
+    rendererService: IRendererService;
+    outSideEventTimer: Timeout | null;
+    protected zoomOffset: number;
+    protected tilesetManager: TilesetManager;
+    protected layers: ILayer[];
+    private eventCache;
+    constructor(option: ITileFactoryOptions);
+    createTile(tile: Tile, initOptions: ISubLayerInitOptions): {
+        layers: ILayer[];
+        layerIDList: string[];
+    };
+    getFeatureData(tile: Tile, initOptions: ISubLayerInitOptions): {
+        features: never[];
+        featureId: null;
+        vectorTileLayer: null;
+        source: null;
+    } | {
+        features: any[];
+        featureId: string | undefined;
+        vectorTileLayer: any;
+        source: Source;
+    };
+    createLayer(tileLayerOption: ILayerTileConfig): any;
+    updateStyle(styles: ITileStyles): string;
+    getDefautStyleAttributeField(layer: ILayer, type: string): string | string[] | 2;
+    setStyleAttributeField(layer: ILayer, type: ScaleAttributeType, value: IScaleValue | undefined | string | string[]): ILayer | undefined;
+    protected parseScaleValue(value: IScaleValue | string, type: string): (string | number | any[])[] | (import("@antv/l7-core").StyleAttributeField | ((...args: any[]) => [] | undefined))[];
+    protected getTile(lng: number, lat: number): Tile;
+    protected emitEvent(layers: ILayer[], isVector?: boolean): void;
+    protected getCombineFeature(features: IParseDataItem[]): any;
+    protected getFeatureAndEmitEvent(layer: ILayer, eventName: string, e: any, isVector?: boolean, tile?: any): void;
+    private setScale;
+    private getAllFeatures;
+    private getLayerInitOption;
+    private handleOutsideEvent;
+}