chore: prettier code

.dumirc.ts

@@ -19,5 +19,5 @@ export default defineConfig({
         min-height: 300px;
       }
     `,
-  ]
+  ],
 });

.fatherrc.js

@@ -2,4 +2,4 @@ import { defineConfig } from 'father';
 
 export default defineConfig({
   plugins: ['@rc-component/father-plugin'],
-});
+});

.github/dependabot.yml

@@ -1,30 +1,30 @@
 version: 2
 updates:
-- package-ecosystem: npm
-  directory: "/"
-  schedule:
-    interval: daily
-    time: "21:00"
-  open-pull-requests-limit: 10
-  ignore:
-  - dependency-name: np
-    versions:
-    - 7.2.0
-    - 7.3.0
-    - 7.4.0
-  - dependency-name: "@types/react-dom"
-    versions:
-    - 17.0.0
-    - 17.0.1
-    - 17.0.2
-  - dependency-name: "@types/react"
-    versions:
-    - 17.0.0
-    - 17.0.1
-    - 17.0.2
-    - 17.0.3
-  - dependency-name: typescript
-    versions:
-    - 4.1.3
-    - 4.1.4
-    - 4.1.5
+  - package-ecosystem: npm
+    directory: '/'
+    schedule:
+      interval: daily
+      time: '21:00'
+    open-pull-requests-limit: 10
+    ignore:
+      - dependency-name: np
+        versions:
+          - 7.2.0
+          - 7.3.0
+          - 7.4.0
+      - dependency-name: '@types/react-dom'
+        versions:
+          - 17.0.0
+          - 17.0.1
+          - 17.0.2
+      - dependency-name: '@types/react'
+        versions:
+          - 17.0.0
+          - 17.0.1
+          - 17.0.2
+          - 17.0.3
+      - dependency-name: typescript
+        versions:
+          - 4.1.3
+          - 4.1.4
+          - 4.1.5

.github/workflows/codeql.yml

@@ -1,12 +1,12 @@
-name: "CodeQL"
+name: 'CodeQL'
 
 on:
   push:
-    branches: [ "master" ]
+    branches: ['master']
   pull_request:
-    branches: [ "master" ]
+    branches: ['master']
   schedule:
-    - cron: "40 12 * * 0"
+    - cron: '40 12 * * 0'
 
 jobs:
   analyze:
@@ -20,7 +20,7 @@ jobs:
     strategy:
       fail-fast: false
       matrix:
-        language: [ javascript ]
+        language: [javascript]
 
     steps:
       - name: Checkout
@@ -38,4 +38,4 @@ jobs:
       - name: Perform CodeQL Analysis
         uses: github/codeql-action/analyze@v2
         with:
-          category: "/language:${{ matrix.language }}"
+          category: '/language:${{ matrix.language }}'

HISTORY.md

@@ -1,5 +1,6 @@
 # History
-----
+
+---
 
 ## 4.1.0 / 2020-05-08
 

README.md

@@ -39,25 +39,26 @@ import React from 'react';
 import ReactDOM from 'react-dom';
 import Trigger from '@rc-component/trigger';
 
-ReactDOM.render((
+ReactDOM.render(
   <Trigger
     action={['click']}
     popup={<span>popup</span>}
     popupAlign={{
       points: ['tl', 'bl'],
-      offset: [0, 3]
+      offset: [0, 3],
     }}
   >
-    <a href='#'>hover</a>
-  </Trigger>
-), container);
+    <a href="#">hover</a>
+  </Trigger>,
+  container,
+);
 ```
 
 ## Compatibility
 
 | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/edge/edge_48x48.png" alt="IE / Edge" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>IE / Edge | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/firefox/firefox_48x48.png" alt="Firefox" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Firefox | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/chrome/chrome_48x48.png" alt="Chrome" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Chrome | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/safari/safari_48x48.png" alt="Safari" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Safari | [<img src="https://raw.githubusercontent.com/alrra/browser-logos/master/src/electron/electron_48x48.png" alt="Electron" width="24px" height="24px" />](http://godban.github.io/browsers-support-badges/)<br>Electron |
-| --- | --- | --- | --- | --- |
-| IE11, Edge | last 2 versions | last 2 versions | last 2 versions | last 2 versions |
+| -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| IE11, Edge                                                                                                                                                                                                     | last 2 versions                                                                                                                                                                                                  | last 2 versions                                                                                                                                                                                              | last 2 versions                                                                                                                                                                                              | last 2 versions                                                                                                                                                                                                      |
 
 ## Example
 
@@ -243,7 +244,6 @@ npm start
     </tbody>
 </table>
 
-
 ## Test Case
 
 ```

assets/index/Mask.less

@@ -22,7 +22,8 @@
     animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);
   }
 
-  &-fade-enter,&-fade-appear {
+  &-fade-enter,
+  &-fade-appear {
     opacity: 0;
     .fade-effect();
     animation-play-state: paused;
@@ -33,7 +34,8 @@
     animation-play-state: paused;
   }
 
-  &-fade-enter&-fade-enter-active,&-fade-appear&-fade-appear-active  {
+  &-fade-enter&-fade-enter-active,
+  &-fade-appear&-fade-appear-active {
     animation-name: rcTriggerMaskFadeIn;
     animation-play-state: running;
   }

docs/demos/body-overflow.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/body-overflow.tsx"></code>
+<code src="../examples/body-overflow.tsx"></code>

docs/demos/case.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/case.tsx"></code>
+<code src="../examples/case.tsx"></code>

docs/demos/click-nested.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/click-nested.tsx"></code>
+<code src="../examples/click-nested.tsx"></code>

docs/demos/clip.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/clip.tsx"></code>
+<code src="../examples/clip.tsx"></code>

docs/demos/container.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/container.tsx"></code>
+<code src="../examples/container.tsx"></code>

docs/demos/inside.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/inside.tsx"></code>
+<code src="../examples/inside.tsx"></code>

docs/demos/large-popup.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/large-popup.tsx"></code>
+<code src="../examples/large-popup.tsx"></code>

docs/demos/nested.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/nested.tsx"></code>
+<code src="../examples/nested.tsx"></code>

docs/demos/point.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/point.tsx"></code>
+<code src="../examples/point.tsx"></code>

docs/demos/shadow.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/shadow.tsx"></code>
+<code src="../examples/shadow.tsx"></code>

docs/demos/simple.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/simple.tsx"></code>
+<code src="../examples/simple.tsx"></code>

docs/demos/visible-fallback.md

@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/visible-fallback.tsx"></code>
+<code src="../examples/visible-fallback.tsx"></code>

docs/examples/case.tsx

@@ -115,8 +115,10 @@ const Demo = () => {
     click,
     contextMenu,
   };
-
-  const actionsKeys = Object.keys(actions).filter((action) => actions[action]) as ActionType[];
+
+  const actionsKeys = Object.keys(actions).filter(
+    (action) => actions[action],
+  ) as ActionType[];
 
   return (
     <React.StrictMode>

docs/examples/nested.tsx

@@ -67,9 +67,7 @@ const Test = () => {
         getPopupContainer={() => containerRef.current}
         popup={<div style={popupBorderStyle}>I am inner Trigger Popup</div>}
       >
-        <span style={{ margin: 20 }}>
-          clickToShowInnerTrigger
-        </span>
+        <span style={{ margin: 20 }}>clickToShowInnerTrigger</span>
       </Trigger>
     </div>
   );
@@ -94,9 +92,7 @@ const Test = () => {
               builtinPlacements={builtinPlacements}
               popup={<div style={popupBorderStyle}>i am a hover popup</div>}
             >
-              <span style={{ margin: 20 }}>
-                trigger
-              </span>
+              <span style={{ margin: 20 }}>trigger</span>
             </Trigger>
           </span>
         </Trigger>
@@ -108,9 +104,7 @@ const Test = () => {
           builtinPlacements={builtinPlacements}
           popup={innerTrigger}
         >
-          <span style={{ margin: 20 }}>
-            trigger
-          </span>
+          <span style={{ margin: 20 }}>trigger</span>
         </Trigger>
       </div>
 

docs/examples/point.less

@@ -1,3 +1,3 @@
 .point-popup {
   pointer-events: none;
-}
+}

docs/examples/point.tsx

@@ -12,7 +12,9 @@ const builtinPlacements = {
 };
 
 const innerTrigger = (
-  <div style={{ padding: 20, background: 'rgba(0, 255, 0, 0.3)' }}>This is popup</div>
+  <div style={{ padding: 20, background: 'rgba(0, 255, 0, 0.3)' }}>
+    This is popup
+  </div>
 );
 
 class Test extends React.Component {
@@ -45,7 +47,11 @@ class Test extends React.Component {
         {action === 'hover' && (
           <label>
             Mouse enter delay:{' '}
-            <input type="text" value={mouseEnterDelay} onChange={this.onDelayChange} />
+            <input
+              type="text"
+              value={mouseEnterDelay}
+              onChange={this.onDelayChange}
+            />
           </label>
         )}
         <div style={{ margin: 50 }}>

docs/examples/simple.tsx

@@ -200,7 +200,7 @@ class Test extends React.Component<any, TestState> {
       return null;
     }
 
-    const actions = Object.keys(state.trigger) as ActionType[]
+    const actions = Object.keys(state.trigger) as ActionType[];
 
     return (
       <div>

docs/index.md

@@ -4,4 +4,4 @@ hero:
   description: React Trigger Component
 ---
 
-<embed src="../README.md"></embed>
+<embed src="../README.md"></embed>

now.json

@@ -8,4 +8,4 @@
       "config": { "distDir": ".doc" }
     }
   ]
-}
+}

package.json

@@ -36,6 +36,7 @@
     "prepublishOnly": "npm run compile && np --yolo --no-publish",
     "lint": "eslint src/ docs/examples/ --ext .tsx,.ts,.jsx,.js",
     "test": "rc-test",
+    "prettier": "prettier --write .",
     "coverage": "rc-test --coverage",
     "now-build": "npm run build"
   },
@@ -55,6 +56,7 @@
     "father": "^4.0.0",
     "less": "^4.2.0",
     "np": "^10.0.5",
+    "prettier": "^3.3.3",
     "rc-test": "^7.0.13",
     "react": "^18.0.0",
     "react-dom": "^18.0.0",

src/hooks/useAlign.ts

@@ -213,7 +213,7 @@ export default function useAlign(
       } else {
         const rect = target.getBoundingClientRect();
         rect.x = rect.x ?? rect.left;
-        rect.y = rect.y ?? rect.top
+        rect.y = rect.y ?? rect.top;
         targetRect = {
           x: rect.x,
           y: rect.y,

tests/flip.test.tsx

@@ -353,7 +353,7 @@ describe('Trigger.Align', () => {
         top: 100,
         width: 300,
         height: 300,
-      } as any);
+      }) as any;
 
     const visibleArea = getVisibleArea(initArea, [affectEle]);
     expect(visibleArea).toEqual({

tests/rect.test.tsx

@@ -74,5 +74,4 @@ describe('Trigger.Rect', () => {
       bottom: `100px`,
     });
   });
-
 });