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

package/lib/control/baseControl/control.js

@@ -1,172 +1,333 @@
-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 });
+"use strict";
+
+var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.Control = void 0;
+Object.defineProperty(exports, "IControlOption", {
+  enumerable: true,
+  get: function get() {
+    return _l7Core.IControlOption;
   }
-  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/baseControl/control.ts
-var control_exports = {};
-__export(control_exports, {
-  Control: () => Control,
-  PositionType: () => import_l7_core2.PositionType,
-  default: () => Control
 });
-module.exports = __toCommonJS(control_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_l7_utils = require("@antv/l7-utils");
-var import_eventemitter3 = __toESM(require("eventemitter3"));
-var import_l7_core2 = require("@antv/l7-core");
-var _Control = class extends import_eventemitter3.default {
-  constructor(option) {
-    super();
-    _Control.controlCount++;
-    this.controlOption = {
-      ...this.getDefault(option),
-      ...option || {}
-    };
+Object.defineProperty(exports, "PositionType", {
+  enumerable: true,
+  get: function get() {
+    return _l7Core.PositionType;
   }
-  getOptions() {
-    return this.controlOption;
+});
+exports.default = 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 _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 _l7Core = require("@antv/l7-core");
+
+var _l7Utils = require("@antv/l7-utils");
+
+var _eventemitter = _interopRequireDefault(require("eventemitter3"));
+
+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 Control = /*#__PURE__*/function (_ref) {
+  (0, _inherits2.default)(Control, _ref);
+
+  var _super = _createSuper(Control);
+
+  /**
+   * 当前类型控件实例个数
+   * @protected
+   */
+  function Control(option) {
+    var _this;
+
+    (0, _classCallCheck2.default)(this, Control);
+    _this = _super.call(this);
+    Control.controlCount++;
+    _this.controlOption = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, _this.getDefault(option)), option || {});
+    return _this;
   }
-  setOptions(newOptions) {
-    if ("position" in newOptions) {
-      this.setPosition(newOptions.position);
-    }
-    if ("className" in newOptions) {
-      this.setClassName(newOptions.className);
+
+  (0, _createClass2.default)(Control, [{
+    key: "getOptions",
+    value: function getOptions() {
+      return this.controlOption;
     }
-    if ("style" in newOptions) {
-      this.setStyle(newOptions.style);
+    /**
+     * 更新配置的方法，子类如果有自己的配置，也需要重写该方法
+     * @param newOptions
+     */
+
+  }, {
+    key: "setOptions",
+    value: function setOptions(newOptions) {
+      if ('position' in newOptions) {
+        this.setPosition(newOptions.position);
+      }
+
+      if ('className' in newOptions) {
+        this.setClassName(newOptions.className);
+      }
+
+      if ('style' in newOptions) {
+        this.setStyle(newOptions.style);
+      }
+
+      this.controlOption = (0, _objectSpread2.default)((0, _objectSpread2.default)({}, this.controlOption), newOptions);
     }
-    this.controlOption = {
-      ...this.controlOption,
-      ...newOptions
-    };
-  }
-  addTo(sceneContainer) {
-    this.mapsService = sceneContainer.get(import_l7_core.TYPES.IMapService);
-    this.renderService = sceneContainer.get(import_l7_core.TYPES.IRendererService);
-    this.layerService = sceneContainer.get(import_l7_core.TYPES.ILayerService);
-    this.controlService = sceneContainer.get(import_l7_core.TYPES.IControlService);
-    this.configService = sceneContainer.get(import_l7_core.TYPES.IGlobalConfigService);
-    this.scene = sceneContainer.get(import_l7_core.TYPES.ISceneService);
-    this.sceneContainer = sceneContainer;
-    this.isShow = true;
-    this.container = this.onAdd();
-    import_l7_utils.DOM.addClass(this.container, "l7-control");
-    const { className, style } = this.controlOption;
-    if (className) {
-      this.setClassName(className);
-    }
-    if (style) {
-      this.setStyle(style);
-    }
-    this.insertContainer();
-    this.emit("add", this);
-    return this;
-  }
-  remove() {
-    if (!this.mapsService) {
+    /**
+     * 当 Control 被添加至 Scene 中，被 controlService 调用的方法
+     * @param sceneContainer
+     */
+
+  }, {
+    key: "addTo",
+    value: function addTo(sceneContainer) {
+      // 初始化各个 Service 实例
+      this.mapsService = sceneContainer.get(_l7Core.TYPES.IMapService);
+      this.renderService = sceneContainer.get(_l7Core.TYPES.IRendererService);
+      this.layerService = sceneContainer.get(_l7Core.TYPES.ILayerService);
+      this.controlService = sceneContainer.get(_l7Core.TYPES.IControlService);
+      this.configService = sceneContainer.get(_l7Core.TYPES.IGlobalConfigService);
+      this.scene = sceneContainer.get(_l7Core.TYPES.ISceneService);
+      this.sceneContainer = sceneContainer;
+      this.isShow = true; // 初始化 container
+
+      this.container = this.onAdd();
+
+      _l7Utils.DOM.addClass(this.container, 'l7-control');
+
+      var _this$controlOption = this.controlOption,
+          className = _this$controlOption.className,
+          style = _this$controlOption.style;
+
+      if (className) {
+        this.setClassName(className);
+      }
+
+      if (style) {
+        this.setStyle(style);
+      } // 将 container 插入容器中
+
+
+      this.insertContainer();
+      this.emit('add', this);
       return this;
     }
-    import_l7_utils.DOM.remove(this.container);
-    this.onRemove();
-    this.emit("remove", this);
-  }
-  show() {
-    const container = this.container;
-    import_l7_utils.DOM.removeClass(container, "l7-control--hide");
-    this.isShow = true;
-    this.emit("show", this);
-  }
-  hide() {
-    const container = this.container;
-    import_l7_utils.DOM.addClass(container, "l7-control--hide");
-    this.isShow = false;
-    this.emit("hide", this);
-  }
-  getDefault(option) {
-    return {
-      position: import_l7_core.PositionType.TOPRIGHT,
-      name: `${_Control.controlCount}`
-    };
-  }
-  getContainer() {
-    return this.container;
-  }
-  getIsShow() {
-    return this.isShow;
-  }
-  _refocusOnMap(e) {
-    if (this.mapsService && e && e.screenX > 0 && e.screenY > 0) {
-      const container = this.mapsService.getContainer();
-      if (container !== null) {
-        container.focus();
+    /**
+     * 将控件移除时触发
+     */
+
+  }, {
+    key: "remove",
+    value: function remove() {
+      if (!this.mapsService) {
+        return this;
       }
+
+      _l7Utils.DOM.remove(this.container);
+
+      this.onRemove();
+      this.emit('remove', this);
     }
-  }
-  setPosition(position = import_l7_core.PositionType.TOPLEFT) {
-    const controlService = this.controlService;
-    if (controlService) {
-      controlService.removeControl(this);
+    /**
+     * Control 被添加的时候被调用，返回 Control 对应的 DOM 容器
+     */
+
+  }, {
+    key: "onAdd",
+    value: function onAdd() {
+      return _l7Utils.DOM.create('div');
+    }
+    /**
+     * Control 被移除时调用
+     */
+    // tslint:disable-next-line:no-empty
+
+  }, {
+    key: "onRemove",
+    value: function onRemove() {}
+    /**
+     * 显示控件时触发
+     */
+
+  }, {
+    key: "show",
+    value: function show() {
+      var container = this.container;
+
+      _l7Utils.DOM.removeClass(container, 'l7-control--hide');
+
+      this.isShow = true;
+      this.emit('show', this);
     }
-    this.controlOption.position = position;
-    if (controlService) {
-      controlService.addControl(this, this.sceneContainer);
+    /**
+     * 隐藏控件时触发
+     */
+
+  }, {
+    key: "hide",
+    value: function hide() {
+      var container = this.container;
+
+      _l7Utils.DOM.addClass(container, 'l7-control--hide');
+
+      this.isShow = false;
+      this.emit('hide', this);
     }
-    return this;
-  }
-  setClassName(className) {
-    const container = this.container;
-    const { className: oldClassName } = this.controlOption;
-    if (oldClassName) {
-      import_l7_utils.DOM.removeClass(container, oldClassName);
+    /**
+     * 获取默认构造器参数
+     */
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+
+  }, {
+    key: "getDefault",
+    value: function getDefault(option) {
+      // tslint:disable-next-line:no-object-literal-type-assertion
+      return {
+        position: _l7Core.PositionType.TOPRIGHT,
+        name: "".concat(Control.controlCount)
+      };
     }
-    if (className) {
-      import_l7_utils.DOM.addClass(container, className);
+    /**
+     * 获取当前控件对应的 DOM 容器
+     */
+
+  }, {
+    key: "getContainer",
+    value: function getContainer() {
+      return this.container;
     }
-  }
-  setStyle(style) {
-    const container = this.container;
-    if (style) {
-      container.setAttribute("style", style);
-    } else {
-      container.removeAttribute("style");
+    /**
+     * 获取当前 Control 是否展示
+     */
+
+  }, {
+    key: "getIsShow",
+    value: function getIsShow() {
+      return this.isShow;
     }
-  }
-  insertContainer() {
-    const container = this.container;
-    const position = this.controlOption.position;
-    const corner = this.controlService.controlCorners[position];
-    if (position.indexOf("bottom") !== -1) {
-      corner.insertBefore(container, corner.firstChild);
-    } else {
-      corner.appendChild(container);
+  }, {
+    key: "_refocusOnMap",
+    value: function _refocusOnMap(e) {
+      // if map exists and event is not a keyboard event
+      if (this.mapsService && e && e.screenX > 0 && e.screenY > 0) {
+        var container = this.mapsService.getContainer();
+
+        if (container !== null) {
+          container.focus();
+        }
+      }
     }
-  }
-  checkUpdateOption(option, keys) {
-    return keys.some((key) => key in option);
-  }
-};
-var Control = _Control;
-Control.controlCount = 0;
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {
-  Control,
-  PositionType
-});
+    /**
+     * 设置当前控件位置
+     * @param position
+     */
+
+  }, {
+    key: "setPosition",
+    value: function setPosition() {
+      var position = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : _l7Core.PositionType.TOPLEFT;
+      // 考虑组件的自动布局，需要销毁重建
+      var controlService = this.controlService;
+
+      if (controlService) {
+        controlService.removeControl(this);
+      }
+
+      this.controlOption.position = position;
+
+      if (controlService) {
+        controlService.addControl(this, this.sceneContainer);
+      }
+
+      return this;
+    }
+    /**
+     * 设置容器 container 的样式相关位置，包含 className
+     * @param className
+     */
+
+  }, {
+    key: "setClassName",
+    value: function setClassName(className) {
+      var container = this.container;
+      var oldClassName = this.controlOption.className;
+
+      if (oldClassName) {
+        _l7Utils.DOM.removeClass(container, oldClassName);
+      }
+
+      if (className) {
+        _l7Utils.DOM.addClass(container, className);
+      }
+    }
+    /**
+     * 设置容器 container 的样式相关位置，包含 style
+     * @param style
+     */
+
+  }, {
+    key: "setStyle",
+    value: function setStyle(style) {
+      var container = this.container;
+
+      if (style) {
+        container.setAttribute('style', style);
+      } else {
+        container.removeAttribute('style');
+      }
+    }
+    /**
+     * 将控件 DOM 插入到对应 position 的容器中
+     * @protected
+     */
+
+  }, {
+    key: "insertContainer",
+    value: function insertContainer() {
+      var container = this.container;
+      var position = this.controlOption.position;
+      var corner = this.controlService.controlCorners[position];
+
+      if (position.indexOf('bottom') !== -1) {
+        corner.insertBefore(container, corner.firstChild);
+      } else {
+        corner.appendChild(container);
+      }
+    }
+    /**
+     * 检查当前传入 option 是否包含 keys 字段
+     * @param option
+     * @param keys
+     * @protected
+     */
+
+  }, {
+    key: "checkUpdateOption",
+    value: function checkUpdateOption(option, keys) {
+      return keys.some(function (key) {
+        return key in option;
+      });
+    }
+  }]);
+  return Control;
+}(_eventemitter.default);
+
+exports.default = exports.Control = Control;
+(0, _defineProperty2.default)(Control, "controlCount", 0);

package/lib/control/baseControl/index.js

@@ -1,22 +1,57 @@
-var __defProp = Object.defineProperty;
-var __getOwnPropDesc = Object.getOwnPropertyDescriptor;
-var __getOwnPropNames = Object.getOwnPropertyNames;
-var __hasOwnProp = Object.prototype.hasOwnProperty;
-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 __reExport = (target, mod, secondTarget) => (__copyProps(target, mod, "default"), secondTarget && __copyProps(secondTarget, mod, "default"));
-var __toCommonJS = (mod) => __copyProps(__defProp({}, "__esModule", { value: true }), mod);
-
-// src/control/baseControl/index.ts
-var baseControl_exports = {};
-module.exports = __toCommonJS(baseControl_exports);
-__reExport(baseControl_exports, require("./control"), module.exports);
-__reExport(baseControl_exports, require("./buttonControl"), module.exports);
-__reExport(baseControl_exports, require("./popperControl"), module.exports);
-__reExport(baseControl_exports, require("./selectControl"), module.exports);
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+
+var _control = require("./control");
+
+Object.keys(_control).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _control[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _control[key];
+    }
+  });
+});
+
+var _buttonControl = require("./buttonControl");
+
+Object.keys(_buttonControl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _buttonControl[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _buttonControl[key];
+    }
+  });
+});
+
+var _popperControl = require("./popperControl");
+
+Object.keys(_popperControl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _popperControl[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _popperControl[key];
+    }
+  });
+});
+
+var _selectControl = require("./selectControl");
+
+Object.keys(_selectControl).forEach(function (key) {
+  if (key === "default" || key === "__esModule") return;
+  if (key in exports && exports[key] === _selectControl[key]) return;
+  Object.defineProperty(exports, key, {
+    enumerable: true,
+    get: function get() {
+      return _selectControl[key];
+    }
+  });
+});