fix: 🐛 修复Slider组件max和min变化时滑块和进度条未更新的问题 (#276)

Author: Creat55

src/uni_modules/wot-design-uni/components/wd-slider/wd-slider.vue

@@ -102,6 +102,7 @@ watch(
     } else {
       maxValue.value = newValue // 更新最大值
     }
+    calcBarPercent()
   },
   { immediate: true }
 )
@@ -116,6 +117,7 @@ watch(
     } else {
       minValue.value = newValue // 更新最小值
     }
+    calcBarPercent()
   },
   { immediate: true }
 )
@@ -328,6 +330,16 @@ function formatPercent(value: number) {
   const percentage = ((value - minValue.value) / (maxValue.value - minValue.value)) * 100
   return percentage
 }
+// 计算滑块位置和进度长度
+function calcBarPercent() {
+  const { modelValue } = props
+  let value = !isArray(modelValue) ? format(modelValue) : leftBarPercent.value < rightBarPercent.value ? format(modelValue[0]) : format(modelValue[1])
+  value = format(value)
+  // 把 value 转换成百分比
+  const percent = formatPercent(value)
+  leftBarPercent.value = percent
+  barStyle.value = `width: ${percent}%; height: ${barHeight.value};`
+}
 </script>
 <style lang="scss" scoped>
 @import './index.scss';