feat:新增组件
This commit is contained in:
parent
5843388d0b
commit
fec6c6f23e
Before Width: | Height: | Size: 14 KiB After Width: | Height: | Size: 14 KiB |
12
src/packages/components/Chart/Maps/MapChine/index.ts
Normal file
12
src/packages/components/Chart/Maps/MapChine/index.ts
Normal 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
|
||||
}
|
13
src/packages/components/Chart/Maps/MapChine/index.vue
Normal file
13
src/packages/components/Chart/Maps/MapChine/index.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
line组件渲染
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
3
src/packages/components/Chart/Maps/index.ts
Normal file
3
src/packages/components/Chart/Maps/index.ts
Normal file
@ -0,0 +1,3 @@
|
||||
import { MapChineConfig } from './MapChine/index'
|
||||
|
||||
export default [MapChineConfig]
|
12
src/packages/components/Chart/Mores/Funnel/index.ts
Normal file
12
src/packages/components/Chart/Mores/Funnel/index.ts
Normal 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
|
||||
}
|
13
src/packages/components/Chart/Mores/Funnel/index.vue
Normal file
13
src/packages/components/Chart/Mores/Funnel/index.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
水波
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
12
src/packages/components/Chart/Mores/Heatmap/index.ts
Normal file
12
src/packages/components/Chart/Mores/Heatmap/index.ts
Normal 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
|
||||
}
|
13
src/packages/components/Chart/Mores/Heatmap/index.vue
Normal file
13
src/packages/components/Chart/Mores/Heatmap/index.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
水波
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
12
src/packages/components/Chart/Mores/Point/index.ts
Normal file
12
src/packages/components/Chart/Mores/Point/index.ts
Normal 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
|
||||
}
|
13
src/packages/components/Chart/Mores/Point/index.vue
Normal file
13
src/packages/components/Chart/Mores/Point/index.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
水波
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
12
src/packages/components/Chart/Mores/Radar/index.ts
Normal file
12
src/packages/components/Chart/Mores/Radar/index.ts
Normal 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
|
||||
}
|
13
src/packages/components/Chart/Mores/Radar/index.vue
Normal file
13
src/packages/components/Chart/Mores/Radar/index.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
水波
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
12
src/packages/components/Chart/Mores/TreeMap/index.ts
Normal file
12
src/packages/components/Chart/Mores/TreeMap/index.ts
Normal 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
|
||||
}
|
13
src/packages/components/Chart/Mores/TreeMap/index.vue
Normal file
13
src/packages/components/Chart/Mores/TreeMap/index.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
水波
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
@ -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]
|
||||
|
3
src/packages/components/Chart/index.d.ts
vendored
3
src/packages/components/Chart/index.d.ts
vendored
@ -2,5 +2,6 @@ export enum ChatCategoryEnum {
|
||||
BAR = '柱状图',
|
||||
PIE = '饼图',
|
||||
LINE = '折线图',
|
||||
MORE = '更多'
|
||||
MORE = '更多',
|
||||
MAP = '地图'
|
||||
}
|
@ -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
src/packages/components/Information/Mores/Image/index.ts
Normal file
12
src/packages/components/Information/Mores/Image/index.ts
Normal 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
|
||||
}
|
13
src/packages/components/Information/Mores/Image/index.vue
Normal file
13
src/packages/components/Information/Mores/Image/index.vue
Normal file
@ -0,0 +1,13 @@
|
||||
<template>
|
||||
<div>
|
||||
词云
|
||||
</div>
|
||||
</template>
|
||||
|
||||
<script setup lang="ts">
|
||||
|
||||
</script>
|
||||
|
||||
<style lang="scss" scoped>
|
||||
|
||||
</style>
|
@ -1,3 +1,4 @@
|
||||
import { TextCloudConfig } from './TextCloud/index'
|
||||
import { ImageConfig } from './Image/index'
|
||||
|
||||
export default [TextCloudConfig]
|
||||
export default [ImageConfig, TextCloudConfig]
|
||||
|
@ -31,7 +31,7 @@ defineProps({
|
||||
/* 列表项宽度 */
|
||||
$itemWidth: 86%;
|
||||
/* 内容高度 */
|
||||
$centerHeight: 80px;
|
||||
$centerHeight: 100px;
|
||||
.item-box {
|
||||
margin: 0 7%;
|
||||
margin-bottom: 15px;
|
||||
|
Loading…
x
Reference in New Issue
Block a user