@vtx/cs-map 1.0.65 → 1.0.66

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 (49) hide show
  1. package/CHANGELOG.md +124 -0
  2. package/lib/_util/layer.js.map +1 -1
  3. package/lib/building-tiles-layer/BuildingTilesLayer.js +197 -0
  4. package/lib/building-tiles-layer/BuildingTilesLayer.js.map +1 -0
  5. package/lib/building-tiles-layer/index.js +90 -0
  6. package/lib/building-tiles-layer/index.js.map +1 -0
  7. package/lib/building-tiles-layer/style/css.js +4 -0
  8. package/lib/building-tiles-layer/style/css.js.map +1 -0
  9. package/lib/building-tiles-layer/style/index.css +0 -0
  10. package/lib/building-tiles-layer/style/index.js +4 -0
  11. package/lib/building-tiles-layer/style/index.js.map +1 -0
  12. package/lib/building-tiles-layer/style/index.less +0 -0
  13. package/lib/cesium-tiles-layer/CesiumTilesLayer.js +24 -1
  14. package/lib/cesium-tiles-layer/CesiumTilesLayer.js.map +1 -1
  15. package/lib/demand-layer/DemandLayer.js.map +1 -1
  16. package/lib/fly-line-layer/index.js.map +1 -1
  17. package/lib/group-layer/GroupLayer.js.map +1 -1
  18. package/lib/group-layer/index.js.map +1 -1
  19. package/lib/heatmap-layer/index.js.map +1 -1
  20. package/lib/image-layer/ImageLayer.js.map +1 -1
  21. package/lib/image-layer/index.js.map +1 -1
  22. package/lib/index.js +8 -1
  23. package/lib/index.js.map +1 -1
  24. package/lib/line-flow-layer/index.js.map +1 -1
  25. package/lib/map/Layers.js.map +1 -1
  26. package/lib/map/Popup.js.map +1 -1
  27. package/lib/map/hooks/useGetMapFeatureInfoByText.js.map +1 -1
  28. package/lib/tools/base-map-switch/index.js.map +1 -1
  29. package/lib/tools/components/Icon/index.js.map +1 -1
  30. package/lib/tools/components/Modal/index.less +33 -33
  31. package/lib/tools/components/item-wrap/index.js.map +1 -1
  32. package/lib/tools/components/tool-Item/index.js.map +1 -1
  33. package/lib/tools/components/tool-Item/index.less +27 -27
  34. package/lib/tools/dimension-switch/index.js.map +1 -1
  35. package/lib/tools/index.js.map +1 -1
  36. package/lib/tools/layer-control/index.js.map +1 -1
  37. package/lib/tools/layer-control-popover/index.js +2 -2
  38. package/lib/tools/layer-control-popover/index.js.map +1 -1
  39. package/lib/tools/map-search/index.js +3 -3
  40. package/lib/tools/map-search/index.js.map +1 -1
  41. package/lib/tools/style/index.less +282 -282
  42. package/lib/tools/tool-box/Measure/Height/index.js.map +1 -1
  43. package/lib/tools/tool-box/Measure/Measure.js +31 -31
  44. package/lib/tools/tool-box/Measure/Measure.js.map +1 -1
  45. package/lib/tools/tool-box/Measure/index.js.map +1 -1
  46. package/lib/tools/tool-box/index.js.map +1 -1
  47. package/lib/use-props/index.js.map +1 -1
  48. package/lib/water-surface-layer/index.js.map +1 -1
  49. package/package.json +1 -1
@@ -1,282 +1,282 @@
1
- .cs-tools {
2
- position: absolute;
3
- top: 10px;
4
- left: 10px;
5
- padding: 0;
6
- margin: 0;
7
-
8
- .cs-tools-item-wrap {
9
- cursor: pointer;
10
- color: #fff;
11
- transition: all 0.3s;
12
- position: relative;
13
- display: flex;
14
- justify-content: center;
15
- align-items: center;
16
- margin-bottom: 10px;
17
- width: 44px;
18
- height: 44px;
19
- background: url('../assets/footer.png') no-repeat 0 0;
20
- background-size: 100% 100%;
21
- font-size: 20px;
22
-
23
- i {
24
- background: linear-gradient(0deg, #3dc6ff 0%, #97e0ff 100%);
25
- -webkit-background-clip: text;
26
- -webkit-text-fill-color: transparent;
27
- }
28
-
29
- &:last-child {
30
- &::before {
31
- height: 0;
32
- }
33
- }
34
- }
35
-
36
- .cs-active-tools-item-wrap {
37
- box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.26);
38
- color: #fff;
39
- }
40
- }
41
-
42
- .cs-tools-item-popover {
43
- .ant-popover-inner {
44
- padding: 0;
45
- background: rgba(0, 35, 65, 0.9);
46
- border: 1px solid rgba(1, 211, 252, 0.5);
47
- box-shadow: 0 0 5px rgba(1, 211, 252, 0.75) inset;
48
- border-radius: 5px;
49
- }
50
-
51
- .ant-popover-inner-content {
52
- color: #fff;
53
- min-width: 130px;
54
- }
55
-
56
- .ant-popover-arrow-content {
57
- background: rgba(0, 35, 65, 0.9);
58
-
59
- &::before {
60
- background: rgba(1, 211, 252, 0.5);
61
- }
62
- }
63
- }
64
-
65
- .cs-tools-btn {
66
- background: rgba(0, 35, 65, 0.9);
67
- border: 1px solid #26425f;
68
- color: #97e0ff;
69
- }
70
-
71
- .cs-tools-layer-tree-wrap {
72
- max-height: 400px;
73
- overflow-y: auto;
74
- background: transparent;
75
-
76
- &::-webkit-scrollbar {
77
- /*滚动条整体样式*/
78
- width: 0; /*高宽分别对应横竖滚动条的尺寸*/
79
- height: 0;
80
- }
81
-
82
- .cs-tools-layer-tree {
83
- background: transparent;
84
- color: #fff;
85
-
86
- .ant-tree-icon__customize {
87
- margin-right: 4px;
88
-
89
- .cs-tools-layer-tree-legend {
90
- max-height: 24px;
91
- padding-bottom: 4px;
92
- }
93
- }
94
- }
95
- }
96
-
97
- .cs-autoComplete {
98
- display: flex;
99
- justify-content: space-between;
100
- align-items: center;
101
- .ant-select-selector {
102
- background: rgba(4, 32, 61, 0.96) !important;
103
- color: #fff;
104
- border: 1px solid #26425f;
105
- }
106
- }
107
-
108
- .cs-content {
109
- display: flex;
110
- align-items: center;
111
- }
112
-
113
- .cs-close-btn {
114
- color: #fff !important;
115
- font-size: 20px;
116
- font-weight: bold;
117
- cursor: pointer;
118
- }
119
-
120
- .cs-tools-close-btn {
121
- position: absolute;
122
- top: 15px;
123
- right: 10px;
124
- z-index: 999;
125
- color: #fff;
126
- font-size: 18px;
127
- font-weight: bold;
128
- cursor: pointer;
129
- }
130
-
131
- .cs-search-wrap {
132
- background: rgba(4, 32, 61, 0.96);
133
- .ant-select-auto-complete {
134
- color: #fff;
135
- }
136
- .ant-select:not(.ant-select-customize-input) .ant-select-selector {
137
- background: rgba(4, 32, 61, 0.96);
138
- border-color: #26425f;
139
- box-shadow: 0px 2px 7px 0px rgba(6, 93, 181, 0.5);
140
- border-radius: 4px;
141
- }
142
-
143
- .ant-select-dropdown {
144
- background: rgba(4, 32, 61, 0.96);
145
- }
146
- .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
147
- background: rgba(6, 93, 181, 0.5);
148
- color: #fff;
149
- }
150
- .ant-select-item-option-grouped {
151
- color: #fff;
152
- }
153
- .ant-select-item-option-content {
154
- color: #fff;
155
- }
156
- .ant-select-item-group {
157
- color: #aaa;
158
- }
159
- }
160
-
161
- .base-map-switch-active {
162
- width: 80%;
163
- height: 80%;
164
- border-radius: 50%;
165
- overflow: hidden;
166
- }
167
-
168
- .base-map-switch-list-wrap {
169
- width: 300px;
170
-
171
- .base-map-switch-list-title {
172
- font-size: 18px;
173
- }
174
-
175
- .base-map-switch-list {
176
- max-height: 400px;
177
- overflow-y: scroll;
178
-
179
- &::-webkit-scrollbar {
180
- /*滚动条整体样式*/
181
- width: 0; /*高宽分别对应横竖滚动条的尺寸*/
182
- height: 0;
183
- }
184
-
185
- .base-map-switch-list-label {
186
- font-size: 14px;
187
- margin: 5px 0;
188
- }
189
-
190
- .base-map-switch-list-item-wrap {
191
- border: 1px solid #888;
192
- border-radius: 5px;
193
- padding: 5px;
194
- }
195
-
196
- .base-map-switch-list-item {
197
- cursor: pointer;
198
-
199
- .base-map-switch-list-item-img {
200
- width: 100%;
201
- border: solid 1px #444;
202
- border-radius: 9px;
203
- }
204
-
205
- .base-map-switch-list-item-label {
206
- margin-top: 4px;
207
- text-align: center;
208
- font-size: 12px;
209
- color: #fff;
210
- }
211
-
212
- &:hover {
213
- .base-map-switch-list-item-img {
214
- border-color: #fff;
215
- box-shadow: 0 0 8px #fff, 0 0 8px #fff;
216
- }
217
- }
218
- }
219
-
220
- .base-map-switch-list-item-active {
221
- .base-map-switch-list-item-img {
222
- border: double 4px rgb(189, 236, 248);
223
- }
224
-
225
- .base-map-switch-list-item-label {
226
- color: rgb(189, 236, 248);
227
- }
228
- }
229
- }
230
- }
231
-
232
- .cs-tools-layer {
233
- user-select: none;
234
- max-height: 400px;
235
- overflow-y: auto;
236
-
237
- &::-webkit-scrollbar {
238
- /*滚动条整体样式*/
239
- width: 0; /*高宽分别对应横竖滚动条的尺寸*/
240
- height: 0;
241
- }
242
-
243
- .cs-tools-layer-check-all {
244
- width: 100%;
245
- border-bottom: 1px silver solid;
246
- display: flex;
247
- padding-bottom: 8px;
248
- }
249
-
250
- .cs-tools-layer-item {
251
- display: flex;
252
- align-items: center;
253
- justify-content: space-between;
254
- width: 100%;
255
- margin-top: 6px;
256
- white-space: nowrap;
257
- }
258
-
259
- .ant-checkbox-wrapper {
260
- color: #fff;
261
- .cs-tools-layer-tree-legend {
262
- max-height: 24px;
263
- margin-right: 4px;
264
- vertical-align: bottom;
265
- }
266
- }
267
-
268
- .cs-tools-layer-list {
269
- padding-top: 2px;
270
-
271
- .cs-tools-layer-sub-list {
272
- max-height: 400px;
273
- overflow-y: auto;
274
-
275
- &::-webkit-scrollbar {
276
- /*滚动条整体样式*/
277
- width: 0; /*高宽分别对应横竖滚动条的尺寸*/
278
- height: 0;
279
- }
280
- }
281
- }
282
- }
1
+ .cs-tools {
2
+ position: absolute;
3
+ top: 10px;
4
+ left: 10px;
5
+ padding: 0;
6
+ margin: 0;
7
+
8
+ .cs-tools-item-wrap {
9
+ cursor: pointer;
10
+ color: #fff;
11
+ transition: all 0.3s;
12
+ position: relative;
13
+ display: flex;
14
+ justify-content: center;
15
+ align-items: center;
16
+ margin-bottom: 10px;
17
+ width: 44px;
18
+ height: 44px;
19
+ background: url('../assets/footer.png') no-repeat 0 0;
20
+ background-size: 100% 100%;
21
+ font-size: 20px;
22
+
23
+ i {
24
+ background: linear-gradient(0deg, #3dc6ff 0%, #97e0ff 100%);
25
+ -webkit-background-clip: text;
26
+ -webkit-text-fill-color: transparent;
27
+ }
28
+
29
+ &:last-child {
30
+ &::before {
31
+ height: 0;
32
+ }
33
+ }
34
+ }
35
+
36
+ .cs-active-tools-item-wrap {
37
+ box-shadow: 0 0 4px 0 rgba(0, 0, 0, 0.26);
38
+ color: #fff;
39
+ }
40
+ }
41
+
42
+ .cs-tools-item-popover {
43
+ .ant-popover-inner {
44
+ padding: 0;
45
+ background: rgba(0, 35, 65, 0.9);
46
+ border: 1px solid rgba(1, 211, 252, 0.5);
47
+ box-shadow: 0 0 5px rgba(1, 211, 252, 0.75) inset;
48
+ border-radius: 5px;
49
+ }
50
+
51
+ .ant-popover-inner-content {
52
+ color: #fff;
53
+ min-width: 130px;
54
+ }
55
+
56
+ .ant-popover-arrow-content {
57
+ background: rgba(0, 35, 65, 0.9);
58
+
59
+ &::before {
60
+ background: rgba(1, 211, 252, 0.5);
61
+ }
62
+ }
63
+ }
64
+
65
+ .cs-tools-btn {
66
+ background: rgba(0, 35, 65, 0.9);
67
+ border: 1px solid #26425f;
68
+ color: #97e0ff;
69
+ }
70
+
71
+ .cs-tools-layer-tree-wrap {
72
+ max-height: 400px;
73
+ overflow-y: auto;
74
+ background: transparent;
75
+
76
+ &::-webkit-scrollbar {
77
+ /*滚动条整体样式*/
78
+ width: 0; /*高宽分别对应横竖滚动条的尺寸*/
79
+ height: 0;
80
+ }
81
+
82
+ .cs-tools-layer-tree {
83
+ background: transparent;
84
+ color: #fff;
85
+
86
+ .ant-tree-icon__customize {
87
+ margin-right: 4px;
88
+
89
+ .cs-tools-layer-tree-legend {
90
+ max-height: 24px;
91
+ padding-bottom: 4px;
92
+ }
93
+ }
94
+ }
95
+ }
96
+
97
+ .cs-autoComplete {
98
+ display: flex;
99
+ justify-content: space-between;
100
+ align-items: center;
101
+ .ant-select-selector {
102
+ background: rgba(4, 32, 61, 0.96) !important;
103
+ color: #fff;
104
+ border: 1px solid #26425f;
105
+ }
106
+ }
107
+
108
+ .cs-content {
109
+ display: flex;
110
+ align-items: center;
111
+ }
112
+
113
+ .cs-close-btn {
114
+ color: #fff !important;
115
+ font-size: 20px;
116
+ font-weight: bold;
117
+ cursor: pointer;
118
+ }
119
+
120
+ .cs-tools-close-btn {
121
+ position: absolute;
122
+ top: 15px;
123
+ right: 10px;
124
+ z-index: 999;
125
+ color: #fff;
126
+ font-size: 18px;
127
+ font-weight: bold;
128
+ cursor: pointer;
129
+ }
130
+
131
+ .cs-search-wrap {
132
+ background: rgba(4, 32, 61, 0.96);
133
+ .ant-select-auto-complete {
134
+ color: #fff;
135
+ }
136
+ .ant-select:not(.ant-select-customize-input) .ant-select-selector {
137
+ background: rgba(4, 32, 61, 0.96);
138
+ border-color: #26425f;
139
+ box-shadow: 0px 2px 7px 0px rgba(6, 93, 181, 0.5);
140
+ border-radius: 4px;
141
+ }
142
+
143
+ .ant-select-dropdown {
144
+ background: rgba(4, 32, 61, 0.96);
145
+ }
146
+ .ant-select-item-option-active:not(.ant-select-item-option-disabled) {
147
+ background: rgba(6, 93, 181, 0.5);
148
+ color: #fff;
149
+ }
150
+ .ant-select-item-option-grouped {
151
+ color: #fff;
152
+ }
153
+ .ant-select-item-option-content {
154
+ color: #fff;
155
+ }
156
+ .ant-select-item-group {
157
+ color: #aaa;
158
+ }
159
+ }
160
+
161
+ .base-map-switch-active {
162
+ width: 80%;
163
+ height: 80%;
164
+ border-radius: 50%;
165
+ overflow: hidden;
166
+ }
167
+
168
+ .base-map-switch-list-wrap {
169
+ width: 300px;
170
+
171
+ .base-map-switch-list-title {
172
+ font-size: 18px;
173
+ }
174
+
175
+ .base-map-switch-list {
176
+ max-height: 400px;
177
+ overflow-y: scroll;
178
+
179
+ &::-webkit-scrollbar {
180
+ /*滚动条整体样式*/
181
+ width: 0; /*高宽分别对应横竖滚动条的尺寸*/
182
+ height: 0;
183
+ }
184
+
185
+ .base-map-switch-list-label {
186
+ font-size: 14px;
187
+ margin: 5px 0;
188
+ }
189
+
190
+ .base-map-switch-list-item-wrap {
191
+ border: 1px solid #888;
192
+ border-radius: 5px;
193
+ padding: 5px;
194
+ }
195
+
196
+ .base-map-switch-list-item {
197
+ cursor: pointer;
198
+
199
+ .base-map-switch-list-item-img {
200
+ width: 100%;
201
+ border: solid 1px #444;
202
+ border-radius: 9px;
203
+ }
204
+
205
+ .base-map-switch-list-item-label {
206
+ margin-top: 4px;
207
+ text-align: center;
208
+ font-size: 12px;
209
+ color: #fff;
210
+ }
211
+
212
+ &:hover {
213
+ .base-map-switch-list-item-img {
214
+ border-color: #fff;
215
+ box-shadow: 0 0 8px #fff, 0 0 8px #fff;
216
+ }
217
+ }
218
+ }
219
+
220
+ .base-map-switch-list-item-active {
221
+ .base-map-switch-list-item-img {
222
+ border: double 4px rgb(189, 236, 248);
223
+ }
224
+
225
+ .base-map-switch-list-item-label {
226
+ color: rgb(189, 236, 248);
227
+ }
228
+ }
229
+ }
230
+ }
231
+
232
+ .cs-tools-layer {
233
+ user-select: none;
234
+ max-height: 400px;
235
+ overflow-y: auto;
236
+
237
+ &::-webkit-scrollbar {
238
+ /*滚动条整体样式*/
239
+ width: 0; /*高宽分别对应横竖滚动条的尺寸*/
240
+ height: 0;
241
+ }
242
+
243
+ .cs-tools-layer-check-all {
244
+ width: 100%;
245
+ border-bottom: 1px silver solid;
246
+ display: flex;
247
+ padding-bottom: 8px;
248
+ }
249
+
250
+ .cs-tools-layer-item {
251
+ display: flex;
252
+ align-items: center;
253
+ justify-content: space-between;
254
+ width: 100%;
255
+ margin-top: 6px;
256
+ white-space: nowrap;
257
+ }
258
+
259
+ .ant-checkbox-wrapper {
260
+ color: #fff;
261
+ .cs-tools-layer-tree-legend {
262
+ max-height: 24px;
263
+ margin-right: 4px;
264
+ vertical-align: bottom;
265
+ }
266
+ }
267
+
268
+ .cs-tools-layer-list {
269
+ padding-top: 2px;
270
+
271
+ .cs-tools-layer-sub-list {
272
+ max-height: 400px;
273
+ overflow-y: auto;
274
+
275
+ &::-webkit-scrollbar {
276
+ /*滚动条整体样式*/
277
+ width: 0; /*高宽分别对应横竖滚动条的尺寸*/
278
+ height: 0;
279
+ }
280
+ }
281
+ }
282
+ }
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_index","obj","__esModule","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","exports","props","createElement","type"],"sources":["tools/tool-box/Measure/Height/index.js"],"sourcesContent":["import React from 'react';\nimport Measure from '../index';\n\nexport default props => <Measure {...props} type=\"MeasureHeight\" />;\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,IAAAQ,QAAA,GAAAC,OAAA,cAEhB,SAAAD,SAAAE,KAAK;EAAA,oBAAItB,MAAA,YAAAuB,aAAA,CAACpB,MAAA,WAAO,EAAAG,QAAA,KAAKgB,KAAK;IAAEE,IAAI,EAAC;EAAe,EAAE,CAAC;AAAA"}
1
+ {"version":3,"file":"index.js","names":["_react","_interopRequireDefault","require","_index","obj","__esModule","_extends","Object","assign","bind","target","i","arguments","length","source","key","prototype","hasOwnProperty","call","apply","_default","exports","props","createElement","type"],"sources":["tools/tool-box/Measure/Height/index.js"],"sourcesContent":["import React from 'react';\r\nimport Measure from '../index';\r\n\r\nexport default props => <Measure {...props} type=\"MeasureHeight\" />;\r\n"],"mappings":";;;;;;AAAA,IAAAA,MAAA,GAAAC,sBAAA,CAAAC,OAAA;AACA,IAAAC,MAAA,GAAAF,sBAAA,CAAAC,OAAA;AAA+B,SAAAD,uBAAAG,GAAA,WAAAA,GAAA,IAAAA,GAAA,CAAAC,UAAA,GAAAD,GAAA,gBAAAA,GAAA;AAAA,SAAAE,SAAA,IAAAA,QAAA,GAAAC,MAAA,CAAAC,MAAA,GAAAD,MAAA,CAAAC,MAAA,CAAAC,IAAA,eAAAC,MAAA,aAAAC,CAAA,MAAAA,CAAA,GAAAC,SAAA,CAAAC,MAAA,EAAAF,CAAA,UAAAG,MAAA,GAAAF,SAAA,CAAAD,CAAA,YAAAI,GAAA,IAAAD,MAAA,QAAAP,MAAA,CAAAS,SAAA,CAAAC,cAAA,CAAAC,IAAA,CAAAJ,MAAA,EAAAC,GAAA,KAAAL,MAAA,CAAAK,GAAA,IAAAD,MAAA,CAAAC,GAAA,gBAAAL,MAAA,YAAAJ,QAAA,CAAAa,KAAA,OAAAP,SAAA;AAAA,IAAAQ,QAAA,GAAAC,OAAA,cAEhB,SAAAD,SAAAE,KAAK;EAAA,oBAAItB,MAAA,YAAAuB,aAAA,CAACpB,MAAA,WAAO,EAAAG,QAAA,KAAKgB,KAAK;IAAEE,IAAI,EAAC;EAAe,EAAE,CAAC;AAAA"}