浏览代码

feat:新增组件

mtruning 3 年之前
父节点
当前提交
fec6c6f23e

+ 0 - 0
src/assets/images/chart/charts/photo.png → src/assets/images/chart/informations/photo.png


+ 12 - 0
src/packages/components/Chart/Maps/MapChine/index.ts

@@ -0,0 +1,12 @@
+import MapChine from './index.vue'
+import image from '@/assets/images/chart/charts/map.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const MapChineConfig: ConfigType = {
+  key: 'MapChine',
+  title: '北京地图',
+  category: ChatCategoryEnum.MAP,
+  node: MapChine,
+  image: image
+}

+ 13 - 0
src/packages/components/Chart/Maps/MapChine/index.vue

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

+ 3 - 0
src/packages/components/Chart/Maps/index.ts

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

+ 12 - 0
src/packages/components/Chart/Mores/Funnel/index.ts

@@ -0,0 +1,12 @@
+import Funnel from './index.vue'
+import image from '@/assets/images/chart/charts/funnel.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const FunnelConfig: ConfigType = {
+  key: 'Funnel',
+  title: '漏斗图',
+  category: ChatCategoryEnum.MORE,
+  node: Funnel,
+  image: image
+}

+ 13 - 0
src/packages/components/Chart/Mores/Funnel/index.vue

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

+ 12 - 0
src/packages/components/Chart/Mores/Heatmap/index.ts

@@ -0,0 +1,12 @@
+import Heatmap from './index.vue'
+import image from '@/assets/images/chart/charts/heatmap.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const HeatmapConfig: ConfigType = {
+  key: 'Heatmap',
+  title: '热力图',
+  category: ChatCategoryEnum.MORE,
+  node: Heatmap,
+  image: image
+}

+ 13 - 0
src/packages/components/Chart/Mores/Heatmap/index.vue

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

+ 12 - 0
src/packages/components/Chart/Mores/Point/index.ts

@@ -0,0 +1,12 @@
+import Point from './index.vue'
+import image from '@/assets/images/chart/charts/Point.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const PointConfig: ConfigType = {
+  key: 'Point',
+  title: '热力图',
+  category: ChatCategoryEnum.MORE,
+  node: Point,
+  image: image
+}

+ 13 - 0
src/packages/components/Chart/Mores/Point/index.vue

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

+ 12 - 0
src/packages/components/Chart/Mores/Radar/index.ts

@@ -0,0 +1,12 @@
+import Radar from './index.vue'
+import image from '@/assets/images/chart/charts/radar.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const RadarConfig: ConfigType = {
+  key: 'Radar',
+  title: '雷达',
+  category: ChatCategoryEnum.MORE,
+  node: Radar,
+  image: image
+}

+ 13 - 0
src/packages/components/Chart/Mores/Radar/index.vue

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

+ 12 - 0
src/packages/components/Chart/Mores/TreeMap/index.ts

@@ -0,0 +1,12 @@
+import TreeMap from './index.vue'
+import image from '@/assets/images/chart/charts/tree_map.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const TreeMapConfig: ConfigType = {
+  key: 'TreeMap',
+  title: '树形分布',
+  category: ChatCategoryEnum.MORE,
+  node: TreeMap,
+  image: image
+}

+ 13 - 0
src/packages/components/Chart/Mores/TreeMap/index.vue

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

+ 6 - 1
src/packages/components/Chart/Mores/index.ts

@@ -1,3 +1,8 @@
+import { RadarConfig } from './Radar/index'
+import { FunnelConfig } from './Funnel/index'
+import { HeatmapConfig } from './Heatmap/index'
+import { PointConfig } from './Point/index'
 import { VariableConfig } from './Variable/index'
+import { TreeMapConfig } from './TreeMap/index'
 
-export default [VariableConfig,]
+export default [RadarConfig, FunnelConfig, HeatmapConfig,PointConfig, VariableConfig, TreeMapConfig]

+ 2 - 1
src/packages/components/Chart/index.d.ts

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

+ 2 - 1
src/packages/components/Chart/index.ts

@@ -2,5 +2,6 @@ import Bars from './Bars'
 import Pies from './Pies'
 import Lines from './Lines'
 import Mores from './Mores'
+import Maps from './Maps'
 
-export const ChartList = [...Bars, ...Pies, ...Lines, ...Mores]
+export const ChartList = [...Bars, ...Pies, ...Lines, ...Maps , ...Mores]

+ 12 - 0
src/packages/components/Information/Mores/Image/index.ts

@@ -0,0 +1,12 @@
+import Image from './index.vue'
+import image from '@/assets/images/chart/informations/photo.png'
+import { ConfigType } from '@/packages/index.d'
+import { ChatCategoryEnum } from '../../index.d'
+
+export const ImageConfig: ConfigType = {
+  key: 'Image',
+  title: '图片',
+  category: ChatCategoryEnum.MORE,
+  node: Image,
+  image
+}

+ 13 - 0
src/packages/components/Information/Mores/Image/index.vue

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

+ 2 - 1
src/packages/components/Information/Mores/index.ts

@@ -1,3 +1,4 @@
 import { TextCloudConfig } from './TextCloud/index'
+import { ImageConfig } from './Image/index'
 
-export default [TextCloudConfig]
+export default [ImageConfig, TextCloudConfig]

+ 1 - 1
src/views/chart/components/ContentCharts/components/ItemBox/index.vue

@@ -31,7 +31,7 @@ defineProps({
 /* 列表项宽度 */
 $itemWidth: 86%;
 /* 内容高度 */
-$centerHeight: 80px;
+$centerHeight: 100px;
 .item-box {
   margin: 0 7%;
   margin-bottom: 15px;