🌈 style(eslint): 新增eslint规则

src/components/LabAndImg/index.tsx

@@ -1,16 +1,16 @@
-import { formatImgUrl, formatRemoveHashTag } from '@/common/fotmat'
-import Preview from '@/pages/details/components/preview'
 import { Image, View } from '@tarojs/components'
 import { memo, useCallback, useEffect, useMemo, useState } from 'react'
-import styles from './index.module.scss'
 import LabAndImgShow from '../LabAndImgShow'
+import styles from './index.module.scss'
+import Preview from '@/pages/details/components/preview'
+import { formatImgUrl, formatRemoveHashTag } from '@/common/fotmat'
 
-//该组件宽高为100%需调整外层元素宽高
-type Param = {
+// 该组件宽高为100%需调整外层元素宽高
+interface Param {
   value: {
-    texture_url?: string //纹理图路径
-    lab?: { l: number; a: number; b: number } //lab
-    rgb?: { r: number; g: number; b: number } //rgb
+    texture_url?: string // 纹理图路径
+    lab?: { l: number; a: number; b: number } // lab
+    rgb?: { r: number; g: number; b: number } // rgb
     title?: string
   }
   showStatus?: true | false
@@ -21,18 +21,19 @@ type Param = {
 export default memo(({ value, onClick, showStatus = false, round = false, name = '' }: Param) => {
   const [imgs, setImgs] = useState<string>('')
 
-  //lab是否都是0
+  // lab是否都是0
   const rgbStyle = useMemo(() => {
     if (value?.lab && (value?.lab.l || value?.lab.a || value?.lab.b)) {
       return { backgroundColor: `rgb(${value.rgb?.r} ${value.rgb?.g} ${value.rgb?.b})` }
-    } else {
+    }
+    else {
       return null
     }
   }, [value])
 
   useEffect(() => {
     if (value?.texture_url) {
-      let imgs = value.texture_url.split(',').map((item) => {
+      const imgs = value.texture_url.split(',').map((item) => {
         return formatImgUrl(item)
       })
       setImgs(() => imgs[0])
@@ -46,7 +47,7 @@ export default memo(({ value, onClick, showStatus = false, round = false, name =
 
   const onShowLabAndImg = (e) => {
     onClick?.(value)
-    if (!showStatus) return false
+    if (!showStatus) { return false }
     setLabAndImgShow(true)
   }
 
@@ -59,15 +60,16 @@ export default memo(({ value, onClick, showStatus = false, round = false, name =
       <View className={styles.labAndImg_main} style={{ borderRadius: round ? '50%' : '' }} onClick={onShowLabAndImg}>
         {value.texture_url && (
           <Image
-            mode='aspectFill'
+            mode="aspectFill"
             src={imgs}
-            onError={(e) => checkLoad(e)}
+            onError={e => checkLoad(e)}
             className={styles.labAndImg_image}
-            style={{ borderRadius: round ? '50%' : '' }}></Image>
+            style={{ borderRadius: round ? '50%' : '' }}
+          ></Image>
         )}
         {!value.texture_url && rgbStyle && <View className={styles.boxColor} style={{ ...rgbStyle, borderRadius: round ? '50%' : '' }}></View>}
         {!value.texture_url && !rgbStyle && (
-          <Image mode='aspectFill' src={formatImgUrl('')} className={styles.labAndImg_image} style={{ borderRadius: round ? '50%' : '' }}></Image>
+          <Image mode="aspectFill" src={formatImgUrl('')} className={styles.labAndImg_image} style={{ borderRadius: round ? '50%' : '' }}></Image>
         )}
         {name && <View className={styles.labAndImg_name}>{name}</View>}
       </View>