This commit is contained in:
oneao committed 2026-04-20 22:03:40 +08:00
1 parent 6d54a9e407
commit f59d5c4f59
6 files changed
+757 -338

No files matched your search

@@ -73,16 +73,11 @@ func handleThirdLogin(
// ========= 校验状态 ========= // ========= 校验状态 =========
id := toInt64(user["id"]) id := toInt64(user["id"])
status := toInt64(user["status"])
if status == 0 {
return httpx.Fail(c, "账号已被禁用")
}
// ========= 更新登录时间 ========= // ========= 更新登录时间 =========
if err := dbClient.Update( if err := dbClient.Update(
c.Context(), c.Context(),
"user", "b_user",
"id", "id",
map[string]any{ map[string]any{
"id": id, "id": id,
+151 -18
View File
@@ -1,32 +1,165 @@
import React, { useEffect } from "react"; import React, { useEffect, useState } from "react";
import LayoutView from "@/components/layout/view"; import LayoutView from "@/components/layout/view";
import EmptyState from "@/components/EmptyStatus"; import { loadDataApi } from "@/request/api";
import { s3ListBucketsApi } from "@/request/api"; import { View, Text, TouchableOpacity } from "react-native";
import { useFamilyStore } from "@/store";
export default function Home() { export default function Home() {
// const [dailyData, setDailyData] = useState<any>(null); const familyStore = useFamilyStore();
const [family, setFamily] = useState<any>({});
const [duration, setDuration] = useState({
days: 0,
hours: 0,
minutes: 0,
seconds: 0,
});
// useEffect(() => { const mockMembers = [
// fetchDailyInfo() { name: "张三", online: true },
// .then((res: any) => { { name: "李四", online: false },
// if (res?.code === "1") { { name: "王五", online: true },
// console.log(res); ];
// setDailyData(res);
// } async function loadFamilyData() {
// }) const res = await loadDataApi({
// .catch(() => {}); view_name: "b_family",
// }, []); search_condition: "id = ?",
search_columns: [],
order_by: "",
args: [familyStore.currentFamily?.family_id],
});
if (res.isSuccess && res.data.length > 0) {
setFamily(res.data[0]);
}
}
function calcDuration(startTime: string) {
const start = new Date(startTime).getTime();
const now = Date.now();
let diff = Math.floor((now - start) / 1000);
const days = Math.floor(diff / (3600 * 24));
diff %= 3600 * 24;
const hours = Math.floor(diff / 3600);
diff %= 3600;
const minutes = Math.floor(diff / 60);
const seconds = diff % 60;
return { days, hours, minutes, seconds };
}
useEffect(() => { useEffect(() => {
s3ListBucketsApi().then((res) => { loadFamilyData();
console.log(res);
});
}, []); }, []);
useEffect(() => {
if (!family.create_time) return;
const timer = setInterval(() => {
setDuration(calcDuration(family.create_time));
}, 1000);
return () => clearInterval(timer);
}, [family.create_time]);
return ( return (
<LayoutView> <LayoutView>
<LayoutView.ScrollView> <LayoutView.ScrollView>
<EmptyState type="loading" /> {/* 🌸 顶部情绪背景区 */}
<View
style={{
paddingTop: 60,
paddingBottom: 40,
alignItems: "center",
backgroundColor: "#FFF3F6",
borderBottomLeftRadius: 30,
borderBottomRightRadius: 30,
}}
>
<Text style={{ fontSize: 22, fontWeight: "600", color: "#333" }}>
{family.name || "我们的家庭"}
</Text>
<Text style={{ fontSize: 12, color: "#999", marginTop: 6 }}>在一起的第</Text>
{/* 💖 超大核心数字(恋爱记风格) */}
<Text
style={{
fontSize: 56,
fontWeight: "700",
color: "#FF5C8A",
marginTop: 8,
}}
>
{duration.days}
</Text>
<Text style={{ fontSize: 14, color: "#999" }}>天</Text>
</View>
{/* ⏱ 小时间补充 */}
<View style={{ flexDirection: "row", justifyContent: "center", marginTop: 20 }}>
<Text style={{ fontSize: 14, color: "#666" }}>
{duration.hours}时 {duration.minutes}分 {duration.seconds}秒
</Text>
</View>
{/* 💕 情侣/家庭状态区 */}
<View
style={{
marginTop: 30,
marginHorizontal: 20,
backgroundColor: "#fff",
borderRadius: 20,
padding: 16,
shadowColor: "#000",
shadowOpacity: 0.05,
shadowRadius: 10,
elevation: 2,
}}
>
<Text style={{ fontSize: 12, color: "#999", marginBottom: 10 }}>我们的状态</Text>
<View style={{ flexDirection: "row", justifyContent: "space-between" }}>
<Text>家庭成员</Text>
<Text style={{ fontWeight: "600" }}>{mockMembers.length} 人</Text>
</View>
<View style={{ flexDirection: "row", justifyContent: "space-between", marginTop: 8 }}>
<Text>在线人数</Text>
<Text style={{ fontWeight: "600", color: "#FF5C8A" }}>
{mockMembers.filter((m) => m.online).length} 人
</Text>
</View>
</View>
{/* 💌 邀请区(恋爱记风格按钮) */}
<View style={{ paddingHorizontal: 20, marginTop: 20 }}>
<TouchableOpacity
style={{
backgroundColor: "#FF5C8A",
padding: 14,
borderRadius: 30,
alignItems: "center",
}}
>
<Text style={{ color: "#fff", fontWeight: "600" }}>邀请家人加入</Text>
</TouchableOpacity>
</View>
{/* 🔑 邀请码(弱化但温柔) */}
<View style={{ alignItems: "center", marginTop: 20 }}>
<Text style={{ fontSize: 12, color: "#999" }}>邀请码</Text>
<Text style={{ fontSize: 18, fontFamily: "monospace", marginTop: 4 }}>AB12CD</Text>
</View>
{/* 🕊 底部情绪提示 */}
<View style={{ alignItems: "center", marginTop: 30, marginBottom: 40 }}>
<Text style={{ fontSize: 12, color: "#ccc" }}>💖 一起走过的每一天都值得记录</Text>
</View>
</LayoutView.ScrollView> </LayoutView.ScrollView>
</LayoutView> </LayoutView>
); );
+150 -167
View File
@@ -5,10 +5,10 @@ import { Button, LinkButton, ControlField, Checkbox, Spinner } from "heroui-nati
import { IconQq, IconWeixin } from "@/components/iconfont"; import { IconQq, IconWeixin } from "@/components/iconfont";
import { useState } from "react"; import { useState } from "react";
import { FadeIn } from "react-native-reanimated"; import { FadeIn } from "react-native-reanimated";
import { useUserStore } from "@/store"; import { useUserStore, useFamilyStore } from "@/store";
import { useRouter } from "expo-router"; import { useRouter } from "expo-router";
// import ExpoQQ from "expo-qq"; import ExpoQQ from "expo-qq";
// import ExpoWeChat from "expo-wechat"; import ExpoWeChat from "expo-wechat";
import { useEvent } from "expo"; import { useEvent } from "expo";
import { toast } from "sonner-native"; import { toast } from "sonner-native";
import { loginQqApi, loginWxApi } from "@/request/api"; import { loginQqApi, loginWxApi } from "@/request/api";
@@ -16,6 +16,7 @@ import { loginQqApi, loginWxApi } from "@/request/api";
export default function Login() { export default function Login() {
const router = useRouter(); const router = useRouter();
const userStore = useUserStore(); const userStore = useUserStore();
const familyStore = useFamilyStore();
const [loading, setLoading] = useState(false); const [loading, setLoading] = useState(false);
const [isAgreed, setIsAgreed] = useState(true); const [isAgreed, setIsAgreed] = useState(true);
@@ -26,195 +27,182 @@ export default function Login() {
}); });
// 登录 // 登录
// const onLoginFinished = useEvent(ExpoQQ, "onLoginFinished"); const onLoginFinished = useEvent(ExpoQQ, "onLoginFinished");
// const onGetUserInfo = useEvent(ExpoQQ, "onGetUserInfo"); const onGetUserInfo = useEvent(ExpoQQ, "onGetUserInfo");
// const authResult = useEvent(ExpoWeChat, "onAuthResult"); const authResult = useEvent(ExpoWeChat, "onAuthResult");
// useEffect(() => { useEffect(() => {
// ExpoQQ.init("102826474", ""); ExpoQQ.init("102826474", "");
// ExpoWeChat.registerApp("wxdab3e21a1f7e392f", ""); ExpoWeChat.registerApp("wxdab3e21a1f7e392f", "");
// }, []); }, []);
// // 微信登录 // 微信登录
// async function handleLoginWechat() { async function handleLoginWechat() {
// if (loading) { if (loading) {
// return; return;
// } }
// setLoading(true); setLoading(true);
// // 检查微信是否安装 // 检查微信是否安装
// const isInstalled = await ExpoWeChat.isWXAppInstalled(); const isInstalled = await ExpoWeChat.isWXAppInstalled();
// if (!isInstalled) { if (!isInstalled) {
// toast.warning(onLoginFinished?.errorMessage || "请先安装微信"); toast.warning(onLoginFinished?.errorMessage || "请先安装微信");
// setLoading(false); setLoading(false);
// return; return;
// } }
// setForm((val) => ({ setForm((val) => ({
// ...val, ...val,
// type: 0, type: 0,
// })); }));
// ExpoWeChat.sendAuthRequest("snsapi_userinfo", "state123"); ExpoWeChat.sendAuthRequest("snsapi_userinfo", "state123");
// } }
// // QQ 登录 // QQ 登录
// async function handleLoginQQ() { async function handleLoginQQ() {
// if (loading) {
// return;
// }
// setLoading(true);
// setForm((val) => ({
// ...val,
// type: 1,
// }));
// await ExpoQQ.login(["get_user_info"]);
// }
/**
* {"code": 1000, "data": {"avatar": "http://thirdqq.qlogo.cn/ek_qqapp/AQHVialeUibE42oV8RvTTVZ4tyRlPYeJrUibWTwtCPfV68E4rSzn9cw00GkXQ3QDTiawwhjoqQb7/100",
* "nickname": "Zhang", "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7ImlkIjo3OTY0NTY3MTI3ODU5ODl9LCJpYXQiOjE3NzY1ODU2MDR9.ZwmN5_0MGrP9dYpn3quK94HXMG3QYKmAq7wnP5X68dY", "userId": 796456712785989}, "isSuccess": true, "message": "success", "track_id": "djIRo23SZlA160zBTH2DX-kxeuLApKTNyZdxqqauSMk"}
*/
function handleTest() {
if (loading) { if (loading) {
return; return;
} }
setLoading(true); setLoading(true);
setTimeout(() => { setForm((val) => ({
requestAnimationFrame(() => { ...val,
userStore.setUserInfo({ type: 1,
id: 779895419121733, }));
token: "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7ImlkIjo3OTY0NTY3MTI3ODU5ODl9LCJpYXQiOjE3NzY1ODU2MDR9.ZwmN5_0MGrP9dYpn3quK94HXMG3QYKmAq7wnP5X68dY", await ExpoQQ.login(["get_user_info"]);
nickname: "Zhang",
avatar:
"http://thirdqq.qlogo.cn/ek_qqapp/AQHVialeUibE42oV8RvTTVZ4tyRlPYeJrUibWTwtCPfV68E4rSzn9cw00GkXQ3QDTiawwhjoqQb7/100",
});
userStore.setAuthExpired(false);
// router.replace("/(tabs)/home");
router.replace("/family/entry");
});
setLoading(false);
}, 2000);
} }
// useEffect(() => { useEffect(() => {
// if (!onLoginFinished) { if (!onLoginFinished) {
// return; return;
// } }
// if (!onLoginFinished.success) { if (!onLoginFinished.success) {
// toast.warning(onLoginFinished?.errorMessage || "授权失败,请检查手机是否安装 QQ 或确认授权"); toast.warning(onLoginFinished?.errorMessage || "授权失败,请检查手机是否安装 QQ 或确认授权");
// setLoading(false); setLoading(false);
// return; return;
// } }
// const fetchUserInfo = async () => { const fetchUserInfo = async () => {
// try { try {
// const tokenInfo = await ExpoQQ.getLoginTokenInfo(); const tokenInfo = await ExpoQQ.getLoginTokenInfo();
// if (!tokenInfo.openId) { if (!tokenInfo.openId) {
// toast.warning(tokenInfo?.errorMessage || "授权失败,请检查手机是否安装 QQ 或确认授权"); toast.warning(tokenInfo?.errorMessage || "授权失败,请检查手机是否安装 QQ 或确认授权");
// setLoading(false); setLoading(false);
// return; return;
// } }
// setForm((val) => ({ setForm((val) => ({
// ...val, ...val,
// openid: String(tokenInfo.openId), openid: String(tokenInfo.openId),
// })); }));
// await ExpoQQ.sendGetUserInfoReq(); await ExpoQQ.sendGetUserInfoReq();
// } catch (e) { } catch (e) {
// console.log(e); console.log(e);
// setLoading(false); setLoading(false);
// } }
// }; };
// fetchUserInfo(); fetchUserInfo();
// }, [onLoginFinished]); }, [onLoginFinished]);
// // QQ登录 // QQ登录
// useEffect(() => { useEffect(() => {
// const handleLogin = async () => { const handleLogin = async () => {
// if (!onGetUserInfo) { if (!onGetUserInfo) {
// setLoading(false); setLoading(false);
// return; return;
// } }
// try { try {
// const loginRes = await loginQqApi({ const loginRes = await loginQqApi({
// openid: form.openid, openid: form.openid,
// nickname: onGetUserInfo.nickname || "", nickname: onGetUserInfo.nickname || "",
// avatar: onGetUserInfo.figureurlQq_2 || onGetUserInfo.figureurl_2, avatar: onGetUserInfo.figureurlQq_2 || onGetUserInfo.figureurl_2,
// }); });
// console.log(loginRes); if (loginRes.isSuccess) {
requestAnimationFrame(() => {
userStore.setUserInfo({
token: loginRes.data.token,
id: loginRes.data.userId,
nickname: loginRes.data.nickname,
avatar: loginRes.data.avatar,
});
// if (loginRes.isSuccess) { userStore.setAuthExpired(false);
// requestAnimationFrame(() => {
// userStore.setUserInfo({
// token: loginRes.data.token,
// id: loginRes.data.userId,
// nickname: loginRes.data.nickname,
// avatar: loginRes.data.avatar,
// });
// userStore.setAuthExpired(false); if (loginRes.data.family_id === 0) {
// router.replace("/(tabs)/home"); router.replace("/family/entry");
// }); } else {
// } familyStore.setCurrentFamily({
// } catch (err) { family_id: loginRes.data.family_id,
// console.error("登录接口出错", err); });
// } finally {
// setLoading(false);
// }
// };
// handleLogin(); router.replace("/(tabs)/home");
// }, [onGetUserInfo]); }
});
}
} catch (err) {
console.error("登录接口出错", err);
} finally {
setLoading(false);
}
};
// // 微信登录 handleLogin();
// useEffect(() => { }, [onGetUserInfo]);
// if (!authResult) return;
// const handleLogin = async () => { // 微信登录
// if (authResult.errorCode === 0) { useEffect(() => {
// try { if (!authResult) return;
// const loginRes = await loginWxApi({
// code: authResult.code,
// });
// if (loginRes.isSuccess) { const handleLogin = async () => {
// requestAnimationFrame(() => { if (authResult.errorCode === 0) {
// userStore.setUserInfo({ try {
// token: loginRes.data.token, const loginRes = await loginWxApi({
// id: loginRes.data.userId, code: authResult.code,
// nickname: loginRes.data.nickname, });
// avatar: loginRes.data.avatar,
// });
// userStore.setAuthExpired(false); if (loginRes.isSuccess) {
// router.replace("/(tabs)/home"); requestAnimationFrame(() => {
// }); userStore.setUserInfo({
// } token: loginRes.data.token,
// } catch (err) { id: loginRes.data.userId,
// console.error("登录接口出错", err); nickname: loginRes.data.nickname,
// } finally { avatar: loginRes.data.avatar,
// setLoading(false); });
// }
// } else {
// console.log("授权失败:", authResult.errorMessage);
// setLoading(false);
// }
// };
// handleLogin(); userStore.setAuthExpired(false);
// }, [authResult]);
if (loginRes.data.family_id === 0) {
router.replace("/family/entry");
} else {
familyStore.setCurrentFamily({
family_id: loginRes.data.family_id,
});
router.replace("/(tabs)/home");
}
});
}
} catch (err) {
console.error("登录接口出错", err);
} finally {
setLoading(false);
}
} else {
console.log("授权失败:", authResult.errorMessage);
setLoading(false);
}
};
handleLogin();
}, [authResult]);
return ( return (
<> <>
@@ -234,7 +222,7 @@ export default function Login() {
</View> </View>
<View className="flex flex-col gap-4"> <View className="flex flex-col gap-4">
{/* <Button onPress={handleLoginWechat}> <Button onPress={handleLoginWechat}>
{loading ? ( {loading ? (
<Spinner entering={FadeIn.delay(50)} color="white" /> <Spinner entering={FadeIn.delay(50)} color="white" />
) : ( ) : (
@@ -246,11 +234,6 @@ export default function Login() {
<Button variant="outline" onPress={handleLoginQQ}> <Button variant="outline" onPress={handleLoginQQ}>
{loading ? <Spinner entering={FadeIn.delay(50)} /> : <IconQq />} {loading ? <Spinner entering={FadeIn.delay(50)} /> : <IconQq />}
<Button.Label>QQ</Button.Label> <Button.Label>QQ</Button.Label>
</Button> */}
<Button variant="outline" onPress={handleTest}>
{loading ? <Spinner entering={FadeIn.delay(50)} /> : <IconQq />}
<Button.Label>Test</Button.Label>
</Button> </Button>
</View> </View>
+280
View File
@@ -0,0 +1,280 @@
import { useEffect } from "react";
import { Stack } from "expo-router";
import { Image, Text, View } from "react-native";
import { Button, LinkButton, ControlField, Checkbox, Spinner } from "heroui-native";
import { IconQq, IconWeixin } from "@/components/iconfont";
import { useState } from "react";
import { FadeIn } from "react-native-reanimated";
import { useUserStore } from "@/store";
import { useRouter } from "expo-router";
import ExpoQQ from "expo-qq";
import ExpoWeChat from "expo-wechat";
import { useEvent } from "expo";
import { toast } from "sonner-native";
import { loginQqApi, loginWxApi } from "@/request/api";
export default function Login() {
const router = useRouter();
const userStore = useUserStore();
const [loading, setLoading] = useState(false);
const [isAgreed, setIsAgreed] = useState(true);
const [form, setForm] = useState({
type: 0,
openid: "",
code: "",
});
// 登录
// const onLoginFinished = useEvent(ExpoQQ, "onLoginFinished");
// const onGetUserInfo = useEvent(ExpoQQ, "onGetUserInfo");
// const authResult = useEvent(ExpoWeChat, "onAuthResult");
// useEffect(() => {
// ExpoQQ.init("102826474", "");
// ExpoWeChat.registerApp("wxdab3e21a1f7e392f", "");
// }, []);
// // 微信登录
// async function handleLoginWechat() {
// if (loading) {
// return;
// }
// setLoading(true);
// // 检查微信是否安装
// const isInstalled = await ExpoWeChat.isWXAppInstalled();
// if (!isInstalled) {
// toast.warning(onLoginFinished?.errorMessage || "请先安装微信");
// setLoading(false);
// return;
// }
// setForm((val) => ({
// ...val,
// type: 0,
// }));
// ExpoWeChat.sendAuthRequest("snsapi_userinfo", "state123");
// }
// // QQ 登录
// async function handleLoginQQ() {
// if (loading) {
// return;
// }
// setLoading(true);
// setForm((val) => ({
// ...val,
// type: 1,
// }));
// await ExpoQQ.login(["get_user_info"]);
// }
/**
* {"code": 1000, "data": {"avatar": "http://thirdqq.qlogo.cn/ek_qqapp/AQHVialeUibE42oV8RvTTVZ4tyRlPYeJrUibWTwtCPfV68E4rSzn9cw00GkXQ3QDTiawwhjoqQb7/100",
* "nickname": "Zhang", "token": "eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7ImlkIjo3OTY0NTY3MTI3ODU5ODl9LCJpYXQiOjE3NzY1ODU2MDR9.ZwmN5_0MGrP9dYpn3quK94HXMG3QYKmAq7wnP5X68dY", "userId": 796456712785989}, "isSuccess": true, "message": "success", "track_id": "djIRo23SZlA160zBTH2DX-kxeuLApKTNyZdxqqauSMk"}
*/
function handleTest() {
if (loading) {
return;
}
setLoading(true);
setTimeout(() => {
requestAnimationFrame(() => {
userStore.setUserInfo({
id: 779895419121733,
token:
"eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJkYXRhIjp7ImlkIjo3OTY0NTY3MTI3ODU5ODl9LCJpYXQiOjE3NzY1ODU2MDR9.ZwmN5_0MGrP9dYpn3quK94HXMG3QYKmAq7wnP5X68dY",
nickname: "Zhang",
avatar:
"http://thirdqq.qlogo.cn/ek_qqapp/AQHVialeUibE42oV8RvTTVZ4tyRlPYeJrUibWTwtCPfV68E4rSzn9cw00GkXQ3QDTiawwhjoqQb7/100",
});
userStore.setAuthExpired(false);
// router.replace("/(tabs)/home");
router.replace("/family/entry");
});
setLoading(false);
}, 2000);
}
// useEffect(() => {
// if (!onLoginFinished) {
// return;
// }
// if (!onLoginFinished.success) {
// toast.warning(onLoginFinished?.errorMessage || "授权失败,请检查手机是否安装 QQ 或确认授权");
// setLoading(false);
// return;
// }
// const fetchUserInfo = async () => {
// try {
// const tokenInfo = await ExpoQQ.getLoginTokenInfo();
// if (!tokenInfo.openId) {
// toast.warning(tokenInfo?.errorMessage || "授权失败,请检查手机是否安装 QQ 或确认授权");
// setLoading(false);
// return;
// }
// setForm((val) => ({
// ...val,
// openid: String(tokenInfo.openId),
// }));
// await ExpoQQ.sendGetUserInfoReq();
// } catch (e) {
// console.log(e);
// setLoading(false);
// }
// };
// fetchUserInfo();
// }, [onLoginFinished]);
// // QQ登录
// useEffect(() => {
// const handleLogin = async () => {
// if (!onGetUserInfo) {
// setLoading(false);
// return;
// }
// try {
// const loginRes = await loginQqApi({
// openid: form.openid,
// nickname: onGetUserInfo.nickname || "",
// avatar: onGetUserInfo.figureurlQq_2 || onGetUserInfo.figureurl_2,
// });
// console.log(loginRes);
// if (loginRes.isSuccess) {
// requestAnimationFrame(() => {
// userStore.setUserInfo({
// token: loginRes.data.token,
// id: loginRes.data.userId,
// nickname: loginRes.data.nickname,
// avatar: loginRes.data.avatar,
// });
// userStore.setAuthExpired(false);
// router.replace("/(tabs)/home");
// });
// }
// } catch (err) {
// console.error("登录接口出错", err);
// } finally {
// setLoading(false);
// }
// };
// handleLogin();
// }, [onGetUserInfo]);
// // 微信登录
// useEffect(() => {
// if (!authResult) return;
// const handleLogin = async () => {
// if (authResult.errorCode === 0) {
// try {
// const loginRes = await loginWxApi({
// code: authResult.code,
// });
// if (loginRes.isSuccess) {
// requestAnimationFrame(() => {
// userStore.setUserInfo({
// token: loginRes.data.token,
// id: loginRes.data.userId,
// nickname: loginRes.data.nickname,
// avatar: loginRes.data.avatar,
// });
// userStore.setAuthExpired(false);
// router.replace("/(tabs)/home");
// });
// }
// } catch (err) {
// console.error("登录接口出错", err);
// } finally {
// setLoading(false);
// }
// } else {
// console.log("授权失败:", authResult.errorMessage);
// setLoading(false);
// }
// };
// handleLogin();
// }, [authResult]);
return (
<>
<Stack.Screen
options={{
animation: "fade",
}}
/>
<View className="flex-1 bg-white px-6 justify-center">
<View className="items-center mb-12">
<Image
source={require("@/static/images/logo.png")}
className="w-20 h-20 mb-4"
resizeMode="contain"
/>
<Text className="text-xl font-semibold text-gray-900">Welcome to Allapp</Text>
</View>
<View className="flex flex-col gap-4">
{/* <Button onPress={handleLoginWechat}>
{loading ? (
<Spinner entering={FadeIn.delay(50)} color="white" />
) : (
<IconWeixin color="white" />
)}
<Button.Label>WeChat</Button.Label>
</Button>
<Button variant="outline" onPress={handleLoginQQ}>
{loading ? <Spinner entering={FadeIn.delay(50)} /> : <IconQq />}
<Button.Label>QQ</Button.Label>
</Button> */}
<Button variant="outline" onPress={handleTest}>
{loading ? <Spinner entering={FadeIn.delay(50)} /> : <IconQq />}
<Button.Label>Test</Button.Label>
</Button>
</View>
<ControlField
isSelected={isAgreed}
onSelectedChange={setIsAgreed}
className="items-start mt-10"
>
<ControlField.Indicator>
<Checkbox className="w-5 h-5 rounded-sm" />
</ControlField.Indicator>
<View className="flex-row flex-wrap flex-1 gap-1">
<Text className="text-sm text-muted">登录即表示你同意我们的</Text>
<LinkButton size="sm">
<LinkButton.Label className="text-accent">用户协议</LinkButton.Label>
</LinkButton>
<Text className="text-sm text-muted">和</Text>
<LinkButton size="sm">
<LinkButton.Label className="text-accent">隐私政策</LinkButton.Label>
</LinkButton>
</View>
</ControlField>
</View>
</>
);
}
+166 -139
View File
@@ -4,20 +4,17 @@ import { Stack } from "expo-router";
import EmptyState from "@/components/EmptyStatus"; import EmptyState from "@/components/EmptyStatus";
import { import {
Button, Button,
Separator,
Spinner, Spinner,
Chip,
BottomSheet, BottomSheet,
Label, Label,
TextField, TextField,
Input, Input,
InputOTP, InputOTP,
type InputOTPRef, type InputOTPRef,
PressableFeedback,
useBottomSheetAwareHandlers, useBottomSheetAwareHandlers,
} from "heroui-native"; } from "heroui-native";
import { PlusIcon, HousePlusIcon } from "lucide-react-native"; import { PlusIcon, HousePlusIcon } from "lucide-react-native";
import { getUniqueIdApi, loadDataApi, loadDataBySqlApi, saveDataApi } from "@/request/api"; import { getUniqueIdApi, loadDataApi, saveDataApi } from "@/request/api";
import { useUserStore, useFamilyStore } from "@/store"; import { useUserStore, useFamilyStore } from "@/store";
import { toast } from "sonner-native"; import { toast } from "sonner-native";
import { generateCode } from "@/utils/common"; import { generateCode } from "@/utils/common";
@@ -86,6 +83,14 @@ export default function EntryFamily() {
const [createLoading, setCreateLoading] = useState(false); const [createLoading, setCreateLoading] = useState(false);
const createInputRef = useRef<any>(null); const createInputRef = useRef<any>(null);
useEffect(() => {
if (familyStore.inFamily()) {
toast.warning("你已经有家庭了");
router.replace("/home");
}
}, []);
useEffect(() => { useEffect(() => {
if (showCreate) { if (showCreate) {
requestAnimationFrame(() => { requestAnimationFrame(() => {
@@ -114,10 +119,56 @@ export default function EntryFamily() {
} }
}, [showJoin]); }, [showJoin]);
// 是否已有家庭
async function getUserFamily() {
const res = await loadDataApi({
view_name: "b_family_member",
search_condition: "user_id = ?",
order_by: "",
search_columns: ["family_id"],
args: [userStore.userInfo.id],
});
if (!res.isSuccess) return null;
return res.data?.[0]?.family_id || null;
}
// 跳转封装
function enterFamily(familyId: number) {
familyStore.setCurrentFamily({ family_id: familyId });
requestAnimationFrame(() => {
router.replace("/home");
});
}
async function generateInviteCode() {
for (let i = 0; i < 5; i++) {
const code = generateCode(6);
const res = await loadDataApi({
view_name: "b_family",
search_condition: "invite_code = ?",
order_by: "",
search_columns: ["id"],
args: [code],
});
if (!res.isSuccess) throw new Error("邀请码校验失败");
if (res.data.length === 0) {
return code;
}
}
throw new Error("邀请码生成失败");
}
async function handleCreate() { async function handleCreate() {
if (createLoading) return; if (createLoading) return;
if (createForm.name === "") { if (!createForm.name.trim()) {
toast.warning("空间名称不能为空"); toast.warning("空间名称不能为空");
return; return;
} }
@@ -125,65 +176,22 @@ export default function EntryFamily() {
setCreateLoading(true); setCreateLoading(true);
try { try {
// 检查是否存在该家庭 const existFamilyId = await getUserFamily();
const memberRes = await loadDataApi({ if (existFamilyId) {
view_name: "b_family_member",
search_condition: "user_id = ?",
search_columns: ["family_id"],
order_by: "",
args: [userStore.userInfo.id],
});
if (!memberRes.isSuccess) {
return;
}
if (memberRes.data.length > 0) {
toast.warning("你已经有家庭了"); toast.warning("你已经有家庭了");
enterFamily(existFamilyId);
familyStore.setCurrentFamily({
family_id: memberRes.data[0].family_id,
});
requestAnimationFrame(() => {
router.replace("/home");
});
return; return;
} }
let inviteCode = ""; const inviteCode = await generateInviteCode();
let isExist = true;
// 循环生成直到不存在
while (isExist) {
inviteCode = generateCode(6);
const res = await loadDataBySqlApi({
sql: `SELECT 1 FROM b_family WHERE invite_code = ? LIMIT 1`,
args: [inviteCode],
});
if (!res.isSuccess) {
throw new Error("校验邀请码失败");
}
isExist = res.data.length > 0;
}
// 创建
const autoRes = await getUniqueIdApi(2); const autoRes = await getUniqueIdApi(2);
if (!autoRes.isSuccess) { if (!autoRes.isSuccess) return;
return;
}
const familyId = autoRes.data[0]; const [familyId, memberId] = autoRes.data;
const familyMemberId = autoRes.data[1];
// 插入空间 const saveRes = await saveDataApi([
const requestData = []; {
requestData.push({
table_name: "b_family", table_name: "b_family",
key_field: "id", key_field: "id",
inserts: [ inserts: [
@@ -196,15 +204,13 @@ export default function EntryFamily() {
], ],
updates: [], updates: [],
deletes: [], deletes: [],
}); },
{
// 插入空间用户
requestData.push({
table_name: "b_family_member", table_name: "b_family_member",
key_field: "id", key_field: "id",
inserts: [ inserts: [
{ {
id: familyMemberId, id: memberId,
family_id: familyId, family_id: familyId,
user_id: userStore.userInfo.id, user_id: userStore.userInfo.id,
role: 0, role: 0,
@@ -213,28 +219,18 @@ export default function EntryFamily() {
], ],
updates: [], updates: [],
deletes: [], deletes: [],
}); },
]);
const saveRes = await saveDataApi(requestData);
if (saveRes.isSuccess) { if (saveRes.isSuccess) {
toast.success("创建成功"); toast.success("创建成功");
setShowCreate(false); setShowCreate(false);
setCreateForm({ name: "" });
setCreateForm({ enterFamily(familyId);
name: "",
});
familyStore.setCurrentFamily({
family_id: familyId,
});
requestAnimationFrame(() => {
router.replace("/home");
});
} }
} catch (e) { } catch (e) {
console.log(e); console.error(e);
} finally { } finally {
setCreateLoading(false); setCreateLoading(false);
} }
@@ -258,91 +254,56 @@ export default function EntryFamily() {
setJoinLoading(true); setJoinLoading(true);
try { try {
const res = await loadDataBySqlApi({ const existFamilyId = await getUserFamily();
sql: ` SELECT if (existFamilyId) {
s.id, toast.warning("你已经有家庭了");
s.name, enterFamily(existFamilyId);
EXISTS ( return;
SELECT 1 }
FROM space_member sm
WHERE sm.space_id = s.id const res = await loadDataApi({
AND sm.user_id = ? view_name: "b_family",
) AS is_joined search_condition: "invite_code = ?",
FROM space s order_by: "",
WHERE s.invite_code = ? search_columns: ["id"],
LIMIT 1; args: [code],
`,
args: [userStore.userInfo.id, code],
}); });
if (!res.isSuccess) return; if (!res.isSuccess) return;
const row = res.data?.[0]; const family = res.data?.[0];
if (!row) { if (!family) {
toast.warning("邀请码无效"); toast.warning("邀请码无效");
return; return;
} }
if (row.is_joined) {
toast.warning("你已经在该空间了");
return;
}
const autoRes = await getUniqueIdApi(1); const autoRes = await getUniqueIdApi(1);
if (!autoRes.isSuccess) { if (!autoRes.isSuccess) return;
return;
}
// 设置是否是默认空间 const saveRes = await saveDataApi([
let isDefault = false; {
table_name: "b_family_member",
const defaultRes = await loadDataApi({
view_name: "v_user_spaces",
search_condition: `v_user_id = ?`,
search_columns: ["v_is_default"],
order_by: "",
args: [userStore.userInfo.id],
});
if (!defaultRes.isSuccess) {
return;
}
if (defaultRes.data.length == 0) {
isDefault = true;
}
// 加入
const requestData = [];
requestData.push({
table_name: "space_member",
key_field: "id", key_field: "id",
inserts: [ inserts: [
{ {
id: autoRes.data[0], id: autoRes.data[0],
space_id: row.id, family_id: family.id,
user_id: userStore.userInfo.id, user_id: userStore.userInfo.id,
role: 1, role: 1,
is_default: isDefault ? 1 : 0, nickname: userStore.userInfo.nickname,
sort_number: defaultRes.data.length,
member_name: userStore.userInfo.nickname,
}, },
], ],
updates: [], updates: [],
deletes: [], deletes: [],
}); },
]);
const saveRes = await saveDataApi(requestData);
if (saveRes.isSuccess) { if (saveRes.isSuccess) {
toast.success("加入成功"); toast.success("加入家庭成功");
setShowJoin(false); setShowJoin(false);
setJoinForm({ invite_code: "" });
setJoinForm({ enterFamily(family.id);
invite_code: "",
});
} }
} catch (e) { } catch (e) {
console.error(e); console.error(e);
@@ -352,6 +313,12 @@ export default function EntryFamily() {
} }
} }
function handleToLogin() {
requestAnimationFrame(() => {
router.replace("/auth/login");
});
}
return ( return (
<> <>
<Stack.Screen <Stack.Screen
@@ -373,7 +340,12 @@ export default function EntryFamily() {
<Button.Label>创建家庭</Button.Label> <Button.Label>创建家庭</Button.Label>
</Button> </Button>
<Button variant="outline"> <Button
variant="outline"
onPress={() => {
setShowJoin(true);
}}
>
<HousePlusIcon size={20} /> <HousePlusIcon size={20} />
<Button.Label>加入家庭</Button.Label> <Button.Label>加入家庭</Button.Label>
</Button> </Button>
@@ -384,7 +356,12 @@ export default function EntryFamily() {
<View className="flex-1 h-px bg-muted/30" /> <View className="flex-1 h-px bg-muted/30" />
</View> </View>
<TouchableOpacity onPress={() => {}} className="items-center py-2"> <TouchableOpacity
onPress={() => {
handleToLogin();
}}
className="items-center py-2"
>
<Text className="text-sm text-muted">重新登录</Text> <Text className="text-sm text-muted">重新登录</Text>
</TouchableOpacity> </TouchableOpacity>
</View> </View>
@@ -426,6 +403,56 @@ export default function EntryFamily() {
</BottomSheet.Content> </BottomSheet.Content>
</BottomSheet.Portal> </BottomSheet.Portal>
</BottomSheet> </BottomSheet>
<BottomSheet
isOpen={showJoin}
onOpenChange={(val) => {
setShowJoin(val);
}}
>
<BottomSheet.Portal>
<BottomSheet.Overlay />
<BottomSheet.Content
animation={"disabled"}
enableBlurKeyboardOnGesture
keyboardBlurBehavior="restore"
>
<View>
<TextField>
<Label>邀请码</Label>
<BottomSheetTextInputOTP
ref={joinInputRef}
maxLength={6}
value={joinForm.invite_code}
onChange={(val) => {
setJoinForm({
invite_code: val,
});
}}
>
<InputOTP.Group>
<InputOTP.Slot index={0} />
<InputOTP.Slot index={1} />
<InputOTP.Slot index={2} />
</InputOTP.Group>
<InputOTP.Separator />
<InputOTP.Group>
<InputOTP.Slot index={3} />
<InputOTP.Slot index={4} />
<InputOTP.Slot index={5} />
</InputOTP.Group>
</BottomSheetTextInputOTP>
</TextField>
<Button className="mt-3" onPress={handleJoin}>
{joinLoading && <Spinner entering={FadeIn.delay(50)} color="white" />}
<Button.Label>加入</Button.Label>
</Button>
</View>
</BottomSheet.Content>
</BottomSheet.Portal>
</BottomSheet>
</> </>
); );
} }
+9 -8
View File
@@ -1,16 +1,17 @@
export interface LoginQqParams { export interface LoginQqParams {
openid: string openid: string;
nickname: string nickname: string;
avatar: string avatar: string;
} }
export interface LoginWxParams { export interface LoginWxParams {
code: string code: string;
} }
export interface LoginResult { export interface LoginResult {
token: string token: string;
userId: number userId: number;
nickname: string nickname: string;
avatar: string avatar: string;
family_id: number;
} }