diff --git a/src/action-bar-button/index.js b/src/action-bar-button/index.js
index e345ec38e..10b916748 100644
--- a/src/action-bar-button/index.js
+++ b/src/action-bar-button/index.js
@@ -3,7 +3,7 @@ import { createNamespace } from '../utils';
 import { ACTION_BAR_KEY } from '../action-bar';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
diff --git a/src/action-bar-icon/index.tsx b/src/action-bar-icon/index.tsx
index a36f110af..68e18e74d 100644
--- a/src/action-bar-icon/index.tsx
+++ b/src/action-bar-icon/index.tsx
@@ -2,7 +2,7 @@ import { createNamespace } from '../utils';
 import { ACTION_BAR_KEY } from '../action-bar';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
diff --git a/src/col/index.tsx b/src/col/index.tsx
index b6751bee7..3d5cc693e 100644
--- a/src/col/index.tsx
+++ b/src/col/index.tsx
@@ -1,6 +1,6 @@
 import { computed, PropType } from 'vue';
 import { createNamespace } from '../utils';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { ROW_KEY, RowProvide } from '../row';
 
 const [createComponent, bem] = createNamespace('col');
diff --git a/src/collapse-item/index.js b/src/collapse-item/index.js
index 01b7362ce..3f4c9de8e 100644
--- a/src/collapse-item/index.js
+++ b/src/collapse-item/index.js
@@ -5,7 +5,7 @@ import { createNamespace } from '../utils';
 import { raf, doubleRaf } from '../utils/dom/raf';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { useLazyRender } from '../composition/use-lazy-render';
 
 // Components
diff --git a/src/composition/use-relation.ts b/src/composition/use-parent.ts
similarity index 100%
rename from src/composition/use-relation.ts
rename to src/composition/use-parent.ts
diff --git a/src/dropdown-item/index.js b/src/dropdown-item/index.js
index 57e03ecc2..0dc4812d3 100644
--- a/src/dropdown-item/index.js
+++ b/src/dropdown-item/index.js
@@ -5,7 +5,7 @@ import { createNamespace } from '../utils';
 import { DROPDOWN_KEY } from '../dropdown-menu';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { useExpose } from '../composition/use-expose';
 
 // Components
diff --git a/src/field/index.js b/src/field/index.js
index acc2b4dc3..fe741fef6 100644
--- a/src/field/index.js
+++ b/src/field/index.js
@@ -23,7 +23,7 @@ import {
 
 // Composition
 import { useExpose } from '../composition/use-expose';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 
 // Components
 import Icon from '../icon';
diff --git a/src/grid-item/index.js b/src/grid-item/index.js
index d98585982..992c148c4 100644
--- a/src/grid-item/index.js
+++ b/src/grid-item/index.js
@@ -6,7 +6,7 @@ import { BORDER } from '../utils/constant';
 import { GRID_KEY } from '../grid';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { useRoute, routeProps } from '../composition/use-route';
 
 // Components
diff --git a/src/index-anchor/index.js b/src/index-anchor/index.js
index fb71ad238..a5f56f3ec 100644
--- a/src/index-anchor/index.js
+++ b/src/index-anchor/index.js
@@ -7,7 +7,7 @@ import { INDEX_BAR_KEY } from '../index-bar';
 
 // Composition
 import { useHeight } from '../composition/use-rect';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 
 const [createComponent, bem] = createNamespace('index-anchor');
 
diff --git a/src/picker/PickerColumn.js b/src/picker/PickerColumn.js
index 54d5a18df..ea117d4e9 100644
--- a/src/picker/PickerColumn.js
+++ b/src/picker/PickerColumn.js
@@ -9,7 +9,7 @@ import { preventDefault } from '../utils/dom/event';
 
 // Composition
 import { useTouch } from '../composition/use-touch';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 
 const DEFAULT_DURATION = 200;
 
diff --git a/src/sidebar-item/index.js b/src/sidebar-item/index.js
index fa3abfad5..22ae3b7e1 100644
--- a/src/sidebar-item/index.js
+++ b/src/sidebar-item/index.js
@@ -1,6 +1,6 @@
 import { createNamespace } from '../utils';
 import { useRoute, routeProps } from '../composition/use-route';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { SIDEBAR_KEY } from '../sidebar';
 import Badge from '../badge';
 
diff --git a/src/step/index.js b/src/step/index.js
index 346bcd8ea..db90f684b 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-relation';
+import { useParent } from '../composition/use-parent';
 import Icon from '../icon';
 
 const [createComponent, bem] = createNamespace('step');
diff --git a/src/swipe-item/index.js b/src/swipe-item/index.js
index 184cf8cc5..13d1f67a8 100644
--- a/src/swipe-item/index.js
+++ b/src/swipe-item/index.js
@@ -1,7 +1,7 @@
 import { computed, nextTick, onMounted, reactive } from 'vue';
 import { SWIPE_KEY } from '../swipe';
 import { createNamespace } from '../utils';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 
 const [createComponent, bem] = createNamespace('swipe-item');
 
diff --git a/src/tab/index.js b/src/tab/index.js
index bf70d76f5..3a3b49b29 100644
--- a/src/tab/index.js
+++ b/src/tab/index.js
@@ -4,7 +4,7 @@ import { TABS_KEY } from '../tabs';
 
 // Composition
 import { routeProps } from '../composition/use-route';
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 
 const [createComponent, bem] = createNamespace('tab');
 
diff --git a/src/tabbar-item/index.js b/src/tabbar-item/index.js
index 9a88a9b49..01ef863a0 100644
--- a/src/tabbar-item/index.js
+++ b/src/tabbar-item/index.js
@@ -5,7 +5,7 @@ import { TABBAR_KEY } from '../tabbar';
 import { createNamespace, isObject, isDef } from '../utils';
 
 // Composition
-import { useParent } from '../composition/use-relation';
+import { useParent } from '../composition/use-parent';
 import { routeProps, useRoute } from '../composition/use-route';
 
 // Components