feat(Slider): add button-size prop

2020-01-27 12:18:36 +08:00
parent 6ddd7ae69b
commit 1e9b8c8466
5 changed files with 41 additions and 4 deletions
@@ -10,6 +10,7 @@ export default createComponent({
  props: {
    disabled: Boolean,
    vertical: Boolean,
+    buttonSize: [Number, String],
    activeColor: String,
    inactiveColor: String,
    min: {
@@ -44,6 +45,17 @@ export default createComponent({
    range() {
      return this.max - this.min;
    },
+
+    buttonStyle() {
+      if (this.buttonSize) {
+        const size = addUnit(this.buttonSize);
+
+        return {
+          width: size,
+          height: size,
+        };
+      }
+    },
  },

  created() {
@@ -173,7 +185,9 @@ export default createComponent({
            aria-orientation={this.vertical ? 'vertical' : 'horizontal'}
            class={bem('button-wrapper')}
          >
-            {this.slots('button') || <div class={bem('button')} />}
+            {this.slots('button') || (
+              <div class={bem('button')} style={this.buttonStyle} />
+            )}
          </div>
        </div>
      </div>