The slider min and max could overlap each other

[gitmibrahim]

• [ ] I'm sure this does not appear in the issue list of the repository

Basic Info

• Package Name And Version: @arco-design/web-vue@2.54.3
• Framework version: vue 3
• Browser: chrome120.0.0.0
• Reproduction Link: https://arco.design/vue/en-US/component/slider#range

What is expected?

They don't overlap; the min couldn't pass the max and so the max couldn't go behind the min

Steps to reproduce

For a range slider:

• make the min exceeds the max or the max goes behind the min.

[Summer-Shen]

Hello, could you kindly clarify the intended meaning of min and max? Specifically, are you referring to:

<template>
  <a-slider
    v-model="value"
    :style="{ width: '300px' }"
    range
    min="100"
    max="0"
  />
</template>

<script>
import { ref } from 'vue';

export default {
  setup() {
    const value = ref([5, 10]);
    return { value };
  },
};
</script>

[gitmibrahim]

Nope, the min and max thumbs of the slider

[oljc]

Nope, the min and max thumbs of the slider

@gitmibrahim @Summer-Shen I get it. Let me handle it.🫶🏻

[gitmibrahim]

@LIjiAngChen8 I'm ready to contribute and take your feedback if u hadn't put an effort yet, please let me know.

[oljc]

@LIjiAngChen8 I'm ready to contribute and take your feedback if u hadn't put an effort yet, please let me know.

@gitmibrahim Ok Great, looking forward to your PR!