@root-entry-name: 'default';
@import (reference) '~antd/es/style/themes/index.less';
@import '../components/base/SwitchCheckbox/style/index.less';
@import '../components/base/TextArea/index.less';
@import '../components/combination/FormList/style/index.less';
@import '../components/combination/ProTimeLimit/style/index.less';
@import '../components/combination/ProAddressBar/style/index.less';
@import '../components/combination/ProNumberRange/style/index.less';
@import '../components/combination/ProModalSelect/style/index.less';
@import '../components/combination/Group/style/index.less';
@import '../components/combination/Container/style/index.less';
@import '../components/old/EnumSelect/style/index.less';
@import '../components/old/EnumSelect/style/index.less';

.pro-form {
  &.@{ant-prefix}-form-vertical {
    .@{ant-prefix}-form-item .@{ant-prefix}-form-item-label {
      flex: none !important;
    }

    .pro-form-custom-footer {
      display: flex;
      align-items: center;
      height: auto;
      margin-bottom: 0;
      padding-top: 6px;

      .@{ant-prefix}-space-align-center {
        align-items: normal;
      }
    }
  }

  &.@{ant-prefix}-form {
    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1));
  }

  .pro-collapse-level2 {
    .@{ant-prefix}-collapse-item {
      margin-bottom: 0 !important;
    }
  }

  .@{ant-prefix}-form-item-control-input {
    flex-grow: 1;
    max-width: 100%;
  }

  span.@{ant-prefix}-input-clear-icon {
    display: unset;
    visibility: hidden;
  }

  .@{ant-prefix}-input-affix-wrapper:hover span.@{ant-prefix}-input-clear-icon {
    display: unset;
    visibility: unset;
  }

  .@{ant-prefix}-input-affix-wrapper:hover
    span.@{ant-prefix}-input-clear-icon[class~='ant-input-clear-icon-hidden'] {
    display: unset;
    visibility: hidden;
  }

  &.pro-form-view {
    .@{ant-prefix}-form-item-label {
      label {
        color: var(--zaui-aide-text, #939599);
      }
    }

    .@{ant-prefix}-form-item {
      margin-bottom: 0 !important;
    }

    .@{ant-prefix}-form-item {
      .@{ant-prefix}-tree-icon-hide input {
        display: none !important;
      }
    }
  }

  .@{ant-prefix}-picker-range {
    width: 100%;
  }

  .pro-form-list-line {
    .@{ant-prefix}-row {
      width: 100%;
    }
  }

  // 展开折叠按钮
  .expand-button {
    line-height: 32px;
    cursor: pointer;

    .rotate-to-top {
      transform: rotate(90deg);
    }

    .rotate-to-bottom {
      transform: rotate(-90deg);
    }
  }

  .@{ant-prefix}-form-item {
    margin-bottom: calc(var(--zaui-space-size-md; 16px) * var(--zaui-size; 1)) !important;

    &.pro-form-item-width-auto {
      .@{ant-prefix}-form-item-control-input {
        flex-grow: inherit;
      }

      .@{ant-prefix}-form-item-control-input-content {
        flex: initial;
      }
    }

    .@{ant-prefix}-form-item-tooltip {
      svg {
        width: 14px;
        height: 14px;
        vertical-align: bottom;
        fill: @zaui-aide-text;
      }
    }

    // 比较原始值场景下  不同时候的样式
    &.pro-form-item-changed {
      span.@{ant-prefix}-input-affix-wrapper,
      .@{ant-prefix}-select-selector,
      .@{ant-prefix}-picker {
        background: @zaui-contract-bg !important;

        input {
          background: @zaui-contract-bg;
        }
        .@{ant-prefix}-select-selection-placeholder {
          z-index: 9;
        }
      }

      .@{ant-prefix}-form-item-control-input-content > .pro-form-view-container {
        padding: 4px 8px;
        background: @zaui-contract-bg;
        border-radius: 4px;
      }
    }

    .@{ant-prefix}-row {
      width: 100%;
    }

    .@{ant-prefix}-col.@{ant-prefix}-col-0 {
      display: none;
    }

    .@{ant-prefix}-form-item-explain {
      height: auto;

      .@{ant-prefix}-form-item-explain-error {
        font-size: var(--zaui-font-size, 14px);
      }
    }

    .@{ant-prefix}-input-number {
      width: 100%;
    }

    .pro-number-range {
      .@{ant-prefix}-input-number {
        width: calc(50% - 20px);
      }

      .range-right {
        .@{ant-prefix}-input-number {
          border-left: none;
        }

        .range-right {
          width: 100%;
          border: 1px solid @zaui-form-control-line;
          border-top-left-radius: 0;
          border-bottom-left-radius: 0;
        }
      }
    }
  }

  .@{ant-prefix}-form-item-hidden {
    display: none;
  }

  .@{ant-prefix}-form-item-label {
    > label {
      white-space: pre-wrap;
    }
  }

  .suffix-value {
    margin-left: @zaui-space-size-sm;
  }

  .@{ant-prefix}-form-item-has-error {
    .group-separator {
      color: var(--ant-error-color);
      border-color: var(--ant-error-color);
    }

    .site-input-split {
      border-color: @zaui-danger;
    }
  }

  .site-input-group-wrapper {
    // 范围值表单样式
    & .site-input-split {
      text-align: center;
      background-color: @zaui-table-strip-bg;

      &.site-input-split-disabled {
        background-color: @zaui-disabled-bg;
      }
    }

    & .site-input-right {
      border-left-width: 0;
    }

    & .site-input-right:focus {
      border-left-width: 1px;
    }

    & .@{ant-prefix}-input-rtl.site-input-right {
      border-right-width: 0;
    }

    & .@{ant-prefix}-input-rtl.site-input-right:hover,
    & .@{ant-prefix}-input-rtl.site-input-right:focus {
      border-right-width: 1px;
    }

    .@{ant-prefix}-form-item {
      margin-bottom: 0;
    }

    .site-input-left,
    .site-input-right {
      width: calc(50% - 20px);
    }

    .site-input-left {
      .@{ant-prefix}-input-number {
        border-right: none;
      }
    }

    .site-input-right {
      .@{ant-prefix}-input-number {
        border-left: none;
      }
    }

    &.@{ant-prefix}-input-group.@{ant-prefix}-input-group-compact > *:not(:last-child) {
      margin-right: 0;
    }

    > *:first-child {
      border-top-right-radius: 0 !important;
      border-bottom-right-radius: 0 !important;

      > .@{ant-prefix}-select-selector {
        border-top-right-radius: 0 !important;
        border-bottom-right-radius: 0 !important;
      }
    }

    > *:last-child {
      border-top-left-radius: 0 !important;
      border-bottom-left-radius: 0 !important;

      > .@{ant-prefix}-select-selector {
        border-top-left-radius: 0 !important;
        border-bottom-left-radius: 0 !important;
      }
    }
  }

  .@{ant-prefix}-input-group.@{ant-prefix}-input-group-compact > * {
    float: none;
    vertical-align: top;
  }

  .pro-form-control {
    display: flex;
  }

  .noDisabled {
    color: @zaui-disabled-text;
    font-size: var(--zaui-font-size, 14px);
    background-color: transparent;
    border: none;
    cursor: default;
    opacity: 1;
  }

  div.pro-form-custom-footer {
    width: unset !important;
    height: 32px;
    margin-bottom: calc(var(--zaui-height-size-md, 16px) * var(--zaui-size, 1));

    &.pro-form-custom-footer-hidden {
      display: none;
    }
  }

  .pro-form-view-container {
    display: inline-block;
    color: var(--zaui-text, #343434);
    word-break: break-all;
  }

  .pro-form-view-container_nowrap {
    overflow: hidden;
    white-space: nowrap;
    text-overflow: ellipsis;
  }

  .full-form-item {
    width: 100%;
  }

  .delete-icon {
    width: 18px;
  }
}