comento/comento-ui

Vue UI components used in Comento

comento-ui's Issues

Typography에 font-weight 속성 추가

Image file cdn으로 옮기기

Button loading issue

loading 속성을 줬을 때, 기존 slot의 width를 기억했다가 유지하는 작업이 필요합니다.

IDE Unknown html tag 이슈

프로젝트에서 컴포넌트를 사용할 때 IDE에서 Unknown html tag라고 뜨는 이슈가 있습니다. 동작은 하지만 노란줄이 떠서 마치 오타가 난 것처럼 신경이 쓰입니다.
현재 컴포넌트명은 Button, Avatar... 이고 plugin에서 install 할때만 CButton, CAvatar...로 사용하는데, 아예 컴포넌트명에 C를 붙여서 둘을 똑같이 쓰면 이슈가 해결되지 않을까 생각해봅니다.
Vuetify의 경우 컴포넌트명과 install할 때 둘 다 VButton, VDataTable... 을 사용합니다.

Divider 개선

• props에서 width, height를 제거하고 상위 width, height에 대응되도록 변경하기
• props에서 direction 제거하기
• docs 만들기

Dropdown 개선

• 아이템 영역에 basic type 만들기
  basic type이 아닐 때는 <slot />으로 어떠한 것이든 가능(Input, SearchInput)
  

• type prop 만들기
  -> prop명을 basic으로 하고 Boolean으로 해야 할까?

Icon에 transform: rotate 추가

Component 등록 체크

Component를 만든 다음에 실수로 등록을 안했을 때, 체크할 수 있는 로직이 있다면 좋겠네요

Input component - type 추가

현재는 Input type="text"로 고정되어 있음
tel, email, number 등 다양한 타입을 prop으로 받아서 사용하도록 개선 필요

컴포넌트 자동완성

/**
 * @displayName c-file-button
 */
export default {
	name: 'FileButton',
        ...
}

외부 IDE에서 자동완성을 하려면 displayName 주석을 넣어주어야 해서 신규 컴포넌트들에 추가 부탁드려요

Checkbox가 클릭안되는 이슈

input id랑 label for가 일치해야 하는데 아래와 같이 페이지에서 동시에 렌더링이 안되는 경우에도 불구하고 코드상에 포함되어 있으면 uid가 꼬이는 거 같음. uid 부여방식을 개선해야 할 거 같네요.

Callout closeable position

closable 버튼이 position: absolute라서 텍스트와 겹치는 이슈

Avatar component 구조 변경

디자인시스템상 avatar 컴포넌트에는 아바타만 있고, text를 포함하지 않습니다.
현재 잘못 만들어져 있어서 나중에 변경해야 합니다.

comento-ui/assets/style/base/mixins.scss의 selection 부분 $cursor 오류

mixin.scss에서 selection 부분 else 문에서 $cursor 정의해야할 부분에 $color가 대신 정의 된 것 같습니다.
그리고 selection에 background-color가 darken으로 설정되고 fade로 덮어씌워지던데, 그럼 darken 부분이 필요없지 않나요? 추가적으로, fade는 sass 컬러 함수에 없고, 실제 웹에서 확인했을 때 잘못된 특성 값으로 확인됩니다. fade가 들어간 이유가 궁금합니다.

모든 컴포넌트가 등록되었는지 체크하는 테스트코드 작성 필요

Install @comento-ui is not working

npm install @comento-ui and yarn add @comento-ui is not working.

But npm i comento-ui is works fine.

Loader가 IE에서 돌아가지 않는 이슈