fdb2 1.0.35 → 1.0.36
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/README.md +20 -1
- package/dist/public/explorer.css +1322 -1115
- package/dist/public/explorer.js +619 -461
- package/dist/public/index.css +717 -118
- package/dist/public/index.js +276 -26
- package/dist/public/layout.css +201 -202
- package/dist/public/layout.js +14 -14
- package/dist/server/index.d.ts.map +1 -1
- package/dist/server/index.js.map +1 -1
- package/dist/server/index.ts +0 -1
- package/dist/server/service/database/clickhouse-connection.d.ts.map +1 -1
- package/dist/server/service/database/clickhouse-connection.js +3 -3
- package/dist/server/service/database/clickhouse-connection.js.map +1 -1
- package/dist/server/service/database/clickhouse-connection.ts +3 -3
- package/package.json +6 -2
- package/public/fdb2.png +0 -0
package/dist/public/layout.css
CHANGED
|
@@ -1,208 +1,207 @@
|
|
|
1
1
|
|
|
2
|
-
.language-switcher[data-v-
|
|
2
|
+
.language-switcher[data-v-972f3b8f] {
|
|
3
3
|
display: flex;
|
|
4
4
|
align-items: center;
|
|
5
|
-
gap: 0.
|
|
6
|
-
padding: 0.
|
|
7
|
-
border-radius:
|
|
5
|
+
gap: 0.25rem;
|
|
6
|
+
padding: 0.2rem 0.5rem;
|
|
7
|
+
border-radius: 4px;
|
|
8
8
|
cursor: pointer;
|
|
9
|
-
color: #64748b;
|
|
10
|
-
font-size: 0.
|
|
11
|
-
font-weight:
|
|
12
|
-
transition:
|
|
9
|
+
color: var(--db-text-muted, #64748b);
|
|
10
|
+
font-size: 0.75rem;
|
|
11
|
+
font-weight: 500;
|
|
12
|
+
transition: color 0.15s ease, background-color 0.15s ease, border-color 0.15s ease;
|
|
13
13
|
user-select: none;
|
|
14
|
-
border: 1px solid #cbd5e1;
|
|
15
|
-
background:
|
|
14
|
+
border: 1px solid var(--db-border, #cbd5e1);
|
|
15
|
+
background: transparent;
|
|
16
16
|
}
|
|
17
|
-
.language-switcher[data-v-
|
|
18
|
-
background: rgba(102, 126, 234, 0.1);
|
|
19
|
-
color: #667eea;
|
|
20
|
-
border-color: #667eea;
|
|
21
|
-
transform: translateY(-1px);
|
|
17
|
+
.language-switcher[data-v-972f3b8f]:hover {
|
|
18
|
+
background: var(--db-bg-soft, rgba(102, 126, 234, 0.1));
|
|
19
|
+
color: var(--db-dark-color, #667eea);
|
|
20
|
+
border-color: var(--db-border-light, #667eea);
|
|
22
21
|
}
|
|
23
|
-
.lang-label[data-v-
|
|
22
|
+
.lang-label[data-v-972f3b8f] {
|
|
24
23
|
letter-spacing: 0.05em;
|
|
25
24
|
}
|
|
26
25
|
|
|
27
|
-
.about-page[data-v-
|
|
28
|
-
padding:
|
|
26
|
+
.about-page[data-v-1f58249c] {
|
|
27
|
+
padding: 1.5rem;
|
|
29
28
|
max-width: 800px;
|
|
30
29
|
margin: 0 auto;
|
|
31
30
|
}
|
|
32
|
-
.about-header[data-v-
|
|
31
|
+
.about-header[data-v-1f58249c] {
|
|
33
32
|
display: flex;
|
|
34
33
|
align-items: center;
|
|
35
34
|
gap: 1rem;
|
|
36
35
|
margin-bottom: 2rem;
|
|
37
36
|
padding-bottom: 1rem;
|
|
38
|
-
border-bottom: 1px solid
|
|
37
|
+
border-bottom: 1px solid var(--db-border);
|
|
39
38
|
}
|
|
40
|
-
.about-logo[data-v-
|
|
39
|
+
.about-logo[data-v-1f58249c] {
|
|
41
40
|
width: 60px;
|
|
42
41
|
height: 60px;
|
|
43
42
|
border-radius: 12px;
|
|
44
|
-
background:
|
|
43
|
+
background: var(--db-primary-color);
|
|
45
44
|
display: flex;
|
|
46
45
|
align-items: center;
|
|
47
46
|
justify-content: center;
|
|
48
|
-
color:
|
|
47
|
+
color: var(--db-on-accent);
|
|
49
48
|
font-size: 2rem;
|
|
50
49
|
}
|
|
51
|
-
.about-title h2[data-v-
|
|
50
|
+
.about-title h2[data-v-1f58249c] {
|
|
52
51
|
margin: 0;
|
|
53
52
|
font-size: 2rem;
|
|
54
53
|
font-weight: 700;
|
|
55
|
-
color:
|
|
54
|
+
color: var(--db-dark-color);
|
|
56
55
|
}
|
|
57
|
-
.about-title p[data-v-
|
|
56
|
+
.about-title p[data-v-1f58249c] {
|
|
58
57
|
margin: 0.25rem 0 0 0;
|
|
59
|
-
color:
|
|
58
|
+
color: var(--db-text-muted);
|
|
60
59
|
font-size: 1.125rem;
|
|
61
60
|
}
|
|
62
|
-
.about-content[data-v-
|
|
61
|
+
.about-content[data-v-1f58249c] {
|
|
63
62
|
display: flex;
|
|
64
63
|
flex-direction: column;
|
|
65
64
|
gap: 2rem;
|
|
66
65
|
}
|
|
67
|
-
.about-section[data-v-
|
|
68
|
-
background:
|
|
69
|
-
padding: 1.
|
|
70
|
-
border-radius:
|
|
66
|
+
.about-section[data-v-1f58249c] {
|
|
67
|
+
background: var(--db-surface);
|
|
68
|
+
padding: 1.25rem;
|
|
69
|
+
border-radius: 8px;
|
|
71
70
|
box-shadow: 0 4px 6px rgba(0, 0, 0, 0.05);
|
|
72
71
|
}
|
|
73
|
-
.about-section h3[data-v-
|
|
72
|
+
.about-section h3[data-v-1f58249c] {
|
|
74
73
|
margin: 0 0 1rem 0;
|
|
75
74
|
font-size: 1.25rem;
|
|
76
75
|
font-weight: 600;
|
|
77
|
-
color:
|
|
76
|
+
color: var(--db-dark-color);
|
|
78
77
|
}
|
|
79
|
-
.about-section p[data-v-
|
|
78
|
+
.about-section p[data-v-1f58249c] {
|
|
80
79
|
margin: 0 0 1rem 0;
|
|
81
|
-
color:
|
|
80
|
+
color: var(--db-text-muted);
|
|
82
81
|
line-height: 1.6;
|
|
83
82
|
}
|
|
84
|
-
.feature-list[data-v-
|
|
83
|
+
.feature-list[data-v-1f58249c] {
|
|
85
84
|
list-style: none;
|
|
86
85
|
padding: 0;
|
|
87
86
|
margin: 0;
|
|
88
87
|
}
|
|
89
|
-
.feature-list li[data-v-
|
|
88
|
+
.feature-list li[data-v-1f58249c] {
|
|
90
89
|
display: flex;
|
|
91
90
|
align-items: flex-start;
|
|
92
91
|
gap: 0.75rem;
|
|
93
92
|
margin-bottom: 0.75rem;
|
|
94
|
-
color:
|
|
93
|
+
color: var(--db-text-muted);
|
|
95
94
|
}
|
|
96
|
-
.feature-list li i[data-v-
|
|
95
|
+
.feature-list li i[data-v-1f58249c] {
|
|
97
96
|
color: #10b981;
|
|
98
97
|
margin-top: 0.25rem;
|
|
99
98
|
flex-shrink: 0;
|
|
100
99
|
}
|
|
101
|
-
.database-types[data-v-
|
|
100
|
+
.database-types[data-v-1f58249c] {
|
|
102
101
|
display: grid;
|
|
103
102
|
grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
|
|
104
103
|
gap: 0.5rem;
|
|
105
104
|
}
|
|
106
|
-
.db-type[data-v-
|
|
105
|
+
.db-type[data-v-1f58249c] {
|
|
107
106
|
display: flex;
|
|
108
107
|
justify-content: space-between;
|
|
109
108
|
align-items: center;
|
|
110
109
|
padding: 0.5rem;
|
|
111
|
-
background:
|
|
110
|
+
background: var(--db-light-color);
|
|
112
111
|
border-radius: 6px;
|
|
113
112
|
}
|
|
114
|
-
.db-name[data-v-
|
|
113
|
+
.db-name[data-v-1f58249c] {
|
|
115
114
|
font-weight: 500;
|
|
116
|
-
color:
|
|
115
|
+
color: var(--db-text-body);
|
|
117
116
|
}
|
|
118
|
-
.db-port[data-v-
|
|
119
|
-
color:
|
|
117
|
+
.db-port[data-v-1f58249c] {
|
|
118
|
+
color: var(--db-text-muted);
|
|
120
119
|
font-size: 0.875rem;
|
|
121
120
|
}
|
|
122
|
-
.about-links[data-v-
|
|
121
|
+
.about-links[data-v-1f58249c] {
|
|
123
122
|
display: flex;
|
|
124
123
|
flex-direction: column;
|
|
125
124
|
gap: 0.75rem;
|
|
126
125
|
}
|
|
127
|
-
.about-link[data-v-
|
|
126
|
+
.about-link[data-v-1f58249c] {
|
|
128
127
|
display: flex;
|
|
129
128
|
align-items: center;
|
|
130
129
|
gap: 0.75rem;
|
|
131
130
|
padding: 0.75rem;
|
|
132
|
-
background:
|
|
131
|
+
background: var(--db-light-color);
|
|
133
132
|
border-radius: 8px;
|
|
134
133
|
color: #667eea;
|
|
135
134
|
text-decoration: none;
|
|
136
135
|
font-weight: 500;
|
|
137
136
|
transition: all 0.3s ease;
|
|
138
137
|
}
|
|
139
|
-
.about-link[data-v-
|
|
140
|
-
background:
|
|
138
|
+
.about-link[data-v-1f58249c]:hover {
|
|
139
|
+
background: var(--db-primary-bg);
|
|
141
140
|
transform: translateX(4px);
|
|
142
141
|
}
|
|
143
|
-
.about-link i[data-v-
|
|
142
|
+
.about-link i[data-v-1f58249c] {
|
|
144
143
|
flex-shrink: 0;
|
|
145
144
|
}
|
|
146
145
|
|
|
147
146
|
/* 顶部工具栏 */
|
|
148
|
-
.top-toolbar[data-v-
|
|
147
|
+
.top-toolbar[data-v-eefd0a6a] {
|
|
149
148
|
display: flex;
|
|
150
149
|
align-items: center;
|
|
151
150
|
justify-content: space-between;
|
|
152
|
-
padding: 0.
|
|
153
|
-
background:
|
|
154
|
-
border-bottom: 1px solid
|
|
155
|
-
box-shadow:
|
|
151
|
+
padding: 0.375rem 0.75rem;
|
|
152
|
+
background: var(--db-gray-light);
|
|
153
|
+
border-bottom: 1px solid var(--db-border);
|
|
154
|
+
box-shadow: none;
|
|
156
155
|
position: sticky;
|
|
157
156
|
top: 0;
|
|
158
157
|
z-index: 1030;
|
|
159
158
|
}
|
|
160
|
-
.toolbar-left[data-v-
|
|
159
|
+
.toolbar-left[data-v-eefd0a6a] {
|
|
161
160
|
display: flex;
|
|
162
161
|
align-items: center;
|
|
163
162
|
}
|
|
164
|
-
.brand-link[data-v-
|
|
163
|
+
.brand-link[data-v-eefd0a6a] {
|
|
165
164
|
display: flex;
|
|
166
165
|
align-items: center;
|
|
167
|
-
gap: 0.
|
|
166
|
+
gap: 0.5rem;
|
|
168
167
|
text-decoration: none;
|
|
169
|
-
color:
|
|
170
|
-
transition:
|
|
168
|
+
color: var(--db-dark-color);
|
|
169
|
+
transition: color 0.15s ease;
|
|
171
170
|
}
|
|
172
|
-
.brand-link[data-v-
|
|
173
|
-
color:
|
|
171
|
+
.brand-link[data-v-eefd0a6a]:hover {
|
|
172
|
+
color: var(--db-primary-color);
|
|
174
173
|
}
|
|
175
|
-
.brand-icon[data-v-
|
|
176
|
-
width:
|
|
177
|
-
height:
|
|
178
|
-
background:
|
|
179
|
-
border-radius:
|
|
174
|
+
.brand-icon[data-v-eefd0a6a] {
|
|
175
|
+
width: 24px;
|
|
176
|
+
height: 24px;
|
|
177
|
+
background: var(--db-primary-color);
|
|
178
|
+
border-radius: 6px;
|
|
180
179
|
display: flex;
|
|
181
180
|
align-items: center;
|
|
182
181
|
justify-content: center;
|
|
183
|
-
color:
|
|
184
|
-
font-size:
|
|
182
|
+
color: var(--db-on-accent);
|
|
183
|
+
font-size: 0.8125rem;
|
|
185
184
|
}
|
|
186
|
-
.brand-name[data-v-
|
|
187
|
-
font-size:
|
|
188
|
-
font-weight:
|
|
189
|
-
letter-spacing:
|
|
185
|
+
.brand-name[data-v-eefd0a6a] {
|
|
186
|
+
font-size: 0.9375rem;
|
|
187
|
+
font-weight: 600;
|
|
188
|
+
letter-spacing: 0;
|
|
190
189
|
}
|
|
191
|
-
.toolbar-right[data-v-
|
|
190
|
+
.toolbar-right[data-v-eefd0a6a] {
|
|
192
191
|
display: flex;
|
|
193
192
|
align-items: center;
|
|
194
|
-
gap: 0.
|
|
193
|
+
gap: 0.375rem;
|
|
195
194
|
}
|
|
196
195
|
|
|
197
196
|
/* 版本号徽标 */
|
|
198
|
-
.app-version[data-v-
|
|
199
|
-
font-size: 0.
|
|
197
|
+
.app-version[data-v-eefd0a6a] {
|
|
198
|
+
font-size: 0.6875rem;
|
|
200
199
|
font-weight: 600;
|
|
201
200
|
line-height: 1;
|
|
202
|
-
color:
|
|
203
|
-
background:
|
|
204
|
-
border: 1px solid
|
|
205
|
-
padding: 0.
|
|
201
|
+
color: var(--db-text-muted);
|
|
202
|
+
background: var(--db-bg-soft);
|
|
203
|
+
border: 1px solid var(--db-border);
|
|
204
|
+
padding: 0.2rem 0.45rem;
|
|
206
205
|
border-radius: 999px;
|
|
207
206
|
letter-spacing: 0.02em;
|
|
208
207
|
cursor: default;
|
|
@@ -210,17 +209,17 @@
|
|
|
210
209
|
}
|
|
211
210
|
|
|
212
211
|
/* 主布局样式 */
|
|
213
|
-
.database-layout[data-v-
|
|
212
|
+
.database-layout[data-v-eefd0a6a] {
|
|
214
213
|
height: 100vh;
|
|
215
214
|
display: flex;
|
|
216
215
|
flex-direction: column;
|
|
217
|
-
background:
|
|
216
|
+
background: var(--db-surface);
|
|
218
217
|
}
|
|
219
218
|
|
|
220
219
|
/* 现代导航栏样式 */
|
|
221
|
-
.navbar-modern[data-v-
|
|
222
|
-
background: linear-gradient(135deg,
|
|
223
|
-
border-bottom: 1px solid
|
|
220
|
+
.navbar-modern[data-v-eefd0a6a] {
|
|
221
|
+
background: linear-gradient(135deg, var(--db-surface) 0%, var(--db-light-color) 100%);
|
|
222
|
+
border-bottom: 1px solid var(--db-gray-medium);
|
|
224
223
|
box-shadow: 0 4px 6px -1px rgba(0, 0, 0, 0.1), 0 2px 4px -1px rgba(0, 0, 0, 0.06);
|
|
225
224
|
padding: 0.75rem 0;
|
|
226
225
|
position: sticky;
|
|
@@ -230,59 +229,61 @@
|
|
|
230
229
|
}
|
|
231
230
|
|
|
232
231
|
/* 品牌区域 */
|
|
233
|
-
.navbar-brand-wrapper[data-v-
|
|
232
|
+
.navbar-brand-wrapper[data-v-eefd0a6a] {
|
|
234
233
|
margin-right: 2rem;
|
|
235
234
|
}
|
|
236
|
-
.navbar-brand-modern[data-v-
|
|
235
|
+
.navbar-brand-modern[data-v-eefd0a6a] {
|
|
237
236
|
display: flex;
|
|
238
237
|
align-items: center;
|
|
239
238
|
gap: 1rem;
|
|
240
239
|
text-decoration: none;
|
|
241
|
-
color:
|
|
240
|
+
color: var(--db-dark-color);
|
|
242
241
|
transition: all 0.3s ease;
|
|
243
242
|
}
|
|
244
|
-
.navbar-brand-modern[data-v-
|
|
243
|
+
.navbar-brand-modern[data-v-eefd0a6a]:hover {
|
|
245
244
|
color: #667eea;
|
|
246
245
|
transform: translateX(2px);
|
|
247
246
|
}
|
|
248
|
-
|
|
247
|
+
|
|
248
|
+
/* 旧 navbar 组的品牌图标（当前模板未使用，限定作用域避免覆盖顶部工具栏的 .brand-icon） */
|
|
249
|
+
.navbar-brand-modern .brand-icon[data-v-eefd0a6a] {
|
|
249
250
|
width: 45px;
|
|
250
251
|
height: 45px;
|
|
251
|
-
background:
|
|
252
|
+
background: var(--db-primary-color);
|
|
252
253
|
border-radius: 12px;
|
|
253
254
|
display: flex;
|
|
254
255
|
align-items: center;
|
|
255
256
|
justify-content: center;
|
|
256
|
-
color:
|
|
257
|
+
color: var(--db-on-accent);
|
|
257
258
|
font-size: 1.5rem;
|
|
258
259
|
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
|
|
259
260
|
transition: all 0.3s ease;
|
|
260
261
|
}
|
|
261
|
-
.brand-icon[data-v-
|
|
262
|
+
.navbar-brand-modern .brand-icon[data-v-eefd0a6a]:hover {
|
|
262
263
|
transform: rotate(5deg) scale(1.05);
|
|
263
264
|
box-shadow: 0 6px 16px rgba(102, 126, 234, 0.4);
|
|
264
265
|
}
|
|
265
|
-
.brand-text[data-v-
|
|
266
|
+
.brand-text[data-v-eefd0a6a] {
|
|
266
267
|
display: flex;
|
|
267
268
|
flex-direction: column;
|
|
268
269
|
gap: 2px;
|
|
269
270
|
}
|
|
270
|
-
.brand-name[data-v-
|
|
271
|
+
.brand-name[data-v-eefd0a6a] {
|
|
271
272
|
font-size: 1.25rem;
|
|
272
273
|
font-weight: 700;
|
|
273
|
-
color:
|
|
274
|
+
color: var(--db-dark-color);
|
|
274
275
|
letter-spacing: -0.025em;
|
|
275
276
|
}
|
|
276
|
-
.brand-subtitle[data-v-
|
|
277
|
+
.brand-subtitle[data-v-eefd0a6a] {
|
|
277
278
|
font-size: 0.75rem;
|
|
278
|
-
color:
|
|
279
|
+
color: var(--db-darker-color);
|
|
279
280
|
font-weight: 500;
|
|
280
281
|
letter-spacing: 0.05em;
|
|
281
282
|
text-transform: uppercase;
|
|
282
283
|
}
|
|
283
284
|
|
|
284
285
|
/* 移动端切换按钮 */
|
|
285
|
-
.navbar-toggler-modern[data-v-
|
|
286
|
+
.navbar-toggler-modern[data-v-eefd0a6a] {
|
|
286
287
|
background: none;
|
|
287
288
|
border: none;
|
|
288
289
|
padding: 0.5rem;
|
|
@@ -291,96 +292,96 @@
|
|
|
291
292
|
flex-direction: column;
|
|
292
293
|
gap: 4px;
|
|
293
294
|
}
|
|
294
|
-
.navbar-toggler-line[data-v-
|
|
295
|
+
.navbar-toggler-line[data-v-eefd0a6a] {
|
|
295
296
|
width: 25px;
|
|
296
297
|
height: 3px;
|
|
297
|
-
background:
|
|
298
|
+
background: var(--db-primary-color);
|
|
298
299
|
border-radius: 2px;
|
|
299
300
|
transition: all 0.3s ease;
|
|
300
301
|
}
|
|
301
302
|
|
|
302
303
|
/* 导航折叠区域 */
|
|
303
|
-
.navbar-collapse-modern[data-v-
|
|
304
|
+
.navbar-collapse-modern[data-v-eefd0a6a] {
|
|
304
305
|
background: transparent;
|
|
305
306
|
}
|
|
306
307
|
|
|
307
308
|
/* 主导航样式 */
|
|
308
|
-
.navbar-nav-modern[data-v-
|
|
309
|
+
.navbar-nav-modern[data-v-eefd0a6a] {
|
|
309
310
|
display: flex;
|
|
310
311
|
align-items: center;
|
|
311
312
|
gap: 0.5rem;
|
|
312
313
|
}
|
|
313
|
-
.nav-item-modern[data-v-
|
|
314
|
+
.nav-item-modern[data-v-eefd0a6a] {
|
|
314
315
|
position: relative;
|
|
315
316
|
}
|
|
316
|
-
.nav-link-modern[data-v-
|
|
317
|
+
.nav-link-modern[data-v-eefd0a6a] {
|
|
317
318
|
display: flex;
|
|
318
319
|
align-items: center;
|
|
319
320
|
gap: 0.75rem;
|
|
320
321
|
padding: 0.75rem 1.25rem;
|
|
321
322
|
border-radius: 12px;
|
|
322
|
-
color:
|
|
323
|
+
color: var(--db-darker-color);
|
|
323
324
|
text-decoration: none;
|
|
324
325
|
font-weight: 500;
|
|
325
326
|
transition: all 0.3s ease;
|
|
326
327
|
position: relative;
|
|
327
328
|
overflow: hidden;
|
|
328
329
|
}
|
|
329
|
-
.nav-link-modern[data-v-
|
|
330
|
+
.nav-link-modern[data-v-eefd0a6a]:hover {
|
|
330
331
|
background: rgba(102, 126, 234, 0.1);
|
|
331
332
|
color: #667eea;
|
|
332
333
|
transform: translateY(-1px);
|
|
333
334
|
}
|
|
334
|
-
.nav-link-modern.active[data-v-
|
|
335
|
-
background:
|
|
336
|
-
color:
|
|
335
|
+
.nav-link-modern.active[data-v-eefd0a6a] {
|
|
336
|
+
background: var(--db-primary-color);
|
|
337
|
+
color: var(--db-on-accent);
|
|
337
338
|
box-shadow: 0 4px 12px rgba(102, 126, 234, 0.3);
|
|
338
339
|
}
|
|
339
|
-
.nav-icon[data-v-
|
|
340
|
+
.nav-icon[data-v-eefd0a6a] {
|
|
340
341
|
font-size: 1.25rem;
|
|
341
342
|
display: flex;
|
|
342
343
|
align-items: center;
|
|
343
344
|
justify-content: center;
|
|
344
345
|
min-width: 24px;
|
|
345
346
|
}
|
|
346
|
-
.nav-text[data-v-
|
|
347
|
+
.nav-text[data-v-eefd0a6a] {
|
|
347
348
|
font-size: 0.95rem;
|
|
348
349
|
font-weight: 600;
|
|
349
350
|
letter-spacing: 0.025em;
|
|
350
351
|
}
|
|
351
|
-
.nav-indicator[data-v-
|
|
352
|
+
.nav-indicator[data-v-eefd0a6a] {
|
|
352
353
|
position: absolute;
|
|
353
354
|
bottom: 0;
|
|
354
355
|
left: 50%;
|
|
355
356
|
transform: translateX(-50%);
|
|
356
357
|
width: 4px;
|
|
357
358
|
height: 4px;
|
|
358
|
-
background:
|
|
359
|
+
background: var(--db-surface);
|
|
359
360
|
border-radius: 50%;
|
|
360
361
|
opacity: 0;
|
|
361
362
|
transition: all 0.3s ease;
|
|
362
363
|
}
|
|
363
|
-
.nav-link-modern.active .nav-indicator[data-v-
|
|
364
|
+
.nav-link-modern.active .nav-indicator[data-v-eefd0a6a] {
|
|
364
365
|
opacity: 1;
|
|
365
366
|
}
|
|
366
367
|
|
|
367
368
|
/* 用户菜单样式 */
|
|
368
|
-
.nav-icon-only[data-v-
|
|
369
|
+
.nav-icon-only[data-v-eefd0a6a] {
|
|
369
370
|
padding: 0.75rem;
|
|
370
371
|
min-width: auto;
|
|
371
372
|
}
|
|
372
|
-
.notification-dot[data-v-
|
|
373
|
+
.notification-dot[data-v-eefd0a6a] {
|
|
373
374
|
position: absolute;
|
|
374
375
|
top: 8px;
|
|
375
376
|
right: 8px;
|
|
376
377
|
width: 8px;
|
|
377
378
|
height: 8px;
|
|
378
|
-
background:
|
|
379
|
+
background: var(--db-danger-color);
|
|
379
380
|
border-radius: 50%;
|
|
380
|
-
border: 2px solid
|
|
381
|
-
animation: pulse-
|
|
381
|
+
border: 2px solid var(--db-surface);
|
|
382
|
+
animation: pulse-eefd0a6a 2s ease-in-out infinite;
|
|
382
383
|
}
|
|
383
|
-
.user-menu-toggle[data-v-
|
|
384
|
+
.user-menu-toggle[data-v-eefd0a6a] {
|
|
384
385
|
display: flex;
|
|
385
386
|
align-items: center;
|
|
386
387
|
gap: 0.75rem;
|
|
@@ -388,50 +389,50 @@
|
|
|
388
389
|
border-radius: 12px;
|
|
389
390
|
transition: all 0.3s ease;
|
|
390
391
|
}
|
|
391
|
-
.user-menu-toggle[data-v-
|
|
392
|
+
.user-menu-toggle[data-v-eefd0a6a]:hover {
|
|
392
393
|
background: rgba(102, 126, 234, 0.1);
|
|
393
394
|
}
|
|
394
|
-
.user-avatar[data-v-
|
|
395
|
+
.user-avatar[data-v-eefd0a6a] {
|
|
395
396
|
width: 40px;
|
|
396
397
|
height: 40px;
|
|
397
|
-
background:
|
|
398
|
+
background: var(--db-primary-color);
|
|
398
399
|
border-radius: 50%;
|
|
399
400
|
display: flex;
|
|
400
401
|
align-items: center;
|
|
401
402
|
justify-content: center;
|
|
402
|
-
color:
|
|
403
|
+
color: var(--db-on-accent);
|
|
403
404
|
font-size: 1.25rem;
|
|
404
405
|
box-shadow: 0 2px 8px rgba(102, 126, 234, 0.3);
|
|
405
406
|
}
|
|
406
|
-
.user-info[data-v-
|
|
407
|
+
.user-info[data-v-eefd0a6a] {
|
|
407
408
|
display: flex;
|
|
408
409
|
flex-direction: column;
|
|
409
410
|
gap: 2px;
|
|
410
411
|
}
|
|
411
|
-
.user-name[data-v-
|
|
412
|
+
.user-name[data-v-eefd0a6a] {
|
|
412
413
|
font-size: 0.9rem;
|
|
413
414
|
font-weight: 600;
|
|
414
|
-
color:
|
|
415
|
+
color: var(--db-dark-color);
|
|
415
416
|
}
|
|
416
|
-
.user-role[data-v-
|
|
417
|
+
.user-role[data-v-eefd0a6a] {
|
|
417
418
|
font-size: 0.75rem;
|
|
418
|
-
color:
|
|
419
|
+
color: var(--db-darker-color);
|
|
419
420
|
font-weight: 500;
|
|
420
421
|
}
|
|
421
|
-
.dropdown-arrow[data-v-
|
|
422
|
-
color:
|
|
422
|
+
.dropdown-arrow[data-v-eefd0a6a] {
|
|
423
|
+
color: var(--db-gray-dark);
|
|
423
424
|
font-size: 0.75rem;
|
|
424
425
|
transition: all 0.3s ease;
|
|
425
426
|
}
|
|
426
|
-
.user-menu-toggle:hover .dropdown-arrow[data-v-
|
|
427
|
+
.user-menu-toggle:hover .dropdown-arrow[data-v-eefd0a6a] {
|
|
427
428
|
color: #667eea;
|
|
428
429
|
transform: translateY(1px);
|
|
429
430
|
}
|
|
430
431
|
|
|
431
432
|
/* 现代下拉菜单样式 */
|
|
432
|
-
.dropdown-menu-modern[data-v-
|
|
433
|
-
background:
|
|
434
|
-
border: 1px solid
|
|
433
|
+
.dropdown-menu-modern[data-v-eefd0a6a] {
|
|
434
|
+
background: var(--db-surface);
|
|
435
|
+
border: 1px solid var(--db-gray-medium);
|
|
435
436
|
border-radius: 16px;
|
|
436
437
|
box-shadow: 0 10px 25px rgba(0, 0, 0, 0.1), 0 4px 10px rgba(0, 0, 0, 0.05);
|
|
437
438
|
padding: 0.75rem;
|
|
@@ -439,68 +440,67 @@
|
|
|
439
440
|
backdrop-filter: blur(10px);
|
|
440
441
|
margin-top: 0.75rem;
|
|
441
442
|
}
|
|
442
|
-
.dropdown-header[data-v-
|
|
443
|
+
.dropdown-header[data-v-eefd0a6a] {
|
|
443
444
|
padding: 0.5rem 0.75rem;
|
|
444
445
|
font-size: 0.75rem;
|
|
445
446
|
font-weight: 700;
|
|
446
|
-
color:
|
|
447
|
+
color: var(--db-gray-dark);
|
|
447
448
|
text-transform: uppercase;
|
|
448
449
|
letter-spacing: 0.05em;
|
|
449
|
-
border-bottom: 1px solid
|
|
450
|
+
border-bottom: 1px solid var(--db-gray-light);
|
|
450
451
|
margin-bottom: 0.5rem;
|
|
451
452
|
}
|
|
452
|
-
.dropdown-item-modern[data-v-
|
|
453
|
+
.dropdown-item-modern[data-v-eefd0a6a] {
|
|
453
454
|
display: flex;
|
|
454
455
|
align-items: center;
|
|
455
456
|
gap: 0.75rem;
|
|
456
457
|
padding: 0.75rem;
|
|
457
458
|
border-radius: 8px;
|
|
458
|
-
color:
|
|
459
|
+
color: var(--db-text-body);
|
|
459
460
|
text-decoration: none;
|
|
460
461
|
transition: all 0.2s ease;
|
|
461
462
|
margin-bottom: 2px;
|
|
462
463
|
}
|
|
463
|
-
.dropdown-item-modern[data-v-
|
|
464
|
-
background: linear-gradient(135deg,
|
|
464
|
+
.dropdown-item-modern[data-v-eefd0a6a]:hover {
|
|
465
|
+
background: linear-gradient(135deg, var(--db-light-color) 0%, var(--db-gray-light) 100%);
|
|
465
466
|
color: #667eea;
|
|
466
467
|
transform: translateX(4px);
|
|
467
468
|
}
|
|
468
|
-
.dropdown-item-modern.text-danger[data-v-
|
|
469
|
-
background: linear-gradient(135deg,
|
|
469
|
+
.dropdown-item-modern.text-danger[data-v-eefd0a6a]:hover {
|
|
470
|
+
background: linear-gradient(135deg, var(--db-danger-bg) 0%, var(--db-danger-bg) 100%);
|
|
470
471
|
color: #dc2626;
|
|
471
472
|
}
|
|
472
|
-
.dropdown-item-content[data-v-
|
|
473
|
+
.dropdown-item-content[data-v-eefd0a6a] {
|
|
473
474
|
display: flex;
|
|
474
475
|
flex-direction: column;
|
|
475
476
|
gap: 2px;
|
|
476
477
|
}
|
|
477
|
-
.dropdown-item-title[data-v-
|
|
478
|
+
.dropdown-item-title[data-v-eefd0a6a] {
|
|
478
479
|
font-size: 0.9rem;
|
|
479
480
|
font-weight: 600;
|
|
480
481
|
color: inherit;
|
|
481
482
|
}
|
|
482
|
-
.dropdown-item-desc[data-v-
|
|
483
|
+
.dropdown-item-desc[data-v-eefd0a6a] {
|
|
483
484
|
font-size: 0.75rem;
|
|
484
|
-
color:
|
|
485
|
+
color: var(--db-gray-dark);
|
|
485
486
|
}
|
|
486
|
-
.dropdown-divider-modern[data-v-
|
|
487
|
+
.dropdown-divider-modern[data-v-eefd0a6a] {
|
|
487
488
|
margin: 0.75rem -0.75rem;
|
|
488
489
|
border: none;
|
|
489
|
-
border-top: 1px solid
|
|
490
|
+
border-top: 1px solid var(--db-border);
|
|
490
491
|
}
|
|
491
492
|
|
|
492
493
|
/* 主要内容区域 */
|
|
493
|
-
.main-content-modern[data-v-
|
|
494
|
+
.main-content-modern[data-v-eefd0a6a] {
|
|
494
495
|
flex: 1;
|
|
495
496
|
display: flex;
|
|
496
497
|
flex-direction: column;
|
|
497
498
|
background: transparent;
|
|
498
499
|
overflow: hidden;
|
|
499
500
|
}
|
|
500
|
-
.content-wrapper[data-v-
|
|
501
|
+
.content-wrapper[data-v-eefd0a6a] {
|
|
501
502
|
flex: 1;
|
|
502
|
-
background:
|
|
503
|
-
backdrop-filter: blur(8px);
|
|
503
|
+
background: var(--db-surface);
|
|
504
504
|
overflow-y: auto;
|
|
505
505
|
height: 100%;
|
|
506
506
|
}
|
|
@@ -508,7 +508,7 @@
|
|
|
508
508
|
|
|
509
509
|
|
|
510
510
|
/* 动画效果 */
|
|
511
|
-
@keyframes pulse-
|
|
511
|
+
@keyframes pulse-eefd0a6a {
|
|
512
512
|
0%, 100% { opacity: 1; transform: scale(1);
|
|
513
513
|
}
|
|
514
514
|
50% { opacity: 0.6; transform: scale(1.2);
|
|
@@ -517,88 +517,87 @@
|
|
|
517
517
|
|
|
518
518
|
/* 响应式设计 */
|
|
519
519
|
@media (max-width: 768px) {
|
|
520
|
-
.content-wrapper[data-v-
|
|
520
|
+
.content-wrapper[data-v-eefd0a6a] {
|
|
521
521
|
padding: 0.5rem;
|
|
522
522
|
}
|
|
523
523
|
}
|
|
524
524
|
@media (max-width: 480px) {
|
|
525
|
-
.content-wrapper[data-v-
|
|
525
|
+
.content-wrapper[data-v-eefd0a6a] {
|
|
526
526
|
padding: 0.25rem;
|
|
527
527
|
}
|
|
528
528
|
}
|
|
529
529
|
|
|
530
530
|
/* 关于工具触发按钮 */
|
|
531
|
-
.about-trigger[data-v-
|
|
531
|
+
.about-trigger[data-v-eefd0a6a] {
|
|
532
532
|
display: flex;
|
|
533
533
|
align-items: center;
|
|
534
|
-
gap: 0.
|
|
535
|
-
padding: 0.
|
|
536
|
-
border-radius:
|
|
534
|
+
gap: 0.3rem;
|
|
535
|
+
padding: 0.2rem 0.5rem;
|
|
536
|
+
border-radius: 4px;
|
|
537
537
|
cursor: pointer;
|
|
538
|
-
color:
|
|
539
|
-
font-size: 0.
|
|
540
|
-
font-weight:
|
|
541
|
-
transition:
|
|
538
|
+
color: var(--db-text-muted);
|
|
539
|
+
font-size: 0.75rem;
|
|
540
|
+
font-weight: 500;
|
|
541
|
+
transition: color 0.15s ease, border-color 0.15s ease, background-color 0.15s ease;
|
|
542
542
|
user-select: none;
|
|
543
|
-
border: 1px solid
|
|
544
|
-
background:
|
|
543
|
+
border: 1px solid var(--db-border);
|
|
544
|
+
background: transparent;
|
|
545
545
|
}
|
|
546
|
-
.about-trigger[data-v-
|
|
547
|
-
background:
|
|
548
|
-
color:
|
|
549
|
-
border-color:
|
|
550
|
-
transform: translateY(-1px);
|
|
546
|
+
.about-trigger[data-v-eefd0a6a]:hover {
|
|
547
|
+
background: var(--db-bg-soft);
|
|
548
|
+
color: var(--db-dark-color);
|
|
549
|
+
border-color: var(--db-border-light);
|
|
551
550
|
}
|
|
552
551
|
|
|
553
552
|
/* 关于工具弹窗 */
|
|
554
|
-
.about-modal-overlay[data-v-
|
|
553
|
+
.about-modal-overlay[data-v-eefd0a6a] {
|
|
555
554
|
position: fixed;
|
|
556
555
|
inset: 0;
|
|
557
|
-
background: rgba(
|
|
556
|
+
background: rgba(0, 0, 0, 0.55);
|
|
558
557
|
display: flex;
|
|
559
558
|
align-items: center;
|
|
560
559
|
justify-content: center;
|
|
561
560
|
z-index: 2000;
|
|
562
561
|
padding: 1.5rem;
|
|
563
|
-
backdrop-filter: blur(4px);
|
|
564
562
|
}
|
|
565
|
-
.about-modal[data-v-
|
|
563
|
+
.about-modal[data-v-eefd0a6a] {
|
|
566
564
|
position: relative;
|
|
567
565
|
width: 100%;
|
|
568
566
|
max-width: 860px;
|
|
569
567
|
max-height: 90vh;
|
|
570
568
|
overflow-y: auto;
|
|
571
|
-
background:
|
|
572
|
-
border
|
|
573
|
-
|
|
569
|
+
background: var(--db-bg-soft2);
|
|
570
|
+
border: 1px solid var(--db-border-light);
|
|
571
|
+
border-radius: 8px;
|
|
572
|
+
box-shadow: var(--db-shadow-2xl);
|
|
574
573
|
}
|
|
575
|
-
.about-modal-close[data-v-
|
|
574
|
+
.about-modal-close[data-v-eefd0a6a] {
|
|
576
575
|
position: absolute;
|
|
577
|
-
top:
|
|
578
|
-
right:
|
|
576
|
+
top: 0.75rem;
|
|
577
|
+
right: 0.75rem;
|
|
579
578
|
z-index: 2;
|
|
580
|
-
width:
|
|
581
|
-
height:
|
|
579
|
+
width: 26px;
|
|
580
|
+
height: 26px;
|
|
582
581
|
display: flex;
|
|
583
582
|
align-items: center;
|
|
584
583
|
justify-content: center;
|
|
585
|
-
border: 1px solid
|
|
586
|
-
border-radius:
|
|
587
|
-
background:
|
|
588
|
-
color:
|
|
584
|
+
border: 1px solid var(--db-border);
|
|
585
|
+
border-radius: 4px;
|
|
586
|
+
background: transparent;
|
|
587
|
+
color: var(--db-text-muted);
|
|
589
588
|
cursor: pointer;
|
|
590
|
-
transition: all 0.
|
|
589
|
+
transition: all 0.15s ease;
|
|
591
590
|
}
|
|
592
|
-
.about-modal-close[data-v-
|
|
593
|
-
background:
|
|
594
|
-
color:
|
|
595
|
-
border-color:
|
|
591
|
+
.about-modal-close[data-v-eefd0a6a]:hover {
|
|
592
|
+
background: var(--db-bg-soft);
|
|
593
|
+
color: var(--db-dark-color);
|
|
594
|
+
border-color: var(--db-border-light);
|
|
596
595
|
}
|
|
597
|
-
.about-fade-enter-active[data-v-
|
|
598
|
-
.about-fade-leave-active[data-v-
|
|
596
|
+
.about-fade-enter-active[data-v-eefd0a6a],
|
|
597
|
+
.about-fade-leave-active[data-v-eefd0a6a] {
|
|
599
598
|
transition: opacity 0.25s ease;
|
|
600
599
|
}
|
|
601
|
-
.about-fade-enter-from[data-v-
|
|
602
|
-
.about-fade-leave-to[data-v-
|
|
600
|
+
.about-fade-enter-from[data-v-eefd0a6a],
|
|
601
|
+
.about-fade-leave-to[data-v-eefd0a6a] {
|
|
603
602
|
opacity: 0;
|
|
604
603
|
}
|