@antv/l7-component 2.21.0 → 2.21.2

package/lib/control/zoom.d.ts

@@ -0,0 +1,39 @@
+import { PositionType } from '@antv/l7-core';
+import { DOM } from '@antv/l7-utils';
+import type { IControlOption } from './baseControl';
+import { Control } from './baseControl';
+export interface IZoomControlOption extends IControlOption {
+    zoomInText: DOM.ELType | string;
+    zoomInTitle: string;
+    zoomOutText: DOM.ELType | string;
+    zoomOutTitle: string;
+    showZoom: boolean;
+}
+export { Zoom };
+export default class Zoom extends Control<IZoomControlOption> {
+    private disabled;
+    private zoomInButton;
+    private zoomOutButton;
+    private zoomNumDiv;
+    getDefault(option: Partial<IZoomControlOption>): {
+        position: PositionType;
+        name: string;
+        zoomInText: SVGSVGElement;
+        zoomInTitle: string;
+        zoomOutText: SVGSVGElement;
+        zoomOutTitle: string;
+        showZoom: boolean;
+        className?: string | undefined;
+        style?: string | undefined;
+    };
+    setOptions(newOptions: Partial<IZoomControlOption>): void;
+    onAdd(): HTMLElement;
+    onRemove(): void;
+    disable(): this;
+    enable(): this;
+    zoomIn: () => void;
+    zoomOut: () => void;
+    private resetButtonGroup;
+    private createButton;
+    private updateDisabled;
+}

package/lib/control/zoom.js

@@ -6,132 +6,102 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 = exports.default = exports.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();
+class Zoom extends _baseControl.Control {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "disabled", void 0);
+    (0, _defineProperty2.default)(this, "zoomInButton", void 0);
+    (0, _defineProperty2.default)(this, "zoomOutButton", void 0);
+    (0, _defineProperty2.default)(this, "zoomNumDiv", void 0);
+    (0, _defineProperty2.default)(this, "zoomIn", () => {
+      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)(this, "zoomOut", () => {
+      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');
+    (0, _defineProperty2.default)(this, "updateDisabled", () => {
+      const 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.controlOption.showZoom && _this.zoomNumDiv) {
-        _this.zoomNumDiv.innerText = String(Math.floor(mapsService.getZoom()));
+      if (this.controlOption.showZoom && this.zoomNumDiv) {
+        this.zoomNumDiv.innerText = String(Math.floor(mapsService.getZoom()));
       }
-      if (_this.disabled || mapsService.getZoom() >= mapsService.getMaxZoom()) {
-        _this.zoomInButton.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',
-        showZoom: false
-      });
-    }
-  }, {
-    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', 'showZoom'])) {
-        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;
+  getDefault(option) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, super.getDefault(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',
+      showZoom: false
+    });
+  }
+  setOptions(newOptions) {
+    super.setOptions(newOptions);
+    if (this.checkUpdateOption(newOptions, ['zoomInText', 'zoomInTitle', 'zoomOutText', 'zoomOutTitle', 'showZoom'])) {
+      this.resetButtonGroup(this.container);
     }
-  }, {
-    key: "enable",
-    value: function enable() {
-      this.disabled = false;
-      this.updateDisabled();
-      return this;
+  }
+  onAdd() {
+    const 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;
+  }
+  onRemove() {
+    this.mapsService.off('zoomend', this.updateDisabled);
+    this.mapsService.off('zoomchange', this.updateDisabled);
+  }
+  disable() {
+    this.disabled = true;
+    this.updateDisabled();
+    return this;
+  }
+  enable() {
+    this.disabled = false;
+    this.updateDisabled();
+    return this;
+  }
+  resetButtonGroup(container) {
+    _l7Utils.DOM.clearChildren(container);
+    this.zoomInButton = this.createButton(this.controlOption.zoomInText, this.controlOption.zoomInTitle, 'l7-button-control', container, this.zoomIn);
+    if (this.controlOption.showZoom) {
+      this.zoomNumDiv = this.createButton('0', '', 'l7-button-control l7-control-zoom__number', container);
     }
-  }, {
-    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);
-      if (this.controlOption.showZoom) {
-        this.zoomNumDiv = this.createButton('0', '', 'l7-button-control l7-control-zoom__number', container);
-      }
-      this.zoomOutButton = this.createButton(this.controlOption.zoomOutText, this.controlOption.zoomOutTitle, 'l7-button-control', container, this.zoomOut);
-      this.updateDisabled();
+    this.zoomOutButton = this.createButton(this.controlOption.zoomOutText, this.controlOption.zoomOutTitle, 'l7-button-control', container, this.zoomOut);
+    this.updateDisabled();
+  }
+  createButton(html, tile, className, container, fn) {
+    const link = _l7Utils.DOM.create('button', className, container);
+    if (typeof html === 'string') {
+      link.innerHTML = html;
+    } else {
+      link.append(html);
     }
-  }, {
-    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;
-      if (fn) {
-        link.addEventListener('click', fn);
-      }
-      return link;
+    link.title = tile;
+    if (fn) {
+      link.addEventListener('click', fn);
     }
-  }]);
-  return Zoom;
-}(_baseControl.Control);
+    return link;
+  }
+}
+exports.default = exports.Zoom = Zoom;

package/lib/css/index.css

@@ -23,7 +23,11 @@
   height: 30px;
   margin-top: 5px;
   margin-left: 5px;
-  font: 12px 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font:
+    12px 'Helvetica Neue',
+    Arial,
+    Helvetica,
+    sans-serif;
   text-align: center;
   background-color: rgba(110, 204, 57, 0.6);
   border-radius: 15px;
@@ -53,7 +57,11 @@
   box-sizing: border-box;
 }
 .l7-control-container {
-  font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;
+  font:
+    12px/1.5 'Helvetica Neue',
+    Arial,
+    Helvetica,
+    sans-serif;
 }
 .l7-control-container .l7-control {
   position: relative;
@@ -322,11 +330,6 @@
   top: 0;
   right: 0;
 }
-.l7-select-control--image .l7-select-control-item input[type='radio'] {
-  position: absolute;
-  top: 0;
-  right: 0;
-}
 .l7-select-control--image .l7-select-control-item .l7-select-control-item-row {
   display: flex;
   align-items: center;

package/lib/index.d.ts

@@ -0,0 +1,19 @@
+import Marker from './marker';
+import MarkerLayer from './marker-layer';
+import './assets/iconfont/iconfont.js';
+import './css/index.css';
+export * from './control/baseControl';
+export { ExportImage, type IExportImageControlOption, } from './control/exportImage';
+export { Fullscreen, type IFullscreenControlOption, } from './control/fullscreen';
+export { GeoLocate, type IGeoLocateOption } from './control/geoLocate';
+export { LayerSwitch, type ILayerSwitchOption } from './control/layerSwitch';
+export { Logo, type ILogoControlOption } from './control/logo';
+export { MapTheme } from './control/mapTheme';
+export { MouseLocation, type IMouseLocationControlOption, } from './control/mouseLocation';
+export { Scale, type IScaleControlOption } from './control/scale';
+export { Swipe, type ISwipeControlOption } from './control/swipe';
+export { Zoom, type IZoomControlOption } from './control/zoom';
+export * from './interface';
+export { LayerPopup, type ILayerPopupOption, type LayerField, type LayerPopupConfigItem, } from './popup/layerPopup';
+export { Popup } from './popup/popup';
+export { Marker, MarkerLayer };