@antv/l7-component 2.9.37 → 2.10.1

package/es/control/geoLocate.js

@@ -0,0 +1,139 @@
+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/layerSwitch.d.ts

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

package/es/control/layerSwitch.js

@@ -0,0 +1,172 @@
+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 { LayerSwitch };
+
+var LayerSwitch = /*#__PURE__*/function (_SelectControl) {
+  _inherits(LayerSwitch, _SelectControl);
+
+  var _super = _createSuper(LayerSwitch);
+
+  function LayerSwitch() {
+    var _this;
+
+    _classCallCheck(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));
+
+    _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(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) {
+            layerInstances.push(layer);
+          }
+
+          if (typeof layer === 'string') {
+            var targetLayer = layerService.getLayer(layer) || layerService.getLayerByName(layer);
+
+            if (targetLayer) {
+              layerInstances.push(targetLayer);
+            }
+          }
+        });
+        return layerInstances;
+      }
+
+      return layerService.getLayers() || [];
+    }
+  }, {
+    key: "getDefault",
+    value: function getDefault(option) {
+      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(LayerSwitch.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']);
+
+      _get(_getPrototypeOf(LayerSwitch.prototype), "setOptions", this).call(this, option);
+
+      if (isLayerChange) {
+        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);
+      return _get(_getPrototypeOf(LayerSwitch.prototype), "onAdd", this).call(this);
+    }
+  }, {
+    key: "onRemove",
+    value: function onRemove() {
+      this.off('selectChange', this.onSelectChange);
+      this.layerService.off('layerChange', this.onLayerChange);
+    }
+  }, {
+    key: "getIsMultiple",
+    value: function getIsMultiple() {
+      return true;
+    }
+  }]);
+
+  return LayerSwitch;
+}(SelectControl);
+
+export { LayerSwitch as default };

package/es/control/logo.d.ts

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

package/es/control/logo.js

@@ -1,5 +1,6 @@
 import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
 import _createClass from "@babel/runtime/helpers/createClass";
+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";
@@ -9,7 +10,8 @@ function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflec
 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 { DOM } from '@antv/l7-utils';
-import Control, { PositionType } from "./BaseControl";
+import { Control, PositionType } from "./baseControl";
+export { Logo };
 
 var Logo = /*#__PURE__*/function (_Control) {
   _inherits(Logo, _Control);
@@ -27,21 +29,16 @@ var Logo = /*#__PURE__*/function (_Control) {
     value: function getDefault() {
       return {
         position: PositionType.BOTTOMLEFT,
-        name: 'logo'
+        name: 'logo',
+        href: 'https://l7.antv.vision/',
+        img: 'https://gw.alipayobjects.com/mdn/rms_816329/afts/img/A*GRb1TKp4HcMAAAAAAAAAAAAAARQnAQ'
       };
     }
   }, {
     key: "onAdd",
     value: function onAdd() {
-      var className = 'l7-control-logo';
-      var container = DOM.create('div', className);
-      var anchor = DOM.create('a', 'l7-ctrl-logo');
-      anchor.target = '_blank';
-      anchor.rel = 'noopener nofollow';
-      anchor.href = 'https://antv.alipay.com/l7';
-      anchor.setAttribute('aria-label', 'AntV logo');
-      anchor.setAttribute('rel', 'noopener nofollow');
-      container.appendChild(anchor);
+      var container = DOM.create('div', 'l7-control-logo');
+      this.setLogoContent(container);
       return container;
     }
   }, {
@@ -49,6 +46,39 @@ var Logo = /*#__PURE__*/function (_Control) {
     value: function onRemove() {
       return null;
     }
+  }, {
+    key: "setOptions",
+    value: function setOptions(option) {
+      _get(_getPrototypeOf(Logo.prototype), "setOptions", this).call(this, option);
+
+      if (this.checkUpdateOption(option, ['img', 'href'])) {
+        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 = DOM.create('img');
+      imgDOM.setAttribute('src', img);
+      imgDOM.setAttribute('aria-label', 'AntV logo');
+      DOM.setUnDraggable(imgDOM);
+
+      if (href) {
+        var anchorDOM = 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;

package/es/control/mapTheme.d.ts

@@ -0,0 +1,10 @@
+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

@@ -0,0 +1,135 @@
+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

@@ -0,0 +1,15 @@
+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;
+}