chore: prettier code (#482)

.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`,
  });
  });
-
 });