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

package/lib/control/mapTheme.js

@@ -1,151 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-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 = /*#__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]);
-    });
-    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();
-    }
-  }, {
-    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 (0, _get2.default)((0, _getPrototypeOf2.default)(MapTheme.prototype), "onAdd", this).call(this);
-    }
-  }, {
-    key: "getIsMultiple",
-    value: function getIsMultiple() {
-      return false;
-    }
-  }]);
-  return MapTheme;
-}(_selectControl.default);
-
-exports.default = exports.MapTheme = MapTheme;

package/lib/control/mouseLocation.js

@@ -1,120 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.MouseLocation = 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 _l7Core = require("@antv/l7-core");
-
-var _l7Utils = require("@antv/l7-utils");
-
-var _control = _interopRequireDefault(require("./baseControl/control"));
-
-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 MouseLocation = /*#__PURE__*/function (_Control) {
-  (0, _inherits2.default)(MouseLocation, _Control);
-
-  var _super = _createSuper(MouseLocation);
-
-  function MouseLocation() {
-    var _this;
-
-    (0, _classCallCheck2.default)(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));
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "location", [0, 0]);
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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;
-  }
-
-  (0, _createClass2.default)(MouseLocation, [{
-    key: "getLocation",
-    value: function getLocation() {
-      return this.location;
-    }
-  }, {
-    key: "getDefault",
-    value: function getDefault(option) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(MouseLocation.prototype), "getDefault", this).call(this, option)), {}, {
-        position: _l7Core.PositionType.BOTTOMLEFT,
-        transform: function transform(_ref) {
-          var _ref2 = (0, _slicedToArray2.default)(_ref, 2),
-              lng = _ref2[0],
-              lat = _ref2[1];
-
-          return [+(+lng).toFixed(6), +(+lat).toFixed(6)];
-        }
-      });
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var container = _l7Utils.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.default);
-
-exports.default = exports.MouseLocation = MouseLocation;

package/lib/control/scale.js

@@ -1,189 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Scale = 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 _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 Scale = /*#__PURE__*/function (_Control) {
-  (0, _inherits2.default)(Scale, _Control);
-
-  var _super = _createSuper(Scale);
-
-  function Scale() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Scale);
-
-    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), "update", function () {
-      var mapsService = _this.mapsService;
-      var maxWidth = _this.controlOption.maxWidth;
-      var y = mapsService.getSize()[1] / 2;
-      var p1 = mapsService.containerToLngLat([0, y]);
-      var p2 = mapsService.containerToLngLat([maxWidth, y]);
-      var maxMeters = (0, _l7Utils.lnglatDistance)([p1.lng, p1.lat], [p2.lng, p2.lat]);
-
-      _this.updateScales(maxMeters);
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(Scale, [{
-    key: "getDefault",
-    value: function getDefault(option) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(Scale.prototype), "getDefault", this).call(this, option)), {}, {
-        name: 'scale',
-        position: _baseControl.PositionType.BOTTOMLEFT,
-        maxWidth: 100,
-        metric: true,
-        updateWhenIdle: false,
-        imperial: false,
-        lockWidth: true
-      });
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var className = 'l7-control-scale';
-
-      var container = _l7Utils.DOM.create('div', className);
-
-      this.resetScaleLines(container);
-      var updateWhenIdle = this.controlOption.updateWhenIdle;
-      this.mapsService.on(updateWhenIdle ? 'moveend' : 'mapmove', this.update);
-      this.mapsService.on(updateWhenIdle ? 'zoomend' : 'zoomchange', this.update);
-      return container;
-    }
-  }, {
-    key: "onRemove",
-    value: function onRemove() {
-      var updateWhenIdle = this.controlOption.updateWhenIdle;
-      this.mapsService.off(updateWhenIdle ? 'zoomend' : 'zoomchange', this.update);
-      this.mapsService.off(updateWhenIdle ? 'moveend' : 'mapmove', this.update);
-    }
-  }, {
-    key: "setOptions",
-    value: function setOptions(newOption) {
-      (0, _get2.default)((0, _getPrototypeOf2.default)(Scale.prototype), "setOptions", this).call(this, newOption);
-
-      if (this.checkUpdateOption(newOption, ['lockWidth', 'maxWidth', 'metric', 'updateWhenIdle', 'imperial'])) {
-        this.resetScaleLines(this.container);
-      }
-    }
-  }, {
-    key: "updateScales",
-    value: function updateScales(maxMeters) {
-      var _this$controlOption = this.controlOption,
-          metric = _this$controlOption.metric,
-          imperial = _this$controlOption.imperial;
-
-      if (metric && maxMeters) {
-        this.updateMetric(maxMeters);
-      }
-
-      if (imperial && maxMeters) {
-        this.updateImperial(maxMeters);
-      }
-    }
-  }, {
-    key: "resetScaleLines",
-    value: function resetScaleLines(container) {
-      _l7Utils.DOM.clearChildren(container);
-
-      var _this$controlOption2 = this.controlOption,
-          metric = _this$controlOption2.metric,
-          imperial = _this$controlOption2.imperial,
-          maxWidth = _this$controlOption2.maxWidth,
-          lockWidth = _this$controlOption2.lockWidth;
-
-      if (lockWidth) {
-        _l7Utils.DOM.addStyle(container, "width: ".concat(maxWidth, "px"));
-      }
-
-      if (metric) {
-        this.mScale = _l7Utils.DOM.create('div', 'l7-control-scale-line', container);
-      }
-
-      if (imperial) {
-        this.iScale = _l7Utils.DOM.create('div', 'l7-control-scale-line', container);
-      }
-
-      this.update();
-    }
-  }, {
-    key: "updateScale",
-    value: function updateScale(scale, text, ratio) {
-      var maxWidth = this.controlOption.maxWidth;
-      scale.style.width = Math.round(maxWidth * ratio) + 'px';
-      scale.innerHTML = text;
-    }
-  }, {
-    key: "getRoundNum",
-    value: function getRoundNum(num) {
-      var pow10 = Math.pow(10, (Math.floor(num) + '').length - 1);
-      var d = num / pow10;
-      d = d >= 10 ? 10 : d >= 5 ? 5 : d >= 3 ? 3 : d >= 2 ? 2 : 1;
-      return pow10 * d;
-    }
-  }, {
-    key: "updateMetric",
-    value: function updateMetric(maxMeters) {
-      var meters = this.getRoundNum(maxMeters);
-      var label = meters < 1000 ? meters + ' m' : meters / 1000 + ' km';
-      this.updateScale(this.mScale, label, meters / maxMeters);
-    }
-  }, {
-    key: "updateImperial",
-    value: function updateImperial(maxMeters) {
-      var maxFeet = maxMeters * 3.2808399;
-      var maxMiles;
-      var miles;
-      var feet;
-
-      if (maxFeet > 5280) {
-        maxMiles = maxFeet / 5280;
-        miles = this.getRoundNum(maxMiles);
-        this.updateScale(this.iScale, miles + ' mi', miles / maxMiles);
-      } else {
-        feet = this.getRoundNum(maxFeet);
-        this.updateScale(this.iScale, feet + ' ft', feet / maxFeet);
-      }
-    }
-  }]);
-  return Scale;
-}(_baseControl.Control);
-
-exports.default = exports.Scale = Scale;

package/lib/control/zoom.js

@@ -1,162 +0,0 @@
-"use strict";
-
-var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
-
-Object.defineProperty(exports, "__esModule", {
-  value: true
-});
-exports.default = exports.Zoom = 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 _l7Core = require("@antv/l7-core");
-
-var _l7Utils = require("@antv/l7-utils");
-
-var _icon = require("../utils/icon");
-
-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 Zoom = /*#__PURE__*/function (_Control) {
-  (0, _inherits2.default)(Zoom, _Control);
-
-  var _super = _createSuper(Zoom);
-
-  function Zoom() {
-    var _this;
-
-    (0, _classCallCheck2.default)(this, Zoom);
-
-    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), "zoomIn", function () {
-      if (!_this.disabled && _this.mapsService.getZoom() < _this.mapsService.getMaxZoom()) {
-        _this.mapsService.zoomIn();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "zoomOut", function () {
-      if (!_this.disabled && _this.mapsService.getZoom() > _this.mapsService.getMinZoom()) {
-        _this.mapsService.zoomOut();
-      }
-    });
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "updateDisabled", function () {
-      var mapsService = _this.mapsService;
-
-      _this.zoomInButton.removeAttribute('disabled');
-
-      _this.zoomOutButton.removeAttribute('disabled');
-
-      if (_this.disabled || mapsService.getZoom() <= mapsService.getMinZoom()) {
-        _this.zoomOutButton.setAttribute('disabled', 'true');
-      }
-
-      if (_this.disabled || mapsService.getZoom() >= mapsService.getMaxZoom()) {
-        _this.zoomInButton.setAttribute('disabled', 'true');
-      }
-    });
-    return _this;
-  }
-
-  (0, _createClass2.default)(Zoom, [{
-    key: "getDefault",
-    value: function getDefault(option) {
-      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(Zoom.prototype), "getDefault", this).call(this, option)), {}, {
-        position: _l7Core.PositionType.BOTTOMRIGHT,
-        name: 'zoom',
-        zoomInText: (0, _icon.createL7Icon)('l7-icon-enlarge'),
-        zoomInTitle: 'Zoom in',
-        zoomOutText: (0, _icon.createL7Icon)('l7-icon-narrow'),
-        zoomOutTitle: 'Zoom out'
-      });
-    }
-  }, {
-    key: "setOptions",
-    value: function setOptions(newOptions) {
-      (0, _get2.default)((0, _getPrototypeOf2.default)(Zoom.prototype), "setOptions", this).call(this, newOptions);
-
-      if (this.checkUpdateOption(newOptions, ['zoomInText', 'zoomInTitle', 'zoomOutText', 'zoomOutTitle'])) {
-        this.resetButtonGroup(this.container);
-      }
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var container = _l7Utils.DOM.create('div', 'l7-control-zoom');
-
-      this.resetButtonGroup(container);
-      this.mapsService.on('zoomend', this.updateDisabled);
-      this.mapsService.on('zoomchange', this.updateDisabled);
-      return container;
-    }
-  }, {
-    key: "onRemove",
-    value: function onRemove() {
-      this.mapsService.off('zoomend', this.updateDisabled);
-      this.mapsService.off('zoomchange', this.updateDisabled);
-    }
-  }, {
-    key: "disable",
-    value: function disable() {
-      this.disabled = true;
-      this.updateDisabled();
-      return this;
-    }
-  }, {
-    key: "enable",
-    value: function enable() {
-      this.disabled = false;
-      this.updateDisabled();
-      return this;
-    }
-  }, {
-    key: "resetButtonGroup",
-    value: function resetButtonGroup(container) {
-      _l7Utils.DOM.clearChildren(container);
-
-      this.zoomInButton = this.createButton(this.controlOption.zoomInText, this.controlOption.zoomInTitle, 'l7-button-control', container, this.zoomIn);
-      this.zoomOutButton = this.createButton(this.controlOption.zoomOutText, this.controlOption.zoomOutTitle, 'l7-button-control', container, this.zoomOut);
-      this.updateDisabled();
-    }
-  }, {
-    key: "createButton",
-    value: function createButton(html, tile, className, container, fn) {
-      var link = _l7Utils.DOM.create('button', className, container);
-
-      if (typeof html === 'string') {
-        link.innerHTML = html;
-      } else {
-        link.append(html);
-      }
-
-      link.title = tile;
-      link.addEventListener('click', fn);
-      return link;
-    }
-  }]);
-  return Zoom;
-}(_baseControl.Control);
-
-exports.default = exports.Zoom = Zoom;

package/lib/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;
-    }
-  }
-}