@antv/l7-component 2.21.1 → 2.21.3

package/lib/assets/iconfont/iconfont.js

@@ -8,11 +8,11 @@ window._iconfont_svg_string_3580659 = '<svg><symbol id="l7-icon-area1" viewBox="
       a = a.getAttribute('data-disable-injectsvg');
     if (!a) {
       var o,
-        _e,
+        e,
         i,
         n,
         m,
-        c = function c(a, l) {
+        c = function (a, l) {
           l.parentNode.insertBefore(a, l);
         };
       if (l && !t.__iconfont__svg__cssinject__) {
@@ -23,13 +23,13 @@ window._iconfont_svg_string_3580659 = '<svg><symbol id="l7-icon-area1" viewBox="
           console && console.log(a);
         }
       }
-      o = function o() {
+      o = function () {
         var a,
           l = document.createElement('div');
         l.innerHTML = t._iconfont_svg_string_3580659, (l = l.getElementsByTagName('svg')[0]) && (l.setAttribute('aria-hidden', 'true'), l.style.position = 'absolute', l.style.width = 0, l.style.height = 0, l.style.overflow = 'hidden', l = l, (a = document.body).firstChild ? c(l, a.firstChild) : a.appendChild(l));
-      }, document.addEventListener ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState) ? setTimeout(o, 0) : (_e = function e() {
-        document.removeEventListener('DOMContentLoaded', _e, !1), o();
-      }, document.addEventListener('DOMContentLoaded', _e, !1)) : document.attachEvent && (i = o, n = t.document, m = !1, L(), n.onreadystatechange = function () {
+      }, document.addEventListener ? ~['complete', 'loaded', 'interactive'].indexOf(document.readyState) ? setTimeout(o, 0) : (e = function () {
+        document.removeEventListener('DOMContentLoaded', e, !1), o();
+      }, document.addEventListener('DOMContentLoaded', e, !1)) : document.attachEvent && (i = o, n = t.document, m = !1, L(), n.onreadystatechange = function () {
         'complete' == n.readyState && (n.onreadystatechange = null, d());
       });
     }

package/lib/constants/index.d.ts

@@ -0,0 +1,60 @@
+export declare const GaodeMapStyleConfig: {
+    normal: {
+        text: string;
+        img: string;
+    };
+    light: {
+        text: string;
+        img: string;
+    };
+    dark: {
+        text: string;
+        img: string;
+    };
+    fresh: {
+        text: string;
+        img: string;
+    };
+    grey: {
+        text: string;
+        img: string;
+    };
+    graffiti: {
+        text: string;
+        img: string;
+    };
+    macaron: {
+        text: string;
+        img: string;
+    };
+    darkblue: {
+        text: string;
+        img: string;
+    };
+    wine: {
+        text: string;
+        img: string;
+    };
+};
+export declare const MapboxMapStyleConfig: {
+    normal: {
+        text: string;
+        img: string;
+    };
+    light: {
+        text: string;
+        img: string;
+    };
+    dark: {
+        text: string;
+        img: string;
+    };
+    satellite: {
+        text: string;
+        img: string;
+    };
+    outdoors: {
+        text: string;
+        img: string;
+    };
+};

package/lib/constants/index.js

@@ -4,7 +4,7 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.MapboxMapStyleConfig = exports.GaodeMapStyleConfig = void 0;
-var GaodeMapStyleConfig = exports.GaodeMapStyleConfig = {
+const GaodeMapStyleConfig = exports.GaodeMapStyleConfig = {
   normal: {
     text: '标准',
     img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*qdFDSbvIalgAAAAAAAAAAAAADmJ7AQ/original'
@@ -42,7 +42,7 @@ var GaodeMapStyleConfig = exports.GaodeMapStyleConfig = {
     img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*orY0T7QL-lwAAAAAAAAAAAAADmJ7AQ/original'
   }
 };
-var MapboxMapStyleConfig = exports.MapboxMapStyleConfig = {
+const MapboxMapStyleConfig = exports.MapboxMapStyleConfig = {
   normal: {
     text: '标准',
     img: 'https://mdn.alipayobjects.com/huamei_qa8qxu/afts/img/A*kIyZTok4Uk0AAAAAAAAAAAAADmJ7AQ/original'

package/lib/control/baseControl/buttonControl.d.ts

@@ -0,0 +1,60 @@
+import { DOM } from '@antv/l7-utils';
+import type { IControlOption } from './control';
+import Control from './control';
+export { ButtonControl };
+export interface IButtonControlOption extends IControlOption {
+    btnIcon?: DOM.ELType | DocumentFragment;
+    btnText?: string;
+    title?: string;
+    vertical?: boolean;
+}
+export default class ButtonControl<O extends IButtonControlOption = IButtonControlOption> extends Control<O> {
+    /**
+     * 当前按钮是否禁用
+     * @protected
+     */
+    protected isDisable: boolean;
+    /**
+     * 按钮的 DOM
+     * @protected
+     */
+    protected button?: HTMLElement;
+    /**
+     * 按钮中文本对应的 DOM
+     * @protected
+     */
+    protected buttonText?: HTMLElement;
+    /**
+     * 按钮中图标对应的 DOM
+     * @protected
+     */
+    protected buttonIcon?: DOM.ELType | DocumentFragment;
+    /**
+     * 设置当前按钮
+     * @param newIsDisable
+     */
+    setIsDisable(newIsDisable: boolean): void;
+    createButton(className?: string): HTMLElement;
+    onAdd(): HTMLElement;
+    onRemove(): void;
+    /**
+     * 更新配置方法
+     * @param newOptions
+     */
+    setOptions(newOptions: Partial<O>): void;
+    /**
+     * 设置按钮 title
+     * @param title
+     */
+    setBtnTitle(title: O['title']): void;
+    /**
+     * 设置按钮 Icon
+     * @param newIcon
+     */
+    setBtnIcon(newIcon: O['btnIcon']): void;
+    /**
+     * 设置按钮文本
+     * @param newText
+     */
+    setBtnText(newText: O['btnText']): void;
+}

package/lib/control/baseControl/buttonControl.js

@@ -5,178 +5,145 @@ Object.defineProperty(exports, "__esModule", {
   value: true
 });
 exports.default = exports.ButtonControl = void 0;
-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 _l7Utils = require("@antv/l7-utils");
 var _control = _interopRequireDefault(require("./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 ButtonControl = exports.default = exports.ButtonControl = /*#__PURE__*/function (_Control) {
-  (0, _inherits2.default)(ButtonControl, _Control);
-  var _super = _createSuper(ButtonControl);
-  function ButtonControl() {
-    var _this;
-    (0, _classCallCheck2.default)(this, ButtonControl);
-    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));
+class ButtonControl extends _control.default {
+  constructor(...args) {
+    super(...args);
     /**
      * 当前按钮是否禁用
      * @protected
      */
-    (0, _defineProperty2.default)((0, _assertThisInitialized2.default)(_this), "isDisable", false);
-    return _this;
-  }
-  (0, _createClass2.default)(ButtonControl, [{
-    key: "setIsDisable",
-    value:
+    (0, _defineProperty2.default)(this, "isDisable", false);
     /**
      * 按钮的 DOM
      * @protected
      */
-
+    (0, _defineProperty2.default)(this, "button", void 0);
     /**
      * 按钮中文本对应的 DOM
      * @protected
      */
-
+    (0, _defineProperty2.default)(this, "buttonText", void 0);
     /**
      * 按钮中图标对应的 DOM
      * @protected
      */
-
-    /**
-     * 设置当前按钮
-     * @param newIsDisable
-     */
-    function setIsDisable(newIsDisable) {
-      this.isDisable = newIsDisable;
-      if (newIsDisable) {
-        var _this$button;
-        (_this$button = this.button) === null || _this$button === void 0 || _this$button.setAttribute('disabled', 'true');
-      } else {
-        var _this$button2;
-        (_this$button2 = this.button) === null || _this$button2 === void 0 || _this$button2.removeAttribute('disabled');
-      }
-    }
-  }, {
-    key: "createButton",
-    value: function createButton() {
-      var className = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : '';
-      return _l7Utils.DOM.create('button', "l7-button-control ".concat(className));
+    (0, _defineProperty2.default)(this, "buttonIcon", void 0);
+  }
+  /**
+   * 设置当前按钮
+   * @param newIsDisable
+   */
+  setIsDisable(newIsDisable) {
+    this.isDisable = newIsDisable;
+    if (newIsDisable) {
+      var _this$button;
+      (_this$button = this.button) === null || _this$button === void 0 || _this$button.setAttribute('disabled', 'true');
+    } else {
+      var _this$button2;
+      (_this$button2 = this.button) === null || _this$button2 === void 0 || _this$button2.removeAttribute('disabled');
     }
-  }, {
-    key: "onAdd",
-    value: function onAdd() {
-      this.button = this.createButton();
-      this.isDisable = false;
-      var _this$controlOption = this.controlOption,
-        title = _this$controlOption.title,
-        btnText = _this$controlOption.btnText,
-        btnIcon = _this$controlOption.btnIcon;
+  }
+  createButton(className = '') {
+    return _l7Utils.DOM.create('button', `l7-button-control ${className}`);
+  }
+  onAdd() {
+    this.button = this.createButton();
+    this.isDisable = false;
+    const {
+      title,
+      btnText,
+      btnIcon
+    } = this.controlOption;
+    this.setBtnTitle(title);
+    this.setBtnText(btnText);
+    this.setBtnIcon(btnIcon);
+    return this.button;
+  }
+  onRemove() {
+    this.button = this.buttonIcon = this.buttonText = undefined;
+    this.isDisable = false;
+  }
+
+  /**
+   * 更新配置方法
+   * @param newOptions
+   */
+  setOptions(newOptions) {
+    const {
+      title,
+      btnText,
+      btnIcon
+    } = newOptions;
+    if (this.checkUpdateOption(newOptions, ['title'])) {
       this.setBtnTitle(title);
-      this.setBtnText(btnText);
+    }
+    if (this.checkUpdateOption(newOptions, ['btnIcon'])) {
       this.setBtnIcon(btnIcon);
-      return this.button;
     }
-  }, {
-    key: "onRemove",
-    value: function onRemove() {
-      this.button = this.buttonIcon = this.buttonText = undefined;
-      this.isDisable = false;
+    if (this.checkUpdateOption(newOptions, ['btnText'])) {
+      this.setBtnText(btnText);
     }
+    super.setOptions(newOptions);
+  }
 
-    /**
-     * 更新配置方法
-     * @param newOptions
-     */
-  }, {
-    key: "setOptions",
-    value: function setOptions(newOptions) {
-      var title = newOptions.title,
-        btnText = newOptions.btnText,
-        btnIcon = newOptions.btnIcon;
-      if (this.checkUpdateOption(newOptions, ['title'])) {
-        this.setBtnTitle(title);
-      }
-      if (this.checkUpdateOption(newOptions, ['btnIcon'])) {
-        this.setBtnIcon(btnIcon);
-      }
-      if (this.checkUpdateOption(newOptions, ['btnText'])) {
-        this.setBtnText(btnText);
-      }
-      (0, _get2.default)((0, _getPrototypeOf2.default)(ButtonControl.prototype), "setOptions", this).call(this, newOptions);
-    }
+  /**
+   * 设置按钮 title
+   * @param title
+   */
+  setBtnTitle(title) {
+    var _this$button3;
+    (_this$button3 = this.button) === null || _this$button3 === void 0 || _this$button3.setAttribute('title', title !== null && title !== void 0 ? title : '');
+  }
 
-    /**
-     * 设置按钮 title
-     * @param title
-     */
-  }, {
-    key: "setBtnTitle",
-    value: function setBtnTitle(title) {
-      var _this$button3;
-      (_this$button3 = this.button) === null || _this$button3 === void 0 || _this$button3.setAttribute('title', title !== null && title !== void 0 ? title : '');
+  /**
+   * 设置按钮 Icon
+   * @param newIcon
+   */
+  setBtnIcon(newIcon) {
+    if (this.buttonIcon) {
+      _l7Utils.DOM.remove(this.buttonIcon);
     }
-
-    /**
-     * 设置按钮 Icon
-     * @param newIcon
-     */
-  }, {
-    key: "setBtnIcon",
-    value: function setBtnIcon(newIcon) {
-      if (this.buttonIcon) {
-        _l7Utils.DOM.remove(this.buttonIcon);
-      }
-      if (newIcon) {
-        var _this$button4;
-        var firstChild = (_this$button4 = this.button) === null || _this$button4 === void 0 ? void 0 : _this$button4.firstChild;
-        if (firstChild) {
-          var _this$button5;
-          (_this$button5 = this.button) === null || _this$button5 === void 0 || _this$button5.insertBefore(newIcon, firstChild);
-        } else {
-          var _this$button6;
-          (_this$button6 = this.button) === null || _this$button6 === void 0 || _this$button6.appendChild(newIcon);
-        }
-        this.buttonIcon = newIcon;
+    if (newIcon) {
+      var _this$button4;
+      const firstChild = (_this$button4 = this.button) === null || _this$button4 === void 0 ? void 0 : _this$button4.firstChild;
+      if (firstChild) {
+        var _this$button5;
+        (_this$button5 = this.button) === null || _this$button5 === void 0 || _this$button5.insertBefore(newIcon, firstChild);
+      } else {
+        var _this$button6;
+        (_this$button6 = this.button) === null || _this$button6 === void 0 || _this$button6.appendChild(newIcon);
       }
+      this.buttonIcon = newIcon;
     }
+  }
 
-    /**
-     * 设置按钮文本
-     * @param newText
-     */
-  }, {
-    key: "setBtnText",
-    value: function setBtnText(newText) {
-      if (!this.button) {
-        return;
-      }
-      _l7Utils.DOM.removeClass(this.button, 'l7-button-control--row');
-      _l7Utils.DOM.removeClass(this.button, 'l7-button-control--column');
-      if (newText) {
-        var btnText = this.buttonText;
-        if (!btnText) {
-          var _this$button7;
-          btnText = _l7Utils.DOM.create('div', 'l7-button-control__text');
-          (_this$button7 = this.button) === null || _this$button7 === void 0 || _this$button7.appendChild(btnText);
-          this.buttonText = btnText;
-        }
-        btnText.innerText = newText;
-        _l7Utils.DOM.addClass(this.button, this.controlOption.vertical ? 'l7-button-control--column' : 'l7-button-control--row');
-      } else if (!newText && this.buttonText) {
-        _l7Utils.DOM.remove(this.buttonText);
-        this.buttonText = undefined;
+  /**
+   * 设置按钮文本
+   * @param newText
+   */
+  setBtnText(newText) {
+    if (!this.button) {
+      return;
+    }
+    _l7Utils.DOM.removeClass(this.button, 'l7-button-control--row');
+    _l7Utils.DOM.removeClass(this.button, 'l7-button-control--column');
+    if (newText) {
+      let btnText = this.buttonText;
+      if (!btnText) {
+        var _this$button7;
+        btnText = _l7Utils.DOM.create('div', 'l7-button-control__text');
+        (_this$button7 = this.button) === null || _this$button7 === void 0 || _this$button7.appendChild(btnText);
+        this.buttonText = btnText;
       }
+      btnText.innerText = newText;
+      _l7Utils.DOM.addClass(this.button, this.controlOption.vertical ? 'l7-button-control--column' : 'l7-button-control--row');
+    } else if (!newText && this.buttonText) {
+      _l7Utils.DOM.remove(this.buttonText);
+      this.buttonText = undefined;
     }
-  }]);
-  return ButtonControl;
-}(_control.default);
+  }
+}
+exports.default = exports.ButtonControl = ButtonControl;

package/lib/control/baseControl/control.d.ts

@@ -0,0 +1,112 @@
+import type { IControl, IControlService, IGlobalConfigService, ILayerService, IMapService, IRendererService, ISceneService, L7Container, PositionName } from '@antv/l7-core';
+import { PositionType } from '@antv/l7-core';
+import EventEmitter from 'eventemitter3';
+import type { ControlEvent } from '../../interface';
+export { PositionType } from '@antv/l7-core';
+export { Control };
+export interface IControlOption {
+    name: string;
+    position: PositionName | Element;
+    className?: string;
+    style?: string;
+}
+export default class Control<O extends IControlOption = IControlOption> extends EventEmitter<ControlEvent> implements IControl<O> {
+    /**
+     * 当前类型控件实例个数
+     * @protected
+     */
+    protected static controlCount: number;
+    /**
+     * 当前控件实例配置
+     */
+    controlOption: O;
+    /**
+     * 控件的 DOM 容器
+     * @protected
+     */
+    protected container: HTMLElement;
+    /**
+     * 当前控件是否显示
+     * @protected
+     */
+    protected isShow: boolean;
+    protected sceneContainer: L7Container;
+    protected scene: ISceneService;
+    protected mapsService: IMapService;
+    protected renderService: IRendererService;
+    protected layerService: ILayerService;
+    protected controlService: IControlService;
+    protected configService: IGlobalConfigService;
+    constructor(option?: Partial<O>);
+    getOptions(): O;
+    /**
+     * 更新配置的方法，子类如果有自己的配置，也需要重写该方法
+     * @param newOptions
+     */
+    setOptions(newOptions: Partial<O>): void;
+    /**
+     * 当 Control 被添加至 Scene 中，被 controlService 调用的方法
+     * @param sceneContainer
+     */
+    addTo(sceneContainer: L7Container): this;
+    /**
+     * 将控件移除时触发
+     */
+    remove(): this | undefined;
+    /**
+     * Control 被添加的时候被调用，返回 Control 对应的 DOM 容器
+     */
+    onAdd(): HTMLElement;
+    /**
+     * Control 被移除时调用
+     */
+    onRemove(): void;
+    /**
+     * 显示控件时触发
+     */
+    show(): void;
+    /**
+     * 隐藏控件时触发
+     */
+    hide(): void;
+    /**
+     * 获取默认构造器参数
+     */
+    getDefault(option?: Partial<O>): O;
+    /**
+     * 获取当前控件对应的 DOM 容器
+     */
+    getContainer(): HTMLElement;
+    /**
+     * 获取当前 Control 是否展示
+     */
+    getIsShow(): boolean;
+    _refocusOnMap(e: MouseEvent): void;
+    /**
+     * 设置当前控件位置
+     * @param position
+     */
+    setPosition(position?: PositionType | IControlOption['position']): this;
+    /**
+     * 设置容器 container 的样式相关位置，包含 className
+     * @param className
+     */
+    setClassName(className?: string | null): void;
+    /**
+     * 设置容器 container 的样式相关位置，包含 style
+     * @param style
+     */
+    setStyle(style?: string | null): void;
+    /**
+     * 将控件 DOM 插入到对应 position 的容器中
+     * @protected
+     */
+    protected insertContainer(): void;
+    /**
+     * 检查当前传入 option 是否包含 keys 字段
+     * @param option
+     * @param keys
+     * @protected
+     */
+    protected checkUpdateOption(option: Partial<O>, keys: Array<keyof O>): boolean;
+}