fix: icon support to customize (#256)

Author: mortalYoung

src/components/menu/menuItem.tsx

@@ -13,7 +13,7 @@ export interface IMenuItemProps extends HTMLElementProps {
     /**
      * The name of icon
      */
-    icon?: string;
+    icon?: React.ReactNode;
     type?: 'divider';
     /**
      * Item Name

src/components/menu/subMenu.tsx

@@ -33,7 +33,7 @@ export interface ISubMenuProps extends IMenuItemProps {
      * The event of show subMenu, default value is 'hover'
      */
     trigger?: TriggerEvent;
-    icon?: string;
+    icon?: React.ReactNode;
     data?: ISubMenuProps[];
     mode?: MenuMode;
 }
@@ -84,7 +84,11 @@ export function SubMenu(props: React.PropsWithChildren<ISubMenuProps>) {
             {...custom}
         >
             <a className={menuContentClassName}>
-                <Icon className={checkClassName} type={icon || ''} />
+                {typeof icon === 'string' ? (
+                    <Icon className={checkClassName} type={icon || ''} />
+                ) : (
+                    icon
+                )}
                 <span className={labelClassName}>
                     {render ? render(props) : name}
                 </span>

src/services/workbench/explorer/explorerService.ts

@@ -204,7 +204,7 @@ export class ExplorerService
         const nextMenu = headerToolBar?.contextMenu?.concat() || [];
         const currentMenu = nextMenu.find(searchById(id));
         if (currentMenu) {
-            currentMenu.icon = this.toggleIcon(currentMenu.icon);
+            currentMenu.icon = this.toggleIcon(currentMenu.icon as string);
             const next = {
                 ...headerToolBar,
                 contextMenu: nextMenu,

src/workbench/editor/action.tsx

@@ -89,7 +89,11 @@ function EditorAction(props: IEditorActionProps & IEditorController) {
                         title={action.name?.toString()}
                     >
                         {action.icon ? (
-                            <Icon type={action.icon} />
+                            typeof action.icon === 'string' ? (
+                                <Icon type={action.icon} />
+                            ) : (
+                                action.icon
+                            )
                         ) : (
                             action.name
                         )}