whistle.mock-plugins 1.1.2 → 1.1.3-beta.1

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 (29) hide show
  1. package/VERSION.md +0 -4
  2. package/app/cgi-bin/interfaces.js +5 -42
  3. package/app/public/js/index.js +1 -1
  4. package/app/public/js/index.js.LICENSE.txt +4 -6
  5. package/lib/ui-server.js +1 -15
  6. package/package.json +1 -1
  7. package/ui/src/index.js +24 -4
  8. package/ui/src/pages/InterfaceManagementV2.js +334 -0
  9. package/ui/src/pages/MockDataV2.js +702 -0
  10. package/ui/src/pages/Settings.js +79 -157
  11. package/ui/src/del_App.js +0 -24
  12. package/ui/src/pages/del_FileProxy.js +0 -235
  13. package/ui/src/pages/del_FilesPage.js +0 -292
  14. package/ui/src/pages/del_Home.js +0 -128
  15. package/ui/src/pages/del_HomePage.js +0 -195
  16. package/ui/src/pages/del_InterfacePage.js +0 -342
  17. package/ui/src/pages/del_SettingsPage.js +0 -165
  18. package/ui/src/pages/del_UrlRedirect.js +0 -225
  19. package/ui/src/pages/del_Welcome.js +0 -155
  20. package/ui/src/styles/del_feature-card.css +0 -168
  21. package/ui/src/styles/del_file-proxy.css +0 -301
  22. package/ui/src/styles/del_home.css +0 -123
  23. package/ui/src/styles/del_index.css +0 -419
  24. package/ui/src/styles/del_layout.css +0 -159
  25. package/ui/src/styles/del_logs-page.css +0 -427
  26. package/ui/src/styles/del_main-nav.css +0 -52
  27. package/ui/src/styles/del_page-container.css +0 -11
  28. package/ui/src/styles/del_url-redirect.css +0 -279
  29. package/ui/src/styles/del_welcome.css +0 -282
package/ui/src/styles/del_file-proxy.css DELETED
@@ -1,301 +0,0 @@
1
- .file-proxy-container {
2
- height: 100%;
3
- }
4
-
5
- .page-header {
6
- display: flex;
7
- justify-content: space-between;
8
- align-items: center;
9
- margin-bottom: 16px;
10
- }
11
-
12
- .page-header h1 {
13
- font-size: 20px;
14
- font-weight: 600;
15
- color: #262626;
16
- margin: 0;
17
- }
18
-
19
- .add-button {
20
- background-color: #1890ff;
21
- color: white;
22
- border: none;
23
- border-radius: 4px;
24
- padding: 0 16px;
25
- height: 32px;
26
- cursor: pointer;
27
- font-size: 14px;
28
- display: flex;
29
- align-items: center;
30
- }
31
-
32
- .add-button:hover {
33
- background-color: #40a9ff;
34
- }
35
-
36
- .proxy-list-container {
37
- background-color: white;
38
- border-radius: 4px;
39
- box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1);
40
- overflow: hidden;
41
- }
42
-
43
- .proxy-table {
44
- width: 100%;
45
- border-collapse: collapse;
46
- }
47
-
48
- .proxy-table th,
49
- .proxy-table td {
50
- padding: 12px 16px;
51
- text-align: left;
52
- border-bottom: 1px solid #f0f0f0;
53
- }
54
-
55
- .proxy-table th {
56
- background-color: #fafafa;
57
- color: #8c8c8c;
58
- font-weight: 500;
59
- font-size: 14px;
60
- }
61
-
62
- .proxy-table tr:hover {
63
- background-color: #fafafa;
64
- }
65
-
66
- .proxy-table tr.inactive {
67
- color: #a6a6a6;
68
- background-color: #f9f9f9;
69
- }
70
-
71
- .local-path {
72
- font-family: monospace;
73
- word-break: break-all;
74
- }
75
-
76
- .action-buttons {
77
- display: flex;
78
- gap: 8px;
79
- }
80
-
81
- .edit-button,
82
- .delete-button {
83
- border: none;
84
- border-radius: 4px;
85
- padding: 4px 8px;
86
- cursor: pointer;
87
- font-size: 12px;
88
- }
89
-
90
- .edit-button {
91
- background-color: #e6f7ff;
92
- color: #1890ff;
93
- }
94
-
95
- .edit-button:hover {
96
- background-color: #bae7ff;
97
- }
98
-
99
- .delete-button {
100
- background-color: #fff1f0;
101
- color: #f5222d;
102
- }
103
-
104
- .delete-button:hover {
105
- background-color: #ffccc7;
106
- }
107
-
108
- /* 切换开关样式 */
109
- .switch {
110
- position: relative;
111
- display: inline-block;
112
- width: 36px;
113
- height: 20px;
114
- }
115
-
116
- .switch input {
117
- opacity: 0;
118
- width: 0;
119
- height: 0;
120
- }
121
-
122
- .slider {
123
- position: absolute;
124
- cursor: pointer;
125
- top: 0;
126
- left: 0;
127
- right: 0;
128
- bottom: 0;
129
- background-color: #ccc;
130
- transition: .4s;
131
- border-radius: 20px;
132
- }
133
-
134
- .slider:before {
135
- position: absolute;
136
- content: "";
137
- height: 16px;
138
- width: 16px;
139
- left: 2px;
140
- bottom: 2px;
141
- background-color: white;
142
- transition: .4s;
143
- border-radius: 50%;
144
- }
145
-
146
- input:checked + .slider {
147
- background-color: #1890ff;
148
- }
149
-
150
- input:checked + .slider:before {
151
- transform: translateX(16px);
152
- }
153
-
154
- /* 空数据样式 */
155
- .empty-data {
156
- display: flex;
157
- flex-direction: column;
158
- align-items: center;
159
- justify-content: center;
160
- padding: 60px 0;
161
- color: #8c8c8c;
162
- }
163
-
164
- .empty-icon {
165
- font-size: 48px;
166
- margin-bottom: 16px;
167
- color: #d9d9d9;
168
- }
169
-
170
- .empty-text {
171
- font-size: 16px;
172
- margin-bottom: 24px;
173
- color: #8c8c8c;
174
- }
175
-
176
- /* 模态框样式 */
177
- .modal-overlay {
178
- position: fixed;
179
- top: 0;
180
- left: 0;
181
- right: 0;
182
- bottom: 0;
183
- background-color: rgba(0, 0, 0, 0.5);
184
- display: flex;
185
- align-items: center;
186
- justify-content: center;
187
- z-index: 1000;
188
- }
189
-
190
- .modal {
191
- background-color: white;
192
- border-radius: 4px;
193
- box-shadow: 0 4px 12px rgba(0, 0, 0, 0.15);
194
- width: 500px;
195
- max-width: 90%;
196
- max-height: 90vh;
197
- overflow-y: auto;
198
- }
199
-
200
- .modal-header {
201
- display: flex;
202
- justify-content: space-between;
203
- align-items: center;
204
- padding: 16px;
205
- border-bottom: 1px solid #f0f0f0;
206
- }
207
-
208
- .modal-header h2 {
209
- margin: 0;
210
- font-size: 16px;
211
- font-weight: 600;
212
- color: #262626;
213
- }
214
-
215
- .close-button {
216
- background: none;
217
- border: none;
218
- font-size: 20px;
219
- color: #8c8c8c;
220
- cursor: pointer;
221
- }
222
-
223
- .proxy-form {
224
- padding: 16px;
225
- }
226
-
227
- .form-group {
228
- margin-bottom: 16px;
229
- }
230
-
231
- .form-group label {
232
- display: block;
233
- margin-bottom: 8px;
234
- font-weight: 500;
235
- color: #262626;
236
- }
237
-
238
- .form-group input {
239
- width: 100%;
240
- height: 32px;
241
- padding: 0 12px;
242
- border: 1px solid #d9d9d9;
243
- border-radius: 4px;
244
- font-size: 14px;
245
- }
246
-
247
- .file-input-group {
248
- display: flex;
249
- gap: 8px;
250
- }
251
-
252
- .file-input-group input {
253
- flex: 1;
254
- }
255
-
256
- .browse-button {
257
- height: 32px;
258
- padding: 0 12px;
259
- background-color: #f5f5f5;
260
- border: 1px solid #d9d9d9;
261
- border-radius: 4px;
262
- cursor: pointer;
263
- font-size: 14px;
264
- display: flex;
265
- align-items: center;
266
- white-space: nowrap;
267
- }
268
-
269
- .help-text {
270
- font-size: 12px;
271
- color: #8c8c8c;
272
- margin-top: 4px;
273
- }
274
-
275
- .form-actions {
276
- display: flex;
277
- justify-content: flex-end;
278
- gap: 8px;
279
- margin-top: 24px;
280
- }
281
-
282
- .cancel-button {
283
- height: 32px;
284
- padding: 0 16px;
285
- background-color: white;
286
- border: 1px solid #d9d9d9;
287
- border-radius: 4px;
288
- cursor: pointer;
289
- font-size: 14px;
290
- }
291
-
292
- .submit-button {
293
- height: 32px;
294
- padding: 0 16px;
295
- background-color: #1890ff;
296
- color: white;
297
- border: none;
298
- border-radius: 4px;
299
- cursor: pointer;
300
- font-size: 14px;
301
- }
package/ui/src/styles/del_home.css DELETED
@@ -1,123 +0,0 @@
1
- .content-header {
2
- margin-bottom: 20px;
3
- display: flex;
4
- justify-content: space-between;
5
- align-items: center;
6
- }
7
-
8
- .content-title {
9
- font-size: 1.5rem;
10
- font-weight: bold;
11
- color: #2c3e50;
12
- }
13
-
14
- .content-controls {
15
- display: flex;
16
- gap: 10px;
17
- }
18
-
19
- .view-toggle, .sort-select {
20
- padding: 6px 12px;
21
- border: 1px solid #ddd;
22
- border-radius: 4px;
23
- background-color: #fff;
24
- cursor: pointer;
25
- }
26
-
27
- .view-toggle:hover,
28
- .sort-select:hover {
29
- border-color: #bbb;
30
- }
31
-
32
- .features-container {
33
- margin-top: 20px;
34
- }
35
-
36
- .card-view {
37
- display: grid;
38
- grid-template-columns: repeat(auto-fill, minmax(300px, 1fr));
39
- gap: 20px;
40
- }
41
-
42
- .list-view {
43
- display: flex;
44
- flex-direction: column;
45
- gap: 10px;
46
- }
47
-
48
- .list-view .feature-row {
49
- display: flex;
50
- justify-content: space-between;
51
- align-items: center;
52
- padding: 15px;
53
- background-color: #fff;
54
- border-radius: 4px;
55
- box-shadow: 0 1px 3px rgba(0, 0, 0, 0.1);
56
- }
57
-
58
- .list-view .feature-info {
59
- flex: 1;
60
- }
61
-
62
- .list-view .feature-title {
63
- font-weight: 600;
64
- font-size: 1.1rem;
65
- color: #2c3e50;
66
- margin-bottom: 5px;
67
- }
68
-
69
- .list-view .feature-description {
70
- color: #666;
71
- font-size: 14px;
72
- }
73
-
74
- .list-view .feature-status {
75
- padding: 3px 8px;
76
- border-radius: 12px;
77
- font-size: 12px;
78
- font-weight: 500;
79
- margin-left: 10px;
80
- }
81
-
82
- .list-view .feature-actions {
83
- display: flex;
84
- gap: 10px;
85
- }
86
-
87
- .list-view .action-btn {
88
- padding: 6px 12px;
89
- font-size: 13px;
90
- }
91
-
92
- .empty-state {
93
- text-align: center;
94
- padding: 50px 20px;
95
- margin-top: 50px;
96
- }
97
-
98
- .empty-state-icon {
99
- font-size: 3rem;
100
- color: #ddd;
101
- margin-bottom: 20px;
102
- }
103
-
104
- .empty-state-text {
105
- color: #999;
106
- font-size: 1.1rem;
107
- margin-bottom: 30px;
108
- }
109
-
110
- .create-first-btn {
111
- padding: 10px 20px;
112
- background-color: #1890ff;
113
- color: white;
114
- border: none;
115
- border-radius: 4px;
116
- cursor: pointer;
117
- font-size: 16px;
118
- transition: background-color 0.2s;
119
- }
120
-
121
- .create-first-btn:hover {
122
- background-color: #40a9ff;
123
- }