feat: add vue/html-self-closing eslint

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

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

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>