chore: update dependencies and import paths to @rc-component packages dependencies (#756)

* chore: update dependencies and import paths to @rc-component packages
dependencies

* chore: update package name to @rc-component/menu

* chore: update import paths to @rc-component/menu in example files

* docs: format

* chore: back of version

* chore: update deps

---------

Co-authored-by: 二货机器人 <[email protected]>

Author: aojunhao123

.prettierrc

@@ -3,6 +3,8 @@
   "semi": true,
   "singleQuote": true,
   "tabWidth": 2,
+  "printWidth": 100,
+  "proseWrap": "never",
   "trailingComma": "all",
   "arrowParens": "avoid"
 }

README.md

@@ -4,12 +4,7 @@
 
 React Menu Component. port from https://github.com/kissyteam/menu
 
-[![NPM version][npm-image]][npm-url]
-[![npm download][download-image]][download-url]
-[![build status][github-actions-image]][github-actions-url]
-[![Codecov][codecov-image]][codecov-url]
-[![bundle size][bundlephobia-image]][bundlephobia-url]
-[![dumi][dumi-image]][dumi-url]
+[![NPM version][npm-image]][npm-url] [![npm download][download-image]][download-url] [![build status][github-actions-image]][github-actions-url] [![Codecov][codecov-image]][codecov-url] [![bundle size][bundlephobia-image]][bundlephobia-url] [![dumi][dumi-image]][dumi-url]
 
 [npm-image]: http://img.shields.io/npm/v/rc-menu.svg?style=flat-square
 [npm-url]: http://npmjs.org/package/rc-menu
@@ -172,7 +167,7 @@ ReactDOM.render(
             <td>openAnimation</td>
             <td>{enter:function,leave:function}|String</td>
             <th></th>
-            <td>animate when sub menu open or close. see rc-motion for object type.</td>
+            <td>animate when sub menu open or close. see @rc-component/motion for object type.</td>
         </tr>
         <tr>
             <td>openTransition</td>

docs/examples/antd.tsx

@@ -1,7 +1,7 @@
 /* eslint-disable no-console, react/require-default-props, no-param-reassign */
 
 import React from 'react';
-import type { CSSMotionProps } from 'rc-motion';
+import type { CSSMotionProps } from '@rc-component/motion';
 import Menu, { SubMenu, Item as MenuItem, Divider, MenuProps } from '../../src';
 import '../../assets/index.less';
 

docs/examples/debug.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 
 import React, { useRef } from 'react';
-import type { CSSMotionProps } from 'rc-motion';
+import type { CSSMotionProps } from '@rc-component/motion';
 import Menu, { ItemGroup as MenuItemGroup, MenuItem } from '../../src';
 import type { MenuProps } from '../../src';
 import '../../assets/index.less';

docs/examples/fragment.tsx

@@ -1,5 +1,5 @@
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem, Divider } from 'rc-menu';
+import Menu, { SubMenu, Item as MenuItem, Divider } from '@rc-component/menu';
 import '../../assets/index.less';
 
 export default () => (

docs/examples/inlineCollapsed.tsx

@@ -1,13 +1,17 @@
 import React, { useState } from 'react';
-import Menu from 'rc-menu';
+import Menu from '@rc-component/menu';
 import './inlineCollapsed.less';
 
 const App = () => {
   const [collapsed, setCollapsed] = useState(false);
   return (
     <>
       <label>
-        <input type="checkbox" checked={collapsed} onChange={e => setCollapsed(e.target.checked)} />
+        <input
+          type="checkbox"
+          checked={collapsed}
+          onChange={e => setCollapsed(e.target.checked)}
+        />
         inlineCollapsed: {collapsed.toString()}
       </label>
       <Menu
@@ -24,18 +28,20 @@ const App = () => {
               { key: '3', label: 'item 2' },
               { key: '4', label: 'item 3' },
               {
-                key: '5', label: 'SubMenu', children: [
+                key: '5',
+                label: 'SubMenu',
+                children: [
                   { key: '6', label: 'item 4' },
                   { key: '7', label: 'item 5' },
                   { key: '8', label: 'item 6' },
-                ]
-              }
+                ],
+              },
             ],
           },
         ]}
       />
     </>
   );
-}
+};
 
 export default App;

docs/examples/keyPath.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem } from 'rc-menu';
+import Menu, { SubMenu, Item as MenuItem } from '@rc-component/menu';
 
 import '../../assets/index.less';
 

docs/examples/menuItemGroup.tsx

@@ -1,14 +1,20 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu, { Item as MenuItem, ItemGroup as MenuItemGroup } from 'rc-menu';
+import Menu, {
+  Item as MenuItem,
+  ItemGroup as MenuItemGroup,
+} from '@rc-component/menu';
 
 import '../../assets/index.less';
 
 export default () => (
   <div>
     <h2>menu item group</h2>
-    <Menu style={{ margin: 20, width: 300 }} onClick={() => console.log('click')}>
+    <Menu
+      style={{ margin: 20, width: 300 }}
+      onClick={() => console.log('click')}
+    >
       <MenuItemGroup title="group 1" key="2">
         <MenuItem key="21">2</MenuItem>
         <MenuItem key="22">3</MenuItem>

docs/examples/multiple.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem, Divider } from 'rc-menu';
+import Menu, { SubMenu, Item as MenuItem, Divider } from '@rc-component/menu';
 
 import '../../assets/index.less';
 

docs/examples/openKeys.tsx

@@ -1,7 +1,7 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu, { SubMenu, Item as MenuItem } from 'rc-menu';
+import Menu, { SubMenu, Item as MenuItem } from '@rc-component/menu';
 
 import '../../assets/index.less';