@import (reference) "../theme/variables/antdVariables.less";
@transfer-prefix-cls: ~"@{ant-prefix}-transfer";
@transfer-btn-prefix-cls: ~"@{ant-prefix}-btn";
@transfer-icon-prefix-cls: ~"@{ant-prefix}icon";
@transfer-lazyLoad-prefix-cls: ~"LazyLoad";

.ued-transfer-wrap {
  background-color: #fff;
  &-table-hideBorder {
    td {
      border: 0 !important;
    }
  }

  &-search-table {
    padding: 0 @padding-sm;
  }

  &-table-border:not(.ued-transfer-wrap-search-table) {
    padding: @padding-sm @padding-sm 0 @padding-sm;
  }

  &-table {
    .@{ant-prefix}-table-pagination {
      .@{ant-prefix}-pagination-options {
        margin-right: 2px;
        & > .@{ant-prefix}-select-sm {
          width: auto;
          & > .@{ant-prefix}-select-selector {
            height: 24px;
            .@{ant-prefix}-select-selection-item,
            .@{ant-prefix}-select-selection-search-input {
              line-height: 22px;
            }
          }
        }
        .@{ant-prefix}-pagination-options-quick-jumper {
          input {
            height: 24px;
          }
        }
      }
    }
    &:not(.ued-transfer-wrap-table-hideBorder) {
      .@{ant-prefix}-table {
        .@{ant-prefix}-table-cell {
          padding: 0 8px !important;
        }
      }
    }
    .@{ant-prefix}-table-header .@{ant-prefix}-table-thead > tr > th {
      &:not(:last-child):not(.@{ant-prefix}-table-selection-column):not(
          .@{ant-prefix}-table-row-expand-icon-cell
        ):not([colspan])::before {
        height: 1em;
      }
    }
  }

  &-small {
    .@{ant-prefix}-tree-switcher,
    .@{transfer-prefix-cls}-list-content-item {
      line-height: 32px;
    }

    .@{ant-prefix}-tree-treenode {
      flex-direction: row;
      justify-content: flex-start;
      align-items: center !important;
      line-height: 32px;
    }

    .@{ant-prefix}-table-cell {
      padding: 0 !important;
      // line-height: 32px; // 处理穿梭框表格且有子项模式下，展开收起样式错误
    }
  }

  &-large {
    .@{ant-prefix}-tree-switcher,
    .@{transfer-prefix-cls}-list-content-item {
      line-height: 40px;
    }

    .@{ant-prefix}-tree-treenode {
      flex-direction: row;
      justify-content: flex-start;
      align-items: center !important;
      line-height: 40px;
    }

    .@{ant-prefix}-table-cell {
      padding: 0 !important;
      line-height: 40px;
    }
  }

  &.@{transfer-prefix-cls} {
    .@{transfer-prefix-cls}-list-body-search-wrapper {
      padding: @padding-sm;
    }
  }

  .@{transfer-prefix-cls} {
    &-list {
      min-width: 1px;
      &-body {
        overflow-y: auto !important;

        &::-webkit-scrollbar {
          width: 0;
          height: 0;
        }

        &::-webkit-scrollbar-track {
          background: transparent;
          border-radius: 2px;
        }

        .@{ant-prefix}-table-body {
          &::-webkit-scrollbar {
            width: 0;
            height: 0;
          }

          &::-webkit-scrollbar-track {
            background: transparent;
            border-radius: 2px;
          }
        }
      }

      &-header {
        display: flex;
        height: @padding-xxs * 10;
        padding: @padding-xxs @padding-sm;
        border: none;
        box-shadow: 0 -1px 0 @border-color-base inset;

        &-selected {
          display: flex;
          flex: 1 1 auto;
          align-items: center;
          justify-content: space-between;
          height: 100%;
          overflow: hidden;
        }

        &-selected span:not(&-title) {
          flex: 0 0 auto;
        }

        &-title {
          position: static;
          flex: 1 1 auto;
          margin-left: @padding-sm;
          text-align: right;

          .TEXT_ELLIPSIS();
        }
      }

      &-content {
        &-item {
          padding: 0 @padding-sm;
        }

        .@{transfer-lazyLoad-prefix-cls} {
          animation: none;
        }
      }

      &-search {
        height: @padding-md * 2;

        &-action {
          top: 50%;
          bottom: auto;
          transform: translateY(-50%);
        }
      }

      &-body-with-search {
        padding-top: 0 !important;
      }
    }

    &-operation {
      .@{transfer-btn-prefix-cls}-icon-only {
        display: flex;
        align-items: center;
        justify-content: center;

        .@{transfer-icon-prefix-cls} {
          display: inline-flex;
        }
      }
    }
  }
  .@{ant-prefix}-table {
    &-tbody > tr.@{ant-prefix}-table-row-selected > td {
      background: @dropdown-selected-bg;
    }

    &-tbody
      > tr.@{ant-prefix}-table-row:hover:not(
        &-tbody > tr.@{ant-prefix}-table-row-selected
      )
      > td {
      background: @dropdown-hover-bg;
    }
  }
}