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

package/es/control/baseControl/selectControl.js

@@ -1,232 +0,0 @@
-import _toConsumableArray from "@babel/runtime/helpers/toConsumableArray";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/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) {
-  SelectControlConstant["ActiveOptionClassName"] = "l7-select-control-item-active";
-  SelectControlConstant["OptionValueAttrKey"] = "data-option-value";
-  SelectControlConstant["OptionIndexAttrKey"] = "data-option-index";
-})(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 {
-          _this.selectValue = [].concat(_toConsumableArray(_this.selectValue), [item.value]);
-        }
-      } 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));
-      }
-    }
-  }, {
-    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;
-    }
-  }, {
-    key: "getSelectValue",
-    value: function getSelectValue() {
-      return this.getIsMultiple() ? this.selectValue : this.selectValue[0];
-    }
-  }, {
-    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) {
-        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);
-          }
-        }
-      });
-      this.selectValue = finalValue;
-
-      if (emitEvent) {
-        this.emit('selectChange', this.getIsMultiple() ? finalValue : finalValue[0]);
-      }
-    }
-    /**
-     * 是否为多选
-     * @protected
-     */
-
-  }, {
-    key: "getIsMultiple",
-    value: function getIsMultiple() {
-      return false;
-    }
-  }, {
-    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
-        _this3.createImageOption(option) : _this3.createNormalOption(option);
-        optionDOM.setAttribute(SelectControlConstant.OptionValueAttrKey, option.value);
-        optionDOM.setAttribute(SelectControlConstant.OptionIndexAttrKey, window.String(optionIndex));
-        optionDOM.addEventListener('click', _this3.onItemClick.bind(_this3, option));
-        return optionDOM;
-      });
-      content.append.apply(content, _toConsumableArray(optionsDOMList));
-      this.optionDOMList = optionsDOMList;
-      return content;
-    }
-  }, {
-    key: "createImageOption",
-    value: function createImageOption(option) {
-      var isSelect = this.selectValue.includes(option.value);
-      var optionDOM = DOM.create('div', "l7-select-control-item ".concat(isSelect ? SelectControlConstant.ActiveOptionClassName : ''));
-      var imgDOM = DOM.create('img');
-      imgDOM.setAttribute('src', option.img);
-      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);
-      optionDOM.appendChild(rowDOM);
-      return optionDOM;
-    }
-  }, {
-    key: "createCheckbox",
-    value: function createCheckbox(isSelect) {
-      var checkboxDOM = DOM.create('input');
-      checkboxDOM.setAttribute('type', 'checkbox');
-
-      if (isSelect) {
-        DOM.setChecked(checkboxDOM, true);
-      }
-
-      return checkboxDOM;
-    }
-  }, {
-    key: "isImageOptions",
-    value: function isImageOptions() {
-      // @ts-ignore
-      return !!this.controlOption.options.find(function (item) {
-        return item.img;
-      });
-    }
-  }, {
-    key: "transSelectValue",
-    value: function transSelectValue(value) {
-      return Array.isArray(value) ? value : [value];
-    }
-  }]);
-
-  return SelectControl;
-}(PopperControl);
-
-export { SelectControl as default };

package/es/control/exportImage.d.ts

@@ -1,18 +0,0 @@
-import ButtonControl, { IButtonControlOption } from './baseControl/buttonControl';
-export interface IExportImageControlOption extends IButtonControlOption {
-    imageType: 'png' | 'jpeg';
-    onExport: (base64: string) => void;
-}
-export { ExportImage };
-export default class ExportImage extends ButtonControl<IExportImageControlOption> {
-    onAdd(): HTMLElement;
-    getDefault(option?: Partial<IExportImageControlOption>): IExportImageControlOption;
-    getImage(): Promise<string>;
-    protected onClick: () => Promise<void>;
-    /**
-     * 将多张图片合并为一张图片
-     * @protected
-     * @param base64List
-     */
-    protected mergeImage: (...base64List: string[]) => Promise<string>;
-}

package/es/control/exportImage.js

@@ -1,163 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/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;
-              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;
-
-      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);
-              });
-              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;
-    }
-  }, {
-    key: "getDefault",
-    value: function getDefault(option) {
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(ExportImage.prototype), "getDefault", this).call(this, option)), {}, {
-        title: '导出图片',
-        btnIcon: createL7Icon('l7-icon-export-picture'),
-        imageType: 'png'
-      });
-    }
-  }, {
-    key: "getImage",
-    value: function getImage() {
-      var mapImage = this.mapsService.exportMap('png');
-      var layerImage = this.scene.exportPng('png');
-      return this.mergeImage(mapImage, layerImage);
-    }
-  }]);
-
-  return ExportImage;
-}(ButtonControl);
-
-export { ExportImage as default };

package/es/control/fullscreen.d.ts

@@ -1,19 +0,0 @@
-import ButtonControl, { IButtonControlOption } from './baseControl/buttonControl';
-export interface IFullscreenControlOption extends IButtonControlOption {
-    exitBtnText: IButtonControlOption['btnText'];
-    exitBtnIcon: IButtonControlOption['btnIcon'];
-    exitTitle: IButtonControlOption['title'];
-}
-export { Fullscreen };
-export default class Fullscreen extends ButtonControl<IFullscreenControlOption> {
-    protected isFullscreen: boolean;
-    protected mapContainer: HTMLElement;
-    constructor(option?: Partial<IFullscreenControlOption>);
-    setOptions(newOptions: Partial<IFullscreenControlOption>): void;
-    onAdd(): HTMLElement;
-    onRemove(): void;
-    getDefault(option?: Partial<IFullscreenControlOption>): IFullscreenControlOption;
-    toggleFullscreen: () => Promise<void>;
-    protected onClick: () => void;
-    protected onFullscreenChange: () => void;
-}

package/es/control/fullscreen.js

@@ -1,151 +0,0 @@
-import _objectSpread from "@babel/runtime/helpers/objectSpread2";
-import _asyncToGenerator from "@babel/runtime/helpers/asyncToGenerator";
-import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
-import _createClass from "@babel/runtime/helpers/createClass";
-import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
-import _get from "@babel/runtime/helpers/get";
-import _inherits from "@babel/runtime/helpers/inherits";
-import _possibleConstructorReturn from "@babel/runtime/helpers/possibleConstructorReturn";
-import _getPrototypeOf from "@babel/runtime/helpers/getPrototypeOf";
-import _defineProperty from "@babel/runtime/helpers/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 { DOM } from '@antv/l7-utils';
-import { createL7Icon } from "../utils/icon";
-import ScreenFull from "../utils/screenfull";
-import ButtonControl from "./baseControl/buttonControl";
-export { Fullscreen };
-
-var Fullscreen = /*#__PURE__*/function (_ButtonControl) {
-  _inherits(Fullscreen, _ButtonControl);
-
-  var _super = _createSuper(Fullscreen);
-
-  function Fullscreen(option) {
-    var _this;
-
-    _classCallCheck(this, Fullscreen);
-
-    _this = _super.call(this, option);
-
-    _defineProperty(_assertThisInitialized(_this), "isFullscreen", false);
-
-    _defineProperty(_assertThisInitialized(_this), "toggleFullscreen", /*#__PURE__*/_asyncToGenerator( /*#__PURE__*/_regeneratorRuntime.mark(function _callee() {
-      return _regeneratorRuntime.wrap(function _callee$(_context) {
-        while (1) {
-          switch (_context.prev = _context.next) {
-            case 0:
-              if (!ScreenFull.isEnabled) {
-                _context.next = 3;
-                break;
-              }
-
-              _context.next = 3;
-              return ScreenFull.toggle(_this.mapContainer);
-
-            case 3:
-            case "end":
-              return _context.stop();
-          }
-        }
-      }, _callee);
-    })));
-
-    _defineProperty(_assertThisInitialized(_this), "onClick", function () {
-      _this.toggleFullscreen();
-    });
-
-    _defineProperty(_assertThisInitialized(_this), "onFullscreenChange", function () {
-      _this.isFullscreen = !!document.fullscreenElement;
-      var _this$controlOption = _this.controlOption,
-          btnText = _this$controlOption.btnText,
-          btnIcon = _this$controlOption.btnIcon,
-          title = _this$controlOption.title,
-          exitBtnText = _this$controlOption.exitBtnText,
-          exitBtnIcon = _this$controlOption.exitBtnIcon,
-          exitTitle = _this$controlOption.exitTitle;
-
-      if (_this.isFullscreen) {
-        _this.setBtnTitle(exitTitle);
-
-        _this.setBtnText(exitBtnText);
-
-        _this.setBtnIcon(exitBtnIcon);
-      } else {
-        _this.setBtnTitle(title);
-
-        _this.setBtnText(btnText);
-
-        _this.setBtnIcon(btnIcon);
-      }
-
-      _this.emit('fullscreenChange', _this.isFullscreen);
-    });
-
-    if (!ScreenFull.isEnabled) {
-      console.warn('当前浏览器环境不支持对地图全屏化');
-    }
-
-    return _this;
-  }
-
-  _createClass(Fullscreen, [{
-    key: "setOptions",
-    value: function setOptions(newOptions) {
-      var exitBtnText = newOptions.exitBtnText,
-          exitBtnIcon = newOptions.exitBtnIcon,
-          exitTitle = newOptions.exitTitle;
-
-      if (this.isFullscreen) {
-        if (this.checkUpdateOption(newOptions, ['exitBtnIcon'])) {
-          this.setBtnIcon(exitBtnIcon);
-        }
-
-        if (this.checkUpdateOption(newOptions, ['exitBtnText'])) {
-          this.setBtnText(exitBtnText);
-        }
-
-        if (this.checkUpdateOption(newOptions, ['exitTitle'])) {
-          this.setBtnTitle(exitTitle);
-        }
-      }
-
-      _get(_getPrototypeOf(Fullscreen.prototype), "setOptions", this).call(this, newOptions);
-    }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      var button = _get(_getPrototypeOf(Fullscreen.prototype), "onAdd", this).call(this);
-
-      button.addEventListener('click', this.onClick);
-      this.mapContainer = DOM.getContainer(this.scene.getSceneConfig().id);
-      this.mapContainer.addEventListener('fullscreenchange', this.onFullscreenChange);
-      return button;
-    }
-  }, {
-    key: "onRemove",
-    value: function onRemove() {
-      _get(_getPrototypeOf(Fullscreen.prototype), "onRemove", this).call(this);
-
-      this.mapContainer.removeEventListener('fullscreenchange', this.onFullscreenChange);
-    }
-  }, {
-    key: "getDefault",
-    value: function getDefault(option) {
-      return _objectSpread(_objectSpread({}, _get(_getPrototypeOf(Fullscreen.prototype), "getDefault", this).call(this, option)), {}, {
-        title: '全屏',
-        btnIcon: createL7Icon('l7-icon-fullscreen'),
-        exitTitle: '退出全屏',
-        exitBtnIcon: createL7Icon('l7-icon-exit-fullscreen')
-      });
-    }
-  }]);
-
-  return Fullscreen;
-}(ButtonControl);
-
-export { Fullscreen as default };

package/es/control/geoLocate.d.ts

@@ -1,16 +0,0 @@
-import { Point } from '@antv/l7-core';
-import ButtonControl, { IButtonControlOption } from './baseControl/buttonControl';
-export interface IGeoLocateOption extends IButtonControlOption {
-    transform: (position: Point) => Point | Promise<Point>;
-}
-export { GeoLocate };
-export default class GeoLocate extends ButtonControl<IGeoLocateOption> {
-    constructor(option?: Partial<IGeoLocateOption>);
-    getDefault(option?: Partial<IGeoLocateOption>): IGeoLocateOption;
-    onAdd(): HTMLElement;
-    /**
-     * 通过浏览器 API 获取当前所在经纬度
-     */
-    getGeoLocation: () => Promise<Point>;
-    onClick: () => Promise<void>;
-}