refactor: 使用eslint.config.js替换.eslintrc.js并遵循esm语法 (#786)

2025-11-15 14:03:36 +08:00 · 2023-11-10 23:18:01 +08:00
parent 18158f8e0d
commit 5b7dd8c3e2
102 changed files with 431 additions and 424 deletions
--- a/src/views/able/cascader.vue
+++ b/src/views/able/cascader.vue
@@ -32,8 +32,8 @@ const handleChange = value => {
          <span class="imp">
            1. 二级联动（不带“全部”选项）
            <el-cascader
-              :options="provinceAndCityData"
              v-model="selectedOptions1"
+              :options="provinceAndCityData"
              @change="handleChange"
            />
          </span>
@@ -61,8 +61,8 @@ const handleChange = value => {
          <span class="imp">
            2. 二级联动（带有“全部”选项）
            <el-cascader
-              :options="provinceAndCityDataPlus"
              v-model="selectedOptions3"
+              :options="provinceAndCityDataPlus"
              @change="handleChange"
            />
          </span>
@@ -90,8 +90,8 @@ const handleChange = value => {
          <span class="imp">
            3. 三级联动（不带“全部”选项）
            <el-cascader
-              :options="regionData"
              v-model="selectedOptions2"
+              :options="regionData"
              @change="handleChange"
            />
          </span>
@@ -121,8 +121,8 @@ const handleChange = value => {
          <span class="imp">
            4. 三级联动（带"全部选项"）
            <el-cascader
-              :options="regionDataPlus"
              v-model="selectedOptions4"
+              :options="regionDataPlus"
              @change="handleChange"
            />
          </span>
--- a/src/views/able/directives.vue
+++ b/src/views/able/directives.vue
@@ -62,13 +62,13 @@ function onReset() {
    <div class="mb-2">
      防抖指令（连续输入，只会执行第一次点击事件，立即执行）
      <el-input
+        v-model="search"
        v-optimize="{
          event: 'input',
          fn: onInput,
          immediate: true,
          timeout: 1000
        }"
-        v-model="search"
        class="!w-[200px]"
        clearable
        @clear="onInput"
@@ -77,8 +77,8 @@ function onReset() {
    <div class="mb-2">
      防抖指令（连续输入，只会执行最后一次事件，延后执行）
      <el-input
-        v-optimize="{ event: 'input', fn: onInputTwo, timeout: 400 }"
        v-model="searchTwo"
+        v-optimize="{ event: 'input', fn: onInputTwo, timeout: 400 }"
        class="!w-[200px]"
        clearable
      />
@@ -86,13 +86,13 @@ function onReset() {
    <div>
      防抖指令（连续输入，只会执行最后一次事件，延后执行，传参用法）
      <el-input
+        v-model="searchThree"
        v-optimize="{
          event: 'input',
          fn: onInputThree,
          timeout: 400,
          params: { name: '小明', sex: '男' }
        }"
-        v-model="searchThree"
        class="!w-[200px]"
        clearable
      />
@@ -103,8 +103,8 @@ function onReset() {
    <div class="mb-2">
      节流指令（连续输入，每一秒只会执行一次事件）
      <el-input
-        v-optimize:throttle="{ event: 'input', fn: onInputFour, timeout: 1000 }"
        v-model="searchFour"
+        v-optimize:throttle="{ event: 'input', fn: onInputFour, timeout: 1000 }"
        class="!w-[200px]"
        clearable
      />
@@ -112,12 +112,12 @@ function onReset() {
    <div>
      节流指令（连续输入，每一秒只会执行一次事件，传参用法）
      <el-input
+        v-model="searchFive"
        v-optimize:throttle="{
          event: 'input',
          fn: onInputFive,
          params: { name: '小明', sex: '男' }
        }"
-        v-model="searchFive"
        class="!w-[200px]"
        clearable
      />
@@ -127,7 +127,7 @@ function onReset() {

    <div class="mb-2">
      文本复制指令（双击输入框内容即可复制）
-      <el-input v-copy="searchSix" v-model="searchSix" class="!w-[200px]" />
+      <el-input v-model="searchSix" v-copy="searchSix" class="!w-[200px]" />
    </div>
    <div>
      文本复制指令（自定义触发事件，单击复制）
--- a/src/views/able/menu-tree.vue
+++ b/src/views/able/menu-tree.vue
@@ -61,8 +61,8 @@ const filterMethod = (query: string, node: treeNode) => {
      </div>
    </template>
    <el-input
-      class="mb-4"
      v-model="query"
+      class="mb-4"
      placeholder="请输入关键字查找"
      clearable
      @input="onQueryChanged"
--- a/src/views/able/pdf.vue
+++ b/src/views/able/pdf.vue
@@ -49,8 +49,8 @@ const onPrint = () => {
      </div>
    </template>
    <div
-      class="h-[calc(100vh-239px)]"
      v-loading="loading"
+      class="h-[calc(100vh-239px)]"
      :element-loading-text="t('status.hsLoad')"
    >
      <div class="flex justify-between items-center h-9">
@@ -59,9 +59,9 @@ const onPrint = () => {
        </div>
        <div v-else>
          <el-pagination
+            v-model:current-page="currentPage"
            background
            layout="prev, slot, next"
-            v-model:current-page="currentPage"
            :page-size="1"
            :total="pageCount"
          >
@@ -98,8 +98,8 @@ const onPrint = () => {
      </div>
      <el-scrollbar>
        <vue-pdf-embed
-          class="h-full container overflow-auto"
          ref="pdfRef"
+          class="h-full container overflow-auto"
          :rotation="rotations[currentRotation]"
          :page="currentPage"
          :source="source"
--- a/src/views/able/print.vue
+++ b/src/views/able/print.vue
@@ -103,12 +103,12 @@ const tableData: User[] = [
    </template>
    <el-row :gutter="24">
      <el-col
+        v-motion
        :xs="24"
        :sm="24"
        :md="24"
        :lg="24"
        :xl="24"
-        v-motion
        :initial="{
          opacity: 0,
          y: 100
@@ -138,12 +138,12 @@ const tableData: User[] = [
      <el-divider />

      <el-col
+        v-motion
        :xs="11"
        :sm="11"
        :md="11"
        :lg="11"
        :xl="11"
-        v-motion
        :initial="{
          opacity: 0,
          y: 100
@@ -161,12 +161,12 @@ const tableData: User[] = [
      </el-col>

      <el-col
+        v-motion
        :xs="11"
        :sm="11"
        :md="11"
        :lg="11"
        :xl="11"
-        v-motion
        :initial="{
          opacity: 0,
          y: 100
--- a/src/views/able/video-frame/index.vue
+++ b/src/views/able/video-frame/index.vue
@@ -155,9 +155,9 @@ onBeforeUnmount(() => {
      />
    </div>
    <div
+      id="canvas-container"
      v-loading="loading"
      element-loading-text="温馨提示：可左右拖拽图片并单击选取所需的帧图片"
-      id="canvas-container"
      class="w-full h-[200px] overflow-hidden mt-6"
    />
  </el-card>
--- a/src/views/able/virtual-list/horizontal.vue
+++ b/src/views/able/virtual-list/horizontal.vue
@@ -23,9 +23,9 @@ const filteredItems = computed(() => {
    <div class="flex-ac mb-4 shadow-2xl">
      水平模式 horizontal
      <el-input
+        v-model="search"
        class="mr-2 !w-[1/1.5]"
        clearable
-        v-model="search"
        placeholder="Filter..."
        style="width: 300px"
      />
--- a/src/views/able/virtual-list/vertical.vue
+++ b/src/views/able/virtual-list/vertical.vue
@@ -23,9 +23,9 @@ const filteredItems = computed(() => {
    <div class="flex-ac mb-4 shadow-2xl">
      垂直模式 vertical
      <el-input
+        v-model="search"
        class="!w-[350px]"
        clearable
-        v-model="search"
        placeholder="Filter..."
      />
    </div>
--- a/src/views/able/watermark.vue
+++ b/src/views/able/watermark.vue
@@ -42,9 +42,9 @@ onBeforeUnmount(() => {
    </template>
    <span> 请输入要创建水印的值：</span>
    <el-input
+      v-model="value"
      class="mb-4 mr-4"
      style="width: 200px"
-      v-model="value"
      clearable
    />
    <span>请选择要创建水印的颜色：</span>
--- a/src/views/able/wavesurfer/index.vue
+++ b/src/views/able/wavesurfer/index.vue
@@ -105,41 +105,41 @@ onBeforeUnmount(() => {
      element-loading-background="transparent"
    >
      <div ref="wavesurferRef" />
-      <div class="flex justify-between" v-show="totalTime">
+      <div v-show="totalTime" class="flex justify-between">
        <span class="text-[#81888f]">00:00</span>
        <h1 class="text-4xl mt-2">{{ curTime }}</h1>
        <span class="text-[#81888f]">{{ totalTime }}</span>
      </div>
-      <div class="flex mt-2 w-[180px] justify-around m-auto" v-show="totalTime">
+      <div v-show="totalTime" class="flex mt-2 w-[180px] justify-around m-auto">
        <Rewind
-          class="cursor-pointer"
          v-tippy="{
            content: '快退（可长按）',
            placement: 'bottom',
            animation: 'scale'
          }"
          v-longpress:0:100="() => wavesurfer?.skip(-1)"
+          class="cursor-pointer"
        />
        <div
-          class="cursor-pointer"
          v-tippy="{
            content: isPlay ? '暂停' : '播放',
            placement: 'bottom',
            animation: 'scale'
          }"
+          class="cursor-pointer"
          @click="wavesurfer?.playPause()"
        >
          <Play v-if="isPlay" v-motion-pop />
          <Pause v-else v-motion-pop />
        </div>
        <Forward
-          class="cursor-pointer"
          v-tippy="{
            content: '快进（可长按）',
            placement: 'bottom',
            animation: 'scale'
          }"
          v-longpress:0:100="() => wavesurfer?.skip(1)"
+          class="cursor-pointer"
        />
      </div>
    </div>