[#616] splitter 이벤트, slot, props 추가

[baejihoon]

No description provided.

[baejihoon]

sibling element의 width나 height를 max-width나 min-width 로 제한하면 width나 height의 css 값이 실제 크기와 다른 값이 설정되며, emit으로 전달한 데이터도 실제 element의 크기와 다른 값이 전달됩니다.
처음에는 이 문제를 splitter를 사용하는 designer.vue 에서 해결하려 하였으나, 컴포넌트 단에서 처리 하는게 맞는 듯 하여 수정하게 되었습니다.

이를 해결하기 위해 세가지 방법을 생각해 보았는데,

1. resizeForNeighbor가 호출 되기 전에 sibling element 에 적용 되어 있는 css (min-w, min-h, max-w, max-w)를 찾아서 올바른 min max 를 가지고 changeValue 를 바인딩해 resizeForNeighbor 를 호출한다
2. cssText 를 변경한 이후 getBoundingClientRect() 의 값으로 실제 변화된 값을 이벤트 데이터로 전달한다.
3. ev-splitter 의 prop로 min, max 값을 받아서 sibling element 의 크기를 제한한다.

1번의 방법이 cssText 에 입력되는 값도 정확한 값이 입력되지만, element 에 실제로 적용되는 css 항목을 찾기위해 window.getComputedStyle(element) 라는 함수를 사용하여야 하며, min-width 에 바인딩 되는 값이 %, px, em 등 다양한 종류의 값이 들어갈 수 있어 이를 처리하기 어렵습니다.
2번의 방법은 실제로 cssText 에 입력되는 값이 실제 element의 크기와 차이가 발생하지만, 간단히 해결이되고 (cssText를 다시 바인딩하여 차이를 제거 할 수 있음)
3번의 방법은 min, max를 지정 할 수는 있지만 sibling element 에 css (min-w, max-w 등) 을 지정할 경우 여전히 해결이 되지 않을듯 합니다.

2번의 방법으로 수정하여 push 해두었습니다.

[baejihoon]

위의 min, max 문제는 3번의 방식으로 수정되었습니다

[baejihoon]