feat: uploadCover

src/pages/publishBall/components/SelectStadium/StadiumDetail.tsx

@@ -3,7 +3,8 @@ import Taro from '@tarojs/taro'
 import { View, Text, Image } from '@tarojs/components'
 import images from '@/config/images'
 import TextareaTag from '@/components/TextareaTag'
-import CoverImageUpload, { type CoverImage } from '@/components/ImageUpload'
+// import CoverImageUpload, { type CoverImage } from '@/components/ImageUpload'
+import UploadCover, { type CoverImageValue } from '@/components/UploadCover'
 import { useDictionaryActions } from '@/store/dictionaryStore'
 import './StadiumDetail.scss'
 
@@ -18,7 +19,7 @@ export interface Stadium {
   court_surface?: string
   description?: string
   description_tag?: string[]
-  venue_image_list?: CoverImage[]
+  venue_image_list?: CoverImageValue[]
 }
 
 interface StadiumDetailProps {
@@ -103,7 +104,7 @@ const StadiumDetail = forwardRef<StadiumDetailRef, StadiumDetailProps>(({
     court_type: court_type[0] || '',
     court_surface: court_surface[0] || '',
     additionalInfo: '',
-    venue_image_list: [] as CoverImage[],
+    venue_image_list: [] as CoverImageValue[],
     description:{
       description: '',
       description_tag: []
@@ -208,9 +209,21 @@ const StadiumDetail = forwardRef<StadiumDetailRef, StadiumDetailProps>(({
         if (item.type === 'image') {
           return (
             <SectionContainer key={item.label} title={item.label} prop={item.prop}>
-              <CoverImageUpload
-                images={formData[item.prop]}
-                onChange={(images) => updateFormData(item.prop, images)}
+              <UploadCover
+                value={formData[item.prop]}
+                onChange={(value) => {
+                  console.log(value, 'value')
+                  if (value instanceof Function) {
+                    const newValue = value(formData[item.prop])
+                    console.log(newValue, 'newValue')
+                    updateFormData(item.prop, newValue)
+                  } else {
+                    updateFormData(item.prop, value)
+                  }
+                }}
+                maxCount={9}
+                source={['album', 'history', 'preset']}
+                align='left'
               />
             </SectionContainer>
           )
@@ -222,4 +235,4 @@ const StadiumDetail = forwardRef<StadiumDetailRef, StadiumDetailProps>(({
   )
 })
 
-export default StadiumDetail 
+export default StadiumDetail