.yh-table .yh-table-container {
  display: flex;
  flex-direction: column;
  height: 100%;

  /* #region 默认对齐：居中 */
  .el-table .el-table__cell,
  .el-table .el-table__cell.is-center {
    text-align: center;
  }
  .el-table .el-table__cell.is-left {
    text-align: left;
  }
  .el-table .el-table__cell.is-right {
    text-align: right;
  }
  .el-overlay-dialog {
    overflow: hidden;
  }
  /* #endregion 默认对齐：居中 */

  .item-actions {
    & :deep(.ElButton) {
      margin: 0;
    }

    & :deep(.ElButton.action-delete) {
      color: var(--red);
    }

    & :deep(.ElButton.action-delete):not(.is-disabled):hover {
      color: var(--redActive);
    }
  }

  .actions-more {
    & :deep(.ElDropdownMenu__item) {
      color: var(--cusColor);
    }

    & :deep(.ElDropdownMenu__item):not(.is-disabled):focus {
      color: var(--cusColorActive);
    }

    & :deep(.ElDropdownMenu__item.action-delete) {
      color: var(--red);
    }

    & :deep(.ElDropdownMenu__item.action-delete):not(.is-disabled):focus {
      color: var(--redActive);
      background-color: var(--redBg);
    }
  }

  .item-actions {
    display: flex;
    align-items: center;
    justify-content: center;
  }

  .page {
    padding: 10px 0;
    display: flex;
    justify-content: flex-end;
  }

  .search-form {
    display: flex;
    flex-wrap: wrap;
  }

  .search-buttons {
    flex-wrap: nowrap;
    padding: 0 0 18px 0;
    margin-right: 12px;
  }

  .actions-bar {
    display: flex;
    justify-content: flex-end;
    margin-bottom: 10px;

    > * {
      margin-left: 10px;
    }
  }
}

.yh-table .table {
  min-height: 40px;

  & > .setting {
    position: relative;
    .setting-button {
      opacity: 0;
      transition: opacity 0.3s;
      position: absolute;
      right: 5px;
      top: 5px;
      z-index: 10;
    }
    .setting-popover {
      opacity: 0;
      transition: opacity 0.3s;
    }
    &.popover-visible .setting-button {
      opacity: 0.7;
    }
  }
  &:hover .setting-button {
    opacity: 0.7;
  }
}

.yh-table-setting-tree {
  max-height: 50vh;
  overflow-y: auto;

  .el-tree-node__content {
    cursor: move;
  }

  .el-icon.el-tree-node__expand-icon {
    display: none;
  }

  .yh-drag {
    cursor: grab;
    display: flex;
    align-items: center;

    &.disabled {
      cursor: not-allowed;
    }

    & > * {
      margin-left: 10px;
    }
  }

  .yh-check {
    cursor: pointer;
  }
}