DxvLwRYF
/
bee-transfer
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

publish 2.0.1

This commit is contained in:
“jonyshi” 2019-02-28 17:23:21 +08:00
parent 68cc4faba9
commit 1aae33d2cc
8 changed files with 226 additions and 107 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

88
build/Transfer.css
View File

@ -5,11 +5,11 @@
.u-button {
background: rgb(224,224,224);
border: none;
border-radius: 4px;
border-radius: 3px;
color: rgb(0,0,0);
position: relative;
min-width: 72px;
padding: 5px 13px;
padding: 4px 13px;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 14px;
@ -31,7 +31,7 @@
.u-button:active {
background-color: rgb(189,189,189); }
.u-button.colored {
color: rgb(30,136,229); }
color: rgb(225, 76, 70); }
.u-button.colored:focus:not(:active) {
background-color: rgb(189,189,189); }
.u-button.disable {
@ -53,7 +53,7 @@ input.u-button[type="submit"] {
width: 38px;
padding: 0;
line-height: normal;
border: 1px solid rgb(189,189,189); }
border: 1px solid rgb(165, 173, 186); }
.u-button-floating.colored {
background: rgb(67,160,71);
color: rgb(255,255,255);
@ -81,14 +81,14 @@ input.u-button[type="submit"] {
.u-button-primary {
color: rgb(255,255,255);
background-color: rgb(30,136,229);
border: 1px rgb(30,136,229) solid; }
background-color: rgb(225, 76, 70);
border: 1px rgb(225, 76, 70) solid; }
.u-button-primary.focus, .u-button-primary:focus, .u-button-primary:hover {
background-color: rgb(66,165,245);
border-color: rgb(66,165,245); }
background-color: rgb(208, 0, 16);
border-color: rgb(208, 0, 16); }
.u-button-primary.active, .u-button-primary:active {
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
background-color: rgb(178, 51, 46);
border-color: rgb(178, 51, 46); }
.u-button-danger {
color: rgb(255,255,255);
@ -183,16 +183,16 @@ input.u-button[type="submit"] {
border-color: rgb(0,151,167); }
.u-button-border.u-button-primary {
color: rgb(30,136,229);
border: 1px rgb(30,136,229) solid; }
color: rgb(225, 76, 70);
border: 1px rgb(225, 76, 70) solid; }
.u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover {
background-color: rgb(66,165,245);
border-color: rgb(66,165,245);
background-color: rgb(208, 0, 16);
border-color: rgb(208, 0, 16);
color: #fff; }
.u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {
color: #fff;
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
background-color: rgb(178, 51, 46);
border-color: rgb(178, 51, 46); }
.u-button-border {
color: rgb(0,0,0);
@ -216,7 +216,7 @@ input.u-button[type="submit"] {
width: 32px;
padding: 0;
line-height: normal;
border: 1px solid rgb(189,189,189); }
border: 1px solid rgb(165, 173, 186); }
.u-button-lg {
padding: 8px 15px;
@ -354,12 +354,12 @@ input.u-button[type="submit"] {
.u-checkbox input[disabled] {
cursor: not-allowed; }
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(30,136,229); }
border-color: rgb(225, 76, 70); }
.u-checkbox.is-checked .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px rgb(30,136,229);
-webkit-box-shadow: inset 0 0 0 10px rgb(30,136,229);
box-shadow: inset 0 0 0 10px rgb(30,136,229);
border-color: rgb(30,136,229); }
-moz-box-shadow: inset 0 0 0 10px rgb(225, 76, 70);
-webkit-box-shadow: inset 0 0 0 10px rgb(225, 76, 70);
box-shadow: inset 0 0 0 10px rgb(225, 76, 70);
border-color: rgb(225, 76, 70); }
.u-checkbox.is-checked .u-checkbox-label:after {
color: #fff;
content: "\e658";
@ -406,8 +406,8 @@ input.u-button[type="submit"] {
font-size: 14px; }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(30,136,229);
border-color: rgb(30,136,229); }
box-shadow: inset 0 0 0 10px rgb(225, 76, 70);
border-color: rgb(225, 76, 70); }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
-moz-box-shadow: inset 0 0 0 10px rgb(76,175,80);
@ -1418,6 +1418,36 @@ input.u-button[type="submit"] {
.uf-filterno:before {
content: "\e9d1"; }
.uf-clean:before {
content: "\e9d2"; }
.uf-save:before {
content: "\e9d3"; }
.uf-export:before {
content: "\e9d4"; }
.uf-import:before {
content: "\e9d5"; }
.uf-stop-c:before {
content: "\e9d6"; }
.uf-rubber:before {
content: "\e9d7"; }
.uf-bediting:before {
content: "\e9d8"; }
.uf-maxmize:before {
content: "\e9d9"; }
.uf-minimize:before {
content: "\e9da"; }
.uf-globe:before {
content: "\e9db"; }
.u-transfer {
position: relative;
line-height: 1.5; }
@ -1546,13 +1576,13 @@ input.u-button[type="submit"] {
min-width: 3rem; }
.u-transfer-operation .u-button-sm {
background: rgb(30,136,229);
background: rgb(225, 76, 70);
color: #fff;
border-color: rgb(30,136,229); }
border-color: rgb(225, 76, 70); }
.u-transfer-operation .u-button-sm:hover {
background: rgb(30,136,229);
border-color: rgb(30,136,229); }
background: rgb(225, 76, 70);
border-color: rgb(225, 76, 70); }
.u-transfer-operation .u-button-sm[disabled] {
background: #fff;
@ -1571,6 +1601,6 @@ input.u-button[type="submit"] {
@keyframes transferHighlightIn {
0% {
background: rgb(30,136,229); }
background: rgb(225, 76, 70); }
100% {
background: transparent; } }

2
demo/index.js
View File

File diff suppressed because one or more lines are too long

125
dist/demo.css vendored
View File

@ -2152,13 +2152,13 @@
color: rgb(255,255,255) !important; }
.bg-primary {
background-color: rgb(30,136,229) !important; }
background-color: rgb(225, 76, 70) !important; }
.bg-primary-contrast {
background-color: rgb(255,255,255) !important; }
.bg-primary-dark {
background-color: rgb(21,101,192) !important; }
background-color: rgb(178, 51, 46) !important; }
.bg-accent {
background-color: rgb(67,160,71) !important; }
@ -2167,13 +2167,13 @@
background-color: rgb(255,255,255) !important; }
.text-primary {
color: rgb(30,136,229) !important; }
color: rgb(225, 76, 70) !important; }
.text-primary-contrast {
color: rgb(255,255,255) !important; }
.text-primary-dark {
color: rgb(21,101,192) !important; }
color: rgb(178, 51, 46) !important; }
.text-accent {
color: rgb(67,160,71) !important; }
@ -3529,6 +3529,9 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.uf-minimize:before {
content: "\e9da"; }
.uf-globe:before {
content: "\e9db"; }
/* FormGroup */
/* Navlayout */
.vertical-align {
@ -5260,11 +5263,11 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-button {
background: rgb(224,224,224);
border: none;
border-radius: 4px;
border-radius: 3px;
color: rgb(0,0,0);
position: relative;
min-width: 72px;
padding: 5px 13px;
padding: 4px 13px;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 14px;
@ -5286,7 +5289,7 @@ a, .mdl-accordion, .mdl-button, .mdl-card, .mdl-checkbox, .mdl-dropdown-menu,
.u-button:active {
background-color: rgb(189,189,189); }
.u-button.colored {
color: rgb(30,136,229); }
color: rgb(225, 76, 70); }
.u-button.colored:focus:not(:active) {
background-color: rgb(189,189,189); }
.u-button.disable {
@ -5308,7 +5311,7 @@ input.u-button[type="submit"] {
width: 38px;
padding: 0;
line-height: normal;
border: 1px solid rgb(189,189,189); }
border: 1px solid rgb(red); }
.u-button-floating.colored {
background: rgb(67,160,71);
color: rgb(255,255,255);
@ -5336,14 +5339,14 @@ input.u-button[type="submit"] {
.u-button-primary {
color: rgb(255,255,255);
background-color: rgb(30,136,229);
border: 1px rgb(30,136,229) solid; }
background-color: rgb(225, 76, 70);
border: 1px rgb(225, 76, 70) solid; }
.u-button-primary.focus, .u-button-primary:focus, .u-button-primary:hover {
background-color: rgb(66,165,245);
border-color: rgb(66,165,245); }
background-color: rgb(208, 0, 16);
border-color: rgb(208, 0, 16); }
.u-button-primary.active, .u-button-primary:active {
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
background-color: rgb(178, 51, 46);
border-color: rgb(178, 51, 46); }
.u-button-danger {
color: rgb(255,255,255);
@ -5438,16 +5441,16 @@ input.u-button[type="submit"] {
border-color: rgb(0,151,167); }
.u-button-border.u-button-primary {
color: rgb(30,136,229);
border: 1px rgb(30,136,229) solid; }
color: rgb(225, 76, 70);
border: 1px rgb(225, 76, 70) solid; }
.u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover {
background-color: rgb(66,165,245);
border-color: rgb(66,165,245);
background-color: rgb(208, 0, 16);
border-color: rgb(208, 0, 16);
color: #fff; }
.u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {
color: #fff;
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
background-color: rgb(178, 51, 46);
border-color: rgb(178, 51, 46); }
.u-button-border {
color: rgb(0,0,0);
@ -5471,7 +5474,7 @@ input.u-button[type="submit"] {
width: 32px;
padding: 0;
line-height: normal;
border: 1px solid rgb(189,189,189); }
border: 1px solid rgb(red); }
.u-button-lg {
padding: 8px 15px;
@ -5607,10 +5610,10 @@ input.u-button[type="submit"] {
.u-checkbox input[disabled] {
cursor: not-allowed; }
.u-checkbox input[type='checkbox']:focus + .u-checkbox-label:before {
border-color: rgb(30,136,229); }
border-color: rgb(225, 76, 70); }
.u-checkbox.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(30,136,229);
border-color: rgb(30,136,229); }
box-shadow: inset 0 0 0 10px rgb(225, 76, 70);
border-color: rgb(225, 76, 70); }
.u-checkbox.is-checked .u-checkbox-label:after {
color: #fff;
content: "\e658";
@ -5652,8 +5655,8 @@ input.u-button[type="submit"] {
font-size: 14px; }
.u-checkbox.u-checkbox-indeterminate .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(30,136,229);
border-color: rgb(30,136,229); }
box-shadow: inset 0 0 0 10px rgb(225, 76, 70);
border-color: rgb(225, 76, 70); }
.u-checkbox.u-checkbox-success.is-checked .u-checkbox-label:before {
box-shadow: inset 0 0 0 10px rgb(76,175,80);
@ -6654,6 +6657,36 @@ input.u-button[type="submit"] {
.uf-filterno:before {
content: "\e9d1"; }
.uf-clean:before {
content: "\e9d2"; }
.uf-save:before {
content: "\e9d3"; }
.uf-export:before {
content: "\e9d4"; }
.uf-import:before {
content: "\e9d5"; }
.uf-stop-c:before {
content: "\e9d6"; }
.uf-rubber:before {
content: "\e9d7"; }
.uf-bediting:before {
content: "\e9d8"; }
.uf-maxmize:before {
content: "\e9d9"; }
.uf-minimize:before {
content: "\e9da"; }
.uf-globe:before {
content: "\e9db"; }
.u-transfer {
position: relative;
line-height: 1.5; }
@ -6782,13 +6815,13 @@ input.u-button[type="submit"] {
min-width: 3rem; }
.u-transfer-operation .u-button-sm {
background: rgb(30,136,229);
background: rgb(225, 76, 70);
color: #fff;
border-color: rgb(30,136,229); }
border-color: rgb(225, 76, 70); }
.u-transfer-operation .u-button-sm:hover {
background: rgb(30,136,229);
border-color: rgb(30,136,229); }
background: rgb(225, 76, 70);
border-color: rgb(225, 76, 70); }
.u-transfer-operation .u-button-sm[disabled] {
background: #fff;
@ -6807,7 +6840,7 @@ input.u-button[type="submit"] {
@keyframes transferHighlightIn {
0% {
background: rgb(30,136,229); }
background: rgb(225, 76, 70); }
100% {
background: transparent; } }
@ -7532,11 +7565,11 @@ input.u-button[type="submit"] {
.u-button {
background: rgb(224,224,224);
border: none;
border-radius: 4px;
border-radius: 3px;
color: rgb(0,0,0);
position: relative;
min-width: 72px;
padding: 5px 13px;
padding: 4px 13px;
display: inline-block;
font-family: "Open Sans", "Helvetica Neue", Arial, "Hiragino Sans GB", "Microsoft YaHei", sans-serif;
font-size: 14px;
@ -7558,7 +7591,7 @@ input.u-button[type="submit"] {
.u-button:active {
background-color: rgb(189,189,189); }
.u-button.colored {
color: rgb(30,136,229); }
color: rgb(225, 76, 70); }
.u-button.colored:focus:not(:active) {
background-color: rgb(189,189,189); }
.u-button.disable {
@ -7608,14 +7641,14 @@ input.u-button[type="submit"] {
.u-button-primary {
color: rgb(255,255,255);
background-color: rgb(30,136,229);
border: 1px rgb(30,136,229) solid; }
background-color: rgb(225, 76, 70);
border: 1px rgb(225, 76, 70) solid; }
.u-button-primary.focus, .u-button-primary:focus, .u-button-primary:hover {
background-color: rgb(66,165,245);
border-color: rgb(66,165,245); }
background-color: rgb(208, 0, 16);
border-color: rgb(208, 0, 16); }
.u-button-primary.active, .u-button-primary:active {
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
background-color: rgb(178, 51, 46);
border-color: rgb(178, 51, 46); }
.u-button-danger {
color: rgb(255,255,255);
@ -7710,16 +7743,16 @@ input.u-button[type="submit"] {
border-color: rgb(0,151,167); }
.u-button-border.u-button-primary {
color: rgb(30,136,229);
border: 1px rgb(30,136,229) solid; }
color: rgb(225, 76, 70);
border: 1px rgb(225, 76, 70) solid; }
.u-button-border.u-button-primary.focus, .u-button-border.u-button-primary:focus, .u-button-border.u-button-primary:hover {
background-color: rgb(66,165,245);
border-color: rgb(66,165,245);
background-color: rgb(208, 0, 16);
border-color: rgb(208, 0, 16);
color: #fff; }
.u-button-border.u-button-primary.active, .u-button-border.u-button-primary:active {
color: #fff;
background-color: rgb(21,101,192);
border-color: rgb(21,101,192); }
background-color: rgb(178, 51, 46);
border-color: rgb(178, 51, 46); }
.u-button-border {
color: rgb(0,0,0);

2
dist/demo.css.map vendored
View File

File diff suppressed because one or more lines are too long

74
dist/demo.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/demo.js.map vendored
View File

File diff suppressed because one or more lines are too long

4
package.json
View File

@ -1,6 +1,6 @@
{
"name": "bee-transfer",
"version": "2.0.0",
"version": "2.0.1",
"description": "Transfer ui component for react",
"keywords": [
"react",
@ -45,7 +45,7 @@
"classnames": "^2.2.5",
"react-lazy-load": "^3.0.12",
"shallowequal": "^1.0.2",
"tinper-bee-core": "latest"
"tinper-bee-core": "^2.0.13"
},
"peerDependencies": {
"react": "^15.3.0 || ^16.0",

12
src/Transfer.scss
View File

@ -13,9 +13,9 @@
&-list {
font-size: 12px;
border: 1px solid #d9d9d9;
border: 1px solid $transfer-border-gap-color;
display: inline-block;
border-radius: 4px;
border-radius: $select-border-radius;
vertical-align: middle;
position: relative;
width: 180px;
@ -51,10 +51,10 @@
&-header {
padding: 7px 15px;
border-radius: 4px 4px 0 0;
border-radius: $select-border-radius $select-border-radius 0 0;
background: #fff;
color: rgba(0,0,0,.65);
border-bottom: 1px solid #e9e9e9;
border-bottom: 1px solid #e9e9e9;//$transfer-border-gap-color;
overflow: hidden;
position: absolute;
top: 0;
@ -133,7 +133,7 @@
&-footer {
border-top: 1px solid #e9e9e9;
border-radius: 0 0 4px 4px;
border-radius: 0 0 $select-border-radius $select-border-radius;
position: absolute;
bottom: 0;
left: 0;
@ -221,7 +221,7 @@
.u-transfer-list-search {
font-size: 1.2rem;
border-color: #d9d9d9;
border-color: $transfer-border-gap-color;
height: 26px;
}