feat(form): add Slider demo (#555)

木头锤纸

2021-04-28 e80280fb81b0bcdd74066c08fd4403e36b00b026

feat(form): add Slider demo (#555)

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

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

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

 src/components/Form/src/componentMap.ts

@@ -16,6 +16,7 @@
  Switch,
  TimePicker,
  TreeSelect,
  Slider
} from 'ant-design-vue';

import RadioButtonGroup from './components/RadioButtonGroup.vue';
@@ -44,6 +45,7 @@
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);

 src/components/Form/src/types/index.ts

@@ -108,4 +108,5 @@
  | 'StrengthMeter'
  | 'Upload'
  | 'IconPicker'
  | 'Render';
  | 'Render'
  | 'Slider';

 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({