chore: init project

apps/antd-view/src/views/about/index.vue

@@ -0,0 +1,16 @@
+<script lang="ts" setup>
+import { onMounted } from 'vue';
+
+defineOptions({ name: 'About' });
+onMounted(() => {
+  // eslint-disable-next-line no-console
+  console.log('About');
+});
+</script>
+
+<template>
+  <div>
+    about
+    <input class="bg-background border-border" />
+  </div>
+</template>

apps/antd-view/src/views/authentication/code-login.vue

@@ -0,0 +1,24 @@
+<script lang="ts" setup>
+import type { LoginCodeParams } from '@vben/common-ui';
+
+import { AuthenticationCodeLogin } from '@vben/common-ui';
+import { ref } from 'vue';
+
+defineOptions({ name: 'CodeLogin' });
+
+const loading = ref(false);
+
+/**
+ * 异步处理登录操作
+ * Asynchronously handle the login process
+ * @param values 登录表单数据
+ */
+async function handleLogin(values: LoginCodeParams) {
+  // eslint-disable-next-line no-console
+  console.log(values);
+}
+</script>
+
+<template>
+  <AuthenticationCodeLogin :loading="loading" @submit="handleLogin" />
+</template>

apps/antd-view/src/views/authentication/forget-password.vue

@@ -0,0 +1,17 @@
+<script lang="ts" setup>
+import { AuthenticationForgetPassword } from '@vben/common-ui';
+import { ref } from 'vue';
+
+defineOptions({ name: 'ForgetPassword' });
+
+const loading = ref(false);
+
+function handleSubmit(value: string) {
+  // eslint-disable-next-line no-console
+  console.log('reset email:', value);
+}
+</script>
+
+<template>
+  <AuthenticationForgetPassword :loading="loading" @submit="handleSubmit" />
+</template>

apps/antd-view/src/views/authentication/login.vue

@@ -0,0 +1,69 @@
+<script lang="ts" setup>
+import type { LoginAndRegisterParams } from '@vben/common-ui';
+
+import { getUserInfo, userLogin } from '@/services';
+import { AuthenticationLogin } from '@vben/common-ui';
+import { useRequest } from '@vben/hooks';
+import { $t } from '@vben/locales';
+import { useAccessStore } from '@vben/stores';
+import { notification } from 'ant-design-vue';
+import { computed } from 'vue';
+import { useRouter } from 'vue-router';
+
+defineOptions({ name: 'Login' });
+
+const router = useRouter();
+const accessStore = useAccessStore();
+
+const { loading, runAsync: runUserLogin } = useRequest(userLogin, {
+  manual: true,
+});
+
+const { loading: userInfoLoading, runAsync: runGetUserInfo } = useRequest(
+  getUserInfo,
+  {
+    manual: true,
+  },
+);
+
+/**
+ * 异步处理登录操作
+ * Asynchronously handle the login process
+ * @param values 登录表单数据
+ */
+async function handleLogin(values: LoginAndRegisterParams) {
+  // 异步处理用户登录操作并获取 accessToken
+  // Asynchronously handle the user login operation and obtain the accessToken
+  const { accessToken } = await runUserLogin(values);
+
+  // 如果成功获取到 accessToken
+  // If accessToken is successfully obtained
+  if (accessToken) {
+    // 将 accessToken 存储到 accessStore 中
+    // Store the accessToken in accessStore
+    accessStore.setAccessToken(accessToken);
+
+    // 获取用户信息并存储到 accessStore 中
+    // Get user information and store it in accessStore
+    const userInfo = await runGetUserInfo();
+    accessStore.setUserInfo(userInfo);
+
+    // 跳转到用户信息中定义的 homePath 路径
+    // Redirect to the homePath defined in the user information
+    await router.push(userInfo.homePath);
+    notification.success({
+      description: `${$t('authentication.login-success-desc')}:${userInfo.realName}`,
+      duration: 3,
+      message: $t('authentication.login-success'),
+    });
+  }
+}
+
+const loginLoading = computed(() => {
+  return loading.value || userInfoLoading.value;
+});
+</script>
+
+<template>
+  <AuthenticationLogin :loading="loginLoading" @submit="handleLogin" />
+</template>

apps/antd-view/src/views/authentication/qrcode-login.vue

@@ -0,0 +1,9 @@
+<script lang="ts" setup>
+import { AuthenticationQrCodeLogin } from '@vben/common-ui';
+
+defineOptions({ name: 'QrCodeLogin' });
+</script>
+
+<template>
+  <AuthenticationQrCodeLogin />
+</template>

apps/antd-view/src/views/authentication/register.vue

@@ -0,0 +1,19 @@
+<script lang="ts" setup>
+import type { LoginAndRegisterParams } from '@vben/common-ui';
+
+import { AuthenticationRegister } from '@vben/common-ui';
+import { ref } from 'vue';
+
+defineOptions({ name: 'Register' });
+
+const loading = ref(false);
+
+function handleSubmit(value: LoginAndRegisterParams) {
+  // eslint-disable-next-line no-console
+  console.log('register submit:', value);
+}
+</script>
+
+<template>
+  <AuthenticationRegister :loading="loading" @submit="handleSubmit" />
+</template>

apps/antd-view/src/views/dashboard/index.vue

@@ -0,0 +1,7 @@
+<script lang="ts" setup>
+defineOptions({ name: 'WelCome' });
+</script>
+
+<template>
+  <div>dashboard</div>
+</template>

apps/antd-view/src/views/nested/menu-1.vue

@@ -0,0 +1,16 @@
+<script lang="ts" setup>
+import { onMounted } from 'vue';
+
+defineOptions({ name: 'Menu1' });
+
+onMounted(() => {
+  // eslint-disable-next-line no-console
+  console.log('Menu1');
+});
+</script>
+<template>
+  <div class="p-5">
+    menu1
+    <input class="bg-background border-border" />
+  </div>
+</template>

apps/antd-view/src/views/nested/menu-2.vue

@@ -0,0 +1,16 @@
+<script lang="ts" setup>
+import { onMounted } from 'vue';
+
+defineOptions({ name: 'Menu2' });
+
+onMounted(() => {
+  // eslint-disable-next-line no-console
+  console.log('Menu2');
+});
+</script>
+<template>
+  <div class="p-5">
+    menu2
+    <input class="bg-background border-border" />
+  </div>
+</template>

apps/antd-view/src/views/nested/menu-3-1.vue

@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { onMounted } from 'vue';
+
+defineOptions({ name: 'Menu31' });
+onMounted(() => {
+  // eslint-disable-next-line no-console
+  console.log('Menu3-1');
+});
+</script>
+<template>
+  <div class="p-5">
+    Menu3-1
+    <input class="bg-background border-border" />
+  </div>
+</template>

apps/antd-view/src/views/nested/menu-3-2-1.vue

@@ -0,0 +1,15 @@
+<script lang="ts" setup>
+import { onMounted } from 'vue';
+
+defineOptions({ name: 'Menu321' });
+onMounted(() => {
+  // eslint-disable-next-line no-console
+  console.log('Menu3-2-1');
+});
+</script>
+<template>
+  <div class="p-5">
+    menu-3-2-1
+    <input class="bg-background border-border" />
+  </div>
+</template>