fanruan
/
fineui
4
1
Fork 2
Code Issues 1 Pull Requests Releases Wiki Activity
Browse Source

BI-47248 feat: fineui中加一个旋转动画样式类，加了就能转

es6
Zhenfei.Li 5 years ago
parent
1e84ccda84
commit
940ab994b6
22 changed files with 495 additions and 139 deletions
Whitespace
Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL
Split View
Diff Options
Show Stats Download Patch File Download Diff File
  1. 70
      dist/2.0/fineui.css
  2. 15
      dist/2.0/fineui.ie.js
  3. 62
      dist/2.0/fineui.ie.min.js
  4. 2
      dist/2.0/fineui.min.css
  5. 2
      dist/2.0/fineui.min.js
  6. 22
      dist/base.css
  7. 70
      dist/bundle.css
  8. 15
      dist/bundle.ie.js
  9. 62
      dist/bundle.ie.min.js
  10. 2
      dist/bundle.min.css
  11. 2
      dist/bundle.min.js
  12. 48
      dist/core.css
  13. 48
      dist/core_without_normalize.css
  14. 3
      dist/demo.js
  15. 70
      dist/fineui.css
  16. 15
      dist/fineui.ie.js
  17. 62
      dist/fineui.ie.min.js
  18. 2
      dist/fineui.min.css
  19. 2
      dist/fineui.min.js
  20. 2
      dist/utils.min.js
  21. 48
      src/css/core/utils/animation.css
  22. 10
      src/less/core/utils/animation.less

70
dist/2.0/fineui.css vendored
Unescape View File

@ -278,6 +278,54 @@ i {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/** 循环旋转动画 **/
.anim-rotate {
-webkit-animation: rotate 1s infinite linear both;
-moz-animation: rotate 1s infinite linear both;
-ms-animation: rotate 1s infinite linear both;
-o-animation: rotate 1s infinite linear both;
animation: rotate 1s infinite linear both;
}
@-webkit-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
input,
textarea {
border: 1px solid #e8eaed;
@ -3062,7 +3110,8 @@ body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled {
background: #f2f4f7 !important;
background-color: rgba(158, 166, 178, 0.2) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#339ea6b2,endColorstr=#339ea6b2);
border-color: #d0d4da !important;
}
body .bi-button.button-common.disabled,
@ -3354,6 +3403,25 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
.bi-theme-dark #body .bi-button.button-common.disabled.ghost .b-font:before {
color: #ffffff !important;
}
.bi-theme-dark body .bi-button.button-success.disabled,
.bi-theme-dark #body .bi-button.button-success.disabled,
.bi-theme-dark body .bi-button.button-error.disabled,
.bi-theme-dark #body .bi-button.button-error.disabled,
.bi-theme-dark body .bi-button.button-warning.disabled,
.bi-theme-dark #body .bi-button.button-warning.disabled,
.bi-theme-dark body .bi-button.button-ignore.disabled,
.bi-theme-dark #body .bi-button.button-ignore.disabled,
.bi-theme-dark body .bi-button.button-success.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-success.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-error.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-error.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-warning.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-warning.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-ignore.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-ignore.disabled.base-disabled {
background-color: rgba(135, 141, 159, 0.2) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33878d9f,endColorstr=#33878d9f);
}
.bi-single-select-icon-text-item:active .b-font:before,
.bi-single-select-icon-text-item.active .b-font:before {
color: #3685f2;

15
dist/2.0/fineui.ie.js vendored
Unescape View File

@ -37600,21 +37600,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
});
}
function addToListenerQueue(vm, watcher, cur, last) {
var listener = {
id: watcher.id,
cb: _$1.bind(watcher.listener, vm, cur, last, vm)
};
watcher.sync === true ? vm.syncListeners.push(listener) : vm.asyncListeners.push(listener);
}
function digestState(vm) {
var dirty = false;
_$1.each(vm._stateWatchers, function (watcher, key) {
var cur = watcher.get();
var last = watcher.last;
if (!isShadowEqual(cur, last)) {
addToListenerQueue(vm, watcher, cur, last);
// addToListenerQueue(vm, watcher, cur, last);
vm.model[key] = cur;
dirty = true;
watcher.last = cloneShadow(cur);
@ -37636,7 +37628,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
var cur = watcher.get();
var last = watcher.last;
if (!isShadowEqual(cur, last)) {
addToListenerQueue(vm, watcher, cur, last);
// addToListenerQueue(vm, watcher, cur, last);
vm.model[key] = cur;
dirty = true;
dirtyQueue.push(key);
@ -37849,7 +37841,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
return model;
}
});
var ob = new OB({
var ob = new OB();
ob._constructor({
define: true
});
allDefineModelInstances[ob.getModelID()] = ob;

62
dist/2.0/fineui.ie.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/2.0/fineui.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/2.0/fineui.min.js vendored
View File

File diff suppressed because one or more lines are too long

22
dist/base.css vendored
Unescape View File

@ -889,7 +889,8 @@ body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled {
background: #f2f4f7 !important;
background-color: rgba(158, 166, 178, 0.2) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#339ea6b2,endColorstr=#339ea6b2);
border-color: #d0d4da !important;
}
body .bi-button.button-common.disabled,
@ -1181,6 +1182,25 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
.bi-theme-dark #body .bi-button.button-common.disabled.ghost .b-font:before {
color: #ffffff !important;
}
.bi-theme-dark body .bi-button.button-success.disabled,
.bi-theme-dark #body .bi-button.button-success.disabled,
.bi-theme-dark body .bi-button.button-error.disabled,
.bi-theme-dark #body .bi-button.button-error.disabled,
.bi-theme-dark body .bi-button.button-warning.disabled,
.bi-theme-dark #body .bi-button.button-warning.disabled,
.bi-theme-dark body .bi-button.button-ignore.disabled,
.bi-theme-dark #body .bi-button.button-ignore.disabled,
.bi-theme-dark body .bi-button.button-success.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-success.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-error.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-error.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-warning.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-warning.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-ignore.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-ignore.disabled.base-disabled {
background-color: rgba(135, 141, 159, 0.2) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33878d9f,endColorstr=#33878d9f);
}
.bi-single-select-icon-text-item:active .b-font:before,
.bi-single-select-icon-text-item.active .b-font:before {
color: #3685f2;

70
dist/bundle.css vendored
Unescape View File

@ -278,6 +278,54 @@ i {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/** 循环旋转动画 **/
.anim-rotate {
-webkit-animation: rotate 1s infinite linear both;
-moz-animation: rotate 1s infinite linear both;
-ms-animation: rotate 1s infinite linear both;
-o-animation: rotate 1s infinite linear both;
animation: rotate 1s infinite linear both;
}
@-webkit-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
input,
textarea {
border: 1px solid #e8eaed;
@ -3062,7 +3110,8 @@ body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled {
background: #f2f4f7 !important;
background-color: rgba(158, 166, 178, 0.2) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#339ea6b2,endColorstr=#339ea6b2);
border-color: #d0d4da !important;
}
body .bi-button.button-common.disabled,
@ -3354,6 +3403,25 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
.bi-theme-dark #body .bi-button.button-common.disabled.ghost .b-font:before {
color: #ffffff !important;
}
.bi-theme-dark body .bi-button.button-success.disabled,
.bi-theme-dark #body .bi-button.button-success.disabled,
.bi-theme-dark body .bi-button.button-error.disabled,
.bi-theme-dark #body .bi-button.button-error.disabled,
.bi-theme-dark body .bi-button.button-warning.disabled,
.bi-theme-dark #body .bi-button.button-warning.disabled,
.bi-theme-dark body .bi-button.button-ignore.disabled,
.bi-theme-dark #body .bi-button.button-ignore.disabled,
.bi-theme-dark body .bi-button.button-success.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-success.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-error.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-error.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-warning.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-warning.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-ignore.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-ignore.disabled.base-disabled {
background-color: rgba(135, 141, 159, 0.2) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33878d9f,endColorstr=#33878d9f);
}
.bi-single-select-icon-text-item:active .b-font:before,
.bi-single-select-icon-text-item.active .b-font:before {
color: #3685f2;

15
dist/bundle.ie.js vendored
Unescape View File

@ -37600,21 +37600,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
});
}
function addToListenerQueue(vm, watcher, cur, last) {
var listener = {
id: watcher.id,
cb: _$1.bind(watcher.listener, vm, cur, last, vm)
};
watcher.sync === true ? vm.syncListeners.push(listener) : vm.asyncListeners.push(listener);
}
function digestState(vm) {
var dirty = false;
_$1.each(vm._stateWatchers, function (watcher, key) {
var cur = watcher.get();
var last = watcher.last;
if (!isShadowEqual(cur, last)) {
addToListenerQueue(vm, watcher, cur, last);
// addToListenerQueue(vm, watcher, cur, last);
vm.model[key] = cur;
dirty = true;
watcher.last = cloneShadow(cur);
@ -37636,7 +37628,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
var cur = watcher.get();
var last = watcher.last;
if (!isShadowEqual(cur, last)) {
addToListenerQueue(vm, watcher, cur, last);
// addToListenerQueue(vm, watcher, cur, last);
vm.model[key] = cur;
dirty = true;
dirtyQueue.push(key);
@ -37849,7 +37841,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
return model;
}
});
var ob = new OB({
var ob = new OB();
ob._constructor({
define: true
});
allDefineModelInstances[ob.getModelID()] = ob;

62
dist/bundle.ie.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/bundle.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/bundle.min.js vendored
View File

File diff suppressed because one or more lines are too long

48
dist/core.css vendored
Unescape View File

@ -278,6 +278,54 @@ i {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/** 循环旋转动画 **/
.anim-rotate {
-webkit-animation: rotate 1s infinite linear both;
-moz-animation: rotate 1s infinite linear both;
-ms-animation: rotate 1s infinite linear both;
-o-animation: rotate 1s infinite linear both;
animation: rotate 1s infinite linear both;
}
@-webkit-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
input,
textarea {
border: 1px solid #e8eaed;

48
dist/core_without_normalize.css vendored
Unescape View File

@ -1,3 +1,51 @@
/** 循环旋转动画 **/
.anim-rotate {
-webkit-animation: rotate 1s infinite linear both;
-moz-animation: rotate 1s infinite linear both;
-ms-animation: rotate 1s infinite linear both;
-o-animation: rotate 1s infinite linear both;
animation: rotate 1s infinite linear both;
}
@-webkit-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
input,
textarea {
border: 1px solid #e8eaed;

3
dist/demo.js vendored
Unescape View File

@ -10587,7 +10587,7 @@ Demo.MultiLayerSingleTreeCombo = BI.inherit(BI.Widget, {
self.tree = _ref;
},
text: "默认值",
items: [],
items: items,
width: 300
}, {
type: "bi.button",
@ -10669,7 +10669,6 @@ Demo.Slider = BI.inherit(BI.Widget, {
type: "bi.single_slider",
digit: 0,
width: o.width,
disabled: true,
height: o.height,
cls: "layout-bg-white"
});

70
dist/fineui.css vendored
Unescape View File

@ -278,6 +278,54 @@ i {
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}
/** 循环旋转动画 **/
.anim-rotate {
-webkit-animation: rotate 1s infinite linear both;
-moz-animation: rotate 1s infinite linear both;
-ms-animation: rotate 1s infinite linear both;
-o-animation: rotate 1s infinite linear both;
animation: rotate 1s infinite linear both;
}
@-webkit-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
input,
textarea {
border: 1px solid #e8eaed;
@ -3062,7 +3110,8 @@ body .bi-button.button-error.disabled.base-disabled,
#body .bi-button.button-error.disabled.base-disabled,
body .bi-button.button-warning.disabled.base-disabled,
#body .bi-button.button-warning.disabled.base-disabled {
background: #f2f4f7 !important;
background-color: rgba(158, 166, 178, 0.2) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#339ea6b2,endColorstr=#339ea6b2);
border-color: #d0d4da !important;
}
body .bi-button.button-common.disabled,
@ -3354,6 +3403,25 @@ body .bi-button.button-ignore.disabled.ghost .b-font:before,
.bi-theme-dark #body .bi-button.button-common.disabled.ghost .b-font:before {
color: #ffffff !important;
}
.bi-theme-dark body .bi-button.button-success.disabled,
.bi-theme-dark #body .bi-button.button-success.disabled,
.bi-theme-dark body .bi-button.button-error.disabled,
.bi-theme-dark #body .bi-button.button-error.disabled,
.bi-theme-dark body .bi-button.button-warning.disabled,
.bi-theme-dark #body .bi-button.button-warning.disabled,
.bi-theme-dark body .bi-button.button-ignore.disabled,
.bi-theme-dark #body .bi-button.button-ignore.disabled,
.bi-theme-dark body .bi-button.button-success.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-success.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-error.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-error.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-warning.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-warning.disabled.base-disabled,
.bi-theme-dark body .bi-button.button-ignore.disabled.base-disabled,
.bi-theme-dark #body .bi-button.button-ignore.disabled.base-disabled {
background-color: rgba(135, 141, 159, 0.2) !important;
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#33878d9f,endColorstr=#33878d9f);
}
.bi-single-select-icon-text-item:active .b-font:before,
.bi-single-select-icon-text-item.active .b-font:before {
color: #3685f2;

15
dist/fineui.ie.js vendored
Unescape View File

@ -37845,21 +37845,13 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
});
}
function addToListenerQueue(vm, watcher, cur, last) {
var listener = {
id: watcher.id,
cb: _$1.bind(watcher.listener, vm, cur, last, vm)
};
watcher.sync === true ? vm.syncListeners.push(listener) : vm.asyncListeners.push(listener);
}
function digestState(vm) {
var dirty = false;
_$1.each(vm._stateWatchers, function (watcher, key) {
var cur = watcher.get();
var last = watcher.last;
if (!isShadowEqual(cur, last)) {
addToListenerQueue(vm, watcher, cur, last);
// addToListenerQueue(vm, watcher, cur, last);
vm.model[key] = cur;
dirty = true;
watcher.last = cloneShadow(cur);
@ -37881,7 +37873,7 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
var cur = watcher.get();
var last = watcher.last;
if (!isShadowEqual(cur, last)) {
addToListenerQueue(vm, watcher, cur, last);
// addToListenerQueue(vm, watcher, cur, last);
vm.model[key] = cur;
dirty = true;
dirtyQueue.push(key);
@ -38094,7 +38086,8 @@ function _classCallCheck(instance, Constructor) { if (!(instance instanceof Cons
return model;
}
});
var ob = new OB({
var ob = new OB();
ob._constructor({
define: true
});
allDefineModelInstances[ob.getModelID()] = ob;

62
dist/fineui.ie.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/fineui.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
dist/fineui.min.js vendored
View File

File diff suppressed because one or more lines are too long

2
dist/utils.min.js vendored
View File

File diff suppressed because one or more lines are too long

48
src/css/core/utils/animation.css
Unescape View File

@ -0,0 +1,48 @@
/** 循环旋转动画 **/
.anim-rotate {
-webkit-animation: rotate 1s infinite linear both;
-moz-animation: rotate 1s infinite linear both;
-ms-animation: rotate 1s infinite linear both;
-o-animation: rotate 1s infinite linear both;
animation: rotate 1s infinite linear both;
}
@-webkit-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-moz-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-ms-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@-o-keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}
@keyframes rotate {
from {
transform: rotate(0deg);
}
to {
transform: rotate(360deg);
}
}

10
src/less/core/utils/animation.less
Unescape View File

@ -0,0 +1,10 @@
@import "../../index";
/** 循环旋转动画 **/
.anim-rotate {
.animation(rotate 1s infinite linear both);
.keyframes(rotate, {
from {transform: rotate(0deg);}
to {transform: rotate(360deg);}
});
}
Write Preview
Loading…
Cancel
Save