@aplus-frontend/ui/theme/ap-form/ap-form-item.less

@import '../mixins/mixins.less';
@import '../mixins/config.less';

@batchInputGroup: ~'@{ns}-batch-input-group';
@batchInputPopover: ~'@{batchInputGroup}-popover-input__popover';

.b(ap-form-item, {
  &--bordered {
    box-sizing: border-box;
    border: 1px solid var(--ap-border-color-base);
    border-radius: @border-radius;
    padding-inline: @spacing;
    .ant-input-affix-wrapper {
      padding: 0;
    }
    &:has(.@{batchInputGroup}):has(.ant-select) {
      .ant-input-affix-wrapper {
        padding-right: @spacing;
      }
    }
    &:has(textarea.ant-input) {
      padding-inline-end: 0;
      .ant-input {
        padding-inline-start: 0;
      }
    }
    .ant-picker {
      padding: 0;
    }
    .ant-form-item-control-input-content {
      & > .ant-input-group {
        & > .ant-picker-range:nth-child(1){
          .ant-picker-clear {
            inset-inline-end: 0;
          }
        }
      }
    }
    .ant-space-compact-block {
      .ant-input {
        padding-left: @spacing;
      }
    }
    .ant-select-selector {
      border-width: 0 !important;
      box-shadow: none !important;
    }
    .ant-select-single .ant-select-selector{
      height: 30px !important;
    }
    &:has(.ant-input-number) {
      padding-right: 0;
    }
    &:has(.ant-select) {
      padding-right: 0px;
      .ant-form-item-label > label {
        padding-right: @spacing-xs;
      }
    }
    div.ant-form-item-control {
      flex: 1 1 0;
      min-width: 0;
    }
    .ant-form-item-label > label {
      padding-right: @spacing-lg;
      height: 30px;
      &::after {
        margin: 0
      }
    }
    .ant-form-item-control-input {
      min-height: 30px;
      .ant-select-single {
        height: unset;
      }
    }
    &:hover {
      border-color: var(--ap-hover-color-base);
    }
    &:focus {
      border-color: var(--ap-active-color-base);
      box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
    }
    .@{batchInputPopover} {
      width: calc(100% + 12px);
    }
  }
  &--disabled {
    background-color: var(--color-bg-container-disabled);
    .ant-select-selector {
      background: transparent !important;
    }
  }
  &--focused {
    border-color: var(--ap-active-color-base);
    box-shadow: 0 0 0 2px var(--ap-form-bordered-shadow-color, rgba(5, 155, 255, 0.1));
  }
  .ant-form-show-help {
    .ant-form-item-explain-error {
      font-size: @font-size-base;
      line-height: 16px;
    }
  }
  .ant-col .ant-form-item-extra {
    line-height: 22px;
    min-height: unset;
    margin-top: 4px;
    margin-bottom: 12px;
  }
  .ant-input-group {
    .ant-picker:only-child {
      width: 100%;
    }
    // tip: 针对包含时区切换的日期选择器
    .ant-select + .ant-picker {
      padding-inline: @spacing;
      flex: 1;
    }
  }
});