@antv/l7-component 2.5.37-mini3 → 2.5.40

package/es/popup.js

@@ -0,0 +1,316 @@
+import _classCallCheck from "@babel/runtime/helpers/classCallCheck";
+import _createClass from "@babel/runtime/helpers/createClass";
+import _assertThisInitialized from "@babel/runtime/helpers/assertThisInitialized";
+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 ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+
+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 { TYPES } from '@antv/l7-core';
+import { anchorTranslate, anchorType, applyAnchorClass, bindAll, DOM } from '@antv/l7-utils';
+import { EventEmitter } from 'eventemitter3';
+
+var Popup = function (_EventEmitter) {
+  _inherits(Popup, _EventEmitter);
+
+  var _super = _createSuper(Popup);
+
+  function Popup(cfg) {
+    var _this;
+
+    _classCallCheck(this, Popup);
+
+    _this = _super.call(this);
+
+    _defineProperty(_assertThisInitialized(_this), "popupOption", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "mapsService", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "sceneSerive", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "lngLat", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "content", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "closeButton", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "timeoutInstance", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "container", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "tip", void 0);
+
+    _defineProperty(_assertThisInitialized(_this), "scene", void 0);
+
+    _this.popupOption = _objectSpread(_objectSpread({}, _this.getdefault()), cfg);
+    bindAll(['update', 'onClickClose', 'remove'], _assertThisInitialized(_this));
+    return _this;
+  }
+
+  _createClass(Popup, [{
+    key: "addTo",
+    value: function addTo(scene) {
+      var _this2 = this;
+
+      this.mapsService = scene.get(TYPES.IMapService);
+      this.sceneSerive = scene.get(TYPES.ISceneService);
+      this.mapsService.on('camerachange', this.update);
+      this.mapsService.on('viewchange', this.update);
+      this.scene = scene;
+      this.update();
+
+      if (this.popupOption.closeOnClick) {
+        this.timeoutInstance = setTimeout(function () {
+          _this2.mapsService.on('click', _this2.onClickClose);
+        }, 30);
+      }
+
+      this.emit('open');
+      return this;
+    }
+  }, {
+    key: "close",
+    value: function close() {
+      this.remove();
+    }
+  }, {
+    key: "open",
+    value: function open() {
+      this.addTo(this.scene);
+    }
+  }, {
+    key: "setHTML",
+    value: function setHTML(html) {
+      var frag = window.document.createDocumentFragment();
+      var temp = window.document.createElement('body');
+      var child;
+      temp.innerHTML = html;
+
+      while (true) {
+        child = temp.firstChild;
+
+        if (!child) {
+          break;
+        }
+
+        frag.appendChild(child);
+      }
+
+      return this.setDOMContent(frag);
+    }
+  }, {
+    key: "setLnglat",
+    value: function setLnglat(lngLat) {
+      this.lngLat = lngLat;
+
+      if (Array.isArray(lngLat)) {
+        this.lngLat = {
+          lng: lngLat[0],
+          lat: lngLat[1]
+        };
+      }
+
+      if (this.mapsService) {
+        this.mapsService.on('camerachange', this.update);
+        this.mapsService.on('viewchange', this.update);
+      }
+
+      this.update();
+      return this;
+    }
+  }, {
+    key: "getLnglat",
+    value: function getLnglat() {
+      return this.lngLat;
+    }
+  }, {
+    key: "setText",
+    value: function setText(text) {
+      return this.setDOMContent(window.document.createTextNode(text));
+    }
+  }, {
+    key: "setMaxWidth",
+    value: function setMaxWidth(maxWidth) {
+      this.popupOption.maxWidth = maxWidth;
+      this.update();
+      return this;
+    }
+  }, {
+    key: "setDOMContent",
+    value: function setDOMContent(htmlNode) {
+      this.createContent();
+      this.content.appendChild(htmlNode);
+      this.update();
+      return this;
+    }
+  }, {
+    key: "remove",
+    value: function remove() {
+      if (this.content) {
+        this.removeDom(this.content);
+      }
+
+      if (this.container) {
+        this.removeDom(this.container);
+        delete this.container;
+      }
+
+      if (this.mapsService) {
+        this.mapsService.off('camerachange', this.update);
+        this.mapsService.off('viewchange', this.update);
+        this.mapsService.off('click', this.onClickClose);
+        delete this.mapsService;
+      }
+
+      clearTimeout(this.timeoutInstance);
+      this.emit('close');
+      return this;
+    }
+  }, {
+    key: "isOpen",
+    value: function isOpen() {
+      return !!this.mapsService;
+    }
+  }, {
+    key: "createContent",
+    value: function createContent() {
+      if (this.content) {
+        DOM.remove(this.content);
+      }
+
+      this.content = DOM.create('div', 'l7-popup-content', this.container);
+
+      if (this.popupOption.closeButton) {
+        this.closeButton = DOM.create('button', 'l7-popup-close-button', this.content);
+
+        if (this.popupOption.closeButtonOffsets) {
+          this.closeButton.style.right = this.popupOption.closeButtonOffsets[0] + 'px';
+          this.closeButton.style.top = this.popupOption.closeButtonOffsets[1] + 'px';
+        }
+
+        this.closeButton.setAttribute('aria-label', 'Close popup');
+        this.closeButton.innerHTML = '&#215;';
+        this.closeButton.addEventListener('click', this.onClickClose);
+      }
+    }
+  }, {
+    key: "creatDom",
+    value: function creatDom(tagName, className, container) {
+      var el = window.document.createElement(tagName);
+
+      if (className !== undefined) {
+        el.className = className;
+      }
+
+      if (container) {
+        container.appendChild(el);
+      }
+
+      return el;
+    }
+  }, {
+    key: "removeDom",
+    value: function removeDom(node) {
+      if (node.parentNode) {
+        node.parentNode.removeChild(node);
+      }
+    }
+  }, {
+    key: "getdefault",
+    value: function getdefault() {
+      return {
+        closeButton: true,
+        closeOnClick: true,
+        maxWidth: '240px',
+        offsets: [0, 0],
+        anchor: anchorType.BOTTOM,
+        className: '',
+        stopPropagation: true
+      };
+    }
+  }, {
+    key: "onClickClose",
+    value: function onClickClose(e) {
+      if (e.stopPropagation) {
+        e.stopPropagation();
+      }
+
+      this.remove();
+    }
+  }, {
+    key: "update",
+    value: function update() {
+      var _this3 = this;
+
+      var hasPosition = this.lngLat;
+      var _this$popupOption = this.popupOption,
+          className = _this$popupOption.className,
+          maxWidth = _this$popupOption.maxWidth,
+          anchor = _this$popupOption.anchor;
+
+      if (!this.mapsService || !hasPosition || !this.content) {
+        return;
+      }
+
+      var popupContainer = this.mapsService.getMarkerContainer();
+
+      if (!this.container && popupContainer) {
+        this.container = this.creatDom('div', 'l7-popup', popupContainer);
+        this.tip = this.creatDom('div', 'l7-popup-tip', this.container);
+        this.container.appendChild(this.content);
+
+        if (className) {
+          className.split(' ').forEach(function (name) {
+            return _this3.container.classList.add(name);
+          });
+        }
+
+        var stopPropagation = this.popupOption.stopPropagation;
+
+        if (stopPropagation) {
+          ['mousemove', 'mousedown', 'mouseup', 'click', 'dblclick'].forEach(function (type) {
+            _this3.container.addEventListener(type, function (e) {
+              e.stopPropagation();
+            });
+          });
+        }
+      }
+
+      if (maxWidth && this.container.style.maxWidth !== maxWidth) {
+        this.container.style.maxWidth = maxWidth;
+      }
+
+      this.updatePosition();
+      DOM.setTransform(this.container, "".concat(anchorTranslate[anchor]));
+      applyAnchorClass(this.container, anchor, 'popup');
+    }
+  }, {
+    key: "updatePosition",
+    value: function updatePosition() {
+      if (!this.mapsService) {
+        return;
+      }
+
+      var _this$lngLat = this.lngLat,
+          lng = _this$lngLat.lng,
+          lat = _this$lngLat.lat;
+      var offsets = this.popupOption.offsets;
+      var pos = this.mapsService.lngLatToContainer([lng, lat]);
+      this.container.style.left = pos.x + offsets[0] + 'px';
+      this.container.style.top = pos.y - offsets[1] + 'px';
+    }
+  }]);
+
+  return Popup;
+}(EventEmitter);
+
+export { Popup as default };
+//# sourceMappingURL=popup.js.map

package/es/popup.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../src/popup.ts"],"names":["TYPES","anchorTranslate","anchorType","applyAnchorClass","bindAll","DOM","EventEmitter","Popup","cfg","popupOption","getdefault","scene","mapsService","get","IMapService","sceneSerive","ISceneService","on","update","closeOnClick","timeoutInstance","setTimeout","onClickClose","emit","remove","addTo","html","frag","window","document","createDocumentFragment","temp","createElement","child","innerHTML","firstChild","appendChild","setDOMContent","lngLat","Array","isArray","lng","lat","text","createTextNode","maxWidth","htmlNode","createContent","content","removeDom","container","off","clearTimeout","create","closeButton","closeButtonOffsets","style","right","top","setAttribute","addEventListener","tagName","className","el","undefined","node","parentNode","removeChild","offsets","anchor","BOTTOM","stopPropagation","e","hasPosition","popupContainer","getMarkerContainer","creatDom","tip","split","forEach","name","classList","add","type","updatePosition","setTransform","pos","lngLatToContainer","left","x","y"],"mappings":"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","sourcesContent":["import {\n  ILngLat,\n  IMapService,\n  IPoint,\n  IPopup,\n  IPopupOption,\n  ISceneService,\n  TYPES,\n} from '@antv/l7-core';\nimport {\n  anchorTranslate,\n  anchorType,\n  applyAnchorClass,\n  bindAll,\n  DOM,\n} from '@antv/l7-utils';\nimport { EventEmitter } from 'eventemitter3';\nimport { Container } from 'inversify';\n\n/** colse event */\n\nexport default class Popup extends EventEmitter implements IPopup {\n  private popupOption: IPopupOption;\n  private mapsService: IMapService<unknown>;\n  private sceneSerive: ISceneService;\n  private lngLat: ILngLat;\n  private content: HTMLElement;\n  private closeButton: HTMLElement;\n  private timeoutInstance: any;\n  private container: HTMLElement;\n  private tip: HTMLElement;\n  private scene: Container;\n\n  constructor(cfg?: Partial<IPopupOption>) {\n    super();\n    this.popupOption = {\n      ...this.getdefault(),\n      ...cfg,\n    };\n    bindAll(['update', 'onClickClose', 'remove'], this);\n  }\n\n  public addTo(scene: Container) {\n    this.mapsService = scene.get<IMapService>(TYPES.IMapService);\n    this.sceneSerive = scene.get<ISceneService>(TYPES.ISceneService);\n    this.mapsService.on('camerachange', this.update);\n    this.mapsService.on('viewchange', this.update);\n    this.scene = scene;\n    this.update();\n    if (this.popupOption.closeOnClick) {\n      this.timeoutInstance = setTimeout(() => {\n        this.mapsService.on('click', this.onClickClose);\n      }, 30);\n    }\n    this.emit('open');\n    return this;\n  }\n\n  public close(): void {\n    this.remove();\n  }\n\n  public open(): void {\n    this.addTo(this.scene);\n  }\n\n  public setHTML(html: string) {\n    const frag = window.document.createDocumentFragment();\n    const temp = window.document.createElement('body');\n    let child: ChildNode | null;\n    temp.innerHTML = html;\n    while (true) {\n      child = temp.firstChild;\n      if (!child) {\n        break;\n      }\n      frag.appendChild(child);\n    }\n\n    return this.setDOMContent(frag);\n  }\n\n  public setLnglat(lngLat: ILngLat | number[]): this {\n    this.lngLat = lngLat as ILngLat;\n    if (Array.isArray(lngLat)) {\n      this.lngLat = {\n        lng: lngLat[0],\n        lat: lngLat[1],\n      };\n    }\n    if (this.mapsService) {\n      this.mapsService.on('camerachange', this.update);\n      this.mapsService.on('viewchange', this.update);\n    }\n    this.update();\n    return this;\n  }\n  public getLnglat(): ILngLat {\n    return this.lngLat;\n  }\n  public setText(text: string) {\n    return this.setDOMContent(window.document.createTextNode(text));\n  }\n\n  public setMaxWidth(maxWidth: string): this {\n    this.popupOption.maxWidth = maxWidth;\n    this.update();\n    return this;\n  }\n\n  public setDOMContent(htmlNode: ChildNode | DocumentFragment) {\n    this.createContent();\n    this.content.appendChild(htmlNode);\n    this.update();\n    return this;\n  }\n\n  // 移除popup\n  public remove() {\n    if (this.content) {\n      this.removeDom(this.content);\n    }\n\n    if (this.container) {\n      this.removeDom(this.container);\n      // @ts-ignore\n      delete this.container;\n    }\n    if (this.mapsService) {\n      // TODO: mapbox AMap 事件同步\n      this.mapsService.off('camerachange', this.update);\n      this.mapsService.off('viewchange', this.update);\n      this.mapsService.off('click', this.onClickClose);\n      // @ts-ignore\n      delete this.mapsService;\n    }\n    clearTimeout(this.timeoutInstance);\n    this.emit('close');\n    return this;\n  }\n  public isOpen() {\n    return !!this.mapsService;\n  }\n\n  private createContent() {\n    if (this.content) {\n      DOM.remove(this.content);\n    }\n    this.content = DOM.create('div', 'l7-popup-content', this.container);\n    if (this.popupOption.closeButton) {\n      this.closeButton = DOM.create(\n        'button',\n        'l7-popup-close-button',\n        this.content,\n      );\n\n      if (this.popupOption.closeButtonOffsets) {\n        // 关闭按钮的偏移\n        this.closeButton.style.right =\n          this.popupOption.closeButtonOffsets[0] + 'px';\n        this.closeButton.style.top =\n          this.popupOption.closeButtonOffsets[1] + 'px';\n      }\n\n      // this.closeButton.type = 'button';\n      this.closeButton.setAttribute('aria-label', 'Close popup');\n      this.closeButton.innerHTML = '&#215;';\n      this.closeButton.addEventListener('click', this.onClickClose);\n    }\n  }\n\n  private creatDom(tagName: string, className: string, container: HTMLElement) {\n    const el = window.document.createElement(tagName);\n    if (className !== undefined) {\n      el.className = className;\n    }\n    if (container) {\n      container.appendChild(el);\n    }\n    return el;\n  }\n\n  private removeDom(node: ChildNode) {\n    if (node.parentNode) {\n      node.parentNode.removeChild(node);\n    }\n  }\n\n  private getdefault() {\n    return {\n      closeButton: true,\n      closeOnClick: true,\n      maxWidth: '240px',\n      offsets: [0, 0],\n      anchor: anchorType.BOTTOM,\n      className: '',\n      stopPropagation: true,\n    };\n  }\n\n  private onClickClose(e: Event) {\n    if (e.stopPropagation) {\n      e.stopPropagation();\n    }\n    this.remove();\n  }\n\n  private update() {\n    const hasPosition = this.lngLat;\n    const { className, maxWidth, anchor } = this.popupOption;\n    if (!this.mapsService || !hasPosition || !this.content) {\n      return;\n    }\n    const popupContainer = this.mapsService.getMarkerContainer();\n    if (!this.container && popupContainer) {\n      this.container = this.creatDom(\n        'div',\n        'l7-popup',\n        popupContainer as HTMLElement,\n      );\n\n      this.tip = this.creatDom('div', 'l7-popup-tip', this.container);\n      this.container.appendChild(this.content);\n      if (className) {\n        className\n          .split(' ')\n          .forEach((name) => this.container.classList.add(name));\n      }\n\n      // 高德地图需要阻止事件冒泡 // 测试mapbox 地图不需要添加\n      const { stopPropagation } = this.popupOption;\n      if (stopPropagation) {\n        ['mousemove', 'mousedown', 'mouseup', 'click', 'dblclick'].forEach(\n          (type) => {\n            this.container.addEventListener(type, (e) => {\n              e.stopPropagation();\n            });\n          },\n        );\n      }\n    }\n    if (maxWidth && this.container.style.maxWidth !== maxWidth) {\n      this.container.style.maxWidth = maxWidth;\n    }\n\n    this.updatePosition();\n    DOM.setTransform(this.container, `${anchorTranslate[anchor]}`);\n    applyAnchorClass(this.container, anchor, 'popup');\n  }\n\n  private updatePosition() {\n    if (!this.mapsService) {\n      return;\n    }\n    const { lng, lat } = this.lngLat;\n    const { offsets } = this.popupOption;\n    const pos = this.mapsService.lngLatToContainer([lng, lat]);\n    this.container.style.left = pos.x + offsets[0] + 'px';\n    this.container.style.top = pos.y - offsets[1] + 'px';\n  }\n}\n"],"file":"popup.js"}

package/es/utils/anchor.d.ts

@@ -0,0 +1,22 @@
+export declare enum anchorType {
+    'CENTER' = "center",
+    'TOP' = "top",
+    'TOP-LEFT' = "top-left",
+    'TOP-RIGHT' = "top-right",
+    'BOTTOM' = "bottom",
+    'BOTTOM-LEFT' = "bottom-left",
+    'LEFT' = "left",
+    'RIGHT' = "right"
+}
+export declare const anchorTranslate: {
+    center: string;
+    top: string;
+    'top-left': string;
+    'top-right': string;
+    bottom: string;
+    'bottom-left': string;
+    'bottom-right': string;
+    left: string;
+    right: string;
+};
+export declare function applyAnchorClass(element: HTMLElement, anchor: string, prefix: string): void;

package/es/utils/anchor.js

@@ -0,0 +1,36 @@
+export var anchorType;
+
+(function (anchorType) {
+  anchorType["CENTER"] = "center";
+  anchorType["TOP"] = "top";
+  anchorType["TOP-LEFT"] = "top-left";
+  anchorType["TOP-RIGHT"] = "top-right";
+  anchorType["BOTTOM"] = "bottom";
+  anchorType["BOTTOM-LEFT"] = "bottom-left";
+  anchorType["LEFT"] = "left";
+  anchorType["RIGHT"] = "right";
+})(anchorType || (anchorType = {}));
+
+export var anchorTranslate = {
+  center: 'translate(-50%,-50%)',
+  top: 'translate(-50%,0)',
+  'top-left': 'translate(0,0)',
+  'top-right': 'translate(-100%,0)',
+  bottom: 'translate(-50%,-100%)',
+  'bottom-left': 'translate(0,-100%)',
+  'bottom-right': 'translate(-100%,-100%)',
+  left: 'translate(0,-50%)',
+  right: 'translate(-100%,-50%)'
+};
+export function applyAnchorClass(element, anchor, prefix) {
+  var classList = element.classList;
+
+  for (var key in anchorTranslate) {
+    if (anchorTranslate.hasOwnProperty(key)) {
+      classList.remove("l7-".concat(prefix, "-anchor-").concat(key));
+    }
+  }
+
+  classList.add("l7-".concat(prefix, "-anchor-").concat(anchor));
+}
+//# sourceMappingURL=anchor.js.map

package/es/utils/anchor.js.map

@@ -0,0 +1 @@
+{"version":3,"sources":["../../src/utils/anchor.ts"],"names":["anchorType","anchorTranslate","center","top","bottom","left","right","applyAnchorClass","element","anchor","prefix","classList","key","hasOwnProperty","remove","add"],"mappings":"AAAA,WAAYA,UAAZ;;WAAYA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;AAAAA,EAAAA,U;GAAAA,U,KAAAA,U;;AAWZ,OAAO,IAAMC,eAAe,GAAG;AAC7BC,EAAAA,MAAM,EAAE,sBADqB;AAE7BC,EAAAA,GAAG,EAAE,mBAFwB;AAG7B,cAAY,gBAHiB;AAI7B,eAAa,oBAJgB;AAK7BC,EAAAA,MAAM,EAAE,uBALqB;AAM7B,iBAAe,oBANc;AAO7B,kBAAgB,wBAPa;AAQ7BC,EAAAA,IAAI,EAAE,mBARuB;AAS7BC,EAAAA,KAAK,EAAE;AATsB,CAAxB;AAYP,OAAO,SAASC,gBAAT,CACLC,OADK,EAELC,MAFK,EAGLC,MAHK,EAIL;AACA,MAAMC,SAAS,GAAGH,OAAO,CAACG,SAA1B;;AACA,OAAK,IAAMC,GAAX,IAAkBX,eAAlB,EAAmC;AACjC,QAAIA,eAAe,CAACY,cAAhB,CAA+BD,GAA/B,CAAJ,EAAyC;AACvCD,MAAAA,SAAS,CAACG,MAAV,cAAuBJ,MAAvB,qBAAwCE,GAAxC;AACD;AACF;;AACDD,EAAAA,SAAS,CAACI,GAAV,cAAoBL,MAApB,qBAAqCD,MAArC;AACD","sourcesContent":["export enum anchorType {\n  'CENTER' = 'center',\n  'TOP' = 'top',\n  'TOP-LEFT' = 'top-left',\n  'TOP-RIGHT' = 'top-right',\n  'BOTTOM' = 'bottom',\n  'BOTTOM-LEFT' = 'bottom-left',\n  'LEFT' = 'left',\n  'RIGHT' = 'right',\n}\n\nexport const anchorTranslate = {\n  center: 'translate(-50%,-50%)',\n  top: 'translate(-50%,0)',\n  'top-left': 'translate(0,0)',\n  'top-right': 'translate(-100%,0)',\n  bottom: 'translate(-50%,-100%)',\n  'bottom-left': 'translate(0,-100%)',\n  'bottom-right': 'translate(-100%,-100%)',\n  left: 'translate(0,-50%)',\n  right: 'translate(-100%,-50%)',\n};\n\nexport function applyAnchorClass(\n  element: HTMLElement,\n  anchor: string,\n  prefix: string,\n) {\n  const classList = element.classList;\n  for (const key in anchorTranslate) {\n    if (anchorTranslate.hasOwnProperty(key)) {\n      classList.remove(`l7-${prefix}-anchor-${key}`);\n    }\n  }\n  classList.add(`l7-${prefix}-anchor-${anchor}`);\n}\n"],"file":"anchor.js"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@antv/l7-component",
-  "version": "2.5.37-mini3",
+  "version": "2.5.40",
   "description": "",
   "main": "lib/index.js",
   "module": "es/index.js",
@@ -25,14 +25,14 @@
   "author": "lzxue",
   "license": "ISC",
   "dependencies": {
-    "@antv/l7-core": "^2.5.37-mini3",
-    "@antv/l7-utils": "^2.5.37-mini3",
+    "@antv/l7-core": "^2.5.40",
+    "@antv/l7-utils": "^2.5.40",
     "@babel/runtime": "^7.7.7",
     "eventemitter3": "^4.0.0",
     "inversify": "^5.0.1",
     "reflect-metadata": "^0.1.13"
   },
-  "gitHead": "684ba4eb806a798713496d3fc0b4d1e17517dc31",
+  "gitHead": "71ad386f421143c46bde07222283452e7c394e4b",
   "publishConfig": {
     "access": "public"
   }