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>

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

@@ -186,4 +186,5 @@ const { domRef: pieRef } = useEcharts(
   darkMode
 );
 </script>
-<style></style>
+
+<style scoped></style>

src/views/dashboard/analysis/index.vue

@@ -9,4 +9,5 @@
 <script lang="ts" setup>
 import { TopChart, DataCard, BottomPart } from './components';
 </script>
+
 <style scoped></style>

src/views/dashboard/workbench/components/WorkbenchHeader/index.vue

@@ -44,4 +44,5 @@ const statisticData: StatisticData[] = [
   }
 ];
 </script>
+
 <style scoped></style>

src/views/dashboard/workbench/components/WorkbenchMain/components/ShortcutsCard.vue

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

src/views/dashboard/workbench/components/WorkbenchMain/components/TechnologyCard.vue

@@ -38,4 +38,5 @@ function handleOpenSite() {
   window.open(props.site, '_blank');
 }
 </script>
+
 <style scoped></style>

src/views/dashboard/workbench/components/WorkbenchMain/index.vue

@@ -141,4 +141,5 @@ const shortcuts: Shortcuts[] = [
   { id: 5, label: '图表', icon: 'mdi:chart-areaspline', iconColor: '#8aca6b' }
 ];
 </script>
+
 <style scoped></style>

src/views/dashboard/workbench/index.vue

@@ -4,7 +4,9 @@
     <workbench-main />
   </n-space>
 </template>
+
 <script lang="ts" setup>
 import { WorkbenchHeader, WorkbenchMain } from './components';
 </script>
+
 <style scoped></style>

src/views/document/naive/index.vue

@@ -7,4 +7,5 @@
 <script setup lang="ts">
 const src = 'https://www.naiveui.com/zh-CN/os-theme/docs/introduction';
 </script>
+
 <style scoped></style>

src/views/document/vite/index.vue

@@ -7,4 +7,5 @@
 <script setup lang="ts">
 const src = 'https://vitejs.cn/';
 </script>
+
 <style scoped></style>

src/views/document/vue-new/index.vue

@@ -7,4 +7,5 @@
 <script setup lang="ts">
 const src = 'https://staging-cn.vuejs.org/';
 </script>
+
 <style scoped></style>

src/views/document/vue/index.vue

@@ -7,4 +7,5 @@
 <script setup lang="ts">
 const src = 'https://v3.cn.vuejs.org/';
 </script>
+
 <style scoped></style>

src/views/exception/403/index.vue

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

src/views/exception/404/index.vue

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

src/views/exception/500/index.vue

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

src/views/multi-menu/first/second-new/third/index.vue

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

src/views/multi-menu/first/second/index.vue

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

src/views/plugin/copy/index.vue

@@ -29,4 +29,5 @@ function handleCopy() {
   window.$message?.success(`复制成功：${source.value}`);
 }
 </script>
+
 <style scoped></style>

src/views/plugin/editor/markdown/index.vue

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

src/views/plugin/editor/quill/index.vue

@@ -32,6 +32,7 @@ onMounted(() => {
   renderWangEditor();
 });
 </script>
+
 <style scoped>
 :deep(.w-e-toolbar) {
   background: inherit !important;

src/views/plugin/icon/index.vue

@@ -50,4 +50,5 @@ const selectValue = ref('');
 
 const customIcons = [CustomActivity, CustomAtSign, CustomCast, CustomChrome, CustomCopy, CustomWind];
 </script>
+
 <style scoped></style>

src/views/plugin/map/components/BaiduMap.vue

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

src/views/plugin/map/components/GaodeMap.vue

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

src/views/plugin/map/components/TencentMap.vue

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

src/views/plugin/map/index.vue

@@ -25,4 +25,5 @@ const maps: Map[] = [
   { id: 'tencent', label: '腾讯地图', component: TencentMap }
 ];
 </script>
+
 <style scoped></style>

src/views/plugin/print/index.vue

@@ -35,4 +35,5 @@ function printImage() {
   });
 }
 </script>
+
 <style scoped></style>

src/views/plugin/swiper/index.vue

@@ -113,4 +113,5 @@ const swiperExample: SwiperExample[] = [
   }
 ];
 </script>
+
 <style scoped></style>

src/views/plugin/video/index.vue

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

src/views/system-view/components/ExceptionBase.vue

@@ -25,4 +25,5 @@ defineProps<Props>();
 
 const routeHomePath = routeName('root');
 </script>
+
 <style scoped></style>

src/views/system-view/login/components/BindWechat/index.vue

@@ -57,4 +57,5 @@ function handleSubmit(e: MouseEvent) {
   });
 }
 </script>
+
 <style scoped></style>

src/views/system-view/login/components/CodeLogin/index.vue

@@ -76,4 +76,5 @@ function handleSubmit(e: MouseEvent) {
   });
 }
 </script>
+
 <style scoped></style>

src/views/system-view/login/components/LoginBg/components/CornerBottom.vue

@@ -37,4 +37,5 @@ withDefaults(defineProps<Props>(), {
   endColor: '#120fc4'
 });
 </script>
+
 <style scoped></style>

src/views/system-view/login/components/LoginBg/components/CornerTop.vue

@@ -31,4 +31,5 @@ withDefaults(defineProps<Props>(), {
   endColor: '#120fc4'
 });
 </script>
+
 <style scoped></style>

src/views/system-view/login/components/LoginBg/index.vue

@@ -24,4 +24,5 @@ const props = defineProps<Props>();
 const lightColor = computed(() => getColorPalette(props.themeColor, 3));
 const darkColor = computed(() => getColorPalette(props.themeColor, 6));
 </script>
+
 <style scoped></style>

src/views/system-view/login/components/PwdLogin/components/OtherAccount.vue

@@ -43,4 +43,5 @@ function login(userName: string, password: string) {
   emit('login', { userName, password });
 }
 </script>
+
 <style scoped></style>

src/views/system-view/login/components/PwdLogin/components/OtherLogin.vue

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

src/views/system-view/login/components/PwdLogin/index.vue

@@ -75,4 +75,5 @@ function handleLoginOtherAccount(param: { userName: string; password: string })
   login(userName, password);
 }
 </script>
+
 <style scoped></style>