fix: 修改名称规范问题

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

@@ -9,7 +9,7 @@
       @dragstart="handleDragStart($event, item)"
     >
       <div class="list-header">
-        <MacOsControlBtn :mini="true" :disabled="true"></MacOsControlBtn>
+        <mac-os-control-btn :mini="true" :disabled="true"></mac-os-control-btn>
         <n-text class="list-header-text" depth="3">{{ item.title }}</n-text>
       </div>
       <div class="list-center go-flex-center">

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

@@ -12,7 +12,7 @@
    ></n-menu>
     <div class="chart-content-list">
       <n-scrollbar>
-        <ItemBox :menuOptions="packages.selectOptions"></ItemBox>
+        <item-box :menuOptions="packages.selectOptions"></item-box>
       </n-scrollbar>
     </div>
   </div>

src/views/chart/ContentCharts/index.vue

@@ -1,6 +1,6 @@
 <template>
   <!-- 左侧所有组件的展示列表 -->
-  <ContentBox
+  <content-box
     class="go-content-charts"
     :class="{ scoped: !getCharts }"
     title="组件"
@@ -9,7 +9,7 @@
   >
     <template #icon>
       <n-icon size="14" :depth="2">
-        <BarChartIcon></BarChartIcon>
+        <bar-chart-icon></bar-chart-icon>
       </n-icon>
     </template>
     <!-- 图表 -->
@@ -24,22 +24,22 @@
           @update:value="clickItemHandle"
        ></n-menu>
         <div class="menu-component-box">
-          <GoSkeleton
+          <go-skeleton
             :load="!selectOptions"
             round
             text
             :repeat="2"
             style="width: 90%;"
-         ></GoSkeleton>
-          <OptionContent
+         ></go-skeleton>
+          <option-content
             v-if="selectOptions"
             :selectOptions="selectOptions"
             :key="selectValue"
-         ></OptionContent>
+         ></option-content>
         </div>
       </div>
     </aside>
-  </ContentBox>
+  </content-box>
 </template>
 
 <script setup lang="ts">