.#{$ns}Property {
  // height: 100%;

  >table {
    width: 100%;
    height: 100%;
    border-collapse: collapse;
    color: var(--saas-font-size-dark-black);
    border: 1px solid var(--borderColor); // Aug 表格一行未满时 边缘线会出现断裂

    >thead>tr>th {
      padding: 0 var(--gap-sm);
      background: var(--Property-title-bg);
      border: 1px solid var(--borderColor);
      @include media-breakpoint-up(sm) {
        .#{$ns}Remark {
          &-icon {
            color: var(--saas-font-size-dark-black);
          }
        }
      }
    }

    >tbody>tr {
      background: var(--background);
      @include media-breakpoint-up(sm) {
        .#{$ns}Form-item.verticalField {
          margin: 0;
          >.#{$ns}Form-value {
            padding: 0;
          }
        }
      }
      >td,
      >th {
        border: 1px solid var(--borderColor);
        color: var(--saas-font-size-dark-black);
        >.cell {
          color: var(--saas-font-size-dark-black);
          @include media-breakpoint-up(sm) {
            >.#{$ns}Form-item {
              min-height: 32px;
              color: var(--saas-font-size-dark-black);
              >.#{$ns}Form-value {
                >.#{$ns}Form-control {
                  padding: 0 4px;
                  min-height: 32px;
                  >.#{$ns}TextControl-input, >.#{$ns}Number, >.#{$ns}DatePicker, >.#{$ns}DateRangePicker, >.#{$ns}Picker-input,
                  >.#{$ns}RichTextControl, >.#{$ns}ColorPicker, >.#{$ns}ResultBox, >.#{$ns}Picker >.#{$ns}Picker-input {
                    border: none;
                    font-size: 13px;
                    padding: 0;
                    min-height: 32px;
                    color: var(--saas-font-size-dark-black);
                    >.#{$ns}TextControl-placeholder {
                      left: 0;
                    }
                    .#{$ns}TransferPicker-icon {
                      margin: 0 5px 0 auto;
                    }
                    .#{$ns}Number-input-wrap {
                      margin-left: 0;
                      height: 32px;
                      .#{$ns}Number-input {
                        padding-left: 0;
                        height: 100%;
                        color: var(--saas-font-size-dark-black);
                      }
                    }
                    >.#{$ns}Picker-placeholder {
                      line-height: 30px;
                    }
                    >.#{$ns}Picker-valueWrap {
                      display: flex;
                      align-items: center;
                    }
                    .#{$ns}Number-handler-wrap {
                      .#{$ns}Number-handler {
                        height: 16px;
                        line-height: 16px;
                      }
                      .#{$ns}Number-handler-up {
                        padding: 0;
                      }
                    }
                    .#{$ns}ResultBox-value-wrap {
                      padding: 0;
                      .#{$ns}ResultBox-singleValue, .#{$ns}ResultBox-placeholder {
                        padding-left: 0;
                        margin-left: 0;
                      }
                    }
                  }
                  >.#{$ns}TextControl-input {
                    > input {
                      height: unset;
                      color: var(--saas-font-size-dark-black);
                    }
                  }
                  >.#{$ns}DatePicker {
                    .#{$ns}DatePicker-content {
                      .#{$ns}DatePicker-clear {
                        margin-right: 0;
                      }
                      .#{$ns}DatePicker-toggler {
                        svg {
                          top: 0;
                        }
                      }
                    }
                  }
                  >.#{$ns}DateRangePicker {
                    .#{$ns}DateRangePicker-content {
                      .#{$ns}DateRangePicker-clear {
                        padding: 0 0.1875rem;
                        height: 32px;
                        line-height: 32px;
                      }
                      .#{$ns}DateRangePicker-toggler {
                        svg {
                          top: 0;
                        }
                      }
                    }
                  }
                  >.#{$ns}ResultBox {
                    .#{$ns}TransferDropDown-icon {
                      margin-right: 0;
                    }
                  }
                  >.#{$ns}Picker {
                    .#{$ns}Picker-input {
                      .#{$ns}Picker-btn {
                        right: 0;
                      }
                    }
                  }
                }
                >.#{$ns}ImageControl {
                  margin: var(--gap-xs) 0;
                }
                >.#{$ns}SwitchControl {
                  min-height: 24px;
                  padding-top: 4px;
                }
                >.#{$ns}RadiosControl, >.#{$ns}CheckboxesControl {
                  padding-top: 4px;
                }
                >.#{$ns}Form-control.#{$ns}NumberControl {
                  padding-right: 0;
                }
                >.#{$ns}DateRangePicker {
                  height: unset;
                  .#{$ns}DateRangePicker-content {
                    .#{$ns}DateRangePicker-clear {
                      padding: 0 0.1875rem;
                      line-height: 30px;
                    }
                  }
                }
                >.#{$ns}CheckboxesControl {
                  >.#{$ns}Grid {
                    .#{$ns}Grid-col--sm12, .#{$ns}Grid-col--sm6, .#{$ns}Grid-col--sm3, .#{$ns}Grid-col--md12,
                    .#{$ns}Grid-col--md6, .#{$ns}Grid-col--md3{
                      border-right: none;
                    }
                  }
                }
                >.#{$ns}TextareaControl, >.#{$ns}RichTextControl {
                  padding: 4px;
                  > textarea {
                    border: none;
                    font-size: 13px;
                    padding: 0;
                  }
                }
                >.#{$ns}Form-static {
                  font-size: 13px;
                  min-height: 24px;
                  padding: 0;
                  >.#{$ns}Form-control {
                    >.#{$ns}MappingField {
                      height: 24px;
                      line-height: 24px;
                    }
                  }
                }
                >.#{$ns}Form-static {
                  font-size: 13px;
                  min-height: 32px;
                  padding: 0 4px;
                  >.#{$ns}Form-control {
                    height: 100%;
                    >.#{$ns}MappingField {
                      height: 32px;
                      line-height: 32px;
                    }
                  }
                }
                .#{$ns}Picker-valueWrap {
                  margin: 0;
                }
              }
              >.#{$ns}Form-static {
                font-size: 13px;
                min-height: 32px;
                padding: 0 4px;
                >.#{$ns}Form-control {
                  height: 100%;
                  >.#{$ns}MappingField {
                    height: 32px;
                    line-height: 32px;
                  }
                }
              }
              >.#{$ns}ImageControl {
                margin: var(--gap-xs) 0;
              }
              >.#{$ns}Form-control {
                padding: 0 4px;
              }
              >.#{$ns}TextareaControl {
                padding: 4px;
              }
            }
            font-size: 13px;
          };
          .is-showCount {
            width: auto;
            max-width: unset;
            min-width: unset;
          }
        }
        .tiled-item-title-left, .fieldTitle {
          font-size: 14px;
          font-weight: 500;
        }

        .#{$ns}Table {
          color: var(--saas-font-size-dark-black);
					.#{$ns}Table-content {
						.#{$ns}Table-table {
							>thead tr th {
								.#{$ns}TableCell--title {
									height: 30px;
                  display: flex;
                  align-items: center;
                  color: var(--saas-font-size-dark-black);
								}
							}
              >tbody tr td {
                >div {
                  display: flex;
                  align-items: center;
                  color: var(--saas-font-size-dark-black);
                }
              }
						}
					}
				}

        .#{$ns}Form-control {
          padding: 0;
        }

        .#{$ns}Form-item {
          .#{$ns}Form-control>div {
            background: transparent;

            .#{$ns}TransferDropDown-content {
              background-color: var(--saas-SelectedBg);
            }

            .#{$ns}Number-handler {
              background: transparent;
            }

            .#{$ns}Cell-img-wrapper-isImage {
              background: transparent;
            }

            &.is-disabled {
              background: var(--Form-input-onDisabled-bg);
            }
          }

          .#{$ns}TransferDropDown-content {
            background-color: var(--saas-SelectedBg);
          }

          .#{$ns}InputTable {
            padding-left: 0;
            padding-right: 0;
            .cell.full-cell {
              .#{$ns}Form-control {
                padding-right: 3px;
              }
            }
          }
        }

        .#{$ns}Form-item:last-child {
          margin-bottom: 0;
        }
      }

      >th {
        font-weight: normal; //Aug
        background: var(--saas-form-property-title-color);
        padding: var(--gap-xs);;
      }

      // Aug
      >td {
        background: var(--Form-input-bg);
        >.ellipsis-cell {

          // @include ellipsis();

          .#{$ns}Form-item.view-details {
            .#{$ns}Form-static {
              display: flex;
              align-items: center;

              .#{$ns}Form-control {
                flex: 1;
                width: 100%;
              }
            }
          }

          .#{$ns}Form-static .#{$ns}Form-control {
            position: relative;

            span.#{$ns}PlainField,
            span.#{$ns}DateField {
              @include ellipsis();
              display: inline-block;
              vertical-align: middle;
            }

            .#{$ns}Field-popOverWrap {
              @include ellipsis();
            }

            .#{$ns}Form-static-pop {
              white-space: nowrap;
              position: fixed;
              background: var(--PopOver-bg);
              top: 0;
              left: 0;
              z-index: 1300;
              padding: 0 10px;
              max-width: 400px;
              max-height: 400px;
              overflow: auto;
              margin: 0;
              white-space: pre-wrap;
              font-weight: var(--fontWeightNormal);
              letter-spacing: normal;
              line-height: var(--lineHeightBase);
              font-size: var(--fontSizeBase);
              box-shadow: var(--boxShadow);
              border: var(--borderWidth) solid var(--borderColor);
              border-radius: var(--borderRadius);

              &::-webkit-scrollbar {
                width: 4px;
              }
            }

            .#{$ns}TplField {
              word-break: break-all;
            }

            .#{$ns}Tpltab {
              span.#{$ns}TplOpen {
                width: calc(100% - 20px);
              }
            }
          }

          .#{$ns}ImageControl-dropzone.is-empty {
            padding: 6px 0;
          }

          .#{$ns}TplField {
            @include ellipsis();
          }
        }

        .#{$ns}Table-horizontal {
          .#{$ns}Table-headToolbar {
            margin: 0;
          }

          .#{$ns}Table-content {
            thead>tr {
              th:nth-child(1) {
                border-left: none;
              }
            }
          }
        }

        .#{$ns}Form-control>.#{$ns}Table {
          margin-bottom: 0;
        }

        .fieldTable-block {
          height: 8px;
          border-bottom: 1px solid var(--borderColor);
        }

        .item-simple-mode {
          height: 41px;
          line-height: 41px;
          margin-top: 8px;
          padding-left: 12px;
          background: var(--Property-label-bg);
          font-size: var(--fontWeightNormal);
          border-bottom: 1px solid #ebedf1;
          border-top: 1px solid #ebedf1;
        }
      }

      >th {
        >.ellipsis-cell {
          @include ellipsis();
        }
      }
    }

    .#{$ns}InputTable {
      .#{$ns}Table-horizontal {
        .#{$ns}Table-table>tbody {
          tr {
            td:first-child {
              border-left: none;
            }
          }
        }
      }
    }
  }

  &--simple {
    >table {
      >thead>tr>th {
        background: transparent;
        border: none;
      }

      >tbody>tr {
        background: transparent;
      }

      >tbody>tr>td,
      >tbody>tr>th {
        border: none;
      }
    }
  }
}

/* Aug 移动端样式调整 */
@include media-breakpoint-down(sm) {
  .#{$ns}Property {
    td {

      // 去掉移动端表单里的下划线，在表格里会显得怪异
      .#{$ns}Form-item::after {
        display: none;
      }
    }
  }
}