juijs / jui-ui Goto Github PK
View Code? Open in Web Editor NEWJUI provide all kinds of UI components that are used in web pages. However, charts and grids are not included.
Home Page: http://uiplay.jui.io
JUI provide all kinds of UI components that are used in web pages. However, charts and grids are not included.
Home Page: http://uiplay.jui.io
추가로 unselect도 필요할 듯?
특정 스타일에 따라 제대로 적용되지 않는 문제를 필히 개선해야 함.
송 주헌님 이슈
마지막 노드에서 위로 올라갈 때, 두 번 클릭해야하는 버그
차트에서 데이터 포인트에 마우스를 hover했을경우의 효과 개선안
데이터 포인트의 border컬러와 bg컬러를 반전시킨다.
데이터 포인트의 사이즈는 기존과 동일하되, hover했을경우 border사이즈만 기존의 값 1에서 2로 변경한다.
현재 클릭시 제공하는 커스텀 이벤트가 없음...
관련해서 개선해야 함...
svg타입의 아이콘 개발.
http://tympanus.net/Development/IconHoverEffects/#set-1
이거 괜찮네..
BorderLayout 으로 동작하는 layout 라이브리를 추가해주세요.
Desktop UI 구현할 때 필요 할 것 같아요.
현재는 발생하지 않음
display: table-cell 형태로 모두 변경
리스트 스타일 추가해봐요.
이거 많이 쓰일듯 싶네요.
추가해주세용!
dfefefef
scroll과 scrollHeight 옵션 통합
해당 문제가 발생하는 현상은 아래와 같은 경우...
아래는 이와 같은 문제를 해결할 수 있는 스타일
.xtable table {
table-layout: fixed;
border-spacing: 0;
border-collapse: inherit;
}
.xtable th {
overflow: hidden;
text-overflow: ellipsis;
white-space: nowrap;
}
.xtable td {
word-break: break-all;
}
관련 메뉴얼 추가 (유틸, svgToBase64도 추가)
기존에는 page 이벤트가 발생하는데...
reload 이벤트가 발생하도록 수정해야겠음...
Target이 display: none이 아닐 경우...
Clone 형태로 보여지는 부분에 대한 개선이 필요함...
(예: clone 옵션 추가 ?)
심플한 스위치 한번 만들어봅시다.
http://dev.axisj.com/samples/AXInput/Switch.html
커스텀 이벤트는 사용자가 제어할 수 없는 상황에서 발생되는 이벤트이다.
changeTheme
resize
그 외 메소드 고려하기
다른 스타일의 테이블에도 적용되게 수정
안녕하세요, JUI 프로젝트를 관심있게 들여다 보고 있는 개발자 입니다.
먼저, 아래 페이지가 보여지지 않아서 이슈로 등록 합니다.
http://seogi1004.github.io/jui/doc_en/index.html#script/treetable
updateTree 메소드 추가 (테이블 컴포넌트 참조)
Table은 있는데, XTable은 없음.. 관련해서 수정 필요
window 스타일 수정 요청합니다.
.jui .window
message box의 기본 shadow style과 , [black type], [white type]의 border값을 삭제합니다. 스타일은 아래와 같습니다.
.msgbox
-box-shadow: 0 0 5px 1px rgba(0, 0, 0, 0.25);(수정)
-border:1px solid #cacaca (삭제)
.msgbox-white
border: 1px solid #cacaca(삭제)
.msgbox-black
border:1px solid #5a5a5a (삭제)
기본적으로 svg는 색상을 3가지로 채울 수 있는데
일반적인 컬러 (red, blue, #FFFFFF 등의 rgb 코드)
gradient
pattern
그 중에 color 와 같은 방식으로 gradient 의 형식을 지정하였습니다.
linear(left) red,blue 하게 되면
자동으로 linearGradient 가 생성되며 왼쪽에서 오른쪽 방향으로
2개의 stop 컬러(red, blue) 생성이 된다.
모든 차트에 사용되는 색상 코드는 저런식으로 자동으로 컨버팅 된다.
즉 gradient 를 쓰기 위해서 태그를 따로 생성할 필요 없이 필요한 문자열 코드만 적어주면 된다.
100만건의 데이터를 추가하는 데모이며등에서 보여즈는 animation이 ie에서 동작하지 않습니다.
아마도 ".btn.toggle"로 변경해야할 듯...
관련해서 "button.less"도 수정해야 함.
implements color and title attribute in grid.
가로 스크롤이 필요하다는 의견을 받음
검토해보니 사용할 일이 많을 것 같음
test
A declarative, efficient, and flexible JavaScript library for building user interfaces.
🖖 Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.
TypeScript is a superset of JavaScript that compiles to clean JavaScript output.
An Open Source Machine Learning Framework for Everyone
The Web framework for perfectionists with deadlines.
A PHP framework for web artisans
Bring data to life with SVG, Canvas and HTML. 📊📈🎉
JavaScript (JS) is a lightweight interpreted programming language with first-class functions.
Some thing interesting about web. New door for the world.
A server is a program made to process requests and deliver data to clients.
Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.
Some thing interesting about visualization, use data art
Some thing interesting about game, make everyone happy.
We are working to build community through open source technology. NB: members must have two-factor auth.
Open source projects and samples from Microsoft.
Google ❤️ Open Source for everyone.
Alibaba Open Source for everyone
Data-Driven Documents codes.
China tencent open source team.