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

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

dist/2.0/fineui.css

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

dist/2.0/fineui.ie.js

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

dist/base.css

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

dist/bundle.css

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

dist/bundle.ie.js

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

dist/core.css

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

dist/core_without_normalize.css

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

dist/demo.js

@@ -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"
         });

dist/fineui.css

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

dist/fineui.ie.js

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

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);
+  }
+}

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);}
+    });
+}