@antv/l7-component 2.9.36-alpha.1 → 2.9.37

package/es/css/logo.less

@@ -1,18 +0,0 @@
-@import '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/es/css/mouseLocation.less

@@ -1,9 +0,0 @@
-@import '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/es/css/popper.less

@@ -1,64 +0,0 @@
-@import '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-top-color: transparent;
-    border-bottom-color: transparent;
-    border-left-color: transparent;
-    border-right-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/es/css/popup.less

@@ -1,169 +0,0 @@
-@import 'variables';
-
-.l7-popup {
-  position: absolute;
-  top: 0;
-  left: 0;
-  z-index: 5;
-  display: -webkit-flex;
-  display: flex;
-  pointer-events: none;
-  will-change: transform;
-  &.l7-popup-hide {
-    display: none;
-  }
-
-  .l7-popup-content {
-    position: relative;
-    padding: 16px;
-    background: #fff;
-    border-radius: 3px;
-    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
-    pointer-events: auto;
-    font-size: 14px;
-
-    .l7-popup-content__title {
-      font-weight: bold;
-      margin-bottom: 8px;
-    }
-
-    .l7-popup-close-button {
-      position: absolute;
-      top: 0;
-      right: 0;
-      width: 18px;
-      height: 18px;
-      line-height: 18px;
-      text-align: center;
-      padding: 0;
-      background-color: transparent;
-      border: 0;
-      border-radius: 0 3px 0 0;
-      cursor: pointer;
-      font-size: 14px;
-    }
-  }
-
-  .l7-popup-tip {
-    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 {
-    -webkit-flex-direction: column-reverse;
-    flex-direction: column-reverse;
-  }
-
-  &.l7-popup-anchor-top,
-  &.l7-popup-anchor-top-left,
-  &.l7-popup-anchor-top-right {
-    -webkit-flex-direction: column;
-    flex-direction: column;
-  }
-
-  &.l7-popup-anchor-left {
-    -webkit-flex-direction: row;
-    flex-direction: row;
-  }
-
-  &.l7-popup-anchor-right {
-    -webkit-flex-direction: row-reverse;
-    flex-direction: row-reverse;
-  }
-}
-
-.l7-popup-anchor-top .l7-popup-tip {
-  -webkit-align-self: center;
-  align-self: center;
-  border-top: none;
-  border-bottom-color: #fff;
-}
-
-.l7-popup-anchor-top-left .l7-popup-tip {
-  -webkit-align-self: flex-start;
-  align-self: flex-start;
-  border-top: none;
-  border-bottom-color: #fff;
-  border-left: none;
-}
-
-.l7-popup-anchor-top-right .l7-popup-tip {
-  -webkit-align-self: flex-end;
-  align-self: flex-end;
-  border-top: none;
-  border-right: none;
-  border-bottom-color: #fff;
-}
-
-.l7-popup-anchor-bottom .l7-popup-tip {
-  -webkit-align-self: center;
-  align-self: center;
-  border-top-color: #fff;
-  border-bottom: none;
-}
-
-.l7-popup-anchor-bottom-left .l7-popup-tip {
-  -webkit-align-self: flex-start;
-  align-self: flex-start;
-  border-top-color: #fff;
-  border-bottom: none;
-  border-left: none;
-}
-
-.l7-popup-anchor-bottom-right .l7-popup-tip {
-  -webkit-align-self: flex-end;
-  align-self: flex-end;
-  border-top-color: #fff;
-  border-right: none;
-  border-bottom: none;
-}
-
-.l7-popup-anchor-left .l7-popup-tip {
-  -webkit-align-self: center;
-  align-self: center;
-  border-right-color: #fff;
-  border-left: none;
-}
-
-.l7-popup-anchor-right .l7-popup-tip {
-  -webkit-align-self: center;
-  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/es/css/scale.less

@@ -1,34 +0,0 @@
-@import '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/es/css/select.less

@@ -1,86 +0,0 @@
-@import 'variables';
-
-.l7-select-control--normal {
-  padding: 4px 0;
-  .l7-select-control-item {
-    height: 24px;
-    line-height: 24px;
-    display: flex;
-    align-items: center;
-    padding: 0 16px;
-    font-size: 12px;
-    > * + * {
-      margin-left: 6px;
-    }
-    input[type='checkbox'] {
-      height: 14px;
-      width: 14px;
-    }
-    &:hover {
-      background-color: @l7-btn-control-bg-hover-color;
-    }
-  }
-}
-
-.l7-select-control--image {
-  padding: 12px 12px 0 12px;
-  width: @l7-select-control-image-popper-width;
-  height: 320px;
-  overflow: auto;
-  display: flex;
-  flex-wrap: wrap;
-  box-sizing: border-box;
-  align-items: flex-start;
-  .l7-select-control-item {
-    margin-right: 12px;
-    border-radius: @l7-btn-control-border-radius;
-    overflow: hidden;
-    border: 1px solid @l7-popper-control-bg-color;
-    box-sizing: content-box;
-    width: calc((100% - 36px) / 3);
-    display: flex;
-    flex-direction: column;
-    justify-content: center;
-    margin-bottom: 12px;
-    position: relative;
-    font-size: 12px;
-    img {
-      width: 142px;
-      height: 80px;
-    }
-    input[type='checkbox'] {
-      position: absolute;
-      right: 0;
-      top: 0;
-    }
-    .l7-select-control-item-row {
-      display: flex;
-      justify-content: center;
-      align-items: center;
-      line-height: 26px;
-      > * + * {
-        margin-left: 8px;
-      }
-    }
-    &.l7-select-control-item-active {
-      border-color: @l7-select-control-active-color;
-    }
-    &:nth-child(3n) {
-      margin-right: 0;
-    }
-  }
-}
-
-.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/es/css/variables.less

@@ -1,28 +0,0 @@
-// 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;
-@l7-select-control-image-popper-width: 474px;
-
-@position-list: top, right, bottom, left;

package/es/css/zoom.less

@@ -1,21 +0,0 @@
-@import 'variables';
-
-@zoom-icon-size: 14px;
-
-.l7-control-zoom {
-  box-shadow: @l7-control-shadow;
-  border-radius: @l7-btn-control-border-radius;
-  overflow: hidden;
-  .l7-button-control {
-    box-shadow: 0 0 0;
-    border-radius: 0;
-    font-size: @l7-btn-icon-size;
-    .l7-iconfont {
-      width: @zoom-icon-size;
-      height: @zoom-icon-size;
-    }
-    &:first-child {
-      border-bottom: 1px solid @l7-btn-border-color;
-    }
-  }
-}

package/es/images/quanping.svg

@@ -1,12 +0,0 @@
-<?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/es/popup/layerPopup.d.ts

@@ -1,78 +0,0 @@
-import { ILayer, IPopupOption } from '@antv/l7-core';
-import { BaseLayer } from '@antv/l7-layers';
-import { Container } from 'inversify';
-import Popup from './popup';
-export declare type LayerField = {
-    field: string;
-    formatField?: (field: string) => string;
-    formatValue?: (value: any) => any;
-    getValue?: (feature: any) => any;
-};
-export declare type LayerPopupConfigItem = {
-    layer: BaseLayer | string;
-    fields: Array<LayerField | string>;
-};
-export interface ILayerPopupOption extends IPopupOption {
-    config: LayerPopupConfigItem[];
-    trigger: 'hover' | 'click';
-}
-declare type LayerMapInfo = {
-    onMouseMove?: (layer: BaseLayer, e: any) => void;
-    onMouseOut?: (layer: BaseLayer, e: any) => void;
-    onClick?: (layer: BaseLayer, e: any) => void;
-    onSourceUpdate?: (layer: BaseLayer) => void;
-} & Partial<LayerPopupConfigItem>;
-export { LayerPopup };
-export default class LayerPopup extends Popup<ILayerPopupOption> {
-    /**
-     * 用于保存图层对应的事件回调以及配置信息
-     * @protected
-     */
-    protected layerConfigMap: WeakMap<ILayer, LayerMapInfo>;
-    /**
-     * 当期正在展示的图层以及对应元素 id 的信息
-     * @protected
-     */
-    protected displayFeatureInfo?: {
-        layer: ILayer;
-        featureId: number;
-    };
-    addTo(scene: Container): this;
-    remove(): this;
-    setOptions(option: Partial<ILayerPopupOption>): this;
-    protected getDefault(option: Partial<ILayerPopupOption>): ILayerPopupOption;
-    /**
-     * 绑定对应的图层事件
-     * @protected
-     */
-    protected bindLayerEvent(): void;
-    /**
-     * 解绑对应的图层事件
-     * @protected
-     */
-    protected unbindLayerEvent(): void;
-    protected onLayerMouseMove(layer: ILayer, e: any): void;
-    protected onLayerMouseOut(layer: ILayer, e: any): void;
-    protected onLayerClick(layer: ILayer, e: any): void;
-    protected onSourceUpdate(layer: ILayer): void;
-    /**
-     * 通过当前图层和对应选中的元素获取气泡展示的 HTML 内容
-     * @param layer
-     * @param e
-     * @protected
-     */
-    protected getLayerInfoFrag(layer: ILayer, e: any): DocumentFragment;
-    /**
-     * 通过 Layer 配置访问到真实的 Layer 实例
-     * @param config
-     * @protected
-     */
-    protected getLayerByConfig(config: LayerPopupConfigItem): ILayer | undefined;
-    /**
-     * 判断当前展示的 Feature 是否和上一次查看的一致
-     * @param layer
-     * @param featureId
-     * @protected
-     */
-    protected isSameFeature(layer: ILayer, featureId: number): boolean | undefined;
-}