attr using hypen

.eslintrc.js

@@ -37,7 +37,9 @@ module.exports = {
     "@typescript-eslint/restrict-plus-operands": "off",
     "@typescript-eslint/restrict-template-expressions": "off",
     "@typescript-eslint/no-non-null-assertion": "off",
-    "vue/v-on-event-hyphenation": "off",
+    // 一处使用hypen和一处不使用hypen，让字符搜索变得困难
+    "vue/attribute-hyphenation": ["error", "never"],
+    "vue/v-on-event-hyphenation": ["error", "never", { autofix: true }],
     "vue/no-v-html": "off",
   },
   ignorePatterns: [".eslintrc.js", "src/test"],

src/features/arbitrate/Arbitrate.vue

@@ -4,9 +4,9 @@
     <div class="tw-flex tw-gap-1">
       <mark-history
         v-if="!isSingleStudent"
-        :subject-code="subjectCode"
-        :group-number="groupNumber"
-        :get-history="getArbitrateHistory"
+        :subjectCode="subjectCode"
+        :groupNumber="groupNumber"
+        :getHistory="getArbitrateHistory"
       />
       <ArbitrateMarkList />
       <mark-body @error="renderError" />

src/features/library/inspect/LibraryInspect.vue

@@ -4,10 +4,10 @@
     <div class="tw-flex tw-gap-1">
       <mark-history
         v-if="!isSingleStudent"
-        :subject-code="subjectCode"
-        :group-number="groupNumber"
-        order-time-field="inspectTime"
-        :get-history="getLibraryInspectedHistory"
+        :subjectCode="subjectCode"
+        :groupNumber="groupNumber"
+        orderTimeField="inspectTime"
+        :getHistory="getLibraryInspectedHistory"
       />
       <mark-body @error="renderError" />
       <MarkBoardInspect @inspect="saveTaskToServer" @reject="rejectQuestions" />

src/features/library/quality/Quality.vue

@@ -4,10 +4,10 @@
     <div class="tw-flex tw-gap-1">
       <mark-history
         title="给分记录"
-        :subject-code="subjectCode"
-        :marker-id="markerId"
-        :marker-score="markerScore"
-        :get-history="getQualityHistory"
+        :subjectCode="subjectCode"
+        :markerId="markerId"
+        :markerScore="markerScore"
+        :getHistory="getQualityHistory"
       />
       <mark-body @error="renderError" />
     </div>

src/features/mark/CommonMarkBody.vue

@@ -31,10 +31,10 @@
           @contextmenu="showBigImage"
         />
         <MarkDrawTrack
-          :track-list="item.trackList"
-          :special-tag-list="item.tagList"
-          :slice-image-width="item.sliceImageWidth"
-          :slice-image-height="item.sliceImageHeight"
+          :trackList="item.trackList"
+          :specialTagList="item.tagList"
+          :sliceImageWidth="item.sliceImageWidth"
+          :sliceImageHeight="item.sliceImageHeight"
           :dx="item.dx"
           :dy="item.dy"
         />

src/features/mark/Mark.vue

@@ -2,7 +2,7 @@
   <div class="my-container">
     <mark-header />
     <div class="tw-flex tw-gap-1">
-      <mark-history show-search show-order :get-history="getHistoryTask" />
+      <mark-history showSearch showOrder :getHistory="getHistoryTask" />
       <mark-body @error="removeBrokenTask" />
       <mark-board-track
         v-if="store.isTrackMode"

src/features/mark/MarkBoardKeyBoard.vue

@@ -44,7 +44,7 @@
           <a-popconfirm
             v-if="store.setting.enableAllZero"
             title="确定给全零分？"
-            :overlay-style="{ width: '200px' }"
+            :overlayStyle="{ width: '200px' }"
             @confirm="$emit('allZeroSubmit')"
           >
             <a-button
@@ -58,7 +58,7 @@
           <a-popconfirm
             v-if="store.setting.selective"
             title="确定是未选做？"
-            :overlay-style="{ width: '200px' }"
+            :overlayStyle="{ width: '200px' }"
             @confirm="$emit('unselectiveSubmit')"
           >
             <a-button

src/features/mark/MarkBoardMouse.vue

@@ -44,7 +44,7 @@
           <a-popconfirm
             v-if="store.setting.enableAllZero"
             title="确定给全零分？"
-            :overlay-style="{ width: '200px' }"
+            :overlayStyle="{ width: '200px' }"
             @confirm="$emit('allZeroSubmit')"
           >
             <a-button
@@ -58,7 +58,7 @@
           <a-popconfirm
             v-if="store.setting.selective"
             title="确定是未选做？"
-            :overlay-style="{ width: '200px' }"
+            :overlayStyle="{ width: '200px' }"
             @confirm="$emit('unselectiveSubmit')"
           >
             <a-button

src/features/mark/MarkBoardTrack.vue

@@ -29,7 +29,7 @@
           <a-popconfirm
             v-if="store.setting.enableAllZero && !store.setting.forceSpecialTag"
             title="确定给全零分？"
-            :overlay-style="{ width: '200px' }"
+            :overlayStyle="{ width: '200px' }"
             @confirm="$emit('allZeroSubmit')"
           >
             <a-button
@@ -43,7 +43,7 @@
           <a-popconfirm
             v-if="store.setting.selective"
             title="确定是未选做？"
-            :overlay-style="{ width: '200px' }"
+            :overlayStyle="{ width: '200px' }"
             @confirm="$emit('unselectiveSubmit')"
           >
             <a-button
@@ -154,7 +154,7 @@
           background-color: var(--app-undo-button-bg-color);
           border-color: var(--app-undo-button-bg-color);
         "
-        :click-timeout="300"
+        :clickTimeout="300"
         @click="clearLatestMarkOfCurrentQuetion"
       >
         回退
@@ -164,7 +164,7 @@
         type="primary"
         shape="round"
         size="large"
-        :click-timeout="300"
+        :clickTimeout="300"
         @click="clearAllMarksOfCurrentQuetion"
       >
         清除本题

src/features/mark/MarkBody.vue

@@ -1,7 +1,7 @@
 <template>
   <CommonMarkBody
-    :use-mark-result="true"
-    :make-track="makeTrack"
+    :useMarkResult="true"
+    :makeTrack="makeTrack"
     @error="$emit('error')"
   />
   <div class="cursor">

src/features/mark/MarkChangeProfile.vue

@@ -2,13 +2,13 @@
   <a-modal
     v-model:visible="visible"
     title="修改个人信息"
-    :confirm-loading="confirmLoading"
-    :z-index="6000"
-    wrap-class-name="profile-wrapper"
+    :confirmLoading="confirmLoading"
+    :zIndex="6000"
+    wrapClassName="profile-wrapper"
     @ok="handleOk"
     @cancel="handleCancel"
   >
-    <a-form label-align="right" :label-col="{ span: 4 }">
+    <a-form labelAlign="right" :labelCol="{ span: 4 }">
       <a-form-item class="tw-mb-2" :required="true" label="姓名">
         <a-input
           v-model:value="user.name"

src/features/mark/MarkHeader.vue

@@ -318,7 +318,7 @@
         <!-- <PoweroffOutlined /> -->
         退出
       </div>
-      <a-tooltip placement="bottomRight" :overlay-style="{ width: '58px' }">
+      <a-tooltip placement="bottomRight" :overlayStyle="{ width: '58px' }">
         <template #title>给分板</template>
         <div
           class="tw-flex tw-place-content-center tw-cursor-pointer menu"

src/features/mark/MarkProblemDialog.vue

@@ -3,8 +3,8 @@
     v-model:visible="visible"
     title="选择试卷的问题类型"
     width="300px"
-    :z-index="6000"
-    wrap-class-name="profile-wrapper"
+    :zIndex="6000"
+    wrapClassName="profile-wrapper"
     @cancel="handleCancel"
   >
     <template #footer>

src/features/mark/MarkSwitchGroupDialog.vue

@@ -2,8 +2,8 @@
   <a-modal
     v-model:visible="visible"
     title="切换分组"
-    :z-index="6000"
-    wrap-class-name="profile-wrapper"
+    :zIndex="6000"
+    wrapClassName="profile-wrapper"
   >
     <table class="group-table">
       <tr>

src/features/mark/SpecialTagModal.vue

@@ -49,7 +49,7 @@
           background-color: var(--app-undo-button-bg-color);
           border-color: var(--app-undo-button-bg-color);
         "
-        :click-timeout="300"
+        :clickTimeout="300"
         @click="clearLatestTagOfCurrentTask"
       >
         回退
@@ -59,7 +59,7 @@
         type="primary"
         shape="round"
         size="large"
-        :click-timeout="300"
+        :clickTimeout="300"
         @click="clearAllTagsOfCurrentTask"
       >
         清除全部

src/features/student/importInspect/ImportInspect.vue

@@ -2,11 +2,11 @@
   <div class="my-container">
     <mark-header />
     <div class="tw-flex tw-gap-1">
-      <mark-body using-image="sheetUrls" @error="renderError" />
+      <mark-body usingImage="sheetUrls" @error="renderError" />
       <MarkBoardInspect
         :tagged="isCurrentTagged"
-        :is-first="isFirst"
-        :is-last="isLast"
+        :isFirst="isFirst"
+        :isLast="isLast"
         @makeTag="saveTaskToServer"
         @fetchTask="fetchTask"
       />

src/features/student/inspect/Inspect.vue

@@ -4,9 +4,9 @@
     <div class="tw-flex tw-gap-1">
       <mark-history
         v-if="!isSingleStudent"
-        :subject-code="subjectCode"
-        order-time-field="inspectTime"
-        :get-history="getInspectedHistory"
+        :subjectCode="subjectCode"
+        orderTimeField="inspectTime"
+        :getHistory="getInspectedHistory"
       />
       <mark-body @error="renderError" />
       <MarkBoardInspect @inspect="saveTaskToServer" @reject="rejectQuestions" />

src/features/student/inspect/MarkBody.vue

@@ -14,10 +14,10 @@
       >
         <img :src="item.url" draggable="false" />
         <MarkDrawTrack
-          :track-list="item.trackList"
-          :special-tag-list="item.tagList"
-          :original-image-height="item.originalImageHeight"
-          :original-image-width="item.originalImageWidth"
+          :trackList="item.trackList"
+          :specialTagList="item.tagList"
+          :originalImageHeight="item.originalImageHeight"
+          :originalImageWidth="item.originalImageWidth"
         />
         <hr class="image-seperator" />
       </div>