JavaScript
/
bee-table
3
0
Fork 1
Code Issues Pull Requests Releases Wiki Activity

链接文字颜色修改

This commit is contained in:
yangchch6 2019-03-13 17:43:56 +08:00
parent d09b156205
commit bad1d8ad16
7 changed files with 260 additions and 153 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

13
build/Table.css
View File

@ -179,7 +179,8 @@
border-collapse: collapse; border-collapse: collapse;
text-align: left; } text-align: left; }
.u-table th { .u-table th {
font-weight: bold; } font-weight: bold;
text-align: left; }
.u-table th[colspan] { .u-table th[colspan] {
text-align: center; } text-align: center; }
.u-table th ::last-child { .u-table th ::last-child {
@ -189,17 +190,17 @@
.u-table td a { .u-table td a {
color: #2196F3; } color: #2196F3; }
.u-table td a:hover { .u-table td a:hover {
color: rgb(230, 0, 18); } color: #1565c0; }
.u-table td a:active { .u-table td a:active {
color: rgb(230, 0, 18); } color: #1565c0; }
.u-table tr:hover td .uf-eye { .u-table tr:hover td .uf-eye {
visibility: visible !important; } visibility: visible !important; }
.u-table tr tr a { .u-table tr tr a {
color: rgb(245, 60, 50); } color: #2196F3; }
.u-table tr tr a:hover { .u-table tr tr a:hover {
color: rgb(230, 0, 18); } color: #1565c0; }
.u-table tr tr a:active { .u-table tr tr a:active {
color: rgb(230, 0, 18); } color: #1565c0; }
.u-table tr.tr-row-hover { .u-table tr.tr-row-hover {
background: rgb(235, 236, 240); } background: rgb(235, 236, 240); }
.u-table th, .u-table th,

3
build/lib/multiSelect.js
View File

@ -132,7 +132,8 @@ function multiSelect(Table, Checkbox) {
return NewMultiSelect; return NewMultiSelect;
}(_react.Component), _class.defaultProps = { }(_react.Component), _class.defaultProps = {
prefixCls: "u-table-mult-select" prefixCls: "u-table-mult-select",
getSelectedDataFunc: function getSelectedDataFunc() {}
}, _initialiseProps = function _initialiseProps() { }, _initialiseProps = function _initialiseProps() {
var _this2 = this; var _this2 = this;

246
dist/demo.css vendored
View File

@ -6081,9 +6081,12 @@ input.u-button[type="submit"] {
color: rgb(255,255,255); color: rgb(255,255,255);
background-color: rgb(245, 60, 50); background-color: rgb(245, 60, 50);
border: 1px rgb(245, 60, 50) solid; } border: 1px rgb(245, 60, 50) solid; }
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus, .u-button.u-button-primary:hover { .u-button.u-button-primary:hover {
background-color: rgb(230, 0, 18); background-color: rgb(230, 0, 18);
border-color: rgb(230, 0, 18); } border-color: rgb(230, 0, 18); }
.u-button.u-button-primary.focus, .u-button.u-button-primary:focus:hover {
background-color: rgb(245, 60, 50);
border-color: rgb(245, 60, 50); }
.u-button.u-button-primary.active, .u-button.u-button-primary:active { .u-button.u-button-primary.active, .u-button.u-button-primary:active {
background-color: rgb(230, 0, 18); background-color: rgb(230, 0, 18);
border-color: rgb(230, 0, 18); } border-color: rgb(230, 0, 18); }
@ -6092,9 +6095,12 @@ input.u-button[type="submit"] {
color: rgb(33,33,33); color: rgb(33,33,33);
background-color: rgb(224,224,224); background-color: rgb(224,224,224);
border: 1px rgb(224,224,224) solid; } border: 1px rgb(224,224,224) solid; }
.u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus, .u-button.u-button-secondary:hover { .u-button.u-button-secondary:hover {
background-color: rgb(189,189,189); background-color: rgb(189,189,189);
border-color: rgb(189,189,189); } border-color: rgb(189,189,189); }
.u-button.u-button-secondary.focus, .u-button.u-button-secondary:focus:hover {
background-color: rgb(224,224,224);
border-color: rgb(224,224,224); }
.u-button.u-button-secondary.active, .u-button.u-button-secondary:active { .u-button.u-button-secondary.active, .u-button.u-button-secondary:active {
background-color: rgb(189,189,189); background-color: rgb(189,189,189);
border-color: rgb(189,189,189); } border-color: rgb(189,189,189); }
@ -6103,9 +6109,12 @@ input.u-button[type="submit"] {
color: rgb(255,255,255); color: rgb(255,255,255);
background-color: rgb(244,67,54); background-color: rgb(244,67,54);
border: 1px rgb(244,67,54) solid; } border: 1px rgb(244,67,54) solid; }
.u-button.u-button-danger.focus, .u-button.u-button-danger:focus, .u-button.u-button-danger:hover { .u-button.u-button-danger:hover {
background-color: rgb(211,47,47); background-color: rgb(211,47,47);
border-color: rgb(211,47,47); } border-color: rgb(211,47,47); }
.u-button.u-button-danger.focus, .u-button.u-button-danger:focus:hover {
background-color: rgb(244,67,54);
border-color: rgb(244,67,54); }
.u-button.u-button-danger.active, .u-button.u-button-danger:active { .u-button.u-button-danger.active, .u-button.u-button-danger:active {
background-color: rgb(211,47,47); background-color: rgb(211,47,47);
border-color: rgb(211,47,47); } border-color: rgb(211,47,47); }
@ -6114,9 +6123,12 @@ input.u-button[type="submit"] {
color: rgb(255,255,255); color: rgb(255,255,255);
background-color: rgb(0,188,212); background-color: rgb(0,188,212);
border: 1px rgb(0,188,212) solid; } border: 1px rgb(0,188,212) solid; }
.u-button.u-button-info.focus, .u-button.u-button-info:focus, .u-button.u-button-info:hover { .u-button.u-button-info:hover {
background-color: rgb(0,151,167); background-color: rgb(0,151,167);
border-color: rgb(0,151,167); } border-color: rgb(0,151,167); }
.u-button.u-button-info.focus, .u-button.u-button-info:focus:hover {
background-color: rgb(0,188,212);
border-color: rgb(0,188,212); }
.u-button.u-button-info.active, .u-button.u-button-info:active { .u-button.u-button-info.active, .u-button.u-button-info:active {
background-color: rgb(0,151,167); background-color: rgb(0,151,167);
border-color: rgb(0,151,167); } border-color: rgb(0,151,167); }
@ -6125,9 +6137,12 @@ input.u-button[type="submit"] {
color: rgb(255,255,255); color: rgb(255,255,255);
background-color: rgb(255,152,0); background-color: rgb(255,152,0);
border: 1px rgb(255,152,0) solid; } border: 1px rgb(255,152,0) solid; }
.u-button.u-button-warning.focus, .u-button.u-button-warning:focus, .u-button.u-button-warning:hover { .u-button.u-button-warning:hover {
background-color: rgb(245,124,0); background-color: rgb(245,124,0);
border-color: rgb(245,124,0); } border-color: rgb(245,124,0); }
.u-button.u-button-warning.focus, .u-button.u-button-warning:focus:hover {
background-color: rgb(255,152,0);
border-color: rgb(255,152,0); }
.u-button.u-button-warning.active, .u-button.u-button-warning:active { .u-button.u-button-warning.active, .u-button.u-button-warning:active {
background-color: rgb(245,124,0); background-color: rgb(245,124,0);
border-color: rgb(245,124,0); } border-color: rgb(245,124,0); }
@ -6136,9 +6151,12 @@ input.u-button[type="submit"] {
color: rgb(255,255,255); color: rgb(255,255,255);
background-color: rgb(76,175,80); background-color: rgb(76,175,80);
border: 1px rgb(76,175,80) solid; } border: 1px rgb(76,175,80) solid; }
.u-button.u-button-success.focus, .u-button.u-button-success:focus, .u-button.u-button-success:hover { .u-button.u-button-success:hover {
background-color: rgb(56,142,60); background-color: rgb(56,142,60);
border-color: rgb(56,142,60); } border-color: rgb(56,142,60); }
.u-button.u-button-success.focus, .u-button.u-button-success:focus:hover {
background-color: rgb(76,175,80);
border-color: rgb(76,175,80); }
.u-button.u-button-success.active, .u-button.u-button-success:active { .u-button.u-button-success.active, .u-button.u-button-success:active {
background-color: rgb(56,142,60); background-color: rgb(56,142,60);
border-color: rgb(56,142,60); } border-color: rgb(56,142,60); }
@ -6147,9 +6165,12 @@ input.u-button[type="submit"] {
color: rgb(255,255,255); color: rgb(255,255,255);
background-color: rgb(97,97,97); background-color: rgb(97,97,97);
border: 1px rgb(97,97,97) solid; } border: 1px rgb(97,97,97) solid; }
.u-button.u-button-dark.focus, .u-button.u-button-dark:focus, .u-button.u-button-dark:hover { .u-button.u-button-dark:hover {
background-color: rgb(66,66,66); background-color: rgb(66,66,66);
border-color: rgb(66,66,66); } border-color: rgb(66,66,66); }
.u-button.u-button-dark.focus, .u-button.u-button-dark:focus:hover {
background-color: rgb(97,97,97);
border-color: rgb(97,97,97); }
.u-button.u-button-dark.active, .u-button.u-button-dark:active { .u-button.u-button-dark.active, .u-button.u-button-dark:active {
background-color: rgb(66,66,66); background-color: rgb(66,66,66);
border-color: rgb(66,66,66); } border-color: rgb(66,66,66); }
@ -6158,9 +6179,12 @@ input.u-button[type="submit"] {
color: rgb(97,97,97); color: rgb(97,97,97);
background-color: rgb(255,255,255); background-color: rgb(255,255,255);
border: 1px rgb(255,255,255) solid; } border: 1px rgb(255,255,255) solid; }
.u-button.u-button-light.focus, .u-button.u-button-light:focus, .u-button.u-button-light:hover { .u-button.u-button-light:hover {
background-color: rgb(189,189,189); background-color: rgb(189,189,189);
border-color: rgb(189,189,189); } border-color: rgb(189,189,189); }
.u-button.u-button-light.focus, .u-button.u-button-light:focus:hover {
background-color: rgb(255,255,255);
border-color: rgb(255,255,255); }
.u-button.u-button-light.active, .u-button.u-button-light:active { .u-button.u-button-light.active, .u-button.u-button-light:active {
background-color: rgb(189,189,189); background-color: rgb(189,189,189);
border-color: rgb(189,189,189); } border-color: rgb(189,189,189); }
@ -6169,10 +6193,14 @@ input.u-button[type="submit"] {
color: rgb(76,175,80); color: rgb(76,175,80);
background-color: #fff; background-color: #fff;
border: 1px rgb(76,175,80) solid; } border: 1px rgb(76,175,80) solid; }
.u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus, .u-button-border.u-button-success:hover { .u-button-border.u-button-success:hover {
background-color: rgb(56,142,60); background-color: rgb(56,142,60);
border-color: rgb(56,142,60); border-color: rgb(56,142,60);
color: #fff; } color: #fff; }
.u-button-border.u-button-success.focus, .u-button-border.u-button-success:focus:hover {
color: rgb(76,175,80);
background-color: #fff;
border-color: rgb(76,175,80); }
.u-button-border.u-button-success.active, .u-button-border.u-button-success:active { .u-button-border.u-button-success.active, .u-button-border.u-button-success:active {
color: #fff; color: #fff;
background-color: rgb(56,142,60); background-color: rgb(56,142,60);
@ -6182,10 +6210,14 @@ input.u-button[type="submit"] {
color: rgb(255,152,0); color: rgb(255,152,0);
background-color: #fff; background-color: #fff;
border: 1px rgb(255,152,0) solid; } border: 1px rgb(255,152,0) solid; }
.u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus, .u-button-border.u-button-warning:hover { .u-button-border.u-button-warning:hover {
background-color: rgb(245,124,0); background-color: rgb(245,124,0);
border-color: rgb(245,124,0); border-color: rgb(245,124,0);
color: #fff; } color: #fff; }
.u-button-border.u-button-warning.focus, .u-button-border.u-button-warning:focus:hover {
color: rgb(255,152,0);
background-color: #fff;
border-color: rgb(255,152,0); }
.u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active { .u-button-border.u-button-warning.active, .u-button-border.u-button-warning:active {
color: #fff; color: #fff;
background-color: rgb(245,124,0); background-color: rgb(245,124,0);
@ -6195,10 +6227,14 @@ input.u-button[type="submit"] {
color: rgb(244,67,54); color: rgb(244,67,54);
background-color: #fff; background-color: #fff;
border: 1px rgb(244,67,54) solid; } border: 1px rgb(244,67,54) solid; }
.u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus, .u-button-border.u-button-danger:hover { .u-button-border.u-button-danger:hover {
background-color: rgb(211,47,47); background-color: rgb(211,47,47);
border-color: rgb(211,47,47); border-color: rgb(211,47,47);
color: #fff; } color: #fff; }
.u-button-border.u-button-danger.focus, .u-button-border.u-button-danger:focus:hover {
color: rgb(244,67,54);
background-color: #fff;
border-color: rgb(244,67,54); }
.u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active { .u-button-border.u-button-danger.active, .u-button-border.u-button-danger:active {
color: #fff; color: #fff;
background-color: rgb(211,47,47); background-color: rgb(211,47,47);
@ -6208,10 +6244,14 @@ input.u-button[type="submit"] {
color: rgb(0,188,212); color: rgb(0,188,212);
background-color: #fff; background-color: #fff;
border: 1px rgb(0,188,212) solid; } border: 1px rgb(0,188,212) solid; }
.u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus, .u-button-border.u-button-info:hover { .u-button-border.u-button-info:hover {
background-color: rgb(0,151,167); background-color: rgb(0,151,167);
border-color: rgb(0,151,167); border-color: rgb(0,151,167);
color: #fff; } color: #fff; }
.u-button-border.u-button-info.focus, .u-button-border.u-button-info:focus:hover {
color: rgb(0,188,212);
background-color: #fff;
border-color: rgb(0,188,212); }
.u-button-border.u-button-info.active, .u-button-border.u-button-info:active { .u-button-border.u-button-info.active, .u-button-border.u-button-info:active {
color: #fff; color: #fff;
background-color: rgb(0,151,167); background-color: rgb(0,151,167);
@ -6221,10 +6261,14 @@ input.u-button[type="submit"] {
color: rgb(245, 60, 50); color: rgb(245, 60, 50);
background-color: #fff; background-color: #fff;
border: 1px rgb(245, 60, 50) solid; } border: 1px rgb(245, 60, 50) solid; }
.u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover { .u-button-border.u-button-primary:hover {
background-color: rgb(230, 0, 18); background-color: rgb(230, 0, 18);
border-color: rgb(230, 0, 18); border-color: rgb(230, 0, 18);
color: #fff; } color: #fff; }
.u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus:hover {
color: rgb(245, 60, 50);
background-color: #fff;
border-color: rgb(245, 60, 50); }
.u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active { .u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {
color: #fff; color: #fff;
background-color: rgb(230, 0, 18); background-color: rgb(230, 0, 18);
@ -6234,10 +6278,14 @@ input.u-button[type="submit"] {
color: rgb(224,224,224); color: rgb(224,224,224);
background-color: #fff; background-color: #fff;
border: 1px rgb(224,224,224) solid; } border: 1px rgb(224,224,224) solid; }
.u-button-border.u-button-secondary.focus, .u-button-border.u-button-secondary:focus, .u-button-border.u-button-secondary:hover { .u-button-border.u-button-secondary:hover {
background-color: rgb(189,189,189); background-color: rgb(189,189,189);
border-color: rgb(189,189,189); border-color: rgb(189,189,189);
color: #fff; } color: #fff; }
.u-button-border.u-button-secondary.focus, .u-button-border.u-button-secondary:focus:hover {
color: rgb(224,224,224);
background-color: #fff;
border-color: rgb(224,224,224); }
.u-button-border.u-button-secondary.active, .u-button-border.u-button-secondary:active { .u-button-border.u-button-secondary.active, .u-button-border.u-button-secondary:active {
color: #fff; color: #fff;
background-color: rgb(189,189,189); background-color: rgb(189,189,189);
@ -6247,10 +6295,14 @@ input.u-button[type="submit"] {
color: rgb(97,97,97); color: rgb(97,97,97);
background-color: #fff; background-color: #fff;
border: 1px rgb(97,97,97) solid; } border: 1px rgb(97,97,97) solid; }
.u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus, .u-button-border.u-button-dark:hover { .u-button-border.u-button-dark:hover {
background-color: rgb(66,66,66); background-color: rgb(66,66,66);
border-color: rgb(66,66,66); border-color: rgb(66,66,66);
color: #fff; } color: #fff; }
.u-button-border.u-button-dark.focus, .u-button-border.u-button-dark:focus:hover {
color: rgb(97,97,97);
background-color: #fff;
border-color: rgb(97,97,97); }
.u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active { .u-button-border.u-button-dark.active, .u-button-border.u-button-dark:active {
color: #fff; color: #fff;
background-color: rgb(66,66,66); background-color: rgb(66,66,66);
@ -6260,10 +6312,14 @@ input.u-button[type="submit"] {
color: rgb(97,97,97); color: rgb(97,97,97);
background-color: #fff; background-color: #fff;
border: 1px rgb(255,255,255) solid; } border: 1px rgb(255,255,255) solid; }
.u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus, .u-button-border.u-button-light:hover { .u-button-border.u-button-light:hover {
background-color: rgb(189,189,189); background-color: rgb(189,189,189);
border-color: rgb(189,189,189); border-color: rgb(189,189,189);
color: #fff; } color: #fff; }
.u-button-border.u-button-light.focus, .u-button-border.u-button-light:focus:hover {
color: rgb(97,97,97);
background-color: #fff;
border-color: rgb(255,255,255); }
.u-button-border.u-button-light.active, .u-button-border.u-button-light:active { .u-button-border.u-button-light.active, .u-button-border.u-button-light:active {
color: #fff; color: #fff;
background-color: rgb(189,189,189); background-color: rgb(189,189,189);
@ -6559,9 +6615,9 @@ input.u-button[type="submit"] {
.u-pagination-list > li > a, .u-pagination-list > li > span { .u-pagination-list > li > a, .u-pagination-list > li > span {
display: inline-block; display: inline-block;
text-decoration: none; text-decoration: none;
border-top: 1px solid #d7d7d7; border-top: 1px solid rgb(224,224,224);
border-bottom: 1px solid #d7d7d7; border-bottom: 1px solid rgb(224,224,224);
border-left: 1px solid #d7d7d7; border-left: 1px solid rgb(224,224,224);
background-color: transparent; background-color: transparent;
text-align: center; text-align: center;
color: #666666; color: #666666;
@ -6579,14 +6635,14 @@ input.u-button[type="submit"] {
.u-pagination-list > li[role="next"] > a { .u-pagination-list > li[role="next"] > a {
border-top-right-radius: 4px; border-top-right-radius: 4px;
border-bottom-right-radius: 4px; border-bottom-right-radius: 4px;
border-right: 1px solid #d7d7d7; } border-right: 1px solid rgb(224,224,224); }
.u-pagination-list > li { .u-pagination-list > li {
float: left; float: left;
list-style-type: none; } list-style-type: none; }
.u-pagination-list > li > a:hover, .u-pagination-list > li > span:hover, .u-pagination-list > li > a:focus, .u-pagination-list > li > span:focus { .u-pagination-list > li > a:hover, .u-pagination-list > li > span:hover, .u-pagination-list > li > a:focus, .u-pagination-list > li > span:focus {
color: #666; color: #666;
background-color: rgb(235, 236, 240); background-color: rgb(235, 236, 240);
border-color: #d7d7d7; border-color: rgb(224,224,224);
cursor: pointer; } cursor: pointer; }
.u-pagination-list > li > a > i { .u-pagination-list > li > a > i {
color: #7a869a; } color: #7a869a; }
@ -6600,13 +6656,13 @@ input.u-button[type="submit"] {
color: #777; color: #777;
cursor: not-allowed; cursor: not-allowed;
background-color: transparent; background-color: transparent;
border-color: #ddd; } border-color: rgb(224,224,224); }
.u-pagination-list > .disabled > a > i { .u-pagination-list > .disabled > a > i {
color: #C1C7D0; } color: #C1C7D0; }
.u-pagination-list > li[role="gap"] > a { .u-pagination-list > li[role="gap"] > a {
background-color: transparent; background-color: transparent;
border-bottom: 0 solid #d7d7d7; border-bottom: 0 solid rgb(224,224,224);
border-top: 0 solid #d7d7d7; border-top: 0 solid rgb(224,224,224);
padding: 7px 11px; padding: 7px 11px;
line-height: 1.57142857; } line-height: 1.57142857; }
.u-pagination-list > li[role="gap"] > a:hover, .u-pagination-list > li[role="gap"] > a:focus { .u-pagination-list > li[role="gap"] > a:hover, .u-pagination-list > li[role="gap"] > a:focus {
@ -6621,7 +6677,7 @@ input.u-button[type="submit"] {
padding: 0px; padding: 0px;
font-size: 14px; } font-size: 14px; }
.u-pagination-list > li:last-child > a, .u-pagination-list > li:last-child > span { .u-pagination-list > li:last-child > a, .u-pagination-list > li:last-child > span {
border-right: 1px solid #d7d7d7; } border-right: 1px solid rgb(224,224,224); }
.u-pagination .temp-main { .u-pagination .temp-main {
width: 100px; width: 100px;
height: 100px; height: 100px;
@ -6684,7 +6740,7 @@ input.u-button[type="submit"] {
border-radius: 3px; border-radius: 3px;
width: 50px; width: 50px;
text-align: center; text-align: center;
border: 1px solid #d7d7d7; } border: 1px solid rgb(224,224,224); }
.u-pagination .page_jump_btn, .u-pagination .page_jump_btn,
.u-pagination .page_jump_value { .u-pagination .page_jump_value {
margin: 0 8px; margin: 0 8px;
@ -6846,25 +6902,25 @@ input.u-button[type="submit"] {
.u-pagination-gap > li > a { .u-pagination-gap > li > a {
margin: 0 5px; margin: 0 5px;
border-radius: 5px; border-radius: 5px;
border: 1px solid #d7d7d7; } border: 1px solid rgb(224,224,224); }
.u-pagination-gap > li > a:hover { .u-pagination-gap > li > a:hover {
background-color: transparent; background-color: rgb(235, 236, 240);
border-color: #7A869A; } border-color: rgb(224,224,224); }
.u-pagination-gap > li:first-child > a, .u-pagination-gap > li:last-child > a { .u-pagination-gap > li:first-child > a, .u-pagination-gap > li:last-child > a {
border-radius: 5px; } border-radius: 5px; }
.u-pagination-gap > li[role="gap"] > a { .u-pagination-gap > li[role="gap"] > a {
border: 0 solid #d7d7d7; } border: 0 solid rgb(224,224,224); }
/* FormGroup */ /* FormGroup */
/* Navlayout */ /* Navlayout */
.u-checkbox { .u-checkbox {
display: inline-block; display: inline-block;
position: relative; position: relative;
margin: 0 5px; margin: 0 8px;
height: 18px; height: 16px;
line-height: 18px; line-height: 16px;
font-size: 14px; font-size: 14px;
white-space: nowrap; white-space: nowrap;
cursor: pointer; cursor: pointer;
@ -6872,9 +6928,6 @@ input.u-button[type="submit"] {
position: relative; position: relative;
line-height: 1; line-height: 1;
vertical-align: middle; } vertical-align: middle; }
.u-checkbox.disabled .u-checkbox-label {
cursor: not-allowed;
opacity: 0.5; }
.u-checkbox input[type='checkbox'] { .u-checkbox input[type='checkbox'] {
position: absolute; position: absolute;
z-index: 3; z-index: 3;
@ -6889,27 +6942,34 @@ input.u-button[type="submit"] {
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before { .u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(245, 60, 50); } border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:before { .u-checkbox.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(224,224,224); }
.u-checkbox.is-checked .u-checkbox-label:after {
color: rgb(245, 60, 50);
content: "\e658";
line-height: 16px;
font-size: 12px;
font-weight: 600; }
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(245, 60, 50); box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
border-color: rgb(245, 60, 50); } border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:after { .u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:after {
color: #fff; color: #fff; }
content: "\e658";
line-height: 18px;
font-size: 14px; }
.u-checkbox .u-checkbox-label { .u-checkbox .u-checkbox-label {
cursor: pointer; cursor: pointer;
display: inline-block; display: inline-block;
padding-left: 25px; } padding-left: 25px;
line-height: 16px;
color: #212121; }
.u-checkbox .u-checkbox-label:before { .u-checkbox .u-checkbox-label:before {
border-radius: 3px; border-radius: 3px;
border: 1px solid; border: 1px solid rgb(224,224,224);
background-color: #fff; background-color: #fff;
transition: all 0.3s ease-in-out;
content: ''; content: '';
font-family: 'uf'; font-family: 'uf';
display: inline-block; display: inline-block;
width: 18px; width: 16px;
height: 18px; height: 16px;
left: 0; left: 0;
top: 0; top: 0;
text-align: center; text-align: center;
@ -6918,54 +6978,85 @@ input.u-button[type="submit"] {
content: ''; content: '';
font-family: 'uf'; font-family: 'uf';
display: inline-block; display: inline-block;
width: 18px; width: 16px;
height: 18px; height: 16px;
left: 0; left: 0;
top: 0; top: 0;
text-align: center; text-align: center;
position: absolute; } position: absolute; }
.u-checkbox.disabled .u-checkbox-label {
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after { cursor: not-allowed;
color: #fff; color: #909090; }
content: "\e6ce"; .u-checkbox.disabled .u-checkbox-label:before {
line-height: 18px; border-color: #DFE1E6;
font-size: 14px; } color: #909090; }
.u-checkbox.disabled .u-checkbox-label:after {
color: #c1c7d0; }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before { .u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(224,224,224); }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
color: rgb(245, 60, 50);
content: "\e6ce";
line-height: 16px;
font-size: 12px;
font-weight: 600; }
.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(245, 60, 50); box-shadow: inset 0 0 0 10px rgb(245, 60, 50);
border-color: rgb(245, 60, 50); } border-color: rgb(245, 60, 50); }
.u-checkbox.u-checkbox-indeterminate.u-checkbox-inverse .u-checkbox-label:after {
color: #fff; }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before { .u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(76,175,80); box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(76,175,80); } border-color: rgb(224,224,224); }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:after {
color: rgb(76,175,80); }
.u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before { .u-checkbox.u-checkbox-success input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(76,175,80); } border-color: rgb(76,175,80); }
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before { .u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(255,152,0); box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(255,152,0); } border-color: rgb(224,224,224); }
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:after {
color: rgb(255,152,0); }
.u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before { .u-checkbox.u-checkbox-warning input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(255,152,0); } border-color: rgb(255,152,0); }
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before { .u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(244,67,54); box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(244,67,54); } border-color: rgb(224,224,224); }
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:after {
color: rgb(244,67,54); }
.u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before { .u-checkbox.u-checkbox-danger input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(244,67,54); } border-color: rgb(244,67,54); }
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before { .u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(97,97,97); box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(97,97,97); } border-color: rgb(224,224,224); }
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:after {
color: rgb(97,97,97); }
.u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before { .u-checkbox.u-checkbox-dark input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(97,97,97); } border-color: rgb(97,97,97); }
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before { .u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(0,188,212); box-shadow: inset 0 0 0 10px #fff;
border-color: rgb(0,188,212); } border-color: rgb(224,224,224); }
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:after {
color: rgb(0,188,212); }
.u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before { .u-checkbox.u-checkbox-info input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(0,188,212); } border-color: rgb(0,188,212); }
@ -7256,8 +7347,8 @@ ul {
box-sizing: border-box; box-sizing: border-box;
display: block; display: block;
background-color: #fff; background-color: #fff;
border-radius: 4px; border-radius: 3px;
border: 1px solid #d9d9d9; border: 1px solid rgb(224,224,224);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); } transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.u-select .u-select-selection :hover { .u-select .u-select-selection :hover {
border-color: #40a5ed; } border-color: #40a5ed; }
@ -7374,7 +7465,7 @@ ul {
line-height: 24px; } line-height: 24px; }
.u-select-sm .u-select-selection { .u-select-sm .u-select-selection {
border-radius: 4px; } border-radius: 3px; }
.u-select-sm .u-select-selection--single { .u-select-sm .u-select-selection--single {
height: 26px; } height: 26px; }
@ -7425,7 +7516,7 @@ ul {
width: 100%; width: 100%;
background: transparent; background: transparent;
outline: 0; outline: 0;
border-radius: 4px; } border-radius: 3px; }
.u-select-search--inline .u-select-search-field-mirror { .u-select-search--inline .u-select-search-field-mirror {
position: absolute; position: absolute;
top: 0; top: 0;
@ -7464,7 +7555,7 @@ ul {
line-height: 24px; } line-height: 24px; }
.u-select-selection--multiple .u-select-selection-choice { .u-select-selection--multiple .u-select-selection-choice {
background-color: #f3f3f3; background-color: #f3f3f3;
border-radius: 4px; border-radius: 3px;
cursor: default; cursor: default;
float: left; float: left;
padding: 0 16px; padding: 0 16px;
@ -7559,7 +7650,7 @@ ul {
.u-select-dropdown { .u-select-dropdown {
background-color: white; background-color: white;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2); box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
border-radius: 4px; border-radius: 3px;
box-sizing: border-box; box-sizing: border-box;
z-index: 1800; z-index: 1800;
left: -9999px; left: -9999px;
@ -7698,7 +7789,7 @@ ul {
vertical-align: middle; } vertical-align: middle; }
.u-search-input.u-input-group .u-input:first-child, .u-search-input.u-input-group .u-select:first-child { .u-search-input.u-input-group .u-input:first-child, .u-search-input.u-input-group .u-select:first-child {
border-radius: 4px; border-radius: 3px;
position: absolute; position: absolute;
top: -1px; top: -1px;
width: 100%; } width: 100%; }
@ -8420,7 +8511,8 @@ ul {
border-collapse: collapse; border-collapse: collapse;
text-align: left; } text-align: left; }
.u-table th { .u-table th {
font-weight: bold; } font-weight: bold;
text-align: left; }
.u-table th[colspan] { .u-table th[colspan] {
text-align: center; } text-align: center; }
.u-table th ::last-child { .u-table th ::last-child {
@ -8430,17 +8522,17 @@ ul {
.u-table td a { .u-table td a {
color: #2196F3; } color: #2196F3; }
.u-table td a:hover { .u-table td a:hover {
color: rgb(230, 0, 18); } color: #1565c0; }
.u-table td a:active { .u-table td a:active {
color: rgb(230, 0, 18); } color: #1565c0; }
.u-table tr:hover td .uf-eye { .u-table tr:hover td .uf-eye {
visibility: visible !important; } visibility: visible !important; }
.u-table tr tr a { .u-table tr tr a {
color: rgb(245, 60, 50); } color: #2196F3; }
.u-table tr tr a:hover { .u-table tr tr a:hover {
color: rgb(230, 0, 18); } color: #1565c0; }
.u-table tr tr a:active { .u-table tr tr a:active {
color: rgb(230, 0, 18); } color: #1565c0; }
.u-table tr.tr-row-hover { .u-table tr.tr-row-hover {
background: rgb(235, 236, 240); } background: rgb(235, 236, 240); }
.u-table th, .u-table th,

2
dist/demo.css.map vendored
View File

File diff suppressed because one or more lines are too long

137
dist/demo.js vendored
View File

@ -62684,85 +62684,85 @@
var Option = _beeSelect2["default"].Option; var Option = _beeSelect2["default"].Option;
var propTypes = { var propTypes = {
/** /**
* 当前激活状态页 * 当前激活状态页
*/ */
activePage: _propTypes2["default"].number, activePage: _propTypes2["default"].number,
/** /**
* 总页数 * 总页数
*/ */
items: _propTypes2["default"].number, items: _propTypes2["default"].number,
/** /**
* 显示按钮从1到maxButton的按钮数 * 显示按钮从1到maxButton的按钮数
*/ */
maxButtons: _propTypes2["default"].number, maxButtons: _propTypes2["default"].number,
/** /**
* 当为true,不管切换到多少页都显示第一页和最后一页的按钮 * 当为true,不管切换到多少页都显示第一页和最后一页的按钮
*/ */
boundaryLinks: _propTypes2["default"].bool, boundaryLinks: _propTypes2["default"].bool,
/** /**
* 当为true,显示省略号，否则 * 当为true,显示省略号，否则
* *
*/ */
ellipsis: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]), ellipsis: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
/** /**
* 当为true,显示点击到第一页的按钮 * 当为true,显示点击到第一页的按钮
*/ */
first: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]), first: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
/** /**
* 当为true,显示点击到最后一页的按钮 * 当为true,显示点击到最后一页的按钮
*/ */
last: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]), last: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
/** /**
* 当为true,显示前一页按钮 * 当为true,显示前一页按钮
*/ */
prev: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]), prev: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
/** /**
* 当为true,显示下一页按钮 * 当为true,显示下一页按钮
*/ */
next: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]), next: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
/** /**
* 暴露给用户的切换页的方法 * 暴露给用户的切换页的方法
*/ */
onSelect: _propTypes2["default"].func, onSelect: _propTypes2["default"].func,
/** /**
* You can use a custom element for the buttons * You can use a custom element for the buttons
*/ */
buttonComponentClass: _propTypes2["default"].oneOfType([_propTypes2["default"].element, _propTypes2["default"].string]), buttonComponentClass: _propTypes2["default"].oneOfType([_propTypes2["default"].element, _propTypes2["default"].string]),
/** /**
* 每页多少条的选择 * 每页多少条的选择
*/ */
dataNumSelect: _propTypes2["default"].array, dataNumSelect: _propTypes2["default"].array,
/** /**
* 每页多少条选择哪一个 * 每页多少条选择哪一个
*/ */
dataNum: _propTypes2["default"].number, dataNum: _propTypes2["default"].number,
/** /**
* 显示跳页 * 显示跳页
*/ */
showJump: _propTypes2["default"].bool, showJump: _propTypes2["default"].bool,
/** /**
* 显示总共条数 * 显示总共条数
*/ */
total: _propTypes2["default"].number, total: _propTypes2["default"].number,
/** /**
* pagiantion不可点 * pagiantion不可点
*/ */
disabled: _propTypes2["default"].bool, disabled: _propTypes2["default"].bool,
/** /**
* 确认按钮的样式集合 * 确认按钮的样式集合
*/ */
btnType: _propTypes2["default"].object, btnType: _propTypes2["default"].object,
/** /**
* 渲染确认按钮的dom * 渲染确认按钮的dom
*/ */
confirmBtn: _propTypes2["default"].func confirmBtn: _propTypes2["default"].func
}; };
@ -62879,26 +62879,26 @@
} }
}; };
/** /**
* 确认跳页 * 确认跳页
*/ */
/** /**
* 每页多少条的选择 * 每页多少条的选择
* @param e * @param e
*/ */
/** /**
* 渲染page的按钮 * 渲染page的按钮
* @param activePage * @param activePage
* @param items * @param items
* @param maxButtons * @param maxButtons
* @param boundaryLinks * @param boundaryLinks
* @param ellipsis * @param ellipsis
* @param buttonProps * @param buttonProps
* @returns {Array} * @returns {Array}
*/ */
Pagination.prototype.renderPageButtons = function renderPageButtons(activePage, items, maxButtons, boundaryLinks, ellipsis, buttonProps) { Pagination.prototype.renderPageButtons = function renderPageButtons(activePage, items, maxButtons, boundaryLinks, ellipsis, buttonProps) {
var pageButtons = []; var pageButtons = [];
@ -63050,10 +63050,10 @@
var classNames = (0, _classnames3["default"])(clsPrefix + "-list", classes); var classNames = (0, _classnames3["default"])(clsPrefix + "-list", classes);
var wrapperClass = (0, _classnames3["default"])(clsPrefix, _defineProperty({}, clsPrefix + "-disabled", disabled)); var wrapperClass = (0, _classnames3["default"])(clsPrefix, _defineProperty({}, clsPrefix + "-disabled", disabled));
/** /**
* 页按钮属性 * 页按钮属性
* onSelect:暴露在外层交互动作，也是与父组件Pagination的交流接口 * onSelect:暴露在外层交互动作，也是与父组件Pagination的交流接口
* componentClass: 用户定义的按钮dom元素类型 * componentClass: 用户定义的按钮dom元素类型
*/ */
var buttonProps = { var buttonProps = {
onSelect: onSelect, onSelect: onSelect,
@ -64335,7 +64335,8 @@
return NewMultiSelect; return NewMultiSelect;
}(_react.Component), _class.defaultProps = { }(_react.Component), _class.defaultProps = {
prefixCls: "u-table-mult-select" prefixCls: "u-table-mult-select",
getSelectedDataFunc: function getSelectedDataFunc() {}
}, _initialiseProps = function _initialiseProps() { }, _initialiseProps = function _initialiseProps() {
var _this2 = this; var _this2 = this;
@ -64511,12 +64512,15 @@
colors: _propTypes2["default"].oneOf(['', 'dark', 'success', 'info', 'warning', 'danger', 'primary']), colors: _propTypes2["default"].oneOf(['', 'dark', 'success', 'info', 'warning', 'danger', 'primary']),
disabled: _propTypes2["default"].bool disabled: _propTypes2["default"].bool,
inverse: _propTypes2["default"].bool
}; };
var defaultProps = { var defaultProps = {
disabled: false, disabled: false,
inverse: false,
colors: 'primary', colors: 'primary',
clsPrefix: 'u-checkbox', clsPrefix: 'u-checkbox',
defaultChecked: false, defaultChecked: false,
@ -64552,6 +64556,7 @@
Checkbox.prototype.render = function render() { Checkbox.prototype.render = function render() {
var _props = this.props, var _props = this.props,
disabled = _props.disabled, disabled = _props.disabled,
inverse = _props.inverse,
colors = _props.colors, colors = _props.colors,
size = _props.size, size = _props.size,
className = _props.className, className = _props.className,
@ -64562,7 +64567,7 @@
clsPrefix = _props.clsPrefix, clsPrefix = _props.clsPrefix,
onDoubleClick = _props.onDoubleClick, onDoubleClick = _props.onDoubleClick,
onChange = _props.onChange, onChange = _props.onChange,
others = _objectWithoutProperties(_props, ['disabled', 'colors', 'size', 'className', 'indeterminate', 'onClick', 'children', 'checked', 'clsPrefix', 'onDoubleClick', 'onChange']); others = _objectWithoutProperties(_props, ['disabled', 'inverse', 'colors', 'size', 'className', 'indeterminate', 'onClick', 'children', 'checked', 'clsPrefix', 'onDoubleClick', 'onChange']);
var input = _react2["default"].createElement('input', _extends({}, others, { var input = _react2["default"].createElement('input', _extends({}, others, {
type: 'checkbox', type: 'checkbox',
@ -64574,6 +64579,10 @@
disabled: disabled disabled: disabled
}; };
if (inverse) {
classes[clsPrefix + '-inverse'] = true;
}
if (colors) { if (colors) {
classes[clsPrefix + '-' + colors] = true; classes[clsPrefix + '-' + colors] = true;
} }
@ -64702,13 +64711,15 @@
var propTypes = { var propTypes = {
clsPrefix: _propTypes2["default"].string, clsPrefix: _propTypes2["default"].string,
value: _propTypes2["default"].array, value: _propTypes2["default"].array,
onChange: _propTypes2["default"].func onChange: _propTypes2["default"].func,
disabled: _propTypes2["default"].bool
}; };
var defaultProps = { var defaultProps = {
clsPrefix: 'u-checkbox-group', clsPrefix: 'u-checkbox-group',
value: [], value: [],
onChange: function onChange() {} onChange: function onChange() {},
disabled: false
}; };
var CheckboxGroup = function (_React$Component) { var CheckboxGroup = function (_React$Component) {
@ -64751,7 +64762,8 @@
var _props = this.props, var _props = this.props,
clsPrefix = _props.clsPrefix, clsPrefix = _props.clsPrefix,
className = _props.className; className = _props.className,
disabled = _props.disabled;
var classes = clsPrefix; var classes = clsPrefix;
if (className) classes += ' ' + className; if (className) classes += ' ' + className;
@ -64763,7 +64775,8 @@
onChange: function onChange() { onChange: function onChange() {
_this2.changeHandle(child.props.value); _this2.changeHandle(child.props.value);
}, },
checked: _this2.state.values.indexOf(child.props.value) != -1 checked: _this2.state.values.indexOf(child.props.value) != -1,
disabled: disabled
}); });
}) })
); );

2
dist/demo.js.map vendored
View File

File diff suppressed because one or more lines are too long

10
src/Table.scss
View File

@ -60,10 +60,10 @@ $checkbox-height:16px;
a{ a{
color: #2196F3; color: #2196F3;
&:hover{ &:hover{
color: $brand-primary-hover; color: #1565c0;
} }
&:active{ &:active{
color: $brand-primary-active; color: #1565c0;
} }
} }
} }
@ -79,12 +79,12 @@ $checkbox-height:16px;
} }
} }
tr a{ tr a{
color: $brand-primary; color: #2196F3;
&:hover{ &:hover{
color: $brand-primary-hover; color: #1565c0;
} }
&:active{ &:active{
color: $brand-primary-active; color: #1565c0;
} }
} }
} }