@antv/l7-component 2.16.0 → 2.16.1

package/es/control/baseControl/popperControl.js

@@ -5,8 +5,11 @@ import _get from "@babel/runtime/helpers/esm/get";
 import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
+
 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 { Popper } from "../../utils/popper";
 import ButtonControl from "./buttonControl";
 export { PopperControl };
@@ -24,13 +27,18 @@ var PopperPlacementMap = {
   rightcenter: 'left',
   rightbottom: 'top-end'
 };
+
 var PopperControl = /*#__PURE__*/function (_ButtonControl) {
   _inherits(PopperControl, _ButtonControl);
+
   var _super = _createSuper(PopperControl);
+
   function PopperControl() {
     _classCallCheck(this, PopperControl);
+
     return _super.apply(this, arguments);
   }
+
   _createClass(PopperControl, [{
     key: "getPopper",
     value:
@@ -38,7 +46,6 @@ var PopperControl = /*#__PURE__*/function (_ButtonControl) {
      * 气泡实例
      * @protected
      */
-
     function getPopper() {
       return this.popper;
     }
@@ -46,19 +53,22 @@ var PopperControl = /*#__PURE__*/function (_ButtonControl) {
     key: "hide",
     value: function hide() {
       this.popper.hide();
+
       _get(_getPrototypeOf(PopperControl.prototype), "hide", this).call(this);
     }
-
     /**
      * 获取默认配置
      * @param option
      */
+
   }, {
     key: "getDefault",
     value: function getDefault(option) {
       var _option$position;
-      var defaultOption = _get(_getPrototypeOf(PopperControl.prototype), "getDefault", this).call(this, option);
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+      var defaultOption = _get(_getPrototypeOf(PopperControl.prototype), "getDefault", this).call(this, option); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+
       var position = (_option$position = option === null || option === void 0 ? void 0 : option.position) !== null && _option$position !== void 0 ? _option$position : defaultOption.position;
       return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(PopperControl.prototype), "getDefault", this).call(this, option)), {}, {
         popperPlacement: position instanceof Element ? 'bottom' : PopperPlacementMap[position],
@@ -69,6 +79,7 @@ var PopperControl = /*#__PURE__*/function (_ButtonControl) {
     key: "onAdd",
     value: function onAdd() {
       var button = _get(_getPrototypeOf(PopperControl.prototype), "onAdd", this).call(this);
+
       this.initPopper();
       return button;
     }
@@ -81,14 +92,14 @@ var PopperControl = /*#__PURE__*/function (_ButtonControl) {
     key: "initPopper",
     value: function initPopper() {
       var _this = this;
+
       var _this$controlOption = this.controlOption,
-        popperClassName = _this$controlOption.popperClassName,
-        popperPlacement = _this$controlOption.popperPlacement,
-        popperTrigger = _this$controlOption.popperTrigger;
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
-      var popperContainer = this.mapsService.getMapContainer();
+          popperClassName = _this$controlOption.popperClassName,
+          popperPlacement = _this$controlOption.popperPlacement,
+          popperTrigger = _this$controlOption.popperTrigger; // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+
+      var popperContainer = this.mapsService.getMapContainer(); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
 
-      // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
       this.popper = new Popper(this.button, {
         className: popperClassName,
         placement: popperPlacement,
@@ -107,6 +118,7 @@ var PopperControl = /*#__PURE__*/function (_ButtonControl) {
     key: "setOptions",
     value: function setOptions(option) {
       _get(_getPrototypeOf(PopperControl.prototype), "setOptions", this).call(this, option);
+
       if (this.checkUpdateOption(option, ['popperPlacement', 'popperTrigger', 'popperClassName'])) {
         var content = this.popper.getContent();
         this.popper.destroy();
@@ -115,6 +127,8 @@ var PopperControl = /*#__PURE__*/function (_ButtonControl) {
       }
     }
   }]);
+
   return PopperControl;
 }(ButtonControl);
+
 export { PopperControl as default };

package/es/control/baseControl/selectControl.js

@@ -7,47 +7,65 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
 import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/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 { DOM } from '@antv/l7-utils';
 import { PopperControl } from "./popperControl";
 export { SelectControl };
-var SelectControlConstant = /*#__PURE__*/function (SelectControlConstant) {
+var SelectControlConstant;
+
+(function (SelectControlConstant) {
   SelectControlConstant["ActiveOptionClassName"] = "l7-select-control-item-active";
   SelectControlConstant["OptionValueAttrKey"] = "data-option-value";
   SelectControlConstant["OptionIndexAttrKey"] = "data-option-index";
-  return SelectControlConstant;
-}(SelectControlConstant || {});
+})(SelectControlConstant || (SelectControlConstant = {}));
+
 var SelectControl = /*#__PURE__*/function (_PopperControl) {
   _inherits(SelectControl, _PopperControl);
+
   var _super = _createSuper(SelectControl);
+
   function SelectControl() {
     var _this;
+
     _classCallCheck(this, SelectControl);
+
     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), "selectValue", []);
+
     _defineProperty(_assertThisInitialized(_this), "createNormalOption", function (option) {
       var isSelect = _this.selectValue.includes(option.value);
+
       var optionDOM = DOM.create('div', "l7-select-control-item ".concat(isSelect ? SelectControlConstant.ActiveOptionClassName : ''));
+
       if (_this.getIsMultiple()) {
         optionDOM.appendChild(_this.createCheckbox(isSelect));
       }
+
       if (option.icon) {
         optionDOM.appendChild(option.icon);
       }
+
       var textDOM = DOM.create('span');
       textDOM.innerText = option.text;
       optionDOM.appendChild(textDOM);
       return optionDOM;
     });
+
     _defineProperty(_assertThisInitialized(_this), "onItemClick", function (item) {
       if (_this.getIsMultiple()) {
         var targetIndex = _this.selectValue.findIndex(function (value) {
           return value === item.value;
         });
+
         if (targetIndex > -1) {
           _this.selectValue.splice(targetIndex, 1);
         } else {
@@ -56,15 +74,20 @@ var SelectControl = /*#__PURE__*/function (_PopperControl) {
       } else {
         _this.selectValue = [item.value];
       }
+
       _this.setSelectValue(_this.selectValue);
     });
+
     return _this;
   }
+
   _createClass(SelectControl, [{
     key: "setOptions",
     value: function setOptions(option) {
       _get(_getPrototypeOf(SelectControl.prototype), "setOptions", this).call(this, option);
+
       var options = option.options;
+
       if (options) {
         this.popper.setContent(this.getPopperContent(options));
       }
@@ -73,10 +96,13 @@ var SelectControl = /*#__PURE__*/function (_PopperControl) {
     key: "onAdd",
     value: function onAdd() {
       var button = _get(_getPrototypeOf(SelectControl.prototype), "onAdd", this).call(this);
+
       var defaultValue = this.controlOption.defaultValue;
+
       if (defaultValue) {
         this.selectValue = this.transSelectValue(defaultValue);
       }
+
       this.popper.setContent(this.getPopperContent(this.controlOption.options));
       return button;
     }
@@ -89,20 +115,24 @@ var SelectControl = /*#__PURE__*/function (_PopperControl) {
     key: "setSelectValue",
     value: function setSelectValue(value) {
       var _this2 = this;
+
       var emitEvent = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : true;
       var finalValue = this.transSelectValue(value);
       this.optionDOMList.forEach(function (optionDOM) {
         // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
         var optionValue = optionDOM.getAttribute(SelectControlConstant.OptionValueAttrKey);
         var checkboxDOM = _this2.getIsMultiple() ? optionDOM.querySelector('input[type=checkbox]') : undefined;
+
         if (finalValue.includes(optionValue)) {
           DOM.addClass(optionDOM, SelectControlConstant.ActiveOptionClassName);
+
           if (checkboxDOM) {
             // @ts-ignore
             DOM.setChecked(checkboxDOM, true);
           }
         } else {
           DOM.removeClass(optionDOM, SelectControlConstant.ActiveOptionClassName);
+
           if (checkboxDOM) {
             // @ts-ignore
             DOM.setChecked(checkboxDOM, false);
@@ -110,15 +140,16 @@ var SelectControl = /*#__PURE__*/function (_PopperControl) {
         }
       });
       this.selectValue = finalValue;
+
       if (emitEvent) {
         this.emit('selectChange', this.getIsMultiple() ? finalValue : finalValue[0]);
       }
     }
-
     /**
      * 是否为多选
      * @protected
      */
+
   }, {
     key: "getIsMultiple",
     value: function getIsMultiple() {
@@ -128,14 +159,16 @@ var SelectControl = /*#__PURE__*/function (_PopperControl) {
     key: "getPopperContent",
     value: function getPopperContent(options) {
       var _this3 = this;
+
       var isImageOptions = this.isImageOptions();
       var content = DOM.create('div', isImageOptions ? 'l7-select-control--image' : 'l7-select-control--normal');
+
       if (this.getIsMultiple()) {
         DOM.addClass(content, 'l7-select-control--multiple');
       }
+
       var optionsDOMList = options.map(function (option, optionIndex) {
-        var optionDOM = isImageOptions ?
-        // @ts-ignore
+        var optionDOM = isImageOptions ? // @ts-ignore
         _this3.createImageOption(option) : _this3.createNormalOption(option);
         optionDOM.setAttribute(SelectControlConstant.OptionValueAttrKey, option.value);
         optionDOM.setAttribute(SelectControlConstant.OptionIndexAttrKey, window.String(optionIndex));
@@ -156,9 +189,11 @@ var SelectControl = /*#__PURE__*/function (_PopperControl) {
       DOM.setUnDraggable(imgDOM);
       optionDOM.appendChild(imgDOM);
       var rowDOM = DOM.create('div', 'l7-select-control-item-row');
+
       if (this.getIsMultiple()) {
         optionDOM.appendChild(this.createCheckbox(isSelect));
       }
+
       var textDOM = DOM.create('span');
       textDOM.innerText = option.text;
       rowDOM.appendChild(textDOM);
@@ -170,9 +205,11 @@ var SelectControl = /*#__PURE__*/function (_PopperControl) {
     value: function createCheckbox(isSelect) {
       var checkboxDOM = DOM.create('input');
       checkboxDOM.setAttribute('type', 'checkbox');
+
       if (isSelect) {
         DOM.setChecked(checkboxDOM, true);
       }
+
       return checkboxDOM;
     }
   }, {
@@ -189,6 +226,8 @@ var SelectControl = /*#__PURE__*/function (_PopperControl) {
       return Array.isArray(value) ? value : [value];
     }
   }]);
+
   return SelectControl;
 }(PopperControl);
+
 export { SelectControl as default };

package/es/control/exportImage.js

@@ -10,102 +10,133 @@ import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConst
 import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
 import _defineProperty from "@babel/runtime/helpers/esm/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 { createL7Icon } from "../utils/icon";
 import ButtonControl from "./baseControl/buttonControl";
 export { ExportImage };
+
 var ExportImage = /*#__PURE__*/function (_ButtonControl) {
   _inherits(ExportImage, _ButtonControl);
+
   var _super = _createSuper(ExportImage);
+
   function ExportImage() {
     var _this;
+
     _classCallCheck(this, ExportImage);
+
     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), "onClick", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
       var onExport;
       return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) switch (_context.prev = _context.next) {
-          case 0:
-            onExport = _this.controlOption.onExport;
-            if (!(onExport === null || onExport === void 0)) {
-              _context.next = 5;
+        while (1) {
+          switch (_context.prev = _context.next) {
+            case 0:
+              onExport = _this.controlOption.onExport;
+
+              if (!(onExport === null || onExport === void 0)) {
+                _context.next = 5;
+                break;
+              }
+
+              void 0;
+              _context.next = 10;
               break;
-            }
-            void 0;
-            _context.next = 10;
-            break;
-          case 5:
-            _context.t0 = onExport;
-            _context.next = 8;
-            return _this.getImage();
-          case 8:
-            _context.t1 = _context.sent;
-            (0, _context.t0)(_context.t1);
-          case 10:
-          case "end":
-            return _context.stop();
+
+            case 5:
+              _context.t0 = onExport;
+              _context.next = 8;
+              return _this.getImage();
+
+            case 8:
+              _context.t1 = _context.sent;
+              (0, _context.t0)(_context.t1);
+
+            case 10:
+            case "end":
+              return _context.stop();
+          }
         }
       }, _callee);
     })));
+
     _defineProperty(_assertThisInitialized(_this), "mergeImage", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee2() {
       var _this$mapsService$get, _this$mapsService$get2;
+
       var imageType,
-        _ref3,
-        _ref3$width,
-        width,
-        _ref3$height,
-        height,
-        canvas,
-        context,
-        _len2,
-        base64List,
-        _key2,
-        imgList,
-        _args2 = arguments;
+          _ref3,
+          _ref3$width,
+          width,
+          _ref3$height,
+          height,
+          canvas,
+          context,
+          _len2,
+          base64List,
+          _key2,
+          imgList,
+          _args2 = arguments;
+
       return _regeneratorRuntime.wrap(function _callee2$(_context2) {
-        while (1) switch (_context2.prev = _context2.next) {
-          case 0:
-            imageType = _this.controlOption.imageType;
-            _ref3 = (_this$mapsService$get = (_this$mapsService$get2 = _this.mapsService.getContainer()) === null || _this$mapsService$get2 === void 0 ? void 0 : _this$mapsService$get2.getBoundingClientRect()) !== null && _this$mapsService$get !== void 0 ? _this$mapsService$get : {}, _ref3$width = _ref3.width, width = _ref3$width === void 0 ? 0 : _ref3$width, _ref3$height = _ref3.height, height = _ref3$height === void 0 ? 0 : _ref3$height;
-            canvas = document.createElement('canvas');
-            canvas.width = width;
-            canvas.height = height;
-            context = canvas.getContext('2d');
-            for (_len2 = _args2.length, base64List = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-              base64List[_key2] = _args2[_key2];
-            }
-            _context2.next = 9;
-            return Promise.all(base64List.map(function (base64) {
-              return new Promise(function (resolve) {
-                var img = new Image();
-                img.onload = function () {
-                  resolve(img);
-                };
-                img.src = base64;
+        while (1) {
+          switch (_context2.prev = _context2.next) {
+            case 0:
+              imageType = _this.controlOption.imageType;
+              _ref3 = (_this$mapsService$get = (_this$mapsService$get2 = _this.mapsService.getContainer()) === null || _this$mapsService$get2 === void 0 ? void 0 : _this$mapsService$get2.getBoundingClientRect()) !== null && _this$mapsService$get !== void 0 ? _this$mapsService$get : {}, _ref3$width = _ref3.width, width = _ref3$width === void 0 ? 0 : _ref3$width, _ref3$height = _ref3.height, height = _ref3$height === void 0 ? 0 : _ref3$height;
+              canvas = document.createElement('canvas');
+              canvas.width = width;
+              canvas.height = height;
+              context = canvas.getContext('2d');
+
+              for (_len2 = _args2.length, base64List = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+                base64List[_key2] = _args2[_key2];
+              }
+
+              _context2.next = 9;
+              return Promise.all(base64List.map(function (base64) {
+                return new Promise(function (resolve) {
+                  var img = new Image();
+
+                  img.onload = function () {
+                    resolve(img);
+                  };
+
+                  img.src = base64;
+                });
+              }));
+
+            case 9:
+              imgList = _context2.sent;
+              imgList.forEach(function (img) {
+                context === null || context === void 0 ? void 0 : context.drawImage(img, 0, 0, width, height);
               });
-            }));
-          case 9:
-            imgList = _context2.sent;
-            imgList.forEach(function (img) {
-              context === null || context === void 0 ? void 0 : context.drawImage(img, 0, 0, width, height);
-            });
-            return _context2.abrupt("return", canvas.toDataURL("image/".concat(imageType)));
-          case 12:
-          case "end":
-            return _context2.stop();
+              return _context2.abrupt("return", canvas.toDataURL("image/".concat(imageType)));
+
+            case 12:
+            case "end":
+              return _context2.stop();
+          }
         }
       }, _callee2);
     })));
+
     return _this;
   }
+
   _createClass(ExportImage, [{
     key: "onAdd",
     value: function onAdd() {
       var button = _get(_getPrototypeOf(ExportImage.prototype), "onAdd", this).call(this);
+
       button.addEventListener('click', this.onClick);
       return button;
     }
@@ -124,31 +155,40 @@ var ExportImage = /*#__PURE__*/function (_ButtonControl) {
       var _getImage = _asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee3() {
         var mapImage, layerImage;
         return _regeneratorRuntime.wrap(function _callee3$(_context3) {
-          while (1) switch (_context3.prev = _context3.next) {
-            case 0:
-              _context3.next = 2;
-              return this.mapsService.exportMap('png');
-            case 2:
-              mapImage = _context3.sent;
-              _context3.next = 5;
-              return this.scene.exportPng('png');
-            case 5:
-              layerImage = _context3.sent;
-              return _context3.abrupt("return", this.mergeImage.apply(this, _toConsumableArray([mapImage, layerImage].filter(function (base64) {
-                return base64;
-              }))));
-            case 7:
-            case "end":
-              return _context3.stop();
+          while (1) {
+            switch (_context3.prev = _context3.next) {
+              case 0:
+                _context3.next = 2;
+                return this.mapsService.exportMap('png');
+
+              case 2:
+                mapImage = _context3.sent;
+                _context3.next = 5;
+                return this.scene.exportPng('png');
+
+              case 5:
+                layerImage = _context3.sent;
+                return _context3.abrupt("return", this.mergeImage.apply(this, _toConsumableArray([mapImage, layerImage].filter(function (base64) {
+                  return base64;
+                }))));
+
+              case 7:
+              case "end":
+                return _context3.stop();
+            }
           }
         }, _callee3, this);
       }));
+
       function getImage() {
         return _getImage.apply(this, arguments);
       }
+
       return getImage;
     }()
   }]);
+
   return ExportImage;
 }(ButtonControl);
+
 export { ExportImage as default };