@zscreate/form-component 1.1.651 → 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.
@@ -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
- .CodeMirror-hints {
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-242a9df4] {
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-242a9df4] {
1836
+ .option_row[data-v-08dcecee] {
1618
1837
  border-left: 1px solid #eee;
1619
1838
  }
1620
- .option_row .ant-col[data-v-242a9df4] {
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-242a9df4]:not(.code-col) {
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-242a9df4] {
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-242a9df4] {
1856
+ .code[data-v-08dcecee] {
1638
1857
  height: 180px;
1639
1858
  width: 100%;
1640
1859
  }
1641
- .delete[data-v-242a9df4] {
1860
+ .delete[data-v-08dcecee] {
1642
1861
  color: #ff0000;
1643
1862
  }
1644
- [data-v-242a9df4] .vue-codemirror {
1863
+ [data-v-08dcecee] .vue-codemirror {
1645
1864
  height: 100%;
1646
1865
  }
1647
- [data-v-242a9df4] .CodeMirror {
1866
+ [data-v-08dcecee] .CodeMirror {
1648
1867
  height: 178px !important;
1649
1868
  }
1650
- [data-v-242a9df4] .CodeMirror-hints {
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-242a9df4] .CodeMirror-hint {
1879
+ [data-v-08dcecee] .CodeMirror-hint {
1661
1880
  padding: 6px 12px;
1662
1881
  font-size: 13px;
1663
1882
  line-height: 1.5;
@@ -1666,29 +1885,29 @@ li.CodeMirror-hint-active {
1666
1885
  background: white !important;
1667
1886
  cursor: pointer;
1668
1887
  }
1669
- [data-v-242a9df4] .CodeMirror-hint:hover {
1888
+ [data-v-08dcecee] .CodeMirror-hint:hover {
1670
1889
  background-color: #f5f5f5 !important;
1671
1890
  }
1672
- [data-v-242a9df4] .CodeMirror-hint-active {
1891
+ [data-v-08dcecee] .CodeMirror-hint-active {
1673
1892
  background-color: #1890ff !important;
1674
1893
  color: white !important;
1675
1894
  }
1676
- [data-v-242a9df4] .custom-hint-item {
1895
+ [data-v-08dcecee] .custom-hint-item {
1677
1896
  font-weight: 500;
1678
1897
  }
1679
- [data-v-242a9df4]:global(.CodeMirror-hints) {
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
- [data-v-242a9df4] .CodeMirror-gutter.breakpoints {
1905
+ [data-v-08dcecee] .CodeMirror-gutter.breakpoints {
1687
1906
  width: 16px !important;
1688
1907
  background: #2c3e50;
1689
1908
  border-right: 1px solid #34495e;
1690
1909
  }
1691
- [data-v-242a9df4] .CodeMirror-breakpoint {
1910
+ [data-v-08dcecee] .CodeMirror-breakpoint {
1692
1911
  width: 12px !important;
1693
1912
  height: 12px !important;
1694
1913
  border-radius: 50% !important;
@@ -1699,58 +1918,58 @@ li.CodeMirror-hint-active {
1699
1918
  position: relative !important;
1700
1919
  display: inline-block !important;
1701
1920
  }
1702
- [data-v-242a9df4] .CodeMirror-breakpoint:hover {
1921
+ [data-v-08dcecee] .CodeMirror-breakpoint:hover {
1703
1922
  background-color: #c0392b !important;
1704
1923
  transform: scale(1.1) !important;
1705
1924
  }
1706
- [data-v-242a9df4] .CodeMirror-breakpoint-line {
1925
+ [data-v-08dcecee] .CodeMirror-breakpoint-line {
1707
1926
  background-color: rgba(231, 76, 60, 0.1) !important;
1708
1927
  }
1709
- [data-v-242a9df4] .CodeMirror-linenumber {
1928
+ [data-v-08dcecee] .CodeMirror-linenumber {
1710
1929
  cursor: pointer !important;
1711
1930
  -webkit-user-select: none !important;
1712
1931
  -moz-user-select: none !important;
1713
1932
  user-select: none !important;
1714
1933
  }
1715
- [data-v-242a9df4] .CodeMirror-linenumber:hover {
1934
+ [data-v-08dcecee] .CodeMirror-linenumber:hover {
1716
1935
  background-color: rgba(255, 255, 255, 0.1) !important;
1717
1936
  }
1718
- .debug-result .debug-status[data-v-242a9df4] {
1937
+ .debug-result .debug-status[data-v-08dcecee] {
1719
1938
  padding: 16px;
1720
1939
  border-radius: 6px;
1721
1940
  margin-bottom: 20px;
1722
1941
  }
1723
- .debug-result .debug-status.success[data-v-242a9df4] {
1942
+ .debug-result .debug-status.success[data-v-08dcecee] {
1724
1943
  background-color: #f6ffed;
1725
1944
  border: 1px solid #b7eb8f;
1726
1945
  color: #389e0d;
1727
1946
  }
1728
- .debug-result .debug-status.error[data-v-242a9df4] {
1947
+ .debug-result .debug-status.error[data-v-08dcecee] {
1729
1948
  background-color: #fff2f0;
1730
1949
  border: 1px solid #ffccc7;
1731
1950
  color: #cf1322;
1732
1951
  }
1733
- .debug-result .debug-status h3[data-v-242a9df4] {
1952
+ .debug-result .debug-status h3[data-v-08dcecee] {
1734
1953
  margin: 0 0 8px 0;
1735
1954
  font-size: 16px;
1736
1955
  font-weight: 600;
1737
1956
  }
1738
- .debug-result .debug-status p[data-v-242a9df4] {
1957
+ .debug-result .debug-status p[data-v-08dcecee] {
1739
1958
  margin: 0;
1740
1959
  white-space: pre-wrap;
1741
1960
  font-family: 'Courier New', monospace;
1742
1961
  font-size: 12px;
1743
1962
  }
1744
- .debug-result .debug-section[data-v-242a9df4] {
1963
+ .debug-result .debug-section[data-v-08dcecee] {
1745
1964
  margin-bottom: 20px;
1746
1965
  }
1747
- .debug-result .debug-section h4[data-v-242a9df4] {
1966
+ .debug-result .debug-section h4[data-v-08dcecee] {
1748
1967
  margin: 0 0 8px 0;
1749
1968
  font-size: 14px;
1750
1969
  font-weight: 600;
1751
1970
  color: #1890ff;
1752
1971
  }
1753
- .debug-result .debug-code[data-v-242a9df4] {
1972
+ .debug-result .debug-code[data-v-08dcecee] {
1754
1973
  background-color: #f5f5f5;
1755
1974
  border: 1px solid #d9d9d9;
1756
1975
  border-radius: 4px;
@@ -1762,7 +1981,7 @@ li.CodeMirror-hint-active {
1762
1981
  max-height: 200px;
1763
1982
  overflow-y: auto;
1764
1983
  }
1765
- .debug-result .debug-outputs[data-v-242a9df4] {
1984
+ .debug-result .debug-outputs[data-v-08dcecee] {
1766
1985
  background-color: #fafafa;
1767
1986
  border: 1px solid #e8e8e8;
1768
1987
  border-radius: 4px;
@@ -1770,25 +1989,25 @@ li.CodeMirror-hint-active {
1770
1989
  max-height: 300px;
1771
1990
  overflow-y: auto;
1772
1991
  }
1773
- .debug-result .debug-outputs .debug-output-item[data-v-242a9df4] {
1992
+ .debug-result .debug-outputs .debug-output-item[data-v-08dcecee] {
1774
1993
  font-family: 'Courier New', monospace;
1775
1994
  font-size: 12px;
1776
1995
  line-height: 1.5;
1777
1996
  color: #333;
1778
1997
  margin-bottom: 4px;
1779
1998
  }
1780
- .debug-result .debug-outputs .debug-output-item[data-v-242a9df4]:last-child {
1999
+ .debug-result .debug-outputs .debug-output-item[data-v-08dcecee]:last-child {
1781
2000
  margin-bottom: 0;
1782
2001
  }
1783
- .debug-result .debug-actions[data-v-242a9df4] {
2002
+ .debug-result .debug-actions[data-v-08dcecee] {
1784
2003
  text-align: right;
1785
2004
  padding-top: 16px;
1786
2005
  border-top: 1px solid #e8e8e8;
1787
2006
  }
1788
- .debug-result .debug-actions .ant-btn[data-v-242a9df4] {
2007
+ .debug-result .debug-actions .ant-btn[data-v-08dcecee] {
1789
2008
  margin-left: 8px;
1790
2009
  }
1791
- .debug-result .thumbnail-section[data-v-242a9df4] {
2010
+ .debug-result .thumbnail-section[data-v-08dcecee] {
1792
2011
  margin-top: 16px;
1793
2012
  padding: 12px;
1794
2013
  background-color: #f9f9f9;
@@ -1797,13 +2016,13 @@ li.CodeMirror-hint-active {
1797
2016
  display: flex;
1798
2017
  justify-content: flex-start;
1799
2018
  }
1800
- .debug-result .thumbnail-section .thumbnail-container[data-v-242a9df4] {
2019
+ .debug-result .thumbnail-section .thumbnail-container[data-v-08dcecee] {
1801
2020
  display: flex;
1802
2021
  flex-direction: column;
1803
2022
  align-items: flex-start;
1804
2023
  gap: 8px;
1805
2024
  }
1806
- .debug-result .thumbnail-section .thumbnail-image[data-v-242a9df4] {
2025
+ .debug-result .thumbnail-section .thumbnail-image[data-v-08dcecee] {
1807
2026
  max-width: 150px;
1808
2027
  max-height: 100px;
1809
2028
  border: 1px solid #d9d9d9;
@@ -1811,11 +2030,11 @@ li.CodeMirror-hint-active {
1811
2030
  cursor: pointer;
1812
2031
  transition: all 0.3s ease;
1813
2032
  }
1814
- .debug-result .thumbnail-section .thumbnail-image[data-v-242a9df4]:hover {
2033
+ .debug-result .thumbnail-section .thumbnail-image[data-v-08dcecee]:hover {
1815
2034
  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15);
1816
2035
  transform: scale(1.05);
1817
2036
  }
1818
- .debug-result .thumbnail-section .debug-time[data-v-242a9df4] {
2037
+ .debug-result .thumbnail-section .debug-time[data-v-08dcecee] {
1819
2038
  font-size: 12px;
1820
2039
  color: #666;
1821
2040
  text-align: left;