Merge branch 'main' of https://github.com/vbenjs/vue-vben-admin

2024-09-01 13:07:06 +08:00 · 2024-09-01 13:07:06 +08:00 · 13083e6545
commit 13083e6545
parent 34d765a9e8 277e98c42c
77 changed files with 384 additions and 214 deletions
--- a/.ls-lint.yml
+++ b/.ls-lint.yml
@ -1,28 +0,0 @@
-ls:
-  .js: kebab-case | pointcase
-  .vue: kebab-case | pointcase
-  .ts: kebab-case | pointcase
-  .tsx: kebab-case | pointcase
-  .jsx: kebab-case | pointcase
-  .css: kebab-case | pointcase
-  .d.ts: kebab-case | pointcase
-  # shadcn 自动生成文件为 PascalCase 格式
-  packages/@core/ui-kit/shadcn-ui/src/components/ui:
-    .vue: PascalCase
-
-ignore:
-  - "**/*.png"
-  - "**/*.jpg"
-  - "**/*.jpeg"
-  - "**/*.jpeg"
-  - "**/*.gif"
-  - "**/_util.ts"
-  - "**/deps/**"
-  - "**/dist/**"
-  - "**/node_modules/**"
-  - "**/.turbo/**"
-  - .git
-  - .vscode
-  - .idea
-  - node_modules
-  - .cache
--- a/.vscode/settings.json
+++ b/.vscode/settings.json
@ -213,7 +213,7 @@
    "README.md": "README*,CHANGELOG*,LICENSE,CNAME",
    "package.json": "pnpm-lock.yaml,pnpm-workspace.yaml,.gitattributes,.gitignore,.gitpod.yml,.npmrc,.browserslistrc,.node-version,.git*,.tazerc.json",
    "Dockerfile": "Dockerfile,.docker*,docker-entrypoint.sh,build-local-docker*,nginx.conf",
-    "eslint.config.mjs": ".eslintignore,.prettierignore,.stylelintignore,.commitlintrc.*,.prettierrc.*,stylelint.config.*,.lintstagedrc.mjs,.ls-lint*,cspell.json",
+    "eslint.config.mjs": ".eslintignore,.prettierignore,.stylelintignore,.commitlintrc.*,.prettierrc.*,stylelint.config.*,.lintstagedrc.mjs,cspell.json",
    "tailwind.config.mjs": "postcss.*"
  },
  "commentTranslate.hover.enabled": false,
--- a/apps/web-antd/package.json
+++ b/apps/web-antd/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/web-antd",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://vben.pro",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/apps/web-antd/src/layouts/auth.vue
+++ b/apps/web-antd/src/layouts/auth.vue
@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+import { AuthPageLayout } from '@vben/layouts';
+import { preferences } from '@vben/preferences';
+
+import { $t } from '#/locales';
+
+const appName = computed(() => preferences.app.name);
+const logo = computed(() => preferences.logo.source);
+</script>
+
+<template>
+  <AuthPageLayout
+    :app-name="appName"
+    :logo="logo"
+    :page-description="$t('authentication.pageDesc')"
+    :page-title="$t('authentication.pageTitle')"
+  >
+    <!-- 自定义工具栏 -->
+    <!-- <template #toolbar></template> -->
+  </AuthPageLayout>
+</template>
--- a/apps/web-antd/src/layouts/index.ts
+++ b/apps/web-antd/src/layouts/index.ts
@ -1,8 +1,6 @@
 const BasicLayout = () => import('./basic.vue');
+const AuthPageLayout = () => import('./auth.vue');

 const IFrameView = () => import('@vben/layouts').then((m) => m.IFrameView);

-const AuthPageLayout = () =>
-  import('@vben/layouts').then((m) => m.AuthPageLayout);
-
 export { AuthPageLayout, BasicLayout, IFrameView };
--- a/apps/web-antd/src/views/dashboard/analytics/analytics-trends.vue
+++ b/apps/web-antd/src/views/dashboard/analytics/analytics-trends.vue
@ -55,12 +55,27 @@ onMounted(() => {
      },
      trigger: 'axis',
    },
+    // xAxis: {
+    //   axisTick: {
+    //     show: false,
+    //   },
+    //   boundaryGap: false,
+    //   data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
+    //   type: 'category',
+    // },
    xAxis: {
      axisTick: {
        show: false,
      },
      boundaryGap: false,
      data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
+      splitLine: {
+        lineStyle: {
+          type: 'solid',
+          width: 1,
+        },
+        show: true,
+      },
      type: 'category',
    },
    yAxis: [
@ -69,7 +84,10 @@ onMounted(() => {
          show: false,
        },
        max: 80_000,
-
+        splitArea: {
+          show: true,
+        },
+        splitNumber: 4,
        type: 'value',
      },
    ],
--- a/apps/web-antd/src/views/demos/antd/index.vue
+++ b/apps/web-antd/src/views/demos/antd/index.vue
@ -37,7 +37,7 @@ function notify(type: NotificationType) {
    description="支持多语言，主题功能集成切换等"
    title="Ant Design Vue组件使用演示"
  >
-    <Card title="按钮">
+    <Card class="mb-5" title="按钮">
      <Space>
        <Button>Default</Button>
        <Button type="primary"> Primary </Button>
--- a/apps/web-ele/package.json
+++ b/apps/web-ele/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/web-ele",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://vben.pro",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/apps/web-ele/src/layouts/auth.vue
+++ b/apps/web-ele/src/layouts/auth.vue
@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+import { AuthPageLayout } from '@vben/layouts';
+import { preferences } from '@vben/preferences';
+
+import { $t } from '#/locales';
+
+const appName = computed(() => preferences.app.name);
+const logo = computed(() => preferences.logo.source);
+</script>
+
+<template>
+  <AuthPageLayout
+    :app-name="appName"
+    :logo="logo"
+    :page-description="$t('authentication.pageDesc')"
+    :page-title="$t('authentication.pageTitle')"
+  >
+    <!-- 自定义工具栏 -->
+    <!-- <template #toolbar></template> -->
+  </AuthPageLayout>
+</template>
--- a/apps/web-ele/src/layouts/index.ts
+++ b/apps/web-ele/src/layouts/index.ts
@ -1,8 +1,6 @@
 const BasicLayout = () => import('./basic.vue');
+const AuthPageLayout = () => import('./auth.vue');

 const IFrameView = () => import('@vben/layouts').then((m) => m.IFrameView);

-const AuthPageLayout = () =>
-  import('@vben/layouts').then((m) => m.AuthPageLayout);
-
 export { AuthPageLayout, BasicLayout, IFrameView };
--- a/apps/web-ele/src/views/dashboard/analytics/analytics-trends.vue
+++ b/apps/web-ele/src/views/dashboard/analytics/analytics-trends.vue
@ -55,12 +55,27 @@ onMounted(() => {
      },
      trigger: 'axis',
    },
+    // xAxis: {
+    //   axisTick: {
+    //     show: false,
+    //   },
+    //   boundaryGap: false,
+    //   data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
+    //   type: 'category',
+    // },
    xAxis: {
      axisTick: {
        show: false,
      },
      boundaryGap: false,
      data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
+      splitLine: {
+        lineStyle: {
+          type: 'solid',
+          width: 1,
+        },
+        show: true,
+      },
      type: 'category',
    },
    yAxis: [
@ -69,7 +84,10 @@ onMounted(() => {
          show: false,
        },
        max: 80_000,
-
+        splitArea: {
+          show: true,
+        },
+        splitNumber: 4,
        type: 'value',
      },
    ],
--- a/apps/web-ele/src/views/dashboard/workspace/index.vue
+++ b/apps/web-ele/src/views/dashboard/workspace/index.vue
@ -214,7 +214,11 @@ const trendItems: WorkbenchTrendItem[] = [
        <WorkbenchTrends :items="trendItems" class="mt-5" title="最新动态" />
      </div>
      <div class="w-full lg:w-2/5">
-        <WorkbenchQuickNav :items="quickNavItems" title="快捷导航" />
+        <WorkbenchQuickNav
+          :items="quickNavItems"
+          class="mt-5 lg:mt-0"
+          title="快捷导航"
+        />
        <WorkbenchTodo :items="todoItems" class="mt-5" title="待办事项" />
        <AnalysisChartCard class="mt-5" title="访问来源">
          <AnalyticsVisitsSource />
--- a/apps/web-naive/package.json
+++ b/apps/web-naive/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/web-naive",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://vben.pro",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/apps/web-naive/src/layouts/auth.vue
+++ b/apps/web-naive/src/layouts/auth.vue
@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+import { AuthPageLayout } from '@vben/layouts';
+import { preferences } from '@vben/preferences';
+
+import { $t } from '#/locales';
+
+const appName = computed(() => preferences.app.name);
+const logo = computed(() => preferences.logo.source);
+</script>
+
+<template>
+  <AuthPageLayout
+    :app-name="appName"
+    :logo="logo"
+    :page-description="$t('authentication.pageDesc')"
+    :page-title="$t('authentication.pageTitle')"
+  >
+    <!-- 自定义工具栏 -->
+    <!-- <template #toolbar></template> -->
+  </AuthPageLayout>
+</template>
--- a/apps/web-naive/src/layouts/index.ts
+++ b/apps/web-naive/src/layouts/index.ts
@ -1,8 +1,6 @@
 const BasicLayout = () => import('./basic.vue');
+const AuthPageLayout = () => import('./auth.vue');

 const IFrameView = () => import('@vben/layouts').then((m) => m.IFrameView);

-const AuthPageLayout = () =>
-  import('@vben/layouts').then((m) => m.AuthPageLayout);
-
 export { AuthPageLayout, BasicLayout, IFrameView };
--- a/apps/web-naive/src/views/dashboard/analytics/analytics-trends.vue
+++ b/apps/web-naive/src/views/dashboard/analytics/analytics-trends.vue
@ -55,12 +55,27 @@ onMounted(() => {
      },
      trigger: 'axis',
    },
+    // xAxis: {
+    //   axisTick: {
+    //     show: false,
+    //   },
+    //   boundaryGap: false,
+    //   data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
+    //   type: 'category',
+    // },
    xAxis: {
      axisTick: {
        show: false,
      },
      boundaryGap: false,
      data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
+      splitLine: {
+        lineStyle: {
+          type: 'solid',
+          width: 1,
+        },
+        show: true,
+      },
      type: 'category',
    },
    yAxis: [
@ -69,7 +84,10 @@ onMounted(() => {
          show: false,
        },
        max: 80_000,
-
+        splitArea: {
+          show: true,
+        },
+        splitNumber: 4,
        type: 'value',
      },
    ],
--- a/apps/web-naive/src/views/dashboard/workspace/index.vue
+++ b/apps/web-naive/src/views/dashboard/workspace/index.vue
@ -214,7 +214,11 @@ const trendItems: WorkbenchTrendItem[] = [
        <WorkbenchTrends :items="trendItems" class="mt-5" title="最新动态" />
      </div>
      <div class="w-full lg:w-2/5">
-        <WorkbenchQuickNav :items="quickNavItems" title="快捷导航" />
+        <WorkbenchQuickNav
+          :items="quickNavItems"
+          class="mt-5 lg:mt-0"
+          title="快捷导航"
+        />
        <WorkbenchTodo :items="todoItems" class="mt-5" title="待办事项" />
        <AnalysisChartCard class="mt-5" title="访问来源">
          <AnalyticsVisitsSource />
--- a/docs/package.json
+++ b/docs/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/docs",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "private": true,
  "scripts": {
    "build": "vitepress build",
--- a/docs/src/en/guide/essentials/settings.md
+++ b/docs/src/en/guide/essentials/settings.md
@ -240,7 +240,7 @@ const defaultPreferences: Preferences = {
  theme: {
    builtinType: 'default',
    colorDestructive: 'hsl(348 100% 61%)',
-    colorPrimary: 'hsl(231 98% 65%)',
+    colorPrimary: 'hsl(212 100% 45%)',
    colorSuccess: 'hsl(144 57% 58%)',
    colorWarning: 'hsl(42 84% 61%)',
    mode: 'dark',
--- a/docs/src/en/guide/in-depth/login.md
+++ b/docs/src/en/guide/in-depth/login.md
@ -18,7 +18,7 @@ You just need to configure the `props` parameter of `AuthPageLayout` in `src/rou
      pageTitle: "开箱即用的大型中后台管理系统",
      pageDescription: "工程化、高性能、跨组件库的前端模版",
      toolbar: true,
-      toolbarList: () => ['color', 'language', 'layout', 'theme'],
+      toolbarList: ['color', 'language', 'layout', 'theme'],
    }
    // ...
  },
--- a/docs/src/en/guide/in-depth/theme.md
+++ b/docs/src/en/guide/in-depth/theme.md
@ -53,7 +53,7 @@ You can check the list below to understand all the available variables.

  /* Theme Colors */

-  --primary: 231 98% 65%;
+  --primary: 212 100% 45%;
  --primary-foreground: 0 0% 98%;

  /* Used for destructive actions such as <Button variant="destructive"> */
@ -264,7 +264,7 @@ export const overridesPreferences = defineOverridesPreferences({
    // Error color
    colorDestructive: 'hsl(348 100% 61%)',
    // Primary color
-    colorPrimary: 'hsl(231 98% 65%)',
+    colorPrimary: 'hsl(212 100% 45%)',
    // Success color
    colorSuccess: 'hsl(144 57% 58%)',
    // Warning color
@ -351,7 +351,7 @@ type BuiltinThemeType =

  /* Theme Colors */

-  --primary: 231 98% 65%;
+  --primary: 212 100% 45%;
  --primary-foreground: 0 0% 98%;

  /* Used for destructive actions such as <Button variant="destructive"> */
--- a/docs/src/guide/essentials/settings.md
+++ b/docs/src/guide/essentials/settings.md
@ -262,7 +262,7 @@ const defaultPreferences: Preferences = {
  theme: {
    builtinType: 'default',
    colorDestructive: 'hsl(348 100% 61%)',
-    colorPrimary: 'hsl(231 98% 65%)',
+    colorPrimary: 'hsl(212 100% 45%)',
    colorSuccess: 'hsl(144 57% 58%)',
    colorWarning: 'hsl(42 84% 61%)',
    mode: 'dark',
--- a/docs/src/guide/in-depth/login.md
+++ b/docs/src/guide/in-depth/login.md
@ -8,28 +8,21 @@

 ![login](/guide/login.png)

-只需要在应用下的 `src/router/routes/core.ts` 内，配置`AuthPageLayout`的 `props`参数即可：
+只需要在应用下的 `src/layouts/auth.vue` 内，配置`AuthPageLayout`的 `props`参数即可：

-```ts {4-8}
- {
-    component: AuthPageLayout,
-    props: {
-      sloganImage: "xxx/xxx.png",
-      pageTitle: "开箱即用的大型中后台管理系统",
-      pageDescription: "工程化、高性能、跨组件库的前端模版",
-      toolbar: true,
-      toolbarList: () => ['color', 'language', 'layout', 'theme'],
-    }
-    // ...
-  },
+```vue {2-7}
+<AuthPageLayout
+  :copyright="true"
+  :toolbar="true"
+  :toolbarList="['color', 'language', 'layout', 'theme']"
+  :app-name="appName"
+  :logo="logo"
+  :page-description="$t('authentication.pageDesc')"
+  :page-title="$t('authentication.pageTitle')"
+>
+</AuthPageLayout>
 ```

-::: tip
-
-如果这些配置不能满足你的需求，你可以自行实现登录页面。直接实现自己的 `AuthPageLayout`即可。
-
-:::
-
 ## 登录表单调整

 如果你想调整登录表单的相关内容，你可以在应用下的 `src/views/_core/authentication/login.vue` 内，配置`AuthenticationLogin` 组件参数即可：
--- a/docs/src/guide/in-depth/theme.md
+++ b/docs/src/guide/in-depth/theme.md
@ -53,7 +53,7 @@ css 变量内的颜色，必须使用 `hsl` 格式，如 `0 0% 100%`，不需要

  /* 主题颜色 */

-  --primary: 231 98% 65%;
+  --primary: 212 100% 45%;
  --primary-foreground: 0 0% 98%;

  /* Used for destructive actions such as <Button variant="destructive"> */
@ -264,7 +264,7 @@ export const overridesPreferences = defineOverridesPreferences({
    // 错误色
    colorDestructive: 'hsl(348 100% 61%)',
    // 主题色
-    colorPrimary: 'hsl(231 98% 65%)',
+    colorPrimary: 'hsl(212 100% 45%)',
    // 成功色
    colorSuccess: 'hsl(144 57% 58%)',
    // 警告色
@ -351,7 +351,7 @@ type BuiltinThemeType =

  /* 主题颜色 */

-  --primary: 231 98% 65%;
+  --primary: 212 100% 45%;
  --primary-foreground: 0 0% 98%;

  /* Used for destructive actions such as <Button variant="destructive"> */
--- a/internal/lint-configs/commitlint-config/package.json
+++ b/internal/lint-configs/commitlint-config/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/commitlint-config",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "private": true,
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
--- a/internal/lint-configs/stylelint-config/package.json
+++ b/internal/lint-configs/stylelint-config/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/stylelint-config",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "private": true,
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
--- a/internal/node-utils/package.json
+++ b/internal/node-utils/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/node-utils",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "private": true,
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
--- a/internal/tailwind-config/package.json
+++ b/internal/tailwind-config/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/tailwind-config",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "private": true,
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
--- a/internal/tsconfig/package.json
+++ b/internal/tsconfig/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/tsconfig",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "private": true,
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
--- a/internal/vite-config/package.json
+++ b/internal/vite-config/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/vite-config",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "private": true,
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
--- a/package.json
+++ b/package.json
@ -1,6 +1,6 @@
 {
  "name": "vben-admin-pro",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "private": true,
  "keywords": [
    "monorepo",
@ -63,7 +63,6 @@
  "devDependencies": {
    "@changesets/changelog-github": "^0.5.0",
    "@changesets/cli": "^2.27.7",
-    "@ls-lint/ls-lint": "^2.2.3",
    "@types/jsdom": "^21.1.7",
    "@types/node": "^22.5.1",
    "@vben/commitlint-config": "workspace:*",
--- a/packages/@core/base/design/package.json
+++ b/packages/@core/base/design/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben-core/design",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/@core/base/design/src/design-tokens/default/index.css
+++ b/packages/@core/base/design/src/design-tokens/default/index.css
@ -28,7 +28,7 @@

  /* 主题颜色 */

-  --primary: 231 98% 65%;
+  --primary: 212 100% 45%;
  --primary-foreground: 0 0% 98%;

  /* Used for destructive actions such as <Button variant="destructive"> */
@ -78,6 +78,7 @@

  /* 遮罩颜色 */
  --overlay: 0 0% 0% / 45%;
+  --overlay-light: 0 0% 95% / 45%;

  /* 基本文字大小 */
  --font-size-base: 16px;
--- a/packages/@core/base/icons/package.json
+++ b/packages/@core/base/icons/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben-core/icons",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/@core/base/shared/package.json
+++ b/packages/@core/base/shared/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben-core/shared",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/@core/base/typings/package.json
+++ b/packages/@core/base/typings/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben-core/typings",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/@core/composables/package.json
+++ b/packages/@core/composables/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben-core/composables",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/@core/preferences/package.json
+++ b/packages/@core/preferences/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben-core/preferences",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/@core/preferences/src/config.ts
+++ b/packages/@core/preferences/src/config.ts
@ -87,7 +87,7 @@ const defaultPreferences: Preferences = {
  theme: {
    builtinType: 'default',
    colorDestructive: 'hsl(348 100% 61%)',
-    colorPrimary: 'hsl(231 98% 65%)',
+    colorPrimary: 'hsl(212 100% 45%)',
    colorSuccess: 'hsl(144 57% 58%)',
    colorWarning: 'hsl(42 84% 61%)',
    mode: 'auto',
--- a/packages/@core/preferences/src/constants.ts
+++ b/packages/@core/preferences/src/constants.ts
@ -9,7 +9,7 @@ interface BuiltinThemePreset {

 const BUILT_IN_THEME_PRESETS: BuiltinThemePreset[] = [
  {
-    color: 'hsl(231 98% 65%)',
+    color: 'hsl(212 100% 45%)',
    type: 'default',
  },
  {
@ -25,7 +25,7 @@ const BUILT_IN_THEME_PRESETS: BuiltinThemePreset[] = [
    type: 'yellow',
  },
  {
-    color: 'hsl(212 100% 45%)',
+    color: 'hsl(231 98% 65%)',
    type: 'sky-blue',
  },
  {
--- a/packages/@core/ui-kit/layout-ui/package.json
+++ b/packages/@core/ui-kit/layout-ui/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben-core/layout-ui",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/@core/ui-kit/menu-ui/package.json
+++ b/packages/@core/ui-kit/menu-ui/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben-core/menu-ui",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/@core/ui-kit/popup-ui/src/modal/modal.vue
+++ b/packages/@core/ui-kit/popup-ui/src/modal/modal.vue
@ -159,7 +159,7 @@ function pointerDownOutside(e: Event) {
        )
      "
      :show-close="closable"
-      close-class="top-4"
+      close-class="top-3"
      @escape-key-down="escapeKeyDown"
      @interact-outside="interactOutside"
      @pointer-down-outside="pointerDownOutside"
@ -219,7 +219,7 @@ function pointerDownOutside(e: Event) {

      <VbenIconButton
        v-if="fullscreenButton"
-        class="hover:bg-accent hover:text-accent-foreground text-foreground/80 flex-center absolute right-10 top-4 hidden size-6 rounded-full px-1 text-lg opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none sm:block"
+        class="hover:bg-accent hover:text-accent-foreground text-foreground/80 flex-center absolute right-10 top-3 hidden size-6 rounded-full px-1 text-lg opacity-70 transition-opacity hover:opacity-100 focus:outline-none disabled:pointer-events-none sm:block"
        @click="handleFullscreen"
      >
        <Shrink v-if="fullscreen" class="size-3.5" />
--- a/packages/@core/ui-kit/shadcn-ui/package.json
+++ b/packages/@core/ui-kit/shadcn-ui/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben-core/shadcn-ui",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/@core/ui-kit/shadcn-ui/src/components/input-password/input-password.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/input-password/input-password.vue
@ -25,7 +25,7 @@ const show = ref(false);
 </script>

 <template>
-  <form class="relative">
+  <div class="relative">
    <VbenInput
      v-model="modelValue"
      v-bind="{ ...forward, ...$attrs }"
@ -48,5 +48,5 @@ const show = ref(false);
      <Eye v-if="show" class="size-4" />
      <EyeOff v-else class="size-4" />
    </div>
-  </form>
+  </div>
 </template>
--- a/packages/@core/ui-kit/shadcn-ui/src/components/spinner/loading.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/spinner/loading.vue
@ -69,7 +69,7 @@ function onTransitionEnd() {
  <div
    :class="
      cn(
-        'bg-overlay z-100 pointer-events-none absolute left-0 top-0 flex size-full flex-col items-center justify-center transition-all duration-500',
+        'z-100 dark:bg-overlay pointer-events-none absolute left-0 top-0 flex size-full flex-col items-center justify-center bg-[hsl(var(--overlay-light))] transition-all duration-500',
        {
          'invisible opacity-0': !showSpinner,
        },
--- a/packages/@core/ui-kit/shadcn-ui/src/components/spinner/spinner.vue
+++ b/packages/@core/ui-kit/shadcn-ui/src/components/spinner/spinner.vue
@ -63,7 +63,7 @@ function onTransitionEnd() {
  <div
    :class="
      cn(
-        'flex-center bg-overlay z-100 absolute left-0 top-0 size-full backdrop-blur-sm transition-all duration-500',
+        'flex-center z-100 dark:bg-overlay absolute left-0 top-0 size-full bg-[hsl(var(--overlay-light))] backdrop-blur-sm transition-all duration-500',
        {
          'invisible opacity-0': !showSpinner,
        },
--- a/packages/@core/ui-kit/tabs-ui/package.json
+++ b/packages/@core/ui-kit/tabs-ui/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben-core/tabs-ui",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/constants/package.json
+++ b/packages/constants/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/constants",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/effects/access/package.json
+++ b/packages/effects/access/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/access",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/effects/common-ui/package.json
+++ b/packages/effects/common-ui/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/common-ui",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/effects/common-ui/src/ui/authentication/login.vue
+++ b/packages/effects/common-ui/src/ui/authentication/login.vue
@ -162,14 +162,16 @@ defineExpose({ resetCaptcha });

 <template>
  <div @keydown.enter.prevent="handleSubmit">
-    <Title>
-      {{ title || `${$t('authentication.welcomeBack')} 👋🏻` }}
-      <template #desc>
-        <span class="text-muted-foreground">
-          {{ subTitle || $t('authentication.loginSubtitle') }}
-        </span>
-      </template>
-    </Title>
+    <slot name="title">
+      <Title>
+        {{ title || `${$t('authentication.welcomeBack')} 👋🏻` }}
+        <template #desc>
+          <span class="text-muted-foreground">
+            {{ subTitle || $t('authentication.loginSubtitle') }}
+          </span>
+        </template>
+      </Title>
+    </slot>

    <!-- 租户 -->
    <div v-if="useTenant" class="tenant-picker mb-6">
@ -234,8 +236,11 @@ defineExpose({ resetCaptcha });
      />
    </div>

-    <div class="mb-6 mt-4 flex justify-between">
-      <div v-if="showRememberMe" class="flex-center">
+    <div
+      v-if="showRememberMe || showForgetPassword"
+      class="mb-6 mt-4 flex justify-between"
+    >
+      <div class="flex-center">
        <VbenCheckbox v-model:checked="formState.rememberMe" name="rememberMe">
          {{ $t('authentication.rememberMe') }}
        </VbenCheckbox>
@ -253,7 +258,10 @@ defineExpose({ resetCaptcha });
      {{ $t('common.login') }}
    </VbenButton>

-    <div class="mb-2 mt-4 flex items-center justify-between">
+    <div
+      v-if="showCodeLogin || showQrcodeLogin"
+      class="mb-2 mt-4 flex items-center justify-between"
+    >
      <VbenButton
        v-if="showCodeLogin"
        class="w-1/2"
@ -273,20 +281,24 @@ defineExpose({ resetCaptcha });
    </div>

    <!-- 第三方登录 -->
-    <ThirdPartyLogin
-      v-if="showThirdPartyLogin"
-      @oauth-login="(e) => emit('oauthLogin', e)"
-    />
+    <slot name="third-party-login">
+      <ThirdPartyLogin
+        v-if="showThirdPartyLogin"
+        @oauth-login="(e) => emit('oauthLogin', e)"
+      />
+    </slot>

-    <div v-if="showRegister" class="text-center text-sm">
-      {{ $t('authentication.accountTip') }}
-      <span
-        class="text-primary hover:text-primary-hover active:text-primary-active cursor-pointer text-sm font-normal"
-        @click="handleGo(registerPath)"
-      >
-        {{ $t('authentication.createAccount') }}
-      </span>
-    </div>
+    <slot name="to-register">
+      <div v-if="showRegister" class="mt-3 text-center text-sm">
+        {{ $t('authentication.accountTip') }}
+        <span
+          class="text-primary hover:text-primary-hover active:text-primary-active cursor-pointer text-sm font-normal"
+          @click="handleGo(registerPath)"
+        >
+          {{ $t('authentication.createAccount') }}
+        </span>
+      </div>
+    </slot>
  </div>
 </template>

--- a/packages/effects/hooks/package.json
+++ b/packages/effects/hooks/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/hooks",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/effects/layouts/package.json
+++ b/packages/effects/layouts/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/layouts",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/effects/layouts/src/authentication/authentication.vue
+++ b/packages/effects/layouts/src/authentication/authentication.vue
@ -1,24 +1,28 @@
 <script setup lang="ts">
-import { computed } from 'vue';
+import type { ToolbarType } from './types';

-import { $t } from '@vben/locales';
 import { preferences, usePreferences } from '@vben/preferences';

+import { Copyright } from '../basic/copyright';
 import AuthenticationFormView from './form.vue';
 import SloganIcon from './icons/slogan.vue';
 import Toolbar from './toolbar.vue';

 interface Props {
+  appName?: string;
+  logo?: string;
  pageTitle?: string;
  pageDescription?: string;
  sloganImage?: string;
  toolbar?: boolean;
-  toolbarList?: ('color' | 'language' | 'layout' | 'theme')[];
+  copyright?: boolean;
+  toolbarList?: ToolbarType[];
 }

-defineOptions({ name: 'Authentication' });
-
 withDefaults(defineProps<Props>(), {
+  appName: '',
+  copyright: true,
+  logo: '',
  pageDescription: '',
  pageTitle: '',
  sloganImage: '',
@ -26,31 +30,42 @@ withDefaults(defineProps<Props>(), {
  toolbarList: () => ['color', 'language', 'layout', 'theme'],
 });

-const { authPanelCenter, authPanelLeft, authPanelRight } = usePreferences();
-const appName = computed(() => preferences.app.name);
-const logoSource = computed(() => preferences.logo.source);
+const { authPanelCenter, authPanelLeft, authPanelRight, isDark } =
+  usePreferences();
 </script>

 <template>
-  <div class="flex min-h-full flex-1 select-none overflow-x-hidden">
+  <div
+    :class="[isDark]"
+    class="flex min-h-full flex-1 select-none overflow-x-hidden"
+  >
+    <template v-if="toolbar">
+      <slot name="toolbar">
+        <Toolbar :toolbar-list="toolbarList" />
+      </slot>
+    </template>
    <!-- 左侧认证面板 -->
    <AuthenticationFormView
      v-if="authPanelLeft"
      class="min-h-full w-2/5 flex-1"
      transition-name="slide-left"
    >
-      <template v-if="toolbar" #toolbar>
-        <Toolbar :toolbar-list="toolbarList" />
+      <template v-if="copyright" #copyright>
+        <slot name="copyright">
+          <Copyright
+            v-if="preferences.copyright.enable"
+            v-bind="preferences.copyright"
+          />
+        </slot>
      </template>
    </AuthenticationFormView>

    <!-- 头部 Logo 和应用名称 -->
    <div class="absolute left-0 top-0 z-10 flex flex-1">
      <div
-        :class="authPanelRight ? 'lg:text-white' : 'lg:text-foreground'"
-        class="text-foreground ml-4 mt-4 flex flex-1 items-center sm:left-6 sm:top-6"
+        class="text-foreground lg:text-foreground ml-4 mt-4 flex flex-1 items-center sm:left-6 sm:top-6"
      >
-        <img :alt="appName" :src="logoSource" class="mr-2" width="42" />
+        <img :alt="appName" :src="logo" class="mr-2" width="42" />
        <p class="text-xl font-medium">
          {{ appName }}
        </p>
@ -59,7 +74,9 @@ const logoSource = computed(() => preferences.logo.source);

    <!-- 系统介绍 -->
    <div v-if="!authPanelCenter" class="relative hidden w-0 flex-1 lg:block">
-      <div class="absolute inset-0 h-full w-full bg-[#070709]">
+      <div
+        class="bg-background-deep absolute inset-0 h-full w-full dark:bg-[#070709]"
+      >
        <div class="login-background absolute left-0 top-0 size-full"></div>
        <div class="flex-col-center -enter-x mr-20 h-full">
          <template v-if="sloganImage">
@ -70,11 +87,11 @@ const logoSource = computed(() => preferences.logo.source);
            />
          </template>
          <SloganIcon v-else :alt="appName" class="animate-float h-64 w-2/5" />
-          <div class="text-1xl mt-6 font-sans text-white lg:text-2xl">
-            {{ pageTitle || $t('authentication.pageTitle') }}
+          <div class="text-1xl text-foreground mt-6 font-sans lg:text-2xl">
+            {{ pageTitle }}
          </div>
-          <div class="dark:text-muted-foreground mt-2 text-white/60">
-            {{ pageDescription || $t('authentication.pageDesc') }}
+          <div class="dark:text-muted-foreground mt-2">
+            {{ pageDescription }}
          </div>
        </div>
      </div>
@ -84,10 +101,15 @@ const logoSource = computed(() => preferences.logo.source);
    <div v-if="authPanelCenter" class="flex-center relative w-full">
      <div class="login-background absolute left-0 top-0 size-full"></div>
      <AuthenticationFormView
-        class="md:bg-background shadow-primary/10 w-full rounded-3xl pb-20 shadow-2xl md:w-2/3 lg:w-1/2 xl:w-[36%]"
+        class="md:bg-background shadow-primary/5 shadow-float w-full rounded-3xl pb-20 md:w-2/3 lg:w-1/2 xl:w-[36%]"
      >
-        <template v-if="toolbar" #toolbar>
-          <Toolbar :toolbar-list="toolbarList" />
+        <template v-if="copyright" #copyright>
+          <slot name="copyright">
+            <Copyright
+              v-if="preferences.copyright.enable"
+              v-bind="preferences.copyright"
+            />
+          </slot>
        </template>
      </AuthenticationFormView>
    </div>
@ -95,10 +117,15 @@ const logoSource = computed(() => preferences.logo.source);
    <!-- 右侧认证面板 -->
    <AuthenticationFormView
      v-if="authPanelRight"
-      class="min-h-full w-2/5 flex-1"
+      class="min-h-full w-[34%] flex-1"
    >
-      <template v-if="toolbar" #toolbar>
-        <Toolbar :toolbar-list="toolbarList" />
+      <template v-if="copyright" #copyright>
+        <slot name="copyright">
+          <Copyright
+            v-if="preferences.copyright.enable"
+            v-bind="preferences.copyright"
+          />
+        </slot>
      </template>
    </AuthenticationFormView>
  </div>
@ -109,9 +136,21 @@ const logoSource = computed(() => preferences.logo.source);
  background: linear-gradient(
    154deg,
    #07070915 30%,
-    hsl(var(--primary) / 15%) 48%,
+    hsl(var(--primary) / 30%) 48%,
    #07070915 64%
  );
  filter: blur(100px);
 }
+
+.dark {
+  .login-background {
+    background: linear-gradient(
+      154deg,
+      #07070915 30%,
+      hsl(var(--primary) / 20%) 48%,
+      #07070915 64%
+    );
+    filter: blur(100px);
+  }
+}
 </style>
--- a/packages/effects/layouts/src/authentication/form.vue
+++ b/packages/effects/layouts/src/authentication/form.vue
@ -1,8 +1,4 @@
 <script setup lang="ts">
-import { preferences } from '@vben/preferences';
-
-import { Copyright } from '../basic/copyright';
-
 defineOptions({
  name: 'AuthenticationFormView',
 });
@ -10,11 +6,9 @@ defineOptions({

 <template>
  <div
-    class="flex-col-center bg-background-deep relative px-6 py-10 lg:flex-initial lg:px-8"
+    class="flex-col-center dark:bg-background-deep bg-background relative px-6 py-10 lg:flex-initial lg:px-8"
  >
-    <!-- Toolbar Slot -->
-    <slot name="toolbar"> </slot>
-
+    <slot></slot>
    <!-- Router View with Transition and KeepAlive -->
    <RouterView v-slot="{ Component, route }">
      <Transition appear mode="out-in" name="slide-right">
@ -29,13 +23,11 @@ defineOptions({
    </RouterView>

    <!-- Footer Copyright -->
+
    <div
      class="text-muted-foreground absolute bottom-3 flex text-center text-xs"
    >
-      <Copyright
-        v-if="preferences.copyright.enable"
-        v-bind="preferences.copyright"
-      />
+      <slot name="copyright"> </slot>
    </div>
  </div>
 </template>
--- a/packages/effects/layouts/src/authentication/toolbar.vue
+++ b/packages/effects/layouts/src/authentication/toolbar.vue
@ -1,4 +1,6 @@
 <script setup lang="ts">
+import type { ToolbarType } from './types';
+
 import { computed } from 'vue';

 import {
@ -9,7 +11,7 @@ import {
 } from '../widgets';

 interface Props {
-  toolbarList?: ('color' | 'language' | 'layout' | 'theme')[];
+  toolbarList?: ToolbarType[];
 }

 defineOptions({
@ -29,8 +31,7 @@ const showTheme = computed(() => props.toolbarList.includes('theme'));
 <template>
  <div
    :class="{
-      'bg-background dark:bg-accent rounded-3xl px-3 py-1':
-        toolbarList.length > 1,
+      'bg-accent z-10 rounded-3xl px-3 py-1': toolbarList.length > 1,
    }"
    class="flex-center absolute right-2 top-4"
  >
--- a/packages/effects/layouts/src/authentication/types.ts
+++ b/packages/effects/layouts/src/authentication/types.ts
@ -0,0 +1 @@
+export type ToolbarType = 'color' | 'language' | 'layout' | 'theme';
--- a/packages/effects/layouts/src/widgets/check-updates/check-updates.vue
+++ b/packages/effects/layouts/src/widgets/check-updates/check-updates.vue
@ -95,6 +95,10 @@ function handleNotice(versionTag: string) {
 }

 function start() {
+  if (props.checkUpdatesInterval <= 0) {
+    return;
+  }
+
  // 每 checkUpdatesInterval(默认值为1) 分钟检查一次
  timer.value = setInterval(
    checkForUpdates,
--- a/packages/effects/plugins/package.json
+++ b/packages/effects/plugins/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/plugins",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/effects/request/package.json
+++ b/packages/effects/request/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/request",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/icons/package.json
+++ b/packages/icons/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/icons",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/locales/package.json
+++ b/packages/locales/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/locales",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/preferences/package.json
+++ b/packages/preferences/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/preferences",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/stores/package.json
+++ b/packages/stores/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/stores",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/styles/package.json
+++ b/packages/styles/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/styles",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/types/package.json
+++ b/packages/types/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/types",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/utils",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://github.com/vbenjs/vue-vben-admin",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/playground/package.json
+++ b/playground/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/playground",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "homepage": "https://vben.pro",
  "bugs": "https://github.com/vbenjs/vue-vben-admin/issues",
  "repository": {
--- a/playground/src/layouts/auth.vue
+++ b/playground/src/layouts/auth.vue
@ -0,0 +1,23 @@
+<script lang="ts" setup>
+import { computed } from 'vue';
+
+import { AuthPageLayout } from '@vben/layouts';
+import { preferences } from '@vben/preferences';
+
+import { $t } from '#/locales';
+
+const appName = computed(() => preferences.app.name);
+const logo = computed(() => preferences.logo.source);
+</script>
+
+<template>
+  <AuthPageLayout
+    :app-name="appName"
+    :logo="logo"
+    :page-description="$t('authentication.pageDesc')"
+    :page-title="$t('authentication.pageTitle')"
+  >
+    <!-- 自定义工具栏 -->
+    <!-- <template #toolbar></template> -->
+  </AuthPageLayout>
+</template>
--- a/playground/src/layouts/index.ts
+++ b/playground/src/layouts/index.ts
@ -1,8 +1,6 @@
 const BasicLayout = () => import('./basic.vue');
+const AuthPageLayout = () => import('./auth.vue');

 const IFrameView = () => import('@vben/layouts').then((m) => m.IFrameView);

-const AuthPageLayout = () =>
-  import('@vben/layouts').then((m) => m.AuthPageLayout);
-
 export { AuthPageLayout, BasicLayout, IFrameView };
--- a/playground/src/views/dashboard/analytics/analytics-trends.vue
+++ b/playground/src/views/dashboard/analytics/analytics-trends.vue
@ -55,12 +55,27 @@ onMounted(() => {
      },
      trigger: 'axis',
    },
+    // xAxis: {
+    //   axisTick: {
+    //     show: false,
+    //   },
+    //   boundaryGap: false,
+    //   data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
+    //   type: 'category',
+    // },
    xAxis: {
      axisTick: {
        show: false,
      },
      boundaryGap: false,
      data: Array.from({ length: 18 }).map((_item, index) => `${index + 6}:00`),
+      splitLine: {
+        lineStyle: {
+          type: 'solid',
+          width: 1,
+        },
+        show: true,
+      },
      type: 'category',
    },
    yAxis: [
@ -69,7 +84,10 @@ onMounted(() => {
          show: false,
        },
        max: 80_000,
-
+        splitArea: {
+          show: true,
+        },
+        splitNumber: 4,
        type: 'value',
      },
    ],
--- a/playground/src/views/dashboard/workspace/index.vue
+++ b/playground/src/views/dashboard/workspace/index.vue
@ -214,7 +214,11 @@ const trendItems: WorkbenchTrendItem[] = [
        <WorkbenchTrends :items="trendItems" class="mt-5" title="最新动态" />
      </div>
      <div class="w-full lg:w-2/5">
-        <WorkbenchQuickNav :items="quickNavItems" title="快捷导航" />
+        <WorkbenchQuickNav
+          :items="quickNavItems"
+          class="mt-5 lg:mt-0"
+          title="快捷导航"
+        />
        <WorkbenchTodo :items="todoItems" class="mt-5" title="待办事项" />
        <AnalysisChartCard class="mt-5" title="访问来源">
          <AnalyticsVisitsSource />
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -20,9 +20,6 @@ importers:
      '@changesets/cli':
        specifier: ^2.27.7
        version: 2.27.7
-      '@ls-lint/ls-lint':
-        specifier: ^2.2.3
-        version: 2.2.3
      '@types/jsdom':
        specifier: ^21.1.7
        version: 21.1.7
@ -3497,12 +3494,6 @@ packages:
  '@juggle/resize-observer@3.4.0':
    resolution: {integrity: sha512-dfLbk+PwWvFzSxwk3n5ySL0hfBog779o8h68wK/7/APo/7cgyWp5jcXockbxdk5kFRkbeXWm4Fbi9FrdN381sA==}

-  '@ls-lint/ls-lint@2.2.3':
-    resolution: {integrity: sha512-ekM12jNm/7O2I/hsRv9HvYkRdfrHpiV1epVuI2NP+eTIcEgdIdKkKCs9KgQydu/8R5YXTov9aHdOgplmCHLupw==}
-    cpu: [x64, arm64, s390x]
-    os: [darwin, linux, win32]
-    hasBin: true
-
  '@manypkg/find-root@1.1.0':
    resolution: {integrity: sha512-mki5uBvhHzO8kYYix/WRy2WX8S3B5wdVSc9D6KcU5lQNglP2yt58/VfLuAK49glRXChosY8ap2oJ1qgma3GUVA==}

@ -11169,7 +11160,7 @@ snapshots:

  '@changesets/apply-release-plan@7.0.4':
    dependencies:
-      '@babel/runtime': 7.25.0
+      '@babel/runtime': 7.25.6
      '@changesets/config': 3.0.2
      '@changesets/get-version-range-type': 0.4.0
      '@changesets/git': 3.0.0
@ -11186,7 +11177,7 @@ snapshots:

  '@changesets/assemble-release-plan@6.0.3':
    dependencies:
-      '@babel/runtime': 7.25.0
+      '@babel/runtime': 7.25.6
      '@changesets/errors': 0.2.0
      '@changesets/get-dependents-graph': 2.1.1
      '@changesets/should-skip-package': 0.1.0
@ -11272,7 +11263,7 @@ snapshots:

  '@changesets/get-release-plan@4.0.3':
    dependencies:
-      '@babel/runtime': 7.25.0
+      '@babel/runtime': 7.25.6
      '@changesets/assemble-release-plan': 6.0.3
      '@changesets/config': 3.0.2
      '@changesets/pre': 2.0.0
@ -11284,12 +11275,12 @@ snapshots:

  '@changesets/git@3.0.0':
    dependencies:
-      '@babel/runtime': 7.25.0
+      '@babel/runtime': 7.25.6
      '@changesets/errors': 0.2.0
      '@changesets/types': 6.0.0
      '@manypkg/get-packages': 1.1.3
      is-subdir: 1.2.0
-      micromatch: 4.0.7
+      micromatch: 4.0.8
      spawndamnit: 2.0.0

  '@changesets/logger@0.1.0':
@ -11303,7 +11294,7 @@ snapshots:

  '@changesets/pre@2.0.0':
    dependencies:
-      '@babel/runtime': 7.25.0
+      '@babel/runtime': 7.25.6
      '@changesets/errors': 0.2.0
      '@changesets/types': 6.0.0
      '@manypkg/get-packages': 1.1.3
@ -11311,7 +11302,7 @@ snapshots:

  '@changesets/read@0.6.0':
    dependencies:
-      '@babel/runtime': 7.25.0
+      '@babel/runtime': 7.25.6
      '@changesets/git': 3.0.0
      '@changesets/logger': 0.1.0
      '@changesets/parse': 0.4.0
@ -11322,7 +11313,7 @@ snapshots:

  '@changesets/should-skip-package@0.1.0':
    dependencies:
-      '@babel/runtime': 7.25.0
+      '@babel/runtime': 7.25.6
      '@changesets/types': 6.0.0
      '@manypkg/get-packages': 1.1.3

@ -11332,7 +11323,7 @@ snapshots:

  '@changesets/write@0.3.1':
    dependencies:
-      '@babel/runtime': 7.25.0
+      '@babel/runtime': 7.25.6
      '@changesets/types': 6.0.0
      fs-extra: 7.0.1
      human-id: 1.0.2
@ -12414,11 +12405,9 @@ snapshots:

  '@juggle/resize-observer@3.4.0': {}

-  '@ls-lint/ls-lint@2.2.3': {}
-
  '@manypkg/find-root@1.1.0':
    dependencies:
-      '@babel/runtime': 7.25.0
+      '@babel/runtime': 7.25.6
      '@types/node': 12.20.55
      find-up: 4.1.0
      fs-extra: 8.1.0
@ -12429,7 +12418,7 @@ snapshots:

  '@manypkg/get-packages@1.1.3':
    dependencies:
-      '@babel/runtime': 7.25.0
+      '@babel/runtime': 7.25.6
      '@changesets/types': 4.1.0
      '@manypkg/find-root': 1.1.0
      fs-extra: 8.1.0
--- a/scripts/turbo-run/package.json
+++ b/scripts/turbo-run/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/turbo-run",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "private": true,
  "license": "MIT",
  "type": "module",
--- a/scripts/vsh/package.json
+++ b/scripts/vsh/package.json
@ -1,6 +1,6 @@
 {
  "name": "@vben/vsh",
-  "version": "5.2.0",
+  "version": "5.2.1",
  "private": true,
  "license": "MIT",
  "type": "module",
--- a/scripts/vsh/src/lint/index.ts
+++ b/scripts/vsh/src/lint/index.ts
@ -28,7 +28,6 @@ async function runLint({ format }: LintCommandOptions) {
    execaCommand(`eslint . --cache`, {
      stdio: 'inherit',
    }),
-    // $`ls-lint`,
    execaCommand(`prettier . --ignore-unknown --check --cache`, {
      stdio: 'inherit',
    }),
				`@ -0,0 +1 @@`
				`export type ToolbarType = 'color' \| 'language' \| 'layout' \| 'theme';`