From 33a583386a9513bd9a6bb211f5ee2c961e993e7d Mon Sep 17 00:00:00 2001
From: guy <guy@finereport.com>
Date: Mon, 10 Jul 2017 18:00:37 +0800
Subject: [PATCH] add

---
 bi/base.js        | 518 +++++++++++++++++++--------------------
 bi/core.js        |   4 +
 bi/widget.css     | 604 +++++++++++++++++++++++-----------------------
 docs/base.js      | 518 +++++++++++++++++++--------------------
 docs/core.js      |   4 +
 docs/widget.css   | 604 +++++++++++++++++++++++-----------------------
 src/core/model.js |   4 +
 7 files changed, 1134 insertions(+), 1122 deletions(-)

diff --git a/bi/base.js b/bi/base.js
index c2af3f755..7fd86def7 100644
--- a/bi/base.js
+++ b/bi/base.js
@@ -308,163 +308,163 @@ BI.Pane = BI.inherit(BI.Widget, {
 
     }
 });
-BI.Pane.EVENT_LOADED = "EVENT_LOADED";/**
- * guy
- * 这仅仅只是一个超类, 所有简单控件的基类
- * 1、类的控制，
- * 2、title的控制
- * 3、文字超过边界显示3个点
- * 4、cursor默认pointor
- * @class BI.Single
- * @extends BI.Widget
- * @abstract
- */
-BI.Single = BI.inherit(BI.Widget, {
-    _defaultConfig: function () {
-        var conf = BI.Single.superclass._defaultConfig.apply(this, arguments);
-        return BI.extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-single",
-            readonly: false,
-            title: null,
-            warningTitle: null,
-            tipType: null, // success或warning
-            value: null
-        })
-    },
-
-    _showToolTip: function (e, opt) {
-        opt || (opt = {});
-        var self = this;
-        var type = this.getTipType() || (this.isEnabled() ? "success" : "warning");
-        var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
-        if (BI.isKey(title)) {
-            BI.Tooltips.show(e, this.getName(), title, type, this, opt);
-        }
-    },
-
-    _hideTooltip: function () {
-        var self = this;
-        var tooltip = BI.Tooltips.get(this.getName());
-        if (BI.isNotNull(tooltip)) {
-            tooltip.element.fadeOut(200, function () {
-                BI.Tooltips.remove(self.getName());
-            });
-        }
-    },
-
-    _init: function () {
-        BI.Single.superclass._init.apply(this, arguments);
-        var self = this, o = this.options;
-        if (BI.isKey(o.title) || BI.isKey(o.warningTitle)
-            || BI.isFunction(o.title) || BI.isFunction(o.warningTitle)) {
-            this.enableHover();
-        }
-    },
-
-    enableHover: function (opt) {
-        opt || (opt = {});
-        var self = this;
-        if (!this._hoverBinded) {
-            this.element.on("mouseenter.title" + this.getName(), function (e) {
-                self._e = e;
-                if (self.getTipType() === "warning" || (BI.isKey(self.getWarningTitle()) && !self.isEnabled())) {
-                    self.timeout = BI.delay(function () {
-                        self._showToolTip(self._e || e, opt);
-                    }, 200);
-                } else if (self.getTipType() === "success" || self.isEnabled()) {
-                    self.timeout = BI.delay(function () {
-                        self._showToolTip(self._e || e, opt);
-                    }, 500);
-                }
-            });
-            this.element.on("mousemove.title" + this.getName(), function (e) {
-                self._e = e;
-                if (!self.element.__isMouseInBounds__(e)) {
-                    if (BI.isNotNull(self.timeout)) {
-                        clearTimeout(self.timeout);
-                    }
-                    self._hideTooltip();
-                }
-            });
-            this.element.on("mouseleave.title" + this.getName(), function () {
-                self._e = null;
-                if (BI.isNotNull(self.timeout)) {
-                    clearTimeout(self.timeout);
-                }
-                self._hideTooltip();
-            });
-            this._hoverBinded = true;
-        }
-    },
-
-    disabledHover: function () {
-        //取消hover事件
-        if (BI.isNotNull(this.timeout)) {
-            clearTimeout(this.timeout);
-        }
-        this._hideTooltip();
-        $(this.element).unbind("mouseenter.title" + this.getName())
-            .unbind("mousemove.title" + this.getName())
-            .unbind("mouseleave.title" + this.getName());
-        this._hoverBinded = false;
-    },
-
-    populate: function (items) {
-        this.items = items || [];
-    },
-
-    //opt: {container: '', belowMouse: false}
-    setTitle: function (title, opt) {
-        this.options.title = title;
-        if (BI.isKey(title)) {
-            this.enableHover(opt);
-        } else {
-            this.disabledHover();
-        }
-    },
-
-    setWarningTitle: function (title, opt) {
-        this.options.warningTitle = title;
-        if (BI.isKey(title)) {
-            this.enableHover(opt);
-        } else {
-            this.disabledHover();
-        }
-    },
-
-    getTipType: function () {
-        return this.options.tipType;
-    },
-
-    isReadOnly: function () {
-        return !!this.options.readonly;
-    },
-
-    getTitle: function () {
-        var title = this.options.title;
-        if(BI.isFunction(title)) {
-            return title();
-        }
-        return title;
-    },
-
-    getWarningTitle: function () {
-        var title = this.options.warningTitle;
-        if(BI.isFunction(title)) {
-            return title();
-        }
-        return title;
-    },
-
-    setValue: function (val) {
-        if (!this.options.readonly) {
-            this.options.value = val;
-        }
-    },
-
-    getValue: function () {
-        return this.options.value;
-    }
+BI.Pane.EVENT_LOADED = "EVENT_LOADED";/**
+ * guy
+ * 这仅仅只是一个超类, 所有简单控件的基类
+ * 1、类的控制，
+ * 2、title的控制
+ * 3、文字超过边界显示3个点
+ * 4、cursor默认pointor
+ * @class BI.Single
+ * @extends BI.Widget
+ * @abstract
+ */
+BI.Single = BI.inherit(BI.Widget, {
+    _defaultConfig: function () {
+        var conf = BI.Single.superclass._defaultConfig.apply(this, arguments);
+        return BI.extend(conf, {
+            baseCls: (conf.baseCls || "") + " bi-single",
+            readonly: false,
+            title: null,
+            warningTitle: null,
+            tipType: null, // success或warning
+            value: null
+        })
+    },
+
+    _showToolTip: function (e, opt) {
+        opt || (opt = {});
+        var self = this;
+        var type = this.getTipType() || (this.isEnabled() ? "success" : "warning");
+        var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
+        if (BI.isKey(title)) {
+            BI.Tooltips.show(e, this.getName(), title, type, this, opt);
+        }
+    },
+
+    _hideTooltip: function () {
+        var self = this;
+        var tooltip = BI.Tooltips.get(this.getName());
+        if (BI.isNotNull(tooltip)) {
+            tooltip.element.fadeOut(200, function () {
+                BI.Tooltips.remove(self.getName());
+            });
+        }
+    },
+
+    _init: function () {
+        BI.Single.superclass._init.apply(this, arguments);
+        var self = this, o = this.options;
+        if (BI.isKey(o.title) || BI.isKey(o.warningTitle)
+            || BI.isFunction(o.title) || BI.isFunction(o.warningTitle)) {
+            this.enableHover();
+        }
+    },
+
+    enableHover: function (opt) {
+        opt || (opt = {});
+        var self = this;
+        if (!this._hoverBinded) {
+            this.element.on("mouseenter.title" + this.getName(), function (e) {
+                self._e = e;
+                if (self.getTipType() === "warning" || (BI.isKey(self.getWarningTitle()) && !self.isEnabled())) {
+                    self.timeout = BI.delay(function () {
+                        self._showToolTip(self._e || e, opt);
+                    }, 200);
+                } else if (self.getTipType() === "success" || self.isEnabled()) {
+                    self.timeout = BI.delay(function () {
+                        self._showToolTip(self._e || e, opt);
+                    }, 500);
+                }
+            });
+            this.element.on("mousemove.title" + this.getName(), function (e) {
+                self._e = e;
+                if (!self.element.__isMouseInBounds__(e)) {
+                    if (BI.isNotNull(self.timeout)) {
+                        clearTimeout(self.timeout);
+                    }
+                    self._hideTooltip();
+                }
+            });
+            this.element.on("mouseleave.title" + this.getName(), function () {
+                self._e = null;
+                if (BI.isNotNull(self.timeout)) {
+                    clearTimeout(self.timeout);
+                }
+                self._hideTooltip();
+            });
+            this._hoverBinded = true;
+        }
+    },
+
+    disabledHover: function () {
+        //取消hover事件
+        if (BI.isNotNull(this.timeout)) {
+            clearTimeout(this.timeout);
+        }
+        this._hideTooltip();
+        $(this.element).unbind("mouseenter.title" + this.getName())
+            .unbind("mousemove.title" + this.getName())
+            .unbind("mouseleave.title" + this.getName());
+        this._hoverBinded = false;
+    },
+
+    populate: function (items) {
+        this.items = items || [];
+    },
+
+    //opt: {container: '', belowMouse: false}
+    setTitle: function (title, opt) {
+        this.options.title = title;
+        if (BI.isKey(title)) {
+            this.enableHover(opt);
+        } else {
+            this.disabledHover();
+        }
+    },
+
+    setWarningTitle: function (title, opt) {
+        this.options.warningTitle = title;
+        if (BI.isKey(title)) {
+            this.enableHover(opt);
+        } else {
+            this.disabledHover();
+        }
+    },
+
+    getTipType: function () {
+        return this.options.tipType;
+    },
+
+    isReadOnly: function () {
+        return !!this.options.readonly;
+    },
+
+    getTitle: function () {
+        var title = this.options.title;
+        if(BI.isFunction(title)) {
+            return title();
+        }
+        return title;
+    },
+
+    getWarningTitle: function () {
+        var title = this.options.warningTitle;
+        if(BI.isFunction(title)) {
+            return title();
+        }
+        return title;
+    },
+
+    setValue: function (val) {
+        if (!this.options.readonly) {
+            this.options.value = val;
+        }
+    },
+
+    getValue: function () {
+        return this.options.value;
+    }
 });/**
  * guy 表示一行数据，通过position来定位位置的数据
  * @class BI.Text
@@ -918,82 +918,82 @@ BI.BasicButton = BI.inherit(BI.Single, {
         BI.BasicButton.superclass.destroy.apply(this, arguments);
     }
 });
-BI.BasicButton.EVENT_CHANGE = "BasicButton.EVENT_CHANGE";/**
- * 表示一个可以展开的节点, 不仅有选中状态而且有展开状态
- *
- * Created by GUY on 2015/9/9.
- * @class BI.NodeButton
- * @extends BI.BasicButton
- * @abstract
- */
-BI.NodeButton = BI.inherit(BI.BasicButton, {
-    _defaultConfig: function() {
-        var conf = BI.NodeButton.superclass._defaultConfig.apply(this, arguments);
-        return BI.extend( conf, {
-            baseCls: (conf.baseCls || "") + " bi-node",
-            open: false
-        })
-    },
-
-    _init:function() {
-        BI.NodeButton.superclass._init.apply(this, arguments);
-        var self = this;
-        BI.nextTick(function(){
-            self.setOpened(self.isOpened());
-        })
-    },
-
-    doClick: function(){
-        BI.NodeButton.superclass.doClick.apply(this, arguments);
-        this.setOpened(!this.isOpened());
-    },
-
-    isOnce: function(){
-        return false;
-    },
-
-    isOpened: function(){
-        return !!this.options.open;
-    },
-
-    setOpened: function(b){
-        this.options.open = !!b;
-    },
-
-    triggerCollapse: function(){
-        if(this.isOpened()) {
-            this.setOpened(false);
-            this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, this.getValue(), this);
-        }
-    },
-
-    triggerExpand: function(){
-        if(!this.isOpened()) {
-            this.setOpened(true);
-            this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, this.getValue(), this);
-        }
-    }
-});/**
- * guy
- * tip提示
- * zIndex在10亿级别
- * @class BI.Tip
- * @extends BI.Single
- * @abstract
- */
-BI.Tip = BI.inherit(BI.Single, {
-    _defaultConfig: function() {
-        var conf = BI.Link.superclass._defaultConfig.apply(this, arguments);
-        return BI.extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-tip",
-            zIndex: BI.zIndex_tip
-        })
-    },
-
-    _init : function() {
-        BI.Tip.superclass._init.apply(this, arguments);
-        this.element.css({"zIndex": this.options.zIndex});
-    }
+BI.BasicButton.EVENT_CHANGE = "BasicButton.EVENT_CHANGE";/**
+ * 表示一个可以展开的节点, 不仅有选中状态而且有展开状态
+ *
+ * Created by GUY on 2015/9/9.
+ * @class BI.NodeButton
+ * @extends BI.BasicButton
+ * @abstract
+ */
+BI.NodeButton = BI.inherit(BI.BasicButton, {
+    _defaultConfig: function() {
+        var conf = BI.NodeButton.superclass._defaultConfig.apply(this, arguments);
+        return BI.extend( conf, {
+            baseCls: (conf.baseCls || "") + " bi-node",
+            open: false
+        })
+    },
+
+    _init:function() {
+        BI.NodeButton.superclass._init.apply(this, arguments);
+        var self = this;
+        BI.nextTick(function(){
+            self.setOpened(self.isOpened());
+        })
+    },
+
+    doClick: function(){
+        BI.NodeButton.superclass.doClick.apply(this, arguments);
+        this.setOpened(!this.isOpened());
+    },
+
+    isOnce: function(){
+        return false;
+    },
+
+    isOpened: function(){
+        return !!this.options.open;
+    },
+
+    setOpened: function(b){
+        this.options.open = !!b;
+    },
+
+    triggerCollapse: function(){
+        if(this.isOpened()) {
+            this.setOpened(false);
+            this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, this.getValue(), this);
+        }
+    },
+
+    triggerExpand: function(){
+        if(!this.isOpened()) {
+            this.setOpened(true);
+            this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, this.getValue(), this);
+        }
+    }
+});/**
+ * guy
+ * tip提示
+ * zIndex在10亿级别
+ * @class BI.Tip
+ * @extends BI.Single
+ * @abstract
+ */
+BI.Tip = BI.inherit(BI.Single, {
+    _defaultConfig: function() {
+        var conf = BI.Link.superclass._defaultConfig.apply(this, arguments);
+        return BI.extend(conf, {
+            baseCls: (conf.baseCls || "") + " bi-tip",
+            zIndex: BI.zIndex_tip
+        })
+    },
+
+    _init : function() {
+        BI.Tip.superclass._init.apply(this, arguments);
+        this.element.css({"zIndex": this.options.zIndex});
+    }
 });/**
  * Created by GUY on 2015/6/26.
  * @class BI.ButtonGroup
@@ -20281,32 +20281,32 @@ BI.Tooltip = BI.inherit(BI.Tip, {
     }
 });
 
-BI.shortcut("bi.tooltip", BI.Tooltip);/**
- * 下拉
- * @class BI.Trigger
- * @extends BI.Single
- * @abstract
- */
-BI.Trigger = BI.inherit(BI.Single, {
-    _defaultConfig: function() {
-        var conf = BI.Trigger.superclass._defaultConfig.apply(this, arguments);
-        return BI.extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-trigger cursor-pointer",
-            height: 30
-        })
-    },
-
-    _init : function() {
-        BI.Trigger.superclass._init.apply(this, arguments);
-    },
-
-    setKey: function(){
-
-    },
-
-    getKey: function(){
-
-    }
+BI.shortcut("bi.tooltip", BI.Tooltip);/**
+ * 下拉
+ * @class BI.Trigger
+ * @extends BI.Single
+ * @abstract
+ */
+BI.Trigger = BI.inherit(BI.Single, {
+    _defaultConfig: function() {
+        var conf = BI.Trigger.superclass._defaultConfig.apply(this, arguments);
+        return BI.extend(conf, {
+            baseCls: (conf.baseCls || "") + " bi-trigger cursor-pointer",
+            height: 30
+        })
+    },
+
+    _init : function() {
+        BI.Trigger.superclass._init.apply(this, arguments);
+    },
+
+    setKey: function(){
+
+    },
+
+    getKey: function(){
+
+    }
 });// Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
 //
 // Licensed under the Apache License, Version 2.0 (the "License");
diff --git a/bi/core.js b/bi/core.js
index 868e9828d..80c1913ed 100644
--- a/bi/core.js
+++ b/bi/core.js
@@ -4975,6 +4975,10 @@ BI.Widget = BI.inherit(BI.OB, {
             var copy = BI.UUID(), newKeys = BI.clone(keys);
             keys.length > 1 ? newKeys.unshift(BI.deepClone(p[keys[keys.length - 1]])) : newKeys.unshift(BI.deepClone(g));
             var backup = self.similar.apply(self, newKeys);
+            if (BI.isKey(backup.id)) {
+                copy = backup.id;
+                delete backup.id;
+            }
             keys.length > 1 ? (p[copy] = backup, self[sset](keys[0], g, {silent: true})) : self[sset](copy, backup, {silent: true});
             keys.unshift(copy);
             !BI.has(self._tmp, keys[0]) && self.parent && self.parent._change(self);
diff --git a/bi/widget.css b/bi/widget.css
index 7d03e3948..0d58f4cd4 100644
--- a/bi/widget.css
+++ b/bi/widget.css
@@ -1,44 +1,44 @@
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-arrangement .arrangement-helper {
-  background: #3f8ce8;
-  z-index: 1000000000;
-}
-.bi-arrangement .arrangement-block {
-  z-index: 1000000000;
-}
-.bi-arrangement .arrangement-drop-container {
-  z-index: 1000000000;
-}
-.bi-arrangement .arrangement-drop-container .arrangement-drop-region {
-  overflow: hidden;
-}
-.bi-arrangement .arrangement-drop-container .drop-devider {
-  z-index: 1000000001;
-  background: #3f8ce8;
-}
-.bi-arrangement .arrangement-drop-container .top-left,
-.bi-arrangement .arrangement-drop-container .top-right,
-.bi-arrangement .arrangement-drop-container .bottom-left,
-.bi-arrangement .arrangement-drop-container .bottom-right,
-.bi-arrangement .arrangement-drop-container .top-left-second,
-.bi-arrangement .arrangement-drop-container .top-right-second,
-.bi-arrangement .arrangement-drop-container .bottom-left-second,
-.bi-arrangement .arrangement-drop-container .bottom-right-second,
-.bi-arrangement .arrangement-drop-container .top-center,
-.bi-arrangement .arrangement-drop-container .bottom-center,
-.bi-arrangement .arrangement-drop-container .left-center,
-.bi-arrangement .arrangement-drop-container .right-center,
-.bi-arrangement .arrangement-drop-container .top-center-second,
-.bi-arrangement .arrangement-drop-container .bottom-center-second,
-.bi-arrangement .arrangement-drop-container .left-center-second,
-.bi-arrangement .arrangement-drop-container .right-center-second {
-  z-index: 1000000001;
-  background: #3f8ce8;
-}
-.bi-arrangement-droppable {
-  z-index: 100000;
-}
+.bi-arrangement .arrangement-helper {
+  background: #3f8ce8;
+  z-index: 1000000000;
+}
+.bi-arrangement .arrangement-block {
+  z-index: 1000000000;
+}
+.bi-arrangement .arrangement-drop-container {
+  z-index: 1000000000;
+}
+.bi-arrangement .arrangement-drop-container .arrangement-drop-region {
+  overflow: hidden;
+}
+.bi-arrangement .arrangement-drop-container .drop-devider {
+  z-index: 1000000001;
+  background: #3f8ce8;
+}
+.bi-arrangement .arrangement-drop-container .top-left,
+.bi-arrangement .arrangement-drop-container .top-right,
+.bi-arrangement .arrangement-drop-container .bottom-left,
+.bi-arrangement .arrangement-drop-container .bottom-right,
+.bi-arrangement .arrangement-drop-container .top-left-second,
+.bi-arrangement .arrangement-drop-container .top-right-second,
+.bi-arrangement .arrangement-drop-container .bottom-left-second,
+.bi-arrangement .arrangement-drop-container .bottom-right-second,
+.bi-arrangement .arrangement-drop-container .top-center,
+.bi-arrangement .arrangement-drop-container .bottom-center,
+.bi-arrangement .arrangement-drop-container .left-center,
+.bi-arrangement .arrangement-drop-container .right-center,
+.bi-arrangement .arrangement-drop-container .top-center-second,
+.bi-arrangement .arrangement-drop-container .bottom-center-second,
+.bi-arrangement .arrangement-drop-container .left-center-second,
+.bi-arrangement .arrangement-drop-container .right-center-second {
+  z-index: 1000000001;
+  background: #3f8ce8;
+}
+.bi-arrangement-droppable {
+  z-index: 100000;
+}
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
@@ -107,310 +107,310 @@
 /*************BI.SearchEditor******************/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-date-trigger {
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
+.bi-date-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-down-list-popup .bi-down-list-item .list-item-text {
-  max-width: 203px;
-}
+.bi-down-list-popup .bi-down-list-item .list-item-text {
+  max-width: 203px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-excel-table > div.bottom-right > div > div > table {
-  border-right: 1px solid #d4dadd;
-}
-.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
-  border-right: 1px solid #525466;
-}
-.bi-excel-table-header-cell {
-  font-weight: bold;
-}
+.bi-excel-table > div.bottom-right > div > div > table {
+  border-right: 1px solid #d4dadd;
+}
+.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
+  border-right: 1px solid #525466;
+}
+.bi-excel-table-header-cell {
+  font-weight: bold;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-file-manager-nav-button .file-manager-nav-button-text {
-  max-width: 200px;
-}
-.bi-file-manager-nav-button .file-manager-nav-button-text.active {
-  background-color: #eff1f4;
-  color: #999999;
-}
-.bi-file-manager-nav-button .file-manager-nav-button-triangle {
-  z-index: 1;
-}
-.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
-  background-color: #191b2b;
-  color: #999999;
-}
+.bi-file-manager-nav-button .file-manager-nav-button-text {
+  max-width: 200px;
+}
+.bi-file-manager-nav-button .file-manager-nav-button-text.active {
+  background-color: #eff1f4;
+  color: #999999;
+}
+.bi-file-manager-nav-button .file-manager-nav-button-triangle {
+  z-index: 1;
+}
+.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
+  background-color: #191b2b;
+  color: #999999;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-fine-tuning-number-editor {
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
-.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
-  z-index: 1000000000;
-  background-color: #f07d0a;
-}
-.bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
-  z-index: 1000000000;
-}
+.bi-fine-tuning-number-editor {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
+  z-index: 1000000000;
+  background-color: #f07d0a;
+}
+.bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
+  z-index: 1000000000;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-month-trigger {
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
-.bi-multi-select-check-pane .multi-select-check-selected {
-  text-decoration: underline;
-}
+.bi-month-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-multi-select-check-pane .multi-select-check-selected {
+  text-decoration: underline;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-select-combo .multi-select-trigger-icon-button {
-  font-size: 16px;
-}
+.bi-multi-select-combo .multi-select-trigger-icon-button {
+  font-size: 16px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-select-trigger {
-  -webkit-border-radius: 2px 2px 2px 2px;
-  -moz-border-radius: 2px 2px 2px 2px;
-  border-radius: 2px 2px 2px 2px;
-}
-.bi-multi-select-search-pane .multi-select-toolbar {
-  color: #e85050;
-}
-.bi-multi-select-check-selected-button {
-  z-index: 1;
-}
+.bi-multi-select-trigger {
+  -webkit-border-radius: 2px 2px 2px 2px;
+  -moz-border-radius: 2px 2px 2px 2px;
+  border-radius: 2px 2px 2px 2px;
+}
+.bi-multi-select-search-pane .multi-select-toolbar {
+  color: #e85050;
+}
+.bi-multi-select-check-selected-button {
+  z-index: 1;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-tree-check-pane .multi-tree-check-selected {
-  color: #3f8ce8;
-}
+.bi-multi-tree-check-pane .multi-tree-check-selected {
+  color: #3f8ce8;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-tree-combo .multi-select-trigger-icon-button {
-  font-size: 16px;
-}
-.bi-multi-tree-popup .popup-view-tree {
-  min-height: 170px;
-}
+.bi-multi-tree-combo .multi-select-trigger-icon-button {
+  font-size: 16px;
+}
+.bi-multi-tree-popup .popup-view-tree {
+  min-height: 170px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-tree-check-selected-button .trigger-check-selected {
-  color: #3f8ce8;
-  z-index: 1;
-}
+.bi-multi-tree-check-selected-button .trigger-check-selected {
+  color: #3f8ce8;
+  z-index: 1;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-numerical-interval .numerical-interval-small-editor {
-  -moz-border-radius-topleft: 2px;
-  -webkit-border-top-left-radius: 2px;
-  -moz-border-radius-bottomleft: 2px;
-  -webkit-border-bottom-left-radius: 2px;
-  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.bi-numerical-interval .numerical-interval-big-editor {
-  -moz-border-radius-topright: 2px;
-  -webkit-border-top-right-radius: 2px;
-  -moz-border-radius-bottomright: 2px;
-  -webkit-border-bottom-right-radius: 2px;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-}
-.bi-numerical-interval .numerical-interval-big-combo {
-  -moz-border-radius-topleft: 2px;
-  -webkit-border-top-left-radius: 2px;
-  -moz-border-radius-bottomleft: 2px;
-  -webkit-border-bottom-left-radius: 2px;
-  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
-  font-size: 14px;
-}
-.bi-numerical-interval .numerical-interval-small-combo {
-  -moz-border-radius-topright: 2px;
-  -webkit-border-top-right-radius: 2px;
-  -moz-border-radius-bottomright: 2px;
-  -webkit-border-bottom-right-radius: 2px;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-}
-.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
-  font-size: 14px;
-}
-.bi-numerical-interval.number-error .bi-input {
-  color: #e85050;
-}
+.bi-numerical-interval .numerical-interval-small-editor {
+  -moz-border-radius-topleft: 2px;
+  -webkit-border-top-left-radius: 2px;
+  -moz-border-radius-bottomleft: 2px;
+  -webkit-border-bottom-left-radius: 2px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.bi-numerical-interval .numerical-interval-big-editor {
+  -moz-border-radius-topright: 2px;
+  -webkit-border-top-right-radius: 2px;
+  -moz-border-radius-bottomright: 2px;
+  -webkit-border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.bi-numerical-interval .numerical-interval-big-combo {
+  -moz-border-radius-topleft: 2px;
+  -webkit-border-top-left-radius: 2px;
+  -moz-border-radius-bottomleft: 2px;
+  -webkit-border-bottom-left-radius: 2px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
+  font-size: 14px;
+}
+.bi-numerical-interval .numerical-interval-small-combo {
+  -moz-border-radius-topright: 2px;
+  -webkit-border-top-right-radius: 2px;
+  -moz-border-radius-bottomright: 2px;
+  -webkit-border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
+  font-size: 14px;
+}
+.bi-numerical-interval.number-error .bi-input {
+  color: #e85050;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-page-table-cell {
-  -webkit-user-select: initial;
-  -khtml-user-select: initial;
-  -moz-user-select: initial;
-  -ms-user-select: initial;
-  -o-user-select: initial;
-  user-select: initial;
-}
+.bi-page-table-cell {
+  -webkit-user-select: initial;
+  -khtml-user-select: initial;
+  -moz-user-select: initial;
+  -ms-user-select: initial;
+  -o-user-select: initial;
+  user-select: initial;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-path-chooser .path-chooser-radio {
-  z-index: 1;
-}
-.bi-path-region .path-region-label {
-  z-index: 1;
-}
-.bi-preview-table-cell {
-  min-height: 25px;
-  min-width: 80px;
-  max-width: 220px;
-}
-.bi-preview-table {
-  -webkit-user-select: initial;
-  -khtml-user-select: initial;
-  -moz-user-select: initial;
-  -ms-user-select: initial;
-  -o-user-select: initial;
-  user-select: initial;
-}
-.bi-preview-table > div > table > thead > tr.odd,
-.bi-preview-table > div > div > div > table > thead > tr.odd {
-  background-color: #eff1f4;
-}
-.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd,
-.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd {
-  background-color: #191b2b;
-}
-.bi-preview-table-header-cell {
-  font-weight: bold;
-  min-height: 25px;
-  min-width: 80px;
-  max-width: 220px;
-}
+.bi-path-chooser .path-chooser-radio {
+  z-index: 1;
+}
+.bi-path-region .path-region-label {
+  z-index: 1;
+}
+.bi-preview-table-cell {
+  min-height: 25px;
+  min-width: 80px;
+  max-width: 220px;
+}
+.bi-preview-table {
+  -webkit-user-select: initial;
+  -khtml-user-select: initial;
+  -moz-user-select: initial;
+  -ms-user-select: initial;
+  -o-user-select: initial;
+  user-select: initial;
+}
+.bi-preview-table > div > table > thead > tr.odd,
+.bi-preview-table > div > div > div > table > thead > tr.odd {
+  background-color: #eff1f4;
+}
+.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd,
+.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd {
+  background-color: #191b2b;
+}
+.bi-preview-table-header-cell {
+  font-weight: bold;
+  min-height: 25px;
+  min-width: 80px;
+  max-width: 220px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-quarter-trigger {
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
+.bi-quarter-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-relation-view-region .relation-view-region-container {
-  z-index: 1;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
-.bi-relation-view-region .relation-view-region-container.other-package {
-  border-style: dashed;
-}
-.bi-sequence-table-dynamic-number .sequence-table-title-cell {
-  overflow: hidden;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
-.bi-sequence-table-dynamic-number .sequence-table-number-cell {
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
-.bi-sequence-table-list-number .sequence-table-title-cell {
-  overflow: hidden;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
-.bi-sequence-table-list-number .sequence-table-number-cell {
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
+.bi-relation-view-region .relation-view-region-container {
+  z-index: 1;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-relation-view-region .relation-view-region-container.other-package {
+  border-style: dashed;
+}
+.bi-sequence-table-dynamic-number .sequence-table-title-cell {
+  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
+.bi-sequence-table-dynamic-number .sequence-table-number-cell {
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
+.bi-sequence-table-list-number .sequence-table-title-cell {
+  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
+.bi-sequence-table-list-number .sequence-table-number-cell {
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-sequence-table-tree-number .sequence-table-title-cell {
-  overflow: hidden;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
-.bi-sequence-table-tree-number .sequence-table-number-cell {
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
+.bi-sequence-table-tree-number .sequence-table-title-cell {
+  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
+.bi-sequence-table-tree-number .sequence-table-number-cell {
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-year-popup .year-popup-navigation {
-  line-height: 30px;
-}
-.bi-year-popup .year-popup-navigation > .center-element {
-  border-left: 1px solid #d4dadd;
-}
-.bi-year-popup .year-popup-navigation > .first-element {
-  border-left: none;
-}
-.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
-  border-left: 1px solid #525466;
-}
-.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
-  border-left: none;
-}
-.bi-year-trigger {
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
+.bi-year-popup .year-popup-navigation {
+  line-height: 30px;
+}
+.bi-year-popup .year-popup-navigation > .center-element {
+  border-left: 1px solid #d4dadd;
+}
+.bi-year-popup .year-popup-navigation > .first-element {
+  border-left: none;
+}
+.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
+  border-left: 1px solid #525466;
+}
+.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
+  border-left: none;
+}
+.bi-year-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
diff --git a/docs/base.js b/docs/base.js
index c2af3f755..7fd86def7 100644
--- a/docs/base.js
+++ b/docs/base.js
@@ -308,163 +308,163 @@ BI.Pane = BI.inherit(BI.Widget, {
 
     }
 });
-BI.Pane.EVENT_LOADED = "EVENT_LOADED";/**
- * guy
- * 这仅仅只是一个超类, 所有简单控件的基类
- * 1、类的控制，
- * 2、title的控制
- * 3、文字超过边界显示3个点
- * 4、cursor默认pointor
- * @class BI.Single
- * @extends BI.Widget
- * @abstract
- */
-BI.Single = BI.inherit(BI.Widget, {
-    _defaultConfig: function () {
-        var conf = BI.Single.superclass._defaultConfig.apply(this, arguments);
-        return BI.extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-single",
-            readonly: false,
-            title: null,
-            warningTitle: null,
-            tipType: null, // success或warning
-            value: null
-        })
-    },
-
-    _showToolTip: function (e, opt) {
-        opt || (opt = {});
-        var self = this;
-        var type = this.getTipType() || (this.isEnabled() ? "success" : "warning");
-        var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
-        if (BI.isKey(title)) {
-            BI.Tooltips.show(e, this.getName(), title, type, this, opt);
-        }
-    },
-
-    _hideTooltip: function () {
-        var self = this;
-        var tooltip = BI.Tooltips.get(this.getName());
-        if (BI.isNotNull(tooltip)) {
-            tooltip.element.fadeOut(200, function () {
-                BI.Tooltips.remove(self.getName());
-            });
-        }
-    },
-
-    _init: function () {
-        BI.Single.superclass._init.apply(this, arguments);
-        var self = this, o = this.options;
-        if (BI.isKey(o.title) || BI.isKey(o.warningTitle)
-            || BI.isFunction(o.title) || BI.isFunction(o.warningTitle)) {
-            this.enableHover();
-        }
-    },
-
-    enableHover: function (opt) {
-        opt || (opt = {});
-        var self = this;
-        if (!this._hoverBinded) {
-            this.element.on("mouseenter.title" + this.getName(), function (e) {
-                self._e = e;
-                if (self.getTipType() === "warning" || (BI.isKey(self.getWarningTitle()) && !self.isEnabled())) {
-                    self.timeout = BI.delay(function () {
-                        self._showToolTip(self._e || e, opt);
-                    }, 200);
-                } else if (self.getTipType() === "success" || self.isEnabled()) {
-                    self.timeout = BI.delay(function () {
-                        self._showToolTip(self._e || e, opt);
-                    }, 500);
-                }
-            });
-            this.element.on("mousemove.title" + this.getName(), function (e) {
-                self._e = e;
-                if (!self.element.__isMouseInBounds__(e)) {
-                    if (BI.isNotNull(self.timeout)) {
-                        clearTimeout(self.timeout);
-                    }
-                    self._hideTooltip();
-                }
-            });
-            this.element.on("mouseleave.title" + this.getName(), function () {
-                self._e = null;
-                if (BI.isNotNull(self.timeout)) {
-                    clearTimeout(self.timeout);
-                }
-                self._hideTooltip();
-            });
-            this._hoverBinded = true;
-        }
-    },
-
-    disabledHover: function () {
-        //取消hover事件
-        if (BI.isNotNull(this.timeout)) {
-            clearTimeout(this.timeout);
-        }
-        this._hideTooltip();
-        $(this.element).unbind("mouseenter.title" + this.getName())
-            .unbind("mousemove.title" + this.getName())
-            .unbind("mouseleave.title" + this.getName());
-        this._hoverBinded = false;
-    },
-
-    populate: function (items) {
-        this.items = items || [];
-    },
-
-    //opt: {container: '', belowMouse: false}
-    setTitle: function (title, opt) {
-        this.options.title = title;
-        if (BI.isKey(title)) {
-            this.enableHover(opt);
-        } else {
-            this.disabledHover();
-        }
-    },
-
-    setWarningTitle: function (title, opt) {
-        this.options.warningTitle = title;
-        if (BI.isKey(title)) {
-            this.enableHover(opt);
-        } else {
-            this.disabledHover();
-        }
-    },
-
-    getTipType: function () {
-        return this.options.tipType;
-    },
-
-    isReadOnly: function () {
-        return !!this.options.readonly;
-    },
-
-    getTitle: function () {
-        var title = this.options.title;
-        if(BI.isFunction(title)) {
-            return title();
-        }
-        return title;
-    },
-
-    getWarningTitle: function () {
-        var title = this.options.warningTitle;
-        if(BI.isFunction(title)) {
-            return title();
-        }
-        return title;
-    },
-
-    setValue: function (val) {
-        if (!this.options.readonly) {
-            this.options.value = val;
-        }
-    },
-
-    getValue: function () {
-        return this.options.value;
-    }
+BI.Pane.EVENT_LOADED = "EVENT_LOADED";/**
+ * guy
+ * 这仅仅只是一个超类, 所有简单控件的基类
+ * 1、类的控制，
+ * 2、title的控制
+ * 3、文字超过边界显示3个点
+ * 4、cursor默认pointor
+ * @class BI.Single
+ * @extends BI.Widget
+ * @abstract
+ */
+BI.Single = BI.inherit(BI.Widget, {
+    _defaultConfig: function () {
+        var conf = BI.Single.superclass._defaultConfig.apply(this, arguments);
+        return BI.extend(conf, {
+            baseCls: (conf.baseCls || "") + " bi-single",
+            readonly: false,
+            title: null,
+            warningTitle: null,
+            tipType: null, // success或warning
+            value: null
+        })
+    },
+
+    _showToolTip: function (e, opt) {
+        opt || (opt = {});
+        var self = this;
+        var type = this.getTipType() || (this.isEnabled() ? "success" : "warning");
+        var title = type === "success" ? this.getTitle() : (this.getWarningTitle() || this.getTitle());
+        if (BI.isKey(title)) {
+            BI.Tooltips.show(e, this.getName(), title, type, this, opt);
+        }
+    },
+
+    _hideTooltip: function () {
+        var self = this;
+        var tooltip = BI.Tooltips.get(this.getName());
+        if (BI.isNotNull(tooltip)) {
+            tooltip.element.fadeOut(200, function () {
+                BI.Tooltips.remove(self.getName());
+            });
+        }
+    },
+
+    _init: function () {
+        BI.Single.superclass._init.apply(this, arguments);
+        var self = this, o = this.options;
+        if (BI.isKey(o.title) || BI.isKey(o.warningTitle)
+            || BI.isFunction(o.title) || BI.isFunction(o.warningTitle)) {
+            this.enableHover();
+        }
+    },
+
+    enableHover: function (opt) {
+        opt || (opt = {});
+        var self = this;
+        if (!this._hoverBinded) {
+            this.element.on("mouseenter.title" + this.getName(), function (e) {
+                self._e = e;
+                if (self.getTipType() === "warning" || (BI.isKey(self.getWarningTitle()) && !self.isEnabled())) {
+                    self.timeout = BI.delay(function () {
+                        self._showToolTip(self._e || e, opt);
+                    }, 200);
+                } else if (self.getTipType() === "success" || self.isEnabled()) {
+                    self.timeout = BI.delay(function () {
+                        self._showToolTip(self._e || e, opt);
+                    }, 500);
+                }
+            });
+            this.element.on("mousemove.title" + this.getName(), function (e) {
+                self._e = e;
+                if (!self.element.__isMouseInBounds__(e)) {
+                    if (BI.isNotNull(self.timeout)) {
+                        clearTimeout(self.timeout);
+                    }
+                    self._hideTooltip();
+                }
+            });
+            this.element.on("mouseleave.title" + this.getName(), function () {
+                self._e = null;
+                if (BI.isNotNull(self.timeout)) {
+                    clearTimeout(self.timeout);
+                }
+                self._hideTooltip();
+            });
+            this._hoverBinded = true;
+        }
+    },
+
+    disabledHover: function () {
+        //取消hover事件
+        if (BI.isNotNull(this.timeout)) {
+            clearTimeout(this.timeout);
+        }
+        this._hideTooltip();
+        $(this.element).unbind("mouseenter.title" + this.getName())
+            .unbind("mousemove.title" + this.getName())
+            .unbind("mouseleave.title" + this.getName());
+        this._hoverBinded = false;
+    },
+
+    populate: function (items) {
+        this.items = items || [];
+    },
+
+    //opt: {container: '', belowMouse: false}
+    setTitle: function (title, opt) {
+        this.options.title = title;
+        if (BI.isKey(title)) {
+            this.enableHover(opt);
+        } else {
+            this.disabledHover();
+        }
+    },
+
+    setWarningTitle: function (title, opt) {
+        this.options.warningTitle = title;
+        if (BI.isKey(title)) {
+            this.enableHover(opt);
+        } else {
+            this.disabledHover();
+        }
+    },
+
+    getTipType: function () {
+        return this.options.tipType;
+    },
+
+    isReadOnly: function () {
+        return !!this.options.readonly;
+    },
+
+    getTitle: function () {
+        var title = this.options.title;
+        if(BI.isFunction(title)) {
+            return title();
+        }
+        return title;
+    },
+
+    getWarningTitle: function () {
+        var title = this.options.warningTitle;
+        if(BI.isFunction(title)) {
+            return title();
+        }
+        return title;
+    },
+
+    setValue: function (val) {
+        if (!this.options.readonly) {
+            this.options.value = val;
+        }
+    },
+
+    getValue: function () {
+        return this.options.value;
+    }
 });/**
  * guy 表示一行数据，通过position来定位位置的数据
  * @class BI.Text
@@ -918,82 +918,82 @@ BI.BasicButton = BI.inherit(BI.Single, {
         BI.BasicButton.superclass.destroy.apply(this, arguments);
     }
 });
-BI.BasicButton.EVENT_CHANGE = "BasicButton.EVENT_CHANGE";/**
- * 表示一个可以展开的节点, 不仅有选中状态而且有展开状态
- *
- * Created by GUY on 2015/9/9.
- * @class BI.NodeButton
- * @extends BI.BasicButton
- * @abstract
- */
-BI.NodeButton = BI.inherit(BI.BasicButton, {
-    _defaultConfig: function() {
-        var conf = BI.NodeButton.superclass._defaultConfig.apply(this, arguments);
-        return BI.extend( conf, {
-            baseCls: (conf.baseCls || "") + " bi-node",
-            open: false
-        })
-    },
-
-    _init:function() {
-        BI.NodeButton.superclass._init.apply(this, arguments);
-        var self = this;
-        BI.nextTick(function(){
-            self.setOpened(self.isOpened());
-        })
-    },
-
-    doClick: function(){
-        BI.NodeButton.superclass.doClick.apply(this, arguments);
-        this.setOpened(!this.isOpened());
-    },
-
-    isOnce: function(){
-        return false;
-    },
-
-    isOpened: function(){
-        return !!this.options.open;
-    },
-
-    setOpened: function(b){
-        this.options.open = !!b;
-    },
-
-    triggerCollapse: function(){
-        if(this.isOpened()) {
-            this.setOpened(false);
-            this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, this.getValue(), this);
-        }
-    },
-
-    triggerExpand: function(){
-        if(!this.isOpened()) {
-            this.setOpened(true);
-            this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, this.getValue(), this);
-        }
-    }
-});/**
- * guy
- * tip提示
- * zIndex在10亿级别
- * @class BI.Tip
- * @extends BI.Single
- * @abstract
- */
-BI.Tip = BI.inherit(BI.Single, {
-    _defaultConfig: function() {
-        var conf = BI.Link.superclass._defaultConfig.apply(this, arguments);
-        return BI.extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-tip",
-            zIndex: BI.zIndex_tip
-        })
-    },
-
-    _init : function() {
-        BI.Tip.superclass._init.apply(this, arguments);
-        this.element.css({"zIndex": this.options.zIndex});
-    }
+BI.BasicButton.EVENT_CHANGE = "BasicButton.EVENT_CHANGE";/**
+ * 表示一个可以展开的节点, 不仅有选中状态而且有展开状态
+ *
+ * Created by GUY on 2015/9/9.
+ * @class BI.NodeButton
+ * @extends BI.BasicButton
+ * @abstract
+ */
+BI.NodeButton = BI.inherit(BI.BasicButton, {
+    _defaultConfig: function() {
+        var conf = BI.NodeButton.superclass._defaultConfig.apply(this, arguments);
+        return BI.extend( conf, {
+            baseCls: (conf.baseCls || "") + " bi-node",
+            open: false
+        })
+    },
+
+    _init:function() {
+        BI.NodeButton.superclass._init.apply(this, arguments);
+        var self = this;
+        BI.nextTick(function(){
+            self.setOpened(self.isOpened());
+        })
+    },
+
+    doClick: function(){
+        BI.NodeButton.superclass.doClick.apply(this, arguments);
+        this.setOpened(!this.isOpened());
+    },
+
+    isOnce: function(){
+        return false;
+    },
+
+    isOpened: function(){
+        return !!this.options.open;
+    },
+
+    setOpened: function(b){
+        this.options.open = !!b;
+    },
+
+    triggerCollapse: function(){
+        if(this.isOpened()) {
+            this.setOpened(false);
+            this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.COLLAPSE, this.getValue(), this);
+        }
+    },
+
+    triggerExpand: function(){
+        if(!this.isOpened()) {
+            this.setOpened(true);
+            this.fireEvent(BI.Controller.EVENT_CHANGE, BI.Events.EXPAND, this.getValue(), this);
+        }
+    }
+});/**
+ * guy
+ * tip提示
+ * zIndex在10亿级别
+ * @class BI.Tip
+ * @extends BI.Single
+ * @abstract
+ */
+BI.Tip = BI.inherit(BI.Single, {
+    _defaultConfig: function() {
+        var conf = BI.Link.superclass._defaultConfig.apply(this, arguments);
+        return BI.extend(conf, {
+            baseCls: (conf.baseCls || "") + " bi-tip",
+            zIndex: BI.zIndex_tip
+        })
+    },
+
+    _init : function() {
+        BI.Tip.superclass._init.apply(this, arguments);
+        this.element.css({"zIndex": this.options.zIndex});
+    }
 });/**
  * Created by GUY on 2015/6/26.
  * @class BI.ButtonGroup
@@ -20281,32 +20281,32 @@ BI.Tooltip = BI.inherit(BI.Tip, {
     }
 });
 
-BI.shortcut("bi.tooltip", BI.Tooltip);/**
- * 下拉
- * @class BI.Trigger
- * @extends BI.Single
- * @abstract
- */
-BI.Trigger = BI.inherit(BI.Single, {
-    _defaultConfig: function() {
-        var conf = BI.Trigger.superclass._defaultConfig.apply(this, arguments);
-        return BI.extend(conf, {
-            baseCls: (conf.baseCls || "") + " bi-trigger cursor-pointer",
-            height: 30
-        })
-    },
-
-    _init : function() {
-        BI.Trigger.superclass._init.apply(this, arguments);
-    },
-
-    setKey: function(){
-
-    },
-
-    getKey: function(){
-
-    }
+BI.shortcut("bi.tooltip", BI.Tooltip);/**
+ * 下拉
+ * @class BI.Trigger
+ * @extends BI.Single
+ * @abstract
+ */
+BI.Trigger = BI.inherit(BI.Single, {
+    _defaultConfig: function() {
+        var conf = BI.Trigger.superclass._defaultConfig.apply(this, arguments);
+        return BI.extend(conf, {
+            baseCls: (conf.baseCls || "") + " bi-trigger cursor-pointer",
+            height: 30
+        })
+    },
+
+    _init : function() {
+        BI.Trigger.superclass._init.apply(this, arguments);
+    },
+
+    setKey: function(){
+
+    },
+
+    getKey: function(){
+
+    }
 });// Copyright (c) 2013 Adobe Systems Incorporated. All rights reserved.
 //
 // Licensed under the Apache License, Version 2.0 (the "License");
diff --git a/docs/core.js b/docs/core.js
index a12c61b39..12ee17b0e 100644
--- a/docs/core.js
+++ b/docs/core.js
@@ -14971,6 +14971,10 @@ BI.Widget = BI.inherit(BI.OB, {
             var copy = BI.UUID(), newKeys = BI.clone(keys);
             keys.length > 1 ? newKeys.unshift(BI.deepClone(p[keys[keys.length - 1]])) : newKeys.unshift(BI.deepClone(g));
             var backup = self.similar.apply(self, newKeys);
+            if (BI.isKey(backup.id)) {
+                copy = backup.id;
+                delete backup.id;
+            }
             keys.length > 1 ? (p[copy] = backup, self[sset](keys[0], g, {silent: true})) : self[sset](copy, backup, {silent: true});
             keys.unshift(copy);
             !BI.has(self._tmp, keys[0]) && self.parent && self.parent._change(self);
diff --git a/docs/widget.css b/docs/widget.css
index 7d03e3948..0d58f4cd4 100644
--- a/docs/widget.css
+++ b/docs/widget.css
@@ -1,44 +1,44 @@
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-arrangement .arrangement-helper {
-  background: #3f8ce8;
-  z-index: 1000000000;
-}
-.bi-arrangement .arrangement-block {
-  z-index: 1000000000;
-}
-.bi-arrangement .arrangement-drop-container {
-  z-index: 1000000000;
-}
-.bi-arrangement .arrangement-drop-container .arrangement-drop-region {
-  overflow: hidden;
-}
-.bi-arrangement .arrangement-drop-container .drop-devider {
-  z-index: 1000000001;
-  background: #3f8ce8;
-}
-.bi-arrangement .arrangement-drop-container .top-left,
-.bi-arrangement .arrangement-drop-container .top-right,
-.bi-arrangement .arrangement-drop-container .bottom-left,
-.bi-arrangement .arrangement-drop-container .bottom-right,
-.bi-arrangement .arrangement-drop-container .top-left-second,
-.bi-arrangement .arrangement-drop-container .top-right-second,
-.bi-arrangement .arrangement-drop-container .bottom-left-second,
-.bi-arrangement .arrangement-drop-container .bottom-right-second,
-.bi-arrangement .arrangement-drop-container .top-center,
-.bi-arrangement .arrangement-drop-container .bottom-center,
-.bi-arrangement .arrangement-drop-container .left-center,
-.bi-arrangement .arrangement-drop-container .right-center,
-.bi-arrangement .arrangement-drop-container .top-center-second,
-.bi-arrangement .arrangement-drop-container .bottom-center-second,
-.bi-arrangement .arrangement-drop-container .left-center-second,
-.bi-arrangement .arrangement-drop-container .right-center-second {
-  z-index: 1000000001;
-  background: #3f8ce8;
-}
-.bi-arrangement-droppable {
-  z-index: 100000;
-}
+.bi-arrangement .arrangement-helper {
+  background: #3f8ce8;
+  z-index: 1000000000;
+}
+.bi-arrangement .arrangement-block {
+  z-index: 1000000000;
+}
+.bi-arrangement .arrangement-drop-container {
+  z-index: 1000000000;
+}
+.bi-arrangement .arrangement-drop-container .arrangement-drop-region {
+  overflow: hidden;
+}
+.bi-arrangement .arrangement-drop-container .drop-devider {
+  z-index: 1000000001;
+  background: #3f8ce8;
+}
+.bi-arrangement .arrangement-drop-container .top-left,
+.bi-arrangement .arrangement-drop-container .top-right,
+.bi-arrangement .arrangement-drop-container .bottom-left,
+.bi-arrangement .arrangement-drop-container .bottom-right,
+.bi-arrangement .arrangement-drop-container .top-left-second,
+.bi-arrangement .arrangement-drop-container .top-right-second,
+.bi-arrangement .arrangement-drop-container .bottom-left-second,
+.bi-arrangement .arrangement-drop-container .bottom-right-second,
+.bi-arrangement .arrangement-drop-container .top-center,
+.bi-arrangement .arrangement-drop-container .bottom-center,
+.bi-arrangement .arrangement-drop-container .left-center,
+.bi-arrangement .arrangement-drop-container .right-center,
+.bi-arrangement .arrangement-drop-container .top-center-second,
+.bi-arrangement .arrangement-drop-container .bottom-center-second,
+.bi-arrangement .arrangement-drop-container .left-center-second,
+.bi-arrangement .arrangement-drop-container .right-center-second {
+  z-index: 1000000001;
+  background: #3f8ce8;
+}
+.bi-arrangement-droppable {
+  z-index: 100000;
+}
 /****添加计算宽度的--运算符直接需要space****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
@@ -107,310 +107,310 @@
 /*************BI.SearchEditor******************/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-date-trigger {
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
+.bi-date-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-down-list-popup .bi-down-list-item .list-item-text {
-  max-width: 203px;
-}
+.bi-down-list-popup .bi-down-list-item .list-item-text {
+  max-width: 203px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-excel-table > div.bottom-right > div > div > table {
-  border-right: 1px solid #d4dadd;
-}
-.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
-  border-right: 1px solid #525466;
-}
-.bi-excel-table-header-cell {
-  font-weight: bold;
-}
+.bi-excel-table > div.bottom-right > div > div > table {
+  border-right: 1px solid #d4dadd;
+}
+.bi-theme-dark .bi-excel-table > div.bottom-right > div > div > table {
+  border-right: 1px solid #525466;
+}
+.bi-excel-table-header-cell {
+  font-weight: bold;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-file-manager-nav-button .file-manager-nav-button-text {
-  max-width: 200px;
-}
-.bi-file-manager-nav-button .file-manager-nav-button-text.active {
-  background-color: #eff1f4;
-  color: #999999;
-}
-.bi-file-manager-nav-button .file-manager-nav-button-triangle {
-  z-index: 1;
-}
-.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
-  background-color: #191b2b;
-  color: #999999;
-}
+.bi-file-manager-nav-button .file-manager-nav-button-text {
+  max-width: 200px;
+}
+.bi-file-manager-nav-button .file-manager-nav-button-text.active {
+  background-color: #eff1f4;
+  color: #999999;
+}
+.bi-file-manager-nav-button .file-manager-nav-button-triangle {
+  z-index: 1;
+}
+.bi-theme-dark .bi-file-manager-nav-button .file-manager-nav-button-text.active {
+  background-color: #191b2b;
+  color: #999999;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-fine-tuning-number-editor {
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
-.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
-  z-index: 1000000000;
-  background-color: #f07d0a;
-}
-.bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
-  z-index: 1000000000;
-}
+.bi-fine-tuning-number-editor {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-interactive-arrangement .interactive-arrangement-dragtag-line {
+  z-index: 1000000000;
+  background-color: #f07d0a;
+}
+.bi-interactive-arrangement .interactive-arrangement-dragtag-icon {
+  z-index: 1000000000;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-month-trigger {
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
-.bi-multi-select-check-pane .multi-select-check-selected {
-  text-decoration: underline;
-}
+.bi-month-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-multi-select-check-pane .multi-select-check-selected {
+  text-decoration: underline;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-select-combo .multi-select-trigger-icon-button {
-  font-size: 16px;
-}
+.bi-multi-select-combo .multi-select-trigger-icon-button {
+  font-size: 16px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-select-trigger {
-  -webkit-border-radius: 2px 2px 2px 2px;
-  -moz-border-radius: 2px 2px 2px 2px;
-  border-radius: 2px 2px 2px 2px;
-}
-.bi-multi-select-search-pane .multi-select-toolbar {
-  color: #e85050;
-}
-.bi-multi-select-check-selected-button {
-  z-index: 1;
-}
+.bi-multi-select-trigger {
+  -webkit-border-radius: 2px 2px 2px 2px;
+  -moz-border-radius: 2px 2px 2px 2px;
+  border-radius: 2px 2px 2px 2px;
+}
+.bi-multi-select-search-pane .multi-select-toolbar {
+  color: #e85050;
+}
+.bi-multi-select-check-selected-button {
+  z-index: 1;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-tree-check-pane .multi-tree-check-selected {
-  color: #3f8ce8;
-}
+.bi-multi-tree-check-pane .multi-tree-check-selected {
+  color: #3f8ce8;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-tree-combo .multi-select-trigger-icon-button {
-  font-size: 16px;
-}
-.bi-multi-tree-popup .popup-view-tree {
-  min-height: 170px;
-}
+.bi-multi-tree-combo .multi-select-trigger-icon-button {
+  font-size: 16px;
+}
+.bi-multi-tree-popup .popup-view-tree {
+  min-height: 170px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-multi-tree-check-selected-button .trigger-check-selected {
-  color: #3f8ce8;
-  z-index: 1;
-}
+.bi-multi-tree-check-selected-button .trigger-check-selected {
+  color: #3f8ce8;
+  z-index: 1;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-numerical-interval .numerical-interval-small-editor {
-  -moz-border-radius-topleft: 2px;
-  -webkit-border-top-left-radius: 2px;
-  -moz-border-radius-bottomleft: 2px;
-  -webkit-border-bottom-left-radius: 2px;
-  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.bi-numerical-interval .numerical-interval-big-editor {
-  -moz-border-radius-topright: 2px;
-  -webkit-border-top-right-radius: 2px;
-  -moz-border-radius-bottomright: 2px;
-  -webkit-border-bottom-right-radius: 2px;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-}
-.bi-numerical-interval .numerical-interval-big-combo {
-  -moz-border-radius-topleft: 2px;
-  -webkit-border-top-left-radius: 2px;
-  -moz-border-radius-bottomleft: 2px;
-  -webkit-border-bottom-left-radius: 2px;
-  border-top-left-radius: 2px;
-  border-bottom-left-radius: 2px;
-}
-.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
-  font-size: 14px;
-}
-.bi-numerical-interval .numerical-interval-small-combo {
-  -moz-border-radius-topright: 2px;
-  -webkit-border-top-right-radius: 2px;
-  -moz-border-radius-bottomright: 2px;
-  -webkit-border-bottom-right-radius: 2px;
-  border-top-right-radius: 2px;
-  border-bottom-right-radius: 2px;
-}
-.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
-  font-size: 14px;
-}
-.bi-numerical-interval.number-error .bi-input {
-  color: #e85050;
-}
+.bi-numerical-interval .numerical-interval-small-editor {
+  -moz-border-radius-topleft: 2px;
+  -webkit-border-top-left-radius: 2px;
+  -moz-border-radius-bottomleft: 2px;
+  -webkit-border-bottom-left-radius: 2px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.bi-numerical-interval .numerical-interval-big-editor {
+  -moz-border-radius-topright: 2px;
+  -webkit-border-top-right-radius: 2px;
+  -moz-border-radius-bottomright: 2px;
+  -webkit-border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.bi-numerical-interval .numerical-interval-big-combo {
+  -moz-border-radius-topleft: 2px;
+  -webkit-border-top-left-radius: 2px;
+  -moz-border-radius-bottomleft: 2px;
+  -webkit-border-bottom-left-radius: 2px;
+  border-top-left-radius: 2px;
+  border-bottom-left-radius: 2px;
+}
+.bi-numerical-interval .numerical-interval-big-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
+  font-size: 14px;
+}
+.bi-numerical-interval .numerical-interval-small-combo {
+  -moz-border-radius-topright: 2px;
+  -webkit-border-top-right-radius: 2px;
+  -moz-border-radius-bottomright: 2px;
+  -webkit-border-bottom-right-radius: 2px;
+  border-top-right-radius: 2px;
+  border-bottom-right-radius: 2px;
+}
+.bi-numerical-interval .numerical-interval-small-combo .bi-icon-combo-trigger .icon-combo-trigger-icon {
+  font-size: 14px;
+}
+.bi-numerical-interval.number-error .bi-input {
+  color: #e85050;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-page-table-cell {
-  -webkit-user-select: initial;
-  -khtml-user-select: initial;
-  -moz-user-select: initial;
-  -ms-user-select: initial;
-  -o-user-select: initial;
-  user-select: initial;
-}
+.bi-page-table-cell {
+  -webkit-user-select: initial;
+  -khtml-user-select: initial;
+  -moz-user-select: initial;
+  -ms-user-select: initial;
+  -o-user-select: initial;
+  user-select: initial;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-path-chooser .path-chooser-radio {
-  z-index: 1;
-}
-.bi-path-region .path-region-label {
-  z-index: 1;
-}
-.bi-preview-table-cell {
-  min-height: 25px;
-  min-width: 80px;
-  max-width: 220px;
-}
-.bi-preview-table {
-  -webkit-user-select: initial;
-  -khtml-user-select: initial;
-  -moz-user-select: initial;
-  -ms-user-select: initial;
-  -o-user-select: initial;
-  user-select: initial;
-}
-.bi-preview-table > div > table > thead > tr.odd,
-.bi-preview-table > div > div > div > table > thead > tr.odd {
-  background-color: #eff1f4;
-}
-.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd,
-.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd {
-  background-color: #191b2b;
-}
-.bi-preview-table-header-cell {
-  font-weight: bold;
-  min-height: 25px;
-  min-width: 80px;
-  max-width: 220px;
-}
+.bi-path-chooser .path-chooser-radio {
+  z-index: 1;
+}
+.bi-path-region .path-region-label {
+  z-index: 1;
+}
+.bi-preview-table-cell {
+  min-height: 25px;
+  min-width: 80px;
+  max-width: 220px;
+}
+.bi-preview-table {
+  -webkit-user-select: initial;
+  -khtml-user-select: initial;
+  -moz-user-select: initial;
+  -ms-user-select: initial;
+  -o-user-select: initial;
+  user-select: initial;
+}
+.bi-preview-table > div > table > thead > tr.odd,
+.bi-preview-table > div > div > div > table > thead > tr.odd {
+  background-color: #eff1f4;
+}
+.bi-theme-dark .bi-preview-table > div > table > thead > tr.odd,
+.bi-theme-dark .bi-preview-table > div > div > div > table > thead > tr.odd {
+  background-color: #191b2b;
+}
+.bi-preview-table-header-cell {
+  font-weight: bold;
+  min-height: 25px;
+  min-width: 80px;
+  max-width: 220px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-quarter-trigger {
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
+.bi-quarter-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-relation-view-region .relation-view-region-container {
-  z-index: 1;
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
-.bi-relation-view-region .relation-view-region-container.other-package {
-  border-style: dashed;
-}
-.bi-sequence-table-dynamic-number .sequence-table-title-cell {
-  overflow: hidden;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
-.bi-sequence-table-dynamic-number .sequence-table-number-cell {
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
-.bi-sequence-table-list-number .sequence-table-title-cell {
-  overflow: hidden;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
-.bi-sequence-table-list-number .sequence-table-number-cell {
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
+.bi-relation-view-region .relation-view-region-container {
+  z-index: 1;
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
+.bi-relation-view-region .relation-view-region-container.other-package {
+  border-style: dashed;
+}
+.bi-sequence-table-dynamic-number .sequence-table-title-cell {
+  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
+.bi-sequence-table-dynamic-number .sequence-table-number-cell {
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
+.bi-sequence-table-list-number .sequence-table-title-cell {
+  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
+.bi-sequence-table-list-number .sequence-table-number-cell {
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-sequence-table-tree-number .sequence-table-title-cell {
-  overflow: hidden;
-  overflow-x: hidden;
-  overflow-y: hidden;
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
-.bi-sequence-table-tree-number .sequence-table-number-cell {
-  -webkit-box-sizing: border-box;
-  /*Safari3.2+*/
-  -moz-box-sizing: border-box;
-  /*Firefox3.5+*/
-  -ms-box-sizing: border-box;
-  /*IE8*/
-  box-sizing: border-box;
-  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
-}
+.bi-sequence-table-tree-number .sequence-table-title-cell {
+  overflow: hidden;
+  overflow-x: hidden;
+  overflow-y: hidden;
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
+.bi-sequence-table-tree-number .sequence-table-number-cell {
+  -webkit-box-sizing: border-box;
+  /*Safari3.2+*/
+  -moz-box-sizing: border-box;
+  /*Firefox3.5+*/
+  -ms-box-sizing: border-box;
+  /*IE8*/
+  box-sizing: border-box;
+  /*W3C标准(IE9+，Safari5.1+,Chrome10.0+,Opera10.6+都符合box-sizing的w3c标准语法)*/
+}
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
 /****** common color(常用颜色,可用于普遍场景) *****/
 /**** custom color(自定义颜色,用于特定场景) ****/
-.bi-year-popup .year-popup-navigation {
-  line-height: 30px;
-}
-.bi-year-popup .year-popup-navigation > .center-element {
-  border-left: 1px solid #d4dadd;
-}
-.bi-year-popup .year-popup-navigation > .first-element {
-  border-left: none;
-}
-.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
-  border-left: 1px solid #525466;
-}
-.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
-  border-left: none;
-}
-.bi-year-trigger {
-  -webkit-border-radius: 2px;
-  -moz-border-radius: 2px;
-  border-radius: 2px;
-}
+.bi-year-popup .year-popup-navigation {
+  line-height: 30px;
+}
+.bi-year-popup .year-popup-navigation > .center-element {
+  border-left: 1px solid #d4dadd;
+}
+.bi-year-popup .year-popup-navigation > .first-element {
+  border-left: none;
+}
+.bi-theme-dark .bi-year-popup .year-popup-navigation > .center-element {
+  border-left: 1px solid #525466;
+}
+.bi-theme-dark .bi-year-popup .year-popup-navigation > .first-element {
+  border-left: none;
+}
+.bi-year-trigger {
+  -webkit-border-radius: 2px;
+  -moz-border-radius: 2px;
+  border-radius: 2px;
+}
diff --git a/src/core/model.js b/src/core/model.js
index a45cfb5e1..fa7b2613b 100644
--- a/src/core/model.js
+++ b/src/core/model.js
@@ -203,6 +203,10 @@ BI.Model = BI.inherit(BI.M, {
             var copy = BI.UUID(), newKeys = BI.clone(keys);
             keys.length > 1 ? newKeys.unshift(BI.deepClone(p[keys[keys.length - 1]])) : newKeys.unshift(BI.deepClone(g));
             var backup = self.similar.apply(self, newKeys);
+            if (BI.isKey(backup.id)) {
+                copy = backup.id;
+                delete backup.id;
+            }
             keys.length > 1 ? (p[copy] = backup, self[sset](keys[0], g, {silent: true})) : self[sset](copy, backup, {silent: true});
             keys.unshift(copy);
             !BI.has(self._tmp, keys[0]) && self.parent && self.parent._change(self);