@import (css) '~ag-grid-community/styles/ag-grid.css';
@import (css) '~ag-grid-community/styles/ag-theme-material.css';
@import '../../../style/themes/index';
@import '../../../style/mixins/index';

@table-prefix-cls: ~'@{fc-prefix}-table';
/** Table */
@table-font-weight-base: 400;
@table-font-weight-font: 600;
@table-font-weight-icon: 700;
@table-font-icon-size: @font-size-base + 2px;
@table-left-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
@table-top-shadow: 0px -4px 6px 0px rgba(224, 225, 233, 0.6);
@table-no-padding: 0 0;
@table-font-family: Microsoft YaHei;
@table-pagination-margin: 1.25 * @unit;

.@{table-prefix-cls} {
  &-header {
    .ant-form-item-label [title] {
      pointer-events: none;
    }
  }
  &-operation {
    &-item {
      overflow: hidden;
      text-overflow: ellipsis;
      white-space: nowrap;
      cursor: pointer;

      &-icon {
        margin-right: 2 * @unit;
      }

      .ag-cell-value > span {
        display: flex;
      }
    }
  }

  .ag-theme-material .ag-tooltip {
    background-color: @black;
    color: @white;
  }

  &-all {
    flex-grow: 1;

    &-aggrid {
      width: calc(100% - 48px);
      margin-left: 24px;
      min-height: 200px;

      &-operate {
        overflow: hidden;
        margin-right: 2 * @unit;
        cursor: pointer;

        &:last-child {
          margin-right: 0;
        }
      }

      &-html {
        float: left;

        .iconfont {
          margin-right: 2 * @unit;
          cursor: pointer;
        }
      }

      &-ellispsis {
        display: @black-8 !important;

        .ag-cell {
          height: 100%;
        }

        .ag-cell-wrapper {
          width: 100%;

          a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: @primary-6;
          }
        }
      }
    }

    .ag-pinned-right-cols-container {
      margin-right: 0 !important;
    }

    .ant-select-selection__rendered {
      width: 100%;
    }

    .ag-row-selected::before {
      background-color: @primary-1;
    }

    .ag-row-hover {
      background-color: @primary-1;
      --ag-checkbox-unchecked-color: @blue-6;
    }

    .ag-header-active {
      --ag-checkbox-unchecked-color: @blue-6;
    }

    .ag-checkbox {
      background-color: white;
    }

    .ag-checkbox .ag-input-wrapper {
      margin-top: -1px;
    }

    .ag-theme-material {
      --ag-checkbox-unchecked-color: #e5e6eb;
      --ag-icon-size: @font-size-base;
      --ag-checkbox-checked-color: @primary-6;
      --ag-row-hover-color: @blue-1;
      --ag-selected-row-background-color: @blue-1;
      --ag-border-color: @black-3;
    }

    .ag-checkbox-input-wrapper:focus-within,
    .ag-checkbox-input-wrapper:active {
      box-shadow: none;
    }

    // .fc-table-all .ag-checkbox-input-wrapper{
    //   background-color: @primary-6;
    // }

    .ag-theme-material .ag-icon-checkbox-checked {
      color: @primary-6 !important;
    }

    .ag-theme-material .ag-icon-checkbox-checked,
    .ag-theme-material .ag-icon-checkbox-unchecked {
      font-size: @font-size-base;
    }

    .ag-cell-first-right-pinned {
      padding-left: 0 @padding-md;
      padding-right: 0;
    }

    .ag-cell-value {
      font-size: @font-size-base;
      color: @black-8;
      font-weight: 400;
    }

    .ag-ltr {
      .ag-header {
        background-color: @black-2 !important;
        font-size: @font-size-base !important;
        font-style: normal !important;
        font-weight: @table-font-weight-font !important;
        font-family: @table-font-family !important;
        color: @black-10 !important;
      }
    }

    .ag-header-cell-text {
      font-size: @font-size-base;
      font-weight: @table-font-weight-font;
      color: @black-10;
    }

    .ag-header-cell {
      padding-left: 12px;
      padding-right: 12px;
    }

    .ag-cell {
      padding-left: 12px;
      padding-right: 12px;
    }

    .ag-header-row {
      background-color: @black-2;
      font-size: @font-size-base;
      font-style: normal;
      font-weight: @table-font-weight-font;
      font-family: @table-font-family;
      color: @black-10;
    }

    .ag-cell-focus {
      border-color: transparent !important;

      &.ag-cell-first-right-pinned {
        border-left-color: #e2e2e2 !important; // todo： 这个颜色是ag-grid内部的边框样式
      }
    }

    .ag-center-cols-container {
      margin-right: 0 !important;
    }

    .ag-icon {
      position: relative;
      left: -6px;
      top: -7px;
    }

    .ag-icon-asc,
    .ag-icon-desc,
    .ag-icon-none {
      font-family: 'iconfont' !important;
      font-size: @table-font-icon-size;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;

      &::before {
        content: '\ce7df';
        font-size: @font1;
        position: absolute;
        top: -2px;
        left: -2px;
        color: @black-6;
      }

      &::after {
        content: '\ce7e1';
        font-size: @font1;
        position: absolute;
        top: 4px;
        left: -2px;
        color: @black-6;
      }
    }

    .ag-icon-asc::before {
      color: @black-8;
      font-weight: @table-font-weight-icon;
    }

    .ag-icon-desc::after {
      color: @black-8;
      font-weight: @table-font-weight-icon;
    }

    .ag-theme-alpine .ag-body-viewport {
      overflow: auto;
      box-shadow: @table-left-shadow;
      /* 这里设置阴影效果 */
    }
  }

  &-all {
    flex-grow: 1;

    &-aggrid {
      width: calc(100% - 48px);
      margin-left: 24px;
      min-height: 200px;
      &-operate {
        overflow: hidden;
        margin-right: 2 * @unit;
        cursor: pointer;

        &:last-child {
          margin-right: 0;
        }
      }

      &-html {
        float: left;

        .iconfont {
          margin-right: 2 * @unit;
          cursor: pointer;
        }
      }

      &-ellispsis {
        display: @black-8 !important;

        .ag-cell {
          height: 100%;
        }

        .ag-cell-wrapper {
          width: 100%;

          a {
            white-space: nowrap;
            overflow: hidden;
            text-overflow: ellipsis;
            color: @primary-6;
          }
        }
      }
    }

    .ag-pinned-right-cols-container {
      margin-right: 0 !important;
    }

    .ant-select-selection__rendered {
      width: 100%;
    }

    .ag-row-selected::before {
      background-color: @primary-1;
    }

    .ag-row-hover {
      background-color: @primary-1;
      --ag-checkbox-unchecked-color: @blue-6;
    }

    .ag-header-active {
      --ag-checkbox-unchecked-color: @blue-6;
    }

    .ag-checkbox {
      background-color: white;
    }

    .ag-checkbox .ag-input-wrapper {
      margin-top: -1px;
    }

    .ag-theme-material {
      --ag-checkbox-unchecked-color: #e5e6eb;
      --ag-icon-size: @font-size-base;
      --ag-checkbox-checked-color: @primary-6;
      --ag-row-hover-color: @blue-1;
      --ag-selected-row-background-color: @blue-1;
      --ag-border-color: @black-3;
    }

    .ag-checkbox-input-wrapper:focus-within,
    .ag-checkbox-input-wrapper:active {
      box-shadow: none;
    }

    // .fc-table-all .ag-checkbox-input-wrapper{
    //   background-color: @primary-6;
    // }

    .ag-theme-material .ag-icon-checkbox-checked {
      color: @primary-6 !important;
    }

    .ag-theme-material .ag-icon-checkbox-checked,
    .ag-theme-material .ag-icon-checkbox-unchecked {
      font-size: @font-size-base;
    }

    .ag-cell-first-right-pinned {
      padding-left: 0 @padding-md;
      padding-right: 0;
    }

    .ag-cell-value {
      font-size: @font-size-base;
      color: @black-8;
      font-weight: 400;
    }

    .ag-ltr {
      .ag-header {
        background-color: @black-2 !important;
        font-size: @font-size-base !important;
        font-style: normal !important;
        font-weight: @table-font-weight-font !important;
        font-family: @table-font-family !important;
        color: @black-10 !important;
      }
    }

    .ag-header-cell-text {
      font-size: @font-size-base;
      font-weight: @table-font-weight-font;
      color: @black-10;
    }

    .ag-header-cell {
      padding-left: 12px;
      padding-right: 12px;
    }

    .ag-cell {
      padding-left: 12px;
      padding-right: 12px;
    }

    .ag-header-row {
      background-color: @black-2;
      font-size: @font-size-base;
      font-style: normal;
      font-weight: @table-font-weight-font;
      font-family: @table-font-family;
      color: @black-10;
    }

    .ag-cell-focus {
      border-color: transparent !important;

      &.ag-cell-first-right-pinned {
        border-left-color: #e2e2e2 !important; // todo： 这个颜色是ag-grid内部的边框样式
      }
    }

    .ag-center-cols-container {
      margin-right: 0 !important;
    }

    .ag-icon {
      position: relative;
      left: -6px;
      top: -7px;
    }

    .ag-icon-asc,
    .ag-icon-desc,
    .ag-icon-none {
      font-family: 'iconfont' !important;
      font-size: @table-font-icon-size;
      font-style: normal;
      -webkit-font-smoothing: antialiased;
      -moz-osx-font-smoothing: grayscale;

      &::before {
        content: '\ce7df';
        font-size: @font1;
        position: absolute;
        top: -2px;
        left: -2px;
        color: @black-6;
      }

      &::after {
        content: '\ce7e1';
        font-size: @font1;
        position: absolute;
        top: 4px;
        left: -2px;
        color: @black-6;
      }
    }

    .ag-icon-asc::before {
      color: @black-8;
      font-weight: @table-font-weight-icon;
    }

    .ag-icon-desc::after {
      color: @black-8;
      font-weight: @table-font-weight-icon;
    }

    .ag-theme-alpine .ag-body-viewport {
      overflow: auto;
      box-shadow: @table-left-shadow;
      /* 这里设置阴影效果 */
    }
  }

  .expandTop {
    padding-top: 2 * @unit;
  }

  .halfExpandTop {
    padding-top: @unit;
  }

  .ag-body-horizontal-scroll::-webkit-scrollbar {
    width: 0.75 * @unit;
    height: 0.75 * @unit;
  }

  .ag-body-horizontal-scroll::-webkit-scrollbar-track {
    background-color: @white;
  }

  .ag-body-horizontal-scroll::-webkit-scrollbar-thumb {
    width: 0.625 * @unit;
    border-radius: @border-radius-lg * 2.5;
  }

  .ag-body-horizontal-scroll::-webkit-scrollbar {
    width: 1.5 * @unit;
    height: 1.5 * @unit;
  }

  .ag-body-horizontal-scroll::-webkit-scrollbar-track {
    background: @white;
  }

  .ag-body-horizontal-scroll::-webkit-scrollbar-thumb {
    background: #ddd;
    visibility: hidden;
  }

  .ag-body-horizontal-scroll:hover::-webkit-scrollbar-thumb {
    visibility: visible;
  }

  // 水平滚动条
  .ag-body-horizontal-scroll-viewport,
  .ag-body-horizontal-scroll-container {
    height: 0.75 * @unit !important;
    max-height: 0.75 * @unit !important;
    min-height: 0.75 * @unit !important;
  }

  // 垂直滚动条
  // .ag-body-vertical-scroll-viewport,
  // .ag-body-vertical-scroll-container {
  //   height: 0.5 * @unit !important;
  //   max-height: 0.5 * @unit !important;
  //   min-height: 0.5 * @unit !important;
  // }

  .agGridEmpty {
    display: inline-block;
    width: 30 * @unit;
    height: 30 * @unit;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -15 * @unit;
    margin-top: -12.5 * @unit; //table的head 高度为40px
    text-align: center;

    .agGridEmpty-text {
      position: absolute;
      top: 164px;
      left: 0;
      font-size: @font4;
      width: 100%;
      text-align: center;
      line-height: @line-height-base;
      color: @black-8;
      font-weight: 400;
    }
  }

  .agGridLoading {
    display: inline-block;
    width: 4 * @unit;
    height: 4 * @unit;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -2 * @unit;
    margin-top: -2 * @unit;
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    /* 设置背景图像的大小和位置，根据需要调整 */
    background-size: cover;
    background-position: center;
    /* 使用 transform 属性进行旋转，这里是 45 度 */
    animation: rotate 0.5s infinite linear;
  }

  @keyframes rotate {
    from {
      transform: rotate(0deg);
    }

    to {
      transform: rotate(360deg);
    }
  }

  .ag-row-selected-row {
    background-color: @blue-1;
  }

  .ag-cell,
  .ag-full-width-row .ag-cell-wrapper.ag-row-group {
    border: none !important; //22087 [组件库] 数据列表点击数据后，内容会出现抖动
  }

  .ant-checkbox-inner {
    border: 1px solid @black-3;

    width: 14px;
    height: 14px;
  }

  .ant-checkbox-wrapper {
    color: @black-6;
  }

  .ant-checkbox-checked .ant-checkbox-inner {
    border-color: @blue-6;
  }

  .fc-table-all-pagination-bottom-buttons-checked .ant-checkbox-checked .ant-checkbox-inner {
    border-color: @blue-6;
  }

  .ag-pinned-right-header {
    border-left: none;
  }

  .ag-cell.ag-cell-first-right-pinned:not(.ag-cell-range-left):not(.ag-cell-range-single-cell) {
    border-left: none;
  }

  .ant-checkbox-wrapper:hover .ant-checkbox-inner,
  .ant-checkbox:hover .ant-checkbox-inner,
  .ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: @black-3;
  }

  .ant-pagination-disabled {
    .ant-pagination-item-link {
      background-color: @black-1 !important;
      border-color: @black-3 !important;
    }

    svg {
      color: @black-4 !important;
    }
  }

  // .ant-checkbox-input + .ant-checkbox-inner{
  //   border-color: @black-3;
  // }

  .ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: @black-3;
  }

  .ant-checkbox-wrapper:hover .ant-checkbox-inner {
    border-color: @blue-6;
  }

  .ant-checkbox-checked .ant-checkbox-input:focus + .ant-checkbox-inner {
    border-color: @blue-6;
  }

  .ant-checkbox-inner::after {
    left: 14%;
  }

  .ag-root.ag-layout-normal {
    border-radius: 2px;
  }

  .checkboxColumn {
    padding-left: 16px;
    padding-right: 4px;
  }

  .ag-checkbox-input-wrapper::after {
    content: none;
  }

  .ag-checkbox-input-wrapper {
    // font-family: "iconfont";
    border: 1px solid @black-3;
  }

  .ag-checkbox-input-wrapper.ag-checked::after {
    content: var(--ag-icon-font-code-checkbox-unchecked, '\f106');
  }

  .ag-checked,
  .ag-indeterminate {
    font-family: var(--ag-icon-font-family);
    border: none;
  }

  .ag-checkbox-input-wrapper.ag-indeterminate::after {
    content: var(--ag-icon-font-code-checkbox-unchecked, '\f107');
  }

  .ag-indeterminate {
    font-family: 'iconfont';
    border: 1px solid @black-3;
  }

  .ag-checkbox-input-wrapper.ag-indeterminate::after {
    content: var(--ag-icon-font-code-checkbox-unchecked, '\ce99d');
    color: @blue-6;
    left: 2px;
    top: -1px;
    font-size: 8px;
  }

  .fc-upload {
    width: auto;
  }
}