diff --git a/.gitignore b/.gitignore
index c070f3a43..5f5448a3a 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,4 +1,5 @@
 node_modules/
 /.idea/
 demo.js
-demo.css
\ No newline at end of file
+demo.css
+.DS_Store
diff --git a/Gruntfile.js b/Gruntfile.js
index 5824052d0..ab485ff64 100644
--- a/Gruntfile.js
+++ b/Gruntfile.js
@@ -73,7 +73,7 @@ module.exports = function (grunt) {
             },
 
             demoJs: {
-                src: ['demo/version.js', 'demo/app.js', 'demo/config.js', 'demo/js/**/*.js'],
+                src: ['demo/version.js', 'demo/config.js', 'demo/app.js', 'demo/js/**/*.js'],
                 dest: 'demo/dist/demo.js'
             },
             demoCss: {
@@ -143,7 +143,7 @@ module.exports = function (grunt) {
         },
         watch: {
             scripts: {
-                files: ['src/**/*.js', 'demo/js/**/*.js', 'demo/less/**/*.less'],
+                files: ['src/**/*.js', 'demo/js/**/*.js', 'demo/config.js', 'demo/less/**/*.less'],
                 tasks: ['less', 'concat'],
                 options: {
                     spanw: true,
diff --git a/demo/config.js b/demo/config.js
index 76aeb0eee..0822a116c 100644
--- a/demo/config.js
+++ b/demo/config.js
@@ -1,13 +1,7 @@
 /**
  * Created by User on 2017/3/21.
  */
-FINEUI = {};
-FINEUI.WIDGET = [{
-    id: -1,
-    text: "文本框",
-    isParent: true,
-    open: false
-}, {
+Demo.WIDGET = [{
     id: 2,
     pId: -1,
     text: "文本框",
@@ -76,315 +70,315 @@ FINEUI.WIDGET = [{
 }, {
     pId: -1,
     text: "bi.message",
-    type: "message"
+    value: "message"
 }, {
     pId: -1,
     text: "bi.button",
-    type: "button"
+    value: "button"
 }, {
     pId: -1,
     text: "bi.multifile",
-    type: "multifile"
+    value: "multifile"
 }, {
     pId: -1,
     text: "bi.label",
-    type: "label"
+    value: "label"
 }, {
     pId: 2,
     text: "bi.editor",
-    type: "editor"
+    value: "demo.absolute"
 }, {
     pId: 2,
     text: "bi.state_editor",
-    type: "state_editor"
+    value: "state_editor"
 }, {
     pId: 2,
     text: "bi.record_editor",
-    type: "record_editor"
+    value: "record_editor"
 }, {
     pId: 2,
     text: "bi.sign_editor",
-    type: "sign_editor"
+    value: "sign_editor"
 }, {
     pId: 2,
     text: "bi.shelter_editor",
-    type: "shelter_editor"
+    value: "shelter_editor"
 }, {
     pId: 2,
     text: "bi.code_editor",
-    type: "code_editor"
+    value: "code_editor"
 }, {
     pId: 2,
     text: "bi.textareaeditor",
-    type: "textareaeditor"
+    value: "textareaeditor"
 }, {
     pId: 6,
     text: "bi.combo",
-    type: "combo"
+    value: "combo"
 }, {
     pId: 6,
     text: "bi.combo(各种位置)",
-    type: "combo2"
+    value: "combo2"
 }, {
     pId: 6,
     text: "bi.expander",
-    type: "expander"
+    value: "expander"
 }, {
     pId: 6,
     text: "bi.switcher",
-    type: "switcher"
+    value: "switcher"
 }, {
     pId: 6,
     text: "bi.searcher",
-    type: "searcher"
+    value: "searcher"
 }, {
     pId: 6,
     text: "bi.bubble_combo",
-    type: "bubble_combo"
+    value: "bubble_combo"
 }, {
     pId: 1,
     text: "bi.customtree",
-    type: "customtree"
+    value: "customtree"
 }, {
     pId: 1,
     text: "bi.tree",
-    type: "tree"
+    value: "tree"
 }, {
     pId: 1,
     text: "bi.sync_tree",
-    type: "synctree"
+    value: "synctree"
 }, {
     pId: 1,
     text: "bi.part_tree",
-    type: "parttree"
+    value: "parttree"
 }, {
     pId: 1,
     text: "bi.display_tree",
-    type: "displaytree"
+    value: "displaytree"
 }, {
     pId: 1,
     text: "bi.simple_tree",
-    type: "simpletree"
+    value: "simpletree"
 }, {
     pId: 1,
     text: "bi.level_tree",
-    type: "leveltree"
+    value: "leveltree"
 }, {
     pId: 1,
     text: "bi.branch_tree",
-    type: "branch_tree"
+    value: "branch_tree"
 }, {
     pId: 1,
     text: "bi.handstand_branch_tree",
-    type: "handstand_branch_tree"
+    value: "handstand_branch_tree"
 }, {
     pId: 2,
     text: "bi.formula",
-    type: "formula"
+    value: "formula"
 }, {
     pId: 9,
     text: "bi.farbtastic",
-    type: "farbtastic"
+    value: "farbtastic"
 }, {
     pId: 9,
     text: "bi.color_picker",
-    type: "color_picker"
+    value: "color_picker"
 }, {
     pId: 9,
     text: "bi.color_picker_editor",
-    type: "color_picker_editor"
+    value: "color_picker_editor"
 }, {
     pId: 7,
     text: "bi.table_view",
-    type: "table_view"
+    value: "table_view"
 }, {
     pId: 7,
     text: "bi.table_tree",
-    type: "tabletree"
+    value: "tabletree"
 }, {
     pId: 7,
     text: "bi.layer_tree_table",
-    type: "layer_tree_table"
+    value: "layer_tree_table"
 }, {
     pId: 7,
     text: "bi.tabler",
-    type: "tabler"
+    value: "tabler"
 }, {
     pId: 8,
     text: "bi.chart",
-    type: "chart"
+    value: "chart"
 }, {
     pId: 8,
     text: "charts",
-    type: "charts"
+    value: "charts"
 }, {
     pId: 5,
     text: "bi.bubble",
-    type: "bubble"
+    value: "bubble"
 }, {
     pId: 5,
     text: "bi.toast",
-    type: "toast"
+    value: "toast"
 }, {
     pId: 5,
     text: "bi.tooltip",
-    type: "tooltip"
+    value: "tooltip"
 }, {
     pId: 4,
     text: "bi.tab",
-    type: "tab"
+    value: "tab"
 }, {
     pId: 4,
     text: "bi.pager",
-    type: "pager"
+    value: "pager"
 }, {
     pId: 4,
     text: "bi.loader",
-    type: "loader"
+    value: "loader"
 }, {
     pId: 4,
     text: "bi.navigation",
-    type: "navigation"
+    value: "navigation"
 }, {
     pId: 4,
     text: "bi.scroll_view",
-    type: "scrollview"
+    value: "scrollview"
 }, {
     pId: 4,
     text: "bi.number_pager",
-    type: "numberpager"
+    value: "numberpager"
 }, {
     pId: 4,
     text: "bi.direction_pager",
-    type: "directionpager"
+    value: "directionpager"
 }, {
     pId: 4,
     text: "bi.skip_pager",
-    type: "skippager"
+    value: "skippager"
 }, {
     pId: 4,
     text: "bi.all_pager",
-    type: "allpager"
+    value: "allpager"
 }, {
     pId: 4,
     text: "bi.lazyloader",
-    type: "lazy_loader"
+    value: "lazy_loader"
 }, {
     pId: 3,
     text: "bi.calendar",
-    type: "calendar"
+    value: "calendar"
 }, {
     pId: 3,
     text: "bi.year_calendar",
-    type: "year_calendar"
+    value: "year_calendar"
 }, {
     pId: 10,
     text: "bi.canvas",
-    type: "canvas"
+    value: "canvas"
 }, {
     pId: 10,
     text: "bi.complex_canvas",
-    type: "complex_canvas"
+    value: "complex_canvas"
 }, {
     pId: 11,
     text: "bi.svg",
-    type: "svg"
+    value: "svg"
 }, {
     text: "bi.zero_clip",
-    type: "zclip"
+    value: "zclip"
 }, {
     text: "bi.grid_view",
-    type: "gridview"
+    value: "gridview"
 }, {
     text: "bi.collection_view",
-    type: "collectionview"
+    value: "collectionview"
 }, {
     text: "bi.grid_table",
-    type: "gridtable"
+    value: "gridtable"
 }];
-_Models.layout = [{
+Demo.layout = [{
     text: "bi.center_adapt",
-    type: "center_adapt"
+    value: "center_adapt"
 }, {
     text: "bi.float_center_adapt",
-    type: "float_center_adapt"
+    value: "float_center_adapt"
 }, {
     text: "bi.absolute_center_adapt",
-    type: "absolute_center_adapt"
+    value: "absolute_center_adapt"
 }, {
     text: "bi.flex_center",
-    type: "flex_center"
+    value: "flex_center"
 }, {
     text: "bi.inline_center_adapt",
-    type: "inline_center_adapt"
+    value: "inline_center_adapt"
 }, {
     text: "bi.vertical_adapt",
-    type: "vertical_adapt"
+    value: "vertical_adapt"
 }, {
     text: "bi.inline_vertical_adapt",
-    type: "inline_vertical_adapt"
+    value: "inline_vertical_adapt"
 }, {
     text: "bi.horizontal_adapt",
-    type: "horizontal_adapt"
+    value: "horizontal_adapt"
 }, {
     text: "bi.horizontal_auto",
-    type: "horizontal_auto"
+    value: "horizontal_auto"
 }, {
     text: "bi.horizontal_float",
-    type: "horizontal_float"
+    value: "horizontal_float"
 }, {
     text: "bi.left_right_vertical_adapt",
-    type: "left_right_vertical_adapt"
+    value: "left_right_vertical_adapt"
 }, {
     text: "bi.center",
-    type: "center"
+    value: "center"
 }, {
     text: "bi.float_center",
-    type: "float_center"
+    value: "float_center"
 }, {
     text: "bi.vertical",
-    type: "vertical"
+    value: "vertical"
 }, {
     text: "bi.horizontal",
-    type: "horizontal"
+    value: "horizontal"
 }, {
     text: "bi.border",
-    type: "border"
+    value: "border"
 }, {
     text: "bi.card",
-    type: "card"
+    value: "card"
 }, {
     text: "bi.left, bi.right",
-    type: "flow"
+    value: "flow"
 }, {
     text: "bi.lattice",
-    type: "lattice"
+    value: "lattice"
 }, {
     text: "bi.inline",
-    type: "inline"
+    value: "inline"
 }, {
     text: "bi.htape",
-    type: "htape"
+    value: "htape"
 }, {
     text: "bi.vtape",
-    type: "vtape"
+    value: "vtape"
 }, {
     text: "bi.grid",
-    type: "grid"
+    value: "grid"
 }, {
     text: "bi.table",
-    type: "table"
+    value: "table"
 }, {
     text: "bi.division",
-    type: "division"
+    value: "division"
 }, {
     text: "bi.window",
-    type: "window"
+    value: "window"
 }, {
     text: "bi.td",
-    type: "td"
+    value: "td"
 }];
-FINEUI.DETAIL = [{
+Demo.DETAIL = [{
     id: -2,
     text: "各种基础小控件"
 },{
@@ -557,381 +551,381 @@ FINEUI.DETAIL = [{
     {
         pId: -1,
         text: "各种通用按钮",
-        type: "buttons"
+        value: "buttons"
     }, {
         pId: -1,
         text: "各种提示性信息",
-        type: "tips"
+        value: "tips"
     }, {
         pId: -1,
         text: "各种items",
-        type: "items"
+        value: "items"
     }, {
         pId: -1,
         text: "各种节点node",
-        type: "nodes"
+        value: "nodes"
     }, {
         pId: -1,
         text: "各种segment",
-        type: "segments"
+        value: "segments"
     }, {
         pId: -1,
         text: "各种面板",
-        type: "panes"
+        value: "panes"
     }, {
         pId: -1,
         text: "bi.loading_mask",
-        type: "loadingmask"
+        value: "loadingmask"
     }, {
         pId: -1,
         text: "可以切换的树",
-        type: "switch_tree"
+        value: "switch_tree"
     }, {
         pId: -1,
         text: "进度条",
-        type: "progressbar"
+        value: "progressbar"
     }, {
         pId: 1,
         text: "bi.text_editor",
-        type: "text_editor"
+        value: "text_editor"
     }, {
         pId: 1,
         text: "bi.search_editor",
-        type: "search_editor"
+        value: "search_editor"
     }, {
         pId: 1,
         text: "bi.adapt_editor",
-        type: "adapt_editor"
+        value: "adapt_editor"
     }, {
         pId: 1,
         text: "bi.sign_initial_editor",
-        type: "sign_initial_editor"
+        value: "sign_initial_editor"
     }, {
         pId: 1,
         text: "bi.sign_style_editor",
-        type: "sign_style_editor"
+        value: "sign_style_editor"
     }, {
         pId: 2,
         text: "bi.year_combo",
-        type: "year_combo"
+        value: "year_combo"
     }, {
         pId: 3,
         text: "bi.month_combo",
-        type: "month_combo"
+        value: "month_combo"
     }, {
         pId: 4,
         text: "bi.quarter_combo",
-        type: "quarter_combo"
+        value: "quarter_combo"
     }, {
         pId: 5,
         text: "bi.date_combo",
-        type: "date_combo"
+        value: "date_combo"
     }, {
         pId: 7,
         text: "bi.down_list_combo",
-        type: "down_list_combo"
+        value: "down_list_combo"
     }, {
         pId: 12,
         text: "各种trigger",
-        type: "triggers"
+        value: "triggers"
     }, {
         pId: 12,
-        text: "bi.text_type_combo",
-        type: "text_icon_combo"
+        text: "bi.text_value_combo",
+        value: "text_icon_combo"
     }, {
         pId: 12,
         text: "bi.static_combo",
-        type: "single_select_combo"
+        value: "single_select_combo"
     }, {
         pId: 12,
-        text: "bi.text_type_down_list_combo",
-        type: "text_icon_down_list_combo"
+        text: "bi.text_value_down_list_combo",
+        value: "text_icon_down_list_combo"
     }, {
         pId: 12,
         text: "bi.param_date_combo",
-        type: "param_date_combo"
+        value: "param_date_combo"
     }, {
         pId: 12,
         text: "bi.icon_combo",
-        type: "icon_combo"
+        value: "icon_combo"
     }, {
         pId: 12,
         text: "bi.formula_combo",
-        type: "formula_combo"
+        value: "formula_combo"
     }, {
         pId: 9,
         text: "bi.formula_insert",
-        type: "formula_insert"
+        value: "formula_insert"
     }, {
         pId: 9,
         text: "bi.formula_pane",
-        type: "formula_pane"
+        value: "formula_pane"
     }, {
         pId: 8,
         text: "bi.select_data_tree",
-        type: "select_data_tree"
+        value: "select_data_tree"
     }, {
         pId: 8,
         text: "bi.select_data_switcher",
-        type: "select_data_switcher"
+        value: "select_data_switcher"
     }, {
         pId: 8,
         text: "bi.select_data_search_result",
-        type: "select_data_search_result"
+        value: "select_data_search_result"
     }, {
         pId: 8,
         text: "bi.select_data_searcher(点这)",
-        type: "select_data_searcher"
+        value: "select_data_searcher"
     }, {
         pId: 6,
         text: "bi.multidate_combo",
-        type: "multidate_combo"
+        value: "multidate_combo"
     }, {
         pId: 17,
         text: "bi.time_interval",
-        type: "time_interval"
+        value: "time_interval"
     }, {
         pId: 10,
         text: "bi.numerical_interval",
-        type: "numerical_interval"
+        value: "numerical_interval"
     }, {
         pId: 11,
         text: "bi.multi_select_trigger",
-        type: "multi_select_trigger"
+        value: "multi_select_trigger"
     }, {
         pId: 11,
         text: "bi.multi_select_search_pane",
-        type: "multi_select_search_pane"
+        value: "multi_select_search_pane"
     }, {
         pId: 11,
         text: "bi.multi_select_popup_view",
-        type: "multi_select_popup_view"
+        value: "multi_select_popup_view"
     }, {
         pId: 11,
         text: "bi.multi_select_check_pane",
-        type: "multi_select_check_pane"
+        value: "multi_select_check_pane"
     }, {
         pId: 11,
         text: "bi.multi_select_combo",
-        type: "multi_select_combo"
+        value: "multi_select_combo"
     }, {
         pId: 13,
         text: "bi.move2group_combo",
-        type: "move2group_combo"
+        value: "move2group_combo"
     }, {
         pId: 13,
         text: "bi.copy2group_combo",
-        type: "copy2group_combo"
+        value: "copy2group_combo"
     }, {
         pId: 14,
         text: "bi.single_tree_combo",
-        type: "single_tree_combo"
+        value: "single_tree_combo"
     }, {
         pId: 14,
         text: "bi.multilayer_single_tree_combo",
-        type: "multilayer_single_tree_combo"
+        value: "multilayer_single_tree_combo"
     }, {
         pId: 23,
         text: "bi.select_tree_combo",
-        type: "select_tree_combo"
+        value: "select_tree_combo"
     }, {
         pId: 23,
         text: "bi.multilayer_select_tree_combo",
-        type: "multilayer_select_tree_combo"
+        value: "multilayer_select_tree_combo"
     }, {
         pId: 15,
         text: "bi.dialog",
-        type: "dialog"
+        value: "dialog"
     }, {
         pId: 16,
         text: "bi.multi_tree",
-        type: "multi_tree"
+        value: "multi_tree"
     }, {
         pId: 18,
         text: "bi.simple_select_data_searcher",
-        type: "simple_select_data_searcher"
+        value: "simple_select_data_searcher"
     }, {
         pId: 19,
         text: "bi.filter_pane",
-        type: "filter_pane"
+        value: "filter_pane"
     }, {
         pId: 19,
         text: "bi.filter_operation",
-        type: "filter_operation"
+        value: "filter_operation"
     }, {
         pId: 19,
         text: "bi.filter",
-        type: "filter"
+        value: "filter"
     }, {
         pId: 20,
         text: "bi.color_chooser",
-        type: "color_chooser"
+        value: "color_chooser"
     }, {
         pId: 21,
         text: "bi.text_toolbar",
-        type: "text_toolbar"
+        value: "text_toolbar"
     }, {
         pId: 21,
         text: "bi.text_area",
-        type: "text_area"
+        value: "text_area"
     }, {
         pId: 22,
         text: "bi.path_chooser",
-        type: "path_chooser"
+        value: "path_chooser"
     }, {
         pId: 22,
         text: "bi.direction_path_chooser",
-        type: "direction_path_chooser"
+        value: "direction_path_chooser"
     }, {
         pId: 24,
         text: "bi.file_manager",
-        type: "file_manager"
+        value: "file_manager"
     }, {
         pId: 25,
         text: "bi.branch_relation",
-        type: "branch_relation"
+        value: "branch_relation"
     }, {
         pId: 26,
         text: "bi.relation_view",
-        type: "relation_view"
+        value: "relation_view"
     }, {
         pId: 27,
         text: "bi.preview_table",
-        type: "preview_table"
+        value: "preview_table"
     }, {
         pId: 27,
         text: "bi.adaptive_table",
-        type: "adaptive_table"
+        value: "adaptive_table"
     }, {
         pId: 27,
         text: "bi.adaptive_table(冻结表头)",
-        type: "adaptive_table2"
+        value: "adaptive_table2"
     }, {
         pId: 27,
         text: "bi.custom_scroll_table",
-        type: "custom_scroll_table"
+        value: "custom_scroll_table"
     }, {
         pId: 27,
         text: "bi.page_table",
-        type: "page_table"
+        value: "page_table"
     }, {
         pId: 27,
         text: "bi.page_table(冻结)",
-        type: "page_table2"
+        value: "page_table2"
     }, {
         pId: 27,
         text: "bi.page_table(调整列宽)",
-        type: "page_table3"
+        value: "page_table3"
     }, {
         pId: 27,
         text: "bi.excel_table",
-        type: "excel_table"
+        value: "excel_table"
     }, {
         pId: 27,
         text: "bi.sortable_table",
-        type: "sortable_table"
+        value: "sortable_table"
     }, {
         pId: 27,
         text: "bi.excel_view_display_manager",
-        type: "excel_view_display_manager"
+        value: "excel_view_display_manager"
     }, {
         pId: 32,
         text: "bi.sequence_table",
-        type: "sequence_table"
+        value: "sequence_table"
     }, {
         pId: 32,
         text: "bi.sequence_table(带有汇总)",
-        type: "sequence_table2"
+        value: "sequence_table2"
     }, {
         pId: 28,
         text: "bi.upload_image",
-        type: "upload_image"
+        value: "upload_image"
     }, {
         pId: 28,
         text: "bi.web_page",
-        type: "web_page"
+        value: "web_page"
     }, {
         pId: 29,
         text: "bi.arrangement_droppable",
-        type: "arrangement_droppable"
+        value: "arrangement_droppable"
     }, {
         pId: 29,
         text: "bi.arrangement",
-        type: "arrangement"
+        value: "arrangement"
     }, {
         pId: 29,
         text: "bi.adaptive_arrangement",
-        type: "adaptive_arrangement"
+        value: "adaptive_arrangement"
     }, {
         pId: 29,
         text: "bi.arrangement(网格布局)",
-        type: "grid_arrangement"
+        value: "grid_arrangement"
     }, {
         pId: 29,
         text: "bi.adaptive_arrangement(网格布局)",
-        type: "grid_adaptive_arrangement"
+        value: "grid_adaptive_arrangement"
     }, {
         pId: 30,
         text: "bi.simple_searcher",
-        type: "simple_searcher"
+        value: "simple_searcher"
     }, {
         pId: 31,
         text: "选色",
-        type: "select_color_combo"
+        value: "select_color_combo"
     }, {
         pId: 31,
         text: "bi.detail_chart",
-        type: "detail_chart"
+        value: "detail_chart"
     }, {
         pId: 31,
         text: "柱形",
-        type: "column_charts"
+        value: "column_charts"
     }, {
         pId: 31,
         text: "条形图",
-        type: "bar_charts"
+        value: "bar_charts"
     }, {
         pId: 31,
         text: "面积图",
-        type: "area_charts"
+        value: "area_charts"
     }, {
         pId: 31,
         text: "其他",
-        type: "other_charts"
+        value: "other_charts"
     }, {
         pId: 33,
         text: "文本标签",
-        type: "list_label"
+        value: "list_label"
     }, {
         pId: 33,
         text: "树标签",
-        type: "tree_label"
+        value: "tree_label"
     }, {
         pId: 34,
         text: "滑块",
-        type: "slider"
+        value: "slider"
     }, {
         pId: 35,
         text: "区间双滑块",
-        type: "interval_slider"
+        value: "interval_slider"
     }, {
         pId: 36,
         text: "文本列表",
-        type: "string_list"
+        value: "string_list"
     }, {
         pId: 37,
         text: "树列表",
-        type: "tree_list"
+        value: "tree_list"
     }, {
         pId: 38,
         text: "日期面板",
-        type: "data_pane"
+        value: "data_pane"
     }, {
         pId: 39,
         text: "螺旋分析tab控件",
-        type: "dynamic_group_tab"
+        value: "dynamic_group_tab"
     }, {
         pId: 40,
         text: "数值微调器",
-        type: "finetuning_number_editor"
+        value: "finetuning_number_editor"
     }];
\ No newline at end of file
diff --git a/demo/css/west.css b/demo/css/west.css
index 3fa43c065..600b31d56 100644
--- a/demo/css/west.css
+++ b/demo/css/west.css
@@ -1,3 +1,6 @@
+/****添加计算宽度的--运算符直接需要space****/
+/****** common color(常用颜色,可用于普遍场景) *****/
+/**** custom color(自定义颜色,用于特定场景) ****/
 .demo-west {
-  background-color: #7f7f7f;
+  border-right: 1px solid #eaeaea;
 }
diff --git a/demo/js/center.js b/demo/js/center.js
index bab672ea6..48f0e7a65 100644
--- a/demo/js/center.js
+++ b/demo/js/center.js
@@ -2,26 +2,29 @@ Demo.Center = BI.inherit(BI.Widget, {
     props: {
         baseCls: "demo-center"
     },
-    beforeCreate: function () {
-        console.log("beforeCreate");
-    },
     render: function () {
+        var self = this;
         return {
             type: "bi.tab",
+            ref: function () {
+                self.tab = this;
+            },
             defaultShowIndex: 0,
             cardCreator: function (v) {
+                if (v === 0) {
+                    return BI.createWidget({
+                        type: "demo.face"
+                    })
+                }
                 return BI.createWidget({
-                    type: "bi.label",
-                    text: v
+                    type: v
                 });
             }
         }
     },
-    created: function () {
-        console.log("created");
-    },
-    mounted: function () {
-        console.log("mounted");
+
+    setValue: function (v) {
+        this.tab.setSelect(v);
     }
 });
 $.shortcut("demo.center", Demo.Center);
\ No newline at end of file
diff --git a/demo/js/face.js b/demo/js/face.js
new file mode 100644
index 000000000..ae0a4206c
--- /dev/null
+++ b/demo/js/face.js
@@ -0,0 +1,52 @@
+Demo.Face = BI.inherit(BI.Widget, {
+    props: {
+        baseCls: "demo-face"
+    },
+    render: function () {
+        return {
+            type: "bi.vertical",
+            hgap: 50,
+            vgap: 20,
+            items: [{
+                type: "bi.label",
+                text: "栅格布局",
+                height: 50
+            }, {
+                type: "bi.lattice",
+                columnSize: [0.1, 0.1, 0.3, 0.4, 0.1],
+                items: [{
+                    type: "bi.label",
+                    height: 30,
+                    text: "Left-1",
+                    cls: "layout-bg1 lattice-item",
+                    hgap: 20
+                }, {
+                    type: "bi.label",
+                    height: 30,
+                    text: "Left-2",
+                    cls: "layout-bg2 lattice-item",
+                    hgap: 20
+                }, {
+                    type: "bi.label",
+                    height: 30,
+                    text: "Left-3",
+                    cls: "layout-bg3 lattice-item",
+                    hgap: 20
+                }, {
+                    type: "bi.label",
+                    height: 30,
+                    text: "Left-4",
+                    cls: "layout-bg4 lattice-item",
+                    hgap: 20
+                }, {
+                    type: "bi.label",
+                    height: 30,
+                    text: "Left-5",
+                    cls: "layout-bg5 lattice-item",
+                    hgap: 20
+                }]
+            }]
+        }
+    }
+});
+$.shortcut("demo.face", Demo.Face);
\ No newline at end of file
diff --git a/demo/js/layout/demo.absolute.js b/demo/js/layout/demo.absolute.js
new file mode 100644
index 000000000..d44c230f4
--- /dev/null
+++ b/demo/js/layout/demo.absolute.js
@@ -0,0 +1,19 @@
+Demo.AbsoluteLayout = BI.inherit(BI.Widget, {
+    props: {
+        baseCls: "demo-absolute"
+    },
+    render: function () {
+        return {
+            type: "bi.absolute",
+            items: [{
+                el: {
+                    type: "bi.button",
+                    text: "absolute"
+                },
+                left: 100,
+                top: 100
+            }]
+        }
+    }
+});
+$.shortcut("demo.absolute", Demo.AbsoluteLayout);
\ No newline at end of file
diff --git a/demo/js/main.js b/demo/js/main.js
index da1c12221..293507c35 100644
--- a/demo/js/main.js
+++ b/demo/js/main.js
@@ -3,24 +3,40 @@ Demo.Main = BI.inherit(BI.Widget, {
         baseCls: "demo-main"
     },
     render: function () {
+        var center;
         return {
             type: "bi.border",
             items: {
                 north: {
                     height: 50,
                     el: {
-                        type: "demo.north"
+                        type: "demo.north",
+                        listeners: [{
+                            eventName: Demo.North.EVENT_VALUE_CHANGE,
+                            action: function () {
+                                center.setValue(0);
+                            }
+                        }]
                     }
                 },
                 west: {
                     width: 230,
                     el: {
-                        type: "demo.west"
+                        type: "demo.west",
+                        listeners: [{
+                            eventName: Demo.West.EVENT_VALUE_CHANGE,
+                            action: function (v) {
+                                center.setValue(v);
+                            }
+                        }]
                     }
                 },
                 center: {
                     el: {
                         type: "demo.center",
+                        ref: function (_ref) {
+                            center = _ref;
+                        }
                     }
                 }
             }
diff --git a/demo/js/north.js b/demo/js/north.js
index f45c41f41..348686bf8 100644
--- a/demo/js/north.js
+++ b/demo/js/north.js
@@ -3,15 +3,22 @@ Demo.North = BI.inherit(BI.Widget, {
         baseCls: "demo-north"
     },
     render: function () {
+        var self = this;
         return {
             type: "bi.htape",
             items: [{
                 width: 230,
                 el: {
-                    type: "bi.label",
+                    type: "bi.button",
+                    listeners: [{
+                        eventName: BI.Button.EVENT_CHANGE,
+                        action: function () {
+                           self.fireEvent(Demo.North.EVENT_VALUE_CHANGE, 0)
+                        }
+                    }],
                     cls: "logo",
                     height: 50,
-                    text: "FineUI"
+                    text: "FineUI2.0"
                 }
             }, {
                 el: {
@@ -21,4 +28,5 @@ Demo.North = BI.inherit(BI.Widget, {
         }
     }
 });
+Demo.North.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE";
 $.shortcut("demo.north", Demo.North);
\ No newline at end of file
diff --git a/demo/js/west.js b/demo/js/west.js
index 7efe65ccf..5edecfeb5 100644
--- a/demo/js/west.js
+++ b/demo/js/west.js
@@ -3,13 +3,21 @@ Demo.West = BI.inherit(BI.Widget, {
         baseCls: "demo-west"
     },
     render: function () {
+        var self = this;
         return {
             type: "bi.vertical",
             items: [{
-                type: "bi.vertical",
-                items: []
+                type: "bi.multilayer_single_level_tree",
+                listeners: [{
+                    eventName: BI.MultiLayerSingleLevelTree.EVENT_CHANGE,
+                    action: function (v) {
+                        self.fireEvent(Demo.West.EVENT_VALUE_CHANGE, v);
+                    }
+                }],
+                items: Demo.WIDGET
             }]
         }
     }
 });
+Demo.West.EVENT_VALUE_CHANGE = "EVENT_VALUE_CHANGE";
 $.shortcut("demo.west", Demo.West);
\ No newline at end of file
diff --git a/demo/less/west.less b/demo/less/west.less
index 8fc638f67..c8e14e9c1 100644
--- a/demo/less/west.less
+++ b/demo/less/west.less
@@ -1,3 +1,5 @@
+@import "index";
+
 .demo-west {
-  background-color: #7f7f7f;
+  border-right: 1px solid @color-bi-border-line;
 }
\ No newline at end of file
diff --git a/dist/case.js b/dist/case.js
index a9e4f2c7a..32e9c7e42 100644
--- a/dist/case.js
+++ b/dist/case.js
@@ -8022,4 +8022,34 @@ BI.SmallTextTrigger = BI.inherit(BI.Trigger, {
         this.text.setText(text);
     }
 });
-$.shortcut("bi.small_text_trigger", BI.SmallTextTrigger);
\ No newline at end of file
+$.shortcut("bi.small_text_trigger", BI.SmallTextTrigger);/**
+ * 复制
+ * Created by GUY on 2016/2/16.
+ * @class BI.ZeroClip
+ * @extends BI.BasicButton
+ */
+BI.ZeroClip = BI.inherit(BI.BasicButton, {
+    _defaultConfig: function () {
+        return BI.extend(BI.ZeroClip.superclass._defaultConfig.apply(this, arguments), {
+            baseCls: "bi-zero-clip",
+            copy: BI.emptyFn,
+            beforeCopy: BI.emptyFn,
+            afterCopy: BI.emptyFn
+        })
+    },
+    _init: function () {
+        BI.ZeroClip.superclass._init.apply(this, arguments);
+        var self = this, o = this.options;
+        FR.$defaultImport('/com/fr/bi/web/js/third/jquery.zclip.js', 'js');
+        BI.nextTick(function () {
+            self.element.zclip({
+                path: "resources/ZeroClipboard.swf",
+                copy: o.copy,
+                beforeCopy: o.beforeCopy,
+                afterCopy: o.afterCopy
+            });
+        });
+    }
+});
+
+$.shortcut("bi.zero_clip", BI.ZeroClip);
\ No newline at end of file
diff --git a/dist/core.js b/dist/core.js
index 559811fa3..806cd26fd 100644
--- a/dist/core.js
+++ b/dist/core.js
@@ -25840,6 +25840,7 @@ BI.CardLayout = BI.inherit(BI.Layout, {
             .appendTo(this.element);
         widget.invisible();
         this.addWidget(this._getCardName(cardName), widget);
+        widget._mount();
         return widget;
     },
 
@@ -25918,7 +25919,7 @@ BI.CardLayout = BI.inherit(BI.Layout, {
             }
         });
         return flag;
-    },
+    }
 });
 $.shortcut('bi.card', BI.CardLayout);/**
  * 默认的布局方式
diff --git a/dist/resources/ZeroClipboard.swf b/dist/resources/ZeroClipboard.swf
new file mode 100644
index 000000000..13bf8e396
Binary files /dev/null and b/dist/resources/ZeroClipboard.swf differ
diff --git a/dist/widget.js b/dist/widget.js
index 5b882d9f8..057bfed2b 100644
--- a/dist/widget.js
+++ b/dist/widget.js
@@ -16987,10 +16987,10 @@ BI.MultiLayerSingleLevelTree = BI.inherit(BI.Widget, {
                 }]
             }
         });
-        this.tree.on(BI.Controller.EVENT_CHANGE, function (type) {
+        this.tree.on(BI.Controller.EVENT_CHANGE, function (type, v) {
             self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
             if (type === BI.Events.CLICK) {
-                self.fireEvent(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, arguments);
+                self.fireEvent(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, v);
             }
         })
     },
diff --git a/src/case/zclip/zclip.js b/src/case/zclip/zclip.js
new file mode 100644
index 000000000..caf4fdb1b
--- /dev/null
+++ b/src/case/zclip/zclip.js
@@ -0,0 +1,31 @@
+/**
+ * 复制
+ * Created by GUY on 2016/2/16.
+ * @class BI.ZeroClip
+ * @extends BI.BasicButton
+ */
+BI.ZeroClip = BI.inherit(BI.BasicButton, {
+    _defaultConfig: function () {
+        return BI.extend(BI.ZeroClip.superclass._defaultConfig.apply(this, arguments), {
+            baseCls: "bi-zero-clip",
+            copy: BI.emptyFn,
+            beforeCopy: BI.emptyFn,
+            afterCopy: BI.emptyFn
+        })
+    },
+    _init: function () {
+        BI.ZeroClip.superclass._init.apply(this, arguments);
+        var self = this, o = this.options;
+        FR.$defaultImport('/com/fr/bi/web/js/third/jquery.zclip.js', 'js');
+        BI.nextTick(function () {
+            self.element.zclip({
+                path: "resources/ZeroClipboard.swf",
+                copy: o.copy,
+                beforeCopy: o.beforeCopy,
+                afterCopy: o.afterCopy
+            });
+        });
+    }
+});
+
+$.shortcut("bi.zero_clip", BI.ZeroClip);
\ No newline at end of file
diff --git a/src/core/wrapper/layout/layout.card.js b/src/core/wrapper/layout/layout.card.js
index d24f5f79c..a1aa6b3d0 100644
--- a/src/core/wrapper/layout/layout.card.js
+++ b/src/core/wrapper/layout/layout.card.js
@@ -83,6 +83,7 @@ BI.CardLayout = BI.inherit(BI.Layout, {
             .appendTo(this.element);
         widget.invisible();
         this.addWidget(this._getCardName(cardName), widget);
+        widget._mount();
         return widget;
     },
 
@@ -161,6 +162,6 @@ BI.CardLayout = BI.inherit(BI.Layout, {
             }
         });
         return flag;
-    },
+    }
 });
 $.shortcut('bi.card', BI.CardLayout);
\ No newline at end of file
diff --git a/src/widget/multilayersingletree/multilayersingletree.leveltree.js b/src/widget/multilayersingletree/multilayersingletree.leveltree.js
index 93c25b2b5..7b0a35d17 100644
--- a/src/widget/multilayersingletree/multilayersingletree.leveltree.js
+++ b/src/widget/multilayersingletree/multilayersingletree.leveltree.js
@@ -94,10 +94,10 @@ BI.MultiLayerSingleLevelTree = BI.inherit(BI.Widget, {
                 }]
             }
         });
-        this.tree.on(BI.Controller.EVENT_CHANGE, function (type) {
+        this.tree.on(BI.Controller.EVENT_CHANGE, function (type, v) {
             self.fireEvent(BI.Controller.EVENT_CHANGE, arguments);
             if (type === BI.Events.CLICK) {
-                self.fireEvent(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, arguments);
+                self.fireEvent(BI.MultiLayerSingleLevelTree.EVENT_CHANGE, v);
             }
         })
     },