fix: 修改名称规范问题

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

@@ -1,6 +1,6 @@
 <template>
   <div class="go-edit-bottom">
-    <EditHistory></EditHistory>
+    <edit-history></edit-history>
 
     <n-space class="bottom-ri">
       <!-- 快捷键提示 -->
@@ -32,8 +32,8 @@
               size="18"
               :depth="2"
             >
-              <LockClosedOutlineIcon v-if="lockScale"></LockClosedOutlineIcon>
-              <LockOpenOutlineIcon v-else></LockOpenOutlineIcon>
+              <lock-closed-outline-icon v-if="lockScale"></lock-closed-outline-icon>
+              <lock-open-outline-icon v-else></lock-open-outline-icon>
             </n-icon>
           </n-button>
         </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>
+          <help-outline-icon></help-outline-icon>
         </n-icon>
       </template>
       <span>最多只保留 20 条记录</span>

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

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

src/views/chart/ContentEdit/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <ContentBox
+  <content-box
     id="go-chart-edit-layout"
     :flex="true"
     :showTop="false"
@@ -11,9 +11,9 @@
   >
     <div id="go-chart-edit-content">
       <!-- 展示 -->
-      <EditRange ref="editRangeRef">
+      <edit-range ref="editRangeRef">
         <!-- 图表 -->
-        <EditShapeBox
+        <edit-shape-box
           v-for="(item, index) in chartEditStore.getComponentList"
           :key="item.id"
           :data-id="item.id"
@@ -33,14 +33,14 @@
             :themeColor="themeColor"
             :style="useSizeStyle(item.attr)"
          ></component>
-        </EditShapeBox>
-      </EditRange>
+        </edit-shape-box>
+      </edit-range>
     </div>
     <!-- 底部控制 -->
     <template #bottom>
       <EditBottom></EditBottom>
     </template>
-  </ContentBox>
+  </content-box>
 </template>
 
 <script lang="ts" setup>