更新依赖

2026-10-07 15:58:19 +08:00 · 2025-05-30 14:47:53 +08:00
parent 2f6f07dfed
commit 9b07c0cd64
92 changed files with 1574 additions and 1639 deletions
@@ -24,12 +24,12 @@
    "@bytemd/vue-next": "^1.22.0",
    "@tinymce/tinymce-vue": "^6.1.0",
    "@vee-validate/zod": "^4.15.0",
-    "@visactor/vchart": "^1.13.9",
+    "@visactor/vchart": "^1.13.11",
    "@vue-office/docx": "^1.6.3",
    "@vue-office/excel": "^1.7.14",
-    "@vueuse/components": "^13.2.0",
-    "@vueuse/core": "^13.2.0",
-    "@vueuse/integrations": "^13.2.0",
+    "@vueuse/components": "^13.3.0",
+    "@vueuse/core": "^13.3.0",
+    "@vueuse/integrations": "^13.3.0",
    "animate.css": "^4.1.1",
    "axios": "^1.9.0",
    "bytemd": "^1.22.0",
@@ -40,11 +40,11 @@
    "defu": "^6.1.4",
    "disable-devtool": "^0.3.8",
    "echarts": "^5.6.0",
-    "element-plus": "^2.9.10",
+    "element-plus": "^2.9.11",
    "eruda": "^3.4.1",
-    "es-toolkit": "^1.37.2",
+    "es-toolkit": "^1.38.0",
    "hotkeys-js": "^3.13.10",
-    "lucide-vue-next": "^0.509.0",
+    "lucide-vue-next": "^0.511.0",
    "mitt": "^3.0.1",
    "nprogress": "^0.2.0",
    "path-browserify": "^1.0.1",
@@ -53,75 +53,75 @@
    "print-js": "^1.6.0",
    "qrcode": "^1.5.4",
    "qs": "^6.14.0",
-    "reka-ui": "^2.2.1",
+    "reka-ui": "^2.3.0",
    "scule": "^1.3.0",
-    "splitpanes": "^4.0.3",
-    "swiper": "^11.2.6",
+    "splitpanes": "^4.0.4",
+    "swiper": "^11.2.8",
    "tailwind-merge": "^3.3.0",
-    "tinymce": "^7.9.0",
+    "tinymce": "^7.9.1",
    "ua-parser-js": "^2.0.3",
    "vconsole": "^3.15.1",
    "vee-validate": "^4.15.0",
-    "vue": "^3.5.13",
+    "vue": "^3.5.16",
    "vue-currency-input": "^3.2.1",
    "vue-esign": "^1.1.4",
    "vue-hooks-plus": "^2.3.1",
    "vue-router": "^4.5.1",
-    "vue-sonner": "^1.3.2",
-    "vxe-table": "^4.13.28",
+    "vue-sonner": "^2.0.0",
+    "vxe-table": "^4.13.31",
    "xe-utils": "^3.7.4",
-    "zod": "^3.24.4"
+    "zod": "^3.25.41"
  },
  "devDependencies": {
-    "@antfu/eslint-config": "^4.13.0",
+    "@antfu/eslint-config": "^4.13.2",
    "@faker-js/faker": "^9.8.0",
-    "@iconify/json": "^2.2.338",
+    "@iconify/json": "^2.2.342",
    "@iconify/vue": "^5.0.0",
    "@stylistic/stylelint-config": "^2.0.0",
    "@types/nprogress": "^0.2.3",
    "@types/path-browserify": "^1.0.3",
    "@types/qrcode": "^1.5.5",
-    "@types/qs": "^6.9.18",
+    "@types/qs": "^6.14.0",
    "@types/splitpanes": "^2.2.6",
-    "@unocss/eslint-plugin": "^66.1.1",
-    "@unocss/preset-legacy-compat": "^66.1.1",
+    "@unocss/eslint-plugin": "^66.1.2",
+    "@unocss/preset-legacy-compat": "^66.1.2",
    "@vitejs/plugin-legacy": "^6.1.1",
    "@vitejs/plugin-vue": "^5.2.4",
-    "@vitejs/plugin-vue-jsx": "^4.1.2",
+    "@vitejs/plugin-vue-jsx": "^4.2.0",
    "@vue/tsconfig": "^0.7.0",
    "autoprefixer": "^10.4.21",
    "boxen": "^8.0.1",
-    "eslint": "^9.26.0",
+    "eslint": "^9.27.0",
    "esno": "^4.8.0",
    "fs-extra": "^11.3.0",
    "http-server": "^14.1.1",
-    "inquirer": "^12.6.1",
-    "lint-staged": "^15.5.2",
-    "npm-run-all2": "^8.0.1",
+    "inquirer": "^12.6.3",
+    "lint-staged": "^16.1.0",
+    "npm-run-all2": "^8.0.4",
    "picocolors": "^1.1.1",
    "plop": "^4.0.1",
-    "postcss": "^8.5.3",
+    "postcss": "^8.5.4",
    "postcss-nested": "^7.0.2",
-    "sass-embedded": "^1.88.0",
+    "sass-embedded": "^1.89.0",
    "simple-git-hooks": "^2.13.0",
-    "stylelint": "^16.19.1",
+    "stylelint": "^16.20.0",
    "stylelint-config-recess-order": "^6.0.0",
-    "stylelint-config-standard-scss": "^15.0.0",
+    "stylelint-config-standard-scss": "^15.0.1",
    "stylelint-config-standard-vue": "^1.0.0",
    "stylelint-scss": "^6.12.0",
    "svgo": "^3.3.2",
    "taze": "^19.1.0",
    "typescript": "^5.8.3",
-    "unocss": "^66.1.1",
+    "unocss": "^66.1.2",
    "unocss-preset-animations": "^1.2.1",
-    "unplugin-auto-import": "^19.2.0",
+    "unplugin-auto-import": "^19.3.0",
    "unplugin-turbo-console": "^2.1.3",
-    "unplugin-vue-components": "^28.5.0",
+    "unplugin-vue-components": "^28.7.0",
    "vite": "^6.3.5",
    "vite-plugin-app-loading": "^0.3.1",
    "vite-plugin-archiver": "^0.1.2",
    "vite-plugin-banner": "^0.8.1",
-    "vite-plugin-compression2": "^1.3.3",
+    "vite-plugin-compression2": "^1.4.0",
    "vite-plugin-env-parse": "^1.0.15",
    "vite-plugin-fake-server": "^2.2.0",
    "vite-plugin-pages": "^0.33.0",
@@ -1,7 +1,7 @@
-import useUserStore from '@/store/modules/user'
 import axios from 'axios'
 // import qs from 'qs'
 import { toast } from 'vue-sonner'
+import useUserStore from '@/store/modules/user'

 // 请求重试配置
 const MAX_RETRY_COUNT = 3 // 最大重试次数
@@ -1,10 +1,10 @@
 <script setup lang="ts">
-import useUserStore from '@/store/modules/user'
-import { FormControl, FormField, FormItem, FormMessage } from '@/ui/shadcn/ui/form'
 import { toTypedSchema } from '@vee-validate/zod'
 import { useForm } from 'vee-validate'
 import { toast } from 'vue-sonner'
 import * as z from 'zod'
+import useUserStore from '@/store/modules/user'
+import { FormControl, FormField, FormItem, FormMessage } from '@/ui/shadcn/ui/form'

 defineOptions({
  name: 'EditPasswordForm',
@@ -1,9 +1,9 @@
 <script setup lang="ts">
-import useUserStore from '@/store/modules/user'
-import { FormControl, FormField, FormItem, FormMessage } from '@/ui/shadcn/ui/form'
 import { toTypedSchema } from '@vee-validate/zod'
 import { useForm } from 'vee-validate'
 import * as z from 'zod'
+import useUserStore from '@/store/modules/user'
+import { FormControl, FormField, FormItem, FormMessage } from '@/ui/shadcn/ui/form'

 defineOptions({
  name: 'LoginForm',
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { FormControl, FormField, FormItem, FormMessage } from '@/ui/shadcn/ui/form'
 import { toTypedSchema } from '@vee-validate/zod'
 import { useForm } from 'vee-validate'
 import * as z from 'zod'
+import { FormControl, FormField, FormItem, FormMessage } from '@/ui/shadcn/ui/form'

 defineOptions({
  name: 'RegisterForm',
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import { FormControl, FormField, FormItem, FormMessage } from '@/ui/shadcn/ui/form'
 import { toTypedSchema } from '@vee-validate/zod'
 import { useForm } from 'vee-validate'
 import * as z from 'zod'
+import { FormControl, FormField, FormItem, FormMessage } from '@/ui/shadcn/ui/form'

 defineOptions({
  name: 'ResetPasswordForm',
@@ -1,11 +1,11 @@
 <script setup lang="ts">
+import { useClipboard } from '@vueuse/core'
+import { toast } from 'vue-sonner'
 import settingsDefault from '@/settings.default'
 import useMenuStore from '@/store/modules/menu'
 import useSettingsStore from '@/store/modules/settings'
 import eventBus from '@/utils/eventBus'
 import { diffTwoObj } from '@/utils/object'
-import { useClipboard } from '@vueuse/core'
-import { toast } from 'vue-sonner'

 defineOptions({
  name: 'AppSetting',
@@ -1,8 +1,8 @@
 <script setup lang="ts">
+import hotkeys from 'hotkeys-js'
 import { useSlots } from '@/slots'
 import useMenuStore from '@/store/modules/menu'
 import useSettingsStore from '@/store/modules/settings'
-import hotkeys from 'hotkeys-js'
 import Logo from '../Logo/index.vue'

 defineOptions({
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { SubMenuProps } from './types'
-import { cn } from '@/utils'
 import { useTimeoutFn } from '@vueuse/core'
+import { cn } from '@/utils'
 import Item from './item.vue'
 import { rootMenuInjectionKey } from './types'

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import type { Tabbar } from '#/global'
-import { useSlots } from '@/slots'
-import useSettingsStore from '@/store/modules/settings'
-import useTabbarStore from '@/store/modules/tabbar'
 import { useMagicKeys } from '@vueuse/core'
 import hotkeys from 'hotkeys-js'
 import { toast } from 'vue-sonner'
+import { useSlots } from '@/slots'
+import useSettingsStore from '@/store/modules/settings'
+import useTabbarStore from '@/store/modules/tabbar'

 defineOptions({
  name: 'Tabbar',
@@ -157,7 +157,7 @@ onUnmounted(() => {
  <div class="tabbar">
    <component :is="useSlots('tabbar-start')" />
    <div class="tabbar-container">
-      <FaScrollArea ref="tabsRef" horizontal :scrollbar="false" mask gradient-color="var(--g-tabbar-bg)" class="tabs">
+      <FaScrollArea ref="tabsRef" :scrollbar="false" mask horizontal gradient-color="var(--g-tabbar-bg)" class="tabs">
        <TransitionGroup ref="tabContainerRef" name="tabbar" tag="div" class="tab-container">
          <div
            v-for="(element, index) in tabbarStore.list" :key="element.tabId"
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import useSettingsStore from '@/store/modules/settings'
 import { compile } from 'path-to-regexp'
+import useSettingsStore from '@/store/modules/settings'
 import Breadcrumb from '../../../Breadcrumb/index.vue'
 import BreadcrumbItem from '../../../Breadcrumb/item.vue'

@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import useSettingsStore from '@/store/modules/settings'
 import { useFullscreen } from '@vueuse/core'
+import useSettingsStore from '@/store/modules/settings'

 defineOptions({
  name: 'Fullscreen',
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { Menu } from '@/types/global'
+import { useFocus } from '@vueuse/core'
+import hotkeys from 'hotkeys-js'
 import Breadcrumb from '@/layouts/components/Breadcrumb/index.vue'
 import BreadcrumbItem from '@/layouts/components/Breadcrumb/item.vue'
 import useMenuStore from '@/store/modules/menu'
 import useRouteStore from '@/store/modules/route'
 import useSettingsStore from '@/store/modules/settings'
 import { resolveRoutePath } from '@/utils'
-import { useFocus } from '@vueuse/core'
-import hotkeys from 'hotkeys-js'

 defineOptions({
  name: 'NavSearchModal',
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import useSettingsStore from '@/store/modules/settings'
 import hotkeys from 'hotkeys-js'
+import useSettingsStore from '@/store/modules/settings'

 defineOptions({
  name: 'PageReload',
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import useSettingsStore from '@/store/modules/settings'
 import { useElementSize } from '@vueuse/core'
+import useSettingsStore from '@/store/modules/settings'
 import Tabbar from './Tabbar/index.vue'
 import Toolbar from './Toolbar/index.vue'

@@ -1,14 +1,13 @@
+import VxeUI from 'vxe-pc-ui'
+import VxeUITable from 'vxe-table'
+
 // 加载 iconify 图标
 import { downloadAndInstall } from '@/iconify'
-
 import icons from '@/iconify/index.json'
 // 自定义指令
 import directive from '@/utils/directive'

-import VxeUI from 'vxe-pc-ui'
-import VxeUITable from 'vxe-table'
 import App from './App.vue'
-
 import router from './router'
 import pinia from './store'
 import uiProvider from './ui/provider'
@@ -18,6 +17,7 @@ import '@/utils/systemCopyright'

 import 'vxe-table/lib/style.css'
 import 'vxe-pc-ui/lib/style.css'
+
 // 加载 svg 图标
 import 'virtual:svg-icons-register'
 import 'virtual:uno.css'
@@ -1,10 +1,10 @@
 import type { Router, RouteRecordRaw } from 'vue-router'
+import { useNProgress } from '@vueuse/integrations/useNProgress'
 import useKeepAliveStore from '@/store/modules/keepAlive'
 import useMenuStore from '@/store/modules/menu'
 import useRouteStore from '@/store/modules/route'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
-import { useNProgress } from '@vueuse/integrations/useNProgress'
 import { asyncRoutes, asyncRoutesByFilesystem } from './routes'
 import '@/assets/styles/nprogress.css'

@@ -1,7 +1,7 @@
-import pinia from '@/store'
-import useSettingsStore from '@/store/modules/settings'
 import { loadingFadeOut } from 'virtual:app-loading'
 import { createRouter, createWebHashHistory } from 'vue-router'
+import pinia from '@/store'
+import useSettingsStore from '@/store/modules/settings'
 import setupExtensions from './extensions'
 import setupGuards from './guards'
 // 路由相关数据
@@ -1,8 +1,8 @@
 import type { Route } from '#/global'
 import type { RouteRecordRaw } from 'vue-router'
-import useSettingsStore from '@/store/modules/settings'
 import generatedRoutes from 'virtual:generated-pages'
 import { setupLayouts } from 'virtual:meta-layouts'
+import useSettingsStore from '@/store/modules/settings'
 import BreadcrumbExample from './modules/breadcrumb.example'
 import ComponentExample from './modules/component.example'
 import EcologyExample from './modules/ecology.example'
@@ -1,7 +1,7 @@
 import type { RecursiveRequired, Settings } from '#/global'
+import { cloneDeep } from 'es-toolkit'
 import settingsDefault from '@/settings.default'
 import { merge } from '@/utils/object'
-import { cloneDeep } from 'es-toolkit'

 const globalSettings: Settings.all = {
  app: {
@@ -1,8 +1,8 @@
 <script setup lang="ts">
-import dayjs from '@/utils/dayjs'
-import eventBus from '@/utils/eventBus'
 import isBetween from 'dayjs/plugin/isBetween'
 import { ElNotification } from 'element-plus'
+import dayjs from '@/utils/dayjs'
+import eventBus from '@/utils/eventBus'

 const isActived = ref(true)
 setTimeout(() => {
@@ -1,9 +1,9 @@
 import type { Menu, Route } from '#/global'
 import type { RouteRecordRaw } from 'vue-router'
+import { cloneDeep } from 'es-toolkit'
 import apiApp from '@/api/modules/app'
 import menu from '@/menu'
 import { resolveRoutePath } from '@/utils'
-import { cloneDeep } from 'es-toolkit'
 import useRouteStore from './route'
 import useSettingsStore from './settings'
 import useUserStore from './user'
@@ -1,9 +1,9 @@
 import type { Route } from '#/global'
 import type { RouteRecordRaw, RouterMatcher } from 'vue-router'
-import apiApp from '@/api/modules/app'
-import { systemRoutes as systemRoutesRaw } from '@/router/routes'
 import { cloneDeep } from 'es-toolkit'
 import { createRouterMatcher } from 'vue-router'
+import apiApp from '@/api/modules/app'
+import { systemRoutes as systemRoutesRaw } from '@/router/routes'
 import useSettingsStore from './settings'

 const useRouteStore = defineStore(
@@ -1,8 +1,8 @@
 import type { Settings } from '#/global'
 import type { RouteMeta } from 'vue-router'
+import { cloneDeep } from 'es-toolkit'
 import settingsDefault from '@/settings'
 import { merge } from '@/utils/object'
-import { cloneDeep } from 'es-toolkit'

 const useSettingsStore = defineStore(
  // 唯一ID
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
 import type { AvatarVariants } from '.'
-import { cn } from '@/utils'
 import { AvatarRoot } from 'reka-ui'
+import { cn } from '@/utils'
 import { avatarVariant } from '.'

 const props = withDefaults(defineProps<{
@@ -2,8 +2,8 @@
 import type { PrimitiveProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
 import type { ButtonVariants } from '.'
-import { cn } from '@/utils'
 import { Primitive } from 'reka-ui'
+import { cn } from '@/utils'
 import { buttonVariants } from '.'

 interface Props extends PrimitiveProps {
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { CheckboxRootEmits, CheckboxRootProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { Check } from 'lucide-vue-next'
 import { CheckboxIndicator, CheckboxRoot, useForwardPropsEmits } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<CheckboxRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<CheckboxRootEmits>()
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { ContextMenuCheckboxItemEmits, ContextMenuCheckboxItemProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { Check } from 'lucide-vue-next'
 import {
  ContextMenuCheckboxItem,
@@ -9,6 +8,7 @@ import {
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ContextMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuCheckboxItemEmits>()
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { ContextMenuContentEmits, ContextMenuContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  ContextMenuContent,
  ContextMenuPortal,
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ContextMenuContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuContentEmits>()
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import type { ContextMenuItemEmits, ContextMenuItemProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  ContextMenuItem,
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ContextMenuItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()
 const emits = defineEmits<ContextMenuItemEmits>()
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { ContextMenuLabelProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { ContextMenuLabel } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ContextMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { ContextMenuRadioItemEmits, ContextMenuRadioItemProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { Circle } from 'lucide-vue-next'
 import {
  ContextMenuItemIndicator,
@@ -9,6 +8,7 @@ import {
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ContextMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<ContextMenuRadioItemEmits>()
@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import type { ContextMenuSeparatorProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  ContextMenuSeparator,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ContextMenuSeparatorProps & { class?: HTMLAttributes['class'] }>()

@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  ContextMenuSubContent,
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { ContextMenuSubTriggerProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { ChevronRight } from 'lucide-vue-next'
 import {
  ContextMenuSubTrigger,
  useForwardProps,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ContextMenuSubTriggerProps & { class?: HTMLAttributes['class'], inset?: boolean }>()

@@ -2,7 +2,6 @@
 import type { DialogContentEmits, DialogContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
 import type { SheetVariants } from '.'
-import { cn } from '@/utils'
 import { useScrollLock } from '@vueuse/core'
 import { X } from 'lucide-vue-next'
 import {
@@ -12,6 +11,7 @@ import {
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'
 import { sheetVariants } from '.'

 interface SheetContentProps extends DialogContentProps {
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { DialogDescriptionProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { DialogDescription } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { DialogTitleProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { DialogTitle } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { DropdownMenuCheckboxItemEmits, DropdownMenuCheckboxItemProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { Check } from 'lucide-vue-next'
 import {
  DropdownMenuCheckboxItem,
@@ -9,6 +8,7 @@ import {
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DropdownMenuCheckboxItemProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuCheckboxItemEmits>()
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { DropdownMenuContentEmits, DropdownMenuContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  DropdownMenuContent,
  DropdownMenuPortal,
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = withDefaults(
  defineProps<DropdownMenuContentProps & { class?: HTMLAttributes['class'] }>(),
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { DropdownMenuItemProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { DropdownMenuItem, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DropdownMenuItemProps & { class?: HTMLAttributes['class'], inset?: boolean }>()

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { DropdownMenuLabelProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { DropdownMenuLabel, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DropdownMenuLabelProps & { class?: HTMLAttributes['class'], inset?: boolean }>()

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { DropdownMenuRadioItemEmits, DropdownMenuRadioItemProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { Circle } from 'lucide-vue-next'
 import {
  DropdownMenuItemIndicator,
@@ -9,6 +8,7 @@ import {
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DropdownMenuRadioItemProps & { class?: HTMLAttributes['class'] }>()

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import type { DropdownMenuSeparatorProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  DropdownMenuSeparator,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DropdownMenuSeparatorProps & {
  class?: HTMLAttributes['class']
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import type { DropdownMenuSubContentEmits, DropdownMenuSubContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  DropdownMenuSubContent,
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DropdownMenuSubContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DropdownMenuSubContentEmits>()
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { DropdownMenuSubTriggerProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { ChevronRight } from 'lucide-vue-next'
 import {
  DropdownMenuSubTrigger,
  useForwardProps,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DropdownMenuSubTriggerProps & { class?: HTMLAttributes['class'] }>()

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { HoverCardContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  HoverCardContent,
  HoverCardPortal,
  useForwardProps,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = withDefaults(
  defineProps<HoverCardContentProps & { class?: HTMLAttributes['class'] }>(),
@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { Icon } from '@iconify/vue'
 import { UseImage } from '@vueuse/components'
+import { cn } from '@/utils'

 defineOptions({
  name: 'FaIcon',
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { useVModel } from '@vueuse/core'
+import { cn } from '@/utils'

 const props = defineProps<{
  defaultValue?: string | number
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { DialogContentEmits, DialogContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { useScrollLock } from '@vueuse/core'
 import { Maximize, Minimize, X } from 'lucide-vue-next'
 import {
@@ -11,6 +10,7 @@ import {
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DialogContentProps & {
  class?: HTMLAttributes['class']
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { DialogDescriptionProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { DialogDescription, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DialogDescriptionProps & { class?: HTMLAttributes['class'] }>()

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { DialogContentEmits, DialogContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { X } from 'lucide-vue-next'
 import {
  DialogClose,
@@ -11,6 +10,7 @@ import {
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DialogContentProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<DialogContentEmits>()
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { DialogTitleProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { DialogTitle, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<DialogTitleProps & { class?: HTMLAttributes['class'] }>()

@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { ModalEmits, ModalProps } from '.'
-import { cn } from '@/utils'
 import { VisuallyHidden } from 'reka-ui'
+import { cn } from '@/utils'
 import {
  Dialog,
  DialogContent,
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { ToastRootEmits } from 'reka-ui'
 import type { ToastProps } from '.'
-import { cn } from '@/utils'
 import { ToastRoot, useForwardPropsEmits } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'
 import { toastVariants } from '.'

 const props = defineProps<ToastProps>()
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { ToastActionProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { ToastAction } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ToastActionProps & { class?: HTMLAttributes['class'] }>()

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { ToastCloseProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { X } from 'lucide-vue-next'
 import { ToastClose } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ToastCloseProps & {
  class?: HTMLAttributes['class']
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { ToastDescriptionProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { ToastDescription } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ToastDescriptionProps & { class?: HTMLAttributes['class'] }>()

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { ToastTitleProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { ToastTitle } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ToastTitleProps & { class?: HTMLAttributes['class'] }>()

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { ToastViewportProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { ToastViewport } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<ToastViewportProps & { class?: HTMLAttributes['class'] }>()

@@ -39,7 +39,7 @@ const id = useId()
 </script>

 <template>
-  <PinInput :id :model-value="value" placeholder="○" otp type="number" @complete="handleComplete" @update:model-value="arrStr => value = arrStr.filter(Boolean)">
+  <PinInput :id :model-value="value" placeholder="○" otp @complete="handleComplete" @update:model-value="arrStr => value = arrStr.filter(Boolean)">
    <PinInputGroup>
      <PinInputInput v-for="(item, index) in length" :key="item" :index="index" />
    </PinInputGroup>
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { PinInputRootEmits, PinInputRootProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { PinInputRoot, useForwardPropsEmits } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = withDefaults(defineProps<PinInputRootProps & { class?: HTMLAttributes['class'] }>(), {
  modelValue: () => [],
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { PrimitiveProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { Primitive, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<PrimitiveProps & { class?: HTMLAttributes['class'] }>()
 const delegatedProps = computed(() => {
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { PinInputInputProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { PinInputInput, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<PinInputInputProps & { class?: HTMLAttributes['class'] }>()

@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { PopoverContentEmits, PopoverContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  PopoverContent,
  PopoverPortal,
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 defineOptions({
  inheritAttrs: false,
@@ -1,12 +1,12 @@
 <script setup lang="ts">
 import type { ProgressRootProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  ProgressIndicator,
  ProgressRoot,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = withDefaults(
  defineProps<ProgressRootProps & { class?: HTMLAttributes['class'] }>(),
@@ -1,7 +1,7 @@
 <script setup lang="ts">
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { useElementSize, useScroll } from '@vueuse/core'
+import { cn } from '@/utils'
 import { ScrollArea, ScrollBar } from './scroll-area'

 defineOptions({
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { ScrollAreaRootProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  ScrollAreaCorner,
  ScrollAreaRoot,
  ScrollAreaViewport,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'
 import ScrollBar from './ScrollBar.vue'

 const props = defineProps<ScrollAreaRootProps & {
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { ScrollAreaScrollbarProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { ScrollAreaScrollbar, ScrollAreaThumb } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = withDefaults(defineProps<ScrollAreaScrollbarProps & { class?: HTMLAttributes['class'] }>(), {
  orientation: 'vertical',
@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { SelectContentEmits, SelectContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  SelectContent,
  SelectPortal,
@@ -9,6 +8,7 @@ import {
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'
 import { SelectScrollDownButton, SelectScrollUpButton } from '.'

 defineOptions({
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { SelectGroupProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { SelectGroup } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<SelectGroupProps & { class?: HTMLAttributes['class'] }>()

@@ -1,7 +1,6 @@
 <script setup lang="ts">
 import type { SelectItemProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { Check } from 'lucide-vue-next'
 import {
  SelectItem,
@@ -10,6 +9,7 @@ import {
  useForwardProps,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<SelectItemProps & { class?: HTMLAttributes['class'] }>()

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { SelectLabelProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { SelectLabel } from 'reka-ui'
+import { cn } from '@/utils'

 const props = defineProps<SelectLabelProps & { class?: HTMLAttributes['class'] }>()
 </script>
@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { SelectScrollDownButtonProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { ChevronDown } from 'lucide-vue-next'
 import { SelectScrollDownButton, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<SelectScrollDownButtonProps & { class?: HTMLAttributes['class'] }>()

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { SelectScrollUpButtonProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { ChevronUp } from 'lucide-vue-next'
 import { SelectScrollUpButton, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<SelectScrollUpButtonProps & { class?: HTMLAttributes['class'] }>()

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { SelectSeparatorProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { SelectSeparator } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<SelectSeparatorProps & { class?: HTMLAttributes['class'] }>()

@@ -1,10 +1,10 @@
 <script setup lang="ts">
 import type { SelectTriggerProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { ChevronDown } from 'lucide-vue-next'
 import { SelectIcon, SelectTrigger, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<SelectTriggerProps & { class?: HTMLAttributes['class'] }>()

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { SliderRootEmits, SliderRootProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { SliderRange, SliderRoot, SliderThumb, SliderTrack, useForwardPropsEmits } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<SliderRootProps & { class?: HTMLAttributes['class'] }>()
 const emits = defineEmits<SliderRootEmits>()
@@ -1,13 +1,13 @@
 <script setup lang="ts">
 import type { SwitchRootEmits, SwitchRootProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import {
  SwitchRoot,
  SwitchThumb,
  useForwardPropsEmits,
 } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<SwitchRootProps & { class?: HTMLAttributes['class'] }>()

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { TabsContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { TabsContent } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<TabsContentProps & { class?: HTMLAttributes['class'] }>()

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { TabsListProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { TabsList } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<TabsListProps & { class?: HTMLAttributes['class'] }>()

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { TabsTriggerProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { TabsTrigger, useForwardProps } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 const props = defineProps<TabsTriggerProps & { class?: HTMLAttributes['class'] }>()

@@ -1,11 +1,15 @@
 <script setup lang="ts">
+import useSettingsStore from '@/store/modules/settings'
 import { Toaster } from './sonner'
+import 'vue-sonner/style.css'

 defineOptions({
  name: 'FaToast',
 })
+
+const settingsStore = useSettingsStore()
 </script>

 <template>
-  <Toaster position="top-center" />
+  <Toaster position="top-center" :theme="settingsStore.currentColorScheme" />
 </template>
@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { TooltipContentEmits, TooltipContentProps } from 'reka-ui'
 import type { HTMLAttributes } from 'vue'
-import { cn } from '@/utils'
 import { TooltipContent, TooltipPortal, useForwardPropsEmits } from 'reka-ui'
 import { computed } from 'vue'
+import { cn } from '@/utils'

 defineOptions({
  inheritAttrs: false,
@@ -1,6 +1,6 @@
 <script setup lang="ts">
-import useSettingsStore from '@/store/modules/settings'
 import zhCN from 'element-plus/es/locale/lang/zh-cn.mjs'
+import useSettingsStore from '@/store/modules/settings'

 const settingsStore = useSettingsStore()

@@ -1,6 +1,6 @@
 import type { RouteLocationRaw } from 'vue-router'
-import useTabbarStore from '@/store/modules/tabbar'
 import { toast } from 'vue-sonner'
+import useTabbarStore from '@/store/modules/tabbar'

 export default function useTabbar() {
  const route = useRoute()
@@ -4,9 +4,9 @@ meta:
 </route>

 <script setup lang="ts">
-import { icons } from '@/iconify'
 import { useClipboard } from '@vueuse/core'
 import { toast } from 'vue-sonner'
+import { icons } from '@/iconify'

 const { copy, isSupported } = useClipboard()

@@ -4,9 +4,9 @@ meta:
 </route>

 <script setup lang="ts">
+import { toast } from 'vue-sonner'
 import useSettingsStore from '@/store/modules/settings'
 import useUserStore from '@/store/modules/user'
-import { toast } from 'vue-sonner'

 defineOptions({
  name: 'PermissionExample',
@@ -4,8 +4,8 @@ meta:
 </route>

 <script setup lang="ts">
-import img from '@/assets/images/login-banner.png'
 import printJS from 'print-js'
+import img from '@/assets/images/login-banner.png'
 import Alert from './components/alert.vue'
 import Command from './components/command.vue'

@@ -4,9 +4,9 @@ meta:
 </route>

 <script setup lang="ts">
-import useSettingsStore from '@/store/modules/settings'
 import TinymceEditor from '@tinymce/tinymce-vue'
 import tinymce from 'tinymce/tinymce'
+import useSettingsStore from '@/store/modules/settings'
 import Alert from './components/alert.vue'
 import Command from './components/command.vue'
 import 'tinymce/themes/silver/theme'
@@ -4,8 +4,8 @@ meta:
 </route>

 <script setup lang="ts">
-import useSettingsStore from '@/store/modules/settings'
 import VxeUITable from 'vxe-table'
+import useSettingsStore from '@/store/modules/settings'
 import Alert from './components/alert.vue'
 import Command from './components/command.vue'