chore: prettier code (#482)

afc163 · zombieJ · commit 77e8f0d0b342 · 2024-09-03T16:21:09.000+08:00
diff --git a/.dumirc.ts b/.dumirc.ts
@@ -19,5 +19,5 @@ export default defineConfig({
         min-height: 300px;
       }
     `,
-  ]
+  ],
 });
diff --git a/.fatherrc.js b/.fatherrc.js
@@ -2,4 +2,4 @@ import { defineConfig } from 'father';
 
 export default defineConfig({
   plugins: ['@rc-component/father-plugin'],
-});
+});
diff --git a/.github/dependabot.yml b/.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
diff --git a/.github/workflows/codeql.yml b/.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 }}'
diff --git a/HISTORY.md b/HISTORY.md
@@ -1,5 +1,6 @@
 # History
-----
+
+---
 
 ## 4.1.0 / 2020-05-08
 
diff --git a/README.md b/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
 
 ```
diff --git a/assets/index/Mask.less b/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;
   }
diff --git a/docs/demos/body-overflow.md b/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>
diff --git a/docs/demos/case.md b/docs/demos/case.md
@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/case.tsx"></code>
+<code src="../examples/case.tsx"></code>
diff --git a/docs/demos/click-nested.md b/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>
diff --git a/docs/demos/clip.md b/docs/demos/clip.md
@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/clip.tsx"></code>
+<code src="../examples/clip.tsx"></code>
diff --git a/docs/demos/container.md b/docs/demos/container.md
@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/container.tsx"></code>
+<code src="../examples/container.tsx"></code>
diff --git a/docs/demos/inside.md b/docs/demos/inside.md
@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/inside.tsx"></code>
+<code src="../examples/inside.tsx"></code>
diff --git a/docs/demos/large-popup.md b/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>
diff --git a/docs/demos/nested.md b/docs/demos/nested.md
@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/nested.tsx"></code>
+<code src="../examples/nested.tsx"></code>
diff --git a/docs/demos/point.md b/docs/demos/point.md
@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/point.tsx"></code>
+<code src="../examples/point.tsx"></code>
diff --git a/docs/demos/shadow.md b/docs/demos/shadow.md
@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/shadow.tsx"></code>
+<code src="../examples/shadow.tsx"></code>
diff --git a/docs/demos/simple.md b/docs/demos/simple.md
@@ -5,4 +5,4 @@ nav:
   path: /demo
 ---
 
-<code src="../examples/simple.tsx"></code>
+<code src="../examples/simple.tsx"></code>
diff --git a/docs/demos/visible-fallback.md b/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>
diff --git a/docs/examples/case.tsx b/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>
diff --git a/docs/examples/nested.tsx b/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>
 
diff --git a/docs/examples/point.less b/docs/examples/point.less
@@ -1,3 +1,3 @@
 .point-popup {
   pointer-events: none;
-}
+}
diff --git a/docs/examples/point.tsx b/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 }}>
diff --git a/docs/examples/simple.tsx b/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>
diff --git a/docs/index.md b/docs/index.md
@@ -4,4 +4,4 @@ hero:
   description: React Trigger Component
 ---
 
-<embed src="../README.md"></embed>
+<embed src="../README.md"></embed>
diff --git a/now.json b/now.json
@@ -8,4 +8,4 @@
       "config": { "distDir": ".doc" }
     }
   ]
-}
+}
diff --git a/package.json b/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",
diff --git a/src/hooks/useAlign.ts b/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,
diff --git a/tests/flip.test.tsx b/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({
diff --git a/tests/rect.test.tsx b/tests/rect.test.tsx
@@ -74,5 +74,4 @@ describe('Trigger.Rect', () => {
       bottom: `100px`,
     });
   });
-
 });
diff --git a/tests/util.tsx b/tests/util.tsx

Original file line number	Diff line number	Diff line change
`@@ -19,5 +19,5 @@ export default defineConfig({`
`19`	`19`	`min-height: 300px;`
`20`	`20`	`}`
`21`	`21`	`,
`22`		`- ]`
	`22`	`+ ],`
`23`	`23`	`});`
-Original file line number
+Diff line change
@@ @@ -1,5 +1,6 @@ @@
 # History
 -----
++
 +---
 ## 4.1.0 / 2020-05-08
Original file line number	Diff line number	Diff line change
`@@ -22,7 +22,8 @@`
`22`	`22`	`animation-timing-function: cubic-bezier(0.55, 0, 0.55, 0.2);`
`23`	`23`	`}`
`24`	`24`
`25`		`- &-fade-enter,&-fade-appear {`
	`25`	`+ &-fade-enter,`
	`26`	`+ &-fade-appear {`
`26`	`27`	`opacity: 0;`
`27`	`28`	`.fade-effect();`
`28`	`29`	`animation-play-state: paused;`
`@@ -33,7 +34,8 @@`
`33`	`34`	`animation-play-state: paused;`
`34`	`35`	`}`
`35`	`36`
`36`		`- &-fade-enter&-fade-enter-active,&-fade-appear&-fade-appear-active {`
	`37`	`+ &-fade-enter&-fade-enter-active,`
	`38`	`+ &-fade-appear&-fade-appear-active {`
`37`	`39`	`animation-name: rcTriggerMaskFadeIn;`
`38`	`40`	`animation-play-state: running;`
`39`	`41`	`}`