@antv/l7-component 2.21.0 → 2.21.2

package/lib/control/layerSwitch.js

@@ -6,50 +6,32 @@ Object.defineProperty(exports, "__esModule", {
 });
 exports.default = exports.LayerSwitch = void 0;
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _icon = require("../utils/icon");
 var _selectControl = _interopRequireDefault(require("./baseControl/selectControl"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
 function isLayerSwitchItem(obj) {
-  return Object.keys(obj !== null && obj !== void 0 ? obj : {}).every(function (key) {
-    return ['layer', 'name', 'img'].includes(key);
-  });
+  return Object.keys(obj !== null && obj !== void 0 ? obj : {}).every(key => ['layer', 'name', 'img'].includes(key));
 }
-var LayerSwitch = exports.default = exports.LayerSwitch = /*#__PURE__*/function (_SelectControl) {
-  (0, _inherits2.default)(LayerSwitch, _SelectControl);
-  var _super = _createSuper(LayerSwitch);
-  function LayerSwitch() {
-    var _this;
-    (0, _classCallCheck2.default)(this, LayerSwitch);
-    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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onLayerChange", function () {
+class LayerSwitch extends _selectControl.default {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "onLayerChange", () => {
       var _this$controlOption$l;
-      if ((_this$controlOption$l = _this.controlOption.layers) !== null && _this$controlOption$l !== void 0 && _this$controlOption$l.length) {
+      if ((_this$controlOption$l = this.controlOption.layers) !== null && _this$controlOption$l !== void 0 && _this$controlOption$l.length) {
         return;
       }
-      _this.selectValue = _this.getLayerVisible();
-      _this.setOptions({
-        options: _this.getLayerOptions()
+      this.selectValue = this.getLayerVisible();
+      this.setOptions({
+        options: this.getLayerOptions()
       });
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onLayerVisibleChane", function () {
-      _this.setSelectValue(_this.getLayerVisible());
+    (0, _defineProperty2.default)(this, "onLayerVisibleChane", () => {
+      this.setSelectValue(this.getLayerVisible());
     });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onSelectChange", function () {
-      _this.layers.forEach(function (layer) {
-        var needShow = _this.selectValue.includes(layer.name);
-        var isShow = layer.isVisible();
+    (0, _defineProperty2.default)(this, "onSelectChange", () => {
+      this.layers.forEach(layer => {
+        const needShow = this.selectValue.includes(layer.name);
+        const isShow = layer.isVisible();
         if (needShow && !isShow) {
           layer.show();
         }
@@ -58,142 +40,119 @@ var LayerSwitch = exports.default = exports.LayerSwitch = /*#__PURE__*/function
         }
       });
     });
-    return _this;
   }
-  (0, _createClass2.default)(LayerSwitch, [{
-    key: "layers",
-    get: function get() {
-      var layerService = this.layerService;
-      var layers = this.controlOption.layers;
-      if (Array.isArray(layers) && layers.length) {
-        var layerInstances = [];
-        layers.forEach(function (layer) {
-          if (layer instanceof Object) {
-            if (isLayerSwitchItem(layer)) {
-              layerInstances.push(layer.layer);
-            } else {
-              layerInstances.push(layer);
-            }
+  get layers() {
+    const layerService = this.layerService;
+    const {
+      layers
+    } = this.controlOption;
+    if (Array.isArray(layers) && layers.length) {
+      const layerInstances = [];
+      layers.forEach(layer => {
+        if (layer instanceof Object) {
+          if (isLayerSwitchItem(layer)) {
+            layerInstances.push(layer.layer);
+          } else {
+            layerInstances.push(layer);
           }
-          if (typeof layer === 'string') {
-            var targetLayer = layerService.getLayer(layer) || layerService.getLayerByName(layer);
-            if (targetLayer) {
-              layerInstances.push(targetLayer);
-            }
+        }
+        if (typeof layer === 'string') {
+          const targetLayer = layerService.getLayer(layer) || layerService.getLayerByName(layer);
+          if (targetLayer) {
+            layerInstances.push(targetLayer);
           }
-        });
-        return layerInstances;
-      }
-      return layerService.getLayers() || [];
-    }
-  }, {
-    key: "getDefault",
-    value: function getDefault(option) {
-      var _option$multiple;
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(LayerSwitch.prototype), "getDefault", this).call(this, option)), {}, {
-        title: '图层控制',
-        btnIcon: (0, _icon.createL7Icon)('l7-icon-layer'),
-        options: [],
-        multiple: (_option$multiple = option === null || option === void 0 ? void 0 : option.multiple) !== null && _option$multiple !== void 0 ? _option$multiple : true
-      });
-    }
-  }, {
-    key: "getLayerVisible",
-    value: function getLayerVisible() {
-      return this.layers.filter(function (layer) {
-        return layer.isVisible();
-      }).map(function (layer) {
-        return layer.name;
+        }
       });
+      return layerInstances;
     }
-  }, {
-    key: "getLayerOptions",
-    value: function getLayerOptions() {
-      var _this2 = this;
-      var layers = this.controlOption.layers;
-      var isAllImg = layers === null || layers === void 0 ? void 0 : layers.every(function (item) {
-        return item.img;
-      });
-      if (layers) {
-        return layers === null || layers === void 0 ? void 0 : layers.map(function (layer) {
-          if (isLayerSwitchItem(layer)) {
-            return {
-              text: layer.name || layer.layer.name,
-              value: layer.layer.name,
-              img: isAllImg ? layer.img : undefined
-            };
-          } else if (typeof layer === 'string') {
-            var targetLayer = _this2.layerService.getLayer(layer) || _this2.layerService.getLayerByName(layer);
-            return {
-              text: targetLayer === null || targetLayer === void 0 ? void 0 : targetLayer.name,
-              value: targetLayer === null || targetLayer === void 0 ? void 0 : targetLayer.name
-            };
-          }
+    return layerService.getLayers() || [];
+  }
+  getDefault(option) {
+    var _option$multiple;
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, super.getDefault(option)), {}, {
+      title: '图层控制',
+      btnIcon: (0, _icon.createL7Icon)('l7-icon-layer'),
+      options: [],
+      multiple: (_option$multiple = option === null || option === void 0 ? void 0 : option.multiple) !== null && _option$multiple !== void 0 ? _option$multiple : true
+    });
+  }
+  getLayerVisible() {
+    return this.layers.filter(layer => layer.isVisible()).map(layer => layer.name);
+  }
+  getLayerOptions() {
+    const {
+      layers
+    } = this.controlOption;
+    const isAllImg = layers === null || layers === void 0 ? void 0 : layers.every(item => item.img);
+    if (layers) {
+      return layers === null || layers === void 0 ? void 0 : layers.map(layer => {
+        if (isLayerSwitchItem(layer)) {
           return {
-            text: layer.name,
-            value: layer.name
+            text: layer.name || layer.layer.name,
+            value: layer.layer.name,
+            img: isAllImg ? layer.img : undefined
           };
-        });
-      }
-      return this.layers.map(function (layer) {
+        } else if (typeof layer === 'string') {
+          const targetLayer = this.layerService.getLayer(layer) || this.layerService.getLayerByName(layer);
+          return {
+            text: targetLayer === null || targetLayer === void 0 ? void 0 : targetLayer.name,
+            value: targetLayer === null || targetLayer === void 0 ? void 0 : targetLayer.name
+          };
+        }
         return {
           text: layer.name,
           value: layer.name
         };
       });
     }
-  }, {
-    key: "setOptions",
-    value: function setOptions(option) {
-      var isLayerChange = this.checkUpdateOption(option, ['layers', 'multiple']);
-      (0, _get2.default)((0, _getPrototypeOf2.default)(LayerSwitch.prototype), "setOptions", this).call(this, option);
-      if (isLayerChange) {
-        if (this.controlOption.multiple === false) {
-          this.handleSingleSelection();
-        }
-        this.selectValue = this.getLayerVisible();
-        this.controlOption.options = this.getLayerOptions();
-        this.popper.setContent(this.getPopperContent(this.controlOption.options));
-      }
-    }
-
-    // TODO: 单选模式下，目前默认展示第一项，通过用户提供defaultValue展示默认选项的属性待开发
-    // 如果是单选模式，则只显示第一个图层
-  }, {
-    key: "handleSingleSelection",
-    value: function handleSingleSelection() {
-      this.layers.forEach(function (layer, index) {
-        index === 0 ? layer.show() : layer.hide();
-      });
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var _this$controlOption$o;
+    return this.layers.map(layer => {
+      return {
+        text: layer.name,
+        value: layer.name
+      };
+    });
+  }
+  setOptions(option) {
+    const isLayerChange = this.checkUpdateOption(option, ['layers', 'multiple']);
+    super.setOptions(option);
+    if (isLayerChange) {
       if (this.controlOption.multiple === false) {
         this.handleSingleSelection();
       }
-      if (!((_this$controlOption$o = this.controlOption.options) !== null && _this$controlOption$o !== void 0 && _this$controlOption$o.length)) {
-        this.controlOption.options = this.getLayerOptions();
-      }
-      if (!this.controlOption.defaultValue) {
-        this.controlOption.defaultValue = this.getLayerVisible();
-      }
-      this.on('selectChange', this.onSelectChange);
-      this.layerService.on('layerChange', this.onLayerChange);
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(LayerSwitch.prototype), "onAdd", this).call(this);
+      this.selectValue = this.getLayerVisible();
+      this.controlOption.options = this.getLayerOptions();
+      this.popper.setContent(this.getPopperContent(this.controlOption.options));
     }
-  }, {
-    key: "onRemove",
-    value: function onRemove() {
-      this.off('selectChange', this.onSelectChange);
-      this.layerService.off('layerChange', this.onLayerChange);
+  }
+
+  // TODO: 单选模式下，目前默认展示第一项，通过用户提供defaultValue展示默认选项的属性待开发
+  // 如果是单选模式，则只显示第一个图层
+  handleSingleSelection() {
+    this.layers.forEach((layer, index) => {
+      index === 0 ? layer.show() : layer.hide();
+    });
+  }
+  onAdd() {
+    var _this$controlOption$o;
+    if (this.controlOption.multiple === false) {
+      this.handleSingleSelection();
+    }
+    if (!((_this$controlOption$o = this.controlOption.options) !== null && _this$controlOption$o !== void 0 && _this$controlOption$o.length)) {
+      this.controlOption.options = this.getLayerOptions();
     }
-  }, {
-    key: "getIsMultiple",
-    value: function getIsMultiple() {
-      return this.controlOption.multiple;
+    if (!this.controlOption.defaultValue) {
+      this.controlOption.defaultValue = this.getLayerVisible();
     }
-  }]);
-  return LayerSwitch;
-}(_selectControl.default);
+    this.on('selectChange', this.onSelectChange);
+    this.layerService.on('layerChange', this.onLayerChange);
+    return super.onAdd();
+  }
+  onRemove() {
+    this.off('selectChange', this.onSelectChange);
+    this.layerService.off('layerChange', this.onLayerChange);
+  }
+  getIsMultiple() {
+    return this.controlOption.multiple;
+  }
+}
+exports.default = exports.LayerSwitch = LayerSwitch;

package/lib/control/logo.d.ts

@@ -0,0 +1,14 @@
+import type { IControlOption } from './baseControl';
+import { Control } from './baseControl';
+export interface ILogoControlOption extends IControlOption {
+    img: string;
+    href?: string | null;
+}
+export { Logo };
+export default class Logo extends Control<ILogoControlOption> {
+    getDefault(): ILogoControlOption;
+    onAdd(): HTMLElement;
+    onRemove(): null;
+    setOptions(option: Partial<ILogoControlOption>): void;
+    protected setLogoContent(container: HTMLElement): void;
+}

package/lib/control/logo.js

@@ -1,80 +1,55 @@
 "use strict";
 
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.Logo = void 0;
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _l7Utils = require("@antv/l7-utils");
 var _baseControl = require("./baseControl");
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var Logo = exports.default = exports.Logo = /*#__PURE__*/function (_Control) {
-  (0, _inherits2.default)(Logo, _Control);
-  var _super = _createSuper(Logo);
-  function Logo() {
-    (0, _classCallCheck2.default)(this, Logo);
-    return _super.apply(this, arguments);
+class Logo extends _baseControl.Control {
+  getDefault() {
+    return {
+      position: _baseControl.PositionType.BOTTOMLEFT,
+      name: 'logo',
+      href: 'https://l7.antv.antgroup.com/',
+      img: 'https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*GRb1TKp4HcMAAAAAAAAAAAAAARQnAQ'
+    };
   }
-  (0, _createClass2.default)(Logo, [{
-    key: "getDefault",
-    value: function getDefault() {
-      return {
-        position: _baseControl.PositionType.BOTTOMLEFT,
-        name: 'logo',
-        href: 'https://l7.antv.antgroup.com/',
-        img: 'https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*GRb1TKp4HcMAAAAAAAAAAAAAARQnAQ'
-      };
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var container = _l7Utils.DOM.create('div', 'l7-control-logo');
-      this.setLogoContent(container);
-      return container;
-    }
-  }, {
-    key: "onRemove",
-    value: function onRemove() {
-      return null;
-    }
-  }, {
-    key: "setOptions",
-    value: function setOptions(option) {
-      (0, _get2.default)((0, _getPrototypeOf2.default)(Logo.prototype), "setOptions", this).call(this, option);
-      if (this.checkUpdateOption(option, ['img', 'href'])) {
-        _l7Utils.DOM.clearChildren(this.container);
-        this.setLogoContent(this.container);
-      }
+  onAdd() {
+    const container = _l7Utils.DOM.create('div', 'l7-control-logo');
+    this.setLogoContent(container);
+    return container;
+  }
+  onRemove() {
+    return null;
+  }
+  setOptions(option) {
+    super.setOptions(option);
+    if (this.checkUpdateOption(option, ['img', 'href'])) {
+      _l7Utils.DOM.clearChildren(this.container);
+      this.setLogoContent(this.container);
     }
-  }, {
-    key: "setLogoContent",
-    value: function setLogoContent(container) {
-      var _this$controlOption = this.controlOption,
-        href = _this$controlOption.href,
-        img = _this$controlOption.img;
-      var imgDOM = _l7Utils.DOM.create('img');
-      imgDOM.setAttribute('src', img);
-      imgDOM.setAttribute('aria-label', 'AntV logo');
-      _l7Utils.DOM.setUnDraggable(imgDOM);
-      if (href) {
-        var anchorDOM = _l7Utils.DOM.create('a', 'l7-control-logo-link');
-        anchorDOM.target = '_blank';
-        anchorDOM.href = href;
-        anchorDOM.rel = 'noopener nofollow';
-        anchorDOM.setAttribute('rel', 'noopener nofollow');
-        anchorDOM.appendChild(imgDOM);
-        container.appendChild(anchorDOM);
-      } else {
-        container.appendChild(imgDOM);
-      }
+  }
+  setLogoContent(container) {
+    const {
+      href,
+      img
+    } = this.controlOption;
+    const imgDOM = _l7Utils.DOM.create('img');
+    imgDOM.setAttribute('src', img);
+    imgDOM.setAttribute('aria-label', 'AntV logo');
+    _l7Utils.DOM.setUnDraggable(imgDOM);
+    if (href) {
+      const anchorDOM = _l7Utils.DOM.create('a', 'l7-control-logo-link');
+      anchorDOM.target = '_blank';
+      anchorDOM.href = href;
+      anchorDOM.rel = 'noopener nofollow';
+      anchorDOM.setAttribute('rel', 'noopener nofollow');
+      anchorDOM.appendChild(imgDOM);
+      container.appendChild(anchorDOM);
+    } else {
+      container.appendChild(imgDOM);
     }
-  }]);
-  return Logo;
-}(_baseControl.Control);
+  }
+}
+exports.default = exports.Logo = Logo;

package/lib/control/mapTheme.d.ts

@@ -0,0 +1,11 @@
+import type { ControlOptionItem, ISelectControlOption } from './baseControl/selectControl';
+import SelectControl from './baseControl/selectControl';
+export { MapTheme };
+export default class MapTheme extends SelectControl<ISelectControlOption> {
+    getDefault(option?: Partial<ISelectControlOption>): ISelectControlOption;
+    getStyleOptions(): ControlOptionItem[];
+    getMapStyle(): any;
+    onAdd(): HTMLElement;
+    protected onMapThemeChange: () => void;
+    protected getIsMultiple(): boolean;
+}

package/lib/control/mapTheme.js

@@ -5,111 +5,72 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.MapTheme = void 0;
-var _slicedToArray2 = _interopRequireDefault(require("@babel/runtime/helpers/slicedToArray"));
 var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
-var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
-var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
-var _assertThisInitialized2 = _interopRequireDefault(require("@babel/runtime/helpers/assertThisInitialized"));
-var _get2 = _interopRequireDefault(require("@babel/runtime/helpers/get"));
-var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
-var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
-var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
 var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 var _constants = require("../constants");
 var _icon = require("../utils/icon");
 var _selectControl = _interopRequireDefault(require("./baseControl/selectControl"));
-function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = (0, _getPrototypeOf2.default)(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = (0, _getPrototypeOf2.default)(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return (0, _possibleConstructorReturn2.default)(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; } }
-var MapTheme = exports.default = exports.MapTheme = /*#__PURE__*/function (_SelectControl) {
-  (0, _inherits2.default)(MapTheme, _SelectControl);
-  var _super = _createSuper(MapTheme);
-  function MapTheme() {
-    var _this;
-    (0, _classCallCheck2.default)(this, MapTheme);
-    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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onMapThemeChange", function () {
-      _this.mapsService.setMapStyle(_this.selectValue[0]);
+class MapTheme extends _selectControl.default {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "onMapThemeChange", () => {
+      this.mapsService.setMapStyle(this.selectValue[0]);
     });
-    return _this;
   }
-  (0, _createClass2.default)(MapTheme, [{
-    key: "getDefault",
-    value: function getDefault(option) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(MapTheme.prototype), "getDefault", this).call(this, option)), {}, {
-        title: '地图样式',
-        btnIcon: (0, _icon.createL7Icon)('l7-icon-color'),
-        options: []
-      });
-    }
-  }, {
-    key: "getStyleOptions",
-    value: function getStyleOptions() {
-      var mapStyleConfig = this.mapsService.getType() === 'mapbox' ? _constants.MapboxMapStyleConfig : _constants.GaodeMapStyleConfig;
-      return Object.entries(this.mapsService.getMapStyleConfig()).filter(function (_ref) {
-        var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-          key = _ref2[0],
-          value = _ref2[1];
-        return typeof value === 'string' && key !== 'blank';
-      }).map(function (_ref3) {
-        var _mapStyleConfig$key;
-        var _ref4 = (0, _slicedToArray2.default)(_ref3, 2),
-          key = _ref4[0],
-          value = _ref4[1];
-        // @ts-ignore
-        var _ref5 = (_mapStyleConfig$key = mapStyleConfig[key]) !== null && _mapStyleConfig$key !== void 0 ? _mapStyleConfig$key : {},
-          text = _ref5.text,
-          img = _ref5.img;
-        return {
-          text: text !== null && text !== void 0 ? text : key,
-          value: value,
-          img: img,
-          key: key
-        };
-      });
-    }
-  }, {
-    key: "getMapStyle",
-    value: function getMapStyle() {
-      return this.mapsService.getMapStyle();
+  getDefault(option) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, super.getDefault(option)), {}, {
+      title: '地图样式',
+      btnIcon: (0, _icon.createL7Icon)('l7-icon-color'),
+      options: []
+    });
+  }
+  getStyleOptions() {
+    const mapStyleConfig = this.mapsService.getType() === 'mapbox' ? _constants.MapboxMapStyleConfig : _constants.GaodeMapStyleConfig;
+    return Object.entries(this.mapsService.getMapStyleConfig()).filter(([key, value]) => typeof value === 'string' && key !== 'blank').map(([key, value]) => {
+      var _mapStyleConfig$key;
+      // @ts-ignore
+      const {
+        text,
+        img
+      } = (_mapStyleConfig$key = mapStyleConfig[key]) !== null && _mapStyleConfig$key !== void 0 ? _mapStyleConfig$key : {};
+      return {
+        text: text !== null && text !== void 0 ? text : key,
+        value,
+        img,
+        key
+      };
+    });
+  }
+  getMapStyle() {
+    return this.mapsService.getMapStyle();
+  }
+  onAdd() {
+    var _this$controlOption$o;
+    if (!((_this$controlOption$o = this.controlOption.options) !== null && _this$controlOption$o !== void 0 && _this$controlOption$o.length)) {
+      this.controlOption.options = this.getStyleOptions();
     }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var _this$controlOption$o,
-        _this2 = this;
-      if (!((_this$controlOption$o = this.controlOption.options) !== null && _this$controlOption$o !== void 0 && _this$controlOption$o.length)) {
-        this.controlOption.options = this.getStyleOptions();
-      }
-      if (this.controlOption.defaultValue) {
-        var _this$controlOption$o2, _this$controlOption$o3;
-        var defaultValue = this.controlOption.defaultValue;
-        this.controlOption.defaultValue = (_this$controlOption$o2 = (_this$controlOption$o3 = this.controlOption.options.find(function (item) {
-          return item.key === defaultValue;
-        })) === null || _this$controlOption$o3 === void 0 ? void 0 : _this$controlOption$o3.value) !== null && _this$controlOption$o2 !== void 0 ? _this$controlOption$o2 : defaultValue;
+    if (this.controlOption.defaultValue) {
+      var _this$controlOption$o2, _this$controlOption$o3;
+      const defaultValue = this.controlOption.defaultValue;
+      this.controlOption.defaultValue = (_this$controlOption$o2 = (_this$controlOption$o3 = this.controlOption.options.find(item => item.key === defaultValue)) === null || _this$controlOption$o3 === void 0 ? void 0 : _this$controlOption$o3.value) !== null && _this$controlOption$o2 !== void 0 ? _this$controlOption$o2 : defaultValue;
+    } else {
+      const defaultStyle = this.getMapStyle();
+      if (defaultStyle) {
+        this.controlOption.defaultValue = defaultStyle;
       } else {
-        var defaultStyle = this.getMapStyle();
-        if (defaultStyle) {
-          this.controlOption.defaultValue = defaultStyle;
-        } else {
-          // @ts-ignore
-          this.mapsService.map.once('styledata', function () {
-            var mapboxStyle = _this2.mapsService.getMapStyle();
-            _this2.controlOption.defaultValue = mapboxStyle;
-            _this2.setSelectValue(mapboxStyle, false);
-          });
-        }
+        // @ts-ignore
+        this.mapsService.map.once('styledata', () => {
+          const mapboxStyle = this.mapsService.getMapStyle();
+          this.controlOption.defaultValue = mapboxStyle;
+          this.setSelectValue(mapboxStyle, false);
+        });
       }
-      this.on('selectChange', this.onMapThemeChange);
-      return (0, _get2.default)((0, _getPrototypeOf2.default)(MapTheme.prototype), "onAdd", this).call(this);
     }
-  }, {
-    key: "getIsMultiple",
-    value: function getIsMultiple() {
-      return false;
-    }
-  }]);
-  return MapTheme;
-}(_selectControl.default);
+    this.on('selectChange', this.onMapThemeChange);
+    return super.onAdd();
+  }
+  getIsMultiple() {
+    return false;
+  }
+}
+exports.default = exports.MapTheme = MapTheme;