add

demo/css/face.css

@@ -2,7 +2,7 @@
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .demo-face .face-config {
-  border-right: 1px solid #d4dadd;
+  border-left: 1px solid #d4dadd;
 }
 .demo-face .face-config .config-label {
   font-size: 14px;

demo/js/face.js

@@ -320,14 +320,14 @@ Demo.Face = BI.inherit(BI.Widget, {
                 column: 0,
                 row: 0,
                 el: {
-                    type: "demo.preview",
-                    cls: "face-config"
+                    type: "demo.preview"
                 }
             }, {
                 column: 1,
                 row: 0,
                 el: {
                     type: "bi.vertical",
+                    cls: "face-config",
                     items: [this._createBaseConfig(),
                         this._createCommonConfig()]
                 }

demo/less/face.less

@@ -2,7 +2,7 @@
 
 .demo-face {
   .face-config {
-    border-right: 1px solid @color-bi-border-normal;
+    border-left: 1px solid @color-bi-border-normal;
     .config-label {
       font-size: 14px;
     }

docs/demo.css

@@ -2,7 +2,7 @@
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 .demo-face .face-config {
-  border-right: 1px solid #d4dadd;
+  border-left: 1px solid #d4dadd;
 }
 .demo-face .face-config .config-label {
   font-size: 14px;

docs/demo.js

@@ -4840,14 +4840,14 @@ BI.shortcut("demo.vtape", Demo.VtapeLayout);Demo.Face = BI.inherit(BI.Widget, {
                 column: 0,
                 row: 0,
                 el: {
-                    type: "demo.preview",
-                    cls: "face-config"
+                    type: "demo.preview"
                 }
             }, {
                 column: 1,
                 row: 0,
                 el: {
                     type: "bi.vertical",
+                    cls: "face-config",
                     items: [this._createBaseConfig(),
                         this._createCommonConfig()]
                 }

docs/resource.css

@@ -120,8 +120,6 @@ textarea::-webkit-scrollbar-thumb {
   border-radius: 0;
   background-color: #7d7d7d;
 }
-/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
 .base-line-conn-background {
   background: url('icon/tree-vertical-line-1.png') repeat-y 0 0;
   _filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='icon/tree-vertical-line-1.png');
@@ -4121,8 +4119,6 @@ textarea::-webkit-scrollbar-thumb {
   content: "\e600";
   color: #f07d0a;
 }
-/****** common color(常用颜色,可用于普遍场景) *****/
-/**** custom color(自定义颜色,用于特定场景) ****/
 .tree-collapse-icon-type1 .x-icon,
 .tree-collapse-icon-type1:hover .x-icon,
 .tree-collapse-icon-type1:active .x-icon {