Merge branch 'master' of http://cloud.finedevelop.com:2015/scm/visual/fineui

# Conflicts:
#	dist/bundle.js
#	dist/bundle.min.js
#	dist/core.js
#	dist/fineui.js
#	dist/fineui.min.js
#	dist/utils.js
#	dist/utils.min.js

dist/base.css

@@ -653,350 +653,6 @@
   -moz-border-radius: 2px;
   border-radius: 2px;
 }
-.farbtastic .wheel {
-  background: url('images/1x/background/wheel.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/wheel.png');
-  _background: none;
-}
-.farbtastic .overlay {
-  background: url('images/1x/background/mask.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/mask.png');
-  _background: none;
-}
-.farbtastic .marker {
-  background: url('images/1x/background/marker.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/marker.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.center_open {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.roots_open {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.bottom_open {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.ztree li ul.line {
-  background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li ul.line {
-  background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_1.png');
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_full {
-  background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_full_focus {
-  background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_part {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_part_focus {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_full {
-  background: url('images/2x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_full_focus {
-  background: url('images/2x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_part {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_part_focus {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_full {
-  background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_full_focus {
-  background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_part {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_part_focus {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_full {
-  background: url('images/1x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_full_focus {
-  background: url('images/1x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_part {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_part_focus {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree li span.button.root_open {
-  background: url('images/1x/icon/tree_expand_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.root_open {
-  background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_1.png');
-  _background: none;
-}
-.ztree li span.button.root_close {
-  background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.root_close {
-  background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_1.png');
-  _background: none;
-}
-.ztree li span.button.roots_open {
-  background: url('images/1x/icon/tree_expand_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_open {
-  background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_2.png');
-  _background: none;
-}
-.ztree li span.button.roots_close {
-  background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_close {
-  background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_2.png');
-  _background: none;
-}
-.ztree li span.button.center_open {
-  background: url('images/1x/icon/tree_expand_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_open {
-  background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_3.png');
-  _background: none;
-}
-.ztree li span.button.center_close {
-  background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_close {
-  background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_3.png');
-  _background: none;
-}
-.ztree li span.button.bottom_open {
-  background: url('images/1x/icon/tree_expand_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_open {
-  background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_4.png');
-  _background: none;
-}
-.ztree li span.button.bottom_close {
-  background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_close {
-  background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_4.png');
-  _background: none;
-}
-.ztree li span.button.roots_docu {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_2.png');
-  _background: none;
-}
-.ztree li span.button.center_docu {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_3.png');
-  _background: none;
-}
-.ztree li span.button.bottom_docu {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_4.png');
-  _background: none;
-}
-.ztree li span.button.ico_loading {
-  background: url('images/1x/icon/loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/loading.gif');
-  _background: none;
-}
-.base-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_1.png');
-  _background: none;
-}
-.bi-theme-dark .base-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_1.png');
-  _background: none;
-}
-.first-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-theme-dark .first-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_2.png');
-  _background: none;
-}
-.mid-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-theme-dark .mid-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_3.png');
-  _background: none;
-}
-.last-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.bi-theme-dark .last-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_4.png');
-  _background: none;
-}
-.loading-background {
-  background: url('images/2x/icon/loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-background {
-  background: url('images/2x/background/auto_color.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-normal-background {
-  background: url('images/2x/background/auto_color_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-normal-disabled-background {
-  background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal_disable.png');
-  background-size: contain;
-  _background: none;
-}
-.trans-color-background {
-  background: url('images/2x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.trans-color-disabled-background {
-  background: url('images/2x/background/trans_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_disable.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-background.hack {
-  background: url('images/1x/background/auto_color.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color.png');
-  _background: none;
-}
-.auto-color-normal-background.hack {
-  background: url('images/1x/background/auto_color_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png');
-  _background: none;
-}
-.auto-color-normal-disabled-background.hack {
-  background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal_disable.png');
-  _background: none;
-}
-.trans-color-background.hack {
-  background: url('images/1x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_normal.png');
-  _background: none;
-}
-.trans-color-disabled-background.hack {
-  background: url('images/1x/background/trans_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_disable.png');
-  _background: none;
-}
 .bi-pane {
   min-height: 55px;
 }
@@ -1004,12 +660,15 @@
   background-color: rgba(247, 248, 250, 0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00f7f8fa,endColorstr=#00f7f8fa);
 }
+.bi-loading-widget {
+  font-size: 0;
+}
 .bi-loading-widget div {
   background-color: rgba(54, 133, 242, 0.9);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e63685f2,endColorstr=#e63685f2);
-  -webkit-border-radius: 2.5px;
+  -webkit-border-radius: 1.5px;
-  -moz-border-radius: 2.5px;
+  -moz-border-radius: 1.5px;
-  border-radius: 2.5px;
+  border-radius: 1.5px;
   -webkit-animation: loading-widget 0.8s infinite linear;
   -moz-animation: loading-widget 0.8s infinite linear;
   -ms-animation: loading-widget 0.8s infinite linear;
@@ -1116,9 +775,8 @@
   }
 }
 .bi-loading-widget.hack {
-  background: url('images/2x/icon/loading.gif') no-repeat center center;
+  background: url('images/1x/icon/wave_loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/wave_loading.gif');
-  background-size: contain;
   _background: none;
 }
 .bi-loading-widget.hack div {

dist/base.js

@@ -254,25 +254,25 @@ BI.Pane = BI.inherit(BI.Widget, {
         var loadingAnimation = BI.createWidget({
             type: "bi.horizontal",
             cls: "bi-loading-widget" + ((BI.isIE() && BI.getIEVersion() < 10) ? " hack" : ""),
-            height: 60,
+            height: 30,
-            width: 60,
+            width: 30,
-            hgap: 10,
+            hgap: 5.25,
-            vgap: 5,
+            vgap: 2.5,
             items: [{
                 type: "bi.layout",
                 cls: "rect1",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }, {
                 type: "bi.layout",
                 cls: "rect2",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }, {
                 type: "bi.layout",
                 cls: "rect3",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }]
         });
         // pane在同步方式下由items决定tipText的显示与否

dist/bundle.css

@@ -2607,350 +2607,6 @@ textarea {
   -moz-border-radius: 2px;
   border-radius: 2px;
 }
-.farbtastic .wheel {
-  background: url('images/1x/background/wheel.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/wheel.png');
-  _background: none;
-}
-.farbtastic .overlay {
-  background: url('images/1x/background/mask.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/mask.png');
-  _background: none;
-}
-.farbtastic .marker {
-  background: url('images/1x/background/marker.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/marker.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.center_open {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.roots_open {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.bottom_open {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.ztree li ul.line {
-  background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li ul.line {
-  background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_1.png');
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_full {
-  background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_full_focus {
-  background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_part {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_part_focus {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_full {
-  background: url('images/2x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_full_focus {
-  background: url('images/2x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_part {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_part_focus {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_full {
-  background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_full_focus {
-  background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_part {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_part_focus {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_full {
-  background: url('images/1x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_full_focus {
-  background: url('images/1x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_part {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_part_focus {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree li span.button.root_open {
-  background: url('images/1x/icon/tree_expand_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.root_open {
-  background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_1.png');
-  _background: none;
-}
-.ztree li span.button.root_close {
-  background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.root_close {
-  background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_1.png');
-  _background: none;
-}
-.ztree li span.button.roots_open {
-  background: url('images/1x/icon/tree_expand_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_open {
-  background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_2.png');
-  _background: none;
-}
-.ztree li span.button.roots_close {
-  background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_close {
-  background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_2.png');
-  _background: none;
-}
-.ztree li span.button.center_open {
-  background: url('images/1x/icon/tree_expand_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_open {
-  background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_3.png');
-  _background: none;
-}
-.ztree li span.button.center_close {
-  background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_close {
-  background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_3.png');
-  _background: none;
-}
-.ztree li span.button.bottom_open {
-  background: url('images/1x/icon/tree_expand_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_open {
-  background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_4.png');
-  _background: none;
-}
-.ztree li span.button.bottom_close {
-  background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_close {
-  background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_4.png');
-  _background: none;
-}
-.ztree li span.button.roots_docu {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_2.png');
-  _background: none;
-}
-.ztree li span.button.center_docu {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_3.png');
-  _background: none;
-}
-.ztree li span.button.bottom_docu {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_4.png');
-  _background: none;
-}
-.ztree li span.button.ico_loading {
-  background: url('images/1x/icon/loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/loading.gif');
-  _background: none;
-}
-.base-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_1.png');
-  _background: none;
-}
-.bi-theme-dark .base-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_1.png');
-  _background: none;
-}
-.first-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-theme-dark .first-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_2.png');
-  _background: none;
-}
-.mid-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-theme-dark .mid-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_3.png');
-  _background: none;
-}
-.last-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.bi-theme-dark .last-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_4.png');
-  _background: none;
-}
-.loading-background {
-  background: url('images/2x/icon/loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-background {
-  background: url('images/2x/background/auto_color.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-normal-background {
-  background: url('images/2x/background/auto_color_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-normal-disabled-background {
-  background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal_disable.png');
-  background-size: contain;
-  _background: none;
-}
-.trans-color-background {
-  background: url('images/2x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.trans-color-disabled-background {
-  background: url('images/2x/background/trans_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_disable.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-background.hack {
-  background: url('images/1x/background/auto_color.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color.png');
-  _background: none;
-}
-.auto-color-normal-background.hack {
-  background: url('images/1x/background/auto_color_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png');
-  _background: none;
-}
-.auto-color-normal-disabled-background.hack {
-  background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal_disable.png');
-  _background: none;
-}
-.trans-color-background.hack {
-  background: url('images/1x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_normal.png');
-  _background: none;
-}
-.trans-color-disabled-background.hack {
-  background: url('images/1x/background/trans_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_disable.png');
-  _background: none;
-}
 .bi-pane {
   min-height: 55px;
 }
@@ -2958,12 +2614,15 @@ textarea {
   background-color: rgba(247, 248, 250, 0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00f7f8fa,endColorstr=#00f7f8fa);
 }
+.bi-loading-widget {
+  font-size: 0;
+}
 .bi-loading-widget div {
   background-color: rgba(54, 133, 242, 0.9);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e63685f2,endColorstr=#e63685f2);
-  -webkit-border-radius: 2.5px;
+  -webkit-border-radius: 1.5px;
-  -moz-border-radius: 2.5px;
+  -moz-border-radius: 1.5px;
-  border-radius: 2.5px;
+  border-radius: 1.5px;
   -webkit-animation: loading-widget 0.8s infinite linear;
   -moz-animation: loading-widget 0.8s infinite linear;
   -ms-animation: loading-widget 0.8s infinite linear;
@@ -3070,9 +2729,8 @@ textarea {
   }
 }
 .bi-loading-widget.hack {
-  background: url('images/2x/icon/loading.gif') no-repeat center center;
+  background: url('images/1x/icon/wave_loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/wave_loading.gif');
-  background-size: contain;
   _background: none;
 }
 .bi-loading-widget.hack div {

dist/bundle.js

@@ -35617,25 +35617,25 @@ BI.Pane = BI.inherit(BI.Widget, {
         var loadingAnimation = BI.createWidget({
             type: "bi.horizontal",
             cls: "bi-loading-widget" + ((BI.isIE() && BI.getIEVersion() < 10) ? " hack" : ""),
-            height: 60,
+            height: 30,
-            width: 60,
+            width: 30,
-            hgap: 10,
+            hgap: 5.25,
-            vgap: 5,
+            vgap: 2.5,
             items: [{
                 type: "bi.layout",
                 cls: "rect1",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }, {
                 type: "bi.layout",
                 cls: "rect2",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }, {
                 type: "bi.layout",
                 cls: "rect3",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }]
         });
         // pane在同步方式下由items决定tipText的显示与否

dist/fineui.css

@@ -2607,350 +2607,6 @@ textarea {
   -moz-border-radius: 2px;
   border-radius: 2px;
 }
-.farbtastic .wheel {
-  background: url('images/1x/background/wheel.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/wheel.png');
-  _background: none;
-}
-.farbtastic .overlay {
-  background: url('images/1x/background/mask.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/mask.png');
-  _background: none;
-}
-.farbtastic .marker {
-  background: url('images/1x/background/marker.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/marker.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.center_open {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.roots_open {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.bottom_open {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.ztree li ul.line {
-  background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li ul.line {
-  background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_1.png');
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_full {
-  background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_full_focus {
-  background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_part {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_part_focus {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_full {
-  background: url('images/2x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_full_focus {
-  background: url('images/2x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_part {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_part_focus {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_full {
-  background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_full_focus {
-  background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_part {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_part_focus {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_full {
-  background: url('images/1x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_full_focus {
-  background: url('images/1x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_part {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_part_focus {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree li span.button.root_open {
-  background: url('images/1x/icon/tree_expand_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.root_open {
-  background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_1.png');
-  _background: none;
-}
-.ztree li span.button.root_close {
-  background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.root_close {
-  background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_1.png');
-  _background: none;
-}
-.ztree li span.button.roots_open {
-  background: url('images/1x/icon/tree_expand_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_open {
-  background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_2.png');
-  _background: none;
-}
-.ztree li span.button.roots_close {
-  background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_close {
-  background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_2.png');
-  _background: none;
-}
-.ztree li span.button.center_open {
-  background: url('images/1x/icon/tree_expand_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_open {
-  background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_3.png');
-  _background: none;
-}
-.ztree li span.button.center_close {
-  background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_close {
-  background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_3.png');
-  _background: none;
-}
-.ztree li span.button.bottom_open {
-  background: url('images/1x/icon/tree_expand_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_open {
-  background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_4.png');
-  _background: none;
-}
-.ztree li span.button.bottom_close {
-  background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_close {
-  background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_4.png');
-  _background: none;
-}
-.ztree li span.button.roots_docu {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_2.png');
-  _background: none;
-}
-.ztree li span.button.center_docu {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_3.png');
-  _background: none;
-}
-.ztree li span.button.bottom_docu {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_4.png');
-  _background: none;
-}
-.ztree li span.button.ico_loading {
-  background: url('images/1x/icon/loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/loading.gif');
-  _background: none;
-}
-.base-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_1.png');
-  _background: none;
-}
-.bi-theme-dark .base-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_1.png');
-  _background: none;
-}
-.first-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-theme-dark .first-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_2.png');
-  _background: none;
-}
-.mid-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-theme-dark .mid-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_3.png');
-  _background: none;
-}
-.last-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.bi-theme-dark .last-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_4.png');
-  _background: none;
-}
-.loading-background {
-  background: url('images/2x/icon/loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-background {
-  background: url('images/2x/background/auto_color.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-normal-background {
-  background: url('images/2x/background/auto_color_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-normal-disabled-background {
-  background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal_disable.png');
-  background-size: contain;
-  _background: none;
-}
-.trans-color-background {
-  background: url('images/2x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.trans-color-disabled-background {
-  background: url('images/2x/background/trans_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_disable.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-background.hack {
-  background: url('images/1x/background/auto_color.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color.png');
-  _background: none;
-}
-.auto-color-normal-background.hack {
-  background: url('images/1x/background/auto_color_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png');
-  _background: none;
-}
-.auto-color-normal-disabled-background.hack {
-  background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal_disable.png');
-  _background: none;
-}
-.trans-color-background.hack {
-  background: url('images/1x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_normal.png');
-  _background: none;
-}
-.trans-color-disabled-background.hack {
-  background: url('images/1x/background/trans_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_disable.png');
-  _background: none;
-}
 .bi-pane {
   min-height: 55px;
 }
@@ -2958,12 +2614,15 @@ textarea {
   background-color: rgba(247, 248, 250, 0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00f7f8fa,endColorstr=#00f7f8fa);
 }
+.bi-loading-widget {
+  font-size: 0;
+}
 .bi-loading-widget div {
   background-color: rgba(54, 133, 242, 0.9);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e63685f2,endColorstr=#e63685f2);
-  -webkit-border-radius: 2.5px;
+  -webkit-border-radius: 1.5px;
-  -moz-border-radius: 2.5px;
+  -moz-border-radius: 1.5px;
-  border-radius: 2.5px;
+  border-radius: 1.5px;
   -webkit-animation: loading-widget 0.8s infinite linear;
   -moz-animation: loading-widget 0.8s infinite linear;
   -ms-animation: loading-widget 0.8s infinite linear;
@@ -3070,9 +2729,8 @@ textarea {
   }
 }
 .bi-loading-widget.hack {
-  background: url('images/2x/icon/loading.gif') no-repeat center center;
+  background: url('images/1x/icon/wave_loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/wave_loading.gif');
-  background-size: contain;
   _background: none;
 }
 .bi-loading-widget.hack div {

dist/fineui.js

@@ -35859,25 +35859,25 @@ BI.Pane = BI.inherit(BI.Widget, {
         var loadingAnimation = BI.createWidget({
             type: "bi.horizontal",
             cls: "bi-loading-widget" + ((BI.isIE() && BI.getIEVersion() < 10) ? " hack" : ""),
-            height: 60,
+            height: 30,
-            width: 60,
+            width: 30,
-            hgap: 10,
+            hgap: 5.25,
-            vgap: 5,
+            vgap: 2.5,
             items: [{
                 type: "bi.layout",
                 cls: "rect1",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }, {
                 type: "bi.layout",
                 cls: "rect2",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }, {
                 type: "bi.layout",
                 cls: "rect3",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }]
         });
         // pane在同步方式下由items决定tipText的显示与否

dist/fineui_without_jquery_polyfill.js

@@ -24428,25 +24428,25 @@ BI.Pane = BI.inherit(BI.Widget, {
         var loadingAnimation = BI.createWidget({
             type: "bi.horizontal",
             cls: "bi-loading-widget" + ((BI.isIE() && BI.getIEVersion() < 10) ? " hack" : ""),
-            height: 60,
+            height: 30,
-            width: 60,
+            width: 30,
-            hgap: 10,
+            hgap: 5.25,
-            vgap: 5,
+            vgap: 2.5,
             items: [{
                 type: "bi.layout",
                 cls: "rect1",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }, {
                 type: "bi.layout",
                 cls: "rect2",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }, {
                 type: "bi.layout",
                 cls: "rect3",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }]
         });
         // pane在同步方式下由items决定tipText的显示与否

src/base/pane.js

@@ -53,25 +53,25 @@ BI.Pane = BI.inherit(BI.Widget, {
         var loadingAnimation = BI.createWidget({
             type: "bi.horizontal",
             cls: "bi-loading-widget" + ((BI.isIE() && BI.getIEVersion() < 10) ? " hack" : ""),
-            height: 60,
+            height: 30,
-            width: 60,
+            width: 30,
-            hgap: 10,
+            hgap: 5.25,
-            vgap: 5,
+            vgap: 2.5,
             items: [{
                 type: "bi.layout",
                 cls: "rect1",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }, {
                 type: "bi.layout",
                 cls: "rect2",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }, {
                 type: "bi.layout",
                 cls: "rect3",
-                height: 50,
+                height: 25,
-                width: 5
+                width: 3
             }]
         });
         // pane在同步方式下由items决定tipText的显示与否

src/css/base/pane.css

@@ -1,347 +1,3 @@
-.farbtastic .wheel {
-  background: url('images/1x/background/wheel.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/wheel.png');
-  _background: none;
-}
-.farbtastic .overlay {
-  background: url('images/1x/background/mask.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/mask.png');
-  _background: none;
-}
-.farbtastic .marker {
-  background: url('images/1x/background/marker.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/marker.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.center_open {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.roots_open {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-display-tree .ztree li span.button.switch.bottom_open {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.ztree li ul.line {
-  background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 1px 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li ul.line {
-  background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 1px 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_1.png');
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_full {
-  background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_full_focus {
-  background: url('images/2x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_part {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_false_part_focus {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_full {
-  background: url('images/2x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_full_focus {
-  background: url('images/2x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/check_box_active.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_part {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree li span.button.chk.checkbox_true_part_focus {
-  background: url('images/2x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/half_selected.png');
-  background-size: contain;
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_full {
-  background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_full_focus {
-  background: url('images/1x/icon/check_box_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_normal.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_part {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_false_part_focus {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_full {
-  background: url('images/1x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_full_focus {
-  background: url('images/1x/icon/check_box_active.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/check_box_active.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_part {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree.hack li span.button.chk.checkbox_true_part_focus {
-  background: url('images/1x/icon/half_selected.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/half_selected.png');
-  _background: none;
-}
-.ztree li span.button.root_open {
-  background: url('images/1x/icon/tree_expand_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.root_open {
-  background: url('images/1x/icon/dark/tree_expand_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_1.png');
-  _background: none;
-}
-.ztree li span.button.root_close {
-  background: url('images/1x/icon/tree_collapse_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_1.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.root_close {
-  background: url('images/1x/icon/dark/tree_collapse_1.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_1.png');
-  _background: none;
-}
-.ztree li span.button.roots_open {
-  background: url('images/1x/icon/tree_expand_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_open {
-  background: url('images/1x/icon/dark/tree_expand_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_2.png');
-  _background: none;
-}
-.ztree li span.button.roots_close {
-  background: url('images/1x/icon/tree_collapse_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_close {
-  background: url('images/1x/icon/dark/tree_collapse_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_2.png');
-  _background: none;
-}
-.ztree li span.button.center_open {
-  background: url('images/1x/icon/tree_expand_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_open {
-  background: url('images/1x/icon/dark/tree_expand_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_3.png');
-  _background: none;
-}
-.ztree li span.button.center_close {
-  background: url('images/1x/icon/tree_collapse_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_close {
-  background: url('images/1x/icon/dark/tree_collapse_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_3.png');
-  _background: none;
-}
-.ztree li span.button.bottom_open {
-  background: url('images/1x/icon/tree_expand_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_expand_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_open {
-  background: url('images/1x/icon/dark/tree_expand_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_expand_4.png');
-  _background: none;
-}
-.ztree li span.button.bottom_close {
-  background: url('images/1x/icon/tree_collapse_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_collapse_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_close {
-  background: url('images/1x/icon/dark/tree_collapse_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_collapse_4.png');
-  _background: none;
-}
-.ztree li span.button.roots_docu {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.roots_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_2.png');
-  _background: none;
-}
-.ztree li span.button.center_docu {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.center_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_3.png');
-  _background: none;
-}
-.ztree li span.button.bottom_docu {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.bi-theme-dark .ztree li span.button.bottom_docu {
-  background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_4.png');
-  _background: none;
-}
-.ztree li span.button.ico_loading {
-  background: url('images/1x/icon/loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/loading.gif');
-  _background: none;
-}
-.base-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_1.png') repeat-y 0 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_1.png');
-  _background: none;
-}
-.bi-theme-dark .base-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_1.png') repeat-y 0 0;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_1.png');
-  _background: none;
-}
-.first-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_2.png');
-  _background: none;
-}
-.bi-theme-dark .first-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_2.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_2.png');
-  _background: none;
-}
-.mid-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_3.png');
-  _background: none;
-}
-.bi-theme-dark .mid-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_3.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_3.png');
-  _background: none;
-}
-.last-line-conn-background {
-  background: url('images/1x/icon/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/tree_vertical_line_4.png');
-  _background: none;
-}
-.bi-theme-dark .last-line-conn-background {
-  background: url('images/1x/icon/dark/tree_vertical_line_4.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/dark/tree_vertical_line_4.png');
-  _background: none;
-}
-.loading-background {
-  background: url('images/2x/icon/loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-background {
-  background: url('images/2x/background/auto_color.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-normal-background {
-  background: url('images/2x/background/auto_color_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-normal-disabled-background {
-  background: url('images/2x/background/auto_color_normal_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/auto_color_normal_disable.png');
-  background-size: contain;
-  _background: none;
-}
-.trans-color-background {
-  background: url('images/2x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_normal.png');
-  background-size: contain;
-  _background: none;
-}
-.trans-color-disabled-background {
-  background: url('images/2x/background/trans_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/background/trans_disable.png');
-  background-size: contain;
-  _background: none;
-}
-.auto-color-background.hack {
-  background: url('images/1x/background/auto_color.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color.png');
-  _background: none;
-}
-.auto-color-normal-background.hack {
-  background: url('images/1x/background/auto_color_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal.png');
-  _background: none;
-}
-.auto-color-normal-disabled-background.hack {
-  background: url('images/1x/background/auto_color_normal_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/auto_color_normal_disable.png');
-  _background: none;
-}
-.trans-color-background.hack {
-  background: url('images/1x/background/trans_normal.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_normal.png');
-  _background: none;
-}
-.trans-color-disabled-background.hack {
-  background: url('images/1x/background/trans_disable.png') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/background/trans_disable.png');
-  _background: none;
-}
 .bi-pane {
   min-height: 55px;
 }
@@ -349,12 +5,15 @@
   background-color: rgba(247, 248, 250, 0);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00f7f8fa,endColorstr=#00f7f8fa);
 }
+.bi-loading-widget {
+  font-size: 0;
+}
 .bi-loading-widget div {
   background-color: rgba(54, 133, 242, 0.9);
   filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#e63685f2,endColorstr=#e63685f2);
-  -webkit-border-radius: 2.5px;
+  -webkit-border-radius: 1.5px;
-  -moz-border-radius: 2.5px;
+  -moz-border-radius: 1.5px;
-  border-radius: 2.5px;
+  border-radius: 1.5px;
   -webkit-animation: loading-widget 0.8s infinite linear;
   -moz-animation: loading-widget 0.8s infinite linear;
   -ms-animation: loading-widget 0.8s infinite linear;
@@ -461,9 +120,8 @@
   }
 }
 .bi-loading-widget.hack {
-  background: url('images/2x/icon/loading.gif') no-repeat center center;
+  background: url('images/1x/icon/wave_loading.gif') no-repeat center center;
-  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/2x/icon/loading.gif');
+  _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/1x/icon/wave_loading.gif');
-  background-size: contain;
   _background: none;
 }
 .bi-loading-widget.hack div {

src/less/base/pane.less

@@ -1,5 +1,6 @@
 @import "../index";
-@import "../resource/background";
+@import "../image";
+@import "../lib/icon";
 .bi-pane {
     min-height: 55px;
     & .loading-container {
@@ -8,9 +9,10 @@
 }
 
 .bi-loading-widget {
+    font-size: 0;
     div {
         .background-color(@background-color-highlight, 90%);
-        .border-radius(2.5px);
+        .border-radius(1.5px);
         .animation(loading-widget 0.8s infinite linear);
     }
     .rect2 {
@@ -28,7 +30,7 @@
         }
     });
     &.hack {
-        .loading-background;
+        .imagePath(@icon-wave-loading);
         div {
             .background-color(@background-color-highlight, 0%);
         }

src/less/lib/icon.less

@@ -41,6 +41,7 @@
 @icon-tree-vertical-line-4-theme-dark: "icon/dark/tree_vertical_line_4.png";
 
 @icon-loading: "icon/loading.gif";
+@icon-wave-loading: "icon/wave_loading.gif";
 
 //滑块
 @icon-slider-normal: "icon/slider_normal_small.png";