// @import "../_utils.scss";
// @import "./icon.scss";

.#{$form-prefix-cls} {
  .#{$form-item-prefix-cls}-label {
    text-align: right;
    // vertical-align: middle;
    float: left;
    color: $form-label-color;
    // line-height: 1;
    background: $form-item-label-background;
    // padding: 10px 12px 10px 0;
    box-sizing: border-box;
    // 多余即省略
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
    @if $--size-switch == yes {
      font-size: $--size-font-size-base;
      @include computed-height($--size-height-base, 0);
    } @else {
      padding: $form-item-label-padding;
      line-height: $form-component-height;
      font-size: $font-size-small;
    }

    @include theme-font-color($__form-label_font-color);
    @include structure-font-size($__form-default_font-size, 0);
  }
  .#{$form-item-prefix-cls}-labelWrap .#{$form-item-prefix-cls}-label {
    @if $--size-switch == yes {
      font-size: $--size-font-size-base;
      max-height: ($--size-font-size-base + $--size-offset-base) * 2;
      @include computed-height($--size-height-base, 0);
    } @else {
      padding: $form-item-labelWrap-padding;
      height: $form-component-height;
      line-height: $form-component-height / 2;
    }
    white-space: pre-wrap;
    word-break: break-all;
  }
  &-label-left .#{$form-item-prefix-cls}-label {
    text-align: left;
  }
  &-label-top .#{$form-item-prefix-cls}-label {
    float: none;
    display: inline-block;
    @if $--size-switch == no {
      padding: $form-label-top-padding;
    }
  }

  &-inline {
    .#{$form-item-prefix-cls} {
      display: inline-block;
      margin-right: $form-inline-margin-right;
      vertical-align: top;
    }
  }

  &-row {
    @include clearfix();
    .#{$form-item-prefix-cls} {
      display: block;
      float: left;
      padding: $form-row-form-item-padding;
      margin: $form-row-form-item-margin;

      &-required {
        .#{$form-item-prefix-cls}-requiredIcon {
          left: $form-row-required-left;
        }
      }

      &-content {
        // height: 32px;
        @if $--size-switch == no {
          line-height: $form-component-height;
        }
      }
    }

    .#{$css-prefix}col {
      .#{$form-item-prefix-cls} {
        padding: 0;

        &-required {
          .#{$form-item-prefix-cls}-requiredIcon {
            left: $form-row-required-requiredIcon-left;
          }
        }
      }
    }

    @include make-form-grid(form);
    @include make-form-grid(form, form-item);

    // @include make-form-grid('form', 'formItem');
  }
}

.#{$form-item-prefix-cls} {
  margin-bottom: $form-item-margin-bottom;
  vertical-align: top;

  @include clearfix();

  &-content {
    position: relative;
    @if $--size-switch == yes {
      line-height: $--size-height-base;
    } @else {
      line-height: $form-component-height;
    }
    font-size: $font-size-small;

    & > #{$select-prefix-cls},
    & > #{$selectTable-prefix-cls},
    & > #{$input-prefix-cls}-wrapper,
    & > #{$date-picker-prefix-cls},
    & > #{$fastdate-prefix-cls},
    & > #{$input-prefix-cls}-number,
    & > #{$selecttree-prefix-cls},
    & > #{$typefield-prefix-cls} & > #{$btn-prefix-cls} {
      vertical-align: top;
    }
  }

  & & {
    margin-bottom: 0;
  }

  & & &-content {
    margin-left: 0 !important;
  }

  &-error-tip {
    position: absolute;
    top: 100%;
    left: $form-error-tip-left;
    line-height: $form-error-tip-line-height;
    padding-top: $form-error-tip-padding-top;
    color: $error-color;

    @include theme-font-color($__form-tip_error_font-color);
  }

  &-required {
    position: relative;
    .#{$form-item-prefix-cls}-label:before {
      content: "*";
      display: inline-block;
      margin-right: $form-required-label-before-margin-right;
      line-height: 0;
      font-family: SimSun, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;
      font-size: $font-size-small;
      color: $error-color;

      @include theme-font-color($__form-label-icon-required_font-color);
      @include structure-font-size($__form-default_font-size, 0);
    }
    // 未设置label的form组件显示required
    .#{$form-item-prefix-cls}-requiredIcon {
      display: inline-block;
      position: absolute;
      left: $form-required-item-requiredIcon-left;
      // vertical-align: middle;
      @if $--size-switch == no {
        line-height: $form-component-height;
        height: $form-component-height;
        font-size: $font-size-small;
      } @else {
        line-height: $--size-line-height-base;
        padding: computed-padding-vertical($--size-height-base, $--size-font-size-base, 0) 0;
        font-size: $--size-font-size-base;
      }
      color: $error-color;
      font-family: SimSun, "Helvetica Neue", Helvetica, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "\5FAE\8F6F\96C5\9ED1", Arial, sans-serif;

      @include theme-font-color($__form-label-icon-required_font-color);
      @include structure-font-size($__form-default_font-size, 0);
    }
  }
  // &.#{$form-item-prefix-cls}-reqNoLabel{
  //     padding-right: 15px;
  // }
  &-error {
    // todo
  }
}

@media all and (-ms-high-contrast: none) {
  .#{$form-item-prefix-cls} #{$input-prefix-cls} {
    padding: $form-item-h-input-padding;
  }
}
.#{$form-item-prefix-cls} #{$input-prefix-cls} {
  padding: $form-item-h-input-padding \0;
}
// .#{$form-item-prefix-cls}-content {
// }
// .verify-tip.verify-bottom {
//   margin-top: -3px!important
// }
// .verify-tip.verify-top {
//   top: -26px!important;
// }