From 5e87650fe29142276d9f1bd25c89936b4518eeaa Mon Sep 17 00:00:00 2001
From: landluck <landl_ww@163.com>
Date: Mon, 31 Oct 2022 13:05:36 +0800
Subject: [PATCH] fix(slider): fix slider can't swipe (#5079)

Co-authored-by: liuhaihonggia <liuhaihong@youzan.com>
---
 build/dev.mjs            |  2 +-
 packages/slider/index.ts | 15 ++++++++++++---
 2 files changed, 13 insertions(+), 4 deletions(-)

diff --git a/build/dev.mjs b/build/dev.mjs
index ecdce349..e52b7686 100644
--- a/build/dev.mjs
+++ b/build/dev.mjs
@@ -1,6 +1,6 @@
 import { dirname, resolve } from 'path';
 import { fileURLToPath } from 'url';
-import { dev } from '@vant/cli';
+import { dev } from '@vant/cli/lib/commands/dev.js';
 import { exec } from 'child_process';
 
 const __dirname = dirname(fileURLToPath(import.meta.url));
diff --git a/packages/slider/index.ts b/packages/slider/index.ts
index 9ca6030f..84ae770f 100644
--- a/packages/slider/index.ts
+++ b/packages/slider/index.ts
@@ -193,15 +193,24 @@ VantComponent({
       return max - min;
     },
 
+    getOffsetWidth(current: number, min: number) {
+      const scope = this.getScope();
+      
+      // 避免最小值小于最小step时出现负数情况
+      return `${Math.max((current - min) * 100 / scope, 0)}%`;
+    },
+
+
     // 计算选中条的长度百分比
     calcMainAxis() {
       const { value } = this;
       const { min } = this.data;
-      const scope = this.getScope();
+
       if (this.isRange(value)) {
-        return `${((value[1] - value[0]) * 100) / scope}%`;
+        return this.getOffsetWidth(value[1], value[0]);
       }
-      return `${((value - Number(min)) * 100) / scope}%`;
+  
+      return this.getOffsetWidth(value, Number(min));
     },
 
     // 计算选中条的开始位置的偏移量