+
+
+ 深度思考
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/components/FilesSelect/index.vue b/Yi.Ai.Vue3/src/components/FilesSelect/index.vue
new file mode 100644
index 00000000..63427e8e
--- /dev/null
+++ b/Yi.Ai.Vue3/src/components/FilesSelect/index.vue
@@ -0,0 +1,150 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/components/IconSelect/index.vue b/Yi.Ai.Vue3/src/components/IconSelect/index.vue
new file mode 100644
index 00000000..9a4b287a
--- /dev/null
+++ b/Yi.Ai.Vue3/src/components/IconSelect/index.vue
@@ -0,0 +1,149 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 上传文件或图片
+
+
+
+
+
+
+
+
+ 上传代码
+
+
+
+
+
+ 代码文件
+
+
+
+ 代码文件夹
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/components/IconSelect/requireIcons.ts b/Yi.Ai.Vue3/src/components/IconSelect/requireIcons.ts
new file mode 100644
index 00000000..07354844
--- /dev/null
+++ b/Yi.Ai.Vue3/src/components/IconSelect/requireIcons.ts
@@ -0,0 +1,93 @@
+const Base = import.meta.glob('@/assets/icons/svg/*.svg');
+const Buildings = import.meta.glob('@/assets/icons/Buildings/*.svg');
+const Business = import.meta.glob('@/assets/icons/Business/*.svg');
+const Device = import.meta.glob('@/assets/icons/Device/*.svg');
+const Document = import.meta.glob('@/assets/icons/Document/*.svg');
+const Others = import.meta.glob('@/assets/icons/Others/*.svg');
+const System = import.meta.glob('@/assets/icons/System/*.svg');
+const User = import.meta.glob('@/assets/icons/User/*.svg');
+
+const BaseIcons = [];
+for (const path in Base) {
+ const p = path.split('assets/icons/svg/')[1].split('.svg')[0];
+ BaseIcons.push(p);
+}
+
+const BuildingsIcons = [];
+for (const path in Buildings) {
+ const p = path.split('assets/icons/Buildings/')[1].split('.svg')[0];
+ BuildingsIcons.push(p);
+}
+
+const BusinessIcons = [];
+for (const path in Business) {
+ const p = path.split('assets/icons/Business/')[1].split('.svg')[0];
+ BusinessIcons.push(p);
+}
+
+const DeviceIcons = [];
+for (const path in Device) {
+ const p = path.split('assets/icons/Device/')[1].split('.svg')[0];
+ DeviceIcons.push(p);
+}
+
+const DocumentIcons = [];
+for (const path in Document) {
+ const p = path.split('assets/icons/Document/')[1].split('.svg')[0];
+ DocumentIcons.push(p);
+}
+
+const OthersIcons = [];
+for (const path in Others) {
+ const p = path.split('assets/icons/Others/')[1].split('.svg')[0];
+ OthersIcons.push(p);
+}
+
+const SystemIcons = [];
+for (const path in System) {
+ const p = path.split('assets/icons/System/')[1].split('.svg')[0];
+ SystemIcons.push(p);
+}
+
+const UserIcons = [];
+for (const path in User) {
+ const p = path.split('assets/icons/User/')[1].split('.svg')[0];
+ UserIcons.push(p);
+}
+
+const icons = [
+ {
+ classifyName: '用户',
+ iconList: UserIcons,
+ },
+ {
+ classifyName: '建筑',
+ iconList: BuildingsIcons,
+ },
+ {
+ classifyName: '办公',
+ iconList: BusinessIcons,
+ },
+ {
+ classifyName: '设备',
+ iconList: DeviceIcons,
+ },
+ {
+ classifyName: '文档',
+ iconList: DocumentIcons,
+ },
+ {
+ classifyName: '系统',
+ iconList: SystemIcons,
+ },
+ {
+ classifyName: '其他',
+ iconList: OthersIcons,
+ },
+ {
+ classifyName: '默认',
+ iconList: BaseIcons,
+ },
+];
+
+export default icons;
diff --git a/Yi.Ai.Vue3/src/components/LoginDialog/components/FormLogin/AccountPassword.vue b/Yi.Ai.Vue3/src/components/LoginDialog/components/FormLogin/AccountPassword.vue
new file mode 100644
index 00000000..7ffb74e9
--- /dev/null
+++ b/Yi.Ai.Vue3/src/components/LoginDialog/components/FormLogin/AccountPassword.vue
@@ -0,0 +1,120 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/components/LoginDialog/components/FormLogin/RegistrationForm.vue b/Yi.Ai.Vue3/src/components/LoginDialog/components/FormLogin/RegistrationForm.vue
new file mode 100644
index 00000000..779379ab
--- /dev/null
+++ b/Yi.Ai.Vue3/src/components/LoginDialog/components/FormLogin/RegistrationForm.vue
@@ -0,0 +1,198 @@
+
+
+
+
+
+ 没有账号？
+
+ 立即注册
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 注册
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/components/LoginDialog/components/FormLogin/VerificationCode.vue b/Yi.Ai.Vue3/src/components/LoginDialog/components/FormLogin/VerificationCode.vue
new file mode 100644
index 00000000..a5fd4387
--- /dev/null
+++ b/Yi.Ai.Vue3/src/components/LoginDialog/components/FormLogin/VerificationCode.vue
@@ -0,0 +1,44 @@
+
+
+
+
+
+ {{ countdown === 0 || countdown === 60 ? "获取验证码" : `${countdown} s` }}
+
+
+
+ 已有账号，
+
+ 返回登录
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/components/LoginDialog/components/QrCodeLogin/index.vue b/Yi.Ai.Vue3/src/components/LoginDialog/components/QrCodeLogin/index.vue
new file mode 100644
index 00000000..b6aa27b3
--- /dev/null
+++ b/Yi.Ai.Vue3/src/components/LoginDialog/components/QrCodeLogin/index.vue
@@ -0,0 +1,262 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/components/LoginDialog/index.vue b/Yi.Ai.Vue3/src/components/LoginDialog/index.vue
new file mode 100644
index 00000000..4eebe829
--- /dev/null
+++ b/Yi.Ai.Vue3/src/components/LoginDialog/index.vue
@@ -0,0 +1,287 @@
+
+
+
+
+
+ 请使用手机扫码登录
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ ![]()
+ Element Plus X
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 登录后免费使用完整功能
+
+
+ 账号密码登录
+
+
+
+
+
+ 登录后免费使用完整功能
+
+
+ 邮箱注册账号
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/components/Popover/index.vue b/Yi.Ai.Vue3/src/components/Popover/index.vue
new file mode 100644
index 00000000..6ee8fbee
--- /dev/null
+++ b/Yi.Ai.Vue3/src/components/Popover/index.vue
@@ -0,0 +1,203 @@
+
+
+
+
+
+
+
+
+
+ {{ currentModelName }}
+
+
+
+
+
+
+
+
+
+ {{ item.modelName }}
+
+
+
+ {{ item.remark }}
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/config/darkMode.ts b/Yi.Ai.Vue3/src/config/darkMode.ts
new file mode 100644
index 00000000..7f1b81b9
--- /dev/null
+++ b/Yi.Ai.Vue3/src/config/darkMode.ts
@@ -0,0 +1,86 @@
+export const optimumHeaderTheme: any = {
+ light: {
+ '--el-header-optimum-color': '#000000',
+ '--el-header-optimum-hover-color': 'var(--el-color-primary)',
+ '--el-header-optimum-active-color': 'var(--el-color-primary)',
+ '--el-header-optimum-hover-bg-color': '#f4f4f5',
+ '--el-header-optimum-active-bg-color': 'var(--el-color-primary-light-8)',
+ '--el-header-optimum-border-color': 'var(--el-color-primary)',
+ },
+ inverted: {
+ '--el-header-optimum-color': '#ffffff',
+ '--el-header-optimum-hover-color': 'var(--el-color-primary)',
+ '--el-header-optimum-active-color': '#ffffff',
+ '--el-header-optimum-hover-bg-color': 'transparent',
+ '--el-header-optimum-active-bg-color': 'var(--el-color-primary)',
+ '--el-header-optimum-border-color': 'var(--el-color-primary)',
+ },
+ dark: {
+ '--el-header-optimum-color': '#E5EAF3',
+ '--el-header-optimum-hover-color': 'var(--el-color-primary)',
+ '--el-header-optimum-active-color': 'var(--el-color-primary)',
+ '--el-header-optimum-hover-bg-color': 'var(--el-color-primary-light-9)',
+ '--el-header-optimum-active-bg-color': 'var(--el-color-primary-light-8)',
+ '--el-header-optimum-border-color': 'var(--el-color-primary)',
+ },
+};
+
+export const headerTheme: any = {
+ light: {
+ '--el-header-bg-color': '#ffffff',
+ '--el-header-text-color': '#303133',
+ '--el-header-text-color-regular': '#606266',
+ },
+ inverted: {
+ '--el-header-bg-color': '#141414',
+ '--el-header-text-color': '#E5EAF3',
+ '--el-header-text-color-regular': '#CFD3DC',
+ },
+ dark: {
+ '--el-header-bg-color': '#141414',
+ '--el-header-text-color': '#E5EAF3',
+ '--el-header-text-color-regular': '#CFD3DC',
+ },
+};
+
+export const asideTheme: any = {
+ light: {
+ '--el-aside-logo-text-color': '#303133',
+ },
+ inverted: {
+ '--el-aside-logo-text-color': '#E5EAF3',
+ },
+ dark: {
+ '--el-aside-logo-text-color': '#E5EAF3',
+ },
+};
+
+export const menuTheme: any = {
+ light: {
+ '--el-menu-bg-color': '#ffffff',
+ '--el-menu-hover-bg-color': '#f4f4f5',
+ '--el-menu-active-bg-color': 'var(--el-color-primary-light-8)',
+ '--el-menu-text-color': '#333639',
+ '--el-menu-hover-text-color': 'var(--el-color-primary)',
+ '--el-menu-active-text-color': 'var(--el-color-primary)',
+ '--el-menu-border-left-color': 'var(--el-color-primary)',
+ },
+ inverted: {
+ '--el-menu-bg-color': '#191A20',
+ '--el-menu-hover-bg-color': '#000000',
+ '--el-menu-active-bg-color': 'var(--el-color-primary)',
+ '--el-menu-text-color': '#dBd8d8',
+ '--el-menu-hover-text-color': '#ffffff',
+ '--el-menu-active-text-color': '#ffffff',
+ '--el-menu-border-left-color': 'transparent',
+ },
+ dark: {
+ '--el-menu-bg-color': '#141414',
+ '--el-menu-hover-bg-color': 'var(--el-color-primary-light-9)',
+ '--el-menu-active-bg-color': 'var(--el-color-primary-light-8)',
+ '--el-menu-text-color': '#e5eAf3',
+ '--el-menu-hover-text-color': 'var(--el-color-primary)',
+ '--el-menu-active-text-color': 'var(--el-color-primary)',
+ '--el-menu-border-left-color': 'var(--el-color-primary)',
+ },
+};
diff --git a/Yi.Ai.Vue3/src/config/design.ts b/Yi.Ai.Vue3/src/config/design.ts
new file mode 100644
index 00000000..d7af973e
--- /dev/null
+++ b/Yi.Ai.Vue3/src/config/design.ts
@@ -0,0 +1,79 @@
+export type LayoutType = 'vertical';
+
+// 仿豆包折叠逻辑
+export type CollapseType =
+ | 'alwaysCollapsed' // 始终折叠
+ | 'followSystem' // 跟随系统视口宽度
+ | 'alwaysExpanded' // 始终打开
+ | 'narrowExpandWideCollapse'; // 系统视口 宽小则张，宽大则收
+
+export interface DesignConfigState {
+ // 系统主题
+ darkMode: 'light' | 'dark' | 'inverted';
+ // 系统主题色
+ themeColor: string;
+ // 系统内置风格
+ themeColorList: string[];
+ // 是否开启路由动画
+ isPageAnimate: boolean;
+ // 路由动画类型
+ pageAnimateType: string;
+ // 布局模式 (纵向：vertical | ... | 自己定义)
+ layout: LayoutType;
+ // 折叠类型
+ collapseType: CollapseType;
+ // 是否折叠菜单
+ isCollapse: boolean;
+ // 安全区是否被悬停
+ isSafeAreaHover: boolean;
+ // 跟踪是否首次激活悬停
+ hasActivatedHover: boolean;
+}
+
+export const themeColorList: string[] = [
+ '#5d9dfe',
+ '#2d8cf0',
+ '#0960bd',
+ '#0084f4',
+ '#009688',
+ '#536dfe',
+ '#ff5c93',
+ '#ee4f12',
+ '#0096c7',
+ '#9c27b0',
+ '#ff9800',
+ '#FF3D68',
+ '#00C1D4',
+ '#18a058',
+ '#78DEC7',
+ '#1768AC',
+ '#FB9300',
+ '#FC5404',
+ '#8675ff',
+];
+
+const design: DesignConfigState = {
+ // 深色主题
+ darkMode: 'light',
+ // 系统主题色
+ themeColor: '#F7B51C',
+ // 系统内置主题色列表
+ themeColorList,
+ // 是否开启路由动画
+ isPageAnimate: false,
+ // 路由动画类型
+ // 需要自定义路由动画可以把 Main 组件样式代码注释放开，从新对话切换到带id的路由时，会执行这个动画样式
+ pageAnimateType: 'zoom-fade',
+ // 布局模式 (纵向：vertical | ... | 自己定义)
+ layout: 'vertical',
+ // 折叠类型
+ collapseType: 'followSystem',
+ // 是否折叠菜单
+ isCollapse: false,
+ // 安全区是否被悬停
+ isSafeAreaHover: false,
+ // 跟踪是否首次激活悬停
+ hasActivatedHover: false,
+};
+
+export default design;
diff --git a/Yi.Ai.Vue3/src/config/index.ts b/Yi.Ai.Vue3/src/config/index.ts
new file mode 100644
index 00000000..e3fecee5
--- /dev/null
+++ b/Yi.Ai.Vue3/src/config/index.ts
@@ -0,0 +1,15 @@
+// 全局默认配置项
+// 首页地址[默认]
+export const HOME_URL: string = '/chat';
+
+// 默认主题颜色
+export const DEFAULT_THEME_COLOR: string = '#2992FF';
+
+// 折叠阈值
+export const COLLAPSE_THRESHOLD: number = 600;
+
+// 左侧菜单宽度
+export const SIDE_BAR_WIDTH: number = 280;
+
+// 路由白名单地址[本地存在的路由 staticRouter.ts 中]
+export const ROUTER_WHITE_LIST: string[] = ['/chat', '/chat/not_login', '/403', '/404'];
diff --git a/Yi.Ai.Vue3/src/constants/enums.ts b/Yi.Ai.Vue3/src/constants/enums.ts
new file mode 100644
index 00000000..99ccd2c3
--- /dev/null
+++ b/Yi.Ai.Vue3/src/constants/enums.ts
@@ -0,0 +1,8 @@
+// 枚举库，暂时未用到，后续版本可能会用到
+import type { EnumValue } from '@jsonlee_12138/enum';
+import Enum from '@jsonlee_12138/enum';
+
+export const ModelEnum = Enum.create({
+ GPT_4o_MINI: Enum.Item('gpt-4o-mini'),
+});
+export type ModelType = EnumValue{{ timeGreeting }}好，欢迎~
+//
diff --git a/Yi.Ai.Vue3/src/hooks/useWindowWidthObserver.ts b/Yi.Ai.Vue3/src/hooks/useWindowWidthObserver.ts
new file mode 100644
index 00000000..a211f7bf
--- /dev/null
+++ b/Yi.Ai.Vue3/src/hooks/useWindowWidthObserver.ts
@@ -0,0 +1,150 @@
+import type { MaybeRef } from 'vue';
+import { onBeforeUnmount, ref, unref, watch } from 'vue';
+import { COLLAPSE_THRESHOLD, SIDE_BAR_WIDTH } from '@/config/index';
+import { useDesignStore } from '@/stores';
+
+/**
+ * 这里逻辑是研究豆包的折叠逻辑后，设计的折叠方法
+ * 基于ResizeObserver的窗口宽度监听hooks（高性能实时监控）
+ * @param threshold 宽度阈值（默认600px，支持响应式）
+ * @param onChange 自定义回调（传入则覆盖默认逻辑，参数：当前视口宽度是否超过阈值）
+ * @returns {object} 包含卸载监听的方法及当前状态
+ */
+export function useWindowWidthObserver(
+ threshold: MaybeRef
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/DesignConfig/index.vue b/Yi.Ai.Vue3/src/layouts/components/DesignConfig/index.vue
new file mode 100644
index 00000000..f3409aa6
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/DesignConfig/index.vue
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ 新对话
+
+
+
+
+
+
+ 配置页面
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
new file mode 100644
index 00000000..90a941b1
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/Avatar.vue
@@ -0,0 +1,140 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/Collapse.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/Collapse.vue
new file mode 100644
index 00000000..9868df5d
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/Collapse.vue
@@ -0,0 +1,39 @@
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/CreateChat.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/CreateChat.vue
new file mode 100644
index 00000000..5ec82222
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/CreateChat.vue
@@ -0,0 +1,45 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+ {{ item.title }}
+
+
+
+
+ 新对话
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/LoginBtn.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/LoginBtn.vue
new file mode 100644
index 00000000..64b43c4c
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/LoginBtn.vue
@@ -0,0 +1,29 @@
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/components/TitleEditing.vue b/Yi.Ai.Vue3/src/layouts/components/Header/components/TitleEditing.vue
new file mode 100644
index 00000000..767e2d53
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/components/TitleEditing.vue
@@ -0,0 +1,87 @@
+
+
+
+
+
+ 登录
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Header/index.vue b/Yi.Ai.Vue3/src/layouts/components/Header/index.vue
new file mode 100644
index 00000000..fbc00666
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/Header/index.vue
@@ -0,0 +1,100 @@
+
+
+
+
+
+
+
+
+
+ {{ currentSession.sessionTitle }}
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Logo/index.vue b/Yi.Ai.Vue3/src/layouts/components/Logo/index.vue
new file mode 100644
index 00000000..a84746fd
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/Logo/index.vue
@@ -0,0 +1,8 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ Logo
+
+
+
diff --git a/Yi.Ai.Vue3/src/layouts/components/Main/index.vue b/Yi.Ai.Vue3/src/layouts/components/Main/index.vue
new file mode 100644
index 00000000..59622a62
--- /dev/null
+++ b/Yi.Ai.Vue3/src/layouts/components/Main/index.vue
@@ -0,0 +1,89 @@
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/main.ts b/Yi.Ai.Vue3/src/main.ts
new file mode 100644
index 00000000..62222b40
--- /dev/null
+++ b/Yi.Ai.Vue3/src/main.ts
@@ -0,0 +1,26 @@
+// 引入ElementPlus所有图标
+import * as ElementPlusIconsVue from '@element-plus/icons-vue';
+import { ElMessage } from 'element-plus';
+import { createApp } from 'vue';
+import ElementPlusX from 'vue-element-plus-x';
+import App from './App.vue';
+import router from './routers';
+import store from './stores';
+import './styles/index.scss';
+import 'virtual:uno.css';
+import 'element-plus/dist/index.css';
+// SVG插件配置
+import 'virtual:svg-icons-register';
+
+const app = createApp(App);
+
+app.use(router);
+app.use(ElMessage);
+app.use(ElementPlusX);
+// 注册ElementPlus所有图标
+for (const [key, component] of Object.entries(ElementPlusIconsVue)) {
+ app.component(key, component);
+}
+app.use(store);
+
+app.mount('#app');
diff --git a/Yi.Ai.Vue3/src/pages/chat/index.vue b/Yi.Ai.Vue3/src/pages/chat/index.vue
new file mode 100644
index 00000000..976c581c
--- /dev/null
+++ b/Yi.Ai.Vue3/src/pages/chat/index.vue
@@ -0,0 +1,31 @@
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/pages/chat/layouts/chatDefaul/index.vue b/Yi.Ai.Vue3/src/pages/chat/layouts/chatDefaul/index.vue
new file mode 100644
index 00000000..fa18ea2d
--- /dev/null
+++ b/Yi.Ai.Vue3/src/pages/chat/layouts/chatDefaul/index.vue
@@ -0,0 +1,121 @@
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/pages/chat/layouts/chatWithId/index.vue b/Yi.Ai.Vue3/src/pages/chat/layouts/chatWithId/index.vue
new file mode 100644
index 00000000..5abceb18
--- /dev/null
+++ b/Yi.Ai.Vue3/src/pages/chat/layouts/chatWithId/index.vue
@@ -0,0 +1,345 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/pages/error/403.vue b/Yi.Ai.Vue3/src/pages/error/403.vue
new file mode 100644
index 00000000..c23f68d0
--- /dev/null
+++ b/Yi.Ai.Vue3/src/pages/error/403.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/pages/error/404.vue b/Yi.Ai.Vue3/src/pages/error/404.vue
new file mode 100644
index 00000000..8c9df3bb
--- /dev/null
+++ b/Yi.Ai.Vue3/src/pages/error/404.vue
@@ -0,0 +1,60 @@
+
+
+
+
+
+ 返回首页
+
+
+
+ 403
+
+
+ 对不起，您没有权限访问
+
+
+
+
+
+
+
+
diff --git a/Yi.Ai.Vue3/src/routers/index.ts b/Yi.Ai.Vue3/src/routers/index.ts
new file mode 100644
index 00000000..a40ac019
--- /dev/null
+++ b/Yi.Ai.Vue3/src/routers/index.ts
@@ -0,0 +1,81 @@
+import type { NavigationGuardNext, RouteLocationNormalized } from 'vue-router';
+import { useNProgress } from '@vueuse/integrations/useNProgress';
+import { createRouter, createWebHistory } from 'vue-router';
+import { ROUTER_WHITE_LIST } from '@/config';
+import { errorRouter, layoutRouter, staticRouter } from '@/routers/modules/staticRouter';
+import { useUserStore } from '@/stores';
+
+const { start, done } = useNProgress(0, {
+ showSpinner: false,
+ trickleSpeed: 200,
+ minimum: 0.3,
+ easing: 'ease',
+ speed: 500,
+});
+
+const router = createRouter({
+ history: createWebHistory(),
+ routes: [...layoutRouter, ...staticRouter, ...errorRouter],
+ strict: false,
+ scrollBehavior: () => ({ left: 0, top: 0 }),
+});
+
+// 路由前置守卫
+router.beforeEach(
+ async (
+ to: RouteLocationNormalized,
+ _from: RouteLocationNormalized,
+ next: NavigationGuardNext,
+ ) => {
+ const userStore = useUserStore();
+
+ // 1、NProgress 开始
+ start();
+
+ // 2、标题
+ document.title = (to.meta.title as string) || (import.meta.env.VITE_WEB_TITLE as string);
+
+ // 3、权限 预留
+ // 3、判断是访问登陆页，有Token访问当前页面，token过期访问接口，axios封装则自动跳转登录页面，没有Token重置路由到登陆页。
+ // if (to.path.toLocaleLowerCase() === LOGIN_URL) {
+ // // 有Token访问当前页面
+ // if (userStore.token) {
+ // return next(from.fullPath);
+ // }
+ // else {
+ // ElMessage.error('账号身份已过期，请重新登录');
+ // }
+ // // 没有Token重置路由到登陆页。
+ // // resetRouter(); // 预留
+ // return next();
+ // }
+
+ // 4、判断访问页面是否在路由白名单地址[静态路由]中，如果存在直接放行。
+ if (ROUTER_WHITE_LIST.includes(to.path))
+ return next();
+
+ // 5、判断是否有 Token，没有重定向到 login 页面。
+ if (!userStore.token)
+ userStore.logout();
+
+ // 其余逻辑 预留...
+
+ // 6、正常访问页面。
+ next();
+ },
+);
+
+// 路由跳转错误
+router.onError((error) => {
+ // 结束全屏动画
+ done();
+ console.warn('路由错误', error.message);
+});
+
+// 后置路由
+router.afterEach(() => {
+ // 结束全屏动画
+ done();
+});
+
+export default router;
diff --git a/Yi.Ai.Vue3/src/routers/modules/dynamicRouter.ts b/Yi.Ai.Vue3/src/routers/modules/dynamicRouter.ts
new file mode 100644
index 00000000..b6c8db1b
--- /dev/null
+++ b/Yi.Ai.Vue3/src/routers/modules/dynamicRouter.ts
@@ -0,0 +1,39 @@
+// 预留
+import router from '@/routers/index';
+import { useUserStore } from '@/stores';
+import { useAuthStore } from '@/stores/modules/auth';
+
+export async function initDynamicRouter() {
+ const userStore = useUserStore();
+ const authStore = useAuthStore();
+
+ try {
+ // 1、预留： 获取菜单列表 || 按钮权限列表 || 递归菜单数据
+ await authStore.requestAuthMenuList();
+
+ // 2、判断当前用户是否拥有菜单权限
+ // console.log('authStore.authMenuList', authStore.authMenuList);
+
+ if (authStore.authMenuList == null || authStore.authMenuList.length === 0) {
+ userStore.logout();
+ return;
+ }
+
+ // 3、添加动态路由
+ authStore.authMenuList.forEach((item: any) => {
+ if (item.isFull === '0') {
+ // 如果是全屏的话，直接为整个页面
+ router.addRoute(item);
+ }
+ else {
+ router.addRoute('layout', item);
+ }
+ });
+ }
+ catch (error) {
+ console.log(error);
+ // 当菜单请求出错时，重定向到首页
+ userStore.logout();
+ return Promise.reject(error);
+ }
+}
diff --git a/Yi.Ai.Vue3/src/routers/modules/staticRouter.ts b/Yi.Ai.Vue3/src/routers/modules/staticRouter.ts
new file mode 100644
index 00000000..73b7b2a4
--- /dev/null
+++ b/Yi.Ai.Vue3/src/routers/modules/staticRouter.ts
@@ -0,0 +1,78 @@
+import type { RouteRecordRaw } from 'vue-router';
+import { HOME_URL } from '@/config';
+
+// LayoutRouter[布局路由]
+export const layoutRouter: RouteRecordRaw[] = [
+ {
+ path: '/',
+ redirect: HOME_URL,
+ component: () => import('@/layouts/index.vue'),
+ children: [
+ {
+ path: HOME_URL,
+ name: 'chat',
+ component: () => import('@/pages/chat/index.vue'),
+ meta: {
+ // title: '通用聊天页面',
+ isDefaultChat: true,
+ icon: 'HomeFilled',
+ // isHide: '1', // 是否在菜单中隐藏[0是，1否] 预留
+ // isKeepAlive: '0', // 是否缓存路由数据[0是，1否] 预留
+ // isFull: '1', // 是否全屏[0是，1否] 预留
+ // enName: "Master Station", // 英文名称 预留
+ },
+ },
+ {
+ path: '/chat/:id',
+ name: 'chatWithId',
+ component: () => import('@/pages/chat/index.vue'),
+ meta: {
+ // title: '带 ID 的聊天页面',
+ isDefaultChat: false,
+ },
+ },
+ ],
+ },
+];
+
+// staticRouter[静态路由] 预留
+export const staticRouter: RouteRecordRaw[] = [];
+
+// errorRouter (错误页面路由)
+export const errorRouter = [
+ {
+ path: '/403',
+ name: '403',
+ component: () => import('@/pages/error/403.vue'),
+ meta: {
+ title: '403页面',
+ enName: '403 Page', // 英文名称
+ icon: 'QuestionFilled', // 菜单图标
+ isHide: '1', // 代表路由在菜单中是否隐藏，是否隐藏[0隐藏，1显示]
+ isLink: '1', // 是否外链[有值则是外链]
+ isKeepAlive: '0', // 是否缓存路由数据[0是，1否]
+ isFull: '1', // 是否缓存全屏[0是，1否]
+ isAffix: '1', // 是否缓存固定路由[0是，1否]
+ },
+ },
+ {
+ path: '/404',
+ name: '404',
+ component: () => import('@/pages/error/404.vue'),
+ meta: {
+ title: '404页面',
+ enName: '404 Page', // 英文名称
+ icon: 'CircleCloseFilled', // 菜单图标
+ isHide: '1', // 代表路由在菜单中是否隐藏，是否隐藏[0隐藏，1显示]
+ isLink: '1', // 是否外链[有值则是外链]
+ isKeepAlive: '0', // 是否缓存路由数据[0是，1否]
+ isFull: '1', // 是否缓存全屏[0是，1否]
+ isAffix: '1', // 是否缓存固定路由[0是，1否]
+ },
+ },
+ // 找不到path将跳转404页面
+ {
+ path: '/:pathMatch(.*)*',
+ component: () => import('@/pages/error/404.vue'),
+ },
+];
diff --git a/Yi.Ai.Vue3/src/routers/types.ts b/Yi.Ai.Vue3/src/routers/types.ts
new file mode 100644
index 00000000..3da86eaa
--- /dev/null
+++ b/Yi.Ai.Vue3/src/routers/types.ts
@@ -0,0 +1,13 @@
+import type {
+ _Awaitable,
+ NavigationGuardNext,
+ NavigationGuardReturn,
+ RouteLocationNormalized,
+ RouteLocationNormalizedLoaded,
+} from 'vue-router';
+
+export type NavigationGuard = (
+ to: RouteLocationNormalized,
+ from: RouteLocationNormalizedLoaded,
+ next: NavigationGuardNext,
+) => _Awaitable
+
+ 返回首页
+
+
+
+ 404
+
+
+ 您想看的页面不存在哟
+
+
+