Avoid rc package deep imports (#1071)

* fix: avoid rc package deep imports

* chore: address eslint review comment

Author: QDyanbing

.eslintrc.js

@@ -17,4 +17,4 @@ module.exports = {
     'jsx-a11y/label-has-for': 0,
     'jsx-a11y/label-has-associated-control': 0,
   },
-};
+};

docs/examples/components/TooltipSlider.tsx

@@ -1,9 +1,7 @@
-import type { SliderProps } from '@rc-component/slider';
-import Slider from '@rc-component/slider';
-import type { TooltipRef } from '@rc-component/tooltip';
-import Tooltip from '@rc-component/tooltip';
+import Slider, { type SliderProps } from '@rc-component/slider';
+import Tooltip, { type TooltipRef } from '@rc-component/tooltip';
 import '@rc-component/tooltip/assets/bootstrap.css';
-import raf from '@rc-component/util/lib/raf';
+import { raf } from '@rc-component/util';
 import * as React from 'react';
 
 interface HandleTooltipProps {

package.json

@@ -42,20 +42,22 @@
     "tsc": "bunx tsc --noEmit"
   },
   "dependencies": {
-    "@rc-component/util": "^1.3.0",
+    "@rc-component/util": "^1.11.1",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@rc-component/father-plugin": "^2.1.3",
+    "@rc-component/father-plugin": "^2.2.0",
     "@rc-component/np": "^1.0.0",
     "@rc-component/tooltip": "^1.2.1",
     "@rc-component/trigger": "^3.5.2",
     "@testing-library/jest-dom": "^6.1.5",
-    "@testing-library/react": "^12.1.3",
+    "@testing-library/react": "^16.0.0",
     "@types/jest": "^29.5.1",
     "@types/node": "^22.5.0",
     "@types/react": "^18.2.42",
     "@types/react-dom": "^18.0.11",
+    "@typescript-eslint/eslint-plugin": "^5.62.0",
+    "@typescript-eslint/parser": "^5.62.0",
     "@umijs/fabric": "^4.0.1",
     "cross-env": "^7.0.0",
     "dumi": "^2.2.10",
@@ -68,8 +70,8 @@
     "glob": "^7.1.6",
     "less": "^4.1.3",
     "rc-test": "^7.0.15",
-    "react": "^16.0.0",
-    "react-dom": "^16.0.0",
+    "react": "^18.0.0",
+    "react-dom": "^18.0.0",
     "regenerator-runtime": "^0.14.0",
     "typescript": "^5.1.6"
   },

src/Handles/Handle.tsx

@@ -1,5 +1,5 @@
 import { clsx } from 'clsx';
-import KeyCode from '@rc-component/util/lib/KeyCode';
+import { KeyCode } from '@rc-component/util';
 import * as React from 'react';
 import SliderContext from '../context';
 import type { OnStartMove } from '../interface';

src/Handles/index.tsx

@@ -2,8 +2,7 @@ import * as React from 'react';
 import { flushSync } from 'react-dom';
 import type { OnStartMove } from '../interface';
 import { getIndex } from '../util';
-import type { HandleProps } from './Handle';
-import Handle from './Handle';
+import Handle, { type HandleProps } from './Handle';
 
 export interface HandlesProps {
   prefixCls: string;

src/Slider.tsx

@@ -1,17 +1,11 @@
-import useControlledState from '@rc-component/util/lib/hooks/useControlledState';
-import useEvent from '@rc-component/util/lib/hooks/useEvent';
-import isEqual from '@rc-component/util/lib/isEqual';
-import warning from '@rc-component/util/lib/warning';
+import { isEqual, useControlledState, useEvent, warning } from '@rc-component/util';
 import { clsx } from 'clsx';
 import * as React from 'react';
-import type { HandlesProps, HandlesRef } from './Handles';
-import Handles from './Handles';
-import type { InternalMarkObj, MarkObj } from './Marks';
-import Marks from './Marks';
+import Handles, { type HandlesProps, type HandlesRef } from './Handles';
+import Marks, { type InternalMarkObj, type MarkObj } from './Marks';
 import Steps from './Steps';
 import Tracks from './Tracks';
-import type { SliderContextProps } from './context';
-import SliderContext from './context';
+import SliderContext, { type SliderContextProps } from './context';
 import useDisabled from './hooks/useDisabled';
 import useDrag from './hooks/useDrag';
 import useOffset, { getClosestEnabledHandleIndex } from './hooks/useOffset';

src/hooks/useDrag.ts

@@ -1,6 +1,5 @@
 import * as React from 'react';
-import useEvent from '@rc-component/util/lib/hooks/useEvent';
-import useLayoutEffect from '@rc-component/util/lib/hooks/useLayoutEffect';
+import { useEvent, useLayoutEffect } from '@rc-component/util';
 import { UnstableContext } from '../context';
 import type { Direction, OnStartMove } from '../interface';
 import type { OffsetValues } from './useOffset';

src/hooks/useRange.ts

@@ -1,4 +1,4 @@
-import { warning } from '@rc-component/util/lib/warning';
+import { warning } from '@rc-component/util';
 import { useMemo } from 'react';
 import type { SliderProps } from '../Slider';
 

src/index.tsx

@@ -1,5 +1,4 @@
-import type { SliderProps, SliderRef } from './Slider';
-import Slider from './Slider';
+import Slider, { type SliderProps, type SliderRef } from './Slider';
 export { UnstableContext } from './context';
 
 export type { SliderProps, SliderRef };

tests/Range.test.tsx

@@ -1,9 +1,7 @@
 /* eslint-disable max-len, no-undef, react/no-string-refs, no-param-reassign, max-classes-per-file */
 import '@testing-library/jest-dom';
 import { createEvent, fireEvent, render } from '@testing-library/react';
-import keyCode from '@rc-component/util/lib/KeyCode';
-import { spyElementPrototypes } from '@rc-component/util/lib/test/domHook';
-import { resetWarned } from '@rc-component/util/lib/warning';
+import { KeyCode as keyCode, resetWarned, spyElementPrototypes } from '@rc-component/util';
 import React from 'react';
 import Slider from '../src';