Avoid rc package deep imports (#77)

* fix: avoid rc package deep imports

* chore: remove local deep import lint rule

* chore: bump father-plugin

Author: QDyanbing

docs/examples/ssr.tsx

@@ -1,6 +1,5 @@
 import { clsx } from 'clsx';
-import CSSMotion from 'rc-motion';
-import { genCSSMotion } from 'rc-motion/es/CSSMotion';
+import CSSMotion, { genCSSMotion } from 'rc-motion';
 import React from 'react';
 import { hydrate } from 'react-dom';
 import ReactDOMServer from 'react-dom/server';

package.json

@@ -50,11 +50,11 @@
     "@types/minimatch": "5.1.2"
   },
   "dependencies": {
-    "@rc-component/util": "^1.2.0",
+    "@rc-component/util": "^1.11.0",
     "clsx": "^2.1.1"
   },
   "devDependencies": {
-    "@rc-component/father-plugin": "^2.0.1",
+    "@rc-component/father-plugin": "^2.2.0",
     "@rc-component/np": "^1.0.3",
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^15.0.7",

src/CSSMotion.tsx

@@ -1,10 +1,10 @@
 /* eslint-disable react/default-props-match-prop-types, react/no-multi-comp, react/prop-types */
-import { getDOM } from '@rc-component/util/lib/Dom/findDOMNode';
 import {
   composeRef,
+  getDOM,
   getNodeRef,
   supportNodeRef,
-} from '@rc-component/util/lib/ref';
+} from '@rc-component/util';
 import { clsx } from 'clsx';
 import * as React from 'react';
 import { useRef } from 'react';

src/hooks/useIsomorphicLayoutEffect.ts

@@ -1,4 +1,4 @@
-import canUseDom from '@rc-component/util/lib/Dom/canUseDom';
+import { canUseDom } from '@rc-component/util';
 import { useEffect, useLayoutEffect } from 'react';
 
 // It's safe to use `useLayoutEffect` but the warning is annoying

src/hooks/useNextFrame.ts

@@ -1,4 +1,4 @@
-import raf from '@rc-component/util/lib/raf';
+import { raf } from '@rc-component/util';
 import * as React from 'react';
 
 export default (): [

src/hooks/useStatus.ts

@@ -1,5 +1,4 @@
-import { useEvent } from '@rc-component/util';
-import useSyncState from '@rc-component/util/lib/hooks/useSyncState';
+import { useEvent, useSyncState } from '@rc-component/util';
 import * as React from 'react';
 import { useEffect, useRef } from 'react';
 import type { CSSMotionProps } from '../CSSMotion';

src/hooks/useStepQueue.ts

@@ -1,4 +1,4 @@
-import useState from '@rc-component/util/lib/hooks/useState';
+import { useState } from '@rc-component/util';
 import * as React from 'react';
 import type { MotionStatus, StepStatus } from '../interface';
 import {

src/index.tsx

@@ -1,11 +1,12 @@
-import type { CSSMotionProps } from './CSSMotion';
-import CSSMotion from './CSSMotion';
+import type { CSSMotionConfig, CSSMotionProps } from './CSSMotion';
+import CSSMotion, { genCSSMotion } from './CSSMotion';
 import type { CSSMotionListProps } from './CSSMotionList';
 import CSSMotionList from './CSSMotionList';
 import type { MotionEndEventHandler, MotionEventHandler } from './interface';
 export { default as Provider } from './context';
-export { CSSMotionList };
+export { CSSMotionList, genCSSMotion };
 export type {
+  CSSMotionConfig,
   CSSMotionProps,
   CSSMotionListProps,
   MotionEventHandler,

src/util/motion.ts

@@ -1,4 +1,4 @@
-import canUseDOM from '@rc-component/util/lib/Dom/canUseDom';
+import { canUseDom } from '@rc-component/util';
 import type { MotionName } from '../CSSMotion';
 
 // ================= Transition =================
@@ -38,13 +38,13 @@ export function getVendorPrefixes(domSupport: boolean, win: object) {
 }
 
 const vendorPrefixes = getVendorPrefixes(
-  canUseDOM(),
+  canUseDom(),
   typeof window !== 'undefined' ? window : {},
 );
 
 let style = {};
 
-if (canUseDOM()) {
+if (canUseDom()) {
   ({ style } = document.createElement('div'));
 }
 

tsconfig.json

@@ -10,8 +10,7 @@
     "paths": {
       "@/*": ["src/*"],
       "@@/*": ["src/.umi/*"],
-      "rc-motion": ["src/index.tsx"],
-      "rc-motion/es/*": ["src/*"]
+      "rc-motion": ["src/index.tsx"]
     }
   }
 }