chore: prepare

.eslintrc.js

@@ -1,4 +1,3 @@
-/* eslint-disable import/no-extraneous-dependencies */
 module.exports = {
   extends: [require.resolve('@umijs/fabric/dist/eslint')],
   rules: {

.husky/pre-commit

@@ -0,0 +1,4 @@
+#!/usr/bin/env sh
+. "$(dirname -- "$0")/_/husky.sh"
+
+npx lint-staged

docs/examples/basic.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import classNames from 'classnames';
 import CSSMotion from 'rc-motion';
+import React from 'react';
 import './basic.less';
 
 interface DemoState {

docs/examples/deadline.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import classNames from 'classnames';
 import CSSMotion from 'rc-motion';
+import React from 'react';
 import './basic.less';
 
 interface DemoState {

docs/examples/list.tsx

@@ -1,6 +1,6 @@
-import React from 'react';
 import classNames from 'classnames';
 import { CSSMotionList } from 'rc-motion';
+import React from 'react';
 import './list.less';
 
 interface DemoState {

docs/examples/ssr.tsx

@@ -1,9 +1,9 @@
+import classNames from 'classnames';
+import CSSMotion from 'rc-motion';
+import { genCSSMotion } from 'rc-motion/es/CSSMotion';
 import React from 'react';
 import { hydrate } from 'react-dom';
 import ReactDOMServer from 'react-dom/server';
-import classNames from 'classnames';
-import { genCSSMotion } from 'rc-motion/es/CSSMotion';
-import CSSMotion from 'rc-motion';
 import './basic.less';
 
 const ServerCSSMotion = genCSSMotion(false);

docs/examples/transition-inside-debug.tsx

@@ -1,5 +1,5 @@
-import React from 'react';
 import CSSMotion from 'rc-motion';
+import React from 'react';
 import './transition-inside-debug.less';
 
 export default function TransitionInsideDebug() {

package.json

@@ -32,12 +32,19 @@
     "docs:deploy": "gh-pages -d .doc",
     "lint": "eslint src/ --ext .tsx,.ts",
     "now-build": "npm run docs:build",
+    "prepare": "husky install",
     "prepublishOnly": "npm run compile && np --yolo --no-publish",
     "prettier": "prettier --write \"**/*.{js,jsx,tsx,ts,less,md,json}\"",
     "postpublish": "npm run docs:deploy",
     "start": "dumi dev",
     "test": "rc-test"
   },
+  "lint-staged": {
+    "**/*.{js,jsx,tsx,ts,md,json}": [
+      "prettier --write",
+      "git add"
+    ]
+  },
   "dependencies": {
     "@babel/runtime": "^7.11.1",
     "classnames": "^2.2.1",
@@ -48,7 +55,6 @@
     "@testing-library/jest-dom": "^5.16.4",
     "@testing-library/react": "^13.0.0",
     "@types/classnames": "^2.2.9",
-    "@types/enzyme": "^3.10.5",
     "@types/jest": "^26.0.8",
     "@types/react": "^16.9.2",
     "@types/react-dom": "^16.9.0",
@@ -57,6 +63,8 @@
     "dumi": "^2.0.18",
     "eslint": "^7.0.0",
     "father": "^4.1.2",
+    "husky": "^8.0.3",
+    "lint-staged": "^14.0.1",
     "np": "^6.2.4",
     "prettier": "^2.1.1",
     "rc-test": "^7.0.14",

src/CSSMotionList.tsx

@@ -1,17 +1,17 @@
 /* eslint react/prop-types: 0 */
 import * as React from 'react';
-import OriginCSSMotion from './CSSMotion';
 import type { CSSMotionProps } from './CSSMotion';
-import { supportTransition } from './util/motion';
+import OriginCSSMotion from './CSSMotion';
+import type { KeyObject } from './util/diff';
 import {
+  diffKeys,
+  parseKeys,
   STATUS_ADD,
   STATUS_KEEP,
   STATUS_REMOVE,
   STATUS_REMOVED,
-  diffKeys,
-  parseKeys,
 } from './util/diff';
-import type { KeyObject } from './util/diff';
+import { supportTransition } from './util/motion';
 
 const MOTION_PROP_NAMES = [
   'eventProps',

src/hooks/useDomMotionEvents.ts

@@ -1,8 +1,8 @@
 import * as React from 'react';
 import { useRef } from 'react';
 
-import { animationEndName, transitionEndName } from '../util/motion';
 import type { MotionEvent } from '../interface';
+import { animationEndName, transitionEndName } from '../util/motion';
 
 export default (
   callback: (event: MotionEvent) => void,

src/hooks/useIsomorphicLayoutEffect.ts

@@ -1,5 +1,5 @@
-import { useEffect, useLayoutEffect } from 'react';
 import canUseDom from 'rc-util/lib/Dom/canUseDom';
+import { useEffect, useLayoutEffect } from 'react';
 
 // It's safe to use `useLayoutEffect` but the warning is annoying
 const useIsomorphicLayoutEffect = canUseDom() ? useLayoutEffect : useEffect;

src/hooks/useNextFrame.ts

@@ -1,5 +1,5 @@
-import * as React from 'react';
 import raf from 'rc-util/lib/raf';
+import * as React from 'react';
 
 export default (): [
   (callback: (info: { isCanceled: () => boolean }) => void) => void,

src/index.tsx

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

tests/CSSMotionList.spec.tsx

@@ -1,12 +1,12 @@
 /* eslint-disable react/no-render-return-value, react/prefer-stateless-function,
 react/no-multi-comp, @typescript-eslint/no-implied-eval */
-import React from 'react';
+import { fireEvent, render } from '@testing-library/react';
 import classNames from 'classnames';
+import React from 'react';
 import { act } from 'react-dom/test-utils';
-import { render, fireEvent } from '@testing-library/react';
-import { genCSSMotionList } from '../src/CSSMotionList';
-import type { CSSMotionListProps } from '../src/CSSMotionList';
 import { genCSSMotion } from '../src/CSSMotion';
+import type { CSSMotionListProps } from '../src/CSSMotionList';
+import { genCSSMotionList } from '../src/CSSMotionList';
 
 describe('CSSMotionList', () => {
   beforeEach(() => {

tests/StrictMode.spec.tsx

@@ -2,10 +2,10 @@
   react/no-render-return-value, max-classes-per-file,
   react/prefer-stateless-function, react/no-multi-comp
 */
+import { fireEvent, render } from '@testing-library/react';
+import classNames from 'classnames';
 import React from 'react';
 import { act } from 'react-dom/test-utils';
-import classNames from 'classnames';
-import { render, fireEvent } from '@testing-library/react';
 // import type { CSSMotionProps } from '../src/CSSMotion';
 import { genCSSMotion } from '../src/CSSMotion';
 // import RefCSSMotion, { genCSSMotion } from '../src/CSSMotion';

tests/util.spec.tsx

@@ -1,5 +1,5 @@
-import { getTransitionName } from '../src/util/motion';
 import { diffKeys } from '../src/util/diff';
+import { getTransitionName } from '../src/util/motion';
 
 describe('Util', () => {
   it('getTransitionName', () => {