fix: eslint warning

.eslintrc.cjs

@@ -3,7 +3,12 @@ require('@rushstack/eslint-patch/modern-module-resolution')
 
 module.exports = {
   root: true,
-  extends: ['plugin:vue/vue3-essential', 'eslint:recommended', '@vue/eslint-config-typescript'],
+  extends: [
+    'plugin:vue/vue3-essential',
+    'eslint:recommended',
+    '@vue/eslint-config-typescript',
+    './.eslintrc-auto-import.json'
+  ],
   parserOptions: {
     ecmaVersion: 'latest'
   },

src/components/rule/EventRule.vue

@@ -118,7 +118,7 @@ function handleTriggerOperateChange(value: string, item: EventRuleItem) {
               <el-select
                 v-model="rule.happen_info.is_happened"
                 @change="value => handleHappenOperateChange(value, rule)">
-                <el-option v-for="option in happenInfoList" v-bind="option"></el-option>
+                <el-option v-for="option in happenInfoList" :key="option.label" v-bind="option"></el-option>
               </el-select>
             </el-form-item>
             <el-form-item v-if="rule.happen_info.is_happened">
@@ -141,7 +141,11 @@ function handleTriggerOperateChange(value: string, item: EventRuleItem) {
           </el-row>
           <template v-if="rule.happen_info.is_happened">
             <!-- 属性条件 -->
-            <el-row class="rule-item" justify="space-between" v-for="(attr, index) in rule.happen_info.attr_list">
+            <el-row
+              justify="space-between"
+              class="rule-item"
+              v-for="(attr, index) in rule.happen_info.attr_list"
+              :key="index">
               <div>
                 <el-form-item>
                   <el-select v-model="attr.attr_id" @change="value => handleAttrChange(value, attr, rule)">
@@ -156,6 +160,7 @@ function handleTriggerOperateChange(value: string, item: EventRuleItem) {
                   <el-select v-model="attr.operate" @change="value => handleOperateChange(value, attr)">
                     <el-option
                       v-for="option in getOperatorList(attr.attr_type)"
+                      :key="option.value"
                       :label="option.alias || option.label"
                       :value="option.value"></el-option>
                   </el-select>
@@ -173,7 +178,7 @@ function handleTriggerOperateChange(value: string, item: EventRuleItem) {
             <el-row style="margin-top: 10px">
               <el-form-item>
                 <el-select model-value="触发次数">
-                  <el-option v-for="option in triggerInfoList" v-bind="option"></el-option>
+                  <el-option v-for="option in triggerInfoList" :key="option.value" v-bind="option"></el-option>
                 </el-select>
               </el-form-item>
               <el-form-item>
@@ -182,6 +187,7 @@ function handleTriggerOperateChange(value: string, item: EventRuleItem) {
                   @change="value => handleTriggerOperateChange(value, rule)">
                   <el-option
                     v-for="option in numberOperatorList"
+                    :key="option.value"
                     :label="option.alias || option.label"
                     :value="option.value" />
                 </el-select>

src/components/rule/LabelRule.vue

@@ -39,7 +39,7 @@ function handleRemove(items: string[], index: number) {
         <span @click="toggleOperate(tagRule)">{{ getLogicalName(tagRule.current_logic_operate) }}</span>
       </div>
       <div class="rule-list">
-        <el-row class="rule-item" v-for="(item, index) in tagRule.items" justify="space-between">
+        <el-row justify="space-between" class="rule-item" v-for="(item, index) in tagRule.items" :key="index">
           <div>
             标签 等于
             <el-form-item>

src/components/rule/UserRule.vue

@@ -67,7 +67,7 @@ function handleOperateChange(value: string, item: RuleAttr) {
         <span @click="toggleOperate(userAttrRule)">{{ getLogicalName(userAttrRule.current_logic_operate) }}</span>
       </div>
       <div class="rule-list">
-        <el-row class="rule-item" v-for="(item, index) in userAttrRule.items" justify="space-between">
+        <el-row justify="space-between" class="rule-item" v-for="(item, index) in userAttrRule.items" :key="index">
           <div>
             <el-form-item>
               <el-select v-model="item.attr_id" @change="value => handleAttrChange(value, item)">
@@ -82,6 +82,7 @@ function handleOperateChange(value: string, item: RuleAttr) {
               <el-select v-model="item.operate" @change="value => handleOperateChange(value, item)">
                 <el-option
                   v-for="option in getOperatorList(item.attr_type)"
+                  :key="option.value"
                   :label="option.alias || option.label"
                   :value="option.value"></el-option>
               </el-select>

src/composables/useAllData.ts

@@ -82,7 +82,7 @@ export function useConnection() {
     getConnectionList().then((res: any) => {
       connectionList.value = res.data.items.map((item: any) => {
         const attrs = JSON.parse(item.config_attributes)
-        let name = Array.isArray(attrs) ? attrs.find((item: any) => item.prop === 'name')?.value : attrs.name
+        const name = Array.isArray(attrs) ? attrs.find((item: any) => item.prop === 'name')?.value : attrs.name
         return { ...item, config_attributes: attrs, name }
       })
     })

src/modules/group/components/FormDialog.vue

@@ -149,7 +149,11 @@ async function handleUpdate() {
           <div class="update-rule-wrap" v-if="form.update_status === '1'">
             <span>每</span>
             <el-select v-model="form.update_rule.type" placeholder=" " style="width: 60px">
-              <el-option v-for="item in dateUnitList" :label="item.label" :value="item.value"></el-option>
+              <el-option
+                v-for="item in dateUnitList"
+                :key="item.value"
+                :label="item.label"
+                :value="item.value"></el-option>
             </el-select>
             <template v-if="form.update_rule.type === 1">
               <span>的凌晨更新</span>
@@ -157,14 +161,18 @@ async function handleUpdate() {
             <template v-if="form.update_rule.type === 2">
               <span>的</span>
               <el-select v-model="form.update_rule.info" placeholder=" " style="width: 80px">
-                <el-option v-for="item in weekList" :label="item.label" :value="item.value"></el-option>
+                <el-option
+                  v-for="item in weekList"
+                  :key="item.value"
+                  :label="item.label"
+                  :value="item.value"></el-option>
               </el-select>
               <span>的凌晨更新</span>
             </template>
             <template v-if="form.update_rule.type === 3">
               <span>第</span>
               <el-select v-model="form.update_rule.info" placeholder=" " style="width: 60px">
-                <el-option v-for="item in 6" :label="item" :value="item"></el-option>
+                <el-option v-for="item in 6" :key="item" :label="item" :value="item"></el-option>
               </el-select>
               <span>天的凌晨更新</span>
             </template>

src/modules/group/components/ViewDialog.vue

@@ -12,7 +12,7 @@ const props = defineProps<{
   data: Group
 }>()
 
-const emit = defineEmits<{
+defineEmits<{
   (e: 'update'): void
   (e: 'update:modelValue', visible: boolean): void
 }>()

src/modules/label/components/LabelFormDialog.vue

@@ -109,7 +109,11 @@ function handleUpdate() {
         <div class="update-rule-wrap" v-if="form.update_status === '1'">
           <span>每</span>
           <el-select v-model="form.update_rule.type" placeholder=" " style="width: 60px">
-            <el-option v-for="item in dateUnitList" :label="item.label" :value="item.value"></el-option>
+            <el-option
+              v-for="item in dateUnitList"
+              :key="item.value"
+              :label="item.label"
+              :value="item.value"></el-option>
           </el-select>
           <template v-if="form.update_rule.type === 1">
             <span>的凌晨更新</span>
@@ -117,14 +121,14 @@ function handleUpdate() {
           <template v-if="form.update_rule.type === 2">
             <span>的</span>
             <el-select v-model="form.update_rule.info" placeholder=" " style="width: 80px">
-              <el-option v-for="item in weekList" :label="item.label" :value="item.value"></el-option>
+              <el-option v-for="item in weekList" :key="item.value" :label="item.label" :value="item.value"></el-option>
             </el-select>
             <span>的凌晨更新</span>
           </template>
           <template v-if="form.update_rule.type === 3">
             <span>第</span>
             <el-select v-model="form.update_rule.info" placeholder=" " style="width: 60px">
-              <el-option v-for="item in 6" :label="item" :value="item"></el-option>
+              <el-option v-for="item in 6" :key="item" :label="item" :value="item"></el-option>
             </el-select>
             <span>天的凌晨更新</span>
           </template>