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

package/lib/control/zoom.js

@@ -2,12 +2,12 @@
 
 var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
 
+var _typeof = require("@babel/runtime/helpers/typeof");
+
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.default = exports.Zoom = void 0;
-
-var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+exports.default = void 0;
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -15,23 +15,19 @@ var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/creat
 
 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 = _interopRequireWildcard(require("./BaseControl"));
 
-var _baseControl = require("./baseControl");
+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; }
 
 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); }; }
 
@@ -42,73 +38,39 @@ var Zoom = /*#__PURE__*/function (_Control) {
 
   var _super = _createSuper(Zoom);
 
-  function Zoom() {
+  function Zoom(cfg) {
     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');
-      }
-    });
+    _this = _super.call(this, cfg);
+    (0, _l7Utils.bindAll)(['updateDisabled', 'zoomIn', 'zoomOut'], (0, _assertThisInitialized2.default)(_this));
     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'),
+    value: function getDefault() {
+      return {
+        position: _BaseControl.PositionType.TOPLEFT,
+        zoomInText: '+',
         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);
-      }
+        zoomOutText: '&#x2212;',
+        zoomOutTitle: 'Zoom out',
+        name: 'zoom'
+      };
     }
   }, {
     key: "onAdd",
     value: function onAdd() {
-      var container = _l7Utils.DOM.create('div', 'l7-control-zoom');
+      var zoomName = 'l7-control-zoom';
+
+      var container = _l7Utils.DOM.create('div', zoomName + ' l7-bar');
 
-      this.resetButtonGroup(container);
+      this.zoomInButton = this.createButton(this.controlOption.zoomInText, this.controlOption.zoomInTitle, zoomName + '-in', container, this.zoomIn);
+      this.zoomOutButton = this.createButton(this.controlOption.zoomOutText, this.controlOption.zoomOutTitle, zoomName + '-out', container, this.zoomOut);
       this.mapsService.on('zoomend', this.updateDisabled);
       this.mapsService.on('zoomchange', this.updateDisabled);
+      this.updateDisabled();
       return container;
     }
   }, {
@@ -132,31 +94,50 @@ var Zoom = /*#__PURE__*/function (_Control) {
       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: "zoomIn",
+    value: function zoomIn() {
+      if (!this.disabled && this.mapsService.getZoom() < this.mapsService.getMaxZoom()) {
+        this.mapsService.zoomIn();
+      }
+    }
+  }, {
+    key: "zoomOut",
+    value: function zoomOut() {
+      if (!this.disabled && this.mapsService.getZoom() > this.mapsService.getMinZoom()) {
+        this.mapsService.zoomOut();
+      }
     }
   }, {
     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);
-      }
+      var link = _l7Utils.DOM.create('a', className, container);
 
+      link.innerHTML = html;
       link.title = tile;
+      link.href = 'javascript:void(0)';
       link.addEventListener('click', fn);
       return link;
     }
+  }, {
+    key: "updateDisabled",
+    value: function updateDisabled() {
+      var mapsService = this.mapsService;
+      var className = 'l7-disabled';
+
+      _l7Utils.DOM.removeClass(this.zoomInButton, className);
+
+      _l7Utils.DOM.removeClass(this.zoomOutButton, className);
+
+      if (this.disabled || mapsService.getZoom() <= mapsService.getMinZoom()) {
+        _l7Utils.DOM.addClass(this.zoomOutButton, className);
+      }
+
+      if (this.disabled || mapsService.getZoom() >= mapsService.getMaxZoom()) {
+        _l7Utils.DOM.addClass(this.zoomInButton, className);
+      }
+    }
   }]);
   return Zoom;
-}(_baseControl.Control);
+}(_BaseControl.default);
 
-exports.default = exports.Zoom = Zoom;
+exports.default = Zoom;