@antv/l7-component 2.21.0 → 2.21.2

package/lib/control/mouseLocation.d.ts

@@ -0,0 +1,16 @@
+import type { Position } from '@antv/l7-core';
+import type { IControlOption } from './baseControl/control';
+import Control 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/lib/control/mouseLocation.js

@@ -5,84 +5,54 @@ 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 = exports.default = exports.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;
+class MouseLocation extends _control.default {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "location", [0, 0]);
+    (0, _defineProperty2.default)(this, "onMouseMove", e => {
+      let position = this.location;
+      const lngLat = e.lngLat || e.lnglat;
+      const {
+        transform
+      } = this.controlOption;
       if (lngLat) {
         position = [lngLat.lng, lngLat.lat];
       }
-      _this.location = position;
+      this.location = position;
       if (transform) {
         position = transform(position);
       }
-      _this.insertLocation2HTML(position);
-      _this.emit('locationChange', 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);
+  getLocation() {
+    return this.location;
+  }
+  getDefault(option) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, super.getDefault(option)), {}, {
+      position: _l7Core.PositionType.BOTTOMLEFT,
+      transform: ([lng, lat]) => {
+        return [+(+lng).toFixed(6), +(+lat).toFixed(6)];
+      }
+    });
+  }
+  onAdd() {
+    const container = _l7Utils.DOM.create('div', 'l7-control-mouse-location');
+    container.innerHTML = '&nbsp;';
+    this.mapsService.on('mousemove', this.onMouseMove);
+    return container;
+  }
+  onRemove() {
+    this.mapsService.off('mousemove', this.onMouseMove);
+  }
+  insertLocation2HTML(position) {
+    this.container.innerText = position.join(', ');
+  }
+}
+exports.default = exports.MouseLocation = MouseLocation;

package/lib/control/scale.d.ts

@@ -0,0 +1,35 @@
+import type { IControlOption } from './baseControl';
+import { Control, PositionType } from './baseControl';
+export interface IScaleControlOption extends IControlOption {
+    lockWidth: boolean;
+    maxWidth: number;
+    metric: boolean;
+    updateWhenIdle: boolean;
+    imperial: boolean;
+}
+export { Scale };
+export default class Scale extends Control<IScaleControlOption> {
+    private mScale;
+    private iScale;
+    getDefault(option: Partial<IScaleControlOption>): {
+        name: string;
+        position: PositionType;
+        maxWidth: number;
+        metric: boolean;
+        updateWhenIdle: boolean;
+        imperial: boolean;
+        lockWidth: boolean;
+        className?: string | undefined;
+        style?: string | undefined;
+    };
+    onAdd(): HTMLElement;
+    onRemove(): void;
+    setOptions(newOption: Partial<IScaleControlOption>): void;
+    update: () => void;
+    updateScales(maxMeters: number): void;
+    private resetScaleLines;
+    private updateScale;
+    private getRoundNum;
+    private updateMetric;
+    private updateImperial;
+}

package/lib/control/scale.js

@@ -6,149 +6,123 @@ Object.defineProperty(exports, "__esModule", {
 });
 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 = exports.default = exports.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);
+class Scale extends _baseControl.Control {
+  constructor(...args) {
+    super(...args);
+    (0, _defineProperty2.default)(this, "mScale", void 0);
+    (0, _defineProperty2.default)(this, "iScale", void 0);
+    (0, _defineProperty2.default)(this, "update", () => {
+      const mapsService = this.mapsService;
+      const {
+        maxWidth
+      } = this.controlOption;
+      const y = mapsService.getSize()[1] / 2;
+      const p1 = mapsService.containerToLngLat([0, y]);
+      const p2 = mapsService.containerToLngLat([maxWidth, y]);
+      const 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);
-      }
+  getDefault(option) {
+    return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, super.getDefault(option)), {}, {
+      name: 'scale',
+      position: _baseControl.PositionType.BOTTOMLEFT,
+      maxWidth: 100,
+      metric: true,
+      updateWhenIdle: false,
+      imperial: false,
+      lockWidth: true
+    });
+  }
+  onAdd() {
+    const className = 'l7-control-scale';
+    const container = _l7Utils.DOM.create('div', className);
+    this.resetScaleLines(container);
+    const {
+      updateWhenIdle
+    } = this.controlOption;
+    this.mapsService.on(updateWhenIdle ? 'moveend' : 'mapmove', this.update);
+    this.mapsService.on(updateWhenIdle ? 'zoomend' : 'zoomchange', this.update);
+    return container;
+  }
+  onRemove() {
+    const {
+      updateWhenIdle
+    } = this.controlOption;
+    this.mapsService.off(updateWhenIdle ? 'zoomend' : 'zoomchange', this.update);
+    this.mapsService.off(updateWhenIdle ? 'moveend' : 'mapmove', this.update);
+  }
+  setOptions(newOption) {
+    super.setOptions(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);
-      }
+  }
+  updateScales(maxMeters) {
+    const {
+      metric,
+      imperial
+    } = this.controlOption;
+    if (metric && maxMeters) {
+      this.updateMetric(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();
+    if (imperial && maxMeters) {
+      this.updateImperial(maxMeters);
     }
-  }, {
-    key: "updateScale",
-    value: function updateScale(scale, text, ratio) {
-      var maxWidth = this.controlOption.maxWidth;
-      scale.style.width = Math.round(maxWidth * ratio) + 'px';
-      scale.innerHTML = text;
+  }
+  resetScaleLines(container) {
+    _l7Utils.DOM.clearChildren(container);
+    const {
+      metric,
+      imperial,
+      maxWidth,
+      lockWidth
+    } = this.controlOption;
+    if (lockWidth) {
+      _l7Utils.DOM.addStyle(container, `width: ${maxWidth}px`);
     }
-  }, {
-    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;
+    if (metric) {
+      this.mScale = _l7Utils.DOM.create('div', 'l7-control-scale-line', container);
     }
-  }, {
-    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);
+    if (imperial) {
+      this.iScale = _l7Utils.DOM.create('div', 'l7-control-scale-line', container);
     }
-  }, {
-    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);
-      }
+    this.update();
+  }
+  updateScale(scale, text, ratio) {
+    const {
+      maxWidth
+    } = this.controlOption;
+    scale.style.width = Math.round(maxWidth * ratio) + 'px';
+    scale.innerHTML = text;
+  }
+  getRoundNum(num) {
+    const pow10 = Math.pow(10, (Math.floor(num) + '').length - 1);
+    let d = num / pow10;
+    d = d >= 10 ? 10 : d >= 5 ? 5 : d >= 3 ? 3 : d >= 2 ? 2 : 1;
+    return pow10 * d;
+  }
+  updateMetric(maxMeters) {
+    const meters = this.getRoundNum(maxMeters);
+    const label = meters < 1000 ? meters + ' m' : meters / 1000 + ' km';
+    this.updateScale(this.mScale, label, meters / maxMeters);
+  }
+  updateImperial(maxMeters) {
+    const maxFeet = maxMeters * 3.2808399;
+    let maxMiles;
+    let miles;
+    let 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/swipe.d.ts

@@ -0,0 +1,66 @@
+import type { ILayer, L7Container } from '@antv/l7-core';
+import type { IControlOption } from './baseControl';
+import { Control } from './baseControl';
+export interface ISwipeControlOption extends IControlOption {
+    /**
+     * 左侧的图层
+     */
+    layers: ILayer[];
+    /**
+     * 右侧的图层
+     */
+    rightLayers: ILayer[];
+    /**
+     * 设置卷帘的位置，值域为 0 到 1, 默认正中间为 0.5
+     */
+    ratio?: number;
+    /**
+     * 卷帘方向设置（'vertical' | 'horizontal'），默认 'vertical'
+     */
+    orientation?: 'vertical' | 'horizontal';
+}
+export { Swipe };
+export default class Swipe extends Control<ISwipeControlOption> {
+    /**
+     * 是否正在拖动卷帘
+     */
+    private isMoving;
+    /**
+     * 掩膜图层实例
+     */
+    private maskLayer;
+    getDefault(): ISwipeControlOption;
+    onAdd(): HTMLElement;
+    addTo(sceneContainer: L7Container): this;
+    onRemove(): void;
+    show(): void;
+    hide(): void;
+    setOptions(newOptions: Partial<ISwipeControlOption>): void;
+    private registerEvent;
+    private unRegisterEvent;
+    private setOrientationAndRatio;
+    private setLayers;
+    private addMaskToLayers;
+    private removeMaskFromLayers;
+    private move;
+    private getMaskGeoData;
+    private getMaskLayer;
+    private updateMask;
+    private getContainerDOMRect;
+    private getContainerSize;
+    private getBounds;
+    /**
+     * 添加要剪裁的图层
+     * @param layer 剪裁的图层
+     * @param addRight 是否添加图层到右侧, 默认添加到左侧.
+     */
+    addLayer(layer: ILayer | ILayer[], addRight?: boolean): void;
+    /**
+     * 移除剪裁的图层
+     */
+    removeLayer(layer: ILayer | ILayer[]): void;
+    /**
+     * 清除所有图层
+     */
+    removeLayers(): void;
+}