innov
/
bee-tree
1
0
Fork 0
Code Issues Pull Requests 2 Projects Releases Wiki Activity

Tree组件规范调整

This commit is contained in:
yangchch6 2019-04-10 15:50:58 +08:00
parent 38cdbb91d3
commit 9c924e0b30
9 changed files with 17089 additions and 943 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

193
build/Tree.css
View File

@ -1,172 +1,6 @@
@charset "UTF-8"; @charset "UTF-8";
/* FormGroup */ /* FormGroup */
/* Navlayout */ /* Navlayout */
/* FormGroup */
/* Navlayout */
.u-checkbox {
display: inline-block;
position: relative;
margin-right: 24px;
height: 16px;
line-height: 16px;
font-size: 12px;
white-space: nowrap;
cursor: pointer;
outline: none;
position: relative;
line-height: 1;
vertical-align: middle; }
.u-checkbox input[type='checkbox'] {
position: absolute;
z-index: 3;
cursor: pointer;
opacity: 0;
box-sizing: border-box;
padding: 0;
width: 100%;
height: 100%; }
.u-checkbox input[disabled] {
cursor: not-allowed; }
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px #fff;
-webkit-box-shadow: inset 0 0 0 10px #fff;
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.is-checked .u-checkbox-label:after {
color: rgb(245, 60, 50);
content: "\e658";
line-height: 16px;
font-size: 12px;
font-weight: 600; }
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
-webkit-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:after {
color: #fff; }
.u-checkbox .u-checkbox-label {
cursor: pointer;
display: inline-block;
padding-left: 25px;
line-height: 16px;
color: #212121; }
.u-checkbox .u-checkbox-label:before {
-moz-border-radius: 3px;
-webkit-border-radius: 3px;
border-radius: 3px;
border: 1px solid rgb(165, 173, 186);
background-color: #fff;
content: '';
font-family: 'uf';
display: inline-block;
width: 16px;
height: 16px;
left: 0;
top: 0;
text-align: center;
position: absolute; }
.u-checkbox .u-checkbox-label:after {
content: '';
font-family: 'uf';
display: inline-block;
width: 16px;
height: 16px;
left: 0;
top: 0;
text-align: center;
position: absolute; }
.u-checkbox.disabled .u-checkbox-label {
cursor: not-allowed;
color: #909090; }
.u-checkbox.disabled .u-checkbox-label:before {
border-color: #DFE1E6;
color: #909090; }
.u-checkbox.disabled .u-checkbox-label:after {
color: #c1c7d0; }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
color: rgb(245, 60, 50);
content: "\e6ce";
line-height: 16px;
font-size: 12px;
font-weight: 600; }
.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
-webkit-box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:after {
color: #fff; }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px #fff;
-webkit-box-shadow: inset 0 0 0 10px #fff;
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:after {
color: rgb(76,175,80); }
.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(76,175,80); }
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px #fff;
-webkit-box-shadow: inset 0 0 0 10px #fff;
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:after {
color: rgb(255,152,0); }
.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(255,152,0); }
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px #fff;
-webkit-box-shadow: inset 0 0 0 10px #fff;
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:after {
color: rgb(244,67,54); }
.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(244,67,54); }
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px #fff;
-webkit-box-shadow: inset 0 0 0 10px #fff;
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:after {
color: rgb(97,97,97); }
.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(97,97,97); }
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px #fff;
-webkit-box-shadow: inset 0 0 0 10px #fff;
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:after {
color: rgb(0,188,212); }
.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(0,188,212); }
.u-tree { .u-tree {
margin: 0; margin: 0;
padding: 5px; padding: 5px;
@ -179,22 +13,24 @@
display: inline-block; display: inline-block;
line-height: 1; line-height: 1;
position: relative; position: relative;
vertical-align: middle; } vertical-align: middle;
height: 16px; }
.u-tree .u-tree-checkbox-inner { .u-tree .u-tree-checkbox-inner {
position: relative; position: relative;
top: 0; top: 0;
left: 0; left: 0;
display: inline-block; display: inline-block;
width: 14px; width: 16px;
height: 14px; height: 16px;
border: 1px solid rgb(165, 173, 186); border: 1px solid rgb(165, 173, 186);
border-radius: 3px; border-radius: 3px;
background-color: #fff; background-color: #fff;
-webkit-transition: all .3s; -webkit-transition: all .3s;
transition: all .3s; } transition: all .3s;
box-sizing: border-box; }
.u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner { .u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner {
border-color: rgb(165, 173, 186); border-color: #dfe1e6;
background-color: #f3f3f3; } background-color: #fff; }
.u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner:after { .u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner:after {
content: ' '; content: ' ';
-webkit-transform: scale(1); -webkit-transform: scale(1);
@ -208,11 +44,11 @@
.u-tree .u-tree-checkbox-disabled.u-tree-checkbox-checked .u-tree-checkbox-inner:after { .u-tree .u-tree-checkbox-disabled.u-tree-checkbox-checked .u-tree-checkbox-inner:after {
-webkit-animation-name: none; -webkit-animation-name: none;
animation-name: none; animation-name: none;
border-color: #ccc; } border-color: #c1c7d0; }
.u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner:after { .u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner:after {
-webkit-animation-name: none; -webkit-animation-name: none;
animation-name: none; animation-name: none;
border-color: #f3f3f3; } border-color: #c1c7d0; }
.u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner:after { .u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner:after {
-webkit-transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1);
-ms-transform: rotate(45deg) scale(1); -ms-transform: rotate(45deg) scale(1);
@ -280,7 +116,7 @@
padding: 0 0 0 18px; } padding: 0 0 0 18px; }
.u-tree li a { .u-tree li a {
display: inline-block; display: inline-block;
padding: 2px 5px; padding: 3px 4px;
border-radius: 2px; border-radius: 2px;
margin: 0; margin: 0;
cursor: pointer; cursor: pointer;
@ -302,9 +138,9 @@
.u-tree li span.u-tree-switcher, .u-tree li span.u-tree-switcher,
.u-tree li span.u-tree-iconEle { .u-tree li span.u-tree-iconEle {
margin: 0; margin: 0;
width: 16px; width: 22px;
height: 16px; height: 22px;
line-height: 16px; line-height: 22px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 0 none; border: 0 none;
@ -352,6 +188,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
right: 0px; right: 0px;
left: 0;
color: #666; color: #666;
-webkit-transition: -webkit-transform .3s ease; -webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease;

4
demo/demolist/Demo8.scss
View File

@ -4,7 +4,9 @@
} }
.edit-icon { .edit-icon {
float:right; float:right;
font-size: 14px; font-size: 16px;
height: 16px;
line-height: 20px;
} }
.title-con { .title-con {
min-width: 150px; min-width: 150px;

2
demo/index.js
View File

File diff suppressed because one or more lines are too long

179
dist/demo.css vendored
View File

@ -1,154 +1,6 @@
@charset "UTF-8"; @charset "UTF-8";
/* FormGroup */ /* FormGroup */
/* Navlayout */ /* Navlayout */
/* FormGroup */
/* Navlayout */
.u-checkbox {
display: inline-block;
position: relative;
margin: 0 8px;
height: 16px;
line-height: 16px;
font-size: 14px;
white-space: nowrap;
cursor: pointer;
outline: none;
position: relative;
line-height: 1;
vertical-align: middle; }
.u-checkbox input[type='checkbox'] {
position: absolute;
z-index: 3;
cursor: pointer;
opacity: 0;
box-sizing: border-box;
padding: 0;
width: 100%;
height: 100%; }
.u-checkbox input[disabled] {
cursor: not-allowed; }
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.is-checked .u-checkbox-label:after {
color: rgb(245, 60, 50);
content: "\e658";
line-height: 16px;
font-size: 12px;
font-weight: 600; }
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:after {
color: #fff; }
.u-checkbox .u-checkbox-label {
cursor: pointer;
display: inline-block;
padding-left: 25px;
line-height: 16px;
color: #212121; }
.u-checkbox .u-checkbox-label:before {
border-radius: 3px;
border: 1px solid rgb(165, 173, 186);
background-color: #fff;
content: '';
font-family: 'uf';
display: inline-block;
width: 16px;
height: 16px;
left: 0;
top: 0;
text-align: center;
position: absolute; }
.u-checkbox .u-checkbox-label:after {
content: '';
font-family: 'uf';
display: inline-block;
width: 16px;
height: 16px;
left: 0;
top: 0;
text-align: center;
position: absolute; }
.u-checkbox.disabled .u-checkbox-label {
cursor: not-allowed;
color: #909090; }
.u-checkbox.disabled .u-checkbox-label:before {
border-color: #DFE1E6;
color: #909090; }
.u-checkbox.disabled .u-checkbox-label:after {
color: #c1c7d0; }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
color: rgb(245, 60, 50);
content: "\e6ce";
line-height: 16px;
font-size: 12px;
font-weight: 600; }
.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:after {
color: #fff; }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:after {
color: rgb(76,175,80); }
.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(76,175,80); }
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:after {
color: rgb(255,152,0); }
.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(255,152,0); }
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:after {
color: rgb(244,67,54); }
.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(244,67,54); }
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:after {
color: rgb(97,97,97); }
.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(97,97,97); }
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(165, 173, 186); }
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:after {
color: rgb(0,188,212); }
.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(0,188,212); }
.u-tree { .u-tree {
margin: 0; margin: 0;
padding: 5px; padding: 5px;
@ -161,21 +13,23 @@
display: inline-block; display: inline-block;
line-height: 1; line-height: 1;
position: relative; position: relative;
vertical-align: middle; } vertical-align: middle;
height: 16px; }
.u-tree .u-tree-checkbox-inner { .u-tree .u-tree-checkbox-inner {
position: relative; position: relative;
top: 0; top: 0;
left: 0; left: 0;
display: inline-block; display: inline-block;
width: 14px; width: 16px;
height: 14px; height: 16px;
border: 1px solid rgb(165, 173, 186); border: 1px solid rgb(165, 173, 186);
border-radius: 3px; border-radius: 3px;
background-color: #fff; background-color: #fff;
transition: all .3s; } transition: all .3s;
box-sizing: border-box; }
.u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner { .u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner {
border-color: rgb(165, 173, 186); border-color: #dfe1e6;
background-color: #f3f3f3; } background-color: #fff; }
.u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner:after { .u-tree .u-tree-checkbox-indeterminate .u-tree-checkbox-inner:after {
content: ' '; content: ' ';
transform: scale(1); transform: scale(1);
@ -186,10 +40,10 @@
height: 1px; } height: 1px; }
.u-tree .u-tree-checkbox-disabled.u-tree-checkbox-checked .u-tree-checkbox-inner:after { .u-tree .u-tree-checkbox-disabled.u-tree-checkbox-checked .u-tree-checkbox-inner:after {
animation-name: none; animation-name: none;
border-color: #ccc; } border-color: #c1c7d0; }
.u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner:after { .u-tree .u-tree-checkbox-disabled .u-tree-checkbox-inner:after {
animation-name: none; animation-name: none;
border-color: #f3f3f3; } border-color: #c1c7d0; }
.u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner:after { .u-tree .u-tree-checkbox-checked .u-tree-checkbox-inner:after {
transform: rotate(45deg) scale(1); transform: rotate(45deg) scale(1);
position: absolute; position: absolute;
@ -251,7 +105,7 @@
padding: 0 0 0 18px; } padding: 0 0 0 18px; }
.u-tree li a { .u-tree li a {
display: inline-block; display: inline-block;
padding: 2px 5px; padding: 3px 4px;
border-radius: 2px; border-radius: 2px;
margin: 0; margin: 0;
cursor: pointer; cursor: pointer;
@ -272,9 +126,9 @@
.u-tree li span.u-tree-switcher, .u-tree li span.u-tree-switcher,
.u-tree li span.u-tree-iconEle { .u-tree li span.u-tree-iconEle {
margin: 0; margin: 0;
width: 16px; width: 22px;
height: 16px; height: 22px;
line-height: 16px; line-height: 22px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 0 none; border: 0 none;
@ -320,6 +174,7 @@
position: absolute; position: absolute;
top: 0; top: 0;
right: 0px; right: 0px;
left: 0;
color: #666; color: #666;
transition: transform .3s ease; } transition: transform .3s ease; }
.u-tree .u-tree-child-tree { .u-tree .u-tree-child-tree {
@ -444,7 +299,9 @@
.edit-icon { .edit-icon {
float: right; float: right;
font-size: 14px; } font-size: 16px;
height: 16px;
line-height: 20px; }
.title-con { .title-con {
min-width: 150px; } min-width: 150px; }

2
dist/demo.css.map vendored
View File

File diff suppressed because one or more lines are too long

17316
dist/demo.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored
View File

File diff suppressed because one or more lines are too long

309
package-lock.json generated
View File

File diff suppressed because it is too large Load Diff

25
src/Tree.scss
View File

@ -1,6 +1,6 @@
@import "../node_modules/tinper-bee-core/scss/minxin-variables"; @import "../node_modules/tinper-bee-core/scss/minxin-variables";
@import "../node_modules/tinper-bee-core/scss/minxin-mixins"; @import "../node_modules/tinper-bee-core/scss/minxin-mixins";
@import "../node_modules/bee-checkbox/src/Checkbox"; // @import "../node_modules/bee-checkbox/src/Checkbox";
// $loading: url('./assets/img/tree-loading.gif'); // $loading: url('./assets/img/tree-loading.gif');
$loading:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7'); $loading:url('data:image/gif;base64,R0lGODlhEAAQAKIGAMLY8YSx5HOm4Mjc88/g9Ofw+v///wAAACH/C05FVFNDQVBFMi4wAwEAAAAh+QQFCgAGACwAAAAAEAAQAAADMGi6RbUwGjKIXCAA016PgRBElAVlG/RdLOO0X9nK61W39qvqiwz5Ls/rRqrggsdkAgAh+QQFCgAGACwCAAAABwAFAAADD2hqELAmiFBIYY4MAutdCQAh+QQFCgAGACwGAAAABwAFAAADD1hU1kaDOKMYCGAGEeYFCQAh+QQFCgAGACwKAAIABQAHAAADEFhUZjSkKdZqBQG0IELDQAIAIfkEBQoABgAsCgAGAAUABwAAAxBoVlRKgyjmlAIBqCDCzUoCACH5BAUKAAYALAYACgAHAAUAAAMPaGpFtYYMAgJgLogA610JACH5BAUKAAYALAIACgAHAAUAAAMPCAHWFiI4o1ghZZJB5i0JACH5BAUKAAYALAAABgAFAAcAAAMQCAFmIaEp1motpDQySMNFAgA7');
@ -22,6 +22,7 @@ $treePrefixCls : "u-tree";
line-height: 1; line-height: 1;
position: relative; position: relative;
vertical-align: middle; vertical-align: middle;
height: 16px;
} }
.u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree-checkbox-indeterminate .u-tree-checkbox-inner { .u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
// background-color: $tree-checkbox-color; // background-color: $tree-checkbox-color;
@ -32,21 +33,22 @@ $treePrefixCls : "u-tree";
top: 0; top: 0;
left: 0; left: 0;
display: inline-block; display: inline-block;
width: 14px; width: 16px;
height: 14px; height: 16px;
border: 1px solid $border-color-base; border: 1px solid $border-color-base;
border-radius: 3px; border-radius: 3px;
background-color: #fff; background-color: #fff;
-webkit-transition: all .3s; -webkit-transition: all .3s;
transition: all .3s; transition: all .3s;
box-sizing: border-box;
} }
.u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree-checkbox-indeterminate .u-tree-checkbox-inner { .u-tree-checkbox-checked .u-tree-checkbox-inner, .u-tree-checkbox-indeterminate .u-tree-checkbox-inner {
// background-color: $tree-checkbox-color; // background-color: $tree-checkbox-color;
// border-color: $tree-checkbox-color; // border-color: $tree-checkbox-color;
} }
.u-tree-checkbox-disabled .u-tree-checkbox-inner { .u-tree-checkbox-disabled .u-tree-checkbox-inner {
border-color: $border-color-base; border-color: #dfe1e6;
background-color: #f3f3f3; background-color: #fff;
} }
.u-tree-checkbox-indeterminate .u-tree-checkbox-inner:after { .u-tree-checkbox-indeterminate .u-tree-checkbox-inner:after {
content: ' '; content: ' ';
@ -62,12 +64,12 @@ $treePrefixCls : "u-tree";
.u-tree-checkbox-disabled.u-tree-checkbox-checked .u-tree-checkbox-inner:after { .u-tree-checkbox-disabled.u-tree-checkbox-checked .u-tree-checkbox-inner:after {
-webkit-animation-name: none; -webkit-animation-name: none;
animation-name: none; animation-name: none;
border-color: #ccc; border-color: #c1c7d0;
} }
.u-tree-checkbox-disabled .u-tree-checkbox-inner:after { .u-tree-checkbox-disabled .u-tree-checkbox-inner:after {
-webkit-animation-name: none; -webkit-animation-name: none;
animation-name: none; animation-name: none;
border-color: #f3f3f3; border-color: #c1c7d0;
} }
.u-tree-checkbox-checked .u-tree-checkbox-inner:after { .u-tree-checkbox-checked .u-tree-checkbox-inner:after {
-webkit-transform: rotate(45deg) scale(1); -webkit-transform: rotate(45deg) scale(1);
@ -150,7 +152,7 @@ $treePrefixCls : "u-tree";
} }
li a { li a {
display: inline-block; display: inline-block;
padding: 2px 5px; padding: 3px 4px;
border-radius: 2px; border-radius: 2px;
margin: 0; margin: 0;
cursor: pointer; cursor: pointer;
@ -180,9 +182,9 @@ $treePrefixCls : "u-tree";
li span.u-tree-switcher, li span.u-tree-switcher,
li span.u-tree-iconEle { li span.u-tree-iconEle {
margin: 0; margin: 0;
width: 16px; width: 22px;
height: 16px; height: 22px;
line-height: 16px; line-height: 22px;
display: inline-block; display: inline-block;
vertical-align: middle; vertical-align: middle;
border: 0 none; border: 0 none;
@ -241,6 +243,7 @@ $treePrefixCls : "u-tree";
top: 0; top: 0;
// right: 4px; // right: 4px;
right: 0px; right: 0px;
left: 0;
color: #666; color: #666;
-webkit-transition: -webkit-transform .3s ease; -webkit-transition: -webkit-transform .3s ease;
transition: -webkit-transform .3s ease; transition: -webkit-transform .3s ease;