@antv/l7-component 2.25.7 → 2.25.10

package/lib/css/layerPopup.less

@@ -0,0 +1,9 @@
+@import url('variables');
+
+.l7-layer-popup__row {
+  font-size: 12px;
+
+  & + & {
+    margin-top: 4px;
+  }
+}

package/lib/css/logo.less

@@ -0,0 +1,21 @@
+@import url('variables');
+
+.l7-control-logo {
+  width: 89px;
+  height: 16px;
+  user-select: none;
+
+  img {
+    height: 100%;
+    width: 100%;
+  }
+
+  .l7-control-logo-link {
+    display: block;
+    cursor: pointer;
+
+    img {
+      cursor: pointer;
+    }
+  }
+}

package/lib/css/mouseLocation.less

@@ -0,0 +1,9 @@
+@import url('variables');
+
+.l7-control-mouse-location {
+  background-color: @l7-control-bg-color;
+  border-radius: @l7-btn-control-border-radius;
+  box-shadow: @l7-control-shadow;
+  padding: 2px 4px;
+  min-width: 130px;
+}

package/lib/css/popper.less

@@ -0,0 +1,74 @@
+@import url('variables');
+
+.l7-popper {
+  position: absolute;
+  display: flex;
+  justify-content: center;
+  align-items: center;
+  z-index: 5;
+  color: @l7-control-font-color;
+
+  &.l7-popper-hide {
+    display: none;
+  }
+
+  .l7-popper-content {
+    min-height: @l7-btn-control-size;
+    background: @l7-popper-control-bg-color;
+    border-radius: @l7-btn-control-border-radius;
+    box-shadow: @l7-control-shadow;
+  }
+
+  .l7-popper-arrow {
+    width: 0;
+    height: 0;
+    border-width: @l7-popper-control-arrow-size;
+    border-style: solid;
+    border-color: transparent;
+    box-shadow: @l7-control-shadow;
+  }
+
+  &.l7-popper-left {
+    flex-direction: row;
+
+    .l7-popper-arrow {
+      border-left-color: @l7-popper-control-bg-color;
+      margin: (@l7-btn-control-size / 2 - @l7-popper-control-arrow-size) 0;
+    }
+  }
+
+  &.l7-popper-right {
+    flex-direction: row-reverse;
+
+    .l7-popper-arrow {
+      border-right-color: @l7-popper-control-bg-color;
+      margin: (@l7-btn-control-size / 2 - @l7-popper-control-arrow-size) 0;
+    }
+  }
+
+  &.l7-popper-top {
+    flex-direction: column;
+
+    .l7-popper-arrow {
+      border-top-color: @l7-popper-control-bg-color;
+      margin: 0 (@l7-btn-control-size / 2 - @l7-popper-control-arrow-size);
+    }
+  }
+
+  &.l7-popper-bottom {
+    flex-direction: column-reverse;
+
+    .l7-popper-arrow {
+      border-bottom-color: @l7-popper-control-bg-color;
+      margin: 0 (@l7-btn-control-size / 2 - @l7-popper-control-arrow-size);
+    }
+  }
+
+  &.l7-popper-start {
+    align-items: flex-start;
+  }
+
+  &.l7-popper-end {
+    align-items: flex-end;
+  }
+}

package/lib/css/popup.less

@@ -0,0 +1,176 @@
+@import url('variables');
+
+.l7-popup {
+  position: absolute;
+  top: 0;
+  left: 0;
+  z-index: 5;
+  display: flex;
+  will-change: transform;
+  pointer-events: none;
+
+  &.l7-popup-hide {
+    display: none;
+  }
+
+  .l7-popup-content {
+    position: relative;
+    padding: 16px;
+    font-size: 14px;
+    background: #fff;
+    border-radius: 3px;
+    box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
+
+    .l7-popup-content__title {
+      margin-bottom: 8px;
+      font-weight: bold;
+    }
+
+    .l7-popup-close-button,
+    .l7-popup-content__title,
+    .l7-popup-content__panel {
+      white-space: normal;
+      user-select: text;
+      pointer-events: initial;
+    }
+
+    .l7-popup-close-button {
+      position: absolute;
+      top: 0;
+      right: 0;
+      width: 18px;
+      height: 18px;
+      padding: 0;
+      font-size: 14px;
+      line-height: 18px;
+      text-align: center;
+      background-color: transparent;
+      border: 0;
+      border-radius: 0 3px 0 0;
+      cursor: pointer;
+    }
+  }
+
+  .l7-popup-tip {
+    position: relative;
+    z-index: 1;
+    width: 0;
+    height: 0;
+    border: 10px solid transparent;
+  }
+
+  &.l7-popup-anchor-bottom,
+  &.l7-popup-anchor-bottom-left,
+  &.l7-popup-anchor-bottom-right {
+    flex-direction: column-reverse;
+
+    .l7-popup-tip {
+      bottom: 1px;
+    }
+  }
+
+  &.l7-popup-anchor-top,
+  &.l7-popup-anchor-top-left,
+  &.l7-popup-anchor-top-right {
+    flex-direction: column;
+
+    .l7-popup-tip {
+      top: 1px;
+    }
+  }
+
+  &.l7-popup-anchor-left {
+    flex-direction: row;
+  }
+
+  &.l7-popup-anchor-right {
+    flex-direction: row-reverse;
+  }
+}
+
+.l7-popup-anchor-top .l7-popup-tip {
+  position: relative;
+  align-self: center;
+  border-top: none;
+  border-bottom-color: #fff;
+}
+
+.l7-popup-anchor-top-left .l7-popup-tip {
+  align-self: flex-start;
+  border-top: none;
+  border-bottom-color: #fff;
+  border-left: none;
+}
+
+.l7-popup-anchor-top-right .l7-popup-tip {
+  align-self: flex-end;
+  border-top: none;
+  border-right: none;
+  border-bottom-color: #fff;
+}
+
+.l7-popup-anchor-bottom .l7-popup-tip {
+  align-self: center;
+  border-top-color: #fff;
+  border-bottom: none;
+}
+
+.l7-popup-anchor-bottom-left .l7-popup-tip {
+  align-self: flex-start;
+  border-top-color: #fff;
+  border-bottom: none;
+  border-left: none;
+}
+
+.l7-popup-anchor-bottom-right .l7-popup-tip {
+  align-self: flex-end;
+  border-top-color: #fff;
+  border-right: none;
+  border-bottom: none;
+}
+
+.l7-popup-anchor-left .l7-popup-tip {
+  align-self: center;
+  border-right-color: #fff;
+  border-left: none;
+}
+
+.l7-popup-anchor-right .l7-popup-tip {
+  right: 1px;
+  align-self: center;
+  border-right: none;
+  border-left-color: #fff;
+}
+
+.l7-popup-anchor-top-left .l7-popup-content {
+  border-top-left-radius: 0;
+}
+
+.l7-popup-anchor-top-right .l7-popup-content {
+  border-top-right-radius: 0;
+}
+
+.l7-popup-anchor-bottom-left .l7-popup-content {
+  border-bottom-left-radius: 0;
+}
+
+.l7-popup-anchor-bottom-right .l7-popup-content {
+  border-bottom-right-radius: 0;
+}
+
+.l7-popup-track-pointer {
+  display: none;
+
+  * {
+    user-select: none;
+    pointer-events: none;
+  }
+}
+
+.l7-map:hover .l7-popup-track-pointer {
+  display: flex;
+}
+
+.l7-map:active .l7-popup-track-pointer {
+  display: none;
+}

package/lib/css/scale.less

@@ -0,0 +1,37 @@
+@import url('variables');
+
+.l7-control-scale {
+  display: flex;
+  flex-direction: column;
+
+  .l7-control-scale-line {
+    box-sizing: border-box;
+    padding: 2px 5px 1px;
+    overflow: hidden;
+    color: @l7-control-font-color;
+    font-size: 10px;
+    line-height: 1.1;
+    white-space: nowrap;
+    background: @l7-control-bg-color;
+    border: 2px solid #000;
+    border-top: 0;
+    transition: width 0.1s;
+
+    & + & {
+      margin-top: -2px;
+      border-top: 2px solid #777;
+      border-bottom: none;
+    }
+  }
+}
+
+.l7-right {
+  .l7-control-scale {
+    display: flex;
+    align-items: flex-end;
+
+    .l7-control-scale-line {
+      text-align: right;
+    }
+  }
+}

package/lib/css/select.less

@@ -0,0 +1,96 @@
+@import url('variables');
+
+.l7-select-control--normal {
+  padding: 4px 0;
+
+  .l7-select-control-item {
+    display: flex;
+    align-items: center;
+    height: 24px;
+    padding: 0 16px;
+    font-size: 12px;
+    line-height: 24px;
+
+    > * + * {
+      margin-left: 6px;
+    }
+
+    input[type='checkbox'] {
+      width: 14px;
+      height: 14px;
+    }
+
+    &:hover {
+      background-color: @l7-btn-control-bg-hover-color;
+    }
+  }
+}
+
+.l7-select-control--image {
+  @select-control-split: 12px;
+
+  display: flex;
+  flex-wrap: wrap;
+  align-items: flex-start;
+  box-sizing: content-box;
+  max-width: 460px;
+  max-height: 400px;
+  margin: @select-control-split 0 0 @select-control-split;
+  overflow: hidden auto;
+
+  .l7-select-control-item {
+    position: relative;
+    display: flex;
+    flex: 0 0 calc((100% - (@select-control-split + 9px) * 2) / 3);
+    flex-direction: column;
+    justify-content: center;
+    box-sizing: content-box;
+    margin-right: @select-control-split;
+    margin-bottom: @select-control-split;
+    overflow: hidden;
+    font-size: 12px;
+    border: 1px solid @l7-popper-control-bg-color;
+    border-radius: @l7-btn-control-border-radius;
+
+    img {
+      width: 100%;
+      height: 80px;
+    }
+
+    input[type='checkbox'] {
+      position: absolute;
+      top: 0;
+      right: 0;
+    }
+
+    .l7-select-control-item-row {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      line-height: 26px;
+
+      > * + * {
+        margin-left: 8px;
+      }
+    }
+
+    &.l7-select-control-item-active {
+      border-color: @l7-select-control-active-color;
+    }
+  }
+}
+
+.l7-select-control-item {
+  cursor: pointer;
+
+  input[type='checkbox'] {
+    margin: 0;
+    cursor: pointer;
+  }
+}
+
+.l7-select-control--multiple {
+  .l7-select-control-item:hover {
+    background-color: transparent;
+  }
+}

package/lib/css/swipe.less

@@ -0,0 +1,80 @@
+@import url('variables');
+
+.l7-control-swipe {
+  position: absolute;
+  top: 50%;
+  left: 50%;
+  z-index: 6;
+  transform: translate(-50%, -50%);
+  touch-action: none;
+
+  &_hide {
+    display: none;
+  }
+
+  &::before {
+    position: absolute;
+    top: -5000px;
+    bottom: -5000px;
+    left: 50%;
+    z-index: -1;
+    width: 4px;
+    background: #fff;
+    transform: translate(-2px, 0);
+    content: '';
+  }
+
+  &.horizontal::before {
+    inset: 50% -5000px auto;
+    width: auto;
+    height: 4px;
+  }
+
+  &__button {
+    display: block;
+    width: @l7-btn-control-size;
+    height: @l7-btn-control-size;
+    margin: 0;
+    padding: 0;
+    color: @l7-control-font-color;
+    font-weight: bold;
+    font-size: inherit;
+    text-align: center;
+    text-decoration: none;
+    background-color: @l7-control-bg-color;
+    border: none;
+    border-radius: 2px;
+    outline: none;
+  }
+
+  &,
+  &__button {
+    cursor: ew-resize;
+  }
+
+  &.horizontal,
+  &.horizontal button {
+    cursor: ns-resize;
+  }
+
+  &::after,
+  &__button::before,
+  &__button::after {
+    position: absolute;
+    top: 25%;
+    bottom: 25%;
+    left: 50%;
+    width: 2px;
+    background: currentcolor;
+    transform: translate(-1px, 0);
+    content: '';
+  }
+
+  &__button::after {
+    transform: translateX(4px);
+  }
+
+  &__button::before {
+    transform: translateX(-6px);
+  }
+}

package/lib/css/variables.less

@@ -0,0 +1,29 @@
+// Control
+@l7-control-space: 8px;
+@l7-control-font-size: 12px;
+@l7-control-font-color: #595959;
+@l7-control-bg-color: #fff;
+@l7-control-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);
+
+// ButtonControl
+@l7-btn-control-bg-color: @l7-control-bg-color;
+@l7-btn-control-bg-hover-color: #f3f3f3;
+@l7-btn-control-bg-active-color: @l7-btn-control-bg-hover-color;
+@l7-btn-control-size: 28px;
+@l7-btn-icon-size: 16px;
+@l7-btn-control-border-radius: 2px;
+@l7-btn-control-disabled-bg-color: #fafafa;
+@l7-btn-control-disabled-font-color: #bdbdbd;
+@l7-btn-border-color: #f0f0f0;
+@l7-btn-column-height: 44px;
+
+// PopperControl
+@l7-popper-control-bg-color: @l7-btn-control-bg-color;
+@l7-popper-control-arrow-size: 4px;
+
+// SelectControl
+@l7-select-control-active-color: #0370fe;
+
+@position-list: top, right, bottom, left;
+
+@l7-control-z-index: 999;

package/lib/css/zoom.less

@@ -0,0 +1,34 @@
+@import url('variables');
+
+@zoom-icon-size: 14px;
+
+.l7-control-zoom {
+  overflow: hidden;
+  border-radius: @l7-btn-control-border-radius;
+  box-shadow: @l7-control-shadow;
+
+  .l7-button-control {
+    font-size: @l7-btn-icon-size;
+    border-bottom: 1px solid @l7-btn-border-color;
+    border-radius: 0;
+    box-shadow: 0 0 0;
+
+    .l7-iconfont {
+      width: @zoom-icon-size;
+      height: @zoom-icon-size;
+    }
+
+    &:last-child {
+      border-bottom: 0;
+    }
+  }
+
+  & &__number {
+    color: @l7-control-font-color;
+    padding: 0;
+
+    &:hover {
+      background-color: @l7-btn-control-bg-color;
+    }
+  }
+}

package/lib/images/layers.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="32" height="32" class="icon" p-id="8341" t="1566292427369" version="1.1" viewBox="0 0 1024 1024"><defs><style type="text/css"/></defs><path fill="#000" d="M256 341.333333l256 128 256-128-256-128-256 128z m276.864-208.384l341.034667 173.909334c20.736 10.581333 28.202667 34.56 16.682666 53.632a41.386667 41.386667 0 0 1-16.64 15.317333l-341.077333 173.909333a46.336 46.336 0 0 1-41.728 0L150.101333 375.808c-20.736-10.581333-28.202667-34.56-16.682666-53.632a41.386667 41.386667 0 0 1 16.64-15.317333l341.077333-173.909334c12.970667-6.613333 28.757333-6.613333 41.728 0z m0 587.349334a45.653333 45.653333 0 0 1-41.728 0l-341.034667-176.938667c-20.736-10.752-28.202667-35.157333-16.682666-54.528a41.642667 41.642667 0 0 1 16.64-15.573333 34.901333 34.901333 0 0 1 32.213333 0l308.906667 160.213333c12.928 6.741333 28.714667 6.741333 41.685333 0l308.864-160.213333a34.901333 34.901333 0 0 1 32.170667 0c20.736 10.752 28.202667 35.157333 16.682666 54.528a41.642667 41.642667 0 0 1-16.64 15.573333l-341.077333 176.938667z m0 170.666666a45.653333 45.653333 0 0 1-41.728 0l-341.034667-176.938666c-20.736-10.752-28.202667-35.157333-16.682666-54.528a41.642667 41.642667 0 0 1 16.64-15.573334 34.901333 34.901333 0 0 1 32.213333 0l308.906667 160.213334c12.928 6.741333 28.714667 6.741333 41.685333 0l308.864-160.213334a34.901333 34.901333 0 0 1 32.170667 0c20.736 10.752 28.202667 35.157333 16.682666 54.528a41.642667 41.642667 0 0 1-16.64 15.573334l-341.077333 176.938666z" p-id="8342"/></svg>

package/lib/images/quanping.svg

@@ -0,0 +1,12 @@
+<?xml version="1.0" encoding="UTF-8" standalone="no"?>
+<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
+<!-- Created with Vectornator (http://vectornator.io/) -->
+<svg height="100%" stroke-miterlimit="10" style="fill-rule:nonzero;clip-rule:evenodd;stroke-linecap:round;stroke-linejoin:round;" version="1.1" viewBox="0 0 682.67 682.67" width="100%" xml:space="preserve" xmlns="http://www.w3.org/2000/svg" xmlns:vectornator="http://vectornator.io" xmlns:xlink="http://www.w3.org/1999/xlink">
+<defs/>
+<clipPath id="ArtboardFrame">
+<rect height="682.67" width="682.67" x="0" y="0"/>
+</clipPath>
+<g clip-path="url(#ArtboardFrame)" id="Untitled" vectornator:layerName="Untitled">
+<path d="M0 477.87L0 580.27C0.00552233 636.822 45.8483 682.664 102.4 682.67L204.8 682.67C223.424 682.351 238.356 667.162 238.356 648.535C238.356 629.908 223.424 614.719 204.8 614.4L102.4 614.4C83.5505 614.4 68.27 599.119 68.27 580.27L68.27 477.87C68.4812 465.535 62.0216 454.046 51.3734 447.817C40.7252 441.588 27.5448 441.588 16.8966 447.817C6.24842 454.046-0.211108 465.535 0 477.87ZM477.87 682.67L580.27 682.67C636.822 682.664 682.664 636.822 682.67 580.27L682.67 477.87C682.881 465.535 676.422 454.046 665.773 447.817C655.125 441.588 641.945 441.588 631.297 447.817C620.648 454.046 614.189 465.535 614.4 477.87L614.4 580.27C614.4 599.119 599.119 614.4 580.27 614.4L477.87 614.4C465.535 614.189 454.046 620.648 447.817 631.297C441.588 641.945 441.588 655.125 447.817 665.773C454.046 676.422 465.535 682.881 477.87 682.67ZM682.67 204.8L682.67 102.4C682.664 45.8483 636.822 0.00553344 580.27 1.15748e-06L477.87 1.15748e-06C465.535-0.211139 454.046 6.24838 447.817 16.8966C441.588 27.5448 441.588 40.7252 447.817 51.3734C454.046 62.0216 465.535 68.4811 477.87 68.27L580.27 68.27C599.119 68.27 614.4 83.5505 614.4 102.4L614.4 204.8C614.719 223.424 629.908 238.356 648.535 238.356C667.162 238.356 682.351 223.424 682.67 204.8ZM204.8 0L102.4 0C45.8483 0.00551165 0.00552271 45.8483-3.66902e-07 102.4L-3.66902e-07 204.8C0.318807 223.424 15.5078 238.356 34.135 238.356C52.7622 238.356 67.9512 223.424 68.27 204.8L68.27 102.4C68.27 83.5505 83.5505 68.27 102.4 68.27L204.8 68.27C223.424 67.9512 238.356 52.7622 238.356 34.135C238.356 15.5078 223.424 0.318804 204.8 0Z" fill="#333333" fill-rule="nonzero" opacity="1" stroke="none"/>
+</g>
+</svg>

package/lib/index.d.ts

@@ -0,0 +1,19 @@
+import Marker from './marker';
+import MarkerLayer from './marker-layer';
+import './assets/iconfont/iconfont';
+import './css/index.css';
+export * from './control/baseControl';
+export { ExportImage, type IExportImageControlOption } from './control/exportImage';
+export { Fullscreen, type IFullscreenControlOption } from './control/fullscreen';
+export { GeoLocate, type IGeoLocateOption } from './control/geoLocate';
+export { LayerSwitch, type ILayerSwitchOption } from './control/layerSwitch';
+export { Logo, type ILogoControlOption } from './control/logo';
+export { MapTheme } from './control/mapTheme';
+export { MouseLocation, type IMouseLocationControlOption } from './control/mouseLocation';
+export { Scale, type IScaleControlOption } from './control/scale';
+export { Swipe, type ISwipeControlOption } from './control/swipe';
+export { Zoom, type IZoomControlOption } from './control/zoom';
+export * from './interface';
+export { LayerPopup, type ILayerPopupOption, type LayerField, type LayerPopupConfigItem, } from './popup/layerPopup';
+export { Popup } from './popup/popup';
+export { Marker, MarkerLayer };