refactor: reorganize all components (#8303)

src/steps/Steps.tsx

@@ -1,10 +1,10 @@
-import { PropType } from 'vue';
+import { PropType, defineComponent } from 'vue';
 import { createNamespace } from '../utils';
 import { useChildren } from '@vant/use';
 
-const [createComponent, bem] = createNamespace('steps');
+const [name, bem] = createNamespace('steps');
 
-export const STEPS_KEY = Symbol('Steps');
+export const STEPS_KEY = Symbol(name);
 
 export type StepsDirection = 'horizontal' | 'vertical';
 
@@ -21,7 +21,9 @@ export type StepsProvide = {
   onClickStep: (index: number) => void;
 };
 
-export default createComponent({
+export default defineComponent({
+  name,
+
   props: {
     finishIcon: String,
     activeColor: String,

src/steps/index.ts

@@ -0,0 +1,7 @@
+import { installable } from '../utils';
+import _Steps from './Steps';
+
+const Steps = installable(_Steps);
+
+export default Steps;
+export { Steps };