@antv/l7-component 2.9.32-alpha.4 → 2.9.32-alpha.5

package/lib/control/geoLocate.js

@@ -1,78 +1,154 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/control/geoLocate.ts
-var geoLocate_exports = {};
-__export(geoLocate_exports, {
-  GeoLocate: () => GeoLocate,
-  default: () => GeoLocate
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(geoLocate_exports);
-var import_lodash = require("lodash");
-var import_icon = require("../utils/icon");
-var import_buttonControl = __toESM(require("./baseControl/buttonControl"));
-var GeoLocate = class extends import_buttonControl.default {
-  constructor(option) {
-    super(option);
-    this.getGeoLocation = () => {
-      return new Promise((resolve, reject) => {
-        window.navigator.geolocation.getCurrentPosition(({ coords }) => {
-          const { longitude, latitude } = coords ?? {};
-          if (!(0, import_lodash.isNaN)(longitude) && !(0, import_lodash.isNaN)(latitude)) {
+exports.default = exports.GeoLocate = void 0;
+
+var _regenerator = _interopRequireDefault(require("@babel/runtime/regenerator"));
+
+var _objectSpread2 = _interopRequireDefault(require("@babel/runtime/helpers/objectSpread2"));
+
+var _asyncToGenerator2 = _interopRequireDefault(require("@babel/runtime/helpers/asyncToGenerator"));
+
+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 _lodash = require("lodash");
+
+var _icon = require("../utils/icon");
+
+var _buttonControl = _interopRequireDefault(require("./baseControl/buttonControl"));
+
+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 GeoLocate = /*#__PURE__*/function (_ButtonControl) {
+  (0, _inherits2.default)(GeoLocate, _ButtonControl);
+
+  var _super = _createSuper(GeoLocate);
+
+  function GeoLocate(option) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, GeoLocate);
+    _this = _super.call(this, option);
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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 (!(0, _lodash.isNaN)(longitude) && !(0, _lodash.isNaN)(latitude)) {
             resolve([longitude, latitude]);
           } else {
             reject();
           }
-        }, (e) => {
+        }, function (e) {
           reject(e);
         });
       });
-    };
-    this.onClick = async () => {
-      if (!window.navigator.geolocation) {
-        return;
-      }
-      const { transform } = this.controlOption;
-      const position = await this.getGeoLocation();
-      const currentZoom = this.mapsService.getZoom();
-      this.mapsService.setZoomAndCenter(currentZoom > 15 ? currentZoom : 15, transform ? await transform(position) : position);
-    };
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onClick", /*#__PURE__*/(0, _asyncToGenerator2.default)( /*#__PURE__*/_regenerator.default.mark(function _callee() {
+      var transform, position, currentZoom;
+      return _regenerator.default.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("\u5F53\u524D\u6D4F\u89C8\u5668\u73AF\u5883\u4E0D\u652F\u6301\u83B7\u53D6\u5730\u7406\u5B9A\u4F4D");
+      console.warn('当前浏览器环境不支持获取地理定位');
     }
+
+    return _this;
   }
-  getDefault(option) {
-    return {
-      ...super.getDefault(option),
-      title: "\u5B9A\u4F4D",
-      btnIcon: (0, import_icon.createL7Icon)("l7-icon-reposition")
-    };
-  }
-  onAdd() {
-    const button = super.onAdd();
-    button.addEventListener("click", this.onClick);
-    return button;
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  GeoLocate
-});
+
+  (0, _createClass2.default)(GeoLocate, [{
+    key: "getDefault",
+    value: function getDefault(option) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(GeoLocate.prototype), "getDefault", this).call(this, option)), {}, {
+        title: '定位',
+        btnIcon: (0, _icon.createL7Icon)('l7-icon-reposition')
+      });
+    }
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      var button = (0, _get2.default)((0, _getPrototypeOf2.default)(GeoLocate.prototype), "onAdd", this).call(this);
+      button.addEventListener('click', this.onClick);
+      return button;
+    }
+    /**
+     * 通过浏览器 API 获取当前所在经纬度
+     */
+
+  }]);
+  return GeoLocate;
+}(_buttonControl.default);
+
+exports.default = exports.GeoLocate = GeoLocate;

package/lib/control/layerControl.js

@@ -1,136 +1,182 @@
-var __create = Object.create;
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __getProtoOf = Object.getPrototypeOf;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-var __export = (target, all) => {
-  for (var name in all)
-    __defProp(target, name, { get: all[name], enumerable: true });
-};
-var __copyProps = (to, from, except, desc) => {
-  if (from && typeof from === "object" || typeof from === "function") {
-    for (let key of __getOwnPropNames(from))
-      if (!__hasOwnProp.call(to, key) && key !== except)
-        __defProp(to, key, { get: () => from[key], enumerable: !(desc = __getOwnPropDesc(from, key)) || desc.enumerable });
-  }
-  return to;
-};
-var __toESM = (mod, isNodeMode, target) => (target = mod != null ? __create(__getProtoOf(mod)) : {}, __copyProps(isNodeMode || !mod || !mod.__esModule ? __defProp(target, "default", { value: mod, enumerable: true }) : target, mod));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/control/layerControl.ts
-var layerControl_exports = {};
-__export(layerControl_exports, {
-  LayerControl: () => LayerControl,
-  default: () => LayerControl
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
 });
-module.exports = __toCommonJS(layerControl_exports);
-var import_icon = require("../utils/icon");
-var import_selectControl = __toESM(require("./baseControl/selectControl"));
-var LayerControl = class extends import_selectControl.default {
-  constructor() {
-    super(...arguments);
-    this.bindLayerVisibleCallback = () => {
-      this.layers.forEach((layer) => {
-        layer.on("show", this.onLayerVisibleChane);
-        layer.on("hide", this.onLayerVisibleChane);
+exports.default = exports.LayerControl = 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 _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 LayerControl = /*#__PURE__*/function (_SelectControl) {
+  (0, _inherits2.default)(LayerControl, _SelectControl);
+
+  var _super = _createSuper(LayerControl);
+
+  function LayerControl() {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, LayerControl);
+
+    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), "bindLayerVisibleCallback", function () {
+      _this.layers.forEach(function (layer) {
+        layer.on('show', _this.onLayerVisibleChane);
+        layer.on('hide', _this.onLayerVisibleChane);
       });
-    };
-    this.unbindLayerVisibleCallback = () => {
-      this.layers.forEach((layer) => {
-        layer.off("show", this.onLayerVisibleChane);
-        layer.off("hide", this.onLayerVisibleChane);
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "unbindLayerVisibleCallback", function () {
+      _this.layers.forEach(function (layer) {
+        layer.off('show', _this.onLayerVisibleChane);
+        layer.off('hide', _this.onLayerVisibleChane);
       });
-    };
-    this.onLayerChange = () => {
-      var _a;
-      if ((_a = this.controlOption.layers) == null ? void 0 : _a.length) {
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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()
+
+      _this.selectValue = _this.getLayerVisible();
+
+      _this.setOptions({
+        options: _this.getLayerOptions()
       });
-    };
-    this.onLayerVisibleChane = () => {
-      this.setSelectValue(this.getLayerVisible());
-    };
-    this.onSelectChange = () => {
-      this.layers.forEach((layer) => {
-        const needShow = this.selectValue.includes(layer.name);
-        const isShow = layer.isVisible();
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "onLayerVisibleChane", function () {
+      _this.setSelectValue(_this.getLayerVisible());
+    });
+    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_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();
         }
       });
-    };
-  }
-  get layers() {
-    return this.controlOption.layers || this.layerService.getLayers() || [];
-  }
-  getDefault(option) {
-    return {
-      ...super.getDefault(option),
-      title: "\u56FE\u5C42\u63A7\u5236",
-      btnIcon: (0, import_icon.createL7Icon)("l7-icon-layer"),
-      options: []
-    };
-  }
-  getLayerVisible() {
-    return this.layers.filter((layer) => {
-      return layer.isVisible();
-    }).map((layer) => {
-      return layer.name;
     });
+    return _this;
   }
-  getLayerOptions() {
-    return this.layers.map((layer) => {
-      return {
-        text: layer.name,
-        value: layer.name
-      };
-    });
-  }
-  setOptions(option) {
-    const isLayerChange = this.checkUpdateOption(option, ["layers"]);
-    if (isLayerChange) {
-      this.unbindLayerVisibleCallback();
+
+  (0, _createClass2.default)(LayerControl, [{
+    key: "layers",
+    get: function get() {
+      return this.controlOption.layers || this.layerService.getLayers() || [];
+    }
+  }, {
+    key: "getDefault",
+    value: function getDefault(option) {
+      return (0, _objectSpread2.default)((0, _objectSpread2.default)({}, (0, _get2.default)((0, _getPrototypeOf2.default)(LayerControl.prototype), "getDefault", this).call(this, option)), {}, {
+        title: '图层控制',
+        btnIcon: (0, _icon.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']);
+
+      if (isLayerChange) {
+        this.unbindLayerVisibleCallback();
+      }
+
+      (0, _get2.default)((0, _getPrototypeOf2.default)(LayerControl.prototype), "setOptions", this).call(this, option);
+
+      if (isLayerChange) {
+        this.bindLayerVisibleCallback();
+        this.selectValue = this.getLayerVisible();
+        this.controlOption.options = this.getLayerOptions();
+        this.popper.setContent(this.getPopperContent(this.controlOption.options));
+      }
     }
-    super.setOptions(option);
-    if (isLayerChange) {
+  }, {
+    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);
       this.bindLayerVisibleCallback();
-      this.selectValue = this.getLayerVisible();
-      this.controlOption.options = this.getLayerOptions();
-      this.popper.setContent(this.getPopperContent(this.controlOption.options));
+      return (0, _get2.default)((0, _getPrototypeOf2.default)(LayerControl.prototype), "onAdd", this).call(this);
     }
-  }
-  onAdd() {
-    var _a;
-    if (!((_a = this.controlOption.options) == null ? void 0 : _a.length)) {
-      this.controlOption.options = this.getLayerOptions();
+  }, {
+    key: "onRemove",
+    value: function onRemove() {
+      this.off('selectChange', this.onSelectChange);
+      this.layerService.off('layerChange', this.onLayerChange);
+      this.unbindLayerVisibleCallback();
     }
-    if (!this.controlOption.defaultValue) {
-      this.controlOption.defaultValue = this.getLayerVisible();
+  }, {
+    key: "getIsMultiple",
+    value: function getIsMultiple() {
+      return true;
     }
-    this.on("selectChange", this.onSelectChange);
-    this.layerService.on("layerChange", this.onLayerChange);
-    this.bindLayerVisibleCallback();
-    return super.onAdd();
-  }
-  onRemove() {
-    this.off("selectChange", this.onSelectChange);
-    this.layerService.off("layerChange", this.onLayerChange);
-    this.unbindLayerVisibleCallback();
-  }
-  getIsMultiple() {
-    return true;
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  LayerControl
-});
+  }]);
+  return LayerControl;
+}(_selectControl.default);
+
+exports.default = exports.LayerControl = LayerControl;