src/style/_style.sass
@use './variable' as variable

/* common */
@mixin common()
  // 隐藏表单域
  .#{ variable.$prefix }-hidden
    display: none

/* object */
@mixin object()
  .#{ variable.$prefix }-object
    &-description
      margin-left: 8px
      font-size: 12px
      color: #929292

    &-collapse
      margin-bottom: 8px

      &:last-child
        margin-bottom: 0

      .ant-collapse-content-box
        padding: 8px

    &-radio-group
      margin-bottom: 8px

  .ant-radio-group + .#{ variable.$prefix }-object-collapse
    margin-top: 8px

/* string */
@mixin string()
  .#{ variable.$prefix }-string
    &-select
      width: 100%

    &-password-suffix
      cursor: pointer

/* number */
@mixin number()
  .#{ variable.$prefix }-number
    &-input
      width: 100%
      max-width: 300px

/* array */
@mixin array()
  .#{ variable.$prefix }-array
    // 隐藏table的错误校验提示
    &-table-form-item .has-error .ant-form-explain
      display: none

    // table错误校验
    &-table-component
      border-width: 1px
      border-style: solid
      border-color: transparent
      border-radius: 4px
      -webkit-transition: border-color .3s
      transition: border-color .3s

      // table内tr的拖拽
      tbody > tr.#{ variable.$prefix }-array
        &-drop-over
          &-downward td
            border-bottom: 2px dashed variable.$array-table-drop-over-border-color

          &-upward td
            border-top: 2px dashed variable.$array-table-drop-over-border-color

    &-multiple
      width: 100%

    &-deleteAll
      margin-left: 8px