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] Tree 컴포넌트 #734

Closed
BoKyeongShin opened this issue Dec 15, 2020 · 1 comment
Closed

[3.0] Tree 컴포넌트 #734

BoKyeongShin opened this issue Dec 15, 2020 · 1 comment
Labels
inactive

Comments

@BoKyeongShin
Copy link
Contributor

  • Tree 컴포넌트 마이그레이션
BoKyeongShin added a commit that referenced this issue Dec 15, 2020
@BoKyeongShin
[#734][3.0] Tree 컴포넌트 마이그레이션 진행
8ab5d5a 
###########
- router> index.js: tree 메뉴 로드 정보 수정
- views> tree에 tree.md, Default.vue, props.js 파일 추가하고 index.vue 파일은 제거
- src> components> tree에 index.js(ev-tree 등록), tree.vue, treenode.vue 파일 추가
- main.js: 등록한 ev-tree 컴포넌트 전역에서 사용할 수 있도록 추가
- Tree.vue: 트리 정보를 재정의하고 체크박스 선택 해제 시마다 현재 체크된 노드를 기준으로 체크박스 설정을 수정하는 로직이 구현
- TreeNode.vue: 가시적인 트리 구조가 구현되어 있고 체크박스 선택, 컨텐츠 클릭, 트리 펼침/닫힘 처리가 수행됨
BoKyeongShin added a commit that referenced this issue Dec 16, 2020
@BoKyeongShin
[#734][3.0] Tree.vue props default 선언 방식 수정
ecc62b5 
###########
- 다른 props의 default 선언 방식과의 통일성을 위해 수정
BoKyeongShin added a commit that referenced this issue Dec 16, 2020
@BoKyeongShin
[#734][3.0] Tree 컴포넌트 이벤트 동작 안하는 문제로 package-lock 파일 다시 추가
6a90c01 
###########
- Tree 컴포넌트 이벤트 동작 안하는 문제로 package-lock 파일 다시 추가
BoKyeongShin added a commit that referenced this issue Dec 17, 2020
@BoKyeongShin
[#734][3.0] 1차 피드백 반영
e7e4472 
###########
- 이벤트 명 수정(click-node, dbclick-node, check로 수정)
- 각 속성의 특징을 볼 수 있는 예제 추가
- Default.vue에서 함수사용을 화살표 함수로 수정
- 기본 expand/collapse 아이콘 변경, expand 시 rotate처리하여 보여지도록 수정, 열고 닫을 때 애니메이션 추가
- 처음에 체크박스 선택될 때 rebuildTree가 수행되지 않아 부모 체크박스가 선택되지 않는 문제 수정
- md 기술 문서 수정
- disable-eslint 해놨던 제거 하고 불가피하게 린트 사용 막을 한 줄만 'eslint-disable-line no-param-reassign' 추가
- 아이콘 간격 수정
BoKyeongShin added a commit that referenced this issue Dec 17, 2020
@BoKyeongShin
[#734][3.0] 2차 피드백 반영
b179ca4 
###########
- value 속성 추가하여 value가 없을 경우 title + nodekey를 가지도록 추가함 (nodeKey를 추가한 이유는 동일한 title이 있을 수 있기 때문에)
- value를 추가하면서 click, dbclick, check 이벤트 발생 시 선택되거나 체크된 노드 정보 모두 emit하던 방식에서 {title, value}를 emit하는 방식으로 수정
caferion pushed a commit that referenced this issue Dec 18, 2020
@BoKyeongShin
[#734][3.0] Tree 컴포넌트 마이그레이션 진행 (#735)
0620c8a 
* [#734][3.0] Tree 컴포넌트 마이그레이션 진행
###########
- router> index.js: tree 메뉴 로드 정보 수정
- views> tree에 tree.md, Default.vue, props.js 파일 추가하고 index.vue 파일은 제거
- src> components> tree에 index.js(ev-tree 등록), tree.vue, treenode.vue 파일 추가
- main.js: 등록한 ev-tree 컴포넌트 전역에서 사용할 수 있도록 추가
- Tree.vue: 트리 정보를 재정의하고 체크박스 선택 해제 시마다 현재 체크된 노드를 기준으로 체크박스 설정을 수정하는 로직이 구현
- TreeNode.vue: 가시적인 트리 구조가 구현되어 있고 체크박스 선택, 컨텐츠 클릭, 트리 펼침/닫힘 처리가 수행됨

* [#734][3.0] Tree.vue props default 선언 방식 수정
###########
- 다른 props의 default 선언 방식과의 통일성을 위해 수정

* [#734][3.0] Tree 컴포넌트 이벤트 동작 안하는 문제로 package-lock 파일 다시 추가
###########
- Tree 컴포넌트 이벤트 동작 안하는 문제로 package-lock 파일 다시 추가

* [#734][3.0] 1차 피드백 반영
###########
- 이벤트 명 수정(click-node, dbclick-node, check로 수정)
- 각 속성의 특징을 볼 수 있는 예제 추가
- Default.vue에서 함수사용을 화살표 함수로 수정
- 기본 expand/collapse 아이콘 변경, expand 시 rotate처리하여 보여지도록 수정, 열고 닫을 때 애니메이션 추가
- 처음에 체크박스 선택될 때 rebuildTree가 수행되지 않아 부모 체크박스가 선택되지 않는 문제 수정
- md 기술 문서 수정
- disable-eslint 해놨던 제거 하고 불가피하게 린트 사용 막을 한 줄만 'eslint-disable-line no-param-reassign' 추가
- 아이콘 간격 수정

* [#734][3.0] 2차 피드백 반영
###########
- value 속성 추가하여 value가 없을 경우 title + nodekey를 가지도록 추가함 (nodeKey를 추가한 이유는 동일한 title이 있을 수 있기 때문에)
- value를 추가하면서 click, dbclick, check 이벤트 발생 시 선택되거나 체크된 노드 정보 모두 emit하던 방식에서 {title, value}를 emit하는 방식으로 수정
BoKyeongShin added a commit that referenced this issue Feb 3, 2021
@BoKyeongShin
[#734][3.0] Tree 컴포넌트 기능 개선(filtering 기능 추가), TextField 컴포넌트의 searchV…
edaf66b 
…alue() 수정

###########
- Filtering 기능 추가하여 스펙 문서 수정(tree.md), 예제 추가(Default.vue)
- Tree, TreeNode 컴포넌트 내에서 스타일 scoped 사용 제거
- filtering 기능 추가
- 검색어가 아예 없을 경우에도 검색이 되어야 하므로 조건 제거(TextField.vue)
BoKyeongShin added a commit that referenced this issue Feb 3, 2021
@BoKyeongShin
[#734][3.0] Tree 컴포넌트 기능 개선 코드에 대한 피드백 반영
b2839f8 
###########
- filteredValue를 searchWord로 변경
- 오타 수정
- 선언된 변수 활용하도록 수정
BoKyeongShin added a commit that referenced this issue Feb 3, 2021
@BoKyeongShin
[#734][3.0] Tree 컴포넌트 기능 개선 코드에 대한 피드백 반영
e973e2c 
###########
- in 연산자 대신 Object.hasOwnProperty.call()을 사용해서 해당 프로퍼티 확인하는 방식으로 수정
BoKyeongShin added a commit that referenced this issue Feb 4, 2021
@BoKyeongShin
[#734][3.0] 데이터가 많을 경우 부하 발생 처리에 대한 피드백 반영
c06eef3 
###########
- 노드가 많아지면 발생할 수 있는 부하에 대한 피드백 반영, 쓰로틀링 방법을 도입하여 수정
caferion pushed a commit that referenced this issue Feb 4, 2021
@BoKyeongShin
[#734][3.0] Tree 컴포넌트 기능 개선(filtering 기능 추가), TextField 컴포넌트의 searchV…
70a9764 
…alue() 수정 (#751)

* [#734][3.0] Tree 컴포넌트 기능 개선(filtering 기능 추가), TextField 컴포넌트의 searchValue() 수정
###########
- Filtering 기능 추가하여 스펙 문서 수정(tree.md), 예제 추가(Default.vue)
- Tree, TreeNode 컴포넌트 내에서 스타일 scoped 사용 제거
- filtering 기능 추가
- 검색어가 아예 없을 경우에도 검색이 되어야 하므로 조건 제거(TextField.vue)

* [#734][3.0] Tree 컴포넌트 기능 개선 코드에 대한 피드백 반영
###########
- filteredValue를 searchWord로 변경
- 오타 수정
- 선언된 변수 활용하도록 수정

* [#734][3.0] Tree 컴포넌트 기능 개선 코드에 대한 피드백 반영
###########
- in 연산자 대신 Object.hasOwnProperty.call()을 사용해서 해당 프로퍼티 확인하는 방식으로 수정

* [#734][3.0] 데이터가 많을 경우 부하 발생 처리에 대한 피드백 반영
###########
- 노드가 많아지면 발생할 수 있는 부하에 대한 피드백 반영, 쓰로틀링 방법을 도입하여 수정
@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
1 participant
@BoKyeongShin