@aplus-frontend/ui/theme/ag-grid/index.less

@import '../mixins/mixins.less';
@import '../mixins/config.less';
@import './custom-header.less';
@import '../ap-form/index.less';
@import '../ap-field/index.less';
@import '../ap-action/item.less';
@import '../ap-action/item-dropdown.less';
@import './editable.less';

@aggrid: ~'@{ns}-ag-grid-grid-wrapper';
@pg: ~'@{ns}-ag-grid-pagination-wrapper';

.b(ag-grid, {
  .reset-scrollbar();
  &-adaptive {
    height: 100%;
    display: flex;
    flex-direction: column;
    .@{aggrid} {
      min-height: 0;
      flex: 1;
      position: relative;
    }
  }
  &-wrapper {
    padding: @spacing;
    padding-bottom: @spacing-lg;
    // 如果渲染了分页器，则取消容器的底部边距，防止双重边距
    &:has(ul.ant-pagination) {
      padding-bottom: 0;
    }
    background-color: #fff;
  }
  &-sticky > &__table-wrapper-card {
    padding-bottom: 0;
  }
  &__search-wrapper {
    padding: @spacing;
    padding-bottom: 0;
    background-color: #fff;
    border-radius: @border-radius;
    margin-bottom: 10px;
  }
  &__table-wrapper {
    flex: 1;
    min-height: 0;
    max-height: 100%;
    width: 100%;
    display: flex;
    flex-direction: column;
  }
  &__table-wrapper-card {
    padding: @spacing;
    padding-bottom: @spacing-lg;
    &:has(ul.ant-pagination) {
      padding-bottom: 0;
    }
    border-radius: @border-radius;
    background-color: #fff;
  }
  &-pagination {
    margin-block: @spacing;
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    row-gap: 8px;
    .ant-pagination-total-text {
      flex: 1;
      height: unset;
      line-height: @line-height-base;
      display: flex;
      align-items: center;
    }
  }
  &__table-loading-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    z-index: 2;
    display: flex;
    justify-content: center;
    align-items: center;
    background-color: var(--vxe-ui-loading-background-color);
  }
  &-pagination-count-text {
    color: var(--ap-text-color-2);
  }
  &-pagination--total-right {
    padding-left: 12px;
  }
  &-pagination-total-wrapper {
    color: var(--ap-text-color-1);
  }
  // ApGrid中表格表头的样式
  &-table-header {
    &__title {
      display: -webkit-inline-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: normal;
      max-width: 100%;
      vertical-align: middle;
      word-break: break-all;
      flex: 1;
      &--single {
        flex: unset;
      }
    }
  }
  &__cell--left {
    text-align: left;
  }
  &__cell--center {
    text-align: center;
  }
  &__cell--right {
    text-align: right;
  }
  &__cell--multiline {
    .ag-cell-value {
      display: -webkit-box;
      -webkit-box-orient: vertical;
      -webkit-line-clamp: var(--ag-grid-line-clamp);
      word-break: break-all;
    }
  }
  &-size-mini {
    .ag-cell {
      line-height: @line-height-base;
      padding-block: 6px;
      width: 100%;
      display: flex;
      align-items: center;
      & > div {
        width: 100%;
      }
    }
  }
  &-size-medium {
    .ag-cell {
      line-height: @line-height-base;
      padding-block: 9px;
      display: flex;
      align-items: center;
      & > div {
        width: 100%;
      }
    }
  }
  &__tooltip {
    font-size: @font-size-base;
    max-width: 300px;
    word-break: break-all;
    background-color: #fff;
    padding: 6px 8px;
    border-radius: 4px;
    box-shadow: 0 6px 16px 0 rgba(0, 0, 0, 0.08),0 3px 6px -4px rgba(0, 0, 0, 0.12),0 9px 28px 8px rgba(0, 0, 0, 0.05);
  }
  .ag-unselectable {
    user-select: text;
    -webkit-user-select: text;
  }
  .ag-checkbox.ag-labeled[disabled] .ag-input-field-input[disabled] {
    cursor: not-allowed;
  }
});