Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

style: format code with Prettier and StandardJS #538

Closed
wants to merge 1 commit into from
Closed

style: format code with Prettier and StandardJS #538

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
2 changes: 1 addition & 1 deletion src/components/stateless/ContentPlaceholder/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React from 'react'

Check failure on line 1 in src/components/stateless/ContentPlaceholder/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

ESLint 

ESLint: Install the 'eslint' package
import { motion } from 'motion/react'
import { mix } from 'popmotion'
import styles from './index.module.less'
Expand All @@ -22,11 +22,11 @@
)

const ContentPlaceholder = () => (
<motion.div

Check notice on line 25 in src/components/stateless/ContentPlaceholder/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
variants={{ collapsed: { scale: 0.8 }, open: { scale: 1 } }}
initial="collapsed"
animate="open"
whileInView={true}
whileInView
transition={{ duration: 0.8 }}
className={styles.contentPlaceholder}
>
Expand Down
44 changes: 22 additions & 22 deletions src/pages/home/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React, { version, useState, useRef } from 'react'

Check failure on line 1 in src/pages/home/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

ESLint 

ESLint: Install the 'eslint' package
import { Input, Flex, Button } from 'antd'
import { SendOutlined } from '@ant-design/icons'
import { Atom, Merge, GitMerge, GitPullRequestArrow } from 'lucide-react'
Expand All @@ -8,7 +8,7 @@
import Typewriter from 'typewriter-effect'
import Marquee from 'react-fast-marquee'
import Masonry, { ResponsiveMasonry } from 'react-responsive-masonry'
import useDetectScroll, { Direction } from '@smakss/react-scroll-direction'

Check warning on line 11 in src/pages/home/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unused import 

Unused import specifier Direction
import FixTabPanel from '@stateless/FixTabPanel'
import TypedText from '@stateless/TypedText'
import ReMarkdown from '@stateless/ReMarkdown'
Expand All @@ -35,12 +35,12 @@
// import Masonry from '@container/masonryContainer'
import DynamicBackground from '@stateless/DynamicBackground'
import ContentPlaceholder from '@stateless/ContentPlaceholder'
import { oneApiChat, prettyObject, randomNum } from '@utils/aidFn'

Check warning on line 38 in src/pages/home/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unused import 

Unused import specifier randomNum
import { fireConfetti } from '@utils/confetti'

import styles from './index.module.less'

const boxCount = Array.apply(null, Array(10))

Check warning on line 43 in src/pages/home/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unused local symbol 

Unused constant boxCount

const Home = () => {
const [aiText, setAiText] = useState('')
Expand Down Expand Up @@ -190,7 +190,7 @@
<section style={{ marginBottom: 40 }}>
<AutoLink text="foo bar baz http://example.org bar https://github.com/wkylin/pro-react-admin" />
</section>
<section className={styles.line}></section>
<section className={styles.line} />
<section>
<AvatarCard avatar="https://picsum.photos/seed/picsum/300/160" text="Hi, I'm a developer." />
</section>
Expand Down Expand Up @@ -271,14 +271,14 @@
<AnimateOnScreen.DiyAnimation
from={{ opacity: 0, transform: 'translate(-100%, 0)' }}
to={{ opacity: 1, transform: 'translate(0, 0)' }}
triggerOnce={true}
triggerOnce
>
<img src="https://picsum.photos/360/200.jpg" alt="" />
</AnimateOnScreen.DiyAnimation>
</section>
<section style={{ marginBottom: 40, display: 'flex' }}>
<SpotlightCard className="my-spot" style={{ width: 360, height: 200, color: '#fff' }}>
<section></section>
<section />
</SpotlightCard>
</section>
<section style={{ margin: '20px 0' }}>
Expand Down Expand Up @@ -319,16 +319,16 @@
mask
</section>
<section style={{ marginBottom: 40 }}>
<button className={styles['button']} onClick={fireConfetti}>
<button className={styles.button} onClick={fireConfetti}>
<span className={styles['button-label']}>Click Me</span>
</button>
</section>

<section style={{ position: 'relative', margin: '80px 0 160px 100px' }}>
<div className={styles['circle-1']}></div>
<div className={styles['circle-2']}></div>
<div className={styles['circle-3']}></div>
<div className={styles['circle-4']}></div>
<div className={styles['circle-1']} />
<div className={styles['circle-2']} />
<div className={styles['circle-3']} />
<div className={styles['circle-4']} />
</section>

<section style={{ margin: 20 }} className={styles.eHElAY}>
Expand All @@ -353,7 +353,7 @@
<section style={{ width: 600, margin: '30px 0' }}>
<Input defaultValue={apiKey} placeholder="api key" onChange={changeApiKey} style={{ marginBottom: 20 }} />
<Flex align="center">
<Input.TextArea

Check notice on line 356 in src/pages/home/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component Input.TextArea
ref={textareaRef}
defaultValue={chatText}
placeholder="来，说点什么呗...Meta + Enter发送"
Expand Down Expand Up @@ -388,20 +388,20 @@
<section style={{ margin: 20 }}>
<ResponsiveMasonry columnsCountBreakPoints={{ 350: 1, 750: 2, 900: 6 }}>
<Masonry gutter="10px">
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }}></section>
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 100, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 200, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
<section style={{ height: 150, border: '1px solid #ccc', background: '#aaa' }} />
</Masonry>
</ResponsiveMasonry>
</section>
Expand Down
37 changes: 17 additions & 20 deletions src/pages/motion/index.jsx
View file
Open in desktop
Original file line number Diff line number Diff line change
@@ -1,4 +1,4 @@
import React, { useState, useRef, useEffect } from 'react'

Check failure on line 1 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

ESLint 

ESLint: Install the 'eslint' package
import {
motion,
useAnimationControls,
Expand Down Expand Up @@ -71,7 +71,7 @@
]

const randomSort = (arr) => {
let newArr = []
const newArr = []
const len = arr.length
for (let i = 0; i < len; i++) {
const random = Math.floor(Math.random() * arr.length)
Expand Down Expand Up @@ -101,14 +101,14 @@

const [listLabel, setListLabel] = useState(['JavaScript', 'html', 'css', 'webAssembly'])
const [isBig, setBigState] = useState(false)
const [leftState, setLeftState] = useState(false)

Check warning on line 104 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unused local symbol 

Unused constant leftState

Check warning on line 104 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unused local symbol 

Unused constant setLeftState

const scrollRef = useRef(null)

const { scrollYProgress, scrollY } = useScroll({
container: scrollRef,
})
const { scrollYProgress: scrYPro, scrollY: scrY } = useScroll({

Check warning on line 111 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unused local symbol 

Unused constant scrY
target: constraintsRef,
container: scrollRef,
offset: ['start end', 'end start'],
Expand Down Expand Up @@ -157,8 +157,8 @@
return (
<FixTabPanel ref={scrollRef}>
<h2>Hi, Motion</h2>
<motion.h2>{rounded}</motion.h2>

Check notice on line 160 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.h2
<motion.div

Check notice on line 161 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
position: 'fixed',
top: 0,
Expand All @@ -168,10 +168,10 @@
backgroundColor: '#aaa',
borderRadius: '3px',
// scaleX: scrollYProgress,
scaleX: scaleX,
scaleX,
}}
></motion.div>
/>
<motion.div

Check notice on line 174 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
width: 100,
height: 100,
Expand All @@ -194,8 +194,8 @@
rotate: 45, // 旋转45度
opacity: 0.5, // 不透明度设置为0.5
}}
></motion.div>
/>
<motion.div

Check notice on line 198 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
transformTemplate={template}
animate={{ rotate: 360 }}
style={{
Expand All @@ -206,9 +206,9 @@
rotate: 0,
x: '200px',
}}
></motion.div>
/>

<motion.div

Check notice on line 211 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
width: 100,
height: 100,
Expand All @@ -219,10 +219,10 @@
duration: 2,
}}
variants={animations}
initial={'hidden'}
animate={'show'}
></motion.div>
initial="hidden"
animate="show"
/>
<motion.ul

Check notice on line 225 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.ul
initial="hidden"
animate="visible"
variants={list}
Expand All @@ -233,12 +233,12 @@
}}
style={{ fontSize: 20 }}
>
<motion.li variants={item}>item1</motion.li>

Check notice on line 236 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.li
<motion.li variants={item}>item2</motion.li>

Check notice on line 237 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.li
<motion.li variants={item}>item3</motion.li>

Check notice on line 238 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.li
</motion.ul>
{['vue', 'react', 'angular'].map((item, i) => (
<motion.p style={{ fontSize: 20 }} key={i} custom={i + 0.3} animate="visible" variants={variantsText}>

Check notice on line 241 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.p
{item}
</motion.p>
))}
Expand All @@ -250,7 +250,7 @@
gap: 30,
}}
>
<motion.div

Check notice on line 253 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
width: 100,
height: 100,
Expand All @@ -272,7 +272,7 @@
onClick={() => {
setRotate(!isRotated)
}}
></motion.div>
/>
</div>

{/* <div
Expand Down Expand Up @@ -302,7 +302,7 @@
margin: '200px 0 0 150px',
}}
>
<motion.div

Check notice on line 305 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
width: 100,
height: 100,
Expand All @@ -328,14 +328,14 @@
setIsAnimation(false)
console.log('Completed animating', definition)
}}
></motion.div>
/>
<div
style={{
display: 'flex',
gap: 20,
}}
>
<motion.div

Check notice on line 338 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
...btnStyle,
pointerEvents: isAnimation ? 'none' : 'auto',
Expand All @@ -351,7 +351,7 @@
</motion.div>
</div>
</div>
<motion.div

Check notice on line 354 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
display: 'flex',
flexDirection: 'column',
Expand All @@ -365,7 +365,7 @@
}}
ref={constraintsRef}
>
<motion.section

Check notice on line 368 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.section
style={{
width: 100,
height: 50,
Expand All @@ -383,7 +383,7 @@
>
拖动元素
</motion.section>
<motion.div

Check notice on line 386 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
width: 100,
height: 100,
Expand All @@ -400,20 +400,17 @@
onDragStart={(event, info) => console.log(info.point.x, info.point.y)}
onDragEnd={(event, info) => console.log(info.point.x, info.point.y)}
onDirectionLock={(axis) => console.log('axis', axis)}
dragSnapToOrigin={true}
dragSnapToOrigin
// dragConstraints={{ left: 0, right: 300 }}
dragConstraints={constraintsRef}
// dragElastic={false}
// dragElastic={0.8}
// dragPropagation={false}
></motion.div>
/>
<div
style={{
display: 'flex',
gap: 20,
}}
>
<motion.div

Check notice on line 413 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={btnStyle}
onTap={() => {
controller.start({ scale: 1.2 })
Expand All @@ -421,7 +418,7 @@
>
大
</motion.div>
<motion.div

Check notice on line 421 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={btnStyle}
onTap={() => {
controller.start({ rotate: 45 })
Expand All @@ -429,7 +426,7 @@
>
旋转
</motion.div>
<motion.div

Check notice on line 429 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={btnStyle}
onClick={() => {
controller.start({ opacity: 0.2 })
Expand All @@ -437,7 +434,7 @@
>
透明度
</motion.div>
<motion.div

Check notice on line 437 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={btnStyle}
onTap={() => {
controller.start({ opacity: 1, rotate: 0, scale: 1.0 })
Expand All @@ -450,7 +447,7 @@

<section ref={targetRef} className="relative h-[300vh] pt-4 bg-neutral-300">
<div className="sticky top-0 flex items-center overflow-hidden">
<motion.div style={{ x: scrYProCardX }} className="flex gap-4">

Check notice on line 450 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
<HorizontalScrollParallax />
</motion.div>
</div>
Expand Down Expand Up @@ -490,7 +487,7 @@
}}
key={i}
>
<motion.div

Check notice on line 490 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
width: 100,
height: 100,
Expand Down Expand Up @@ -539,7 +536,7 @@
</div>
</div>

<motion.div

Check notice on line 539 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
width: 180,
backgroundColor: '#333',
Expand All @@ -553,7 +550,7 @@
setButtonState(!buttonRight)
}}
>
<motion.div

Check notice on line 553 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
layout // 设置在白色圆球元素上，即子元素上 <-
style={{
width: 60,
Expand All @@ -561,11 +558,11 @@
backgroundColor: 'white',
borderRadius: 60,
}}
></motion.div>
/>
</motion.div>

<section style={{ fontSize: 30 }}>scrollDirection: {scrollDirection}</section>
<motion.div

Check notice on line 565 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
width: 200,
height: 100,
Expand All @@ -575,8 +572,8 @@
x,
rotate,
}}
></motion.div>
/>
<motion.div

Check notice on line 576 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
width: 200,
height: 100,
Expand All @@ -584,7 +581,7 @@
borderRadius: '20px',
scaleX,
}}
></motion.div>
/>

<div
style={{
Expand All @@ -598,7 +595,7 @@
marginBottom: 20,
}}
>
<motion.div

Check notice on line 598 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
display: 'flex',
flexDirection: 'column',
Expand All @@ -608,7 +605,7 @@
>
{listLabel.map((item) => {
return (
<motion.div

Check notice on line 608 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
layout
style={{
width: 200,
Expand All @@ -625,7 +622,7 @@
</motion.div>
)
})}
<motion.div

Check notice on line 625 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
width: 160,
height: 30,
Expand Down Expand Up @@ -656,7 +653,7 @@
alignItems: 'center',
}}
>
<motion.div

Check notice on line 656 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
style={{
backgroundColor: '#333',
borderRadius: '10px',
Expand All @@ -669,7 +666,7 @@
layout
>
<LayoutGroup>
<motion.div

Check notice on line 669 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
layout
style={{
width: isBig ? 200 : 60,
Expand All @@ -687,9 +684,9 @@
setBigState(!isBig)
}}
>
<motion.span layout>click</motion.span>

Check notice on line 687 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.span
</motion.div>
<motion.div

Check notice on line 689 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
layout
style={{
width: 60,
Expand All @@ -697,8 +694,8 @@
backgroundColor: '#fff',
borderRadius: 10,
}}
></motion.div>
/>
<motion.div

Check notice on line 698 in src/pages/motion/index.jsx

View workflow job for this annotation

GitHub Actions / Qodana for JS

Unresolved JSX component 

Unresolved component motion.div
layout
style={{
width: 60,
Expand All @@ -706,7 +703,7 @@
backgroundColor: '#fff',
borderRadius: 10,
}}
></motion.div>
/>
</LayoutGroup>
</motion.div>
</div>
Expand Down
Loading