feat: 初始化配置默认页以及一些代码格式调整

.env

@@ -2,7 +2,7 @@
 VITE_PORT = 3100
 
 # spa-title
-VITE_GLOB_APP_TITLE = Basic Admin
+VITE_GLOB_APP_TITLE = Basic Vue @ Electron
 
 # spa shortname
-VITE_GLOB_APP_SHORT_NAME = basci_vue_admin
+VITE_GLOB_APP_SHORT_NAME = basci_vue_electron

index.html

@@ -33,6 +33,7 @@
                 }
 
                 .app-loading {
+                    visibility: hidden;
                     display: flex;
                     width: 100%;
                     height: 100%;
@@ -95,7 +96,7 @@
                     height: 20px;
                     background-color: #0065cc;
                     border-radius: 100%;
-                    opacity: 30%;
+                    opacity: 0.3;
                     transform: scale(0.75);
                     animation: antSpinMove 1s infinite linear alternate;
                     transform-origin: 50% 50%;
@@ -123,24 +124,28 @@
                     left: 0;
                     animation-delay: 1.2s;
                 }
+
                 @keyframes antRotate {
                     to {
                         transform: rotate(405deg);
                     }
                 }
+
                 @keyframes antRotate {
                     to {
                         transform: rotate(405deg);
                     }
                 }
+
                 @keyframes antSpinMove {
                     to {
-                        opacity: 100%;
+                        opacity: 1;
                     }
                 }
+
                 @keyframes antSpinMove {
                     to {
-                        opacity: 100%;
+                        opacity: 1;
                     }
                 }
             </style>

package.json

@@ -67,8 +67,8 @@
         "@electron-toolkit/preload": "^1.0.3",
         "@electron-toolkit/utils": "^1.0.2",
         "@iconify/iconify": "^3.1.0",
-        "@logicflow/core": "^1.2.1",
-        "@logicflow/extension": "^1.2.1",
+        "@logicflow/core": "^1.2.3",
+        "@logicflow/extension": "^1.2.3",
         "@purge-icons/generated": "^0.9.0",
         "@stomp/stompjs": "^7.0.0",
         "@vue/runtime-core": "^3.2.47",
@@ -78,7 +78,7 @@
         "@zxcvbn-ts/core": "^2.2.1",
         "ant-design-vue": "^3.2.19",
         "axios": "^0.26.1",
-        "codemirror": "^6.0.1",
+        "codemirror": "^5.65.12",
         "cropperjs": "^1.5.13",
         "crypto-js": "^4.1.1",
         "dayjs": "^1.11.7",
@@ -110,12 +110,12 @@
         "xlsx": "^0.18.5"
     },
     "devDependencies": {
-        "@antfu/eslint-config": "^0.38.2",
-        "@commitlint/cli": "^17.5.1",
-        "@commitlint/config-conventional": "^17.4.4",
+        "@antfu/eslint-config": "^0.38.5",
+        "@commitlint/cli": "^17.6.1",
+        "@commitlint/config-conventional": "^17.6.1",
         "@electron-toolkit/tsconfig": "^1.0.1",
         "@electron/notarize": "^1.2.3",
-        "@iconify/json": "^2.2.42",
+        "@iconify/json": "^2.2.56",
         "@types/codemirror": "^5.60.7",
         "@types/crypto-js": "^4.1.1",
         "@types/fs-extra": "^11.0.1",
@@ -148,10 +148,10 @@
         "cz-git": "^1.6.1",
         "czg": "^1.6.1",
         "dotenv": "^16.0.3",
-        "electron": "^23.2.0",
+        "electron": "^23.2.4",
         "electron-builder": "^23.6.0",
-        "electron-vite": "^1.0.21",
-        "eslint": "^8.37.0",
+        "electron-vite": "1.0.21",
+        "eslint": "^8.39.0",
         "eslint-config-prettier": "^8.8.0",
         "eslint-plugin-prettier": "^4.2.1",
         "eslint-plugin-vue": "^9.11.0",

src-electron/main/index.ts

-import * as path from 'node:path'
+import path from 'node:path'
 import { BrowserWindow, app, shell } from 'electron'
 import { electronApp, is, optimizer } from '@electron-toolkit/utils'
 
@@ -14,7 +14,7 @@ function createWindow(): void {
     // Create the browser window.
     const mainWindow = new BrowserWindow({
         width: 900,
-        height: 670,
+        height: 680,
         show: false,
         autoHideMenuBar: true,
         ...(process.platform === 'linux'

src-electron/preload/index.ts

@@ -20,3 +20,98 @@ if (process.contextIsolated) {
     // @ts-expect-error (define in dts)
     window.api = api
 }
+
+function domReady(condition: DocumentReadyState[] = ['complete', 'interactive']) {
+    return new Promise((resolve) => {
+        if (condition.includes(document.readyState)) {
+            resolve(true)
+        } else {
+            document.addEventListener('readystatechange', () => {
+                if (condition.includes(document.readyState)) {
+                    resolve(true)
+                }
+            })
+        }
+    })
+}
+
+const safeDOM = {
+    append(parent: HTMLElement, child: HTMLElement) {
+        if (!Array.from(parent.children).find((e) => e === child)) {
+            parent.appendChild(child)
+        }
+    },
+    remove(parent: HTMLElement, child: HTMLElement) {
+        if (Array.from(parent.children).find((e) => e === child)) {
+            parent.removeChild(child)
+        }
+    },
+}
+
+/**
+ * https://tobiasahlin.com/spinkit
+ * https://connoratherton.com/loaders
+ * https://projects.lukehaas.me/css-loaders
+ * https://matejkustec.github.io/SpinThatShit
+ */
+function useLoading() {
+    const className = `loaders-css__square-spin`
+    const styleContent = `
+        @keyframes square-spin {
+            25% { transform: perspective(100px) rotateX(180deg) rotateY(0); }
+            50% { transform: perspective(100px) rotateX(180deg) rotateY(180deg); }
+            75% { transform: perspective(100px) rotateX(0) rotateY(180deg); }
+            100% { transform: perspective(100px) rotateX(0) rotateY(0); }
+        }
+        .${className} > div {
+            animation-fill-mode: both;
+            width: 50px;
+            height: 50px;
+            background: #fff;
+            animation: square-spin 3s 0s cubic-bezier(0.09, 0.57, 0.49, 0.9) infinite;
+        }
+        .app-loading-wrap {
+            position: fixed;
+            top: 0;
+            left: 0;
+            width: 100vw;
+            height: 100vh;
+            display: flex;
+            align-items: center;
+            justify-content: center;
+            background: #282c34;
+            z-index: 9999;
+            -webkit-app-region: drag;
+            cursor: pointer;
+        }
+    `
+    const oStyle = document.createElement('style')
+    const oDiv = document.createElement('div')
+
+    oStyle.id = 'app-loading-style'
+    oStyle.innerHTML = styleContent
+    oDiv.className = 'app-loading-wrap'
+    oDiv.innerHTML = `<div class="${className}"><div></div></div>`
+
+    return {
+        appendLoading() {
+            safeDOM.append(document.head, oStyle)
+            safeDOM.append(document.body, oDiv)
+        },
+        removeLoading() {
+            safeDOM.remove(document.head, oStyle)
+            safeDOM.remove(document.body, oDiv)
+        },
+    }
+}
+
+// ----------------------------------------------------------------------
+
+const { appendLoading, removeLoading } = useLoading()
+domReady().then(appendLoading)
+
+window.onmessage = (ev: any) => {
+    ev.data.payload === 'loaded' && removeLoading()
+}
+
+// setTimeout(removeLoading, 30 * 1000)

src/App.vue

@@ -5,6 +5,7 @@
     import { useLocale } from '/@/locales/useLocale'
 
     import 'dayjs/locale/zh-cn'
+
     // support Multi-language
     const { getAntdLocale } = useLocale()
 

src/api/sys/model/menuModel.ts

 import type { RouteMeta } from 'vue-router'
+
 export interface RouteItem {
     path: string
     component: any

src/assets/css/styles.less

+body {
+    display: flex;
+    flex-direction: column;
+    font-family: Roboto, -apple-system, BlinkMacSystemFont, 'Helvetica Neue', 'Segoe UI', Oxygen, Ubuntu, Cantarell,
+        'Open Sans', sans-serif;
+    color: #86a5b1 !important;
+    background-color: #2f3241 !important;
+}
+
+* {
+    padding: 0;
+    margin: 0;
+}
+
+ul {
+    list-style: none;
+}
+
+code {
+    font-weight: 600;
+    padding: 3px 5px;
+    border-radius: 2px;
+    background-color: #26282e;
+    font-family: ui-monospace, SFMono-Regular, 'SF Mono', Menlo, Consolas, 'Liberation Mono', monospace;
+    font-size: 85%;
+}
+
+a {
+    color: #9feaf9;
+    font-weight: 600;
+    cursor: pointer;
+    text-decoration: none;
+    outline: none;
+}
+
+a:hover {
+    border-bottom: 1px solid;
+}
+
+#app {
+    flex: 1;
+    display: flex;
+    flex-direction: column;
+    max-width: 840px;
+    margin: 0 auto;
+    padding: 15px 30px 0;
+}
+
+.versions {
+    margin: 0 auto;
+    float: none;
+    clear: both;
+    overflow: hidden;
+    font-family: Menlo, 'Lucida Console', monospace;
+    color: #c2f5ff;
+    line-height: 1;
+    transition: all 0.3s;
+
+    li {
+        display: block;
+        float: left;
+        border-right: 1px solid rgb(194 245 255 / 40%);
+        padding: 0 20px;
+        font-size: 13px;
+        opacity: 0.8;
+
+        &:last-child {
+            border: none;
+        }
+    }
+}
+
+.hero-logo {
+    margin-top: -0.4rem;
+    transition: all 0.3s;
+}
+
+@media (max-width: 840px) {
+    .versions {
+        display: none;
+    }
+
+    .hero-logo {
+        margin-top: -1.5rem;
+    }
+}
+
+.hero-text {
+    font-weight: 400;
+    color: #c2f5ff;
+    text-align: center;
+    margin-top: -0.5rem;
+    margin-bottom: 10px;
+}
+
+@media (max-width: 660px) {
+    .hero-logo {
+        display: none;
+    }
+
+    .hero-text {
+        margin-top: 20px;
+    }
+}
+
+.hero-tagline {
+    text-align: center;
+    margin-bottom: 14px;
+}
+
+.links {
+    display: flex;
+    align-items: center;
+    justify-content: center;
+    margin-bottom: 24px;
+    font-size: 18px;
+    font-weight: 500;
+
+    a {
+        font-weight: 500;
+    }
+
+    .link-item {
+        padding: 0 4px;
+    }
+}
+
+.features {
+    display: flex;
+    flex-wrap: wrap;
+    margin: -6px;
+
+    .feature-item {
+        width: 33.33%;
+        box-sizing: border-box;
+        padding: 6px;
+    }
+
+    article {
+        background-color: rgb(194 245 255 / 10%);
+        border-radius: 8px;
+        box-sizing: border-box;
+        padding: 12px;
+        height: 100%;
+    }
+
+    span {
+        color: #d4e8ef;
+        word-break: break-all;
+    }
+
+    .title {
+        font-size: 17px;
+        font-weight: 500;
+        color: #c2f5ff;
+        line-height: 22px;
+        overflow: hidden;
+        text-overflow: ellipsis;
+        white-space: nowrap;
+    }
+
+    .detail {
+        font-size: 14px;
+        font-weight: 500;
+        line-height: 22px;
+        margin-top: 6px;
+    }
+}
+
+@media (max-width: 660px) {
+    .features .feature-item {
+        width: 50%;
+    }
+}
+
+@media (max-width: 480px) {
+    .links {
+        flex-direction: column;
+        line-height: 32px;
+
+        .link-dot {
+            display: none;
+        }
+    }
+
+    .features .feature-item {
+        width: 100%;
+    }
+}

src/assets/icons.svg

+<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink">
+  <symbol id="electron" viewBox="0 0 900 300">
+    <g fill="none" fill-rule="evenodd">
+      <g class="hero-apps" style="fill: #71abb7;">
+        <path d="M15 138l-4.9-.64L8 133l-2.1 4.36L1 138l3.6 3.26-.93 4.74L8 143.67l4.33 2.33-.93-4.74z"></path>
+        <path d="M897.2 114.0912l-5.2 3.63v-2.72c0-.55-.45-1-1-1h-8c-.55 0-1 .45-1 1v9c0 .55.45 1 1 1h8c.55 0 1-.45 1-1v-2.72l5.2 3.63c.33.23.8 0 .8-.41v-10c0-.41-.47-.64-.8-.41z"></path>
+        <path d="M65.4 188.625h-1.6c.88 0 1.6-.7313 1.6-1.625v-1.625c0-.8937-.72-1.625-1.6-1.625h-1.6c-.88 0-1.6.7313-1.6 1.625V187c0 .8937.72 1.625 1.6 1.625h-1.6c-.88 0-1.6.7313-1.6 1.625v3.25h1.6v4.875c0 .8937.72 1.625 1.6 1.625h1.6c.88 0 1.6-.7313 1.6-1.625V193.5H67v-3.25c0-.8937-.72-1.625-1.6-1.625zm-3.2-3.25h1.6V187h-1.6v-1.625zm3.2 6.5h-1.6v6.5h-1.6v-6.5h-1.6v-1.625h4.8v1.625zm3.344-5.6875c0-3.2175-2.576-5.8337-5.744-5.8337-3.168 0-5.744 2.6162-5.744 5.8337 0 .455.048.8937.144 1.3162v3.2175c-.976-1.2512-1.6-2.8112-1.6-4.55 0-4.03 3.232-7.3125 7.2-7.3125s7.2 3.2825 7.2 7.3125c0 1.7225-.624 3.2988-1.6 4.55v-3.2175c.096-.4387.144-.8612.144-1.3162zm6.256 0c0 4.68-2.608 8.7425-6.4 10.7738v-1.7063c2.976-1.885 4.944-5.2325 4.944-9.0675 0-5.915-4.72-10.7087-10.544-10.7087-5.824 0-10.544 4.7937-10.544 10.7087 0 3.835 1.968 7.1825 4.944 9.0675v1.7063c-3.792-2.0313-6.4-6.0938-6.4-10.7738C51 179.46 56.376 174 63 174s12 5.46 12 12.1875z"></path>
+        <path d="M830.7143 142.3333c-.8643 0-1.5714.7125-1.5714 1.5834v3.1666c0 .871.707 1.5834 1.5713 1.5834h12.5714c.8643 0 1.5714-.7125 1.5714-1.5834v-3.1666c0-.871-.707-1.5834-1.5713-1.5834h-12.5714zm12.5714 2.771l-1.9643 1.979h-2.357L837 145.1043l-1.9643 1.979h-2.357l-1.9644-1.979v-1.1876h1.1786l1.964 1.979 1.9644-1.979h2.3572l1.9643 1.979 1.964-1.979h1.1787v1.1875zm-9.4286 5.1457h6.286v1.5833h-6.286V150.25zM837 136c-6.0657 0-11 4.6075-11 10.2917v7.125c0 .8708.707 1.5833 1.5714 1.5833h18.8572c.8643 0 1.5714-.7125 1.5714-1.5833v-7.125C848 140.6075 843.0657 136 837 136zm9.4286 17.4167h-18.8572v-7.125c0-4.8925 4.1486-8.851 9.4286-8.851 5.28 0 9.4286 3.9585 9.4286 8.851v7.125z"></path>
+        <path d="M75 91.8065V96h4.1935L90.376 84.8174l-4.1934-4.1935L75 91.8064zm4.1935 2.7957h-2.7957v-2.7957h1.398v1.3978h1.3977v1.398zM93.591 81.6024l-1.817 1.817-4.1935-4.1934 1.817-1.817c.5453-.5453 1.426-.5453 1.971 0l2.2226 2.2224c.5453.5452.5453 1.4258 0 1.971z"></path>
+        <path d="M797 187h4v4h-4v-4zm12-1v19c0 1.1-.9 2-2 2h-20c-1.1 0-2-.9-2-2v-24c0-1.1.9-2 2-2h15l7 7zm-2 1l-6-6h-14v22l6-10 4 8 4-4 6 6v-16z"></path>
+        <path d="M138 125c-6.62 0-12 5-12 11 0 9.04 12 21 12 21s12-11.96 12-21c0-6-5.38-11-12-11zm0 29.1c-3.72-4.06-10-12.22-10-18.1 0-4.96 4.5-9 10-9 2.68 0 5.22.96 7.12 2.72 1.84 1.72 2.88 3.94 2.88 6.28 0 5.88-6.28 14.04-10 18.1zm4-18.1c0 2.22-1.78 4-4 4-2.22 0-4-1.78-4-4 0-2.22 1.78-4 4-4 2.22 0 4 1.78 4 4z"></path>
+        <path d="M771 82h8v2h-8v-2zm0 6h8v-2h-8v2zm0 4h8v-2h-8v2zm22-10h-8v2h8v-2zm0 4h-8v2h8v-2zm0 4h-8v2h8v-2zm4-12v18c0 1.1-.9 2-2 2h-11l-2 2-2-2h-11c-1.1 0-2-.9-2-2V78c0-1.1.9-2 2-2h11l2 2 2-2h11c1.1 0 2 .9 2 2zm-16 1l-1-1h-11v18h12V79zm14-1h-11l-1 1v17h12V78z"></path>
+        <path d="M176 203h-24c-1.1 0-2 .9-2 2v16c0 1.1.9 2 2 2h4v7l7-7h13c1.1 0 2-.9 2-2v-16c0-1.1-.9-2-2-2zm0 18h-14l-4 4v-4h-6v-16h24v16z"></path>
+        <path d="M673 88.921c0 2.18-.9 4.18-2.34 5.66l-1.34-1.34c1.1-1.12 1.78-2.62 1.78-4.32 0-1.7-.68-3.22-1.78-4.32l1.34-1.34c1.44 1.44 2.34 3.44 2.34 5.66zm-8.56-11.48l-7.44 7.44h-4c-1.1 0-2 .9-2 2v4c0 1.1.9 2 2 2h4l7.44 7.44c.94.94 2.56.28 2.56-1.06v-20.76c0-1.34-1.62-2-2.56-1.06zm11.88.16l-1.34 1.34c2.56 2.56 4.12 6.06 4.12 9.96 0 3.88-1.56 7.4-4.12 9.96l1.34 1.34c2.9-2.9 4.68-6.9 4.68-11.32 0-4.44-1.78-8.44-4.68-11.32v.04zm-2.82 2.82l-1.38 1.34c1.84 1.84 2.96 4.38 2.96 7.16 0 2.78-1.12 5.32-2.96 7.12l1.38 1.34c2.16-2.16 3.5-5.16 3.5-8.46 0-3.3-1.34-6.32-3.5-8.5z"></path>
+        <path d="M226 79h-16c0-1.1-.9-2-2-2h-8c-1.1 0-2 .9-2 2-1.1 0-2 .9-2 2v18c0 1.1.9 2 2 2h28c1.1 0 2-.9 2-2V81c0-1.1-.9-2-2-2zm-18 4h-8v-2h8v2zm9 14c-3.88 0-7-3.12-7-7s3.12-7 7-7 7 3.12 7 7-3.12 7-7 7zm5-7c0 2.76-2.26 5-5 5s-5-2.26-5-5 2.26-5 5-5 5 2.26 5 5z"></path>
+        <path d="M725.8393 157h-15.6498c-1.1807 0-1.1807-.82-1.1807-2 0-1.18 0-2 1.1807-2h15.6298C727 153 727 153.82 727 155c0 1.18 0 2-1.1807 2h.02zm-11.6473-10c-1.1807 0-1.1807-.82-1.1807-2 0-1.18 0-2 1.1807-2h11.6273C727 143 727 143.82 727 145c0 1.18 0 2-1.1807 2H714.192zM695 146.82l2.8218-2.6 3.182 3.18 8.185-8.4 2.8218 2.82-11.0068 11-6.0038-6zM710.1895 163h15.6298C727 163 727 163.82 727 165c0 1.18 0 2-1.1807 2h-15.6298c-1.1807 0-1.1807-.82-1.1807-2 0-1.18 0-2 1.1807-2z"></path>
+        <path d="M223 152v24c0 1.65 1.35 3 3 3h36c1.65 0 3-1.35 3-3v-24c0-1.65-1.35-3-3-3h-36c-1.65 0-3 1.35-3 3zm39 0l-18 15-18-15h36zm-36 4.5l12 9-12 9v-18zm3 19.5l10.5-9 4.5 4.5 4.5-4.5 10.5 9h-30zm33-1.5l-12-9 12-9v18z"></path>
+        <path d="M648 182h-3v4.5c0 .84-.66 1.5-1.5 1.5h-6c-.84 0-1.5-.66-1.5-1.5V182h-9v4.5c0 .84-.66 1.5-1.5 1.5h-6c-.84 0-1.5-.66-1.5-1.5V182h-3c-1.65 0-3 1.35-3 3v33c0 1.65 1.35 3 3 3h33c1.65 0 3-1.35 3-3v-33c0-1.65-1.35-3-3-3zm0 36h-33v-27h33v27zm-24-33h-3v-6h3v6zm18 0h-3v-6h3v6zm-15 12h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm-24 6h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm-24 6h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm-24 6h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3zm6 0h-3v-3h3v3z"></path>
+      </g>
+      <g class="hero-icons" style="fill: #c2f5ff;">
+        <path d="M441.1132 69.724c7.681 0 13.9075-6.207 13.9075-13.8636 0-7.6565-6.2266-13.8634-13.9075-13.8634-7.681 0-13.9076 6.207-13.9076 13.8634 0 7.6566 6.2266 13.8635 13.9076 13.8635zm0-5.7932c-4.4713 0-8.096-3.6132-8.096-8.0704 0-4.457 3.6247-8.0703 8.096-8.0703 4.4712 0 8.096 3.6133 8.096 8.0704 0 4.4572-3.6248 8.0704-8.096 8.0704z"></path>
+        <path d="M354.8995 220.2693c7.681 0 13.9075-6.207 13.9075-13.8635s-6.2266-13.8634-13.9075-13.8634c-7.681 0-13.9075 6.207-13.9075 13.8634 0 7.6566 6.2266 13.8635 13.9075 13.8635zm0-5.793c-4.4713 0-8.096-3.6133-8.096-8.0705 0-4.457 3.6247-8.0703 8.096-8.0703s8.096 3.6132 8.096 8.0703c0 4.4572-3.6247 8.0704-8.096 8.0704z"></path>
+        <path d="M541.0343 206.4058c0-7.6565-6.2266-13.8634-13.9075-13.8634-7.681 0-13.9075 6.207-13.9075 13.8634 0 7.6566 6.2266 13.8635 13.9075 13.8635 7.681 0 13.9075-6.207 13.9075-13.8635zm-5.8115 0c0 4.4572-3.6247 8.0704-8.096 8.0704s-8.096-3.6132-8.096-8.0704c0-4.457 3.6247-8.0703 8.096-8.0703s8.096 3.6132 8.096 8.0703z"></path>
+        <path d="M397.6943 214.5258c9.7012 27.0033 25.5723 43.629 43.419 43.629 13.0157 0 25.0578-8.8443 34.4482-24.4154.827-1.371.3822-3.1507-.9932-3.975-1.3755-.824-3.1607-.3808-3.9876.9902-8.439 13.9938-18.8052 21.6072-29.4675 21.6072-14.8247 0-28.9803-14.8288-37.9476-39.7892-.541-1.506-2.2044-2.2897-3.7153-1.7504-1.511.5394-2.297 2.1975-1.756 3.7036z"></path>
+        <path d="M514.124 163.4733c18.5545-21.85 25.033-43.826 16.122-59.2117-6.557-11.321-20.419-17.2982-38.841-17.537-1.6047-.021-2.9225 1.259-2.9434 2.8586-.0208 1.5996 1.263 2.9132 2.8678 2.934 16.5683.2148 28.5106 5.3642 33.8836 14.641 7.4018 12.7797 1.6243 32.3774-15.5247 52.5722-1.037 1.221-.8844 3.0487.3405 4.0822 1.2248 1.0336 3.0584.8817 4.0952-.3393z"></path>
+        <path d="M411.5672 88.457c-28.3373-5.1448-50.7424.24-59.672 15.6575-6.6635 11.505-4.7588 26.7585 4.6193 43.0637.7982 1.3878 2.574 1.8678 3.966 1.072 1.3923-.7956 1.874-2.5656 1.0756-3.9534-8.4477-14.688-10.0915-27.8524-4.628-37.2857 7.418-12.8074 27.403-17.6105 53.5978-12.8546 1.579.2866 3.092-.7568 3.3794-2.3307.2876-1.5738-.7592-3.082-2.338-3.3687z"></path>
+        <path d="M486.3075 209.2436c5.022-15.998 7.7194-34.453 7.7194-53.6842 0-47.9875-16.849-89.3545-40.8478-99.977-1.4667-.649-3.1837.0098-3.835 1.472-.6512 1.462.01 3.1735 1.4766 3.8227 21.404 9.474 37.3945 48.7337 37.3945 94.6824 0 18.6574-2.612 36.5297-7.454 51.954-.4794 1.5268.3736 3.1518 1.9052 3.6295s3.1617-.3727 3.641-1.8994z"></path>
+        <path d="M466.439 89.4215c-16.7763 3.583-34.6332 10.5886-51.7827 20.4585-42.434 24.4216-70.1147 60.4323-66.2703 86.5432.233 1.5828 1.709 2.6776 3.297 2.4453 1.5877-.2323 2.686-1.7037 2.453-3.2865-3.4135-23.1838 22.825-57.3183 63.426-80.685 16.6365-9.5746 33.9267-16.3578 50.0946-19.811 1.5692-.335 2.5687-1.8748 2.2325-3.439-.336-1.5642-1.8807-2.5606-3.45-2.2255z"></path>
+        <path d="M371.2508 166.997c11.458 12.5516 26.3438 24.3243 43.3203 34.0947 41.106 23.6572 84.866 29.9805 106.4328 15.3217 1.326-.9013 1.668-2.7033.7638-4.025-.904-1.3217-2.712-1.6626-4.0378-.7614-19.302 13.1195-60.871 7.1128-100.253-15.5523-16.469-9.4783-30.8834-20.8782-41.9277-32.9767-1.08-1.1832-2.9178-1.2695-4.1048-.1928-1.187 1.0766-1.2735 2.9086-.1934 4.0918z"></path>
+        <path d="M443.2374 165.3634c-5.432 1.17-10.7838-2.2712-11.9598-7.686-1.1714-5.415 2.2785-10.7498 7.7106-11.922 5.432-1.17 10.7838 2.2712 11.9598 7.686 1.1737 5.415-2.2785 10.7498-7.7106 11.922z"></path>
+      </g>
+    </g>
+  </symbol>
+</svg>

src/components/Application/src/search/AppSearchFooter.vue

@@ -2,6 +2,7 @@
     import AppSearchKeyItem from './AppSearchKeyItem.vue'
     import { useDesign } from '/@/hooks/web/useDesign'
     import { useI18n } from '/@/hooks/web/useI18n'
+
     const { prefixCls } = useDesign('app-search-footer')
     const { t } = useI18n()
 </script>

src/components/Application/src/search/AppSearchKeyItem.vue

 <script lang="ts" setup>
     import { Icon } from '/@/components/Icon'
+
     defineProps({
         icon: String,
     })

src/components/CardList/src/CardList.vue

@@ -8,6 +8,7 @@
     import { Button } from '/@/components/Button'
     import { isFunction } from '/@/utils/is'
     import { grid, useSlider } from './data'
+
     // 组件接收参数
     const props = defineProps({
         // 请求API的参数

src/components/ClickOutSide/src/ClickOutSide.vue

 <script lang="ts" setup>
     import { onMounted, ref } from 'vue'
     import { onClickOutside } from '@vueuse/core'
+
     const emit = defineEmits(['mounted', 'clickOutside'])
     const wrap = ref<ElRef>(null)
 

src/components/CodeEditor/src/codemirror/CodeMirror.vue

@@ -5,10 +5,12 @@
     import { useWindowSizeFn } from '/@/hooks/event/useWindowSizeFn'
     import CodeMirror from 'codemirror'
     import { MODE } from './../typing'
+
     // css
     import './codemirror.css'
     import 'codemirror/theme/idea.css'
     import 'codemirror/theme/material-palenight.css'
+
     // modes
     import 'codemirror/mode/javascript/javascript'
     import 'codemirror/mode/css/css'

src/components/CodeEditor/src/codemirror/codeMirror.ts

@@ -2,12 +2,14 @@ import CodeMirror from 'codemirror'
 import './codemirror.css'
 import 'codemirror/theme/idea.css'
 import 'codemirror/theme/material-palenight.css'
+
 // import 'codemirror/addon/lint/lint.css';
 
 // modes
 import 'codemirror/mode/javascript/javascript'
 import 'codemirror/mode/css/css'
 import 'codemirror/mode/htmlmixed/htmlmixed'
+
 // addons
 // import 'codemirror/addon/edit/closebrackets';
 // import 'codemirror/addon/edit/closetag';

src/components/Container/src/collapse/CollapseContainer.vue

@@ -2,14 +2,17 @@
     import type { PropType } from 'vue'
     import { ref } from 'vue'
     import { isNil } from 'lodash-es'
+
     // component
     import { Skeleton } from 'ant-design-vue'
     import { CollapseTransition } from '/@/components/Transition'
     import CollapseHeader from './CollapseHeader.vue'
     import { triggerWindowResize } from '/@/utils/event'
+
     // hook
     import { useTimeoutFn } from '/@/hooks/core/useTimeout'
     import { useDesign } from '/@/hooks/web/useDesign'
+
     const props = defineProps({
         title: { type: String, default: '' },
         loading: { type: Boolean },

src/components/ContextMenu/src/ContextMenu.vue

@@ -4,6 +4,7 @@
     import Icon from '/@/components/Icon'
     import { Divider, Menu } from 'ant-design-vue'
     import type { Axis, ContextMenuItem, ItemContentProps } from './typing'
+
     const prefixCls = 'context-menu'
     const props = {
         width: { type: Number, default: 156 },

src/components/Description/src/Description.vue

@@ -11,6 +11,7 @@
     import { isFunction } from '/@/utils/is'
     import { getSlot } from '/@/utils/helper/tsxHelper'
     import { useAttrs } from '/@/hooks/core/useAttrs'
+
     const props = {
         useCollapse: { type: Boolean, default: true },
         title: { type: String, default: '' },

src/components/Drawer/src/components/DrawerFooter.vue

@@ -4,6 +4,7 @@
     import { useDesign } from '/@/hooks/web/useDesign'
 
     import { footerProps } from '../props'
+
     export default defineComponent({
         name: 'BasicDrawerFooter',
         props: {

src/components/Drawer/src/components/DrawerHeader.vue

@@ -6,6 +6,7 @@
     import { useDesign } from '/@/hooks/web/useDesign'
 
     import { propTypes } from '/@/utils/propTypes'
+
     export default defineComponent({
         name: 'BasicDrawerHeader',
         components: { BasicTitle, ArrowLeftOutlined },

src/components/Drawer/src/props.ts

 import type { PropType } from 'vue'
 
 import { useI18n } from '/@/hooks/web/useI18n'
+
 const { t } = useI18n()
 
 export const footerProps = {

src/components/Excel/src/ImportExcel.vue

@@ -3,6 +3,7 @@
     import * as XLSX from 'xlsx'
     import { dateUtil } from '/@/utils/dateUtil'
     import type { ExcelData } from './typing'
+
     export default defineComponent({
         name: 'ImportExcel',
         props: {

src/components/Form/src/BasicForm.vue

@@ -10,6 +10,7 @@
     import FormAction from './components/FormAction.vue'
     import { dateItemType } from './helper'
     import { dateUtil } from '/@/utils/dateUtil'
+
     // import { cloneDeep } from 'lodash-es';
     import { deepMerge } from '/@/utils'
     import { useFormValues } from './hooks/useFormValues'
@@ -20,6 +21,7 @@
     import { useModalContext } from '/@/components/Modal'
     import { basicProps } from './props'
     import { useDesign } from '/@/hooks/web/useDesign'
+
     export default defineComponent({
         name: 'BasicForm',
         components: { FormItem, Form, Row, FormAction },

src/components/Form/src/components/ApiCascader.vue

@@ -8,6 +8,7 @@
     import { useRuleFormItem } from '/@/hooks/component/useFormItem'
     import { LoadingOutlined } from '@ant-design/icons-vue'
     import { useI18n } from '/@/hooks/web/useI18n'
+
     interface Option {
         value: string
         label: string

src/components/Form/src/components/ApiRadioGroup.vue

@@ -11,6 +11,7 @@
     import { propTypes } from '/@/utils/propTypes'
     import { get, omit } from 'lodash-es'
     import { useI18n } from '/@/hooks/web/useI18n'
+
     interface OptionsItem {
         label: string
         value: string | number | boolean

src/components/Form/src/components/ApiSelect.vue

@@ -9,6 +9,7 @@
     import { LoadingOutlined } from '@ant-design/icons-vue'
     import { useI18n } from '/@/hooks/web/useI18n'
     import { propTypes } from '/@/utils/propTypes'
+
     interface OptionsItem {
         label: string
         value: string

src/components/Form/src/components/ApiTransfer.vue

@@ -6,6 +6,7 @@
     import { propTypes } from '/@/utils/propTypes'
     import { useI18n } from '/@/hooks/web/useI18n'
     import type { TransferDirection, TransferItem } from 'ant-design-vue/lib/transfer'
+
     export default defineComponent({
         name: 'ApiTransfer',
         components: { Transfer },

src/components/Form/src/components/ApiTree.vue

@@ -5,6 +5,7 @@
     import { get } from 'lodash-es'
     import { propTypes } from '/@/utils/propTypes'
     import { LoadingOutlined } from '@ant-design/icons-vue'
+
     export default defineComponent({
         name: 'ApiTree',
         components: { ATree: Tree, LoadingOutlined },

src/components/Form/src/components/ApiTreeSelect.vue

@@ -5,6 +5,7 @@
     import { get } from 'lodash-es'
     import { propTypes } from '/@/utils/propTypes'
     import { LoadingOutlined } from '@ant-design/icons-vue'
+
     export default defineComponent({
         name: 'ApiTreeSelect',
         components: { ATreeSelect: TreeSelect, LoadingOutlined },

src/components/Form/src/components/FormAction.vue

 <script lang="ts">
     import type { ColEx } from '../types/index'
+
     // import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes';
     import type { PropType } from 'vue'
     import { computed, defineComponent } from 'vue'

src/components/Form/src/components/FormItem.vue

@@ -13,6 +13,7 @@
     import { cloneDeep, upperFirst } from 'lodash-es'
     import { useItemLabelWidth } from '../hooks/useLabelWidth'
     import { useI18n } from '/@/hooks/web/useI18n'
+
     export default defineComponent({
         name: 'BasicFormItem',
         inheritAttrs: false,

src/components/Markdown/src/Markdown.vue

@@ -8,6 +8,7 @@
     import { useRootSetting } from '/@/hooks/setting/useRootSetting'
     import { onMountedOrActivated } from '/@/hooks/core/onMountedOrActivated'
     import { getTheme } from './getTheme'
+
     type Lang = 'zh_CN' | 'en_US' | 'ja_JP' | 'ko_KR' | undefined
     export default defineComponent({
         inheritAttrs: false,

src/components/Markdown/src/MarkdownViewer.vue

@@ -5,6 +5,7 @@
     import { onMountedOrActivated } from '/@/hooks/core/onMountedOrActivated'
     import { useRootSetting } from '/@/hooks/setting/useRootSetting'
     import { getTheme } from './getTheme'
+
     const props = defineProps({
         value: { type: String },
         class: { type: String },

src/components/Markdown/src/typing.ts

 import type Vditor from 'vditor'
+
 export interface MarkDownActionType {
     getVditor: () => Vditor
 }

src/components/Menu/src/components/BasicMenuItem.vue

@@ -4,6 +4,7 @@
     import { itemProps } from '../props'
 
     import MenuItemContent from './MenuItemContent.vue'
+
     export default defineComponent({
         name: 'BasicMenuItem',
         components: { MenuItem: Menu.Item, MenuItemContent },

src/components/Menu/src/components/MenuItemContent.vue

@@ -5,6 +5,7 @@
     import { useI18n } from '/@/hooks/web/useI18n'
     import { useDesign } from '/@/hooks/web/useDesign'
     import { contentProps } from '../props'
+
     const { t } = useI18n()
 
     export default defineComponent({

src/components/Menu/src/props.ts

@@ -6,6 +6,7 @@ import { ThemeEnum } from '/@/enums/appEnum'
 import { propTypes } from '/@/utils/propTypes'
 import type { MenuTheme } from 'ant-design-vue'
 import type { MenuMode } from 'ant-design-vue/lib/menu/src/interface'
+
 export const basicProps = {
     items: {
         type: Array as PropType<Menu[]>,

src/components/Modal/src/components/ModalFooter.vue

@@ -2,6 +2,7 @@
     import { defineComponent } from 'vue'
 
     import { basicProps } from '../props'
+
     export default defineComponent({
         name: 'BasicModalFooter',
         props: basicProps,

src/components/Modal/src/typing.ts

 import type { ButtonProps } from 'ant-design-vue/lib/button/buttonTypes'
 import type { CSSProperties, ComputedRef, VNodeChild } from 'vue'
+
 /**
  * @description: 弹窗对外暴露的方法
  */

src/components/Qrcode/src/qrcodePlus.ts

 // 参考 qr-code-with-logo 进行ts版本修改
 import { toCanvas } from './toCanvas'
+
 export * from './typing'
 export { toCanvas }

src/components/Scrollbar/src/util.ts

 import type { BarMap } from './types'
+
 export const BAR_MAP: BarMap = {
     vertical: {
         offset: 'offsetHeight',

src/components/SimpleMenu/src/SimpleMenu.vue

@@ -14,6 +14,7 @@
     import { openWindow } from '/@/utils'
 
     import { useOpenKeys } from './useOpenKeys'
+
     export default defineComponent({
         name: 'SimpleMenu',
         components: {

src/components/SimpleMenu/src/SimpleSubMenu.vue

@@ -9,6 +9,7 @@
     import { propTypes } from '/@/utils/propTypes'
     import { useI18n } from '/@/hooks/web/useI18n'
     import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'
+
     export default defineComponent({
         name: 'SimpleSubMenu',
         components: {

src/components/SimpleMenu/src/components/Menu.vue

@@ -17,6 +17,7 @@
     import { propTypes } from '/@/utils/propTypes'
     import { createSimpleRootMenuContext } from './useSimpleMenuContext'
     import mitt from '/@/utils/mitt'
+
     export default defineComponent({
         name: 'Menu',
         props: {

src/components/SimpleMenu/src/components/MenuItem.vue

@@ -6,6 +6,7 @@
     import { Tooltip } from 'ant-design-vue'
     import { useMenuItem } from './useMenu'
     import { useSimpleRootMenuContext } from './useSimpleMenuContext'
+
     export default defineComponent({
         name: 'MenuItem',
         components: { Tooltip },

src/components/Table/src/BasicTable.vue

@@ -24,6 +24,7 @@
     import { basicProps } from './props'
     import { isFunction } from '/@/utils/is'
     import { warn } from '/@/utils/log'
+
     export default defineComponent({
         components: {
             Table,

src/components/Table/src/components/EditTableHeaderIcon.vue

 <script lang="ts">
     import { defineComponent } from 'vue'
     import { FormOutlined } from '@ant-design/icons-vue'
+
     export default defineComponent({
         name: 'EditTableHeaderIcon',
         components: { FormOutlined },

src/components/Table/src/components/editable/EditableCell.vue

@@ -14,6 +14,7 @@
     import { createPlaceholderMessage } from './helper'
     import { CellComponent } from './CellComponent'
     import type { EditRecordRow } from './index'
+
     export default defineComponent({
         name: 'EditableCell',
         components: { FormOutlined, CloseOutlined, CheckOutlined, CellComponent, Spin },

src/components/Table/src/components/settings/ColumnSetting.vue

@@ -7,6 +7,7 @@
     import { ScrollContainer } from '/@/components/Container'
     import { useI18n } from '/@/hooks/web/useI18n'
     import { useDesign } from '/@/hooks/web/useDesign'
+
     // import { useSortable } from '/@/hooks/web/useSortable';
     import { isFunction, isNullAndUnDef } from '/@/utils/is'
     import { getPopupContainer as getParentContainer } from '/@/utils'
@@ -15,6 +16,7 @@
     import type Sortable from 'sortablejs'
     import { useTableContext } from '../../hooks/useTableContext'
     import type { BasicColumn, ColumnChangeParam } from '../../types/table'
+
     interface State {
         checkAll: boolean
         isInit?: boolean

src/components/Table/src/types/tableAction.ts

 import type { ButtonProps } from 'ant-design-vue/es/button/buttonTypes'
 import type { TooltipProps } from 'ant-design-vue/es/tooltip/Tooltip'
 import type { RoleEnum } from '/@/enums/roleEnum'
+
 export interface ActionItem extends ButtonProps {
     onClick?: Fn
     label?: string

src/components/Tinymce/src/Editor.vue

@@ -26,6 +26,7 @@
     import 'tinymce/plugins/searchreplace'
     import 'tinymce/plugins/spellchecker'
     import 'tinymce/plugins/tabfocus'
+
     // import 'tinymce/plugins/table';
     import 'tinymce/plugins/template'
     import 'tinymce/plugins/textpattern'

src/components/Tree/src/BasicTree.vue

@@ -15,6 +15,7 @@
     import type { CreateContextOptions } from '/@/components/ContextMenu'
     import { treeEmits, treeProps } from './types/tree'
     import { createBEM } from '/@/utils/bem'
+
     export default defineComponent({
         name: 'BasicTree',
         inheritAttrs: false,

src/components/Tree/src/components/TreeHeader.vue

@@ -7,6 +7,7 @@
     import { useDebounceFn } from '@vueuse/core'
     import { createBEM } from '/@/utils/bem'
     import { ToolbarEnum } from '../types/tree'
+
     const props = defineProps({
         helpMessage: {
             type: [String, Array] as PropType<string | string[]>,

src/components/Upload/src/UploadModal.vue

@@ -3,15 +3,18 @@
     import { computed, defineComponent, reactive, ref, toRefs, unref } from 'vue'
     import { Alert, Upload } from 'ant-design-vue'
     import { BasicModal, useModalInner } from '/@/components/Modal'
+
     //   import { BasicTable, useTable } from '/@/components/Table';
     // hooks
     import { useUploadType } from './useUpload'
     import { useMessage } from '/@/hooks/web/useMessage'
+
     //   types
     import type { FileItem } from './typing'
     import { UploadResultStatus } from './typing'
     import { basicProps } from './props'
     import { createActionColumn, createTableColumns } from './data'
+
     // utils
     import { checkImgType, getBase64WithFile } from './helper'
     import { buildUUID } from '/@/utils/uuid'

src/components/Upload/src/UploadPreviewModal.vue

 <script lang="ts">
     import { defineComponent, ref, watch } from 'vue'
+
     //   import { BasicTable, useTable } from '/@/components/Table';
     import FileList from './FileList.vue'
     import { BasicModal, useModalInner } from '/@/components/Modal'

src/components/Upload/src/useUpload.ts

 import type { Ref } from 'vue'
 import { computed, unref } from 'vue'
 import { useI18n } from '/@/hooks/web/useI18n'
+
 const { t } = useI18n()
 export function useUploadType({
     acceptRef,

src/directives/ripple/index.ts

 import type { Directive } from 'vue'
 import './index.less'
+
 export interface RippleOptions {
     event: string
     transition: number

src/enums/pageEnum.ts

 export enum PageEnum {
     // basic login path
-    BASE_LOGIN = '/login',
+    // BASE_LOGIN = '/login',
+    BASE_LOGIN = '/main',
     // basic home path
-    BASE_HOME = '/dashboard',
+    BASE_HOME = '/main',
     // error page path
     ERROR_PAGE = '/exception',
     // error log page path

src/hooks/core/useAttrs.ts

 import { getCurrentInstance, reactive, shallowRef, watchEffect } from 'vue'
 import type { Ref } from 'vue'
+
 interface Params {
     excludeListeners?: boolean
     excludeKeys?: string[]

src/hooks/web/useContextMenu.ts

 import { getCurrentInstance, onUnmounted } from 'vue'
 import { createContextMenu, destroyContextMenu } from '/@/components/ContextMenu'
 import type { ContextMenuItem } from '/@/components/ContextMenu'
+
 export type { ContextMenuItem }
 export function useContextMenu(authRemove = true) {
     if (getCurrentInstance() && authRemove) {

src/hooks/web/useCopyToClipboard.ts

 import { ref, watch } from 'vue'
 
 import { isDef } from '/@/utils/is'
+
 interface Options {
     target?: HTMLElement
 }

src/hooks/web/useDesign.ts

 import { useAppProviderContext } from '/@/components/Application'
+
 // import { computed } from 'vue';
 // import { lowerFirst } from 'lodash-es';
 export function useDesign(scope: string) {

src/hooks/web/usePermission.ts

@@ -7,6 +7,7 @@ import { useUserStore } from '/@/store/modules/user'
 import { useTabs } from './useTabs'
 
 import { resetRouter, router } from '/@/router'
+
 // import { RootRoute } from '/@/router/routes';
 
 import projectSetting from '/@/settings/projectSetting'

src/layouts/default/feature/index.vue

@@ -11,6 +11,7 @@
     import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'
 
     import SessionTimeoutLogin from '/@/views/sys/login/SessionTimeoutLogin.vue'
+
     export default defineComponent({
         name: 'LayoutFeatures',
         components: {

src/layouts/default/header/components/FullScreen.vue

@@ -4,6 +4,7 @@
     import { useI18n } from '/@/hooks/web/useI18n'
     import { useFullscreen } from '@vueuse/core'
     import { FullscreenExitOutlined, FullscreenOutlined } from '@ant-design/icons-vue'
+
     export default defineComponent({
         name: 'FullScreen',
         components: { FullscreenExitOutlined, FullscreenOutlined, Tooltip },

src/layouts/default/header/components/lock/LockModal.vue

@@ -8,6 +8,7 @@
     import { useUserStore } from '/@/store/modules/user'
     import { useLockStore } from '/@/store/modules/lock'
     import headerImg from '/@/assets/images/header.jpg'
+
     export default defineComponent({
         name: 'LockModal',
         components: { BasicModal, BasicForm },

src/layouts/default/header/components/notify/NoticeList.vue

@@ -5,6 +5,7 @@
     import { useDesign } from '/@/hooks/web/useDesign'
     import { Avatar, List, Tag, Typography } from 'ant-design-vue'
     import { isNumber } from '/@/utils/is'
+
     export default defineComponent({
         components: {
             [Avatar.name]: Avatar,

src/layouts/default/header/components/user-dropdown/index.vue

@@ -13,6 +13,7 @@
     import { propTypes } from '/@/utils/propTypes'
     import { openWindow } from '/@/utils'
     import { createAsyncComponent } from '/@/utils/factory/createAsyncComponent'
+
     type MenuEvent = 'logout' | 'doc' | 'lock'
     export default defineComponent({
         name: 'UserDropdown',

src/layouts/default/setting/components/TypePicker.vue

@@ -6,6 +6,7 @@
     import { useDesign } from '/@/hooks/web/useDesign'
 
     import type { menuTypeList } from '../enum'
+
     export default defineComponent({
         name: 'MenuTypePicker',
         components: { Tooltip },

src/layouts/default/sider/LayoutSider.vue

@@ -14,6 +14,7 @@
     import { useDesign } from '/@/hooks/web/useDesign'
 
     import DragBar from './DragBar.vue'
+
     export default defineComponent({
         name: 'LayoutSideBar',
         components: { Sider: Layout.Sider, LayoutMenu, DragBar, LayoutTrigger },

src/layouts/default/sider/index.vue

@@ -8,6 +8,7 @@
     import { useAppInject } from '/@/hooks/web/useAppInject'
     import { useMenuSetting } from '/@/hooks/setting/useMenuSetting'
     import { useDesign } from '/@/hooks/web/useDesign'
+
     export default defineComponent({
         name: 'SiderWrapper',
         components: { Sider, Drawer, MixSider },

src/layouts/page/index.vue

@@ -6,6 +6,7 @@
     import { useMultipleTabSetting } from '/@/hooks/setting/useMultipleTabSetting'
     import { getTransitionName } from './transition'
     import { useMultipleTabStore } from '/@/store/modules/multipleTab'
+
     export default defineComponent({
         name: 'PageLayout',
         components: { FrameLayout },

src/locales/lang/en/routes/main.ts

+export default {
+    main: 'Home',
+}

src/locales/lang/zh-CN/routes/main.ts

+export default {
+    main: '主页',
+}

src/main.ts

@@ -2,6 +2,7 @@ import 'virtual:windi-base.css'
 import 'virtual:windi-components.css'
 import '/@/design/index.less'
 import 'virtual:windi-utilities.css'
+
 // Register icon sprite
 import 'virtual:svg-icons-register'
 import { createApp } from 'vue'

src/router/routes/index.ts

@@ -38,6 +38,15 @@ export const LoginRoute: AppRouteRecordRaw = {
     },
 }
 
+export const MainRoute: AppRouteRecordRaw = {
+    path: '/main',
+    name: 'Main',
+    component: () => import('/@/views/main/index.vue'),
+    meta: {
+        title: t('routes.main.main'),
+    },
+}
+
 // Basic routing without permission
 // 未经许可的基本路由
-export const basicRoutes = [LoginRoute, RootRoute, ...mainOutRoutes, REDIRECT_ROUTE, PAGE_NOT_FOUND_ROUTE]
+export const basicRoutes = [MainRoute, LoginRoute, RootRoute, ...mainOutRoutes, REDIRECT_ROUTE, PAGE_NOT_FOUND_ROUTE]

src/router/routes/modules/main.ts

+import type { AppRouteModule } from '/@/router/types'
+
+import { LAYOUT } from '/@/router/constant'
+import { t } from '/@/hooks/web/useI18n'
+
+const main: AppRouteModule = {
+    path: '/main',
+    name: 'Main',
+    component: LAYOUT,
+    redirect: '/main/index',
+    meta: {
+        orderNo: 10,
+        icon: 'ion:grid-outline',
+        title: t('routes.main.main'),
+    },
+    children: [
+        {
+            path: 'index',
+            name: 'Index',
+            component: () => import('/@/views/main/index.vue'),
+            meta: {
+                title: t('routes.main.main'),
+            },
+        },
+    ],
+}
+
+export default main

src/utils/domUtils.ts

@@ -169,6 +169,7 @@ export function useRafThrottle<T extends FunctionArgs>(fn: T): T {
         locked = true
         window.requestAnimationFrame(() => {
             // @ts-expect-error
+            // eslint-disable-next-line @typescript-eslint/no-invalid-this
             fn.apply(this, args)
             locked = false
         })

src/utils/http/axios/axiosRetry.ts

 import type { AxiosError, AxiosInstance } from 'axios'
+
 /**
  *  请求重试机制
  */

src/utils/http/axios/checkStatus.ts

 import type { ErrorMessageMode } from '/#/axios'
 import { useMessage } from '/@/hooks/web/useMessage'
 import { useI18n } from '/@/hooks/web/useI18n'
+
 // import router from '/@/router';
 // import { PageEnum } from '/@/enums/pageEnum';
 import { useUserStoreWithOut } from '/@/store/modules/user'

src/views/main/components/Versions.vue

+<script setup lang="ts">
+    import { reactive } from 'vue'
+
+    const versions = reactive({ ...window.electron.process.versions })
+</script>
+
+<template>
+    <ul class="versions">
+        <li class="electron-version">Electron v{{ versions.electron }}</li>
+        <li class="chrome-version">Chromium v{{ versions.chrome }}</li>
+        <li class="node-version">Node v{{ versions.node }}</li>
+        <li class="v8-version">V8 v{{ versions.v8.split('-').shift() }}</li>
+    </ul>
+</template>

src/views/main/index.vue

+<script setup lang="ts">
+    import Versions from './components/Versions.vue'
+
+    onMounted(() => {
+        postMessage({ payload: 'loaded' }, '*')
+    })
+</script>
+
+<template>
+    <Versions />
+
+    <svg class="hero-logo" viewBox="0 0 900 300">
+        <use xlink:href="../../assets/icons.svg#electron" />
+    </svg>
+    <h2 class="hero-text">You've successfully created an Electron project with Vue and TypeScript</h2>
+    <p class="hero-tagline">Please try pressing <code>F12</code> to open the devTool</p>
+
+    <div class="links">
+        <div class="link-item">
+            <a target="_blank" href="https://evite.netlify.app">Documentation</a>
+        </div>
+        <div class="link-item link-dot">•</div>
+        <div class="link-item">
+            <a target="_blank" href="https://github.com/alex8088/electron-vite">Getting Help</a>
+        </div>
+        <div class="link-item link-dot">•</div>
+        <div class="link-item">
+            <a target="_blank" href="https://github.com/alex8088/quick-start/tree/master/packages/create-electron">
+                create-electron
+            </a>
+        </div>
+    </div>
+
+    <div class="features">
+        <div class="feature-item">
+            <article>
+                <h2 class="title">Configuring</h2>
+                <p class="detail">
+                    Config with <span>electron.vite.config.ts</span> and refer to the
+                    <a target="_blank" href="https://evite.netlify.app/config/">config guide</a>.
+                </p>
+            </article>
+        </div>
+        <div class="feature-item">
+            <article>
+                <h2 class="title">HMR</h2>
+                <p class="detail">
+                    Edit <span>src/renderer</span> files to test HMR. See
+                    <a target="_blank" href="https://evite.netlify.app/guide/hmr-in-renderer.html">docs</a>.
+                </p>
+            </article>
+        </div>
+        <div class="feature-item">
+            <article>
+                <h2 class="title">Hot Reloading</h2>
+                <p class="detail">
+                    Run <span>'electron-vite dev --watch'</span> to enable. See
+                    <a target="_blank" href="https://evite.netlify.app/guide/hot-reloading.html">docs</a>.
+                </p>
+            </article>
+        </div>
+        <div class="feature-item">
+            <article>
+                <h2 class="title">Debugging</h2>
+                <p class="detail">
+                    Check out <span>.vscode/launch.json</span>. See
+                    <a target="_blank" href="https://evite.netlify.app/guide/debugging.html">docs</a>.
+                </p>
+            </article>
+        </div>
+        <div class="feature-item">
+            <article>
+                <h2 class="title">Source Code Protection</h2>
+                <p class="detail">
+                    Supported via built-in plugin <span>bytecodePlugin</span>. See
+                    <a target="_blank" href="https://evite.netlify.app/guide/source-code-protection.html"> docs </a>
+                    .
+                </p>
+            </article>
+        </div>
+        <div class="feature-item">
+            <article>
+                <h2 class="title">Packaging</h2>
+                <p class="detail">
+                    Use
+                    <a target="_blank" href="https://www.electron.build">electron-builder</a>
+                    and pre-configured to pack your app.
+                </p>
+            </article>
+        </div>
+    </div>
+</template>
+
+<style lang="less">
+    @import '../../assets/css/styles.less';
+</style>

src/views/sys/error-log/index.vue

@@ -10,6 +10,7 @@
     import { fireErrorApi } from '/@/api/demo/error'
     import { getColumns } from './data'
     import { cloneDeep } from 'lodash-es'
+
     const rowInfo = ref<ErrorLogInfo>()
     const imgList = ref<string[]>([])
     const { t } = useI18n()

src/views/sys/iframe/FrameBlank.vue

 <script lang="ts">
     import { defineComponent } from 'vue'
+
     export default defineComponent({
         name: 'FrameBlank',
     })

src/views/sys/login/LoginForm.vue

@@ -17,6 +17,7 @@
     import { useUserStore } from '/@/store/modules/user'
     import { LoginStateEnum, useFormRules, useFormValid, useLoginState } from './useLogin'
     import { useDesign } from '/@/hooks/web/useDesign'
+
     // import { onKeyStroke } from '@vueuse/core';
 
     const ACol = Col

tsconfig.web.json

@@ -43,6 +43,7 @@
         "build/**/*.ts",
         "build/**/*.d.ts",
         "mock/**/*.ts",
+        "src-electron/preload/*.d.ts",
         "vite.config.ts",
         "package.json"
     ],