

.fileTree {
  height: 100%;
  overflow: hidden;
}
.treeContainer {
  height:calc(100% - 100px);
  overflow-y: scroll;
}

.searchBar {
  display: flex;
  flex-direction: row;
  margin-bottom: 18px;
  .add {
    display: flex;
    justify-content: center;
    align-items: center;
    width: 32px;
    height: 32px;
    background: #FFFFFF;
    border-radius: 4px;
    margin-right: 6px;
    cursor: pointer;
    border: 1px solid #DADEE6;
  }
  .inputArea {
    border-radius: 4px;
  }
}

.spinWrap {
  display: flex;
  width: 100%;
  padding-top: 200px;
  justify-content: center;
  align-items: center;
}

.action {
    display: flex;
    width:60px;
    flex-direction: row;
    justify-content: center;
    align-items: center;
    margin-right: 5px;
}

.treeNode {
    display: flex;
    width: 100%;
    height:32px;
    flex-direction: row;
    justify-content: flex-start;
    align-items: center;
    cursor: pointer;
    padding: 0 16px;
    padding-right: 0;
    border-radius: 4px;
    .treeNodeInner {
      width: 88%;
      overflow:hidden; //超出的文本隐藏
      text-overflow:ellipsis; //溢出用省略号显示
      white-space:nowrap; //溢出不换行
    }
    &.actived {
      color: @primary-color;
      background-color:rgba(0, 82, 142,0.3);
    }
}
