@netang/quasar 0.1.34 → 0.1.35
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/components/tree/index.vue +30 -15
- package/package.json +1 -1
|
@@ -1519,7 +1519,7 @@ export default {
|
|
|
1519
1519
|
|
|
1520
1520
|
// 已选
|
|
1521
1521
|
&--selected:not(.drag-over--inner) {
|
|
1522
|
-
.q-focus-helper {
|
|
1522
|
+
> .q-focus-helper {
|
|
1523
1523
|
background: currentColor;
|
|
1524
1524
|
opacity: 0.15 !important;
|
|
1525
1525
|
}
|
|
@@ -1527,14 +1527,14 @@ export default {
|
|
|
1527
1527
|
|
|
1528
1528
|
// 拖拽前
|
|
1529
1529
|
&.dragging--before {
|
|
1530
|
-
.q-focus-helper {
|
|
1530
|
+
> .q-focus-helper {
|
|
1531
1531
|
display: none;
|
|
1532
1532
|
}
|
|
1533
1533
|
}
|
|
1534
1534
|
|
|
1535
1535
|
// 拖拽中
|
|
1536
1536
|
&.dragging {
|
|
1537
|
-
.q-focus-helper {
|
|
1537
|
+
> .q-focus-helper {
|
|
1538
1538
|
background: transparent !important;
|
|
1539
1539
|
opacity: 1 !important;
|
|
1540
1540
|
border: 1px solid var(--q-primary);
|
|
@@ -1554,16 +1554,18 @@ export default {
|
|
|
1554
1554
|
.n-tree__node-content {
|
|
1555
1555
|
&:before {
|
|
1556
1556
|
top: 0;
|
|
1557
|
-
margin-top: -
|
|
1557
|
+
margin-top: -3px;
|
|
1558
|
+
}
|
|
1559
|
+
&:after {
|
|
1560
|
+
border-top-color: var(--q-primary);
|
|
1558
1561
|
}
|
|
1559
|
-
border-top-color: var(--q-primary);
|
|
1560
1562
|
}
|
|
1561
1563
|
}
|
|
1562
1564
|
|
|
1563
1565
|
// 拖拽至内部
|
|
1564
1566
|
&.drag-over--inner {
|
|
1565
1567
|
color: rgba(255, 255, 255, 0.6);
|
|
1566
|
-
.q-focus-helper {
|
|
1568
|
+
> .q-focus-helper {
|
|
1567
1569
|
background-color: var(--q-primary) !important;
|
|
1568
1570
|
opacity: 1;
|
|
1569
1571
|
}
|
|
@@ -1577,9 +1579,11 @@ export default {
|
|
|
1577
1579
|
.n-tree__node-content {
|
|
1578
1580
|
&:before {
|
|
1579
1581
|
bottom: 0;
|
|
1580
|
-
margin-bottom: -
|
|
1582
|
+
margin-bottom: -3px;
|
|
1583
|
+
}
|
|
1584
|
+
&:after {
|
|
1585
|
+
border-bottom-color: var(--q-primary);
|
|
1581
1586
|
}
|
|
1582
|
-
border-bottom-color: var(--q-primary);
|
|
1583
1587
|
}
|
|
1584
1588
|
}
|
|
1585
1589
|
|
|
@@ -1598,7 +1602,7 @@ export default {
|
|
|
1598
1602
|
}
|
|
1599
1603
|
}
|
|
1600
1604
|
|
|
1601
|
-
.q-focus-helper {
|
|
1605
|
+
> .q-focus-helper {
|
|
1602
1606
|
background-color: var(--q-primary);
|
|
1603
1607
|
opacity: 0.15;
|
|
1604
1608
|
}
|
|
@@ -1610,11 +1614,22 @@ export default {
|
|
|
1610
1614
|
display: flex;
|
|
1611
1615
|
flex: 1;
|
|
1612
1616
|
align-items: center;
|
|
1613
|
-
padding:
|
|
1617
|
+
padding: 4px 5px;
|
|
1614
1618
|
margin-left: -5px;
|
|
1615
|
-
border-top: 2px transparent solid;
|
|
1616
|
-
border-bottom: 2px transparent solid;
|
|
1619
|
+
//border-top: 2px transparent solid;
|
|
1620
|
+
//border-bottom: 2px transparent solid;
|
|
1617
1621
|
color: #000000;
|
|
1622
|
+
|
|
1623
|
+
&:after {
|
|
1624
|
+
content: "";
|
|
1625
|
+
position: absolute;
|
|
1626
|
+
top: 0;
|
|
1627
|
+
bottom: 0;
|
|
1628
|
+
left: 0;
|
|
1629
|
+
right: 0;
|
|
1630
|
+
border-top: 2px transparent solid;
|
|
1631
|
+
border-bottom: 2px transparent solid;
|
|
1632
|
+
}
|
|
1618
1633
|
}
|
|
1619
1634
|
}
|
|
1620
1635
|
|
|
@@ -1627,14 +1642,14 @@ export default {
|
|
|
1627
1642
|
|
|
1628
1643
|
// 已选
|
|
1629
1644
|
&--selected:not(.drag-over--inner) {
|
|
1630
|
-
.q-focus-helper {
|
|
1645
|
+
> .q-focus-helper {
|
|
1631
1646
|
opacity: 0.3 !important;
|
|
1632
1647
|
}
|
|
1633
1648
|
}
|
|
1634
1649
|
|
|
1635
1650
|
// 拖拽中
|
|
1636
1651
|
&.dragging {
|
|
1637
|
-
.q-focus-helper {
|
|
1652
|
+
> .q-focus-helper {
|
|
1638
1653
|
&:before {
|
|
1639
1654
|
opacity: 0.3 !important;
|
|
1640
1655
|
}
|
|
@@ -1643,7 +1658,7 @@ export default {
|
|
|
1643
1658
|
|
|
1644
1659
|
&.drag-over--top,
|
|
1645
1660
|
&.drag-over--bottom {
|
|
1646
|
-
.q-focus-helper {
|
|
1661
|
+
> .q-focus-helper {
|
|
1647
1662
|
opacity: 0.3 !important;
|
|
1648
1663
|
}
|
|
1649
1664
|
}
|