@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: ~'@{sail-prefix}-table';
/** Table */
@table-font-weight-base: 400;
@table-font-weight-font: 500;
@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-font-family: PingFang SC;
@table-no-padding: 0 0;
@table-pagination-margin: 1.25 * @unit;

.@{table-prefix-cls} {
  /** 样式写在这里面 */
  overflow: auto;
  height: 100%;
  min-width: 82 * @unit;
  display: flex;
  flex-direction: column;
  &-header {
    overflow: auto;
    &-buttons {
      overflow: auto;
      margin-bottom: 2 * @unit;
      &-leftbtn {
        float: left;
        padding: @table-no-padding;
        &-button {
          margin-right: 1.5 * @unit;
        }
      }
      &-rightbtn {
        float: right;
        padding: @table-no-padding;
        &-button {
          margin-left: 1.5 * @unit;
        }
      }
    }
    &-filter {
      width: 100%;
      display: flex;
      &-form {
        height: 4 * @unit;
        overflow: hidden;
        float: left;
        flex-grow: 1;
        margin-bottom: 2 * @unit;
        &-item {
          width: calc(25% - @padding-md);
        }
      }
      &-expand {
        float: right;
        color: @black-8;
        line-height: 4 * @unit;
        font-size: @font-size-base;
        white-space: nowrap;
        &-span {
          cursor: pointer;
        }
      }
    }
  }
  &-all {
    flex-grow: 1;
    &-aggrid {
      &-operate {
        margin-right: 2 * @unit;
        cursor: pointer;
      }
      &-html {
        float: left;
      }
      &-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;
          }
        }
      }
    }
    &-pagination {
      width: 100%;
      height: 6 * @unit;
      border-radius: 0px 0px @border-radius-base @border-radius-base;
      margin-top: @table-pagination-margin;
      box-shadow: @table-top-shadow;
      &-bottom-buttons {
        float: left;
        line-height: 6 * @unit;
        &-span {
          font-size: @font-size-base;
          font-style: normal;
          font-weight: @table-font-weight-base;
          color: @black-6;
          line-height: 6 * @unit;
          float: left;
          margin-right: 1.5 * @unit;
        }
        &-checked {
          font-size: @font-size-base;
          font-style: normal;
          font-weight: @table-font-weight-base;
          color: @black-6;
          line-height: 6 * @unit;
          float: left;
          margin-right: 1.5 * @unit;
          .ant-checkbox-checked .ant-checkbox-inner{
            background-color: @blue-6;
          }
        }
        &-bottombtn {
          float: left;
        }
      }
      &-component {
        float: right;
        margin-right: 3 * @unit !important;
        margin-top: 1 * @unit !important;
      }
      .ant-pagination-options-quick-jumper {
        input {
          border: @border-width-base solid @black-3;
          color: @black-8;
          border-radius: @border-radius-base;
        }
      }
    }

    .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-theme-material {
      --ag-checkbox-unchecked-color: #e5e6eb;
      --ag-icon-size: @font-size-base;
      --ag-checkbox-checked-color: @primary-6;
    }

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

    .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: @padding-md;
      padding-right: 0;
    }

    .ag-cell-value {
      font-size: @font-size-base;
    }

    .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-9 !important;
      }
    }

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

    .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-9;
    }

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

    .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: '\e752';
        font-size: @font1;
        position: absolute;
        top: -5px;
        left: -2px;
        color: @black-4;
      }

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

    .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; /* 这里设置阴影效果 */
    }
  }

  /* 滚动条样式 start*/
  ::-webkit-scrollbar {
    width: 0.75 * @unit !important;
    height: 0.75 * @unit !important;
  }

  ::-webkit-scrollbar-track {
    background-color: @white !important;
  }

  ::-webkit-scrollbar-thumb {
    background-color: #dcdbdb;
    width: 0.625 * @unit;
    border-radius: @border-radius-lg * 2.5 !important;
  }

  ::-webkit-scrollbar-thumb:hover {
    background-color: #bcbaba;
  }

  ::-webkit-scrollbar-thumb:active {
    background-color: #bcbaba;
  }

  .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 {
    background-color: #c1c1c1;
    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;
  }

  .agGridEmpty {
    display: inline-block;
    width: 90px;
    height: 90px;
    position: absolute;
    top: 50%;
    left: 50%;
    margin-left: -20px;
    margin-top: -32px;
    background-image: url('data:image/png;base64,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');
    background-repeat: no-repeat;
    background-size: contain;
    text-align: center;
    &::before {
      content: '暂无数据';
      font-size: 14px;
      color: rgba(0, 0, 0, 0.25);
      position: relative;
      top: 100px;
      left: -8%;
    }
  }

  .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);
    }
  }
}