fix: 删除FromCom

.env.local

@@ -1,8 +1,10 @@
 # 环境
 #baseurl
 NEXT_PUBLIC_BASE_URL=http://192.168.0.84:8800
+#NEXT_PUBLIC_BASE_URL=http://192.168.0.67:8800
 #share link
 NEXT_PUBLIC_SHARE_URL=http://192.168.0.84:3000
+
 #firebase
 NEXT_PUBLIC_FIREBASE_APIKEY=AIzaSyDAWORGKhdyzb5KeqTi535VmD5gN2Cdle8
 NEXT_PUBLIC_FIREBASE_AUTHDOMAIN=bcwin-a99b1.firebaseapp.com
@@ -12,4 +14,3 @@ NEXT_PUBLIC_FIREBASE_MESSAGINGSENDERID=1055413612814
 NEXT_PUBLIC_FIREBASE_APPID=1:1055413612814:web:7a563237de8e43849d275f
 NEXT_PUBLIC_FIREBASE_MEASUREMENTID=G-467M2BYJMS
 NEXT_PUBLIC_FIREBASE_KEYS=BAOsT7kii-ctLzGrgXe_wYhfuxlme1v4njnD0uPSKp3DpSnrUa2e709b9dRaeYVU7jF_qIx1y9tEv0CvilDCdnM
-

src/app/[locale]/(enter)/components/FromCom/action.ts

@@ -1,55 +0,0 @@
-"use server";
-import { loginApi, registerApi, userInfoApi } from "@/api/login";
-import { getTranslations } from "next-intl/server";
-import { cookies } from "next/headers";
-
-export async function loginAction(formData: FormData) {
-    const userPhone = formData.get("userPhone") as string;
-    const pwd = formData.get("pwd") as string;
-
-    const t = await getTranslations("code");
-
-    try {
-        const response = await loginApi({ user_phone: userPhone, pwd });
-        const { data } = response;
-        if (response.data.token) {
-            cookies().set("Token", response.data.token as string);
-        }
-        if (!Array.isArray(data)) {
-            const userInfo = await userInfoApi();
-            return {
-                success: true,
-                user: userInfo.data,
-                token: response.data.token,
-            };
-        }
-        return {
-            success: false,
-            message: t(`${response.code}`),
-        };
-    } catch (error: any) {
-        return {
-            success: false,
-            message: t(`${error.code}`) || "",
-        };
-    }
-}
-
-export async function registerAction(formData: FormData) {
-    const userPhone = formData.get("userPhone") as string;
-    const pwd = formData.get("pwd") as string;
-    const referrer_code = formData.get("referrer_code") as string;
-    const t = await getTranslations("code");
-    try {
-        const response = await registerApi({ user_phone: userPhone, pwd, referrer_code });
-        return {
-            success: true,
-            message: t(`${response.code}`) || "",
-        };
-    } catch (error: any) {
-        return {
-            success: false,
-            message: t(`${error.code}`) || "",
-        };
-    }
-}

src/app/[locale]/(enter)/components/FromCom/index-copy.tsx

@@ -1,112 +0,0 @@
-"use client";
-import ButtonOwn from "@/components/ButtonOwn";
-import { Link, useRouter } from "@/i18n/routing";
-import { useUserInfoStore } from "@/stores/useUserInfoStore";
-import { setCookies } from "@/utils/Cookies";
-import { Toast } from "antd-mobile";
-import clsx from "clsx";
-import { useTranslations } from "next-intl";
-import { useSearchParams } from "next/navigation";
-import { FC, PropsWithChildren, useState } from "react";
-import { useFormStatus } from "react-dom";
-import { loginAction } from "./action";
-import "./style.scss";
-
-/**
- * @description 登录注册From表单
- * @param {string} type 使用类型
- * @param {string} msgError 错误提示 login 或 register
- * @param {(params: any) => void} callbackFun 回调方法
- */
-export interface FromComProps {
-    type?: string;
-    msgError?: string;
-    callbackFun?: (params: any) => void;
-}
-const initialState = {
-    message: "",
-};
-const Submit = (props: { text: string }) => {
-    const { text } = props;
-    const { pending, data } = useFormStatus();
-    return (
-        <ButtonOwn disabled={pending} type={"submit"} active={true}>
-            {text}
-        </ButtonOwn>
-    );
-};
-
-const FromCom: FC<PropsWithChildren<FromComProps>> = ({ type = "login", msgError = "" }) => {
-    const t = useTranslations("LoginPage");
-    let [pwdVisible, setPwdVisible] = useState(false);
-    const searchParams = useSearchParams();
-    const router = useRouter();
-    const { setUserInfo } = useUserInfoStore();
-    const [loginFormStatus, setLoginFormStatus] = useState<{ success?: boolean; message?: string }>(
-        {}
-    );
-
-    const formAction = async (formData: FormData) => {
-        Toast.show({ icon: "loading", duration: 3000, maskClickable: false });
-        const result = await loginAction(formData);
-        setUserInfo(result.user);
-        setCookies("Token", result.token!);
-        setLoginFormStatus(result);
-        Toast.clear();
-        if (result.success) {
-            router.replace(searchParams.get("redirect") || "/");
-        }
-    };
-    const onsubmit = (e: React.FormEvent<HTMLFormElement>) => {
-        e.preventDefault();
-        const formData = new FormData(e.target as HTMLFormElement);
-        formAction(formData);
-    };
-
-    const spanClassName = clsx("iconfont", {
-        "icon-kejian": pwdVisible,
-        "icon-bukejian": !pwdVisible,
-    });
-
-    return (
-        <div className="FromCom">
-            <form onSubmit={onsubmit}>
-                <div className="phoneInput">
-                    <span className="after">{t("areaCode")}</span>
-                    <input name="userPhone" type="tel" placeholder={t("Celular")} maxLength={11} />
-                </div>
-                <div className="passwordInput">
-                    <input
-                        name="pwd"
-                        type={pwdVisible ? "text" : "password"}
-                        placeholder={t("Senha")}
-                        maxLength={12}
-                    />
-                    <span
-                        className={spanClassName}
-                        onClick={() => setPwdVisible(!pwdVisible)}
-                    ></span>
-                </div>
-                <div className="btnContent">
-                    <div className="tips"> {loginFormStatus.message} </div>
-                    <Submit text={type == "login" ? "Login" : t("register")} />
-                </div>
-            </form>
-
-            <div className="link">
-                {type == "login" ? (
-                    <>
-                        <Link href="/resetPhone">{t("forgetPwd")}</Link>
-                        <Link href="/register">{t("registerGo")}</Link>
-                    </>
-                ) : (
-                    <Link href="/login" className="active" replace>
-                        {t("loginGo")}
-                    </Link>
-                )}
-            </div>
-        </div>
-    );
-};
-
-export default FromCom;

src/app/[locale]/(enter)/components/FromCom/index.tsx

@@ -1,137 +0,0 @@
-"use client";
-import ButtonOwn from "@/components/ButtonOwn";
-import { Link, useRouter } from "@/i18n/routing";
-import { useUserInfoStore } from "@/stores/useUserInfoStore";
-import { Toast } from "antd-mobile";
-import clsx from "clsx";
-import { useTranslations } from "next-intl";
-import { useSearchParams } from "next/navigation";
-import { FC, FormEvent, PropsWithChildren, useState } from "react";
-import { useFormStatus } from "react-dom";
-import { loginAction, registerAction } from "./action";
-import "./style.scss";
-
-/**
- * @description 登录注册From表单
- * @param {string} type 使用类型 login 或 register
- * @param {string} msgError 错误提示 login 或 register
- * @param {(params: any) => void} callbackFun 回调方法
- */
-export interface FromComProps {
-    type?: string;
-    msgError?: string;
-    callbackFun?: (params: any) => void;
-}
-const initialState = {
-    message: "",
-};
-const Submit = (props: { text: string }) => {
-    const { text } = props;
-    const { pending, data } = useFormStatus();
-    return (
-        <ButtonOwn disabled={pending} type={"submit"} active={true}>
-            {text}
-        </ButtonOwn>
-    );
-};
-
-/**
- * @deprecated  使用 Form/index
- */
-const FromCom: FC<PropsWithChildren<FromComProps>> = ({ type = "login", msgError = "" }) => {
-    const t = useTranslations("LoginPage");
-    let [pwdVisible, setPwdVisible] = useState(false);
-    const searchParams = useSearchParams();
-    const router = useRouter();
-    const { setUserInfo } = useUserInfoStore();
-    const [loginFormStatus, setLoginFormStatus] = useState<{ success?: boolean; message?: string }>(
-        {}
-    );
-
-    const formAction = async (formData: FormData) => {
-        if (!formData.get("userPhone")) {
-            setLoginFormStatus({ success: false, message: "Please input phoneNumber" });
-            return;
-        }
-        if (!formData.get("pwd")) {
-            setLoginFormStatus({ success: false, message: "Please input password" });
-            return;
-        }
-        Toast.show({ icon: "loading", duration: 3000, maskClickable: false });
-        if (type === "login") {
-            const result = await loginAction(formData);
-            setUserInfo(result.user);
-            setLoginFormStatus(result);
-            if (result.success) {
-                router.replace(searchParams.get("redirect") || "/");
-            }
-        } else {
-            formData.set("referrer_code", sessionStorage.getItem("shareId") ?? "");
-            const result = await registerAction(formData);
-            if (result.success) {
-                // const loginResult = await loginAction(formData);
-                // setUserInfo(loginResult.user);
-                // setToken(loginResult.token!);
-                // setLoginFormStatus(result);
-                // if (result.success) {
-                //     router.replace(searchParams.get("redirect") || "/");
-                // }
-                router.replace("/login");
-            } else {
-                setLoginFormStatus({ success: false, message: result.message });
-            }
-        }
-        Toast.clear();
-    };
-    const onsubmit = async (e: FormEvent<HTMLFormElement>) => {
-        e.preventDefault();
-        const formData = new FormData(e.target as HTMLFormElement);
-        await formAction(formData);
-    };
-
-    const spanClassName = clsx("iconfont", {
-        "icon-kejian": pwdVisible,
-        "icon-bukejian": !pwdVisible,
-    });
-
-    return (
-        <div className="FromCom">
-            <form onSubmit={onsubmit}>
-                <div className="phoneInput">
-                    <span className="after">{t("areaCode")}</span>
-                    <input name="userPhone" type="tel" placeholder={t("Celular")} maxLength={11} />
-                </div>
-                <div className="passwordInput">
-                    <input
-                        name="pwd"
-                        type={pwdVisible ? "text" : "password"}
-                        placeholder={t("Senha")}
-                        maxLength={12}
-                    />
-                    <span
-                        className={spanClassName}
-                        onClick={() => setPwdVisible(!pwdVisible)}
-                    ></span>
-                </div>
-                <div className="btnContent">
-                    <div className="tips"> {loginFormStatus.message} </div>
-                    <Submit text={type == "login" ? "Login" : t("register")} />
-                </div>
-            </form>
-            <div className="link">
-                {type == "login" ? (
-                    <>
-                        <Link href="/resetPhone">{t("forgetPwd")}</Link>
-                        <Link href="/register">{t("registerGo")}</Link>
-                    </>
-                ) : (
-                    <Link href="/login" className="active" replace>
-                        {t("loginGo")}
-                    </Link>
-                )}
-            </div>
-        </div>
-    );
-};
-
-export default FromCom;

src/app/[locale]/(enter)/components/FromCom/style.scss

@@ -1,84 +0,0 @@
-.FromCom {
-  width: 100%;
-  height: auto;
-  //background-color: #1f1f1f;
-  padding: 0 .18rem;
-
-  .passwordInput {
-    margin: .13rem 0 .04rem;
-    padding: 0 .23rem;
-
-    .iconfont {
-      margin-left: .05rem;
-      font-size: .18rem;
-      color: #000;
-    }
-  }
-
-  .phoneInput {
-    .after {
-      margin-left: .1rem;
-      font-size: .14rem;
-      color: #868686;
-    }
-    input {
-      padding-left: .14rem;
-      -webkit-box-sizing: border-box;
-      box-sizing: border-box;
-    }
-  }
-
-  input {
-    flex: 1;
-    background-color: #494949;
-    height: .48rem;
-    line-height: auto;
-    color: #868686;
-    font-size: .14rem;
-    outline: none;
-    &::placeholder {
-      color: #868686;
-    }
-  }
-
-  .btnContent {
-    margin: .29rem 0 .19rem;
-    .tips {
-      text-align: center;
-      margin-bottom: .06rem;
-      color: #e53535;
-      font-size: 0.12rem;
-    }
-  }
-
-  .link {
-    margin-bottom: .2rem;
-    display: flex;
-    -webkit-box-pack: justify;
-    -ms-flex-pack: justify;
-    justify-content: space-between;
-
-    a {
-      font-size: .12rem;
-      color: #fff;
-      text-align: center;
-      display: block;
-
-      &.active {
-        width: 100%;
-      }
-    }
-  }
-}
-
-.FromCom .phoneInput, .FromCom .passwordInput {
-  width: 100%;
-  height: auto;
-  background-color: #494949;
-  border-radius: 4px;
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  overflow: hidden;
-  margin-top: .16rem;
-}