✨ feat: ActionIconGorup items support loading (#376)

huangkairan · web-flow · commit ef8388db2730 · 2025-06-18T16:02:10.000+08:00
diff --git a/src/ActionIconGroup/ActionIconGroup.tsx b/src/ActionIconGroup/ActionIconGroup.tsx
@@ -78,12 +78,13 @@ const ActionIconGroup = memo<ActionIconGroupProps>(
       >
         {items?.length > 0 &&
           items.map((item) => {
-            const { icon, key, label, onClick, danger, ...itemRest } = item;
+            const { icon, key, label, onClick, danger, loading, ...itemRest } = item;
             return (
               <ActionIcon
                 danger={danger}
                 icon={icon}
                 key={key}
+                loading={loading}
                 onClick={(e) => {
                   onActionClick?.({
                     domEvent: e,
@@ -98,7 +99,7 @@ const ActionIconGroup = memo<ActionIconGroupProps>(
                   placement: tooltipPlacement,
                 }}
                 {...actionIconProps}
-                disabled={disabled || itemRest?.disabled}
+                disabled={disabled || loading || itemRest?.disabled}
               />
             );
           })}
diff --git a/src/ActionIconGroup/demos/data.tsx b/src/ActionIconGroup/demos/data.tsx
@@ -6,6 +6,7 @@ export const items: ActionIconGroupProps['items'] = [
     icon: Copy,
     key: 'copy',
     label: 'Copy',
+    loading: true,
   },
   {
     disabled: true,
diff --git a/src/Menu/type.ts b/src/Menu/type.ts
@@ -12,6 +12,7 @@ import type { IconContentConfig, IconProps } from '@/Icon';
 export interface MenuItemType extends RcMenuItemType {
   danger?: boolean;
   icon?: IconProps['icon'];
+  loading?: boolean;
   title?: string;
 }
 export interface SubMenuType<T extends MenuItemType = MenuItemType>

Original file line number	Diff line number	Diff line change
`@@ -6,6 +6,7 @@ export const items: ActionIconGroupProps['items'] = [`
`6`	`6`	`icon: Copy,`
`7`	`7`	`key: 'copy',`
`8`	`8`	`label: 'Copy',`
	`9`	`+ loading: true,`
`9`	`10`	`},`
`10`	`11`	`{`
`11`	`12`	`disabled: true,`
Original file line number	Diff line number	Diff line change
`@@ -12,6 +12,7 @@ import type { IconContentConfig, IconProps } from '@/Icon';`
`12`	`12`	`export interface MenuItemType extends RcMenuItemType {`
`13`	`13`	`danger?: boolean;`
`14`	`14`	`icon?: IconProps['icon'];`
	`15`	`+ loading?: boolean;`
`15`	`16`	`title?: string;`
`16`	`17`	`}`
`17`	`18`	`export interface SubMenuType<T extends MenuItemType = MenuItemType>`