feat(partner): require WeChat OAuth before store photo upload

Co-authored-by: Cursor <cursoragent@cursor.com>

apps/h5-partner/src/components/OssUploadField.tsx

@@ -1,5 +1,11 @@
 import { useEffect, useId, useRef, useState } from 'react';
 import { uploadFileToOss, type OssMediaType } from '../lib/upload';
+import {
+  authorizePartnerWechat,
+  fetchPartnerProfile,
+  needsWechatAuth,
+  type PartnerProfile,
+} from '../lib/wechat-auth';
 import { isWechatEnv, weixinSdk } from '../lib/weixin';
 
 type OssUploadFieldProps = {
@@ -11,6 +17,9 @@ type OssUploadFieldProps = {
   wide?: boolean;
   compact?: boolean;
   label?: string;
+  /** 父级已确认微信授权时可跳过检查 */
+  wechatReady?: boolean;
+  onWechatReadyChange?: (ready: boolean) => void;
 };
 
 const DEFAULT_MAX_MB = 10;
@@ -24,22 +33,39 @@ export default function OssUploadField({
   wide,
   compact,
   label,
+  wechatReady,
+  onWechatReadyChange,
 }: OssUploadFieldProps) {
   const inputId = useId();
   const inputRef = useRef<HTMLInputElement>(null);
   const [uploading, setUploading] = useState(false);
+  const [authorizing, setAuthorizing] = useState(false);
   const [error, setError] = useState('');
+  const [profile, setProfile] = useState<PartnerProfile | null>(null);
 
   const resolvedAccept =
     accept ?? (mediaType === 'VIDEO' ? 'video/*' : mediaType === 'FILE' ? 'image/*,.pdf' : 'image/*');
   const useWechatPicker = isWechatEnv() && mediaType !== 'VIDEO';
+  const needsAuth = useWechatPicker && needsWechatAuth(profile) && wechatReady !== true;
 
   useEffect(() => {
     if (!useWechatPicker) return;
+    void fetchPartnerProfile()
+      .then((me) => {
+        setProfile(me);
+        onWechatReadyChange?.(!!me.hasWechat);
+      })
+      .catch(() => {
+        /* 未登录等场景由上传接口报错 */
+      });
+  }, [useWechatPicker, onWechatReadyChange]);
+
+  useEffect(() => {
+    if (!useWechatPicker || needsAuth) return;
     void weixinSdk.init().catch(() => {
-      /* 点击上传时会再次初始化并提示 */
+      /* 点击上传时会再次初始化 */
     });
-  }, [useWechatPicker]);
+  }, [useWechatPicker, needsAuth]);
 
   async function uploadSelectedFile(file: File) {
     if (file.size > DEFAULT_MAX_MB * 1024 * 1024) {
@@ -59,9 +85,25 @@ export default function OssUploadField({
     }
   }
 
-  async function pickFile() {
-    if (uploading) return;
+  async function startWechatAuth() {
+    setAuthorizing(true);
     setError('');
+    try {
+      await authorizePartnerWechat();
+    } catch (e) {
+      setError(e instanceof Error ? e.message : '微信授权失败');
+      setAuthorizing(false);
+    }
+  }
+
+  async function pickFile() {
+    if (uploading || authorizing) return;
+    setError('');
+
+    if (useWechatPicker && needsAuth) {
+      setError('请先完成微信授权后再上传照片');
+      return;
+    }
 
     if (useWechatPicker) {
       try {
@@ -90,22 +132,37 @@ export default function OssUploadField({
 
   const isImage = mediaType === 'IMAGE' && value;
   const isFile = mediaType === 'FILE' && value;
+  const busy = uploading || authorizing;
 
   const triggerProps = {
     type: 'button' as const,
-    disabled: uploading,
+    disabled: busy || needsAuth,
     onClick: () => void pickFile(),
   };
 
   return (
     <div className="partner-oss-upload">
+      {needsAuth && (
+        <div className="partner-wechat-auth-hint" role="status">
+          <p className="body-md">上传照片需先完成微信授权</p>
+          <button
+            type="button"
+            className="partner-btn-outline"
+            style={{ marginTop: 8, width: '100%' }}
+            disabled={authorizing}
+            onClick={() => void startWechatAuth()}
+          >
+            {authorizing ? '跳转授权中…' : '微信授权'}
+          </button>
+        </div>
+      )}
       <input
         id={inputId}
         ref={inputRef}
         type="file"
         accept={resolvedAccept}
         className="partner-oss-upload-input"
-        disabled={uploading}
+        disabled={busy}
         onChange={(e) => {
           const file = e.target.files?.[0];
           if (file) void uploadSelectedFile(file);
@@ -115,7 +172,7 @@ export default function OssUploadField({
         <button {...triggerProps} className={`partner-upload-preview${wide ? ' partner-upload-preview--wide' : ''}`}>
           <img src={value} alt={label ?? '已上传'} />
           <span className="partner-upload-preview-mask">
-            <span className="material-symbols-outlined">{uploading ? 'hourglass_top' : 'edit'}</span>
+            <span className="material-symbols-outlined">{busy ? 'hourglass_top' : 'edit'}</span>
             <span>{uploading ? '上传中…' : '更换'}</span>
           </span>
         </button>
@@ -135,10 +192,10 @@ export default function OssUploadField({
           className={`partner-upload-dashed${wide ? ' partner-upload-dashed--wide' : ''}${compact ? ' partner-upload-dashed--compact' : ''}`}
         >
           <span className="material-symbols-outlined text-primary" style={{ fontSize: compact ? 28 : 36 }}>
-            {uploading ? 'hourglass_top' : 'add_a_photo'}
+            {busy ? 'hourglass_top' : 'add_a_photo'}
           </span>
           <span className="text-primary" style={{ fontWeight: 500 }}>
-            {uploading ? '上传中…' : (label ?? (useWechatPicker ? '从相册选择' : '点击上传'))}
+            {uploading ? '上传中…' : needsAuth ? '请先微信授权' : (label ?? (useWechatPicker ? '从相册选择' : '点击上传'))}
           </span>
         </button>
       )}