@zscreate/form-component 1.1.650 → 1.1.652
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/dist/form-component.css +350 -63
- package/dist/form-component.umd.js +81100 -78192
- package/package.json +1 -1
package/dist/form-component.css
CHANGED
|
@@ -185,6 +185,260 @@
|
|
|
185
185
|
height:600px !important;
|
|
186
186
|
}
|
|
187
187
|
|
|
188
|
+
.CodeMirror-hints {
|
|
189
|
+
position: absolute;
|
|
190
|
+
z-index: 10;
|
|
191
|
+
overflow: hidden;
|
|
192
|
+
list-style: none;
|
|
193
|
+
|
|
194
|
+
margin: 0;
|
|
195
|
+
padding: 2px;
|
|
196
|
+
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
|
197
|
+
border-radius: 3px;
|
|
198
|
+
border: 1px solid silver;
|
|
199
|
+
|
|
200
|
+
background: white;
|
|
201
|
+
font-size: 90%;
|
|
202
|
+
font-family: monospace;
|
|
203
|
+
|
|
204
|
+
max-height: 20em;
|
|
205
|
+
overflow-y: auto;
|
|
206
|
+
box-sizing: border-box;
|
|
207
|
+
}
|
|
208
|
+
|
|
209
|
+
.CodeMirror-hint {
|
|
210
|
+
margin: 0;
|
|
211
|
+
padding: 0 4px;
|
|
212
|
+
border-radius: 2px;
|
|
213
|
+
white-space: pre;
|
|
214
|
+
color: black;
|
|
215
|
+
cursor: pointer;
|
|
216
|
+
}
|
|
217
|
+
|
|
218
|
+
li.CodeMirror-hint-active {
|
|
219
|
+
background: #08f;
|
|
220
|
+
color: white;
|
|
221
|
+
}
|
|
222
|
+
|
|
223
|
+
.option_row_header[data-v-2c825458] {
|
|
224
|
+
background: #eee;
|
|
225
|
+
text-align: center;
|
|
226
|
+
line-height: 45px;
|
|
227
|
+
}
|
|
228
|
+
.option_row[data-v-2c825458] {
|
|
229
|
+
border-left: 1px solid #eee;
|
|
230
|
+
}
|
|
231
|
+
.option_row .ant-col[data-v-2c825458] {
|
|
232
|
+
border-right: 1px solid #eee;
|
|
233
|
+
border-bottom: 1px solid #eee;
|
|
234
|
+
text-align: left;
|
|
235
|
+
height: 180px;
|
|
236
|
+
}
|
|
237
|
+
.option_row .ant-col[data-v-2c825458]:not(.code-col) {
|
|
238
|
+
line-height: 180px;
|
|
239
|
+
text-align: center;
|
|
240
|
+
}
|
|
241
|
+
.no-data[data-v-2c825458] {
|
|
242
|
+
border: 1px solid #eee;
|
|
243
|
+
line-height: 45px;
|
|
244
|
+
text-align: center;
|
|
245
|
+
cursor: pointer;
|
|
246
|
+
color: #ccc;
|
|
247
|
+
}
|
|
248
|
+
.code[data-v-2c825458] {
|
|
249
|
+
height: 180px;
|
|
250
|
+
width: 100%;
|
|
251
|
+
}
|
|
252
|
+
.delete[data-v-2c825458] {
|
|
253
|
+
color: #ff0000;
|
|
254
|
+
}
|
|
255
|
+
[data-v-2c825458] .vue-codemirror {
|
|
256
|
+
height: 100%;
|
|
257
|
+
}
|
|
258
|
+
[data-v-2c825458] .CodeMirror {
|
|
259
|
+
height: 178px !important;
|
|
260
|
+
}
|
|
261
|
+
[data-v-2c825458] .CodeMirror-hints {
|
|
262
|
+
z-index: 999999 !important;
|
|
263
|
+
max-height: 200px;
|
|
264
|
+
overflow-y: auto;
|
|
265
|
+
border-radius: 4px;
|
|
266
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3);
|
|
267
|
+
background: white !important;
|
|
268
|
+
border: 1px solid #d9d9d9 !important;
|
|
269
|
+
position: fixed !important;
|
|
270
|
+
}
|
|
271
|
+
[data-v-2c825458] .CodeMirror-hint {
|
|
272
|
+
padding: 6px 12px;
|
|
273
|
+
font-size: 13px;
|
|
274
|
+
line-height: 1.5;
|
|
275
|
+
border-radius: 2px;
|
|
276
|
+
color: #333 !important;
|
|
277
|
+
background: white !important;
|
|
278
|
+
cursor: pointer;
|
|
279
|
+
}
|
|
280
|
+
[data-v-2c825458] .CodeMirror-hint:hover {
|
|
281
|
+
background-color: #f5f5f5 !important;
|
|
282
|
+
}
|
|
283
|
+
[data-v-2c825458] .CodeMirror-hint-active {
|
|
284
|
+
background-color: #1890ff !important;
|
|
285
|
+
color: white !important;
|
|
286
|
+
}
|
|
287
|
+
[data-v-2c825458] .custom-hint-item {
|
|
288
|
+
font-weight: 500;
|
|
289
|
+
}
|
|
290
|
+
[data-v-2c825458]:global(.CodeMirror-hints) {
|
|
291
|
+
z-index: 999999 !important;
|
|
292
|
+
position: fixed !important;
|
|
293
|
+
background: white !important;
|
|
294
|
+
border: 1px solid #d9d9d9 !important;
|
|
295
|
+
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
|
|
296
|
+
}
|
|
297
|
+
[data-v-2c825458] .CodeMirror-gutter.breakpoints {
|
|
298
|
+
width: 16px !important;
|
|
299
|
+
background: #2c3e50;
|
|
300
|
+
border-right: 1px solid #34495e;
|
|
301
|
+
}
|
|
302
|
+
[data-v-2c825458] .CodeMirror-breakpoint {
|
|
303
|
+
width: 12px !important;
|
|
304
|
+
height: 12px !important;
|
|
305
|
+
border-radius: 50% !important;
|
|
306
|
+
background-color: #e74c3c !important;
|
|
307
|
+
border: 2px solid #c0392b !important;
|
|
308
|
+
margin-left: 2px !important;
|
|
309
|
+
cursor: pointer !important;
|
|
310
|
+
position: relative !important;
|
|
311
|
+
display: inline-block !important;
|
|
312
|
+
}
|
|
313
|
+
[data-v-2c825458] .CodeMirror-breakpoint:hover {
|
|
314
|
+
background-color: #c0392b !important;
|
|
315
|
+
transform: scale(1.1) !important;
|
|
316
|
+
}
|
|
317
|
+
[data-v-2c825458] .CodeMirror-breakpoint-line {
|
|
318
|
+
background-color: rgba(231, 76, 60, 0.1) !important;
|
|
319
|
+
}
|
|
320
|
+
[data-v-2c825458] .CodeMirror-linenumber {
|
|
321
|
+
cursor: pointer !important;
|
|
322
|
+
-webkit-user-select: none !important;
|
|
323
|
+
-moz-user-select: none !important;
|
|
324
|
+
user-select: none !important;
|
|
325
|
+
}
|
|
326
|
+
[data-v-2c825458] .CodeMirror-linenumber:hover {
|
|
327
|
+
background-color: rgba(255, 255, 255, 0.1) !important;
|
|
328
|
+
}
|
|
329
|
+
.debug-result .debug-status[data-v-2c825458] {
|
|
330
|
+
padding: 16px;
|
|
331
|
+
border-radius: 6px;
|
|
332
|
+
margin-bottom: 20px;
|
|
333
|
+
}
|
|
334
|
+
.debug-result .debug-status.success[data-v-2c825458] {
|
|
335
|
+
background-color: #f6ffed;
|
|
336
|
+
border: 1px solid #b7eb8f;
|
|
337
|
+
color: #389e0d;
|
|
338
|
+
}
|
|
339
|
+
.debug-result .debug-status.error[data-v-2c825458] {
|
|
340
|
+
background-color: #fff2f0;
|
|
341
|
+
border: 1px solid #ffccc7;
|
|
342
|
+
color: #cf1322;
|
|
343
|
+
}
|
|
344
|
+
.debug-result .debug-status h3[data-v-2c825458] {
|
|
345
|
+
margin: 0 0 8px 0;
|
|
346
|
+
font-size: 16px;
|
|
347
|
+
font-weight: 600;
|
|
348
|
+
}
|
|
349
|
+
.debug-result .debug-status p[data-v-2c825458] {
|
|
350
|
+
margin: 0;
|
|
351
|
+
white-space: pre-wrap;
|
|
352
|
+
font-family: 'Courier New', monospace;
|
|
353
|
+
font-size: 12px;
|
|
354
|
+
}
|
|
355
|
+
.debug-result .debug-section[data-v-2c825458] {
|
|
356
|
+
margin-bottom: 20px;
|
|
357
|
+
}
|
|
358
|
+
.debug-result .debug-section h4[data-v-2c825458] {
|
|
359
|
+
margin: 0 0 8px 0;
|
|
360
|
+
font-size: 14px;
|
|
361
|
+
font-weight: 600;
|
|
362
|
+
color: #1890ff;
|
|
363
|
+
}
|
|
364
|
+
.debug-result .debug-code[data-v-2c825458] {
|
|
365
|
+
background-color: #f5f5f5;
|
|
366
|
+
border: 1px solid #d9d9d9;
|
|
367
|
+
border-radius: 4px;
|
|
368
|
+
padding: 12px;
|
|
369
|
+
font-family: 'Courier New', monospace;
|
|
370
|
+
font-size: 12px;
|
|
371
|
+
white-space: pre-wrap;
|
|
372
|
+
overflow-x: auto;
|
|
373
|
+
max-height: 200px;
|
|
374
|
+
overflow-y: auto;
|
|
375
|
+
}
|
|
376
|
+
.debug-result .debug-outputs[data-v-2c825458] {
|
|
377
|
+
background-color: #fafafa;
|
|
378
|
+
border: 1px solid #e8e8e8;
|
|
379
|
+
border-radius: 4px;
|
|
380
|
+
padding: 12px;
|
|
381
|
+
max-height: 300px;
|
|
382
|
+
overflow-y: auto;
|
|
383
|
+
}
|
|
384
|
+
.debug-result .debug-outputs .debug-output-item[data-v-2c825458] {
|
|
385
|
+
font-family: 'Courier New', monospace;
|
|
386
|
+
font-size: 12px;
|
|
387
|
+
line-height: 1.5;
|
|
388
|
+
color: #333;
|
|
389
|
+
margin-bottom: 4px;
|
|
390
|
+
}
|
|
391
|
+
.debug-result .debug-outputs .debug-output-item[data-v-2c825458]:last-child {
|
|
392
|
+
margin-bottom: 0;
|
|
393
|
+
}
|
|
394
|
+
.debug-result .debug-actions[data-v-2c825458] {
|
|
395
|
+
text-align: right;
|
|
396
|
+
padding-top: 16px;
|
|
397
|
+
border-top: 1px solid #e8e8e8;
|
|
398
|
+
}
|
|
399
|
+
.debug-result .debug-actions .ant-btn[data-v-2c825458] {
|
|
400
|
+
margin-left: 8px;
|
|
401
|
+
}
|
|
402
|
+
.debug-result .thumbnail-section[data-v-2c825458] {
|
|
403
|
+
margin-top: 16px;
|
|
404
|
+
padding: 12px;
|
|
405
|
+
background-color: #f9f9f9;
|
|
406
|
+
border: 1px solid #e8e8e8;
|
|
407
|
+
border-radius: 4px;
|
|
408
|
+
display: flex;
|
|
409
|
+
justify-content: flex-start;
|
|
410
|
+
}
|
|
411
|
+
.debug-result .thumbnail-section .thumbnail-container[data-v-2c825458] {
|
|
412
|
+
display: flex;
|
|
413
|
+
flex-direction: column;
|
|
414
|
+
align-items: flex-start;
|
|
415
|
+
gap: 8px;
|
|
416
|
+
}
|
|
417
|
+
.debug-result .thumbnail-section .thumbnail-image[data-v-2c825458] {
|
|
418
|
+
max-width: 150px;
|
|
419
|
+
max-height: 100px;
|
|
420
|
+
border: 1px solid #d9d9d9;
|
|
421
|
+
border-radius: 4px;
|
|
422
|
+
cursor: pointer;
|
|
423
|
+
transition: all 0.3s ease;
|
|
424
|
+
}
|
|
425
|
+
.debug-result .thumbnail-section .thumbnail-image[data-v-2c825458]:hover {
|
|
426
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
427
|
+
transform: scale(1.05);
|
|
428
|
+
}
|
|
429
|
+
.debug-result .thumbnail-section .debug-time[data-v-2c825458] {
|
|
430
|
+
font-size: 12px;
|
|
431
|
+
color: #666;
|
|
432
|
+
text-align: left;
|
|
433
|
+
background-color: rgba(255, 255, 255, 0.8);
|
|
434
|
+
padding: 4px 8px;
|
|
435
|
+
border-radius: 4px;
|
|
436
|
+
border: 1px solid #e8e8e8;
|
|
437
|
+
}
|
|
438
|
+
[data-v-2c825458] .ant-message {
|
|
439
|
+
z-index: 100000 !important;
|
|
440
|
+
}
|
|
441
|
+
|
|
188
442
|
.show_select_form {
|
|
189
443
|
line-height: 32px;
|
|
190
444
|
}
|
|
@@ -1574,80 +1828,45 @@ dd[data-v-f7c20cf8] {
|
|
|
1574
1828
|
color: #cccccc;
|
|
1575
1829
|
}
|
|
1576
1830
|
|
|
1577
|
-
.
|
|
1578
|
-
position: absolute;
|
|
1579
|
-
z-index: 10;
|
|
1580
|
-
overflow: hidden;
|
|
1581
|
-
list-style: none;
|
|
1582
|
-
|
|
1583
|
-
margin: 0;
|
|
1584
|
-
padding: 2px;
|
|
1585
|
-
box-shadow: 2px 3px 5px rgba(0,0,0,.2);
|
|
1586
|
-
border-radius: 3px;
|
|
1587
|
-
border: 1px solid silver;
|
|
1588
|
-
|
|
1589
|
-
background: white;
|
|
1590
|
-
font-size: 90%;
|
|
1591
|
-
font-family: monospace;
|
|
1592
|
-
|
|
1593
|
-
max-height: 20em;
|
|
1594
|
-
overflow-y: auto;
|
|
1595
|
-
box-sizing: border-box;
|
|
1596
|
-
}
|
|
1597
|
-
|
|
1598
|
-
.CodeMirror-hint {
|
|
1599
|
-
margin: 0;
|
|
1600
|
-
padding: 0 4px;
|
|
1601
|
-
border-radius: 2px;
|
|
1602
|
-
white-space: pre;
|
|
1603
|
-
color: black;
|
|
1604
|
-
cursor: pointer;
|
|
1605
|
-
}
|
|
1606
|
-
|
|
1607
|
-
li.CodeMirror-hint-active {
|
|
1608
|
-
background: #08f;
|
|
1609
|
-
color: white;
|
|
1610
|
-
}
|
|
1611
|
-
|
|
1612
|
-
.option_row_header[data-v-3cd409c4] {
|
|
1831
|
+
.option_row_header[data-v-08dcecee] {
|
|
1613
1832
|
background: #eee;
|
|
1614
1833
|
text-align: center;
|
|
1615
1834
|
line-height: 45px;
|
|
1616
1835
|
}
|
|
1617
|
-
.option_row[data-v-
|
|
1836
|
+
.option_row[data-v-08dcecee] {
|
|
1618
1837
|
border-left: 1px solid #eee;
|
|
1619
1838
|
}
|
|
1620
|
-
.option_row .ant-col[data-v-
|
|
1839
|
+
.option_row .ant-col[data-v-08dcecee] {
|
|
1621
1840
|
border-right: 1px solid #eee;
|
|
1622
1841
|
border-bottom: 1px solid #eee;
|
|
1623
1842
|
text-align: left;
|
|
1624
1843
|
height: 180px;
|
|
1625
1844
|
}
|
|
1626
|
-
.option_row .ant-col[data-v-
|
|
1845
|
+
.option_row .ant-col[data-v-08dcecee]:not(.code-col) {
|
|
1627
1846
|
line-height: 180px;
|
|
1628
1847
|
text-align: center;
|
|
1629
1848
|
}
|
|
1630
|
-
.no-data[data-v-
|
|
1849
|
+
.no-data[data-v-08dcecee] {
|
|
1631
1850
|
border: 1px solid #eee;
|
|
1632
1851
|
line-height: 45px;
|
|
1633
1852
|
text-align: center;
|
|
1634
1853
|
cursor: pointer;
|
|
1635
1854
|
color: #ccc;
|
|
1636
1855
|
}
|
|
1637
|
-
.code[data-v-
|
|
1856
|
+
.code[data-v-08dcecee] {
|
|
1638
1857
|
height: 180px;
|
|
1639
1858
|
width: 100%;
|
|
1640
1859
|
}
|
|
1641
|
-
.delete[data-v-
|
|
1860
|
+
.delete[data-v-08dcecee] {
|
|
1642
1861
|
color: #ff0000;
|
|
1643
1862
|
}
|
|
1644
|
-
[data-v-
|
|
1863
|
+
[data-v-08dcecee] .vue-codemirror {
|
|
1645
1864
|
height: 100%;
|
|
1646
1865
|
}
|
|
1647
|
-
[data-v-
|
|
1866
|
+
[data-v-08dcecee] .CodeMirror {
|
|
1648
1867
|
height: 178px !important;
|
|
1649
1868
|
}
|
|
1650
|
-
[data-v-
|
|
1869
|
+
[data-v-08dcecee] .CodeMirror-hints {
|
|
1651
1870
|
z-index: 999999 !important;
|
|
1652
1871
|
max-height: 200px;
|
|
1653
1872
|
overflow-y: auto;
|
|
@@ -1657,7 +1876,7 @@ li.CodeMirror-hint-active {
|
|
|
1657
1876
|
border: 1px solid #d9d9d9 !important;
|
|
1658
1877
|
position: fixed !important;
|
|
1659
1878
|
}
|
|
1660
|
-
[data-v-
|
|
1879
|
+
[data-v-08dcecee] .CodeMirror-hint {
|
|
1661
1880
|
padding: 6px 12px;
|
|
1662
1881
|
font-size: 13px;
|
|
1663
1882
|
line-height: 1.5;
|
|
@@ -1666,59 +1885,91 @@ li.CodeMirror-hint-active {
|
|
|
1666
1885
|
background: white !important;
|
|
1667
1886
|
cursor: pointer;
|
|
1668
1887
|
}
|
|
1669
|
-
[data-v-
|
|
1888
|
+
[data-v-08dcecee] .CodeMirror-hint:hover {
|
|
1670
1889
|
background-color: #f5f5f5 !important;
|
|
1671
1890
|
}
|
|
1672
|
-
[data-v-
|
|
1891
|
+
[data-v-08dcecee] .CodeMirror-hint-active {
|
|
1673
1892
|
background-color: #1890ff !important;
|
|
1674
1893
|
color: white !important;
|
|
1675
1894
|
}
|
|
1676
|
-
[data-v-
|
|
1895
|
+
[data-v-08dcecee] .custom-hint-item {
|
|
1677
1896
|
font-weight: 500;
|
|
1678
1897
|
}
|
|
1679
|
-
[data-v-
|
|
1898
|
+
[data-v-08dcecee]:global(.CodeMirror-hints) {
|
|
1680
1899
|
z-index: 999999 !important;
|
|
1681
1900
|
position: fixed !important;
|
|
1682
1901
|
background: white !important;
|
|
1683
1902
|
border: 1px solid #d9d9d9 !important;
|
|
1684
1903
|
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.3) !important;
|
|
1685
1904
|
}
|
|
1686
|
-
|
|
1905
|
+
[data-v-08dcecee] .CodeMirror-gutter.breakpoints {
|
|
1906
|
+
width: 16px !important;
|
|
1907
|
+
background: #2c3e50;
|
|
1908
|
+
border-right: 1px solid #34495e;
|
|
1909
|
+
}
|
|
1910
|
+
[data-v-08dcecee] .CodeMirror-breakpoint {
|
|
1911
|
+
width: 12px !important;
|
|
1912
|
+
height: 12px !important;
|
|
1913
|
+
border-radius: 50% !important;
|
|
1914
|
+
background-color: #e74c3c !important;
|
|
1915
|
+
border: 2px solid #c0392b !important;
|
|
1916
|
+
margin-left: 2px !important;
|
|
1917
|
+
cursor: pointer !important;
|
|
1918
|
+
position: relative !important;
|
|
1919
|
+
display: inline-block !important;
|
|
1920
|
+
}
|
|
1921
|
+
[data-v-08dcecee] .CodeMirror-breakpoint:hover {
|
|
1922
|
+
background-color: #c0392b !important;
|
|
1923
|
+
transform: scale(1.1) !important;
|
|
1924
|
+
}
|
|
1925
|
+
[data-v-08dcecee] .CodeMirror-breakpoint-line {
|
|
1926
|
+
background-color: rgba(231, 76, 60, 0.1) !important;
|
|
1927
|
+
}
|
|
1928
|
+
[data-v-08dcecee] .CodeMirror-linenumber {
|
|
1929
|
+
cursor: pointer !important;
|
|
1930
|
+
-webkit-user-select: none !important;
|
|
1931
|
+
-moz-user-select: none !important;
|
|
1932
|
+
user-select: none !important;
|
|
1933
|
+
}
|
|
1934
|
+
[data-v-08dcecee] .CodeMirror-linenumber:hover {
|
|
1935
|
+
background-color: rgba(255, 255, 255, 0.1) !important;
|
|
1936
|
+
}
|
|
1937
|
+
.debug-result .debug-status[data-v-08dcecee] {
|
|
1687
1938
|
padding: 16px;
|
|
1688
1939
|
border-radius: 6px;
|
|
1689
1940
|
margin-bottom: 20px;
|
|
1690
1941
|
}
|
|
1691
|
-
.debug-result .debug-status.success[data-v-
|
|
1942
|
+
.debug-result .debug-status.success[data-v-08dcecee] {
|
|
1692
1943
|
background-color: #f6ffed;
|
|
1693
1944
|
border: 1px solid #b7eb8f;
|
|
1694
1945
|
color: #389e0d;
|
|
1695
1946
|
}
|
|
1696
|
-
.debug-result .debug-status.error[data-v-
|
|
1947
|
+
.debug-result .debug-status.error[data-v-08dcecee] {
|
|
1697
1948
|
background-color: #fff2f0;
|
|
1698
1949
|
border: 1px solid #ffccc7;
|
|
1699
1950
|
color: #cf1322;
|
|
1700
1951
|
}
|
|
1701
|
-
.debug-result .debug-status h3[data-v-
|
|
1952
|
+
.debug-result .debug-status h3[data-v-08dcecee] {
|
|
1702
1953
|
margin: 0 0 8px 0;
|
|
1703
1954
|
font-size: 16px;
|
|
1704
1955
|
font-weight: 600;
|
|
1705
1956
|
}
|
|
1706
|
-
.debug-result .debug-status p[data-v-
|
|
1957
|
+
.debug-result .debug-status p[data-v-08dcecee] {
|
|
1707
1958
|
margin: 0;
|
|
1708
1959
|
white-space: pre-wrap;
|
|
1709
1960
|
font-family: 'Courier New', monospace;
|
|
1710
1961
|
font-size: 12px;
|
|
1711
1962
|
}
|
|
1712
|
-
.debug-result .debug-section[data-v-
|
|
1963
|
+
.debug-result .debug-section[data-v-08dcecee] {
|
|
1713
1964
|
margin-bottom: 20px;
|
|
1714
1965
|
}
|
|
1715
|
-
.debug-result .debug-section h4[data-v-
|
|
1966
|
+
.debug-result .debug-section h4[data-v-08dcecee] {
|
|
1716
1967
|
margin: 0 0 8px 0;
|
|
1717
1968
|
font-size: 14px;
|
|
1718
1969
|
font-weight: 600;
|
|
1719
1970
|
color: #1890ff;
|
|
1720
1971
|
}
|
|
1721
|
-
.debug-result .debug-code[data-v-
|
|
1972
|
+
.debug-result .debug-code[data-v-08dcecee] {
|
|
1722
1973
|
background-color: #f5f5f5;
|
|
1723
1974
|
border: 1px solid #d9d9d9;
|
|
1724
1975
|
border-radius: 4px;
|
|
@@ -1730,7 +1981,7 @@ li.CodeMirror-hint-active {
|
|
|
1730
1981
|
max-height: 200px;
|
|
1731
1982
|
overflow-y: auto;
|
|
1732
1983
|
}
|
|
1733
|
-
.debug-result .debug-outputs[data-v-
|
|
1984
|
+
.debug-result .debug-outputs[data-v-08dcecee] {
|
|
1734
1985
|
background-color: #fafafa;
|
|
1735
1986
|
border: 1px solid #e8e8e8;
|
|
1736
1987
|
border-radius: 4px;
|
|
@@ -1738,24 +1989,60 @@ li.CodeMirror-hint-active {
|
|
|
1738
1989
|
max-height: 300px;
|
|
1739
1990
|
overflow-y: auto;
|
|
1740
1991
|
}
|
|
1741
|
-
.debug-result .debug-outputs .debug-output-item[data-v-
|
|
1992
|
+
.debug-result .debug-outputs .debug-output-item[data-v-08dcecee] {
|
|
1742
1993
|
font-family: 'Courier New', monospace;
|
|
1743
1994
|
font-size: 12px;
|
|
1744
1995
|
line-height: 1.5;
|
|
1745
1996
|
color: #333;
|
|
1746
1997
|
margin-bottom: 4px;
|
|
1747
1998
|
}
|
|
1748
|
-
.debug-result .debug-outputs .debug-output-item[data-v-
|
|
1999
|
+
.debug-result .debug-outputs .debug-output-item[data-v-08dcecee]:last-child {
|
|
1749
2000
|
margin-bottom: 0;
|
|
1750
2001
|
}
|
|
1751
|
-
.debug-result .debug-actions[data-v-
|
|
2002
|
+
.debug-result .debug-actions[data-v-08dcecee] {
|
|
1752
2003
|
text-align: right;
|
|
1753
2004
|
padding-top: 16px;
|
|
1754
2005
|
border-top: 1px solid #e8e8e8;
|
|
1755
2006
|
}
|
|
1756
|
-
.debug-result .debug-actions .ant-btn[data-v-
|
|
2007
|
+
.debug-result .debug-actions .ant-btn[data-v-08dcecee] {
|
|
1757
2008
|
margin-left: 8px;
|
|
1758
2009
|
}
|
|
2010
|
+
.debug-result .thumbnail-section[data-v-08dcecee] {
|
|
2011
|
+
margin-top: 16px;
|
|
2012
|
+
padding: 12px;
|
|
2013
|
+
background-color: #f9f9f9;
|
|
2014
|
+
border: 1px solid #e8e8e8;
|
|
2015
|
+
border-radius: 4px;
|
|
2016
|
+
display: flex;
|
|
2017
|
+
justify-content: flex-start;
|
|
2018
|
+
}
|
|
2019
|
+
.debug-result .thumbnail-section .thumbnail-container[data-v-08dcecee] {
|
|
2020
|
+
display: flex;
|
|
2021
|
+
flex-direction: column;
|
|
2022
|
+
align-items: flex-start;
|
|
2023
|
+
gap: 8px;
|
|
2024
|
+
}
|
|
2025
|
+
.debug-result .thumbnail-section .thumbnail-image[data-v-08dcecee] {
|
|
2026
|
+
max-width: 150px;
|
|
2027
|
+
max-height: 100px;
|
|
2028
|
+
border: 1px solid #d9d9d9;
|
|
2029
|
+
border-radius: 4px;
|
|
2030
|
+
cursor: pointer;
|
|
2031
|
+
transition: all 0.3s ease;
|
|
2032
|
+
}
|
|
2033
|
+
.debug-result .thumbnail-section .thumbnail-image[data-v-08dcecee]:hover {
|
|
2034
|
+
box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
|
|
2035
|
+
transform: scale(1.05);
|
|
2036
|
+
}
|
|
2037
|
+
.debug-result .thumbnail-section .debug-time[data-v-08dcecee] {
|
|
2038
|
+
font-size: 12px;
|
|
2039
|
+
color: #666;
|
|
2040
|
+
text-align: left;
|
|
2041
|
+
background-color: rgba(255, 255, 255, 0.8);
|
|
2042
|
+
padding: 4px 8px;
|
|
2043
|
+
border-radius: 4px;
|
|
2044
|
+
border: 1px solid #e8e8e8;
|
|
2045
|
+
}
|
|
1759
2046
|
|
|
1760
2047
|
|
|
1761
2048
|
[data-v-dd940658] .ant-select-selection__rendered {
|