feat: Extract the button element

DouyinFE · Jun 11, 2024 · ffe1c5f · ffe1c5f
1 parent 12837dc
commit ffe1c5f
Showing 1 changed file with 12 additions and 18 deletions.
diff --git a/packages/semi-ui/tabs/TabBar.tsx b/packages/semi-ui/tabs/TabBar.tsx
@@ -182,6 +182,16 @@ class TabBar extends React.Component<TabBarProps, TabBarState> {
             </Dropdown.Menu>
         );
 
+        const button = (
+            <div role="presentation" className={arrowCls} onClick={(e): void => this.handleArrowClick(items, pos)}>
+                <Button
+                    disabled={disabled}
+                    icon={icon}
+                    theme="borderless"
+                />
+            </div>
+        );
+
         const dropdownCls = cls(dropdownClassName, {
             [`${cssClasses.TABS_BAR}-dropdown`]: true,
         });
@@ -201,25 +211,9 @@ class TabBar extends React.Component<TabBarProps, TabBarState> {
                         trigger={'hover'}
                         disableFocusListener // prevent the panel from popping up again after clicking
                     >
-                        <div role="presentation" className={arrowCls} onClick={(e): void => this.handleArrowClick(items, pos)}>
-                            <Button
-                                disabled={disabled}
-                                icon={icon}
-                                // size="small"
-                                theme="borderless"
-                            />
-                        </div>
+                        {button}
                     </Dropdown>
-                ) : (
-                    <div role="presentation" className={arrowCls} onClick={(e): void => this.handleArrowClick(items, pos)}>
-                        <Button
-                            disabled={disabled}
-                            icon={icon}
-                            // size="small"
-                            theme="borderless"
-                        />
-                    </div>
-                )}
+                ) : (button)}
             </>
         );
     };