.vxe-tree { position: relative; color: var(--vxe-ui-font-color); font-family: var(--vxe-ui-font-family); } .vxe-tree.node--trigger .vxe-tree--node-item { cursor: pointer; } .vxe-tree .vxe-tree--node-item.is--current { background-color: var(--vxe-ui-tree-node-current-background-color); } .vxe-tree.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked { background-color: var(--vxe-ui-tree-node-checkbox-checked-background-color); } .vxe-tree.radio--highlight .vxe-tree--node-item.is-radio--checked { background-color: var(--vxe-ui-tree-node-radio-checked-background-color); } .vxe-tree.node--hover .vxe-tree--node-item:hover { background-color: var(--vxe-ui-tree-node-hover-background-color); } .vxe-tree.node--hover .vxe-tree--node-item:hover.is--current { background-color: var(--vxe-ui-tree-node-hover-current-background-color); } .vxe-tree.node--hover.radio--highlight .vxe-tree--node-item.is-radio--checked:hover { background-color: var(--vxe-ui-tree-node-hover-radio-checked-background-color); } .vxe-tree.node--hover.checkbox--highlight .vxe-tree--node-item.is-checkbox--checked:hover { background-color: var(--vxe-ui-tree-node-hover-checkbox-checked-background-color); } .vxe-tree.show--line .vxe-tree--node-child-line { position: absolute; top: 0; left: 0; height: calc(100% - 0.7em); transform: translateX(-0.6em); border-left-width: var(--vxe-ui-tree-node-line-width); border-left-style: var(--vxe-ui-tree-node-line-style); border-left-color: var(--vxe-ui-tree-node-line-color); pointer-events: none; z-index: 5; } .vxe-tree--node-line-wrapper { position: relative; display: block; height: 0; } .vxe-tree--node-line { position: absolute; bottom: calc(var(--vxe-ui-tree-node-height) / 2 * -1); left: 0.6em; width: 0.6em; border-width: 0 0 var(--vxe-ui-tree-node-line-width) var(--vxe-ui-tree-node-line-width); border-style: var(--vxe-ui-tree-node-line-style); border-color: var(--vxe-ui-tree-node-line-color); pointer-events: none; } .vxe-tree--node-list-wrapper { overflow-y: auto; overflow-x: hidden; } .vxe-tree--node-child-wrapper { position: relative; } .vxe-tree--node-item { display: flex; flex-direction: row; height: var(--vxe-ui-tree-node-height); line-height: var(--vxe-ui-tree-node-height); } .vxe-tree--node-item-switcher { position: relative; width: 1.4em; flex-shrink: 0; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-tree--node-item-icon { position: absolute; display: inline-flex; top: 50%; left: 50%; transform: translate(-50%, -50%); cursor: pointer; text-align: center; z-index: 7; } .vxe-tree--node-item-icon > i { display: inline-flex; transition: all 0.2s ease-in-out; } .vxe-tree--node-item-inner { display: flex; flex-direction: row; flex-grow: 1; overflow: hidden; } .vxe-tree--node-item-inner .vxe-tree--node-item-title { flex-grow: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; } .vxe-tree--node-item-inner .vxe-tree--node-item-extra { flex-shrink: 0; } .vxe-tree--checkbox-option { padding-right: 0.4em; } .vxe-tree--checkbox-option .vxe-checkbox--icon { font-size: 1.22em; } .vxe-tree--checkbox-option .vxe-checkbox--icon { color: var(--vxe-ui-input-border-color); vertical-align: middle; font-weight: 700; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-tree--checkbox-option.is--checked, .vxe-tree--checkbox-option.is--indeterminate { color: var(--vxe-ui-font-primary-color); } .vxe-tree--checkbox-option.is--checked .vxe-checkbox--icon, .vxe-tree--checkbox-option.is--indeterminate .vxe-checkbox--icon { color: var(--vxe-ui-font-primary-color); } .vxe-tree--checkbox-option:not(.is--disabled) { cursor: pointer; } .vxe-tree--checkbox-option:not(.is--disabled):hover .vxe-checkbox--icon { color: var(--vxe-ui-font-primary-color); } .vxe-tree--checkbox-option.is--hidden { cursor: default; } .vxe-tree--checkbox-option.is--disabled { color: var(--vxe-ui-font-disabled-color); cursor: not-allowed; } .vxe-tree--checkbox-option.is--disabled .vxe-checkbox--icon { color: var(--vxe-ui-input-disabled-color); } .vxe-tree--checkbox-option .vxe-checkbox--label { padding-left: 0.5em; vertical-align: middle; } .vxe-tree--radio-option { padding-right: 0.4em; cursor: pointer; } .vxe-tree--radio-option .vxe-radio--icon { font-size: 1.26em; } .vxe-tree--radio-option .vxe-radio--icon { color: var(--vxe-ui-input-border-color); border-radius: 50%; vertical-align: middle; font-weight: 700; -webkit-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; } .vxe-tree--radio-option.is--checked { color: var(--vxe-ui-font-primary-color); } .vxe-tree--radio-option.is--checked .vxe-radio--icon { color: var(--vxe-ui-font-primary-color); } .vxe-tree--radio-option:not(.is--disabled) { cursor: pointer; } .vxe-tree--radio-option:not(.is--disabled):hover .vxe-radio--icon { color: var(--vxe-ui-font-primary-color); } .vxe-tree--radio-option.is--disabled { color: var(--vxe-ui-font-disabled-color); cursor: not-allowed; } .vxe-tree--radio-option.is--disabled .vxe-radio--icon { color: var(--vxe-ui-input-disabled-color); } .vxe-tree--radio-option .vxe-radio--label { padding-left: 0.5em; vertical-align: middle; } .vxe-tree--empty-placeholder { padding: 1.4em 0.6em 0 0.6em; text-align: center; color: var(--vxe-ui-input-placeholder-color); } .vxe-tree--y-space { width: 0; float: left; } .vxe-tree { font-size: var(--vxe-ui-font-size-default); } .vxe-tree.size--medium { font-size: var(--vxe-ui-font-size-medium); } .vxe-tree.size--small { font-size: var(--vxe-ui-font-size-small); } .vxe-tree.size--mini { font-size: var(--vxe-ui-font-size-mini); }