@import "../default-skin.less";
@import "../../global/mixin.less";

// 树组件
.c_tree { 
	padding:0 0 0 0.7em; position:relative; // 树组件不能设置 overflow:hidden，因为数据需要扩展可见
	ul { position:relative; clear:both;}
	> ul { margin-left:-0.5em;}
	ul li { position:relative; height:auto; white-space:nowrap;}
	ul li:before { content:""; width:0.5+0.5*@gap; height:0.5+@gap; border-left:1px @fg-light-8 solid; border-bottom:1px @fg-light-8 solid; position:absolute; left:-(1+0.5*@gap)+0.5; top:-0.5*@gap; .x_bs;}
	> ul > li:before { border:none;}
	ul li:after { content:""; width:1px; height:auto; position:absolute; top:-0.5*@gap; bottom:0; left:-(1+0.5*@gap)+0.5; background:@fg-light-8;}
	> ul > li:after { display:none;}
	ul li:last-child:after { display:none;}
	ul li .ico { box-sizing:border-box; border-radius:0.5em; cursor:default; width:2em; height:2em; line-height:1.9em; box-sizing:border-box; background:@bg; color:@primary; border:2px solid @primary; text-align:center; z-index:12; position:relative; display:inline-block; vertical-align:top; top:0.5*@gap; margin-left:-0.5*@gap; left:0.5*@gap; margin-right:-0.5*@gap; transform:scale(0.5); transform-origin:left top;}
	ul li .ico:after { font-family:"ico"; content:"\e003"; position:relative; top:-1px;}
	ul li .text { cursor:pointer; width:auto; white-space:nowrap; line-height:1+0.5*@gap; padding:0.25*@gap; display:inline-block; vertical-align:middle; margin-left:-0.2*@gap;}
	ul li .text [class*="e_ico"] { vertical-align:top; margin-top:0.25*@gap; margin-right:0.25*@gap;}
	ul li .text [class*="e_ico"]:after { vertical-align:top;}
	ul li .text:hover { color:@warning;}
	ul li .checkbox { display:inline-block; vertical-align:top; overflow:hidden;}
	ul li .checkbox input { vertical-align:top; margin-top:0.5*@gap;}
	ul li ul { padding-left:1+0.5*@gap;}
	ul li.unfold {
		>.ico:after { font-family:"ico"; content:"\e069";}
	}
	ul li.fold ul { display:none;}
	ul li.leaf {
		&:before { width:0.5+0.5*@gap+1+0.25*@gap;}
		>.ico { visibility:hidden;}
	}
	ul li.on {
		> .text { color:@primary;}
		> .text [class*="e_ico"] { color:@bg !important;}
	}
	> span.e_ico-loading {
		 width:1em; height:1em; display:block; margin:auto; position:absolute; top:0; left:0; right:0; bottom:0;
	}
	&-border { border:1px solid @fg-light-8-5;}
}



// 菜单模式
.c_tree-menu {
	> ul { margin-top:0;}
	ul li { overflow:hidden;}
	ul li:before,
	ul li:after { display:none;}
	ul li .text { display:block; overflow:hidden;}
	ul li .ico { background:none; color:@fg-light-7; float:left; border:0 none;}
	ul li .ico:after { content:"\e05a";}
	ul li.unfold {
		>.ico:after { content:"\e081";}
	}
	ul li.on > .text { background:none; color:@success;}
}



// 菜单模式 - 级别差异
.c_tree-menu-diffLevel {
	> ul > li > .ico { top:0.5*1.1667*@gap;}
	> ul > li > .text { font-size:116.67%;}
	ul li.leaf {
		color:@fg-light-5; margin-left:1.5*@gap;
		.text { position:relative; padding-left:0.5*@gap; margin:0;}
		.text:before { content:""; width:1px; background:@fg-light-7; position:absolute; left:0; top:0.5*@gap; bottom:0; display:block; height:1em;}
		> .ico { display:none;}
	}
}