Javascript 如何限制调整最小高度并转换为纯Java脚本

function get_height() {
  var minHeight = 0;
  var h;
  $('.designer-panel-body').find('.designer-label').each(function() {
    h = $(this).outerHeight(true) + $(this).offset().top;
    if (h > minHeight) {
      minHeight = h;
    }
  });
  return minHeight;
}

$(".designer-panel-body").height(get_height());

$(".designer-panel-body").resizable({
  minHeight: get_height(),
  handles: "s"
});

$('.designer-label').on('click', function() {
  $(this).remove();
  $(".designer-panel-body").resizable("option", "minHeight", get_height());
});

.designer-panel-body {
  border: solid 1px;
  position: relative;
}

.designer-label {
  position: absolute;
  border: 1px solid blue;
}

<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/1.7/jquery.min.js"></script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.ui/1.8.9/jquery-ui.js"></script>
<link href="https://ajax.microsoft.com/ajax/jquery.ui/1.8.7/themes/black-tie/jquery-ui.css" rel="stylesheet" />
<div class='designer-panel-body'>

  <div class='designer-label' style='top:10px'>
    Field1
  </div>
  <div class='designer-label' style='top:60px; left:20px'>
    Field2
  </div>

</div>