fix: 修改闭合组件不规范的问题

src/views/chart/ContentEdit/components/EditAlignLine/index.vue

@@ -9,7 +9,7 @@
         line['select'].has(item) && 'visible'
       ]"
       :style="useComponentStyle(line['select'].get(item))"
-    />
+  ></div>
   </div>
 </template>
 

src/views/chart/ContentEdit/components/EditBottom/index.vue

@@ -1,13 +1,13 @@
 <template>
   <div class="go-edit-bottom">
-    <EditHistory />
+    <EditHistory></EditHistory>
 
     <n-space class="bottom-ri">
       <!-- 快捷键提示 -->
       <n-popselect :options="shortcutKeyOptions" size="medium">
         <n-button class="scale-btn" quaternary size="mini">
           <n-icon class="lock-icon" size="18" :depth="2">
-            <DicomOverlayIcon />
+            <DicomOverlayIcon></DicomOverlayIcon>
           </n-icon>
         </n-button>
       </n-popselect>
@@ -20,7 +20,7 @@
         size="mini"
         :options="filterOptions"
         @update:value="selectHandle"
-      />
+     ></n-select>
 
       <!-- 锁定缩放 -->
       <n-tooltip trigger="hover">
@@ -32,8 +32,8 @@
               size="18"
               :depth="2"
             >
-              <LockClosedOutlineIcon v-if="lockScale" />
-              <LockOpenOutlineIcon v-else />
+              <LockClosedOutlineIcon v-if="lockScale"></LockClosedOutlineIcon>
+              <LockOpenOutlineIcon v-else></LockOpenOutlineIcon>
             </n-icon>
           </n-button>
         </template>
@@ -52,7 +52,7 @@
         :disabled="lockScale"
         :marks="sliderMaks"
         @update:value="sliderHandle"
-      />
+     ></n-slider>
     </n-space>
   </div>
 </template>

src/views/chart/ContentEdit/components/EditHistory/index.vue

@@ -22,7 +22,7 @@
     <n-tooltip trigger="hover">
       <template #trigger>
         <n-icon size="21" :depth="3">
-          <HelpOutlineIcon />
+          <HelpOutlineIcon></HelpOutlineIcon>
         </n-icon>
       </template>
       <span>最多只保留 20 条记录</span>

src/views/chart/ContentEdit/components/EditRange/index.vue

@@ -6,7 +6,7 @@
   >
     <slot></slot>
     <!-- 拖拽时的辅助线 -->
-    <EditAlignLine />
+    <EditAlignLine></EditAlignLine>
   </div>
 </template>
 

src/views/chart/ContentEdit/components/EditShapeBox/index.vue

@@ -8,15 +8,15 @@
       :key="index"
       :style="usePointStyle(point, index, item.attr, cursorResize)"
       @mousedown="useMousePointHandle($event, point, item.attr)"
-    />
+   ></div>
 
     <!-- 选中 -->
     <div class="shape-modal" :style="useSizeStyle(item.attr)">
-      <div class="shape-modal-select" :class="{ active: select }" />
+      <div class="shape-modal-select" :class="{ active: select }"></div>
       <div
         class="shape-modal-change"
         :class="{ selectActive: select, hoverActive: hover }"
-      />
+     ></div>
     </div>
   </div>
 </template>

src/views/chart/ContentEdit/index.vue

@@ -32,13 +32,13 @@
             :themeSetting="themeSetting"
             :themeColor="themeColor"
             :style="useSizeStyle(item.attr)"
-          />
+         ></component>
         </EditShapeBox>
       </EditRange>
     </div>
     <!-- 底部控制 -->
     <template #bottom>
-      <EditBottom />
+      <EditBottom></EditBottom>
     </template>
   </ContentBox>
 </template>