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

src/views/chart/ContentBox/index.vue

@@ -18,7 +18,7 @@
           class="go-cursor-pointer"
           @click="backHandle"
         >
-          <ChevronBackOutlineIcon />
+          <ChevronBackOutlineIcon></ChevronBackOutlineIcon>
         </n-icon>
       </n-space>
     </div>

src/views/chart/ContentCharts/components/OptionContent/index.vue

@@ -9,10 +9,10 @@
       :icon-size="16"
       :indent="18"
       @update:value="clickItemHandle"
-    />
+   ></n-menu>
     <div class="chart-content-list">
       <n-scrollbar>
-        <ItemBox :menuOptions="packages.selectOptions" />
+        <ItemBox :menuOptions="packages.selectOptions"></ItemBox>
       </n-scrollbar>
     </div>
   </div>

src/views/chart/ContentCharts/index.vue

@@ -9,7 +9,7 @@
   >
     <template #icon>
       <n-icon size="14" :depth="2">
-        <BarChartIcon />
+        <BarChartIcon></BarChartIcon>
       </n-icon>
     </template>
     <!-- 图表 -->
@@ -22,20 +22,20 @@
           :icon-size="16"
           :indent="18"
           @update:value="clickItemHandle"
-        />
+       ></n-menu>
         <div class="menu-component-box">
-          <Skeleton
+          <GoSkeleton
             :load="!selectOptions"
             round
             text
             :repeat="2"
             style="width: 90%;"
-          />
+         ></GoSkeleton>
           <OptionContent
             v-if="selectOptions"
             :selectOptions="selectOptions"
             :key="selectValue"
-          />
+         ></OptionContent>
         </div>
       </div>
     </aside>

src/views/chart/ContentConfigurations/components/CanvasPage/components/ChartThemeColor/index.vue

@@ -17,7 +17,7 @@
           v-for="colorItem in fetchShowColors(value.color)"
           :key="colorItem"
           :style="{ backgroundColor: colorItem }"
-        />
+       ></span>
       </div>
       <div
         class="theme-bottom"

src/views/chart/ContentConfigurations/components/CanvasPage/index.vue

@@ -8,7 +8,7 @@
           v-model:value="canvasConfig.width"
           :validator="validator"
           @update:value="changeSizeHandle"
-        />
+       ></n-input-number>
       </n-form-item>
       <n-form-item label="高度">
         <n-input-number
@@ -16,7 +16,7 @@
           v-model:value="canvasConfig.height"
           :validator="validator"
           @update:value="changeSizeHandle"
-        />
+       ></n-input-number>
       </n-form-item>
     </n-form>
 
@@ -52,7 +52,7 @@
           :showPreview="true"
           :swatches="swatchesColors"
           v-model:value="canvasConfig.background"
-        />
+       ></n-color-picker>
       </n-space>
       <n-space>
         <n-text>使用颜色</n-text>
@@ -63,7 +63,7 @@
           :round="false"
           :disabled="!canvasConfig.backgroundImage"
           :onUpdate="switchSelectColorHandle"
-        />
+       ></n-switch>
       </n-space>
       <n-space>
         <n-text>背景</n-text>

src/views/chart/ContentConfigurations/components/ChartSetting/index.vue

@@ -9,18 +9,18 @@
         placeholder="请输入图表名称"
         size="small"
         v-model:value="targetData.chartConfig.title"
-      />
+     ></n-input>
     </SettingItemBox>
     <!-- 尺寸 -->
-    <SizeSetting :chartAttr="targetData.attr" />
+    <SizeSetting :chartAttr="targetData.attr"></SizeSetting>
     <!-- 位置 -->
     <PositionSetting :chartAttr="targetData.attr" :canvasConfig="chartEditStore.getEditCanvasConfig"/>
     <!-- 样式 -->
-    <StylesSetting :chartStyles="targetData.styles" />
+    <StylesSetting :chartStyles="targetData.styles"></StylesSetting>
     <!-- 自定义配置项 -->
     <component :is="targetData.chartConfig.conKey" :optionData="targetData.option"></component>
     <!-- 全局设置 --> 
-    <GlobalSetting :optionData="targetData.option" :in-chart="true" />
+    <GlobalSetting :optionData="targetData.option" :in-chart="true"></GlobalSetting>
   </div>
 </template>
 

src/views/chart/ContentConfigurations/index.vue

@@ -2,7 +2,7 @@
   <n-layout has-sider sider-placement="right">
     <n-layout-content>
       <!-- 图表拖拽区域 -->
-      <ContentEdit />
+      <ContentEdit></ContentEdit>
     </n-layout-content>
     <n-layout-sider
       collapse-mode="transform"

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>

src/views/chart/ContentLayers/components/ListItem/index.vue

@@ -10,14 +10,14 @@
         preview-disabled
         :src="image"
         :fallback-src="requireErrorImg()"
-      />
+     ></n-image>
       <n-ellipsis>
         <n-text class="list-text">
           {{ props.componentData.chartConfig.title }}
         </n-text>
       </n-ellipsis>
     </div>
-    <div :class="{ 'select-modal': select }" />
+    <div :class="{ 'select-modal': select }"></div>
   </div>
 </template>
 

src/views/chart/ContentLayers/index.vue

@@ -8,7 +8,7 @@
   >
     <template #icon>
       <n-icon size="16" :depth="2">
-        <component :is="LayersIcon" />
+        <component :is="LayersIcon"></component>
       </n-icon>
     </template>
 
@@ -21,7 +21,7 @@
       @mouseenter="mouseenterHandle(item)"
       @mouseleave="mouseleaveHandle(item)"
       @contextmenu="handleContextMenu($event)"
-    />
+   ></ListItem>
   </ContentBox>
 </template>
 

src/views/chart/HeaderLeftBtn/index.vue

@@ -3,7 +3,7 @@
     <n-button size="small" quaternary @click="goHomeHandle()">
       <template #icon>
         <n-icon :depth="3">
-          <HomeIcon />
+          <HomeIcon></HomeIcon>
         </n-icon>
       </template>
     </n-button>

src/views/chart/HeaderTitle/index.vue

@@ -1,7 +1,7 @@
 <template>
   <n-space>
     <n-icon size="20" :depth="3">
-      <FishIcon />
+      <FishIcon></FishIcon>
     </n-icon>
     <n-text @click="handleFocus">
       工作空间 -
@@ -19,7 +19,7 @@
       placeholder="请输入项目名称"
       v-model:value.trim="title"
       @blur="handleBlur"
-    />
+   ></n-input>
   </n-space>
 </template>
 

src/views/chart/index.vue

@@ -4,19 +4,19 @@
     <n-layout>
       <HeaderPro>
         <template #left>
-          <HeaderLeftBtn />
+          <HeaderLeftBtn></HeaderLeftBtn>
         </template>
         <template #center>
-          <HeaderTitle />
+          <HeaderTitle></HeaderTitle>
         </template>
         <template #ri-left>
-          <HeaderRightBtn />
+          <HeaderRightBtn></HeaderRightBtn>
         </template>
       </HeaderPro>
       <n-layout-content content-style="overflow:hidden; display: flex">
-        <ContentCharts />
-        <ContentLayers />
-        <ContentConfigurations />
+        <ContentCharts></ContentCharts>
+        <ContentLayers></ContentLayers>
+        <ContentConfigurations></ContentConfigurations>
       </n-layout-content>
     </n-layout>
   </div>
@@ -31,7 +31,7 @@
     :show="chartEditStore.getRightMenuShow"
     :on-clickoutside="onClickoutside"
     @select="handleMenuSelect"
-  />
+  ></n-dropdown>
 </template>
 
 <script setup lang="ts">