Browse Source

Merge pull request #1085 in VISUAL/fineui from ~ZHENFEI.LI/fineui:master to master

* commit '940ab994b67f7429728b216508ebf64a59f25607':
  BI-47248 feat: fineui中加一个旋转动画样式类,加了就能转
es6
Zhenfei.Li 5 years ago
parent
commit
69507639d7
  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

@ -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

@ -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

File diff suppressed because one or more lines are too long

2
dist/2.0/fineui.min.css vendored

File diff suppressed because one or more lines are too long

2
dist/2.0/fineui.min.js vendored

File diff suppressed because one or more lines are too long

22
dist/base.css vendored

@ -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

@ -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

@ -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

File diff suppressed because one or more lines are too long

2
dist/bundle.min.css vendored

File diff suppressed because one or more lines are too long

2
dist/bundle.min.js vendored

File diff suppressed because one or more lines are too long

48
dist/core.css vendored

@ -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

@ -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

@ -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

@ -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

@ -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

File diff suppressed because one or more lines are too long

2
dist/fineui.min.css vendored

File diff suppressed because one or more lines are too long

2
dist/fineui.min.js vendored

File diff suppressed because one or more lines are too long

2
dist/utils.min.js vendored

File diff suppressed because one or more lines are too long

48
src/css/core/utils/animation.css

@ -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

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