From 7e270a07f8f8fae4e5569df52f9f95f14ee9e491 Mon Sep 17 00:00:00 2001
From: RedPig97 <1978141412@qq.com>
Date: Sun, 7 Apr 2024 09:06:51 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=B7=A5=E5=85=B7=E6=A0=8F=E6=94=AF?=
 =?UTF-8?q?=E6=8C=81=E6=8C=89=E9=92=AE=E6=A0=B7=E5=BC=8F?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/control/toolbar/toolbar.tsx | 24 +++++++++++++++++++++---
 1 file changed, 21 insertions(+), 3 deletions(-)

diff --git a/src/control/toolbar/toolbar.tsx b/src/control/toolbar/toolbar.tsx
index 1e1a9000..6c30e76c 100644
--- a/src/control/toolbar/toolbar.tsx
+++ b/src/control/toolbar/toolbar.tsx
@@ -128,6 +128,9 @@ export const ToolbarControl = defineComponent({
                       ></IBizExportExcel>
                     );
                   }
+                  const buttonType = (
+                    item2 as IDETBUIActionItem
+                  ).buttonStyle?.toLowerCase();
                   return (
                     <el-menu-item
                       class={[
@@ -135,6 +138,7 @@ export const ToolbarControl = defineComponent({
                           'loading',
                           c.state.buttonsState[item2.id!].loading,
                         ),
+                        ns.em('item', buttonType),
                       ]}
                       index={`menuitem${item2.id}`}
                       disabled={c.state.buttonsState[item2.id!].disabled}
@@ -144,6 +148,8 @@ export const ToolbarControl = defineComponent({
                       }
                     >
                       <el-button
+                        text={Object.is(buttonType, 'inverse')}
+                        type={buttonType}
                         loading={c.state.buttonsState[item2.id!].loading}
                       >
                         {btnContent(item2)}
@@ -158,8 +164,17 @@ export const ToolbarControl = defineComponent({
               });
             },
             title: () => {
+              const buttonType = (
+                item as IDETBUIActionItem
+              ).buttonStyle?.toLowerCase();
               return (
-                <el-button loading={loading}>{btnContent(item)}</el-button>
+                <el-button
+                  text={Object.is(buttonType, 'inverse')}
+                  type={buttonType}
+                  loading={loading}
+                >
+                  {btnContent(item)}
+                </el-button>
               );
             },
           }}
@@ -219,7 +234,7 @@ export const ToolbarControl = defineComponent({
             <el-button
               title={item.tooltip}
               size={btnSize.value}
-              text={Object.is(buttonType, 'INVERSE')}
+              text={Object.is(buttonType, 'inverse')}
               type={buttonType}
               loading={c.state.buttonsState[itemId].loading}
               disabled={c.state.buttonsState[itemId].disabled}
@@ -231,10 +246,13 @@ export const ToolbarControl = defineComponent({
         );
       }
       if (item.itemType === 'ITEMS') {
+        const buttonType = (
+          item as IDETBUIActionItem
+        ).buttonStyle?.toLowerCase();
         return (
           <el-menu
             mode='horizontal'
-            class={[ns.e('menu')]}
+            class={[ns.e('menu'), ns.em('item', buttonType)]}
             ellipsis={false}
             menu-trigger='hover'
           >
-- 
Gitee