chore: forbid rc deep imports

Author: QDyanbing

.eslintrc.js

@@ -1,9 +1,31 @@
 const base = require('@umijs/fabric/dist/eslint');
 
+const restrictedPackageDirectoryImports = [
+  '@rc-component/*/es',
+  '@rc-component/*/es/**',
+  '@rc-component/*/lib',
+  '@rc-component/*/lib/**',
+  'rc-*/es',
+  'rc-*/es/**',
+  'rc-*/lib',
+  'rc-*/lib/**',
+];
+
 module.exports = {
   ...base,
   rules: {
     ...base.rules,
+    'no-restricted-imports': [
+      'error',
+      {
+        patterns: [
+          {
+            group: restrictedPackageDirectoryImports,
+            message: 'Do not import package internals from es/lib. Import from the package root.',
+          },
+        ],
+      },
+    ],
     'react/no-find-dom-node': 0,
     'jsx-a11y/label-has-associated-control': 0,
     'jsx-a11y/label-has-for': 0,

package.json

@@ -35,7 +35,7 @@
     "tsc": "tsc --noEmit"
   },
   "dependencies": {
-    "@rc-component/util": "^1.3.0"
+    "@rc-component/util": "^1.11.0"
   },
   "devDependencies": {
     "@rc-component/father-plugin": "^2.0.2",
@@ -45,10 +45,12 @@
     "@types/react": "^18.0.0",
     "@types/react-dom": "^18.0.0",
     "@types/warning": "^3.0.0",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
     "@umijs/fabric": "^4.0.0",
     "dumi": "^2.0.15",
     "eslint": "^8.54.0",
-    "eslint-plugin-jest": "^28.2.0",
+    "eslint-plugin-jest": "^27.9.0",
     "eslint-plugin-unicorn": "^52.0.0",
     "father": "^4.0.0",
     "rc-test": "^7.0.14",
@@ -57,7 +59,7 @@
     "typescript": "^5.0.2"
   },
   "peerDependencies": {
-    "react": ">=16.9.0",
-    "react-dom": ">=16.9.0"
+    "react": ">=18.0.0",
+    "react-dom": ">=18.0.0"
   }
 }

src/Immutable.tsx

@@ -1,4 +1,4 @@
-import { supportRef } from '@rc-component/util/lib/ref';
+import { supportRef } from '@rc-component/util';
 import * as React from 'react';
 
 export type CompareProps<T extends React.ComponentType<any>> = (

src/context.tsx

@@ -1,6 +1,4 @@
-import useEvent from '@rc-component/util/lib/hooks/useEvent';
-import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
-import isEqual from '@rc-component/util/lib/isEqual';
+import { isEqual, useEvent, useLayoutEffect } from '@rc-component/util';
 import * as React from 'react';
 import { unstable_batchedUpdates } from 'react-dom';