update

dist/base.js

@@ -15608,7 +15608,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
         BI.PopupView.superclass._init.apply(this, arguments);
         var self = this, o = this.options;
         var fn = function (e) {
-                e.stopEvent();
+                e.stopPropagation();
             }, stop = function (e) {
                 e.stopEvent();
                 return false;

dist/bundle.css

@@ -4122,12 +4122,20 @@ ul.ztree.zTreeDragUL {
   -moz-border-radius: 8px;
   border-radius: 8px;
   background-color: #ffffff;
+  height: 16px;
+  width: 16px;
+  top: 6px;
+  left: -8px;
 }
 .bi-single-slider-button .slider-button:hover,
 .bi-single-slider-button .slider-button.hover {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
+  width: 20px;
+  height: 20px;
+  top: 4px;
+  left: -10px;
 }
 .bi-slider-track .gray-track {
   background-color: #F2F4F7;

dist/bundle.js

@@ -51379,7 +51379,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
         BI.PopupView.superclass._init.apply(this, arguments);
         var self = this, o = this.options;
         var fn = function (e) {
-                e.stopEvent();
+                e.stopPropagation();
             }, stop = function (e) {
                 e.stopEvent();
                 return false;
@@ -108546,44 +108546,12 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
                 el: {
                     type: "bi.text_button",
                     cls: "slider-button",
-                    height: this.constants.NORMAL_SIZE,
-                    width: this.constants.NORMAL_SIZE,
                     ref: function () {
                         self.slider = this;
                     }
-                },
+                }
-                top: this.constants.NORMAL_OFFSET,
+            }]
-                left: -8
-            }],
-            width: 0,
-            height: this.constants.NORMAL_SIZE
         };
-    },
-
-    mounted: function () {
-        var self = this;
-        this.slider.element.hover(function () {
-            self._enlarge();
-        }, function () {
-            self._normalize();
-        });
-    },
-
-
-    _enlarge: function () {
-        this.slider.setWidth(this.constants.LARGE_SIZE);
-        this.slider.setHeight(this.constants.LARGE_SIZE);
-        this.wrapper.attr("items")[0].top = this.constants.LARGE_OFFSET;
-        this.wrapper.attr("items")[0].left = -10;
-        this.wrapper.resize();
-    },
-
-    _normalize: function () {
-        this.slider.setWidth(this.constants.NORMAL_SIZE);
-        this.slider.setHeight(this.constants.NORMAL_SIZE);
-        this.wrapper.attr("items")[0].top = this.constants.NORMAL_OFFSET;
-        this.wrapper.attr("items")[0].left = -8;
-        this.wrapper.resize();
     }
 });
 BI.shortcut("bi.single_slider_button", BI.SliderIconButton);/**

dist/fineui.css

@@ -4122,12 +4122,20 @@ ul.ztree.zTreeDragUL {
   -moz-border-radius: 8px;
   border-radius: 8px;
   background-color: #ffffff;
+  height: 16px;
+  width: 16px;
+  top: 6px;
+  left: -8px;
 }
 .bi-single-slider-button .slider-button:hover,
 .bi-single-slider-button .slider-button.hover {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
+  width: 20px;
+  height: 20px;
+  top: 4px;
+  left: -10px;
 }
 .bi-slider-track .gray-track {
   background-color: #F2F4F7;

dist/fineui.js

@@ -51628,7 +51628,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
         BI.PopupView.superclass._init.apply(this, arguments);
         var self = this, o = this.options;
         var fn = function (e) {
-                e.stopEvent();
+                e.stopPropagation();
             }, stop = function (e) {
                 e.stopEvent();
                 return false;
@@ -108795,44 +108795,12 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
                 el: {
                     type: "bi.text_button",
                     cls: "slider-button",
-                    height: this.constants.NORMAL_SIZE,
-                    width: this.constants.NORMAL_SIZE,
                     ref: function () {
                         self.slider = this;
                     }
-                },
+                }
-                top: this.constants.NORMAL_OFFSET,
+            }]
-                left: -8
-            }],
-            width: 0,
-            height: this.constants.NORMAL_SIZE
         };
-    },
-
-    mounted: function () {
-        var self = this;
-        this.slider.element.hover(function () {
-            self._enlarge();
-        }, function () {
-            self._normalize();
-        });
-    },
-
-
-    _enlarge: function () {
-        this.slider.setWidth(this.constants.LARGE_SIZE);
-        this.slider.setHeight(this.constants.LARGE_SIZE);
-        this.wrapper.attr("items")[0].top = this.constants.LARGE_OFFSET;
-        this.wrapper.attr("items")[0].left = -10;
-        this.wrapper.resize();
-    },
-
-    _normalize: function () {
-        this.slider.setWidth(this.constants.NORMAL_SIZE);
-        this.slider.setHeight(this.constants.NORMAL_SIZE);
-        this.wrapper.attr("items")[0].top = this.constants.NORMAL_OFFSET;
-        this.wrapper.attr("items")[0].left = -8;
-        this.wrapper.resize();
     }
 });
 BI.shortcut("bi.single_slider_button", BI.SliderIconButton);/**

dist/widget.css

@@ -417,12 +417,20 @@
   -moz-border-radius: 8px;
   border-radius: 8px;
   background-color: #ffffff;
+  height: 16px;
+  width: 16px;
+  top: 6px;
+  left: -8px;
 }
 .bi-single-slider-button .slider-button:hover,
 .bi-single-slider-button .slider-button.hover {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
+  width: 20px;
+  height: 20px;
+  top: 4px;
+  left: -10px;
 }
 .bi-slider-track .gray-track {
   background-color: #F2F4F7;

dist/widget.js

@@ -20892,44 +20892,12 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
                 el: {
                     type: "bi.text_button",
                     cls: "slider-button",
-                    height: this.constants.NORMAL_SIZE,
-                    width: this.constants.NORMAL_SIZE,
                     ref: function () {
                         self.slider = this;
                     }
-                },
+                }
-                top: this.constants.NORMAL_OFFSET,
+            }]
-                left: -8
-            }],
-            width: 0,
-            height: this.constants.NORMAL_SIZE
         };
-    },
-
-    mounted: function () {
-        var self = this;
-        this.slider.element.hover(function () {
-            self._enlarge();
-        }, function () {
-            self._normalize();
-        });
-    },
-
-
-    _enlarge: function () {
-        this.slider.setWidth(this.constants.LARGE_SIZE);
-        this.slider.setHeight(this.constants.LARGE_SIZE);
-        this.wrapper.attr("items")[0].top = this.constants.LARGE_OFFSET;
-        this.wrapper.attr("items")[0].left = -10;
-        this.wrapper.resize();
-    },
-
-    _normalize: function () {
-        this.slider.setWidth(this.constants.NORMAL_SIZE);
-        this.slider.setHeight(this.constants.NORMAL_SIZE);
-        this.wrapper.attr("items")[0].top = this.constants.NORMAL_OFFSET;
-        this.wrapper.attr("items")[0].left = -8;
-        this.wrapper.resize();
     }
 });
 BI.shortcut("bi.single_slider_button", BI.SliderIconButton);/**

src/base/layer/layer.popup.js

@@ -44,7 +44,7 @@ BI.PopupView = BI.inherit(BI.Widget, {
         BI.PopupView.superclass._init.apply(this, arguments);
         var self = this, o = this.options;
         var fn = function (e) {
-                e.stopEvent();
+                e.stopPropagation();
             }, stop = function (e) {
                 e.stopEvent();
                 return false;

src/css/widget/singleslider/slider/widget.css

@@ -5,10 +5,18 @@
   -moz-border-radius: 8px;
   border-radius: 8px;
   background-color: #ffffff;
+  height: 16px;
+  width: 16px;
+  top: 6px;
+  left: -8px;
 }
 .bi-single-slider-button .slider-button:hover,
 .bi-single-slider-button .slider-button.hover {
   -webkit-border-radius: 10px;
   -moz-border-radius: 10px;
   border-radius: 10px;
+  width: 20px;
+  height: 20px;
+  top: 4px;
+  left: -10px;
 }

src/less/widget/singleslider/slider/widget.slider.less

@@ -6,8 +6,16 @@
     border: 2px solid @color-bi-border-highlight;
     .border-radius(8px);
     background-color: @color-bi-background-default;
+    height: 16px;
+    width: 16px;
+    top: 6px;
+    left: -8px;
     &:hover, &.hover {
       .border-radius(10px);
+      width: 20px;
+      height: 20px;
+      top: 4px;
+      left: -10px;
     }
   }
 }

src/widget/singleslider/button/iconbutton.slider.js

@@ -25,44 +25,12 @@ BI.SliderIconButton = BI.inherit(BI.Widget, {
                 el: {
                     type: "bi.text_button",
                     cls: "slider-button",
-                    height: this.constants.NORMAL_SIZE,
-                    width: this.constants.NORMAL_SIZE,
                     ref: function () {
                         self.slider = this;
                     }
-                },
+                }
-                top: this.constants.NORMAL_OFFSET,
+            }]
-                left: -8
-            }],
-            width: 0,
-            height: this.constants.NORMAL_SIZE
         };
-    },
-
-    mounted: function () {
-        var self = this;
-        this.slider.element.hover(function () {
-            self._enlarge();
-        }, function () {
-            self._normalize();
-        });
-    },
-
-
-    _enlarge: function () {
-        this.slider.setWidth(this.constants.LARGE_SIZE);
-        this.slider.setHeight(this.constants.LARGE_SIZE);
-        this.wrapper.attr("items")[0].top = this.constants.LARGE_OFFSET;
-        this.wrapper.attr("items")[0].left = -10;
-        this.wrapper.resize();
-    },
-
-    _normalize: function () {
-        this.slider.setWidth(this.constants.NORMAL_SIZE);
-        this.slider.setHeight(this.constants.NORMAL_SIZE);
-        this.wrapper.attr("items")[0].top = this.constants.NORMAL_OFFSET;
-        this.wrapper.attr("items")[0].left = -8;
-        this.wrapper.resize();
     }
 });
 BI.shortcut("bi.single_slider_button", BI.SliderIconButton);