feat:新增组件

This commit is contained in:
mtruning 2022-01-15 22:35:32 +08:00
parent 5843388d0b
commit fec6c6f23e
21 changed files with 191 additions and 5 deletions

View File

Before

Width:  |  Height:  |  Size: 14 KiB

After

Width:  |  Height:  |  Size: 14 KiB

View File

@ -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
}

View File

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

View File

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

View File

@ -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
}

View File

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

View File

@ -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
}

View File

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

View File

@ -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
}

View File

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

View File

@ -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
}

View File

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

View File

@ -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
}

View File

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

View File

@ -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]

View File

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

View File

@ -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]

View File

@ -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
}

View File

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

View File

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

View File

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