chore: format code by eslint #222

src/layouts/default/header/MultipleHeader.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :style="getPlaceholderDomStyle" v-if="getIsShowPlaceholderDom" />
+  <div :style="getPlaceholderDomStyle" v-if="getIsShowPlaceholderDom"></div>
   <div :style="getWrapStyle" :class="getClass">
     <LayoutHeader v-if="getShowInsetHeaderRef" />
     <MultipleTabs v-if="getShowTabs" />

src/layouts/default/header/components/Breadcrumb.vue

@@ -25,7 +25,6 @@
   import { REDIRECT_NAME } from '/@/router/constant';
   import Icon from '/@/components/Icon';
 
-  import { HomeOutlined } from '@ant-design/icons-vue';
   import { PageEnum } from '/@/enums/pageEnum';
 
   import { useDesign } from '/@/hooks/web/useDesign';
@@ -37,7 +36,7 @@
 
   export default defineComponent({
     name: 'LayoutBreadcrumb',
-    components: { HomeOutlined, Icon, [Breadcrumb.name]: Breadcrumb },
+    components: { Icon, [Breadcrumb.name]: Breadcrumb },
     props: {
       theme: propTypes.oneOf(['dark', 'light']),
     },

src/layouts/default/header/components/lock/LockModal.vue

@@ -9,7 +9,9 @@
     <div :class="`${prefixCls}__entry`">
       <div :class="`${prefixCls}__header`">
         <img :src="headerImg" :class="`${prefixCls}__header-img`" />
-        <p :class="`${prefixCls}__header-name`">{{ getRealName }}</p>
+        <p :class="`${prefixCls}__header-name`">
+          {{ getRealName }}
+        </p>
       </div>
 
       <BasicForm @register="registerForm" />

src/layouts/default/header/components/notify/NoticeList.vue

@@ -21,8 +21,12 @@
 
           <template #description>
             <div>
-              <div class="description">{{ item.description }}</div>
-              <div class="datetime">{{ item.datetime }}</div>
+              <div class="description">
+                {{ item.description }}
+              </div>
+              <div class="datetime">
+                {{ item.datetime }}
+              </div>
             </div>
           </template>
         </a-list-item-meta>

src/layouts/default/header/components/user-dropdown/index.vue

@@ -33,8 +33,6 @@
 
   // res
 
-  import Icon from '/@/components/Icon/index';
-
   import { userStore } from '/@/store/modules/user';
 
   import { DOC_URL } from '/@/settings/siteSetting';
@@ -58,7 +56,6 @@
       Menu,
       MenuItem: createAsyncComponent(() => import('./DropMenuItem.vue')),
       MenuDivider: Menu.Divider,
-      Icon,
     },
     props: {
       theme: propTypes.oneOf(['dark', 'light']),

src/layouts/default/setting/components/TypePicker.vue

@@ -12,7 +12,7 @@
             },
           ]"
         >
-          <div class="mix-sidebar" />
+          <div class="mix-sidebar"></div>
         </div>
       </Tooltip>
     </template>
@@ -31,7 +31,7 @@
     props: {
       menuTypeList: {
         type: Array as PropType<typeof menuTypeList>,
-        defualt: [],
+        defualt: () => [],
       },
       handler: {
         type: Function as PropType<Fn>,
@@ -39,6 +39,7 @@
       },
       def: {
         type: String,
+        default: '',
       },
     },
     setup() {

src/layouts/default/sider/DragBar.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="getClass" :style="getDragBarStyle" />
+  <div :class="getClass" :style="getDragBarStyle"></div>
 </template>
 <script lang="ts">
   import { defineComponent, computed, unref } from 'vue';

src/layouts/default/sider/LayoutSider.vue

@@ -3,7 +3,7 @@
     v-if="getMenuFixed && !getIsMobile"
     :style="getHiddenDomStyle"
     :class="{ hidden: !showClassSideBarRef }"
-  />
+  ></div>
   <Sider
     ref="sideRef"
     breakpoint="lg"

src/layouts/default/sider/MixSider.vue

@@ -1,5 +1,5 @@
 <template>
-  <div :class="`${prefixCls}-dom`" :style="getDomStyle" />
+  <div :class="`${prefixCls}-dom`" :style="getDomStyle"></div>
 
   <div
     v-click-outside="handleClickOutside"
@@ -37,7 +37,9 @@
             :size="getCollapsed ? 16 : 20"
             :icon="item.meta && item.meta.icon"
           />
-          <p :class="`${prefixCls}-module__name`">{{ t(item.name) }}</p>
+          <p :class="`${prefixCls}-module__name`">
+            {{ t(item.name) }}
+          </p>
         </li>
       </ul>
     </ScrollContainer>
@@ -156,9 +158,11 @@
       );
 
       const getIsFixed = computed(() => {
+        /* eslint-disable-next-line */
         mixSideHasChildren.value = unref(chilrenMenus).length > 0;
         const isFixed = unref(getMixSideFixed) && unref(mixSideHasChildren);
         if (isFixed) {
+          /* eslint-disable-next-line */
           openMenu.value = true;
         }
         return isFixed;

src/layouts/default/tabs/components/FoldButton.vue

@@ -5,9 +5,7 @@
 </template>
 <script lang="ts">
   import { defineComponent, unref, computed } from 'vue';
-  import { RedoOutlined } from '@ant-design/icons-vue';
   import { useDesign } from '/@/hooks/web/useDesign';
-  import { Tooltip } from 'ant-design-vue';
   import { useHeaderSetting } from '/@/hooks/setting/useHeaderSetting';
   import { useMenuSetting } from '/@/hooks/setting/useMenuSetting';
 
@@ -15,7 +13,7 @@
 
   export default defineComponent({
     name: 'FoldButton',
-    components: { RedoOutlined, Tooltip, Icon },
+    components: { Icon },
 
     setup() {
       const { prefixCls } = useDesign('multiple-tabs-content');