feat: add vue/html-self-closing eslint

.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",
       {

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",

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-legacy": 1.7.1_vite@2.9.0-beta.4
-  "@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
   "@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
+  unplugin-element-plus: 0.3.2_rollup@2.70.1+vite@2.9.0-beta.4
-  vite: 2.9.0-beta.3_sass@1.49.9
+  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-style-import: 1.4.1_vite@2.9.0-beta.4
-  vite-plugin-windicss: 1.8.3_vite@2.9.0-beta.3
+  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

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>

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.date" />
-          <span v-text="item.name"></span>
+          <span v-text="item.name" />
-          <span v-text="item.star"></span>
+          <span v-text="item.star" />
         </li>
       </ul>
     </SeamlessScroll>

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>

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>

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>

src/components/ReFlowChart/src/DataDialog.vue

@@ -13,5 +13,5 @@ const props = defineProps({
     :deep="3"
     :showLength="true"
     :data="props.graphData"
-  ></vue-json-pretty>
+  />
 </template>

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>

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
+              <el-divider class="tab-divider" border-style="dashed" />
-                class="tab-divider"
-                border-style="dashed"
-              ></el-divider>
               <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>

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>

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>

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

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>

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>

src/layout/components/search/components/SearchResult.vue

@@ -11,9 +11,7 @@
         @click="handleTo"
         @mouseenter="handleMouse(item)"
       >
-        <component
+        <component :is="useRenderIcon(item.meta?.icon ?? 'bookmark-2-line')" />
-          :is="useRenderIcon(item.meta?.icon ?? 'bookmark-2-line')"
-        ></component>
         <span class="result-item-title">{{ t(item.meta?.title) }}</span>
         <enterOutlined />
       </div>

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>

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
+      <FontIcon icon="team-iconlogo" svg style="width: 35px; height: 35px" />
-        icon="team-iconlogo"
-        svg
-        style="width: 35px; height: 35px"
-      ></FontIcon>
       <h4>{{ title }}</h4>
     </div>
     <el-menu

src/layout/components/sidebar/logo.vue

@@ -18,11 +18,7 @@ const title =
         class="sidebar-logo-link"
         to="/"
       >
-        <FontIcon
+        <FontIcon icon="team-iconlogo" svg style="width: 35px; height: 35px" />
-          icon="team-iconlogo"
-          svg
-          style="width: 35px; height: 35px"
-        ></FontIcon>
         <span class="sidebar-title">{{ title }}</span>
       </router-link>
       <router-link
@@ -32,11 +28,7 @@ const title =
         class="sidebar-logo-link"
         to="/"
       >
-        <FontIcon
+        <FontIcon icon="team-iconlogo" svg style="width: 35px; height: 35px" />
-          icon="team-iconlogo"
-          svg
-          style="width: 35px; height: 35px"
-        ></FontIcon>
         <span class="sidebar-title">{{ title }}</span>
       </router-link>
     </transition>

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
+            <component :is="useRenderIcon(route.meta && route.meta.icon)" />
-              :is="useRenderIcon(route.meta && route.meta.icon)"
-            ></component>
           </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>

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"

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>

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>

src/layout/redirect.vue

@@ -16,5 +16,5 @@ replace({
 </script>
 
 <template>
-  <div></div>
+  <div />
 </template>

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"

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 type="seq" width="60" />
-          <vxe-column field="name" title="Name"></vxe-column>
+          <vxe-column field="name" title="Name" />
-          <vxe-column field="sex" title="Sex"></vxe-column>
+          <vxe-column field="sex" title="Sex" />
-          <vxe-column field="age" title="Age"></vxe-column>
+          <vxe-column field="age" title="Age" />
-          <vxe-column field="attr1" title="Attr1"></vxe-column>
+          <vxe-column field="attr1" title="Attr1" />
-          <vxe-column
+          <vxe-column field="address" title="Address" show-overflow />
-            field="address"
-            title="Address"
-            show-overflow
-          ></vxe-column>
         </vxe-table>
       </el-col>
 

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 />

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>
 

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>

src/views/components/video/index.vue

@@ -40,7 +40,7 @@ onMounted(() => {
         >
       </div>
     </template>
-    <div id="mse"></div>
+    <div id="mse" />
   </el-card>
 </template>
 

src/views/editor/index.vue

@@ -43,8 +43,8 @@ onBeforeUnmount(() => {
         >
       </div>
     </template>
-    <div ref="editor"></div>
+    <div ref="editor" />
-    <div :innerHTML="html"></div>
+    <div :innerHTML="html" />
   </el-card>
 </template>
 

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>

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">

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="admin" />
-          <el-radio-button label="test"></el-radio-button>
+          <el-radio-button label="test" />
         </el-radio-group>
       </div>
     </template>

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 title="完成"></el-step>
+        <el-step title="完成" />
       </el-steps>
     </div>
   </el-card>

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 type="checkbox" width="60" />
-          <vxe-table-column field="name" title="名称"></vxe-table-column>
+          <vxe-table-column field="name" title="名称" />
-          <vxe-table-column field="dataval" title="数据值"></vxe-table-column>
+          <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
               >

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
+      <vxe-table-column tree-node field="name" title="字典名称" />
-        tree-node
-        field="name"
-        title="字典名称"
-      ></vxe-table-column>
       <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>
 

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>