From 30d32c85adefd9134bad4456cd024f47f7d99950 Mon Sep 17 00:00:00 2001
From: Odboy <tianjun@odboy.cn>
Date: Mon, 2 Feb 2026 19:37:16 +0800
Subject: [PATCH] =?UTF-8?q?feat(CuteButton):=20=E6=B7=BB=E5=8A=A0=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE=E5=9B=BE=E6=A0=87=E6=94=AF=E6=8C=81=E5=92=8C=E5=B0=BA?=
 =?UTF-8?q?=E5=AF=B8=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 将按钮大小从 small 改为 mini
- 添加 icon 属性支持图标显示
- 实现 innerType 计算属性处理不同按钮类型映射
- 实现 innerPlain 计算属性控制按钮样式状态
- 支持 primary、secondary、normal、text 四种按钮类型
- 保持原有 click 事件功能不变
---
 .../src/views/components/dev/CuteButton.vue   | 46 ++++++++++++++++++-
 1 file changed, 44 insertions(+), 2 deletions(-)

diff --git a/cutejava-front/src/views/components/dev/CuteButton.vue b/cutejava-front/src/views/components/dev/CuteButton.vue
index f84ba58b..a4e297f5 100644
--- a/cutejava-front/src/views/components/dev/CuteButton.vue
+++ b/cutejava-front/src/views/components/dev/CuteButton.vue
@@ -6,10 +6,12 @@
  -->
 <template>
   <el-button
-    :type="type"
-    size="small"
+    :type="innerType"
+    :plain="innerPlain"
+    size="mini"
     :disabled="disabled"
     :loading="loading"
+    :icon="icon"
     @click="handleClick"
   >
     <slot />
@@ -24,6 +26,10 @@ export default {
       type: String,
       default: 'primary'
     },
+    icon: {
+      type: String,
+      default: ''
+    },
     disabled: {
       type: Boolean,
       default: false
@@ -33,6 +39,42 @@ export default {
       default: false
     }
   },
+  computed: {
+    innerType() {
+      if (this.type) {
+        if (this.type === 'primary') {
+          return 'primary'
+        }
+        if (this.type === 'secondary') {
+          return 'primary'
+        }
+        if (this.type === 'normal') {
+          return null
+        }
+        if (this.type === 'text') {
+          return 'text'
+        }
+      }
+      return null
+    },
+    innerPlain() {
+      if (this.type) {
+        if (this.type === 'primary') {
+          return false
+        }
+        if (this.type === 'secondary') {
+          return true
+        }
+        if (this.type === 'normal') {
+          return false
+        }
+        if (this.type === 'text') {
+          return false
+        }
+      }
+      return false
+    }
+  },
   methods: {
     handleClick(event) {
       this.$emit('click', event)