智能解析

2025-09-17 20:13:34 +08:00
parent 30935f71df
commit 137a7321c9
20 changed files with 572 additions and 62 deletions
--- a/src/publish_pages/publishBall/components/AiImportPopup/AiImportPopup.tsx
+++ b/src/publish_pages/publishBall/components/AiImportPopup/AiImportPopup.tsx
@@ -0,0 +1,184 @@
+import React, { useState, useEffect } from 'react'
+import { View, Text, Textarea, Image } from '@tarojs/components'
+import Taro from '@tarojs/taro'
+import { Popup, Toast } from '@nutui/nutui-react-taro'
+import styles from './index.module.scss'
+import images from '@/config/images'
+
+export interface AiImportPopupProps {
+  visible: boolean
+  onClose: () => void
+  onManualPublish?: () => void
+  onPasteAndRecognize?: (text: string) => void
+}
+
+const AiImportPopup: React.FC<AiImportPopupProps> = ({
+  visible,
+  onClose,
+  onManualPublish,
+  onPasteAndRecognize
+}) => {
+  const [text, setText] = useState('')
+  const [uploadFailCount, setUploadFailCount] = useState(0)
+  const maxFailCount = 3
+
+  // 当弹窗显示时，尝试获取剪切板内容
+  useEffect(() => {
+    if (visible) {
+      getClipboardData()
+    }
+  }, [visible])
+
+  const getClipboardData = async () => {
+    try {
+      const res = await Taro.getClipboardData()
+      if (res.data && res.data.trim()) {
+        setText(res.data)
+        Toast.show('toast', {
+          content: '有场读取了你的剪切板信息',
+          duration: 90,
+          wordBreak:'break-word'
+        })
+        // Taro.showToast({
+        //   title: '已读取你的剪切板信息',
+        //   icon: 'success',
+        //   duration: 2000
+        // })
+      } else {
+        Taro.showToast({
+          title: '剪切板为空，请手动输入',
+          icon: 'none',
+          duration: 2000
+        })
+      }
+    } catch (error) {
+      console.error('获取剪切板失败:', error)
+      Taro.showToast({
+        title: '读取剪切板失败，请手动输入',
+        icon: 'error',
+        duration: 2000
+      })
+    }
+  }
+
+  const handleTextChange = (e: any) => {
+    setText(e.detail.value)
+  }
+
+  const handleImageRecognition = async () => {
+    try {
+      const res = await Taro.chooseMedia({
+        count: 1,
+        mediaType: ['image'],
+        sourceType: ['album', 'camera'],
+        camera: 'back'
+      })
+
+      if (res.tempFiles && res.tempFiles.length > 0) {
+        // 这里可以调用图片识别API
+        console.log('选择的图片:', res.tempFiles[0])
+        // TODO: 实现图片识别逻辑
+        Taro.showToast({
+          title: '图片识别功能开发中',
+          icon: 'none'
+        })
+      }
+    } catch (error) {
+      console.error('选择图片失败:', error)
+      setUploadFailCount(prev => prev + 1)
+      Taro.showToast({
+        title: '上传失败',
+        icon: 'error'
+      })
+    }
+  }
+
+  const handlePasteAndRecognize = () => {
+    if (!text.trim()) {
+      Taro.showToast({
+        title: '请输入球局信息',
+        icon: 'none'
+      })
+      return
+    }
+    
+    if (onPasteAndRecognize) {
+      onPasteAndRecognize(text)
+    }
+    onClose()
+  }
+
+  const handleManualPublish = () => {
+    if (onManualPublish) {
+      onManualPublish()
+    }
+    onClose()
+  }
+
+  const showManualButton = uploadFailCount >= maxFailCount
+
+  return (
+    <Popup
+      visible={visible}
+      position="bottom"
+      round={true}
+      closeable={false}
+      onClose={onClose}
+      className={styles.aiImportPopup}
+    >
+      <View className={styles.popupContent}>
+        {/* 头部 */}
+        <View className={styles.header}>
+          <View className={styles.titleContainer}>
+            <Image src={images.ICON_STARK} className={styles.lightningIcon} />
+            <Text className={styles.title}>智能导入球局信息</Text>
+          </View>
+          <View className={styles.closeButton} onClick={onClose}>
+            <Text className={styles.closeIcon}>×</Text>
+          </View>
+        </View>
+
+        {/* 文本域 */}
+        <View className={styles.textAreaContainer}>
+          <Textarea
+            className={styles.textArea}
+            value={text}
+            onInput={handleTextChange}
+            placeholder="请输入球局信息..."
+            maxlength={100}
+            showConfirmBar={false}
+            autoHeight
+          />
+          <View className={styles.charCount}>
+            <Text className={styles.charCountText}>{text.length}/100</Text>
+          </View>
+        </View>
+
+        {/* 图片识别按钮 */}
+        <View className={styles.imageRecognitionContainer}>
+          <View className={styles.imageRecognitionButton} onClick={handleImageRecognition}>
+            <Image src={images.ICON_UPLOAD} className={styles.cameraIcon} />
+            <Text className={styles.imageRecognitionText}>图片识别</Text>
+            <Text className={styles.imageRecognitionDesc}>支持订场截图/小红书笔记截图等图片</Text>
+          </View>
+        </View>
+
+        {/* 底部按钮 */}
+        <View className={styles.bottomButtons}>
+          {showManualButton && (
+            <View className={styles.manualButton} onClick={handleManualPublish}>
+              <Text className={styles.manualButtonText}>手动发布球局</Text>
+            </View>
+          )}
+          <View className={styles.pasteButton} onClick={handlePasteAndRecognize}>
+            <Image src={images.ICON_PLUS} className={styles.clipboardIcon} />
+            <Text className={styles.pasteButtonText}>粘贴并识别</Text>
+          </View>
+        </View>
+      </View>
+      <Toast id="toast" />
+    </Popup>
+  )
+}
+
+export default AiImportPopup