diff --git a/src/packages/__VUE/steps/index.taro.vue b/src/packages/__VUE/steps/index.taro.vue
index c9b00e5557..c868d54155 100644
--- a/src/packages/__VUE/steps/index.taro.vue
+++ b/src/packages/__VUE/steps/index.taro.vue
@@ -1,13 +1,13 @@
 <script lang="ts">
-import { provide, computed, reactive, h, ComponentInternalInstance } from 'vue';
+import { provide, computed, reactive, h, ComponentInternalInstance, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-import { STEPS_KEY } from './types';
+import { STEPS_KEY, StepsDirection } from './types';
 const { create, componentName } = createComponent('steps');
 
 export default create({
   props: {
     direction: {
-      type: String,
+      type: String as PropType<StepsDirection>,
       default: 'horizontal'
     },
     current: {
diff --git a/src/packages/__VUE/steps/index.vue b/src/packages/__VUE/steps/index.vue
index c9b00e5557..c868d54155 100644
--- a/src/packages/__VUE/steps/index.vue
+++ b/src/packages/__VUE/steps/index.vue
@@ -1,13 +1,13 @@
 <script lang="ts">
-import { provide, computed, reactive, h, ComponentInternalInstance } from 'vue';
+import { provide, computed, reactive, h, ComponentInternalInstance, PropType } from 'vue';
 import { createComponent } from '@/packages/utils/create';
-import { STEPS_KEY } from './types';
+import { STEPS_KEY, StepsDirection } from './types';
 const { create, componentName } = createComponent('steps');
 
 export default create({
   props: {
     direction: {
-      type: String,
+      type: String as PropType<StepsDirection>,
       default: 'horizontal'
     },
     current: {
diff --git a/src/packages/__VUE/steps/types.ts b/src/packages/__VUE/steps/types.ts
index a002c60569..ad02293d03 100644
--- a/src/packages/__VUE/steps/types.ts
+++ b/src/packages/__VUE/steps/types.ts
@@ -1 +1,2 @@
 export const STEPS_KEY = Symbol('nut-steps');
+export type StepsDirection = 'horizontal' | 'vertical';