fix: 修改名称规范问题

src/views/chart/ContentBox/index.vue

@@ -18,7 +18,7 @@
           class="go-cursor-pointer"
           @click="backHandle"
         >
-          <ChevronBackOutlineIcon></ChevronBackOutlineIcon>
+          <chevron-back-outline-icon></chevron-back-outline-icon>
         </n-icon>
       </n-space>
     </div>
@@ -46,12 +46,9 @@
 </template>
 
 <script setup lang="ts">
-import { computed } from 'vue'
-import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { icon } from '@/plugins'
 const { ChevronBackOutlineIcon } = icon.ionicons5
 
-const chartEditStore = useChartEditStore()
 const emit = defineEmits(['back'])
 
 defineProps({

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">

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

@@ -7,7 +7,7 @@
     >
       清除动画
     </n-button>
-    <CollapseItem
+    <collapse-item
       v-for="(item, index) in animations"
       :key="index"
       :name="item.label"
@@ -29,7 +29,7 @@
           {{ childrenItem.label }}
         </n-grid-item>
       </n-grid>
-    </CollapseItem>
+    </collapse-item>
   </div>
 </template>
 

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

@@ -1,7 +1,7 @@
 <template>
   <div class="go-chart-configurations-setting" v-if="targetData">
     <!-- 名称 -->
-    <SettingItemBox name="名称">
+    <setting-item-box name="名称">
       <n-input
         type="text"
         maxlength="6"
@@ -10,17 +10,17 @@
         size="small"
         v-model:value="targetData.chartConfig.title"
      ></n-input>
-    </SettingItemBox>
+    </setting-item-box>
     <!-- 尺寸 -->
-    <SizeSetting :chartAttr="targetData.attr"></SizeSetting>
+    <size-setting :chartAttr="targetData.attr"></size-setting>
     <!-- 位置 -->
-    <PositionSetting :chartAttr="targetData.attr" :canvasConfig="chartEditStore.getEditCanvasConfig"/>
+    <position-setting :chartAttr="targetData.attr" :canvasConfig="chartEditStore.getEditCanvasConfig"/>
     <!-- 样式 -->
-    <StylesSetting :chartStyles="targetData.styles"></StylesSetting>
+    <styles-setting :chartStyles="targetData.styles"></styles-setting>
     <!-- 自定义配置项 -->
     <component :is="targetData.chartConfig.conKey" :optionData="targetData.option"></component>
     <!-- 全局设置 --> 
-    <GlobalSetting :optionData="targetData.option" :in-chart="true"></GlobalSetting>
+    <global-setting :optionData="targetData.option" :in-chart="true"></global-setting>
   </div>
 </template>
 

src/views/chart/ContentConfigurations/index.vue

@@ -2,7 +2,7 @@
   <n-layout has-sider sider-placement="right">
     <n-layout-content>
       <!-- 图表拖拽区域 -->
-      <ContentEdit></ContentEdit>
+      <content-edit></content-edit>
     </n-layout-content>
     <n-layout-sider
       collapse-mode="transform"
@@ -14,7 +14,7 @@
       @collapse="collapsedHindle"
       @expand="expandHindle"
     >
-      <ContentBox
+      <content-box
         class="go-content-layers go-boderbox"
         :showTop="false"
         :depth="2"
@@ -70,7 +70,7 @@
             <component :is="item.render"></component>
           </n-tab-pane>
         </n-tabs>
-      </ContentBox>
+      </content-box>
     </n-layout-sider>
   </n-layout>
 </template>

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>

src/views/chart/ContentLayers/index.vue

@@ -1,5 +1,5 @@
 <template>
-  <ContentBox
+  <content-box
     class="go-content-layers"
     :class="{ scoped: !chartLayoutStore.getLayers }"
     title="图层"
@@ -13,7 +13,7 @@
     </template>
 
     <!-- 图层内容 -->
-    <ListItem
+    <list-item
       v-for="item in  reverseList"
       :key="item.id"
       :componentData="item"
@@ -21,8 +21,8 @@
       @mouseenter="mouseenterHandle(item)"
       @mouseleave="mouseleaveHandle(item)"
       @contextmenu="handleContextMenu($event)"
-   ></ListItem>
-  </ContentBox>
+   ></list-item>
+  </content-box>
 </template>
 
 <script setup lang="ts">

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>
+          <home-icon></home-icon>
         </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>
+      <fish-icon></fish-icon>
     </n-icon>
     <n-text @click="handleFocus">
       工作空间 -

src/views/chart/index.vue

@@ -2,21 +2,21 @@
   <!-- 工作台相关 -->
   <div class="go-chart">
     <n-layout>
-      <HeaderPro>
+      <layout-header-pro>
         <template #left>
-          <HeaderLeftBtn></HeaderLeftBtn>
+          <header-left-btn></header-left-btn>
         </template>
         <template #center>
-          <HeaderTitle></HeaderTitle>
+          <header-title></header-title>
         </template>
         <template #ri-left>
-          <HeaderRightBtn></HeaderRightBtn>
+          <header-right-btn></header-right-btn>
         </template>
-      </HeaderPro>
+      </layout-header-pro>
       <n-layout-content content-style="overflow:hidden; display: flex">
-        <ContentCharts></ContentCharts>
-        <ContentLayers></ContentLayers>
-        <ContentConfigurations></ContentConfigurations>
+        <content-charts></content-charts>
+        <content-layers></content-layers>
+        <content-configurations></content-configurations>
       </n-layout-content>
     </n-layout>
   </div>
@@ -36,7 +36,7 @@
 
 <script setup lang="ts">
 import { loadAsyncComponent } from '@/utils'
-import { HeaderPro } from '@/layout/components/HeaderPro'
+import { LayoutHeaderPro } from '@/layout/components/LayoutHeaderPro'
 import { useContextMenu } from './hooks/useContextMenu.hook'
 import { useChartEditStore } from '@/store/modules/chartEditStore/chartEditStore'
 import { useChartHistoryStoreStore } from '@/store/modules/chartHistoryStore/chartHistoryStore'