From 2c60a2c5aac8ef046c7486c2a16f4e55ab983dec Mon Sep 17 00:00:00 2001
From: Amour1688 <lcz_1996@foxmail.com>
Date: Sun, 18 Oct 2020 22:16:36 +0800
Subject: [PATCH] refactor: slider to ts

---
 components/vc-align/util.js                      | 1 +
 components/vc-slider/src/Handle.jsx              | 5 +++--
 components/vc-slider/src/common/createSlider.jsx | 5 +++--
 3 files changed, 7 insertions(+), 4 deletions(-)

diff --git a/components/vc-align/util.js b/components/vc-align/util.js
index 1fce61b48..def5f0d93 100644
--- a/components/vc-align/util.js
+++ b/components/vc-align/util.js
@@ -1,3 +1,4 @@
+import ResizeObserver from 'resize-observer-polyfill';
 import contains from '../vc-util/Dom/contains';
 export function buffer(fn, ms) {
   let timer;
diff --git a/components/vc-slider/src/Handle.jsx b/components/vc-slider/src/Handle.jsx
index ef73a907e..59a65338a 100644
--- a/components/vc-slider/src/Handle.jsx
+++ b/components/vc-slider/src/Handle.jsx
@@ -1,10 +1,11 @@
+import { defineComponent } from 'vue';
 import classNames from '../../_util/classNames';
 import PropTypes from '../../_util/vue-types';
 import BaseMixin from '../../_util/BaseMixin';
 import { getOptionProps } from '../../_util/props-util';
 import addEventListener from '../../vc-util/Dom/addEventListener';
 
-export default {
+export default defineComponent({
   name: 'Handle',
   mixins: [BaseMixin],
   inheritAttrs: false,
@@ -128,4 +129,4 @@ export default {
     };
     return <div {...handleProps} />;
   },
-};
+});
diff --git a/components/vc-slider/src/common/createSlider.jsx b/components/vc-slider/src/common/createSlider.jsx
index ebab206aa..00b481f6b 100644
--- a/components/vc-slider/src/common/createSlider.jsx
+++ b/components/vc-slider/src/common/createSlider.jsx
@@ -1,3 +1,4 @@
+import { defineComponent } from 'vue';
 import classNames from '../../../_util/classNames';
 import PropTypes from '../../../_util/vue-types';
 import addEventListener from '../../../vc-util/Dom/addEventListener';
@@ -34,7 +35,7 @@ export default function createSlider(Component) {
     activeDotStyle: PropTypes.object,
     autofocus: PropTypes.looseBool,
   };
-  return {
+  return defineComponent({
     name: 'createSlider',
     inheritAttrs: false,
     mixins: [BaseMixin, Component],
@@ -337,5 +338,5 @@ export default function createSlider(Component) {
         </div>
       );
     },
-  };
+  });
 }