diff --git a/src/step/index.js b/src/step/index.js
index db90f684b..346bcd8ea 100644
--- a/src/step/index.js
+++ b/src/step/index.js
@@ -2,7 +2,7 @@ import { computed } from 'vue';
 import { createNamespace } from '../utils';
 import { BORDER } from '../utils/constant';
 import { STEPS_KEY } from '../steps';
-import { useParent } from '../composition/use-parent';
+import { useParent } from '../composition/use-relation';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('step');
diff --git a/src/steps/index.js b/src/steps/index.js
index d5633d035..0fc6f6a3f 100644
--- a/src/steps/index.js
+++ b/src/steps/index.js
@@ -1,5 +1,5 @@
-import { provide, reactive } from 'vue';
 import { createNamespace } from '../utils';
+import { useChildren } from '../composition/use-relation';
 
 const [createComponent, bem] = createNamespace('steps');
 
@@ -27,13 +27,9 @@ export default createComponent({
   emits: ['click-step'],
 
   setup(props, { emit, slots }) {
-    const children = reactive([]);
+    const { linkChildren } = useChildren(STEPS_KEY);
 
-    provide(STEPS_KEY, {
-      emit,
-      props,
-      children,
-    });
+    linkChildren({ emit, props });
 
     return () => (
       <div class={bem([props.direction])}>