@@ -325,8 +325,15 @@ var Slider = {
325325'slider-dot-dragging' :this . flag && this . currentSlider === 0 ,
326326'slider-dot-disabled' :! this . boolDisabled && this . disabledArray [ 0 ]
327327} ] ,
328- style :[ this . dotStyles , ! this . boolDisabled && this . disabledArray [ 0 ] ?this . disabledDotStyles [ 0 ] :null , this . sliderStyles [ 0 ] , this . focusFlag && this . focusSlider === 0 ?this . focusStyles [ 0 ] :null ]
329- } , [ h ( 'div' , {
328+ style :this . dotStyles
329+ } , [ this . _t ( 'dot' , [ h ( 'div' , {
330+ staticClass :'slider-dot-handle' ,
331+ style :[ ! this . boolDisabled && this . disabledArray [ 0 ] ?this . disabledDotStyles [ 0 ] :null , this . sliderStyles [ 0 ] , this . focusFlag && this . focusSlider === 0 ?this . focusStyles [ 0 ] :null ]
332+ } ) ] , {
333+ index :0 ,
334+ value :this . val [ 0 ] ,
335+ disabled :this . disabledArray [ 0 ]
336+ } ) , h ( 'div' , {
330337ref :'tooltip0' ,
331338staticClass :'slider-tooltip-wrap' ,
332339class :"slider-tooltip-" . concat ( this . tooltipDirection [ 0 ] )
@@ -347,8 +354,15 @@ var Slider = {
347354'slider-dot-dragging' :this . flag && this . currentSlider === 1 ,
348355'slider-dot-disabled' :! this . boolDisabled && this . disabledArray [ 1 ]
349356} ] ,
350- style :[ this . dotStyles , ! this . boolDisabled && this . disabledArray [ 1 ] ?this . disabledDotStyles [ 1 ] :null , this . sliderStyles [ 1 ] , this . focusFlag && this . focusSlider === 1 ?this . focusStyles [ 1 ] :null ]
351- } , [ h ( 'div' , {
357+ style :this . dotStyles
358+ } , [ this . _t ( 'dot' , [ h ( 'div' , {
359+ staticClass :'slider-dot-handle' ,
360+ style :[ ! this . boolDisabled && this . disabledArray [ 1 ] ?this . disabledDotStyles [ 1 ] :null , this . sliderStyles [ 1 ] , this . focusFlag && this . focusSlider === 1 ?this . focusStyles [ 1 ] :null ]
361+ } ) ] , {
362+ index :1 ,
363+ value :this . val [ 1 ] ,
364+ disabled :this . disabledArray [ 1 ]
365+ } ) , h ( 'div' , {
352366ref :'tooltip1' ,
353367staticClass :'slider-tooltip-wrap' ,
354368class :"slider-tooltip-" . concat ( this . tooltipDirection [ 1 ] )
@@ -369,8 +383,14 @@ var Slider = {
369383'slider-dot-focus' :this . focusFlag && this . focusSlider === 0 ,
370384'slider-dot-dragging' :this . flag && this . currentSlider === 0
371385} ] ,
372- style :[ this . dotStyles , this . sliderStyles , this . focusFlag && this . focusSlider === 0 ?this . focusStyles :null ]
373- } , [ h ( 'div' , {
386+ style :this . dotStyles
387+ } , [ this . _t ( 'dot' , [ h ( 'div' , {
388+ staticClass :'slider-dot-handle' ,
389+ style :[ this . sliderStyles , this . focusFlag && this . focusSlider === 0 ?this . focusStyles :null ]
390+ } ) ] , {
391+ value :this . val ,
392+ disabled :this . boolDisabled
393+ } ) , h ( 'div' , {
374394staticClass :'slider-tooltip-wrap' ,
375395class :"slider-tooltip-" . concat ( this . tooltipDirection )
376396} , [ this . _t ( 'tooltip' , [ h ( 'span' , {
@@ -637,6 +657,24 @@ var Slider = {
637657return this . isRange ?[ this . focusStyle , this . focusStyle ] :this . focusStyle ;
638658}
639659} ,
660+ disabledDotStyles :function disabledDotStyles ( ) {
661+ var disabledStyle = this . disabledDotStyle ;
662+
663+ if ( isArray ( disabledStyle ) ) {
664+ return disabledStyle ;
665+ } else if ( typeof disabledStyle === 'function' ) {
666+ var style = disabledStyle ( this . val , this . currentIndex ) ;
667+ return isArray ( style ) ?style :[ style , style ] ;
668+ } else if ( disabledStyle ) {
669+ return [ disabledStyle , disabledStyle ] ;
670+ } else {
671+ return [ {
672+ backgroundColor :'#ccc'
673+ } , {
674+ backgroundColor :'#ccc'
675+ } ] ;
676+ }
677+ } ,
640678elemStyles :function elemStyles ( ) {
641679return this . direction === 'vertical' ?{
642680width :"" . concat ( this . width , "px" ) ,
@@ -1129,7 +1167,7 @@ var Slider = {
11291167blurSlider :function blurSlider ( e ) {
11301168var dot = this . isRange ?this . $refs [ "dot" . concat ( this . focusSlider ) ] :this . $refs . dot ;
11311169
1132- if ( ! dot || dot === e . target ) {
1170+ if ( ! dot || dot === e . target || dot . contains ( e . target ) ) {
11331171return false ;
11341172}
11351173