// :global{
// 表单只读状态时，必填 * 符号隐藏
.formItemDisabledClass {
  .adm-list-item-content-prefix {
    .adm-form-item-label {
      .adm-form-item-label-required {
        display: none;
      }
    }
  }
}

// 默认样式（水平布局）
.defaultLayoutClass {
  .adm-list-item-content {
    display: flex;
    align-items: flex-start;
    justify-content: flex-start;
    height: auto;
    // min-height: 50px;
    // padding: 0px 16px 0px 0;
    padding: 12px 16px 12px 0;
    border-bottom: 1px solid #e8eaf0;
  }
}

// 当props 有 tips 属性时样式
.tipsClass {
  .adm-list-item-content {
    align-items: center !important;

    .adm-list-item-content-prefix {
      margin-top: -8px;
    }

    .adm-list-item-content-main {
      display: block;

      .tips {
        float: left;
        position: relative;
        text-align: left;
        left: calc(-4rem - 24px);
        top: 6px;
        font-size: var(--desc-default-size, 12px);
        color: #999;
      }
    }
  }
}

// 根据label字数计算tips偏移距离 label font-size 必须与rem值大小一样。
.tips-left1 .tips {
  left: calc(-1rem - 24px) !important;
}

.tips-left2 .tips {
  left: calc(-2rem - 24px) !important;
}

.tips-left3 .tips {
  left: calc(-3rem - 24px) !important;
}

.tips-left4 .tips {
  left: calc(-4rem - 24px) !important;
}

.tips-left5 .tips {
  left: calc(-5rem - 24px) !important;
}

.tips-left6 .tips {
  left: calc(-6rem - 24px) !important;
}

.tips-left7 .tips {
  left: calc(-7rem - 24px) !important;
}

.tips-left8 .tips {
  left: calc(-8rem - 24px) !important;
}

.tips-left9 .tips {
  left: calc(-9rem - 24px) !important;
}

// 垂直布局样式
.verticalLayoutClass {
  .adm-list-item-content {
    display: flex;
    flex-direction: column;
    justify-content: start;
    align-items: start;
    padding: 12px 16px 12px 0;
    border-bottom: 1px solid #e8eaf0;

    .adm-list-item-content-main {
      flex-direction: column;
      justify-content: start;
      text-align: left;
    }
  }

  .adm-text-area-wrapper,
  .adm-list-item-content-main {
    width: 100%;
    margin-top: 4px;
  }

  .adm-list-item-content-main .adm-space .adm-space-item:nth-child(3n) {
    margin-right: 0;
  }

  .adm-text-area {
    text-align: left !important;
    font-family: unset;
    word-break: break-all;
  }

  // 设置图片上传样式
  .adm-list-item-content-main {
    .adm-image-uploader {
      margin-top: 4px;
      --cell-size: calc((100vw - 56px) / 3) !important;

      .adm-space-horizontal {
        display: flex;
        flex-direction: row;
        justify-content: start;

        .adm-space-item {
          // margin-right: calc((100% - 300px) / 2);
          margin-right: 12px;
          // padding-bottom: calc((100% - 300px) / 2);
        }

        .adm-space-item:nth-child(3n) {
          margin-right: 0;
        }
      }
    }
  }
}

// }