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

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

docs/examples/rtl-antd.tsx

@@ -1,8 +1,13 @@
 /* eslint-disable no-console, react/require-default-props, no-param-reassign */
 
 import React from 'react';
-import type { CSSMotionProps } from 'rc-motion';
-import Menu, { SubMenu, Item as MenuItem, Divider, MenuProps } from 'rc-menu';
+import type { CSSMotionProps } from '@rc-component/motion';
+import Menu, {
+  SubMenu,
+  Item as MenuItem,
+  Divider,
+  MenuProps,
+} from '@rc-component/menu';
 import '../../assets/index.less';
 
 function handleClick(info) {
@@ -122,8 +127,8 @@ const children2 = [
 const customizeIndicator = <span>Add More Items</span>;
 
 interface CommonMenuState {
-    children: React.ReactNode;
-    overflowedIndicator?: React.ReactNode;
+  children: React.ReactNode;
+  overflowedIndicator?: React.ReactNode;
 }
 
 class CommonMenu extends React.Component<any, CommonMenuState> {

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

@@ -1,5 +1,5 @@
 {
-  "name": "rc-menu",
+  "name": "@rc-component/menu",
   "version": "9.16.1",
   "description": "menu ui component for react",
   "keywords": [
@@ -37,22 +37,22 @@
     "docs:deploy": "gh-pages -d .doc",
     "lint": "eslint src/ --ext .tsx,.ts,.jsx,.js",
     "now-build": "npm run build",
-    "prepublishOnly": "npm run compile && np --yolo --no-publish",
-    "postpublish": "tnpm sync rc-menu",
+    "prepublishOnly": "npm run compile && rc-np",
+    "postpublish": "tnpm sync @rc-component/menu",
     "start": "dumi dev",
     "test": "rc-test",
     "prepare": "husky && dumi setup"
   },
   "dependencies": {
-    "@babel/runtime": "^7.10.1",
-    "@rc-component/trigger": "^2.0.0",
+    "@rc-component/motion": "^1.1.4",
+    "@rc-component/trigger": "^3.0.0",
+    "@rc-component/util": "^1.0.0",
     "classnames": "2.x",
-    "rc-motion": "^2.4.3",
-    "rc-overflow": "^1.3.1",
-    "rc-util": "^5.27.0"
+    "rc-overflow": "^1.3.1"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^1.0.0",
+    "@rc-component/np": "^1.0.3",
     "@testing-library/jest-dom": "^6.1.5",
     "@testing-library/react": "^16.0.0",
     "@types/jest": "^29.5.2",
@@ -70,7 +70,6 @@
     "husky": "^9.1.6",
     "less": "^4.1.3",
     "lint-staged": "^15.2.10",
-    "np": "^10.0.5",
     "prettier": "^3.3.3",
     "rc-test": "^7.0.14",
     "react": "^18.3.1",

src/Menu.tsx

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
-import type { CSSMotionProps } from 'rc-motion';
+import type { CSSMotionProps } from '@rc-component/motion';
 import Overflow from 'rc-overflow';
-import useMergedState from 'rc-util/lib/hooks/useMergedState';
-import isEqual from 'rc-util/lib/isEqual';
-import warning from 'rc-util/lib/warning';
+import useMergedState from '@rc-component/util/lib/hooks/useMergedState';
+import isEqual from '@rc-component/util/lib/isEqual';
+import warning from '@rc-component/util/lib/warning';
 import * as React from 'react';
 import { useImperativeHandle } from 'react';
 import { flushSync } from 'react-dom';

src/MenuItem.tsx

@@ -1,9 +1,9 @@
 import classNames from 'classnames';
 import Overflow from 'rc-overflow';
-import KeyCode from 'rc-util/lib/KeyCode';
-import omit from 'rc-util/lib/omit';
-import { useComposeRef } from 'rc-util/lib/ref';
-import warning from 'rc-util/lib/warning';
+import KeyCode from '@rc-component/util/lib/KeyCode';
+import omit from '@rc-component/util/lib/omit';
+import { useComposeRef } from '@rc-component/util/lib/ref';
+import warning from '@rc-component/util/lib/warning';
 import * as React from 'react';
 import { useMenuId } from './context/IdContext';
 import { MenuContext } from './context/MenuContext';

src/MenuItemGroup.tsx

@@ -1,5 +1,5 @@
 import classNames from 'classnames';
-import omit from 'rc-util/lib/omit';
+import omit from '@rc-component/util/lib/omit';
 import * as React from 'react';
 import { MenuContext } from './context/MenuContext';
 import { useFullPath, useMeasure } from './context/PathContext';

src/SubMenu/InlineSubMenuList.tsx

@@ -1,5 +1,5 @@
 import * as React from 'react';
-import CSSMotion from 'rc-motion';
+import CSSMotion from '@rc-component/motion';
 import { getMotion } from '../utils/motionUtil';
 import MenuContextProvider, { MenuContext } from '../context/MenuContext';
 import SubMenuList from './SubMenuList';
@@ -20,13 +20,8 @@ export default function InlineSubMenuList({
 }: InlineSubMenuListProps) {
   const fixedMode: MenuMode = 'inline';
 
-  const {
-    prefixCls,
-    forceSubMenuRender,
-    motion,
-    defaultMotions,
-    mode,
-  } = React.useContext(MenuContext);
+  const { prefixCls, forceSubMenuRender, motion, defaultMotions, mode } =
+    React.useContext(MenuContext);
 
   // Always use latest mode check
   const sameModeRef = React.useRef(false);