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

Merge branch 'master' of github.com:tinper-bee/bee-table

This commit is contained in:
izbz wh 2019-03-13 22:55:05 +08:00
parent c705539bfe bad1d8ad16
commit 7ffd71a345
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;
text-align: left; }
.u-table th {
font-weight: bold; }
font-weight: bold;
text-align: left; }
.u-table th[colspan] {
text-align: center; }
.u-table th ::last-child {
@ -189,17 +190,17 @@
.u-table td a {
color: #2196F3; }
.u-table td a:hover {
color: rgb(230, 0, 18); }
color: #1565c0; }
.u-table td a:active {
color: rgb(230, 0, 18); }
color: #1565c0; }
.u-table tr:hover td .uf-eye {
visibility: visible !important; }
.u-table tr tr a {
color: rgb(245, 60, 50); }
color: #2196F3; }
.u-table tr tr a:hover {
color: rgb(230, 0, 18); }
color: #1565c0; }
.u-table tr tr a:active {
color: rgb(230, 0, 18); }
color: #1565c0; }
.u-table tr.tr-row-hover {
background: rgb(235, 236, 240); }
.u-table th,

3
build/lib/multiSelect.js
View File

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

246
dist/demo.css vendored
View File

@ -6081,9 +6081,12 @@ input.u-button[type="submit"] {
color: rgb(255,255,255);
background-color: rgb(245, 60, 50);
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);
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 {
background-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);
background-color: rgb(224,224,224);
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);
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 {
background-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);
background-color: rgb(244,67,54);
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);
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 {
background-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);
background-color: rgb(0,188,212);
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);
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 {
background-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);
background-color: rgb(255,152,0);
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);
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 {
background-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);
background-color: rgb(76,175,80);
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);
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 {
background-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);
background-color: rgb(97,97,97);
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);
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 {
background-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);
background-color: rgb(255,255,255);
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);
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 {
background-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);
background-color: #fff;
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);
border-color: rgb(56,142,60);
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 {
color: #fff;
background-color: rgb(56,142,60);
@ -6182,10 +6210,14 @@ input.u-button[type="submit"] {
color: rgb(255,152,0);
background-color: #fff;
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);
border-color: rgb(245,124,0);
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 {
color: #fff;
background-color: rgb(245,124,0);
@ -6195,10 +6227,14 @@ input.u-button[type="submit"] {
color: rgb(244,67,54);
background-color: #fff;
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);
border-color: rgb(211,47,47);
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 {
color: #fff;
background-color: rgb(211,47,47);
@ -6208,10 +6244,14 @@ input.u-button[type="submit"] {
color: rgb(0,188,212);
background-color: #fff;
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);
border-color: rgb(0,151,167);
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 {
color: #fff;
background-color: rgb(0,151,167);
@ -6221,10 +6261,14 @@ input.u-button[type="submit"] {
color: rgb(245, 60, 50);
background-color: #fff;
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);
border-color: rgb(230, 0, 18);
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 {
color: #fff;
background-color: rgb(230, 0, 18);
@ -6234,10 +6278,14 @@ input.u-button[type="submit"] {
color: rgb(224,224,224);
background-color: #fff;
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);
border-color: rgb(189,189,189);
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 {
color: #fff;
background-color: rgb(189,189,189);
@ -6247,10 +6295,14 @@ input.u-button[type="submit"] {
color: rgb(97,97,97);
background-color: #fff;
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);
border-color: rgb(66,66,66);
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 {
color: #fff;
background-color: rgb(66,66,66);
@ -6260,10 +6312,14 @@ input.u-button[type="submit"] {
color: rgb(97,97,97);
background-color: #fff;
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);
border-color: rgb(189,189,189);
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 {
color: #fff;
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 {
display: inline-block;
text-decoration: none;
border-top: 1px solid #d7d7d7;
border-bottom: 1px solid #d7d7d7;
border-left: 1px solid #d7d7d7;
border-top: 1px solid rgb(224,224,224);
border-bottom: 1px solid rgb(224,224,224);
border-left: 1px solid rgb(224,224,224);
background-color: transparent;
text-align: center;
color: #666666;
@ -6579,14 +6635,14 @@ input.u-button[type="submit"] {
.u-pagination-list > li[role="next"] > a {
border-top-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 {
float: left;
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 {
color: #666;
background-color: rgb(235, 236, 240);
border-color: #d7d7d7;
border-color: rgb(224,224,224);
cursor: pointer; }
.u-pagination-list > li > a > i {
color: #7a869a; }
@ -6600,13 +6656,13 @@ input.u-button[type="submit"] {
color: #777;
cursor: not-allowed;
background-color: transparent;
border-color: #ddd; }
border-color: rgb(224,224,224); }
.u-pagination-list > .disabled > a > i {
color: #C1C7D0; }
.u-pagination-list > li[role="gap"] > a {
background-color: transparent;
border-bottom: 0 solid #d7d7d7;
border-top: 0 solid #d7d7d7;
border-bottom: 0 solid rgb(224,224,224);
border-top: 0 solid rgb(224,224,224);
padding: 7px 11px;
line-height: 1.57142857; }
.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;
font-size: 14px; }
.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 {
width: 100px;
height: 100px;
@ -6684,7 +6740,7 @@ input.u-button[type="submit"] {
border-radius: 3px;
width: 50px;
text-align: center;
border: 1px solid #d7d7d7; }
border: 1px solid rgb(224,224,224); }
.u-pagination .page_jump_btn,
.u-pagination .page_jump_value {
margin: 0 8px;
@ -6846,25 +6902,25 @@ input.u-button[type="submit"] {
.u-pagination-gap > li > a {
margin: 0 5px;
border-radius: 5px;
border: 1px solid #d7d7d7; }
border: 1px solid rgb(224,224,224); }
.u-pagination-gap > li > a:hover {
background-color: transparent;
border-color: #7A869A; }
background-color: rgb(235, 236, 240);
border-color: rgb(224,224,224); }
.u-pagination-gap > li:first-child > a, .u-pagination-gap > li:last-child > a {
border-radius: 5px; }
.u-pagination-gap > li[role="gap"] > a {
border: 0 solid #d7d7d7; }
border: 0 solid rgb(224,224,224); }
/* FormGroup */
/* Navlayout */
.u-checkbox {
display: inline-block;
position: relative;
margin: 0 5px;
height: 18px;
line-height: 18px;
margin: 0 8px;
height: 16px;
line-height: 16px;
font-size: 14px;
white-space: nowrap;
cursor: pointer;
@ -6872,9 +6928,6 @@ input.u-button[type="submit"] {
position: relative;
line-height: 1;
vertical-align: middle; }
.u-checkbox.disabled .u-checkbox-label {
cursor: not-allowed;
opacity: 0.5; }
.u-checkbox input[type='checkbox'] {
position: absolute;
z-index: 3;
@ -6889,27 +6942,34 @@ input.u-button[type="submit"] {
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(245, 60, 50); }
.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);
border-color: rgb(245, 60, 50); }
.u-checkbox.is-checked .u-checkbox-label:after {
color: #fff;
content: "\e658";
line-height: 18px;
font-size: 14px; }
.u-checkbox.is-checked.u-checkbox-inverse .u-checkbox-label:after {
color: #fff; }
.u-checkbox .u-checkbox-label {
cursor: pointer;
display: inline-block;
padding-left: 25px; }
padding-left: 25px;
line-height: 16px;
color: #212121; }
.u-checkbox .u-checkbox-label:before {
border-radius: 3px;
border: 1px solid;
border: 1px solid rgb(224,224,224);
background-color: #fff;
transition: all 0.3s ease-in-out;
content: '';
font-family: 'uf';
display: inline-block;
width: 18px;
height: 18px;
width: 16px;
height: 16px;
left: 0;
top: 0;
text-align: center;
@ -6918,54 +6978,85 @@ input.u-button[type="submit"] {
content: '';
font-family: 'uf';
display: inline-block;
width: 18px;
height: 18px;
width: 16px;
height: 16px;
left: 0;
top: 0;
text-align: center;
position: absolute; }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:after {
color: #fff;
content: "\e6ce";
line-height: 18px;
font-size: 14px; }
.u-checkbox.disabled .u-checkbox-label {
cursor: not-allowed;
color: #909090; }
.u-checkbox.disabled .u-checkbox-label:before {
border-color: #DFE1E6;
color: #909090; }
.u-checkbox.disabled .u-checkbox-label:after {
color: #c1c7d0; }
.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);
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 {
box-shadow: inset 0 0 0 10px rgb(76,175,80);
border-color: rgb(76,175,80); }
box-shadow: inset 0 0 0 10px #fff;
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 {
border-color: rgb(76,175,80); }
.u-checkbox.u-checkbox-warning.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(255,152,0);
border-color: rgb(255,152,0); }
box-shadow: inset 0 0 0 10px #fff;
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 {
border-color: rgb(255,152,0); }
.u-checkbox.u-checkbox-danger.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(244,67,54);
border-color: rgb(244,67,54); }
box-shadow: inset 0 0 0 10px #fff;
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 {
border-color: rgb(244,67,54); }
.u-checkbox.u-checkbox-dark.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(97,97,97);
border-color: rgb(97,97,97); }
box-shadow: inset 0 0 0 10px #fff;
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 {
border-color: rgb(97,97,97); }
.u-checkbox.u-checkbox-info.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(0,188,212);
border-color: rgb(0,188,212); }
box-shadow: inset 0 0 0 10px #fff;
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 {
border-color: rgb(0,188,212); }
@ -7256,8 +7347,8 @@ ul {
box-sizing: border-box;
display: block;
background-color: #fff;
border-radius: 4px;
border: 1px solid #d9d9d9;
border-radius: 3px;
border: 1px solid rgb(224,224,224);
transition: all 0.3s cubic-bezier(0.645, 0.045, 0.355, 1); }
.u-select .u-select-selection :hover {
border-color: #40a5ed; }
@ -7374,7 +7465,7 @@ ul {
line-height: 24px; }
.u-select-sm .u-select-selection {
border-radius: 4px; }
border-radius: 3px; }
.u-select-sm .u-select-selection--single {
height: 26px; }
@ -7425,7 +7516,7 @@ ul {
width: 100%;
background: transparent;
outline: 0;
border-radius: 4px; }
border-radius: 3px; }
.u-select-search--inline .u-select-search-field-mirror {
position: absolute;
top: 0;
@ -7464,7 +7555,7 @@ ul {
line-height: 24px; }
.u-select-selection--multiple .u-select-selection-choice {
background-color: #f3f3f3;
border-radius: 4px;
border-radius: 3px;
cursor: default;
float: left;
padding: 0 16px;
@ -7559,7 +7650,7 @@ ul {
.u-select-dropdown {
background-color: white;
box-shadow: 0 1px 6px rgba(0, 0, 0, 0.2);
border-radius: 4px;
border-radius: 3px;
box-sizing: border-box;
z-index: 1800;
left: -9999px;
@ -7698,7 +7789,7 @@ ul {
vertical-align: middle; }
.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;
top: -1px;
width: 100%; }
@ -8420,7 +8511,8 @@ ul {
border-collapse: collapse;
text-align: left; }
.u-table th {
font-weight: bold; }
font-weight: bold;
text-align: left; }
.u-table th[colspan] {
text-align: center; }
.u-table th ::last-child {
@ -8430,17 +8522,17 @@ ul {
.u-table td a {
color: #2196F3; }
.u-table td a:hover {
color: rgb(230, 0, 18); }
color: #1565c0; }
.u-table td a:active {
color: rgb(230, 0, 18); }
color: #1565c0; }
.u-table tr:hover td .uf-eye {
visibility: visible !important; }
.u-table tr tr a {
color: rgb(245, 60, 50); }
color: #2196F3; }
.u-table tr tr a:hover {
color: rgb(230, 0, 18); }
color: #1565c0; }
.u-table tr tr a:active {
color: rgb(230, 0, 18); }
color: #1565c0; }
.u-table tr.tr-row-hover {
background: rgb(235, 236, 240); }
.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 propTypes = {
/**
* 当前激活状态页
/**
* 当前激活状态页
*/
activePage: _propTypes2["default"].number,
/**
* 总页数
/**
* 总页数
*/
items: _propTypes2["default"].number,
/**
* 显示按钮从1到maxButton的按钮数
/**
* 显示按钮从1到maxButton的按钮数
*/
maxButtons: _propTypes2["default"].number,
/**
* 当为true,不管切换到多少页都显示第一页和最后一页的按钮
/**
* 当为true,不管切换到多少页都显示第一页和最后一页的按钮
*/
boundaryLinks: _propTypes2["default"].bool,
/**
* 当为true,显示省略号，否则
*
/**
* 当为true,显示省略号，否则
*
*/
ellipsis: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
/**
* 当为true,显示点击到第一页的按钮
/**
* 当为true,显示点击到第一页的按钮
*/
first: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
/**
* 当为true,显示点击到最后一页的按钮
/**
* 当为true,显示点击到最后一页的按钮
*/
last: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
/**
* 当为true,显示前一页按钮
/**
* 当为true,显示前一页按钮
*/
prev: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
/**
* 当为true,显示下一页按钮
/**
* 当为true,显示下一页按钮
*/
next: _propTypes2["default"].oneOfType([_propTypes2["default"].bool, _propTypes2["default"].node]),
/**
* 暴露给用户的切换页的方法
/**
* 暴露给用户的切换页的方法
*/
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]),
/**
* 每页多少条的选择
/**
* 每页多少条的选择
*/
dataNumSelect: _propTypes2["default"].array,
/**
* 每页多少条选择哪一个
/**
* 每页多少条选择哪一个
*/
dataNum: _propTypes2["default"].number,
/**
* 显示跳页
/**
* 显示跳页
*/
showJump: _propTypes2["default"].bool,
/**
* 显示总共条数
/**
* 显示总共条数
*/
total: _propTypes2["default"].number,
/**
* pagiantion不可点
/**
* pagiantion不可点
*/
disabled: _propTypes2["default"].bool,
/**
* 确认按钮的样式集合
/**
* 确认按钮的样式集合
*/
btnType: _propTypes2["default"].object,
/**
* 渲染确认按钮的dom
/**
* 渲染确认按钮的dom
*/
confirmBtn: _propTypes2["default"].func
};
@ -62879,26 +62879,26 @@
}
};
/**
* 确认跳页
/**
* 确认跳页
*/
/**
* 每页多少条的选择
* @param e
/**
* 每页多少条的选择
* @param e
*/
/**
* 渲染page的按钮
* @param activePage
* @param items
* @param maxButtons
* @param boundaryLinks
* @param ellipsis
* @param buttonProps
* @returns {Array}
/**
* 渲染page的按钮
* @param activePage
* @param items
* @param maxButtons
* @param boundaryLinks
* @param ellipsis
* @param buttonProps
* @returns {Array}
*/
Pagination.prototype.renderPageButtons = function renderPageButtons(activePage, items, maxButtons, boundaryLinks, ellipsis, buttonProps) {
var pageButtons = [];
@ -63050,10 +63050,10 @@
var classNames = (0, _classnames3["default"])(clsPrefix + "-list", classes);
var wrapperClass = (0, _classnames3["default"])(clsPrefix, _defineProperty({}, clsPrefix + "-disabled", disabled));
/**
* 页按钮属性
* onSelect:暴露在外层交互动作，也是与父组件Pagination的交流接口
* componentClass: 用户定义的按钮dom元素类型
/**
* 页按钮属性
* onSelect:暴露在外层交互动作，也是与父组件Pagination的交流接口
* componentClass: 用户定义的按钮dom元素类型
*/
var buttonProps = {
onSelect: onSelect,
@ -64335,7 +64335,8 @@
return NewMultiSelect;
}(_react.Component), _class.defaultProps = {
prefixCls: "u-table-mult-select"
prefixCls: "u-table-mult-select",
getSelectedDataFunc: function getSelectedDataFunc() {}
}, _initialiseProps = function _initialiseProps() {
var _this2 = this;
@ -64511,12 +64512,15 @@
colors: _propTypes2["default"].oneOf(['', 'dark', 'success', 'info', 'warning', 'danger', 'primary']),
disabled: _propTypes2["default"].bool
disabled: _propTypes2["default"].bool,
inverse: _propTypes2["default"].bool
};
var defaultProps = {
disabled: false,
inverse: false,
colors: 'primary',
clsPrefix: 'u-checkbox',
defaultChecked: false,
@ -64552,6 +64556,7 @@
Checkbox.prototype.render = function render() {
var _props = this.props,
disabled = _props.disabled,
inverse = _props.inverse,
colors = _props.colors,
size = _props.size,
className = _props.className,
@ -64562,7 +64567,7 @@
clsPrefix = _props.clsPrefix,
onDoubleClick = _props.onDoubleClick,
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, {
type: 'checkbox',
@ -64574,6 +64579,10 @@
disabled: disabled
};
if (inverse) {
classes[clsPrefix + '-inverse'] = true;
}
if (colors) {
classes[clsPrefix + '-' + colors] = true;
}
@ -64702,13 +64711,15 @@
var propTypes = {
clsPrefix: _propTypes2["default"].string,
value: _propTypes2["default"].array,
onChange: _propTypes2["default"].func
onChange: _propTypes2["default"].func,
disabled: _propTypes2["default"].bool
};
var defaultProps = {
clsPrefix: 'u-checkbox-group',
value: [],
onChange: function onChange() {}
onChange: function onChange() {},
disabled: false
};
var CheckboxGroup = function (_React$Component) {
@ -64751,7 +64762,8 @@
var _props = this.props,
clsPrefix = _props.clsPrefix,
className = _props.className;
className = _props.className,
disabled = _props.disabled;
var classes = clsPrefix;
if (className) classes += ' ' + className;
@ -64763,7 +64775,8 @@
onChange: function onChange() {
_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{
color: #2196F3;
&:hover{
color: $brand-primary-hover;
color: #1565c0;
}
&:active{
color: $brand-primary-active;
color: #1565c0;
}
}
}
@ -79,12 +79,12 @@ $checkbox-height:16px;
}
}
tr a{
color: $brand-primary;
color: #2196F3;
&:hover{
color: $brand-primary-hover;
color: #1565c0;
}
&:active{
color: $brand-primary-active;
color: #1565c0;
}
}
}