From e80280fb81b0bcdd74066c08fd4403e36b00b026 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E6=9C=A8=E5=A4=B4=E9=94=A4=E7=BA=B8?= <e11141231@163.com>
Date: Wed, 28 Apr 2021 20:33:44 +0800
Subject: [PATCH] feat(form): add Slider demo (#555)
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

* feat(function): add 增加Slider滑动输入条组件

* feat(function): add 增加Slider滑动输入条组件demo

* feat(function): add 增加Slider滑动输入条组件demo
---
 src/components/Form/src/componentMap.ts |  2 ++
 src/components/Form/src/types/index.ts  |  3 ++-
 src/views/demo/form/index.vue           | 17 +++++++++++++++++
 3 files changed, 21 insertions(+), 1 deletion(-)

diff --git a/src/components/Form/src/componentMap.ts b/src/components/Form/src/componentMap.ts
index 67be8964..9fab16d7 100644
--- a/src/components/Form/src/componentMap.ts
+++ b/src/components/Form/src/componentMap.ts
@@ -16,6 +16,7 @@ import {
   Switch,
   TimePicker,
   TreeSelect,
+  Slider
 } from 'ant-design-vue';
 
 import RadioButtonGroup from './components/RadioButtonGroup.vue';
@@ -44,6 +45,7 @@ componentMap.set('RadioGroup', Radio.Group);
 componentMap.set('Checkbox', Checkbox);
 componentMap.set('CheckboxGroup', Checkbox.Group);
 componentMap.set('Cascader', Cascader);
+componentMap.set('Slider', Slider);
 
 componentMap.set('DatePicker', DatePicker);
 componentMap.set('MonthPicker', DatePicker.MonthPicker);
diff --git a/src/components/Form/src/types/index.ts b/src/components/Form/src/types/index.ts
index b150a880..c637bb7c 100644
--- a/src/components/Form/src/types/index.ts
+++ b/src/components/Form/src/types/index.ts
@@ -108,4 +108,5 @@ export type ComponentType =
   | 'StrengthMeter'
   | 'Upload'
   | 'IconPicker'
-  | 'Render';
+  | 'Render'
+  | 'Slider';
diff --git a/src/views/demo/form/index.vue b/src/views/demo/form/index.vue
index 47bef35b..8fb0249d 100644
--- a/src/views/demo/form/index.vue
+++ b/src/views/demo/form/index.vue
@@ -333,6 +333,23 @@
         placeholder: '省份与城市联动',
       },
     },
+    {
+      field: 'field21',
+      component: 'Slider',
+      label: '字段21',
+      componentProps: {
+        min: 0,
+        max: 100,
+        range: true,
+        marks: {
+          20: '20°C',
+          60: '60°C',
+        },
+      },
+      colProps: {
+        span: 8,
+      },
+    },
   ];
 
   export default defineComponent({