部署页面

2025-04-05 19:42:07 +08:00 · 2022-11-23 16:14:12 +08:00 · 2022-11-23 16:14:12 +08:00 · 44d347b8f8
commit 44d347b8f8
parent be48cf914c
111 changed files with 2717 additions and 11158 deletions
--- a/.DS_Store
+++ b/.DS_Store
--- a/.env.development
+++ b/.env.development
@ -1,4 +0,0 @@
-#开发环境
-NODE_ENV = 'development'
-
-VITE_APP_LI_DAO_URL = 'api/'
--- a/.env.production
+++ b/.env.production
@ -1,4 +0,0 @@
-#生产环境
-NODE_ENV = 'production'
-
-VITE_APP_LI_DAO_URL = 'api/'
--- a/.env.test
+++ b/.env.test
@ -1,4 +0,0 @@
-#测试环境
-NODE_ENV = 'test'
-
-VITE_APP_LI_DAO_URL = 'api/'
--- a/.eslintignore
+++ b/.eslintignore
@ -1,7 +0,0 @@
-dist
-node_modules
-auto-imports.d.ts
-components.d.ts
-.gitignore
-.vscode
-public
--- a/.eslintrc.cjs
+++ b/.eslintrc.cjs
@ -1,117 +0,0 @@
-module.exports = {
-  root: true,
-  env: {
-    browser: true,
-    node: true,
-  },
-  extends: [
-    'eslint-config-prettier',
-    'eslint:recommended',
-    'plugin:@typescript-eslint/recommended',
-    'plugin:vue/vue3-recommended',
-    'plugin:vue/vue3-essential',
-    'plugin:prettier/recommended',
-  ],
-  parser: 'vue-eslint-parser',
-  parserOptions: {
-    ecmaVersion: 2020,
-    sourceType: 'module',
-    parser: '@typescript-eslint/parser',
-    ecmaFeatures: {
-      jsx: true,
-      tsx: true,
-    },
-  },
-  plugins: ['vue', '@typescript-eslint', 'prettier'],
-  globals: {
-    defineProps: 'readonly',
-    defineEmits: 'readonly',
-    defineExpose: 'readonly',
-    withDefaults: 'readonly',
-  },
-  rules: {
-    '@typescript-eslint/no-explicit-any': 'error',
-    'prettier/prettier': 'error',
-    'no-unused-vars': 'off',
-    '@typescript-eslint/no-unused-vars': 'off',
-    '@typescript-eslint/ban-types': 'off',
-    '@typescript-eslint/explicit-module-boundary-types': 'off',
-    '@typescript-eslint/no-var-requires': 'off',
-    '@typescript-eslint/no-non-null-assertion': 'off',
-    '@typescript-eslint/no-non-null-asserted-optional-chain': 'off',
-    '@typescript-eslint/consistent-type-imports': [
-      'error',
-      { disallowTypeAnnotations: false },
-    ], // 强制导入类型显示标注 `import type xxx from 'xxx'`
-    'accessor-pairs': 2, // 强制同时存在 `get` 与 `set`
-    'constructor-super': 0, // 强制子类构造函数中使用 `super` 调用父类的构造函数
-    curly: [2, 'all'], // `if`、`else` 强制使用 `{}` 包裹
-    'default-case': 2, // `switch` 中强制含有 `default`
-    eqeqeq: [2, 'allow-null'], // 强制使用严格判断 `===`
-    'no-alert': 0, // 禁止使用 `alert`、`confirm`
-    'no-array-constructor': 2, // 禁止使用数组构造器
-    'no-bitwise': 0, // 禁止使用按位运算符
-    'no-caller': 1, // 禁止使用 `arguments.caller`、`arguments.callee`
-    'no-catch-shadow': 2, // 禁止 `catch` 子句参数与外部作用域变量同名
-    'no-class-assign': 2, // 禁止给类赋值
-    'no-cond-assign': 2, // 禁止在条件表达式中使用赋值语句
-    'no-const-assign': 2, // 禁止修改 `const` 声明的变量
-    'no-constant-condition': 2, // 禁止在条件中使用常量表达式 `if(true)`、`if(1)`
-    'no-dupe-keys': 2, // 在创建对象字面量时不允许 `key` 重复
-    'no-dupe-args': 2, // 函数参数不能重复
-    'no-duplicate-case': 2, // `switch` 中的 `case` 标签不能重复
-    'no-eval': 1, // 禁止使用 `eval`
-    'no-ex-assign': 2, // 禁止给 `catch` 语句中的异常参数赋值
-    'no-extend-native': 2, // 禁止扩展 `native` 对象
-    'no-extra-bind': 2, // 禁止不必要的函数绑定
-    'no-extra-boolean-cast': 2, // 禁止不必要的 `bool` 转换
-    'no-extra-parens': 0, // 禁止非必要的括号
-    'no-extra-semi': 2, // 忽略多余的冒号
-    'no-fallthrough': 1, // 禁止 `switch` 穿透
-    'no-func-assign': 2, // 禁止重复的函数声明
-    'no-implicit-coercion': 1, // 禁止隐式转换
-    'no-implied-eval': 2, // 禁止使用隐式 `eval`
-    'no-invalid-regexp': 2, // 禁止无效的正则表达式
-    'no-invalid-this': 2, // 禁止无效的 `this`
-    'no-irregular-whitespace': 2, // 禁止含有不合法空格
-    'no-iterator': 2, // 禁止使用 `__iterator__ ` 属性
-    'no-label-var': 2, // `label` 名不能与 `var` 声明的变量名相同
-    'no-labels': 2, // 禁止标签声明
-    'no-lone-blocks': 2, // 禁止不必要的嵌套块
-    'no-multi-spaces': 1, // 禁止使用多余的空格
-    'no-multiple-empty-lines': [1, { max: 2 }], // 空行最多不能超过 `2` 行
-    'no-new-func': 1, // 禁止使用 `new Function`
-    'no-new-object': 2, // 禁止使用 `new Object`
-    'no-new-require': 2, // 禁止使用 `new require`
-    'no-sparse-arrays': 2, // 禁止稀疏数组
-    'no-trailing-spaces': 1, // 一行结束后面不要有空格
-    'no-unreachable': 2, // 禁止有无法执行的代码
-    'no-unused-expressions': [
-      'error',
-      {
-        allowShortCircuit: true,
-        allowTernary: true,
-        allowTaggedTemplates: true,
-      },
-    ], // 禁止无用的表达式
-    'no-use-before-define': 2, // 禁止定义前使用
-    'no-useless-call': 2, // 禁止不必要的 `call` 和 `apply`
-    'no-var': 'error', // 禁用 `var`
-    'no-with': 2, // 禁用 `with`
-    'no-undef': 0,
-    'vue/multi-word-component-names': [
-      'off',
-      {
-        ignores: [],
-      },
-    ],
-    'vue/no-use-v-if-with-v-for': [
-      'error',
-      {
-        allowUsingIterationVar: false,
-      },
-    ],
-    'vue/require-v-for-key': ['error'],
-    'vue/require-valid-default-prop': ['error'],
-  },
-}
--- a/.gitignore
+++ b/.gitignore
@ -1,26 +0,0 @@
-# Logs
-logs
-*.log
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-pnpm-debug.log*
-lerna-debug.log*
-
-node_modules
-dist-ssr
-dist
-*.local
-
-# Editor directories and files
-.vscode/*
-!.vscode/extensions.json
-.idea
-.DS_Store
-*.suo
-*.ntvs*
-*.njsproj
-*.sln
-*.sw?
-yarn-*.*
-yarn.*
--- a/.prettierrc.cjs
+++ b/.prettierrc.cjs
@ -1,20 +0,0 @@
-module.exports = {
-  printWidth: 80, // 一行最多 `80` 字符
-  tabWidth: 2, // 使用 `2` 个空格缩进
-  useTabs: false, // 不使用缩进符, 而使用空格
-  semi: false, // 行尾不需要有分号
-  singleQuote: true, // 使用单引号
-  quoteProps: 'as-needed', // 对象的 `key` 仅在必要时用引号
-  jsxSingleQuote: false, // `jsx` 不使用单引号, 而使用双引号
-  trailingComma: 'all', // 尾随逗号
-  bracketSpacing: true, // 大括号内的首尾需要空格
-  jsxBracketSameLine: false, // `jsx` 标签的反尖括号需要换行
-  arrowParens: 'always', // 箭头函数, 只有一个参数的时候, 也需要括号
-  rangeStart: 0, // 每个文件格式化的范围是文件的全部内容
-  rangeEnd: Infinity,
-  requirePragma: false, // 不需要写文件开头的 `@prettier`
-  insertPragma: false, // 不需要自动在文件开头插入 `@prettier`
-  proseWrap: 'preserve', // 使用默认的折行标准
-  htmlWhitespaceSensitivity: 'css', // 根据显示样式决定 `html` 要不要折行
-  endOfLine: 'lf', // 换行符使用 `lf`
-}
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@ -1,3 +0,0 @@
-{
-  "recommendations": ["Vue.volar"]
-}
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -1,4 +0,0 @@
-{
-  "i18n-ally.localesPaths": ["locales", "src/language"],
-  "i18n-ally.keystyle": "nested"
-}
--- a/README.md
+++ b/README.md
@ -1,80 +0,0 @@
-# Ray template
-
-## 前言
-
-> 模板按照个人习惯进行搭建, 可以根据个人喜好进行更改. 预设了一些组件库、国际化库的东西. 建议使用 `naive-ui` 作为组件库.
-
-## 项目说明
-
-> 项目采用 `Vue 3` `TypeScript` `TSX` `Vite` 进行开发, 已经集成了一些常用的开发库, 进行了一些 `Vite` 相关配置, 例如全局自动引入、`GZ` 打包、按需引入打包、[reactivityTransform](https://vuejs.org/guide/extras/reactivity-transform.html)等, 解放你的双手. 国际化插件, 按照项目需求自己取舍. 引入了比较火的 `hook` 库 [@vueuse](https://vueuse.org/), 极大提高你的搬砖效率. `小提醒: 为了避免使用 @vueuse 时出现奇奇怪怪的错误(例如: useDraggable 在使用的时候, TSX 形式开发会失效), 建议采用 <script setup /> 形式进行开发`. 可以根据自己项目实际需求进行配置 `px` 与 'rem' 转换比例(使用 `postcss-pxtorem` 与 `autoprefixer` 实现).
-
-## 启动项目
-
-`yarn dev` / `npm run dev`
-
-## 项目打包
-
-`yarn build` / `npm run build`
-
-## 使用开源库
-
- [pinia](https://pinia.vuejs.org/) `全局状态管理器`
- [@vueuse](https://vueuse.org/) `vue3 hooks`
- [vue-router](https://router.vuejs.org/zh/) `router`
- [axios](http://axios-js.com/zh-cn/docs/index.html) `ajax request`
- [vue-i18n](https://kazupon.github.io/vue-i18n/zh/introduction.html) `国际化`
- [scrollreveal.js](https://scrollrevealjs.org/) `滚动加载动画`
- [crypto-js](https://github.com/brix/crypto-js) `加密`
- [vite-svg-loader](https://github.com/jpkleemans/vite-svg-loader) `svg组件化`
- [vite-plugin-svg-icons](https://github.com/vbenjs/vite-plugin-svg-icons/blob/main/README.zh_CN.md) `svg雪碧图`
-
-## 组件说明
-
-`RayScrollReveal` 基于 `ScrollReveal` 进行开发, 可以实现滚动加载动画
-
-`RayTransitionComponent` 路由过渡动画组件, 可根据自己喜好更改 `src/styles/animate.scss` 文件过渡效果
-
-## 项目结构
-
-```
- locales: 国际化多语言入口(本项目采用 `json` 格式)
-
- assets: 项目静态资源入口
-  - images: 项目图片资源
-
- component: 全局共用组件
-
- icons: 项目svg图标资源，需要配合 RayIcon 组件使用
-
- language: 国际化
-
- router: 路由表
-
- store: 全局状态管理入口
-  - modules
-    - setting: demo
-
- styles: 全局公共样式入口
-
- types: 全局 type
-
- utils: 工具包
-  - cache: 缓存方法
-  - crypto: 常用的加密方法
-  - element: dom 相关操作方法
-  - hook: 常用 hook 方法
-
- vite-plugin: 插件注册
-```
-
-## 如果你采用的 `naive-ui` 作为组件库, 可能需要它
-
-```
-# 如何在项目内使用提示组件
-window.$dialog
-window.$message
-window.$loadingBar
-window.$notification
-```
-
-### 祝大家搬砖愉快, 希望这个模板能帮你省很多时间
--- a/assets/DescriptionsItem.a616fdcc.js
+++ b/assets/DescriptionsItem.a616fdcc.js
@ -0,0 +1,143 @@
+import{K as he,au as be,L as a,k as l,l as y,B as T,U as O,m as k,d as D,r as pe,p as K,q as j,s as ge,C as ue,av as ve,x as E,G,H as V,h as p,R as Ce,n as fe,$ as me,I as C,aw as N,ax as xe,ay as ke,V as ye,W as ze,az as Se,aA as Pe}from"./index.c3f05d90.js";function U(e,g="default",r=[]){const{children:u}=e;if(u!==null&&typeof u=="object"&&!Array.isArray(u)){const c=u[g];if(typeof c=="function")return c()}return r}const Ie=e=>{const{textColor2:g,primaryColorHover:r,primaryColorPressed:u,primaryColor:c,infoColor:d,successColor:s,warningColor:i,errorColor:b,baseColor:n,borderColor:S,opacityDisabled:v,tagColor:m,closeIconColor:t,closeIconColorHover:h,closeIconColorPressed:z,borderRadiusSmall:o,fontSizeMini:f,fontSizeTiny:M,fontSizeSmall:x,fontSizeMedium:P,heightMini:w,heightTiny:$,heightSmall:I,heightMedium:R,closeColorHover:B,closeColorPressed:H,buttonColor2Hover:_,buttonColor2Pressed:A,fontWeightStrong:W}=e;return Object.assign(Object.assign({},be),{closeBorderRadius:o,heightTiny:w,heightSmall:$,heightMedium:I,heightLarge:R,borderRadius:o,opacityDisabled:v,fontSizeTiny:f,fontSizeSmall:M,fontSizeMedium:x,fontSizeLarge:P,fontWeightStrong:W,textColorCheckable:g,textColorHoverCheckable:g,textColorPressedCheckable:g,textColorChecked:n,colorCheckable:"#0000",colorHoverCheckable:_,colorPressedCheckable:A,colorChecked:c,colorCheckedHover:r,colorCheckedPressed:u,border:`1px solid ${S}`,textColor:g,color:m,colorBordered:"rgb(250, 250, 252)",closeIconColor:t,closeIconColorHover:h,closeIconColorPressed:z,closeColorHover:B,closeColorPressed:H,borderPrimary:`1px solid ${a(c,{alpha:.3})}`,textColorPrimary:c,colorPrimary:a(c,{alpha:.12}),colorBorderedPrimary:a(c,{alpha:.1}),closeIconColorPrimary:c,closeIconColorHoverPrimary:c,closeIconColorPressedPrimary:c,closeColorHoverPrimary:a(c,{alpha:.12}),closeColorPressedPrimary:a(c,{alpha:.18}),borderInfo:`1px solid ${a(d,{alpha:.3})}`,textColorInfo:d,colorInfo:a(d,{alpha:.12}),colorBorderedInfo:a(d,{alpha:.1}),closeIconColorInfo:d,closeIconColorHoverInfo:d,closeIconColorPressedInfo:d,closeColorHoverInfo:a(d,{alpha:.12}),closeColorPressedInfo:a(d,{alpha:.18}),borderSuccess:`1px solid ${a(s,{alpha:.3})}`,textColorSuccess:s,colorSuccess:a(s,{alpha:.12}),colorBorderedSuccess:a(s,{alpha:.1}),closeIconColorSuccess:s,closeIconColorHoverSuccess:s,closeIconColorPressedSuccess:s,closeColorHoverSuccess:a(s,{alpha:.12}),closeColorPressedSuccess:a(s,{alpha:.18}),borderWarning:`1px solid ${a(i,{alpha:.35})}`,textColorWarning:i,colorWarning:a(i,{alpha:.15}),colorBorderedWarning:a(i,{alpha:.12}),closeIconColorWarning:i,closeIconColorHoverWarning:i,closeIconColorPressedWarning:i,closeColorHoverWarning:a(i,{alpha:.12}),closeColorPressedWarning:a(i,{alpha:.18}),borderError:`1px solid ${a(b,{alpha:.23})}`,textColorError:b,colorError:a(b,{alpha:.1}),colorBorderedError:a(b,{alpha:.08}),closeIconColorError:b,closeIconColorHoverError:b,closeIconColorPressedError:b,closeColorHoverError:a(b,{alpha:.12}),closeColorPressedError:a(b,{alpha:.18})})},we={name:"Tag",common:he,self:Ie},$e=we,Re={color:Object,type:{type:String,default:"default"},round:Boolean,size:{type:String,default:"medium"},closable:Boolean,disabled:{type:Boolean,default:void 0}},Be=l("tag",`
+ white-space: nowrap;
+ position: relative;
+ box-sizing: border-box;
+ cursor: default;
+ display: inline-flex;
+ align-items: center;
+ flex-wrap: nowrap;
+ padding: var(--n-padding);
+ border-radius: var(--n-border-radius);
+ color: var(--n-text-color);
+ background-color: var(--n-color);
+ transition: 
+ border-color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier),
+ box-shadow .3s var(--n-bezier),
+ opacity .3s var(--n-bezier);
+ line-height: 1;
+ height: var(--n-height);
+ font-size: var(--n-font-size);
+`,[y("strong",`
+ font-weight: var(--n-font-weight-strong);
+ `),T("border",`
+ pointer-events: none;
+ position: absolute;
+ left: 0;
+ right: 0;
+ top: 0;
+ bottom: 0;
+ border-radius: inherit;
+ border: var(--n-border);
+ transition: border-color .3s var(--n-bezier);
+ `),T("icon",`
+ display: flex;
+ margin: 0 4px 0 0;
+ color: var(--n-text-color);
+ transition: color .3s var(--n-bezier);
+ font-size: var(--n-avatar-size-override);
+ `),T("avatar",`
+ display: flex;
+ margin: 0 6px 0 0;
+ `),T("close",`
+ margin: var(--n-close-margin);
+ transition:
+ background-color .3s var(--n-bezier),
+ color .3s var(--n-bezier);
+ `),y("round",`
+ padding: 0 calc(var(--n-height) / 3);
+ border-radius: calc(var(--n-height) / 2);
+ `,[T("icon",`
+ margin: 0 4px 0 calc((var(--n-height) - 8px) / -2);
+ `),T("avatar",`
+ margin: 0 6px 0 calc((var(--n-height) - 8px) / -2);
+ `),y("closable",`
+ padding: 0 calc(var(--n-height) / 4) 0 calc(var(--n-height) / 3);
+ `)]),y("icon, avatar",[y("round",`
+ padding: 0 calc(var(--n-height) / 3) 0 calc(var(--n-height) / 2);
+ `)]),y("disabled",`
+ cursor: not-allowed !important;
+ opacity: var(--n-opacity-disabled);
+ `),y("checkable",`
+ cursor: pointer;
+ box-shadow: none;
+ color: var(--n-text-color-checkable);
+ background-color: var(--n-color-checkable);
+ `,[O("disabled",[k("&:hover","background-color: var(--n-color-hover-checkable);",[O("checked","color: var(--n-text-color-hover-checkable);")]),k("&:active","background-color: var(--n-color-pressed-checkable);",[O("checked","color: var(--n-text-color-pressed-checkable);")])]),y("checked",`
+ color: var(--n-text-color-checked);
+ background-color: var(--n-color-checked);
+ `,[O("disabled",[k("&:hover","background-color: var(--n-color-checked-hover);"),k("&:active","background-color: var(--n-color-checked-pressed);")])])])]),He=Object.assign(Object.assign(Object.assign({},j.props),Re),{bordered:{type:Boolean,default:void 0},checked:Boolean,checkable:Boolean,strong:Boolean,triggerClickOnClose:Boolean,onClose:[Array,Function],onMouseenter:Function,onMouseleave:Function,"onUpdate:checked":Function,onUpdateChecked:Function,internalCloseFocusable:{type:Boolean,default:!0},internalCloseIsButtonTag:{type:Boolean,default:!0},onCheckedChange:Function}),Te=fe("n-tag"),Ae=D({name:"Tag",props:He,setup(e){const g=pe(null),{mergedBorderedRef:r,mergedClsPrefixRef:u,inlineThemeDisabled:c,mergedRtlRef:d}=K(e),s=j("Tag","-tag",Be,$e,e,u);ge(Te,{roundRef:ue(e,"round")});function i(t){if(!e.disabled&&e.checkable){const{checked:h,onCheckedChange:z,onUpdateChecked:o,"onUpdate:checked":f}=e;o&&o(!h),f&&f(!h),z&&z(!h)}}function b(t){if(e.triggerClickOnClose||t.stopPropagation(),!e.disabled){const{onClose:h}=e;h&&me(h,t)}}const n={setTextContent(t){const{value:h}=g;h&&(h.textContent=t)}},S=ve("Tag",d,u),v=E(()=>{const{type:t,size:h,color:{color:z,textColor:o}={}}=e,{common:{cubicBezierEaseInOut:f},self:{padding:M,closeMargin:x,closeMarginRtl:P,borderRadius:w,opacityDisabled:$,textColorCheckable:I,textColorHoverCheckable:R,textColorPressedCheckable:B,textColorChecked:H,colorCheckable:_,colorHoverCheckable:A,colorPressedCheckable:W,colorChecked:J,colorCheckedHover:Q,colorCheckedPressed:X,closeBorderRadius:Y,fontWeightStrong:Z,[C("colorBordered",t)]:ee,[C("closeSize",h)]:oe,[C("closeIconSize",h)]:re,[C("fontSize",h)]:le,[C("height",h)]:F,[C("color",t)]:te,[C("textColor",t)]:ne,[C("border",t)]:se,[C("closeIconColor",t)]:L,[C("closeIconColorHover",t)]:ae,[C("closeIconColorPressed",t)]:ce,[C("closeColorHover",t)]:ie,[C("closeColorPressed",t)]:de}}=s.value;return{"--n-font-weight-strong":Z,"--n-avatar-size-override":`calc(${F} - 8px)`,"--n-bezier":f,"--n-border-radius":w,"--n-border":se,"--n-close-icon-size":re,"--n-close-color-pressed":de,"--n-close-color-hover":ie,"--n-close-border-radius":Y,"--n-close-icon-color":L,"--n-close-icon-color-hover":ae,"--n-close-icon-color-pressed":ce,"--n-close-icon-color-disabled":L,"--n-close-margin":x,"--n-close-margin-rtl":P,"--n-close-size":oe,"--n-color":z||(r.value?ee:te),"--n-color-checkable":_,"--n-color-checked":J,"--n-color-checked-hover":Q,"--n-color-checked-pressed":X,"--n-color-hover-checkable":A,"--n-color-pressed-checkable":W,"--n-font-size":le,"--n-height":F,"--n-opacity-disabled":$,"--n-padding":M,"--n-text-color":o||ne,"--n-text-color-checkable":I,"--n-text-color-checked":H,"--n-text-color-hover-checkable":R,"--n-text-color-pressed-checkable":B}}),m=c?G("tag",E(()=>{let t="";const{type:h,size:z,color:{color:o,textColor:f}={}}=e;return t+=h[0],t+=z[0],o&&(t+=`a${N(o)}`),f&&(t+=`b${N(f)}`),r.value&&(t+="c"),t}),v,e):void 0;return Object.assign(Object.assign({},n),{rtlEnabled:S,mergedClsPrefix:u,contentRef:g,mergedBordered:r,handleClick:i,handleCloseClick:b,cssVars:c?void 0:v,themeClass:m==null?void 0:m.themeClass,onRender:m==null?void 0:m.onRender})},render(){var e,g;const{mergedClsPrefix:r,rtlEnabled:u,closable:c,color:{borderColor:d}={},round:s,onRender:i,$slots:b}=this;i==null||i();const n=V(b.avatar,v=>v&&p("div",{class:`${r}-tag__avatar`},v)),S=V(b.icon,v=>v&&p("div",{class:`${r}-tag__icon`},v));return p("div",{class:[`${r}-tag`,this.themeClass,{[`${r}-tag--rtl`]:u,[`${r}-tag--strong`]:this.strong,[`${r}-tag--disabled`]:this.disabled,[`${r}-tag--checkable`]:this.checkable,[`${r}-tag--checked`]:this.checkable&&this.checked,[`${r}-tag--round`]:s,[`${r}-tag--avatar`]:n,[`${r}-tag--icon`]:S,[`${r}-tag--closable`]:c}],style:this.cssVars,onClick:this.handleClick,onMouseenter:this.onMouseenter,onMouseleave:this.onMouseleave},S||n,p("span",{class:`${r}-tag__content`,ref:"contentRef"},(g=(e=this.$slots).default)===null||g===void 0?void 0:g.call(e)),!this.checkable&&c?p(Ce,{clsPrefix:r,class:`${r}-tag__close`,disabled:this.disabled,onClick:this.handleCloseClick,focusable:this.internalCloseFocusable,round:s,isButtonTag:this.internalCloseIsButtonTag,absolute:!0}):null,!this.checkable&&this.mergedBordered?p("div",{class:`${r}-tag__border`,style:{borderColor:d}}):null)}}),q="DESCRIPTION_ITEM_FLAG";function Me(e){return typeof e=="object"&&e&&!Array.isArray(e)?e.type&&e.type[q]:!1}const _e=k([l("descriptions",{fontSize:"var(--n-font-size)"},[l("descriptions-separator",`
+ display: inline-block;
+ margin: 0 8px 0 2px;
+ `),l("descriptions-table-wrapper",[l("descriptions-table",[l("descriptions-table-row",[l("descriptions-table-header",{padding:"var(--n-th-padding)"}),l("descriptions-table-content",{padding:"var(--n-td-padding)"})])])]),O("bordered",[l("descriptions-table-wrapper",[l("descriptions-table",[l("descriptions-table-row",[k("&:last-child",[l("descriptions-table-content",{paddingBottom:0})])])])])]),y("left-label-placement",[l("descriptions-table-content",[k("> *",{verticalAlign:"top"})])]),y("left-label-align",[k("th",{textAlign:"left"})]),y("center-label-align",[k("th",{textAlign:"center"})]),y("right-label-align",[k("th",{textAlign:"right"})]),y("bordered",[l("descriptions-table-wrapper",`
+ border-radius: var(--n-border-radius);
+ overflow: hidden;
+ background: var(--n-merged-td-color);
+ border: 1px solid var(--n-merged-border-color);
+ `,[l("descriptions-table",[l("descriptions-table-row",[k("&:not(:last-child)",[l("descriptions-table-content",{borderBottom:"1px solid var(--n-merged-border-color)"}),l("descriptions-table-header",{borderBottom:"1px solid var(--n-merged-border-color)"})]),l("descriptions-table-header",`
+ font-weight: 400;
+ background-clip: padding-box;
+ background-color: var(--n-merged-th-color);
+ `,[k("&:not(:last-child)",{borderRight:"1px solid var(--n-merged-border-color)"})]),l("descriptions-table-content",[k("&:not(:last-child)",{borderRight:"1px solid var(--n-merged-border-color)"})])])])])]),l("descriptions-header",`
+ font-weight: var(--n-th-font-weight);
+ font-size: 18px;
+ transition: color .3s var(--n-bezier);
+ line-height: var(--n-line-height);
+ margin-bottom: 16px;
+ color: var(--n-title-text-color);
+ `),l("descriptions-table-wrapper",`
+ transition:
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+ `,[l("descriptions-table",`
+ width: 100%;
+ border-collapse: separate;
+ border-spacing: 0;
+ box-sizing: border-box;
+ `,[l("descriptions-table-row",`
+ box-sizing: border-box;
+ transition: border-color .3s var(--n-bezier);
+ `,[l("descriptions-table-header",`
+ font-weight: var(--n-th-font-weight);
+ line-height: var(--n-line-height);
+ display: table-cell;
+ box-sizing: border-box;
+ color: var(--n-th-text-color);
+ transition:
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+ `),l("descriptions-table-content",`
+ vertical-align: top;
+ line-height: var(--n-line-height);
+ display: table-cell;
+ box-sizing: border-box;
+ color: var(--n-td-text-color);
+ transition:
+ color .3s var(--n-bezier),
+ background-color .3s var(--n-bezier),
+ border-color .3s var(--n-bezier);
+ `,[T("content",`
+ transition: color .3s var(--n-bezier);
+ display: inline-block;
+ color: var(--n-td-text-color);
+ `)]),T("label",`
+ font-weight: var(--n-th-font-weight);
+ transition: color .3s var(--n-bezier);
+ display: inline-block;
+ margin-right: 14px;
+ color: var(--n-th-text-color);
+ `)])])])]),l("descriptions-table-wrapper",`
+ --n-merged-th-color: var(--n-th-color);
+ --n-merged-td-color: var(--n-td-color);
+ --n-merged-border-color: var(--n-border-color);
+ `),xe(l("descriptions-table-wrapper",`
+ --n-merged-th-color: var(--n-th-color-modal);
+ --n-merged-td-color: var(--n-td-color-modal);
+ --n-merged-border-color: var(--n-border-color-modal);
+ `)),ke(l("descriptions-table-wrapper",`
+ --n-merged-th-color: var(--n-th-color-popover);
+ --n-merged-td-color: var(--n-td-color-popover);
+ --n-merged-border-color: var(--n-border-color-popover);
+ `))]),Oe=Object.assign(Object.assign({},j.props),{title:String,column:{type:Number,default:3},columns:Number,labelPlacement:{type:String,default:"top"},labelAlign:{type:String,default:"left"},separator:{type:String,default:":"},size:{type:String,default:"medium"},bordered:Boolean,labelStyle:[Object,String],contentStyle:[Object,String]}),We=D({name:"Descriptions",props:Oe,setup(e){const{mergedClsPrefixRef:g,inlineThemeDisabled:r}=K(e),u=j("Descriptions","-descriptions",_e,Pe,e,g),c=E(()=>{const{size:s,bordered:i}=e,{common:{cubicBezierEaseInOut:b},self:{titleTextColor:n,thColor:S,thColorModal:v,thColorPopover:m,thTextColor:t,thFontWeight:h,tdTextColor:z,tdColor:o,tdColorModal:f,tdColorPopover:M,borderColor:x,borderColorModal:P,borderColorPopover:w,borderRadius:$,lineHeight:I,[C("fontSize",s)]:R,[C(i?"thPaddingBordered":"thPadding",s)]:B,[C(i?"tdPaddingBordered":"tdPadding",s)]:H}}=u.value;return{"--n-title-text-color":n,"--n-th-padding":B,"--n-td-padding":H,"--n-font-size":R,"--n-bezier":b,"--n-th-font-weight":h,"--n-line-height":I,"--n-th-text-color":t,"--n-td-text-color":z,"--n-th-color":S,"--n-th-color-modal":v,"--n-th-color-popover":m,"--n-td-color":o,"--n-td-color-modal":f,"--n-td-color-popover":M,"--n-border-radius":$,"--n-border-color":x,"--n-border-color-modal":P,"--n-border-color-popover":w}}),d=r?G("descriptions",E(()=>{let s="";const{size:i,bordered:b}=e;return b&&(s+="a"),s+=i[0],s}),c,e):void 0;return{mergedClsPrefix:g,cssVars:r?void 0:c,themeClass:d==null?void 0:d.themeClass,onRender:d==null?void 0:d.onRender,compitableColumn:ye(e,["columns","column"]),inlineThemeDisabled:r}},render(){const e=this.$slots.default,g=e?ze(e()):[];g.length;const{compitableColumn:r,labelPlacement:u,labelAlign:c,size:d,bordered:s,title:i,cssVars:b,mergedClsPrefix:n,separator:S,onRender:v}=this;v==null||v();const m=g.filter(o=>Me(o)),t={span:0,row:[],secondRow:[],rows:[]},z=m.reduce((o,f,M)=>{const x=f.props||{},P=m.length-1===M,w=["label"in x?x.label:U(f,"label")],$=[U(f)],I=x.span||1,R=o.span;o.span+=I;const B=x.labelStyle||x["label-style"]||this.labelStyle,H=x.contentStyle||x["content-style"]||this.contentStyle;if(u==="left")s?o.row.push(p("th",{class:`${n}-descriptions-table-header`,colspan:1,style:B},w),p("td",{class:`${n}-descriptions-table-content`,colspan:P?(r-R)*2+1:I*2-1,style:H},$)):o.row.push(p("td",{class:`${n}-descriptions-table-content`,colspan:P?(r-R)*2:I*2},p("span",{class:`${n}-descriptions-table-content__label`,style:B},[...w,S&&p("span",{class:`${n}-descriptions-separator`},S)]),p("span",{class:`${n}-descriptions-table-content__content`,style:H},$)));else{const _=P?(r-R)*2:I*2;o.row.push(p("th",{class:`${n}-descriptions-table-header`,colspan:_,style:B},w)),o.secondRow.push(p("td",{class:`${n}-descriptions-table-content`,colspan:_,style:H},$))}return(o.span>=r||P)&&(o.span=0,o.row.length&&(o.rows.push(o.row),o.row=[]),u!=="left"&&o.secondRow.length&&(o.rows.push(o.secondRow),o.secondRow=[])),o},t).rows.map(o=>p("tr",{class:`${n}-descriptions-table-row`},o));return p("div",{style:b,class:[`${n}-descriptions`,this.themeClass,`${n}-descriptions--${u}-label-placement`,`${n}-descriptions--${c}-label-align`,`${n}-descriptions--${d}-size`,s&&`${n}-descriptions--bordered`]},i||this.$slots.header?p("div",{class:`${n}-descriptions-header`},i||Se(this,"header")):null,p("div",{class:`${n}-descriptions-table-wrapper`},p("table",{class:`${n}-descriptions-table`},p("tbody",null,z))))}}),Ee={label:String,span:{type:Number,default:1},labelStyle:[Object,String],contentStyle:[Object,String]},De=D({name:"DescriptionsItem",[q]:!0,props:Ee,render(){return null}});export{We as N,De as a,Ae as b};
--- a/assets/DescriptionsItem.a616fdcc.js.gz
+++ b/assets/DescriptionsItem.a616fdcc.js.gz
--- a/assets/Result.73c7407c.js
+++ b/assets/Result.73c7407c.js
--- a/assets/Result.73c7407c.js.gz
+++ b/assets/Result.73c7407c.js.gz
--- a/assets/index.0930e28c.js
+++ b/assets/index.0930e28c.js
--- a/assets/index.0930e28c.js.gz
+++ b/assets/index.0930e28c.js.gz
--- a/assets/index.184de73a.css
+++ b/assets/index.184de73a.css
@ -0,0 +1 @@
+.rely-about .n-card{margin-top:18px}.rely-about .n-card:first-child{margin-top:0}
--- a/assets/index.4cc4049c.js
+++ b/assets/index.4cc4049c.js
@ -0,0 +1 @@
+import{d as e,a7 as r,aB as n}from"./index.c3f05d90.js";const a=e({name:"Rely",setup(){return{}},render(){return r(n,null,null)}});export{a as default};
--- a/assets/index.61e7b6d0.css
+++ b/assets/index.61e7b6d0.css
@ -0,0 +1 @@
+.fade-enter-active,.fade-leave-active{-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s}.fade-enter-from{opacity:0;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translate(-30px)}.fade-leave-to{opacity:0;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translate(30px)}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol,li{list-style:none}fieldset,img{border:0;vertical-align:middle}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{-webkit-box-sizing:border-box;box-sizing:border-box}.layout>.layout-full{height:100%}.layout .layout-content__router-view{height:calc(100% - 64px);padding:18px}.layout-header{height:64px;padding:0 18px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.layout-header>.layout-header__method{width:100%}.layout-header>.layout-header__method .layout-header__method--icon{cursor:pointer;outline:none;border:none}.setting-drawer__space{width:100%}
--- a/assets/index.61e7b6d0.css.gz
+++ b/assets/index.61e7b6d0.css.gz
--- a/assets/index.6a9d9035.css
+++ b/assets/index.6a9d9035.css
@ -0,0 +1 @@
+.login{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:2.25rem}.login .login-title{padding:18px 0}.login .login-icon{border:none;outline:none}.login .n-card{width:360px}
--- a/assets/index.c3f05d90.js
+++ b/assets/index.c3f05d90.js
--- a/assets/index.c3f05d90.js.gz
+++ b/assets/index.c3f05d90.js.gz
--- a/assets/index.dc50c796.css
+++ b/assets/index.dc50c796.css
@ -0,0 +1 @@
+.dashboard-layout .n-card{margin-top:18px}.dashboard-layout .n-card:first-child{margin-top:0}.dashboard-layout .dashboard-link{text-decoration:none}
--- a/assets/index.e08a7705.js
+++ b/assets/index.e08a7705.js
@ -0,0 +1 @@
+import{d as F,r as C,aC as h,a7 as u,an as s,aj as k,ab as x}from"./index.c3f05d90.js";import{N as p,a as c,b as j}from"./DescriptionsItem.a616fdcc.js";function d(t){return typeof t=="function"||Object.prototype.toString.call(t)==="[object Object]"&&!x(t)}const B=F({name:"RelyAbout",setup(){const{pkg:t}={pkg:{dependencies:{"@vueuse/core":"^9.1.0","amfe-flexible":"^2.2.1",axios:"^0.27.2","crypto-js":"^4.1.1","naive-ui":"^2.34.0",pinia:"^2.0.17",sass:"^1.54.3",scrollreveal:"^4.0.9",vue:"^3.2.37","vue-i18n":"^9.2.2","vue-router":"^4.1.3"},devDependencies:{"@babel/core":"^7.20.2","@babel/eslint-parser":"^7.19.1","@intlify/unplugin-vue-i18n":"^0.5.0","@types/crypto-js":"^4.1.1","@types/scrollreveal":"^0.0.8","@typescript-eslint/eslint-plugin":"^5.42.1","@typescript-eslint/parser":"^5.42.1","@vitejs/plugin-vue":"^3.0.0","@vitejs/plugin-vue-jsx":"^2.0.0",autoprefixer:"^10.4.8",eslint:"^8.0.1","eslint-config-prettier":"^8.5.0","eslint-config-standard-with-typescript":"^23.0.0","eslint-plugin-import":"^2.25.2","eslint-plugin-n":"^15.0.0","eslint-plugin-prettier":"^4.2.1","eslint-plugin-promise":"^6.0.0","eslint-plugin-react":"^7.31.10","eslint-plugin-vue":"^9.7.0",postcss:"^8.1.0","postcss-pxtorem":"^6.0.0",prettier:"^2.7.1","svg-sprite-loader":"^6.0.11",typescript:"*","unplugin-auto-import":"^0.11.0","unplugin-vue-components":"^0.22.0",vite:"^3.2.4","vite-plugin-compression":"^0.5.1","vite-plugin-eslint":"^1.8.1","vite-plugin-inspect":"^0.6.0","vite-plugin-svg-icons":"^2.0.1","vite-svg-loader":"^3.4.0","vue-tsc":"^1.0.9"},name:"ray-template",version:"0.0.0"}},{dependencies:n,devDependencies:e,name:m,version:E}=t,y=[{title:"\u4F9D\u8D56\u540D\u79F0",key:"name"},{title:"\u4F9D\u8D56\u7248\u672C",key:"relyVersion"},{title:"\u4F9D\u8D56\u5730\u5740",key:"relyAddress"}],l=C([]),v=[{name:"\u9879\u76EE\u540D\u79F0",label:m},{name:"\u7248\u672C\u4FE1\u606F",label:E},{name:"\u9879\u76EE\u5730\u5740",label:"GitHub",url:"https://github.com/XiaoDaiGua-Ray/ray-template"}],f=()=>{const i=a=>Object.keys(a).reduce((r,o)=>(r.push({name:o,relyVersion:a[o],relyAddress:""}),r),[]),b=i(n),D=i(e);l.value=[...b,...D]},g=i=>{i.url&&window.open(i.url)};return h(()=>{f()}),{columns:y,relyData:l,templateOptions:v,handleTagClick:g}},render(){let t,n;return u("div",{class:"rely-about"},[u(s,{title:"\u5173\u4E8E\u9879\u76EE"},{default:()=>[k("ray template \u662F\u4E00\u4E2A\u57FA\u4E8E: tsx pinia vue3.x vite sass \u7684\u4E2D\u540E\u53F0\u89E3\u51B3\u65B9\u6848. \u9879\u76EE\u5E72\u51C0\u4E0E\u8F7B\u5DE7, \u5DF2\u7ECF\u96C6\u6210\u4E86\u5F88\u591A\u9879\u76EE\u4E2D\u53EF\u80FD\u9700\u8981\u7684\u642C\u7816\u5DE5\u5177\u53EF\u4EE5\u8BA9\u4F60\u5FEB\u901F\u8D77\u4E00\u4E2A\u76F8\u5173\u9879\u76EE, \u5E76\u4E14\u4E0D\u9700\u8981\u5254\u9664\u5927\u91CF\u65E0\u7528\u9875\u9762\u4E0E\u7EC4\u4EF6.")]}),u(s,{title:"\u9879\u76EE\u4FE1\u606F"},{default:()=>[u(p,{bordered:!0,labelPlacement:"left"},d(t=this.templateOptions.map(e=>u(c,{key:e.name,label:e.name},{default:()=>[u(j,{bordered:!1,type:"info",onClick:this.handleTagClick.bind(this,e),style:[e.url?"cursor: pointer":""]},{default:()=>[e.label]})]})))?t:{default:()=>[t]})]}),u(s,{title:"\u9879\u76EE\u4F9D\u8D56"},{default:()=>[u(p,{bordered:!0,labelPlacement:"left"},d(n=this.relyData.map(e=>u(c,{key:e.name,label:e.name},{default:()=>[e.relyVersion]})))?n:{default:()=>[n]})]})])}});export{B as default};
--- a/assets/index.e08a7705.js.gz
+++ b/assets/index.e08a7705.js.gz
--- a/assets/index.e56f5a41.js
+++ b/assets/index.e56f5a41.js
@ -0,0 +1 @@
+import{d as t,a7 as e,aa as r,aj as o,ac as s}from"./index.c3f05d90.js";import{N as n}from"./Result.73c7407c.js";const i=t({name:"ErrorPage",setup(){const a=s();return{handleBack:()=>{a.push("/dashboard")}}},render(){return e("div",{class:"error-page"},[e(n,{status:"500",title:"\u5C0F\u8C03\u76AE\u4F60\u8D70\u9519\u5730\u65B9\u4E86"},{footer:()=>e(r,{onClick:this.handleBack.bind(this)},{default:()=>[o("\u8FD4\u56DE\u9996\u9875")]})})])}});export{i as default};
--- a/assets/index.f33d9caa.js
+++ b/assets/index.f33d9caa.js
@ -0,0 +1 @@
+import{d as r,a7 as e,an as n,h as p,am as d,at as c,ab as f,aj as t,ai as l}from"./index.c3f05d90.js";import{N as b,a as E,b as o}from"./DescriptionsItem.a616fdcc.js";function i(a){return typeof a=="function"||Object.prototype.toString.call(a)==="[object Object]"&&!f(a)}const D=r({name:"Dashboard",setup(){return{coverLetterOptions:[{label:"\u638C\u63E1\u642C\u7816\u6846\u67B6",des:()=>e(l,null,{default:()=>[e(o,{type:"success"},{default:()=>[t("Vue3.x")]}),e(o,{type:"info"},{default:()=>[t("React")]})]})},{label:"\u4ECE\u4E8B\u642C\u7816\u65F6\u957F",des:()=>e(l,null,{default:()=>[e(o,{type:"success"},{default:()=>[t("\u7EC3\u4E60\u65F6\u957F\u4E24\u5E74\u534A\u7684\u5C0F\u767D\u524D\u7AEF\u642C\u7816\u5E08")]})]})},{label:"\u4E2A\u4EBA",des:()=>e(l,{align:"center"},{default:()=>[e(d,{name:"ray",size:"22"},null),t("\u52AA\u529B\u642C\u7816\u3001\u52AA\u529B\u6478\u9C7C, \u5EFA\u8BBE\u7F8E\u4E3D\u5BB6\u56ED")]}),span:2},{label:"\u8865\u5145\u8BF4\u660E",des:()=>e(l,{align:"center"},{default:()=>[t("\u5982\u679C\u6709\u5E0C\u671B\u8865\u5145\u7684\u529F\u80FD\u53EF\u4EE5\u5728"),e("a",{class:"dashboard-link",href:"https://github.com/XiaoDaiGua-Ray/ray-template"},[t("GitHub")]),t("\u63D0\u4E00\u4E2A Issues")]}),span:2}]}},render(){let a;return e(c,{class:"dashboard-layout layout-full"},{default:()=>[e(n,null,{header:()=>p(d,{name:"ray",size:"64"},{}),default:()=>"\u5F53\u4F60\u770B\u89C1\u8FD9\u4E2A\u9875\u9762\u540E, \u5C31\u8BF4\u660E\u9879\u76EE\u5DF2\u7ECF\u542F\u52A8\u6210\u529F\u4E86~"}),e(n,{title:"\u4E2A\u4EBA\u4ECB\u7ECD"},{default:()=>[e(b,{bordered:!0,labelPlacement:"left",column:2},i(a=this.coverLetterOptions.map(u=>{let s;return e(E,{key:u.label,label:u.label,span:u==null?void 0:u.span},i(s=u.des())?s:{default:()=>[s]})}))?a:{default:()=>[a]})]})]})}});export{D as default};
--- a/assets/index.f33d9caa.js.gz
+++ b/assets/index.f33d9caa.js.gz
--- a/assets/index.fa813b60.css
+++ b/assets/index.fa813b60.css
@ -0,0 +1 @@
+.error-page{width:100%;height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}
--- a/auto-imports.d.ts
+++ b/auto-imports.d.ts
@ -1,276 +0,0 @@
-// Generated by 'unplugin-auto-import'
-export {}
-declare global {
-  const EffectScope: typeof import('vue')['EffectScope']
-  const acceptHMRUpdate: typeof import('pinia')['acceptHMRUpdate']
-  const asyncComputed: typeof import('@vueuse/core')['asyncComputed']
-  const autoResetRef: typeof import('@vueuse/core')['autoResetRef']
-  const computed: typeof import('vue')['computed']
-  const computedAsync: typeof import('@vueuse/core')['computedAsync']
-  const computedEager: typeof import('@vueuse/core')['computedEager']
-  const computedInject: typeof import('@vueuse/core')['computedInject']
-  const computedWithControl: typeof import('@vueuse/core')['computedWithControl']
-  const controlledComputed: typeof import('@vueuse/core')['controlledComputed']
-  const controlledRef: typeof import('@vueuse/core')['controlledRef']
-  const createApp: typeof import('vue')['createApp']
-  const createEventHook: typeof import('@vueuse/core')['createEventHook']
-  const createGlobalState: typeof import('@vueuse/core')['createGlobalState']
-  const createInjectionState: typeof import('@vueuse/core')['createInjectionState']
-  const createPinia: typeof import('pinia')['createPinia']
-  const createReactiveFn: typeof import('@vueuse/core')['createReactiveFn']
-  const createSharedComposable: typeof import('@vueuse/core')['createSharedComposable']
-  const createUnrefFn: typeof import('@vueuse/core')['createUnrefFn']
-  const customRef: typeof import('vue')['customRef']
-  const debouncedRef: typeof import('@vueuse/core')['debouncedRef']
-  const debouncedWatch: typeof import('@vueuse/core')['debouncedWatch']
-  const defineAsyncComponent: typeof import('vue')['defineAsyncComponent']
-  const defineComponent: typeof import('vue')['defineComponent']
-  const defineStore: typeof import('pinia')['defineStore']
-  const eagerComputed: typeof import('@vueuse/core')['eagerComputed']
-  const effectScope: typeof import('vue')['effectScope']
-  const extendRef: typeof import('@vueuse/core')['extendRef']
-  const getActivePinia: typeof import('pinia')['getActivePinia']
-  const getCurrentInstance: typeof import('vue')['getCurrentInstance']
-  const getCurrentScope: typeof import('vue')['getCurrentScope']
-  const h: typeof import('vue')['h']
-  const ignorableWatch: typeof import('@vueuse/core')['ignorableWatch']
-  const inject: typeof import('vue')['inject']
-  const isDefined: typeof import('@vueuse/core')['isDefined']
-  const isProxy: typeof import('vue')['isProxy']
-  const isReactive: typeof import('vue')['isReactive']
-  const isReadonly: typeof import('vue')['isReadonly']
-  const isRef: typeof import('vue')['isRef']
-  const makeDestructurable: typeof import('@vueuse/core')['makeDestructurable']
-  const mapActions: typeof import('pinia')['mapActions']
-  const mapGetters: typeof import('pinia')['mapGetters']
-  const mapState: typeof import('pinia')['mapState']
-  const mapStores: typeof import('pinia')['mapStores']
-  const mapWritableState: typeof import('pinia')['mapWritableState']
-  const markRaw: typeof import('vue')['markRaw']
-  const nextTick: typeof import('vue')['nextTick']
-  const onActivated: typeof import('vue')['onActivated']
-  const onBeforeMount: typeof import('vue')['onBeforeMount']
-  const onBeforeUnmount: typeof import('vue')['onBeforeUnmount']
-  const onBeforeUpdate: typeof import('vue')['onBeforeUpdate']
-  const onClickOutside: typeof import('@vueuse/core')['onClickOutside']
-  const onDeactivated: typeof import('vue')['onDeactivated']
-  const onErrorCaptured: typeof import('vue')['onErrorCaptured']
-  const onKeyStroke: typeof import('@vueuse/core')['onKeyStroke']
-  const onLongPress: typeof import('@vueuse/core')['onLongPress']
-  const onMounted: typeof import('vue')['onMounted']
-  const onRenderTracked: typeof import('vue')['onRenderTracked']
-  const onRenderTriggered: typeof import('vue')['onRenderTriggered']
-  const onScopeDispose: typeof import('vue')['onScopeDispose']
-  const onServerPrefetch: typeof import('vue')['onServerPrefetch']
-  const onStartTyping: typeof import('@vueuse/core')['onStartTyping']
-  const onUnmounted: typeof import('vue')['onUnmounted']
-  const onUpdated: typeof import('vue')['onUpdated']
-  const pausableWatch: typeof import('@vueuse/core')['pausableWatch']
-  const provide: typeof import('vue')['provide']
-  const reactify: typeof import('@vueuse/core')['reactify']
-  const reactifyObject: typeof import('@vueuse/core')['reactifyObject']
-  const reactive: typeof import('vue')['reactive']
-  const reactiveComputed: typeof import('@vueuse/core')['reactiveComputed']
-  const reactiveOmit: typeof import('@vueuse/core')['reactiveOmit']
-  const reactivePick: typeof import('@vueuse/core')['reactivePick']
-  const readonly: typeof import('vue')['readonly']
-  const ref: typeof import('vue')['ref']
-  const refAutoReset: typeof import('@vueuse/core')['refAutoReset']
-  const refDebounced: typeof import('@vueuse/core')['refDebounced']
-  const refDefault: typeof import('@vueuse/core')['refDefault']
-  const refThrottled: typeof import('@vueuse/core')['refThrottled']
-  const refWithControl: typeof import('@vueuse/core')['refWithControl']
-  const resolveComponent: typeof import('vue')['resolveComponent']
-  const resolveRef: typeof import('@vueuse/core')['resolveRef']
-  const resolveUnref: typeof import('@vueuse/core')['resolveUnref']
-  const setActivePinia: typeof import('pinia')['setActivePinia']
-  const setMapStoreSuffix: typeof import('pinia')['setMapStoreSuffix']
-  const shallowReactive: typeof import('vue')['shallowReactive']
-  const shallowReadonly: typeof import('vue')['shallowReadonly']
-  const shallowRef: typeof import('vue')['shallowRef']
-  const storeToRefs: typeof import('pinia')['storeToRefs']
-  const syncRef: typeof import('@vueuse/core')['syncRef']
-  const syncRefs: typeof import('@vueuse/core')['syncRefs']
-  const templateRef: typeof import('@vueuse/core')['templateRef']
-  const throttledRef: typeof import('@vueuse/core')['throttledRef']
-  const throttledWatch: typeof import('@vueuse/core')['throttledWatch']
-  const toRaw: typeof import('vue')['toRaw']
-  const toReactive: typeof import('@vueuse/core')['toReactive']
-  const toRef: typeof import('vue')['toRef']
-  const toRefs: typeof import('vue')['toRefs']
-  const triggerRef: typeof import('vue')['triggerRef']
-  const tryOnBeforeMount: typeof import('@vueuse/core')['tryOnBeforeMount']
-  const tryOnBeforeUnmount: typeof import('@vueuse/core')['tryOnBeforeUnmount']
-  const tryOnMounted: typeof import('@vueuse/core')['tryOnMounted']
-  const tryOnScopeDispose: typeof import('@vueuse/core')['tryOnScopeDispose']
-  const tryOnUnmounted: typeof import('@vueuse/core')['tryOnUnmounted']
-  const unref: typeof import('vue')['unref']
-  const unrefElement: typeof import('@vueuse/core')['unrefElement']
-  const until: typeof import('@vueuse/core')['until']
-  const useActiveElement: typeof import('@vueuse/core')['useActiveElement']
-  const useArrayEvery: typeof import('@vueuse/core')['useArrayEvery']
-  const useArrayFilter: typeof import('@vueuse/core')['useArrayFilter']
-  const useArrayFind: typeof import('@vueuse/core')['useArrayFind']
-  const useArrayFindIndex: typeof import('@vueuse/core')['useArrayFindIndex']
-  const useArrayJoin: typeof import('@vueuse/core')['useArrayJoin']
-  const useArrayMap: typeof import('@vueuse/core')['useArrayMap']
-  const useArrayReduce: typeof import('@vueuse/core')['useArrayReduce']
-  const useArraySome: typeof import('@vueuse/core')['useArraySome']
-  const useAsyncQueue: typeof import('@vueuse/core')['useAsyncQueue']
-  const useAsyncState: typeof import('@vueuse/core')['useAsyncState']
-  const useAttrs: typeof import('vue')['useAttrs']
-  const useBase64: typeof import('@vueuse/core')['useBase64']
-  const useBattery: typeof import('@vueuse/core')['useBattery']
-  const useBluetooth: typeof import('@vueuse/core')['useBluetooth']
-  const useBreakpoints: typeof import('@vueuse/core')['useBreakpoints']
-  const useBroadcastChannel: typeof import('@vueuse/core')['useBroadcastChannel']
-  const useBrowserLocation: typeof import('@vueuse/core')['useBrowserLocation']
-  const useCached: typeof import('@vueuse/core')['useCached']
-  const useClipboard: typeof import('@vueuse/core')['useClipboard']
-  const useColorMode: typeof import('@vueuse/core')['useColorMode']
-  const useConfirmDialog: typeof import('@vueuse/core')['useConfirmDialog']
-  const useCounter: typeof import('@vueuse/core')['useCounter']
-  const useCssModule: typeof import('vue')['useCssModule']
-  const useCssVar: typeof import('@vueuse/core')['useCssVar']
-  const useCssVars: typeof import('vue')['useCssVars']
-  const useCurrentElement: typeof import('@vueuse/core')['useCurrentElement']
-  const useCycleList: typeof import('@vueuse/core')['useCycleList']
-  const useDark: typeof import('@vueuse/core')['useDark']
-  const useDateFormat: typeof import('@vueuse/core')['useDateFormat']
-  const useDebounce: typeof import('@vueuse/core')['useDebounce']
-  const useDebounceFn: typeof import('@vueuse/core')['useDebounceFn']
-  const useDebouncedRefHistory: typeof import('@vueuse/core')['useDebouncedRefHistory']
-  const useDeviceMotion: typeof import('@vueuse/core')['useDeviceMotion']
-  const useDeviceOrientation: typeof import('@vueuse/core')['useDeviceOrientation']
-  const useDevicePixelRatio: typeof import('@vueuse/core')['useDevicePixelRatio']
-  const useDevicesList: typeof import('@vueuse/core')['useDevicesList']
-  const useDialog: typeof import('naive-ui')['useDialog']
-  const useDisplayMedia: typeof import('@vueuse/core')['useDisplayMedia']
-  const useDocumentVisibility: typeof import('@vueuse/core')['useDocumentVisibility']
-  const useDraggable: typeof import('@vueuse/core')['useDraggable']
-  const useDropZone: typeof import('@vueuse/core')['useDropZone']
-  const useElementBounding: typeof import('@vueuse/core')['useElementBounding']
-  const useElementByPoint: typeof import('@vueuse/core')['useElementByPoint']
-  const useElementHover: typeof import('@vueuse/core')['useElementHover']
-  const useElementSize: typeof import('@vueuse/core')['useElementSize']
-  const useElementVisibility: typeof import('@vueuse/core')['useElementVisibility']
-  const useEventBus: typeof import('@vueuse/core')['useEventBus']
-  const useEventListener: typeof import('@vueuse/core')['useEventListener']
-  const useEventSource: typeof import('@vueuse/core')['useEventSource']
-  const useEyeDropper: typeof import('@vueuse/core')['useEyeDropper']
-  const useFavicon: typeof import('@vueuse/core')['useFavicon']
-  const useFetch: typeof import('@vueuse/core')['useFetch']
-  const useFileDialog: typeof import('@vueuse/core')['useFileDialog']
-  const useFileSystemAccess: typeof import('@vueuse/core')['useFileSystemAccess']
-  const useFocus: typeof import('@vueuse/core')['useFocus']
-  const useFocusWithin: typeof import('@vueuse/core')['useFocusWithin']
-  const useFps: typeof import('@vueuse/core')['useFps']
-  const useFullscreen: typeof import('@vueuse/core')['useFullscreen']
-  const useGamepad: typeof import('@vueuse/core')['useGamepad']
-  const useGeolocation: typeof import('@vueuse/core')['useGeolocation']
-  const useI18n: typeof import('vue-i18n')['useI18n']
-  const useIdle: typeof import('@vueuse/core')['useIdle']
-  const useImage: typeof import('@vueuse/core')['useImage']
-  const useInfiniteScroll: typeof import('@vueuse/core')['useInfiniteScroll']
-  const useIntersectionObserver: typeof import('@vueuse/core')['useIntersectionObserver']
-  const useInterval: typeof import('@vueuse/core')['useInterval']
-  const useIntervalFn: typeof import('@vueuse/core')['useIntervalFn']
-  const useKeyModifier: typeof import('@vueuse/core')['useKeyModifier']
-  const useLastChanged: typeof import('@vueuse/core')['useLastChanged']
-  const useLoadingBar: typeof import('naive-ui')['useLoadingBar']
-  const useLocalStorage: typeof import('@vueuse/core')['useLocalStorage']
-  const useMagicKeys: typeof import('@vueuse/core')['useMagicKeys']
-  const useManualRefHistory: typeof import('@vueuse/core')['useManualRefHistory']
-  const useMediaControls: typeof import('@vueuse/core')['useMediaControls']
-  const useMediaQuery: typeof import('@vueuse/core')['useMediaQuery']
-  const useMemoize: typeof import('@vueuse/core')['useMemoize']
-  const useMemory: typeof import('@vueuse/core')['useMemory']
-  const useMessage: typeof import('naive-ui')['useMessage']
-  const useMounted: typeof import('@vueuse/core')['useMounted']
-  const useMouse: typeof import('@vueuse/core')['useMouse']
-  const useMouseInElement: typeof import('@vueuse/core')['useMouseInElement']
-  const useMousePressed: typeof import('@vueuse/core')['useMousePressed']
-  const useMutationObserver: typeof import('@vueuse/core')['useMutationObserver']
-  const useNavigatorLanguage: typeof import('@vueuse/core')['useNavigatorLanguage']
-  const useNetwork: typeof import('@vueuse/core')['useNetwork']
-  const useNotification: typeof import('naive-ui')['useNotification']
-  const useNow: typeof import('@vueuse/core')['useNow']
-  const useObjectUrl: typeof import('@vueuse/core')['useObjectUrl']
-  const useOffsetPagination: typeof import('@vueuse/core')['useOffsetPagination']
-  const useOnline: typeof import('@vueuse/core')['useOnline']
-  const usePageLeave: typeof import('@vueuse/core')['usePageLeave']
-  const useParallax: typeof import('@vueuse/core')['useParallax']
-  const usePermission: typeof import('@vueuse/core')['usePermission']
-  const usePointer: typeof import('@vueuse/core')['usePointer']
-  const usePointerSwipe: typeof import('@vueuse/core')['usePointerSwipe']
-  const usePreferredColorScheme: typeof import('@vueuse/core')['usePreferredColorScheme']
-  const usePreferredDark: typeof import('@vueuse/core')['usePreferredDark']
-  const usePreferredLanguages: typeof import('@vueuse/core')['usePreferredLanguages']
-  const usePreferredReducedMotion: typeof import('@vueuse/core')['usePreferredReducedMotion']
-  const useRafFn: typeof import('@vueuse/core')['useRafFn']
-  const useRefHistory: typeof import('@vueuse/core')['useRefHistory']
-  const useResizeObserver: typeof import('@vueuse/core')['useResizeObserver']
-  const useRoute: typeof import('vue-router')['useRoute']
-  const useRouter: typeof import('vue-router')['useRouter']
-  const useScreenOrientation: typeof import('@vueuse/core')['useScreenOrientation']
-  const useScreenSafeArea: typeof import('@vueuse/core')['useScreenSafeArea']
-  const useScriptTag: typeof import('@vueuse/core')['useScriptTag']
-  const useScroll: typeof import('@vueuse/core')['useScroll']
-  const useScrollLock: typeof import('@vueuse/core')['useScrollLock']
-  const useSessionStorage: typeof import('@vueuse/core')['useSessionStorage']
-  const useShare: typeof import('@vueuse/core')['useShare']
-  const useSlots: typeof import('vue')['useSlots']
-  const useSpeechRecognition: typeof import('@vueuse/core')['useSpeechRecognition']
-  const useSpeechSynthesis: typeof import('@vueuse/core')['useSpeechSynthesis']
-  const useStepper: typeof import('@vueuse/core')['useStepper']
-  const useStorage: typeof import('@vueuse/core')['useStorage']
-  const useStorageAsync: typeof import('@vueuse/core')['useStorageAsync']
-  const useStyleTag: typeof import('@vueuse/core')['useStyleTag']
-  const useSupported: typeof import('@vueuse/core')['useSupported']
-  const useSwipe: typeof import('@vueuse/core')['useSwipe']
-  const useTemplateRefsList: typeof import('@vueuse/core')['useTemplateRefsList']
-  const useTextDirection: typeof import('@vueuse/core')['useTextDirection']
-  const useTextSelection: typeof import('@vueuse/core')['useTextSelection']
-  const useTextareaAutosize: typeof import('@vueuse/core')['useTextareaAutosize']
-  const useThrottle: typeof import('@vueuse/core')['useThrottle']
-  const useThrottleFn: typeof import('@vueuse/core')['useThrottleFn']
-  const useThrottledRefHistory: typeof import('@vueuse/core')['useThrottledRefHistory']
-  const useTimeAgo: typeof import('@vueuse/core')['useTimeAgo']
-  const useTimeout: typeof import('@vueuse/core')['useTimeout']
-  const useTimeoutFn: typeof import('@vueuse/core')['useTimeoutFn']
-  const useTimeoutPoll: typeof import('@vueuse/core')['useTimeoutPoll']
-  const useTimestamp: typeof import('@vueuse/core')['useTimestamp']
-  const useTitle: typeof import('@vueuse/core')['useTitle']
-  const useToNumber: typeof import('@vueuse/core')['useToNumber']
-  const useToString: typeof import('@vueuse/core')['useToString']
-  const useToggle: typeof import('@vueuse/core')['useToggle']
-  const useTransition: typeof import('@vueuse/core')['useTransition']
-  const useUrlSearchParams: typeof import('@vueuse/core')['useUrlSearchParams']
-  const useUserMedia: typeof import('@vueuse/core')['useUserMedia']
-  const useVModel: typeof import('@vueuse/core')['useVModel']
-  const useVModels: typeof import('@vueuse/core')['useVModels']
-  const useVibrate: typeof import('@vueuse/core')['useVibrate']
-  const useVirtualList: typeof import('@vueuse/core')['useVirtualList']
-  const useWakeLock: typeof import('@vueuse/core')['useWakeLock']
-  const useWebNotification: typeof import('@vueuse/core')['useWebNotification']
-  const useWebSocket: typeof import('@vueuse/core')['useWebSocket']
-  const useWebWorker: typeof import('@vueuse/core')['useWebWorker']
-  const useWebWorkerFn: typeof import('@vueuse/core')['useWebWorkerFn']
-  const useWindowFocus: typeof import('@vueuse/core')['useWindowFocus']
-  const useWindowScroll: typeof import('@vueuse/core')['useWindowScroll']
-  const useWindowSize: typeof import('@vueuse/core')['useWindowSize']
-  const watch: typeof import('vue')['watch']
-  const watchArray: typeof import('@vueuse/core')['watchArray']
-  const watchAtMost: typeof import('@vueuse/core')['watchAtMost']
-  const watchDebounced: typeof import('@vueuse/core')['watchDebounced']
-  const watchEffect: typeof import('vue')['watchEffect']
-  const watchIgnorable: typeof import('@vueuse/core')['watchIgnorable']
-  const watchOnce: typeof import('@vueuse/core')['watchOnce']
-  const watchPausable: typeof import('@vueuse/core')['watchPausable']
-  const watchPostEffect: typeof import('vue')['watchPostEffect']
-  const watchSyncEffect: typeof import('vue')['watchSyncEffect']
-  const watchThrottled: typeof import('@vueuse/core')['watchThrottled']
-  const watchTriggerable: typeof import('@vueuse/core')['watchTriggerable']
-  const watchWithFilter: typeof import('@vueuse/core')['watchWithFilter']
-  const whenever: typeof import('@vueuse/core')['whenever']
-}
--- a/components.d.ts
+++ b/components.d.ts
@ -1,15 +0,0 @@
-// generated by unplugin-vue-components
-// We suggest you to commit this file into source control
-// Read more: https://github.com/vuejs/core/pull/3399
-import '@vue/runtime-core'
-
-export {}
-
-declare module '@vue/runtime-core' {
-  export interface GlobalComponents {
-    DraggableComponent: typeof import('./src/components/DraggableComponent/index.vue')['default']
-    RayTransitionComponent: typeof import('./src/components/RayTransitionComponent/index.vue')['default']
-    RouterLink: typeof import('vue-router')['RouterLink']
-    RouterView: typeof import('vue-router')['RouterView']
-  }
-}
--- a/index.html
+++ b/index.html
@ -4,10 +4,12 @@
    <meta charset="UTF-8" />
    <link rel="icon" type="image/svg+xml" href="/ray.svg" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
-    <title>Vite + Vue + TS</title>
+    <title>ray template</title>
+    <script type="module" crossorigin src="/assets/index.c3f05d90.js"></script>
+    <link rel="stylesheet" href="/assets/index.61e7b6d0.css">
  </head>
  <body>
    <div id="app"></div>
-    <script type="module" src="/src/main.ts"></script>
+    
  </body>
 </html>
--- a/locales/en-US.json
+++ b/locales/en-US.json
@ -1,31 +0,0 @@
-{
-  "GlobalMenuOptions": {
-    "Dashboard": "Home",
-    "Rely": "Rely",
-    "RelyAbout": "Rely About"
-  },
-  "LayoutHeaderTooltipOptions": {
-    "Reload": "Reload Current Page",
-    "Lock": "Lock",
-    "Setting": "Setting",
-    "Github": "Github"
-  },
-  "LayoutHeaderSettingOptions": {
-    "Title": "Configuration",
-    "ThemeOptions": {
-      "Title": "Theme",
-      "Dark": "Dark",
-      "Light": "Light",
-      "PrimaryColorConfig": "Primary Color"
-    }
-  },
-  "LoginModule": {
-    "Register": "Register",
-    "Signin": "Signin",
-    "NamePlaceholder": "please enter user name",
-    "PasswordPlaceholder": "please enter password",
-    "Login": "Login",
-    "Name": "User Name",
-    "Password": "User Password"
-  }
-}
--- a/locales/zh-CN.json
+++ b/locales/zh-CN.json
@ -1,31 +0,0 @@
-{
-  "GlobalMenuOptions": {
-    "Dashboard": "首页",
-    "Rely": "依赖项",
-    "RelyAbout": "关于"
-  },
-  "LayoutHeaderTooltipOptions": {
-    "Reload": "刷新当前页面",
-    "Lock": "锁屏",
-    "Setting": "设置",
-    "Github": "Github"
-  },
-  "LayoutHeaderSettingOptions": {
-    "Title": "项目配置",
-    "ThemeOptions": {
-      "Title": "主题",
-      "Dark": "暗色",
-      "Light": "明亮",
-      "PrimaryColorConfig": "主题色"
-    }
-  },
-  "LoginModule": {
-    "Register": "注册",
-    "Signin": "登陆",
-    "NamePlaceholder": "请输入用户名",
-    "PasswordPlaceholder": "请输入密码",
-    "Login": "登 陆",
-    "Name": "用户名",
-    "Password": "密码"
-  }
-}
--- a/package.json
+++ b/package.json
@ -1,61 +0,0 @@
-{
-  "name": "ray-template",
-  "private": true,
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "dev": "vite",
-    "build": "vue-tsc --noEmit && vite build",
-    "preview": "vite preview",
-    "test": "vue-tsc --noEmit && vite build --mode test",
-    "dev-build": "vue-tsc --noEmit && vite build --mode development"
-  },
-  "dependencies": {
-    "@vueuse/core": "^9.1.0",
-    "amfe-flexible": "^2.2.1",
-    "axios": "^0.27.2",
-    "crypto-js": "^4.1.1",
-    "naive-ui": "^2.34.0",
-    "pinia": "^2.0.17",
-    "sass": "^1.54.3",
-    "scrollreveal": "^4.0.9",
-    "vue": "^3.2.37",
-    "vue-i18n": "^9.2.2",
-    "vue-router": "^4.1.3"
-  },
-  "devDependencies": {
-    "@babel/core": "^7.20.2",
-    "@babel/eslint-parser": "^7.19.1",
-    "@intlify/unplugin-vue-i18n": "^0.5.0",
-    "@types/crypto-js": "^4.1.1",
-    "@types/scrollreveal": "^0.0.8",
-    "@typescript-eslint/eslint-plugin": "^5.42.1",
-    "@typescript-eslint/parser": "^5.42.1",
-    "@vitejs/plugin-vue": "^3.0.0",
-    "@vitejs/plugin-vue-jsx": "^2.0.0",
-    "autoprefixer": "^10.4.8",
-    "eslint": "^8.0.1",
-    "eslint-config-prettier": "^8.5.0",
-    "eslint-config-standard-with-typescript": "^23.0.0",
-    "eslint-plugin-import": "^2.25.2",
-    "eslint-plugin-n": "^15.0.0",
-    "eslint-plugin-prettier": "^4.2.1",
-    "eslint-plugin-promise": "^6.0.0",
-    "eslint-plugin-react": "^7.31.10",
-    "eslint-plugin-vue": "^9.7.0",
-    "postcss": "^8.1.0",
-    "postcss-pxtorem": "^6.0.0",
-    "prettier": "^2.7.1",
-    "svg-sprite-loader": "^6.0.11",
-    "typescript": "*",
-    "unplugin-auto-import": "^0.11.0",
-    "unplugin-vue-components": "^0.22.0",
-    "vite": "^3.2.4",
-    "vite-plugin-compression": "^0.5.1",
-    "vite-plugin-eslint": "^1.8.1",
-    "vite-plugin-inspect": "^0.6.0",
-    "vite-plugin-svg-icons": "^2.0.1",
-    "vite-svg-loader": "^3.4.0",
-    "vue-tsc": "^1.0.9"
-  }
-}
--- a/postcss.config.cjs
+++ b/postcss.config.cjs
@ -1,21 +0,0 @@
-module.exports = {
-  plugins: {
-    autoprefixer: {
-      overrideBrowserslist: [
-        'Android 4.1',
-        'iOS 7.1',
-        'Chrome > 31',
-        'ff > 31',
-        'ie >= 8',
-        'last 10 versions',
-      ],
-      grid: true,
-    },
-    'postcss-pxtorem': {
-      rootValue: 16, // 根元素字体大小或根据 `input` 参数返回根元素字体大小
-      unitPrecision: 5,
-      propList: ['font', 'font-size', 'line-height', 'letter-spacing'], // 可以从 `px` 更改为 `rem` 的属性
-      selectorBlackList: [], // 要忽略并保留为 `px` 的选择器
-    },
-  },
-}
--- a/public/ray.svg
+++ b/public/ray.svg
--- a/src/.DS_Store
+++ b/src/.DS_Store
--- a/src/App.tsx
+++ b/src/App.tsx
@ -1,15 +0,0 @@
-import RayGlobalProvider from '@/components/RayGlobalProvider/index'
-import { RouterView } from 'vue-router'
-
-const App = defineComponent({
-  name: 'App',
-  render() {
-    return (
-      <RayGlobalProvider>
-        <RouterView />
-      </RayGlobalProvider>
-    )
-  },
-})
-
-export default App
--- a/src/assets/images/ray.svg
+++ b/src/assets/images/ray.svg
@ -1,14 +0,0 @@
-<svg t="1659811416176" class="icon" viewBox="0 0 1147 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10290" width="64" height="64">
-  <path d="M472.342857 968.685714c-73.828571 0-130.171429-12-172.114286-36.571428-38.742857-22.742857-84.914286-68.685714-84.914285-158.057143-2.971429-141.942857 109.714286-259.542857 251.657143-262.514286 141.942857-2.971429 259.542857 109.714286 262.514285 251.657143 0.114286 3.657143 0.114286 7.2 0 10.857143 0 89.371429-46.171429 135.2-84.914285 158.057143-41.942857 24.685714-98.285714 36.571429-172.228572 36.571428z" fill="#25467A" p-id="10291"></path>
-  <path d="M766.742857 968.685714c-73.942857 0-130.171429-12-172.228571-36.571428-38.742857-22.742857-84.914286-68.685714-84.914286-158.057143 2.857143-141.942857 120.228571-254.742857 262.285714-252 137.942857 2.742857 249.142857 113.942857 252 252 0 89.371429-46.171429 135.2-84.914285 158.057143-42.057143 24.685714-98.4 36.571429-172.228572 36.571428z" fill="#25467A" p-id="10292"></path>
-  <path d="M512 940.571429c-153.257143 0-268.457143-24-352.457143-73.257143-50.971429-29.942857-90.514286-69.714286-117.142857-118.057143C14.285714 698.285714 0 637.028571 0 567.085714c0.114286-282.857143 229.6-512 512.457143-511.885714 205.6 0.114286 391.2 123.2 471.314286 312.571429 26.742857 63.085714 40.342857 130.857143 40.228571 199.314285 0 69.828571-14.285714 131.2-42.4 182.171429-26.742857 48.342857-66.171429 88.114286-117.142857 118.057143C780.571429 916.685714 665.257143 940.571429 512 940.571429z" fill="#25467A" p-id="10293"></path>
-  <path d="M48 567.085714c0-256.228571 207.771429-464 464-464s464 207.771429 464 464S768.228571 892.571429 512 892.571429 48 823.314286 48 567.085714z" fill="#FFF3E0" p-id="10294"></path>
-  <path d="M472.342857 943.542857c-69.257143 0-121.371429-10.857143-159.428571-33.142857-48.114286-28.228571-72.457143-74.171429-72.457143-136.342857 0-127.885714 104-232 232-232s232 104 232 232c0 62.171429-24.342857 108.114286-72.571429 136.342857-38.057143 22.4-90.171429 33.142857-159.542857 33.142857z" fill="#25467A" p-id="10295"></path>
-  <path d="M263.314286 774.057143c0-115.428571 93.485714-209.142857 209.028571-209.142857 115.428571 0 209.142857 93.485714 209.142857 209.028571v0.114286c0 115.428571-93.6 146.628571-209.142857 146.628571s-209.028571-31.085714-209.028571-146.628571z" fill="#FFF3E0" p-id="10296"></path>
-  <path d="M472.342857 652.8c-73.371429 0-132.8 51.771429-132.8 115.657143 0 18.514286 5.028571 33.142857 13.942857 44.571428-1.714286 10.971429-2.628571 22.057143-2.742857 33.142858 0 32.8 9.942857 38.971429 22.285714 38.971428s22.285714-6.285714 22.285715-38.971428c0-2.057143 0-4.228571-0.114286-6.285715 21.714286 7.085714 48.457143 9.714286 77.142857 9.714286 73.371429 0 132.8-17.257143 132.8-81.142857s-59.428571-115.657143-132.8-115.657143z" fill="#388E3C" p-id="10297"></path>
-  <path d="M766.742857 943.542857c-69.257143 0-121.371429-10.857143-159.428571-33.142857-48.114286-28.228571-72.571429-74.171429-72.571429-136.342857 0-127.885714 104.114286-232 232-232s232 104 232 232c0 62.171429-24.342857 108.114286-72.571428 136.342857-38.057143 22.4-90.171429 33.142857-159.428572 33.142857z" fill="#25467A" p-id="10298"></path>
-  <path d="M557.6 774.057143c0-115.428571 93.6-209.142857 209.142857-209.142857s209.142857 93.6 209.142857 209.142857c0 115.428571-93.6 146.628571-209.142857 146.628571s-209.142857-31.085714-209.142857-146.628571z" fill="#FFF3E0" p-id="10299"></path>
-  <path d="M766.742857 652.8c-73.371429 0-132.8 51.771429-132.8 115.657143 0 18.514286 5.028571 33.142857 13.942857 44.571428-1.714286 10.971429-2.628571 22.057143-2.742857 33.142858 0 32.8 9.942857 38.971429 22.285714 38.971428s22.285714-6.285714 22.285715-38.971428c0-2.057143 0-4.228571-0.114286-6.285715 21.714286 7.085714 48.342857 9.714286 77.142857 9.714286 73.371429 0 132.8-17.257143 132.8-81.142857S840 652.8 766.742857 652.8z" fill="#FBC02D" p-id="10300"></path>
-  <path d="M401.6 486.857143c-38.171429 0-69.142857-30.971429-69.142857-69.257143 0-7.657143 6.171429-13.828571 13.828571-13.828571 7.314286 0 13.485714 5.714286 13.828572 13.028571v0.8c-0.342857 22.971429 17.942857 41.828571 40.8 42.171429s41.828571-17.942857 42.171428-40.8v-1.371429c-0.228571-7.657143 5.828571-14.057143 13.371429-14.285714s14.057143 5.828571 14.285714 13.371428v0.8c0.114286 38.4-30.857143 69.371429-69.142857 69.371429zM221.714286 306.971429c-0.342857 22.971429 17.942857 41.828571 40.8 42.171428s41.828571-17.942857 42.171428-40.8v-1.371428c0.342857-22.971429-17.942857-41.828571-40.8-42.171429-22.971429-0.342857-41.828571 17.942857-42.171428 40.8v1.371429zM498.514286 306.971429c-0.342857 22.971429 17.828571 41.828571 40.8 42.285714 22.971429 0.342857 41.828571-17.828571 42.285714-40.8v-1.485714c0.342857-22.971429-17.942857-41.828571-40.8-42.171429-22.971429-0.342857-41.828571 17.942857-42.171429 40.8-0.114286 0.457143-0.114286 0.914286-0.114285 1.371429z" fill="#25467A" p-id="10301"></path>
-  <path d="M207.885714 376.228571h-55.314285c-15.314286-0.342857-27.885714 11.771429-28.228572 27.085715-0.342857 15.314286 11.771429 27.885714 27.085714 28.228571H208c15.314286 0.342857 27.885714-11.771429 28.228571-27.085714 0.342857-15.314286-11.771429-27.885714-27.085714-28.228572h-1.257143z m442.857143 0H595.428571c-15.314286 0-27.657143 12.342857-27.657142 27.657143s12.342857 27.657143 27.657142 27.657143h55.314286c15.314286 0.342857 27.885714-11.771429 28.228572-27.085714 0.342857-15.314286-11.771429-27.885714-27.085715-28.228572h-1.142857z" fill="#F8BBD0" p-id="10302"></path>
-</svg>
--- a/src/axios/api/test.ts
+++ b/src/axios/api/test.ts
@ -1,9 +0,0 @@
-import request from '../request'
-
-export const useAxiosTest = () => {
-  return request({
-    method: 'post',
-    url: '',
-    data: '',
-  })
-}
--- a/src/axios/request.ts
+++ b/src/axios/request.ts
@ -1,41 +0,0 @@
-import axios from 'axios'
-
-import { useDetermineEnv } from '@use-utils/hook'
-
-const server = axios.create({
-  baseURL: '', // `import.meta.env`,
-  withCredentials: false, // 是否允许跨域携带 `cookie`
-  timeout: 5 * 1000,
-})
-
-server.interceptors.request.use(
-  (request) => {
-    const { MODE } = useDetermineEnv()
-
-    if (MODE === 'development') {
-      // TODO: 开发环境
-    } else if (MODE === 'production') {
-      // TODO: 生产环境
-    } else if (MODE === 'test') {
-      // TODO: 测试环境
-    }
-
-    return request
-  },
-  (error) => {
-    return Promise.reject(error)
-  },
-)
-
-server.interceptors.response.use(
-  (response) => {
-    const { data } = response
-
-    return Promise.resolve(data)
-  },
-  (error) => {
-    return Promise.reject(error)
-  },
-)
-
-export default server
--- a/src/components/.DS_Store
+++ b/src/components/.DS_Store
--- a/src/components/DraggableComponent/index.vue
+++ b/src/components/DraggableComponent/index.vue
@ -1,25 +0,0 @@
-<script setup lang="ts">
-import type { MaybeComputedRef } from '@vueuse/core'
-
-const el = ref<HTMLElement | null>(null)
-
-const { x, y, style } = useDraggable(el as MaybeComputedRef<HTMLElement>, {
-  initialValue: { x: 630, y: 14 },
-})
-</script>
-
-<template>
-  <div ref="el" class="draggable-component" :style="style">
-    Drag me! I am at {{ x }}, {{ y }}
-  </div>
-</template>
-
-<style lang="scss" scope>
-.draggable-component {
-  position: fixed;
-  padding: 8px 16px;
-  border: 1px solid rgba(156, 163, 175, 0.3);
-  cursor: move;
-  z-index: 10;
-}
-</style>
--- a/src/components/RayGlobalProvider/index.tsx
+++ b/src/components/RayGlobalProvider/index.tsx
@ -1,65 +0,0 @@
-import {
-  NDialogProvider,
-  NLoadingBarProvider,
-  NMessageProvider,
-  NNotificationProvider,
-  NConfigProvider,
-  createDiscreteApi,
-  darkTheme,
-  NGlobalStyle,
-} from 'naive-ui'
-import { useSetting } from '@/store'
-
-const GlobalProvider = defineComponent({
-  name: 'GlobalProvider',
-  setup() {
-    const settingStore = useSetting()
-
-    const modelPrimaryColorOverride = computed(
-      () => settingStore.primaryColorOverride,
-    )
-    const modelThemeValue = computed(() =>
-      settingStore.themeValue ? darkTheme : null,
-    )
-
-    const { message, notification, dialog, loadingBar } = createDiscreteApi(
-      ['message', 'dialog', 'notification', 'loadingBar'],
-      {
-        configProviderProps: computed(() => ({
-          theme: modelThemeValue.value,
-        })),
-      },
-    )
-
-    window.$dialog = dialog // 注入 `dialog`
-    window.$message = message // 注入 `message`
-    window.$loadingBar = loadingBar // 注入 `loadingBar`
-    window.$notification = notification // 注入 `notification`
-
-    return {
-      modelPrimaryColorOverride,
-      modelThemeValue,
-    }
-  },
-  render() {
-    return (
-      <NConfigProvider
-        themeOverrides={this.modelPrimaryColorOverride}
-        theme={this.modelThemeValue}
-      >
-        <NLoadingBarProvider>
-          <NMessageProvider>
-            <NDialogProvider>
-              <NNotificationProvider>
-                <NGlobalStyle />
-                {this.$slots.default?.()}
-              </NNotificationProvider>
-            </NDialogProvider>
-          </NMessageProvider>
-        </NLoadingBarProvider>
-      </NConfigProvider>
-    )
-  },
-})
-
-export default GlobalProvider
--- a/src/components/RayIcon/index.tsx
+++ b/src/components/RayIcon/index.tsx
@ -1,60 +0,0 @@
-import { defineComponent } from 'vue'
-
-const RayIcon = defineComponent({
-  name: 'RayIcon',
-  props: {
-    color: {
-      type: String,
-      default: '',
-    },
-    prefix: {
-      type: String,
-      default: 'icon',
-    },
-    name: {
-      type: String,
-      required: true,
-    },
-    size: {
-      type: [Number, String],
-      default: 14,
-    },
-    width: {
-      type: [Number, String],
-      default: 0,
-    },
-    height: {
-      type: [Number, String],
-      default: 0,
-    },
-    customClassName: {
-      type: String,
-      default: '',
-    },
-  },
-  setup(props) {
-    const modelColor = computed(() => props.color)
-    const symbolId = computed(() => `#${props.prefix}-${props.name}`)
-
-    return {
-      modelColor,
-      symbolId,
-    }
-  },
-  render() {
-    return (
-      <svg
-        ariaHidden={true}
-        class={`ray-icon ${this.customClassName}`}
-        style={{
-          width: `${this.width ? this.width : this.size}px`,
-          height: `${this.height ? this.height : this.size}px`,
-        }}
-      >
-        <use xlink:href={this.symbolId} fill={this.modelColor} />
-      </svg>
-    )
-  },
-})
-
-export default RayIcon
--- a/src/components/RayScrollReveal/index.scss
+++ b/src/components/RayScrollReveal/index.scss
--- a/src/components/RayScrollReveal/index.tsx
+++ b/src/components/RayScrollReveal/index.tsx
@ -1,93 +0,0 @@
-import { defineComponent } from 'vue'
-import type { PropType } from 'vue'
-import './index.scss'
-import ScrollReveal from 'scrollreveal'
-
-const RayScrollReveal = defineComponent({
-  name: 'RayScrollReveal',
-  props: {
-    options: {
-      // ScrollReveal reveal options
-      type: Object as PropType<scrollReveal.ScrollRevealObjectOptions>,
-      default: {} as scrollReveal.ScrollRevealObjectOptions,
-    },
-    width: {
-      type: String,
-      default: 'auto',
-    },
-    reset: {
-      type: Boolean,
-      default: false,
-    },
-  },
-  emits: ['scrollRevealSync'],
-  setup(props, { emit }) {
-    const scrollRevealRef = ref<HTMLElement>()
-    const cssVarsRef = computed(() => {
-      const scsVars = {
-        '--ray-scroll-reveal-width': props.width,
-      }
-
-      return scsVars
-    })
-
-    /**
-     *
-     * 为 `dom` 注册 `ScrollReveal` 动画效果
-     */
-    const handleRegisterScrollReveal = async () => {
-      const el = scrollRevealRef.value as HTMLElement
-      const defaultOptions = {
-        distance: '50px',
-        duration: 600,
-        reset: props.reset,
-        easing: 'ease',
-        scale: 0.99,
-        mobile: true,
-      }
-
-      ScrollReveal().reveal(el, Object.assign(defaultOptions, props.options))
-    }
-
-    /**
-     *
-     * 处理 `dom` 新增后无法绑定过渡动画情况
-     */
-    const handleScrollRevealSync = async () => {
-      const { sync } = ScrollReveal()
-
-      emit('scrollRevealSync', sync)
-    }
-
-    onMounted(async () => {
-      await handleRegisterScrollReveal()
-      await handleScrollRevealSync()
-    })
-
-    return {
-      scrollRevealRef,
-      cssVarsRef,
-    }
-  },
-  render() {
-    return (
-      <div
-        class="ray-scroll-reveal"
-        ref="scrollRevealRef"
-        style={this.cssVarsRef}
-      >
-        {this.$slots.default?.()}
-      </div>
-    )
-  },
-})
-
-export default RayScrollReveal
-
-/**
- *
- * 滚动加载过度组件, 来回滚动时, 可以重复触发效果
- * 只需要将 `dom` 插入在 `RayScrollReveal` 组件下即可
- * 如果需要使用重新注册加载脚本或者有新的 `dom` 插入, 调用 `scrollRevealCallback` 函数即可捕获添加到 `dom` 的任何新元素
- * 注意: 插件始终是以显示屏为窗口作为判断元素是否显示, 所以自定义滚动条滚动加载元素不生效
- */
--- a/src/components/RayTransitionComponent/index.vue
+++ b/src/components/RayTransitionComponent/index.vue
@ -1,33 +0,0 @@
-<template>
-  <router-view>
-    <template #default="{ Component, route }">
-      <transition
-        :name="transitionPropName"
-        :mode="transitionMode"
-        :appear="transitionAppear"
-      >
-        <component :is="Component" :key="route.fullPath" />
-      </transition>
-    </template>
-  </router-view>
-</template>
-<script lang="ts" setup>
-defineProps({
-  transitionPropName: {
-    type: String,
-    default: 'fade',
-  },
-  transitionMode: {
-    type: String,
-    default: 'out-in',
-  },
-  transitionAppear: {
-    type: Boolean,
-    default: true,
-  },
-})
-// 带过渡动画 `RouterView` 组件
-// 如果子路由需要做动画切换，则需要此组件
-// 为什么必须为 `vue` 文件，因为 `tsx` 文件在解析的时候会抛出警告不好看
-// 只需要像使用 `RouterView` 组件时一样使用即可, 但是不能对于子路由生效, 所以需要在子路由显示的地方替换 `RouterView` 组件
-</script>
--- a/src/icons/dark.svg
+++ b/src/icons/dark.svg
@ -1,3 +0,0 @@
-<svg t="1669094703884" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="24094" width="200" height="200">
-  <path d="M335.22 240.91c0-57.08 10.68-111.66 30.15-161.87-167.51 64.86-286.3 227.51-286.3 417.92 0 247.42 200.58 448 448 448 190.34 0 352.95-118.71 417.85-286.13-50.16 19.42-104.69 30.08-161.71 30.08-247.41 0-447.99-200.57-447.99-448z" fill="#ffd93d" p-id="24095"></path>
-</svg>
--- a/src/icons/dashboard.svg
+++ b/src/icons/dashboard.svg
@ -1,4 +0,0 @@
-<svg t="1669019958375" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7190" width="200" height="200">
-  <path d="M924.8 385.6c-22.6-53.4-54.9-101.3-96-142.4-41.1-41.1-89-73.4-142.4-96C631.1 123.8 572.5 112 512 112s-119.1 11.8-174.4 35.2c-53.4 22.6-101.3 54.9-142.4 96-41.1 41.1-73.4 89-96 142.4C75.8 440.9 64 499.5 64 560c0 132.7 58.3 257.7 159.9 343.1l1.7 1.4c5.8 4.8 13.1 7.5 20.6 7.5h531.7c7.5 0 14.8-2.7 20.6-7.5l1.7-1.4C901.7 817.7 960 692.7 960 560c0-60.5-11.9-119.1-35.2-174.4zM761.4 836H262.6C184.5 765.5 140 665.6 140 560c0-99.4 38.7-192.8 109-263 70.3-70.3 163.7-109 263-109 99.4 0 192.8 38.7 263 109 70.3 70.3 109 163.7 109 263 0 105.6-44.5 205.5-122.6 276z" p-id="7191" fill="currentColor"></path>
-  <path d="M623.5 421.5c-3.1-3.1-8.2-3.1-11.3 0L527.7 506c-18.7-5-39.4-0.2-54.1 14.5-21.9 21.9-21.9 57.3 0 79.2 21.9 21.9 57.3 21.9 79.2 0 14.7-14.7 19.5-35.4 14.5-54.1l84.5-84.5c3.1-3.1 3.1-8.2 0-11.3l-28.3-28.3zM490 320h44c4.4 0 8-3.6 8-8v-80c0-4.4-3.6-8-8-8h-44c-4.4 0-8 3.6-8 8v80c0 4.4 3.6 8 8 8zM750 538v44c0 4.4 3.6 8 8 8h80c4.4 0 8-3.6 8-8v-44c0-4.4-3.6-8-8-8h-80c-4.4 0-8 3.6-8 8zM762.7 340.8l-31.1-31.1c-3.1-3.1-8.2-3.1-11.3 0l-56.6 56.6c-3.1 3.1-3.1 8.2 0 11.3l31.1 31.1c3.1 3.1 8.2 3.1 11.3 0l56.6-56.6c3.1-3.1 3.1-8.2 0-11.3zM304.1 309.7c-3.1-3.1-8.2-3.1-11.3 0l-31.1 31.1c-3.1 3.1-3.1 8.2 0 11.3l56.6 56.6c3.1 3.1 8.2 3.1 11.3 0l31.1-31.1c3.1-3.1 3.1-8.2 0-11.3l-56.6-56.6zM262 530h-80c-4.4 0-8 3.6-8 8v44c0 4.4 3.6 8 8 8h80c4.4 0 8-3.6 8-8v-44c0-4.4-3.6-8-8-8z" p-id="7192" fill="currentColor"></path>
-</svg>
--- a/src/icons/github.svg
+++ b/src/icons/github.svg
@ -1,3 +0,0 @@
-<svg t="1669170696481" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="1372" width="200" height="200">
-  <path d="M512 0C229.283787 0 0.142041 234.942803 0.142041 524.867683c0 231.829001 146.647305 428.553077 350.068189 497.952484 25.592898 4.819996 34.976961-11.38884 34.976961-25.294314 0-12.45521-0.469203-45.470049-0.725133-89.276559-142.381822 31.735193-172.453477-70.380469-172.453477-70.380469-23.246882-60.569859-56.816233-76.693384-56.816234-76.693385-46.493765-32.58829 3.540351-31.948468 3.540351-31.948467 51.356415 3.71097 78.356923 54.086324 78.356923 54.086324 45.683323 80.19108 119.817417 57.072162 148.993321 43.593236 4.649376-33.91059 17.915029-57.029508 32.50298-70.167195-113.675122-13.222997-233.151301-58.223843-233.1513-259.341366 0-57.285437 19.919806-104.163095 52.678715-140.846248-5.246544-13.265652-22.820334-66.626844 4.990615-138.884127 0 0 42.996069-14.076094 140.760939 53.787741 40.863327-11.644769 84.627183-17.445825 128.177764-17.6591 43.465272 0.213274 87.271782 6.014331 128.135109 17.6591 97.679561-67.906489 140.59032-53.787741 140.59032-53.787741 27.938914 72.257282 10.407779 125.618474 5.118579 138.884127 32.844219 36.683154 52.593405 83.560812 52.593405 140.846248 0 201.586726-119.646798 245.990404-233.663158 258.957473 18.341577 16.208835 34.721032 48.199958 34.721032 97.210357 0 70.167195-0.639822 126.7275-0.639823 143.960051 0 14.033439 9.213443 30.370239 35.190235 25.209005 203.250265-69.527373 349.769606-266.123484 349.769605-497.867175C1023.857959 234.942803 794.673558 0 512 0" fill="currentColor" p-id="1373"></path>
-</svg>
--- a/src/icons/language.svg
+++ b/src/icons/language.svg
@ -1,3 +0,0 @@
-<svg t="1669090001868" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="7911" width="200" height="200">
-  <path d="M918.954667 880.896c-0.618667-1.322667-154.688-334.378667-177.194667-382.421333-135.402667-288.917333-174.976-369.642667-196.821333-391.957334a31.829333 31.829333 0 0 0-13.013334-12.138666 32 32 0 0 0-42.944 14.293333L109.909333 865.706667a32 32 0 0 0 57.216 28.672l99.349334-198.421334h496.725333a49853.44 49853.44 0 0 1 97.536 211.605334 32.021333 32.021333 0 0 0 58.218667-26.666667zM521.002667 187.626667c39.850667 76.650667 126.698667 260.117333 212.458666 444.330666H298.517333L521.002667 187.626667z" fill="currentColor" p-id="7912"></path>
-</svg>
--- a/src/icons/light.svg
+++ b/src/icons/light.svg
@ -1,6 +0,0 @@
-<svg t="1669092652781" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="22947" width="200" height="200">
-  <path d="M512 511.4m-212 0a212 212 0 1 0 424 0 212 212 0 1 0-424 0Z" fill="#ffd93d" p-id="22948"></path>
-  <path d="M512 511.4m-198.3 0a198.3 198.3 0 1 0 396.6 0 198.3 198.3 0 1 0-396.6 0Z" fill="#ffd93d" p-id="22949"></path>
-  <path d="M511.7 130.2c12.9-0.2 24.2 11.3 24.5 24.3l0.4 79.6c0.2 12.9-11.3 24.2-24.3 24.5-12.9 0.2-24.2-11.3-24.5-24.3l-0.4-79.6c0.9-14.9 11.4-24.3 24.3-24.5zM901.5 510c-0.2 12.9-9.6 23.4-24.5 24.3l-79.6-0.4c-12.9-0.2-24.5-11.5-24.3-24.5 0.2-12.9 11.5-24.5 24.5-24.3l79.6 0.4c12.9 0.3 24.5 11.6 24.3 24.5zM250.9 510c-0.2 12.9-9.6 23.4-24.5 24.3l-79.6-0.4c-12.9-0.2-24.5-11.5-24.3-24.5 0.2-12.9 11.5-24.5 24.5-24.3l79.6 0.4c12.9 0.3 24.5 11.6 24.3 24.5zM512.3 893.8c-12.9 0.2-24.2-11.3-24.5-24.3l-0.4-79.6c-0.2-12.9 11.3-24.2 24.3-24.5 12.9-0.2 24.2 11.3 24.5 24.3l0.4 79.6c-0.9 14.9-11.4 24.3-24.3 24.5z" fill="#ffd93d" p-id="22950"></path>
-  <path d="M781.2 242.3c9.3 9 9.1 25.1 0.1 34.5l-56 56.5c-9 9.3-25.1 9.1-34.5 0.1-9.3-9-9.1-25.1-0.1-34.5l56-56.5c11.1-9.9 25.1-9.1 34.5-0.1zM788.2 786.5c-9.3 9-23.3 9.8-34.5-0.1l-56-56.5c-9-9.3-9.2-25.5 0.1-34.5 9.3-9 25.5-9.2 34.5 0.1l56 56.5c9 9.3 9.2 25.5-0.1 34.5zM328.1 326.4c-9.3 9-23.3 9.8-34.5-0.1l-56-56.5c-9-9.3-9.2-25.5 0.1-34.5 9.3-9 25.5-9.2 34.5 0.1l56 56.5c9 9.4 9.3 25.5-0.1 34.5zM241.6 782.6c-9.3-9-9.1-25.1-0.1-34.5l56-56.5c9-9.3 25.1-9.1 34.5-0.1 9.3 9 9.1 25.1 0.1 34.5l-56 56.5c-11.1 9.9-25.2 9.1-34.5 0.1z" fill="#ffd93d" p-id="22951"></path>
-</svg>
--- a/src/icons/lock.svg
+++ b/src/icons/lock.svg
@ -1,5 +0,0 @@
-<svg t="1669083065525" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6583" width="200" height="200">
-  <path d="M512 768c-17.664 0-32-14.304-32-32l0-96c0-17.696 14.336-32 32-32s32 14.304 32 32l0 96C544 753.696 529.664 768 512 768z" p-id="6584" fill="currentColor"></path>
-  <path d="M832 960 192 960c-52.928 0-96-43.072-96-96L96 512c0-52.928 43.072-96 96-96l640 0c52.928 0 96 43.072 96 96l0 352C928 916.928 884.928 960 832 960zM192 480c-17.632 0-32 14.368-32 32l0 352c0 17.664 14.368 32 32 32l640 0c17.664 0 32-14.336 32-32L864 512c0-17.632-14.336-32-32-32L192 480z" p-id="6585" fill="currentColor"></path>
-  <path d="M736 480c-17.696 0-32-14.336-32-32L704 318.016C704 209.248 601.76 128 510.336 128 416.768 128 320 198.912 320 317.568L320 448c0 17.664-14.336 32-32 32s-32-14.336-32-32L256 317.568C256 158.848 385.312 64 510.336 64 632.224 64 768 168.32 768 318.016L768 448C768 465.664 753.696 480 736 480z" p-id="6586" fill="currentColor"></path>
-</svg>
--- a/src/icons/ray.svg
+++ b/src/icons/ray.svg
@ -1,14 +0,0 @@
-<svg t="1659811416176" class="icon" viewBox="0 0 1147 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="10290" width="64" height="64">
-  <path d="M472.342857 968.685714c-73.828571 0-130.171429-12-172.114286-36.571428-38.742857-22.742857-84.914286-68.685714-84.914285-158.057143-2.971429-141.942857 109.714286-259.542857 251.657143-262.514286 141.942857-2.971429 259.542857 109.714286 262.514285 251.657143 0.114286 3.657143 0.114286 7.2 0 10.857143 0 89.371429-46.171429 135.2-84.914285 158.057143-41.942857 24.685714-98.285714 36.571429-172.228572 36.571428z" fill="#25467A" p-id="10291"></path>
-  <path d="M766.742857 968.685714c-73.942857 0-130.171429-12-172.228571-36.571428-38.742857-22.742857-84.914286-68.685714-84.914286-158.057143 2.857143-141.942857 120.228571-254.742857 262.285714-252 137.942857 2.742857 249.142857 113.942857 252 252 0 89.371429-46.171429 135.2-84.914285 158.057143-42.057143 24.685714-98.4 36.571429-172.228572 36.571428z" fill="#25467A" p-id="10292"></path>
-  <path d="M512 940.571429c-153.257143 0-268.457143-24-352.457143-73.257143-50.971429-29.942857-90.514286-69.714286-117.142857-118.057143C14.285714 698.285714 0 637.028571 0 567.085714c0.114286-282.857143 229.6-512 512.457143-511.885714 205.6 0.114286 391.2 123.2 471.314286 312.571429 26.742857 63.085714 40.342857 130.857143 40.228571 199.314285 0 69.828571-14.285714 131.2-42.4 182.171429-26.742857 48.342857-66.171429 88.114286-117.142857 118.057143C780.571429 916.685714 665.257143 940.571429 512 940.571429z" fill="#25467A" p-id="10293"></path>
-  <path d="M48 567.085714c0-256.228571 207.771429-464 464-464s464 207.771429 464 464S768.228571 892.571429 512 892.571429 48 823.314286 48 567.085714z" fill="#FFF3E0" p-id="10294"></path>
-  <path d="M472.342857 943.542857c-69.257143 0-121.371429-10.857143-159.428571-33.142857-48.114286-28.228571-72.457143-74.171429-72.457143-136.342857 0-127.885714 104-232 232-232s232 104 232 232c0 62.171429-24.342857 108.114286-72.571429 136.342857-38.057143 22.4-90.171429 33.142857-159.542857 33.142857z" fill="#25467A" p-id="10295"></path>
-  <path d="M263.314286 774.057143c0-115.428571 93.485714-209.142857 209.028571-209.142857 115.428571 0 209.142857 93.485714 209.142857 209.028571v0.114286c0 115.428571-93.6 146.628571-209.142857 146.628571s-209.028571-31.085714-209.028571-146.628571z" fill="#FFF3E0" p-id="10296"></path>
-  <path d="M472.342857 652.8c-73.371429 0-132.8 51.771429-132.8 115.657143 0 18.514286 5.028571 33.142857 13.942857 44.571428-1.714286 10.971429-2.628571 22.057143-2.742857 33.142858 0 32.8 9.942857 38.971429 22.285714 38.971428s22.285714-6.285714 22.285715-38.971428c0-2.057143 0-4.228571-0.114286-6.285715 21.714286 7.085714 48.457143 9.714286 77.142857 9.714286 73.371429 0 132.8-17.257143 132.8-81.142857s-59.428571-115.657143-132.8-115.657143z" fill="#388E3C" p-id="10297"></path>
-  <path d="M766.742857 943.542857c-69.257143 0-121.371429-10.857143-159.428571-33.142857-48.114286-28.228571-72.571429-74.171429-72.571429-136.342857 0-127.885714 104.114286-232 232-232s232 104 232 232c0 62.171429-24.342857 108.114286-72.571428 136.342857-38.057143 22.4-90.171429 33.142857-159.428572 33.142857z" fill="#25467A" p-id="10298"></path>
-  <path d="M557.6 774.057143c0-115.428571 93.6-209.142857 209.142857-209.142857s209.142857 93.6 209.142857 209.142857c0 115.428571-93.6 146.628571-209.142857 146.628571s-209.142857-31.085714-209.142857-146.628571z" fill="#FFF3E0" p-id="10299"></path>
-  <path d="M766.742857 652.8c-73.371429 0-132.8 51.771429-132.8 115.657143 0 18.514286 5.028571 33.142857 13.942857 44.571428-1.714286 10.971429-2.628571 22.057143-2.742857 33.142858 0 32.8 9.942857 38.971429 22.285714 38.971428s22.285714-6.285714 22.285715-38.971428c0-2.057143 0-4.228571-0.114286-6.285715 21.714286 7.085714 48.342857 9.714286 77.142857 9.714286 73.371429 0 132.8-17.257143 132.8-81.142857S840 652.8 766.742857 652.8z" fill="#FBC02D" p-id="10300"></path>
-  <path d="M401.6 486.857143c-38.171429 0-69.142857-30.971429-69.142857-69.257143 0-7.657143 6.171429-13.828571 13.828571-13.828571 7.314286 0 13.485714 5.714286 13.828572 13.028571v0.8c-0.342857 22.971429 17.942857 41.828571 40.8 42.171429s41.828571-17.942857 42.171428-40.8v-1.371429c-0.228571-7.657143 5.828571-14.057143 13.371429-14.285714s14.057143 5.828571 14.285714 13.371428v0.8c0.114286 38.4-30.857143 69.371429-69.142857 69.371429zM221.714286 306.971429c-0.342857 22.971429 17.942857 41.828571 40.8 42.171428s41.828571-17.942857 42.171428-40.8v-1.371428c0.342857-22.971429-17.942857-41.828571-40.8-42.171429-22.971429-0.342857-41.828571 17.942857-42.171428 40.8v1.371429zM498.514286 306.971429c-0.342857 22.971429 17.828571 41.828571 40.8 42.285714 22.971429 0.342857 41.828571-17.828571 42.285714-40.8v-1.485714c0.342857-22.971429-17.942857-41.828571-40.8-42.171429-22.971429-0.342857-41.828571 17.942857-42.171429 40.8-0.114286 0.457143-0.114286 0.914286-0.114285 1.371429z" fill="#25467A" p-id="10301"></path>
-  <path d="M207.885714 376.228571h-55.314285c-15.314286-0.342857-27.885714 11.771429-28.228572 27.085715-0.342857 15.314286 11.771429 27.885714 27.085714 28.228571H208c15.314286 0.342857 27.885714-11.771429 28.228571-27.085714 0.342857-15.314286-11.771429-27.885714-27.085714-28.228572h-1.257143z m442.857143 0H595.428571c-15.314286 0-27.657143 12.342857-27.657142 27.657143s12.342857 27.657143 27.657142 27.657143h55.314286c15.314286 0.342857 27.885714-11.771429 28.228572-27.085714 0.342857-15.314286-11.771429-27.885714-27.085715-28.228572h-1.142857z" fill="#F8BBD0" p-id="10302"></path>
-</svg>
--- a/src/icons/reload.svg
+++ b/src/icons/reload.svg
@ -1,3 +0,0 @@
-<svg t="1669082370283" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="3070" width="200" height="200">
-  <path d="M909.1 209.3l-56.4 44.1C775.8 155.1 656.2 92 521.9 92 290 92 102.3 279.5 102 511.5 101.7 743.7 289.8 932 521.9 932c181.3 0 335.8-115 394.6-276.1 1.5-4.2-0.7-8.9-4.9-10.3l-56.7-19.5c-4.1-1.4-8.6 0.7-10.1 4.8-1.8 5-3.8 10-5.9 14.9-17.3 41-42.1 77.8-73.7 109.4-31.6 31.6-68.4 56.4-109.3 73.8-42.3 17.9-87.4 27-133.8 27-46.5 0-91.5-9.1-133.8-27-40.9-17.3-77.7-42.1-109.3-73.8-31.6-31.6-56.4-68.4-73.7-109.4-17.9-42.4-27-87.4-27-133.9s9.1-91.5 27-133.9c17.3-41 42.1-77.8 73.7-109.4 31.6-31.6 68.4-56.4 109.3-73.8 42.3-17.9 87.4-27 133.8-27 46.5 0 91.5 9.1 133.8 27 40.9 17.3 77.7 42.1 109.3 73.8 9.9 9.9 19.2 20.4 27.8 31.4l-60.2 47c-5.3 4.1-3.5 12.5 3 14.1l175.6 43c5 1.2 9.9-2.6 9.9-7.7l0.8-180.9c-0.1-6.6-7.8-10.3-13-6.2z" p-id="3071" fill="currentColor"></path>
-</svg>
--- a/src/icons/rely.svg
+++ b/src/icons/rely.svg
@ -1,6 +0,0 @@
-<svg t="1669019135871" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="6207" width="200" height="200">
-  <path d="M432.541809 908.452357c-13.634532 0-27.871791-3.208065-42.314735-9.532097l-196.059328-85.830831c-51.599192-22.587438-92.018763-79.652108-92.018763-129.911792L102.148983 424.346661c0-42.561351 28.876678-72.28635 70.224388-72.28635 13.636578 0 27.873838 3.207042 42.317805 9.533121l196.059328 85.837994c51.597145 22.589484 92.015693 79.649038 92.015693 129.902582l0 258.830977C502.766197 878.726336 473.889519 908.452357 432.541809 908.452357zM172.373371 403.225621c-17.083074 0-19.059078 12.054547-19.059078 21.12104l0 258.830977c0 29.924543 28.678156 68.729338 61.372789 83.041298l196.063421 85.831854c7.823176 3.426029 15.357779 5.236258 21.792329 5.236258 17.083074 0 19.059078-12.054547 19.059078-21.123087L451.60191 577.334008c0-29.919427-28.677133-68.720128-61.370743-83.033112l-196.062398-85.839017C186.34457 405.03585 178.808944 403.225621 172.373371 403.225621z" p-id="6208" fill="currentColor"></path>
-  <path d="M620.67563 908.452357 620.67563 908.452357c-38.881542-0.001023-66.035996-29.727045-66.035996-72.288396L554.639634 577.334008c0-49.874921 36.876885-106.759489 83.953064-129.503493l177.675632-85.839017c13.631462-6.589069 27.149337-9.93221 40.172955-9.93221 38.883589 0 66.040089 29.724998 66.040089 72.28635l0 258.830977c0 49.875944-36.876885 106.764606-83.95511 129.511679l-177.676655 85.832877C647.216099 905.109216 633.697201 908.452357 620.67563 908.452357zM856.441285 403.225621c-5.174859 0-11.366885 1.672082-17.910928 4.835122L660.849608 493.901807c-29.322839 14.166651-55.044664 53.152571-55.044664 83.432201l0 258.830977c0 21.122063 11.192923 21.122063 14.870686 21.123087 5.174859 0 11.367909-1.672082 17.913998-4.835122l177.678702-85.833901c29.323862-14.168698 55.047734-53.159734 55.047734-83.441411L871.316064 424.346661C871.316064 403.225621 860.120071 403.225621 856.441285 403.225621z" p-id="6209" fill="currentColor"></path>
-  <path d="M520.643356 416.470273c-0.004093 0-0.005117 0-0.00921 0-33.103956-0.001023-67.656913-5.960759-94.799086-16.35141l-208.099549-79.613222c-15.587-5.957689-28.178783-13.105482-37.417191-21.24179-15.425318-13.582343-18.788925-27.503401-18.894326-36.788881-0.130983-11.576663 4.572132-33.008788 37.553291-46.482661l224.342488-91.591021c22.662139-9.252735 49.824779-11.193947 68.62189-11.193947 33.093722 0 67.638493 5.954619 94.776573 16.338107l208.109782 79.622432c15.585977 5.957689 28.179806 13.106506 37.420261 21.242813 15.426341 13.583366 18.789948 27.505447 18.895349 36.791951 0.130983 11.576663-4.573155 33.008788-37.555337 46.479591l-224.345558 91.589998C566.596967 414.525991 539.438421 416.470273 520.643356 416.470273zM217.706859 263.614933c3.816932 2.592035 9.69378 5.810333 18.303878 9.101285l208.111828 79.617315c21.533432 8.242731 49.420573 12.970406 76.513628 12.971429 0.001023 0 0.005117 0 0.00614 0 19.794835 0 37.744649-2.696412 49.252751-7.399527l224.349651-91.592045c0.209778-0.084934 0.413416-0.170892 0.61296-0.254803-3.816932-2.592035-9.695826-5.810333-18.305925-9.101285L568.433802 177.331801c-21.527292-8.236592-49.40727-12.960173-76.493162-12.960173-19.803022 0-37.765115 2.696412-49.282427 7.398504l-224.337371 91.588975C218.111065 263.446088 217.906403 263.531022 217.706859 263.614933z" p-id="6210" fill="currentColor"></path>
-  <path d="M679.315168 563.803853c0 61.606103 0 123.212206 0 184.818309 22.472827-23.835871 44.945655-47.670719 67.418482-71.506591 18.933211-20.080338 42.513256-4.065596 67.984371 2.351558 0-61.211107 0-122.422214 0-183.633321C769.583055 518.490831 724.448088 541.147854 679.315168 563.803853z" p-id="6211" fill="currentColor"></path>
-</svg>
--- a/src/icons/setting.svg
+++ b/src/icons/setting.svg
@ -1,4 +0,0 @@
-<svg t="1669083002473" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4842" width="200" height="200">
-  <path d="M924.8 625.7l-65.5-56c3.1-19 4.7-38.4 4.7-57.8s-1.6-38.8-4.7-57.8l65.5-56c10.1-8.6 13.8-22.6 9.3-35.2l-0.9-2.6c-18.1-50.5-44.9-96.9-79.7-137.9l-1.8-2.1c-8.6-10.1-22.5-13.9-35.1-9.5l-81.3 28.9c-30-24.6-63.5-44-99.7-57.6l-15.7-85c-2.4-13.1-12.7-23.3-25.8-25.7l-2.7-0.5c-52.1-9.4-106.9-9.4-159 0l-2.7 0.5c-13.1 2.4-23.4 12.6-25.8 25.7l-15.8 85.4c-35.9 13.6-69.2 32.9-99 57.4l-81.9-29.1c-12.5-4.4-26.5-0.7-35.1 9.5l-1.8 2.1c-34.8 41.1-61.6 87.5-79.7 137.9l-0.9 2.6c-4.5 12.5-0.8 26.5 9.3 35.2l66.3 56.6c-3.1 18.8-4.6 38-4.6 57.1 0 19.2 1.5 38.4 4.6 57.1L99 625.5c-10.1 8.6-13.8 22.6-9.3 35.2l0.9 2.6c18.1 50.4 44.9 96.9 79.7 137.9l1.8 2.1c8.6 10.1 22.5 13.9 35.1 9.5l81.9-29.1c29.8 24.5 63.1 43.9 99 57.4l15.8 85.4c2.4 13.1 12.7 23.3 25.8 25.7l2.7 0.5c26.1 4.7 52.8 7.1 79.5 7.1 26.7 0 53.5-2.4 79.5-7.1l2.7-0.5c13.1-2.4 23.4-12.6 25.8-25.7l15.7-85c36.2-13.6 69.7-32.9 99.7-57.6l81.3 28.9c12.5 4.4 26.5 0.7 35.1-9.5l1.8-2.1c34.8-41.1 61.6-87.5 79.7-137.9l0.9-2.6c4.5-12.3 0.8-26.3-9.3-35zM788.3 465.9c2.5 15.1 3.8 30.6 3.8 46.1s-1.3 31-3.8 46.1l-6.6 40.1 74.7 63.9c-11.3 26.1-25.6 50.7-42.6 73.6L721 702.8l-31.4 25.8c-23.9 19.6-50.5 35-79.3 45.8l-38.1 14.3-17.9 97c-28.1 3.2-56.8 3.2-85 0l-17.9-97.2-37.8-14.5c-28.5-10.8-55-26.2-78.7-45.7l-31.4-25.9-93.4 33.2c-17-22.9-31.2-47.6-42.6-73.6l75.5-64.5-6.5-40c-2.4-14.9-3.7-30.3-3.7-45.5 0-15.3 1.2-30.6 3.7-45.5l6.5-40-75.5-64.5c11.3-26.1 25.6-50.7 42.6-73.6l93.4 33.2 31.4-25.9c23.7-19.5 50.2-34.9 78.7-45.7l37.9-14.3 17.9-97.2c28.1-3.2 56.8-3.2 85 0l17.9 97 38.1 14.3c28.7 10.8 55.4 26.2 79.3 45.8l31.4 25.8 92.8-32.9c17 22.9 31.2 47.6 42.6 73.6L781.8 426l6.5 39.9z" p-id="4843" fill="currentColor"></path>
-  <path d="M512 326c-97.2 0-176 78.8-176 176s78.8 176 176 176 176-78.8 176-176-78.8-176-176-176z m79.2 255.2C570 602.3 541.9 614 512 614c-29.9 0-58-11.7-79.2-32.8C411.7 560 400 531.9 400 502c0-29.9 11.7-58 32.8-79.2C454 401.6 482.1 390 512 390c29.9 0 58 11.6 79.2 32.8C612.3 444 624 472.1 624 502c0 29.9-11.7 58-32.8 79.2z" p-id="4844" fill="currentColor"></path>
-</svg>
--- a/src/language/index.ts
+++ b/src/language/index.ts
@ -1,40 +0,0 @@
-import { createI18n } from 'vue-i18n'
-import messages from '@intlify/unplugin-vue-i18n/messages' // 导入所有语言包
-
-import { getCache } from '@use-utils/cache'
-
-import type { App } from 'vue'
-
-export const setupI18n = (app: App<Element>) => {
-  const _locales: string =
-    getCache('localeLanguage', 'localStorage') !== 'no'
-      ? getCache('localeLanguage', 'localStorage')
-      : 'zh-CN'
-
-  const i18n = createI18n({
-    locale: _locales,
-    allowComposition: true,
-    messages,
-  })
-
-  app.use(i18n)
-}
-
-export const useLanguageOptions = () => [
-  {
-    key: 'zh-CN',
-    label: '中文(简体)',
-  },
-  {
-    key: 'en-US',
-    label: 'English(US)',
-  },
-]
-
-/**
- *
- * 注册 `vue-i18n`
- * 注意: 每次修改 `locales` 中的文件后, 需要重启项目
- * 预设 `localeLanguage` 作为缓存 `key`
- * 预设中文作为基础语言
- */
--- a/src/layout/Menu/index.tsx
+++ b/src/layout/Menu/index.tsx
@ -1,46 +0,0 @@
-import { NMenu, NLayoutSider } from 'naive-ui'
-import { useMenu } from '@/store'
-
-const LayoutMenu = defineComponent({
-  name: 'LayoutMenu',
-  setup() {
-    const menuStore = useMenu()
-    const { menuModelValueChange, setupAppRoutes, collapsedMenu } = menuStore
-    const modelMenuKey = ref(menuStore.menuKey)
-    const modelMenuOptions = computed(() => menuStore.options)
-    const modelCollapsed = computed(() => menuStore.collapsed)
-
-    setupAppRoutes()
-
-    return {
-      modelMenuKey,
-      menuModelValueChange,
-      modelMenuOptions,
-      modelCollapsed,
-      collapsedMenu,
-    }
-  },
-  render() {
-    return (
-      <NLayoutSider
-        bordered
-        showTrigger
-        collapseMode="width"
-        collapsedWidth={64}
-        onUpdateCollapsed={this.collapsedMenu.bind(this)}
-      >
-        <NMenu
-          v-model:value={this.modelMenuKey}
-          options={this.modelMenuOptions as NaiveMenuOptions[]}
-          indent={24}
-          collapsed={this.modelCollapsed}
-          collapsedIconSize={22}
-          collapsedWidth={64}
-          onUpdateValue={this.menuModelValueChange.bind(this)}
-        />
-      </NLayoutSider>
-    )
-  },
-})
-
-export default LayoutMenu
--- a/src/layout/SiderBar/Components/SettingDrawer/hook.ts
+++ b/src/layout/SiderBar/Components/SettingDrawer/hook.ts
@ -1,7 +0,0 @@
-export const useSwatchesColorOptions = () => [
-  '#FFFFFF',
-  '#18A058',
-  '#2080F0',
-  '#F0A020',
-  'rgba(208, 48, 80, 1)',
-]
--- a/src/layout/SiderBar/Components/SettingDrawer/index.scss
+++ b/src/layout/SiderBar/Components/SettingDrawer/index.scss
@ -1,3 +0,0 @@
-.setting-drawer__space {
-  width: 100%;
-}
--- a/src/layout/SiderBar/Components/SettingDrawer/index.tsx
+++ b/src/layout/SiderBar/Components/SettingDrawer/index.tsx
@ -1,129 +0,0 @@
-import './index.scss'
-import {
-  NDrawer,
-  NDrawerContent,
-  NDivider,
-  NSpace,
-  NSwitch,
-  NColorPicker,
-  NTooltip,
-} from 'naive-ui'
-import RayIcon from '@/components/RayIcon/index'
-import { useSwatchesColorOptions } from './hook'
-import { useSetting } from '@/store'
-
-import type { PropType } from 'vue'
-
-const SettingDrawer = defineComponent({
-  name: 'SettingDrawer',
-  props: {
-    show: {
-      type: Boolean,
-      default: false,
-    },
-    placement: {
-      type: String as PropType<NaiveDrawerPlacement>,
-      default: 'right',
-    },
-    width: {
-      type: Number,
-      default: 280,
-    },
-  },
-  emits: ['update:show'],
-  setup(props, { emit }) {
-    const { t } = useI18n()
-    const settingStore = useSetting()
-
-    const { changeTheme, changePrimaryColor } = settingStore
-    const { themeValue, primaryColorOverride } = storeToRefs(settingStore)
-
-    const modelShow = computed({
-      get: () => props.show,
-      set: (bool) => {
-        emit('update:show', bool)
-      },
-    })
-
-    const handleRailStyle = () => ({
-      backgroundColor: '#000000',
-    })
-
-    return {
-      modelShow,
-      ray: t,
-      handleRailStyle,
-      changePrimaryColor,
-      changeTheme,
-      themeValue,
-      primaryColorOverride,
-    }
-  },
-  render() {
-    return (
-      <NDrawer
-        v-model:show={this.modelShow}
-        placement={this.placement}
-        width={this.width}
-      >
-        <NDrawerContent title={this.ray('LayoutHeaderSettingOptions.Title')}>
-          <NSpace class="setting-drawer__space" vertical>
-            <NDivider titlePlacement="center">
-              {this.ray('LayoutHeaderSettingOptions.ThemeOptions.Title')}
-            </NDivider>
-            <NSpace justify="center">
-              <NTooltip>
-                {{
-                  trigger: () => (
-                    <NSwitch
-                      v-model:value={this.themeValue}
-                      railStyle={this.handleRailStyle.bind(this)}
-                      onUpdateValue={this.changeTheme.bind(this)}
-                    >
-                      {{
-                        'checked-icon': () =>
-                          h(
-                            RayIcon,
-                            {
-                              name: 'dark',
-                            },
-                            {},
-                          ),
-                        'unchecked-icon': () =>
-                          h(
-                            RayIcon,
-                            {
-                              name: 'light',
-                            },
-                            {},
-                          ),
-                      }}
-                    </NSwitch>
-                  ),
-                  default: () =>
-                    this.themeValue
-                      ? this.ray('LayoutHeaderSettingOptions.ThemeOptions.Dark')
-                      : this.ray(
-                          'LayoutHeaderSettingOptions.ThemeOptions.Light',
-                        ),
-                }}
-              </NTooltip>
-            </NSpace>
-            <NDivider titlePlacement="center">
-              {this.ray(
-                'LayoutHeaderSettingOptions.ThemeOptions.PrimaryColorConfig',
-              )}
-            </NDivider>
-            <NColorPicker
-              swatches={useSwatchesColorOptions()}
-              v-model:value={this.primaryColorOverride.common.primaryColor}
-              onUpdateValue={this.changePrimaryColor.bind(this)}
-            />
-          </NSpace>
-        </NDrawerContent>
-      </NDrawer>
-    )
-  },
-})
-
-export default SettingDrawer
--- a/src/layout/SiderBar/hook.ts
+++ b/src/layout/SiderBar/hook.ts
@ -1,14 +0,0 @@
-export const useAvatarOptions = () => [
-  {
-    key: 'person',
-    label: '个人信息',
-  },
-  {
-    type: 'divider',
-    key: 'd1',
-  },
-  {
-    key: 'logout',
-    label: '退出登陆',
-  },
-]
--- a/src/layout/SiderBar/index.scss
+++ b/src/layout/SiderBar/index.scss
@ -1,16 +0,0 @@
-.layout-header {
-  height: $layoutHeaderHeight;
-  padding: 0 $layoutRouterViewContainer;
-  display: flex;
-  align-items: center;
-
-  > .layout-header__method {
-    width: 100%;
-
-    & .layout-header__method--icon {
-      cursor: pointer;
-      outline: none;
-      border: none;
-    }
-  }
-}
--- a/src/layout/SiderBar/index.tsx
+++ b/src/layout/SiderBar/index.tsx
@ -1,177 +0,0 @@
-import './index.scss'
-import { NLayoutHeader, NSpace, NTooltip, NDropdown } from 'naive-ui'
-import RayIcon from '@/components/RayIcon/index'
-import { useMenu, useSetting } from '@/store'
-import { useLanguageOptions } from '@/language/index'
-import SettingDrawer from './Components/SettingDrawer/index'
-import { useAvatarOptions } from './hook'
-import { removeCache } from '@/utils/cache'
-
-import type { IconEventMapOptions, IconEventMap } from './type'
-
-const SiderBar = defineComponent({
-  name: 'SiderBar',
-  setup() {
-    const menuStore = useMenu()
-    const settingStore = useSetting()
-
-    const { t } = useI18n()
-    const { changeReloadLog } = menuStore
-    const { updateLocale } = settingStore
-    const modelDrawerPlacement = ref(settingStore.drawerPlacement)
-    const showSettings = ref(false)
-
-    const leftIconOptions = [
-      {
-        name: 'reload',
-        size: 18,
-        tooltip: 'LayoutHeaderTooltipOptions.Reload',
-      },
-    ]
-    const rightIconOptions = [
-      {
-        name: 'language',
-        size: 18,
-        tooltip: '',
-        dropdown: {
-          methodName: 'handleSelect', // 默认为 `handleSelect`
-          switch: true,
-          options: useLanguageOptions(),
-          handleSelect: (key: string | number) => updateLocale(String(key)),
-        },
-      },
-      {
-        name: 'github',
-        size: 18,
-        tooltip: 'LayoutHeaderTooltipOptions.Github',
-      },
-      {
-        name: 'setting',
-        size: 18,
-        tooltip: 'LayoutHeaderTooltipOptions.Setting',
-      },
-      {
-        name: 'ray',
-        size: 22,
-        tooltip: '',
-        dropdown: {
-          methodName: 'handleSelect', // 默认为 `handleSelect`
-          switch: true,
-          options: useAvatarOptions(),
-          handleSelect: (key: string | number) => {
-            if (key === 'logout') {
-              window.$dialog.warning({
-                title: '提示',
-                content: '您确定要退出登录吗',
-                positiveText: '确定',
-                negativeText: '不确定',
-                onPositiveClick: () => {
-                  window.$message.info('账号退出中...')
-
-                  removeCache('all-sessionStorage')
-
-                  setTimeout(() => window.location.reload(), 2 * 1000)
-                },
-              })
-            } else {
-              window.$message.info('这个人很懒, 没做这个功能~')
-            }
-          },
-        },
-      },
-    ]
-    const iconEventMap: IconEventMapOptions = {
-      reload: () => {
-        changeReloadLog(false)
-
-        setTimeout(() => changeReloadLog(true))
-      },
-      setting: () => {
-        showSettings.value = true
-      },
-      github: () => {
-        window.open('https://github.com/XiaoDaiGua-Ray/ray-template')
-      },
-    }
-
-    const handleIconClick = (key: IconEventMap) => {
-      iconEventMap[key]?.()
-    }
-
-    return {
-      leftIconOptions,
-      rightIconOptions,
-      t,
-      handleIconClick,
-      modelDrawerPlacement,
-      showSettings,
-    }
-  },
-  render() {
-    return (
-      <NLayoutHeader class="layout-header" bordered>
-        <NSpace
-          class="layout-header__method"
-          align="center"
-          justify="space-between"
-        >
-          <NSpace align="center">
-            {this.leftIconOptions.map((curr) => (
-              <NTooltip>
-                {{
-                  trigger: () => (
-                    <RayIcon
-                      customClassName="layout-header__method--icon"
-                      name={curr.name}
-                      size={curr.size}
-                      onClick={this.handleIconClick.bind(this, curr.name)}
-                    />
-                  ),
-                  default: () => this.t(curr.tooltip),
-                }}
-              </NTooltip>
-            ))}
-          </NSpace>
-          <NSpace align="center">
-            {this.rightIconOptions.map((curr) =>
-              curr.dropdown?.switch ? (
-                <NDropdown
-                  options={curr.dropdown.options}
-                  onSelect={
-                    curr.dropdown[curr.dropdown.methodName ?? 'handleSelect']
-                  }
-                >
-                  <RayIcon
-                    customClassName="layout-header__method--icon"
-                    name={curr.name}
-                    size={curr.size}
-                  />
-                </NDropdown>
-              ) : (
-                <NTooltip>
-                  {{
-                    trigger: () => (
-                      <RayIcon
-                        customClassName="layout-header__method--icon"
-                        name={curr.name}
-                        size={curr.size}
-                        onClick={this.handleIconClick.bind(this, curr.name)}
-                      />
-                    ),
-                    default: () => this.t(curr.tooltip),
-                  }}
-                </NTooltip>
-              ),
-            )}
-          </NSpace>
-        </NSpace>
-        <SettingDrawer
-          v-model:show={this.showSettings}
-          placement={this.modelDrawerPlacement}
-        />
-      </NLayoutHeader>
-    )
-  },
-})
-
-export default SiderBar
--- a/src/layout/SiderBar/type.ts
+++ b/src/layout/SiderBar/type.ts
@ -1,5 +0,0 @@
-export interface IconEventMapOptions {
-  [propName: string]: (...args: unknown[]) => unknown
-}
-
-export type IconEventMap = keyof IconEventMapOptions
--- a/src/layout/index.scss
+++ b/src/layout/index.scss
@ -1,12 +0,0 @@
-.layout {
-  box-sizing: border-box;
-
-  > .layout-full {
-    height: 100%;
-  }
-
-  & .layout-content__router-view {
-    height: calc(100% - $layoutHeaderHeight);
-    padding: $layoutRouterViewContainer;
-  }
-}
--- a/src/layout/index.tsx
+++ b/src/layout/index.tsx
@ -1,42 +0,0 @@
-import './index.scss'
-import { Transition } from 'vue'
-import { NLayout, NLayoutContent } from 'naive-ui'
-import RayTransitionComponent from '@/components/RayTransitionComponent/index.vue'
-import LayoutMenu from './Menu/index'
-import SiderBar from './SiderBar/index'
-import { useMenu } from '@/store'
-
-const Layout = defineComponent({
-  name: 'Layout',
-  props: {},
-  setup() {
-    const menuStore = useMenu()
-    const { height: windowHeight } = useWindowSize()
-    const modelReloadRoute = computed(() => menuStore.reloadRouteLog)
-
-    return {
-      windowHeight,
-      modelReloadRoute,
-    }
-  },
-  render() {
-    return (
-      <div class="layout" style={[`height: ${this.windowHeight}px`]}>
-        <NLayout class="layout-full" hasSider>
-          <LayoutMenu />
-          <NLayout>
-            <SiderBar />
-            <NLayoutContent
-              class="layout-content__router-view"
-              nativeScrollbar={false}
-            >
-              {this.modelReloadRoute ? <RayTransitionComponent /> : ''}
-            </NLayoutContent>
-          </NLayout>
-        </NLayout>
-      </div>
-    )
-  },
-})
-
-export default Layout
--- a/src/main.ts
+++ b/src/main.ts
@ -1,87 +0,0 @@
-import { createApp } from 'vue'
-
-import type { App as AppType } from 'vue'
-
-import '@/styles/base.scss'
-
-// import 'amfe-flexible' // 如果为移动端项目, 解开该注释即可
-import 'virtual:svg-icons-register' // `vite-plugin-svg-icons` 脚本, 如果不使用此插件注释即可
-
-import App from './App'
-
-import {
-  setupRouter,
-  setupRouterLoadingBar,
-  permissionRouter,
-} from './router/index'
-import { setupStore } from './store/index'
-import { setupI18n } from './language/index'
-
-/**
- *
- * 普通应用注册方法
- */
-const setupTemplate = () => {
-  const app = createApp(App)
-
-  setupStore(app)
-
-  setupRouter(app)
-
-  setupRouterLoadingBar()
-
-  permissionRouter()
-
-  setupI18n(app)
-
-  app.mount('#app')
-}
-
-/**
- *
- * 作为 `wujie-micro` 子应用注册应用方法
- * 注意: 此处的 `instance` 名称不可以写为 `app`
- */
-const setupWujieTemplate = () => {
-  let instance: AppType<Element>
-
-  window.__WUJIE_MOUNT = () => {
-    instance = createApp(App)
-
-    setupStore(instance)
-
-    setupRouter(instance)
-
-    setupRouterLoadingBar()
-
-    permissionRouter()
-
-    setupI18n(instance)
-
-    instance.mount('#app')
-  }
-
-  window.__WUJIE_UNMOUNT = () => {
-    instance.unmount()
-  }
-
-  window.__WUJIE.mount()
-}
-
-/**
- *
- * 如果此处需要作为微服务主应用使用, 则只需要执行 `setupTemplate` 方法即可
- *
- * 作为主应用
- * ----------------------------------------------------------------
- * # 示例
- * const setupTemplate = () => {
- *   const app = createApp(App)
- *   setupRouter(app)
- *   ...
- * }
- * setupTemplate()
- * ----------------------------------------------------------------
- */
-
-window.__POWERED_BY_WUJIE__ ? setupWujieTemplate() : setupTemplate()
--- a/src/router/index.ts
+++ b/src/router/index.ts
@ -1,59 +0,0 @@
-import type { App } from 'vue'
-import { createRouter, createWebHashHistory } from 'vue-router'
-import { constantRoutes } from './routes'
-import { getCache } from '@/utils/cache'
-
-export const router = createRouter({
-  history: createWebHashHistory(),
-  routes: constantRoutes,
-  scrollBehavior: () => ({ left: 0, top: 0 }),
-})
-
-// setup router
-export const setupRouter = (app: App<Element>) => {
-  app.use(router)
-}
-
-/**
- *
- * 预设 `naive-ui` 的顶部加载条效果
- * 如果是使用其余的组件库, 替换即可
- */
-export const setupRouterLoadingBar = () => {
-  router.beforeEach(() => {
-    window?.$loadingBar?.start()
-  })
-
-  router.afterEach(() => {
-    window?.$loadingBar?.finish()
-  })
-
-  router.onError(() => {
-    window?.$loadingBar?.error()
-  })
-}
-
-/**
- *
- * 路由权限守卫
- */
-export const permissionRouter = () => {
-  router.beforeEach((to, from, next) => {
-    const token = getCache('token')
-    const route = getCache('menuKey')
-
-    if (token !== 'no') {
-      if (to.path === '/' || from.path === '/login') {
-        next(route)
-      } else {
-        next()
-      }
-    } else {
-      if (to.path === '/' || from.path === '/login') {
-        next()
-      } else {
-        next('/')
-      }
-    }
-  })
-}
--- a/src/router/modules/dashboard.ts
+++ b/src/router/modules/dashboard.ts
@ -1,9 +0,0 @@
-export default {
-  path: '/dashboard',
-  name: 'dashboard',
-  component: () => import('@/views/dashboard/index'),
-  meta: {
-    i18nKey: 'Dashboard',
-    icon: 'dashboard',
-  },
-}
--- a/src/router/modules/index.ts
+++ b/src/router/modules/index.ts
@ -1,12 +0,0 @@
-import dashboard from './dashboard'
-import reyl from './rely'
-
-const routes = [dashboard, reyl]
-
-export default routes
-
-/**
- *
- * 弃用自动导入路由模块方式
- * 采用手动引入子路由模块方式
- */
--- a/src/router/modules/rely.ts
+++ b/src/router/modules/rely.ts
@ -1,19 +0,0 @@
-export default {
-  path: '/rely',
-  name: 'rely',
-  component: () => import('@/views/rely/index'),
-  meta: {
-    i18nKey: 'Rely',
-    icon: 'rely',
-  },
-  children: [
-    {
-      path: '/rely-about',
-      name: 'rely-about',
-      component: () => import('@/views/rely/views/rely-about/index'),
-      meta: {
-        i18nKey: 'RelyAbout',
-      },
-    },
-  ],
-}
--- a/src/router/routes.ts
+++ b/src/router/routes.ts
@ -1,28 +0,0 @@
-import Layout from '@/layout/index'
-import childrenRoutes from './modules/index'
-
-export const constantRoutes = [
-  {
-    path: '/',
-    name: 'login',
-    component: () => import('@/views/login/index'),
-  },
-  {
-    path: '/',
-    name: 'layout',
-    redirect: '/dashboard',
-    component: Layout,
-    children: childrenRoutes,
-  },
-  {
-    path: '/:catchAll(.*)',
-    name: 'error-page',
-    component: () => import('@/views/error/index'),
-  },
-]
-
-/**
- *
- * 主路由表配置
- * 例如: `login` `layout` 等
- */
--- a/src/store/index.ts
+++ b/src/store/index.ts
@ -1,10 +0,0 @@
-import type { App } from 'vue'
-
-export { useSetting } from './modules/setting' // import { useSetting } from '@/store' 即可使用
-export { useMenu } from './modules/menu'
-
-const store = createPinia()
-
-export const setupStore = (app: App<Element>) => {
-  app.use(store)
-}
--- a/src/store/modules/menu.ts
+++ b/src/store/modules/menu.ts
@ -1,99 +0,0 @@
-import { getCache, setCache } from '@/utils/cache'
-import { NEllipsis } from 'naive-ui'
-import RayIcon from '@/components/RayIcon/index'
-
-import type { MenuOption } from 'naive-ui'
-import type { RouteRecordRaw } from 'vue-router'
-
-export const useMenu = defineStore('menu', () => {
-  const router = useRouter()
-  const { t } = useI18n()
-
-  const cacheMenuKey = getCache('menuKey') === 'no' ? '' : getCache('menuKey')
-
-  const menuState = reactive({
-    menuKey: cacheMenuKey as string | null, // 当前菜单 `key`
-    options: [] as RouteRecordRaw[], // 菜单列表
-    collapsed: false, // 是否折叠菜单
-    reloadRouteLog: true, // 刷新路由开关
-  })
-
-  /**
-   *
-   * @param key 菜单更新后的 `key`
-   * @param item 菜单当前 `item`
-   *
-   * 修改 `menu key` 后的回调函数
-   */
-  const menuModelValueChange = (key: string, item: MenuOption) => {
-    menuState.menuKey = key
-
-    router.push(`${item.path}`)
-    setCache('menuKey', key)
-  }
-
-  /**
-   *
-   * 获取菜单列表
-   * 缓存菜单
-   */
-  const setupAppRoutes = () => {
-    const layout = router.getRoutes().find((route) => route.name === 'layout')
-
-    const resolveRoutes = (routes: RouteRecordRaw[], index: number) => {
-      return routes.map((curr) => {
-        if (curr.children?.length) {
-          curr.children = resolveRoutes(
-            curr.children as RouteRecordRaw[],
-            index++,
-          )
-        }
-
-        const route = {
-          ...curr,
-          key: curr.path,
-          label: () =>
-            h(NEllipsis, null, {
-              default: () => t(`GlobalMenuOptions.${curr!.meta!.i18nKey}`),
-            }),
-        }
-        const expandIcon = {
-          icon: () =>
-            h(
-              RayIcon,
-              {
-                name: curr?.meta?.icon as string,
-                size: 20,
-              },
-              {},
-            ),
-        }
-
-        return curr.meta?.icon ? Object.assign(route, expandIcon) : route
-      })
-    }
-
-    menuState.options = resolveRoutes(layout?.children as RouteRecordRaw[], 0)
-  }
-
-  /**
-   *
-   * @param collapsed 折叠菜单开关
-   */
-  const collapsedMenu = (collapsed: boolean) =>
-    (menuState.collapsed = collapsed)
-
-  /**
-   *
-   * @param bool 刷新页面开关
-   */
-  const changeReloadLog = (bool: boolean) => (menuState.reloadRouteLog = bool)
-
-  return {
-    ...toRefs(menuState),
-    menuModelValueChange,
-    setupAppRoutes,
-    collapsedMenu,
-    changeReloadLog,
-  }
-})
--- a/src/store/modules/setting.ts
+++ b/src/store/modules/setting.ts
@ -1,49 +0,0 @@
-import { setCache, getCache } from '@/utils/cache'
-
-export const useSetting = defineStore('setting', () => {
-  const cachePrimaryColor: string =
-    getCache('primaryColor', 'localStorage') === 'no'
-      ? '#18A058'
-      : getCache('primaryColor', 'localStorage')
-  const cacheTheme =
-    getCache('theme', 'localStorage') === 'no'
-      ? false
-      : getCache('theme', 'localStorage')
-
-  const settingState = reactive({
-    drawerPlacement: 'right' as NaiveDrawerPlacement,
-    primaryColorOverride: {
-      common: {
-        primaryColor: cachePrimaryColor, // 主题色
-      },
-    },
-    themeValue: cacheTheme, // `true` 为黑夜主题, `false` 为白色主题
-  })
-  const { locale } = useI18n()
-
-  const updateLocale = (key: string) => {
-    // TODO: 修改语言
-    locale.value = key
-
-    setCache('localeLanguage', key, 'localStorage')
-  }
-
-  const changeTheme = (bool: boolean) => {
-    settingState.themeValue = bool
-
-    setCache('theme', bool, 'localStorage')
-  }
-
-  const changePrimaryColor = (value: string) => {
-    settingState.primaryColorOverride.common.primaryColor = value
-
-    setCache('primaryColor', value, 'localStorage')
-  }
-
-  return {
-    ...toRefs(settingState),
-    updateLocale,
-    changeTheme,
-    changePrimaryColor,
-  }
-})
--- a/src/styles/animate.scss
+++ b/src/styles/animate.scss
@ -1,14 +0,0 @@
-.fade-enter-active,
-.fade-leave-active {
-  transition: all 0.35s;
-}
-
-.fade-enter-from {
-  opacity: 0;
-  transform: translateX(-30px);
-}
-
-.fade-leave-to {
-  opacity: 0;
-  transform: translateX(30px);
-}
--- a/src/styles/base.scss
+++ b/src/styles/base.scss
@ -1,50 +0,0 @@
-@import "@/styles/animate.scss";
-
-body,
-h1,
-h2,
-h3,
-h4,
-h5,
-h6,
-hr,
-p,
-blockquote,
-dl,
-dt,
-dd,
-ul,
-ol,
-li,
-pre,
-form,
-fieldset,
-legend,
-button,
-input,
-textarea,
-th,
-td {
-  margin: 0;
-  padding: 0;
-}
-
-ul,
-ol,
-li {
-  list-style: none;
-}
-
-fieldset,
-img {
-  border: 0;
-  vertical-align: middle;
-}
-
-body {
-  font-family: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, Ubuntu, Cantarell, "Fira Sans",
-    "Droid Sans", "Helvetica Neue", sans-serif;
-  text-rendering: optimizeLegibility;
-  -webkit-font-smoothing: antialiased;
-  -moz-osx-font-smoothing: grayscale;
-}
--- a/src/styles/mixins.scss
+++ b/src/styles/mixins.scss
@ -1,42 +0,0 @@
-// 弹性盒子垂直居中
-@mixin flexCenter {
-  display: flex;
-  justify-content: center;
-  align-items: center;
-}
-
-// 文字溢出变为: ......
-@mixin overflowEllipsis {
-  text-overflow: ellipsis;
-  overflow: hidden;
-  white-space: nowrap;
-}
-
-// 滚动条样式
-@mixin scrollStyle {
-  ::-webkit-scrollbar {
-    // 改变纵向滚动条宽度
-    width: 5px;
-    height: 5px;
-    transition: background-color 0.2s var(--r-scrollbar-bezier);
-    cursor: pointer;
-  }
-
-  ::-webkit-scrollbar-track {
-    // 改变滚动条轨道颜色
-    border-radius: 5px;
-    background-color: transparent;
-  }
-
-  ::-webkit-scrollbar-thumb {
-    // 改变滚动条滑轨相关的样式
-    border-radius: 5px;
-    background-color: rgba(255, 255, 255, 0.2);
-  }
-  ::-webkit-scrollbar-thumb:hover {
-    // 移入鼠标效果
-    border-radius: 5px;
-    background-color: rgba(255, 255, 255, 0.3);
-    cursor: pointer;
-  }
-}
--- a/src/styles/setting.scss
+++ b/src/styles/setting.scss
@ -1,2 +0,0 @@
-$layoutRouterViewContainer: 18px;
-$layoutHeaderHeight: 64px;
--- a/src/types/cache.d.ts
+++ b/src/types/cache.d.ts
@ -1,5 +0,0 @@
-export {}
-
-declare global {
-  declare type CacheType = 'sessionStorage' | 'localStorage'
-}
--- a/src/types/index.d.ts
+++ b/src/types/index.d.ts
@ -1,91 +0,0 @@
-export {}
-
-import type CryptoJS from 'crypto-js'
-import type {
-  MessageApi,
-  DialogApi,
-  LoadingBarApi,
-  NotificationApi,
-  MenuOption,
-  MenuDividerOption,
-  MenuGroupOption,
-} from 'naive-ui'
-
-export global {
-  const __APP_INFO__: {
-    pkg: {
-      name: string
-      version: string
-      dependencies: Recordable<string>
-      devDependencies: Recordable<string>
-    }
-  }
-
-  declare type NaiveMenuOptions =
-    | MenuOption
-    | MenuDividerOption
-    | MenuGroupOption
-
-  declare interface Window {
-    // 是否存在无界
-    __POWERED_BY_WUJIE__?: boolean
-    // 子应用公共加载路径
-    __WUJIE_PUBLIC_PATH__: string
-    // 原生的 `querySelector`
-    __WUJIE_RAW_DOCUMENT_QUERY_SELECTOR__: typeof Document.prototype.querySelector
-    // 原生的 `querySelectorAll`
-    __WUJIE_RAW_DOCUMENT_QUERY_SELECTOR_ALL__: typeof Document.prototype.querySelectorAll
-    // 原生的 `window` 对象
-    __WUJIE_RAW_WINDOW__: Window
-    // 子应用沙盒实例
-    __WUJIE: WuJie
-    // 子应用mount函数
-    __WUJIE_MOUNT: () => void
-    // 子应用unmount函数
-    __WUJIE_UNMOUNT: () => void
-    // 注入对象
-    $wujie: {
-      bus: EventBus
-      shadowRoot?: ShadowRoot
-      props?: { [key: string]: unknown }
-      location?: Object
-    }
-
-    $message: MessageApi
-    $dialog: DialogApi
-    $loadingBar: LoadingBarApi
-    $notification: NotificationApi
-  }
-
-  declare interface IUnknownObjectKey {
-    [propName: string]: unknown
-  }
-
-  declare type EventListenerOrEventListenerObject =
-    | EventListener
-    | EventListenerObject
-
-  declare type ValidteValueType =
-    | 'Number'
-    | 'String'
-    | 'Boolean'
-    | 'Object'
-    | 'Function'
-    | 'Null'
-    | 'Undefined'
-    | 'Array'
-    | 'Date'
-    | 'Math'
-    | 'RegExp'
-    | 'Error'
-
-  declare type WordArray = CryptoJS.lib.WordArray
-
-  declare type CipherOption = CryptoJS.lib.CipherOption
-
-  declare type CipherParams = CryptoJS.lib.CipherParams
-
-  declare type VoidFunc = (...args: unknown[]) => void
-
-  declare type NaiveDrawerPlacement = 'top' | 'right' | 'bottom' | 'left'
-}
--- a/src/types/micro.d.ts
+++ b/src/types/micro.d.ts
@ -1,163 +0,0 @@
-export {}
-
-declare global {
-  export declare type lifecycle = (appWindow: Window) => unknown
-  export declare type loadErrorHandler = (url: string, e: Error) => unknown
-
-  export declare type baseOptions = {
-    /** 唯一性用户必须保证 */
-    name: string
-    /** 需要渲染的url */
-    url: string
-    /** 代码替换钩子 */
-    replace?: (code: string) => string
-    /** 自定义fetch */
-    fetch?: (input: RequestInfo, init?: RequestInit) => Promise<Response>
-    /** 注入给子应用的属性 */
-    props?: { [key: string]: unknown }
-    /** 自定义iframe属性 */
-    attrs?: { [key: string]: unknown }
-    /** 子应用采用fiber模式执行 */
-    fiber?: boolean
-    /** 子应用保活，state不会丢失 */
-    alive?: boolean
-    /** 子应用采用降级iframe方案 */
-    degrade?: boolean
-    /** 子应用插件 */
-    plugins?: Array<plugin>
-    /** 子应用生命周期 */
-    beforeLoad?: lifecycle
-    beforeMount?: lifecycle
-    afterMount?: lifecycle
-    beforeUnmount?: lifecycle
-    afterUnmount?: lifecycle
-    activated?: lifecycle
-    deactivated?: lifecycle
-    loadError?: loadErrorHandler
-  }
-
-  export declare type preOptions = baseOptions & {
-    /** 预执行 */
-    exec?: boolean
-  }
-
-  export declare type startOptions = baseOptions & {
-    /** 渲染的容器 */
-    el: HTMLElement | string
-    /**
-     * 路由同步开关
-     * 如果false，子应用跳转主应用路由无变化，但是主应用的history还是会增加
-     * https://html.spec.whatwg.org/multipage/history.html#the-history-interface
-     */
-    sync?: boolean
-    /** 子应用短路径替换，路由同步时生效 */
-    prefix?: { [key: string]: string }
-    /** 子应用加载时loading元素 */
-    loading?: HTMLElement
-  }
-
-  export declare type optionProperty = 'url' | 'el'
-
-  /**
-   * 合并 preOptions 和 startOptions，并且将 url 和 el 变成可选
-   */
-  export declare type cacheOptions = Omit<
-    preOptions & startOptions,
-    optionProperty
-  > &
-    Partial<Pick<startOptions, optionProperty>>
-
-  export declare type startOption = {
-    /** 唯一性用户必须保证 */
-    name: string
-    /** 需要渲染的url */
-    url: string
-    /** 渲染的容器 */
-    el: HTMLElement | string
-    /** 子应用加载时loading元素 */
-    loading?: HTMLElement
-    /** 路由同步开关， false刷新无效，但是前进后退依然有效 */
-    sync?: boolean
-    /** 子应用短路径替换，路由同步时生效 */
-    prefix?: { [key: string]: string }
-    /** 子应用保活模式，state不会丢失 */
-    alive?: boolean
-    /** 注入给子应用的数据 */
-    props?: { [key: string]: unknown }
-    /** js采用fiber模式执行 */
-    fiber?: boolean
-    /** 子应用采用降级iframe方案 */
-    degrade?: boolean
-    /** 自定义iframe属性 */
-    attrs?: { [key: string]: unknown }
-    /** 代码替换钩子 */
-    replace?: (codeText: string) => string
-    /** 自定义fetch，资源和接口 */
-    fetch?: (input: RequestInfo, init?: RequestInit) => Promise<Response>
-    /** 子应插件 */
-    plugins: Array<plugin>
-    /** 子应用生命周期 */
-    beforeLoad?: lifecycle
-    /** 没有做生命周期改造的子应用不会调用 */
-    beforeMount?: lifecycle
-    afterMount?: lifecycle
-    beforeUnmount?: lifecycle
-    afterUnmount?: lifecycle
-    /** 非保活应用不会调用 */
-    activated?: lifecycle
-    deactivated?: lifecycle
-    /** 子应用资源加载失败后调用 */
-    loadError?: loadErrorHandler
-  }
-
-  export declare type preOptions = {
-    /** 唯一性用户必须保证 */
-    name: string
-    /** 需要渲染的url */
-    url: string
-    /** 注入给子应用的数据 */
-    props?: { [key: string]: unknown }
-    /** 自定义iframe属性 */
-    attrs?: { [key: string]: unknown }
-    /** 代码替换钩子 */
-    replace?: (code: string) => string
-    /** 自定义fetch，资源和接口 */
-    fetch?: (input: RequestInfo, init?: RequestInit) => Promise<Response>
-    /** 子应用保活模式，state不会丢失 */
-    alive?: boolean
-    /** 预执行模式 */
-    exec?: boolean
-    /** js采用fiber模式执行 */
-    fiber?: boolean
-    /** 子应用采用降级iframe方案 */
-    degrade?: boolean
-    /** 子应插件 */
-    plugins: Array<plugin>
-    /** 子应用生命周期 */
-    beforeLoad?: lifecycle
-    /** 没有做生命周期改造的子应用不会调用 */
-    beforeMount?: lifecycle
-    afterMount?: lifecycle
-    beforeUnmount?: lifecycle
-    afterUnmount?: lifecycle
-    /** 非保活应用不会调用 */
-    activated?: lifecycle
-    deactivated?: lifecycle
-    /** 子应用资源加载失败后调用 */
-    loadError?: loadErrorHandler
-  }
-
-  export declare class EventBus {
-    private id
-    private eventObj
-    constructor(id: string)
-    $on(event: string, fn: callback): EventBus
-    /** 任何$emit都会导致监听函数触发，第一个参数为事件名，后续的参数为$emit的参数 */
-    $onAll(fn: (event: string, ...args: Array<unknown>) => unknown): EventBus
-    $once(event: string, fn: callback): void
-    $off(event: string, fn: callback): EventBus
-    $offAll(fn: callback): EventBus
-    $emit(event: string, ...args: Array<unknown>): EventBus
-    $clear(): EventBus
-  }
-}
--- a/src/utils/cache.ts
+++ b/src/utils/cache.ts
@ -1,53 +0,0 @@
-/**
- *
- * @param key 需要设置的key
- * @param value 需要缓存的值
- */
-export const setCache = <T>(
-  key: string,
-  value: T,
-  type: CacheType = 'sessionStorage',
-) => {
-  const waitCacheValue = JSON.stringify(value)
-
-  type === 'localStorage'
-    ? window.localStorage.setItem(key, waitCacheValue)
-    : window.sessionStorage.setItem(key, waitCacheValue)
-}
-
-/**
- *
- * @param key 需要获取目标缓存的key
- *
- * @returns 获取缓存值
- */
-export const getCache = (key: string, type: CacheType = 'sessionStorage') => {
-  const data =
-    type === 'localStorage'
-      ? window.localStorage.getItem(key)
-      : window.sessionStorage.getItem(key)
-
-  return Object.is(data, null) ? 'no' : JSON.parse(data as string)
-}
-
-/**
- *
- * @param key 需要删除的缓存值key
- */
-export const removeCache = (
-  key: string | 'all' | 'all-sessionStorage' | 'all-localStorage',
-  type: CacheType = 'sessionStorage',
-) => {
-  if (key === 'all') {
-    window.window.localStorage.clear()
-    window.sessionStorage.clear()
-  } else if (key === 'all-sessionStorage') {
-    window.sessionStorage.clear()
-  } else if (key === 'all-localStorage') {
-    window.localStorage.clear()
-  } else {
-    type === 'localStorage'
-      ? window.localStorage.removeItem(key)
-      : window.sessionStorage.removeItem(key)
-  }
-}
--- a/src/utils/crypto.ts
+++ b/src/utils/crypto.ts
@ -1,120 +0,0 @@
-import HmacSHA256 from 'crypto-js/hmac-sha256'
-import SHA256 from 'crypto-js/sha256'
-import AES from 'crypto-js/aes'
-import MD5 from 'crypto-js/md5'
-import BASE64 from 'crypto-js/enc-base64'
-
-/**
- *
- * @param message 待加密信息
- * @param key 加密key
- *
- * HmacSHA256 加密
- */
-export const useHmacSHA256 = (
-  message: WordArray | string,
-  key: WordArray | string,
-) => {
-  return new Promise((resolve) => {
-    const cry = HmacSHA256(message, key)
-
-    resolve(cry)
-  })
-}
-
-/**
- *
- * @param message 待加密信息
- *
- * SHA256 加密
- */
-export const useSHA256 = (message: WordArray | string) => {
-  return new Promise((resolve) => {
-    const cry = SHA256(message)
-
-    resolve(cry)
-  })
-}
-
-/**
- *
- * @param message 待加密信息
- * @param key 加密key
- * @param cfg 加密配置信息
- *
- * AES 加密
- */
-export const useAESEncrypt = (
-  message: WordArray | string,
-  key: WordArray | string,
-  cfg?: CipherOption,
-) => {
-  return new Promise((resolve) => {
-    const cry = AES.encrypt(message, key, cfg)
-
-    resolve(cry)
-  })
-}
-
-/**
- *
- * @param ciphertext 待解密信息
- * @param key 解密key
- * @param cfg 解密配置信息
- *
- * AES 解密
- */
-export const useAESDecrypt = (
-  ciphertext: CipherParams | string,
-  key: WordArray | string,
-  cfg?: CipherOption,
-) => {
-  return new Promise((resolve) => {
-    const cry = AES.decrypt(ciphertext, key, cfg)
-
-    resolve(cry)
-  })
-}
-
-/**
- *
- * @param message 待加密信息
- * @param cfg md5 加密配置
- *
- * md5 加密
- */
-export const useMD5 = (message: WordArray | string, cfg?: object) => {
-  return new Promise((resolve) => {
-    const cry = MD5(message, cfg)
-
-    resolve(cry)
-  })
-}
-
-/**
- *
- * @param wordArray 待转为 base64 信息
- *
- * base64 加密
- */
-export const useBase64Stringify = (wordArray: WordArray) => {
-  return new Promise((resolve) => {
-    const cry = BASE64.stringify(wordArray)
-
-    resolve(cry)
-  })
-}
-
-/**
- *
- * @param str 待转为 base64 信息
- *
- * base64 解密
- */
-export const useBase64Parse = (str: string) => {
-  return new Promise((resolve) => {
-    const cry = BASE64.parse(str)
-
-    resolve(cry)
-  })
-}
--- a/src/utils/element.ts
+++ b/src/utils/element.ts
@ -1,162 +0,0 @@
-import { useValidteValueType } from '@use-utils/hook'
-
-/**
- *
- * @param el 父节点对象
- * @param target 是否需要过滤，可按照数组或单个字符过滤
- *
- * @returns 目标节点下所有子节点
- */
-export const useElementChildNodes = (
-  el: HTMLElement,
-  target?: string[] | string,
-) => {
-  let nodes = Array.from(el.childNodes)
-
-  if (Array.isArray(target)) {
-    nodes = nodes.filter((el) => target.includes(el.nodeName))
-  } else {
-    if (target) {
-      nodes = nodes.filter((el) => el.nodeName === target)
-    }
-  }
-
-  return nodes
-}
-
-/**
- *
- * @param element Target element dom
- * @param event 绑定事件类型
- * @param handler 事件触发方法
- *
- * @handle 给元素绑定某个事件柄方法
- */
-export const on = (
-  element: HTMLElement | Document | Window,
-  event: string,
-  handler: EventListenerOrEventListenerObject,
-  useCapture = false,
-) => {
-  if (element && event && handler) {
-    element.addEventListener(event, handler, useCapture)
-  }
-}
-
-/**
- *
- * @param element Target element dom
- * @param event 卸载事件类型
- * @param handler 所需卸载方法
- *
- * @handle 卸载元素上某个事件柄方法
- */
-export const off = (
-  element: HTMLElement | Document | Window,
-  event: string,
-  handler: EventListenerOrEventListenerObject,
-  useCapture = false,
-) => {
-  if (element && event && handler) {
-    element.removeEventListener(event, handler, useCapture)
-  }
-}
-
-/**
- *
- * @param element Target element dom
- * @param className 所需添加className，可: 'xxx xxx' | 'xxx'格式添加
- *
- * @handle 添加元素className(可: 'xxx xxx' | 'xxx'格式添加)
- */
-export const addClass = (element: HTMLElement, className: string) => {
-  if (element) {
-    const classes = className.trim().split(' ')
-
-    classes.forEach((item) => {
-      if (item) {
-        element.classList.add(item)
-      }
-    })
-  }
-}
-
-/**
- *
- * @param element Target element dom
- * @param className 所需删除className，可: 'xxx xxx' | 'xxx'格式删除
- *
- * @handle 删除元素className(可: 'xxx xxx' | 'xxx'格式删除)
- */
-export const removeClass = (element: HTMLElement, className: string) => {
-  if (element) {
-    const classes = className.trim().split(' ')
-
-    classes.forEach((item) => {
-      if (item) {
-        element.classList.remove(item)
-      }
-    })
-  }
-}
-
-/**
- *
- * @param element Target element dom
- * @param className 查询元素是否含有此className，可: 'xxx xxx' | 'xxx'格式查询
- *
- * @returns 返回boolean
- *
- * @handle 元素是否含有某个className(可: 'xxx xxx' | 'xxx'格式查询)
- */
-export const hasClass = (element: HTMLElement, className: string) => {
-  const elementClassName = element.className
-
-  const classes = className
-    .trim()
-    .split(' ')
-    .filter((item: string) => item !== '')
-
-  return elementClassName.includes(classes.join(' '))
-}
-
-/**
- *
- * @param el Target element dom
- * @param styles 所需绑定样式(如果为字符串, 则必须以分号结尾每个行内样式描述)
- */
-export const addStyle = (
-  el: HTMLElement,
-  styles: string | Partial<CSSStyleDeclaration>,
-) => {
-  if (el) {
-    if (useValidteValueType(styles, 'Object')) {
-      Object.keys(styles).forEach((item) => {
-        el.style[item] = styles[item]
-      })
-    } else if (useValidteValueType(styles, 'String')) {
-      const _styles = styles as string
-
-      _styles.split(';').forEach((item) => {
-        const [_k, _v] = item.split(':')
-
-        if (_k && _v) {
-          el.style[_k.trim()] = _v.trim()
-        }
-      })
-    }
-  }
-}
-
-/**
- *
- * @param el Target element dom
- * @param styles 所需卸载样式
- */
-export const removeStyle = (el: HTMLElement, styles: string[]) => {
-  if (el) {
-    styles.forEach((item) => {
-      el.style[item] = null
-    })
-  }
-}
--- a/src/utils/hook.ts
+++ b/src/utils/hook.ts
@ -1,41 +0,0 @@
-/**
- *
- * @returns 获取当前项目环境
- */
-export const useDetermineEnv = () => {
-  const env = import.meta.env
-
-  return env
-}
-
-/**
- *
- * @param data 二进制流数据
- *
- * @returns formate binary to base64 of the image
- */
-export const useImagebufferToBase64 = (
-  data: ArrayBufferLike | ArrayLike<number>,
-) => {
-  const _base64 =
-    'data:image/png;base64,' +
-    window.btoa(
-      new Uint8Array(data).reduce(
-        (data, byte) => data + String.fromCharCode(byte),
-        '',
-      ),
-    )
-
-  return _base64
-}
-
-/**
- *
- * @param value 目标值
- * @param type 类型
- */
-export const useValidteValueType = <T>(value: T, type: ValidteValueType) => {
-  const _v = Object.prototype.toString.call(value)
-
-  return _v.includes(type)
-}
--- a/src/views/dashboard/index.scss
+++ b/src/views/dashboard/index.scss
@ -1,13 +0,0 @@
-.dashboard-layout {
-  & .n-card {
-    margin-top: 18px;
-
-    &:first-child {
-      margin-top: 0;
-    }
-  }
-
-  & .dashboard-link {
-    text-decoration: none;
-  }
-}
--- a/src/views/dashboard/index.tsx
+++ b/src/views/dashboard/index.tsx
@ -1,100 +0,0 @@
-import './index.scss'
-import {
-  NCard,
-  NLayout,
-  NDescriptions,
-  NDescriptionsItem,
-  NTag,
-  NSpace,
-} from 'naive-ui'
-import RayIcon from '@/components/RayIcon/index'
-
-const Dashboard = defineComponent({
-  name: 'Dashboard',
-  setup() {
-    const coverLetterOptions = [
-      {
-        label: '掌握搬砖框架',
-        des: () => (
-          <NSpace>
-            <NTag type="success">Vue3.x</NTag>
-            <NTag type="info">React</NTag>
-          </NSpace>
-        ),
-      },
-      {
-        label: '从事搬砖时长',
-        des: () => (
-          <NSpace>
-            <NTag type="success">练习时长两年半的小白前端搬砖师</NTag>
-          </NSpace>
-        ),
-      },
-      {
-        label: '个人',
-        des: () => (
-          <NSpace align="center">
-            <RayIcon name="ray" size="22" />
-            努力搬砖、努力摸鱼, 建设美丽家园
-          </NSpace>
-        ),
-        span: 2,
-      },
-      {
-        label: '补充说明',
-        des: () => (
-          <NSpace align="center">
-            如果有希望补充的功能可以在
-            <a
-              class="dashboard-link"
-              href="https://github.com/XiaoDaiGua-Ray/ray-template"
-            >
-              GitHub
-            </a>
-            提一个 Issues
-          </NSpace>
-        ),
-        span: 2,
-      },
-    ]
-
-    return {
-      coverLetterOptions,
-    }
-  },
-  render() {
-    return (
-      <NLayout class="dashboard-layout layout-full">
-        <NCard>
-          {{
-            header: () =>
-              h(
-                RayIcon,
-                {
-                  name: 'ray',
-                  size: '64',
-                },
-                {},
-              ),
-            default: () => '当你看见这个页面后, 就说明项目已经启动成功了~',
-          }}
-        </NCard>
-        <NCard title="个人介绍">
-          <NDescriptions bordered labelPlacement="left" column={2}>
-            {this.coverLetterOptions.map((curr) => (
-              <NDescriptionsItem
-                key={curr.label}
-                label={curr.label}
-                span={curr?.span}
-              >
-                {curr.des()}
-              </NDescriptionsItem>
-            ))}
-          </NDescriptions>
-        </NCard>
-      </NLayout>
-    )
-  },
-})
-
-export default Dashboard
--- a/src/views/error/index.scss
+++ b/src/views/error/index.scss
@ -1,5 +0,0 @@
-.error-page {
-  width: 100%;
-  height: 100vh;
-  @include flexCenter;
-}
--- a/src/views/error/index.tsx
+++ b/src/views/error/index.tsx
@ -1,32 +0,0 @@
-import './index.scss'
-import { NResult, NButton } from 'naive-ui'
-
-const ErrorPage = defineComponent({
-  name: 'ErrorPage',
-  setup() {
-    const router = useRouter()
-
-    const handleBack = () => {
-      router.push('/dashboard')
-    }
-
-    return {
-      handleBack,
-    }
-  },
-  render() {
-    return (
-      <div class="error-page">
-        <NResult status="500" title="小调皮你走错地方了">
-          {{
-            footer: () => (
-              <NButton onClick={this.handleBack.bind(this)}>返回首页</NButton>
-            ),
-          }}
-        </NResult>
-      </div>
-    )
-  },
-})
-
-export default ErrorPage
--- a/src/views/login/components/Register/index.tsx
+++ b/src/views/login/components/Register/index.tsx
@ -1,12 +0,0 @@
-import { NResult } from 'naive-ui'
-
-const Register = defineComponent({
-  name: 'Register',
-  render() {
-    return (
-      <NResult status="info" title="提示" description="我实在是不想写了..." />
-    )
-  },
-})
-
-export default Register
--- a/src/views/login/components/Signin/index.tsx
+++ b/src/views/login/components/Signin/index.tsx
@ -1,90 +0,0 @@
-import { NForm, NFormItem, NInput, NButton } from 'naive-ui'
-import { setCache } from '@/utils/cache'
-
-import type { FormInst } from 'naive-ui'
-
-const Signin = defineComponent({
-  name: 'Signin',
-  setup() {
-    const { t } = useI18n()
-
-    const useSigninForm = () => ({
-      name: 'admin',
-      pwd: '123456',
-    })
-
-    const router = useRouter()
-    const signinForm = ref(useSigninForm())
-    const loginFormRef = ref<FormInst>()
-    const loading = ref(false)
-
-    const rules = {
-      name: {
-        required: true,
-        message: t('LoginModule.NamePlaceholder'),
-        trigger: ['blur', 'input'],
-      },
-      pwd: {
-        required: true,
-        message: t('LoginModule.PasswordPlaceholder'),
-        trigger: ['blur', 'input'],
-      },
-    }
-
-    const handleLogin = () => {
-      loginFormRef.value?.validate((valid) => {
-        if (!valid) {
-          window.$message.info('登陆中...')
-
-          loading.value = true
-
-          setTimeout(() => {
-            router.push('/dashboard')
-
-            setCache('token', 'tokenValue')
-          }, 2 * 1000)
-        } else {
-          window.$message.error('不可以这样哟, 不可以哟')
-        }
-      })
-    }
-
-    return {
-      signinForm,
-      loginFormRef,
-      handleLogin,
-      rules,
-      loading,
-      t,
-    }
-  },
-  render() {
-    return (
-      <NForm model={this.signinForm} ref="loginFormRef" rules={this.rules}>
-        <NFormItem label={this.t('LoginModule.Name')} path="name">
-          <NInput
-            v-model:value={this.signinForm.name}
-            placeholder={this.t('LoginModule.NamePlaceholder')}
-          />
-        </NFormItem>
-        <NFormItem label={this.t('LoginModule.Password')} path="pwd">
-          <NInput
-            v-model:value={this.signinForm.pwd}
-            type="password"
-            placeholder={this.t('LoginModule.PasswordPlaceholder')}
-          />
-        </NFormItem>
-        <NButton
-          style={['width: 100%', 'margin-to: 18px']}
-          type="primary"
-          onClick={this.handleLogin.bind(this)}
-          loading={this.loading}
-        >
-          {this.t('LoginModule.Login')}
-        </NButton>
-      </NForm>
-    )
-  },
-})
-
-export default Signin
--- a/src/views/login/index.scss
+++ b/src/views/login/index.scss
@ -1,18 +0,0 @@
-.login {
-  @include flexCenter;
-  flex-direction: column;
-  font-size: 36px;
-
-  & .login-title {
-    padding: 18px 0;
-  }
-
-  & .login-icon {
-    border: none;
-    outline: none;
-  }
-
-  & .n-card {
-    width: 360px;
-  }
-}
--- a/src/views/login/index.tsx
+++ b/src/views/login/index.tsx
@ -1,65 +0,0 @@
-import './index.scss'
-import {
-  NSpace,
-  NCard,
-  NTabs,
-  NTabPane,
-  NGradientText,
-  NDropdown,
-} from 'naive-ui'
-import Signin from './components/Signin/index'
-import Register from './components/Register/index'
-import { useSetting } from '@/store'
-import RayIcon from '@/components/RayIcon'
-import { useLanguageOptions } from '@/language/index'
-
-const Login = defineComponent({
-  name: 'Login',
-  setup() {
-    const state = reactive({
-      tabsValue: 'signin',
-    })
-    const { t } = useI18n()
-    const { height: windowHeight } = useWindowSize()
-    const settingStore = useSetting()
-    const { themeValue } = storeToRefs(settingStore)
-    const { updateLocale } = settingStore
-
-    return {
-      ...toRefs(state),
-      windowHeight,
-      themeValue,
-      updateLocale,
-      ray: t,
-    }
-  },
-  render() {
-    return (
-      <div class={['login']} style={[`height: ${this.windowHeight}px`]}>
-        <NSpace>
-          <NGradientText class="login-title" type="info">
-            Ray Template
-          </NGradientText>
-          <NDropdown
-            options={useLanguageOptions()}
-            onSelect={(key) => this.updateLocale(key)}
-          >
-            <RayIcon customClassName="login-icon" name="language" size="18" />
-          </NDropdown>
-        </NSpace>
-        <NCard>
-          <NTabs v-model:value={this.tabsValue}>
-            <NTabPane tab={this.ray('LoginModule.Signin')} name="signin">
-              <Signin />
-            </NTabPane>
-            <NTabPane tab={this.ray('LoginModule.Register')} name="register">
-              <Register />
-            </NTabPane>
-          </NTabs>
-        </NCard>
-      </div>
-    )
-  },
-})
-
-export default Login
--- a/Show More
+++ b/Show More
				`@ -0,0 +1 @@`
				`.rely-about .n-card{margin-top:18px}.rely-about .n-card:first-child{margin-top:0}`
				`@ -0,0 +1 @@`
				`import{d as e,a7 as r,aB as n}from"./index.c3f05d90.js";const a=e({name:"Rely",setup(){return{}},render(){return r(n,null,null)}});export{a as default};`
				`@ -0,0 +1 @@`
				.fade-enter-active,.fade-leave-active{-webkit-transition:all .35s;-o-transition:all .35s;transition:all .35s}.fade-enter-from{opacity:0;-webkit-transform:translateX(-30px);-ms-transform:translateX(-30px);transform:translate(-30px)}.fade-leave-to{opacity:0;-webkit-transform:translateX(30px);-ms-transform:translateX(30px);transform:translate(30px)}body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}ul,ol,li{list-style:none}fieldset,img{border:0;vertical-align:middle}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.layout{-webkit-box-sizing:border-box;box-sizing:border-box}.layout>.layout-full{height:100%}.layout .layout-content__router-view{height:calc(100% - 64px);padding:18px}.layout-header{height:64px;padding:0 18px;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}.layout-header>.layout-header__method{width:100%}.layout-header>.layout-header__method .layout-header__method--icon{cursor:pointer;outline:none;border:none}.setting-drawer__space{width:100%}
				`@ -0,0 +1 @@`
				.login{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center;-webkit-box-orient:vertical;-webkit-box-direction:normal;-webkit-flex-direction:column;-ms-flex-direction:column;flex-direction:column;font-size:2.25rem}.login .login-title{padding:18px 0}.login .login-icon{border:none;outline:none}.login .n-card{width:360px}
				`@ -0,0 +1 @@`
				`.dashboard-layout .n-card{margin-top:18px}.dashboard-layout .n-card:first-child{margin-top:0}.dashboard-layout .dashboard-link{text-decoration:none}`
				`@ -0,0 +1 @@`
				import{d as F,r as C,aC as h,a7 as u,an as s,aj as k,ab as x}from"./index.c3f05d90.js";import{N as p,a as c,b as j}from"./DescriptionsItem.a616fdcc.js";function d(t){return typeof t=="function"\|\|Object.prototype.toString.call(t)==="[object Object]"&&!x(t)}const B=F({name:"RelyAbout",setup(){const{pkg:t}={pkg:{dependencies:{"@vueuse/core":"^9.1.0","amfe-flexible":"^2.2.1",axios:"^0.27.2","crypto-js":"^4.1.1","naive-ui":"^2.34.0",pinia:"^2.0.17",sass:"^1.54.3",scrollreveal:"^4.0.9",vue:"^3.2.37","vue-i18n":"^9.2.2","vue-router":"^4.1.3"},devDependencies:{"@babel/core":"^7.20.2","@babel/eslint-parser":"^7.19.1","@intlify/unplugin-vue-i18n":"^0.5.0","@types/crypto-js":"^4.1.1","@types/scrollreveal":"^0.0.8","@typescript-eslint/eslint-plugin":"^5.42.1","@typescript-eslint/parser":"^5.42.1","@vitejs/plugin-vue":"^3.0.0","@vitejs/plugin-vue-jsx":"^2.0.0",autoprefixer:"^10.4.8",eslint:"^8.0.1","eslint-config-prettier":"^8.5.0","eslint-config-standard-with-typescript":"^23.0.0","eslint-plugin-import":"^2.25.2","eslint-plugin-n":"^15.0.0","eslint-plugin-prettier":"^4.2.1","eslint-plugin-promise":"^6.0.0","eslint-plugin-react":"^7.31.10","eslint-plugin-vue":"^9.7.0",postcss:"^8.1.0","postcss-pxtorem":"^6.0.0",prettier:"^2.7.1","svg-sprite-loader":"^6.0.11",typescript:"*","unplugin-auto-import":"^0.11.0","unplugin-vue-components":"^0.22.0",vite:"^3.2.4","vite-plugin-compression":"^0.5.1","vite-plugin-eslint":"^1.8.1","vite-plugin-inspect":"^0.6.0","vite-plugin-svg-icons":"^2.0.1","vite-svg-loader":"^3.4.0","vue-tsc":"^1.0.9"},name:"ray-template",version:"0.0.0"}},{dependencies:n,devDependencies:e,name:m,version:E}=t,y=[{title:"\u4F9D\u8D56\u540D\u79F0",key:"name"},{title:"\u4F9D\u8D56\u7248\u672C",key:"relyVersion"},{title:"\u4F9D\u8D56\u5730\u5740",key:"relyAddress"}],l=C([]),v=[{name:"\u9879\u76EE\u540D\u79F0",label:m},{name:"\u7248\u672C\u4FE1\u606F",label:E},{name:"\u9879\u76EE\u5730\u5740",label:"GitHub",url:"https://github.com/XiaoDaiGua-Ray/ray-template"}],f=()=>{const i=a=>Object.keys(a).reduce((r,o)=>(r.push({name:o,relyVersion:a[o],relyAddress:""}),r),[]),b=i(n),D=i(e);l.value=[...b,...D]},g=i=>{i.url&&window.open(i.url)};return h(()=>{f()}),{columns:y,relyData:l,templateOptions:v,handleTagClick:g}},render(){let t,n;return u("div",{class:"rely-about"},[u(s,{title:"\u5173\u4E8E\u9879\u76EE"},{default:()=>[k("ray template \u662F\u4E00\u4E2A\u57FA\u4E8E: tsx pinia vue3.x vite sass \u7684\u4E2D\u540E\u53F0\u89E3\u51B3\u65B9\u6848. \u9879\u76EE\u5E72\u51C0\u4E0E\u8F7B\u5DE7, \u5DF2\u7ECF\u96C6\u6210\u4E86\u5F88\u591A\u9879\u76EE\u4E2D\u53EF\u80FD\u9700\u8981\u7684\u642C\u7816\u5DE5\u5177\u53EF\u4EE5\u8BA9\u4F60\u5FEB\u901F\u8D77\u4E00\u4E2A\u76F8\u5173\u9879\u76EE, \u5E76\u4E14\u4E0D\u9700\u8981\u5254\u9664\u5927\u91CF\u65E0\u7528\u9875\u9762\u4E0E\u7EC4\u4EF6.")]}),u(s,{title:"\u9879\u76EE\u4FE1\u606F"},{default:()=>[u(p,{bordered:!0,labelPlacement:"left"},d(t=this.templateOptions.map(e=>u(c,{key:e.name,label:e.name},{default:()=>[u(j,{bordered:!1,type:"info",onClick:this.handleTagClick.bind(this,e),style:[e.url?"cursor: pointer":""]},{default:()=>[e.label]})]})))?t:{default:()=>[t]})]}),u(s,{title:"\u9879\u76EE\u4F9D\u8D56"},{default:()=>[u(p,{bordered:!0,labelPlacement:"left"},d(n=this.relyData.map(e=>u(c,{key:e.name,label:e.name},{default:()=>[e.relyVersion]})))?n:{default:()=>[n]})]})])}});export{B as default};
				`@ -0,0 +1 @@`
				`import{d as t,a7 as e,aa as r,aj as o,ac as s}from"./index.c3f05d90.js";import{N as n}from"./Result.73c7407c.js";const i=t({name:"ErrorPage",setup(){const a=s();return{handleBack:()=>{a.push("/dashboard")}}},render(){return e("div",{class:"error-page"},[e(n,{status:"500",title:"\u5C0F\u8C03\u76AE\u4F60\u8D70\u9519\u5730\u65B9\u4E86"},{footer:()=>e(r,{onClick:this.handleBack.bind(this)},{default:()=>[o("\u8FD4\u56DE\u9996\u9875")]})})])}});export{i as default};`
				`@ -0,0 +1 @@`
				import{d as r,a7 as e,an as n,h as p,am as d,at as c,ab as f,aj as t,ai as l}from"./index.c3f05d90.js";import{N as b,a as E,b as o}from"./DescriptionsItem.a616fdcc.js";function i(a){return typeof a=="function"\|\|Object.prototype.toString.call(a)==="[object Object]"&&!f(a)}const D=r({name:"Dashboard",setup(){return{coverLetterOptions:[{label:"\u638C\u63E1\u642C\u7816\u6846\u67B6",des:()=>e(l,null,{default:()=>[e(o,{type:"success"},{default:()=>[t("Vue3.x")]}),e(o,{type:"info"},{default:()=>[t("React")]})]})},{label:"\u4ECE\u4E8B\u642C\u7816\u65F6\u957F",des:()=>e(l,null,{default:()=>[e(o,{type:"success"},{default:()=>[t("\u7EC3\u4E60\u65F6\u957F\u4E24\u5E74\u534A\u7684\u5C0F\u767D\u524D\u7AEF\u642C\u7816\u5E08")]})]})},{label:"\u4E2A\u4EBA",des:()=>e(l,{align:"center"},{default:()=>[e(d,{name:"ray",size:"22"},null),t("\u52AA\u529B\u642C\u7816\u3001\u52AA\u529B\u6478\u9C7C, \u5EFA\u8BBE\u7F8E\u4E3D\u5BB6\u56ED")]}),span:2},{label:"\u8865\u5145\u8BF4\u660E",des:()=>e(l,{align:"center"},{default:()=>[t("\u5982\u679C\u6709\u5E0C\u671B\u8865\u5145\u7684\u529F\u80FD\u53EF\u4EE5\u5728"),e("a",{class:"dashboard-link",href:"https://github.com/XiaoDaiGua-Ray/ray-template"},[t("GitHub")]),t("\u63D0\u4E00\u4E2A Issues")]}),span:2}]}},render(){let a;return e(c,{class:"dashboard-layout layout-full"},{default:()=>[e(n,null,{header:()=>p(d,{name:"ray",size:"64"},{}),default:()=>"\u5F53\u4F60\u770B\u89C1\u8FD9\u4E2A\u9875\u9762\u540E, \u5C31\u8BF4\u660E\u9879\u76EE\u5DF2\u7ECF\u542F\u52A8\u6210\u529F\u4E86~"}),e(n,{title:"\u4E2A\u4EBA\u4ECB\u7ECD"},{default:()=>[e(b,{bordered:!0,labelPlacement:"left",column:2},i(a=this.coverLetterOptions.map(u=>{let s;return e(E,{key:u.label,label:u.label,span:u==null?void 0:u.span},i(s=u.des())?s:{default:()=>[s]})}))?a:{default:()=>[a]})]})]})}});export{D as default};
				`@ -0,0 +1 @@`
				`.error-page{width:100%;height:100vh;display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-webkit-justify-content:center;-ms-flex-pack:center;justify-content:center;-webkit-box-align:center;-webkit-align-items:center;-ms-flex-align:center;align-items:center}`