feat: add vue/html-self-closing eslint

2025-11-15 14:03:36 +08:00 · 2022-03-21 15:40:29 +08:00
parent 7beb3e63fe
commit 997711b264
39 changed files with 121 additions and 144 deletions
--- 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>