style: format slider

pull/1938/head
tangjinzhou 2020-03-19 22:53:19 +08:00
parent 615b460ee4
commit 78f3531beb
6 changed files with 23 additions and 29 deletions

View File

@ -27,3 +27,6 @@ components/style/color/*.less
.png
.npmrc.template
.huskyrc
.gitmodules
*.png

@ -1 +1 @@
Subproject commit 48d6f869a283826b5ec7bc9a75ea76142d43186c
Subproject commit cf073b5456c67002c02d911b0d50f804d77ee6b1

View File

@ -82,7 +82,7 @@
text-align: center;
list-style: none;
cursor: pointer;
transition: all .3s;
transition: all 0.3s;
user-select: none;
&:last-child::after {

View File

@ -469,7 +469,7 @@
&-menu {
max-height: 250px;
margin-bottom: 0;
padding: @select-dropdown-edge-child-vertical-padding 0; //Change
padding: @select-dropdown-edge-child-vertical-padding 0; //Change
padding-left: 0; // Override default ul/ol
overflow: auto;
list-style: none;

View File

@ -71,27 +71,23 @@ const Range = {
watch: {
value: {
handler(val) {
const { min, max, bounds } = this;
this.setChangeValue(val || bounds, min, max);
const { bounds } = this;
this.setChangeValue(val || bounds);
},
deep: true,
},
min(val) {
const { value = bounds, max } = this;
this.setChangeValue(value, val, max);
min() {
const { value } = this;
this.setChangeValue(value || this.bounds);
},
max(val) {
const { value = bounds, min } = this;
this.setChangeValue(value, min, val);
max() {
const { value } = this;
this.setChangeValue(value || this.bounds);
},
},
methods: {
setChangeValue(value, min, max) {
setChangeValue(value) {
const { bounds } = this;
const minAmaxProps = {
min,
max,
};
const nextBounds = value.map((v, i) =>
trimAlignValue({
value: v,

View File

@ -41,26 +41,21 @@ const Slider = {
watch: {
value: {
handler(val) {
const { min, max } = this;
this.setChangeValue(val, min, max);
this.setChangeValue(val);
},
deep: true,
},
min(val) {
const { sValue, max } = this;
this.setChangeValue(sValue, val, max);
min() {
const { sValue } = this;
this.setChangeValue(sValue);
},
max(val) {
const { sValue, min } = this;
this.setChangeValue(sValue, min, val);
max() {
const { sValue } = this;
this.setChangeValue(sValue);
},
},
methods: {
setChangeValue(value, min, max) {
const minAmaxProps = {
min,
max,
};
setChangeValue(value) {
const newValue = value !== undefined ? value : this.sValue;
const nextValue = this.trimAlignValue(newValue, this.$props);
if (nextValue === this.sValue) return;