chore(deps): update deps

feat(logo): use new logo
chore(projects): release v2.0.2
2025-12-25 22:30:19 +08:00 · 2025-12-25 18:54:42 +08:00 · 2025-12-25 18:52:14 +08:00 · 2025-12-23 11:19:18 +08:00 · 2025-12-22 23:17:03 +08:00 · 2025-12-04 16:45:11 +08:00
19 changed files with 1109 additions and 1029 deletions
--- a/CHANGELOG.md
+++ b/CHANGELOG.md
@@ -1,6 +1,22 @@
 # Changelog


+## [v2.0.2](https://github.com/soybeanjs/soybean-admin/compare/v2.0.1...v2.0.2) (2025-12-23)
+
+### &nbsp;&nbsp;&nbsp;🐞 Bug Fixes
+
+- **hooks**: update pagination pageSize after data fetch. &nbsp;-&nbsp; by **Azir-11** [<samp>(64226)</samp>](https://github.com/soybeanjs/soybean-admin/commit/64226d9b)
+- **projects**: fix the incorrect judgment of home by pin tab. &nbsp;-&nbsp; by **Azir-11** [<samp>(62a43)</samp>](https://github.com/soybeanjs/soybean-admin/commit/62a43c39)
+
+### &nbsp;&nbsp;&nbsp;🏡 Chore
+
+- **deps**: update deps &nbsp;-&nbsp; by @soybeanjs [<samp>(ec9f9)</samp>](https://github.com/soybeanjs/soybean-admin/commit/ec9f9af9)
+
+### &nbsp;&nbsp;&nbsp;❤️ Contributors
+
+[![soybeanjs](https://github.com/soybeanjs.png?size=48)](https://github.com/soybeanjs)&nbsp;&nbsp;
+[Azir-11](mailto:2075125282@qq.com)
+
 ## [v2.0.1](https://github.com/soybeanjs/soybean-admin/compare/v2.0.0...v2.0.1) (2025-12-04)

 ### &nbsp;&nbsp;&nbsp;🚀 Features
--- a/package.json
+++ b/package.json
@@ -1,7 +1,7 @@
 {
  "name": "soybean-admin",
  "type": "module",
-  "version": "2.0.1",
+  "version": "2.0.2",
  "description": "A fresh and elegant admin template, based on Vue3、Vite7、TypeScript、NaiveUI and UnoCSS. 一个基于Vue3、Vite7、TypeScript、NaiveUI and UnoCSS的清新优雅的中后台模版。",
  "author": {
    "name": "Soybean",
@@ -64,18 +64,18 @@
    "nprogress": "0.2.0",
    "pinia": "3.0.4",
    "tailwind-merge": "3.4.0",
-    "vue": "3.5.25",
+    "vue": "3.5.26",
    "vue-draggable-plus": "0.6.0",
-    "vue-i18n": "11.2.2",
-    "vue-router": "4.6.3"
+    "vue-i18n": "11.2.7",
+    "vue-router": "4.6.4"
  },
  "devDependencies": {
    "@elegant-router/vue": "0.3.8",
-    "@iconify/json": "2.2.414",
+    "@iconify/json": "2.2.417",
    "@sa/scripts": "workspace:*",
    "@sa/uno-preset": "workspace:*",
-    "@soybeanjs/eslint-config": "1.7.4",
-    "@types/node": "24.10.1",
+    "@soybeanjs/eslint-config": "1.7.5",
+    "@types/node": "25.0.3",
    "@types/nprogress": "0.2.3",
    "@unocss/eslint-config": "66.5.10",
    "@unocss/preset-icons": "66.5.10",
@@ -83,24 +83,24 @@
    "@unocss/transformer-directives": "66.5.10",
    "@unocss/transformer-variant-group": "66.5.10",
    "@unocss/vite": "66.5.10",
-    "@vitejs/plugin-vue": "6.0.2",
-    "@vitejs/plugin-vue-jsx": "5.1.2",
+    "@vitejs/plugin-vue": "6.0.3",
+    "@vitejs/plugin-vue-jsx": "5.1.3",
    "consola": "3.4.2",
-    "eslint": "9.39.1",
+    "eslint": "9.39.2",
    "eslint-plugin-vue": "10.6.2",
    "kolorist": "1.8.0",
-    "sass": "1.94.2",
+    "sass": "1.97.1",
    "simple-git-hooks": "2.13.1",
    "tsx": "4.21.0",
    "typescript": "5.9.3",
    "unplugin-icons": "22.5.0",
    "unplugin-vue-components": "30.0.0",
-    "vite": "7.2.6",
+    "vite": "7.3.0",
    "vite-plugin-progress": "0.0.7",
    "vite-plugin-svg-icons": "2.0.1",
    "vite-plugin-vue-devtools": "8.0.5",
    "vue-eslint-parser": "10.2.0",
-    "vue-tsc": "3.1.5"
+    "vue-tsc": "3.2.1"
  },
  "simple-git-hooks": {
    "commit-msg": "pnpm sa git-commit-verify",
--- a/packages/alova/package.json
+++ b/packages/alova/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/alova",
-  "version": "2.0.1",
+  "version": "2.0.2",
  "exports": {
    ".": "./src/index.ts",
    "./fetch": "./src/fetch.ts",
@@ -13,8 +13,8 @@
    }
  },
  "dependencies": {
-    "@alova/mock": "2.0.17",
+    "@alova/mock": "2.0.18",
    "@sa/utils": "workspace:*",
-    "alova": "3.4.0"
+    "alova": "3.4.1"
  }
 }
--- a/packages/axios/package.json
+++ b/packages/axios/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/axios",
-  "version": "2.0.1",
+  "version": "2.0.2",
  "exports": {
    ".": "./src/index.ts"
  },
--- a/packages/color/package.json
+++ b/packages/color/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/color",
-  "version": "2.0.1",
+  "version": "2.0.2",
  "exports": {
    ".": "./src/index.ts"
  },
--- a/packages/hooks/package.json
+++ b/packages/hooks/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/hooks",
-  "version": "2.0.1",
+  "version": "2.0.2",
  "exports": {
    ".": "./src/index.ts"
  },
--- a/packages/materials/package.json
+++ b/packages/materials/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/materials",
-  "version": "2.0.1",
+  "version": "2.0.2",
  "exports": {
    ".": "./src/index.ts"
  },
--- a/packages/scripts/package.json
+++ b/packages/scripts/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/scripts",
-  "version": "2.0.1",
+  "version": "2.0.2",
  "bin": {
    "sa": "./bin.ts"
  },
@@ -13,15 +13,15 @@
    }
  },
  "devDependencies": {
-    "@soybeanjs/changelog": "0.3.25",
+    "@soybeanjs/changelog": "0.4.3",
    "bumpp": "10.3.2",
-    "c12": "3.3.2",
+    "c12": "3.3.3",
    "cac": "6.7.14",
    "consola": "3.4.2",
    "enquirer": "2.4.1",
    "execa": "9.6.1",
    "kolorist": "1.8.0",
-    "npm-check-updates": "19.1.2",
+    "npm-check-updates": "19.2.0",
    "picomatch": "4.0.3",
    "rimraf": "6.1.2"
  }
--- a/packages/uno-preset/package.json
+++ b/packages/uno-preset/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/uno-preset",
-  "version": "2.0.1",
+  "version": "2.0.2",
  "exports": {
    ".": "./src/index.ts"
  },
--- a/packages/utils/package.json
+++ b/packages/utils/package.json
@@ -1,6 +1,6 @@
 {
  "name": "@sa/utils",
-  "version": "2.0.1",
+  "version": "2.0.2",
  "exports": {
    ".": "./src/index.ts"
  },
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
--- a/public/favicon.svg
+++ b/public/favicon.svg
@@ -1 +1,60 @@
-<svg viewBox="0 0 160 160" xmlns="http://www.w3.org/2000/svg"><path d="M81.28 55.9c-.1-11.67-2.93-22.55-9.37-32.38-1-1.5-2.14-2.86-2.5-4.71a8.1 8.1 0 014-8.61 7.89 7.89 0 019.3 1.23 35.999 35.999 0 015.9 8.83 75.18 75.18 0 018.44 28.58 83.211 83.211 0 01-5.23 36.74 102.983 102.983 0 01-3 7.28 1.2 1.2 0 000 1.41c9.58 13.3 21.76 23 37.85 27.24a54.37 54.37 0 0019.68 1.57 7.72 7.72 0 018.36 6.9 7.903 7.903 0 01-6.7 9 64.744 64.744 0 01-23-1.33 77.68 77.68 0 01-36.93-19.88 93.628 93.628 0 01-11.91-13.71 2.18 2.18 0 00-2.3-1.06 72.744 72.744 0 00-27.38 7.55c-11.6 6-20.67 14.58-26.4 26.45a10.134 10.134 0 01-3.7 4.7 8 8 0 01-9.19-.7 7.86 7.86 0 01-2.36-9.28 60.324 60.324 0 018.72-14.52c12.2-15.43 28.21-24.59 47.32-28.57A85.085 85.085 0 0173.07 87c.524.015 1-.307 1.18-.8a76.06 76.06 0 006.53-22.3c.351-2.652.518-5.325.5-8z" fill="#646cff"/><path d="M136.26 108.34a44.742 44.742 0 01-11.13-2.87 46.108 46.108 0 01-19.66-13.76 8 8 0 015.72-13.22 7.93 7.93 0 016.54 2.93 33.27 33.27 0 0018.87 10.75c1.546.155 3.058.553 4.48 1.18a8.08 8.08 0 013.84 9.21c-.92 3.52-4.13 5.81-8.66 5.78zm-80.6-75.02a7.61 7.61 0 016.64 5 49.139 49.139 0 013.64 17 46.33 46.33 0 01-2.46 17.28c-2 5.77-8.24 7.79-12.89 4.15a8.1 8.1 0 01-2.39-9 31.679 31.679 0 001.68-12.36 35.77 35.77 0 00-2.43-11c-2.1-5.45 1.75-11.07 8.21-11.07zm22.26 93.25a8 8 0 01-6.68 7.86 32.88 32.88 0 00-19.7 12.19 8.13 8.13 0 01-11.21 1.62 8 8 0 01-1.41-11.58A51.043 51.043 0 0154 123.81a45.842 45.842 0 0114-5.1c5.35-1.04 9.91 2.56 9.92 7.86z" fill="#646cff"/></svg>
+<svg width="100%" height="100%" version="1.1" viewBox="0 0 1000 1000" xmlns="http://www.w3.org/2000/svg"
+  xmlns:xlink="http://www.w3.org/1999/xlink">
+  <g>
+    <path
+      d="M 200,866 C 100,866 50,779.4 100,692.8 L 200,519.6 C 220,485 240,490 265,499.6 S 360,542.68 360,542.68 C 480.5,601 498,642.5 500,720 C 498,811 462,856 420,866"
+      fill="url(#LinearGradient)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path
+      d="M 420,866 C 455,861 478,846 500,827 C 614,696 615,597 500,517 C 394,444 333,374 380,207.82 L 260,415.67 C 240.22,450 254.37,465.1 275.28,481.79 S 360,542.68 360,542.68 C 480.5,601 498,642.5 500,720 C 498,811 462,856 420,866"
+      fill="url(#LinearGradient_2)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path d="M 500,517 C 394,444 333,374 380,207.82 L 400,173.2 C 367,295 421,350 603,428 C 572,440 524,474 500,517"
+      fill="url(#LinearGradient_3)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path d="M 500,827 L 660,660 C 738,589 710,482 603,428 C 572,440 524,474 500,517 C 615,597 614,696 500,827"
+      fill="url(#LinearGradient_4)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path d="M 400,173.2 C 367,295 421,350 603,428 C 690,389, 750,445 788,500 L 600,173.2 C 550,86.6 450,86.6 400,173.2"
+      fill="url(#LinearGradient_5)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path
+      d="M 500,827 L 660,660 C 738,589 710,482 603,428 C 690,389, 750,445 788,500 C 816,554 797,606 750,640 L 500,827"
+      fill="url(#LinearGradient_6)" fill-rule="nonzero" opacity="1" stroke="none" />
+    <path
+      d="M 788,500 C 816,554 797,606 750,640 L 500,827 C 497,851 513,862 540,866 L 800,866 C 900,866 950,779.4 900,692.8 L 788,500"
+      fill="url(#LinearGradient_7)" fill-rule="nonzero" opacity="1" stroke="none" />
+  </g>
+  <defs>
+    <linearGradient gradientTransform="matrix(104.391 -73.3432 73.3432 104.391 277.441 710.122)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#373ebf" />
+      <stop offset="1" stop-color="#5058e6" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(-173.747 557.324 -557.324 -173.747 508.829 258.172)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_2" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#c2d6ff" />
+      <stop offset="1" stop-color="#646cff" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(157.951 295.666 -295.666 157.951 382.944 193.642)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_3" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#5058e6" />
+      <stop offset="1" stop-color="#373ebf" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(-44.3023 219.578 -219.578 -44.3023 619.69 469.652)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_4" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#91a7ff" />
+      <stop offset="1" stop-color="#5058e6" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(125.52 334.256 -334.256 125.52 539.723 235.139)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_5" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#646cff" />
+      <stop offset="1" stop-color="#c2d6ff" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(-241.23 357.206 -357.206 -241.23 754.054 449.312)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_6" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#c2d6ff" />
+      <stop offset="1" stop-color="#646cff" />
+    </linearGradient>
+    <linearGradient gradientTransform="matrix(125.978 210.065 -210.065 125.978 596.433 613.665)"
+      gradientUnits="userSpaceOnUse" id="LinearGradient_7" x1="0" x2="1" y1="0" y2="0">
+      <stop offset="0" stop-color="#373ebf" />
+      <stop offset="1" stop-color="#5058e6" />
+    </linearGradient>
+  </defs>
+</svg>
--- a/src/components/common/system-logo.vue
+++ b/src/components/common/system-logo.vue
@@ -1,9 +1,160 @@
-<script lang="ts" setup>
-defineOptions({ name: 'SystemLogo' });
-</script>
-
 <template>
-  <icon-local-logo />
+  <div class="app-logo">
+    <svg
+      width="100%"
+      height="100%"
+      version="1.1"
+      viewBox="0 0 1000 1000"
+      xmlns="http://www.w3.org/2000/svg"
+      xmlns:xlink="http://www.w3.org/1999/xlink"
+    >
+      <g>
+        <path
+          d="M 200,866 C 100,866 50,779.4 100,692.8 L 200,519.6 C 220,485 240,490 265,499.6 S 360,542.68 360,542.68 C 480.5,601 498,642.5 500,720 C 498,811 462,856 420,866"
+          fill="url(#LinearGradient)"
+          fill-rule="nonzero"
+          opacity="1"
+          stroke="none"
+        />
+        <path
+          d="M 420,866 C 455,861 478,846 500,827 C 614,696 615,597 500,517 C 394,444 333,374 380,207.82 L 260,415.67 C 240.22,450 254.37,465.1 275.28,481.79 S 360,542.68 360,542.68 C 480.5,601 498,642.5 500,720 C 498,811 462,856 420,866"
+          fill="url(#LinearGradient_2)"
+          fill-rule="nonzero"
+          opacity="1"
+          stroke="none"
+        />
+        <path
+          d="M 500,517 C 394,444 333,374 380,207.82 L 400,173.2 C 367,295 421,350 603,428 C 572,440 524,474 500,517"
+          fill="url(#LinearGradient_3)"
+          fill-rule="nonzero"
+          opacity="1"
+          stroke="none"
+        />
+        <path
+          d="M 500,827 L 660,660 C 738,589 710,482 603,428 C 572,440 524,474 500,517 C 615,597 614,696 500,827"
+          fill="url(#LinearGradient_4)"
+          fill-rule="nonzero"
+          opacity="1"
+          stroke="none"
+        />
+        <path
+          d="M 400,173.2 C 367,295 421,350 603,428 C 690,389, 750,445 788,500 L 600,173.2 C 550,86.6 450,86.6 400,173.2"
+          fill="url(#LinearGradient_5)"
+          fill-rule="nonzero"
+          opacity="1"
+          stroke="none"
+        />
+        <path
+          d="M 500,827 L 660,660 C 738,589 710,482 603,428 C 690,389, 750,445 788,500 C 816,554 797,606 750,640 L 500,827"
+          fill="url(#LinearGradient_6)"
+          fill-rule="nonzero"
+          opacity="1"
+          stroke="none"
+        />
+        <path
+          d="M 788,500 C 816,554 797,606 750,640 L 500,827 C 497,851 513,862 540,866 L 800,866 C 900,866 950,779.4 900,692.8 L 788,500"
+          fill="url(#LinearGradient_7)"
+          fill-rule="nonzero"
+          opacity="1"
+          stroke="none"
+        />
+      </g>
+      <defs>
+        <linearGradient
+          id="LinearGradient"
+          gradientTransform="matrix(104.391 -73.3432 73.3432 104.391 277.441 710.122)"
+          gradientUnits="userSpaceOnUse"
+          x1="0"
+          x2="1"
+          y1="0"
+          y2="0"
+        >
+          <stop offset="0" stop-color="var(--logo-color-700)" />
+          <stop offset="1" stop-color="var(--logo-color-600)" />
+        </linearGradient>
+        <linearGradient
+          id="LinearGradient_2"
+          gradientTransform="matrix(-173.747 557.324 -557.324 -173.747 508.829 258.172)"
+          gradientUnits="userSpaceOnUse"
+          x1="0"
+          x2="1"
+          y1="0"
+          y2="0"
+        >
+          <stop offset="0" stop-color="var(--logo-color-300)" />
+          <stop offset="1" stop-color="var(--logo-color-500)" />
+        </linearGradient>
+        <linearGradient
+          id="LinearGradient_3"
+          gradientTransform="matrix(157.951 295.666 -295.666 157.951 382.944 193.642)"
+          gradientUnits="userSpaceOnUse"
+          x1="0"
+          x2="1"
+          y1="0"
+          y2="0"
+        >
+          <stop offset="0" stop-color="var(--logo-color-600)" />
+          <stop offset="1" stop-color="var(--logo-color-700)" />
+        </linearGradient>
+        <linearGradient
+          id="LinearGradient_4"
+          gradientTransform="matrix(-44.3023 219.578 -219.578 -44.3023 619.69 469.652)"
+          gradientUnits="userSpaceOnUse"
+          x1="0"
+          x2="1"
+          y1="0"
+          y2="0"
+        >
+          <stop offset="0" stop-color="var(--logo-color-400)" />
+          <stop offset="1" stop-color="var(--logo-color-600)" />
+        </linearGradient>
+        <linearGradient
+          id="LinearGradient_5"
+          gradientTransform="matrix(125.52 334.256 -334.256 125.52 539.723 235.139)"
+          gradientUnits="userSpaceOnUse"
+          x1="0"
+          x2="1"
+          y1="0"
+          y2="0"
+        >
+          <stop offset="0" stop-color="var(--logo-color-500)" />
+          <stop offset="1" stop-color="var(--logo-color-300)" />
+        </linearGradient>
+        <linearGradient
+          id="LinearGradient_6"
+          gradientTransform="matrix(-241.23 357.206 -357.206 -241.23 754.054 449.312)"
+          gradientUnits="userSpaceOnUse"
+          x1="0"
+          x2="1"
+          y1="0"
+          y2="0"
+        >
+          <stop offset="0" stop-color="var(--logo-color-300)" />
+          <stop offset="1" stop-color="var(--logo-color-500)" />
+        </linearGradient>
+        <linearGradient
+          id="LinearGradient_7"
+          gradientTransform="matrix(125.978 210.065 -210.065 125.978 596.433 613.665)"
+          gradientUnits="userSpaceOnUse"
+          x1="0"
+          x2="1"
+          y1="0"
+          y2="0"
+        >
+          <stop offset="0" stop-color="var(--logo-color-700)" />
+          <stop offset="1" stop-color="var(--logo-color-600)" />
+        </linearGradient>
+      </defs>
+    </svg>
+  </div>
 </template>

-<style scoped></style>
+<style scoped>
+.app-logo {
+  --logo-color-300: rgb(var(--primary-300-color));
+  --logo-color-400: rgb(var(--primary-400-color));
+  --logo-color-500: rgb(var(--primary-500-color));
+  --logo-color-600: rgb(var(--primary-600-color));
+  --logo-color-700: rgb(var(--primary-700-color));
+}
+</style>
--- a/src/hooks/common/table.ts
+++ b/src/hooks/common/table.ts
@@ -131,6 +131,7 @@ export function useNaivePaginatedTable<ResponseData, ApiData>(
    getColumns,
    onFetched: data => {
      pagination.itemCount = data.total;
+      pagination.pageSize = data.pageSize;
    }
  });

--- a/src/layouts/modules/global-logo/index.vue
+++ b/src/layouts/modules/global-logo/index.vue
@@ -17,7 +17,7 @@ withDefaults(defineProps<Props>(), {

 <template>
  <RouterLink to="/" class="w-full flex-center nowrap-hidden">
-    <SystemLogo class="text-32px text-primary" />
+    <SystemLogo class="size-32px" />
    <h2 v-show="showTitle" class="pl-8px text-16px text-primary font-bold transition duration-300 ease-in-out">
      {{ $t('system.title') }}
    </h2>
--- a/src/layouts/modules/global-tab/context-menu.vue
+++ b/src/layouts/modules/global-tab/context-menu.vue
@@ -26,7 +26,7 @@ const props = withDefaults(defineProps<Props>(), {

 const visible = defineModel<boolean>('visible');

-const { removeTab, clearTabs, clearLeftTabs, clearRightTabs, fixTab, unfixTab, isTabRetain } = useTabStore();
+const { removeTab, clearTabs, clearLeftTabs, clearRightTabs, fixTab, unfixTab, isTabRetain, homeTab } = useTabStore();
 const { SvgIconVNode } = useSvgIcon();

 type DropdownOption = {
@@ -65,7 +65,7 @@ const options = computed(() => {
    }
  ];

-  if (props.tabId !== '/home') {
+  if (props.tabId !== homeTab?.id) {
    if (isTabRetain(props.tabId)) {
      opts.push({
        key: 'unpin',
--- a/src/plugins/loading.ts
+++ b/src/plugins/loading.ts
@@ -1,18 +1,25 @@
 // @unocss-include
-import { getRgb } from '@sa/color';
+import { getColorPalette, getRgb } from '@sa/color';
 import { DARK_CLASS } from '@/constants/app';
 import { localStg } from '@/utils/storage';
 import { toggleHtmlClass } from '@/utils/common';
-import systemLogo from '@/assets/svg-icon/logo.svg?raw';
 import { $t } from '@/locales';

 export function setupLoading() {
  const themeColor = localStg.get('themeColor') || '#646cff';
  const darkMode = localStg.get('darkMode') || false;
+  const palette = getColorPalette(themeColor);
+
  const { r, g, b } = getRgb(themeColor);

  const primaryColor = `--primary-color: ${r} ${g} ${b}`;

+  const svgCssVars = Array.from(palette.entries())
+    .map(([key, value]) => `--logo-color-${key}: ${value}`)
+    .join(';');
+
+  const cssVars = `${primaryColor}; ${svgCssVars}`;
+
  if (darkMode) {
    toggleHtmlClass(DARK_CLASS).add();
  }
@@ -24,8 +31,6 @@ export function setupLoading() {
    'right-0 bottom-0 animate-delay-1500'
  ];

-  const logoWithClass = systemLogo.replace('<svg', `<svg class="size-128px text-primary"`);
-
  const dot = loadingClasses
    .map(item => {
      return `<div class="absolute w-16px h-16px bg-primary rounded-8px animate-pulse ${item}"></div>`;
@@ -33,8 +38,10 @@ export function setupLoading() {
    .join('\n');

  const loading = `
-<div class="fixed-center flex-col bg-layout" style="${primaryColor}">
-  ${logoWithClass}
+<div class="fixed-center flex-col bg-layout" style="${cssVars}">
+  <div class="w-128px h-128px">
+    ${getLogoSvg()}
+  </div>
  <div class="w-56px h-56px my-36px">
    <div class="relative h-full animate-spin">
      ${dot}
@@ -49,3 +56,155 @@ export function setupLoading() {
    app.innerHTML = loading;
  }
 }
+
+function getLogoSvg() {
+  const logoSvg = `<svg
+        width="100%"
+        height="100%"
+        version="1.1"
+        viewBox="0 0 1000 1000"
+        xmlns="http://www.w3.org/2000/svg"
+        xmlns:xlink="http://www.w3.org/1999/xlink"
+      >
+        <g>
+          <path
+            d="M 200,866 C 100,866 50,779.4 100,692.8 L 200,519.6 C 220,485 240,490 265,499.6 S 360,542.68 360,542.68 C 480.5,601 498,642.5 500,720 C 498,811 462,856 420,866"
+            fill="url(#LinearGradient)"
+            fill-rule="nonzero"
+            opacity="1"
+            stroke="none"
+          />
+          <path
+            d="M 420,866 C 455,861 478,846 500,827 C 614,696 615,597 500,517 C 394,444 333,374 380,207.82 L 260,415.67 C 240.22,450 254.37,465.1 275.28,481.79 S 360,542.68 360,542.68 C 480.5,601 498,642.5 500,720 C 498,811 462,856 420,866"
+            fill="url(#LinearGradient_2)"
+            fill-rule="nonzero"
+            opacity="1"
+            stroke="none"
+          />
+          <path
+            d="M 500,517 C 394,444 333,374 380,207.82 L 400,173.2 C 367,295 421,350 603,428 C 572,440 524,474 500,517"
+            fill="url(#LinearGradient_3)"
+            fill-rule="nonzero"
+            opacity="1"
+            stroke="none"
+          />
+          <path
+            d="M 500,827 L 660,660 C 738,589 710,482 603,428 C 572,440 524,474 500,517 C 615,597 614,696 500,827"
+            fill="url(#LinearGradient_4)"
+            fill-rule="nonzero"
+            opacity="1"
+            stroke="none"
+          />
+          <path
+            d="M 400,173.2 C 367,295 421,350 603,428 C 690,389, 750,445 788,500 L 600,173.2 C 550,86.6 450,86.6 400,173.2"
+            fill="url(#LinearGradient_5)"
+            fill-rule="nonzero"
+            opacity="1"
+            stroke="none"
+          />
+          <path
+            d="M 500,827 L 660,660 C 738,589 710,482 603,428 C 690,389, 750,445 788,500 C 816,554 797,606 750,640 L 500,827"
+            fill="url(#LinearGradient_6)"
+            fill-rule="nonzero"
+            opacity="1"
+            stroke="none"
+          />
+          <path
+            d="M 788,500 C 816,554 797,606 750,640 L 500,827 C 497,851 513,862 540,866 L 800,866 C 900,866 950,779.4 900,692.8 L 788,500"
+            fill="url(#LinearGradient_7)"
+            fill-rule="nonzero"
+            opacity="1"
+            stroke="none"
+          />
+        </g>
+        <defs>
+          <linearGradient
+            id="LinearGradient"
+            gradientTransform="matrix(104.391 -73.3432 73.3432 104.391 277.441 710.122)"
+            gradientUnits="userSpaceOnUse"
+            x1="0"
+            x2="1"
+            y1="0"
+            y2="0"
+          >
+            <stop offset="0" stop-color="var(--logo-color-700)" />
+            <stop offset="1" stop-color="var(--logo-color-600)" />
+          </linearGradient>
+          <linearGradient
+            id="LinearGradient_2"
+            gradientTransform="matrix(-173.747 557.324 -557.324 -173.747 508.829 258.172)"
+            gradientUnits="userSpaceOnUse"
+            x1="0"
+            x2="1"
+            y1="0"
+            y2="0"
+          >
+            <stop offset="0" stop-color="var(--logo-color-300)" />
+            <stop offset="1" stop-color="var(--logo-color-500)" />
+          </linearGradient>
+          <linearGradient
+            id="LinearGradient_3"
+            gradientTransform="matrix(157.951 295.666 -295.666 157.951 382.944 193.642)"
+            gradientUnits="userSpaceOnUse"
+            x1="0"
+            x2="1"
+            y1="0"
+            y2="0"
+          >
+            <stop offset="0" stop-color="var(--logo-color-600)" />
+            <stop offset="1" stop-color="var(--logo-color-700)" />
+          </linearGradient>
+          <linearGradient
+            id="LinearGradient_4"
+            gradientTransform="matrix(-44.3023 219.578 -219.578 -44.3023 619.69 469.652)"
+            gradientUnits="userSpaceOnUse"
+            x1="0"
+            x2="1"
+            y1="0"
+            y2="0"
+          >
+            <stop offset="0" stop-color="var(--logo-color-400)" />
+            <stop offset="1" stop-color="var(--logo-color-600)" />
+          </linearGradient>
+          <linearGradient
+            id="LinearGradient_5"
+            gradientTransform="matrix(125.52 334.256 -334.256 125.52 539.723 235.139)"
+            gradientUnits="userSpaceOnUse"
+            x1="0"
+            x2="1"
+            y1="0"
+            y2="0"
+          >
+            <stop offset="0" stop-color="var(--logo-color-500)" />
+            <stop offset="1" stop-color="var(--logo-color-300)" />
+          </linearGradient>
+          <linearGradient
+            id="LinearGradient_6"
+            gradientTransform="matrix(-241.23 357.206 -357.206 -241.23 754.054 449.312)"
+            gradientUnits="userSpaceOnUse"
+            x1="0"
+            x2="1"
+            y1="0"
+            y2="0"
+          >
+            <stop offset="0" stop-color="var(--logo-color-300)" />
+            <stop offset="1" stop-color="var(--logo-color-500)" />
+          </linearGradient>
+          <linearGradient
+            id="LinearGradient_7"
+            gradientTransform="matrix(125.978 210.065 -210.065 125.978 596.433 613.665)"
+            gradientUnits="userSpaceOnUse"
+            x1="0"
+            x2="1"
+            y1="0"
+            y2="0"
+          >
+            <stop offset="0" stop-color="var(--logo-color-700)" />
+            <stop offset="1" stop-color="var(--logo-color-600)" />
+          </linearGradient>
+        </defs>
+      </svg>
+  `;
+
+  return logoSvg;
+}
--- a/src/store/modules/tab/index.ts
+++ b/src/store/modules/tab/index.ts
@@ -361,6 +361,7 @@ export const useTabStore = defineStore(SetupStoreId.Tab, () => {
    /** All tabs */
    tabs: allTabs,
    activeTabId,
+    homeTab,
    initHomeTab,
    initTabStore,
    addTab,
--- a/src/views/_builtin/login/index.vue
+++ b/src/views/_builtin/login/index.vue
@@ -56,7 +56,7 @@ const bgColor = computed(() => {
    <NCard :bordered="false" class="relative z-4 w-auto rd-12px">
      <div class="w-400px lt-sm:w-300px">
        <header class="flex-y-center justify-between">
-          <SystemLogo class="text-64px text-primary lt-sm:text-48px" />
+          <SystemLogo class="size-64px lt-sm:size-48px" />
          <h3 class="text-28px text-primary font-500 lt-sm:text-22px">{{ $t('system.title') }}</h3>
          <div class="i-flex-col">
            <ThemeSchemaSwitch
Author	SHA1	Message	Date
Soybean	232e1ac40d	chore(deps): update deps	2025-12-25 18:54:42 +08:00
Soybean	5aac540a4c	feat(logo): use new logo	2025-12-25 18:52:14 +08:00
Soybean	5e40b85018	chore(projects): release v2.0.2	2025-12-23 11:19:18 +08:00
Soybean	ec9f9af9a2	chore(deps): update deps	2025-12-22 23:17:03 +08:00
Azir-11	62a43c3957	fix(projects): fix the incorrect judgment of home by pin tab.	2025-12-04 16:45:11 +08:00
Azir-11	64226d9bb8	fix(hooks): update pagination pageSize after data fetch.	2025-12-04 15:50:34 +08:00