@yoooloo42/joker 1.0.59 → 1.0.60

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.
@@ -1,3 +1,11 @@
1
+ .deep-input :deep(.el-input__wrapper) {
2
+ height: 40px;
3
+ line-height: 40px;
4
+ }
5
+ .deep-input :deep(.el-select__wrapper) {
6
+ height: 40px;
7
+ line-height: 40px;
8
+ }
1
9
  .ql-container {
2
10
  box-sizing: border-box;
3
11
  font-family: Helvetica, Arial, sans-serif;
@@ -1304,960 +1312,15 @@
1304
1312
  border: 1px solid #d1d5db;
1305
1313
  }
1306
1314
 
1307
- .ql-container {
1308
- box-sizing: border-box;
1309
- font-family: Helvetica, Arial, sans-serif;
1310
- font-size: 13px;
1311
- height: 100%;
1312
- margin: 0px;
1313
- position: relative;
1314
- }
1315
- .ql-container.ql-disabled .ql-tooltip {
1316
- visibility: hidden;
1317
- }
1318
- .ql-container.ql-disabled .ql-editor ul[data-checked] > li::before {
1319
- pointer-events: none;
1320
- }
1321
- .ql-clipboard {
1322
- left: -100000px;
1323
- height: 1px;
1324
- overflow-y: hidden;
1325
- position: absolute;
1326
- top: 50%;
1327
- }
1328
- .ql-clipboard p {
1329
- margin: 0;
1330
- padding: 0;
1331
- }
1332
- .ql-editor {
1333
- box-sizing: border-box;
1334
- line-height: 1.42;
1335
- height: 100%;
1336
- outline: none;
1337
- overflow-y: auto;
1338
- padding: 12px 15px;
1339
- tab-size: 4;
1340
- -moz-tab-size: 4;
1341
- text-align: left;
1342
- white-space: pre-wrap;
1343
- word-wrap: break-word;
1344
- }
1345
- .ql-editor > * {
1346
- cursor: text;
1347
- }
1348
- .ql-editor p,
1349
- .ql-editor ol,
1350
- .ql-editor ul,
1351
- .ql-editor pre,
1352
- .ql-editor blockquote,
1353
- .ql-editor h1,
1354
- .ql-editor h2,
1355
- .ql-editor h3,
1356
- .ql-editor h4,
1357
- .ql-editor h5,
1358
- .ql-editor h6 {
1359
- margin: 0;
1360
- padding: 0;
1361
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1362
- }
1363
- .ql-editor ol,
1364
- .ql-editor ul {
1365
- padding-left: 1.5em;
1366
- }
1367
- .ql-editor ol > li,
1368
- .ql-editor ul > li {
1369
- list-style-type: none;
1370
- }
1371
- .ql-editor ul > li::before {
1372
- content: '\2022';
1373
- }
1374
- .ql-editor ul[data-checked=true],
1375
- .ql-editor ul[data-checked=false] {
1376
- pointer-events: none;
1377
- }
1378
- .ql-editor ul[data-checked=true] > li *,
1379
- .ql-editor ul[data-checked=false] > li * {
1380
- pointer-events: all;
1381
- }
1382
- .ql-editor ul[data-checked=true] > li::before,
1383
- .ql-editor ul[data-checked=false] > li::before {
1384
- color: #777;
1385
- cursor: pointer;
1386
- pointer-events: all;
1387
- }
1388
- .ql-editor ul[data-checked=true] > li::before {
1389
- content: '\2611';
1390
- }
1391
- .ql-editor ul[data-checked=false] > li::before {
1392
- content: '\2610';
1393
- }
1394
- .ql-editor li::before {
1395
- display: inline-block;
1396
- white-space: nowrap;
1397
- width: 1.2em;
1398
- }
1399
- .ql-editor li:not(.ql-direction-rtl)::before {
1400
- margin-left: -1.5em;
1401
- margin-right: 0.3em;
1402
- text-align: right;
1403
- }
1404
- .ql-editor li.ql-direction-rtl::before {
1405
- margin-left: 0.3em;
1406
- margin-right: -1.5em;
1407
- }
1408
- .ql-editor ol li:not(.ql-direction-rtl),
1409
- .ql-editor ul li:not(.ql-direction-rtl) {
1410
- padding-left: 1.5em;
1411
- }
1412
- .ql-editor ol li.ql-direction-rtl,
1413
- .ql-editor ul li.ql-direction-rtl {
1414
- padding-right: 1.5em;
1415
- }
1416
- .ql-editor ol li {
1417
- counter-reset: list-1 list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1418
- counter-increment: list-0;
1419
- }
1420
- .ql-editor ol li:before {
1421
- content: counter(list-0, decimal) '. ';
1422
- }
1423
- .ql-editor ol li.ql-indent-1 {
1424
- counter-increment: list-1;
1425
- }
1426
- .ql-editor ol li.ql-indent-1:before {
1427
- content: counter(list-1, lower-alpha) '. ';
1428
- }
1429
- .ql-editor ol li.ql-indent-1 {
1430
- counter-reset: list-2 list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1431
- }
1432
- .ql-editor ol li.ql-indent-2 {
1433
- counter-increment: list-2;
1434
- }
1435
- .ql-editor ol li.ql-indent-2:before {
1436
- content: counter(list-2, lower-roman) '. ';
1437
- }
1438
- .ql-editor ol li.ql-indent-2 {
1439
- counter-reset: list-3 list-4 list-5 list-6 list-7 list-8 list-9;
1440
- }
1441
- .ql-editor ol li.ql-indent-3 {
1442
- counter-increment: list-3;
1443
- }
1444
- .ql-editor ol li.ql-indent-3:before {
1445
- content: counter(list-3, decimal) '. ';
1446
- }
1447
- .ql-editor ol li.ql-indent-3 {
1448
- counter-reset: list-4 list-5 list-6 list-7 list-8 list-9;
1449
- }
1450
- .ql-editor ol li.ql-indent-4 {
1451
- counter-increment: list-4;
1452
- }
1453
- .ql-editor ol li.ql-indent-4:before {
1454
- content: counter(list-4, lower-alpha) '. ';
1455
- }
1456
- .ql-editor ol li.ql-indent-4 {
1457
- counter-reset: list-5 list-6 list-7 list-8 list-9;
1458
- }
1459
- .ql-editor ol li.ql-indent-5 {
1460
- counter-increment: list-5;
1461
- }
1462
- .ql-editor ol li.ql-indent-5:before {
1463
- content: counter(list-5, lower-roman) '. ';
1464
- }
1465
- .ql-editor ol li.ql-indent-5 {
1466
- counter-reset: list-6 list-7 list-8 list-9;
1467
- }
1468
- .ql-editor ol li.ql-indent-6 {
1469
- counter-increment: list-6;
1470
- }
1471
- .ql-editor ol li.ql-indent-6:before {
1472
- content: counter(list-6, decimal) '. ';
1473
- }
1474
- .ql-editor ol li.ql-indent-6 {
1475
- counter-reset: list-7 list-8 list-9;
1476
- }
1477
- .ql-editor ol li.ql-indent-7 {
1478
- counter-increment: list-7;
1479
- }
1480
- .ql-editor ol li.ql-indent-7:before {
1481
- content: counter(list-7, lower-alpha) '. ';
1482
- }
1483
- .ql-editor ol li.ql-indent-7 {
1484
- counter-reset: list-8 list-9;
1485
- }
1486
- .ql-editor ol li.ql-indent-8 {
1487
- counter-increment: list-8;
1488
- }
1489
- .ql-editor ol li.ql-indent-8:before {
1490
- content: counter(list-8, lower-roman) '. ';
1491
- }
1492
- .ql-editor ol li.ql-indent-8 {
1493
- counter-reset: list-9;
1494
- }
1495
- .ql-editor ol li.ql-indent-9 {
1496
- counter-increment: list-9;
1497
- }
1498
- .ql-editor ol li.ql-indent-9:before {
1499
- content: counter(list-9, decimal) '. ';
1500
- }
1501
- .ql-editor .ql-indent-1:not(.ql-direction-rtl) {
1502
- padding-left: 3em;
1503
- }
1504
- .ql-editor li.ql-indent-1:not(.ql-direction-rtl) {
1505
- padding-left: 4.5em;
1506
- }
1507
- .ql-editor .ql-indent-1.ql-direction-rtl.ql-align-right {
1508
- padding-right: 3em;
1509
- }
1510
- .ql-editor li.ql-indent-1.ql-direction-rtl.ql-align-right {
1511
- padding-right: 4.5em;
1512
- }
1513
- .ql-editor .ql-indent-2:not(.ql-direction-rtl) {
1514
- padding-left: 6em;
1515
- }
1516
- .ql-editor li.ql-indent-2:not(.ql-direction-rtl) {
1517
- padding-left: 7.5em;
1518
- }
1519
- .ql-editor .ql-indent-2.ql-direction-rtl.ql-align-right {
1520
- padding-right: 6em;
1521
- }
1522
- .ql-editor li.ql-indent-2.ql-direction-rtl.ql-align-right {
1523
- padding-right: 7.5em;
1524
- }
1525
- .ql-editor .ql-indent-3:not(.ql-direction-rtl) {
1526
- padding-left: 9em;
1527
- }
1528
- .ql-editor li.ql-indent-3:not(.ql-direction-rtl) {
1529
- padding-left: 10.5em;
1530
- }
1531
- .ql-editor .ql-indent-3.ql-direction-rtl.ql-align-right {
1532
- padding-right: 9em;
1533
- }
1534
- .ql-editor li.ql-indent-3.ql-direction-rtl.ql-align-right {
1535
- padding-right: 10.5em;
1536
- }
1537
- .ql-editor .ql-indent-4:not(.ql-direction-rtl) {
1538
- padding-left: 12em;
1539
- }
1540
- .ql-editor li.ql-indent-4:not(.ql-direction-rtl) {
1541
- padding-left: 13.5em;
1542
- }
1543
- .ql-editor .ql-indent-4.ql-direction-rtl.ql-align-right {
1544
- padding-right: 12em;
1545
- }
1546
- .ql-editor li.ql-indent-4.ql-direction-rtl.ql-align-right {
1547
- padding-right: 13.5em;
1548
- }
1549
- .ql-editor .ql-indent-5:not(.ql-direction-rtl) {
1550
- padding-left: 15em;
1551
- }
1552
- .ql-editor li.ql-indent-5:not(.ql-direction-rtl) {
1553
- padding-left: 16.5em;
1554
- }
1555
- .ql-editor .ql-indent-5.ql-direction-rtl.ql-align-right {
1556
- padding-right: 15em;
1557
- }
1558
- .ql-editor li.ql-indent-5.ql-direction-rtl.ql-align-right {
1559
- padding-right: 16.5em;
1560
- }
1561
- .ql-editor .ql-indent-6:not(.ql-direction-rtl) {
1562
- padding-left: 18em;
1563
- }
1564
- .ql-editor li.ql-indent-6:not(.ql-direction-rtl) {
1565
- padding-left: 19.5em;
1566
- }
1567
- .ql-editor .ql-indent-6.ql-direction-rtl.ql-align-right {
1568
- padding-right: 18em;
1569
- }
1570
- .ql-editor li.ql-indent-6.ql-direction-rtl.ql-align-right {
1571
- padding-right: 19.5em;
1572
- }
1573
- .ql-editor .ql-indent-7:not(.ql-direction-rtl) {
1574
- padding-left: 21em;
1575
- }
1576
- .ql-editor li.ql-indent-7:not(.ql-direction-rtl) {
1577
- padding-left: 22.5em;
1578
- }
1579
- .ql-editor .ql-indent-7.ql-direction-rtl.ql-align-right {
1580
- padding-right: 21em;
1581
- }
1582
- .ql-editor li.ql-indent-7.ql-direction-rtl.ql-align-right {
1583
- padding-right: 22.5em;
1584
- }
1585
- .ql-editor .ql-indent-8:not(.ql-direction-rtl) {
1586
- padding-left: 24em;
1587
- }
1588
- .ql-editor li.ql-indent-8:not(.ql-direction-rtl) {
1589
- padding-left: 25.5em;
1590
- }
1591
- .ql-editor .ql-indent-8.ql-direction-rtl.ql-align-right {
1592
- padding-right: 24em;
1593
- }
1594
- .ql-editor li.ql-indent-8.ql-direction-rtl.ql-align-right {
1595
- padding-right: 25.5em;
1596
- }
1597
- .ql-editor .ql-indent-9:not(.ql-direction-rtl) {
1598
- padding-left: 27em;
1599
- }
1600
- .ql-editor li.ql-indent-9:not(.ql-direction-rtl) {
1601
- padding-left: 28.5em;
1602
- }
1603
- .ql-editor .ql-indent-9.ql-direction-rtl.ql-align-right {
1604
- padding-right: 27em;
1605
- }
1606
- .ql-editor li.ql-indent-9.ql-direction-rtl.ql-align-right {
1607
- padding-right: 28.5em;
1608
- }
1609
- .ql-editor .ql-video {
1610
- display: block;
1611
- max-width: 100%;
1612
- }
1613
- .ql-editor .ql-video.ql-align-center {
1614
- margin: 0 auto;
1615
- }
1616
- .ql-editor .ql-video.ql-align-right {
1617
- margin: 0 0 0 auto;
1618
- }
1619
- .ql-editor .ql-bg-black {
1620
- background-color: #000;
1621
- }
1622
- .ql-editor .ql-bg-red {
1623
- background-color: #e60000;
1624
- }
1625
- .ql-editor .ql-bg-orange {
1626
- background-color: #f90;
1627
- }
1628
- .ql-editor .ql-bg-yellow {
1629
- background-color: #ff0;
1630
- }
1631
- .ql-editor .ql-bg-green {
1632
- background-color: #008a00;
1633
- }
1634
- .ql-editor .ql-bg-blue {
1635
- background-color: #06c;
1636
- }
1637
- .ql-editor .ql-bg-purple {
1638
- background-color: #93f;
1639
- }
1640
- .ql-editor .ql-color-white {
1641
- color: #fff;
1642
- }
1643
- .ql-editor .ql-color-red {
1644
- color: #e60000;
1645
- }
1646
- .ql-editor .ql-color-orange {
1647
- color: #f90;
1648
- }
1649
- .ql-editor .ql-color-yellow {
1650
- color: #ff0;
1651
- }
1652
- .ql-editor .ql-color-green {
1653
- color: #008a00;
1654
- }
1655
- .ql-editor .ql-color-blue {
1656
- color: #06c;
1657
- }
1658
- .ql-editor .ql-color-purple {
1659
- color: #93f;
1660
- }
1661
- .ql-editor .ql-font-serif {
1662
- font-family: Georgia, Times New Roman, serif;
1663
- }
1664
- .ql-editor .ql-font-monospace {
1665
- font-family: Monaco, Courier New, monospace;
1666
- }
1667
- .ql-editor .ql-size-small {
1668
- font-size: 0.75em;
1669
- }
1670
- .ql-editor .ql-size-large {
1671
- font-size: 1.5em;
1672
- }
1673
- .ql-editor .ql-size-huge {
1674
- font-size: 2.5em;
1675
- }
1676
- .ql-editor .ql-direction-rtl {
1677
- direction: rtl;
1678
- text-align: inherit;
1679
- }
1680
- .ql-editor .ql-align-center {
1681
- text-align: center;
1682
- }
1683
- .ql-editor .ql-align-justify {
1684
- text-align: justify;
1685
- }
1686
- .ql-editor .ql-align-right {
1687
- text-align: right;
1688
- }
1689
- .ql-editor.ql-blank::before {
1690
- color: rgba(0,0,0,0.6);
1691
- content: attr(data-placeholder);
1692
- font-style: italic;
1693
- left: 15px;
1694
- pointer-events: none;
1695
- position: absolute;
1696
- right: 15px;
1697
- }
1698
- .ql-bubble.ql-toolbar:after,
1699
- .ql-bubble .ql-toolbar:after {
1700
- clear: both;
1701
- content: '';
1702
- display: table;
1703
- }
1704
- .ql-bubble.ql-toolbar button,
1705
- .ql-bubble .ql-toolbar button {
1706
- background: none;
1707
- border: none;
1708
- cursor: pointer;
1709
- display: inline-block;
1710
- float: left;
1711
- height: 24px;
1712
- padding: 3px 5px;
1713
- width: 28px;
1714
- }
1715
- .ql-bubble.ql-toolbar button svg,
1716
- .ql-bubble .ql-toolbar button svg {
1717
- float: left;
1718
- height: 100%;
1719
- }
1720
- .ql-bubble.ql-toolbar button:active:hover,
1721
- .ql-bubble .ql-toolbar button:active:hover {
1722
- outline: none;
1723
- }
1724
- .ql-bubble.ql-toolbar input.ql-image[type=file],
1725
- .ql-bubble .ql-toolbar input.ql-image[type=file] {
1726
- display: none;
1727
- }
1728
- .ql-bubble.ql-toolbar button:hover,
1729
- .ql-bubble .ql-toolbar button:hover,
1730
- .ql-bubble.ql-toolbar button:focus,
1731
- .ql-bubble .ql-toolbar button:focus,
1732
- .ql-bubble.ql-toolbar button.ql-active,
1733
- .ql-bubble .ql-toolbar button.ql-active,
1734
- .ql-bubble.ql-toolbar .ql-picker-label:hover,
1735
- .ql-bubble .ql-toolbar .ql-picker-label:hover,
1736
- .ql-bubble.ql-toolbar .ql-picker-label.ql-active,
1737
- .ql-bubble .ql-toolbar .ql-picker-label.ql-active,
1738
- .ql-bubble.ql-toolbar .ql-picker-item:hover,
1739
- .ql-bubble .ql-toolbar .ql-picker-item:hover,
1740
- .ql-bubble.ql-toolbar .ql-picker-item.ql-selected,
1741
- .ql-bubble .ql-toolbar .ql-picker-item.ql-selected {
1742
- color: #fff;
1743
- }
1744
- .ql-bubble.ql-toolbar button:hover .ql-fill,
1745
- .ql-bubble .ql-toolbar button:hover .ql-fill,
1746
- .ql-bubble.ql-toolbar button:focus .ql-fill,
1747
- .ql-bubble .ql-toolbar button:focus .ql-fill,
1748
- .ql-bubble.ql-toolbar button.ql-active .ql-fill,
1749
- .ql-bubble .ql-toolbar button.ql-active .ql-fill,
1750
- .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-fill,
1751
- .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-fill,
1752
- .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-fill,
1753
- .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-fill,
1754
- .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-fill,
1755
- .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-fill,
1756
- .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-fill,
1757
- .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-fill,
1758
- .ql-bubble.ql-toolbar button:hover .ql-stroke.ql-fill,
1759
- .ql-bubble .ql-toolbar button:hover .ql-stroke.ql-fill,
1760
- .ql-bubble.ql-toolbar button:focus .ql-stroke.ql-fill,
1761
- .ql-bubble .ql-toolbar button:focus .ql-stroke.ql-fill,
1762
- .ql-bubble.ql-toolbar button.ql-active .ql-stroke.ql-fill,
1763
- .ql-bubble .ql-toolbar button.ql-active .ql-stroke.ql-fill,
1764
- .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
1765
- .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke.ql-fill,
1766
- .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
1767
- .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke.ql-fill,
1768
- .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
1769
- .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke.ql-fill,
1770
- .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill,
1771
- .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke.ql-fill {
1772
- fill: #fff;
1773
- }
1774
- .ql-bubble.ql-toolbar button:hover .ql-stroke,
1775
- .ql-bubble .ql-toolbar button:hover .ql-stroke,
1776
- .ql-bubble.ql-toolbar button:focus .ql-stroke,
1777
- .ql-bubble .ql-toolbar button:focus .ql-stroke,
1778
- .ql-bubble.ql-toolbar button.ql-active .ql-stroke,
1779
- .ql-bubble .ql-toolbar button.ql-active .ql-stroke,
1780
- .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke,
1781
- .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke,
1782
- .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke,
1783
- .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke,
1784
- .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke,
1785
- .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke,
1786
- .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
1787
- .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke,
1788
- .ql-bubble.ql-toolbar button:hover .ql-stroke-miter,
1789
- .ql-bubble .ql-toolbar button:hover .ql-stroke-miter,
1790
- .ql-bubble.ql-toolbar button:focus .ql-stroke-miter,
1791
- .ql-bubble .ql-toolbar button:focus .ql-stroke-miter,
1792
- .ql-bubble.ql-toolbar button.ql-active .ql-stroke-miter,
1793
- .ql-bubble .ql-toolbar button.ql-active .ql-stroke-miter,
1794
- .ql-bubble.ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
1795
- .ql-bubble .ql-toolbar .ql-picker-label:hover .ql-stroke-miter,
1796
- .ql-bubble.ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
1797
- .ql-bubble .ql-toolbar .ql-picker-label.ql-active .ql-stroke-miter,
1798
- .ql-bubble.ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
1799
- .ql-bubble .ql-toolbar .ql-picker-item:hover .ql-stroke-miter,
1800
- .ql-bubble.ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter,
1801
- .ql-bubble .ql-toolbar .ql-picker-item.ql-selected .ql-stroke-miter {
1802
- stroke: #fff;
1803
- }
1804
- @media (pointer: coarse) {
1805
- .ql-bubble.ql-toolbar button:hover:not(.ql-active),
1806
- .ql-bubble .ql-toolbar button:hover:not(.ql-active) {
1807
- color: #ccc;
1808
- }
1809
- .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-fill,
1810
- .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-fill,
1811
- .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill,
1812
- .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke.ql-fill {
1813
- fill: #ccc;
1814
- }
1815
- .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke,
1816
- .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke,
1817
- .ql-bubble.ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter,
1818
- .ql-bubble .ql-toolbar button:hover:not(.ql-active) .ql-stroke-miter {
1819
- stroke: #ccc;
1820
- }
1821
- }
1822
- .ql-bubble {
1823
- box-sizing: border-box;
1824
- }
1825
- .ql-bubble * {
1826
- box-sizing: border-box;
1827
- }
1828
- .ql-bubble .ql-hidden {
1829
- display: none;
1830
- }
1831
- .ql-bubble .ql-out-bottom,
1832
- .ql-bubble .ql-out-top {
1833
- visibility: hidden;
1834
- }
1835
- .ql-bubble .ql-tooltip {
1836
- position: absolute;
1837
- transform: translateY(10px);
1838
- }
1839
- .ql-bubble .ql-tooltip a {
1840
- cursor: pointer;
1841
- text-decoration: none;
1842
- }
1843
- .ql-bubble .ql-tooltip.ql-flip {
1844
- transform: translateY(-10px);
1845
- }
1846
- .ql-bubble .ql-formats {
1847
- display: inline-block;
1848
- vertical-align: middle;
1849
- }
1850
- .ql-bubble .ql-formats:after {
1851
- clear: both;
1852
- content: '';
1853
- display: table;
1854
- }
1855
- .ql-bubble .ql-stroke {
1856
- fill: none;
1857
- stroke: #ccc;
1858
- stroke-linecap: round;
1859
- stroke-linejoin: round;
1860
- stroke-width: 2;
1861
- }
1862
- .ql-bubble .ql-stroke-miter {
1863
- fill: none;
1864
- stroke: #ccc;
1865
- stroke-miterlimit: 10;
1866
- stroke-width: 2;
1867
- }
1868
- .ql-bubble .ql-fill,
1869
- .ql-bubble .ql-stroke.ql-fill {
1870
- fill: #ccc;
1871
- }
1872
- .ql-bubble .ql-empty {
1873
- fill: none;
1874
- }
1875
- .ql-bubble .ql-even {
1876
- fill-rule: evenodd;
1877
- }
1878
- .ql-bubble .ql-thin,
1879
- .ql-bubble .ql-stroke.ql-thin {
1880
- stroke-width: 1;
1881
- }
1882
- .ql-bubble .ql-transparent {
1883
- opacity: 0.4;
1884
- }
1885
- .ql-bubble .ql-direction svg:last-child {
1886
- display: none;
1887
- }
1888
- .ql-bubble .ql-direction.ql-active svg:last-child {
1889
- display: inline;
1890
- }
1891
- .ql-bubble .ql-direction.ql-active svg:first-child {
1892
- display: none;
1893
- }
1894
- .ql-bubble .ql-editor h1 {
1895
- font-size: 2em;
1896
- }
1897
- .ql-bubble .ql-editor h2 {
1898
- font-size: 1.5em;
1899
- }
1900
- .ql-bubble .ql-editor h3 {
1901
- font-size: 1.17em;
1902
- }
1903
- .ql-bubble .ql-editor h4 {
1904
- font-size: 1em;
1905
- }
1906
- .ql-bubble .ql-editor h5 {
1907
- font-size: 0.83em;
1908
- }
1909
- .ql-bubble .ql-editor h6 {
1910
- font-size: 0.67em;
1911
- }
1912
- .ql-bubble .ql-editor a {
1913
- text-decoration: underline;
1914
- }
1915
- .ql-bubble .ql-editor blockquote {
1916
- border-left: 4px solid #ccc;
1917
- margin-bottom: 5px;
1918
- margin-top: 5px;
1919
- padding-left: 16px;
1920
- }
1921
- .ql-bubble .ql-editor code,
1922
- .ql-bubble .ql-editor pre {
1923
- background-color: #f0f0f0;
1924
- border-radius: 3px;
1925
- }
1926
- .ql-bubble .ql-editor pre {
1927
- white-space: pre-wrap;
1928
- margin-bottom: 5px;
1929
- margin-top: 5px;
1930
- padding: 5px 10px;
1931
- }
1932
- .ql-bubble .ql-editor code {
1933
- font-size: 85%;
1934
- padding: 2px 4px;
1935
- }
1936
- .ql-bubble .ql-editor pre.ql-syntax {
1937
- background-color: #23241f;
1938
- color: #f8f8f2;
1939
- overflow: visible;
1940
- }
1941
- .ql-bubble .ql-editor img {
1942
- max-width: 100%;
1943
- }
1944
- .ql-bubble .ql-picker {
1945
- color: #ccc;
1946
- display: inline-block;
1947
- float: left;
1948
- font-size: 14px;
1949
- font-weight: 500;
1950
- height: 24px;
1951
- position: relative;
1952
- vertical-align: middle;
1953
- }
1954
- .ql-bubble .ql-picker-label {
1955
- cursor: pointer;
1956
- display: inline-block;
1957
- height: 100%;
1958
- padding-left: 8px;
1959
- padding-right: 2px;
1960
- position: relative;
1961
- width: 100%;
1962
- }
1963
- .ql-bubble .ql-picker-label::before {
1964
- display: inline-block;
1965
- line-height: 22px;
1966
- }
1967
- .ql-bubble .ql-picker-options {
1968
- background-color: #444;
1969
- display: none;
1970
- min-width: 100%;
1971
- padding: 4px 8px;
1972
- position: absolute;
1973
- white-space: nowrap;
1974
- }
1975
- .ql-bubble .ql-picker-options .ql-picker-item {
1976
- cursor: pointer;
1977
- display: block;
1978
- padding-bottom: 5px;
1979
- padding-top: 5px;
1980
- }
1981
- .ql-bubble .ql-picker.ql-expanded .ql-picker-label {
1982
- color: #777;
1983
- z-index: 2;
1984
- }
1985
- .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-fill {
1986
- fill: #777;
1987
- }
1988
- .ql-bubble .ql-picker.ql-expanded .ql-picker-label .ql-stroke {
1989
- stroke: #777;
1990
- }
1991
- .ql-bubble .ql-picker.ql-expanded .ql-picker-options {
1992
- display: block;
1993
- margin-top: -1px;
1994
- top: 100%;
1995
- z-index: 1;
1996
- }
1997
- .ql-bubble .ql-color-picker,
1998
- .ql-bubble .ql-icon-picker {
1999
- width: 28px;
2000
- }
2001
- .ql-bubble .ql-color-picker .ql-picker-label,
2002
- .ql-bubble .ql-icon-picker .ql-picker-label {
2003
- padding: 2px 4px;
2004
- }
2005
- .ql-bubble .ql-color-picker .ql-picker-label svg,
2006
- .ql-bubble .ql-icon-picker .ql-picker-label svg {
2007
- right: 4px;
2008
- }
2009
- .ql-bubble .ql-icon-picker .ql-picker-options {
2010
- padding: 4px 0px;
2011
- }
2012
- .ql-bubble .ql-icon-picker .ql-picker-item {
2013
- height: 24px;
2014
- width: 24px;
2015
- padding: 2px 4px;
2016
- }
2017
- .ql-bubble .ql-color-picker .ql-picker-options {
2018
- padding: 3px 5px;
2019
- width: 152px;
2020
- }
2021
- .ql-bubble .ql-color-picker .ql-picker-item {
2022
- border: 1px solid transparent;
2023
- float: left;
2024
- height: 16px;
2025
- margin: 2px;
2026
- padding: 0px;
2027
- width: 16px;
2028
- }
2029
- .ql-bubble .ql-picker:not(.ql-color-picker):not(.ql-icon-picker) svg {
2030
- position: absolute;
2031
- margin-top: -9px;
2032
- right: 0;
2033
- top: 50%;
2034
- width: 18px;
2035
- }
2036
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-label]:not([data-label=''])::before,
2037
- .ql-bubble .ql-picker.ql-font .ql-picker-label[data-label]:not([data-label=''])::before,
2038
- .ql-bubble .ql-picker.ql-size .ql-picker-label[data-label]:not([data-label=''])::before,
2039
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-label]:not([data-label=''])::before,
2040
- .ql-bubble .ql-picker.ql-font .ql-picker-item[data-label]:not([data-label=''])::before,
2041
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-label]:not([data-label=''])::before {
2042
- content: attr(data-label);
2043
- }
2044
- .ql-bubble .ql-picker.ql-header {
2045
- width: 98px;
2046
- }
2047
- .ql-bubble .ql-picker.ql-header .ql-picker-label::before,
2048
- .ql-bubble .ql-picker.ql-header .ql-picker-item::before {
2049
- content: 'Normal';
2050
- }
2051
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="1"]::before,
2052
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
2053
- content: 'Heading 1';
2054
- }
2055
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="2"]::before,
2056
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
2057
- content: 'Heading 2';
2058
- }
2059
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="3"]::before,
2060
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
2061
- content: 'Heading 3';
2062
- }
2063
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="4"]::before,
2064
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
2065
- content: 'Heading 4';
2066
- }
2067
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="5"]::before,
2068
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
2069
- content: 'Heading 5';
2070
- }
2071
- .ql-bubble .ql-picker.ql-header .ql-picker-label[data-value="6"]::before,
2072
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
2073
- content: 'Heading 6';
2074
- }
2075
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="1"]::before {
2076
- font-size: 2em;
2077
- }
2078
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="2"]::before {
2079
- font-size: 1.5em;
2080
- }
2081
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="3"]::before {
2082
- font-size: 1.17em;
2083
- }
2084
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="4"]::before {
2085
- font-size: 1em;
2086
- }
2087
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="5"]::before {
2088
- font-size: 0.83em;
2089
- }
2090
- .ql-bubble .ql-picker.ql-header .ql-picker-item[data-value="6"]::before {
2091
- font-size: 0.67em;
2092
- }
2093
- .ql-bubble .ql-picker.ql-font {
2094
- width: 108px;
2095
- }
2096
- .ql-bubble .ql-picker.ql-font .ql-picker-label::before,
2097
- .ql-bubble .ql-picker.ql-font .ql-picker-item::before {
2098
- content: 'Sans Serif';
2099
- }
2100
- .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=serif]::before,
2101
- .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
2102
- content: 'Serif';
2103
- }
2104
- .ql-bubble .ql-picker.ql-font .ql-picker-label[data-value=monospace]::before,
2105
- .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
2106
- content: 'Monospace';
2107
- }
2108
- .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=serif]::before {
2109
- font-family: Georgia, Times New Roman, serif;
2110
- }
2111
- .ql-bubble .ql-picker.ql-font .ql-picker-item[data-value=monospace]::before {
2112
- font-family: Monaco, Courier New, monospace;
2113
- }
2114
- .ql-bubble .ql-picker.ql-size {
2115
- width: 98px;
2116
- }
2117
- .ql-bubble .ql-picker.ql-size .ql-picker-label::before,
2118
- .ql-bubble .ql-picker.ql-size .ql-picker-item::before {
2119
- content: 'Normal';
2120
- }
2121
- .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=small]::before,
2122
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
2123
- content: 'Small';
2124
- }
2125
- .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=large]::before,
2126
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
2127
- content: 'Large';
2128
- }
2129
- .ql-bubble .ql-picker.ql-size .ql-picker-label[data-value=huge]::before,
2130
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
2131
- content: 'Huge';
2132
- }
2133
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=small]::before {
2134
- font-size: 10px;
2135
- }
2136
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=large]::before {
2137
- font-size: 18px;
2138
- }
2139
- .ql-bubble .ql-picker.ql-size .ql-picker-item[data-value=huge]::before {
2140
- font-size: 32px;
2141
- }
2142
- .ql-bubble .ql-color-picker.ql-background .ql-picker-item {
2143
- background-color: #fff;
2144
- }
2145
- .ql-bubble .ql-color-picker.ql-color .ql-picker-item {
2146
- background-color: #000;
2147
- }
2148
- .ql-bubble .ql-toolbar .ql-formats {
2149
- margin: 8px 12px 8px 0px;
2150
- }
2151
- .ql-bubble .ql-toolbar .ql-formats:first-child {
2152
- margin-left: 12px;
2153
- }
2154
- .ql-bubble .ql-color-picker svg {
2155
- margin: 1px;
2156
- }
2157
- .ql-bubble .ql-color-picker .ql-picker-item.ql-selected,
2158
- .ql-bubble .ql-color-picker .ql-picker-item:hover {
2159
- border-color: #fff;
2160
- }
2161
- .ql-bubble .ql-tooltip {
2162
- background-color: #444;
2163
- border-radius: 25px;
2164
- color: #fff;
2165
- }
2166
- .ql-bubble .ql-tooltip-arrow {
2167
- border-left: 6px solid transparent;
2168
- border-right: 6px solid transparent;
2169
- content: " ";
2170
- display: block;
2171
- left: 50%;
2172
- margin-left: -6px;
2173
- position: absolute;
2174
- }
2175
- .ql-bubble .ql-tooltip:not(.ql-flip) .ql-tooltip-arrow {
2176
- border-bottom: 6px solid #444;
2177
- top: -6px;
2178
- }
2179
- .ql-bubble .ql-tooltip.ql-flip .ql-tooltip-arrow {
2180
- border-top: 6px solid #444;
2181
- bottom: -6px;
2182
- }
2183
- .ql-bubble .ql-tooltip.ql-editing .ql-tooltip-editor {
2184
- display: block;
2185
- }
2186
- .ql-bubble .ql-tooltip.ql-editing .ql-formats {
2187
- visibility: hidden;
2188
- }
2189
- .ql-bubble .ql-tooltip-editor {
2190
- display: none;
2191
- }
2192
- .ql-bubble .ql-tooltip-editor input[type=text] {
2193
- background: transparent;
2194
- border: none;
2195
- color: #fff;
2196
- font-size: 13px;
2197
- height: 100%;
2198
- outline: none;
2199
- padding: 10px 20px;
2200
- position: absolute;
2201
- width: 100%;
2202
- }
2203
- .ql-bubble .ql-tooltip-editor a {
2204
- top: 10px;
2205
- position: absolute;
2206
- right: 20px;
2207
- }
2208
- .ql-bubble .ql-tooltip-editor a:before {
2209
- color: #ccc;
2210
- content: "\00D7";
2211
- font-size: 16px;
2212
- font-weight: bold;
2213
- }
2214
- .ql-container.ql-bubble:not(.ql-disabled) a {
2215
- position: relative;
2216
- white-space: nowrap;
2217
- }
2218
- .ql-container.ql-bubble:not(.ql-disabled) a::before {
2219
- background-color: #444;
2220
- border-radius: 15px;
2221
- top: -5px;
2222
- font-size: 12px;
2223
- color: #fff;
2224
- content: attr(href);
2225
- font-weight: normal;
2226
- overflow: hidden;
2227
- padding: 5px 15px;
2228
- text-decoration: none;
2229
- z-index: 1;
2230
- }
2231
- .ql-container.ql-bubble:not(.ql-disabled) a::after {
2232
- border-top: 6px solid #444;
2233
- border-left: 6px solid transparent;
2234
- border-right: 6px solid transparent;
2235
- top: 0;
2236
- content: " ";
2237
- height: 0;
2238
- width: 0;
2239
- }
2240
- .ql-container.ql-bubble:not(.ql-disabled) a::before,
2241
- .ql-container.ql-bubble:not(.ql-disabled) a::after {
2242
- left: 0;
2243
- margin-left: 50%;
2244
- position: absolute;
2245
- transform: translate(-50%, -100%);
2246
- transition: visibility 0s ease 200ms;
2247
- visibility: hidden;
2248
- }
2249
- .ql-container.ql-bubble:not(.ql-disabled) a:hover::before,
2250
- .ql-container.ql-bubble:not(.ql-disabled) a:hover::after {
2251
- visibility: visible;
1315
+ @charset "UTF-8";
1316
+ /* 样式范围限制在组件内部,但 @vueup/vue-quill 的样式是全局的 */
1317
+ .rich-text-editor-container[data-v-02babd36] {
1318
+ min-height: 200px;
2252
1319
  }
2253
1320
 
2254
- .deep-input :deep(.el-input__wrapper) {
2255
- height: 40px;
2256
- line-height: 40px;
2257
- }
2258
- .deep-input :deep(.el-select__wrapper) {
2259
- height: 40px;
2260
- line-height: 40px;
1321
+ /* 可以覆盖一些基础样式 */
1322
+ [data-v-02babd36] .ql-editor {
1323
+ min-height: 200px;
2261
1324
  }
2262
1325
  .avatar[data-v-0b647a60] {
2263
1326
  border: 1px dashed #d9d9d9;