.vtj-setter {
  .el-form-item__label {
    .el-tooltip__trigger {
      border-bottom: 1px dashed $--vtj-primary-color;
      cursor: help;
    }
  }
  .el-select {
    display: block;
  }

  &__content {
    display: flex;
    flex-direction: row;
    justify-content: space-between;
    width: 100%;
    align-items: center;
  }
  &__input {
    flex-grow: 1;
  }
  &__action {
    font-size: 14px;
    white-space: nowrap;
    i {
      cursor: pointer;
      color: $--vtj-secondary-color;
      background-color: $--vtj-background-color-dark-9;
      margin-left: 3px;
      padding: 4px;
      border-radius: 4px;
      &:hover {
        color: $--vtj-primary-color;
        background-color: $--vtj-primary-color-light-9;
      }
      &.is-active {
        color: $--vtj-primary-color;
        background-color: $--vtj-primary-color-light-9;
      }
    }
  }
}

.vtj-setter-switch {
  .vtj-icon-check {
    color: $--vtj-primary-color;
  }
  .vtj-icon-placeholder {
    width: 13px;
  }
}

.vtj-expression-setter {
  .el-input__inner {
    text-align: center;
  }
}

.vtj-json-setter,
.vtj-function-setter {
  .el-input-group__prepend {
    padding: 0 !important;
    width: 80px;
    flex-shrink: 0;
  }
  .el-input__inner {
    color: #ccc;
  }
}
.vtj-number-setter {
  width: 100% !important;
}
