blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-04-06 03:57:59 +08:00
Code Issues Projects Releases Wiki Activity

chore(Slider): adjust var naming

Browse Source
This commit is contained in:
chenjiahan 2020-09-17 19:41:54 +08:00
parent 39c68c993a
commit e4798138cb
1 changed files with 9 additions and 9 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

18
src/slider/index.js
View File

@ -14,9 +14,9 @@ const [createComponent, bem] = createNamespace('slider');
export default createComponent({ export default createComponent({
props: { props: {
range: Boolean,
disabled: Boolean, disabled: Boolean,
vertical: Boolean, vertical: Boolean,
range: Boolean,
barHeight: [Number, String], barHeight: [Number, String],
buttonSize: [Number, String], buttonSize: [Number, String],
activeColor: String, activeColor: String,
@ -43,8 +43,8 @@ export default createComponent({
setup(props, { emit, slots }) { setup(props, { emit, slots }) {
let startValue; let startValue;
let buttonIndex;
let currentValue; let currentValue;
let index;
const root = ref(); const root = ref();
const dragStatus = ref(); const dragStatus = ref();
@ -188,7 +188,7 @@ export default createComponent({
const diff = (delta / total) * scope.value; const diff = (delta / total) * scope.value;
if (props.range) { if (props.range) {
currentValue[index] = startValue[index] + diff; currentValue[buttonIndex] = startValue[buttonIndex] + diff;
} else { } else {
currentValue = startValue + diff; currentValue = startValue + diff;
} }
@ -208,11 +208,11 @@ export default createComponent({
dragStatus.value = ''; dragStatus.value = '';
}; };
const renderButton = (i) => { const renderButton = (index) => {
const map = ['left', 'right'];
const getClassName = () => { const getClassName = () => {
if (typeof i === 'number') { if (typeof index === 'number') {
return `button-wrapper-${map[i]}`; const position = ['left', 'right'];
return `button-wrapper-${position[index]}`;
} }
return `button-wrapper`; return `button-wrapper`;
}; };
@ -227,9 +227,9 @@ export default createComponent({
aria-valuemax={props.max} aria-valuemax={props.max}
aria-orientation={props.vertical ? 'vertical' : 'horizontal'} aria-orientation={props.vertical ? 'vertical' : 'horizontal'}
onTouchstart={(e) => { onTouchstart={(e) => {
if (typeof i === 'number') { if (typeof index === 'number') {
// 保存当前按钮的索引 // 保存当前按钮的索引
index = i; buttonIndex = index;
} }
onTouchStart(e); onTouchStart(e);
}} }}