BI-48006 fix: IE下都用gif

public/css/background.css

@@ -210,3 +210,10 @@
 .trans-color-disabled-background.hack {
   background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/trans_disable.png') no-repeat center center;
 }
+.wave-loading {
+  background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/2x/icon/wave_loading.gif') no-repeat center center;
+  background-size: contain;
+}
+.wave-loading.hack {
+  background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/icon/wave_loading.gif') no-repeat center center;
+}

src/base/pane.js

@@ -36,14 +36,15 @@ BI.Pane = BI.inherit(BI.Widget, {
 
     loading: function () {
         var self = this, o = this.options;
+        var isIE = BI.isIE();
         var loadingAnimation = BI.createWidget({
             type: "bi.horizontal",
-            cls: "bi-loading-widget" + ((BI.isIE() && BI.getIEVersion() < 10) ? " hack" : ""),
+            cls: "bi-loading-widget" + (isIE ? " wave-loading hack" : ""),
             height: 30,
             width: 30,
             hgap: 5,
             vgap: 2.5,
-            items: [{
+            items: isIE ? [] : [{
                 type: "bi.layout",
                 cls: "animate-rect rect1",
                 height: 25,

src/css/base/colorchooser/colorpicker/editor.css

@@ -210,6 +210,13 @@
 .trans-color-disabled-background.hack {
   background: url('images/1x/background/trans_disable.png') no-repeat center center;
 }
+.wave-loading {
+  background: url('images/2x/icon/wave_loading.gif') no-repeat center center;
+  background-size: contain;
+}
+.wave-loading.hack {
+  background: url('images/1x/icon/wave_loading.gif') no-repeat center center;
+}
 .bi-color-picker-editor .color-picker-editor-display {
   -webkit-border-radius: 2px;
   -moz-border-radius: 2px;

src/css/base/pane.css

@@ -122,10 +122,3 @@
     transform: scaleY(1);
   }
 }
-.bi-loading-widget.hack {
-  background: url('images/1x/icon/wave_loading.gif') no-repeat center center;
-}
-.bi-loading-widget.hack .animate-rect {
-  background-color: rgba(54, 133, 242, 0);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#003685f2,endColorstr=#003685f2);
-}

src/css/resource/background.css

@@ -210,3 +210,10 @@
 .trans-color-disabled-background.hack {
   background: url('images/1x/background/trans_disable.png') no-repeat center center;
 }
+.wave-loading {
+  background: url('images/2x/icon/wave_loading.gif') no-repeat center center;
+  background-size: contain;
+}
+.wave-loading.hack {
+  background: url('images/1x/icon/wave_loading.gif') no-repeat center center;
+}

src/less/base/pane.less

@@ -33,10 +33,4 @@
             .transform (scaleY(1));
         }
     });
-    &.hack {
-        .imagePath(@icon-wave-loading);
-        & .animate-rect {
-            .background-color(@background-color-highlight, 0%);
-        }
-    }
 }

src/less/resource/background.less

@@ -307,4 +307,6 @@
   &.hack{
     .imagePath(@background-trans-color-disabled);
   }
-}
+}
+
+.background(wave-loading, @icon-wave-loading);

ui/css/background.css

@@ -210,3 +210,10 @@
 .trans-color-disabled-background.hack {
   background: url('resources?path=/com/fr/web/ui/images/1x/background/trans_disable.png') no-repeat center center;
 }
+.wave-loading {
+  background: url('resources?path=/com/fr/web/ui/images/2x/icon/wave_loading.gif') no-repeat center center;
+  background-size: contain;
+}
+.wave-loading.hack {
+  background: url('resources?path=/com/fr/web/ui/images/1x/icon/wave_loading.gif') no-repeat center center;
+}