Merge pull request #890 in VISUAL/fineui from ~WINDY/fineui:master to master

* commit 'ad8cbea017c64d3475ffe142a2811549926c0a94':
  update
  BI-42907 IE9下 right_vertical_adapt中的item仍然是从左往右排列的

dist/2.0/fineui.css

@@ -4454,8 +4454,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(135, 141, 159, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f);
+  background-color: rgba(61, 77, 102, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
   width: 6px;
   height: 6px;
 }
@@ -4464,19 +4464,19 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(135, 141, 159, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f);
+  background-color: rgba(61, 77, 102, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(135, 141, 159, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3878d9f,endColorstr=#b3878d9f);
+  background-color: rgba(61, 77, 102, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(208, 212, 218, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
+  background-color: rgba(255, 255, 255, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
   width: 6px;
   height: 6px;
 }
@@ -4485,13 +4485,13 @@ textarea::-webkit-scrollbar-thumb:hover {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(208, 212, 218, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
+  background-color: rgba(255, 255, 255, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff,endColorstr=#4dffffff);
 }
 .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
 .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(208, 212, 218, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
+  background-color: rgba(255, 255, 255, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff);
 }
 .bi-farbtastic .wheel {
   background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/wheel.png') no-repeat center center;

dist/2.0/fineui.ie.js

@@ -30792,6 +30792,7 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                         type: "bi.vertical_adapt",
                         height: "100%",
                         items: o.items.right,
+                        textAlign: "right",
                         hgap: o.rhgap,
                         lgap: o.rlgap,
                         rgap: o.rrgap
@@ -30887,6 +30888,7 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                 el: {
                     type: "bi.vertical_adapt",
                     height: "100%",
+                    textAlign: "right",
                     items: o.items,
                     lgap: o.lgap,
                     hgap: o.hgap,
@@ -31294,15 +31296,17 @@ BI.InlineVerticalAdaptLayout = BI.inherit(BI.Layout, {
             lgap: 0,
             rgap: 0,
             tgap: 0,
-            bgap: 0
+            bgap: 0,
+            textAlign: "left"
         });
     },
 
     render: function () {
         BI.InlineVerticalAdaptLayout.superclass.render.apply(this, arguments);
+        var o = this.options;
         this.element.css({
             whiteSpace: "nowrap",
-            textAlign: "left"
+            textAlign: o.textAlign
         });
         this.populate(this.options.items);
     },

dist/2.0/fineui.js

@@ -30792,6 +30792,7 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                         type: "bi.vertical_adapt",
                         height: "100%",
                         items: o.items.right,
+                        textAlign: "right",
                         hgap: o.rhgap,
                         lgap: o.rlgap,
                         rgap: o.rrgap
@@ -30887,6 +30888,7 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                 el: {
                     type: "bi.vertical_adapt",
                     height: "100%",
+                    textAlign: "right",
                     items: o.items,
                     lgap: o.lgap,
                     hgap: o.hgap,
@@ -31294,15 +31296,17 @@ BI.InlineVerticalAdaptLayout = BI.inherit(BI.Layout, {
             lgap: 0,
             rgap: 0,
             tgap: 0,
-            bgap: 0
+            bgap: 0,
+            textAlign: "left"
         });
     },
 
     render: function () {
         BI.InlineVerticalAdaptLayout.superclass.render.apply(this, arguments);
+        var o = this.options;
         this.element.css({
             whiteSpace: "nowrap",
-            textAlign: "left"
+            textAlign: o.textAlign
         });
         this.populate(this.options.items);
     },

dist/bundle.css

@@ -4454,8 +4454,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(135, 141, 159, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f);
+  background-color: rgba(61, 77, 102, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
   width: 6px;
   height: 6px;
 }
@@ -4464,19 +4464,19 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(135, 141, 159, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f);
+  background-color: rgba(61, 77, 102, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(135, 141, 159, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3878d9f,endColorstr=#b3878d9f);
+  background-color: rgba(61, 77, 102, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(208, 212, 218, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
+  background-color: rgba(255, 255, 255, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
   width: 6px;
   height: 6px;
 }
@@ -4485,13 +4485,13 @@ textarea::-webkit-scrollbar-thumb:hover {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(208, 212, 218, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
+  background-color: rgba(255, 255, 255, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff,endColorstr=#4dffffff);
 }
 .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
 .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(208, 212, 218, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
+  background-color: rgba(255, 255, 255, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff);
 }
 .bi-farbtastic .wheel {
   background: url('http://fine-design-storage.oss-cn-shanghai.aliyuncs.com/fineui/2.0/images/1x/background/wheel.png') no-repeat center center;

dist/bundle.ie.js

@@ -30792,6 +30792,7 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                         type: "bi.vertical_adapt",
                         height: "100%",
                         items: o.items.right,
+                        textAlign: "right",
                         hgap: o.rhgap,
                         lgap: o.rlgap,
                         rgap: o.rrgap
@@ -30887,6 +30888,7 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                 el: {
                     type: "bi.vertical_adapt",
                     height: "100%",
+                    textAlign: "right",
                     items: o.items,
                     lgap: o.lgap,
                     hgap: o.hgap,
@@ -31294,15 +31296,17 @@ BI.InlineVerticalAdaptLayout = BI.inherit(BI.Layout, {
             lgap: 0,
             rgap: 0,
             tgap: 0,
-            bgap: 0
+            bgap: 0,
+            textAlign: "left"
         });
     },
 
     render: function () {
         BI.InlineVerticalAdaptLayout.superclass.render.apply(this, arguments);
+        var o = this.options;
         this.element.css({
             whiteSpace: "nowrap",
-            textAlign: "left"
+            textAlign: o.textAlign
         });
         this.populate(this.options.items);
     },

dist/bundle.js

@@ -30792,6 +30792,7 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                         type: "bi.vertical_adapt",
                         height: "100%",
                         items: o.items.right,
+                        textAlign: "right",
                         hgap: o.rhgap,
                         lgap: o.rlgap,
                         rgap: o.rrgap
@@ -30887,6 +30888,7 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                 el: {
                     type: "bi.vertical_adapt",
                     height: "100%",
+                    textAlign: "right",
                     items: o.items,
                     lgap: o.lgap,
                     hgap: o.hgap,
@@ -31294,15 +31296,17 @@ BI.InlineVerticalAdaptLayout = BI.inherit(BI.Layout, {
             lgap: 0,
             rgap: 0,
             tgap: 0,
-            bgap: 0
+            bgap: 0,
+            textAlign: "left"
         });
     },
 
     render: function () {
         BI.InlineVerticalAdaptLayout.superclass.render.apply(this, arguments);
+        var o = this.options;
         this.element.css({
             whiteSpace: "nowrap",
-            textAlign: "left"
+            textAlign: o.textAlign
         });
         this.populate(this.options.items);
     },

dist/core.js

@@ -30792,6 +30792,7 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                         type: "bi.vertical_adapt",
                         height: "100%",
                         items: o.items.right,
+                        textAlign: "right",
                         hgap: o.rhgap,
                         lgap: o.rlgap,
                         rgap: o.rrgap
@@ -30887,6 +30888,7 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                 el: {
                     type: "bi.vertical_adapt",
                     height: "100%",
+                    textAlign: "right",
                     items: o.items,
                     lgap: o.lgap,
                     hgap: o.hgap,
@@ -31294,15 +31296,17 @@ BI.InlineVerticalAdaptLayout = BI.inherit(BI.Layout, {
             lgap: 0,
             rgap: 0,
             tgap: 0,
-            bgap: 0
+            bgap: 0,
+            textAlign: "left"
         });
     },
 
     render: function () {
         BI.InlineVerticalAdaptLayout.superclass.render.apply(this, arguments);
+        var o = this.options;
         this.element.css({
             whiteSpace: "nowrap",
-            textAlign: "left"
+            textAlign: o.textAlign
         });
         this.populate(this.options.items);
     },

dist/fineui.css

@@ -4454,8 +4454,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(135, 141, 159, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f);
+  background-color: rgba(61, 77, 102, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
   width: 6px;
   height: 6px;
 }
@@ -4464,19 +4464,19 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(135, 141, 159, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f);
+  background-color: rgba(61, 77, 102, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(135, 141, 159, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3878d9f,endColorstr=#b3878d9f);
+  background-color: rgba(61, 77, 102, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(208, 212, 218, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
+  background-color: rgba(255, 255, 255, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
   width: 6px;
   height: 6px;
 }
@@ -4485,13 +4485,13 @@ textarea::-webkit-scrollbar-thumb:hover {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(208, 212, 218, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
+  background-color: rgba(255, 255, 255, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff,endColorstr=#4dffffff);
 }
 .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
 .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(208, 212, 218, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
+  background-color: rgba(255, 255, 255, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff);
 }
 .bi-farbtastic .wheel {
   background: url('resources?path=/com/fr/web/ui/images/1x/background/wheel.png') no-repeat center center;

dist/fineui.ie.js

@@ -31037,6 +31037,7 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                         type: "bi.vertical_adapt",
                         height: "100%",
                         items: o.items.right,
+                        textAlign: "right",
                         hgap: o.rhgap,
                         lgap: o.rlgap,
                         rgap: o.rrgap
@@ -31132,6 +31133,7 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                 el: {
                     type: "bi.vertical_adapt",
                     height: "100%",
+                    textAlign: "right",
                     items: o.items,
                     lgap: o.lgap,
                     hgap: o.hgap,
@@ -31539,15 +31541,17 @@ BI.InlineVerticalAdaptLayout = BI.inherit(BI.Layout, {
             lgap: 0,
             rgap: 0,
             tgap: 0,
-            bgap: 0
+            bgap: 0,
+            textAlign: "left"
         });
     },
 
     render: function () {
         BI.InlineVerticalAdaptLayout.superclass.render.apply(this, arguments);
+        var o = this.options;
         this.element.css({
             whiteSpace: "nowrap",
-            textAlign: "left"
+            textAlign: o.textAlign
         });
         this.populate(this.options.items);
     },

dist/fineui.js

@@ -31037,6 +31037,7 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                         type: "bi.vertical_adapt",
                         height: "100%",
                         items: o.items.right,
+                        textAlign: "right",
                         hgap: o.rhgap,
                         lgap: o.rlgap,
                         rgap: o.rrgap
@@ -31132,6 +31133,7 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                 el: {
                     type: "bi.vertical_adapt",
                     height: "100%",
+                    textAlign: "right",
                     items: o.items,
                     lgap: o.lgap,
                     hgap: o.hgap,
@@ -31539,15 +31541,17 @@ BI.InlineVerticalAdaptLayout = BI.inherit(BI.Layout, {
             lgap: 0,
             rgap: 0,
             tgap: 0,
-            bgap: 0
+            bgap: 0,
+            textAlign: "left"
         });
     },
 
     render: function () {
         BI.InlineVerticalAdaptLayout.superclass.render.apply(this, arguments);
+        var o = this.options;
         this.element.css({
             whiteSpace: "nowrap",
-            textAlign: "left"
+            textAlign: o.textAlign
         });
         this.populate(this.options.items);
     },

dist/fineui_without_jquery_polyfill.js

@@ -19682,6 +19682,7 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                         type: "bi.vertical_adapt",
                         height: "100%",
                         items: o.items.right,
+                        textAlign: "right",
                         hgap: o.rhgap,
                         lgap: o.rlgap,
                         rgap: o.rrgap
@@ -19777,6 +19778,7 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                 el: {
                     type: "bi.vertical_adapt",
                     height: "100%",
+                    textAlign: "right",
                     items: o.items,
                     lgap: o.lgap,
                     hgap: o.hgap,
@@ -20184,15 +20186,17 @@ BI.InlineVerticalAdaptLayout = BI.inherit(BI.Layout, {
             lgap: 0,
             rgap: 0,
             tgap: 0,
-            bgap: 0
+            bgap: 0,
+            textAlign: "left"
         });
     },
 
     render: function () {
         BI.InlineVerticalAdaptLayout.superclass.render.apply(this, arguments);
+        var o = this.options;
         this.element.css({
             whiteSpace: "nowrap",
-            textAlign: "left"
+            textAlign: o.textAlign
         });
         this.populate(this.options.items);
     },

dist/resource.css

@@ -30,8 +30,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(135, 141, 159, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f);
+  background-color: rgba(61, 77, 102, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
   width: 6px;
   height: 6px;
 }
@@ -40,19 +40,19 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(135, 141, 159, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f);
+  background-color: rgba(61, 77, 102, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(135, 141, 159, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3878d9f,endColorstr=#b3878d9f);
+  background-color: rgba(61, 77, 102, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(208, 212, 218, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
+  background-color: rgba(255, 255, 255, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
   width: 6px;
   height: 6px;
 }
@@ -61,13 +61,13 @@ textarea::-webkit-scrollbar-thumb:hover {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(208, 212, 218, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
+  background-color: rgba(255, 255, 255, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff,endColorstr=#4dffffff);
 }
 .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
 .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(208, 212, 218, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
+  background-color: rgba(255, 255, 255, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff);
 }
 .bi-farbtastic .wheel {
   background: url('images/1x/background/wheel.png') no-repeat center center;

public/css/app.css

@@ -30,8 +30,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(135, 141, 159, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f);
+  background-color: rgba(61, 77, 102, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
   width: 6px;
   height: 6px;
 }
@@ -40,19 +40,19 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(135, 141, 159, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f);
+  background-color: rgba(61, 77, 102, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(135, 141, 159, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3878d9f,endColorstr=#b3878d9f);
+  background-color: rgba(61, 77, 102, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(208, 212, 218, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
+  background-color: rgba(255, 255, 255, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
   width: 6px;
   height: 6px;
 }
@@ -61,11 +61,11 @@ textarea::-webkit-scrollbar-thumb:hover {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(208, 212, 218, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
+  background-color: rgba(255, 255, 255, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff,endColorstr=#4dffffff);
 }
 .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
 .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(208, 212, 218, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
+  background-color: rgba(255, 255, 255, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff);
 }

src/core/wrapper/layout/adapt/adapt.leftrightvertical.js

@@ -47,6 +47,7 @@ BI.LeftRightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                         type: "bi.vertical_adapt",
                         height: "100%",
                         items: o.items.right,
+                        textAlign: "right",
                         hgap: o.rhgap,
                         lgap: o.rlgap,
                         rgap: o.rrgap
@@ -142,6 +143,7 @@ BI.RightVerticalAdaptLayout = BI.inherit(BI.Layout, {
                 el: {
                     type: "bi.vertical_adapt",
                     height: "100%",
+                    textAlign: "right",
                     items: o.items,
                     lgap: o.lgap,
                     hgap: o.hgap,

src/core/wrapper/layout/adapt/inline.vertical.js

@@ -17,15 +17,17 @@ BI.InlineVerticalAdaptLayout = BI.inherit(BI.Layout, {
             lgap: 0,
             rgap: 0,
             tgap: 0,
-            bgap: 0
+            bgap: 0,
+            textAlign: "left"
         });
     },
 
     render: function () {
         BI.InlineVerticalAdaptLayout.superclass.render.apply(this, arguments);
+        var o = this.options;
         this.element.css({
             whiteSpace: "nowrap",
-            textAlign: "left"
+            textAlign: o.textAlign
         });
         this.populate(this.options.items);
     },

src/css/resource/app.css

@@ -30,8 +30,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(135, 141, 159, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f);
+  background-color: rgba(61, 77, 102, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
   width: 6px;
   height: 6px;
 }
@@ -40,19 +40,19 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(135, 141, 159, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f);
+  background-color: rgba(61, 77, 102, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(135, 141, 159, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3878d9f,endColorstr=#b3878d9f);
+  background-color: rgba(61, 77, 102, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(208, 212, 218, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
+  background-color: rgba(255, 255, 255, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
   width: 6px;
   height: 6px;
 }
@@ -61,11 +61,11 @@ textarea::-webkit-scrollbar-thumb:hover {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(208, 212, 218, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
+  background-color: rgba(255, 255, 255, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff,endColorstr=#4dffffff);
 }
 .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
 .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(208, 212, 218, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
+  background-color: rgba(255, 255, 255, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff);
 }

src/less/lib/constant.less

@@ -99,7 +99,7 @@
 @border-color-disabled: #d0d4da;
 
 //scroll color
-@scroll-color: #878d9f;
-@scroll-color-theme-dark: #d0d4da;
+@scroll-color: #3d4d66;
+@scroll-color-theme-dark: #ffffff;
 
 @water-mark-color-theme-dark: #878d9f;

ui/css/app.css

@@ -30,8 +30,8 @@ body {
 div::-webkit-scrollbar,
 textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(135, 141, 159, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d878d9f,endColorstr=#0d878d9f);
+  background-color: rgba(61, 77, 102, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0d3d4d66,endColorstr=#0d3d4d66);
   width: 6px;
   height: 6px;
 }
@@ -40,19 +40,19 @@ textarea::-webkit-scrollbar-thumb {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(135, 141, 159, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d878d9f,endColorstr=#4d878d9f);
+  background-color: rgba(61, 77, 102, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4d3d4d66,endColorstr=#4d3d4d66);
 }
 div::-webkit-scrollbar-thumb:hover,
 textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(135, 141, 159, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3878d9f,endColorstr=#b3878d9f);
+  background-color: rgba(61, 77, 102, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b33d4d66,endColorstr=#b33d4d66);
 }
 .bi-theme-dark div::-webkit-scrollbar,
 .bi-theme-dark textarea::-webkit-scrollbar {
   -webkit-appearance: none;
-  background-color: rgba(208, 212, 218, 0.05);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dd0d4da,endColorstr=#0dd0d4da);
+  background-color: rgba(255, 255, 255, 0.05);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#0dffffff,endColorstr=#0dffffff);
   width: 6px;
   height: 6px;
 }
@@ -61,11 +61,11 @@ textarea::-webkit-scrollbar-thumb:hover {
   -webkit-border-radius: 0;
   -moz-border-radius: 0;
   border-radius: 0;
-  background-color: rgba(208, 212, 218, 0.3);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dd0d4da,endColorstr=#4dd0d4da);
+  background-color: rgba(255, 255, 255, 0.3);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#4dffffff,endColorstr=#4dffffff);
 }
 .bi-theme-dark div::-webkit-scrollbar-thumb:hover,
 .bi-theme-dark textarea::-webkit-scrollbar-thumb:hover {
-  background-color: rgba(208, 212, 218, 0.7);
-  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3d0d4da,endColorstr=#b3d0d4da);
+  background-color: rgba(255, 255, 255, 0.7);
+  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#b3ffffff,endColorstr=#b3ffffff);
 }