diff --git a/packages/web-vue/components/button/button-group.vue b/packages/web-vue/components/button/button-group.vue
index c28204488..a31f85128 100644
--- a/packages/web-vue/components/button/button-group.vue
+++ b/packages/web-vue/components/button/button-group.vue
@@ -6,7 +6,8 @@
 
 <script lang="ts">
 import { defineComponent, PropType, provide, reactive, toRefs } from 'vue';
-import { Status, Size } from '../_utils/constant';
+import { Status, Size, BorderShape } from '../_utils/constant';
+import { ButtonTypes } from './constants';
 import { getPrefixCls } from '../_utils/global-config';
 import { buttonGroupInjectionKey } from './context';
 
@@ -18,9 +19,7 @@ export default defineComponent({
      * @en Children button types are divided into five types: secondary, primary, dashed, outline and text.
      */
     type: {
-      type: String as PropType<
-        'primary' | 'secondary' | 'outline' | 'dashed' | 'text'
-      >,
+      type: String as PropType<ButtonTypes>,
     },
     /**
      * @zh 按钮的状态
@@ -35,7 +34,7 @@ export default defineComponent({
      * @en Button shape
      */
     shape: {
-      type: String as PropType<'square' | 'round' | 'circle'>,
+      type: String as PropType<BorderShape>,
     },
     /**
      * @zh 按钮的尺寸
diff --git a/packages/web-vue/components/button/button.vue b/packages/web-vue/components/button/button.vue
index 97446fd88..75597802f 100644
--- a/packages/web-vue/components/button/button.vue
+++ b/packages/web-vue/components/button/button.vue
@@ -41,7 +41,8 @@
  */
 import type { PropType } from 'vue';
 import { defineComponent, computed, toRefs, inject } from 'vue';
-import { Status, Size } from '../_utils/constant';
+import { Status, Size, BorderShape } from '../_utils/constant';
+import { ButtonTypes } from './constants';
 import { getPrefixCls } from '../_utils/global-config';
 import { isString } from '../_utils/is';
 import IconLoading from '../icon/icon-loading';
@@ -61,16 +62,14 @@ export default defineComponent({
      * @defaultValue 'secondary'
      */
     type: {
-      type: String as PropType<
-        'primary' | 'secondary' | 'outline' | 'dashed' | 'text'
-      >,
+      type: String as PropType<ButtonTypes>,
     },
     /**
      * @zh 按钮的形状
      * @en Button shape
      */
     shape: {
-      type: String as PropType<'square' | 'round' | 'circle'>,
+      type: String as PropType<BorderShape>,
     },
     /**
      * @zh 按钮的状态
diff --git a/packages/web-vue/components/button/interface.ts b/packages/web-vue/components/button/interface.ts
index d83a65f39..9405d5782 100644
--- a/packages/web-vue/components/button/interface.ts
+++ b/packages/web-vue/components/button/interface.ts
@@ -1,8 +1,9 @@
-import { Size, Status } from '../_utils/constant';
+import { Size, Status, BorderShape } from '../_utils/constant';
+import { ButtonTypes } from './constants';
 
 export interface ButtonProps {
-  type?: 'primary' | 'secondary' | 'outline' | 'dashed' | 'text';
-  shape?: 'square' | 'round' | 'circle';
+  type?: ButtonTypes;
+  shape?: BorderShape;
   status?: Status;
   size?: Size;
   long?: boolean;