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

packages/effects/common-ui/package.json

@@ -29,7 +29,6 @@
     "@codemirror/theme-one-dark": "^6.1.2",
     "@vben-core/form-ui": "workspace:*",
     "@vben-core/popup-ui": "workspace:*",
-    "@vben-core/preferences": "workspace:*",
     "@vben-core/shadcn-ui": "workspace:*",
     "@vben-core/shared": "workspace:*",
     "@vben/constants": "workspace:*",

packages/effects/common-ui/src/components/api-component/api-component.vue

@@ -1,12 +1,11 @@
 <script lang="ts" setup>
 import type { AnyPromiseFunction } from '@vben/types';
-
-import { type Component, computed, ref, unref, useAttrs, watch } from 'vue';
+import type { Component } from 'vue';
 
 import { LoaderCircle } from '@vben/icons';
 import { get, isEqual, isFunction } from '@vben-core/shared/utils';
-
 import { objectOmit } from '@vueuse/core';
+import { computed, ref, unref, useAttrs, watch } from 'vue';
 
 type OptionsItem = {
   [name: string]: any;

packages/effects/common-ui/src/components/captcha/point-selection-captcha/point-selection-captcha-card.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import type { PointSelectionCaptchaCardProps } from '../types';
 
-import { computed } from 'vue';
-
 import { $t } from '@vben/locales';
 import {
   Card,
@@ -11,6 +9,7 @@ import {
   CardHeader,
   CardTitle,
 } from '@vben-core/shadcn-ui';
+import { computed } from 'vue';
 
 const props = withDefaults(defineProps<PointSelectionCaptchaCardProps>(), {
   height: '220px',

packages/effects/common-ui/src/components/captcha/slider-captcha/index.vue

@@ -5,12 +5,10 @@ import type {
   SliderRotateVerifyPassingData,
 } from '../types';
 
-import { reactive, unref, useTemplateRef, watch, watchEffect } from 'vue';
-
 import { $t } from '@vben/locales';
 import { cn } from '@vben-core/shared/utils';
-
 import { useTimeoutFn } from '@vueuse/core';
+import { reactive, unref, useTemplateRef, watch, watchEffect } from 'vue';
 
 import SliderCaptchaAction from './slider-captcha-action.vue';
 import SliderCaptchaBar from './slider-captcha-bar.vue';

packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-action.vue

@@ -1,9 +1,9 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue';
-import { computed, ref, useTemplateRef } from 'vue';
 
 import { Check, ChevronsRight } from '@vben/icons';
 import { Slot } from '@vben-core/shadcn-ui';
+import { computed, ref, useTemplateRef } from 'vue';
 
 const props = defineProps<{
   actionStyle: CSSProperties;

packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-bar.vue

@@ -1,5 +1,7 @@
 <script setup lang="ts">
-import { computed, type CSSProperties, ref, useTemplateRef } from 'vue';
+import type { CSSProperties } from 'vue';
+
+import { computed, ref, useTemplateRef } from 'vue';
 
 const props = defineProps<{
   barStyle: CSSProperties;

packages/effects/common-ui/src/components/captcha/slider-captcha/slider-captcha-content.vue

@@ -1,8 +1,8 @@
 <script setup lang="ts">
 import type { CSSProperties } from 'vue';
-import { computed, useTemplateRef } from 'vue';
 
 import { VbenSpineText } from '@vben-core/shadcn-ui';
+import { computed, useTemplateRef } from 'vue';
 
 const props = defineProps<{
   contentStyle: CSSProperties;

packages/effects/common-ui/src/components/captcha/types.ts

@@ -1,5 +1,4 @@
 import type { ClassType } from '@vben/types';
-
 import type { CSSProperties } from 'vue';
 
 export interface CaptchaData {

packages/effects/common-ui/src/components/ellipsis-text/ellipsis-text.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { computed, type CSSProperties, ref, watchEffect } from 'vue';
+import type { CSSProperties } from 'vue';
 
 import { VbenTooltip } from '@vben-core/shadcn-ui';
+import { computed, ref, watchEffect } from 'vue';
 
 interface Props {
   /**

packages/effects/common-ui/src/components/icon-picker/icon-picker.vue

@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import { computed, h, ref, type VNode, watch, watchEffect } from 'vue';
+import type { VNode } from 'vue';
 
 import { usePagination } from '@vben/hooks';
 import { EmptyIcon, Grip, listIcons } from '@vben/icons';
@@ -18,8 +18,8 @@ import {
   VbenIconButton,
   VbenPopover,
 } from '@vben-core/shadcn-ui';
-
 import { refDebounced } from '@vueuse/core';
+import { computed, h, ref, watch, watchEffect } from 'vue';
 
 interface Props {
   pageSize?: number;

packages/effects/common-ui/src/components/page/page.vue

@@ -1,17 +1,11 @@
 <script setup lang="ts">
-import type { PageProps } from './types';
+import type { StyleValue } from 'vue';
 
-import {
-  computed,
-  nextTick,
-  onMounted,
-  ref,
-  type StyleValue,
-  useTemplateRef,
-} from 'vue';
+import type { PageProps } from './types';
 
 import { CSS_VARIABLE_LAYOUT_CONTENT_HEIGHT } from '@vben-core/shared/constants';
 import { cn } from '@vben-core/shared/utils';
+import { computed, nextTick, onMounted, ref, useTemplateRef } from 'vue';
 
 defineOptions({
   name: 'Page',

packages/effects/common-ui/src/ui/about/about.vue

@@ -1,14 +1,13 @@
 <script setup lang="ts">
 import type { AboutProps, DescriptionItem } from './about';
 
-import { h } from 'vue';
-
 import {
   VBEN_DOC_URL,
   VBEN_GITHUB_URL,
   VBEN_PREVIEW_URL,
 } from '@vben/constants';
 import { VbenRenderContent } from '@vben-core/shadcn-ui';
+import { h } from 'vue';
 
 import { Page } from '../../components';
 

packages/effects/common-ui/src/ui/authentication/code-login.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import type { VbenFormSchema } from '@vben-core/form-ui';
 
-import { computed, reactive } from 'vue';
-import { useRouter } from 'vue-router';
-
 import { $t } from '@vben/locales';
 import { useVbenForm } from '@vben-core/form-ui';
 import { VbenButton } from '@vben-core/shadcn-ui';
+import { computed, reactive } from 'vue';
+import { useRouter } from 'vue-router';
 
 import Title from './auth-title.vue';
 

packages/effects/common-ui/src/ui/authentication/forget-password.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import type { VbenFormSchema } from '@vben-core/form-ui';
 
-import { computed, reactive } from 'vue';
-import { useRouter } from 'vue-router';
-
 import { $t } from '@vben/locales';
 import { useVbenForm } from '@vben-core/form-ui';
 import { VbenButton } from '@vben-core/shadcn-ui';
+import { computed, reactive } from 'vue';
+import { useRouter } from 'vue-router';
 
 import Title from './auth-title.vue';
 

packages/effects/common-ui/src/ui/authentication/login.vue

@@ -3,13 +3,12 @@ import type { VbenFormSchema } from '@vben-core/form-ui';
 
 import type { AuthenticationProps, LoginAndRegisterParams } from './types';
 
-import { computed, onMounted, reactive, ref } from 'vue';
-import { useRouter } from 'vue-router';
-
 import { $t } from '@vben/locales';
 import { useVbenForm } from '@vben-core/form-ui';
 import { VbenButton, VbenCheckbox } from '@vben-core/shadcn-ui';
 import { cloneDeep } from '@vben-core/shared/utils';
+import { computed, onMounted, reactive, ref } from 'vue';
+import { useRouter } from 'vue-router';
 
 import Title from './auth-title.vue';
 import ThirdPartyLogin from './third-party-login.vue';

packages/effects/common-ui/src/ui/authentication/qrcode-login.vue

@@ -1,11 +1,9 @@
 <script setup lang="ts">
-import { ref } from 'vue';
-import { useRouter } from 'vue-router';
-
 import { $t } from '@vben/locales';
 import { VbenButton } from '@vben-core/shadcn-ui';
-
 import { useQRCode } from '@vueuse/integrations/useQRCode';
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
 
 import Title from './auth-title.vue';
 

packages/effects/common-ui/src/ui/authentication/register.vue

@@ -2,12 +2,11 @@
 import type { Recordable } from '@vben/types';
 import type { VbenFormSchema } from '@vben-core/form-ui';
 
-import { computed, reactive } from 'vue';
-import { useRouter } from 'vue-router';
-
 import { $t } from '@vben/locales';
 import { useVbenForm } from '@vben-core/form-ui';
 import { VbenButton } from '@vben-core/shadcn-ui';
+import { computed, reactive } from 'vue';
+import { useRouter } from 'vue-router';
 
 import Title from './auth-title.vue';
 

packages/effects/common-ui/src/ui/fallback/fallback.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import type { FallbackProps } from './fallback';
 
-import { computed, defineAsyncComponent } from 'vue';
-import { useRouter } from 'vue-router';
-
 import { ArrowLeft, RotateCw } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { VbenButton } from '@vben-core/shadcn-ui';
+import { computed, defineAsyncComponent } from 'vue';
+import { useRouter } from 'vue-router';
 
 interface Props extends FallbackProps {}
 

packages/effects/hooks/src/use-hover-toggle.ts

@@ -1,11 +1,9 @@
 import type { Arrayable, MaybeElementRef } from '@vueuse/core';
-
-import { computed, onUnmounted, ref, watch } from 'vue';
 import type { Ref } from 'vue';
 
 import { isFunction } from '@vben/utils';
-
 import { useMouseInElement } from '@vueuse/core';
+import { computed, onUnmounted, ref, watch } from 'vue';
 
 /**
  * 监测鼠标是否在元素内部，如果在元素内部则返回 true，否则返回 false

packages/effects/hooks/src/use-pagination.ts

@@ -1,4 +1,5 @@
 import type { Ref } from 'vue';
+
 import { computed, ref, unref } from 'vue';
 
 /**

packages/effects/hooks/src/use-tabs.ts

@@ -1,6 +1,7 @@
-import { type RouteLocationNormalized, useRoute, useRouter } from 'vue-router';
+import type { RouteLocationNormalized } from 'vue-router';
 
 import { useTabbarStore } from '@vben/stores';
+import { useRoute, useRouter } from 'vue-router';
 
 export function useTabs() {
   const router = useRouter();

packages/effects/layouts/src/basic/content/content.vue

@@ -1,14 +1,13 @@
 <script lang="ts" setup>
+import type { VNode } from 'vue';
 import type {
   RouteLocationNormalizedLoaded,
   RouteLocationNormalizedLoadedGeneric,
 } from 'vue-router';
 
-import { type VNode } from 'vue';
-import { RouterView } from 'vue-router';
-
 import { preferences, usePreferences } from '@vben/preferences';
 import { storeToRefs, useTabbarStore } from '@vben/stores';
+import { RouterView } from 'vue-router';
 
 import { IFrameRouterView } from '../../iframe';
 

packages/effects/layouts/src/basic/header/header.vue

@@ -1,11 +1,10 @@
 <script lang="ts" setup>
-import { computed, useSlots } from 'vue';
-
 import { useRefresh } from '@vben/hooks';
 import { RotateCw } from '@vben/icons';
 import { preferences, usePreferences } from '@vben/preferences';
 import { useAccessStore } from '@vben/stores';
 import { VbenFullScreen, VbenIconButton } from '@vben-core/shadcn-ui';
+import { computed, useSlots } from 'vue';
 
 import {
   GlobalSearch,

packages/effects/layouts/src/basic/layout.vue

@@ -1,7 +1,6 @@
 <script lang="ts" setup>
 import type { MenuRecordRaw } from '@vben/types';
-
-import { computed, type SetupContext, useSlots, watch } from 'vue';
+import type { SetupContext } from 'vue';
 
 import { useRefresh } from '@vben/hooks';
 import { $t } from '@vben/locales';
@@ -14,6 +13,7 @@ import { useLockStore } from '@vben/stores';
 import { cloneDeep, mapTree } from '@vben/utils';
 import { VbenAdminLayout } from '@vben-core/layout-ui';
 import { VbenBackTop, VbenLogo } from '@vben-core/shadcn-ui';
+import { computed, useSlots, watch } from 'vue';
 
 import { Breadcrumb, CheckUpdates, Preferences } from '../widgets';
 import { LayoutContent, LayoutContentSpinner } from './content';

packages/effects/layouts/src/basic/menu/extra-menu.vue

@@ -2,9 +2,8 @@
 import type { MenuRecordRaw } from '@vben/types';
 import type { MenuProps } from '@vben-core/menu-ui';
 
-import { useRoute } from 'vue-router';
-
 import { Menu } from '@vben-core/menu-ui';
+import { useRoute } from 'vue-router';
 
 import { useNavigation } from './use-navigation';
 

packages/effects/layouts/src/basic/menu/mixed-menu.vue

@@ -2,11 +2,10 @@
 import type { MenuRecordRaw } from '@vben/types';
 import type { NormalMenuProps } from '@vben-core/menu-ui';
 
-import { onBeforeMount } from 'vue';
-import { useRoute } from 'vue-router';
-
 import { findMenuByPath } from '@vben/utils';
 import { NormalMenu } from '@vben-core/menu-ui';
+import { onBeforeMount } from 'vue';
+import { useRoute } from 'vue-router';
 
 interface Props extends NormalMenuProps {}
 

packages/effects/layouts/src/basic/menu/use-extra-menu.ts

@@ -1,11 +1,11 @@
 import type { MenuRecordRaw } from '@vben/types';
-
-import { computed, type ComputedRef, ref, watch } from 'vue';
-import { useRoute } from 'vue-router';
+import type { ComputedRef } from 'vue';
 
 import { preferences } from '@vben/preferences';
 import { useAccessStore } from '@vben/stores';
 import { findRootMenuByPath } from '@vben/utils';
+import { computed, ref, watch } from 'vue';
+import { useRoute } from 'vue-router';
 
 import { useNavigation } from './use-navigation';
 

packages/effects/layouts/src/basic/menu/use-navigation.ts

@@ -1,6 +1,7 @@
-import { type RouteRecordNormalized, useRouter } from 'vue-router';
+import type { RouteRecordNormalized } from 'vue-router';
 
 import { isHttpUrl, openRouteInNewWindow, openWindow } from '@vben/utils';
+import { useRouter } from 'vue-router';
 
 function useNavigation() {
   const router = useRouter();

packages/effects/layouts/src/basic/tabbar/tabbar.vue

@@ -1,11 +1,10 @@
 <script lang="ts" setup>
-import { computed } from 'vue';
-import { useRoute } from 'vue-router';
-
 import { useContentMaximize, useTabs } from '@vben/hooks';
 import { preferences } from '@vben/preferences';
 import { useTabbarStore } from '@vben/stores';
 import { TabsToolMore, TabsToolScreen, TabsView } from '@vben-core/tabs-ui';
+import { computed } from 'vue';
+import { useRoute } from 'vue-router';
 
 import { useTabbar } from './use-tabbar';
 

packages/effects/layouts/src/basic/tabbar/use-tabbar.ts

@@ -2,9 +2,6 @@ import type { TabDefinition } from '@vben/types';
 import type { IContextMenuItem } from '@vben-core/tabs-ui';
 import type { RouteLocationNormalizedGeneric } from 'vue-router';
 
-import { computed, ref, watch } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
 import { useContentMaximize, useTabs } from '@vben/hooks';
 import {
   ArrowLeftToLine,
@@ -22,6 +19,8 @@ import {
 import { $t, useI18n } from '@vben/locales';
 import { useAccessStore, useTabbarStore } from '@vben/stores';
 import { filterTree } from '@vben/utils';
+import { computed, ref, watch } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
 
 export function useTabbar() {
   const router = useRouter();

packages/effects/layouts/src/iframe/iframe-router-view.vue

@@ -1,12 +1,11 @@
 <script lang="ts" setup>
 import type { RouteLocationNormalized } from 'vue-router';
 
-import { computed, ref } from 'vue';
-import { useRoute } from 'vue-router';
-
 import { preferences } from '@vben/preferences';
 import { useTabbarStore } from '@vben/stores';
 import { VbenSpinner } from '@vben-core/shadcn-ui';
+import { computed, ref } from 'vue';
+import { useRoute } from 'vue-router';
 
 defineOptions({ name: 'IFrameRouterView' });
 

packages/effects/layouts/src/widgets/breadcrumb.vue

@@ -2,11 +2,10 @@
 import type { BreadcrumbStyleType } from '@vben/types';
 import type { IBreadcrumb } from '@vben-core/shadcn-ui';
 
-import { computed } from 'vue';
-import { useRoute, useRouter } from 'vue-router';
-
 import { $t } from '@vben/locales';
 import { VbenBreadcrumbView } from '@vben-core/shadcn-ui';
+import { computed } from 'vue';
+import { useRoute, useRouter } from 'vue-router';
 
 interface Props {
   hideWhenOnlyOne?: boolean;

packages/effects/layouts/src/widgets/check-updates/check-updates.vue

@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { onMounted, onUnmounted, ref } from 'vue';
-
 import { $t } from '@vben/locales';
 import { useVbenModal } from '@vben-core/popup-ui';
+import { onMounted, onUnmounted, ref } from 'vue';
 
 interface Props {
   // 轮训时间，分钟

packages/effects/layouts/src/widgets/global-search/global-search.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import type { MenuRecordRaw } from '@vben/types';
 
-import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
-
 import {
   ArrowDown,
   ArrowUp,
@@ -13,8 +11,8 @@ import {
 import { $t } from '@vben/locales';
 import { isWindowsOs } from '@vben/utils';
 import { useVbenModal } from '@vben-core/popup-ui';
-
 import { useMagicKeys, whenever } from '@vueuse/core';
+import { nextTick, onMounted, onUnmounted, ref, watch } from 'vue';
 
 import SearchPanel from './search-panel.vue';
 

packages/effects/layouts/src/widgets/global-search/search-panel.vue

@@ -1,16 +1,14 @@
 <script setup lang="ts">
 import type { MenuRecordRaw } from '@vben/types';
 
-import { nextTick, onMounted, ref, shallowRef, watch } from 'vue';
-import { useRouter } from 'vue-router';
-
 import { SearchX, X } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { mapTree, traverseTreeValues, uniqueByField } from '@vben/utils';
 import { VbenIcon, VbenScrollbar } from '@vben-core/shadcn-ui';
 import { isHttpUrl } from '@vben-core/shared/utils';
-
 import { onKeyStroke, useLocalStorage, useThrottleFn } from '@vueuse/core';
+import { nextTick, onMounted, ref, shallowRef, watch } from 'vue';
+import { useRouter } from 'vue-router';
 
 defineOptions({
   name: 'SearchPanel',

packages/effects/layouts/src/widgets/layout-toggle.vue

@@ -2,8 +2,6 @@
 import type { AuthPageLayoutType } from '@vben/types';
 import type { VbenDropdownMenuItem } from '@vben-core/shadcn-ui';
 
-import { computed } from 'vue';
-
 import { InspectionPanel, PanelLeft, PanelRight } from '@vben/icons';
 import { $t } from '@vben/locales';
 import {
@@ -12,6 +10,7 @@ import {
   usePreferences,
 } from '@vben/preferences';
 import { VbenDropdownRadioMenu, VbenIconButton } from '@vben-core/shadcn-ui';
+import { computed } from 'vue';
 
 defineOptions({
   name: 'AuthenticationLayoutToggle',

packages/effects/layouts/src/widgets/lock-screen/lock-screen-modal.vue

@@ -1,12 +1,11 @@
 <script setup lang="ts">
 import type { Recordable } from '@vben/types';
 
-import { computed, reactive } from 'vue';
-
 import { $t } from '@vben/locales';
 import { useVbenForm, z } from '@vben-core/form-ui';
 import { useVbenModal } from '@vben-core/popup-ui';
 import { VbenAvatar, VbenButton } from '@vben-core/shadcn-ui';
+import { computed, reactive } from 'vue';
 
 interface Props {
   avatar?: string;

packages/effects/layouts/src/widgets/lock-screen/lock-screen.vue

@@ -1,14 +1,12 @@
 <script setup lang="ts">
-import { computed, reactive, ref } from 'vue';
-
 import { LockKeyhole } from '@vben/icons';
 import { $t, useI18n } from '@vben/locales';
 import { storeToRefs, useLockStore } from '@vben/stores';
 import { useScrollLock } from '@vben-core/composables';
 import { useVbenForm, z } from '@vben-core/form-ui';
 import { VbenAvatar, VbenButton } from '@vben-core/shadcn-ui';
-
 import { useDateFormat, useNow } from '@vueuse/core';
+import { computed, reactive, ref } from 'vue';
 
 interface Props {
   avatar?: string;

packages/effects/layouts/src/widgets/notification/notification.vue

@@ -9,7 +9,6 @@ import {
   VbenPopover,
   VbenScrollbar,
 } from '@vben-core/shadcn-ui';
-
 import { useToggle } from '@vueuse/core';
 
 interface Props {

packages/effects/layouts/src/widgets/preferences/blocks/input-item.vue

@@ -1,10 +1,9 @@
 <script setup lang="ts">
 import type { SelectOption } from '@vben/types';
 
-import { useSlots } from 'vue';
-
 import { CircleHelp } from '@vben/icons';
 import { Input, VbenTooltip } from '@vben-core/shadcn-ui';
+import { useSlots } from 'vue';
 
 defineOptions({
   name: 'PreferenceSelectItem',

packages/effects/layouts/src/widgets/preferences/blocks/layout/content.vue

@@ -1,7 +1,8 @@
 <script setup lang="ts">
-import { type Component, computed } from 'vue';
+import type { Component } from 'vue';
 
 import { $t } from '@vben/locales';
+import { computed } from 'vue';
 
 import { ContentCompact, ContentWide } from '../../icons';
 

packages/effects/layouts/src/widgets/preferences/blocks/layout/layout.vue

@@ -1,11 +1,11 @@
 <script setup lang="ts">
 import type { LayoutType } from '@vben/types';
-
-import { type Component, computed } from 'vue';
+import type { Component } from 'vue';
 
 import { CircleHelp } from '@vben/icons';
 import { $t } from '@vben/locales';
 import { VbenTooltip } from '@vben-core/shadcn-ui';
+import { computed } from 'vue';
 
 import {
   FullContent,

packages/effects/layouts/src/widgets/preferences/blocks/number-field-item.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import type { SelectOption } from '@vben/types';
 
-import { useSlots } from 'vue';
-
 import { CircleHelp } from '@vben/icons';
 import {
   NumberField,
@@ -12,6 +10,7 @@ import {
   NumberFieldInput,
   VbenTooltip,
 } from '@vben-core/shadcn-ui';
+import { useSlots } from 'vue';
 
 defineOptions({
   name: 'PreferenceSelectItem',

packages/effects/layouts/src/widgets/preferences/blocks/select-item.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import type { SelectOption } from '@vben/types';
 
-import { useSlots } from 'vue';
-
 import { CircleHelp } from '@vben/icons';
 import {
   Select,
@@ -12,6 +10,7 @@ import {
   SelectValue,
   VbenTooltip,
 } from '@vben-core/shadcn-ui';
+import { useSlots } from 'vue';
 
 defineOptions({
   name: 'PreferenceSelectItem',

packages/effects/layouts/src/widgets/preferences/blocks/switch-item.vue

@@ -1,8 +1,7 @@
 <script setup lang="ts">
-import { useSlots } from 'vue';
-
 import { CircleHelp } from '@vben/icons';
 import { Switch, VbenTooltip } from '@vben-core/shadcn-ui';
+import { useSlots } from 'vue';
 
 defineOptions({
   name: 'PreferenceSwitchItem',

packages/effects/layouts/src/widgets/preferences/blocks/theme/builtin.vue

@@ -1,15 +1,12 @@
 <script setup lang="ts">
+import type { BuiltinThemePreset } from '@vben/preferences';
 import type { BuiltinThemeType } from '@vben/types';
 
-import { computed, ref } from 'vue';
-
 import { UserRoundPen } from '@vben/icons';
 import { $t } from '@vben/locales';
-import {
-  BUILT_IN_THEME_PRESETS,
-  type BuiltinThemePreset,
-} from '@vben/preferences';
+import { BUILT_IN_THEME_PRESETS } from '@vben/preferences';
 import { convertToHsl, TinyColor } from '@vben/utils';
+import { computed, ref } from 'vue';
 
 defineOptions({
   name: 'PreferenceBuiltinTheme',

packages/effects/layouts/src/widgets/preferences/blocks/theme/theme.vue

@@ -1,6 +1,5 @@
 <script setup lang="ts">
 import type { ThemeModeType } from '@vben/types';
-
 import type { Component } from 'vue';
 
 import { MoonStar, Sun, SunMoon } from '@vben/icons';

packages/effects/layouts/src/widgets/preferences/preferences-drawer.vue

@@ -13,8 +13,6 @@ import type {
 } from '@vben/types';
 import type { SegmentedItem } from '@vben-core/shadcn-ui';
 
-import { computed, ref } from 'vue';
-
 import { Copy, RotateCw } from '@vben/icons';
 import { $t, loadLocaleMessages } from '@vben/locales';
 import {
@@ -30,8 +28,8 @@ import {
   VbenSegmented,
 } from '@vben-core/shadcn-ui';
 import { globalShareState } from '@vben-core/shared/global-state';
-
 import { useClipboard } from '@vueuse/core';
+import { computed, ref } from 'vue';
 
 import {
   Animation,

packages/effects/layouts/src/widgets/preferences/preferences.vue

@@ -1,12 +1,11 @@
 <script lang="ts" setup>
-import { computed } from 'vue';
-
 import { Settings } from '@vben/icons';
 import { $t, loadLocaleMessages } from '@vben/locales';
 import { preferences, updatePreferences } from '@vben/preferences';
 import { capitalizeFirstLetter } from '@vben/utils';
 import { useVbenDrawer } from '@vben-core/popup-ui';
 import { VbenButton } from '@vben-core/shadcn-ui';
+import { computed } from 'vue';
 
 import PreferencesDrawer from './preferences-drawer.vue';
 

packages/effects/layouts/src/widgets/user-dropdown/user-dropdown.vue

@@ -1,8 +1,6 @@
 <script setup lang="ts">
 import type { AnyFunction } from '@vben/types';
-
 import type { Component } from 'vue';
-import { computed, useTemplateRef, watch } from 'vue';
 
 import { useHoverToggle } from '@vben/hooks';
 import { LockKeyhole, LogOut } from '@vben/icons';
@@ -23,8 +21,8 @@ import {
   VbenAvatar,
   VbenIcon,
 } from '@vben-core/shadcn-ui';
-
 import { useMagicKeys, whenever } from '@vueuse/core';
+import { computed, useTemplateRef, watch } from 'vue';
 
 import { LockScreenModal } from '../lock-screen';
 

packages/effects/plugins/src/echarts/use-echarts.ts

@@ -1,12 +1,9 @@
 import type { EChartsOption } from 'echarts';
+import type { Ref } from 'vue';
 
 import type EchartsUI from './echarts-ui.vue';
 
-import type { Ref } from 'vue';
-import { computed, nextTick, watch } from 'vue';
-
 import { usePreferences } from '@vben/preferences';
-
 import {
   tryOnUnmounted,
   useDebounceFn,
@@ -14,6 +11,7 @@ import {
   useTimeoutFn,
   useWindowSize,
 } from '@vueuse/core';
+import { computed, nextTick, watch } from 'vue';
 
 import echarts from './echarts';
 

packages/effects/plugins/src/vxe-table/api.ts

@@ -3,8 +3,6 @@ import type { VxeGridInstance } from 'vxe-table';
 
 import type { VxeGridProps } from './types';
 
-import { toRaw } from 'vue';
-
 import { Store } from '@vben-core/shared/store';
 import {
   bindMethods,
@@ -13,6 +11,7 @@ import {
   mergeWithArrayOverride,
   StateHandler,
 } from '@vben-core/shared/utils';
+import { toRaw } from 'vue';
 
 function getDefaultState(): VxeGridProps {
   return {

packages/effects/plugins/src/vxe-table/init.ts

@@ -1,10 +1,8 @@
 import type { SetupVxeTable } from './types';
 
-import { defineComponent, watch } from 'vue';
-
 import { usePreferences } from '@vben/preferences';
 import { useVbenForm } from '@vben-core/form-ui';
-
+import { defineComponent, watch } from 'vue';
 import {
   VxeButton,
   VxeCheckbox,
@@ -34,7 +32,6 @@ import {
   // VxeTextarea,
 } from 'vxe-pc-ui';
 import enUS from 'vxe-pc-ui/lib/language/en-US';
-
 // 导入默认的语言
 import zhCN from 'vxe-pc-ui/lib/language/zh-CN';
 import {

packages/effects/plugins/src/vxe-table/types.ts

@@ -1,5 +1,6 @@
 import type { ClassType, DeepPartial } from '@vben/types';
 import type { VbenFormProps } from '@vben-core/form-ui';
+import type { Ref } from 'vue';
 import type {
   VxeGridListeners,
   VxeGridPropTypes,
@@ -9,8 +10,6 @@ import type {
 
 import type { VxeGridApi } from './api';
 
-import type { Ref } from 'vue';
-
 import { useVbenForm } from '@vben-core/form-ui';
 
 export interface VxePaginationInfo {

packages/effects/plugins/src/vxe-table/use-vxe-grid.vue

@@ -11,6 +11,12 @@ import type {
 
 import type { ExtendedVxeGridApi, VxeGridProps } from './types';
 
+import { usePriorityValues } from '@vben/hooks';
+import { EmptyIcon } from '@vben/icons';
+import { $t } from '@vben/locales';
+import { usePreferences } from '@vben/preferences';
+import { cloneDeep, cn, mergeWithArrayOverride } from '@vben/utils';
+import { VbenHelpTooltip, VbenLoading } from '@vben-core/shadcn-ui';
 import {
   computed,
   nextTick,
@@ -21,14 +27,6 @@ import {
   useTemplateRef,
   watch,
 } from 'vue';
-
-import { usePriorityValues } from '@vben/hooks';
-import { EmptyIcon } from '@vben/icons';
-import { $t } from '@vben/locales';
-import { usePreferences } from '@vben/preferences';
-import { cloneDeep, cn, mergeWithArrayOverride } from '@vben/utils';
-import { VbenHelpTooltip, VbenLoading } from '@vben-core/shadcn-ui';
-
 import { VxeGrid, VxeUI } from 'vxe-table';
 
 import { extendProxyOptions } from './extends';

packages/effects/request/src/request-client/request-client.ts

@@ -5,14 +5,14 @@ import type {
   CreateAxiosDefaults,
 } from 'axios';
 
-import { bindMethods, merge } from '@vben/utils';
+import type { RequestClientOptions } from './types';
 
+import { bindMethods, merge } from '@vben/utils';
 import axios from 'axios';
 
 import { FileDownloader } from './modules/downloader';
 import { InterceptorManager } from './modules/interceptor';
 import { FileUploader } from './modules/uploader';
-import { type RequestClientOptions } from './types';
 
 class RequestClient {
   private readonly instance: AxiosInstance;