Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Jump to bottom

[3.0] Select 컴포넌트 #646

Closed
kdeun1 opened this issue Sep 23, 2020 · 1 comment
Closed

[3.0] Select 컴포넌트 #646

kdeun1 opened this issue Sep 23, 2020 · 1 comment
Labels
inactive

Comments

@kdeun1
Copy link
Contributor

kdeun1 commented Sep 23, 2020

No description provided.

kdeun1 pushed a commit that referenced this issue Sep 23, 2020
[#646] Select 컴포넌트 1차 개발
4adc282 
################
- select 컴포넌트 1차 개발
- select 컴포넌트 공통기본 예시 작성
- 사용자 지정 디렉티브 clickoutside 로직 모듈화
- checkbox 예시에서 잘못 바인딩된 값 변경
- checkbox 컴포넌트 내 불필요한 props, computed 로직 제거
kdeun1 pushed a commit that referenced this issue Sep 24, 2020
[#646] Select 컴포넌트 1차 개발
6da1c2d 
################
- 드랍다운 박스 좌표 계산 로직 수정
- 컴포넌트 내 clickoutside 로직 수정
- readonly props, change event 추가
- 불명확한 이벤트명 수정 및 불필요한 이벤트, watch 로직 삭제
- 컴포넌트 설명 markdown 내용 작성
kdeun1 pushed a commit that referenced this issue Sep 24, 2020
[#646] Select 컴포넌트 1차 개발 (#647)
b119d8a 
* [#646] Select 컴포넌트 1차 개발
################
- select 컴포넌트 1차 개발
- select 컴포넌트 공통기본 예시 작성
- 사용자 지정 디렉티브 clickoutside 로직 모듈화
- checkbox 예시에서 잘못 바인딩된 값 변경
- checkbox 컴포넌트 내 불필요한 props, computed 로직 제거

* [#646] Select 컴포넌트 1차 개발
################
- 드랍다운 박스 좌표 계산 로직 수정
- 컴포넌트 내 clickoutside 로직 수정
- readonly props, change event 추가
- 불명확한 이벤트명 수정 및 불필요한 이벤트, watch 로직 삭제
- 컴포넌트 설명 markdown 내용 작성
kdeun1 pushed a commit that referenced this issue Sep 24, 2020
Revert "[#646] Select 컴포넌트 1차 개발 (#647)"
2dcac28 
This reverts commit b119d8a.
kdeun1 pushed a commit that referenced this issue Sep 24, 2020
[#646] Select 컴포넌트 1차 개발
af61383 
################
- 가독성을 위해 markdown 내용 수정
- 템플릿 내 custom tag 사용 시 kebab-case 사용
- select markdown 내용 추가
- class명에 'is-'접두어 be동사 제거
- dropdown box의 좌표를 클릭 시에만 계산하도록 변경
- alias에 'docs' 추가
kdeun1 pushed a commit that referenced this issue Sep 24, 2020
[#646] select 컴포넌트 코드리뷰 수정 (#649)
9d5bf50 
* [#646] Select 컴포넌트 1차 개발
################
- select 컴포넌트 1차 개발
- select 컴포넌트 공통기본 예시 작성
- 사용자 지정 디렉티브 clickoutside 로직 모듈화
- checkbox 예시에서 잘못 바인딩된 값 변경
- checkbox 컴포넌트 내 불필요한 props, computed 로직 제거

* [#646] Select 컴포넌트 1차 개발
################
- 드랍다운 박스 좌표 계산 로직 수정
- 컴포넌트 내 clickoutside 로직 수정
- readonly props, change event 추가
- 불명확한 이벤트명 수정 및 불필요한 이벤트, watch 로직 삭제
- 컴포넌트 설명 markdown 내용 작성

* [#646] Select 컴포넌트 1차 개발
################
- 가독성을 위해 markdown 내용 수정
- 템플릿 내 custom tag 사용 시 kebab-case 사용
- select markdown 내용 추가
- class명에 'is-'접두어 be동사 제거
- dropdown box의 좌표를 클릭 시에만 계산하도록 변경
- alias에 'docs' 추가
kdeun1 pushed a commit that referenced this issue Oct 7, 2020
[#646] 3.0 Select 컴포넌트 개발
85cbe60 
################
- 3.0버전의 select 컴포넌트 기능 재개발 및 리펙토링
- 단일 셀렉트와 멀티 셀렉트로 구분
- 해당 컴포넌트 클릭 시 드랍다운 박스가 컴포넌트 위치를 찾아 하단에 보여짐
- 드랍다운 박스를 위해 셀렉트 컴포넌트 생성 시 body에 해당 컴포넌트 전용 div가 추가되며, 해당 div 하위로 드랍다운의 DOM이 위치함
- 선택한 항목 전체 삭제 기능 clearable 기능 개발
- 멀티 셀렉트에서 선택한 항목을 태그로 보여주며, 해당 태그의 [x] 아이콘을 통해 단일 삭제 가능
- 멀티 셀렉트에서 선택한 전체 항목을 태그로 보여주는게 기본이며, 이를 생략하여 최초 선택항 항목과 더불어 몇 개가 더 선택되었는지 확인하는 collapse-tags 기능 개발
- DOCS > select 컴포넌트 예제 수정 및 API MD파일 작성
- DOCS > highlight파일 모듈화
kdeun1 pushed a commit that referenced this issue Oct 7, 2020
[#646] 3.0 Select 컴포넌트 개발
71027ff 
################
- filtering 모드 시 검색어 placeholder props 추가
- filtering 검색결과가 없는 경우의 문구 props 추가
- 추가된 props의 MD 문서 추가
- 불필요한 이벤트 옵션 제거
kdeun1 pushed a commit that referenced this issue Oct 7, 2020
[#646] [3.0] Select 컴포넌트 개발 (#657)
ad40db0 
* [#646] 3.0 Select 컴포넌트 개발
################
- 3.0버전의 select 컴포넌트 기능 재개발 및 리펙토링
- 단일 셀렉트와 멀티 셀렉트로 구분
- 해당 컴포넌트 클릭 시 드랍다운 박스가 컴포넌트 위치를 찾아 하단에 보여짐
- 드랍다운 박스를 위해 셀렉트 컴포넌트 생성 시 body에 해당 컴포넌트 전용 div가 추가되며, 해당 div 하위로 드랍다운의 DOM이 위치함
- 선택한 항목 전체 삭제 기능 clearable 기능 개발
- 멀티 셀렉트에서 선택한 항목을 태그로 보여주며, 해당 태그의 [x] 아이콘을 통해 단일 삭제 가능
- 멀티 셀렉트에서 선택한 전체 항목을 태그로 보여주는게 기본이며, 이를 생략하여 최초 선택항 항목과 더불어 몇 개가 더 선택되었는지 확인하는 collapse-tags 기능 개발
- DOCS > select 컴포넌트 예제 수정 및 API MD파일 작성
- DOCS > highlight파일 모듈화

* [#646] 3.0 Select 컴포넌트 개발
################
- filtering 모드 시 검색어 placeholder props 추가
- filtering 검색결과가 없는 경우의 문구 props 추가
- 추가된 props의 MD 문서 추가
- 불필요한 이벤트 옵션 제거
kdeun1 pushed a commit that referenced this issue Oct 8, 2020
[#646] Select 버튼타입 기능 추가
dcdf6a2 
################
- Select 버튼타입 기능 추가
- DOCS > select 버튼타입 예제 추가
- DOCS > select indeterminate 예제 버그 수정
- radio cursor 수정
@mmindy mmindy closed this as completed Oct 19, 2020
@kdeun1 kdeun1 reopened this Nov 6, 2020
kdeun1 pushed a commit that referenced this issue Nov 6, 2020
[#646] Select 컴포넌트 버그 수정 및 리펙토링
c1aa740 
################
- Select 컴포넌트의 드랍박스의 스펙 변경
  - Vue3의 teleport 로직으로 인풋박스의 움직임을 감지하지못하여 dom nested 구조로 변경
  - 기본적으로 인풋박스 위치 아래로 드랍다운됨
  - 브라우저 높이 기준으로 드랍박스가 드랍다운되었을 때, 브라우저 영역을 벗어나는 경우는 인풋박스의 상단으로 드랍업되도록 로직 수정
  - 셀렉스 컴포넌트의 여러 기능으로 인하여 드랍박스의 위치가 변경되는 경우 nextTick 이후에 렌더링 위치를 재조정하는 로직 추가
- 컴포넌트 싱글, 멀티인 경우 레이아웃, css 개선
- 드랍박스의 리스트에 텍스트뿐만 아니라 아이콘이 위치할 수 있도록 기능 개선
- EVUI DOCS 설명 수정 및 아이콘 부분 추가
mmindy pushed a commit that referenced this issue Nov 10, 2020
[#646, #663][3.0] Select, DatePicker 컴포넌트 드랍다운 로직 수정 (#705)
f29a430 
* [#646] Select 컴포넌트 버그 수정 및 리펙토링
################
- Select 컴포넌트의 드랍박스의 스펙 변경
  - Vue3의 teleport 로직으로 인풋박스의 움직임을 감지하지못하여 dom nested 구조로 변경
  - 기본적으로 인풋박스 위치 아래로 드랍다운됨
  - 브라우저 높이 기준으로 드랍박스가 드랍다운되었을 때, 브라우저 영역을 벗어나는 경우는 인풋박스의 상단으로 드랍업되도록 로직 수정
  - 셀렉스 컴포넌트의 여러 기능으로 인하여 드랍박스의 위치가 변경되는 경우 nextTick 이후에 렌더링 위치를 재조정하는 로직 추가
- 컴포넌트 싱글, 멀티인 경우 레이아웃, css 개선
- 드랍박스의 리스트에 텍스트뿐만 아니라 아이콘이 위치할 수 있도록 기능 개선
- EVUI DOCS 설명 수정 및 아이콘 부분 추가

* [#663] DatePicker 컴포넌트 드랍다운로직 수정
################
- DatePicker 컴포넌트의 드랍박스의 스펙 변경
  - 기본적으로 인풋박스 위치 아래로 드랍다운됨
  - 브라우저 높이 기준으로 드랍박스가 드랍다운되었을 때, 브라우저 영역을 벗어나는 경우는 인풋박스의 상단으로 드랍업되도록 로직 수정
  - 셀렉스 컴포넌트의 여러 기능으로 인하여 드랍박스의 위치가 변경되는 경우 nextTick 이후에 렌더링 위치를 재조정하는 로직 추가
- 컴포넌트 레이아웃, css 개선
- CloseAll 시에 드랍박스 보이지 않게 로직 수정

* [#663] DatePicker 컴포넌트 드랍다운로직 수정
################
- DatePicker css stylelint order error 수정
kdeun1 pushed a commit that referenced this issue Aug 4, 2021
[#646][3.0] Select 컴포넌트 내 아이콘 클릭 시 클릭이벤트가 안되는 현상 수정
bb42a74 
################
- Select 컴포넌트 내 아이콘 클릭 시 클릭이벤트가 안되는 현상 수정
hongkyunlim pushed a commit that referenced this issue Aug 4, 2021
[#646][3.0] Select 컴포넌트 내 아이콘 클릭 시 클릭이벤트가 안되는 현상 수정 (#853)
6718ae3 
################
- Select 컴포넌트 내 아이콘 클릭 시 클릭이벤트가 안되는 현상 수정
byeongwan-kim pushed a commit that referenced this issue Aug 5, 2021
[#646][3.0] Select 컴포넌트 change 이벤트가 안되는 현상 수정
c4c7ee1 
##############
- Select 컴포넌트 change 이벤트가 안되는 현상 수정
- input 요소에서 change, input 이벤트가 동작하지 않아 클릭 했을 때 'change' emit하도록 로직 수정
byeongwan-kim pushed a commit that referenced this issue Aug 5, 2021
[#646][3.0] Select 컴포넌트 change 이벤트가 안되는 현상 수정
a9680ec 
##############
- Select 컴포넌트 change 이벤트가 안되는 현상 수정
- input 요소에서 change, input 이벤트가 동작하지 않아 클릭 했을 때 'change' emit하도록 로직 수정
byeongwan-kim pushed a commit that referenced this issue Aug 9, 2021
[#646][3.0] Select 컴포넌트 change 이벤트가 안되는 현상 수정
a3ca88c 
##############
- Multi Select Mode에 change 이벤트 추가
kdeun1 pushed a commit that referenced this issue Aug 9, 2021
@byeongwan-kim
[#646][3.0] Select 컴포넌트 change 이벤트가 안되는 현상 수정 (#858)
312d9ca 
Co-authored-by: byeongwan <byeongwan@ex-em.com>
@github-actions GitHub Actions
Copy link

github-actions bot commented Mar 2, 2024

오래된 이슈는 닫고 있어요. 필요하다면 다시 열어주세요. 😄

@github-actions github-actions bot closed this as not planned Won't fix, can't repro, duplicate, stale Mar 2, 2024
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Assignees
No one assigned
Labels
inactive
Projects
None yet
Milestone
No milestone
Development

No branches or pull requests
2 participants
@kdeun1 @mmindy