feat: 新增左侧图表数据

src/packages/components/Chart/Bars/BarCommon/index.ts

@@ -1,12 +1,12 @@
-import barCommon from './index.vue'
+import BarCommon from './index.vue'
 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 = {
+export const BarCommonConfig: ConfigType = {
   key: 'BarCommon',
-  title: '基础',
+  title: '柱状图',
   category: ChatCategoryEnum.BAR,
-  node: barCommon,
+  node: BarCommon,
   image: image
 }

src/packages/components/Chart/Bars/BarCrossrange/index.ts

@@ -0,0 +1,12 @@
+import BarCrossrange from './index.vue'
+import image from '@/assets/images/chart/charts/bar_y.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const BarCrossrangefig: ConfigType = {
+  key: 'BarCrossrange',
+  title: '横向柱状图',
+  category: ChatCategoryEnum.BAR,
+  node: BarCrossrange,
+  image: image
+}

src/packages/components/Chart/Bars/BarCrossrange/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    柱状图组件渲染
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/packages/components/Chart/Bars/index.ts

@@ -1,3 +1,4 @@
-import { barCommonConfig } from './BarCommon/index'
+import { BarCommonConfig } from './BarCommon/index'
+import { BarCrossrangefig } from './BarCrossrange/index'
 
-export default [barCommonConfig]
+export default [BarCommonConfig, BarCrossrangefig]

src/packages/components/Chart/Lines/LineCommon/index.ts

@@ -0,0 +1,12 @@
+import LineCommon from './index.vue'
+import image from '@/assets/images/chart/charts/line.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const LineCommonConfig: ConfigType = {
+  key: 'LineCommon',
+  title: '折线图',
+  category: ChatCategoryEnum.LINE,
+  node: LineCommon,
+  image: image
+}

src/packages/components/Chart/Lines/LineCommon/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    line组件渲染
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/packages/components/Chart/Lines/LineGradientSingle/index.ts

@@ -0,0 +1,12 @@
+import LineGradientSingle from './index.vue'
+import image from '@/assets/images/chart/charts/line_gradient_single.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const LineGradientSingleConfig: ConfigType = {
+  key: 'LineGradientSingle',
+  title: '折线面积图',
+  category: ChatCategoryEnum.LINE,
+  node: LineGradientSingle,
+  image: image
+}

src/packages/components/Chart/Lines/LineGradientSingle/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    line组件渲染
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/packages/components/Chart/Lines/LineGradients/index.ts

@@ -0,0 +1,12 @@
+import LineGradients from './index.vue'
+import image from '@/assets/images/chart/charts/line_gradient2.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const LineGradientsConfig: ConfigType = {
+  key: 'LineGradientSingle',
+  title: '折线面积图',
+  category: ChatCategoryEnum.LINE,
+  node: LineGradients,
+  image: image
+}

src/packages/components/Chart/Lines/LineGradients/index.vue

@@ -0,0 +1,13 @@
+<template>
+  <div>
+    line组件渲染
+  </div>
+</template>
+
+<script setup lang="ts">
+
+</script>
+
+<style lang="scss" scoped>
+
+</style>

src/packages/components/Chart/Lines/index.ts

@@ -0,0 +1,5 @@
+import { LineCommonConfig } from './LineCommon/index'
+import { LineGradientSingleConfig } from './LineGradientSingle/index'
+import { LineGradientsConfig } from './LineGradients/index'
+
+export default [LineCommonConfig, LineGradientSingleConfig, LineGradientsConfig]

src/packages/components/Chart/Mores/Variable/index.ts

@@ -0,0 +1,12 @@
+import Variable from './index.vue'
+import image from '@/assets/images/chart/charts/water_variable.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const VariableConfig: ConfigType = {
+  key: 'Variable',
+  title: '折线面积图',
+  category: ChatCategoryEnum.MORE,
+  node: Variable,
+  image: image
+}

src/packages/components/Chart/Mores/Variable/index.vue

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

src/packages/components/Chart/Mores/index.ts

@@ -0,0 +1,3 @@
+import { VariableConfig } from './Variable/index'
+
+export default [VariableConfig,]

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

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

src/packages/components/Chart/Pies/index.ts

@@ -1,3 +1,3 @@
-import { pieCommonConfig } from './PieCommon/index'
+import { PieCommonConfig } from './PieCommon/index'
 
-export default [pieCommonConfig]
+export default [PieCommonConfig]

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

@@ -1,4 +1,6 @@
 export enum ChatCategoryEnum {
   BAR = '柱状图',
-  PIE = '饼图'
+  PIE = '饼图',
+  LINE = '折线图',
+  MORE = '更多'
 }

src/packages/components/Chart/index.ts

@@ -1,4 +1,6 @@
-import Bar from './Bars'
-import Pie from './Pies'
+import Bars from './Bars'
+import Pies from './Pies'
+import Lines from './Lines'
+import Mores from './Mores'
 
-export const ChartList = [...Bar, ...Pie]
+export const ChartList = [...Bars, ...Pies, ...Lines, ...Mores]