docs: update README

feat: 添加runapi本地代理
feat: 添加 RunAPI 支持的 AI 翻译功能及相关样式
2026-07-25 13:34:08 +08:00 · 2026-06-24 14:24:17 +08:00 · 2026-06-17 17:43:08 +08:00 · 2026-06-17 17:23:30 +08:00 · 2026-06-17 17:02:39 +08:00 · 2026-06-17 16:53:30 +08:00
54 changed files with 5171 additions and 3785 deletions
--- a/.env.development
+++ b/.env.development
@@ -6,7 +6,7 @@ VITE_PUBLIC_PATH = '/'

 # Axios 基础路径
 # VITE_AXIOS_BASE_URL = '/api'  # 用于代理
-VITE_AXIOS_BASE_URL = 'https://mock.apipark.cn/m1/3776410-0-default'  # apifox云端mock
+VITE_AXIOS_BASE_URL = 'https://m1.apifoxmock.com/m1/3776410-3408296-default'  # apifox云端mock

 # 代理配置-target
 VITE_PROXY_TARGET = 'http://localhost:8085'
--- a/.env.production
+++ b/.env.production
@@ -4,7 +4,5 @@ VITE_USE_HASH = 'false'
 # 资源公共路径,需要以 /开头和结尾
 VITE_PUBLIC_PATH = '/'

-VITE_AXIOS_BASE_URL = '/api'  # 用于代理
-
-# 代理配置-target
-VITE_PROXY_TARGET = 'http://localhost:8085'
+# VITE_AXIOS_BASE_URL = '/api'  # 用于代理
+VITE_AXIOS_BASE_URL = 'https://m1.apifoxmock.com/m1/3776410-3408296-default'  # apifox云端mock
--- a/.vscode/extensions.json
+++ b/.vscode/extensions.json
@@ -7,6 +7,6 @@
    "esbenp.prettier-vscode",
    "sdras.vue-vscode-snippets",
    "mikestead.dotenv",
-    "simonhe.common-intellisense"
+    "tu6ge.naive-ui-intelligence"
  ]
 }
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@@ -19,6 +19,5 @@
    "markdown",
    "json",
    "jsonc"
-  ],
-  "common-intellisense.ui": ["naiveUi2"]
+  ]
 }
--- a/README.md
+++ b/README.md
@@ -5,8 +5,20 @@
 </p>
 <p align="center">
  <a href="./LICENSE"><img alt="MIT License" src="https://badgen.net/github/license/zclzone/vue-naive-admin"/></a>
+  <a href="https://gitcode.com/zclzone/vue-naive-admin"><img alt="GitCode" src="https://gitcode.com/zclzone/vue-naive-admin/star/badge.svg
+"/></a>
 </p>

+---
+
+<a href="https://hellogithub.com/repository/54f19ba1f9ae4238b3cbd111f3c428b0" target="_blank"><img src="https://abroad.hellogithub.com/v1/widgets/recommend.svg?rid=54f19ba1f9ae4238b3cbd111f3c428b0&claim_uid=jXGayRdJZScqMNr" alt="Featured｜HelloGitHub" style="width: 250px; height: 54px;" width="250" height="54" /></a>
+
+> [!Tip]
+> 我们提供Web（PC+H5+小程序）的技术支持服务及定制开发，不限前后端，详细需求可联系作者，微信: isme-admin，邮箱: admin@isme.top
+
+> [!Tip]
+> 项目内置 AI 翻译功能，模型由 [RunAPI](https://runapi.co/register?aff=Da0v) 提供支持。如需稳定、快速、实惠的中转模型 API 服务，可前往注册使用，通过此链接注册自动获赠$0.1体验额度，GPT-5.5模型可对话2-3次，欢迎体验。
+
 ## 简介

 Vue Naive Admin 是一款极简风格的后台管理模板，包含前后端解决方案，前端使用 Vite + Vue3 + Pinia + Unocss，后端使用 Nestjs + TypeOrm + MySql，简单易用，赏心悦目，历经十几次重构和细节打磨，诚意满满！！
@@ -31,8 +43,8 @@ Vue Naive Admin 2022年2月开始开源，从 1.0 到现在的 2.0，一直秉

 ## 极致的性能

-![](https://docs.isme.top/Public/Uploads/2023-11-18/6558568b2b476.png)
-![](https://docs.isme.top/Public/Uploads/2023-11-18/655853caa9ce8.png)
+![性能](https://docs.isme.top/Public/Uploads/2023-11-18/6558568b2b476.png)
+![性能](https://docs.isme.top/Public/Uploads/2023-11-18/655853caa9ce8.png)

 ## 2.0 和 1.0 区别

@@ -51,6 +63,7 @@ Vue Naive Admin 提供一套后端代码，技术栈使用 Nestjs + TypeOrm + My

 - 源码-github: [isme-nest-serve | github](https://github.com/zclzone/isme-nest-serve)
 - 源码-gitee: [isme-nest-serve | gitee](https://gitee.com/isme-admin/isme-nest-serve)
+- 源码-gitcode: [isme-nest-serve | gitcode](https://gitcode.com/zclzone/isme-nest-serve)

 ## 文档

@@ -69,6 +82,12 @@ Vue Naive Admin 提供一套后端代码，技术栈使用 Nestjs + TypeOrm + My
 npx degit zclzone/vue-naive-admin
 ```

+## 鸣谢
+
+本项目开发测试及运行环境由 [野草云](https://my.yecaoyun.com/aff.php?aff=3162) 提供支持。
+
+本项目 AI 翻译体验模型由 [RunAPI](https://runapi.co/register?aff=Da0v) 提供支持。
+
 ## 版权说明

 本项目使用 `MIT协议`，默认授权给任何人，被授权人可免费地无限制的使用、复制、修改、合并、发布、发行、再许可、售卖本软件拷贝、并有权向被供应人授予同等的权利，但必须满足以下条件:
--- a/jsconfig.json
+++ b/jsconfig.json
@@ -1,13 +1,13 @@
 {
  "compilerOptions": {
    "target": "ESNext",
+    "jsx": "preserve",
    "baseUrl": "./",
    "moduleResolution": "node",
    "paths": {
      "@/*": ["src/*"],
      "~/*": ["./*"]
    },
-    "jsx": "preserve",
    "allowJs": true
  },
  "exclude": ["node_modules", "dist"]
--- a/package.json
+++ b/package.json
@@ -13,45 +13,46 @@
  },
  "dependencies": {
    "@arco-design/color": "^0.4.0",
-    "@vueuse/core": "^11.1.0",
-    "axios": "^1.7.7",
-    "dayjs": "^1.11.13",
-    "echarts": "^5.5.1",
-    "lodash-es": "^4.17.21",
-    "naive-ui": "^2.40.1",
-    "pinia": "^2.2.4",
-    "pinia-plugin-persistedstate": "^4.1.1",
-    "vue": "^3.5.12",
-    "vue-echarts": "^7.0.3",
-    "vue-router": "^4.4.5",
+    "@vueuse/core": "^14.2.1",
+    "axios": "^1.16.1",
+    "dayjs": "^1.11.21",
+    "echarts": "^6.1.0",
+    "lodash-es": "^4.18.1",
+    "naive-ui": "^2.44.1",
+    "pinia": "^3.0.4",
+    "pinia-plugin-persistedstate": "^4.7.1",
+    "vue": "^3.5.35",
+    "vue-echarts": "^8.0.1",
+    "vue-router": "^5.1.0",
    "xlsx": "^0.18.5"
  },
  "devDependencies": {
-    "@antfu/eslint-config": "^3.8.0",
-    "@iconify/json": "^2.2.262",
-    "@unocss/eslint-config": "^0.63.6",
-    "@unocss/eslint-plugin": "^0.63.6",
-    "@unocss/preset-rem-to-px": "^0.63.6",
-    "@vitejs/plugin-vue": "^5.1.4",
-    "@vitejs/plugin-vue-jsx": "^4.0.1",
-    "eslint": "^9.13.0",
-    "eslint-plugin-format": "^0.1.2",
+    "@antfu/eslint-config": "^9.0.0",
+    "@iconify/json": "^2.2.481",
+    "@unocss/eslint-config": "^66.7.0",
+    "@unocss/eslint-plugin": "^66.7.0",
+    "@unocss/preset-rem-to-px": "^66.7.0",
+    "@vitejs/plugin-vue": "^6.0.7",
+    "@vitejs/plugin-vue-jsx": "^5.1.5",
+    "eslint": "^10.4.1",
+    "eslint-plugin-format": "^2.0.1",
    "esno": "^4.8.0",
-    "fs-extra": "^11.2.0",
-    "glob": "^11.0.0",
-    "lint-staged": "^15.2.10",
-    "rollup-plugin-visualizer": "^5.12.0",
-    "simple-git-hooks": "^2.11.1",
-    "taze": "^0.17.2",
-    "unocss": "^0.63.6",
-    "unplugin-auto-import": "^0.18.3",
-    "unplugin-vue-components": "^0.27.4",
-    "vite": "^5.4.9",
-    "vite-plugin-router-warn": "^1.0.0",
-    "vite-plugin-vue-devtools": "^7.5.2"
+    "fs-extra": "^11.3.5",
+    "glob": "^13.0.6",
+    "lint-staged": "^17.0.7",
+    "rollup-plugin-visualizer": "^7.0.1",
+    "simple-git-hooks": "^2.13.1",
+    "taze": "^19.14.1",
+    "unocss": "^66.7.0",
+    "unplugin-auto-import": "^21.0.0",
+    "unplugin-vue-components": "^32.1.0",
+    "vite": "^8.0.14",
+    "vite-plugin-router-warn": "^2.0.0",
+    "vite-plugin-vue-devtools": "^8.1.2",
+    "vue3-intro-step": "^1.0.5"
  },
  "simple-git-hooks": {
-    "pre-commit": "pnpm lint-staged"
+    "pre-commit": "npx lint-staged"
  },
  "lint-staged": {
    "*": "eslint --fix"
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/src/App.vue
+++ b/src/App.vue
@@ -29,9 +29,9 @@
 </template>

 <script setup>
+import { darkTheme, dateZhCN, zhCN } from 'naive-ui'
 import { LayoutSetting } from '@/components'
 import { useAppStore, useTabStore } from '@/store'
-import { darkTheme, dateZhCN, zhCN } from 'naive-ui'
 import { layoutSettingVisible } from './settings'

 const layouts = new Map()
--- a/src/components/common/LayoutSetting.vue
+++ b/src/components/common/LayoutSetting.vue
@@ -10,7 +10,7 @@
  <div>
    <n-tooltip trigger="hover" placement="left">
      <template #trigger>
-        <div class="f-c-c rounded-4 bg-primary p-8" @click="modalRef.open()">
+        <div id="layout-setting" class="f-c-c rounded-4 bg-primary p-8" @click="modalRef.open()">
          <i class="i-fe:settings cursor-pointer bg-white text-20" />
        </div>
      </template>
--- a/src/components/common/ThemeSetting.vue
+++ b/src/components/common/ThemeSetting.vue
@@ -1,21 +1,24 @@
 <template>
-  <n-tooltip trigger="hover">
-    <template #trigger>
-      <n-color-picker
-        class="mr-16 h-32 w-32"
-        :value="appStore.primaryColor"
-        :swatches="primaryColors"
-        :on-update:value="(v) => appStore.setPrimaryColor(v)"
-        :render-label="() => ''"
-      />
-    </template>
-    设置主题色
-  </n-tooltip>
+  <div class="f-c-c">
+    <n-tooltip trigger="hover" placement="bottom">
+      <template #trigger>
+        <div id="theme-setting" class="h-32 w-32">
+          <n-color-picker
+            :value="appStore.primaryColor"
+            :swatches="primaryColors"
+            :on-update:value="(v) => appStore.setPrimaryColor(v)"
+            :render-label="() => ''"
+          />
+        </div>
+      </template>
+      设置主题色
+    </n-tooltip>
+  </div>
 </template>

 <script setup>
-import { useAppStore } from '@/store'
 import { getPresetColors } from '@arco-design/color'
+import { useAppStore } from '@/store'

 const appStore = useAppStore()

--- a/src/components/common/ToggleTheme.vue
+++ b/src/components/common/ToggleTheme.vue
@@ -1,5 +1,6 @@
 <template>
  <i
+    id="toggleTheme"
    class="mr-16 cursor-pointer"
    :class="isDark ? 'i-fe:moon' : 'i-fe:sun'"
    @click="toggleDark"
@@ -7,8 +8,8 @@
 </template>

 <script setup>
-import { useAppStore } from '@/store'
 import { useDark, useToggle } from '@vueuse/core'
+import { useAppStore } from '@/store'

 const appStore = useAppStore()
 const isDark = useDark()
@@ -38,6 +39,7 @@ async function toggleDark({ clientX, clientY }) {
      duration: 500,
      easing: 'ease-in',
      pseudoElement: `::view-transition-${isDark.value ? 'old' : 'new'}(root)`,
+      fill: 'both',
    },
  )
 }
--- a/src/components/me/crud/index.vue
+++ b/src/components/me/crud/index.vue
@@ -7,48 +7,52 @@
 --------------------------------->

 <template>
-  <AppCard v-if="$slots.default" bordered bg="#fafafc dark:black" class="mb-30 min-h-60 rounded-4">
-    <form class="flex justify-between p-16" @submit.prevent="handleSearch()">
-      <n-scrollbar x-scrollable>
-        <n-space :wrap="!expand || isExpanded" :size="[32, 16]" class="p-10">
-          <slot />
-        </n-space>
-      </n-scrollbar>
-      <div class="flex-shrink-0 p-10">
-        <n-button ghost type="primary" @click="handleReset">
-          <i class="i-fe:rotate-ccw mr-4" />
-          重置
-        </n-button>
-        <n-button attr-type="submit" class="ml-20" type="primary">
-          <i class="i-fe:search mr-4" />
-          搜索
-        </n-button>
-
-        <template v-if="expand">
-          <n-button v-if="!isExpanded" type="primary" text @click="toggleExpand">
-            <i class="i-fe:chevrons-down ml-4" />
-            展开
+  <div class="h-full flex flex-col overflow-hidden">
+    <AppCard v-if="$slots.default" bordered bg="#fafafc dark:black" class="mb-30 min-h-60 rounded-4">
+      <form class="flex justify-between p-16" @submit.prevent="handleSearch()">
+        <n-scrollbar x-scrollable>
+          <n-space :wrap="!expand || isExpanded" :size="[32, 16]" class="p-10">
+            <slot />
+          </n-space>
+        </n-scrollbar>
+        <div class="flex-shrink-0 p-10">
+          <n-button ghost type="primary" @click="handleReset">
+            <i class="i-fe:rotate-ccw mr-4" />
+            重置
          </n-button>
-          <n-button v-else text type="primary" @click="toggleExpand">
-            <i class="i-fe:chevrons-up ml-4" />
-            收起
+          <n-button attr-type="submit" class="ml-20" type="primary">
+            <i class="i-fe:search mr-4" />
+            搜索
          </n-button>
-        </template>
-      </div>
-    </form>
-  </AppCard>

-  <NDataTable
-    :remote="remote"
-    :loading="loading"
-    :scroll-x="scrollX"
-    :columns="columns"
-    :data="tableData"
-    :row-key="(row) => row[rowKey]"
-    :pagination="isPagination ? pagination : false"
-    @update:checked-row-keys="onChecked"
-    @update:page="onPageChange"
-  />
+          <template v-if="expand">
+            <n-button v-if="!isExpanded" type="primary" text @click="toggleExpand">
+              <i class="i-fe:chevrons-down ml-4" />
+              展开
+            </n-button>
+            <n-button v-else text type="primary" @click="toggleExpand">
+              <i class="i-fe:chevrons-up ml-4" />
+              收起
+            </n-button>
+          </template>
+        </div>
+      </form>
+    </AppCard>
+
+    <NDataTable
+      :remote="remote"
+      :loading="loading"
+      :scroll-x="scrollX"
+      :columns="columns"
+      :data="tableData"
+      :row-key="(row) => row[rowKey]"
+      :pagination="isPagination ? pagination : false"
+      flex-height
+      class="flex-1"
+      @update:checked-row-keys="onChecked"
+      @update:page="onPageChange"
+    />
+  </div>
 </template>

 <script setup>
--- a/src/composables/useCrud.js
+++ b/src/composables/useCrud.js
@@ -6,6 +6,7 @@
 * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
 **********************************/

+import { cloneDeep } from 'lodash-es'
 import { useForm, useModal } from '.'

 const ACTIONS = {
@@ -21,7 +22,7 @@ export function useCrud({ name, initForm = {}, doCreate, doDelete, doUpdate, ref

  /** 新增 */
  function handleAdd(row = {}, title) {
-    handleOpen({ action: 'add', title, row: { ...initForm, ...row } })
+    handleOpen({ action: 'add', title, row: Object.assign({}, cloneDeep(initForm), cloneDeep(row)) })
  }

  /** 修改 */
--- a/src/composables/useForm.js
+++ b/src/composables/useForm.js
@@ -6,9 +6,11 @@
 * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
 **********************************/

+import { cloneDeep } from 'lodash-es'
+
 export function useForm(initFormData = {}) {
  const formRef = ref(null)
-  const formModel = ref({ ...initFormData })
+  const formModel = ref(cloneDeep(initFormData))
  const rules = {
    required: {
      required: true,
--- a/src/directives/index.js
+++ b/src/directives/index.js
@@ -6,6 +6,7 @@
 * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
 **********************************/

+import { withDirectives } from 'vue'
 import { router } from '@/router'

 const permission = {
@@ -21,3 +22,17 @@ const permission = {
 export function setupDirectives(app) {
  app.directive('permission', permission)
 }
+
+/**
+ * 用于h函数使用自定义权限指令
+ *
+ * @param {*} vnode 虚拟节点
+ * @param {*} code 权限码
+ * @returns 返回一个包含权限指令的vnode
+ *
+ * 使用示例：withPermission(h('button', {class: 'text-red-500'}, '删除'), 'user:delete')
+ *
+ */
+export function withPermission(vnode, code) {
+  return withDirectives(vnode, [[permission, code]])
+}
--- a/src/layouts/components/BeginnerGuide.vue
+++ b/src/layouts/components/BeginnerGuide.vue
@@ -0,0 +1,120 @@
+<template>
+  <n-tooltip trigger="hover">
+    <template #trigger>
+      <i
+        class="i-fe:beginner mr-16 cursor-pointer text-20"
+        @click="show = true"
+      />
+    </template>
+    操作指引
+  </n-tooltip>
+
+  <Vue3IntroStep
+    ref="myIntroStep"
+    v-model:show="show"
+    :config="config"
+  >
+    <template #prev="{ tipItem, index }">
+      <NButton class="mr-12" type="primary" color="#fff" text-color="#fff" ghost round size="small" @click="prev(tipItem, index)">
+        上一步
+      </NButton>
+    </template>
+    <template #next="{ tipItem }">
+      <NButton class="mr-12" type="primary" color="#fff" text-color="#fff" ghost round size="small" @click="next(tipItem)">
+        下一步
+      </NButton>
+    </template>
+
+    <template #skip>
+      <NButton type="primary" color="#fff" text-color="#fff" ghost round size="small" @click="skip">
+        跳过
+      </NButton>
+    </template>
+
+    <template #done>
+      <NButton type="primary" color="#fff" text-color="#fff" ghost round size="small" @click="done">
+        完成
+      </NButton>
+    </template>
+  </Vue3IntroStep>
+</template>
+
+<script setup>
+import Vue3IntroStep from 'vue3-intro-step'
+
+const myIntroStep = shallowRef(null)
+const show = shallowRef(false)
+const config = {
+  backgroundOpacity: 0.8,
+  titleStyle: {
+    textAlign: 'left',
+    fontSize: '18px',
+  },
+  contentStyle: {
+    textAlign: 'left',
+    fontSize: '14px',
+  },
+  tips: [
+    {
+      el: '#toggleTheme',
+      tipPosition: 'bottom',
+      title: '切换系统主题',
+      content: '一键开启护眼模式',
+    },
+    {
+      el: '#fullscreen',
+      tipPosition: 'bottom',
+      title: '全屏/退出全屏',
+      content: '一键开启全屏',
+    },
+    {
+      el: '#theme-setting',
+      tipPosition: 'bottom',
+      title: '设置主题色',
+      content: '调整为你喜欢的主题色',
+    },
+    {
+      el: '#user-dropdown',
+      tipPosition: 'bottom',
+      title: '个人中心',
+      content: '查看个人资料和退出系统',
+    },
+    {
+      el: '#menu-collapse',
+      tipPosition: 'bottom',
+      title: '展开/收起菜单',
+      content: '一键展开/收起菜单',
+    },
+    {
+      el: '#top-tab',
+      tipPosition: 'bottom',
+      title: '标签栏',
+      content: '鼠标滚轮滑动可调整至最佳视野',
+    },
+    {
+      el: '#layout-setting',
+      tipPosition: 'left',
+      title: '调整系统布局',
+      content: '将系统布局调整为你喜欢的样子',
+    },
+  ],
+}
+
+function skip() {
+  show.value = false
+}
+
+function done() {
+  show.value = false
+}
+
+function next() {
+  // tipItem当前的提示项信息
+  // 调用vue3-intro-step的next方法 手动触发下一步
+  myIntroStep.value.next()
+}
+function prev() {
+  // 调用vue3-intro-step的prev方法 手动触发上一步
+  myIntroStep.value.prev()
+}
+</script>
--- a/src/layouts/components/Fullscreen.vue
+++ b/src/layouts/components/Fullscreen.vue
@@ -1,5 +1,6 @@
 <template>
  <i
+    id="fullscreen"
    class="mr-16 cursor-pointer"
    :class="isFullscreen ? 'i-fe:minimize' : 'i-fe:maximize'"
    @click="toggle"
--- a/src/layouts/components/MenuCollapse.vue
+++ b/src/layouts/components/MenuCollapse.vue
@@ -8,7 +8,8 @@

 <template>
  <div
-    class="f-c-c cursor-pointer rounded-4 p-6 text-22 transition-all-300 auto-bg-hover"
+    id="menu-collapse"
+    class="f-c-c cursor-pointer rounded-4 auto-bg-hover p-6 text-22 transition-all-300"
    @click="appStore.switchCollapsed"
  >
    <i :class="appStore.collapsed ? 'i-line-md-menu-unfold-left' : 'i-line-md-menu-fold-left'" />
--- a/src/layouts/components/SideMenu.vue
+++ b/src/layouts/components/SideMenu.vue
@@ -54,6 +54,8 @@ function handleMenuSelect(key, item) {
    })
  }
  else {
+    if (!item.path)
+      return
    router.push(item.path)
  }
 }
--- a/src/layouts/components/UserAvatar.vue
+++ b/src/layouts/components/UserAvatar.vue
@@ -8,7 +8,7 @@

 <template>
  <n-dropdown :options="options" @select="handleSelect">
-    <div class="flex cursor-pointer items-center">
+    <div id="user-dropdown" class="flex cursor-pointer items-center">
      <n-avatar round :size="36" :src="userStore.avatar" />
      <div v-if="userStore.userInfo" class="ml-12 flex-col flex-shrink-0 items-center">
        <span class="text-14">{{ userStore.nickName ?? userStore.username }}</span>
--- a/src/layouts/components/index.js
+++ b/src/layouts/components/index.js
@@ -1,3 +1,4 @@
+export { default as BeginnerGuide } from './BeginnerGuide.vue'
 export { default as BreadCrumb } from './BreadCrumb.vue'
 export { default as Fullscreen } from './Fullscreen.vue'
 export { default as MenuCollapse } from './MenuCollapse.vue'
--- a/src/layouts/components/tab/index.vue
+++ b/src/layouts/components/tab/index.vue
@@ -7,7 +7,7 @@
 --------------------------------->

 <template>
-  <div>
+  <div id="top-tab">
    <n-tabs
      :value="tabStore.activeTab"
      :closable="tabStore.tabs.length > 1"
--- a/src/layouts/full/header/index.vue
+++ b/src/layouts/full/header/index.vue
@@ -13,6 +13,8 @@
    <BreadCrumb />

    <div class="ml-auto flex flex-shrink-0 items-center px-12 text-18">
+      <BeginnerGuide />
+
      <ToggleTheme />

      <Fullscreen />
@@ -35,7 +37,7 @@

 <script setup>
 import { ToggleTheme } from '@/components'
-import { BreadCrumb, Fullscreen, MenuCollapse, UserAvatar } from '@/layouts/components'
+import { BeginnerGuide, BreadCrumb, Fullscreen, MenuCollapse, UserAvatar } from '@/layouts/components'

 function handleLinkClick(link) {
  window.open(link)
--- a/src/layouts/normal/header/index.vue
+++ b/src/layouts/normal/header/index.vue
@@ -15,6 +15,8 @@
    <span class="mx-6 opacity-20">|</span>

    <div class="flex flex-shrink-0 items-center px-12 text-18">
+      <BeginnerGuide />
+
      <ToggleTheme />

      <Fullscreen />
@@ -37,7 +39,7 @@

 <script setup>
 import { ToggleTheme } from '@/components'
-import { AppTab, Fullscreen, MenuCollapse, UserAvatar } from '@/layouts/components'
+import { AppTab, BeginnerGuide, Fullscreen, MenuCollapse, UserAvatar } from '@/layouts/components'

 function handleLinkClick(link) {
  window.open(link)
--- a/src/router/guards/permission-guard.js
+++ b/src/router/guards/permission-guard.js
@@ -44,7 +44,7 @@ export function createPermissionGuard(router) {
    }

    const routes = router.getRoutes()
-    if (routes.find(route => route.name === to.name))
+    if (routes.some(route => route.name === to.name))
      return true

    // 判断是无权限还是404
--- a/src/store/helper.js
+++ b/src/store/helper.js
@@ -1,3 +1,4 @@
+import { cloneDeep } from 'lodash-es'
 import api from '@/api'
 import { basePermissions } from '@/settings'

@@ -26,5 +27,5 @@ export async function getPermissions() {
  catch (error) {
    console.error(error)
  }
-  return basePermissions.concat(asyncPermissions)
+  return cloneDeep(basePermissions).concat(asyncPermissions)
 }
--- a/src/store/modules/app.js
+++ b/src/store/modules/app.js
@@ -6,10 +6,10 @@
 * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
 **********************************/

-import { defaultLayout, defaultPrimaryColor, naiveThemeOverrides } from '@/settings'
 import { generate, getRgbStr } from '@arco-design/color'
 import { useDark } from '@vueuse/core'
 import { defineStore } from 'pinia'
+import { defaultLayout, defaultPrimaryColor, naiveThemeOverrides } from '@/settings'

 export const useAppStore = defineStore('app', {
  state: () => ({
@@ -50,7 +50,7 @@ export const useAppStore = defineStore('app', {
    },
  },
  persist: {
-    paths: ['collapsed', 'layout', 'primaryColor', 'naiveThemeOverrides'],
+    pick: ['collapsed', 'layout', 'primaryColor', 'naiveThemeOverrides'],
    storage: sessionStorage,
  },
 })
--- a/src/store/modules/auth.js
+++ b/src/store/modules/auth.js
@@ -6,8 +6,8 @@
 * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
 **********************************/

-import { usePermissionStore, useRouterStore, useTabStore, useUserStore } from '@/store'
 import { defineStore } from 'pinia'
+import { usePermissionStore, useRouterStore, useTabStore, useUserStore } from '@/store'

 export const useAuthStore = defineStore('auth', {
  state: () => ({
--- a/src/store/modules/permission.js
+++ b/src/store/modules/permission.js
@@ -6,9 +6,9 @@
 * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
 **********************************/

-import { isExternal } from '@/utils'
 import { hyphenate } from '@vueuse/core'
 import { defineStore } from 'pinia'
+import { isExternal } from '@/utils'

 export const usePermissionStore = defineStore('permission', {
  state: () => ({
@@ -29,8 +29,6 @@ export const usePermissionStore = defineStore('permission', {
      const route = this.generateRoute(item, item.show ? null : parent?.key)
      if (item.enable && route.path && !route.path.startsWith('http'))
        this.accessRoutes.push(route)
-      if (!item.show)
-        return null
      const menuItem = {
        label: route.meta.title,
        key: route.name,
@@ -48,6 +46,8 @@ export const usePermissionStore = defineStore('permission', {
        if (!menuItem.children.length)
          delete menuItem.children
      }
+      if (!item.show)
+        return null
      return menuItem
    },
    generateRoute(item, parentKey) {
--- a/src/store/modules/tab.js
+++ b/src/store/modules/tab.js
@@ -71,7 +71,7 @@ export const useTabStore = defineStore('tab', {
      const curIndex = this.tabs.findIndex(item => item.path === curPath)
      const filterTabs = this.tabs.filter((item, index) => index >= curIndex)
      this.setTabs(filterTabs)
-      if (!filterTabs.find(item => item.path === this.activeTab)) {
+      if (!filterTabs.some(item => item.path === this.activeTab)) {
        useRouterStore().router?.push(filterTabs[filterTabs.length - 1].path)
      }
    },
@@ -79,7 +79,7 @@ export const useTabStore = defineStore('tab', {
      const curIndex = this.tabs.findIndex(item => item.path === curPath)
      const filterTabs = this.tabs.filter((item, index) => index <= curIndex)
      this.setTabs(filterTabs)
-      if (!filterTabs.find(item => item.path === this.activeTab.value)) {
+      if (!filterTabs.some(item => item.path === this.activeTab.value)) {
        useRouterStore().router?.push(filterTabs[filterTabs.length - 1].path)
      }
    },
@@ -88,7 +88,7 @@ export const useTabStore = defineStore('tab', {
    },
  },
  persist: {
-    paths: ['tabs'],
+    pick: ['tabs'],
    storage: sessionStorage,
  },
 })
--- a/src/styles/reset.css
+++ b/src/styles/reset.css
@@ -34,8 +34,8 @@ html,
  -webkit-text-size-adjust: 100%; /* 2 */
  -moz-tab-size: 4; /* 3 */
  tab-size: 4; /* 3 */
-  font-family: ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol',
-    'Noto Color Emoji'; /* 4 */
+  font-family:
+    ui-sans-serif, system-ui, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol', 'Noto Color Emoji'; /* 4 */
  font-feature-settings: normal; /* 5 */
  font-variation-settings: normal; /* 6 */
  -webkit-tap-highlight-color: transparent; /* 7 */
@@ -114,7 +114,8 @@ code,
 kbd,
 samp,
 pre {
-  font-family: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /* 1 */
+  font-family:
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, 'Liberation Mono', 'Courier New', monospace; /* 1 */
  font-feature-settings: normal; /* 2 */
  font-variation-settings: normal; /* 3 */
  font-size: 1em; /* 4 */
--- a/src/utils/common.js
+++ b/src/utils/common.js
@@ -34,7 +34,7 @@ export function throttle(fn, wait) {
  let previous = 0

  return function (...argArr) {
-    const now = +new Date()
+    const now = Date.now()
    context = this
    args = argArr
    if (now - previous > wait) {
--- a/src/utils/http/helpers.js
+++ b/src/utils/http/helpers.js
@@ -10,45 +10,34 @@
 import { useAuthStore } from '@/store'

 let isConfirming = false
+
+function handleAuthExpired(content, needTip) {
+  if (isConfirming || !needTip)
+    return
+  isConfirming = true
+  $dialog.confirm({
+    title: '提示',
+    type: 'info',
+    content,
+    confirm() {
+      useAuthStore().logout()
+      window.$message?.success('已退出登录')
+      isConfirming = false
+    },
+    cancel() {
+      isConfirming = false
+    },
+  })
+  return false
+}
+
 export function resolveResError(code, message, needTip = true) {
  switch (code) {
    case 401:
-      if (isConfirming || !needTip)
-        return
-      isConfirming = true
-      $dialog.confirm({
-        title: '提示',
-        type: 'info',
-        content: '登录已过期，是否重新登录？',
-        confirm() {
-          useAuthStore().logout()
-          window.$message?.success('已退出登录')
-          isConfirming = false
-        },
-        cancel() {
-          isConfirming = false
-        },
-      })
-      return false
+      return handleAuthExpired('登录已过期，是否重新登录？', needTip)
    case 11007:
    case 11008:
-      if (isConfirming || !needTip)
-        return
-      isConfirming = true
-      $dialog.confirm({
-        title: '提示',
-        type: 'info',
-        content: `${message}，是否重新登录？`,
-        confirm() {
-          useAuthStore().logout()
-          window.$message?.success('已退出登录')
-          isConfirming = false
-        },
-        cancel() {
-          isConfirming = false
-        },
-      })
-      return false
+      return handleAuthExpired(`${message}，是否重新登录？`, needTip)
    case 403:
      message = '请求被拒绝'
      break
--- a/src/utils/naiveTools.js
+++ b/src/utils/naiveTools.js
@@ -7,9 +7,9 @@
 * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
 **********************************/

+import * as NaiveUI from 'naive-ui'
 import { useAppStore } from '@/store'
 import { isNullOrUndef } from '@/utils'
-import * as NaiveUI from 'naive-ui'

 export function setupMessage(NMessage) {
  class Message {
--- a/src/utils/storage/index.js
+++ b/src/utils/storage/index.js
@@ -11,14 +11,14 @@ import { createStorage } from './storage'

 const prefixKey = 'vue-naive-admin_'

-export const createLocalStorage = function (option = {}) {
+export function createLocalStorage(option = {}) {
  return createStorage({
    prefixKey: option.prefixKey || '',
    storage: localStorage,
  })
 }

-export const createSessionStorage = function (option = {}) {
+export function createSessionStorage(option = {}) {
  return createStorage({
    prefixKey: option.prefixKey || '',
    storage: sessionStorage,
--- a/src/utils/storage/storage.js
+++ b/src/utils/storage/storage.js
@@ -23,7 +23,7 @@ class Storage {
    const stringData = JSON.stringify({
      value,
      time: Date.now(),
-      expire: !isNullOrUndef(expire) ? new Date().getTime() + expire * 1000 : null,
+      expire: !isNullOrUndef(expire) ? Date.now() + expire * 1000 : null,
    })
    this.storage.setItem(this.getKey(key), stringData)
  }
@@ -40,7 +40,7 @@ class Storage {
    try {
      const data = JSON.parse(val)
      const { value, time, expire } = data
-      if (isNullOrUndef(expire) || expire > new Date().getTime()) {
+      if (isNullOrUndef(expire) || expire > Date.now()) {
        return { value, time }
      }
      this.remove(key)
--- a/src/views/base/index.vue
+++ b/src/views/base/index.vue
@@ -98,7 +98,7 @@
 <script setup>
 import { sleep } from '@/utils'

-const handleDelete = function () {
+function handleDelete() {
  $dialog.confirm({
    content: '确认删除？',
    confirm() {
--- a/src/views/base/unocss-icon.vue
+++ b/src/views/base/unocss-icon.vue
@@ -26,7 +26,7 @@
      <li
        v-for="item in icons"
        :key="item"
-        class="w-160 f-c-c flex-col cursor-pointer rounded-12 px-12 py-24 card-border auto-bg"
+        class="w-160 f-c-c flex-col cursor-pointer card-border rounded-12 auto-bg px-12 py-24"
        @click="copy(`&lt;i class=&quot;${item}&quot; /&gt;`)"
      >
        <i :class="`${item}?mask`" class="text-28 text-gray-600 hover:bg-primary" />
--- a/src/views/base/unocss.vue
+++ b/src/views/base/unocss.vue
@@ -22,7 +22,7 @@
    </p>

    <div mt-20 w-350 f-c-c flex-col>
-      <div flex flex-wrap justify-around rounded-10 p-10 card-border>
+      <div flex flex-wrap justify-around card-border rounded-10 p-10>
        <div m-20 h-50 w-50 f-c-c rounded-5 p-10 border="1 solid">
          <span h-6 w-6 rounded-3 bg-black dark:bg-white />
        </div>
--- a/src/views/demo/translate/index.vue
+++ b/src/views/demo/translate/index.vue
@@ -0,0 +1,523 @@
+<script setup>
+import { useClipboard, useStorage } from '@vueuse/core'
+import {
+  API_BASE_URL_OPTIONS,
+  DEFAULT_SETTINGS,
+  EXPERIENCE_KEY_MAX_TEXT_LENGTH,
+  isExperienceApiKey,
+  isSettingsReady,
+  MODEL_OPTIONS,
+  STORE_KEY,
+  translateText,
+} from './translate'
+
+defineOptions({ name: 'DemoTranslate' })
+
+const { copy, copied } = useClipboard()
+
+const sourceText = ref('')
+const resultText = ref('')
+const errorText = ref('')
+const loading = ref(false)
+const showSettings = ref(false)
+const runApiUrl = 'https://runapi.co/register?aff=Da0v'
+
+const settings = useStorage(STORE_KEY, { ...DEFAULT_SETTINGS })
+const draftSettings = reactive({ ...settings.value })
+
+const canTranslate = computed(() => Boolean(sourceText.value.trim()) && !loading.value)
+const apiReady = computed(() => isSettingsReady(settings.value))
+const isUsingExperienceKey = computed(() => isExperienceApiKey(settings.value.apiKey))
+const isDraftExperienceKey = computed(() => isExperienceApiKey(draftSettings.apiKey))
+const sourceLength = computed(() => sourceText.value.length)
+const sourceLimitText = computed(() => `${sourceLength.value}/${EXPERIENCE_KEY_MAX_TEXT_LENGTH}`)
+const footerText = computed(() => {
+  if (!apiReady.value)
+    return '请先完善模型配置'
+  if (isUsingExperienceKey.value)
+    return '当前是体验 Key，所有人每天共享使用约 1000 次翻译'
+  return '已就绪'
+})
+
+watch(sourceText, (value) => {
+  if (isUsingExperienceKey.value && value.length > EXPERIENCE_KEY_MAX_TEXT_LENGTH)
+    sourceText.value = value.slice(0, EXPERIENCE_KEY_MAX_TEXT_LENGTH)
+})
+
+watch(copied, (value) => {
+  if (value)
+    $message.success('已复制译文')
+})
+
+onMounted(() => {
+  if (!apiReady.value)
+    showSettings.value = true
+})
+
+function syncDraftSettings() {
+  Object.assign(draftSettings, settings.value)
+}
+
+function openSettings() {
+  syncDraftSettings()
+  showSettings.value = true
+}
+
+function saveSettings() {
+  if (!isSettingsReady(draftSettings))
+    return
+
+  settings.value = {
+    apiKey: draftSettings.apiKey.trim(),
+    apiBaseUrl: draftSettings.apiBaseUrl.trim().replace(/\/+$/, ''),
+    model: draftSettings.model.trim(),
+  }
+  showSettings.value = false
+  errorText.value = ''
+  $message.success('配置已保存')
+}
+
+function selectModel(model) {
+  draftSettings.model = model
+}
+
+async function handleTranslate() {
+  const text = sourceText.value.trim()
+  if (!text || loading.value)
+    return
+
+  resultText.value = ''
+  errorText.value = ''
+
+  if (!apiReady.value) {
+    syncDraftSettings()
+    showSettings.value = true
+    errorText.value = '请先保存模型配置'
+    return
+  }
+
+  loading.value = true
+  try {
+    resultText.value = await translateText(text, settings.value)
+  }
+  catch (error) {
+    errorText.value = error?.message || '翻译失败'
+  }
+  finally {
+    loading.value = false
+  }
+}
+
+async function handleCopy() {
+  if (!resultText.value)
+    return
+  await copy(resultText.value)
+}
+</script>
+
+<template>
+  <CommonPage>
+    <div class="translate-page">
+      <div class="translate-toolbar">
+        <div class="min-w-0 flex items-center gap-12">
+          <div class="tool-icon">
+            <i class="i-fe:globe" />
+          </div>
+          <div class="min-w-0">
+            <div class="flex items-center gap-10">
+              <h3 class="m-0 text-18 font-600">
+                AI 翻译
+              </h3>
+              <n-tag size="small" round :type="apiReady ? 'success' : 'warning'">
+                {{ settings.model || '未配置模型' }}
+              </n-tag>
+            </div>
+            <div class="mt-4 truncate text-13 text-#7a807f">
+              {{ footerText }}
+            </div>
+          </div>
+        </div>
+
+        <div class="flex items-center gap-10">
+          <a
+            v-if="isUsingExperienceKey"
+            class="runapi-badge"
+            :href="runApiUrl"
+            target="_blank"
+            rel="noopener noreferrer"
+            title="打开 RunAPI"
+          >
+            <i class="i-fe:zap" />
+            <span>默认体验模型由中转站平台 RunAPI 提供支持</span>
+            <i class="i-fe:external-link" />
+          </a>
+          <n-button quaternary circle title="模型配置" @click="openSettings">
+            <template #icon>
+              <i class="i-fe:settings" />
+            </template>
+          </n-button>
+        </div>
+      </div>
+
+      <div class="translate-workspace">
+        <section class="translate-panel">
+          <div class="panel-head">
+            <div>
+              <div class="text-14 font-600">
+                原文
+              </div>
+              <div class="mt-4 text-12 text-#9aa0a0">
+                Enter 翻译
+              </div>
+            </div>
+            <div class="flex items-center gap-10">
+              <n-tag v-if="isUsingExperienceKey" size="small" :bordered="false">
+                {{ sourceLimitText }}
+              </n-tag>
+            </div>
+          </div>
+
+          <div class="source-input-wrap">
+            <n-input
+              v-model:value="sourceText"
+              class="translate-input"
+              type="textarea"
+              :maxlength="isUsingExperienceKey ? EXPERIENCE_KEY_MAX_TEXT_LENGTH : undefined"
+              :placeholder="isUsingExperienceKey ? `请输入要翻译的内容（体验 Key 最多 ${EXPERIENCE_KEY_MAX_TEXT_LENGTH} 字符）` : '请输入要翻译的内容'"
+              @keydown.enter.exact.prevent="handleTranslate"
+            />
+            <n-button
+              class="translate-action"
+              type="primary"
+              :loading="loading"
+              :disabled="!canTranslate"
+              @click="handleTranslate"
+            >
+              <template #icon>
+                <i class="i-fe:send" />
+              </template>
+              翻译
+            </n-button>
+          </div>
+        </section>
+
+        <section class="translate-panel">
+          <div class="panel-head">
+            <div>
+              <div class="text-14 font-600">
+                译文
+              </div>
+              <div class="mt-4 text-12 text-#9aa0a0">
+                自动识别中英方向
+              </div>
+            </div>
+            <n-button quaternary circle :disabled="!resultText" title="复制译文" @click="handleCopy">
+              <template #icon>
+                <i :class="copied ? 'i-fe:check' : 'i-fe:copy'" />
+              </template>
+            </n-button>
+          </div>
+
+          <div class="result-box">
+            <div v-if="errorText" class="result-error">
+              <i class="i-fe:alert-circle text-22" />
+              <span>{{ errorText }}</span>
+            </div>
+            <span v-else-if="resultText" class="whitespace-pre-wrap break-words">{{ resultText }}</span>
+            <div v-else class="result-empty">
+              <i class="i-fe:message-square text-34" />
+              <span>翻译结果会显示在这里</span>
+            </div>
+          </div>
+        </section>
+      </div>
+    </div>
+
+    <n-drawer v-model:show="showSettings" :width="420" placement="right">
+      <n-drawer-content title="模型配置" closable>
+        <div class="flex flex-col gap-16">
+          <n-alert v-if="isDraftExperienceKey" type="warning" :show-icon="false">
+            当前是体验 Key，所有人每天共享使用约 1000 次翻译，单次最多支持 {{ EXPERIENCE_KEY_MAX_TEXT_LENGTH }} 字符。
+          </n-alert>
+
+          <a class="runapi-card" :href="runApiUrl" target="_blank" rel="noopener noreferrer">
+            <span class="min-w-0 flex-1">
+              <strong>默认体验模型由中转站平台 RunAPI 提供支持</strong>
+              <span>点击获取稳定、快速且实惠的模型 API 服务</span>
+            </span>
+            <i class="i-fe:external-link" />
+          </a>
+
+          <div>
+            <div class="mb-8 text-13 text-#5f6665">
+              API Key
+            </div>
+            <n-input
+              v-model:value="draftSettings.apiKey"
+              type="password"
+              show-password-on="click"
+              placeholder="sk-..."
+            />
+          </div>
+
+          <div>
+            <div class="mb-8 text-13 text-#5f6665">
+              API Base URL
+            </div>
+            <n-auto-complete
+              v-model:value="draftSettings.apiBaseUrl"
+              :options="API_BASE_URL_OPTIONS.filter(item => item.includes(draftSettings.apiBaseUrl)).map(value => ({ label: value, value }))"
+              :get-show="() => true"
+              placeholder="例如：https://runapi.co/v1"
+            />
+          </div>
+
+          <div>
+            <div class="mb-8 text-13 text-#5f6665">
+              Model
+            </div>
+            <n-auto-complete
+              v-model:value="draftSettings.model"
+              :options="MODEL_OPTIONS.filter(item => item.includes(draftSettings.model)).map(value => ({ label: value, value }))"
+              :get-show="() => true"
+              placeholder="例如：gpt-5.4-mini"
+            />
+            <div class="mt-10 flex flex-wrap gap-8">
+              <n-tag
+                v-for="model in MODEL_OPTIONS"
+                :key="model"
+                class="cursor-pointer"
+                size="small"
+                :type="draftSettings.model === model ? 'primary' : 'default'"
+                round
+                @click="selectModel(model)"
+              >
+                {{ model }}
+              </n-tag>
+            </div>
+          </div>
+
+          <div class="flex justify-end gap-10">
+            <n-button @click="showSettings = false">
+              取消
+            </n-button>
+            <n-button type="primary" :disabled="!isSettingsReady(draftSettings)" @click="saveSettings">
+              保存配置
+            </n-button>
+          </div>
+        </div>
+      </n-drawer-content>
+    </n-drawer>
+  </CommonPage>
+</template>
+
+<style scoped>
+.translate-page {
+  height: 100%;
+  min-height: 0;
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr);
+  gap: 16px;
+}
+
+.translate-toolbar {
+  min-height: 70px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 16px;
+  padding: 0 4px 16px;
+  border-bottom: 1px solid rgba(239, 239, 245, 0.9);
+}
+
+.tool-icon {
+  width: 42px;
+  height: 42px;
+  display: grid;
+  place-items: center;
+  flex: none;
+  border-radius: 8px;
+  color: rgb(var(--primary-color));
+  background: rgba(var(--primary-color), 0.09);
+  font-size: 20px;
+}
+
+.runapi-badge {
+  height: 34px;
+  display: inline-flex;
+  align-items: center;
+  gap: 8px;
+  padding: 0 12px;
+  border: 1px solid rgba(var(--primary-color), 0.22);
+  border-radius: 8px;
+  color: rgb(var(--primary-color));
+  background: rgba(var(--primary-color), 0.08);
+  text-decoration: none;
+  font-size: 13px;
+  font-weight: 600;
+  white-space: nowrap;
+  transition:
+    background 0.2s ease,
+    border-color 0.2s ease;
+}
+
+.runapi-badge:hover {
+  border-color: rgba(var(--primary-color), 0.38);
+  background: rgba(var(--primary-color), 0.13);
+}
+
+.runapi-card {
+  display: flex;
+  align-items: center;
+  gap: 12px;
+  padding: 14px;
+  border: 1px solid rgba(var(--primary-color), 0.18);
+  border-radius: 8px;
+  color: #1f2322;
+  background: linear-gradient(135deg, rgba(var(--primary-color), 0.1), rgba(255, 255, 255, 0.9));
+  text-decoration: none;
+}
+
+.runapi-card strong,
+.runapi-card span span {
+  display: block;
+}
+
+.runapi-card strong {
+  color: rgb(var(--primary-color));
+  font-size: 14px;
+}
+
+.runapi-card span span {
+  margin-top: 4px;
+  color: #7a807f;
+  font-size: 12px;
+}
+
+.runapi-card-icon {
+  width: 34px;
+  height: 34px;
+  display: grid;
+  place-items: center;
+  flex: none;
+  border-radius: 8px;
+  color: rgb(var(--primary-color));
+  background: rgba(var(--primary-color), 0.12);
+}
+
+.translate-workspace {
+  min-height: 0;
+  display: grid;
+  grid-template-columns: minmax(0, 1fr) minmax(0, 1fr);
+  gap: 16px;
+}
+
+.translate-panel {
+  min-height: 0;
+  display: grid;
+  grid-template-rows: auto minmax(0, 1fr);
+  border: 1px solid #efeff5;
+  border-radius: 8px;
+  overflow: hidden;
+  background: #fff;
+}
+
+.panel-head {
+  min-height: 68px;
+  display: flex;
+  align-items: center;
+  justify-content: space-between;
+  gap: 12px;
+  padding: 14px 16px;
+  border-bottom: 1px solid #f1f1f4;
+  background: #fbfcfc;
+}
+
+.translate-input {
+  height: 100%;
+}
+
+.source-input-wrap {
+  position: relative;
+  min-height: 0;
+}
+
+.translate-input :deep(.n-input),
+.translate-input :deep(.n-input-wrapper),
+.translate-input :deep(.n-input__textarea),
+.translate-input :deep(.n-input__textarea-el) {
+  height: 100%;
+  resize: none;
+}
+
+.translate-input :deep(textarea),
+.translate-input :deep(.n-input__textarea-el) {
+  resize: none !important;
+}
+
+.translate-input :deep(.n-input) {
+  border-radius: 0;
+}
+
+.translate-input :deep(.n-input__textarea-el) {
+  padding-bottom: 68px;
+}
+
+.translate-input :deep(.n-input__border),
+.translate-input :deep(.n-input__state-border) {
+  display: none;
+}
+
+.translate-action {
+  position: absolute;
+  right: 16px;
+  bottom: 16px;
+  z-index: 1;
+}
+
+.result-box {
+  min-height: 0;
+  overflow: auto;
+  padding: 18px;
+  color: #1f2322;
+  font-size: 15px;
+  line-height: 1.8;
+  background: #fff;
+}
+
+.result-empty {
+  height: 100%;
+  min-height: 220px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  flex-direction: column;
+  gap: 10px;
+  color: #a0a5a4;
+}
+
+.result-error {
+  min-height: 220px;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  gap: 10px;
+  color: #d03050;
+  font-size: 14px;
+}
+
+@media (max-width: 960px) {
+  .translate-toolbar {
+    align-items: flex-start;
+    flex-direction: column;
+  }
+
+  .translate-workspace {
+    grid-template-columns: 1fr;
+  }
+
+  .runapi-badge {
+    white-space: normal;
+  }
+}
+</style>
--- a/src/views/demo/translate/translate.js
+++ b/src/views/demo/translate/translate.js
@@ -0,0 +1,131 @@
+export const STORE_KEY = 'demo-translate-settings'
+
+export const API_BASE_URL_OPTIONS = [
+  'https://runapi.co/v1',
+]
+
+export const MODEL_OPTIONS = [
+  'gpt-5.4-mini',
+  'gpt-5.2',
+  'gpt-5.4',
+  'gpt-5.5',
+  'deepseek-v4-flash',
+  'deepseek-v4-pro',
+]
+
+export const DEFAULT_SETTINGS = {
+  apiKey: 'sk-17UVTOjYEB3M9Erg32yGdEhMVFKEaALuIkjy1CkGrCUdiQqJ',
+  apiBaseUrl: API_BASE_URL_OPTIONS[0],
+  model: MODEL_OPTIONS[0],
+}
+
+export const EXPERIENCE_KEY_MAX_TEXT_LENGTH = 100
+
+const RUNAPI_PROXY_BASE_URL = '/runapi'
+
+const TRANSLATION_RULES = 'Translate directly. Return only the translation. Preserve formatting, markdown, code, URLs, numbers, placeholders, and line breaks.'
+
+export function isSettingsReady(target) {
+  return Boolean(target.apiKey?.trim() && target.apiBaseUrl?.trim() && target.model?.trim())
+}
+
+export function isExperienceApiKey(apiKey) {
+  return apiKey?.trim() === DEFAULT_SETTINGS.apiKey
+}
+
+export function validateTranslateText(text, settings) {
+  if (isExperienceApiKey(settings.apiKey) && text.length > EXPERIENCE_KEY_MAX_TEXT_LENGTH)
+    throw new Error(`体验 Key 最多支持 ${EXPERIENCE_KEY_MAX_TEXT_LENGTH} 字符`)
+}
+
+function countMatches(text, pattern) {
+  return text.match(pattern)?.length || 0
+}
+
+function detectSourceLanguage(text) {
+  const cjkCount = countMatches(text, /[\u3400-\u9FFF]/g)
+  const latinCount = countMatches(text, /[A-Z]/gi)
+
+  if (!cjkCount && !latinCount)
+    return 'auto'
+  if (!cjkCount)
+    return 'en'
+  if (!latinCount)
+    return 'zh'
+
+  const cjkRatio = cjkCount / (cjkCount + latinCount)
+  if (cjkRatio >= 0.2)
+    return 'zh'
+  if (cjkRatio <= 0.08)
+    return 'en'
+
+  const firstScript = text.match(/[\u3400-\u9FFFA-Z]/i)?.[0]
+  return firstScript && /[\u3400-\u9FFF]/.test(firstScript) ? 'zh' : 'en'
+}
+
+function createSystemPrompt(sourceLanguage) {
+  if (sourceLanguage === 'zh')
+    return `${TRANSLATION_RULES} Target: natural English.`
+  if (sourceLanguage === 'en')
+    return `${TRANSLATION_RULES} Target: natural Simplified Chinese.`
+  return `${TRANSLATION_RULES} Target: Simplified Chinese.`
+}
+
+function createFastModelOptions(model) {
+  const normalized = model.trim().toLowerCase()
+  if (!normalized.startsWith('gpt-5'))
+    return {}
+
+  return {
+    reasoning_effort: /^gpt-5\.[1-9]\d*/.test(normalized) ? 'none' : 'low',
+    verbosity: 'low',
+  }
+}
+
+function createRequestBaseUrl(apiBaseUrl) {
+  const baseUrl = apiBaseUrl.trim().replace(/\/+$/, '')
+  if (baseUrl === API_BASE_URL_OPTIONS[0])
+    return RUNAPI_PROXY_BASE_URL
+  return baseUrl
+}
+
+export async function translateText(text, settings) {
+  validateTranslateText(text, settings)
+
+  const baseUrl = createRequestBaseUrl(settings.apiBaseUrl)
+  const model = settings.model.trim() || DEFAULT_SETTINGS.model
+  const sourceLanguage = detectSourceLanguage(text)
+
+  const response = await fetch(`${baseUrl}/chat/completions`, {
+    method: 'POST',
+    headers: {
+      'Content-Type': 'application/json',
+      'Authorization': `Bearer ${settings.apiKey.trim()}`,
+    },
+    body: JSON.stringify({
+      model,
+      temperature: 0,
+      ...createFastModelOptions(model),
+      messages: [
+        {
+          role: 'system',
+          content: createSystemPrompt(sourceLanguage),
+        },
+        {
+          role: 'user',
+          content: text,
+        },
+      ],
+    }),
+  })
+
+  const data = await response.json().catch(() => ({}))
+  if (!response.ok)
+    throw new Error(data?.error?.message || `请求失败：${response.status}`)
+
+  const result = data?.choices?.[0]?.message?.content?.trim() || ''
+  if (!result)
+    throw new Error('未收到翻译结果')
+
+  return result
+}
--- a/src/views/demo/upload/index.vue
+++ b/src/views/demo/upload/index.vue
@@ -62,11 +62,7 @@ defineOptions({ name: 'ImgUpload' })

 const { copy, copied } = useClipboard()

-const imgList = reactive([
-  { url: 'https://img.isme.top/isme/67208863145ef.jpg' },
-  { url: 'https://img.isme.top/isme/67208ab2a9de0.jpg' },
-  { url: 'https://img.isme.top/isme/67208ab4c6596.jpg' },
-])
+const imgList = reactive([])

 watch(copied, (val) => {
  if (val)
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -30,10 +30,9 @@
      <n-card class="ml-12 w-70%" title="✨ 欢迎使用 Vue Naive Admin 2.0">
        <template #header-extra>
          <a
-            class="text-14 text-primary text-highlight hover:underline hover:opacity-80"
+            class="text-highlight text-14 text-primary hover:underline hover:opacity-80"
            href="https://isme.top"
            target="_blank"
-            @click.prevent="message?.info('官网正在火速开发中...')"
          >
            isme.top
          </a>
@@ -69,7 +68,7 @@
    <div class="mt-12 flex">
      <n-card class="w-50%" title="💯 特性" segmented>
        <template #header-extra>
-          <span class="opacity-90 text-highlight">👏 历经十几次重构和细节打磨</span>
+          <span class="text-highlight opacity-90">👏 历经十几次重构和细节打磨</span>
        </template>

        <ul class="opacity-90">
@@ -160,13 +159,13 @@
 </template>

 <script setup>
-import { useUserStore } from '@/store'
 import { BarChart, LineChart, PieChart } from 'echarts/charts'
 import { GridComponent, LegendComponent, TooltipComponent } from 'echarts/components'
 import * as echarts from 'echarts/core'
 import { UniversalTransition } from 'echarts/features'
 import { CanvasRenderer } from 'echarts/renderers'
 import VChart from 'vue-echarts'
+import { useUserStore } from '@/store'

 const userStore = useUserStore()

@@ -251,7 +250,7 @@ const skillOption = {
  },
  series: [
    {
-      top: '12%',
+      bottom: '12%',
      type: 'pie',
      radius: ['35%', '90%'],
      avoidLabelOverlap: true,
@@ -284,6 +283,4 @@ const skillOption = {
    },
  ],
 }
-
-const message = $message
 </script>
--- a/src/views/login/index.vue
+++ b/src/views/login/index.vue
@@ -9,7 +9,7 @@
 <template>
  <div class="wh-full flex-col bg-[url(@/assets/images/login_bg.webp)] bg-cover">
    <div
-      class="m-auto max-w-700 min-w-345 f-c-c rounded-8 bg-opacity-20 bg-cover p-12 card-shadow auto-bg"
+      class="m-auto max-w-700 min-w-345 f-c-c rounded-8 auto-bg bg-opacity-20 bg-cover p-12 card-shadow"
    >
      <div class="hidden w-380 px-20 py-35 md:block">
        <img src="@/assets/images/login_banner.webp" class="w-full" alt="login_banner">
@@ -101,9 +101,9 @@
 </template>

 <script setup>
+import { useStorage } from '@vueuse/core'
 import { useAuthStore } from '@/store'
 import { lStorage, throttle } from '@/utils'
-import { useStorage } from '@vueuse/core'
 import api from './api'

 const authStore = useAuthStore()
--- a/src/views/pms/resource/api.js
+++ b/src/views/pms/resource/api.js
@@ -6,8 +6,8 @@
 * Copyright © 2023 Ronnie Zhang(大脸怪) | https://isme.top
 **********************************/

-import { request } from '@/utils'
 import axios from 'axios'
+import { request } from '@/utils'

 export default {
  getMenuTree: () => request.get('/permission/menu/tree'),
--- a/src/views/pms/resource/components/ResAddOrEdit.vue
+++ b/src/views/pms/resource/components/ResAddOrEdit.vue
@@ -159,10 +159,10 @@
 </template>

 <script setup>
-import { MeModal } from '@/components'
-import { useForm, useModal } from '@/composables'
 import icons from 'isme:icons'
 import pagePathes from 'isme:page-pathes'
+import { MeModal } from '@/components'
+import { useForm, useModal } from '@/composables'
 import api from '../api'
 import QuestionLabel from './QuestionLabel.vue'

--- a/src/views/pms/resource/index.vue
+++ b/src/views/pms/resource/index.vue
@@ -92,8 +92,8 @@
 </template>

 <script setup>
-import { MeCrud } from '@/components'
 import { NButton, NSwitch } from 'naive-ui'
+import { MeCrud } from '@/components'
 import api from './api'
 import MenuTree from './components/MenuTree.vue'
 import ResAddOrEdit from './components/ResAddOrEdit.vue'
--- a/src/views/pms/role/index.vue
+++ b/src/views/pms/role/index.vue
@@ -75,7 +75,7 @@
            :checked-keys="modalForm.permissionIds"
            :on-update:checked-keys="(keys) => (modalForm.permissionIds = keys)"

-            default-expand-all checkable check-on-click
+            checkable check-on-click default-expand-all
            class="cus-scroll max-h-200 w-full"
          />
        </n-form-item>
@@ -95,9 +95,9 @@
 </template>

 <script setup>
+import { NButton, NSwitch } from 'naive-ui'
 import { MeCrud, MeModal, MeQueryItem } from '@/components'
 import { useCrud } from '@/composables'
-import { NButton, NSwitch } from 'naive-ui'
 import api from './api'

 defineOptions({ name: 'RoleMgt' })
--- a/src/views/pms/role/role-user.vue
+++ b/src/views/pms/role/role-user.vue
@@ -67,10 +67,10 @@
 </template>

 <script setup>
-import { MeCrud, MeQueryItem } from '@/components'
-import { formatDateTime } from '@/utils'
 import { NAvatar, NButton, NSwitch, NTag } from 'naive-ui'
 import { h } from 'vue'
+import { MeCrud, MeQueryItem } from '@/components'
+import { formatDateTime } from '@/utils'
 import api from './api'

 defineOptions({ name: 'RoleUser' })
@@ -163,31 +163,31 @@ const columns = [
    render(row) {
      return row.roles?.some(item => item.id === +route.params.roleId)
        ? h(
-          NButton,
-          {
-            size: 'small',
-            type: 'error',
-            secondary: true,
-            onClick: () => handleBatchRemove([row.id]),
-          },
-          {
-            default: () => '取消授权',
-            icon: () => h('i', { class: 'i-material-symbols:delete-outline text-14' }),
-          },
-        )
+            NButton,
+            {
+              size: 'small',
+              type: 'error',
+              secondary: true,
+              onClick: () => handleBatchRemove([row.id]),
+            },
+            {
+              default: () => '取消授权',
+              icon: () => h('i', { class: 'i-material-symbols:delete-outline text-14' }),
+            },
+          )
        : h(
-          NButton,
-          {
-            size: 'small',
-            type: 'primary',
-            secondary: true,
-            onClick: () => handleBatchAdd([row.id]),
-          },
-          {
-            default: () => '授权',
-            icon: () => h('i', { class: 'i-line-md:confirm-circle text-14' }),
-          },
-        )
+            NButton,
+            {
+              size: 'small',
+              type: 'primary',
+              secondary: true,
+              onClick: () => handleBatchAdd([row.id]),
+            },
+            {
+              default: () => '授权',
+              icon: () => h('i', { class: 'i-line-md:confirm-circle text-14' }),
+            },
+          )
    },
  },
 ]
--- a/src/views/pms/user/index.vue
+++ b/src/views/pms/user/index.vue
@@ -77,7 +77,7 @@
            trigger: ['input', 'blur'],
          }"
        >
-          <n-input v-model:value="modalForm.password" />
+          <n-input v-model:value="modalForm.password" type="password" show-password-on="mousedown" />
        </n-form-item>

        <n-form-item v-if="['add', 'setRole'].includes(modalAction)" label="角色" path="roleIds">
@@ -110,10 +110,11 @@
 </template>

 <script setup>
+import { NAvatar, NButton, NSwitch, NTag } from 'naive-ui'
 import { MeCrud, MeModal, MeQueryItem } from '@/components'
 import { useCrud } from '@/composables'
+import { withPermission } from '@/directives'
 import { formatDateTime } from '@/utils'
-import { NAvatar, NButton, NSwitch, NTag } from 'naive-ui'
 import api from './api'

 defineOptions({ name: 'UserMgt' })
@@ -219,17 +220,29 @@ const columns = [
  {
    title: '操作',
    key: 'actions',
-    width: 320,
+    width: 420,
    align: 'right',
    fixed: 'right',
    hideInExcel: true,
    render(row) {
      return [
+        withPermission(
+          h(NButton, {
+            size: 'small',
+            type: 'primary',
+            secondary: true,
+          }, {
+            default: () => '超管专属',
+            icon: () => h('i', { class: 'i-carbon:user-role text-14' }),
+          }),
+          'SuperAdmin',
+        ),
        h(
          NButton,
          {
            size: 'small',
            type: 'primary',
+            class: 'ml-12px',
            secondary: true,
            onClick: () => handleOpenRolesSet(row),
          },
--- a/src/views/profile/index.vue
+++ b/src/views/profile/index.vue
@@ -73,10 +73,10 @@
        require-mark-placement="left"
      >
        <n-form-item label="原密码" path="oldPassword" :rule="required">
-          <n-input v-model:value="pwdForm.oldPassword" type="password" placeholder="请输入原密码" />
+          <n-input v-model:value="pwdForm.oldPassword" type="password" placeholder="请输入原密码" show-password-on="mousedown" />
        </n-form-item>
        <n-form-item label="新密码" path="newPassword" :rule="required">
-          <n-input v-model:value="pwdForm.newPassword" type="password" placeholder="请输入新密码" />
+          <n-input v-model:value="pwdForm.newPassword" type="password" placeholder="请输入新密码" show-password-on="mousedown" />
        </n-form-item>
      </n-form>
    </MeModal>
--- a/uno.config.js
+++ b/uno.config.js
@@ -8,13 +8,13 @@

 import { FileSystemIconLoader } from '@iconify/utils/lib/loader/node-loaders'
 import presetRemToPx from '@unocss/preset-rem-to-px'
-import { defineConfig, presetAttributify, presetIcons, presetUno } from 'unocss'
+import { defineConfig, presetAttributify, presetIcons, presetWind3 } from 'unocss'
 import { getIcons } from './build/index.js'

 const icons = getIcons()
 export default defineConfig({
  presets: [
-    presetUno(),
+    presetWind3(),
    presetAttributify(),
    presetIcons({
      warn: true,
--- a/vite.config.js
+++ b/vite.config.js
@@ -67,8 +67,17 @@ export default defineConfig(({ mode }) => {
            })
          },
        },
+        '/runapi': {
+          target: 'https://runapi.co',
+          changeOrigin: true,
+          rewrite: path => path.replace(/^\/runapi/, '/v1'),
+          secure: false,
+        },
      },
    },
+    optimizeDeps: {
+      include: ['vue3-intro-step'],
+    },
    build: {
      chunkSizeWarningLimit: 1024, // chunk 大小警告的限制（单位kb）
    },
Author	SHA1	Message	Date
zclzone	cebfc605bd	docs: update README	2026-06-24 14:24:17 +08:00
zclzone	e4fcbc0b07	feat: 添加runapi本地代理	2026-06-17 17:43:08 +08:00
zclzone	3a09be229b	feat: 添加 RunAPI 支持的 AI 翻译功能及相关样式	2026-06-17 17:23:30 +08:00
zclzone	23eb592269	feat: 添加AI翻译功能	2026-06-17 17:02:39 +08:00
zclzone	a1c64f29f7	fix: 修复控制台警告	2026-06-17 16:53:30 +08:00
zclzone	c55d16a951	chore: update deps and lint fix	2026-06-01 08:40:42 +08:00
zclzone	6d5a67b9d3	chore: update deps	2026-02-27 15:34:11 +08:00
zclzone	136cd387aa	docs: update README	2026-02-27 15:25:19 +08:00
zclzone	b6a67716b9	docs: update README	2026-01-26 14:07:21 +08:00
zclzone	22693b02ee	chore: update deps	2026-01-20 18:28:41 +08:00
zclzone	cba38db3c9	docs: update README	2025-12-30 10:06:03 +08:00
zclzone	2e03a4b1a6	chore: update deps	2025-12-23 11:43:59 +08:00
zclzone	a5a20a30c9	perf: 添加optimizeDeps优化项	2025-12-01 17:40:41 +08:00
zclzone	9a7170f10c	chore: update deps and lint fix	2025-12-01 17:38:59 +08:00
zclzone	fb4d18cc0a	Merge branch '2.x' of https://gitcode.com/zclzone/vue-naive-admin into 2.x	2025-11-05 14:43:20 +08:00
zclzone	d078bba63e	docs: update README	2025-11-05 14:39:45 +08:00
zclzone	5663f58b6e	!1 merge 2.x into 2.x refactor: 重构认证过期处理逻辑，消除代码重复 Created-by: u013737132 Commit-by: Ray.Hao Merged-by: zclzone Description: refactor: 重构认证过期处理逻辑，消除代码重复 See merge request: zclzone/vue-naive-admin!1	2025-11-05 14:28:22 +08:00
Ray.Hao	32700aee17	refactor: 重构认证过期处理逻辑，消除代码重复	2025-11-03 10:28:55 +08:00
zclzone	e593ba3ca5	docs: update README	2025-10-20 16:37:43 +08:00
zclzone	d9de814074	docs: add gitcode badge	2025-10-20 16:21:17 +08:00
zclzone	5457c4e70b	fix: 修复切换主题闪屏问题	2025-10-14 14:06:02 +08:00
zclzone	6757e47fb1	fix: 首页饼图样式	2025-10-10 17:45:50 +08:00
zclzone	3fbcfdf0e1	fix: 删除失效图片地址	2025-10-10 17:12:28 +08:00
zclzone	d6764158f3	fix: 更新apifox云端mock地址	2025-10-10 17:09:39 +08:00
zclzone	4785842629	chore: update deps and lint fix	2025-08-26 11:30:11 +08:00
zclzone	5b4b0bd9ad	fix: lint fix	2025-08-04 09:39:13 +08:00
goofy	3c04bbce8e	fix: 修复上级菜单隐藏，下级菜单不生成路由问题 (#130 ) fix: 修复上级菜单隐藏，下级菜单不生成路由问题	2025-08-04 09:36:56 +08:00
zclzone	0b69d55765	fix: 修复重新登录后basePermissions被清空问题，close #128	2025-06-27 16:00:34 +08:00
zclzone	91739a0cd5	chore: update deps and lint fix	2025-06-19 16:11:31 +08:00
zclzone	c925ca3e00	chore: update recommendations	2025-05-26 16:37:34 +08:00
zclzone	11b0f45381	feat: 增加操作列宽度至420	2025-05-23 17:56:28 +08:00
zclzone	0fe0b9d41b	feat: 优化crud表格弹性高度	2025-05-19 11:21:45 +08:00
zclzone	7243f4f38e	style: lint fix	2025-05-19 11:20:51 +08:00
zclzone	5178b70aca	chore: update deps	2025-05-19 10:37:18 +08:00
zclzone	1934776063	chore: update deps	2025-04-24 15:36:37 +08:00
Khalil Yao	c675a4d420	feat: optimize password input. (#122 )	2025-04-12 10:42:32 +08:00
zclzone	e29343586f	docs: update README	2025-04-08 21:15:02 +08:00
zclzone	6fea2a1b69	Merge branch '2.x' of https://github.com/zclzone/vue-naive-admin into 2.x	2025-03-30 21:02:00 +08:00
zclzone	2513e475be	fix: tooltip箭头未居中问题	2025-03-30 21:01:20 +08:00
dxmqj200682	dde25dd7ab	fix: 菜单path跳转判空，close #120	2025-03-30 15:43:11 +08:00
leip247	1eb59b7cad	fix: 正确指向官网 (#119 )	2025-03-27 09:08:03 +08:00
zclzone	27a50a99b4	fix: 移除演示按钮的点击事件	2025-03-24 11:09:11 +08:00
zclzone	cf0ba0a2bf	fix: withPermission完善	2025-03-21 14:39:26 +08:00
zclzone	70c2098d2e	refactor: 操作指引改成非自动触发	2025-03-18 10:14:20 +08:00
zclzone	82748abcc3	fix: unocss废弃api替换	2025-03-18 10:05:50 +08:00
zclzone	e5fd1405da	style: lint fix	2025-03-13 10:29:17 +08:00
zclzone	833321d31d	chore: update deps	2025-02-28 17:25:28 +08:00
zclzone	53afc9b531	chore: update deps	2025-02-06 16:03:45 +08:00
zclzone	0733b81f82	fix(crud): 浅拷贝 -> 深拷贝	2025-01-21 14:37:16 +08:00
zclzone	26ce0bd551	chore: update deps	2025-01-09 21:15:09 +08:00
zclzone	1201e8e172	chore: update deps	2024-12-27 18:31:08 +08:00
zclzone	78d9bb99f2	chore: update deps and lint fix	2024-12-14 19:56:56 +08:00
zclzone	9b510e8350	fix: pinia持久化paths -> pick	2024-11-29 15:26:07 +08:00
zclzone	7ce6cf1f7c	fix: 移除多余的class	2024-11-22 16:00:49 +08:00
zclzone	30ca69cf16	fix: remove scss style	2024-11-22 15:59:20 +08:00
zclzone	c34c3646aa	chore: update settings.json	2024-11-22 15:49:08 +08:00
leip247	6563797afc	feat(guide): 添加操作指引 (#106 ) * fix(slot): 优化部分slot写法,减少手动判断 * fix(slot): 优化部分slot写法,减少手动判断 * feat(guide): 添加操作指引	2024-11-22 15:47:00 +08:00