@antv/l7-component 2.22.4 → 2.22.6
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.
- package/es/css/button.less +8 -1
- package/es/css/control.less +9 -2
- package/es/css/index.css +150 -41
- package/es/css/index.less +13 -13
- package/es/css/l7.less +7 -4
- package/es/css/layerPopup.less +2 -1
- package/es/css/logo.less +4 -1
- package/es/css/mouseLocation.less +1 -1
- package/es/css/popper.less +15 -5
- package/es/css/popup.less +6 -15
- package/es/css/scale.less +4 -1
- package/es/css/select.less +14 -3
- package/es/css/swipe.less +13 -13
- package/es/css/zoom.less +6 -1
- package/es/index.js +150 -28
- package/lib/css/button.less +8 -1
- package/lib/css/control.less +9 -2
- package/lib/css/index.css +150 -41
- package/lib/css/index.less +13 -13
- package/lib/css/l7.less +7 -4
- package/lib/css/layerPopup.less +2 -1
- package/lib/css/logo.less +4 -1
- package/lib/css/mouseLocation.less +1 -1
- package/lib/css/popper.less +15 -5
- package/lib/css/popup.less +6 -15
- package/lib/css/scale.less +4 -1
- package/lib/css/select.less +14 -3
- package/lib/css/swipe.less +13 -13
- package/lib/css/zoom.less +6 -1
- package/lib/index.js +150 -28
- package/package.json +5 -5
package/es/css/index.less
CHANGED
|
@@ -1,13 +1,13 @@
|
|
|
1
|
-
@import 'variables';
|
|
2
|
-
@import 'l7';
|
|
3
|
-
@import 'control';
|
|
4
|
-
@import 'button';
|
|
5
|
-
@import 'popper';
|
|
6
|
-
@import 'select';
|
|
7
|
-
@import 'logo';
|
|
8
|
-
@import 'mouseLocation';
|
|
9
|
-
@import 'zoom';
|
|
10
|
-
@import 'scale';
|
|
11
|
-
@import 'popup';
|
|
12
|
-
@import 'layerPopup';
|
|
13
|
-
@import 'swipe';
|
|
1
|
+
@import url('variables');
|
|
2
|
+
@import url('l7');
|
|
3
|
+
@import url('control');
|
|
4
|
+
@import url('button');
|
|
5
|
+
@import url('popper');
|
|
6
|
+
@import url('select');
|
|
7
|
+
@import url('logo');
|
|
8
|
+
@import url('mouseLocation');
|
|
9
|
+
@import url('zoom');
|
|
10
|
+
@import url('scale');
|
|
11
|
+
@import url('popup');
|
|
12
|
+
@import url('layerPopup');
|
|
13
|
+
@import url('swipe');
|
package/es/css/l7.less
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import 'variables.less';
|
|
1
|
+
@import url('variables.less');
|
|
2
2
|
|
|
3
3
|
.l7-marker-container {
|
|
4
4
|
position: absolute;
|
|
@@ -18,10 +18,11 @@
|
|
|
18
18
|
.l7-marker-cluster {
|
|
19
19
|
width: 40px;
|
|
20
20
|
height: 40px;
|
|
21
|
-
background-color:
|
|
21
|
+
background-color: rgb(181 226 140 / 60%);
|
|
22
22
|
background-clip: padding-box;
|
|
23
23
|
border-radius: 20px;
|
|
24
24
|
}
|
|
25
|
+
|
|
25
26
|
.l7-marker-cluster div {
|
|
26
27
|
width: 30px;
|
|
27
28
|
height: 30px;
|
|
@@ -33,9 +34,10 @@
|
|
|
33
34
|
Helvetica,
|
|
34
35
|
sans-serif;
|
|
35
36
|
text-align: center;
|
|
36
|
-
background-color:
|
|
37
|
+
background-color: rgb(110 204 57 / 60%);
|
|
37
38
|
border-radius: 15px;
|
|
38
39
|
}
|
|
40
|
+
|
|
39
41
|
.l7-marker-cluster span {
|
|
40
42
|
line-height: 30px;
|
|
41
43
|
}
|
|
@@ -45,10 +47,11 @@
|
|
|
45
47
|
.l7-touch .l7-bar {
|
|
46
48
|
box-shadow: none;
|
|
47
49
|
}
|
|
50
|
+
|
|
48
51
|
.l7-touch .l7-control-layers,
|
|
49
52
|
.l7-touch .l7-bar {
|
|
50
53
|
background-clip: padding-box;
|
|
51
|
-
border: 2px solid
|
|
54
|
+
border: 2px solid rgb(0 0 0 / 20%);
|
|
52
55
|
}
|
|
53
56
|
|
|
54
57
|
// 隐藏底图 Logo
|
package/es/css/layerPopup.less
CHANGED
package/es/css/logo.less
CHANGED
|
@@ -1,16 +1,19 @@
|
|
|
1
|
-
@import 'variables';
|
|
1
|
+
@import url('variables');
|
|
2
2
|
|
|
3
3
|
.l7-control-logo {
|
|
4
4
|
width: 89px;
|
|
5
5
|
height: 16px;
|
|
6
6
|
user-select: none;
|
|
7
|
+
|
|
7
8
|
img {
|
|
8
9
|
height: 100%;
|
|
9
10
|
width: 100%;
|
|
10
11
|
}
|
|
12
|
+
|
|
11
13
|
.l7-control-logo-link {
|
|
12
14
|
display: block;
|
|
13
15
|
cursor: pointer;
|
|
16
|
+
|
|
14
17
|
img {
|
|
15
18
|
cursor: pointer;
|
|
16
19
|
}
|
package/es/css/popper.less
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import 'variables';
|
|
1
|
+
@import url('variables');
|
|
2
2
|
|
|
3
3
|
.l7-popper {
|
|
4
4
|
position: absolute;
|
|
@@ -7,57 +7,67 @@
|
|
|
7
7
|
align-items: center;
|
|
8
8
|
z-index: 5;
|
|
9
9
|
color: @l7-control-font-color;
|
|
10
|
+
|
|
10
11
|
&.l7-popper-hide {
|
|
11
12
|
display: none;
|
|
12
13
|
}
|
|
14
|
+
|
|
13
15
|
.l7-popper-content {
|
|
14
16
|
min-height: @l7-btn-control-size;
|
|
15
17
|
background: @l7-popper-control-bg-color;
|
|
16
18
|
border-radius: @l7-btn-control-border-radius;
|
|
17
19
|
box-shadow: @l7-control-shadow;
|
|
18
20
|
}
|
|
21
|
+
|
|
19
22
|
.l7-popper-arrow {
|
|
20
23
|
width: 0;
|
|
21
24
|
height: 0;
|
|
22
25
|
border-width: @l7-popper-control-arrow-size;
|
|
23
26
|
border-style: solid;
|
|
24
|
-
border-
|
|
25
|
-
border-bottom-color: transparent;
|
|
26
|
-
border-left-color: transparent;
|
|
27
|
-
border-right-color: transparent;
|
|
27
|
+
border-color: transparent;
|
|
28
28
|
box-shadow: @l7-control-shadow;
|
|
29
29
|
}
|
|
30
|
+
|
|
30
31
|
&.l7-popper-left {
|
|
31
32
|
flex-direction: row;
|
|
33
|
+
|
|
32
34
|
.l7-popper-arrow {
|
|
33
35
|
border-left-color: @l7-popper-control-bg-color;
|
|
34
36
|
margin: (@l7-btn-control-size / 2 - @l7-popper-control-arrow-size) 0;
|
|
35
37
|
}
|
|
36
38
|
}
|
|
39
|
+
|
|
37
40
|
&.l7-popper-right {
|
|
38
41
|
flex-direction: row-reverse;
|
|
42
|
+
|
|
39
43
|
.l7-popper-arrow {
|
|
40
44
|
border-right-color: @l7-popper-control-bg-color;
|
|
41
45
|
margin: (@l7-btn-control-size / 2 - @l7-popper-control-arrow-size) 0;
|
|
42
46
|
}
|
|
43
47
|
}
|
|
48
|
+
|
|
44
49
|
&.l7-popper-top {
|
|
45
50
|
flex-direction: column;
|
|
51
|
+
|
|
46
52
|
.l7-popper-arrow {
|
|
47
53
|
border-top-color: @l7-popper-control-bg-color;
|
|
48
54
|
margin: 0 (@l7-btn-control-size / 2 - @l7-popper-control-arrow-size);
|
|
49
55
|
}
|
|
50
56
|
}
|
|
57
|
+
|
|
51
58
|
&.l7-popper-bottom {
|
|
52
59
|
flex-direction: column-reverse;
|
|
60
|
+
|
|
53
61
|
.l7-popper-arrow {
|
|
54
62
|
border-bottom-color: @l7-popper-control-bg-color;
|
|
55
63
|
margin: 0 (@l7-btn-control-size / 2 - @l7-popper-control-arrow-size);
|
|
56
64
|
}
|
|
57
65
|
}
|
|
66
|
+
|
|
58
67
|
&.l7-popper-start {
|
|
59
68
|
align-items: flex-start;
|
|
60
69
|
}
|
|
70
|
+
|
|
61
71
|
&.l7-popper-end {
|
|
62
72
|
align-items: flex-end;
|
|
63
73
|
}
|
package/es/css/popup.less
CHANGED
|
@@ -1,14 +1,14 @@
|
|
|
1
|
-
@import 'variables';
|
|
1
|
+
@import url('variables');
|
|
2
2
|
|
|
3
3
|
.l7-popup {
|
|
4
4
|
position: absolute;
|
|
5
5
|
top: 0;
|
|
6
6
|
left: 0;
|
|
7
7
|
z-index: 5;
|
|
8
|
-
display: -webkit-flex;
|
|
9
8
|
display: flex;
|
|
10
9
|
will-change: transform;
|
|
11
10
|
pointer-events: none;
|
|
11
|
+
|
|
12
12
|
&.l7-popup-hide {
|
|
13
13
|
display: none;
|
|
14
14
|
}
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
font-size: 14px;
|
|
20
20
|
background: #fff;
|
|
21
21
|
border-radius: 3px;
|
|
22
|
-
box-shadow: 0 1px 2px
|
|
22
|
+
box-shadow: 0 1px 2px rgb(0 0 0 / 10%);
|
|
23
23
|
|
|
24
24
|
.l7-popup-content__title {
|
|
25
25
|
margin-bottom: 8px;
|
|
@@ -62,8 +62,8 @@
|
|
|
62
62
|
&.l7-popup-anchor-bottom,
|
|
63
63
|
&.l7-popup-anchor-bottom-left,
|
|
64
64
|
&.l7-popup-anchor-bottom-right {
|
|
65
|
-
-webkit-flex-direction: column-reverse;
|
|
66
65
|
flex-direction: column-reverse;
|
|
66
|
+
|
|
67
67
|
.l7-popup-tip {
|
|
68
68
|
bottom: 1px;
|
|
69
69
|
}
|
|
@@ -72,34 +72,30 @@
|
|
|
72
72
|
&.l7-popup-anchor-top,
|
|
73
73
|
&.l7-popup-anchor-top-left,
|
|
74
74
|
&.l7-popup-anchor-top-right {
|
|
75
|
-
-webkit-flex-direction: column;
|
|
76
75
|
flex-direction: column;
|
|
76
|
+
|
|
77
77
|
.l7-popup-tip {
|
|
78
78
|
top: 1px;
|
|
79
79
|
}
|
|
80
80
|
}
|
|
81
81
|
|
|
82
82
|
&.l7-popup-anchor-left {
|
|
83
|
-
-webkit-flex-direction: row;
|
|
84
83
|
flex-direction: row;
|
|
85
84
|
}
|
|
86
85
|
|
|
87
86
|
&.l7-popup-anchor-right {
|
|
88
|
-
-webkit-flex-direction: row-reverse;
|
|
89
87
|
flex-direction: row-reverse;
|
|
90
88
|
}
|
|
91
89
|
}
|
|
92
90
|
|
|
93
91
|
.l7-popup-anchor-top .l7-popup-tip {
|
|
94
92
|
position: relative;
|
|
95
|
-
-webkit-align-self: center;
|
|
96
93
|
align-self: center;
|
|
97
94
|
border-top: none;
|
|
98
95
|
border-bottom-color: #fff;
|
|
99
96
|
}
|
|
100
97
|
|
|
101
98
|
.l7-popup-anchor-top-left .l7-popup-tip {
|
|
102
|
-
-webkit-align-self: flex-start;
|
|
103
99
|
align-self: flex-start;
|
|
104
100
|
border-top: none;
|
|
105
101
|
border-bottom-color: #fff;
|
|
@@ -107,7 +103,6 @@
|
|
|
107
103
|
}
|
|
108
104
|
|
|
109
105
|
.l7-popup-anchor-top-right .l7-popup-tip {
|
|
110
|
-
-webkit-align-self: flex-end;
|
|
111
106
|
align-self: flex-end;
|
|
112
107
|
border-top: none;
|
|
113
108
|
border-right: none;
|
|
@@ -115,14 +110,12 @@
|
|
|
115
110
|
}
|
|
116
111
|
|
|
117
112
|
.l7-popup-anchor-bottom .l7-popup-tip {
|
|
118
|
-
-webkit-align-self: center;
|
|
119
113
|
align-self: center;
|
|
120
114
|
border-top-color: #fff;
|
|
121
115
|
border-bottom: none;
|
|
122
116
|
}
|
|
123
117
|
|
|
124
118
|
.l7-popup-anchor-bottom-left .l7-popup-tip {
|
|
125
|
-
-webkit-align-self: flex-start;
|
|
126
119
|
align-self: flex-start;
|
|
127
120
|
border-top-color: #fff;
|
|
128
121
|
border-bottom: none;
|
|
@@ -130,7 +123,6 @@
|
|
|
130
123
|
}
|
|
131
124
|
|
|
132
125
|
.l7-popup-anchor-bottom-right .l7-popup-tip {
|
|
133
|
-
-webkit-align-self: flex-end;
|
|
134
126
|
align-self: flex-end;
|
|
135
127
|
border-top-color: #fff;
|
|
136
128
|
border-right: none;
|
|
@@ -138,7 +130,6 @@
|
|
|
138
130
|
}
|
|
139
131
|
|
|
140
132
|
.l7-popup-anchor-left .l7-popup-tip {
|
|
141
|
-
-webkit-align-self: center;
|
|
142
133
|
align-self: center;
|
|
143
134
|
border-right-color: #fff;
|
|
144
135
|
border-left: none;
|
|
@@ -146,7 +137,6 @@
|
|
|
146
137
|
|
|
147
138
|
.l7-popup-anchor-right .l7-popup-tip {
|
|
148
139
|
right: 1px;
|
|
149
|
-
-webkit-align-self: center;
|
|
150
140
|
align-self: center;
|
|
151
141
|
border-right: none;
|
|
152
142
|
border-left-color: #fff;
|
|
@@ -170,6 +160,7 @@
|
|
|
170
160
|
|
|
171
161
|
.l7-popup-track-pointer {
|
|
172
162
|
display: none;
|
|
163
|
+
|
|
173
164
|
* {
|
|
174
165
|
user-select: none;
|
|
175
166
|
pointer-events: none;
|
package/es/css/scale.less
CHANGED
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
@import 'variables';
|
|
1
|
+
@import url('variables');
|
|
2
2
|
|
|
3
3
|
.l7-control-scale {
|
|
4
4
|
display: flex;
|
|
5
5
|
flex-direction: column;
|
|
6
|
+
|
|
6
7
|
.l7-control-scale-line {
|
|
7
8
|
box-sizing: border-box;
|
|
8
9
|
padding: 2px 5px 1px;
|
|
@@ -15,6 +16,7 @@
|
|
|
15
16
|
border: 2px solid #000;
|
|
16
17
|
border-top: 0;
|
|
17
18
|
transition: width 0.1s;
|
|
19
|
+
|
|
18
20
|
& + & {
|
|
19
21
|
margin-top: -2px;
|
|
20
22
|
border-top: 2px solid #777;
|
|
@@ -27,6 +29,7 @@
|
|
|
27
29
|
.l7-control-scale {
|
|
28
30
|
display: flex;
|
|
29
31
|
align-items: flex-end;
|
|
32
|
+
|
|
30
33
|
.l7-control-scale-line {
|
|
31
34
|
text-align: right;
|
|
32
35
|
}
|
package/es/css/select.less
CHANGED
|
@@ -1,7 +1,8 @@
|
|
|
1
|
-
@import 'variables';
|
|
1
|
+
@import url('variables');
|
|
2
2
|
|
|
3
3
|
.l7-select-control--normal {
|
|
4
4
|
padding: 4px 0;
|
|
5
|
+
|
|
5
6
|
.l7-select-control-item {
|
|
6
7
|
display: flex;
|
|
7
8
|
align-items: center;
|
|
@@ -9,13 +10,16 @@
|
|
|
9
10
|
padding: 0 16px;
|
|
10
11
|
font-size: 12px;
|
|
11
12
|
line-height: 24px;
|
|
13
|
+
|
|
12
14
|
> * + * {
|
|
13
15
|
margin-left: 6px;
|
|
14
16
|
}
|
|
17
|
+
|
|
15
18
|
input[type='checkbox'] {
|
|
16
19
|
width: 14px;
|
|
17
20
|
height: 14px;
|
|
18
21
|
}
|
|
22
|
+
|
|
19
23
|
&:hover {
|
|
20
24
|
background-color: @l7-btn-control-bg-hover-color;
|
|
21
25
|
}
|
|
@@ -24,6 +28,7 @@
|
|
|
24
28
|
|
|
25
29
|
.l7-select-control--image {
|
|
26
30
|
@select-control-split: 12px;
|
|
31
|
+
|
|
27
32
|
display: flex;
|
|
28
33
|
flex-wrap: wrap;
|
|
29
34
|
align-items: flex-start;
|
|
@@ -31,8 +36,8 @@
|
|
|
31
36
|
max-width: 460px;
|
|
32
37
|
max-height: 400px;
|
|
33
38
|
margin: @select-control-split 0 0 @select-control-split;
|
|
34
|
-
overflow
|
|
35
|
-
|
|
39
|
+
overflow: hidden auto;
|
|
40
|
+
|
|
36
41
|
.l7-select-control-item {
|
|
37
42
|
position: relative;
|
|
38
43
|
display: flex;
|
|
@@ -46,24 +51,29 @@
|
|
|
46
51
|
font-size: 12px;
|
|
47
52
|
border: 1px solid @l7-popper-control-bg-color;
|
|
48
53
|
border-radius: @l7-btn-control-border-radius;
|
|
54
|
+
|
|
49
55
|
img {
|
|
50
56
|
width: 100%;
|
|
51
57
|
height: 80px;
|
|
52
58
|
}
|
|
59
|
+
|
|
53
60
|
input[type='checkbox'] {
|
|
54
61
|
position: absolute;
|
|
55
62
|
top: 0;
|
|
56
63
|
right: 0;
|
|
57
64
|
}
|
|
65
|
+
|
|
58
66
|
.l7-select-control-item-row {
|
|
59
67
|
display: flex;
|
|
60
68
|
align-items: center;
|
|
61
69
|
justify-content: center;
|
|
62
70
|
line-height: 26px;
|
|
71
|
+
|
|
63
72
|
> * + * {
|
|
64
73
|
margin-left: 8px;
|
|
65
74
|
}
|
|
66
75
|
}
|
|
76
|
+
|
|
67
77
|
&.l7-select-control-item-active {
|
|
68
78
|
border-color: @l7-select-control-active-color;
|
|
69
79
|
}
|
|
@@ -72,6 +82,7 @@
|
|
|
72
82
|
|
|
73
83
|
.l7-select-control-item {
|
|
74
84
|
cursor: pointer;
|
|
85
|
+
|
|
75
86
|
input[type='checkbox'] {
|
|
76
87
|
margin: 0;
|
|
77
88
|
cursor: pointer;
|
package/es/css/swipe.less
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import 'variables';
|
|
1
|
+
@import url('variables');
|
|
2
2
|
|
|
3
3
|
.l7-control-swipe {
|
|
4
4
|
position: absolute;
|
|
@@ -12,7 +12,7 @@
|
|
|
12
12
|
display: none;
|
|
13
13
|
}
|
|
14
14
|
|
|
15
|
-
|
|
15
|
+
&::before {
|
|
16
16
|
position: absolute;
|
|
17
17
|
top: -5000px;
|
|
18
18
|
bottom: -5000px;
|
|
@@ -24,11 +24,8 @@
|
|
|
24
24
|
content: '';
|
|
25
25
|
}
|
|
26
26
|
|
|
27
|
-
&.horizontal
|
|
28
|
-
|
|
29
|
-
right: -5000px;
|
|
30
|
-
bottom: auto;
|
|
31
|
-
left: -5000px;
|
|
27
|
+
&.horizontal::before {
|
|
28
|
+
inset: 50% -5000px auto;
|
|
32
29
|
width: auto;
|
|
33
30
|
height: 4px;
|
|
34
31
|
}
|
|
@@ -54,27 +51,30 @@
|
|
|
54
51
|
&__button {
|
|
55
52
|
cursor: ew-resize;
|
|
56
53
|
}
|
|
54
|
+
|
|
57
55
|
&.horizontal,
|
|
58
56
|
&.horizontal button {
|
|
59
57
|
cursor: ns-resize;
|
|
60
58
|
}
|
|
61
59
|
|
|
62
|
-
|
|
63
|
-
&__button
|
|
64
|
-
&__button
|
|
60
|
+
&::after,
|
|
61
|
+
&__button::before,
|
|
62
|
+
&__button::after {
|
|
65
63
|
position: absolute;
|
|
66
64
|
top: 25%;
|
|
67
65
|
bottom: 25%;
|
|
68
66
|
left: 50%;
|
|
69
67
|
width: 2px;
|
|
70
|
-
background:
|
|
68
|
+
background: currentcolor;
|
|
71
69
|
transform: translate(-1px, 0);
|
|
72
70
|
content: '';
|
|
73
71
|
}
|
|
74
|
-
|
|
72
|
+
|
|
73
|
+
&__button::after {
|
|
75
74
|
transform: translateX(4px);
|
|
76
75
|
}
|
|
77
|
-
|
|
76
|
+
|
|
77
|
+
&__button::before {
|
|
78
78
|
transform: translateX(-6px);
|
|
79
79
|
}
|
|
80
80
|
}
|
package/es/css/zoom.less
CHANGED
|
@@ -1,4 +1,4 @@
|
|
|
1
|
-
@import 'variables';
|
|
1
|
+
@import url('variables');
|
|
2
2
|
|
|
3
3
|
@zoom-icon-size: 14px;
|
|
4
4
|
|
|
@@ -6,22 +6,27 @@
|
|
|
6
6
|
overflow: hidden;
|
|
7
7
|
border-radius: @l7-btn-control-border-radius;
|
|
8
8
|
box-shadow: @l7-control-shadow;
|
|
9
|
+
|
|
9
10
|
.l7-button-control {
|
|
10
11
|
font-size: @l7-btn-icon-size;
|
|
11
12
|
border-bottom: 1px solid @l7-btn-border-color;
|
|
12
13
|
border-radius: 0;
|
|
13
14
|
box-shadow: 0 0 0;
|
|
15
|
+
|
|
14
16
|
.l7-iconfont {
|
|
15
17
|
width: @zoom-icon-size;
|
|
16
18
|
height: @zoom-icon-size;
|
|
17
19
|
}
|
|
20
|
+
|
|
18
21
|
&:last-child {
|
|
19
22
|
border-bottom: 0;
|
|
20
23
|
}
|
|
21
24
|
}
|
|
25
|
+
|
|
22
26
|
& &__number {
|
|
23
27
|
color: @l7-control-font-color;
|
|
24
28
|
padding: 0;
|
|
29
|
+
|
|
25
30
|
&:hover {
|
|
26
31
|
background-color: @l7-btn-control-bg-color;
|
|
27
32
|
}
|