ino-cesium 0.0.26-beta.6 → 0.0.26

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.
@@ -1,106 +1,180 @@
1
-
2
- @import url("./div-label/indicator.css");
3
-
4
- .cesium-widget {
5
- position: relative;
6
- }
7
- /**---------tooltip start---------**/
8
- .twipsy {
9
- display: none;
10
- position: absolute;
11
- visibility: visible;
12
- max-width: 300px;
13
- min-width: 100px;
14
- padding: 5px;
15
- font-size: 12px;
16
- z-index: 1000;
17
- }
18
-
19
- .twipsy-inner {
20
- padding: 3px 8px;
21
- background-color: rgba(117, 117, 117, 0.8);
22
- color: white;
23
- text-align: left;
24
- max-width: 300px;
25
- text-decoration: none;
26
- -webkit-border-radius: 4px;
27
- -moz-border-radius: 4px;
28
- border-radius: 4px;
29
- border: 1px solid #aaa;
30
- }
31
-
32
- /**---------tooltip end---------**/
33
-
34
- /**---------draw edit ui start---------**/
35
- .draw-edit-ui {
36
- position: fixed;
37
- left: 0;
38
- top: 0;
39
- width: 132px;
40
- height: 28px;
41
- }
42
-
43
- .draw-edit-icon {
44
- width: 28px;
45
- cursor: pointer;
46
- background: rgba(255, 255, 255, 1);
47
- border: 1px solid #1296db;
48
- padding: 2px;
49
- margin-right: 5px;
50
- border-radius: 50%;
51
- }
52
-
53
- /**---------draw edit ui end---------**/
54
-
55
- /**---------bottom status bar start---------**/
56
- .bottom-status-bar {
57
- position: absolute;
58
- bottom: 0px;
59
- display: flex;
60
- width: 100%;
61
- justify-content: space-between;
62
- align-items: center;
63
- z-index: 99999;
64
- background: rgba(0, 0, 0, 0.4);
65
- padding: 2px 8px;
66
- pointer-events: none;
67
- font-weight: bold;
68
- height: 30px;
69
-
70
- div {
71
- color: #fff;
72
- border-radius: 5px;
73
- margin-right: 5px;
74
- }
75
- .scale-bar {
76
- border: 2px solid #ffffff;
77
- border-radius: 0px !important;
78
- padding: 0 10px;
79
- border-top: none !important;
80
- height: 10px;
81
- position: relative;
82
- bottom: -6px;
83
- display: flex;
84
- justify-content: center;
85
- }
86
- .scale-label {
87
- margin-top: -15px;
88
- margin-right: 0px;
89
- }
90
- }
91
-
92
- /**---------bottom status bar end---------**/
93
-
94
-
95
- /**---------卷帘控制 start---------**/
96
- #vertical-slider {
97
- height: 100%;
98
- width: 5px;
99
- background: #d3d3d3;
100
- position: fixed;
101
- top: 0;
102
- left: 50vw;
103
- cursor: ew-resize;
104
- }
105
-
106
- /**---------卷帘控制 bar end---------**/
1
+
2
+ @import url("./div-label/indicator.css");
3
+
4
+ .cesium-widget {
5
+ position: relative;
6
+ }
7
+ /**---------tooltip start---------**/
8
+ .twipsy {
9
+ display: none;
10
+ position: absolute;
11
+ visibility: visible;
12
+ max-width: 300px;
13
+ min-width: 100px;
14
+ padding: 5px;
15
+ font-size: 12px;
16
+ z-index: 1000;
17
+ }
18
+
19
+ .twipsy-inner {
20
+ padding: 3px 8px;
21
+ background-color: rgba(117, 117, 117, 0.8);
22
+ color: white;
23
+ text-align: left;
24
+ max-width: 300px;
25
+ text-decoration: none;
26
+ -webkit-border-radius: 4px;
27
+ -moz-border-radius: 4px;
28
+ border-radius: 4px;
29
+ border: 1px solid #aaa;
30
+ }
31
+
32
+ /**---------tooltip end---------**/
33
+
34
+ /**---------draw edit ui start---------**/
35
+ .draw-edit-ui {
36
+ position: fixed;
37
+ left: 0;
38
+ top: 0;
39
+ width: 132px;
40
+ height: 28px;
41
+ }
42
+
43
+ .draw-edit-icon {
44
+ width: 28px;
45
+ cursor: pointer;
46
+ background: rgba(255, 255, 255, 1);
47
+ border: 1px solid #1296db;
48
+ padding: 2px;
49
+ margin-right: 5px;
50
+ border-radius: 50%;
51
+ }
52
+
53
+ /**---------draw edit ui end---------**/
54
+
55
+ /**---------bottom status bar start---------**/
56
+ .bottom-status-bar {
57
+ position: absolute;
58
+ bottom: 0px;
59
+ display: flex;
60
+ width: 100%;
61
+ justify-content: space-between;
62
+ align-items: center;
63
+ z-index: 99999;
64
+ /* 毛玻璃效果背景 */
65
+ background: linear-gradient(
66
+ 135deg,
67
+ rgba(15, 23, 42, 0.85) 0%,
68
+ rgba(30, 41, 59, 0.8) 100%
69
+ );
70
+ backdrop-filter: blur(12px);
71
+ -webkit-backdrop-filter: blur(12px);
72
+ padding: 6px 16px;
73
+ pointer-events: none;
74
+ font-weight: 500;
75
+ height: 38px;
76
+ /* 顶部细微发光边框 */
77
+ border-top: 1px solid rgba(148, 163, 184, 0.2);
78
+ box-shadow:
79
+ 0 -4px 20px rgba(0, 0, 0, 0.3),
80
+ inset 0 1px 0 rgba(255, 255, 255, 0.05);
81
+
82
+ /* 信息项之间的分隔线 */
83
+ .status-item {
84
+ display: inline-flex;
85
+ align-items: center;
86
+ padding: 0 12px;
87
+ position: relative;
88
+
89
+ &:not(:last-child)::after {
90
+ content: '';
91
+ position: absolute;
92
+ right: 0;
93
+ top: 50%;
94
+ transform: translateY(-50%);
95
+ height: 16px;
96
+ width: 1px;
97
+ background: linear-gradient(
98
+ to bottom,
99
+ transparent,
100
+ rgba(148, 163, 184, 0.4),
101
+ transparent
102
+ );
103
+ }
104
+ }
105
+
106
+ div {
107
+ color: #e2e8f0;
108
+ border-radius: 4px;
109
+ margin-right: 0;
110
+ font-size: 13px;
111
+ letter-spacing: 0.3px;
112
+ /* 文字阴影增加可读性 */
113
+ text-shadow: 0 1px 2px rgba(0, 0, 0, 0.5);
114
+ font-family: 'JetBrains Mono', 'SF Mono', 'Monaco', monospace;
115
+ }
116
+
117
+ #bottom-status-bar-camera {
118
+ display: flex;
119
+ flex-wrap: wrap;
120
+ gap: 4px 16px;
121
+ }
122
+
123
+ .scale-bar {
124
+ border: 2px solid #ffffff;
125
+ border-radius: 2px !important;
126
+ padding: 0 8px;
127
+ border-top: none !important;
128
+ height: 8px;
129
+ position: relative;
130
+ bottom: -4px;
131
+ display: flex;
132
+ justify-content: center;
133
+ min-width: 60px;
134
+ /* 比例尺发光效果 */
135
+ box-shadow: 0 0 8px rgba(255, 255, 255, 0.3);
136
+ }
137
+
138
+ .scale-label {
139
+ margin-top: -12px;
140
+ margin-right: 0px;
141
+ color: #94a3b8 !important;
142
+ font-size: 11px !important;
143
+ font-weight: 600;
144
+ text-transform: uppercase;
145
+ letter-spacing: 0.5px;
146
+ text-shadow: none;
147
+ }
148
+
149
+ /* FPS 特殊样式 */
150
+ .fps-display {
151
+ color: #4ade80 !important;
152
+ font-weight: 600;
153
+ }
154
+
155
+ /* 高程数值高亮 */
156
+ .height-value {
157
+ color: #38bdf8 !important;
158
+ }
159
+
160
+ /* 角度值样式 */
161
+ .angle-value {
162
+ color: #c4b5fd !important;
163
+ }
164
+ }
165
+
166
+ /**---------bottom status bar end---------**/
167
+
168
+
169
+ /**---------卷帘控制 start---------**/
170
+ #vertical-slider {
171
+ height: 100%;
172
+ width: 5px;
173
+ background: #d3d3d3;
174
+ position: fixed;
175
+ top: 0;
176
+ left: 50vw;
177
+ cursor: ew-resize;
178
+ }
179
+
180
+ /**---------卷帘控制 bar end---------**/
package/dist/index.d.ts CHANGED
@@ -5,5 +5,6 @@ export * from '@ino-cesium/draw';
5
5
  export * from '@ino-cesium/primitive';
6
6
  export * from '@ino-cesium/analysis';
7
7
  export * from '@ino-cesium/material';
8
+ export * from '@ino-cesium/geojson';
8
9
  import * as cesium from 'cesium';
9
10
  export { cesium as Cesium };
package/dist/index.js CHANGED
@@ -1 +1 @@
1
- export*from"@ino-cesium/common";export*from"@ino-cesium/layers";export*from"@ino-cesium/effects";export*from"@ino-cesium/draw";export*from"@ino-cesium/primitive";export*from"@ino-cesium/analysis";export*from"@ino-cesium/material";import*as o from"cesium";export{o as Cesium};
1
+ export*from"@ino-cesium/common";export*from"@ino-cesium/layers";export*from"@ino-cesium/effects";export*from"@ino-cesium/draw";export*from"@ino-cesium/primitive";export*from"@ino-cesium/analysis";export*from"@ino-cesium/material";export*from"@ino-cesium/geojson";import*as o from"cesium";export{o as Cesium};