@befly-addon/admin 1.1.29 → 1.1.30

package/views/login_1/components/emailLoginForm.vue

@@ -1,174 +0,0 @@
-<template>
-    <TForm :model="$Data.formData" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)" class="login-form" :show-message="false" label-width="0">
-        <TFormItem prop="account">
-            <TInput v-model="$Data.formData.account" placeholder="用户名或邮箱" size="large" clearable @enter="$Method.apiLogin">
-                <template #prefix-icon>
-                    <ILucideUser />
-                </template>
-            </TInput>
-        </TFormItem>
-
-        <TFormItem prop="password">
-            <TInput v-model="$Data.formData.password" type="password" placeholder="密码" size="large" clearable @enter="$Method.apiLogin">
-                <template #prefix-icon>
-                    <ILucideLock />
-                </template>
-            </TInput>
-        </TFormItem>
-
-        <div class="form-options">
-            <TCheckbox v-model="$Data.rememberMe">记住我</TCheckbox>
-            <a href="#" class="link-text">忘记密码？</a>
-        </div>
-
-        <TButton theme="primary" class="login-btn" size="large" block :loading="$Data.loading" @click="$Method.apiLogin"> 登录 </TButton>
-    </TForm>
-</template>
-
-<script setup>
-import { useRouter } from 'vue-router';
-import { Form as TForm, FormItem as TFormItem, Input as TInput, Button as TButton, Checkbox as TCheckbox, MessagePlugin } from 'tdesign-vue-next';
-import ILucideUser from '~icons/lucide/user';
-import ILucideLock from '~icons/lucide/lock';
-import { $Http } from '@/plugins/http';
-import { $Storage } from '@/plugins/storage';
-import { hashPassword } from 'befly-shared/hashPassword';
-
-const router = useRouter();
-
-// 表单引用
-const $From = $shallowRef({
-    form: null
-});
-
-// 数据定义
-const $Data = $ref({
-    loading: false,
-    rememberMe: false,
-    formData: {
-        account: '',
-        password: ''
-    }
-});
-
-const $Data2 = $shallowRef({
-    formRules: {
-        account: [{ required: true, message: '请输入用户名或邮箱', trigger: 'blur' }],
-        password: [{ required: true, message: '请输入密码', trigger: 'blur' }]
-    }
-});
-
-// 方法定义
-const $Method = {
-    async apiLogin() {
-        try {
-            const valid = await $From.form.validate();
-
-            $Data.loading = true;
-
-            // 对密码进行 SHA-256 加密
-            const hashedPassword = await hashPassword($Data.formData.password);
-
-            const res = await $Http('/addon/admin/auth/login', {
-                account: $Data.formData.account,
-                password: hashedPassword
-            });
-
-            // 先保存 token
-            $Storage.local.set('token', res.data.token);
-
-            // 如果返回用户信息,也可以存储
-            if (res.data.userInfo) {
-                $Storage.local.set('userInfo', res.data.userInfo);
-            }
-
-            MessagePlugin.info({
-                message: '登录成功',
-                status: 'success'
-            });
-
-            // 跳转到首页，路由守卫会自动加载菜单
-            await router.push('/');
-        } catch (error) {
-            console.log('🔥[ error ]-77', error);
-        } finally {
-            $Data.loading = false;
-        }
-    }
-};
-</script>
-
-<style scoped lang="scss">
-.login-form {
-    width: 100%;
-
-    :deep(.t-form__item) {
-        margin-bottom: 1.25rem;
-    }
-
-    :deep(.t-form__controls) {
-        width: 100%;
-    }
-
-    :deep(.t-input) {
-        width: 100%;
-        border-radius: 8px;
-        transition: all 0.3s;
-
-        &:hover {
-            border-color: #667eea;
-        }
-
-        &:focus-within {
-            border-color: #667eea;
-            box-shadow: 0 0 0 3px rgba(102, 126, 234, 0.1);
-        }
-    }
-
-    :deep(.t-input__wrap) {
-        width: 100%;
-    }
-}
-
-.form-options {
-    display: flex;
-    justify-content: space-between;
-    align-items: center;
-    margin-bottom: 1.5rem;
-    font-size: 0.875rem;
-
-    .link-text {
-        color: var(--login-link);
-        text-decoration: none;
-        transition: color 0.3s;
-
-        &:hover {
-            color: var(--login-link-hover);
-        }
-    }
-}
-
-.login-btn {
-    width: 100%;
-    height: 48px;
-    border-radius: 8px;
-    font-size: 1rem;
-    font-weight: 600;
-    background: linear-gradient(135deg, var(--login-btn-gradient-start) 0%, var(--login-btn-gradient-end) 100%);
-    border: none;
-    transition: all 0.3s;
-
-    &:hover {
-        transform: translateY(-2px);
-        box-shadow: 0 8px 20px var(--login-btn-shadow);
-    }
-
-    &:active {
-        transform: translateY(0);
-    }
-
-    :deep(.t-button__text) {
-        color: #fff;
-    }
-}
-</style>

package/views/login_1/components/registerForm.vue

@@ -1,175 +0,0 @@
-<template>
-    <TForm :model="$Data.formData" :rules="$Data2.formRules" :ref="(el) => ($From.form = el)" class="login-form" label-width="70px" label-position="left">
-        <TFormItem prop="username" label="用户名">
-            <TInput v-model="$Data.formData.username" placeholder="请输入用户名" size="large" clearable>
-                <template #prefix-icon>
-                    <ILucideUser />
-                </template>
-            </TInput>
-        </TFormItem>
-
-        <TFormItem prop="email" label="邮箱">
-            <TInput v-model="$Data.formData.email" placeholder="请输入邮箱" size="large" clearable>
-                <template #prefix-icon>
-                    <ILucideMail />
-                </template>
-            </TInput>
-        </TFormItem>
-
-        <TFormItem prop="password" label="密码">
-            <TInput v-model="$Data.formData.password" type="password" placeholder="请输入密码" size="large" clearable>
-                <template #prefix-icon>
-                    <ILucideLock />
-                </template>
-            </TInput>
-        </TFormItem>
-
-        <TFormItem prop="nickname" label="昵称">
-            <TInput v-model="$Data.formData.nickname" placeholder="请输入昵称（选填）" size="large" clearable>
-                <template #prefix-icon>
-                    <ILucideSmile />
-                </template>
-            </TInput>
-        </TFormItem>
-
-        <TButton theme="primary" class="auth-btn" size="large" :loading="$Data.loading" @click="$Method.handleSubmit"> 注册 </TButton>
-    </TForm>
-</template>
-
-<script setup>
-import { Form as TForm, FormItem as TFormItem, Input as TInput, Button as TButton, MessagePlugin } from 'tdesign-vue-next';
-import ILucideUser from '~icons/lucide/user';
-import ILucideMail from '~icons/lucide/mail';
-import ILucideLock from '~icons/lucide/lock';
-import ILucideSmile from '~icons/lucide/smile';
-import { $Http } from '@/plugins/http';
-
-const emit = defineEmits(['success']);
-
-// 表单引用
-const $From = $shallowRef({
-    form: null
-});
-
-// 数据定义
-const $Data = $ref({
-    loading: false,
-    formData: {
-        username: '',
-        email: '',
-        password: '',
-        nickname: ''
-    }
-});
-
-const $Data2 = $shallowRef({
-    formRules: {
-        username: [
-            { required: true, message: '请输入用户名', trigger: 'blur' },
-            { min: 3, max: 20, message: '用户名长度为 3-20 个字符', trigger: 'blur' }
-        ],
-        email: [
-            { required: true, message: '请输入邮箱', trigger: 'blur' },
-            { type: 'email', message: '请输入正确的邮箱格式', trigger: 'blur' }
-        ],
-        password: [
-            { required: true, message: '请输入密码', trigger: 'blur' },
-            { min: 6, message: '密码长度至少 6 个字符', trigger: 'blur' }
-        ]
-        // nickname 是选填项，不需要验证规则
-    }
-});
-
-// 方法定义
-const $Method = {
-    async handleSubmit() {
-        const valid = await $From.form.validate();
-        if (!valid) return;
-
-        $Data.loading = true;
-
-        try {
-            await $Http('/addon/admin/register', $Data.formData);
-            MessagePlugin.success('注册成功，请登录');
-
-            // 清空表单
-            $Method.resetForm();
-
-            // 通知父组件注册成功，切换到登录模式
-            emit('success');
-        } catch (error) {
-            // 错误已经在 request 拦截器中处理
-        } finally {
-            $Data.loading = false;
-        }
-    },
-
-    // 清空表单
-    resetForm() {
-        $Data.formData.username = '';
-        $Data.formData.email = '';
-        $Data.formData.password = '';
-        $Data.formData.nickname = '';
-    }
-};
-</script>
-
-<style scoped lang="scss">
-.login-form {
-    width: 100%;
-    max-width: 450px;
-}
-
-.t-form__item {
-    width: 100%;
-    margin-bottom: 1.2rem;
-
-    :deep(.t-form__controls) {
-        width: 100%;
-    }
-
-    :deep(.t-input) {
-        width: 100%;
-        background: #f8f9fa;
-        border: 1px solid #e0e0e0;
-        border-radius: 6px;
-        transition: all 0.3s;
-
-        &:hover {
-            border-color: #48b19f;
-        }
-
-        &:focus-within {
-            border-color: #48b19f;
-            background: #fff;
-        }
-
-        input {
-            padding: 0.75rem 1rem;
-        }
-    }
-}
-
-.auth-btn {
-    width: 100% !important;
-    max-width: 100%;
-    height: 44px;
-    border-radius: 6px;
-    background: #48b19f;
-    border: none;
-    font-size: 0.95rem;
-    font-weight: 600;
-    margin-top: 0.5rem;
-    transition: all 0.3s;
-
-    &:hover {
-        background: #3a9d8f;
-        transform: translateY(-1px);
-        box-shadow: 0 3px 10px rgba(72, 177, 159, 0.3);
-    }
-
-    :deep(.t-button__text) {
-        color: #fff;
-    }
-}
-</style>

package/views/login_1/components/welcomePanel.vue

@@ -1,61 +0,0 @@
-<template>
-    <div class="panel-content" v-if="!isSignUp">
-        <h2>你好，朋友！</h2>
-        <p>填写个人信息，开始使用</p>
-        <button class="toggle-btn" @click="$emit('toggle')">注册账号</button>
-    </div>
-    <div class="panel-content" v-else>
-        <h2>欢迎回来！</h2>
-        <p>使用您的账号登录</p>
-        <button class="toggle-btn" @click="$emit('toggle')">立即登录</button>
-    </div>
-</template>
-
-<script setup>
-const props = defineProps({
-    isSignUp: {
-        type: Boolean,
-        default: false
-    }
-});
-
-defineEmits(['toggle']);
-</script>
-
-<style scoped lang="scss">
-.panel-content {
-    text-align: center;
-    padding: 2rem;
-    max-width: 400px;
-
-    h2 {
-        font-size: 2rem;
-        font-weight: 600;
-        margin-bottom: 1rem;
-    }
-
-    p {
-        font-size: 1rem;
-        line-height: 1.6;
-        margin-bottom: 2rem;
-        opacity: 0.9;
-    }
-
-    .toggle-btn {
-        padding: 0.8rem 3rem;
-        border: 2px solid #fff;
-        background: transparent;
-        color: #fff;
-        border-radius: 25px;
-        font-size: 0.9rem;
-        font-weight: 600;
-        cursor: pointer;
-        transition: all 0.3s;
-
-        &:hover {
-            background: #fff;
-            color: #48b19f;
-        }
-    }
-}
-</style>