drip-public/iview
6
1
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

Slider support Form's disabled

Browse source
This commit is contained in:
梁灏 2019-09-16 21:38:32 +08:00
parent 61b3fd893e
commit 9eeb04fed9
1 changed files with 7 additions and 6 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

13
src/components/slider/slider.vue
View file

@ -7,7 +7,7 @@
:max="max" :max="max"
:step="step" :step="step"
:value="exportValue[0]" :value="exportValue[0]"
:disabled="disabled" :disabled="itemDisabled"
:active-change="activeChange" :active-change="activeChange"
@on-change="handleInputChange"></Input-number> @on-change="handleInputChange"></Input-number>
<div <div
@ -86,13 +86,14 @@
import { getStyle, oneOf } from '../../utils/assist'; import { getStyle, oneOf } from '../../utils/assist';
import { on, off } from '../../utils/dom'; import { on, off } from '../../utils/dom';
import Emitter from '../../mixins/emitter'; import Emitter from '../../mixins/emitter';
import mixinsForm from '../../mixins/form';
import elementResizeDetectorMaker from 'element-resize-detector'; import elementResizeDetectorMaker from 'element-resize-detector';
const prefixCls = 'ivu-slider'; const prefixCls = 'ivu-slider';
export default { export default {
name: 'Slider', name: 'Slider',
mixins: [ Emitter ], mixins: [ Emitter, mixinsForm ],
components: { InputNumber, Tooltip }, components: { InputNumber, Tooltip },
props: { props: {
min: { min: {
@ -200,7 +201,7 @@
{ {
[`${prefixCls}-input`]: this.showInput && !this.range, [`${prefixCls}-input`]: this.showInput && !this.range,
[`${prefixCls}-range`]: this.range, [`${prefixCls}-range`]: this.range,
[`${prefixCls}-disabled`]: this.disabled [`${prefixCls}-disabled`]: this.itemDisabled
} }
]; ];
}, },
@ -280,7 +281,7 @@
return [min, max]; return [min, max];
}, },
getCurrentValue (event, type) { getCurrentValue (event, type) {
if (this.disabled) { if (this.itemDisabled) {
return; return;
} }
@ -304,7 +305,7 @@
} }
}, },
onPointerDown (event, type) { onPointerDown (event, type) {
if (this.disabled) return; if (this.itemDisabled) return;
event.preventDefault(); event.preventDefault();
this.pointerDown = type; this.pointerDown = type;
@ -386,7 +387,7 @@
}, },
sliderClick (event) { sliderClick (event) {
if (this.disabled) return; if (this.itemDisabled) return;
const currentX = this.getPointerX(event); const currentX = this.getPointerX(event);
const sliderOffsetLeft = this.$refs.slider.getBoundingClientRect().left; const sliderOffsetLeft = this.$refs.slider.getBoundingClientRect().left;
let newPos = ((currentX - sliderOffsetLeft) / this.sliderWidth * this.valueRange) + this.min; let newPos = ((currentX - sliderOffsetLeft) / this.sliderWidth * this.valueRange) + this.min;