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

package/lib/control/mapTheme.js

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

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

@@ -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 = void 0;
+exports.default = exports.Scale = void 0;
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
 
 var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
 
@@ -15,19 +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 _l7Utils = require("@antv/l7-utils");
-
-var _BaseControl = _interopRequireWildcard(require("./BaseControl"));
+var _defineProperty2 = _interopRequireDefault(require("@babel/runtime/helpers/defineProperty"));
 
-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); }
+var _l7Utils = require("@antv/l7-utils");
 
-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; }
+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); }; }
 
@@ -38,26 +38,41 @@ var Scale = /*#__PURE__*/function (_Control) {
 
   var _super = _createSuper(Scale);
 
-  function Scale(cfg) {
+  function Scale() {
     var _this;
 
     (0, _classCallCheck2.default)(this, Scale);
-    _this = _super.call(this, cfg);
-    (0, _l7Utils.bindAll)(['update'], (0, _assertThisInitialized2.default)(_this));
+
+    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() {
-      return {
-        position: _BaseControl.PositionType.BOTTOMLEFT,
+    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,
-        name: 'scale'
-      };
+        lockWidth: true
+      });
     }
   }, {
     key: "onAdd",
@@ -66,13 +81,10 @@ var Scale = /*#__PURE__*/function (_Control) {
 
       var container = _l7Utils.DOM.create('div', className);
 
-      this.addScales(className + '-line', container);
-      var updateWhenIdle = this.controlOption.updateWhenIdle; // TODO: 高德地图和MapBox地图事件不一致问题
-      // 高德zoomchange
-
+      this.resetScaleLines(container);
+      var updateWhenIdle = this.controlOption.updateWhenIdle;
       this.mapsService.on(updateWhenIdle ? 'moveend' : 'mapmove', this.update);
       this.mapsService.on(updateWhenIdle ? 'zoomend' : 'zoomchange', this.update);
-      this.update();
       return container;
     }
   }, {
@@ -83,15 +95,13 @@ var Scale = /*#__PURE__*/function (_Control) {
       this.mapsService.off(updateWhenIdle ? 'moveend' : 'mapmove', this.update);
     }
   }, {
-    key: "update",
-    value: function update() {
-      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);
+    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",
@@ -108,6 +118,46 @@ var Scale = /*#__PURE__*/function (_Control) {
         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) {
@@ -132,38 +182,8 @@ var Scale = /*#__PURE__*/function (_Control) {
         this.updateScale(this.iScale, feet + ' ft', feet / maxFeet);
       }
     }
-  }, {
-    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: "addScales",
-    value: function addScales(className, container) {
-      var _this$controlOption2 = this.controlOption,
-          metric = _this$controlOption2.metric,
-          imperial = _this$controlOption2.imperial;
-
-      if (metric) {
-        this.mScale = _l7Utils.DOM.create('div', className, container);
-      }
-
-      if (imperial) {
-        this.iScale = _l7Utils.DOM.create('div', className, container);
-      }
-    }
   }]);
   return Scale;
-}(_BaseControl.default);
+}(_baseControl.Control);
 
-exports.default = Scale;
+exports.default = exports.Scale = Scale;