mirror of
https://gitee.com/dromara/go-view.git
synced 2025-04-22 05:26:23 +08:00
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 { 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 = '柱状图',
|
BAR = '柱状图',
|
||||||
PIE = '饼图',
|
PIE = '饼图',
|
||||||
LINE = '折线图',
|
LINE = '折线图',
|
||||||
MORE = '更多'
|
MORE = '更多',
|
||||||
|
MAP = '地图'
|
||||||
}
|
}
|
@ -2,5 +2,6 @@ import Bars from './Bars'
|
|||||||
import Pies from './Pies'
|
import Pies from './Pies'
|
||||||
import Lines from './Lines'
|
import Lines from './Lines'
|
||||||
import Mores from './Mores'
|
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 { TextCloudConfig } from './TextCloud/index'
|
||||||
|
import { ImageConfig } from './Image/index'
|
||||||
|
|
||||||
export default [TextCloudConfig]
|
export default [ImageConfig, TextCloudConfig]
|
||||||
|
@ -31,7 +31,7 @@ defineProps({
|
|||||||
/* 列表项宽度 */
|
/* 列表项宽度 */
|
||||||
$itemWidth: 86%;
|
$itemWidth: 86%;
|
||||||
/* 内容高度 */
|
/* 内容高度 */
|
||||||
$centerHeight: 80px;
|
$centerHeight: 100px;
|
||||||
.item-box {
|
.item-box {
|
||||||
margin: 0 7%;
|
margin: 0 7%;
|
||||||
margin-bottom: 15px;
|
margin-bottom: 15px;
|
||||||
|
Loading…
x
Reference in New Issue
Block a user