|
|
|
|
@treePrefixCls: rc-tree;
|
|
|
|
|
.@{treePrefixCls} {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 5px;
|
|
|
|
|
li {
|
|
|
|
|
padding: 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
list-style: none;
|
|
|
|
|
white-space: nowrap;
|
|
|
|
|
outline: 0;
|
|
|
|
|
.draggable {
|
|
|
|
|
color: #333;
|
|
|
|
|
-moz-user-select: none;
|
|
|
|
|
-khtml-user-select: none;
|
|
|
|
|
-webkit-user-select: none;
|
|
|
|
|
user-select: none;
|
|
|
|
|
/* Required to make elements draggable in old WebKit */
|
|
|
|
|
-khtml-user-drag: element;
|
|
|
|
|
-webkit-user-drag: element;
|
|
|
|
|
}
|
|
|
|
|
&.drag-over {
|
|
|
|
|
> .draggable {
|
|
|
|
|
background-color: #316ac5;
|
|
|
|
|
color: white;
|
|
|
|
|
border: 1px #316ac5 solid;
|
|
|
|
|
opacity: 0.8;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.drag-over-gap-top {
|
|
|
|
|
> .draggable {
|
|
|
|
|
border-top: 2px blue solid;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.drag-over-gap-bottom {
|
|
|
|
|
> .draggable {
|
|
|
|
|
border-bottom: 2px blue solid;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.filter-node {
|
|
|
|
|
> .@{treePrefixCls}-node-content-wrapper {
|
|
|
|
|
color: #a60000!important;
|
|
|
|
|
font-weight: bold!important;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
ul {
|
|
|
|
|
margin: 0;
|
|
|
|
|
padding: 0 0 0 18px;
|
|
|
|
|
}
|
|
|
|
|
.@{treePrefixCls}-node-content-wrapper {
|
|
|
|
|
display: inline-block;
|
|
|
|
|
padding: 1px 3px 0 0;
|
|
|
|
|
margin: 0;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
height: 17px;
|
|
|
|
|
text-decoration: none;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
span {
|
|
|
|
|
&.@{treePrefixCls}-switcher,
|
|
|
|
|
&.@{treePrefixCls}-checkbox,
|
|
|
|
|
&.@{treePrefixCls}-iconEle {
|
|
|
|
|
line-height: 16px;
|
|
|
|
|
margin-right: 2px;
|
|
|
|
|
width: 16px;
|
|
|
|
|
height: 16px;
|
|
|
|
|
display: inline-block;
|
|
|
|
|
vertical-align: middle;
|
|
|
|
|
border: 0 none;
|
|
|
|
|
cursor: pointer;
|
|
|
|
|
outline: none;
|
|
|
|
|
background-color: transparent;
|
|
|
|
|
background-repeat: no-repeat;
|
|
|
|
|
background-attachment: scroll;
|
|
|
|
|
background-image: url('data:image/png;base64,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
|
|
|
|
|
|
|
|
|
|
&.@{treePrefixCls}-icon__customize {
|
|
|
|
|
background-image: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.@{treePrefixCls}-icon_loading {
|
|
|
|
|
margin-right: 2px;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
background: url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7') no-repeat scroll 0 0 transparent;
|
|
|
|
|
}
|
|
|
|
|
&.@{treePrefixCls}-switcher {
|
|
|
|
|
&.@{treePrefixCls}-switcher-noop {
|
|
|
|
|
cursor: auto;
|
|
|
|
|
}
|
|
|
|
|
&.@{treePrefixCls}-switcher_open {
|
|
|
|
|
background-position: -93px -56px;
|
|
|
|
|
}
|
|
|
|
|
&.@{treePrefixCls}-switcher_close {
|
|
|
|
|
background-position: -75px -56px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.@{treePrefixCls}-checkbox {
|
|
|
|
|
width: 13px;
|
|
|
|
|
height: 13px;
|
|
|
|
|
margin: 0 3px;
|
|
|
|
|
background-position: 0 0;
|
|
|
|
|
&-checked {
|
|
|
|
|
background-position: -14px 0;
|
|
|
|
|
}
|
|
|
|
|
&-indeterminate {
|
|
|
|
|
background-position: -14px -28px;
|
|
|
|
|
}
|
|
|
|
|
&-disabled {
|
|
|
|
|
background-position: 0 -56px;
|
|
|
|
|
}
|
|
|
|
|
&.@{treePrefixCls}-checkbox-checked.@{treePrefixCls}-checkbox-disabled {
|
|
|
|
|
background-position: -14px -56px;
|
|
|
|
|
}
|
|
|
|
|
&.@{treePrefixCls}-checkbox-indeterminate.@{treePrefixCls}-checkbox-disabled {
|
|
|
|
|
position: relative;
|
|
|
|
|
background: #ccc;
|
|
|
|
|
border-radius: 3px;
|
|
|
|
|
&::after {
|
|
|
|
|
content: ' ';
|
|
|
|
|
-webkit-transform: scale(1);
|
|
|
|
|
transform: scale(1);
|
|
|
|
|
position: absolute;
|
|
|
|
|
left: 3px;
|
|
|
|
|
top: 5px;
|
|
|
|
|
width: 5px;
|
|
|
|
|
height: 0;
|
|
|
|
|
border: 2px solid #fff;
|
|
|
|
|
border-top: 0;
|
|
|
|
|
border-left: 0;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&:not(.@{treePrefixCls}-show-line) {
|
|
|
|
|
.@{treePrefixCls}-switcher-noop {
|
|
|
|
|
background: none;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&.@{treePrefixCls}-show-line {
|
|
|
|
|
li:not(:last-child) {
|
|
|
|
|
> ul {
|
|
|
|
|
background: url('data:image/gif;base64,R0lGODlhCQACAIAAAMzMzP///yH5BAEAAAEALAAAAAAJAAIAAAIEjI9pUAA7') 0 0 repeat-y;
|
|
|
|
|
}
|
|
|
|
|
> .@{treePrefixCls}-switcher-noop {
|
|
|
|
|
background-position: -56px -18px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
li:last-child {
|
|
|
|
|
> .@{treePrefixCls}-switcher-noop {
|
|
|
|
|
background-position: -56px -36px;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&-child-tree {
|
|
|
|
|
display: none;
|
|
|
|
|
&-open {
|
|
|
|
|
display: block;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&-treenode-disabled {
|
|
|
|
|
>span:not(.@{treePrefixCls}-switcher),
|
|
|
|
|
>a,
|
|
|
|
|
>a span {
|
|
|
|
|
color: #767676;
|
|
|
|
|
cursor: not-allowed;
|
|
|
|
|
}
|
|
|
|
|
}
|
|
|
|
|
&-node-selected {
|
|
|
|
|
background-color: #ffe6b0;
|
|
|
|
|
border: 1px #ffb951 solid;
|
|
|
|
|
opacity: 0.8;
|
|
|
|
|
}
|
|
|
|
|
&-icon__open {
|
|
|
|
|
margin-right: 2px;
|
|
|
|
|
background-position: -110px -16px;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
&-icon__close {
|
|
|
|
|
margin-right: 2px;
|
|
|
|
|
background-position: -110px 0;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
&-icon__docu {
|
|
|
|
|
margin-right: 2px;
|
|
|
|
|
background-position: -110px -32px;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
&-icon__customize {
|
|
|
|
|
margin-right: 2px;
|
|
|
|
|
vertical-align: top;
|
|
|
|
|
}
|
|
|
|
|
}
|
