From e6e660a660142182c72467cd675f3bff42855696 Mon Sep 17 00:00:00 2001
From: "deepsource-autofix[bot]"
 <62050782+deepsource-autofix[bot]@users.noreply.github.com>
Date: Tue, 24 Dec 2024 06:40:13 +0000
Subject: [PATCH] style: format code with Prettier and StandardJS

This commit fixes the style issues introduced in 7c0f009 according to the output
from Prettier and StandardJS.

Details: None
---
 src/pages/motion/index.jsx | 41 ++++++++++++++++++--------------------
 1 file changed, 19 insertions(+), 22 deletions(-)

diff --git a/src/pages/motion/index.jsx b/src/pages/motion/index.jsx
index 95337eea..8182762b 100644
--- a/src/pages/motion/index.jsx
+++ b/src/pages/motion/index.jsx
@@ -59,7 +59,7 @@ const easeNames = [
 ]
 
 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)
@@ -110,7 +110,7 @@ const ParallaxVert = () => {
           borderRadius: '3px',
           scaleX: scrollYProgress,
         }}
-      ></motion.div>
+      />
       <motion.div
         style={{
           width: 100,
@@ -134,7 +134,7 @@ const ParallaxVert = () => {
           rotate: 45, // 旋转45度
           opacity: 0.5, // 不透明度设置为0.5
         }}
-      ></motion.div>
+      />
       <motion.div
         transformTemplate={template}
         animate={{ rotate: 360 }}
@@ -146,7 +146,7 @@ const ParallaxVert = () => {
           rotate: 0,
           x: '200px',
         }}
-      ></motion.div>
+      />
 
       <motion.div
         style={{
@@ -159,9 +159,9 @@ const ParallaxVert = () => {
           duration: 2,
         }}
         variants={animations}
-        initial={'hidden'}
-        animate={'show'}
-      ></motion.div>
+        initial="hidden"
+        animate="show"
+      />
       <motion.ul
         initial="hidden"
         animate="visible"
@@ -212,7 +212,7 @@ const ParallaxVert = () => {
           onClick={() => {
             setRotate(!isRotated)
           }}
-        ></motion.div>
+        />
         <div
           style={{
             display: 'flex',
@@ -266,13 +266,10 @@ const ParallaxVert = () => {
           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',
@@ -349,7 +346,7 @@ const ParallaxVert = () => {
             setIsAnimation(false)
             console.log('Completed animating', definition)
           }}
-        ></motion.div>
+        />
         <div
           style={{
             display: 'flex',
@@ -482,7 +479,7 @@ const ParallaxVert = () => {
             duration: 1,
             repeat: Infinity,
           }}
-        ></motion.div>
+        />
       </div>
 
       <motion.div
@@ -507,7 +504,7 @@ const ParallaxVert = () => {
             backgroundColor: 'white',
             borderRadius: 60,
           }}
-        ></motion.div>
+        />
       </motion.div>
 
       <div
@@ -598,7 +595,7 @@ const ParallaxVert = () => {
           onTap={() => {
             setButtonState(!buttonRight)
           }}
-        ></motion.div>
+        />
 
         <motion.div
           style={{
@@ -618,7 +615,7 @@ const ParallaxVert = () => {
           onTap={() => {
             setButtonState(!buttonRight)
           }}
-        ></motion.div>
+        />
         <span
           style={{
             color: '#aaa',
@@ -677,7 +674,7 @@ const ParallaxVert = () => {
                 backgroundColor: '#fff',
                 borderRadius: 10,
               }}
-            ></motion.div>
+            />
             <motion.div
               layout
               style={{
@@ -686,7 +683,7 @@ const ParallaxVert = () => {
                 backgroundColor: '#fff',
                 borderRadius: 10,
               }}
-            ></motion.div>
+            />
           </LayoutGroup>
         </motion.div>
       </div>
@@ -734,7 +731,7 @@ const ParallaxVert = () => {
                 backgroundColor: 'black',
                 borderRadius: 60,
               }}
-            ></motion.div>
+            />
           </motion.div>
           <motion.span layout>黑点和文字都设置了layout</motion.span>
         </div>
@@ -772,7 +769,7 @@ const ParallaxVert = () => {
                 backgroundColor: 'black',
                 borderRadius: 60,
               }}
-            ></motion.div>
+            />
           </motion.div>
           <motion.span>黑点和文字都未设置layout</motion.span>
         </div>