feat: test

Author: crazyair

.eslintrc.js

@@ -1,9 +1,6 @@
-const base = require('@umijs/fabric/dist/eslint');
-
 module.exports = {
-  ...base,
+  extends: [require.resolve('@umijs/fabric/dist/eslint')],
   rules: {
-    ...base.rules,
     'no-template-curly-in-string': 0,
     'prefer-promise-reject-errors': 0,
     'react/no-array-index-key': 0,
@@ -13,5 +10,6 @@ module.exports = {
     'no-param-reassign': 0,
     'no-restricted-globals': 0,
     '@typescript-eslint/no-explicit-any': 0,
+    '@typescript-eslint/no-shadow': 'off',
   },
-};
+};

docs/examples/base.tsx

@@ -1,10 +1,11 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
 import React, { useState } from 'react';
 import Drawer from 'rc-drawer';
 
 const Demo = () => {
   const [open, setOpen] = useState(false);
   const onChange = (bool: boolean) => {
-    console.log('change: ', bool);
+    // console.log('change: ', bool);
   };
   const onTouchEnd = () => {
     setOpen(false);
@@ -21,7 +22,7 @@ const Demo = () => {
         handler={false}
         level={null}
         afterVisibleChange={(c: boolean) => {
-          console.log('transitionEnd: ', c);
+          // console.log('transitionEnd: ', c);
         }}
         placement="right"
         width={400}

package.json

@@ -47,19 +47,17 @@
   "dependencies": {
     "@babel/runtime": "^7.10.1",
     "classnames": "^2.2.6",
-    "rc-util": "^5.7.0"
+    "rc-util": "^5.21.2"
   },
   "devDependencies": {
     "@ant-design/icons": "^4.7.0",
-    "@testing-library/jest-dom": "^5.16.4",
-    "@testing-library/react": "^13.2.0",
-    "@testing-library/react-hooks": "^8.0.0",
-    "@testing-library/user-event": "^14.1.1",
+    "@testing-library/jest-dom": "^5.11.9",
+    "@testing-library/react": "^12.1.5",
     "@types/classnames": "^2.2.9",
     "@types/jest": "^27.0.2",
     "@types/raf": "^3.4.0",
-    "@types/react": "^18.0.9",
-    "@types/react-dom": "^18.0.3",
+    "@types/react": "^17.0.9",
+    "@types/react-dom": "^17.0.6",
     "@types/warning": "^3.0.0",
     "@umijs/fabric": "^2.0.0",
     "@umijs/test": "^3.5.23",
@@ -74,8 +72,8 @@
     "prettier": "^2.6.2",
     "querystring": "^0.2.0",
     "rc-test": "^6.0.1",
-    "react": "^18.1.0",
-    "react-dom": "^18.1.0",
+    "react": "^16.10.2",
+    "react-dom": "^16.10.2",
     "react-test-renderer": "^16.10.2",
     "typescript": "^4.6.4"
   }

src/IDrawerPropTypes.ts

@@ -41,11 +41,11 @@ interface IProps extends Omit<React.HTMLAttributes<any>, 'onChange'> {
 export interface IDrawerProps extends IProps {
   wrapperClassName?: string;
   forceRender?: boolean;
-  getContainer?: GetContainer;
+  getContainer?: GetContainer | false;
 }
 
 export interface IDrawerChildProps extends IProps {
-  getContainer?: () => HTMLElement;
+  getContainer?: GetContainer | false;
   getOpenCount?: () => number;
   scrollLocker?: ScrollLocker;
   switchScrollingEffect?: () => void;