feat: add vue/html-self-closing eslint

2025-06-06 00:18:51 +08:00 · 2022-03-21 15:40:29 +08:00 · 2022-03-21 15:40:29 +08:00 · 997711b264
commit 997711b264
parent 7beb3e63fe
39 changed files with 121 additions and 144 deletions
--- a/.eslintrc.js
+++ b/.eslintrc.js
@ -61,6 +61,18 @@ module.exports = {
    "@typescript-eslint/ban-ts-comment": "off",
    "@typescript-eslint/no-empty-function": "off",
    "@typescript-eslint/no-non-null-assertion": "off",
+    "vue/html-self-closing": [
+      "error",
+      {
+        html: {
+          void: "always",
+          normal: "always",
+          component: "always"
+        },
+        svg: "always",
+        math: "always"
+      }
+    ],
    "@typescript-eslint/no-unused-vars": [
      "error",
      {
--- a/package.json
+++ b/package.json
@ -120,7 +120,7 @@
    "stylelint-order": "^5.0.0",
    "typescript": "^4.6.2",
    "unplugin-element-plus": "^0.3.1",
-    "vite": "^2.9.0-beta.3",
+    "vite": "^2.9.0-beta.4",
    "vite-plugin-live-reload": "^2.1.0",
    "vite-plugin-mock": "^2.9.6",
    "vite-plugin-remove-console": "^0.0.6",
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@ -83,7 +83,7 @@ specifiers:
  typescript: ^4.6.2
  unplugin-element-plus: ^0.3.1
  v-contextmenu: 3.0.0
-  vite: ^2.9.0-beta.3
+  vite: ^2.9.0-beta.4
  vite-plugin-live-reload: ^2.1.0
  vite-plugin-mock: ^2.9.6
  vite-plugin-remove-console: ^0.0.6
@ -154,7 +154,7 @@ devDependencies:
  "@iconify-icons/fa-solid": 1.2.2
  "@iconify-icons/ri": 1.2.1
  "@iconify/vue": 3.1.4_vue@3.2.31
-  "@intlify/vite-plugin-vue-i18n": 3.3.1_5005873cfdafd7bccc775c7a0caf8390
+  "@intlify/vite-plugin-vue-i18n": 3.3.1_fecf2311320b252734da88aa76ba6360
  "@pureadmin/theme": 0.0.1
  "@types/element-resize-detector": 1.1.3
  "@types/js-cookie": 3.0.1
@ -166,8 +166,8 @@ devDependencies:
  "@types/qs": 6.9.7
  "@typescript-eslint/eslint-plugin": 5.15.0_f2c49ce7d0e93ebcfdb4b7d25b131b28
  "@typescript-eslint/parser": 5.15.0_eslint@8.11.0+typescript@4.6.2
-  "@vitejs/plugin-legacy": 1.7.1_vite@2.9.0-beta.3
-  "@vitejs/plugin-vue": 2.2.4_vite@2.9.0-beta.3+vue@3.2.31
+  "@vitejs/plugin-legacy": 1.7.1_vite@2.9.0-beta.4
+  "@vitejs/plugin-vue": 2.2.4_vite@2.9.0-beta.4+vue@3.2.31
  "@vitejs/plugin-vue-jsx": 1.3.8
  "@vue/eslint-config-prettier": 7.0.0_eslint@8.11.0+prettier@2.6.0
  "@vue/eslint-config-typescript": 10.0.0_5e58415d4c9ab0c3da8935a9b8bb8c26
@ -197,13 +197,13 @@ devDependencies:
  stylelint-config-standard: 24.0.0_stylelint@14.6.0
  stylelint-order: 5.0.0_stylelint@14.6.0
  typescript: 4.6.2
-  unplugin-element-plus: 0.3.2_rollup@2.70.1+vite@2.9.0-beta.3
-  vite: 2.9.0-beta.3_sass@1.49.9
+  unplugin-element-plus: 0.3.2_rollup@2.70.1+vite@2.9.0-beta.4
+  vite: 2.9.0-beta.4_sass@1.49.9
  vite-plugin-live-reload: 2.1.0
-  vite-plugin-mock: 2.9.6_0f4f060d71e998e1697ce4d6d1a6c012
+  vite-plugin-mock: 2.9.6_cc7e5ded527ea0e0180226d44637e3ca
  vite-plugin-remove-console: 0.0.6
-  vite-plugin-style-import: 1.4.1_vite@2.9.0-beta.3
-  vite-plugin-windicss: 1.8.3_vite@2.9.0-beta.3
+  vite-plugin-style-import: 1.4.1_vite@2.9.0-beta.4
+  vite-plugin-windicss: 1.8.3_vite@2.9.0-beta.4
  vite-svg-loader: 2.2.0
  vue-eslint-parser: 8.3.0_eslint@8.11.0
  windicss: 3.5.1
@ -1062,7 +1062,7 @@ packages:
      }
    engines: { node: ">= 12" }

-  /@intlify/vite-plugin-vue-i18n/3.3.1_5005873cfdafd7bccc775c7a0caf8390:
+  /@intlify/vite-plugin-vue-i18n/3.3.1_fecf2311320b252734da88aa76ba6360:
    resolution:
      {
        integrity: sha512-b9HIUANzL4/LmrA5RqeiPabZl2/RiWNAJ90TVZ8kSi3APRZ4BbmwUAclKe8ip+1jCDhqaGO/qfAI7SbQ0Y76Uw==
@ -1084,7 +1084,7 @@ packages:
      debug: 4.3.3
      fast-glob: 3.2.11
      source-map: 0.6.1
-      vite: 2.9.0-beta.3_sass@1.49.9
+      vite: 2.9.0-beta.4_sass@1.49.9
      vue-i18n: 9.2.0-beta.32_vue@3.2.31
    transitivePeerDependencies:
      - supports-color
@ -1535,7 +1535,7 @@ packages:
      eslint-visitor-keys: 3.3.0
    dev: true

-  /@vitejs/plugin-legacy/1.7.1_vite@2.9.0-beta.3:
+  /@vitejs/plugin-legacy/1.7.1_vite@2.9.0-beta.4:
    resolution:
      {
        integrity: sha512-RqgILXsGpfV7NHodVCdBVau8ss5+ynMXp6JGF/F7nhSy0bnwSQPlMS3KFqh7twfifXK8VuMriqfU4CxOiqmNnA==
@ -1549,7 +1549,7 @@ packages:
      magic-string: 0.25.9
      regenerator-runtime: 0.13.9
      systemjs: 6.12.1
-      vite: 2.9.0-beta.3_sass@1.49.9
+      vite: 2.9.0-beta.4_sass@1.49.9
    dev: true

  /@vitejs/plugin-vue-jsx/1.3.8:
@ -1569,7 +1569,7 @@ packages:
      - supports-color
    dev: true

-  /@vitejs/plugin-vue/2.2.4_vite@2.9.0-beta.3+vue@3.2.31:
+  /@vitejs/plugin-vue/2.2.4_vite@2.9.0-beta.4+vue@3.2.31:
    resolution:
      {
        integrity: sha512-ev9AOlp0ljCaDkFZF3JwC/pD2N4Hh+r5srl5JHM6BKg5+99jiiK0rE/XaRs3pVm1wzyKkjUy/StBSoXX5fFzcw==
@ -1579,7 +1579,7 @@ packages:
      vite: ^2.5.10
      vue: ^3.2.25
    dependencies:
-      vite: 2.9.0-beta.3_sass@1.49.9
+      vite: 2.9.0-beta.4_sass@1.49.9
      vue: 3.2.31
    dev: true

@ -7215,7 +7215,7 @@ packages:
    engines: { node: ">= 0.8" }
    dev: true

-  /unplugin-element-plus/0.3.2_rollup@2.70.1+vite@2.9.0-beta.3:
+  /unplugin-element-plus/0.3.2_rollup@2.70.1+vite@2.9.0-beta.4:
    resolution:
      {
        integrity: sha512-/oPbLA1ByrZ3VvN3jrVtVZcGJ147+ccyrL1w9d8wNLTTMH+buxdtiMQQv9R7Muz22ocJvebXZzlRVlA/JeeVPA==
@ -7225,7 +7225,7 @@ packages:
      "@rollup/pluginutils": 4.2.0
      es-module-lexer: 0.10.2
      magic-string: 0.26.1
-      unplugin: 0.3.3_rollup@2.70.1+vite@2.9.0-beta.3
+      unplugin: 0.3.3_rollup@2.70.1+vite@2.9.0-beta.4
    transitivePeerDependencies:
      - esbuild
      - rollup
@ -7233,7 +7233,7 @@ packages:
      - webpack
    dev: true

-  /unplugin/0.3.3_rollup@2.70.1+vite@2.9.0-beta.3:
+  /unplugin/0.3.3_rollup@2.70.1+vite@2.9.0-beta.4:
    resolution:
      {
        integrity: sha512-WjZWpUqqcYPQ/efR00Zm2m1+J1LitwoZ4uhHV4VdZ+IpW0Nh/qnDYtVf+nLhozXdGxslMPecOshVR7NiWFl4gA==
@ -7254,7 +7254,7 @@ packages:
        optional: true
    dependencies:
      rollup: 2.70.1
-      vite: 2.9.0-beta.3_sass@1.49.9
+      vite: 2.9.0-beta.4_sass@1.49.9
      webpack-virtual-modules: 0.4.3
    dev: true

@ -7350,7 +7350,7 @@ packages:
      chokidar: 3.5.3
    dev: true

-  /vite-plugin-mock/2.9.6_0f4f060d71e998e1697ce4d6d1a6c012:
+  /vite-plugin-mock/2.9.6_cc7e5ded527ea0e0180226d44637e3ca:
    resolution:
      {
        integrity: sha512-/Rm59oPppe/ncbkSrUuAxIQihlI2YcBmnbR4ST1RA2VzM1C0tEQc1KlbQvnUGhXECAGTaQN2JyasiwXP6EtKgg==
@ -7370,7 +7370,7 @@ packages:
      fast-glob: 3.2.11
      mockjs: 1.1.0
      path-to-regexp: 6.2.0
-      vite: 2.9.0-beta.3_sass@1.49.9
+      vite: 2.9.0-beta.4_sass@1.49.9
    transitivePeerDependencies:
      - rollup
      - supports-color
@ -7383,7 +7383,7 @@ packages:
      }
    dev: true

-  /vite-plugin-style-import/1.4.1_vite@2.9.0-beta.3:
+  /vite-plugin-style-import/1.4.1_vite@2.9.0-beta.4:
    resolution:
      {
        integrity: sha512-lJCRvm7+So0hHdnSJiJPg9gD5mxtL6YY0jmhEph+k7ArpsyvqOh6han2kG5htbWWDZxHkUN9d1BuTFL//yCLLQ==
@ -7397,12 +7397,12 @@ packages:
      es-module-lexer: 0.9.3
      fs-extra: 10.0.1
      magic-string: 0.25.9
-      vite: 2.9.0-beta.3_sass@1.49.9
+      vite: 2.9.0-beta.4_sass@1.49.9
    transitivePeerDependencies:
      - supports-color
    dev: true

-  /vite-plugin-windicss/1.8.3_vite@2.9.0-beta.3:
+  /vite-plugin-windicss/1.8.3_vite@2.9.0-beta.4:
    resolution:
      {
        integrity: sha512-RIw2GD6H6cKNE8wZXVOBs4L1uTicVS0FaAkeqXvy1oyuXLC4SXmvnzEuoK0+qFuWJjW0ECNwE8eU+ZZhzNQKUg==
@ -7413,7 +7413,7 @@ packages:
      "@windicss/plugin-utils": 1.8.3
      debug: 4.3.3
      kolorist: 1.5.1
-      vite: 2.9.0-beta.3_sass@1.49.9
+      vite: 2.9.0-beta.4_sass@1.49.9
      windicss: 3.5.1
    transitivePeerDependencies:
      - supports-color
@ -7429,10 +7429,10 @@ packages:
      svgo: 2.8.0
    dev: true

-  /vite/2.9.0-beta.3_sass@1.49.9:
+  /vite/2.9.0-beta.4_sass@1.49.9:
    resolution:
      {
-        integrity: sha512-x3G5GGQQlapvyjr2jhFTT16NIbKJdcfYOa6oD8OZuy+WqGTSYolowGJP7tUrTe9y5n641CBKLuhjqXc4gpwUVQ==
+        integrity: sha512-ToelFqN8lBaiK34VHzTbixOImHoHBw/PCveV5Xynd4ie1twcE0G6t9MFgunuN1hoajWMraGL5bV+pZ3hENR7GA==
      }
    engines: { node: ">=12.2.0" }
    hasBin: true
--- a/src/components/ReCharts/src/Bar.vue
+++ b/src/components/ReCharts/src/Bar.vue
@ -92,5 +92,5 @@ tryOnUnmounted(() => {
 </script>

 <template>
-  <div :class="'bar' + props.index" style="width: 100%; height: 35vh"></div>
+  <div :class="'bar' + props.index" style="width: 100%; height: 35vh" />
 </template>
--- a/src/components/ReCharts/src/Infinite.vue
+++ b/src/components/ReCharts/src/Infinite.vue
@ -78,9 +78,9 @@ let classOption = reactive({
    >
      <ul class="item">
        <li v-for="(item, index) in listData" :key="index">
-          <span v-text="item.date"></span>
-          <span v-text="item.name"></span>
-          <span v-text="item.star"></span>
+          <span v-text="item.date" />
+          <span v-text="item.name" />
+          <span v-text="item.star" />
        </li>
      </ul>
    </SeamlessScroll>
--- a/src/components/ReCharts/src/Line.vue
+++ b/src/components/ReCharts/src/Line.vue
@ -80,5 +80,5 @@ tryOnUnmounted(() => {
 </script>

 <template>
-  <div :class="'line' + props.index" style="width: 100%; height: 35vh"></div>
+  <div :class="'line' + props.index" style="width: 100%; height: 35vh" />
 </template>
--- a/src/components/ReCharts/src/Pie.vue
+++ b/src/components/ReCharts/src/Pie.vue
@ -83,5 +83,5 @@ tryOnUnmounted(() => {
 </script>

 <template>
-  <div :class="'pie' + props.index" style="width: 100%; height: 35vh"></div>
+  <div :class="'pie' + props.index" style="width: 100%; height: 35vh" />
 </template>
--- a/src/components/ReFlowChart/src/Control.vue
+++ b/src/components/ReFlowChart/src/Control.vue
@ -107,7 +107,7 @@ onMounted(() => {
          }"
          @click="onControl(item, key)"
        >
-          <span :class="'iconfont ' + item.icon"></span>
+          <span :class="'iconfont ' + item.icon" />
          <p>{{ item.text }}</p>
        </button>
      </li>
--- a/src/components/ReFlowChart/src/DataDialog.vue
+++ b/src/components/ReFlowChart/src/DataDialog.vue
@ -13,5 +13,5 @@ const props = defineProps({
    :deep="3"
    :showLength="true"
    :data="props.graphData"
-  ></vue-json-pretty>
+  />
 </template>
--- a/src/components/ReFlowChart/src/NodePanel.vue
+++ b/src/components/ReFlowChart/src/NodePanel.vue
@ -44,7 +44,7 @@ const nodeDragNode = item => {
        <div
          v-if="item.type === 'user' || item.type === 'time'"
          class="shape"
-        ></div>
+        />
      </div>
      <span class="node-label">{{ item.text }}</span>
    </div>
--- a/src/components/ReIcon/src/select.vue
+++ b/src/components/ReIcon/src/select.vue
@ -94,7 +94,7 @@ function onCurrentChange(page) {
            placeholder="搜索图标"
            clearable
          />
-          <el-divider border-style="dashed"></el-divider>
+          <el-divider border-style="dashed" />

          <el-tabs v-model="currentActiveType" @tab-click="handleClick">
            <el-tab-pane
@ -103,10 +103,7 @@ function onCurrentChange(page) {
              :label="pane.label"
              :name="pane.name"
            >
-              <el-divider
-                class="tab-divider"
-                border-style="dashed"
-              ></el-divider>
+              <el-divider class="tab-divider" border-style="dashed" />
              <el-scrollbar height="220px">
                <ul class="flex flex-wrap px-2 ml-2">
                  <li
@ -123,7 +120,7 @@ function onCurrentChange(page) {
              </el-scrollbar>
            </el-tab-pane>
          </el-tabs>
-          <el-divider border-style="dashed"></el-divider>
+          <el-divider border-style="dashed" />

          <el-pagination
            small
@ -134,8 +131,7 @@ function onCurrentChange(page) {
            layout="prev, pager, next"
            class="flex items-center justify-center h-10"
            @current-change="onCurrentChange"
-          >
-          </el-pagination>
+          />
        </el-popover>
      </template>
    </el-input>
--- a/src/components/ReMap/src/Amap.vue
+++ b/src/components/ReMap/src/Amap.vue
@ -122,7 +122,7 @@ onUnmounted(() => {
 </script>

 <template>
-  <div id="mapview" ref="mapview" v-loading="mapSet.loading"></div>
+  <div id="mapview" ref="mapview" v-loading="mapSet.loading" />
 </template>

 <style lang="scss" scoped>
--- a/src/components/ReSeamlessScroll/src/index.vue
+++ b/src/components/ReSeamlessScroll/src/index.vue
@ -498,7 +498,7 @@ defineExpose({
      :class="leftSwitchClass"
      @click="leftSwitchClick"
    >
-      <slot name="left-switch"></slot>
+      <slot name="left-switch" />
    </div>
    <div
      :style="rightSwitch"
@ -506,7 +506,7 @@ defineExpose({
      :class="rightSwitchClass"
      @click="rightSwitchClick"
    >
-      <slot name="right-switch"></slot>
+      <slot name="right-switch" />
    </div>
    <div
      :ref="'realBox' + classOption['key']"
@ -519,9 +519,9 @@ defineExpose({
      @mousewheel="wheel"
    >
      <div :ref="'slotList' + classOption['key']" :style="float">
-        <slot></slot>
+        <slot />
      </div>
-      <div v-html="copyHtml" :style="float"></div>
+      <div v-html="copyHtml" :style="float" />
    </div>
  </div>
 </template>
--- a/src/layout/components/notice/noticeItem.vue
+++ b/src/layout/components/notice/noticeItem.vue
@ -50,7 +50,7 @@ function hoverDescription(event, description) {
      :size="30"
      :src="props.noticeItem.avatar"
      class="notice-container-avatar"
-    ></el-avatar>
+    />
    <div class="notice-container-text">
      <div class="notice-text-title">
        <el-tooltip
--- a/src/layout/components/notice/noticeList.vue
+++ b/src/layout/components/notice/noticeList.vue
@ -17,7 +17,7 @@ const props = defineProps({
      v-for="(item, index) in props.list"
      :noticeItem="item"
      :key="index"
-    ></NoticeItem>
+    />
  </div>
-  <el-empty v-else description="暂无数据"></el-empty>
+  <el-empty v-else description="暂无数据" />
 </template>
--- a/src/layout/components/panel/index.vue
+++ b/src/layout/components/panel/index.vue
@ -26,7 +26,7 @@ emitter.on("openPanel", () => {
            <IconifyIconOffline icon="close" />
          </el-icon>
        </div>
-        <div style="border-bottom: 1px solid #dcdfe6"></div>
+        <div style="border-bottom: 1px solid #dcdfe6" />
        <slot />
      </div>
    </div>
--- a/src/layout/components/search/components/SearchResult.vue
+++ b/src/layout/components/search/components/SearchResult.vue
@ -11,9 +11,7 @@
        @click="handleTo"
        @mouseenter="handleMouse(item)"
      >
-        <component
-          :is="useRenderIcon(item.meta?.icon ?? 'bookmark-2-line')"
-        ></component>
+        <component :is="useRenderIcon(item.meta?.icon ?? 'bookmark-2-line')" />
        <span class="result-item-title">{{ t(item.meta?.title) }}</span>
        <enterOutlined />
      </div>
--- a/src/layout/components/setting/index.vue
+++ b/src/layout/components/setting/index.vue
@ -316,8 +316,7 @@ nextTick(() => {
      :active-icon="dayIcon"
      :inactive-icon="darkIcon"
      @change="dataThemeChange"
-    >
-    </el-switch>
+    />

    <el-divider>导航栏模式</el-divider>
    <ul class="pure-theme">
@ -327,8 +326,8 @@ nextTick(() => {
          ref="verticalRef"
          @click="setLayoutModel('vertical')"
        >
-          <div></div>
-          <div></div>
+          <div />
+          <div />
        </li>
      </el-tooltip>

@ -338,8 +337,8 @@ nextTick(() => {
          ref="horizontalRef"
          @click="setLayoutModel('horizontal')"
        >
-          <div></div>
-          <div></div>
+          <div />
+          <div />
        </li>
      </el-tooltip>

@ -349,8 +348,8 @@ nextTick(() => {
          ref="mixRef"
          @click="setLayoutModel('mix')"
        >
-          <div></div>
-          <div></div>
+          <div />
+          <div />
        </li>
      </el-tooltip>
    </ul>
@ -384,8 +383,7 @@ nextTick(() => {
          active-text="开"
          inactive-text="关"
          @change="greyChange"
-        >
-        </el-switch>
+        />
      </li>
      <li v-show="!dataTheme">
        <span>色弱模式</span>
@ -396,8 +394,7 @@ nextTick(() => {
          active-text="开"
          inactive-text="关"
          @change="weekChange"
-        >
-        </el-switch>
+        />
      </li>
      <li>
        <span>隐藏标签页</span>
@ -408,8 +405,7 @@ nextTick(() => {
          active-text="开"
          inactive-text="关"
          @change="tagsChange"
-        >
-        </el-switch>
+        />
      </li>
      <li>
        <span>侧边栏Logo</span>
@ -422,8 +418,7 @@ nextTick(() => {
          active-text="开"
          inactive-text="关"
          @change="logoChange"
-        >
-        </el-switch>
+        />
      </li>
      <li>
        <span>标签页持久化</span>
@ -434,8 +429,7 @@ nextTick(() => {
          active-text="开"
          inactive-text="关"
          @change="multiTagsCacheChange"
-        >
-        </el-switch>
+        />
      </li>

      <li>
--- a/src/layout/components/sidebar/horizontal.vue
+++ b/src/layout/components/sidebar/horizontal.vue
@ -69,11 +69,7 @@ function translationEn() {
 <template>
  <div class="horizontal-header">
    <div class="horizontal-header-left" @click="backHome">
-      <FontIcon
-        icon="team-iconlogo"
-        svg
-        style="width: 35px; height: 35px"
-      ></FontIcon>
+      <FontIcon icon="team-iconlogo" svg style="width: 35px; height: 35px" />
      <h4>{{ title }}</h4>
    </div>
    <el-menu
--- a/src/layout/components/sidebar/logo.vue
+++ b/src/layout/components/sidebar/logo.vue
@ -18,11 +18,7 @@ const title =
        class="sidebar-logo-link"
        to="/"
      >
-        <FontIcon
-          icon="team-iconlogo"
-          svg
-          style="width: 35px; height: 35px"
-        ></FontIcon>
+        <FontIcon icon="team-iconlogo" svg style="width: 35px; height: 35px" />
        <span class="sidebar-title">{{ title }}</span>
      </router-link>
      <router-link
@ -32,11 +28,7 @@ const title =
        class="sidebar-logo-link"
        to="/"
      >
-        <FontIcon
-          icon="team-iconlogo"
-          svg
-          style="width: 35px; height: 35px"
-        ></FontIcon>
+        <FontIcon icon="team-iconlogo" svg style="width: 35px; height: 35px" />
        <span class="sidebar-title">{{ title }}</span>
      </router-link>
    </transition>
--- a/src/layout/components/sidebar/mixNav.vue
+++ b/src/layout/components/sidebar/mixNav.vue
@ -120,9 +120,7 @@ function translationEn() {
      >
        <template #title>
          <el-icon v-show="route.meta.icon" :class="route.meta.icon">
-            <component
-              :is="useRenderIcon(route.meta && route.meta.icon)"
-            ></component>
+            <component :is="useRenderIcon(route.meta && route.meta.icon)" />
          </el-icon>
          <span>{{ transformI18n(route.meta.title, route.meta.i18n) }}</span>
          <FontIcon
@ -132,7 +130,7 @@ function translationEn() {
            style="position: absolute; right: 10px"
            :icon="route.meta.extraIcon.name"
            :svg="route.meta.extraIcon.svg ? true : false"
-          ></FontIcon>
+          />
        </template>
      </el-menu-item>
    </el-menu>
--- a/src/layout/components/sidebar/sidebarItem.vue
+++ b/src/layout/components/sidebar/sidebarItem.vue
@ -156,7 +156,7 @@ function resolvePath(routePath) {
                (props.item.meta && props.item.meta.icon)
            )
          "
-        ></component>
+        />
      </el-icon>
      <div
        v-if="
@ -203,7 +203,7 @@ function resolvePath(routePath) {
            :style="getExtraIconStyle"
            :icon="onlyOneChild.meta.extraIcon.name"
            :svg="onlyOneChild.meta.extraIcon.svg ? true : false"
-          ></FontIcon>
+          />
        </div>
      </template>
    </el-menu-item>
@ -219,7 +219,7 @@ function resolvePath(routePath) {
      <el-icon v-show="props.item.meta.icon" :class="props.item.meta.icon">
        <component
          :is="useRenderIcon(props.item.meta && props.item.meta.icon)"
-        ></component>
+        />
      </el-icon>
      <span v-if="!menuMode">{{
        transformI18n(props.item.meta.title, props.item.meta.i18n)
@ -250,7 +250,7 @@ function resolvePath(routePath) {
        style="position: absolute; right: 10px"
        :icon="props.item.meta.extraIcon.name"
        :svg="props.item.meta.extraIcon.svg ? true : false"
-      ></FontIcon>
+      />
    </template>
    <sidebar-item
      v-for="child in props.item.children"
--- a/src/layout/components/tag/index.vue
+++ b/src/layout/components/tag/index.vue
@ -677,7 +677,7 @@ const getContextMenuStyle = computed((): CSSProperties => {
            :ref="'schedule' + index"
            v-if="showModel !== 'card'"
            :class="[scheduleIsActive(item)]"
-          ></div>
+          />
        </div>
      </div>
    </div>
@ -748,7 +748,7 @@ const getContextMenuStyle = computed((): CSSProperties => {
        </el-dropdown>
      </li>
      <li>
-        <slot></slot>
+        <slot />
      </li>
    </ul>
  </div>
--- a/src/layout/frameView.vue
+++ b/src/layout/frameView.vue
@ -1,6 +1,6 @@
 <template>
  <div class="frame" v-loading="loading">
-    <iframe :src="frameSrc" class="frame-iframe" ref="frameRef"></iframe>
+    <iframe :src="frameSrc" class="frame-iframe" ref="frameRef" />
  </div>
 </template>
 <script lang="ts" setup>
--- a/src/layout/redirect.vue
+++ b/src/layout/redirect.vue
@ -16,5 +16,5 @@ replace({
 </script>

 <template>
-  <div></div>
+  <div />
 </template>
--- a/src/views/able/menu-tree.vue
+++ b/src/views/able/menu-tree.vue
@ -67,7 +67,7 @@ const filterMethod = (query: string, node: treeNode) => {
      placeholder="请输入关键字查找"
      clearable
      @input="onQueryChanged"
-    ></el-input>
+    />
    <el-tree-v2
      ref="treeRef"
      :data="menusData"
--- a/src/views/able/print.vue
+++ b/src/views/able/print.vue
@ -159,8 +159,7 @@ const tableData: User[] = [
              :key="item.value"
              :label="item.label"
              :value="item.value"
-            >
-            </el-option>
+            />
          </el-select>
          <el-button size="small" type="primary" @click="onPrint"
            >打印</el-button
@ -233,16 +232,12 @@ const tableData: User[] = [
          :cell-style="cellStyle"
          :data="demo1.tableData"
        >
-          <vxe-column type="seq" width="60"></vxe-column>
-          <vxe-column field="name" title="Name"></vxe-column>
-          <vxe-column field="sex" title="Sex"></vxe-column>
-          <vxe-column field="age" title="Age"></vxe-column>
-          <vxe-column field="attr1" title="Attr1"></vxe-column>
-          <vxe-column
-            field="address"
-            title="Address"
-            show-overflow
-          ></vxe-column>
+          <vxe-column type="seq" width="60" />
+          <vxe-column field="name" title="Name" />
+          <vxe-column field="sex" title="Sex" />
+          <vxe-column field="age" title="Age" />
+          <vxe-column field="attr1" title="Attr1" />
+          <vxe-column field="address" title="Address" show-overflow />
        </vxe-table>
      </el-col>

--- a/src/views/able/watermark.vue
+++ b/src/views/able/watermark.vue
@ -20,7 +20,7 @@ const { setWatermark, clear } = useWatermark();
      style="width: 200px"
      v-model="value"
      clearable
-    ></el-input>
+    />
    <span>请选择要创建水印的颜色：</span
    ><el-color-picker v-model="color" show-alpha />
    <br />
--- a/src/views/components/button/index.vue
+++ b/src/views/components/button/index.vue
@ -13,7 +13,7 @@ const url = ref(`${VITE_PUBLIC_PATH}html/button.html`);
        <span class="font-medium">通过iframe引入按钮页面</span>
      </div>
    </template>
-    <iframe :src="url" frameborder="0" class="iframe"></iframe>
+    <iframe :src="url" frameborder="0" class="iframe" />
  </el-card>
 </template>

--- a/src/views/components/seamless-scroll/index.vue
+++ b/src/views/components/seamless-scroll/index.vue
@ -101,7 +101,7 @@ function changeDirection(val) {
      >
        <ul class="item">
          <li v-for="(item, index) in listData" :key="index">
-            <span class="title" v-text="item.title"></span>
+            <span class="title" v-text="item.title" />
          </li>
        </ul>
      </SeamlessScroll>
--- a/src/views/components/video/index.vue
+++ b/src/views/components/video/index.vue
@ -40,7 +40,7 @@ onMounted(() => {
        >
      </div>
    </template>
-    <div id="mse"></div>
+    <div id="mse" />
  </el-card>
 </template>

--- a/src/views/editor/index.vue
+++ b/src/views/editor/index.vue
@ -43,8 +43,8 @@ onBeforeUnmount(() => {
        >
      </div>
    </template>
-    <div ref="editor"></div>
-    <div :innerHTML="html"></div>
+    <div ref="editor" />
+    <div :innerHTML="html" />
  </el-card>
 </template>

--- a/src/views/flow-chart/index.vue
+++ b/src/views/flow-chart/index.vue
@ -81,11 +81,11 @@ onMounted(() => {
        :lf="lf"
        :catTurboData="false"
        @catData="catData"
-      ></Control>
+      />
      <!-- 节点面板 -->
-      <NodePanel :lf="lf" :nodeList="nodeList"></NodePanel>
+      <NodePanel :lf="lf" :nodeList="nodeList" />
      <!-- 画布 -->
-      <div id="LF-Turbo"></div>
+      <div id="LF-Turbo" />
      <!-- 数据查看面板 -->
      <el-dialog
        customClass="flow-dialog"
@ -94,7 +94,7 @@ onMounted(() => {
        width="50%"
      >
        <el-scrollbar>
-          <DataDialog :graphData="graphData"></DataDialog>
+          <DataDialog :graphData="graphData" />
        </el-scrollbar>
      </el-dialog>
    </div>
--- a/src/views/login.vue
+++ b/src/views/login.vue
@ -73,7 +73,7 @@ function onPwdBlur() {
  <img :src="bg" class="wave" />
  <div class="login-container">
    <div class="img">
-      <component :is="currentWeek"></component>
+      <component :is="currentWeek" />
    </div>
    <div class="login-box">
      <div class="login-form">
--- a/src/views/permission/button/index.vue
+++ b/src/views/permission/button/index.vue
@ -24,8 +24,8 @@ function changRole(value) {
    <template #header>
      <div class="card-header">
        <el-radio-group v-model="auth" @change="changRole">
-          <el-radio-button label="admin"></el-radio-button>
-          <el-radio-button label="test"></el-radio-button>
+          <el-radio-button label="admin" />
+          <el-radio-button label="test" />
        </el-radio-group>
      </div>
    </template>
--- a/src/views/result/success.vue
+++ b/src/views/result/success.vue
@ -58,15 +58,15 @@ const { lastBuildTime } = __APP_INFO__;
                >
                  <path
                    d="M573.7 252.5C422.5 197.4 201.3 96.7 201.3 96.7c-15.7-4.1-17.9 11.1-17.9 11.1-5 61.1 33.6 160.5 53.6 182.8 19.9 22.3 319.1 113.7 319.1 113.7S326 357.9 270.5 341.9c-55.6-16-37.9 17.8-37.9 17.8 11.4 61.7 64.9 131.8 107.2 138.4 42.2 6.6 220.1 4 220.1 4s-35.5 4.1-93.2 11.9c-42.7 5.8-97 12.5-111.1 17.8-33.1 12.5 24 62.6 24 62.6 84.7 76.8 129.7 50.5 129.7 50.5 33.3-10.7 61.4-18.5 85.2-24.2L565 743.1h84.6L603 928l205.3-271.9H700.8l22.3-38.7c.3.5.4.8.4.8S799.8 496.1 829 433.8l.6-1h-.1c5-10.8 8.6-19.7 10-25.8 17-71.3-114.5-99.4-265.8-154.5z"
-                  ></path>
+                  />
                </svg>
                催一下
              </span>
            </p>
          </template>
        </el-step>
-        <el-step title="财务复核"></el-step>
-        <el-step title="完成"></el-step>
+        <el-step title="财务复核" />
+        <el-step title="完成" />
      </el-steps>
    </div>
  </el-card>
--- a/src/views/system/dict/config.vue
+++ b/src/views/system/dict/config.vue
@ -87,7 +87,7 @@ const checkboxChangeEvent: VxeTableEvents.CheckboxChange = ({ records }) => {
      destroy-on-close
      size="640px"
    >
-      <el-divider></el-divider>
+      <el-divider />
      <!-- 列表 -->
      <div class="list">
        <vxe-table
@ -97,9 +97,9 @@ const checkboxChangeEvent: VxeTableEvents.CheckboxChange = ({ records }) => {
          @checkbox-change="checkboxChangeEvent"
          @checkbox-all="checkboxChangeEvent"
        >
-          <vxe-table-column type="checkbox" width="60"></vxe-table-column>
-          <vxe-table-column field="name" title="名称"></vxe-table-column>
-          <vxe-table-column field="dataval" title="数据值"></vxe-table-column>
+          <vxe-table-column type="checkbox" width="60" />
+          <vxe-table-column field="name" title="名称" />
+          <vxe-table-column field="dataval" title="数据值" />
          <vxe-table-column title="操作" fixed="right">
            <template #default="{ row }">
              <vxe-button
@ -139,7 +139,7 @@ const checkboxChangeEvent: VxeTableEvents.CheckboxChange = ({ records }) => {
                v-model="configData.isAllChecked"
                :indeterminate="configData.isIndeterminate"
                @change="changeAllEvent"
-              ></vxe-checkbox>
+              />
              <span class="select-count"
                >已选中{{ configData.selectRecords.length }}条</span
              >
--- a/src/views/system/dict/index.vue
+++ b/src/views/system/dict/index.vue
@ -214,7 +214,7 @@ function handleClose() {
          v-model="dictData.filterName"
          :placeholder="t('buttons.hssearch')"
          @keyup="searchEvent"
-        ></vxe-input>
+        />
      </template>
      <template #tools>
        <vxe-button
@ -251,11 +251,7 @@ function handleClose() {
      :data="dictData.tableData"
      @cell-dblclick="cellDBLClickEvent"
    >
-      <vxe-table-column
-        tree-node
-        field="name"
-        title="字典名称"
-      ></vxe-table-column>
+      <vxe-table-column tree-node field="name" title="字典名称" />
      <vxe-table-column title="字典类型">
        <template #default="{ row }">
          <el-tooltip
@ -312,7 +308,7 @@ function handleClose() {
          title-align="right"
          title-width="100"
          @submit="submitEvent"
-        ></vxe-form>
+        />
      </template>
    </vxe-modal>

--- a/src/views/system/user/index.vue
+++ b/src/views/system/user/index.vue
@ -218,5 +218,5 @@ const gridOptions = reactive({
 </script>

 <template>
-  <vxe-grid v-bind="gridOptions"></vxe-grid>
+  <vxe-grid v-bind="gridOptions" />
 </template>