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

package/lib/plugins/FeatureScalePlugin.js

@@ -0,0 +1,348 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+var _typeof = require("@babel/runtime/helpers/typeof");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _initializerDefineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/initializerDefineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _applyDecoratedDescriptor2 = _interopRequireDefault(require("@babel/runtime/helpers/applyDecoratedDescriptor"));
+
+var _initializerWarningHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/initializerWarningHelper"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _d3Array = require("d3-array");
+
+var d3interpolate = _interopRequireWildcard(require("d3-interpolate"));
+
+var d3 = _interopRequireWildcard(require("d3-scale"));
+
+var _inversify = require("inversify");
+
+var _lodash = require("lodash");
+
+require("reflect-metadata");
+
+var _scaleMap, _dec, _dec2, _class, _class2, _descriptor;
+
+function _getRequireWildcardCache(nodeInterop) { if (typeof WeakMap !== "function") return null; var cacheBabelInterop = new WeakMap(); var cacheNodeInterop = new WeakMap(); return (_getRequireWildcardCache = function _getRequireWildcardCache(nodeInterop) { return nodeInterop ? cacheNodeInterop : cacheBabelInterop; })(nodeInterop); }
+
+function _interopRequireWildcard(obj, nodeInterop) { if (!nodeInterop && obj && obj.__esModule) { return obj; } if (obj === null || _typeof(obj) !== "object" && typeof obj !== "function") { return { default: obj }; } var cache = _getRequireWildcardCache(nodeInterop); if (cache && cache.has(obj)) { return cache.get(obj); } var newObj = {}; var hasPropertyDescriptor = Object.defineProperty && Object.getOwnPropertyDescriptor; for (var key in obj) { if (key !== "default" && Object.prototype.hasOwnProperty.call(obj, key)) { var desc = hasPropertyDescriptor ? Object.getOwnPropertyDescriptor(obj, key) : null; if (desc && (desc.get || desc.set)) { Object.defineProperty(newObj, key, desc); } else { newObj[key] = obj[key]; } } } newObj.default = obj; if (cache) { cache.set(obj, newObj); } return newObj; }
+
+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 = {}, (0, _defineProperty2.default)(_scaleMap, _l7Core.ScaleTypes.LINEAR, d3.scaleLinear), (0, _defineProperty2.default)(_scaleMap, _l7Core.ScaleTypes.POWER, d3.scalePow), (0, _defineProperty2.default)(_scaleMap, _l7Core.ScaleTypes.LOG, d3.scaleLog), (0, _defineProperty2.default)(_scaleMap, _l7Core.ScaleTypes.IDENTITY, d3.scaleIdentity), (0, _defineProperty2.default)(_scaleMap, _l7Core.ScaleTypes.SEQUENTIAL, d3.scaleSequential), (0, _defineProperty2.default)(_scaleMap, _l7Core.ScaleTypes.TIME, d3.scaleTime), (0, _defineProperty2.default)(_scaleMap, _l7Core.ScaleTypes.QUANTILE, d3.scaleQuantile), (0, _defineProperty2.default)(_scaleMap, _l7Core.ScaleTypes.QUANTIZE, d3.scaleQuantize), (0, _defineProperty2.default)(_scaleMap, _l7Core.ScaleTypes.THRESHOLD, d3.scaleThreshold), (0, _defineProperty2.default)(_scaleMap, _l7Core.ScaleTypes.CAT, d3.scaleOrdinal), (0, _defineProperty2.default)(_scaleMap, _l7Core.ScaleTypes.DIVERGING, d3.scaleDiverging), _scaleMap);
+/**
+ * 根据 Source 原始数据为指定字段创建 Scale，保存在 StyleAttribute 上，供下游插件使用
+ */
+
+var FeatureScalePlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inversify.inject)(_l7Core.TYPES.IGlobalConfigService), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function FeatureScalePlugin() {
+    (0, _classCallCheck2.default)(this, FeatureScalePlugin);
+    (0, _initializerDefineProperty2.default)(this, "configService", _descriptor, this);
+    (0, _defineProperty2.default)(this, "scaleCache", {});
+    (0, _defineProperty2.default)(this, "scaleOptions", {});
+  }
+
+  (0, _createClass2.default)(FeatureScalePlugin, [{
+    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();
+        var dataArray = layer.getSource().data.dataArray;
+
+        if (dataArray.length === 0) {
+          return;
+        }
+
+        _this.caculateScalesForAttributes(attributes || [], dataArray);
+      }); // 检测数据是否需要更新
+
+      layer.hooks.beforeRenderData.tap('FeatureScalePlugin', function () {
+        _this.scaleOptions = layer.getScaleOptions();
+        var attributes = styleAttributeService.getLayerStyleAttributes();
+        var dataArray = layer.getSource().data.dataArray;
+
+        _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) {
+          var dataArray = layer.getSource().data.dataArray;
+
+          if (dataArray.length === 0) {
+            return;
+          }
+
+          var attributesToRescale = attributes.filter(function (attribute) {
+            return 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 === _l7Core.StyleScaleType.VARIABLE;
+          })) {
+            attributeScale.type = _l7Core.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 _l7Core.ScaleTypes.LOG:
+                  case _l7Core.ScaleTypes.LINEAR:
+                  case _l7Core.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 _l7Core.ScaleTypes.QUANTILE:
+                  case _l7Core.ScaleTypes.QUANTIZE:
+                  case _l7Core.ScaleTypes.THRESHOLD:
+                    scale.scale.range(attributeScale.values); //
+
+                    break;
+
+                  case _l7Core.ScaleTypes.CAT:
+                    attributeScale.values ? scale.scale.range(attributeScale.values) : scale.scale.range(scale.option.domain);
+                    break;
+
+                  case _l7Core.ScaleTypes.DIVERGING:
+                  case _l7Core.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 = _l7Core.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 ((0, _lodash.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: _l7Core.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 = _l7Core.StyleScaleType.CONSTANT;
+        }
+
+        return styleScale;
+      }
+
+      var firstValue = (_find = data.find(function (d) {
+        return !(0, _lodash.isNil)(d[field]);
+      })) === null || _find === void 0 ? void 0 : _find[field]; // 常量 Scale
+
+      if (this.isNumber(field) || (0, _lodash.isNil)(firstValue) && !scaleOption) {
+        styleScale.scale = d3.scaleOrdinal([field]);
+        styleScale.type = _l7Core.StyleScaleType.CONSTANT;
+      } else {
+        // 根据数据类型判断 默认等分位，时间，和枚举类型
+        var type = scaleOption && scaleOption.type || this.getDefaultType(firstValue);
+
+        if (values === 'text') {
+          // text 为内置变 如果是文本则为cat
+          type = _l7Core.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 = _l7Core.ScaleTypes.LINEAR;
+
+      if (typeof firstValue === 'string') {
+        type = dateRegex.test(firstValue) ? _l7Core.ScaleTypes.TIME : _l7Core.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 !== _l7Core.ScaleTypes.CAT && type !== _l7Core.ScaleTypes.QUANTILE && type !== _l7Core.ScaleTypes.DIVERGING) {
+        // linear/
+        cfg.domain = (0, _d3Array.extent)(values);
+      } else if (type === _l7Core.ScaleTypes.CAT) {
+        cfg.domain = (0, _lodash.uniq)(values);
+      } else if (type === _l7Core.ScaleTypes.QUANTILE) {
+        cfg.domain = values;
+      } else if (type === _l7Core.ScaleTypes.DIVERGING) {
+        var minMax = (0, _d3Array.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 (0, _objectSpread2.default)((0, _objectSpread2.default)({}, cfg), scaleOption);
+    } // 创建Scale 实例
+
+  }, {
+    key: "createDefaultScale",
+    value: function createDefaultScale(_ref2) {
+      var type = _ref2.type,
+          domain = _ref2.domain,
+          unknown = _ref2.unknown,
+          clamp = _ref2.clamp,
+          nice = _ref2.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 = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "configService", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);
+exports.default = FeatureScalePlugin;

package/lib/plugins/LayerAnimateStylePlugin.js

@@ -0,0 +1,64 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _initializerDefineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/initializerDefineProperty"));
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
+
+var _applyDecoratedDescriptor2 = _interopRequireDefault(require("@babel/runtime/helpers/applyDecoratedDescriptor"));
+
+var _initializerWarningHelper2 = _interopRequireDefault(require("@babel/runtime/helpers/initializerWarningHelper"));
+
+var _l7Core = require("@antv/l7-core");
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _dec2, _dec3, _class, _class2, _descriptor, _descriptor2;
+
+var LayerAnimateStylePlugin = (_dec = (0, _inversify.injectable)(), _dec2 = (0, _inversify.inject)(_l7Core.TYPES.ICameraService), _dec3 = (0, _inversify.inject)(_l7Core.TYPES.IRendererService), _dec(_class = (_class2 = /*#__PURE__*/function () {
+  function LayerAnimateStylePlugin() {
+    (0, _classCallCheck2.default)(this, LayerAnimateStylePlugin);
+    (0, _initializerDefineProperty2.default)(this, "cameraService", _descriptor, this);
+    (0, _initializerDefineProperty2.default)(this, "rendererService", _descriptor2, this);
+  }
+
+  (0, _createClass2.default)(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((0, _objectSpread2.default)({}, layer.layerModel.getAnimateUniforms()));
+        });
+      });
+    }
+  }]);
+  return LayerAnimateStylePlugin;
+}(), (_descriptor = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "cameraService", [_dec2], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+}), _descriptor2 = (0, _applyDecoratedDescriptor2.default)(_class2.prototype, "rendererService", [_dec3], {
+  configurable: true,
+  enumerable: true,
+  writable: true,
+  initializer: null
+})), _class2)) || _class);
+exports.default = LayerAnimateStylePlugin;

package/lib/plugins/LayerModelPlugin.js

@@ -0,0 +1,82 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _class;
+
+var LayerModelPlugin = (
+/**
+ * Layer Model 初始化，更新，销毁
+ */
+_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function LayerModelPlugin() {
+    (0, _classCallCheck2.default)(this, LayerModelPlugin);
+  }
+
+  (0, _createClass2.default)(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);
+exports.default = LayerModelPlugin;

package/lib/plugins/LayerStylePlugin.js

@@ -0,0 +1,50 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _class;
+
+var LayerStylePlugin = (
+/**
+ * 更新图层样式，初始图层相关配置
+ */
+_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function LayerStylePlugin() {
+    (0, _classCallCheck2.default)(this, LayerStylePlugin);
+  }
+
+  (0, _createClass2.default)(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);
+exports.default = LayerStylePlugin;

package/lib/plugins/LightingPlugin.js

@@ -0,0 +1,125 @@
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.default = void 0;
+exports.generateLightingUniforms = generateLightingUniforms;
+
+var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
+
+var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
+
+var _objectWithoutProperties2 = _interopRequireDefault(require("@babel/runtime/helpers/objectWithoutProperties"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _inversify = require("inversify");
+
+require("reflect-metadata");
+
+var _dec, _class;
+
+var _excluded = ["type"];
+var lightTypeUniformMap = {
+  directional: {
+    lights: 'u_DirectionalLights',
+    num: 'u_NumOfDirectionalLights'
+  },
+  spot: {
+    lights: 'u_SpotLights',
+    num: 'u_NumOfSpotLights'
+  }
+};
+var DEFAULT_LIGHT = {
+  type: 'directional',
+  direction: [1, 10.5, 12],
+  ambient: [0.2, 0.2, 0.2],
+  diffuse: [0.6, 0.6, 0.6],
+  specular: [0.1, 0.1, 0.1]
+};
+var DEFAULT_DIRECTIONAL_LIGHT = {
+  direction: [0, 0, 0],
+  ambient: [0, 0, 0],
+  diffuse: [0, 0, 0],
+  specular: [0, 0, 0]
+};
+var DEFAULT_SPOT_LIGHT = {
+  position: [0, 0, 0],
+  direction: [0, 0, 0],
+  ambient: [0, 0, 0],
+  diffuse: [0, 0, 0],
+  specular: [0, 0, 0],
+  constant: 1,
+  linear: 0,
+  quadratic: 0,
+  angle: 14,
+  exponent: 40,
+  blur: 5
+};
+var COLOR_ATTRIBUTES = ['ambient', 'diffuse', 'specular'];
+
+function generateLightingUniforms(lights) {
+  var lightsMap = {
+    u_DirectionalLights: new Array(3).fill((0, _objectSpread2.default)({}, DEFAULT_DIRECTIONAL_LIGHT)),
+    u_NumOfDirectionalLights: 0,
+    u_SpotLights: new Array(3).fill((0, _objectSpread2.default)({}, DEFAULT_SPOT_LIGHT)),
+    u_NumOfSpotLights: 0
+  };
+
+  if (!lights || !lights.length) {
+    lights = [DEFAULT_LIGHT];
+  }
+
+  lights.forEach(function (_ref, i) {
+    var _ref$type = _ref.type,
+        type = _ref$type === void 0 ? 'directional' : _ref$type,
+        rest = (0, _objectWithoutProperties2.default)(_ref, _excluded);
+    var lightsUniformName = lightTypeUniformMap[type].lights;
+    var lightsNumUniformName = lightTypeUniformMap[type].num; // Object.keys(rest).forEach(key => {
+    //   if (Util.isString(rest[key]) && COLOR_ATTRIBUTES.indexOf(key) > -1) {
+    //     rest[key] = ColorUtil.color2RGBA(rest[key]).slice(0, 3);
+    //   }
+    // });
+    // @ts-ignore
+
+    var num = lightsMap[lightsNumUniformName]; // @ts-ignore
+
+    lightsMap[lightsUniformName][num] = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, lightsMap[lightsUniformName][num]), rest); // @ts-ignore
+
+    lightsMap[lightsNumUniformName]++;
+  });
+  return lightsMap;
+}
+/**
+ * 光照 & Shadow
+ */
+
+
+var LightingPlugin = (_dec = (0, _inversify.injectable)(), _dec(_class = /*#__PURE__*/function () {
+  function LightingPlugin() {
+    (0, _classCallCheck2.default)(this, LightingPlugin);
+  }
+
+  (0, _createClass2.default)(LightingPlugin, [{
+    key: "apply",
+    value: function apply(layer) {
+      layer.hooks.beforeRender.tap('LightingPlugin', function () {
+        var _layer$getLayerConfig = layer.getLayerConfig(),
+            enableLighting = _layer$getLayerConfig.enableLighting;
+
+        if (enableLighting) {
+          layer.models.forEach(function (model) {
+            return (// @ts-ignore
+              model.addUniforms((0, _objectSpread2.default)({}, generateLightingUniforms()))
+            );
+          });
+        }
+      });
+    }
+  }]);
+  return LightingPlugin;
+}()) || _class);
+exports.default = LightingPlugin;