添加程序选择

src/components/UserInfo/index.tsx

@@ -1,4 +1,4 @@
-import React, { useState, useEffect, useRef, useContext } from "react";
+import React, { useState, useEffect, useRef } from "react";
 import Taro, { useDidShow } from "@tarojs/taro";
 import { View, Text, Image, Button } from "@tarojs/components";
 import "./index.scss";
@@ -10,7 +10,7 @@ import { useUserActions } from "@/store/userStore";
 import { UserInfoType } from "@/services/userService";
 import { useCities, useProfessions } from "@/store/pickerOptionsStore";
 import { formatNtrpDisplay } from "@/utils/helper";
-import FamilyContext from "@/context";
+import { useGlobalState } from "@/store/global";
 
 // 用户信息接口
 // export interface UserInfo {
@@ -72,7 +72,7 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
   set_user_info,
   onTab,
 }) => {
-  const { handleGrandchildTrigger } = useContext(FamilyContext);
+  const { setShowGuideBar } = useGlobalState();
   const { updateUserInfo } = useUserActions();
 
   // 使用 useRef 记录上一次的 user_info，只在真正变化时打印
@@ -111,10 +111,9 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
       ntrp_picker_visible,
       occupation_picker_visible,
     ];
-    const showGuideBar = visibles.every((item) => !item);
-    if (showGuideBar) {
-      handleGrandchildTrigger(false);
-    }
+    const allPickersClosed = visibles.every((item) => !item);
+    // 所有选择器都关闭时，显示 GuideBar；否则隐藏
+    setShowGuideBar(allPickersClosed);
   }, [
     gender_picker_visible,
     location_picker_visible,
@@ -152,7 +151,8 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
   // };
   // 处理编辑弹窗
   const handle_open_edit_modal = (field: string) => {
-    handleGrandchildTrigger(true);
+    // 打开编辑弹窗时隐藏 GuideBar
+    setShowGuideBar(false);
     if (field === "gender") {
       setGenderPickerVisible(true);
       return;
@@ -171,11 +171,11 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
     }
     if (field === "nickname") {
       // 手动输入
-      handleGrandchildTrigger(true);
+      setShowGuideBar(false);
       setEditingField(field);
       setEditModalVisible(true);
     } else {
-      handleGrandchildTrigger(true);
+      setShowGuideBar(false);
       setEditingField(field);
       setEditModalVisible(true);
     }
@@ -283,7 +283,8 @@ const UserInfoCardComponent: React.FC<UserInfoCardProps> = ({
     handle_field_edit("occupation", `${country} ${province} ${city}`);
   };
   const handle_edit_modal_cancel = () => {
-    handleGrandchildTrigger(false);
+    // 关闭编辑弹窗时显示 GuideBar
+    setShowGuideBar(true);
     setEditModalVisible(false);
     setEditingField("");
   };