@appthen/cli 1.2.11 → 1.2.13

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 (59) hide show
  1. package/bin/main.js +47 -0
  2. package/dist/index.js +6185 -15001
  3. package/package.json +8 -4
  4. package/tests/test-app/.appthen/shadow-space-100001-test-app-e99876b1.json +1197 -741
  5. package/tests/test-app/.appthen/space-config.json +2 -2
  6. package/tests/test-app/src/components/MessageCenter.tsx +506 -0
  7. package/tests/test-app/src/pages/CustomerManagement.tsx +535 -0
  8. package/tests/test-app/src/pages/CyberpunkDashboard.tsx +348 -0
  9. package/tests/test-app/src/pages/CyberpunkProductManagement.tsx +637 -0
  10. package/tests/test-app/src/pages/CyberpunkUserList.tsx +316 -0
  11. package/tests/test-app/src/pages/DashboardV2.tsx +334 -0
  12. package/tests/test-app/src/pages/DataReport.tsx +298 -0
  13. package/tests/test-app/src/pages/DataStatistics.tsx +317 -0
  14. package/tests/test-app/src/pages/DepartmentManagement.tsx +503 -0
  15. package/tests/test-app/src/pages/FileExplorer.tsx +441 -0
  16. package/tests/test-app/src/pages/OrderDetail.tsx +393 -0
  17. package/tests/test-app/src/pages/ProductManagement.tsx +521 -0
  18. package/tests/test-app/src/pages/ProjectTimeline.tsx +395 -0
  19. package/tests/test-app/src/pages/RoleManagement.tsx +523 -0
  20. package/tests/test-app/src/pages/StaticCyberpunkDashboard.tsx +462 -0
  21. package/tests/test-app/src/pages/StaticCyberpunkUserList.tsx +567 -0
  22. package/tests/test-app/src/pages/StudentWeaknessList.tsx +547 -0
  23. package/tests/test-app/src/pages/SystemSettings.tsx +422 -0
  24. package/tests/test-app/src/pages/TaskManagement.tsx +467 -0
  25. package/tests/test-app/src/pages/TicketManagement.tsx +402 -0
  26. package/tests/test-app/src/pages/UserProfile.tsx +404 -0
  27. package/tests/test-app/src/pages/WorkflowDesigner.tsx +434 -0
  28. package/tests/test-app/src/pages/admin/dashboard.tsx +591 -0
  29. package/tests/test-app/src/pages/article-list.tsx +222 -0
  30. package/tests/test-app/src/pages/babyProductRecommendationPage.tsx +168 -0
  31. package/tests/test-app/src/pages/category-list.tsx +179 -0
  32. package/tests/test-app/src/pages/comment-list.tsx +194 -0
  33. package/tests/test-app/src/pages/cyberpunk/cyberpunkCRMPage.tsx +1299 -0
  34. package/tests/test-app/src/pages/data-analytics.tsx +1872 -0
  35. package/tests/test-app/src/pages/data-overview.tsx +600 -0
  36. package/tests/test-app/src/pages/demo-error-page.tsx +119 -0
  37. package/tests/test-app/src/pages/department-list.tsx +183 -0
  38. package/tests/test-app/src/pages/goods-list.tsx +233 -0
  39. package/tests/test-app/src/pages/housekeeping/adminDashboardPage.tsx +880 -0
  40. package/tests/test-app/src/pages/mobile_terminal/uiHandsOnPractice.tsx +1 -1
  41. package/tests/test-app/src/pages/notice-list.tsx +217 -0
  42. package/tests/test-app/src/pages/order-detail.tsx +330 -0
  43. package/tests/test-app/src/pages/order-list.tsx +195 -0
  44. package/tests/test-app/src/pages/order-management.tsx +563 -0
  45. package/tests/test-app/src/pages/page/OrderList.tsx +230 -0
  46. package/tests/test-app/src/pages/role-list.tsx +184 -0
  47. package/tests/test-app/src/pages/simple/simplePage.tsx +92 -0
  48. package/tests/test-app/src/pages/simple-page.tsx +43 -0
  49. package/tests/test-app/src/pages/test-destructure.tsx +44 -0
  50. package/tests/test-app/src/pages/test-error-page.tsx +75 -0
  51. package/tests/test-app/src/pages/test-page-with-errors.tsx +51 -0
  52. package/tests/test-app/src/pages/test-page.tsx +101 -0
  53. package/tests/test-app/src/pages/test-render.tsx +52 -0
  54. package/tests/test-app/src/pages/test-return-type.tsx +41 -0
  55. package/tests/test-app/src/pages/test-type-assertion.tsx +37 -0
  56. package/tests/test-app/src/pages/ui/styleSelectorPage.tsx +1554 -0
  57. package/tests/test-app/src/pages/user-list.tsx +212 -0
  58. package/tests/test-app/src/pages/wrong-page.tsx +50 -0
  59. package/tests/test-app/.appthen/shadow-space-unknown-user-test-app-e99876b1.json +0 -1060
package/tests/test-app/src/pages/StaticCyberpunkDashboard.tsx ADDED
@@ -0,0 +1,462 @@
1
+ /**
2
+ * 静态赛博朋克仪表板
3
+ * 使用基本 HTML 元素 + Tailwind CSS 的纯静态页面
4
+ *
5
+ * @type Page
6
+ * @route /static-cyberpunk-dashboard
7
+ * @screen 1920x1080 #0a0a0f
8
+ * @frames web
9
+ */
10
+ import React from 'react';
11
+
12
+
13
+ class IProps {
14
+ title?: string;
15
+ }
16
+
17
+ /*
18
+ * 数据与接口请求定义
19
+ */
20
+ class IState {
21
+ currentTime?: string;
22
+ cpuUsage?: number;
23
+ memoryUsage?: number;
24
+ networkSpeed?: number;
25
+ @Form({
26
+ setter: "JsonSetter"
27
+ })
28
+ dataBlocks?: number[];
29
+ showDetails?: boolean;
30
+ glitchMode?: boolean;
31
+ }
32
+
33
+ class Document extends React.Component<IProps, IState> {
34
+ state = {
35
+ currentTime: '',
36
+ cpuUsage: 67,
37
+ memoryUsage: 54,
38
+ networkSpeed: 1024,
39
+ dataBlocks: [847, 623, 912, 356, 789, 421, 567, 834, 298],
40
+ showDetails: false,
41
+ glitchMode: false,
42
+ };
43
+
44
+ componentDidMount() {
45
+ this.updateTime();
46
+ this.timer = setInterval(() => {
47
+ this.updateTime();
48
+ this.simulateData();
49
+ }, 1000);
50
+ }
51
+
52
+ componentWillUnmount() {
53
+ if (this.timer) {
54
+ clearInterval(this.timer);
55
+ }
56
+ }
57
+
58
+ updateTime() {
59
+ const now = new Date();
60
+ const timeStr = now.toLocaleTimeString('zh-CN', {
61
+ hour12: false,
62
+ });
63
+ this.setState({
64
+ currentTime: timeStr,
65
+ });
66
+ }
67
+
68
+ simulateData() {
69
+ this.setState({
70
+ cpuUsage: Math.floor(Math.random() * 40) + 50,
71
+ memoryUsage: Math.floor(Math.random() * 30) + 40,
72
+ networkSpeed: Math.floor(Math.random() * 500) + 800,
73
+ dataBlocks: this.state.dataBlocks?.map(() =>
74
+ Math.floor(Math.random() * 1000)
75
+ ),
76
+ });
77
+ }
78
+
79
+ toggleDetails() {
80
+ this.setState({
81
+ showDetails: !this.state.showDetails,
82
+ });
83
+ }
84
+
85
+ toggleGlitch() {
86
+ this.setState({
87
+ glitchMode: !this.state.glitchMode,
88
+ });
89
+ }
90
+
91
+ render() {
92
+ return (
93
+ <Page className="relative min-h-screen overflow-x-hidden bg-[#0a0a0f] [fontFamily:monospace] text-[#ffffff]">
94
+ <View className="pointer-events-none fixed top-[0px] left-[0px] right-[0px] bottom-[0px] z-[100] bg-[repeating-linear-gradient(0deg, rgba(0, 0, 0, 0.1) 0px, rgba(0, 0, 0, 0.1) 1px, transparent 1px, transparent 2px)]" />
95
+ <View className="pointer-events-none fixed top-[0px] left-[0px] right-[0px] bottom-[0px] bg-gradient-to-r bg-[linear-gradient(rgba(0, 255, 255, 0.03) 1px, transparent 1px), linear-gradient(90deg, rgba(0, 255, 255, 0.03) 1px, transparent 1px)] bg-[length:50px 50px]" />
96
+ <View className="relative z-10">
97
+ <header className="flex justify-between items-center pl-[32px] pr-[32px] pt-[24px] pb-[24px] [borderBottom:2px solid #00ffff] bg-[rgba(0, 255, 255, 0.05)] [backdropFilter:blur(10px)]">
98
+ <View className="flex flex-col">
99
+ <h1 className="text-3xl font-bold tracking-[0.1em] text-[#00ffff] text-shadow-[0 0 10px #00ffff, 0 0 20px #00ffff, 0 0 40px #00ffff] [fontFamily:Orbitron, sans-serif]">
100
+ CYBERPUNK
101
+ </h1>
102
+ <p className="text-xs mt-[4px] text-[#ff00ff] tracking-[0.2em]">
103
+ DASHBOARD v2.077
104
+ </p>
105
+ </View>
106
+ <View className="gap-6 flex items-center">
107
+ <View className="text-[var(--right)]">
108
+ <View className="text-5xl font-bold text-[#ffffff] [fontFamily:Orbitron, sans-serif]">
109
+ <Text>{this.state.currentTime}</Text>
110
+ </View>
111
+ </View>
112
+ <View className="pl-[16px] pr-[16px] pt-[8px] pb-[8px] rounded bg-[rgba(0, 255, 136, 0.2)] border border-solid border-[#00ff88]">
113
+ <Text className="font-bold tracking-[0.05em] text-sm text-[#00ff88]">
114
+ ONLINE
115
+ </Text>
116
+ </View>
117
+ </View>
118
+ </header>
119
+ <main className="gap-6 flex p-[24px] min-h-NaN">
120
+ <aside className="gap-6 w-[288px] flex flex-col">
121
+ <View className="rounded-xl p-[20px] bg-[rgba(0, 0, 0, 0.6)] [backdropFilter:blur(10px)] border border-solid border-[rgba(0, 255, 255, 0.3)] shadow-[0 0 20px rgba(0, 255, 255, 0.1)]">
122
+ <h2 className="text-sm tracking-[0.1em] [textTransform:uppercase] mb-[16px] pb-[8px] text-[#ff00ff] [borderBottom:1px solid rgba(255, 0, 255, 0.3)]">
123
+ 系统状态
124
+ </h2>
125
+ <View className="mb-[16px]">
126
+ <View className="flex justify-between items-center mb-[8px]">
127
+ <Text className="text-xs text-[#00ffff]">CPU 使用率</Text>
128
+ <Text className="font-bold text-[#ffffff]">
129
+ {this.state.cpuUsage}%
130
+ </Text>
131
+ </View>
132
+ <View className="h-[8px] rounded-full overflow-hidden bg-[rgba(255, 255, 255, 0.1)]">
133
+ <View
134
+ className="h-full rounded-full transition-all duration-500"
135
+ style={{
136
+ width: this.state.cpuUsage + '%',
137
+ background: 'linear-gradient(90deg, #00ffff, #00ffff)',
138
+ boxShadow: '0 0 10px rgba(0, 255, 255, 0.5)',
139
+ }}
140
+ />
141
+ </View>
142
+ </View>
143
+ <View className="mb-[16px]">
144
+ <View className="flex justify-between items-center mb-[8px]">
145
+ <Text className="text-xs text-[#00ffff]">内存使用</Text>
146
+ <Text className="font-bold text-[#ffffff]">
147
+ {this.state.memoryUsage}%
148
+ </Text>
149
+ </View>
150
+ <View className="h-[8px] rounded-full overflow-hidden bg-[rgba(255, 255, 255, 0.1)]">
151
+ <View
152
+ className="h-full rounded-full transition-all duration-500"
153
+ style={{
154
+ width: this.state.memoryUsage + '%',
155
+ background: 'linear-gradient(90deg, #ff00ff, #ff00ff)',
156
+ boxShadow: '0 0 10px rgba(255, 0, 255, 0.5)',
157
+ }}
158
+ />
159
+ </View>
160
+ </View>
161
+ <View className="mb-[16px]">
162
+ <View className="flex justify-between items-center mb-[8px]">
163
+ <Text className="text-xs text-[#00ffff]">网络速度</Text>
164
+ <Text className="font-bold text-[#ffffff]">
165
+ {this.state.networkSpeed}MB/s
166
+ </Text>
167
+ </View>
168
+ </View>
169
+ <View>
170
+ <View className="flex justify-between items-center mb-[8px]">
171
+ <Text className="text-xs text-[#00ffff]">活跃节点</Text>
172
+ <Text className="font-bold text-[#ffffff]">42 / 64</Text>
173
+ </View>
174
+ </View>
175
+ </View>
176
+ <View className="rounded-xl p-[20px] bg-[rgba(0, 0, 0, 0.6)] [backdropFilter:blur(10px)] border border-solid border-[rgba(0, 255, 255, 0.3)] shadow-[0 0 20px rgba(0, 255, 255, 0.1)]">
177
+ <h2 className="text-sm tracking-[0.1em] [textTransform:uppercase] mb-[16px] pb-[8px] text-[#ff00ff] [borderBottom:1px solid rgba(255, 0, 255, 0.3)]">
178
+ 模块状态
179
+ </h2>
180
+ <View className="space-y-3">
181
+ <View className="transition flex items-center p-[12px] rounded cursor-pointer bg-[rgba(0, 255, 255, 0.05)] border border-solid border-[rgba(0, 255, 255, 0.2)]">
182
+ <View className="w-[8px] h-[8px] rounded-full mr-[12px] bg-[#00ff88] shadow-[0 0 10px #00ff88]" />
183
+ <Text className="flex-1 text-sm text-[#ffffff]">
184
+ 神经链接
185
+ </Text>
186
+ <Text className="font-bold text-xs text-[#00ffff]">
187
+ 89%
188
+ </Text>
189
+ </View>
190
+ <View className="transition flex items-center p-[12px] rounded cursor-pointer bg-[rgba(0, 255, 255, 0.05)] border border-solid border-[rgba(0, 255, 255, 0.2)]">
191
+ <View className="w-[8px] h-[8px] rounded-full mr-[12px] bg-[#00ff88] shadow-[0 0 10px #00ff88]" />
192
+ <Text className="flex-1 text-sm text-[#ffffff]">
193
+ 数据流
194
+ </Text>
195
+ <Text className="font-bold text-xs text-[#00ffff]">
196
+ 76%
197
+ </Text>
198
+ </View>
199
+ <View className="transition flex items-center p-[12px] rounded cursor-pointer bg-[rgba(0, 255, 255, 0.05)] border border-solid border-[rgba(0, 255, 255, 0.2)]">
200
+ <View className="w-[8px] h-[8px] rounded-full mr-[12px] bg-[#ffaa00] shadow-[0 0 10px #ffaa00]" />
201
+ <Text className="flex-1 text-sm text-[#ffffff]">
202
+ 防火墙
203
+ </Text>
204
+ <Text className="font-bold text-xs text-[#00ffff]">
205
+ 45%
206
+ </Text>
207
+ </View>
208
+ <View className="transition flex items-center p-[12px] rounded cursor-pointer bg-[rgba(0, 255, 255, 0.05)] border border-solid border-[rgba(0, 255, 255, 0.2)]">
209
+ <View className="w-[8px] h-[8px] rounded-full mr-[12px] bg-[#00ff88] shadow-[0 0 10px #00ff88]" />
210
+ <Text className="flex-1 text-sm text-[#ffffff]">
211
+ 加密模块
212
+ </Text>
213
+ <Text className="font-bold text-xs text-[#00ffff]">
214
+ 92%
215
+ </Text>
216
+ </View>
217
+ <View className="transition flex items-center p-[12px] rounded cursor-pointer bg-[rgba(0, 255, 255, 0.05)] border border-solid border-[rgba(0, 255, 255, 0.2)]">
218
+ <View className="w-[8px] h-[8px] rounded-full mr-[12px] bg-[#00ff88] shadow-[0 0 10px #00ff88]" />
219
+ <Text className="flex-1 text-sm text-[#ffffff]">
220
+ AI 核心
221
+ </Text>
222
+ <Text className="font-bold text-xs text-[#00ffff]">
223
+ 98%
224
+ </Text>
225
+ </View>
226
+ <View className="transition flex items-center p-[12px] rounded cursor-pointer bg-[rgba(0, 255, 255, 0.05)] border border-solid border-[rgba(0, 255, 255, 0.2)]">
227
+ <View className="w-[8px] h-[8px] rounded-full mr-[12px] bg-[#ff0055] shadow-[0 0 10px #ff0055]" />
228
+ <Text className="flex-1 text-sm text-[#ffffff]">
229
+ 量子网络
230
+ </Text>
231
+ <Text className="font-bold text-xs text-[#00ffff]">0%</Text>
232
+ </View>
233
+ </View>
234
+ </View>
235
+ </aside>
236
+ <section className="flex-1">
237
+ <View className="rounded-xl p-[24px] h-full flex flex-col bg-[rgba(0, 0, 0, 0.6)] [backdropFilter:blur(10px)] border border-solid border-[rgba(0, 255, 255, 0.3)] shadow-[0 0 20px rgba(0, 255, 255, 0.1)]">
238
+ <View className="flex justify-between items-center mb-[24px] pb-[16px] [borderBottom:1px solid rgba(0, 255, 255, 0.3)]">
239
+ <h2 className="text-lg tracking-[0.1em] [textTransform:uppercase] text-[#00ffff]">
240
+ 数据可视化
241
+ </h2>
242
+ <View className="gap-3 flex">
243
+ <button
244
+ onClick={() => this.toggleDetails()}
245
+ className="transition pl-[16px] pr-[16px] pt-[8px] pb-[8px] rounded font-bold text-xs tracking-[0.05em] bg-[transparent] border-[2px] border-solid border-[#00ffff] text-[#00ffff] shadow-[0 0 10px rgba(0, 255, 255, 0.3)]"
246
+ >
247
+ {this.state.showDetails ? '隐藏详情' : '显示详情'}
248
+ </button>
249
+ <button
250
+ onClick={() => this.toggleGlitch()}
251
+ className="transition pl-[16px] pr-[16px] pt-[8px] pb-[8px] rounded font-bold text-xs tracking-[0.05em] bg-[transparent] border-[2px] border-solid border-[#ff00ff] text-[#ff00ff] shadow-[0 0 10px rgba(255, 0, 255, 0.3)]"
252
+ >
253
+ 故障模式
254
+ </button>
255
+ </View>
256
+ </View>
257
+ <View className="gap-4 grid grid-cols-3 mb-[24px]">
258
+ {this.state.dataBlocks.map((value, index) => (
259
+ <View
260
+ key={index}
261
+ className="rounded-lg p-5 text-center transition"
262
+ style={{
263
+ backgroundColor: 'rgba(0, 255, 255, 0.05)',
264
+ border: this.state.glitchMode
265
+ ? '1px solid #ff0055'
266
+ : '1px solid rgba(0, 255, 255, 0.3)',
267
+ boxShadow: this.state.glitchMode
268
+ ? '0 0 20px rgba(255, 0, 85, 0.5)'
269
+ : 'none',
270
+ }}
271
+ >
272
+ <View className="text-xs tracking-[0.05em] mb-[8px] text-[#00ffff]">
273
+ DATA-
274
+ <Text>{(index + 1).toString().padStart(3, '0')}</Text>
275
+ </View>
276
+ <View className="text-2xl font-bold text-[#ffffff]">
277
+ <Text>{value}</Text>
278
+ </View>
279
+ </View>
280
+ ))}
281
+ </View>
282
+ {!!this.state.showDetails && (
283
+ <View className="rounded-lg p-[20px] bg-[rgba(255, 0, 255, 0.05)] border border-solid border-[rgba(255, 0, 255, 0.3)]">
284
+ <h3 className="text-sm tracking-[0.05em] mb-[16px] text-[#ff00ff]">
285
+ 详细数据分析
286
+ </h3>
287
+ <View className="gap-4 grid grid-cols-2">
288
+ <View className="p-[16px] rounded bg-[rgba(0, 0, 0, 0.4)] border border-solid border-[rgba(255, 0, 255, 0.2)]">
289
+ <View className="text-xs tracking-[0.05em] mb-[4px] text-[#00ffff]">
290
+ 数据吞吐量
291
+ </View>
292
+ <View className="text-lg font-bold text-[#ffffff]">
293
+ 2.4 TB/h
294
+ </View>
295
+ </View>
296
+ <View className="p-[16px] rounded bg-[rgba(0, 0, 0, 0.4)] border border-solid border-[rgba(255, 0, 255, 0.2)]">
297
+ <View className="text-xs tracking-[0.05em] mb-[4px] text-[#00ffff]">
298
+ 响应时间
299
+ </View>
300
+ <View className="text-lg font-bold text-[#ffffff]">
301
+ 12 ms
302
+ </View>
303
+ </View>
304
+ <View className="p-[16px] rounded bg-[rgba(0, 0, 0, 0.4)] border border-solid border-[rgba(255, 0, 255, 0.2)]">
305
+ <View className="text-xs tracking-[0.05em] mb-[4px] text-[#00ffff]">
306
+ 错误率
307
+ </View>
308
+ <View className="text-lg font-bold text-[#ffffff]">
309
+ 0.02%
310
+ </View>
311
+ </View>
312
+ <View className="p-[16px] rounded bg-[rgba(0, 0, 0, 0.4)] border border-solid border-[rgba(255, 0, 255, 0.2)]">
313
+ <View className="text-xs tracking-[0.05em] mb-[4px] text-[#00ffff]">
314
+ 加密强度
315
+ </View>
316
+ <View className="text-lg font-bold text-[#ffffff]">
317
+ AES-256
318
+ </View>
319
+ </View>
320
+ </View>
321
+ </View>
322
+ )}
323
+ </View>
324
+ </section>
325
+ <aside className="w-[320px]">
326
+ <View className="rounded-xl p-[20px] h-full bg-[rgba(0, 0, 0, 0.6)] [backdropFilter:blur(10px)] border border-solid border-[rgba(0, 255, 255, 0.3)] shadow-[0 0 20px rgba(0, 255, 255, 0.1)]">
327
+ <h2 className="text-sm tracking-[0.1em] [textTransform:uppercase] mb-[16px] pb-[8px] text-[#ff00ff] [borderBottom:1px solid rgba(255, 0, 255, 0.3)]">
328
+ 系统日志
329
+ </h2>
330
+ <View className="space-y-2 max-h-[500px] overflow-y-auto">
331
+ <View className="flex items-center p-[12px] rounded bg-[rgba(0, 0, 0, 0.4)] [borderLeft:3px solid #00ffff]">
332
+ <Text className="text-xs w-[64px] text-[#888888]">
333
+ 23:59:45
334
+ </Text>
335
+ <Text className="pl-[8px] pr-[8px] pt-[4px] pb-[4px] rounded mr-[8px] text-xs font-bold bg-[rgba(0, 255, 255, 0.2)] text-[#00ffff]">
336
+ INFO
337
+ </Text>
338
+ <Text className="text-xs flex-1 text-[#ffffff]">
339
+ 系统初始化完成
340
+ </Text>
341
+ </View>
342
+ <View className="flex items-center p-[12px] rounded bg-[rgba(0, 0, 0, 0.4)] [borderLeft:3px solid #00ff88]">
343
+ <Text className="text-xs w-[64px] text-[#888888]">
344
+ 23:59:46
345
+ </Text>
346
+ <Text className="pl-[8px] pr-[8px] pt-[4px] pb-[4px] rounded mr-[8px] text-xs font-bold bg-[rgba(0, 255, 136, 0.2)] text-[#00ff88]">
347
+ SUCCESS
348
+ </Text>
349
+ <Text className="text-xs flex-1 text-[#ffffff]">
350
+ 神经链接已建立
351
+ </Text>
352
+ </View>
353
+ <View className="flex items-center p-[12px] rounded bg-[rgba(0, 0, 0, 0.4)] [borderLeft:3px solid #ffaa00]">
354
+ <Text className="text-xs w-[64px] text-[#888888]">
355
+ 23:59:47
356
+ </Text>
357
+ <Text className="pl-[8px] pr-[8px] pt-[4px] pb-[4px] rounded mr-[8px] text-xs font-bold bg-[rgba(255, 170, 0, 0.2)] text-[#ffaa00]">
358
+ WARNING
359
+ </Text>
360
+ <Text className="text-xs flex-1 text-[#ffffff]">
361
+ 检测到异常数据包
362
+ </Text>
363
+ </View>
364
+ <View className="flex items-center p-[12px] rounded bg-[rgba(0, 0, 0, 0.4)] [borderLeft:3px solid #00ffff]">
365
+ <Text className="text-xs w-[64px] text-[#888888]">
366
+ 23:59:48
367
+ </Text>
368
+ <Text className="pl-[8px] pr-[8px] pt-[4px] pb-[4px] rounded mr-[8px] text-xs font-bold bg-[rgba(0, 255, 255, 0.2)] text-[#00ffff]">
369
+ INFO
370
+ </Text>
371
+ <Text className="text-xs flex-1 text-[#ffffff]">
372
+ 防火墙更新中...
373
+ </Text>
374
+ </View>
375
+ <View className="flex items-center p-[12px] rounded bg-[rgba(0, 0, 0, 0.4)] [borderLeft:3px solid #00ff88]">
376
+ <Text className="text-xs w-[64px] text-[#888888]">
377
+ 23:59:49
378
+ </Text>
379
+ <Text className="pl-[8px] pr-[8px] pt-[4px] pb-[4px] rounded mr-[8px] text-xs font-bold bg-[rgba(0, 255, 136, 0.2)] text-[#00ff88]">
380
+ SUCCESS
381
+ </Text>
382
+ <Text className="text-xs flex-1 text-[#ffffff]">
383
+ 数据同步完成
384
+ </Text>
385
+ </View>
386
+ <View className="flex items-center p-[12px] rounded bg-[rgba(0, 0, 0, 0.4)] [borderLeft:3px solid #00ffff]">
387
+ <Text className="text-xs w-[64px] text-[#888888]">
388
+ 23:59:50
389
+ </Text>
390
+ <Text className="pl-[8px] pr-[8px] pt-[4px] pb-[4px] rounded mr-[8px] text-xs font-bold bg-[rgba(0, 255, 255, 0.2)] text-[#00ffff]">
391
+ INFO
392
+ </Text>
393
+ <Text className="text-xs flex-1 text-[#ffffff]">
394
+ AI 核心就绪
395
+ </Text>
396
+ </View>
397
+ <View className="flex items-center p-[12px] rounded bg-[rgba(0, 0, 0, 0.4)] [borderLeft:3px solid #00ff88]">
398
+ <Text className="text-xs w-[64px] text-[#888888]">
399
+ 23:59:51
400
+ </Text>
401
+ <Text className="pl-[8px] pr-[8px] pt-[4px] pb-[4px] rounded mr-[8px] text-xs font-bold bg-[rgba(0, 255, 136, 0.2)] text-[#00ff88]">
402
+ SUCCESS
403
+ </Text>
404
+ <Text className="text-xs flex-1 text-[#ffffff]">
405
+ 加密通道建立
406
+ </Text>
407
+ </View>
408
+ <View className="flex items-center p-[12px] rounded bg-[rgba(0, 0, 0, 0.4)] [borderLeft:3px solid #ffaa00]">
409
+ <Text className="text-xs w-[64px] text-[#888888]">
410
+ 23:59:52
411
+ </Text>
412
+ <Text className="pl-[8px] pr-[8px] pt-[4px] pb-[4px] rounded mr-[8px] text-xs font-bold bg-[rgba(255, 170, 0, 0.2)] text-[#ffaa00]">
413
+ WARNING
414
+ </Text>
415
+ <Text className="text-xs flex-1 text-[#ffffff]">
416
+ 网络延迟增加
417
+ </Text>
418
+ </View>
419
+ <View className="flex items-center p-[12px] rounded bg-[rgba(0, 0, 0, 0.4)] [borderLeft:3px solid #00ffff]">
420
+ <Text className="text-xs w-[64px] text-[#888888]">
421
+ 23:59:53
422
+ </Text>
423
+ <Text className="pl-[8px] pr-[8px] pt-[4px] pb-[4px] rounded mr-[8px] text-xs font-bold bg-[rgba(0, 255, 255, 0.2)] text-[#00ffff]">
424
+ INFO
425
+ </Text>
426
+ <Text className="text-xs flex-1 text-[#ffffff]">
427
+ 优化网络路由
428
+ </Text>
429
+ </View>
430
+ <View className="flex items-center p-[12px] rounded bg-[rgba(0, 0, 0, 0.4)] [borderLeft:3px solid #00ff88]">
431
+ <Text className="text-xs w-[64px] text-[#888888]">
432
+ 23:59:54
433
+ </Text>
434
+ <Text className="pl-[8px] pr-[8px] pt-[4px] pb-[4px] rounded mr-[8px] text-xs font-bold bg-[rgba(0, 255, 136, 0.2)] text-[#00ff88]">
435
+ SUCCESS
436
+ </Text>
437
+ <Text className="text-xs flex-1 text-[#ffffff]">
438
+ 系统运行正常
439
+ </Text>
440
+ </View>
441
+ </View>
442
+ </View>
443
+ </aside>
444
+ </main>
445
+ <footer className="flex justify-around items-center pl-[32px] pr-[32px] pt-[16px] pb-[16px] [borderTop:2px solid #ff00ff] bg-[rgba(255, 0, 255, 0.05)] [backdropFilter:blur(10px)]">
446
+ <Text className="text-xs tracking-[0.05em] text-[#00ffff]">
447
+ NEURAL INTERFACE CONNECTED
448
+ </Text>
449
+ <Text className="text-xs tracking-[0.05em] text-[#00ffff]">
450
+ LATENCY: 12ms
451
+ </Text>
452
+ <Text className="text-xs tracking-[0.05em] text-[#00ffff]">
453
+ ENCRYPTION: ACTIVE
454
+ </Text>
455
+ </footer>
456
+ </View>
457
+ </Page>
458
+ );
459
+ }
460
+ }
461
+
462
+ export default Document;