@antv/l7-component 2.15.1 → 2.15.3

package/es/control/baseControl/popperControl.js

@@ -5,11 +5,8 @@ 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 };
@@ -27,18 +24,13 @@ 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:
@@ -46,6 +38,7 @@ var PopperControl = /*#__PURE__*/function (_ButtonControl) {
      * 气泡实例
      * @protected
      */
+
     function getPopper() {
       return this.popper;
     }
@@ -53,22 +46,19 @@ 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],
@@ -79,7 +69,6 @@ var PopperControl = /*#__PURE__*/function (_ButtonControl) {
     key: "onAdd",
     value: function onAdd() {
       var button = _get(_getPrototypeOf(PopperControl.prototype), "onAdd", this).call(this);
-
       this.initPopper();
       return button;
     }
@@ -92,14 +81,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(); // eslint-disable-next-line @typescript-eslint/no-non-null-assertion
+        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
       this.popper = new Popper(this.button, {
         className: popperClassName,
         placement: popperPlacement,
@@ -118,7 +107,6 @@ 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();
@@ -127,8 +115,6 @@ var PopperControl = /*#__PURE__*/function (_ButtonControl) {
       }
     }
   }]);
-
   return PopperControl;
 }(ButtonControl);
-
 export { PopperControl as default };

package/es/control/baseControl/selectControl.js

@@ -7,65 +7,47 @@ 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;
-
-(function (SelectControlConstant) {
+var SelectControlConstant = /*#__PURE__*/function (SelectControlConstant) {
   SelectControlConstant["ActiveOptionClassName"] = "l7-select-control-item-active";
   SelectControlConstant["OptionValueAttrKey"] = "data-option-value";
   SelectControlConstant["OptionIndexAttrKey"] = "data-option-index";
-})(SelectControlConstant || (SelectControlConstant = {}));
-
+  return 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 {
@@ -74,20 +56,15 @@ 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));
       }
@@ -96,13 +73,10 @@ 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;
     }
@@ -115,24 +89,20 @@ 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);
@@ -140,16 +110,15 @@ var SelectControl = /*#__PURE__*/function (_PopperControl) {
         }
       });
       this.selectValue = finalValue;
-
       if (emitEvent) {
         this.emit('selectChange', this.getIsMultiple() ? finalValue : finalValue[0]);
       }
     }
+
     /**
      * 是否为多选
      * @protected
      */
-
   }, {
     key: "getIsMultiple",
     value: function getIsMultiple() {
@@ -159,16 +128,14 @@ 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));
@@ -189,11 +156,9 @@ 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);
@@ -205,11 +170,9 @@ 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;
     }
   }, {
@@ -226,8 +189,6 @@ var SelectControl = /*#__PURE__*/function (_PopperControl) {
       return Array.isArray(value) ? value : [value];
     }
   }]);
-
   return SelectControl;
 }(PopperControl);
-
 export { SelectControl as default };

package/es/control/exportImage.js

@@ -10,133 +10,102 @@ 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;
-                break;
-              }
-
-              void 0;
-              _context.next = 10;
+        while (1) switch (_context.prev = _context.next) {
+          case 0:
+            onExport = _this.controlOption.onExport;
+            if (!(onExport === null || onExport === void 0)) {
+              _context.next = 5;
               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();
-          }
+            }
+            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();
         }
       }, _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;
-                });
-              }));
-
-            case 9:
-              imgList = _context2.sent;
-              imgList.forEach(function (img) {
-                context === null || context === void 0 ? void 0 : context.drawImage(img, 0, 0, width, height);
+        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;
               });
-              return _context2.abrupt("return", canvas.toDataURL("image/".concat(imageType)));
-
-            case 12:
-            case "end":
-              return _context2.stop();
-          }
+            }));
+          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();
         }
       }, _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;
     }
@@ -155,40 +124,31 @@ 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 };