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

Author: aojunhao123

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';
 

docs/examples/rtl-antd.tsx

@@ -2,7 +2,12 @@
 
 import React from 'react';
 import type { CSSMotionProps } from '@rc-component/motion';
-import Menu, { SubMenu, Item as MenuItem, Divider, MenuProps } from 'rc-menu';
+import Menu, {
+  SubMenu,
+  Item as MenuItem,
+  Divider,
+  MenuProps,
+} from '@rc-component/menu';
 import '../../assets/index.less';
 
 function handleClick(info) {

docs/examples/scrollable.tsx

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

docs/examples/selectedKeys.tsx

@@ -1,15 +1,15 @@
 /* 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';
 
 interface TestState {
-    destroyed: boolean;
-    selectedKeys: string[];
-    openKeys: string[];
-  }
+  destroyed: boolean;
+  selectedKeys: string[];
+  openKeys: string[];
+}
 
 class Test extends React.Component<any, TestState> {
   state = {

docs/examples/single.tsx

@@ -1,45 +1,45 @@
 /* eslint no-console:0 */
 
 import React from 'react';
-import Menu from 'rc-menu';
+import Menu from '@rc-component/menu';
 import '../../assets/index.less';
 
 const menu1List = [
   {
-    titleLocalKey: "Properties",
-    key: "Properties"
+    titleLocalKey: 'Properties',
+    key: 'Properties',
   },
   {
-    titleLocalKey: "Resources",
-    key: "Resources",
+    titleLocalKey: 'Resources',
+    key: 'Resources',
     children: [
       {
-        titleLocalKey: "FAQ",
-        key: "Faq",
-        isSub: true
+        titleLocalKey: 'FAQ',
+        key: 'Faq',
+        isSub: true,
       },
       {
-        titleLocalKey: "Learn",
-        key: "Learn",
-        isSub: true
-      }
-    ]
+        titleLocalKey: 'Learn',
+        key: 'Learn',
+        isSub: true,
+      },
+    ],
   },
   {
-    titleLocalKey: "About Us",
-    key: "AboutUs"
-  }
+    titleLocalKey: 'About Us',
+    key: 'AboutUs',
+  },
 ];
 
-const menu1Items = (values) => {
+const menu1Items = values => {
   if (!values) {
     return undefined;
   }
   return values.map((item, index) => {
     return {
       label: <div>{item.titleLocalKey}</div>,
       key: item.key,
-      children: menu1Items(item.children)
+      children: menu1Items(item.children),
     };
   });
 };
@@ -48,10 +48,10 @@ console.log(menu1Items(menu1List));
 
 export default () => (
   <Menu
-  selectable={false}
-  mode="inline"
-  defaultOpenKeys={['Resources']}
-  style={{ width: "100%" }}
-  items={menu1Items(menu1List)}
-/>
-)
+    selectable={false}
+    mode="inline"
+    defaultOpenKeys={['Resources']}
+    style={{ width: '100%' }}
+    items={menu1Items(menu1List)}
+  />
+);

package.json

@@ -38,7 +38,7 @@
     "lint": "eslint src/ --ext .tsx,.ts,.jsx,.js",
     "now-build": "npm run build",
     "prepublishOnly": "npm run compile && rc-np",
-    "postpublish": "tnpm sync rc-menu",
+    "postpublish": "tnpm sync @rc-component/menu",
     "start": "dumi dev",
     "test": "rc-test",
     "prepare": "husky && dumi setup"

tsconfig.json

@@ -10,7 +10,7 @@
     "paths": {
       "@/*": ["src/*"],
       "@@/*": [".dumi/tmp/*"],
-      "rc-menu": ["src/index.ts"]
+      "@rc-component/menu": ["src/index.ts"]
     }
   }
 }