From c1d3a9437106d967a62cd822b35cfd5f933fe2d5 Mon Sep 17 00:00:00 2001
From: sedice <33471933+sedice@users.noreply.github.com>
Date: Sun, 23 Oct 2022 03:17:50 +0800
Subject: [PATCH] =?UTF-8?q?refactor:=20=E9=87=8D=E6=9E=84button=E4=BB=A3?=
 =?UTF-8?q?=E7=A0=81props=E7=9A=84=E5=BC=95=E5=85=A5=E6=96=B9=E5=BC=8F?=
 =?UTF-8?q?=EF=BC=8C=E8=8E=B7=E5=8F=96=E6=9B=B4=E4=BC=98=E9=9B=85=E7=9A=84?=
 =?UTF-8?q?=E7=B1=BB=E5=9E=8B=E6=8F=90=E7=A4=BA=20(#2302)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Co-authored-by: zengqinglong <1107238436@qq.com>
---
 src/components/Button/src/BasicButton.vue | 3 ++-
 src/components/Button/src/props.ts        | 9 ++++++++-
 2 files changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/components/Button/src/BasicButton.vue b/src/components/Button/src/BasicButton.vue
index 73f0c449f..5abcf1eb2 100644
--- a/src/components/Button/src/BasicButton.vue
+++ b/src/components/Button/src/BasicButton.vue
@@ -10,14 +10,15 @@
 
 <script lang="ts">
   import { defineComponent } from 'vue';
+  import { Button } from 'ant-design-vue';
   export default defineComponent({
     name: 'AButton',
+    extends: Button,
     inheritAttrs: false,
   });
 </script>
 <script lang="ts" setup>
   import { computed, unref } from 'vue';
-  import { Button } from 'ant-design-vue';
   import Icon from '/@/components/Icon/src/Icon.vue';
   import { buttonProps } from './props';
   import { useAttrs } from '/@/hooks/core/useAttrs';
diff --git a/src/components/Button/src/props.ts b/src/components/Button/src/props.ts
index d79d378af..806d39577 100644
--- a/src/components/Button/src/props.ts
+++ b/src/components/Button/src/props.ts
@@ -1,5 +1,12 @@
+const validColors = ['error', 'warning', 'success', ''] as const;
+type ButtonColorType = typeof validColors[number];
+
 export const buttonProps = {
-  color: { type: String, validator: (v) => ['error', 'warning', 'success', ''].includes(v) },
+  color: {
+    type: String as PropType<ButtonColorType>,
+    validator: (v) => validColors.includes(v),
+    default: '',
+  },
   loading: { type: Boolean },
   disabled: { type: Boolean },
   /**