✨ feat(ActionIconGroup): items support disable props (#158)

* feat(ActionIconGroup): items support disable * feat(ActionIconGroup): dropdown
lobehub · May 30, 2024 · afb1472 · afb1472
1 parent f7ed374
commit afb1472
Show file tree

Hide file tree

Showing 2 changed files with 5 additions and 0 deletions.
diff --git a/src/ActionIconGroup/demos/data.tsx b/src/ActionIconGroup/demos/data.tsx
@@ -8,6 +8,7 @@ export const items: ActionIconGroupProps['items'] = [
     label: 'Copy',
   },
   {
+    disable: true,
     icon: RotateCw,
     key: 'regenerate',
     label: 'Regenerate',
@@ -21,6 +22,7 @@ export const dropdownMenu: ActionIconGroupProps['dropdownMenu'] = [
     label: 'Copy',
   },
   {
+    disable: true,
     icon: RotateCw,
     key: 'regenerate',
     label: 'Regenerate',

diff --git a/src/ActionIconGroup/index.tsx b/src/ActionIconGroup/index.tsx
@@ -13,6 +13,7 @@ import { DivProps } from '@/types';
 import { useStyles } from './style';
 
 export interface ActionIconGroupItems {
+  disable?: boolean;
   icon: LucideIcon;
   key: string;
   label: string;
@@ -78,6 +79,7 @@ const ActionIconGroup = memo<ActionIconGroupProps>(
         {items?.length > 0 &&
           items.map((item) => (
             <ActionIcon
+              disable={item.disable}
               icon={item.icon}
               key={item.key}
               onClick={
@@ -97,6 +99,7 @@ const ActionIconGroup = memo<ActionIconGroupProps>(
                 if (item.type) return item;
                 return {
                   ...item,
+                  disabled: item.disable,
                   icon: <Icon icon={item.icon} size="small" />,
                   onClick: onActionClick
                     ? (info: ActionEvent) =>