feat: 前端搭建

2025-06-17 22:37:37 +08:00
parent 4830be6388
commit 0cd795f57a
1228 changed files with 23627 additions and 1 deletions
--- a/Yi.Ai.Vue3/.build/plugins/index.ts
+++ b/Yi.Ai.Vue3/.build/plugins/index.ts
@@ -0,0 +1,39 @@
+import type { ConfigEnv, PluginOption } from 'vite';
+import path from 'node:path';
+import vue from '@vitejs/plugin-vue';
+import UnoCSS from 'unocss/vite';
+import AutoImport from 'unplugin-auto-import/vite';
+import { ElementPlusResolver } from 'unplugin-vue-components/resolvers';
+import Components from 'unplugin-vue-components/vite';
+import envTyped from 'vite-plugin-env-typed';
+import createSvgIcon from './svg-icon';
+
+const root = path.resolve(__dirname, '../../');
+
+function plugins({ mode, command }: ConfigEnv): PluginOption[] {
+  return [
+    UnoCSS(),
+    envTyped({
+      mode,
+      envDir: root,
+      envPrefix: 'VITE_',
+      filePath: path.join(root, 'types', 'import_meta.d.ts'),
+    }),
+    vue(),
+    AutoImport({
+      imports: ['vue'],
+      eslintrc: {
+        enabled: true,
+      },
+      resolvers: [ElementPlusResolver()],
+      dts: path.join(root, 'types', 'auto-imports.d.ts'),
+    }),
+    Components({
+      resolvers: [ElementPlusResolver()],
+      dts: path.join(root, 'types', 'components.d.ts'),
+    }),
+    createSvgIcon(command === 'build'),
+  ];
+}
+
+export default plugins;
--- a/Yi.Ai.Vue3/.build/plugins/svg-icon.ts
+++ b/Yi.Ai.Vue3/.build/plugins/svg-icon.ts
@@ -0,0 +1,21 @@
+import path from 'node:path';
+import { createSvgIconsPlugin } from 'vite-plugin-svg-icons';
+
+const root = path.resolve(__dirname, '../../');
+
+export default function createSvgIcon(isBuild: boolean) {
+  return createSvgIconsPlugin({
+    iconDirs: [
+      path.join(root, 'src/assets/icons/svg'),
+      path.join(root, 'src/assets/icons/Buildings'),
+      path.join(root, 'src/assets/icons/Business'),
+      path.join(root, 'src/assets/icons/Device'),
+      path.join(root, 'src/assets/icons/Document'),
+      path.join(root, 'src/assets/icons/Others'),
+      path.join(root, 'src/assets/icons/System'),
+      path.join(root, 'src/assets/icons/User'),
+    ],
+    symbolId: 'icon-[dir]-[name]',
+    svgoOptions: isBuild,
+  });
+}
--- a/Yi.Ai.Vue3/.commitlintrc.cjs
+++ b/Yi.Ai.Vue3/.commitlintrc.cjs
@@ -0,0 +1,85 @@
+// .commitlintrc.js
+/** @type {import('cz-git').UserConfig} */
+const fs = require("fs");
+const path = require("path");
+
+
+const scopes = fs
+  .readdirSync(path.resolve(__dirname, "src"), { withFileTypes: true })
+  .filter(dirent => dirent.isDirectory())
+  .map(dirent => dirent.name.replace(/s$/, ""));
+
+module.exports = {
+  extends: ['@commitlint/config-conventional'],
+  rules: {
+    // @see: https://commitlint.js.org/#/reference-rules
+    'type-enum': [
+      2,
+      'always',
+      ['build', 'chore', 'ci', 'docs', 'feat', 'fix', 'perf', 'refactor', 'revert', 'style', 'test']
+    ]
+  },
+  prompt: {
+    alias: { fd: 'docs: fix typos' },
+    messages: {
+      type: "选择你要提交的类型 | Select the type of change that you're committing:",
+      scope: '选择一个提交范围（可选）| Denote the SCOPE of this change (optional):',
+      customScope: '请输入自定义的提交范围 | Denote the SCOPE of this change:',
+      subject: '填写简短精炼的变更描述 | Write a SHORT, IMPERATIVE tense description of the change:\n',
+      body: '填写更加详细的变更描述（可选）。使用 "|" 换行 | Provide a LONGER description of the change (optional). Use "|" to break new line:\n',
+      breaking:
+        '列举非兼容性重大的变更（可选）。使用 "|" 换行 | List any BREAKING CHANGES (optional). Use "|" to break new line:\n',
+      footerPrefixesSelect:
+        '选择关联issue前缀（可选）| Select the ISSUES type of changeList by this change (optional):',
+      customFooterPrefix: '输入自定义issue前缀 | Input ISSUES prefix:',
+      footer: '列举关联issue (可选) 例如: #31, #I3244 | List any ISSUES by this change. E.g.: #31, #34:\n',
+      confirmCommit: '是否提交或修改commit ? | Are you sure you want to proceed with the commit above?'
+    },
+    types: [
+      { value: 'feat', name: 'feat:     🚀  新增功能 | A new feature', emoji: "🚀" },
+      { value: 'fix', name: 'fix:      🧩  修复缺陷 | A bug fix', emoji: "🧩"  },
+      { value: 'docs', name: 'docs:     📚  文档更新 | Documentation only changes', emoji: "📚" },
+      { value: 'style', name: 'style:    🎨  代码格式 | Changes that do not affect the meaning of the code', emoji: "🎨"  },
+      { value: 'refactor', name: 'refactor: ♻️  代码重构 | A code change that neither fixes a bug nor adds a feature', emoji: "♻️"  },
+      { value: 'perf', name: 'perf:     ⚡️  性能提升 | A code change that improves performance', emoji: "⚡️"  },
+      { value: 'test', name: 'test:     ✅  测试相关 | Adding missing tests or correcting existing tests', emoji: "✅"  },
+      { value: 'build', name: 'build:    📦️  构建相关 | Changes that affect the build system or external dependencies', emoji: "📦️"  },
+      { value: 'ci', name: 'ci:       🎡  持续集成 | Changes to our CI configuration files and scripts', emoji: "🎡"  },
+      { value: 'revert', name: 'revert:   ⏪️  回退代码 | Revert to a commit', emoji: "⏪️"  },
+      { value: 'chore', name: 'chore:    🔨  其他修改 | Other changes that do not modify src or test files', emoji: "🔨" }
+    ],
+    useEmoji: true,
+    emojiAlign: 'center',
+    useAI: false,
+    aiNumber: 1,
+    themeColorCode: '',
+    scopes: [...scopes],
+    allowCustomScopes: true,
+    allowEmptyScopes: true,
+    customScopesAlign: 'bottom',
+    customScopesAlias: 'custom',
+    emptyScopesAlias: 'empty',
+    upperCaseSubject: false,
+    markBreakingChangeMode: false,
+    allowBreakingChanges: ['feat', 'fix'],
+    breaklineNumber: 100,
+    breaklineChar: '|',
+    skipQuestions: [],
+    issuePrefixes: [
+      // 如果使用 gitee 作为开发管理
+      { value: 'link', name: 'link:     链接 ISSUES 进行中' },
+      { value: 'closed', name: 'closed:   标记 ISSUES 已完成' }
+    ],
+    customIssuePrefixAlign: 'top',
+    emptyIssuePrefixAlias: 'skip',
+    customIssuePrefixAlias: 'custom',
+    allowCustomIssuePrefix: true,
+    allowEmptyIssuePrefix: true,
+    confirmColorize: true,
+    scopeOverrides: undefined,
+    defaultBody: '',
+    defaultIssues: '',
+    defaultScope: '',
+    defaultSubject: ''
+  }
+};
--- a/Yi.Ai.Vue3/.editorconfig
+++ b/Yi.Ai.Vue3/.editorconfig
@@ -0,0 +1,43 @@
+# 官网是这么介绍 EditorConfig 的：
+# EditorConfig帮助开发人员在不同的编辑器和IDE之间定义和维护一致的编码样式。
+# EditorConfig 项目由用于定义编码样式的文件格式和一组文本编辑器插件组成，这些插件使编辑器能够读取文件格式并遵循定义的样式。
+# EditorConfig 文件易于阅读，并且与版本控制系统配合使用。
+# 不同的开发人员，不同的编辑器，有不同的编码风格，而 EditorConfig 就是用来协同团队开发人员之间的代码的风格及样式规范化的一个工具，
+# 而.editorconfig正是它的默认配置文件
+
+#EditorConfig 的匹配规则是从上往下，即先定义的规则优先级比后定义的优先级要高。
+
+# 告诉 EditorConfig 插件，这是根文件，不用继续往上查找
+root = true
+
+# 匹配全部文件
+[*]
+
+# 设置字符集
+charset=utf-8
+
+# 结尾换行符，可选"lf"、"cr"、"crlf"
+end_of_line=LF
+
+# 在文件结尾插入新行
+insert_final_newline=true
+
+# 缩进风格，可选"space"、"tab"
+indent_style=space
+
+# 缩进的空格数
+indent_size=2
+
+max_line_length = 100
+
+# 匹配 yml 和 yaml、json 结尾的文件
+[*.{yml,yaml,json}]
+indent_style = space
+indent_size = 2
+
+[*.md]
+# 删除一行中的前后空格
+trim_trailing_whitespace = false
+
+[Makefile]
+indent_style = tab
--- a/Yi.Ai.Vue3/.env.development
+++ b/Yi.Ai.Vue3/.env.development
@@ -0,0 +1,16 @@
+# 页面标题
+VITE_WEB_TITLE = chat-template
+
+# 页面英文标题
+VITE_WEB_TITLE_EN = chat-template
+
+# 本地环境配置
+VITE_WEB_ENV = 'development'
+
+# 本地环境
+VITE_WEB_BASE_API = '/dev-api'
+
+# 本地接口
+# VITE_API_URL = http://122.51.75.95:6039
+VITE_API_URL = http://129.211.24.7:6039
+# VITE_API_URL = https://mp.pandarobot.chat
--- a/Yi.Ai.Vue3/.env.production
+++ b/Yi.Ai.Vue3/.env.production
@@ -0,0 +1,20 @@
+# 页面标题
+VITE_WEB_TITLE = chat-template
+
+# 页面英文标题
+VITE_WEB_TITLE_EN = chat-template
+
+# 生产环境配置
+VITE_WEB_ENV = 'production'
+
+# 生产环境
+VITE_WEB_BASE_API = '/prod-api'
+
+# 是否在打包时开启压缩，支持 gzip 和 brotli
+VITE_BUILD_COMPRESS = gzip
+
+# VITE_API_URL = http://122.51.75.95:6039
+# VITE_API_URL = http://129.211.24.7:6039
+VITE_API_URL = https://mp.pandarobot.chat
+
+
--- a/Yi.Ai.Vue3/.eslintrc-auto-import.json
+++ b/Yi.Ai.Vue3/.eslintrc-auto-import.json
@@ -0,0 +1,78 @@
+{
+  "globals": {
+    "Component": true,
+    "ComponentPublicInstance": true,
+    "ComputedRef": true,
+    "DirectiveBinding": true,
+    "EffectScope": true,
+    "ElMessage": true,
+    "ElMessageBox": true,
+    "ExtractDefaultPropTypes": true,
+    "ExtractPropTypes": true,
+    "ExtractPublicPropTypes": true,
+    "InjectionKey": true,
+    "MaybeRef": true,
+    "MaybeRefOrGetter": true,
+    "PropType": true,
+    "Ref": true,
+    "Slot": true,
+    "Slots": true,
+    "VNode": true,
+    "WritableComputedRef": true,
+    "computed": true,
+    "createApp": true,
+    "customRef": true,
+    "defineAsyncComponent": true,
+    "defineComponent": true,
+    "effectScope": true,
+    "getCurrentInstance": true,
+    "getCurrentScope": true,
+    "h": true,
+    "inject": true,
+    "isProxy": true,
+    "isReactive": true,
+    "isReadonly": true,
+    "isRef": true,
+    "markRaw": true,
+    "nextTick": true,
+    "onActivated": true,
+    "onBeforeMount": true,
+    "onBeforeUnmount": true,
+    "onBeforeUpdate": true,
+    "onDeactivated": true,
+    "onErrorCaptured": true,
+    "onMounted": true,
+    "onRenderTracked": true,
+    "onRenderTriggered": true,
+    "onScopeDispose": true,
+    "onServerPrefetch": true,
+    "onUnmounted": true,
+    "onUpdated": true,
+    "onWatcherCleanup": true,
+    "provide": true,
+    "reactive": true,
+    "readonly": true,
+    "ref": true,
+    "resolveComponent": true,
+    "shallowReactive": true,
+    "shallowReadonly": true,
+    "shallowRef": true,
+    "toRaw": true,
+    "toRef": true,
+    "toRefs": true,
+    "toValue": true,
+    "triggerRef": true,
+    "unref": true,
+    "useAttrs": true,
+    "useCssModule": true,
+    "useCssVars": true,
+    "useId": true,
+    "useModel": true,
+    "useSlots": true,
+    "useTemplateRef": true,
+    "watch": true,
+    "watchEffect": true,
+    "watchPostEffect": true,
+    "watchSyncEffect": true
+  }
+}
--- a/Yi.Ai.Vue3/.gitignore
+++ b/Yi.Ai.Vue3/.gitignore
@@ -0,0 +1,25 @@
+# Logs
+logs
+*.log
+npm-debug.log*
+yarn-debug.log*
+yarn-error.log*
+pnpm-debug.log*
+lerna-debug.log*
+
+node_modules
+dist
+dist-ssr
+*.local
+
+# Editor directories and files
+.vscode/*
+!.vscode/extensions.json
+!.vscode/settings.json
+.idea
+.DS_Store
+*.suo
+*.ntvs*
+*.njsproj
+*.sln
+*.sw?
--- a/Yi.Ai.Vue3/.husky/commit-msg
+++ b/Yi.Ai.Vue3/.husky/commit-msg
@@ -0,0 +1 @@
+npx --no-install commitlint --edit $1
--- a/Yi.Ai.Vue3/.husky/pre-commit
+++ b/Yi.Ai.Vue3/.husky/pre-commit
@@ -0,0 +1 @@
+npx lint-staged
--- a/Yi.Ai.Vue3/.lintstagedrc
+++ b/Yi.Ai.Vue3/.lintstagedrc
@@ -0,0 +1,14 @@
+{
+  "*.{ts,tsx}": [
+    "eslint --fix",
+    "git add"
+  ],
+  "*.{json,js,jsx}": [
+    "eslint --fix",
+    "git add"
+  ],
+  "*.vue": [
+    "eslint --fix",
+    "git add"
+  ]
+}
--- a/Yi.Ai.Vue3/.stylelintignore
+++ b/Yi.Ai.Vue3/.stylelintignore
@@ -0,0 +1,4 @@
+/dist/*
+/public/*
+public/*
+stats.html
--- a/Yi.Ai.Vue3/.stylelintrc.cjs
+++ b/Yi.Ai.Vue3/.stylelintrc.cjs
@@ -0,0 +1,40 @@
+// @see: https://stylelint.io
+
+module.exports = {
+  root: true,
+  // 继承某些已有的规则
+  extends: [
+    "stylelint-config-standard", // 配置 stylelint 拓展插件
+    "stylelint-config-html/vue", // 配置 vue 中 template 样式格式化
+    "stylelint-config-standard-scss", // 配置 stylelint scss 插件
+    "stylelint-config-recommended-vue/scss", // 配置 vue 中 scss 样式格式化
+    "stylelint-config-recess-order" // 配置 stylelint css 属性书写顺序插件,
+  ],
+  overrides: [
+    // 扫描 .vue/html 文件中的 <style> 标签内的样式
+    {
+      files: ["**/*.{vue,html}"],
+      customSyntax: "postcss-html"
+    }
+  ],
+  rules: {
+    "function-url-quotes": "always", // URL 的引号 "always(必须加上引号)"|"never(没有引号)"
+    "color-hex-length": "long", // 指定 16 进制颜色的简写或扩写 "short(16进制简写)"|"long(16进制扩写)"
+    "rule-empty-line-before": "never", // 要求或禁止在规则之前的空行 "always(规则之前必须始终有一个空行)"|"never(规则前绝不能有空行)"|"always-multi-line(多行规则之前必须始终有一个空行)"|"never-multi-line(多行规则之前绝不能有空行)"
+    "font-family-no-missing-generic-family-keyword": null, // 禁止在字体族名称列表中缺少通用字体族关键字
+    "scss/at-import-partial-extension": null, // 解决不能使用 @import 引入 scss 文件
+    "property-no-unknown": null, // 禁止未知的属性
+    "no-empty-source": null, // 禁止空源码
+    "selector-class-pattern": null, // 强制选择器类名的格式
+    "value-no-vendor-prefix": null, // 关闭 vendor-prefix (为了解决多行省略 -webkit-box)
+    "no-descending-specificity": null, // 不允许较低特异性的选择器出现在覆盖较高特异性的选择器
+    "value-keyword-case": null, // 解决在 scss 中使用 v-bind 大写单词报错
+    "selector-pseudo-class-no-unknown": [
+      true,
+      {
+        ignorePseudoClasses: ["global", "v-deep", "deep"]
+      }
+    ]
+  },
+  ignoreFiles: ["**/*.js", "**/*.jsx", "**/*.tsx", "**/*.ts"]
+};
--- a/Yi.Ai.Vue3/LICENSE
+++ b/Yi.Ai.Vue3/LICENSE
@@ -0,0 +1,21 @@
+MIT License
+
+Copyright (c) 2025 HeJiaYue520
+
+Permission is hereby granted, free of charge, to any person obtaining a copy
+of this software and associated documentation files (the "Software"), to deal
+in the Software without restriction, including without limitation the rights
+to use, copy, modify, merge, publish, distribute, sublicense, and/or sell
+copies of the Software, and to permit persons to whom the Software is
+furnished to do so, subject to the following conditions:
+
+The above copyright notice and this permission notice shall be included in all
+copies or substantial portions of the Software.
+
+THE SOFTWARE IS PROVIDED "AS IS", WITHOUT WARRANTY OF ANY KIND, EXPRESS OR
+IMPLIED, INCLUDING BUT NOT LIMITED TO THE WARRANTIES OF MERCHANTABILITY,
+FITNESS FOR A PARTICULAR PURPOSE AND NONINFRINGEMENT. IN NO EVENT SHALL THE
+AUTHORS OR COPYRIGHT HOLDERS BE LIABLE FOR ANY CLAIM, DAMAGES OR OTHER
+LIABILITY, WHETHER IN AN ACTION OF CONTRACT, TORT OR OTHERWISE, ARISING FROM,
+OUT OF OR IN CONNECTION WITH THE SOFTWARE OR THE USE OR OTHER DEALINGS IN THE
+SOFTWARE.
--- a/Yi.Ai.Vue3/README.md
+++ b/Yi.Ai.Vue3/README.md
@@ -0,0 +1,65 @@
+
+
+
+
+## 🚀 项目亮点
+
+基于 **Vue3.5** + **Element-Plus-X** + **hook-fetch** + **TypeScript** + **Eslint9** 开发的企业级AI应用模板，快速构建仿豆包/通义的全栈AI项目。
+
+## 💡 核心优势
+- 最新技术栈：Vue3.5+/Vite6/Pinia3/TypeScript5
+- 流式交互：Hook-Fetch支持Server-Sent Events，插件化写法优雅的一批
+- 企业级规范：ESLint/Stylelint/husky/commitlint全链路校验
+- 全栈项目：集成 后端服务，快速开发
+- 开箱即用：内置动态路由、状态管理、组件库封装、hooks封装
+
+## 🎯 开发文档
+
+
+## 🔗 关键链接
+
+
+| 📚 前端文档 | 开发指南/项目说明              | [快速了解项目](https://chat-docs.element-plus-x.com)       |
+
+## 🧰 核心功能
+
+- 使用 Vue3.5+ 各种新特性的支持，让开发更有效率
+- 采用 Vite6.3+ 作为项目开发、打包工具
+- 使用 Pinia3.0+ 作为全局状态管理库，轻量、优雅、易用，集成 Pinia 持久化插件
+- 使用 TypeScript5.8+ 增强项目的代码规范和可读性
+- 使用 Unocss 预设样式，更快书写简单的样式
+- 弃用 Axios (不支持流式请求) 改用 Hook-Fetch (支持流模式，插件化封装，写法极度优雅) 进行全局的请求封装
+- 使用 VueRouter 配置动态路由权限拦截、路由懒加载
+- 使用 KeepAlive 对页面进行缓存
+- 封装了一些好用的组件和Hooks，增强用户交互体验
+- 使用   ESLint9+、Stylelint16+ 代码校验规范、同时统一保存格式化代码
+- 使用 husky、lint-staged、commitlint、cz-git 规范提交信息
+
+## 📦 安装与运行
+
+```bash
+
+# 安装依赖（推荐pnpm 避免幻影依赖）
+pnpm install
+
+# 开发模式
+pnpm run dev
+
+# 生产构建
+pnpm build
+
+# 代码校验
+pnpm lint          # ESLint检测
+pnpm lint:stylelint # 样式格式化
+pnpm cz            # 规范提交（自动执行lint）
+```
+
+## 🧸 即将推出 （含 接口联调）
+- [x] 会话管理
+- [x] 发送消息
+- [x] 登录注册
+- [ ] md 渲染
+- [ ] 编辑输入框
+- [ ] 文件上传
+- [ ] 其他...
+
--- a/Yi.Ai.Vue3/eslint.config.js
+++ b/Yi.Ai.Vue3/eslint.config.js
@@ -0,0 +1,38 @@
+import antfu from "@antfu/eslint-config";
+
+// 使用 antfu 配置
+export default antfu({
+  vue: {
+    "vue/block-order": [
+      "error",
+      {
+        // 块顺序
+        order: ["script", "template", "style"],
+      },
+    ],
+  },
+  typescript: true,
+  stylistic: {
+    indent: 2, // 缩进
+    semi: true, // 语句分号
+    quotes: "single", // 单引号
+  },
+  rules: {
+    "new-cap": ["off", { newIsCap: true, capIsNew: false }],
+    "no-console": "off", // 忽略console
+  },
+  ignores: [
+    "**/dist/**",
+    "**/node_modules/**",
+    "**/build/**",
+    "**/lib/**",
+    "**/es/**",
+    "**/types/**",
+    "**/public/**",
+    "**/vite.config.ts",
+    "**/eslint.config.js",
+    "./*.cjs",
+    "./*.js",
+    "./package.json",
+  ],
+});
--- a/Yi.Ai.Vue3/hello.txt
+++ b/Yi.Ai.Vue3/hello.txt
@@ -1 +0,0 @@
-你好 
--- a/Yi.Ai.Vue3/index.html
+++ b/Yi.Ai.Vue3/index.html
@@ -0,0 +1,16 @@
+<!doctype html>
+<html lang="en">
+
+<head>
+  <meta charset="UTF-8" />
+  <link rel="icon" href="/favicon.ico" />
+  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+  <title>%VITE_WEB_TITLE%</title>
+</head>
+
+<body>
+  <div id="app"></div>
+  <script type="module" src="/src/main.ts"></script>
+</body>
+
+</html>
--- a/Yi.Ai.Vue3/package.json
+++ b/Yi.Ai.Vue3/package.json
@@ -0,0 +1,85 @@
+{
+  "name": "ruoyi-element-ai",
+  "type": "module",
+  "version": "0.0.0",
+  "private": true,
+  "description": "ruoyi-element-ai open-source PC AI template",
+  "author": {
+    "name": "HeJiaYue520",
+    "email": "2834007710@qq.com",
+    "url": "https://github.com/HeJiaYue520/HeJiaYue520"
+  },
+  "license": "MIT",
+  "homepage": "https://github.com/element-plus-x/ruoyi-element-ai",
+  "repository": {
+    "type": "git",
+    "url": "git@github.com:element-plus-x/ruoyi-element-ai.git"
+  },
+  "bugs": {
+    "url": "https://github.com/element-plus-x/ruoyi-element-ai/issues"
+  },
+  "scripts": {
+    "dev": "vite",
+    "build": "vue-tsc -b && vite build",
+    "preview": "vite preview",
+    "prepare": "husky",
+    "lint": "eslint .",
+    "lint:stylelint": "stylelint --cache --fix \"**/*.{vue,less,postcss,css,scss}\" --cache --cache-location node_modules/.cache/stylelint/",
+    "fix": "eslint . --fix"
+  },
+  "dependencies": {
+    "@element-plus/icons-vue": "^2.3.1",
+    "@floating-ui/core": "^1.7.1",
+    "@floating-ui/dom": "^1.7.1",
+    "@floating-ui/vue": "^1.1.6",
+    "@jsonlee_12138/enum": "^1.0.4",
+    "@vueuse/core": "^13.3.0",
+    "@vueuse/integrations": "^13.3.0",
+    "element-plus": "^2.9.11",
+    "hook-fetch": "^1.1.3",
+    "nprogress": "^0.2.0",
+    "pinia": "^3.0.3",
+    "pinia-plugin-persistedstate": "^4.3.0",
+    "qrcode": "^1.5.4",
+    "radash": "^12.1.0",
+    "reset-css": "^5.0.2",
+    "vue": "^3.5.16",
+    "vue-element-plus-x": "1.2.0",
+    "vue-router": "4"
+  },
+  "devDependencies": {
+    "@antfu/eslint-config": "^4.13.3",
+    "@changesets/cli": "^2.29.4",
+    "@commitlint/config-conventional": "^19.8.1",
+    "@vitejs/plugin-vue": "^5.2.4",
+    "@vue/tsconfig": "^0.7.0",
+    "commitlint": "^19.8.1",
+    "cz-git": "^1.11.1",
+    "eslint": "^9.28.0",
+    "husky": "^9.1.7",
+    "lint-staged": "^16.1.0",
+    "prettier": "^3.5.3",
+    "sass-embedded": "^1.89.1",
+    "stylelint": "^16.20.0",
+    "stylelint-config-html": "^1.1.0",
+    "stylelint-config-recess-order": "^6.0.0",
+    "stylelint-config-recommended-scss": "^15.0.1",
+    "stylelint-config-recommended-vue": "^1.6.0",
+    "stylelint-config-standard": "^38.0.0",
+    "stylelint-config-standard-scss": "^15.0.1",
+    "typescript": "~5.8.3",
+    "typescript-api-pro": "^0.0.7",
+    "unocss": "66.1.3",
+    "unplugin-auto-import": "^19.3.0",
+    "unplugin-vue-components": "^28.7.0",
+    "vite": "^6.3.5",
+    "vite-plugin-env-typed": "^0.0.2",
+    "vite-plugin-svg-icons": "^2.0.1",
+    "vue-tsc": "^2.2.10"
+  },
+  "config": {
+    "commitizen": {
+      "path": "node_modules/cz-git"
+    }
+  }
+}
--- a/Yi.Ai.Vue3/pnpm-lock.yaml
+++ b/Yi.Ai.Vue3/pnpm-lock.yaml
--- a/Yi.Ai.Vue3/src/App.vue
+++ b/Yi.Ai.Vue3/src/App.vue
@@ -0,0 +1,7 @@
+<script setup lang="ts"></script>
+
+<template>
+  <router-view />
+</template>
+
+<style scoped lang="scss"></style>
--- a/Yi.Ai.Vue3/src/api/auth/index.ts
+++ b/Yi.Ai.Vue3/src/api/auth/index.ts
@@ -0,0 +1,10 @@
+import type { EmailCodeDTO, LoginDTO, LoginVO, RegisterDTO } from './types';
+import { post } from '@/utils/request';
+
+export const login = (data: LoginDTO) => post<LoginVO>('/auth/login', data);
+
+// 邮箱验证码
+export const emailCode = (data: EmailCodeDTO) => post('/resource/email/code', data);
+
+// 注册账号
+export const register = (data: RegisterDTO) => post('/auth/register', data);
--- a/Yi.Ai.Vue3/src/api/auth/types.ts
+++ b/Yi.Ai.Vue3/src/api/auth/types.ts
@@ -0,0 +1,146 @@
+export interface LoginDTO {
+  username: string;
+  password: string;
+  code?: string;
+  // 二次确认密码
+  confirmPassword?: string;
+}
+
+export interface LoginVO {
+  access_token?: string;
+  token?: string;
+  userInfo?: LoginUser;
+}
+
+/**
+ * LoginUser，登录用户身份权限
+ */
+export interface LoginUser {
+  /**
+   * 微信头像
+   */
+  avatar?: string;
+  /**
+   * 浏览器类型
+   */
+  browser?: string;
+  /**
+   * 部门ID
+   */
+  deptId?: number;
+  /**
+   * 部门名
+   */
+  deptName?: string;
+  /**
+   * 过期时间
+   */
+  expireTime?: number;
+  /**
+   * 登录IP地址
+   */
+  ipaddr?: string;
+  /**
+   * 获取登录id
+   */
+  loginId?: string;
+  /**
+   * 登录地点
+   */
+  loginLocation?: string;
+  /**
+   * 登录时间
+   */
+  loginTime?: number;
+  /**
+   * 菜单权限
+   */
+  menuPermission?: string[];
+  /**
+   * 用户名
+   */
+  nickName?: string;
+  /**
+   * 操作系统
+   */
+  os?: string;
+  /**
+   * 数据权限 当前角色ID
+   */
+  roleId?: number;
+  /**
+   * 角色权限
+   */
+  rolePermission?: string[];
+  /**
+   * 角色对象
+   */
+  roles?: RoleDTO[];
+  /**
+   * 租户ID
+   */
+  tenantId?: string;
+  /**
+   * 用户唯一标识
+   */
+  token?: string;
+  /**
+   * 用户ID
+   */
+  userId?: number;
+  /**
+   * 用户名
+   */
+  username?: string;
+  /**
+   * 用户类型
+   */
+  userType?: string;
+}
+
+/**
+ * RoleDTO，角色
+ */
+export interface RoleDTO {
+  /**
+   * 数据范围（1：所有数据权限；2：自定义数据权限；3：本部门数据权限；4：本部门及以下数据权限；5：仅本人数据权限）
+   */
+  dataScope?: string;
+  /**
+   * 角色ID
+   */
+  roleId?: number;
+  /**
+   * 角色权限
+   */
+  roleKey?: string;
+  /**
+   * 角色名称
+   */
+  roleName?: string;
+}
+
+// 邮箱验证码
+export interface EmailCodeDTO {
+  username?: string;
+}
+
+// 邮箱注册
+export interface RegisterDTO {
+  /**
+   * 邮箱
+   */
+  username: string;
+  /**
+   * 密码
+   */
+  password: string;
+  /**
+   * 验证码
+   */
+  code: string;
+  /**
+   * 确认密码
+   */
+  confirmPassword?: string;
+}
--- a/Yi.Ai.Vue3/src/api/chat/index.ts
+++ b/Yi.Ai.Vue3/src/api/chat/index.ts
@@ -0,0 +1,15 @@
+import type { ChatMessageVo, GetChatListParams, SendDTO } from './types';
+import { get, post } from '@/utils/request';
+
+// 发送消息
+export const send = (data: SendDTO) => post<null>('/chat/send', data);
+
+// 新增对应会话聊天记录
+export function addChat(data: ChatMessageVo) {
+  return post('/system/message', data);
+}
+
+// 获取当前会话的聊天记录
+export function getChatList(params: GetChatListParams) {
+  return get<ChatMessageVo[]>('/system/message/list', params);
+}
--- a/Yi.Ai.Vue3/src/api/chat/types.ts
+++ b/Yi.Ai.Vue3/src/api/chat/types.ts
@@ -0,0 +1,222 @@
+/**
+ * ChatRequest，描述：对话请求对象
+ */
+export interface SendDTO {
+  /**
+   * 应用ID
+   */
+  appId?: string;
+  /**
+   * 上下文的条数
+   */
+  contentNumber?: number;
+  /**
+   * 是否开启mcp
+   */
+  isMcp?: boolean;
+  /**
+   * 知识库id
+   */
+  kid?: string;
+  messages: Message[];
+  // model: ModelType;
+  model?: string;
+  /**
+   * 提示词
+   */
+  prompt?: string;
+  /**
+   * 是否开启联网搜索(0关闭 1开启)
+   */
+  search?: boolean;
+  /**
+   * 会话id
+   */
+  sessionId?: string;
+  /**
+   * 是否开启流式对话
+   */
+  stream?: boolean;
+  /**
+   * 系统提示词
+   */
+  sysPrompt?: string;
+  /**
+   * 用户id
+   */
+  userId?: number;
+  /**
+   * 是否携带上下文
+   */
+  usingContext?: boolean;
+}
+
+/**
+ * Message，描述：
+ */
+export interface Message {
+  content?: string;
+  name?: string;
+  reasoning_content?: string;
+  /**
+   * 目前支持四个中角色参考官网，进行情景输入：
+   * https://platform.openai.com/docs/guides/chat/introduction
+   */
+  role?: 'system' | 'user' | 'assistant' | 'function' | 'tool';
+  tool_call_id?: string;
+  /**
+   * The tool calls generated by the model, such as function calls.
+   */
+  tool_calls?: ToolCalls[];
+}
+
+/**
+ * ToolCalls，The tool calls generated by the model, such as function calls.
+ */
+export interface ToolCalls {
+  function?: ToolCallFunction;
+  /**
+   * The ID of the tool call.
+   */
+  id?: string;
+  /**
+   * The type of the tool. Currently, only function is supported.
+   */
+  type?: string;
+}
+
+/**
+ * ToolCallFunction，ToolCall 的 Function参数
+ * The function that the model called.
+ */
+export interface ToolCallFunction {
+  /**
+   * 方法参数
+   */
+  arguments?: string;
+  /**
+   * 方法名
+   */
+  name?: string;
+}
+
+export interface GetChatListParams {
+  /**
+   * 消息内容
+   */
+  content?: string;
+  /**
+   * 创建者
+   */
+  createBy?: number;
+  /**
+   * 创建部门
+   */
+  createDept?: number;
+  /**
+   * 创建时间
+   */
+  createTime?: Date;
+  /**
+   * 扣除金额
+   */
+  deductCost?: number;
+  /**
+   * 主键
+   */
+  id?: number;
+  /**
+   * 排序的方向desc或者asc
+   */
+  isAsc?: string;
+  /**
+   * 模型名称
+   */
+  modelName?: string;
+  /**
+   * 排序列
+   */
+  orderByColumn?: string;
+  /**
+   * 当前页数
+   */
+  pageNum?: number;
+  /**
+   * 分页大小
+   */
+  pageSize?: number;
+  /**
+   * 请求参数
+   */
+  params?: { [key: string]: { [key: string]: any } };
+  /**
+   * 备注
+   */
+  remark?: string;
+  /**
+   * 对话角色
+   */
+  role?: string;
+  /**
+   * 会话id
+   */
+  sessionId?: string;
+  /**
+   * 累计 Tokens
+   */
+  totalTokens?: number;
+  /**
+   * 更新者
+   */
+  updateBy?: number;
+  /**
+   * 更新时间
+   */
+  updateTime?: Date;
+  /**
+   * 用户id
+   */
+  userId?: number;
+}
+
+/**
+ * ChatMessageVo，聊天消息视图对象 chat_message
+ */
+export interface ChatMessageVo {
+  /**
+   * 消息内容
+   */
+  content?: string;
+  /**
+   * 扣除金额
+   */
+  deductCost?: number;
+  /**
+   * 主键
+   */
+  id?: number;
+  /**
+   * 模型名称
+   */
+  modelName?: string;
+  /**
+   * 备注
+   */
+  remark?: string;
+  /**
+   * 对话角色
+   */
+  role?: string;
+  /**
+   * 会话id
+   */
+  sessionId?: number;
+  /**
+   * 累计 Tokens
+   */
+  totalTokens?: number;
+  /**
+   * 用户id
+   */
+  userId?: number;
+}
--- a/Yi.Ai.Vue3/src/api/index.ts
+++ b/Yi.Ai.Vue3/src/api/index.ts
@@ -0,0 +1,4 @@
+export * from './auth';
+export * from './chat';
+export * from './model';
+export * from './session';
--- a/Yi.Ai.Vue3/src/api/model/index.ts
+++ b/Yi.Ai.Vue3/src/api/model/index.ts
@@ -0,0 +1,7 @@
+import type { GetSessionListVO } from './types';
+import { get } from '@/utils/request';
+
+// 获取当前用户的模型列表
+export function getModelList() {
+  return get<GetSessionListVO[]>('/system/model/modelList');
+}
--- a/Yi.Ai.Vue3/src/api/model/types.ts
+++ b/Yi.Ai.Vue3/src/api/model/types.ts
@@ -0,0 +1,14 @@
+// 查询用户模型列表返回的数据结构
+export interface GetSessionListVO {
+  id?: number;
+  category?: string;
+  modelName?: string;
+  modelDescribe?: string;
+  modelPrice?: number;
+  modelType?: string;
+  modelShow?: string;
+  systemPrompt?: string;
+  apiHost?: string;
+  apiKey?: string;
+  remark?: string;
+}
--- a/Yi.Ai.Vue3/src/api/session/index.ts
+++ b/Yi.Ai.Vue3/src/api/session/index.ts
@@ -0,0 +1,27 @@
+import type {
+  ChatSessionVo,
+  CreateSessionDTO,
+  // CreateSessionVO,
+  GetSessionListParams,
+} from './types';
+import { del, get, post, put } from '@/utils/request';
+
+export function get_session_list(params: GetSessionListParams) {
+  return get<ChatSessionVo[]>('/system/session/list', params);
+}
+
+export function create_session(data: CreateSessionDTO) {
+  return post('/system/session', data);
+}
+
+export function update_session(data: ChatSessionVo) {
+  return put('/system/session', data);
+}
+
+export function get_session(id: string) {
+  return get<ChatSessionVo>(`/system/session/${id}`);
+}
+
+export function delete_session(ids: string[]) {
+  return del(`/system/session/${ids}`);
+}
--- a/Yi.Ai.Vue3/src/api/session/types.ts
+++ b/Yi.Ai.Vue3/src/api/session/types.ts
@@ -0,0 +1,154 @@
+import type { Component } from 'vue';
+
+export interface GetSessionListParams {
+  /**
+   * 创建者
+   */
+  createBy?: number;
+  /**
+   * 创建部门
+   */
+  createDept?: number;
+  /**
+   * 创建时间
+   */
+  createTime?: Date;
+  /**
+   * 主键
+   */
+  id?: number;
+  /**
+   * 排序的方向desc或者asc
+   */
+  isAsc?: string;
+  /**
+   * 排序列
+   */
+  orderByColumn?: string;
+  /**
+   * 当前页数
+   */
+  pageNum?: number;
+  /**
+   * 分页大小
+   */
+  pageSize?: number;
+  /**
+   * 请求参数
+   */
+  params?: { [key: string]: { [key: string]: any } };
+  /**
+   * 备注
+   */
+  remark?: string;
+  /**
+   * 会话内容
+   */
+  sessionContent?: string;
+  /**
+   * 会话标题
+   */
+  sessionTitle?: string;
+  /**
+   * 更新者
+   */
+  updateBy?: number;
+  /**
+   * 更新时间
+   */
+  updateTime?: Date;
+  /**
+   * 用户id
+   */
+  userId: number;
+}
+
+/**
+ * ChatSessionVo，会话管理视图对象 chat_session
+ */
+export interface ChatSessionVo {
+  /**
+   * 主键
+   */
+  // id?: number
+  id?: string;
+  /**
+   * 备注
+   */
+  remark?: string;
+  /**
+   * 会话内容
+   */
+  sessionContent?: string;
+  /**
+   * 会话标题
+   */
+  sessionTitle?: string;
+  /**
+   * 用户id
+   */
+  userId?: number;
+  /**
+   * 创建时间
+   */
+  createTime?: Date;
+  /**
+   * 自定义的消息前缀图标字段
+   */
+  prefixIcon?: Component;
+}
+
+/**
+ * ChatSessionBo，会话管理业务对象 chat_session
+ */
+export interface CreateSessionDTO {
+  /**
+   * 创建者
+   */
+  createBy?: number;
+  /**
+   * 创建部门
+   */
+  createDept?: number;
+  /**
+   * 创建时间
+   */
+  createTime?: Date;
+  /**
+   * 主键
+   */
+  // id?: number;
+  id?: string;
+  /**
+   * 请求参数
+   */
+  params?: { [key: string]: { [key: string]: any } };
+  /**
+   * 备注
+   */
+  remark?: string;
+  /**
+   * 会话内容
+   */
+  sessionContent?: string;
+  /**
+   * 会话标题
+   */
+  sessionTitle: string;
+  /**
+   * 更新者
+   */
+  updateBy?: number;
+  /**
+   * 更新时间
+   */
+  updateTime?: Date;
+  /**
+   * 用户id
+   */
+  userId: number;
+}
+
+// export interface CreateSessionVO {
+//   id: number;
+// }
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/ancient-gate-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/ancient-gate-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M18.901 10a2.999 2.999 0 0 0 4.075 1.113 3.5 3.5 0 0 1-1.975 3.55L21 21h-6v-2a3 3 0 0 0-5.995-.176L9 19v2H3v-6.336a3.5 3.5 0 0 1-1.979-3.553A2.999 2.999 0 0 0 5.098 10h13.803zm-1.865-7a3.5 3.5 0 0 0 4.446 2.86 3.5 3.5 0 0 1-3.29 3.135L18 9H6a3.5 3.5 0 0 1-3.482-3.14A3.5 3.5 0 0 0 6.964 3h10.072z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/ancient-gate-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/ancient-gate-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path fill-rule="nonzero" d="M18.901 10a2.999 2.999 0 0 0 4.075 1.113 3.5 3.5 0 0 1-1.975 3.55L21 21h-7v-2a2 2 0 0 0-1.85-1.995L12 17a2 2 0 0 0-1.995 1.85L10 19v2H3v-6.336a3.5 3.5 0 0 1-1.979-3.553A2.999 2.999 0 0 0 5.098 10h13.803zm-.971 2H6.069l-.076.079c-.431.42-.935.76-1.486 1.002l-.096.039.589.28-.001 5.6 3.002-.001v-.072l.01-.223c.149-2.016 1.78-3.599 3.854-3.698l.208-.005.223.01a4 4 0 0 1 3.699 3.787l.004.201L19 19l.001-5.6.587-.28-.095-.04a5.002 5.002 0 0 1-1.486-1.001L17.93 12zm-.894-9a3.5 3.5 0 0 0 4.446 2.86 3.5 3.5 0 0 1-3.29 3.135L18 9H6a3.5 3.5 0 0 1-3.482-3.14A3.5 3.5 0 0 0 6.964 3h10.072zM15.6 5H8.399a5.507 5.507 0 0 1-1.49 1.816L6.661 7h10.677l-.012-.008a5.518 5.518 0 0 1-1.579-1.722L15.6 5z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/ancient-pavilion-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/ancient-pavilion-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M12.513 2.001a9.004 9.004 0 0 0 9.97 5.877A4.501 4.501 0 0 1 19 11.888V19l2 .001v2H3v-2h2v-7.113a4.503 4.503 0 0 1-3.484-4.01 9.004 9.004 0 0 0 9.972-5.876h1.025zM17 12H7V19h10v-7z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/ancient-pavilion-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/ancient-pavilion-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path fill-rule="nonzero" d="M12.513 2.001a9.004 9.004 0 0 0 9.97 5.877A4.501 4.501 0 0 1 19 11.888V19l2 .001v2H3v-2h2v-7.113a4.503 4.503 0 0 1-3.484-4.01 9.004 9.004 0 0 0 9.972-5.876h1.025zM17 12H7V19h10v-7zm-5-6.673l-.11.155A11.012 11.012 0 0 1 5.4 9.736l-.358.073.673.19h12.573l.668-.19-.011-.002a11.01 11.01 0 0 1-6.836-4.326L12 5.326z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/bank-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/bank-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M2 20h20v2H2v-2zm2-8h2v7H4v-7zm5 0h2v7H9v-7zm4 0h2v7h-2v-7zm5 0h2v7h-2v-7zM2 7l10-5 10 5v4H2V7zm10 1a1 1 0 1 0 0-2 1 1 0 0 0 0 2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/bank-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/bank-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M2 20h20v2H2v-2zm2-8h2v7H4v-7zm5 0h2v7H9v-7zm4 0h2v7h-2v-7zm5 0h2v7h-2v-7zM2 7l10-5 10 5v4H2V7zm2 1.236V9h16v-.764l-8-4-8 4zM12 8a1 1 0 1 1 0-2 1 1 0 0 1 0 2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/building-2-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/building-2-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M12 19h2V6l6.394 2.74a1 1 0 0 1 .606.92V19h2v2H1v-2h2V5.65a1 1 0 0 1 .594-.914l7.703-3.424A.5.5 0 0 1 12 1.77V19z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/building-2-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/building-2-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M3 19V5.7a1 1 0 0 1 .658-.94l9.671-3.516a.5.5 0 0 1 .671.47v4.953l6.316 2.105a1 1 0 0 1 .684.949V19h2v2H1v-2h2zm2 0h7V3.855L5 6.401V19zm14 0v-8.558l-5-1.667V19h5z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/building-3-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/building-3-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M10 10.111V1l11 6v14H3V7z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/building-3-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/building-3-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M10 10.111V1l11 6v14H3V7l7 3.111zm2-5.742v8.82l-7-3.111V19h14V8.187L12 4.37z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/building-4-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/building-4-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 20h2v2H1v-2h2V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v17zM8 11v2h3v-2H8zm0-4v2h3V7H8zm0 8v2h3v-2H8zm5 0v2h3v-2h-3zm0-4v2h3v-2h-3zm0-4v2h3V7h-3z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/building-4-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/building-4-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 20h2v2H1v-2h2V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v17zm-2 0V4H5v16h14zM8 11h3v2H8v-2zm0-4h3v2H8V7zm0 8h3v2H8v-2zm5 0h3v2h-3v-2zm0-4h3v2h-3v-2zm0-4h3v2h-3V7z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/building-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/building-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 19h2v2H1v-2h2V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15h2V9h3a1 1 0 0 1 1 1v9zM7 11v2h4v-2H7zm0-4v2h4V7H7z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/building-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/building-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 19h2v2H1v-2h2V4a1 1 0 0 1 1-1h10a1 1 0 0 1 1 1v15h4v-8h-2V9h3a1 1 0 0 1 1 1v9zM5 5v14h8V5H5zm2 6h4v2H7v-2zm0-4h4v2H7V7z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/community-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/community-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M9 19h3v-6.058L8 9.454l-4 3.488V19h3v-4h2v4zm12 2H3a1 1 0 0 1-1-1v-7.513a1 1 0 0 1 .343-.754L6 8.544V4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1zm-5-10v2h2v-2h-2zm0 4v2h2v-2h-2zm0-8v2h2V7h-2zm-4 0v2h2V7h-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/community-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/community-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 21H3a1 1 0 0 1-1-1v-7.513a1 1 0 0 1 .343-.754L6 8.544V4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1zM9 19h3v-6.058L8 9.454l-4 3.488V19h3v-4h2v4zm5 0h6V5H8v2.127c.234 0 .469.082.657.247l5 4.359a1 1 0 0 1 .343.754V19zm2-8h2v2h-2v-2zm0 4h2v2h-2v-2zm0-8h2v2h-2V7zm-4 0h2v2h-2V7z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/government-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/government-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M2 19V8H1V6h3V4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2h3v2h-1v11h1v2H1v-2h1zm11 0v-7h-2v7h2zm-5 0v-7H6v7h2zm10 0v-7h-2v7h2zM6 5v1h12V5H6z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/government-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/government-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M20 6h3v2h-1v11h1v2H1v-2h1V8H1V6h3V4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v2zm0 2H4v11h3v-7h2v7h2v-7h2v7h2v-7h2v7h3V8zM6 5v1h12V5H6z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-2-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-2-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-2-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-2-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-3-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-3-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9zM8 15v2h8v-2H8z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-3-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-3-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19zm2-4h8v2H8v-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-4-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-4-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9zm-9-7v6h2v-6h-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-4-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-4-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zm-6-2h5V9.157l-6-5.454-6 5.454V19h5v-6h2v6z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-5-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-5-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.49a1 1 0 0 1 .386-.79l8-6.222a1 1 0 0 1 1.228 0l8 6.222a1 1 0 0 1 .386.79V20zm-10-7v6h2v-6h-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-5-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-5-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M13 19h6V9.978l-7-5.444-7 5.444V19h6v-6h2v6zm8 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.49a1 1 0 0 1 .386-.79l8-6.222a1 1 0 0 1 1.228 0l8 6.222a1 1 0 0 1 .386.79V20z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-6-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-6-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.49a1 1 0 0 1 .386-.79l8-6.222a1 1 0 0 1 1.228 0l8 6.222a1 1 0 0 1 .386.79V20zM7 15v2h10v-2H7z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-6-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-6-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.49a1 1 0 0 1 .386-.79l8-6.222a1 1 0 0 1 1.228 0l8 6.222a1 1 0 0 1 .386.79V20zm-2-1V9.978l-7-5.444-7 5.444V19h14zM7 15h10v2H7v-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-7-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-7-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M19 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9H0l10.327-9.388a1 1 0 0 1 1.346 0L22 11h-3v9zm-8-5a2.5 2.5 0 1 0 0-5 2.5 2.5 0 0 0 0 5z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-7-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-7-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19zm6-4a2.5 2.5 0 1 1 0-5 2.5 2.5 0 0 1 0 5z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-8-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-8-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9zM9 10v6h6v-6H9zm2 2h2v2h-2v-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-8-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-8-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19zm3-9h6v6H9v-6zm2 2v2h2v-2h-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.49a1 1 0 0 1 .386-.79l8-6.222a1 1 0 0 1 1.228 0l8 6.222a1 1 0 0 1 .386.79V20z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-gear-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-gear-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9zM8.592 13.808l-.991.572 1 1.733.993-.573a3.5 3.5 0 0 0 1.405.811v1.145h2.002V16.35a3.5 3.5 0 0 0 1.405-.81l.992.572L16.4 14.38l-.991-.572a3.504 3.504 0 0 0 0-1.62l.991-.573-1-1.733-.993.573A3.5 3.5 0 0 0 13 9.645V8.5h-2.002v1.144a3.5 3.5 0 0 0-1.405.811l-.992-.573L7.6 11.616l.991.572a3.504 3.504 0 0 0 0 1.62zm3.408.69a1.5 1.5 0 1 1-.002-3.001 1.5 1.5 0 0 1 .002 3z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-gear-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-gear-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M19 21H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM6 19h12V9.157l-6-5.454-6 5.454V19zm2.591-5.191a3.508 3.508 0 0 1 0-1.622l-.991-.572 1-1.732.991.573a3.495 3.495 0 0 1 1.404-.812V8.5h2v1.144c.532.159 1.01.44 1.404.812l.991-.573 1 1.731-.991.573a3.508 3.508 0 0 1 0 1.622l.991.572-1 1.731-.991-.572a3.495 3.495 0 0 1-1.404.811v1.145h-2V16.35a3.495 3.495 0 0 1-1.404-.811l-.991.572-1-1.73.991-.573zm3.404.688a1.5 1.5 0 1 0 0-2.998 1.5 1.5 0 0 0 0 2.998z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-heart-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-heart-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9zm-8-3l3.359-3.359a2.25 2.25 0 1 0-3.182-3.182l-.177.177-.177-.177a2.25 2.25 0 1 0-3.182 3.182L12 17z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-heart-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-heart-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path fill-rule="nonzero" d="M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9zm-2-1V9.157l-6-5.454-6 5.454V19h12zm-6-2l-3.359-3.359a2.25 2.25 0 1 1 3.182-3.182l.177.177.177-.177a2.25 2.25 0 1 1 3.182 3.182L12 17z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.49a1 1 0 0 1 .386-.79l8-6.222a1 1 0 0 1 1.228 0l8 6.222a1 1 0 0 1 .386.79V20zm-2-1V9.978l-7-5.444-7 5.444V19h14z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-smile-2-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-smile-2-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 20a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.314a1 1 0 0 1 .38-.785l8-6.311a1 1 0 0 1 1.24 0l8 6.31a1 1 0 0 1 .38.786V20zM7 12a5 5 0 0 0 10 0h-2a3 3 0 0 1-6 0H7z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-smile-2-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-smile-2-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M19 19V9.799l-7-5.522-7 5.522V19h14zm2 1a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1V9.314a1 1 0 0 1 .38-.785l8-6.311a1 1 0 0 1 1.24 0l8 6.31a1 1 0 0 1 .38.786V20zM7 12h2a3 3 0 0 0 6 0h2a5 5 0 0 1-10 0z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-smile-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-smile-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9zM7.5 13a4.5 4.5 0 1 0 9 0h-2a2.5 2.5 0 1 1-5 0h-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-smile-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-smile-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M6 19h12V9.157l-6-5.454-6 5.454V19zm13 2H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM7.5 13h2a2.5 2.5 0 1 0 5 0h2a4.5 4.5 0 1 1-9 0z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-wifi-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-wifi-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M20 20a1 1 0 0 1-1 1H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9zM7 11v2a5 5 0 0 1 5 5h2a7 7 0 0 0-7-7zm0 4v3h3a3 3 0 0 0-3-3z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/home-wifi-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/home-wifi-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M6 19h12V9.157l-6-5.454-6 5.454V19zm13 2H5a1 1 0 0 1-1-1v-9H1l10.327-9.388a1 1 0 0 1 1.346 0L23 11h-3v9a1 1 0 0 1-1 1zM8 10a7 7 0 0 1 7 7h-2a5 5 0 0 0-5-5v-2zm0 4a3 3 0 0 1 3 3H8v-3z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/hospital-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/hospital-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 20h2v2H1v-2h2V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v17zM11 8H9v2h2v2h2v-2h2V8h-2V6h-2v2zm3 12h2v-6H8v6h2v-4h4v4z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/hospital-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/hospital-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path fill-rule="nonzero" d="M8 20v-6h8v6h3V4H5v16h3zm2 0h4v-4h-4v4zm11 0h2v2H1v-2h2V3a1 1 0 0 1 1-1h16a1 1 0 0 1 1 1v17zM11 8V6h2v2h2v2h-2v2h-2v-2H9V8h2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/hotel-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/hotel-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M17 19h2v-8h-6v8h2v-6h2v6zM3 19V4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v5h2v10h1v2H2v-2h1zm4-8v2h2v-2H7zm0 4v2h2v-2H7zm0-8v2h2V7H7z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/hotel-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/hotel-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M22 21H2v-2h1V4a1 1 0 0 1 1-1h14a1 1 0 0 1 1 1v5h2v10h1v2zm-5-2h2v-8h-6v8h2v-6h2v6zm0-10V5H5v14h6V9h6zM7 11h2v2H7v-2zm0 4h2v2H7v-2zm0-8h2v2H7V7z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/store-2-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/store-2-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M22 20v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242V20h1zM5.789 4L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4H5.79z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/store-2-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/store-2-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 13.242V20h1v2H2v-2h1v-6.758A4.496 4.496 0 0 1 1 9.5c0-.827.224-1.624.633-2.303L4.345 2.5a1 1 0 0 1 .866-.5H18.79a1 1 0 0 1 .866.5l2.702 4.682A4.496 4.496 0 0 1 21 13.242zm-2 .73a4.496 4.496 0 0 1-3.75-1.36A4.496 4.496 0 0 1 12 14.001a4.496 4.496 0 0 1-3.25-1.387A4.496 4.496 0 0 1 5 13.973V20h14v-6.027zM5.789 4L3.356 8.213a2.5 2.5 0 0 0 4.466 2.216c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 0 0 4.644 0c.335-.837 1.52-.837 1.856 0a2.5 2.5 0 1 0 4.457-2.232L18.21 4H5.79z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/store-3-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/store-3-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 13v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7H2v-2l1-5h18l1 5v2h-1zM5 13v6h14v-6H5zm1 1h8v3H6v-3zM3 3h18v2H3V3z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/store-3-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/store-3-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 13v7a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-7H2v-2l1-5h18l1 5v2h-1zM5 13v6h14v-6H5zm-.96-2h15.92l-.6-3H4.64l-.6 3zM6 14h8v3H6v-3zM3 3h18v2H3V3z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/store-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/store-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 11.646V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9.354A3.985 3.985 0 0 1 2 9V3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v6c0 1.014-.378 1.94-1 2.646zM14 9a1 1 0 0 1 2 0 2 2 0 1 0 4 0V4H4v5a2 2 0 1 0 4 0 1 1 0 1 1 2 0 2 2 0 1 0 4 0z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Buildings/store-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Buildings/store-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 11.646V21a1 1 0 0 1-1 1H4a1 1 0 0 1-1-1v-9.354A3.985 3.985 0 0 1 2 9V3a1 1 0 0 1 1-1h18a1 1 0 0 1 1 1v6c0 1.014-.378 1.94-1 2.646zm-2 1.228a4.007 4.007 0 0 1-4-1.228A3.99 3.99 0 0 1 12 13a3.99 3.99 0 0 1-3-1.354 3.99 3.99 0 0 1-4 1.228V20h14v-7.126zM14 9a1 1 0 0 1 2 0 2 2 0 1 0 4 0V4H4v5a2 2 0 1 0 4 0 1 1 0 1 1 2 0 2 2 0 1 0 4 0z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/advertisement-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/advertisement-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zM9.399 8h-2l-3.2 8h2.154l.4-1h3.29l.4 1h2.155L9.399 8zM19 8h-2v2h-1a3 3 0 0 0-.176 5.995L16 16h3V8zm-2 4v2h-1l-.117-.007a1 1 0 0 1 0-1.986L16 12h1zm-8.601-1.115L9.244 13H7.552l.847-2.115z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/advertisement-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/advertisement-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path fill-rule="nonzero" d="M21 3a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1h18zm-1 2H4v14h16V5zM9.399 8l3.199 8h-2.155l-.4-1h-3.29l-.4 1H4.199l3.2-8h2zM19 8v8h-3a3 3 0 0 1 0-6h.999L17 8h2zm-2 4h-1a1 1 0 0 0-.117 1.993L16 14h1v-2zm-8.601-1.115L7.552 13h1.692l-.845-2.115z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/archive-drawer-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/archive-drawer-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M3 13h18v8.002c0 .551-.445.998-.993.998H3.993A.995.995 0 0 1 3 21.002V13zM3 2.998C3 2.447 3.445 2 3.993 2h16.014c.548 0 .993.446.993.998V11H3V2.998zM9 5v2h6V5H9zm0 11v2h6v-2H9z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/archive-drawer-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/archive-drawer-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M3 2.992C3 2.444 3.445 2 3.993 2h16.014a1 1 0 0 1 .993.992v18.016a.993.993 0 0 1-.993.992H3.993A1 1 0 0 1 3 21.008V2.992zM19 11V4H5v7h14zm0 2H5v7h14v-7zM9 6h6v2H9V6zm0 9h6v2H9v-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/archive-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/archive-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M3 10h18v10.004c0 .55-.445.996-.993.996H3.993A.994.994 0 0 1 3 20.004V10zm6 2v2h6v-2H9zM2 4c0-.552.455-1 .992-1h18.016c.548 0 .992.444.992 1v4H2V4z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/archive-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/archive-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M3 10H2V4.003C2 3.449 2.455 3 2.992 3h18.016A.99.99 0 0 1 22 4.003V10h-1v10.001a.996.996 0 0 1-.993.999H3.993A.996.996 0 0 1 3 20.001V10zm16 0H5v9h14v-9zM4 5v3h16V5H4zm5 7h6v2H9v-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/at-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/at-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10-4.477 10-10 10zm8-10a8 8 0 1 0-3.968 6.911l-1.008-1.727A6 6 0 1 1 18 12v1a1 1 0 0 1-2 0V9h-1.354a4 4 0 1 0 .066 5.94A3 3 0 0 0 20 13v-1zm-8-2a2 2 0 1 1 0 4 2 2 0 0 1 0-4z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/at-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/at-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M20 12a8 8 0 1 0-3.562 6.657l1.11 1.664A9.953 9.953 0 0 1 12 22C6.477 22 2 17.523 2 12S6.477 2 12 2s10 4.477 10 10v1.5a3.5 3.5 0 0 1-6.396 1.966A5 5 0 1 1 15 8H17v5.5a1.5 1.5 0 0 0 3 0V12zm-8-3a3 3 0 1 0 0 6 3 3 0 0 0 0-6z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/attachment-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/attachment-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M20.997 2.992L21 21.008a1 1 0 0 1-.993.992H3.993A.993.993 0 0 1 3 21.008V2.992A1 1 0 0 1 3.993 2h16.01c.549 0 .994.444.994.992zM9 13V9a1 1 0 1 1 2 0v4a1 1 0 0 0 2 0V9a3 3 0 0 0-6 0v4a5 5 0 0 0 10 0V8h-2v5a3 3 0 0 1-6 0z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/attachment-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/attachment-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M14 13.5V8a4 4 0 1 0-8 0v5.5a6.5 6.5 0 1 0 13 0V4h2v9.5a8.5 8.5 0 1 1-17 0V8a6 6 0 1 1 12 0v5.5a3.5 3.5 0 0 1-7 0V8h2v5.5a1.5 1.5 0 0 0 3 0z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/award-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/award-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M17 15.245v6.872a.5.5 0 0 1-.757.429L12 20l-4.243 2.546a.5.5 0 0 1-.757-.43v-6.87a8 8 0 1 1 10 0zM12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12zm0-2a4 4 0 1 1 0-8 4 4 0 0 1 0 8z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/award-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/award-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M17 15.245v6.872a.5.5 0 0 1-.757.429L12 20l-4.243 2.546a.5.5 0 0 1-.757-.43v-6.87a8 8 0 1 1 10 0zm-8 1.173v3.05l3-1.8 3 1.8v-3.05A7.978 7.978 0 0 1 12 17a7.978 7.978 0 0 1-3-.582zM12 15a6 6 0 1 0 0-12 6 6 0 0 0 0 12z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/bar-chart-2-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/bar-chart-2-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M2 13h6v8H2v-8zM9 3h6v18H9V3zm7 5h6v13h-6V8z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/bar-chart-2-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/bar-chart-2-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M2 13h6v8H2v-8zm14-5h6v13h-6V8zM9 3h6v18H9V3zM4 15v4h2v-4H4zm7-10v14h2V5h-2zm7 5v9h2v-9h-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/bar-chart-box-fill.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/bar-chart-box-fill.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm4 10v4h2v-4H7zm4-6v10h2V7h-2zm4 3v7h2v-7h-2z"/>
+    </g>
+</svg>
--- a/Yi.Ai.Vue3/src/assets/icons/Business/bar-chart-box-line.svg
+++ b/Yi.Ai.Vue3/src/assets/icons/Business/bar-chart-box-line.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24">
+    <g>
+        <path fill="none" d="M0 0h24v24H0z"/>
+        <path d="M3 3h18a1 1 0 0 1 1 1v16a1 1 0 0 1-1 1H3a1 1 0 0 1-1-1V4a1 1 0 0 1 1-1zm1 2v14h16V5H4zm3 8h2v4H7v-4zm4-6h2v10h-2V7zm4 3h2v7h-2v-7z"/>
+    </g>
+</svg>
--- a/Show More
+++ b/Show More