@antv/l7-component 2.9.32-alpha.1 → 2.9.32-alpha.2

package/lib/control/layer.js

@@ -1,269 +0,0 @@
-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 });
-  }
-  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/layer.ts
-var layer_exports = {};
-__export(layer_exports, {
-  default: () => Layers
-});
-module.exports = __toCommonJS(layer_exports);
-var import_l7_core = require("@antv/l7-core");
-var import_l7_utils = require("@antv/l7-utils");
-var import_BaseControl = __toESM(require("./BaseControl"));
-var Layers = class extends import_BaseControl.default {
-  constructor(cfg) {
-    super(cfg);
-    this.layerControlInputs = [];
-    this.layers = [];
-    this.lastZIndex = 0;
-    this.handlingClick = false;
-    this.initLayers();
-    (0, import_l7_utils.bindAll)([
-      "checkDisabledLayers",
-      "onLayerChange",
-      "collapse",
-      "extend",
-      "expand",
-      "onInputClick"
-    ], this);
-  }
-  getDefault() {
-    return {
-      collapsed: true,
-      position: import_l7_core.PositionType.TOPRIGHT,
-      autoZIndex: true,
-      hideSingleBase: false,
-      sortLayers: false,
-      name: "layers"
-    };
-  }
-  onAdd() {
-    this.initLayout();
-    this.update();
-    this.mapsService.on("zoomend", this.checkDisabledLayers);
-    this.layers.forEach((layerItem) => {
-      layerItem.layer.on("remove", this.onLayerChange);
-      layerItem.layer.on("add", this.onLayerChange);
-    });
-    return this.container;
-  }
-  addVisualLayer(layer, name) {
-    this.addLayer(layer, name, true);
-    return this.mapsService ? this.update() : this;
-  }
-  expand() {
-    const { height } = this.renderService.getViewportSize();
-    import_l7_utils.DOM.addClass(this.container, "l7-control-layers-expanded");
-    this.form.style.height = "null";
-    const acceptableHeight = height - (this.container.offsetTop + 50);
-    if (acceptableHeight < this.form.clientHeight) {
-      import_l7_utils.DOM.addClass(this.form, "l7-control-layers-scrollbar");
-      this.form.style.height = acceptableHeight + "px";
-    } else {
-      import_l7_utils.DOM.removeClass(this.form, "l7-control-layers-scrollbar");
-    }
-    this.checkDisabledLayers();
-    return this;
-  }
-  collapse() {
-    import_l7_utils.DOM.removeClass(this.container, "l7-control-layers-expanded");
-    return this;
-  }
-  onRemove() {
-    if (!this.mapsService) {
-      return;
-    }
-    this.mapsService.off("click", this.collapse);
-    this.layers.forEach((layerItem) => {
-      layerItem.layer.off("remove", this.onLayerChange);
-      layerItem.layer.off("add", this.onLayerChange);
-    });
-  }
-  initLayout() {
-    const className = "l7-control-layers";
-    const container = this.container = import_l7_utils.DOM.create("div", className);
-    const { collapsed } = this.controlOption;
-    container.setAttribute("aria-haspopup", "true");
-    const form = this.form = import_l7_utils.DOM.create("form", className + "-list");
-    if (collapsed) {
-      this.mapsService.on("click", this.collapse);
-      container.addEventListener("mouseenter", this.expand);
-      container.addEventListener("mouseleave", this.collapse);
-    }
-    this.layersLink = import_l7_utils.DOM.create("a", className + "-toggle", container);
-    const link = this.layersLink;
-    link.title = "Layers";
-    if (!collapsed) {
-      this.expand();
-    }
-    this.baseLayersList = import_l7_utils.DOM.create("div", className + "-base", form);
-    this.separator = import_l7_utils.DOM.create("div", className + "-separator", form);
-    this.overlaysList = import_l7_utils.DOM.create("div", className + "-overlays", form);
-    container.appendChild(form);
-  }
-  initLayers() {
-    const { baseLayers = {}, overlayers = {} } = this.controlOption;
-    Object.keys(baseLayers).forEach((name) => {
-      this.addLayer(baseLayers[name], name, false);
-    });
-    Object.keys(overlayers).forEach((name) => {
-      this.addLayer(overlayers[name], name, true);
-    });
-  }
-  update() {
-    if (!this.container) {
-      return this;
-    }
-    import_l7_utils.DOM.empty(this.baseLayersList);
-    import_l7_utils.DOM.empty(this.overlaysList);
-    this.layerControlInputs = [];
-    let baseLayersPresent;
-    let overlaysPresent;
-    let i;
-    let obj;
-    let baseLayersCount = 0;
-    for (i = 0; i < this.layers.length; i++) {
-      obj = this.layers[i];
-      this.addItem(obj);
-      overlaysPresent = overlaysPresent || obj.overlay;
-      baseLayersPresent = baseLayersPresent || !obj.overlay;
-      baseLayersCount += !obj.overlay ? 1 : 0;
-    }
-    if (this.controlOption.hideSingleBase) {
-      baseLayersPresent = baseLayersPresent && baseLayersCount > 1;
-      this.baseLayersList.style.display = baseLayersPresent ? "" : "none";
-    }
-    this.separator.style.display = overlaysPresent && baseLayersPresent ? "" : "none";
-    return this;
-  }
-  checkDisabledLayers() {
-    const inputs = this.layerControlInputs;
-    let input;
-    let layer;
-    const zoom = this.mapsService.getZoom();
-    for (let i = inputs.length - 1; i >= 0; i--) {
-      input = inputs[i];
-      layer = this.layerService.getLayer(input.layerId);
-      if (layer && layer.inited) {
-        const minZoom = layer.getMinZoom();
-        const maxZoom = layer.getMaxZoom();
-        input.disabled = zoom < minZoom || zoom > maxZoom;
-      }
-    }
-  }
-  addLayer(layer, name, overlay) {
-    if (this.mapsService) {
-      layer.on("add", this.onLayerChange);
-      layer.on("remove", this.onLayerChange);
-    }
-    this.layers.push({
-      layer,
-      name,
-      overlay
-    });
-    const { sortLayers, sortFunction, autoZIndex } = this.controlOption;
-    if (sortLayers) {
-      this.layers.sort((a, b) => {
-        return sortFunction(a.layer, b.layer, a.name, b.name);
-      });
-    }
-    if (autoZIndex && layer.setZIndex) {
-      this.lastZIndex++;
-      layer.setZIndex(this.lastZIndex);
-    }
-    this.expandIfNotCollapsed();
-  }
-  expandIfNotCollapsed() {
-    if (this.mapsService && !this.controlOption.collapsed) {
-      this.expand();
-    }
-    return this;
-  }
-  onLayerChange(e) {
-    if (!this.handlingClick) {
-      this.update();
-    }
-    const obj = this.layerService.getLayer(e.target.layerId);
-    const type = (obj == null ? void 0 : obj.overlay) ? e.type === "add" ? "overlayadd" : "overlayremove" : e.type === "add" ? "baselayerchange" : null;
-    if (type) {
-      this.emit(type, obj);
-    }
-  }
-  createRadioElement(name, checked) {
-    const radioHtml = '<input type="radio" class="l7-control-layers-selector" name="' + name + '"' + (checked ? ' checked="checked"' : "") + "/>";
-    const radioFragment = document.createElement("div");
-    radioFragment.innerHTML = radioHtml;
-    return radioFragment.firstChild;
-  }
-  addItem(obj) {
-    const label = document.createElement("label");
-    const layer = this.layerService.getLayer(obj.layer.id);
-    const checked = layer && layer.inited && obj.layer.isVisible();
-    let input;
-    if (obj.overlay) {
-      input = document.createElement("input");
-      input.type = "checkbox";
-      input.className = "l7-control-layers-selector";
-      input.defaultChecked = checked;
-    } else {
-      input = this.createRadioElement("l7-base-layers", checked);
-    }
-    this.layerControlInputs.push(input);
-    input.layerId = obj.layer.id;
-    input.addEventListener("click", this.onInputClick);
-    const name = document.createElement("span");
-    name.innerHTML = " " + obj.name;
-    const holder = document.createElement("div");
-    label.appendChild(holder);
-    holder.appendChild(input);
-    holder.appendChild(name);
-    const container = obj.overlay ? this.overlaysList : this.baseLayersList;
-    container.appendChild(label);
-    this.checkDisabledLayers();
-    return label;
-  }
-  onInputClick() {
-    const inputs = this.layerControlInputs;
-    let input;
-    let layer;
-    const addedLayers = [];
-    const removedLayers = [];
-    this.handlingClick = true;
-    for (let i = inputs.length - 1; i >= 0; i--) {
-      input = inputs[i];
-      layer = this.layerService.getLayer(input.layerId);
-      if (input.checked) {
-        addedLayers.push(layer);
-      } else if (!input.checked) {
-        removedLayers.push(layer);
-      }
-    }
-    removedLayers.forEach((l) => {
-      l.hide();
-    });
-    addedLayers.forEach((l) => {
-      l.show();
-    });
-    this.handlingClick = false;
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/control/logo.js

@@ -1,54 +0,0 @@
-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 });
-  }
-  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/logo.ts
-var logo_exports = {};
-__export(logo_exports, {
-  default: () => Logo
-});
-module.exports = __toCommonJS(logo_exports);
-var import_l7_utils = require("@antv/l7-utils");
-var import_BaseControl = __toESM(require("./BaseControl"));
-var Logo = class extends import_BaseControl.default {
-  getDefault() {
-    return {
-      position: import_BaseControl.PositionType.BOTTOMLEFT,
-      name: "logo"
-    };
-  }
-  onAdd() {
-    const className = "l7-control-logo";
-    const container = import_l7_utils.DOM.create("div", className);
-    const anchor = import_l7_utils.DOM.create("a", "l7-ctrl-logo");
-    anchor.target = "_blank";
-    anchor.rel = "noopener nofollow";
-    anchor.href = "https://antv.alipay.com/l7";
-    anchor.setAttribute("aria-label", "AntV logo");
-    anchor.setAttribute("rel", "noopener nofollow");
-    container.appendChild(anchor);
-    return container;
-  }
-  onRemove() {
-    return null;
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/control/scale.js

@@ -1,119 +0,0 @@
-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 });
-  }
-  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/scale.ts
-var scale_exports = {};
-__export(scale_exports, {
-  default: () => Scale
-});
-module.exports = __toCommonJS(scale_exports);
-var import_l7_utils = require("@antv/l7-utils");
-var import_BaseControl = __toESM(require("./BaseControl"));
-var Scale = class extends import_BaseControl.default {
-  constructor(cfg) {
-    super(cfg);
-    (0, import_l7_utils.bindAll)(["update"], this);
-  }
-  getDefault() {
-    return {
-      position: import_BaseControl.PositionType.BOTTOMLEFT,
-      maxWidth: 100,
-      metric: true,
-      updateWhenIdle: false,
-      imperial: false,
-      name: "scale"
-    };
-  }
-  onAdd() {
-    const className = "l7-control-scale";
-    const container = import_l7_utils.DOM.create("div", className);
-    this.addScales(className + "-line", container);
-    const { updateWhenIdle } = this.controlOption;
-    this.mapsService.on(updateWhenIdle ? "moveend" : "mapmove", this.update);
-    this.mapsService.on(updateWhenIdle ? "zoomend" : "zoomchange", this.update);
-    this.update();
-    return container;
-  }
-  onRemove() {
-    const { updateWhenIdle } = this.controlOption;
-    this.mapsService.off(updateWhenIdle ? "zoomend" : "zoomchange", this.update);
-    this.mapsService.off(updateWhenIdle ? "moveend" : "mapmove", this.update);
-  }
-  update() {
-    const mapsService = this.mapsService;
-    const { maxWidth } = this.controlOption;
-    const y = mapsService.getSize()[1] / 2;
-    const p1 = mapsService.containerToLngLat([0, y]);
-    const p2 = mapsService.containerToLngLat([maxWidth, y]);
-    const maxMeters = (0, import_l7_utils.lnglatDistance)([p1.lng, p1.lat], [p2.lng, p2.lat]);
-    this.updateScales(maxMeters);
-  }
-  updateScales(maxMeters) {
-    const { metric, imperial } = this.controlOption;
-    if (metric && maxMeters) {
-      this.updateMetric(maxMeters);
-    }
-    if (imperial && maxMeters) {
-      this.updateImperial(maxMeters);
-    }
-  }
-  updateMetric(maxMeters) {
-    const meters = this.getRoundNum(maxMeters);
-    const label = meters < 1e3 ? meters + " m" : meters / 1e3 + " km";
-    this.updateScale(this.mScale, label, meters / maxMeters);
-  }
-  updateImperial(maxMeters) {
-    const maxFeet = maxMeters * 3.2808399;
-    let maxMiles;
-    let miles;
-    let feet;
-    if (maxFeet > 5280) {
-      maxMiles = maxFeet / 5280;
-      miles = this.getRoundNum(maxMiles);
-      this.updateScale(this.iScale, miles + " mi", miles / maxMiles);
-    } else {
-      feet = this.getRoundNum(maxFeet);
-      this.updateScale(this.iScale, feet + " ft", feet / maxFeet);
-    }
-  }
-  updateScale(scale, text, ratio) {
-    const { maxWidth } = this.controlOption;
-    scale.style.width = Math.round(maxWidth * ratio) + "px";
-    scale.innerHTML = text;
-  }
-  getRoundNum(num) {
-    const pow10 = Math.pow(10, (Math.floor(num) + "").length - 1);
-    let d = num / pow10;
-    d = d >= 10 ? 10 : d >= 5 ? 5 : d >= 3 ? 3 : d >= 2 ? 2 : 1;
-    return pow10 * d;
-  }
-  addScales(className, container) {
-    const { metric, imperial } = this.controlOption;
-    if (metric) {
-      this.mScale = import_l7_utils.DOM.create("div", className, container);
-    }
-    if (imperial) {
-      this.iScale = import_l7_utils.DOM.create("div", className, container);
-    }
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});

package/lib/control/zoom.js

@@ -1,101 +0,0 @@
-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 });
-  }
-  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/zoom.ts
-var zoom_exports = {};
-__export(zoom_exports, {
-  default: () => Zoom
-});
-module.exports = __toCommonJS(zoom_exports);
-var import_l7_utils = require("@antv/l7-utils");
-var import_BaseControl = __toESM(require("./BaseControl"));
-var Zoom = class extends import_BaseControl.default {
-  constructor(cfg) {
-    super(cfg);
-    (0, import_l7_utils.bindAll)(["updateDisabled", "zoomIn", "zoomOut"], this);
-  }
-  getDefault() {
-    return {
-      position: import_BaseControl.PositionType.TOPLEFT,
-      zoomInText: "+",
-      zoomInTitle: "Zoom in",
-      zoomOutText: "−",
-      zoomOutTitle: "Zoom out",
-      name: "zoom"
-    };
-  }
-  onAdd() {
-    const zoomName = "l7-control-zoom";
-    const container = import_l7_utils.DOM.create("div", zoomName + " l7-bar");
-    this.zoomInButton = this.createButton(this.controlOption.zoomInText, this.controlOption.zoomInTitle, zoomName + "-in", container, this.zoomIn);
-    this.zoomOutButton = this.createButton(this.controlOption.zoomOutText, this.controlOption.zoomOutTitle, zoomName + "-out", container, this.zoomOut);
-    this.mapsService.on("zoomend", this.updateDisabled);
-    this.mapsService.on("zoomchange", this.updateDisabled);
-    this.updateDisabled();
-    return container;
-  }
-  onRemove() {
-    this.mapsService.off("zoomend", this.updateDisabled);
-    this.mapsService.off("zoomchange", this.updateDisabled);
-  }
-  disable() {
-    this.disabled = true;
-    this.updateDisabled();
-    return this;
-  }
-  enable() {
-    this.disabled = false;
-    this.updateDisabled();
-    return this;
-  }
-  zoomIn() {
-    if (!this.disabled && this.mapsService.getZoom() < this.mapsService.getMaxZoom()) {
-      this.mapsService.zoomIn();
-    }
-  }
-  zoomOut() {
-    if (!this.disabled && this.mapsService.getZoom() > this.mapsService.getMinZoom()) {
-      this.mapsService.zoomOut();
-    }
-  }
-  createButton(html, tile, className, container, fn) {
-    const link = import_l7_utils.DOM.create("a", className, container);
-    link.innerHTML = html;
-    link.title = tile;
-    link.href = "javascript:void(0)";
-    link.addEventListener("click", fn);
-    return link;
-  }
-  updateDisabled() {
-    const mapsService = this.mapsService;
-    const className = "l7-disabled";
-    import_l7_utils.DOM.removeClass(this.zoomInButton, className);
-    import_l7_utils.DOM.removeClass(this.zoomOutButton, className);
-    if (this.disabled || mapsService.getZoom() <= mapsService.getMinZoom()) {
-      import_l7_utils.DOM.addClass(this.zoomOutButton, className);
-    }
-    if (this.disabled || mapsService.getZoom() >= mapsService.getMaxZoom()) {
-      import_l7_utils.DOM.addClass(this.zoomInButton, className);
-    }
-  }
-};
-// Annotate the CommonJS export names for ESM import in node:
-0 && (module.exports = {});