chore: 更新依赖

package.json

@@ -40,28 +40,28 @@
     "path-to-regexp": "^6.2.1",
     "pinia": "^2.1.7",
     "qs": "^6.11.2",
-    "scule": "^1.1.0",
+    "scule": "^1.1.1",
     "vconsole": "^3.15.1",
     "vue": "^3.3.9",
     "vue-m-message": "^4.0.2",
     "vue-router": "^4.2.5"
   },
   "devDependencies": {
-    "@antfu/eslint-config": "2.1.1",
-    "@iconify/json": "^2.2.149",
+    "@antfu/eslint-config": "2.2.2",
+    "@iconify/json": "^2.2.151",
     "@iconify/vue": "^4.1.1",
     "@types/lodash-es": "^4.17.12",
     "@types/nprogress": "^0.2.3",
     "@types/path-browserify": "^1.0.2",
     "@types/qs": "^6.9.10",
-    "@unocss/eslint-plugin": "^0.57.7",
+    "@unocss/eslint-plugin": "^0.58.0",
     "@vitejs/plugin-legacy": "^5.2.0",
-    "@vitejs/plugin-vue": "^4.5.0",
+    "@vitejs/plugin-vue": "^4.5.1",
     "@vitejs/plugin-vue-jsx": "^3.1.0",
     "autoprefixer": "^10.4.16",
     "bumpp": "^9.2.0",
     "cz-git": "^1.7.1",
-    "eslint": "^8.54.0",
+    "eslint": "^8.55.0",
     "esno": "^4.0.0",
     "fs-extra": "^11.2.0",
     "http-server": "^14.1.1",
@@ -76,13 +76,13 @@
     "stylelint-config-standard-vue": "^1.0.0",
     "stylelint-scss": "^5.3.1",
     "stylelint-stylistic": "^0.4.3",
-    "svgo": "^3.0.4",
+    "svgo": "^3.0.5",
     "terser": "^5.24.0",
     "typescript": "^5.3.2",
-    "unocss": "^0.57.7",
-    "unplugin-auto-import": "^0.17.1",
-    "unplugin-vue-components": "^0.25.2",
-    "vite": "^5.0.3",
+    "unocss": "^0.58.0",
+    "unplugin-auto-import": "^0.17.2",
+    "unplugin-vue-components": "^0.26.0",
+    "vite": "^5.0.4",
     "vite-plugin-banner": "^0.7.1",
     "vite-plugin-compression": "^0.5.1",
     "vite-plugin-mock": "^2.9.8",
@@ -90,7 +90,7 @@
     "vite-plugin-svg-icons": "^2.0.1",
     "vite-plugin-vue-inspector": "^4.0.0",
     "vite-plugin-vue-meta-layouts": "^0.3.3",
-    "vue-tsc": "^1.8.22"
+    "vue-tsc": "^1.8.24"
   },
   "simple-git-hooks": {
     "pre-commit": "pnpm lint-staged",

src/layouts/ui-kit/HKbd.vue

@@ -1,5 +1,5 @@
 <template>
-  <kbd class="mr-[4px] h-6 min-w-[24px] inline-flex items-center justify-center rounded bg-stone-1 px-1 text-[12px] font-medium font-sans text-dark ring-1 ring-stone-3 ring-inset last:mr-0 dark:bg-dark-9 dark:text-white dark:ring-stone-7">
+  <kbd class="mr-[4px] h-6 min-w-[24px] inline-flex items-center justify-center rounded bg-stone-1 px-1 text-[12px] text-dark font-medium font-sans ring-1 ring-stone-3 ring-inset last:mr-0 dark:bg-dark-9 dark:text-white dark:ring-stone-7">
     <slot />
   </kbd>
 </template>

src/views/index.vue

@@ -89,6 +89,9 @@ function open(url: string) {
         </HButton>
       </HDropdownMenu>
     </PageHeader>
+    <PageMain class="rounded-lg text-white" style="background: linear-gradient(50deg, rgb(14 76 253), rgb(106 142 255));">
+      全新版本 V4.0 正式发布，支持替换 UI 组件库，点击查看<span class="cursor-pointer px-1 text-yellow font-bold hover:op-70" @click="open('https://fantastic-admin.gitee.io/guide/v4.html')">V4.0 更新介绍</span>。
+    </PageMain>
     <div class="w-full flex flex-col gap-[20px] px-[20px] xl:flex-row">
       <PageMain class="ecology">
         <template #title>
@@ -171,28 +174,6 @@ function open(url: string) {
         <ElImageViewer v-if="oneStepAdminInfo.imageVisible" :url-list="oneStepAdminInfo.data" :initial-index="oneStepAdminInfo.index" @close="oneStepAdminInfo.imageVisible = false" />
       </PageMain>
     </div>
-    <PageMain title="应用场景">
-      <div class="question">
-        <ol class="answer">
-          <li><span>没有前端开发人员的小型公司。</span>有很多小型公司没有前端开发人员，而这些公司在开发中后台系统的时候，会要求后端开发人员来进行开发工作。所以借助 Vue 的易学习易上手特性，再加上本框架的加持，可以让后端开发人员能在短时间内转型成为全栈开发。</li>
-          <li><span>前端开发人员不足的中小型公司。</span>根据招聘网站统计，几乎所有公司都缺前端，其中有很大一部分中小型公司标配只有1-2名前端开发人员，而这些公司在开发中后台系统的时候，如果能有一套现成的中后台框架系统，不仅能提高项目开发效率，同时还大大减轻前端开发人员工作压力。</li>
-          <li><span>项目型公司。</span>特点为项目多，周期短，甲方对页面布局和主题风格有绝对话语权，而通过专业版提供的布局和主题风格，可应对绝大部分甲方需求，并且可自定义扩展主题风格的样式，实现高度定制化。</li>
-          <li><span>产品型公司。</span>产品型公司最担心的就是产品开发中代码不可控的因素，本框架除了提供完善的开发文档和代码注释外，专业版用户还可加入技术群，确保开发人员尽可能理解整套框架源码的方方面面，为产品保驾护航。</li>
-          <li><span>个人开发者。</span>手里有一套可高度定制化的中后台框架，什么项目都不用担心啦~</li>
-        </ol>
-      </div>
-    </PageMain>
-    <PageMain title="优势">
-      <div class="question">
-        <ol class="answer">
-          <li><span>作者拥有10年+的前后端开发经验。</span>部分框架的作者由于缺少后端开发经验，可能会在设计框架的时候，很少或者没有考虑后端的实现逻辑，导致框架在实际使用中，业务场景无法落地，开发人员得通过修改源码自行实现业务。</li>
-          <li><span>经历过数十个真实项目的打磨。</span>没用在真实业务场景中使用过的框架都是纸飞机，哪怕它提供的演示功能特别华丽。而本框架在作者就职的公司，已经稳定应用在电商、直播、OA、CRM、ERP等多个不同领域的中后台系统中。</li>
-          <li><span>丰富的组件库。</span>除了可以接入市面上任意 UI 组件库外，框架还扩充了一些业务组件，以及第三方插件。借助以往的项目经验，提供最佳实践方案，方便开发人员直接使用。</li>
-          <li><span>持续更新的业务应用静态页面。</span>通过项目积累，沉淀出数十个业务应用的静态页面，做到开发人员拿来即可使用，极大提升开发效率的同时，还省去了产品和设计人员的工作。</li>
-          <li><span>长期维护。</span>无论是免费的基础版，还是付费的专业版，均提供长期维护。区别在于基础版侧重于稳定性维护，主要在修复 bug ，不定期增加新特性；专业版侧重于新特性开发，在确保稳定的基础上，会长期深挖中后台系统框架，持续产出可落地的特性或开发规范。</li>
-        </ol>
-      </div>
-    </PageMain>
   </div>
 </template>
 
@@ -224,18 +205,4 @@ function open(url: string) {
     }
   }
 }
-
-.question {
-  .answer {
-    --at-apply: m-0 pl-6 text-stone-5;
-
-    li {
-      --at-apply: mb-2 lh-6 last:mb-0;
-    }
-
-    span {
-      --at-apply: text-stone-7 dark:text-stone-3 font-bold;
-    }
-  }
-}
 </style>