@antv/l7-component 2.15.5 → 2.16.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (47) hide show
  1. package/es/assets/iconfont/iconfont.js +17 -10
  2. package/es/control/baseControl/buttonControl.js +42 -9
  3. package/es/control/baseControl/control.js +54 -25
  4. package/es/control/baseControl/popperControl.js +24 -10
  5. package/es/control/baseControl/selectControl.js +45 -6
  6. package/es/control/exportImage.js +116 -76
  7. package/es/control/fullscreen.js +53 -20
  8. package/es/control/geoLocate.js +66 -36
  9. package/es/control/layerSwitch.js +31 -0
  10. package/es/control/logo.js +14 -2
  11. package/es/control/mapTheme.js +32 -7
  12. package/es/control/mouseLocation.js +23 -2
  13. package/es/control/scale.js +29 -6
  14. package/es/control/zoom.js +23 -0
  15. package/es/index.js +12 -2
  16. package/es/marker-layer.js +75 -41
  17. package/es/marker.js +83 -29
  18. package/es/popup/layerPopup.js +82 -31
  19. package/es/popup/popup.js +127 -48
  20. package/es/utils/anchor.js +7 -3
  21. package/es/utils/popper.js +64 -15
  22. package/es/utils/screenfull.js +52 -23
  23. package/lib/assets/iconfont/iconfont.js +17 -10
  24. package/lib/control/baseControl/buttonControl.js +52 -9
  25. package/lib/control/baseControl/control.js +69 -25
  26. package/lib/control/baseControl/index.js +8 -0
  27. package/lib/control/baseControl/popperControl.js +29 -10
  28. package/lib/control/baseControl/selectControl.js +60 -6
  29. package/lib/control/exportImage.js +125 -76
  30. package/lib/control/fullscreen.js +60 -20
  31. package/lib/control/geoLocate.js +75 -36
  32. package/lib/control/layerSwitch.js +36 -0
  33. package/lib/control/logo.js +26 -2
  34. package/lib/control/mapTheme.js +42 -7
  35. package/lib/control/mouseLocation.js +33 -2
  36. package/lib/control/scale.js +40 -6
  37. package/lib/control/zoom.js +33 -0
  38. package/lib/index.js +41 -0
  39. package/lib/marker-layer.js +86 -39
  40. package/lib/marker.js +91 -29
  41. package/lib/popup/layerPopup.js +94 -29
  42. package/lib/popup/popup.js +139 -48
  43. package/lib/utils/anchor.js +9 -4
  44. package/lib/utils/icon.js +2 -0
  45. package/lib/utils/popper.js +71 -14
  46. package/lib/utils/screenfull.js +54 -23
  47. package/package.json +6 -6
@@ -8,39 +8,57 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
8
8
  import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
9
9
  import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
10
10
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
11
+
11
12
  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); }; }
13
+
12
14
  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; } }
15
+
13
16
  import { PositionType } from '@antv/l7-core';
14
17
  import { DOM } from '@antv/l7-utils';
15
18
  import Control from "./baseControl/control";
16
19
  export { MouseLocation };
20
+
17
21
  var MouseLocation = /*#__PURE__*/function (_Control) {
18
22
  _inherits(MouseLocation, _Control);
23
+
19
24
  var _super = _createSuper(MouseLocation);
25
+
20
26
  function MouseLocation() {
21
27
  var _this;
28
+
22
29
  _classCallCheck(this, MouseLocation);
30
+
23
31
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
24
32
  args[_key] = arguments[_key];
25
33
  }
34
+
26
35
  _this = _super.call.apply(_super, [this].concat(args));
36
+
27
37
  _defineProperty(_assertThisInitialized(_this), "location", [0, 0]);
38
+
28
39
  _defineProperty(_assertThisInitialized(_this), "onMouseMove", function (e) {
29
40
  var position = _this.location;
30
41
  var lngLat = e.lngLat || e.lnglat;
31
42
  var transform = _this.controlOption.transform;
43
+
32
44
  if (lngLat) {
33
45
  position = [lngLat.lng, lngLat.lat];
34
46
  }
47
+
35
48
  _this.location = position;
49
+
36
50
  if (transform) {
37
51
  position = transform(position);
38
52
  }
53
+
39
54
  _this.insertLocation2HTML(position);
55
+
40
56
  _this.emit('locationChange', position);
41
57
  });
58
+
42
59
  return _this;
43
60
  }
61
+
44
62
  _createClass(MouseLocation, [{
45
63
  key: "getLocation",
46
64
  value: function getLocation() {
@@ -53,8 +71,9 @@ var MouseLocation = /*#__PURE__*/function (_Control) {
53
71
  position: PositionType.BOTTOMLEFT,
54
72
  transform: function transform(_ref) {
55
73
  var _ref2 = _slicedToArray(_ref, 2),
56
- lng = _ref2[0],
57
- lat = _ref2[1];
74
+ lng = _ref2[0],
75
+ lat = _ref2[1];
76
+
58
77
  return [+(+lng).toFixed(6), +(+lat).toFixed(6)];
59
78
  }
60
79
  });
@@ -78,6 +97,8 @@ var MouseLocation = /*#__PURE__*/function (_Control) {
78
97
  this.container.innerText = position.join(', ');
79
98
  }
80
99
  }]);
100
+
81
101
  return MouseLocation;
82
102
  }(Control);
103
+
83
104
  export { MouseLocation as default };
@@ -7,21 +7,31 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
7
7
  import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
8
8
  import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
9
9
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
10
+
10
11
  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); }; }
12
+
11
13
  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; } }
14
+
12
15
  import { DOM, lnglatDistance } from '@antv/l7-utils';
13
16
  import { Control, PositionType } from "./baseControl";
14
17
  export { Scale };
18
+
15
19
  var Scale = /*#__PURE__*/function (_Control) {
16
20
  _inherits(Scale, _Control);
21
+
17
22
  var _super = _createSuper(Scale);
23
+
18
24
  function Scale() {
19
25
  var _this;
26
+
20
27
  _classCallCheck(this, Scale);
28
+
21
29
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
22
30
  args[_key] = arguments[_key];
23
31
  }
32
+
24
33
  _this = _super.call.apply(_super, [this].concat(args));
34
+
25
35
  _defineProperty(_assertThisInitialized(_this), "update", function () {
26
36
  var mapsService = _this.mapsService;
27
37
  var maxWidth = _this.controlOption.maxWidth;
@@ -29,10 +39,13 @@ var Scale = /*#__PURE__*/function (_Control) {
29
39
  var p1 = mapsService.containerToLngLat([0, y]);
30
40
  var p2 = mapsService.containerToLngLat([maxWidth, y]);
31
41
  var maxMeters = lnglatDistance([p1.lng, p1.lat], [p2.lng, p2.lat]);
42
+
32
43
  _this.updateScales(maxMeters);
33
44
  });
45
+
34
46
  return _this;
35
47
  }
48
+
36
49
  _createClass(Scale, [{
37
50
  key: "getDefault",
38
51
  value: function getDefault(option) {
@@ -68,6 +81,7 @@ var Scale = /*#__PURE__*/function (_Control) {
68
81
  key: "setOptions",
69
82
  value: function setOptions(newOption) {
70
83
  _get(_getPrototypeOf(Scale.prototype), "setOptions", this).call(this, newOption);
84
+
71
85
  if (this.checkUpdateOption(newOption, ['lockWidth', 'maxWidth', 'metric', 'updateWhenIdle', 'imperial'])) {
72
86
  this.resetScaleLines(this.container);
73
87
  }
@@ -76,11 +90,13 @@ var Scale = /*#__PURE__*/function (_Control) {
76
90
  key: "updateScales",
77
91
  value: function updateScales(maxMeters) {
78
92
  var _this$controlOption = this.controlOption,
79
- metric = _this$controlOption.metric,
80
- imperial = _this$controlOption.imperial;
93
+ metric = _this$controlOption.metric,
94
+ imperial = _this$controlOption.imperial;
95
+
81
96
  if (metric && maxMeters) {
82
97
  this.updateMetric(maxMeters);
83
98
  }
99
+
84
100
  if (imperial && maxMeters) {
85
101
  this.updateImperial(maxMeters);
86
102
  }
@@ -90,19 +106,23 @@ var Scale = /*#__PURE__*/function (_Control) {
90
106
  value: function resetScaleLines(container) {
91
107
  DOM.clearChildren(container);
92
108
  var _this$controlOption2 = this.controlOption,
93
- metric = _this$controlOption2.metric,
94
- imperial = _this$controlOption2.imperial,
95
- maxWidth = _this$controlOption2.maxWidth,
96
- lockWidth = _this$controlOption2.lockWidth;
109
+ metric = _this$controlOption2.metric,
110
+ imperial = _this$controlOption2.imperial,
111
+ maxWidth = _this$controlOption2.maxWidth,
112
+ lockWidth = _this$controlOption2.lockWidth;
113
+
97
114
  if (lockWidth) {
98
115
  DOM.addStyle(container, "width: ".concat(maxWidth, "px"));
99
116
  }
117
+
100
118
  if (metric) {
101
119
  this.mScale = DOM.create('div', 'l7-control-scale-line', container);
102
120
  }
121
+
103
122
  if (imperial) {
104
123
  this.iScale = DOM.create('div', 'l7-control-scale-line', container);
105
124
  }
125
+
106
126
  this.update();
107
127
  }
108
128
  }, {
@@ -134,6 +154,7 @@ var Scale = /*#__PURE__*/function (_Control) {
134
154
  var maxMiles;
135
155
  var miles;
136
156
  var feet;
157
+
137
158
  if (maxFeet > 5280) {
138
159
  maxMiles = maxFeet / 5280;
139
160
  miles = this.getRoundNum(maxMiles);
@@ -144,6 +165,8 @@ var Scale = /*#__PURE__*/function (_Control) {
144
165
  }
145
166
  }
146
167
  }]);
168
+
147
169
  return Scale;
148
170
  }(Control);
171
+
149
172
  export { Scale as default };
@@ -7,46 +7,64 @@ import _inherits from "@babel/runtime/helpers/esm/inherits";
7
7
  import _possibleConstructorReturn from "@babel/runtime/helpers/esm/possibleConstructorReturn";
8
8
  import _getPrototypeOf from "@babel/runtime/helpers/esm/getPrototypeOf";
9
9
  import _defineProperty from "@babel/runtime/helpers/esm/defineProperty";
10
+
10
11
  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); }; }
12
+
11
13
  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; } }
14
+
12
15
  import { PositionType } from '@antv/l7-core';
13
16
  import { DOM } from '@antv/l7-utils';
14
17
  import { createL7Icon } from "../utils/icon";
15
18
  import { Control } from "./baseControl";
16
19
  export { Zoom };
20
+
17
21
  var Zoom = /*#__PURE__*/function (_Control) {
18
22
  _inherits(Zoom, _Control);
23
+
19
24
  var _super = _createSuper(Zoom);
25
+
20
26
  function Zoom() {
21
27
  var _this;
28
+
22
29
  _classCallCheck(this, Zoom);
30
+
23
31
  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
24
32
  args[_key] = arguments[_key];
25
33
  }
34
+
26
35
  _this = _super.call.apply(_super, [this].concat(args));
36
+
27
37
  _defineProperty(_assertThisInitialized(_this), "zoomIn", function () {
28
38
  if (!_this.disabled && _this.mapsService.getZoom() < _this.mapsService.getMaxZoom()) {
29
39
  _this.mapsService.zoomIn();
30
40
  }
31
41
  });
42
+
32
43
  _defineProperty(_assertThisInitialized(_this), "zoomOut", function () {
33
44
  if (!_this.disabled && _this.mapsService.getZoom() > _this.mapsService.getMinZoom()) {
34
45
  _this.mapsService.zoomOut();
35
46
  }
36
47
  });
48
+
37
49
  _defineProperty(_assertThisInitialized(_this), "updateDisabled", function () {
38
50
  var mapsService = _this.mapsService;
51
+
39
52
  _this.zoomInButton.removeAttribute('disabled');
53
+
40
54
  _this.zoomOutButton.removeAttribute('disabled');
55
+
41
56
  if (_this.disabled || mapsService.getZoom() <= mapsService.getMinZoom()) {
42
57
  _this.zoomOutButton.setAttribute('disabled', 'true');
43
58
  }
59
+
44
60
  if (_this.disabled || mapsService.getZoom() >= mapsService.getMaxZoom()) {
45
61
  _this.zoomInButton.setAttribute('disabled', 'true');
46
62
  }
47
63
  });
64
+
48
65
  return _this;
49
66
  }
67
+
50
68
  _createClass(Zoom, [{
51
69
  key: "getDefault",
52
70
  value: function getDefault(option) {
@@ -63,6 +81,7 @@ var Zoom = /*#__PURE__*/function (_Control) {
63
81
  key: "setOptions",
64
82
  value: function setOptions(newOptions) {
65
83
  _get(_getPrototypeOf(Zoom.prototype), "setOptions", this).call(this, newOptions);
84
+
66
85
  if (this.checkUpdateOption(newOptions, ['zoomInText', 'zoomInTitle', 'zoomOutText', 'zoomOutTitle'])) {
67
86
  this.resetButtonGroup(this.container);
68
87
  }
@@ -108,16 +127,20 @@ var Zoom = /*#__PURE__*/function (_Control) {
108
127
  key: "createButton",
109
128
  value: function createButton(html, tile, className, container, fn) {
110
129
  var link = DOM.create('button', className, container);
130
+
111
131
  if (typeof html === 'string') {
112
132
  link.innerHTML = html;
113
133
  } else {
114
134
  link.append(html);
115
135
  }
136
+
116
137
  link.title = tile;
117
138
  link.addEventListener('click', fn);
118
139
  return link;
119
140
  }
120
141
  }]);
142
+
121
143
  return Zoom;
122
144
  }(Control);
145
+
123
146
  export { Zoom as default };
package/es/index.js CHANGED
@@ -1,37 +1,47 @@
1
1
  import Marker from "./marker";
2
2
  import MarkerLayer from "./marker-layer";
3
- import "./assets/iconfont/iconfont.js";
4
- // 引入样式
3
+ import "./assets/iconfont/iconfont.js"; // 引入样式
4
+
5
5
  function loadStyles(css, doc) {
6
6
  var isMiniAli = typeof my !== 'undefined' && !!my && typeof my.showToast === 'function' && my.isFRM !== true;
7
7
  var isWeChatMiniProgram = typeof wx !== 'undefined' && wx !== null && (typeof wx.request !== 'undefined' || typeof wx.miniProgram !== 'undefined');
8
+
8
9
  if (isMiniAli || isWeChatMiniProgram) {
9
10
  return;
10
11
  }
12
+
11
13
  if (!doc) doc = document;
14
+
12
15
  if (!doc) {
13
16
  return;
14
17
  }
18
+
15
19
  var head = doc.head || doc.getElementsByTagName('head')[0];
20
+
16
21
  if (!head) {
17
22
  head = doc.createElement('head');
18
23
  var body = doc.body || doc.getElementsByTagName('body')[0];
24
+
19
25
  if (body) {
20
26
  body.parentNode.insertBefore(head, body);
21
27
  } else {
22
28
  doc.documentElement.appendChild(head);
23
29
  }
24
30
  }
31
+
25
32
  var style = doc.createElement('style');
26
33
  style.type = 'text/css';
34
+
27
35
  if (style.styleSheet) {
28
36
  style.styleSheet.cssText = css;
29
37
  } else {
30
38
  style.appendChild(doc.createTextNode(css));
31
39
  }
40
+
32
41
  head.appendChild(style);
33
42
  return style;
34
43
  }
44
+
35
45
  loadStyles(".l7-marker-container {\n position: absolute;\n width: 100%;\n height: 100%;\n overflow: hidden;\n}\n.l7-marker {\n position: absolute !important;\n top: 0;\n left: 0;\n z-index: 5;\n cursor: pointer;\n}\n.l7-marker-cluster {\n width: 40px;\n height: 40px;\n background-color: rgba(181, 226, 140, 0.6);\n background-clip: padding-box;\n border-radius: 20px;\n}\n.l7-marker-cluster div {\n width: 30px;\n height: 30px;\n margin-top: 5px;\n margin-left: 5px;\n font: 12px 'Helvetica Neue', Arial, Helvetica, sans-serif;\n text-align: center;\n background-color: rgba(110, 204, 57, 0.6);\n border-radius: 15px;\n}\n.l7-marker-cluster span {\n line-height: 30px;\n}\n.l7-touch .l7-control-attribution,\n.l7-touch .l7-control-layers,\n.l7-touch .l7-bar {\n -webkit-box-shadow: none;\n box-shadow: none;\n}\n.l7-touch .l7-control-layers,\n.l7-touch .l7-bar {\n background-clip: padding-box;\n border: 2px solid rgba(0, 0, 0, 0.2);\n}\n.mapboxgl-ctrl-logo,\n.amap-logo {\n display: none !important;\n}\n.l7-select-box {\n border: 3px dashed gray;\n border-radius: 2px;\n position: absolute;\n z-index: 1000;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n}\n.l7-control-container {\n font: 12px/1.5 'Helvetica Neue', Arial, Helvetica, sans-serif;\n}\n.l7-control-container .l7-control {\n position: relative;\n z-index: 800;\n float: left;\n clear: both;\n color: #595959;\n font-size: 12px;\n pointer-events: visiblePainted;\n /* IE 9-10 doesn't have auto */\n pointer-events: auto;\n}\n.l7-control-container .l7-control.l7-control--hide {\n display: none;\n}\n.l7-control-container .l7-top {\n top: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n z-index: 1000;\n pointer-events: none;\n}\n.l7-control-container .l7-top .l7-control:not(.l7-control--hide) {\n margin-top: 8px;\n}\n.l7-control-container .l7-right {\n right: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n z-index: 1000;\n pointer-events: none;\n}\n.l7-control-container .l7-right .l7-control:not(.l7-control--hide) {\n margin-right: 8px;\n}\n.l7-control-container .l7-bottom {\n bottom: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n z-index: 1000;\n pointer-events: none;\n}\n.l7-control-container .l7-bottom .l7-control:not(.l7-control--hide) {\n margin-bottom: 8px;\n}\n.l7-control-container .l7-left {\n left: 0;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n position: absolute;\n z-index: 1000;\n pointer-events: none;\n}\n.l7-control-container .l7-left .l7-control:not(.l7-control--hide) {\n margin-left: 8px;\n}\n.l7-control-container .l7-center {\n position: absolute;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n}\n.l7-control-container .l7-center.l7-top,\n.l7-control-container .l7-center.l7-bottom {\n width: 100%;\n}\n.l7-control-container .l7-center.l7-left,\n.l7-control-container .l7-center.l7-right {\n height: 100%;\n}\n.l7-control-container .l7-center .l7-control {\n margin-right: 8px;\n margin-bottom: 8px;\n}\n.l7-control-container .l7-row {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.l7-control-container .l7-row.l7-top {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.l7-control-container .l7-row.l7-bottom {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.l7-control-container .l7-column {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.l7-control-container .l7-column.l7-left {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.l7-control-container .l7-column.l7-right {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.l7-button-control {\n min-width: 28px;\n height: 28px;\n background-color: #fff;\n border-width: 0;\n border-radius: 2px;\n outline: 0;\n cursor: pointer;\n -webkit-transition: all 0.2s;\n transition: all 0.2s;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 0 6px;\n -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n line-height: 16px;\n}\n.l7-button-control .l7-iconfont {\n fill: #595959;\n color: #595959;\n width: 16px;\n height: 16px;\n}\n.l7-button-control.l7-button-control--row {\n padding: 0 16px 0 13px;\n}\n.l7-button-control.l7-button-control--row * + .l7-button-control__text {\n margin-left: 8px;\n}\n.l7-button-control.l7-button-control--column {\n height: 44px;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.l7-button-control.l7-button-control--column .l7-iconfont {\n margin-top: 3px;\n}\n.l7-button-control.l7-button-control--column .l7-button-control__text {\n margin-top: 3px;\n font-size: 10px;\n -webkit-transform: scale(0.83333);\n transform: scale(0.83333);\n}\n.l7-button-control:not(:disabled):hover {\n background-color: #f3f3f3;\n}\n.l7-button-control:not(:disabled):active {\n background-color: #f3f3f3;\n}\n.l7-button-control:disabled {\n background-color: #fafafa;\n color: #bdbdbd;\n cursor: not-allowed;\n}\n.l7-button-control:disabled .l7-iconfont {\n fill: #bdbdbd;\n color: #bdbdbd;\n}\n.l7-button-control:disabled:hover {\n background-color: #fafafa;\n}\n.l7-button-control:disabled:active {\n background-color: #fafafa;\n}\n.l7-popper {\n position: absolute;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n z-index: 5;\n color: #595959;\n}\n.l7-popper.l7-popper-hide {\n display: none;\n}\n.l7-popper .l7-popper-content {\n min-height: 28px;\n background: #fff;\n border-radius: 2px;\n -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n}\n.l7-popper .l7-popper-arrow {\n width: 0;\n height: 0;\n border-width: 4px;\n border-style: solid;\n border-top-color: transparent;\n border-bottom-color: transparent;\n border-left-color: transparent;\n border-right-color: transparent;\n -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n}\n.l7-popper.l7-popper-left {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.l7-popper.l7-popper-left .l7-popper-arrow {\n border-left-color: #fff;\n margin: 10px 0;\n}\n.l7-popper.l7-popper-right {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.l7-popper.l7-popper-right .l7-popper-arrow {\n border-right-color: #fff;\n margin: 10px 0;\n}\n.l7-popper.l7-popper-top {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.l7-popper.l7-popper-top .l7-popper-arrow {\n border-top-color: #fff;\n margin: 0 10px;\n}\n.l7-popper.l7-popper-bottom {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n.l7-popper.l7-popper-bottom .l7-popper-arrow {\n border-bottom-color: #fff;\n margin: 0 10px;\n}\n.l7-popper.l7-popper-start {\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.l7-popper.l7-popper-end {\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.l7-select-control--normal {\n padding: 4px 0;\n}\n.l7-select-control--normal .l7-select-control-item {\n height: 24px;\n line-height: 24px;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n padding: 0 16px;\n font-size: 12px;\n}\n.l7-select-control--normal .l7-select-control-item > * + * {\n margin-left: 6px;\n}\n.l7-select-control--normal .l7-select-control-item input[type='checkbox'] {\n height: 14px;\n width: 14px;\n}\n.l7-select-control--normal .l7-select-control-item:hover {\n background-color: #f3f3f3;\n}\n.l7-select-control--image {\n padding: 12px 12px 0 12px;\n width: 474px;\n height: 320px;\n overflow: auto;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -ms-flex-wrap: wrap;\n flex-wrap: wrap;\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n -webkit-box-align: start;\n -ms-flex-align: start;\n align-items: flex-start;\n}\n.l7-select-control--image .l7-select-control-item {\n margin-right: 12px;\n border-radius: 2px;\n overflow: hidden;\n border: 1px solid #fff;\n -webkit-box-sizing: content-box;\n box-sizing: content-box;\n width: calc((100% - 36px) / 3);\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n margin-bottom: 12px;\n position: relative;\n font-size: 12px;\n}\n.l7-select-control--image .l7-select-control-item img {\n width: 142px;\n height: 80px;\n}\n.l7-select-control--image .l7-select-control-item input[type='checkbox'] {\n position: absolute;\n right: 0;\n top: 0;\n}\n.l7-select-control--image .l7-select-control-item .l7-select-control-item-row {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-pack: center;\n -ms-flex-pack: center;\n justify-content: center;\n -webkit-box-align: center;\n -ms-flex-align: center;\n align-items: center;\n line-height: 26px;\n}\n.l7-select-control--image .l7-select-control-item .l7-select-control-item-row > * + * {\n margin-left: 8px;\n}\n.l7-select-control--image .l7-select-control-item.l7-select-control-item-active {\n border-color: #0370fe;\n}\n.l7-select-control--image .l7-select-control-item:nth-child(3n) {\n margin-right: 0;\n}\n.l7-select-control-item {\n cursor: pointer;\n}\n.l7-select-control-item input[type='checkbox'] {\n margin: 0;\n cursor: pointer;\n}\n.l7-select-control--multiple .l7-select-control-item:hover {\n background-color: transparent;\n}\n.l7-control-logo {\n width: 89px;\n height: 16px;\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n}\n.l7-control-logo img {\n height: 100%;\n width: 100%;\n}\n.l7-control-logo .l7-control-logo-link {\n display: block;\n cursor: pointer;\n}\n.l7-control-logo .l7-control-logo-link img {\n cursor: pointer;\n}\n.l7-control-mouse-location {\n background-color: #fff;\n border-radius: 2px;\n -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n padding: 2px 4px;\n min-width: 130px;\n}\n.l7-control-zoom {\n -webkit-box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n box-shadow: 0 0 20px 0 rgba(0, 0, 0, 0.15);\n border-radius: 2px;\n overflow: hidden;\n}\n.l7-control-zoom .l7-button-control {\n -webkit-box-shadow: 0 0 0;\n box-shadow: 0 0 0;\n border-radius: 0;\n font-size: 16px;\n}\n.l7-control-zoom .l7-button-control .l7-iconfont {\n width: 14px;\n height: 14px;\n}\n.l7-control-zoom .l7-button-control:first-child {\n border-bottom: 1px solid #f0f0f0;\n}\n.l7-control-scale {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.l7-control-scale .l7-control-scale-line {\n -webkit-box-sizing: border-box;\n box-sizing: border-box;\n padding: 2px 5px 1px;\n overflow: hidden;\n color: #595959;\n font-size: 10px;\n line-height: 1.1;\n white-space: nowrap;\n background: #fff;\n border: 2px solid #000;\n border-top: 0;\n -webkit-transition: width 0.1s;\n transition: width 0.1s;\n}\n.l7-control-scale .l7-control-scale-line + .l7-control-scale .l7-control-scale-line {\n margin-top: -2px;\n border-top: 2px solid #777;\n border-bottom: none;\n}\n.l7-right .l7-control-scale {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n -webkit-box-align: end;\n -ms-flex-align: end;\n align-items: flex-end;\n}\n.l7-right .l7-control-scale .l7-control-scale-line {\n text-align: right;\n}\n.l7-popup {\n position: absolute;\n top: 0;\n left: 0;\n z-index: 5;\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n will-change: transform;\n pointer-events: none;\n}\n.l7-popup.l7-popup-hide {\n display: none;\n}\n.l7-popup .l7-popup-content {\n position: relative;\n padding: 16px;\n font-size: 14px;\n background: #fff;\n border-radius: 3px;\n -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);\n}\n.l7-popup .l7-popup-content .l7-popup-content__title {\n margin-bottom: 8px;\n font-weight: bold;\n}\n.l7-popup .l7-popup-content .l7-popup-close-button,\n.l7-popup .l7-popup-content .l7-popup-content__title,\n.l7-popup .l7-popup-content .l7-popup-content__panel {\n white-space: normal;\n -webkit-user-select: text;\n -moz-user-select: text;\n -ms-user-select: text;\n user-select: text;\n pointer-events: initial;\n}\n.l7-popup .l7-popup-content .l7-popup-close-button {\n position: absolute;\n top: 0;\n right: 0;\n width: 18px;\n height: 18px;\n padding: 0;\n font-size: 14px;\n line-height: 18px;\n text-align: center;\n background-color: transparent;\n border: 0;\n border-radius: 0 3px 0 0;\n cursor: pointer;\n}\n.l7-popup .l7-popup-tip {\n position: relative;\n z-index: 1;\n width: 0;\n height: 0;\n border: 10px solid transparent;\n}\n.l7-popup.l7-popup-anchor-bottom,\n.l7-popup.l7-popup-anchor-bottom-left,\n.l7-popup.l7-popup-anchor-bottom-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: reverse;\n -ms-flex-direction: column-reverse;\n flex-direction: column-reverse;\n}\n.l7-popup.l7-popup-anchor-bottom .l7-popup-tip,\n.l7-popup.l7-popup-anchor-bottom-left .l7-popup-tip,\n.l7-popup.l7-popup-anchor-bottom-right .l7-popup-tip {\n bottom: 1px;\n}\n.l7-popup.l7-popup-anchor-top,\n.l7-popup.l7-popup-anchor-top-left,\n.l7-popup.l7-popup-anchor-top-right {\n -webkit-box-orient: vertical;\n -webkit-box-direction: normal;\n -ms-flex-direction: column;\n flex-direction: column;\n}\n.l7-popup.l7-popup-anchor-top .l7-popup-tip,\n.l7-popup.l7-popup-anchor-top-left .l7-popup-tip,\n.l7-popup.l7-popup-anchor-top-right .l7-popup-tip {\n top: 1px;\n}\n.l7-popup.l7-popup-anchor-left {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: normal;\n -ms-flex-direction: row;\n flex-direction: row;\n}\n.l7-popup.l7-popup-anchor-right {\n -webkit-box-orient: horizontal;\n -webkit-box-direction: reverse;\n -ms-flex-direction: row-reverse;\n flex-direction: row-reverse;\n}\n.l7-popup-anchor-top .l7-popup-tip {\n position: relative;\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n border-top: none;\n border-bottom-color: #fff;\n}\n.l7-popup-anchor-top-left .l7-popup-tip {\n -webkit-align-self: flex-start;\n -ms-flex-item-align: start;\n align-self: flex-start;\n border-top: none;\n border-bottom-color: #fff;\n border-left: none;\n}\n.l7-popup-anchor-top-right .l7-popup-tip {\n -webkit-align-self: flex-end;\n -ms-flex-item-align: end;\n align-self: flex-end;\n border-top: none;\n border-right: none;\n border-bottom-color: #fff;\n}\n.l7-popup-anchor-bottom .l7-popup-tip {\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n border-top-color: #fff;\n border-bottom: none;\n}\n.l7-popup-anchor-bottom-left .l7-popup-tip {\n -webkit-align-self: flex-start;\n -ms-flex-item-align: start;\n align-self: flex-start;\n border-top-color: #fff;\n border-bottom: none;\n border-left: none;\n}\n.l7-popup-anchor-bottom-right .l7-popup-tip {\n -webkit-align-self: flex-end;\n -ms-flex-item-align: end;\n align-self: flex-end;\n border-top-color: #fff;\n border-right: none;\n border-bottom: none;\n}\n.l7-popup-anchor-left .l7-popup-tip {\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n border-right-color: #fff;\n border-left: none;\n}\n.l7-popup-anchor-right .l7-popup-tip {\n right: 1px;\n -webkit-align-self: center;\n -ms-flex-item-align: center;\n align-self: center;\n border-right: none;\n border-left-color: #fff;\n}\n.l7-popup-anchor-top-left .l7-popup-content {\n border-top-left-radius: 0;\n}\n.l7-popup-anchor-top-right .l7-popup-content {\n border-top-right-radius: 0;\n}\n.l7-popup-anchor-bottom-left .l7-popup-content {\n border-bottom-left-radius: 0;\n}\n.l7-popup-anchor-bottom-right .l7-popup-content {\n border-bottom-right-radius: 0;\n}\n.l7-popup-track-pointer {\n display: none;\n}\n.l7-popup-track-pointer * {\n -webkit-user-select: none;\n -moz-user-select: none;\n -ms-user-select: none;\n user-select: none;\n pointer-events: none;\n}\n.l7-map:hover .l7-popup-track-pointer {\n display: -webkit-box;\n display: -ms-flexbox;\n display: flex;\n}\n.l7-map:active .l7-popup-track-pointer {\n display: none;\n}\n.l7-layer-popup__row {\n font-size: 12px;\n}\n.l7-layer-popup__row + .l7-layer-popup__row {\n margin-top: 4px;\n}\n");
36
46
  export * from "./control/baseControl";
37
47
  export * from "./control/exportImage";