feat: support extra option

assets/index.less

@@ -99,6 +99,14 @@
       color: #777 !important;
     }
   }
+
+  &-item {
+    > span {
+      float: right;
+      font-size: 14px;
+    }
+  }
+
   &-item-divider {
     height: 1px;
     margin: 1px 0;

docs/examples/items.tsx

@@ -11,6 +11,7 @@ export default () => (
         // MenuItem
         label: 'Top Menu Item',
         key: 'top',
+        extra: '⌘B',
       },
       {
         // MenuGroup

src/interface.ts

@@ -49,6 +49,8 @@ export interface MenuItemType extends ItemSharedProps {
 
   itemIcon?: RenderIconType;
 
+  extra?: string;
+
   key: React.Key;
 
   // >>>>> Active

src/utils/nodeUtil.tsx

@@ -20,7 +20,7 @@ function convertItemsToNodes(
   return (list || [])
     .map((opt, index) => {
       if (opt && typeof opt === 'object') {
-        const { label, children, key, type, ...restProps } = opt as any;
+        const { label, children, key, type, extra, ...restProps } = opt as any;
         const mergedKey = key ?? `tmp-${index}`;
 
         // MenuItemGroup & SubMenuItem
@@ -50,6 +50,7 @@ function convertItemsToNodes(
         return (
           <MergedMenuItem key={mergedKey} {...restProps}>
             {label}
+            {!!extra && <span>{extra}</span>}
           </MergedMenuItem>
         );
       }

tests/MenuItem.spec.tsx

@@ -190,5 +190,15 @@ describe('MenuItem', () => {
 
       expect(container.querySelector('li')).toMatchSnapshot();
     });
+
+    it('should set extra to option', () => {
+      const { container } = render(
+        <Menu>
+          <MenuItem extra="⌘B">test</MenuItem>
+        </Menu>,
+      );
+
+      expect(container.querySelector('li')).toMatchSnapshot();
+    });
   });
 });

tests/__snapshots__/MenuItem.spec.tsx.snap

@@ -1,5 +1,17 @@
 // Jest Snapshot v1, https://goo.gl/fbAQLP
 
+exports[`MenuItem overwrite default role should set extra to option 1`] = `
+<li
+  class="rc-menu-item"
+  data-menu-id="rc-menu-uuid-test-tmp_key-0"
+  extra="⌘B"
+  role="menuitem"
+  tabindex="-1"
+>
+  test
+</li>
+`;
+
 exports[`MenuItem overwrite default role should set role to listitem 1`] = `
 <li
   class="rc-menu-item"