refactor(styles): 代码格式

ISSUES CLOSED: \

src/App.vue

@@ -20,4 +20,5 @@ const theme = useThemeStore();
 
 subscribeStore();
 </script>
+
 <style scoped></style>

src/components/business/LoadingEmptyWrapper.vue

@@ -91,4 +91,5 @@ onUnmounted(() => {
   stopHandle();
 });
 </script>
+
 <style scoped></style>

src/components/business/LoginAgreement.vue

@@ -44,4 +44,5 @@ function handleClickPolicy() {
   emit('click-policy');
 }
 </script>
+
 <style scoped></style>

src/components/common/DarkModeContainer.vue

@@ -15,4 +15,5 @@ withDefaults(defineProps<Props>(), {
   inverted: false
 });
 </script>
+
 <style scoped></style>

src/components/common/DarkModeSwitch.vue

@@ -36,4 +36,5 @@ function handleSwitch() {
   darkMode.value = !darkMode.value;
 }
 </script>
+
 <style scoped></style>

src/components/common/HoverContainer.vue

@@ -41,4 +41,5 @@ const computedClass = computed(() =>
   [props.contentClass, props.inverted ? 'hover:bg-primary' : 'hover:bg-[#f6f6f6]'].join(' ')
 );
 </script>
+
 <style scoped></style>

src/components/common/SystemLogo.vue

@@ -13,4 +13,5 @@ withDefaults(defineProps<Props>(), {
   fill: false
 });
 </script>
+
 <style scoped></style>

src/components/custom/BetterScroll.vue

@@ -44,4 +44,5 @@ onMounted(() => {
 
 defineExpose({ instance });
 </script>
+
 <style scoped></style>

src/components/custom/CountTo.vue

@@ -106,3 +106,5 @@ onMounted(() => {
   }
 });
 </script>
+
+<style scoped></style>

src/components/custom/IconSelect.vue

@@ -66,6 +66,7 @@ function handleChange(iconItem: string) {
   modelValue.value = iconItem;
 }
 </script>
+
 <style lang="scss" scoped>
 :deep(.n-input-wrapper) {
   padding-right: 0;

src/components/custom/ImageVerify.vue

@@ -36,4 +36,5 @@ watch(imgCode, newValue => {
 
 defineExpose({ getImgCode });
 </script>
+
 <style scoped></style>

src/components/custom/WebSiteLink.vue

@@ -17,4 +17,5 @@ interface Props {
 
 defineProps<Props>();
 </script>
+
 <style scoped></style>

src/layouts/BasicLayout/index.vue

@@ -44,4 +44,5 @@ const { mode, headerProps, siderVisible, siderWidth, siderCollapsedWidth } = use
 
 const { bool: addMainOverflowHidden, setBool: setAddMainOverflowHidden } = useBoolean();
 </script>
+
 <style scoped></style>

src/layouts/BlankLayout/index.vue

@@ -5,4 +5,5 @@
 <script setup lang="ts">
 import { GlobalContent } from '../common';
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalContent/index.vue

@@ -49,4 +49,5 @@ function handleAfterEnter() {
   emit('hide-main-overflow', false);
 }
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalFooter/index.vue

@@ -5,4 +5,5 @@
 </template>
 
 <script setup lang="ts"></script>
+
 <style scoped></style>

src/layouts/common/GlobalHeader/components/FullScreen.vue

@@ -12,4 +12,5 @@ import { useThemeStore } from '@/store';
 const { isFullscreen, toggle } = useFullscreen();
 const theme = useThemeStore();
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalHeader/components/GithubSite.vue

@@ -17,4 +17,5 @@ function handleClickLink() {
   window.open('https://github.com/honghuangdc/soybean-admin', '_blank');
 }
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalHeader/components/GlobalBreadcrumb.vue

@@ -47,4 +47,5 @@ function dropdownSelect(key: string) {
   routerPush({ name: key });
 }
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalHeader/components/HeaderMenu.vue

@@ -28,4 +28,5 @@ function handleUpdateMenu(_key: string, item: MenuOption) {
   routerPush(menuItem.routePath);
 }
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalHeader/components/MenuCollapse.vue

@@ -11,4 +11,5 @@ import { useAppStore, useThemeStore } from '@/store';
 const app = useAppStore();
 const theme = useThemeStore();
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalHeader/components/ThemeMode.vue

@@ -9,4 +9,5 @@ import { useThemeStore } from '@/store';
 
 const theme = useThemeStore();
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalHeader/components/UserAvatar.vue

@@ -48,4 +48,5 @@ function handleDropdown(optionKey: string) {
   }
 }
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalHeader/index.vue

@@ -45,6 +45,7 @@ defineProps<Props>();
 
 const theme = useThemeStore();
 </script>
+
 <style scoped>
 .global-header {
   box-shadow: 0 1px 2px rgb(0 21 41 / 8%);

src/layouts/common/GlobalLogo/index.vue

@@ -21,4 +21,5 @@ defineProps<Props>();
 const { title } = useAppInfo();
 const routeHomePath = routePath('root');
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalSearch/components/SearchFooter.vue

@@ -17,6 +17,7 @@
 </template>
 
 <script lang="ts" setup></script>
+
 <style lang="scss" scoped>
 .icon {
   box-shadow: inset 0 -2px #cdcde6, inset 0 0 1px 1px #fff, 0 1px 2px 1px #1e235a66;

src/layouts/common/GlobalSearch/components/SearchModal.vue

@@ -134,4 +134,5 @@ onKeyStroke('Enter', handleEnter);
 onKeyStroke('ArrowUp', handleUp);
 onKeyStroke('ArrowDown', handleDown);
 </script>
+
 <style lang="scss" scoped></style>

src/layouts/common/GlobalSearch/components/SearchResult.vue

@@ -59,4 +59,5 @@ function handleTo() {
   emit('enter');
 }
 </script>
+
 <style lang="scss" scoped></style>

src/layouts/common/GlobalSearch/index.vue

@@ -24,4 +24,5 @@ function handleSearch() {
   toggle();
 }
 </script>
+
 <style lang="scss" scoped></style>

src/layouts/common/GlobalSider/components/VerticalMixSider/components/MixMenuCollapse.vue

@@ -10,4 +10,5 @@ import { useAppStore } from '@/store';
 
 const app = useAppStore();
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalSider/components/VerticalMixSider/components/MixMenuDetail.vue

@@ -42,4 +42,5 @@ const { bool: isHover, setTrue, setFalse } = useBoolean();
 
 const isActive = computed(() => props.routeName === props.activeRouteName);
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalSider/components/VerticalMixSider/components/MixMenuDrawer.vue

@@ -73,6 +73,7 @@ watch(
   { immediate: true }
 );
 </script>
+
 <style scoped>
 .drawer-shadow {
   box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);

src/layouts/common/GlobalSider/components/VerticalMixSider/index.vue

@@ -101,4 +101,5 @@ watch(
   { immediate: true }
 );
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalSider/components/VerticalSider/components/VerticalMenu.vue

@@ -49,4 +49,5 @@ watch(
   { immediate: true }
 );
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalSider/components/VerticalSider/index.vue

@@ -17,4 +17,5 @@ const theme = useThemeStore();
 const isHorizontalMix = computed(() => theme.layout.mode === 'horizontal-mix');
 const showTitle = computed(() => !app.siderCollapse && theme.layout.mode !== 'vertical-mix');
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalSider/index.vue

@@ -12,6 +12,7 @@ const theme = useThemeStore();
 
 const isVerticalMix = computed(() => theme.layout.mode === 'vertical-mix');
 </script>
+
 <style scoped>
 .global-sider {
   box-shadow: 2px 0 8px 0 rgb(29 35 41 / 5%);

src/layouts/common/GlobalTab/components/ReloadButton/index.vue

@@ -19,4 +19,5 @@ function handleRefresh() {
   }, 1000);
 }
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalTab/components/TabDetail/components/ContextMenu.vue

@@ -131,4 +131,5 @@ function handleDropdown(optionKey: string) {
   hide();
 }
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalTab/components/TabDetail/index.vue

@@ -101,4 +101,5 @@ useEventListener(window, 'beforeunload', () => {
   setTabRoutes(tab.tabs);
 });
 </script>
+
 <style scoped></style>

src/layouts/common/GlobalTab/index.vue

@@ -55,6 +55,7 @@ watch(
 // 初始化
 init();
 </script>
+
 <style scoped>
 .global-tab {
   box-shadow: 0 1px 2px rgb(0 21 41 / 8%);

src/layouts/common/SettingDrawer/components/DrawerButton/index.vue

@@ -15,4 +15,5 @@ import { useAppStore } from '@/store';
 
 const app = useAppStore();
 </script>
+
 <style scoped></style>

src/layouts/common/SettingDrawer/components/LayoutMode/components/LayoutCheckbox.vue

@@ -65,6 +65,7 @@ const layoutConfig: LayoutConfig = {
 
 const activeConfig = computed(() => layoutConfig[props.mode]);
 </script>
+
 <style scoped>
 .layout-checkbox__shadow {
   box-shadow: 0 1px 2.5px rgba(0, 0, 0, 0.18);

src/layouts/common/SettingDrawer/components/LayoutMode/index.vue

@@ -18,4 +18,5 @@ import { LayoutCheckbox } from './components';
 
 const theme = useThemeStore();
 </script>
+
 <style scoped></style>

src/layouts/common/SettingDrawer/components/PageFunc/index.vue

@@ -70,4 +70,5 @@ import SettingMenu from '../SettingMenu/index.vue';
 
 const theme = useThemeStore();
 </script>
+
 <style scoped></style>

src/layouts/common/SettingDrawer/components/PageView/index.vue

@@ -40,4 +40,5 @@ import SettingMenu from '../SettingMenu/index.vue';
 
 const theme = useThemeStore();
 </script>
+
 <style scoped></style>

src/layouts/common/SettingDrawer/components/SettingMenu/index.vue

@@ -13,4 +13,5 @@ interface Props {
 
 defineProps<Props>();
 </script>
+
 <style scoped></style>

src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/ColorCheckbox.vue

@@ -23,4 +23,5 @@ const props = withDefaults(defineProps<Props>(), {
 const whiteColors = ['#ffffff', '#fff', 'rgb(255,255,255)'];
 const isWhite = computed(() => whiteColors.includes(props.color));
 </script>
+
 <style scoped></style>

src/layouts/common/SettingDrawer/components/ThemeColorSelect/components/ColorModal.vue

@@ -45,4 +45,5 @@ function handleClose() {
   emit('close');
 }
 </script>
+
 <style scoped></style>

src/layouts/common/SettingDrawer/components/ThemeColorSelect/index.vue

@@ -26,4 +26,5 @@ const { bool: visible, setTrue: openModal, setFalse: closeModal } = useBoolean()
 const isInOther = computed(() => isInTraditionColors(theme.themeColor));
 const otherColorBtnType = computed(() => (isInOther.value ? 'primary' : 'default'));
 </script>
+
 <style scoped></style>

src/layouts/common/SettingDrawer/components/ThemeConfig/index.vue

@@ -56,4 +56,5 @@ onUnmounted(() => {
   stopHandle();
 });
 </script>
+
 <style scoped></style>

src/layouts/common/SettingDrawer/index.vue

@@ -18,4 +18,5 @@ import { DrawerButton, DarkMode, LayoutMode, ThemeColorSelect, PageFunc, PageVie
 
 const app = useAppStore();
 </script>
+
 <style scoped></style>

src/views/about/components/DevDependency.vue

@@ -13,4 +13,5 @@ import { pkgJson } from './model';
 
 const { devDependencies } = pkgJson;
 </script>
+
 <style scoped></style>

src/views/about/components/ProDependency.vue

@@ -13,4 +13,5 @@ import { pkgJson } from './model';
 
 const { dependencies } = pkgJson;
 </script>
+
 <style scoped></style>

src/views/about/components/ProjectInfo.vue

@@ -23,4 +23,5 @@ import { pkgJson } from './model';
 const { version } = pkgJson;
 const latestBuildTime = PROJECT_BUILD_TIME;
 </script>
+
 <style scoped></style>

src/views/about/components/ProjectIntroduction.vue

@@ -8,4 +8,5 @@
 </template>
 
 <script setup lang="ts"></script>
+
 <style scoped></style>

src/views/about/index.vue

@@ -10,4 +10,5 @@
 <script setup lang="ts">
 import { ProjectIntroduction, ProjectInfo, ProDependency, DevDependency } from './components';
 </script>
+
 <style scoped></style>

src/views/auth-demo/permission/index.vue

@@ -62,4 +62,5 @@ watch(
   }
 );
 </script>
+
 <style scoped></style>

src/views/auth-demo/super/index.vue

@@ -5,4 +5,5 @@
 </template>
 
 <script setup lang="ts"></script>
+
 <style scoped></style>

src/views/component/button/index.vue

@@ -572,4 +572,5 @@ const buttonExample: ButtonExample[] = [
   }
 ];
 </script>
+
 <style scoped></style>

src/views/component/card/index.vue

@@ -38,4 +38,5 @@
 </template>
 
 <script setup lang="ts"></script>
+
 <style scoped></style>

src/views/component/table/index.vue

@@ -80,4 +80,5 @@ onMounted(() => {
   getDataSource();
 });
 </script>
+
 <style scoped></style>

src/views/dashboard/analysis/components/BottomPart/index.vue

@@ -134,4 +134,5 @@ const tableData: TableData[] = [
   }
 ];
 </script>
+
 <style scoped></style>

src/views/dashboard/analysis/components/DataCard/components/GradientBg.vue

@@ -21,4 +21,5 @@ const props = withDefaults(defineProps<Props>(), {
 
 const gradientStyle = computed(() => `linear-gradient(to bottom right, ${props.startColor}, ${props.endColor})`);
 </script>
+
 <style scoped></style>

src/views/dashboard/analysis/components/DataCard/index.vue

@@ -65,4 +65,5 @@ const cardData: CardData[] = [
   }
 ];
 </script>
+
 <style scoped></style>