fix: 完成左侧列表的其余内容

src/packages/components/Chart/Pie/PieCommon/index.ts

@@ -1,5 +1,5 @@
 import node from './index.vue'
-import image from '@/assets/images/chart/pie.png'
+import image from '@/assets/images/chart/charts/pie.png'
 import { ConfigType } from '@/packages/index.d'
 import { ChatCategoryEnum } from '../../index.d'
 
@@ -8,5 +8,5 @@ export const pieCommonConfig: ConfigType = {
   title: '饼图',
   category: ChatCategoryEnum.PIE,
   node: node,
-  image: image
+  image
 }

src/packages/components/Chart/bar/barCommon/index.ts

@@ -1,9 +1,8 @@
 import barCommon from './index.vue'
-import image from '@/assets/images/chart/bar_y.png'
+import image from '@/assets/images/chart/charts/bar_x.png'
 import { ConfigType } from '@/packages/index.d'
 import { ChatCategoryEnum } from '../../index.d'
 
-// 柱状图
 export const barCommonConfig: ConfigType = {
   key: 'BarCommon',
   title: '基础',

src/packages/components/Decorate/borders/borderCommon/index.ts

@@ -1,5 +1,5 @@
 import BorderCommon from './index.vue'
-import image from '@/assets/images/chart/static.png'
+import image from '@/assets/images/chart/decorates/border.png'
 import { ConfigType } from '@/packages/index.d'
 import { ChatCategoryEnum } from '../../index.d'
 
@@ -8,5 +8,5 @@ export const borderCommonConfig: ConfigType = {
   title: '边框',
   category: ChatCategoryEnum.Border,
   node: BorderCommon,
-  image: image
+  image
 }

src/packages/components/Decorate/index.d.ts

@@ -1,3 +1,5 @@
 export enum ChatCategoryEnum {
   Border = '边框',
+  Title = '标题',
+  Else = '其它'
 }

src/packages/components/Decorate/index.ts

@@ -1,3 +1,3 @@
-import Border from './Border'
+import Border from './borders'
 
 export const DecorateList = [...Border]

src/packages/components/Information/index.d.ts

@@ -0,0 +1,3 @@
+export enum ChatCategoryEnum {
+  text = '文本',
+}

src/packages/components/Information/index.ts

@@ -0,0 +1,3 @@
+import { textCommonConfig } from './textCommon/index'
+
+export const InformationList = [textCommonConfig]

src/packages/components/Information/textCommon/index.ts

@@ -0,0 +1,12 @@
+import TextCommon from './index.vue'
+import image from '@/assets/images/chart/informations/text_static.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../index.d'
+
+export const textCommonConfig: ConfigType = {
+  key: 'Text',
+  title: '文字',
+  category: ChatCategoryEnum.text,
+  node: TextCommon,
+  image
+}

src/packages/components/Information/textCommon/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    信息
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/packages/components/Tables/index.d.ts

@@ -0,0 +1,3 @@
+export enum ChatCategoryEnum {
+  table = '表格',
+}

src/packages/components/Tables/index.ts

@@ -0,0 +1,3 @@
+import { tableCommonConfig } from './tableCommon/index'
+
+export const TableList = [tableCommonConfig]

src/packages/components/Tables/tableCommon/index.ts

@@ -0,0 +1,12 @@
+import TableCommon from './index.vue'
+import image from '@/assets/images/chart/Tables/tables.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../index.d'
+
+export const tableCommonConfig: ConfigType = {
+  key: 'Border',
+  title: '表格',
+  category: ChatCategoryEnum.table,
+  node: TableCommon,
+  image
+}

src/packages/components/Tables/tableCommon/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    表格
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/packages/index.d.ts

@@ -6,7 +6,7 @@ export type ConfigType = {
   title: string
   category: string
   node: Component
-  image: string
+  image: string | (() => Promise<typeof import("*.png")>),
   [T: string]: unknown
 }
 
@@ -14,13 +14,13 @@ export type ConfigType = {
 export enum PackagesCategoryEnum {
   CHARTS = 'CHARTS',
   TABLES = 'TABLES',
-  TEXTS = 'TEXTS',
+  INFORMATION = 'INFORMATION',
   DECORATES = 'DECORATES'
 }
 
 export type PackagesType = {
   [PackagesCategoryEnum.CHARTS]: ConfigType[]
-  [PackagesCategoryEnum.TEXTS]: ConfigType[]
+  [PackagesCategoryEnum.INFORMATION]: ConfigType[]
   [PackagesCategoryEnum.TABLES]: ConfigType[]
   [PackagesCategoryEnum.DECORATES]: ConfigType[]
 }

src/packages/index.ts

@@ -1,13 +1,15 @@
 import { PackagesCategoryEnum, PackagesType } from '@/packages/index.d'
 import { ChartList } from '@/packages/components/Chart/index'
 import { DecorateList } from '@/packages/components/Decorate/index'
+import { InformationList } from '@/packages/components/Information/index'
+import { TableList } from '@/packages/components/Tables/index'
 
 // 所有图表
 let packagesList: PackagesType = {
   [PackagesCategoryEnum.CHARTS]: ChartList,
-  [PackagesCategoryEnum.TEXTS]: DecorateList,
-  [PackagesCategoryEnum.TABLES]: DecorateList,
-  [PackagesCategoryEnum.DECORATES]: DecorateList
+  [PackagesCategoryEnum.INFORMATION]: InformationList,
+  [PackagesCategoryEnum.TABLES]: TableList,
+  [PackagesCategoryEnum.DECORATES]: DecorateList,
 }
 
 export { packagesList }

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

@@ -5,13 +5,20 @@
       <n-text class="list-header-text" depth="3">{{ item.title }}</n-text>
     </div>
     <div class="list-center go-flex-center">
-      <img class="list-img" :src="item.image" />
+      <n-image
+        class="list-img"
+        object-fit="contain"
+        preview-disabled
+        :src="item.image"
+        :fallback-src="requireFallbackImg()"
+      />
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { AppleControlBtn } from '@/components/AppleControlBtn/index'
+import { requireFallbackImg } from '@/utils'
 defineProps({
   menuOptions: {
     type: Array,
@@ -31,13 +38,13 @@ $centerHeight: 80px;
   width: $itemWidth;
   overflow: hidden;
   border-radius: 6px;
-  @include filter-bg-color('background-color2');
+  @include filter-bg-color("background-color2");
   .list-header {
     display: flex;
     align-items: center;
     justify-content: space-between;
     padding: 2px 15px;
-    @include filter-bg-color('background-color3');
+    @include filter-bg-color("background-color3");
     &-text {
       font-size: 12px;
       margin-left: 8px;

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

@@ -1,7 +1,7 @@
 <template>
   <div class="go-chart-common">
+    <!-- v-show="packages.categorysNum > 1" -->
     <n-menu
-      v-show="packages.categorysNum > 1"
       class="chart-menu-width"
       v-model:value="selectValue"
       :options="packages.menuOptions"
@@ -16,7 +16,7 @@
 </template>
 
 <script setup lang="ts">
-import { reactive, ref, watch } from 'vue'
+import {  ref, watch, markRaw,reactive } from 'vue'
 import { ItemBox } from '../ItemBox/index'
 import { ConfigType } from '@/packages/index.d'
 
@@ -27,6 +27,7 @@ const props = defineProps({
   }
 })
 
+// TODO 调试结束改成 markeRaw
 let packages = reactive<{
   [T: string]: any
 }>({

src/views/chart/components/ContentCharts/hooks/asideHook.ts

@@ -25,7 +25,7 @@ const packagesListObj = {
     icon: renderIcon(RoadmapIcon),
     label: renderLang('图表')
   },
-  [PackagesCategoryEnum.TEXTS]: {
+  [PackagesCategoryEnum.INFORMATION]: {
     icon: renderIcon(SpellCheckIcon),
     label: renderLang('信息')
   },

src/views/login/index.vue

@@ -7,7 +7,7 @@
           <template v-for="item in bgList" :key="item">
             <div class="bg-img-box-li list-complete-item">
               <n-collapse-transition :appear="true" :show="showBg">
-                <img :src="getImageUrl(item, 'chart')" alt="chart" />
+                <img :src="getImageUrl(item, 'chart/charts/')" alt="chart" />
               </n-collapse-transition>
             </div>
           </template>
@@ -23,7 +23,7 @@
     </Header>
     <div class="go-login">
       <div class="go-login-carousel">
-        <n-carousel autoplay :interval="Number(carouselInterval)">
+        <n-carousel autoplay dot-type="line" :interval="Number(carouselInterval)">
           <img
             v-for="(item, i) in carouselImgList"
             :key="i"
@@ -309,7 +309,7 @@ $carousel-image-height: 60vh;
         img {
           margin-right: 20px;
           margin-top: 20px;
-          height: 230px;
+          width: 230px;
           border-radius: 2 * $--border-radius-base;
           opacity: 0.9;
         }