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

package/es/plugins/FeatureScalePlugin.js

@@ -0,0 +1,380 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _initializerDefineProperty from "@babel/runtime/helpers/initializerDefineProperty";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _applyDecoratedDescriptor from "@babel/runtime/helpers/applyDecoratedDescriptor";
+import _initializerWarningHelper from "@babel/runtime/helpers/initializerWarningHelper";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+
+var _scaleMap, _dec, _dec2, _class, _class2, _descriptor;
+
+import { ScaleTypes, StyleScaleType, TYPES } from '@antv/l7-core';
+import { extent } from 'd3-array';
+import * as d3interpolate from 'd3-interpolate';
+import * as d3 from 'd3-scale';
+import { inject, injectable } from 'inversify';
+import { isNil, isString, uniq } from 'lodash';
+import 'reflect-metadata';
+var dateRegex = /^(?:(?!0000)[0-9]{4}([-/.]+)(?:(?:0?[1-9]|1[0-2])\1(?:0?[1-9]|1[0-9]|2[0-8])|(?:0?[13-9]|1[0-2])\1(?:29|30)|(?:0?[13578]|1[02])\1(?:31))|(?:[0-9]{2}(?:0[48]|[2468][048]|[13579][26])|(?:0[48]|[2468][048]|[13579][26])00)([-/.]?)0?2\2(?:29))(\s+([01]|([01][0-9]|2[0-3])):([0-9]|[0-5][0-9]):([0-9]|[0-5][0-9]))?$/;
+var scaleMap = (_scaleMap = {}, _defineProperty(_scaleMap, ScaleTypes.LINEAR, d3.scaleLinear), _defineProperty(_scaleMap, ScaleTypes.POWER, d3.scalePow), _defineProperty(_scaleMap, ScaleTypes.LOG, d3.scaleLog), _defineProperty(_scaleMap, ScaleTypes.IDENTITY, d3.scaleIdentity), _defineProperty(_scaleMap, ScaleTypes.SEQUENTIAL, d3.scaleSequential), _defineProperty(_scaleMap, ScaleTypes.TIME, d3.scaleTime), _defineProperty(_scaleMap, ScaleTypes.QUANTILE, d3.scaleQuantile), _defineProperty(_scaleMap, ScaleTypes.QUANTIZE, d3.scaleQuantize), _defineProperty(_scaleMap, ScaleTypes.THRESHOLD, d3.scaleThreshold), _defineProperty(_scaleMap, ScaleTypes.CAT, d3.scaleOrdinal), _defineProperty(_scaleMap, ScaleTypes.DIVERGING, d3.scaleDiverging), _scaleMap);
+/**
+ * 根据 Source 原始数据为指定字段创建 Scale，保存在 StyleAttribute 上，供下游插件使用
+ */
+
+var FeatureScalePlugin = (_dec = injectable(), _dec2 = inject(TYPES.IGlobalConfigService), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function FeatureScalePlugin() {
+    _classCallCheck(this, FeatureScalePlugin);
+
+    _initializerDefineProperty(this, "configService", _descriptor, this);
+
+    _defineProperty(this, "scaleCache", {});
+
+    _defineProperty(this, "scaleOptions", {});
+  }
+
+  _createClass(FeatureScalePlugin, [{
+    key: "getSourceData",
+    value: function getSourceData(layer, callback) {
+      var source = layer.getSource();
+
+      if (source.inited) {
+        callback(source.data);
+      } else {
+        source.once('sourceUpdate', function () {
+          callback(source.data);
+        });
+      }
+    }
+  }, {
+    key: "apply",
+    value: function apply(layer, _ref) {
+      var _this = this;
+
+      var styleAttributeService = _ref.styleAttributeService;
+      layer.hooks.init.tap('FeatureScalePlugin', function () {
+        _this.scaleOptions = layer.getScaleOptions();
+        var attributes = styleAttributeService.getLayerStyleAttributes();
+
+        _this.getSourceData(layer, function (_ref2) {
+          var dataArray = _ref2.dataArray;
+
+          if (Array.isArray(dataArray) && dataArray.length === 0) {
+            return;
+          } else {
+            _this.caculateScalesForAttributes(attributes || [], dataArray);
+          }
+        }); // const { dataArray } = layer.getSource().data;
+        // if (dataArray.length === 0) {
+        //   return;
+        // }
+        // this.caculateScalesForAttributes(
+        //   attributes || [],
+        //   dataArray as IParseDataItem[],
+        // );
+
+      }); // 检测数据是否需要更新
+
+      layer.hooks.beforeRenderData.tap('FeatureScalePlugin', function () {
+        _this.scaleOptions = layer.getScaleOptions();
+        var attributes = styleAttributeService.getLayerStyleAttributes();
+
+        _this.getSourceData(layer, function (_ref3) {
+          var dataArray = _ref3.dataArray;
+
+          if (Array.isArray(dataArray) && dataArray.length === 0) {
+            return;
+          }
+
+          _this.caculateScalesForAttributes(attributes || [], dataArray);
+
+          layer.layerModelNeedUpdate = true;
+        }); // const { dataArray } = layer.getSource().data;
+        // if (dataArray.length === 0) {
+        //   return;
+        // }
+        // this.caculateScalesForAttributes(
+        //   attributes || [],
+        //   dataArray
+        // );
+        // layer.layerModelNeedUpdate = true;
+
+
+        return true;
+      });
+      layer.hooks.beforeRender.tap('FeatureScalePlugin', function () {
+        if (layer.layerModelNeedUpdate) {
+          return;
+        }
+
+        _this.scaleOptions = layer.getScaleOptions();
+        var attributes = styleAttributeService.getLayerStyleAttributes();
+
+        if (attributes) {
+          _this.getSourceData(layer, function (_ref4) {
+            var dataArray = _ref4.dataArray;
+
+            if (dataArray.length === 0) {
+              return;
+            }
+
+            var attributesToRescale = attributes.filter(function (attribute) {
+              return attribute.needRescale;
+            });
+
+            if (attributesToRescale.length) {
+              _this.caculateScalesForAttributes(attributesToRescale, dataArray);
+            }
+          }); // const { dataArray } = layer.getSource().data;
+          // if (dataArray.length === 0) {
+          //   return;
+          // }
+          // const attributesToRescale = attributes.filter(
+          //   (attribute) => attribute.needRescale,
+          // );
+          // if (attributesToRescale.length) {
+          //   this.caculateScalesForAttributes(
+          //     attributesToRescale,
+          //     dataArray,
+          //   );
+          // }
+
+        }
+      });
+    }
+  }, {
+    key: "isNumber",
+    value: function isNumber(n) {
+      return !isNaN(parseFloat(n)) && isFinite(n);
+    }
+  }, {
+    key: "caculateScalesForAttributes",
+    value: function caculateScalesForAttributes(attributes, dataArray) {
+      var _this2 = this;
+
+      this.scaleCache = {};
+      attributes.forEach(function (attribute) {
+        if (attribute.scale) {
+          // 创建Scale
+          var attributeScale = attribute.scale;
+          attributeScale.names = _this2.parseFields(attribute.scale.field || []);
+          var scales = []; // 为每个字段创建 Scale
+
+          attributeScale.names.forEach(function (field) {
+            var _attribute$scale;
+
+            scales.push(_this2.createScale(field, attribute.name, (_attribute$scale = attribute.scale) === null || _attribute$scale === void 0 ? void 0 : _attribute$scale.values, dataArray));
+          }); // 为scales 设置值区间 Range
+
+          if (scales.some(function (scale) {
+            return scale.type === StyleScaleType.VARIABLE;
+          })) {
+            attributeScale.type = StyleScaleType.VARIABLE;
+            scales.forEach(function (scale) {
+              var _scale$option;
+
+              // 如果设置了回调, 这不需要设置range
+              if (!attributeScale.callback && attributeScale.values !== 'text') {
+                switch ((_scale$option = scale.option) === null || _scale$option === void 0 ? void 0 : _scale$option.type) {
+                  case ScaleTypes.LOG:
+                  case ScaleTypes.LINEAR:
+                  case ScaleTypes.POWER:
+                    if (attributeScale.values && attributeScale.values.length > 2) {
+                      var tick = scale.scale.ticks(attributeScale.values.length);
+                      scale.scale.domain(tick);
+                    }
+
+                    attributeScale.values ? scale.scale.range(attributeScale.values) : scale.scale.range(scale.option.domain);
+                    break;
+
+                  case ScaleTypes.QUANTILE:
+                  case ScaleTypes.QUANTIZE:
+                  case ScaleTypes.THRESHOLD:
+                    scale.scale.range(attributeScale.values); //
+
+                    break;
+
+                  case ScaleTypes.CAT:
+                    attributeScale.values ? scale.scale.range(attributeScale.values) : scale.scale.range(scale.option.domain);
+                    break;
+
+                  case ScaleTypes.DIVERGING:
+                  case ScaleTypes.SEQUENTIAL:
+                    scale.scale.interpolator( // @ts-ignore
+                    d3interpolate.interpolateRgbBasis(attributeScale.values));
+                    break;
+                }
+              }
+
+              if (attributeScale.values === 'text') {
+                var _scale$option2;
+
+                scale.scale.range((_scale$option2 = scale.option) === null || _scale$option2 === void 0 ? void 0 : _scale$option2.domain);
+              }
+            });
+          } else {
+            // 设置attribute 常量值 常量直接在value取值
+            attributeScale.type = StyleScaleType.CONSTANT;
+            attributeScale.defaultValues = scales.map(function (scale, index) {
+              return scale.scale(attributeScale.names[index]);
+            });
+          }
+
+          attributeScale.scalers = scales.map(function (scale) {
+            return {
+              field: scale.field,
+              func: scale.scale,
+              option: scale.option
+            };
+          });
+          attribute.needRescale = false;
+        }
+      });
+    }
+    /**
+     * @example
+     * 'w*h' => ['w', 'h']
+     * 'w' => ['w']
+     */
+
+  }, {
+    key: "parseFields",
+    value: function parseFields(field) {
+      if (Array.isArray(field)) {
+        return field;
+      }
+
+      if (isString(field)) {
+        return field.split('*');
+      }
+
+      return [field];
+    }
+  }, {
+    key: "createScale",
+    value: function createScale(field, name, values, data) {
+      var _this$scaleOptions$na, _find;
+
+      // scale 支持根据视觉通道和字段
+      var scaleOption = this.scaleOptions[name] && ((_this$scaleOptions$na = this.scaleOptions[name]) === null || _this$scaleOptions$na === void 0 ? void 0 : _this$scaleOptions$na.field) === field ? this.scaleOptions[name] // TODO  zi
+      : this.scaleOptions[field];
+      var styleScale = {
+        field: field,
+        scale: undefined,
+        type: StyleScaleType.VARIABLE,
+        option: scaleOption
+      };
+
+      if (!data || !data.length) {
+        if (scaleOption && scaleOption.type) {
+          styleScale.scale = this.createDefaultScale(scaleOption);
+        } else {
+          styleScale.scale = d3.scaleOrdinal([field]);
+          styleScale.type = StyleScaleType.CONSTANT;
+        }
+
+        return styleScale;
+      }
+
+      var firstValue = (_find = data.find(function (d) {
+        return !isNil(d[field]);
+      })) === null || _find === void 0 ? void 0 : _find[field]; // 常量 Scale
+
+      if (this.isNumber(field) || isNil(firstValue) && !scaleOption) {
+        styleScale.scale = d3.scaleOrdinal([field]);
+        styleScale.type = StyleScaleType.CONSTANT;
+      } else {
+        // 根据数据类型判断 默认等分位，时间，和枚举类型
+        var type = scaleOption && scaleOption.type || this.getDefaultType(firstValue);
+
+        if (values === 'text') {
+          // text 为内置变 如果是文本则为cat
+          type = ScaleTypes.CAT;
+        }
+
+        var cfg = this.createScaleConfig(type, field, scaleOption, data);
+        styleScale.scale = this.createDefaultScale(cfg);
+        styleScale.option = cfg;
+      }
+
+      return styleScale;
+    }
+  }, {
+    key: "getDefaultType",
+    value: function getDefaultType(firstValue) {
+      var type = ScaleTypes.LINEAR;
+
+      if (typeof firstValue === 'string') {
+        type = dateRegex.test(firstValue) ? ScaleTypes.TIME : ScaleTypes.CAT;
+      }
+
+      return type;
+    } // 生成Scale 默认配置
+
+  }, {
+    key: "createScaleConfig",
+    value: function createScaleConfig(type, field, scaleOption, data) {
+      var cfg = {
+        type: type
+      };
+      var values = (data === null || data === void 0 ? void 0 : data.map(function (item) {
+        return item[field];
+      })) || [];
+
+      if (scaleOption !== null && scaleOption !== void 0 && scaleOption.domain) {
+        cfg.domain = scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.domain;
+      } else if (type !== ScaleTypes.CAT && type !== ScaleTypes.QUANTILE && type !== ScaleTypes.DIVERGING) {
+        // linear/
+        cfg.domain = extent(values);
+      } else if (type === ScaleTypes.CAT) {
+        cfg.domain = uniq(values);
+      } else if (type === ScaleTypes.QUANTILE) {
+        cfg.domain = values;
+      } else if (type === ScaleTypes.DIVERGING) {
+        var minMax = extent(values);
+        var neutral = (scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.neutral) !== undefined ? scaleOption === null || scaleOption === void 0 ? void 0 : scaleOption.neutral : (minMax[0] + minMax[1]) / 2;
+        cfg.domain = [minMax[0], neutral, minMax[1]];
+      }
+
+      return _objectSpread(_objectSpread({}, cfg), scaleOption);
+    } // 创建Scale 实例
+
+  }, {
+    key: "createDefaultScale",
+    value: function createDefaultScale(_ref5) {
+      var type = _ref5.type,
+          domain = _ref5.domain,
+          unknown = _ref5.unknown,
+          clamp = _ref5.clamp,
+          nice = _ref5.nice;
+      // @ts-ignore
+      var scale = scaleMap[type]();
+
+      if (domain && scale.domain) {
+        scale.domain(domain);
+      }
+
+      if (unknown) {
+        scale.unknown(unknown);
+      }
+
+      if (clamp !== undefined && scale.clamp) {
+        scale.clamp(clamp);
+      }
+
+      if (nice !== undefined && scale.nice) {
+        scale.nice(nice);
+      } // TODO 其他属性支持
+
+
+      return scale;
+    }
+  }]);
+
+  return FeatureScalePlugin;
+}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "configService", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);
+export { FeatureScalePlugin as default };

package/es/plugins/LayerAnimateStylePlugin.d.ts

@@ -0,0 +1,7 @@
+import { ILayer, ILayerPlugin } from '@antv/l7-core';
+import 'reflect-metadata';
+export default class LayerAnimateStylePlugin implements ILayerPlugin {
+    private readonly cameraService;
+    private readonly rendererService;
+    apply(layer: ILayer): void;
+}

package/es/plugins/LayerAnimateStylePlugin.js

@@ -0,0 +1,49 @@
+import _objectSpread from "@babel/runtime/helpers/objectSpread2";
+import _initializerDefineProperty from "@babel/runtime/helpers/initializerDefineProperty";
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _defineProperty from "@babel/runtime/helpers/defineProperty";
+import _applyDecoratedDescriptor from "@babel/runtime/helpers/applyDecoratedDescriptor";
+import _initializerWarningHelper from "@babel/runtime/helpers/initializerWarningHelper";
+
+var _dec, _dec2, _dec3, _class, _class2, _descriptor, _descriptor2;
+
+import { TYPES } from '@antv/l7-core';
+import { inject, injectable } from 'inversify';
+import 'reflect-metadata';
+var LayerAnimateStylePlugin = (_dec = injectable(), _dec2 = inject(TYPES.ICameraService), _dec3 = inject(TYPES.IRendererService), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function LayerAnimateStylePlugin() {
+    _classCallCheck(this, LayerAnimateStylePlugin);
+
+    _initializerDefineProperty(this, "cameraService", _descriptor, this);
+
+    _initializerDefineProperty(this, "rendererService", _descriptor2, this);
+  }
+
+  _createClass(LayerAnimateStylePlugin, [{
+    key: "apply",
+    value: function apply(layer) {
+      // layer.hooks.beforeRender.tap('LayerAnimateStylePlugin', () => {
+      // })
+      layer.hooks.beforeRender.tap('LayerAnimateStylePlugin', function () {
+        // 重新计算坐标系参数
+        layer.models.forEach(function (model) {
+          model.addUniforms(_objectSpread({}, layer.layerModel.getAnimateUniforms()));
+        });
+      });
+    }
+  }]);
+
+  return LayerAnimateStylePlugin;
+}(), (_descriptor = _applyDecoratedDescriptor(_class2.prototype, "cameraService", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = _applyDecoratedDescriptor(_class2.prototype, "rendererService", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);
+export { LayerAnimateStylePlugin as default };

package/es/plugins/LayerModelPlugin.d.ts

@@ -0,0 +1,10 @@
+import { ILayer, ILayerPlugin } from '@antv/l7-core';
+import 'reflect-metadata';
+/**
+ * Layer Model 初始化，更新，销毁
+ */
+export default class LayerModelPlugin implements ILayerPlugin {
+    initLayerModel(layer: ILayer): void;
+    prepareLayerModel(layer: ILayer): void;
+    apply(layer: ILayer): void;
+}

package/es/plugins/LayerModelPlugin.js

@@ -0,0 +1,71 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+
+var _dec, _class;
+
+import { injectable } from 'inversify';
+import 'reflect-metadata';
+/**
+ * Layer Model 初始化，更新，销毁
+ */
+
+var LayerModelPlugin = (_dec = injectable(), _dec(_class = /*#__PURE__*/function () {
+  function LayerModelPlugin() {
+    _classCallCheck(this, LayerModelPlugin);
+  }
+
+  _createClass(LayerModelPlugin, [{
+    key: "initLayerModel",
+    value: function initLayerModel(layer) {
+      // 更新Model 配置项
+      layer.prepareBuildModel(); // 初始化 Model
+
+      layer.buildModels(); // emit layer model loaded
+
+      layer.emit('modelLoaded', null);
+      layer.styleNeedUpdate = false;
+    }
+  }, {
+    key: "prepareLayerModel",
+    value: function prepareLayerModel(layer) {
+      // 更新Model 配置项
+      layer.prepareBuildModel();
+      layer.clearModels(); // 初始化 Model
+
+      layer.buildModels(); // emit layer model loaded
+
+      layer.emit('modelLoaded', null);
+      layer.layerModelNeedUpdate = false;
+    }
+  }, {
+    key: "apply",
+    value: function apply(layer) {
+      var _this = this;
+
+      layer.hooks.init.tap('LayerModelPlugin', function () {
+        layer.inited = true;
+        var source = layer.getSource();
+
+        if (source.inited) {
+          _this.initLayerModel(layer);
+        }
+      });
+      layer.hooks.beforeRenderData.tap('DataSourcePlugin', function () {
+        var source = layer.getSource();
+
+        if (source.inited) {
+          _this.prepareLayerModel(layer);
+        } else {
+          source.once('sourceUpdate', function () {
+            _this.prepareLayerModel(layer);
+          });
+        }
+
+        return false;
+      });
+    }
+  }]);
+
+  return LayerModelPlugin;
+}()) || _class);
+export { LayerModelPlugin as default };

package/es/plugins/LayerStylePlugin.d.ts

@@ -0,0 +1,8 @@
+import { ILayer, ILayerPlugin } from '@antv/l7-core';
+import 'reflect-metadata';
+/**
+ * 更新图层样式，初始图层相关配置
+ */
+export default class LayerStylePlugin implements ILayerPlugin {
+    apply(layer: ILayer): void;
+}

package/es/plugins/LayerStylePlugin.js

@@ -0,0 +1,39 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+
+var _dec, _class;
+
+import { injectable } from 'inversify';
+import 'reflect-metadata';
+/**
+ * 更新图层样式，初始图层相关配置
+ */
+
+var LayerStylePlugin = (_dec = injectable(), _dec(_class = /*#__PURE__*/function () {
+  function LayerStylePlugin() {
+    _classCallCheck(this, LayerStylePlugin);
+  }
+
+  _createClass(LayerStylePlugin, [{
+    key: "apply",
+    value: function apply(layer) {
+      layer.hooks.afterInit.tap('LayerStylePlugin', function () {
+        // 更新图层默认状态
+        layer.updateLayerConfig({});
+
+        var _layer$getLayerConfig = layer.getLayerConfig(),
+            autoFit = _layer$getLayerConfig.autoFit,
+            fitBoundsOptions = _layer$getLayerConfig.fitBoundsOptions;
+
+        if (autoFit) {
+          setTimeout(function () {
+            layer.fitBounds(fitBoundsOptions);
+          }, 100);
+        }
+      });
+    }
+  }]);
+
+  return LayerStylePlugin;
+}()) || _class);
+export { LayerStylePlugin as default };

package/es/plugins/LightingPlugin.d.ts

@@ -0,0 +1,36 @@
+import { ILayer, ILayerPlugin } from '@antv/l7-core';
+import 'reflect-metadata';
+interface IDirectionalLight {
+    type: 'directional';
+    direction: [number, number, number];
+    ambient: [number, number, number];
+    diffuse: [number, number, number];
+    specular: [number, number, number];
+}
+interface ISpotLight {
+    type: 'spot';
+    position: [number, number, number];
+    direction: [number, number, number];
+    ambient: [number, number, number];
+    diffuse: [number, number, number];
+    specular: [number, number, number];
+    constant: number;
+    linear: number;
+    quadratic: number;
+    angle: number;
+    exponent: number;
+    blur: number;
+}
+export declare function generateLightingUniforms(lights?: Array<Partial<IDirectionalLight | ISpotLight>>): {
+    u_DirectionalLights: Array<Omit<IDirectionalLight, 'type'>>;
+    u_NumOfDirectionalLights: number;
+    u_SpotLights: Array<Omit<ISpotLight, 'type'>>;
+    u_NumOfSpotLights: number;
+};
+/**
+ * 光照 & Shadow
+ */
+export default class LightingPlugin implements ILayerPlugin {
+    apply(layer: ILayer): void;
+}
+export {};