@antv/l7-component 2.9.36-alpha.1 → 2.9.37

package/es/control/geoLocate.js

@@ -1,139 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-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";
-import _regeneratorRuntime from "@babel/runtime/regenerator";
-
-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 { isNaN } from 'lodash';
-import { createL7Icon } from "../utils/icon";
-import ButtonControl from "./baseControl/buttonControl";
-export { GeoLocate };
-
-var GeoLocate = /*#__PURE__*/function (_ButtonControl) {
-  _inherits(GeoLocate, _ButtonControl);
-
-  var _super = _createSuper(GeoLocate);
-
-  function GeoLocate(option) {
-    var _this;
-
-    _classCallCheck(this, GeoLocate);
-
-    _this = _super.call(this, option);
-
-    _defineProperty(_assertThisInitialized(_this), "getGeoLocation", function () {
-      return new Promise(function (resolve, reject) {
-        window.navigator.geolocation.getCurrentPosition(function (_ref) {
-          var coords = _ref.coords;
-
-          var _ref2 = coords !== null && coords !== void 0 ? coords : {},
-              longitude = _ref2.longitude,
-              latitude = _ref2.latitude;
-
-          if (!isNaN(longitude) && !isNaN(latitude)) {
-            resolve([longitude, latitude]);
-          } else {
-            reject();
-          }
-        }, function (e) {
-          reject(e);
-        });
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onClick", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      var transform, position, currentZoom;
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (window.navigator.geolocation) {
-                _context.next = 2;
-                break;
-              }
-
-              return _context.abrupt("return");
-
-            case 2:
-              transform = _this.controlOption.transform;
-              _context.next = 5;
-              return _this.getGeoLocation();
-
-            case 5:
-              position = _context.sent;
-              currentZoom = _this.mapsService.getZoom();
-              _context.t0 = _this.mapsService;
-              _context.t1 = currentZoom > 15 ? currentZoom : 15;
-
-              if (!transform) {
-                _context.next = 15;
-                break;
-              }
-
-              _context.next = 12;
-              return transform(position);
-
-            case 12:
-              _context.t2 = _context.sent;
-              _context.next = 16;
-              break;
-
-            case 15:
-              _context.t2 = position;
-
-            case 16:
-              _context.t3 = _context.t2;
-
-              _context.t0.setZoomAndCenter.call(_context.t0, _context.t1, _context.t3);
-
-            case 18:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-
-    if (!window.navigator.geolocation) {
-      console.warn('当前浏览器环境不支持获取地理定位');
-    }
-
-    return _this;
-  }
-
-  _createClass(GeoLocate, [{
-    key: "getDefault",
-    value: function getDefault(option) {
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(GeoLocate.prototype), "getDefault", this).call(this, option)), {}, {
-        title: '定位',
-        btnIcon: createL7Icon('l7-icon-reposition')
-      });
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var button = _get(_getPrototypeOf(GeoLocate.prototype), "onAdd", this).call(this);
-
-      button.addEventListener('click', this.onClick);
-      return button;
-    }
-    /**
-     * 通过浏览器 API 获取当前所在经纬度
-     */
-
-  }]);
-
-  return GeoLocate;
-}(ButtonControl);
-
-export { GeoLocate as default };

package/es/control/layerControl.d.ts

@@ -1,21 +0,0 @@
-import { ILayer } from '@antv/l7-core';
-import SelectControl, { ISelectControlOption, ControlOptionItem } from './baseControl/selectControl';
-export interface ILayerControlOption extends ISelectControlOption {
-    layers: ILayer[];
-}
-export { LayerControl };
-export default class LayerControl extends SelectControl<ILayerControlOption> {
-    protected get layers(): ILayer[];
-    getDefault(option?: Partial<ILayerControlOption>): ILayerControlOption;
-    getLayerVisible(): string[];
-    getLayerOptions(): ControlOptionItem[];
-    setOptions(option: Partial<ILayerControlOption>): void;
-    onAdd(): HTMLElement;
-    bindLayerVisibleCallback: () => void;
-    unbindLayerVisibleCallback: () => void;
-    onRemove(): void;
-    protected onLayerChange: () => void;
-    protected onLayerVisibleChane: () => void;
-    protected onSelectChange: () => void;
-    protected getIsMultiple(): boolean;
-}

package/es/control/layerControl.js

@@ -1,172 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-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 { createL7Icon } from "../utils/icon";
-import SelectControl from "./baseControl/selectControl";
-export { LayerControl };
-
-var LayerControl = /*#__PURE__*/function (_SelectControl) {
-  _inherits(LayerControl, _SelectControl);
-
-  var _super = _createSuper(LayerControl);
-
-  function LayerControl() {
-    var _this;
-
-    _classCallCheck(this, LayerControl);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "bindLayerVisibleCallback", function () {
-      _this.layers.forEach(function (layer) {
-        layer.on('show', _this.onLayerVisibleChane);
-        layer.on('hide', _this.onLayerVisibleChane);
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "unbindLayerVisibleCallback", function () {
-      _this.layers.forEach(function (layer) {
-        layer.off('show', _this.onLayerVisibleChane);
-        layer.off('hide', _this.onLayerVisibleChane);
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onLayerChange", function () {
-      var _this$controlOption$l;
-
-      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()
-      });
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onLayerVisibleChane", function () {
-      _this.setSelectValue(_this.getLayerVisible());
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onSelectChange", function () {
-      _this.layers.forEach(function (layer) {
-        var needShow = _this.selectValue.includes(layer.name);
-
-        var isShow = layer.isVisible();
-
-        if (needShow && !isShow) {
-          layer.show();
-        }
-
-        if (!needShow && isShow) {
-          layer.hide();
-        }
-      });
-    });
-
-    return _this;
-  }
-
-  _createClass(LayerControl, [{
-    key: "layers",
-    get: function get() {
-      return this.controlOption.layers || this.layerService.getLayers() || [];
-    }
-  }, {
-    key: "getDefault",
-    value: function getDefault(option) {
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(LayerControl.prototype), "getDefault", this).call(this, option)), {}, {
-        title: '图层控制',
-        btnIcon: createL7Icon('l7-icon-layer'),
-        options: []
-      });
-    }
-  }, {
-    key: "getLayerVisible",
-    value: function getLayerVisible() {
-      return this.layers.filter(function (layer) {
-        return layer.isVisible();
-      }).map(function (layer) {
-        return layer.name;
-      });
-    }
-  }, {
-    key: "getLayerOptions",
-    value: function getLayerOptions() {
-      return this.layers.map(function (layer) {
-        return {
-          text: layer.name,
-          value: layer.name
-        };
-      });
-    }
-  }, {
-    key: "setOptions",
-    value: function setOptions(option) {
-      var isLayerChange = this.checkUpdateOption(option, ['layers']);
-
-      if (isLayerChange) {
-        this.unbindLayerVisibleCallback();
-      }
-
-      _get(_getPrototypeOf(LayerControl.prototype), "setOptions", this).call(this, option);
-
-      if (isLayerChange) {
-        this.bindLayerVisibleCallback();
-        this.selectValue = this.getLayerVisible();
-        this.controlOption.options = this.getLayerOptions();
-        this.popper.setContent(this.getPopperContent(this.controlOption.options));
-      }
-    }
-  }, {
-    key: "onAdd",
-    value: function 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.getLayerOptions();
-      }
-
-      if (!this.controlOption.defaultValue) {
-        this.controlOption.defaultValue = this.getLayerVisible();
-      }
-
-      this.on('selectChange', this.onSelectChange);
-      this.layerService.on('layerChange', this.onLayerChange);
-      this.bindLayerVisibleCallback();
-      return _get(_getPrototypeOf(LayerControl.prototype), "onAdd", this).call(this);
-    }
-  }, {
-    key: "onRemove",
-    value: function onRemove() {
-      this.off('selectChange', this.onSelectChange);
-      this.layerService.off('layerChange', this.onLayerChange);
-      this.unbindLayerVisibleCallback();
-    }
-  }, {
-    key: "getIsMultiple",
-    value: function getIsMultiple() {
-      return true;
-    }
-  }]);
-
-  return LayerControl;
-}(SelectControl);
-
-export { LayerControl as default };

package/es/control/mapTheme.d.ts

@@ -1,10 +0,0 @@
-import SelectControl, { ControlOptionItem, ISelectControlOption } 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/es/control/mapTheme.js

@@ -1,135 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-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 { GaodeMapStyleConfig, MapboxMapStyleConfig } from "../constants";
-import { createL7Icon } from "../utils/icon";
-import SelectControl from "./baseControl/selectControl";
-export { MapTheme };
-
-var MapTheme = /*#__PURE__*/function (_SelectControl) {
-  _inherits(MapTheme, _SelectControl);
-
-  var _super = _createSuper(MapTheme);
-
-  function MapTheme() {
-    var _this;
-
-    _classCallCheck(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));
-
-    _defineProperty(_assertThisInitialized(_this), "onMapThemeChange", function () {
-      _this.mapsService.setMapStyle(_this.selectValue[0]);
-    });
-
-    return _this;
-  }
-
-  _createClass(MapTheme, [{
-    key: "getDefault",
-    value: function getDefault(option) {
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MapTheme.prototype), "getDefault", this).call(this, option)), {}, {
-        title: '地图样式',
-        btnIcon: createL7Icon('l7-icon-color'),
-        options: []
-      });
-    }
-  }, {
-    key: "getStyleOptions",
-    value: function getStyleOptions() {
-      var mapStyleConfig = this.mapsService.getType() === 'mapbox' ? MapboxMapStyleConfig : GaodeMapStyleConfig;
-      return Object.entries(this.mapsService.getMapStyleConfig()).filter(function (_ref) {
-        var _ref2 = _slicedToArray(_ref, 2),
-            key = _ref2[0],
-            value = _ref2[1];
-
-        return typeof value === 'string' && key !== 'blank';
-      }).map(function (_ref3) {
-        var _mapStyleConfig$key;
-
-        var _ref4 = _slicedToArray(_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();
-    }
-  }, {
-    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;
-      } 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);
-          });
-        }
-      }
-
-      this.on('selectChange', this.onMapThemeChange);
-      return _get(_getPrototypeOf(MapTheme.prototype), "onAdd", this).call(this);
-    }
-  }, {
-    key: "getIsMultiple",
-    value: function getIsMultiple() {
-      return false;
-    }
-  }]);
-
-  return MapTheme;
-}(SelectControl);
-
-export { MapTheme as default };

package/es/control/mouseLocation.d.ts

@@ -1,15 +0,0 @@
-import { Position } from '@antv/l7-core';
-import Control, { IControlOption } from './baseControl/control';
-export interface IMouseLocationControlOption extends IControlOption {
-    transform: (position: Position) => Position;
-}
-export { MouseLocation };
-export default class MouseLocation extends Control<IMouseLocationControlOption> {
-    protected location: Position;
-    getLocation(): Position;
-    getDefault(option?: Partial<IMouseLocationControlOption>): IMouseLocationControlOption;
-    onAdd(): HTMLElement;
-    onRemove(): void;
-    protected onMouseMove: (e: any) => void;
-    protected insertLocation2HTML(position: Position): void;
-}

package/es/control/mouseLocation.js

@@ -1,104 +0,0 @@
-import _slicedToArray from "@babel/runtime/helpers/slicedToArray";
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-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 { PositionType } from '@antv/l7-core';
-import { DOM } from '@antv/l7-utils';
-import Control from "./baseControl/control";
-export { MouseLocation };
-
-var MouseLocation = /*#__PURE__*/function (_Control) {
-  _inherits(MouseLocation, _Control);
-
-  var _super = _createSuper(MouseLocation);
-
-  function MouseLocation() {
-    var _this;
-
-    _classCallCheck(this, MouseLocation);
-
-    for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-      args[_key] = arguments[_key];
-    }
-
-    _this = _super.call.apply(_super, [this].concat(args));
-
-    _defineProperty(_assertThisInitialized(_this), "location", [0, 0]);
-
-    _defineProperty(_assertThisInitialized(_this), "onMouseMove", function (e) {
-      var position = _this.location;
-      var lngLat = e.lngLat || e.lnglat;
-      var transform = _this.controlOption.transform;
-
-      if (lngLat) {
-        position = [lngLat.lng, lngLat.lat];
-      }
-
-      _this.location = position;
-
-      if (transform) {
-        position = transform(position);
-      }
-
-      _this.insertLocation2HTML(position);
-
-      _this.emit('locationChange', position);
-    });
-
-    return _this;
-  }
-
-  _createClass(MouseLocation, [{
-    key: "getLocation",
-    value: function getLocation() {
-      return this.location;
-    }
-  }, {
-    key: "getDefault",
-    value: function getDefault(option) {
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(MouseLocation.prototype), "getDefault", this).call(this, option)), {}, {
-        position: PositionType.BOTTOMLEFT,
-        transform: function transform(_ref) {
-          var _ref2 = _slicedToArray(_ref, 2),
-              lng = _ref2[0],
-              lat = _ref2[1];
-
-          return [+(+lng).toFixed(6), +(+lat).toFixed(6)];
-        }
-      });
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var container = DOM.create('div', 'l7-control-mouse-location');
-      container.innerHTML = '&nbsp;';
-      this.mapsService.on('mousemove', this.onMouseMove);
-      return container;
-    }
-  }, {
-    key: "onRemove",
-    value: function onRemove() {
-      this.mapsService.off('mousemove', this.onMouseMove);
-    }
-  }, {
-    key: "insertLocation2HTML",
-    value: function insertLocation2HTML(position) {
-      this.container.innerText = position.join(', ');
-    }
-  }]);
-
-  return MouseLocation;
-}(Control);
-
-export { MouseLocation as default };

package/es/css/button.less

@@ -1,70 +0,0 @@
-@import 'variables.less';
-
-.l7-button-control {
-  min-width: @l7-btn-control-size;
-  height: @l7-btn-control-size;
-  background-color: @l7-control-bg-color;
-  border-width: 0;
-  border-radius: @l7-btn-control-border-radius;
-  outline: 0;
-  cursor: pointer;
-  transition: all 0.2s;
-  display: flex;
-  justify-content: center;
-  align-items: center;
-  padding: 0 ((@l7-btn-control-size - @l7-btn-icon-size) / 2);
-  box-shadow: @l7-control-shadow;
-  line-height: 16px;
-
-  .l7-iconfont {
-    fill: @l7-control-font-color;
-    color: @l7-control-font-color;
-    width: @l7-btn-icon-size;
-    height: @l7-btn-icon-size;
-  }
-
-  &.l7-button-control--row {
-    padding: 0 16px 0 13px;
-
-    * + .l7-button-control__text {
-      margin-left: 8px;
-    }
-  }
-
-  &.l7-button-control--column {
-    height: @l7-btn-column-height;
-    flex-direction: column;
-    .l7-iconfont {
-      margin-top: 3px;
-    }
-    .l7-button-control__text {
-      margin-top: 3px;
-      font-size: 10px;
-      transform: scale(0.83333);
-    }
-  }
-
-  &:not(:disabled) {
-    &:hover {
-      background-color: @l7-btn-control-bg-hover-color;
-    }
-    &:active {
-      background-color: @l7-btn-control-bg-active-color;
-    }
-  }
-  &:disabled {
-    background-color: @l7-btn-control-disabled-bg-color;
-    color: @l7-btn-control-disabled-font-color;
-    cursor: not-allowed;
-    .l7-iconfont {
-      fill: @l7-btn-control-disabled-font-color;
-      color: @l7-btn-control-disabled-font-color;
-    }
-    &:hover {
-      background-color: @l7-btn-control-disabled-bg-color;
-    }
-    &:active {
-      background-color: @l7-btn-control-disabled-bg-color;
-    }
-  }
-}